body {
  color: #ffffff;
  background-color: #000000;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  margin: 0 0 0 0;
}

td, p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

img {
  border: 0;
}

h1, h2, h3, h4, dl, form, fieldset, table {
  margin: 0;
  padding: 0;
}

fieldset {
  width: 350px;
  padding: 10px;
  text-align: left;
}

fieldset select {
  width: auto;
}

input[type='text'], input[type='password'], select {
  width: 15em;
}

label {
  display: block;
}

textarea, input {
  background-color: #eeeeee;
}

input[type="checkbox"] {
  background: none;
}

a, a:visited {
  color: #0c5815;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #b10000;
}

a.bigunFavoriteTrackLink, a.bigunFavoriteTrackLink:visited,
a.bigunFavoriteTrackLink:hover {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}

a.bigunLink, a.bigunLink:visited {
  font-weight: bold;
}

a.bigunLink:visited {
  color: #000000;
}

a.bigunLink:hover {
  color: #b10000;
}

a.bigunTrackLink, a.bigunTrackLink:visited,
a.bigunTrackLink:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}


a.footerLink, a.footerLink:visited {
  color: #fbac03;
  font-size: 95%;
  font-weight: bold;
  text-decoration: underline;
}

a.footerLink:hover, a.footerLinkDark:hover {
  text-decoration: none;
}

a.footerLinkDark, a.footerLinkDark:visited {
  color: #666633;
  font-size: 95%;
  font-weight: bold;
  text-decoration: underline;
}

a.headingLink, a.headingLink:visited {
  color: #0000ff;
  text-decoration: underline;
}

a.headingLink:hover {
  color: #b10000;
}

a.highlightedNewsLink {
  color: #ff0000;
  line-height: 150%;
  font-weight: normal;
}

a.highlightedNewsLink:hover {
  color: #000000;
}

a.highlightedNewsLink:visited {
  color: #810000;
}

a.largeLink {
  font-size: 120%;
  font-weight: bold;
}

a.newsLink {
  line-height: 150%;
  font-weight: normal;
}

a.newsLink:visited {
  color: #000000;
}

a.newsLink:hover {
  color: #b10000;
}

a.purchasedTrackLink, a.purchasedTrackLink:visited {
  color: #0c5815;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}

a.purchasedTrackLink:hover {
  color: #b10000;
}

a.resultsLink {
  font-size: 100%;
  font-weight: bold;
}

a.resultsLink:visited {
  color: #555555;
}

a.resultsLink:hover {
  color: #b10000;
}

a.smallLink, a.smallLink:visited {
  font-size: 90%;
}

a.smallLink:hover {
  text-decoration: none;
}

a.statusBoxLink, a.statusBoxLink:visited {
  color: #f1eb4d;
  font-size: 95%;
  line-height: 12px;
  font-weight: bold;
  text-decoration: underline;
}

a.statusBoxLink:hover {
  text-decoration: none;
}

a.statusBoxLinkHighlighted, a.statusBoxLinkHighlighted:visited {
  color: #ffffff;
  font-size: 95%;
  line-height: 12px;
  font-weight: bold;
  text-decoration: underline;
}

a.statusBoxLinkHighlighted:hover {
  text-decoration: none;
}

a.trackLink, a.trackLink:visited {
  line-height: 150%;
  font-weight: normal;
}

div#testimonialBlurb {
  font-family: "trebuchet ms", helvetica, sans-serif;
  font-size: 13px;
  line-height: 120%;
  height: 95px;
}

div.homepageVideo {
  text-align: center;
  padding-bottom: 10px;
}

div.hr {
  padding-top: 5px;
  border-bottom: 2px solid #000000;
}

