/******************************************************* ----------Import Generic Style Sheets------------------ *******************************************************/ /* yui reset styles */ /* @import url("reset.css"); */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*to enable resizing for IE*/ input,textarea,select{*font-size:100%;} /*because legend doesn't inherit in IE */ legend{color:#000;} del,ins{text-decoration:none;} /* yui grid styles */ /* @import url("grids.css"); */ /* Grid Styles To be used for sizes and positioning of major grid elements */ body {} .pagecontainer { width: 900px; padding: 0 30px; margin: 0 auto; } .headercontainer { width: 900px; padding: 0 0 20px 0; } .contentcontainer { float:left; width: 900px; padding: 0 0 20px 0; padding-top: 13px; position: relative; } .mainContent { width: 600px; float: left; position:relative; } .home .mainContent { width:602px; } .home .mainContent .horizontalRule { width:600px; } .home .mainContent .twoCol .horizontalRule { width:auto; } .sidebarcontainer { width: 268px; float: right; } .footercontainer { clear: both; } .twoCol { float:left; margin-bottom:20px; } .col1 { width:280px; padding-right:10px; } .col2 { width:280px; padding-left:18px; } .col1.dotsBorder { background:url('../images/dotsBorder.gif') top right repeat-y; width:280px; padding-right:18px; } .col2.dotsBorder { background:url('../images/dotsBorder.gif') top left repeat-y; } /* New Family Nav */ #divFamilyNav { float: right; margin-top: -5px; margin-right: 3px; background: url("/images/interface/bg_familyNavNew.gif") no-repeat 6px -1px; } #divFamilyNav li { display: inline; background: url("/images/interface/icn_familyNav_divide.gif") no-repeat scroll right 7px transparent; } #divFamilyNav a { font-size: 9px; font-weight: bold; padding: 0 7px; text-decoration: underline; } #aFamilyNavRT { color: #666; } #aFamilyNavRT:hover { color: #4d4d4d; } #aFamilyNavWTC { color: #4c5e92; } #aFamilyNavWTC:hover { color: #273663; } #aFamilyNavRCG { color: #87394b; } #aFamilyNavRCG:hover { color: #6b0c21; } #aFamilyNavAY { color: #607db0; } #aFamilyNavAY:hover { color: #485e85; } #aFamilyNavRT.currentSite { text-decoration: none; color: #4d4d4d; } #aFamilyNavRT.currentSite:hover { color: #4d4d4d; cursor: auto; text-decoration: none; } .last { background: none repeat scroll 0 0 transparent !important; } /* a fix for the email article popup */ .emailArticleWrapper .col1.dotsBorder { width:281px; padding-right:17px; } .home .twoCol { margin-bottom:0; margin-top:7px; } .home .dotsBorder { float:left; background:url('../images/dotsBorder.gif') repeat-y top center; margin-bottom:20px; } /* yui fonts layout */ /* @import url("fonts.css"); */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; /* for IE */ *font:x-small; /* for IE in quirks mode */ } /** * Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea { font:99% arial,helvetica,clean,sans-serif; } /** * To help tables remember to inherit */ table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /* cms global layout */ /* @import url("global.css"); */ /* Global Styles*/ /* grid visual elements */ body { background: #444444; } .pagecontainer { position:relative; border-left: 2px solid #cc9933; border-right: 2px solid #cc9933; background: #FFFFFF; } /* font elements */ strong { font-weight: bold; } em { font-style: italic; } strong em { font-weight: bold; font-style: italic; } strong { font-weight: bold; } .home p.quote em { font-weight: bold; } a { color: #035694; text-decoration: none; font-size:85%; outline:none; } a:hover { color: #062E4F; text-decoration: underline; } a:active { color: #062E4F; outline: none; } a:visited { color: #6188A7; } a:visited:hover { color: #062E4F; } h3 { font-size:85%; } dl dt { font-size:70%; } /* 70 rather than 68 to fix line-height issues being inconsistant in lists. should not affect the font size display */ p { font-size:85%; } ol li { font-size:85%; } dl dt label { font-size:111%; } /* clearfix << use spairingly */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { min-height: 1px; height: auto !important; height: 1px; } .small-caps { font-variant:small-caps; } .citation { text-align:right; font-weight:normal; font-style:italic; } .open-inset { float:right; width:275px; padding:10px; margin:20px 8px; } .open-inset li.active { font-size: 85%; } blockquote { text-align: justify; margin: 15px 35px 20px 25px; font-size: 95%; } blockquote p { margin-bottom: 10px !important; } /* addthis div bugfix */ #atff {display:none;} /* Fix the line height issue with the list items, (base align the list item icons requires that the line heights be the same for both the a tag and li tag */ .inset { width:50%; float:right; border:1px solid #cccccc; padding:10px; margin:10px; font-size:90%; background:#fefefe; } .contentcontainer .inset p.citation { text-align:left; color:#555555; font-size:9px; line-height: 11px; font-style:normal; } /* just a loading gif */ .ajax-loading-icon-heading { background:#fff; border:1px solid #555; display:block; font-family:Tahoma, Verdana, sans-serif; font-size:16px; font-weight:bold; float:left; line-height:32px; margin:20px auto 10px 139px; padding:10px 0 10px 107px; text-align:center; width:220px; } .ajax-loading-icon { background: url('../images/ajax-loader.gif') left top no-repeat; display:block; height:32px; width:32px; float:left; margin-right:6px; } .ajax-loading-text { display:block; float:left; height:32px; line-height:32px; } /******************************************************* ----------Import Theme Style Sheets-------------------- *******************************************************/ /* footer theme articles */ /* @import url("sectionArticles.css"); */ .sectionArticles .footercontainer { border-top-color: #8c9458; } .sectionArticles .breadcrumb { left: 118px; } .sectionArticles .pageTitle { background: url('../images/theme/bg_pagetitle_articles.gif') no-repeat left top; } .sectionArticles .featuredArticle p.articleQuestion { color:#8c9458; } .sectionArticles .sortBy a.active { color:#8c9458; border:1px solid #aeb48a; } .sectionArticles .searchList.top a.active { background:url('../images/theme/bg_searchList_top_articles.gif') no-repeat bottom center; } .sectionArticles .searchList a.active { color:#8c9458; } .sectionArticles .searchResults h5 { color:#8c9458; } .sectionArticles .searchList.bottom a.active { background:url('../images/theme/bg_searchList_bottom_articles.gif') no-repeat top center; } .sectionArticles .commentForm h4 { color: #8c9458; } .sectionArticles .contentcontainer .lightBorder_vertical h3 { color:#8c9458; background:url('../images/css_sprites.gif') no-repeat 0 -238px; } .sectionArticles .contentcontainer .caption p { color:#838f36; } .sectionPersonals .contentcontainer .caption p { color:#8d5353; } .sectionArticles .contentcontainer .thankYouBox h4 { color:#838f36; } ul.itemSummary.articles { border-bottom:4px solid #8c9458; } ul.itemSummary.articles .sectionName { border-right:1px solid #8c9458; } .sectionArticles .contentcontainer .commentForm h4 { color:#8c9458; } /* footer theme back issues */ /* @import url("sectionBackIssues.css"); */ .sectionBackIssues .footercontainer { border-top-color: #7a6759; } .sectionBackIssues .breadcrumb { left: 142px; } .sectionBackIssues .commentForm form h4 { color: #7a6759; } .sectionBackIssues .contentcontainer .lightBorder_vertical h3 { color:#7a6759; background:url('../images/css_sprites.gif') no-repeat 0 -338px; font-family:arial,helvetica,sans-serif; } .sectionBackIssues .pageTitle { background: url('../images/theme/bg_pagetitle_backIssues.gif') no-repeat left top; } .sectionBackIssues .contentcontainer .thankYouBox h4 { color:#7a6759; } .sectionBackIssues .issueContainer { border-bottom:2px solid #ccc; float:right; width:414px; } .sectionBackIssues .contentcontainer .commentForm h4 { color:#7A6759; } /* footer theme section personals */ /* @import url("sectionPersonals.css"); */ .sectionPersonals .footercontainer { border-top-color: #8d5353; } .sectionPersonals .breadcrumb { left: 278px; } .sectionPersonals .breadcrumb .deptHead { border-right: 1px solid #8d5353; } .sectionPersonals .commentForm form h4 { color: #8d5353; } .sectionPersonals .pageTitle { background: url('../images/theme/bg_pagetitle_personals.gif') no-repeat left top; } .sectionPersonals .featuredArticle p.articleQuestion { color:#8d5353; } .sectionPersonals .sortBy a.active { color:#8d5353; border:1px solid #af8686; } .sectionPersonals .searchList.top a.active { background:url('../images/theme/bg_searchList_top_personals.gif') no-repeat bottom center; } .sectionPersonals .searchList a.active { color:#8d5353; } .sectionPersonals .searchResults h5 { color:#8d5353; } .sectionPersonals .searchList.bottom a.active { background:url('../images/theme/bg_searchList_bottom_personals.gif') no-repeat top center; } .sectionPersonals .contentcontainer .lightBorder_vertical h3 { color:#8d5353; background:url('../images/bullet_personals.gif') no-repeat 0 2px; } .sectionPersonals .contentcontainer .thankYouBox h4 { color:#8d5353; } ul.itemSummary.personals { border-bottom:4px solid #8d5353; } ul.itemSummary.personals .sectionName { border-right:1px solid #8d5353; } .sectionPersonals .contentcontainer .commentForm h4 { color:#8d5353; } /* footer theme reader comments */ /* @import url("sectionReaderComments.css"); */ .sectionReaderComments .footercontainer { border-top-color:#a59682; } .sectionReaderComments .breadcrumb { left:142px; } .sectionReaderComments .commentForm h4 { color:#a59682; } .sectionReaderComments .contentcontainer h3 { color:#a59682; text-transform:none; padding-bottom:12px; } .sectionReaderComments .contentcontainer .lightBorder_vertical h3 { color:#a59682; background:url('../../../images/css_sprites.gif') no-repeat 0 -238px; } .sectionReaderComments .pageTitle { background: url('../images/theme/bg_pagetitle_readerComments.gif') no-repeat left top; } .sectionReaderComments .contentcontainer .caption p { color:#a59682; } .sectionReaderComments .contentcontainer .thankYouBox h4 { color:#a59682; } .sectionReaderComments .contentcontainer .commentForm h4 { color:#a59682; } /* footer theme world news desk */ /* @import url("sectionWorldNewsDesk.css"); */ .sectionWorldNewsDesk .footercontainer { border-top-color: #6b8ca8; } .sectionWorldNewsDesk .breadcrumb { left: 196px; } .sectionWorldNewsDesk .commentForm form h4 { color: #6b8ca8; } .sectionWorldNewsDesk .contentcontainer .lightBorder_vertical h3 { color:#6b8ca8; background:url('../../../images/css_sprites.gif') no-repeat 0 -238px; } .sectionWorldNewsDesk .contentcontainer .thankYouBox h4 { color:#6b8ca8; } .sectionWorldNewsDesk .pageTitle { background: url('../images/theme/bg_pagetitle_worldNewsDesk.gif') no-repeat left top; } ul.itemSummary.worldNewsDesk { border-bottom:4px solid #6b8ca8; } ul.itemSummary.worldNewsDesk .sectionName { border-right:1px solid #6b8ca8; } .sectionWorldNewsDesk .featuredArticle p.articleQuestion { color:#6b8ca8; } .sectionWorldNewsDesk .sortBy a.active { color:#6b8ca8; border:1px solid #6b8ca8; } .sectionWorldNewsDesk .searchList.top a.active { background:url('../images/theme/bg_searchList_top_worldNewsDesk.gif') no-repeat bottom center; } .sectionWorldNewsDesk .searchList a.active { color:#6b8ca8; } .sectionWorldNewsDesk .searchResults h5 { color:#6b8ca8; } .sectionWorldNewsDesk .searchList.bottom a.active { background:url('../images/theme/bg_searchList_bottom_worldNewsDesk.gif') no-repeat top center; } .sectionWorldNewsDesk .commentForm form h4 { color: #6b8ca8; } .sectionWorldNewsDesk .contentcontainer .lightBorder_vertical h3 { color:#6b8ca8; background:url('../images/css_sprites.gif') no-repeat 0 -238px; } .sectionWorldNewsDesk .contentcontainer .caption p { color:#6b8ca8; } .sectionWorldNewsDesk .contentcontainer .thankYouBox h4 { color:#6b8ca8; } ul.itemSummary.sectionWorldNewsDesk { border-bottom:4px solid #6b8ca8; } ul.itemSummary.sectionWorldNewsDesk .sectionName { border-right:1px solid #6b8ca8; } .sectionWorldNewsDesk .contentcontainer .commentForm h4 { color:#6b8ca8; } /* footer theme world to come */ /* @import url("sectionWorldToCome.css"); */ /* Disable for now - AKE 06/23/2010 */ .sectionWorldToCome .commentForm { display: none; } .sectionWorldToCome .footercontainer { border-top-color: #5b6b9c; } .sectionWorldToCome .breadcrumb { left: 297px; } .sectionWorldToCome .breadcrumb .deptHead { border-right: 1px solid #8C97ba; } .sectionWorldToCome .commentForm form h4 { color: #5b6b9c; } .sectionWorldToCome .contentcontainer .lightBorder_vertical h3 { color:#5b6b9c; background:url('../images/css_sprites.gif') no-repeat 0 -385px; } .sectionWorldToCome .pageTitle { background: url('../images/theme/bg_pagetitle_worldToCome.gif') no-repeat left top; } .sectionWorldToCome .sortBy a.active { color:#5b6b9c; border:1px solid #8C97ba; } .sectionWorldToCome .searchList.top a.active { background:url('../images/theme/bg_searchList_top_worldToCome.gif') no-repeat bottom center; } .sectionWorldToCome .searchList a.active { color:#5b6b9c; } .sectionWorldToCome .searchResults h5 { color:#5b6b9c; } .sectionWorldToCome .searchList.bottom a.active { background:url('../images/theme/bg_searchList_bottom_worldToCome.gif') no-repeat top center; } .sectionWorldToCome .contentcontainer .thankYouBox h4 { color:#5b6b9c; } .sectionWorldToCome .contentcontainer .caption p { color:#5b6b9c; } .sectionWorldToCome .contentcontainer .articleQuestion p { color:#5b6b9c; } ul.itemSummary.worldToCome { border-bottom:4px solid #5b6b9c; } ul.itemSummary.worldToCome .sectionName { border-right:1px solid #5b6b9c; } .sectionWorldToCome .contentcontainer .commentForm h4 { color:#5b6b9c; } .sectionWorldToCome .contentcontainer p.wtc-promo {margin-top: 15px;} /******************************************************* ----------Legacy Styles-------------------------------- *******************************************************/ #lit .inset { width:50%; float:right; border:1px solid #AAAAAA; padding:10px; margin:10px; font-size:90%; background:#FEFEFE; } #lit .inset div#series { font-size:90%; padding-bottom:3px; } #lit .inset-l { width:50%; float:left; border:1px solid #AAAAAA; padding:10px; margin:10px; font-size:90%; background:#FEFEFE; } #lit .inset-i { height:345px; margin:10px; padding:2px 2px 5px 2px; padding-bottom:10px; } .inset-il { float:left; width:33%; margin:0; margin-bottom:5px; margin-right:15px; } .inset-ir { float:left; margin:0; } #lit #content-body .inset h4 { font-size:100%; } #lit .open-inset { float:right; width:275px; border:1px solid #AAAAAA; line-height:1.5em; padding:10px; margin:20px 8px; font-size:95%; background:#FEFEFE; } #lit #content-body .open-inset li { padding-bottom:.75em; } #lit #content-body .open-inset h2 { font-size:130%; padding-bottom:.25em; } #lit #content-body .open-inset h4 { font-size:115%; line-height:1.5em; font-weight:normal; } /******************************************************* ----------Generic Styles------------------------------- *******************************************************/ hr { display:none; } .contentcontainer p { font-family:georgia,serif; margin-bottom:18px; color:#222222; font-size:100%; line-height:1.5em; } .contentcontainer p a { font-size:100%; } .contentcontainer h2 { width: 900px; height: 40px; margin-bottom: 20px; text-indent: -5000em; } .contentcontainer h3 { color: #333333; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 108%; text-transform:uppercase; } .contentcontainer h3.searched_text { text-transform: none; } legend { margin: -10px; padding: 0; text-indent: -9999em; color:#000; } /******************************************************* ----------Generic Classes------------------------------ *******************************************************/ .uppercase { text-transform:uppercase; } h3.uppercase { text-transform:uppercase; } h2.pageTitle { width: 900px; height: 40px; margin-bottom: 20px; text-indent: -5000em; } .contentcontainer .issueInstructions { margin-bottom: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; } .colored { background-color:#f0f0f0; } .noMargin, .sidebarcontainer .noMargin, .contentcontainer .noMargin { margin:0; } .contentcontainer .noMarginTop { margin-top:0; } .sidebarcontainer .marginBottom { margin-bottom:17px; } .sidebarcontainer .solidBorder_horizontal .marginBottom { margin-bottom:7px; } .mainContent h3.marginBottom { margin-bottom: 18px; } .mainContent p.footnote { font-size: 88%; } /* css hackery to remove top half-leading on pages with text elements first in mainContent area. NOT COMPLIANT. */ .sectionArticles .mainContent h3.marginBottom, .sectionWorldNewsDesk .mainContent h3.marginBottom { margin-top: -5px; } /* remove top half-leading */ .sectionArticles .mainContent.articlesContent h3, .sectionPersonals .mainContent h3.marginBottom { margin-top:-4px; } /* remove top half-ledding */ .sectionWorldNewsDesk .mainContent.articlesContent h3 { margin-top: -7px; } /* remove top half-leading */ .sectionReaderComments .mainContent p.pageDetails { margin-top: -4px; } /* remove top half-leading */ .aboutUs .mainContent .articleContent h4.noMarginTop { margin-top: -4px; } /* remove top half-leading */ .contactUs .mainContent form p.noMarginTop { margin-top: -3px; } /* remove top half-leading */ .subscribe .mainContent form h2.dottedBottom { margin-top: -3px; } /* remove top half-leading */ .searchResultsListing .mainContent h3 { margin-top: -5px; } /* remove top half-leading */ .searchResultsListing .mainContent p.googleSearch { margin-top: -4px; } /* remove top half-leading */ .sectionBackIssues .mainContent p.issueInstructions { margin-top: -4px; } /* remove top half-leading */ .home .mainContent p.updated { margin-top: -3px; } /* remove top half-leading */ /* .boxArrow a span, .boxArrow span { float:left; width:11px; height:13px; background:url('../images/css_sprites.gif') no-repeat 0 -117px; padding-right:3px; } .comment ul li a.boxArrow span { background-position: 0 -118px; } .ad h4 .boxArrow span { float:none; padding-right: 11px; background-position: 1px -118px; } */ /* Yes, IMPORTANT. @TODO Remove the important after we know this works, and then remove the references and bug fixes to the spans for the old icon styles */ span.content-icon { background: url('../images/css_sprites.gif') no-repeat left top; height: 11px; position: relative; width: 11px; /* remove odd artifacts from ie */ text-decoration: none; /* reference http://www.fruitbatscode.com/css/cross-browser-support-for-inline-block to see why this is here */ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .video span.content-icon { background-position: 0 -154px; margin-right: 3px; } span.video { background-position: 0 -154px; margin-right: 6px; } a.video-icon { min-height: 11px; height: auto; position: relative; vertical-align: text-top; /* remove odd artifacts from ie */ text-decoration: none; /* reference http://www.fruitbatscode.com/css/cross-browser-support-for-inline-block to see why this is here */ display: -moz-inline-stack; display: inline-block; zoom: 1; display: inline; padding-left:0px !important; margin-right: 3px; } span.bgPlay { display:block; height:11px; width:11px; background: url('../images/css_sprites.gif') no-repeat 0 -154px; float:left; margin-right: 3px; } .audio span.content-icon { background-position: 0 -135px; margin-right: 3px; } span.audio { background-position: 0 -135px !important ; margin-right: 3px; } a.audio-icon { background: url('../images/css_sprites.gif') no-repeat 0 -135px; height: 11px; position: relative; vertical-align: text-top; /* remove odd artifacts from ie */ text-decoration: none; /* reference http://www.fruitbatscode.com/css/cross-browser-support-for-inline-block to see why this is here */ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin-right: 3px; } .boxArrow span.content-icon { background-position: 0 -118px; padding-right: 3px; top: 1px; } .colored.solidBorder_horizontal .boxArrow span.content-icon { top:0px; } .mainContent .seriesResult .audio .content-icon { top:0px; } /* if a video icon has a video thumbnail, it could have a class that indicates that. if so, don't display the link icon, there is a thumbnail to act as the visual. */ .hasImageThumbnail a.video span.content-icon { display:none; } a.goBack { text-transform:uppercase; text-decoration:underline; font-weight:bold; padding-bottom:8px; display:block; } .mediaContainer { margin-top:16px; margin-bottom:0px; } /* margin-bottom:28px; Note: move this to zero to allow the byline/body text to control this space */ span.mediaLength { color:#999999; font-size:13px; font-family:arial,helvetica,sans-serif; } .moreInfo { margin-top:2px; margin-bottom:20px; } .sectionWorldToCome .articlesContent ul.moreInfo { margin-bottom:0; padding-bottom:0; } .articlesContent ul.moreInfo li { margin-left:0; list-style-type:none; margin-bottom:4px; } .download { text-transform:uppercase; text-decoration:underline; font-weight:bold; font-size:10px; } .download span { display:block; float:left; width:8px; height:14px; padding-right:4px; background:url('../images/css_sprites.gif') no-repeat 0 -457px; } .download_audio span.content-icon { display:block; float:left; width:8px; height:14px; padding-right:4px; background:url('../images/css_sprites.gif') no-repeat 0 -133px; } .moreBelow { font-size:10px; text-transform:uppercase; font-weight:bold; color:#5b6b9c; } .moreBelow span { display:block; float:left; width:8px; height:15px; padding-right:8px; background:url('../images/css_sprites.gif') no-repeat 0 -483px; } .twoCol a.pageTop.noMarginBottom { margin-bottom:0; } .contentcontainer .suggestion p { font-family:arial,helvetica,sans-serif; color:#666666; font-size:11px; margin-bottom:0; } .contentcontainer .suggestion p a { font-size:11px; font-weight:bold; } /* in-page content automatically applied link icons */ .mainContent span.content-icon { top:1px; } .mainContent .inset span.content-icon { top:-1px; } .mainContent p a.download span { float: none; display: inline; padding-right: 9px; text-transform: none; font-weight: normal; text-decoration: none; height: auto; } .mainContent p a.moreBelow span { float: none; display: inline; padding-right: 9px; text-transform: none; font-weight: normal; text-decoration: none; height: auto; color: #035694; } /* patch for 071108-001-middle.html */ .mainContent a.audio em span, .mainContent a.video em span, .mainContent a.moreBelow em span, .mainContent a.boxArrow em span { float: none; background: none; height: auto; width: auto; padding-right: 0; } /******************************************************* ----------Reused Components---------------------------- *******************************************************/ /* Page Breadcrumb */ .breadcrumb { position: absolute; top: 29px; } .breadcrumb li { height: 14px; padding-left: 9px; color: #8C8C8C; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; text-transform: uppercase; float: left; } .breadcrumb .deptHead { width: 85px; background: url('../images/icn_fromEditor.gif') no-repeat left 2px; text-indent: -5000em; } .breadcrumb .breadcrumb_end_item { border:none !important; } /* Dotted Horizontal Rule */ .horizontalRule { clear:both; margin:0 0 10px 0; padding:0; background:url('../images/horizontalBreak.gif') repeat top left; } form .horizontalRule { margin:0 0 12px 0; } .horizontalRule.dark { background:url('../images/horizontalBreak_dark.gif') repeat top left; margin-bottom:5px; } .horizontalRule.inline { clear:both; } .horizontalRule.thickAndThin { height:12px; background:url('../images/bg_thickAndThin.gif') repeat-x top left; margin:22px 0 20px 0; } .horizontalRule.thickAndThinReverse { height:12px; background:url('../images/bg_thickAndThinReverse.gif') repeat-x top left; margin:-3px 0 20px 0; } .horizontalRule.oneDot { height:4px; padding:0 !important; margin-bottom:10px; } .horizontalRule.twoDots { height:8px; padding:0 !important; } .horizontalRule.threeDots { height:12px; padding:0 !important; } /***GET RID OF IMPORTANT - FOR IE6 FIX***/ .horizontalRule.fourDots { height:16px; padding:0 !important; } .horizontalRule.solid.threePx { background-image:none; background-color:#dbdbdb; height:3px; padding:0; } /* Back to Top Link */ .pageTop { clear:both; display:block; width:600px; text-transform:uppercase; font-weight:bold; padding:8px 0 7px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:15px; } .contentcontainer .pageTop a { font-family:arial,helvetica,serif; } .contentcontainer a.pageTop:hover { text-decoration:none; } /* Author/Article Info */ dl.byline { margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #777777; clear: right; } .articlesContent dl.byline { margin-top:10px; } /** FIX **/ dl.byline dt, dl.byline dd { margin-bottom: 0; font-size: 70%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; float: left; } dl.byline dt { padding-top:1px; padding-right: 12px; margin-right:6px; background:url('../images/bg_byline.gif') no-repeat right 4px; } .sectionPersonals .articlesContent dl.byline dt, .sectionWorldToCome .articlesContent dl.byline dt { color:#6F2F3D; } .sectionWorldToCome .articlesContent dl.byline dt, .sectionWorldToCome .mainContent dl.byline dt {background:none;} dl.byline dt strong { color:#6F2F3D; } dl.byline dd { padding-top:1px; color:#777777; } .sectionBackIssues dl.byline dd { padding-left:0; background:none; } dl.byline dt a { min-width:26px; font-weight:bold; font-size:9px; padding:1px 0 5px 15px; background:url('../images/icn_download.gif') no-repeat left top; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; } .searchResults dl.byline { margin-bottom:4px !important; width: auto !important; } .articlesContent .searchResults dl.byline { margin-top:30px; } .searchResults dl.byline dt { font-size:12px; color:#222222; text-transform:none; background:none; float: left !important; padding-right:0 !important; } .searchResults dl.byline dd { padding-left: 11px; padding-top:2px; color:#777777; background: url('../images/bg_byline.gif') no-repeat 0 5px; } .byline.bottomRule { padding-bottom: 15px; height: 20px; margin-bottom: 10px; background: url('../images/bg_currentIssue_rule.gif') no-repeat left bottom; } .featuredArticle dl.byline, .articlesContent dl.byline { margin-bottom:6px; } /* Image Covers */ .contentcontainer .book_cover { padding-right: 5px; float: left; } /* Small Image Component */ .imageComponent_small { clear:both; position:relative; float:left; border:1px solid #cccccc; padding:7px; margin-right:20px; margin-bottom:15px; font-size:70%; } .imageComponent_small .contentImage { border:1px solid #8D5353; } .imageComponent_small a .contentImage { border:1px solid #6F2F3D; } .imageComponent_small img.clickableImage { border: 1px solid #6F2F3D; } .imageComponent_small .alt { border:1px solid #6f2f3d; margin-bottom:7px; } .articlesContent .imageComponent_small .alt { margin-bottom:0; } .articlesContent .imageComponent_small p { margin-top:7px; margin-bottom:0; } .imageComponent_small .biggerImage { display:block; position:absolute; top:8px; right:8px; width:14px; height:14px; text-indent:-5000em; outline:none; background:url('../images/css_sprites.gif') no-repeat 0 -191px; } .imageComponent_small h6 { color:#666666; font-weight:bold; font-family:tahoma,verdana,sans-serif; margin-bottom:1px; } div.imageComponent_small p { color:#555555; font-family:arial,helvetica,sans-serif; margin-top:7px; margin-bottom:0; line-height:1.3em; width:175px; } .imageComponent_small span { display:block; color:#555555; margin-top:5px; } .articlesContent .imageComponent_small span { width:182px; margin-top:5px; } .articlesContent .inset .imageComponent_small span { width:274px; } /* Large Image Component */ .imageComponent_large { border:1px solid #cccccc; text-align:center; padding-bottom:11px; margin:16px 0 20px 0; font-family:arial,helvetica,sans-serif; color:#555555; font-size:70%; display:inline-table; } .imageComponent_large img { border:1px solid #cccccc; margin:11px 11px 6px 11px; } .contentcontainer .imageComponent_large p { font-family:arial,helvetica,sans-serif; text-align:left; color:#555555; line-height:1.4em; margin-bottom:0; padding-left:12px; padding-right:12px; } .contentcontainer .imageComponent_large span { display:block; text-align:left; margin-top:4px; padding-left:12px; padding-right:12px; } .home .contentcontainer .imageComponent_large span { padding-left:0; padding-right:0; } /* More Info Article Inset - Used to be .article_moreInfo */ .inset { float:right; width:276px; border:1px solid #cccccc; margin-left:20px; margin-bottom:10px; padding:13px 11px 13px 11px; background-color:#f2f2f2; } .inset h2, .inset p, .inset li { color:#333333; margin-bottom:15px; } .inset p strong.inlineHeading, .inset li strong.inlineHeading { font-family:tahoma,verdana,sans-serif; } .contentcontainer .inset p, .inset ul { color:#333333; font-size:11px; font-family:arial,helvetica,sans-serif; line-height:1.5em; } .inset ul li { list-style-type:disc !important; list-style-position:inside; } .inset p.sourceInfo { margin-bottom:0; color:#555555; font-size:69.5%; } .inset li strong { font-family:tahoma,verdana,sans-serif; font-size:102%; } .inset .imageComponent_small { color:#555555; padding:0 0 18px 0; border:none; margin-right:0; border-bottom:1px solid #b5b5b5; } .inset .imageComponent_small a.biggerImage { right:1px; top:1px; } .inset .imageComponent_small.last { border-bottom:1px solid #b5b5b5; margin-bottom:14px; } .inset .imageComponent_small p strong { display:block; font-family:tahoma,verdana,sans-serif; font-size:9px; font-weight:bold; padding-top:4px; } .inset .imageComponent_small p { font-family:arial,helvetica,sans-serif; font-size:9px; color:#555555; margin-bottom:5px; width:auto; } .inset .imageComponent_small span { display:block; font-family:arial,helvetica,sans-serif; font-size:9px; color:#555555; } /* Bottom Inset - In-Depth Analysis - used to be .articleLinks */ .contentcontainer .series-end { float:left; margin:7px 0 25px 0; font-family:georgia,serif; width:100%; /* 7px because the p-tag should be a 18 pixel margin above it */ border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding: 14px 0 16px 0; font-size:101%; } /* font-size is a small fix to the pixel off of the icon on the li tags */ .contentcontainer .series-end h4 { color:#999999; font-size:100%; line-height:100%; margin-bottom:16px; margin-top:0; } .contentcontainer .series-end ul { margin:0 0; padding:0 0; display:block; width:100%; } .contentcontainer .series-end li { padding-bottom:4px; overflow:hidden; margin-left:0px; background:url('../images/bullet_box.gif') no-repeat scroll 0 5px; float:left; width:268px; margin-right:20px; } .contentcontainer .series-end li span { float:left; display:block; width:9px; height:20px; background:url('../images/css_sprites.gif') no-repeat 0 -74px; padding-right:6px; } .contentcontainer .series-end li { padding-left:12px; } .contentcontainer .series-end li.current { font-size:85%; color:#555; } /* Open Inset More in this Series - used to be .articleLinks */ .open-inset { float:left; margin:0 20px 15px 0; font-family:georgia,serif; } .open-inset li { background:url('../images/bullet_box.gif') no-repeat scroll 0 5px; padding-left:12px; padding-bottom:4px; } .contentcontainer .open-inset h4 { color:#999999; font-size:100%; margin-bottom:11px; margin-top:0; } .open-inset { clear:both; width:200px; background:url('../images/bg_doubleBorder_horizontal.gif') no-repeat top left; padding: 17px 0 0px 0; margin-top:6px; } .open-inset p { font-size:77%; font-family:arial,helvetica,sans-serif; font-weight:bold; color:#666666; margin-bottom:12px; } .open-inset p em { font-weight: bold; } .open-inset ul { margin-bottom: 14px; } .open-inset .open-inset-footer {background:transparent url('../images/bg_disclaimer.gif') no-repeat scroll left top; height:7px; width:100%; } .open-inset.open-inset-more .open-inset-footer { background:#d6d6d6; height:2px; width: 100%; } .open-inset.open-inset-more p { margin-bottom:18px; } /* Featured Articles/Personals Component */ .contentcontainer .featuredArticle { margin-bottom:12px; } .contentcontainer .featuredArticle h4 { font-size:92.5%; color:#666666; margin-bottom:10px; margin-top:0; } .featuredArticle h4 strong { font-size:117%; color:#000000; } .featuredArticle h4 a { font-size:117%; color:#666666; text-transform:none; font-size: 100%; text-decoration:none; } .featuredArticle h4 a:hover { text-decoration:underline; } h4 a.ren-link { font-family: Tahoma, Verdana, sans-serif; font-size: 98%; } .contentcontainer .featuredArticle p { font-size:89%; color:#222222; margin-bottom:3px; } .featuredArticle p.articleQuestion { color:#5B6B9C; font-family:arial,helvetica,sans-serif; font-weight:bold; line-height:1.3em; font-size:84.5%; padding: 10px 15px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:10px; } .featuredArticle.withImage { float:right; display:block; width: 378px; } .featuredArticle a { text-decoration:underline; text-transform:uppercase; font-weight:bold; font-size:77%; } /* Secondary Featured WTC */ .contentcontainer .secondary-featured-wtc .featuredArticle h4 {margin-bottom: 0;} .contentcontainer .secondary-featured-wtc .featuredArticle { margin-bottom:10px;} .secondary-featured-wtc .featuredArticle a.watch-audio-link { margin-left: 7px; } .secondary-featured-wtc .featuredArticle h4 strong {margin-left: 0;} .secondary-featured-wtc .featuredArticle dl.byline {margin-bottom:3px;} /* Search Results Sort By Component */ .sortBy { clear:both; margin-top:8px; margin-bottom:28px; } .sortBy li { display:inline; background:url('../images/css_sprites.gif') no-repeat 0px -47px; padding-left:15px; } .sortBy a { font-weight:bold; color:#999999; } .sortBy a.active { padding:1px 4px; } .sortBy a:hover { color:#666666; } .sortBy li.first { background:none; padding-left:0; margin-right:4px; } .sortBy strong { font-size:86%; color:#666666; } .sortBy .sortBy_title { background:none; padding:0 8px 0 0; } .sortBy .sortBy_subject { padding-right:8px; } /* Search Results Sort By Media Component */ .sortByMedia { margin-top:6px; margin-bottom:6px; font-size:84%; float:left; padding-bottom:10px; background:url('../images/horizontalBreak.gif') repeat-x bottom left; } .sortByMedia li { float:left; display:block; padding-right:12px; } .sortByMedia a { font-weight:bold; color:#999999; font-size:11px; } .sortByMedia a span { float:left; display:block; width:11px; height:12px; background:url('../images/css_sprites.gif') no-repeat 0px -410px; padding-right:2px; } .sortByMedia .active a, .sortByMedia .active a:hover { color:#5b6b9c; } .sortByMedia .active a span { background:url('../images/css_sprites.gif') no-repeat 0px -434px; } .sortByMedia a.active { padding:1px 4px; } .sortByMedia a:hover { color:#666666; } .sortByMedia li.first { padding-left:0; padding-right:7px; } .sortByMedia li.last { padding-right:0; } .sortByMedia strong { color:#666666; } /* Search Results Components */ .searchList { clear:both; font-weight:bold; font-size:84%; color:#c5c4c4; } .searchList a { font-size:100%; padding-bottom: 7px; } .searchList a.active { padding-left:2px; padding-right:2px; } .searchList a.active:hover { text-decoration:none; } .searchList li { display:inline; padding-right:8px; } /*** Top Search List */ .searchList.top a { padding-bottom:6px; } .searchList.top { border-bottom:1px solid #b5b5b5; margin-bottom:7px; padding-bottom:7px; } .searchList.top.borderTop { border-top:1px solid #b5b5b5; padding-top:7px; } .searchList.top.last { margin-bottom:12px; } /*** Bottom Search List */ .searchList.bottom a { padding-top:7px; } .searchList.bottom { border-top:1px solid #b5b5b5; padding-top:7px; margin-top:7px; } .searchList.bottom a.active { padding-left:1px; } /*** Secondary Search List */ .subSearchList { text-transform:uppercase; margin-top:14px; margin-bottom:4px; font-size:83%; color:#222222; } .subSearchList li { font-size:111.5%; color:#C5C4C4; } .subSearchList li strong { color:#222222; } /*** Results Listing */ .searchResults { padding-bottom:10px; float:left; } .searchResults h5 { margin-bottom:12px; font-size:108%; margin-top: 4px; } .searchResults dl { margin-bottom:10px; float:left; width:600px; } .sectionWorldToCome .searchResults dl { margin-bottom:10px; float:left; width:300px; } .searchResults dt { float:left; } .searchResults dt a { font-size:130%; font-family:georgia,serif; margin-right:14px; } /* font size 130 rather than 136 to fix random 1px issue with icon linning up with the text base. does not affect text pixel height */ .sectionWorldToCome .searchResults dt a { margin-right:0; color: #000; font-size: 125%; line-height:1.25em; font-weight:bold;} .sectionWorldToCome .searchResults dt a.watch-audio-link { font-size: 115%; font-weight:normal; color:#035694;} .sectionWorldToCome .searchResults dt p { font-size: 115%; line-height:1.5em; margin-bottom:5px} .searchResults dd { display:inline; clear:both; margin-right:14px; font-size:70%; padding-top:2px; color:#333333; font-weight:bold; } .searchResults dd.searchResultDate { color:#777777; } .searchResults table td { width:470px; padding-left:20px; padding-bottom:7px; font-size:70%; color:#333333; font-weight:bold; } .searchResults table td a { font-family:georgia,serif; font-size:134%; margin-right:15px; font-weight:normal; } .searchResults table th { font-size:70%; color:#777777; padding-top:3px; font-weight:bold; vertical-align:top; width: 66px; } .searchResults table { border-spacing: 0px 10px; } .searchResults .seriesResult { float:left; margin-bottom:2px; width:600px; } .searchResults .seriesResult dl { float:left; display:block; width:266px; } .searchResults .seriesResult dt, .searchResults .seriesResult dd { float:none; } .searchResults .seriesResult.audio dl { background:url('../images/icn_audio.gif') no-repeat 0 1px; padding-left:17px; } .searchResults img { border:1px solid #cccccc; margin-right:9px; float:left; } .searchResults .singleResult { float:left; margin-bottom:12px; background:url('../images/bg_verticalBreak.gif') repeat-y top right; } .searchResults .singleResult dl { display:block; width:280px; margin-bottom:0px; } .searchResults .singleResult dt, .searchResults .seriesResult dd { float:none; padding-right:15px; } .searchResults .singleResult.audio dl { background:url('../images/icn_audio.gif') no-repeat 0 1px; padding-left:17px; } .searchResults .horizontalRule { margin-bottom:12px; } .searchResults .seriesResult.video dl, .searchResults .singleResult.video dl { width:280px; padding-right:38px; } .searchResults .seriesResult.video dt.image { float:left; } .searchResults .video dl.odd { padding-right:0; } .searchResults dl.singleResult.video { background:url('../images/bg_verticalBreak.gif') repeat-y 293px 0; margin-right:20px; } .sectionWorldToCome .searchResults dl { display:block; width:580px; margin-bottom:0px; padding-bottom:12px; float:left; } .sectionWorldToCome .searchResults dl dt, .sectionWorldToCome .searchResults dl dd { clear:none; float:none; padding-right:21px; } .sectionWorldToCome .searchResults dl.odd dt, .sectionWorldToCome .searchResults dl.odd dd { padding-right:0; } .sectionWorldToCome .searchResults dl.odd { padding-left:17px; padding-right: 0; width: 275px; } .sectionWorldToCome .searchResults dl.newSeries { background:url('../images/bg_verticalBreak.gif') repeat-y 0 0; width:285px; } .sectionWorldToCome .searchResults dl.newSeries.odd { margin-bottom:11px; padding-bottom:0; } .sectionWorldToCome .searchResults dl.standAlone { background:url('../images/bg_verticalBreak.gif') repeat-y 294px 0; width:300px; padding-bottom:0; margin-bottom: 12px; } .sectionWorldToCome .searchResults dl.standAlone.odd { background:none; width: 275px; } /* Comments Form */ .commentForm form { clear:both; } .contentcontainer .commentForm h4 { margin-bottom: 2px; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 123.1%; color: #bf7878; } .commentForm p.required, p.required, #emailArticle p.required { color: #6F2F3D; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; line-height: 93%; margin-bottom:13px; } .commentForm form fieldset { width:600px; margin-bottom:12px; } .commentForm fieldset dl { margin-bottom:0; } .commentForm fieldset dt { width:58px; padding-right: 4px; padding-top:1px; line-height: 185%; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; text-transform: capitalize; float: left; text-align: right; } .commentForm form dt.even { clear:left; } /* fix the resized text issue with the js magnifier */ .commentForm form dt.odd { width:75px; margin-left:28px; } .commentForm form dd { float: left; width: 219px; margin-bottom: 5px; } .commentForm form dd.odd { width:200px; } .commentForm form dd.odd input { width:198px; } .commentForm form input { width: 210px; } .commentForm form fieldset.second ul { width:527px; } .commentForm form fieldset.second textarea { width:514px; } input, select, textarea { padding: 2px 5px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ccc; font-size:11px; } .commentForm form input.button { display:block; width: 48px; height: 21px; border: none; margin-top:-6px; padding-bottom:0; } .commentForm fieldset .second { width: 600px; } .commentForm fieldset .second dt { text-align: left; } dl.withTools dt { padding-top:6px; } .contactUs dl.withTools dt { padding-top:8px; } fieldset textarea { width: 521px; height: 156px; padding: 10px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #CCC; font-size: 12px; } fieldset ul { width: 531px; padding: 6px 3px 6px 10px; background-color: #F3F3F3; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .subscribe fieldset ul {width:527px} fieldset.second ul { padding: 6px 3px 6px 10px !important; } fieldset ul li { display: inline; padding: 0 4px 0 0; } .commentForm form ul li a, fieldset ul li a { color: #777; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 93%; text-transform: uppercase; text-decoration: none; } .commentForm form ul li.underline a, .commentForm form ul li.underline a:hover, fieldset ul li.underline a, fieldset ul li.underline a:hover { text-decoration:underline; } .commentForm form ul li.bold a, fieldset ul li.bold a { font-weight:bold; } .commentForm form ul li.italic a, fieldset ul li.italic a { font-style:oblique; } fieldset ul li a:hover { text-decoration: none; } .commentForm form .italic, fieldset form .italic { font-style: oblique; } .commentForm form p { margin-bottom: 16px; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; line-height: 93%; } .reCaptcha { margin-bottom:4px; padding-top:2px; clear:both; } .reCaptcha ul.error_list { display:none; } /* hide duplicate error display */ .contentcontainer .commentForm h4 { margin-top:25px; } .yui-toolbar-container { display: none !important; } /* hide the yui toolbar items */ .yui-editor-editable-container { border:1px solid #CCCCCC; } /* Media Series List */ .contentcontainer .articlesContent .mediaSeriesList h3 { font-size:14px; text-transform:uppercase; margin-bottom:10px; } .mediaSeriesList { margin-top:15px; } .mediaSeriesList.videoSeriesList { display:none; } .sectionWorldToCome .moreInfo + .horizontalRule {display:none;} .mediaSeriesList.videoSeriesList table { width: auto; } .mediaSeriesList table td { padding-right:25px; padding-bottom:7px; font-size:70%; color:#777777; font-weight:bold; } .mediaSeriesList td.video a, .mediaSeriesList td.audio a { font-size:134%; font-family:georgia,sans-serif; font-weight:normal; } .mediaSeriesList td.video a span, .mediaSeriesList td.audio a span { margin-right:6px; top:1px; } .mediaSeriesList td.active a { color:#5b6b9c; } .mediaSeriesList .video.active a span.content-item { background-position: 0 -506px; } .mediaSeriesList .audio.active a span.content-item { background-position: 0 -833px; } .mediaSeriesList td.download { text-decoration:none; } .mediaSeriesList .download a { text-decoration:none; text-transform:lowercase; font-size:9px; } .mediaSeriesList table { float:left; width:300px; background:url('../images/bg_verticalBreakSingle.gif') repeat-y right top; margin-right:18px; } .mediaSeriesList table.odd { width:275px; background:none; margin-right:0; } .mediaSeriesList table.odd td.download { padding-right:0; } /*Thank You Box */ .thankYouBox { border:2px solid #6f2f3d; padding:10px; } .contentcontainer .thankYouBox h4, .thankYouBox h4 { font-family:tahoma,verdana,sans-serif; font-size:16px; margin:0; padding-bottom:3px; color:#777777; font-weight:bold; } .contentcontainer .thankYouBox p, #emailArticle .thankYouBox p { margin:0 0 10px 0; font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:11px; line-height:1.5em;} .contentcontainer .thankYouBox p em, #emailArticle .thankYouBox p em { font-weight:bold; } #emailArticle .thankYouBox p span.highlight { color:#895661; } #emailArticle .thankYouBox { margin-bottom: 741px; } /*Error Box */ .errorBox { clear:both; border:3px solid #4d1f27; padding:5px 10px; margin-bottom:20px; background-color:#f0f0f0; } .contentcontainer .errorBox h4 { font-family:tahoma,verdana,sans-serif; font-size:16px; margin:0; padding-bottom:3px; color:#4d1f27 !important; } .contentcontainer .errorBox span { display:block; width:18px; height:19px; float:left; padding-right:4px; background:url('../images/css_sprites.gif') no-repeat 0 -713px; } .contentcontainer .errorBox ul li { color:#6f2f3d; margin:0; font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:11px; padding-bottom:3px; } /* 404 Page */ .four0four .contentcontainer .errorBox p.alert {font-size:20px; font-weight:bold;} /******************************************************* ----------Header Styles-------------------------------- *******************************************************/ .headercontainer { padding: 10px 0 0 0; background: url('../images/header/bg_header.gif') repeat-x left top; } .headercontainer h1 { float: left; margin: 0 0 11px 12px; } .headercontainer h1, .headercontainer h1 a { width: 222px; height: 65px; } .headercontainer h1 a { display: block; background: url('../images/header/bg_logo.gif') no-repeat left top; text-indent: -5000em; } /* shared styles */ .topNav, .mainNav { width: 900px; clear: both; } /* clear fixes */ .tools:after, .familyNav:after, .bulletin:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* family navigation */ .familyNav { width: 374px; height: 16px; padding-top: 15px; background: url('../images/header/bg_familyNav.gif') no-repeat left top; float: right; margin-top: 44px; } .familyNav dd, .familyNav dt { height: 11px; background-image: url('../images/header/icn_familyNav.gif'); background-repeat: no-repeat; float: left; text-indent: -5000em; } .familyNav dt { width: 83px; background-position: left top; } .familyNav dd { padding: 0 7px 0 12px; background: url('../images/header/icn_familyNav_divide.gif') no-repeat left 2px; } .familyNav dd a { display: block; height: 11px; background-image: url('../images/header/icn_familyNav.gif'); background-repeat: no-repeat; } .familyNav dd.restored a { width: 148px; background-position: -83px top; } .familyNav dd.restored a:hover { background-position: -83px -15px;} .familyNav dd.ambassador a { width: 99px; background-position: -237px top; } .familyNav dd.ambassador a:hover { background-position: -237px -15px; } .familyNav dd.church a { width: 103px; background-position: -343px top; } .familyNav dd.church a:hover { background-position: -343px -15px; } /* top navigation */ .topNav { height:26px; background:url('../images/header/bg_topNav.gif') repeat-x left top #fff; } .topNav li { display:block; padding:3px 13px 0 9px; background:url('../images/header/icn_topNav_divide.gif') no-repeat right 10px; float:right; text-align:right; } .topNav li.last { background:none; padding-right:13px; } .topNav li a, .topNav li a:link, .topNav li a:visited { color:#EEE; font-size:9px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; text-decoration:none; } .topNav li a:hover, .topNav li a:active { color:#BBB; } .topNav li a:hover { text-decoration:underline;} .headercontainer .topNav li a.active { color:#BBB; } /* main navigation */ .mainNav { float: left; position: relative; margin-bottom:6px; background-color: #555} .mainNav a { color: #FFF; font-size: 85%; text-transform: uppercase; font-weight:bold; text-decoration:none; } .mainNav a:visited { color:#FFF; } .mainNav a.active {text-decoration:none; border-top: #555 3px solid; } .mainNav a { border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; height: 20px; padding-top: 6px; line-height: 1.2; float: left; } .mainNav a.broadcast {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -5px;} .mainNav a.broadcast:link, .mainNav a.broadcast:visited { width: 165px; background:url(/images/interface/sprites_nav.gif) repeat-x 0 -5px; text-align:center;} .mainNav a.broadcast:hover {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -36px;} .mainNav a.personals {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -67px;} .mainNav a.personals:link, .mainNav a.personals:visited { width: 215px; background:url(/images/interface/sprites_nav.gif) repeat-x 0 -67px; text-align:center;} .mainNav a.personals:hover {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -98px;} .mainNav a.articles {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -129px; } .mainNav a.articles:link, .mainNav a.articles:visited { width: 110px; background:url(/images/interface/sprites_nav.gif) repeat-x 0 -129px; text-align:center;} .mainNav a.articles:hover {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -160px;} .mainNav a.news {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -191px; } .mainNav a.news:link, .mainNav a.news:visited { width: 150px; background:url(/images/interface/sprites_nav.gif) repeat-x 0 -191px; text-align:center;} .mainNav a.news:hover {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -222px;} .mainNav a.backissue {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -253px;} .mainNav a.backissue:link, .mainNav a.backissue:visited { width:140px; background:url(/images/interface/sprites_nav.gif) repeat-x 0 -253px; text-align:center;} .mainNav a.backissue:hover {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -284px;} .mainNav a.subscribe {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -315px;} .mainNav a.subscribe:link, .mainNav a.subscribe:visited { width: 120px; background:url(/images/interface/sprites_nav.gif) repeat-x 0 -315px; text-align:center;} .mainNav a.subscribe:hover {background:url(/images/interface/sprites_nav.gif) repeat-x 0 -346px;} /* site tools (and serch) */ .tools { height: 29px; padding-bottom: 2px; border-bottom: 1px solid #999; clear: both; } .functional { background-color: #f2f2f2; border: 1px solid #d6d6d6; } dl.functional { width: 424px; height: 27px; float: left; } dl.functional dd, dl.functional dt { float: left; } .functional dt { padding: 9px 14px 10px 11px; font-size: 70%; font-weight: bold; text-transform: uppercase; line-height: 1; color: #895661; font-family:verdana,sans-serif; } dl.functional dd a, dl.functional dd span { display: block; height: 14px; margin-right: 14px; padding-top: 10px; text-indent: -5000em; background-image: url('../images/header/icn_tools.gif'); background-repeat: no-repeat; } dl.functional dd.text span { width: 36px; background-position: left 5px; margin-right:6px; } dl.functional dd.textIncrease a { width: 12px; background-position: -39px 5px; margin-right:2px; } dl.functional dd.textIncrease a:hover { background-position: -39px bottom;} dl.functional dd.textDecrease a { width: 12px; background-position: -53px 5px; } dl.functional dd.textDecrease a:hover { background-position: -53px bottom;} dl.functional dd.print a { width: 44px; background-position: -65px 5px; } dl.functional dd.print a:hover { background-position: -65px bottom; } dl.functional dd.email a { width: 47px; background-position: -109px 5px; } dl.functional dd.email a:hover { background-position: -109px bottom; } dl.functional dd.share a { width: 49px; background-position: -156px 5px; } dl.functional dd.share a:hover { background-position: -156px bottom; } dl.functional dd.rss a { width: 40px; background-position: -205px 5px; } dl.functional dd.rss a:hover { background-position: -205px bottom; } dl.functional dd.help a { width:40px; margin: 0px; background-position: -245px 5px; } dl.functional dd.help a:hover { background-position: -245px bottom; } form.functional { width: 459px; height: 27px; float: right; } form.functional legend { margin: -10px; padding: 0; position: absolute; text-indent: -9999em; color:#000; } form.functional dl dt, form.functional dl dd { float: left; } form.functional dl dt label { font-size:100%; } form.functional input, form.functional select { font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #333; } form.functional dl dd { padding-top: 4px; } form.functional input { width: 318px; padding: 2px; border: 1px solid #ccc; margin-right:14px; } /* width is 200px when select box is not hidden */ form.functional .button { float: right; overflow:hidden; padding-right: 12px; } form.functional .button input { width: auto; padding: 0px; border: none; margin: 0px; } form.functional select { width: 110px; margin: 0 7px 0 0; } /* YUI Custom Drop-down styles */ form.functional .rt-yui-select-box { background: none; margin: 0 0; padding: 0 0; } form.functional .rt-yui-select-box button { background: #fff url('../images/header/bg_yui_select_box_down_arrow.gif') right -2px no-repeat; border: 1px solid #D6D6D6; font-size: 90%; padding: 1px 25px 1px 2px; width: 125px; } form.functional .rt-yui-select-box .yuimenu { background: #F2F2F2; border: 1px solid #D6D6D6; padding: 3px 5px; } .bulletin { height: 25px; border-top: 4px solid #6F2F3D; border-bottom: 4px solid #6F2F3D; clear: both; background:transparent url(../images/header/bg_bulletinRt.gif) no-repeat scroll 877px 8px; } .bulletin dt, .bulletin dd { float: left; font-size: 90%; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; color: #4a4949; text-transform: uppercase; } .bulletin dt { /*width: 145px;*/ background: url('../images/header/bg_bulletinLf.gif') no-repeat right 8px; padding:5px 19px 5px 12px; color: #6F2F3D; } .bulletin dd { font-family:arial,helvetica,sans-serif; width: 713px; padding: 6px 0 5px 7px; overflow: hidden; white-space: nowrap; } .bulletin dd a { font-size: 98%; background: #fff url('../images/bulletin_divider.gif') right 2px no-repeat; padding-right: 6px; margin-right: 2px; } /******************************************************* ----------Sidebar Styles------------------------------- *******************************************************/ .sidebarcontainer div { margin-bottom:10px; padding:10px 25px 20px 22px; margin-top:4px; } .sidebarcontainer div.breakingNews { margin-top:0; } .sidebarcontainer div div { margin:0; padding:0; } .contentcontainer .sidebarcontainer h3 { font-family:Tahoma,Verdana,sans-serif; color:#6f2f3d; font-size:92.5%; text-transform:none; font-weight:bold; border-bottom:1px solid #d6d6d6; padding-bottom:4px; margin-bottom:4px; } .sidebarcontainer a { font-family:Georgia,serif; line-height:90%; } .sidebarcontainer a.advertisement { display:block; margin-bottom:10px; margin-top:10px;} .sidebarcontainer p { margin-bottom:20px; color:#333333; } .sidebarcontainer dl dt { font-family:Arial,Helvetica,sans-serif; color:#777777; text-transform:uppercase; margin-bottom:1px; font-weight:bold; } .sidebarcontainer li { padding-bottom:6px; } .sidebarcontainer li.last { padding-bottom:0px; } .sidebarcontainer ol { margin-left:18px; } .sidebarcontainer ol li { color:#BCBCBC; font-family:Tahoma,Verdana,sans-serif; font-size:84%; font-weight:bold; line-height:14px; list-style-type:decimal; } /* Note: don't override line height on this, it screwes up the base-align of the OL List item numbers with the LI content */ .sidebarcontainer ol li a { font-size:100%; font-weight:normal; line-height:14px; } .sidebarcontainer ol.popularIssues a { background:transparent url(../images/icn_download.gif) no-repeat scroll 1px 0px; display:block; padding-left:0; text-indent:15px; font-size:11px; line-height:127%; } .home .contentcontainer .clearBorder_horizontal h3, .home .contentcontainer .issue h3 { border-bottom:1px solid #D6D6D6; } .sidebarcontainer img { } .solidBorder_vertical { border-top:1px solid #919191; border-bottom:1px solid #919191; background:url('../images/solidBorder_vertical.gif') #f0f0f0 repeat-y top left; } .darkBorder_vertical { background:url('../images/darkBorder_vertical.gif') repeat-y top left; } .sidebarcontainer div.clearBorder_horizontal_wrapper { margin:0; padding:0; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background:url('../images/clearBorder_horizontal.gif') no-repeat bottom left; margin-bottom:10px; } .sidebarcontainer div div.clearBorder_horizontal { padding:20px 25px 5px 25px; background:url('../images/clearBorder_horizontal.gif') no-repeat top left; font-family:arial,helvetica,sans-serif; } .sidebarcontainer .clearBorder_horizontal h3 { font-size:84.5%; text-transform:uppercase; } .contentcontainer .clearBorder_horizontal p { font-size:84.5%; margin-bottom:15px; font-family:arial,helvetica,sans-serif; } .sidebarcontainer div.solidBorder_horizontal_wrapper { margin:0; padding:0; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background:url('../images/solidBorder_horizontal.gif') #f0f0f0 no-repeat bottom left; margin-bottom:10px; } .sidebarcontainer div div.solidBorder_horizontal { padding:20px 26px 20px 26px; background:url('../images/solidBorder_horizontal.gif') no-repeat top left; } .contentcontainer .solidBorder_horizontal h3 { color:#333333; background:url('../images/css_sprites.gif') no-repeat 0px -215px; padding-left:15px; padding-top:1px; font-size:84.5%; text-transform:uppercase; } .lightBorder_vertical { background:url('../images/lightBorder_vertical.gif') repeat-y top left; } .lightBorder_vertical ol li strong { font-family:arial,helvetica,sans-serif; font-size:87.5%; } .lightBorder_vertical.issue h3 { color:#555555; padding:0; } .lightBorder_vertical.issue h3 span { background: url('../images/css_sprites.gif') left -21px no-repeat; } .contentcontainer .lightBorder_vertical h3 { padding-left:16px; font-size:84.5%; text-transform:uppercase; border-bottom: 1px solid #ac8890; } .thinBorder_vertical { border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; } .contentcontainer .thinBorder_vertical h3 { color:#666666; background:url('../images/css_sprites.gif') no-repeat 0 -257px; padding-left:17px; font-size:84.5%; } .sidebarcontainer .captionWrapper { background:url('../images/quote_sidebar_top.gif') no-repeat top center; padding:22px 0 0 0; } .sidebarcontainer .caption { background:url('../images/quote_sidebar_bottom.gif') no-repeat bottom center; padding:0 25px 22px 25px; } .sidebarcontainer .caption p { color:#a59682; line-height:1.6em; } .sidebarcontainer .caption p em { font-weight:bold; } .sidebarcontainer .caption p span { color:#a59682; font-weight:normal; font-size:11px; } .contentcontainer .sidebarcontainer .caption a { text-transform:uppercase; font-size:bold; text-decoration:underline; font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:77%; } .sidebarcontainer .breakingNews dd a { font-weight:bold; } /******************************************************* ----------Sidebar Section Override Styles------------- *******************************************************/ .sectionWorldToCome .sidebarcontainer .wtc {display:none} div.articlesContent+div.sidebarcontainer .wtc {display:none} .contentcontainer .lightBorder_vertical.issue a.pdf {display:none;} div.subscribe .contentcontainer .lightBorder_vertical.issue a.pdf {display:block;} div.subscribe .contentcontainer .lightBorder_vertical.issue a.sub-link {display:none;} /******************************************************* ----------Footer Styles-------------------------------- *******************************************************/ .footercontainer { border-top-style:solid; border-top-width: 12px; } .footercontent { padding: 11px 0 5px 0; background: url('../images/bg_footercontent.gif') 0 0 repeat-x #666666; border-top: 1px solid #FFFFFF; font-weight:bold; } .footercontent ul { padding: 0 0 6px 14px; } .footercontent li { padding: 0 17px 0 0; font-size: 77%; color: #D2D2D2; background: url('../images/css_sprites.gif') right -21px no-repeat; display: inline; } .footercontent li.otherBullet { background: url('../images/css_sprites.gif') right -531px no-repeat; } .footercontent li.last { background: none; } .footercontent a { color: #D2D2D2; font-size:99%; } .footercontent a:hover { color: #A4A4A4; text-decoration:none; } .footercontent a:active { color: #D2D2D2; } .footercontent a:visited { color: #D2D2D2; } .footercontent a:visited:hover { color: #A4A4A4; text-decoration:none; } /******************************************************* ----------Issue Archive Styles------------------------- *******************************************************/ .issueInstructions { margin-bottom: 24px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; line-height: 146.5% ; } .issuesFeature img { width: 166px; margin-bottom: 7px; } .issuesFeature ul, .issuesFeature dl { width: 414px; float: left; } .issuesFeature dl { padding-bottom: 7px; } .issuesContainer { border-bottom: 2px solid #d6d6d6; margin-bottom: 40px; } .issuesFeature dt { margin-bottom: 9px; color: #999999; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 100%; text-transform: capitalize; } .issuesFeature dd { padding-left: 12px; width: 183px; margin-bottom: 7px; background: url('../images/icn_issueItems.gif') no-repeat left 6px; float: right; } .issuesFeature dd.firstCol { float: left; clear: left;} .issuesFeature dd a { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 85%; text-transform: capitalize; line-height: 108%; padding-bottom: 5px; } .issuesFeature a.download { display: block; width: 166px; margin: 0 20px 0 0; float: left; text-decoration:none; font-size:10px; } .issuesFeature a.download:hover { text-decoration: none; } .issuesFeature a.download span { display: block; width:auto; height: 12px; padding: 1px 0 0 15px; background: url('../images/icn_download.gif') no-repeat left top; font-size: 90%; font-weight: bold; text-transform: uppercase; text-decoration: none !important; /*TODO - find out where inheritence is overwriting this */} .issuesFeature a.download span:hover { text-decoration: underline; } .issueYearColumn { margin-bottom: 11px; background: url('../images/bg_archived_years.gif') repeat-y top right; } dl.issueYear { width: 175px; padding-right: 35px; float: left; } dl.issueYear.last { padding-right: 0px; margin-right: 0px; background: none; } .yearList { padding-bottom:7px; border-bottom:1px solid #D6D6D6; margin-bottom:15px; clear:both; } .yearList.bottom { padding:10px 0 0 0; border-top:1px solid #D6D6D6; border-bottom:none; margin-bottom:0; clear:both; } .yearList li { display:inline; padding-right:13px; } .yearList li a { color:#035694; font-weight:bold; } .issueYear .year { padding: 0 0 18px 0; background: none; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 108%; text-transform: uppercase; color: #7a6759; } .issueYear dt a { display: block; padding: 1px 0 2px 15px; background: url('../images/icn_download.gif') no-repeat left top; font-size: 108%; font-weight: bold; text-transform: uppercase; } .issueYear dd { padding: 0 0 8px 15px; color: #333333; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 85%; line-height: 126%; padding-bottom: 8px; } .issueYear dd.last { padding-bottom: 0px; } .issueYear dt.inactive { padding: 0 0 11px 15px; background: url('../images/icn_download_inactive.gif') no-repeat left top; font-weight: bold; text-transform: uppercase; color: #c4c4c4; } .issueYear dt.inactive span { font-size: 108%; } .secondrow { float: left; padding-left: 24px; width: 195px !important; padding-bottom: 7px; } .firstrow { float: left; width: 195px !important; padding-bottom: 7px; } .issuesFeature dd { float: none; } .articlesContent ul { padding-bottom:20px; } .articlesContent ul li { padding-bottom: 7px; list-style-type:disc; margin-left:25px; } .sectionArticles .articlesContent ul li, .sectionWorldNewsDesk .articlesContent ul li { font-family: georgia,serif; font-size: 13px; line-height: 1.5em; } .sectionArticles .articlesContent .inset ul li, .sectionWorldNewsDesk .articlesContent .inset ul li { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 2px; } .articlesContent div ul { padding-bottom:0; } .articlesContent div ul li, .articlesContent div ul li.active { margin-left:0; list-style-type:none; font-size:85% } .articlesContent .open-inset-more ul li.active { font-size: 13px; } .articlesContent div ul li.active { color:#555; } .articlesContent div ul li.last { padding-bottom: 0px; margin-bottom:0px; } .articlesContent div ul li a { line-height: 100%; font-size:100%; } /* font-size reset to maintain line-height control (base align the list item icon with the text) */ .articlesContent p a { font-size:100%; line-height:1em; } .articlesContent ul li a { font-size: 100%; } .articlesContent ul li a.download { font-size: 10px; } /******************************************************* ----------Article Styles------------------------------- *******************************************************/ .contentcontainer .articlesContent h3 { color:#333333; font-family:Tahoma, Verdana, sans-serif; font-size:168%; font-weight:bold; text-transform:none; margin-bottom:0px; margin-top:0px; } .contentcontainer .articlesContent h3 em { font-weight:bold; } .contentcontainer .articlesContent h3.subhead { color:#666666; font-size:137%; margin-bottom:0px; margin-top:3px; } /* margin-bottom:16px NOTE: the margin bottom should be 0, so the item below can determin the space here, be it an image or the caption, or even the body text/slug */ .contentcontainer .articlesContent h3.subhead em { font-weight:bold; } .contentcontainer h4 { color:#333333; font-family:Tahoma, Verdana, sans-serif; font-weight:bold; margin-bottom:12px; line-height:1.4em; font-size:92%; margin-top:29px; } .contentcontainer h4 em { font-weight:bold; } .contentcontainer h5 { font-family:Tahoma, Verdana, sans-serif; font-weight:bold; } .contentcontainer h5 em { font-weight:bold; } .mainContent a.verse, a.verse { color:#6f2f3d; font-weight:bold; font-size:92%; } a.verse:hover, a.verse:active { text-decoration:none; color:#4d1f27; } a.verse:visited { color:#; } .captionWrapper { padding: 0 30px 10px 30px; background:url('../images/bg_caption_top.gif') no-repeat top center; margin-top:13px; } .sectionReaderComments .captionWrapper { margin-bottom:30px; } .caption { background:url('../images/bg_caption_bottom.gif') no-repeat bottom center; padding:17px 0; } .contentcontainer .caption p { font-family:arial,helvetica,sans-serif; font-size:100%; font-weight:bold; line-height:1.35em; margin-bottom:0; } .contentcontainer .caption p em { font-weight:bold; } .contentcontainer .caption a { font-size:100%; } .contentcontainer .caption p span { text-transform:uppercase; color:#666666; font-weight:bold; } ul.bulletedList li { font-family:georgia,serif; list-style-type:disc; list-style-position:inside; margin-bottom:15px; } /******************************************************* ----------Personal Article Styles---------------------- *******************************************************/ /* margin-bottom: 31px; Note: move margin to zero to control the space here */ .sectionPersonals .contentcontainer .mainContent h3.articleTitle { width: 320px; height: 105px; margin-bottom:0px; padding: 24px 260px 0 20px; text-transform:none; background: url('../images/rt_perspg_banner.jpg') no-repeat left top; line-height: 144%; } .sectionPersonals .contentcontainer .mainContent h3.articleTitle { display:block; color:#ffffff; font-family: Tahoma, Verdana, sans-serif; font-weight:bold; font-style:normal; font-size:22px; line-height:25px; padding-bottom:8px; } .sectionPersonals .contentcontainer .mainContent h3.articleTitle em { font-weight:bold; } .sectionPersonals .contentcontainer .mainContent h3.articleTitle span { display:block; color:#444444; line-height:20px; font-size:15px; font-family:Tahoma, Verdana, sans-serif; font-weight:bold; padding-top:5px; } /******************************************************* ----------About Us Styles------------------------------ *******************************************************/ .articleContent a { font-size:100%; } .articleContent a.verse { font-size:92%; } .aboutUs .footercontainer { border-top-color: #666666; } .aboutUs .pageTitle { background:url('../images/bg_pagetitle_aboutUs.jpg') no-repeat left top; } /******************************************************* ----------Search Results Styles------------------------ *******************************************************/ .searchResultsListing .footercontainer { border-top-color: #777; } .searchResultsListing .pageTitle { background:url('../images/bg_pagetitle_search.jpg') no-repeat left top; } p.googleSearch { position:absolute; top:0; right:0; color:#999999; font-family:arial,helvetica,sans-serif; font-size:85%; } p.pageDetails, ul.pageDetails li { color:#666666; font-size:10px; font-family:arial,helvetica,sans-serif; font-weight:bold; margin-bottom:20px; line-height:1.4em; } ul.pageDetails { padding-bottom: 25px; } ul.pageDetails li { list-style-type: square; margin-left: 30px; font-size: 90%; color: #656565; line-height: 1.25em; margin-bottom: 10px; } .searchResultsListing h3 { padding-bottom: 4px; } .pagination { color:#c4c4c4; text-transform:uppercase; font-weight:bold; font-size:84.5%; margin-bottom:18px; } .pagination li { float:left; padding-right:3px; padding-left:2px; } .pagination li.bracket { padding:0 1px 0 0; } .pagination a { font-size:100%; } .pagination span { width:11px; height:12px; } .pagination li.first span { background:url('../images/css_sprites.gif') no-repeat 0 -555px; padding-left:18px; } .pagination li.first { padding-right:11px; padding-left:0; } .pagination li.first a { padding:0; } .pagination li.first.active span { background:url('../images/css_sprites.gif') no-repeat 0 -626px; } .pagination li.last { padding-left:10px; padding-right:0; } .pagination li.last span { background:url('../images/css_sprites.gif') no-repeat 7px -579px; padding-left:20px; } .pagination li.last.active span { background:url('../images/css_sprites.gif') no-repeat 7px -603px; } .pagination.top li.current { color:#777777; background:url('../images/icon_paginationTop.gif') no-repeat center bottom; padding-bottom:8px; } .pagination.top { border-bottom:1px solid #b5b5b5; } .pagination.bottom { clear:both; border-top:1px solid #b5b5b5; } .pagination.bottom li.current { color:#777777; background:url('../images/icon_paginationBottom.gif') no-repeat center 1px; } .pagination.bottom li { padding-top:10px; } .searchResultsListing .results dl.resultDetail { width: 97%; padding-right:0; margin-bottom: 32px; font-family:georgia,serif; } .searchResultsListing .results dl.resultDetail dt { padding-bottom:1px; } .searchResultsListing .results dl.resultDetail .product_title { padding-bottom: 2px; font-size: 77%; } .searchResultsListing .results dl.resultDetail dt.product_info { font: 13px/1.231 arial,helvetica,clean,sans-serif; } .searchResultsListing .results dl.resultDetail dt.product_info span.product_site { color: #333333; font-size: 77%; font-weight: bold; } .searchResultsListing .results dl.resultDetail dt.product_info span.product_type { color: #777777; font-size: 77%; font-weight: bold; } .searchResultsListing .results dl.resultDetail dt a { font-size:132%; font-weight:normal; } .searchResultsListing .results dl.resultDetail dt a.boxArrow { padding-left:14px; background:url('../images/css_sprites.gif') no-repeat 0 -117px; } .searchResultsListing .results dl.resultDetail dd { font-size:84.5%; color:#333333; font-weight:normal; padding-bottom:1px; line-height:14px; } .searchResultsListing .results dl.resultDetail dd.date { font-family:arial,helvetica,sans-serif; color:#333333; font-weight:bold; text-transform:uppercase; font-size:70%; } .searchResultsListing span.highlight { color:#6f2f3d; font-weight:bold; } .boxArrow span.highlight { background:none; float:none; padding:none; width:auto; height:auto; } /******************************************************* ----------Help Styles---------------------------------- *******************************************************/ .help .footercontainer { border-top-color: #a4a4a4; } .help .pageTitle { background:url('../images/bg_pagetitle_help.jpg') no-repeat left top; } .help p.pageDetails { padding-top:0; margin-bottom:30px; } .help h3 { color:#a4a4a4; font-size:108%; text-transform:none; padding-bottom:12px; } .help .searchList.top.last { margin-bottom:15px; } .help p { font-size:84.5%; } .help a span { font-size:100%; } /* this fix's the 1 px off issue with icons, so that the icon is baseline (due to the p tag font size being different) */ .help p.last { margin-bottom:7px; } .help p.pageDetails { font-size:81%; } .help .mainContent p.pageDetails a { font-weight:bold; } .twoCol a.pageTop { width:280px; font-size:77%; } .twoCol a.pageTop.last { margin-bottom:0; } .help .contentcontainer h4 { margin:0; } .help .mainContent a.getPlayer { text-decoration:underline; text-transform:uppercase; font-weight:bold; } .help .mainContent a.getPlayer span { padding-right: 6px; } /* Add the 6px padding right special case for help icons */ .help .mainContent p a { text-decoration:none; text-transform:none; font-weight:normal; font-size:110%; } .help .mainContent p a:hover { text-decoration:underline; } .help .twoCol { margin-bottom:0; } /******************************************************* ----------Reader Comments Styles----------------------- *******************************************************/ p.pageDetails em { font-weight:bold; } p.pageDetails a.arrowLink { line-height:2.6em; text-transform:uppercase; font-weight:bold; text-decoration:underline; font-size:10px; padding-left:14px; background:url('../images/css_sprites.gif') no-repeat 0 -692px; } .sectionReaderComments p.pageDetails { margin-bottom:6px; } .comment { } /* padding-bottom:20px; */ .comment.last { padding-bottom:0px; } .comment.endCol { padding-bottom:0px; } .comment p { font-style:italic; margin:0; } .comment p em { font-style:normal; } .comment p span { font-style:normal; } .comment p.commenter { font-style:normal; font-size:84.5%; margin-bottom:0; margin-top:0; } .comment h5 { font-size:84.5%; text-transform:uppercase; color:#666666; font-family:arial,helvetica,sans-serif; padding-bottom:3px; margin-top:10px; } .comment ul { margin-top:0; } .comment ul li { padding-left:13px; background:url('../images/bullet_box.gif') no-repeat 0 5px; line-height:1em; padding-bottom:5px; } .comment ul li a { font-family:georgia,times,'Times New Roman',serif; line-height:14px; } .comment p.note { font-size:11px; font-style:normal; } .comment.last p.note { padding-bottom:10px; } .sectionReaderComments a.pageTop { margin:10px 0 15px 0; } /* margin-top:-20px; */ .sectionReaderComments .twoCol { margin-top: 10px; } .commentDivid { line-height:1px; display:block; height:20px; overflow:hidden; background:transparent; margin:0 0; } /******************************************************* ----------Contact Us Styles---------------------------- *******************************************************/ .contactUs .footercontainer { border-top-color: #777777; } .contactUs .pageTitle { background:url('../images/bg_pagetitle_contactUs.gif') no-repeat left top; } fieldset dl { clear:both; margin-bottom:5px; float:left; } fieldset dl dt { color:#666666; float:left; text-align:right; font-weight:bold; padding-right:4px; padding-top:4px; } fieldset dl dt label.error { color:#6f2f3d; } fieldset dl dd { float:left; } .contactUs .col1 fieldset dl dt { width:81px; padding-top:3px; } #emailArticle .col1 fieldset dl dt { width:96px; padding-top:3px; } .contactUs .col1 fieldset dl dd input, .contactUs .col1 fieldset dl dd select { width: 178px; } #emailArticle .col1 fieldset dl dd input, #emailArticle .col1 fieldset dl dd select { width:165px; } .contactUs .col1 fieldset dl dd select { width: 190px; } #emailArticle .col1 fieldset dl dd select { width:178px; } .contactUs .col2 fieldset dl dt { width:128px; padding-top:3px; } .contactUs .col2 fieldset dl.checkbox dt { padding-top:7px; } .contactUs .col2 fieldset dl dd input, .contactUs .col2 fieldset dl dd select { width:136px; } .contactUs .col2 fieldset dl dd select { width:148px; } .contentcontainer fieldset h3 { text-transform:none; font-size:93%; padding-bottom:5px; } fieldset.fullWidth { padding-bottom:12px; } fieldset.fullWidth dt { width:46px; } #emailArticle fieldset.fullWidth dt { width:48px; } #emailArticle fieldset.fullWidth ul { width:527px; } #emailArticle fieldset.fullWidth input { width:528px; } #emailArticle fieldset.fullWidth textarea { width:518px; } .contactUs fieldset.fullWidth dt { width:48px; } .contactUs fieldset.fullWidth ul { width:527px; } .contactUs fieldset.fullWidth input { width:530px; } .contactUs fieldset.fullWidth textarea { width:520px } input.button { border:0; } fieldset.fullWidth input { width:531px; } p.captchaDirections, #emailArticle p.captchaDirections { font-size:10px; color:#666666; font-weight:bold; font-family:arial,helvetica,sans-serif; margin-bottom:5px; } dl.checkbox dd input, .contactUs .col2 fieldset dl.checkbox dd input { width:auto; vertical-align:middle; } .probablyTwoLines dd { padding-top:.45em; } span.warnIcon { background:url("../images/css_sprites.gif") no-repeat scroll 0 -717px transparent; display:block; float:left; height:19px; padding-right: 5px; width:18px; } p.email-notice { padding: 1.25em 1.25em 1em 1.75em; border: 1px solid #666666; background-color: #F0F0F0; font-weight: normal !important; line-height: 20px !important; width: 560px !important; } .contentcontainer .mainContent form .thankYouBox { border: none !important; } /******************************************************* ----------Subscribe Styles----------------------------- *******************************************************/ .subscribe .footercontainer { border-top-color: #919191; } .subscribe .pageTitle { background:url('../images/bg_pagetitle_subscribe.gif') no-repeat left top; } .subscribe h2.dottedBottom { text-indent:0; height:auto; width:auto; margin-bottom:7px; padding-bottom:5px; background:url('../images/bg_oneDot.gif') repeat-x bottom left; font-weight:bold; font-family:tahoma,verdana,sans-serif; font-size:16px; color:#919191; } .contentcontainer fieldset h3 span, #emailArticle fieldset h3 span { font-size:83%; } .subscribe .col1 dl dt {padding-top:3px; width: 75px} .subscribe .col1 fieldset input:focus { background-color: #EEEEEE !important; border-color: #2A4487 !important; } .subscribe .col1 fieldset dl dd input, .subscribe .col1 fieldset dl dd select { width:181px; } .subscribe .col1.second fieldset dl dt { width:81px; } .subscribe .col1.second fieldset dl dd input, .subscribe .col1.second fieldset dl dd select { width:181px; } .subscribe .col1.second fieldset dl dd select { width:193px; } .subscribe .col1.second fieldset dl dd input.small, .subscribe .col1.second fieldset dl.small dd input { width:auto; vertical-align:middle; } p.notRequired { color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; line-height: 93%; margin-bottom:10px } fieldset dl dd label { padding:0 18px 0 6px; font-size:80%; font-family:arial,helvetica,sans-serif; color:#666666; } .subscribe .col2.twoLines { padding-top:42px; } .subscribe .col2.twoLines fieldset dl dt { float:none; text-align:left; padding-bottom:4px; } .subscribe .col2.twoLines fieldset dl dd input { width:267px; } .subscribe .col2.twoLines fieldset ul { width:264px; } .subscribe .col2.twoLines fieldset textarea { width:257px; height:53px; } .unsubscribe { background:url('../images/bg_oneDot.gif') repeat-x 0 0; padding-top:5px; } .unsubscribe fieldset { background:url('../images/bg_oneDot.gif') repeat-x bottom left;} .unsubscribe fieldset dl { padding-left:11px; } .unsubscribe fieldset dl dt { padding-bottom:4px; } .unsubscribe fieldset dl dd input { width:246px; margin-bottom:4px; } .unsubscribe .button { margin-left:11px; margin-bottom:10px; } .unsubscribeWrapper { background:url('../images/bg_unsubscribe.gif') repeat-y 0 0; } .subscribe h2.dottedBottom { text-indent:0; height:auto; width:auto; margin-bottom:7px; padding-bottom:5px; background:url('../images/bg_oneDot.gif') repeat-x bottom left; font-weight:bold; font-family:tahoma,verdana,sans-serif; font-size:16px; color: #656565; } .subscribe .horizontalRule { margin-bottom:12px; } .subscribe .twoCol { margin-bottom:15px; } .subscribe .col1 { padding-right:0; width: 300px; height: 268px; } .subscribe .col2 { width: 278px; } .subscribe .col2 fieldset, .subscribe .col2 fieldset h3, .subscribe .col2 fieldset p, .subscribe .col2 fieldset dl, .subscribe .col2 fieldset dd { width: 99%; } .subscribe .col2 fieldset dl dd div, .subscribe .col2 fieldset div.first-child { width: 275px !important; } .subscribe .col2 fieldset dl dd ul { width: 262px; } .subscribe .col2 input {width: 180px;} .subscribe .mainContent { width: 625px; } .subscribe .mainContent dl dt {color:#666666; float:left; font-weight:bold; padding-right:4px; padding-top: 3px; text-align:right;} .subscribe div.field { clear: none; margin-left: 2em; } .subscribe div.field input.checkbox { border: none; float: left; margin-right: 7px; } .subscribe fieldset h3 { font-size: 97%; } .subscribe div.field p { font-family: Tahoma,Verdana,sans-serif; float: left; color: #000000; width: 94%; } .subscribe div.field p strong { color: #555; } .subscribe span.detail { font-size: 90%; color: #555; } .subscribe span.note { color: #6F2F3D; font-weight: bold; font-size: 100%; } .subscribe dl.small { margin-bottom:6px; } /******************************************************* ----------Home Styles---------------------------------- *******************************************************/ .home .mainContent p.updated { font-size:70%; font-family:arial,helvetica,sans-serif; color:#999999; text-transform:uppercase; font-weight:bold; margin-bottom:10px; } .home .col2.dotsBorder { width:291px; padding-left:12px; } .home .col2 { width:290px; padding-left:9px; } ul.itemSummary { padding-bottom:4px; margin-bottom:11px; } ul.itemSummary li { display:inline; text-transform:uppercase; font-family:arial,helvetica,sans-serif; color:#8c8c8c; font-size:77%; font-weight:bold; padding-left:4px; } ul.itemSummary .sectionName, .latestListing h4 { font-family:tahoma,verdana,sans-serif; color:#666666; text-transform:none; font-size:92%; padding-right:7px; padding-left:0; } .home .imageComponent_large { padding: 0 5px 4px 5px; margin:0 0 8px 0; } .home .imageComponent_large img { margin:5px 0 0 0; } .home .col1 { width: 289px; } .home .col2 .imageComponent_large { float:left; margin-right:10px; } .home .imageComponent_large a img { border:1px solid #6F2F3D;} .home .contentcontainer .imageComponent_large p { padding-left:0; font-size:100%; } .home .mainContent h3 { text-transform:none; color:#000000; font-size:123%; } .home .mainContent h3 a { text-decoration:none; } .home .mainContent h3 a .head { display:inline; text-transform:none; color:#000000; font-size:123%; font-family:tahoma,verdana,sans-serif; text-decoration:none; } .home .mainContent h3 a:hover .head { text-decoration:underline; } .home .mainContent h3 em { font-weight:bold; } .home .mainContent h3.noSubhead { margin-bottom:4px; } .home .mainContent h3 a .subhead { display:block; font-size:107%; color:#666666; margin-bottom:4px; font-family:Tahoma,Verdana,sans-serif; font-weight:bold; text-transform:none; } .home .mainContent h3 a:hover .subhead { text-decoration:underline; } .home .mainContent p { font-size:85%; margin-bottom:2px; } .home .mainContent a { font-family:arial,helvetica,sans-serif; font-weight:bold; text-transform:uppercase; margin-bottom:12px; text-decoration:underline; } .home .mainContent a em { font-weight: strong; } .home .mainContent a.readMore { font-size:77%; } .home .mainContent a.pageTop { text-decoration:none; } .home p.quote { color:#8c9458; font-weight:bold; font-size:12px; font-family:arial,helvetica,sans-serif; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:8px 10px; line-height:1.3em; margin-bottom:8px; } .home .twoCol .horizontalRule.oneDot { margin-top:12px; margin-bottom:20px; } .home h2.fromEditor { background:url('../images/text_fromTheEditor.gif') no-repeat 0 0; width:71px; height:7px; margin-top:-8px; margin-bottom:1px; } .home ul.offers { float:left; margin-bottom:10px; } .home ul.offers li { float:left; } .home ul.offers li.last { border-left:2px solid #7d6f61; } .marginBottom { margin-bottom:10px; } .horizontalRule.marginBottom2 { margin-bottom:20px; } .latestListing { float:left; width:260px; padding:0 13px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; margin-bottom:15px; } .latestListing.odd { margin-left:20px; } .latestListing h4 { font-size:108%; margin-top:5px; padding-bottom:4px; border-bottom:4px solid #8c9458; } .latestListing h4 span { float:left; width:12px; height:16px; background:url('../images/css_sprites.gif') no-repeat 0 -738px; padding-right:4px; } .latestListing.odd h4 { border-bottom:4px solid #6b8ca8; } .latestListing.worldNewsDesk h4 span { float:left; width:12px; height:16px; background:url('../images/css_sprites.gif') no-repeat 0 -761px; padding-right:4px; } .home .pageTop { width:auto; font-size:77%; } .home .mainContent .latestListing dl { padding-bottom:15px; } .home .mainContent .latestListing dl dd a { font-family:georgia,serif; text-transform:none; text-decoration:none; font-size:12px; display:block; margin-bottom:0; } .home .mainContent .latestListing dl dd a:hover { color:#062E4F; text-decoration:underline; } .home .mainContent .latestListing dl dt { text-transform:uppercase; color:#919191; font-size:84%; font-weight:bold; padding-bottom:5px; } .home .mainContent .latestListing dl dd { color:#333333; font-family:georgia,serif; font-size:11px; background:url('../images/icn_issueItems.gif') no-repeat left 6px; padding-left:15px; padding-bottom:6px; } .home .footercontainer { border-top-color: #6f2f3d; } .home .contentcontainer .lightBorder_vertical h3 { color:#494949; background:url('../images/css_sprites.gif') no-repeat 0 -859px; } .home .contentcontainer .lightBorder_vertical.subjectsAndSearches h3 { color:#666666; background:url('../images/css_sprites.gif') no-repeat 0 -884px; } .contentcontainer .lightBorder_vertical.alt h3 { color:#494949; background:url('../images/css_sprites.gif') no-repeat 0 -806px; } .contentcontainer .lightBorder_vertical.issue h3 { padding-bottom:4px; margin-bottom:10px; } .contentcontainer .lightBorder_vertical.issue dl.byline { margin-bottom:6px; } .contentcontainer .lightBorder_vertical.issue a { display:block; } .contentcontainer .lightBorder_vertical.issue img { margin-bottom:4px; } .contentcontainer .lightBorder_vertical a { display:block; } .contentcontainer .lightBorder_vertical ol li span.articleSubject { background:transparent url(../images/bg_byline.gif) no-repeat scroll 0 5px; color:#999999; display:block; font-family:arial,helvetica,sans-serif; font-size:91%; padding-left:8px; } .contentcontainer .lightBorder_vertical.issue a { font-size:77%; text-transform:uppercase; font-weight:bold; font-family:arial,helvetica,sans-serif; padding-left:16px; min-height:11px; padding-top:2px; } .contentcontainer .lightBorder_vertical.issue a.sub-link {background:transparent url(../images/css_sprites.gif) no-repeat scroll 0 -257px; color: red;} .mainContent .solidBorder_vertical { background:#F0F0F0 url('../images/solidBorder_vertical_large.gif') repeat-y left top; margin-bottom:20px; padding:13px 22px; width:556px; } .mainContent .solidBorder_vertical h3 { color:#6f2f3d; font-family:tahoma,verdana,sans-serif; font-size:13px; padding-bottom:6px; border-bottom:1px solid #bcbcbc; margin-bottom:6px; } .mainContent .solidBorder_vertical span { font-size:77%; color:#777777; border-left:1px solid #bcbcbc; padding-left:8px; margin-left:8px; text-transform:uppercase; font-family:arial,helvetica,sans-serif; } .mainContent .solidBorder_vertical dt a { font-family:georgia,serif; text-decoration:none; font-size:136%; text-transform:none; } .mainContent .solidBorder_vertical dd { font-size:85%; color:#222222; font-family:georgia,serif; } /******************************************************* ----------Popup Styles--------------------------------- *******************************************************/ .pagecontainerplain { margin:auto 0px; width:auto; padding:0 0; background:#ffffff; border:none; } .pagecontainerplain .contentcontainer { width:auto; padding:0 0; } .pagecontainerplain .mainContent { width:auto; } .imageComponent_small.imagePopup { display:none; position:absolute; top:1330px; left:60px; background:#ffffff; padding:12px; border:2px solid #6f2f3d; } .imageComponent_small.imagePopup img { margin-bottom:0; border:1px solid #cccccc; } .smallerImage { text-indent:-5000em; display:block; width:20px; height:20px; background:url('../images/icon_close.gif') no-repeat 0 0; position:absolute; top:13px; right:13px; outline:none; } .imageComponent_small.imagePopup p { width:100%; font-size:100%; color:#555555; margin-top:8px; margin-bottom:0; } .imageComponent_small.imagePopup span { color:#555555; margin-top:5px; } #v1 { display:none; top:4847px; left:551px; } #v2 { display:none; top:4868px; left:551px; } #v3 { display:none; top:4907px; left:54px; } .verseBoxWrapper { position:absolute; width:196px; border:2px solid #6f2f3d; background:#f0f0f0; padding:7px; } .verseBox { border:1px solid #cccccc; background:#ffffff; } .verseBox div { border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; text-align:center; margin:0 10px; } .verseBox ul { display:inline-block; margin:auto; padding:3px 10px; } .verseBox ul li { display:block; float:left; margin:0 0; padding:0 0; } .verseBox ul li a { display:block; float:left; } .verseBox ul li a img { float:left; } .verseBox ul li.last { padding-right:0; } .verseBox h6, .verseBox p { padding:0 10px; } .verseBox h6 { clear:both; color:#333333; font-weight:bold; font-family: tahoma,verdana,sans-serif; font-size: 92%; padding: 0px; margin:6px 0px; cursor: move; text-align:center; } .verseBox p { color:#222222; font-family:georgia,serif; line-height:1.5em; padding: 0 12px 10px 12px; } .closeVerse { text-indent:-5000em; display:block; width:14px; height:14px; background:url('../images/icon_closeVerse.gif') no-repeat 0 0; position:absolute; top:8px; right:8px; outline:none; } .verseBox.scroll { padding-bottom:0; } .verseBox.scroll p { height:104px; overflow:auto; margin-bottom:14px; } /* attempted fix */ .verseBox.scroll p { margin-bottom:0; } /* different button spacings */ a.scriptBtnPreviousChapter { padding-right:14px; } a.scriptBtnPreviousVerse { padding-right:17px; } a.scriptBtnNextVerse { padding-right: 14px; } a.scriptBtnNextChapter { padding-right:0px; } #emailArticle { /* js handles the position now */ width:600px; } .emailArticleIframeWrapper { padding:7px; background:#f0f0f0; border:2px solid #6f2f3d; } .emailArticleIframeWrapper .bd { background:#ffffff; padding: 0px; border:1px solid #cccccc; } .emailArticleWrapper { padding:30px; background: #ffffff; } .emailArticle { border:1px solid #cccccc; background:#ffffff; padding-bottom:13px; padding:30px; } h6.dottedBottom { text-indent:0; height:auto; width:auto; margin-bottom:7px; padding-bottom:5px; background:url('../images/bg_oneDot.gif') repeat-x bottom left; font-weight:bold; font-family:tahoma,verdana,sans-serif; font-size:16px; color:#919191; } #emailArticle p { color:#222222; font-family:georgia,serif; font-size:100%; margin-bottom:20px; } .emailArticleWrapper h3 { text-transform:none; font-size:93%; padding-bottom:5px; font-weight:bold; font-family:tahoma,verdana,sans-serif; } #emailArticle .col2 dt { width:130px; padding-top:0; } #emailArticle .fullWidth ul li a { color:#777777; } #emailArticle p.tos { font-weight:bold; color:#333333; font-size:10px; font-family:arial,helvetica,sans-serif; margin-bottom:10px; padding-top:5px; } p.tos { font-weight:bold; color:#333333; font-size:10px; font-family:arial,helvetica,sans-serif; margin-bottom:10px; padding-top:5px; line-height:1.2em; } p.tos a { font-size:100%; } p.tos em { font-weight:bold; } .sectionOverlayEmail #emailArticle { display:block; } .emailArticleWrapper .col2 h3 { padding-bottom:12px; } .emailArticleWrapper .fullWidth h3 { padding-bottom:16px; } .emailArticleWrapper .col2 fieldset dl { margin-bottom:0; } .inset h2 { height:auto; margin-bottom:10px; text-indent:0; width:auto; font-family:tahoma,verdana,sans-serif; font-size:16px; font-weight:bold; } .pagePopupIframeWrapper { padding:7px; background:#f0f0f0; border:2px solid #6f2f3d; } .pagePopupIframeWrapper .bd { background:#ffffff; padding: 0px; border:1px solid #cccccc; } .pagecontainer.pagePopup, .pagecontainer.pagePopup .contentcontainer, .pagecontainer.pagePopup h2.pageTitle { width: 600px; } /******************************************************* ----------Privacy Policy Styles------------------------ *******************************************************/ .sectionPrivacyPolicy .pageTitle { background: url('../images/theme/bg_pagetitle_privacyPolicy.gif') no-repeat left top; } .sectionPrivacyPolicy .footercontainer { border-top-color: #555555; } .sectionPrivacyPolicy .contentcontainer p.last { margin-bottom:0; } /******************************************************* ----------Captcha Policy Styles------------------------ *******************************************************/ .reCaptcha .recaptchatable #recaptcha_image { border:2px solid #DFDFDF !important; } .reCaptcha #recaptcha_response_field { border:2px solid #666666 !important; } .reCaptcha #recaptcha_reload, .reCaptcha #recaptcha_switch_audio, .reCaptcha #recaptcha_whatsthis { display:none !important; } .reCaptcha #recaptcha_reload_btn { display:block !important; height:17px !important; width:25px !important; background:url('../images/recaptcha_reload.gif') no-repeat 0 0 !important; } .reCaptcha #recaptcha_switch_audio_btn { display:block !important; height:16px !important; width:25px !important; background:url('../images/recaptcha_audio.gif') no-repeat 0 0 !important; } .reCaptcha #recaptcha_whatsthis_btn { display:block !important; height:16px !important; width:25px !important; background:url('../images/recaptcha_whatsthis.gif') no-repeat 0 0 !important; } .reCaptcha .recaptcha_input_area { background:url('../images/recaptcha_input_area.gif') no-repeat 0 0 !important; padding-top:15px !important; } /******************************************************* ----------SideBar Sections----------------------------- *******************************************************/ .topAd { magin-bottom: 0px !important; margin-top: 0px; !important; padding: 0px !important; } .editorialAd { magin-bottom: 0px !important; margin-top: 0px; !important; padding: 0px !important; } .extraText { magin-bottom: 0px !important; margin-top: 0px; !important; padding: 0px !important; } /******************************************************* ----------Login----------------------------- *******************************************************/ #login-pg .contentcontainer { margin-top: 10px; } #login-pg .mainContent { margin-left: 1.5em; } #login-pg h2 { font-weight: 600; font-size: 135%; text-indent: 0; margin-bottom: 10px; color: #333333; } #member-log .fm-input { margin-bottom: 12px; font-size: 12px; } #member-log .fm-input input { font-size: 12px; } #member-log .fm-input input:focus { background-color: #f7f8f3; border: 1px solid #1a1a1a; } #member-log .fm-submit input:hover { cursor: pointer; background-color: #F2F2F2; border-left: 1px solid #7e7e7e; border-top: 1px solid #7e7e7e; } #member-log .fm-submit input#login{ width: 55px; } div.info-wrap { width: 90%; margin: 40px 0; border: 1px solid #D6D6D6; padding: 5px 5px; } div.info-box { background-color: #f5f5f5; width: 90%; margin: 1em auto 1em auto; *margin: 1.25em auto 1em auto; padding: 1em; border: 1px solid #D6D6D6; } div.info-box h4 { margin-top: 5px; } div.info-box p.pageDetails { font-size: 12px; color: 000000; font-weight: normal; margin-bottom: 5px; } /******************************************************* ----------Admin Editor----------------------------- *******************************************************/ .mainContent #editor { padding-bottom: 10px; } .mainContent #editor input { display: inline; } .sectionPersonals .mainContent #editor { margin-top: -55px; padding-bottom: 32px; width: 500px; margin-left: 478px; } .sectionWorldNewsDesk .mainContent #editor, .sectionArticles .mainContent #editor { margin-top: -55px; padding-bottom: 33px; width: 525px; margin-left: 448px; } .sectionWorldNewsDesk .mainContent #editor input, .sectionArticles .mainContent #editor input { margin-left: 5px; } .mainContent #editor input:hover { cursor: pointer; background-color: #F2F2F2; border-left: 1px solid #7e7e7e; border-top: 1px solid #7e7e7e; } #popup input:hover, #popup select:hover { cursor: pointer; background-color: #F2F2F2; border-left: 1px solid #585858; border-top: 1px solid #585858; } #popup select:hover { background-color: #FFFFFF; } #popup input { text-align: center; width: 25%; border: 1px solid #8b8b8b; } div.adNewWTC { margin: 0; padding: 1px; border: 1px solid #CECECE; background: #FFF; height: 119px; width: 596px; } div.adNewWTC:hover { border: 1px solid #333; }