/* COURIER MAIL COMMON ELEMENTS
    

	index ->	
			default browser reset
			body defaults
			self-clearing floats
			links
			headers and paragraphs
			list sets
			margins
			divider
			adspace
			breaking news
			editorial images
			forms
			buttons
			content divisions
			content rows and panels
			variant content divisions
			tab-o-matic
			local guide
			floats
			additional classes
			text ad overrides
			
*/


/* =default browser reset
------------------------- */
* {margin: 0; padding: 0;}

/* =body defaults
------------------------- */
body{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
background-color: #EDF1F3;
}

#master-border {background-color: #dbe2e5; width: 1004px; margin: 0 auto; padding: 0; text-align: center; float: none;}

#master-wrap {background-color: #fff; position: relative; width: 998px; margin: 0 auto; padding: 0; text-align: left;}

/* a:link, a:visited { text-decoration: none; color: #000; } */
a img, a:link img, a:visited img, fieldset { border: none;}
ul, ol { list-style: none; position: relative;}
li, h1, h2, h3, h4, h5, h6, pre, form, body, html, fieldset, legend, input, dl, dt, dd { margin: 0; padding: 0; }
p, ul, ol, fieldset, table { margin: 0 0 .5em 0; padding: 0; }
a {outline: none}


/* =self clearing
----------------- */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 


