body {
font-family: Verdana, Arial, Helvetica,  Lucida, sans-serif;
font-size: 8pt; font-weight: normal; color: #FFFFFF;
background: #242424;
background-image: url(../images/bg_riders.jpg);
background-repeat: no-repeat;
background-position: top left
margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-height: 0;
scrollbar-face-color:#242424;scrollbar-highlight-color:#999999;scrollbar-shadow-color:#3f3f3f;scrollbar-3dlight-color:#000000;scrollbar-arrow-color:#999999;scrollbar-track-color:#000000;
}

.headline	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; color: #FFFFFF; font-weight: bold;   text-align: center;text-decoration: none;	}
.headlinereverse{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; color: #000000; font-weight: bold;   text-align: center;text-decoration: none;	}
.subhead	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; color: #C8C8C8; font-weight: bold;   text-align: left;  text-decoration: none;	}
.body		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; font-weight: normal; text-align: left;  text-decoration: none;	}
.bodyreverse	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #000000; font-weight: normal; text-align: left;  text-decoration: none;	}
.note		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #FFFFFF; font-weight: normal; text-align: left;  text-decoration: none;	}
.notereverse	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #000000; font-weight: normal; text-align: left;  text-decoration: none;	}
.greynote	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #C8C8C8; font-weight: normal; text-align: left;  text-decoration: none;	}
.nav		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #FFFFFF; font-weight: bold;   text-align: left;  text-decoration: none;	}
.nav2		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; font-weight: bold;   text-align: left;  text-decoration: none;	}

.storemenu	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #FFFFFF; font-weight: bold;   text-align: left;  text-decoration: none; 	}
.storemenuhead	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #FFFFFF; font-weight: bold;   text-align: left;  text-decoration: none;	background-color: #242424; height:18; }

.table		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; font-weight: normal; text-align: left;  text-decoration: none;	background-color: #000000; }
.tablehead	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #242424; font-weight: bold;   text-align: left;  text-decoration: none;	background-color: #FFFF00; }
.tablehead2	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #242424; font-weight: bold;   text-align: left;  text-decoration: none;	background-color: #FF0000; }
.tableline1	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #000000; font-weight: normal; text-align: left;  text-decoration: none;	background-color: #CCCCCC; }
.tableline2	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #000000; font-weight: normal; text-align: left;  text-decoration: none;	background-color: #999999; }
.tablefoot	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color: #808080; font-weight: bold;   text-align: center;text-decoration: none;	background-color: #000000; }
.fieldtitle	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; font-weight: normal; text-align: right; vertical-align: top; text-decoration: none; white-space:nowrap;}
.titlecolumn	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; font-style: bold; color: #FFFFFF; font-weight: normal; text-align: left;  text-decoration: none;		background-color: #242424;}

.footer		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  7pt; font-style: normal; color: #808080; font-weight: normal; text-align: center;  text-decoration: none;	}

