/* MoE Tracker © 2009-10 by Michael Booth (boothy/boothym@gmail.com) last modified: // <!-- phpDesigner :: Timestamp [17/12/2010 13:00:01] -->*/

/* Eric Meyer reset */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
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: #000; 
    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; }

html { overflow-y: scroll; }

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; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }

/*** Primary styles ***/

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

/* class coloured links */
.gt0 a, a.gt0 { color:#090; }
.gt1 a, a.gt1 { color:#29a0ff; }
.gt2 a, a.gt2 { color:#ff2f42; }
td.num a, td.num a:visited{ text-decoration:none; }

/* link hover styles */
a:hover{ color:#231c24;text-decoration:none;cursor:pointer; }
.gt0 td.num a:hover, .gt1 td.num a:hover, .gt2 td.num a:hover { color:#fff;text-decoration:underline; }

/* class colours */
.gt0dd{ color:#090; }
.gt1dd{ color:#29a0ff; }
.gt2dd{ color:#ff2f42; }

/* table striping */
#r0.gt0,#r2.gt0,#r4.gt0,#r6.gt0,#r8.gt0,#r10.gt0,#r12.gt0,#r14.gt0,#r16.gt0,#r18.gt0,#r20.gt0,#r22.gt0,#r24.gt0,#r26.gt0,#r28.gt0{ background:#f5faf5; }
#r1.gt0,#r3.gt0,#r5.gt0,#r7.gt0,#r9.gt0,#r11.gt0,#r13.gt0,#r15.gt0,#r17.gt0,#r19.gt0,#r21.gt0,#r23.gt0,#r25.gt0,#r27.gt0,#r29.gt0{ background:#eaf0ea; }
#r0.gt1,#r2.gt1,#r4.gt1,#r6.gt1,#r8.gt1,#r10.gt1,#r12.gt1,#r14.gt1,#r16.gt1,#r18.gt1,#r20.gt1,#r22.gt1,#r24.gt1,#r26.gt1,#r28.gt1{ background:#f5f5fa; }
#r1.gt1,#r3.gt1,#r5.gt1,#r7.gt1,#r9.gt1,#r11.gt1,#r13.gt1,#r15.gt1,#r17.gt1,#r19.gt1,#r21.gt1,#r23.gt1,#r25.gt1,#r27.gt1,#r29.gt1{ background:#eaeaf0; }
#r0.gt2,#r2.gt2,#r4.gt2,#r6.gt2,#r8.gt2,#r10.gt2,#r12.gt2,#r14.gt2,#r16.gt2,#r18.gt2,#r20.gt2,#r22.gt2,#r24.gt2,#r26.gt2,#r28.gt2{ background:#faf5f5; }
#r1.gt2,#r3.gt2,#r5.gt2,#r7.gt2,#r9.gt2,#r11.gt2,#r13.gt2,#r15.gt2,#r17.gt2,#r19.gt2,#r21.gt2,#r23.gt2,#r25.gt2,#r27.gt2,#r29.gt2{ background:#f0eaea; }

/* tr hover class colours */
#raceStandings tr.gt0:hover, #teamstatscomparison tr.gt0:hover, #unfiltered tr.gt0:hover{ cursor:default;background:#acff80; }
#raceStandings tr.gt1:hover, #teamstatscomparison tr.gt1:hover, #unfiltered tr.gt1:hover{ cursor:default;background:#80acff; }
#raceStandings tr.gt2:hover, #teamstatscomparison tr.gt2:hover, #unfiltered tr.gt2:hover{ cursor:default;background:#ff80ac; }
#raceStandings tr.collapsed_stats:hover{background:#fff;}

/* body, containers */
body { text-align:center; background:#ddd; }
#container { text-align: left; margin: 0 auto; max-width: 85em; }
#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:#000; }

/* 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:8em;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; }

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

/* main standings columns */
#index #raceStandings tbody td:first-child{background:#fff;min-width:2.25em;}
#index #raceStandings 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:1em;}
.num{background:#231c24;font-weight:bold;min-width:2.25em;font-size:112%;}
.teamName{padding-left:.5em;text-align:left;font-weight:bold;max-width:300px;}
.teambestlap{color:#007e3a;font-size:116%; }
.classbestlap{color:#609; font-size:116%;}
.currentDriver{text-align:left;}
.currentDriver img{margin:0 .25em;cursor:help}
.diff{text-align:left;padding-left:.25em;}
.gap{background:#ffdb00;padding:.125em .5em;}
.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;}
.collapsed_stats td table{text-align:center;float: left;width:auto;margin:.25em; }
.collapsed_stats td table th{background:#fff;color:#000;min-width:85px; }
.collapsed_stats td table td{ padding:0 .5em; }
.collapsed_stats td table td p{ margin:.5em; }
.collapsed_stats td table td a{ margin:0.5em;text-align:left; }
th[scope='row']{text-align:right;}
.expandedbottom{text-align: left;font-weight:bold;}
.carimage { float:left;width:auto; }

/* team status */
abbr{font-weight:bold;border-bottom:1px dotted #000;cursor:help;}
abbr[title="Running on track"]{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:#000;display:block;color:#fff;}
span[title]{cursor:help;}
span[title]:hover{border-bottom:1px dotted #000;}

/* bottom help */
#bottom_help{ float:left;width:auto;margin:1em; }
#bottom_help .hourlystandings a{ margin-right:.25em;white-space: nowrap; }

/* 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 */
#teamstats tbody td.pos{background:#999;color:#fff;}

#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:1em;}
#teamstatscomparison .teamName a{ text-decoration:none; }
#teamstatscomparison .teamName a:hover{ text-decoration:underline; }
#teamstatscomparison .teamStat{border:1px solid #231c24;}
#teamstatscomparison td span{border-bottom:1px dotted #000;cursor:help;}

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

#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;}
#unfiltered1, #unfiltered2{width:47%;float:left;text-align:center;margin:0 .25em .5em;}