body
{
background: #bbbbbb
}
/** basic results div styles **/
#results {
	overflow: hidden;
	background: #FFF;
	border: 2px solid #CCCCCC;
	padding: 1%;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
#results p {
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
#results a {
	font-weight:bold;
	text-decoration: none;
	color: #F30;
}
#results a img {
	border: none;
}
#results p a {
	text-decoration: none;
}

#results h1 {
	font-size: 2em;
	line-height: 2em;
     text-align: center;
     font-variant: small-caps;
}

#results h3 {
	font-size: 1em;
}

#results title {
     padding: 0; margin: 0px;
     text-align: center;
}

#results a.aname {
	color: #F30;
	font-weight:bold;
	text-decoration: none;
}

#results select {
	overflow: hidden;
}

#results select {
	background-color:#EEEEEE;
	color:#FF6600;
}

#results .down {
	color: #333;
}

#results .butt {
	background: transparent url(../img/chosen_button_background.png) repeat-x scroll 0 0;
	border: 3px double #CCCCCC;
	color: #FF6600;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	width: 40px;
	margin: 0px;
	margin-left: 3px;
	padding: 1px;
	text-align: center;
	vertical-align: top;
}

#results tr a {
	background-color: transparent;
}

#results #loadimage {
     display: block;
     margin-left: auto;
     margin-right: auto;
	width: 16px;
}

#results #wcaimage {
	display: block;
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	width: 64px;
}

#results #maindisplay {
	min-height: 50px;
	width: 100%;
	margin-top: 10px;
}

#results .noresults {
	text-align: center;
	font-size: 2em;
	border: 1px solid;
	padding: 10px;
}

/** basic table properties **/

#results table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
}

#results table tr th {
	background: #DDD url(../img/subhead_bg.png) top right repeat-x;
}

#results table tr th,
#results table tr td {
	padding: 1px 2px 0 0;
	margin: 0px;
	color:#666;
	font-weight: bold;
	height: 19px;
	text-align: left;
}
#results table tr td {
	color: #333;
	font-weight: normal;
	background: transparent none;
	height: 17px;
	font-weight: normal;
}
#results table tr.striped,
#results table tr.striped td,
#results table tr.striped th {
	background-color: #DDD;
}

/** table/column specific properties **/

#results table tr th,
#results table tr td {
	text-align: right;
	width: 10px;
}
#results table tr th + th,
#results table tr td + td {
	text-align: left;
	width: auto;
}
#results table tr td+td+td,
#results table tr th+th+th {
	text-align: center;
	width: auto;
}

#results table.individual tr td,
#results table.individual tr th {
	width: auto;
	text-align: left;
}
#results table.individual tr td+td,
#results table.individual tr th+th {
	width: auto;
	text-align: center;
}
#results table.individual tr td+td+td+td+td+td,
#results table.individual tr th+th+th+th+th+th {
	width: auto;
	text-align: left;
}

/** event classes **/
#results select .done {
	color: #F60;
}
#results select .partway {
	color: #D40;
}
#results select .nostart {
	color: #000;
}

/** top tabs **/
#results div#tabs {
	float: left;
	width: 145px;
	height: 218px;
	display: block;
	text-align: right;
	border: 2px solid #F60;
	margin-left: 0px;
	margin-bottom: 10px;
	background: url(../img/logo.png);
	font-size: 1.5em
}

#results div#tabs ul{
	float: right;
	width: 125px;
	margin: 0;
	padding: 0;
}
#results div#tabs ul li{
	margin: 3px 0;
	list-style-type: none;
	width: 125px;
}
#results div#tabs ul li a{
	text-decoration: none;
	display: block;
	padding: 6px 4px;
	font-weight: bold;
	color: #888;
	margin-right: 0px;
}
#results div#tabs ul li a.active{
	text-decoration: none;
	display: block;
	padding: 6px 4px;
	font-weight: bold;
	color: #000;
	border: 2px solid #F60;
	border-right: 2px solid #FFF;
	margin-right: -2px;
}
#results div#tabs ul li a:hover,
#results div#tabs ul li a.active:hover{
	color: #F60;
}

/** events table **/
#results table.events tr td,
#results table.events tr th{
	width: auto;
	text-align: left;
}

#results table.individual .avg {
     font-weight: bold;
     text-align: right;
}
#results table.individual .best {
     font-weight: bold;
     text-align: right;
}
#results table.individual .worst {
     text-align: middle;
}
#results table.individual .details {
     text-align: left;
}
#results table.individual .WR {
     text-align: middle;
}

/* Added by Lucas, 20090803*/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	/*overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colleft {
	float:left;
	width:100%;
	position:relative;
     /*border-right:1px solid #000;*/
}

/* 2 Column (left menu) settings */
.leftmenu .colleft {
	right:0;			/* right column width */
	background:#ffffff;	/* left column background colour */
}
.leftmenu .col2 {
	float:right;
	width:720px;			/* right column content width */
	right:0;			/* 100% plus left column left padding */
}
.leftmenu .col1 {
	float:left;
	left:0;			/* (right column left and right padding) plus (left column left padding) */
	width: 180px;
}
html {
     overflow-y: scroll;
}