/* STRUCTURE ELEMENTS - GLOBAL / LEFT COLUMN / CONTENT COLUMN / RIGHT COLUMN */ /************ Generic Global Styles *************/ .FloatRight{ float:right !important; } .FloatLeft{ float:left; } .Border0{ border:0px none !important; } .Border1{ border-bottom:1px solid #565656;} .Border2{ border-top:1px solid #565656;} .Borders3{border-bottom:1px solid #565656; border-top:1px solid #565656;} .NoPad{padding-left:0px !important; padding-right:0px !important; } .Pad0{padding-left:0px !important; } .Pad1{ padding-left:15px !important; } .Pad2{ padding-left:10px !important; } .Pad3{ padding-left:40px !important; } .Pad4{ padding-left:6px !important; } .Bold{ font-weight:bold} .NoBg{ background:none !important;} .Margin1{ margin-bottom:20px !important;} .Margin2{ margin-bottom:5px !important;} .Margin3{ margin-top:10px !important;} .Margin4{ margin-bottom:8px !important;} .Margin5{ margin-top:23px !important;} .Margin6{ margin-top:30px !important;} .Margin7{ margin-bottom:15px !important;} .Margin8{ margin-top:29px !important;} .Clear { clear:both} .Block{ display:block; clear:both; } .PaddingTop{margin-top:20px;} .ListPadding{padding:20px;} .SearchBox{border:1px solid #333333;background-color:#1D1D1D;} #BreadCrumb{border-bottom:1px solid #565656;} .formindent{padding: 0 0 0 10px;} /************* Header Styles *************/ #Search{ padding-left:39px; background:transparent url(../../Media/Images/Global/SearchBackground.gif) no-repeat scroll right top; height:23px; width:251px; } .SearchBox{ height:14px; float:left; padding:2px; margin-top:2px; margin-left:62px; width:143px; } .searchButton{ border:0px none; margin-left:10px; float:left; } /************* Left Column Styles *************/ .LeftColumnheader{ padding:0px 0 0 0px; width:186px; line-height:normal; margin:0 0 2px 0px; } .LeftColumnContent1{ width:182px; padding:4px 2px 3px 2px;border-bottom:1px solid #5f6062;} .LeftColumnContent1 img{ margin-left:1px; } /************* Center Column Styles *************/ #LeftContentWrapper, #LeftContentWrapper .breadcrumb{ width:672px;} .DefaultContentWrapper{ width:576px; margin-bottom:10px; padding:10px 0 0 16px; font-size:1.05em; } .DefaultContentWrapperRss{ width:412px; margin-bottom:10px; padding:.8em 0 0 16px; font-size:1.05em; } .Content1, .DefaultContentWrapper a{ text-decoration:underline; } .Content1, .DefaultContentWrapper a:hover{ text-decoration:none !important; } .DefaultContentWrapper ul{ margin:0 0px 10px 0; /* margin:0 35px 10px 0; - this on break ontv ie6 */} .DefaultContentWrapper ul li{ margin-bottom:0; line-height:normal; } .Content1{ width:612px; height:auto; margin-bottom:10px; } .ContentSmall{ padding:.8em 0 .8em 0; width:290px; margin:0 6px; } .Content1Left{ padding:3px 12px 0 8px; min-height:247px; height:auto !important; height:247px; width:274px; margin:6px 0 6px 6px; background-color:#424141;} .Content1Right{ margin:6px 0 6px 0; width:306px; height:auto; } .Content1Right a{ float:left; } .ContentMainHeading{min-height:1.38em; height:auto !important; height:1.38em; width:600px; border-bottom:1px solid #565656; margin:0 0 0 12px;} .ContentMainHeadingRss{min-height:1.38em; height:auto !important; height:1.38em; width:439px; border-bottom: 1px solid #565656} .ContestButton{ padding:10px 15px; width:120px; } .ContestList{ padding:10px 10px 10px 0; width:452px; } /************* Synposis Us Styles *************/ .CenterColumn .SynopsisImage {margin:0 0 0 12px;} .SynopsisImage {background-color:#80704b; border:3px solid #691a24; height:199px !important;} #ShowsContainer .SynopsisImage img {float:left;} .SynopsisRelated{padding:5px 0px 0 0;line-height:1em;font-size:.85em; margin-top: 5px;} .SynopsisRelated li a{margin-bottom:.7em;width:160px !important;} .SynopsisRelated li a:hover{text-decoration:none !important;} /************* Cast Us Styles *************/ .CastWrapper{ width:582px; padding:.3em 15px 0 15px;} #CenterColumn .CastWrapper img{ margin:5px !important;} #CenterColumn.fullpage{float:left; width:100%; margin:0 !important; padding: 0 !important;} .CastWrapper h5{ font-size:.8em} .ShowsCastImagePadding{ padding:5px;} .CastImage{} /************* Contact Us Styles *************/ #ContactUs{ width:100%; padding:.5em 0; font-size:.8em; font-family:Verdana, arial, helvetica, clean, sans-serif; } .FormRow{width:90%;margin-bottom:.3em; clear:left;} #ContactUs label, #ContactUs input, #ContactUs select, #ContactUs textarea { float:left } #ContactUs label { width:10em; padding:0 0 0 45px; } #ContactUs input, #ContactUs select, #ContactUs textarea { width:200px; background-color:#eee; border:1px solid #000; color:#000; font-size:12px !important; padding:2px; } #ContactUs input { height:16px; } #ContactUs select { width:206px; } /*#ContactUs input[type="checkbox"]{ width:15px; height:15px; float:left; margin:2px 10px 0 0; } - doesn't work in IE - works great everywhere else */ /*#ContactUs input.checkbox{ width:15px; height:15px; float:left; margin:3px 8px 0 0; }*/ #ContactUs .Submit input{background: transparent !important; width:148px; height:46px; margin: 0 0 0 40px;} .Error{ color:#FDF981; padding:0 0 1em 40px; font-size:1em} .PostSummary *{font-size: 11px; color:#FDF981 !Important;} .PostSummary {font-weight: bold;margin:0 0 20px 44px; width: 50%;} /* FAQ check box */ #ContactUs .checkbox input{width: 20px !important;background: transparent !important;} /************* RSS Styles *************/ .BrandRss{padding:0px 5px 0px 0px; clear:both; margin: 0 auto !important; width:439px; position:relative; color:#B4B3B3;} #CenterColumnRss{ width:449px; padding:0 0 0 5px; } .ContentSmallRss{padding:15px; width:296px; text-align:left; border:#c6dbd6 1px solid; margin:0 6px;} .RssFeature1{ padding:.3em 10px; padding-bottom:1.2em; margin-top:.5em; width:416px; border:#565656 1px solid; background-image:url(../../Media/images/Global/RssBg.gif); } .rssTitle{color:#B4B3B3; padding:1.08em 0 0 0;} .RssFeature1 ul li.Titles{ background:none !important; padding:0 0px !important; margin-bottom:1em; /*font-weight:bold; font-size:1.1em;*/ width:194px; } .RssFeature1 ul li, .RssFeature2 ul li{ background:url(../../Media/images/Global/RSSIcon.gif) no-repeat 0 4px; padding:0 0 0 19px; } .RssFeature1,.RssFeature1 ul{ float:left; } .RssRightColumn{width:324px !important; float:right !important;} .RssRightContent{clear:both; margin:0 auto !important; text-align:center !important; padding-top:5px !important;} .RssFeature2{width:270px; text-align:left; border:#B4B3B3 1px solid; padding:15px; font-size:1.1em;} .RssFeature2 ul li{ padding:0 0 0 21px; } .RssBboxRSS{height:auto; width:300px; padding:15px 0px 8px 0px; margin:15px auto 10px auto; background:url(/images/global/ontv_advert_heading.gif) no-repeat top; border-bottom:1px solid #999999; float:left; } #BreadCrumb{width:600px; min-height:14px; height:auto !important; height:14px; margin:0 0 1px 12px; padding:0; clear:both;} /************* Video Styles *************/ .videowall{width:600px;} .VideoContent{ width:802px; margin-bottom:10px;} .VideoPromoColoumn{ width:395px; } .VideoPromoSegment{ width:375px; margin:0 0 5px 0; padding:4px 0 5px 5px; } .VideoPromoSegment img{ float:left } .VideoPromoSegment h2{ font-family:Verdana; font-size:.75em; } .VideoPromoBlurb{ width:210px; padding:0 8px; } .VideoPromoBlurb2{ width:210px; padding:0 8px; } .VideoPromoBlurb a.play {color:#535252; font-weight: bold; text-decoration:none; margin:0; background: url(/media/images/global/playbutton.gif) left 3px no-repeat; padding-left: 22px; float:left;} .videowall a {text-decoration:underline !important;} .VideoPromoSegment .title a, .VideoPromoSegment .title2 a {color:#ffd7a5; } .videosheight{ min-height: 300px; height: auto !important; height: 300px;} .videosheightsmall{ min-height: 150px; height: auto !important; height: 150px;} .WarningMessage{padding: 30px 0; text-align:center;width:100%} .WarningMessage h2{width:90%; padding: 20px;} /************* Schedule Styles *************/ #ScheduleListWrapper{color:#fff; width: 612px; overflow: hidden; min-height: 60px; height: auto !important; height: 60px; } #ScheduleListWrapper a{text-decoration:none; color:#fff; margin:0; padding:0;} #ScheduleListWrapper li.live{ color:#b44963; font-weight: bold;} #ScheduleContainer{width: 274px;clear:left;} #ScheduleNavContainer{float:left; width:274px; } .ScheduleTitleContainer{width:592px; padding: 5px; margin: 0 5px; border-bottom: 1px solid #333;} #ScheduleListWrapper ul, #ShowsListWrapper ul, .ScheduleNav li{float:left; padding-top: 5px;} #ScheduleListWrapper ul, .ScheduleNav li, #ScheduleListWrapper .ScheduleNav a:hover, .ScheduleNav li.live { text-align: center; margin-top: 3px; padding-top: 3px;} #ScheduleListWrapper ul, .ScheduleNav li{ width: 43px; display:block; } #ShowsListWrapper ul { width: 177px; height: 46px;} .ScheduleTitleContainer h2{color:#EE6633; padding-top:3px;} .ScheduleTitleContainer *{vertical-align:middle;} #ScheduleTimeZoneDrop select{font-size: .8em;} #ScheduleNavContainer{ width: 602px; padding: 10px 5px 0 5px; margin-top: 10px;} #ScheduleNavBTContainer li, #ScheduleNavBTContainer{ float:left;} #ScheduleNavBTContainer li{ float:left; padding: 0 10px 0 5px;} #ScheduleNavBTContainer li a{ color: #fff;} #ScheduleNavBTContainer li a.ScheduleNavTabSelected{color:#b44963; font-weight:bold;} .PrintScheduleIcon{width: auto;} #PrintSchedule{font-size: .7em; line-height:normal;} #ScheduleContainer{width: 602px; padding: 20px 5px 0 5px; margin-bottom: 20px;} .ScheduleShowContainer1{width: 49%;} .ScheduleShowTextContainer{width: 200px; padding: 0 10px; min-height: 120px; height: auto !important; height: 120px;} .ScheduleShowTextContainer h3, .ScheduleShowTextContainer ul{margin:0; padding:0;} .ScheduleShowTextContainer ul li a{margin:0; width: 180px;} .ScheduleShowTextContainer h3 a:link,.ScheduleShowTextContainer h3 a:visited,.ScheduleShowTextContainer h3 a:active{ color:#b44963!important;} /************* Newsletter Styles *************/ #NewsletterPromotion{padding:20px 15px 0 20px; width: 560px;} #NewsletterPromotion .PromotionalCopy{width:260px;} #NewsletterPromotion .PromotionalImage img{margin-right:10px} /************* Newsletter Styles / Global Form / Contact *************/ #GlobalForm {width: 570px; margin:0 auto; padding: 20px;} #GlobalFormBottom { padding: 10px} #GlobalForm .fieldrow {clear:both !important; display:block !important; width:500px; margin-bottom: 5px;} #GlobalForm label {display:block;width: 500px; font-size: 0.7em;} #GlobalForm .RequiredFieldText{font-size: 0.7em; color:#fdf981;} #GlobalForm .ContestCheckboxContainer{ margin-top: 10px;} #GlobalForm .ContestCheckboxContainer p span{ display:block; float: left;} #GlobalForm .ContestCheckboxContainer p { clear:left} #GlobalForm .ContestCheckboxContainer .fieldrow {margin-bottom: 10px;} #GlobalForm .ContestCheckboxContainer .fieldrow input, #GlobalForm input ,#GlobalForm select {float:left !important; margin: 1px 10px 0 0;} #GlobalForm .ContestCheckboxContainer .fieldrow span {float:left; width: 460px; font-size: 0.7em;} #GlobalForm .InputWidthRegular, #ExtraInfoPanel input{width:250px;} #GlobalForm a{text-decoration:underline;} #GlobalForm a:hover{color: #fff; text-decoration:underline;} /* target the popup form and error message, not v-clean, but the handling is different here to above form*/ #ExtraInfoPanel {padding: 0 0 20px 0; margin:0;} #ExtraInfoPanel input{font-size: 11px; } #ExtraInfoPanel span span, .ErrorMsgAlt, .ErrorMsgAltWide{float:left !important; width: 170px !important; font-size: 11px !important; color:#fdf981 !important; font-weight:bold;} .ErrorMsgAltWide{width: 210px!important;} /************* Homepage Core Styles *************/ #HomeFeatures{display:block; width: 100%;} #HomeFeatures p a{text-decoration:underline;} #Schedule{float:left;} #ScheduleContentBox{width:182px;height:273px;} .homepage #ScheduleContentBox{height:auto;} #ShowsContentBox li a{width:159px !important;} #FeaturedShows{width: 190px; } #FeaturedShowsWide{width: 300px; } #FlashRotator{ width: 580px;margin-right:8px; padding:15px 0 15px 0; } #ShowsList{ width:190px;margin-right:5px;} #ShowsList h2, #ScheduleContentBox h2{color: #b44963; font-size: .95em; margin: 0 0 3px 0; border-bottom:1px solid #565656; margin-bottom: 4px; width:186px; letter-spacing: .025em;} #ScheduleContentBox h2{width: 180px; border-bottom:0px} #HTMLFeature{width:583px; height: 260px;} #ScheduleContentBox .scheduletitle{font-family:Arial Black,Arial, Helvetica, sans-serif;} #ScheduleContentBox .scheduletitle .date{float:right !important; font-size: 3.0em;margin:0; padding:8px 0 5px 0; color:#ab4b3f;height:30px;} #ScheduleContentBox .scheduletitle .month{float:right !important; font-size:1.5em; width: 110px; text-align:right;color:#b54963;font-family:Arial, Helvetica, sans-serif; font-weight:bold !important;} #ScheduleContentBox .scheduletitle .headline{float:left !important; font-size:.7em; width: 110px; text-align:right;color:#f0b1c4;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; margin-right: -4px;} #ScheduleContentBox .showlist{border-top: 1px solid #565656;border-bottom: 1px solid #565656; clear: both; margin: 5px 0;} #ScheduleContentBox .showlist li {width: 180px; text-align:right; margin: 3px 0 3px 0;padding:0;} #ScheduleContentBox .showlist li a{width: 170px; display:block;margin: 0;padding:0 5px;} #ScheduleContentBox .showlist li a:hover{background-color: #333; text-decoration:none !important;} #ScheduleContentBox .showlist li a .time{color:#fcfa81;float:left;} /************* Homepage Blog***********/ #Mid-Area{clear:both; display:block; width:968px; margin-top:0px;} #BlogBorder{width:648px; padding: 5px; overflow:hidden;} #Blog h2{ font-size: .95em; margin: 0 0 3px 0; letter-spacing: .025em;} #Blog .blogpost{padding-top:8px} #Blog .leaditem{padding:0 5px 0 0px; width: 334px;} #Blog .leaditem img{border: 2px solid #383838;} #Blog .date {width:40px;margin-right:8px; color:#212226; padding:16px 0 0 0; background: #fff url(/media/images/global/calendar_top.gif) left top no-repeat;text-align:center; font-size:.7em; line-height: .8em;} #Blog .lower {width:40px; color:#212226; padding:0 0 4px 0; background: url(/media/images/global/calendar_bottom.gif) left bottom no-repeat; text-align: center; font-weight:bold; font-size: 1.3em; line-height: 1em;} #Blog .lower span{font-size: 1em; font-weight:normal;} #Blog .info {width:270px;} #Blog .info p{color:#bbbbba; font-size: .70em; margin: 6px 0 6px 0;} #Blog .info h2{font-size:.68em; margin: 0} #Blog .info h3{font-size:1em; margin: 0} #Blog h2 a{color:#fff; text-decoration:none; position:relative;} #Blog h3 a{color:#ad4a40; text-decoration:none; position:relative;} #Blog .subitems{width:303px; padding:0 0px 0 0px; } #Blog .subitems .blogitem{ background:#000 url(/media/images/global/blog-item-top.gif) left top repeat-x; border: 1px solid #2b2c2d; clear:left; margin-bottom: 2px; overflow:hidden; width:300px;} #Blog .subitems .blogitem img{ float:left;padding:1px;} #Blog .subitems .blogitem .iteminfo{padding: 3px 4px 4px 6px; width: 180px;} #Blog .subitems .blogitem h2{font-size:.65em; font-weight:normal; text-transform:uppercase; margin:0;} #Blog .subitems .blogitem h3{font-size:.65em; margin:0;} #Blog .subitems .blogitem p{color:#999999; font-size:.6em;} #Blog .subitems .bloglinks {display:block; border-top:1px solid #565656;border-bottom:1px solid #565656; margin-bottom: 2px; width:302px;} #Blog .subitems .bloglinks .inner{ display:block; border-top:1px solid #202125;border-bottom:1px solid #202125; width:302px; padding-bottom: 2px;} #Blog .subitems .bloglinks ul{margin:0; padding:2px 0 0 0;} #Blog .subitems .bloglinks ul li{float:left; padding:0px 8px 0 8px; border-right: 1px solid #827565; font-size:.8em;} #Blog .subitems .bloglinks ul li a{ margin:0 !important; padding:0 !important;clear:none;color: #e698ab; text-decoration:none; font-weight: bold; text-transform: uppercase;} /************* Homepage Content lower area***********/ #Lower-Area{clear:both; padding-top:20px; display:block; width:968px} #Lower-Area h2{margin:0 0 2px 0!important;padding:0 0 2px 0!important; font-size: 1em; border-bottom: 1px solid #565656;} #Lower-Area .feature{width:235px;} #Lower-Area .one,#Lower-Area .two,#Lower-Area .three,#Lower-Area .four{padding: 0 3px 0 4px;} #Lower-Area #itemone,#Lower-Area #itemtwo,#Lower-Area #itemthree,#Lower-Area #itemfour{ overflow:hidden; border-bottom: 1px solid #565656; min-height: 280px; height: auto !important; height: 280px;} /*#Lower-Area .one{padding-left: 0;} #Lower-Area .four{padding-right: 0;}*/ #Lower-Area a{text-decoration:none;} #Lower-Area .feature .info{padding:5px 10px; } #Lower-Area .feature .info h3{ font-size: 1.1em; font-weight:normal; padding:3px 0; line-height:1em; } #Lower-Area .feature .info h4{ font-size: .69em; padding:3px 0; line-height:1em; font-family:Verdana, arial, helvetica, clean, sans-serif; } /* dark - main heading */ #Lower-Area .one h2{color: #f47a88;} #Lower-Area .two h2{color: #97452c;} #Lower-Area .three h2{color: #395e2e;} #Lower-Area .four h2{color: #72A3E6;} /* light - sub heading */ #Lower-Area .one h3 a{color: #f47a88;} #Lower-Area .two h3 a{color: #97452c;} #Lower-Area .three h3 a{color: #395e2e;} #Lower-Area .four h3 a{color: #72A3E6;} #HTMLFeaturedShows,#HTMLFeaturedShowsWide{width:190px; height:233px; overflow: auto; background-color: #333;} #HTMLFeaturedShows .ShowItem,#HTMLFeaturedShowsWide .ShowItem{ display:block; clear:left; border-bottom: 1px solid #222; width:173px;} #HTMLFeaturedShows .ShowItem a,#HTMLFeaturedShowsWide .ShowItem a{ display:block; clear:left; width:173px; height:31px;} #HTMLFeaturedShowsWide{width:300px;} #HTMLFeaturedShowsWide .ShowItem{width:283px;} #HTMLFeaturedShowsWide .ShowItem a{width:283px;} /************* Movie and Show rotators***********/ #movierotator, #showrotator{min-height:253px; height:auto !important; height:253px; } #movierotator .movierotatornoflash, #showrotator .showrotatornoflash{width: 718px; padding:30px; } #movierotator .movierotatornoflash p a {text-decoration: underline !important; } #FeaturedMovies, #FeaturedShows {width: 468px; margin-right:6px;} #FeaturedMovies .moviescontent, #FeaturedShows .showscontent{display:block; padding-top:5px; width: 468px;} #FeaturedMovies .movie{padding: 0px 4px 2px 4px; width:226px;} #FeaturedMovies .movie img{margin-bottom: 5px;} #FeaturedMovies .info{ border-bottom:1px solid #565656; display:block; width:226px;} #FeaturedMovies .info .datetime{ color: #9fa0a2; font-size: .55em !important; margin-bottom:0;} #FeaturedMovies .info p{ padding-left:5px;} #FeaturedMovies .info p a{ color: #b88596; font-size: .85em; margin-bottom:5px; font-weight:bold;} #FeaturedShows .show li{width:226px; float:left;padding: 0px 4px 2px 4px;} #FeaturedShows .show li a{ font-weight:bold; padding: 0 0 3px 5px; border-bottom: 1px solid #333; display: block; width: 220px;} #FeaturedShows .show li a:link,#FeaturedShows .show li a:visited,#FeaturedShows .show li a:active{color: #efa49d;} #FeaturedShows .show li a:hover{width: 209px; color:#ed613c; text-decoration:none !important; background:url(/media/images/global/ShowsListArrow.gif) no-repeat center left; padding: 0 0 3px 16px !important;} /***************** Search Results (for ease of management grouped in this file) *****************/ #SearchBar{padding:10px; width: 580px; font-family:Trebuchet MS, Verdana, arial, helvetica, clean, sans-serif} #SearchHeader{display:none !important;} #SearchBarOuter{width: 600px; margin: 0 5px; font-size: .95em;} #SearchBarOuter input, #SearchBarOuter select{font-size:.9em;} #SearchBarOuter *{vertical-align:middle;} .SearchFieldHolder{margin-right:20px;} #SearchBarOuter label{padding-right:10px; color:#B8C6EB;} #SearchResultsBar{padding: 20px 5px 10px 17px;} #SearchResult{padding: 0 5px 10px 20px; font-size: .75em;} .SearchResultText{width:550px; padding-left:10px;} #SearchResultsBar .YellowDark a, .SearchNum a{color:#AF4863 !important; text-decoration:none !important;} #SearchViewAll{display:block; width: 570px; font-size: .7em; padding: 10px 0 30px 10px; margin: 0 0 10px 10px;} #SearchViewAll a{line-height: 1em; width: auto;} #SearchBar #q2{width: 200px} #SearchAd {margin: 20px 0 20px 150px !important; width: 300px;} .Suggestion{ clear:left; display:block; font-weight:bold; margin:10px; text-align:center; width:610px; } .Suggestion a{ color:#C5C36B; font-size: 1.1em;} /* Secondary search page */ #SearchResultsBar a{color:#fff !important; font-weight: normal;} #SearchResultsBar h2 a{font-weight:bold;} #SearchResultsBar *{vertical-align: middle; float:none !important} #SearchResultsBar .paging{display:block; width:580px; text-align:center; font-size: .7em; color:#FDF981; font-weight:bold;} #SearchResultsHdrText{display:block; width:580px; padding: 10px 5px 10px 17px;} .SearchBarText2{padding: 0 5px;} .SearchResultTextOuter{ padding-left: 15px; clear:left;} .SearchBarText2{margin-top: 0px;} /***************** ShowsPage *****************/ #ShowArea {margin-top: 10px;} #ShowNavigation{width: 170px; overflow:hidden; margin-right:8px;} #ShowNavigation ul{padding:0; margin:0;} #ShowNavigation li{ margin:0 0 0.3em;} #ShowNavigation li a{ font-size: 14px; padding: 3px 5px; display:block; width: 165px; position: relative; font-weight:bold; font-family:Trebuchet MS, Verdana, arial, helvetica, clean, sans-serif; cursor:pointer;} #ShowNavigation li a:link,#ShowNavigation li a:visited,#ShowNavigation li a:active{background:#392429; color:#FFF;} #ShowNavigation li a:hover, #ShowNavigation li.selected li a:hover{text-decoration:none !important;color:#FFF; background:#6a5619; } #ShowNavigation li.selected a{background-color:#6a5619;color:#FFF;} #ShowNavigation li.selected li a:link,#ShowNavigation li.selected li a:visited,#ShowNavigation li.selected li a:active{background-color:transparent;color:#FFF;} #ShowNavigation li.selected li a:hover{ background:#b44963;} #ShowNavigation li li a{ font-size: 11px;color:#edcb70;} #ShowNavigation li li.selected a{ color:#c5c36b;font-weight:bold; background:#AF4863} #ShowNavigation li li a{ padding: 3px 5px 3px 20px; width: 150px; font-family: arial, helvetica, clean, sans-serif; font-weight:normal;} #ShowsNavigationRight h2{padding-bottom:1px;} #ShowArea #CenterColumn{width: 470px; margin:0 0 0 5px;} #ShowsContainer .ShowsBlogSideNav .heading,#ShowsContainer .ShowsBlogSideNav{width: 458px} #ShowsContainer .ContentMainHeading, #ShowsContainer .Content1 {width: 460px; padding:0;} #ShowsContainer .DefaultContentWrapper{width: 460px; padding: 0 5px;} #ShowsContainer .DefaultContentWrapper p{line-height:1.5em;} #EpisodeContainer .item{width: 450px; padding: 5px 10px; display:block; margin-bottom: 1px;} #EpisodeContainer .item p{margin-bottom: 1px;} #EpisodeContainer .item a{text-decoration:none !important; color:#b44963;} #EpisodeContainer .item span{display:block;} #EpisodeContainer .item a:hover{text-decoration:none;} #ShowsContainer .Paging{ width:200px; padding:.3em 4px 0 8px; text-align:right; } #ShowsContainer .Paging a{ text-decoration:underline; margin-left:8px; font-size:.9em; } #ShowsContainer .Paging a:hover{ text-decoration:none !important; } .ONTVEpisodeContainer {font-size: .95em; padding-top: 0px;} .ONTVEpisodeContainer .item{width: 560px; padding: 5px 10px; display:block; margin-bottom: 1px;} .ONTVEpisodeContainer .item a{text-decoration:none !important; color:#dcf9b7;} .ONTVEpisodeContainer .item a strong{color:#edcb70 !important;} .ONTVEpisodeContainer .item a:hover{text-decoration:none;} .ONTVEpisodeContainer .item a:hover strong{text-decoration:none; color:#fff !important;} .ShowDetails strong, .ShowBlogDetails strong{color:#edcb70} .ShowDetails, .ShowBlogDetails {color:#dcf9b7; font-size: 11px; margin-top:10px;} .ShowBlogDetails {margin-left:10px;} #ShowsContainer .ShowsTitle{padding:5px 10px 7px; margin:1px 0 4px 0; font-size:.9em; background:#212224 url(/media/images/global/blog-item-top.gif) repeat-x scroll left top; width:449px;} #ShowsContainer .ShowsTitle h4{color:#fff; font-size:1.1em !important;} .ShowsBlogSideNav{width:300px;} .ShowsBlogSideNav {padding:3px 0px 0px 0px !important; margin:10px 0px 0px 0px !important; } .Clear .PadTop{ font-size:.8em; padding:0px 0px 10px 43px !important; float:left; margin-top:-24px !important; color:#E8AE10; line-height:12px;} .ShowsBlogSideNav .heading{width:300px; margin-top: 10px;} #ShowsContainer .heading{font-size:1.2em !important;} .ShowsBlogSideNav h2{width:284px; padding: 5px 8px 3px 8px; font-size:.75em; color:#dcf9b7;} .ShowsBlogSideNav ul, .ShowsBlogSideNav .BlogTags{margin:10px 0px 0 10px;} .ShowsBlogSideNav .BlogTags{margin-right:-3px;display: inline; float:none;} .PostContainer{padding: 5px 10px 15px 10px; border-bottom: 1px solid #333;} .PostContainer h5 a, .PostHeading{font-size:.75em; color:#edcb70; text-decoration:none !important;} h2.PostHeading{font-size:1em; color:#edcb70; text-decoration:none !important;} .PostContainer h5 a:hover{text-decoration:underline !important;} #ShowsContainer .PostContainer .PostContent{font-size: .8em !important; line-height:normal; width:445px;} #ShowsContainer .PostContainer .PostContent p{font-size: 1.0em !important;} .PostContainer .CommentName {clear:right;} .PostContainer .SmallText{clear:right;} .PostContainer a:link, .PostContainer a:hover{color:#E8AE10;} .HeadingPadding{padding: 10px 0 0 10px; clear:left;} .ShowsBlogPaging a{font-size: .8em;} .BlogPostCommentsContainer{padding:10px; border-bottom: 1px solid #333;margin-bottom:10px;width: 440px;} .PostContainer .CommentName, .BlogPostCommentsContainer .CommentName{color:#dcf9b7; font-size: .6em !important; font-style: italic} .BlogPostCommentsContainer .CommentDate{font-size: .6em !important; font-style: italic} .BlogPostCommentTitle{ clear:left; font-size: .7em; width: 470px;padding: 10px;} .BlogPostCommentTitle input,.BlogPostCommentTitle textarea{ color:#333; width: 361px; font-size: 1.1em; font-family: Verdana; padding:3px;} .BlogPostCommentTitle label{ color:#dcf9b7; text-decoration:none !important; font-weight:bold; float:left; text-align:right; padding-right: 10px; width:90px; } .BlogPostCommentTitle input.TextBox{ border:0px none; height:19px; background:transparent url(/Media/Images/Global/BlogTextBoxBg.gif) scroll left top;} .BlogPostCommentTitle textarea{ border:0px none; height:124px; background:transparent url(/Media/Images/Global/BlogCommentsBg.gif) scroll left top; overflow:auto;} /* Social Bar */ .SocialBar {display:none;background:url(/media/images/social/Social_Bar_BG.jpg) #030202 no-repeat left top scroll;width:467px;height:23px;float:left;clear:both;border:1px solid #722238;padding:1px 0 0;margin:0 0 10px;overflow:hidden;} .SocialBar a, .SocialBar iframe {float:right;} .SocialBar iframe { margin:1px 0 0; } .SocialBar a.Facebook {background:url(/media/images/social/Social_Bar_FShare.gif) transparent no-repeat left top scroll;display:block;width:65px;height:22px;margin:0 10px 0 0;text-indent:-10000px;} .SocialBar.Shorten {width:400px;margin:5px 0 0;} /* Microsites*/ .breadcrumbrow, #MicrositeBreadcrumb{width:802px; border-bottom: 1px solid #333; margin-bottom: 3px; } .breadcrumbrow .breadcrumb, #MicrositeBreadcrumb{ font:.9em Trebuchet MS,Verdana,arial,helvetica,clean,sans-serif bold; color:#F2C55C; font-weight:bold; text-transform:uppercase; } #MicrositeBreadcrumb, #MicrositeBreadcrumb a{ font-family:Trebuchet MS,Verdana,arial,helvetica !important; } #MicrositeBreadcrumb{ font-size:1.2em; font-weight:bold !important; } .breadcrumb a, .breadcrumb a:active,.breadcrumb a:hover, .breadcrumb a:visited, #MicrositeBreadcrumb a{ color:#fff!important; text-decoration:none !important; font-weight:bold !important;} .breadcrumb span{ color:#efd48d; text-decoration:none !important; } .microsite3 .DefaultContentWrapper, .schedulecontent .DefaultContentWrapper{ width:320px; } .microsite3 .DefaultContentWrapper ul, .schedulecontent .DefaultContentWrapper ul{ display:block; width: 100% !important; padding-bottom: 10px; } .microsite3 .DefaultContentWrapper ul a:hover, .schedulecontent .DefaultContentWrapper ul a:hover{ color:#000; text-decoration:underline !important; } .microsite3 .ContentMainHeading, .schedulecontent .ContentMainHeading{ background-color:Transparent; width:auto !important; } .microsite3 .YellowBullet2, .schedulecontent .YellowBullet2{ width:100%; color:#000; margin:0; padding:0; background-image: none; font-size: 1.2em; padding-bottom: 10px; } .schedulecontent h2{ background: transparent; display:block; width: 300px; } .middle{ width: 802px; } /*#BlogBorder, #Blog .subitems .blogitem, #Lower-Area #itemone,#Lower-Area #itemtwo,#Lower-Area #itemthree,#Lower-Area #itemfour{ zoom:1; }*/ /* VIDEO CENTRE -- ------------------------------------------------*/ #VideoWarning{ font-size:1.2em; text-align:center; padding:0 0 20px 0; width:802px;} #cwpPlaylist #VideoWarning h2{ display:block; clear:left !important; float:none; } #MainContentWrapper #cwpVCPlayer{display:none;background:#561d2c url(/video/images/player_bg.jpg) repeat-x;margin-top:0;} #MainContentWrapper #cwpVCPlayerR{float:right;} #cwpVCPlayerR p{color:#b6bfba;margin-bottom:0;} #cwpCurrentReleaseDiv h3, #cwpCurrentReleaseDiv h4, #cwpCurrentReleaseDiv h5, #cwpCurrentReleaseDiv p{color:#f5dbba;} #cwpCurrentReleaseDiv h6{border-bottom:none;color:#e3caa2;} #relInfoDiv2{background-image:url(/video/images/descArr.gif);} #MainContentWrapper #cwpMenu li {float:left;display:inline;} #cwpMenu li a{background-color:#77252B;color:#fff8fa;font-size:0.9em;text-transform:none;text-decoration:none !important;} #cwpMenu li .cwpHighlighted{background-color:#8b3d27;} #cwpMenu li a.cwpSelected{background-color:#D1B182;color:#701b30;} #cwpMenu li ul.children li{color:#fcfcfc;} #cwpMenu li ul.children li.cwpHighlighted{color:#d0b081;} #cwpMenu li ul.children li.cwpSelected{color:#d0b081;} .cwpCategoryHeader{background-color:#571D2C;border:none;padding: 4px 10px 2px 10px;} #cwpPlaylist h2{color:#efedee;font-size:0.9em;text-transform:uppercase;} .cwpPlaylistExpand{color:#f9dd94;font-size:0.60em} #cwpPlaylist .cwpRelease{color:#b5b5b5;} #cwpPlaylist .cwpRelease p{font-size:1.0em;} #cwpPlaylist .cwpRelease h3{color:#b5b5b5;font-size:1.2em;} #cwpPlaylist .cwpChildren div.cwpRelease.cwpSelected{background-color:#D1B182;color:#701B30;} #cwpPlaylist .cwpChildren div.cwpRelease.cwpSelected h3{color:#701B30;} #MainContentWrapper #cwpPlaylist .cwpChildren{margin-left:-8px;} #MainContentWrapper #cwpPlaylist{width:740px;} #MainContentWrapper #cwpPlaylist div.animFrame{background-image:url(/global/canwestPlayer/images/plLoadingAnimGray.gif);} #MainContentWrapper #cwpCurrentReleaseDiv{display:block;float:none;} #cwpVCPlayerR #bbox{ height:250px; width:300px; float:right !important; } /* center source */ .main-container-CentrSource { background-image: url("/media/Images/CentrSourceb-bg.jpg"); background-repeat: no-repeat; display: block; height: 300px; margin-top: 30px; position: relative; text-decoration: none; width: 300px; } .the-link { display: block; height: 300px; text-decoration: none; width: 300px; } .book-container { color: #000000; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 200px; margin: 120px 0 0 15px; text-align: center; width: 130px; } .book-container img { border: 2px solid #DBDBDB; display: block; height: 73px; margin: 0 auto; position: relative; width: 73px; } .title { display: block; height: 90px; overflow: hidden; width: 130px; }