div.promoBox {
  width: 350px;
  height: 75px;
  padding: 0;
  margin-top: 2px;
  background-image: url(/images/promo_box_background.gif);  
  color: #0c5815;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

div.promoBox table.innerText {
  width: 100%;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0;
}

div.promoBox a.promoLink, div.promoBox a.promoLink:visited {
  display: block;
  width: 100%;
  text-decoration: none;
}

img.bordered {
  border: 1px solid #000000;
}

img.bulletImage {
  vertical-align: middle;
  width: 5px;
  height: 5px;
  padding: 0 5px 0 5px;
}

img.ccImage {
  vertical-align: middle;
  padding: 3px 0 3px 0;
}

img.glow {
  margin: auto;
  border-radius: 15px;
  box-shadow: 0px 0px 5px 7px #ffffff; 
  -webkit-box-shadow: 0px 0px 5px 7px #ffffff;
  -moz-box-shadow: 0px 0px 5px 7px #ffffff;
}

img.logo {
  width: 320px;
  height: 74px;
  padding: 10px 0 10px 15px;
  border: 0;
}

img.logoCentered {
  width: 350px;
  height: 81px;
  padding: 10px 0 10px 0;
  border: 0;
}

img.predictionFormIcon {
  width: 63px;
  height: 46px;
}

img.rssIcon {
  width: 26px;
  height: 23px;
  vertical-align: middle;
}

img.securityImage {
  width: 250px;
  height: 125px;
}

img.toteboardScorecardIcon {
  width: 20px;
  height: 17px;
  margin-left: 10px;
  vertical-align: bottom;
  -pie-png-fix: true;
}

img.toteboardWeatherIcon {
  width: 17px;
  height: 17px;
  -pie-png-fix: true;
}

input.bigContentButton, button.bigContentButton {
  color: #000000;
  background-color: #fcc337;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

input.bigunButton, button.bigunButton {
  color: #000000;
  background-color: #fcc337;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13.5px;
  font-weight: bold;
  text-align: center;
}

input.contentButton, button.contentButton {
  color: #000000;
  background-color: #fcc337;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
}

input.hugeContentButton, button.hugeContentButton {
  color: #000000;
  background-color: #fcc337;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  text-align: center;
}

input.greyTextBox {
  color: #ffffff;
  background-color: #666666;
  font-size: 90%;
  font-weight: bold;
  border: 1px solid #cccccc;
}

input.radio {
  background-color: #ffffff;
}

input.readOnly {
  background-color: #c4c4c4;
}

input.signupButton, button.signupButton {
  color: #000000;
  background-color: #a9c558;
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 150%;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}

input.statusBoxButton, button.statusBoxButton {
  color: #000000;
  background-color: #a9c558;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

input.statusTextBox {
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
}

input.toteboardButton, button.toteboardButton {
  color: #000000;
  background-color: #a9c558;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}

input.toteboardCheckbox {
  height: 12px;
  width: 12px;
  padding-left: 2px;
}

li.paddedBottom {
  padding-bottom: 5px;
}

option.colorDropdown, select.colorDropdown {
  color: #000000;
  background-color: #fcc337;
  width: auto;
}

option.statusBoxDropdown, select.statusBoxDropdown {
  font-size: 95%;
  color: #000000;
  background-color: #ffffff;
  width: auto;
}

option.trackDropdown, select.trackDropdown {
  color: #000000;
  font-size: 14px;
  background-color: #fcc337;
  width: auto;
}

table.content {
  width: 1000px;
  background-color: #333333;
  text-align: left;
  margin: auto;
}

table.contentBare {
  width: 820px;
  background-color: #333333;
  text-align: left;
}

table.contentPopup {
  width: 450px;
  background-color: #333333;
  text-align: left;
}

table.homepageCounterTable {
  width: 100%;
  border: 2px solid #000000;
  border-collapse: collapse;
}

table.homepageCounterTable th {
  padding-bottom: 5px;
}

table.homepageCounterTable th, table.homepageCounterTable td {
  border-right: 2px solid #000000;
  padding: 5px;
}

table.promoTable {
  width: 100%;
  text-align: center;
  border: 2px solid #ff0000;
  padding: 2px;
}

table.promoTable tr td {
  font-size: 110%;
}

table.referralTable {
  width: 85%;
  border: 1px solid #ffffff;
}

table.sloganTable {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

table.subContent {
  width: 100%;
  background-color: #ffffff;
}

table.subContent tr th {
  color: #000000;
  background-color: #fcc337;
  font-weight: bold;
  border: 1px solid #000000;
  text-align: center;
}

table.subContent tr td {
  color: #000000;
  font-weight: normal;
  border: 1px solid #000000;
  text-align: center;
}

table.testimonialTable {
  width: 85%;
}

table.testimonialTable tr td {
  border-top: 2px solid #000000;
  padding-top: 4px;
}

table.testimonialTable tr td .quote {
  font-family: monospace;
  font-weight: normal;
  font-style: normal;
}

table.toteboard {
  width: 540px;
}

table.toteboardMessage {
  width: 95%;
  border: 2px solid #000000;
  text-align: center;
  padding: 1px;
}

table.transactionDetailTable {
  width: 75%;
  border: 2px solid #000000;
}

table.transactionPaymentTable {
  width: 65%;
  border: 2px solid #000000;
}

table.transactionPaymentTable tr td {
  background-color: #ffffff;
}

table.transactionTable {
  width: 75%;
  border: 2px solid #000000;
}

table.transactionDetailTable tr th, table.transactionTable tr th {
  font-weight: bold;
  color: #ffffff;
  background-color: #333333;
}

table.transactionDetailTable tr td, table.transactionTable tr td {
  font-weight: normal;
}

td.blackBackground {
  background-color: #000000;
  text-align: left;
}

td.blackBackgroundCentered {
  background-color: #000000;
  text-align: center;
}

td.bigunBackground {
  background-image: url(/images/bigun_background.gif);  
}

td.bigunsBoxBackground {
  background-image: url(/images/biguns_box_background.gif); 
  vertical-align: top;
}

td.bigunsBoxLeftBackground {
  background-image: url(/images/biguns_box_l.gif);  
  vertical-align: top;
}

td.bigunsBoxUpperLeftBackground {
  background-image: url(/images/biguns_box_ul.gif); 
  vertical-align: top;
}

td.bigunsBoxUpperRightBackground {
  background-image: url(/images/biguns_box_ur.gif); 
  vertical-align: top;
}

td.content {
  background-color: #ffffff;  
}

td.contentBoxBottomBackground {
  background-image: url(/images/content_box_bottom.gif);  
}

td.contentBoxLeftBackground {
  background-image: url(/images/content_box_l.gif); 
  vertical-align: top;
}

td.contentBoxRightBackground {
  background-image: url(/images/content_box_r.gif); 
  vertical-align: top;
}

td.contentHeadingBackground {
  background-image: url(/images/content_heading_background.gif);  
  font-size: 120%;
  font-family: Arial Black, Gadget, sans-serif;
  color: #000000;
  text-align: center;
}

td.contentHeadingBackground h1, td.contentHeadingBackground h2 {
  font-size: 100%;
  font-weight: normal;
}

td.dottedLineBackground {
  background-image: url(/images/dotted_line.gif);
  text-align: left;
}

td.homepageTestimonialBorder {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

td.subcontentBoxBottomBackground {
  background-image: url(/images/subcontent_box_bottom.gif); 
}

td.subcontentBoxLeftBackground {
  background-image: url(/images/subcontent_box_l.gif);  
  vertical-align: top;
}

td.subcontentBoxRightBackground {
  background-image: url(/images/subcontent_box_r.gif);  
  vertical-align: top;
}

td.subcontentHeadingBackground {
  background-image: url(/images/subcontent_heading_background.gif); 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  color: #fcc337;
  text-align: center;
}

td.subcontentHeadingBackground h1, td.subcontentHeadingBackground h2 {
  font-size: 100%;
  font-weight: normal;
}

td.toteboardClock {
  font-weight: bold;
}

td.toteboardConditions, th.toteboardConditions {
  text-align: center;
}

td.toteboardPrice, th.toteboardPrice {
  text-align: right;
}

td.toteboardStatus, th.toteboardStatus {
  text-align: center;
}

td.whiteBackgroundCentered {
  background-color: #ffffff;
  text-align: center;
  border-bottom: 2px solid #000000;
}

tr.bigunsListHeaderRow th {
  color: #000000;
  background-color: #fcc337;
  font-weight: bold;
}

tr.evenRow td {
  color: #000000;
  background-color: #ffffff;
}

tr.evenRow th {
  background-color: #ffffff;
}

tr.oddRow td {
  color: #000000;
  background-color: #dddddd;
}

tr.oddRow th {
  background-color: #dddddd;
}

tr.subcontentTableHeaderRow th {
  color: #000000;
  background-color: #fcc337;
  font-size: 120%;
  font-weight: bold;
}

tr.toteboardEvenRow td {
  color: #666666;
  text-shadow: none;
}

tr.toteboardOddRow td {
  color: #000000;
  text-shadow: none;
}

ul.squareBulletList li {
  margin-left: -2em;
  list-style-position: outside;
  list-style-image: url(/images/bullet.gif);
}

.announcementHeader {
  width: 310px;
  height: 92px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

.announcementHeaderLeft {
  width: 27px;
  height: 92px;
  background: url(/images/announcement-header-l.png) no-repeat;
  float: left;
}

.announcementHeaderMid {
  width: 256px;
  height: 92px;
  background: url(/images/announcement-header-mid.png) repeat-x;
  float: left;
}

.announcementHeaderRight {
  width: 27px;
  height: 92px;
  background: url(/images/announcement-header-r.png) no-repeat;
  float: left;
}

.announcementHeaderIcon {
  width: 29px;
  height: 30px;
  background: url(/images/announcement-header-icon.png) no-repeat;
  margin-top: 7px;
  float: left;
}

.announcementHeaderContent {
  margin-top: 8px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #000000;
}

.announcementText {
  color: #ff0000;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

.announcementText a {
  color: #ff0000;
}

.availableTrack {
  color: #000000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 110%;
  font-weight: bold;
}

.bigunBoxFooterText {
  color: #000000;
  font-size: 90%;
  font-weight: bold;
}

.bigunBoxText {
  color: #000000;
  font-size: 85%;
  font-weight: bold;
}

.bigunFavoriteTrackText {
  color: #ff0000;
  font-size: 85%;
  font-weight: bold;
}

.bigunPayoff {
  color: #a500b9;
  font-size: 95%;
  font-weight: bold;
}

.carryoverText {
  color: #a500b9;
  font-weight: bold;
}

.clear {
  clear: both;
}

.contentText {
  color: #000000;
  font-weight: normal;
}

.error {
  color: #ff0000;
  font-weight: bold;
}

.errorNoBold {
  color: #ff0000;
}

.footerText {
  color: #cccccc;
  background-color: #000000;
  text-align: center;
  font-size: 90%;
  font-weight: normal;
}

.formLabel {
  color: #ffffff;
  font-weight: bold;
}

.highlight {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
}

.highlightedNewsText {
  color: #ff0000;
}

.homepageCounter {
  margin-left: -30px;
}

.hugeText {
  font-size: 140%;
}

.belmontStakes {
  font-size: 140%;
  font-weight: bold;
}

.largeText {
  color: #000000;
  font-size: 110%;
  font-weight: bold;
}

.linkText {
  color: #0c5815;
  font-weight: bold;
}

.negativeFeature {
  color: #000000;
}

.newContentText {
  color: #000000;
  font-family: 'Times New Roman', times;
  font-weight: normal;
}

.newContentText a {
  color: #0000ff;
  font-family: 'Times New Roman', times;
  text-decoration: underline;
}

.newContentText a:hover {
  color: #b10000;
}

.newContentText h1 {
  font-size: 30px;
  font-family: 'Times New Roman', times;
  text-align: center;
}

.newContentText h2 {
  font-size: 30px;
  font-family: 'Times New Roman', times;
  text-align: center;
}

.newContentText h3 {
  font-size: 28px;
  font-family: 'Times New Roman', times;
  text-align: center;
}

.newContentText h3.red {
  color: #ff0000;
  font-family: 'Times New Roman', times;
}

.newContentText img.form {
  width: 300px;
  height: 261px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 2px solid #000000;
}

.newContentText input.signupButton, .newContentText button.signupButton {
  color: #000000;
  background-color: #fcc337;
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 170%;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}

.newContentText p {
  font-size: 18px;
  font-family: 'Times New Roman', times;
  font-weight: normal;
}

.newContentText p.largeText {
  font-size: 22px;
}

.newContentText p.hugeText {
  font-size: 24px;
}

.newContentText p.smallText {
  font-size: 16px;
}

.newContentText p.tinyText {
  font-size: 13px;
}

.newContentText p.testimonial {
  color: #367226;
  text-align: center; 
  font-family: verdana,'trebuchet ms',helvetica,sans-serif;
  font-size: 15px; 
  font-style: italic; 
  font-weight: bold;
}

.newContentText .green {
  color: #08c92b;
}

.newContentText .darkGreen {
  color: #367226;
}

.newContentText .red {
  color: #ff0000;
}

.newContentText .signature {
  font-size: 14px; 
  text-align: right;
}

.nobr {
  white-space: nowrap;
}

#noScriptDialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 999999999;
  padding: 40px;
  color: #000000;
  background-color: #EEE;
}

.positiveFeature {
  color: #0c5815;
}

.prepFirstLeg {
  color: #ff0000;
}

.prepSecondLeg {
  color: #0000ff;
}

.prepWildcard {
  color: #009933;
}

.prepEurope {
  color: #808000;
}

.prepJapan {
  color: #ffa824;
}

.printOnly {
  display: none;
}

.quote {
  color: #000000;
  font-style: italic;
  font-weight: bold;
}

.resultsTrackNameHeading {
  color: #000000;
  background-color: #fcc337;
  font-size: 20px;
  font-weight: bold;
  padding: 3px;
}

.signature {
  color: #000000;
  font-weight: bold;
}

.sloganText {
  text-align: center;
  color: #000000;
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 32px;
}

.sloganText .red {
  color: #ff0000;
}

.sloganText .green {
  color: #0ac92b;
}

.smallText {
  font-size: 90%;
}

.statusBoxError {
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
}

.statusBoxHighlight {
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
}

.statusBoxLabel {
  color: #f1eb4d;
  font-size: 100%;
  font-weight: bold;
}

#bigunBoxContainer .highlight, #bigunListContainer tr.highlight {
  outline: 2px solid #ff0000;
}

#lightbox-image-details-caption {
  font-size: 110%;
  color: #0c5815;
}

#lightbox-image-details-caption a {
  color: #ff0000;
  font-weight: bold;
}

#monthSelect {
  width: 120px;
  text-indent: 5px;
}

#monthSelect, #monthSelect option {
  font-size: 16px;
  background-color: #ffffff;
  font-weight: 700;
}

/* CSS for the new navbar and status box. */

#nav {
  width: 99%;
  margin: 0;
  margin-top: 10px;
  padding: 7px 6px 0;
  line-height: 100%;
  border-radius: 2em;

  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

  background: #8b8b8b; /* for non-css3 browsers */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */

  border: solid 1px #6d6d6d;
}
#nav li {
  margin: 0 9px;
  padding: 0 0px 8px;
  float: left;
  position: relative;
  list-style: none;
}
/* main level link */
#nav a {
  font: normal 17px Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding:  8px 20px;
  margin: 0;
  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
  background: #d1d1d1; /* for non-css3 browsers */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

  color: #444;
  border-top: solid 1px #f8f8f8;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#nav ul a:hover {
  background: #0399d4 !important; /* for non-css3 browsers */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
  background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
  background: #ddd; /* for non-css3 browsers */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 35px;
  left: 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
  display: block;
}
#nav ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#nav ul a {
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
  left: 181px;
  top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#nav {
  display: inline-block;
}
html[xmlns] #nav {
  display: block;
}
* html #nav {
  height: 1%;
}

