@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }
body { height: 100%; background-color: #111111; font-family: Verdana; font-size: 8pt; }
table.cal { font-size: 6pt; }

div#wrapper, div#header, div#mainnav { margin: 0px auto; }
div#wrapper { width: 960px; background-color: #FFFFFF; padding: 3px 0px; }
div#header { width: 954px; height: 200px; background-color: #CCCCCC; }
div#mainnav { width: 954px; height: 30px;  background-image: url('nav-bg2.jpg'); background-repeat: repeat-x; margin-top: 3px; }
div#columns { width: 954px; margin: 0px auto; }
div#columns #left { float: left; width: 160px; }
div#columns #middle { float: left; width: 618px; padding-left: 7px; }
div#columns #right { float: left; width: 160px; padding-left: 7px; }
div#footer { width: 954px; margin: 10px auto 0px auto; height: 50px; background-color: #222222; color: #CCCCCC; text-align: center; }

br.clear { clear: both; }

h1, h2, h3 { padding: 0px; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; margin-top: 10px; }
h4 { font-size: 11px; font-family: Arial; }

div.contentbox { width: 100%; line-height: 1.5; margin-top: 3px; border-left: 1px solid #CCCCCC;  border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
div.contentbox div.pad { padding: 7px; background-image: url('cbox-mbg.jpg'); background-repeat: repeat-x; }
div#columns #middle .contentbox { border-bottom: 2px solid #CCCCCC; }
h4.boxheading, h4.boxheading2 { width: 100%; height: 20px; line-height: 22px; background-repeat: repeat-x; color: #FFFFFF; text-indent: 7px; }
h4.boxheading { background-image: url('cbox-heading-bg-grad5.jpg'); }
h4.boxheading2 { background-image: url('cbox-heading-bg-grad5.jpg'); }

ul.sidebar li { list-style: none; height: 22px; line-height: 20px; background-image: url('menu-bg.jpg'); background-repeat: repeat-x; padding: 0 7px; }
ul.sidebar li a { display: block; }

a:link, a:visited, a:active { text-decoration: underline; color: #222222; }
a:hover { text-decoration: underline; color: #20b3de; }

a.main:link, a.main:visited, a.main:active { font-family: Verdana; font-size: 11pt; text-transform: uppercase; text-decoration: none; color: #FFFFFF; }
a.main:hover { text-decoration: underline; color: #F0F0F0; }

ul.nav { list-style-type:none; height: 30px; display: block; width: 610px; margin: 0 auto; }
ul.nav li { display: block; float: left; height: 30px; width: 120px; text-align: center; line-height: 33px; border-right: 1px solid #696969; }
ul.nav li#leftitem { border-left: 1px solid #696969; }
ul.nav li a { display: block; }
ul.nav li.selected { background-image: url('nav-selected-bg2.jpg'); background-repeat: repeat-x; text-decoration: underline; color: #FFFFFF; }
ul.nav li:hover { background-image: url('nav-hover-bg.jpg'); background-repeat: repeat-x; }

p { padding-top: 10px; }

label {	width: 80px; float: left; margin-top: 2px; }
p input {	font-size: 10px;	border: 1px solid #333333; padding: 2px; }
input.button { margin-left: 80px;	margin-top: 5px; }

div.error { color: #B30000; padding: 5px 0px 0px 80px; }
div.message { color: #00008C; padding: 5px; }

ul.mainlist { margin: 10px 0px 10px 30px; list-style: square; }

table.cal { background-color: #FFF; }
table.cal .month a { background-color: #666; color: #FFF; font-size: 10pt; }
table.cal .day { font-weight: bold; font-size: 10pt; }
table.cal .date { font-size: 10pt; }
table.cal .month { background-color: #444; color: #FFF; font-size: 11pt; }
table.cal th { border-right: 0px; }
table.cal { border: 1px solid #CCC; border-collapse: collapse; }
table.cal td { border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-collapse: collapse; }

div.contentbox ul.secondary { padding-left: 15px; list-style: square; }
div.contentbox ul.secondary li { margin-top: 5px; }

div.contentbox .leftpad { padding: 3px 0px 0px 7px; background-image: url('cbox-mbg.jpg'); background-repeat: repeat-x;  }

table tr th { text-align: left; }
table.cal .highlight { color: blue; font-weight: bold; }

#loading_message { display: none; }

table.results th { text-align: center; }
table.results tr.header { border-bottom: 1px; border-top: 1px; border-style: solid; border-color: #888888; }

.svrOffline {
	color: #FF0000;
}

.svrOnline {
	color: #339900;
}

ul.mumbleLive {
	list-style: none;
}

ul.mumbleLive ul {
	list-style: none;
	margin-left: 10px;
}

ul.mumbleLive li {
	font-weight: bold;
}

ul.mumbleLive ul li {
	font-weight: normal;
}

div#raceDetails {
	width: 100%;
}

div#raceDetails .left {
	width: 270px;
	float: left;
}

div#raceDetails .right {
	width: 270px;
	float: right;
}

.publicSvr {
		color: blue;
}

.privateSvr {
		color: red;
}