a:link {
	color: #0000AA;
	text-decoration:none;
}
a:visited {
	color: #0000AA;
	text-decoration:none;
}
a:hover {
	color: #FFAA00;
	text-decoration:none;
}
a:active {
	color: #FFAA00;
	text-decoration:none;
}

/* SCROLLBAR */
/* IEXPLORER */
/*See body tab*/

/* Firefox */
scrollbar {
   -moz-appearance: none;
   background: rgb(0,255,0);
}
thumb,scrollbarbutton {
   -moz-appearance: none;
   background-color: rgb(0,0,255);
}
thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none;
   background-color: rgb(255,0,0);
}
scrollbarbutton {
   display: none;
}
scrollbar[orient="vertical"] {
  min-width: 15px;
}

/* Chrome */
::-webkit-scrollbar { width: 10px; height: 5px;}
::-webkit-scrollbar-button {  height: 0px;background-color: #DDDDDD; }
::-webkit-scrollbar-track {  background-color: #DDDDDD;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 0px; background-color: #DDDDDD;}
::-webkit-scrollbar-corner { background-color: #DDDDDD;}}
::-webkit-resizer { background-color: #FFFFFF;}

/* BLOQUES PRINCIPALES */

body {
  margin:0px;
    
  scrollbar-base-color: #5b5bff;
  scrollbar-3dlight-color: #5b5bff;
  scrollbar-highlight-color: #5b5bff;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: 5b5bff;
  scrollbar-shadow-color: #5b5bff;
  scrollbar-dark-shadow-color: #5b5bff;
 }
 
 #shadow { /* Capa de sombreado para mensajes */
  filter: alpha(opacity=80); /* internet explorer */
  khtml-opacity: 0.8;      /* khtml, version anterior de safari */
  moz-opacity: 0.8;       /* firefox, mozilla, netscape */
  opacity: 0.8;           /* safari, chrome, opera */
  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*internet explorer 8*/
  clear:left;
  float:left;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#CCCCCC;
  z-index:20;
  visibility:hidden;
 }
 
 #message{ /* Muestra los mensajes en una capa superior a la shadow */
  background-color:#FFF;
  position:absolute;
  left: 50%;
  top: 50%;
  height: 200px;
  margin-top: -100px;
  width: 600px;
  margin-left: -300px;
  z-index:22;
  border:solid;
  border-color:F00;
  border-width: 2px;
  visibility:hidden;
 }

 #container { /* Contains all layers but body*/
  /* # la almoadilla aplica el estilo a los tag html con ese id */
  position:absolute;
  width: 990px;
  height:640px;
  left: 50%;
  margin-left: -495px;
  margin-top: 10px;
  z-index:1;
 }
 
 #main_header {
  text-align:right;
  margin-bottom:0px;
  height:20px;
  vertical-align:bottom;
  border-bottom: solid;
  border-color: #0000AA;
  border-width: 2px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  height:25px;
 }
 #menu {
  filter: alpha(opacity=100); /* internet explorer */
  khtml-opacity: 1;      /* khtml, version anterior de safari */
  moz-opacity: 1;       /* firefox, mozilla, netscape */
  opacity: 1;           /* safari, chrome, opera */
  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*internet explorer 8*/
  vertical-align:bottom;
  text-align:left;
  float:left;
  height:100%;
 }
 #login {
  filter: alpha(opacity=100); /* internet explorer */
  khtml-opacity: 1;      /* khtml, version anterior de safari */
  moz-opacity: 1;       /* firefox, mozilla, netscape */
  opacity: 1;           /* safari, chrome, opera */
  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*internet explorer 8*/
  background-color:#F7F7F7;
  vertical-align:bottom;
  color:#0000AA;
  text-align:center;
  margin:0 auto;
  float:right;
  height:100%;
  border-top: solid;
  border-left: dotted;
  border-right: solid;
  border-color: #0000AA;
  border-width: 2px;
 }
 #menu_garage {
  filter: alpha(opacity=100); /* internet explorer */
  khtml-opacity: 1;      /* khtml, version anterior de safari */
  moz-opacity: 1;       /* firefox, mozilla, netscape */
  opacity: 1;           /* safari, chrome, opera */
  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*internet explorer 8*/
  background-color:#F7F7F7;
  vertical-align:bottom;
  color:#0000AA;
  text-align:center;
  margin:0 auto;
  float:right;
  height:100%;
  border-top: solid;
  border-left: solid;
  border-color: #0000AA;
  border-width: 2px;
  visibility:hidden;
 }
 #main { /*Contains left and center layers*/
  background-image:url(images/start_bg.jpg);
  background-repeat:no-repeat;
  color:#FFFFFF;
  margin-bottom:0px;
  height:600px;
  vertical-align:bottom;
  border-top: solid;
  border-bottom: solid;
  border-color: #FFFFFF;
  border-width: 2px;
  position:relative;
  z-index:1;
 }
	 #lat_izq {
	  filter: alpha(opacity=90); /* internet explorer */
	  khtml-opacity: 0.9;      /* khtml, version anterior de safari */
	  moz-opacity: 0.9;       /* firefox, mozilla, netscape */
	  opacity: 0.9;           /* safari, chrome, opera */
	  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /*internet explorer 8*/
	  float: left;
	  width: 28%;
	  height:100%;
	  margin-left:4px;
	  overflow:auto;
	  /*background-color: #FFFFFF;*/
	  border: solid;
	  border-color: #0000AA;
	  border-width: 0px;
	 }
	 #centro_frame {
	  float: left;
	  width: 71%;
	  height:99%;
	  margin-left:4px;
	 }
		 #sub_menu {
		  /*background-color:#FFFFFF;*/
		  filter: alpha(opacity=100); /* internet explorer */
		  khtml-opacity: 1;      /* khtml, version anterior de safari */
		  moz-opacity: 1;       /* firefox, mozilla, netscape */
		  opacity: 1;           /* safari, chrome, opera */
		  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*internet explorer 8*/
		  float: left;
		  width: 100%;
		  height:6%;
		 }
		 
		 	#centro_header{
			  background-color:#FFFFFF;
			  filter: alpha(opacity=100); /* internet explorer */
			  khtml-opacity: 1;      /* khtml, version anterior de safari */
			  moz-opacity: 1;       /* firefox, mozilla, netscape */
			  opacity: 1;           /* safari, chrome, opera */
			  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*internet explorer 8*/
			  border-top:solid;
			  border-left:solid;
			  border-right:solid;
			  border-color: #0000AA;
			  border-width: 1px;
			  float: left;
			  width: 100%;
			  height:93%;
			 }
			 
			 #menu_tab{
			  float: left;
			  width:100px;
			  height:15px;
			  margin-top: 2px;
			  margin-right: 5px;
			  text-align:center;
			 }
			 
		 #centro {
		  /*background-color:#FFFFFF;*/
		  filter: alpha(opacity=100); /* internet explorer */
		  khtml-opacity: 1;      /* khtml, version anterior de safari */
		  moz-opacity: 1;       /* firefox, mozilla, netscape */
		  opacity: 1;           /* safari, chrome, opera */
		  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*internet explorer 8*/
		  float: left;
		  width: 100%;
		  height:93%;
		 }

 #pie {
  background-color:#FFFFFF;
  filter: alpha(opacity=90); /* internet explorer */
  khtml-opacity: 0.9;      /* khtml, version anterior de safari */
  moz-opacity: 0.9;       /* firefox, mozilla, netscape */
  opacity: 0.9;           /* safari, chrome, opera */
  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /*internet explorer 8*/
  clear: both;
  width:100%;
  height:20px;
  text-align:center;
  border-top:solid;
  border-color: #0000AA;
  border-width: 2px;
 }
 
 /* SUBSECCIONES : Se define lo que hay dentro de las 3 partes centrales.*/
 /* CAPA IZQUIERDA Listado de elementos */
 
 #section_list{ /* Contiene la lista de los elementos seleccionados (motor,coche,...)*/
  height:95%;
  width: 98%;
  margin:1px;
 }
 
 #section_content{ /* Contiene la lista de elementos EXCEPTO la cabecera */
  height:88%;
  width: 100%;
  overflow:auto;
 }
 
 #section_element{ /*Muestra cada uno de los elementos del listado*/
  background-color: #FFFFFF;
  height:44px;
  width: 98%;
  border: solid;
  border-color: #0000AA;
  border-width: 1px;
  margin:2px;
 }
 
 #element_image { /* Cuadrado de la imagen del listado*/
  width:100%;
  border:solid;
  border-color: #0000AA;
  border-width: 0px;
  height:40px;
  margin:-2px;
  margin-top:-1px;
 }
 

 /* CAPA CENTRAL Detalles del elemento seleccionado */

 #centre_container { /* Pantalla central al abrir la ficha del elemento*/
  height:98%; border: solid; background-color:#FFFFFF; border-color: #0000AA; border-width: 1px; margin-top:1px; padding:4px; }
 
 #centre_data { /* Contiene los detalles generales del elemento */
  width:59%; float:left; margin:0px; }
 
 #centre_laps { /* Contiene los tiempos por vuelta */
  width:59%; float:right; margin:0px; }
 
 #car_settings { /* Contiene los detalles generales del elemento */
  width:59%; height:50%; float:left; margin:0px; }
  
 #centre_graph { /* Contiene las gráficas jpgraph */
  width:59%; height:45%; float:right; margin-top:0px; }
  
 #centre_telemetry { /* Contiene las gráficas jpgraph */
  width:44%; height:45%; float:right; margin-top:0px; }

 #centre_image { /* Contiene la foto del elemento*/
  width:40%; text-align:center; margin:0px; float:right; }
 
 #centre_compare { /* Contiene la tabla comparativa*/
  width:40%; height:20%; text-align:center; clear:both; margin:0px; float:left;}
 
 #centre_performance { /* Contiene los parámetros del elemento */
  width:40%; height:53%; float:left; margin:-1px; overflow:auto; text-align:center;}
  
 #centre_times { /* Contiene los parámetros del elemento */
  width:55%; height:53%; float:left; margin:-1px; overflow:auto; text-align:center;}
  
 #centre_session_info { /* Contiene los parámetros del elemento */
  width:40%; height:100%; float:left; margin:-1px; overflow:auto; text-align:center;}
 
 #centre_schema { /* Contiene las imagenes imagenes aclarativas */
  width:40%; height:45%; float:right; margin-top:0px; }
  
 #centre_settings_menu { /* menu de settings de coches */
  width:99%; height:5%; clear:both; margin-top:0px; text-align:center;}
  
 #centre_settings_detail { /* Contiene las gráficas jpgraph*/
  width:99%; height:94%; clear:both; margin-top:0px; text-align:center;}
 
 #detail_image { /* Cuadrado de la imagen del listado*/
  width:100%;
  margin:5px;
 }
 
 
 /* FICHA PARAMETROS*/

  #parameters { /* Pantalla central al abrir los detalles*/
  background-color: #FFFFFF;
  height:100%;
  width: 100%;
  border: solid;
  border-color: #0000AA;
  border-width: 1px;
  margin:1px;
 }
 
 /* TABLAS */
 .table1{
  width:100%;
  border-spacing:0px;
  border-collapse:collapse;
  padding:5px;
 }
 .tb_header{
  background-color: #DDDDDD;
  height: 37px;
  text-align:center;
 }
 .tb_header2{
  background-color: #DDDDDD;
  height: 20px;
  text-align:center;
 }
 .tb_row{
  height: 20px;
  text-align:left;
 }
 .tb_row_center{
  height: 20px;
  text-align:center;
 }
 
 /* SECCION DE LOS TEXTOS */
 /* MENUS */
.main { /* Estilo del menu principal */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-align:left;
}
.my_garage { /* Estilo del menu my_garage */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
.login { /* Estilo del menu login */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-align:center;
}

/* */
.link_disabled{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
}
.elements_help {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	color:#0000AA;
}
.elements_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#0000AA;
}
.elements {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-align:center;
	color:#0000AA;
}
.elements_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.add_element {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-align:center;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-align:center;
	color: #000000;
}
.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-align:left;
	color: #555555;
}

.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-align:center;
}

.error_message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-align:left;
	color: #000000;
	text-align:center;
}

.error_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-align:left;
	color: #000000;
	text-align:center;
}

/* PIE DE PAGINA */
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#0000AA;
}