h1, h2, h3 { font-family: Verdana, sans-serif }
.shell{
	z-index: 3;
}
	
.shell h2 {
    font-size: 1.5em ;
}

.shell h3 {
    font-size: 1.3em ;
}


#FuelFormHeader {
   display: block;
   width: 300px;
   padding: 0px 10px 0px 10px;
   background-color: #003466;
   color: #FFFFFF;
   margin-left: 230px;
   margin-top: 20px;
   text-align: center; 	
}


.shell p {
  font-size: 1.0em ;
}

.shell p#warning{
  padding-left: 20px;
}

.shell p#actualfuel{
  padding-left: 20px;
  font-size: 1.2em ;
  text-align: center; 	
  font-style: italic;
  font-weight: bold;
}



.shell input.txt{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px; 
}

.shell  input.txt#lgbox{
  width: 300px;
}
.shell  input.txt#SellerID{
  width: 100px;
}
.shell  input.txt#BuyerID{
  width: 100px;
}
.shell  input.txt#SellerName{
  width: 200px;
   text-align: center;
}
.shell  input.txt#BuyerName{
  width: 200px;
  text-align: center;
}

.shell #cal input.txt{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 174px; 
}

.shell #cal input.smltxt{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 120px; 
}


.shell #outside input.txt{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 300px; 
}

.shell #outside input.rin{
  color: #000000;
}

.shell form p#outside{
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 1px;
  height: 12px
  
}


.shell input.btn{
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
  width: 150px; 
}

.shell input#ProductionDate{
  width: 177px;
}

.shell select.txt{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px; 
}

.shell textarea.txt{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
}

.shell form p{
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

.shell p#notice{
  color: #990000;
  background-color: #F2D3DA;
  border: 2px inset #990000;
  margin-left: 55px;
  padding: 4px;

}

.shell input.txtbox{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 150px; 
}

.shell select.txtbox{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 250px; 
}

.shell select.lgbox{
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 300px; 
}


.shell form p label{
  float: left;
  width: 30%;
  font: bold 1.0em Verdana, san-serif;
 }


.shell fieldset{
  border: 1px dotted #61B5CF;
  margin-top: 16px;
  padding: 10px;
  margin-left: 20px;
}

.shell legend{
  font: bold 1.2em Verdana, san-serif;
  color: #00008B;
}

.shell #FormHeader{
   display: block;
   width: 300px;
   padding: 0px 10px 0px 10px;
   background-color: #003466;
   color: #FFFFFF;
   margin-left: 230px;
   margin-top: 20px;
   text-align: center;
}

.shell #ContactUs{
   display:inline;
   padding: 0px 10px 0px 10px;
   background-color: #003466;
   color: #FFFFFF;
   margin-left: 280px;
}

.shell #Inv{
   position: absolute;
   left: 100px;	
   display:inline;
   margin-bottom: 50px;
   padding: 0px 10px 5px 10px;
   background-color: #003466;
   color: #FFFFFF;
  
}

#ratio{
  position:relative;
  left: 173px;
  width: 375px;
  background-color: #C6CBCD;  
  text-align: center;
  font-family: Arial, Verdana, san-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 20px;
}


#select_date{
  position:relative;
  left: 110px;
  width: 494px;
  background-color: #D6DDE6;  
}

#newdate{
  position:relative;
  left: 60px;
}

.SessionInfo {
  clear: both;
  position: absolute;
  top: 10px;
  right: 10px;  
  margin: 0px 0px 0px 0px;
}

.SessionInfo p{
   padding: 0px 0px 0px 0px;
   background-color: #003466;
   color: #FFFFFF;
   border-collapse: collapse;
   font: bold 0.8em Verdana, san-serif;
}

.signupframe {
  border: 1px solid #000000;
  background: #ffffff;
  color: #226699;
  font-family: Arial, Helvetica, sans-serif;
  width: 175px;
  height: 110px;
}


#signup {
  background: #003300;
  color: #FFFF00;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  width: 210px;
  height: 165px;
}

#rins {
  background: #FFFF00;
  color: #000000;
  text-align: center;
  font: bold italic 1.4em Arial, san-serif;
  margin-bottom: 10px;
  padding: 7px 0px 7px 0px;
  
}

#rpttitle {
  margin-top: 30px;
}








/*********Table Styles***********/


p,td,th {
  font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.datatable{
  clear: both;
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
}

.datatable td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
}

.datatable th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

.datatable caption{
  font: bold 0.9em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.invtable{
  position: relative;
  top: 50px;
  left: 35px;
  clear: both;
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
  margin-bottom: 30px;
  font:  0.9em Verdana, Arial, sans-serif;
  
}

.invtable td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
}

.invtable th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

.invtable caption{
  font: bold 0.9em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}


.inv1table{
  position: relative;
  top: 50px;
  left: 0px;
  clear: both;
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
  margin-bottom: 30px;
  
}

.inv1table td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
  white-space: nowrap;
}

.inv1table th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

