body{background-color:#000;overflow: hidden;	}

#SaveButton{
  position:relative;
  left:0%;top:10%;
}
#LoadButton{
  position:relative;
  right:-5%;top:10%;
}

#UpLoadControls{display:none;}

#file-input{
	font-size:16pt;
	position:relative;
	left:50px;
}

#LoadSaveInterface{
	width:500px;height:120px;
	position:absolute;
	left:50%;
	margin-left:-250px;
	top:160px;
	text-align:center;	
	padding-top:60px;
}

#DownloadThis{
	font-size:16pt;
}
	
#LoadSavePalette{
	position:absolute;
	height:400px;
	width:800px;
	
	background-color:#CCC;
	z-index:1000;
	display:none;
	
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}	
#CloseLoadSavePalette{
	width:40px;
	cursor:pointer;
	float:right;
	margin:10px;
	color:black;
}

#FullContent{
position:absolute;
	height:900px;
	width:1600px;
	display:inline-block;
	transform-origin: top left;
	background-color:#000;
/*	margin-left:auto;
	margin-right:auto; */
	overflow: hidden;

}

#ogimage{height:1px;width:1px;opacity:0.1;}

#helptips{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12pt;
font-weight:550;
color:#DDD;
position:absolute;
top:78px;left:8px;
text-align:left;
max-width:215px;
z-index:9999;
padding-right:30px;
}



#closetips{
position:absolute;
top:-10px;
right:-5px;
height:24px;
cursor:pointer;
float:right;
opacity:0;
}

#helptips:hover #closetips{opacity:1;}

#moreResources{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:9pt;
color:#FFF;
text-decoration:none;
text-align:center;
max-width:80px;
opacity:0.8;
position:absolute;
top:8px;right:8px;
cursor:pointer;
}

#moreResources:hover{
text-decoration:underline;
opacity:1;
}

#controls{
position:absolute;
width:1400px;
left:0px;
z-index:100;
top: 815px;
padding-bottom:15px;
white-space:nowrap;
margin-bottom:30px;
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
.HelpIcon img{
}

.PlaybackIcons{
	white-space:nowrap !important;
	overflow:visible !important;
	}
.playback{
	display:inline-block;
	height:30px;width:20px;
	opacity:0.5;
}
.playback:hover{opacity:1;}

#TotalCuesDisplay{
	color:#bbb;
	font-size:16pt;	
	font-family:arial;
	text-align:center;
	margin-top:-40px;
}

#CurrentCue{
	display:inline-block; 
	font-size:21pt;
	margin:10px;
	position:relative;
	top:-15px;
	color:#FFF;
	font-family:arial;
}

.GoIcon img{margin-top:-40px;}
.GoIcon{display:none;}

#ControlIcons{
	position:absolute;
	left:1500px;
	top:30px;
	/*left:1200px;
	bottom:0;*/
	display;table;
	width:50px;
	margin-bottom:0px;
	z-index:270;
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;                                  
}

#skintonechoice{
	width:150px;
	position:relative;
	right:150px;
	top:-56px;
	margin-right:-132px;
}
#skintonechoice{
display:none;
position:absolute;
top:-13px;
right:190px;
}

#skintonechoice img{
border-style:solid;
border-color:transparent;
border-width:3px;}

#skintonechoice img:hover{
border-color:white;
}

#SkinTone{filter: brightness("none") !important}

div,img,table,td{
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.viewport{
	position:absolute;
	top:100px;
	left:46%;
	margin-left:-650px;
	/* 	transform: translate(-50%, -50%);	*/
	mix-blend-mode:screen;
	opacity:0;
	width:1375px;
	height:auto;
	min-width:720px;
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;                                   
}

#blackimg{opacity:1 !important;}

#hue-image{
	position:absolute;
	top:100px;	
	left:46%;
	margin-left:-650px;
	mix-blend-mode:multiply;
	z-index:99;
	opacity:1;
	width:1375px;
	height:auto;
}
#worklight{
	position:absolute;
	top:100px;	
	left:46%;
	margin-left:-650px;
	mix-blend-mode:screen;
	z-index:99;
	opacity:1;
	width:1375px;
	height:auto;
	opacity:0.5;
}

