@charset "utf-8"; /********************************************************* MAIN CSS FILE DO NOT MODIFY WITHOUT ALERTING ARRON. MAKE ADDITIONS TO DEV.CSS FIRST. ALERT ARRON AND HE WILL PUSH TO THIS FILE. ***********************************************************/ /********************************************* LAYOUT *********************************************/ #mainContent, #headerInner, #mediaContent, #headerNationalLinks ul, #breakingNews #breakingNewsLink, #cwi_lb #cwi_lb_content, #cwi_lb #cwi_lb_content iframe {width:960px;} #mainContent, #mediaContent { margin:0 auto; position:relative; background: url(../../images/global/mainBG.jpg); background-color: #fff; } #mediaContent, body#mediaPage { background: black; } #mediaContent, #mediaContent p { color:#FFFFFF; } #terColumn { padding-top:10px; width:320px; } #mainColumn { width:640px; } #mainColumn, #terColumn, .layout, .bboxContainer, .floatLeft { float:left; display:inline; } .floatRight { float:right; display:inline; } .clearLeft { clear:left; } .clearRight { clear:right; } .noMargins { margin:0 !important; } .noLeftMargin { margin-left:0 !important; } .noRightMargin { margin-right:0 !important; } .noTopMargin { margin-top:0 !important; } .noBottomMargin { margin-bottom:0 !important; } .leftMargin { margin-left:10px !important; } .rightMargin { margin-right:10px !important; } .topMargin { margin-top:10px !important; } .bottomMargin { margin-bottom:10px !important; } /* Ideally This will be the only place the !important command shows up in our CSS . Use more specific rules if need be. */ .clear, .clearAllItems li { clear:left; } /********************************************* HEADER *********************************************/ #headerOuter { background:url(../../images/global/headerBG_repeatX.jpg) top left repeat-x; width:100%; height:168px; z-index:10010; } #headerInner { margin:0 auto; position:relative; height:168px; background:url(../../images/global/headerInnerBG_noRepeat.jpg) top left no-repeat; } #headerInner .mainNav { position:absolute; left:10px; bottom:1px; margin:0; padding:0; background:url(../../images/global/headerMenuItemDivider.jpg) top left no-repeat; } #headerInner .mainNav li { float:left; background:url(../../images/global/headerMenuItemDivider.jpg) top right no-repeat; padding:0 10px; margin:0; height:42px; line-height:42px; list-style:none; } #headerInner .mainNav li a { color:#FFFFFF; text-decoration:none; font-size:9pt; } #headerInner .mainNav li a:hover { text-decoration:underline; } #headerInner .searchForm { position:absolute; right:0; bottom:10px; font-size:8pt; } #headerInner .bannerContainer{ position:absolute; right:2px; bottom:53px; z-index:10011; width:728px; } #headerNetworkWrapper { float:right; width:730px; padding:0px; margin-top:3px; margin-bottom:3px; } #headerNetworkWrapper ul { position:absolute; } #headerNetworkWrapper ul li{ float:left; display:inline; padding:0 7px; } #headerNetworkWrapper ul li.notFirst { background: transparent url(../../images/global/Utility_nav_divider.gif) no-repeat scroll left center } #headerNetworkWrapper ul li a { color:#FFFFFF; } /********************************************* LOGOS *********************************************/ #headerInner #bannerLink { text-indent:-10000px; overflow:hidden; display:block; position:absolute; background:red; bottom:44px; left:11px; width:187px; height:99px; background:url(../../images/global/header/globalHeaderLogo.gif) top left no-repeat; } #headerInner > #bannerLink { background:url(../../images/global/header/globalHeaderLogo.png) top left no-repeat; } /********************************************* MENU STATES This is done by the body being classed as the section that should be active in the menu. ex: Canada page: css: #menu a {color:white;} #menu a:hover {color:red;} .canada a#canadaLink {color:red;} *********************************************/ /* TODO: Add menu states */ /********************************************* SEARCH *********************************************/ #mainSearch { background:url(../../images/global/searchboxGradient_5x21.jpg) top left repeat-x #ffffff; width:170px; padding:3px 5px; border-color:#666666; font-size:8pt; color:#666666; } /********************************************* IMAGES *********************************************/ img.floatLeft, img.layout { float:left; display:inline; margin-right:10px; ma } /*When an image is floated left allow for margins*/ div.videoImg { background:url(http://www.globaltvedmonton.com/images/global/PlayIcon_16x16.gif) top left no-repeat; height:20px; width:20px; position:absolute; z-index:50; bottom:0; right:0; } a > div.videoImg { background:url(http://www.globaltvedmonton.com/images/global/PlayIcon_16x16.png) top left no-repeat; } a.videoImg { position:relative; display:block; } /********************************************* Typography *********************************************/ body { font-family:Verdana, Arial, Helvetica, sans-serif; } p { font-size:8pt; line-height:12pt; font-weight:normal; color:#000; margin-bottom:12pt; } a { text-decoration:none; color:#336699; } a:hover { text-decoration:underline; } h1 { font-size:20pt; line-height:24pt; font-weight:normal; color:#336699; margin-top:10px; } h3 { font-size:8pt; line-height:15pt; font-weight:normal; color:#444444; font-weight:bold; text-transform: uppercase; background:url(../../images/global/headerBG_bullet_bottomDoubleDottedLine.gif) bottom left no-repeat; padding-bottom:5px; text-indent: 8px; } /********************************************* WIDGETS *********************************************/ /*widgetFeatureStory*/ .widgetFeatureStory h1 { font-size:20pt; line-height:20pt; font-weight:normal; color:#336699; margin-bottom:15px; } .widgetFeatureStory h1 a { text-decoration:none; color:#336699; line-height: 34px; } .widgetFeatureStory h1 a:hover, .widgetFeatureStory h2 a:hover { text-decoration:underline; } .widgetFeatureStory h2 { font-size:18pt; line-height:24pt; font-weight:normal; } .widgetFeatureStory h2 a { text-decoration:none; } .widgetFeatureStory h5.lineThroughHeader { background-image: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png); background-repeat: repeat-x; background-position: 20% 50%; text-indent: 0px; } .widgetFeatureStory h5.lineThroughHeader span { background:#FFFFFF; padding-right:5px; text-transform: uppercase; color:#CCCCCC; } .widgetFeatureStory .bullet li { background:url(../../images/global/bullet_4px_e51b24.jpg) 6px 5px no-repeat; line-height:16px; padding:0px; } .widgetFeatureStory .bullet li a { margin-left:15px; color:#336699; display:block; } .widgetFeatureStory p { font-size:9pt; line-height:1.5; } /*widgetMediaTiles*/ .widgetMediaTiles h3 { font-size:8pt; line-height:10pt; font-weight:normal; color:#6699CC; background:url(../../images/global/headerBullet_e51b24_w5_h7.jpg) 0px 3px no-repeat; text-indent:0px; font-weight:bold; text-transform: uppercase; padding-left:8px; margin-top:0; } .widgetMediaTiles h4 { background:none; padding-top:0px; padding-bottom:5px; padding-left:0px; margin:0px; line-height:1.33em; } .widgetMediaTiles h4 a { text-decoration:none; color:#336699; } .widgetMediaTiles a { display:block; } .widgetMediaTiles a img { margin-bottom:10px; } .widgetMediaTiles h4 a:hover { text-decoration:underline; } /*widgetTitleList*/ .widgetTitleList h5 { padding-bottom:5px; margin:0px; line-height:1.33em; font-size:8pt; font-weight:normal; } .widgetTitleList h5 a { text-decoration:none; color:#336699; } .widgetTitleList h5 a:hover { text-decoration:underline; } .widgetTitleList li { background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) bottom left repeat-x; padding-top:4px; padding-bottom:4px; clear:both; } /*widgetMediaList*/ .widgetMediaList h4 { background:none; padding-top:0px; padding-bottom:5px; margin:0px; line-height:1.33em; } .widgetMediaList h4 a { text-decoration:none; color:#336699; } .widgetMediaList h4 a:hover { text-decoration:underline; } .widgetMediaList li img { float:left; margin:0 10px 10px 0; } .widgetMediaList li { margin-top:0px; margin-bottom:10px; } /*.widgetMediaList li.first { margin-top:0px; }*/ /********************************************* FEATURES *********************************************/ /*Opinion*/ .opinion { width:220px; } .opinion p { margin-bottom:2pt; } .opinion p span { color:#999999; } /*Local News*/ #widgetLocalNews { margin:20px 0; } #widgetLocalNews .localNewsContent { display:none; } .localNewsNetworkSelector { float:right; margin-right:10px; } .localNewsNetworkSelector span{ font-weight:bold; } .newsNetworkSelector { float:right; margin-right:10px; } .localNewsNetworkSelector span, .newsNetworkSelector span { font-weight:bold; } .localNewsNetworkSelectorForm { display:inline; } .localNewsMenu { background:url(../../images/global/localNewsMenuBg.jpg) no-repeat; height:22px; line-height:22px; margin-right:0px; width:620px; } .localNewsMenu ul li { float:left; background:url(../../images/global/localNewsMenuDivider.jpg) no-repeat top right; padding:0 10px; margin:0; height:22px; line-height:22px; } .localNewsMenu ul li a { color:#FFFFFF; text-decoration:none; } .localNewsWrapper { border:#000000 solid 1px; border-top:none; padding-top:10px; background:url(../../images/global/localNewsDropShadow_repeatX.jpg) repeat-x top left; background-color:#ededed; width:618px; overflow:auto; } .newsContent { width:370px; margin: 0 10px; } #widgetMediaListBC .widgetMediaList li img, #widgetMediaListCalgary .widgetMediaList li img, #widgetMediaListEdmonton .widgetMediaList li img, #widgetMediaListLethbridge .widgetMediaList li img, #widgetMediaListSaskatoon .widgetMediaList li img, #widgetMediaListRegina .widgetMediaList li img, #widgetMediaListWinnipeg .widgetMediaList li img, #widgetMediaListOntario .widgetMediaList li img, #widgetMediaListQuebec .widgetMediaList li img, #widgetMediaListMaritimes .widgetMediaList li img { float:left; display:inline; margin-right:10px; } .newsContent .widgetMediaList li{ margin-top:0px; } .localNewsContent img { display:block; margin:0px; } /* octoFeatures */ .octoFeatures .col_02 { background:url(../../images/global/border_doubleDotted_cccccc_repeatX.jpg) top left repeat-x; padding-top:10px; } .octoFeatures .col_02 img { margin-bottom:5px; } .octoFeatures .col_02 a { color:#336699 } .octoFeatures { margin-top:10px; } .octoFeatures a span { font-style:italic; } /* newsVideo */ .newsVideo p { margin-bottom:.2em; } .newsVideo .vidLength { color:#999999; line-height:1; } .newsVideo .jcarousel-clip { border-top:#e5e5e5 solid 15px; padding-top:5px; width:300px; margin:0 10px; } .newsVideo ul li { margin-left:0; margin-right:20px; } /* NetworkSelecter*/ .networkSelector { float:right; margin-right:10px; } .networkSelector span { font-weight:bold; } .networkSelectorForm { display:inline; } /********************************************* COMMON *********************************************/ .moreLink { font-weight:bold; color:#336699; padding-top:5px; padding-bottom:5px; float:right; text-align:right; background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) top left repeat-x; clear:both; font-size:7.5pt; } .moreLink_noLine { font-weight:bold; color:#336699; padding-top:5px; padding-bottom:5px; float:right; text-align:right; } .hrDoubleDottedLine { background:url(../../images/global/border_doubleDotted_cccccc_repeatX.jpg) top left repeat-x; } .hrSingleDottedLine { background:url(http://www.globaltvedmonton.com/images/global/dottedLine_1px_CCCCCC_repeatX.jpg) top left repeat-x; } .bullet ul li { background:url(../../images/global/bullet_4px_e51b24.jpg) 6px 5px no-repeat; line-height:16px; padding:0px; } .bullet ul li a { margin-left:15px; color:#336699; display:block; } li.noBullet { background:none; } li.noBullet a { margin-left:0px; } /*.listBorder li { background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) bottom left repeat-x; padding-top:4px; padding-bottom:4px; clear:both; } .listBorder .listLast { background:none; padding-top:0px; } .listNoBorder { background:none; padding:0px; } */ /********************************************* COLUMN / CONTAINER SIZING *********************************************/ /* Columns have margins */ .col_01, .col_02, .col_02_half, .col_03, .col_04, .col_05, .col_06, .col_07, .col_08, .col_09, .col_10, .col_11, .col_12 { margin-left:10px; margin-right:10px; } .col_01 { width:60px; } .col_02 { width:140px; } .col_02_half { width:180px; } .col_03 { width:220px; } .col_04 { width:300px; } .col_05 { width:380px; } .col_06 { width:460px; } .col_07 { width:540px; } .col_08 { width:620px; } .col_09 { width:700px; } .col_10 { width:780px; } .col_11 { width:860px; } .col_12 { width:940px; } /* Containers do not */ .con_01, .con_02, .con_02_half, .con_03, .con_04, .con_05, .con_06, .con_07, .con_08, .con_09, .con_10, .con_11, .con_12 { margin-left:0px; margin-right:0px; } .con_01 { width:80px; } .con_02 { width:160px; } .con_02_half { width: 200px; } .con_03 { width:240px; } .con_04 { width:320px; } .con_05 { width:400px; } .con_06 { width:480px; } .con_07 { width:560px; } .con_08 { width:640px; } .con_09 { width:720px; } .con_10 { width:800px; } .con_11 { width:880px; } .con_12 { width:960px; } /********************************************* JQUERY UI *********************************************/ /* TABS */ .ui-tabs .ui-tabs-hide { display: none; } /************************************************* Lightbox *************************************************/ #cwi_lb { display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:10002; } #cwi_lb_bg { display:block; position:fixed; width:100%; height:100%; left:0; top:0; background:#000000; filter:alpha(opacity=0); opacity: 0; -moz-opacity:0; z-index:10001; } #cwi_lb #cwi_lb_content { display:block; position:absolute; margin:168px auto 0 auto; color:#FFFFFF; /* border-bottom:2px solid #5d0a0e; border-left:2px solid #5d0a0e; border-right:2px solid #5d0a0e; */ z-index:10003; } #cwi_lb #cwi_lb_content iframe { border:none; } #cwi_lb #cwi_lb_content p { color:#FFFFFF; } #cwi_lb_bbox { border:0; } #cwi_lb p.ad { font-size:8pt; line-height:15px; margin-top:5px; } .mediaLightBox { border: 10px solid #212528; background-color:#363636; margin-left:30px; } .mediaLightBox p { color:#FFFFFF; } .mediaLightBox h2, .mediaLightBox p span { color:#999999; } #mediaPlayListTop { background:url(http://www.globaltvedmonton.com/images/global/mediaPlaylistTopBorder.jpg) no-repeat; margin-top:10px; } #mediaPlayListBottom { background:url(http://www.globaltvedmonton.com/images/global/mediaPlaylistBottomBorder.jpg) no-repeat; margin-top:10px; } .mediaPlayListRow li { margin-top:10px; margin-bottom:10px; } .mediaPlayListRow li.currentItem { width:64px; border:8px solid #5e5e5e; margin:0; } .mediaPlayListRow li.currentItem img { border:2px solid #363636; } #mediaItem { margin-top:20px; } #sbnPromoWrapper{background:url(http://www.globaltvedmonton.com/commonUI/css/3627454.bin) no-repeat;height:210px; position:relative;} .aboutCopy{margin-left:10px;} #sbnPromoWrapper .promoContent{padding-left:123px;padding-top:10px;} #sbnPromoWrapper p{color:#FFFFFF;} #sbnPromoWrapper a{color:#FFCC00;} /********************************************* On The Go in Rightrail *********************************************/ #onTheGoRightrailWrapper {position:relative;float:left;margin-bottom:10px;width:310px;} .onTheGoLearnMore{position:relative;float:right;width:300px;border-top:dotted 1px #CCCCCC; text-align:right; padding-top:5px;} .onTheGoLearnMore a{color:#336699; font-weight:bold; font-size:0.9em; margin-right:5px;} .onTheGoLearnMore a:hover{text-decoration:none;} #onTheGoRightrail ul{width:302px; padding-left:5px; float:right; text-indent:-1px} #onTheGoRightrail li{float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding-top:5px; padding-bottom:5px; text-align: center; padding-left: 6px;} #onTheGoRightrail a{text-decoration:none} /********************************************* Breadcrumbs *********************************************/ #breadcrumbs, .breadcrumbWrapper { background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) bottom left repeat-x; margin:10px 0 10px 10px; padding-bottom:5px; color:#666666; height:15px; } #breadcrumbs ul li { float:left; display:inline; margin-left:10px; background:url(../../images/global/greaterthan_image.gif) no-repeat scroll 0 2px; padding-left: 13px; } #breadcrumbs ul li.root { margin-left:0; background:none; padding-left:0; } /********************************************* DELETE ME *********************************************/ .relatedMedia { clear:left; } /********************************************* LOCAL HEADER *********************************************/ #headerNationalLinks{background-color:#000000; height: 22px; position:relative; border-bottom: solid 1px #6699cc;} #headerNationalLinks ul{ /*padding:0 0 0 165px;*/ margin:0 auto; padding-left: 17px; } #headerNationalLinks ul li{float:left; margin:0; height:18px;line-height:18px; list-style:none; color:#6699cc;} #headerNationalLinks ul li.globalNews {float:left; margin:0; height:18px;line-height:18px; list-style:none; color:#6699cc; padding:0 10px 0 0; font-weight:bold;} #headerNationalLinks ul li a{color:#FFFFFF; text-decoration:none; font-size:8pt; padding: 2px 4px 2px 4px; font-weight:bold;} #headerNationalLinks ul li.globalNews a {color:#6699CC; text-decoration:none; } #headerNationalLinks li a:hover{text-decoration:underline;} #headerNationalLinks ul li.globalNews a:hover { text-decoration:none; } /*#headerInner #bannerLink {background: url(http://www.globaltvedmonton.com/images/banner.gif); height:99px; width:187px}*/ /*----Header------*/ .home #headerInner .mainNav #homeLink a, .home #headerInner .mainNav #newsLink a, /* this one should be fixed later on the actual pages */ .canada #headerInner .mainNav #canadaLink a, .world #headerInner .mainNav #worldLink a, .money #headerInner .mainNav #moneyLink a, .health #headerInner .mainNav #healthLink a, .sports #headerInner .mainNav #sportsLink a, .entertainment #headerInner .mainNav #entertainmentLink a, .weather #headerInner .mainNav #weatherLink a, .video #headerInner .mainNav #videoLink a, .photos #headerInner .mainNav #photosLink a, .events #headerInner .mainNav #eventsLink a, .traffic #headerInner .mainNav #trafficLink a, .programs #headerInner .mainNav #programsLink a, .schedule #headerInner .mainNav #scheduleLink a, .globNat #headerInner .mainNav #globNatLink a, .contests #headerInner .mainNav #contetsLink a, .personalities #headerInner .mainNav #personalitiesLink a { color: #e51b24; } .globNat #headerInner .mainNav #videoLink a, .globNat #headerInner .mainNav #homeLink a { color: #fff !important; } #headerInner .mainNav li a:hover { color:#e41b23; text-decoration:none; } #headerInner .mainNav li { padding: 0 10px 0 8px; height: 38px; line-height: 38px; } #headerInner .mainNav { background:url(../../images/global/GlobalNews_Main_Header_divider.gif) top left no-repeat; } #headerInner .mainNav li { background:url(../../images/global/GlobalNews_Main_Header_divider.gif) top right no-repeat; } #headerInner > .mainNav { background:url(../../images/global/GlobalNews_Main_Header_divider.png) top left no-repeat; } #headerInner > .mainNav li { background:url(../../images/global/GlobalNews_Main_Header_divider.png) top right no-repeat; } #headerInner #bannerLink { background:url(../../images/logo/GlobalNews_logo_190x100.gif) top left no-repeat; width:190px; height:100px; bottom: 50px; } #headerInner > #bannerLink { background:url(../../images/logo/GlobalNews_logo_190x100.png) top left no-repeat; } #canadadotcomLink { float:left; } .headerNetworkSelector #canadadotcomLogo { background:url(../../images/logo/globaltvcanadatv.gif) top left no-repeat; width:178px; height:18px; } .headerNetworkSelector #canadadotcomLink { width:178px; height:18px; } .headerNetworkSelector #canadadotcomLink > #canadadotcomLogo { background:url(../../images/logo/globaltvcanadatv.png) top left no-repeat; } .headerNetworkSelector { float:right; /*margin-right:10px;*/ } .headerNetworkSelector select{font-size:0.9em} .headerNetworkSelectorForm { display:inline; padding:5px 0 0 5px; } /********************************************* FOOTER *********************************************/ #footerOuter {text-align: center; background-color: #222222; margin:0 auto; position:relative; height: 300px; border-top: solid 2px #FF3333;padding:20px 0;} #footerOuter #footerAd{text-align:center;margin:0 auto;z-index:10011;width:728px;height:90px;} #footerOuter #footerWrapper{ text-align: center; margin:0 auto; position:relative; width:800px; } #footerOuter #chevron{position:relative; width: 70px; height: 81px; float: left; display:inline; left: 70px; top: 15px;} #footerNetworkWrapper{text-align: center; position:relative; width:600px; padding:0px; margin:0 auto; float: left; display:inline;top: 27px; left: 80px;} #footerNetworkWrapper ul{left: 100px; margin:0 auto; text-align: center;} #footerNetworkWrapper ul li{float:left; margin:0; height:18px;line-height:18px; list-style:none; color:#999999;} #footerNetworkWrapper ul li a{color:#CCCCCC; text-decoration:none; font-size:8pt; padding: 2px 4px 2px 4px;} #footerNetworkWrapper li a:hover{text-decoration:underline;} #footerOuter #footerCopy{position:relative; color: #999999; top: 20px; font-size:8pt; float:left; margin:0 auto; width:487px;} /*----Traffic------*/ .trafficLinks a img{ float:left; display:inline; margin-right:10px; } .trafficLinks li{ clear:left; } .traffic ol{ padding-left:50px; } .traffic ol li{ list-style-type:decimal; padding-bottom:4px; } .traffic p{ padding-top:10px; padding-bottom:10px; } .traffic img{ padding-top:10px; } .trafficImgList li{ min-height:60px; background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) bottom left repeat-x; padding-top:10px; padding-bottom:10px; clear:both; } .trafficImgList li a{ font-size:10pt; } .webCamLinks{ background:#cccccc; padding-bottom:10px; } /*---- /Traffic------*/ /*-------- Common ------------*/ h4 { font-size:8pt; line-height:16px; font-weight:normal; color:#444444; font-weight:bold; background:url(../../images/global/h4HeaderBG_bullet.gif) 0 5px no-repeat; padding-left:10px; padding-bottom:10px; } h3{ margin-top:10px; } h6{ font-size:8pt; font-weight:normal; color:#444444; font-weight:bold; margin-top:10px; margin-bottom:10px; } .listBorder li { background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) top left repeat-x; padding-top:10px; padding-bottom:10px; clear:both; } .listBorder .listLast, .listBorder .first{ background:none; padding-top:10px; } .listNoBorder { background:none; padding:0px; } .listBorder li{ padding-top:10px; padding-bottom:10px; } .widgetTitleListHolder, .widgetMediaListHolder, .mediaTilesTopDoubleLineBorder div{ background:url(../../images/global/border_doubleDotted_cccccc_repeatX.jpg) repeat-x top left; margin-top:20px; padding-top:10px; } .bottomBorderWrapper{ background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x bottom left; padding-bottom:5px; } .mediaTilesTopSingleLineBorder div{ background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x top left; padding-top:10px; } /*-------- /Common ------------*/ /*----News Alert------*/ .newsAlertSubmitButton{ width:70px; height:24px; background:url(../../images/global/OnTheGo/submit.jpg) top left no-repeat; margin-left:240px;} .newsAlertSubmitButton a{ width:70px; height:24px; float:left;} .newsAlertSubmitButton a span{display:none;} .newsAlerts h2{ font-size:12pt; padding-top:10px; padding-bottom:10px; color:#444444; } .newsAlerts h5{ padding-top:10px; padding-bottom:10px; color:#444444; } .newsAlerts h5 span{ color:#999999; font-size:7pt; font-weight:normal; } .newsAlerts .inputField{ display:inline; float:left; width:220px; text-align:left; padding-top:5px; } .errorMsg{ color:#FF0000; } .errorMsg span{ font-weight:bold; } /*---- /News Alert------*/ /*-- onTheGo.inc --*/ .onTheGo{ text-align:center; } onTheGoHr{ background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x bottom left; height: inherit; overflow: auto; padding-bottom: 5px; } /*-- onTheGo.inc --*/ /* -- Weather -- */ #iframeWeather body { background-color: #fff; } /*------ Right Rail Weather ------*/ #widgetWeatherWrap { background: #BFD3DF url(../../globaltv/images/features_box_top.gif) repeat-x scroll left top; margin: 0 0 0 10px; padding: 0 0 10px 0; } #widgetWeather { position: relative; top: 0; left: 10px; } .widgetWeatherLinks a { font-weight: bold; } /*------ /Right Rail Weather ------*/ /*----- Right Rail Header -----*/ .rrHeader { background: url(../../images/global/rrSectHead.jpg) no-repeat left top; width: 267px; font-size: 11px; color: #fff; padding: 0 10px 0 23px; margin: 10px 0 2px 0; height: 24px; vertical-align:baseline; text-transform: uppercase; line-height: 24px; vertical-align:top; } /* ----- general -----*/ .redText { color:#f00; vertical-align: top; } .boldText { font-weight:bold; } .dottedBottom { background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x left bottom; padding-bottom: 3px; } h6.adTag { font-size: 9px; color: #CCC; margin: 10px auto 0 auto; line-height:normal; font-weight:normal; text-align:center; } /* ----- /general -----*/ /* ----- Focus Ontario -----*/ #widgetFeatureList { width: 620px; padding: 10px 0;} .widgetTopList { padding: 10px 0; background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x left bottom #EDEDED; } .widgetTopList p { margin: 0 10px; font-size: 11px;} .widgetList { padding: 10px 0; background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x left bottom;} .widgetList a { } .widgetList h2 { } /* ----- /Focus Ontario -----*/ /* ------ Community Events -----*/ .communityEvents #widgetFeatureTilesEvents li span a{ font-size:12pt; } #widgetMediaListEvents li{ margin-top:0px; } /* ------ /Community Events -----*/ /* ------ Contests -----*/ #widgetFeatureTilesContest li{ clear:left; background:url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x top left; margin-top:20px; padding-top:10px; } #widgetFeatureTilesContest li first{ background:none; } /* ------ /Contests-----*/ /* ----- Morning News Calgary Personalities ----- */ #widgetMediaList_morningNews_Cal_personalities .odd { clear: left; } #widgetMediaList_morningNews_Cal_personalities .even { } #widgetMediaList_morningNews_Cal_personalities p { margin-left: 70px; margin-bottom: 0; } #widgetMediaList_morningNews_Cal_personalities img { margin: 0 10px 0 0; } #widgetMediaList_morningNews_Cal_personalities li, .personalities #group1 li, .personalities #group2 li, .personalities #group3 li { background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x left top; padding-top: 10px; margin-top: 0; } #widgetMediaList_morningNews_Cal_personalities .item_1, #widgetMediaList_morningNews_Cal_personalities .item_2, .personalities #group1 li.item_1, .personalities #group1 li.item_2, .personalities #group2 li.item_1, .personalities #group2 li.item_2, .personalities #group3 li.item_1, .personalities #group3 li.item_2 { background-image: none; } /* ----- /Morning News Calgary Personalities ----- */ /* --- Everyday Hero --- */ #eh_educators ul li { padding-left: 15px; } body.everyDayHero #terColumn #widgetVideoSliderRR{ margin-top: 0px; } /* Everyday Hero */ /*-----------------master/secondarySection.html -------------------*/ #widgetTitleListLinks h4, #widgetTitleListTools h4{ font-size:8pt; line-height:15pt; font-weight:normal; color:#444444; font-weight:bold; text-transform: uppercase; background:url(../../images/global/headerBG_bullet_bottomDoubleDottedLine.gif) bottom left no-repeat; padding-bottom:5px; text-indent: 8px; padding-left:0px; } /*----------------- /master/secondarySection.html -------------------*/ /*----------- Personalites Page -------------------*/ body.programs #programList li { background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x left top; padding-top: 10px; margin-top: 0; } body.programs #programList li.item_1, body.programs #programList li.item_2 { background: none; } body.programs #group1 p, body.programs #group2 p, body.programs #group2 p { margin:0; } body.about .widgetMediaList_globalNational_personalities .odd { clear: left; } #subheader { margin:0 0 0 10px; padding:0px; position:relative; clear:both; width: 620px; z-index:10000; height: 26px; background-color: #242424; border-top: solid 1px #FFFFFF; border-bottom: solid 2px #e91927; text-indent: 10px; } #subheader li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding-top:0px; border-right: solid 2px #191919; text-align: center; } #subheader a { color: #FFFFFF; font-weight: bold; font-size: 1.1em; padding-right: 20px; padding-left: 10px; line-height: 26px; } #subheader a:hover { color: #e91927; text-decoration: none; } .subheader-home #subheader #homeLink { color: #E91927; font-weight: bold; font-size: 1.1em; padding-right: 20px; padding-left: 10px; line-height: 26px; } .subheader-about #subheader #aboutLink { color: #E91927; font-weight: bold; font-size: 1.1em; padding-right: 20px; padding-left: 10px; line-height: 26px; } .subheader-blog #subheader #blogLink { color: #E91927; font-weight: bold; font-size: 1.1em; padding-right: 20px; padding-left: 10px; line-height: 26px; } .subheader-video #subheader #videoLink { color: #E91927; font-weight: bold; font-size: 1.1em; padding-right: 20px; padding-left: 10px; line-height: 26px; } .subheader-podcast #subheader #podcastLink { color: #E91927; font-weight: bold; font-size: 1.1em; padding-right: 20px; padding-left: 10px; line-height: 26px; } /*----------- /Personalites Page -------------------*/ /*-------------- PHOTOS ----------------*/ .photos #widgetFeatureTilesPhotos li span a{ font-size:12pt; } #widgetFeatureTilesPhotos { padding: 0; } #widgetFeatureTilesPhotos .rrPhotowLine { background: url(../../images/global/dottedline_1px_cccccc_repeaty.png) repeat-y scroll 159px top; margin: 0; padding: 0 10px; } #widgetFeatureTilesPhotos a.moreLink { font-size: 9px; } /*-------------- /PHOTOS ----------------*/ /* --- National Podcast Page Style --- */ .button_onthego { background:transparent url(../../images/global/button_click_bg.gif) no-repeat scroll 0 0; color:#336699; display:block; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; height:16px; margin:0 8px 0 0; padding:4px 2px 3px; text-align:center; text-decoration:none; vertical-align:middle; width:115px; } /* --- /National Podcast Page Style --- */ /* --- TV Production page --- */ fieldset#tvp_contact, fieldset#moreWeather { border: 0; margin: 0; padding: 0; } #sbnPromoWrapper { /* position:relative; */ } #sbnPromoWrapper .promoContent { position:relative; width:150px; left:10px; } #sbnPromoWrapper .promoContent .promoAbstract { position:absolute; /* top:20px; */ width:150px; } #sbnPromoWrapper .promoContent a { position:absolute; top:85px; } #onTheGoRightrailWrapper #onTheGoRightrail ul { overflow:hidden; } #onTheGoRightrailWrapper #onTheGoRightrail li { padding-left:0px; padding-right:0px; width:52px; overflow:visible; text-align:center; } #onTheGoRightrailWrapper #onTheGoRightrail ul li:first-child { padding-left:2px; text-align:left; width:46px; } #onTheGoRightrailWrapper #onTheGoRightrail ul li:first-child a { width:40px; text-align:center; } #onTheGoRightrailWrapper #onTheGoRightrail ul li:last-child { padding-right:0px; text-align:right; width:46px; float:right; } #widgetFeatureTilesPhotos h4 { font-weight:normal; } /* Breaking News */ #breakingNews { background:url(../../images/global/breakingNewsAlertBg_repeatX.jpg) repeat-x; background-position:0 0; margin:10px 0; overflow:hidden; text-transform:uppercase; position:relative; } #breakingNews #breakingNewsLink { display:block; text-indent:20px; font-weight:bold; font-size:10pt; position:absolute; top:0px; left:0px; width:960px; z-index:20; } #breakingNews #breakingNewsHeadline { background: url(../../images/global/breakingNewsAlertLeftArrowCover.gif) repeat-x top left; width:740px; position:absolute; top:0px; right:0px; z-index:10; } #breakingNews > #breakingNewsHeadline { background: url(../../images/global/breakingNewsAlertLeftArrowCover.png) repeat-x top left; } #breakingNews #breakingNewsTitle, #breakingNews #breakingNewsAbstract { margin-left:20px; } #breakingNews, #breakingNews #breakingNewsLink, #breakingNews #breakingNewsTitle, #breakingNews #breakingNewsAbstract, #breakingNews #breakingNewsHeadline { height:36px; line-height:36px; } #breakingNews a { text-decoration:none; } #breakingNews #breakingNewsTitle a { color:#000; } .NewSearch #syndication, .NewSearch #syndication1, .NewSearch #syndication2, .NewSearch #syndication3, .NewSearch #syndication4, #VideoSearch .SearchGo, .NewSearch .NSContainer .SearchGo { float:left; } #widgetMediaListShare > ul > li, #widgetMediaListTips > ul > li { padding-bottom: 5px; margin-bottom: 0px; } .showPromoWidget .promoContent { height: 210px; position: absolute; } .showPromoWidget .promoContent a { position: absolute; bottom: 10px; } .doubleRule { border: 0px; height: 3px; float: left; background:url(../../images/global/border_doubleDotted_cccccc_repeatX.jpg) top left repeat-x; } .singleRule { border: 0px; height: 1px; float: left; background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) top left repeat-x; } .farmList .singleRule { margin-bottom:0px; } .farmList h4 { padding-bottom:0px; } .farmList .widgetTitleList li { padding-top:6px; padding-bottom:6px; } /* --- Home pages --- */ .home .widgetMediaList li, #widgetMediaListRRTopStories li{ /* background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x scroll left bottom; */ } #storyPage .storyTools { border:1px solid #a3b9d4; background-color: #e1f1fd; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 3px 5px 3px 5px; width: 612px; height: 18px; overflow:hidden; float:left; clear:both; margin-top:15px; margin-bottom:15px; color:#336699; } #storyPage .storyTools .print { padding-left: 18px; background: url(../../images/global/storytools/story_print.gif) no-repeat 0 0; width:30px; margin-right:15px; } #storyPage .storyTools .share { padding-left: 15px; background: url(../../images/global/storytools/story_share.gif) no-repeat 0 0; width:35px; margin-right:15px; } #storyPage .storyTools .email { padding-left: 16px; background: url(../../images/global/storytools/story_email.gif) no-repeat 0 0; width:35px; margin-right:15px; } #storyPage .storyTools .facebook { padding-left: 15px; background: url(../../images/global/storytools/story_facebook.gif) no-repeat 0 0; width:56px; margin-right:15px; } #storyPage .storyTools .twitter { padding-left: 26px; background: url(../../images/global/storytools/story_twitter.gif) no-repeat 0 0; width:40px; margin-right:15px; } .home #widgetMediaListEvents .first { margin-bottom:10px; background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x scroll right bottom; float:left; padding-bottom:0px; } #eventCalMonth { width:140px; clear:none; float:left; } #EventCalDetail { width:160px; clear:right; float:right; } #EventCalDetail img { margin-bottom:10px; } .control-divider { background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x scroll right top; height:1px; margin-bottom:5px; margin-top:5px; } #widgetMediaListEvents.widgetMediaList p { margin-bottom:10px; } /*--- Quick Poll for News ---*/ .em_poll_header { background: url(http://www.globaltvedmonton.com/commonUI/css/images/global/em_quickpoll_bar.gif) no-repeat left top; } /*--- /Quick Poll for News ---*/ .home #widgetMediaListEvents .first { margin-bottom:10px; background: url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x scroll right bottom; float:left; padding-bottom:0px; } /*--- Show Rotator for News ---*/ #em_showRotatorWrap { background: url(http://www.globaltvedmonton.com/images/global/em_showrotator_bg.jpg) no-repeat top left; min-height:235px; } /*--- /Show Rotator for News ---*/ .hidden { display: none; } #widgetFeatureTiles_newsContest .odd { margin-left:0px; } #widgetFeatureTiles_newsContest .even { margin-right:0px; } /***************************** Widgets *****************************/ /* Media List Personalities */ body.personalities .widgetMediaList li.odd { clear:left; } body.personalities .widgetMediaList p.abstract { padding-left:150px; margin: 0; } /* Component containers------------------*/ .ui-widget { } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { } .ui-widget-content { } .ui-widget-header { } .ui-widget-header a { } /* Tabs----------------------------------*/ .widgetTabbedSections { clear: both; margin-top: 8px; margin-bottom: 8px; } .widgetTabbedSections .tabsList { margin: 0 0 0 10px; overflow: auto; background: transparent url(../../images/global/widget_tabbedSections_ul_bg.gif) repeat-x bottom left; } .widgetTabbedSections .tabsList li { position: relative; float: left; margin: 0 1px 0 0; padding: 2px 5px 2px 5px; border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #ccc; background: #fff url(../../images/global/widget_tabbedSections_tabBg.gif) repeat-x top left;} .widgetTabbedSections .tabsList li a { float: left; text-decoration: none; padding: 2px 5px 2px 5px;} .widgetTabbedSections .tabsList li.ui-tabs-selected { border: solid 1px #ccc; border-bottom: solid 1px #ededed; background-color:#ededed; background-image: none; } .widgetTabbedSections .tabsList li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .widgetTabbedSections .tabsList li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .widgetTabbedSections .tabsList .ui-tabs-panel { padding: 5px 7px; display: block; border-width: 0; } .widgetTabbedSections .tabsList .ui-tabs-hide { display: none !important; } .widgetTabbedSections .tabsList li a { font-size: 8pt; color: #069; font-weight: bold;} .widgetTabbedSections .tabsList li a:focus {outline: none;} .widgetTabbedSections .tabsList li.ui-tabs-selected a, .widgetTabbedSections .tabsList li.ui-state-disabled a, .widgetTabbedSections .tabsList li.ui-state-processing a { cursor: text; color: #000000;} .widgetTabbedSections .tabsList div.headlineDescriptionDiv {display: none; height: 250px; background-color: #FFF; width:220px; font-family: Verdana; font-size: 10pt; float: left; } .widgetTabbedSections .tabsList div.selected {display: block; float: left;} .widgetTabbedSections .tabsContainer { display:none; clear: both; border-right: solid 1px #CCC; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; background: #fff url(../../images/global/widget_tabbedSections_bg.gif) repeat-y top left; width:619px; } .widgetTabbedSections .itemMediaAbstract { width: auto; margin:0 0 0 379px; padding: 10px 0 10px 10px; } .widgetTabbedSections .itemMediaAbstract { margin:0 0 0 375px; } .widgetTabbedSections .tabList>.itemMediaAbstract { margin:0 0 0 379px; position:relative; } .widgetTabbedSections .itemMediaAbstract h4 { width: 210px; line-height: 16px; background-image: none; padding-left: 0px; padding-bottom: 5px; margin-top:5px; font-size: 12px; font-weight: normal; } .widgetTabbedSections .itemMediaAbstract p.abstract { width: 220px; clear:none; } .widgetTabbedSections h5 { font-size:0.9em; clear:left; float:left; width:300px; padding: 2px 0 6px 12px; } .widgetTabbedSections .tabTitleList { padding: 5px 0 0 0; width:378px; margin: 0 0 0 0; float:left; } .widgetTabbedSections .tabListAll { float:left; width: 360px; margin: 0 0 0 10px;} .widgetTabbedSections .tabListAll a { font-size: 1.0em; font-weight: bold; color: #069; text-decoration: none; } .widgetTabbedSections .tabTitleList li { font-size: 8pt; font-weight: normal; color: #cc0000; line-height: 17px; margin: 0 0 0 8px; padding: 5px 7px 5px 20px; list-style:none outside; position:relative; z-index: 10; background: transparent url(../../images/global/bullet_4px_e51b24.jpg) no-repeat 8px 12px; } .widgetTabbedSections .tabTitleList li.selected{ } .widgetTabbedSections .tabTitleList li a { text-decoration: none; color: #069; display:block; outline:none; } .widgetTabbedSections .tabTitleList li a.readyToClick:hover { text-decoration: underline; } /* lavalamp effects */ .widgetTabbedSections .tabTitleList li.backLava { position: absolute; z-index:8; display: block; background-color:#FFF; border-bottom: solid 1px #CCC; border-top: solid 1px #CCC; border-left: solid 1px #CCC; margin: 0; /* 0 0 8px;*/ padding: 0; background-image: none; } /* */ .widgetTabbedSectionsEditorPicks { clear: both; margin-top: 8px; margin-bottom: 8px; /*margin-right: 0; width: 630px;*/ } .widgetTabbedSectionsEditorPicks .tabsList { margin: 0; overflow: auto; background: transparent url(../../images/global/widget_tabbedSections_ul_bg.gif) repeat-x bottom left; } .widgetTabbedSectionsEditorPicks .tabsList li { position: relative; float: left; margin: 0 1px 0 0; padding: 2px 5px 2px 5px; border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #ccc; background: #fff url(../../images/global/widget_tabbedSections_tabBg.gif) repeat-x top left;} .widgetTabbedSectionsEditorPicks .tabsList li a { float: left; text-decoration: none; padding: 2px 5px 2px 5px;} .widgetTabbedSectionsEditorPicks .tabsList li.ui-tabs-selected { border: solid 1px #ccc; border-bottom: solid 1px #fff; background-color:#fff; background-image: none; } .widgetTabbedSectionsEditorPicks .tabsList li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .widgetTabbedSectionsEditorPicks .tabsList li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .widgetTabbedSectionsEditorPicks .tabsList .ui-tabs-panel { padding: 5px 7px; display: block; border-width: 0; } .widgetTabbedSectionsEditorPicks .tabsList .ui-tabs-hide { display: none !important; } .widgetTabbedSectionsEditorPicks .tabsList li a { font-size: 8pt; color: #069; font-weight: bold;} .widgetTabbedSectionsEditorPicks .tabsList li a:focus {outline: none;} .widgetTabbedSectionsEditorPicks .tabsList li.ui-tabs-selected a, .widgetTabbedSectionsEditorPicks .tabsList li.ui-state-disabled a, .widgetTabbedSectionsEditorPicks .tabsList li.ui-state-processing a { cursor: text; color: #000000;} .widgetTabbedSectionsEditorPicks .tabsList div.headlineDescriptionDiv {display: none; height: 250px; background-color: #FFF; width:220px; font-family: Verdana; font-size: 10pt; float: left; } .widgetTabbedSections .tabsList div.selected {display: block; float: left;} .widgetTabbedSectionsEditorPicks .tabsContainer { display:none; clear: both; border-right: solid 1px #CCC; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; background: #fff; width:378px; overflow-x: hidden; } .widgetTabbedSectionsEditorPicks h5 { font-size:0.9em; /*width:auto;*/ padding: 2px 0 6px 12px; } .widgetTabbedSectionsEditorPicks .itemMediaAbstract { display: none; } .widgetTabbedSectionsEditorPicks .tabTitleList { padding: 5px 0 0 0; width:378px; margin: 0 0 0 0; } .widgetTabbedSectionsEditorPicks .tabListAll { float:left; width: 360px; margin: 0 0 0 10px;} .widgetTabbedSectionsEditorPicks .tabListAll a { font-size: 1.0em; font-weight: bold; color: #069; text-decoration: none; } .widgetTabbedSectionsEditorPicks .tabTitleList li { font-size: 12px; font-weight: normal; color: #cc0000; line-height: 17px; margin: 0 0 0 8px; padding: 5px 7px 5px 20px; list-style:none outside; position:relative; z-index: 10; background: transparent url(../../images/global/bullet_4px_e51b24.jpg) no-repeat 8px 12px; } .widgetTabbedSectionsEditorPicks .tabTitleList li.selected{ } .widgetTabbedSectionsEditorPicks .tabTitleList li a { text-decoration: none; color: #069; display:block; } .widgetTabbedSectionsEditorPicks .tabTitleList li a:hover { text-decoration: underline; } .widgetTabbedSectionsEditorPicks #editorPicksTabs { width: 380px; float: left; } .widgetTabbedSectionsEditorPicks #editorPicksContainer { display:none; width: 230px; overflow-x: hidden; /*height: 260px;*/ margin: 22px 0 0 387px; position: relative; } .widgetTabbedSectionsEditorPicks > #editorPicksContainer { margin: 17px 0 0 390px; } .widgetTabbedSectionsEditorPicks .editorPicksList { width: 240px; height: 63px; overflow: hidden; /*margin-top: 8px;*/ } .widgetTabbedSectionsEditorPicks .editorPicksList li { /*display: inline;*/ display: block; float: left; margin: 5px 10px 0 0; /*width: 70px;*/ } .widgetTabbedSectionsEditorPicks .editorPicksList li a { display:block; margin-top: 8px; } .widgetTabbedSectionsEditorPicks .editorPickContainer { border: 5px solid #ccc; padding: 10px; width: 200px; margin-top: 12px; height: 168px; overflow-y: hidden; } .widgetTabbedSectionsEditorPicks .editorPicksTitle { color:#6699CC; background:url(../../images/global/headerBullet_e51b24_w5_h7.jpg) 0px 4px no-repeat; font-weight:bold; text-transform: uppercase; padding-left:8px; position: absolute; top: 88px; left: 15px; width: auto; } .widgetTabbedSectionsEditorPicks .editorPickAbstract { padding-top: 20px; } .widgetTabbedSectionsEditorPicks .editorPickAbstract h4 { background: transparent; padding: 0 0 2px 0; width: 190px; } /* lavalamp effects */ .widgetTabbedSectionsEditorPicks .editorPicksList li.backLava { position: absolute; z-index:8; display: block; margin: 0; padding: 0 0 23px 0; background: transparent url(../../images/global/widget_tabbedSectionsEditorPicks_backLava.gif) no-repeat top left; } /***************************** Search *****************************/ /*#SearchSorting a {color:#dc1c24;}*/ .NewSearch {color:#FFF; background-color:#1A1A1A; /*width:560px;*/ margin-top: 10px; overflow:auto;} .NewSearch a { float:none; } .NewSearch .NSContainer { margin: 10px 10px 0 10px; } .NewSearch ul {width:560px; margin:10px; color:#666; font-size:0.82em; /*overflow:auto;*/ height: 14px; } .NewSearch ul li { margin:0 10px 0 0; float: left; } .NewSearch ul li a { margin:0 10px 0 0; color:#B42816; text-decoration:underline;} .NewSearch ul li a:hover { text-decoration:none;} ul.SearchPagination li, ul.SearchPagination li a { font-weight: bold; } /*ul.SearchPagination li a {color:#dc1c24;} ul.SearchPagination li a:hover {color:#dc1c24;} .SearchVideoResults p a, .SearchResults p a {color:#dc1c24;}*/ .Video2PlayOverLay a { float: left; } .Video2PlayOverLay a.PlayButton {float:right; width:16px; height:16px; display:block; padding:0; margin-right:4px; margin-top:-20px; background: url(http://a123.g.akamai.net/f/123/41524/1d/www.globaltv.com/entertainment/media/images/global/videoplaybt.gif) no-repeat scroll left top} #SearchShowBG { background: url(http://a123.g.akamai.net/f/123/41524/1d/www.globaltv.com/entertainment/media/images/global/searchshowpromobg.gif) no-repeat left top; /*width:550px;*/ height:139px; margin:10px 10px 0 10px; padding:10px 15px 0;} #SearchShowBG a { float:left; } .C10GreyBox {background-color:#f5fafe; border:solid 1px #dde6f1;} #VideoSearch .SearchGo, .NewSearch .NSContainer .SearchGo { background: url(http://a123.g.akamai.net/f/123/41524/1d/www.globaltv.com/entertainment/media/images/global/globalnavsearchgo.gif) no-repeat top left; cursor:pointer; width:43px; height:24px; border:0; display:inline; } #VideoSearch .SearchTextBox, .NewSearch .NSContainer .SearchTextBox { float:left; height:14px; display:inline; margin:0 5px 0 0; padding:4px 8px; width:120px;} #VideoSearch .SearchTextBox, .NewSearch .NSContainer .SearchTextBox, .NewSearch .SIContainer #SearchIn {background: #CCC url(http://a123.g.akamai.net/f/123/41524/1d/www.globaltv.com/entertainment/media/images/global/globalnavsearchback.gif) repeat-x bottom left; border:1px solid #4D4D4D;} #VideoSearch #SearchGo {padding:3px 0 0 0;} /* #SearchShowText {width:68%; float:right; padding:5px 0 0 0;} #SearchShowText h5, #SearchShowText h4, #SearchShowText a {width:100%;} #SearchShowText h1 { margin:0 0 10px 0;} #SearchSorting {margin:10px 0 0 0; font-size:9px;} #SearchSorting a {float:none; margin:0 3px 0 0;} */ .SNSTitles {margin:7px 5px 0 0; float: left; } .SIContainer {margin:0 0 0 20px;} ul.SearchPagination {/*width:580px;*/ text-align:center; margin:10px 0 0 0; clear:both; } ul.SearchPagination li {float:none; display:inline; margin:0 3px 0 0;} ul.SearchPagination li a {float:none;} /*.SearchResults h4, .SearchResults p {/*width:100%;*/ clear:both;}*/ .SearchResults { border-bottom: dotted 1px #999; /*width:580px; padding:10px 0;*/ } .SearchVideoResults .layout { /*width: 80px;*/ padding: 0 20px 10px 0; min-height:100px; height:auto !important; height:100px; /*overflow: auto;*/ } .SearchVideoResults .layout h5 { width: 100px; /*margin-right: 20px;*/ } .SearchVideoResults .first { clear:left; } .SearchVideoResults { /*border-bottom: dotted 1px #999;*/ background: transparent url(../../images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x bottom left; /* overflow:auto; */ /*overflow-x:auto; overflow-y:auto;*/ clear:left; zoom: 1; /*padding: 0 0 10px 0;*/ } .VideoSearchResult { clear:both; min-height:80px; height:auto !important; height:80px; margin-bottom: 10px; } .VideoSearchResult h4, .VideoSearchResult p { margin-left: 120px; width: auto; } /* --- Everyday Hero Stylesheet --- */ .hero_tagline { text-indent: -9999px; line-height:10px; background: url(../../images/hero/hero_tagline.jpg) left bottom no-repeat; padding-bottom: 13px;} #hero_signature { background: url(../../images/hero/kevinNewmanSignature.jpg) left top no-repeat; line-height: 150px; vertical-align: baseline; height:83px; font-style: italic;} a#hero_profile_btn { display: block; margin-top: 10px; width: 222px; height: 38px; background: url(../../images/hero/hero_watchBtn.jpg) no-repeat top;} a#hero_profile_btn:hover { background: url(../../images/hero/hero_watchBtn.jpg) no-repeat bottom;} #hero_nominate { text-indent: -9999px; line-height:90px; background: url(../../images/hero/hero_nominate.jpg) left top no-repeat; margin-bottom: -8px;} #mainContentRightArea form { width: 198px; border: #CCC solid; border-width: 0 1px; padding: 0 10px 8px; margin-top: -45px; } form#everydayHeroForm label { line-height: 23px; } form#everydayHeroForm input, form#everydayHeroForm textarea { width: 185px; } form#everydayHeroForm .hero_submitBtn {width: 70px; margin-top: 6px; } #hero_educators { text-indent: -9999px; line-height:10px; background: url(../../images/hero/hero_educators.jpg) left top no-repeat; padding-bottom: 8px;} #widgetFeatureTiles_heroprofile div.odd { clear:left; } .everyDayHero #bottomBreak { width: 222px; height: 9px; background: url(../../images/hero/hero_formBottom.jpg) left top no-repeat ; margin-bottom: -8px; z-index:1000; } .everyDayHero #widgetFeatureTiles_heroprofile div.col_04 { background:transparent url(../../images/global/dottedLine_1px_CCCCCC_repeatX.gif) repeat-x scroll left top; margin-top:0; padding-top:10px; } .everyDayHero #widgetFeatureTiles_heroprofile div.item_1, .everyDayHero #widgetFeatureTiles_heroprofile div.item_2 { background: none; } .centered { text-align: center; } .redEm { color:#f00; font-weight:bold; } /* Right Sidebar */ #chooseRegion { padding-top: 10px; margin-bottom:5px; } /* Forecast4Me */ #f4m_header { } #f4m_tagline { text-indent: -9999px; line-height:30px; background: url(../../images/weather/f4m_description.jpg) -10px bottom no-repeat; padding-bottom: 13px;} #f4m_nav { padding-top: 10px; } #f4m_nav span { display: block; } a#f4m_signup, a#f4m_login { display: block; padding-top: 10px; } a#f4m_signup { display:block; width: 182px; height: 37px; background: url(../../images/weather/signup.jpg) no-repeat bottom; } a#f4m_signup:hover { background:url(../../images/weather/signup_o.jpg) no-repeat bottom; } a#f4m_login { display:block; width: 182px; height: 37px; background: url(../../images/weather/login.jpg) no-repeat bottom; } a#f4m_login:hover { background:url(../../images/weather/login_o.jpg) no-repeat bottom; } #f4m_everyday { text-indent: -9999px; line-height:19px; background: url(../../images/weather/f4m_everyday.jpg) left top no-repeat;} #f4m_freeText { text-indent: -9999px; line-height:90px; background: url(../../images/weather/f4m_all4free.jpg) left 26px no-repeat; margin-bottom: -8px;} #f4m_freeList { width: 218px; border: #CCC solid; border-width: 0 1px; padding-bottom: 8px; } #f4m_freeList li { margin: 0 0 12px 0; } #f4m_freeList span{ display: block; padding-left: 15px; } #f4m_freeList a { margin-left: 0px; } #f4m_bottom { background: url(../../images/weather/f4m_all4freeBottom.jpg) left top no-repeat; height: 6px; } /* ---- New Weather Widget ---- */ #ww_forecastBC, #ww_forecastCalgary, #ww_forecastEdmonton, #ww_forecastLethbridge, #ww_forecastSaskatoon, #ww_forecastRegina, #ww_forecastWinnipeg, #ww_forecastOntario, #ww_forecastQuebec, #ww_forecastMaritimes { display: none; } #ww_forecastBC, #ww_forecastCalgary, #ww_forecastEdmonton, #ww_forecastLethbridge, #ww_forecastSaskatoon, #ww_forecastRegina, #ww_forecastWinnipeg, #ww_forecastOntario, #ww_forecastQuebec, #ww_forecastMaritimes { background: url(../../images/weather/weather_bg.jpg) repeat-x top left; min-height: 149px; } #ww_forecast { background: url(../../images/weather/weather_bg.jpg) repeat-x top left; } .ww_day, .ww_condition, .ww_temperature { font-size: 9px; font-weight: bold; text-align:center; } .ww_day { width: 88px; display:inline; padding: 10px 5px; float: left; border-left: 2px #fff solid; border-bottom: 1px #ccc dotted; } .ww_day.first { border-left: none; border-bottom: 1px #ccc dotted; } .ww_condition, .ww_temperature { margin: 0 0 5px 0; } .ww_condition { height:32px; } .ww_temperature { background: url(../../images/weather/ww_temp_bg.jpg) center top no-repeat; height: 20px; line-height: 20px; } #ww_forecast_title { background-color:#DCE9EB; height: 20px; width: 270px; font-size: 11px; line-height:18px; } #ww_forecast_title span:first-child { font-weight:bold; color: #336699; } .weatherLinkWrap { background: url(//http://images/global/dottedLine_1px_CCCCCC_repeatX.png) repeat-x top left; } #widgetVideoSliderRR iframe{ z-index:0; }