/* ---------------------------------------------------------------------------------------------
    RESULTS SYSTEM STYLESHEET
   --------------------------------------------------------------------------------------------- */
html {overflow:-moz-scrollbars-vertical;}
BODY {background: #CCCCCC url('IMG/bg.gif') repeat-x top; padding:0px; margin:0px 0px 10px 0px;}
TD, select, P, A, LEGEND, H1, H2, H3, H4, H5, H6, TH, input, textarea, legend, div 
{font-family: arial, verdana; color: #000000; font-size:11px;} 
P,LI {text-align: justify;}

a:link { color:#4d800f; text-decoration:none;} 
a:visited { color:#4d800f; text-decoration:none;} 
a:active { color:#4d800f; text-decoration:none;} 
a:hover { color:blue;   text-decoration:underline; border-bottom:none;} 
a.NoBorder:link, a.NoBorder:visited, a.NoBorder:hover { border: 0px;}


/* ---------------------------------------------------------------------------------------------
    PAGE LAYOUT ELEMENTS
   --------------------------------------------------------------------------------------------- */
.mainTable {width:1020px; height:100%; border-collapse:collapse; margin: 0px auto 0px auto; background:transparent url('IMG/bgMain.gif') repeat-y top center;}
.mainTable-Htop {height:36px; text-align:right; vertical-align:top; padding:8px 55px 0px 0px; color:#666666; background:transparent url('IMG/bgHdr.gif');}
.mainTable-Hmid {height:100px; vertical-align:top; padding:0px 25px 0px 25px;}
.mainTable-Hbot {height:40px; vertical-align:bottom; padding:0px 25px 0px 25px; background:transparent url('IMG/bgHdrLine.gif') no-repeat bottom center;}
.mainTable-Body {padding:15px 25px 0px 25px; vertical-align:top; background:transparent url('IMG/bgTabUnderside.gif') no-repeat top center;}
.mainTable-Ftr {height:30px; padding:0px 20px 0px 20px; background:transparent url('IMG/bgFtr.gif') bottom;}

.hdrMidTab {width:100%; border-collapse:collapse;}
.hdrMidTabLogo {width:250px}
.hdrMidTabDetails {text-align:right}
.hdrMidTabDetails-Event {font-size:16px; font-weight:bold; font-variant:small-caps;}
.hdrMidTabDetails-Date {font-size:12px;}

/* WEATHER TABLE */
.hdrWxTab {border-collapse:collapse; height:36px; margin:5px 0px 0px auto;}
.hdrWxMain {width:36px;}
.hdrWxHigh {width:36px; border-left:solid 3px white; background:transparent url('IMG/wxHigh.gif'); font-size:14pt; text-align:center; vertical-align:top; padding-top:2px; color:White;}
.hdrWxLow {width:36px; border-left:solid 3px white; background:transparent url('IMG/wxLow.gif'); font-size:14pt; text-align:center; vertical-align:top; padding-top:2px; color:White;}
.hdrWxWind {width:34px; border-left:solid 3px white; background:transparent url('IMG/wxBgWind.gif'); font-size:8pt; text-align:right; vertical-align:bottom; padding-bottom:1px; padding-right:2px; color:black; font-weight:bold;}
.hdrWxWindS {margin-top:-4px;}
.hdrWxHumidity {width:36px; border-left:solid 3px white; background:transparent url('IMG/wxHumidity.gif'); font-size:14pt; text-align:center; vertical-align:top; padding-top:2px; color:White;}
.hdrWxSunrise {width:36px; border-left:solid 3px white; background:transparent url('IMG/wxSunrise.gif'); font-size:8pt; text-align:center; vertical-align:top; padding-top:0px; color:#666666; font-weight:bold;}
.hdrWxSunset {font-size:8pt; text-align:center; padding-top:8px; color:white; font-weight:bold;}


/* TAB STRIP */
.tabTable {height:26px;}
.tabNormal {background: transparent url('IMG/bgTabNormal.gif') no-repeat right; vertical-align:bottom; padding:0px 20px 5px 2px;}
.tabNormalL {background: transparent url('IMG/bgTabNormalL.gif') no-repeat; width:10px; vertical-align:middle;}
.tabSelected {background: transparent url('IMG/bgTabSelected.gif') no-repeat right; vertical-align:bottom; padding:0px 20px 5px 2px;}
.tabSelectedL {background: transparent url('IMG/bgTabSelectedL.gif') no-repeat; width:10px; vertical-align:middle;}
.tabImg {border:0; vertical-align:middle; width:16px;}
.tabLinkNormal {padding-left:3px; color:#4d800f;}
.tabLinkNormal:visited {padding-left:3px; color:#4d800f;}
.tabLinkNormal:active {padding-left:3px; color:#4d800f;}
.tabLinkNormal:hover {color:blue;}
.tabLinkSelected {padding-left:3px; color:black;}
.tabLinkSelected:visited {padding-left:3px; color:black;}
.tabLinkSelected:active {padding-left:3px; color:black;}
.tabLinkSelected:hover {color:blue;}


/* TITLE BAR */
.ttlTable {width:100%; height:37px; border-collapse:collapse; margin:0px 0px 15px 0px; background:transparent url('IMG/bgTitle.gif') no-repeat;}
.ttlTable-Left {font-size:11pt; color:white; padding:0px 10px 0px 10px;}
.ttlTable-LeftCenter {font-size:11pt; color:white; padding:0px 10px 0px 10px; text-align:center;}
.ttlTable-Normal {font-size:11pt; color:white; padding:0px 10px 0px 10px; background:transparent url('IMG/bgTitleDiv.gif') no-repeat left;}
.ttlTable-Center {font-size:11pt; color:white; padding:0px 10px 0px 10px; background:transparent url('IMG/bgTitleDiv.gif') no-repeat left; text-align:center;}
.ttlTable-Right {font-size:11pt; color:white; padding:0px 10px 0px 10px; background:transparent url('IMG/bgTitleDiv.gif') no-repeat left; text-align:right;}


/* SEARCH CONTROLS */
.res_navsearch_fld {background:#FFFFFF url('IMG/bgSearchField.gif') no-repeat; height:22px; width:200px; font-family: "MS Sans Serif", Arial, sans-serif; font-size:9px; border:0px; padding:4px;}
.res_navsearch_btn {background:#FFFFFF url('IMG/bgSearchButton.gif') no-repeat; height:22px; width:100px; font-family: "MS Sans Serif", Arial, sans-serif; font-size:9px; border:0px; padding:4px;}
.res_navsearch_btn_hover {background:#FFFFFF url('IMG/bgSearchButton.gif') no-repeat; height:22px; width:100px; font-family: "MS Sans Serif", Arial, sans-serif; font-size:9px; border:0px; padding:4px; text-decoration:underline;}
.res_search_fld {background:#FFFFFF url('IMG/bgSearchField.gif') no-repeat; height:22px; width:190px; font-family: "MS Sans Serif", Arial, sans-serif; font-size:9px; border:0px; padding:4px;}
    

/* ---------------------------------------------------------------------------------------------
    GRID
   --------------------------------------------------------------------------------------------- */
.gridTable {width:100%; border-collapse:collapse; margin: 0px auto 0px auto; border-top:solid 1px #999999; border-bottom:solid 1px #999999;}
.gridTable-ttl {font-size:12px; height:37px; font-weight:bold; padding:10px 5px 5px 2px; vertical-align:top; background:white url('IMG/bgGridTtl.gif') repeat-X top; border-bottom:solid 1px #EEEEEE;}
.gridTable-subhdr {font-size:12px; height:35px; font-weight:bold; padding:0px 5px 4px 2px; vertical-align:bottom; border-bottom:dashed 2px #EEEEEE;}
.gridTable-rowf {background-color:white;}
.gridTable-rowf-alt {background-color:#EEEEEE;}
.gridTable-rowv {background-color:#ccff99;}
.gridTable-dat {font-size:12px; border-bottom:1px solid #EEEEEE; padding:4px 5px 1px 2px; vertical-align:top;}
.gridTable-nodat {border-top:1px solid #EEEEEE; padding:10px; font-size:11px; color:red; font-weight:bold;}
.gridTable-filter {font-size:12px; font-weight:bold; text-align:right; background-color:#EEEEEE; padding:25px 0px 25px 0px;}
.gridTable-page {background: #FFFFFF url('IMG/bgGridFtr.gif') repeat-x bottom; padding:5px;}
.gridTable-divider {padding:15px 0px 5px 0px; font-size:14px; font-weight:bold; border-bottom:1px solid #CCCCCC;}
.gridDatLink {font-size:12px;color:#4d800f;}
.gridDatLink:visited {color:#4d800f;}
.gridDatLink:active {color:#4d800f;}
.gridDatLink:hover {color:blue;}


/* ---------------------------------------------------------------------------------------------
    VIEW RESULT SCREEN
   --------------------------------------------------------------------------------------------- */
.vlayTable {width:100%; border-collapse:collapse;}
.vlayTable-Main	{vertical-align:top; padding:4px 25px 10px 0px;}
.vlayTable-Side {width:300px; padding:0px 0px 10px 0px; vertical-align:top;}

.vresTable {width:645px; height:200px; border-collapse:collapse; margin:0px 0px 15px 0px; background:transparent url('IMG/bgViewResult.gif') no-repeat}
.vresTable-timeT {font-size:11pt; width:360px; height:30px; padding:0px 0px 0px 10px; color:#666666;}
.vresTable-placeT {font-size:11pt; padding:0px 10px 0px 0px; text-align:right; color:#666666;}
.vresTable-time	{font-size:11pt; padding:0px; }
.vresTable-place {font-size:11pt; padding:0px; vertical-align:top;}

.vresPaceTable {width:100%; height:100%; border-collapse:collapse;}
.vresPaceTable-top	{background:transparent url('IMG/bgClock.gif') no-repeat center center; text-align:center;}
.vresPaceTable-bottom {height:35px; font-size:11pt; color:#666666; text-align:center; vertical-align:top;}


.vplaceTable {width:100%; height:56px; border-collapse:collapse; margin:0px 0px 1px 0px;}
.vplaceTable-place {font-size:9pt; width:180px; text-align:center;}
.vplaceTable-pct {font-size:10pt; font-weight:bold; text-align:center;}
.vplaceTable-meter {font-size:11pt; width:41px; font-weight:bold; text-align:center; vertical-align:bottom; background:transparent url('IMG/bgPlaceMeter.gif') no-repeat center center;}
.vplaceLine {margin:0px 0px 3px 1px;}
.vplaceFlap {margin:0px 0px 2px 1px;}

/* RIGHT SIDE BUTTON BAR */
.viewRHbutn {color:Green; width:300px; height:40px; text-align:left; font-size:12px; padding-left:20px; margin-bottom:8px; text-decoration:none; cursor:auto; border:0px;}
.viewRHbutn_Ovr {color:Red; width:300px; height:40px; text-align:left; font-size:12px; padding-left:20px; margin-bottom:8px; text-decoration:underline; cursor:pointer; border:0px;}

/* SENDTOAFRIEND */
.vfriendTable {width:300px; border-collapse:collapse; border-top:dashed 1px #999999; border-bottom:dashed 1px #999999;}
.vfriendTable-prompt {padding:0px 5px 3px 0px; font-size:8pt; font-weight:bold; text-align:right; vertical-align:bottom;}
.vfriendTable-field {padding:0px 0px 0px 0px; }


/* STYLES FOR FORM QUESTIONS & FIELDS */
.res_fld_man					{color:#000000; background-color:#FCF1E9; font-size:12px; font-weight:bold; border:1px solid #999999; height:18px; padding-top:1px; padding-left:5px; width:100%;}
.res_fld_opt						{color:#000000; background-color:#E9EFFC; font-size:12px; font-weight:bold; border:1px solid #CCCCCC; height:18px; padding-top:1px; padding-left:5px; width:100%;}
.res_fld_err						{color:#FFFFFF; background-color:#FF0000; font-size:12px; font-weight:bold; border:1px solid #000000; height:18px; padding-top:1px; padding-left:5px; width:100%;}
.res_fld_age					{color:#FFFFFF; background-color:#000000; font-size:12px; font-weight:bold; border:1px solid #000000; height:18px; padding-top:1px; padding-right:5px; width:40px; text-align:right;}
.res_btn							{height:22px; width:150px; background-color:#333366; color:#FFFFFF; font-size:11px; font-weight:bold; border:1px solid #000000; margin-top:5px;}
.res_btn_ovr					{height:22px; width:150px; background-color:#FFCC33; color:#000000; font-size:11px; font-weight:bold; border:1px solid #000000; margin-top:6px;}
.res_hint							{color:#999999; font-size:10px; padding-top:2px; padding-bottom:8px;}
.res_error						{color:#FF0000; font-size:10px; font-weight:bold; padding-top:2px; padding-bottom:8px;}


/* ---------------------------------------------------------------------------------------------
    ACCESS-STYLE RECORD NAVIGATION
   --------------------------------------------------------------------------------------------- */
.accessdb_table				{border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-top:2px;}
.accessdb_dfrec				{font-family: arial; font-size: 10px; color:#000000; background-color:#ccff99; border: 1px solid #666666; width:50px; height:16px; text-align:right; padding-top:1px; padding-right:4px;}
.accessdb_table_filter	{font-family: arial; font-size: 11px; color:#000000; }
.accessdb_table_tab		{width:350px; text-align:right;}


/* ---------------------------------------------------------------------------------------------
    SUPERNOTE STYLES
   --------------------------------------------------------------------------------------------- */
/* "fallback" links for non-CSS supporting browsers. */
.fallback {display: none;}
/* Here's our default note styles. */
.notedefault, .notenested {position:absolute; visibility: hidden; top: 1.5em; left: 2em; width:400px;}
.notedefault {padding:25px; border:1px solid #999999; background-color:white; color: white; background:white url('IMG/bgRacLinkNote.gif') repeat-X top;}
.notenested {width: 8em; padding: 3px; border: 1px solid #963; background-color: #C96; color: white;}
/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {margin-left:-28px; margin-top:19px;}
/* Note close marker is only shown within pinned notes. */
.note-close {float: right; margin-top: 2px; width: 14px; height: 14px; line-height: 14px; color: black; text-decoration: none; visibility:hidden;}
.snb-pinned .note-close {visibility: inherit;}
.noteRaceTable {width:100%; border-collapse:collapse; margin: 0px auto 0px auto; background:white url('IMG/bgTitle.gif') no-repeat top left;}
.noteRaceTable-rowf {background-color:white;}
.noteRaceTable-rowv {background-color:#ccff99; font-weight:bold;}
.noteRaceTable-dat {font-size:12px; border-bottom:1px solid #EEEEEE; padding:4px 5px 1px 2px; vertical-align:top;}
.noteRaceLink {color:#4d800f; font-size:14px; font-family:Helvetica,Verdana,Tahoma; margin-bottom:10px; text-decoration:none;}
.noteRaceLink:visited {color:#4d800f; font-size:14px; margin-bottom:10px; text-decoration:none;}
.noteRaceLink:active {color:#4d800f; font-size:14px; margin-bottom:10px; text-decoration:none;}
.noteRaceLink:hover {color:blue; font-size:14px; margin-bottom:10px; text-decoration:underline;}
.noteRaceDiv {padding:5px 0px 5px 5px; border-top:dashed 1px #cccccc; border-bottom:dashed 1px #cccccc;}