/* ============================================================ Global Screen CSS * Created by Jon Long on 2009-01-12. * Copyright (c) 2010 National Geographic. All rights reserved. Notes: ================ * 2009-01-12 - Began Styles In This CSS: ================ Structural & Visual Layout ----------------- +General +Utility +Header +Navigation +Content +openHTML +Footer Web Elements ----------------- +Advertisements +Forms Conditional ----------------- +Layout Specific Everything Else ----------------- +Miscellaneaous +Testing /* ------------------------------------------------------------ +General ------------------------------------------------------------ */ a {color: #044E8E; text-decoration: none;} a:hover {text-decoration: underline;} a:active {outline: none;} a img {display: block;} button:hover {cursor: pointer;} i, em {font-style: italic; font-weight: inherit;} b, strong {font-weight: bold!important;} hr {border-color: #d5d5d5; border-style: solid; border-width: 1px 0 0; clear: both; margin: 0; height: 0;} h3, .story .dl h3 {display: block; color: #333333; font-size: 1.438em; font-weight: bold; margin-bottom: 15px;} .promo_collection h2, .seven h2, h3.title {background: url(../i/presentation/header_icon.gif) no-repeat 0 3px; line-height: 1.3; padding-left: 17px; padding-top: 0; clear: both;} .promo_collection h2, .seven h2 {margin-bottom: 15px;font-weight: bold;font-size: 17px;line-height: 22px;} p {color: #333; line-height: 1.4;} p.headline {clear: both;} .secondary .headline, p.action {clear: both; margin-top: 15px;} .secondary .headline a {color: #333; font-weight: bold;} .topics .promo_collection .action a {color: #333; font-weight: bold; letter-spacing: 1px; margin-left: 16px;} #container, #photo_credits {color: #333; font-family: Arial, sans-serif; font-size: .75em;} #container img {border: 1px solid #ccc;} #container .MSVE_Map img {border: 0;} .promo_collection h4, .homepage .dl h4, .facebook h4, .mobile_promo h4, .pull_quote h4 {font-size: 1.188em; font-weight: bold; line-height: 1.4; margin-bottom: 3px;} .promo_collection ol h4 {margin-top: 8px;} h4 a:first-line {line-height: normal;} .promo_collection h4 a, .facebook h4 a, .mobile_promo h4 a {color: #333;} .credit, .publication_time, .story002 .publication_time {color: #ababab; font-size: .875em;} .credit {color: #999; font-style: italic; margin-bottom: 5px;} .story h3 {border: none; clear: both; margin: -5px 0 5px; padding: 0;} .story h3 a {color: #000; font-size: 1.25em; line-height: 1.125em;} .story h3 a:hover {color: #044E8E; text-decoration: none;} .story002 h3 a {font-size: 1.438em; line-height: 1.125em;} .story002 p {font-size: 1.064em; line-height: 1.375em; margin-top: 15px;} .multimedia_links li {margin-top: 15px;} .video_link a, .gallery_link a {background: url(../i/presentation/geocore_sprites.png) no-repeat -9px -26px; padding-left: 23px;} .gallery_link a {background-position: -8px 0;} #top_stories h4 {font-size: 1em;} .archive_link {background-color: #EDEEEF; font-size: 1.25em; font-weight: bold; padding: 13px;} #container .bullets li {color: #000; list-style: disc; display: list-item; margin: 0px 0 5px 15px;} #container .promo_collection li {color: #24649C;position:relative;} .promo_collection .horizontal .action {border: 0; float: none; margin: 0 0 5px; padding: 0;} .promo_collection .horizontal li {border-left: 1px solid #d5d5d5; float: left; margin: 0 0 0 20px; padding-left: 20px; width: 175px;} .promo_collection .horizontal li:first-child {border: 0; margin: 0; padding: 0;} .promo_collection.bigthree .horizontal li { margin: 20px 0 0 20px; width: 303px; padding: 0; border: none;} .promo_collection.bigthree .horizontal li:first-child { margin: 20px 0 0; } .promo_collection.bigthree .horizontal li img { height: auto; width: 303px; } .promo_collection.bigthree .horizontal li.sq1, .promo_collection.bigthree .horizontal li.sq4, .promo_collection.bigthree .horizontal li.sq7, .promo_collection.bigthree .horizontal li.sq10, .promo_collection.bigthree .horizontal li.sq13, .promo_collection.bigthree .horizontal li.sq16, .promo_collection.bigthree .horizontal li.sq19, .promo_collection.bigthree .horizontal li.sq22, .promo_collection.bigthree .horizontal li.sq25, .promo_collection.bigthree .horizontal li.sq28 { margin: 20px 0 0; clear: both; } #container .numbers li {list-style: decimal; display: list-item; margin: 0 0 10px 15px;} #container .list_hybrid .first {list-style: none; margin-left: 0;} #container .bullets li.last {margin-bottom: 0;} .timestamp {color: #999; display: inline; font-size: .875em; margin-left: 10px;} .small li h4, .small div.promo h4, #content_mainB .primary .small p.headline, #content_top .small p.headline {font-size: 1em;} #content_mainB .primary .small p.headline {clear: none; font-weight: bold;} #content_mainB .primary .small p.headline a {color: #333;} .small li p, .small div.promo p {font-size: .875em; line-height: 1.4;} h3.small {font-size: 1em; margin-bottom: 10px; padding: 0;} #content { zoom: 1; } /*ie fix*/ #content h3 + p {margin-bottom: 10px;} p.wallpaper_link {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -454px; padding: 2px 25px;} .promo_collection .rss {float: right; margin-top: 5px;} .promo_collection .rss + h3 {clear: none;} /* ------------------------------------------------------------ +Utility ------------------------------------------------------------ */ .inline_list li { display: inline-block; } /* ------------------------------------------------------------ +Header ------------------------------------------------------------ */ #ad_1x1_top {position: absolute; left: -10000px;} #googleAd {position: absolute;} #header-logo {background: url(../i/presentation/logo_header.gif) no-repeat top left; width: 436px; height: 58px; float: left; margin: 0 20px 17px 0;} #page_head {border-bottom: 1px solid #d5d5d5; position: relative; padding: 19px 0 10px;} #page_head h1 {font-size: 3.5em; line-height: normal; clear: left; margin-top: 1px;} #advertisingModule210x50 {max-height: 50px;} #page_head img {border: none; float: right;} #page_head .promo img {float: left;} #page_head h2 {clear: left; float: left; font-size: 1.75em; margin-bottom: 8px; padding-top: 15px;} .topics #page_head .topics_head {font-size: 4.5em;} .topics .entry_counter {color: #909090; font-size: 1.1em;} .topics h1+.entry_counter {margin-top: 34px;} .article #page_head h1, .small_article #page_head h1 {font-size: 2.125em; font-weight: bold;} .article #page_head h1 {margin-bottom: 10px;} .small_article #page_head h1 {margin-top: 10px;} .article #page_head {border: none; padding-bottom: 0;} .article div.general {border-top: 1px solid #d5d5d5;} .level_3 #page_head .subtitle {color: #666; font: normal 1.375em/1.5 Georgia, "Times New Roman", serif;} .level_3 #page_head .subtitle {clear: left; float: left; margin: 0 0 10px; padding: 0; width: 600px;} #content_mainA p.subtitle {color: #666; font: normal 1em/1.7 Arial, sans-serif;} .small_article #page_head {padding: 0;} .a_z #page_head {padding-top: 0px;} #page_head h2.category_link a {color: #333;} .gallery #page_head h1 {font-size: 2.75em; margin-top: 2px;} #page_head .promo {border: 0; float: right; margin-top: -9px; padding: 0; position: absolute; right: 320px; width: 210px;} #page_head .promo .graphic_promo {float: left; margin-right: 10px;} #page_head .promo p {clear: none; margin: 0;} #page_head .promo h3 {font-weight: normal; margin: 10px 0 0;} #page_head .promo h3, #page_head .promo p {font-size: .875em; line-height: normal;} /* ------------------------------------------------------------ +Navigation ------------------------------------------------------------ */ .nav li {float: left;} .general .nav li {padding-left: 17px; letter-spacing: .05em; font-size: 1.025em;} .general .nav li:first-child {padding-left: 0px;} .general .nav li.selected a {color: #000;} .general .nav {border-bottom: 1px solid #d5d5d5; padding: 20px 5px;} #nav_primary ul {margin: 20px 20px 20px 26px;} #nav_primary ul li {font-size: 1.064em; padding-left: 14px;} #nav_by_category div, #photos_by_category div {float: left; width: 237px;} #nav_by_category div ul, #photos_by_category ul {margin: 0 15px 0 12px;} #photos_by_category ul {margin: 0 20px 0 0;} #nav_by_category div ul li, #photos_by_category ul li {clear: both; float: none; margin: 5px 0 0 4px; line-height: 17px;} #photos_by_category ul li {margin-left: 13px;} #photos_by_category .promo001 {list-style: none; margin: 0 0 30px;} #photos_by_category img {float: left; margin-right: 10px;} #photos_by_category h4 {font-size: 1.125em; font-weight: bold; margin-bottom: 10px;} #nav_by_category div h3, #photos_by_category h3 {margin: 45px 0 13px;} #photo_credits ol > li:first-child, .nav > li:first-child {border-left: none; padding-left: 0;} /* ------------------------------------------------------------ +Content ------------------------------------------------------------ */ div.popularity_type {border-bottom: 1px solid #d5d5d5; margin: 20px 0 0 17px; padding-bottom: 20px;} .popularity_type h4 {margin: 20px 0 20px;} .popularity_type ol {list-style: decimal; margin-left: 20px;} .popularity_type ol li {padding-top: 15px; display: list-item;} .tabbed_box img {float: right;} #nav_photo_video h5 {font-weight: bold;} #photos_in_news img {float: none; margin: 0;} #photos_in_news_thumbs .promo2, #photos_in_news_thumbs .promo3 {float: left; width: 100px; margin-bottom: 0;} #photos_in_news_thumbs .promo2 h4, #photos_in_news_thumbs .promo3 h4, .carousel h4 {font-size: .938em; font-weight: normal;} #photos_in_news_thumbs .promo2 {margin-right: 5px;} #photos_in_news ul li {display: list-item; list-style: disc; margin-left: 13px;} #photos_in_news .promo1 {border-bottom: 1px solid #d5d5d5; display: block; margin-left: 0; padding-bottom: 15px;} #photos_in_news_thumbs li {list-style: none; border: none; margin-left: 0;} #news_feeds .wrap {background-color: #EDEEEF; padding: 11px 13px 0;} #news_feeds .wrap li {float: left; height: 25px;} #news_feeds .wrap .rss {background: url(../i/presentation/feed_sprites.gif) no-repeat 0 0; margin-right: 10px; width: 50px;} #news_feeds .wrap .xml {background: url(../i/presentation/feed_sprites.gif) no-repeat -51px 0; width: 38px;} #news_feeds .wrap .help {margin: 15px 0;} #news_feeds .wrap ul {float: left; margin: 10px 0; width: 115px;} #content_mainA #news_feeds .help {clear: both;} #news_blogs h4 {font-size: 1.064em;} #more_news ul li, #news_blogs ul li {margin-bottom: 20px;} #more_news li:last-child {margin-bottom: 0px;} #share_buttons p a span {float: left; margin-right: 10px;} #share_buttons p a {clear: both; display: block; margin-bottom: 5px; padding: 5px;} #share_buttons p a:hover {background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 1;} #share_buttons .hidden {width: 0;} #share_buttons .addthis_button_expanded span {display: none;} #share_buttons .im_this {background: url(../i/presentation/geocore_sprites.png) no-repeat -2px -210px; text-indent: 27px;} div#container div.social_buttons {clear: both; height: 25px; border-top: none; padding-top: 0;} div#container div#pod_top.social_buttons {float: left; margin-top: -8px;} div#container div#pod_bottom.social_buttons {border-top: 1px solid #D5D5D5; padding-top: 20px; width: 100%;} .social_buttons .pluck {float: left; padding-right: 5px;} .social_buttons .pluck p a {display: block; padding: 5px 5px 3px 5px;} .social_buttons .addthis_toolbox {float: left; padding-top: 4px;} .social_buttons .addthis_toolbox a {float: left;} .social_buttons .addthis_toolbox .at300b {margin-right: 5px} .social_buttons .addthis_toolbox a:hover {opacity: 1;} .social_buttons .addthis_toolbox a.addthis_button_google_plusone, .social_buttons a.addthis_button_expanded {display: block; margin-top: 3px;} .social_buttons a.addthis_button_email {display: block; margin-top: 3px; margin-right: 10px;} .social_buttons a.addthis_button_expanded span {display: none;} .addthis_toolbox at300b:hover {opacity: 1;} .fb-like {z-index: 5;} #at16pi #at16pm {height: auto;} #at16pi #at16pc {height: auto;} #at16pi #at16ps {height: auto;} .dl .small img {float: none; height: 123px; margin: 0; width: 164px;} .dl .small .caption {font-weight: bold; font-size: 1.188em;} .dl .small li {float: left; margin-right: 16px; width: 164px;} #article_topics li {display: list-item; list-style: disc; margin: 0 0 5px 20px;} .tag_cloud li {display: inline; margin-right: 10px; line-height: .9;} .tag_cloud li span {display: none;} .tag_cloud li a:hover {text-decoration: none;} .tag_cloud .ultra_popular {font-size: 2.5em;} .tag_cloud .somewhat_popular {font-size: 1.75em;} .tag_cloud .not_popular {font-size: 1.25em;} .tag_cloud .not_very_popular {font-size: 1em;} #gallery_text .author {font-style: italic;} #gallery .article_text ul {list-style: disc; margin-left: 20px;} #gallery li {margin-bottom: 20px; clear: both; list-style: none;} #gallery li img {float: left; margin: 0 15px 15px 0;} #gallery li .photo_text {margin-bottom: 30px;} #gallery_text .photo_text .next_image {float: right; width: 75px;} #gallery_text .next_link {float: right; clear: right; font-weight: bold; margin-top: 5px;} #gallery_text .publication_time {font-size: 0.9em;} .gallery .credit {float: none; font-size: 1em; font-style: italic; margin: 15px 0;} #gallery .credit {margin: 0 0 15px;} #gallery_text h2 {font-size: 2em; line-height: normal;} #gallery h2 {font-size: 1.25em; font-weight: bold;} .article_text ul, .article_text ol {margin-bottom: 10px;} #gallery_text .buy_link {background: url(../i/presentation/photography_sprites.gif) no-repeat 1px 2px; margin-top: 30px; padding-left:25px;} /* open HTML - or text in these modules */ /* we can't really use this until we are certain all openHTML modules won't break #content_mainA div.openHTML p {margin: 0 0 15px 0;} #content_mainA div.openHTML h4 {font-weight: bold;text-transform: uppercase;} #content_mainA div.openHTML ol li {margin: 0 0 15px 16px;list-style: decimal;} #content_mainA div.openHTML ul li {margin: 0 0 15px 16px;list-style: disc;} */ /* ------------------------------------------------------------ +Star Ratings - Site ------------------------------------------------------------ */ .star_ratings { margin-top: 0px; padding-bottom: 5px;} .star_ratings .rate_header { float: left; margin-right: 5px;} .star_ratings .rate_header h4 { font-weight: bold; } .star_ratings ul {float: left; margin: 0 10px 0 0; } .star_ratings ul li.stars { float: left; width: 14px; height: 14px; background:url(../i/presentation/geocore_sprites.png) no-repeat -10px -669px; margin: 0 1px; cursor:pointer; text-indent: -9999px; text-align:left; /* what the weird IE bug??? Allows text-indent to work*/ color: transparent; /* 'cus I'm paranoid now. */ } .star_ratings ul li.selected {background-position: -10px -653px;} .star_ratings ul li.selected.user_rate {background-position: -10px -685px;} .star_ratings .num_votes { float: left; color: #044E8E; margin: -1px -5px;} .star_ratings .status { float:left; display:none; margin: 0 11px 0 14px; color: #999; width: 65px; text-align: center; } /* ------------------------------------------------------------ +Footer - Site ------------------------------------------------------------ */ #site_promotions a {color: #000; display: block;} #site_promotions a:hover {text-decoration: none;} #site_promotions h3, #site_promotions p {font-size: .875em; margin: 0 10px 0 0;} #site_promotions ul li, .homepage #footer_breadcrumb div p {float: left; width: 237px; margin: 0;} #site_promotions .promo_collection img {margin-right: 10px;} #more_from_nationalgeographic ul {background-color: #edeeef; padding: 20px 30px 20px 50px;} #footer_breadcrumb {background-color: #4B4B4B; padding: 8px;} #footer_breadcrumb li {margin-left: 10px;} #footer_breadcrumb a, #footer_breadcrumb li.selected {color: #fff;} #footer_breadcrumb a {font-weight: bold;} #footer_breadcrumb li:first-child {margin: 0;} #footer_breadcrumb ul, #footer_breadcrumb li {float: left; letter-spacing: .05em;} #footer_breadcrumb p {float: right; letter-spacing: .05em; padding-top: 4px;} #footer_breadcrumb p.nav1, #footer_breadcrumb ul {background: url(../i/presentation/geocore_sprites.png) no-repeat scroll -8px -510px; padding: 2px 20px; height: 18px; line-height:18px;} .video_player #footer_breadcrumb ul {font-size: 12px;} #footer_site {clear: both; padding: 20px 0;} /* ------------------------------------------------------------ +Forms ------------------------------------------------------------ */ #newsletter form {background-color: #edeeef; padding: 13px;} #newsletter_email {width: 200px;} form label {display: block;} form .field {float: left;} form .instruction {margin-bottom: 15px;} form .error_state h4 {color: red; font-weight: bold; margin-bottom: 10px;} form .error_state ul {list-style: disc; margin: 0 0 15px 15px;} form .nav {clear: both; padding-top: 10px;} form .nav li {border-left: 1px solid #d5d5d5; padding: 0 10px;} #share_email {border-bottom: 1px solid #d5d5d5; padding: 40px 0;} #share_email form {width: 500px;} #share_email form .field {margin-bottom: 10px; width: 190px;} #share_email form .field label span {display: block;} #share_email form .button {clear: both;} .rating input {float: left; margin-right: 5px;} .rating button {margin-top: 8px;} .rating fieldset {margin-bottom: 10px;} .rating p {font-weight: bold; margin-top: 10px;} .rating p span {font-weight: normal;} .rating .user_rating {font-style: italic; font-weight: normal;} .rating .user_rating span {font-weight: bold;} #form_errors {color: red; font-style: italic;} #account_tos form .field, #sso_account form p {float: none; font-size: 1.188em; font-weight: bold; margin-bottom: 20px;} #account_tos form .field label, #sso_account form p label {display: inline; margin-right: 10px;} #account_tos form .errorlist {color: red; font-size: 0.85em; font-style: italic; margin-bottom: 4px;} #sso_account form .errorlist {color: red; font-size: 12px; font-style: italic; margin-bottom: 4px;} #account_tos form .submit, #sso_account form .submit {background: #fff url(../../common/i/presentation/button_gradient.gif) repeat-x bottom center; border: 1px solid #d5d5d5; color: #044E8E; display: inline; height: 30px; width: 129px; float: left; margin-right: 10px;} #account_tos form .btn_loginout, #sso_account .btn_loginout {background: #fff url(../../common/i/presentation/button_gradient.gif) repeat-x top center; border: 1px solid #d5d5d5; border-top: none; color: #044E8E; display: inline; height: 21px; width: 129px; float: left; padding-top: 8px; text-align: center; font-size: 0.95em;} #account_tos form #id_display_name {height: 20px; width: 200px; font-size: 0.9em; padding-top: 5px;} /* REQUIRED BUTTON STYLES: */ button {position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */} button::-moz-focus-inner {border: none; /* overrides extra padding in Firefox */} button span {position: relative; display: block; white-space: nowrap;} @media screen and (-webkit-min-device-pixel-ratio: 0) {/* Safari and Google Chrome only - fix margins */ button span {margin-top: -1px;}} /* OPTIONAL BUTTON STYLES for applying custom look and feel: */ button.submitBtn {background: transparent url(../i/presentation/submit-buttons.gif) no-repeat scroll right -90px; font-size: 1em; margin-left: -5px; padding: 0 8px 0 0; text-align: center; vertical-align: top;} button.submitBtn span {background: transparent url(../i/presentation/submit-buttons.gif) no-repeat scroll left top; color: #044E8E; height: 18px; padding: 4px 0 0 11px;} button.submitBtn:hover {background-position: right -135px;} button.submitBtn:hover span {background-position: 0 -45px; color: #fff;} .field input {border: 1px solid #ccc; padding: 3px;} .field input:hover {border: 1px solid #ddd;} .field input: focus {border: 1px solid #aaa;} label.error {color: red; display: block !important; font-style: italic; margin-top: 5px;} /* Email Registration Test */ #eregtest_frame {font-family: Arial, Helvetica, sans-serif; text-align: center; width: 610px;} #eregtest_frame .frame_header { background-color: #333; color: #FECB00; font-size: 28px; padding: 38px 23px;} #eregtest_frame .frame_header_sub {background-color: #333; color: #FECB00; font-size: 28px; padding: 28px 23px 8px 20px;} #eregtest_frame .eregtest_headline {font-weight: bold;} #eregtest_frame .eregtest_subheadline {color: #FFF; font-size: 20px; line-height: 56px;} #eregtest_frame .frame_body {border:1px solid #000;} #eregtest_frame .main_form {padding: 30px; position: relative;} #eregtest_frame #corner_img {position: absolute; top: 30px; right: 30px;} #eregtest_frame .top_table {background: #E5E5E5; font-size: 28px; font-weight: bold; padding: 30px 0;} #eregtest_frame .center_table { display: inline-block; width: 550px;} #eregtest_frame #left_column {background-color: #E5E5E5; display: inline-block; float: left; height: 183px; width: 264px;} #eregtest_frame #left_column_full {background-color: #E5E5E5; display: inline-block; float: left; height: 183px; width: 548px;} #eregtest_frame .left_center_seperator {padding: 5px 0 15px 0;} .gigya_login_div {margin-left: auto; margin-right: auto;} #eregtest_frame #id_email {border: 1px solid #333; border-right: 0; font-size: 14px; float: left; height: 30px; margin: 10px 0 0 22px; padding: 0 5px; width: 186px;} #eregtest_frame #id_email_full {border: 1px solid #333; border-right: 0; font-size: 14px; float: left; height: 30px; margin: 10px 0 0 165px; padding: 0 5px; width: 186px;} .eregtest_input_focus {color: #000;} .eregtest_input_idle {background: #FFF url(../i/placeholders/reg-input-bkgnd.png) no-repeat; color: #BDBDBD;} #eregtest_frame .email_signup .submit_btn {float: left; height: auto; padding-top: 10px; width: auto;} #eregtest_frame #right_column {background-color: #E5E5E5; display: inline-block; height: 183px; padding: 0 0 0 6px; width: 275px;} #eregtest_frame #bottom_table {background-color: #E5E5E5; font-size: 13px; padding: 30px 0 20px 0;} #eregtest_frame #frame_footer {display: inline-block; font-size: 13px; padding-bottom: 15px; width: 100%;} #eregtest_frame .error {color: red;} #eregtest_frame .process {color: green;} #eregtest_explanation {color: #044E8E; cursor: pointer;} #eregtest_tooltip { font-family: Ubuntu, sans-serif; font-size: 0.775em; text-align: center; line-height: 1.5; color: #000; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #044E8E; -webkit-box-shadow: 0px 0px 15px rgba( 4, 78, 142, .6 ); -moz-box-shadow: 0px 0px 15px rgba( 4, 78, 142, .6 ); box-shadow: 0px 0px 15px rgba( 4, 78, 142, .6 ); position: absolute; z-index: 100; padding: 15px; } #eregtest_tooltip:after /* bottom triangle */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0; border-top: 10px solid #fff; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #eregtest_tooltip:before /* triangle border */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0; border-top: 11px solid #044E8E; content: ''; position: absolute; left: 50%; bottom: -12px; margin-left: -10px; } #eregtest_tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #333; border-bottom-color: rgba( 4, 78, 142, .7 ); top: -20px; bottom: auto; } #eregtest_tooltip.left:after { left: 10px; margin: 0; } #eregtest_tooltip.right:after { right: 10px; left: auto; margin: 0; } /* ------------------------------------------------------------ +Advertisements ------------------------------------------------------------ */ .advertisement h3 {border: none; color: #ababab; font-size: .814em; font-weight: normal; margin: 0 0 5px; padding: 0; text-transform: uppercase;} #container .advertisement img {border: none;} #page_head .advertisement, #header_site .advertisement {float: right; max-height: 50px; margin: 0 0 0 110px; width: 210px;} #ad_1x1_top { margin-top: -3px;} /* ------------------------------------------------------------ +Layout Specific ------------------------------------------------------------ */ body, #container {background-color: #fff;} #container {margin: 0 auto; padding: 0 20px; width: 950px;} .promo_collection img, .facebook img, .mobile_promo img, .movie_tickets img {float: left; margin: 3px 15px 8px 0;} .promo_collection li {margin-top: 20px;} .promo_collection li:first-child {margin-top: 0;} .dividers li {border-top: 1px solid #d5d5d5; padding-top: 20px;} .dividers li:first-child {border: 0; padding: 0;} #content > div {border-bottom: 1px solid #d5d5d5; margin-top: 20px; padding-bottom: 20px;} #content > div:first-child {margin: 0;} #content div.general {border-bottom: 0; padding: 0; margin-top: 0;} #content #content_page_specific {margin-top: 0;} #content > div.subsection {float: left;} #content > div.subsection .primary {width: auto; margin-right: 0;} #content > div.subsection .carousel {float: left;} #more_from_nationalgeographic {clear: both;} #content-top object {margin: 0 auto;} /* Following non-js carousel styles related to a floating grid layout solution from Mozilla Webdev Blog: http: //blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ .thumbnail_grid li, .thumbnail_grid > div, .carousel li {display: inline-block; margin: 0 24px 10px 0; min-height: 94px; vertical-align: top; width: 100px;} .ngm .thumbnail_grid > div {width: auto;} .thumbnail_grid li {margin-right: 22px;} .thumbnail_grid .wide li {width: 160px; margin-left: 0; margin-right: 40px;} .thumbnail_grid .wide li:first-child {margin-left: 0;} .thumbnail_grid .wide li img {margin-right: 0;} .fatty-carousel li {min-height: 138px; width: 160px;} .carousel ul li img {float: none;} .carousel ul.magazine li a.hiddenText {background: transparent url(../i/presentation/magazine_carousel_subscribe.gif) no-repeat scroll 0 0; display: block; height: 22px; margin: 10px auto 0; width: 136px;} .carousel ul.magazine li a.hiddenText:hover, .carousel ul.magazine li a.hiddenText:active {background-position: 0 -44px;} #content_mainA > div:first-child {border: none; padding-top: 0;} #content_mainA {clear: both; float: left; margin-top: 20px; width: 610px;} .subsection > div {float: left; margin-right: 20px; width: 393px;} .subsection > div.ys-collection-iframe{ width: 100% !important;} #content_mainA .subsection > .full_width {width: 100%;} /* Replaces JQuery for column lists */ #container .hcolumns ul { width: 100%; list-style-type: none; } #container .hcolumns ul div.list_row { float: left; width: 100%; } #container .hcolumns ul.bullets li { background: url('../i/presentation/Dot_new.gif') no-repeat scroll 0 5px transparent; } #container .hcolumns ul li { float: left; width: 45%; margin-left: 0; padding-left: 12px; padding-right: 3px; list-style: none; } #container .hcolumns ul li.first-in-row { clear: both; } #container .full_width .hcolumns ul li { width: 30%; } .subsection .secondary {border-left: 1px solid #d5d5d5; width: 176px; margin: 0; padding-left: 20px;} #content_mainB .primary, #content_mainB .secondary {float: left; width: 134px} #content_mainB .primary {margin-right: 15px;} #content_mainB .secondary {border-left: 1px solid #d5d5d5; padding-left: 15px;} #content_mainA > div:first-child {border: none; padding-top: 0;} #promo_spot_slug002 {border-left: 1px solid #D5D5D5; float: right; padding-left: 16px; width: 212px;} .hub_home #content_top {padding: 20px 0;} #content_top {padding: 0 0 20px;} .level_3 #content_top {padding: 20px 0 0 0; border-bottom: 0; margin-top: 0;} .aside {border-left: 1px solid #D5D5D5; float: right; margin-top: 20px; padding-left: 20px; width: 300px;} .wallpapers .aside {border: 1px solid #d5d5d5; float: left; padding: 20px; width: 165px;} .wallpapers #content_mainA {width: 720px; float: right;} .aside > div, .subsection > div > div {border-top: 1px solid #D5D5D5; clear: left; margin-top: 20px; padding-top: 20px;} #content_mainA > .subsection ~ .subsection {border-top: 1px solid #D5D5D5; clear: left; margin-top: 20px; padding-top: 20px;} #content_mainB .subsection > div > div {border: none; margin: 0; padding: 0;} .subsection:first-child, .aside > div:first-child, .subsection > div > div:first-child {border: none; margin: 0; padding: 0;} .story, #video_player {float: left;} .story001 {padding-right: 20px; width: 361px;} #story002_wrap {border-left: 1px solid #d5d5d5; float: left; padding-left: 20px; width: 207px;} .hub_home #story002_wrap {border-right: 1px solid #d5d5d5; padding-right: 20px;} #story002_wrap #share {clear: both; padding-top: 20px;} #video_player, #top_stories {float: left; margin-left: 20px; width: 298px;} .level_3 .subsection001 {float: right; width: 438px;} .level_3 .article_thumb {float: left; margin: 0 20px 20px 0; width: 200px;} .level_3 .article_thumb .caption {color: #ABABAB; margin: 5px 0 0 0;} .level_3 #content_mainA .aside {border-right: 1px solid #D5D5D5; border-left: none; float: left; margin-top: 0; padding: 0 20px 0 0; width: 130px;} .level_3 #content_mainB {border-left: 1px solid #D5D5D5;} #content_mainB #top_stories {border-left: none; margin-left: 0; padding: 0;} .level_3 #content_page_specific .aside {border-top: none;} .level_3 .article_body {border: none; float: right; margin: 0; padding-top: 0; width: 437px;} .subsection .primary_photo {border: none; float: none; width: 100%;} .article .caption, .primary_photo .caption {border: none; clear: both; font-weight: bold; margin-top: 10px; padding-top: 0;} .article_text p, .primary_photo .caption p, .article_body .author, .article_body .publication {color: #333!important;} .article_body .author a {font-weight: bold;} .subsection .article_body .primary_photo, .article_body .publication_time {margin-bottom: 20px;} .photo_text {border-bottom: 1px solid #d5d5d5; margin-bottom: 20px; padding-bottom: 20px;} .level_3 .article_text {border: none; padding: 0;} .article_text p, #gallery_text p {line-height: 1.6!important;} .caption p, .article_text p, #gallery_text p {margin-bottom: 10px;} .article_text h4 {font-size: 1.125em; font-weight: bold; margin-bottom: 10px;} .article .subsection:first-child {margin: 0;} .article .subsection:first-child + div {border: none; padding-top: 0;} #print_link a {background: url(../i/presentation/geocore_sprites.png) no-repeat -8px -245px; padding-left: 22px;} /*.interactive h1 {font-size: 2em; font-weight: bold; margin-bottom: 15px;}*/ .gallery .timestamp {font-size: 1em; margin: 0;} /*TEMPORARY until a better JS-related fix is developed*/ .gallery #content_mainA .aside, .pod #content_mainA .aside {border: none; margin-right: 0; padding-right: 0;} .gallery #content_mainA .article_body, .pod #content_mainA .article_body {border-left: 1px solid #d5d5d5; margin-left: 20px; padding-left: 20px;} .small_article #content_mainA .article_body .aside {border-right: 1px solid #d5d5d5; border-left: none; border-bottom: none; float: left; margin: 0 20px 20px 0; padding: 0 20px 0 0; width: 180px;} .small_article #content_mainA .article_body .extended {border-right: none; border-left: 1px solid #d5d5d5; float: right; margin: 0 0 20px 20px; padding: 0 20px 0 20px;} .small_article .article_body {width: auto;} .small_article .article_text {border: none; clear: none; margin: 0px; padding: 0px;} .thumb .credit {float: none;} .a_z .subsection {margin: 0;} .a_z .subsection > div > div {border: none; margin: 0; padding: 0;} .a_z .subsection h4 {margin-bottom: 10px;} .a_z .subsection h4 a {color: #333;} .a_z .subsection ul {margin-bottom: 10px;} .special_ad_section {background-color: #f2f3f3; padding: 15px 20px 20px;} .special_ad_section h3 {margin-bottom: 7px;} .special_ad_section h3 + h4 {font-size: 1.5em; margin-bottom: 15px;} .special_ad_section a {text-decoration: none; color: inherit;} .special_ad_section div {margin-top: 20px;} .action_series {margin-top: 20px;} .action_series li {border-left: 2px solid #D5D5D5; float: left; margin: 0 0 0 10px; padding-left: 10px;} .action_series li:first-child {border: none; margin: 0; padding: 0;} .list_hybrid li:first-child .timestamp {margin: 0;} .promo_collection .rss:first-child a {background: url(../i/presentation/feed_sprites.gif) no-repeat 0 -26px; display: block; float: right; height: 15px; width: 43px;} .vevent h4 {display: inline;} .vevent h4 + p.timestamp {display: inline; font-weight: bold; font-size: 1em;} .vevent p.description {margin-top: 5px;} .vcalendar .table_wrap {border: 1px solid #f4f4f4; clear: both; margin: 20px 0 5px; width: 100%; overflow-y: auto; overflow-x: hidden; position: relative; height: 129px;} .vcalendar table tr {height: auto;} .vcalendar table tr td {padding: 5px 0 5px 8px;} .vcalendar table {width: 100%;} .vcalendar td {width: 91px;} .vcalendar td.summary {width: 209px;} .vcalendar h3.title b {color: #999999; font-size: 12px; padding-left: 5px;} table.striped tr.striped {background-color: #F4F4F4;} .topics .topics-search {background-color: #f2f2f2;} .topics .topics-search h4 {margin: 0; padding: 15px 20px;} .topics .topics-search h4 a {color: #333333;} .topics .promo_collection.promo_100 .promo {clear: both; margin-bottom: 20px; overflow: auto} .topics .promo_collection.promo_100 .promo p {float: left;} .topics .promo_collection.promo_100 .action a {letter-spacing: 0; margin-left: 0;} /* TOPICS PAGE */ .special_ad_section {background-color: #f2f3f3; padding: 15px 20px 20px;} .special_ad_section h3 {margin-bottom: 7px;} .special_ad_section h3 + h4 {font-size: 1.5em; margin-bottom: 15px;} .video .video-image {position: relative; display:inline-block; float:left;} .video .overlay {height: 24px; width: 24px; position: absolute;} .video .overlay img {border: none !important;} .addthis_toolbox .custom_images a {width: 60px; height: 60px; margin: 0; padding: 0;} .addthis_toolbox .custom_images a:hover img {opacity: 1;} .addthis_toolbox .custom_images a img {opacity: 0.75; border: none!important;} #follow_ng li {float: left; margin: 10px 10px 0 0;} #follow_ng .addthis_toolbox {background-color: #f0f0f0; padding: 15px 15px 15px 19px;} #follow_ng a {color: #333; font-weight: bold;} .article #content_top h1 {font-size: 1.875em; font-weight: bold; margin-bottom: 20px;} #content #content_mainA .article_body .extended {border-right: none; border-left: 1px solid #d5d5d5; float: right; margin: 0 0 20px 20px; padding: 0 30px 0 20px; width: 180px 0 0;} #content_mainA .article_body .extended + .article_text {margin-top: 0;} .dictionary dt {clear: both; float: left; margin-right: 5px;} .dictionary dd {margin-bottom: 8px;} .dictionary dd.image {text-align: center;} .dictionary dd img {margin-top: 10px;} .dictionary dd img, .map img {border: none!important;} .graphic_map .header_set {position: relative; margin-bottom: 15px;} .graphic_map .header_set h3 {margin: 0;} #content .graphic_map .header_set p {bottom: 0; margin: 0; position: absolute; right: 0;} #content_mainB .three .jcarousel-skin-geocore .jcarousel-clip-horizontal, #content_mainB .three .jcarousel-skin-geocore .jcarousel-container-horizontal {width: 240px;} .movie_tickets li {overflow: auto; width: 100%;} .movie_tickets p {padding-top: 20px;} .pod_module h4 {float: left; font-weight: bold; font-size: 1.25em; margin: 10px 0 5px;} .pod_module p {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -115px; float: right; margin: 10px 29px 0 0; padding: 2px 0 0 24px;} .pod_module p.credit {background: none; clear: both; float: none; font-size: 1em; margin: 5px 0 0 0; padding: 0;} .pod_module p a {font-weight: bold;} div.download_link {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -454px; padding: 3px 25px; float: left; margin-bottom: 15px;} .photo_archive #content_mainA {width: 707px; float: right;} .photo_archive #content_mainB {border: 1px solid #d5d5d5; float: left; margin-right: 20px; padding: 20px; width: 180px;} .photo_archive #content_mainB .promo_collection h4 {font-size: 1.25em;} .photo_archive #content_mainB .promo_collection h4 a {color: #044E8E;} .photo_archive #content_mainA h3 {clear: both; float: left; margin-right: 10px;} .photo_archive #content_mainA h3 {font-weight: bold;} .photo_archive #search_results {clear: both;} .photo_archive #search_results img {float: left; margin: 0 13px 13px 0;} .photo_archive #search_results > div {float: left; width: 222px; margin: 0 10px 10px 0;} .photo_archive #search_results .photo_info {float: none; width: auto; margin: 0;} .photo_archive #search_results .photo_info p {font-size: .918em; margin-bottom: 5px;} .photo_archive #search_results .photo_info h4 {color: #333333; font-size: 1.125em; font-weight: bold; margin-bottom: 7px;} .photo_archive #content_mainA fieldset {border: none; clear: both; float: left; padding: 0; margin: 10px 0 0 0;} .photo_archive #content_mainA legend {line-height: 0;} .photo_archive #content_mainA .field {float: left; margin-right: 10px;} .photo_archive #content_mainA form {margin-bottom: 20px;} .photo_archive #content_mainA form > span {float: left; margin: 3px 10px 0 0;} .photo_archive #content_mainA .publication_time {color: #333;} .photo_archive .count {float: left;} .photo_archive #content_mainA button {margin-top: 10px;} .photo_archive #content_mainA button.toprow {margin-top: 0;} .photo_archive .photo_categories {margin: 0;} .photo_archive #form_errors {clear: both; float: left; margin-top: 10px;} .pull_quote {background: transparent url(../i/presentation/double_quote-close.jpg) no-repeat right 80%;} .pull_quote div {background: transparent url(../i/presentation/double_quote-open.jpg) no-repeat top left; font-style: italic; padding: 0 62px;} .pull_quote h4 {color: #333;} .search_results a {color: #333;} .search_results h4 {font-size: 1.375em; line-height: 1.4; margin-bottom: 3px;} .search_results h3 { padding-top: 0; font-weight: normal; float: left; margin-right: 15px; font-size: 1em; line-height: 1.4em; } .search_results .search-context {margin-top: 5px;} .search_results .search-context label {float: left; font-size: 1.1em;} .search_results .search-context label:first-child {margin-right: 5px;} .search_results a.modify {color: #044E8E;} .search_results .count {float: left;} .search_results .search_again {float: right; margin: 0 auto; padding-top: 2px;} .search_results .search_again label {display: inline-block; margin-right: 10px;} .search_results #search_title {float: left; margin-right: 4px;} .search_results #search_title .search_text { font-style: italic; color: #666; } .search_results #results {clear: both; margin-bottom: 15px; padding-bottom: 10px;} .search_results .result_item {clear: both; padding: 15px 0 15px 0;} .search_results .result_image {float: left; margin-right: 10px;} .search_results .result_info {float: left;} .search_results #search_head {padding-bottom: 5px; margin-bottom: 10px;} .search_results .url span {color: #044E8E;} .search_results #search_head .paginate_left .pagination {margin-top:0px} .search_results .search_option { font-family: Arial; font-size: 18px; font-weight: normal; color: #044E8E; margin-bottom: 20px; margin-top: 20px; } .search_results .search_option .selected{ color: #333; border-bottom-color: #666; border-bottom-width: 6px; border-bottom-style: solid; padding-bottom: 2px; } .search_results .search_option .videos{ margin-left:20px; } .search_results .searched_form { padding: 8px; background-color: #EEE; } .search_results .searched_form input { font-family: Arial; font-size: 16px; color: #333; font-weight: normal; padding: 4px; width: 80%; } .search_results .searched_form input[type="submit"] { background-color: #333; color: #FFF; width: 15%; border: none; } .search_option .video_search_link { cursor:pointer; color:#24649c; } .search_option .video_search_link:hover { cursor:pointer; color:#24649c; text-decoration: underline; } /*Vii Search API result item*/ .search_results .result_item.one_box a {color:#021122;} .search_results .result_item.one_box .result_image {margin-right:5px;} .search_results .result_item.one_box .result_image img {margin-left:0;} .search_results .result_item.one_box .result_info {float:none;} .search_results .one_box h3 {text-transform:uppercase;float:none;margin-bottom: 0;} .search_results .one_box h4 {margin-bottom:0;font-size: 1.275em;line-height: 1;} .search_results .result_info .all_results_one_box {text-align:right;clear: both;} #container .graphic_promo img, #container .mobile_promo img {border: none;} .mobile_promo div {margin-left: 97px;} .mobile_promo p.action {clear: none;} /*Mobile-specific styles in here to make layout mode cooperate*/ .mobile .small_article .article_text {float: left; width: 388px;} .mobile .small_article > h2 {min-height: 1em!important;} /* "Daily Feature" (Photo of the Day style) */ .pod #container {padding: 0; width: 990px;} .pod #page_head {margin: 0 20px 20px 20px; padding: 0 0 20px; width: 950px;} .pod #page_head .advertisement {padding-top: 19px;} .pod #content_mainA {width: 630px;} .pod #content_mainB {margin-right: 20px;} .pod .primary_photo img {border: none!important; display: block; margin: 0 auto;} .pod .primary_photo {clear: both;} .pod #content_top {border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;} .pod .publication_time {border-right:1px solid #D5D5D5; color: #666!important; font-size: 1em; margin-right: 10px; padding-right: 10px; text-transform: uppercase;} #pod_bar, #fod_bar {margin: 0 20px 20px;} #pod_bar p, #fod_bar p {float: left;} #pod_right, #fod_nav {float: right;} #pod_nav {float: left;} #pod_nav .prev, #fod_nav .prev, .pod .article_text .prev {border-right: 1px solid #d5d5d5; margin-right: 10px; padding-right: 10px;} .pod .article_text .first, #pod_nav .first, #fod_nav .first {border: none; padding: 0; margin: 0;} .todays_pod_link {margin-right: 30px;} .pod #content_mainA .article_body {float: none; width: auto; border-left:none; margin-left: 0; padding-left: 0;} .pod .article_text h2 {font-size: 2em; line-height: normal; margin-bottom: 10px;} .pod .article_text .credit {color: #666!important; font-size: 1em;} .pod .article_text .nav p {float: left;} .pod .article_text .nav {float: right;} .pod .article_text .publication_time {clear: both; border-right:none; margin-bottom: 10px!important;} .pod .buy_link {background: url(../i/presentation/photography_sprites.gif) no-repeat 1px 2px; margin-top: 30px; padding-left:25px;} /* page archives and archive modules */ .archives #content_mainA .publication_time { color: #999; margin-bottom: 5px; } .archives #content_mainA .subsection.subnav { border-bottom: 1px solid #D5D5D5; position: relative; clear: left; margin-bottom: 20px; padding-bottom: 20px; text-align: center; } .archives #content_mainA .subsection.subnav.bottom { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .archives .prev_month { position: absolute; left: 0; } .archives .next_month { position: absolute; right: 0; } .archives .subtitle { color: #666; font: normal 1.375em/1.5 Georgia, "Times New Roman", serif; margin-top: 5px; } .aside .archive_module li { border-top: 0; padding-top: 0; } .aside .archive_module li h4, .aside .archive_module div.promo h4, #content_mainB .primary .aside .archive_module p.headline, #content_top .aside .archive_module p.headline { font-size: 1em; } .aside .archive_module li p, .aside .archive_module div.promo p { font-size: .875em; line-height: 1.4; } /* ------------------------------------------------------------ +Full Width Gallery ------------------------------------------------------------ */ .full_width_gallery #page_head { border-bottom: 0; } .full_width_gallery .subsection .article_body { border-left: 1px solid #D5D5D5; padding-left: 20px; width: 818px; } .full_width_gallery .subsection .article_body .ad { float: right; margin: 20px 0; width: 300px; } .full_width_gallery .subsection .article_body .gallery_item_container { border: 0; padding: 0; width: 490px; } .full_width_gallery .subsection .aside { border-left: 0; width: 110px; } /* ------------------------------------------------------------ +Wallpaper page-specific ------------------------------------------------------------ */ .wallpaper #content_top {border-bottom: 1px solid #DEDEDE; padding-bottom: 20px; margin-top: -10px;} .wallpaper #content_top img {border: none;} .wallpaper .primary_photo {clear: both; margin-left: -20px; padding-top: 10px;} .wallpaper .article_text h2 {font-size: 1.65em;} .wallpaper .article_text h5.credit {color: #999999; font-style: italic; margin: 10px 0 15px; font-size: 1.1em;} .wallpaper .download_link {margin-bottom: 0;} .wallpaper .photo_origin {float: right; padding-top: 3px;} .wallpaper .buy_link {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -480px; padding: 2px 25px;} .wallpaper-body {background: url(../i/presentation/photo_body.gif) repeat-x top center;} /* ------------------------------------------------------------ +Temporary ------------------------------------------------------------ */ .article #content_mainA .aside {border: none; float: left; margin: 0; padding: 0; width: 130px;} .article #content_mainA .article_body .extended {width: 180px;} .article .article_body {border-left: 1px solid #d5d5d5; float: right; margin: 0 0 0 20px; padding: 0 0 0 20px; width: 437px;} .article #content_mainB {border: none; padding: 0;} .article #content_mainA {border-right: 1px solid #d5d5d5; padding-right: 20px;} /* ------------------------------------------------------------ +Miscellaneous ------------------------------------------------------------ */ /* Known Needed Document Flow Clears - Thanks to http: //www.positioniseverything.net/easyclearing.html */ /* #container, #content, #content_page_specific, #page_head, #share_email, #photo_credits, #news_feeds .wrap, .tag_cloud, #photos_by_category .promo001, #more_from_nationalgeographic .wrap2, form, #container ul, .section, .subsection, .nav, .carousel ul, .promo_collection, .promo_collection ul li, .tabbed_box li, #gallery_text .photo_text {display: block;} */ #container:after, #content:after, #content_page_specific:after, #page_head:after, #share_email:after, #content_top:after, #photo_credits:after, #news_feeds .wrap:after, .tag_cloud:after, #photos_by_category .promo001:after, #more_from_nationalgeographic .wrap2:after, #container ul:after, .section:after, .subsection:after, .nav:after, .carousel ul:after, .promo_collection:after, .promo_collection ol li:after, .promo_collection ul li:after, .tabbed_box li:after, #gallery_text .photo_text:after, #footer_breadcrumb:after, .graphic_map .header_set:after, #search_results:after, #header_site:after, #ng_comments .item:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;} /*#content_mainB .subsection div.rssReader {width: 300px; margin-bottom: 20px;}*/ .rss_results li {margin: 0px 0 5px 15px;list-style: disc; display: list-item;color: #24649C;} #rss_loading {text-align: center;} #rss_loading img {border: none; float: none;} #virtual_earth .disclaimer {margin-top: 10px;} #retweet {margin-left: 5px;} #diggit {margin-left: -20px; margin-top: 5px;} #facebook_share {margin-bottom: 10px;} /* Fast Facts / Tips module */ .subsection .fastfact {border-top: none; position: relative; margin-top: 0; padding-top: 0;} .subsection .fastfact p.action {position: absolute; bottom: 40px; left: 30px;} .fact_box {float: left; margin-top: -20px; width: 245px;} .kids .fact_box {float: none; width: auto;} h4.facts_description {font-size: 1.25em; padding-top: 20px; color: #044f90;} .fact_arrow {float: left; vertical-align: middle; width: 25px;} .fact_arrow a {width: 10px; height: 13px; display: block; text-indent: -9999px;} a.fact_prev {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -25px;} a.fact_prev:hover {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -38px;} a.fact_next {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -51px; float: right;} a.fact_next:hover {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 -64px;} div.fact_number {background: url(../i/presentation/fastfacts_sprite.gif) no-repeat 0 0; width: 24px; height: 20px; font-size: 1.25em; color: #FFFFFF; margin-top: 20px; padding-top: 4px; text-align: center; float: left;} div.fact {padding-top: 20px; color: #044f90; font-family: Georgia; font-size: 1.45em; line-height: 1.25em;} div.fact_numbers {margin-left: 35px;} .connect_ng .links {float: left;} .connect_ng a {display: block; float: left; margin-right: 10px;} .connect_ng a.last {margin-right: 0;} #container .connect_ng a img {border: none;} /* Ecommerce Module Styles */ .ecommerce-section div.ecommerce_secondary li {list-style: disc;} div.ecommerce-section li span.item-price, div.ecommerce-section li span.sale-price {color: #8D8D8D; font-weight: bold;} div.ecommerce-section li span.item-price-slashed {color: #8D8D8D; font-weight: bold; text-decoration: line-through;} div.ecommerce-section li span.sale-price {color: #9B0000;} #container .ecommerce-section img {margin: 0 10px 10px 0; float: none;} #container .ecommerce-section.Secondary img {margin: 0 auto 10px;} #container .ecommerce-section p.action {font-weight: bold;} #content_mainA div.ecommerce-section.Primary div.ecommerce_first_img {float: left; margin-bottom: 15px;} #content_mainA div.ecommerce-section div.ecommerce_secondary {margin-left: 10px;} #content_mainA div.ecommerce-section.Primary div.ecommerce_secondary {float: left; width: 243px; margin-left: 20px;} #content_mainA div.ecommerce-section.Primary div.ecommerce_secondary li { margin: 0 0 10px 0; color: #000; } #content_mainA div.ecommerce-section.Primary p.action {margin-top: 0;} #container div.ecommerce-section p.headline {float: left;} /*E-commerce module - SPLIT TOP DESIGN */ .ecommerce-section.split-design .ecommerce_first_img {width: 145px;} .ecommerce-section.split-design li:first-child {list-style: none; margin-top: 0;} .ecommerce-section.split-design .ecommerce_secondary li:first-child {margin-top: 10px;} .ecommerce-section.split-design li {margin-top: 10px;} .ecommerce-section.split-design .promo_collection {position: relative;} .ecommerce-section.split-design .split_left {width: 140px; margin-right: 5px; float: left; border-right: 1px solid #CCC;} #content_mainB .ecommerce-section.Primary.split-design div.description { width: 149px;} #container #content_mainB .ecommerce-section.Primary.split-design .ecommerce_first_img img { margin-left: 0;} .ecommerce-section.split-design .split_right {width: 140px; float: right;} /*E-commerce module - Right Rail */ #content_mainB .ecommerce-section.Primary div.description {float: left; color: #8D8D8D; font-weight: bold; width: 170px;} #content_mainB .ecommerce-section.Primary .ecommerce_secondary.one_img div.description {clear: both; float: none;} #content_mainB .ecommerce-section.Primary div.description.no-img { width: auto; float: none;} #content_mainB .ecommerce-section.Primary #li_container2 div.description {padding-top:5px;} #content_mainB .ecommerce-section.Primary #li_container2 li.first div.description {padding-top:0;} #content_mainB .ecommerce-section.Primary div.description a {font-weight:normal;} #container #content_mainB .ecommerce-section.Primary img {float: left;} #container #content_mainB .ecommerce-section.Primary .ecommerce_first_img img { margin-left: 15px; float: none; } #content_mainB div.ecommerce-section.Primary p.action {margin-top:20px;} div.promo_collection.carousel.ecommerce-section .jcarousel-skin-geocore .jcarousel-container {background: #fff; border: 1px solid #ccc;} /* End Ecommerce module styles */ /* Mo'orea Features */ .moorea_features h4 {font-size: 1.5em;} .moorea_features p.action {clear: none;} /* Science Blogs customization of Features Module */ div.scienceblog{} div.scienceblog h3.title{ text-indent: -9999px; background: url(../i/content/science-blogs-title-300x30.gif) no-repeat; background-position: 0 0; height: 30px; width: 300px;} #content_mainB div.scienceblog h4{ display: none;} #content_mainB div.scienceblog p{ font-size: 13px; color: #333;} #content_mainB div.scienceblog p.item-date{ color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } a.teaser-img-thumb{ float: left; } /* jQuery UI tabbed content */ /* .tabbed-content > div {border-top: 1px solid #D5D5D5; clear: left; margin-top: 20px; padding-top: 20px;} .tabbed-content > div:first-child {border-top: none; margin-top: 0; padding-top: 0;} */ #content_mainB .tabbed-content.ui-tabs .ui-tabs-nav { line-height: 0; margin: 0; padding: 0; } #content_mainB .tabbed-content.ui-tabs .ui-tabs-nav li { float: left; position: relative; top: 1px; background-color: #F4F4F4; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #D5D5D5; border-left: 1px solid #E7E7E7; margin-left: 2px; } #content_mainB .tabbed-content.ui-tabs .ui-tabs-nav li a { display: block; color: #323232; font-size: 75%; line-height: 1em; margin: 0; padding: 6px 8px; text-decoration: none; text-transform: uppercase; } #content_mainB .tabbed-content.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #FFF; border-bottom: 1px solid #FFF; } #content_mainB .tabbed-content.ui-tabs .ui-tabs-panel { border-top: 1px solid #D5D5D5; padding-top: 10px; } #content_mainB .tabbed-content.ui-tabs .ui-tabs-panel.ui-tabs-hide { display: none; } #content_mainB .ui-tabs-panel ol>li, #content_mainB .ui-tabs-panel ul>li { margin:0 0 .25em 1.5em; } #content_mainB .ui-tabs-panel ol>li { list-style-type:decimal; } #content_mainB .ui-tabs-panel ul>li { list-style-type:disc; } /* For the PX Tracking Tier on various Channel pages */ #container .content_px_track .secondary, #container .content_px_track .secondary * { height: 0; text-indent: -9999px; overflow: hidden; line-height: 0; padding: 0; margin: 0; } #container .content_px_track .secondary .openHTML h3.title { display: none; } /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; clear:both;} /*Style to format text in tinyMCE*/ .tinymce-header1{ font-size: 2em; font-weight: bold; } .tinymce-header2{ font-size: 1.5em; font-weight: bold; } /* Fix for LiveFyre missaligned user-box */ .fyre-box-wrapper{ top:-20px !important; left: 5px !important; }