﻿/* GENERAL STYLES */
html,body,form { width: 100%; margin: 0px; padding: 0px; z-index: 170; }
body { background: #FEFDF0 url(../images/00-background-top.gif) repeat-x top left; z-index: 160; }
div { margin: 0px; padding: 0px; }
body,div,p,h1,h2,h3,h4 { font-family: Arial; color: #000000; }
body,div,p,li { font-size: 12px; }
img { border-width: 0px; }

/* MEMBER LOGIN STYLES */
#login { position: relative; width: 785px; height: 35px; margin-left: 39px;	background-image: url(../images/02-login-back.gif);	position: relative; z-index: 149; }
#login .textinput { top: 6px; }
#login .title {	position: absolute;	color: #FFFFFF;	font-weight: bold; font-size: 11px;	top: 11px; left: 55px; }
#login .name { position: absolute; color: #FFFFFF; font-weight: bold; font-size: 16px; top: 8px; left: 155px; }
#login .links {	position: absolute;	top: 8px; color: #FFFFFF; font-weight: normal; font-size: 14px;	right: 50px; }
#login .links a { color: #FFFFFF; font-weight: normal; font-size: 14px; text-decoration: none; }
#login .links a:hover {	text-decoration: underline; }
#login input.text {	border-style: none;	width: 137px; height: 14px;	background-image: url(../images/02-login-text-back.gif); margin: 0px; padding: 3px 10px; color: #838383; font-family: Arial; font-size: 11px; }
#login .username { position: absolute; left: 156px; }
#login .password { position: absolute; left: 323px; }
#login .login {	position: absolute;	top: 7px; left: 487px; }
#login .forgot { position: absolute; top: 3px; left: 623px;	color: #FFFFFF;	font-size: 10px; width: 124px; }
#login .forgot a { color: #FFFFFF; text-decoration: underline; }
#login .help { position: absolute; top: 4px; left: 747px; }
#subheader { width: 792px; height: 178px; margin-left: 31px; z-index: 148; }

.modalbackground { background-color: #333333; filter: alpha(opacity=80); -moz-opacity:.80; opacity: .80; }
.charge_piggybank_modal { background-color: Black; width: 340px; }
.lbChargePiggyBank { text-align: center; color: #FF4455; font-size: 12px; font-weight: bold; }
.btnDialogClose_340 { position: absolute; left: 264px; top: 7px; width: 69px; height: 71px; }
.tblDialog340Container { width: 340px; }
.tdDialog340Top { width: 340px; height: 8px; background-image: url(/images/dialogback_top_340.gif); background-repeat: no-repeat; }
.tdDialog340Content { width: 340px; background-image: url(/images/dialogback_slice_340.jpg); background-repeat: repeat-y; }
.tdDialog340TopSlice { width: 340px; padding: 10px 15px; height: 220px; background-image: url(/images/dialogback_top_slice_340.jpg); background-repeat: no-repeat; }
.tdDialog340Bottom { width: 340px; height: 7px; background-image: url(/images/dialogback_bottom_340.gif); background-repeat: no-repeat; }
.dialog_text { color: #ffffff; font-size: 12px; text-align: left; }
.dialog_title_left { color: #ffff00; font-weight: bold; font-size: 16px; text-align: left; }
.btnDialogCloseWindow { width: 212px; height: 37px; }

/* FOOTER STYLES */
#footer { clear: both; width: 777px; margin: 23px 0px 10px 50px; border-top: solid 1px #008B43; padding: 11px 3px; color: #000000; font-size: 11px; }
#footer span, #footer a { color: #008B43; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.tblFooterContainer { width: 773px; }
.tdFooterLinks { width: 500px; text-align: left; vertical-align: top; }
.tdFooterAffiliates { width: 273px; clear: both; text-align: right; vertical-align: top; }

/* DEFAULT STYLES */
#backgroundwrapper { width: 100%; margin: 0px; background: transparent url(../images/00-center-background.jpg) no-repeat top center; }
#wrapper { width: 854px; margin: 0px auto; z-index: 150; }
#wrapper .wrapperclear { width: 854px; height: 1px;	clear: both; z-index: 150; }
#homeheader { width: 823px; height: 245px; }
#homecalloutsContainer { position: relative; width: 774px; margin: 0px 0px 0px 46px; }
#homecalloutsSpace { position: relative; width: 775px; height: 512px; background-color: White; border: solid 1px #e2e1cb; }

.lbPurchaseNow { position: absolute; left: 32px; top: 19px; width: 550px; height: 14px; font-family: Arial; font-size: 14px; font-weight: bold; color: Black; }
.imgCalloutPurchaseHere { position: absolute; left: 560px; top: 16px; width: 165px; height: 22px; }
.imgCalloutRaceEntries { position: absolute; left: 23px; top: 49px; width: 360px; height: 101px; }
.imgCalloutRaceEntriesToday { position: absolute; left: 199px; top: 83px; width: 169px; height: 27px; }
.imgCalloutRaceEntriesTomorrow { position: absolute; left: 199px; top: 110px; width: 169px; height: 27px; }
.imgCalloutRaceResults { position: absolute; left: 391px; top: 49px; width: 360px; height: 101px; }
.imgCalloutRaceResultsToday { position: absolute; left: 572px; top: 83px; width: 169px; height: 27px; }
.imgCalloutRaceResultsYesterday { position: absolute; left: 572px; top: 110px; width: 169px; height: 27px; }
.imgCalloutMHPEdge { position: absolute; left: 19px; top: 168px; width: 180px; height: 204px; }
.imgCalloutTraditionalPrint { position: absolute; left: 33px; top: 320px; width: 153px; height: 23px; }
.imgCalloutSimplePrint { position: absolute; left: 33px; top: 343px; width: 153px; height: 21px; }
.imgCalloutClassNumbers { position: absolute; left: 204px; top: 168px; width: 180px; height: 204px; }
.imgCalloutBillionaireBob { position: absolute; left: 389px; top: 168px; width: 180px; height: 204px; }
.imgCalloutExoticHits { position: absolute; left: 575px; top: 168px; width: 180px; height: 204px; }
.imgCalloutEventChat { position: absolute; left: 22px; top: 388px; width: 180px; height: 101px; }
.imgCalloutForums { position: absolute; left: 205px; top: 388px; width: 180px; height: 101px; }
.imgCalloutEventCalendar { position: absolute; left: 389px; top: 388px; width: 180px; height: 101px; }
.imgCalloutRegistration { position: absolute; left: 574px; top: 388px; width: 180px; height: 101px; }