@charset "UTF-8";


 
/***** Main /*****/

html, body { 
	margin:0;
	padding:0;
} 

body {
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg_carbon.gif);
}

h1 {
	display:block;
	padding:5px;
	background:url(../images/bg_carbon_dark.gif);
	margin:0 0 20px 0;
	font-family: arial, Sans-serif;
	font-size:2em;
	color: #fbba00;
}

h2 {
	font-family: arial, Sans-serif;
	font-weight:normal;
	color: #fbba00;
	border-top:1px solid #202020;
}

h3 {
	font-family: arial, Sans-serif;
	font-weight:normal;
	color: #CCC;
}

a {
	color: #fbba00;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

dl { display:block; width:30px; float:left; color:#fbba00; font-weight:bold; padding:0; margin:0; }
dt { display:block; width:620px; padding-left:35px; }

div dl { font-weight:normal; }
div dt { width:555px; }

#iframeCont {
	padding:20px;
}

.color {
	color: #fbba00;
}

.error label { color:#F00; }

.clearBoth {
	clear: both;
	margin-top: 5px;
}

.buttonBlue {
    background: transparent url(../images/button_blue_right.png) no-repeat top right;
    color: #fff;
    display: block;
    height: 22px;
    margin-right: 4px;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
 }

.buttonBlue input {
    background: transparent url(../images/button_blue_left.png) no-repeat;
    display: block;
    height: 22px;
   	padding: 3px 0px 4px 4px;
    cursor: pointer;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: arial, Sans-serif;
}

.buttonBlue:hover,
.buttonBlue.Up:hover,
.buttonBlue.Down:hover {
    background-position: bottom right;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

.buttonBlue:hover input {
    background-position: bottom left;
    color: #000;
}

.buttonSmallBlue {
    background: transparent url(../images/button_smallblue_right.png) no-repeat top right;
    color: #fff;
    display: block;
    height: 19px;
    margin-right: 4px;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
 }

.buttonSmallBlue input {
    background: transparent url(../images/button_smallblue_left.png) no-repeat;
    display: block;
    height: 19px;
   	padding: 3px 0px 4px 4px;
    cursor: pointer;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: arial, Sans-serif;
}

.buttonSmallBlue:hover {
    background-position: bottom right;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

.buttonSmallBlue:hover input {
    background-position: bottom left;
    color: #000;
}

.positionLeft {
	float: left;
}

.positionRight {
	float: right;
}

/******************** Standard Form *********************/

#form.openSection{
	position: relative;
	color: #333;
	background-position: bottom;
	height: 100%;
	padding-bottom: 50px;
	margin-bottom: 38px;
}

#form.openSection .step{
	position: absolute;
	top: -38px;
	right: 0px;
	background: url(../images/mask.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	font-size: 2em;
	color: #FFF;
}

#form.openSection .step ul li{
	float: left;
	padding: 0 5px;
	border-right:1px solid #fff;
	color: #333;
}

#form.openSection .step ul li.active {
	color: #fbba00;
	background: transparent url(../images/triangle_jaune.gif) no-repeat 4px 4px;
	padding-left: 10px;
}

#form.openSection .step ul li.last {
	border: none;
}

#form.openSection h3{
	font-family: arial, Sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #2865a2;
	font-size: 2.3em;
	line-height: 25px;
}

#form.openSection ul li h3{
	color: #333;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 1.7em !important;
}

#form.openSection p{
	font-size: 1.2em;
	margin: 5px 0;
}

.legend { 
	position: absolute;
	top:55px;
	color: #333;
	right: 55px;
}

.legend em { color: #C00; font-style: normal; }

div.errors { 
	margin: 10px 0 10px 0; 
	padding: 5px 10px; 
	border: #FC6 1px solid; 
	background-color: #FFC;
	color: #333;
}

div.errors p { margin:5px  0; }

div.errors p em { 
	color: #C00; 
	font-style: normal; 
	font-weight: bold;
}

.formContainer form { margin-top: 20px; }

.formContainer form a, .confirmationCont a{ 
	color: #2865a2; 
	text-decoration: underline;
}

.formContainer form p { margin: 0;}

.formContainer form p.note { 
	margin-left: 130px !important; 
	width: 500px;
	font-size: 0.9em !important; 
	color: #333;
}

.formContainer form fieldset { 
	margin: 20px 0 0 0; 
	padding: 10px; 
	border-top: 1px solid #666; 
	float: left;
	width:630px;
}

.formContainer form legend { 
	font-weight: bold; 
	color: #666; 
	padding: 0 5px;  
	font-size: 1.5em; 
	font-family: arial, Sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #2865a2;
}

.formContainer form fieldset div { 
	padding: 0.25em 0;
	width:315px;
	float:left; 
}

.formContainer form fieldset p { 
	margin: 10px 0 !important; 
	color: #072b4d;
}

.formContainer label, 
.formContainer span.label { 
	margin-right: 10px; 
	margin-top: 3px; 
	padding-right: 10px; 
	width: 80px;
	display: block; 
	float: left; 
	text-align: left; 
	position: relative;
}

.formContainer label.regularLabel { 
	margin-right: 0; 
	padding-right: 0; 
	width: auto;
	display: inline;
	float: none;
	position:relative; 
}
/**/
.formContainer .error label, 
.formContainer .error span { color: #C00;}

.formContainer label em, 
.formContainer span.label em { 
	position: absolute; 
	left: -5px; 
	font-size: 120%; 
	font-style: normal; 
	color: #C00;
}

.formContainer input { 
	border: 1px solid #333; 
	padding: 4px;
}

.formContainer input.regularField { 
	width:280px;
}

.formContainer input.date2Field { 
	width:50px;
}

.formContainer input.date4Field { 
	width:100px;
}

.formContainer input.zipField { 
	width:106px;
}

.formContainer .textareaField { 
	width:630px;
	height:100px;
}

input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

.formContainer .error input { 
	border-color: #C00; 
	background-color: #FEF;
}

.formContainer input:focus,
.formContainer .error input:focus, 
.formContainer textarea:focus {	
	background-color: #ecf5ff; 
	border-color: #7bb0ec;
}

.formContainer div.controlset label, 
.formContainer div.controlset input { 
	display: inline; 
	float: none;
}

.formContainer div.controlset div { 
	margin-left: 0px;
}

.formContainer div.buttonrow { 
	margin-left:0px; 
	/*background:url(../images/bg_carbon_dark.png);*/ 
	padding: 10px;
}

.formContainer div.intoform { 
	margin-left: 140px; 
	margin-top: -10px;
}

.formContainer hr { 
	border:0;
	color: #a9a9a9;
	background-color: #a9a9a9;
	height: 1px;
	clear:both;
}

div.errors { 
	margin: 10px 0 10px 0; 
	padding: 5px 10px; 
	border: #FC6 1px solid; 
	background-color: #FFC;
	color: #333;
}

div.errors p { margin:5px  0; }

div.errors p em { 
	color: #C00; 
	font-style: normal; 
	font-weight: bold;
}

#status {}

#status tbody th,
#status tbody td,
#status tfoot th,
#status tfoot td {
	border-top:1px solid #202020;
	padding:5px 0;
}

#status tbody th,
#status tbody td {
background:#5E5E5E;
}

