div.milbtv {width: 615px; height: 335px; margin-top: 5px; background: url(/images/multimedia/y2009/milbtv_bg.jpg) no-repeat;}

div.milbtv div#flash_videoplayer {width: 240px; height: 180px; margin: 75px 0 0 12px; float: left; display: inline;}

div.milbaudio {width: 615px; height: 600px; margin: 5px 0 0 0; background: url(/images/multimedia/y2009/milbaudio_bg.gif) no-repeat;}

div.club_milbtv {width: 615px; height: 105px; margin: 5px 0 0 0;} /* background img set dynamically on jsp */

div.milbtv ul, div.club_milbtv ul, div.milbaudio ul {margin: 0; padding: 0; display: inline; float: left; width: 307px;}
div.milbtv ul li, div.club_milbtv ul li, div.milbaudio ul li {position: relative; list-style: none; text-indent: -999em;}



div.milbtv ul li a, div.club_milbtv ul li a ,div.milbaudio ul li a {display: block; height: 37px; width: 307px;}
div.milbaudio ul li.audioreg {top: 177px; left: 451px;}
div.milbtv ul li.freevideo {top: 48px; left: 200px;}

/* positions are relative with the video player div getting in the way */
div.milbtv ul li.annual {top: 230px; left: 5px;height: 37px;}
div.milbtv ul li.monthly {top: 235px; left: 5px;height: 37px;}
div.milbtv ul li.blackout {top: 200px; left: 5px;height: 20px;}
div.milbtv ul li.demo {top: 228px; left: 400px;height: 37px;width:128px}

/* (turned off for inseason) div.milbtv ul li.freevideo {top: 48px; left: 70px;} */
/* (turned off for inseason) div.milbtv ul li.daily {top: 242px; left: 200px;background:#ddd;} */

/* (turned off for inseason) div.milbtv ul li a, div.club_milbtv ul li a  {display: block; width: 526px; height: 247px;} */
/* (turned off for inseason) div.milbaudio ul li a {display: block; width: 226px; height: 97px;} */
/* (turned off for inseason) div.milbaudio ul li.audioreg {top: 107px; left: 391px;} */

div.club_milbtv ul li.clubreg {top: 73px; left: 453px;}



.mediaGrid .gridHeader .tab { 
  background-color: #9C0001; 
  color: #FFFFFF;
  height: 20px;
  padding-left: 10px; 
  font-size: 12px;
}

.mediaGrid .gridHeader { 
  height: 20px;
}

.mediaGrid table.mediaData thead td, .mediaGrid .gridFooter {  
  background-color: #172E60; 
  color: #FFFFFF;
  font-weight: bold; 
  padding: 2px;
}
table.mediaData {
  border: 0px;
  border-top: 4px solid #9C0001;
  width: 100%; 
}
table.mediaData td { 
  padding: 1px;
}

table.mediaData div.error { 
  padding: 10px; 
  padding-left: 40px; 
  font-weight: bold;
}

table tr.even td { background-color: #CCCCCC; border-bottom: 1px solid #999999; }
table tr.odd  td { background-color: #FFFFFF; border-bottom: 1px solid #999999; }
table.mediaData td.firstCell { padding-left : 20px; width: 65px; }
table.mediaData td.lastCell  { padding-right: 10px; }
table.mediaData tr.today td  { font-weight: bold;   }

/* styles for month selector */
#monthSelContainer               { position: absolute; display: none; background-color: #FFFFFF; width: 140px; padding: 3px; 
                                   border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 2px solid #FFFFFF; }

ul.monthSelector, ul.monthSelector li { padding: 0px; margin: 0px; }

ul.monthSelector                 { list-style-type: none;  }

ul.monthSelector li div, ul.monthSelector li a { display: block; width: 132px; padding: 2px 4px; font-weight: bold; font-size: 10px; border-bottom: 1px solid #CCCCCC; }
ul.monthSelector li a:hover      { background-color: #EEEEEE; border-bottom: 1px solid #999999; }
ul.monthSelector li div          { color:#999999; }

#monthSelContainer #topLabel     { padding: 3px; float: left; }
#monthSelContainer #topLabel a   { font-weight: bold; font-size: 10px; color: #333333; text-decoration: none; }
#monthSelContainer #msSeparator  { clear: both; background: #999999; height: 1px; font: 1px; }

#monthSelContainer #msNav        { padding: 3px; margin-top: 3px; }

.button                          { background-color: #CCCCCC; border-bottom: 1px solid #666666; border-right: 1px solid #666666; padding: 0px 3px 0px 3px; }
.button a                        { font-weight: bold; font-size: 10px; }