/* CSS:FILE: actdocs.css*/


.docsact{
	display:block;
	padding:3px;
	border-right:1px solid #02b1d5;
	position:relative;
	right:4px;
	top:-3px;
	padding-top:7px;
}

.docsact a:not(.btn){
		display:block;
	color:#FFF;
	padding:1px;
	text-decoration:none;
	padding-top:4px;
	margin-bottom:4px;
		background-image:url(gfx/stagedocx.svg);
		background-repeat:no-repeat;
		background-size:auto 80%;
		padding-left:25px;
		height:20px;
		background-position:4px center;
		color:#333;
		background-color:rgba(255,255,255,0.5);
}

.docsact a:hover:not(.btn){
		background-color:rgba(255,255,255,0.8);
}


/* CSS:FILE: body.css*/


html{
	background-color:rgb(30,30,30);
	background-image:url(gfx/bodybg.svg);
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}


a{
	outline:none;
}


/* CSS:FILE: btn.css*/



.btn{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	border-radius:3px;
	padding:4px;
		margin:3px;
		background-image:url(gfx/btnback.svg);
		background-size:cover;
		background-position:center center;
		box-shadow:0px 0px 3px #000;
		transition:0.4s all;
		margin-left:4px;
		margin-right:4px;
}

.btn:hover{
	box-shadow:0px 0px 3px #FFF;
}


.btn.edit, .btn.trash{
	min-height:15px;
	background-image:url(gfx/edit.svg),url(gfx/btnback.svg);
	background-size:15px auto, cover;
	background-position:2px center, center center;	
	background-repeat:no-repeat;
	padding-left:15px;
	vertical-align:top;
	overflow:hidden;
}

.btn.trash{
	background-color:#C00;
	background-image:url(gfx/trash.svg),url(gfx/btnback.svg);
}

.btn.new, .btn.plus{
	border-radius:190px;
	background-color:#0C0;
	padding-left:8px;
	padding-right:8px;
	font-size:80%;
}
	
.btn.current{
	background-color:#CF0;
}


/* CSS:FILE: chat.css*/



.toChatBoard{
	display:inline-block;
	width:90px;
	height:90px;
	background-image:url(gfx/chatboard.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:80% auto;
	margin-left:20px;
	transition:0.5s all;
}

.toChatBoard:hover{
	background-size:95% auto;	
}

#chatBoard{
	display:block;
	width:100%;
}

#chatBoard div, #chatBoard span, #chatBoard textarea{
	box-sizing:border-box;
}

.boardBox{
display:inline-block;
padding:10px;
width:300px;
vertical-align:top;
margin:10px;
background-color:rgba(255,255,255,0.2);
}

.boardBox h3{
	margin:0px;
	font-size:180%;
	color:#999;
	font-weight:normal;
	border-bottom:2px solid #C30;
}

#chatGroupMembership{
	display:block;
	color:#999;
}

#chatGroupMembership strong{
	display:block;
}

.chathist{
	max-height:250px;
	overflow:auto;
	display:block;
}


.boardBox textarea{
	background-color:rgba(255,255,255,0.7);
	color:#000;
	border:0px;
	width:99%;
	padding:4px;
	border-radius:5px;
}

.activateChatBox{
	display:inline-block;
	vertical-align:top;
	margin:9px;
}

.chatMsg{
	width:99%;
	display:block;
	margin-bottom:14px;
	padding:5px;
	border-radius:4px;
	background-color:rgba(0,0,0,0.3);
}

.msgMeta{
	display:block;
	font-size:80%;
	color:#999;
}

.wCommentW{
	display:block;
	margin-top:9px;
}

.msgImportance100{
	background-color:#C60;
}

.msgImportance100 a:not(.btn){
	color:#333;
}

.msgImportance100 .msgMeta{
	color:#666;
}

.msgImportance100 .theChatMsg{
	font-size:120%;
}

.msgImportance1000{
		background-color:#900;

}

.msgImportance1000 .theChatMsg{
	font-size:200%;
}

#insaneImportant>span{
display:block;
width:100%;
background-color:#900;
padding:20px;
font-size:200%;
margin-bottom:10px;
}

#insaneImportant>span .msgMeta>span{
	margin-right:10px;
}


/* CSS:FILE: clock.css*/


body.clock{
	background-color:#333;
	padding:8px !important;
	overflow:hidden;
	margin:0px;
}


/* CSS:FILE: clocktidsskjema.css*/


#clcktidsskjema, #clcktidsskjema td,#clcktidsskjema h3{
	font-size:12px;
	text-align:left;
}

#clcktidsskjema{
	border-right:2px solid #333;
}

#clcktidsskjema table{
	border-collapse:collapse;
}

#clcktidsskjema h3{

}

#clcktidsskjema tr:not(.here):not(.dateRow){
	border-bottom: 2px solid rgba(100,100,100,0.5);
}



#clcktidsskjema tr td:nth-child(3){
	display:none;
}