#status thead th,
#status thead td,
.yellow {
	color:#fbba00;
}

#status tbody td.chances {
	padding-right:5px;
}

#status tbody th {
	padding-left:5px;
}

.actions {}

.code { 
	border:1px solid #202020;
	background:#FFF;
	font-size:10px;
	width:30px;
	padding:3px;
}

/* PHASE 3 */
.white{
  color:#ffffff; 
  font-weight:normal;
}
#candidate{
	color:#999;
	font-family: Arial, verdana, sans-serif;
}  
#candidate p{
/*  color: grey;  */ 
	font-size:14px;    
  font-weight:bold;
  line-height:17px;
  margin:0;
  padding:0;
}
#candidate div.leftCol{    
	display:block;
	float:left;
	position:relative;
	height:400px;
	width:300px;   
}
#candidate div.leftCol h3{    
  font-weight:bold;  
	color:#999;
  margin-bottom:0;
  padding-bottom:0;
}
#candidate div.leftCol p,#carTable td{ 
	font-size:14px;    
  font-weight:bold;
}
#candidate div.leftCol img{     
	border:1px solid #ffffff;  
	height:260px;
	width:260px;   
}



#candidate div.rightCol{    
	display:block;
	float:right;
	position:relative;
	height:400px;
	width:330px;   
}                
#candidate div.rightCol h3{    
  color: white;         
	font-size:16px;       
  font-weight:bold;   
  margin-top:0;
}
#candidate div.rightCol div.qa{    
  margin-bottom:17px; 
}

#candidate div.rightCol div.qa div.youtubeOff{    
  background: transparent url(../images/p3/bt-youtube-57x60-off.png) no-repeat 0 0;  
  float:left;     
	height:60px;
	width:57px;   
}
#candidate div.rightCol div.qa div.youtubeOff:hover{    
  background: transparent url(../images/p3/bt-youtube-57x60-on.png) no-repeat 0 0;  
  float:left;     
	height:60px;
	width:57px;   
}
#candidate div.rightCol div.qa div.facebookOff{    
  background: transparent url(../images/p4/bt-facebook-57x60-off.png) no-repeat 0 0;  
  float:left;     
	height:60px;
	width:57px;   
}
#candidate div.rightCol div.qa div.facebookOff:hover{    
  background: transparent url(../images/p4/bt-facebook-57x60-on.png) no-repeat 0 0;  
  float:left;     
	height:60px;
	width:57px;   
}
#candidate div.rightCol div.qa div.voteEn{    
  background: transparent url(../images/p3/bt-vote_en.png) no-repeat 0 0; 
}
#candidate div.rightCol div.qa div.voteFr{    
  background: transparent url(../images/p3/bt-vote_fr.png) no-repeat 0 0;   
}
#candidate div.rightCol div.qa div.voteEn, #candidate div.rightCol div.qa div.voteFr{  
  float:right;     
	height:60px;
	width:156px;   
}

hr{
  float:left;
  width:100%;
}
#logoTeamVW{ background: #ffffff url(../images/p5/logo_60-team0.gif) no-repeat; }
#logoTeamFord{ background: #ffffff url(../images/p5/logo_60-team4.gif) no-repeat; }   
#logoTeamMazda{ background: #ffffff url(../images/p5/logo_60-team3.gif) no-repeat; }                                
#logoTeamDodge{ background: #ffffff url(../images/p5/logo_60-team2.gif) no-repeat; }            
#logoTeamChrysler{ background: #ffffff url(../images/p5/logo_60-team1.gif) no-repeat; } 
.logoTeam{  
  position:absolute;   
	right: 20px;    
  top:10px; 
	width: 60px;
	height: 59px; 
}
.listNoStyle{
  list-style:none;
}