/* =links
--------- */
a:link {color: #1B73A4; text-decoration: none;}
a:visited {color: #0E5D89; text-decoration: none;}
a:hover {color: #C4161C; text-decoration: underline;}
a.arrow-link-end {padding-right: 10px; background: url(/images/icon-doublearrow-nospace.gif) right no-repeat;}
.content-panel-special a.arrow-link-end, blockquote a.arrow-link-end {font-size: 0.85em; font-weight: bold;}

/* =headers and paragraphs
--------- */

h1{font-size: 1.7em;}

h2{font-size: 1.1em;}
h2.lead-header{font-size: 1.7em;}

h3{ clear: both; padding: 3px 0 2px 0; margin-bottom: 8px; font-size: 1.4em; line-height: 1em; font-family: Helvetica, Arial, sans-serif; position: relative; background-color: #fff; background-image: url(/images/bg-dotted-line.gif); background-position: bottom; background-repeat: repeat-x;}
h3.variant-your-say {background: url(/images/bg-your-say.gif) bottom left no-repeat #E4F0F6; padding-left: 40px;}
h3.variant-daily-poll {background: url(/images/bg-h3-daily-poll.gif) bottom left no-repeat #E4F0F6; padding-left: 40px;}
h3.variant-our-say {background: url(/images/bg-our-say.gif) bottom left no-repeat #E4F0F6; padding-left: 40px;}
h3.variant-arrow-header-blue {background: url(/images/bg-variant-arrow-blue.gif) bottom left no-repeat #E4F0F6; padding-left: 40px;}
h3.variant-arrow-header {background: url(/images/bg-bottom-links.gif) bottom left no-repeat #E4F0F6; padding-left: 40px;}
h3.variant-local-guides {background: url(/images/bg-local-guides.gif) bottom left no-repeat #E4F0F6; padding-left: 40px; margin-bottom: 0; }
h3 span.more-link {position: absolute; right: 0; top: 5px; font-size: 0.6em; font-weight: bold; background: url(/images/icon-doublearrow.gif) right no-repeat; padding-right: 27px;}
.lower h3 span.more-link {position: absolute; right: 0; top: 5px; font-size: 0.6em; font-weight: normal; background: url(/images/icon-doublearrow-nospace.gif) right no-repeat; padding-right: 10px;}
.middle-content h3 span.more-link {position: absolute; right: 5px; top: 5px; font-size: 0.6em; font-weight: normal; background: url(/images/icon-doublearrow-nospace.gif) right no-repeat; padding-right: 10px;}
h3{background-color: transparent;}



h4{ padding: 3px 0 2px 0; margin-bottom: 8px; font-size: 1em; line-height: 1.4em; background-image: url(/images/bg-dotted-line.gif); background-position: bottom; background-repeat: repeat-x; background-color: #FFF;}
h4.vanilla {background: none; margin-bottom: 5px; padding: 0; margin-top: 15px;}
h4.variant-sub-lead{ background-image: url(/images/bg-h4-sub-lead.gif); background-color: #D9E6EF; padding-left: 7px;}
h4.variant-sub-content{ background-image: url(/images/bg-h4-sub-content.gif); background-color: #E2EDF2; padding-left: 7px;}
.right-content-column h4 {padding-top: 0; margin-top: 0;}
h4.variant-image-header{ background-image: url(/images/bg-h4-sub-content.gif); background-color: #E2EDF2; padding-left: 7px; margin-bottom: 0;}
img.image-with-header {background-color: #fff; padding: 4px; border-left: 1px solid #D7D2D2; border-right: 1px solid #D7D2D2; border-bottom: 1px solid #D7D2D2;} 
h4.variant-sub-nomargin{ background-image: url(/images/bg-h4-sub-content.gif); background-color: #E2EDF2; padding: 0 0 0 7px; margin-bottom: 0;}

h5{font-size: 1em;}

h6{font-size: 0.9em; margin-bottom: 5px;}

p{font-size: 1em;}
p.block-text{display: block; background-color: #E4F0F6; padding: 5px 15px 5px 15px; font-size: 0.85em;}
p.block-text a{font-weight: bold;}

cite{font-size: 0.85em; color: #6E6E6E;}
a cite {color: #1B73A4;}
a:hover cite {color: #C4161C;}
cite span{color: #1B73A4;}

small{font-size: 0.85em;}

.article-header h1 {font-size: 1.5em;}

.article-header {padding-bottom: 15px; margin-top: 5px; margin-bottom: 15px; position: relative; background: url(/images/bg-dotted-line.gif) bottom repeat-x;}
.article-title {float: left;}
.article-source {font-size: 0.85em; float: right; line-height: normal; margin-top: 20px;}
.article-source p {margin: 0; padding: 0;}

.article p {margin-bottom: 20px;}

p.author {font-size: 0.85em; font-weight: bold; font-style:italic; margin-bottom: 0;}
p.published-date {font-size: 0.85em; margin-bottom: 0;}

/* =list sets
--------- */

ol.numbered-list {list-style: decimal; margin-left: 30px;}
.numbered-list li {margin-bottom: 15px;}

ul.article-link-list {padding-top: 0; margin-top: 0;}
.article-link-list li {padding-top: 0; margin-top: 0; padding-left: 10px; background: url(/images/icon-arrow.gif) 0 0.2em no-repeat;}
a.article-link {padding-left: 10px; background: url(/images/icon-arrow.gif) 0 4px no-repeat;}
a.article-link-bold {padding-left: 10px; background: url(/images/icon-arrow.gif) 0 4px no-repeat; font-weight: bold;}

ul.bullet-list {padding-top: 0; margin-top: 0;}
.bullet-list li {padding-top: 0; margin-top: 0; padding-left: 10px; background: url(/images/bullet-red.gif) 0 0.5em no-repeat;}
a.bullet-link {padding-left: 10px; background: url(/images/bullet-red.gif) 0 4px no-repeat;}
a.bullet-link-bold {padding-left: 10px; background: url(/images/bullet-red.gif) 0 4px no-repeat; font-weight: bold;}

ul.ad-link-list {padding-top: 0; margin-top: 0; margin-bottom: 20px;}
.ad-link-list li {padding-top: 8px; padding-bottom: 8px; margin-top: 0; padding-left: 20px; background: url(/images/bg-ad-link-list.gif) 0 0 no-repeat #eeeeee;}
.ad-link-list a {font-weight: bold;}


ul.twocolumn-link-list {width: 350px;}
.twocolumn-link-list li {display: block; width: 175px; float: left;}
.twocolumn-link-list a.article-link {padding-left: 20px; background: url(/images/icon-arrow.gif) 10px 4px no-repeat;}

ul.related-link-list {margin-top: 0; position: relative;}
.related-link-list li {padding-left: 15px; background: url(/images/icon-related-links.gif) 0 4px no-repeat;}
a.related-link {padding-left: 15px; background: url(/images/icon-related-links.gif) 0 4px no-repeat;}

.media-link-list li {padding-left: 15px;}
.media-link-list .video {background: url(/images/icon-video.gif) 0 2px no-repeat;}
.media-link-list .audio {background: url(/images/icon-audio.gif) 0 2px no-repeat;}

/**/
li.icon-xml-list {padding-left: 35px; background: url(/images/icon-xml.gif) 0 2px no-repeat;}
li.icon-email-list {padding-left: 35px; background: url(/images/icon-email-newsletters.gif) 0 2px no-repeat;}
li.icon-alerts-list {padding-left: 35px; background: url(/images/icon-desktop-alerts.gif) 0 2px no-repeat;}

.tools-link-list li{margin-bottom: 3px; padding-left: 33px; background-repeat: no-repeat; font-weight: bold;}
.tools-link-list li.tool-rss{background-image: url(/images/iconset-tools.gif); background-position: 0 1px;}
.tools-link-list li.tool-newsletter{background-image: url(/images/iconset-tools.gif); background-position: 0 -34px;}
.tools-link-list li.tool-pics{background-image: url(/images/iconset-tools.gif); background-position: 0 -174px;}
.tools-link-list li.tool-tips{background-image: url(/images/iconset-tools.gif); background-position: 0 -209px;}
.tools-link-list li.tool-delivery{background-image: url(/images/iconset-tools.gif); background-position: 0 -244px;}
.tools-link-list li.tool-mobile{background-image: url(/images/iconset-tools.gif); background-position: 0 -139px;}
.tools-link-list li.tool-alerts{background-image: url(/images/iconset-tools.gif); background-position: 0 -69px;}
.tools-link-list li.tool-video{background-image: url(/images/iconset-tools.gif); background-position: 0 -105px;}

/* =margins
Can be used to add 10px margins to common objects #note - these will not work in any content-special-panel elements.
--------- */

.margin-top{margin-top: 10px;}
.margin-right{margin-right: 10px;}
.margin-bottom{margin-bottom: 10px;}
.margin-left{margin-left: 10px;}

/* =divider
--------- */

.dividing-line{
height: 1px;
padding: 0;
margin: 15px 0 0 0;
background-image: url(/images/bg-dotted-line.gif);
background-position: 0 -2px;
background-repeat: repeat-x;
}

/* =adspace
--------- */
.adspace-300x250,
.adspace-300x600{
width: 350px; padding: 0; margin: 0 0 15px 0;
background: url(/images/bg-adspace.gif) top right no-repeat;
}

.adspace-300x250 span,
.adspace-300x600 span{
display: block;
background: #FFF;
margin-left: 19px;
margin-right: 25px;
padding: 2px;
border: 1px solid #CFCFCF;
}

.adspace-675x41{
text-align: center;
margin: 0 auto;
}

.adspace-728x90{
text-align: center;
margin: 0 auto;
}

/* =breaking news
--------- */

.breaking-news h4 {padding-left: 7px; background-color: #E4F0F6;}

ul.breaking-news-list  {background: url(/images/bg-dotted-line.gif) 66px repeat-y #E4F0F6;}
.breaking-news-list li {padding-left: 0; position: relative; background: none;}
.breaking-news-list li span {position: absolute; top: 0; left: 10px; width: 66px; font-weight: bold;}
.breaking-news-list li a {position: relative; left: 76px;}

/* =editorial images
--------- */


.image-lead{width: 350px; text-align: center; margin-bottom: 15px;}
.image-lead table{width: 1%; margin: 0 auto; padding: 0; background-color: #EBE9E9; text-align: left;}
.image-lead img{margin-bottom: 1px; border-bottom: 1px solid #FFF;}
.image-lead p{margin-left: 10px; margin-right: 10px; font-size: 0.8em;}

.image-small{float: left; background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-right: 10px; margin-bottom: 5px;}
a img.image-small{float: left; background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-right: 10px; margin-bottom: 5px;}
img.image-large{background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 10px;}
a img.image-large{background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 10px;}
img.image-right-content-large{background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 5px;}
a img.image-right-content-large{background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 5px;}
img.image-right-content-small{background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 5px; margin-right: 10px; float: left;}
a img.image-right-content-small{background: #FFF; padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 5px; margin-right: 10px; float: left;}



/* =buttons
--------- */

p.button-video{
width: 189px;
height: 26px;
background: url(/images/button-video.gif) top left no-repeat;
}

.button-video a{display: block; padding-top: 5px; padding-left: 37px; color: #fff; font-weight: bold;}

/* =content divisions
--------- */
.content-division {padding: 0 14px 0 15px; margin-bottom: 0; margin-top: 15px;
background-image: url(/images/bg-dotted-line.gif);
background-position: 380px;
background-repeat: repeat-y;}

.content-division.top {margin-top: 0;}

.content-division.middle{
background-position: 759px;}

/*.content-division.bottom{margin-top: 0; padding-top: 0;
background-color: #EAF4F9;
background-position: 759px;} */

.content-division.bottom{
margin-top: 0;
background-position: 759px;}

.bottom-section { padding: 15px 0; 
background-color: #EAF4F9;}

.content-division.bottom h3{
background-color: transparent;}

.content-division.lower{
background-image: url(/images/bg-twin-dotted-line.gif);
background-position: 0;}

.content-division.full-page{
background-position: 759px;
margin-top: 0; margin-bottom: 15px;}

/* =content rows, columns and panels
-------- */

.left-content-column {width: 729px; float: left;}
.left-content-column.divider {background: url(/images/bg-dotted-line.gif) 365px repeat-y;}
.right-content-column {width: 211px; float: right;}

.content-column-small {width: 350px;}

.right-content-column .content-panel-special {margin-bottom: 20px;}

.content-row {padding:0; margin-bottom: 10px;}
.content-row.divider {background: url(/images/bg-dotted-line.gif) 365px repeat-y;}
.last {margin-bottom: 0;}

.lead-content {padding:0; margin-bottom: 10px; background: url(/images/bg-dotted-line.gif) 365px repeat-y;}

.lead-content-panel {float: left; width: 350px;}
.lead-content-panel ul {margin-top: 0;}

.lead-sub-content {background: url(/images/bg-dotted-line.gif) 365px repeat-y; float: right; width: 590px;}

.lower-content,
.middle-content {width: 729px; margin-top: 15px;}
.middle-content.divider {background: url(/images/bg-dotted-line.gif) 365px repeat-y;}
.middle-content .more-link a {font-weight: bold;}

.content-panel {padding: 0; margin: 0; width: 350px; float: left;}

.content-panel.reader-comments {background-color: #F6FAFC}
.content-panel.reader-comments div {padding: 0 8px;}
.content-panel.reader-comments h4 {background-color: #fff;}

.content-panel p.back-to-top {padding: 2px 0; margin-top: 8px; display: block; background-color: #E4F0F6; text-align: right; border-top: 1px solid #FFF; font-size: 0.85em; font-weight: bold; clear: both;}
.content-panel p.back-to-top a{background: url(/images/icon-up-arrow.gif) right no-repeat; padding-right: 10px; margin-right: 5px;}
.content-panel p.more {padding: 2px 0; margin-top: 8px; margin-bottom: 0; display: block; background-color: #E4F0F6; text-align: right; border-top: 1px solid #FFF; font-size: 0.85em; font-weight: bold; clear: both;}
.fun .content-panel p.more {background-color: #F1EFE2;}
.content-panel p.more a{background: url(/images/icon-doublearrow-nospace.gif) right no-repeat; padding-right: 10px; margin-right: 5px;}
.content-panel p.more-vanilla {padding: 2px 0; display: block; text-align: right; font-size: 0.85em; font-weight: bold;}
.content-panel p.more-vanilla a{background: url(/images/icon-doublearrow-nospace.gif) right no-repeat; padding-right: 10px;}
.content-column-small .content-panel {float: none; margin-bottom: 10px;}
.content-column-small .content-panel.last {float: none; margin-bottom: 0px;}

.content-panel.variant {padding: 15px 0 0 0; margin: 0 0 15px 0; background: url(/images/bg-dotted-line.gif) top repeat-x;}
.content-panel.variant h4 {background: none; margin: 0;}
.content-panel.variantfirst {padding-top: 0; background: none; margin: 0 0 15px 0;}
.content-panel.variantfirst h4 {background: none; margin: 0;}

.content-panel.large {width: 729px;}
.content-panel.breaking-news, 
.content-panel.your-say-poll{background-color: #E4F0F6;}

.bordered {margin-top: -8px; margin-bottom: 18px; padding: 10px 10px 0 10px; border-left: 1px solid #D7D2D2; border-right: 1px solid #D7D2D2; border-bottom: 1px solid #D7D2D2;}
.bordered .content-panel {width: 338px;}
.bordered .content-row {margin-bottom: 0; padding-bottom: 10px;}
.content-column-small .bordered {padding: 10px 8px 10px 8px;}
.content-column-small .bordered .content-panel {width: auto;}

.bordered-special {margin-top: -8px; margin-bottom: 0; padding: 10px 10px 0 10px; border-left: 1px solid #D7D2D2; border-right: 1px solid #D7D2D2;}
.bordered-special .content-panel {width: 328px; float: none;}
p.more-standalone {padding: 2px 0; margin-top: 0; margin-bottom: 15px; display: block; background-color: #E4F0F6; text-align: right; font-size: 0.85em; font-weight: bold;}
p.more-standalone a{background: url(/images/icon-doublearrow-nospace.gif) right no-repeat; padding-right: 10px; margin-right: 5px;}

.generic-content-left {
float: left;
width: 155px;
background: url(/images/bg-generic-content.gif) top repeat-x;
height: 680px;
margin-top: 10px;
}

.generic-content-right {
width: 545px;
float: right;
margin-top: 10px;
}

.generic-content-right p, .generic-content-right ul {
margin-bottom: 15px;
}

.content-panel-split {clear: both; margin-top: 0; margin-bottom: 10px;}
.content-panel-split ul {padding-top: 0;}

.right-content-panel {width: 211px; float: right;}
.content-column-small .right-content-panel {float: none;}
.right-content-column .right-content-panel {float: none; margin-bottom: 15px;}

.scroll-o-matic{ width: 729px; float: left;}

/* =variant panels
--------- */

.content-panel-special *{margin-left: 8px; margin-right: 5px; padding-left: 0; padding-right: 0;}

.content-panel-special cite,
.content-panel-special small,
.content-panel-special li,
.content-panel-special strong,
.content-panel-special a,
.content-panel-special h3,
.content-panel-special h4,
.content-panel-special .content-panel-split ul {margin-left: 0; margin-right: 0;}
.content-panel-special .sub-header {margin-left: 8px; margin-right: 8px; margin-top: 8px; background-color: transparent;}
.content-panel-special h4.transparent {margin-left: 8px; margin-right: 8px; background-color: transparent;}

.content-panel-special {float: right; padding: 0 0 5px 0; margin: 0; background-image: url(/images/bg-special-panel.gif); background-position: top; background-repeat: repeat-x; background-color: #F1EFE1;}

.content-panel-special.variantx {width: 211px; background-image: url(/images/bg-special-panel-variantx.jpg); background-position: 0 10px; background-color: #e2eff6;}
.content-panel-special.variantx h5 {margin-top: 60px;}

.content-panel-special p.more { clear: both; padding: 2px 27px 0 0; margin: 8px 0 0 0; display: block; background: url(/images/icon-doublearrow.gif) right center no-repeat; text-align: right; border-top: 1px solid #FFF; font-size: 0.85em; font-weight: bold;}

.content-panel-special.medium {width: 350px;}
.content-panel-special.small {width: 211px;}

.content-panel-special.variant1 {width: 211px; background-image: none; background-color: #fff;}
.content-panel-special.variant2 {width: 211px; background-image: url(/images/bg-special-panel-variant2.gif); background-position: bottom; background-color: #eee;}
.content-panel-special.variant3 {width: 211px; background-image: url(/images/bg-special-panel-variant3.jpg); background-position: bottom; background-color: #dddabf;}
.content-panel-special.variant3 p.more {padding: 2px 27px 0 0; margin: 8px 0 0 0; display: block; background: url(/images/icon-doublearrow.gif) right center no-repeat; text-align: right; border-top: 1px solid #FFF; font-size: 0.85em; font-weight: bold;}
.content-panel-special.variant4 {width: 211px; float: none; background-image: url(/images/bg-special-panel-variant4.gif); background-position: bottom; background-color: #fff;}
.content-panel-special.variant4 h4 {background-color: #EAF4F9;}
.content-panel-special.variant5 {width: 211px; background-image: url(/images/bg-special-panel-variant5.jpg); background-position: bottom; background-color: #c5dfea;}
.content-panel-special.variant6 {float: none; background-image: none; background-color: #F3F8FB; margin-bottom: 15px;}
.content-panel-special.variant7 {background-image: none; background-color: #F1F7FA; width: 350px;}
.content-panel-special.variant8 {background-image: none; background-color: #F8F7F0; width: 729px; margin: 0 0 15px 0; padding: 0; float: none;}
.content-panel-special.variant9 {background-image: none; background-color: #E2EDF2; padding: 0 10px 10px 10px; margin: 0 0 15px 0; float: none;}
.content-panel-special.variant9 h4 {margin: 10px 0 10px 0;}

.form-panel {background-color: #E4F0F6; padding: 0; margin: 0 0 10px 0; clear: both;}
.form-panel p.more { clear: both; padding: 2px 27px 2px 0; margin: 8px 0 0 0; display: block; background: url(/images/icon-doublearrow.gif) right center no-repeat; text-align: right; border-top: 1px solid #FFF; font-size: 0.85em; font-weight: bold;}

/*.form-panel p.more {padding: 2px 0; margin-top: 8px; display: block; background-color: #E4F0F6; text-align: right; border-top: 1px solid #FFF; font-size: 0.85em; font-weight: bold;}
.form-panel p.more a{background: url(/images/icon-doublearrow-nospace.gif) right no-repeat; padding-right: 10px; margin-right: 5px;}*/


.content-panel-special p {margin-bottom: 0;}
.content-panel-special h3 {background-color: #fff;}

.content-panel-special.variant-blue{background-image: none; background-color: #F1F7FA; margin-bottom: 15px; width: 350px;}
.content-panel-special.variant-blue h3{background-color: #E4F0F6; padding-left: 8px;}

.content-panel-special.variant-beige{background-image: none; background-color: #F7F5ED; margin-bottom: 15px; width: 350px;}
.content-panel-special.variant-beige h3{background-color: #F7F5ED; padding-left: 8px;}

.right-content-column .content-panel-special {float: none;}


/* =local guide HWW
--------------- */
#guide {
margin-top: 7px;
_margin-top: 8px;
width: 728px;
}

/* guide tab navigation */
ul.guide-list {
margin: 0 0 0 0;
padding: 0;
list-style: none;
height: 18px;
width: 728px;
background: transparent url(/images/bg-line-grey.gif) repeat-x 0 100%;
}
ul.guide-list li { float: left; }

ul.guide-list li a:link, ul.guide-list li a:visited {
display: block;
float: left;
text-decoration: none;
color: #1b73a4;
padding: 0 8px;
text-align: center;
font: bold 11px arial, san-serif;
line-height: 17px;
border-left: 1px solid #f1efe1;
border-bottom: 1px solid #d7d2d2;
background: #f1efe1 url(/images/classified-box-corner.gif) no-repeat 100% 0;
}
ul.guide-list li a:hover { background-color: #dddabf; border-left: 1px solid #dddabf; }

/* active tab state */
#guide.tv-tab #tv-tab,
#guide.movie-tab #movie-tab {
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #fff;
background: #fff url(/images/classified_box_active.gif) no-repeat 100% 0;
}

#guide.tv-tab #tv,
#guide.movie-tab #movie { display: block; }

/* initial hiding of divs */
#tv, #movie { display: none; position: relative; }

/* content divs */
.guide-box {
height: 164px;
width: 706px;
margin-top: -1px;
padding: 6px 10px;
position: relative;
border: 1px solid #cfcfcf;
border-width: 0 1px 1px 1px;
}
.guide-box h4 { margin: 0; }

.guide-box #tv1,
.guide-box #tv2,
.guide-box #movie1,
.guide-box #movie2 {
height: 155px;
width: 704px;
position: relative;
background: #dddabf url(/images/bg-local-guide.jpg) no-repeat 0 100%;
}

#tv ul, #movie ul {
margin: 10px;
font-size: 11px;
}
#tv1, #tv2, #movie1, #movie2 { position: relative; }

#tv ul li, #movie ul li {
height: 96px;
float: left;
padding: 5px;
background: transparent url(/images/bg-dotted-line.gif) repeat-y 100% 0;
}

/* movie 1 */
#movie1 p { padding: 10px; }
#movie-pref {
display: block;
width: 230px;
height: 22px;
position: absolute;
right: 10px;
bottom: 10px;
text-indent: -9999px;
background: transparent url(/images/button-movie-pref.gif) no-repeat 0 0;
}

/* tv 2 and movie 2 */
#movie2 label { font-weight: bold; }
#tv p strong, #movie p strong { padding: 5px; }

#tv .r1, #tv .r3, #movie .r1, #movie .r3 { width: 160px; }
#tv .r2, #movie .r2 { width: 320px; }
#tv .r3, #movie .r3 { background-image: none; }

#tv2 .r2 input { height: 12px; width: 12px; margin-bottom: 10px; }
#tv2 .r2 label { padding: 0 2px; vertical-align: top; }
a.more {
font-weight: bold;
margin-left: 5px;
background: url(/images/icon-doublearrow.gif) right no-repeat; padding-right: 27px;
}

/* tv 1 */
#tv1 .r1 {
padding-right: 10px; 
background: transparent url(/images/bg-dotted-line.gif) repeat-y 100% 0;
}
#tv1 .r2 {
background-image: none;
height: 15px;
width: 480px;
margin-top: -5px;
margin-bottom: 5px;
padding-left: 15px; 
}
#tv1 .r3 {
_margin-top: -5px;
padding-left: 10px;
height: 70px;
width: 480px;
}

#tv1 dl {
width: 157px;
float: left;
}
#tv1 dt {
width: 20px;
height: 16px;
float: left;
}
#tv1 dd {
width: 134px;
height: 16px;
padding-left: 2px;
line-height: 16px;
float: left;
}
#tv1 input { height: 16px; }

#tv1 .r1 p { font-size: 1.1em; }

#tv1 #tv-pref {
height: 22px;
width: 141px;
margin-top: 10px;
}

/* general input size-tweaks */
#day, #section, #movie-time, #select-date { width: 140px; margin: 5px; }
#movie-title { width: 280px; margin: 5px; }
#show-guide { margin: 15px 0 3px 0; }
#region { width: 280px; margin-left: 5px; }

/* top icons */
#icon-tv, #icon-mov {
width: 128px;
height: 51px;
background: red;
position: absolute;
top: -51px;
right: 0;
}
#icon-tv { background: transparent url(/images/icon-tv.gif) no-repeat 0 0; }
#icon-mov { background: transparent url(/images/icon-movies.gif) no-repeat 0 0; }


/* =tab-o-matic
--------------- */
#classifieds { width: 211px; }

/* classifieds tabs */
ul.classifieds-list {
margin: 0 0 -1px 0;
padding: 0;
list-style: none;
height: 16px;
}
ul.classifieds-list li { float: left; }

ul.classifieds-list li a:link, ul.classifieds-list li a:visited {
display: block;
float: left;
text-decoration: none;
color: #1b73a4;
width: 40px;
text-align: center;
font: bold 11px arial, san-serif;
line-height: 17px;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #cfcfcf;
background: #d9d9d9 url(/images/classified-box-corner.gif) no-repeat 100% 0;
}
ul.classifieds-list li a:hover { background-color: #eee; border-left: 1px solid #eee; }

/* fine tuning width */
#homes-tab { width: 46px; }

/* active tab state */
#classifieds.jobs-tab #jobs-tab,
#classifieds.cars-tab #cars-tab,
#classifieds.homes-tab #homes-tab,
#classifieds.local-tab #local-tab,
#classifieds.dates-tab #dates-tab {
border-left: 1px solid #cfcfcf;
border-bottom: none;
background: #fff url(/images/classified_box_active.gif) no-repeat 100% 0;
}

#classifieds.jobs-tab #jobs,
#classifieds.cars-tab #cars,
#classifieds.homes-tab #homes,
#classifieds.local-tab #local,
#classifieds.dates-tab #dates { display: block; }

/* hidden classifieds divs */
.classifieds-box {
height: 204px;
position: relative;
border: 1px solid #cfcfcf;
border-width: 0 1px 1px 1px;
}
.classifieds-box .logo {
position: absolute;
bottom: 5px;
left: 10px;
height: 39px;
width: 189px;
background: #fff url(/images/bg-dotted-line.gif) repeat-x 0 0;
}
.classifieds-box .logo img {
float: left;
margin-top: 12px;
}
.classifieds-box .logo p {
float: left;
margin: 6px 0 0 9px;
width: 50%;
font: normal 11px arial, san-serif;
}
.classifieds-box .logo a {
display: block;
color: #1b73a4;
text-decoration: none;
font: bold 11px arial, san-serif;
}
.classifieds-box .logo a:hover { text-decoration: underline; }

/* initial hiding of divs */
#jobs, #cars, #homes, #local, #dates { display: none; }

/* daily poll
--------- */
.your-say-poll p{
	margin-left: 10px;}

dl.daily-poll{
	width: 310px;
	padding: 0;
	margin-left: 10px;
	background: url(/images/bg-dotted-line.gif) 30px 0 repeat-y;}

.daily-poll dt, .daily-poll dd{
	margin-bottom: 0px;
	height: 20px;}

.daily-poll dt{
	width: 40px;
	float: left;}

.daily-poll dd{
	width: 270px;
	font-size: 11px;
	float: left;}

.daily-poll dd.vote-now{
	width: 310px;
	text-align: right;}

.daily-poll-submit{
	margin: 5px 0;
	margin-right: 10px;
	text-align: right;}


/* =floats
--------- */
.floatright{float: right;}
.floatleft{float: left;}
.floatnone{float: none;}

/* =additional classes
--------- */

.bold{
font-weight: bold;}

/* =text ad overrides
--------- */
.content-panel-special.variant2 div, .content-panel-special.variant2 .smallPromoBox b,  .content-panel-special.variant2 .smallPromoBox a,  .content-panel-special.variant2 .smallPromoBox p,  .content-panel-special.variant2 .smallPromoBox img,  .content-panel-special.variant2 .smallPromoBox ul,  .content-panel-special.variant2 .smallPromoBox dl{
padding: 0;
margin: 0;
text-align: left;
}

.content-panel-special.variant2 .smallPromoBox img{
margin-bottom: 5px;
}

.content-panel-special.variant2 .smallPromoBox {
margin: 0 8px;
font-size: 0.85em;
}