#statusBox {
  width: 300px;
  margin: 0;
  padding: 10px 20px;
  line-height: 100%;
  border-radius: 2em;
  float: right;

  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

  background: #8b8b8b; /* for non-css3 browsers */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */

  border: solid 1px #6d6d6d;
}

#statusBox.signedIn {
  padding-right: 30px;
  padding-bottom: 15px;
}

/* CSS for the slick Toteboard with tabs. */

#toteboardContainer {
  margin: 0 auto !important;
  height: 100%; 
  width: 600px;
  position: relative;
  z-index: 1;
}

#toteboardModule {
  padding: 0;
  margin: 5px;
  max-width: 600px;
  height: auto;
  width: 600px;
}

#toteboardNav {
  padding-right: 20px;
  padding-left: 20px;
  height: 30px;
  float: left;
  width: 600px;
}

#toteboardNav:hover {
  cursor: pointer;
}

.toteboardActiveTab {
  padding-top: 5px;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  background-color: #ffffff;
  color: #000000;
  height: 30px;
  float: left;
  width: 110px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-radius: 15px 15px 0 0;
  border-top: solid 1px #888;
  border-left: solid 1px #888;
  border-right: solid 1px #888;
  background: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                  color-stop(0.88, rgb(249,202,88)),
                  color-stop(0.65, rgb(249,202,88)),
                  color-stop(0.29, rgb(249,202,88))
                  );
  background: -moz-linear-gradient(
                  center bottom,
                  rgb(249,202,88) 88%,
                  rgb(249,202,88) 29%,
                  rgb(249,202,88) 65%                   
                 );
  -pie-background: linear-gradient(#f9ca58, #f9ca58, #f9ca58);
}

