body {
  color:#80C0FF;
  background-color:#300040;
}

img{ 
  border:0; 
}

input {
  color:#80C0FF;
  border-width:1px;
  border-color: #000080 #0000A0 #4040FF #8080FF ;
  background-color:#000060;
  width:100px;
}

input.rr_button {
  color:#80C0FF;
  background-color:#0000D0;
}

input.rr_button_off{
  color:#8090A0;
  background-color:#404080;
}

input.mismatch{
  background-color:#C00020;
}
 
form{
    line-height:22px;
}
 
.rr_overlay{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#0000FF;
	opacity:0.5;
	z-index:5;
} 
 
.rr_global{
   position:absolute;
   width:800px;
   left:50%;
   margin-left:-400px;
   font: normal 14px/16px Verdana sans-serif;
   color: white;
}
 
.rr_logo{
   display:inline;
   width:440px;
   height:120px;
} 

.rr_cars_image{
	margin-top:-80px;
	width:800px;
	height:160px;
	background-image:url(common/3cars_intro.png);
}

.rr_navig{
   position:relative;
   top:-36px;
   width:100%;
   height:36px;
   font: normal 22px/24px Impact, Charcoal, sans-serif;
}

.rr_navig ul {
   padding:0;
   margin:0;
   list-style-type:none;
   height:36px;
 }


.rr_navig ul li a{
   display:block;
   float:left;   
   width:200px;
   line-height:36px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
   background-image:url(common/rr_navig_back.png);
   opacity:0.6;
} 

.rr_navig ul li a:link, .rr_navig ul li a:visited{
   color:#000080;
} 

.rr_navig ul li a:hover{
   opacity:1;
} 

.rr_navig ul li a:active{
   color:#FFFFFF;
} 

 
.rr_login {
   display:inline-block;
   border:solid 1px;
   padding:10px;
}

.rr_signup_input {
	position:absolute;
	left:96px;
}

.rr_warn   {
   color:#FF8080;
   font-size:small;
   position:absolute;
   right:10px;
}

.rr_main{
   position:relative;
   width:100%;
   top:36px;
   min-height:400px;
   font: normal 16px/18px Verdana sans-serif;
   color:#0080FF;
   background-color: black;

}

.rr_main_unbounded{
	height:auto;
}

.rr_footer{
   position:relative;
   top:-36px;
   width:100%;
   text-align:center;
}

.rr_signup{
   display:none;
   position:fixed;
   width:320px;
   left:50%;
   margin-left:-160px;
   border:1;
   background-color:#004080;
   padding:10px;
   z-index:10;
}

.rr_flag_fr, .rr_flag_en{
	position:absolute;
	width:36px;
	height:18px;
	top:5px;
	background-image:url(common/flags.png);
	cursor:pointer;
}

.rr_flag_fr{
	right:46px;
	background-position:0px 0px;
}

.rr_flag_en{
	right:5px;
	background-position:-36px 0px;
}

 
div#rr_credits_scroller{
   width:100%;
   height:400px;
   position:relative;
}

div#rr_credits_scroller p{
   position:absolute;
   display:block;
   margin:0px;
   left:0px;
   width:100%;
   text-align:center;
}

.credits_title {
   font-weight: bold;
}

.rr_hidden{
   display:none;
}

.rr_news
{
	width:600px;
	margin:40px 75px 0px 75px;
	position:relative;
	border:2px solid #60C0FF;
	border-top:0px;
	background-color:rgb(32,0,64);
	background-color:rgba(32,0,64,0.8);
}

.rr_news div.border_left
{
	float:left;
	border-top:2px solid #60C0FF;
	width:15px;
}

.rr_news div.header_line
{
	position:absolute;
	top:0px;
	width:100%;
}


.rr_news div.border_right
{
	border-top:2px solid #60C0FF;
	overflow:hidden;
}


.rr_news div.news_content
{
	padding:15px 25px 10px 25px;
	font: normal 14px/16px Verdana sans-serif;
}

