/* set some default styling */ body { margin: 0; padding: 0; font: 62.5% Arial, Helvetica, sans-serif; background-color: #edebe2; } :link,:visited { text-decoration:none } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none } table, td, tr, input, select{font-size:1em;} /* Clearing floats without structural markup. */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .hidden { display: none; } /* skip-links etc */ .hide { left:-9999px; position:absolute; top:0;} .left { float: left !important; } .item img.left{margin:0 10px 10px 0 !important;} .right { float: right !important; } .item img.right{margin:0 0 10px 10px !important;} .center { text-align: center; } .alignLeft { text-align: left !Important; } .alignRight { text-align: right !Important; } .nobg { background: none !important; border: none !important; } /* for teasers that are last in their column */ .last { margin: 0 !important; } /* for navigation items and list items that need NO margin when they're last */ div.hr {background: #fff url(/images/stylesheet_images/styles_static/dotline_gray_thick.gif) repeat-x center; height:10px;} div.hr hr{display:none;} hr.dotted{} p.ingress{font-size:1.3em; margin-bottom:14px !Important;} a#printLink{background:url(/images/stylesheet_images/styles_static/icon_print.gif) no-repeat left 3px;display:block;padding-left:15px;margin:10px 0;} /* Common elements across all modules */ .recommendations { background: url(/images/stylesheet_images/styles_static/icon_recommendations.gif) no-repeat left 1px; padding: 0 0 0 15px; margin: 15px 7px 0 7px; color: #7c7c7c; } .popular { background: url(/images/stylesheet_images/styles_static/icon_recommendations_popular.gif) no-repeat left 1px; } .comments { background: url(/images/stylesheet_images/styles_static/icon_comments.gif) no-repeat left 3px; padding: 0 0 0 15px; margin-top: 15px; color: #7c7c7c; } .hits { background: url(/images/stylesheet_images/styles_static/icon_hits.gif) no-repeat left 3px; padding: 0 0 0 15px; margin: 15px 7px 0 7px; color: #7c7c7c; } span.blogs { background: url(/images/stylesheet_images/styles_static/icon_blog.gif) no-repeat left 3px; padding: 0 0 0 15px; margin-top: 15px; color: #7c7c7c; } span.article { background: url(/images/stylesheet_images/styles_static/icon_article.gif) no-repeat left 3px; padding: 0 0 0 15px; margin-top: 15px; color: #7c7c7c; } span.image { background: url(/images/stylesheet_images/styles_static/icon_image.gif) no-repeat left 3px; padding: 0 0 0 15px; margin-top: 15px; color: #7c7c7c; } span.video { background: url(/images/stylesheet_images/styles_static/icon_video_small.gif) no-repeat left 3px; padding: 0 0 0 15px; margin-top: 15px; color: #7c7c7c; } span.events { background: url(/images/stylesheet_images/styles_static/icon_event.gif) no-repeat left 3px; padding: 0 0 0 15px; margin-top: 15px; color: #7c7c7c; } span#contentWrap{display:block; } /* PAGE STRUCTURE */ #pageContainer { width: 986px; background-color: #FFF; margin: 0 auto; } #page { width: 966px; margin: 0 auto; font-size: 1.1em; position: relative; } /* Let's not use padding and make sure that the page width won't break with IE */ /* Header */ #header { min-height: 86px; height:auto !Important; height:86px; margin: 0; position: relative; } #headerTeaser { position: relative; float: left; overflow: auto; } #headerTeaser img { float: left; margin: 0 7px 0 0; position: relative; } #headerSupport { float: left; position:relative;} #today { text-align: right; } #customerSupport { text-align: left; } #supportLinks { } .loggedIn{position:absolute; top:25px; color:#ACACAC; font-size:1.1em;} #navigation { clear:both; } #navigation ul { list-style: none; margin: 0; padding: 0 15px; } #navigation ul li { float: left; } #secondaryNavi { clear: both; } #secondaryNavi ul { margin: 0; padding: 10px 15px 0 15px; list-style: none; } #sectionHeader { margin: 0; height:1%; } #sectionHeader h2 { float: left; padding: 3px 0 0 8px; } #sectionHeader #sectionNavi { margin: 0; padding: 19px 0 19px 329px; } #sectionHeader #sectionNavi ul, #sectionHeader #sectionNavi li { display: inline; list-style-type: none; margin: 0; padding: 0; } #sectionHeader #sectionNavi a:link, #sectionHeader #sectionNavi a:visited { float: left; font-size: 1.2em; font-weight: bold; line-height: 14px; margin-right: 2px; padding: 2px 10px 2px 10px; text-decoration: none; } #sectionHeader #sectionNavi ul li.selected a:link, #sectionHeader #sectionNavi ul li.selected a:visited { background: #fff; } #sectionHeader.readerServices #sectionNavi {padding:19px 0pt 19px 329px;} #sectionHeader.readerServices {height:auto;} #sectionHeader h4.additionalInfo { background: url(/images/stylesheet_images/styles_static/icon_clock.gif) no-repeat left 2px; padding: 0 0 10px 16px; margin: 0; } /* Discussions section header */ #mainCol #sectionHeader, #mainCol #sectionHeader h2 { margin: 0; padding: 0; float: none; background: none; margin: 0 0 14px 0; } #mainStory{ width: 642px; float: left; margin: 18px 14px 0 0; } #mainStory .text { float: left; margin: 14px 0; width: 100%; } #mainStory .image { margin: 0 10px 0 0; display: inline; } #mainStory .image img, #sectionMainStory .image img, #article .image img, #article img { display: block; } #mainStory dl, #mainStory dt, #mainStory dd, #sectionMainStory dl, #sectionMainStory dt, #sectionMainStory dd, #article dl, #article dt { margin: 0; padding: 0; } #sectionMainStory dl dt img, #article dl dt img { border: 1px solid #b0b0b0; } #article dd { font-size: 1.1em; padding: 7px 4px 0 4px; margin: 0; clear: both; } #mainStory .text .lead { margin: 0 0 7px 0; } #mainStory .recommendations, #sectionMainStory .recommendations { margin-left: 0; } #mainStory .text div.community { margin: 14px 0 0 0; } #sectionMainStory .text div.community { margin: 7px 0 0 0; } #mainStory .meta .rss, #sectionMainStory .meta .rss, #mainStorySupport .meta .rss { float: right; } #mainStory .meta .rss a, #mainStory .meta .rss a:link, #mainStory .meta .rss a:active, #mainStory .meta .rss a:visited, #sectionMainStory .meta .rss a, #sectionMainStory .meta .rss a:link, #sectionMainStory .meta .rss a:active, #sectionMainStory .meta .rss a:visited, #mainStorySupport .meta .rss a, #mainStorySupport .meta .rss a:link, #mainStorySupport .meta .rss a:active, #mainStorySupport .meta .rss a:visited, #browseEvents .rss { padding: 0 15px 0 0; text-decoration: none; background: url(/images/stylesheet_images/styles_static/icon_rss.gif) no-repeat right top; } #mainStory .meta .rss a:hover, #sectionMainStory .meta .rss a:hover, #mainStorySupport .meta .rss a:hover, #browseEvents li a:hover, #events .unNumbered a:hover, #events .teaser ol a:hover { text-decoration: underline; } #mainStorySupport{ width: 300px; float: left; margin: 18px 0 0 0; } #mainStorySupport .teaser { padding: 0 0 14px 0; } #mainStorySupport .teaser h2 { margin: 9px 0 0 0; } #mainStorySupport .teaser .meta { margin: 4px 0 2px 0; border: none; } #mainStorySupport .teaser h3 { margin: 14px 0 0 0; padding: 14px 0 0 0; } #mainStorySupport .teaser ul { padding: 0; list-style: none; margin: 0; } #mainStorySupport .teaser ul li { padding: 0 0 0 10px; margin: 4px 0 0 0; } /* SECTION MAIN PAGE */ #sectionMainStory ul { list-style: none; margin: 14px 0; } #sectionMainStory ul li { padding: 0 0 0 10px; margin: 7px 0 0 0; } #sectionMainStory ul li .meta { margin: 0 0 0 7px; } #sectionMainStory ul li img { display: block; float: left; margin: 0 7px 0 0; } /* ARTICLE */ #article h1 { margin: 14px 0; } #article img { float: right; margin: 0 0 14px 7px; } #article a.rss { color: #e68a00; font-size: 1.1em; background: url(/images/stylesheet_images/styles_static/rss_link_bg.jpg) no-repeat left 2px; padding: 0 0 0 51px; margin: 2px 0; display: block; } #article img.articleImageSmall { width: 40%; height: 40%; } #article img.articleImageNormal { } #article .image img { float: right; margin: 0; } #article .meta { margin: 0 0 3px 0; } #article .meta a { font-size: 0.9em; margin: 0 0 0 10px; text-decoration: none; } #article .meta a:hover { text-decoration: underline; } #article .teaser{margin-bottom:10px;} #article #articleSupport { padding: 0 11px; line-height: 34px; } #article #articleSupport a { padding: 0 0 0 15px; } #article #articleSupport a#recommend { background: url(/images/stylesheet_images/styles_static/icon_recommendations_popular.gif) no-repeat left 1px; margin: 0 7px 0 0; } #article #articleSupport a#print { background: url(/images/stylesheet_images/styles_static/icon_print.gif) no-repeat left 3px; margin: 0 0 0 45px; } #article #articleSupport a#send { background: url(/images/stylesheet_images/styles_static/icon_post_to_friend.gif) no-repeat left 3px; margin: 0 0 0 14px; } #article #articleKeywords { padding: 14px 0 14px 3px; } #article #articleKeywords span { background: url(/images/stylesheet_images/styles_static/icon_keywords.gif) no-repeat left top; padding: 0 0 0 15px; } #article #elsewhereInNet { } #article #elsewhereInNet h4 { margin: 14px 0 0 0; } #article #elsewhereInNet ul { list-style: none; margin: 7px 0; } #article #elsewhereInNet ul li { padding: 0 0 0 10px; margin: 7px 0 0 0; font-size: 1.1em; } #article ul.rssGrouping { list-style: none; margin: 0; padding: 0; float: left; width: 195px; } #article ul.longer { width: 270px; } #article ul.rssGrouping li { margin: 0; padding: 0 0 2px 0; } /* comments / discussion on the article */ #articleComment { margin: 7px 0; padding: 0 14px 28px 14px; } #articleComment h3 { margin: 0 0 4px 0; padding: 0; } #mainCol #article #articleComment p { font-size: 1.1em; margin: 0 !important; } #imageChangeControls { background: url(/images/stylesheet_images/styles_static/slideshow_bg.gif) no-repeat left top; border-top: 1px solid white; height: 27px; margin: 0 0 23px 0; } #imageChangeControls img { margin: 0; } #imageChangeControls #ctrls { width: 94px; margin: 14px auto 0 auto; font: normal 11px Tahoma, Arial, sans-serif; color: #979797; } #imageChangeControls #previous { float: left; width: 17px; height: 13px; } #imageChangeControls #next { float: left; width: 17px; height: 13px; } #imageChangeControls #status { float: left; width: 60px; text-align: center; } #threeCols, #twoCols, #oneCol { clear: both; float: none; width: 966px; padding: 0; margin: 26px 0 18px 0; } #threeCols { float: none; } .colGroup { width: 659px; float: left; } .sectionColGroup, .discussionColGroup, .eventsColGroup, .albumColGroup { width: 796px; float: left; clear:both; } /* MAIN COLUMN */ #mainCol { width: 468px; float: left; margin: 0 14px 0 0; } #sectionColGroup #mainCol, #mainCol.section { width: 468px; margin: 0 7px 0 0 !important; } #twoCols .sectionColGroup #mainCol {width:782px; } #twoCols .sectionColGroup {background:none; width:796px; background:transparent url(/images/stylesheet_images/styles_static/two_columns_bg.gif) repeat-y scroll right top;} #events #mainCol { float: right; margin: 1px 14px 0 14px; width: 468px; display: inline; } .galleryColGroup #mainCol { width: 534px; margin: 0 14px 0 0; } .discussionColGroup #mainCol, .albumColGroup #mainCol { width: 782px; margin: 1px 0 0 0; } .galleryColGroup #secondaryCol { float:right; width:150px;} #mainCol #article { margin: 0 0 28px 0; } #mainCol #article p, #oneCol #article p { margin: 0 0 14px 0; font-size: 1.4em; } #articleDiscussion p { font-size: 1em !important; margin: 0 0 0 28px !important; padding: 1px 0 0 0; } /* These Teasers can also appear on the most recent news -list! */ .teaser ul, .teaserList { margin: 10px 0 0 0; } .teaser ul li, .teaserList li { padding: 0 0 0 10px; margin: 14px 0 0 0; display:inline-block; } .teaser ul li small, .teaserList li small{ display:block; margin: 1em 0 1em 1em; } #mainCol .teaser, #tertiaryCol ol li .teaser { padding: 0 0 10px 0; } #mainCol .teaser img { float: left; display: block; margin: 0 14px 10px 0; } #mainCol.events .teaser img { float: right; margin: 0 0 0 14px; } /* Events teaser */ #tertiaryCol ol li img { float: right; display: block; margin: 7px 0 14px 14px; } #mainCol .teaser ul, #tertiaryCol ol li, .teaserList { list-style: none; } #mainCol .teaser h2, #tertiaryCol ol li h2 { margin: 15px 0 12px 0; } #mainCol.events .teaser h2 { margin: 0 0 12px 0 !important; } /* Events teaser*/ #mainCol .teaser .meta, #tertiaryCol ol li .meta { margin: 0 0 5px 0; } #mainCol .emp_teaser { padding: 10px 0 28px 0; } #mainCol .emp_teaser h2 { margin: 19px 0 0 0; } #mainCol .emp_teaser img { display: block; float: left; margin: 19px 10px 20px 0; } #mainCol .emp_teaser .meta { margin: 6px 0 1px 0; } #mainCol .rss_teaser ul.rssGrouping { list-style: none; margin: 0; padding: 0; float: left; width: 185px; } #mainCol .rss_teaser ul.longer { width: 250px; } #mainCol ul.rssGrouping li { margin: 0; padding: 0 0 2px 0; } #mainCol .rss_teaser { padding: 14px; margin: 14px 0; } #mainCol .rss_teaser label { margin: 0 0 0 7px; } #mainCol .rss_teaser h2 { padding: 0 0 0 30px; } #article h3.rss, #mainCol .rss_teaser h3.rss { margin: 0 0 7px 0; } /* two teasers side-by-side */ #mainCol .double { margin: 19px 0 0 0; } #mainCol.events .double { margin: 10px 0 0 0; } #mainCol.gallery .double { margin: 7px 0 0 0; } #mainCol .double .item { float: left; width: 205px; margin: 0 15px 0 0; } #mainCol .double .item img { display: block; float: none; margin: 0 0 10px 0; } #mainCol.gallery .double .item img { float: left; margin: 0 10px 0 0; } #mainCol .double .item h3 { margin-bottom: 7px; } #mainCol.gallery .double .item { width: 245px; margin: 0 15px 0 0; padding: 0 0 10px 0;} #mainCol.events .double .item { width: 219px; margin: 0 30px 0 0; } /* Events main page */ /* single teaser */ #mainCol .single { margin: 19px 0 0 0; } #mainCol .single .item img { display: block; float: left; margin: 0 10px 10px 0; } #mainCol .single .item h3 { margin-bottom: 7px; } /* Discussion pages */ .discussions { margin: 0 0 2px 0; padding: 2px 0 2px 0; } #mainCol.discussions, #mainCol.discussions .discussions { border: none; } /* no borders in thread view */ .discussion_area h3 { font: normal 1.9em "Trebuchet MS", Georgia, sans-serif; padding: 0 0 0 23px; margin: 7px 0 7px 0; } .discussion_area form { padding: 0 0 5px 0; margin: 0 0 2px 0; } .discussion_area .count { font: 0.6em Arial, sans-serif; margin: 0 0 0 20px; } .discussion_area h4 { padding: 0 0 0 20px; font-size: 1em; } .discussion_area .topic { padding: 8px 0 10px 3px; margin: 0 0 5px 0; } .discussion_area .hasNewMessages { margin: 0 0 1px 0; } .discussion_area .topic p { margin: 0 0 0 20px; } #tertiaryCol .discussion_area .topic { margin: 2px 0; padding: 4px 8px 7px 11px; } #tertiaryCol .discussion_area .topic h4 { font-weight: normal; } .discussion_area a { font-size: 1.1em; } .discussion_area p a { font-size: 1em; } #mainCol .discussion_area a#start_new_topic, #mainCol a#start_new_topic { padding: 0 0 0 20px; margin: 0 20px 0 0; text-decoration: none; font-size: 1em; line-height: 24px; } #mainCol a#start_new_topic { margin: 0 0 0 7px; } div.new_topic a { padding: 5px 0 0 24px; margin: 0; font: bold 1.1em Arial, sans-serif; border: none; width: 162px; height: 20px; display: block; } .discussion_area a#more_topics { padding: 0 0 0 14px; margin: 0; text-decoration: none; font-size: 1em; line-height: 24px; } .discussion_area a:hover { text-decoration: underline; } .discussions .adContainer, #mainCol .events .adContainer { margin: 24px 0; } /* Discussion thread */ #discussionToolbar { height: 30px; font-size: 1.1em; padding: 0 14px; margin: 0 0 8px 0; } #discussionToolbar div { line-height: 2.6em; } #discussionToolbar div a#logout { padding: 0 0 0 14px; margin: 0 0 0 14px; } #discussionThread { font-size: 1.1em; } #discussionThread .comment { margin: 0 0 7px 0; } #discussionThread .infobar { padding: 0 14px 0 17px; margin: 0 0 14px 0; } #discussionThread .infobar .count { margin: 0 14px 0 0; } #discussionThread .infobar .meta, .commentsBlock .infobar .meta { line-height: 2em; } #discussionThread .infobar a.offensive { margin: 0 0 0 14px; font-size: 0.9em; } #discussionThread .comment p { margin: 0 14px 14px 14px; } .edit_message { float: right; padding: 8px 0 0 0; margin: 0; border: none; width: 140px; height: 23px; } .edit_message a { margin: 0 0 0 28px; display: block; text-decoration: underline !important; } .reply_to_message, .comment_blog { float: right; padding: 8px 0 0 0; margin: 0; border: none; width: 118px; height: 23px; } .reply_to_message a, .comment_blog a { margin: 0 0 0 28px; display: block; text-decoration: underline !important; } /* Gallery pages */ .albumTeaser { margin: 0 0 14px 0; } .album { margin: 4px 9px 0 9px; text-align: center; width: 120px; float: left; } .firstItem { margin: 4px 9px 0 0; } .lastItem { margin: 4px 0 0 9px; } .album img { display: block; margin: 0 0 4px 0; } #albumContainer .item { margin: 0 10px 7px 0; text-align: center; width: 120px; height: 160px; float: left; overflow:hidden;} #albumContainer .item img { margin: 0 0 3px 0; max-height:80px; height:auto !Important; height:80px;} #albumContainer .item a { display: block;} /* album "module" in #tertiaryCol */ #albums #albumContainer .item { text-align: center; margin: 0; width: 155px; height: 160px; float: left; overflow:hidden; } #albums #albumContainer .item img { margin: 0; } #themeContainer .item { margin: 0 10px 11px 0; text-align: center; width: 146px; height: 150px; float: left; display: inline; } #themeContainer .item img { margin: 0 0 3px 0; } /* generic pagination */ #pagination { text-align: center; font-size: 1.1em; padding: 23px 0 0 0; } #pagination a { text-decoration: none; padding: 1px 3px; margin: 0 3px; } #pagination a.step_next { border: none; padding: 3px 30px 3px 0; height: 21px; width: 21px; } #pagination a.step_prev { border: none; padding: 3px 0 3px 30px; height: 21px; width: 21px; } #pagination span.step_next { border: none; margin: 0 7px 0 0; height: 21px; width: 21px; padding: 3px 30px 3px 0; } #pagination span.step_prev { border: none; margin: 0 7px 0 0; height: 21px; width: 21px; padding: 3px 0 3px 30px; } #pagination p { margin: 14px 0 0 0; } #pagination .skip { margin: 0 9px; } /* SECONDARY COLUMN */ #secondaryCol { width: 170px; float: left; margin: 1px 0 0 0; display: inline; } .albumColGroup #secondaryCol { width: 160px; margin: 0 0 0 7px } /* is the rightmost column in gallery page! */ #secondaryCol.section { width: 160px; } /* is the rightmost column in section page! */ #secondaryCol .teaser { padding: 10px 0 14px 0; } #secondaryCol .teaser .meta { margin: 6px 0 1px 0; } #secondaryCol .teaser img { display: block; float: right; margin: 0 0 10px 0; } /* TERTIARY COLUMN */ #tertiaryCol { width: 306px; float: left; margin: 1px 0 0 1px; } #tertiaryCol.section { margin: 0; width: 311px; } .galleryColGroup #tertiaryCol { margin: 0 0 0 1px; width: 238px; } #events #tertiaryCol { margin: 0; width: 300px; } #tertiaryCol .content { margin: 0 0 0 7px; } #tertiaryCol h3{height:auto !Important; height:1%;} #tertiaryCol h3.moreNews { text-transform: uppercase; padding: 0 0 0 23px; } #tertiaryCol h3.extracts { text-transform: uppercase; padding: 0 0 0 23px; } #tertiaryCol h3.login { text-transform: uppercase; padding: 0 0 0 23px; } #moreNews { padding: 8px 0 14px 0; } #newsNavi { margin: 0; padding: 0 0 19px 10px; } #newsNavi ul, #moreNews #newsNavi li { display: inline; list-style-type: none; margin: 0; padding: 0; } #newsNavi a:link, #moreNews #newsNavi a:visited { float: left; font-size: 1em; font-weight: normal; line-height: 14px; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; } #newsNavi ul li.selected a:link, #moreNews #newsNavi ul li.selected a:visited { background: #fff; border-bottom: 1px solid #fff; color: #e68a00; } #newsScope { height: 30px; visibility: hidden; } #newsScope ul { list-style: none; margin: 0 0 0 20px; } #newsScope ul li { float: left; width: 85px; } #newsScope ul li a { line-height: 30px; padding: 0 0 6px 0; } #newsList ol { font-size: 0.9em; padding: 0 0 0 7px; margin: 0 0 0 30px; clear: both; } #newsList ol li { margin: 5px 0 8px 0; } #newsList ol.unNumbered { list-style: none; margin: 0; } #newsList ol.unNumbered li { padding: 0 0 0 15px; margin: 0 0 7px 3px; } #newsList ol.unNumbered li.teaser { background: none !important; margin: 0 7px 0 0; padding: 0; } #newsList ol.unNumbered li.teaser .teaser { margin: 0 0 14px 0 !important; } #newsList ol.unNumbered li.more { background: none; } #newsList ol li a { text-decoration: none; font-size: 1.2em; } #newsList ol li a:hover { text-decoration: underline; } #newsList ol li .meta { margin: 0 0 1px 0; } #newsList ol li.more .moreNews { background: url(/images/stylesheet_images/styles_static/icon_plus.gif) no-repeat left 4px; padding: 0 0 0 15px; margin: 14px 14px 0 -15px; float: left; display: inline; } #newsList ol li.more .rss { background: url(/images/stylesheet_images/styles_static/icon_rss.gif) no-repeat left 16px; padding: 14px 0 0 17px; float: left; } #newsList ol li.more { background: none; } #tertiaryCol .item { margin: 7px; }/* generic module container for this column */ #tertiaryCol .item img { margin: 0 0 14px 7px; } .item a img { margin: 0 0 7px 0 !important; } #tertiaryCol .item p { margin: 0 0 14px 0; } #tertiaryCol .item ul { list-style: none; margin: 0; padding: 0; } #tertiaryCol .item ul li { margin: 0 0 4px 0; } /* link list that lists link pointing out of the site */ #tertiaryCol .item ul.linkListOut li a { text-decoration: underline; padding: 0 0 0 10px; background: url(/images/stylesheet_images/styles_static/bullet_small.gif) no-repeat center left; } #tertiaryCol #extracts { clear: both; } #tertiaryCol #extracts .item { float: left; width: 140px; margin: 14px 0 0 7px !important; padding: 0; } #tertiaryCol #extracts .item h4 { margin: 0 0 0 1px; } #tertiaryCol #extracts .date { font: normal 11px/23px Georgia, sans-serif; text-align: center; } #tertiaryCol .teaser { margin: 7px 0 0 7px; padding: 10px 0 0 0; } #tertiaryCol .teaser .item .section { display: block; } #tertiaryCol .teaser .item ul { list-style: none; margin: 7px 0 14px 0; } #tertiaryCol .teaser .item ul li { padding: 0 0 0 7px; } #tertiaryCol .teaser .item img { float: left; margin: 0 7px 10px 0; } #questionsAndPolls { padding: 13px; font-size: 1.1em; } #questionsAndPolls input { margin: 0 4px 0 0; } #questionsAndPolls label { margin: 7px 0 0 7px; display: block; } #btn_vote { margin: 14px auto 0 14px !important; width: 107px; height: 21px; border: none; text-align: center; } #pictureGalleryTeaser { padding: 7px 0 14px 0; } #pictureGalleryTeaser .item { width: 120px; float: left; margin: 0 15px 7px 15px; } #pictureGalleryTeaser .item img, #pictureGalleryTeaser .item a { display: block; margin: 7px 0 0 0; } #pictureGalleryTeaser a:hover { text-decoration: underline; } #login { padding: 7px; margin: 0 0 14px 0; } /* generic module container for this column */ #login input { background: url(/images/stylesheet_images/styles_static/login_textfield_bg.gif) no-repeat top left; height: 17px; } #login label { line-height: 22px; } #footer { width: 956px; margin: 10px 0 0 0; } #footer .col { width: 215px; margin: 17px 0 0 20px; float: left; display: inline; } #footer .col h4 { margin: 0 0 19px 0; } #footer .col ul { list-style: none; } #footer .col ul li { margin: 0; padding: 7px 0; } #footer .col ul li .orders, #footer .col ul li .changes, #footer .col ul li .distribution { display: block; font-weight: bold; padding: 0 0 0 15px; } #footer .col ul li .orders { background: url(/images/stylesheet_images/styles_static/icon_orders.gif) no-repeat left center; } #footer .col ul li .changes { background: url(/images/stylesheet_images/styles_static/icon_changes.gif) no-repeat left center; } #footer .col ul li .distribution { background: url(/images/stylesheet_images/styles_static/icon_distribution.gif) no-repeat left center; } #footer .col p { margin: 0 0 0 15px; padding: 0; } #footer .col dl { clear: both; padding: 0 0 11px 0; } #footer .col dt { float: left; width: 80px; padding: 0; margin: 0; } #footer .col dd { float: right; width: 340px; padding: 0; margin: 0 0 0 10px; } #footer .mid { width: 439px; margin: 17px 0 0 15px; padding: 0 15px; } #footer .last { text-align: center; padding: 15px 0 0 0; } /* OVERLAY FORMS */ #formContainer { padding: 0 0 0 0; } /* 0 0 25px 0 */ #formContainer .leftHalf { float: left; width: 48%; } #formContainer .leftHalf .left { float: left; width: 45%; } #formContainer .leftHalf .left input.w8em, #formContainer .leftHalf .left input { margin: 0 0 10px 0 !Important; font-size:0.9em;} #formContainer .leftHalf .right { float: left; width: 45%; } #formContainer .leftHalf .right input.w8em, #formContainer .leftHalf .right input { margin: 0 0 10px 0 !Important; font-size:0.9em;} #formContainer .rightHalf { float: right; width: 48%; } #formContainer #formContent { padding: 14px; } #formContainer #closeWindow, #formContainer #printPage { font-size: 11px; padding: 0 30px 0 0; display: block; float: left; } #formContainer h1 { margin: 0; padding: 0 0 0 10px; } #formContainer h2 { margin: 0 0 7px 0; } #formContainer div#thankyou { font: normal 25px Georgia, Helvetica, sans-serif; color: #4b4b4b; } #formContainer div#thankyou img { display: block; margin: 0 auto; } #formContainer div#thankyou a { display: block; font-weight: normal; margin: 7px 0 0 0; } #formContainer .teaser, #formContainer #formContent .block, .orderForm .teaserBlock { padding: 0 0 14px 0; margin: 0 0 14px 0; } .orderForm #formContainer #formContent .block { padding: 14px 20px 14px; margin: 0 0 14px 0; } #formContainer #formContent .paddedBlock { padding: 7px 28px; margin: -14px 0 14px 0; } #formContainer .teaser h2 { font: normal 18px Georgia, Helvetica, sans-serif; } #formContainer .teaser { padding: 14px 14px 14px 23px; } /*14px*/ #formContainer p.meta, #formContainer.teaser p { margin: 7px 0; } #formContainer p img { margin: 24px auto; display: block; clear: both; } #formContainer ul { margin: 0 0 7px 15px; } #formContainer a { line-height: 20px; text-decoration: none; } #formContainer a:hover { text-decoration: underline; } #formContainer label { display: block; clear: both; margin: 0 0 3px 0; } #formContainer label.inline { display: inline; margin: 0 3px 3px 0; font-weight:normal; } #formContainer .txtField { display: block; width: 100%; margin: 0 0 10px 0; } #formContainer .txtFieldNarrow { width: 285px; margin: 0 0 10px 0; } #formContainer select { margin: 0 0 15px 0; font-size: 0.9em; width: 287px; } #formContainer textarea { width: 287px; } #formContainer .txt { display: block; width: 287px; margin: 0 0 15px 0; } #formContainer .topMargin{margin-top:15px;} #formContainer .txt { display: block; width: 287px; margin: 0 0 15px 0; } #formContainer .paddedBlock .txt { display: block; width: 187px; margin: 0 0 15px 0; } #formContainer .medtxt { float: left; display: block; width: 62px; margin: 0 0 5px 0; } .orderForm #formContainer .medtxt{ margin: 0 0 15px 0; } #formContainer .paddedBlock .medtxt { width: 120px; } /* Login & password in comment popup */ #formContainer .tinytxt { float: left; display: block; width: 30px; margin: 0 0 5px 10px; } #formContainer p.note { font: normal 11px Arial, sans-serif; margin: 10px 0 0 117px; clear: both; } #formContainer span.note { font: normal 11px Arial, sans-serif; padding: 0 0 0 10px; } #formContainer .btn_wide { border: none; margin: 0 0 0 25px; } #formContainer .btn_narrow { border: none; } #formContainer #attachments { margin: 2px 15px 0 15px; display: inline; } #formContainer #ctrls { margin: 20px 0 0 0; text-align: right; clear: both;} #formContainer #ctrls a { margin: 0 15px 0 0px; } #formContainer a#closeWindow, #formContainer a#printPage { margin: 15px 15px 0 0; } #formContainer .additionalInfo { font-size: 0.9em; line-height: 1em; font-weight: normal; display: block; margin: 0 0 4px 0; } #formContainer .infoBox { overflow: auto; height: 90px; width: 100%; } #formContainer .extraMargin { clear: both; margin: 14px 0; } #formContainer .specialPadding { margin-right: 20px; } /* ADVERTISEMENT CONTAINERS */ /* Generic */ .adContainer { text-align: center; margin: 0; padding: 14px 0 7px 0; } #top { padding-top: 3px; background: none !important; } #secondaryCol .adContainer { margin: 0; padding: 7px 0 0 0; } #secondaryCol .adContainer a { display: block; padding: 0 0 7px 0; } #secondaryCol .adContainer embed, #secondaryCol .adContainer object { margin: 0 0 7px 0; } .adContainerWithMeta { text-align: center; margin: 0; padding: 0 0 7px 0; } .adContainerWithMeta .meta { text-align: left; color: #7c7c7c; border-bottom: 1px solid #dadada; margin: 0 7px 14px 7px; } .albumColGroup .adContainer { margin: 14px 0 0 0; clear: both; } #footer .adContainer { padding: 35px 0; } #footer .col img { margin: 0 0 15px 0; } #companyDetails { line-height: 4em; font-size: 1em; text-align: center; } /* The form overlay div shadow, created with javascript */ #tempDivShade { background: url(/images/stylesheet_images/styles_static/formbg.png) no-repeat right bottom; } /* Form validation error */ .validationError { padding: 0 0 0 20px; clear: both; margin: -10px 0 10px 0; background: url(/images/stylesheet_images/styles_static/icon_form_error.gif) no-repeat left center; color: #990000 !important; font-size: 11px; } #formContainer .fieldError { background-color: #fef2e7 !important; display: block; border: 1px solid #e84e1b !important; color: #990000 !important; } /*Event Calendar V2*/ div#browseEvents label input { margin-right:5px; } .calendarV2 div#browseDates{margin:10px 0;} .calendarV2 #browseEvents{padding:14px 0;} .calendarV2 div#browseEvents label,div#browseDates label{font-size:1em;display:block;margin-top:10px;padding:0;} .calendarV2 div#browseDates label input{margin-right:5px;} .calendarV2 div#browseEvents ul{list-style-image:none;list-style-position:outside;list-style-type:none;width:271px;margin:0;padding:0;} .calendarV2 div#browseEvents ul li{float:left;width:134px;margin:0 0 5px!important;padding:0;} div#eventSearchContainer.calendarV2 h4{font-size:1em;font-weight:700;} div#eventSearchContainer.calendarV2 form{padding-bottom:20px;color:#4B4B4B;} #eventPlace{padding:14px 0;} #eventPlace select{width:270px;margin-bottom:5px;font-size:1em;} .calendarV2 span.simpleSearch{display:block;} .calendarV2 span.detailedSearch{display:none;} .simpleSearch a{display:none;} #timeSpanWrap{text-align:left!important;margin:0!important;} #timeSpanEntry{margin:10px auto;} #timeSpanEntry input{width:100px;} .calendarV2 #searchEvents input.searchBtn{border:0 none;float:right;height:30px;width:67px;margin-right:0;background:transparent url(/images/stylesheet_images/styles_static/nu_btn_searchevents_whole.gif) no-repeat scroll left center;padding:15px 0; cursor:pointer;} .calendarV2 #searchEvents input#searchEvent{margin:10px 0;} .detailedSearch #fmcusSearch,.open{display:block!important;} .detailedSearch a { cursor:pointer; } .calendarV2 p{clear:both;margin:10px 14px 0;} .calendarV2 p.help{clear:both;margin:5px 14px 0;} /* Event Search Results*/ #mainCol.events ol.unNumbered li{background:none!important;display:block;border-color:#E5F1DE;border-style:solid;border-width:0 0 1px;padding:10px 15px!important;} #mainCol.events ol li.last{border:none;} #mainCol.events ol li a{font-size:1em;font-weight:700;} #mainCol.events ol li p.meta{padding-top:10px;font-size:.9em;} #mainCol.events .collapseDiv h4{background-color:#E5F1DE;font-family:"Trebuchet MS",Georgia,sans-serif;font-weight:400;font-size:1.1em;padding:5px 15px;} #mainCol.events a#print{background:url(/images/stylesheet_images/styles_static/icon_print.gif) no-repeat left 3px;display:block;padding-left:15px;margin:10px 0;} /*Event Note*/ #eventNote h3 a{ background:none; font-size:1em; position:relative; margin-left:70px; } /*Content Forms*/ #formContainer.textContent{padding:0; margin:0;} #formContainer .collapseDiv{font-size:0.8em;} #formContainer .collapseDiv h4{margin-left:-14px;font-family:"Trebuchet MS",Georgia,sans-serif;font-size:1.2em;padding:10px 0;} #formContainer a#printPage{background:url(/images/stylesheet_images/styles_static/icon_printInInlinePopup.gif) no-repeat right;} .floatingIcon{float:right;margin:10px 10px 0 0;} .collapseDiv{margin-bottom:10px;} /*Event calendar*/ #mainCol.events .teaser{margin-bottom:10px;} .calendarV2 table.calendar{margin:0;} table.calendar td,table.calendar th{cursor:pointer;} table.calendar td.date-picker-unused,table.calendar td.out-of-range{cursor:default;} .calendarV2 div.datePicker{width:auto;text-align:left;margin:0;} .calendarV2 div.staticDP{margin:0;} table.calendar td.out-of-range{color:#CCC;} .blog:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } .blog {display: inline-block;} #twoCols .sectionColGroup{float:left; width:auto;} .orderConfirmInformation th, .orderConfirmInformation td{vertical-align:top; text-align:left; padding:4px 10px 4px 0;} #search dt span.keyword{display:inline; font-size:1em; position:static; text-align:auto; width:auto; color:inherit;} /*MEDIA SERVICES*/ #oneCol.mediaServices .sectionColGroup{background:none;float:none;width:auto;} #oneCol.mediaServices div#mainCol{float:none;width:956px;margin-left:0;} #oneCol.mediaServices div#contentArea{float:left;width:730px;margin-left:10px;} #twoCols.mediaServices .sectionColGroup{float:none;width:auto;margin-top:18px;} #twoCols.mediaServices #mainCol{width:655px;float:left;margin:0 10px 0 0 !important;} #twoCols.mediaServices div#contentArea{float:left;width:432px;margin-left:10px;} #twoCols.mediaServices #secondaryCol{width:280px;float:right;margin:0 0 0 10px;} .mediaServices div#sideNavigation{float:left;width:200px;margin-right:10px; margin-bottom:10px;} .mediaServices div#sideNavigation ul{list-style-type:none;margin:0;padding:10px 0;} .mediaServices div#sideNavigation ul li{display:block!important; margin-bottom:5px;padding:0 10px; display:inline-block;} .mediaServices div#sideNavigation ul li.selected{display:block;padding:0;} .mediaServices div#sideNavigation ul li.selected a{display:block;font-weight:700;padding:5px 10px;} .mediaServices div#sideNavigation ul li.selected ul{display:block;color:#fff;padding:5px 10px;} .mediaServices div#sideNavigation ul li.selected ul a{background:transparent;display:block;padding:0 10px;} .mediaServices div#sideNavigation ul li.selected ul li a{margin-bottom:0;padding:0;} .mediaServices div#sideNavigation ul li.selected ul li ul li{padding:0;} .mediaServices .item{margin:7px;} .mediaServices #albums{padding:10px 0;} .twinCol{overflow:hidden;} .col1{float:left; width:49%; } .col2{float:right; width:49%;} /* ARTICLE COMMENTING */ #articleCommentSorting { clear: both; line-height:34px; margin: 0 0 16px 0; padding:0 11px; background: transparent url(/images/stylesheet_images/styles_static/articlesupport_bg.gif) no-repeat scroll left top; color:#707070; } #articleCommentSorting a { text-decoration:underline; color:#004276; } #articleCommenting { border-top: 3px solid #e6e6e6; padding-top: 12px; margin-top: 24px; } #articleCommenting h3 { font-size: 1.5em; margin: 16px 0 22px 0; } #articleCommenting .comment { background: #f9f9f9 url(/images/stylesheet_images/styles_static/articlecomment_bg.gif) no-repeat 20px 20px; padding: 16px 16px 16px 90px; } #articleCommenting .comment p { margin-bottom: 1em; } #articleCommenting .meta { color: #707070; margin: 0 0 6px 0; } #articleCommenting .date { padding: 0 0 0 40px; }comment .commentSeparator { height: 13px; background: transparent url(/images/stylesheet_images/styles_static/article_module_end.gif) repeat-x center left; } /* This image is already in live! Please remove this comment. */ a#manageComments { display: block; float: right; width: 111px; line-height: 28px; background: url(/images/stylesheet_images/styles_static/articlecomment_manage_bg.gif) no-repeat top left; margin: 12px 0 0 0; padding: 0 0 0 30px; color: #0B3D91; } #commentPagination { background:transparent url(/images/stylesheet_images/styles_static/commentpagination_bg.gif) no-repeat scroll left top; border-top:1px solid white; height:27px; margin:0 0 23px; } #commentPagination .ctrls { margin:14px auto 0; width:190px; color:#707070; } #commentPagination .ctrls .pages { float: left; } #commentPagination .ctrls .pages a { text-decoration: underline; color: #707070; } #commentPagination .ctrls .pages strong { color: #565656; } #commentPagination .ctrls .previous { float:left; height:13px; width:17px; margin: 0 7px 0 0; } #commentPagination .ctrls .next { float:left; height:13px; width:17px; margin: 0 0 0 7px; } #writeComment { background: #f9f9f9; padding: 20px; } #writeComment h4 { font-size: 1.2em; } #writeComment h4.disabled { color: #707070; } #writeComment input { display: block; float: right; margin: 10px 0 0 0; } #writeComment #help { margin: 0 0 20px 0; } #writeComment .login { background:transparent url(/images/stylesheet_images/styles_static/articlecomment_icon_register.gif) no-repeat scroll left center; display:block; float:right; font-size:1.1em; padding:0 0 0 18px; } /* This image is already in live! Please remove this comment. */ #writeComment .login a { color:#0B3D91; } /* Commenting maintenance */ .articleMaintenanceMeta p { line-height: 0.9em; font-weight: bold; } .articleMaintenanceMeta span { display: block; float: left; font-weight: normal; width: 120px; } .articleMaintenanceMeta h2 { color: #4F902A !important; } #staticHeader { background: #E9EEDC; padding: 2px; height: 1.3em; position: relative; margin: 16px 0 0 0; } #staticHeader div { position: absolute; color: #4F902A; font-weight: bold; } #commentListWrapper { height: 275px; overflow: auto; } #commentList { border-collapse: collapse; color: #4F902A; width: 100%; } #commentList th { background-color: #E9EEDC; padding: 2px; position: fixed; } #commentList tr.even { background-color: #F7F7F7; } #commentList td { padding: 2px; text-align: left; } /*MEDIA CAROUSEL*/ .article-additional-info-col{float:right; margin-left:8px; width:230px;} div.sub-story, div.fact-box{ padding:14px; font-size: 0.9em;} div.sub-story{ border:2px solid #F1F1F1;background: url(images/nu_questions_polls_bg.jpg) no-repeat top left; } dl.media-carousel{ border:7px solid #F1F1F1; border-width:0 0 2px 0; overflow:hidden; } .article-additional-info-col dl.media-carousel{border-width:2px 0;} .article-content dl.media-carousel{font-size:0.9em;} dl.media-carousel dt, dl.media-carousel dd{ margin:0; padding:0;} dl.media-carousel dd{position:relative; overflow:hidden; width: 390px; float: left; } dl.media-carousel dt{text-transform:uppercase; font-weight:bold; margin-bottom:7px; padding:4px 0;} dl.media-carousel ul{ list-style-type:none; margin:0 0 0px 0; padding:0; height:1%; position:relative; } .article-additional-info-col dl.media-carousel ul{margin:0 0 10px 0; padding:0; list-style-type:none} dl.media-carousel ul li{margin:0; padding:0 6px 8px 0; float:left;} dl.media-carousel ul li.clear{clear:both; } .article-additional-info-col dl.media-carousel ul li{ width:108px; } .article-additional-info-col dl.media-carousel ul li{margin:0; padding:0 6px 8px 0; float:left;} #mediaSliderPages{position:relative; padding:0 0 10px 0 ; display:block; text-align:right; } #mediaSliderPages img{vertical-align:middle; cursor:pointer; } #mediaSliderPages img.disabled{vertical-align:middle; cursor:default; } /*HIGHSLIDE CSS*/ .highslide-container div {font-family: Verdana, Helvetica;font-size: 10pt;} .highslide-container table {background: none;} .highslide {outline: none;text-decoration: none;} .highslide img {border: 2px solid silver;} .highslide:hover img {border-color: gray;} .highslide-active-anchor img {visibility: hidden;} .highslide-gallery .highslide-active-anchor img {border-color: black;visibility: visible;cursor: default;} .highslide-image {border-width: 2px; border-style: solid;border-color: white;background: gray;} .highslide-wrapper, .highslide-outline { background: white;} .glossy-dark {background: #111;} .highslide-image-blur {} .highslide-number {font-weight: bold;color: gray;font-size: .9em;} .highslide-caption {display: none;font-size: 1em;padding: 5px;/*background: white;*/} .highslide-heading {display: none;font-weight: bold; margin: 0.4em;} .highslide-dimming { position: absolute; background: black;} a.highslide-full-expand {background: url(graphics/fullexpand.gif) no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;} .highslide-loading {display: block;color: black;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border: 1px solid white;background-color: white;padding-left: 22px;background-image: url(graphics/loader.white.gif);background-repeat: no-repeat;background-position: 3px 1px;} a.highslide-credits,a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;} a.highslide-credits:hover,a.highslide-credits:hover i {color: white;background-color: gray;} .highslide-move, .highslide-move * { cursor: move;} .highslide-viewport {display: none;visibility: hidden;position: fixed;width: 100%;height: 100%;z-index: 1;background: none;left: 0;top: 0;} .highslide-overlay {display: none;} .hidden-container {display: none;} /* Example of a semitransparent, offset closebutton */ .closebutton {position: relative;top: -15px;left: 15px;width: 30px;height: 30px;cursor: pointer;background: url(graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */