body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
/*	background-image: url(/images/top_banner_calc.jpg);
	background-repeat: repeat-x;
	background-color: #F4F5E5;*/

	margin: 0px;
	padding: 0px;
}


table
{
   border-collapse: collapse;
}

/*h1
{
   font-weight: bold;
   font-size: large;
}*/

td
{
   text-align: left;
}

.CertNameTextBox
{
   width: 200px;
}

#LoadingImage
{
   background-image: url(images/ajax-loader.gif);
   width: 35px;
   height: 35px;
   display: inline;
}

div#centrecontent
{
  
}

div.DatePanel
{
   border-right: silver 1px solid;
   border-top: silver 1px solid;
   border-left: silver 1px solid;
   border-bottom: silver 1px solid;
   width: 100%;
   margin: 2px 0px 2px 0px;
}

/*div.Section
{
   border-right: silver thin solid;
   border-top: silver thin solid;
   border-left: silver thin solid;
   border-bottom: silver thin solid;
   width: 100%;
   margin: 2px 0px 2px 0px;
}*/

div.Section
{
   border:0px;
   width: 100%;
   margin: 2px 0px 2px 0px;
}

div.Section table
{
   width: 100%;
}

/*TR.SectionHeader {
	BORDER-BOTTOM: #cccc00 thin solid; BACKGROUND-COLOR: #d6d785; HEIGHT: 35px; BORDER-TOP: #cccc00 thin solid; FONT-WEIGHT: bold
}*/
.SectionHeader .Column1, .SectionHeader .Column2 , .SectionHeader .Column3  {
	text-transform: uppercase;
	background-color:#FFFFFF;
	color: #E37222;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin: 0px;
	border-bottom: #cccccc 1px dashed;
	font-size:14px;
}	

.Even
{
   /*background-color: #e9e9bd;*/
}

td
{
   padding: 4px 3px 4px 3px;
}

td.Column1
{
   width: 240px;
}

td.Column2
{
   width: 200px;
}

td.Column3
{
   width: 110px;
   text-align: center;
}

td.Columns1and2
{
   width: 440px;
}

/*TR.SectionTotal {
	BACKGROUND-COLOR: #cccc99; FONT-WEIGHT: bold
}
TR.SectionTotal TD {
	BACKGROUND-COLOR: #cccc99; FONT-WEIGHT: bold
}*/

TR.SectionTotal, TR.SectionTotal TD 
{
	color: #009999;
	text-align: left;
	background-color: #f2f2f2;
	font-weight: normal;
	vertical-align: bottom;
}

tr.SubHeader
{
   font-weight: bold;
   background-color: #cccc99; /*#dcdcdc;*/
}

/* Data entry field */
/*input.ResourceInput
{
   padding-right: 2px;
   padding-left: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   width: 60px;
   border-right: #cccc66 1px solid;
   border-top: #cccc66 1px solid;
   border-left: #cccc66 1px solid;
   border-bottom: #cccc66 1px solid;
}*/

input.ResourceInput
{
   padding-right: 2px;
   padding-left: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   width: 60px;
   border: #cccccc 1px solid;

}


/* the validator *'s */
.Validator
{
   font-weight: bold;
   color: red;
}

.TextPrompt
{
   font-weight: bold;
}


.AddressInputLabel, .ProfileLabel
{
   width: 130px;
}
.AddressInputField, .ProfileInputBox
{
   width: 230px;
}

.CreditCardQuadInput
{
   /*width: 34px;*/
}
.CCMonthDrop
{
   width: 50px;
}


.MonthLabel
{
   float: left;
   width: 90px;
   text-align: center;
}

.DataSheetPanel
{
   border-right: #999933 1px solid;
   border-top: #999933 1px solid;
   border-left: #999933 1px solid;
   border-bottom: #999933 1px solid;
   width: 100%;
}

.CertificateList
{
   border-right: #999933 1px solid;
   border-top: #999933 1px solid;
   border-left: #999933 1px solid;
   border-bottom: #999933 1px solid;
   width: 95%;
}