#StageView{
position:absolute;
margin-left:auto;
margin-right:auto;
width:1553px;height:1000px;
margin-top:0px;
background-color:black;

}

#controls table{
background-color:#000;
margin-left:0px;
margin-right:-60px;
margin-top:-60px;
	 -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.level{
	position:fixed;
	top:720px;
	opacity:0;
	font-size:16pt;
	transition: opacity 1s;
}
.preview:hover .level{
	opacity:1;
}

.preview{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:gray;
padding:5px;
font-size:18pt;
cursor:pointer;
background-color:#000;
border-style:inset;
border-width:1px;
border-color:#333;
border-radius:20px;
-moz-border-radius:20px;
position:relative;
  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
                                  

}
.emptychannel{width:32px;}
.preview:nth-child(1) {left:0px;top:17px;}
.preview:nth-child(2) {left:-18px;top:-17px;}
.preview:nth-child(3) {left:-36px;top:17px;}
.preview:nth-child(4) {left:-54px;top:-17px;}
.preview:nth-child(5) {left:-72px;top:17px;}

#prev73{left:-39px}
#prev74{left:-79px}

#prev82{left:-32px;top:-14px;}
#prev83{left:-38;top:-17px}
#prev84{left:-42px;top:-14px;}

#prev94{
	left:-155px;top:-45px;
/*	border-style:none;
	width:48px;height:57px;
	background-image: url("../icons/triangle.png");
	background-repeat: no-repeat;
	padding-left:15px;
	background-color:transparent;*/
}
#Label94{left:-110px;bottom:0px;}


#specials{position:relative;top:-10px;}

#Wash-70{
	height:17px;
	left:-3px;
	width:85px;
	background-image: url("../icons/group-narrow.png");
}
#Wash-90{
	height:17px;
	left:-2px;
	width:85px;
	background-image: url("../icons/group-narrow.png");
}



.WashGrip{
	position:relative;
	bottom:-20px;
	left:-13px;
	cursor:pointer;
	width:158px;
	height:17px;
	background-image: url("../icons/group.png");
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
                                  
	}
.washlabel{
	color:#DDD;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12pt;
	position:relative;
	bottom:-27px;
	left:45px;
	cursor:pointer;
	margin-left:-40px;
	margin-right:-40px;
	white-space:nowrap;
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;       
	transition: all .4s;
	text-align:center;
	width:120px;display:inline-block;
}
#Label70{left:20px;}
#Label90{left:10px;z-index:1999;}
#Label93{left:-100px;bottom:-37px;}


.ChannelList{
		display:inline-table;
		}

#ControlIcons figure{
	display:table-row;
	height:80px;
	overflow: visible;
}

.ControlIcon{
	display:table-cell;
	color:white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:8pt;
	text-align:center;
	padding:20px;
	padding-bottom:0px;
	cursor:pointer;
	filter: brightness(75%);
}

.icons{
	cursor:pointer;
	height:32px;
	margin-bottom:10px;
	margin-top:-10px;
	position:relative;
	top:0px;
}
.ControlIcon:hover{
filter: brightness(100%)
}
#ScreenShot .icons{
	margin-top:5px;
	margin-bottom:-5px;
}
#ScreenShot figcaption{
	margin-top:9px;
	margin-bottom:-9px;
}

#StageSpaceForm{
	display:table;
	margin:auto;
	text-align:left;
	padding-top:20px;
	font-size:140%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.SpaceChoice{
	padding-top:4px;
	padding-bottom:4px;
	cursor:pointer;
	position:relative;left:-60px;
	}
.SpaceChoice img{
	width:180px;
	margin-right:20px;
	margin:5px;
	vertical-align:middle;
}

#ActorType{
	float:right;	
	cursor:pointer;
	padding:7px;
	position:absolute;
	bottom:150px;
	right:-30px;
	margin-right:10px;
	text-align:center;	
}

#MeatPuppets{max-width:70px;text-align:center;position:relative;right:-15px;font-size:12pt;}

#ChangeSet{
	float:right;	
	cursor:pointer;
	padding:7px;
	position:absolute;
	bottom:15px;
	right:-20px;
	margin-right:10px;
	text-align:center;
}

