/* elements */

body {
        font-family: Helvetica, verdana, arial, sans-serif;
        font-size: 12px;  
	color: #666666;  
	background: #ffffff;  
	margin: 10;
	padding: 0;
	text-align: center;
   }

p {
	margin: 0;
      	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
   }

h1, h2, h3, h4 {
	font-family: Times New Roman, Helvetica, verdana, arial, sans-serif;
        font-weight: bold;
        text-align: center;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px
   }

h1 {  
	font-size: 2em;     
   }

h3 {  
	font-size: 14px;     
   }



.hidden {
	display: none;
   }


#page-container { 
	width: 90%;
	margin: auto;
	text-align: center;

   }

#page-container2 { 
	width: 98%;
	margin: auto;
	text-align: center;

   }
             

#header {  
	height: 100px;
      
        /* background: #db6d16  */
               

   }

#header h1 {
	margin: 10;
	padding: 10;
	float: center;
	
	
}
   
#header2 {  
	height: 70px;
         
   }
 

#content {    
	height: auto;
        
   } 

#content .padding {
	padding: 25px;

   } 


#login {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    color: #0066CC;
    BackColor: lightblue;

}

#gvCust {
    Height: 350px;
    background-color: #FFFFCC;
 

}

#grid {    
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    height: auto;
    text-align: left;
     

   }


.gridNum {    
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px
    width: 100%;
    height: auto;
    text-align: right;     

   }  


.divCenter {
    width:600px;
    margin-left:auto;
    margin-right:auto;
    padding-left: 180px;

}

.gridStd {

   font-size: 11px;

}


.gridHeader {
    background-color: lightBlue;
    color: #0066CC; 
    border: 1px solid #999999;
    font-weight: bold;
    cellPadding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 25px;
    font-weight: bold;
    FONT-SIZE: 10pt;
}

.gridFooterAdd {
    Color: #0066CC; 
    background-color: LightSlateGray;

}

.alternateRow {
   
  background-color: #CCFFCC;
}


.numberColStd {
    text-align: right;
    
}

.txtColStd {
    text-align: left;
 
    
}

.txtColNarrow {
    text-align: left;
    width: 40px;
    
}

.txtColInv {
    width: 70px;
    text-align: right;
    padding-left: 20px;
}


.SelectedRowStyle {
    background-color:#90EE90;
}

.numColEditRT {
    width: 50px;
}


.invoiceTbl {

     background-color: lightBlue;
     table-layout: fixed;
     width: 499px;
     border: 1px solid #999999;
     text-align: left; 

}


.invoiceHdr  {

    background-color: #D8D8D8 ;    

}

.invoiceNoteTbl {

     background-color: lightBlue;
     table-layout: fixed;
     width: 320px;
     border: 1px solid #999999;
      

}

.invoiceNoteHdr {
     padding-left: 5px;
     height: 40px;
     width: 320px;
     font-weight: bold;
     background-color: lightBlue;
     border-top: 15px solid #D8D8D8;
}

.invoiceNote {
     padding-left: 5px;
     height: 30px;
     width: 320px;
     font-weight: bold;
     background-color: lightBlue;
}

.invoiceNoteTxt {
     border: 1px solid #999999;
     height: 350px;
     width: 320px;
     border-bottom: 125px solid lightBlue;
}

.invoiceNoteTxt2 {
     border: 1px solid #999999;
     height: 345px;
     width: 320px;
     border-bottom: 20px solid lightBlue;
}

.invoiceBtmBorder {
    border-bottom: 20px solid lightBlue;

}

.invoiceBtmBorder2 {
    border-bottom: 40px solid lightBlue;

}

.invoiceLbl {
     padding-Left: 5px;
     width: 150px;

}

.invoicePad {	
     width: 60px;   
}

.invoiceVal {
     width: 70px;
}

.invoiceVal2 {
     text-align: right;
     width: 70px;
 
}

