/* --------------------------------------
   Global Styling
-------------------------------------- */

/* form styles */
@import url("forms/standard-forms.css");
@import url("forms/normal-forms.css");

@import url("gallery.css");

@import url("themes/default.css");

body {
	background: #000 url('../i/bg-body.jpg') center top no-repeat;
	color: #000;
	font: 0.75em/18px Arial, Verdana, Helvetica, sans-serif;
}

@media screen {
    /* Print Only */
    .print-only {
        display: none !important;
    }
}

/* Headings */
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 2.5em; line-height: 1em; }
h2 { font-size: 2em; line-height: 1em; }
h3 { font-size: 1.5em; line-height: 1em; }
h4 { font-size: 1.255em; line-height: 1em; }
h5 { font-size: 1em; line-height: 1em; font-weight: bold; }

/* Anchors */
a, a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
p a { z-index: 100; }


/* Base margin */
#content p, #content blockquote, #content ul, 
#content ol, #content h1, #content h2, 
#content h3, #content h4, #content h5 { margin-bottom: 1em; }


/* ULs, OLs & LIs */
#content ul { margin-left: 3em; }
#content ul li { list-style: disc; }

#content ol { margin-left: 3em; }
#content ol li { list-style: decimal; }

/* Blockquote */
blockquote { width: 75%; margin-left: 10%; padding: 10px; background-color: #ccc; text-align: center; }

/* Other styles */
small { font-size: 80%; }

/* Classes */
.right { float: right; }
.left { float: left; }
img.right { float: right; margin: 0 0 0 10px; }
img.left { float: left; margin: 0 10px 0 0; }
p img.right { float: right; margin: 0 0 10px 10px; z-index: 100; }
p img.left { float: left; margin: 0 10px 10px 0; z-index: 100;}
.last { border: 0!important; margin-right: 0!important; margin-bottom: 0!important; }
.error { background-color: #d5a2a2; color: #fff; border: 1px solid #c38e8e; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.formerror { background: #fff  url('../i/icon-formerror.gif') left center no-repeat; border: none!important; font-size: 0.91em; color: #447094; display: inline-block; margin-top: 1px; padding: 0.1em 0.95em 0.1em 2em!important; }
.nomarg { margin: 0!important; }
div.hr { width: 100%; height: 1px; border-top: 1px solid #eeeeef; margin-bottom: 1em; clear: both; }
div.clear { width: 100%; height: 1px; clear: both; }

/* Fonts */
@font-face {
	font-family: "Reg";
	src: url('/fonts/reg.otf') format("opentype");
}

@font-face {
	font-family: "SBI";
	src: url('/fonts/sbi.otf') format("opentype");
}


/* --------------------------------------
   Center Wrap Section
-------------------------------------- */

#center {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
}


/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	height: 76px;
	padding: 0 10px;
	margin-bottom: 10px;
	background: #18191b url('../i/bg-header.gif') left top no-repeat;
}

/* hide the hero banner by default */
#hero-banner {
    display: none;
    height: 52px;
    width: 980px;
    margin-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#logo {
	top: 5px;
}

#logo,
#logo a {	
    width: 138px;
	height: 66px;
	display: block;
	color: #fff;
	line-height: 50px;
	font-size: 20px;
	font-style: italic;
	text-decoration: none;
}

#logo span {
	background-image: url('../i/logo-supersprint.gif');
}

/* --------------------------------------
   Container Template
-------------------------------------- */

#content {
	margin-bottom: 15px;
	width: 980px;	
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#content #content-inner {
    width: 565px;
    margin: 0 auto;
}

#content-top {
    background: #fff url('../i/bg-content-top.gif') center top no-repeat;
    height: 5px;
    width: 980px;
}

#content.filled {
    background: #fff url('../i/bg-content-bottom.gif') center bottom no-repeat;
    width: 980px;
}

#content.filled #content-inner {
    padding: 15px 20px 20px 20px;
}

/** 2 Column Layout **/
.two-columns {
	clear: both;
	width: 985px;
	padding-bottom: 5px;
	background: transparent url('../i/bg-rightcolumn-base.gif') 215px bottom no-repeat;
}

.two-columns-inner {
	overflow: hidden;
	float: left;
	width: 985px;
}

.two-columns .left-column {
	background: #000 url('../i/bg-entry-sidenav.gif') left top no-repeat;
	margin-right: 15px;
	float: left;
	width: 200px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
	padding-bottom: 4000px;
	margin-bottom: -4000px;
}

.two-columns .right-column {
	width: 765px;	
	float: left;
	padding-bottom: 4000px;
	margin-bottom: -4000px;
	background: #fff url('../i/bg-rightcolumn.gif') right top no-repeat;
}

.two-columns .right-column-inner {
	padding: 45px 15px 15px;
}

/** 3 Column Layout **/
.three-columns {
	clear: both;
	width: 980px;
}

.three-columns .left-column {
	width: 313px;
	margin-right: 20px;
	float: left;
	background-color: transparent;
}

.three-columns .mid-column {
	width: 313px;
	float: left;
	background-color: transparent;
}

.three-columns .right-column {
	width: 313px;
	float: right;
	background-color: transparent;
}

