@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color:#000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}
#page{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:668px;
	z-index:1;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	background-color:#94979e;
	background:url(../images/bg_new.jpg);
	overflow:hidden;
}

#coverLeadsNoInteract{
	position:absolute;
	left:0px;
	top:45px;
	width:1024px;
	height:625px;
	z-index:99;
	background:rgba(0,0,0,.2);
	display:none;
}

.promptToSelect{
	display:none;
	line-height: 12px;
	margin-bottom: 2px;
}

#image{
	position:absolute;
	left: 0px;
	top:0px;
	height:768px;
	width:1024px;
	overflow:hidden;
	/*background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;*/
	z-index:1;
}
#circuit{
	position:absolute;
	left: 0px;
	top:0px;
	height:768px;
	width:1024px;
	overflow:hidden;
	z-index:1;
}

#meter{
	position:absolute;
	left:-150px;
	top:50px;
	height:490px;
	width:590px;
	overflow:hidden;
	background-image:url(../images/meterdisplay/meter.png);
	background-repeat:no-repeat;
	z-index:2;
	display:block;
}

#emaillog{
	position:absolute;
	left:350px;
	top:40px;
	z-index:110;
	width:100px;
}
#printlog{
	position:absolute;
	left:265px;
	top:40px;
	z-index:110;
	width:100px;
}

input[type=submit] {
	height:30px;
	width:200px;
}

input[type=checkbox],
 input[type=radio] {
   -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  margin-right:15px;
 }

 input[type=radio] {
    -webkit-border-radius: 2em; /* Make radios round */
  }


#diagnose{
	position:absolute;
	left:350px;
	top:55px;
	height:550px;
	width:600px;
	overflow:hidden;
	background-image:url('../images/diagnose.png');
	background-repeat:no-repeat;
	z-index:510;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	display:none;
}

#diagnoseclose{
	position:absolute;
	left:545px;
	top:0px;
	height:40px;
	width:60px;
	z-index:110;
	background-color:#FF0;
	opacity:0;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#diagnosecontent{
	position:absolute;
	left:25px;
	top:130px;
	height:400px;
	width:550px;
	overflow: hidden;
	z-index:10;
}

