/* ============================================================ Global JavaScript-Enabled CSS * Created by Jon Long on 2009-01-12. * Copyright (c) 2009 National Geographic. All rights reserved. ============================================================ */ .js .restrain, .js .js_message {visibility: hidden;} .js_loader {background: url(../i/presentation/ajax_loader.gif) no-repeat top center;} /* ------------------------------------------------------------ +Most Popular Tabs ------------------------------------------------------------ */ .js .tabbed_box {width: 100%;} .js .tabbed_box .wrap {border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; margin-top: -1px;} .js .tabbed_box .nav_tabbed {border-right: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; } .js .tabbed_box .nav_tabbed li {background-color: #edeeef; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; height: 30px; text-align: center;} .js #most_popular .nav_tabbed li {width: 73px;} .js #most_popular .nav_tabbed .nav_01 {border-left: 1px solid #d5d5d5; width: 76px;} .js .tabbed_box .nav_tabbed h4 {margin-top: 8px;} .js .tabbed_box .nav_tabbed .selected {background-color: transparent; border-bottom: none;} .js #nav_photo_video .nav_tabbed li {width: 148px;} .js #nav_photo_video .nav_tabbed .nav_01 {border-left: 1px solid #d5d5d5; width: 149px;} .js div.popularity_type {border: none; margin: 0 10px 10px; padding: 0;} /* ------------------------------------------------------------ +Share Box Home ------------------------------------------------------------ */ .js .collapsed #nav_share {padding: 15px;} .js .collapsed #nav_share a {display: block;} .js .collapsed #nav_share_email a {background-position: 0 4px;} .js #nav_share .more_link a {background-image: none; padding: 2px 0 0 0;} .js #nav_share .more_link {margin-top: 20px;} .js .collapsed #nav_share .more_link {margin-top: 0;} .js .collapsed #nav_share li {float: left; margin: 0 7px 0 0; width: 26px;} /* ------------------------------------------------------------ +DL ------------------------------------------------------------ */ .js .dl {position: relative;} .js .dl li {cursor: pointer; height: 100%; margin: 0; width: 100%; z-index: 0;} .js .dl .dl_navigation {float: right; position: absolute; bottom: 16px; right: 16px; z-index: 2;} .js .dl .dl_navigation li {background: url(../i/presentation/geocore_sprites.png) no-repeat -6px -51px; font-size: .938em; height: 20px; margin: 0 5px; text-align: center; width: 17px;} /*.js .dl .show, .js .dl .next {display: block!important;} */ .js .dl .next {z-index: 0;} .js .dl .dl_navigation li.pause {background-position: -6px -425px; margin-left: 15px;} .js .dl .dl_navigation li.play {background-position: -6px -539px; margin-left: 15px;} .js .dl .dl_navigation .selected {background-position: -6px -83px;} .js .dl .dl_navigation a {display: block; padding: 2px 0px 0 1px;} .js .dl .dl_navigation a:hover {text-decoration: none;} .js .dl .dl_navigation .prev {background-position: -15px -373px; width: 8px;} .js .dl .dl_navigation .next {background-position: -15px -346px; width: 8px;} .js .dl li.show {z-index: 1;} .js .dl li div {background: url(../i/presentation/dl_gradient.png) repeat-x center bottom; bottom: -1px; left: 0; letter-spacing: 0.03em; line-height: normal; padding: 20px 20px 18px; position: absolute; z-index: 10;} .js #content .dl h4 {color: #fff; font-size: 2.25em; font-weight: normal; margin-bottom: 5px;} .js #content .dl div p {color: #fff; font-size: 1.438em;} .js .dl div p a {color: #ffd800; font-size: .814em; text-transform: uppercase;} .js .dl div p.action {border-top: 1px solid #666; margin-top: 15px; padding-top: 15px;} /*TEMPORARY!*/ .js .dl .dl_navigation li.prev, .js .dl .dl_navigation li.next {display:none!important;} /* Photography DL */ .js .photography .dl .medium {width: 602px; height: 452px;} .js .photography .dl .medium div {width: 563px;} /* Large DL */ .js .dl .large {height: 557px; width: 990px;} .js .dl .large div {width: 950px;} /* Home DL */ .js .homepage .dl .large div, .js .dl .home div {width: 705px;} .js .homepage .dl .large, .js .dl .home {height: 417px;} .js .homepage .dl .large {width: 745px;} /* Medium DL */ .js .dl .medium {height: 343px; width: 610px;} .js .dl .medium div {width: 571px;} /* Small DL */ .js .dl .small img {float: none; height: 270px; margin: 0; width: 360px;} .js .dl .small .credit {margin-right: 5px;} .js .dl .small .caption {clear: both; float: left; font-size: 1.5em; font-weight: bold; line-height: 1.2; margin-left: 15px;} .js .dl .small li {width: 360px;} /*.news div.dl {background-color: #edeeef; height: 364px; width: 362px;}*/ /* ------------------------------------------------------------ +Footer Carousel ------------------------------------------------------------ */ .js #more_from_nationalgeographic .wrap2 {background-color: #edeeef; padding: 20px 0px 20px 15px;} .js #more_from_nationalgeographic .wrap {float: left; padding-left: 20px;} .js .carousel .wrap2 button {background: url(../i/presentation/geocore_sprites.png) no-repeat -12px -374px; border: none; float: left; margin-top: 35px; padding: 0; width: 15px;} .js .carousel .wrap2 .next {background-position: -12px -347px;} /* ------------------------------------------------------------ +Newsletter Input Form ------------------------------------------------------------ */ .js #newsletter label {display: none;} /* ------------------------------------------------------------ +Article Rating ------------------------------------------------------------ */ .js #article_rating li a {display: block; height: 17px; width: 18px;} .js .rating label, .rating .cancel, .rating button, .rating legend {display: none;} .js .rating fieldset {border: none; margin-bottom: 20px;} .js div.rating {clear: both; cursor: pointer; display: block; margin: 2em;} .js div.cancel, div.star {background: transparent; cursor: pointer; display: block; float: left; height: 17px; overflow:hidden; text-indent: -999em; width: 21px;} .js div.star, div.star a {background: url(../i/presentation/geocore_sprites.png) no-repeat -4px -150px;} .js div.cancel a, div.star a {display: block; height: 100%; width: 18px;} .js div.star_on a {background-position: -4px -184px!important;} .js div.star_hover a, div.star_live a:hover {background-position: -4px -184px;} /* ------------------------------------------------------------ +jCarousel ------------------------------------------------------------ */ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 75px; margin-bottom: 0;} .jcarousel-next {z-index: 3; display: none;} .jcarousel-prev {z-index: 3; display: none;} .js .carousel .restrain {height: 100px;} /* ------------------------------------------------------------ +Gallery ------------------------------------------------------------ */ .js .galleria {list-style: none; width: 200px;} .js .galleria li {display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0;} .js .galleria .no-image a {display:block;} .js .galleria li div {position:absolute;display:none;top:0;left:180px;} .js .galleria li div img {cursor:pointer;} .js .galleria li.active div img,.galleria li.active div {display:block;} .js .galleria li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;} .js .galleria li .caption {display:block;padding-top:.5em;} * html .js .galleria li div span {width:400px;} /* MSIE bug */ .js #gallery + div.subsection {border: none;} .js #gallery_text {margin-bottom: 20px;} .js #gallery_text + div#next_image { width: 60px; min-height: 45px; border: none; margin: 0; padding: 0; float: right;} .js #gallery_text + div#next_image > a { font-weight: bold; } .js #gallery_text + div#next_image > p.action { font-weight: bold; text-align: right;} .js #gallery_text + div#next_image > a > img { width: 60px; height: 45px; overflow: hidden; } .js #gallery li {clear:none;} #main_image .galleria_wrapper img {display: block; margin: 0 auto;} /*Controls the gallery loading experience*/ .js .gallery #content_mainA {position: relative;} .js .gallery #content_mainA div.subsection:first-child {visibility: hidden;} .js #gallery {height: 400px; margin-bottom: 20px; width: 100%;} #main_image {border: 0; margin: 0; padding: 0;} #gallery_loader {background: url(../i/presentation/gallery_loader.gif) no-repeat top center; margin-top: 9em; position: absolute; top: 0; width: 100%;} #gallery_loader p, .js_loader {color:#666; letter-spacing: 7px; padding-top: 4.5em; text-align: center; text-transform: uppercase; vertical-align: text-bottom;} /* ------------------------------------------------------------ +Flashless A-Z ------------------------------------------------------------ */ #atoz {height: 209px; padding: 15px 20px 10px;} #atoz ul {background-color: #fff; height: 147px; overflow-y: auto;} #atoz form {margin-top: 10px;} #atoz input {border: 1px solid #999; float: right; height: 20px; width: 180px;} #atoz label {float: left; font-size: 0.875em; font-weight: bold; margin-top: 4px; text-transform: uppercase;} #atoz li {border-top: 1px solid #999; display: table; min-height: 47px; padding: 1px 0; width: 100%;} #atoz li a {color: #000; display: table-cell; vertical-align: middle; padding-left: 10px; width: 100%;} #atoz div {min-height: 47px;} #atoz li a:hover {text-decoration: none;} #atoz, #atoz li:hover {background-color: #ddd;} #atoz li img {display: block; float: left;} #atoz li:hover {cursor: pointer; position: relative;} #atoz li:first-child {border: 0; padding: 0 0 1px;} #atoz .js_loader {background-color: #fff; background-position: center center; height: 170px; padding: 0;} #atoz span.highlight {font-weight: bold;} /* ------------------------------------------------------------ +Pluck Comments ------------------------------------------------------------ */ #ng_comments {clear: both}; #ng_comments img {border: none; width: auto; height: auto;} #ng_comments fieldset {border: 0; margin: 0; padding: 0;} #ng_comments .item {border-top: 1px solid #d5d5d5; margin-top: 20px; padding-top: 20px; position: relative;} #ng_comments .first {border:none; padding-top: 0;} #ng_comments .user_img {float:left; margin-bottom: 10px; width:65px;} #ng_comments .avatar {width: 50px; margin-bottom: 5px;} #ng_comments .comment_block {float: left; width:355px; margin-bottom:20px;} #ng_comments .flagged {font-style: italic;} #ng_comments h5 {color: #333; font-weight: bold; font-size: 1em; float:left;} #ng_comments .timestamp {display: block; font-size: 1em; margin: 0 0 8px; clear:both;} #ng_comments .abuse {background: url(../i/icons/report_abuse.gif) no-repeat 0 0; font-size: 8px; text-indent: 20px; float:right; padding-top: 3px; margin-bottom: -5px;} #ng_comments .reported {background: url(../i/icons/report_abuse_inactive.gif) no-repeat 0 0; font-size: 8px; color:#999; text-indent: 20px; float:right; padding-top: 3px; margin-bottom: -5px;} #ng_comments span.count {color: #666; font-size: 0.75em; font-weight: normal;} #ng_comments .comments_footer {margin-bottom: 10px;} #ng_comments .comments_footer .item {float: left;} #ng_comments .pager {float: right; margin: -15px 0 10px;} #ng_comments .pager li {margin-left: 10px;} #ng_comments .pager li:first-child, #ng_comments .comments_body .item:first-child {margin: 0;} #ng_comments .post_comment_body {clear: both;} #ng_comments > div {margin-bottom: 20px;} #ng_comments .post_comment_body .submit_btn {background: #fff url(../../common/i/presentation/button_gradient.gif) repeat-x bottom center; border: 1px solid #d5d5d5; color: #044E8E; display: block; height: 29px; width: 129px;} #ng_comments p {color: #666;} #ng_comments .post_toggle_btn {font-size: 1.125em; font-weight: bold;} #ng_comments h4 {font-size: 1.188em; font-weight: bold; margin-bottom: 10px;} #ng_comments form div {margin-bottom: 10px;} #ng_comments form input, #ng_comments form textarea {border: 1px solid #d5d5d5; padding: 5px; width: 425px;} #ng_comments form input:focus, #ng_comments form textarea:focus {background-color: #ffffef; border: 1px solid #dda;} #ng_comments .comment_submitted {display:none; margin-bottom: 10px;} #ng_comments .error {background-color: #FFE2E2; border: 1px solid #F07070;} #ng_comments .comment_submitted.error {background-color: transparent; border: 0; color: red;} #ng_comments .abuse_login_box {visibility: hidden; background: url(../i/icons/report_abuse_login_box.gif) no-repeat 0 0; position: absolute; top:-28px; right:105px; z-index:10; width: 155px; height: 74px;} #ng_comments .abuse_login {margin:20px;} #ng_comments img.pluck-comm-avatarimg {float: none;} #ng_comments .ngstaff {background: url(../i/presentation/ng-logo-50x15.png) no-repeat 0 0; width:55px; height:15px; clear:both; margin-top: 8px;} .pluck .comments {text-indent: 25px; background: url(../../common/i/presentation/geocore_sprites.png) no-repeat 0 -559px;}} .social_stats {padding-top: 10px;} .social_stats p {float: left; margin-bottom: 0; padding-left: 25px;} .social_stats .comments {padding-right: 30px; background: url(../../common/i/presentation/geocore_sprites.png) no-repeat -5px -562px;} .social_stats .recommendations {background: url(../../common/i/presentation/geocore_sprites.png) no-repeat -5px -582px;} #share_buttons .pluck .comments span {float: none; margin: 0;} /* pagination numbers from the default widget don't work on galleries so hide em */ body.gallery #ng_comments .pluck-comm-pagination-number-container {display: none;} body.gallery #ng_comments .pluck-comm-pagination-forward-area {margin-left: 14px;} /*--- font size adjustment --- */ #ng_comments .pluck-comm-single-comment-main, #ng_comments .pluck-comm-input-content, #ng_comments .pluck-comm-commentcount {font-size: .75em;} /*--- Temp --- */ #ng_comments .pluck-nocomm-logo, #ng_comments .pluck-comm-first-to-comment, #ng_comments .pluck-comm-rate-system, #ng_comments .pluck-comm-share-abuse-controls, #ng_comments .pluck-comm-pagination-logo-area, #ng_comments .topContainer, #ng_comments .pluck-login-comment-calltoaction, #ng_comments .pluck-login-comment-pluck-logo {display: none;} #ng_comments .pluck-comm-single-comment-main, #ng_comments .pluck-comm-comment-input, #ng_comments .pluck-comm-input-content, #ng_comments .pluck-comm-input-rounded-wrap, #ng_comments .pluck-login-comment-links-wrapper, #ng_comments .pluck-login-comment-content, #ng_comments .pluck-login-comment-input {background: none;} #ng_comments .pluck-comm-comment-content, #ng_comments .pluck-comm-show-hide-replies, #ng_comments .pluck-comm-comment-content {margin-left: 82px; margin-right: 0;} #ng_comments .pluck-comm-comment-action-group-arrow-wrapper, #ng_comments .pluck-comm-single-comment-main, #ng_comments .pluck-comm-wrapper, #ng_comments .pluck-comm-input-rounded-wrap, #ng_comments .pluck-comm-comment-input, #ng_comments .pluck-login-comment-input, #ng_comments .pluck-login-comment-links-wrapper {border: none;} #ng_comments .pluck-comm-wrapper, #ng_comments .pluck-comm-commentcount-actions p, #ng_comments .pluck-comm-commentcount-actions select, #ng_comments .pluck-login-comment-input, #ng_comments .pluck-comm-ReplyLevel-2 .pluck-comm-comment-action-group div:first-child {margin: 0;} #ng_comments .pluck-comm-message-border, #ng_comments .pluck-comm-commenttext, #ng_comments .pluck-comm-single-comment-main, #ng_comments .pluck-login-comment-links-wrapper {margin: 0; padding: 0;} #ng_comments h3, #ng_comments p {font-family: Arial, sans-serif; font-size: 1.063em;} #ng_comments p {font-size:1em;} #ng_comments a {color: #044E8E; font-size: .938em;} #ng_comments .pluck-comm-pagination-first, #ng_comments .pluck-comm-pagination-last, #ng_comments .pluck-comm-pagination-number-container, #ng_comments .pluck-comm-pagination-forward-area, #ng_comments .pluck-comm-pagination-back-area {background: none; float: none; height: auto; margin: 0; padding: 0; width: auto;} #ng_comments .pluck-comm-pagination-back-area, #ng_comments .pluck-comm-pagination-forward-area, #ng_comments .pluck-comm-pagination-number-container {float: left;} #ng_comments .pluck-comm-pagination-number-container {margin: 0 10px;} #ng_comments .pluck-comm-pagination-number-container a, #ng_comments .pluck-comm-pagination-number-container span {margin: 0 3px;} #ng_comments .pluck-comm-username-display a, #ng_comments .pluck-dialog-header {color: #333; font-weight: bold; font-size: 1em;} #ng_comments h4 {margin: 0 0 3px; padding: 0;} #ng_comments .pluck-comm-body {margin: 8px 0 1px;} #ng_comments .pluck-abuse-report {background: url(../i/icons/report_abuse.gif) no-repeat 0 0; padding: 3px 0 0 25px; margin-bottom: -5px;} #ng_comments .pluck-abuse-reported, .anon_abuse_button {background: url(../i/icons/report_abuse_inactive.gif) no-repeat 0 0; color: #999; padding-left: 26px; float: right; margin-bottom: -5px;} #ng_comments .div.pluck-comm-abuse-area {text-align: right;} #ng_comments .pluck-comm-wrapper {margin: 0 0 30px; border-bottom: 1px solid #D5D5D5; overflow: hidden;} #ng_comments .pluck-comm-no-comments {margin: 0;} #ng_comments .pluck-comment-input-box {border: 1px solid #d5d5d5; font-family: Courier, serif; font-size: 1.064em; padding: 5px; width: 100%;} #ng_comments .pluck-comment-input-box:focus {background-color: #ffffef; border: 1px solid #dda;} #ng_comments .pluck-login-comment-links-submit-area a, #ng_comments .pluck-primary-button, #ng_comments .pluck-cancel-button, #ng_comments .anon_popup a {background: #fff url(../../common/i/presentation/button_gradient.gif) repeat-x bottom center; border: 1px solid #d5d5d5; color: #044E8E; padding: 6px 15px; display: block; height: auto; font-size: 1.25em; margin: 5px 10px 0 0;} #ng_comments .pluck-login-comment-links-submit-area a {text-align: center; height: auto; padding: 6px 0; font-size: 1em; width: 100px;} #ng_comments .pluck-login-comment-submit-button {float: left;} #ng_comments .anon_popup a {height: auto; font-size: 1em; padding: 5px 30px; width: auto;} #ng_comments .pluck-comm-message-border textarea {margin: 0; width: 420px;} #ng_comments .pluck-comm-single-comment-main textarea {width: 343px;} #ng_comments .pluck-comm-reply-input {margin: 0 0 0 82px!important;} #ng_comments .pluck-comm-message-border {width: 100%;} #ng_comments .pluck-comm-commenttext {background:url(../i/presentation/header_icon.gif) no-repeat scroll 0 3px transparent; color: #333; font-size: 1.375em; font-weight: bold; padding-left: 17px;} #ng_comments .pluck-comm-calltoaction, #ng_comments .pluck-login-comment-links-directions {color: #333; font-weight: bold; font-size: 1.25em; padding: 0;} #ng_comments .pluck-comm-commentcount {margin-bottom: 10px; padding: 0;} #ng_comments .pluck-comm-wrapper, #ng_comments .pluck-comm-commentcount {background-color: transparent;} #ng_comments .pluck-comm-comment-action-group-arrow {min-height: 0; position: relative; right: 0; top: 0;} #ng_comments .pluck-comm-comment-number-highlight {color: #666; font-size: 0.75em; font-weight: normal;} #ng_comments .pluck-comm-submitoptions {padding-left: 0;} #ng_comments .pluck-comm-submitoptions span, #ng_comments .pluck-primary-button-text {background: none; float: none; font-size: .875em; line-height: normal; padding: 0;} #ng_comments .pluck-comm-socialoptions {background: none; clear: both; margin: 0; padding: 0;} #ng_comments .pluck-comm-single-comment-top {border-top: 1px solid #d5d5d5; margin-top: 20px; padding-top: 20px; padding-bottom: 20px;} #ng_comments .pluck-comm-first {border: none; margin: 0; padding: 0;} #ng_comments .pluck-error-message {color: red; margin: 0 0 10px 0;} #ng_comments .pluck-comm-reply-button-ref, .anon_reply_button {background: url(../i/presentation/geocore_sprites.png) no-repeat -5px -563px transparent; height: 20px; padding: 0 0 0 25px; text-indent: 0;} #ng_comments .anon_reply_button {float: left;} #ng_comments .pluck-app-processing {text-align: center;} #ng_comments div.pluck-user-isStaffTier .pluck-comm-sc-avatar, #ng_comments div.pluck-user-isEditorTier .pluck-comm-sc-avatar {background: url(../i/presentation/ng_logo60x18.png) no-repeat 0 bottom; bottom: 0; height: auto; margin-left: 0; padding-bottom: 22px; width: 60px;} #ng_comments .pluck-comm-ReplyLevel-2 div.pluck-comm-sc-avatar {margin-left: 0;} #ng_comments .pluck-comm-comment-action-group-arrow-wrapper {float: none; margin-left: 81px; width: auto;} #ng_comments .pluck-comm-comment-action-group-arrow, #ng_comments .pluck-comm-comment-action-group {width: auto;} #ng_comments .pluck-comm-comment-action-group div:first-child {margin: 0;} #ng_comments .pluck-comm-comment-action-group span, #ng_comments .pluck-comm-comment-action-group div {float: left; height: auto; margin: 0 0 0 29px; width: auto;} #ng_comments .pluck-comm-comment-action-group span, #ng_comments .pluck-comm-reply-button a {display: inline; line-height: normal; margin: 0; min-width: 0; width: auto;} #ng_comments .pluck-comm-rate-controls .recommend_count {float: none;} #ng_comments .pluck-comm-comment-action-group a:hover {text-decoration: underline;} #ng_comments .pluck-dialog-actions {padding: 0;} #ng_comments .pluck-dialog-actions a {margin-left: 10px; margin-right: 0; width: 81px;} #ng_comments .pluck-abuse-reported, #ng_comments .pluck-abuse-report-link, #anon_abuse_button {background: url(../i/icons/report_abuse_inactive.gif) no-repeat 0 -2px; font-size: .875em; line-height: normal; padding-top: 0;} #ng_comments .pluck-report-abuse-cancel span {font-size: 0.875em; line-height: normal; padding: 0;} #ng_comments .pluck-abuse-posting-form a span {font-size: .813em;} #ng_comments .pluck-abuse-report-link, #ng_comments .anon_abuse_button {color: #999; margin: 0;} #ng_comments .pluck-abuse-dialog {width: 260px;} #ng_comments .pluck-abuse-dialog .pluck-dialog-wrapper, .anon_reply_popup {border-top: 1px solid #ccc!important; border-color: #ccc; border-width: 1px;} #ng_comments .pluck-dialog-middle {background-color: #fff;} #ng_comments .pluck-abuse-dialog .pluck-dialog-wrapper .bottomContainer {background: url(../i/presentation/pluck_abuse_box_arrow.gif) no-repeat center bottom transparent; bottom: -9px!important; height: 17px!important;} #ng_comments .anon_popup {background: #fff; border: none !important; left: -38px; padding: 10px 10px 5px; position: absolute; top: -11px; width: 350px !important; z-index: 20;} #ng_comments .anon_popup li {float: left;} #ng_comments .anon_popup a {margin-top: 0;} #ng_comments .anon_popup p {color: #333; font-weight: bold; margin-bottom: 10px;} #ng_comments .anon_abuse_popup p {text-align: left;} #ng_comments .pluck-abuse-dialog .pluck-dialog-wrapper .bottomContainer div {background: none; display: none;} #ng_comments .pluck-abuse-dialog span.pluck-dialog-group label {color: #666; font-size: 0.875em;} #ng_comments .pluck-abuse-posting-form {margin-top: 10px;} #ng_comments .pluck-thumb-up-link, #ng_comments .pluck-thumb-voted {background: url(../i/presentation/geocore_sprites.png) no-repeat -9px -584px transparent; display: inline; padding: 0 0 0 20px;} #ng_comments .pluck-thumb-voted {background-position:-9px -635px; font-size: .938em; margin-top: 1px; line-height: normal;} #ng_comments .pluck-comm-ReplyLevel-2 .pluck-comm-comment-content, #ng_comments .pluck-comm-ReplyLevel-2 .pluck-comm-comment-action-group-arrow-wrapper {margin-left: 162px;} #ng_comments .pluck-comm-show-hide-replies {padding: 20px 0 5px;} #ng_comments .pluck-comm-show-hide-reply-toggle {color: #333; font-size: 1.125em; font-weight: bold;} #ng_comments .pluck-user-mp-dialog {display: none!important;} #ng_comments .pluck-comm-pagination-wrapper{clear:both;background:none;border:none;float:right;font-size:1.025em;margin-top:15px;height:auto;} #ng_comments .pluck-comm-pagination-level1{float:none;border-top:1px solid #D5D5D5;margin-top:0;overflow:hidden;padding-bottom:12px;padding-top:12px;text-align:right;} #ng_comments .pluck-comm-pagination-level1 .pluck-comm-pagination-back-area, #ng_comments .pluck-comm-pagination-level1 .pluck-comm-pagination-number-container, #ng_comments .pluck-comm-pagination-level1 .pluck-comm-pagination-forward-area{display:inline;float:none;} #ng_comments .pluck-comm-pagination-level1 a.pluck-comm-pagination-first, #ng_comments .pluck-comm-pagination-level1 a.pluck-comm-pagination-last{display:inline;} #ng_comments .pluck-comm-comment-input{clear:both;} #ng_comments .pluck-comm-pagination-next, #ng_comments .pluck-comm-pagination-prev{background:none;margin:0;padding:0;text-indent:0;width:auto;} #ng_comments .pluck-comm-pagination-level2 .pluck-comm-pagination-back-area{margin-right:10px;} #ng_comments .pluck-comm-ReplyLevel-1{} #ng_comments .pluck-comm-ReplyLevel-2{overflow:hidden;padding-bottom:20px;} #ng_comments .pluck-comm-ReplyLevel-2 .pluck-comm-single-comment-top{margin-left:80px;} #ng_comments .pluck-comm-ReplyLevel-2 .pluck-comm-comment-content, #ng_comments .pluck-comm-ReplyLevel-2 .pluck-comm-comment-action-group-arrow-wrapper{margin-left:80px;} #ng_comments .pluck-comm-socialoptions {padding-top: 10px;} #ng_comments .pluck-comm-socialoptions-posttext {margin-top: 3px;margin-right: 5px;} #ng_comments .pluck-comm-socialoptions img {border: 0;} /*TEMPORARY*/ #ng_comments .pluck-comm-edit-controls {display:none!important;} /* ------------------------------------------------------------ +Columnizer ------------------------------------------------------------ */ .js .column {margin-left: 20px;} .js .column:first-child {margin: 0;} /* ------------------------------------------------------------ +Video Thumbnails ------------------------------------------------------------ */ .js .video .popup_vp {float: left; position: relative;} .js .video .overlay {border: none !important; position: absolute;} .js .video h4 .popup_vp {float: none;} /* ------------------------------------------------------------ +Photo Archive ------------------------------------------------------------ */ .js .photo_archive .photo_info {display: none;} .js .photo_archive #search_results > div {margin: 0; position: relative; width: auto;} .js .photo_archive #search_results img {float: none;} .js .photo_archive .photo_info {background-color: #fff; border: 1px solid #d5d5d5; padding: 10px; width: 165px!important; z-index: 10;} /* ------------------------------------------------------------ +Ticker Module ------------------------------------------------------------ */ #ticker_tape_module {width: 100%; height: 30px; margin: 0 auto; position: relative; overflow: hidden; background-color: #0e263a; color: #24cce6; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #ticker_tape_module .fade-left, #ticker_tape_module .fade-right {width: 92px; height: 30px; top: 0; position: absolute;} #ticker_tape_module .fade-left {left: 0; background: url(../i/presentation/fade-left.png) no-repeat top left;} #ticker_tape_module .fade-right {right: 0; background: url(../i/presentation/fade-right.png) no-repeat top left;} #ticker_tape_module ul {top: 0; width: 1000px; height: 100%; margin: 0; padding: 0; display: block; position: relative;} #ticker_tape_module li {top: 0; margin: 0; padding: 8px 0 0; display: block; position: absolute; list-style-type: none; white-space: nowrap;} /*Tooltip and Pointer CSS*/ .tooltip_pointer {background: url(../i/presentation/tooltip_pointers.gif) no-repeat 0 0px; height: 16px; left: -9px; position: absolute; top: 45%; width: 16px;} .top .tooltip_pointer {background-position: 0 -32px; bottom: -9px; left: 78px; top: auto;} .left .tooltip_pointer {background-position: 0 -16px; left: auto; right: -9px; top: 45%;} .bottom .tooltip_pointer {background-position: 0 -48px; left: 78px; top: -10px;} /* ------------------------------------------------------------ +Pagination ------------------------------------------------------------- */ .pagination { margin: 0 auto; display: block; clear: inherit; float: right; } .paginate_left .pagination { float: left; } .pagination a, .pagination a:link, .pagination a:visited, .pagination a:active, .pagination a:hover { text-decoration: underline; } .pagination a.next, .pagination a.prev {text-decoration: none;} .pagination a, .pagination span, .pagination .current { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; text-align: center; } .pagination a.prev, .pagination a.next { border-width: 0px; width: auto; } .pagination a.prev, .pagination span.prev{ padding-left: 0; } .pagination a.next, .pagination span.next { padding-right: 0; } .pagination .current.prev, .pagination .current.next{ color:#999; background:transparent; border-width: 0px; width: auto; } .search_results .pagination a { color: #044E8E; } .search_results .paginate_right, .dynamic_links .paginate_right { clear:both; height:28px; margin-top:10px; padding-top:5px; padding-right:20px; background:#EEE; } .search_results .paginate_left .pagination, .dynamic_links .paginate_left { clear: both; height:30px; width:590px; padding-top:5px; padding-left:20px; margin-top: 20px; float:left; background:#EEE; } .search_results #keyword_searchresult { clear: both; margin-left: 20px;} .search_results #keyword_searchresult li { margin: 10px 0;} .search_results #keyword_searchresult a { text-decoration: underline; color: #044E8E; font-size: 1.375em;} .dynamic_links .paginate_left { margin-bottom: 20px;} /* ------------------------------------------------------------ +Custom Forms ------------------------------------------------------------- */ /*Hide the form before it's ready, then show once initialized*/ .js .photo_archive #content_mainA form {display: none;} .js #content_mainA form.jqtransformdone {display: block;} form.jqtransformdone label{ margin-top:4px; margin-right: 8px; display: block; float:left; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } /* ------------- * Buttons * ------------- */ button.jqTransformButton { margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial; } *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span { display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; height: 23px; } button.jqTransformButton span span { background: #fff url(../i/presentation/photo_search_arrows.gif) no-repeat scroll 6px -17px; border: 1px solid #333; padding: 5px; display: block; height: 11px; width: 11px; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { border: 1px solid #333; height: 21px; padding: 0px; float:left; } .jqTransformInputInner { padding: 0px; margin: 0px; } .jqTransformInputInner div { height: 21px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; vertical-align: middle; height: 21px; color:#404040; border: none; padding: 3px 0px 0px 0px; margin: 0px; background:transparent; } /*hover*/ #keywords_search:hover, #keywords_search:focus {border: none!important; height: 16px;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} /*focus*/ .jqTransformInputWrapper_focus{ background-position: left -62px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /* ------------- * Selects * ------------- */ .photo_archive .photo_categories .jqTransformSelectWrapper, .photo_archive .photo_categories .jqTransformSelectWrapper ul {width: 183px!important;} .jqTransformSelectWrapper { width: 45px; position:relative; height: 21px; border: 1px solid #333; float:left; } .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 18px; line-height: 15px; padding: 3px 0 0 7px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 31px; height: 21px; background: transparent url(../i/presentation/photo_search_arrows.gif) no-repeat scroll 13px 9px; } .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 22px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../i/presentation/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../i/presentation/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../i/presentation/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../i/presentation/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../i/presentation/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../i/presentation/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../i/presentation/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../i/presentation/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../i/presentation/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../i/presentation/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../i/presentation/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../i/presentation/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../i/presentation/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../i/presentation/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../i/presentation/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* ------------------------------------------------------------ + Social buttons (Tweet and Facebook like) ------------------------------------------------------------ */ #social_buttons iframe { vertical-align: middle; } body.gallery #social_buttons { clear: both; }