.invoiceVal3 {
     text-align: right;
     width: 70px;
     background-color: lightBlue;
     color: #666666;
     font-weight: normal;
     font-size: 10pt;
}

.invoiceValTot {
     text-align: right;
     width: 70px;
     border-top: 1px solid #999999      
}

.loadRelPad {
  width: 200px;

}
.loadRelTxt {
  width: 240px;
 text-align: left;
 padding-left: 15px;

}

.loadRelTxt2 {
 text-align: left;
 padding-left: 15px;

}

.loadRelLbl {
 padding-left: 10px;
 width: 100px;
 text-align: right;

}

.QuoteHeader {

    font-weight: bold;
    FONT-SIZE: 10pt;
    color: #0066CC;
    font-family: 'Times New Roman', Tahoma;
    background-color: lightblue;
    border: 1px solid #999999;
    cellSpacing: 0;
    cellPadding: 1;
    height: 24px;
    border: 1;
    margin: 0 auto;

}

.Name {
    width: 160px;

}

.Phone {
    width: 170px;

}

.Note {
    width: 200px;

}


.TotalPrice {
    width: 90px;

}

.Terminal {

    width: 180px;
}

.Miles {

    width: 50px;
}
	
.Carrier {
    width: 90px;
}			

.Freight {
    width: 80px;
}

.Supplier {

     width: 180px;
}

.Propane {

     width: 90px;

}

.FedTax {

    width: 80px;
}

.StateTax {

     width: 80px;
}

.modalBackground {
	background-color: #E0E0EB;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-left:10px;
	width:300px;
	height:140px;
} 



/* left and right column setup */

#wrapper {
    overflow: hidden; /* clear the float */
}
#leftContent {
    width: 500px;
    float: left;
    padding-right: 0px;
}
#rightContent {
    overflow: hidden;
  
}

 
#ftr {  
        color: #666666;  
        border: 1px solid #BBBBBB;
        padding:5px;  
        line-height: 18px;
	height: 30px;
        width: 80%;
	clear: both;
        font-size: 0.95em;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
        
   }

.logoRec {
        position: absolute;
	width: 95px;
        height: 45px;
        border: 0;
        left: 100px;
        top: 17px;

}


.submit {
        width: 90px;
        height: 25px;
        color: #0066CC;
        BorderStyle: ridge;
        BackColor: lightblue;
        font-family: Times New Roman;
        font-weight: bold;

}

.danger {
	
	color: red;

}


.dangerh1 {

         color: red;
         font-size: 24px;
         font-Weight: bold; 
         padding-top: 5;      

}
.dangertbl {
         width: 600px;
         text-align: center;
         vertical-align: middle;
          margin-left:auto;
          margin-right:auto;
          padding-left: 120px;        

}


/*  new menu class elements */

.menu {
    background-color: lightblue;
    color:    #0066CC;
    border: 1px solid #BBBBBB;
/*    width: 500px;  */
    height: 45px;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding-left: 150px;



}
.menu ul li a:link, div ul li a:visited {
    background-color: lightblue;
    color:  #0066CC;
    text-align: center;
    text-decoration: none;
    display: table-cell;   
    vertical-align: middle;
    width: 200px;
    height: 45px;
    font-size: 14px;
 
}
.menu ul li a:hover {
    background-color:  #ccc;          /*#ccc; */
}
.menu ul li ul li a:link, li ul li a:visited {
    display: table-cell;
    vertical-align: middle;
    background-color: #f1f1f1;   
    color:  #0066CC;
    text-align: center;
    text-decoration: none;
    padding: 4px;
    border-bottom: 1px solid #fff;
    width: 200px;
    height: 45px;
    font-size: 14px;
}
.menu ul li ul li a:hover {
    background-color: #ccc;
}
.menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.menu ul li {
    float: left;
    margin-left: 5px;
}
.menu ul li ul li {
    float: none;
    margin-left: 0px;
}
.menu ul li ul {
    display: none;
} 
.menu li:hover ul {
    display: block;
    position: absolute; 
}