body
{
	margin: 0px;
	font: 12px/14px Arial, Helvetica, Sans-Serif;
	color: #333;
	background-color: #B0C4DE;
}
td
{
	font: 12px/14px Arial, Helvetica, Sans-Serif;
}
a
{
	text-decoration: underline;
}
a:active
{
	color: Maroon;
}
a:visited
{
	color: Maroon;
}
a:hover
{
	text-decoration: none;
	color: Navy;
}

input, select, textarea
{
	font: 12px/14px Arial, Helvetica, Sans-Serif;
	color: #333;
}

input.btn
{
   color:Maroon;
   font: 12px/14px Arial, Helvetica, Sans-Serif;
   background-color:#D3D3D3;
   border:1px solid;
   border-top-color:#666;
   border-left-color:#666;
   border-right-color:#888;
   border-bottom-color:#888;
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#888888');
}
input.txt
{
}

.header
{
	font-size: 26px;
	padding: 5 5 5 5;
	color: #000066;
	letter-spacing: 10px;
}

.footer
{
	color: Black;
}

.PrevNextButton
{
   color:Maroon;
   font-family:Arial, Helvetica, Sans-Serif;
   font-size:12px;
   font-weight: bold;
   background-color:#D3D3D3;
   border:1px solid;
   border-top-color:#666;
   border-left-color:#666;
   border-right-color:#888;
   border-bottom-color:#888;
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#888888');
}

.error
{
	font-weight: bold;
	color: #FF0000;
}

.smallPrint
{
	font: 10px/12px Arial, Helvetica, Sans-Serif;
}	

.SmartPart
{
	letter-spacing: 2px;
	font: Bold 14px Arial, Helvetica, Sans-Serif;
	color: Black;
}

.OutsideContainer
{
	width: 100%;
	border-collapse: collapse;
}
.OutsideContainer.Header_row
{
	vertical-align: top;
	text-align: right;
	padding: 0 0 0 0;
}
.OutsideContainer.Body_row
{
	vertical-align: top;
	text-align: center;
	padding: 0 0 0 0;
}
OutsideContainer.Footer_row
{
	vertical-align:top;
	text-align: center;
	padding: 0 0 0 0;
}

.MainMenu
{
	position:relative;
	margin: auto;
	border: solid 1px #333333;
}


.MainMenuHeader
{
	text-align: center;
	color: White;
	letter-spacing: 2px;
	font: 21px/22px Arial;
}
.MenuList
{
	vertical-align: top;
	font-size: 14px;
}
.MenuList ul
{
	border: solid 1px black;
	background-color:#FFC;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	cursor: hand;
}
.MenuList li
{
	list-style-type: none;
	padding: 5 5 5 5;
}
.MenuList a:hover
{
	color: #FFF;
	background-color: #5A83BA;
}

/******************* Configuration Tables **************************************/

.ConfigurationForm
{
	position:relative;
	margin:auto;
	width: 700px;
	height: 400px;
	border: solid 1px #888;
	background-color: #FFFFFF;
}

.ConfigurationForm td
{
	font: 12px/14px Arial, Helvetica, Sans-Serif;
	padding: 8 5 5 8;
}

.ConfigurationForm.Header_row
{
	vertical-align: top;
	text-align: center;
}
.ConfigurationForm.column
{
	vertical-align: top;
}
.ConfigurationForm.Centered_column
{
	text-align:center;
	vertical-align: top;
	
	position:relative;
	margin: auto;
}
.ConfigurationForm.Navigation_row
{
	vertical-align:baseline;
	text-align: center;
	height: 30px;
}


.QuestionTable
{
	vertical-align: text-top;
	border: solid 1px #88F;
	background-color: #CCCCFF;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#FFFFFF' ,EndColorStr= '#CCCCFF' );
}

.QuestionTable td
{
	padding: 3 3 3 3;	
}

.ModelSelectionHeader
{
	width: 300px;
	padding: 3 3 3 3;
	font-weight: bold;
	background-color:#CCCCFF;
	border-top: solid 1px #88F;
	border-left: solid 1px #88F;
	border-right: solid 1px #88F;
	border-bottom: solid 1px #88F;
}
.ModelSelectionList
{
	width: 300px;
	height: 400px;
	background-color:white;
	border-bottom: solid 1px #88F;
	border-left: solid 1px #88F;
	border-right: solid 1px #88F;
	overflow: auto;
	font-weight: bold;
	scrollbar-face-color: #88F;
    scrollbar-arrow-color: #33F;
    scrollbar-track-color: #CCF;
    scrollbar-shadow-color: #88F;
    scrollbar-highlight-color: #88F;
    scrollbar-3dlight-color: #66E;
    scrollbar-darkshadow-color: #66E;
}

.CalculationTable
{
	margin-bottom: 5px;
	margin-top: 5px;
	border: dashed 1px #000000;
	padding: 3 3 3 3;
	color: black;
	background-color:#EEEEEE;
}


.Configuration
{
	font-family: Verdana;
	font-size: 11px;
	border: solid 1px #FFFFFF;
	scrollbar-3dlight-color: #666666;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CECECE;
}

