* { margin:0; padding:0; border:none; list-style:none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; color:#313131; behavior:url("/csshover.htc"); } a { text-decoration:none; color:#1f80bb; } a:hover { text-decoration:underline; cursor:pointer; } a i { color:#6eb60b; } form { margin:0; padding:0; } /* ----- COMMON CLASSES ----- */ .label { height:18px; background: #444; text-align:center; color:#fff; font-weight:bold; font-size:14px; margin-bottom:10px; } #page { width:990px; margin:0 auto; padding-top:20px; } .right { float:right; } .left { float:left; } .clear { clear:both; } .clearleft { clear:left; } .block { display:block; } .button_blue { background:#9ad549 url('/images/search-bg-blue.jpg') repeat-x; height:28px; color:#fff; border:2px solid #67aacb; width:165px; font-weight:bold; } .button_blue:hover { background:#9ad549 url('/images/search-bg-blue.jpg') repeat-x 0 -26px; cursor:pointer; } .button_green { background:#9ad549 url('/images/search-bg.png') repeat-x; height:28px; color:#fff; border:2px solid #7bb42c; width:165px; font-weight:bold; } .button_green:hover { background:#9ad549 url('/images/search-bg.png') repeat-x 0 -26px; cursor:pointer; } span.image img { width:100px; } span.image { height:100px; display:block; width:100px; overflow:hidden; float:right; padding:0 0 5px 10px; } /* IE hidden articles bug */ * html .box_active span.image { display:none; } a#signup_ad { display:block; height:200px; margin-bottom:10px; background:url('/images/signup_ad.jpg') no-repeat; } a#signup_ad:hover { background:url('/images/signup_ad.jpg') no-repeat 0 -200px; } /* ----- HEADER ----- */ #header { /* width:100%; height:35px; border-bottom:3px solid #81c4e4; background:#f6f6f6; */ /* old bae0f2 */ text-align:left; height:40px; } #header img { margin-top:2px; } #header .content{ height:50px; margin:0pt auto; width:990px; } #header a { font-weight:bold; color:#333; font-size:15px; } #header a span { color:#81c4e4; } #header li { display:inline; float:right; margin-top:30px; } #topnav li a { font-size:16px; font-weight:bold; color:#3399CC; } #topnav li { background:transparent url('/images/meehive/nav_bullet.png') no-repeat scroll 0 0; float:left; margin-right:30px; padding-left:25px; } #header a { text-decoration: none; } #header a:hover { color:#81c4e4; } #header .spacer { display: inline; color: #2BC1A4; } #header .home { float: left; width: 300px; margin-left:10px; } #header .userInfo { float: right; text-align: right; width: 540px; } #header .userInfo .logged { float:right; } #header .userInfo .unlogged { margin-right: 10px; } #header .userInfo .unlogged form { float:right; } #header .loginSep { padding-left:10px;float:left; } #header .loginBtn { padding-left:5px;float:left;padding-top:12px;font-size:12px;} /* ----- CONTENT ----- */ #content { width:860px; float:right; background:#ececec; text-align:left; min-height:885px; }/* for Internet Explorer *//*\*/* html #content {height: 885px;}/**/ #content .top_tab { height:40px; padding-top:10px; width:360px; background:#f6f6f6 url('/images/tab-light.png') repeat-x; float:left; text-align:center; font-size:28px; color:#aaa; } #icon_nav { float:left; width:50px; height:590px; padding-top:10px; visibility:hidden;} #icon_nav li a { display:block; width:50px; height:52px; } #icon_nav li.watch a { background: url('/images/icon-watch.png') no-repeat 0 -52px; } #icon_nav li.watch a:hover { background: url('/images/icon-watch.png') no-repeat; } #icon_nav li.watch a.active, #icon_nav li.watch a.active:hover { background: url('/images/icon-watch-active.png') no-repeat; } #icon_nav li.read a { background: url('/images/icon-read.png') no-repeat 0 -52px; } #icon_nav li.read a:hover { background: url('/images/icon-read.png') no-repeat; } #icon_nav li.read a.active, #icon_nav li.read a.active:hover { background: url('/images/icon-read-active.png') no-repeat; } #icon_nav li.hear a { background: url('/images/icon-hear.png') no-repeat 0 -52px; } #icon_nav li.hear a:hover { background: url('/images/icon-hear.png') no-repeat; } #icon_nav li.hear a.active, #icon_nav li.hear a.active:hover { background: url('/images/icon-hear-active.png') no-repeat; } #icon_nav li.view a { background: url('/images/icon-view.png') no-repeat 0 -52px; } #icon_nav li.view a:hover { background: url('/images/icon-view.png') no-repeat; } #icon_nav li.view a.active, #icon_nav li.view a.active:hover { background: url('/images/icon-view-active.png') no-repeat; } #content .box_active { width:438px; border:1px solid #444; height:503px; background:#777; float:left; margin:10px 0 0 10px; overflow:hidden; } /* IE */ * html #content .box_active { margin:10px 0 0 5px; } #content .box_active .video { height:260px; width:413px; overflow:hidden; float:left; margin-left:10px; background:#333; position:relative; } /* IE */ * html #content .box_active .video { margin-left:5px; } #content .box_active .video .overlay { position:absolute; height:30px; width:413px; background:#000; z-index:10; top:8px; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; } #content .box_active .video .caption a { position:absolute; height:23px; width:413px; padding-top:7px; text-align:center; font-size:14px; color:#fff; top:8px; font-weight:bold; z-index:15; } #content .box_active .video .caption2 a { position:absolute; width:160px; left:240px; top:90px; font-size:14px; color:#fff; font-weight:bold; z-index:15; } #content .box_active .text_left { font-size:11px; margin:10px 0 0 10px; width:222px; float:left; background:#fff; height:185px; padding:5px; } /* IE */ * html #content .box_active .text_left { margin:10px 0 0 5px; } #content .box_active .text_left li { height:140px; } #content .box_active .text_right { width:182px; float:left; margin-top:10px; } #content .box_active .text_right a { font-size:13px; font-weight:bold; } #content .box_active .text_right div { height:31px; margin-bottom:2px; } #content .box_active .text_right div a { font-size:10px; font-weight:normal; background: url('/images/media-feature.png') no-repeat; display:block; height:28px; padding:3px 5px 0 25px; } #content .box_active .text_right div a:hover, #content .box_active .text_right div a.active { background:url('/images/media-feature.png') no-repeat 0 -31px; text-decoration:none; } /* IE */ * html #content .box_active .text_right div a { background: url('/images/media-feature.gif') no-repeat; } * html #content .box_active .text_right div a:hover, * html #content .box_active .text_right div a.active { background:url('/images/media-feature.gif') no-repeat 0 -31px; } #content .box_active .video li strong { font-size:17px; } #content .box_active li { margin-bottom:10px; list-style-position:outside; font-size:12px; } #content .box_active li strong { display:block; margin-left:0; padding:0; } #content .box_active div.text_left li strong { display:none; } #content .box_active li span a { color:#919191; font-weight:normal; } #content .box_top_news { width:388px; border:1px solid #9CD64A; height:503px; background:#fff; float:right; margin:10px 10px 0 0; overflow:hidden; } #content .box_top_news .label { background:#9CD64A; } /* IE */ * html #content .box_top_news { margin-right:5px; } #content .box_top_news ul.articles { height:449px; overflow:hidden; } #content .box_top_news ul.articles li { margin-bottom:10px; clear:right; } .box_top_news .more_articles a { display:block; width:14px; height:19px; float:right; } .box_top_news .more_articles a.left_arrow { background:url('/images/icon-green-left-arrow.png') no-repeat 0 -19px; margin-right:2px; } .box_top_news .more_articles a.left_arrow:hover { background:url('/images/icon-green-left-arrow.png') no-repeat 0 -1px; } .box_top_news .more_articles a.right_arrow { background:url('/images/icon-green-right-arrow.png') no-repeat 0 -19px; margin:0 10px 0 2px; } .box_top_news .more_articles a.right_arrow:hover { background:url('/images/icon-green-right-arrow.png') no-repeat 0 -1px; } .box_top_news .more_articles span { float:right; padding-top:2px; } #info_types .more_articles a { display:block; width:14px; height:19px; float:right; } #info_types .more_articles a.left_arrow { background:url('/images/icon-brown-left-arrow.png') no-repeat 0 -19px; margin-right:2px; } #info_types .more_articles a.left_arrow:hover { background:url('/images/icon-brown-left-arrow.png') no-repeat 0 -1px; } #info_types .more_articles a.right_arrow { background:url('/images/icon-brown-right-arrow.png') no-repeat 0 -19px; margin:0 10px 0 2px; } #info_types .more_articles a.right_arrow:hover { background:url('/images/icon-brown-right-arrow.png') no-repeat 0 -1px; } #info_types .more_articles span { float:right; padding-top:2px; } #content_more { width:860px; height:20px; float:right; margin-bottom:20px; } /* ----- GROUP ----- */ .group { width:860px; height:400px; float:right; background:#dadada; text-align:left; margin-bottom:20px; } /* ----- NAV ----- */ #nav { width:120px; float:left; text-align:left; font-size:11px; padding-top:50px; } /* #nav a { color:#6eb60b; } */ #nav h2 { font-size:14px; border-bottom:2px solid #f7b33d; padding-left:5px; } #nav li { padding-left:10px; } #nav li.title { border-bottom:2px solid #9ad549; /* blue #bae0f2 */ margin-top:15px; font-size:11px; font-weight:bold; } #nav li.suggest a { color:#888; } #nav li.suggest { background:url('/images/icon-suggest.gif') no-repeat; } #nav ul.icons { margin-top:15px; border-top: 2px solid #ececec; padding-top:7px; } #nav ul.icons li { width:16px; float:right; } /* ----- FOOTER ----- */ #footer { width:100%; height:50px; background:#81c4e4; clear:both; color:#fff; padding-top:10px; } #footer a { font-weight:bold; color:#fff; margin-left:12px; } /* ----- ARTICLES ----- */ ul.articles { padding:0 10px; } ul.articles span a { color:#777; } ul.articles span.show_snippet a { color:#1F80BB; } ul.articles p span { color:#313131; } ul.articles li { clear:left; } ul.articles ul.half { width:177px; float:left; margin-top: 10px; clear:right; background:#fff; height: 118px; overflow: hidden; font-size:11px; } ul.articles ul.second { margin-left:10px; } ul.articles ul.half .label { text-align:left; background:#fff; color:#555; padding-left:5px; font-size:12px; } ul.articles ul.half li { padding:0 5px; } ul.articles ul.half strong { margin-top:5px; } ul.articles ul.half a { font-size: 12px; font-weight: normal; } ul.articles ul.half span { font-size: 11px; font-weight: normal; } ul.articles strong a.large { font-size:17px; } ul.articles strong a.medium { font-size:15px; } ul.articles strong a.small { font-size:13px; font-weight:normal; } ul.articles a.interest, ul.articles span.show_snippet a.interest { background:#74B600 url('/images/icon-green-tag.jpg') no-repeat; color:#fff; font-size:10px; padding:1px 4px 1px 17px; height:15px; } #info_types a.interest { background:#C2BFAA url('/images/icon-brown-tag.jpg') no-repeat 0; color:#fff; font-size:10px; padding:1px 4px 1px 17px; height:15px; } ul.articles a.interest_grey, ul.articles span.show_snippet a.interest_grey { background:#e6e6e6 url('/images/icon-grey-tag.jpg') no-repeat; color:#999; font-size:10px; padding:1px 4px 1px 17px; height:15px; } #page #content ul span a.interest_grey:hover { text-decoration:none; cursor:default; } #info_types a.interest_grey { background:#ccc url('/images/icon-grey-tag2.jpg') no-repeat 0 -1px; color:#777; font-size:10px; padding:1px 4px 1px 17px; height:15px; } a.source { color:#959595; margin-right:10px; } a.video { padding-right:12px; background:url('/images/icon-video.png') no-repeat right; } i.hot_off_press { color:#ec9c12; padding-left:10px; background:url('/images/icon-fire.png') no-repeat 0 2px; } /* ----- SEARCH ----- */ #content .search_tab { width:500px; height:50px; background:#fff; float:left; margin:0; padding:0; } #content .search_tab form { float:right; float:right; padding:4px; background:#e7f9cf; } #content .search_tab div { float:right; clear:right; margin-top:1px; color:#777; } #search { width:180px; height:18px; margin-right:4px; padding:2px; border:1px solid #d6f2b0; float:left; color:#507c13; } #search_submit { background:#9ad549 url('/images/search-bg.png') repeat-x; padding:none; height:24px; color:#fff; border:1px solid #7bb42c; } #search_submit:hover { background:#9ad549 url('/images/search-bg.png') repeat-x 0 -26px; cursor:pointer; } /* ----- GROUPS ----- */ ul.tabs { width:860px; float:right; } div.group { width:860px; float:right; } .group_box { border-top:4px solid #DEDEDE;width:860px;height:382px;float:right;/*background:#dadada;*/text-align:left;margin-bottom:20px;} .group_content { /*border:1px solid #C6C6C6;*/background:#F7F7F7;height:382px;} .left_arrow { float:left;width:40px;height:372px;/*visibility:hidden;*/} .left_arrow a { background:url('/images/left_arrow.png') no-repeat 6px 140px;width:40px;height:372px;display:block;} .right_arrow { width:40px;float:right;height:372px;/*visibility:hidden;*/} .right_arrow a { background:url('/images/right_arrow.png') no-repeat 8px 140px;width:40px;height:372px;display:block; } .group_content .section {float:left;margin-right:10px;margin-top:10px;} .group_content ul.interest { width:179px;background:#fff; overflow:hidden; border:1px solid #9CD64A; min-height:360px;}/* for Internet Explorer *//*\*/* html ul.interest {height: 360px;}/**/ /* IE */ * html .group_content ul.interest { width:176px; } .group_content p { font-size:11px;clear:left;} ul.interest div { background:#9CD64A none repeat scroll 0% 0%;color:#FFFFFF;font-weight:bold;padding:2px;text-align:center;display:block;} .interest div a { color:#fff;} ul.interest li { padding:4px; clear:left;} ul.interest li strong { font-size:12px; margin-top:0px!important;} ul.interest span { color:#000; } ul.interest li span.source { font-size:11px;} ul.interest li span.source a { color:#959595;} ul.interest li span i { font-size:11px; } ul.interest p { padding-top:3px;color:#000;} .tabs li { display:inline;width:200px;padding:4px 6px 4px 6px;background:#DEDEDE;border-top:2px solid #A5A5A5;color:#000;} .tabs { text-align:left;} .tabs li.selected { border-top:4px solid #9ad549;min-width:100px;text-align:center;width:70em;} .tabs li.add { border:none;background:#fff;} .tabs li a { color:#8C8C8C;} .screen_1 { display:block;} .screen_2 { display:none;} .section_content { width:766px;float:left;display:block;margin-left:14px;} .related { float:left; background:#fff;width:169px;margin-top:8px;padding:4px;} .related div { color:#000;font-weight:bold;} .related li a { color:#666;margin-left:8px;} li.add_interest { background:#7B7B73;border:1px solid #383838;width:178px;float:left;text-align:center;color:#fff;margin-top:10px;min-height:260px; padding-top:100px; position:relative;} .add_interest strong { font-size:17px; } .add_interest .form { display:block; margin-top:3px;} .add_interest .txt { background:#b5b5b5;border:1px solid #fff;width:100px;padding:3px;color:#fff;font-weight:bold; float:left; margin-left:20px;} .add_interest .add { color:#fff; background:#b5b5b5; font-weight:bold;border:1px solid #fff;font-size:15px; width:24px; height:24px; margin-left:-15px; } .add_interest .add:hover { cursor:pointer; } .add_interest .popular { margin-left:25px; text-align:left;margin-top:10px; height:139px;} .add_interest ul { margin-left:10px;} .popular a { color:#fff;} .questions .popular a { color:#1F80BB; } .add_qnr_box { border:4px solid #393939;background:#fff;text-align:center;color:#666;width:170px;display:block;margin-top:10px;} .add_qnr_box p { width:90%;font-size:13px;} /* ----- INFO TYPES ----- */ #info_types { width:838px; height:300px; background:#fff; overflow:hidden; margin:10px 0 0 10px; float:left; border:1px solid #ccc; } /* IE */ * html #info_types { margin:10px 0 0 5px; } #info_types ul { width:264px; height:278px; border:1px solid #c2bfaa; margin:10px 0 0 10px; /* background:#ebebeb url('/images/box-active-bg.jpg') repeat-x;*/ background:#eeede3; overflow:hidden; float:left; } /* IE */ * html #info_types ul { margin:10px 5px 0 5px; } #info_types ul.large { height:348px; } #info_types ul.large li { margin-top:15px; } #info_types ul.related{ background:#e7f9cf url('/images/box-related-bg.png') repeat-x; border:1px solid #d7f5b0; } #info_types ul div.label { background:#c2bfaa; font-size:12px; font-weight:bold; padding:1px 4px; color:#fff; text-align:left; margin-bottom:0; height:15px; } #info_types ul div.label a { float:right; font-weight:normal; color:#75bde8; } #info_types ul li { padding:3px 4px; font-size:12px; margin-bottom:0px; color:#777; } #info_types ul li strong { /* display:block; */ } * html #info_types ul li strong {margin-left:-15px; } #info_types ul li span a { color:#555; } /* ----- DETAILS PAGE ----- */ body.details #content { height:auto; margin-bottom:20px; background:#fff url('/images/bg-grey-fade.jpg') repeat-x; } body.details #icon_nav { height:815px; } body.details #content .box_top_news, body.details #content .box_active { height:auto; } body.details #info_types { height: 370px; margin-bottom:15px; } body.details #content .box_active .text_left { height: 186px; } body.details li.newer_older { width: 100px; float:right; } #edit_interest_content { } #edit_interest_content .categories ul>li { width:150px;float:left; } #edit_interest_content .two_column { float:left; padding:4px; text-align:left;} #edit_interest_content .two_column li { display:block; width: 125px; float:left; font-size:12px; } #edit_interest_content .two_column #topics h4 { } #edit_interest_content .two_column input.text { border:1px solid #aaa; width:180px; margin-left:10px; } #edit_interest_content .add_button { background:#9AD549 url(/images/search-bg.png) repeat-x scroll 0% 0%;border:2px solid #7BB42C;color:#FFFFFF;font-weight:bold;height:28px;width:125px; float:left;margin-right:10px;} #edit_interest_content .add_button:hover{ background:#9AD549 url(/images/search-bg.png) repeat-x scroll 0pt -26px;cursor:pointer;} #edit_interest_content a.close_me { float:right; display:block; width:16px; height:16px; background:url('/images/icon-close.png') no-repeat; } #edit_interest_content a.close_me:hover { background:url('/images/icon-close.png') no-repeat 0 -16px; } #edit_interest_content h4 { font-size:14px; margin-bottom:3px;} .edit_buttons { padding:10px; margin-left:0px;display:block;width:500px;} #edit_interest { width:750px;background:#FFFFFF none repeat scroll 0% 0%;height:210px;left:50%;margin-left:-375px;margin-top:-200px;position:fixed;top:50%; padding:8px;} #edit_interest .categories ul>li { width:150px;float:left; } #edit_interest .two_column { float:left; width:390px; padding:4px;} #edit_interest .two_column li { display:block; width: 130px; float:left; font-size:12px; } #edit_interest .two_column #topics h4 { } #edit_interest .two_column input.text { border:1px solid #aaa; width:248px; margin-left:10px; font-weight:bold; height:18px; padding:5px; color:#888; } #edit_interest .add_button { background:#9AD549 url(/images/search-bg.png) repeat-x scroll 0% 0%;border:2px solid #7BB42C;color:#FFFFFF;font-weight:bold;height:28px;width:125px; float:left;margin-right:10px;} #edit_interest .add_button:hover{ background:#9AD549 url(/images/search-bg.png) repeat-x scroll 0pt -26px;cursor:pointer;} * html #edit_interest { position:absolute; } #edit_interest a.close_me { float:right; display:block; width:16px; height:16px; background:url('/images/icon-close.png') no-repeat; } #edit_interest a.close_me:hover { background:url('/images/icon-close.png') no-repeat 0 -16px; } #edit_interest h4 { font-size:14px; margin-bottom:3px;} #interests_new_bg { MARGIN-TOP: -225px;BACKGROUND: #000; FILTER: alpha(opacity=50);LEFT: 0px;WIDTH: 100%;POSITION: fixed; TOP: 50%; HEIGHT: 470px; moz-opacity: .50; opacity: .50} body.details #interests_new_bg { height:280px; } * html body.details #interests_new_bg { height:350px; } html #interests_new_bg {POSITION: absolute} body.details .third { width:273px; height:300px; background:#fff; float:left; margin:10px 0 0 10px; } /* IE */ * html body.details .first { margin:10px 0 0 5px; } body.details .twothirds { width:556px; height:200px; background:#fff; float:left; margin:10px 0 0 10px; } body.details #content .box_active, body.details #content .box_top_news { background:none; border:none; float:left; width:431px; } body.details #content .box_active { width:400px; } body.details #content .box_top_news { margin-left:10px; width:421px; } /* IE */ * html body.details #content .box_top_news { margin:10px 14px 0 5px; } body.details #content .box_top_news div { background:none; text-align:left; color:#333; font-size:15px; padding-left:5px; } body.details #content .box_top_news strong a { font-size: 16px; } body.details #content .box_top_news ul.articles { height:auto; padding:0 5px; } body.details #content .box_active ul { background:#f0f0f0 url('/images/module-bg.png') repeat-x; border:1px solid #f0f0f0; margin-bottom:10px; } body.details #content .box_active ul.large { background:#fff; } body.details #content .box_active ul.large div { color:#777; } body.details #content .box_active ul div { background:#f0f0f0; padding:2px 5px; font-size:13px; font-weight:bold; } body.details #content .box_active ul.small { width:194px; height:235px; float:left; } body.details #content .box_active ul.small div { background:#fff; } body.details #content .box_active ul.odd { margin-right:8px; } body.details #content .box_active li { padding:2px 5px; clear:right; } body.details #content .top_tab { background:none; height:32px; border-top:4px solid #abe162; padding-top:6px; } body.details #content .search_tab a { float:left; display:block; color:orange; padding:15px; font-size:16px; font-weight:bold; } body.details .small_titles strong a { font-size:13px !important; } body.details .small_titles { margin-top:15px; } /* ----- QUESTIONNAIRE ----- */ #popular_interests { margin:4px 0px 0px 10px; } #popular_interests h4{ padding-left:40px;} .add_button { background:#9AD549 url(/images/search-bg.png) repeat-x scroll 0% 0%;border:2px solid #7BB42C!important; color:#FFFFFF!important;height:26px!important;margin-left:0px !important;width:125px !important} .add_button:hover{ background:#9AD549 url(/images/search-bg.png) repeat-x scroll 0pt -26px;cursor:pointer;} .add_input { width:170px!important;} .grey_header { background:#FFFFFF none repeat scroll 0% 0%;border-top:1px solid #000; font-size:15px;font-weight:bold; margin-top:15px; margin-bottom:10px; padding:4px 4px 4px 6px; } .brown_header { background:#81C4E4; border-top:1px solid #000 !important; font-size:15px!important; color:#fff; font-weight:bold; margin-top:15px; margin-bottom:0; padding:4px 4px 4px 6px; } #add_group { width:500px; padding:2px 0px 2px 1px ;} #add_group .txt { border:2px solid #C6E996; color:#999999; font-size:16px; height:21px; margin:0px 4px 0px 0px; padding:0px 4px; width:350px; } #add_group .add_button { } .organize { font-size: 14px; display:none;width:500px;text-align:left; margin-top:90px; } .topic_header { margin-bottom:10px; } #settings_nav { width:962px;height:30px;_height:30px;background:#E7E7E7;clear:left;float:left;} #settings_nav ul { padding:0px 0px 0px 20px;} #settings_nav li { display:inline;font-size:15px;font-weight:bold;margin-right:40px;} #settings_nav li a { color:#000;} #settings_nav li.active a { color:#0071C6;} body.settings #interests_new { position:relative; top:auto; left:auto; margin-left:0; margin-top:0; } #manage_interests { background: #fff; } #q_nav { clear:left; float:left;margin:20px 0px 10px 20px; width:500px;} #q_nav strong { font-weight:bold;font-size:14px;color:#000;} #q_nav .group_left { float:left; } #q_nav .group_head_nav { float:right; } #q_nav_head_nav ul.action { font-size:12px;color:#000;float:left;} #q_nav_head_nav ul.action li { float:left;margin-right:8px;} #q_nav .group_nav { float:right; } #q_nav_nav { font-size:12px;color:#000;} #q_nav_nav span { float:left;margin-right:8px;} #q_nav .rename { font-size:11px;color:#0071C6;margin-left:5px;} #q_nav ul.interest { clear:left;padding-top:10px;} #q_nav ul.interest li a { font-size:14px;color:#8CC742;text-decoration:none;} #user_profile { width:500px; float:left; margin-top:30px;} #user_profile strong { clear:left;float:left;margin:5px 0pt 0pt 0px;text-align:right;width:150px; font-size:14px;} #user_profile input { border:2px solid #C6E996; color:#999999; font-size:16px; height:21px; margin:0pt 0pt 5px 5px; padding:0pt 4px; width:300px;} #user_profile .grey input { border:2px solid #ccc; } #user_profile .buttons { clear:left; padding-top:25px; padding-left:150px;} #user_profile .button { background:#9ad549 url('/images/search-bg.png') repeat-x; height:26px; color:#000; border:2px solid #7bb42c; width:130px; font-size:15px; font-weight:bold; } #user_profile .button:hover { background:#9ad549 url('/images/search-bg.png') repeat-x 0 -26px; cursor:pointer; } #user_profile .btn_left { margin:5px 0 0 155px; } * html #user_profile .btn_left { margin:30px 0 0 55px; } #manage_interests div.add_interest { margin:10px 0 40px 0; } #manage_interests .add_interest .text { border:2px solid #C6E996; color:#999999; font-size:16px; height:21px; margin:0pt 5pt 0px 0px; padding:0pt 4px; width:350px;} #manage_interests .interest_group a { color:#7BB629/*#8CC742*/;font-size:14px; font-weight:bold; } #manage_interests li.interest_group { background:#fafafa; border-bottom:1px solid #E7E7E7; height:20px; padding:2px 4px; list-style-position:outside; margin:3px 0; color:#8CC742; font-size:14px; } #promote_q { border:1px solid #7BB629; width:140px ; margin:35px 0px 0px 50px; padding:10px; text-align:center; float:left; } #questionnaire { background:#fff; } div.questionnaire #qcontent { height:auto; } div.questionnaire #info_types { margin-left:10px; width:500px; height:60px!important; } div.questionnaire #info_types h1 { font-size:13px; margin:10px 0 0 20px; color:#777; } div.questionnaire #info_types ul { width:154px; height:90px; } div.questionnaire #qcontent #add_submit, div.questionnaire #qcontent #question_submit { background:#9ad549 url('/images/search-bg.png') repeat-x; height:26px; color:#fff; border:2px solid #7bb42c; width:150px; margin-top:5px; } div.questionnaire #qcontent #add_submit:hover, div.questionnaire #qcontent #question_submit:hover { background:#9ad549 url('/images/search-bg.png') repeat-x 0 -26px; cursor:pointer; } div.questionnaire #qcontent #newspaper_submit { background:#89bad3 url('/images/search-bg-blue.jpg') repeat-x; height:26px; color:#fff; border:2px solid #67aacb; width:90px; margin-top:10px; margin-left:100px; } div.questionnaire #qcontent #newspaper_submit:hover { background:#96cde9 url('/images/search-bg-blue.jpg') repeat-x 0 -26px; cursor:pointer; } div.questionnaire #qcontent #add_submit { width:50px; margin:0 0 0 5px; height:25px; float:left; } div.questionnaire #qcontent_more { background:#ececec; } #qcontent .questions a.clearleft { display:block; text-align:center; } #qcontent .sections label.radio_btn input { float:none; margin:0 0 3px 5px; padding:0; width:10px; height:10px; } #hive_bar { width:450px; margin:0 auto 10px auto; border:2px solid #f7c774; } #hive_bar div { border:1px solid #fff; height:15px; background: url('/images/hive-bar.jpg') no-repeat -780px 0; } #qcontent #nav { padding-top:0; } #qcontent .questions { float:left; width:436px; margin-left:10px; overflow:hidden; border-left:1px solid #f3f3f3; } #qcontent .sections { float:right;margin:10px 10px 0pt 0pt;overflow:hidden;width:400px; background:#fff; } #qcontent .questions input { float:left; margin:0 0 5px 40px; width:280px; font-size:16px; color:#999; border:2px solid #c6e996; height:21px; padding:0 4px; } #qcontent .questions a.active { clear:left; color:#ec9c12; font-weight:bold; display:block; clear:left; text-align:center; } #qcontent .questions ul { padding-left:10px; _margin-left:40px;} #qcontent .questions li { padding:2px 10px; margin-left:0px; font-size:13px; background:url('/images/icon-suggest.gif') no-repeat 0 3px; width:150px; float:left; border:none; margin-left:40px; color: #666; } /* IE */ * html #qcontent .questions li { margin-left:0px; } #qcontent .questions li.last { background:none; color:#999; font-weight:bold; } #qcontent .questions strong { margin:15px 0 7px 40px; font-size:17px; color:#000; display:block; height:40px;} #qcontent .questions b { display:block; margin:0 0 0 50px; } #qcontent .sections ol { padding:0px; font-size:12px; overflow:hidden;display:none;} #qcontent .sections strong:hover { cursor:pointer; } #qcontent .sections ol li { margin-bottom:5px; padding:5px 5px 5px 30px; background:#fcfcfc url('/images/icon-questionnaire.png') no-repeat 0 -40px; height:30px; } #qcontent .sections ol.active { display:block; height:auto; padding:5px 5px 0 5px; background:#f2f2f2; } * html #qcontent .sections ol.active { padding:5px; } #qcontent .sections li.active a { color:#94C742; } #qcontent .sections li.active { background:#fff url('/images/icon-questionnaire.png') no-repeat; } #qcontent .sections strong { height:auto;border-top:2px solid #CECECE; display:block; color:#636563; font-size:16px; padding:2px 0px 4px 25px; cursor:hand; background:#FAFAFA url('/images/group_arrow_left.png') no-repeat 5px 4px;margin-top:4px;} #qcontent .questions .popular { font-size:14px;color:#888; clear:left; margin-top:5px; display:block; height:90px; padding-top:10px; } #qcontent .questions .popular a { color:#888; } .sections .hive { color:#F79218; text-align:center; font-size:14px; font-weight:bold; display:block; padding:5px; margin-bottom:15px;} #qcontent .sections strong.active { border-top:2px solid #94C742; background:#FAFAFA url('/images/group_arrow_down.png') no-repeat 5px 4px;} /* ----- REGISTRATION ----- */ body.registration #content { height:355px; } body.registration #content label { display:block; padding:0 80px 0 50px; font-weight:bold; clear:left; } body.registration #content label span { float:right; } body.registration #content .fieldWithErrors input { border:2px solid #e90e09;} .formError { color: #e90e09; position:relative; height:0; top:5px; left:470px; } body.registration #content .box_top_news, body.registration #content .box_active { height:290px; } /* ----- SETTINGS ----- */ body.settings #content { height:auto; margin-bottom:20px; width:990px; padding-bottom:10px; background:#fff;} body.settings #content .box_active { height:auto; margin-bottom:20px; width:516px; font-size:16px; margin-left:5px; } body.settings #content .box_top_news { height:auto; clear:right; margin-bottom:10px; width:436px; padding-bottom:8px;} body.settings #content .search_tab { width:630px; } body.settings #content .box_top_news { height:auto; clear:right; margin-bottom:10px; width:436px; } body.settings #content .box_active ul { padding:10px 100px; } body.settings #content .box_active li { padding:2px 7px; background:#fafafa; border-bottom:1px solid #f1f1f1; height:20px; } body.settings #content .box_active li.title { font-size:18px; background:#fff; border-top:2px solid #bae0f2; } body.settings a.edit { float:right; padding-left:15px; background:url('/images/icon-edit.png') no-repeat; } body.settings a.edit:hover { text-decoration:none; } body.settings a.delete { float:right; padding-left:15px; background:url('/images/icon-delete.png') no-repeat; position:relative; z-index:100; } body.settings a.delete:hover { text-decoration:none; } body.settings #content .box_top_news strong { margin:5px 0 0 50px; color:#888; } body.settings #content .box_top_news input { clear:left; margin:0 0 5px 50px; width:300px; font-size:16px; color:#999; border:2px solid #c6e996; height:21px; padding:0 4px; } body.settings #content .box_top_news #profile_submit { background:#9ad549 url('/images/search-bg.png') repeat-x; height:26px; color:#fff; border:2px solid #7bb42c; width:130px; } body.settings #content .box_top_news #profile_submit:hover { background:#9ad549 url('/images/search-bg.png') repeat-x 0 -26px; cursor:pointer; } body.settings #content .box_active li:hover { cursor:move; } body.settings #content .box_top_news li { padding:2px 10px; margin-left:40px; font-size:14px; background:url('/images/icon-suggest.gif') no-repeat 0 3px; width:150px; float:left; } /* IE */ * html body.settings #content .box_top_news li { margin-left:20px; } /* ----- LOGIN FORM ----- */ #loginForm li { margin:3px 5px; padding:0; } #loginForm input { border:1px solid #aaa; font-weight:bold; width:120px; } input#loginSubmit { margin:15px 0 0 10px; background:#519bbe; color:#fff; width:60px; font-weight:normal; border:none; } input#loginSubmit:hover { cursor:pointer; background:#5abae8; } body.registration #content #remember_me { width:10px; height:25px; float:left; border:none; } * html body.registration #content #remember_me { width:20px; height:20px; } /* ----- ERROR ----- */ div.error, div.notice { background:#e7f9cf; padding:2px 0; width:990px; float:right; margin-bottom:10px; font-weight:bold; } /* Ratings */ a.rate_dislike_active, a.rate_dislike { display:block; width:3px; height: 13px; background:url('/images/icon_dislike.png') no-repeat; float:left; overflow:hidden; font-size:13px; padding-left: 15px; } a.rate_dislike:hover, a.rate_dislike_active { background:url('/images/icon_dislike.png') no-repeat 0 -13px; } a.rate_like_active, a.rate_like { display:block; width:3px; height: 13px; background:url('/images/icon_like.png') no-repeat; float:left; overflow:hidden; font-size:13px; padding-left: 15px; } a.rate_like:hover, a.rate_like_active { background:url('/images/icon_like.png') no-repeat 0 -13px; } a.comment_active, a.comment { display:block; width:60px; height: 13px; background:url('/images/icon-comment.png') no-repeat; float:left; overflow:hidden; font-size:10px; padding-left: 15px; color: #1078b7;} a.comment:hover, a.comment_active { background:url('/images/icon-comment.png') no-repeat 0 -13px; color: #1078b7;} body #page div.show_more { clear:left; border:2px solid #9ad549; width: 300px; position:absolute; z-index:100; margin-top:15px; background: #ffffff; color:#333; font-size:13px; font-weight:bold; } body #page div.show_more ul { list-style:none; margin:0; padding:10px; } body #page div.show_more input { margin: 5px 5px 0 0; padding:2px; border:1px solid #aaa; } body #page div.show_more textarea { width:200px; border:1px solid #ffdeb1; } body #page div.show_more h2 { background: #9ad549; font-size:15px; padding:2px; color: #fff; border:none !important; } div.show_more ul.show_relevant { padding:0; } ul.show_relevant div { clear:left; padding-left:10px;} #rate_like_page, #rate_dislike_page { width:40px; margin-top:5px; } #show_more_page, #show_more_like_page { margin-top: 25px; } /* IE Hack */ * html #show_more_page, * html #show_more_like_page { margin-left:-135px; margin-top: 35px;} #show_more_page li { padding:5px; } /* ----- INTERESTS NEW ----- */ #interests_new_bg { position:fixed; width:100%; height:470px; background:#000; top:50%; margin-top:-225px; left:0; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; } /* IE */ * html #interests_new_bg { position:absolute; } #interests_new { position:fixed; width: 500px; height:420px; background:#fff; top:50%; left:50%; margin-top:-200px; margin-left:-250px; z-index:100; } /* IE */ * html #interests_new { position:absolute; } #interests_new a.close_me { float:right; display:block; width:16px; height:16px; background:url('/images/icon-close.png') no-repeat; } #interests_new a.close_me:hover { background:url('/images/icon-close.png') no-repeat 0 -16px; } #interests_new div { color:#6eb60b; margin:7px; } #interests_new div strong { font-size:19px; } #interests_new div b { color:#333; } #interests_new li { float:left; width:150px; padding:7px 3px; font-size:14px; text-align:left; } #interests_new ul { padding-left:20px; } #interests_new div.half { margin:0; padding-top:5px; width:250px; float:left; } #interests_new div.half ul { padding-left:65px; } #interests_new div.half li { color:#888; font-size:11px; list-style:square; padding:0; } #interests_new input.button_green { width:225px; height:45px; background:url('/images/PopupButton.jpg') no-repeat; clear:both; border:none; margin-top:20px; } #interests_new input.no_thanks { background:none; color:#1F80BB; } #interests_new input.button_green:hover { cursor:pointer; background:url('/images/PopupButton_over.jpg') no-repeat; } #interests_new input.no_thanks:hover { cursor:pointer; text-decoration:underline; color:#6eb60b; } .featured_news { margin:10px 0 0 10px; width:838px; border:1px solid #8bc43f; background:#fff; float:left; } /* IE */ * html .featured_news { margin:10px 0 0 5px; } .featured_news ul div { background:#8bc43f; font-size:14px; font-weight:bold; padding:2px 5px; color:#fff; } .featured_news ul div a { float:right; font-weight:normal; } .featured_news ul li { padding:10px 5px; font-size:12px; margin-bottom:0px; clear:right; } .featured_news ul li a { /* color:#9cd6fa; */ } .featured_news ul li strong { display:block; font-size:16px;} .featured_news ul li span a { } /* ----- ADD INTEREST ----- */ #add_interest_popup { width:200px; margin-top:2px; } #add_interest_popup input { border:1px solid #888; width:153px; } #add_interest_popup .button_green { width:75px; } #nav .invite_form li.title { border-bottom:2px solid #faaf3b; } .invite_form input { border:1px solid #aaa; width:100px; font-size:10px; padding:2px; } .invite_form input.button_blue { height:20px; width:85px; font-size:11px; margin-top:5px; } table.metrics td { padding:5px; font-size:15px; background:#fafafa; border:2px solid #fff; font-weight:bold; } /* ----- DEBUG UI ----- */ #preview { width: 860px; color: #000; background: transparent url('/images/feedup/feedgradient.jpg') repeat-x scroll top right; font-weight: bold; padding-bottom: 5px; } #preview_title { padding: 10px; font-size: 16px; text-align: left; } #debugui_results { border: 1px solid #EFEFEF; } .con_item { margin-left: 10px; padding: 3px; border-bottom: 1px dotted #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 15px; } .c_title { color: #0000CC; padding-top: 10px; padding-bottom: 5px; font-size: 14px; font-weight: bold; } .c_type { font-size: 12px; color: #B3B3B3; } .c_site { padding-top: 2px; padding-bottom: 3px; color: #B3B3B3; } .c_site a { color: green; font-weight: bold; } .c_snippet { font-size: 12px; } .c_concept { font-size: 11px; padding-top: 5px; } .c_cluster { padding-bottom: 10px; font-size: 12px; color: #008000; } .c_cluster ul { padding-left: 8px; } .c_cluster b { padding-bottom: 10px; font-size: 12px; color: #000; } .c_cluster a { text-decoration: none; color: #0066CC; } .c_cluster a b { color: #0066CC; } .debug_value { color: #F7931E; } #nav { width:120px; float:left; clear:left; } #nav .heading { width:110px; } #nav li { border-bottom:1px solid #E6FAFF; padding:3px 0px; } #nav li.last { border:none; padding-bottom:10px; } #nav li.last a { color:#690; text-decoration:underline; } #nav li.last a:hover { text-decoration:none; } #nav a { color:#000; } #nav .heading a { color:#777; } .blue { background:#80C3E3; } .green { background:#9DCE63; } .divider { border-bottom:1px solid #E6FAFF; } .heading { color:#fff; height:20px; padding:4px 10px 0; font-weight:bold; font-size:13px; } .heading a { color:#fff; float:right; text-decoration:underline; font-size:11px; font-weight:normal; margin-top:2px; } .heading a:hover { text-decoration:none; } .heading .right { font-size:11px; font-weight:normal; margin-top:2px; }