/** Right Column 2 Column Layout **/
.right-column .two-columns {
	width: 735px;
	background: none;
	padding: 0;
	margin-bottom: 1em;
}

.right-column .two-columns .left-column,
.right-column .two-columns .right-column {
	width: 360px;
	margin: 0;
	padding: 0;
	background: none;
}

.right-column .two-columns .left-column {
	margin-right: 15px;
}

/* --------------------------------------
   Content Styles
-------------------------------------- */
#content h1 {
    font-family: 'Reg', Arial, Verdana, Helvetica, sans-serif;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#content h1 {
	font-size: 2.33em;
	margin-bottom: 0.833em;
	color: #5c3895;
}

#content h2 {
    font-size: 1.667em;
}

#content h3 {
    font-size: 1.33em;
    font-weight: bold;
}

#content h4 {
	font-size: 1.1667em;
	font-weight: bold;
}

/* left column nav only */
#content .two-columns .left-column h1,
#content .two-columns .left-column h3 {
	color: #fff;
	padding: 15px 15px 0;
	margin-bottom: 10px;
	border: none;
	font-family: 'Reg', Arial, Verdana, Helvetica, sans-serif;
}

#content .two-columns .left-column h1 a,
#content .two-columns .left-column h3 a {
	color: #fff;
	text-decoration: none;
}

#content .two-columns .left-column h3 {
	font-size: 2em;
	line-height: 1em;
}

/* page heading */
#content .two-columns .right-column h1,
#content #content-inner h1 {
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
}

/* sub-headings */
#content .two-columns .right-column h2,
#content #content-inner h2 {
    margin-top: 1em;
    margin-bottom: 1em;
}

#content .two-columns .right-column h3,
#content #content-inner h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* other content */
#content p {

}

#content ul, #content ol {

}

#content ul li, #content ol li {

}

/* definition list */
#content dl {
}

#content dt {
    font-weight: bold;
    float: left;
    clear: both;
    display: inline;
    float: left;
    margin: 0 0 0.75em 0;
    padding: 0;
    text-transform: uppercase;
    width: 175px;
}

dl.event-info dd {
    display: inline;
    float: left;
    margin: 0 0 0.75em 0;
    padding: 0;
    width: 325px;
}

/* --------------------------------------
   Homepage hero banners
-------------------------------------- */

#hp-hero {
	height: 350px;
	margin-bottom: 10px;
}

#hp-hero #hp-hero-banner {
	height: 350px;
	width: 980px;
	overflow: hidden;
}

#hp-hero #hp-hero-banner ul {
	margin: 0;
}

#hp-hero #hp-hero-banner ul li {
	height: 350px;
	width: 980px;
	overflow: hidden;
	list-style: none;
	font-size: 0;
}

/** controls **/
#hp-hero #hp-hero-controls {
	width: 156px; /* each additional one - add 24px */
	padding-left: 171px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	background: transparent url('../i/bg-hphero-controls-3.png') left bottom no-repeat;
}

#hp-hero #hp-hero-controls ul {
	margin: 0;
	top: 3px;
}

#hp-hero #hp-hero-controls ul li {
	list-style: none;
	float: left;
}

#hp-hero #hp-hero-controls ul li a {
	color: #c3c3c3;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 25px;
	width: 21px;
	text-align: center;
}

#hp-hero #hp-hero-controls ul li a:hover {
	color: #fff;
}

#hp-hero #hp-hero-controls ul li a.active {
	color: #000;
	background: transparent url('../i/bg-hphero-control-btns.gif') center top no-repeat;
}

/** banner buttons **/
#hp-hero-links {
	width: 287px;
	padding-left: 105px;
	padding-top: 10px;
	height: 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url('../i/bg-hphero-buttons.png') left bottom no-repeat;
	z-index: 20;	
}

#hp-hero-links a {
	color: #fff;
	margin-right: 6px;
	float: left;
	display: block;
	width: 120px;
	height: 24px;
}

#hp-hero-links a.enter-btn span {
	background: transparent url('../i/sprite-homepage-btns.gif') left -66px;
}

#hp-hero-links a.enter-btn:hover span {
	background-position: left -92px
}

#hp-hero-links a.gallery-btn span {
	background: transparent url('../i/sprite-homepage-btns.gif') -126px -66px;
}

#hp-hero-links a.gallery-btn:hover span {
	background-position: -126px -92px
}


/* --------------------------------------
   Homepage modules
-------------------------------------- */

#content .hp-module {
	width: 313px;
	background: url('../i/bg-hp-module.gif') left top no-repeat;
	padding: 20px 0 0;
	color: #fff;
	overflow: hidden;
}

#content .hp-module-inner {
	width: 273px;
	background: url('../i/bg-hp-module-base.gif') left bottom no-repeat;
	padding: 0 20px 20px 20px;
	color: #fff;
}

#content .hp-module ul {
	margin: 0;
	position: relative;
}

#content .hp-module ul li {
	list-style: none;
	display: block;	
	height: 135px;
	position: relative;
}