a:link		{ COLOR: #FFFF00; TEXT-DECORATION: underline;	}
a:visited	{ COLOR: #FFFF00; TEXT-DECORATION: underline;	}
a:hover		{ COLOR: #ff0000; TEXT-DECORATION: underline;	}
a:active	{ COLOR: #0000FF; TEXT-DECORATION: none;	}

a:footer:link		{ COLOR: #C8C8C8; TEXT-DECORATION: none;	}
a:footer:visited	{ COLOR: #C8C8C8; TEXT-DECORATION: none;	}
a:footer:hover		{ COLOR: #ff0000; TEXT-DECORATION: underline;	}
a:footer:active		{ COLOR: #0000FF; TEXT-DECORATION: none;	}

a.reverse:link		{ COLOR: #000000; TEXT-DECORATION: none;	}
a.reverse:visited	{ COLOR: #000000; TEXT-DECORATION: none;	}
a.reverse:hover		{ COLOR: #ff0000; TEXT-DECORATION: underline;	}
a.reverse:active	{ COLOR: #0000FF; TEXT-DECORATION: none;	}

a.tablefoot:link 	{ color: #C8C8C8; TEXT-DECORATION: none;	}
a.tablefoot:visited 	{ color: #C8C8C8; TEXT-DECORATION: none;	}
a.tablefoot:hover 	{ color: #FF0000; TEXT-DECORATION: none;	}
a.tablefoot:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.tableline:link 	{ color: #000000; TEXT-DECORATION: underline;	}
a.tableline:visited 	{ color: #000000; TEXT-DECORATION: underline;	}
a.tableline:hover 	{ color: #FF0000; TEXT-DECORATION: none;	}
a.tableline:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.storemenu:link 	{ color: #FFFFFF; TEXT-DECORATION: none;	}
a.storemenu:visited 	{ color: #FFFFFF; TEXT-DECORATION: none;	}
a.storemenu:hover 	{ color: #FF0000; TEXT-DECORATION: none;	}
a.storemenu:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.highlight:link 	{ color: #FFFF00; TEXT-DECORATION: none; font-style: bold;}
a.highlight:visited 	{ color: #FFFF00; TEXT-DECORATION: none;	}
a.highlight:hover 	{ color: #00FF00; TEXT-DECORATION: none;	}
a.highlight:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.nav:link 		{ color: #FFFFFF; TEXT-DECORATION: none;	}
a.nav:visited 		{ color: #FFFFFF; TEXT-DECORATION: none;	}
a.nav:hover 		{ color: #FF0000; TEXT-DECORATION: none;	}
a.nav:active 		{ color: #00FF00; TEXT-DECORATION: none;	}

a.navBlue:link 		{ color: #666666; TEXT-DECORATION: none;	}
a.navBlue:visited 	{ color: #666666; TEXT-DECORATION: none;	}
a.navBlue:hover 	{ color: #3399FF; TEXT-DECORATION: none;	}
a.navBlue:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.navYellow:link 	{ color: #FFFFFF; TEXT-DECORATION: none;	}
a.navYellow:visited 	{ color: #FFFFFF; TEXT-DECORATION: none;	}
a.navYellow:hover 	{ color: #FFFF00; TEXT-DECORATION: none;	}
a.navYellow:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.navGreen:link 	{ color: #c8c8c8; TEXT-DECORATION: none;	}
a.navGreen:visited 	{ color: #c8c8c8; TEXT-DECORATION: none;	}
a.navGreen:hover 	{ color: #00FF00; TEXT-DECORATION: none;	}
a.navGreen:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.toggleOn:link 	{ color: #00FF00; TEXT-DECORATION: none;	}
a.toggleOn:visited 	{ color: #00FF00; TEXT-DECORATION: none;	}
a.toggleOn:hover 	{ color: #00FF00; TEXT-DECORATION: none;	}
a.toggleOn:active 	{ color: #00FF00; TEXT-DECORATION: none;	}

a.toggleOff:link 	{ color: #FF0000; TEXT-DECORATION: none;	}
a.toggleOff:visited 	{ color: #FF0000; TEXT-DECORATION: none;	}
a.toggleOff:hover 	{ color: #FF0000; TEXT-DECORATION: none;	}
a.toggleOff:active 	{ color: #FF0000; TEXT-DECORATION: none;	}



td		{ font-family: Verdana, Arial, Helvetica, sans-serif }

/*
 STAFF ARE TABLE COLORS
*/

TD.stafftab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #F1F1F8
}

TR.stafftab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #F1F1F8
}

TD.staffbox {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #E2E0ED
}

TR.staffresponse {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #E4E4ED
}


TR.staffaction {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #eeeeee
}

TD.toptab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #9EA7C5
}

TR.toptab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #9EA7C5
}


TR.userresponse {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #F2F0F9
}


/*
 ADMIN TABLE COLORS
*/

TR.admintab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #C4C1DB
}

TD.admintab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #C4C1DB
}

/*
 CLIENT AREA TABLE COLORS
*/


TR.userresponse {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #FAFAFA
}

TD.userresponse {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #FAFAFA
}

TR.userstaffresponse {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #EFEFEF
}

TD.userstaffresponse {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #EFEFEF
}



TR.userstaffaction {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #eeeeee
}

TD.userstaffaction {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #eeeeee
}

TR.usertab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #C4CDDB
}

TD.usertab {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #C4CDDB
}