/* ---- ELEMENTS ---- */

A:active
{
    color: #009999;
    text-decoration: none;
}
A:link
{
    color: #585e88;
    text-decoration: none;
}
A:visited
{
    color: #bf0000;
    text-decoration: none;
}
A:hover
{
    color: #3366cc;
    text-decoration: underline
}
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT: 10pt 'Trebuchet MS', Verdana;
    PADDING-TOP: 0px
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #323264;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #323264;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #323264;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #323264;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
H5
{
    FONT-WEIGHT: bold;
    COLOR: #323264;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
PRE
{
    FONT-SIZE: 1em
}
TD
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}

/* ---- CLASSES ---- */

/* ADS */

.adBorder
{
    text-decoration: none;
    border: none 0;
}

/* CALENDAR */

.calendarDate
{
	font-weight: bold;
	color: white;
	background-color: #7d89ad
}
.calendarDateDisabled
{
    font-weight: bold;
    color: #d3d3d3;
    background-color: white
}
.calendarDateToday
{
    font-weight: bold;
    color: white;
    background-color: #008000
}
.calendarText
{
	background-color: #e5efff
}
.calendarTextDisabled
{
	background-color: white
}

/* CALENDAR CONTTROL */
.calTitleStyle
{
    color: White;
    font-family: 'Trebuchet MS Outlook', Verdana;
    font-size: 8pt;
    background-color: #323264
    }
/* CONTROLS */

.formElementInput
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Trebuchet MS', Verdana;
}
.formElementInputError
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Trebuchet MS', Verdana;
    color: Red;
}
.formElementInputAlignRight
{
    font-size: 10pt;
    font-family: 'Trebuchet MS' , Verdana;
    text-align: right;    
}
.formElementInputAlignRightInactive
{
    font-size: 10pt;
    font-family: 'Trebuchet MS' , Verdana;
    text-align: right;    
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    border-style: solid
}
.formElementInputAlignRightError
{
    font-size: 10pt;
    font-family: 'Trebuchet MS' , Verdana;
    text-align: right;
    color: Red;
}
.formElementInputInactive
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Trebuchet MS', Verdana;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    border-style: solid
}
.formElementLabel
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
.formElementError
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10pt;
    COLOR: maroon;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}

/* LEFT SIDEBAR */
.sidebar
{
    color: White;
    font: 10pt 'Trebuchet MS', Verdana
}
.sidebar:active
{
    color: White;
    font: 10pt 'Trebuchet MS', Verdana;
    text-decoration: none;
}
.sidebar:link
{
    color: White;
    font: 10pt 'Trebuchet MS', Verdana;
    text-decoration: none;
}
.sidebar:visited
{
    color: White;
    font: 10pt 'Trebuchet MS', Verdana;
    text-decoration: none;
}
.sidebar:hover
{
    color: #a5ff2d;
    font: 10pt 'Trebuchet MS', Verdana;
    text-decoration: none;
}

/* TABLES IN CONTENT */
.tblCellBlueThinButton
{
    border-bottom: #323264 1px solid;
    padding-top: 4px;
    padding-bottom: 4px
}

.gridFirstItem
{
    BORDER-RIGHT: #696969 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.gridLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #696969 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.boxheader
{
    BORDER-RIGHT: #323264 2px solid;
    BORDER-TOP: #323264 1px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #323264 1px solid; 
    COLOR: #323264;
    BORDER-BOTTOM: #323264 2px solid;
    FONT-FAMILY: 'Trebuchet MS', Verdana;
    BACKGROUND-COLOR: white
}
.tblAdBorder
{
    border-right: #dcdcf1 1px solid;
    border-top: #dcdcf1 1px solid;
    border-left: #dcdcf1 1px solid;
    border-bottom: #dcdcf1 1px solid;
}
.gridHeaderBox
{
    BACKGROUND-COLOR: #323264
}
.gridHeader
{
    font-weight: bold;
    font-size: 10pt;
    color: white;
    border-bottom: 1px;
    font-family: 'Trebuchet MS' , Verdana;
    background-color: #323264;
    text-decoration: none
}
.gridHeader A:active
{
    color: White;
    text-decoration: none
}
.gridHeader A:link
{
    color: White;
    text-decoration: none
}
.gridHeader A:visited
{
    color: White;
    text-decoration: none
}
.gridHeader A:hover
{
    color: White;
    text-decoration: underline
}
.gridHeaderRed
{
    font-weight: bold;
    font-size: 10pt;
    color: white;
    border-bottom: 1px;
    font-family: 'Trebuchet MS' , Verdana;
    background-color: #bf0000;
    text-decoration: none;
}
.gridItem
{
    BORDER-BOTTOM: #323264 1px solid;
}
.gridItemAllBorders
{
    padding: 3px 3px 3px 3px;
    border: solid 1px #323264
}
.gridPanel
{
    background-color: #ebebeb;
    font-weight: bold;
    color: #323264;
    font-family: 'Trebuchet MS' , Arial
}
.gridCommandPicture
{
    text-decoration: none;
    border: none
}
.gridCommandPicture A:active
{
    text-decoration: none;
    border: none
}
.gridCommandPicture A:link
{
    text-decoration: none;
    border: none
}
.gridCommandPicture A:visited
{
    text-decoration: none;
    border: none
}
.gridCommandPicture A:hover
{
    text-decoration: none;
    border: none
}
.boxGuidance
{
	background-color: #edecd1
}
.boxGuidanceAdmin
{
	background-color: maroon;
	color: white
}
.imageButton
{
    cursor: hand
}

/* PARAGRAPH CLASSES */

.admHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: red;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}
.small
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Trebuchet MS', Verdana
}