@keyframes hereAni {
  0% {
    border-left: 1px solid #CF0;
  }
  50%{
	border-left: 10px solid #CF0;
  }
  100% {
    border-left: 1px solid #CF0;
  }
}
/*
#clcktidsskjema #here{
	width:50px;
	box-sizing:border-box;
	display:inline-block;
	color:#666;
	padding:2px;
 animation: hereAni 5s infinite;
 text-align:right;
 background-color:rgba(0,0,0,0.2) !important;
}
*/
#clcktidsskjema #here{
	color:#333;
}

@keyframes ongo{
  0% {
    background-size: 50% auto;
  }
  50%{
    background-size: 500% auto;
  }
  100% {
    background-size: 50% auto;
  }
}

.onGoing .facindicator{
	background-image:url(gfx/ongoing.svg);
	animation: ongo 3s infinite;	
	background-repeat:no-repeat;
	background-position:center center;
}



/* CSS:FILE: community.css*/


.spCommunity{
	box-sizing:border-box;
	display:block;
	margin-top:40px;
	color:#999;
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.4);
	padding:30px;
	broder-radius:4px;
	background-image:url(gfx/right.svg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size: auto 80%;
	text-decoration:none;
}

.spCommunity a{
	text-decoration:none;
	color:#CCC;
}

.spCommunity h2 {
	margin:0px;
}

.spCommunity h2 span{
	color:rgb(222,222,222);
	text-shadow:0px 0px 3px rgba(255,255,255,0.8);
}

.spCommunity h2 a{
	color:#CCC;
}


.communityContainer{
	box-sizing:border-box;
	display:block;
	width:100%;
	text-align:center;
}

.communityContent{
	display:inline-block;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	text-align:left;
}

.communityArticle{
	display:inline-block;
	max-width:600px;
	text-align:left;
	padding:20px;
}


.communityArticle h1{
	color:#02b1d5;
}

.cNMeta{
	display:block;
	margin-top:30px;
	color:#999;
}

.cnews{
	display:block;
	margin-bottom:8px;
}


/* CSS:FILE: crewlist.css*/


#crewlist span, #crewlist a, #crewlist div{
	box-sizing:border-box;
}


#crewlist>span{
	display:inline-block;
	vertical-align:top;
	width:210px;
	margin-right:20px;
}

#crewlist>span.squared{
	border:3px solid #CCC;
}

#crewlist>span .moreinfo{
	display:inline-block;
	width:100%;
	padding:6px;
	vertical-align:top;
	border:3px solid rgba(0,0,0,0);
	transistion:0.5s all;
	display:inline-block;
	padding-top:100px;
	background-image:url(gfx/stageperson.svg);
	background-position:center 20px;
	background-size: auto 80px;
	background-repeat:no-repeat;
	text-align:center;
	color:#CCC;
	text-decoration:none;
	font-size:110%;
	transition:0.5s all;
	margin-bottom:7px;
}

#crewlist>span.squared .moreinfo{
	box-sizing:none;
	border:0px solid rgba(0,0,0,0);
	border-radius:0px;
}

#crewlist>span.squared .moreinfo{
	height:auto;
}

#crewlist>span.squared{
	background-color:#333;
}


.crewinfo{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:1px;
	font-size:80%;
}

.groupcontainer{
	display:block;
}

.crewGroups{
	display:block;
	margin-bottom:15px;
}

.sokcrew{
	padding:10px;
	margin-bottom:10px;
}


/* CSS:FILE: doc.css*/


.btnicon{
	display:inline-block;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	vertical-align:top;
}

.docicon{
	background-image:url(gfx/stagedoc.svg);
}


/* CSS:FILE: facilist.css*/



#facilist{
	width:200px;
	display:block;
	vertical-align:top;
	position:fixed;
	top:150px;
	right:0px;
	background:rgba(100,100,100,0.8);
	border:1px solid #CCC;
	z-index:99;
}

#facilist h2{
	margin:4px;
}


/* CSS:FILE: facindicator.css*/


td.facindicator, table.program td.facindicator{
	width:7px;
	text-align:center;
	background-size:cover;
	background-position:center center;	
	text-shadow:0px 0px 1px #000;
	color:#FFF;
}


/* CSS:FILE: fileItemList.css*/


.docItemslist li{
	list-style:none;
	padding-left:7px;
	display:block;
	margin-bottom:10px;
}

li.current{
	border-left:8px solid #6C0;
}

li.old{
	border-left:8px solid #CCC;
	left:10px;
	position:relative;
	left:10px;
	width:90%;
	font-size:90%;
}


/* CSS:FILE: form.css*/


form label{
	display:block;
	margin-bottom:10px;
	margin-top:5px;
}

form label strong{
	display:block;
}

textarea{
	min-width:90%;
	min-height:60px;
}


/* CSS:FILE: formgroup.css*/


.formgroup{
	display:inline-block;
	width:300px;
	max-width:99%;
	vertical-align:top;
	margin:10px;
}


/* CSS:FILE: grpbtn.css*/



.grpbtn{
	font-size:10px;
	display:inline-block;
	margin:1px;
	background-color:#036;
	border:1px solid rgba(255,255,255,0.4);
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	padding:3px;
	margin-right:3px;
	background-image:url(gfx/moregradient.svg);
	background-size:cover;
	background-position:center center;
	border-radius:3px;
	text-align:center;
	font-size:70%;
}