.rr_news  h1
{
    position:relative;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
    top:-25px;
	font: normal 20px/22px Verdana sans-serif;
	color:#0080FF;
}


.rr_bestlaps_container{
   width:100%;
   height:400px;
   position:relative;
}

.rr_tracklist{
	position:absolute;
	width:160px;
	height:100%;
	left:0px;
	top:0px;
	font: normal 20px/22px Impact, Charcoal, sans-serif;
}

.rr_bestlaps_container ul {
   padding:0;
   margin:0;
   list-style-type:none;
 }

.rr_bestlaps_container ul li a{
   display:block;
   float:left;   
   width:160px;
   margin:2px;
   line-height:30px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
   background-color:#000060;
} 


.rr_bestlaps_container ul li a:link, .rr_bestlaps_container ul li a:visited{
   color:#20A0FF;
} 

.rr_bestlaps_container ul li a:hover{
   color:#FFFFFF;
} 

.rr_bestlaps_container ul li a:active{
   color:#FFA0FF;
} 
 
.rr_bestlaps_container ul li.hof_current a{
	background-color:#0080FF;
	color:#000040;
}
 
.rr_modelist{
	position:absolute;
	width:492px;
	height:34px;
	left:234px;
	top:20px;
	vertical-align:middle;
	font: normal 20px/22px Impact, Charcoal, sans-serif;
}

.rr_hall_of_fame {
	position:absolute;
	left:250px;
	top:96px;
	font: normal 20px/22px Impact, Charcoal, sans-serif;
}

.rr_hof_bar {
	visibility:hidden;
	position:relative;
	left:10px;
	width:460px;
	height:32px;
	margin-bottom:10px;
}

div#hof_line_0
{
	background-color:#0020FF;
	color:#60FFFF;
}

div#hof_line_1
{
	background-color:#0000C0;
	color:#20E0FF;
}

div#hof_line_2
{
	background-color:#000090;
	color:#00C0FF;
}

div#hof_line_3
{
	background-color:#200070;
	color:#00A0FF;
}

div#hof_line_4
{
	background-color:#300040;
}


.rr_hof_bar > div:first-child  {
	position:absolute;
	width:45px;
	top:4px;
	left:5px;
}

.rr_hof_bar > div:first-child + div {
	position:absolute;
	width:260px;
	top:4px;
	left:50px;
}

.rr_hof_bar > div.rr_hof_car {
	position:absolute;
	width:60px;
	top:4px;
	left:300px;
	height:24px;
	background-image:url(cars/allCars24.png);
}

.rr_hof_bar > div.rr_hof_car + div {
	position:absolute;
	width:80px;
	top:4px;
	left:380px;
}

table.license {
	border-width:1px;
	display:none;
	#position:absolute;
}

ul.tabmenu {
	border-bottom: 1px solid #00FFFF;
	margin: 12px 0px 0px 0px;
	padding:0px 0px 1px 12px;
}

ul.tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	z-index: 1;
}

ul.tabmenu a.license, ul.tabmenu a.license_selected {
	color:#0080FF;
	font-weight:bold;
	background-color:#002040;
	border-width:1px;
	border-style:solid;
	border-color:#00FFFF;
	margin-right:5px;
	text-decoration: none;
	padding: 2px 5px 0px 5px;
}

ul.tabmenu a:hover {
	background: #001020; 
}

ul.tabmenu a.license_selected, ul.tabmenu a.license_selected:hover {
	background-color:black;
	border-bottom-color:black;
}
 
