/* MoE Tracker © 2009-12 by Michael Booth (boothy/web@michaelbooth.me.uk) last modified: // <!-- phpDesigner :: Timestamp [24/08/2012 18:35:40] --> */

/* Eric Meyer reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END RESET CSS */

body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
body, select, input, textarea {
    color: #222; 
    font-family: Helvetica, Arial, serif; 
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

small { font-size: 85%; }
strong, th { font-weight: bold; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
textarea { overflow: auto; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

::-moz-selection{ background: #ff2f42; color:#fff; text-shadow: none; }
::selection { background:#ff2f42; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 
button {  width: auto; overflow: visible; }

.invisible { visibility: hidden; }

/*** Primary styles ***/

/* links */
a:hover, a:active { outline: none; }
a:focus{ outline: 1px dotted; }
a, a:active, a:visited { color:#225be1; text-decoration:underline; font-weight:bold;}

/* class coloured links
.gt0 a, a.gt0, .gt500 a, a.gt500 { color:#090; }
.gt1 a, a.gt1 { color:#29a0ff; }
.gt2 a, a.gt2, .gt300 a, a.gt300 { color:#ff2f42; }
.gt3 a, a.gt3 { color:#ff8c00; } */


/* link hover styles */
a:hover{ color:#222;text-decoration:none;cursor:pointer; }
.num a:hover{ color:#222;text-decoration:underline; }

/* class colours */
.gt0dd,.gt500dd{ color:#090; }
.gt1dd{ color:#29a0ff; }
.gt2dd,.gt300dd{ color:#ff2f42; }
.gt3dd{ color:#ff8c00; }



/* body, containers */
body { text-align:center; background:#ddd; }
#container { text-align: left; margin: 0 auto; max-width: 90em; }
#container2 { float: left;background:#fff; width:100%;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; }
#admin #container2 { background:#ddd;text-align:center; }

/* nav */
#nav{ width:100%;background:#222;color:#fff;padding:0.25em 0; }
#nav li{ display:inline;}
#nav li a{ padding:.25em 1em;background:#222;color:#fff;text-decoration:none;font-weight:bold; }
#nav li a:hover{ background:#ff2f42;color:#222; }

/* header */
#header{ text-align:center; margin:0.5em; }
h1{ display:inline-block;zoom:1; *display: inline;margin:0 auto;vertical-align:top }
h2{ clear:left;letter-spacing:1px;font-size:174%;margin:0.25em auto; }

/* race info */
dl.raceData{ display:inline-block;zoom:1; *display: inline;max-width:550px;width:auto;margin:0 auto;margin-left:1em;text-align:left;vertical-align:top; }
.raceData dt{ width:9em;float:left;border-top:1px solid #999;font-weight:bold;padding:.3em; }
.raceData dd{ float:left;width:30em;border-top:1px solid #999;padding:.3em; }
.raceData dt:first-child,.raceData dt:first-child+dd{border:none; }

/* race status */
.gf{ background:#007e3a;color:#fff; }
.rf{ background:#d21034;color:#fff; }
.scd{ background:#fadf00; }
.pl{ background:#111;color:#fff; }

/* number column */
.num a, .num a:visited{ text-decoration:none;color:#fff; }
td.num {background:#444;}
.green td.num { background: #57b934; }
.blue td.num { background:#1d73cb; }
.tbo td.num { background:#1d73cb; }
.red td.num { background:#e2392e; }
.darkred td.num {background:#c10000;}
.orange td.num { background:#e97e04; }
.std td.num { background:#e97e04; }
.purple td.num {background:#7d14c2}

/* table striping */
#raceStandings tr:nth-of-type(4n+1), #lapchart table tr:nth-of-type(2n+2), #unfiltered tr:nth-of-type(odd)  {background:#f5f6fa;}
#raceStandings tr:nth-of-type(4n+3), #lapchart table tr:nth-of-type(2n+3), #unfiltered tr:nth-of-type(even)  {background:#e9eaf0;}
#raceStandings tr:nth-of-type(4n+1).green  {background:#f5faf5;}
#raceStandings tr:nth-of-type(4n+3).green  {background:#eaf0ea;}
#raceStandings tr:nth-of-type(4n+1).blue  {background:#f5f5fa;}
#raceStandings tr:nth-of-type(4n+3).blue  {background:#eaeaf0;}
#raceStandings tr:nth-of-type(4n+1).red, #raceStandings tr:nth-of-type(4n+1).darkred {background:#faf5f5;}
#raceStandings tr:nth-of-type(4n+3).red, #raceStandings tr:nth-of-type(4n+3).darkred  {background:#f0eaea;}
#raceStandings tr:nth-of-type(4n+1).orange  {background:#faf8f5;}
#raceStandings tr:nth-of-type(4n+3).orange  {background:#f0ece9;}

/* table hover colours - colour from .num with 50% saturation and 100% brightness */
#raceStandings tr:hover{ cursor:default;background:#dadada; }
#raceStandings tr.green:hover{ cursor:default;background:#a1ff80; }
#raceStandings tr.blue:hover{ cursor:default;background:#57abff; }
#raceStandings tr.tbo:hover{ cursor:default;background:#57abff; }
#raceStandings tr.red:hover{ cursor:default;background:#ff8880; }
#raceStandings tr.darkred:hover{ cursor:default;background:#ff8080; }
#raceStandings tr.orange:hover{ cursor:default;background:#ffc380; }
#raceStandings tr.std:hover{ cursor:default;background:#ffc380; }
#raceStandings tr.purple:hover{ cursor:default;background:#cc80ff; }

/* main standings table */
#raceStandings{width:100%;float:left;text-align:center;}
th{ background:#222;color:#fff;padding:.25em; }
td{ vertical-align:middle; }
#collapsable,.collapsable{cursor:pointer;text-decoration:none;}

/* main standings columns */
#index  tbody td:first-child{background:#fff;/*min-width:2.25em;*/}
#index  tbody td:first-child img{padding:.125em .25em;}
.pos,.teamName,.gap{font-size:123.1%;}
.pos{padding:.125em .5em;background:#999;color:#fff;font-weight:bold;/*min-width:0.5em;*/}
.num{background:#222;font-weight:bold;/*min-width:1.5em;*/font-size:112%;}
.teamName{padding-left:.5em;text-align:left;font-weight:bold;/*max-width:300px;*/}
.driverbestlap{color:#225be1;}
.teambestlap{color:#007e3a;}
.classbestlap{color:#609; }
.qualibest{font-weight:bold;font-size:108%;}
tr.qualibest {font-weight:bold;font-size:100%}
.currentDriver{text-align:left;}
.currentDriver span {white-space: nowrap;}
.currentDriver img {margin:0 .25em;cursor:help}
.teamName img{margin:0 .25em 0 0;cursor:help}
.gap{background:#fed900;padding:.125em .25em;}
.penlaps{background:#800;color:#eee;font-weight:bold;padding:0 .125em;}
.penlapspos{background:#007e3a;color:#fff;font-weight:bold;padding:0 .125em;}

/* collapsed statistics */
.collapsed_stats {text-align:left;}
#raceStandings tr.collapsed_stats, #raceStandings .collapsed_stats tr, .collapsed_stats td {background:#fff;}
.collapsed_stats td:hover, .collapsed_stats tr:hover, .collapsed_stats tr{background:#fff;}
.collapsed_stats td table{text-align:center;float: left;width:auto;margin:.25em; }
.collapsed_stats td th{background:#fff;color:#222;min-width:85px;font-size:100%; }
.collapsed_stats td td{ padding:0 .5em; }
th[scope='row']{text-align:right;}
.expandedbottom{text-align: left;font-weight:bold;}
.expandedbottom p{ margin:.5em; }
.carimage { float:left;width:auto; }

/* team status */
abbr{font-weight:bold;border-bottom:1px dotted #222;cursor:help;}
abbr[title="Running on track"],[title="Finished the race"]{color:#007e3a;}
abbr[title="Did Not Start"]{color:#42b4e6;}
abbr[title="Not Completing Laps"]{color:#ff7c00;}
abbr[title="In the Pit Lane"],abbr[title="Exited the Pit Lane"],.pitin{color:#d21034;}
abbr[title="Disqualified"]{background:#222;display:block;color:#fff;}
span[title]{cursor:help;}
span[title]:hover{border-bottom:1px dotted #222;}
th span[title]{border-bottom:1px dotted #fff;}

/* bottom help */
#bottom_help{ float:left;width:auto;margin:1em; }
ul#hourlystandings li{ display:inline-block;margin:0 5px 0 0;white-space: pre-line;zoom:1; *display: inline; }

/* footer */
#footer{ float:left;width:97%;background:#ddd;text-align:center;display:table;padding:.5em; }
#footer a{ display:table-cell;vertical-align:middle; }

/* extended statistics */
#teamstatscomparison{ float:left;text-align:center;width:100%;}
#teamstatscomparison th[scope='row']{text-align:center;}
#teamstatscomparison td {border:none;}
#teamstatscomparison .teamName{border:none;/*max-width:300px;*/padding-left:0.5em;}
#teamstatscomparison .teamName a{ text-decoration:none; }
#teamstatscomparison .teamName a:hover{ text-decoration:underline; }
#teamstatscomparison .teamStat{border:1px solid #222;}
#teamstatscomparison td span{border-bottom:1px dotted #222;cursor:help;}

#teamstatscomparison td.gf{background:#007e3a;color:#fff;font-weight:bold;border:1px solid #222;}
#teamstatscomparison td.rf{background:#d21034;color:#fff;font-weight:bold;border:1px solid #222;}

#lapchart{width:96%;float:left;margin:0 2% 0.5em;}
#lapchart table{width:13%;display:inline-block;zoom:1; *display: inline;vertical-align:top;margin:.25em;}
#lapchart table td{padding:.375em;}

/* unfiltered */
h3{float:left;width:100%;text-align:center;font-size:197%;margin:0.5em auto; }
#unfiltered{width:90%;text-align:center;margin:0 auto 0.5em;}