.grpbtn.green{
	background-color:#060;
}

.grpbtn:hover{
	box-shadow:0px 0px 3px #FFF;
}



/* CSS:FILE: histocontainer.css*/


#histcontainer{
	display:block;
	position:fixed;
	right:0px;
	top:80px;
	max-height:500px;
	background-color:#666;
	padding:5px;
	max-width:350px;
	overflow:auto;
	z-index:
}


/* CSS:FILE: icon.css*/


.icon{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}


/* CSS:FILE: identify.css*/


.btn.identify{
	margin-right:-2px;
}

.open .btn.identify{
	border-left:2px solid #CCC;
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding-right:10px;
	margin-right:-4px;
}

.identifyArea{
	display:block;
}

.identifyIcon{
	background-image:url(gfx/stageperson.svg);
	display:inline-block;
	width:44px;
	height:44px;
	vertical-align:top;
}


#identify{
	width:auto;
	vertical-align:top;
	display:inline-block;
	max-width:400px;
	background-color:#CCC;
	padding:5px;
	color:#333;
	border-radius:4px;
	background-image:url(gfx/moregradient.svg);
	background-size:cover;	
}

#myID{
	color:#999;
}

.idName{
	display:inline-block;
}


/* CSS:FILE: ilb.css*/


.ilb{
	display:inline-block;
	vertical-align:top;
	margin:3%;
}

.ilb50{
	width:40%;
}


.ilb30{	
width:22%;
}


@media only screen and (max-width: 800px) {
.ilb50,.ilb30{
	width:93%;
}


}


/* CSS:FILE: mobplan.css*/


.mobplan h2{
	font-size:300%;
}

.mppgroup, .mppgroup span,  .mppgroup div, .mppgroup a{
	box-sizing:border-box;
}

.mppgroup{
	display:block;
	margin-top:30px;
}

.mppgroup h3{
	margin:0px;
	font-size:160%;
	margin-bottom:10px;
}

.mppgroup>span{
	display:inline-block;
	vertical-align:top;
	width:330px;
	margin-right:20px;
	background-color:rgba(0,0,0,0.5);
	margin-bottom:3px;
	max-width:99%;
	border:1px solid #263A59;	
}

.mppgroup.onePager>span{
	width:100%;
}



.mppgroup .bandtime{
	background-color:#000;
	display:block;
	width:100%;
	padding:3px;
}

.mppgroup>span .mppval{
	display:none;
}

.mppgroup>span.open .mppval{
	display:block;
	padding:5px;
	width:100%;
}

.mplabel{
	text-decoration:none;
	width:100%;
	display:block;
	background-color:#263A59;
	background-image:url(gfx/moregradient.svg);
	background-size:cover;
	font-size:120%;
	padding:5px;
}

.mppval img{
	max-width:99%;
}

.updTime{
	display:block;
	font-size:80%;
	color:#999;
	margin-top:8px;
}

.mobplanfuncs{
	display:inline-block;
}

@media all and (max-width: 600px) {
.mobplanfuncs{
        display:block;
    }
	
.mobplan .mppgroup{
	font-size:17px;

}

.mobplan .mppgroup>span{
	width:99%;
	display:block;	
}
}


/* CSS:FILE: plainstart.css*/


.plainStart{
	display:block;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	box-sizing:border-box;
	text-align:center;
	background-image:url(gfx/startbgs/IMG_6551.jpg);
	background-size:cover;
	background-position:center center;
	text-align:center;
	box-sizing:border-box;
}

.plainStart h1{
	font-size:30px;
	color:rgba(255,255,255,0.5);
	margin-bottom:40px;
	margin-top:50px;
}

.plainStart h1 span{
	font-size:45px;
	color:rgba(255,255,255,1);
	font-weight:bold;
	display:block;
	text-shadow:0px 0px 5px #FFF;
}

.ongoing a{
	display:inline-block;
	width:300px;
	text-align:center;
	padding:40px;
	box-sizing:border-box;
	font-size:30px;
	color:#FFF;
	background-color:rgba(0,0,0,0.4);
	text-decoration:none;
	text-align:center;
}

.ongoing a:hover{
	background-color:rgba(0,0,0,0.8);
}

.creds{
	display:block;
	position:fixed;
	bottom:0px;
	padding-top:10px;
	width:100%;
	text-align:center;
}

.creds a{
	color:#CCC;
	font-size:80%;
	text-decoration:none;
}

#toArtsys{
	display:inline-block;
	background-image:url(gfx/artsys.svg);
	width:80px;
	height:40px;
	background-size:contain;
	background-position:center bottom;
	background-repeat:no-repeat;
}

.plainStart .frontPageLinks{
	margin-top:40px;
}

.frontPageLinks{
	display:block;
	width:100%;
	padding:10px;
}

