
/* generic */
.wordspacer, .finalscore, .winarrow {font-size:10px; font-family:Verdana, Arial, sans-serif;}
.wordspacer {color:#F0F0F0;}
.finalscore {color:#CF0000; font-weight:bold;}
.winarrow {color:#CF0000; font-weight:bold;}
.columnrow, .columnrow td, .columnrow th{background-color:#D5DCE0; color:#000;}
.scoresrow {background-color: #FBFBFD;}
.date {font: bold 13px Arial, Helvetica, sans-serif;}
.opendate {font: italic 13px Arial, Helvetica, sans-serif;}
.name {white-space:nowrap;}
.rank {font-weight:bold;}
.playreview {font-weight:bold;}
.note {color:Red;}
img.cbsIcon {margin-left:4px; vertical-align:bottom;}
div.fctable {border: 1px solid #A7B1BE; font-size: 11px;}
/* performance alerts */
div.gamealert {background-color:#ffffab; font:10px Verdana, sans-serif;}
div.gamealert b {color:#9C1301;}
/* calendar */
.lncal {margin: 0.2em; font-size: 11px;}
.lncal th {padding: 0 0 5px 0;}
.lncal td {background-color: #F6F6F6; border: 1px solid #CCC; text-align: right;}
.lncal td a:hover {background-color: #68ABEF; color: #C77405;}
.cmCal {display:inline; position:absolute; visibility:hidden; padding:0; margin:0; z-Index:2000; background-color:#FFF; width:17em; border:1px solid #035190;}
div.cmCal strong {text-transform: uppercase;}
div.cmCal ul {margin:0 0 4px 0; padding:0;}
div.cmCal li {list-style-type: none; padding: 0 0 0 2px; line-height: 16px;}
div.cmCal a {padding: 0.2em; display: block;color: #1C94C4; font-weight: bold;}
div.cmCal .calTitle {background: #035190; text-align: center; color: #FFF; line-height: 1.8em; font-weight: 700; margin: 0.2em;}
/* alerts */
div.visualPlayAlerts, div.score, div.redzone, div.highlight {margin:0px; padding:4px; background-color:#ececec;}
div.visualPlayAlerts    {}
div.highlight           {border:solid 1px #192946}
div.score, div.redzone  {border:solid 1px #C90000;}
div.summary {} /*empty for now. only used by NHL ?? */
div.visualPlayAlerts .eventExtras {padding:4px 0px; font-size:11px;}
/* LEGACY HACK for old usage of table.data in the visual play area */
div.summary table.data {margin-bottom:0px;}
div.summary table.data tr.row1 td {background-color:#ececec; }
/* GameTracker */
A.gt {font:10px Arial, Helvetica, sans-serif}
/* MLB - diamond */
#diamondImage {position:absolute; left:0px; top:0px; width:56px; height:25px; z-index:5; visibility:visible;}
#diamond {position:relative; width:56px; height:25px; z-index:1; visibility:visible;}
#diamond #table {position:absolute; left:0px; top:0px; width:56px; height:25px; z-index:3; visibility:visible;}
#diamond td.onbase {background-color:darkblue;}
#diamond td.ball {background-color:Green;}
#diamond td.strike {background-color:FireBrick;}
#diamond td.out {background-color:Goldenrod;}
#diamond td.none {color:#EFEFEF;}
/* MLB - Pregame Depth Chart Links */
div.visualPlayAlerts div.MLBdepthChartLinks {float: left; margin-left: 2px;}
div.visualPlayAlerts div.MLBplayText {float: left; padding-left: 2px;}
/* Tennis */
.currentscore {font: 10px Verdana, Arial, sans-serif; color:#CF0000;}
.headingrow {background-color:#B9B9B9;}
.nocolor {border:1px solid #FFF;}
.borderhighlight {border:1px solid #000478;}
/* pulldowns */
form {display:inline;}
/* NHL */
span.nhl_powerplay_mark {color:#B40000; font-weight:bold;}
/* key */
.scoreKey img, img.scoreKey {border:1px solid #C90000;}
.lastPlayKey img, img.lastPlayKey {border:1px solid #000A78;}
.redzoneKey img, img.redzoneKey {border:1px solid #C90000;}
.winnerKey span, span.winnerKey {color:#CF0000; font:bold 10px Verdana, sans-serif;}
/* League Wide Alert */
div#sbWrap {position:relative;}
div#sbAlertWrap {position:absolute; width:790px; top:32px; display:none; z-index:200;}
div#sbAlert, div#sbAlert h6, div#sbAlert TD {font-size:10px; font-family:Verdana, sans-serif;}
div#sbAlert h6 {color:#7C0506; display:inline; text-transform:uppercase;}
div#sbAlert {
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    height:23px;
    padding:2px;
    background-color: #FBEB9E;
    background: -moz-linear-gradient(top, #FBEB9E 60%, #DCDBDB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBEB9E), to(#DCDBDB));
    color:#333;
}
div#sbAlert TD.sbAlertPresby {white-space:nowrap;}
div#sbAudioAlertBox {font:10px Arial, sans-serif; white-space:nowrap;}
div#sbAlert span {display:inline; vertical-align:middle;};
/* NFL Game Leaders */}
div.sbGameLeaders {float:left;}
/* NFL Expansion Links - Drive Chart and Game Leaders */
.sbExpandLinks table .td {padding:4px 2px;}
.sbExpandLinks span{color:#618BB5; cursor:pointer; cursor:hand;}
.sbExpandLinks img {vertical-align:middle; padding-bottom:2px;}

/* NEW FORMAT */
/* Scoreboard date */
div.scoresDate {width: 100%; clear: both; margin: 5px 0; font: bold 13px Arial, Helvetica, sans-serif;}

/* Scoreboard layout - base width 790px, 2 & 3 column layout */
div.scoreBox {float: left; margin-bottom: 20px; margin-right: 5px;}
div.spanCol2 {width: 390px;}
div.spanCol3 {width: 260px;}

div.firstCol{clear:both;}
div.lastCol {margin-right: 0;}

/* Scoreboard: content cells
div.scoreBox td.name {white-space: nowrap; text-align: left;}
div.scoreBox td.name a {font-weight: bold;}
div.scoreBox td.name span.record {color: #000;}
div.scoreBox td.standings {text-align: center;}
div.scoreBox td.record, div.scoreBox td.streak, div.scoreBox td.recordStreak,
div.scoreBox td.timeouts, div.scoreBox td.linescore, div.scoreBox td.scorerow {
    text-align: center;
}
div.scoreBox td.finalscore {text-align: center; font-weight: bold; color: #cf0000;}
*/
/* LEGACY: Scoreboard venue row using "featureSubtitle" instead of "tableTitle" for NFL because Heat Map targets featureSubtitle to render the number of viewers */
div.scoreBox .featureSubtitle.borderTop {
    border-top: 1px solid #EEEEEE !important;
}
div.scoreBox .featureSubtitle.borderRight {
    border-right: 1px solid #EEEEEE !important;
}
div.scoreBox .featureSubtitle.borderLeft {
    border-left: 1px solid #EEEEEE !important;
}
/* Line Scores
- LEGACY: row1, row2 declarations for to override legacy 'displinescore' HTML
- When displinescore is no longer used all classes should be reviewed again
*/
div.scoreBox table.data tr.row1 td, div.scoreBox table.data tr.row2 td,
div.scoreBox table.lineScore tr.row1 td, div.scoreBox table.lineScore tr.row2 td {background-color:#fff !important;}
div.scoreBox table.lineScore tr.row1 td.label, 
div.scoreBox table.lineScore tr.row1 td.subtitle {background-color:#ddd !important;}
div.scoreBox table.lineScore td.name {font-weight:bold;}

/* Scoreboard Key: Generic */
div#scoreboardKey {vertical-align: middle;}
div#scoreboardKey img {margin-left: 10px; vertical-align: middle;}
div#scoreboardKey span.label {font-weight: bold;}

div.scoreboardKey {margin-top: 10px;}
div.scoreboardKey dl {margin-top: 5px;}
div.scoreboardKey dl dt {float: left; width: 80px; height: 15px; text-align: center;}
div.scoreboardKey dl dd {height: 15px; margin: 2px 0;}
div.scoreboardKey dl dt.cbsIcon {background: url(http://sports.cbsimg.net/images/scoreboard/oncbssports.png) center no-repeat;}
div.scoreboardKey dl dt.cbsCollegeIcon {background: url(http://sports.cbsimg.net/images/scoreboard/oncbssn.png) center no-repeat;}
div.scoreboardKey dl dt.footballPossession {background: url(http://sports.cbsimg.net/images/scoreboard/football_small.gif) center no-repeat;}

/* Scoreboard Key: Heat Map */
div#heatMapKey {height: 15px; vertical-align: middle; display: none;}
div#heatMapKey div.keyImage {float: right; width: 200px; height: 15px; background: url(http://sports.cbsimg.net/images/heatmap/heatmap_key_200x20.jpg) no-repeat;}
div#heatMapKey div.keyLabel {float: right; margin-right: 5px;}

/* Scoreboard Box: Heat Map */
.heatMap20 {border: 1px solid #FFC01E !important;}
.heatMap40 {border: 1px solid #F89504 !important;}
.heatMap60 {border: 1px solid #FC6F13 !important;}
.heatMap80 {border: 1px solid #F14000 !important;}
.heatMap100 {border: 1px solid #BA0D0F !important;}

div.heatMap20 div.featureSubtitle {background: url(http://sports.cbsimg.net/images/scoreboard/heatmap_title_sprite.png) 0 0 repeat-x; color: #000; border-color: #FFC01E; border-bottom: none;}
div.heatMap40 div.featureSubtitle {background: url(http://sports.cbsimg.net/images/scoreboard/heatmap_title_sprite.png) 0 -29px repeat-x; color: #FFF; border-color: #F89504; border-bottom:  none;}
div.heatMap60 div.featureSubtitle {background: url(http://sports.cbsimg.net/images/scoreboard/heatmap_title_sprite.png) 0 -58px repeat-x; color: #FFF; border-color: #FC6F13; border-bottom: none;}
div.heatMap80 div.featureSubtitle {background: url(http://sports.cbsimg.net/images/scoreboard/heatmap_title_sprite.png) 0 -87px repeat-x; color: #FFF; border-color: #F14000; border-bottom: none;}
div.heatMap100 div.featureSubtitle {background: url(http://sports.cbsimg.net/images/scoreboard/heatmap_title_sprite.png) 0 -116px repeat-x; color: #FFF; border-color: #BA0D0F; border-bottom: none;}

div.scoreBox div.featureSubtitle span.lpsViewerLabel {position:absolute; top:4px; right: 5px; display: none;}

/* Scoreboard: Game Leaders */
table.gameLeaders td {padding: 0;}
table.gameLeaders td.titleLabel {font-weight: bold;}
table.gameLeaders td.statLabel {width: 20%;}
table.gameLeaders td.teamLabel {width: 40%; font-weight: bold;}

/* SOUNDFX ALERT CHECKBOXES */
div#soundfxLeagueAlert {}
.soundfxCheckbox {height: 14px; padding-left: 20px; display: none;}
.on {background:url(http://sports.cbsimg.net/images/gamecenter/soundfx_checkbox_on.png) left top no-repeat;}
.off {background:url(http://sports.cbsimg.net/images/gamecenter/soundfx_checkbox_off.png) left top no-repeat;}


/* BEGIN Fall 2013 UI Shared classes between old and new versions of box scores
- NEW CSS is ./scoreboards/main.css however classes present here for backward
compatibility of code rendered by js_scoreboard_<SPORT>.html files in htdocs/lps/
- Most notably classes here for supporting new and old UI for sports scores in
My Scores page
*/
span.gtDelimiter {margin:0px 6px;}

