body, table, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
/*	margin: 5px 5px 5px 5px; */
	margin: 0px 0px 0px 0px;
}

H1 { font-size: 18px; }
H2 { font-size: 14px; }
H3 { font-size: 12px; }

BLOCKQUOTE {
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : normal;
	font-variant : normal;
	font-style : normal;
}

hr {
	height: 1px;  
	color: Black;
}

table {
}

th {
	background-color: #3366CC;
	color: White;
	text-align: left;
}
th a {	/* when hyperlink is in a table header, text color must be white */
	color: White;
}

/* some dirty little classes for practical purposes when converting the 
   styles and html (specifically the html.php script) */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.collapse {
	display: none;
}
.visible {
	display: table-row-group;
}

.handicap { text-align: right; }

.odd, .tablerowodd{
	background-color : #F5F5F5;
}
.even, .tableroweven {
	background-color : #E6E6E6;
}

.error {
	color: Red;
}
.readonly {
	background-color: Silver;
}

/* All styles that are used for the news division on the frontpage */
div.news {
	width: 600px;
}

div.news table {
	border-top: 1px dotted Black;
	width: 100%;
}

div.news td.heading {
	color: #C00000; 
	font-size: 18px;
	font-weight: bold;
}
div.news td.heading1 {
	color: #C00000; 
	font-size: 18px;
	font-weight: bold;
}
div.news td.heading2 {
	color: #228823; 
	font-size: 18px;
	font-weight: bold;
}
div.news td.heading3 {
	color: #3333FF; 
	font-size: 18px;
	font-weight: bold;
}
div.news td.heading4 {
	color: #FF6633; 
	font-size: 18px;
	font-weight: bold;
}
div.news td.heading5 {
	color: #8B008B; 
	font-size: 18px;
	font-weight: bold;
}
div.news td.heading6 {
	color: #8B008B; 
	font-size: 18px;
	font-weight: bold;
}

div.news table {
	margin-bottom: 10px;
}
div.news td.author {
	color: Gray;
	font-size: 10px;
	text-align: right;
	vertical-align: top;
}
div.news td.time {
	color: Gray;
	font-size: 10px;
	text-align: right;
	vertical-align: top;
}

div.news td {
	text-align: left;
	vertical-align: top;
}

div.promo table { border-top: none; width: auto; }
div.promo td.track { font-weight: bold; padding-right: 10px;  }
div.promo td.gpl { font-weight: bold; padding-right: 10px;  }
div.promo td.start { font-weight: bold; padding-right: 10px;  }
div.promo td.end { font-weight: bold; padding-right: 10px;  }

div.promoresult table { border-top: none; width: auto; }
div.promoresult td { vertical-align:middle; padding-right: 10px; }
div.promoresult td.winner { padding-bottom: 10px; padding-top: 10px}

div.newwr table { border-top: none; width: auto; }
div.newwr td.track { font-weight: bold; padding-right: 10px;  }
div.newwr tr.newtrack td.track {	padding-top: 10px; }
div.newwr td.user { padding-right: 10px; 	vertical-align: bottom; }
div.newwr td.chassis { padding-right: 10px; 	vertical-align: bottom; }
div.newwr td.laptime { padding-right: 10px; 	vertical-align: bottom; text-align: right; }
div.newwr td.improvement { padding-right: 10px; vertical-align: bottom; text-align: right; white-space: nowrap}

div.newnegs table { border-top: none; width: auto; }
div.newnegs td.rank { font-weight: bold;  padding-right: 10px;  }
div.newnegs tr.newrank td.rank {	padding-top: 10px; }
div.newnegs td.users { padding-right: 10px; vertical-align: bottom; }
div.newnegs td.handicap { text-align: right; vertical-align: bottom; }


/* Styles for the performance tables (the former 107% feature) */
div.a107 .base {	/* base style is used for layout purposes of the 107% table */
	width: 23px;
}
div.a107 .endfill {	/* endfill style is used for layout purposes of the 107% table */
	width: 39px;
}

div.a107 .chassis {
	padding-left: 2px;
	text-align: left;
	width: 65px;
}

div.a107 .times {
	text-align: right;
	width: 75px;
}

div.a107 .track {
	padding-left: 2px;
	text-align: left;
	width: auto;
}

div.a107 caption {
	font-size: 14px;
	font-style: normal;
	text-align: left;
	font-weight: bold;
}

div.a107 table.bar {
	background-image: url(../images/107grid.gif);
	border: 0px solid #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0 2px 0;
}

div.a107 table.data {
	background-color: #F5F5F5;
	border: 1px solid #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	margin-bottom: 12px;
}

div.a107 td.neg {
	text-align: right;
}

div.a107 td.pos {
	text-align: left;
}

div.a107 th {
	background-color: #C0C0C0;
	border-bottom: 1px solid #000000;
	padding: 2px 0px 2px 0px;
	width: 50px;
	color: Black;
}
div.a107 th.pad {
	width: 12px;
}
/* Menu related styles */
DIV.menu {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:162px;
}

DIV.menu span.space {
	display : block;
	border-top-color : Black;
	border-top-style : solid;
	border-top-width : 1px;
	line-height : 6px;
	background: transparent;
}