.frontPageLinks a{
	display:inline-block;
	padding:4px;
	font-size:14px;
	color:#FFF;
	background-color:rgba(0,0,0,0.7);
	margin:8px;
	min-width:150px;
	text-decoration:none;
	transition:0.5s all;
	padding-top:7px;
	padding-bottom:7px;
    box-shadow:0px 0px 5px rgba(255,255,255,0.6);
	border-radius:4px;
}

.frontPageLinks a:hover{
	background-color:rgba(0,0,0,0.9);
	box-shadow:0px 0px 5px #FFF;
}

.frontPageLinks a span{
	transition:0.5s all;	
	border-bottom:2px solid #666;	
}

.frontPageLinks a:hover span{
	border-bottom:2px solid #FFF;	
}



/* CSS:FILE: planEdit.css*/


.reuse{
	padding:5px;
	display:block;
	background-color:rgba(255,255,255,0.1);
	font-size:90%;
}

.ppTemplate{
	background-color:rgba(255,255,255,0.2);
	display:block;
	padding:4px;
	margin-bottom:3px;
}

.ppTemplateShow{
	display:inline-block;
	background:rgba(0,0,0,0.1);
	padding:8px;
	vertical-align:top;
	width:200px;
	min-height:80px;
	margin:10px;
	box-shadow:0px 0px 4px rgba(255,255,255,0.2);
}


/* CSS:FILE: shindier.css*/


.shIndier{
	display:inline-block;
	width:18px;
	height:18px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-right:6px;
	vertical-align:top;
}

.shIndier{
	background-image:url(gfx/right.svg);
}

.open .shIndier{
	background-image:url(gfx/down.svg);
}


/* CSS:FILE: stageback.css*/


.stageback{
	display:block;
	position:fixed;
	top:7px;
	left:10px;
	padding:8px;
	padding-left:30px;
	font-size:130%;
	color:#999;
	text-decoration:none;
	z-index:99999;
	background-color:rgba(0,0,0,0.3);	
}

.stageback span{
	transition:0.3s all;
}

.stageback .bs{
	display:block;
	width:20px;
	height:4px;
	background-color:#999;
	position:fixed;
	left:18px;

}

.stageback .bsLbl{
	border-bottom:2px solid rgba(0,0,0,0);;
}

.stageback:hover .bsLbl{
	border-bottom:2px solid #C30;
}

.stageback .bs1{
	transform: rotate(-40deg);
	top:18px;
}

.stageback .bs2{
	transform: rotate(40deg);
	top:29px;
}

.stageback:hover .bs{
	left:12px;
}

.stageback:hover .bs1{
	transform: rotate(-50deg);
	top:17px;
}

.stageback:hover .bs2{
	transform: rotate(50deg);
	top:30px;
}


/* CSS:FILE: stageform.css*/


.stageform{
	margin:10px;
	display:block;
	margin-bottom:30px;
}

.stageform label{
	display:block;
	margin-bottom:10px;
}

.spaceTable td{
	padding:4px;
}


/* CSS:FILE: stagepass.css*/


html{
height:100%;
/*
background-color:#000;
background-image:url(gfx/IMG_3235.jpg);
background-size:cover;
background-attachment:fixed;
 */
}

body{

color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
font-family: 'Armata', sans-serif;
padding-top:30px;
}

input,textarea,select,option{
	font-family: 'Armata', sans-serif;
	font-size:14px;
}

a{
	color:#F60;
}

h1,h2,h3,h4{
	font-weight:normal;
}

.facility{
	background-color:#333;
	padding:4px;
	border-radius:5px;
	border:2px solid #999;
	margin:5px;
	display:inline-block;
	width:80%;
	margin-top:0px;
}

.facility strong{
	display:block;
}


form.stageform strong{
	display:block;
}

form.stageform p{
	padding:6px;
	display:block;
	border-radius:5px;
	border: 1px solid #999;
	background-color:#666;
	width:400px;
	max-width:90%;
}

input.small{
	width:30px;
}


#clock{
	display:inline-block;
	width:400px;
	vertical-align:top;
	border:0px solid #999;
}

div.act{
	background-color:#333;
	padding:4px;
	border-radius:4px;
	border:1px solid #FFF;
	margin-bottom:10px;
	max-width:900px;
}

div.act p{
	margin:0px;
	margin-bottom:2px;
}

div.act a.fil{
	display:block;
}


.facilitygroup{
	display:inline-block;
	width:300px;
	background-color:#333;
	border-radius:5px;
	padding:5px;
	vertical-align:top;
	margin:5px;
	border:1px solid #CCC;
}


.facilitygroup div{
	display:block;
	padding:3px;
	margin-bottom:2px;
	border:1px solid #FFF;
	border-radius:4px;
}

.facilitygroup h3{
margin:0px;
}

.tidspunkt{
	font-size:16px;
}

#logo{
	position:fixed;
	right:10px;
	top:-10px;
	font-size:26px;
	display:block;
	padding:5px;
	text-shadow:0px 0px 4px #000,0px 0px 4px #000,0px 0px 4px #000;
	z-index:10;
	text-decoration:none;
	color:#FFF !important;
}

#logo:hover{
	text-shadow:0px 0px 4px #FFF,0px 0px 4px #FFF,0px 0px 4px #FFF;
}