.toteboardInactiveTab {
  padding-top: 5px;
  font-weight: bold;
  float: left;
  height: 30px;
  width: 110px;
  text-align: center;
  font-size: 18px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  color: white;
  background-color: #a7c256;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-radius: 15px 15px 0 0;
  border-top: solid 1px #888;
  border-left: solid 1px #888;
  border-right: solid 1px #888;
  background: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0.29, rgb(59,68,31)),
                    color-stop(0.65, rgb(139,162,73)),
                    color-stop(0.88, rgb(166,194,87))
                  );
  background: -moz-linear-gradient(
                   center bottom,
                   rgb(59,68,31) 29%,
                   rgb(139,162,73) 65%,
                   rgb(166,194,87) 88%
                 );  
  -pie-background: linear-gradient(#3b441f, #bba207, #a6c257);
}

#toteboardSubContainer {
  height: auto;
  width: 600px;
  float: left;
  margin-bottom: 10px;
  background-color: #ffffff;
  border-radius: 15px 15px 15px 15px;
  border-bottom: solid 1px #888;
  border-left: solid 1px #888;
  border-right: solid 1px #888;
  background: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                  color-stop(0.88, rgb(249,202,88)),
                  color-stop(0.65, rgb(255,255,255)),
                  color-stop(0.29, rgb(247,191,73))
                  );
  background: -moz-linear-gradient(
                   center top,
                   rgb(249,202,88) 88%,
                   rgb(255,255,255) 65%,
                   rgb(247,191,73) 29%
                 );
  -pie-background: linear-gradient(#f9ca58, #ffffff, #f7bf49);
  box-shadow: #666 2px 5px 6px;
}

