#sbCalendarCarousel {
  float:left;
}


/* date selector */
#sbDateSelector {
  float:left;
  height:24px;
  _zoom:1;  
  margin:12px 0 0;
}
#sbDateSelector a:hover {
  text-decoration:none;
}
#sbDateSelector ul {
  list-style:none;
  margin:0;
  padding:0;
}
#sbDateSelector li {
  float:left;
  margin:0;
  padding:0;
  height:24px;
  text-transform:uppercase;
  font-size:10px;
  line-height:11px;
}
#sbDateSelector #todaysGamesItem {
  padding-right:6px;
  border-right:1px solid #d8d8d8;
}
#sbDateSelector #todaysGamesItem a {
  display:block;
}
#sbDateSelector #calendarItem {
  padding-left:6px;
  border-left:1px solid #f3f3f3;
}
#sbDateSelector #calendarItem a {
  display:block;
  padding:0 0 6px;
  background:url(/shared/scripts/bam/widget/CalendarCarousel/themes/default/date_picker.gif) no-repeat 29px 13px;
}
#sbDateSelector #calendarItem img {
  vertical-align:top;
  margin:2px 3px;
}
#sbDateSelector ul li a {
  color:#666;
  font-weight:bold;
  cursor:pointer;
  text-decoration:none;
}
#sbDateSelector ul li a.selected {
  font-weight:bold;
  color:#000;
}

/* date range */
#sbDateRange {
  float:left;
  padding-top:3px;
  width:330px;
  background:url(/images/scoreboard/loading.gif) no-repeat center center;
}
#sbDateRange a:hover {
  text-decoration:none;
}
#sbDateRange ul {
  overflow:hidden;
  margin:0;
  padding:0;
}
#sbDateRange li {
  list-style:none;
  float:left;
  margin:0 1px;
  padding:0;
}
#sbDateRange a {
  display:block;
  background:url(/shared/scripts/bam/widget/CalendarCarousel/themes/default/scoreboardDateRangeSprite2.png) no-repeat;
}
#sbDateRange .prev, 
#sbDateRange .next {
  width:20px;
  height:20px;
  text-indent:-999em;
  overflow:hidden;
  margin-top:11px;
}
#sbDateRange .prev {
 background-position:0 0;
}
#sbDateRange .next {
 background-position:-20px 0;
}
#sbDateRange .prev:hover {
 background-position:0 -20px;
}
#sbDateRange .next:hover {
 background-position:-20px -20px;
}
#sbDateRange .day {
  text-align:center;
  width:90px;
  height:42px;
  padding:4px 0 0 0;
  background-position:-40px 0;
  color:#444;
  font-size:11px;
  text-transform:uppercase;
}
#sbDateRange .day .date {
  display:block;
  margin:0 0 4px -2px;
  font-style:normal;
}
#sbDateRange .day .count {
  margin:0 0 0 -2px;
  color:#1c479a;
  font-weight:bold;
}
#sbDateRange .today {
  background-position:-130px 0;
}
#sbDateRange .today .date {
  color:#fff;
}
#sbDateRange .today .count {
  color:#9cf;
}

/* @todo This code is redundant should be moved somewhere to be DRYer and then
removed from here and schedule/threeday.css */
/* DateSelector styles */
#dateSelectorContainer {position:absolute; right:10px; top:10px; border:1px solid #ccc; display:none; background-color:#fff; padding:2px; width:200px;}
#monthNav {background-color:#fff;}
.curMonth {font:bold 11px arial; text-align:center; height:20px;}
.monthLink a {font:10px verdana; color:#369; padding:3px; text-decoration:none;}
.monthLink a:hover {text-decoration:underline;}
#monthDays thead td {font:bold 10px verdana; color:#eee; background-color:#666; padding:2px 0px; text-align:center;}
#monthDays tbody td {font:10px verdana,arial; text-align:right; background-color:#ccc; width:26px; height:20px;}
#monthDays .blank {background-color:#eee;}
#monthDays .day {background-color:#ddd;padding:3px;}
#monthDays .day.today {background-color:#ccc;font-weight:bold;}
#monthDays .day a {color:#369; text-decoration:none; display:block;}
#monthDays .day a:hover {font-weight:bold;text-decoration:underline;}
#monthDays .selectedDay {background-color:#999;}
#monthDays .selectedDay a {color:#fff; text-decoration:none; width:90%; height:auto; display:block;}
#subLinks {background-color:#fff; padding-top:3px;}
#subLinks a {font:10px verdana; color:#369; padding:3px;  text-decoration:none;}
#subLinks a:hover {text-decoration:underline;}
#dateSelector {  width:200px;  background:#fff;border:1px solid #000; }
#dateSelector table { width:100%; }
/* end of DateSelector styles */