#mainmenu{
	display:block;
	background-color:rgba(50,50,50,0.9);
	position:fixed;
	left:0px;
	top:0px;
	border-bottom:1px solid #CCC;
	width:100%;
}

#mainmenu a{
	font-size:16px;
	padding:3px;
	text-decoration:none;
	margin-left:20px;
}

#admenu a{
	display:inline-block;
	padding:3px;
	width:200px;
	font-size:18px;
	color:#FFF;
	background-color:rgba(0,0,0,0.2);
	border:1px solid #CCC;
	text-decoration:none;
	margin:4px;
	text-align:center;
}

#admenu a:hover{
	background-color:rgba(255,255,255,0.2);	
}
.bandtitle{
	font-size:25px;
}

.act.current{
	box-shadow:0px 0px 8px #FFF;
	margin-top:10px;
	margin-left:8px;
	background-image:url(gfx/gradient.png);
}

#transback{
	position:fixed;
	font-size:130px;
	color:rgba(255,255,255,0.1);
    -ms-transform: rotate(-80deg); /* IE 9 */
    -webkit-transform: rotate(-80deg); /* Chrome, Safari, Opera */
    transform: rotate(-80deg);
	right:-250px;
	bottom:250px;
	letter-spacing:-10px;
	text-align:left;
	width:auto;
	z-index:-10;
	display:none;
}


.linegroup{
	display:inline-block;
	background-color:rgba(0,0,0,0.4);
	padding:4px;
	margin:5px;
	border:0px solid #CCC;
	width:98%;
	vertical-align:top;
}

.sublines{
	display:block;
	margin-left:10px;
	background-color:rgba(244,244,244,0.2);
	padding:4px;
}

.line{
	display:block;
	padding:2px;
	background-color:rgba(0,0,0,0.7);
	border:1px solid #999;
	margin:4px;
	margin-bottom:6px;
}

.linedetail{
	color:#999;
	display:block;
	background-color:#333;
}

.linedetail select, .linedetail input{
	padding:1px;
}

.tabs{
	left:0px;
	top:0px;
	position:fixed;
	font-size:18px;
	background-color:#666;
	display:block;
	width:100%;
}

.tabs a{
	display:inline-block;
	background-color:#666;
	color:#FFF;
	padding:5px;
	text-decoration:none;
	border-right:1px solid #CCC;
}

.tabs a:hover{
	background-color:#999;
}

.fil{
	display:block;
	background-color:#369;
	color:#FFF;
	padding:2px;
	margin-bottom:3px;
	width:400px;
	border:1px solid #FFF;
	text-decoration:none;
}

.fil:hover{
	background-color:#09C;
}


.fil.old{
	background-color:#666;
	font-size:12px;
	margin-left:15px;
}

.colorpick{
	display:inline-block;
	width:16px;
	height:16px;
	margin:3px;
}
	
table.program td{
	border-top:1px solid #333;
	color:#CCC;
	padding:4px;
}
	

table.program h3{
	margin:0px;
	margin-top:20px;
}

table.program a.btn{
	font-size:13px !important;
}



#totheright{
	display:block;
	position:absolute;
	right:0px;
	max-width:400px;
	top:40px;
	background-color:rgba(0,0,0,0.8);
	padding:4px;
	box-shadow:0px 0px 4px #FFF;
}

#totheright table{
	width:100%;
}


tr td:nth-child(2) a,tr td:nth-child(2){
	color:#A4C7D6;
	text-decoration:none;
}

tr td:nth-child(2) a:hover{
	text-decoration:underline;
}

tr.tblact180 td:nth-child(2){
	font-size:18px !important;	
}



tr.tblact180 td:nth-child(2) a,tr.tblact180 td:nth-child(2){
	color:#F60;
}

#showlike{
	display:block;
	width:95%;
margin-bottom:20px;
	font-size:11px;
	padding:4px;
	background-color:#F60;
}

#showlike a, #showlike span{
	color:#000;
	margin-right:35px;
	text-decoration:none;
	display:inline-block;
}


#showlike span{
	font-weight:bold;
	padding:5px;
	display:inline-block;
	position:relative;
	top:8px;
	margin-top:-4px;
	padding-left:7px;
	padding-right:7px;
}

#thisact td{
	border:3px solid #900
}

.factabs{
	display:block;
	border-bottom:1px solid #F60;
	width:96%;
}

.factabs a{
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:4px;
	padding-left:7px;
	padding-right:7px;
	text-decoration:none;
	margin-left:7px;
	background-color:#000;
	color:#CCC;
	border:1px solid #333;
	border-bottom:0px;
}

.factabs a:hover{
	background-color:#333;
}


.factabs a.act{
	background-color:#F60;
	color:#F60;
	border:1px solid #F60;
	color:#000;
}

.dtl{
	display:inline-block;
	vertical-align:top;
	min-width:30px;
	margin-right:30px;
min-height:50px;
}

.dtl:nth-child(2){
	width:300px;
}

.dtl:nth-child(1){
	border:1px solid #CCC;
	border-radius:3px;
}