#buttons{ position:absolute; z-index:200; left:20px; top:626px; height:30px; display:none}
#buttons2{ position:absolute; z-index:200; left:18px; top:73px; height:30px;}

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #de8906;
	-webkit-box-shadow:inset 0px 1px 0px 0px #de8906;
	box-shadow:inset 0px 1px 0px 0px #de8906;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ecb416), color-stop(1, #ee910c) );
	background:-moz-linear-gradient( center top, #ecb416 5%, #ee910c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb416', endColorstr='#ee910c');
	background-color:#ecb416;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #ee910c;
	display:inline-block;
	color:#000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #fad364;
	margin-right:5px;
	position:relative;
	float:left;
}
.classname:hover, .classname2:hover, .classname3:hover, .classname4:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee910c), color-stop(1, #ecb416) );
	background:-moz-linear-gradient( center top, #ee910c 5%, #ecb416 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee910c', endColorstr='#ecb416');
	background-color:#ee910c;
}

.classname2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #de8906;
	-webkit-box-shadow:inset 0px 1px 0px 0px #de8906;
	box-shadow:inset 0px 1px 0px 0px #de8906;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ecb416), color-stop(1, #ee910c) );
	background:-moz-linear-gradient( center top, #ecb416 5%, #ee910c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb416', endColorstr='#ee910c');
	background-color:#ecb416;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #ee910c;
	display:inline-block;
	color:#000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #fad364;
	margin-right:4px;
	position:relative;
	float:left;
}

.active, .active:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #df8a06), color-stop(1, #b66c00) );
	background:-moz-linear-gradient( center top, #df8a06 5%, #b66c00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df8a06', endColorstr='#b66c00');
	background-color:#b66c00;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffb423;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffb423;
	box-shadow:inset 0px 1px 0px 0px #ffb423;

}

.classname3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #de8906;
	-webkit-box-shadow:inset 0px 1px 0px 0px #de8906;
	box-shadow:inset 0px 1px 0px 0px #de8906;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ecb416), color-stop(1, #ee910c) );
	background:-moz-linear-gradient( center top, #ecb416 5%, #ee910c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb416', endColorstr='#ee910c');
	background-color:#ecb416;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #ee910c;
	display:inline-block;
	color:#000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #fad364;
	margin-right:5px;
	position:relative;
	float:right;
	margin-top:20px;
	cursor:pointer;
}

.classname4 {
	-moz-box-shadow:inset 0px 1px 0px 0px #de8906;
	-webkit-box-shadow:inset 0px 1px 0px 0px #de8906;
	box-shadow:inset 0px 1px 0px 0px #de8906;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ecb416), color-stop(1, #ee910c) );
	background:-moz-linear-gradient( center top, #ecb416 5%, #ee910c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb416', endColorstr='#ee910c');
	background-color:#ecb416;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #ee910c;
	display:inline-block;
	color:#000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:30px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #fad364;
	top:130px;
	float:left;
	margin-top:5px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor:pointer;
}

.scrollable {
    overflow: hidden;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.scrollable * {
    -webkit-transform: translate3d(0,0,0);
}


#panel{
	position:absolute;
	left:1024px;
	top:0px;
	width:200px;
	height:768px;
	z-index:1000;
	background:rgba(0,0,0,.8);
	border-left:1px solid #000;
}

#paneltab{
	position:absolute;
	left:-42px;
	top:0px;
	width:40px;
	height:80px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:18px;
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border: 0px solid #000000;
	background:rgba(0,0,0,.8);
	border:1px solid #000;
}

.leftmenutext{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
	margin-top:40px;
	font-weight:bold;
}

#panelcontent .ui-state-focus {
  outline: none;
}

#panelcontent{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:768px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:18px;
	overflow: hidden;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

ul.panelheader{
	list-style:none;
	padding: 0;
	margin:0;
	height:520px;
	width:900px;
	overflow: hidden;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;

}

ul.panelheader li{

	width:265px;
	height:90px;
	padding:10px;
	font-size:14px;
	color:#000;
	float:left;
	cursor:pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

ul.panelheader li img{
	padding-top:15px;
}
ul.panelheader li.center{
	text-align:center;
}
ul.panelheader li:nth-child(even) {background-color:rgba(210,210,210,1.00)}
ul.panelheader li:nth-child(odd) {background-color:rgba(235,235,235,1.00)}


ul.panelheader li.active, ul.panelheader li.visited, ul.panelheader li.active.visited{
	background-image: url("../images/icons/check.png");
	background-repeat:no-repeat;
	background-position: 10px 12px;
	padding-left:30px;
	width:245px;
	box-shadow:none;
	opacity:.7;
}

ul.panelheader2{
	list-style:none;
	padding: 0;
	margin:0;
	height:560px;
	width:400px;
	overflow: hidden;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;


}

ul.panelheader2 li{

	width:120px;
	height:150px;
	padding:5px;
	font-size:14px;
	color:#000;
	float:left;
	text-align:center;
	cursor:pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

ul.panelheader2 li img{
	padding-top:10px;
}

ul.panelheader2 li:nth-child(even) {background:rgba(210,210,210,1.00)}
ul.panelheader2 li:nth-child(odd) {background:rgba(235,235,235,1.00)}

.iconcheck{
	width: 16px;
	height: 16px;
	background-image: url("../images/icons/ui-icons_454545_256x240.png");
	background-position: -64px -144px;
}

.componentpiece{
	position:absolute;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	z-index:50;
	width:100px;
	height:100px;
	/*overflow:hidden;	*/
}

#overlay{
	position:absolute;
	z-index:5000;
	background-color:rgba(255,255,255,.8);
	top:0px;
	left:0px;
	width:1024px;
	height:668px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
#overlay2{
	position:absolute;
	z-index:4999;
	background-image:url(../images/overlay.png);
	top:0px;
	left:0px;
	width:1024px;
	height:668px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	display:none;
}

#selectcircuit{
	position:absolute;
	left:25px;
	top:10px;
	width:910px;
	height:618px;
	padding:20px;
	background-color:rgba(71,71,71,1);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:1;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}


