/* 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;} #content_wrapper {background-color:#191919;} #videoBrowseWrap { color:#fff; margin-top:14px; border:1px solid #333; border-bottom:none; background-color:#1b1b1b; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; position: relative; } #videoBrowseModule h6 { font:bold 14px helvetica neue,arial; color:#fff; margin:0; padding:6px 20px; background-color:#333; background-image:-moz-linear-gradient(top, #5f5e5f, #222); /* FF3.6 */ background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #5f5e5f),color-stop(1, #222222)); /* Saf4+, Chrome */ filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5e5f', EndColorStr='#222222'); /* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5e5f', EndColorStr='#222222')"; /* IE8 */ -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; } #videoBrowseNav {width:193px; min-height:684px; float:left;} #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 {display:block;} /* IE needs this to make link icon (plus/minus) clickable */ #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:-237px 9px;} #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 */ #videoBrowseLabel {color: #fff; left: 210px; position: absolute; top: 6px; } #videoBrowseLabel h6 {color: #fff; font: italic bold 15px helvetica neue,arial; padding: 0; background:none;} #videoBrowseLabel strong {color: #fff; font-style: normal;} #videoIndexBrowseWrap {background-repeat:no-repeat;} #videoIndexWrap {background-color:#191919; overflow:hidden;} .videoIndexContainer {height:730px; overflow:auto; position:relative;} #videoIndexWrap ul {list-style:none; padding:0 0 15px 0; margin:0; 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.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;} /* pagination */ #videoIndexWrap #videoIndexPagination {text-align:right; margin:10px;} #videoIndexWrap #videoIndexPagination button {cursor:pointer; background-color:#222; border:1px solid #191919; padding:3px 4px; margin-left:3px; font:bold 11px helvetica neue,arial; color:#69A7E9;} #videoIndexWrap #videoIndexPagination button.current {color:#fff; cursor:default; background-color:#000; border-color:#000;} #videoIndexWrap #videoIndexPagination button.disabled {color:#555; cursor:default; background-color:#222;} #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;} /* IE6 fixes */ * html #videoBrowseModule {padding:0; margin:0; background-color:#999; width:auto; overflow:hidden;} * html #videoBrowseNav {overflow:hidden; padding:0; margin:0;} * html #videoBrowseNav a {width:193px; overflow:hidden; position:static;} * html #videoIndexWrap {float:right; position:relative;} * html #videoIndexWrap ul li a .playBtn {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/media/btn_play_clip.png');}