.dtl:nth-child(3){
	max-width:400px;
}

	table.program tr:nth-child(1) td{
		border:0px !important;
	}

table.program tr td:nth-child(2){
	max-width:360px;

}


.sortby{
	font-weight:bold;
	display:block;
	background-color:#F60;
	color:#000;
}

th a{
	text-decoration:none;
	border:1px solid #F60;
	padding:2px;
}

.admclock{
	display:inline-block;
	margin:8px;
	padding:4px;
	background-color:#366;
	color:#FFF;
	text-decoration:none;
	box-shadow:0px 0px 5px #FFF;
	border:1px solid #FFF;
	padding-top:95px;
	background-image:url(gfx/clock.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:90px 90px;
	width:200px;
	text-align:center;
	font-size:17px;
	vertical-align:top;
}

.admclock a{
	display:block;
	background-color:rgba(0,0,0,0.3);
	color:#FFF;
	padding:3px;
	text-align:center;
	margin-top:3px;
	font-size:15px;
	text-decoration:none;
}

a.admclock:hover{
	box-shadow:0px 0px 7px #FFF,0px 0px 10px #FFF;	
}

.admclock a:hover{
	background-color:rgba(0,0,0,0.5);
}

.indicator{
	display:inline-block;
	margin:5px;
	margin-left:35px;
	padding:0px;
	font-size:55px;
	height:66px;
	width:66px;
	position:relative;
	top:-13px;
	border:2px solid #FFF;
	background-color:#F90;
	border-radius:8px;
	background-image:url(gfx/blink.gif);
}


#login{
	width:100%;
	text-align:center;
}


#login input{
	font-size:16px;
font-family: 'Armata', sans-serif;
margin:10px;
width:130px;
}

#login img{
	margin-bottom:20px;
}

.clockname{
	display:block;
	height:55px;
}

.cb{
	display:inline-block;
	width:130px;
	border:0px solid #CCC;
	text-align:center;
	text-align:right;
}


#calibrationdata{
	display:block;
	background-color:#CCC;
	color:#666;
	padding:4px;
	background-color:rgba(100,100,100,0.8);
	position:absolute;
	top:-1px;
	right:10px;
	z-index:100;
	border:1px solid #CCC;
}

#calibrationdata p{
	margin:0px;
	margin-bottom:2px;
	background-color:#CCC;
	padding:3px;
	font-size:10px;
	display:block;
}


#calibrationdata a{
	display:block;
	background-color:#1d7c9b;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}

#here{
	background:none !important;
	color:#666 !important;
}

tr.here td{
	max-height:10px !important;
	background-color:#063M !important;
	border:0px !important;
	font-size:9px !important;
}

#jsliving{
	display:block;
	position:fixed;
	left:2px;
	top:2px;
	border:1px;
	background-color:#666;
	width:14px;
	height:15px;
	z-index:100;
	border-radius:10px;
	border:1px solid #333;
}

span.client{
	display:inline-block;
	width:250px;
	padding:3px;
	border:1px solid #CCC;
	background-color:rgb(40,40,40);
	vertical-align:top;
	font-size:11px;
}

span.client span{
	display:block;
	margin:2px;
	background-color:rgb(60,60,60);
}

span.client span strong{
	display:block;
	color:#999;
	font-size:10px;
}

table.lines td{
	border:1px solid #CCC;
	text-align:center;
}

table.lines td:first-child{
	text-align:left;
}

table.lines td:nth-child(2){
	color:#FFF;
}

table.lines tr:nth-child(2) td{
	height:100px;
	width:200px;
	display:table-cell;
	text-align:center;
	font-size:10px;
	width:20px;
	overflow:hidden;
}

table.lines tr:nth-child(2) td span{
	display:block;
	width:100px;
	margin-right:-40px;
	margin-left:-40px;
border:0px solid #CCC;

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

table.lines tr:first-child td:first-child{
	border:0px;
}

table.lines tr:nth-child(2) td:first-child{
	border:0px;
}


#storform{
	display:block;
	position:fixed;
	left:30px;
	top:30px;
	background-color:rgba(0,0,0,0.8);
	color:#CCC;
	padding:4px;
	width:300px;
	height:300px;
	overflow:auto;
	border:1px solid #C60;
	z-index:99999;
	box-shadow:0px 0px 5px #FFF;
}

#storform textarea{
	width:90%;
	height:60px;
}

.note{
	display:block;
	border:1px solid #CCC;
	max-width:190px;
	font-size:10px;
	margin-bottom:3px;
}

.note a.showmore{
	display:block;
	background-color:#906;
	color:#FFF;
	padding:1px;
	text-decoration:none;
	text-align:center;
}

.note a.showmore:hover{
	background-color:#606;
}

.btn.note{
	font-size:14px;
	background-color:#906;
	width:10px;
	font-weight:bold;
}

.note div{
	width:160px;
}





select{
	max-width:98%;
}

label{
	display:block;
}

#ppstuff{
	display:block;
	width:100%;
}

.ppitem{
	display:inline-block;
	width:250px;
	min-height:100px;
	margin:5px;
	background-color:rgba(255,255,255,0.2);
	padding:2px;
	border-radius:4px;
	vertical-align:top;
}

