body {
    font-family:Arial ;
    font-size:11pt;
    margin:0;
}

h1
{
font-family:'Trebuchet MS';
font-size: 24pt;
font-weight: 300;
color: #33577e;
margin-bottom: 20px;
}

h3
{

font-family:'Trebuchet MS';
font-size: 16pt;
font-weight: 300;
color: #33577e;
}


.MainPanels
{
float:left;
width:280px;
height:350px;
background-color:#1e345a;
padding:5px 20px 20px 20px;
margin:5px;
 background-repeat:no-repeat;
}

.MainPanelh3
{
   color:#fff;   
   margin:4px;
   padding:2px 0 2px 0;

}

.oPanels
{
width:1000px;
height:220px;
padding:0; 
background-color:#000;
font-family:'Trebuchet MS';
}


.Footer
{
height:80px; 
background-color:#000;
padding-top:20px;
color:#fff;
text-align:center;

}

.SubTitle
{
font-family:'Trebuchet MS';
font-size: 14pt;
font-weight: 300;
color: #696969;
}

/*Side Menu*/
#Lmenu
{
height:800px;width:250px;padding:10px;background-color:#efefef;background-image:url(../images/MenuLMet12.png); background-repeat:repeat-y; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:2px solid #dcdcdc;

}
#Lmenu ul {
    margin: 0;
    padding: 2px;
    list-style: none;
}
#Lmenu ul.menu {
    padding-right: 6px;
    background: url(images/right.png) no-repeat right 0;
    _background: url(images/right.gif) no-repeat right 0;    
}
#Lmenu li {
     font-size:12pt;
    position: relative;
    margin: 0;
    padding: 2px 0 2px 10px;
    display: block;
    width: auto;
}
#Lmenu A {
  text-decoration:none;
  color:#000000;
}
#Lmenu a:hover {
    color:#ffffff;
}

.bar
{
height:5px;
margin:5px 20px 5px 20px;
 border-bottom:3px solid #fff;
}


/*End Side Menu*/

/*

.content aside {
position: absolute;
z-index: 300;
left: 10px;
top: 100px;
height: 100%;
background: #f7f2ef;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.content aside li.active a {
background-image: url(../images/MenuGrySelect.png);
background-position: right center;
background-repeat: no-repeat;
}

*/

.LIOn {
    background-image:url(../images/bBar.png);
    background-repeat:no-repeat;
    background-position:-50px 0px;
   
    color:#E68A00;
    height:20px;
    
}

.On {
    color:#ffffff;
    font-weight:bold;
    text-align:right;
     padding-top:10px;
     padding-left:5px;
}

li a:hover {
    color:#ffffff;
}

.ContractBox
{
    width:380px;
background-color: rgb(51, 102, 153);
color: rgb(255, 255,255);
padding:10px;
}
.ContractBoxTitle
{
font-weight:bold;
font-style:italic;
padding:10px 10px 20px 10px;
}
.ContractBoxLbl {
float: left; 
width: 80px;
height:20px;
font-size:10pt;
font-weight: bold; 
color: rgb(255, 153, 102);
}
.ContractBoxVal
{
 margin: 0px; 
 padding: 0;  
 font-size: 12px; 
 float: left; 
 width: 265px;
 height:30px;
}

tractBoxContact
{
 margin: 0px; 
 padding: 10px;
 font-size: 14px; 
  color: rgb(0, 0, 0); 
  background-color:#fff;
}

.Required
{
    font-size:10pt;
    color:#990000;
}
.FleetManageTitle
{
font-family:'Trebuchet MS';
font-size: 16pt;
font-weight: 300;
color: #33577e;
margin:5px;
}
.FleetManageSubTitle
{
font-family:'Arial';
font-size: 12pt;
font-weight: normal;
color: #33577e;
margin:0;
}


.Titles{
font-family:'Trebuchet MS';
font-size:24pt;
color:#008000;
margin:10px 0 30px 0;
        }

.Sub7itles{
font-family:'Trebuchet MS';
font-size:14pt;
color:#304f89;
margin:10px 0 20px 0;
        }

#Headerl{
    width: 100%;
    height: 200px;
    left: 0px;
    top: 0px;
}



#navlist li
{
display: inline;
line-height:1.7em;
list-style-type: none;
padding:1px 15px 0 15px;
text-align:center;
border-right:solid 1px #797979;
}
        #navlist A {
            color:#fff;
            text-decoration:none;
             
        }

.circ{
    vertical-align: middle;
    border-radius: 10%;
    transition: box-shadow 0.2s;
 border:none;
}
.circ:hover{
    box-shadow: 0 0 0 2px orange ;
    cursor:pointer;
    padding:10px;
}
.circB:hover{
    vertical-align: middle;
    border-radius: 10%;
    transition: box-shadow 0.2s;
    box-shadow: 0 0 0 2px black ;
    cursor:pointer;
   padding:10px;
}
.circLB:hover{
        vertical-align: middle;
    border-radius: 10%;
    transition: box-shadow 0.2s;
    box-shadow: 0 0 0 2px #769ADC ;
    cursor:pointer;
     padding:10px;
}
.circW:hover{
        vertical-align: middle;
    border-radius: 20%;
    transition: box-shadow 0.2s;
    box-shadow: 0 0 0 2px #fff ;
    cursor:pointer;
}
div#menu {
		
   
		}

.auto-style2 {
    width: 120px;
    height: 109px;
border:none;
   }
.InfoPanelOuter
{
    width:700px;
    margin:20px;
    padding:20px 20px 20px 40px; 
    background-color:#efefef;
}
.InfoPanelInner
{
   padding:10px;
   background-image:url(../images/pnlInfo.png); 
   background-repeat:no-repeat;
    background-position:-5px -5px;
}
.InfoPanelInnerSmall
{
 padding:0 5px 5px 20px;
 margin:2px;
 color:#002000;
}