body {background-color: black;  background-image:url(http://www.ctv.ca/idol/images/BGPlaidBlue.gif); color: white;margin: 5px 0px 5px 0px; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 12px}
table {border-collapse: collapse; padding: 0px; margin: 0px}
td {margin: 0px; padding: 0px; vertical-align: top }
img {display: block}
script {margin:0px;border:1px solid black}
div.centre { width: 780px; text-align: left; margin: 0px auto 0px auto;}
div.clear {clear: both; height: 1px; margin: 0px; padding: 0px;border:none}
div.clear img {display: block; float: none; margin: 0px; border: none}

select, input {font-size: 10px}
input.button, input.result {background-color: #A7A7A7; font-weight: bold; color: white; border: 3px double #828282; padding: 0px; text-transform: uppercase; font-size: 8px; margin: 1px; display: block; float: left; width: 40px}
input.result {width: 45px}

a:link, a:active, a { text-decoration: none }
a:hover {text-decoration: underline}

a, a:visited {color: white}
p {font-size: 12px; margin: 5px 3px 10px 3px;}

h1 {margin: 0px}
h2 {font-weight: bold; text-transform: uppercase; background-repeat: repeat-x; padding: 5px 0px 5px 3px; text-align: left; margin: 0px}

p.headline {font-weight: bold; text-align: left; font-size: 12px}

hr {background-color: #aaaaaa; height: 1px; margin: 1px 3px 1px 3px}

/* associations icons */

li.video {margin: 0px; padding: 0px; list-style-image: url(http://www.ctv.ca/mar/images/bullets/vid_cam_white.gif);}
li.details {margin: 0px; padding: 0px; list-style-image: url(http://www.ctv.ca/mar/images/bullets/icon_details.gif);}
li.related {margin: 0px; padding: 0px; list-style-image: url(http://www.ctv.ca/mar/images/bullets/icon_related.gif);}
li.link {margin: 0px; padding: 0px; list-style-image: url(http://www.ctv.ca/mar/images/bullets/icon_link.gif);}
li.stories {margin: 0px; padding: 0px; list-style-image: url(http://www.ctv.ca/mar/images/bullets/goldbullet.gif);}

h2, .leftExtra h2 a, .rightExtra h2 a,.leftExtra h2 a:visited, .rightExtra h2 a:visited {background-color: #2F4792; color: #FFE400; font-size: 11px; font-weight: bold; text-transform: uppercase; background-image: url("/idol/images/BGFeature.gif"); background-repeat: repeat-x; padding: 8px 3px 7px 3px; text-align: left; margin: 0px}
h2 img {float: left; border-style: none; margin: 1px 3px 0px 0px}
h3 {margin: 0px 0px 10px 0px;color: #FFE400; margin:7px; text-transform: uppercase;font-weight: bold; text-align: left; font-size: 12px}

h3 a {color:#FFE400;}
h3 a:visited {color:#FFE400;}



.container {background-color:#4a71b5; border:1px solid #5a91d5;border-width: 0px 1px 1px 1px; width: 780px; text-align: left; margin: 0px auto 0px auto;}


/* header */#idolMastHead {background-image: url(http://www.ctv.ca/idol/images/BGTitle.jpg)}#idolMastHead img {margin: 0px 0px 0px 0px; display: block}#topBannerCell {width: 655px; height: 30px; }
/* ticker */
#latestTable {width: 655px; background-color: #254375; margin: 4px 0px 0px 0px; height: 30px}
#latestNews p {color: white; font-size: 14px; font-weight: bold; margin: 5px; text-align: center}
#latestNews em {color: #FFD700}
#latestMusic { text-align: center; background-color: #0d2b6f; padding: 0px}
#helloHead {font-size: 10px; font-weight: bold; text-align: center; background-color: #0D2B6F; width: 150px; margin: 0px; border-right: none; padding: 0px}

/* main table */
#mainTableLeft {width:475px;margin:2px 5px 3px 0px;}


#moreStories ul {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 30px}
#moreStories li.related {margin: 0px; padding: 0px}
#moreStories {text-align: left; margin: 0px;}
#moreStories img,.leftExtra img, .rightExtra img {float: left; border: 1px solid #4377C1; margin: 4px 4px 4px 0px};
#moreStories div.clear img{border: none; float: none; margin: 0px}
#moreStories img.inline, img.inline {float: none; border: none; display: inline; margin: 0px}

#moreStories td.moreStory { margin:2px;padding:4px;background-color:#2459a5;border-color:#5a91d5;border-style:solid;border-width: 1px 0px 1px 0px; height:90px; width:475px}



#mainTableRight {width: 300px; margin:0px 0px 3px 0px; }
#mainTableRight h3, #mainTableRight a {font-size: 11px; color: white;}
#mainTableRight h2 {margin: 0px}
#mainTableRight h2 a {color:#FFE400}
#mainTableRight h3 {margin: 0px; background-color: #2459a5; padding: 3px; color: white}
.rightBlock {border-color:#5a91d5;border-style:solid;border-width: 0px 0px 1px 0px; margin:2px 0px;background-color:#2459a5;}
.rightBlock ul {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 25px}
.rightBlock li {margin: 7px 0px; padding: 0px}

.promoImg img {display: block; float: left; border: 1px solid #4377C1; margin: 4px 4px 4px 2px}

/* homepage */

.leftExtra  {width:235px; margin:0px 3px 3px 0px; height:120px;
background-color:#2459a5;border-color:#5a91d5;border-style:solid;border-width: 1px 0px 1px 0px; }
.rightExtra {width:235px;margin:0px 0px 3px 2px;height:120px;
background-color:#2459a5;border-color:#5a91d5;border-style:solid;border-width: 1px 0px 1px 0px; }


/* on tonight */

#showsTicker {border-color:#5a91d5;border-style:solid;border-width: 0px 0px 1px 0px; margin:2px 0px;background-color:white;}
#showsTicker h2 {background-color:#b51c00;color:white}
#showsTicker h3, #showsTicker h3 a, #showsTicker h3 a:visited {background-color:white;color:#b51c00;text-transform:none}
#showsTicker p {background-color:white;color:black;margin:2px;padding:0px}
#showTickerContainer { padding: 0px;}
#showTickerContainer #topTickerGroup img {margin: 3px 7px 3px 3px; display: block; float: left; border: 1px solid black;background-color:#eeeeee}
#showTickerContainer #tickerBodyGroup h3 {float: right; width: 220px; clear: both; }
#showTickerContainer #tickerBodyGroup p {width: 60px;}
#showTickerContainer #tickerBodyGroup div.clear {height: 1px; clear: both; }
#topTickerGroup {height: 70px;background-color:#eeeeee;border-bottom:1px solid #b51c00; }
#topTickerGroup h3, #topTickerGroup h3 a, #topTickerGroup h3 a:visited, #topTickerGroup p {background-color:#eeeeee;}
#tickerBodyGroup {clear: both; }

form.pollForm {margin:0px}
#pollTable {margin:0px}
#pollTable td {margin:2px;padding: 0px;}



/* top */


#timeStamp {position: absolute; top: 0px; right: 6px; }

#topStoryBox {border-color: #4377C1;padding: 0px 0px 5px 0px; margin: 0px; height: 136px; background-color: #2459a5}

html>body #topStoryBox {min-height: 136px; height: auto}


#moreStories a.moreLink:hover {text-decoration: underline}

.moreStoriesBox b {color: white}

#topStoryAssoc {background-color: #2459a5; clear: both; margin-bottom: 5px;}
#topStoryAssoc ul {list-style-type: image; padding: 3px 3px 7px 23px; margin: 0px 0px 0px 3px; text-align: left; }
#topStoryAssoc li {padding: 0px; margin: 0px; }
#topStoryAssoc ul a, #moreStories ul a, #topStoryAssoc ul a:visited,#moreStories ul a:visited {color: white; font-size: 12px; font-weight: normal; text-decoration: none}
#topStoryAssoc ul a:hover, #moreStories ul a:hover  {text-decoration: underline}

#comingUp li {color: white; font-size: 11px; font-weight: bold}

/* story page video and photo */

#moreStories .rightBlock h2,#moreStories .rightBlock h2 a,#moreStories .rightBlock h2 a:visited {background-color: #2459a5;color:#2459a5; font-size: 1px; height:0px; font-weight: normal; background-image: none;padding: 0px;text-align: left; margin: 0px}
#moreStories .rightBlock ul { padding: 3px 3px 7px 53px; margin: 0px 0px 0px 3px; text-align: left; }
#moreStories .rightBlock {border:0px}
.videoNew {color:#FFE400;vertical-align:super;font-size:8px;}

.regTable {margin:15px;padding:3px;}
.regTable td {padding:5px;}

body, body div, body p, body th,
body td, body li, body dd, body h3, body p.headline    {
    /* more specific to override imported rule */
    font-size:    x-small;
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body, html>body div, html>body p,
html>body th, html>body td,
html>body li, html>body dd, html>body h3, html>body p.headline    {
    font-size: 12px
    /* be nice to Opera */
    }