.container{
 position:absolute;
 width:480px;
 top:80px;
 left:50%;
 margin-left:-240px;
 z-index:1;
 }

 
 .lotus_container {
  width:480px;
  height:240px;
  overflow:hidden;
 }
 
 
 .lotus_info_speed {
   position:absolute;
   width:80px;
   height:20px;
   left:0px;
   top:6px;
   z-index:10;
   font:bold small fantasy;
 }

  .lotus_info_rpm {
   position:absolute;
   width:80px;
   height:20px;
   left:80px;
   top:6px;
   z-index:10;
   font:bold small fantasy;
 }

  .lotus_info_rpm_bar {
   position:absolute;
   width:80px;
   height:20px;
   left:80px;
   top:26px;
   z-index:10;
 }
 
  .lotus_info_gear {
   position:absolute;
   width:80px;
   height:40px;
   left:160px;
   top:0px;
 }
 
 /* détourage du texte */
 .lotus_info_text_xlarge {
   position:absolute;
   width:100%;
   height:100%;
   color:white;
   z-index:9;
   text-align:center;
   font: bold x-large fantasy;
 }

 .lotus_info_text_small {
   position:absolute;
   width:100%;
   height:100%;
   color:white;
   z-index:9;
   text-align:center;
   font: bold small fantasy;
 }
 
  .lotus_info_gear_bg {
   position:absolute;
   width:80px;
   height:40px;
   z-index:9;
   text-align:center;
   font: bold x-large fantasy;
   color:white;
 }

 .lotus_info_time, .lotus_info_second_time {
   position:absolute;
   width:80px;
   height:20px;
   left:240px;
   top:6px;
   z-index:10;
   font:bold small fantasy;
 }
 
 .lotus_info_second_time {
   top:26px;
 }
 
 .lotus_demo_text {
   position:absolute;
   width:480px;
   height:20px;
   left:0px;
   top: 60px;
   z-index:10;
   font:bold small fantasy;
 }
 
 .race_horizon {
  position:absolute;
  width:480px;
  height:240px;
  z-index:-127;
 }
 
 .race_second_plane {
  position:absolute;
  width:480px;
  height:240px;
  z-index:-126;
  visibility:hidden;
 }
 
 .race_weather_plane {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:1px;
   z-index:-50;
 }

 .race_tunnel_wall {
  position:absolute;
  visibility:hidden;
  border-style:solid;
}  
 
 .transparent_click_area{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	z-index:126;
 }
 
 .selection_copper_bar{
	position:absolute;
	left:0px;
	top:115px;
	width:100%;
	height:20px;
	background-image:url(common/copperBar.png);
	background-repeat:repeat-x;
}
 
 .selection_mode_picture{
	position:absolute;
	left:0px;
	top:0px;
	width:480px;
	height:80px;
 }
 
 .black_background{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000000;
}

 .black_gradient{
	position:absolute;
	left:0px;
	top:0px;
	width:360px;
	height:100%;
	background-image:url(common/blackGradient.png);
	background-repeat:no-repeat;
}

 .tile_grid_background1{
	position:absolute;
	left:0px;
	top:0px;
	width:360px;
	height:100%;
	background-image:url(common/gridBg54.png);
	background-repeat:repeat;
}

 .tile_grid_background2{
	position:absolute;
	left:0px;
	top:0px;
	width:360px;
	height:100%;
	background-image:url(common/gridBg36.png);
	background-repeat:repeat;
}

 .tile_grid_background3{
	position:absolute;
	left:0px;
	top:0px;
	width:360px;
	height:100%;
	background-image:url(common/gridBg24.png);
	background-repeat:repeat;
}

 .tile_cube_background1{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(common/cubeBg54.png);
	background-repeat:repeat;
}

 .tile_cube_background2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(common/cubeBg36.png);
	background-repeat:repeat;
}

 .tile_cube_background3{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(common/cubeBg24.png);
	background-repeat:repeat;
}

.track_selection_banner{
	position:absolute;
	left:10px;
	top:0px;
	right:10px;
	height:70px;
	background-color:#3939ae;
	background-image:url(common/trackBanner.png);
	border:1px;
	border-color:white;
}

.track_selection_banner img {
	position:absolute;
	left:5px;
	top:5px;
	width:120px;
	height:60px;
}

