@charset "UTF-8";
/* CSS Document */

#repairContent 
{
	position:		relative;
	height:			100%;
	
	margin:			20px auto;
	
	font-size: 		12px;
	
	box-shadow:				0px 0.9px 10px 0px #111, 0px -0.9px 10px 0px #111;
	-moz-box-shadow:		0px 0.9px 10px 0px #111, 0px -0.9px 10px 0px #111;
	-webkit-box-shadow:		0px 0.9px 10px 0px #111, 0px -0.9px 10px 0px #111;
}

#repairContent #repairHeader:after
{
	content:		".";
	height:			0;
	display:		block;
	visibility:		hidden;
	clear:			both;
}

#repairContent #carDatas
{
	display:		none;
	padding:		5px 0px;
	width:			50%;
	vertical-align:	middle;
}

#repairContent #carDatas p
{
	margin:			0;
	text-align:		center;
}

#repairContent #carDatas p#carName
{
	font-weight:	bold;
}

#repairContent #changeCarButtonContainer
{
	display:		inline-block;
	vertical-align:	middle;
	width:			49%;
	text-align:		center;
	padding:		5px 0px;
}

/*********** car images container ***********/

#repairContent #border
{
	border-top:		1px #FF9900 solid;
	border-bottom:	1px #FF9900 solid;
	margin-bottom:	20px;
}

#repairContent #border
{
	overflow:		hidden;
}

#repairContent #border:after
{
	content:		".";
	height:			0;
	display:		block;
	visibility:		hidden;
	clear:			both;
}

/*********** car images *************/

#repairContent #car
{
	width: 			340px;
	height:			500px;
	float:			left;
	
	box-shadow:				5px 0px 10px 0px #111;
	-moz-box-shadow:		5px 0px 10px 0px #111;
	-webkit-box-shadow:		5px 0px 10px 0px #111;
}

#repairContent #car 
{
	height:					460px;
}

#repairContent #car p
{
	margin:					0;
}

#repairContent #car tr.carImage td div
{
	margin: 0 auto;
}

#repairContent #car #help
{
	font-size:		10px;
	text-align:		center;
}

#repairContent #car img
{
	border:         none;
}

/********* car popup ***********/

#repairContent #carPartPopup
{
	position:		relative;
	text-align:		left;
	width: 			340px;
	height:			420px;

	overflow:		hidden;
	float:			right;
}

#repairContent #carPartPopup ul
{
	list-style:			none;
	text-indent:		0;
	padding:			0;
}

#repairContent #finishButtonContainer
{
	clear:			right;
	width: 			310px;
	text-align:		center;
	float: 			right;
}

#repairContent #carPartPopup:after
{
	content: 		".";
	visibility: 	hidden;
	display: 		block;
	clear:			both;
}

#repairContent #carPartPopup hr
{
	display:		none;
}

#repairContent #carPartPopup .carBodyParts
{
	margin:			0 auto;
}

#repairContent #carPartPopup .operationTitle
{
	text-align:		center;
	font-weight:	bold;
	font-size:		18px;
	margin-bottom:	10px;
}

#repairContent #carPartPopup .carBodyParts table
{
	text-align:		center;
	margin:			0 auto;
}

/******** pane ************/

#repairContent .pane
{
	border-radius:          5px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
	
	background: #DDD; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF,  #CCC); /* for firefox 3.6+ */

	color:					#000;
	width:					280px;
	height:					340px;
	margin:					0 auto;
	padding:				10px;
}

/********** List *********/

.freListAndDsp, .right, .left
{
	margin:			0 auto;
}

.freList
{
	text-indent:	0px;
	margin:	 		0 auto;
	overflow:		auto;
	width:			280px;
	height:			120px;
	font-size:		13px;
}

.freList li
{
	height:			24px;
}

.freList li span
{
	display:		inline-block;
	width:			245px;
}

.freList li input
{	
}

/*******  DSP *********/

.dsp
{	
	margin: 			0 auto;
}

.dsp .dspTitle
{
	color:				#0000FF;
	margin-bottom:		5px;
}

.dsp .dsps
{
	margin:	 		        0 auto;
    clear:                  both;
}

.dsp .dsps li
{
	position:		        relative;
	height:					55px;
}

.dsp .dsps span
{
	display:				inline-block;
	width:					70px;
	
	font-weight:			bold;
}

.dsp table.radios
{
	text-align: 			center;
	display: 				inline-block;
	vertical-align: 		middle;
	
	border: 				1px solid #AAA;
}

.dsp table.radios td
{
	width: 					30px;
}

/********* Bumber ******/

#bumperSmartRepair
{
}

#bumperSmartRepair span
{
	display:				inline-block;
}

#bumperSmartRepair table
{
	text-align: 			center;
	display: 				inline-block;
	vertical-align: 		middle;
	
	border: 				1px solid #AAA;
}

#bumperSmartRepair table td
{
	width:					25px;
}

/******** parts *********/

#repairContent #parts
{
	text-align: 		center;
}

#repairContent #parts > div
{
	display:			inline-block;
	height:				45px;
	width:				45px;
	
	background: 		#DDD;
	border-radius: 		10px;
	
	padding: 			5px;
	margin:				0 4px;
	text-align:			center;
	
	cursor:				pointer;
}

#repairContent #parts .header .partDescription
{
	display:		none;
}

#repairContent #parts img
{
	height:			44px;
}

/******* buttons ********/

#repairContent #changeCar, 
#repairContent #finish
{	
	border:					none;
	background:				#111;
	height: 				32px;
	width: 					196px;
	color: 					white;
	font-weight: 			bold;
	font-size: 				15px;
	
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

#repairContent #changeCar
{
	display:		inline-block;
	border:			2px solid #FF9900;

	filter: 		progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); /* for IE */
	background: 	-webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
	background: 	-moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */ 

	position:		relative;
	padding-left: 	40px;
	width: 			175px;
	line-height: 	32px;
	
	cursor:			pointer;
}

#repairContent #changeCar img
{
	margin: 		0 10px 0 5px;
	position: 		absolute;
	top: 			2px;
	left: 			0;
	height: 		25px;
}

#repairContent #finish
{
	background:				#FF9900;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8822', endColorstr='#DD3322'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F82), to(#D32)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F82,  #D32); /* for firefox 3.6+ */ 
}