#content .hp-module .hp-module-thumb {
	width: 135px;
	height: 135px;
	overflow: hidden;
	margin-right: 5px;
	float: left;
}

#content .hp-module .hp-module-thumb img {
	width: 130px;
	height: 130px;
}

#content .hp-module .hp-module-thumb img {
	-moz-box-shadow: 4px 4px 0 #181818;
	-webkit-box-shadow: 4px 4px 0 #181818;
	
}

#content .hp-module .hp-module-content {
	width: 130px;
	height: 115px;
	overflow: hidden;
	float: right;
}

#content .hp-module .links {
	position: absolute;
	top: 120px;
	left: 142px;
	font-size: 0.916em;
	height: 15px;
	display: block;
}

#content .hp-module .links li {
	float: left;
	padding-right: 2px;
	margin-right: 2px;
	margin-bottom: 0;
	display: block;
	height: auto!important;
}

#content .hp-module h2 {
	margin-bottom: 15px;
	height: 23px;
}

#content .hp-module h2.hdr-recentevents { width: 174px; }
#content .hp-module h2.hdr-recentevents span { background-image: url('../i/hdr-recentevents.gif'); }

#content .hp-module h2.hdr-upcoming { width: 157px; }
#content .hp-module h2.hdr-upcoming span { background-image: url('../i/hdr-upcoming.gif'); }

#content .hp-module h2.hdr-latestnews { width: 162px; }
#content .hp-module h2.hdr-latestnews span { background-image: url('../i/hdr-latestnews.gif'); }

#content .hp-module h3 {
	font-size: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
	border: none;
	padding: 0;
}

#content .hp-module a,
#content .hp-module a:visited {
	color: #fff;
	text-decoration: none;
}

#content .hp-module a:hover {
	color: #fff;
	text-decoration: underline;
}

#content .hp-module p {
	font-size: 0.916em;
	line-height: 1.2em;
	color: #ccc;
}

/** module controls **/
.module-controls {
	position: absolute;
	visibility: hidden;
	top: 0;
	right: 10px;
	z-index: 21; /** so it sits above headings to the left **/
}

.module-controls a {
	display: block;
	width: 17px;
	height: 24px;
	float: left;
	margin-right: 3px;
}

.module-controls a.back span {
	background-image: url('../i/sprite-homepage-btns.gif');
	background-position: -117px -2px;
}

.module-controls a.back:hover span {
	background-position: -117px -27px;
}

.module-controls a.next span {
	background-image: url('../i/sprite-homepage-btns.gif');
	background-position: -138px -2px;
}

.module-controls a.next:hover span {
	background-position: -138px -27px;
}

/* --------------------------------------
   Subpage styles
-------------------------------------- */

#hero {
	margin-bottom: 15px;
}

/** tables **/
table {
    width: 735px;
    margin-bottom: 1em;
    border: 1px solid #ddd;
    border-bottom: none;
    border-collapse: separate;
}

table td,
table th {
    text-align: left;
    padding: 7px 10px;
    border: none;
    border-bottom: 1px solid #ddd;
}

table tr {
}

table th {
    font-size: 1.1667em;
    padding: 7px 10px;
    font-weight: normal;
}

#content table th p,
#content table td p {
    margin: 0;
    padding: 0;
}

/** links-list **/
#content .links-list {
    margin: 0;
    padding: 0;
}

#content .links-list li {
    list-style: none;
    display: block;
    padding: 7px 25px;
    border-bottom: 1px solid #eee;
}

#content .links-list li.nl a {
    float: left;
}

#content .links-list li .meta-info {
    color: #aaa;
    font-size: 0.916em;
    float: right;
    *margin-top: -1.3em;
}

.more-link {
    padding: 7px 10px;
    float: right;
    clear: both;
    font-weight: bold;
}

/************************
 * Thumbnail list
 ************************/

#content ul.thumbnail-list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#content ul.thumbnail-list li {
	margin: 10px 0 0 0;
	padding: 0 0 10px 130px;
	border-bottom: 1px dotted #CCC;
	zoom: 1; /* contain floats */
	list-style: none;
}

#content ul.large-thumbnail-list li {
	padding: 0 0 10px 210px;

}

#content ul.thumbnail-list li:after { /* contain floats */
	content: '.';
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
	display: block;
}

#content ul.thumbnail-list li h3 {
	width: 100%;
	margin: 0 0 5px 0 !important;
	padding: 0;
}

#content ul.thumbnail-list li h3 a {
	text-decoration: none;
}

#content ul.thumbnail-list li h3 a:hover,
#content ul.thumbnail-list li h3 a:focus {
	text-decoration: underline;
}

#content ul.thumbnail-list li a.thumb-img,
#content ul.thumbnail-list li .thumbnail {
	float: left; display: inline;
	margin: 0 0 10px -130px;
	width: 120px;
}


#content ul.large-thumbnail-list li .thumbnail {
	margin: 0 0 0 -210px;
	width: 200px;
}

#content ul.large-thumbnail-list li .thumbnail img {
	width: 200px;
	height: auto;
}



#content ul.thumbnail-list li a.thumb-img img,
#content ul.thumbnail-list li .thumbnail img {
	position: relative;
}