#toteboardContentArea {
  text-align: left;
  color: #000000;
  margin: 15px;
  float: left;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 14px;
  background-color: #ffffff;
  padding: 15px;
  height: auto;
  width: 540px;
  border-radius: 15px;
  border-bottom: solid 1px #888;
  border-top: solid 1px #888;
  box-shadow: inset 0 0 5px 3px #eeddb4;
  background: -webkit-gradient(
                      linear,
                    left bottom,
                    left top,
                    color-stop(0.29, rgb(246,191,73)),
                    color-stop(0.65, rgb(241,215,162)),
                    color-stop(0.88, rgb(246,191,73))
                  );
  background: -moz-linear-gradient(
                   center bottom,
                   rgb(246,191,73) 29%,
                   rgb(241,215,162) 65%,
                   rgb(246,191,73) 88%
                 );
  -pie-background: linear-gradient(#f6bf49, #f1d7a2, #f6bf49);
}

#toteboardContentArea th {
  color: #000000;
}

#toteboardContentArea p {
  padding-right: 10px;
  padding-left: 10px;
}

#toteboardContentArea h1 {
  padding-right: 10px;
  padding-left: 10px;
  color: gray;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#toteboardContentArea h2 {
  padding-right: 10px;
  padding-left: 10px;
  color: gray;
  text-align: left;
  font-size: 16px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