#SetControls{
	background-color:#FFF;
	display:none;
	width:640px;	
	z-index:200;
	position:absolute;
	left:30%;
	top:3%;
	text-align:center;
	background-color:#FFF;
	width:640px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:64px;
	padding-bottom:10px;
}
#Interface{
	z-index:300;
	position:absolute;
	background-color:#333;
	width:500px;
	height:230px;
	padding-top:3px;
	padding-bottom:36px;
	padding-right:12px;
	text-align:center;
	right:10px;
	top:10px;
	display:none;
	border-radius: 10px;
}
#UndoButton{
	z-index:300;
	position:absolute;
	left:0px;
	margin:0px;
	display:none;
}




#coords{display:none;}

#CloseInterface{
	text-align:right;
	cursor:pointer;
	font-size:200%;
	height:27px;
	position:absolute;
	left:482px;
	top:6px;
	}
	
#roscolink{
	color:white;
	text-decoration:none;
	
}
#roscolink:active{color:yellow;}
#roscolink img{height:24;float:left;}
		
		
	#editor-message{
		position:absolute;
		right:160px;bottom:16px;
		width:280;height:24px;
		color:white;
		text-align:center;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:11pt;
	}
		#choosefilter{
		position:absolute;
		right:10px;bottom:16px;
		width:130;height:24px;
		text-align:center;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:11pt;
	}

	
	


.goboicon{
	height:63px;
	cursor:pointer;
}
#leftright{
	position:relative;
	top:20px;
	margin-bottom:-6px;
	cursor:pointer;
	left:-420px;
}

#help{
	background-color:white;
	color:black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:120%;
	width:800px;
	height:480px;
	position:absolute;
	left:50%;
	top:-600px;
	margin-left:-400px;
	z-index:500;
	display:none;
	padding:40px;
	padding-top:10px;
	white-space:normal;
	overflow-y:scroll;
}
#magicplan{
width:780px;
}
#magic3d{
width:780px;
margin-top:50px;
}

#closehelp{
	float:right;
	height:40px;
	height:40px;
	cursor:pointer;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:-20px;
	position:fixed;
	right:450px;
}

#goboselector{
	display:inline-block;
}

#BrightnessPicker{
writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 160px;
    padding: 0 5px;
	margin-left:auto;margin-right:auto;
	cursor:crosshair;
	position:relative;
	top:-20px;
	opacity:0;
}
#dimmer{
background-image: url("../brightness-slider-picker.jpg");
height:160px;
width:30px;
display:inline-block;
text-align:center;
}
#levelindicator,#OFFbutton{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:20px;width:30px;
	color:#FFF;
	position:relative;
	top:-20px;
}
#OFFbutton{
	font-size:70%;
	border-style:outset;
	border-color:white;
	border-width:1px;
	text-align:center;
	padding-top:4px;padding-bottom:-4px;
	height:16px;
	margin-bottom:-10px;
	cursor:pointer;
}

#colorPicker{
display:inline-block;
background-image: url("../color-picker.jpg");
cursor: crosshair;
width:360px;
height:200px;
border-style:solid;
border-color:#000;
margin-right:10px;
}
#welcome{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f1cd7d;
	font-size:120%;
	position:absolute;
	width:100%;
	left:50%;
	z-index:500;
	top:90px;
	text-align:center;
	width:800px;
	margin-left:-400px;
}
h1{font-size:240%;
font-weight:normal;
}
#welcome p{
width:90%;
white-space:prewrap;
margin:auto;
font-size:110%;
}


#UnlockablesForm{border: 4px outset #000000;position:absolute;top:25px;width:440px;height:340px;background-color:white;padding:20px;
-webkit-box-shadow: 0px 11px 21px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 21px 0px rgba(0,0,0,0.75);
box-shadow: 0px 11px 21px 0px rgba(0,0,0,0.75);
display:none;
height:380px;
}
#UnlockInput{border: 2px solid #000000;margin:40px;font-size:24pt;width:200px;}
#SubmitUnlock{border: 2px solid #000000;padding:10px;font-size:16pt;cursor:pointer;width:90px;background-color:#EFEFEF;}
#SubmitUnlock:hover{background-color:#DDDDDD;}