.ppitem form{
	display:block;
	width:100%;
}

.ppitem textarea{
	width:100%;
	height:120px;
}

.setnow, .setvarighet{
	display:block;
	background-color:rgb(50,50,50);
	color:#FFF;
	text-decoration:none;
	border-radius:3px;
	text-align:center;
	border:1px solid #999;
	padding:2px;
	margin:2px;
}

.setnow:hover{
	background-color:#C00;
	box-shadow:0px 0px 5px #FFF;
}

.setvarighet:hover{
	background-color:#666;
}


.bandtime{
	display:inline-block;
	vertical-align:top;
	background-color:#CCC;
	margin:3px;
}

a.band{
	display:inline-block;
	background-color:rgb(0,0,0);
	border:1px solid #666;
	border-radius:3px;
	padding:3px;
	margin:7px;
	color:#CCC;
	text-decoration:none;
	width:250px;
	height:70px;
	padding-top:30px;
	text-align:center;
	font-size:140%;
	vertical-align:top;
}


a.band:hover{
	background-color:rgb(50,50,50);
	color:#FFF;
	text-decoration:none;
}

.message{
	display:block;
	width:500px;
	max-width:95%;
	padding:5px;
	background-color:#333;
	margin-bottom:10px;
}

.message.msgactive{
	background-color:#060;
}

.msg h2{
	margin:0px;
	margin-top:30px;
	margin-bottom:3px;
}

.msg label{
	display:block;
	background-color:#333;
	padding:5px;
	margin:4px;
	width:400px;
	max-width:96%;
	vertical-align:top;
}

.msg textarea{
	display:block;
	width:100%;
	height:50px;
	font-size:20px;
}


#spalerts{
	display:block;
	width:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.05);
	top:0px;
	left:0px;
	height:5px;
	z-index:999999;
}

table.tabell td, table.tabell th{
	border:1px solid #CCC;
}

table.patch{
		border-collapse:collapse;
}

table.patch td{
	text-align:center;

}

input.patch{
	display:inline-block;
	background:none;
	border:none;
	color:#FFF;
	font-family: 'Armata', sans-serif;
}

input.patch1, input.patch6{
	width:40px;
}

input.patch:focus{

	margin:4px;
	background-color:#CCC;
	color:#000;
	border:2px solid #F30;
	border-radius:4px;
}

.pl{
	display:block;
	padding:2px;
	background-color:rgba(255,255,255,0.1);
	margin-bottom:4px;
}

.pl>strong{
	color:#F90;
}

div.histprev{
	display:block;
	background-color:rgba(0,0,0,0.1);
	padding:2px;
	font-size:80%;
}

a.histprev{
	font-size:80%;
}

.editby{
	font-size:90%;
	color:#CCC;
	display:block;
}

.patchcontainer{
	display:block;
	width:100%;
	overflow:auto;
}

td.linenr{
	background-color:#666;
	color:#FFF;
}

table.patch td{
	text-align:left;
}

.pf2, .pf3, .pf4, .pf5{
	min-width:150px;
}


table.editmode, table.editmode td{
	background-color:#066;
}


#loadindicator{
	display:inline-block;
	background-color:#CF0;
	color:#9C0;
	padding:4px;
	border-radius:8px;
	font-size:40%;
	vertical-align:top;
}

.btn.alert{
	background-color:#C00;
	color:#FFF;
	text-shadow:0px 0px 3px #FFF;
	font-size:140%;
}


.magethmb{
width:150px;
}
	

.imgcont img{
	width:auto;
}


#homey{
	display:block;
	position:fixed;
	z-index:999999;
	color:#666;
	text-decoration:none;
	right:3px;
	top:3px;
	padding:0px;
	width:73px;
	height:73px;
	box-sizing:border-box;
	text-align:center;
		transition:0.3s all;
}

#homey:hover{
	transform: rotate(-7deg);
}


.home,.roof{
	display:block;
	width:90px;
	height:90px;
	margin-bottom:-90px;
	background-size:80% auto;
	background-repeat:no-repeat;
	background-positon:center center;
	position:relative;
	transition:0.5s all;
	top:0px;
}

.home{
	background-image:url(gfx/home.svg);
	opacity:0.3;
}

.roof{
	background-image:url(gfx/roof.svg);
	opacity:0.4;	
}

#homey:hover .roof{
	top:-7px;
	opacity:0.8;
	color:rgba(255,255,255,1);
}

#homey:hover .home{
	opacity:0.4;
	color:rgba(255,255,255,1);
}


.homelbl1, .homelbl2{
	display:block;
	width:100%;
	text-align:center;
	color:rgba(255,255,255,0.7);
	position:relative;
	top:30px;
	transition:0.5s all;
}

.homelbl1{
	font-size:70%;
	letter-spacing:6px;
	padding-left:3px;
	margin-bottom:-3px;
	color:rgba(255,255,255,0.7);

}

.homelbl2{
	font-size:100%;
	color:rgba(255,255,255,0.8);
	font-weight:bold;
}