.inv1table caption{
  font: bold 0.9em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.inv2table{
  position: relative;
  top: 50px;
  left: 100px;
  clear: both;
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
  margin-bottom: 30px;
  
}

.inv2table td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
}

.inv2table th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

.inv2table caption{
  font: bold 0.9em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.errtable{
  position: relative;
  top: 30px;
  left: 125px;
  clear: both;
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
}

.acttable{
  position: relative;
  top: 50px;
  left: 70px;
  clear: both;
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
}

.acttable td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
}

.acttable th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

.acttable caption{
  font: bold 0.9em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}



.shell table a{
  display:block;
  text-decoration: none;
}


.webinar th{
  font: bold 3.0em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.webinar{
  border: 2px solid;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.webinar td{
  font: 1.5em "Times New Roman", Times, serif;
  border: hidden;
  padding: 4px;
  
}


.Export th{
  font: bold 1.2em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.Export{
  border: 2px solid;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.Export td{
  border: 2px solid;
  text-align: right;
  padding: 4px;
}

.Contract th{
  font: bold 1.3em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.Contract{
  position: relative;
  left: 70px;
  top: 20px;
  border: 2px solid;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.Contract td{
  border: 2px solid;
  text-align: right;
  padding: 4px;
}

  


tr.under td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
  background-color: #99FF99;
}
tr.in td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
  background-color: #FFFF99;
}
tr.over td{
  border: 1px solid #D6DDE6;
  text-align: right;
  padding: 4px;
  background-color: #00FFFF;
}

.print{
  border: none;
  border-collapse: collapse;
  position: relative;
  left: 200px;
  top: 40px;
}

.print.printtable{
  clear: both;
  border: 6px groove #D6DDE6;
  border-collapse: collapse;
}

.print.printtable td{
  border: none;
  text-align: center;
  padding: 4px 0px 5px 0px;
}

.print #head{
   display:inline;
   padding: 0px 0px 5px 0px;
   background-color: #003466;
   color: #FFFFFF;
}




#ActiveListings{
  position: relative;
  left: 5px;
} 

.datatable td#typeheader{
  font: bold 0.9em "Times New Roman", Times, serif;
}

.headertable{
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 30px;
}

.headertable td{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D6DDE6;
  text-align: right;
  width: 150px;
  padding: 4px;
}

.headertable td.rptbtn{
  color: #00008B;
  background-color: #D6DDE6;
  border: 1px outset #00008B;
  width: 150px; 
}



.footertable{
    display: inline;
    margin-top: 20px;
	margin-left: 150px;
}

.optionstbl {
  	border-collapse: collapse;
}

.optionstbl td{
    padding-top: 8px;
    padding-bottom: 4px;
    width: 300px;
}

.optionstbl td.frmlabel{
    padding-top: 20px;
    font: bold 1.0em  "Verdana", sans-serif;

}

.optionstbl td.nopad{
    padding-top: 0px;
    padding-bottom: 0px;
}


#acctstmt{
	margin-left: 25px;
  
}


.audittable{
	margin-left: 30px;
	margin-bottom: 20px;
	border-collapse: collapse;
	border: 2px solid #D6DDE6;
}

.audittable td{
  border: 2px solid #D6DDE6;
  text-align: center;
  padding: 4px;
  width: 157px; 
}

.audittable td.rptbtn{
  color: #00008B;
  background-color: #D6DDE6;
  border: 1px outset #00008B;
}


.audittable caption{
  padding-top: 5px;
  color: black;
  font: bold 1.5em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
}

.accttable{
  margin-left: 260px;
  border-collapse: collapse;
}

.accttable td{
  text-align: center;
}

.immtable{
	margin-left: 100px;
	margin-bottom: 20px;
	border-collapse: collapse;
	border: 2px solid #D6DDE6;
}

.immtable td{
  border: 2px solid #D6DDE6;
  text-align: center;
  padding: 4px;
  width: 157px; 
}

.immtable td.rptbtn{
  color: #00008B;
  background-color: #D6DDE6;
  border: 1px outset #00008B;
}


.immtable caption{
  margin-left: 100px;
  padding-top: 5px;
  color: black;
  font: bold 1.5em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
}

.rpttable {
  clear: both;
  border: 1px hidden;
  border-collapse: collapse;
  margin-bottom: 40px;
}

.rpttable td{
  border: 1px hidden;
  text-align: right;
  padding: 4px;
}

.rpttable td#header{
   font: bold 1.8em "Times New Roman", Times, serif;
   text-align: center;
   padding: 4px;
}


.rvo {
  clear: both; 
  border: 2px solid;
  border-collapse: collapse; 
}

.rvo input.btn{
 margin-top: 10px;
 margin-bottom: 5px;
}

.rvo th#instr{
  padding: 5px;
}

.headr{
 padding-top: 5px;
 padding-bottom: 10px;
 font: bold 1.0em "Times New Roman", Times, serif;
 
}

.rvo caption{
  font: bold 1.3em "Times New Roman", Times, serif;
  background-color: #B0C4DE;
  color: #33517A;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #789AC6;
}