.LoginTable
{
	padding: 5 5 5 5;
	color: #FFFF99;
}

.SummaryTable
{
	width: 660;
	vertical-align: top;
	padding: 5 5 5 5;
	font: 14px/18px Arial;
}
.SummaryTable thead td
{
	text-align: center;
	vertical-align: top;
	background-color: #4A3C8C;
	padding: 5 5 5 5;
	color: White;
	
}
.SummaryTable tbody td
{
	padding: 8 8 8 8;
	vertical-align:top;
}

.LineItem
{
	font: 12px/18px Arial;
}

.ScreenTypeInfo
{
	padding: 10px 10px 0 10px;
	width: 340px;
	height: 380px;
/**320px;	height: 100%;**/
	border: solid 1px #88F;
	overflow: auto;
}
.ScreenTypeInfo td
{
	font: 12px/16px Verdana,Arial;
}

.MediaScreenInfo
{
	width: 340px;
	height: 230px;
	border: solid 1px #88F;
	overflow: auto;
}
.MediaScreenInfo td
{
	font: 12px/16px Verdana,Arial;
}


.QuoteSheet
{
	vertical-align:top;
	padding: 3 3 3 3;
}

.QuoteSheet td
{
	vertical-align: top;
	line-height: 16px;
}

.QuoteSheet thead td
{
	background-color: #4A3C8C;
	color: White;
	text-align: center;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}

.QuoteSheet .Qty
{
	text-align: center;
	border-left: solid 1px black;
}

.QuoteSheet .Description
{
	border-left: solid 1px black;
}

.QuoteSheet .RetailPrice
{
	text-align: right;
	border-left: solid 1px black;
}

.QuoteSheet .DealerNet
{
	text-align: right;
	border-left: solid 1px black;
}

.QuoteSheet .Extended
{
	text-align: right;
	border-left: solid 1px black;
	border-right: solid 1px black;
}

.QuoteSheet tfoot .Description
{
	text-align:right; 
	line-height:16px;
	border-top: solid 1px black;
	border-left: solid 1px black; 
	border-bottom: solid 1px black;
}

.QuoteSheet tfoot .Total
{
	text-align:right; 
	line-height:16px;
	border-top: solid 1px black; 
	border-right: solid 1px black; 
	border-bottom: solid 1px black;
}

.EstimateSheet
{
	width: 680px;
	vertical-align: top;
	border: solid 1px black;
}

.AddressTable td
{
	padding: 2 2 2 2;
}

.SearchTable td
{
	padding: 1 1 1 1;
}

.ControlSelectionList
{
	height: 300px;
	padding: 5 5 5 5;
	background-color:#EEF;
	border-top: solid 1px #88F;
	border-bottom: solid 1px #88F;
	border-left: solid 1px #88F;
	border-right: solid 1px #88F;
	overflow: auto;
	scrollbar-face-color: #88F;
    scrollbar-arrow-color: #33F;
    scrollbar-track-color: #CCF;
    scrollbar-shadow-color: #88F;
    scrollbar-highlight-color: #88F;
    scrollbar-3dlight-color: #66E;
    scrollbar-darkshadow-color: #66E;
}

.ShadeControlList
{
	padding: 5 5 5 5;
	background-color:#EEF;
	border-top: solid 1px #88F;
	border-bottom: solid 1px #88F;
	border-left: solid 1px #88F;
	border-right: solid 1px #88F;
}

.UserName
{
	 text-transform: capitalize;
}

.AccountSearchResult
{
	width: 640px;
	height: 200px;
	background-color:white;
	border-top: solid 1px #88F;
	border-bottom: solid 1px #88F;
	border-left: solid 1px #88F;
	border-right: solid 1px #88F;
	overflow: auto;
	font-weight: bold;
	scrollbar-face-color: #88F;
    scrollbar-arrow-color: #33F;
    scrollbar-track-color: #CCF;
    scrollbar-shadow-color: #88F;
    scrollbar-highlight-color: #88F;
    scrollbar-3dlight-color: #66E;
    scrollbar-darkshadow-color: #66E;
}

/*****************************************
 *
 *
 * Browser compatibility fixes
 *
 *
 ****************************************/

.inputText30
{
	width: 30px;
}

.inputText45
{
	width: 45px;
}

.inputText60
{
	width: 60px;
}

.inputText80
{
	width: 80px;
}

.inputText110
{
	width:110px;
}

.inputText160
{
	width:160px;
}

.inputText200
{
	width: 200px;
}

.inputList140
{
	width: 140px;
}

.inputList200
{
	width: 200px;
}

.selectedModel
{
	border: dotted 2px Maroon;
}

.unselectedModel
{
	border: none 2px white;
}

.selectedMaskingType
{
	font-weight: bold;
	color: Maroon;
}


/*****************************************************************
** Styles for Estimate admin
**
**
******************************************************************/

.EstimateTable
{
	position: relative;
	margin: auto;
	width: 800px;
	border: solid 1px #888;
	background-color: #FFF;
}

.EstimateTable td
{
	padding: 0px 5px 0px 5px;
}