body {
margin-left: 2%;
margin-top: 0px;
margin-right: 2%;
margin-bottom: 0px;
background:#fff;
text-align:center;
}

img { width:1600px; max-width:100%; }

.results_table + .results_table,
.results_table_separator + .results_table { width:99.5%;  }
.results_table_separator + .results_table + .results_table {  }		/* Para el pie */

.results_table_separator { display:none; }
.category_title { font-size:20px !important; text-shadow:none !important;  
				  background:#BE1D2C !important; color:#fff !important; transform:skewX(-20deg); padding:5px 0; border-radius:10px !important; }

.category_x30senior, .category_x30junior { }

.category_bulletins { background:#012F6B !important; }

/* results_table
- tables have max 5 categories / columns
- if there are more than 5 categories, a second table is created below with a div (class results_table_separator) between.
- results_table td.empty is an empty cell. it should not be visible.
*/

.results_table {
width:100%;
border-collapse:collapse;
font-family:Arial,Tahoma,sans-serif;
text-align:center;
}

.results_table td {
height: 25px;
text-align:center;
border-style:solid;
border-width:4px;
border-color:white;
color : white;
font-size:14px;
}

.results_table td.empty 
{
background-color: #fff;
}

.results_table_separator
{
height:100px;
}


/* CATEGORIES TITLES FORMAT
- .results_table td.category_title is the common format
- .results_table td.category_title.category_kz2 is the specific format for kz2
- ...
*/

.results_table td.category_title
{
font-size:38px;
background-color: rgb(255, 255, 255);
text-shadow : 2px 2px 2px #000;
font-weight: bold;
color:#000000;
}

.results_table  td.category_ok
{
color:#009BBA;
}

.results_table  td.category_kz2
{
color:#009BBA;
}

/*CLASS LIST
- date : display a date
- hour : display an hour

- entry_list
- participants_list
- practice : display free practice
- qualifying : display qualifying results 
- merge_qualifying : display qualifying merged results
- heat : display heat results
- merge_heat : display heats merged results
- race : display race results
- merge_race : display races merged results
- manual_file : display user pdf document

- start_list : have a link to a pdf start list document
- results : have a link to a pdf results document
- pending : results are pending
- official : results are official
 */

.results_table td.hour
{
border-right-width : 0px;
font-size:12px;
}

.results_table td.date
{
border-left-width : 0px;
background-color: rgb(255, 255, 255);
color : rgb(55, 55, 55); 
text-align : center;
font-weight: bold;
font-size:14px;
padding:0px;
}

.results_table td.live_timing a
{
border-left-width : 0px;
background-color: rgb(255, 255, 255);
color : rgb(0, 0, 0); 
text-align : center;
font-weight: bold;
font-size:16px;
padding:0px;
}

.results_table td.new_date
{
background-image:url('new_date.png');
background-repeat:repeat-x;
background-position: center top;
}
 
 .results_table td.new_date.results
{
background-image:none;
}
 
.results_table td.hour.start_list
{
}

.results_table td.entry_list
{
background-color: rgb(70, 70, 70);
}

.results_table td.participants_list
{
background-color: rgb(85, 85, 85);
}

.results_table td.practice
{
border-left-width : 0px;
background-color: rgb(50,100,50);
}

.results_table td.hour.practice
{
}

.results_table  td.qualifying
{
border-left-width : 0px;
background-color: rgb(0,150,0);
}

.results_table td.hour.qualifying
{
}

.results_table td.merge_qualifying
{
border-left-width : 0px;
background-color: rgb(0,100,0);
}

.results_table td.heat
{
border-left-width : 0px;
background-color: rgb(0,75,100);
}

.results_table td.hour.heat
{
}

.results_table td.merge_heat
{
border-left-width : 0px;
background-color: rgb(150,0,0);
}

.results_table td.race
{
border-left-width : 0px;
background-color: rgb(0,0,50);
}

.results_table td.hour.race
{
}

.results_table td.merge_race
{
border-left-width : 0px;
background-color: rgb(200,0,0);
}

.results_table td.hour.results
{
background-image:url('results.png');
background-repeat:no-repeat;
background-position: center center;
}

.results_table td.hour.results.pending
{
}

.results_table td.hour.results.official
{
}

.results_table td.manual_file
{
border-left-width : 0px;
background-color: rgb(200,125,0);
}

.results_table a
{
text-decoration:none;
color : white;
font-weight:bold;
}

.results_table a:hover
{
text-decoration:underline;
}