/*@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
*/
/* Base Styles */

html, body {margin:0;padding:0;height:100%;}

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family:'Arial';
  font-size: 1em;
  position: relative ;
}

#cssmenu {
  width: 300px; 
}
#cssmenu a {
  line-height: 1.3;
}


#mainmenu > li > ul > li.has-sub:hover > ul > li  {
    display: block !important;      
}

#cssmenu > ul > li {
  background: #1f5fac;
  /*background: -moz-linear-gradient(#1f5fac 0%, #1f5fac 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f5fac), color-stop(100%, #1f5fac));
  background: -webkit-linear-gradient(#1f5fac 0%, #1f5fac 100%);
  background: linear-gradient(#1f5fac 0%, #1f5fac 100%);*/
}

#cssmenu > ul > li:hover {
  /*background: #ffffff;
  background: -moz-linear-gradient(#6D6F72 0%, #6D6F72 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6D6F72), color-stop(100%, #6D6F72));
  background: -webkit-linear-gradient(#6D6F72 0%, #6D6F72 100%);
  background: linear-gradient(#6D6F72 0%, #6D6F72 100%);*/
}

#cssmenu > ul > li > a {
  font-size: 1em;
  display: block; 
  color: #ffffff;
  /*border: 1px solid #073c5f;
  border-top: none;*/ 
  text-shadow: 0 -1px 1px #751d0c;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left:55px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  /*border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;*/
}


#cssmenu ul ul {
  background: #fff;
  /*border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;*/ 
  /*border-top: 1px solid #a2a194;*/
  /*border-bottom: 1px solid #a2a194;*/ 
}
#cssmenu ul ul li  {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  /*border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;*/
  /*border-top: none;*/
  background: #ffffff;
  background: -moz-linear-gradient(#ffffff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
  background: linear-gradient(#ffffff 0%, #ffffff 100%);
}
#cssmenu ul ul li:last-child {
  /*border-bottom: none;*/
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #676767;
  font-size: 1em;
  font-weight: normal;
}

#cssmenu ul ul a:before {
  position: absolute;
  left: 10px;
  color: #1f5fac;
  cursor:auto;
}

#a_documets:before
{
  content: '\00BB';
  position: absolute;
  left: 10px;
  color: #1f5fac;

}
#a_mainballnose:before
{
  content: '\00BB';
  position: absolute;
  left: 10px;
  color: #1f5fac;
}
#generaltechdoc:before
{
  content: '\00BB';
  position: absolute;
  left: 10px;
  color: #1f5fac;
}

#cssmenu ul ul a:hover {
  color: Black;
  background-color:#CCCCCC;
}

 .divCaption
{
 
    width:100%;
    height:50px;

}

.divUnits
{
    background-color:#1f5fac;
    width:100%;
    height:50px;     
    border: 1px solid #073c5f;
}

#divCaption span
{
  padding: 19px 5px;
  display: block;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left:20px;
  margin-bottom:0px; 
  color:#4C4F53 ;
  font-family:Arial ;
  font-size:1.1em;
  font-weight:normal  ;
}

.divCaption  span
{  
  display: block;    
  color:white ;
  font-family:Arial ;
  font-size:1.1em;
  font-weight:normal  ;
  background-color:#1f5fac;
}

.divCalculator
{     
     height:100%;
     background-color:white;     
     margin-top:0px;
     margin-left:10px;
    
}

#divCalcControls table tr td span
{
    font-family:Arial;
    margin-top:2px;
    white-space:nowrap; 
    color:#4C4F53 ;
}


#divCalcControls table tr td input
{
    font-family:Arial;
    margin-top:2px; 
    height:15px; 
    width:100px;
    margin-left :3px;   
    color:#4C4F53 ;
   font-weight:bold ;
}

.td1
{
  
}

.td2
{
   
}



.divPlus1
{
    width:30px;
}

.ButtonSelect
{
    color: White; 
    background-color: #1f5fac;
    border: solid 1px #1f5fac;  
    font-size: 15px; 
    vertical-align: middle;
    height:30px;
    margin-top:10px;
    font-family:Arial ;
    width:100%;
    white-space: nowrap;
    margin-left:5px;
}
.ButtonSelect:hover
{
    color: White; 
    background-color: #FCA838;
    border: solid 1px #FCA838;  
    font-size: 15px; 
    vertical-align: middle;
    height:30px;
    margin-top:10px;
    font-family:Arial ;
    width:100%;
    white-space: nowrap;
    margin-left:5px;
    cursor:pointer;
}

.divDetailsCaption
{
    /*color: White;*/ 
    background-color: #b7b7b7;
    border: solid 1px #b7b7b7;  
    /*font-size: 18px;*/ 
    vertical-align: middle;
    height:20px;
    margin-top:10px; 
    font-family:Arial ;
    width:100%;
    white-space: nowrap;       
}

.spanDetailsCaption
{
    color: White;   
    font-size: 15px; 
    vertical-align: middle;  
   
    font-family:Arial ;    
    white-space: nowrap;       
}