#content ul.thumbnail-list li h4 {
	font-size: 0.92em; /* 11px */
	font-weight: normal;
	color: #555;
	margin: 0 0 5px 0;
	padding: 0;
}

#content ul.thumbnail-list li p {
	margin: 0;
	padding: 0;
}


/************************
 * FAQ list
 ************************/
#content dl.faq-list {
	margin: 10px 0 20px 0;	
}

#content dl.faq-list dt {
	font-size: 1.17em;
	margin: 0.5em 0;
	width: 735px;
	float: none;
	display: block;
	text-transform: none;
}

#content dl.faq-list dt a {
	outline: none;
	padding: 10px 10px 10px 35px;
	border: 1px solid #f6f6f6;
	display: block;
	background: url(../images/backgrounds/bg_combined.gif) transparent -373px -191px no-repeat;
}

#content dl.faq-list dt a:hover {
	border-color: #ccc;
}

#content dl.faq-list dt.open {
    margin-bottom: 0;
}

#content dl.faq-list dt.open a {
	border-color: #ccc;
	border-bottom: none;
	background-position: -373px -291px;
}

#content dl.faq-list dd {
	margin: 0;
	*margin-bottom: 1em;
	padding: 0;
	zoom: 1; /* necessary so IE doesn't show weird toggle where detail text disappears due to positioned elements within */
	position: relative; /* necessary to stop ie from stuffing up the rendering when closing multiple sliders */
	background: white;
}

#content dl.faq-list dd span {
	background: #fff; /* stop text crapping out in IE with effects */
	display: block;
}

#content dl.collapsible-faq-list dd span {
	border: 1px solid #ccc;
	border-top: none;
}

/************************
 * Summary list
 ************************/
 
#content ul.summary-list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#content ul.summary-list li {
	margin: 10px 0 0 0;
	border-bottom: 1px dotted #CCC;
	list-style: none;
}

#content ul.summary-list li h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

#content ul.summary-list li h2 a {
	text-decoration: none;
}

#content ul.summary-list li h2 a:hover,
#content ul.summary-list li h2 a:focus {
	text-decoration: underline;
}

#content ul.summary-list li h4 {
	font-size: 0.92em; /* 11px */
	font-weight: normal;
	color: #555;
	margin: 0 0 5px 0;
	padding: 0;
}

#content ul.summary-list .content p {
	margin: 0;
}

#content ul.summary-list .more-link {
	margin: 5px 0 0 0;
	font-size: 0.92em; /* 11px */
	float: none;
	width: 715px;
}
#content ul.summary-list .more-link a {
    padding: 0;
    float: right;
}


/* --------------------------------------
   List Headings
-------------------------------------- */
/* headings in lists need to be fixed */
#content #faqs .faq-group dl.faq-list dd h2,
#content ul.summary-list .content h2 {
    margin: 0;
    padding: 1em 0; /* need to swap to padding so borders don't stuff up on list */
    font-size: 1.1667em;
    font-weight: bold;
}

#content #faqs .faq-group dl.faq-list dd h3,
#content ul.summary-list .content h3 {
    margin: 0;
    padding: 1em 0; /* need to swap to padding so borders don't stuff up on list */
    font-size: 1.1667em; /* smaller in list */
}

#content #faqs .faq-group dl.faq-list dd h4,
#content ul.summary-list .content h4 {
    font-size: 1em; /* smaller in list */
}

/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

/** Menu level 1 **/
#main-navigation {
	position: absolute;
	top: 46px;
	right: 9px;	
	width: 790px;
	height: 40px;
	text-align: right;
	z-index: 100;
}

#main-navigation ul { /** First level un-ordered list **/
	padding: 0 0 0 2px;
	float: right;
}

#main-navigation ul li { /** First level un-ordered list items **/
	display: block;
	float: left;
	color: #c3c3c3;
	font-weight: bold;
	font-size: 14px;
}

#main-navigation ul li a, #main-navigation ul li a:visited {  /** First level anchor static-state **/
	text-decoration: none;
	padding: 9px 7px 13px;
	color: #c3c3c3;
	display: block;
	text-align: left;
}

#main-navigation ul li a:hover,
#main-navigation ul li:hover a,
#main-navigation ul li.hover a{ /** First level anchor hover-state **/
	text-decoration: none;
	color: #fff;
}

/** Online Entry button **/
div.entry-btn {
    background-color: #000;
    margin: 10px auto;
    width: 114px;
    padding: 3px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
}

#main-navigation ul li.entry-btn,
div.entry-btn {
	padding-top: 3px;
}

#main-navigation ul li.entry-btn a,
div.entry-btn a {
	width: 108px;
	height: 28px;
	margin-left: 10px;
	padding: 0!important;
	overflow: hidden;
}

.left-column div.entry-btn a {
    margin: 0 auto!important;
    color: #fff;
}

#main-navigation ul li.entry-btn a span,
div.entry-btn a span {
	background-image: url('../i/sprite-homepage-btns.gif');
}

#main-navigation ul li.entry-btn a:hover span,
div.entry-btn a:hover span {
	background-position: 0 -31px;
}

