/*******************************************************************************************
	REDEFINED HTML TAGS
*******************************************************************************************/

		A
		{
			font-weight:bold;
			text-decoration: none;
		}
		A:hover
		{
			COLOR: #99cc33;
			TEXT-DECORATION: none;
		}

		body 
		{
			margin: 0px 0px 25px 0px;
			font: normal normal normal 11px arial, helvetica, sans-serif
		}


		h1,h2,h3,h4
		{
			font-family: Arial, Helvetica, sans-serif; 
			font-weight: bold; 
			margin-top: 10px; 
			margin-right: 15px;
		}

		h1 
		{ 

			font-size: 20px; 
			color: #003399; 
			margin-left: 10px ;
			border-bottom: double 4px #999999;			
		}

		h2 { font-size: 16px; color: #2C3F32; margin-left: 25px }
		h3 { font-size: 14px; color: #2C3F32; margin-left: 30px}
		h4 { font-size: 13px; color: #2C3F32; margin-left: 35px }

		HR
		{
			margin-top: 0px;
			margin-bottom: 0px;
			width: 90%;
			color: #999999;
			height: 1px;
		}

		LI
		{
			font-weight: bold;
			list-style-position: outside;
			font-size: 11px;
			margin-left: 50px;
			line-height: 16px;
			margin-right: 10px;
			font-family: Arial, Helvetica, sans-serif;
			color: #666666;
			list-style-type: square;
		}

		P
		{
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			FONT-SIZE: 12px;
			LINE-HEIGHT: 15px;
			MARGIN-LEFT: 25px;
			MARGIN-RIGHT: 10px
		}
		

		UL
		{
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			FONT-SIZE: 11px;
			LINE-HEIGHT: 12px;
			margin-left: 20px 
		}
		
		FIELDSET
		{
			padding: 0px 10px 10px 0px;
			margin: 10px 10px 50px 35px;
			width:700px;
			border: solid 1px #E4D000;
		}

		LEGEND
		{
			font: normal normal bold 16px arial, helvetica, sans-serif;
			color: #660000; 
			margin: 20px 10px 5px 5px;
		}


/*******************************************************************************************
*******************************************************************************************
	CUSTOM CLASSES
*******************************************************************************************
*******************************************************************************************/

			@media print
			{
				.screenOnly {display:none}
				.minorCol {display:none}
			}
			
/*******************************************************************************************
		MARKETING styles
*******************************************************************************************/

		.lnav
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px; 
			color: #ffffff;
		}


		.lnav_head
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			line-height: 20px; 
			color: #ffffff;
			MARGIN-LEFT: 5px;
		}

/*******************************************************************************************
		DATAGRID AND TABLE styles
*******************************************************************************************/

			.grey_container
			{
				width: 100%;
				background-color: #cccccc;
				padding: 5px 20px 50px 20px;
				
			}
			
			.grey_container2
			{
				width: 100%;
				background-color: #cccccc;
				padding: 5px 5px 50px 5px;
				
			}
			
			.main 
			{
				border: solid 1px #999999;
				background-color: #ffffff;
				width: 100%;
				padding: 10px 10px 35px 20px
			}
		
			
			.minorCol
			{
				width: 225px;
				background-image: url(../graphics/greenbar_tile.gif);
				background-repeat: repeat-y;
				background-color: #ffffff;
				padding: 0px 0px 0px 0px;
			}
			
			.dgHeader
			{	
				background-image: url(../graphics/greybar_hd.gif);
				background-color: #cccccc
			}
			
			
			.rowHead 
			{ 
				font-family: Arial, Helvetica, sans-serif; 
				font-size: 13px; 
				font-weight: bold;
				background-color: #cccc99;
				color: #2c3f32; 
				margin: 0px 15px 0px 25px;
				padding-left: 25px
			}


			table .support
			{
				padding-right: 10px;
				padding-left: 10px;
				font-size: 11px;
				margin: 10px 25px;
				padding-top: 0px;
				font-family: Arial;
				border: solid 1px #2c3f32;
				width: 500px
			}
			
			table .menu
			{
				width: 95%;
				border: solid 1px #000000;
				background-color:#ffffff;
			}

			.menu td
			{
				padding: 2px 2px 2px 5px;
				border: solid 1px #999999;
				font: normal normal normal 11px arial;
			}
			
			.menuHead
			{
				background-color: #999999;
				font: normal normal bold 20px arial;
				text-align: center;
				color: White;
			}
			
			
			
	/*******************************************************************************************
		TSB styles
	*******************************************************************************************/
	
			.filterTable
			{
				background-color:ivory;
				margin: 0px 0px 20px 25px;
				padding: 2px 10px 2px 0px;
				width: 530px;
				border:solid silver 1px;	
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;
				color: Black;
			}
			

			.filterTableHead
			{
				background-color: #50725B;
				padding: 3px 5px 3px 5px;
				width:100%;
				color: White;
				font: normal normal bold 10px verdana,arial,sans-serif
			}

			.filterTableText
			{
				font: normal normal bold 11px/13px arial,sans-serif;
				color: Black;
				padding: 3px 10px 3px 10px;
			}
			
			.dgTSBHeader
			{	
				background-image: url(../graphics/bluebar_hd.gif);
				background-color: #cccccc
			}
			
			a .headerStyle
			{
				font: normal normal bold 11px/14px arial;
				text-decoration: underline;
				color: Red
			}
			
			
	/*******************************************************************************************
		ESTIMATING styles
	*******************************************************************************************/
			.MLeft
			{
				margin-left: 5px;				
				width: 100%;
				vertical-align: top;	
			}
			
			.main_estimate
			{
				margin: 0px 0px 0px 0px;
				border: solid 1px #999999;
				background-color: #ffffff;
				width: 100%
			}
			
			
			.estMajorCol
			{
				width: 75%;
			}
			
			.estMinorCol
			{
				width: 25%;
				text-align: center
			}
			
			.estMinorTable
			{
				width: 225px;
				background-color:ivory;
				margin: 0px 0px 20px 0px;
				padding: 2px 10px 2px 0px;
				border:solid silver 1px;	
				color: Black;
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;
			}
			
			.tableCustomerInfo
			{
				width: 100%;
				background-color: ivory;
				margin: 10px 10px 10px 0px;
				border:solid #999999 1px;	
				color: Black;
				font: normal normal normal 11px/13px Arial, Helvetica, sans-serif;
			}
			
			.InnerTable
			{
				background-color:ivory;
				margin: 0px 0px 4px 0px;				
				width: 100%;
				border:solid silver 1px;	
				color: Black;				
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;
			}
			
			.InnerTable6
			{
				background-color:ivory;
				margin: 0px 0px 4px 0px;				
				width: 100%;
				border:solid silver 1px;	
				color: Black;				
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;
			}
			
			.InnerTableHead
			{
				background-color: #50725B;
				padding: 3px 5px 3px 5px;
				width:100%;
				color: White;
				font: normal normal bold 10px verdana,arial,sans-serif
			}

			.InnerTableText
			{
				font: normal normal bold 11px/13px arial,sans-serif;
				color: Black;
				padding: 3px 10px 3px 10px;			
			}
			

			#pnlEstimateNotes, #pnlDiscountRate, #pnlCustomOperation, #pnlLaborTree, #pnlSpecialItem
			{
				margin-top:10;	
				padding:3;
				border-color:#E4D000;
				border-top:1px dotted #660000;	
				background-color: #FBEF77;
			}

			#tblCustomOp,#tblSpecialItem TD
			{
				font-size:10px;
			}

			.smaller
			{
				font-size:10px;
				font-family: Arial, Helvetica, sans-serif; 
				margin: 3px 3px 3px 3px
			}
			
			.smaller_para
			{
				font-size:10px;				
				color:Black;
				font-family: Arial, Helvetica, sans-serif; 				
				margin: 3 3 3 3;								
			}
			

			.medium
			{
				font-size:11px;
				font-weight:bold;
				margin-left:0;
				text-decoration: underline;	
			}

			.medium_noU
			{
				font-size:11px;
				font-weight:bold;
				margin-left:0;
				text-decoration: none;	
			}
			
			 .heading
			{
				margin: 0px 5px 5px 5px
			}

			

	/*******************************************************************************************
		MY ACCOUNT styles
	*******************************************************************************************/
			.accountInfoText
			{
				font: normal 11px Arial, Helvetica, sans-serif;
			}
			

			.myAccount
			{

				padding: 0px 10px 0px 10px;
				margin: 0px 00px 10px 10px;
				border: solid 1px #000000;
				width: 500px;
				background-color:ivory;
				font: normal normal normal 12px arial, helvetica, sans-serif;
			}

			table .myAccountSmall
			{
				padding: 0px 10px 0px 10px;
				margin: 0px 0px 0px 10px;
				font-size: 11px;
				font-family: Arial;
				border: solid 1px #000000;
				width: 200px;
				background-color:#C5D7FA
			}

			table .myAccountUpdate
			{
				padding-right: 10px;
				padding-left: 10px;
				font-size: 11px;
				margin: 10px 25px;
				padding-top: 0px;
				font-family: Arial;
				border: solid 1px #000000;
				width: 600px;
				background-color:ivory
			}

			.myAccountHdr
			{	
				background-image: url(../graphics/bluebar_hd.gif);
				background-repeat:repeat-x;
				font: normal normal bold 13px Arial, Helvetica, sans-serif;
				color: #ffffff
			}
			
			
	/*******************************************************************************************
		USER CONTROL styles
	*******************************************************************************************/

			.bannerSmallLinks
			{
				font: normal normal 11px Arial, Helvetica, sans-serif ;
				color: #ffffff;
				margin: 3px 15px 3px 15px;
				text-decoration: none
			}
			
			.bannerPrintLink
			{
				font: normal normal 11px Arial, Helvetica, sans-serif ;
				color: #ffffff;
				margin: 3px 1px 3px 0px;
				text-decoration: none
			}
			
			.bannerPrintLink:hover
			{
			COLOR: #99cc33;
			TEXT-DECORATION: none;
			}
			
			.footer
			{
			font-family: verdana,Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #999999;
			text-align: center;
			margin-top: 15px
			}

			.loginBoxes
			{
				font: normal bold 10px Arial, Helvetica, sans-serif;
				width: 130px; 
			}

			.loginTxtSm
			{
				font: normal bold 11px Arial, Helvetica, sans-serif;
				color: #ffffff;
				margin: 0px 5px 0px 10px;
				text-align: left
			}
			
			.loginTxtSmNm
			{
				font: normal bold 11px Arial, Helvetica, sans-serif;
				color: #ffffff;				
			}
			
			.selectHead
			{
				font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
				color: #ffffff;
				text-align: left;
			}

			.selectList
			{
				margin-top: 5px;
				font-size: 10px;
				margin-bottom: 5px;
				font-family: Arial;
				border: solid 1px #2c3f32;
			}

			table .currentVehicle
			{
				padding-right: 10px;
				padding-left: 10px;
				font-size: 11px;
				background-image: none;
				padding-bottom: 0px;
				margin: 10px 25px 10px 25px;
				padding-top: 0px;
				font-family: Arial;
				border: solid 1px #2c3f32;
				background-color: #ffffff;
				color:black;
			}
			
			.currentVehicleTable
			{
				padding: 0px 10px 0px 30px;
				margin: 0px 0px 0px 0px;
				font: normal normal normal 12px verdana;
				border-left: solid 1px #2c3f32;
				color:black;
			}
			
			.bannerBottomRow
			{
				padding: 3px 0px 3px 0px;
				margin: 10px 25px 10px 25px;
				background-color: #ffffcc;
				border-top: solid 1px #2c3f32;
				border-bottom: solid 2px #2c3f32;
				text-align: left
			}
			
			.bannerTaglineRow
			{
				background-color: #cccccc;
				border-top: solid 1px #2c3f32;
				text-align:right
			}
			
			
			table .select
			{
				padding-right: 10px;
				padding-left: 10px;
				font-size: 11px;
				background-image: none;
				padding-bottom: 0px;
				margin: 0px 10px 10px 10px;
				padding-top: 0px;
				font-family: Arial;
				border: solid 1px #2c3f32;
				background-color: #50725B;
				width: 205px;				
			}


			.vehicleSelectHd
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				margin: 5px 0px 5px 0px;
			}
			

			.vehicleSelectSubhead
			{
				font: normal bold 9px Verdana, Arial, Helvetica, sans-serif;
				color: #ffffff;
				text-align: left;
				margin: 3px 0px 0px 0px;				
			}
			
			.vehicleHistoryText
			{
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				font: italic normal normal 10px verdana;
				text-align: left;
			}
			
			
	/*******************************************************************************************
		BUTTON styles
	*******************************************************************************************/

			.button
			{
				font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:#E4D000;
				border: solid 2px #2c3f32;
				margin-bottom: 10px;
				cursor: default;
			}
			
			.ButtonDisabled
			{
				font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:lightyellow;
				border: solid 2px orange;
				margin-bottom: 10px;
				cursor: wait;
			}			

			.buttonGreen
			{
				font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:#A0E3B5;
				border: solid 2px #2c3f32;
				margin: 0px 10px 0px 10px;
				padding: 0px 5px 0px 5px;
			}
			
			.buttonGray
			{
				font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
				background-color: #cccccc;
				border: solid 1px #000000;
				margin: 0px 10px 0px 10px;
				padding: 0px 5px 0px 5px;
			}
			
			.buttonGreenNoMargin
			{
				font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:silver;
				border: solid 1px #2c3f32;
				padding: 0px 5px 0px 5px;
			}
			
			.buttonGreenNoMargin2
			{
				font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:silver;
				border: solid 1px #2c3f32;
				padding: 2px 0px 2px 0px;
				margin-top:6;
			}
			
			.buttonGreenSmallFont
			{
				font: normal normal 9px Verdana, Arial, Helvetica, sans-serif;
				background-color:#A0E3B5;
				border: solid 2px #2c3f32;				
			}
			
			.UploadButton
			{
				font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:#A0E3B5;
				width: 100%;				
			}
			
			.UploadButton2
			{
				font: normal normal 9px Verdana, Arial, Helvetica, sans-serif;
				background-color:#E4D000;
				border: solid 1px #2c3f32;				
				cursor: default;	
				width: 100%;			
			}

			.buttonLogout
			{
				font: normal bold 9px Verdana, Arial, Helvetica, sans-serif;
				background-color: #ffcc66;
				border: solid 1px #2c3f32;
				width: 75px;
				margin-top: 10px;
				margin-bottom: 0px
			}

	/*******************************************************************************************
		COLORS
	*******************************************************************************************/

			.chiltonGold
			{
				background-color: #E4D000;
			}

			.chiltonGreen
			{
				background-color: #2C3F32;
			}
			
			.chiltonMedGreen
			{
				background-color: #50725B
			}
			
			.chiltonLtGreen
			{
				background-color: #A0E3B5;
			}
			
			.chiltonDkBlue
			{
				background-color: #003399;
			}
			
			.chiltonLtBlue
			{
				background-color: #C5D7FA;
			}
			
			.chiltonDkRed
			{
				background-color: #660000;
			}


	/*******************************************************************************************
		ERROR styles
	*******************************************************************************************/

			.valErrorText
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: orange;
				background-color: #ffffcc;
				margin: 0px 15px 0px 0px
			}
			
			.ValSummaryText
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: red;
				background-color: #ffffcc;
				margin: 0px 15px 0px 35px
			}



			.ErrorTable
			{
				border: solid 2px #2c3f32;
				text-align: center;
				width: 450px;
				margin: 50px 25px 50px 25px
			}

			.smallerVal { FONT-SIZE: 10px; COLOR: maroon; FONT-FAMILY: arial, verdana, helvetica }

	/*******************************************************************************************
		SELECT PAGE styles
	*******************************************************************************************/
		.selectLinks
		{
			font-family:arial, helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			color:#666666;
			text-align:center;
		}
		
		#searchResults
		{
			width: 500px;
			background-color: Ivory;
			padding: 10px 0px 10px 25px;
			border: #999999 2px solid; 	
			background-image: url(../graphics/mechanics_hands_bg.gif);
			background-repeat:no-repeat				
		}
		
		#searchResults A 
		{
			font-weight: bold; 
			font-size: 12px; 			
			color:	#003399; 
			font-family:Arial;
			margin-left: 10px;			
		}
		.Information
		{
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			color: steelblue;	
			font-style:italic;
		}
		
		.E_TableCell
		{
			font-size: 12px;
			width: 185px	
		}
		
		.E_TableCell2
		{
			font-size: 12px;			
		}
		
		.buttonGreen2
			{
				font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
				background-color:#A0E3B5;
				border: solid 2px #2c3f32;				
			}
			
			.buttonGreen3
			{
				font: normal bold 9px Verdana, Arial, Helvetica, sans-serif;
				background-color:#A0E3B5;
				border: solid 2px #2c3f32;				
				text-align: left;
				width: 60;
				padding-left:5;
			}
			
			.selectList2
			{
				font-size: 10px;
				font-family: Arial;
				border: solid 1px #2c3f32;
			}
			
			.smaller2
			{
				font-size:10px;
				font-family: Arial, Helvetica, sans-serif; 				
			}
			
			.smaller2_para
			{
				font-size:10px;
				font-family: Arial, Helvetica, sans-serif; 				
				font-style: italic;
			}
			
			.smaller2Val
			{
				font-size:10px;
				font-family: Arial, Helvetica, sans-serif; 				
				color: Red;
				display: inline;
			}
			
			.smaller3
			{
				font-size:10px;
				font-family: Arial, Helvetica, sans-serif; 				
				padding-left:10;				
			}
			
			.smaller4
			{
				font-size:10px;
				font-family: Arial, Helvetica, Sans-Serif;
				font-style: italic;
				letter-spacing: .8px;				
			}
			
			.smaller5
			{
				font-size:10px;
				font-family: Arial, Helvetica, Sans-Serif;
				font-style: italic;				
			}
			
			#CustomerManMain TD .smaller3
			{
				font-size:11px;
				font-family: Arial, Helvetica, sans-serif; 
				font-style: italic;				
			}
			.E_LinkButton
			{
				
				font-size: 11px;
				color: purple;
				text-decoration: underline;
				font-weight: normal;
			}			
			.E_LinkButtonDisabled
			{				
				font-size: 11px;
				font-family: Verdana;
				text-decoration: underline;
				font-weight: normal;
				font-style: italic;
				color: Black;
			}
			.E_LinkButtonSpaced
			{
				font-size: 10px;
				color: purple;
				text-decoration: underline;
				font-weight: normal;								
			}
			.InformationM
			{
				font: italic normal bold 11px arial, helvetica, sans-serif;
				color: steelblue;	
				margin: 5px 0px 0px 50px;
			}
			.InformationM2
			{
				font: italic normal bold 11px arial, helvetica, sans-serif;
				color: steelblue;	
				margin: 5px 0px 0px 50px;
			}
			.Information3
			{
				font: italic normal mormal 10px tahoma, arial, helvetica;
				color: steelblue;	
				margin: 0px 0px 0px 0px;
			}
			.bannerSmallLinks2
			{
				font: normal normal 11px Arial, Helvetica, sans-serif ;
				color: #ffffff;
				margin: 3px 0px 3px 0px;
				text-decoration: none;
				font-weight:normal;
				text-decoration: none;
			}
			#CustomerManMain TD
			{
				font-size: 12px;				
			}
			#CustomerManMain
			{	
				margin-left: 85;
			}
			#ctrlCustomerReport_dgCustomerReport
			{	
				margin-left: 90;
			}
			#ctrlCustomerReport_divInfo
			{
				margin-left: 5;
			}
			#ctrlCustomerReport_lbtnExportExcel
			{
				margin-left: 5;
			}
			#ctrlCustomerReport
			{
				margin-left: 90;	
				}
				
			.InnerTableRight
			{
				background-color:ivory;
				margin: 0px 0px 4px 0px;				
				width: 250;
				border:solid silver 1px;	
				color: Black;
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;				
			}
			.InnerTable2
			{
				background-color:ivory;
				padding: 10 10 4 6;
				width: 100%;
				border:solid silver 1px;
				color: Black;
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;								
			}
			.InnerTable3
			{
				background-color:ivory;
				padding: 10 10 4 6;
				width: 100%;
				border:solid silver 1px;	
				color: Black;
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;				
				margin-top:4;
			}
			.InnerTable4
			{
				background-color:white;				
				border:solid silver 1px;	
				margin: 0 9 4 4;
				color: Black;
				font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;				
			}
			#spacer
			{
				width: 20;
			}
			
			.operationNote
			{
				font-size:10px;
				font-family: Arial, Helvetica, sans-serif; 				
				font-style: italic;
				background-color: white;
				padding: 3 6 3 6;				
			}
			#smallRight
			{
				font-size: 10px;
			}
			
			.BlueHeader
			{
				font-size: 11px;
				font-weight: bold;				
				color: White;
				height: 10px;	
			}
			
			
			/* for the calc. etc */
			
	#CalcContainer
	{

		padding: 0px 0px 0px 0px;
		margin: 0 9 4 1;
	}
	
	.CalcBG
	{
		background-color:ivory;
		color:black;
		border: solid #E4D000 1px;
		width: 400px;
	}
	
	.CalcBG2
	{
		background-color:ivory;
		color:black;
		border: solid #E4D000 1px;
		width: 400px;
	}
	
	.CalcTableHead2
	{
		background-color: #660000;		
		width:100%;
		color: White;
		font: normal normal bold 10px verdana,arial,sans-serif
		
	}
		
		.CalcMid
	{
		font-size:10px;
		font-family:arial;	
	}
	
	
	.CalcMidBold
	{
		font-size:11px;		
		font-family:arial;	
		font-weight: bold;
	}
	#BannerP
	{
		color: white;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		FONT-SIZE: 12px;
		LINE-HEIGHT: 15px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}	
	
	.ResultsLink
	{
		font-size: 11px;
		color: SteelBlue;
		text-decoration: underline;
		font-weight: normal;		
	}
	
	.ClientWelcome
	{
		font-family: Arial, Verdana, Helvetica;
		font-size: 20px;
		color: White;
		font-weight: bold;		
		padding: 4px 4px 4px 4px;
	}