﻿
/* -- Content layout/display styles -- */
h1 { font-size:160%; }
h2 { font-size:130%; }
h3 { font-size:120%; }
h4 { font-size:110%; }
h5 { font-size:100%; }

.StandardTable
{
	border: solid 1px #eee;
	border-collapse:collapse;
	margin:0.5em;
}

.GreyBorder
{
	border: solid 1px #eee;
}

.StandardTable td
{
	padding:3px;
	border:solid 1px #eee;
}

.StandardTable .Row1
{
	background-color:white;
}

.StandardTable .Row2
{
	background-color:#eee;
}

.Penalty
{
	background-color:Red;
	color:Yellow;
	text-transform:uppercase;
}

#LoginBox 
{
	clear:left;
	position:relative;
	width:8.6em;
	background-color:#d1d9ff;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
	padding:1px;
}

#LoginBox input
{
	font-size:7pt;
	padding-left:3px;
}

#LoginBox .LoginField
{
	width:90px;
	font-size:8pt;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
}

#LoginBox .LoginCheck
{
	font-size:7pt;
}

.Important
{
	border: solid 1px #eee;
	background-color: #ffffcc;
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.RadioButtonList
{
	margin-left:3em;
	margin-top:0.5em;
	display:block;
}

.RadioButtonList .RadioButton
{
	margin-left:0em;
	line-height:2em;

}

.fieldname
{
	text-align:right;
}

.CreateUserWizard
{
/*	width:40em;*/
}

.ValidationList
{
	border: solid 1px #eee;
	border-collapse:collapse;
}
.ValidationList td
{
	padding:3px;
	border:solid 1px #eee;
}

/* validation */
.TestFail
{
	color:Red;
}

.TestPass
{
	color:Green;
}
.NotTested
{
	color:Gray;
}

.ValidationHeader
{
	font-weight:bold;
}
.ValidationSubTitle
{
	font-size:larger;
	font-weight:bold;
	padding-top:5px;
	background-color:#d1d9ff;
}

.Fortius, .FortiusMP
{
	color:Blue;
}

.iMagic, .iMagicVR
{
	color:Green;
}

#OverallResult td
{
	font-size:large;
}
div#ValidationResultMessage
{
	margin-top:2em;
}

div#ResultsSelection
{
	margin-bottom:1em;
}

/* general details tables */

.HeaderRow, .DetailsTable th
{
	font-weight:bold;
	background-color:#d1d9ff;
}


.DetailsTable td.Label
{
	background-color:#d1d9ff;
	text-align:right;
}

.DetailsTable td.Data
{
	background-color:White;
}

.RightAlignCell
{
	text-align:right;
}

.CentreAlignCell
{
	text-align:center;
}

.Row1
{
	background-color:#eee;
}

.Row2
{
	background-color:White;
}

/* Results Table */

.NoData
{
	font-size:larger;
	font-weight:bold;
	display:block;
	margin-top:1em;
	margin-left:6em;
}

.ResultsEventTitle
{
	font-size:larger;
	font-weight:bold;
}

/* Ride standings */
.StandingsTable td
{
	padding:1px 5px 1px 5px;
}

.StandingsPromotionRow
{
	background-color:#ccffcc;
}

.StandingsRelegationRow
{
	background-color:#ff9999;
}

.StandingsEventTitle
{
	font-size:large;
	font-weight:bold;
	display:block;
	margin-bottom:0.5em;
}

.StandingsTableHeaderRow
{
	font-weight:bold;
}

/* Event details */
.EventTitle
{
	font-size:120%;
	font-weight:bold;
	border:none;
}

.EventTitle td
{
	padding-top:1em;
	padding-bottom:0.5em;
}

.TableHeaderRow
{
	font-weight:bold;
}

/* Course details */
.CourseProfile
{
	display:block;
	border:solid 1px black;
}
.CourseTitle
{
	font-size:large;
	font-weight:bold;
	display:block;
}
.EventDetails td
{
	padding:0.3em;
}
.EventDetails td.Label
{
	background-color:#d1d9ff;
}
.EventDetails td.Data
{
	background-color:White;
}
/* Course details */
.CourseDetails td
{
	padding:0.3em;
}
.CourseDetails td.Label
{
	background-color:#d1d9ff;
}
.CourseDetails td.Data
{
	background-color:White;
}

.RideDataGrid td, .RideDataGrid th
{
	padding:0.2em;
}

/* Round summary */
.RoundSummary
{
}
.RoundSummary table
{
	font-family:Tahoma, Arial, Sans-Serif;
/*	border:solid 2px black;*/
	background-color:#eee;
/*	background-color: #ffffcc;*/
	font-size:95%;
}
.RoundSummary td
{
/*	border:none;*/
}

.Profile
{
/*	background-color:Black;
	padding:1px;*/
}

.RidersList
{
	margin:1em;
}

.DivisionTitle
{
	font-size:130%;
	font-weight:bold;
	border:none;
	display:block;
	margin:1em 0 0.5em 0;
}

.DivisionTitle td, .DivisionTitle tr
{
	border:none;
}

.Band
{
	background-color:#d1d9ff;
	padding:0.3em;
}

/* Registration */

.CreateUserWizard, .CreateUserWizard table, .CreateUserWizard td
{
	border:none;
}

td.Label
{
	background-color:#d1d9ff;
	text-align:right;
}

/*div#NeedsJavaScript
{
	display: none;
}*/

.Handicaps .mins, .Handicaps .secs
{
	width:3em;
}

.Rules li
{
	margin:0.3em;
}

.NoBorders, .NoBorders tr, .NoBorders td
{
	border:none;
}

#LoginFailure
{
	font-weight:bold;
	color:Red;
}

.PrettyTree
{
	margin-top:1em;
	margin-bottom:1em;
}

.RightFloat
{
	float:right;
	margin-top:2em;
}

.NoRide
{
	font-style:italic;
	color:Blue;
}

.Question
{
	font-weight:bold;
	margin-left:1em;
}

.Answer
{
	margin-left:2.5em;
}

div#FaqPage
{
	font-size:110%;
}

.LoginControl, .LoginControl td, .LoginControl tr
{
	border:none;
	margin:0;
	padding:0;
}

.ResultsTable
{
	border:none;
}
.ResultsTable td
{
	padding:1px 3px 1px 3px;
}

.ResultsTable .HeaderRow td
{
/*	font-weight:normal;*/
}

.Duration
{
	background-color:#d1d9ff;
}

.ResultsTable td
{
	border:none;
}

.HeaderRow th
{
	padding:0.1em 0.2em 0.1em 0.2em;
}

.RiderImage
{
	margin-left:1em;
}

.ReducedPadding td
{
	padding:0.1em 0.2em 0.1em 0.2em;
}

.NoPadding, .NoPadding td
{
	padding:0;
}

.NoMargins, .NoMargins td
{
	margin:0;
}

.RiderImages
{
	border:none;
}

.ImageCaption
{
	display:block;
}

.StatsBox
{
	width:9em;
    margin-top:1.4em;
	font-family: Arial, Sans-Serif;
	font-size:10px;
	padding:0;
	background-color:#d4f2b0;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
	padding:1px;
}

.StatsBox td
{
	border:none;
}

.StatsBox .Label
{
	background-color:#e4f7d0;
}

.Width100
{
	width:100%;
}

.BlueRowBorder
{
	border:solid 3px #d1d9ff;
}
.BlueRowBorder td,.BlueTopRowBorder td,.BlueBottomRowBorder td
{
	border:none;
}
.BlueTopRowBorder
{
	border-left:solid 3px #d1d9ff;
	border-right:solid 3px #d1d9ff;
	border-top:solid 3px #d1d9ff;
	border-bottom:none;
}
.BlueBottomRowBorder
{
	border-left:solid 3px #d1d9ff;
	border-right:solid 3px #d1d9ff;
	border-bottom:solid 3px #d1d9ff;
	border-top:none;
}
.NoOuterBorder
{
	border:none;
}
.Red
{
	color:Red;
}
.Larger
{
	font-size:110%;
}

.Expiry
{
	font-weight:bold;
}

.Bold
{
	font-weight:bold;
}

.Italics
{
	font-style:italic;
}

.FormNote
{
	font-style:italic;
}

.Indent
{
	margin-left:2em;
}

.Mandatory
{
	font-weight:bold;
}

.popupComment {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	padding:3px;
	border:solid 1px black;
/*	opacity:.9
	filter: alpha(opacity=90);*/
}

/* news articles */

.NewsItemSummary
{
	margin:1em;
	padding:0.5em;
	border:solid 1px #d1d9ff;
}

.NewsItemSummary .TitleLink
{
	font-weight:bold;
	font-size:120%;
}
.NewsItemSummary .Header
{
	color:#999;
	font-size:90%;
}
.NewsItemSummary .Footer
{
	color:#999;
	font-size:90%;
}
.NewsItemSummary .DateAdded
{
}

.NewsItemSummary .Summary
{
	margin:0.5em;
}

.NewsArticle .Category
{
}

.NewsArticle .DateAdded
{
}

.NewsArticle .DateReleased
{
}

.NewsArticle .DateExpires
{
}



.NewsArticle .Content
{
	margin:1em;
	font-size:120%;
}

.NewsArticle .Views
{
}

.NewsArticle table
{
	color:#999;
	font-size:90%;
}

.NoUnderline
{
	text-decoration:none;
}

.Bold
{
	font-weight:bold;
}

.LinkButton
{
	text-decoration:none;
    background:#d1d9ff url(Images/bg_nav_light.gif) repeat-x;
	text-align:center;
	vertical-align:middle;
	padding:3px 1em 3px 1em;
	color:Black;
	border:outset 1px #d1d9ff;
}

.LinkButton:hover
{
	background:white;
}

.LinkGroup
{
	margin:0.5em 0.5em 2em 0.5em;	
}

.ReducedFont
{
	font-size: 80%;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
 /*   background-color: #D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink:hover
{
	text-decoration:underline;
	cursor:pointer;
}

.accordionContent .accordionContent
{
	border:none;
}

.accordionContent .accordionHeader, .accordionContent .accordionHeader a
{
	border:none;
	color:Blue;
	background-color:White;
}

.accordionContent .accordionHeaderSelected, .accordionContent .accordionHeaderSelected a
{
	border:none;
	color:Black;
	background-color:White;
}

.rankingFortius
{
    float:left;
    background-color:#ccffff;
    margin-left:2em;
}

.rankingImagic
{
    float:left;
    background-color:#ccffcc;
    margin-left:2em;
}

.rankingOverall
{
    float:left;
}

.ajax__tab_body
{
	font-size:11px !important;
}
.ajax__tab_container { width:auto; }

.left
{
	float:left;
}
