body{
  margin:0;
  padding:header-<length> 0 footer-<length> 0;
  } 

#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:6%;  
  }
  
#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:5%;
  }  

#container{
    position: absolute;
    top: 20%;
    left: 0%;
    z-index: -1;    
    width: 100%;    
 }
 
.LoginFormTitle 
{
	color: #ffffff;
	background-color: #5b7c96;
}	
 
.outer_box{background-color:#F7F7F7;border:1px #E8E7E7 solid;margin-left:0px;padding:4px}
.outer_box_hgh{background-color:#90C62A;border:1px #E8E7E7 solid;margin-left:4px;padding:4px}
.outer_box_title{font-family:Verdana;font-size:12px;color:#2B2B2B;text-align:center;font-weight:700;padding-bottom:3px}
.outer_box_ad{background-color:#F7F7F7;border:1px #E8E7E7 solid;text-align:center;margin:auto;padding:4px}
.inner_box_border{border:1px #E8E7E7 solid}
.inner_box{background-color:#FFF;border:3px #FFF solid;margin:auto}

td.field 
{
    background-color:Teal;
}

td.value 
{
    background-color:#efefef;
}

#floater table
{
    /* set the width and height of the floater */
    width: 1243px;
    height: 182px;
    
    /* set the background image of the floater. */
    /* you can also use background color and borders here */
    background-image: url('');
    background-repeat: no-repeat;
    background-position: right top;
    
    /* set the position to fixed so that it stays in place no matter where you scroll */
    position: fixed;
    
    /* set it all the way to the right and halfway down the page */
    left: 100%;
    top: 50%;
    
    /* bring it back to the left 40px so that you can see the graphic */
    margin-left: -1240px;
    
    /* bring the graphic up half of it's height so that it is pefectly vertically centered */
    margin-top: -71px;
    
    /* set the display to block so that the entire graphic is clickable */
    display: block;
    
    /* set the z-index so high it will always be on top */
    z-index: 99999;
}

input.qbbutton 
{
    border: 1px solid;    
    cursor: pointer;
    height: 30px;
    width: 160px;
    font-size: 16px;
    font-weight: bold;
}

input.px200
{
    width: 200px;
}

input.qbbutton1
{
    border: 1px solid;    
}

input.qbbutton2 
{
    border: 1px solid;    
    display:none;
}



input.qbbuttondis 
{
    border: 1px solid;    
    background-color: #efefef;
    height: 30px;
    width: 120px;
    width: 160px;
    font-size: 16px;
    font-weight: bold;    
    
}

#left-panel {
  width: 120px;
  height: 400px;
  border: 5px solid #efefef;
  background-color: #efefef;
  position: fixed;
  top: 150px;
  left: -115px;  
  padding: 5px;
  -webkit-transition: all 0.5s ease-in-out;
}
 
#left-panel:hover {
  left: -115px;
}
 
#left-panel.show {
  left: -5px;
}

#left-panel.hide {
  left: -115px;
}
 
#left-panel a.controller {
  position: absolute;
  right: 5px;
  top: 5px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  color: black;
  font-weight: bold;
}
 
#left-panel.show a.controller {
  -webkit-transform: rotate(180deg);
}

#frame   { background: #efefef; position:inherit; }
#body { background: #efefef; }
#panel   { background:#efefef; position: absolute; height: 100%; width:160px; float:left;  }
#panel-hide   { visibility:hidden;  }
.panel1   { background:#efefef; position: absolute; height: 100%; width:160px; float:left;  }
.panel1-hide   { visibility:hidden;  }
#panelx { background:gray; position: absolute; height: 100%; width:161px; float:left  }
.panelx1 { background:gray; position: absolute; height: 100%; width:151px; float:left  }
.panelx1-hide { visibility:hidden; }
#content { background:gray; margin-left:160px; }
#content1 { background:gray; margin-left:160px; }
.content1a { background:gray; margin-left:160px; }
.content1a-hide { background:#ffffff; margin-left:0px; }
#contentx { background:#ffffff; margin-left:1px; }
#foot    { background:cornflowerblue }

#tbody { background: #ffffff; width:100%; }
#tline { background: #000000; height: 1px;}
#theader { background:#efefef; position: relative; }

.mtable {
    display: table;    
    font-family:Verdana;
    font-size:12px;
}

    .mrow  {
    display: table-row;
    text-align:center;         
    width:100%;
    }
    
    .mcolon 
    {
        display: table-cell;
        width: 25px;
        font-weight:bold;
        height: 25px;
        padding: .3%;
    }
    
    .mrem 
    {
        display: table-cell;
        width: 25px;
        font-weight:bold;
        height: 25px;
        color:Red;
    }
    
    
    .mcol1 {
        display: table-cell;
        text-align: left;
        background-color:#ffffff;  
        border-style:none;
        border-width:1px;
        width: 20%;        
        font-weight:bold;
        padding: .3%;
    }          
    
    .mcol2 {
        display: table-cell;
        text-align: left;
        background-color:#ffffff;  
        border-style: none;
        border-width:1px;
        width: 80%;
        padding: .3%;        
    }          
    
    .mcol3 {
        display: table-cell;
        text-align: left;
        background-color:#efefef;  
        border-style:none;
        border-width:1px;
        width: 18.5%;        
        font-weight:bold;
        padding: .3%;
    }          
    
    .mcol4 {
        display: table-cell;
        text-align: left;
        background-color:#efefef;  
        border-style: solid;
        border-width:1px;  
        width: 30px;      
        font-weight:bold;
        padding: .3%;
        text-align : center;        
    }          
    
    
.shadow {
  -webkit-box-shadow: 5px 5px 5px #aaa;
  -moz-box-shadow: 5px 5px 5px #aaa;
  box-shadow: 5px 5px 5px #aaa;
  margin-bottom: 10px;
}    
   
    
    fieldset{padding:0 15px 10px 15px;} 
    legend{color:#333333;padding:4px 15px 4px 10px;margin:4px 0 8px -12px;_margin-top:0px; 
    border-top:1px solid #EDEDED;border-left:1px solid #EDEDED;border-right:1px solid #969696; 
    border-bottom:1px solid #969696;background:#E7ECF0;font-weight:bold;font-size:1em;} 
    .content-container{background:#FFF;width:96%;margin-top:8px;padding:10px;position:relative;font-family:Verdana;font-size:12px;font-weight:bold;} 
    
a.pickbutton
{
    padding: 1px 10px;
    background: #4479BA; 
    border:2px solid #000000;
    font-family: Verdana;
    font-weight: bold;
    color: #efefef;    
}

.sbbutton
{    
    background-color: #d8d8d8;
    padding: 2px 2px 2px 2px;
    width: 150px;     
    font-size: 14px;
    border: solid #000000 thin;
    margin-bottom: 5px;    
    left: 1px;    
}

.sbbutton-top
{
    border-top: solid 1px #000000;
}

.sbbutton-bottom
{
    border-bottom: solid 1px #000000;
}

.sbbutton:hover
{
    background-color: #8d8d8d;
    cursor: pointer;
}

.stick {
    position: fixed;
    width:160px;
    top: 90px;
    left: 4px;
}