/* News CSS Document */



body {margin: 0px; font-family: Arial, Helvetica, sans-serif; min-width:990px}



p {font-size: 12px}



h3 {font-size: 11px}



div.clear {clear: both; height: 7px; margin: 0px; padding: 0px}



div.clear2 {clear: both; height: 2px; margin: 0px; padding: 0px}



.adHeader {background: url(banner-01-bkgrnd.gif) repeat-x scroll 0px 0px; width: 100%;  height: 100px;}


.adHeaderblack {background: url(banner-01-bkgrnd-1.gif) repeat-x scroll 0px 0px; width: 100%; padding-bottom: 5px; min-height: 100px;}



.adTop {

			width: 728px; 

			margin: 0px auto; 

			padding-top: 4px;

			min-height: 90px;

			height:auto;

		}



.headerBackgrond {background: transparent url(bg_stretch.jpg) repeat-x scroll 0px 0px; width: 100%}

.headerBackgrond2010 {background: transparent url(bg_2010stretch.jpg) repeat-x scroll 0px 0px; width: 100%}

.headerBackgrondsub {background: transparent url(bg_stretchsub.jpg) repeat-x scroll 0px 0px; width: 100%}		



.newsHeader {

				background: url(newsHeader.jpg) transparent no-repeat scroll 50% 0px;

				width: 100%;

				height: 100px;

			}

			

.newsHeader2010 {

				background: url() transparent no-repeat scroll 50% 0px;

				width: 100%;

				height: 110px;

			}			



.topNav {/*width: 960px;*/ width: 981px; height: 109px; margin: 0px auto}



.CTVlogo {float: left; background-color: transparent; text-indent:-30000px; width: 195px; height: 90px; margin: 4px 0px 0px; overflow: hidden}



.CTVlogo a {width: 100%; height:100%; display:block}



