/* CSS modified by bjamieson to fix the bleeding of the time stamp on the top of the Business stories on Sept 7, 07 */
/* CSS modified by bjamieson to fix ul on Sept 6, 07 */

/* only things common to all sky story pages in here */
h1 {background: #060943 url("http://www.ctv.ca/mar/images/headers/top_bg.jpg") bottom left; color: white; padding-top: 5px }
h1 img {margin-top: 0px}
/* increasing the width of the timestamp on the top of the Business Story page. bjamieson*/
#timeStamp {top: 11px; width: 281px}
#storyBox p.timeStamp {font-size: 10px}
/* Added margin-right. bjamieson*/
h3 {color: #003094; margin-right: 5px}

#storyBox {margin: 4px 0px 0px 4px;min-height:530px; }
/*min-height: 530px; height:530px;}*/
/* Added margin-right. bjamieson*/
#storyBox p {margin-bottom: 10px; margin-right: 5px}
.storyAttributes {font-style:italic}
.continueLine{font-weight:bold;font-size:9px}
#storyBox .topPhoto p, #storyBox .morePhotos p, #storyBox .photo p {background-color: #EFEFEF; font-size: 10px; font-weight: bold; padding: 3px 4px 4px 4px; margin: 4px 3px 3px 3px; }
/*.topPhoto img, #morePhotos img, .morePhotos img {margin: 3px}*/
.topPhoto img, .morePhotos img, .photo img {margin: 3px}
#morePhotosSpacer {float:right}
#morePhotos, .morePhotos {float: right; clear: right; width: 168px; margin: 0px 0px 0px 5px; position: relative; top: 10px}
/* Increased right margin by 5px. bjamieson*/
.topPhoto {border: 1px solid #aaaaaa; margin: 0px 10px 0px 0px; width: 166px; float: left; padding: 0px}
#storyBox #morePhotos .topPhoto, #storyBox .morePhotos .topPhoto {float: none; margin: 7px 0px 10px 0px}
.photo {width: 167px; float: right; border: 1px solid #aaaaaa; position: relative; top: 10px; margin: 0px 0px 15px 5px}

#storyBox h2 {background-color: #dcdcdc; color: black; font-size: 11px; background-image: none; }
#storyBox h4 {background-color: #ffda89;font-style:italic;padding:4px;font-size:11px;}

/* override icon definitions in ctv.css */
li.email  {margin: 0px; padding: 0px; background: url(http://images.ctv.ca/mar/images/bullets/email.gif) no-repeat 2px 1px; list-style-type: none}
li.print {margin: 0px; padding: 0px; background: url(http://images.ctv.ca/mar/images/bullets/print.gif) no-repeat 2px 1px; list-style-type: none}
li.fontsize {list-style-type: none; margin: 0px; padding: 0px; background-image: none}
li.feedback  {margin: 0px; padding: 0px; background: url(http://images.ctv.ca/mar/images/bullets/feed.gif) no-repeat 1px 0px; list-style-type: none}
li.comments  {margin: 0px; padding: 0px; background: url(http://images.ctv.ca/mar/images/bullets/feed.gif) no-repeat 1px 0px; list-style-type: none}

li.related {margin: 0px; padding: 0px;list-style-image: url(http://images.ctv.ca/mar/images/bullets/redbullet.gif);}

li.delicious {
background:transparent url(http://images.ctv.ca/mar/images/bullets/delicious.small.gif) no-repeat scroll 7px 1px;
list-style-type:none;
}

li.reddit {
background:transparent url(http://images.ctv.ca/mar/images/bullets/reddit.png) no-repeat scroll 2px 0px;
list-style-type:none;
}

li.digg {
background:transparent url(http://images.ctv.ca/mar/images/bullets/16x16-digg-guy.gif) no-repeat scroll 4px -1px;
list-style-type:none;
}

li.facebook {
background:transparent url(http://images.ctv.ca/mar/images/bullets/facebook_share_icon.gif) no-repeat scroll 4px -1px;
list-style-type:none;
}

li.twitter {
background:transparent url(http://images.ctv.ca/mar/images/bullets/twitter.gif) no-repeat scroll 2px 0px;
list-style-type:none;
}

#footControlBox {border-top: 1px solid #aaaaaa; padding-top: 0px; clear: right; width: 436px;  margin-left: 4px }
#footUserControls {width: 150px; margin-top: 10px }
#footUserControls h2, #mainTableRightContainer h2, #otherStories h2 {background-image: none; padding: 3px; background-color: #003094;}
#footUserControls ul, #mainTableRightContainer ul {padding: 3px 3px 3px 25px; margin: 0px 0px 4px 0px; background-color: #EFEFEF; border-width: 0px 1px 1px 1px; border-color: #aaaaaa; border-style: solid}
#footUserControls li, #mainTableRightContainer li {margin-bottom: 5px; padding-left: 3px; font-size: 11px}
#footUserControls a, #mainTableRightContainer a, #footUserControls a:visited, #mainTableRightContainer a:visited {color: black; font-size: 11px; font-weight: normal}

/* user controls */
#footUserControls li.fontsize, #mainTableRightContainer #rightUserControls li.fontsize {color: #696969;  }
#footUserControls li.fontsize a, #mainTableRightContainer #rightUserControls li.fontsize a { cursor: pointer; cursor: hand; font-weight: bold; padding-left: 5px}
#footUserControls li.fontsize {display: none}
#footUserControls a, #mainTableRightContainer #rightUserControls a, #footUserControls a:visited, #mainTableRightContainer #rightUserControls a:visited {color: #696969; }
#footUserControls ul, #mainTableRightContainer #rightUserControls ul {padding:0px; margin: 0px}
#footUserControls ul, #mainTableRightContainer #rightUserControls ul {padding: 5px 0px 3px 0px}
#footUserControls li, #mainTableRightContainer #rightUserControls li {margin: 0px; padding: 0px 0px 5px 25px; font-size: 11px; list-style-image: none }
#mainTableRightContainer #rightUserControls ul {height: 70px; margin-bottom: 5px}
#mainTableRightContainer #rightUserControls li {float: left; width: 100px;}
#mainTableRightContainer #rightUserControls li.fontsize, #footUserControls li.fontsize {padding-left: 5px}
#mainTableRightContainer #rightUserControls li.fontsize {width: 140px}

/* To be used on new Tools*/
#mainTableRightContainer #rightUserControls ul {/*height: 70px!important;*/ height:145px; margin-bottom: 5px} 

#otherStories {width: 280px; margin: 10px 0px 0px 4px; border-width: 0px 1px 1px 1px; border-color: #aaaaaa; border-style: solid; background-color: #efefef}
#otherStories h3 {color: #003094; padding: 0px 0px 0px 15px; margin: 3px; background-image: url("http://images.ctv.ca/mar/images/bullets/redbullet.gif"); background-repeat: no-repeat}
#otherStories h3 a, #otherStories h3 a:visited {color: #003094;} 
#otherStories ul {padding: 3px 3px 3px 25px; margin: 0px 0px 4px 0px}
#mainTable {width: 780px; height: 100px}
#mainTableLeftContainer {width: 445px; }
#mainTableLeft {width: 440px; }
#mainTableRightContainer {width: 208px; }
#mainTableAdsContainer {width: 123px;  }

#mainTableRight {width: auto}
#mainTableAds {width: auto}

.SUVTable {width: 250px; border: 1px solid #aaaaaa; float: right; border-collapse: separate; border-spacing: 3px; border-top-style: none}
.SUVTable caption { text-align: left; padding: 0px; margin: 0px;  border: 1px solid #aaaaaa; background-color: #dcdcdc; border-bottom-style: none}
.SUVTable thead  {background-color: #efefef}
.SUVTable caption p {color: black; font-weight: bold; font-size: 11px; padding: 3px; margin: 0px}
.SUVTable caption h2 {font-size: 14px; text-transform: none; background-color: #003094; padding: 3px; background-image: none}
.SUVTable td, .SUVTable th {font-size: 11px; text-align: left; vertical-align: top; padding: 2px}
.SUVTable tr.even td {background-color: #efefef }
.SUVTable tfoot td {font-size: 10px}

.imageGeneric{width:160px}

#storyFeatureBox h2 {background-color: #FFFFFF; color: #003094; margin-top:3px; font-size: 11px; padding: 3px 3px 1px; border-top: 1px solid #AAAAAA}
div.storyFeatureItem {height:90px;/*border-bottom: 1px solid #AAAAAA;*/ padding-top: 1px;}
div.storyFeatureItem p {font-size:11px;margin:3px 2px}
div.storyFeatureItem h3,div.storyFeatureItem h3 a {margin: 0px; padding: 3px; background-color: white; font-size: 11px; color: #767678!important; background-repeat: repeat-y; font-size: 12px; padding: 1px 3px 3px 1px; }
div.storyFeatureItem h3 img.inline {display: none}
.storyFeatureItem img.inline {float: none; border: none; display: inline; margin: 0px}
.storyFeatureItem img {float: left; border: 1px solid black; display: inline; margin: 2px}
.storyFeatureLink, .storyFeatureVideo {background-image: url(http://images.ctv.ca/mar/images/bullets/redbullet.gif); background-repeat: no-repeat;padding:3px 20px;background-color:#efefef}
.storyFeatureVideo {background-image: url(http://images.ctv.ca/mar/images/bullets/icon_video.gif); background-position: 2px 2px}
/* experimental pullquote */
.pullquote {float: right; clear: right; width: 160px; border: 1px solid #aaaaaa; margin:  5px 0px 5px 5px}
.pullquote blockquote {font-weight: bold; background-color: #efefef; border: 1px solid #efefef; margin: 3px; padding: 10px 0px 10px 0px; }
#mainDivStory .pullquote p, .pullquote cite {font-size: 10px; font-weight: bold;  margin: 2px 5px 2px 5px; display: block; padding: 0px; }
.pullquote cite {color: #aaaaaa; text-align: right; }
.pullquote h3{font-size: 11px;  margin: 0px 0px 0px 3px; }
.fullsizeLink img{ display:inline;margin:0px;padding:0px}

#storyBox blockquote {background-color: #EFEFEF; font-size: 10px; font-weight: bold; padding: 3px 4px 4px 4px; margin: 4px 3px 3px 3px;display:block}