.canscroll {
    /*overflow: auto;
    overflow-x: hidden;*/
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.canscroll * {
    -webkit-transform: translate3d(0,0,0);
}

#showdiagram, #showdiagram2{
	position:absolute;
	left:275px;
	top:40px;
	width:440px;
	height:550px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	z-index:10;
	display:none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#showdiagram2{ z-index:6000 !important;}


#addcomponents{
	position:absolute;
	left:25px;
	top:10px;
	width:910px;
	height:618px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:500;
	display:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#selectscenario{
	position:absolute;
	left:25px;
	top:55px;
	width:910px;
	height:568px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:500;
	display:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#fuseblownpop{
	position:absolute;
	left: 75px;
    top: 210px;
    width: 410px;
    height: 270px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:5000;
	display:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#alertbox{
	position:absolute;
	left:20px;
	top:20px;
	width:940px;
	height:600px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:500;
	display:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#promptbox{
	position:absolute;
	left:225px;
	top:185px;
	width:510px;
	height:308px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:500;
	display:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#addwiring{
	position:absolute;
	left:25px;
	top:55px;
	width:200px;
	height:540px;
	padding:20px;
	background-color:rgba(0,0,0,.8);
	border:2px solid #fff;
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.4);
	padding-top:10px;
	z-index:500;
	display:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#diagramimg2{
	position:absolute;
	left:480px;
	top:62px;
}

.componenttext{
	font-size:14px;
	line-height:30px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#de8805;
	font-weight:bold;
	width:30px;
	text-align:center;
	float:left;
	margin-top:5px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.img{
	opacity:0;
	vertical-align:middle;
	padding-right:10px;
	filter: alpha(opacity=0);
}

#drops{
	position:absolute;top:137px;left:309px;z-index:3;width:630px; height:440px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#drags{
	position:absolute;top:137px;left:309px;z-index:5; width:630px; height:440px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#navigation{
	position:absolute; z-index:200; left:0px; top:0px; height:45px; width:1024px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 88%, #b7b7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(88%,#1c1c1c), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 88%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 88%,#b7b7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 88%,#b7b7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 88%,#b7b7b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */

	font-size:15px;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
}

.buttonspacer{
	float:left;padding-right:10px;width:3px;height:45px; background-image:url(../images/spacer.jpg); background-repeat:repeat-y;
}

.buttonarea{
	float:left;padding-top:10px;padding-right:10px;width:149px;text-align:center;
	color:#fff;
	text-decoration:none;
}
.buttonarea.disabled{
		color:#999;
}
a .buttonarea, a{
	color:#fff;
	text-decoration:none;
}
.inactive{
	opacity:.5;
}