table.TripTable
{
   width: 600px;
}

td.Country
{
   width: 160px;
}

td.Airport
{
   width: 160px;
}

select.Country
{
   width: 160px;
}

select.Airport
{
   width: 160px;
}

select.City
{
   width: 160px;
}

.DateRange
{
   font-weight: bold;
}

.CarCheckBox
{
   width: 100px;
   clear: none;
   display: block;
   float: left;
   margin-left: 20px;
   margin-top: 5px;
   margin-right: 5px;
}

.MotorbikeCheckBox
{
   margin-left: 5px;
}

.RecyclingChoice
{
   width: 48%;
   clear: none;
   display: block;
   float: left;
}

.FuelChoice
{
   width: 80px;
   clear: none;
   display: block;
   float: left;
}

.EngineChoice
{
   width: 250px;
   clear: both;
   display: block;
   float: left;
}

div.CarData
{
   width: 50%;
   clear: none;
   display: block;
   float: left;
}

table.DataSheetListEntry
{
   border-right: #999900 thin solid;
   border-top: #999900 thin solid;
   border-left: #999900 thin solid;
   border-bottom: #999900 thin solid;
   background-color: white;
}

div.Bar
{
   height: 15px;
   background-color: #618d34;
   clear: none;
   display: block;
   float: left;
}

div.JavascriptNotice
{
   color: #000000;
   background-color: #eee8aa;
   border-right: silver 1px solid;
   border-top: silver 1px solid;
   margin: 5px;
   border-left: silver 1px solid;
   border-bottom: silver 1px solid;
   padding-right: 3px;
   padding-left: 3px;
   padding-bottom: 3px;
   padding-top: 3px;
}

/*** reports ***/
div.ReportSection
{
   width: 630px;
   border-right: #999966 1px solid;
   border-top: #999966 1px solid;
   border-left: #999966 1px solid;
   border-bottom: #999966 1px solid;
}

tr.ReportSectionHeader
{
   background-color: #adbf85;
   font-weight: bold;
}

tr.ReportSectionFooter
{
   background-color: #618d34;
}

tr.ReportSectionFooter td
{
   font-weight: bold;
   color: white;
}

td.ReportCol1to3
{
   width: 530px;
}

td.ReportCol1
{
   width: 160px;
}

td.ReportCol2
{
   width: 100px;
}

td.ReportCol3
{
   width: 270px;
}

td.ReportCol4
{
   width: 100px;
   text-align: center;
}

td.PTReportCol1
{
   width: 100px;
}

td.PTReportCol2
{
   width: 100px;
}

td.PTReportCol3
{
   width: 100px;
}

td.PTReportCol4
{
   width: 230px;
}

td.PTReportCol5
{
   width: 100px;
   text-align: center;
}

td.ReportSummaryCol1
{
   width: 200px;
}

td.ReportSummaryCol2
{
   width: 300px;
}

td.ReportSummaryCol3
{
   width: 130px;
   text-align: center;
}


/* Do not remove - used in code to hide controls */
.hidden
{
   display: none;
}

/***************************************************************
*
*     Toolbar Styles
*
***************************************************************/

#Toolbar
{
   width: 630px;
   height: 30px;
   border-top: #999933 1px solid;
   border-left: #999933 1px solid;
   border-bottom: #999933 1px solid;
}

.ToolbarButton
{
   display: block;
   float: left;
   width: 125px;
   height: 30px;
   border-right: #999933 1px solid;
}

#Toolbar a, #Toolbar a:hover, #Toolbar a:visited, #Toolbar a:active
{
   padding-top: 5px;
   display: block;
   float: left;
   width: 100%;
   height: 25px; /* 30 less 5 for padding */
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   color: black;
   cursor: pointer;
}

#Toolbar a:hover
{
   background-color: #b7dc4d;
}

#Toolbar a.Selected
{
   font-weight: bold;
   color: white;
   background: #99cc00;   
}