.mainnav-info {float: right; padding: 0px 0px 3px; /*width: 544px*/ width: 610px; border-bottom: 1px solid #3d455c}



.mainnav {

		float:left; 

		height:14px;

		list-style-image:none;

		list-style-position:outside;

		list-style-type:none;

		margin:4px 0 0;

		padding:0 12px 0 0;

	}



.mainnav li:first-child {padding:0;}



.mainnav li {

			float:left;

			padding:0 0 0 29px;

		}		



.mainnav li a, .sign a {

			-x-system-font: none;

			font-size: 11px;

			line-height: 14px;

			text-decoration: none;

			color: #eeeeee

		}		



.mainnav li a:hover, .sign a:hover {text-decoration:underline}



.navPos {margin: 1px 0px 0px; width: 770px}



.newsmenu-hold {padding: 30px 0px 0px; width: 800px; margin-top: 25px}



#menu {width: 535px; z-index:1000; margin: 0px 0px 0px 3px}



#newsButton {background: url(newsbutton.png) no-repeat transparent 3px 3px;}



#connectButton {background: url(connectButton.png) no-repeat transparent 3px 3px;}

#scheduleBCButton {background: url(connectButton.png) no-repeat transparent 3px 3px;}



h2, .topStory h1 {color: #0099cc; font-size: 22px; padding: 0px; margin: 0px}



h2 a, .mStory h3 a, .videoRow h3 a, .topStory h1 a {color: #006699}



h2.mainH2 {padding-top: 5px; color: #006699; font:bold 24px/26px Arial, Helvetica, sans-serif; }

h2.mainsubhome {padding-bottom: 7px; color: #7f7f7f; font:bold 16px/18px Arial, Helvetica, sans-serif;}



h2 span {color:#006699;
font-size:12px;
font-weight:bold;
padding-left:5px;}



.Alert {background: url(alertBkc.jpg) no-repeat scroll 65% 0px; width: 1002px; margin: 0px auto; height: 45px;}



.Alert h2 {padding: 8px 5px 5px 0px; color: #b76600}



.Alert h2 a{color: #054698; text-decoration: underline}



.Alert h2 a:hover {text-decoration: none}



.alertStretch{ background: transparent url(alertStretch.gif) repeat-x; width: 100%}



.headlineBorder {

background:transparent url(headerDivider.jpg) repeat-x scroll 0px 5px;

overflow:hidden;

padding:0px 0 20px;

width:100%;

}



.headlineBanner {margin: 0px auto}



.newsMain {width:100%; background: #FFF;}



.newsMain2010 {width:100%; background: url(ctv_2010Header_2880.png) transparent no-repeat scroll 50% 0px;}



.topStory {width: 310px; float: left; margin-right: 15px}

.topStory p {margin: 10px 0px;}

.topStory p a {font-size: 10px; color:#006699}



.topStoryhome {width: 470px; float: left; margin-right: 15px}

.topStoryhome p {margin: 10px 0px;}

.topStoryhome p a {font-size: 10px; color:#006699}



.470part-photo p {color: #999999; padding: 5px 0px 0px; margin: 0px; font-size: 11px}

.470part-photo img {border: solid 1px #999999;}



.part-photo {overflow: visible}



.part-photo p {color: #999999; padding: 5px 0px 0px; margin: 0px; font-size: 11px}

.part-photo img {border: solid 1px #999999;}



#cLeft {background:url(commentLeft.gif) no-repeat scroll 0px 2px}



a.cLink {background-color: #ececec; font-size: 9px; color: #8f0a0a; padding: 0px}



a.vLink {background: #ececec url(commentRight.gif) no-repeat scroll 100% 0px; font-size: 9px; color: #8f0a0a; padding: 0px 4px 1px 2px}



#cRight {background:url(commentRight.gif) no-repeat scroll 0px 2px}



.topStory #cLeft {background:url(commentLeft.gif) no-repeat 0px 2px}

.topStory a.cLink {background-color: #ececec; font-size: 9px; color: #8f0a0a!important; padding: 0px}

.topStory a.vLink {color: #8f0a0a!important;}

.topStory #cRight {background:url(commentRight.gif) no-repeat 0px 2px}



.topStoryhome #cLeft {background:url(commentLeft.gif) no-repeat 0px 2px}

.topStoryhome a.cLink {background-color: #ececec; font-size: 9px; color: #8f0a0a!important; padding: 0px}

.topStoryhome a.vLink {color: #8f0a0a!important;}

.topStoryhome #cRight {background:url(commentRight.gif) no-repeat 0px 2px}



p.newsvideo {font-weight: bold; color: #f09a02; text-transform:uppercase; margin: 10px 0px}



.newsvideo a {color: #000000!important; font-weight: normal; text-transform:none; font-size: 11px!important; text-decoration:underline}



.newsvideo a:hover {text-decoration:none!important}



.topRelated {border-top: 1px dotted #999999}



.topRelated h3 {font-size: 12px; font-weight: bold; color: #323232; padding: 0px; margin: 5px 0px 0px}



.topRelated a {font-size: 11px; color: #000000!important}



.topRelated p {background:transparent url(arrow05.gif) no-repeat scroll 0 3px; padding-left: 10px; margin: 5px 0px}



.vMStory p, .nTeamBio p, .mPStories p, p.spHeaders, .mostViewed a, .tInfo p a, .amRecipes p a, .amSound p a {background:transparent url(arrow05.gif) no-repeat scroll 0 2px; padding-left: 10px; margin: 5px 0px}



.moreStory {float: left;width: 312px; margin-right: 13px}

.moreStory h3 {margin: 0px; padding: 0px; font-size: 11px}

/*.moreStory .clear {height: 16px}*/



.moreStoryhome {float: left;width: 440px; margin-right: 13px; padding-right: 30px; background-image: url(leftnavbg.jpg); background-position:top right; background-repeat:no-repeat;}

.moreStoryhome h3 {margin: 0px; padding: 0px; font-size: 11px}

.moreStoryhome .clear {height: 16px}



h3.moreStoryHeadline {margin: 0px 0px 10px; font-size: 12px}



h3.moreStoryHeadlinehome {margin: 0px 0px 10px; font-size: 12px; border-top: 1px dotted #999999;}



.mStory {min-height: 50px; height:auto}



.mStory img {float: left; margin-right: 5px; border: 1px solid #999999}



.mStory img.miniIcon {float: none; margin-right: 0px; border: none}



.mStory p {padding-left: 85px; margin-top: 0px; font-size: 11px}



.mStory h3{font-size: 15px; }



p.fullStory {font-size: 11px}



.mStory a.cLink {padding: 0px}



.mStory #cLeft, .mStory #cRight {background-position: 0px 2px}



.vMStory { border-bottom: 1px dotted #cccccc; clear: both; height:1px; margin: 0px; padding: 0px 0px 5px; width: 960px}



.topVideos h2 {color: #000000; font-size: 18px; padding-bottom: 5px}

.topVideos {float: left;width: 320px;}



.topVideos470 h2 {color: #000000; font-size: 12px; padding-bottom: 5px}

.topVideos470 {float: left;width: 474px;}



.videoRow{ float: left; margin-right: 8px; width: 98px}



.videoRow img, .cFeature img, .FeaturedNews img {border: 1px solid #999999}

.cFeature img{width:150px;height:85px;}

.videoRow h3 {font-size: 12px; margin: 0px; padding: 0px}



.videoRow p {margin-top: 0px; padding-top: 0px; font-size: 11px}



.liveSub {background-image:url(subDiv.gif); background-repeat:no-repeat; float: left; width: 312px}



.liveSub p{font-weight: bold; color: #f09a02; margin-top: 10px; margin-bottom: 10px}



.liveSub a {color: #000000; font-weight: normal; text-decoration:underline}



.liveSub a:hover {text-decoration:none!important}



.secondPart {margin-top: 0px; float: left;}



.secondPart h2, .leftNav h2, .centreFeature .cFeature h2 {font-size: 16px; color: #006699;text-decoration:underline;}



.divider p, .newNav p { margin: 10px 0px}



.leftNav { float: left; margin-right: 10px;width:222px;}



.leftNav .clear {height: 12px}



p.leftQperiod {padding-bottom: 10px; margin-bottom: 0px}



.newNav { width: 210px; background-image: url(leftnavbg.jpg); background-position:top right; background-repeat:no-repeat;}



.divider { border-top: 1px dotted #CCCCCC}



.newNav a, .divider a {color: #000000; font-weight: bold}



.newsNav a:hover { color: #006699!important}



.share {

display:none;

margin-left:0;

padding-left:20px;

padding-bottom:3px;

}



.share a {font-weight: normal; color: #006699}



.autoIcon {background: url(auto.gif) no-repeat  0px 4px scroll; padding-left: 20px}



.specialIcon {background: url(special.gif) no-repeat 0px 1px scroll; padding-left: 20px}



.myNewsIcon {background: url(myNewsArrow.gif) no-repeat 50px 2px; padding-right: 13px}



.nPromo {margin-top: 15px}



.nVideo {background-image: url(watchBkgrnd.gif); width: 152px; height: 41px; margin-top:10px}



.nVideo p {padding-left: 5px; padding-top: 5px; margin: 0px!important}



.nVideo a {color:#003366; text-decoration:underline} 



.nTeamBio {width: 150px}



.nTeamBio a {font-weight: normal}



.centerSection {width: 825px; float: left}



.cFeature {float: left; width: 150px; margin-right: 10px}



.cFeature h2, .cFeature p {margin: 0px; padding: 0px}



.blue { width: 474px; float: left}



.tabBorder {border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 473px; float: left}



.most {padding: 7px 3px 3px 13px}



.most2 {padding: 7px 3px 3px 24px}



.most a, .most2 a  {color: #006699; text-decoration:underline; font-size: 12px; font-weight: bold}



.mostPopularStorie {background-image: url(greyPopular.gif); background-repeat: repeat-x; width:473px; float: left}



.mostPopularStorie h2 {color: #666666!important; padding-left: 6px}



.topFeeds {border-top: 1px dotted #999999; margin-left: 5px; margin-right: 5px; float: left}

.topFeedsnoBorder {border-top: 0px dotted #999999; margin-left: 5px; margin-right: 5px; float: left}



.FeaturedNews { float: right; width: 135px; padding-right: 10px}



.FeaturedNews h3 {font-size: 14px; color: #006699; margin-top: 15px; margin-bottom: 5px}



.FeaturedNews p {margin-top: 5px}



.FeaturedNews p a {text-decoration: underline}



.FeaturedNews p a:hover {text-decoration:none!important}



.mPStories {min-height: 190px; height:auto}



.mPStories p {width: 300px; margin-left: 8px}



.mPStories li {list-style:none; padding-bottom: 5px}



.mPStories ul { margin-left: 0px; padding-left: 0px}



.topVid, .Ent {float: left; width: 218px; margin-right: 25px}



.topGall, .blog {width: 218px; float: left}



.topVid img, .topGall img, .Ent img, .blog img { margin-right: 5px;}



.feedPlay {

background:transparent url(video_icon.jpg) no-repeat scroll 0px 0px; cursor:pointer;float:left;height:22px;margin-left:3px;margin-top:3px;position:absolute;width:30px;}

.galleryView {

background:transparent url(photo_icon2.jpg) no-repeat scroll 0px 0px; cursor:pointer;float:left;height:22px;margin-left:3px;margin-top:3px;position:absolute;width:30px;}



.topVid h2, .topGall h2, .Ent h2, .blog h2 {color: #666666}



.topVid h3, .topGall h3, .Ent h3, .blog h3 {margin: 0px 0px 2px; font-size: 12px }



.topVid p, .topGall p, .Ent p, .blog p {margin-top: 0px; font-size: 11px}



.topID {min-height: 65px; height: auto}



.topID img {border: 1px solid #999999}



.todayPoll {float: left; margin-left: 15px;}



.todayPoll table {font-size: 11px; width: 300px}



.todayPoll td {color: #666666}



.todayPoll h1 {font-size: 18px; margin: 5px 0px}



.todayPoll h4 {font-size: 14px; width: 300px; margin: 5px 0px; color: #494a4a}



.votebuttonspace {padding-top:15px}



a.pollR {color: #999999; text-decoration:underline; padding-left:7px; float:left; padding-top:5px; font-size:11px}



a.pollR:hover {text-decoration:none!important}



p.voteArticle {color: #999999; width: 300px; font-size: 10px; margin-bottom: 15px} 



.voteArticle a {text-decoration:underline; font-size: 11px}



.voteArticle a:hover {text-decoration:none!important}



/*#pollBorder {border: 1px solid #dedede; padding: 3px}*/



.myNewsN { background-image: url(headerDivider.jpg); background-repeat:repeat-x; width: 475px; float: left; padding-top: 15px}



.myNewsN img { margin-right: 10px}



.myNewsC {float: left}



.myNewsN p {width:215px; margin-top:0px; font-size:14px}



.myNewsMain {width: 475px;clear:both}



.myNewsMain img { float: left;margin-right: 10px; border: none}



.myNewsMain h3 {margin-bottom: 2px; font-size: 12px}



.myNewsMain h5{margin: 0px; color: #666666; font-size: 11px; font-weight: normal}



.myNewsMain p {margin: 0px 0px 0px 95px; width: 395px}



.mynewsviewby {padding-top:5px}



.myNewsLogo {float:left; height:50px}



p.mynewsV  {width: auto; color: #999999; margin: 0px; padding: 0px}



p.hotTopics {width: auto; color: #999999; margin: 10px 0px 0px; padding-top: 5px; font-weight: bold; border-top:1px dotted #999999;}



.mynewsV a, .hotTopics a {color: #5b5b5b; font-size: 10px; text-decoration:underline}



.sectionChoice { background-image:url(sectionBackground.gif);background-repeat:repeat-x; width: 800px; padding-top: 10px; float: left; padding-left: 2px}

.sectionChoicesports { background-image:url(sectionBackground.gif);background-repeat:repeat-x; width: 470px; padding-top: 10px; float: left; padding-left: 2px}



.catHeaders, .catFeedHeaders {min-height: 125px; height:auto}



#headlineDivider { height:auto; padding-top:10px}



 /*.catFeedHeaders {min-height: 165px; height:auto; border-top: 1px dotted #999999}*/



.sHeadlines {width: 245px; /*margin-right: 20px;*/ margin-right: 30px; float: left}



.sHeadlinesBC{width: 210px; margin-right: 20px; float: left}

.sHeadlines2 {width: 245px; float: left}

.sHeadlines h2, .sHeadlines2 h2, .sHeadlinesBC h2 {font-size: 16px; /*background: url(doubeArrow.gif) scroll 195px 6px no-repeat; padding-right: 10px;*/ color: #000000; padding-bottom: 10px;height:20px;}



.spHeaders a {font-weight: normal}



.sHeadlines h3, .sHeadlines2 h3, .sHeadlinesBC h3 {font-size: 15px; margin: 5px 0px}



.sHeadlines h4, .sHeadlines2 h4, .sHeadlinesBC h4 {font-size: 12px; color: #0099cc; margin-top:0px}



.nHeadlinks a { background: url(doubeArrow.gif) scroll 135px 3px no-repeat; padding-right: 22px; font-weight: normal; padding-left: 10px}



.nHeadlinksBNN a { padding-right: 22px; font-weight: normal; padding-left: 0px}



.nHeadlinksTSN a { padding-right: 22px; font-weight: normal; padding-left: 0px}



.nHeadlinksOlympics a { padding-right: 22px; font-weight: normal; padding-left: 0px}



.Market {padding-top: 10px}



.Market h2 { background: url(doubeArrow.gif) scroll 119px 5px no-repeat; padding-right: 14px; font-size: 16px; color: #000000;}



a.marketSymbol { padding-top: 0px; text-decoration:underline}



a.marketSymbol:hover {text-decoration: none!important}



.ticker {float: left; margin-right: 20px;}



.ticker, .ticker table {width: 287px; font-size: 11px; border-collapse:collapse}



.ticker .divider {padding-top: 5px; margin-top: 5px}



.ticker td {padding: 4px}



.nright {text-align:right}



p.red {color: #cc3300}



.two td, .four td {background-color: #f2f2f2}



.poweredBy {width: 590px}



.poweredBy img {float: left; margin-right: 225px}



.poweredBy p {color: #666666}



.services { background-image: url(serviceDivider.gif ); background-repeat:repeat-x; padding-top: 25px; width: 800px}



.services h2 {color: #000000; font-size: 16px; padding-bottom:10px}



.serviceColumn {width: 120px; float: left; margin-right: 40px}



.serviceColumn h3 {padding: 0px; margin: 2px 0px; font-size: 12px}



.serviceColumn p {margin: 2px 0px}



.mostViewed h2  {font-size: 16px;  padding-right: 10px; color: #000000; margin-bottom: 12px}



.mostViewed {width: 360px; float: left; margin-right: 20px; margin-top:5px}



.mostViewed li {list-style: none;margin-top:15px;}



.mostViewed ul {margin-left: 0px; padding-left: 0px}



.mostViewedMore a { background: url(doubeArrow.gif) scroll 150px 3px no-repeat; padding-right: 20px; font-weight: normal; padding-left: 10px}



.viewedContent {min-height:169px; height:auto}



.mostTalkedMore a { background: url(doubeArrow.gif) scroll 253px 3px no-repeat; padding-right: 20px; font-weight: normal; padding-left: 10px}



.footerHeader {background: url(greyFooterLine.gif) repeat-x scroll 0px 0px; width: 100%; height: 40px; float: left; display:none}



.featured-item-box {float: left}



.weatherHeader {position: absolute; top: 180px; left: 53%}



#wIcon {background-repeat:no-repeat;height:58px; width:105px; position:absolute; top: 0px; left: 100px}



* html .wIcon

{

background-image: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://beta.ctvdigital.net/images/weather/partlyCloudy.png", sizingMethod="crop");

}



.weatherHeader h3 {font-size: 12px; font-weight: bold; color: #0099de; padding-top: 22px; float: left; margin-top: 13px}



.weatherHeader p {float: left; margin-left: 195px; margin-top: 25px; color: #006699; font-size: 11px; font-weight: bold; }



.weatherHeader #temp {color: #0099de; font-size: 12px}



.weatherHeader .change {float: left; margin-top: 35px; margin-left: 35px; font-size: 11px}



.weatherHeader .change a {color: #9d9d9d; text-decoration: underline}



.weatherHeader .change a:hover {text-decoration: none!important}



.most-viewed {width:420px; margin-top:1px}



.most-viewed-content {width:400px; min-height: 175px}



.quote-box {width:370px}



.quote-box div {width:335px}



.mynewsviewby p {float:left; width:40px; font-size:10px; color:#999999}



.mynewsviewby a {float:left; text-decoration:underline; padding-left:7px}



#headlinenoborder {background:none}



.mnTruncate {margin-left:160px!important;width:315px!important;margin-top:2px!important;font-size:12px!important;}



#footer {float:left;

margin:0 auto;

width:100%;}



.promo-photo {

	overflow: visible;

}



/* Poll */



.resultBar, .pbar {

background-color:#B3B3B3;

height:10px;

margin-top:5px;

}



#autoTable {width: 470px!important}



.pollResultTable {font-size: 12px}



* html .location a.local span

{

background-image: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.ctv.ca/v2/images/btn-nav-bg.png", sizingMethod="crop"); 

}



 .location a.local em 

{

background-image: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.ctv.ca/v2/images/btn-nav-span.png", sizingMethod="crop");

}



* html #newsButton 

{

background-image: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ctvbc.ctv.ca/tl/v2/images/buttons/newsbutton.png", sizingMethod="crop");

}



.todayPoll h1, h2.pollRedo {

color:#000000;

font-size:18px;

margin:5px 0;

}


.UIImageBlock_Content {display:table-cell;
vertical-align:top;
padding-left:5px;}
.popSlice {display: none}



/* Gallery Change */



.relatedArt a {color: #016798; font-size: 11px}