.hidetext{
  color: white;
}


.month{
  width:55px;
}

.rvodata{
  background-color: #B0C4DE;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 5px;
  
}

.rvodata input.txt {
  width: 145px;
}

.correction{
   border-collapse: collapse;
   border: 2px solid blue;
   margin-left: 60px;
}

.correction td{
  width: 30%;
  padding: 4px;
  border: 1px solid blue;
}

.captionInfo{
  position: relative;
  left: 70px;
  width: 85%;
  margin-bottom: 7px;
}

.captionInfo td{
  text-align: center;
}

.captionInfo td#reselect{
  text-align: right;
}

.captionInfo td#reselect input.btn{
    background-color: #99FFCC;
}

.captionInfo td#full input.btn{
    background-color: #99FFCC;
}
.captionInfo td#full{
  text-align: left;
}

.links{
  width: 100%;
}

.links td#full input.btn{
    background-color: #99FFCC;
}

.links td#full{
  text-align: right;
}

.shell p#full input.btn{
   background-color: #99FFCC;
}

.links td#video{
   background-color: #99FFCC;
   border: 1px solid black;
   width: 150px;
   text-align: center;

}

.shell p#full{
   text-align: right;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

.captionInfo td#video{
 border: 1px solid black;
 background-color: #99FFCC;
}


.bulk{
  position: relative;
  left: 70px;
  padding-top: 0px;
  width: 85%;
  border-collapse: collapse;
  border: 2px solid blue;
}
.bulk caption{
  padding-bottom: 20px;
  
}

.bulk td{
  padding: 8px;
  border: 1px solid blue;
}

.bulk td a{
  text-decoration: none;
}

.bulk td#selection{
  color: red;
  text-align:center;
}

.noborder{
  position: relative;
  left: 70px;
  border: hidden;
  border-collapse: separate;
  margin-top: 20px;
  width: 90%;
}

.noborder td{
  border:hidden;
  padding-top: 5px;
}

.fullinv{
  position: relative;
  left: 50px;
  width: 650px;
  clear: both;
  border: 2px solid #D6DDE6;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.fullinv td{
  border: 2px solid #D6DDE6;
  text-align: left;
  padding: 4px;
}

.fullinv td#vert{
  background-color: #D6DDE6;
}

.fullinv td#toprow{
  color:#000000;
  font-size: large; 
  background-color: #B0C4DE;
  text-align: center;
  font-weight: bold;
  padding: 4px;
}

.fullinv th{
  border: 1px solid #D6DDE6;
  background-color: #D6DDE6;
  text-align: center;
  font-weight: 600;
  padding: 4px;
}

#explain{
  position: relative;
  left: 50px;
  width: 650px;
  font-size: 1.2em;
  background-color: #D6DDE6;
  margin-bottom: 20px;
  padding-top: 5px;
}

#explain li{
  padding-bottom: 5px;
  
}


#waitclass {
	position: absolute;
	left: 350px;
	top: 275px;
	width: 650px;
	font-size: 1.8em;
	display: none;
	z-index:1;
}

#rpt_btn_tbl {
  position: relative;
  left: 70px;
}



/* set the image to use and establish the lower-right position */
 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
   background: transparent url(images/demobox1.png) no-repeat bottom right;
 } 

 .cssbox {
   width: 650px !important; /* intended total box width - padding-right(next) */
   width: 635px; /* IE Win = width - padding */
   padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
   margin: 20px auto; /* use to position the box */ 
 }

/* set the top-right image */
 .cssbox_head { 
   background-position: top right; 
   margin-right: -15px; /* pull the right image over on top of border */ 
   padding-right: 40px; /* right-image-gap + right-inside padding */
   color: #FFFFFF;
 }

 /* set the top-left image */ 
 .cssbox_head h2 { 
   background-position: top left; 
   margin: 0; /* reset main site styles*/
   border: 0; /* ditto */ 
   padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
   height: auto !important; 
   height: 1%; /* IE Holly Hack */ 
   color: #FFFFFF;
 }

  /* set the lower-left corner image */
 .cssbox_body { 
   background-position: bottom left; 
   margin-right: 25px; /* interior-padding right */
   padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
 }

/* set the lower-left corner image */ 
.cssbox_body { 
  background-position: bottom left; 
  margin-right: 25px; /* interior-padding right */ 
  padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
}

/* Table for Process Status Reports */
.pr_status{
  position: relative;
  left: 10px;
  padding-top: 0px;
  width: 85%;
  border-collapse: collapse;
  border: 2px solid blue;
}

.pr_status caption{
  padding-bottom: 20px;
  
}

.pr_status td{
  padding: 8px;
  border: 1px solid blue;
}

.pr_status td a{
  text-decoration: none;
}

.pr_status td#selection{
  color: red;
  text-align:center;
}

#errorsclass {
	position: absolute;
	left: -80px;
	top: 500px;
	width: 950px;
	display: none;
/*	color: #FFFFFF; */
	color: #000000;
	font-size: 1.2em;	
	z-index:1;
}