/**** CSS ****/

/* HTML Defaults */
BODY	{
  background: #d0d0c0 url(/images/pagebg.gif) fixed repeat-x;
  margin: 0px;
}

BODY, DIV {
  font: normal 12pt/1.5em "Myriad Pro",Myriad,Trebuchet,Helvetica,Arial,sans-serif;
  color: #000;
}

P { margin: 0px; padding: 0px; padding-top: 10px; }
P:first-child { padding: 0px; }
.pnp P { margin: 0px; padding: 0px; }


H1, H2, H3, H4, FORM {
  margin: 0px;
  font-weight: normal;
}

H1 {font-size: 18pt;}
H2 {font-size: 16pt;}

A { color: #095391; }

A.hvr, .nu, SPAN.hvr A { text-decoration: none; }
A.hvr:hover, SPAN.hvr A:hover { text-decoration: underline; }

INPUT, TEXTAREA, SELECT {
  font-family: arial,sans-serif;
  font-size: 8pt;
  border: 1px solid #808080;
  background: #fff url(/images/boxshadow.png) no-repeat top left;
  padding-left: 3px;
}

SELECT {
  background-image: none;
}

INPUT[type=radio], INPUT[type=checkbox] {
  border: none;
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 4px;
  margin-right: 5px;
}

TD {
  vertical-align: top;
  text-align: left;
}

BLOCKQUOTE {
  text-indent: 18px;
  line-height: 150%;
  margin: 5px 0px;
  background-image: url(/images/quotes.png);
  background-repeat: no-repeat;
}


UL {
  padding-left: 15px;
  margin-top: 0px;
}


IMG { border: none; }
A IMG { border: 1px solid #222; }

/* Color stuff */

.g { color: #666; }
.dg { color: #404040; }
.lg { color: #bbb; }
.lgbg { background-color: #eee; }
.mgbg { background-color: #ddd; }
.dgbg { background-color: #404040; }
.bl { color: #095391; }
.blbg { background-color: #095391; }
.blk { color: #000; }
.blkbg { background-color: #000; }
.w { color: #fff; }
.wbg { background-color: #fff; }
.gn { color: #0a590c; }
.gnbg { background-color: #0d6e0f; }
.r { color: #a50c0c; }
.rbg { background-color: #a50c0c; }
.ltbg { background-color: #eed; }
.lltbg { background-color: #FAFAEA; }
.tbg { background-color: #dda; }
.purbg { background-color: #633187; }

.y { color: #e0e0b0; }
.ybg { background-color: #f4ecbf; }
.lybg { background-color: #f4eaaf; }

.o { color: #ea772e; }

.lbl { color: #81bad9; }
.lblbg { background-color: #dbebf4; }

.smgrad {
  background-image: url(/images/smgrad.png);
  background-repeat: repeat-x;
}

.sminvgrad {
  background-image: url(/images/sminvgrad.png);
  background-repeat: repeat-x;
  background-position: bottom left;
}

.bevel {
  background-image: url(/images/bevel.png);
  background-repeat: repeat-x;
}

.bluegrad {
  background-image: url(/images/bluegrad.png);
  background-repeat: repeat-x;
}

.lightgrad {
  background-image: url(/images/lightgrad.png);
  background-repeat: repeat-x;
}

.lightgradsm {
  background-image: url(/images/lightgradsm.png);
  background-repeat: repeat-x;
}

.lightgradsm2 {
  background-image: url(/images/invgrad2.png);
  background-repeat: repeat-x;
}

.darkgradsm {
  background-image: url(/images/darkgradsm.png);
  background-repeat: repeat-x;
}


/* Spacing, padding, margins */

.n, .n * { font-size: 12pt; }
.s, .s *, .twtr-tweet-text { font-size: 10pt; }
.ss, .ss * { font-size: 8pt; }
.bg, .bg * { font-size: 14pt; }
.hg, .hg * { font-size: 16pt; }
.h, .h * { font-size: 18pt; }

.v { font-family: Verdana,Helvetica,Sans-Serif; }
.pre { font-family: "Andale Mono", monospace; }

.b { font-weight: bold; }
.nb { font-weight: normal; }
.i { font-style: italic; }
.u { text-decoration: underline; }

.sp { line-height: 150%; }
.ssp { line-height: 175%; }
.nsp, .nsp * { line-height: 125%; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float { position: absolute; }
.floatleft { float: left; margin: 0px 15px 5px 0px; }
.floatleftmarginsm { margin: 0px 8px 0px 0px; }
.floatright { float: right; margin: 0px 0px 5px 15px; }
.floatrightmarginsm { margin: 0px 0px 0px 8px; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }

.np { padding: 0; }
.p { padding: 2px 5px; }
.pp { padding: 7px 10px; }
.ppp { padding: 10px 15px; }
.pw { padding: 0px 5px; }
.ppw { padding: 0px 10px; }
.pppw { padding: 0px 15px; }
.pt { padding-top: 5px; }
.pb { padding-bottom: 5px; }

.bdr { border: 1px solid #333; }
.ltbdr { border: 1px solid #998; }
.bdrl { border-left: 1px solid #aaa; }
.bdrr { border-right: 1px solid #aaa; }
.bdrt { border-top: 1px solid #555; }
.bdrb { border-bottom: 1px solid #aaa; }
.blbdr { border: 2px solid #003f63; }
.lblbdr { border: 2px solid #26a; }
.nbdr { border: none; }
.icon { border: none; margin-right: 4px; vertical-align:middle;}
.dashu { border-bottom: 1px dashed #808080; }

.dottedbdr {
  border-left: 1px dotted #909090;
}

.dottedbdrw {
  border-left: 1px dotted #aaa;
}

.hspace { padding: 0px 5px; }
.vspace { padding: 5px 0px; }

.nmb { margin-bottom: 0; }
.mb { margin-bottom: 5px; }
.mmb { margin-bottom: 10px; }
.smt { margin-top: 3px; }
.mt { margin-top: 5px; }
.mmt { margin-top: 10px; }
.mmmt { margin-top: 15px; }
.mmmmt { margin-top: 20px; }
.nm { margin: 0px; }

.pl { padding-left: 10px; }
.pr { padding-right: 20px; }

.round {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.roundsm {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.roundleft {
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
}

.roundright {
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}

.roundtop {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

.roundbottom {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

.sep {
  background: url(/images/sep.png) repeat-y top center;
  height: 1px;
}

.sepsm {
  background: url(/images/sepsm.png) repeat-y top center;
  height: 1px;
}


.dottedvert {
  position: absolute;
  z-index: 999;
  width: 2px;
  height: 100%;
  background-image: url(/images/dotted-vert.gif);
  background-repeat: repeat-y;
  margin-top: 30px;
}

.dottedhorz {
  clear: both;
  width: 80%;
  height: 3px;
  background-image: url(/images/dotted-horz.gif);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 10px 10%;
}

.watermark {
  background-image: url(/images/watermark.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 600px;
}


/* Specific Content Stuff */

#bodywrap {
  text-align: left;
  width: 1100px;
  background: #fff;
  border: 1px solid #444;
  border-right: 10px solid #a40c0c;
  border-left: 10px solid #a40c0c;
}

#divLogo {
  position: absolute;
  margin: 10px 0px 0px 22px;
}

#divLoginBox {
  float: right;
  width: auto;
  min-width: 300px;
  margin: 5px 15px 0px 0px;
}

#divMenu {
  float: right;
  clear: right;
  width: auto;
  margin-top: 11px;
  border-radius: 10px 0px 0px 0px;
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius: 10px 0px 0px 0px;
  background-image: url("/images/glosswave.png");
  background-repeat: repeat-x;
  background-position: top left;

}

#divMenu * {
  line-height: 1em;
  margin: 0;
  padding: 0;
}

#divMenu UL {
  list-style: none;
}

#divMenu UL LI {
  display: block;
  float: left;
  font-size: 10pt;
}

#divMenu UL LI A {
  display: block;
  padding: 13px 15px 8px 15px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#divMenu UL LI UL {
  position: absolute;
  display: none;
  width: auto;
  border: 1px solid #777;
  border-bottom: none;
  border-top: none;
  margin-top:-1px;
}

#divMenu UL LI UL LI {
  position: relative;
  display: block;
  float: none;
  border-bottom: 1px solid #555;
}

#divMenu UL LI UL LI A {
  display: block;
  padding: 6px 35px 6px 10px;
  background: url("/images/sminvgrad.png") repeat-x center top #2a2a2a;
}

#divMenu UL LI UL LI A:hover {
  background-color: #666;
}


#contentold {
  margin-top: 194px;
  border-top: 2px solid #333;
  padding: 10px 15px;
}

#content {
  margin-top: 129px;
  border-top: 2px solid #333;
  padding: 15px 15px 10px 15px;
}

#content.contentshort {
  margin-top: 110px;
}

#header {
  position: absolute;
  top: 0px;
  width: 1100px;
}

#breadcrumbs { margin-top: 8px; }

#footerwrap {
  margin-top: 10px;
}

#footer, #footer * {
  font-size: 10pt;
  color: #eee;
}

#mainsearch {
  float: right;
  margin-top: 15px;
  margin-right: 5px;
}

#mainsearch #boxwrap {
    background: url(/images/search.png) no-repeat top left;
    width: 196px;
    height: 25px;
}

#mainsearch #searchbox {
  font-size: 8pt;
  border: none;
  background: none;
  width: 160px;
  margin-left: 25px;
  margin-top: 6px;
}

/*
.menuwrap {
  width:230px;
}

.menu {
  width: auto;
  height: 35px;
  text-align: center;
  overflow: hidden;
  position:relative;
  background: url(/images/burst.png) no-repeat center center;
}

.menu.selected {
  background: #fff;
}

.menucontainer {
  position: relative;
  margin: 8px 8px;
}

*/

.menuwrap {

}

.menu {
  width: 100%;
  height: 35px;
  text-align: center;
  overflow: hidden;
  position:relative;
  padding-left: 10px;
}

.menubg {
  padding: 4px 0px;
  background: url(/images/white.png) repeat-x top center;
}

.menubg.selected {
  background:none;
}

.menucontainer {
  position: relative;
  margin: 8px 8px;
}




.autosuggest {
  display: none;
  position: absolute;
  border: 1px solid #606060;
  z-index: 99;
  width: 220px;
  height: auto;
  overflow: auto;
  margin-top: -1px;
}

.autosuggest A {
  font-size: 10pt;
  line-height: 1.5em;
  display: block;
  margin: 0px;
  padding: 0px 5px;
  background-color: #fff;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
}

.autosuggest A:hover {
  background-color: #f4ead2;
}

.err {
  font-size: 10pt;
  font-weight: bold;
  color: #fff;
  border: 1px solid #e00000;
  background-color: #a03030;
  padding: 2px 5px;
  margin: 4px 0px 2px 0px;
  text-align: center;
  display: none;
}

.hidden {
  display: none;
}

.seatbg {
  background: url(/images/seatbg.png) no-repeat top right;
}

.blackout {
  background: url(/images/blackout.png);
}

.toblue {
  background: url(/images/toblue.png) no-repeat bottom right;
}

.bluetoblack {
  background: url(/images/bluetoblack.png) repeat-x;
}

.blacktoblue {
  background: #000f19 url(/images/blacktoblue.png) repeat-x bottom left;
}

.panel {
  background: url(/images/panel.png) no-repeat bottom center;
  min-height: 210px;
  width: 250px;
  padding: 0px 25px 30px 25px;
  text-align: left;
}

/* Calendar Stuff */
#calendar TABLE {
  width: 100%;
}

#calendar TD {
  line-height: 100%;
  text-align: center;
}

#calendardays {
  margin-top: 5px;
}

#calendardays TD {
  height: 30px;
  text-align: right;
  vertical-align: bottom;
}

#calendardays .weekday {
  background: url(/images/calspacer.png) no-repeat top left;
}

#calendardays .week0 {
  background-position: 0px -1px
}

#calendardays .weekday0 {
  background-position: -1px 0px;
}

#calendardays .weekdayweek00 {
  background-position: -1px -1px;
}

#calendardays TD.today {
  border: 2px solid #81bad9;
}

#calendardays TD.active {
  background-color: #e0e0b0;
}

#calendardays A {
  color: #000;
  display: block;
  text-decoration: none;
}


#signupform TD {
  vertical-align: middle;
}

#signupform INPUT[type=text], #signupform SELECT {
  width: 120px;
  font-size: 8pt;
}

#toolbarwrap {
  position: fixed;
  bottom: 0px;
  background-color: #222;
  width: 1100px;
  margin-left: -15px;
}

#toolbarwrap * {
  color: #fff;
}

#toolbar { padding: 5px 10px; }

.pretty, .prettybg, .prettysm, .prettysq {
  display: inline-block;
  vertical-align: -20%;
  width: 138px;
  height: 23px;
  background: url(/images/button.png) no-repeat top center;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  border: none;
  color: #fff;
  line-height: 100%;
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
}

.prettysm {
    background-image: url(/images/buttonsm.png);
    width: 85px;
}

.prettybg {
    width: 200px;
    background-image: url(/images/buttonbg.png);
}

.prettysq {
    background-image: url(/images/buttonsq.png);
    width: 130px;
}

INPUT.pretty, INPUT.prettysm, INPUT.prettybg, INPUT.prettysq {
  padding: 0;
  padding-bottom: 3px;
}

.pretty A, .prettysm A, .prettybg A, .prettysq A {
  line-height: 150%;
  text-decoration: none;
  color: #fff;
}

.datetile {
  width: 35px;
  height: 37px;
  background: url(/images/date.png) no-repeat top center;
}

.datetile .datemonth {
  line-height: 100%;
  font-size: 6pt;
  text-align: center;
  padding-top: 1px;
}

.datetile .dateday {
  padding-top: 5px;
  line-height: 100%;
  text-align: center;
  font-size: 14pt;
  color: #333;
}

.silkwrap {
  float: left;
  margin-right: 10px;
  border: 1px solid #333;
  width: 30px;
  height: 30px;
  text-align: center;
}

.silkwrapsmall {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.silk {
  font-size: 13pt;
  font-weight: bold;
  padding-top: 3px;
  display: block;
  color: inherit;
}

.silkwrapsmall .silk {
  font-size: 9pt;
  padding-top: 1px;
}

.silk1, .silk1 .silk {
  background-color: #c60908;
  color: #fff;
}

.silk3, .silk3 .silk {
  background-color: #081ec6;
  color: #fff;
}

.silk4 {
  background-color: #fff334;
}

.silk5, .silk5 .silk {
  background-color: #197008;
  color: #fff;
}

.silk6, .silk6 .silk {
  background-color: #222222;
  color: #fff;
}

.silk7 {
  background-color: #ff821d;
}

.silk8 {
  background-color: #e775de;
}

.silk9 {
  background-color: #099ade;
}

.silk10, .silk10 .silk {
  background-color: #56069a;
  color: #fff;
}

.silk11, .silk11 .silk {
  background-color: #ddd;
  color: #a60d0d;
}

.silk12 {
  background-color: #8ccc10;
}

.silk13, .silk13 .silk {
  background-color: #82654e;
  color: #fff;
}

.silk14, .silk14 .silk {
  background-color: #8e2d0b;
  color: #fff;
}

.silk15 {
  background-color: #d3d1b9;
}

.horsenamemeta {
  width: 490px;
}

.jockeyweight {
  width: 170px;
}

.ownertrainer {
  width: 300px;
}



/* Pager */
.pager {
  float: left;
  margin: 0px 5px 5px 0px;
  border: 1px solid #179;
  line-height: normal;
}

.pager A {
  text-decoration: none;
  display: block;
  padding: 2px 0px 0px 0px;
  text-align: center;
  width: 20px;
  color: #333;
}

.thispage {
  background-color: #eee;
}

.thispage A { color: #a33; }

#datalist {
  border-collapse: collapse;
  width: 100%;
}

#datalist TH {
  font-size: 9pt;
  background-color: #acf;
  line-height: 1em;
  padding: 2px 4px;
}

#datalist TD {
  font-size: 9pt;
  border: 1px solid #eee;
  padding: 2px 4px;
}

.rotator * {
  line-height: 1em;
}

.gloss {
  background-image: url("/images/glosswave.png");
  background-repeat: repeat-x;
  background-position: left center;
}