body,html {
        margin:0px;
        padding:0px;
    }
    body {
      background-color:#666;
      background-image: linear-gradient(white 2px, transparent 2px),
      linear-gradient(90deg, white 2px, transparent 2px),
      linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
      background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
      background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
      font: 10px Verdana;
      -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 1s ease-in-out;
    }

    .bodyblue {
      background-color:#269 !IMPORTANT;
    }

	img {
	  -webkit-user-drag: none;
	  -khtml-user-drag: none;
	  -moz-user-drag: none;
	  -o-user-drag: none;
	  user-drag: none;
	}

	.selectDisable {
		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
		-o-user-drag: none;
		user-drag: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
	}

    #alarm {
        position: fixed;
        right:0px;
        top:10px;
        z-index:50;
        display:none;
    }

    #poweralert {
        position: fixed;
        right:80px;
        top:10px;
        z-index:50;
        display:none;
    }

    #banner {
        width:250px;
        height:260px;
        position: fixed;
        z-index:50;
        background-image:url("../images/virtual_console.png");
        display:none;
    }

    #virtualconsolecover {
        opacity: 1;
        transform: perspective(3660px) rotateY(0deg);
        transform-origin: left;
        transition: all 1s ease-in-out;
        position:absolute;
        top:0px;
    }

    .cover_open {
        //transform: rotateY(90deg) !IMPORTANT;
        opacity:0 !IMPORTANT;
        pointer-events: none;
    }

    #banner #zoombtns {
        width:218px;
        margin:10px auto;
		position: absolute;
    	top: 52px;
    	left: 16px;
    	color:white;
    }

    #zoombtns .zoombtn {
        width:50px;
        height:50px;
        background-image:url("../images/spu_sel_btn.png");
        background-repeat:no-repeat;
        cursor:pointer;
        float:left;
        text-align:center;
    }

    .zoombtn_dn {
        background-position: -50px 0px;
    }

    #zoombtns #zoomval {
        font-weight:bold;
        float:left;
        padding-top:16px;
    }

    #zoombtns i {
        padding: 14px 0;
    }

    #virtualconsole {
    	width:200px;
    	height:160px;
    	position:absolute;
		left: 35px;
    	top: 110px;
    }

    #rotateswitch {
        width: 65px;
        height: 65px;
        background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        background-image:url("../images/control_switch.png");
		left: -21px;
		top: 30px;
        -webkit-tap-highlight-color: transparent;
    }

    #consoleswitch {
        width: 65px;
        height: 65px;
        background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        background-image:url("../images/control_switch.png");
	    left: 58px;
	    top: 30px;
        -webkit-tap-highlight-color: transparent;
    }

    #spuswitch {
        width: 65px;
        height: 65px;
        background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        background-image:url("../images/control_switch.png");
        left: 135px;
        top: 30px;
        -webkit-tap-highlight-color: transparent;
    }

    #ernie_container {
        width: 1000px;
        //height: 2900px;
        transform:scale(0.5);
        display:none;
    }

    #erniehelp {
        position:absolute;
        top: 10px;
        left: 10px;
    }

    #rack_container {
        display:none;
        -webkit-transform: translate3d(0,0,0);
    }

    #rack_container_back {
        display:none;
    }

    .rackbase {
        background-image:url("../images/rackbase.png");
        width:2900px;
        height:180px;
        position: absolute;
        top: 2000px;
    }

    .vrack {
        z-index:20;
    }
    
    #rack5 {
    	background-image:url("../images/Rack5F.png");
		width:580px;
		height:2000px;
		float:left;
		position:relative;
    }
    #rack4 {
    	background-image:url("../images/Rack4F.png");
		width:580px;
		height:2000px;
		float:left;
		position:relative;
    }
    #rack3 {
    	background-image:url("../images/Rack3F.png");
		width:580px;
		height:2000px;
		float:left;
		position:relative;
    }
    #rack2 {
    	background-image:url("../images/Rack2F.png");
		width:580px;
		height:2000px;
		float:left;
		position:relative;
    }
    #rack1 {
    	background-image:url("../images/Rack1F.png");
		width:580px;
		height:2000px;
		float:left;
		position:relative;
    }

    #rack1b {
        background-image:url("../images/Rack1R.png");
        width:580px;
        height:2000px;
        float:left;
        position:relative;
    }
    #rack2b {
        background-image:url("../images/Rack2R.png");
        width:580px;
        height:2000px;
        float:left;
        position:relative;
    }
    #rack3b {
        background-image:url("../images/Rack3R.png");
        width:580px;
        height:2000px;
        float:left;
        position:relative;
    }
    #rack4b {
        background-image:url("../images/Rack4R.png");
        width:580px;
        height:2000px;
        float:left;
        position:relative;
    }
    #rack5b {
        background-image:url("../images/Rack5R.png");
        width:580px;
        height:2000px;
        float:left;
        position:relative;
    }

    .door {
    	background-image:url("../images/door.png");
        width:478px;
        height:1898px;
		position: absolute;
    	left: 50px;
    	top: 50px;
    	transform: perspective( 12000px ) rotateY(0deg);
    	transition: 1s transform ease-in-out;
    	transform-origin: left;
        z-index: 1;
    }

    .doorhandle {
    	background-image:url("../images/door_handle.png");
    	width: 80px;
    	height:82px;
    	background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        right:10px;
        top: 949px;
        -webkit-tap-highlight-color: transparent;
    }

    .handleopen {
    	background-position:-80px 0px;
    }

    .dooropened {
    	transform: perspective( 12000px ) rotateY(-100deg);
    	transform-origin: left;
        transition: .5s transform ease-in-out;
        border:1px solid gray;
    }

    .dooropenimg {
    	background-position:-478px 0px;
    }

    .power200 {
		background-image:url("../images/PowerUnit-200.png");
    	width: 139px;
    	height:139px;
    	background-repeat:no-repeat;
    }

    .power175 {
		background-image:url("../images/PowerUnit-175.png");
    	width: 139px;
    	height:139px;
    	background-repeat:no-repeat;
    }

    .power150 {
		background-image:url("../images/PowerUnit-150.png");
    	width: 139px;
    	height:139px;
    	background-repeat:no-repeat;
    }

    .power8 {
		background-image:url("../images/PowerUnit-8.png");
    	width: 70px;
    	height:139px;
    	background-repeat:no-repeat;
    }

    .power6 {
		background-image:url("../images/PowerUnit-6.png");
    	width: 70px;
    	height:139px;
    	background-repeat:no-repeat;
    }    

    .power25 {
		background-image:url("../images/PowerUnit-25.png");
    	width: 70px;
    	height:139px;
    	background-repeat:no-repeat;
    }

    .power50 {
		background-image:url("../images/PowerUnit-50.png");
    	width: 70px;
    	height:139px;
    	background-repeat:no-repeat;
    }    

    .psu_switch {
    	background-image:url("../images/psu_switch.png");
    	width: 37px;
    	height:33px;
    	background-repeat:no-repeat;
    	cursor:pointer;
    	position: absolute;
    	left:56px;
    	top:86px;
    	-webkit-tap-highlight-color: transparent;
    }

    .psu_switch_on {
    	background-position:-37px 0px;
    }

    .psu_switch_sm {
    	background-image:url("../images/psu_switch.png");
    	width: 37px;
    	height:33px;
    	background-repeat:no-repeat;
    	cursor:pointer;
    	position: absolute;
    	left:23px;
    	top:8px;
    	-webkit-tap-highlight-color: transparent;
    }

    .psu_bulb {
    	background-image:url("../images/psu_bulb.png");
    	width: 26px;
    	height:26px;
    	background-repeat:no-repeat;
    	position: absolute;
    	left:105px;
    	top:63px;
    }

    .psu_bulb_on {
    	background-position:-26px 0px;
    }

    .psu_bulb_sm {
    	background-image:url("../images/psu_bulb_sm.png");
    	width: 13px;
    	height:13px;
    	background-repeat:no-repeat;
    	position: absolute;
    	left:43px;
    	top:53px;
    }

    .psu_bulb_on_sm {
    	background-position:-13px 0px;
    }

    .psucable {
		background-image:url("../images/psu_wire_150.png");
    	width: 289px;
    	height:85px;
    	background-repeat:no-repeat;
        pointer-events: none;
    }

    .psucable_lt_l {
        background-image:url("../images/psu_wire_lt_l.png");
        width: 66px;
        height:92px;
        background-repeat:no-repeat;
        pointer-events: none;
    }

    .psucable_lt_r {
        background-image:url("../images/psu_wire_lt_r.png");
        width: 66px;
        height:92px;
        background-repeat:no-repeat;
        pointer-events: none;
    }

    .psuc_clk {
        width:32px;
        height:32px;
        cursor:pointer;
        position:absolute;
        right:-6px;
        top:-6px;
        pointer-events: auto;
        -webkit-tap-highlight-color: transparent;
    }

    .psuc_clk2 {
        left:-6px !IMPORTANT;
    }

    .psuc_empty {
        display:none !IMPORTANT;
    }

    /* Rack 1 Rear PSUs */
    #psu1 {
    	position:absolute;
    	left:260px;
    	top:146px;
    }

    #psu2 {
    	position:absolute;
    	left:260px;
    	top:456px;
    }

    #psu200spare {
    	position:absolute;
    	left:260px;
    	top:766px;
    }

    #psu3 {
    	position:absolute;
    	left:260px;
    	top:1076px;
    }

    #psu4 {
    	position:absolute;
    	left:260px;
    	top:1386px;
    }

    #psu5 {
    	position:absolute;
    	left:260px;
    	top:1696px;
    }

    #r1bpsuc_1 {
        position: absolute;
        left:83px;
        top:240px;
    }

    #r1bpsuc_2 {
        position: absolute;
        left:83px;
        top:550px;
    }

    #r1bpsuc_spare {
        position: absolute;
        left:83px;
        top:860px;
    }

    #r1bpsuc_3 {
        position: absolute;
        left:83px;
        top:1170px;
    }

    #r1bpsuc_4 {
        position: absolute;
        left:83px;
        top:1480px;
    }

    #r1bpsuc_5 {
        position: absolute;
        left:83px;
        top:1790px;
    }

    /* Rack 3 Rear PSUs */
    #psu11spare {
    	position:absolute;
    	left:111px;
    	top:1485px;
    }
    #psu12spare {
    	position:absolute;
    	left:400px;
    	top:1485px;
    }    
    #psu11 {
    	position:absolute;
    	left:111px;
    	top:1686px;
    }
    #psu12 {
    	position:absolute;
    	left:400px;
    	top:1686px;
    }

    #r3bLpsuc_1 {
        position: absolute;
        left: 88px;
        top: 1791px;
    }

    #r3bLpsuc_spare {
        position: absolute;
        left: 88px;
        top: 1590px;
    }

    #r3bRpsuc_1 {
        position: absolute;
        left:425px;
        top:1791px;
    }

    #r3bRpsuc_spare {
        position: absolute;
        left: 425px;
        top: 1590px;
    }

    #redundantdisconnect {
        background-image:url("../images/pushbutton1.png");
        width:25px;
        height:25px;
        position:absolute;
        top: 775px;
        left: 435px;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    #redundancybridges {
        background-image:url("../images/bridges.png");
        width:208px;
        height:264px;
        position:absolute;
        top: 129px;
        left: 229px;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    #bridgetoggle {
        position:absolute;
        top: 80px;
        left: 460px;
        color:white;
        background-color:#269;
        border-radius:50px;
        padding:10px;
    }
    #bridgetoggle:hover {
        background-color:white;
        color:black;
    }

    /* Rack 4 Rear PSUs */
    #psu13spare {
    	position:absolute;
    	left:111px;
    	top:1315px;
    }
    #psu14spare {
    	position:absolute;
    	left:400px;
    	top:1315px;
    }    
    #psu13 {
    	position:absolute;
    	left:111px;
    	top:1606px;
    }
    #psu14 {
    	position:absolute;
    	left:400px;
    	top:1606px;
    }    
    #psu18 {
        position:absolute;
        left:260px;
        top:1096px;
    }

    #r4bLpsuc_1 {
        position: absolute;
        left: 88px;
        top: 1711px;
    }

    #r4bLpsuc_spare {
        position: absolute;
        left: 88px;
        top: 1420px;
    }

    #r4bRpsuc_1 {
        position: absolute;
        left:425px;
        top:1711px;
    }

    #r4bRpsuc_spare {
        position: absolute;
        left: 425px;
        top: 1420px;
    }

    /* Rack 5 Rear PSUs */
    #psu16 {
    	position:absolute;
    	left:260px;
    	top:1076px;
    }

    #psu200spare2 {
    	position:absolute;
    	left:260px;
    	top:1386px;
    }

    #psu17 {
    	position:absolute;
    	left:260px;
    	top:1696px;
    }

    #r5bpsuc_16 {
        position: absolute;
        left:83px;
        top:1170px;
    }

    #r5bpsuc_spare {
        position: absolute;
        left:83px;
        top:1480px;
    }

    #r5bpsuc_17 {
        position: absolute;
        left:83px;
        top:1790px;
    }

    #r5bpsuc_18 {
        position: absolute;
        left: -498px;
        top: 1191px;
    }

    /* Rack 5 PSUs */

    #psu175spare {
    	position:absolute;
    	left:260px;
    	top:1396px;
    }

    #psu15 {
    	position:absolute;
    	left:260px;
    	top:1656px;
    }

    #r5psuc_spare {
        position: absolute;
        left:83px;
        top:1490px;
    }

    #r5psuc_15 {
        position: absolute;
        left:83px;
        top:1751px;
    }

    /* Rack 1 PSUs */

    #psu6 {
    	position:absolute;
    	left:261px;
    	top:145px;
    }

    #psu7 {
    	position:absolute;
    	left:261px;
    	top:455px;
    }

    #psu150spare {
    	position:absolute;
    	left:261px;
    	top:765px;
    }

    #psu8 {
    	position:absolute;
    	left:261px;
    	top:1075px;
    }

    #psu9 {
    	position:absolute;
    	left:261px;
    	top:1386px;
    }

    #psu10 {
    	position:absolute;
    	left:261px;
    	top:1695px;
    }

    #r1psuc_6 {
    	position: absolute;
    	left:83px;
    	top:240px;
    }

    #r1psuc_7 {
    	position: absolute;
    	left:83px;
    	top:550px;
    }

    #r1psuc_spare {
        position: absolute;
        left:83px;
        top:860px;
    }

    #r1psuc_8 {
    	position: absolute;
    	left:83px;
    	top:1170px;
    }

    #r1psuc_9 {
    	position: absolute;
    	left:83px;
    	top:1480px;
    }

    #r1psuc_10 {
    	position: absolute;
    	left:83px;
    	top:1790px;
    }

    .sng {
        background-image:url("../images/sng_on.png");
        width: 205px;
        height:229px;
        background-repeat:no-repeat;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 1s ease-in-out;
    }

    #sngbulbs1 {
        position: absolute;
        left: 188px;
        top: 186px;
    }

    #sngbulbs2 {
        position: absolute;
        left: 186px;
        top: 606px;
    }

    #sng1 {
        position: absolute;
        top: 204px;
        width: 190px;
        left: 289px;
    }

    #sng2 {
        position: absolute;
        top: 624px;
        width: 190px;
        left: 289px;
    }

    .coldcathode {
        background-image:url("../images/cold_cathode.png");
        width: 24px;
        height:18px;
        background-repeat:no-repeat;
    }
    .cc_on {
        background-position:-24px 0px;
    }

    .oneonlyfail {
        background-image:url("../images/oneonly_on.png");
        width: 124px;
        height: 79px;
        background-repeat:no-repeat;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 1s ease-in-out;
    }

    #oneonlyfail {
        position:absolute;
        left: 243px;
        top: 1009px;
    }    

    #oneonlyfailcc {
        width: 325px;
        height: 166px;
        position: absolute;
        top: 1000px;
        left: 92px;
    }

    .oneonly_cc {
        background-image:url("../images/cold_cathode_elem.png");
        width: 18px;
        height:19px;
        background-repeat:no-repeat;
        position:absolute;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 0.2s ease-in-out;
    }

    .oneonly_cc_on {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

    .elemscan {
        background-image:url("../images/elemscan_on.png");
        width: 221px;
        height:207px;
        background-repeat:no-repeat;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 1s ease-in-out;
    }

    #elemscan1 {
        position:absolute;
        left:180px;
        top:180px;
    }

    #elemscan2 {
        position:absolute;
        left:180px;
        top:702px;
    }

    #elemscancc {
        width: 394px;
        height: 166px;
        position: absolute;
        top: 244px;
        left: 92px;
    }

    .elem_cc {
        background-image:url("../images/cold_cathode_elem.png");
        width: 18px;
        height:19px;
        background-repeat:no-repeat;
        position:absolute;
        visibility: hidden;
        //opacity: 0;
        //filter: alpha(opacity=0); /* For IE8 and earlier */
        //transition: all 0.2s ease-in-out;
    }

    @keyframes pulse {
        from {
            visibility: visible;
        }
        to {
            visibility: hidden;
        }
    }

    .elem_cc_on {
        animation: pulse 0.2s ease-in-out 0s;
    }

    .mastcont {
        background-image:url("../images/mastcont_on.png");
        width: 404px;
        height:92px;
        background-repeat:no-repeat;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 1s ease-in-out;
    }

    #mastcont1 {
        position:absolute;
        left: 90px;
        top: 1258px;
    }

    #mastcont2 {
        position:absolute;
        left:90px;
        top:1618px;
    }

    #mastkey1 {
        position: absolute;
        left: 261px;
        top: 1409px;
    }

    #mastkey2 {
        position: absolute;
        left: 293px;
        top: 1409px;
    }

    .bulbs_on {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

    .rand_row {
    	width: 392px;
    	height: 303px;
    }
    #rack2pos {
    	position:relative;
    	left:97px;
    	top:92px;
    }

    #console_container {
        display:none;
        transition: transform 1s linear;
        -webkit-transform: translate3d(0,0,0); // fix for webkit bug on safari on mac
    }
    #console_container>div {
        z-index:2;
    }
    .console_hide {
        transform: scale(1.1);
    }

    #console {
        background-image:url("../images/Console.png");
        width:1740px;
        height:390px;
    }

    #console_lhs {
        width:719px;
        height:327px;
        position: absolute;
        left:28px;
        top:30px;
    }

    #console_rhs {
        width:719px;
        height:327px;
        position: absolute;
        left:988px;
        top:30px;
    }

    .console_lamp {
        width:182px;
        height:330px;
        background-repeat:no-repeat;
        position:absolute;
        top:20px;
    }

    #console_lamp_left {
        background-image:url("../images/lamp_left.png");
        left:-172px;
    }

    #console_lamp_right {
        background-image:url("../images/lamp_right.png");
        right:-165px;
    }

    #console_lamp_left_light {
        background-image:url("../images/lamp_left_on.png");
        width: 182px;
        height: 330px;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 1s ease-in-out;
    }

    #console_lamp_right_light {
        background-image:url("../images/lamp_right_on.png");
        width: 182px;
        height: 330px;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: all 1s ease-in-out;
    }

    .lamp_on {
        //background-position: -182px 0px;
        opacity: 1 !IMPORTANT;
        filter: alpha(opacity=100) !IMPORTANT; /* For IE8 and earlier */
    }

    #console_drawers {
	    position: absolute;
	    left: 0px;
	    top: 470px;
		width: 1740px;
		height: 141px;
    }

    .drawer {
    	background-image:url("../images/drawer.png");
    	width:628px;
        height:141px;
        position:relative;
        transition: 1s transform ease-in-out;
        z-index: 6;
        cursor: pointer;
    }
    
    .drawershadow {
    	background-image:url("../images/drawer_shadow.png");
    	width:637px;
        height:151px;
        position:absolute;
        transition: all 1s ease-in-out;
    }

    #leftdrawer {
    	position:absolute;
    	left:0px;
    	top:0px;
    }

    #drawershadow {
    	left:6px;
    	top:4px;
    }

    #rightdrawer {
    	position:absolute;
    	left:1110px;
    	top:0px;
    }

    .errorlight {
        background-image:url("../images/console_light.png");
        width: 46px;
        height:45px;
        background-repeat:no-repeat;
    }

    .errorlight2 {
        background-image:url("../images/console_light2.png");
        width: 46px;
        height:45px;
        background-repeat:no-repeat;
    }

    .errorlight_on {
        background-position:-46px 0;
    }

    /*
    Console LHS
    */

    #key1 {
        position: absolute;
        left: 50px;
        top: 194px;
    }

    #key2 {
        position: absolute;
        left: 122px;
        top: 194px;
    }

    #resetswitch {
        width: 75px;
        height: 75px;
        background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        background-image:url("../images/reset_switch.png");
        left: 200px;
        top: 204px;
        -webkit-tap-highlight-color: transparent;
    }

    #key3 {
        position: absolute;
        left: 280px;
        top: 194px;
    }

    #key4 {
        position: absolute;
        left: 352px;
        top: 194px;
    }

   	#key1light {
        position: absolute;
        left: 74px;
        top: 165px;
   	}

   	#key2light {
        position: absolute;
        left: 146px;
        top: 165px;
   	}

   	#key3light {
        position: absolute;
        left: 304px;
        top: 165px;   		
   	}

   	#key4light {
        position: absolute;
        left: 376px;
        top: 165px;   		
   	}
   	
   	#spareerror {
        position: absolute;
        left: 66px;
        top: 50px;  
   	}

   	#oneonlyfailerror {
        position: absolute;
        left: 163px;
        top: 50px;  
   	}

   	#onerngfailerror {
        position: absolute;
        left: 252px;
        top: 50px;  
   	}

   	#tworngfailerror {
        position: absolute;
        left: 352px;
        top: 50px;  
   	}

    /*
    Console RHS
    */
    #pauseswitch {
        position: absolute;
        left: 332px;
        top: 194px;
    }

    #startswitch {
        width: 75px;
        height: 75px;
        background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        background-image:url("../images/start_switch.png");
        left: 186px;
        top: 210px;
        -webkit-tap-highlight-color: transparent;
    }

    .twowayswitchdn {
        background-position:0px -75px;
    }

    .twowayswitchdn_sm {
        background-position:0px -65px;
    }

    #stopbutton {
        width: 75px;
        height: 75px;
        background-repeat:no-repeat;
        cursor:pointer;
        position:absolute;
        background-image:url("../images/stop_button.png");
        left: 480px;
        top: 210px;
        -webkit-tap-highlight-color: transparent;
    }
    .stop_button_in {
        background-position:0px -75px;
    }

    .switchlight {
        width: 18px;
        height: 18px;
        background-repeat:no-repeat;
        background-image:url("../images/switch_light.png");
    }

    #startswitchlight {
        position:absolute;
        left:215px;
        top:169px;
    }

    #pauseswitchlight {
        position:absolute;
        left:356px;
        top:169px;
    }

    .switchlighton {
        background-position:-18px 0px;
    }

    /*
    Switches
    */
    .ctrlswitchsm {
        margin: 0px !IMPORTANT;
    }
    .ctrlswitch {
        float:left;
        width: 53px;
        height: 93px;
        background-repeat:no-repeat;
        cursor:pointer;
        background-position:0px -93px;
        position:relative;
        font: 11px 'Roboto Mono', monospace;
        -webkit-tap-highlight-color: transparent;
    }
    .ctrlswitch[data-label]::before {
        content: attr(data-label);
        position:absolute;
        top:-8px;
        left:0px;
        color:white;
        margin:4px;
        width:90%;
        text-align:center;
    }
    .ctrlswitch[data-label2]::after {
        content: attr(data-label2);
        position:absolute;
        bottom:-20px;
        left:0px;
        color:white;
        margin:4px;
        width:90%;
        text-align:center;
    }
    .ctrlswitch[data-label3]::before {
        content: attr(data-label3);
        position:absolute;
        top:-8px;
        left:20px;
        font-size:18px;
        color:white;
        margin:4px;
        width:90%;
        text-align:center;
        z-index:20;
    }
    .ctrlswitchup {
        background-position:0px 0px;
    }
    .ctrlswitchdn {
        background-position:0px -186px;
    }

    .ctrlswitchgreen {
        background-image:url("../images/switch_toggle_green.png");
    }
    .ctrlswitchctgreen {
        background-image:url("../images/switch_toggle_ct_green.png");
        width:42px;
    }
    .ctrlswitchctred {
        background-image:url("../images/switch_toggle_ct_red.png");
        width:42px;
    }
    .ctrlswitchctwhite {
        background-image:url("../images/switch_toggle_ct_white.png");
        width:42px;
    }
    .ctrlswitchctblack {
        background-image:url("../images/switch_toggle_ct_black.png");
        width:42px;
    }

    /*
    Rack 2
    */

    #oneonlyfailreset {
        background-image:url("../images/pushbutton1.png");
        width:25px;
        height:25px;
        position:absolute;
        top: 1009px;
        left: 431px;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    /*
    Rack 4 - Random Number Generators
    */

    .binarydrive {
    	background-image:url("../images/binary_drive.png");
		width:98px;
		height:302px;
		float:left;
		//transition: all .2s ease-in-out;
        font: 20px 'Roboto Mono', monospace;
        position:relative;
    }
    .binarydrive:hover {
    	//transform: scale(1.1);
    }
    .binarydrive[data-numeral]::after {
        content: attr(data-numeral);
        position:absolute;
        bottom: 220px;
        left: -2px;
        color:black;
        margin:4px;
        width:90%;
        text-align:center;
        font-weight:bold;
    }
    .randgenerator {
    	background-image:url("../images/rand_generator.png");
		width:98px;
		height:302px;
		float:left;
		//transition: all .2s ease-in-out;
        font: 20px 'Roboto Mono', monospace;
        position:relative;
    }
    .randgenerator:hover {
    	//transform: scale(1.1);
    }
    .randgenerator[data-numeral]::after {
        content: attr(data-numeral);
        position:absolute;
        bottom: 220px;
        left: -2px;
        color:black;
        margin:4px;
        width:90%;
        text-align:center;
        font-weight:bold;
    }
    .binaryfail {
        background-image:url("../images/cold_cathode_elem.png");
        position: absolute;
        left:35px;
        bottom:54px;
        width: 18px;
        height:19px;
        background-repeat:no-repeat;
        display:none;
    }
    

    #rack1help {
        position:absolute;
        top: 361px;
        left: 358px;
    }

    #rack2help {
        position:absolute;
        top: -35px;
        left: 246px;
    }
    
    #rack3help {
        position:absolute;
        top: 73px;
        left: 56px;
    }
    #rack3disthelp {
        position:absolute;
        top: 1166px;
        left: 53px;
    }

    #rack4help {
        position:absolute;
        top: 463px;
        left: 390px;
    }
    #rack4onehelp {
        position:absolute;
        top: 977px;
        left: 70px;
    }
    #rack4masthelp {
        position:absolute;
        top: 1384px;
        left: 390px;
    }
    #rack5help {
        position:absolute;
        top: 57px;
        left: 365px;
    }
    #rack5psuhelp {
        position:absolute;
        top: 1587px;
        left: 107px;
    }

    #rack1bhelp {
        position:absolute;
        top: 361px;
        left: 358px;
    }

    #rack2bhelp {
        position:absolute;
        top: 669px;
        left: 328px;   
    }

    #rack3bhelp {
        position:absolute;
        top: 345px;
        left: 68px;
    }
    #rack3bpsuhelp {
        position:absolute;
        top: 1640px;
        left: 328px;
    }

    #rack4bhelp {
        position:absolute;
        top: 481px;
        left: 336px;
    }
    #rack4bpsuhelp {
        position:absolute;
        top: 1519px;
        left: 288px;
    }

    #rack5bhelp {
        position:absolute;
        top: 481px;
        left: 306px;
    }
    #rack5bpsuhelp {
        position:absolute;
        top: 1291px;
        left: 366px;
    }

    #consolehelp {
        position:absolute;
        top: 376px;
        left: 1550px;
    }

    #cyclictesterhelp {
        position:absolute;
        top: 60px;
        left: 510px;
    }
    
    #spuhelp {
        position:absolute;
        top: 500px;
        left: 58px;
    }

    #rack2menu {
        position:absolute;
        top: 1060px;
        left: 110px;
        color:white;
        background-color:#269;
        border-radius:50px;
        padding:10px;
        cursor:pointer;
    }
    #rack2menu:hover {
        background-color:white;
        color:black;
    }

    #rack4menu {
        position:absolute;
        top: -35px;
        left: -40px;
        color:white;
        background-color:#269;
        border-radius:50px;
        padding:10px;
    }
    #rack4menu:hover {
        background-color:white;
        color:black;
    }

    .helpbutton {
        background:#269;
        color:white;
        padding:10px;
        box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
        cursor:pointer;
    }
    .helpbutton:hover {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
        background:#eee;
        color:black;
    }

    .helpbtn {
        background-color:#269;
        color:white;
        padding:5px;
        border:0px;
        position:absolute;
        bottom:10px;
        border-radius: 5px;
        font-size: 20px;
        text-decoration: none;
    }
    .helpbtn:hover {
        background-color:#3D94D3;
    }

    #rack4btns {
        background-image:url("../images/Rack2btns.png");
        width:50px;
        height:65px;
        position:absolute;
        top:579px;
        left:384px;
    }

    #helpcontent {
        border: 10px solid #269;
    }
    #stopinfocontent {
        border: 10px solid #499922;
    }

    #binaryset {
        background-image:url("../images/pushbutton2.png");
        width:25px;
        height:25px;
        position:absolute;
        top: 31px;
        left: 25px;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    #alarmreset {
        background-image:url("../images/pushbutton1.png");
        width:25px;
        height:25px;
        position:absolute;
        top: 5px;
        left: 25px;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    .pushbutton {
    }

    .pushbutton_press {
        background-position:-25px 0;
    }

    #papertest{
    	background-color: white;
	    width: 300px;
	    height: 160px;
	    position: absolute;
	    top: 1430px;
	    left: -240px;
	    transform: perspective( 600px ) rotateY(0deg) rotateZ(0deg) rotateY(15deg);
    }

    #printhead_left {
        position:absolute;
        top:23px;
        left:130px;
        background-image:url("../images/tp_head_left.png");
        width:10px;
        height:8px;

    }

    #printer0zoom {
        position:absolute;
        top: 1550px;
        left: 0px;
        color:white;
        background-color:#269;
        border-radius:50px;
        padding:10px;
    }
    #printer0zoom:hover {
        background-color:white;
        color:black;
    }
    
	.printerpaper {
		transform-style: preserve-3d;	
    	transition: all 0.1s ease-in-out;
	}

    #printerpaper0 {
        position: absolute;
        top: 1372px;
	    left: -168px;
	    transform: perspective(600px) rotateY(48deg) rotateZ(3deg);    
    }

    #printerpaper1 {
        position: absolute;
        top: 1381px;
        left: 2941px;
        transform: perspective(600px) rotateY(-30deg) rotateZ(0deg);
    }

    .printerpaper DIV {
        width: 150px;
        height: 5px;
        font: 3px 'Roboto Mono', monospace;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .haspaper {
	   background-color: white;
    }

    .haspaper:hover {
        border-bottom:1px dashed #ccc;
        cursor: url(../images/scissors.png), auto;
    }

    #tpL_41 { transform: perspective( 600px ) rotateX(160deg) translateY(-273px) translateZ(43px); }
    #tpL_40 { transform: perspective( 600px ) rotateX(160deg) translateY(-263px) translateZ(45px); }
    #tpL_39 { transform: perspective( 600px ) rotateX(160deg) translateY(-253px) translateZ(47px); }
    #tpL_38 { transform: perspective( 600px ) rotateX(160deg) translateY(-243px) translateZ(49px); }
    #tpL_37 { transform: perspective( 600px ) rotateX(160deg) translateY(-233px) translateZ(51px); }
    #tpL_36 { transform: perspective( 600px ) rotateX(150deg) translateY(-228px) translateZ(13px); }
    #tpL_35 { transform: perspective( 600px ) rotateX(150deg) translateY(-218px) translateZ(16px); }
    #tpL_34 { transform: perspective( 600px ) rotateX(140deg) translateY(-208px) translateZ(-18px); }
    #tpL_33 { transform: perspective( 600px ) rotateX(140deg) translateY(-199px) translateZ(-14px); }
    #tpL_32 { transform: perspective( 600px ) rotateX(140deg) translateY(-190px) translateZ(-10px); }
    #tpL_31 { transform: perspective( 600px ) rotateX(140deg) translateY(-181px) translateZ(-6px); }
    #tpL_30 { transform: perspective( 600px ) rotateX(130deg) translateX(-1px) translateY(-168px) translateZ(-33px); }      
    #tpL_29 { transform: perspective( 600px ) rotateX(130deg) translateY(-161px) translateZ(-28px); }
    #tpL_28 { transform: perspective( 600px ) rotateX(120deg) translateY(-146px) translateZ(-50px); }
    #tpL_27 { transform: perspective( 600px ) rotateX(120deg) translateY(-138px) translateZ(-45px); }
    #tpL_26 { transform: perspective( 600px ) rotateX(120deg) translateY(-131px) translateZ(-40px); }
    #tpL_25 { transform: perspective( 600px ) rotateX(120deg) translateY(-124px) translateZ(-35px); }
    #tpL_24 { transform: perspective( 600px ) rotateX(120deg) translateY(-117px) translateZ(-30px); }
    #tpL_23 { transform: perspective( 600px ) rotateX(120deg) translateY(-110px) translateZ(-25px); }
    #tpL_22 { transform: perspective( 600px ) rotateX(90deg) translateY(-75px) translateZ(-69px); }
    #tpL_21 { transform: perspective( 600px ) rotateX(90deg) translateY(-73px) translateZ(-63px); }
    #tpL_20 { transform: perspective( 600px ) rotateX(80deg) translateY(-58px) translateZ(-69px); }
    #tpL_19 { transform: perspective( 600px ) rotateX(80deg) translateX(-1px) translateY(-56px) translateZ(-63px); }
    #tpL_18 { transform: perspective( 600px ) rotateX(70deg) translateY(-43px) translateZ(-67px); }
    #tpL_17 { transform: perspective( 600px ) rotateX(70deg) translateY(-40.5px) translateZ(-62px); }
    #tpL_16 { transform: perspective( 600px ) rotateX(70deg) translateY(-38px) translateZ(-57px); }
    #tpL_15 { transform: perspective( 600px ) rotateX(70deg) translateY(-35.5px) translateZ(-52px); }
    #tpL_14 { transform: perspective( 600px ) rotateX(70deg) translateY(-33px) translateZ(-47px); }
    #tpL_13 { transform: perspective( 600px ) rotateX(70deg) translateY(-31px) translateZ(-42px); }
    #tpL_12 { transform: perspective( 600px ) rotateX(70deg) translateY(-29px) translateZ(-37px); }
    #tpL_11 { transform: perspective( 600px ) rotateX(70deg) translateY(-26px) translateZ(-32px); }
    #tpL_10 { transform: perspective( 600px ) rotateX(60deg) translateX(-0.5px) translateY(-17px) translateZ(-30px); }
    #tpL_9 { transform: perspective( 600px ) rotateX(60deg) translateY(-16px) translateZ(-26px); }
    #tpL_8 { transform: perspective( 600px ) rotateX(50deg) translateY(-10px) translateZ(-24px); }
    #tpL_7 { transform: perspective( 600px ) rotateX(50deg) translateX(-1px) translateY(-8px) translateZ(-19px); }
    #tpL_6 { transform: perspective( 600px ) rotateX(40deg) translateY(-4px) translateZ(-17px); }
    #tpL_5 { transform: perspective( 600px ) rotateX(40deg) translateY(-4px) translateZ(-14px); }
    #tpL_4 { transform: perspective( 600px ) rotateX(30deg) translateX(-0.5px) translateY(-1px) translateZ(-11px); }
    #tpL_3 { transform: perspective( 600px ) rotateX(30deg) translateY(-1px) translateZ(-9px); }
    #tpL_2 { transform: perspective( 600px ) rotateX(20deg) translateY(0px) translateZ(-7px); }
    #tpL_1 { transform: perspective( 600px ) rotateX(20deg) translateY(0px) translateZ(-5px); }

    #tpR_41 { transform: perspective( 600px ) rotateX(160deg) translateY(-273px) translateZ(43px); }
    #tpR_40 { transform: perspective( 600px ) rotateX(160deg) translateY(-263px) translateZ(45px); }
    #tpR_39 { transform: perspective( 600px ) rotateX(160deg) translateY(-253px) translateZ(47px); }
    #tpR_38 { transform: perspective( 600px ) rotateX(160deg) translateY(-243px) translateZ(49px); }
    #tpR_37 { transform: perspective( 600px ) rotateX(160deg) translateY(-233px) translateZ(51px); }
    #tpR_36 { transform: perspective( 600px ) rotateX(150deg) translateY(-228px) translateZ(13px); }
    #tpR_35 { transform: perspective( 600px ) rotateX(150deg) translateY(-218px) translateZ(16px); }
    #tpR_34 { transform: perspective( 600px ) rotateX(140deg) translateY(-208px) translateZ(-18px); }
    #tpR_33 { transform: perspective( 600px ) rotateX(140deg) translateY(-199px) translateZ(-14px); }
    #tpR_32 { transform: perspective( 600px ) rotateX(140deg) translateY(-190px) translateZ(-10px); }
    #tpR_31 { transform: perspective( 600px ) rotateX(140deg) translateY(-181px) translateZ(-6px); }
    #tpR_30 { transform: perspective( 600px ) rotateX(130deg) translateX(0px) translateY(-168px) translateZ(-33px); }      
    #tpR_29 { transform: perspective( 600px ) rotateX(130deg) translateY(-161px) translateZ(-28px); }
    #tpR_28 { transform: perspective( 600px ) rotateX(120deg) translateY(-146px) translateZ(-50px); }
    #tpR_27 { transform: perspective( 600px ) rotateX(120deg) translateY(-138px) translateZ(-45px); }
    #tpR_26 { transform: perspective( 600px ) rotateX(120deg) translateY(-131px) translateZ(-40px); }
    #tpR_25 { transform: perspective( 600px ) rotateX(120deg) translateY(-124px) translateZ(-35px); }
    #tpR_24 { transform: perspective( 600px ) rotateX(120deg) translateY(-117px) translateZ(-30px); }
    #tpR_23 { transform: perspective( 600px ) rotateX(120deg) translateY(-110px) translateZ(-25px); }
    #tpR_22 { transform: perspective( 600px ) rotateX(90deg) translateY(-75px) translateZ(-69px); }
    #tpR_21 { transform: perspective( 600px ) rotateX(90deg) translateY(-73px) translateZ(-63px); }
    #tpR_20 { transform: perspective( 600px ) rotateX(80deg) translateY(-58px) translateZ(-69px); }
    #tpR_19 { transform: perspective( 600px ) rotateX(80deg) translateX(1px) translateY(-56px) translateZ(-63px); }
    #tpR_18 { transform: perspective( 600px ) rotateX(70deg) translateY(-43px) translateZ(-67px); }
    #tpR_17 { transform: perspective( 600px ) rotateX(70deg) translateY(-40.5px) translateZ(-62px); }
    #tpR_16 { transform: perspective( 600px ) rotateX(70deg) translateY(-38px) translateZ(-57px); }
    #tpR_15 { transform: perspective( 600px ) rotateX(70deg) translateY(-35.5px) translateZ(-52px); }
    #tpR_14 { transform: perspective( 600px ) rotateX(70deg) translateY(-33px) translateZ(-47px); }
    #tpR_13 { transform: perspective( 600px ) rotateX(70deg) translateY(-31px) translateZ(-42px); }
    #tpR_12 { transform: perspective( 600px ) rotateX(70deg) translateY(-29px) translateZ(-37px); }
    #tpR_11 { transform: perspective( 600px ) rotateX(70deg) translateY(-26px) translateZ(-32px); }
    #tpR_10 { transform: perspective( 600px ) rotateX(60deg) translateX(0.5px) translateY(-17px) translateZ(-30px); }
    #tpR_9 { transform: perspective( 600px ) rotateX(60deg) translateY(-16px) translateZ(-26px); }
    #tpR_8 { transform: perspective( 600px ) rotateX(50deg) translateY(-10px) translateZ(-24px); }
    #tpR_7 { transform: perspective( 600px ) rotateX(50deg) translateX(1px) translateY(-8px) translateZ(-19px); }
    #tpR_6 { transform: perspective( 600px ) rotateX(40deg) translateY(-4px) translateZ(-17px); }
    #tpR_5 { transform: perspective( 600px ) rotateX(40deg) translateY(-4px) translateZ(-14px); }
    #tpR_4 { transform: perspective( 600px ) rotateX(30deg) translateX(0.5px) translateY(-1px) translateZ(-11px); }
    #tpR_3 { transform: perspective( 600px ) rotateX(30deg) translateY(-1px) translateZ(-9px); }
    #tpR_2 { transform: perspective( 600px ) rotateX(20deg) translateY(0px) translateZ(-7px); }
    #tpR_1 { transform: perspective( 600px ) rotateX(20deg) translateY(0px) translateZ(-5px); }

    .print {
    	padding:0 10px;
    }

    #scope {
        background-image:url("../images/scope.png");
        width:150px;
        height:150px;
        position:absolute;
        left: 500px;
        top: 100px;
    }

    .scopeA, .scopeB {
        width:150px;
        float:left;
        margin:0 70px;
    }

    .scopebg {
        background-image:url("../images/scope.png");
        height:150px;
    }


    #scopecanvas, #scopecanvasA, #scopecanvasB {
        background-color: transparent;
        opacity:1;
        transition: opacity 2s ease-in-out;
    }

    .scopeoff {
        opacity:0 !important;
    }


    /* Virtual Racks */

    #vrack_container {
        width: 2900px;
        height: 2000px;
        position: absolute;
        perspective: 5000px;
        display:none;
    }
    #vrack {
        width:100%;
        height:100%;
        position: absolute;
        transform: translateZ( -290px ) rotateY( 0deg );
        transform-style: preserve-3d;
        transition: transform 1s ease-in-out;
    }
    #vrack figure {
        margin: 0;
        height: 2180px;
        display: block;
        position: absolute;
        border: 5px solid white;

        background-image: linear-gradient(white 4px, transparent 4px), linear-gradient(90deg, white 4px, transparent 4px), linear-gradient(rgba(255,255,255,.3) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.3) 2px, transparent 2px);
        background-size: 200px 200px, 200px 200px, 20px 20px, 20px 20px;
        background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
    }

    #vrack .front { width: 2900px; transform: rotateY(   0deg ) translateZ( 290px ); }
    #vrack .back { width: 2900px; transform: rotateX( 180deg ) translateZ( 290px ); }
    #vrack .left { width: 580px; transform: rotateY( -90deg ) translateZ( 290px ); }
    #vrack .right { width: 580px; transform: rotateY(  90deg ) translateZ( 2615px ); }

    #vrack.show_back {
        transform: translateZ(-290px) rotateY(180deg) !IMPORTANT;
    }

    #vrack2_container {
        width: 1740px;
        height: 390px;
        position: absolute;
        left:580px;
        top:1200px;
        perspective: 5000px;
        display:none;
    }
    #vrack2 {
        width:100%;
        height:100%;
        position: absolute;
        transform: translateZ( -290px ) rotateY( 0deg );
        transform-style: preserve-3d;
        transition: transform 1s ease-in-out;
    }
    #vrack2 figure {
        margin: 0;
        height: 390px;
        display: block;
        position: absolute;
        border: 5px solid white;

        background-image: linear-gradient(white 4px, transparent 4px), linear-gradient(90deg, white 4px, transparent 4px), linear-gradient(rgba(255,255,255,.3) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.3) 2px, transparent 2px);
        background-size: 200px 200px, 200px 200px, 20px 20px, 20px 20px;
        background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
    }

    #vrack2 .front { width: 1740px; transform: rotateY(   0deg ) translateZ( 290px ); }
    #vrack2 .back { width: 1740px; transform: rotateX( 180deg ) translateZ( 290px ); }
    #vrack2 .left { width: 590px; transform: rotateY( -90deg ) translateZ( 300px ); }
    #vrack2 .right { width: 590px; transform: rotateY(  90deg ) translateZ( 1450px ); }

    #vrack3_container {
        width: 4224px;
        height: 1130px;
        position: absolute;
        left:-700px;
        top:1590px;
        perspective: 5000px;
        perspective-origin: 50% -310px;
        display:none;
    }
    #vrack3 {
        width:100%;
        height:100%;
        position: absolute;
        transform: translateZ( -290px ) rotateY( 0deg );
        transform-style: preserve-3d;
        transition: transform 1s ease-in-out;
    }
    #vrack3 figure {
        margin: 0;
        height: 1130px;
        display: block;
        position: absolute;
        border: 5px solid white;

        background-image: linear-gradient(white 4px, transparent 4px), linear-gradient(90deg, white 4px, transparent 4px), linear-gradient(rgba(255,255,255,.3) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.3) 2px, transparent 2px);
        background-size: 200px 200px, 200px 200px, 20px 20px, 20px 20px;
        background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
    }

    #vrack3 .front { width: 4224px; transform: rotateY(   0deg ) translateZ( 290px ); }
    #vrack3 .back { width: 4224px; transform: rotateX( 180deg ) translateZ( 290px ); }
    #vrack3 .left { width: 590px; transform: rotateY( -90deg ) translateZ( 300px ); }
    #vrack3 .right { width: 590px; transform: rotateY(  90deg ) translateZ( 3930px ); }


    #redundancy1a {
    	position: absolute;
    	left:100px;
    	top:120px;
    }

    #redundancy1b {
        position: absolute;
        left:100px;
        top:392px;
    }

    #redundancy2a {
    	position: absolute;
    	left:230px;
    	top:120px;    	
    }

    #redundancy2b {
        position: absolute;
        left:230px;
        top:392px;      
    }

    #redundancy3a {
        position: absolute;
        left:430px;
        top:115px;
    }

    #redundancy3b {
        position: absolute;
        left:430px;
        top:387px;
    }

    #redundancyspec {
        position: absolute;
        left: 307px;
        top: 941px;
    }

    .section3tag {
        position:absolute;
        width:20px;
        height:20px;
        cursor:pointer;
    }

    .s3tagA {
    	background-image:url("../images/3sec_tagwire_top.png");
    	background-repeat: no-repeat;
    	width:32px;
    	height:37px;
		position: absolute;
		top: 8px;
		left: 7px;
    }
    .s3tagB {
        background-image:url("../images/3sec_tagwire_mid.png");
        background-repeat: no-repeat;
        width:32px;
        height:37px;
        position: absolute;
        top: -8px;
        left: 7px;
    }
    .s3tagC {
        background-image:url("../images/3sec_tagwire_bot.png");
        background-repeat: no-repeat;
        width:32px;
        height:37px;
        position: absolute;
        top: -25px;
        left: 7px;
    }
    .s3tagD {
        background-image:url("../images/3sec_tagwire_end.png");
        background-repeat: no-repeat;
        width:32px;
        height:54px;
        position: absolute;
        top: -46px;
        left: 7px;
    }

    .s3pin0 { background-position: 32px 0px; }
    .s3pin1 { background-position: 0px 0px; }
    .s3pin2 { background-position: -32px 0px; }
    .s3pin3 { background-position: -64px 0px; }
    .s3pin4 { background-position: -96px 0px; }
    .s3pin5 { background-position: -128px 0px; }
    .s3pin6 { background-position: -160px 0px; }
    .s3pin7 { background-position: -192px 0px; }
    .s3pin8 { background-position: -224px 0px; }
    .s3pin9 { background-position: -256px 0px; }

    .transistor_row {
    	clear:both;
    	width: 108px;
    }

    .transistorY {
    	position:absolute;
    	width:22px;
    	height:20px;
    	background-image:url("../images/transistor-yellow.png");
    	background-repeat: no-repeat;
    	cursor:pointer;
    }

    .transistorG {
        position:absolute;
        width:22px;
        height:20px;
        background-image:url("../images/transistor-green.png");
        background-repeat: no-repeat;
        cursor:pointer;
    }

    .redundant {
    	background-position:-22px 0px;
    }
    .removed {
    	background-position:22px 0px;
    }
    .bridge {
        background-position:-44px 0px;
    }
    .special {
    	background-position:-66px 0px;
    }

    .specwire {
        position:absolute;
        width:19px;
        height:2px;
        background-image:url("../images/spec_wire.png");
        background-repeat: no-repeat;
    }

    .nowire {
        background-position:-19px 0px;
    }

    #circuitbreakers {
    	position:absolute;
    	top:1640px;
    }

    .circuitbreaker {
    	background-image:url("../images/circuitbreaker.png");
    	background-repeat: no-repeat;
    	cursor:pointer;
    	width:75px;
    	height:135px;
    }

    #cb1 {
       	position:absolute;
    	left:200px;
    	top:0px;
    }

    #cb2 {
       	position:absolute;
    	left:320px;
    	top:0px;
    }

    .cbon {
    	background-position:-75px 0px;
    }

    #meterview {
        width:135px;
        height:43px;
        position: absolute;
        left: 142px;
        top: 523px;
        overflow: hidden;
    }

    #pointer {
        position:absolute;
        left:66px;
        top:15px;
        width:7px;
        height:63px;
        background-image:url("../images/pointer.png");
        background-repeat: no-repeat;
        transform-origin: bottom;
        transform:rotate(-45deg);
        transition: all 1s ease-in-out;
    }

    #psuselector {
        width:134px;
        height:134px;
        position: absolute;
        left: 308px;
        top: 496px;
    }

    #psuselbackplate {
    	width:134px;
        height:134px;
        background-image:url("../images/psu_selector.png");
        background-repeat: no-repeat;
        transform:rotate(0deg);
        transition: all 0.5s ease-in-out;
    }

    #knob {
    	width:56px;
        height:56px;
        background-image:url("../images/knob.png");
        background-repeat: no-repeat;
        position:absolute;
        left:39px;
        top:39px;
        transform:rotate(0deg);
        transition: all 0.5s ease-in-out;
        cursor:pointer;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }

    #knob_shadow {
    	width:134px;
        height:134px;
        background-image:url("../images/knob_shadow.png");
        background-repeat: no-repeat;
        position:absolute;
        top:0px;
        left:0px;
    }

    #clock {
    	position:absolute;
		left: 758px;
    	top: 87px;
    	width:226px;
    	height:226px;
    	background-image:url("../images/clock.png");
    }