.roundedbtn {
  background: #f2f2f2;
  background-image: -webkit-linear-gradient(top, #f2f2f2, #919191);
  background-image: -moz-linear-gradient(top, #f2f2f2, #919191);
  background-image: -ms-linear-gradient(top, #f2f2f2, #919191);
  background-image: -o-linear-gradient(top, #f2f2f2, #919191);
  background-image: linear-gradient(to bottom, #f2f2f2, #919191);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000;
  font-weight:bold;
  text-align:center;
  line-height:30px;
  vertical-align:middle;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:212px;
  height:30px;
  float:left;
  margin:20px;
}

.roundedbtn:hover {
  background: #757575;
  background-image: -webkit-linear-gradient(top, #757575, #c7c7c7);
  background-image: -moz-linear-gradient(top, #757575, #c7c7c7);
  background-image: -ms-linear-gradient(top, #757575, #c7c7c7);
  background-image: -o-linear-gradient(top, #757575, #c7c7c7);
  background-image: linear-gradient(to bottom, #757575, #c7c7c7);
  text-decoration: none;
}

.componentbg{
	position:absolute;
	z-index:5;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.componentasset{
	position:absolute;
	z-index:10;
	opacity:0;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.componentnumber{
	position:absolute;
	z-index:20;
	left:70px;
	top:5px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.rotcomp{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}

#removeComponent, #currentComponent{
	position: absolute;
    top: 52px;
    left: 300px;
    z-index: 500;
    display: none;
    padding: 9px;
    background-color: #ffe196;
    border-radius: 8px;
    font-size: 11px;
	border:1px solid #e18c04;
}

redhandle, #blackhandle{
	position:absolute;
	left:0px;
	top:0px;
	z-index:150;
	pointer-events:auto;
}

#redglow, #blackglow{
	position:absolute;
	z-index:4;
	opacity:0;
	top: -30px;
    left: 109px;
}
#redlead, #blacklead{
	position:absolute;
	z-index:3;
	top: 30px;
    left: -29px;
	pointer-events:auto;
}
#redshadow, #blackshadow{
	position:absolute;
	z-index:2;
	top: 30px;
    left: -29px;
	opacity:0;
}

.below{
	z-index:5;
}
.blackcord,.redcord{
	z-index:20;
}

.rot45{
	-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);
}

circle{
	opacity:0 !important;
}

.hit  {
	width: 24px;
	height: 24px;
	margin: 0;
	position: absolute;
	background-color: #fff;
	text-align: center;
	line-height:24px;
	border-radius:24px;
	vertical-align: middle;
	color:#a9090b;
	pointer-events:auto;
	cursor:pointer;
	z-index:10;
	border:2px solid #a9090b;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    select {
        height:30px;
        line-height:30px;
        background:#f4f4f4;
		width:158px;
    }
}
select::-moz-focus-inner { /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}
@-moz-document url-prefix() { /* targets Firefox only */
    select {
        padding: 15px 0!important;
		width:158px;
    }
}
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */
    select {
        height:30px;
        line-height:30px;
		width:158px;
    }
}



/* CSS talk bubble */
.talk-bubble {
	margin: 40px;
  display: inline-block;
  position: relative;
	width: 185px;
	height: auto;
	background-color: #000;
  color:#fff;
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
  font-size:18px;
  font-weight:bold;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
.border{
  border: 8px solid #666;
}
.round{
  border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #000 transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #000 #000 transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent #000;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.btm-left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 38px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 12px solid;
	border-color: #000 transparent transparent #000;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 30px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 38px;
	bottom: -20px;
	border: 12px solid;
	border-color: #000 #000 transparent transparent;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -8px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 0px;
	bottom: -20px;
	border: 12px solid;
	border-color: #000 #000 transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #000 transparent transparent #000;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 0px;
	bottom: auto;
	border: 20px solid;
	border-color: #000 transparent transparent transparent;
}

/* talk bubble contents */
.talktext{
  padding: 10px 15px 10px 30px;
  text-align: left;
  line-height: 22px;
}
.talktext p{
  /* remove webkit p margins */
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

.infoprompt{
	position: absolute;
	top:0;
	left:0;
	z-index:451;
	width:100%;
	height:100%;
	display:none;
	opacity:1;
	pointer-events: none;
}



#selectamode .talk-bubble{
  position: absolute;
	top: 490px;
	left: 700px;
}

#turnonthemeter .talk-bubble{
  position: absolute;
  top: 215px;
  left: 215px;
}

#howtouse{
	position: absolute;
  top: 0;
  left: 0;
	z-index: 5001;
	display:none;
	width:100%;
	height:100%;
}

.howtouseimg{
	position: absolute;
  top: 0;
  left: 0;
	z-index:5;
	opacity:0;
	max-width:1024px;
}

.howtouseimg.active{
	opacity:1;
	background:transparent !important;
}

#closehowtouse{
	position: absolute;
  top: 406px;
  left: 804px;
	z-index:50;
	width:86px;
	height:40px;
	background-color: rgba(0,0,0,0);
}
#howtousenext{
	position: absolute;
  top: 406px;
  left: 898px;
	z-index:50;
	width:103px;
	height:40px;
	background-color: rgba(0,0,0,0);
}
#howtouseback{
	position: absolute;
  top: 406px;
  left: 17px;
	z-index:50;
	width:103px;
	height:40px;
	background-color: rgba(0,0,0,0);
}

#videoHolder{
	position:absolute;
	z-index:490;
	display:none;
	width:500px;
	height:281px;
	background-color:#ccc;
	left: 495px;
	top: 135px;
	padding:30px 20px;
}
#videoHoldClose{
	position:absolute;
	z-index:10;
	top:10px;
	right:20px;
	font-weight: bold;
}
#videoHoldDrag{
	position:absolute;
	z-index:10;
	bottom:10px;
	left:20px;
	font-size:10px;
	font-style: italic;
}

#videoCont{
	position:absolute;
	z-index:5;
	width: calc(100% - 40px);
}
#videoHolder video{
	max-width:100%;
	width:100%;
	height:auto;
}
#relayNotice{
	display:none;
	position: absolute;
	top: 338px;
	left: 847px;
	z-index: 19;
	width: 115px;
	height: 84px;
	background-color: #e9efb3;
	-webkit-box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 66%);
	box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 66%);
	color: #000;
	padding: 13px;
	transform: rotate(1deg);
	font-size: 12px;
	line-height: 14px;
}
#singleBulbSeriesPushbuttonNotice{
	display:none;
  position: absolute;
	top: 325px;
	left: 700px;
	z-index:19;
	width:90px;
	height:90px;
	background-color: #e9efb3;
	-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.66);
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.66);
	color:#000;
	padding:13px;
	transform: rotate(4deg);
}
#hitTargetNotice{
	display: none;
	position: absolute;
	top: 175px;
	left: 840px;
	z-index: 19;
	width: 130px;
	height: 139px;
	background-color: #e9efb3;
	-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.66);
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.66);
	color: #000;
	padding: 13px;
	transform: rotate(6deg);
	font-size: 12px;
	line-height: 14px;
}

.hiddenHit {
	display:none !important;
	visibility: hidden !important;
}

/* BS 3 */
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn.btn-primary.disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #337ab7;
  border-color: #2e6da4;
}

#leadsandhits{
	position:absolute;
	top:45px;
	width: 1024px;
	height: 580px;
}

#wireleadlines{
	position:absolute;
	top:76px;
	left:350px;
	width:605px;
	z-index:6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#wireleadlines img{
	max-width:100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#voltageNotice{
	position:absolute;
	top:73px;
	left:600px;
	background-color: #000;
	color:#fff;
	padding:5px 10px;
	display:none;
}


ul.panelheader::-webkit-scrollbar {
    /*-webkit-appearance: none;*/
		width: 10px;
}

ul.panelheader::-webkit-scrollbar:vertical {
    width: 10px;
}

ul.panelheader::-webkit-scrollbar:horizontal {
    -webkit-appearance: none;
}

ul.panelheader::-webkit-scrollbar-track {
  background: #000;
}
ul.panelheader::-webkit-scrollbar-thumb {
	border-radius: 4px;
	/* border: 2px solid white; should match background, can't be transparent */
  background: #fff;
}
ul.panelheader::-webkit-scrollbar-thumb:hover {
  background: #df8a06;
}