﻿/*

		- All items within #content 
				#configContainer
				#configSummary 				
				#configSelect
				#configMenu
				#configDetails

grey HEX: #e5e5e5 / darker #d3d3d3


*/

		#configContainer
		{
			width: 530px;
			float:left;
			display: inline;
	
		}

		#configSummary 
		{
			width: 520px;
			float:left;			
			margin: 10px 0px 10px 10px ;
			padding: 0px 0px 0px 0px ;			
		
		
		}
		
				#configSummarySpec 
				{
					float:left;					
					width: 245px;					
					margin: 0px 0px 0px 0px ;
					padding: 0px 0px 0px 0px ;
					
				}
		
				#configSummaryInfo 
				{
					float:right;					
					width: 210px;				
					margin: 10px 0px 0px 0px ;
					padding: 0px 10px 0px 0px ;
					
				}
				
						#configSummaryInfo .vehicleInfo
						{
							width: 162px;
						}
		
		#configSelect
		{
			width: 540px;
			float:left;
			margin: -12px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
						
		}
		
		#configUpdateProgress
		{
			padding: 0px;
			margin: 5px 0px 0px 10px;			
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 0.7em;
			font-weight: bold;
			color: #000;
			display: block;
			
		}

		#configMenu 
		{
			width: 520px;
			float:left;			
			margin: 20px 0px 10px 10px;
			padding: 0px 0px 0px 0px;
		
		}

		#configDetails
		{		
			float: left;
			display: block;		
			width: 510px;	
			margin: 0px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			font-size: 1.3em;
		}
		
		#configSelectDetails
		{		
			float: left;
			display: block;		
			width: 540px;	
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		


		/* 	#configSummary --------------------- */
		
		#configSummary li
		{
			font-size: 0.7em;
		}
		
		.summaryTable
		{
			margin: 0px 0px 0px 0px ;
			border-collapse:collapse;
			font-family: Verdana, Arial, Sans-Serif;
			
		}
		
		.summaryTable th {
			padding: 5px;
			text-align: left;
		}
		
		
		.summaryTable td {
			padding: 3px;
			text-align: left;
			color: #333;
			font-size: 0.6em;
			border-bottom: 1px solid #ddd;
		}
		
		/* 	#configSelect --------------------- */
		
		.selectTable
		{
			width: 540px;
			margin: 0px 0px 0px 0px ;
			border-collapse:collapse;
			background-color: #E5E5E5;
		
		}
		
		.selectTable th {
			padding: 5px;
			text-align: left;
		}
		
		
		.selectTable td {
			padding: 5px;
			text-align: left;
			color: #000;
			font-size: .7em;
			font-weight: bold;
		/*	border: 1px solid #ddd;*/
		}
	
		.selectTable select
		{			
			font-size: 0.9em;
			background-color: #f5f5f5;
			border: solid 1px #ccc;
		}
		
		/* #configSelectDetail */
		.detailSelectTable
		{
			width: 540px;
			margin: 0px 0px 20px 0px;					
		}
		
		.detailSelectTable th {
			padding: 5px;
			text-align: left;
			font-weight: bold;
			font-size: .8em;
		}
		
		.detailSelectTable td.info
		{
			text-align: right;
			
		}
		
		
		.detailSelectTable td {
			padding: 5px;
			text-align: left;
			color: #333;
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 0.6em;		
		}
		
		.detailSelectTable tr.odd{
			background-color:#efefef;
		}
		
		.detailSelectTable .paging td
		{
			font-size: 0.8em;
			width: 70px;
			text-align: left;
		}
		
		
		#configSelectDetails h2.detailHeader
		{
			margin: 0px 0px 10px 2px;
			font-size: 0.8em;
		}
	
	
		/* 	#configDetail --------------------- */
		
		.detailTable
		{
			width: 510px;
			margin: 0px 0px 20px 0px;					
		}
		
		.detailTable th {
			padding: 5px;
			text-align: left;
			font-weight: bold;
			font-size: .8em;
		}
		
		.detailTable td.info
		{
			text-align: right;
			
		}
		
		
		.detailTable td {
			padding: 5px;
			text-align: left;
			color: #333;
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 0.6em;		
		}
		
		.detailTable tr.odd{
			background-color:#efefef;
		}
		
		.detailTable .paging td
		{
			font-size: 0.8em;
			width: 70px;
			text-align: left;
		}
		
		
		#configDetails h2.detailHeader
		{
			margin: 0px 0px 10px 2px;
			font-size: 0.8em;
		}

		
		/* 	#configMenu --------------------- */
		
		#configMenu ul
		{
			float: left;
			display: block;
			list-style: none;
			margin: 0px 0px 0px 0px;
			padding: 0px;		
			width: 520px;	
		}

		#configMenu li
		{
			
			list-style: none;
			float: left;
			display: block;
			width: 162px;
			margin: 0px 1px 0px 0px;
			padding: 0px;			
			background: url(../../images/config-menu-bg.gif) no-repeat 0px 0px;		
			
		}


		#configMenu li a:link, 
		#configMenu li a:visited {	/* menu at rest */
		    float: left;
			display: block;
			color: #fff;
			width: 142px;
			font-size: 0.9em;
			text-decoration:none;
			padding: 10px 0px 10px 10px;			
			margin: 0px 0px 0px 0px;
			
			
			}
			 
		#configMenu li a:hover,
		#configMenu li a:active {	/* menu at mouse-over  */
			color: #999;
			}	



		#configMenu li.selected{
			background: url(../../images/config-menu-selected-bg.gif) no-repeat  0px 0px;
		}


		#configMenu li.selected a:link, 
		#configMenu li.selected a:visited {	/* menu at rest */
			color: #001A42;
			/*font-size: .7em;*/
			}
			
		#configMenu li.selected a:hover,
		#configMenu li.selected a:active {	/* menu at mouse-over  */
			color: #333;
			}	