/** Menu level 2 **/
#main-navigation ul li ul { /** Second level un-ordered list - when hidden **/
	display: none;
}

#main-navigation ul li:hover ul,  /** Second level un-ordered list - when visible **/
#main-navigation ul li.hover ul {
	display: block;
	position: absolute;
	left: 0;
	margin: 0;
	width: 164px;
	padding: 20px 20px 10px;
	background: transparent url('../i/bg-nav-subnav.png') left top no-repeat;
	height: auto;
}

#main-navigation ul li:hover ul.reverse,  /** Second level un-ordered list - when visible **/
#main-navigation ul li.hover ul.reverse {
	left: -20px;
}

#main-navigation ul li ul li { /** Second level un-ordered list items **/
	clear: both;
	float: none;
	width: 100%;
	display: block;
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden;
}

#main-navigation ul li ul li a,
#main-navigation ul li:hover ul li a,
#main-navigation ul li.hover ul li a,
#main-navigation ul li ul li a:visited {  /** Second level anchor static-state - must cancel out first level anchors **/
	text-decoration: none;
	background: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 0.75em;
	line-height: 1.2em;
	padding: 0;
	color: #c3c3c3;
}

#main-navigation ul li ul li a:hover,
#main-navigation ul li ul li:hover a,
#main-navigation ul li ul li.hover a {  /** Second level anchor hover-state **/
	text-decoration: underline;
	color: #fff;
}

/* --------------------------------------
   Side Navigation Section
-------------------------------------- */

#side-navigation {
	color: #fff;
	padding: 0 1px;
}

.theme-top #side-navigation {
	padding: 0;
}

#side-navigation ul {
	margin: 0;
	padding: 0;
}

#side-navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
}


#side-navigation ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
	display: block;
	font-size: 0.916em;
	margin: 0;
	overflow: hidden;
}

#side-navigation ul li.expanded ul li a,
#side-navigation ul li.active ul li a {
    padding: 5px 15px 5px 25px;
}

#side-navigation ul li.expanded ul li.active ul li a,
#side-navigation ul li.expanded ul li.expanded ul li a {
    padding: 5px 15px 5px 35px;
}

#side-navigation ul li ul {
	margin: 0;
	padding: 0;
}

#side-navigation ul li a.active,
#side-navigation ul li a.expanded,
#side-navigation ul li ul li a.active,
#side-navigation ul li ul li a.expanded {
	font-weight: bold;
}

#side-navigation ul li ul li ul li a {
	font-weight: normal !important;
}

#side-navigation ul li ul li a:hover {
	background: none;
	text-decoration: underline;
}


/* ol */
#side-navigation ol {
	padding: 0;
	margin: 0;
}

#side-navigation ol li {
	padding: 0;
	list-style-position: inside;
	margin: 0 1px;
	padding: 3px 15px;
}

#side-navigation ol li a {
	text-decoration: none;
	width: 100%;
}

#side-navigation ol li:hover a,
#side-navigation ol li a:hover,
#side-navigation ol li.active,
#side-navigation ol li.active a {
	text-decoration: none;
}

#side-navigation ol li.active,
#side-navigation ol li.active a {
    font-weight: bold;
}


/* --------------------------------------
   Breadcrumb Navigation Section
-------------------------------------- */

#breadcrumb-navigation {
	width: 750px;
	height: 30px;
	padding: 0 15px 0 0;
	border-bottom: 1px solid #d0d0d0;
	position: absolute;
	top: 0;
	left: 0;
}

#breadcrumb-navigation ol {
	margin: 0;
	padding: 0;
}

#breadcrumb-navigation ol li {
	display: block;
	float: left;
	padding: 5px 0 5px 20px;
	margin-right: 10px;
	font-size: 0.916em;
	color: #676767;
	background: transparent url('../i/bg-breadcrumb-item.gif') left top no-repeat;
	font-weight:bold;
	overflow: hidden;
	line-height: 2em;
	height: 20px;
	width: 180px;
	max-width: 180px;
	width: auto!important;
}

#breadcrumb-navigation ol li:first-child {
	background: none;
}

#content #breadcrumb-navigation ol li a {
	text-decoration: none;
	color: #676767;
	font-weight: normal;
}

#content #breadcrumb-navigation ol li a:hover {
	color: #000;
}


/* --------------------------------------
   Footer Section
-------------------------------------- */

#footer {
	padding: 4px 25px;
	width: 930px;
	background-color: #0c0c0d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	color: #838383;
	margin-bottom: 40px;
}

#footer ul 
{
    float: left;
}

#footer ul li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 8px 10px 8px 0;
}

ul#social-links {
	position: absolute;
	top: 4px;
	right: 10px;
}