.track_selection_banner > div {
	position:absolute;
	left:160px;
	right:0px;
	top:20px;
}

.track_selection_highlight {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(common/trackHighlight.png);
	z-index:11;
}


 .car_selection_up,  .car_selection_down{
	position:absolute;
	left:360px;
	width:120px;
	height:40px;
	background-image:url(common/arrows.png);
	z-index:22;
	border:0px;
	cursor:pointer;
}

.car_selection_up{
	top:0px;
	background-position:0px 0px;
}

 .car_selection_down{
	top:200px;
	background-position:0px -40px;
}

.car_selection_thumbnail{
	position:absolute;
	left:380px;
	background-image:url(cars/allCars48.png);
	width:72px;
	height:48px;
}

.car_selection_detail_master{
	position:absolute;
	left:60px;
	top:70px;
	width:240px;
	height:120px;
}

.car_selection_detail{
	position:absolute;
	left:0px;
	top:0px;
	width:240px;
	height:120px;
	color:white;
	text-align:center;
	vertical-align:middle;
}

.car_selection_lock {
	position:absolute;
	left:60px;
	top:-20px;
	width:120px;
	height:120px;
	background-image:url(common/lockedCar.png);
}

.car_selection_name{
	position:absolute;
	left:0px;
	top:204px;
	width:360px;
	height:30px;
	color:white;
	z-index:1;
	text-align:center;
	font:bold large serif;
}

.car_selection_name_left_shadow{
	position:absolute;
	left:-2px;
	top:204px;
	width:360px;
	height:30px;
	color:#666666;
	text-align:center;
	font:bold large serif;
}

.car_selection_name_right_shadow{
	position:absolute;
	left:2px;
	top:204px;
	width:360px;
	height:30px;
	color:#666666;
	text-align:center;
	font:bold large serif;
}

.car_selection_charac_master{
	position:absolute;
	left:20px;
	top:20px;
	width:320px;
	height:60px;
	color:white;
	font:normal x-small sans-serif;
}

.car_characteristics_left{
	position:absolute;
	left:0px;
	top:0px;
	width:76px;
	text-align:right;
}

.car_characteristics_right{
	position:absolute;
	right:0px;
	top:0px;
	width:76px;
	text-align:left;
}

.car_characteristics_bar_speed, .car_characteristics_bar_acceleration, .car_characteristics_bar_handling {
	position:absolute;
	left:80px;
	width:160px;
	height:8px;
	background-image:url(common/blueGradientBar.png);
}

.car_characteristics_bar_speed{
	top:3px;
}

.car_characteristics_bar_acceleration{
	top:16px;
}

.car_characteristics_bar_handling {
	top:29px;

}

 .debug{
	z-index:2;
	background:none;
	position:absolute;
	top: 490px;
 }
 
 .loader_splash{
 }

 .loader_top_bar{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:40px;
	vertical-align:middle;
 }
 
 .loader_bottom_bar{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:40px;
 }

 .loader_center_message{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:40px;
 }

  .loader_completed_message{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
 }

 
 .loader_black_ribbon{
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.4;
 }
 
 .loader_text {
   position:absolute;
   width:100%;
   height:100%;
   color:black;
   z-index:9;
   text-align:center;
   font: bold small fantasy;
}
 
 .loader_progress_container{
	position:absolute;
	left:8px;
	bottom:4px;
	width:460px;
	height:16px;
	border:1px;
	border-color:white;
}
 
 .loader_progress_bar{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:12px;
	background-image:url(common/blueGradientBar.png);
 }
 
 .loader_progress_cover{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.7;
 }
 
 
 
 .timing_master{
   position:absolute;
   left:25px;
   top:25px;
   right:25px;
   bottom:25px;	
   color:white;
   text-align:center;
   vertical-align:middle;
   z-index:120;
   font: bold x-large fantasy;
 }
 
 .timing_master > div {
   position:absolute;
 }

 .timing_display{
   width:100%;
   height:100%;
 }
 
