﻿/* Common CSS Document for The Irish Times (styles from generic.css & subpages.css) */

/*  from old generic.css */

/* Page Basics */
html { /*overflow:auto;*/ }
body { line-height:15px; background:url(/images/v3/generic/bg.gif) repeat-y center top; }
html, body { margin:0px; padding:0px; width:100%; height:100%; text-align:center; }

div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label,
table, caption, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; font-size:100%; vertical-align:top; }

/*fix for ads jumping - vertical-align doesn't really work on block level unless inside an inline element which the flash ads aresn't*/
#footer li.first span, .advertisement-content span, object {vertical-align:baseline;} 

ul, li { list-style:none; }

.hide {display:none !important;}

/* Typography */
body, table, th, td { font: 0.70em Arial, Helvetica, sans-serif; color:#333333; }
input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; outline:none; }

h1 { font-size:185%; color:#000000; line-height:normal; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; }
h2 { font-size:165%; color:#000000; line-height:normal; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; }
h3 { font-size:155%; color:#000000; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; }
h4 { font-size:120%; color:#000000; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; }
h5 { font-size:100%; color:#000000; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited  { color:#C00000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { background:none; color:#000; }
span.h1, li h1, .ireland-world h1 { font-size:185%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; line-height:normal; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; display:block; }
.ireland-world .right-column h1 { font-family:Arial, Helvetica, sans-serif; }
li h1 {font-size:195%}
span.h2, li h2 { font-size:165%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; display:block; }
li h2 {font-size:175%;}
#sports_rightcol table th {font-size:165%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; line-height:normal; }
span.h3, li h3, h3.f-arch { font-size:145%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; display:block; }
li h3 { font-size:155%;}
h3.f-arch {font-size:135%; margin-top:8px;}
span.h4 { font-size:120%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; display:block; }
span.h5 { font-size:100%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; }

table { border-collapse:collapse; border-spacing:0; }
table th, table td { font-size:135%; }

strong { font-weight:600; }

p { line-height:18px; margin:0px 0px 18px 0px; }

a, a:visited  { color:#333333; text-decoration:none; outline:none; border:0px none; }
a:hover { color:#C00000; }
a:active { outline:none; }
a img { outline:none; border:none; }
a b { color:#000000; }

/* for inline links */
a.inline, a.inline:link, a.inline:visited {text-decoration:none; border-bottom:1px dashed #CC0000; display:inline; /*not always needed but may as well have it in */ }
a.inline:hover {border-bottom:1px solid #CC0000; color:#CC0000 !important;}

label { cursor:pointer; position:relative; }
label b { width:16px; height:16px; display:block; background:url(/images/v3/generic/tick.gif) no-repeat left top; position:absolute; left:-3px; top:-3px; }

/*clearfix - add this to an element that contains floated items to clear propery*/
.cf:after 	{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf 		{height:1%;}

/* Layout */
#wrapper { width:992px; height:100%; margin:0px auto; padding:0px; text-align:left; }
#torso { width:960px; margin:0px 0px 0px 16px; float:left; display:inline; }

/* Banner Area */
#banner-area { width:986px; height:auto !important; height:93px; min-height:93px; margin-left:3px; background:#E6E6CE; float:left; display:inline; background:#E6E6CE; border-bottom:1px solid #FFF; }
#banner-ad { width:728px; height:auto !important; height:90px; min-height:90px; margin:0px 4px 3px 13px; text-align:center; float:left; display:inline; }
#banner-topic { width:209px; height:77px; min-height:77px; margin:0px 13px 3px 0px; padding:11px 10px 2px 9px; float:right; background:#FFFFFF; display:inline; position:relative; overflow:hidden; }
#banner-topic .content { width:20000px; height:auto !important; height:61px; min-height:61px; float:left; overflow:hidden; }
#banner-topic img { float:right; margin-bottom:2px; }
#banner-topic a { width:209px; height:auto !important; height:61px; min-height:61px; float:left; display:block; margin-right:10px; background:#FFF; }
#banner-topic a:hover { background:#FFF; }
#banner-topic span.h1, #banner-topic span.h2, #banner-topic span.h3, #banner-topic span.h4, #banner-topic span.h5 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#banner-topic .prev-next { width:209px; height:auto !important; height:10px; min-height:10px; position:absolute; bottom:5px; right:10px; margin:0px; padding:1px 0px 0px 0px; border:0px none; text-align:right; font-size:90%; line-height:10px; clear:both; }
#banner-topic .prev-next a { width:auto; height:auto; min-height:0px; margin:0px; }
#banner-spacer { width:992px; height:6px; line-height:6px; font-size:0px; float:left; background:url(/images/v3/generic/banner_shadow.gif) no-repeat 2px 0px; }
#hide-shadow-left { width:3px; height:6px; line-height:6px; font-size:0px; margin-left:-1px; float:left; background:url(/images/v3/generic/hide_shadow.gif) no-repeat left top; }
#hide-shadow-right { width:3px; height:6px; line-height:6px; font-size:0px; margin-right:-1px; float:right; background:url(/images/v3/generic/hide_shadow.gif) no-repeat left top; }

/* Header */
#header { width:960px; height:auto !important; height:110px; min-height:110px; margin:0px 0px 0px 16px; float:left; display:inline; }

/* LOGO, Date and Weather Area */
#logo-date-area { width:721px; height:auto !important; height:40px; min-height:40px; padding-top:10px; float:left; color:#000000; font-weight:bold; }
#logo { margin-right:22px; float:left; display:inline; }
#logo-date-area .date { margin:11px 8px 10px 0px; padding-right:8px; float:left; display:inline; background:url(/images/v3/generic/01homepage_r18_c20.gif) no-repeat right center; width:170px; }
#logo-date-area .weather { float:left; display:inline; }
#logo-date-area .weather a { display:block; cursor:pointer; }
#logo-date-area .weather a:hover { background:none; }
#logo-date-area .temperature-location { padding:11px 8px 10px 0px; float:left; display:inline; }
#logo-date-area .temperature-location a:hover { background:none; color:#C00000; }
#logo-date-area .temperature-location .temperature { color:#C00000; }
#logo-date-area .weather-icon { padding:6px 8px 0px 0px; float:left; display:inline; position:relative; z-index:0; cursor:pointer; }
#logo-date-area  #weather-further-info { width:140px; float:left; position:absolute; top:0px; left:-55px; display:none; z-index:0; }
#logo-date-area .arrow { width:23px; height:12px; line-height:12px; font-size:0px; background:url(/images/v3/generic/weather/Untitled-1_r1_c5.png) no-repeat left top; /*display:none;*/ z-index:1; position:absolute; top:11px; left:-300000px; text-align:center; }
#logo-date-area  #weather-further-info .left { width:9px; height:85px; float:left; background:url(/images/v3/generic/weather/Untitled-1_r2_c1.png) no-repeat left top #FFFFFF; position:relative; }
#logo-date-area  #weather-further-info .content { width:120px; height:79px; padding-top:6px; float:left; background:url(/images/v3/generic/weather/Untitled-1_r2_c3.png) repeat-x left top #FFFFFF; position:relative;  }
#logo-date-area  #weather-further-info .content .daily { width:34px; margin-left:5px; float:left; color:#666666; display:inline; }
#logo-date-area  #weather-further-info .content .daily img { }
#logo-date-area  #weather-further-info .content .daily span { padding-left:3px; display:block; }
#logo-date-area  #weather-further-info .content .daily span.day { color:#999999; }
#logo-date-area  #weather-further-info .content .your-weather { position:absolute; bottom:6px; right:0px; font-size:80%; color:#666666; }
#logo-date-area  #weather-further-info .content a:hover { background:none; }
#logo-date-area  #weather-further-info .right { width:9px; margin:0px; clear:none; display:inline; height:85px; float:left; background:url(/images/v3/generic/weather/Untitled-1_r2_c7.png) no-repeat left top #FFFFFF; position:relative; text-align:left; }
#logo-date-area .edit { padding:11px 0px 10px 0px; float:left; display:inline; }
#logo-date-area .edit a { color:#666666; }
#logo-date-area .edit a:hover { background:none; color:#C00000; }

/* Page Extras Area - RSS, Mobile, Site Index */
#page-extras { width:229px; height:36px; min-height:36px; padding:10px 0px 5px 0px; float:right; font-weight:bold; clear:right; }
#page-extras ul { float:right; display:inline; }
#page-extras li {  height:17px; min-height:17px; margin-right:10px; line-height:17px; float:left; display:inline; text-align:right; }
#page-extras li a { height:17px; line-height:17px; display:inline; border:none; float:left; white-space:nowrap; }
#page-extras li a:hover { text-decoration:underline; background-color:#FFFFFF; }
#page-extras li.last { margin-right:0px; }


/* Primary Navigation */
#primary-navigation { width:960px; height:auto !important; height:31px; min-height:31px; float:left; background:url(/images/v3/generic/01homepage_r20_c15.gif) repeat-x left bottom; clear:both; }
#primary-navigation ul { width:731px; height:auto !important; height:31px; min-height:31px; list-style:none; float:left; }
#primary-navigation ul li { height:auto !important; height:21px; min-height:21px; padding:5px 9px 5px 7px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; line-height:21px; background:url(/images/v3/generic/01homepage_r18_c20.gif) no-repeat right center; display:inline; }
#primary-navigation ul li a { float:left; color:#000000; }
* html #primary-navigation ul li a { white-space:nowrap; } /* for IE 6 */
#primary-navigation ul li a:hover { background:none; }
#primary-navigation ul li.last { background:none; }

#primary-navigation ul li.nav-on { height:auto !important; height:21px; min-height:21px; line-height:21px; padding:0px 9px 0px 0px; background:url(/images/v3/generic/tab_right_side.gif) no-repeat right top; margin-left:-1px; }
#primary-navigation ul li.nav-on span { width:.1em; height:auto !important; height:21px; min-height:21px; line-height:21px; float:left; padding:5px 0px 5px 8px; color:#C00000; background:url(/images/v3/generic/tab_left_side.gif) no-repeat 0px 0px #FFF; display:block; }
* html #primary-navigation ul li.nav-on span { padding:5px 0px 1px 8px; } /* for IE 6 */
* html #primary-navigation ul li.nav-on span a { margin-bottom:-5px; } /* for IE 6 */
#primary-navigation ul li.nav-on a { float:left; color:#C00000; }
#primary-navigation > ul li.nav-on span { width:auto; } /* Hide from IE5-Mac \*/
#primary-navigation ul li.nav-on span { float:none; } /* End IE5-Mac hack */

#pri-nav-news a:hover { color:#C00000; }
#pri-nav-news.nav-on { margin-left:0px; }
#pri-nav-news.nav-on span { padding-left:7px; }

#pri-nav-sport a:hover { color:#C00000; }
#pri-nav-business a:hover { color:#C00000; }
#pri-nav-comment a:hover { color:#C00000; }
#pri-nav-shop a:hover { color:#C00000; }
#pri-nav-life-culture a:hover { color:#C00000; }
#pri-nav-classified a:hover { color:#C00000; }


/* Secondary Navigation */
#secondary-navigation { width:960px; float:left; clear:both; }
#secondary-navigation ul { width:960px; height:auto !important; height:29px; min-height:29px; list-style:none; float:left; }
#secondary-navigation ul li { height:auto !important; height:15px; min-height:15px; padding:7px 12px 7px 9px; float:left; font-size:110%; line-height:15px; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat right center; }
#secondary-navigation ul li.nav-on, #secondary-navigation ul li.nav-on a { color:#C00000; }
#secondary-navigation ul li a { float:left; color:#000000; }
#secondary-navigation ul li a:hover { background:none; color:#C00000; text-decoration:underline; }
#secondary-navigation ul li a.print-edition:hover { background:url(/images/v3/generic/01homepage_r23_c36.gif) no-repeat right center; }
#secondary-navigation ul li.last { background:none; }


/* Site Search */
#site-search { width:221px; height:auto !important; height:23px; min-height:23px; margin-top:-31px; padding:4px; float:right; background:url(/images/v3/generic/01homepage_r20_c86.gif) no-repeat right bottom #D8D8D8; overflow:hidden; }
#site-search form { float:left; margin:0px; padding:0px; }
#site-search input.text { width:184px; height:19px; min-height:19px; margin:0px; padding:2px 0px 2px 6px; float:left; border:0px none; font-family:Georgia, "Times New Roman", Times, serif; outline:none; font-size:140%; line-height:19px; display:inline; }
#site-search input.submit { width:31px; height:23px; padding:0px; float:left; font-size:0px; line-height:0px; display:inline; }

/* Site Index */
#site-index-holder { width:960px; height:auto !important; height:3px; min-height:3px; float:left; border-top:3px solid #026668; }
#site-index-wrapper { width:960px; height:auto !important; height:0px; min-height:0px; float:left; position:absolute; top:0px; left:0px; }
#site-index-content { width:954px; height:auto !important; height:3px; min-height:3px; float:left; display:none; border:solid #026668; border-width:0px 3px 3px 3px; background:#FFFF00; background:none; }
#site-index-close { height:23px; margin:0px 0px 0px 10px; padding-left:12px; line-height:16px; float:right; background:url(/images/v3/generic/close_left.gif) no-repeat left top #026668; display:inline; }
#site-index-close span { padding:2px 20px 5px 0px; display:block; line-height:16px; background:url(/images/v3/generic/close_icon.gif) no-repeat right 4px #026668; cursor:pointer; margin-right:4px; color:#FFFFFF; font-weight:bold; }
#site-index-close .cloak { background:#026668; }

/* Site Index content */
#site-index-actual { float:left; padding:5px 10px 10px 10px; width:934px; }
#site-index-actual ul { float:left; list-style: none; margin-right: 12px; padding: 0; width:110px; }
#site-index-actual li { height:auto !important; height:17px; min-height:17px; padding:0px;list-style:none;line-height:15px;font-size:95%;}
#site-index-actual strong { color: #c00000;}
#site-index-actual li a { display: block; text-decoration: none; padding:2px 0px 2px 0;}
#site-index-actual li a:hover {background-color:#fff;}
#site-index-actual a.indent { padding-left: 10px;background:url(/images/v3/generic/01homepage_r34_c6.gif) no-repeat left 7px;}


/* ##### Content ##### */

#content { width:960px; float:left; } 

.left-column { float:left; display:inline; }
.left-column .sub-section { width:100%; float:left; padding-bottom:13px; margin-bottom:8px; border-bottom:3px solid #D7D7CB; }
.left-column .no-line{border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.left-column .half-left {  width:320px;float:left; display:inline; clear:left; } /* used in sports pages */
.left-column .half-right {  width:300px;  float:right; display:inline; } /* used in sports pages */
.left-column .border-break { padding-bottom:16px; margin-bottom:8px; border:none; background:url(/images/v3/generic/sub_section_break.gif) no-repeat left bottom; }

.right-column { float:right; display:inline; }
.left-column .no-padding { padding:0px; }
.left-column .full ul { width:100%; float:left; padding-bottom:18px; }
.left-column .full li { width:100%; float:left; border-bottom:1px solid #FFCCC8; }
.left-column .full li a { padding:6px 0px; }
.left-column .full li.last { border:0px none; }

/*Generic (outer) left-column & right column declarations -  DO NOT CHANGE */
.generic .left-column { width:630px; font-size:105%; line-height:18px;} 
.generic .right-column { width:320px; } 
.generic .left-column .right-column { margin-top:0px; padding-top:0px; font-size:105%; }
.generic .left-column h1 { font-size:180%; }
.generic .left-column h1 a{ margin:0px; padding:0px;}


/* ### MAIN HEADLINE ### */
.generic .left-column .main-headline {padding-bottom:0px; margin-bottom:13px;}
.generic .left-column .main-headline a .img-left { margin-right:20px; }
.generic .left-column .main-headline a .img-right { margin-left:20px; }
.generic .left-column .main-headline h1 a {  padding:0px; }

/* main-headline inner left/right col widths */
.generic .left-column .main-headline .left-column{width:320px; float:left; display:inline;}
.generic .left-column .main-headline .right-column{width:300px; float:right; display:inline;}

/* block links in main-headline */
.generic .left-column .main-headline a{display:block; padding:0px 10px 10px 10px; /*margin:0px 0px 10px 5px;*/ margin:0px;} 
.generic .left-column .main-headline .left-column a{/*width:290px;*/ width:300px;}
.generic .left-column .main-headline .right-column a {/*width:270px; */width:280px;}

.generic .left-column .main-headline li { width:100%; float:left; }
.generic .left-column .main-headline li.last { padding-bottom:0px; }
.generic .left-column .main-headline ul li, .generic .left-column .main-headline .right-column ul li {border-bottom:1px solid #FECDC9; margin-bottom:10px;}

/* ### END MAIN HEADLINE ### */


/* ### SUB SECTION ### */
.left-column .sub-section .left-column h1, .left-column .sub-section .right-column h1 {display:block; background:none; margin-left:0px; clear:both; width:100%;}
.left-column .sub-section h1 a, .left-column .sub-section a { background-color:#FFFFFF; color:#333333; }
.generic .left-column .sub-section a.block, .generic .left-column .sub-section a.block:visited {display:block;padding:0px 10px 10px 10px; margin-left:5px;}
.generic .left-column .sub-section a.block:hover{background-color:#F6F6EC;}
.generic .left-column .sub-section .left-column h1 a:link, .generic .left-column .sub-section .left-column h1 a:visited,
.generic .left-column .sub-section .left-column h1 a:hover, 
.generic .left-column .sub-section .right-column h1 a:link, .generic .left-column .sub-section .right-column h1 a:visited,
.generic .left-column .sub-section .right-column h1 a:hover{ background:none; margin-left:0px; padding:0px;}

.left-column .sub-section a.right { background-color:#FFFFFF; color:#C00000; }
.left-column .sub-section a.right:hover { background:none; }
.left-column .sub-section h1 a, .left-column .sub-section h2 a, .left-column .sub-section h3 a, .left-column .sub-section h4 a, .left-column .sub-section h5 a { width:auto; float:none; display:inline !important; background:none; color:#C00000; }
.left-column .sub-section h1 a:hover, .left-column .sub-section h2 a:hover, .left-column .sub-section h3 a:hover, .left-column .sub-section h4 a:hover, .left-column .sub-section h5 a:hover { background:none; color:#000; }
.left-column .sub-section .h4 { margin-bottom:0px; font-weight:bold; font-size:115%; }

.right-column .sub-section { width:100%; border-top:3px solid #D7D7CB; clear:both; background:#FFFFFF; /*float:right;*/}
.right-column .sub-section .generic { float:left; clear:both;  font-size:105%; padding:0 0 13px 10px; }
.right-column .sub-section-np { width:100%; border-top:3px solid #D7D7CB; clear:both; background:#FFFFFF; float:right; padding:0; line-height:3px; height:0; min-height:0; font-size:0; }
.generic .right-column .sub-section { width:310px; padding-left:10px; }
.generic .right-column .sub-section #flashcontent{ margin-top:20px;}


/* sub-section inner left/right col widths */
.left-column .sub-section .left-column { width:320px; float:left; display:inline; }
.left-column .sub-section .right-column { width:300px; float:right; display:inline; }

/* block links in subsection */
.left-column .sub-section .left-column a:link, .left-column .sub-section .left-column a:visited,
.left-column .sub-section .right-column a:link, .left-column .sub-section .right-column a:visited{display:block; padding:0px 10px 10px 10px; /*margin-left:5px;*/}
.left-column .sub-section .left-column a:hover, .left-column .sub-section .right-column a:hover{background-color:#F6F6EC; }
.left-column .sub-section .left-column a{/*width:290px;*/ width:300px;}
.left-column .sub-section .right-column a {/*width:270px; */width:280px;}

.left-column .sub-section .left-column a:after, .left-column .sub-section .right-column a:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* ### END SUB SECTION ### */


/* IE6 only - eoneill - added overflow:hidden to force IE6 to obey explicit widths - ## may cut off some content - watch impact ## */
*html .generic .left-column, 
*html .left-column .sub-section .left-column, 
*html .left-column .sub-section .right-column,
*html .generic .left-column .main-headline .left-column,
*html .generic .left-column .main-headline .right-column {overflow:hidden;}
/* end IE6 overflow rule */


.hidden { display:none; }
.oversize { margin-left:-10px; }
.generic .three-columns-equal { width:100%; padding-bottom:10px; float:left; background:url(../images/generic/three_column_bg.gif) no-repeat left bottom; }

/* ### Image Captions - added eoneill - 10/02/09 ### */
/* NB: 
        - these styles are used where images appear on index style pages - ie Business, Sport, Education etc
        - all images must be 315px wide for all pages except Todays Paper which are 520px 
        - image captions for images that appear within articles are in article_pages.css 
*/
#headline-image{display:block; margin:0px 0px 20px 0px; width:315px; }
.print-edition #headline-image{width:520px;}

#headline-image a.head-img-link, #headline-image span.head-img-span{display:block; padding:0px;  background:none; width:100%; margin:0px; }
#headline-image p.head-img-caption{color:#FFFFFF; padding:5px; font-size:90%; margin:0px; background:#000000; }
#headline-image a.head-img-link p.head-img-caption{cursor:pointer;}
/* end captions */


/* Footer */
#footer { width:940px; height:auto !important; height:0px; min-height:0px; margin:28px 0px 0px 2px; padding:0px 24px 15px 24px; float:left; display:inline; background:#000000; color:#FFFFFF; clear:both; }
#footer a { color:#FFFFFF; }
#footer li a { color:#333; }
#footer .content ul { width:940px; margin:11px 0px 10px 0px; /*position:relative; float:left;*/}
#footer .content ul li { width:150px; height:auto !important; height:216px; min-height:216px; padding-bottom:35px; float:left; display:inline; margin-right:10px; position:relative; }
#footer .content ul li.first { width:300px; text-align:center; }
#footer .content ul li.first .advertisement { text-align:left; }
#footer .content ul li.last { margin:0px; }
#footer .content ul li .classified { background:#000000; color:#FFFFFF; line-height:14px; }
#footer .content ul li .spacer { display:block; height:14px; background:#000000; line-height:14px; font-size:0px; }
#footer .content ul li .extra-link { width:130px; padding:5px 0px 5px 0px; position:absolute; bottom:0px; left:10px; border-top:1px solid #B8B9B4; display:block; text-align:right; font-size:145%; font-weight:bold; }

#footer .content ul li.green { background:#FFFFFF; color:#333333; border-bottom:11px solid #669801; }
#footer .content ul li.green h3 { height:auto !important; height:20px; min-height:20px; padding:14px 14px 10px 10px; background:#669801; color:#FFFFFF; }
#footer .content ul li.green .location { margin-bottom:5px; font-size:105%; display:block; }
#footer .content ul li.green .other-property-info { font-size:90%; display:block; }
#footer .content ul li.green .extra-link { color:#669801; }
#footer .content ul li.green .extra-link a { color:#669801; }

#footer .content ul li.blue { background:#FFFFFF; color:#333333; border-bottom:11px solid #194EAA; }
#footer .content ul li.blue h3 { height:auto !important; height:20px; min-height:20px; padding:14px 14px 10px 10px; background:#194EAA; color:#FFFFFF; }
#footer .content ul li.blue .select-categories { font-size:90%; display:block; color:#000000; font-weight:bold; }
#footer .content ul li.blue select { width:130px; font-size:90%; }
#footer .content ul li.blue .extra-link { color:#194EAA; }
#footer .content ul li.blue .extra-link a { color:#194EAA; }

#footer .content ul li.red { background:#FFFFFF; color:#333333; border-bottom:11px solid #CD0505; }
#footer .content ul li.red h3 { height:auto !important; height:20px; min-height:20px; padding:14px 14px 10px 10px; background:#CD0505; color:#FFFFFF; }
#footer .content ul li.red .extra-link { color:#CD0505; }
#footer .content ul li.red .extra-link a { color:#CD0505; }
#footer .content ul li.red .car-info {margin-bottom:5px; display:block; }

#footer .content ul li.purple { background:#FFFFFF; color:#333333; border-bottom:11px solid #993399; color:#000000; font-weight:bold; }
#footer .content ul li.purple h3 { height:auto !important; height:20px; min-height:20px; padding:14px 14px 10px 10px; background:#993399; color:#FFFFFF; }
#footer .content ul li.purple .extra-link { color:#993399; }
#footer .content ul li.purple .extra-link a { color:#993399; }
#footer .content ul li.purple form { margin:0px; }
#footer .content ul li.purple select { width:130px; margin-bottom:5px; display:block; color:#333333; }
#footer .content ul li.purple input { float:right; }
#footer .content ul li.purple label { margin-top:2px; float:left; }

#footer .content ul li div.inner { padding:8px 10px 0px 10px; }
#footer .content ul li img { margin-bottom:7px; display:block; }
#footer .content ul li a:hover { background:none; }

#copyright { width:200px; float:left; clear:left; font-size:95%; font-family:Georgia, "Times New Roman", Times, serif; color:#CCCCCC; }
#copyright a:hover {background:none; text-decoration:underline;}
#footer-nav { width:700px; float:right; clear:right; font-size:95%; font-family:Georgia, "Times New Roman", Times, serif; color:#CCCCCC; }
#footer-nav ul { float:right; }
#footer-nav ul li { float:left; border-right:1px solid #FFF; padding-right:5px; margin-right:5px; }
#footer-nav ul li a { color:#FFFFFF; }
#footer-nav ul li a:hover { background:none; text-decoration:underline; }
#footer-nav ul li.last { border:none; margin:0px; padding:0px; }
/* END Footer */


/* MultiBox - PLEASE DO NOT MODIFY */
.MultiBoxContainer { position:absolute; border:20px solid #000; background-color:#FFF; display:none; z-index:2; text-align:left; }
.MultiBoxLoading { background:url(/images/v3/multibox/loader.gif) no-repeat center; }
.MultiBoxContent { position:relative; width:100%; height:100%; overflow:hidden; }
.MultiBoxClose { position:absolute; top:-26px; right:-26px; background:url(/images/v3/multibox/close.png) no-repeat; width:24px; height:24px; cursor:pointer; }
.MultiBoxControlsContainer { overflow:hidden; height:0px; position:relative; margin-left:-20px; }
* html .MultiBoxControlsContainer { display:inline; } /* for IE 6 */
.MultiBoxControls { width:100%; height:auto; position:relative; background-color:#000000; }
.MultiBoxPrevious { position:absolute; background:url(/images/v3/multibox/left.png) no-repeat; width:24px; height:24px; left:20px; margin-top:5px; cursor:pointer; }
* html .MultiBoxPrevious { left:0px; } /* for IE 6 */
.MultiBoxNext { position:absolute; background:url(/images/v3/multibox/right.png) no-repeat; width:24px; height:24px; right:20px; margin-top:5px; cursor:pointer; }
* html .MultiBoxNext { right:0px; } /* for IE 6 */
.MultiBoxNextDisabled { cursor:default; background:url(/images/v3/multibox/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled { cursor:default; background:url(/images/v3/multibox/leftDisabled.png) no-repeat; }
.MultiBoxTitle { position:relative; margin:10px 0 0 35px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; text-align:left; }
.MultiBoxNumber { position:relative; width:50px; margin:10px 55px 0 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:right; display:inline; }
* html .MultiBoxNumber { margin-right:35px; } /* for IE 6 */
.MultiBoxDescription { clear:left; position:relative; padding:15px 50px 10px 50px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:left; }
* html .MultiBoxDescription { padding:15px 30px 10px 30px; } /* for IE 6 */


/* Specific HyperLinks */
a.print-edition { padding-right:23px; background:url(/images/v3/generic/01homepage_r23_c36.gif) no-repeat right center; }
a.rss-feeds { padding-right:18px; margin-right:2px; color:#C86900; background:url(/images/v3/generic/01homepage_r12_c70.gif) no-repeat right center; display:inline !important; }
a.rss-feeds:hover { color:#C86900; }
a.mobile { padding-right:18px; background:url(/images/v3/generic/01homepage_r11_c73.gif) no-repeat right center; }
a.mobile:hover { color:#333333; }
a.site-index { padding-right:21px; background:url(/images/v3/generic/01homepage_r11_c83.gif) no-repeat right center; }
a.site-index:hover { color:#333333; }
a.homepagemake-index { padding-right:21px; background:url(/images/v3/generic/icon_makehomepage.gif) no-repeat right center; }
a.homepagemake-index:hover { color:#333333; }
a.enlarge { width:auto; float:right; padding-right:26px; display:block; color:#000000; font-weight:bold; background:url(/images/v3/generic/01homepage_r48_c22.gif) no-repeat right center; }
a.enlarge:hover { color:#C00000; background-color:#FFF; }
#content .left-column .sub-section a.enlarge { width:auto; margin:15px 15px 0px 0px; padding:0px; padding-right:26px; float:right; }
#content .left-column .sub-section a.enlarge:hover { background-color:#FFFFFF; color:#C00000; }
a.rss-icon { margin:0px 0px 0px 17px !important; display:inline !important; }
a.rss-icon img { margin:7px 0px 0px 0px; }
a.email { padding-right:20px; background:url(/images/v3/generic/email_icon.gif) no-repeat right center; display:block; }
a.print { padding-right:20px; background:url(/images/v3/generic/print_icon.gif) no-repeat right center; display:block; }
a.article-rss-feeds { padding-right:20px; background:url(/images/v3/generic/rss_icon.gif) no-repeat right center; display:block; }
a.share { padding-right:20px; background:url(/images/v3/generic/share_icon.gif) no-repeat right center; display:block; }
a.smaller-A { width:16px; height:16px; float:left; background:url(/images/v3/generic/small_a_icon.gif) no-repeat left center; }
a.larger-A { width:16px; height:16px; float:left; background:url(/images/v3/generic/big_a_icon.gif) no-repeat left center; }
a.back { float:left; }
a.back-to-top { height:10px; line-height:10px; font-size:0px; position:absolute; top:29px; right:0px; }
a:hover span.h1, a:hover span.h2, a:hover span.h3, a:hover span.h4, a:hover span.h5 { color:#C00000; }


/* Specific Span Styles */
span.red { color:#C00000; }
span.black { color:#000; }
span.clear { display:block; clear:both; line-height:17px; }
span.advertisement { display:block; font-family:"Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:90%; }
.right-column span.advertisement { margin:19px 0px 0px 10px; }
.generic .right-column span.advertisement { margin:-14px 0px 0px 10px; }
.generic .right-column .sub-section span.advertisement { margin:19px 0px 0px 10px; }
span.classified { display:block; font-family:"Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:90%; }
span.right { width:100%; margin:12px 0px 9px 0px; float:left; clear:both; text-align:right; display:block; }
span.right a { font-weight:bold; }
h1 span.right { width:auto; margin:-21px 0px 9px 0px; float:right; clear:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:50%; }
h1 span.right a { color:#000000; }
h1 span.right a:hover span.red { color:#000000; }


/* Headline Information - Author, Time, etc. */
.headline-info { margin:2px 7px 0px 0px; padding:0px 7px 0px 0px; float:none; line-height:18px; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat right center; font-size:95%; color:#666666; cursor:pointer; position:relative; z-index:1;} 
.headline-info-nb { margin:2px 7px 0px 0px; padding:0px 7px 0px 0px; float:none; line-height:18px; background:none; font-size:95%; color:#666666; cursor:pointer; position:relative; z-index:1; }
.highlight { color:#000; font-size:90%; margin-right:-7px; font-weight:100; background:none; font-weight:bold; }
.author { font-size:90%; background:none; display:block; }
.author-il { font-size:90%; }
.headline-date { font-size:90%; background:none; display:block; }
.headline-date-il { font-size:90%; }



/* *** List Styles *** */

/* thumbnail list  - e.g.s appear on Business, Sport and Comment Index pages */
.generic ul.thumb-list{ width:100%; border-top:1px solid #FECDC9; font-size:90%; float:left; }
.generic ul.thumb-list li{width:100%; border-bottom:1px solid #FECDC9; line-height:15px;  float:left;}
.generic ul.thumb-list li a .img-left{ margin:0px; padding:0px 8px 0px 0px; display:inline; }
.generic ul.thumb-list li a:after{content: ".";	display:block;	height:0;	clear:both; visibility:hidden;} /* clear */
.generic .left-column .sub-section ul.thumb-list li a:link, .generic .left-column .sub-section ul.thumb-list li a:visited,
.generic .left-column .sub-section ul.thumb-list li a:hover{display:inline-block; padding:3px 0px 3px 0px; margin:0px; width:100%;}
/* Hides from IE-mac \*/
* html .generic ul.thumb-list li a {height: 1%;}
.generic ul.thumb-list li a{display: block;}
/* End hide from IE-mac */


/* tabs list */
ul.tabs { float:left; width:100%; margin-bottom:2px; border-bottom:1px solid #BFC0B8; list-style:none; display:inline; }
ul.tabs li { height:auto !important; height:15px; min-height:15px; padding:0px 7px 5px 7px; float:left; line-height:15px; font-weight:bold; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat right 4px; color:#000000; cursor:pointer; }
ul.tabs li a, #content ul.tabs li a {color:#000000; padding:0px !important; background:none; display:inline; }
ul.tabs li a:hover, #content ul.tabs li a:hover { background:none; color:#C00000; }
ul.tabs li.first { padding-left:0px; }
ul.tabs li.last { background:none; }
ul.tabs li.nav-on { margin-bottom:-1px; border-bottom:1px solid #FFF; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat right 4px; color:#C00000; position:relative; }
ul.tabs li.nav-on a { color:#C00000; padding:0px !important; }

/* numbered list */
ul.numbered-list { margin-bottom:17px; float:left; list-style:none; display:inline; clear:both; }
.generic .left-column ul.numbered-list { font-size:95%; clear:both; }
ul.numbered-list li { height:auto !important; height:17px; min-height:17px; padding:0px 0px 0px 0px; border-bottom:1px solid #FFCCC8; color:#C00000; float:left; list-style:none; line-height:15px; font-size:105%; /* WEBFACTORY */ font-size:100%; }
ul.numbered-list li a, #content .left-column .sub-section ul.numbered-list li a { width:100%; display:block; padding:2px 0px; color:#C00000; font-size:95%; float:none; }
ul.numbered-list li a span { display:block; margin:-15px 0px 0px 17px; font-family:Georgia, "Times New Roman", Times, serif; color:#000; }
ul.numbered-list li span { display:block; margin:-15px 0px 0px 17px; color:#000; }
ul.numbered-list li a:hover { background-color:#F6F6EC; }
ul.numbered-list li a:hover span { color:#C00000; }
#content .left-column .sub-section ul.numbered-list li a:hover span { color:#C00000; }
#content .right-column ul.numbered-list { width:300px; margin-left:10px; float:right; }
#content .right-column ul.numbered-list li { width:300px; }
.generic .left-column .main-headline ul.numbered-list li { padding:0px; }

/* plain-text list */
ul.plain-text { margin-bottom:12px; float:left; list-style:none; display:inline; clear:both; }
.generic .left-column ul.plain-text { font-size:95%; clear:both; }
ul.plain-text li { height:auto !important; height:17px; min-height:17px; padding:0px 0px 5px 0px; margin-bottom:5px; border-bottom:1px solid #FFCCC8; color:#C00000; float:left; list-style:none; line-height:15px; font-size:105%; }
ul.plain-text li a { width:100%; display:block; padding:2px 0px; color:#C00000; font-size:95%; }
#content .left-column .sub-section ul.plain-text li a { float:none; }
ul.plain-text li a span { display:block; margin:-15px 0px 0px 17px; font-family:Georgia, "Times New Roman", Times, serif; color:#000; }
ul.plain-text li span { display:block; margin:-15px 0px 0px 17px; color:#000; }
.generic .left-column .main-headline ul.plain-text li { padding:0px 0px 5px 0px; }

/* timed list */
ul.timed-list { margin-bottom:17px; list-style:none; /*float:left; display:inline; right column in ie6 displaying half way down page if floated and displayed inline*/ clear:both; border-top:1px solid #FFCCC8; }
.generic .left-column ul.timed-list { font-size:95%; clear:both; }
ul.timed-list li { height:auto !important; height:17px; min-height:17px; padding:0px; border-bottom:1px solid #FFCCC8; color:#C00000; /*float:left;*/ list-style:none; line-height:15px; }
ul.timed-list li a, ul.timed-list li a:visited { width:100%; display:block; padding:2px 0px; color:#C00000; }
ul.timed-list li a span { display:block; margin:-15px 0px 0px 38px; font-family:Georgia, "Times New Roman", Times, serif; color:#000; }
ul.timed-list li a:hover { background-color:#F6F6EC; }
ul.timed-list li a:hover span { color:#C00000; }
#content .left-column .sub-section ul.timed-list li a { float:none; }
#content .left-column .sub-section ul.timed-list li a:hover span { color:#C00000; }
#content .right-column ul.timed-list { width:300px; margin-left:10px; /*float:right;*/}
#content .right-column ul.timed-list li { width:300px; }
.generic .left-column .main-headline ul.timed-list li { padding:0px; }

/* pointed list & sports headline list */
ul.pointed-list, ul#sports_headlines { margin:10px 0px 0px 0px; border-top:1px solid #FFCCC8; } /* eoneill - added margin-left to indent under headings as home page*/
ul.pointed-list li { font-size:95%; } /* WEBFACTORY - fixes different sizes in left v's right cols */
ul.pointed-list li, ul#sports_headlines li { height:auto !important; height:17px; min-height:17px; padding:0px; border-bottom:1px solid #FFCCC8; list-style:none; line-height:15px;}
ul.pointed-list li a, ul#sports_headlines li { display:block; padding:2px 0px 2px 17px; font-family:Georgia, "Times New Roman", Times, serif; background:url(/images/v3/generic/01homepage_r34_c6.gif) no-repeat left 7px; }
ul.pointed-list li a:hover{ background-color:#F6F6EC;}
ul#sports_headlines li {padding-left:12px;}

ul.pointed-list li ul li {border:none;  font-size:100%;}
ul.pointed-list li ul {margin:0 0 10px 0;}
ul.pointed-list li ul li p {margin:0;}

ul.pointed-list li a span.date { color:#666666; font-size:95%; font-family:Arial, Helvetica, sans-serif; }
ul.pointed-list li a img { margin:-2px 0px 0px 0px; padding-left:10px; display:inline; }
.generic .left-column ul.pointed-list { width:100%; font-size:95%; clear:both; float:left; }
.generic .left-column ul.pointed-list li { width:100%; float:left; }
.generic .left-column .sub-section .left-column ul.pointed-list li a, .generic .left-column .sub-section .right-column ul.pointed-list li a {padding:2px 0px 2px 17px; width:auto; margin:0px; } 
.generic .left-column .main-headline ul.pointed-list li { padding:0px; }

/* extension list */
ul.extension { width:100%; float:left; clear:both; }
ul.extension li { width:100%; float:left; border-top:1px solid #FECECC; font-size:90%; line-height:15px; }
ul.extension li.last {border-bottom:1px solid #FECECC;}
ul.extension li a { padding:5px 0px 5px 5px !important; margin:0px !important; width:auto !important; }
ul.extension li a b { color:#000000; }
.generic .left-column .main-headline ul.extension li { padding:0px; }


/* red list */
ul.red { width:100%; float:left; clear:both; }
ul.red li { width:100%; padding:5px 0px; float:left; font-size:100%; line-height:18px; }
.left-column .sub-section ul.red li a { width:auto; padding:0px; color:#CC0000; font-weight:bold; display:inline; }
.left-column .sub-section ul.red li a:hover { background-color:#FFFFFF; color:#000000; }
.generic .left-column .main-headline ul.red li { padding:5px 0px; }


/* snippets list */
ul.snippets { width:100%; border-top:1px solid #FECDC9; float:left; font-size:90%; }
ul.snippets li { width:100%; border-bottom:1px solid #FECDC9; line-height:15px; float:left; }
ul.snippets li a { width:100%; padding:6px 0px; display:block; background-color:#FFF; }


/* no-border list */
ul.no-border { border:0px none; }
ul.no-border li { border:0px none; }
ul.no-border li a { padding:0px; }
.generic .left-column .sub-section .right-column ul.no-border { border:0px none; }
.generic .left-column .sub-section .right-column ul.no-border li { border:0px none; }
.generic .left-column .sub-section .right-column ul.no-border li a { padding:0px; }

/* headline list */
ul.headline-list { width:100%; float:left; }
ul.headline-list li { width:100%; padding-bottom:18px; float:left; }
.generic .left-column .sub-section .right-column ul.headline-list { border:0px none; font-size:100%; }
.generic .left-column .sub-section .right-column ul.headline-list li { border:0px none; line-height:18px; }
.generic .left-column .sub-section .left-column ul.headline-list li a, 
.generic .left-column .sub-section .right-column ul.headline-list li a { padding:0px 10px 0px 10px; } /* eoneill changed from padding:0px;*/

/* *** END List Styles *** */


/* Tab Styles */
.tab-shown { }
.tab-hidden { display:none; }


/* Imagery */
.img-left { float:left; margin:0px 10px 5px 0px; }
.img-right { float:right; margin:0px 0px 5px 10px; }
#content .left-column .sub-section .img-left, #content .left-column .sub-section .img-right { margin-top:1px; }
a .img-left, a .img-right { margin-bottom:0; }


/* Feature Elements */
.features { width:960px; margin-top:24px; float:left; display:inline; }
.features ul { width:960px; float:left; }
.features ul li { width:172px; height:auto !important; height:128px; min-height:128px; margin-right:20px; padding:0px; float:left; background:#000; display:inline; font-size:90%; color:#FFFFFF; position:relative; }
.features ul li span.content { width:162px; height:auto !important; height:37px; min-height:37px; max-height:37px; padding:5px 5px 5px 5px; background:#000; position:absolute; top:78px; left:0px; overflow:hidden; cursor:pointer; line-height:13px; }
.features ul li img { width:172px; height:78px; margin:0px; display:block; }
.features ul li .h5 { width:auto; height:auto; min-height:0px; max-height:none; padding:0px 0px 3px 0px; position:relative; top:0px; left:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:105%; font-weight:600; cursor:pointer; line-height:13px; }
.features ul li a { color:#FFFFFF; }
.features ul li a:hover { color:#FFFFFF; background:none; }
.features ul li a:hover .h5 { color:#FFFFFF; }

.left-column .sub-section .features { width:620px; margin-left:10px; }
.left-column .sub-section .features ul { width:620px; }
.left-column .sub-section .features ul li { width:140px; height:auto !important; height:99px; min-height:99px; max-height:99px; margin-right:20px; padding:0px; overflow:hidden; color:#FFFFFF; border:none; }
.left-column .sub-section .features ul li.last { margin-right:0px; }
.left-column .sub-section .features ul li span.content { width:130px; height:auto !important; height:24px; min-height:24px; max-height:24px; top:65px; font-size:95%; }
.left-column .sub-section .features ul li img { width:140px; height:65px; }
.left-column .sub-section .features ul li .h5 { font-size:110%; margin-bottom:0px; padding-bottom:0px; }
.left-column .sub-section .features ul li a { color:#FFFFFF; margin:0px; padding:0px;}
.generic .left-column .main-headline .features ul li a { width:auto; padding:0px; }

.left-column .sub-section .right-column .features { width:300px; margin-left:0px; }
.left-column .sub-section .right-column .features ul { width:300px; }
.left-column .sub-section .right-column .features ul li { width:141px; height:auto !important; height:100px; min-height:102px; max-height:102px; margin-right:17px; padding:0px; overflow:hidden; color:#FFFFFF; border:none; }
.left-column .sub-section .right-column .features ul li.last { margin-right:0px; }
.left-column .sub-section .right-column .features ul li span.content { width:131px; height:auto !important; height:23px; min-height:23px; max-height:23px; top:67px; font-size:100%; }
.left-column .sub-section .right-column .features ul li img { width:141px; height:67px; }
.left-column .sub-section .right-column .features ul li .h5 { font-size:110%; margin-bottom:0px; padding-bottom:0px; }


/* Advertising */
.advertisement-content { margin:0px auto 0px auto; width:300px; clear:both; } 
.right-column .advertisement-content { margin-bottom:20px; }
.generic .right-column .sub-section .advertisement { margin:5px 0px 5px 0px; }


/* Icons */
.media-icon { padding:4px 2px 0px 5px; }
* html .media-icon { padding:2px 2px 0px 5px; } /* for IE 6 */
* + html .media-icon { padding:2px 2px 0px 5px; } /* for IE 7 */
span.h3 .media-icon { padding:2px 0px 0px 5px; }


/* Previous/Next Links Holder */
.prev-next { width:100%; height:auto !important; height:23px; min-height:23px; position:absolute; bottom:0px; right:0px; padding-top:7px; border-top:2px solid #F2F2F2; text-align:right; display:none; }
.prev-next a:hover { color:#C00000; background:none; }
.prev-next ul { float:right; }
.prev-next li { float:left; padding-right:5px; margin-right:5px; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat right center; display:inline; font-weight:bold; border:none; cursor:pointer; }
.prev-next li.last { padding:0px; margin:0px; background:none; }


/* No Javascript Styles */
.js-dependant { display:none; }


/* Blockquote Styles */
div.blockquote.left { width:162px; height:auto !important; height:0px; min-height:0px; padding:0px 20px 15px 0px; float:left; display:inline; color:#B3B3A8; color:#9D9D8B; font-size:135%; font-weight:bold; line-height:22px; }
div.blockquote.right { width:162px; padding:0px 0px 10px 20px; float:right; display:inline; color:#999999; }
.blockquote span { display:inline; }
.blockquote .quote-left { width:40px; height:35px; margin:0px 10px 0px 0px; float:left; background:url(/images/v3/generic/left_speech_quote.gif) no-repeat left top; display:inline; }
.blockquote .quote-right { width:40px; height:35px; line-height:35px; margin:2px 0px 0px 10px; background:url(/images/v3/generic/right_speech_quote.gif) no-repeat left top; }


/* Clearing DIV */
div.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px }


/* Generic table styles based on the business table */
.generic-table { width:100%; text-align:right; float:left; border-collapse:collapse; }
.generic-table th { height:25px; padding-right:5px; background-color:#CC0001; vertical-align:middle; border-bottom:1px solid #CC0001; position:relative; margin-bottom:-1px; color:#FFFFFF; font-weight:bold; }
.generic-table th.left { background-image:url(http://www.irishtimes.com/images/v3/generic/table_corner_left.gif); background-repeat:no-repeat; background-position:left top; }
.generic-table th.right { background-image:url(http://www.irishtimes.com/images/v3/generic/table_corner_right.gif); background-repeat:no-repeat; background-position:right top; }
.generic-table td { height:15px; line-height:15px; padding:8px 5px; vertical-align:top; border:solid #FFF; border-width:0px 1px 1px 1px; }
.generic-table td.first { border-left:0px none; }
.generic-table td.last { border-right:0px none; }
.generic-table td.even { background-color:#EDEDE1; }
.generic-table td.odd { background-color:#E4E4D8; }


/*added to replicate news styles in top and tail pages - needed anymore?? */
ul#main_headline li h1 a,
ul.news li h2 a,
ul.news_boxes li h3 a {color:#000;} 

ul#main_headline li h1 a:hover,
ul.news li h2 a:hover,
ul.news li:hover h2 a,
ul.news_boxes li h3 a:hover,
ul.news_boxes li:hover h3 a {color:#C00000;}

#sports_rightcol table:hover,
ul.news_boxes li:hover,
ul.news li:hover {background:#F6F6EC;}

.news_boxes li {border-bottom:1px solid #FFCCC8;}

.in-depth-col ul.news {margin-top:10px; width:100%;}
.in-depth-spacer {float:left; width:20px; border-top:3px solid #D7D8D0;}
.in-depth-col {width:300px; float:left;}
.in-depth-col h1 {width:100% !important; padding:15px 0 4px 0 !important;}

.pointed-list .pl-txt {float:left; width:250px;}




/*  from old subpages.css */

@import url(digital_archive_pages.css); /* to be removed */
@import url(search_pages.css); /* to be removed */
@import url(shop_pages.css); /*to be removed and called only from shop / classifieds */

/* RIGHT COLUMN */
.right-column .crossword { width:250px; margin:0px 50px 65px 10px; padding-top:5px; display:inline; float:right;  clear:both; }
.right-column .crossword a { top:5px; position:relative; display:block; }
.right-column .crossword img { margin:-10px 10px 10px 0px; float:left; }

.right-column .generic { width:250px; margin:0px 50px 25px 10px; padding-top:5px; float:right; display:inline; clear:both; }
.right-column .generic a { top:10px; position:relative; display:block; }
.right-column .generic img { margin:-10px 10px 10px 0px; float:left; }

.right-column .google-ads { margin-bottom:20px; padding-left:10px; clear:both; }
#content .right-column .google-ads span.advertisement { margin:2px 0px 0px 0px; border-bottom:1px solid #FFCCC8; }

.right-column div.sudoku { width:250px; margin:0px 50px 65px 10px; padding-top:5px; float:right; display:inline; clear:both; }
.right-column div.sudoku a { top:10px; position:relative; display:block; }
.right-column div.sudoku img { margin:-10px 10px 10px 0px; float:left; } /* eoneill removed margin-top:-20px; as sudoku image was being cut off*/
* html .right-column div.sudoku img { margin:0px 10px 10px 0px;  } /* for IE6 */

.right-column div.competitions { width:250px; margin:0px 50px 65px 10px; padding-top:5px; float:right; display:inline; clear:both; }
.right-column div.competitions a { top:10px; position:relative; display:block; }
.right-column div.competitions img { margin:-10px 10px 10px 0px; float:left; } /* eoneill removed margin-top:-20px; as sudoku image was being cut off*/
* html .right-column div.competitions img { margin:0px 10px 10px 0px;  } /* for IE6 */

.right-column ul.competitions { width:300px; margin:0px 0px 3px 10px; padding:5px 0px 0px 0px; float:left; display:inline; clear:both; font-family:Georgia, "Times New Roman", Times, serif; }
* html .right-column ul.competitions { margin-bottom:0px; } /* for IE6 */
.right-column ul.competitions li { width:300px; padding:6px 0px; float:left; border-bottom:1px solid #FECCCD; line-height:15px; }
.right-column ul.competitions li.last { width:300px; float:left; border:none; }
.right-column ul.competitions a { width:100%; display:block; }

.right-column #comment { width:300px; margin:0px 0px 0px 10px; padding-bottom:16px; float:left; display:inline; line-height:18px; font-size:105%; }
.right-column #comment a { display:block; color:#333333; }
.right-column #comment a:hover { background-color:#F6F6EC; }
.right-column #comment .pointed-list a { width:283px; }
.right-column #comment .pointed-list a:hover { color:#C00000; }
.right-column #comment .headline-info { background:none; }

.right-column #subscribe { width:300px; padding:5px 0px 0px 10px; font-size:105%; }
.right-column #subscribe .h2 { width:220px; }
.right-column #subscribe form { width:220px; margin-top:10px; padding-bottom:30px; float:left; font-size:95%; position:relative; }
.right-column #subscribe form br { clear:both; }
.right-column #subscribe form span.left { float:left; margin:14px 0px 0px 0px; }
.right-column #subscribe form span.right { width:auto; float:right; margin:14px 0px 0px 0px; clear:none; }
.right-column #subscribe form span.right-bottom { float:right; margin:4px 0px 0px 0px; }
.right-column #subscribe input { float:left; display:inline; font-size:95%; }
.right-column #subscribe input#subscribe-first-name { width:98px; margin:10px 0px 8px 0px; }
.right-column #subscribe input#subscribe-last-name { width:98px; margin:10px 0px 8px 0px; float:right; }
.right-column #subscribe input#subscribe-email { width:210px; margin:0px 0px 10px 0px; }
.right-column #subscribe label { margin-top:3px; float:left; clear:right; }
.right-column #subscribe span.submit { position:absolute; bottom:10px; right:-60px; font-weight:bold; cursor:pointer; }
.right-column #subscribe span.submit a { }

/* Your Vote */
.right-column #your-vote { float:right; }
#your-vote { width:300px; margin:0px 0px 16px 0; padding-bottom:7px; float:left; display:inline; line-height:18px; font-size:105%; border-bottom:1px solid #FFCCC8; }
#vote-controls { width:105px; margin-left:10px; float:right; text-align:center; display:inline; font-size:95%; }
#vote-controls .yes { width:52px; padding-bottom:4px; float:left; border:solid #FFCCC8; border-width:0px 1px 1px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:170%; line-height:25px; text-align:left; }
#vote-controls .no { width:52px; padding-bottom:4px; float:right; border-bottom:1px solid #FFCCC8; font-family:Georgia, "Times New Roman", Times, serif; font-size:170%; line-height:25px; text-align:right; }
#vote-controls a { clear:both; }
#vote-controls a:hover { color:#C00000; background:none; }


/* Breadcrumb Trail */
.breadcrumb { width:100%; height:auto !important; height:16px; min-height:16px; margin-right:1px; padding:10px 0px 11px 0px; border-bottom:3px solid #D8D8CC; background:#FFFFFF;  font-size:95%; }
.breadcrumb ul { float:left; }
.breadcrumb ul li { float:left; margin-left:10px; display:inline; line-height:15px; }
.breadcrumb ul li.nav-on { font-weight:bold; }

.left-column .breadcrumb { width:630px;  right:10px; } /* Do set as position: relative. Affects Weather drop down. */
* html .left-column .breadcrumb { margin-left:0px; } /* for IE 6 */
.generic .breadcrumb { width:630px; border-bottom:none; }


/* Media Controls */
.media-controls { margin-bottom:21px; background:#EDEDE1; }
.media-controls .caption { padding:5px 11px 19px 11px; }
.media-controls .controls {}
.media-controls .downloadclip { padding:11px 11px 5px 11px; }
.media-controls .downloadclip a { text-decoration: underline; }


/* Search Tabs */
ul.search-tabs { width:621px; /*float:left;*/ clear:both; } /*search tabs aren't floated next to anything do removed as background on digital archive not displaying correctly IE*/
ul.search-tabs li span.h1, ul.search-tabs li span.h2, ul.search-tabs li span.h3, ul.search-tabs li span.h4, ul.search-tabs li span.h5 { font-family:Arial, Helvetica, sans-serif; }
ul.search-tabs li a { width:290px; height:44px; float:left; display:block; padding:11px 10px 5px 10px; color:#666; }
ul.search-tabs li a:hover { color:#C00000; }
ul.search-tabs li a span.h1, ul.search-tabs li a span.h2, ul.search-tabs li a span.h3, ul.search-tabs li a span.h4, ul.search-tabs li a span.h5 { color:#666; font-size:150%; font-weight:bold; }
ul.search-tabs li a:hover span.h1, ul.search-tabs li a:hover span.h2, ul.search-tabs li a:hover span.h3, ul.search-tabs li a:hover span.h4, ul.search-tabs li a:hover span.h5 { color:#C00000; }

ul.search-tabs li.nav-on a { color:#333333; }
ul.search-tabs li.nav-on a:hover { color:#C00000; }
ul.search-tabs li.nav-on a span.h1, ul.search-tabs li.nav-on a span.h2, ul.search-tabs li.nav-on a span.h3, ul.search-tabs li.nav-on a span.h4, ul.search-tabs li.nav-on a span.h5 { color:#000; }
ul.search-tabs li.nav-on a:hover span.h1, ul.search-tabs li.nav-on a:hover span.h2, ul.search-tabs li.nav-on a:hover span.h3, ul.search-tabs li.nav-on a:hover span.h4, ul.search-tabs li.nav-on a:hover span.h5 { color:#C00000; }

ul.search-tabs #left-tab { width:311px; height:60px; float:left; background:url(/images/v3/search/tab_left_off.gif) no-repeat left top; }
ul.search-tabs #left-tab.nav-on { background:url(/images/v3/search/tab_left_on.gif) no-repeat left top; color:#666; }
ul.search-tabs #right-tab { width:310px; height:60px; float:left; background:url(/images/v3/search/tab_right_off.gif) no-repeat left top; color:#666; }
ul.search-tabs #right-tab.nav-on { background:url(/images/v3/search/tab_right_on.gif) no-repeat left top; color:#333; }
/* end Search Tabs */


/* Form Buttons */
.form-buttons-left, .form-buttons-center, .form-buttons-right { clear:both; }
.form-buttons { padding:4px 2px 2px 2px; }
.form-buttons ul, .form-buttons-new ul { width:100%; height:42px; margin:9px 0px 0px 0px; padding:0px; list-style:none; }  /* width:100% added so content can be centrally aligned in ie also added . before form-buttons-new*/

.form-buttons ul li, .form-buttons-new ul li { width:auto; width:115px; min-width:115px; height:37px; display:block;  margin:auto; padding:5px 0px 0px 7px; position:relative; text-align:center; } /*float:left removed and margin set to auto to align centrally in ie*/
.form-buttons ul li a { padding:2px 16px 5px 19px; margin:2px 0px; display:none; line-height:20px; color:#FFFFFF; font-size:145%; }
.form-buttons ul li b { width:19px; height:42px; position:absolute; right:-19px; top:0px; background:url(/images/v3/generic/arrow_bg_right.png) no-repeat left top; display:none; }

.form-buttons-left[class] { display:table; margin:0px auto; }
.form-buttons-center[class] { display:table; margin:0px auto; }
.form-buttons-right[class] { display:table; margin:0px auto; }

* html .form-buttons-left { position:relative; text-align:left; } /* for IE 6 */
* html .form-buttons-center { position:relative; text-align:center; } /* for IE 6 */
* html .form-buttons-right { position:relative; text-align:right; } /* for IE 6 */
* html .form-buttons { text-align:left; display:inline; } /* for IE 6 */
* html .form-buttons ul { margin-top:21px; margin-bottom:-5px; } /* for IE 6 */
* html .form-buttons ul li { height:31px; margin:-6px 5px -142px 5px; float:none; display:block; padding:2px 0px 0px 0px; top:0px; bottom:0px; } /* for IE 6 */
* html .form-buttons ul li a { padding:1px 16px 2px 19px; position:relative; } /* for IE 6 */
* html .form-buttons ul li a:hover { color:#FFFFFF; } /* for IE 6 */
* html .form-buttons ul li b { z-index:1; background:url(/images/v3/generic/arrow_point_white.gif) no-repeat left top; } /* for IE 6 */
* html .form-buttons ul li b.grey { z-index:1; background:url(/images/v3/generic/arrow_point_white.gif) no-repeat left top; } /* for IE 6 */
* html .search .left-column .tab-shown .form-buttons ul li b { background:url(/images/v3/generic/arrow_point_colour.gif) no-repeat left top; } /* for IE 6 */

* + html .form-buttons-left { position:relative; text-align:left; } /* for IE 7 */
* + html .form-buttons-center { position:relative; text-align:center; } /* for IE 7 */
* + html .form-buttons-right { position:relative; text-align:right; } /* for IE 7 */
* + html .form-buttons { text-align:left; display:inline; } /* for IE 7 */
* + html .form-buttons ul { margin-top:21px; margin-bottom:-6px; } /* for IE 7 */
* + html .form-buttons ul li { height:31px; margin:-8px 5px -142px 5px; float:none; display:block; padding:6px 0px 0px 7px; } /* for IE 7 */
* + html .form-buttons ul li a { padding:1px 16px 2px 19px; } /* for IE 7 */
* + html .form-buttons ul li b { right:-19px; top:0px; } /* for IE 7 */
/* end Form Buttons */


/* IR CSS button alternative */
.IR {
  /*position: relative;*/ /*li has position relative set so need need to repeat - causing text under button to show*/
  overflow: hidden;
  font-size: 1em;
}

.IR em, .IR_refine em, .IR_login em, .IR_submit em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRbutton {
  background: none;
  border: none;
  float: left;
  display: inline;
}

#IRbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton, #IRbutton em { width:139px; height: 38px; margin:5px 0; }

.IR em { background: url(/images/v3/search/search-submit.png) no-repeat; }
.IR_refine em { background: url(/images/v3/search/refine-submit.png) no-repeat; }
.IR_login em { background: url(/images/v3/search/login-submit.png) no-repeat; }
.IR_submit em { background: url(/images/v3/search/login-submit2.png) no-repeat; }



/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton em { margin-bottom: -26px; }



/* Forms - Indented Content */
.form-indent { padding:10px; float:left; }
.form-indent p { clear:both; }


/* Remember my Details */
.remember-details { margin:-5px 0px 0px 0px; padding:0px 0px 3px 0px; text-align:center; border-bottom:1px solid #D6D8CA; font-size:95%; font-weight:bold; color:#000000; clear:both; }
.remember-details input { margin:6px 5px 0px 0px; }
* html .remember-details input { margin:-3px 5px 0px 0px; } /* for IE 6 */
* + html .remember-details input { margin:-3px 5px 0px 0px; } /* for IE 7 */
.remember-details label { line-height:24px; }


/* Pagination */
ul.paginate { float:right; }
ul.paginate li { padding:0px 6px 0px 5px; float:left; display:inline; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat right 3px; line-height:15px; } /*inline added to stop arrow wrapping in ie6*/
ul.paginate li.nav-on a { color:#C00000; }
ul.paginate li img { margin-top:3px; float:left; }
ul.paginate li.first { padding:0px 11px 0px 0px; }
ul.paginate li.last { /*padding:0px 0px 0px 11px;*/ background:none; } /*padding added to stop arrow wrapping in ie6*/


/* Cartoon Lists */
ul.cartoon a { font-weight:bold; }
ul.cartoon li { padding:5px 0px; }
#content .left-column .sub-section ul.cartoon a { width:auto; }
#content .left-column .sub-section ul.cartoon a:hover { background-color:#FFFFFF; }


/*NEW - blacklines styling - eoneill 09/02/09 */
div#content ul.bnbl, div#content ul#bnbl1{ margin:0px 0px 0px 10px;}
div#content ul.bnbl li, div#content ul#bnbl1 li{margin:3px 0px 5px 0px; padding:0px 0px 0px 10px; float:none; display:block; background:url(/images/v3/generic/01homepage_r34_c6.gif) no-repeat left 7px; border:none; }
div#content ul.bnbl li b, div#content ul#bnbl1 li b{padding:0px 25px 0px 0px;}   
div#content ul.bnbl li b a, div#content ul#bnbl1 li b a{font-size:90%; display:inline; padding:0px 0px 0px 0px; margin:0px; background:none;  }
*html div#content .right-column ul.bnbl{margin:0px 0px 0px 5px;} /* IE 6*/


/* Terms and conditions list styling*/

.terms li { list-style-type:decimal; margin-left:20px; }


/* Form Holders */
.left-column-ul-holder { width:300px; float:left; clear:both; font-size:90%; line-height:15px; }
.left-column-ul-holder ul { width:300px; margin-top:5px; float:left; border-top:1px solid #FECDC9; }
.left-column-ul-holder li { width:300px; float:left; border-bottom:1px solid #FECDC9; }
.left-column-ul-holder li a { width:100%; padding:10px 0px; display:block; float:left; }
.left-column-ul-holder li .h4 { margin-bottom:0px; }

.form-holder { width:100%; margin-top:22px; float:left; }
* html .in-depth .form-holder { margin-top:24px; } /* for IE 6 */
.form-holder form { width:100%; float:left; }
.form-holder h5 { width:100%; float:left; color:#C00000; }
.form-holder ul { width:100%; margin-top:2px; float:left; }
.form-holder li { width:100%; height:auto !important; height:20px; min-height:20px; padding:6px 0px; float:left; border-top:1px solid #FECDC9; }
.form-holder .extension li { padding:0; }
.form-holder .pointed-list li { border-top:0px none; }
.form-holder .label { width:80px; padding-left:10px; float:left; font-size:90%; font-weight:bold; color:#000000; }
.form-holder select { width:200px; float:right; font-size:90%; }
.form-holder .submit { float:right; }
.form-holder .refine-by { width:200px; float:right; }
.form-holder .refine-by ul { margin:0px; clear:both; }
.form-holder .refine-by li { width:90px; height:auto; min-height:0px; padding:0px 10px 0px 0px; border:0px none; float:left; line-height:15px; }
.form-holder .features { margin-top:2px; border-top:1px solid #FFCCC8; padding:6px 0 10px 0; }
.with-border { border-bottom:1px solid #FECDC9; }

/* other holders */

div.holder{width:100%; margin:22px 0px 0px 0px; float:left; }
div.holder h5 { width:100%; float:left; color:#C00000; }
div.holder ul { width:100%; margin-top:2px; float:left; }




