/*----------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,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-weight:400;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
*{
   -webkit-text-size-adjust:none;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*----------------------------------------------------------------------*/
/* Font Declaration
/*----------------------------------------------------------------------*/

html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{ 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

.container_100 {
	width:100%;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
	background:#ececec;
}
body {
	background:#fff url(../img/main-bg.png) left top repeat-x;  
	margin-top:0;	
	font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

pre,
code {
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* Google Fonts*/
.fonta {font-family: 'Coustard', serif;}
.fontb {font-family: 'Carter One', sans-serif;}
.fontc {font-family: 'Comfortaa', cursive;}
.fontd {font-family: 'Open Sans', sans-serif;}
.fonte {font-family: 'Arimo', sans-serif;}


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 30px;
	margin-bottom:0.5em;
	line-height:1.2em;
	font-family:'Arimo', Helvetica, Arial;
}

h2 {
	font-size: 23px;
	font-family:'Arimo', Helvetica, Arial;
	margin-bottom:0;
}

h3 {
  font-size: 18px;
	margin-bottom:0;
	font-family:'Arimo', Helvetica, Arial;	
}

h4 {
  font-size: 15px;
  margin-bottom:0;
	font-family:'Arimo', Helvetica, Arial;
}

h5 {
  font-size: 12px;
	font-family:'Arimo', Helvetica, Arial;
}

h6 {
  font-size: 10px;
	font-family:'Arimo', Helvetica, Arial;
}
.underline {
	border-bottom:5px solid #eee;
	margin-bottom:10px;
}
.overline {
	border-top:5px solid #eee;
	padding-top:10px;
}
.rails {
	border-top:2px dashed #eee;
	border-bottom:2px dashed #eee;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

li {
  margin-left: 0;
}

p,
hr,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

ol li,
ul li { list-style:none; }

strong { font-weight:bold; }
input[type=text] {
	padding:0.7em 0.3em;
	border:1px solid #ddd;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;		
}
sup { font-size:9px; color:#999; position:absolute; margin-top:-6px;}
h1 a { color:inherit !important; }
dl { 
	margin-top:1em; 
	margin-bottom:1.5em; 
}
dd { 
	margin-bottom:1em;
}
/*----------------------------------------------------------------------*/
/* General Section
/*----------------------------------------------------------------------*/

html, body, textarea, input { 
	font-size:101%;
	font-size:12px;
	-webkit-text-size-adjust:none;
}

.banner { 
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.main { 
	min-height:400px;
	background-color:white; 
	padding-top:20px;
	padding-bottom:20px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
/*	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
}
.login.main {
	min-height:100px;
	width:480px;
	margin:40px auto 250px;
}

a, a:hover, a:visited, a:link { 
	text-decoration:none;
}
a:hover span { text-decoration:none; }

.nav { 
	background: #646464 url(../img/grad.png) left top repeat-x;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	padding-left:0px;
	padding-right:0px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	overflow:hidden;
	margin-bottom:20px;
	-moz-background-clip:content-box;
}
.nav .grid_8 {
	margin-left:0;
}
.nav .grid_4 {
	margin-left:0;
}
.nav {
	
}
.nav ul {
	float:left;
	margin:0;
	padding:0;
}
.nav ul li { 
	float:left;
	list-style:none;
	margin-left:0;
	
}
.nav ul li a {
	display:block;
}
.nav ul li a span {
	display:block;
	font-family:'Open Sans', Helvetica, Arial;
	font-weight:700;
	color:white;
	letter-spacing:3px;
	text-transform:uppercase;
	font-size:14px;
	padding:14px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);		
	border-bottom:2px solid rgba(0,0,0,0.1);	
}
.nav ul li a:active, 
.nav ul li a.active,
.nav ul li a.active:hover {
	background: url(../img/grad.png) left top repeat-x;
	text-decoration:none;
}
.nav ul li a:hover span {
	text-decoration:none;
}
.nav ul li a:hover {
	text-decoration:none;
	background-image: url(../img/grad.png);
	background-position: left top;
	background-repeat: repeat-x;
}

.racefont {
	font-family:'Open Sans', Helvetica, Arial;
	font-weight:800;
	letter-spacing:3px;
	font-size:13px;
	text-transform:uppercase;			
}

.frame {
	border-width:3px;
	border-style:solid;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom:10px;
	
}
.frame article {
	padding:10px;
	float:left;
}
.frame header {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	-moz-border-bottom-left-radius:0;
	-moz-border-bottom-right-radius:0;	
}



.rounded {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sq {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
/*
   Grid Headers
*/
section header {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-image: url(../img/grad.png);
	background-position: left top;
	background-repeat: repeat-x;
	border-bottom:2px solid rgba(0,0,0,0.1);	
}

section header span {
	display:block;
	padding-left:12px;
	padding-top:7px;
	padding-bottom:6px;
	color:white;
	text-shadow: 0 1px 1px rgba(0,0,0,0.15);		
}
section header.bordergray2 span.racefont {
	text-shadow: none !important;
}
section header span.more {
	padding:0;
	color:white;

	float:right;

}
section header span.more a {
	display:block;
	padding-right:15px;
	background:url(../img/chevron.png) right top no-repeat;	
	margin-top:-24px;
	margin-right:12px;	
	font-weight:bold;
	color:rgba(255,255,255,0.5);
	font-family:Helvetica, arial, sans-serif;
	font-size:12px;
	text-shadow: none;	
}
section header span.more a:hover { 
	color:white; 
	text-decoration:none; 	
}

section > article {
	margin-top:10px;
	margin-bottom:10px;
	padding-left:12px;
}
section .alpha {
	Xtext-indent:12px;
}
section.noheader > div {
	margin-top: 0;
}
div.center {
	padding-left:0;
	text-align:center;
}
.nicetext {
	text-transform:uppercase;
	letter-spacing:2px;
}
.bumpleft {
	padding-left:12px;
}

/* Site Global Footer */
body > footer {
/*	background:#363636 url(../img/admin/ui-bg_flat_90_eeeeee_40x100.png) left top;*/
	background:#ececec;
	padding-top:20px;
	padding-bottom:20px;
	color:#bbb;
	min-height:200px;	
}
body > footer .site_menu li { 
	float:left;
	margin-right:10px;
}
body > footer h3 {
	color:#bbb;
}
body > footer a span {
	color:#999;
}

.sponsor_list .sponsor_image {
	width:128px;
}
.sponsor_list li {
	float:left;
	margin:10px 10px 10px 0;	
	width:128px;
	height:128px;
}

.sitename {
	margin-left:20px;
}
.siteinfo {
	padding-top:15px;
	margin-bottom:15px;
}
.nextrace {
	text-align:right;
	margin-right:20px;
}
.search {
	text-align:right;	
}
.searchbox {
	width:143px;
	height:31px;
	background: url(../img/searchbox.png) left top no-repeat;
	margin-top:9px;
	margin-right:8px;
	display:inline-block;
	border:1px solid #666;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
}
.searchbox input {
	background:none;
	width:95px;
	margin-left:25px;
	padding:10px 10px 5px;
	border:0;
}

.search button {
	
}
button.action {
	cursor:pointer;
	display:inline;	
	margin-top:8px;
	border:0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	
/*	background:#d33346;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad44b', endColorstr='#f08d1d');
	background:-webkit-gradient(linear, left top, left bottom, from(#fad44b), to(#f08d1d));
	background:-moz-linear-gradient(top,  #fad44b,  #f08d1d);
	background:-o-linear-gradient(top,  #fad44b,  #f08d1d);
*/	

	padding:10px 10px 8px;
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:white;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);	
	font-weight:800;	
}
button.action.small {
	padding:7px 7px 6px;
	font-size:11px;
	font-weight:600;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-top:0;
	margin-bottom:10px;
}
.sponsor_list {
	margin:0;
	padding:0;
}
.sponsor_list li {
	list-style:none;
	padding-bottom:10px;
}
.sponsor_list .sponsor_name {
	display:none;
	font-family:'Open Sans', Helvetica, Arial;
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;	
}

table.data {
	border-collapse:collapse;
	width:100%;
}

table.data th {
	text-align:left;
	font-weight:bold;
	color:#999;
	padding:0.2em 1.5em 0.2em 0;	
}
table.data th span{
	font-weight:800;
	text-align:left;
	color:#bbb;
	cursor:pointer;
}

table.data tr {
	
}

table.data td {
	padding:10px 1.5em 10px 0;
	margin:0;
}
tr.even td {

}
tr.odd {
	
}
.datatable td {
	border-bottom:1px solid #ddd;
	padding-bottom:1em;
}

table.data a { 
	color:black; 
	font-weight:800;
}

/* for rider view result_latest */
.bignum { 
	font-size:38px; 
	font-family:'Comfortaa', Helvetica, Arial; 
	display:block;
	margin-top:-9px;
}

.race_date_badge {
	display:none;
}
.race_date_badge a:hover {
	text-decoration:none;
}
.race_date_badge a {
	display:block;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#ddd;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.race_date_badge a span {
	color:white;
	display:block;
}

.race_date_badge .race_date_day {
	font-size:18px;
}

.taright {
	text-align:right !important;
}
.text-center {
	text-align:center !important;
}

.message {
	background-color:white;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:2px solid #f3cd47;
	xpadding:10px;
	margin-top:10px;
	margin-bottom:20px;
}

.message h1 {
	color:white;
	background:#f3cd47 url(../img/grad.png) left top repeat-x;;
	border-bottom:2px solid rgba(0,0,0,0.05);
	padding:7px 0 6px 10px;
	margin-bottom:8px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.15);			
}
.message.alert {
	border-color:#f56b45;
}
.message.alert h1 {
	background-color:#f56b45;
}
.message p {
	margin-left:10px;
	margin-right:10px;
	color:#444444;
	font-size:13px;
	margin-bottom:10px;
}
.message sup {
	margin-top:-23px;
}

.race_list_block {
	margin-bottom:10px;
	float:left;
}
.race_list_block h3 {
	line-height:1em;
}

.result_recent_block {
	margin-bottom:0;
}
.result_recent_block li,
.race_upcoming_block li,
.series_upcoming_block li {
	line-height:1em;
	padding-bottom:15px;
}
.result_recent_block h4,
.race_upcoming_block h3,
.series_upcoming_block h4 {
	line-height:1.2em;
}
ul.series_upcoming_block {
	margin-bottom:0;
}


.bubbledata,
.bubblelabel { 
	color:white; 
	position:absolute; 
	text-align:center; 
	line-height:1em;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.fontb.bubbledata { margin-top:-10px;}		

ul.rider_category_list {
	margin-bottom:0;
}
li.rider_category span,
li.race_type span {
	padding-left:5px;
}
li.rider_category.selected,
li.race_type.selected {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
}
li.rider_category.selected a:hover,
li.race_type.selected a:hover {
	text-decoration:none;
}
li.rider_category.selected a span,
li.race_type.selected a span {
	display:block;
	font-weight:800;
	color:white;
	padding:5px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);	
}

/* Results Data */
.rider_category_results {
 	margin-bottom:2em;	
	float:left;
}
.rider_category_results h4 {
	margin-left:12px;
}
.rider_result,
.race_result {
	float:left;
	border-bottom:1px solid #ddd;
	padding:1em 0;
	background:#ffffff;
}
.rider_result:hover,
.race_result:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
	background:-moz-linear-gradient(top,  #ffffff,  #f1f1f1);
	background:-o-linear-gradient(top,  #ffffff,  #f1f1f1);
}	
.rider_result.last {
/*	border-bottom:0;*/
}
.rider_result.odd {

}
.result_total_points .result_data,
.result_total_points .result_type {
	font-weight:bold;
}
.result_heading {
	float:left;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
}
.result_heading span {
	color:#999;
	font-weight:bold;
}
.result_rider_name {
	font-weight:bold;
	font-size:14px;
	margin-left:12px;
}
.result_rider_id {
	font-weight:bold;
	font-size:14px;
	margin-left:12px;
}
.result_race_name {
	display:block;
	font-weight:bold;
	font-size:12px;
	padding-left:12px;
}
.result_race_date {
	display:block;
	padding-left:12px;
}
.result_note {
	color:#999;
	font-style:italic;
}
.result_data_entry {
	padding-top:5px;
}
#result_data_entries {
	margin-top:5px;
	background:#ececec;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff');
	background:-webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff));
	background:-moz-linear-gradient(top,  #ececec,  #ffffff);
	background:-o-linear-gradient(top,  #ececec,  #ffffff);
}
#rider_category_lock {
	margin-top:12px; 
	float:left;	
}
.result_data_new {
	margin-top:12px;
}


ul.new_riders li {
	margin-bottom:5px;
}
ul.new_riders li a span{
	font-size:13px;
}	

body .ui-tabs {
	padding:0;
	border:0;
}
body .ui-widget-header {
	border:0;
	margin-bottom: 10px;
}
body .ui-tabs-panel {
	padding:0;
}

.race_type_badge { 
	opacity:0.8;
	color:white;
	padding:2px 0.5em;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-size:12px;
	vertical-align:text-top;
	letter-spacing:2px;
	font-weight:bold;
}


.pagination {
	
}
.pagination a.page {
	
}
.pagination .active {
	padding:0 0.5em;
}
.pagination .inactive a {
	padding:0 0.5em;	
}
.pagination .first { padding-right:4em; }
.pagination .prev { margin-right:4em;  }
.pagination .next { margin-left:4em;  }
.pagination .prev a,
.pagination .next a { color:white !important; font-weight:800;}
.pagination .last { padding-left:4em; }


.c1a, .c2a, .c3a, .c4a {
	opacity:0.5;
}

.ui-tabs-panel { 
	margin-bottom:5em;
}

.nowrap {
	white-space:nowrap !important;
}
.calendar_date {
	position:relative;
	margin:0;
	padding:0;
	width:14.285%;
	border:0;
}
.calendar_day {
	display:block;
	padding:2px 5px;
}
.calendar_content {
	padding:5px;
	display:block;
	line-height:1.1em;
}
.calendar_content a {
  display:block;
  color:#595959 !important;
}
.active .calendar_day {
	color:white;
}
.race_calendar_day {
	height:125px;
	border:1px solid #ddd;
	overflow:hidden;
}
.highlight {
	border-color:coral;
}

.ui-tabs {
	position:static !important;
}

#flickr_badge_uber_wrapper {text-align:center; }
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px; float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#595959 !important;}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }