/** * base.css * * Now that Blueprint is zeroing out most styles, there's not much here. */ body { background:url(/images/nt_bg.png) repeat-x left top; background-color: #f3f3f3; font-size: 12px; color: #333333;} body.popup { margin:10px 20px 10px 0; padding-left:20px; *padding-left:0px; width:390px; *width:375px; background: none repeat scroll 0 0 #FFFFFF; overflow-x: hidden; *overflow: hidden; } div { margin:0px;} /** * Links */ :-moz-any-link:focus { outline: none; } a { text-decoration: none; color: #385AC8; } a:active, a:hover { color: #385AC8; text-decoration: underline; } a img, a:hover img, a:active img { border: none; text-decoration: none; } /** * Forms */ form label { font-weight: bold; display: block; } input, textarea, select { color: #000; background: #fff; } input, textarea { border: 0.1em solid #ccc; padding: 2px; } input:hover, textarea:hover, input:focus, textarea:focus { border-color: #666; } /***errors****/ p.notice { background:#fff5b0 none repeat scroll 0 0; border:1px solid #cccccc; color:#666666; text-align: center; margin-top: 15px; } /***overrides****/ div.main_column_box .remove_border .content { border:none; } #main_column_tabbed_box.main_column_box .remove_border .content { border:none; } span.quiet.small { color: #dc0000; margin: 0px; line-height: 1em; padding: 0px; } /** SSS added this **/ .hide { display:none; } /** * typography.css * * Lots of custom classes here for various layouts... A lot of this is legacy and should * be tightened to use a smaller subset of styles rather than the sprawl below. */ /** * LINKS */ /* review links */ a.visited { color: #666; } .helvetica { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; } /** * FAQ question mark icons */ a.help img, img.help { background:transparent url(/images/ui/help_large.png) no-repeat scroll left top; _background:transparent url(/images/ui/help_large.gif) no-repeat scroll left top; height:12px; margin-left:2px; width:15px; } a:hover.help img, a.help img.sel { background-position: left bottom; } a.editorial { color: #666; } a.cancel { display:block; float:left; margin-top:5px; padding-left:5px; width:50px;} .disabled_link { text-decoration:none !important; color: #acacac !important; cursor: default !important; } /** * Large Type */ .head { color: #333333; font-style: normal; font-weight: bold; font-size: 18px; } /* based on category_sub_head but with subtler text */ div.tabSubHeader { padding: 0 0.25em 0.25em 0.25em; margin: 5px 0em 10px 0em; border-bottom: 1px solid #bababa; color: #666; font-size: 12px; font-weight: bold; } span.grey { color: #acacac; } span.new_feature { text-transform: uppercase; color: #399900; font-size: 0.9em; font-weight: bold; } /** * Small type */ .editorial_gray { font-size: 11px; color: #acacac; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: normal; } .note { font-size: 0.9em; color: #333333; font-weight:normal; padding-right: 10px; } .small_note, .explanation, .body_black_small { font-size: 10px; color: #acacac; font-weight: normal; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; } .explanation { font-size: .92em; line-height: 1.17em; color: #3f3f3f; margin-bottom: 20px; } /** * MISC. LEGACY HEADER & TEXT STYLES * * The headers are mostly used on the Welcome page and on the FAQ pages, where they are defined inline anyway. * One day we should strive to phase these all out. */ td.sectionspacer { padding-bottom:10px; } .subhead { font-size: 14px; font-weight: bold; padding-bottom: 6px; } .subhead_plain { font-size: 14px; } .subhead_small { font-size: 12px; font-weight: bold; color: #333; } .subhead_small_plain { font-size: 12px; font-weight: normal; } a.subhead_small_plain:link, a.subhead_small_plain:visited, a.subhead_small_plain:active, a.subhead_small_plain:hover { font-weight: normal; } /* just for those »s; */ /*span.more { font-size: 130%; line-height: 80% } */ /*.story_quote { color: #333333; font-weight: normal; line-height: 1.2em; }*/ .backpath { font-weight:bold; } .body_black { font-size: 12px; } a.body_black_small:link, a.body_black_small:visited, a.body_black_small:active, a.body_black_small:hover { font-size: 11px; font-weight: normal; } .body_gray { font-size: 12px; color: #333; } span.featured { background:url(/images/ui/story_listings/featured.png) no-repeat left bottom; height: 13px; width: 56px; float: right; } span.student_badge { background:url(/images/ui/groups/student.png) no-repeat left bottom; _background:url(/images/ui/groups/student.gif) no-repeat left bottom; height: 13px; width: 51px; padding-bottom:2px; float: left; } span.educator_badge { background:url(/images/ui/groups/educator.png) no-repeat left bottom; _background:url(/images/ui/groups/educator.gif) no-repeat left bottom; height: 13px; width: 61px; padding-bottom:2px; float: left; } span.trusted_member_badge { background:url(/images/ui/groups/trusted_member.png) no-repeat left bottom; _background:url(/images/ui/groups/trusted_member.gif) no-repeat left bottom; height: 13px; width: 95px; padding-bottom:2px; float: left; } span.advisor_badge { background:url(/images/ui/groups/advisor.png) no-repeat left bottom; _background:url(/images/ui/groups/advisor.gif) no-repeat left bottom; height: 13px; width: 54px; padding-bottom:2px; float: left; } span.donor_badge { background:url(/images/ui/groups/donor.png) no-repeat left bottom; _background:url(/images/ui/groups/donor.gif) no-repeat left bottom; height: 13px; width: 47px; padding-bottom:2px; float: left; } span.director_badge { background:url(/images/ui/groups/director.png) no-repeat left bottom; _background:url(/images/ui/groups/director.gif) no-repeat left bottom; height: 13px; width: 59px; padding-bottom:2px; float: left; } span.editor_badge { background:url(/images/ui/groups/editor.png) no-repeat left bottom; _background:url(/images/ui/groups/editor.gif) no-repeat left bottom; height: 13px; width: 46px; padding-bottom:2px; float: left; } span.host_badge { background:url(/images/ui/groups/host.png) no-repeat left bottom; _background:url(/images/ui/groups/host.gif) no-repeat left bottom; height: 13px; width: 37px; padding-bottom:2px; float: left; } span.newshound_badge { background:url(/images/ui/groups/newshound.png) no-repeat left bottom; _background:url(/images/ui/groups/newshound.gif) no-repeat left bottom; height: 13px; width: 74px; padding-bottom:2px; float: left; } span.partner_badge { background:url(/images/ui/groups/partner.png) no-repeat left bottom; _background:url(/images/ui/groups/partner.gif) no-repeat left bottom; height: 13px; width: 55px; padding-bottom:2px; float: left; } span.reviewer_badge { background:url(/images/ui/groups/reviewer.png) no-repeat left bottom; _background:url(/images/ui/groups/reviewer.gif) no-repeat left bottom; height: 13px; width: 61px; padding-bottom:2px; float: left; } span.staff_badge { background:url(/images/ui/groups/staff.png) no-repeat left bottom; _background:url(/images/ui/groups/staff.gif) no-repeat left bottom; height: 13px; width: 41px; padding-bottom:2px; float: left; } span.certified_reviewer { background:url(/images/ui/story_listings/certified_reviewer.png) no-repeat left bottom; height: 13px; width: 108px; float: right; } /***favicon****/ span.favicon, span.favicon12, span.favicon18, span.fb_favicon, span.t_favicon, span.mutual_follow { background-position:left top; background-repeat:no-repeat; float:left; height:16px; padding-right:3px; width:16px; } span.favicon12, span.fb_favicon, span.t_favicon{ height:12px; width:12px; margin-left:5px; margin-top:2px; } span.favicon18 { height:18px; width:18px; } span.mutual_follow { background:url(/images/ui/mynews/icon_mutual_follow.png) no-repeat left top; height:12px; width:12px; margin-left:5px; margin-top:2px; } span.fb_favicon { background-image:url(/images/ui/mynews/facebook_favicon.png) } span.t_favicon { background-image:url(/images/ui/mynews/twitter_favicon.png) } span.small_thumb { height:30px; width:30px; margin-right:5px; float:left; } /***byline****/ .byline { color: #adadad; font-size: 11px; font-weight: bold; height: 16px; padding-top: 3px; } .byline a.pubname { text-transform: uppercase; color: #666666; font-size: 1em; } .byline span.author { text-transform: uppercase; color: #666666; } */ .small { font-size: 10px; } .big { font-size : 14px; } .light_gray { color : #666666 !important; } .beta { vertical-align:middle; font-size: 10px; font-weight: normal; color:#666; } .deactivated_gray {color:#acacac;} .story_listing_detail p.smaller_copy { font-size:1.08em; } .wrapper.comments .beta { color: #acacac; font-weight: bold; _margin-top:-15px;} .story_listing_detail .topic_source p { font-size:1.08em; } /*****Fonts*****/ @font-face { font-family: 'AvantGardeBookBold'; src: url('/images/fonts/avantgarde-book_bold_bold_wwww.font-cat.com-webfont.eot'); src: local('?'), url('/images/fonts/avantgarde-book_bold_bold_wwww.font-cat.com-webfont.woff') format('woff'), url('/images/fonts/avantgarde-book_bold_bold_wwww.font-cat.com-webfont.ttf') format('truetype'), url('/images/fonts/avantgarde-book_bold_bold_wwww.font-cat.com-webfont.svgz#webfontLAtODcfU') format('svg'), url('/images/fonts/avantgarde-book_bold_bold_wwww.font-cat.com-webfont.svg#webfontLAtODcfU') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeBkBTDemi'; src: url('/images/fonts/avgardd-webfont.eot'); src: local('?'), url('/images/fonts/avgardd-webfont.woff') format('woff'), url('/images/fonts/avgardd-webfont.ttf') format('truetype'), url('/images/fonts/avgardd-webfont.svgz#webfontHRKwNQKy') format('svg'), url('/images/fonts/avgardd-webfont.svg#webfontHRKwNQKy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VollkornRegular'; src: url('/images/fonts/vollkorn-regular-webfont.eot'); src: local('?'), url('/images/fonts/vollkorn-regular-webfont.woff') format('woff'), url('/images/fonts/vollkorn-regular-webfont.ttf') format('truetype'), url('/images/fonts/vollkorn-regular-webfont.svgz#webfont3i05lE34') format('svg'), url('/images/fonts/vollkorn-regular-webfont.svg#webfont3i05lE34') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreAdventorRegular'; src: url('/images/fonts/texgyreadventor-regular-webfont.eot'); src: local('?'), url('/images/fonts/texgyreadventor-regular-webfont.woff') format('woff'), url('/images/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'), url('/images/fonts/texgyreadventor-regular-webfont.svgz#webfontfWQ9c6Cw') format('svg'), url('/images/fonts/texgyreadventor-regular-webfont.svg#webfontfWQ9c6Cw') format('svg'); font-weight: normal; font-style: normal; } div.avant-garde_book {font-family:'AvantGardeBookBold',"Helvetica Neue",Arial,Helvetica,sans-serif !important;} div.avant-garde_bold {font-family:'AvantGardeBkBTDemi',"Helvetica Neue",Arial,Helvetica,sans-serif !important;} div.vollkorn {font-family: 'VollkornRegular',"Helvetica Neue",Arial,Helvetica,sans-serif !important;} div.texg {font-family:'TeXGyreAdventorRegular',"Helvetica Neue",Arial,Helvetica,sans-serif !important; } /** * application.css * * basic layouts & styles corresponding to main template, application.html.erb */ /** * LAYOUT */ div.brace { width: 800px; text-align: left; } /** * NAV * logo, user info, two bars of links */ #nav { margin-top: 10px; margin-bottom: 20px; } div.poynter_bar { color:#fff; background-color: #666; font-size:12px; font-weight:bold; height: 3.2em; } div.poynter_bar ul.menu { float:left; list-style-type:none; padding: 0.5em 0; height: 2.7em; width:97%; } div.poynter_bar li.menu_item { float: left; margin:0; padding: 6px 8px 0 8px; } div.poynter_bar li.menu_item a { float:left; font-family: 'Helvetica Neue',Arial,Verdana,'Liberation Sans',FreeSans,sans-serif; color:#fff; } div.poynter_bar li.poynter_logo { padding-top:0; } div.poynter_bar li.poynter_logo a { background: url("/images/logos/logo_poynter_sm.png") no-repeat scroll 0 0 transparent; height: 26px; width: 84px; overflow:hidden; text-align:left; text-indent:-999px; } div.poynter_bar li.last_item { float: right; } div.topbar { clear:both; position: relative; height: 38px; margin: 25px 0 10px 0; } div.topbar div.logo { width: 585px; position: absolute; left: 0; bottom: 0; top:0; } div.topbar div.logo a {display: block;float: left;} div.topbar div.logo a:hover {text-decoration: none;} div.topbar span.your_guide { font-family:'AvantGardeBkBTDemi',"Helvetica Neue",Arial,Helvetica,sans-serif !important; color: #666666; float: left; font-size: 1.08em; margin: 22px 0 0 10px; } div.topbar span.local_logo a {color: #b3b3b3;} div.topbar span.your_guide a {color: #666666;} div.topbar div.userlinks { width: 350px; text-align: right; font-weight: bold; color: #3f3f3f; position: absolute; right: 0; font-size:1em; top:0px; } div.topbar div.userlinks div.signed_out{ margin-top:20px; font-size:1.08em; } div.topbar div.userlinks a { color: #6388c0; } div.topbar div.userlinks div.photo { margin-left: 7px; float: right; } div.topbar div.userlinks div.header { margin: 4px 0 0 0; } div.topbar div.userlinks a { color: #6388c0; padding:0px 2px 0px 2px; } div.topbar div.userlinks a.username { color: #6388c0; } div.topbar div.userlinks a.fbconnect_login_button { padding: 0; margin-right:2px; } div.topbar div.userlinks div.small { font-size: 0.92em;; font-weight: normal; color: #3f3f3f; } div.topbar div.userlinks span.logout { margin-top: 6px; font-weight: normal; color: #adadad; font-size: 0.92em; } div.topbar div.userlinks span.logout a{ color: #adadad; } div.topbar div.userlinks div.small span.light_grey a { color: #adadad; } div#navbar { height: 30px; font-family:'TeXGyreAdventorRegular',"Helvetica Neue",Arial,Helvetica,sans-serif !important; } div#navbar .links a { display: block; float: left; height: 30px; font-size: 1.08em; border-right: 1px solid #ffffff; cursor:pointer; color: #ffffff; background: url(/images/ui/nav/nt_nav_bg.png) repeat-x left top; padding: 7px 12px 0 12px; /* was 7px 16px 0 17px */ text-transform: uppercase; } div#navbar .links a:hover { text-decoration: none; background: url(/images/ui/nav/nt_nav_bg_hover.png) repeat-x left top; color: #385ac8; } div#navbar div.mn_local {padding-right: 0px;} div#navbar .search { float: left; width: 360px; background: url(/images/ui/nav/nt_nav_bg.png) repeat-x left top; height: 31px; border-right: 1px solid #ffffff; } /*div#navbar div.search .search_box:hover { float:left; width:250px; background-color: #ffffff; border: 1px solid #666666; margin:3px 0px 0px 2px; height: 24px; }*/ div#navbar div.search input { float: left; width: 68px; background:url(/images/ui/nav/nt_btn_search.png) no-repeat left top; height: 25px; margin:4px 0px 0px 2px; border: none; cursor: pointer; } div#navbar div.search input:hover { float: left; width: 68px; background:url(/images/ui/nav/nt_btn_search.png) no-repeat left -25px; _background:url(/images/ui/nav/nt_btn_search.gif) no-repeat left -25px; height: 25px; margin:4px 0px 0px 2px; border: none; cursor: pointer; } div#navbar div.search .search_box { width: 265px; height: 1.2em; padding: 2px; margin: 6px 5px 5px 7px; float: left; background: none; background-color: #ffffff; border: 1px solid #cccccc; color: #666666; } div#navbar div.search .search_box:hover { width: 265px; height: 1.2em; padding: 2px; margin: 6px 5px 5px 7px; float: left; background: none; background-color: #ffffff; border: 1px solid #cccccc; color: #666666; } div#navbar div.post_story { float: left; width: 100px; background: url(/images/ui/nav/nt_nav_bg.png) repeat-x left top; height: 31px; } div#navbar div.post_story a { float: left; width: 85px; background:url(/images/ui/nav/nt_btn_post_story_nav.png) no-repeat left top; _background:url(/images/ui/nav/nt_btn_post_story_nav.gif) no-repeat left top; height: 25px; margin:4px 0 0 10px; } div#navbar div.post_story a:hover { float: left; width: 85px; background:url(/images/ui/nav/nt_btn_post_story_nav.png) no-repeat left bottom; _background:url(/images/ui/nav/nt_btn_post_story_nav.gif) no-repeat left bottom; height: 25px; margin:4px 0 0 10px; } div#navbar div.post_story a.on { background-position: left -25px; } /******Secondary Navigation*******/ div#secondary_nav {margin-bottom: 30px;*margin-top: 10px;*margin-bottom:15px;} div#secondary_nav ul { color: #889AB5; margin: 0px; font-family:'AvantGardeBkBTDemi',"Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 1em; font-weight: normal; width: 100%; list-style: none; } div#secondary_nav ul li { float: left; background: url("/images/ui/nav/subnav_dot.png") no-repeat left 5px; padding-left: 11px; padding-right: 6px; } div#secondary_nav ul li:first-child {list-style-type: none;padding-left: 7px;padding-right: 7px;background:none; } div#secondary_nav ul li.section_break {border-left: 1px solid #b3b3b3;padding-left: 7px;list-style-type: none;padding-right: 7px;background: none;} div#secondary_nav ul a {color: #b3b3b3;} div#secondary_nav ul a:hover {color: #385ac8;text-decoration: none;} div#secondary_nav ul a span.green {color: #b3b3b3;} div#secondary_nav ul a span.blue {color: #b3b3b3;} div#secondary_nav ul a:hover span.green {color:#1fa346;} div#secondary_nav ul a:hover span.blue {color:#385ac8;} #post_story { background:url(/images/ui/nav/nt_post_story_bg.png) no-repeat left top; _background:url(/images/ui/nav/nt_post_story_bg.gif) no-repeat left top; height:69px; margin-left:620px; padding:10px; position:absolute; top:100px; width:330px; z-index: 100; } #post_story label { color:#666666; font-size:14px; margin:15px 0 0 5px; } #post_story input.url { float: left; width: 200px; margin:15px 0 0 5px; color: #666666; font-size: 12px; border: 1px solid #b7b7b7; } #post_story .status { float: left; margin-left: 10px; } #post_story .status * { margin: 17px 0 0; } #post_story .status .post { margin: 13px 0 0; } #post_story p.response { clear: both; width: 330px; margin-left: 45px; } /** * FOOTER * see also stickyfooter.css */ #footer { } #footer a {color: #6488bf;} #footer .top { background:url(/images/ui/nt_footer_bg_top.png) no-repeat left top; _background:url(/images/ui/nt_footer_bg_top.gif) no-repeat left top; height: 5px; width: 950px; } #footer .bottom { background:url(/images/ui/nt_footer_bg_bottom.png) no-repeat left top; _background:url(/images/ui/nt_footer_bg_bottom.gif) no-repeat left top; height: 5px; width: 950px; } #footer .content { background-color: #ffffff; padding:0px 0px 20px 0px; _margin-top:-10px; } #footer .overview { background:url(/images/ui/nt_footer_overview.png) no-repeat 40px 50px; } #footer .overview h3 { margin-left:-5000px; } #footer .overview h4 { font-size: 1.1em; line-height: 1.5em; margin: 100px 0px 0px 40px; } #footer .column { border-left: 1px solid #d8e5f5; font-size: 1em; margin:30px 0px 0px; padding:0px 25px 30px 25px; line-height: 1.15em; height: 145px; } #footer .column a { display: block; } #footer .column h4 { padding-top: 15px; padding-bottom: 15px; line-height: 1em; margin-bottom: 0px; } /** * MAIN COLUMN & BOXES */ div.main_column { width: 550px; margin-right: 15px; float: left; } div.main_column_box { margin-bottom: 15px; background-color: #fff; } div.main_column_box div.top { height: 4px; font-size: 4px; /* for IE6 */ } .topic_source_listing_tabs div.main_column_box .content { margin:0px; border-top: 0; *margin-top:-20px; border: 1px solid #bbb; } div.main_column_box.todays_feeds .content { background-color: #fff; *padding-top:15px; border-top: 0; *margin-top:25px; min-height: 100px; } #main_column_tabbed_box.main_column_box.todays_feeds .content { *margin-top:20px; border: 1px solid #bbb; border-top:none; } #main_column_tabbed_box.main_column_box .content { border: 1px solid #bbb; border-top:none; margin-top:0px; _margin-top:-11px; _float:left; _margin-bottom:-15px; _width:608px; _height:auto; _float:left; _position:relative; _padding:10px 10px 0px 10px; *margin-top:-20px; *margin-bottom:-40px; } .topic_source_listing_tabs #main_column_tabbed_box.main_column_box .content { *margin-top:-20px; float: left; width: 600px; _width: 620px; _display:block; _position:relative; _margin-right:20px; _padding-right:0px; _margin-bottom:0px; _height:auto; } .topic_source_listing_tabs #main_column_tabbed_box.main_column_box .content .tabbedContent { _width: 600px; } .overview_image { float: right; padding: 5px 5px 0 5px; margin: 0 5px 5px 5px; border: 1px solid #ddd; } .tabbedContent .row1 { float:left; margin-top:7px; } div.flat div.wrapper .article .row2 { color:#3F3F3F; float:left; margin:7px 0 0 5px; } /** * INFO TAB (Main Column) * Basic formatting for straight information */ div.main_column_box div.infoBox a { font-weight: normal; } td.lineKey { padding-left: 0.25em; width: 120px; color: #666; } td.lineValue { line-height: 1.4em; } td.lineFull { padding-left: 0.25em; } /* use this to make the absence of data look big */ div.empty_list { padding: 30px; font-size: 105%; color: #999; } /** * RIGHT COLUMN & BOXES */ div.right_column_box { margin:0px 0px 0px 0px; *margin:0px 0px 10px 0px; _margin:0px 0px 0px 0px; } div.right_column_box a { color:#6388c0; } div.right_column_box .wrapper{ background-color: #ffffff; padding: 0px; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; _margin-top:-10px; } div.right_column_box div.top { background:url(/images/ui/nt_rr_module_bg_top.png) no-repeat left top; _background:url(/images/ui/nt_rr_module_bg_top.gif) no-repeat left top; height: 5px; } div.right_column_box div.header{ padding:10px 0px 0px 0px; border-bottom: 2px solid #f3f3f3; } div.right_column_box div.header h3{ text-transform: uppercase; font-size: 1.17em; font-weight: bold; color: #8c8c8c; padding:0px 0px 10px 0px; letter-spacing: -.02em; } div.right_column_box div.header h4, div.right_column_box div.header h4 a { text-transform: uppercase; font-size: 1.0em; font-weight: bold; color: #8c8c8c; padding:0px 0px 10px 5px; letter-spacing: -.02em; } div.right_column_box div.header h4 a:hover { text-decoration: underline; } div.right_column_box div.header div { padding-left: 12px; } div.right_column_box div.header div span.disclaimer { float: right; padding-right: 1em; padding-top: 3px; } div.right_column_box div.header div span.disclaimer a { color: #666; } div.right_column_box div.bottom { background:url(/images/ui/nt_rr_module_bg_bottom.png) no-repeat left top; _background:url(/images/ui/nt_rr_module_bg_bottom.gif) no-repeat left top; margin:0px 0px 10px 0px; _margin:0px 0px 0px 0px; height: 5px; float: left; width: 100%; } div.right_column_box div.blurb { color: #8c8c8c; line-height: 1.4em; margin-bottom: 5px; } div.stage_right.right_column_box .wrapper{ float: left; *width: 305px; } div.stage_right.right_column_box div.header h3 { padding-left: 10px; } div.stage_right.right_column_box .wrapper div.content{ float: left; } div.stage_right.right_column_box .wrapper div.content a { } /****Thin left column box******/ div.white_box_small { margin:0px 10px 0px 0px; } div.white_box_small a { } div.white_box_small .wrapper{ background-color: #ffffff; padding: 0px; _margin-top:-10px; height: auto; float: left; } div.white_box_small div.interior_content { padding: 0px 15px 0px 15px; } div.white_box_small div.top { background:url(/images/ui/white_box_small_top.png) no-repeat left top; _background:url(/images/ui/white_box_small_top.gif) no-repeat left top; height: 7px; } div.white_box_small div.bottom { background:url(/images/ui/white_box_small_btm.png) no-repeat left top; _background:url(/images/ui/white_box_small_btm.gif) no-repeat left top; margin:0px 0px 20px 0px; height: 7px; float: left; width: 100%; } /****Right column box wider******/ div.right_column_box_wide { margin:0px 0px 0px 0px; } div.right_column_box_wide a { color:#6388c0; } div.right_column_box_wide .wrapper{ background-color: #ffffff; padding: 0px 20px 20px 20px; _margin-top:-10px; } div.right_column_box_wide div.top { background:url(/images/ui/right_column_login_top.png) no-repeat left top; _background:url(/images/ui/right_column_login_top.gif) no-repeat left top; height: 7px; } div.right_column_box_wide div.bottom { background:url(/images/ui/right_column_login_btm.png) no-repeat left top; _background:url(/images/ui/right_column_login_btm.gif) no-repeat left top; margin:0px 0px 10px 0px; height: 7px; } /** * WHOLE COLUMN */ div.whole_column_box { width: 800px; margin-bottom: 15px; } /*******Plain White Box*********/ div.white_box { margin-top:10px; margin-bottom: 0px; float: left; } div.white_box div.top { background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; _background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; height: 10px; float: left; width: 100%; } div.white_box div.bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded_bottom.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_bottom.gif) no-repeat left top; height: 20px; float:left; width:100%; } div.white_box div.wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded.png) repeat-y left top; padding-top:10px; float: left; width: 630px; _margin-top:-10px; } /*******Plain grey Box*********/ div.white_box { margin-top:10px; margin-bottom: 0px; float: left; *min-height:300px; } div.grey_box div.top { background:url(/images/ui/story_listings/bg_box_shadow_rounded-grey_top.png) no-repeat left top; _background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; height: 10px; float: left; width: 100%; } div.grey_box div.bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded_bottom.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_bottom.gif) no-repeat left top; height: 20px; float:left; width:100%; } div.grey_box div.wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded-grey.png) no-repeat left top; padding-top:10px; float: left; width: 630px; _margin-top:-10px; } /*******Plain blue Box*********/ div.blue_box div.top { background:url(/images/ui/story_listings/bg_box_shadow_rounded-blue_top.png) no-repeat left top; _background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; height: 10px; float: left; width: 100%; } div.blue_box div.bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded-blue_bottom.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_bottom.gif) no-repeat left top; height: 20px; float:left; width:100%; } div.blue_box div.wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded-blue.png) no-repeat left top; padding-top:10px; float: left; width: 630px; _margin-top:-10px; } div.interior_content { float: left; padding: 5px 20px 20px 20px;} div.interior_content h2 { font-size: 1.5em; font-weight: bold; } div.interior_content h3 { font-size: 1.33em; font-weight: bold;} div.interior_content h4 { font-size: 1em; font-weight: bold; padding-bottom: 5px;} div.white_box div.wrapper div.tab_num_3 ul.tabs li span { width: 200px;} div.white_box div.wrapper div.main_column_box { float:left; margin-bottom:15px; padding:0 15px 0 10px; width:606px;} div.white_box h1, div.white_box h2, div.white_box h3, div.white_box h4 { margin-bottom: 8px; } div.white_box_big { margin-top:20px; margin-bottom: 20px; float: left; } div.white_box_big div.top { background:url(/images/ui/white_box_big_top.png) no-repeat left top; _background:url(/images/ui/white_box_big_top.gif) no-repeat left top; height: 7px; float: left; width: 100%; } div.white_box_big div.bottom { background:url(/images/ui/white_box_big_bottom.png) no-repeat left top; _background:url(/images/ui/white_box_big_bottom.gif) no-repeat left top; height: 7px; float:left; width:100%; width: 100%; } div.white_box_big div.wrapper { background:url(/images/ui/white_box_big_bg.png) repeat-y left top; _background:url(/images/ui/white_box_big_bg.gif) repeat-y left top; padding-top:10px; float: left; _margin-top:-10px; } div.white_box_big div.wrapper p.subhead_plain{ border-bottom-color:#ACACAC; border-bottom-style:dotted; border-bottom-width:1px; font-size:1.4em; line-height:1.17em; margin-top:12px; padding-bottom:10px; margin-bottom:10px; } div.white_box_big div.wrapper div.interior_content { padding: 30px;} div.white_box_big a.formButton.continue { background: url(/images/ui/btn_continue.png) no-repeat left top; _background: url(/images/ui/btn_continue.gif) no-repeat left top; width:78px; height: 26px; margin:15px 0px 10px 0px; border: none; cursor: pointer; } /************COMMMENTS*************/ /************COMMENTS SOURCE/TOPIC DETAIL************/ div.white_box div.wrapper.comments { padding-top: 5px; padding-left: 3px; } div.white_box div.wrapper.comments div.header { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; margin:0px; width:623px; border-bottom: 1px solid #adadad; padding-bottom: 0px; height: auto; } div.white_box div.wrapper.comments div.header h3 { font-size: 1.33em; font-weight: bold; color: #3f3f3f; padding-left: 15px; } div.white_box div.wrapper.comments div.comment_description { font-size: 1em; padding:15px; margin:0px; color: #3f3f3f; } div.white_box div.wrapper.comments div.comment_description p { font-size: 1em; margin:8px 0px; } div.white_box div.wrapper.comments div.comments_header { border-top:2px solid #f3f3f3; float: left; width: 623px; } div.white_box div.wrapper.comments div.comment_tools { float:left; height: auto; padding:8px 15px 8px 15px; width: 95%; } div.white_box div.wrapper.comments div.comment_tools span.addacomment, a.addReviewComment, a.login_add_comment { font-weight: bold; font-size:1.08em; float: left; } div.white_box div.wrapper.comments div.comment_tools span.addacomment a, a.addReviewComment, a.login_add_comment { background: url(/images/ui/tools/discussion.png) no-repeat left bottom; _background: url(/images/ui/tools/discussion.gif) no-repeat left bottom; height: 17px; padding-left: 22px; float: left; } div.white_box div.wrapper.comments div.comment_validation_message { padding: 10px 15px; } a.addReviewComment, a.login_add_comment { margin-right:4px; } a.discussion, a.new_discussion { background: url(/images/ui/tools/discussion.png) no-repeat left bottom; _background: url(/images/ui/tools/discussion.gif) no-repeat left bottom; height: 17px; padding-left: 20px; margin-left: 2px; } .quote_page a.new_discussion { font-weight: bold; margin-top:2px; } span.comment_count, a.comment_count, .count, span.review_comment_count { color: #acacac; font-size: .92em; font-weight: normal; } h3 span.comment_count { font-size: 80%; } div.white_box div.wrapper.comments div.comment_tools span#comment_filter, span.permalinkMenu { font-size: .92em; color: #666; font-weight: bold; text-align: center; margin-left: 120px; float: left; } div.white_box div.wrapper.comments div.comment_tools span.comment_showreplies { float: right; font-size: .92em; color: #666; font-weight: bold; background: none; display: inline; } div.white_box div.wrapper.comments div.comment_tools span.comment_showreplies a { float: right; font-size: .92em; font-weight: bold; background: none; width: auto; } div.white_box div.wrapper.comments #comment_thread { border-top:2px solid #f3f3f3; padding-top: 0px; float: left; width: 623px; } div.white_box div.wrapper.comments #comment_thread h4 { font-weight: bold; color: #666; text-align: center; } div.white_box div.wrapper.comments div.retrieving_comments{ float:left; width:630px; text-align:center; padding-bottom:10px; padding-top:10px; font-weight: bold; color: #666; } .comment.selectedComment, .review.comment.selectedComment { background-color:#fff9d0 !important; } .comment { clear:both; padding:0px; } .comment.new_comment, .comment.my_comment, .review.comment.my_comment { background-color:#F4F8FE; } .comment.new_comment, .review.comment.new_comment { background-color:#fff9d0 !important; } div.depth_1.comment.odd, div.depth_1.comment.even,div.depth_2.comment.odd, div.depth_2.comment.even,div.depth_3.comment.odd, div.depth_3.comment.even,div.depth_4.comment.odd, div.depth_4.comment.even,div.depth_5.comment.odd, div.depth_5.comment.even,div.depth_6.comment.odd, div.depth_6.comment.even,div.depth_7.comment.odd, div.depth_8.comment.even,div.depth_5.comment.odd, div.depth_8.comment.even { background-color: #f3f3f3;} .comment_container div.depth_0.comment.even { background-color: #fff; margin: 0px; } .comment_container div.depth_0.comment.odd { background-color: #ecf3fd; margin: 0px; } div.even { margin-bottom: 2px; *border-bottom:2px solid #ffffff; margin-right: 15px; } div.odd { margin-bottom: 2px; margin-right: 15px; } div.reviewComments { background-color:#fff; width:100%; clear:both; float:left; margin-top:0px; } div.reviewCommentsContainer { background-color:#fff; margin-top:10px; } div.reviewCommentHeader { margin:0 0 10px 0; } .toggleReviewComments { font-size:1.08em; font-weight:bold; } div.reviewCommentsContainer span.show_comments { background:url(/images/ui/mynews/icon_mynewsfilterarrow.png) no-repeat left top; width: 10px; height: 11px; float: left; margin:2px 2px 0px 3px; } div.reviewCommentsContainer span.hide_comments { background:url(/images/ui/mynews/icon_mynewsfilterarrow.png) no-repeat left bottom; height:10px; margin:2px 2px 0px 3px; width:10px; float: left; } div.white_box div.wrapper.comments #comment_thread .comment, #created_comments .comment { clear:both; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ADADAD; } .review.comment { clear:both; border-bottom: 2px solid #fff; margin:0px 0px 0px 15px; padding: 5px 10px 20px 5px; background-color:#f4f4f4; } div.white_box div.wrapper.comments div.comment_container { margin-left: 0px; } div.white_box div.wrapper.comments div.comment_container div.comment_text, .review.comment div.comment_text { float: left; margin:0px 0px 0px 0px; width: 86%; font-size: 1em; } div.white_box div.wrapper.comments div.comment_container div.comment_text h5, .review.comment div.comment_text h5 { font-size: 1.08em; margin-bottom:0px; color: #acacac;} div.white_box div.wrapper.comments div.comment_container div.comment_text div.comment_body p, .review.comment div.comment_text div.comment_body p { font-size: 1em; line-height: 1.33em; margin-bottom: 3px;} div.white_box div.wrapper.comments div.comment_container div.commentActions, .review.comment div.commentActions { margin-left: 54px; font-size: .92em; font-weight: bold; padding-top: 5px; } .review.comment div.commentActions { margin-left: 46px; } div.white_box div.wrapper.comments div.comment_container div.commentActions a, .review.comment div.commentActions a{ color: #6388C0; } div.white_box div.wrapper.comments div.comment_container div.commentActions div.permalink a, .review.comment div.commentActions div.permalink a { float: right; font-size: .8em; font-weight: normal; color: #acacac; text-transform: uppercase; margin-right: 0px; } div.white_box div.wrapper.comments div.comment_container .depth_0 div.commentActions div.permalink a { margin-right: 10px; _margin-top:-10px; } div.white_box div.wrapper.comments div.comment_container .depth_0 .comment_form { float: left; width: 570px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: 0px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container .depth_1 .comment_form { float: left; width: 545px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: -10px; _padding-left: 25px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container .depth_2 .comment_form { float: left; width: 505px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: -10px; _padding-left: 25px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container .depth_3 .comment_form { float: left; width: 465px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: -10px; _padding-left: 25px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container .depth_4 .comment_form { float: left; width: 425px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: -10px; _padding-left: 25px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container .depth_5 .comment_form { float: left; width: 385px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: -10px; _padding-left: 25px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container .depth_6 .comment_form { float: left; width: 385px; padding: 5px 15px 0px 15px; margin-bottom: 2px; margin-left: -10px; _padding-left: 25px; background-color: #f3f3f3; } div.white_box div.wrapper.comments div.comment_container #textile_support { background: none; border: none; margin: 0px; padding: 0px; width: auto; font-size: .92em; color: #666; } div.white_box div.wrapper.comments div.comment_container span.civil_note { color:#666666; float:left; font-size:0.92em; line-height:0.92em; padding:8px 0 5px 5px; width:85%; } div.white_box div.wrapper.comments div.comment_container .depth_4 .comment_form span.civil_note { padding:2px 0 5px 5px;} div.white_box div.wrapper.comments div.comment_container .depth_5 .comment_form span.civil_note { padding:2px 0 5px 5px;} div.white_box div.wrapper.comments div.comment_container .depth_6 .comment_form span.civil_note { padding:2px 0 5px 5px;} div.white_box div.wrapper.comments div.comment_container .submit_btn { margin-left:0px; } div.white_box div.wrapper.comments #new_comment #textile_support { background: none; border: none; margin: 0px; padding: 0px; width: auto; font-size: .92em; color: #666; } div.white_box div.wrapper.comments #new_comment { float: left; width: 593px; padding: 10px 15px 0px 15px; border-top: 2px solid #f3f3f3; margin-top: 15px; } div.white_box div.wrapper.comments #new_comment span.civil_note, div.reviewComments span.civil_note { color:#666666; float:left; font-size:0.92em; line-height:0.92em; padding:8px 0 5px 10px; width:85%; } div.reviewComments span.civil_note { width:75%; padding:3px 0 5px 20px; } div.white_box div.wrapper.comments #new_comment .submit_btn { margin-left:0px; } span.character_counter { font-size: .8em; color: #666; float:right; margin-right:35px; } #tweet_char_counter span.character_counter { *margin-top: -10px; *display:block; } div.likeable {} div.likeable ul { margin: 5px 5px 0px 0px;} p.comments_disabled { padding: 0px 0px 0px 15px; font-size: .92em; font-weight: bold; color: #666; } a.comment_log_in { font-weight: bold; padding: 15px 0px 15px 15px; font-size: 1.08em; display: block;} div.liked_comment { color:#acacac; font-size:0.92em; font-weight:bold; } .comment .notice { color:#acacac; font-size:0.92em; font-weight:bold; } div.liked_comment a { color: #6388C0; } div.liked_comment .likeable { font-weight: normal;} div.comments_permalink_nav { font-size: 1.08em; font-weight: bold; border-bottom:2px solid #F3F3F3; padding:10px 0 10px 15px;} .commentAvatar { float:left; padding-right:10px; } #comment_filter a.selected { color:#676767; text-decoration:none; } .showReplies { display:none; } .commentActions { clear:both; } .commentActions ul { margin:0; } .commentActions li { display:inline; padding-left: 4px; margin-right: 2px; border-left: 1px solid #6f6f6f; } .commentActions li.first { border:none; padding-left: 0px; } #comment_thread_pagination ul, div.paging.more_button ul{ margin:0; *padding:0 0 10px 0; } #comment_thread_pagination, div.paging.more_button { width: 100%; display: block; } #comment_thread_pagination ul.pagination a.comment_link, div.paging.more_button ul.pagination a.more_link { -moz-border-radius: 5px; -webkit-border-radius:5px; background:transparent url(/images/ui/comments_more.png) repeat-x scroll left top; border:1px solid #CCCCCC; font-size:0.92em; height:23px; margin-bottom:10px; padding-top:7px; text-align:center; width:590px; color: #385AC8; } #comment_thread_pagination ul.pagination a.comment_link:hover, div.paging.more_button ul.pagination a.more_link:hover { text-decoration: none; background:transparent url(/images/ui/comments_more_hover.png) repeat-x scroll left top; color: #385AC8 !important;} /* Add Comment Depth */ .depth_0{ margin:0px 15px 0px 15px;} .depth_1{ margin-left:40px;padding-left:10px;padding-right:10px; margin-right:15px;_margin-left:20px !important;_width:555px;_float:left;} .depth_2{ margin-left:80px;padding-left:10px;padding-right:10px;margin-right:15px;_margin-left:40px !important;_width:515px;_float:left; } .depth_3{ margin-left:120px;padding-left:10px;padding-right:10px;margin-right:15px;_margin-left:60px !important;_width:475px;_float:left; } .depth_4{ margin-left:160px;padding-left:10px;padding-right:10px;margin-right:15px;_margin-left:80px !important;_width:435px;_float:left; } .depth_5, .depth_6, .depth_7, .depth_8, .depth_9, .depth_10, .depth_11, .depth_12, .depth_13, .depth_14, .depth_15, .depth_16, .depth_17, .depth_18, .depth_19, .depth_20, .depth_21, .depth_22, .depth_23, .depth_24 { margin-left:200px;margin-right:15px;padding-left:10px;padding-right:10px;_margin-left:100px !important;_width:395px;_float:left; } .comment_form textarea { height:80px; width:94%; } /*****member comment page*****/ div.flat div.wrapper div.comment.article.member_activity { padding-bottom: 0px; width: 615px; } div.commentActions.permalink a { color:#ACACAC; float:right; font-size:0.8em; font-weight:normal; margin-right:0; text-transform:uppercase; margin-top: 15px; } div.comment_detail { float:left; font-size:1em; line-height:1.33em; padding-top:5px; width:100%; color: #666666; } div.comment_detail span.favicon { margin-left: 15px; } div.comment_detail div.byline span.favicon { margin-left: 0px; } div.flat div.wrapper div.comment_detail div.byline { padding-top: 4px; } div.comment_detail a.pubname { font-size: 1.17em; color: #385ac8; font-weight: bold; line-height: 1em; margin:0px; } div.comment_detail li h4.bottom { font-size: 1em; color: #385ac8; font-weight: bold; line-height: 1em; text-transform: none; padding-right: 10px; margin:0 15px 0 0px; } div.comment_detail h4.bottom, div.comment_detail h4.bottom.other { font-size: 1.17em; color: #385ac8; font-weight: bold; line-height: 1em; text-transform: none; padding-right: 10px; margin:0 15px 0 15px; } div.comment_detail h4.bottom.other { font-family:Georgia,Times,serif; margin:0 15px; } div.comment_detail .story_links { border-bottom: none !important; padding-bottom: 0px !important; } div.comment_detail .review_part.comment { border-bottom:1px dotted #ADADAD; margin-left:15px; padding-bottom:10px; padding-top:5px; width:600px; } div.comment_detail .review_part.comment p { font-size:1.17em; line-height:1.17em; margin:0 0 0 1px; padding-bottom:5px; padding-top:2px; width:90%; display: block; float:left; } div.member_profile div.comment_detail .review_part.comment div.member_comment { float:left; width:560px; } div.member_profile div.comment_detail .review_part.comment div.member_comment p { width:100%; float:none; } div.comment_detail .review_part.comment .bubble { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/ui/story_listings/comment_icon.png) no-repeat scroll left top; _background:transparent url(/images/ui/story_listings/comment_icon.gif) no-repeat scroll left top; color:#666666; float:left; height:22px; padding-bottom:5px; padding-left:28px; } div.related_comments { float:left; font-size:1em; font-weight:bold; line-height:1.33em; padding-top:5px; } /****FEATURED REVIEW WIDGET****/ div.featured_review {} div.featured_review a {color:#445eab;} div.featured_review div.header {border:none;font-weight: bold;padding: 0 10px 0 0;} div.featured_review > div.story > li {list-style: none;} div.featured_review h4.bottom {font-size:1.33em;font-weight: bold;padding:10px 0 0px 0;line-height: 1.08em;font-family: Georgia,Times,serif;} div.featured_review div.review {padding-top: 10px;} div.featured_review div.review div.review_detail img {float: left;padding-right: 10px;} div.featured_review div.review div.review_detail a.popup_link img {padding-right: 5px;} div.featured_review div.byline {height: auto;line-height: 1em;padding-top: 5px;} div.featured_review div.review div.review_detail span.reviewer_label {font-weight:bold; padding:0 0 5px 0px;display:block} div.featured_review div.review a.see_full_review {font-weight: bold;font-size: .92em;padding-top: 10px;float: left;} div.featured_review div.review .editorial_gray {display: block;float: left;font-size: .92em;padding: 10px 0 0 5px;} div.featured_review div.see_all_nt_reviews {display: block;padding-top: 10px;} div.featured_review div.review a.review {margin-top: -2px;margin-right: 5px;} div.featured_review div.review div.review_part.notes {margin-top: 10px;} div.featured_review div.review div.review_part.notes > p { background:url(/images/ui/story_listings/notes_icon.png) no-repeat scroll left top transparent; padding:0 0 0 25px; margin: 0; } div.featured_review div.review div.review_detail > div.small_note {font-size: .92em;font-weight: normal;color: #999999;padding-top: 10px;} div.featured_review div.review div.review_detail div.small_note span.you_cannot {display: block;width: 100%;float: left;} div.featured_review div.review div.review_detail span.rate_this {font-weight: bold;float: left;color:#3f3f3f;} div.featured_review div.review div.review_detail div.small_note div.meta_review_input {margin:-4px 0 0 -10px;;width: 54px;float:left;padding-right: 5px;} div.featured_review div.review div.review_detail div.see_full_review {display: block;width: 100%;float: left;} div.featured_review div.review div.review_detail div.see_full_review > a.see_full_review {padding-top: 5px;} div.featured_review div.review div.review_detail div.see_full_review > span.editorial_gray {padding-top: 5px;} div.featured_review div.review div.review_detail > div.small_note > div.reviews_processed {float: left;margin-top: 0px;} div.review_detail > div.small_note > div.meta_review_input div.rating_input {float: left;} div.review_detail > div.small_note > div.meta_review_input {float: left;} div.review_detail > div.small_note > div.meta_review_input div.input {float: left;width: 50px;} div.review_detail > div.small_note > div.rate_title span.rate_this {float: left;} div.review_detail > div.small_note > div.rate_title a.popup_link {float: left;} div.review_detail > div.small_note > div.meta_review_input div.clearfix {float: left;} div.review_detail > div.small_note > div.reviews_processed {float: left;margin-top: -2px;} /****SOURCE REVIEW****/ div.source_reviews{ width: 625px; margin: 15px 0 0 3px; display: block; float: left; } div.source_reviews ul { border-top: 1px solid #EEEEEE; list-style: none; margin: 0px; *clear:both; *float:left; } div.source_reviews li.source_review { border-bottom: 1px solid #EEEEEE; margin: 0px; padding:15px; float: left; width: 593px; } div.source_reviews li.source_review.my_review{background-color:#f5f9ff;} div.source_reviews li.source_review > div.member_photo { width: 40px; height: 40px; float: left; padding-right: 5px; } div.source_reviews li.source_review > div.meta_info { display: block; float: left; width: 545px; font-weight: bold; padding-top: 5px; color: #999999; } div.source_reviews li.source_review > div.review_part { display: block; float: left; background:url(/images/ui/story_listings/notes_icon.png) no-repeat scroll left top transparent; padding:0 0 0 27px; margin: 10px 0 0 0; min-height: 22px; width:570px; font-size: 1.08em; } div.source_reviews li.source_review > div.review_part.topics { background:url(/images/ui/icon_storage.png) no-repeat scroll left top transparent; font-size: 1em; } div.source_reviews #source_review_rating.ratings_top { margin:0px 15px 15px 15px; border: 1px solid #cccccc; padding: 10px; } div.source_reviews #source_review_rating.ratings_top div.trust_good {margin-left: 10px;width: auto;} div.source_reviews #source_review_rating.ratings_top span.very_good {width:auto;padding:5px 10px 0 10px;} div.source_reviews #source_review_rating.ratings_top div.ratingLabel { padding-bottom:3px; white-space: nowrap; } div.source_reviews div.ratings_top div.from_reviews { font-size:.92em; width:auto; margin-top:4px; } div.source_reviews div.ratings_top div.from_reviews span.help_link { border-top:none; margin-top:0px; padding-top:8px; float: none; width: auto; } div.source_reviews div.ratings_top span.review_link { display: block; float: left; font-weight: bold; margin: 5px 0 0 0px; width: 100%; } /** story review form, source review form & submit form save feedback */ .processing_form_msg { display:none; float:left; font-weight:bold; color: #399800; } /****SOURCE REVIEW FORM****/ #source_review_form { margin: 15px 15px 0px 15px; padding:15px; float: left; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#f5f9ff; border: 1px solid #cccccc; float: left; width: 565px; } div.source_review_form div.warning { display: block; float: left; margin: 10px 0 0 0; } #source_review_form > div.member_photo { width: 40px; height: 40px; float: left; padding-right: 5px; } #source_review_form > div.review_this_source { display: block; float: left; width: 520px; font-weight: bold; } #source_review_form > div.review_this_source > h2 { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 1.33em; font-weight: bold; padding: 0 0 5px 0; margin: 0px; } #source_review_form > div.review_this_source > h3 { font-weight: bold; font-size: 1.083em; } #source_review_form > div.review_this_source > p.editorial_gray {margin-bottom: 0px;} #source_review_form div.form_field { display: block; float: left; width: 500px; background-color: #ffffff; border: 1px solid #cccccc; margin-top: 15px; padding: 0 10px 10px 10px; width: 545px; } #source_review_form div.form_field h3 { font-size: 1.167em; font-weight: bold; padding-top: 10px; clear: both; } #source_review_form div.form_field span.subquestion {clear: both;} #source_review_form div.form_field div.question {clear: both;} #source_review_form div.form_field div.question > span {float: left;} #source_review_form div.form_field div.question > a {float: left;} #source_review_form div.form_field div.question > div.rating { float: left; height: 20px; margin: -5px 0 0 15px; padding-bottom: 0; } #source_review_form div.form_field > input, textarea {width: 535px;height: 75px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color: #3f3f3f;font-size: 1em;margin-bottom: 0px; } #source_review_form span.submit {color: #999999;font-weight: bold;float: left;display: block;margin:20px 0 0 0;width: 100%;} #source_review_form span.submit a {color: #999999;} #source_review_form span.submit input.save_button{ background: url(/images/ui/toolbar/btn_save.png) no-repeat left top; width: 51px; height: 26px; border: none; float: left; margin-right: 7px; margin-top: -5px; } #source_review_form div.submit input.save_button:hover{background: url(/images/ui/toolbar/btn_save.png) no-repeat left bottom;} #source_review_form div.submit > span {padding:5px 0 0 0;display: block;} #source_review_form div.batch_autocomplete div.add {margin-top: 5px;} #source_review_form div.expertise {} #source_review_form div.expertise div.expertise_list {padding:5px 0 5px 0px;} #source_review_form div.expertise a:hover {color:#3a9800;text-decoration: none; } #source_review_form div.expertise a.selected { background: url(/images/ui/icon_source_review_selected.png) no-repeat left 2px; padding-left: 14px; color: #3a9800; } #source_review_form div.expertise a.selected:hover { background: url(/images/ui/icon_source_review_remove.png) no-repeat left 2px; padding-left: 14px; color: #d36064; } div.source_reviews a.more { display: block; float: left; font-size: 1.17em; font-weight: bold; padding: 10px 0 0 15px; } div.leftalign.status label {padding-top: 10px;} div.leftalign.status select {margin:8px 0 0 0;} p.source_disclaimer {font-style: italic;font-size: 10px} span.add_your_two_cents {font-weight: bold;} h2.medium_name { font-size:1.5em; font-weight:bold; margin-bottom:10px; } /** * forms.css * * Basic form styles, popup form styles, buttons, error messages, * and a few specific form styles at the bottom. */ /** * Basic layout styles */ form input.title { font-size: 125%; font-weight: bold; } input.prompt { color: #666; } div.sel div.content { display: block; } .disclosable_content { display: none; } .comment_form input { margin:0 !important; } div.indent { padding-left: 1em; clear: left; } div.indent input { float: left; } label.inline { display: inline-block; font-weight: normal; } div.floatleft { font-weight: bold; float: left; width: 210px; } .edit_buttons { width: 100%; float: left; *margin-bottom:20px; margin-bottom:10px; margin-top: 15px; } /** * Blue/grey chrome buttons */ a.formButton { display: block; width: 120px; height: 24px; text-decoration: none; color: #3a3a3a; } a.formButton:hover { text-decoration: none; color: #3a3a3a; } a.formButton span { display: block; width: 120px; height: 24px; } a.formButton span.text { text-align: center; padding-top: 3px; font-weight: bold; height: 19px; cursor: pointer; } /* make the actual 'submit' image practically invisible... */ /* see FormHelper.submit_button */ a.formButton span.text input { width: 1px; height: 1px; border: none; position: absolute; top: -100px; } a.formButtonProcessing, a.formButtonProcessing:hover { color: #999; } a.formButton { background: url('/images/ui/btn-m.gif') repeat-x } a.formButton span.lbar { background: url('/images/ui/btn-l.gif') no-repeat left top } a.formButton span.rbar { background: url('/images/ui/btn-r.gif') no-repeat right top } a.formButtonProcessing, a.formButtonSecondary, a.formButton:hover { background-position: left bottom } a.formButtonProcessing span.lbar, a.formButtonSecondary span.lbar, a.formButton:hover span.lbar { background-position: left bottom } a.formButtonProcessing span.rbar, a.formButtonSecondary span.rbar, a.formButton:hover span.rbar { background-position: right bottom } /* search box too bigg... */ div.topbar a.formButton { width: 80px; } div.topbar a.formButton span { width: 80px; } /** * Popup Forms */ div.popup_form { width: 375px; background-color: #ffffff; } div.form_field { margin-bottom: 2px; /* clear: left;*/ } .form label { font-weight: bold; display: block; margin: 3px 0; color: #333; } .form label.story_url { float: left; } .form label.not_required { font-weight: normal } .form label span.explanation { margin-left: 3px; } .leftalign { padding: 5px; } .leftalign label { width: 70px; float: left; margin-right: 10px; } .leftalign .input { clear: none; border: none; float: left; font-size: 100%; width: 220px; } .shorteditlabel { width: 70px; float: left; font-weight: bold; display: block; margin: 3px 4px 0; color: #333; } label.newssub { display:inline; float:left; margin-top:1px; margin-bottom:7px; width:113px; font-weight:normal; line-height: 1.4em; } div.span-14 label.newssub { margin-top:-1px; margin-bottom:9px; } /* entry_form - type of popup_form? */ .entry_form input { margin-left:0; } div.popup_form form.entry_form div.form_field { height: 3em; } div.popup_form form.entry_form div.form_field label { width: 125px; } div.popup_form form.entry_form div.form_field input { width: 185px; /* should be 195px but IE6 is blowing that up */ font-size: 1.2em; padding: 2px 1px; margin: 0; } div.popup_form form.entry_form div.form_field input.check, input.check { display: inline; width: 1.5em; border: none; position:static; } .form textarea { width: 300px; height: 6em; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 11px; } .form textarea#review_comment, .form textarea#review_personal_comment { height: 12em; } /* tabbed box in review form... override tab things */ div.review_form_tabbed_box { background-color:#FFFFFF; display:block; float:left; margin-bottom:0.8em; padding-top:15px; width:auto; } div.review_form_tabbed_box div.tab_num_4 ul.tabs li span { width: 79px; } div.review_form_tabbed_box div.tab_num_4 ul.tabs li.firstTab span { width: 78px; } div.review_form_tabbed_box div.content { border: solid 1px #bababa; border-top: 0; padding: 3px; padding-top: 0px; width: 315px; background-color: #ffffff; margin-top: 0px; } div.review_form_tabbed_box div.bottom { /* background: url('/images/ui/form-col_btm.gif') no-repeat top;*/ /* height: 4px;*/ /* font-size: 4px;*/ } div.review_form_tabbed_box textarea { width: 290px; } div.popup_form div.story_relation, div.popup_form div.excerpt { border-bottom: 1px solid #ccc; padding: 5px; margin-bottom: 3px; } div.popup_form div.review_form_tabbed_box div.sel { background: none; } select#review_form_version, select#member_preferred_edit_form_version { float: right; width: 120px; font-size: 80%; margin-right: 5px; margin-top: 8px; } /* the review form also has an overall rating which is controlled by an ajax call */ div#overall_rating { width: 106px; height: 13px; font-size: 10px; color: #666; float: right; margin-right: 5px; } div.popup_form div#overall_rating { margin-right: 20px; } .button_footer .help { float: right; font-weight: bold; margin-top: 7px; } .button_footer .help a.quiet, .button_footer .help span.quiet { color: #acacac; } /** * Login/signup */ div.other_login_option { background-color: #F3F6FD; margin: 15px 0px 0px 0px; padding: 10px; width: 330px; /* margin-left: 10px;*/ } div.other_login_option div.question { width: 220px; float: left; line-height: 1.4em; } .login_btn { background: url(/images/ui/btn_login.png) no-repeat left top; _background: url(/images/ui/btn_login.gif) no-repeat left top; width:61px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer;} .signup_btn { background: url(/images/ui/btn_signup.png) no-repeat left top; _background: url(/images/ui/btn_signup.gif) no-repeat left top; width:70px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer;} .submit_btn { display: block; background: url(/images/ui/toolbar/btn_save.png) no-repeat left top; _background: url(/images/ui/toolbar/btn_save.gif) no-repeat left top; width:51px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: left; } .submit_btn:hover { display: block; background: url(/images/ui/toolbar/btn_save.png) no-repeat left bottom; _background: url(/images/ui/toolbar/btn_save.gif) no-repeat left bottom; width:51px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: left; } .update .submit_btn { display: block; background: url(/images/ui/toolbar/btn_update.png) no-repeat left top; _background: url(/images/ui/toolbar/btn_update.gif) no-repeat left top; width:78px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: left; } .update .submit_btn:hover { display: block; background: url(/images/ui/toolbar/btn_update.png) no-repeat left bottom; _background: url(/images/ui/toolbar/btn_update.gif) no-repeat left bottom; width:78px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: left; } .submit .submit_btn { display: block; background: url(/images/ui/btn_submit.png) no-repeat left top; _background: url(/images/ui/btn_submit.gif) no-repeat left top; width:70px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: left; } .submit .submit_btn:hover { display: block; background: url(/images/ui/btn_submit.png) no-repeat left bottom; _background: url(/images/ui/btn_submit.gif) no-repeat left bottom; width:70px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: left; } .new_member .submit_btn { display: block; background: url(/images/ui/btn_signup.png) no-repeat left top; _background: url(/images/ui/btn_signup.gif) no-repeat left top; width:70px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; float: none; } .donate_btn { background: url(/images/ui/btn_donate.png) no-repeat left top; _background: url(/images/ui/btn_donate.gif) no-repeat left top; width:78px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; display: block; } .donate_btn:hover { background: url(/images/ui/btn_donate.png) no-repeat left bottom; _background: url(/images/ui/btn_donate.gif) no-repeat left bottom; width:78px; height: 26px; margin:0px 0px 10px 5px; border: none; cursor: pointer; display: block; } /** * Submit form */ p.holster { margin: 0; padding: 0; } /** * tfoot? */ /*tfoot input { margin-top: 1.5em; padding: 0.425em; } tfoot input:hover, tfoot input:focus { border: 0.1em solid #ccc; background-color: #efefef; }*/ /** * Rails Error Messages */ .fieldWithErrors input { background-color: #fff3a4; } .errorExplanation { display:block; margin-top: 1em; padding: 10px 10px 10px 35px; background: #fff3a4 url('/images/icons/exclamation.png') no-repeat 10px 13px; border: 1px solid #f8c945; color: #b50b05; font-weight: bold; } .errorExplanation h2 { text-align: center; margin-bottom:1.0em; } .errorExplanation p { padding: 0 10px; font-size: 1.1em; } .errorExplanation ul { list-style:none; margin: 0; padding: 0; } .errorExplanation li { padding:5px; } /** * Blueprint overrides */ .error, .notice, .success { border-width: 1px; } .comment .notice { border:none; margin:0; padding:0; } p.loading { margin: 50px; font-size: 1.4em; color: #999; } /** * Textile Explainations */ #textile_support { width: 350px; border: 1px solid #eaeaea; background-color: #ffffcc; margin: 0.5em 0; padding:0.4em; } #textile_support_open td { border: 1px solid #ffffcc; border-top: 1px solid #333; margin-top:0.5em; padding-top:0.5em; } #textile_support_open .heading { background-color: #eeeeaa; text-align:center; font-weight: bolder; } #textile_support_open .no_border { border:none; } #textile_support_closed, #textile_support_open { display: none; } #textile_support .open { display: block; } /** * Send To Friend Form */ #send_to_friend_form { background-color: #fff; font-size:8pt; position: absolute; margin-top:5px; } #share_form #send_to_friend_form { position: relative; } #send_to_friend_form #heading { font-size: 12px; padding-left: 10px;} #send_to_friend_form #title { font-size: 14px; padding:5px 10px 0px 10px; font-weight: bold; } #send_to_friend_form .wrapper, #send_to_friend_form #form_results { display: none; } #share_form #send_to_friend_form .wrapper { display: block; _float:left; } #send_to_friend_form .wrapper { padding: 10px 10px 40px 10px; height: auto; width:300px; } #send_to_friend_form #error_results, #send_to_friend_form #warning_results, #send_to_friend_form #notice_results { cursor:pointer; border: 1px solid #ebdfb0; background-color: #fff4c8; color: #000; text-align: center; padding: 2px; display:none; margin-bottom: 5px; } #send_to_friend_form #error_results { border: 1px solid #ebb0b0; background-color: #ffc8c8; } #send_to_friend_form #notice_results { border: 1px solid #b0ebb0; background-color: #c8ffcb; } #send_to_friend_form input, #send_to_friend_form textarea { border: 1px solid #bababa; width:133px; } #send_to_friend_form textarea { height:60px; width: 250px; margin:0px 0px 15px 0px; } #send_to_friend_form .row input,#send_to_friend_form .row textarea, #send_to_friend_form .row p { float:left; color: #3f3f3f; } #send_to_friend_form .note { width:146px; display:block; clear:both; } #send_to_friend_form .note, #send_to_friend_form #send_to_friend_form_submit { margin-left: 40px; width: 250px; margin-top: 0px; } #send_to_friend_form #send_to_friend_form_submit {width: 55px;} #send_to_friend_form #form_results { cursor:pointer; } #send_to_friend_form #form_results dt { font-weight:bolder; padding: 0 5px; } #send_to_friend_form .note, #send_to_friend_form #form_results { background-color: #ffffcc; } #send_to_friend_form .row { clear:both; } #send_to_friend_form .row a { margin-top: 5px; display: block; float: left;} #send_to_friend_form .label { width: 40px; font-weight: bold; text-transform: uppercase; color: #acacac; font-size: 1em; } /** * Edit Profile */ .form_profile_line { padding-bottom: 1.2em; clear: right; } .form_profile_line .fields { margin-top: 6px; width: 380px; float: right; text-align: right; } .form_profile_line .fields input, .form_profile_line .fields select { margin-right: 65px; } .form_profile_line .fields .show_box input { margin-right: 0; } .edit_profile .tabSubHeader { position: relative; color: #333; clear: both; } .show_box { position: relative; top: 4px; } .edit_profile .tabSubHeader label, .show_box label { font-weight: normal; color: #999; position: absolute; top: 0; right: 22px; _right: 27px; font-size: 10px; } .edit_profile .tabSubHeader input, .show_box input { position: absolute; right: 0; _right: 5px; top: -5px } .edit_profile .fields { font-size: 0.9em; color: #666; padding-left: 10px; margin-bottom: 2em; } .edit_profile .section { font-weight: bold; padding-left:0.25em; } .edit_profile .fields input.text, .edit_profile .fields textarea { width: 500px; } .edit_profile .split { margin-bottom: 3.5em; } .edit_profile .split p { float: left; width: 300px; } .edit_profile .split select { float: right; } input#send_to_friend_form_submit { background: url(/images/ui/toolbar/btn_send.png) no-repeat left top; _background: url(/images/ui/toolbar/btn_send.gif) no-repeat left top; width: 69px; height: 26px; border: none; margin-bottom: 15px; } input#send_to_friend_form_submit:hover { background: url(/images/ui/toolbar/btn_send.png) no-repeat left bottom; _background: url(/images/ui/toolbar/btn_send.gif) no-repeat left bottom; width: 69px; height: 26px; border: none; margin-bottom: 15px; } .edit_story div.related_story { margin-bottom: 15px; } .edit_story div.related_story div { margin-left: 20px; } form.edit_subscription { margin: 0 0 0 20px; } form.edit_subscription input[type="checkbox"], form.edit_subscription input[type="radio"], form.edit_subscription input.checkbox, form.edit_subscription input.radio { position: relative; top: 0em; } /** * interaction.css * * styles for all interactive/ajax/jQuery-instantiated elements, plus misc server response boxes */ /** * TABS * see also jquery.tabbed_content.js */ div.tabHeader { float: left; width: 120px; height: 24px; color: #666; font-size: 13px; /* 12px? */ font-weight: bold; background: url('/images/ui/cont-tabs-none.gif') repeat-x; } div.tabHeader div { margin-top: 5px; } ul.tabs { margin: 0; padding: 0; list-style-type: none; } ul.tabs li { float: left; } ul.tabs li a { display: block; font-size: 13px; color: #333; text-decoration: none; font-weight: normal; } ul.tabs li a:hover, ul.tabs li a:active { text-decoration: none; color: #333; } ul.tabs li a.sel { color: #666; font-weight: bold; } ul.tabs li span { display: block; width: 143px; height: 23px; } ul.tabs li span small { font-size: 85%; } /* all the background image management for three tab states with variable-width tabs. */ ul.tabs li a { font-weight: bold; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; font-size: .92em; color: #385AC8; background-color: #f6f6f6; border-bottom: 1px solid #bebebe; } ul.tabs li a span.lbar { } ul.tabs li.firstTab a span.lbar { background-position: -1px top } ul.tabs li a span.rbar { } ul.tabs li a:hover { background-position: left center } ul.tabs li a:hover span.lbar { background-position: left center } ul.tabs li.firstTab a:hover span.lbar { background-position: -1px center } ul.tabs li a:hover span.rbar { background-position: right center } ul.tabs li a.sel:hover, ul.tabs li a.sel {} ul.tabs li a.sel:hover span.lbar, ul.tabs li a.sel span.lbar { background-position: left bottom } ul.tabs li.firstTab a.sel:hover span.lbar, ul.tabs li.firstTab a.sel span.lbar { background-position: -1px bottom } ul.tabs li a.sel:hover span.rbar, ul.tabs li a.sel span.rbar { background-position: right bottom } ul.tabs li span.text { text-align: center; padding-top: 5px; height: 19px; } ul.tabs li a span.text { cursor: pointer; } ul.tabs li a.sel { font-weight: bold; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; font-size: .92em; color: #3f3f3f; background-color: #ffffff; border-bottom: none; height: 24px; overflow: visible; } /* tabs */ div.tab_num_2 ul.tabs li span { width: 313px } div.tab_num_3 ul.tabs li span { width: 208px } /*div.tab_num_3 ul.tabs li.firstTab span { width: 209px }*/ div.tab_num_4 ul.tabs li span { width: 155px } div.tab_num_4 ul.tabs li.firstTab span { width: 157px } div.tab_num_5 ul.tabs li span { width: 110px } div.tab_num_6 ul.tabs li span { width: 103px } /*div.tab_num_6 ul.tabs li.firstTab span { width: 90px }*/ div.content { padding: 10px; clear: left; } div.tabbedContent { display: none; } div.tabbedContent a { font-weight: bold; font-size: .92em; } div.tabbedContent a.small { font-weight: bold; font-size: .8em; } div.sel { display: block; } /** * show_review_part */ /** * AUTOCOMPLETE * Overrides for the tool in jquery.autocomplete.js */ .ac_input { } .ac_results, .mynews_ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; z-index: 1500; } .ac_results ul, .mynews_ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe, .mynews_ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li, .mynews_ac_results li { border-top: 1px solid #ababab; margin: 1px; padding: 3px 10px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_results strong, .mynews_ac_results strong { background-color: #eee; } .ac_results .ac_over strong, .mynews_ac_results .ac_over strong { background-color: #7783ef; } .ac_loading { background: url('/images/ui/indicator.gif') right center no-repeat; } .ac_over { background-color: #5561cf; color: #eee; } /** * BATCH AUTOCOMPLETE * See also jquery.batch_autocomplete.js */ div.batch_autocomplete { width: 238px; } div.batch_autocomplete ul.selections { list-style: none; padding: 0; margin: 0; font-size: 110%; } div.batch_autocomplete ul.selections li { background-color: #f0f0f0; border: 1px solid #ccc; padding: 3px 8px; margin: 2px 0; } div.batch_autocomplete ul.selections li.del { background: #fdd url('/images/icons/cross.png') no-repeat 240px center; cursor: pointer; cursor: hand; } div.batch_autocomplete ul.selections li.in_taxonomy { font-weight: bold; } div.batch_autocomplete input { width: 205px; } div.batch_autocomplete div.add { float: right; margin-right: 2px; width: 16px; height: 22px; background: url('/images/icons/add.png') no-repeat left center; cursor: pointer; cursor: hand; } /** * STORY LOOKUP * see app/views/stories/_lookup.html.erb & jquery.story_lookup.js */ .story_lookup input { width: 290px; font-size: 11px; } .story_lookup input.prompt { color: #999; } /** * Status messages, now used outside story_lookup */ .status { float: right; } .status div { margin: 5px 5px 0 0; width: 16px; height: 16px; } .status .go { background: url(/images/icons/bullet_go.png) no-repeat left top; cursor: pointer; cursor: hand; } .status .post { background: url(/images/ui/nav/nt_post_story_btn_post.png) no-repeat left top; cursor: pointer; cursor: hand; height: 25px; width: 47px; } .status .loading { background: url('/images/ui/indicator.gif') no-repeat left top; } .status .done { background: url('/images/icons/tick.png') no-repeat left top; } .status .error { background: url('/images/icons/cross.png') no-repeat left top; /* zero out blueprint CSS... should prob just choose other classnames! */ margin: 0; padding: 0; border: none; } /** * RATING INPUT * * Clickable rollover chiclets so the user can review stories; also used for source reviews & metareviews. * Some styles depend on popup_form so that they only apply to the basic (story) review form case * * See also app/views/reviews/_rating_input.html.erb & jquery.rating_input.js */ .rating_input { /* font-size: 90%;*/ padding: 5px; clear: left; margin: 0.2em 0; } div.rating_input_sel { background-color: #F3F6FD; } /* question */ .rating_input .question { width: 230px; float: left; color: #333; } .rating_input .question label { font-weight: normal; margin: 0; width: 240px; padding-left: 0px; } .rating_input .question .subquestion { font-size: 90%; height: 12px; padding-left: 5px; } .rating_input select { float: right;} /* input */ .rating_input .input { width: 100px; _width: 50px; float: left; } .rating_input .input .starselect { margin: 0; padding: 0; } .rating_input .input .starselect a { display: block; width: 16px; height: 13px; line-height: 13px; /* must be equal to height for IE6 */ float: left; text-decoration: none; } .rating_input .input .starselect a.star { background: url('/images/ui/star-select.png') no-repeat left top; _background-image: url('/images/ui/star-select.gif'); } /* and bullet selection like starselect above, for meta_reviews */ .rating_input .input .bulletselect a.star { width: 10px; height: 9px; line-height: 9px; /* must be equal to height for IE6 */ background: url('/images/ui/bullet-select.gif') no-repeat left top; } .rating_input .input .starselect a.sel { background-position: left bottom; } .rating_input .input .starselect a.clear_stars { background: url('/images/ui/star-clear.png') no-repeat left top; _background-image: url('/images/ui/star-clear.gif'); } .rating_input .input .starselect a.clear_stars:hover { background-position: left bottom } .rating_input .input .rating_labels { font-size: 85%; color: #666; width: 85px; text-align: center; } .rating_input .input .rating_labels span { display: none; } /* description */ .rating_input .description { font-size: 90%; clear: both; background-color: #F9FAFF; padding: 2px; color: #666; margin-top: 0.8em; display: none; } /** * For member name ajax lookup on Sign Up form * See members.js */ #name_result { padding: 0.6em 1.0em 0.6em 2.5em; margin: 0.3em 0; width: 145px; *padding-top:5px; *margin-top:-3px; } .name_available { background: url('/images/icons/tick.png') 5px center no-repeat; border: 1px solid #b0ebb0; background-color: #c8ffcb; } .name_unavailable { background: url('/images/icons/delete.png') 5px center no-repeat; border: 1px solid #ebb0b0; background-color: #ffc8c8; } /** * FLASH * the Railsy pale boxes that show up at the top of the page after the user submits a form. */ .flash_notice, .flash_error, .flash_warning { border: 1px solid #ebdfb0; background-color: #fff4c8; color: #000; font-size: 1.14em; text-align: center; padding: 5px; margin-bottom: 0.5em; } .flash_error { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#beff95; border:1px solid #CCCCCC; color:#666666; font-size:1.14em; font-weight:bold; text-transform:uppercase; background-color: #ffc8c8; float: left; width: 940px; *margin-top:-50px; } .flash_notice { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #BEFF95; border: 1px solid #CCCCCC; color: #666666; font-size: 1.14em; font-weight: bold; margin-top: 2px; position: absolute; text-transform: uppercase; width: 940px; *margin-top:-35px; } .flash_warning { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff4c8; border: 1px solid #CCCCCC; color: #666666; font-size: 1.14em; font-weight: bold; margin-top: 2px; position: absolute; text-transform: uppercase; width: 940px; *margin-top:-50px; } .flash_notice a, .flash_error a, .flash_warning a { color: #01a163; border: none !important; } .flash_notice h2 { font-size:1.5em; font-weight:bold; } .popup_form .flash_notice, .popup_form .flash_error, .popup_form .flash_warning { font-size: 1.2em; } .warning { padding: 5px 8px 5px 8px; margin-top: 6px; margin-bottom: 0.5em; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff4c8; border: 1px solid #CCCCCC; color: #666666; font-size: 1.0em; font-weight: bold; } /** * Generic interaction * not sure how many of these are still being used... */ .error, .red { color: #b50b05; /* #FF831F; */ font-weight: bold; } .alert { font-weight: bold; text-decoration: none; color: #FF831F; } .guess, .updated { background-color: #ffc; } .right_column_box .updated { padding: 0; border: none; } /** * Tooltips */ .tooltip { display:none; width:275px; padding:10px; color:#3f3f3f; font-weight:normal; font-size:1em; opacity: 1.0; filter: alpha(opacity=100); z-index:500; *z-index:500 !important; border: 1px solid #adadad; background-color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow:3px 3px 3px #999999; -moz-box-shadow:3px 3px 3px #999999; box-shadow:3px 3px 3px #999999; *overflow:visible; } .tooltip .tooltip_wrapper { background: transparent url('/images/ui/toolbar/tooltip_arrow.png') no-repeat right center; /* *background: transparent url('/images/ui/toolbar/tooltip_arrow.png') no-repeat 295px center;*/ *background:none; padding-right: 31px; float:right; margin:0 -20px 0 0; *margin:0 -20px 0 0; padding-right:20px; *padding-right:20px; *display:block; *height:auto; *overflow:visible; *width: 275px; } .tooltip .tt_head { font-weight: bold; font-size: 1.1em; } .tooltip .tt_subhead { font-weight: bold; } #rating_inputs .form_header h3 { font-size:1.14em; font-weight:bold; padding-bottom:0; } /** * listings.css * * Several types of listings: * - Story listings on home page, topic/source listings, full story listings & all associated header type styles. * - review listings on story page * - misc listings (search results, comments) * - rating listings * Trustometer styles also included here. */ /** * Buttons & Tools */ a.review { background: url(/images/ui/tools/nt_review_btn_small.png) no-repeat left top; _background: url(/images/ui/tools/nt_review_btn_small.gif) no-repeat left top; width:45px; height: 20px; float: left; margin:0px 2px 0px 0px; } a.review:hover { background: url(/images/ui/tools/nt_review_btn_small.png) no-repeat left bottom; _background: url(/images/ui/tools/nt_review_btn_small.gif) no-repeat left bottom; width:45px; height: 20px; float: left; margin:0px 2px 0px 0px; } /* just for review links!! TODO: use this general "on" state for all buttons */ a.on{ background-position: left -20px; } a.on:hover{ background-position: left -20px; } a.save_link { /*background:url(/images/ui/tools/nt_icon_thumb.png) no-repeat left bottom; padding-left: 17px;*/ color:#385AC8; } a.editorial { /*background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left bottom; padding-left: 17px;*/ color:#385AC8; } .article a.share { /*background:url(/images/ui/tools/nt_icon_share.png) no-repeat left bottom; padding-left: 17px;*/ color:#385AC8; } a.rss { background: url(/images/ui/tools/rss.png) no-repeat left bottom; _background: url(/images/ui/tools/rss.gif) no-repeat left bottom; padding-left: 15px;} /* currently not using 'See Reviews' button */ a.see_reviews { float:left; background: url(/images/ui/tools/btn_see_reviews.png) no-repeat left top; _background: url(/images/ui/tools/btn_see_reviews.gif) no-repeat left top; height:24px; margin-top:1px; width:91px; } a.see_reviews:hover { background: url(/images/ui/tools/btn_see_reviews.png) no-repeat left bottom; _background: url(/images/ui/tools/btn_see_reviews.gif) no-repeat left bottom; } a.reviews_large { float:left; background: url(/images/ui/tools/btn_reviews_large.png) no-repeat left top; _background: url(/images/ui/tools/btn_reviews_large.gif) no-repeat left top; height:24px; margin-top:0px; width:69px; } a.reviews_large:hover { background: url(/images/ui/tools/btn_reviews_large.png) no-repeat left bottom; _background: url(/images/ui/tools/btn_reviews_large.gif) no-repeat left bottom; } a.reviews_btn { float:left; background: url(/images/ui/tools/btn_reviews_small.png) no-repeat left top; _background: url(/images/ui/tools/btn_reviews_small.gif) no-repeat left top; height:22px; margin-top:0px; width:56px; } a.reviews_btn:hover { background: url(/images/ui/tools/btn_reviews_small.png) no-repeat left bottom; _background: url(/images/ui/tools/btn_reviews_small.gif) no-repeat left bottom; } /** * Story Listings */ .tabbedContent ul.stories h4.bottom { font-size: 18px;} ul.stories { list-style-type: none; margin: 0; padding: 0; } ul.stories li { width: 528px; line-height: 1.4em; margin-bottom: 3em; clear: left; display: block; } ul.stories li.noListings { color: #999; padding: 1em 30px; width: 468px; } ul.stories li.oddRow { background-color: #eee; } ul.stories li div.feed_attribution { font-size : 90%; } ul.stories li div.feed_attribution a, ul.stories li div.feed_attribution span { color : #888; } /*****Featured Carousel*****/ /*****FC Global******/ div.carousel { background-color: #ffffff; height: 280px; background: url("/images/ui/story_listings/bg_box_shadow_rounded.png") repeat-y scroll left top transparent; float: left; padding-top: 5px; width: 630px; padding: 10px 0 0 0; } div.featured_story {float: left;} div.featured_story div.stage_left {} div.carousel_bottom { background: url("/images/ui/bg_box_shadow_rounded_bottom_car.png") no-repeat scroll left top transparent; float: left; height: 35px; width: 100%; } div.carousel_navigation_wrapper {width: 195px;margin: -6px auto 0; text-align: center;display: block;height: 25px;} div.navi { bottom: 0; display: block; height: 25px; text-align: center; width: auto; padding: 5px 0 0 0; float: left; } div.navi a { background: url("/images/ui/carousel_tabs.png") no-repeat scroll left -99px transparent; float: left; height: 25px; width: 24px; } div.navi a:hover {background: url("/images/ui/carousel_tabs.png") no-repeat scroll left -49px transparent;} div.navi a.active {background: url("/images/ui/carousel_tabs.png") no-repeat scroll left top transparent;} a.prev {background: url("/images/ui/carousel_tabs.png") no-repeat scroll left -163px transparent; float: left; height: 25px; width: 24px; display: inline; padding-right: 2px; cursor: pointer; } a.prev:hover {background: url("/images/ui/carousel_tabs.png") no-repeat scroll left -224px transparent;} a.next { background: url("/images/ui/carousel_tabs.png") no-repeat scroll left -131px transparent; float: left; height: 25px; width: 24px; display: inline; cursor: pointer; } a.next:hover {background: url("/images/ui/carousel_tabs.png") no-repeat scroll left -192px transparent;} .featured_story .stage_left .featured_story {width: 630px;padding-top: 5px;} a.read_more {font-size: 1em;color: #385AC8;font-weight: bold;display: block;padding-top: 10px;} .carousel .items div.carousel_item {float: left;width: 630px;} .carousel .items div.carousel_item .featured_image {padding-left: 3px;} .carousel .items div.carousel_item .row2 {display: none;} div.carousel_share_tools { display: block; float: left; margin-left: 8px; margin-right: 15px; margin-top: 15px; width: 195px; } div.carousel_share_tools > span { display: block; font-size: 1em; font-weight: bold; padding-bottom: 0px; color: #999999; padding-left: 5px; text-transform: uppercase; } .carousel .items div.carousel_item div.carousel_share_tools > div.row2 { width: auto; display: block; } .carousel .items div.carousel_item div.carousel_share_tools div.icons * { padding: 3px 3px 1px 1px; } .carousel .items div.carousel_item div.carousel_share_tools a.share { background:url(/images/ui/tools/nt_icon_share.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_share.gif) no-repeat left top; padding-left: 6px; width: 13px; height: 15px; float: left; } .carousel .items div.carousel_item div.carousel_share_tools span.small_icons {float:left;margin-top:4px;} .carousel .items div.carousel_item div.carousel_share_tools span.facebook_share {float:left;margin-left:-6px;} /*****Landing Featured story*****/ .carousel .items div.carousel_story .byline {text-transform: uppercase;} .carousel .items div.carousel_story .byline .author {text-transform: uppercase;} .story_listing_detail .featured_image { padding-right: 15px; } .featured_image { height: auto; float: left; _width: 235px;} .featured_story.topic .featured_image { padding-left: 15px; padding-right: 15px; height: auto; *width:245px; *float:left; } .stage_left .featured_story.topic .featured_image { padding-left: 3px; } .featured_image img{ background-color: #ffffff; vertical-align: top; _vertical-align: middle; } .featured_image a img { border:none; vertical-align: top; _vertical-align: middle; width: 235px; } .featured_image a img:hover { border:none; vertical-align: top; _vertical-align: middle; } .featured_image .photo_caption { font-size: 0.75em; vertical-align: top; margin-bottom: 5px; max-width: 235px; padding-left: 5px; padding-top: 3px; color: #999999; text-transform: uppercase; } .featured_image .photo_caption a {color: #999999;} .featured_image a.featured_topic { margin-bottom:0px; float: left; } .featured_image div.featured_topic { color: #666666; font-size:1em; font-weight:bold; background-color: transparent; padding-left: 5px; margin-top: 15px; width:225px; _width:225px; float: left; margin-bottom: 5px; } .featured_image div.featured_topic a {color:#666666;} .featured_image div.featured_topic a:hover { text-decoration: underline; background-color: none; background-color: transparent; } .featured_story .article { width: 370px; _width: 360px; float: left; padding:0px 0px 0px 10px; height: auto; } .featured_story.topic .article { _width: 360px; float: left; padding:0px 0px 0px 15px; height: auto; width: 600px; } .featured_story.topic .article > label {text-transform: uppercase;padding-bottom:5px;display:block;color:#8C8C8C;} .featured_story.topic .article.video, .story .article.video { width: 265px; padding:0px 0px 0px 0px; } .story .article.video { float:left; } .stage_left .featured_story.topic .article.image { width: 350px; *width: 340px; *display:inline; *float:left; padding:0px 0px 0px 0px; } .featured_story.topic .article.image, .story .article.image { width: 335px; padding:0px 0px 0px 0px; } .story .article.image { float:left; } .featured_story .article span.featured_topic { text-transform: uppercase; color: #adadad; font-size: 1.17em; font-weight: bold; padding-bottom: 5px; } .featured_story .article h3 { font-size:1.583em; line-height: 1.25em; font-weight: bold; margin-bottom: 0px; } .featured_story .article h3 a { color: #3f3f3f; } .featured_story.topic .article h3 a { color: #385AC8; } .featured_story .article h3 a:hover { color: #385AC8; } .featured_story .article .byline { color: #3f3f3f; font-size: 0.92em; font-weight: bold; padding: 5px 0px 0px 0px; height: auto; } .featured_story .article .byline a.pubname { text-transform: uppercase; color: #3f3f3f; font-size: 1em; } .featured_story .article .byline span.author { text-transform: none; color: #3f3f3f; } .featured_story .article .excerpt { font-size: 1.08em; color: #3f3f3f; padding-top: 5px; } div.carousel_item.report div.featured_story div.article div.excerpt { font-size: 1.08em; color: #3f3f3f; padding-top: 5px; } div.carousel_item.report div.featured_story div.article div.excerpt p {margin-bottom: 10px;} .featured_story.topic .article .excerpt { padding-top: 10px; } .featured_story .article .trustometer { text-align: left; background: url(/images/trustometer/trustometer_bg_large.png) no-repeat left top; _background: url(/images/trustometer/trustometer_bg_large.gif) no-repeat left top; width: 88px; height: 23px; float: left; } .featured_story .article .trustometer:hover { text-align: left; background: url(/images/trustometer/trustometer_bg_large.png) no-repeat left bottom; _background: url(/images/trustometer/trustometer_bg_large.gif) no-repeat left bottom; width: 88px; height: 23px; float: left; } .featured_story .article .trustometer .bar { float: left; margin:5px 3px 5px 5px; _margin:5px 3px 0px 3px; _height:11px; width:55px; _overflow:hidden; } .featured_story .article .trustometer .numeric_rating, .featured_story .article .trustometer .numeric_rating_gray { color:#3A9800; float:left; font-size:1.17em; _font-size:12px; font-weight:bold; height:10px; /**letter-spacing:-0.1em;**/ line-height:10px; margin-top:5px; } /* .featured_story .trustometer .medium .bar, .trustometer .medium .bar * { width: 46px; height: 9px; _font-size: 9px; background: url('/images/trustometer/mediumg.png'); _background: url('/images/trustometer/mediumg.gif'); /* IE 6 */ .featured_story .article .excerpt .posted_by { font-size: .83em; color: #adadad; } .featured_story.topic .article .excerpt .posted_by { padding-top: 5px;} .featured_story .article .excerpt .posted_by a { color: #6388c0;} .featured_story .article .tools { margin: 10px 0px 0px 0px; } .featured_story .article .tools .story_links .row1 { float: left; width: 100%; margin-top: 5px; *width:250px; *margin-top:15px; } .featured_story.topic .article .tools .story_links .row1 { float: none;} .featured_story.topic .article .tools .story_links .row2 { float: left;} .featured_story .article .tools .story_links .row2 { float: left; width: 100%; margin-top: 5px; } .tools a:hover{ text-decoration: none;} .tools .story_links a:hover { text-decoration: underline; } .story_links .row1 a:hover { text-decoration: none; } .story_links .row2 a:hover { text-decoration: underline; } .featured_story .article .tools .story_links { *float: left; *margin:-15px 0px 0px 0px; *padding-top:0px; } .featured_story .article .tools .story_links a { font-size: 1em; font-weight: bold; line-height: 1.8em; } .featured_story .article .tools .story_links a.review { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left top; _background: url(/images/ui/tools/nt_review_btn_large.gif) no-repeat left top; width:53px; height: 24px; float: left; margin:0px 2px 0px 0px; } .featured_story .article .tools .story_links a.review:hover { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left bottom; _background: url(/images/ui/tools/nt_review_btn_large.gif) no-repeat left bottom; width:53px; height: 24px; float: left; margin:0px 2px 0px 0px; } .featured_story .article .tools .story_links .row1 a.review.review_link.on { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left -24px; width:53px; height: 24px; float: left; margin:0px 2px 0px 0px; } .featured_story .article .tools .story_links .row1 a.review.review_link.on:hover { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left bottom; width:53px; height: 24px; float: left; margin:0px 2px 0px 0px; } .featured_story .article .tools .story_links .row2 a.save_link { background:none; width: auto; background:transparent url(/images/ui/tools/nt_icon_thumb.png) no-repeat scroll left 3px; _background:transparent url(/images/ui/tools/nt_icon_thumb.gif) no-repeat scroll left 3px; padding-left: 17px; padding-top:5px; _padding-top:0px !important; _margin-top:0px; } .featured_story .article .tools .story_links .row2 a.save_link.on { background:none; width: auto; background:transparent url(/images/ui/tools/nt_icon_thumb.png) no-repeat scroll left 3px; _background:transparent url(/images/ui/tools/nt_icon_thumb.gif) no-repeat scroll left 3px !important; padding-left: 17px; padding-top:5px; _padding-top:0px !important; float: none; margin-left:0px; _margin-top:0px; _width:40px !important; } .featured_story .article .tools .story_links .row2 a.save_link:hover { background:none; width: auto; background:transparent url(/images/ui/tools/nt_icon_thumb.png) no-repeat scroll left 3px; _background:transparent url(/images/ui/tools/nt_icon_thumb.gif) no-repeat scroll left 3px; padding-left: 17px; padding-top:5px; _padding-top:0px !important; _margin-top:0px; } .featured_story .article .tools .story_links .row2 a.save_link.on:hover { background:none; width: auto; background:transparent url(/images/ui/tools/nt_icon_thumb.png) no-repeat scroll left 3px; _background:transparent url(/images/ui/tools/nt_icon_thumb.gif) no-repeat scroll left 3px !important; padding-left: 17px; padding-top:5px; _padding-top:0px !important; float: none; margin-left:0px; _margin-top:0px; _width:40px !important; } .featured_story .article .tools .story_links span.edit_link a.editorial { background:transparent url(/images/ui/tools/nt_icon_edit.png) no-repeat scroll left top; width: 9px; height: 15px; padding-left: 4px; padding-top:1px; float:left; } .featured_story .article .tools .story_links a.editorial { background:none; width: auto; background:transparent url(/images/ui/tools/nt_icon_share.png) no-repeat scroll left top; _background:transparent url(/images/ui/tools/nt_icon_share.gif) no-repeat scroll left top; padding-left: 4px; padding-top:2px; width: 13px; height: 15px; margin-left:1px; float:left; } .featured_story .article .tools .story_links a.editorial.on { background:none; width: auto; background:transparent url(/images/ui/tools/nt_icon_share.png) no-repeat scroll left top; _background:transparent url(/images/ui/tools/nt_icon_share.gif) no-repeat scroll left top; } .featured_story .article .tools .story_links a.editorial:hover { background:none; background:transparent url(/images/ui/tools/nt_icon_share.png) no-repeat scroll left top; _background:transparent url(/images/ui/tools/nt_icon_share.gif) no-repeat scroll left top; } .featured_story .badges_reviews{ padding: 10px 0px 0px 0px; margin:0; width: 625px; float: left; height: auto; } .featured_story .badges_reviews .left { margin:0px; width: 290px; float: left; padding: 0px; display: inline; } .featured_story .badges_reviews .right { margin: 0px 0px 0px 0px; width: 295px; float: right; padding:0px; display: inline; } .featured_story .badges_reviews .review_wrapper { background: url(/images/ui/nt_featured_review_bg.png) no-repeat left top; _background: url(/images/ui/nt_featured_review_bg.gif) no-repeat left top; width:295px; height: 107px; float: left; margin:0px 0px 0px 0px; } .featured_story .badges_reviews .review { padding:10px; float: left;} .featured_story .badges_reviews .review_wrapper img { float: left;} .featured_story .badges_reviews .review_wrapper .posted_by { float: left; width: 230px; } .featured_story .badges_reviews .review_wrapper span.posted { float: left; font-weight: bold; font-size: 1em; color: #acacac; margin-left:5px;} .featured_story .badges_reviews .review_wrapper .trustometer { float: left; margin-left:5px;} .featured_story .badges_reviews .review_wrapper .excerpt { background:transparent url(/images/ui/quote.png) no-repeat scroll left top; _background:transparent url(/images/ui/quote.gif) no-repeat scroll left top; float:right; font-size:1em; line-height:1.17em; padding-left:20px; width:210px; } .featured_story .badges_reviews .review_wrapper span.see_full { float: left; font-weight: bold; font-size: .92em; margin-left: 64px;} /*****Landing Featured Truthsquad*****/ div.verdict {text-transform: uppercase;font-weight: bold;font-size: 1.333em;padding-top: 10px;} .featured_story.topic.truthsquad .article .excerpt {font-size:1.08em;} div.truthsquad div.judges {color: #999999;font-size: .92em;text-transform: uppercase;font-weight: bold;padding-top: 5px;} div.truthsquad div.hosted_by {font-size: 1em;} /****Share page tools*****/ .share_page_tools.text { font-weight:bold; } .share_page_tools a.FBConnectButton_Simple, .share_page_tools.text a.FBConnectButton_Simple, .share_page_tools.wide a.FBConnectButton_Simple { width: 14px; height: 14px; padding-left: 5px; margin: 4px 0 0 0px; float: left; } .share_page_tools.text a.FBConnectButton_Simple { margin-right:39px; padding-left:7px; } .share_page_tools.wide a.FBConnectButton_Simple { margin-left:16px; margin-right:16px; } .share_page_tools a.FBConnectButton.FBConnectButton_Small, .share_page_tools.text a.FBConnectButton.FBConnectButton_Small, .share_page_tools.wide a.FBConnectButton.FBConnectButton_Small { float: left; margin: 2px 5px 0 0; } .share_page_tools .FBConnectButton_Text_Simple { display:none; } .share_page_tools.text .FBConnectButton_Text_Simple { display:inline; } .share_page_tools a.twitter_icon, .share_page_tools.text a.twitter_icon, .share_page_tools.wide a.twitter_icon { background:url(/images/ui/tools/icon_twitter.png) no-repeat left top; width: 14px; height: 14px; padding-left: 5px; margin: 4px 0 0 0px; float: left; } .share_page_tools.text a.twitter_icon { padding-left: 16px; margin-right: 31px; } .share_page_tools.wide a.twitter_icon { margin-right: 16px; } .share_page_tools a.email, .share_page_tools.text a.email, .share_page_tools.wide a.email { background:url(/images/ui/tools/nt_icon_email.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_email.gif) no-repeat left top; width: 15px; height: 14px; float: left; padding-left: 5px; margin: 4px 0 0 0px; } .share_page_tools.text a.email { padding-left: 18px; margin-right:26px; } .share_page_tools.wide a.email { margin-right:16px; } .share_page_tools a.share, .share_page_tools.text a.share, .share_page_tools.wide a.share { background:transparent url(/images/ui/tools/nt_icon_share.png) no-repeat scroll left top; _background:transparent url(/images/ui/tools/nt_icon_share.gif) no-repeat scroll left top; width: 13px; height:14px; padding-left: 5px; margin: 4px 0 0 0px; float:left; } .share_page_tools.text a.share { padding-left: 16px; } .share_page_tools.wide a.share { } .stage_right { _margin-left:15px; } .stage_right span.featured_topic { text-transform: uppercase; color: #adadad; font-size: 0.92em; font-weight: bold; } .stage_right p { font-size: 1.08em; margin: 0px 0px 10px 0px; line-height: 1.08em; } .stage_right ul { margin: 0; padding: 0; } .stage_right li { list-style: none; float:left; padding-bottom: 5px; width: 100%; } .stage_right h2 { font-size: 1.33em; margin-bottom:0px; padding:0px; font-weight: bold; } .stage_right h2 a { color: #385ac8;} .stage_right li h4 { font-family: Georgia, Times, serif; font-size: 1.08em; font-weight: bold; line-height: 1em; } .stage_right li h4 a { color: #385ac8; } #right_column_box .stage_right li h4 a { color: #6388C0; } .stage_right li .byline { color: #adadad; font-size: 0.92em; font-weight: bold; line-height: 1em; padding:5px 0px 5px 0px; height: auto; } .stage_right li .byline a.pubname { text-transform: uppercase; color: #666666; font-size: 1em; } stage_right li .byline .pubname { text-transform: uppercase; color: #666666; font-size: 1em; } .stage_right li .byline span.author { text-transform: uppercase; color: #666666; } .stage_right li .excerpt { display: none; } .stage_right li .posted_by { font-size: .92em; color: #adadad; } .stage_right li .story_links { float: left; padding-bottom:10px; } .stage_right li .row1 { float: left; } .stage_right li .row2 { float: left; margin-left: 3px; color: #3f3f3f; margin-top: 2px; } .stage_right li .row2 a { color: #385ac8; font-weight: bold; font-size: .92em; padding-left: 0px; } .stage_right li .row2 a.reviews { float:left; margin-right: 7px; } .stage_right li .title { line-height: 15px; } .recent_reviews li { margin-bottom: 7px; } .recent_reviews li .story_links { padding-bottom:3px; } .recent_reviews li .review_attribution { clear:both; font-weight:bold;font-size:1.0em; } .recent_reviews li .review_attribution a { font-weight:bold; font-size:11px; color:#385ac8; } /* SSS: added these 3 lines to get news comparison box on groups page to render properly */ div.groups .stage_right { width:100%; } div.groups .stage_right .wrapper { width:100%; } div.groups .stage_right .wrapper ul { width: 95%; } /** * Landing story listings headers/footers typography */ span.opinion { width: 40px; height: 11px; margin:4px 0px 0px 0px; } span.featured_badge { width: 48px; height: 11px; margin:4px 0px 0px 0px; } span.pending_badge { width: 42px; height: 11px; margin:4px 0px 0px 0px; } span.queued_badge { width: 40px; height: 11px; margin:4px 0px 0px 0px; } span.hidden_badge { width: 37px; height: 11px; margin:4px 0px 0px 0px; } div.wrapper .article a.save_link { /*background:url(/images/ui/tools/nt_icon_thumb.png) no-repeat left bottom; padding-left: 17px;*/ margin-top:0px; } div.wrapper .article h3 a.save_link { margin-top: 2px; } div.wrapper .article a.editorial { /*background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left bottom; padding-left: 17px;*/ } div.wrapper .article a.share { /*background:url(/images/ui/tools/nt_icon_share.png) no-repeat left bottom; padding-left: 17px;*/ } div.grid { margin: 0px 0px 10px 0px; float: left; } div.grid div.top { background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_top.gif) no-repeat left top; height: 10px; } div.grid div.bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded_bottom.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_bottom.gif) no-repeat left top; height: 20px; float:left; width:100%; } div.grid div.wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded.png) repeat-y left top; padding-top:5px; _padding-top:0px; _margin-top:-10px; float: left; width: 630px; } div.grid div.wrapper div.header { height: 13px; _height: 8px; width: 50%; _width:126px; } div.grid div.wrapper div.top_stories, div.grid div.wrapper div.most_recent { height: 30px; cursor: pointer; } div.grid div.wrapper div.header h2 { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 1.333em; text-transform: uppercase; font-weight: bold; line-height: 1.1em; margin-bottom: 0; padding: 0 0 10px 15px; color: #8C8C8C; } div.grid div.wrapper div.header h2 a {color: #8C8C8C;} div.grid div.wrapper div.header h2 a:hover {color: #385AC8;text-decoration: none;} div.grid div.wrapper div.article { float:left; margin:10px 0 0 10px; padding-bottom:0px; *padding-bottom:10px; padding-right:0; width:610px; *border-bottom:1px solid #EEEEEE; } div.grid div.wrapper hr { border-bottom:1px solid #EEEEEE; width: 600px; float: left; display: block; margin:10px 0 0 0; padding: 0px; background: none; padding-bottom: 0px; *margin-top:20px; *display:none; } div.grid ul { border-top:1px solid #ADADAD; margin:0 0 0 3px; padding:0; width:623px;} div.grid ul li:first-child { margin-left: -10px; } div.grid ul li:last-child { padding-right: 0px; } div.grid div.wrapper div.article li { list-style: none; width: 180px; border-right:1px solid #EEEEEE; float: left; padding:5px 10px 5px 15px; min-height: 215px; *height:215px; } div.grid div.wrapper div.article span.most_trusted { font-size: .92em; font-weight: bold; text-transform: uppercase; color: #acacac; width: 100%; padding-bottom: 5px; float: left; _padding-bottom: 0px; _margin-bottom:0px; } div.grid div.wrapper div.article li .title { font-family: Georgia, Times, serif; font-size: 1.17em; color: #385ac8; font-weight: bold; line-height: 1.08em; padding-top: 5px; _padding-top: 0px; _margin-top:0px; } div.grid.white_box div.wrapper div.article li .title { font-size: 1.17em; } div.grid div.wrapper .article .byline { color: #adadad; font-size: 0.92em; font-weight: bold; padding: 0px; line-height: 1.1em; height: auto; } div.grid div.wrapper .article .byline .pubname { text-transform: uppercase; color: #666666; font-size: 1em; } div.grid div.wrapper .article .byline a.pubname { text-transform: uppercase; color: #666666; font-size: 1em; } div.grid div.wrapper .article .byline span.author { text-transform: uppercase; color: #666666; } div.grid div.wrapper .article .excerpt { font-size: 1.08em; line-height: 1.08em; padding:5px 0 2px 0; } div.grid div.wrapper .article .posted_by { font-size: .92em; color: #adadad; padding:5px 0px; } div.grid div.wrapper .article .row1 { width: 100%; float: left; margin-top:5px; } div.grid div.wrapper .article .row1 .reviews { display:block; font-size:0.92em; font-weight:bold; margin-top:3px; } div.grid div.wrapper div.article .row1 a.review_link.on { background:url("/images/ui/tools/nt_review_btn_small.png") no-repeat scroll left -20px transparent; float:left; height:20px; margin:0 2px 0 0; width:45px;} div.grid div.wrapper div.article .row1 a.review_link.on:hover { background:url("/images/ui/tools/nt_review_btn_small.png") no-repeat scroll left bottom transparent; float:left; height:20px; margin:0 2px 0 0; width:45px;} div.grid div.wrapper .article .row2 { width: 100%; float: left; margin-top:5px; color: #3f3f3f; } div.grid div.wrapper .article .row2 a { color: #385ac8; font-weight: bold; font-size: .92em; } div.grid div.wrapper .article a.save_link { margin-top: -1px; padding-left: 0px; } div.grid div.wrapper .article a.editorial { background:none; padding-left: 0px; } div.grid div.wrapper .article a.share { background:none; padding-left: 0px; } div.grid .bottom_nav { float: left; width: 622px; border-top: 2px solid #f3f3f3; } div.grid .bottom_nav span.read_more { float: left; padding:10px 10px 5px 15px; font-size: 1em; } div.grid .bottom_nav span.read_more a { color: #464646; background-color: #ecf2fc; padding:1px;} div.grid .bottom_nav span.read_more a:hover { color: #464646; background-color: #d6e6ff; text-decoration: none; padding:1px; } div.grid .bottom_nav .categories { float: right; padding:10px 15px 5px 10px; font-size: .92em; font-weight: bold; } div.grid .bottom_nav .categories a { color:#adadad; } div.flat { margin: 0px 0px 10px 0px; float: left; } div.flat div.top { background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_top.gif) no-repeat left top; height: 10px; } div.flat div.bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded_bottom.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_bottom.gif) no-repeat left top; height: 20px; float:left; width:100%; } div.flat div.wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded.png) repeat-y left top; padding-top:0px; _margin-top:-10px; _padding-top:0px; float: left; } div.flat div.wrapper div.header { height: 20px; width: 50%; cursor: pointer; margin-top: 5px !important; margin-bottom: 10px !important; } /******Legacy Image styles div.flat div.wrapper div.world { background:url(/images/ui/story_listings/world_header.png) no-repeat left top; background:url(/images/ui/story_listings/world_header.gif) no-repeat left top; height: 13px; margin:10px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.world:hover { background:url(/images/ui/story_listings/world_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/world_header.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } div.flat div.wrapper div.us { background:url(/images/ui/story_listings/us_header.png) no-repeat left top; _background:url(/images/ui/story_listings/us_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.us:hover { background:url(/images/ui/story_listings/us_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/us_header.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } div.flat div.wrapper div.politics { background:url(/images/ui/story_listings/politics_header.png) no-repeat left top; _background:url(/images/ui/story_listings/politics_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.politics:hover { background:url(/images/ui/story_listings/politics_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/politics_header.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.business { background:url(/images/ui/story_listings/business_header.png) no-repeat left top; _background:url(/images/ui/story_listings/business_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.business:hover { background:url(/images/ui/story_listings/business_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/business_header.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } div.flat div.wrapper div.scitech { background:url(/images/ui/story_listings/scitech_header.png) no-repeat left top; _background:url(/images/ui/story_listings/scitech_header.gif) no-repeat left top; height: 15px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.scitech:hover { background:url(/images/ui/story_listings/scitech_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/scitech_header.gif) no-repeat left bottom; height: 15px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } div.flat div.wrapper div.morestories { background:url(/images/ui/story_listings/morestories_header.png) no-repeat left top; _background:url(/images/ui/story_listings/morestories_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.morestories:hover { background:url(/images/ui/story_listings/morestories_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/morestories_header.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } div.flat div.wrapper div.opinion { background:url(/images/ui/story_listings/opinion_header.png) no-repeat left top; _background:url(/images/ui/story_listings/opinion_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.opinion:hover { background:url(/images/ui/story_listings/opinion_header.png) no-repeat left bottom; _background:url(/images/ui/story_listings/opinion_header.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } div.flat div.wrapper div.todays_feeds { background:url(/images/ui/story_listings/todays_feeds.png) no-repeat left top; _background:url(/images/ui/story_listings/todays_feeds.png) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; cursor: pointer; } div.flat div.wrapper div.todays_feeds:hover { background:url(/images/ui/story_listings/todays_feeds.png) no-repeat left bottom; _background:url(/images/ui/story_listings/todays_feeds.gif) no-repeat left bottom; height: 13px; margin:0px 0px 15px 15px; _margin:15px 0px 15px 10px; _line-height: 13px; } **********/ div.flat div.wrapper div.todays_feeds h2 { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 1.333em; text-transform: uppercase; font-weight: bold; line-height: 1.1em; margin-bottom: 0; padding: 0 0 10px 15px; color: #8C8C8C; } div.flat div.wrapper div.todays_feeds h2 a {color: #8C8C8C;} div.flat div.wrapper div.todays_feeds h2 a:hover {color: #385AC8;text-decoration: none;} div.todays_feeds .interior_content p.light_gray { font-size: 12px; } div.flat div.wrapper div.header h2 { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 1.333em; text-transform: uppercase; font-weight: bold; line-height: 1.1em; margin-bottom: 0; padding: 0 0 10px 15px; color: ##8C8C8C; } div.flat div.wrapper div.header h2 a {color: #8C8C8C;} div.flat div.wrapper div.header h2 a:hover {color: #385AC8;text-decoration: none;} div.panes_wrapper div.flat div.wrapper div.article { border-top:none; } /*div.flat div.wrapper ul { margin: 0; padding: 0; }*/ div.flat div.wrapper div.article li { list-style: none; float: left; padding:15px 10px 5px 15px; margin: 0 0 0 3px; border-bottom: 1px solid #EEEEEE; width: 598px; } div.flat div.wrapper div.article li:first-child { border-top:1px solid #adadad; } div.flat div.wrapper div.article.member_detail li:first-child { border-top:none; } div.panes_wrapper div.flat div.wrapper div.article li:first-child { border-top:none; } div.flat div.wrapper div.article.member_detail li { border-bottom: none; } div.flat div.wrapper div.article span.most_trusted { font-size: .92em; font-weight: bold; text-transform: uppercase; color: #acacac;} div.flat div.wrapper div.article li .title, div.flat div.wrapper div.comment_detail a.quote_title { font-size: 1.45em; color: #385ac8; font-weight: bold; line-height: 1em;} div.flat div.wrapper .article .byline { color: #adadad; font-size: 0.92em; font-weight: bold; padding: 7px 0 5px 0; line-height: 1.1em; height: auto; display: block; } div.flat div.wrapper .article .byline a.pubname { text-transform: uppercase; color: #666666; font-size: 1em; } div.flat div.wrapper .article .byline span.pubname { text-transform: uppercase; color: #666666; font-size: 1em; } div.flat div.wrapper .article .byline span.author { text-transform: uppercase; color: #666666; } div.flat div.wrapper .article .excerpt { font-size: 1.08em; line-height: 1.08em; padding:5px 0 5px 0;} div.flat div.wrapper .article .posted_by { font-size: .92em; color: #adadad; padding-top:2px; } div.flat div.wrapper .article li .story_links { width: 600px; float: left; padding-bottom:10px; margin-top: 0px; } div.flat div.wrapper .article .row1 { float: left; margin-top:7px; } div.flat div.wrapper .article .row1 a { color: #385ac8; font-weight: bold; font-size: .92em; } div.flat div.wrapper .article .row2 { float: left; margin:9px 0px 0px 5px; color: #3f3f3f; } div.flat div.wrapper .article .row2 a { color: #385ac8; font-weight: bold; font-size: .92em; } div.flat div.wrapper .article .row2 a.see_reviews_count { float: left; margin-right: 6px; } div.flat .bottom_nav { float: left; width: 630px; padding-top: 10px; } div.flat .bottom_nav span.read_more { float: left; padding:0px 10px 0px 15px; font-size: 1em; } div.flat .bottom_nav span.read_more a { color: #464646; background-color: #ecf2fc; padding:1px; } div.flat .bottom_nav span.read_more a:hover { color: #464646; background-color: #d6e6ff; text-decoration: none; padding:1px; } div.flat .bottom_nav .categories { float: right; padding:0px 15px 5px 15px; font-size: .92em; font-weight: bold; } div.flat .bottom_nav .categories a { color:#adadad; } div.flat div.wrapper .article.article_todays_feeds li span.feed_attribution { font-size: 11px; color: #666666; } div.flat div.wrapper .article.article_todays_feeds li span.popularity_stats { font-size: 11px; color: #666666; } div.flat div.wrapper .article.article_todays_feeds .row1 { float:left; margin-left: 0px; padding-left: 0px; } div.flat div.wrapper .article.article_todays_feeds .row1 a.review { margin-left: 0px; padding-left: 0px; } div.flat div.wrapper .article.article_todays_feeds .row1 .row2 { float: left; margin:0px 0px 0px 5px; color: #3f3f3f; } div.flat div.wrapper .article.article_todays_feeds .row1 .row2 a { color: #385ac8; font-weight: bold; font-size: 11px; } /* Feed info story listing styles */ span.feed_attribution a { font-weight: bold; color: #666; } ul.stories li span.feed_attribution { color: #666; font-weight: normal; font-size: 10px; } ul.stories li span.popularity_stats { color: #666; font-size: 10px; } /* Feeds Index */ div.smart_feeds_desc { float:left; height:auto; margin:10px 0 0; width:100%; } /* Todays feeds */ div.todays_feeds h1 { margin-bottom: 5px; } div.todays_feeds h1 span.subtitle { font-size:90%; color: #666; } div.feed_page_hdr h1 { margin-bottom: 5px; } div.feed_page_hdr h2 { margin-bottom: 5px; color: #666;} div.feed_page_hdr h3 { font-size:14px; } div.feed_page_hdr p { margin: 10px 0; } div.todays_feeds div.interior_content h4 { border-bottom:1px solid #ACACAC; font-size:1em; font-weight:bold; margin-bottom:15px; padding-bottom:5px; } div.todays_feeds div.interior_content li h4 { font-size:.92em; font-weight:bold; padding-bottom:0px; font-family:Georgia,Times,serif; border-bottom: none; margin-bottom: 0px; } div.todays_feeds div.interior_content ul.stories li { border-bottom: 1px dotted #ACACAC; float: left; width: 590px; padding-bottom: 10px; margin-bottom: 10px;} div.todays_feeds div.interior_content ul.stories li span.feed_attribution { font-size: 11px; } div.todays_feeds div.interior_content ul.stories li span.popularity_stats { font-size: 11px;} div.todays_feeds div.interior_content .row1 { float:left; margin-left: 0px; padding-left: 0px; } div.todays_feeds div.interior_content div.row1 a.review { margin-left: 0px; padding-left: 0px; } div.todays_feeds div.interior_content .row2 { float: left; margin:0px 0px 0px 5px; color: #3f3f3f; } div.todays_feeds div.interior_content .row2 a { color: #385ac8; font-weight: bold; font-size: 11px; } div.todays_feeds div.interior_content li h4 { font-size:.92em; font-weight:bold; padding-bottom:0px; font-family:Georgia,Times,serif; border-bottom: none; margin-bottom: 0px; } div.todays_feeds div.interior_content ul.stories li { border-bottom: 1px dotted #ACACAC; float: left; width: 590px; padding-bottom: 10px; margin-bottom: 10px;} div.todays_feeds div.interior_content ul.stories li span.feed_attribution { font-size: 11px; } div.todays_feeds div.interior_content ul.stories li span.popularity_stats { font-size: 11px;} div.todays_feeds div.interior_content .row1 { float:left; margin-left: 0px; padding-left: 0px; } div.todays_feeds div.interior_content div.row1 a.review { margin-left: 0px; padding-left: 0px; } div.todays_feeds div.interior_content .row2 { float: left; margin:0px 0px 0px 5px; color: #3f3f3f; } div.todays_feeds div.interior_content .row2 a { color: #385ac8; font-weight: bold; font-size: 11px; } div.todays_feeds div.interior_content div.feed_page_hdr h2 { font-family:Georgia,Times,serif; font-size:1.5em; font-weight:bold; line-height:1.1em; margin-bottom:0; color: #3f3f3f; border-bottom: none; margin-top: 0px; } div.todays_feeds div.interior_content div.feed_page_hdr p { font-size:1em; line-height:1.17em; margin:5px 0; } div.todays_feeds #main_column_tabbed_box {} div.todays_feeds #main_column_tabbed_box .empty_list{ width: 554px;} div.todays_feeds #main_column_tabbed_box div.content { float: left; _margin-top:0px; } div.todays_feeds #main_column_tabbed_box li h4 { font-size:1em; font-weight:bold; padding-bottom:0px; font-family:Georgia,Times,serif; border-bottom: none; margin-bottom: 0px; } div.todays_feeds #main_column_tabbed_box ul.stories li { border-bottom: 1px dotted #ACACAC; float: left; width: 584px; padding-bottom: 10px; margin-bottom: 10px;} div.todays_feeds #main_column_tabbed_box ul.stories li span.feed_attribution { font-size: 11px; } div.todays_feeds #main_column_tabbed_box ul.stories li span.popularity_stats { font-size: 11px;} div.todays_feeds #main_column_tabbed_box .row1 { float:left; margin-left: 0px; padding-left: 0px; } div.todays_feeds #main_column_tabbed_box div.row1 a.review { margin-left: 0px; padding-left: 0px; } div.todays_feeds #main_column_tabbed_box .row2 { float: left; margin:0px 0px 0px 5px; color: #3f3f3f; } div.todays_feeds #main_column_tabbed_box .row2 a { color: #385ac8; font-weight: bold; font-size: 11px; } /** * Landing story listings headers/footers typography */ .category_sub_head { background-color:#F5F9FF; border-bottom:2px solid #F3F3F3; border-top:2px solid #F3F3F3; display:block; float:left; font-size:12px; font-weight:bold; margin:0px 0 0 3px; padding:10px 0 10px 15px; width:608px; } div.grid .category_sub_head { margin-left:-3px; } .category_sub_head a { color: #3f3f3f; } .shareLinks { float: right; padding-right: 15px; } .category_sub_head .timespan_links { float: right; font-size: 10px; padding-right: 15px; } .category_sub_head .timespan_links a { color: #5561cf; background:url(/images/ui/story_listings/icon_full_listing.png) no-repeat right top; padding-right: 12px; } a.subsubhead, div.subsubhead { display: block; color: #999; font-weight: bold; margin: 10px 0px 0px 0px; width: 100%; font-size: 11px; } .shareLinks, .shareLinks a { color: #adadad; font-weight: bold; font-size: 11px; margin-top: 2px; _padding-top:10px; } .topic_source_listing_tabs .shareLinks, .topic_source_listing_tabs .shareLinks a { _padding-top:0px; margin-top: -7px; } .topic_source_listing_tabs .shareLinks a img{ margin-top:11px; margin-left:2px; } div.category_sub_foot { display:block; float:left; font-size:12px; font-weight:bold; margin:0 0 10px; padding:10px 0 0 15px; width:610px; } div.category_sub_foot span.read_more { font-weight: bold; font-size: 12px; } .graycaps { color: #999; font-size: 90%; } .content_type { color: #666; } /** * Full listing tables */ table.listing { width: 100%; line-height: 1.4em; border-right: 1px solid #eef; border-bottom: 1px solid #eef; } table.listing td, table.listing th { border-left: 1px solid #eef; padding: 4px; margin: 0; } table.listing tr.head_row th { font-size: 13px; color: #333; background: url('/images/ui/cont-tabs_mid.gif') repeat-x left top; border-left: 1px solid #C5D3F0; font-weight: bold; text-align: left; } table.listing tr.odd { background-color: #F3F6FD } /** * TRUSTOMETER * CSS to make pixel-exact finely-grained rating thermometers */ .trustometer { text-align: left; background: url(/images/trustometer/trustometer_bg_medium.png) no-repeat left top; _background: url(/images/trustometer/trustometer_bg_medium.gif) no-repeat left top; width: 73px; height: 20px; float: left; } .no_rating { text-align: center; width: 73px; font-size: 10px; padding: 3px 0px 0px 0px; font-weight: bold; text-transform:none; } .no_rating a.quiet { color: #666666; } .trustometer:hover { text-align: left; background: url(/images/trustometer/trustometer_bg_medium.png) no-repeat left bottom; _background: url(/images/trustometer/trustometer_bg_medium.gif) no-repeat left bottom; width: 73px; height: 20px; float: left; } a .trustometer { cursor: pointer; cursor: hand; } .trustometer .bar { float: left; margin:5px 3px 5px 5px; } .trustometer .numeric_rating, .trustometer .numeric_rating_gray { color:#3A9800; float:left; font-size:11px; font-weight:bold; height:10px; /**letter-spacing:-0.1em;**/ line-height:10px; margin-top:4px; } .trustometer .medium .numeric_rating, .trustometer .medium .numeric_rating_gray { margin-left: 0px; font-weight: bold; font-size: 11px; } .trustometer .mediumlarge .numeric_rating, .trustometer .large .numeric_rating, .trustometer .mediumlarge .numeric_rating_gray, .trustometer .large .numeric_rating_gray { line-height: 18px; font-size: 12px; font-weight: bold; } .trustometer .small .bar, .trustometer .small .bar * { width: 39px; height: 7px; _font-size: 7px; background: url('/images/trustometer/smallg.png'); _background: url('/images/trustometer/smallg.gif'); /* IE 6 */ } .trustometer .medium .bar, .trustometer .medium .bar * { width: 46px; height: 9px; _margin-top:-4px; background: url('/images/trustometer/mediumg.png') no-repeat left top; _background: url('/images/trustometer/mediumg.gif'); /* IE 6 */ } .trustometer .mediumlarge .bar, .trustometer .mediumlarge .bar * { width: 55px; height: 11px; _font-size: 10px; background: url('/images/trustometer/largeg.png'); _background: url('/images/trustometer/largeg.gif'); /* IE 6 */ } .trustometer .large .bar, .trustometer .large .bar * { width: 55px; height: 11px; _margin-top:-4px; background: url('/images/trustometer/largeg.png'); _background: url('/images/trustometer/largeg.gif'); /* IE 6 */ } .trustometer .yellow .bar * { background-position: 0% 25%; } .trustometer .yellowgray .bar * { background-position: 0% 50%; } .trustometer .gray .bar * { background-position: 0% 50%; } .trustometer .green .bar * { background-position: 0% 100%; } .trustometer .mediumlarge .bar div.loading { background: url('/images/trustometer/mediumlarge-loading.gif'); } /*******IE 6 Trustometer Styles******/ .row1 .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:0px; _position: relative; } .posted_by .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:0px; _position: relative; } .review_detail .trustometer .medium .bar, .trustometer .medium .bar * { _margin-top:-4px; } .review_detail .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:9px; _position: relative; } .right_column_box .trustometer .bar { _float: left; _margin:5px 2px 0px 3px; _height:11px; _overflow:hidden; } .right_column_box .trust_good .trustometer .bar { _float: left; _margin:5px 2px 0px 3px; _height:11px; _overflow:hidden; } .right_column_box .trust_good.trustometer .large .bar * { _margin-top:-5px; } .right_column_box .trustometer .numeric_rating, .right_column_box .trustometer .numeric_rating_gray { _font-size:11px; } .component_ratings .subHeadRating .rating .trustometer .medium .bar * { _margin-top:-6px; } .component_ratings .subHeadRating .rating .trustometer .bar { margin-left:0px; _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:0px; _position: relative; } .itemized_holster .trustometer .small .bar, .trustometer .small .bar * { _height:7px;} .itemized_holster .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:2px; _position: relative; } .overview_entry .trustometer .medium .bar *{ _margin-top:-6px !important; } .overview_entry .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:0px; _position: relative; } .right_column_box .trustometer .medium .bar *{ _margin-top:-6px !important; } div.stage_right.right_column_box .trustometer .medium .bar *{ _margin-top:-4px !important; } .right_column_box .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:0px; _position: relative; } div.itemized .rating .trustometer .bar { margin-left: 0px;} .tabbedContent.editorial .trustometer .medium .bar *{ _margin-top:-6px !important; } .tabbedContent.editorial .trustometer .trustometer .bar { _margin:4px 2px 0px 3px; _height:9px; _overflow:hidden; _float:left; _top:0px; _position: relative; } .tabbedContent .row1 { float:left; margin-top:7px; padding-right: 3px; } .tabbedContent .row2 { float:left; margin-top:7px; } /** * 'Ratings' boxes on overview pages, * where each rating's trustometer is packed in */ div.right_column_box .wrapper span.no-rating { color:#ACACAC; float:left; font-size:1em; font-weight:bold; width:140px; margin-left: 20px; } .component_ratings .quality_column { float: left; width: 130px; margin-right: 12px; _overflow:hidden; _height:auto; } .component_ratings .popularity_column { float: left; width: 145px; } /* pseudo-tabs; modeled on show_activity_part defs below */ .right_column_box .tabs { float: right; margin:2px 10px 0px 0px; font-size: 1em; font-weight: bold; } .right_column_box .tabs a { color: #6388c0; } .right_column_box .tabs a.sel { color: #3f3f3f; } div.ratingLabel { font-size: .85em; _font-size: 9px; float: left; width: auto; color: #acacac; letter-spacing: -.03em; *font-size: .78em; *padding-right:1px; *padding-top:2px; padding-top:2px; } div.rating { float: right; text-align: right; width: auto; *padding-right: 1px; } div.headRating div.ratingLabel { padding-left: 0; font-size: 1.17em; font-weight: bold; color: #333; padding-bottom: 1em; } div.headRating.source_page div.rating { float: left; width:95px;} #ratings.component_ratings { margin-top:15px; } div.headRating div.rating { width: 120px; } div.subHeadRating { border-bottom: 1px dotted #ADADAD; margin-bottom: 4px; } div.subHeadRating div.rating div.trustometer { background: none; width: auto; float: right; } div.rating div.trustometer { background: none; width: auto; } div.ratings_top div.trustometer div.numeric_rating, div.ratings_top div.trustometer div.numeric_rating_gray { color:#3A9800; float:left; font-size:1em; font-weight:bold; height:10px; /**letter-spacing:-0.1em;**/ line-height:10px; margin-top:5px; } div.ratings_top div.trustometer div.numeric_rating_gray, .featured_story .article .trustometer .numeric_rating_gray, .trustometer .numeric_rating_gray, .trustometer .medium .numeric_rating_gray, .trustometer .mediumlarge .numeric_rating_gray, .trustometer .large .numeric_rating_gray, .right_column_box .trustometer .numeric_rating_gray, .numeric_rating_gray { color:#999; } div.ratings_top div.trustometer { background:transparent url(/images/trustometer/trustometer_bg_large.png) no-repeat scroll left top; _background:transparent url(/images/trustometer/trustometer_bg_large.gif) no-repeat scroll left top; float:left; height:23px; text-align:left; width:88px; } div.ratings_top div.trustometer:hover { background:transparent url(/images/trustometer/trustometer_bg_large.png) no-repeat scroll left bottom; _background:transparent url(/images/trustometer/trustometer_bg_large.gif) no-repeat scroll left bottom; float:left; height:23px; text-align:left; width:88px; } div.ratings_top span.very_good { float: left; font-size: 1em; line-height: 1em; padding-top:5px; font-weight: bold; color:#3a9800; width:88px; text-align: center; } div.ratings_top span.very_good.not_enough { color: #acacac; } div.ratings_top div.from_reviews { float: left; font-size: 1em; color: #acacac; font-weight: bold; width: 140px; _width:120px; } div.ratings_top div.trust_good { float: left; width: 100px; margin-left:40px; _margin-left:20px; } div.ratings_top span.confidence { font-weight: normal; font-size: .92em; float: left; color: #cccccc;} div.subHeadRating div.ratingLabel { padding-left: 0; width: auto; font-weight: bold; text-transform: uppercase; color:#666666; font-size: 1em; letter-spacing: -0.05em; *padding-right: 1px; padding-top:1px; } div.subHeadRating div.rating { font-weight: bold; float: right; } div.secondaryRatingSection { border-top: 1px solid #bababa; /* margin-top: 1em; */ /* IE6 seldom respects this anyway. just put a
beforehand, grr */ padding-top: 1em; } /** * Trustometer/rating Links */ a div.trustometer, a.rating { font-weight: normal; font-size: 10px; color: #8c8c8c; padding-right: 3px; } /** * Pagination */ p.note { width: 250px; font-size:1.0em; padding:0.25em; text-align:center; margin:1.0em 0.5em; border:1px solid #efefef; display:block; background-color: #ffffcc; } .pagination_wrapper { width:950px; margin:20px 0px 20px 0px; float: left; } .pagination_wrapper .center { margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; text-align:center; width:65%; } .pagination { color: #666666; font-size: 1.14em; font-weight: bold; text-align: center; width: 100%; float: left; } .pagination .ellipses, .pagination .gap, .pagination .previous { display: block; float: left; padding: 0 0.5em 0 0.5em; } .pagination a, .pagination .current, .disabled, .previous { display: block; padding: 0 0.5em; margin: 0 0.2em 0 0.2em; float:left; color: #6388c0; } .disabled { color: #666666; } .pagination .current { color: #666666; } .pagination a:hover { color: #666666 !important; } /** * Misc. listing classes for comments & search results */ ul.inline_list li, dl.inline_list dt, dl.inline_list dd { list-style:none; display:block; float:left; } ul.inline_list li a, dl.inline_list dt a, dl.inline_list dd a, ul.inline_list li span.blocked, dl.inline_list dd span.blocked { border: none; text-decoration:none; } span.blocked { color: #ccc; } div.results dl { padding: 0px 15px 15px 15px; } /**STORY LISTINGS*/ .story_listing_detail {} .story_listing_detail .story { margin-bottom: 10px; padding-right: 10px; } .story_listing_detail h2{ font-family:Georgia,Times,serif; font-size:1.5em; font-weight:bold; line-height:1.1em; margin-bottom:0; } .story_listing_detail h2 a{ color: #3F3F3F; } .story_listing_detail h2 a:hover{ color: #385AC8; } .story_listing_detail .byline { color: #adadad; font-size: 0.92em; font-weight: bold; padding: 5px 0px 0px 0px; height: auto; } .story_listing_detail .byline .pubname { text-transform: uppercase; color: #666666; font-size: 1em; } .story_listing_detail .byline span.author { text-transform: uppercase; color: #666666; } .story_listing_detail .byline span.date { text-transform: uppercase; color: #666666; } .story_listing_detail .subtitle { font-size: 1.17em; font-weight: bold; line-height: 1.17em; margin: 10px 0px 10px 0px; } .story_listing_detail p { font-size: 1.08em; line-height: 1.17em; margin: 5px 0px 5px 0px; } #listing_new_stories p.listing_info { font-weight: normal; margin-bottom: -5px; padding: 10px 15px 0; font-size: .92em; color: #ACACAC; } #listing_most_trusted p.listing_info { font-weight: normal; margin-bottom: -5px; padding: 10px 15px 0; font-size: .92em; color: #ACACAC; } .story_listing_detail .posted_by { color:#ADADAD; font-size:0.92em; } .story_listing_detail .posted_by a { color:#6388c0; } .story_listing_detail .more_info_box { width: 627px; float: left; } .story_listing_detail .more_info_box .top { background:url(/images/ui/more_info_bg_top.png) no-repeat left top; _background:url(/images/ui/more_info_bg_top.gif) no-repeat left top; height: 5px; } .story_listing_detail .more_info_box .bottom { background:url(/images/ui/more_info_bg_bottom.png) no-repeat left top; _background:url(/images/ui/more_info_bg_bottom.gif) no-repeat left top; height: 5px; float:left; width:100%; } .story_listing_detail .more_info_box .wrapper { float: left; background-color: #ffffff; width: 625px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; cursor: pointer; cursor: hand; _margin-top:-10px; } .story_listing_detail .more_info_box .wrapper h3 { font-size: 1.17em; font-weight: bold; margin:5px 0px 0px 5px; padding:0px 0px 0px 20px; height: 20px; line-height: 1.17em; background:url(/images/ui/more_info_icon.png) no-repeat left top; _background:url(/images/ui/more_info_icon.gif) no-repeat left top; color:#385AC8; float: left; } .story_listing_detail .more_info_box .wrapper span.more { background:url(/images/ui/more.png) no-repeat left top; _background:url(/images/ui/more.gif) no-repeat left top; width: 20px; height: 7px; float: right; margin:11px 10px 0px 0px; } .story_listing_detail .more_info_box .wrapper span.less { background:url(/images/ui/less.png) no-repeat left top; _background:url(/images/ui/less.gif) no-repeat left top; width: 20px; height: 7px; float: right; margin:8px 10px 0px 0px; } .story_listing_detail .more_info_box #more_info { float: left; background-color: #ffffff; width: 625px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; color:#acacac; padding-bottom: 15px; } .story_listing_detail .more_info_box #more_info .section { font-size: 1.17em; font-weight: bold; color: #3f3f3f; text-transform: uppercase; width: 580px; border-bottom: 1px solid #acacac; margin:20px 0px 10px 20px; } .story_listing_detail .more_info_box #more_info .content { width: 580px; padding:0px 0px 5px 20px; } .story_listing_detail .more_info_box #more_info .content span.title { color: #acacac; text-transform: uppercase; font-size: 1em; font-weight: bold; } .story_listing_detail .more_info_box #more_info .content span.items { color: #3f3f3f; font-size: 1em; } .story_listing_detail .more_info_box #more_info .content span.items p { display:inline; font-size:1em; width:420px;} .story_listing_detail .more_info_box #more_info .stats .content { width: 175px; } .story_listing_detail .more_info_box #more_info .stats .content span.items { color: #3f3f3f; font-size: 1em; float: right; font-weight: bold; } .story_listing_detail .more_info_box #more_info .content span.editorial_gray { font-weight: bold; text-transform: uppercase; color:#acacac; font-size: .92em;} .story_listing_detail .more_info_box #more_info .content .editorial_gray { color:#acacac; font-size: .92em; } .story_listing_detail .actions { margin-top: 10px; _margin-bottom:20px; } .story_listing_detail .actions a { margin-top: 0px; color:#385AC8; font-size: 1em; font-weight: bold; } .story_listing_detail .actions a.review { background: url(/images/ui/tools/nt_reviewthisstory_btn.png) no-repeat left top; _background: url(/images/ui/tools/nt_reviewthisstory_btn.gif) no-repeat left top !important; width:129px; height: 26px; float: left; margin:0px 0px 0px 0px; padding-right:5px; _padding-right:0px; _width:129px !important; _height:26px !important; _float:left !important; _margin:0px 0px 0px 0px !important; } .story_listing_detail .actions a.review:hover { background: url(/images/ui/tools/nt_reviewthisstory_btn.png) no-repeat left bottom; /***for some reason having the IE6 gif here was messing things up so left it out****/ width:129px; height: 26px; float: left; margin:0px 0px 0px 0px; padding-right:5px; _padding-right:0px; _width:129px !important; _height:26px !important; _float:left !important; _margin:0px 0px 0px 0px !important; } .story_listing_detail .actions a.review.on { background: url(/images/ui/tools/edit_your_review_large.png) no-repeat left top; _background: url(/images/ui/tools/edit_your_review_large.gif) no-repeat left top !important; width:129px; height:26px; float:left; margin:0px 0px 0px 0px; _width:129px !important; _height:26px !important; _float:left !important; _margin:0px 0px 0px 0px !important; } .story_listing_detail .actions a.review.on:hover { background: url(/images/ui/tools/edit_your_review_large.png) no-repeat left bottom; _background: url(/images/ui/tools/edit_your_review_large.gif) no-repeat left bottom !important; width:129px; height:26px; float:left; margin:0px 0px 0px 0px; _width:129px !important; _height:26px !important; _float:left !important; _margin:0px 0px 0px 0px !important; } .story_listing_detail .actions a.save_link { background:url(/images/ui/tools/nt_icon_thumb.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_thumb.gif) no-repeat left top; padding-left: 17px; width: auto; padding-right: 5px; } .story_listing_detail .actions a.save_link.on { margin: 0px;} .story_listing_detail .actions a.save_link:hover { background:none; width: auto; background:url(/images/ui/tools/nt_icon_thumb.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_thumb.gif) no-repeat left top; padding-left: 17px; } .story_listing_detail .actions a.editorial { background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_edit.gif) no-repeat left top; padding-left: 11px; color:#385AC8; font-size: 1.17em; font-weight: bold; } .story_listing_detail .actions a.share, .quote_page .actions a.share { background:url(/images/ui/tools/nt_icon_share.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_share.gif) no-repeat left top; padding-left: 6px; width: 13px; height: 15px; float: left; } .story_listing_detail .actions a.edit, .quote_page .actions a.edit { background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_edit.gif) no-repeat left top; padding-left:4px; width: 9px; height: 15px; float: left; } .story_listing_detail .actions a.edit_text { background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_edit.gif) no-repeat left top; padding-left:11px; width: 9px; height: 15px; } .story_listing_detail div.actions.story a.edit { padding-left: 14px; margin-left: 3px; } .story_listing_detail .actions a.email, .quote_page .actions a.email { background:url(/images/ui/tools/nt_icon_email.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_email.gif) no-repeat left top; padding-left: 5px; width: 15px; height: 14px; float: left; margin:0px; padding-top:1px; } .story_listing_detail .actions a.email.on { background:url(/images/ui/tools/nt_icon_email.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_email.gif) no-repeat left top; padding-left: 6px; } .story_listing_detail .actions a.email.on:hover { background:url(/images/ui/tools/nt_icon_email.png) no-repeat left top; _background:url(/images/ui/tools/nt_icon_email.gif) no-repeat left top; padding-left: 6px; } .story_listing_detail .actions a.twitter_icon, .quote_page .actions a.twitter_icon { background:url(/images/ui/tools/icon_twitter.png) no-repeat left top; _background:url(/images/ui/tools/icon_twitter.gif) no-repeat left top; padding-left: 5px; width: 14px; height: 14px; float: left; } .story_listing_detail .actions a.FBConnectButton_Simple, .story_listing_detail .actions a.fb_button_simple, .quote_page .actions a.FBConnectButton_Simple, .quote_page .actions a.fb_button_simple { padding-left: 5px; margin:0px; float: left; } .story_listing_detail .actions a.profile { background:url(/images/ui/tools/nt_icon_profile.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_profile.gif) no-repeat left center; padding-left: 14px; } .story_listing_detail .actions a.profile.on { background:url(/images/ui/tools/nt_icon_profile.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_profile.gif) no-repeat left center; padding-left: 14px; float: none; height: auto; width: auto; margin:0px; } .story_listing_detail .actions a.profile.on:hover { background:url(/images/ui/tools/nt_icon_profile.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_profile.gif) no-repeat left center; padding-left: 14px; float: none; height: auto; width: auto; margin:0px; } .story_listing_detail .actions a.network { background:url(/images/ui/tools/nt_icon_network.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_network.gif) no-repeat left center; padding-left: 17px; } .story_listing_detail .actions a.network.on { background:url(/images/ui/tools/nt_icon_network.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_network.gif) no-repeat left center; padding-left: 17px; float: none; height: auto; width: auto; margin:0px; } .story_listing_detail .actions a.network.on:hover { background:url(/images/ui/tools/nt_icon_network.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_network.gif) no-repeat left center; padding-left: 17px; float: none; height: auto; width: auto; margin:0px; } .story_listing_detail .actions a.contact { background:url(/images/ui/tools/nt_icon_email.png) no-repeat left center; _background:url(/images/ui/tools/nt_icon_email.gif) no-repeat left center; padding-left: 18px; float: none; height: auto; width: auto; margin:0px; padding-top:1px; } .story_listing_detail.edit .edit_buttons { margin-top: 25px; *display: block; } .story_listing_detail.edit a.submit_btn { background:transparent url(/images/ui/toolbar/btn_save.png) no-repeat scroll left top; _background:transparent url(/images/ui/toolbar/btn_save.gif) no-repeat scroll left top; width: 51px;} .story_listing_detail .actions a.view { background:transparent url(/images/ui/tools/view_large.png) no-repeat scroll left center; _background:transparent url(/images/ui/tools/view_large.gif) no-repeat scroll left center; padding-left:16px; } .story_listing_detail .actions.member_review a.view { float:left; padding-left:18px; margin-right:7px; margin-top:4px; } .story_listing_detail .actions.source a.view { float:left; padding-left:18px; margin-right:7px; margin-top:4px; } .story_listing_detail .actions a.mynews { background:transparent url(/images/ui/tools/mynews_icon.png) no-repeat scroll left center; _background:transparent url(/images/ui/tools/mynews_icon.gif) no-repeat scroll left center; display:inline; height:14px; margin-top:2px; padding-right:3px; width:65px; float: left; } a.follow_btn { background:transparent url(/images/ui/mynews/btn_follow.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/btn_follow.gif) no-repeat scroll left top; margin:0 5px 0 5px; height:24px; width:25px; cursor: pointer; float: left; } a.follow_btn:hover { background:transparent url(/images/ui/mynews/btn_follow.png) no-repeat scroll left -24px; _background:transparent url(/images/ui/mynews/btn_follow.gif) no-repeat scroll left -24px; margin:0 5px 0 5px; height:24px; width:25px; cursor: pointer; float: left; } a.unfollow_btn { background:transparent url(/images/ui/mynews/btn_follow.png) no-repeat scroll left -48px; _background:transparent url(/images/ui/mynews/btn_follow.gif) no-repeat scroll left -48px; margin:0 5px 0 5px; height:24px; width:25px; cursor: pointer; float: left; } a.unfollow_btn:hover { background:transparent url(/images/ui/mynews/btn_follow.png) no-repeat scroll left bottom; _background:transparent url(/images/ui/mynews/btn_follow.gif) no-repeat scroll left bottom; margin:0 5px 0 5px; height:24px; width:25px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_member { background:transparent url(/images/ui/mynews/btn_follow_member.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/btn_follow_member.gif) no-repeat scroll left top; margin:0 5px 0 0; height:24px; width:139px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_member:hover { background:transparent url(/images/ui/mynews/btn_follow_member.png) no-repeat scroll left -24px; _background:transparent url(/images/ui/mynews/btn_follow_member.gif) no-repeat scroll left -24px; margin:0 5px 0 0; height:24px; width:139px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_member { background:transparent url(/images/ui/mynews/btn_follow_member.png) no-repeat scroll left -48px; _background:transparent url(/images/ui/mynews/btn_follow_member.gif) no-repeat scroll left -48px; margin:0 5px 0 0; height:24px; width:139px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_member:hover { background:transparent url(/images/ui/mynews/btn_follow_member.png) no-repeat scroll left bottom; _background:transparent url(/images/ui/mynews/btn_follow_member.gif) no-repeat scroll left bottom; margin:0 5px 0 0; height:24px; width:139px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_tag { background:transparent url(/images/ui/mynews/btn_follow_topic.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/btn_follow_topic.gif) no-repeat scroll left top; margin:0px 5px 0 0; height:24px; width:120px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_tag:hover { background:transparent url(/images/ui/mynews/btn_follow_topic.png) no-repeat scroll left -24px; _background:transparent url(/images/ui/mynews/btn_follow_topic.gif) no-repeat scroll left -24px; margin:0px 5px 0 0; height:24px; width:120px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_tag { background:transparent url(/images/ui/mynews/btn_follow_topic.png) no-repeat scroll left -48px; _background:transparent url(/images/ui/mynews/btn_follow_topic.gif) no-repeat scroll left -48px; margin:0px 5px 0 0; height:24px; width:120px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_tag:hover { background:transparent url(/images/ui/mynews/btn_follow_topic.png) no-repeat scroll left bottom; _background:transparent url(/images/ui/mynews/btn_follow_topic.gif) no-repeat scroll left bottom; margin:0px 5px 0 0; height:24px; width:120px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_source { background:transparent url(/images/ui/mynews/btn_follow_source.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/btn_follow_source.gif) no-repeat scroll left top; margin:0 5px 0 0; height:24px; width:128px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_source:hover { background:transparent url(/images/ui/mynews/btn_follow_source.png) no-repeat scroll left -24px; _background:transparent url(/images/ui/mynews/btn_follow_source.gif) no-repeat scroll left -24px; margin:0 5px 0 0; height:24px; width:128px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_source { background:transparent url(/images/ui/mynews/btn_follow_source.png) no-repeat scroll left -48px; _background:transparent url(/images/ui/mynews/btn_follow_source.gif) no-repeat scroll left -48px; margin:0 5px 0 0; height:24px; width:128px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_source:hover { background:transparent url(/images/ui/mynews/btn_follow_source.png) no-repeat scroll left bottom; _background:transparent url(/images/ui/mynews/btn_follow_source.gif) no-repeat scroll left bottom; margin:0 5px 0 0; height:24px; width:128px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_feed { background:transparent url(/images/ui/mynews/btn_follow_feed.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/btn_follow_feed.gif) no-repeat scroll left top; margin:0 5px 0 0; height:24px; width:116px; cursor: pointer; float: left; } .story_listing_detail .actions a.follow_feed:hover { background:transparent url(/images/ui/mynews/btn_follow_feed.png) no-repeat scroll left -24px; _background:transparent url(/images/ui/mynews/btn_follow_feed.gif) no-repeat scroll left -24px; margin:0 5px 0 0; height:24px; width:116px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_feed { background:transparent url(/images/ui/mynews/btn_follow_feed.png) no-repeat scroll left -48px; _background:transparent url(/images/ui/mynews/btn_follow_feed.gif) no-repeat scroll left -48px; margin:0 5px 0 0; height:24px; width:116px; cursor: pointer; float: left; } .story_listing_detail .actions a.unfollow_feed:hover { background:transparent url(/images/ui/mynews/btn_follow_feed.png) no-repeat scroll left bottom; _background:transparent url(/images/ui/mynews/btn_follow_feed.gif) no-repeat scroll left bottom; margin:0 5px 0 0; height:24px; width:116px; cursor: pointer; float: left; } /** My News info -- probably temporary **/ span.info_icon, a.info_icon { background:transparent url(/images/ui/mynews/icon_info.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/icon_info.gif) no-repeat scroll left top; height:15px; width:15px; cursor: pointer; } span.info_icon:hover, a.info_icon:hover { background:transparent url(/images/ui/mynews/icon_info.png) no-repeat scroll left bottom; _background:transparent url(/images/ui/mynews/icon_info.gif) no-repeat scroll left bottom; height:15px; width:15px; cursor: pointer; } .mynews div.story_listing_reviews { margin: 0px 0px 20px 0px; _margin: 0px 0px 20px 0px; float: left; } div.story_listing_reviews div.wrapper div.header.mylist { background:transparent url(/images/ui/mynews/mylist_header.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/mylist_header.gif) no-repeat scroll left top; width: 600px; height:13px; margin:0 0 15px 15px; _margin:5px 0 10px 10px; } div.story_listing_reviews div.wrapper div.header.mynews { background:transparent url(/images/ui/mynews/mynews_logo.png) no-repeat scroll left top; _background:transparent url(/images/ui/mynews/mynews_logo.gif) no-repeat scroll left top; width: 600px; height:23px; margin:0 0 5px 15px; _margin:5px 0 0 10px; cursor:default; } div.story_listing_reviews div.wrapper div.header.blank { background:transparent url(/images/ui/pixel.png) no-repeat scroll left top; _background:transparent url(/images/ui/pixel.gif) no-repeat scroll left top; height:12px; margin:0 0 5px 0; width:100%; _margin:0px; border-top:2px solid #f2f2f2; padding-top:8px; padding-bottom:0 } div.story_listing_reviews div.wrapper div.header.mynews h2 { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size:1.5em; font-weight:bold; line-height:1.1em; margin-bottom:0; margin-left:0; } div.story_listing_reviews div.wrapper div.header.mynews a.follow_button, div.story_listing_reviews div.wrapper div.header.mynews a.unfollow_button { float:left; margin-left:7px; } div.story_listing_reviews div.wrapper a.following, div.story_listing_reviews div.wrapper span.following, span.following { background-color:#dcffe3; } .story_listing_reviews { margin: 20px 0px 20px 0px; _margin: 0px 0px 20px 0px; float: left; } div.story_listing_reviews div.top { background:url(/images/ui/story_listings/bg_box_shadow_rounded_top.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_top.gif) no-repeat left top; height: 10px; } div.story_listing_reviews div.bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded_bottom.png) no-repeat left top; _background:url(/images/ui/story_listings/story_listings_bg_bottom.gif) no-repeat left top; height: 20px; float:left; width:100%; } div.story_listing_reviews div.wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded.png) repeat-y left top; padding-top:10px; _padding-top:0px; _margin-top:-10px; float: left; width: 630px; } div.story_listing_reviews div.wrapper div.header { background:url(/images/ui/story_listings/reviews_header.png) no-repeat left top; _background:url(/images/ui/story_listings/reviews_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:5px 0px 0px 10px; width: 100%; _float:left; _width: 98%; } div.story_listing_reviews div.wrapper div.header h3 { margin-left: -5000px; float: left; } div.story_listing_reviews div.wrapper div.header .show_activity_part { float: right; margin:0px 30px 0px 0px; _margin:0px 20px 0px 0px; font-size: .92em; font-weight: bold; } div.story_listing_reviews div.wrapper div.header .show_activity_part a { color:#6388c0; } div.story_listing_reviews div.wrapper div.header .show_activity_part a.sel { color: #3f3f3f; } div.story_listing_reviews div.wrapper div.header .show_activity_part span { color: #acacac; } div.story_listing_reviews div.wrapper .reviews { border-top: 2px solid #f3f3f3; padding-top: 10px; width: 626px; } div.groups div.review_divider { clear:both; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail, div.groups div.review_divider div.review_detail { margin:0px 20px 20px 20px; *margin:15px 20px 20px 20px; _margin:15px 20px 0px 10px; border-bottom: 1px dotted #ADADAD; padding-bottom:15px; float: left; width:590px; } div.review_detail div.nt_rating_small { float:left; margin:2px 0 0 5px; color:#ACACAC; font-size:.92em; font-weight:bold; } div.review_detail span.review_hidden { padding-left:10px; _width:100px; _margin:5px 0px 0px 0px; _display:block; } div.comment_detail div.commenter_name { margin: 10px 0 0 18px; font-weight:bold; font-size: 1.17em; } div.comment_detail div.more_reviews { clear:both; margin-left:5px; font-weight:bold; font-size:1.17em; } div.story_listing_reviews div.wrapper div.comment_detail div.review_divider div.review_detail { padding-bottom:0; } div.story_listing_reviews div.wrapper div.review_divider.my_review, div.groups div.review_divider.my_review { margin:5px 15px 15px 15px; *margin:5px 0 0 0; _margin:5px 40px 0 5px; _display:block; _float:left; _padding-right:30px; border-bottom: 1px dotted #ADADAD; } div.story_listing_reviews div.wrapper div.review_divider.my_review div.review_detail, div.groups div.review_divider.my_review div.review_detail { margin:0px 0px 10px 0px; *margin:0px 15px 10px 15px; _margin:0px 15px 10px 5px; padding:5px; border-bottom: none; background-color: #f4f8fe; float: left; width: 98%; *width:590px; _width:580px; } div.story_listing_reviews div.wrapper div.review_divider img, div.groups div.review_divider img { float: left;} div.story_listing_reviews div.wrapper div.review_divider div.reviewComments span.civil_note img, div.groups div.review_divider div.reviewComments span.civil_note img { float: none;} div.story_listing_reviews div.wrapper div.review_divider .trustometer, div.groups div.review_divider .trustometer { float:left; margin-left:7px; } div.story_listing_reviews div.wrapper div.review_divider span.author, div.groups div.review_divider span.author { float:left; font-size: 1em; color: #acacac; font-weight: bold; margin:5px 0px 0px 7px; float: left; *width:90%; width:85%; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail span.reviewer_label, div.groups div.review_divider div.review_detail span.reviewer_label { float:left; font-weight: bold; padding-top: 2px; _margin-bottom: 0px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part, div.groups div.review_divider div.review_detail div.review_part { padding-top:5px; font-size: 1em; line-height: 1.33em; margin-left:0px; padding-bottom:0px; border-bottom: none; *margin-top:0px; _margin-top:0px; float: left; width:100%; } div.groups div.review_divider div.review_detail div.review_part { *padding-top:0px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part p, div.groups div.review_divider div.review_detail div.review_part p { padding-top:0px; font-size: 1em; line-height: 1.33em; float: left; margin:0px; width: 90%; padding-bottom: 5px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part a.comments, div.groups div.review_divider div.review_detail div.review_part a.comments { background:url(/images/ui/story_listings/comment_icon.png) no-repeat left top; _background:url(/images/ui/story_listings/comment_icon.gif) no-repeat left top; padding-left:28px; float: left; height: 22px; color:#666666; padding-bottom: 5px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part a.notes, div.groups div.review_divider div.review_detail div.review_part a.notes { background:url(/images/ui/story_listings/notes_icon.png) no-repeat left top; _background:url(/images/ui/story_listings/notes_icon.gif) no-repeat left top; padding-left:28px; float: left; height: 22px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part a.quotes, div.groups div.review_divider div.review_detail div.review_part a.quotes { background:url(/images/ui/story_listings/quote_icon.png) no-repeat left top; _background:url(/images/ui/story_listings/quote_icon.gif) no-repeat left top; padding-left:28px; height: 22px; float: left; color:#666666; padding-bottom: 20px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part .link, div.groups div.review_divider div.review_detail div.review_part .link{ background:url(/images/ui/story_listings/link_icon.png) no-repeat left bottom; _background:url(/images/ui/story_listings/link_icon.gif) no-repeat left bottom; padding-left:28px; height: 20px; float: left; color:#666666; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part.links a.external, div.groups div.review_divider div.review_detail div.review_part.links a.external { font-family: Georgia, Times, serif; font-weight: bold; font-size: 1em; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail span.editorial_gray, div.groups div.review_divider div.review_detail span.editorial_gray{ float: left; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part.quotes p, div.groups div.review_divider div.review_detail div.review_part.quotes p { color:#666666;} div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.review_part.comment p, div.groups div.review_divider div.review_detail div.review_part.comment p { color:#666666;} div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.small_note, div.groups div.review_divider div.review_detail div.small_note { float: left; font-size: .92em; font-weight: bold; color: #acacac; width: 100%; margin:5px 0px 5px 0px; text-transform: uppercase; _margin-top:0px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.submitted, div.groups div.review_divider div.review_detail div.submitted { float: left; font-size: .92em; font-weight: bold; color: #666666; width: 100%; margin-top:10px; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail span.you_cannot, div.groups div.review_divider div.review_detail span.you_cannot{ text-transform: none; font-weight: normal; _float:left;} div.story_listing_reviews div.wrapper div.review_divider div.review_detail .see_full_review, div.groups div.review_divider div.review_detail .see_full_review { font-weight: bold; float: left; margin-right:5px; } .see_all_nt_reviews { margin-top: 5px; clear:both; font-weight: bold; font-size: .92em; color:#3f3f3f; } .see_all_nt_reviews a { color:#6388C0; } div.flat div.wrapper .article.member_activity .row2 { margin:0px; float: left; color: #3f3f3f; } div.flat div.wrapper .article.member_activity .row2 a { color:#6388C0; } div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.small_note .rate_title, div.groups div.review_divider div.review_detail div.small_note .rate_title{ float: left;} div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.small_note .rating_input, div.groups div.review_divider div.review_detail div.small_note .rating_input{ padding:2px; margin:0px; } /* div.story_listing_reviews div.wrapper div.review_divider div.review_detail div.small_note .rate_title .help { float:left; margin-top:3px;}*/ /****Story Listings RightRail ****/ div.dark div.header h3 { color: #3f3f3f;} div.right_column_box div.stage_right { margin:0px; float: none; width: auto; } div.right_column_box div.stage_right li { float: none; margin-bottom: 10px; margin-top:10px; } div.right_column_box div.stage_right div.posted_by { display: none; } div.right_column_box div.stage_right li div.story_links { display: none; } .stage_right li .byline span.favicon { margin-top:-2px; } span.right_column_more { font-size:.92em; font-weight: bold; text-transform: uppercase; text-align: center; margin-top:10px; float: left; width: 100%; *height: 25px; *padding-bottom: 10px; } span.right_column_more a { background:url(/images/ui/right_rail_down.png) no-repeat center bottom; _background:url(/images/ui/right_rail_down.gif) no-repeat center bottom; padding-bottom: 8px; } span.right_column_more a:hover { text-decoration: none; color: #385AC8; } span.right_column_more a.on { background:url(/images/ui/right_rail_up.png) no-repeat center top; background:url(/images/ui/right_rail_up.gif) no-repeat center top; padding-top: 8px; *height: 25px; *padding-top: 8px; width: 100%; float: left; } span.right_column_more a.on:hover { background:url(/images/ui/right_rail_up.png) no-repeat center top; background:url(/images/ui/right_rail_up.gif) no-repeat center top; padding-top: 8px; *height: 25px; *padding-top: 8px; width: 100%; float: left; } span.help_link { border-top:1px dotted #ADADAD; color:#ACACAC; float:left; font-size:1em; font-weight:bold; margin-top:20px; padding-top:10px; width:290px; } span.help_link a { color:#ACACAC;} div.empty_list { font-size: 1.17em; font-weight: bold; padding:0px 15px 0px 15px; } div.empty_list a.review { background-image: none; float: none; background: none; height: auto; width: auto; margin:0px;} div.empty_list a.on { background-position: inherit;} div.right_column_box div.topics { font-size: 1em; line-height: 1.5em; margin: 5px 0px 5px 0px; font-weight: bold; } div.right_column_box div.topics a { color: #6388c0; } div.right_column_box div.topics a.add { background:url(/images/ui/add_plus.png) no-repeat left center; _background:url(/images/ui/add_plus.gif) no-repeat left center; padding-left: 12px; } /*****Overview pages********/ div.overview_page { -webkit-border-radius:10px; -moz-border-radius:10px; background-color: #ffffff; -webkit-box-shadow:0 5px 10px #CCCCCC; -moz-box-shadow:0 5px 10px #CCCCCC; box-shadow:0 5px 10px #CCCCCC; padding: 15px; width: 920px; border: 1px solid #ffffff; height: auto; } div.overview_page div.overview_page_info { } div.overview_page div.overview_sources {position: relative;clear: both;width: 950px;} div.overview_page div.column { margin-bottom: 2em; margin-right:45px; width: 430px; padding: 0px; margin-bottom: 35px; } div.overview_page div.column.box { background-color: transparent; } div.overview_page div.column.last { margin-right: 0px;} div.overview_page h2 { color:#3F3F3F; font-size:2em; font-weight:bold; margin-bottom:10px; } div.overview_page p { font-size: 1em; } div.overview_page div.footnotes { font-size: 1.17em; position: relative; width: 100%; float: left; } div.column_header { border-bottom: 1px solid #cccccc; display: block; padding-bottom: 10px; *float:left; *width:430px; } div.overview_page div.column_header h3 { font-size:1.4em; color:#3F3F3F; font-weight:bold; display: inline; *width:250px; *float:left; } div.overview_page div.column_header span.editorial_gray {float: right;padding-top: 7px;margin-right:25px;} div.overview_page div.category { font-size:1.1em; padding: 0px; margin: 0px; color:#666; font-weight:bold; text-transform: uppercase; text-align:center; white-space:nowrap; } div.overview_page hr.category { color:#aaa; background-color:#aaa; height:1px; border:none; } div.overview_page table.category { width:900px; border-spacing:0px; } div.overview_page td.category { width:50%; padding:18px 0 0 0; margin:0; } div.overview_page td.category2 { padding: 2px; } div.main_column_box_new td.source_entry { width: 165px; } div.overview_page a.more { font-weight: bold; font-size: 1em;} div.overview_page div.overview_entry { line-height: 1em; border-bottom: 1px dotted #cccccc; padding:15px 0 15px 0px; display: block; position: relative; } div.overview_page div.overview_entry a { color:#3f3f3f; font-weight: bold; font-size: 1em; } div.overview_page div.overview_entry div.rating {margin-top: -8px;*width:100px;} div.overview_page div.overview_entry div.full_review { float: right; margin-top: -5px; *width:65px; } div.overview_page div.overview_entry div.full_review a.full_review { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left top; width:53px; height: 24px; float: right; margin:0px 2px 0px 0px; } div.overview_page div.overview_entry div.full_review a.full_review.on { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left -24px; } div.overview_page div.overview_entry div.full_review a.full_review:hover { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left -24px; } /* remove the external link from the overview page source links */ div.overview_page div.overview_entry a.pubname { /*background:transparent url(/images/ui/tools/view_small.png) no-repeat scroll right center; _background:transparent url(/images/ui/tools/view_small.gif) no-repeat scroll right center; padding-right: 13px;*/ display: block; width: 250px; } div.overview_page div.overview_entry.source_to_rate a.pubname { *float:left;} div.overview_page div.overview_entry div.review_tools { display: inline; float: right; position: absolute; right: -4px; top: 15px; vertical-align: top; width: 200px; *width:220px;} div.overview_page div.more_sources { display: block; padding-top: 10px;} div.overview_page div.topics { height: 240px; float: left;} div.overview_page div.column.box.topics { margin-bottom: 2em; margin-right:40px; width: 275px; padding: 0px; margin-bottom: 40px; } div.overview_page div.column.box.topics div.column_header {*width:275px;} div.overview_page div.column.box.topics div.overview_entry { line-height: 1.33em; padding: 10px 0px;} div.overview_page span.overview_entry a, body.popup span.overview_entry a { color: #666666; font-weight: bold; line-height: 1.17em; font-size: 1em; } div.overview_page a.subsubhead, div.overview_page div.subsubhead { display: block; color: #999; font-weight: bold; margin: 10px 0px 10px 0px; width: 100%; font-size: 11px; } div.overview_page span.pubownership { text-transform: uppercase; color: #666666; font-size: 11px; font-weight: bold; float: right; } div.overview_page div.footnotes, div.overview_page div.footnotes p { color: #999; font-size: 12px; } div.overview_page div.footnotes h4 { font-size:1.2em; color:#666666; font-weight:bold; padding-bottom: 5px; } div.overview_page span.more { background:transparent url(/images/ui/more.png) no-repeat scroll right 8px; float:left; padding-right:23px; text-align:left; } div.overview_page span.less { background:transparent url(/images/ui/less.png) no-repeat scroll right 5px; float:left; padding-right:23px; text-align:left; font-weight: bold; } div.overview_page div.end_note { width: 100%; border-bottom: 1px solid #cccccc; margin-bottom: 15px; padding-bottom: 15px; } div.overview_page div.footnotes, div.overview_page div.footnotes p { color: #999; font-size: 12px; } div.overview_page div.footnotes h4 { font-size:1.2em; color:#787878; font-weight:bold; } /*****Overview Overlay********/ #form_placeholder > #source_review_form {margin: 0px;} div.source_review_dialog { padding: 0px; border: none; } div.source_review_dialog div.ui-widget-content.ui-dialog {border: none;padding: 0px;} div.source_review_dialog.ui-corner-all { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } div.source_review_dialog div.ui-widget-header { background: none repeat scroll 0 0 transparent; border: medium none; height: 20px; margin: 0; padding: 0; position: absolute; right: 0; top: 5px; width: 20px; } /****Source Review Listing****/ div.main_column_box_new { background-color: #FFFFFF; margin-bottom: 15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color: #ffffff; -webkit-box-shadow:0 5px 10px #CCCCCC; -moz-box-shadow:0 5px 10px #CCCCCC; box-shadow:0 5px 10px #CCCCCC; padding: 15px; } td.source_entry div.rating {*width:100px;} td.source_entry div.full_review { float: right; margin-top: 3px; *width:65px; } td.source_entry div.full_review a.full_review { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left top; width:53px; height: 24px; float: right; margin:0px 2px 0px 0px; } td.source_entry div.full_review a.full_review.on { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left -24px; } td.source_entry div.full_review a.full_review:hover { background: url(/images/ui/tools/nt_review_btn_large.png) no-repeat left -24px; } div.flat.source_reviews_listing { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color: #ffffff; -webkit-box-shadow:0 5px 10px #CCCCCC; -moz-box-shadow:0 5px 10px #CCCCCC; box-shadow:0 5px 10px #CCCCCC; } div.flat.source_reviews_listing div.wrapper {background: none;} div.flat.source_reviews_listing h2 { font-size: 1.17em; font-weight: bold; padding: 15px 15px 5px 15px; text-transform: uppercase; } span.return { font-size: .92em; padding: 0px 15px 0px 15px; } /*****Member Page******/ .story_listing_reviews.flat { margin-top: 20px; } #about_me p { font-size: 1em;} div.story_listing_reviews div.wrapper div.header.activity { background:transparent url(/images/ui/story_listings/activity_header.png) no-repeat scroll left top; _background:transparent url(/images/ui/story_listings/activity_header.gif) no-repeat scroll left top; height:13px; margin:0 0 15px 15px; width:100%; _margin:5px 0 10px 10px; } div.member_profile .post, div.member_profile .like { display:none; } div.member_profile .all_activity { display:block; } div.flat div.wrapper .article .member_detail { border-top: none; } div.flat div.wrapper .article ul { padding: 0; margin:0px; } div.flat div.wrapper .article .member_detail li .story_links { border-bottom: none; margin: 0px; padding: 0px; display: none; } div.flat div.wrapper .article .member_detail li .story_links .row1 { margin-top:0px; } div.flat div.wrapper .article.member_activity li .story_links .row1 { margin-top:0px; } div.flat div.wrapper div.article.member_activity li { padding-top: 5px; padding-bottom: 5px; border-top:none; } div.flat div.wrapper .article .member_detail li .story_links .row1 .trustometer { background: url(/images/ui/nt_rating_text.png) no-repeat left center; padding-right: 40px; width: auto; } div.flat div.wrapper .article .member_detail li .story_links .row1 .trustometer .no_rating { } div.flat div.wrapper .article .member_detail li .story_links .row1 .trustometer .bar { margin-left: 57px; } div.flat div.wrapper .article .member_detail .review_detail { border-bottom: 1px dotted #ACACAC; margin: 0px 20px 0px 15px; } div.flat div.wrapper div.comment_detail .article.member_detail .review_detail { border-bottom: none; margin: 0px 40px 0px 40px; } div.story_listing_reviews div.wrapper .member_detail div.review_divider div.review_detail div.review_part p { padding-top:0px; font-size: 1.17em; line-height: 1.17em; float: left; margin:0px; width: 90%; padding-bottom: 5px; } #member_level div.headRating div.ratingLabel { font-size: 1em; } #member_level .headRating { padding-bottom: 10px; } #member_level div.ratingLabel { font-size: 1em; color: #666666; } #member_level div.rating { font-weight: bold;} div.flat div.wrapper div.article.member_activity { border-top:none; *border: 1px solid #ffffff; /***IE7 hack for JS bug***/ } .member_detail span.featured { float: left; margin-top: 3px; margin-left: 5px;} .activity_date, .activity_meaning { padding: 0 0 5px 15px; font-size: 1.17em; font-weight: bold; color: #3f3f3f; width: 70%; margin-top:10px; float:left; } span.green, span.nt_green { color: #399800; } span.nt_blue { color: #385ac8; } .activity_date { color: #BBB; } /*******Review Detail *****/ div.review_detail_part { } div.story_listing_reviews.review_detail_part div.wrapper div.header { background:url(/images/ui/story_listings/review_header.png) no-repeat left top; _background:url(/images/ui/story_listings/review_header.gif) no-repeat left top; height: 13px; margin:0px 0px 15px 15px; _margin:5px 0px 0px 10px; _width: 100%; _float:left; _width: 98%; } div.story_listing_reviews.review_detail_part div.wrapper div.header h3 { margin-left: -5000px; float: left; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider { border-top: 2px solid #f3f3f3; padding-top: 15px; *padding-top: 0px;} div.story_listing_reviews.review_detail_part div.wrapper div.reviews.one div.review_divider { border-top: none; padding-top: 5px; *padding-top: 0px;} div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail { border-bottom: none; padding-bottom: 0px; margin-bottom: 10px;} div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.notes { font-size: 1.17em; line-height: 1.33em; padding:15px 0px 10px 0px; border-bottom:1px dotted #ACACAC; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.notes p{ width: 560px;} div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.comment { font-size: 1.17em; line-height: 1.33em; padding:10px 0px 10px 0px; border-bottom:1px dotted #ACACAC; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.comment p { color: #3f3f3f; width: 560px; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.quotes { font-size: 1.17em; line-height: 1.33em; padding:10px 0px 10px 0px; border-bottom:1px dotted #ACACAC; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.quotes p { float: right; padding-bottom: 10px; width: 560px; color: #3f3f3f; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider .review_detail .review_part.quotes .quote_comment { color: #666666; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider .review_detail .review_part.quotes .quote_comment p { font-size: .92em; line-height: 1.08em; background:url(/images/ui/story_listings/comment_icon.png) no-repeat left top; _background:url(/images/ui/story_listings/comment_icon.gif) no-repeat left top; padding-left:28px; float: left; color:#666666; margin-left: 40px; width: 80%; } div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.review_part.links { font-size: 1.08em; line-height: 1.33em; padding:15px 0px 10px 0px; border-bottom:1px dotted #ACACAC; } .links_alone_icon { background:url(/images/ui/story_listings/link_icon.png) no-repeat left bottom; _background:url(/images/ui/story_listings/link_icon.gif) no-repeat left bottom; height: 20px; float: left; width: 28px; _width: 28px; } .links_alone { width: 510px; _width: 490px; float: left; } .links_alone div { padding-bottom: 2px;} div.story_listing_reviews.review_detail_part div.wrapper div.review_divider div.review_detail div.small_note { padding-top: 10px; color: #666666; font-size: 1.08em;} /* more TEMP (FIXME) goofin around -- AF */ #meta_reviews { color: #bbb; } #meta_reviews h4, #meta_reviews h2 { font-size: 1.17em; margin-bottom: 5px; color: #333; } #meta_reviews .metareview { padding: 5px 0; } #meta_reviews .title { font-weight: bold; } /****topic and source page*****/ div.topic_source div.wrapper { padding-left:15px; padding-right:15px; width:600px; } .topic_source h2 { font-size: 1.7em; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; text-transform: uppercase; padding-bottom: 5px; } .topic_source p { line-height: 1.33em; } .topic_source a { font-weight: bold; } .topic_source .more_info_box h3 { } .topic_source_listing_tabs { margin-top: 20px; } .topic_source_listing_tabs h4.bottom { background: none; height: auto; margin-bottom: 0px; } .topic_source_listing_tabs div.tab_num_2 ul.tabs li span { width: 315px; font-size: 1.08em; font-weight: bold; color: #3f3f3f; } .topic_source_listing_tabs ul.tabs li.firstTab a.sel { background:url(/images/ui/tab_left_on-sm.png) no-repeat left top; _background:url(/images/ui/tab_left_on.gif) no-repeat left top; border: none; padding: 0px; margin: 0px; height: 43px; color: #3f3f3; float: left; *padding-bottom: 20px; _float:left; _width:314px; _display:block; _vertical-align:top; } .topic_source_listing_tabs ul.tabs li.firstTab a { background:url(/images/ui/tab_left_off-sm.png) no-repeat left top; _background:url(/images/ui/tab_left_off.gif) no-repeat left top; border: none; padding: 0px; margin: 0px; height: 43px; _float:left; } .topic_source_listing_tabs ul.tabs li.firstTab a span.text { color: #6388c0; padding-top: 7px; } .topic_source_listing_tabs ul.tabs li.firstTab a.sel span.text { color: #3f3f3f; padding-top: 7px; } .topic_source_listing_tabs ul.tabs li a { background:url(/images/ui/tab_right_off-sm.png) no-repeat right top; _background:url(/images/ui/tab_right_off.gif) no-repeat right top; border: none; padding: 0px 0px 0px 6px; margin: 0px; height: 43px; } .topic_source_listing_tabs ul.tabs li.secondTab a { background:url(/images/ui/tab_right_off-sm.png) no-repeat left top; _background:url(/images/ui/tab_right_off-sm.gif) no-repeat left top; border: none; padding: 0px; margin: 0px; height: 43px; } .topic_source_listing_tabs ul.tabs li.secondTab a ul.tabs li span.text { padding-top: 7px; } .topic_source_listing_tabs ul.tabs li a span.text { color: #6388c0; padding-top: 7px; } .topic_source_listing_tabs ul.tabs li.secondTab a.sel { background:url(/images/ui/tab_right_on-sm.png) no-repeat left top; _background:url(/images/ui/tab_right_on-sm.gif) no-repeat left top; border: none; padding: 0px; margin: 0px; height: 43px; *padding-bottom: 20px; _float:left; _width:314px; _display:block; _vertical-align:top; } .topic_source_listing_tabs ul.tabs li a.sel { background:url(/images/ui/tab_right_on-sm.png) no-repeat right top; _background:url(/images/ui/tab_right_on-sm.gif) no-repeat right top; border: none; padding: 0px 0px 0px 6px; margin: 0px; height: 43px; *padding-bottom: 20px; _float:left; _width:314px; _display:block; _vertical-align:top; } .topic_source_listing_tabs ul.tabs a.sel span.text { color: #3f3f3f; padding-top: 7px; } .topic_source_listing_tabs .content { background:url(/images/ui/tabbox_bg.png) repeat-y left top; _background:url(/images/ui/tabbox_bg.gif) repeat-y left top; border: none !important; background-color: transparent; margin: 0px; padding:0px 15px 10px 15px; _margin: -20px 0px 0px 0px; _padding:0px 15px 0px 15px; _float:left; _width:100%; } .topic_source_listing_tabs .bottom { background:url(/images/ui/tabbox_bottom.png) no-repeat left bottom; _background:url(/images/ui/tabbox_bottom.gif) no-repeat left bottom; height: 8px; margin-bottom: 0px; float: left; width:100%; _margin-top:-10px; } div.story_listing_reviews div.topic_source_listing_tabs div.main_column_box div.bottom{ background:url(/images/ui/tabbox_bottom.png) no-repeat left bottom; _background:url(/images/ui/tabbox_bottom.gif) no-repeat left bottom; height: 8px; margin-bottom: 0px; float: left; width:100%; _margin-top:-10px; } .topic_source_listing_tabs .main_column_box { margin-bottom: 0px !important; _float:left; } .topic_source_listing_tabs .main_column_box ul.tabs li { font-size: 1.14em; } .topic_source_listing_tabs .content .category_sub_head, body.popup .category_sub_head { background-color:#FFFFFF; border-bottom:1px solid #ACACAC; border-top:none; display:block; float:none; font-size:1.33em; font-weight:bold; margin:0; padding:0 0 5px; width:auto; } .topic_source_listing_tabs .content .category_sub_head a { color: #3f3f3f; } .topic_source_listing_tabs .content a.subsubhead { display: visible;} .topic_source_listing_tabs .content .category_sub_head .timespan_links { font-size: 0.69em; color: #acacac; padding-top: 4px; } .topic_source_listing_tabs .content .category_sub_head .timespan_links a { color: #6388c0; font-weight: bold;} .topic_source_listing_tabs .content .flat { float: none; margin: auto; } .topic_source_listing_tabs .content .flat .wrapper { float: none; margin: auto; padding: 0px; } .topic_source_listing_tabs .content .flat .wrapper .article { border: none; float: none;} .topic_source_listing_tabs .content .flat .wrapper .article li { padding: 15px 0px 0px;} .topic_source_listing_tabs .content .category_sub_foot { line-height: 3em; padding: 5px 5px 0px 5px; *padding: 0px 5px 0px 5px; margin-bottom: 20px; border-bottom: 1px solid #acacac; float: left; width:98%; } .topic_source_listing_tabs .content span.read_more a{ background-color:#ECF2FC; color:#464646; padding:1px;} /* SSS: Overrides for source tabs where there are only 2, not 3 -- setting styles as they used to be */ .source_listing_tabs ul.tabs li.firstTab a.sel { background:url(/images/ui/tab_left_on.png) no-repeat left top; } .source_listing_tabs ul.tabs li.firstTab a { background:url(/images/ui/tab_left_off.png) no-repeat left top; } .source_listing_tabs ul.tabs li a { background:url(/images/ui/tab_right_off.png) no-repeat left top; _background:url(/images/ui/tab_right_off.gif) no-repeat left top; } .source_listing_tabs ul.tabs li.secondTab a { background:url(/images/ui/tab_right_off.png) no-repeat left top; _background:url(/images/ui/tab_right_off.gif) no-repeat left top; } .source_listing_tabs ul.tabs li a.sel { background:url(/images/ui/tab_right_on.png) no-repeat left top; _background:url(/images/ui/tab_right_on.gif) no-repeat left top; } .source_listing_tabs ul.tabs li.secondTab a.sel { background:url(/images/ui/tab_right_on.png) no-repeat left top; _background:url(/images/ui/tab_right_on.gif) no-repeat left top; } div.top_sources h1 { font-size:15px; font-weight:bold; margin: 0 5px 5px 0; } div.top_sources h2 { font-size:13px; font-weight:bold; margin-bottom:6px; } div.top_sources a.pubname, div.top_sources span.pubname { text-transform: uppercase; color: #666666; font-weight:bold; font-size:11px; } div.top_sources span.read_more a { color: #464646; background-color: #ecf2fc; padding:1px; } div.top_sources span.read_more a:hover { color: #464646; background-color: #d6e6ff; text-decoration: none; padding:1px; } div.top_sources a.small_note { color: #666666; font-size: 10px; } div.top_sources div.sources_list { margin-bottom:10px; } /*****Member signup/log in*******/ /*****MISC*******/ span.edit_story { font-size: 1.14em; font-weight: bold; color: #acacac; text-transform: uppercase; float: left; width: 100%; margin-bottom: 10px;} div.story_listing_detail .edit .edit_buttons { float: left; } /*****Story Listings******/ .story_filters_form_top { background: url('/images/ui/filter_large_top_bg.png') no-repeat left top; _background: url('/images/ui/filter_large_top_bg.gif') no-repeat left top; height: 5px; margin: 0px; padding: 0px; } .story_filters_form_bottom { background: url('/images/ui/filter_large_bottom_bg.png') no-repeat left top; _background: url('/images/ui/filter_large_bottom_bg.gif') no-repeat left top; height: 5px; margin: 0px 0px 20px 0px; padding: 0px; } #story_filters_form { margin-bottom: 0px; padding:5px; background: url('/images/ui/filter_large_bg.png') repeat-y left top; _background: url('/images/ui/filter_large_bg.gif') repeat-y left top; _margin-top:-10px; _padding-bottom:0px; } div.filter_form_div { padding: 0 2px 3px 15px; font-weight: bold; } .filters_hidden div#all_filters { display: none; } .filters_shown div#all_filters { display: block; float: left; width: 100%; } div.time_selectors { font-size: .92em; float: right; color:#3f3f3f; margin-right: 10px; padding-top: 2px; *padding-top:0px; } div.time_selectors a { color: #6388c0; } div.time_selectors a:hover { } div.filter_header { font-size: 1.17em; color: #385ac8; cursor: pointer; } div.filter_form_div.hidden div.filter_header { background:transparent url(/images/ui/more.png) no-repeat scroll right 8px; _background:transparent url(/images/ui/more.gif) no-repeat scroll right 8px; float:left; padding-right:23px; text-align:left; } div.filter_form_div.show div.filter_header { background: url('/images/ui/less.png') no-repeat right 5px; _background: url('/images/ui/less.gif') no-repeat right 5px; float:left; padding-right:23px; text-align:left; } span.timespan { color: #6388c0; cursor: pointer; } span.timespan:hover { text-decoration: underline; } span.selected { text-decoration: none; color: #3f3f3f; cursor: normal; } div.filter { position: relative; float: left; margin: 10px 20px 0 0px; padding: 4px 0; *padding: 0px 0; } div.filter label { font-weight: bold; font-size: 1.17em; color: #666; display:inline; width: 75px; padding-right: 5px; } div.filter select{ top: 1px; color: #333; font-size:11px; *margin-top: 10px; } h2.listing_title { font-size: 16px; font-weight: bold; margin-bottom: 10px; } h2.listing_title span.highlight { color: #a00; } h2.listing_title span.topic { } h2.listing_title span.listing_type { font-size: 1em; } h2.listing_title span.content_type { font-size: .92em; font-weight: bold; color: #acacac; } div.filter_button { float:left; margin-bottom:0; margin-left:0; margin-right:0; margin-top:15px; width:100%;} div.filter_button .submit_btn { display: block; background: url(/images/ui/btn_filter.png) no-repeat left top; _background: url(/images/ui/btn_filter.gif) no-repeat left top; width:55px; height: 26px; margin:0px 0px 10px 0px; border: none; cursor: pointer; } div.filter_button .submit_btn:hover { background: url(/images/ui/btn_filter.png) no-repeat left bottom; _background: url(/images/ui/btn_filter.gif) no-repeat left bottom; _margin-left:0px; _width:55px;} div.story_listing_full div.listing { } div.story_listing_full p { font-size:1.17em; line-height:1.33em; width: 100%; margin-bottom: 5px;} div.story_listing_full div.listing .top { background: url('/images/ui/white_box_full_top.png') no-repeat left top; _background: url('/images/ui/white_box_full_top.gif') no-repeat left top; height: 5px; margin: 0px; padding: 0px; } div.story_listing_full div.listing .bottom { background: url('/images/ui/white_box_full_bottom.png') no-repeat left top; _background: url('/images/ui/white_box_full_bottom.gif') no-repeat left top; height: 5px; margin: 0px; padding: 0px; } div.story_listing_full div.listing .wrapper { background: url('/images/ui/white_box_full-grid_bg.png') repeat-y left top; _background: url('/images/ui/white_box_full-grid_bg.gif') repeat-y left top; margin: 0px; padding: 0px; height: auto; float: left; width: 100%; _margin-top:-10px; } div.story_listing_full div.listing .wrapper ul.head_row { list-style: none; font-size: 1.17em; font-weight: bold; border-bottom: 2px solid #f2f2f2; width: 100%; float: left; margin:0px 0px 0px 0px; text-transform: uppercase;} div.story_listing_full div.listing .wrapper ul.head_row li { float: left; padding: 10px 0px 10px 10px; } div.story_listing_full div.listing .wrapper ul.head_row li.title { width:400px;} div.story_listing_full div.listing .wrapper ul.head_row li.source { width:200px;} div.story_listing_full div.listing .wrapper ul.head_row li.rating { width:200px;} div.story_listing_full div.listing .wrapper ul.head_row li.date { width:100px; border: none;} div.story_listing_full div.listing .wrapper ul.stories_full_listings { list-style: none; font-size: 1em; border-bottom: 2px solid #f2f2f2; width: 100%; float: left; margin:0px 0px 0px 0px; text-transform: uppercase; padding: 0px;} div.story_listing_full div.listing .wrapper ul.stories_full_listings li { float: left; padding: 10px 0px 10px 10px; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.title { width:390px; font-family: Georgia, Times, serif; font-size: 1.17em; color: #385ac8; font-weight: bold; line-height: 1em; text-transform: none; padding-right: 10px; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.title .posted_by { font-size: 11px; color: #adadad; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: normal; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.title .feed_attribution { margin-top:5px; font-size:11px; text-transform:none; color: #666; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.title .feed_attribution a { color: #385ac8; font-weight: normal; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.source { width:200px;} div.story_listing_full div.listing .wrapper ul.stories_full_listings li.source .byline { color: #adadad; font-size: 0.92em; font-weight: bold; padding-top: 5px; line-height: 1.1em; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.source a.pubname { text-transform: uppercase; color: #666666; font-size: 11px; font-weight: bold; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.source .pubname { text-transform: uppercase; color: #666666; font-size: 11px; font-weight: bold; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.source .byline span.author { text-transform: uppercase; color: #666666; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.rating { width:200px; padding-bottom:0px;} div.story_listing_full div.listing .wrapper ul.stories_full_listings li.rating .story_links { width: 200px; border-bottom: none; float: left; padding-bottom:10px; margin-top: 0px; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.rating .row1 { float: left; width: 100%; margin-bottom: 5px; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.rating.row2 { float: left; margin:10px 0px 0px 5px; color: #3f3f3f; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.rating .row2 a { color: #385ac8; font-weight: bold; font-size: .92em; } div.story_listing_full div.listing .wrapper ul.stories_full_listings li.date { width:100px; border: none; color: #acacac; font-size: 1.08em; font-weight: bold; } /****Search Results*******/ div.story_listing_full.search div.listing .wrapper { background: url('/images/ui/white_box_full_bg.png') repeat-y left top; _background: url('/images/ui/white_box_full_bg.gif') repeat-y left top; margin: 0px; padding: 0px; height: auto; float: left; width: 100%; } div.story_listing_full.search div.listing .wrapper .head_row { float: left; width: auto; padding:10px 0px 10px 15px; font-weight: bold;} div.story_listing_full.search div.listing .wrapper .head_row h2 { font-size: 1.17em; font-weight: bold; text-transform: uppercase; } div.story_listing_full.search div.listing .wrapper dl.inline_list { float: right; font-size: .92em; font-weight: bold; margin:10px 15px 0px 0px; } div.story_listing_full.search div.listing .wrapper dl.inline_list dd { margin:0px; display: inherit; padding-left:4px;} div.story_listing_full.search div.listing .wrapper dl.inline_list a { color: #6388C0; } div.story_listing_full.search div.listing .wrapper dl.inline_list a:hover { text-decoration: underline;} div.story_listing_full.search div.listing .wrapper .results { border-top:2px solid #f2f2f2; width: 100%; float: left; } div.story_listing_full.search div.listing .wrapper .results dl { font-size: 1.17em; margin: 10px 0px 10px 0px; border-bottom: 2px solid #f2f2f2; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; } div.story_listing_full.search div.listing .wrapper .results a.pubname { color:#666666; font-size:11px; font-weight:bold; text-transform:uppercase;} div.story_listing_full.search div.listing .wrapper .results .pubname { color:#666666; font-size:11px; font-weight:bold; text-transform:uppercase;} div.story_listing_full.search div.listing .wrapper .results dt.title { font-family: Georgia, Times, serif; font-size: 1em; padding-bottom: 0px; _width:100%; _display:block; } div.story_listing_full.search div.listing .wrapper .results p { font-size: .92em; width: 800px; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; } .wrong_results { float: left; width: 100%; } .wrong_results dt { font-weight:bolder; padding: 1.0em 0; font-size: 1.2em; border: 1px solid none; border-top: 2px solid #ffffff; width: 100%; color: #666666; } .wrong_results dd { border: 1px solid none; border-left: 4px solid #666666;; padding-left:4px; margin-left:1.0em; margin-bottom: 4px; color: #666666; } /******FAQ*******/ div.help_page { margin-bottom: 30px; } div.help_page h1 { font-size:1.5em; font-weight:bold; padding-bottom: 15px; } div.help_page h2 { font-size:1.33em; font-weight:bold; padding:15px 0px 0px 0px; } div.help_page p { line-height:1.33em; margin-bottom: 12px;} div.help_page div.listing .top { background: url('/images/ui/white_box_full_top.png') no-repeat left top; _background: url('/images/ui/white_box_full_top.gif') no-repeat left top; height: 5px; margin: 0px; padding: 0px; } div.help_page div.listing .bottom { background: url('/images/ui/white_box_full_bottom.png') no-repeat left top; _background: url('/images/ui/white_box_full_bottom.gif') no-repeat left top; height: 9px; width: 100%; padding: 0px; margin: 0 0 30px 0; float: left; } div.help_page div.listing .wrapper { background: url('/images/ui/white_box_full_bg.png') repeat-y left top; _background: url('/images/ui/white_box_full_bg.gif') repeat-y left top; padding: 0px; height: auto; float: left; width: 100%; } div.help_page div.listing .wrapper .interior { width: 80%; padding: 15px; font-size: 12px; } div.popup_form div.help_page div.listing .wrapper .interior { width: 90%; padding: 15px; font-size: 12px; } div.help_page ul { margin: 0px 0px 18px 20px;} div.popup_form div.help_page ul { margin: 0px 0px 18px 10px;} div.help_page li { margin-left: 15px; padding:5px 0px 5px 0px; } div.help_page span.back_top { margin-bottom: 15px; width: 100%; float: left; margin-top: 15px; } div.popup_form div.help_page span.back_top { margin-bottom: 15px; width: 100%; float: left; margin-top: 15px; } div.help_page span.back_top hr { background: url(/images/ui/pixel.png) repeat-x left center; width: 90%; float: left; height: 15px; margin-bottom: 0px; } div.popup_form div.help_page span.back_top hr { background: url(/images/ui/pixel.png) repeat-x left center; _background: url(/images/ui/pixel.gif) repeat-x left center; width: 78%; float: left; height: 15px; margin-bottom: 0px; } div.help_page a.subhead_plain, div.popup_form div.help_page a.subhead_plain { font-weight: bold; font-size: 11px; color: #6388C0; float: right; text-align: right; } div.help_page .subhead, div.popup_form div.help_page .subhead { font-size:1.17em; font-weight:bold; padding-bottom:0px; padding:15px 0px 0px 0px; width: 100%; float: none; } div.help_page span.subhead_plain_bold, div.popup_form div.help_page span.subhead_plain_bold { font-weight: bold; font-size: 1em; width: 100%; padding:15px 0px 10px 0px; float: left;} div.help_page td.subhead { font-size:1.17em; font-weight:bold; padding-bottom:0px; padding:0px 0px 0px 0px; width: 100%; float: left; } div.help_page td.subhead_plain_bold { font-weight: bold; font-size: 1em; width: 100%; padding:0px 0px 10px 0px; float: none; font-size: 12px;} div.help_page td.subhead_plain { font-size: 1em; width: 100%; padding:0px 0px 10px 0px; float: none;} body.popup h2 { font-size:1.5em; font-weight:bold; padding-bottom:15px; } body.popup { font-size: 12px; } div.help_page span.subhead_italic, div.help_page span.subhead_italic_med, div.help_page span.subhead_italic_mlg, div.popup_form div.help_page span.subhead_italic, div.popup_form div.help_page span.subhead_italic_med, div.popup_form div.help_page span.subhead_italic_mlg { font-weight: bold; font-style: italic; font-size: 1.25em; width: 100%; padding:0px 0px 10px 0px; float: left;} div.help_page span.subhead_italic_mlg, div.popup_form div.help_page span.subhead_italic_mlg { font-size:1.17em; padding:4px 0px 2px 0px; } div.help_page span.subhead_italic_med, div.popup_form div.help_page span.subhead_italic_med { font-size:1.0em; padding-bottom:2px; } div.help_page div.sect_indent, div.popup_form div.help_page div.sect_indent { margin-left:20px; } div.popup_form div.help_page p { margin-bottom: 8px;} div.help_page span.label { font-size: 1em; font-weight:bold; padding: 1px 5px 1px 5px; margin: 5px; width: auto; text-transform:uppercase; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } div.help_page span.false { background-color: #d36064;color:white } div.help_page span.mostly_false { background-color: #fd9a0a;color:white } div.help_page span.half_true { background-color: #ffe900;color:#666 } div.help_page span.mostly_true { background-color: #82b02e;color:white } div.help_page span.true { background-color: #1fa346;color:white } div.help_page span.not_sure, div.help_page span.in_progress, div.help_page span.cant_verify { background-color: #888;color:white } div.help_page span.fiction { background-color: black; color:white; } /****bonus *****/ div.todays_feeds_image { background: url(/images/feeds_large.png) no-repeat top left; _background: url(/images/feeds_large.jpg) no-repeat top left; width: 310px; height: 243px; float: left; } /****MY NEWS *****/ div.story_listing_reviews.member_profile.mynews div.top { background:url(/images/ui/mynews/mynews_listings_bg_top.png) no-repeat left top; height: 9px; } div.story_listing_reviews.member_profile.mynews div.bottom { background:url(/images/ui/mynews/mynews_listings_bg_btm.png) no-repeat left top; height: 9px; float:left; width:100%; } div.story_listing_reviews.member_profile.mynews div.wrapper { background:url(/images/ui/mynews/mynews_wrapper.png) repeat-y left top; padding-top:3px; float: left; _margin-top:-10px; _display:block; _padding-bottom:20px; } div.mynews.about_me { font-size: 1.14em; } div.mynews div.article h3 { font-weight:bold; font-size:1.0em; margin:10px 0 15px 0; } div.mynews span.mynews_subheadline { color:#666666; display:block; float:left; font-size:1.2em; font-weight:bold; margin-bottom:0; padding:0 0 5px 15px; width:auto; } div.mynews span.mynews_prompt { color:#666666; font-weight:normal; } div.mynews #info_toggle.quick_filters { margin-right: 0px; font-size: 1em; *width: 150px; } div.mynews div.quick_filters { float: right; margin: 0 0px 0 0; *margin: 0 15px 0 0;_margin: 0 10px 0 0; font-size: .92em; font-weight: bold; display: inline;*width:110px;} div.mynews div.quick_filters a { text-decoration:none; color:#6388c0; } div.mynews div.quick_filters a:hover { text-decoration:underline; } div.mynews div.quick_filters a span { float:left; margin-right: 3px; } div.mynews div.quick_filters a.sel { color: #666; font-weight:bold; } div.mynews div.quick_filters a.sel:hover { text-decoration:none; } div.mynews div.quick_filters.show_hide_info { float:left; margin-left:15px; } div.mynews div.quick_filters a.starred, div.mynews div.quick_filters a.starred:hover { font-size:1.05em; padding-left:19px; background: url(/images/ui/icon_star.png) no-repeat left bottom; _background: url(/images/ui/icon_star.gif) no-repeat left bottom; width:auto; margin-top: 4px; margin-right: 5px; *margin-left: 50px; *float:left; *margin-top:5px; } div.mynews div.quick_filters.sort_filters { margin-right:0px; *margin-right:15px; color: #acacac; } div.flat.mynews div.wrapper div.article li .title { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 1.45em; } div.flat.mynews div.wrapper .article .byline { display: block; padding: 10px 0px 5px 0px; } div.flat.mynews div.wrapper .article .excerpt { font-size:1em; line-height:1.33em; padding-bottom:5px;} div.flat.mynews div.wrapper div.article li { border-bottom: 1px solid #eeeeee; padding-top:15px; padding-bottom: 5px; } li#loading_msg { border-bottom: none; } div.flat.mynews div.wrapper .article li .story_links { border-bottom: none; position: relative; } div.flat.mynews div.wrapper .article li.loading_msg { border-bottom: none;} div.mynews span.feed_attribution a { font-weight: normal; color:#6388c0; } div.mynews div.matches_box { margin-top: 2px; float:right; border:1px solid #e0e0e0; position:absolute; right:0; bottom: 10px; background-color:#f3f3f3; z-index: 1; } div.mynews div.matches_box div.matches_title { padding:0px 4px 0px 4px; *padding:0px 8px 0px 4px; font-size: .92em; color: #6388C0; font-weight: bold; float: left; *width:60px; *float: none; } div.mynews div.matches_box div.matches_title:hover { text-decoration: underline; } div.mynews div.matches_box div.matches_arrow_down { background: url(/images/ui/mynews/matches_arrow.png) no-repeat 0px bottom; height: 5px; width: 6px; cursor: pointer; float: right; margin:5px 2px 0px 0px; *float: none; *position:absolute; *right:0px; *top:0px; } div.mynews div.matches_box div.matches_arrow_up { background: url(/images/ui/mynews/matches_arrow.png) no-repeat 0px top; height: 5px; width: 6px; cursor: pointer; float: right; margin:5px 2px 0px 0px; *float: none; *position:absolute; *right:0px; *top:0px; } div.mynews div.matches_box .my_news_info { clear:both; float:left; margin-top: 8px; margin-left: 0px; font-size: .92em; color: #9c9c9c; /*background-color:#fff;*/ } .my_news_info a { color:#6388C0; } .my_news_info { clear:both; float:left; margin-top: 8px; margin-left: 0px; font-size: .92em; color: #9c9c9c; } div.white_box.bottom { background:transparent url(/images/ui/story_listings/story_listings_bg_bottom.png) no-repeat scroll left top; float:left; height:7px; width:100%; } div.mynews a.explanation, div.mynetwork span.explanation { color: #adadad; } /* Filter Options box * */ .mynews .filter_options_box { width: 627px; float: left; } .mynews .filter_options_box .top { height: 5px; background: none !important; } .mynews .filter_options_box .bottom { height: 5px; float:left; width:100%; background: none !important; } div.story_listing_reviews.member_profile.mynews .filter_options_box .wrapper { float: left; background-color: #f5f9ff; width: 625px; _margin-top:-10px; background-image: none !important; margin-left:2px; margin-top:-7px; width:626px; padding-bottom: 3px; *height:25px; border-top: 2px solid #f3f3f3; } .mynews .filter_options_box div.bottom { border-top:2px solid #f6f6f6; } .mynews .filter_options_box .wrapper h3 { font-size: 1.0em; font-weight: bold; margin:4px 0px 0px 5px; padding:0px 0px 0px 10px; height: 20px; line-height: 1.17em; color:#385AC8; float: left; } span.mynews_toplinks { font-size: .92em; font-weight: normal; color: #adadad; float: right; *margin-left:195px; } span.mynews_toplinks a { color: #adadad; float: left; padding:0px 4px 0px 4px; border-right:1px solid #adadad; } span.mynews_toplinks a.rss { padding:0px 2px 0px 2px; filter: alpha(opacity=50); opacity: 0.5; float:left; width:12px; height: 14px; border: none; } span.mynews_toplinks a.rss:hover { filter: alpha(opacity=100); opacity: 1.0; } span.mynews_toplinks a.share { background: url(/images/ui/tools/share.png) no-repeat left bottom; *background: url(/images/ui/tools/share.gif) no-repeat left bottom; _background: url(/images/ui/tools/share.gif) no-repeat left bottom; padding:0px 0px 0px 2px; filter: alpha(opacity=50); opacity: 0.5; float:left; width:10px; height: 12px; border: none; } span.mynews_toplinks a.share:hover { filter: alpha(opacity=100); opacity: 1.0; } span.mynews_toplinks a.email_mynews { background: url(/images/ui/tools/email_sel.png) no-repeat left bottom; _background: url(/images/ui/tools/email_sel.gif) no-repeat left bottom; filter: alpha(opacity=50); opacity: 0.5; float:left; width:13px; margin-left: 4px; height: 12px; border: none; padding:0px 2px 0px 2px; } span.mynews_toplinks a.email_mynews:hover { filter: alpha(opacity=100); opacity: 1.0; } .mynews .filter_options_box .button a { color:#385AC8; font-weight:bold; font-size: 1.14em; } .mynews .filter_options_box .wrapper span.more { background:url(/images/ui/mynews/icon_mynewsfilterarrow.png) no-repeat left top; width: 10px; height: 11px; float: left; margin:2px 3px 0px 0px; } .mynews .filter_options_box .wrapper span.less { background:url(/images/ui/mynews/icon_mynewsfilterarrow.png) no-repeat left bottom; height:10px; margin:2px 3px 0 0; width:10px; float: left; } .mynews .filter_options_box #filter_options { background-color:#F5F9FF; color:#666666; float:left; margin-left:2px; width:626px; } .mynews .filter_options_box #filter_options .section, .mynews .filter_options_box #filter_options .section_right { width: 250px; margin:0px 60px 0px 0px; float:left; padding:0px; } .mynews .filter_options_box #filter_options .section.right { margin:0px; padding:0px; } .mynews .filter_options_box #filter_options .content { width: 580px; padding:0px 0px 5px 20px; } .mynews .filter_options_box #filter_options .content span.title { color: #666666; font-size: 1em; font-weight: bold; } .mynews .filter_options_box #filter_options .content span.items { color: #888888; font-size: .95em; font-weight: bold; float:left; padding-top:7px } .mynews .filter_options_box #filter_options .mynews_prompt { padding-top: 15px; padding-bottom: 10px; color: #666666; font-size: 1.05em; font-weight: bold; } .mynews .filter_options_box #filter_options .content span.items p { display:inline; font-size:1em; width:420px;} .mynews .filter_options_box #filter_options .stats .content { width: 175px; } .mynews .filter_options_box #filter_options .stats .content span.items { color: #3f3f3f; font-size: 1em; float: right; font-weight: bold; } .mynews .filter_options_box #filter_options .content span.editorial_gray { font-weight: normal; color:#acacac; font-size: .92em;} .mynews .filter_options_box #filter_options .content .editorial_gray { color:#acacac; font-size: .92em; } .mynews .filter_options_box #filter_options form label, .mynews .filter_options_box #filter_options input[type="checkbox"] { display:normal; float:left; padding-top:5px; } ul.tabs li span.followers { font-size: .85em; color: #adadad; font-weight: normal; padding-left: 4px; display: inline; height: auto; width: auto;} a.subj_world_off, span.subj_world_off, a.subj_world_on:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px 0px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px 0px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_world_off:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -21px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -21px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; cursor: pointer; } a.subj_world_on, span.subj_world_on { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -21px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -21px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_us_off, span.subj_us_off, a.subj_us_on:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -42px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -42px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_us_off:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -64px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -64px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; cursor: pointer; } a.subj_us_on, span.subj_us_on { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -64px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -64px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_politics_off, span.subj_politics_off, a.subj_politics_on:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -85px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -85px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_politics_off:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -106px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -106px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; cursor: pointer; } a.subj_politics_on, span.subj_politics_on { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -106px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -106px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_business_off, span.subj_business_off, a.subj_business_on:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -127px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -127px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_business_off:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -148px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -148px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; cursor: pointer; } a.subj_business_on, span.subj_business_on { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -148px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -148px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_scitech_off, span.subj_scitech_off, a.subj_scitech_on:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -169px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -169px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_scitech_off:hover { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -190px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -190px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; cursor: pointer; } a.subj_scitech_on, span.subj_scitech_on { background: url(/images/ui/mynews/subject_buttons.png) no-repeat 0px -190px; _background: url(/images/ui/mynews/subject_buttons.gif) no-repeat 0px -190px; width:85px; height: 20px; float: left; margin:0px 10px 6px 0px; } a.subj_world_off, a.subj_world_on, a.subj_us_off, a.subj_us_on, a.subj_politics_off, a.subj_politics_on, a.subj_business_off, a.subj_business_on, a.subj_scitech_off, a.subj_scitech_on { cursor: pointer; } a.facebook_friends, a.facebook_friends:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px 0px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat top left; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; cursor: pointer; } a.facebook_friends:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -21px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -21px; } a.twitter_friends, span.twitter_friends, a.twitter_friends:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -42px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -42px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; } a.twitter_friends:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -63px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -63px; } a.twitter_friends, a.twitter_friends:hover { cursor: pointer; } a.facebook_feed, a.facebook_feed:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -84px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -84px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; cursor: pointer; } a.facebook_feed:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -105px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -105px; } a.twitter_feed, span.twitter_feed, a.twitter_feed:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -126px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -126px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; } a.twitter_feed, a.twitter_feed:hover { cursor: pointer; } a.twitter_feed:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -147px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -147px; } a.follow_topics, a.follow_topics:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -168px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -168px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; cursor: pointer; } a.follow_topics:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -189px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -189px; } a.follow_sources, a.follow_sources:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -210px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -210px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; cursor: pointer; } a.follow_sources:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -231px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -231px; } a.follow_members, a.follow_members:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -252px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -252px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; cursor: pointer; } a.follow_members:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -273px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -273px; } a.follow_feeds, a.follow_feeds:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -294px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -294px; width:236px; height: 21px; float: left; margin:4px 0 5px 2px; cursor: pointer; } a.follow_feeds:hover { background: url(/images/ui/mynews/btn_mynews.png) no-repeat 0px -315px; _background: url(/images/ui/mynews/btn_mynews.gif) no-repeat 0px -315px; } .mynews div.batch_autocomplete ul.selections li.in_taxonomy { background-color: transparent; border: none; background: url(/images/ui/mynews/followed_boxes.png) no-repeat left top; _background: url(/images/ui/mynews/followed_boxes.gif) no-repeat left top; width: 288px; height: 25px; font-size: .92em; margin-bottom: 0px; padding-bottom: 0px; padding-top: 5px; margin-top: 0px; cursor: pointer; } .mynews div.batch_autocomplete ul.selections li.in_taxonomy:hover, .mynews div.batch_autocomplete ul.selections li.in_taxonomy.new:hover { background: url(/images/ui/mynews/followed_boxes.png) no-repeat left -35px; _background: url(/images/ui/mynews/followed_boxes.gif) no-repeat left -35px; } .mynews div.batch_autocomplete ul.selections li.in_taxonomy.new { background: url(/images/ui/mynews/followed_boxes.png) no-repeat left -70px; _background: url(/images/ui/mynews/followed_boxes.gif) no-repeat left -70px; } .mynews div.batch_autocomplete ul.selections li.in_taxonomy.selected { background: url(/images/ui/mynews/followed_boxes.png) no-repeat left -105px; _background: url(/images/ui/mynews/followed_boxes.gif) no-repeat left -105px; } .mynews div.batch_autocomplete ul.selections li.in_taxonomy.selected a { color: white; } div.mynews div.batch_autocomplete ul.selections li.in_taxonomy span.unfollow { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_delete.png) no-repeat left top; _background: url(/images/ui/mynews/icon_delete.gif) no-repeat left top; width: 16px; height: 15px; margin-right:15px; margin-top:0px; float: right; cursor: pointer;} div.mynews div.batch_autocomplete ul.selections li.in_taxonomy span.unfollow:hover { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_delete.png) no-repeat left bottom; _background: url(/images/ui/mynews/icon_delete.gif) no-repeat left bottom; } div.mynews div.batch_autocomplete ul.selections li.in_taxonomy span.item { float:left; color:#aaa; } .mynews div.batch_autocomplete ul.selections li.in_taxonomy.selected span.item { float:left; color:#ddd; } span.follow_button { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_add.png) no-repeat left top; _background: url(/images/ui/mynews/icon_add.gif) no-repeat left top; width: 16px; height: 16px; padding-bottom:1px; } span.unfollow_button { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_delete.png) no-repeat left top; _background: url(/images/ui/mynews/icon_delete.gif) no-repeat left top; width: 16px; height: 16px; padding-bottom:1px; } a.follow_button, a.follow_only_button { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_add.png) no-repeat left top; _background: url(/images/ui/mynews/icon_add.gif) no-repeat left top; width: 16px; height: 15px; float: right; cursor: pointer; } a.follow_button:hover, a.follow_only_button:hover { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_add.png) no-repeat left bottom; _background: url(/images/ui/mynews/icon_add.gif) no-repeat left bottom; } a.unfollow_button { background-color: transparent; border: none; background: url(/images/ui/mynews/icon_delete.png) no-repeat left top; _background: url(/images/ui/mynews/icon_delete.gif) no-repeat left top; width: 16px; height: 15px; float: right; cursor: pointer; padding:0px; margin:0px; } a.unfollow_button:hover { background: url(/images/ui/mynews/icon_delete.png) no-repeat left bottom; _background: url(/images/ui/mynews/icon_delete.gif) no-repeat left bottom; } a.unfollow_only_button { /*should be no button showing*/ } a.starred { background-color: transparent; border: none; background: url(/images/ui/icon_star.png) no-repeat left top; _background: url(/images/ui/icon_star.gif) no-repeat left top; width: 17px; height: 16px; padding-right:3px; margin-top: 2px; float: left; cursor: pointer; } div.stage_right.right_column_box a.starred { margin-top:0px; } .story_listing_full a.starred { margin-top:0px;} a.starred:hover { background-color: transparent; border: none; background: url(/images/ui/icon_star.png) no-repeat left bottom; _background: url(/images/ui/icon_star.gif) no-repeat left bottom; } a.starred.on { background-color: transparent; border: none; background: url(/images/ui/icon_star.png) no-repeat left bottom; _background: url(/images/ui/icon_star.gif) no-repeat left bottom; width: 17px; height: 16px; padding-right:3px; float: left; cursor: pointer; } a.starred.on:hover { background-color: transparent; border: none; background: url(/images/ui/icon_star.png) no-repeat left top; _background: url(/images/ui/icon_star.gif) no-repeat left top; } div.mynews div.batch_autocomplete ul.selections li.in_taxonomy span.favicon, .mynews div.batch_autocomplete ul.selections li.in_taxonomy span.favicon12, .mynews div.batch_autocomplete ul.selections li.in_taxonomy span.favicon18 { padding-right: 4px; } div.mynews a.popup_link { font-weight: bold; border: none; padding-left:0px; } div.mynews div.input { margin:0px -10px 0px -10px; padding: 0px 10px 0px 10px; } div.mynews .review { margin-left:0px; } div.mynews a.review:hover { *margin-left:0px; } div.mynews .trustometer { margin-left:5px; } div.mynews .byline span.date, div.mynetwork .byline span.date{ text-transform:none; color:#ADADAD; } .story_listing_reviews.flat.mynetwork { margin-top: 0px;} .story_listing_reviews.flat.mynetwork div.wrapper .article .byline { margin-top: 20px;} div.input div.batch_autocomplete { margin-top: 5px;} div.follow_public { background-color: transparent; border: none; background: url(/images/ui/mynews/followed_boxes.png) no-repeat left top; width: 288px; height: 25px; font-size: 1em; margin-bottom: 0px; padding:3px 0px 0px 6px; color:#aaa; font-weight: bold; } div.follow_public a.follow_button, div.follow_public a.unfollow_button, div.follow_public a.follow_only_button { margin-right:12px; margin-top:2px; } .mynews div.batch_autocomplete input { width:232px; *margin-left: 10px; } .mynews div.batch_autocomplete .clicked_follow { cursor: pointer; font-weight:bold; color: red; text-decoration: underline; } div#mynews_welcome_graphic { position:absolute; top:0; left:0; width:100%; background-color: #8cbaff; z-index:98; filter: alpha(opacity=70); opacity: 0.7; height: 110%; bottom: 0px; margin: 0px; } div.welcome_graphic { position:relative; z-index: 1000; } div.mynews_rightcolumn { position:relative; z-index: 99; } .mynews_ac_results { position: relative; z-index: 102; } div.top_sources_list_popup { height: 23px; display: block; width: auto; } div.top_sources_list_popup a.pubname { float: left; } div.mynews div.mynews_adding_msg { font-size : 15px; font-weight : bold; color : green; padding : 5px; display : none; } div.mynews div.fb_error_msg, div.mynews div.twitter_error_msg { clear : both; font-size : 13px; font-weight : bold; color : #666; padding : 5px; margin : 0 2px 5px 2px; border : 1px solid #adadad; display : none; } div.mynews div#fb_refresh_perms { clear:both; margin: 3px; color: #c44; font-weight:bold; } div.mynews div#fb_refresh_perms a { color: #4c4; } div.mynews div.friends_box { clear:both; line-height:140%; width:288px; } div.mynews div.friends_box form { } div.mynews div.friends_box a.cancel { float:right; font-size:0.92em; font-weight:normal; width:auto; margin: 2px 0 0 20px; } div.mynews div.friends_box div.explanation { color:#acacac; margin-top:10px; } div.mynews div.friends_box div.friend_row { margin-top:8px; height:34px; } div.mynews div.friends_box div.friend_row input.check { width:1.5em; } div.mynews div.friends_box h3{ text-transform: uppercase; font-size: 1.05em; font-weight: bold; color: #3f3f3f; padding:0px 0px 0px 0px; letter-spacing: -.02em; } div.mynews.story_listing_detail .actions a { font-size: 1.0em; } .follow_friends_btn { background: url(/images/ui/mynews/btn_follow_these_friends.png) no-repeat left top; _background: url(/images/ui/mynews/btn_follow_these_friends.gif) no-repeat left top; width:152px; height: 26px; margin:0px 0px 10px 5px; border: none; float:left; cursor: pointer; display: block; } #fb_friends_form .follow_friends_btn { background: url(/images/ui/mynews/btn_follow_these_friends.png) no-repeat left top; _background: url(/images/ui/mynews/btn_follow_these_friends.gif) no-repeat left top; width:152px; height: 26px; margin:0px 0px 10px -5px; border: none; float:left; cursor: pointer; display: block; } .follow_friends_btn:hover { background: url(/images/ui/mynews/btn_follow_these_friends.png) no-repeat left bottom; _background: url(/images/ui/mynews/btn_follow_these_friends.gif) no-repeat left bottom; } /** * My Network */ div.flat.mynetwork .activity_entry { width: 600px; height: auto; padding: 10px 0px 0px 0; margin:0 0 0 15px; float: left; } div.flat.mynetwork div.article h3 { font-weight:bold; font-size:1.0em; margin:30px 0 30px 20px; } div.flat.mynetwork div.wrapper div.article li { margin-left:3px; margin-right:0; padding-left:0; width:615px; border-top:none; } div.flat.mynetwork div.wrapper div.article li .title { } div.flat.mynetwork div.wrapper .article .row2 { float: left; margin:0px 0px 0px 0px; color: #3f3f3f; } div.flat.mynetwork div.wrapper .article .meta_review_input { height: 15px; } div.flat.mynetwork div.wrapper .article .member_detail .review_detail { clear:both; border-bottom:none; margin: 0px 20px 0px 0px; width:530px; } div.flat.mynetwork div.wrapper .article .member_activity li { padding-top:3px; border-bottom:none; width:500px; border-top:none; } div.flat.mynetwork div.wrapper .article .activity_date, div.flat.mynetwork div.wrapper .article .activity_meaning { font-size: 1em;} div.flat.mynetwork div.wrapper .article .member_activity span.featured { float:right; margin-right:20px; } div.flat.mynetwork div.wrapper .article li .story_links { width: 545px; border-bottom:none; float: left; padding-bottom:10px; margin-top: 0; margin-left: 0; } div.flat.mynetwork div.comment_detail .review_part.comment { border-bottom:none; margin-left:0px; padding-bottom:5px; padding-top:5px; width:515px; } div.flat.mynetwork .review_part.links { width:515px; } div.flat.mynetwork .review_part.links .links_alone { width:485px; } div.flat.mynetwork div.see_all_nt_reviews { padding-top:3px; float:left; } div.groups div.review_detail div.see_all_nt_reviews { white-space:nowrap; width:450px; } div.flat.mynetwork div.see_all_nt_reviews a.review { margin:0 5px 3px 0; } div.flat.mynetwork div.commentActions.permalink a { margin:0 -20px 0 0; padding:0 0 10px 5px; } div.flat.mynetwork div.comment_detail { padding-top:0px; } div.flat.mynetwork div.comment_detail span.favicon { margin-left:0; } div.flat.mynetwork div.comment_detail h4.bottom { margin-left:0; } div.flat.mynetwork.story_listing_reviews div.review_divider div.review_detail div.small_note { margin-bottom:0; padding-bottom:0; } div.flat.mynetwork .activity_entry div.comment_detail div.commenter_name { margin:10px 0 0 0; } div.flat.mynetwork .activity_entry div.comment_detail .review_part.comment div.member_comment { width:440px; } div.flat.mynetwork .activity_entry div.comment_detail div.member_quote { margin-left:0; } /* div.flat.mynetwork ul.tabs li a.sel { border: none;} div.flat.mynetwork #main_column_tabbed_box.main_column_box .tab_num_3 { border-top:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2; height: 30px; } div.flat.mynetwork #main_column_tabbed_box.main_column_box .content { border: none; padding: 0px; } div.flat.mynetwork ul.tabs li span { height: 30px; margin-bottom: 0px; padding: 0px; } div.flat.mynetwork ul.tabs li a { border: none; background-color:#ebebeb; border-right: 1px solid #fff;} div.flat.mynetwork ul.tabs li a.sel { border: none; background-color:#fff;} div.flat.mynetwork div.tab_num_3 ul.tabs li span { width: auto; font-size: 1.03em; } div.flat.mynetwork div.tab_num_3 ul.tabs li a.sel span.text { background-color: #fff; color: #3f3f3f; border-right: 2px solid #F2F2F2; height: 25px;} div.flat.mynetwork div.tab_num_3 ul.tabs li span.text { width: auto; padding: 7px 10px 0px 10px; margin: 0px; color: #6388C0; } div.flat.mynetwork div.tab_num_3 ul.tabs li span span.explanation { float:right; padding-left:5px; font-size:.8em; line-height:1.7em; margin-bottom:0; } */ div.flat.mynetwork div.activity_meaning { margin:0 0 4px 0; padding:0; width:100%; } div.flat.mynetwork div.activity_meaning a { font-size:1.0em; } div.flat.mynetwork span.fb_favicon, div.flat.mynetwork span.t_favicon, div.flat.mynetwork span.mutual_follow { margin-left:0px; padding-right:2px; } div.flat.mynetwork div.wrapper div.article { border-top: none; } /* * Recent Reviews */ div.recent_reviews h2 { font-size: 1.5em; font-weight: bold; } div.recent_reviews div.story_listing_reviews div.review_divider div.review_detail { margin-left:40px; border-top:1px dotted #ADADAD; margin-top:0; padding-top:10px; } div.recent_reviews div.article.member_detail li .story_links { border-bottom:none; } div.recent_reviews div.article.member_detail span.featured { float:right; } div.recent_reviews div.article.member_detail div.review_divider div.review_detail div.small_note { margin-bottom:0; padding-bottom:0; } /*****sort menus*****/ div.css_dropdown_wrapper { float: right; } ul.css_dropdown ul{display:none} ul.css_dropdown li:hover>ul{display:block} ul.css_dropdown ul{position: absolute;left:-1px;top:98%;} ul.css_dropdown ul ul{position: absolute;left:98%;top:-2px;} ul.css_dropdown,ul.css_dropdown ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#ffffff; background-repeat:repeat; } div.flat div.wrapper ul.css_dropdown:hover { border-top:1px solid #adadad; border-right:1px solid #adadad; border-left:1px solid #adadad; } div.flat div.wrapper ul.css_dropdown { display:block; zoom:1; float: right; margin-right: 10px; *margin-right:0px; width: 110px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; padding-top: 5px; position: relative; z-index: 10; } ul.css_dropdown ul{ margin-left: -2px; float: right; width:110px; margin-top: 2px; height: auto; border-bottom:1px solid #adadad; border-right:1px solid #adadad; border-left:1px solid #adadad; } ul.css_dropdown li{ display:block; margin:0px 0px 0px 2px; padding-top: 0px; } ul.css_dropdown.css_dropdownm .css_dropdowni { } ul.css_dropdown a:active, ul.css_dropdown a:focus { outline-style:none; } ul.css_dropdown a, ul.css_dropdown li.dis a:hover, ul.css_dropdown li.sep a:hover { display:block; background-color:#ffffff; text-align:left; text-decoration:none; color: #6388c0; text-decoration:none; cursor:default; } ul.css_dropdown span{ overflow:hidden; } ul.css_dropdown li { float:left; } ul.css_dropdown li.css_dropdowni.title { float:left; height:15px; text-align:left; width:50px; } ul.css_dropdown ul li { float:none; } ul.css_dropdown ul li.css_dropdowni { border-bottom: 1px dotted #adadad; } ul.css_dropdown ul a { text-align:left; white-space:nowrap; width: 90px; font-size: .92em; font-weight: bold; padding:3px 10px 7px 10px; } ul.css_dropdown li.sep{ text-align:center; padding:0px; line-height:0; height:100%; } ul.css_dropdown li.sep span{ float:none; padding-right:0; width:5; height:16; display:inline-block; background-color:#666; background-image:none;} ul.css_dropdown ul li.sep span{ width:80%; height:3; } ul.css_dropdown li:hover{ position:relative; } ul.css_dropdown li:hover>a{ color: #666; text-decoration:none; } ul.css_dropdown li a:hover{ position:relative; border-color:#665500; border-style:solid; color: #666; text-decoration:none; } ul.css_dropdown li.dis a { color: #666 !important; } ul.css_dropdown img {border: none;float:left;_float:none;margin-right:4px;width:16px; height:16px; } ul.css_dropdown ul img {width:16px; height:16px; } ul.css_dropdown li.css_dropdowni a:hover { background-color:#6388c0; color:#fff; text-decoration: none; width: 88px; cursor: pointer; } ul.css_dropdown li.css_dropdowni a.css_dropdowni_title:hover { background-color:#fff !important; color:#666; } ul.css_dropdown img.over{display:none} ul.css_dropdown li.dis a:hover img.over{display:none !important} ul.css_dropdown li.dis a:hover img.def {display:inline !important} ul.css_dropdown li:hover > a img.def {display:none} ul.css_dropdown li:hover > a img.over {display:inline} ul.css_dropdown a:hover img.over,ul.css_dropdown a:hover ul img.def,ul.css_dropdown a:hover a:hover ul img.def,ul.css_dropdown a:hover a:hover a:hover ul img.def,ul.css_dropdown a:hover a:hover img.over,ul.css_dropdown a:hover a:hover a:hover img.over,ul.css_dropdown a:hover a:hover a:hover a:hover img.over{display:inline} ul.css_dropdown a:hover img.def,ul.css_dropdown a:hover ul img.over,ul.css_dropdown a:hover a:hover ul img.over,ul.css_dropdown a:hover a:hover a:hover ul img.over,ul.css_dropdown a:hover a:hover img.def,ul.css_dropdown a:hover a:hover a:hover img.def,ul.css_dropdown a:hover a:hover a:hover a:hover img.def{display:none} ul.css_dropdown a:hover ul,ul.css_dropdown a:hover a:hover ul,ul.css_dropdown a:hover a:hover a:hover ul{display:block} ul.css_dropdown a:hover ul ul,ul.css_dropdown a:hover a:hover ul ul{display:none} ul.css_dropdown span{ display:block; background:url(/images/ui/mynews/icon_sort_front.png) no-repeat left 2px; font-weight:bold; font-size:.92em; padding:0px 5px 0px 10px; color: #6388C0; height: 18px; } ul.css_dropdown a span { width: 100px;} ul.css_dropdown span:hover{ background:url(/images/ui/mynews/icon_sort_front.png) no-repeat left -15px; } ul.css_dropdown span:active { background:url(/images/ui/mynews/icon_sort_front.png) no-repeat left -15px;} ul.css_dropdown span#curr_sel { background-image:none; color:#666666; display:inline; float:none; padding:0 0 0 5px; *margin-left:-5px; width:auto;} ul.css_dropdown span a { color: #666; } ul.css_dropdown li:hover a span{ background:url(/images/ui/mynews/icon_sort_front.png) no-repeat left -15px; } ul.css_dropdown li:hover a:hover span{ *background-color:#fff; *width: 90px; } div.info_toggle_wrapper { float: left; width: 627px; height: 25px; padding-top: 10px; border-top:2px solid #F3F3F3; } div.flat div.wrapper div.info_toggle_wrapper ul.css_dropdown { margin-top:-5px; z-index: 5; } /*****NEW TABS********/ .new_tabs { } .new_tabs ul.tabs { margin-left: 2px;} .new_tabs ul.tabs li { border: none; margin-right: 2px; text-align: center; } .new_tabs ul.tabs li a { *float:left; *display:inline-block; *width:auto; *width:106px; *white-space: nowrap; *text-align: left !important; } .new_tabs ul.tabs li a#tab_activity {*width: 58px;} .new_tabs ul.tabs li a#tab_most_recent {*width: 90px;} .new_tabs ul.tabs li a#tab_most_trusted {*width: 98px;} .new_tabs ul.tabs li a#tab_least_trusted {*width: 100px;} .new_tabs ul.tabs li a#tab_new_stories {*width: 86px;} .new_tabs ul.tabs li a#tab_starred {*width: 60px;} .new_tabs ul.tabs li a#tab_reviews {*width: 115px;} .new_tabs ul.tabs li a { background:url(/images/ui/story_listings/new_tab.png) no-repeat right bottom; background-color: transparent; height: auto; padding: 10px 8px 5px 8px; border: none; text-transform: uppercase; font-size: 1em; margin-top: 0px; height: 20px; *height: 22px; } .new_tabs ul.tabs li a.current { background-color: transparent; border-bottom: none; color: #3f3f3f; background:url(/images/ui/story_listings/new_tab.png) no-repeat right top; margin-top: 0px; height: 20px; *height: 22px; padding-bottom: 10px; } .new_tabs ul.tabs li a.current span.left { background:url(/images/ui/story_listings/new_tab.png) no-repeat left top; background-color: transparent; display:inline; float:left; height:35px; *height:37px; margin-left:-13px; margin-top:-10px; *margin-right:0px; width:9px; } .new_tabs ul.tabs li a.current span.right { display:block; float:right; height:auto; padding:5px 5px 0px 0px; width:auto; white-space: nowrap; } .new_tabs ul.tabs li a:hover { background-color: transparent; border-bottom: none; color: #3f3f3f; background:url(/images/ui/story_listings/new_tab.png) no-repeat right top; margin-top: 0px; height: 20px; *height: 22px; padding-bottom: 10px; } .new_tabs ul.tabs li a:hover span.left { background:url(/images/ui/story_listings/new_tab.png) no-repeat left top; background-color: transparent; display:inline; float:left; height:35px; *height:37px; margin-left:-13px; margin-top:-10px; width:9px; } .new_tabs ul.tabs li a:hover span.right { display:block; float:right; height:auto; padding:5px 5px 0px 0px; width:auto; white-space: nowrap; } .new_tabs ul.tabs li a.current:hover span.right {padding-left: 0px;} .new_tabs ul.tabs li a span.left { background:url(/images/ui/story_listings/new_tab.png) no-repeat left bottom; background-color: transparent; display:inline; float:left; height:35px; *height:37px; margin-left:-13px; margin-top:-10px; width:9px; } .new_tabs ul.tabs li a span.right { display:block; float:right; height:auto; padding:5px 5px 0px 0px; width:auto; white-space: nowrap; } .new_tabs ul.tabs li a span.right.starred { background-color: transparent; border: none; background: url(/images/ui/tools/icon_star-yellow.png) no-repeat left 4px; padding-left: 20px; *margin-right: 10px; } #listing_top_stories, #listing_most_recent { margin-top: 15px;} #listing_most_recent, #listing_most_trusted { margin-top: 15px; } #listing_least_trusted { margin-top: 15px; } #listing_todays_feeds { margin-top: 15px; } #listing_starred { margin-top: 15px; } #listing_top_stories.pane,#listing_most_recent.pane,#listing_most_recent.pane,#listing_most_trusted.pane,#listing_todays_feeds.pane,#listing_starred.pane {margin-top: 0px;} #listing_starred div.flat div.wrapper div.article li:first-child { border-top:none; } .new_tabs .panes { *margin-top:-10px; margin-top:-7px; margin-left:-2px; padding-top: 3px; background:url(/images/ui/story_listings/bg_box_shadow_top-flat.png) repeat-x left top; } .new_tabs .panes .panes_wrapper { background:url(/images/ui/story_listings/bg_box_shadow_rounded.png) repeat-y left top; width: 630px; height: auto; padding: 0px; float: left;} .new_tabs .panes .panes_wrapper div.flat div.wrapper { background: none; padding-top: 0px;} .new_tabs .panes .panes_bottom { background:url(/images/ui/story_listings/bg_box_shadow_rounded_bottom.png) no-repeat left top; width: 630px; height: 20px; float: left;} /******Icon links*******/ a.edit_icon { background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left top; width: 15px; height: 15px; float: left; } a.share_icon{ background:url(/images/ui/tools/share.png) no-repeat left 3px; width: 15px; height: 15px; float: left; padding-left: 5px; } a.twitter_icon{ background:url(/images/ui/tools/icon_twitter.png) no-repeat left 3px; width: 15px; height: 15px; float: left; padding-left: 5px; } a.email_icon{ background:url(/images/ui/tools/nt_icon_email.png) no-repeat left top; width: 15px; height: 14px; float: left; padding-left: 5px; } .FBConnectButton_Simple, .stage_left .FBConnectButton_RTL_Simple, .fb_button_simple, .stage_left .fb_button_simple_rtl { float: left; width: 15px; height: 15px; display: inline; margin-top: 1px;} .FBConnectButton_Simple .FBConnectButton_Text_Simple, .fb_button_simple .FBConnectButton_Text_Simple { margin: 0 0 0 10px !important;} div.icons { float:left; } div.grid div.wrapper .article .row2 a.FBConnectButton_RTL_Simple, div.icons a.FBConnectButton_RTL_Simple, div.grid div.wrapper .article .row2 a.fb_button_simple_rtl, div.icons a.fb_button_simple_rtl { float:left; } div.grid div.wrapper .article .row2 a.edit_icon, div.icons a.edit_icon { background:url(/images/ui/tools/nt_icon_edit.png) no-repeat left top; width: 15px; height: 15px; float: left; } div.grid div.wrapper .article .row2 a.share_icon, div.icons a.share_icon { background:url(/images/ui/tools/share.png) no-repeat left 3px; width: 10px; height: 15px; float: left; padding-left: 5px; } div.grid div.wrapper .article .row2 a.twitter_icon, div.icons a.twitter_icon, .featured_story .article .tools .story_links a.twitter_icon { background:url(/images/ui/tools/icon_twitter.png) no-repeat left top; width: 14px; height: 14px; float: left; padding-left: 3px; margin: 1px 0 0 4px; } .featured_story .article .tools .story_links .FBConnectButton_Simple, .featured_story .article .tools .story_links .FBConnectButton_RTL_Simple, .featured_story .article .tools .story_links .fb_button_simple, .featured_story .article .tools .story_links .fb_button_simple_rtl { padding-left: 1px; } .featured_story .article .tools .story_links a.twitter_icon{ padding-left: 4px; } .featured_story .article .tools .story_links a.email_icon{ padding-left: 4px; } div.grid div.wrapper .article .row2 a.email_icon, div.icons a.email_icon { background:url(/images/ui/tools/nt_icon_email.png) no-repeat left top; width: 15px; height: 14px; float: left; padding-left: 4px; } .empty_listing {padding:15px;} .story_video { float: left; padding:0px 15px 0px 15px; *width:320px;} .story .story_video { float: left; padding:0px 15px 15px 0px;} .stage_left .story_video { float: left; padding:0px 15px 0px 0px;} .stage_left .story_video object { padding-bottom: 5px; display: block;} .story_listing_detail .actions .shareLinks, .story_listing_detail .actions .shareLinks a { color:#ADADAD; font-size:11px; font-weight:bold; margin-top:2px; } .story_listing_detail .actions .shareLinks { padding-right: 30px; padding-top: 3px; } /* removed *margin-top:-15px; */ /******Quote Page*******/ /* SSS: added this line to not break links box on quotes page */ div.quote_page .stage_right {width: auto } div.quote_page ul li { clear: both; } div.quote_page div.quote { } div.quote_page div.left_block { float: left; width: 200px; margin: 10px 0 0 10px; } div.quote_page div.right_block { float: right; width: 400px; margin: 10px 10px 0 0; } div.quote_page div.share_panel { margin: 10px 10px 10px 15px; } div.quote_page div.share_panel div.more_quotes { float: right; margin: 4px -40px 0 0; font-weight: bold; font-size:13px; } div.quote_header { font-size: 1.08em; font-weight:bold; text-transform: uppercase; color:#8C8C8C; margin-bottom:10px; } div.quote_marks { float:left; margin:0px; padding-top:4px; width:25px; } div.comment_detail div.quote_marks { float:left; margin:0px; padding-top:2px; width:19px; } div.comment_detail div.member_quote { clear:both; margin-left:18px; } div.quotation { font-size: 1.5em; color: #3f3f3f; font-weight:bold; display:block; float:left; width:340px; margin-bottom:11px; padding-left: 5px; } div.quote_page div.row1 { color: #666666; font-weight: bold; font-size: 1.08em; } div.quote_page div.row2 { margin-top: 5px; color: #999999; font-size: .92em; } div.quote_page div.row2 a { color: #666; font-weight: bold; } div.quote_page .stage_right div.header h3 { font-size: 1.33em; } div.quote_page .stage_right .link_rating_summary { display:block; float: left; width: 94px; font-weight: bold; text-align: center; border-right: 2px solid #e2e2e2; } div.quote_page .stage_right .link_rating_summary.last { border-right: none; } div.quote_page .support, div.quote_page .support a { color: #1fa346; } div.quote_page .oppose, div.quote_page .oppose a { color: #d36064; } div.quote_page .neutral, div.quote_page .neutral a { color: #666666; } div.quote_page .stage_right .link_rating_summary .trustometer { margin:6px 0 0 9px; } div.quote_page .stage_right .links { clear: both; } div.quote_page .stage_right li .title { line-height: 18px; } div.quote_page .stage_right .links h2 { font-size: 1.17em; margin-bottom:9px; } div.quote_page .stage_right .links h2 span.count { color: #999999; } div.quote_page .stage_right .count { color:#ACACAC; font-size:0.83em; font-weight: normal; } div.quote_page .stage_right hr { margin: 1.45em 0 1.45em 0; *margin-top:0px; } div.quote_page div.answers div.message { font-size:14px; font-weight:bold; border-top:2px solid #f2f2f2; padding:15px; margin:0 } div.quote_page div.answers ul { margin:0; padding:0; } div.quote_page div.answers li { border-bottom:1px solid #EEEEEE; float:left; list-style:none; margin:0 0 0 3px; padding:15px 10px 5px 15px; width:598px; } div.quote_page div.wrapper div.header { margin:0 0 0 15px; width:100%; } div.quote_page div.wrapper div.header h3 { float:left; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 0; color: #444; } div.quote_page div.right_column_box div.header { margin: 0; padding-bottom:10px; } div.quote_page div.right_column_box div.header h3 { float:none; } div.quote_page div.special_message { width: 545px; font-weight: normal; font-size: 1.0em; color: #3f3f3f; line-height: 1.5em; margin: 5px 10px 5px 25px; } div.quote_page div.special_message h2 { font-size: 1.2em; margin-bottom: 1em; font-weight: bold; } div.quote_page div.answers li.judge_verdict { line-height: 1.5em; font-size: 1.0em; background-color: #f5f9ff; color: #666666; font-weight: bold; } div.quote_page div.answers li.judge_verdict img { float:left; margin-right: 10px; } div.quote_page div.answers li.judge_verdict div.verdict_note { font-weight: normal; font-size: 1.0em; color: #3f3f3f; margin-top:8px; padding-bottom: 10px; } div.quote_page div.answers li.answer { line-height: 1.5em; } div.quote_page div.answers li.my_answer a.edit_link { text-transform:none; font-weight:bold; color: #666; padding: 0 5px; } div.quote_page div.answers div.member_photo, div.quote_page div.answers div.judge_photo { float:left; margin:0px; padding: 0 9px 0 0; width:40px; } div.quote_page div.answers div.member_answer, div.quote_page div.answers div.judge_answer { float:left; margin:-3px 0px; width: 545px; } div.quote_page div.answers div.answer { color: #666666; font-size: 1.0em; font-weight: bold; text-transform: uppercase; } div.quote_page div.answers div.member_answer .note { font-size: 1.0em; } div.left_block .featured_image .photo_caption { color: #cccccc; } div.panel div.review_labels div.row a.positive.selected:hover { text-decoration: underline; } div.panel div.review_labels div.row a.negative.selected:hover { text-decoration: underline; } div.more a.save_button { background:url("/images/ui/toolbar/btn_save.png") no-repeat scroll left top transparent; border:medium none; float:left; height:26px; width:51px; } div.quote_page div.left_block.badge { margin-top: 20px; } #add_link { background-color: #f3f3f3; border: 1px solid #b7b7b7; padding: 5px; } #add_link h2 { color: #666666; text-transform: uppercase; font-size: 1.17em; padding-bottom: 5px; padding-top: 5px;} #add_link div.story_lookup { display:block; float:right; margin:5px 0 0 5px; padding:0; width:240px; } #add_link label { display:inline; float:left; padding-right:10px; width:auto; margin-top: 10px; } #add_link .story_lookup input { display:inline; float:left; font-size:11px; margin:0; width:210px;} #add_link input#quote_link_title { width: 210px; *margin-top:-10px;} #add_link div.type { margin-top: 5px; } #add_link div.type label { margin-top: 0px; padding-right: 3px; width: 100%; /* Required so that ie7 doesn't wrap the radio buttons onto this line */ } #add_link div.type label span { font-weight:normal; font-size: 0.92em; color:#666 } #add_link div.type div.link_types { margin: 4px 3px 0 0; text-align:center } #add_link div.type input { top:1px; margin-right: 0px; } #add_link input.save_button { background:url("/images/ui/truthsquad/btn_post.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; height:26px; margin:0 0 5px 5px; width:47px; } #add_link input.save_button:hover { background:url("/images/ui/truthsquad/btn_post.png") no-repeat scroll left -31px transparent; } div.quote_page div.stage_right div.links_intro { color:#888; } div.link_rating_summary span.comment_count, a.comment_count, .count { font-weight:bold; } div.quote_page #ajax_notice { padding: 3px 5px; background-color: #6a6; border: 1px solid #acacac; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; font-size: .92em; color: white; font-weight: bold; text-align: left; margin: 5px 15px; } div.quote_page li.my_answer { background-color: #eeeeee; } div.quote_page .editorial_gray { font-size: 1em; } div.quote_page .cancel_button { margin:4px 0 0 10px; float:left; } div.reviewComments a.cancel_btn { float:left; padding: 3px 8px 0 4px; } /* ----------- Group Pages -------------- */ .story_listing_detail .actions a.join_group { background:transparent url(/images/ui/groups/btn_join_group.png) no-repeat scroll left top; margin:0 9px 0 0; height:24px; width:117px; cursor: pointer; float: left; } .story_listing_detail .actions a.join_group:hover { background:transparent url(/images/ui/groups/btn_join_group.png) no-repeat scroll left -24px; margin:0 9px 0 0; height:24px; width:117px; cursor: pointer; float: left; } .story_listing_detail .actions a.leave_group { background:transparent url(/images/ui/groups/btn_join_group.png) no-repeat scroll left -48px; margin:0 9px 0 0; height:24px; width:117px; cursor: pointer; float: left; } .story_listing_detail .actions a.leave_group:hover { background:transparent url(/images/ui/groups/btn_join_group.png) no-repeat scroll left bottom; margin:0 9px 0 0; height:24px; width:117px; cursor: pointer; float: left; } a.visit_our_site_btn { float:left; background: url(/images/ui/groups/btn_visit_our_site.png) no-repeat left top; height:24px; margin:0 9px 0 0; width:102px; } a.visit_our_site_btn:hover { background: url(/images/ui/groups/btn_visit_our_site.png) no-repeat left bottom; } div.icon_group_page { background:transparent url(/images/ui/groups/icon_group_page.png) no-repeat scroll left top; height:48px; width:57px; float:right; margin:-5px 0 0 0; } div.icon_group_page_beta { height:62px; width:57px; float:right; margin:-5px 0 0 0; } div.groups h2.bottom { text-transform: none; color:#3f3f3f; width:500px; } div.groups h3 { color:#3f3f3f; font-size:1.25em; font-weight: bold; width:500px; } div.groups .featured_story .article h3 { width:auto; } div.groups p.intro { color:#3f3f3f; width:500px; margin-top:12px; margin-bottom: 12px; } div#group_info { background: white; margin : 5px; padding: 10px; border: 1px solid #eee; } div#group_info label { display:block; float:left; width: 82px; font-weight: strong; } div.groups div.grid a.reviews_btn { margin-top:3px; margin-left:5px; } div.groups div.story_links div.row1 div.see_all_nt_reviews { clear:none; float:left; margin: 3px 5px 0 4px; } div.groups div.grid div.row1 div.see_all_nt_reviews { clear: both; float:left; white-space:nowrap; margin:6px 0 0 0; } .featured_story .article .trustometer.group, .trustometer.group { text-align: left; background: url(/images/trustometer/trustometer_group_bg_medium.png) no-repeat left top; width: 86px; height: 20px; float: left; } .featured_story .article .trustometer.group { margin-top:2px; } .featured_story .article .trustometer.group:hover, .trustometer.group:hover { text-align: left; background: url(/images/trustometer/trustometer_group_bg_medium.png) no-repeat left bottom; width: 86px; height: 20px; float: left; } .featured_story .article .trustometer.group .bar, .trustometer.group .bar { margin-left: 18px; } .trustometer.group .medium .bar, .trustometer.group .medium .bar * { width: 46px; height: 9px; _margin-top:-4px; background: url('/images/trustometer/mediumb.png') no-repeat left top; } .trustometer.group .gray .bar * { background-position: 0% 50%; } .trustometer.group .green .bar * { background-position: 0% 100%; } .trustometer.group .medium .numeric_rating { color:#5088bc; } div.groups div.review_divider .trustometer.group { margin-left:0px; margin-right:5px; } div.groups span.group_rating { color:#A9A9A9; float:left; font-size:9px; font-weight:normal; margin:-1px 1px 0 3px; } .editorial_gray.med { font-size: .86em; } div.groups .story_listing_detail .actions a.edit_text { float:left; width:63px; margin-top:4px; } div.group_members div.content { clear:none; padding:1px; } div.member_photos { text-align:left; line-height:0px; margin-bottom:2px; } div.member_photos img { padding:4px; line-height:50px; } /******Static Page******/ div.staticpage_wrapper { background-color: #ffffff; font-size: 13px; padding: 15px; width: 920px; float: left; webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } div.staticpage_wrapper div.left_column { float: left; margin-right: 40px; width: 580px; } div.staticpage_wrapper h1 { font-size: 1.5em; font-weight: bold; margin-bottom:8px; } div.staticpage_wrapper h2 { font-size: 1.33em; font-weight: bold; margin-bottom:6x; } /* CSS copied directly from scrollable doc. page (http://flowplayer.org/tools/demos/scrollable/index.html) */ /* * root element for the scrollable. * when scrolling occurs this element stays still. */ .carousel { /* required settings */ position:relative; overflow:hidden; width: 660px; height: 290px; } /* * root element for scrollable items. Must be absolutely positioned * and it should have a extremely large width to accommodate scrollable items. * it's enough that you set width and height for the root element and * not for this element. */ .carousel .items { /* this cannot be too large */ width:20000em; position:absolute; } /* * a single item. must be floated in horizontal scrolling. * typically, this element is the one that *you* will style * the most. */ .carousel .items div { }