#homey:hover .homelbl2{
	top:20px;
	color:rgba(255,255,255,1);
}

#homey:hover .homelbl1{
		top:43px;
	color:rgba(255,255,255,1);
}


#logout{
	display:inline-block;
	text-decoration:none;
	background-color:#900;
	color:#FFF;
	padding:6px;
	font-size:140%;
	margin-top:20px;
}

#tocommunity{
	margin-left:20px;
}

table.patch td, table.patch td input{
font-family: 'Roboto Mono', monospace;
}


.divstuff{
	display:inline-block;
	width:300px;
	text-align:center;
	background-color:#666;
	margin:3px;
	padding:3px;
	vertical-align:top;
	min-height:200px;
}

.divstuff img{
	max-width:90%;
}

.deleteband{
	display:inline-block;
	background-color:#900;
	color:#FFF;
	text-decoration:none;
	margin:10px;
	padding:6px;
	font-size:120%;
}

.deleteband:hover{
	background-color:#C00;
}


/* CSS:FILE: stagestart.css*/


	
.stagestart{
	text-align:center;
	display:block;
	width:99%;
	margin-bottom:20px;	
}

#stagestart{
	display:block;
	width:100%;
	text-align:center;

}
	
.stagestart a{
	display:inline-block;
	width:160px;
	height:50px;
	font-size:190%;
	color:#CCC;
	background-color:rgba(50,50,50,0.8);
	background-image:url(gfx/gradientwhite.svg);
	background-size:cover;
	text-align:center;
	padding-top:20px;
	vertical-align:top;
	text-decoration:none;
	margin:4px;
	max-width:100%;
	text-shadow:1px 1px 3px #000;
}

.stagestart a:hover{
	background-color:#C30;
	color:#FFF;
	box-shadow:0px 0px 5px #F60;
}

#stagestart #identify{
	display:inline-block;
}

h1.start{
	display:block;
	width:100%;
	font-size:400%;
	margin:0px;
	
}

h1.start span.startwelc{
	font-size:30%;
	display:block;
	color:#999;
}

h1.start span.startbrand{
	text-shadow:0px 0px 5px #FFF;
color: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%);
}

#stagestart h1 .imgcont img{
	max-height:40px;
	margin-top:20px;
	display:inline-block;
	border-top:2px solid #999;
	padding-top:20px;
}

#stagestart h1 .imgcont{
	display:inline-block;
	height:60px;
	margin-bottom:10px;
}

.whazzup span{
	box-sizing:border-box;
	vertical-align:top;
}

.whazzup  h3,.whazzup h2{
	display:block;
	margin:0px;
	padding:0px;
}

.whazzup>span{
	display:inline-block;
	vertical-align:top;
	width:360px;
	min-height:160px;
	padding:7px;
	margin:3px;
	background-color:rgb(10,10,10);
}

.whazzup>span>span{
	display:inline-block;
	width:48%;
	padding:2px;
}

.whazzup{
	display:block;
	padding:20px;
	color:#999;
}

.whazzup h3{
	color:#F60;
}

.whazzup h2{
	color:#666;
}

.schdl{
	font-size:50%;
	margin-left:6px;
	background-color:#066;
	color:#FFF;
	text-shadow:0px 0px #000;
	padding-right:13px;
	position:relative;
	top:-4px;
	background-image:url(gfx/right.svg), url(gfx/btnback.svg);
    background-position:right center, center center;
    background-size:auto 70%, cover;
	background-repeat:no-repeat;
}


/* CSS:FILE: timeline.css*/


.timelineContainer, .timelineContainer span, .timelineContainer div, .timelineContainer a{
	box-sizing:border-box;
}

.timelineContainer{
	width:98%;
	overflow:auto;
	position:absolute;
}

.tlAct{
	display:block;
	width:100%;
	margin-bottom:-7px;
	padding-top:8px;
}

.actData{
	display:block;
}

.actData>p>strong{
	display:block;
	font-size:80%;
}

.actlbl{
	padding:4px;
	background-color:rgba(0,0,0,0.8);
	display:block;
	position:relative;
	top:-6px;
	transition:0.5s all;
}

.actTime{
	display:block;
	height:12px;
	background-color:#02b1d5;
	position:absolute;
	background-image:url(gfx/moregradient.svg);
	background-size:cover;
}

.tlAct.relto .actTime{
	background-color:#CCC;
}

.timeindi{
	display:block;
	position:relative;
}

.timeStep{
	display:inline-block;
	border-left:1px solid #CCC;
	height:10px;
	vertical-align:top;
}

.timeHour{
	display:block;
	width:60px;
	margin-right:-60px;
	vertical-align:top;
	position:relative;
	top:-15px;
	height:25px;
	border-left:2px solid #FFF;
	left:-2px;
}

.timeHour.daychange{
	height:30px;
	border-left:2px solid #F60;
}

#hourskeeper{
	display:block;
	height:20px;
	width:100%;
}

.timelineDate{
	display:block;
	font-size:80%;
}

.tlRelation .actlbl{
	border-left:5px solid #02b1d5;
}