ul#social-links li.social 
{
	font-size: 11px;
	color: #838383;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 8px 10px 8px 0;
    background-color: #171719;
    padding: 6px 0 6px 8px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

ul#social-links li.social a,
ul#social-links li.social strong
{
    float: left;
    margin-right: 7px;
 	padding: 0px !important;
}

ul#social-links li.social strong
{
    color: #d6dbe8;
    font-weight: normal;
}

ul#social-links li.social a, 
ul#social-links li.social a span
{
    display: block;
    height: 16px;
    width: 16px;
}

ul#social-links li.social a span
{
    background: transparent url('../i/social.gif') left top no-repeat;
}

ul#social-links li.social a#social-facebook span
{
    background-position: -16px 0;
}

#footer a,
#footer a:visited {
	color: #838383;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

/* --------------------------------------
   NOW/media Credit
-------------------------------------- */

a.credit {
	font: 10px Arial,Helvetica,sans-serif;
    height: 11px;
    position: absolute;
    right: 29px;
    top: 15px;
    width: 89px;
}

a.credit span {
	background-image: url('../i/nowmedia-credit.gif')
}

/* --------------------------------------
   Form Styles
-------------------------------------- */

.legend {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding: 7px 10px;
	font-size: 1.1667em;
	color: #fff;
}

fieldset, div.fieldset {
	background-color: #ededed;
	border: 1px solid #b6b6b6;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding: 10px;
	margin-bottom: 1em;
}

.two-columns .two-columns fieldset .legend {
	background-color: #000000;
	display: block;
}

.form-item {
	display: block;
	margin-bottom: 5px;	
}

.form-item label {
	display: block;	
	margin-bottom: 2px;
}

div.radios-fieldset,
div.checkboxes-fieldset {
    border: none;
    padding: 0;
}

.radios-form-item label,
.radios-fieldset label  {
    display: inline;
}

.form-item input.text,
.form-item input.password {
	display: block;
	width: 230px;
	padding: 3px 5px;
	border: 1px solid #bbb;
}

.form-item textarea.text {
	display: block;
	width: 230px;
	font: 1.15em arial, verdana, san-serif;
	padding: 3px 5px;	
	border: 1px solid #bbb;
}

.read-only-form-item .value {
    display: block;
	width: 188px;
	padding: 3px 5px;	
	border: 1px solid #bbb;
	color: #555;
	cursor: text;
	min-height: 1.5em;	
	overflow: auto;
}

#content p.description,
.form-item .description {
    display: block;
    font-size: 0.916em;
    color: #666;
    line-height:1.2em;
}

#content p.description {
    margin: 0;
}

.radios-fieldset .form-item .description,
.checkboxes-fieldset .form-item .description {
    margin-left: 24px;
}

.indented-select {
    margin-left: 24px;
}

.form-item .next,
.form-item .prev,
.form-item .cancel,
.form-item .pay,
.buttons-form-item .next,
.buttons-form-item .prev,
.buttons-form-item .cancel,
.buttons-form-item .pay {
	height: 39px;
	color: #fff;
	border: 1px solid #b6b6b6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font: italic 14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	*padding: 0 7px !important;
	background-position: right top !important;
	*background-position: right -2px!important;
	width: auto;
}

.discount-fieldset .cancel {
    margin-top: 0.5em;
}

#register-pane .buttons-form-item {
    padding: 0 10px 0 0;
}

.form-item .next,
.buttons-form-item .next,
.form-item .pay,
.buttons-form-item .pay {
    font-weight: bold;
	padding: 0 50px 0 15px;
	*padding: 0 25px 0 7px !important;
}

.form-item .prev,
.buttons-form-item .prev {
	padding: 0 15px 0 50px;
	background-position: left top !important;
	*padding: 0 7px 0 25px;
}

legend {
    display: none !important;
}

/*****************************************************************************************
 *		 	Series / race selection styling
 ****************************************************************************************/

#series-race-selection {
	zoom: 1;
}

#series-race-selection:after {
	content: '.';
	clear: both;
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	display: block;
}


/* the series entry checkbox */
#series-race-selection fieldset.disabled label,
.form-item span.disabled label {
	color: #999;	
}

.form-item span.disabled label {
    text-decoration: line-through;
}

#content .expiry-date-form-item {
    padding-left:140px;
}

#content .expiry-date-form-item .form-item {
    clear: none;
    float: left;
    padding: 0 5px 0 0;
    width: auto;
}

#content .expiry-date-form-item .expiry-boxes {
    height: 47px;
}

#content .expiry-date-form-item label.overall {
    
}

#content .expiry-date-form-item .form-item label {
    color:#666666;
    float:left;
    font-size:0.91667em;
    left:0;
    margin-left:0;
    margin-top:25px;
    text-align:left;
    width:auto;
    position: absolute;
}
#content .expiry-date-form-item .form-item input {
    
}

/********************************
 * ONLINE ENTRY
 ********************************/
#content .online-entry .two-column-form,
#content .online-entry .wizard,
#content .online-entry .step,
#content .online-entry #select-race-category {
    width: 100%;
}

#content .online-entry .right-column-inner {
	padding: 21px 15px 20px; /* move padding up a bit to remove breadcrumbs on online entry */
}

#content .online-entry h4.user-name {
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 1em;
}

/*****************************************************************************************
 *		 	Payment step styling
 ****************************************************************************************/

#content .online-entry table .cost {
	text-align: right;
	font-weight: bold;
}

#content .online-entry p.total {
	margin: 0.5em 0 0 0;
	xwidth: 80%;
	vertical-align: middle;
	text-align: right;
}