.timing_display > div {
   position:absolute;
   font: bold large monospace;
}

 .timing_new_record{
	top:16%;
	left:0%;
	width:100%;
 }
 
 .timing_legend{
	top:90%;
	left:0%;
	width:100%;
 }
 
 .timing_transition_line{
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
   height:1px;
   background-color:black;
   visibility:hidden;
   opacity:0.5;
}

 .timing_hourglass {
   left:5%;
   top:30%;   
}

 .timing_respawn_block{
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
   background-color:black;
   visibility:hidden;
   width:auto;
   opacity:0.077;
}

 .timing_user_controls{
	position:absolute;
	width:100%;
	height:20px;
	opacity:0;
 }
 
 .timing_illustration{
	position:absolute;
	left:95px;
	top:48px;
	clip:rect(0px, 240px, 120px, 0px);
 }

 
 .escape_master{
   position:absolute;
   width:480px;
   height:240px;
   left:0px;
   top:0px;
   color:white;
   text-align:center;
   vertical-align:middle;
   z-index:120;
   font: bold x-large fantasy;
 }
 
 .escape_master > div {
   position:absolute;
 }

 .escape_black_box{
   top:25px;
   left:25px;
   width:430px;
   height:190px;
   background-color:black;
   opacity:0.5;
 }
 
.progress_background{
  width:100%;
  height:100%;
  background-color:black;
  z-index:127;
} 

.progress_container{
  position:absolute;
  width:50%;
  height:30%;
  left:25%;
  top:35%;
  z-index:127;
  background-color:black;
}

.progress_area{
  position:absolute;
  width:80%;
  height:20%;
  left:10%;
  top:40%;
}

.progress_bar{
  position:absolute;
  width:0%;
  left:0%;
  top:0%;
  height:100%;
}

.progress_value{
  position:absolute;
  width:100%;
  vertical-align:middle;
  text-align:center;
  font:bold small fantasy;
  color:white;
}

.progress_text{
  position:absolute;
  top:90%;
  text-align:center;
  vertical-align:baseline;
  font:bold x-small fantasy;
  color:white;
}


.progressImage{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
 
 .imagefx_outline_fg {
   left:0px;
   top:0px;
   z-index:10;
 }

 .imagefx_outline_bg_topleft {
   left:-1px;
   top:-1px;
 }

 .imagefx_outline_bg_topright {
   left:1px;
   top:-1px;
 }

 .imagefx_outline_bg_bottomleft {
   left:-1px;
   top:1px;
 }

 .imagefx_outline_bg_bottomright{
   left:1px;
   top:1px;
 }
 
 
.fader_curtain{
  position:absolute;
  left:0px;
  top:0px;
  height:100%;
  background-image:url(common/fade_bg.png);
  z-index:125;
}

.fader_checkerboard{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:125;
}

.fader_checkerboard > div {
  position:absolute;
  background-color:black;
 }


.balance_view{
  position:absolute;
  right:10px;
  top:10px;
  width:20px;
  height:40px;
  border:solid 1px black;
  visibility:hidden;
}

.x_balance{
  position:absolute;
  left:10px;
  top:-5px;
  width:1px;
  height:50px;
  background-color:#6060A0;
}

.y_balance{
  position:absolute;
  left:-5px;
  top:20px;
  width:30px;
  height:1px;
  background-color:#6060A0;
}

.wheel_skid_indicator{
  position:absolute;
  left:1px;
  top:2px;
  width:3px;
  height:6px;
  background-color:red;
  visibility:hidden;
}

.rr_login a:link {
	color:#60CCFF;
}

.rr_login a:visited {
	color:#80A0FF;
}

h1.rr_404 {
   margin:auto;
   margin-top:20px;
   text-align:center;
   width:100%;
   height:60px;
}

.intro_text {
	position:absolute;
}