/* JQuery UI styles */
.ui-dialog {
	z-index: 100;
}

.ui-dialog .ui-dialog-buttonset {
  float: none;
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
}

.ui-dialog .ui-dialog-title {
  float: none;
  display: block;
  text-align: center;
}

.ui-button-icon-only .ui-icon {
  left: 0;
  top: 0;
}

/* qTip styles */
.qtip {
  max-width: 500px;
}

/* CLNDR.js styles for results page */
#results-clndr {
  background-color: #ebebeb;
  font-weight: 700;
  box-shadow: 2px 5px 6px #666666;
  -moz-box-shadow: 2px 5px 6px #666666;
  -webkit-box-shadow: 2px 5px 6px #666666;
}

.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#results-clndr .clndr-grid {
  float: left;
  width: 72%;
  border-right: 2px solid #ffffff;
}

#results-clndr .clndr-grid .controls {
  background-color: #a9c558;
  color: #000000;
  font-size: 150%;
  height: 43px;
  padding-top: 14px;
}

#results-clndr .clndr-grid .controls .month {
  width: 70%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

#results-clndr .clndr-grid .controls .clndr-previous-button,
#results-clndr .clndr-grid .controls .clndr-next-button {
  width: 10%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -transition: background-color 0.5s;
}

#results-clndr .clndr-grid .controls .clndr-previous-button.inactive,
#results-clndr .clndr-grid .controls .clndr-next-button.inactive {
  cursor: auto;
}