DIV.menu span.head {
	background : #3366CC;
	color : #FFF;
	font-size : 12px;
	display : block;
	padding : 2px;
	font-weight : bold;
	text-align : center;
}

DIV.menu a {
	color : #000000;
	background : #E6E6E6; /*#F5F5F5; */
	font-size : 10px;
	display : block;
	text-decoration : none;	
	border-left : 1px solid Black;
	border-right : 1px solid Black;
	padding : 1px 0px 1px 3px;
}

/* for some weird reason this style must be an ID-based one. If a class is used then 
 * it won't be seen by the browsers. (probably something I'm missing here)
 */
#nopadding {
	padding : 0px 0px 0px 0px;
	border-top-width : 0px;
	border-bottom-width : 0px;
}

DIV.menu a.selected {
	color : Red;
}

DIV.menu a:hover {
	background : #C9D8E0;
	text-decoration : none;
}

/* classes for the areas where the menu and the main data is shown */
.leftcontent {
	background: transparent;
	border: 1px none Black;
}

.maincontent2col {
	background: White;
	border:1px solid Black;
	padding : 5px 5px 5px 5px;
}

/* Styles for the World Records table */
div.worldrecords {
/*	font-size: 10px; */
}
div.worldrecords .track {
	text-align: left;
	width: 200px;
}
div.worldrecords td, div.worldrecords th {
/*	font-size: 10px; */
	text-align: right;
	width: 100px;
	vertical-align: top;
}

/* Styles for the Track administration*/
div.trackadmin td {
	text-align: center;
	width: 50px;
}
div.trackadmin .track {
	text-align: left;
	width: auto;
}

/* Big Brother reports */
div.bb .heading {
	font-size : 18px;
	color : Red;
}
div.bb .headdate { font-size : 10px; }
div.bb .headleague { font-size : 10px; }
div.bb .headseason { font-size : 10px; }
div.bb .league {
	
}
div.bb .season { padding-left: 20px; }
div.bb .report { padding-left: 40px; }
div.bb .datetime { }
div.bb .bbltrack {
	font-size : 16px;
	line-height : 100%;
	font-weight : bold;
}
div.bb .bbldivision {
	font-size : 14px;
	line-height : 200%;
	font-weight : bold;
}
div.bb .bblheaddriver {
	text-align : left;
	font-weight : bold;
	background-color: #3366CC;
	color : White;
}
div.bb .bblheadchassis {
	text-align : center;
	font-weight : bold;
	background-color: #3366CC;
	color : White;
}
div.bb .bblheadtime {
	text-align : center;
	font-weight : bold;
	background-color: #3366CC;
	color : White;
}
div.bb .bblheadlaps {
	text-align : right;
	font-weight : bold;
	background-color: #3366CC;
	color : White;
}
div.bb .bbldriver { text-align : left; }
div.bb .bblchassis { text-align : center; }
div.bb .bbltime { text-align : center; }
div.bb .bblbesttime { text-align : center; background-color : Lime; }
div.bb .bbllaps { text-align : right; }

div.allleagues .leaguename {
	font-size: 18px;
	font-weight: bold;
}
div.allleagues .leaguedescription {
	font-style: italic;
}
div.allleagues .seasons {
	background-color: transparent;
	color: Black;
}
div.allleagues .drivers {
	background-color: transparent;
	color: Black;
	text-align: center;
}
div.allleagues .handicap {
	background-color: transparent;
	color: Black;
	text-align: right;
}
div.showdivision A {
}
div.trackpromo th {
	background-color: transparent;
	color: Black;
}

/* Login page */
div.login {
	position: relative;
	top: 50px;
	}

div.login table.outer {
	background: White;
	border: 1px solid Black;
}
div.login h1 {
	text-align: center;
	font-size: 24px;
	letter-spacing: 2px;
}

div.login table.login {
	background-color: #E6E6E6;
	border: 1px solid Gray;
	width: 230px;
	float: right;
}
div.login td.message { color: Red; }
div.login .button {
	width: 50%;
}

div.faq p {
	margin-left: 1.5cm;
}

div.selfserv .deleted {	text-align: center; }
div.selfserv .action {	text-align: center; }
div.selfserv .version {	text-align: center; }
div.selfserv .historyedit {	text-align: center; }
div.selfserv .laptime {	text-align: right; }
div.selfserv .handicap {	text-align: right; }
div.selfserv .warning {
	text-align: center; 
	background-color: Yellow;
}

