@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
@import url(http://fonts.googleapis.com/css?family=Roboto);

body {
  color: #ebebf0 !important;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-weight: normal;
  font-style: normal;
	font-size: 16px !important;	
  line-height: 1 !important;
  position: relative;
  cursor: default;	
	margin-left: -15px;		
}
a {
  color: #b7e5ff !important;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #ffd80b !important;
}
h1, h2, h3, h4 {
  font-family: "Titillium Web", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #d7d7d7;
  text-rendering: optimizeLegibility;
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1.1em;
}
h1 {
	font-size: 1.35em;
}
h2 {
	font-size: 1.35em;
  color: #ffd80b;
}
h3, h4 {
	font-size: 1.25em;
	color: #c4cdeb;	
}
h5 {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  text-transform: uppercase;
  line-height: 1.3em;
  color: #ffd80b;
  color: #b7e5ff;
  margin-bottom: 0.2em;
  line-height: 1em;
  font-size: 0.875em;	
}
a h5:hover {
  color: #b7e5ff;
}
p {	
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-weight: normal;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 1.25em;
}
#breadcrumb {
	margin-bottom: 2em;
	font-size: 0.875em;
}
div.caption {
  font-family: "Titillium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  margin: 2.5em 0 1.5em 0;
  font-size: .8em;
  color: #c4cdeb;
  text-transform: uppercase;
	margin-left: 15px;
	line-height: 1.2em;
}

table {
	border-spacing: 0px !important;
	margin-bottom: 10px !important;
	border-collapse: collapse !important;
  border: none !important;
  background-color: transparent !important;
}
th, td {
	text-align: left !important;
	line-height:1 !important;
	padding:0.7em !important;
	vertical-align:top !important;
	font-size: 0.875em !important;
	border-bottom: 1px solid #ccd !important;
  color: #EBEBF0 !important;	
}
th, td.label {
  background-color: #253b6e !important;
  color: #eee !important;
}
td.label, td.field {
	border: 1px solid #ccd !important;
}
td p {
	font-size: 1em !important;
	margin-bottom: 0 !important;
}
td {
  background-color: transparent !important;
}

table.raceresultstable {
  width:100% !important;
}
table.raceresultstable td, table.raceresultstable th {
  padding:0.7em 0em 0.7em 0.3em !important;
}
table.raceresultstable  .raceplace,  table.raceresultstable  .points,  table.raceresultstable  .place
{
	text-align: center !important;
}
table.raceresultstable  .thrace
{
	text-align: center !important;
}

.admrow1{
  background-color: transparent !important;
  border: none !important;
}

.admrow2 {
  background-color: transparent !important;
  border: none !important;  
}


table.classtable p {margin: 0;}

table.classtable  .displayorder,table.classtable  .maxraces , table.classtable  .resulttype,
table.classtable  .minraces ,table.classtable  .predrops,table.classtable  .completed,
table.classtable  .status,table.classtable  .edit,table.classtable  .racestat,table.classtable  .entries
{
	text-align: center !important;
}
table.classtable  .thorder,table.classtable  .thmaxraces , table.classtable  .thresulttype,
table.classtable  .thminraces ,table.classtable  .thpredrops,table.classtable  .thcompleted,
table.classtable  .thstatus,table.classtable  .thedit,table.classtable  .thracestat,table.classtable  .entries
{
	text-align: center !important;
}

table.classtable  .resulttype, table.classtable  .minraces , table.classtable  .maxraces,table.classtable  .predrops {
	width: 2.0em !important;
}

.protestdiagram {
  max-width: 500px;
  max-height: 500px;
  width: expression(this.width > 500 ? "500px" : true);
  height: expression(this.height > 500 ? "500px" : true);
}

#displaydiv { height: 300px; overflow: hidden;}


.css-panes div {
	background-color: inherit !important;
	border: 0px none !important;
	padding: 0 !important;
}
.css-tabs {
	border-bottom: 1px solid #ccd !important;
	border-top: 0px solid #ccd !important;
	width: auto;
}
.css-tabs a {
	background-color: #253b6e !important;
	background-color: inherit !important;	
  color: #c4cdeb;
	border: 0px none !important;	
	padding-left:0 !important;
}
.css-panes h1 {
	margin-top: 2em !important;
	margin-bottom: 0em !important;
	color: #c4cdeb !important;	
	font-size: 1.1em !important;		
}
.css-panes h2 {
	margin-top: 0.3em !important;
  color: #d7d7d7 !important;	
	font-size: 1em !important;	
}

.ui-content {
  padding:8px !important;
}
.ui-overlay-b, .ui-body-b {
  background: transparent !important;
}
.ui-bar-b {
  display:none;
}
.ui-btn-up-b, .ui-btn-inner:hover {
  background: #253b6e !important;
}
.ui-btn-inner {
  border-top: 0px solid #253b6e !important; 
}
.ui-body-b h4 {
  margin-top: 0 !important;
  margin-bottom: 0.5m !important;
}
.ui-body-b {
  text-shadow: none !important;
}
.raceresultstable {
  margin-top: 10px;
}


table.tablesorter thead tr .header {
    background-image: none !important;
}
table.tablesorter thead tr .header::after {
    content:" \25B2\25bc";
    opacity:0.5;
    letter-spacing:-0.3em;
    float:right;
}