#results-clndr .clndr-grid .controls .clndr-previous-button.inactive .arrow,
#results-clndr .clndr-grid .controls .clndr-next-button.inactive .arrow {
  display: none;
}

#results-clndr .clndr-grid .days-of-the-week {
  width: 100%;
  background-color: #fcc337;
}

#results-clndr .clndr-grid .days {
  width: 100%;
}

#results-clndr .clndr-grid .days-of-the-week .header-day {
  float: left;
  width: 36px;
  padding: 14px;
  text-align: center;
  color: #000000;
}

#results-clndr .clndr-grid .days .day, #results-clndr .clndr-grid .days .empty {
  float: left;
  width: 14%;
  height: 14px;
  padding: 24px 0;
  text-align: center;
  color: #4f4f4f;
  background-color: #ebebeb;
  border-bottom: 2px solid #ffffff;
  background-image: url(/images/triangle.svg);
  background-size: cover;
  background-position: center;  
}

#results-clndr .clndr-grid .days .day.adjacent-month .day-number, 
#results-clndr .clndr-grid .days .empty.adjacent-month .day-number {
  opacity: 0.3;
}

#results-clndr .clndr-grid .days .day.event .day-number,
#results-clndr .clndr-grid .days .empty.event .day-number {
  padding: 5px;
  margin: auto;
  border-radius: 15px;
  box-shadow: 0px 0px 5px 7px #fcc337; 
  -webkit-box-shadow: 0px 0px 5px 7px #fcc337;
  -moz-box-shadow: 0px 0px 5px 7px #fcc337;
  cursor: pointer;
}

#results-clndr .clndr-grid .days .today {
  background-color: white;
  background-image: none;
}

#results-clndr .clndr-grid .days .selected {
  background-color: #fcc337;
  background-image: none;
  color: #000000;
}

#results-clndr .track-listing {
  float: left;
  width: 27%;
}

#results-clndr .track-listing .track-listing-title {
  padding: 14px;
  background-color: #a9c558;
  text-align: center;
  color: #000000;
}

#results-clndr .track-listing .track-items {
  height: 360px;
  overflow-y: auto;
  padding-bottom: 23px;
}

#results-clndr .track-listing .track-item {
  padding-left: 10px;
  padding-bottom: 5px;
  color: #4f4f4f;
  text-align: left;
}