div.rankdetails .evenslow { background-color: #ffc0c0; } /* dark red */
div.rankdetails .evenfast { background-color: #c0ffc0;	} /* dark green */
div.rankdetails .oddslow { background-color: #ffe0e0; } /* bright red */
div.rankdetails .oddfast { background-color: #e0ffe0; } /* bright green */
div.rankdetails .benchmark { text-align: right; }
div.rankdetails .chassis { text-align: center; }
div.rankdetails .session { text-align: center; }
div.rankdetails .time { text-align: right; }
div.rankdetails .delta { text-align: right; }
div.rankdetails .relative { text-align: right; }
div.rankdetails .trkhdcp { text-align: right; }
div.rankdetails .total { font-weight: bold; }
div.rankdetails .driver { text-align: center; }

div.ranking .handicap { text-align: right; }
div.ranking .evenuser { background-color: #c0ffc0;	} /* dark green */
div.ranking .odduser { background-color: #e0ffe0; } /* bright green */

div.myranks th.handicap {
	text-align: right;
}
div.myranks th.rank {
	text-align: right;
}
div.myranks th.relative {
	text-align: right;
}
div.myranks th.history {
	text-align: center;
}

div.myranks td.rankname {
	font-weight: bold;
}
div.myranks td.rank {
	text-align: right;
}
div.myranks td.chassis {
	padding-left: 20px;
}
div.myranks td.monster {
	padding-left: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
div.myranks td.hdcp {
	text-align: right;
}
div.myranks td.chhdcp {
	text-align: right;
}
div.myranks td.rank {
	text-align: right;
}
div.myranks td.monsterrank {
	padding-bottom: 15px;
	text-align: right;
}
div.myranks td.chrank {
	text-align: right;
}
div.myranks td.relative {
	text-align: right;
}
div.myranks td.monsterrelative {
	padding-bottom: 15px;
	text-align: right;
}
div.myranks td.history {
	text-align: center;
}
div.myranks td.monsterhistory {
	padding-bottom: 15px;
	text-align: center;
}

div.myranks td.monsterhdcp {
	padding-bottom: 15px;
	text-align: right;
}

div.myranks td.short {
	font-size: smaller;
	color: #999;
}
}

div.hotlaptreshold th.chassis {
	text-align: right;
}
div.hotlaptreshold td.current {
	text-align: right;
}
div.hotlaptreshold td.new {
	text-align: right;
}
div.hotlaptreshold td.laptimes {
	vertical-align: top;
	text-align: right;
}
div.hotlaptreshold td.in {
	background-color: #E0FFE0;
	text-align: right;
}
div.hotlaptreshold td.out {
	background-color: #FFC0C0;
	text-align: right;
}

div.activity td.driver {
	border-top: 1px dotted Black;
	color: Black;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}

div.activity td.mostrecent {
	color: Gray;
	font-size: 10px;
	text-align: left;
	vertical-align: baseline;
}

div.activity td.rank {
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	padding-top: 5px;
	padding-left: 20px;
}

div.activity td.laptimes {
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	padding-top: 5px;
	padding-left: 20px;
}

div.activity td.type {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 10px;
}

div.activity td.handicap {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
}

div.activity td.delta {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	padding-left: 5px;
}

div.activity td.datetime {
	color: Gray;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	padding-left: 5px;
}

div.activity td.track {
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	padding-left: 20px;
	padding-top: 5px;
}

/* Start of 2nd version */
div.activity2 td.userstats {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

div.activity2 td.finalline {
	border-top: 1px solid Black;
	line-height: 3px;
}

div.activity2 td.navigation {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

div.activity2 td.driver {
	border-top: 1px solid Black;
	color: Black;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-left: 5px;
}

div.activity2 td.mostrecent {
	border-top: 1px solid Black;
	color: Gray;
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 5px;
}

div.activity2 td.rank {
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}

div.activity2 td.laptimespacer {
	padding-left: 40px;
}

div.activity2 td.laptimes {
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	padding-top: 5px;
	padding-left: 20px;
}

div.activity2 td.type {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	padding-right: 10px;
	padding-top: 5px;
}

div.activity2 td.chassis {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	padding-right: 10px;
	padding-top: 5px;
}

div.activity2 td.session {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	padding-right: 10px;
	padding-top: 5px;
}

div.activity2 td.handicap {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
}

div.activity2 td.delta {
	color: Black;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	padding-left: 5px;
}

div.activity2 td.datetime {
	color: Gray;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	padding-left: 5px;
	padding-right: 5px;
}

div.activity2 td.track {
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	padding-left: 20px;
	padding-top: 10px;
}

/* Laptime Positions Table v1 */
div.laptimepositions {
	
}
div.laptimepositions th.chassis {
	text-align: right;
	width: 80px;
}
div.laptimepositions td {
	text-align: right;
}
div.laptimepositions td.track {
	text-align: left;
}
div.laptimepositions td.oddgood {
	background-color: #e0ffe0;
}
div.laptimepositions td.evengood {
	background-color: #c0ffc0;
}
div.laptimepositions td.oddbad {
	background-color: #ffe0e0;
}
div.laptimepositions td.evenbad {
	background-color: #ffc0c0;
}

/* Self Service Logindetails page */
div.selfservlogin {
	position: relative;
	top: 50px;
	}

div.selfservlogin table.outer {
	background: White;
	border: 1px solid Black;
}
div.selfservlogin table.outer td {
	padding: 10px;
}
div.selfservlogin h1 {
	text-align: center;
	font-size: 24px;
	letter-spacing: 2px;
}
div.selfservlogin div.accounts table td {
	padding: 2px;
}
div.selfservlogin div.accounts table th {
	padding: 2px;
}