/*
    @keyframes rotate { 100% { transform:rotateZ(360deg); } }

    #minutehand {
    	position:absolute;
		left: 0px;
    	top: 0px;
    	width:226px;
    	height:226px;
    	background-image:url("../images/minutehand.png");
    	//transform:rotate(30deg);
    	animation: rotate 3600s linear infinite;
    }

    #hourhand {
    	position:absolute;
		left: 0px;
    	top: 0px;
    	width:226px;
    	height:226px;
    	background-image:url("../images/hourhand.png");
    	//transform:rotate(270deg);
    	animation: rotate 43200s infinite linear;
    }

    #secondhand {
    	position:absolute;
		left: 96px;
    	top: 69px;
    	width:36px;
    	height:36px;
    	background-image:url("../images/secondhand.png");
    	//transform:rotate(0deg);
    	animation: rotate 60s infinite steps(60);
    }
*/

    #minutehand {
        position:absolute;
        left: 0px;
        top: 0px;
        width:226px;
        height:226px;
        background-image:url("../images/minutehand.png");
    }

    #hourhand {
        position:absolute;
        left: 0px;
        top: 0px;
        width:226px;
        height:226px;
        background-image:url("../images/hourhand.png");
    }

    #secondhand {
        position:absolute;
        left: 96px;
        top: 69px;
        width:36px;
        height:36px;
        background-image:url("../images/secondhand.png");
    }


    .context {
      font-size: 1.1em;
      position: absolute;
      width: 200px;
      height: auto;
      padding: 5px 0px;
      border-radius: 5px;
      top: 10;
      left: 10;
      background-color: #27ae60;
      box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
      color: #fff;
    }

    .context .context_item {
      height: 32px;
      line-height: 32px;
      cursor: pointer;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }

    .context .context_item:hover { background-color: #2ecc71; }

    .context .context_item .inner_item { margin: 0px 10px; }

    .context .context_item .inner_item i {
      margin: 0 5px 0 0;
      font-weight: bold;
    }

    .context .context_hr {
      height: 1px;
      border-top: 1px solid #eee;
      margin: 3px 10px;
    }

    #portal {
    	position: absolute;
        top: 300px;
        left: 850px;
		width:1200px;
		height:800px;
		border-radius: 20%;
		background-color:#269;
		background-image: linear-gradient(white 2px, transparent 2px),
		linear-gradient(90deg, white 2px, transparent 2px),
		linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
		background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
		background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
		box-shadow: 
		    inset 0 0 50px #fff,      /* inner white */
		    inset 0 0 40px 10px #0ff,
		    0 0 50px #fff;            /* outer white */
		transform: scale(0);
        transition: all 0.5s ease-in-out;
        overflow:hidden;
        z-index:5;

    }

    #spuContainer {
        position: absolute;
        left:0px;
        top:0px;
    }

    .spuLeft {
        left:-1500px !important;
    }
    .spuRight {
        left:1500px !important;
    }

    .spuAnimation {
        transition: all 0.5s ease-in-out;
    }

    .creed7b {
        width:630px;    
        height:284px;
        background-image:url("../images/creed7b.png");
    }

    #creed7bspu {
        position:absolute;
        left: 25px;
        top: 314px;
    }

    #creed7bmonitor {
        position:absolute;
		top: 1334px;
		left: 30px;
    	z-index: 3 !IMPORTANT;
        display: none;
    }

    .creed7bwheel {
        width:13px;    
        height:42px;
        background-image:url("../images/platten_wheel.png");
        position:absolute;
        top: 65px;
        right: 1px;
    }

    .creed7bpaper {
    	background-color:white;
    	height:10px;
    	width:230px;
    	position:absolute;
	    left: 310px;
	    bottom: 246px;
	    padding-left:10px;
	    padding-right:10px;
	    padding-top:5px;
	    font: 7px 'Roboto Mono', monospace;
	    line-height: 10px;
	    transition: all 0.1s ease-in-out;
    }

    .creed7bcover {
    	width:537px;	
        height:27px;
        background-image:url("../images/creed7b_cover.png");
        position:absolute;
	    left: 35px;
	    top: 12px;
    }

    #creed7bmonitorpaper {
        overflow: auto;
    }

    #creed47 {
    	width:500px;	
        height:300px;
        background-image:url("../images/creed47.png");
        position:absolute;
        left:665px;
        top:300px;
    }

    #creed47paper {
        background-color:white;
        height:12px;
        width:0px;
        transform: rotate(90deg);
        position:absolute;
        left: 277px;
        top: 112px;
        transform-origin: left;
        padding-top:3px;
    }

    #creed47text {
        font: 7px 'Roboto Mono', monospace;
        transform: rotate(180deg);
        overflow: hidden;
        height: 8px;
        line-height: 9px;
        white-space: nowrap;
    }

    #sputitle {
    	position:absolute;
    	left:60px;
    	top:60px;
    	width:218px;
    	height:218px;
    	background-image:url("../images/spu_label.png");
    	font-family: "Times New Roman", Times, serif;
    }

    #sputitle div {
    	width:218px;
    	text-align:center;
    }
    #sputitle .spu {
    	font-size:50px;
    	margin-top: 20px
    }
    #sputitle .letter {
    	font-size:60px;
    	margin-bottom: 10px;
    }
    #sputitle .ref {
    	font-size:30px;
        position: absolute;
        bottom: 28px;
    }

    .reftxtsmall {
        font-size: 32px !IMPORTANT;
        margin-top:15px !IMPORTANT;
    }

    #spupanel {
        width:245px;    
        height:217px;
        background-image:url("../images/spu_panel.png");
        position:absolute;
        left:770px;
        top:80px;
    }

    #spulight {
        width:70px;    
        height:24px;
        background-image:url("../images/spu_light.png");
        position:absolute;
        left:80px;
        top:-24px;
    }

    #spulabelcontainer {
        position:absolute;
        left: 60px;
        bottom: 21px;
        width: 106px;
    }

    #spulabel {
        text-align: center;
        color:white;
    }

    .spupause {
        background-position:-70px 0px;
    }

    #spucall1 {
        position: absolute;
        left:99px;
        top:42px;
    }

    #spulf1 {
        position: absolute;
        left: 149px;
        top: 42px;
    }

    .spuerror {
    	width:600px;
		position: absolute;
		left: 64px;
    }

    #spuerror1 {
    	top: 25px;
    }

    #spuerror2 {
    	top: 95px;
    }

    .spuerror .errorlight {
    	float:left;
    	padding-right: 4px;
    }

    #spuselectors {
        width:700px;    
        height:100px;
        background-image:url("../images/spu_selectors.png");
        position:absolute;
        left: 230px;
        bottom: 60px;
    }

    #spuselbtns {
        padding:6px 20px;
    }

    .spu_sel_btn {
        width:50px;
        height:50px;
        background-image:url("../images/spu_sel_btn.png");
        float:left;
        margin-right: 10px;
        cursor:pointer;
    }

    .spu_sel_btn_on {
        background-position: 50px 0px;
    }

    #resultpage {
        background-color: white;
        color: black;
        width: 300px;
        height: 900px;
        position: absolute;
        left: -360px;
        top: 560px;
        /* font-size: 7px; */
        padding: 10px;
        font: 7px 'Roboto Mono', monospace;
        line-height: 9px;
        -webkit-box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.2);
        box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.2);
        overflow-y: auto;
        display:none;
    }

    #cinescreen {
        position:absolute;
        left: 1210px;
        top: 723px;
        z-index:5;
        transform: scale(1);
        transition: all 1s ease-in-out;
        opacity:1;
        pointer-events: auto;
    }

    #cinescreen iframe {
        width: 430px;
        transform: scale(4);
        padding: 20px;
        border: 1px solid black;
        background-color: white;
    }

    .cinehide {
        transform: scale(0.1) !IMPORTANT;
        left: 660px !IMPORTANT;
        top: 1560px !IMPORTANT;
        opacity:0 !IMPORTANT;
        pointer-events: none !IMPORTANT;
    }

    #docs {
        position:absolute;
        left:-120px;
        top:300px;
        z-index:5;
        width: 3290px;
        transition: all 1s ease-in-out;
    }

    .doccover {
        position: absolute;
        transition: all 1s ease-in-out;
        transform: scale(1);
    }

    .doccover img {
        width: 450px;
        -webkit-filter: drop-shadow(15px 15px 10px #222);
        filter: drop-shadow(15px 15px 10px #222);
    }

    .doccover:nth-child(1) { transform: rotateZ(-12deg); top: 160px; left:0px; }
    .doccover:nth-child(2) { transform: rotateZ(-8deg);  top: 80px;  left:470px; }
    .doccover:nth-child(3) { transform: rotateZ(-4deg);  top: 25px; left:940px; }
    .doccover:nth-child(4) { transform: rotateZ(0deg);  top: 0px; left:1410px; }
    .doccover:nth-child(5) { transform: rotateZ(4deg); top: 25px; left:1880px; }
    .doccover:nth-child(6) { transform: rotateZ(8deg); top: 74px; left:2350px; }
    .doccover:nth-child(7) { transform: rotateZ(12deg); top: 175px; left:2820px; }

    .docsindrawer {
        left: 370px !important;
        top: 1200px !important;
        opacity:0;
        pointer-events: none;
    }
    .docsoutdrawer {
        left: 360px !important;
        top: 1200px !important;
        opacity:1;
        pointer-events: auto;
    }
    .tidydocs .doccover {
        transform: rotateZ(0deg);
        top:0px;
        left:1410px;
    }
    .docselect {
        transform: scale(2) !important;
        //left: 1350px !important;
        //top: 450px !important;
        z-index: 10;
    }
    .docdownload {
        position:absolute;
        right:20px;
        bottom:0px;
    }

    .btn {
      display: block;
      margin: 30px auto;
      padding: 0;

      overflow: hidden;

      border-width: 0;
      outline: none;
      border-radius: 2px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
      
      background-color: #2ecc71;
      color: #ecf0f1;
      
      transition: background-color .3s;
    }

    .btn:hover, .btn:focus {
      background-color: #27ae60;
    }

    .btn > * {
      position: relative;
    }

    .btn span {
      display: block;
      padding: 12px 24px;
    }

    .btn:before {
      content: "";
      
      position: absolute;
      top: 50%;
      left: 50%;
      
      display: block;
      width: 0;
      padding-top: 0;
        
      border-radius: 100%;
      
      background-color: rgba(236, 240, 241, .3);
      
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

    .btn:active:before {
      width: 120%;
      padding-top: 120%;
      
      transition: width .2s ease-out, padding-top .2s ease-out;
    }

    .md-modal, .md-modal-stopinfo {
      margin: auto;
        position: absolute;
        top: 200px;
        left: 1580px;
        width: 1500px;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .md-show {
        visibility: visible;
    }

    .md-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        visibility: hidden;
        top: 0;
        left: 0;
        z-index: 1000;
        opacity: 0;
        background: rgba(#666666, 0.8);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .md-show ~ .md-overlay {
        opacity: 1;
        visibility: visible;
    }

    .md-effect-12 .md-content {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .md-show.md-effect-12 ~ .md-overlay {
        background-color: #000000ba;
    } 

    .md-effect-12 .md-content h3,
    .md-effect-12 .md-content {
        background: transparent;
    }

    .md-show.md-effect-12 .md-content {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background: white;
        padding: 20px;
    }

    .md-close {
        color: #dd0000;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .md-close:hover {
        color:red;
    }

    .md-content p {
        font-size: 12px;
    }

    #phone1 {
        position: absolute;
        left: -190px;
        top: 257px;
        transform: scale(1.4);
    }

    #phone2 {
        position: absolute;
        left: 1715px;
        top: 257px;
        transform: scale(1.4);
    }

    .glow {
        box-shadow: 0px 0px 20px rgba(81, 203, 238, 1);
    }
    .glowcircle {
        box-shadow: 0px 0px 20px rgba(81, 203, 238, 1);
        border-radius: 50px;        
    }

    .circle {
        border-radius: 50%;
        background-color: transparent;
        border:10px solid deepskyblue;
        width: 150px;
        height: 150px;
        position: absolute;
        opacity: 0;
        animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
    }

    @keyframes scaleIn {
      from {
        transform: scale(1.5, 1.5);
        opacity: 0;
      }
      to {
        transform: scale(.2, .2);
        opacity: 1;
      }

    }

    #cyclictester_side {
        background-image:url("../images/cyclic_tester_side.png");
        width:189px;
        height:582px;
        position: absolute;
        top: 940px;
    	left: -240px;
    	cursor:pointer;
    }

    #cyclictester {
        background-image:url("../images/cyclic_tester.png");
        width:700px;
        height:600px;
        position: absolute;
        top: 470px;
        left: -780px;
        display:none;
    }

    #cyclictester img {
        opacity: 1;
        transform: perspective(3660px) rotateX(0deg);
        transform-origin: top;
        transition: all 1s ease-in-out;
    }

    #cyclictester #ctcable {
        background-image:url("../images/cyclic_tester_cable.png");
        width:474px;
        height:533px;
        position: absolute;
        top: 0px;
        left: 228px;
        opacity: 0;
        transition: opacity 1s ease-in-out;
        pointer-events: none;
    }
    
    .ct_plugged {
        opacity: 1 !IMPORTANT;
    }

    .ct_open {
        opacity: 0 !IMPORTANT;
        transform: rotateX(95deg) !IMPORTANT;
    }

	#ctpower {
		position:absolute;
		left:218px;
		top:38px;
	}

    #ct_switches {
        position:absolute;
        top: 438px;
        left: 147px;
    }
    
    #decatron1 {
        position: absolute;
        left: 233px;
        top: 308px;
        transform: rotateZ(0deg);
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: opacity 1s ease-in-out;
    }

    #decatron2 {
        position: absolute;
        left: 323px;
        top: 312px;
        transform: rotateZ(0deg);
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
        transition: opacity 1s ease-in-out;
    }

    #decatron3 {
        position: absolute;
        left: 413px;
        top: 312px;
        transform: rotateZ(0deg);
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }

    .decatron_on {
    	opacity: 1 !important;
    }

    .decatron12 {
        background-image:url("../images/decatron-12.png");
        width: 60px;
        height: 60px;    
    }

    .decatron10 {
        background-image:url("../images/decatron-10.png");
        width: 50px;
        height: 50px;
    }

    #papercloseup {
        background-image:url("../images/paper_closeup.png");
        position:absolute;
        top:0px;
        left:0px;
        width:230px;
        height:40px;
    }

    .bondtable {
        font-size:11px; width: 33%; float:left;
    }

    .bondtable tr:nth-child(even) {
        background-color: #f2f2f2
    }

    .bondtable TD {
        text-align:center;
    }

    #loadertitle{
        width:100%;
        text-align:center;
        color:black;
        font-size:3em;
        top:10%;
        position:absolute;
        font-weight:bold;
        background-color:white;
    }
    #loadertitle2{
        width:100%;
        text-align:center;
        color:#333;
        font-size:1em;
        bottom:10%;
        position:absolute;
        font-weight:bold;
        background-color:white;
    }

    #inithelp {
        background-color:white;
        width:400px;
        height:460px;
        position: absolute;
        top: 270px;
        left: 20px;
        position: fixed;
        display:none;
        z-index: 50;
    }

    #inithelp>h1 {
        text-align:center;
        margin-bottom: 0px;
    }

    .inithelpsection {
        padding:10px;
        clear:both;
    }

    .inithelpsection>span {
        float: right;
        width: 80%;
        font-size:12px;
    }

    #helpswitch {
        width: 65px;
        height: 65px;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(../images/control_switch.png);
    }

    #helpbutton {
        background-image:url("../images/pushbutton1.png");
        width:25px;
        height:25px;
        position:absolute;
        top: 215px;
        left: 215px;
        background-repeat:no-repeat;
        cursor:pointer;
    }

    #spinneranim {
        width:182px;
        margin:0 auto;
    }
    .helpcontent_loading {
        background-color: #fff !IMPORTANT;    
        transition: all 1s ease-in-out;
    }
    

    #doctitle {
        background-color: #269;
        color: white;
        width: 450px;
        padding: 20px;
        position: absolute;
        left: 1390px;
        top: 620px;
        font-size: 14px;
        text-align: center;
        display: none;
    }

    #homebutton {
        cursor: pointer;
        width:250px;
        height:56px;
    }