body {
text-align:center;
margin:0 0 0 0;
background: #88c8e8 url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/background_main.jpg') no-repeat top center;
}
body, td, th, textarea, select, h3, h4, h5, h6 {
font: 11px arial,sans-serif;
color:#000;
}
#main {
text-align:left;
position:relative;
color: #000;
margin:0 auto;
width: 1050px;
height: 948px;
background: #3ea6db url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/background_inner.jpg') no-repeat top center;
}
#showPlaylist_container {padding: 7px}
#embedContentContainer, #linkContentContainer,#theSceneContainer , #theInfoContainer{background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/transBack50.png');width:640px;height:106px;position:absolute;top:0;left:0;display:none;}
#socialContentContainer {background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/transBack50.png');width:640px;height:30px;position:absolute;top:76px;left:0;display:none;}
.scroll {
width: 10px;
scrollbar-base-color: #ccc;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #fff;
scrollbar-shadow-color: #ccc;
scrollbar-lightshadow-color: #ccc;
scrollbar-darkshadow-color: #ccc;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ccc;
}
#header {height:85px;width:1027px;position:absolute;top:10px;left:10px;}
#left {height:700px;width:640px;position:absolute;top:105px;left:10px;}
#right {height:700px;width:388px;position:absolute;top:105px;left:662px;}
#rightTabs {height: 20px; text-transform: lowercase; width: 100%; margin: 0; padding: 0;}
#crumb {height: 25px;background-color: #006798; font: 10px arial; color: #fff; font-weight: bold; padding: 5px 0px 0px 0px; width: 378px; margin: 0;}
#rightBody {background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/right_bg.jpg') no-repeat bottom left; height: 654px; width: 378px;}
.breadcrumbItem {cursor: pointer;}
.breadcrumbHome {color:#FFFFFF;
cursor:pointer;
position: relative;
float:left;
padding: 0px 5px 0 17px;
}
#footer {width:1027px;top:830px;left:10px; text-align: center; font: 11px arial; color: #50d2fe; position: relative;}
#footer td {font: 11px arial; color: #50d2fe;}
#footer a {font: 11px arial; color: #50d2fe; text-decoration: underline;}
#footer table {text-align: center;}
h1 {
color:#000;
font-size:13px;
font-weight:bold;
display: inline;
}
input,
textarea {
font-size:11px;
font-weight:bold;
color:#666666;
}
p {
margin:11px 0;
}
a, a:visited {
text-decoration:none;color:#fff;
font-size: 11px;
font-weight: bold;
}
a:hover {
text-decoration:underline;
}
/* generic */
.clear {
clear:both;
}
/* container */
#tntContainer,
#tntContentContainer {
text-align:left;
margin:0 auto;
}
#tntContainer {
width:990px;
}
#tntContentContainer {
width:984px;
}
#dramavisionContainer {
/*background-color: #CBCBCB; */
}
#TNT_CONTAINER {
float: left;
width: 576px;
height: 324px;
/*background: #000 url(http://i.cdn.turner.com/v5cache/TNT/Images/VideoSideBar.jpg); */
}
#DRM_ERROR_MSG, #FLASH_ERROR {
position: absolute;
visibility: hidden;
width: 576px;
height: 324px;
color: #FFF;
background-color: #000;
}
#scrubbar {
border-bottom: #CCC 1px solid;
}
#vidResultsList, .vidResultsList {
width: 378px;
height: 80px;
position: absolute;
}
#dramavisionDramaticPause {
float:right;
padding: 5px 0px 0px 10px;
cursor: pointer;
}
#dramavisionDramaticPlay {
display:none;
position:absolute;
text-align:center;
background-color:#FFF;
width:100%;
height:100%;
z-index:5;
cursor: pointer;
}
#dramavisionTNTNav {
height:20px;
background-color:#595959;
font-size:11px;
}
#dramavisionReturnTNT {
float:left;
padding: 2px 20px 0px 10px;
font-weight:bold;
}
#dramavisionVideoHelp {
float:right;
padding: 2px 20px 0px 10px;
font-weight:bold;
}
#dramavisionBrowse {
font-weight:bold;
font-size:20px;
color:#000;
margin-left:10px;
margin-bottom:-1px;
}
#dramavisionNav {
height:32px;
background-color:#171717;
}
#dramavisionNav form {
display: inline;
}
.dramavisionNavItem {
background-color:#fff;
float:left;
color: #0083d6;
font-weight: bold;
cursor:pointer;
display: block;
font:11px arial;
font-weight: bold;
height:20px;
margin-right: 1px;
}
* html .dramavisionNavItem {font-size: 10px;}
.dramavisionNavItemHover {
color:#fff;
background-color:#006798;
}
.dramavisionNavItem A,
.dramavisionNavItem A:link,
.dramavisionNavItem A:active,
.dramavisionNavItem A:visited {
color:#FFF;
}
.dramavisionNavItem A:hover {
color:#FFF;
background-color:#594628;
text-decoration:none;
}
.dramavisionNavSearch {
padding-left:5px;
padding-top:6px;
}
#rightCrumbSection {cursor: pointer;}
.dramavisionSearchInput {
width:180px;
height:16px;
font-size: 11px
padding-left:6px;
}
#dramavisionLeftCol {
margin:5px 0px 0px 0px;
float:left;
width:576px;
}
#bodyTitle {font: 17px arial; font-weight: bold; padding: 16px;}
#dramavisionRightCol {
float:right;
width:391px;
margin:5px 0px 0px 15px;
height:537px;
padding-bottom:1px;
}
#dramavisionBannerArea {
padding-top:5px;
margin-bottom:5px;
background-color:#838487;
}
#sponsored_by {
font-size:10px;
font-weight:bold;
color:#484747;
margin-left:100px;
}
#dramavisionVideoInfo {
float:left;
width:556px;
height:150px;
overflow:hidden;
margin-top:10px;
padding:0px 10px 10px 10px;
background-color:#000;
}
#videoTitle {
color:#fff;
font-size:12px;
font-weight:bold;
margin-top:10px;
margin-bottom:8px;
}
#videoTitle2 {
color:#FFFFFF;
float:left;
font-size:14px;
font-weight:bold;
padding:10px 0 0 5px;
}
#videoAiring {
color:#fff;
font-size:12px;
font-weight:bold;
margin-bottom:8px;
}
#videoAiring2 {
color:#FFFFFF;
float:right;
font-size:14px;
font-weight:bold;
padding:10px 5px 0 0;
}
#videoBlurb {
color:#00c4f8;
font-size:12px;
font-weight:bold;
height:55px;
overflow-y:auto;
}
#sceneSelectionBtn,
#shareBtn,
#embedBtn,
#linkBtn,
#socialBtn {
float:left;
padding:2px 5px;
border: 1px solid #7D4E08;
background-color: #0C0C0C;
color: #CCCCCC;
cursor: pointer;
}
.socialContentIcon {float:left;padding-left:20px;padding-right:20px;border-right:1px solid #494e51;}
#sceneSelectionBtn {
width:100px;
}
#shareBtn,
#embedBtn {
width:37px;
margin-left:2px;
}
#linkBtn {
width:55px;
margin-left:2px;
}
#socialBtn {
width:117px;
margin-left:2px;
}
#shareContent form,
#socialContent form {
display: inline;
}
#socialContent form button {
margin: 2px;
padding: 0px;
border: 0;
background: 0;
color: #FFF;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}
#embedCopyBtn,
#linkCopyBtn,
#shareSendBtn,
#shareFavSendBtn,
#cancelFavSendBtn {
margin-left:10px;
float:left;
padding:4px 6px;
border: 1px solid #7D4E08;
background-color: #0C0C0C;
color: #CCCCCC;
cursor: pointer;
}
.copyTextArea {
width:440px;
height:70px;
}
#sceneContent {
width:535px;
overflow:hidden;
}
#sceneContent #scenePrevBtn {
float:left;
position:relative;
padding:20px 5px 0px 5px;
z-index:2;
}
#sceneContent #sceneNextBtn {
float:right;
position:relative;
padding:20px 5px 0px 10px;
z-index:3;
}
#sceneContent #sceneContainer {
height:100px;
width:437px;
overflow:hidden;
float:left;
z-index:1;
margin:0 auto;
}
#sceneContent #sceneTeasers {
width:1600px;
}
#sceneTeasers .sceneTeaserItem {
float:left;
width:98px;
height:100px;
margin-right:10px;
padding:0px;
font-size:9px;
overflow:hidden;
color:#FFF;
}
#sceneTeasers .sceneTeaserItem A,
#sceneTeasers .sceneTeaserItem A:Hover {
color:#FFF;
}
#sceneTeasers .sceneTeaserActive A,
#sceneTeasers .sceneTeaserActive A:Hover {
color:#4380B7;
}
#sceneTeasers #sceneImage {
border: 1px solid #FFF;
}
#sceneTeasers .sceneImageActive {
border: 1px solid #4380B7;
}
#shareContentMsg {
width:230px;
height:40px;
}
#videoButtonArea {
width:639px;
height:135px;
margin-top:1px;
display:none;
position:absolute;
top:259px;
left:0;
}
#videoButtonAreaClose, #videoInfoClose {
text-decoration: underline;
cursor: pointer;
padding-bottom:5px;
color:white;
position:absolute;
top:4px;
left:589px;
}
#videoButtonArea .videoButtonContent {
margin:10px 0px 0px 0px;
padding-left:10px;
float:left;
display:none;
height:105px;
}
#videoButtonArea .videoButtonContent {
margin:10px 0px 0px 0px;
padding-left:10px;
float:left;
display:none;
height:105px;
}
#dramavisionHeightDiv {
height:535px;
width:576px;
background-color:#000;
border: 1px solid #000;
}
#dramavisionBrowseArea {
width:100%;
min-height:318px;
background-color:#595959;
}
#dramavisionBrowseAreaBottom {
float:left;
width:984px;
height:10px;
background-color:#000;
padding-bottom:1px;
}
#sectionNavArea {
float:left;
width:200px;
min-height:330px;
padding:13px 10px 3px 10px;
margin-top:5px;
background-color:#595959;
border-right: 1px solid #FFF;
/* equivalent of min-height in IE6 */
height: auto !important;
height:330px;
}
#sectionNavTitle {
color:#000;
font-size:14px;
font-weight:bold;
}
#sectionNav {
font-size:11px;
height:600px;
padding-top: 2px;
overflow-x:hidden;
overflow-y:auto;
width:377px;
}
#sectionNav .sectionNavSubGroup {
display:none;
}
#sectionNav .sectionNavCell,
#sectionNav .sectionNavCellActive {
padding:5px 0px 0px 5px;
margin:0px 0px 0px 8px;
}
#sectionNav .sectionNavSubCell,
#sectionNav .sectionNavSubCellActive {
padding:4px 0px 4px 5px;
}
#sectionNav .sectionNavSubCellHover {
color: #fff;
}
#sectionNav .sectionNavSubSubCell,
#sectionNav .sectionNavSubSubCellActive {
padding:4px 0px 4px 30px;
font-size:9px;
}
#sectionNav .sectionNavCell {
cursor:pointer;
background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/shows_box.png') no-repeat top left;
width: 351px;
height: 32px;
}
#sectionNav .sectionNavCellHover {
cursor:pointer;
background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/shows_box3.png') no-repeat top left;
width: 351px;
height: 32px;
}
#sectionNav .sectionNavCellActive {
cursor:pointer;
background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/shows_box2.png') no-repeat top left;
width: 351px;
height: 36px;
}
#sectionNav .sectionNavCell b, #sectionNav .sectionNavCellActive b {
font: 14px arial;
color: #fff;
font-weight: bold;
cursor: pointer;
margin: 8px 0px 0px 8px;
}
#sectionNav .sectionNavSubCell {
cursor: pointer;
/*width: 146px; */
}
#sectionNav .sectionNavSubCellActive {
color: #9AEaE5;
}
#sectionNav .sectionNavSubSubCell {
color: #CCC;
cursor: pointer;
}
#sectionNav .sectionNavSubSubCellActive {
color: #9AEaE5;
}
#teaserArea {
float:left;
width:727px;
height:330px;
padding:13px 18px 3px 18px;
margin-top:5px;
}
#teaserAreaSubTitle {
color:#FFF;
font-size:13px;
}
#teaserContent {
overflow: auto;
overflow-x: auto;
display: block;
}
.teaserActive {
background-color: #343230;
}
.teaserImage {
float:left;
padding-right:5px;
}
.teaserTitle,
.teaserTitle A {
font-size:11px;
font-weight:bold;
color:#000;
}
.teaserBlurb {
font-size:11px;
color:#000;
}
.teaserAdd,
.teaserAdd:visited {
font-size:8px;
color:#FFC16D;
}
.paginatePlease {background-color: transparent; padding: 0 10px; margin: 1px 0 0 5px; height: 91px;}
.paginatePleaseHover {background: transparent url(http://i.cdn.turner.com/v5cache/TBS/cvp/images/videolist_hover.png) no-repeat; padding: 0 10px; height: 91px;}
.paginatePleaseActive {background: transparent url(http://i.cdn.turner.com/v5cache/TBS/cvp/images/videolist_active.png) no-repeat; padding: 0 10px; height: 91px;}
#dramavisionPlayListArea {
width:391px;
height:245px;
}
#dramavisionPlayListNav {
height:26px;
font-size:11px;
}
.dramavisionPlayListTab,
.dramavisionPlayListTabActive {
width:168px;
padding:8px 0px 5px 25px;
cursor: pointer;
}
.dramavisionPlayListTab,
.dramavisionPlayListTab A {
background-color:#212121;
color:#AAA;
font-weight:bold;
}
.dramavisionPlayListTabActive,
.dramavisionPlayListTabActive A {
background-color:#373737;
color:#FFF;
font-weight:bold;
}
.dramavisionPlayListItem,
.dramavisionPlayListItemAlt {
width:330px;
padding:5px 5px 5px 15px;
}
.dramavisionPlayListItem A,
.dramavisionPlayListItemAlt A {
color:#fff;
}
.dramavisionPlayListItem {
background-color:#007eae;
}
.dramavisionPlayListItemAlt {
background-color: #00739f;
}
.dramavisionPlayListItemMoveable {
width:310px;
padding:5px 5px 5px 15px;
border-top: 1px solid #000;
background-color:#FFF;
filter:alpha(opacity=60);
opacity:.60;
cursor:pointer;
}
.dramavisionPlayListItemMoveable A,
.dramavisionPlayListItemMoveable A:Hover {
color:#000;
text-decoration:none;
}
.dramavisionFavoritesText {
float:left;
width:270px;
}
.dramavisionFavoritesRemove,
.dramavisionFavoritesAdd {
float:right;
width:20px;
cursor:pointer;
}
#dramavisionPlayListContent {
background-color:#373737;
width:391px;
height:230px;
border-top: 1px solid #707070;
}
#dramavisionPlayListContentLeft {
float:left;
width:20px;
height:100%;
border-right: 1px solid #5C432D;
}
#dramavisionTodaysTop {
margin: 10px 11px 0px 0px;
height:207px;
overflow:auto;
}
#dramavisionFavoritesList,
#dramavisionFriendsList {
width:358px;
height:185px;
overflow:auto;
}
#dramavisionFriendsList {
display:none;
}
#dramavisionFavoritesNav,
#dramavisionArrangeFavoritesNav,
#dramavisionFriendsNav {
margin: 10px 0px 10px 30px;
}
#dramavisionFavoritesNav A,
#dramavisionArrangeFavoritesNav A,
#dramavisionFriendsNav A {
color:#FFC16D;
text-decoration:underline;
}
#dramavisionArrangeFavoritesNav,
#dramavisionFriendsNav {
display:none;
}
#dramavisionFavoritesShare,
#dramavisionFavoritesShareConfirmation {
padding:5px 10px 0px 10px;
display:none;
}
#dramavisionFavoritesShare form {
display: inline;
}
#cnnSlate {
width:468px;
height:263px;
}
#cnnSlateSlider {
height:96px;
width:456px;
position:relative;
top:130px;
left:-456px;
overflow:hidden;
}
#cnnSlateSliderImg {
width:456px;
height:96px;
display:block;
filter:alpha(opacity=60);
opacity:.60;
}
#cnnSlateTease {
display:none;
position:absolute;
top:15px;
left:20px;
height:105px;
overflow:hidden;
color:#000;
font: 11px arial, sans-serif;
}
#cnnSlateTease,
#cnnSlateTeaseHead {
font-weight:bold;
font-size:16px;
}
#cnnSlateTimer {
position:absolute;
top:13px;
left:20px;
color:#000;
font:bold 72px/72px arial, sans-serif;
display:none;
}
/* STYLES SPECIFIC TO MAIN PLAYER INDEX */
#listnav {position:absolute; left:655px; top:33px; width:378px; height:20px;}
#player {top:34px; width:641px;}
#morevideo {padding-top: 10px; width:641px; height:314px;}
#banner_ad_Sponsored {width: 71px; height: 11px; background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/sponsoredby.png') no-repeat;}
#banner_ad_div, #banner_ad_div_fw {padding: 0; margin: 0; width: 300px; height: 250px; border: 1px solid #000; float: left; background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/tbsvideo_300x250_default.jpg') no-repeat 0 0;}
.sectionNavSubGroup {padding-left:17px; padding-bottom: 12px;}
#rightCrumbShow {cursor: pointer;}
.paginationstyle{
width: 250px;
text-align: center;
padding: 2px 0;
margin: 3px 0;
}
.paginationstyle select{
margin: 0 15px;
}
.paginationstyle a{
padding: 0 1px;
text-decoration: none;
}
.paginationstyle a:hover, .paginationstyle a.selected{
color: #fff;
text-decoration: none;
}
.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
cursor: default;
color: #fff;
}
#breadcrumb {
color:#4380B7;
display:block;
font-size:19px;
float:left;}
#tbslogo a {width: 406px; height: 78px; margin-top: 15px; float: left; margin-left: 23px; background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/tbs_logo.png') no-repeat;}
#headerRight {
background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/header_buttons.gif') no-repeat 0 3px;
float:left;
height:25px;
left:236px;
margin-top:28px;
width:500px;
}
#dramavisionDramaticPause {background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/panicbutton.png') no-repeat left top; width: 81px; margin-top: 2px; height: 77px; padding-top: 5px; float: right; left: 536px;}
#dramavisionDramaticPlay {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
cursor:pointer;
height:100%;
left:0;
overflow:hidden;
padding-bottom:27px;
position:absolute;
top:0;
width:100%;
z-index:200;}
#videoTop {background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/video_top.gif') no-repeat left top; width: 640px; height: 36px;}
#videoBot {background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/video_bottom.gif') no-repeat left top; width: 640px; height: 34px;}
#youmayalsolike {width: 332px; height: 250px; float: right;}
#youmayalsolike #youmayalsoliketop {height: 30px; background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/youmayalsolike_top.png') no-repeat left top;
font: 14px arial; color: #fff; font-weight: bold;}
#youmayalsolike #youmayalsoliketop b {padding: 8px 0 0 8px; font-weight: bold; line-height: 24px;}
#youmayalsolike #youmayalsolikebody {padding: 18px; height: 220px; background: transparent url('http://i.cdn.turner.com/v5cache/TBS/cvp/images/youmayalsolike_bg.png') no-repeat left top;}
#youmayalsolike #youmayalsolikebody #item {margin-bottom: 12px; background-color: #046d9e; width: 300px; color: #fff; height: 55px;}
#youmayalsolike #youmayalsolikebody #item img {width: 76px; height: 57px; padding-right: 10px;}
#youmayalsolike #youmayalsolikebody #item b {color: #000; font-weight: bold;}
#bodytitle {width: 348px; position: absolute; top: 80px; font: 16px arial; font-weight: bold; padding-left: 15px; color: 000;text-transform: lowercase;}
#textToggle1, #textToggle2 {height: 41px;}
#fullwrap {width: 1050px; height: 948px; margin: 0 auto;}
#leftclick, #leftclick a {width: 200px; height: 948px; position: relative; float:left;}
#rightclick, #rightclick a {width: 200px; height: 948px; position: relative; float:right;}