#content .online-entry p.total strong {
	font-size: 2.33em;
	margin: 0 10px 0 0.25em;
}

#content .online-entry p.gst-inclusive {
	text-align: right;
	font-size: 0.92em; /* 11px */
	color: #666;
	margin: 0 10px 1em 0;
}

#content .online-entry #terms-and-conditions,
#content .online-entry .discount-fieldset {
    min-height: 80px;
}

#content .online-entry #terms-and-conditions .form-item {
	padding-left: 0;
}

/*****************************************************************************************
 *		 	Receipt step styling
 ****************************************************************************************/

#content .online-entry table.transaction-details {
	margin-left: 1px;
	width:100%;
}

#content .online-entry table.transaction-details .cost{
	text-align: left;
	font-size: 1.167em;
	background: #CCC;
}

#content .online-entry p a.tax-invoice {
    background: transparent url(../i/themes/goocr/bullet.gif) 0 4px no-repeat;
    height: 20px;
    padding-left: 12px;
}


/*****************************************************************************************
 *			General team management page styles
 ****************************************************************************************/

#team-management  {
    margin-left: 5px;
}


#team-management h2 {
	margin-top: 0;
}

#team-management table {
	margin: 1em auto 1em 0;
	width: 99.5%;
}

#team-management table td.team-members 
{
    width: 370px;
}

#team-management table td.team-members .checkboxes-form-item select
{
    margin-top: 10px;
}

#team-management table tr,
#team-management table td {
    vertical-align: top;
}

#team-management table td span.ability,
#team-management table td span.category {
    color: #666;
    font-size: 0.91667em;
}

#team-management table td {
	background: none;
}

#team-management tfoot td {
	font-weight: bold;
}




/*****************************************************************************************
 *			Button -> link styles
 ****************************************************************************************/

#team-management table td.action-links a,
#team-management table td.action-links a span,
#team-management table.competitor-list td.invited-status a,
#team-management table.competitor-list td.confirmed-status a,
#team-management table.competitor-list td.invited-status a span, 
#team-management table.competitor-list td.confirmed-status a span {
	background: transparent;
	background-image: none;
	font-size: 1em;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	text-transform: none;
	display: inline;
	height: auto;
	vertical-align: top;
}

#team-management table td.action-links a:link,
#team-management table td.action-links a:visited,
#team-management table.competitor-list td.invited-status a,
#team-management table.competitor-list td.confirmed-status a,
#team-management table.competitor-list td.invited-status a span, 
#team-management table.competitor-list td.confirmed-status a span {
	text-decoration: underline;
	color: #5c3895;
}

#team-management table td.action-links a:hover,
#team-management table.competitor-list td.invited-status a:hover {
	text-decoration: none;
	cursor: hand;
}

#team-management table td.action-links .buttons-form-item {
    margin: 0;
}


/*****************************************************************************************
 *			Style the team information block
 ****************************************************************************************/

#team-management dl {
	zoom: 1;
	width: auto;
	margin: 0 0 1em 0;
}

#team-management dl:after {
	content: '.';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

#team-management dl dt {

}

#team-management dl dd {
	width: 70%; /* we need to enforce a width here so that the dd's wrap */
}






/*****************************************************************************************
 *			Style the team members list
 ****************************************************************************************/

#team-management table.competitor-list td {
	vertical-align: middle;
}

#team-management table.competitor-list tr.confirmed td.confirmed-status,
#team-management table.competitor-list tr.confirmed td.invited-status,
#team-management table.competitor-list tr.unconfirmed td.invited-status {
	background: url('../images/backgrounds/bg_combined.gif') transparent -375px 12px no-repeat;
}

#team-management table.competitor-list tr.unconfirmed td.confirmed-status {
	background: url('../images/backgrounds/bg_combined.gif') transparent 11px 11px no-repeat;
}

#team-management table.competitor-list td.invited-status span,
#team-management table.competitor-list td.confirmed-status span {
	padding-left: 23px;
}

#team-management table.competitor-list tr.empty td,
#team-management table.competitor-list tr.invite-form td.invited-status {
	font-style: italic;
	color: #999;	
}



/*****************************************************************************************
 *			Style the invite form
 ****************************************************************************************/

#team-management .invite-form .form-item { 
	/*float: left;	*/
	margin-top: 0;
}

#team-management .invite-form .buttons-form-item {
	float: left;
}

#team-management .invite-form .form-item input.text {
	font-size: 1.167em;
	height: 15px;
	padding: 6px !important;
	vertical-align: middle;
}

#team-management .invite-form .form-item input.pay {
    margin-top: 0.8em;
}

#team-management .invite-form a.link-button,
#team-management .invite-form a.link-button span {
	text-transform: none;
}

/************************
 * Event calendar styling
 ************************/
#content #event-calendar {
    margin-top: -1em;
    *margin-top: 0;
}

#content #event-calendar .event-calendar-listing {
    border-bottom: 1px solid #3F1E5D;
    width: 730px;
    margin-top: 10px;
    padding-bottom: 10px;
}

#content #event-calendar .event-calendar-listing .img {
    float: left;
    width: 150px;
}

