/* shared basic styles */ body.mlb, body.team {background:#141414 url(/images/media/bg_tile.png) repeat-y top center;} #vlp a, #vpp a {color:#69A7E9;} /* efaa31 c0dfff */ #promoTvScheduleFoot a, #promoTvScheduleList a, #promoTvScheduleHead ul li {color:#efaa31;} /* landing page styles */ /* override link color for mlb version */ #vlp.mlb #promoTvScheduleFoot a {color:#efaa31;} /* 298edb */ #promoWrap {width:990px; height:268px; overflow:hidden; background:#333;} #promoFeature {float:left; width:670px; height:268px; background:#000 no-repeat;} #promoFeatureInfoWrap {width:670px; height:268px; overflow:hidden; background:transparent url(/images/media/vlp/feature_shade.png) repeat-y;} #promoFeatureInfo {float:left; width:200px; height:268px; padding:15px; font:bold 12px microsoft sans serif,helvetica neue,arial; color:#fff;} #promoFeatureInfo h6 {margin:0; padding:0; font-size:18px; color:#fff;} #promoFeatureInfo p {margin:10px 0; padding:0;} #promoFeatureInfo a {margin:10px 0; padding:0; font-family:microsoft sans serif,helvetica neue,arial;} #promoTvSchedule {float:left; width:320px; background-color:#000; color:#fff;} #promoTvSchedule a {font:bold 10px helvetica neue,arial;} #promoTvScheduleHead {width:314px; overflow:hidden; height:30px;} #promoTvScheduleHead h5 {margin:9px 0 0 12px; padding:0; font:bold 15px helvetica neue,arial; float:left; width:130px;} #promoTvScheduleHead ul {list-style:none; overflow:hidden; float:right; margin:9px 4px 0 0; padding:0;} #promoTvScheduleHead ul li {float:left; text-align:center; width:18px; height:18px; font:bold 12px microsoft sans serif,helvetica neue,arial; margin:0 2px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer;} #promoTvScheduleHead ul li.selected {background-color:#efaa31; color:#000;} #promoTvScheduleList {clear:both; height:218px; overflow:auto; margin:0 10px 0 10px;} #promoTvScheduleList div.msg {text-align:center; padding:50px; font:10px helvetica neue,arial; color:#999;} #promoTvScheduleList table {width:280px;} #promoTvScheduleList table tr td {border-bottom:1px solid #333; padding:2px; color:#fff; font:bold 10px helvetica neue,arial;} #promoTvScheduleList table tr:hover {background-color:#333;} #promoTvScheduleList table tr td.gameVideoLink {width:30px; text-align:center;} #promoTvScheduleList table tr td.gameVideoLink button {padding:0; margin:0; border:0; width:14px; height:14px; overflow:hidden; background:url(/images/media/btn_play_clip.png) no-repeat -43px -3px; cursor:pointer; text-indent:50px;} #promoTvScheduleFoot {padding:4px 0; margin-right:10px; text-align:right;} ul#teamVlpNav {list-style:none; margin:0; padding:0; height:33px; width:990px; background:#222 url(/images/media/bg_horiz_tiles.png) repeat-x 2px 0; overflow:hidden;} ul#teamVlpNav li {float:left; width:33px; overflow:hidden;} ul#teamVlpNav li a {display:block; width:33px; height:33px; text-indent:-900px; background:transparent url(/images/logos/club_logos_plain_sprite.png) no-repeat -7px -7px;} /* team selector (logos) */ ul#teamVlpNav li#team-ana a {background-position:-7px -8px;} ul#teamVlpNav li#team-ari a {background-position:-7px -53px;} ul#teamVlpNav li#team-atl a {background-position:-7px -99px;} ul#teamVlpNav li#team-bal a {background-position:-7px -145px;} ul#teamVlpNav li#team-bos a {background-position:-7px -193px;} ul#teamVlpNav li#team-chc a {background-position:-7px -239px;} ul#teamVlpNav li#team-cin a {background-position:-7px -331px;} ul#teamVlpNav li#team-cws a {background-position:-7px -284px;} ul#teamVlpNav li#team-cle a {background-position:-5px -378px;} ul#teamVlpNav li#team-col a {background-position:-7px -424px;} ul#teamVlpNav li#team-det a {background-position:-7px -470px;} ul#teamVlpNav li#team-fla a {background-position:-7px -516px;} ul#teamVlpNav li#team-hou a {background-position:-8px -564px;} ul#teamVlpNav li#team-mil a {background-position:-7px -702px;} ul#teamVlpNav li#team-min a {background-position:-7px -749px;} ul#teamVlpNav li#team-nym a {background-position:-7px -794px;} ul#teamVlpNav li#team-nyy a {background-position:-7px -841px;} ul#teamVlpNav li#team-oak a {background-position:-7px -888px;} ul#teamVlpNav li#team-phi a {background-position:-7px -934px;} ul#teamVlpNav li#team-pit a {background-position:-7px -981px;} ul#teamVlpNav li#team-sea a {background-position:-7px -1119px;} ul#teamVlpNav li#team-stl a {background-position:-7px -1166px;} ul#teamVlpNav li#team-tex a {background-position:-7px -1257px;} ul#teamVlpNav li#team-tor a {background-position:-7px -1304px;} ul#teamVlpNav li#team-was a {background-position:-7px -1350px;} ul#teamVlpNav li#team-kc a {background-position:-7px -609px;} ul#teamVlpNav li#team-la a {background-position:-7px -655px;} ul#teamVlpNav li#team-sd a {background-position:-7px -1027px;} ul#teamVlpNav li#team-sf a {background-position:-7px -1073px;} ul#teamVlpNav li#team-tb a {background-position:-7px -1211px;} /* team strip (for team-specific versions) */ #teamVlpLinks {height:33px; background-color:#000;} #teamVlpLinks a {float:left; padding:0 10px; height:33px; text-transform:uppercase; line-height:33px;} #vlp #videoBrowseHead {background:#333 url(/images/media/bg_horiz_tiles.png) repeat-x scroll 0 -37px;} /* playback page (video component) styles */ #vpp {position:relative;} .collapsed {display:none;} #flvContainer {position:absolute; left:175px; top:0; width:640px; height:390px; background-color:#000; overflow:hidden; z-index:12;} #flvContainer.collapsed {display:block; width:1px; left:0px; } #vppInner {width:990px; overflow:hidden;} /* helps prevent/hide wide indexWrap in IE6 */ #featureWrap {min-height:487px; background-color:#000;} #featureBody {background:url(/images/media/vpp/bg_videoArea.png) no-repeat 50% 0; height:390px;} /* #featureContent {width:400px; margin:0 auto 0 auto; padding-top:200px;} #featureContent h3 {font:bold 14px helvetica neue,arial; color:#fff;} #featureContent p {font:11px arial; color:#fff;} */ #featureInfo {width:990px; overflow:hidden; background:#000;} #buttonWatch {text-align:center; padding:6px;} #buttonWatch img {cursor:pointer;} #clipData {width:990px; overflow:hidden; font:11px helvetica neue,arial; color:#fff;} #clipData a {text-decoration:none;} #clipInfo {margin:4px 15px 4px 13px; float:left; width:422px; overflow:hidden;} #clipTitle {float:left; font:19px helvetica neue,arial; color:#fff;} #clipBlurb {width:422px; min-height:28px; clear:both;} ul#clipMeta {float:left; padding:0; margin:11px 0 6px 11px; list-style-type:none;} ul#clipMeta li {float:left; margin:0; padding:0 6px; border-right:1px solid #666; font:10px helvetica neue,arial; line-height:9px; color:#666;} ul#clipMeta li.first {padding-left:0;} ul#clipMeta li.last {border-right:none;} #nextUpClipInfo {color:#999; display:none; margin-top:15px; padding-left:15px; background:url("/images/media/icon-sprite.gif") no-repeat scroll 0 -25px;} #nextUpClipInfo span {color:#fff;} #clipInfoLinks {float:left; width:208px; overflow:hidden; padding-left:10px; border-left:1px solid #222;} #clipInfoLinks #comment {width:50px; height:20px; float:left; font:12px helvetica neue,arial; margin-top:6px; background:url(/shared/images/icons/comments_bg.png) no-repeat; padding-left:22px;} #clipInfoLinks #comment .closed {font:10px helvetica neue,arial;} #clipTags {color:#666; font-size:11px; clear:both; padding-top:7px;} #clipTags div {display:inline;} ul#clipShare {float:right; margin:6px -6px 0 0; padding:0; list-style:none; width:auto; overflow:hidden; color:#666;} ul#clipShare li {float:left; margin:0 2px 0 0; font:12px helvetica neue,arial; height:16px; cursor:pointer;} ul#clipShare li a {text-indent:-100px; overflow:hidden; display:block;} ul#clipShare #facebook {padding-left:18px; background:url(/shared/images/social_icons.gif) no-repeat 0 -2px;} ul#clipShare #twitter {padding-left:18px; background:url(/shared/images/social_icons.gif) no-repeat 0 -62px;} ul#clipShare #digg {padding-left:18px; background:url(/shared/images/social_icons.gif) no-repeat 0 -22px;} ul#clipShare #share {padding-left:18px; background:url(/shared/images/social_icons.gif) no-repeat 0 -103px;} #clipCommentWrap {width:300px; margin:10px; float:right;} #clipComment {width:296px; height:54px; overflow:hidden; margin-bottom:5px; background-color:#444; border:2px solid #555; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #clipCommentMeta {margin-top:4px; height:15px; overflow:hidden; float:left; width:294px;} #clipCommentBy {margin:0px 4px; font:11px helvetica neue,arial; color:#fff; float:left;} #clipCommentBy a {font:bold 11px helvetica neue,arial;} #clipCommentDate {float:right; margin:1px 4px; font:10px helvetica neue,arial; color:#777;} #clipCommentBody {clear:both; margin:4px 4px 4px 8px; padding:0 26px; font:italic 11px/16px helvetica neue,arial; color:#c9c9c9; height:42px; overflow:hidden; background:url(/images/media/bg_right_sprite.png) no-repeat;} #clipCommentBy.disabled {visibility:hidden;} #clipCommentBody.disabled {background-image:none; font-style:normal; padding-left:10px; color:#999;} /* #clipCommentMsg {width:250px; height:74px; margin-top:20px; overflow:hidden; margin-bottom:5px; color:#999; font-size:10px;} */ #clipTotalComments {float:left; padding-right:6px; margin-right:6px; border-right:1px solid #333;} #clipAd {float:left; width:330px; overflow:hidden; margin:22px 0 0 0; text-align:center;} #clipAd #companionAd {display:block; margin:0 auto; border:1px solid #fff; width:300px; height:60px; overflow:hidden;} #clipAd #playlistMessage {margin-top:18px; font:bold 11px helvetica neue,arial; color:#ccc;} /* comments component */ #comments {width:600px; margin:7px auto; display:none;} #comments button#closeComments {font:10px helvetica neue,arial; background:none; border:none; color:#fff; display:block; text-transform:uppercase; cursor:pointer; position:relative; left:475px; top:24px;} #comments #content_comments {clear:both; margin-top:10px;} /* shared styles. content selector (browser) area */ #vlp #videoIndexBrowseWrap {display:block;} #vlp.mlb #videoBrowseNav ul li.selected ul li.selected a, #vpp.mlb #videoBrowseNav ul li.selected ul li.selected a {color:#fff;} #videoBrowseWrap {width:990px; background-color:#1d1d1d; overflow:hidden; color:#fff;} #videoBrowseModule {width:670px; float:left;} #videoIndexBrowseWrap {display:none;} #videoBrowseHead {margin:0; background:#333333 url(/images/media/powered_by_adobe.png) no-repeat 480px 8px; width:100%; overflow:hidden; border-bottom:1px solid #000;} #videoBrowseHead h6 {float:left; font:bold 15px helvetica neue,arial; color:#999; margin:0; padding:8px 0 6px 10px; width:300px;} #videoBrowseFilter {float:right; padding:6px 10px;} #videoBrowseFilter span {font:bold 12px helvetica neue,arial; color:#999; margin-right:10px;} #videoBrowseNav {width:193px; height:684px; float:left; background-color:#333;} #videoBrowseNav a {display:block; font:bold 11px helvetica neue,arial; text-decoration:none; position:relative;} #videoBrowseNav ul {list-style:none; margin:0; padding:0;} #videoBrowseNav ul li {display:block; padding:0; margin:0; border-bottom:1px solid #191919;} #videoBrowseNav ul li.msg {font:10px tahoma,helvetica neue,arial; color:#999;} #videoBrowseNav ul a {padding:5px 0 5px 20px; font:bold 11px helvetica neue,arial; background-color:#333;} #videoBrowseNav ul a:hover {background-color:#222;} #videoBrowseNav ul li ul li {display:none; margin:0; padding-left:20px;} #videoBrowseNav ul li ul li a {padding:5px 0 5px 15px; background-color:#333;} #videoBrowseNav ul li.category a {background:#333 url(/images/media/icon-sprite.gif) no-repeat 8px 9px;} #videoBrowseNav ul li.category a:hover {background-color:#222;} #videoBrowseNav ul li.category ul li a {background:none;} #videoBrowseNav ul li.category ul li a {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #videoBrowseNav ul li.category.selected ul {margin-top:2px;} #videoBrowseNav ul li.category.selected a {background-position:8px -5px;} #videoBrowseNav ul li.selected {background-color:#191919;} #videoBrowseNav ul li.selected ul li {display:block;} #videoBrowseNav ul li.selected ul li.selected a {color:#fff; background-color:#191919;} #videoBrowseNav ul li.selected a {padding-bottom:5px;} #videoBrowseNav ul li.topic a {display:block;} #videoBrowseNav ul li.topic a.selected {background-color:#191919; color:#fff;} #videoBrowseNav li.msg {padding:6px 0 6px 20px;} /* error message treatment */ #videoBrowseNav ul li select {margin:5px 0; width:165px; background-color:#191919; border:none; font:bold 11px helvetica neue,arial; color:#fff;} #videoBrowseNav ul li a.playing, #videoBrowseNav ul li select option.selected {color:#0c0;} /* currently playing topic */ #videoIndexPlaylistWrap, #videoIndexBrowseWrap {background-repeat:no-repeat;} #videoIndexWrap {width:477px; background-color:#191919; margin-top:1px; overflow:hidden;} .videoIndexHead {height:40px; font:16px/40px arial black, arial, helvetica; color:#fff; font-weight:800; padding:0 16px; overflow:hidden;} .videoIndexContainer {width:477px; height:641px; overflow:auto; position:relative;} #videoIndexWrap ul {list-style:none; padding:0 0 15px 0; margin:0; width:457px; overflow:hidden;} #videoIndexWrap ul li {float:left; margin:14px 0 4px 14px; width:136px; height:160px; color:#fff;} #videoIndexWrap ul li a {position:relative; display:block; height:150px; padding:5px; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #videoIndexWrap ul li a:hover {background-color:#2a2a2a; box-shadow:0 0 3px #000; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000;} #videoIndexWrap ul li a img {width:124px; height:70px; display:block; border:1px solid #464646;} #videoIndexWrap ul li a .playBtn {position:absolute; top:5px; width:37px; height:37px; background:url(/images/media/btn_play_clip.png) no-repeat;} #videoIndexWrap ul li a p {margin:4px 1px; width:124px; padding:0; font:11px helvetica neue,arial;} #videoIndexWrap ul li a .dateAdded {font:10px helvetica neue,arial; color:#999;} #videoIndexWrap ul li a .duration {font:10px helvetica neue,arial; color:#999;} #videoIndexWrap ul li.current a {background-color:#333;} #videoIndexWrap ul li.current img {border-color:#999;} #videoIndexWrap ul li.current p {color:#fff;} #videoIndexWrap ul li.current a .playBtn {background:none;} #videoIndexWrap ul li.collapsed {display:none;} #videoIndexWrap ul li.msg {font:10px tahoma,helvetica neue,arial; color:#888; padding:3px;} #videoIndexWrap ul li.msg.loading {background:url(/images/loading_indicatorSm_777_on_191919.gif) no-repeat 10px 10px; text-indent:-999px;} #videoIndexWrap #indexLoadMore {display:block; width:350px; height:25px; margin:0 auto; text-align:center; background-color:#333; border:none; color:#fff; font:bold 11px helvetica neue,arial;} #videoIndexWrap #indexLoadMore:hover {cursor:poiner;} #videoAreaSecondary {float:right; width:320px; height:717px; background-color:#000;} #videoAreaSecondaryAd {width:300px; height:250px; margin:10px;} #videoAreaSecondaryAd2 {width:300px; height:250px; overflow:hidden; margin:10px; margin-top:0;} #vpp #videoAreaSecondary {width:320px; height:817px; position:absolute; right:0; margin-top:-100px; background-color:#000;} /* #videoAreaSecondaryIndex {background-color:#333; margin:10px; display:none;} #videoAreaSecondaryIndex h6 {font:bold 14px helvetica neue,arial; color:#fff; margin:0; padding:10px;} #videoAreaSecondaryIndex ul {list-style:none; margin:0; padding:0 10px 5px 10px;} #videoAreaSecondaryIndex ul li {margin:0 0 5px 0; padding:0; width:280px; overflow:hidden; font:10px helvetica neue,arial; color:#fff;} #videoAreaSecondaryIndex ul li a {display:block; padding:5px; color:#fff; text-decoration:none; width:auto; overflow:hidden;} #videoAreaSecondaryIndex ul li a:hover {background-color:#666; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 3px #111; -moz-box-shadow:0 0 3px #111; -webkit-box-shadow:0 0 3px #111;} #videoAreaSecondaryIndex ul li img {float:left; border:1px solid #999; width:124px; height:70px; margin:0 10px 0 0;} #videoAreaSecondaryIndex ul li p {margin:0; padding:0;} */ /* IE6 fixes */ * html ul#teamVlpNav {background:#333;} * html #promoFeatureInfoWrap {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/media/vlp/feature_shade.png');} * html #vlp #videoBrowseHead {background-image:none;} * html #videoBrowseHead {width:670px; margin-right:0; background-image:url(/images/media/powered_by_adobe.gif);} * html #videoBrowseNav {margin-left:0;} * html #videoBrowseNav ul li.topic {position:relative;} * html #videoBrowseNav ul li.category ul li {height:20px; overflow:hidden;} * html #clipInfo {margin-left:5px;} * html #clipCommentBody {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/media/bg_right_sprite.png');} * html #clipCommentBody.disabled {filter:none;} * html #videoIndexWrap ul li {margin-left:8px;} * html #videoIndexWrap {width:474px;} * html #videoIndexContainer {width:460px;} * html #videoIndexWrap ul li a .playBtn {overflow:hidden; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/media/btn_play_clip.png');} * html #videoAreaSecondary {background-image:none;} * html #clipInfoLinks {height:97px; display:block;} * html #clipInfoLinks #comment {background:url(/shared/images/icons/comments_bg.gif) no-repeat;}