/* TABLE CELLS */
.tdBlueShade0
{
    color: white;
    background-color: #323264;
}

.tdBlueShade1
{
    color: white;
    background-color: #535d88;
}
.tdBlueShade2
{
    background-color: #7d89ad;
    color: white;
}
.tdBlueShade3
{
    background-color: #a7bbe0;
}
.tdBlueShade4
{
    background-color: #e5efff;
}
/* MAIN MENU TABS */
    
.tabNotSelected
{
    width: 75px;
    height: 18px;
    margin: 0px;
    vertical-align: baseline;
    text-align: center;
    border-right: #323264 1px solid;
    border-left: #e5efff 1px solid;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #e5efff;
    color: #323264;
    font-weight: bold;
    background-image: url(MenuButtonNormal.bmp);
    background-repeat: repeat-x;
}
.tabNotSelected:active
{
    color: #323264;
}
.tabNotSelected:link
{
    color: #323264;
}
.tabNotSelected:visited
{
    color: #323264;
}
.tabNotSelected:hover
{
    color: #323264;
    text-decoration: none;
    background-image: url(MenuButtonNormalHover.bmp);
    background-repeat: repeat-x;
}

.tabSelected
{
    height: 18px;
    margin: 0px;
    vertical-align: baseline;
    text-align: center;
    border-right: #323264 1px solid;
    border-left: #dedeee 1px solid;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #dedeee;
    color: white;
    font-weight: bold;
    background-image: url(MenuButtonSelected.bmp);
    background-repeat: repeat-x;
}
.tabSelected:active
{
    text-decoration: none;
    color: White;
}
.tabSelected:link
{
    text-decoration: none;
    color: White;
}
.tabSelected:visited
{
    text-decoration: none;
    color: White;
}
.tabSelected:hover
{
    text-decoration: none;
    color: White;
    background-image: url(MenuButtonSelectedHover.bmp);
    background-repeat: repeat-x;
}

/* BUTTONPANEL */
.bpPanel
{
    line-height:normal;
    background-color: #E5EFFF
}
.bpPanel ul
{
    margin:0;
    padding:0;
    list-style:none
}
.bpPanel li
{
    float:left;
    margin:0;
    padding:0;
}
.bpPanel a, .bpPanel a:link, .bpPanel a:visited
{
    display:block;
    background-image: url("PanelLightBlue3D.bmp");
    vertical-align: middle;
    text-align: center;
    border-right: solid 1px #7A96CC;
    border-left: solid 1px #FFFFFF;
    background-color: #E5EFFF;
    background-image: url(PanelLightBlue3D.bmp);
    background-repeat: repeat-x;
    text-decoration: none;
    color: Black;
    font-family: 'Trebuchet MS', Verdana;
    font-size: 9pt;
    height: 20px;
    cursor: hand;
}
.bpPanel a:hover
{
    height:18px;    
    border-bottom:solid 2px #FFC000
}
.bpPanel a img
{
    text-decoration:none;
    border:none 0px;
    vertical-align:middle;
}

/* BOOKING */
.bookingFree
{
    background-color: #E5EFFF;
    border-style: none;
    font-family: 'Trebuchet MS Outlook', Verdana;
    font-size: 8pt;
    text-align: center;
    vertical-align: middle;
}
.bookingFree:active, .bookingFree:link, .bookingFree:visited
{
    color: #323264;
    text-decoration: none
}
.bookingFree:hover
{
    color: #323264;
    border: dotted 1px #323264;
    text-decoration: none
}
.bookingBooked
{
    background-color: #FFE4D5;
    border-style: none;
    font-family: 'Trebuchet MS Outlook', Verdana;
    font-size: 8pt;
    text-align: center;
    padding: 5px;
}
.bookingBooked:active, .bookingBooked:link, .bookingBooked:visited
{
    color: #323264;
    text-decoration: none
}
.bookingBooked:hover
{
    color: #323264;
    border: dotted 1px #323264;
    text-decoration: none
}

/* ---------- */
.panelLightblue3D
{
    text-decoration: none;
    color: White;
    background-image: url(panelLightblue3D.bmp);
    background-repeat: repeat-x;
}

/* Race Result listing */
.raceResultHeader
{
    background-color: #323264;
    font-family: 'Trebuchet MS', Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: White
}
.raceResultCell
{
    font-family: 'Trebuchet MS', Verdana;
    font-size: 8pt;
}
.raceResultRowEven
{
    background-color: White;
}
.raceResultRowOdd
{
    background-color: #e5efff;
}
.raceResultPanel
{
    background-color: #ebebeb;
    color: #323264;
    font-family: 'Trebuchet MS' , Arial;
    font-size: 8pt;
}


