#topHeader{
    width: 100%;
    height: 90px;
    background: #273B82;
}

#topHeader h1{
    float:left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color:#FFCC66;
    margin: 30px 0 0 8px;
}

#buttonContainer{
    float: right;
    margin: 20px 5px 0 0;
    width: 500px;
}

#buttonContainer a.guiMenuButtons{
   
    color: white;
    background: #4C8FFB;
    border: 1px #3079ED solid;
    box-shadow: inset 0 1px 0 #80B0FB;
    padding: 10px 20px;
    border-radius: 2px;
    font-weight: bold;
    font-size: 9pt;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;

}


#buttonContainer a.guiMenuButtons:hover 
{
    border: 1px #2F5BB7 solid;
    box-shadow: 0 1px 1px #EAEAEA, inset 0 1px 0 
}

#cktInput{
    display: none;
    text-align: center;
    padding: 20px 0 10px 0;
}

table#inputTable{
    margin-left:auto;
    margin-right:auto;
}

div.inputButtonsRow{
    margin:10px 0 0 0;;
}

#mainContainer{
}

#sideBar{
    float:left;
    width:20%;
    min-height: 550px;
    /*background-color: rgb(255, 255, 102);*/
    background-image: url("../images/desk.jpg");
    /*background: #80B5C8;**/
    position: relative;
}

.compContainer{
    padding: 20px;
    border: 2px groove threedface;
    margin:0 10px 0 10px;
    margin-bottom: 15px;
    position: relative;
}

.compContainer legend{
    padding: 8px;
}

#cktBodyContainer{
   float: left;
   width:80%;
   height: 743px;
   position: relative;
   border:none;
   background-image: url("../images/desk.jpg");
}


#cktBody{
	font-size:9px;
	font-size:0.9rem;
    width: 852px;
    padding: 0 13.5px 0 13.5px;
    height:586px;
    margin:5% 10% 0 10%;
    /*min-height: 550px;*/
    overflow: hidden;
    position: relative;
    /*background: url('../images/ckt_el/breadboard_bg.png');*/
    background: url('../images/ckt_el/mainscr.jpg');
    background-repeat: no-repeat;
    /*border:1px solid gray;*/
    height: -webkit-fill-available;
}

noscript div{
    color:red;
    text-align: center;
}

.error{
    color:red;
}

p#progressInfo{
    /*display: none;*/
    padding:20px;
}

#componentsDialog, #helpDialog, #hdiv{
    display: none;
}

#componentsDialog{
	max-height:400px;
}
ul#componentList li{
    background: #F8EAB3;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
}

#inputTable{
    margin:auto;
}

#inputTable tbody tr td{
    vertical-align:middle;
    text-align: center;
}

#inputTable thead tr th{
    text-align: center;
}


div.inputButtonsRow{
    text-align: center;
    margin:10px 0 0 0;
}

img.indicator{
}

._jsPlumb_connector { z-index:400; }
._jsPlumb_endpoint { z-index:500; }

div.circuitElement{
    opacity:0.7;
    filter:alpha(opacity=70);
    /*z-index:20;*/
    position:absolute;
    display: none;
}
div.circuitElement:hover{
    opacity:1;
    filter:alpha(opacity=100);
}

#modDialog{
    text-align: center;
}

#progressInfo{
    text-align: center;
}

#outputContainer{
    position: relative;;
}

sub { vertical-align:text-bottom; font-size:75%; }
sup { vertical-align:text-top; font-size:75%; }