#content #event-calendar .event-calendar-listing .img img {
    border: 1px solid #ccc;
}

#content #event-calendar .event-calendar-listing .detail {
    float: right;
    width: 555px;
}

#content #event-calendar .event-calendar-listing .detail .race-name {
    display: block;
    float: left;
    width: 200px;
}

#content #event-calendar .event-calendar-listing .detail .event-date {
    color: #666;
    font-size: 0.91667em;
    display:block;
}

#content #event-calendar .event-calendar-listing .detail .event-status {
    font-weight: bold;
    font-size: 0.91667em;
}

#content #event-calendar .event-calendar-listing .detail .event-status-closed {
    color: #900;
}

#content #event-calendar .event-calendar-listing .detail .event-status-open {
    color: #090;
}

#content #event-calendar .event-calendar-listing .detail .event-status-opensoon {
    color: #ffad2b;
}

#content #event-calendar .event-calendar-listing .detail h2 {
    margin-top: 0;
}

#content #event-calendar .event-calendar-listing .detail ul {
    list-style: none;
    margin: 0 0 1em 10px;
    padding: 0;
    border-top: 1px dotted #ccc;
}

#content #event-calendar .event-calendar-listing .detail ul li {
    list-style: none;
    background: transparent url(../i/themes/default/bullet.gif) 0 11px no-repeat;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0 5px 12px;
    width: 532px;
}

#content #event-calendar .event-calendar-listing .detail small {
    margin-bottom: 1.33em;
    display: block;
}

/************************
 * USER NOTES (message box type stuff)
 ************************/
 
.important, .success, .error, .cancelled, .AspNet-Login-FailurePanel {
	padding: 15px 15px 15px 50px;
	min-height: 25px;
	_height: 25px;
	margin: 2px auto;
	background-position: 15px 15px;
	background-repeat: no-repeat;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.padded {
    margin-bottom: 10px;
}

.important p, .success p, .error p, .AspNet-Login-FailurePanel p, .cancelled p {
	margin: 0 0 0.5em 0;
}

.important ul, .success ul, .error ul, .AspNet-Login-FailurePanel p, .cancelled ul {
	margin: 0;
}

.important ul li, .success ul li, .error ul li, .AspNet-Login-FailurePanel ul li, .cancelled ul li {
	margin: 0 0 4px 0;
}

.important h2, .success h2, .error h2, .AspNet-Login-FailurePanel h2, .cancelled h2 {
	color: inherit;
	margin-top: 0;
}

.important {
	color: #725A00;
	background-image: url(../images/icons/ico_note.gif);
	background-color: #fffdf4;
	border: 1px solid #725A00;
}

.success {
	color:#2d8228; 
	background-image: url(../images/icons/ico_success.gif);
	background-color: #f4fcf4;
	border: 1px solid #51cd49;
}

.error, .AspNet-Login-FailurePanel {
	color: #FF0000;
	background-image: url(../images/icons/ico_error.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

.validation-summary {
    margin-bottom: 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*** SPECIAL ****/
.special label { background-color: #F5D5D5; }



/************************
 * Race results
 ************************/

table.results-view {
	font-size: 0.916em;
}

table.user-results-view td {
	cursor: default !important;
}

table.user-results-view .race-name {
	width: 400px;
}

table.user-results-view .centered-data {
	text-align: center;
}

table.results-view td,
table.results-view th {
	padding: 2px 4px;
}

table.results-view td {
	cursor: pointer;
}

table.results-view tr.alt-row td {
	background-color: #f0f2f4;
}

table.results-view tr.current-user-row td {
	background-color: #F7EDCF;
}

.results-view td div {
	position: relative;
}

.detailed-result {
	display: none;
	position: absolute !important;
	background: transparent url('/i/bg-results-details.png');
	border: 1px solid #000;
	min-width: 300px;
	z-index: 200;
	top: 0px;
	color: #fff;
	padding: 5px;
}

.show-from-bottom {
	bottom: 0px !important;
	top: auto !important;
}

.detailed-result h4 {
	padding: 0px 0px 5px 0px;
}

.detailed-result table {
	font-size: 0.916em;
	width: 700px !important;
	color: #fff;
	border-width: 0px;
}

.detailed-result table td,
.detailed-result table th {
	background-color: transparent !important;
	border-width: 0px !important;
	padding: 2px 0px !important;
}

.detailed-result .detailed-results-time th {
	width: 130px;
	background-image: none;
	color: #c3c3c3;
	font-weight: bold;
}

#results-filter {
	list-style: none !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 1em !important;
	width: 100%;
}

#results-filter li {
	list-style: none !important;
	padding: 0px !important;
	margin: 0px !important;
	display: block;
	width: 180px;
	float: left;
}

#filter-results-message {
	display: none;
}

.filter-controls {
	float: left;
}

.download-results {
	padding-top: 30px;
	float: right;
}

#hdr-welcome {
	color: #aaa;
    font-size: 0.833em;
    font-style: italic;
    left: 159px;
    position: absolute;
    top: 17px;
    width: 100px;
    z-index: 100;	
    margin-top:14px;
    line-height: 10px;
}