/* ====================== */ /* = 960.gs grid system = */ /* ====================== */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* =========== */ /* = generic = */ /* =========== */ * { padding: 0; margin: 0; } body { background: #353535 url(/images/bg.gif); color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;; } a { color: #999; } .middle_gradient a, .middle_grey a { color: #eee; } a:hover { color: #35b2cd; } .middle_gradient a:hover, .middle_grey a:hover { color: #3ccae8; } a img, fieldset { border: none; } *:focus { outline: none; } *::-moz-focus-inner { border: none; } .highlight { background: #e8ca3c; } .clearfix { clear: both; } .hide_text { /*sends the text in element to the green fields of Norway - useful for quick seo fixes*/ display:block; overflow:hidden; text-indent: -1000em; } ul.menu { list-style: none; } .small { font-size: 80%; } .quiet { color: #777; } .disabled { text-decoration: line-through !important; } #container { width: 100%; } /* ========== */ /* = header = */ /* ========== */ #header { height: 120px; width: 960px; } #logo { float: left; margin-left: -35px; } #header #fellows-box { float: right; margin-top: 12px; height: 80px; width: 470px; text-indent: -9999px; } #header #sidecol #search { float: right; margin-top: 35px; } #testimonials { background: url(/images/home/testimonials_box.png) no-repeat; float: right; width: 474px; height: 87px; margin-top: 14px; overflow: hidden; position: relative; } #testimonials .items { position: absolute; width: 20000em; } #testimonials .quote { width: 474px; height: 87px; float: left; position: relative; } #testimonials .quote p { position: absolute; left: -9999px; } #testimonials .quote a { text-indent: -9999px; display: block; margin-top: 50px; float: right; } #kvedar { background: url(/images/home/testimonials/1_kvedar.png) no-repeat; } #kvedar a { height: 25px; width: 300px; } #shlain { background: url(/images/home/testimonials/2_shlain.png) no-repeat; } #testimonials #shlain a { margin-top: 56px; height: 25px; width: 250px; } #delay { background: url(/images/home/testimonials/3_delay.png) no-repeat; } #testimonials #delay a { margin-top: 45px; height: 25px; width: 200px; } #drane { background: url(/images/home/testimonials/4_drane.png) no-repeat; } #testimonials #drane a { margin-top: 55px; height: 25px; width: 200px; } #laws { background: url(/images/home/testimonials/5_laws.png) no-repeat; } #testimonials #laws a { height: 13px; width: 120px; } #testimonials #laws a#underserved { height:12px; margin-top:66px; position:absolute; right:0; width:180px; } /* =========== */ /* = sidebar = */ /* =========== */ #sidebar { margin: 0; width: 180px; padding-top: 24px; } #sidebar ul li { margin-bottom: 20px; } #sidebar ul a { display: block; background: url(/images/menu_bg.png) no-repeat; height: 24px; } #sidebar ul li.about, #sidebar ul li.home, #sidebar ul li.member, #sidebar ul li.fellows, #sidebar ul li.weekly, #sidebar ul li.fh100, #sidebar ul li.contact, #sidebar ul li.twitter, #sidebar ul li.facebook, #sidebar ul li.eventspottr { text-indent: -999em; } /* home */ #sidebar ul li.home a { background: url(/images/sidebar/home.png) no-repeat; } #sidebar ul li.home a:hover { background: url(/images/sidebar/home_hover.png) no-repeat; } #sidebar ul li.home a.current { background: url(/images/sidebar/home_active.png) no-repeat; } /* premium member */ #sidebar ul li.member a { background: url(/images/sidebar/premium_members.png) no-repeat; } #sidebar ul li.member a:hover { background-position: 0 50%; } #sidebar ul li.member a.current { background-position: 0 100%; } /* fellows */ #sidebar ul li.fellows a { background: url(/images/sidebar/fellows.png) no-repeat; } #sidebar ul li.fellows a:hover { background: url(/images/sidebar/fellows_hover.png) no-repeat; } #sidebar ul li.fellows a.current { background: url(/images/sidebar/fellows_active.png) no-repeat; } /* about */ #sidebar ul li.about a { background: url(/images/sidebar/about.png) no-repeat; } #sidebar ul li.about a:hover { background: url(/images/sidebar/about_hover.png) no-repeat; } #sidebar ul li.about a.current { background: url(/images/sidebar/about_active.png) no-repeat; } #sidebar ul li.about div { display: none; } body#about-who_we_are ul li.about div, body#about-what_we_believe ul li.about div { display: block; } body#about-what_we_believe ul li.about a { background: url(/images/sidebar/about_active.png) no-repeat; } /* weekly */ #sidebar ul li.weekly a { background: url(/images/sidebar/weekly_digest.png) no-repeat; } #sidebar ul li.weekly a:hover { background: url(/images/sidebar/weekly_digest_hover.png) no-repeat; } #sidebar ul li.weekly a.current { background: url(/images/sidebar/weekly_digest_active.png) no-repeat; } #sidebar ul li div { background: url(/images/sidebar/weekly_bottom.png) no-repeat center bottom; padding-bottom: 14px; } #sidebar ul li.weekly div a.weekly_see_more { background: none; display: block; text-align: right; text-indent: 0; font-size: 10px; color: #e8ca3c; text-decoration: none; padding: 0 15px; margin-top: 5px; } #sidebar ul li ul { background: #676767; list-style: none; text-indent: 0; padding-top: 10px; } #sidebar ul li ul li { margin-bottom: 0; } #sidebar ul li.weekly ul a:hover { background: none; } #sidebar ul li ul a.entry_sidebar_link { font-family: Georgia, sans-serif; color: #fff; display: block; padding-right: 20px; padding-bottom: 6px; height: auto; text-transform: none; } #sidebar ul li.weekly ul a, #sidebar ul li.member ul a, #sidebar ul li.about ul a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; display: block; color: #e8ca3c; display: block; background: none; margin-right: 20px; text-transform: none; text-align: right; text-decoration: none; } #sidebar ul li.about ul a:hover { background: none; } #sidebar ul li.about ul a.current, #sidebar ul li.member ul a.current { color: #fff; background: none; } #sidebar ul li ul a.entry_sidebar_link.current { color: #e8ca3c; } #sidebar ul li ul a:hover { background: none; } #sidebar ul li ul a span.issue-date { color: #fff; } #sidebar ul li ul a span em { color: #999; font-size: 11px; font-style: normal; } #sidebar ul li ul a span.middot { color: #3d3d3d; font-size: 15px; margin: 0 3px; line-height: 12px; } #content .weekly_single_entry .left span.middot { margin: 0 3px; } /* fh100 */ #sidebar ul li.fh100 a { background: url(/images/sidebar/fh100.png) no-repeat; } #sidebar ul li.fh100 a:hover { background: url(/images/sidebar/fh100_hover.png) no-repeat; } #sidebar ul li.fh100 a.current { background: url(/images/sidebar/fh100_active.png) no-repeat; } /* eventspottr */ #sidebar ul li.eventspottr a { background: url(/images/sidebar/eventspottr.png) no-repeat; } #sidebar ul li.eventspottr a:hover { background: url(/images/sidebar/eventspottr_hover.png) no-repeat; } /* contact */ #sidebar ul li.contact a { background: url(/images/sidebar/contact_us.png) no-repeat; } #sidebar ul li.contact a:hover { background: url(/images/sidebar/contact_us_hover.png) no-repeat; } #sidebar ul li.contact a.current { background: url(/images/sidebar/contact_us_active.png) no-repeat; } #sidecol #search { background: url(/images/sidebar/search_bg.png); height: 60px; width: 180px; } #sidecol #search input.text { background:transparent none repeat scroll 0 0; border:medium none; color:#000000; margin-top:33px; padding-left:13px; width:140px; float:left; } #sidecol #search input.submit { background:transparent none repeat scroll 0 0; border:medium none; margin-top: 33px; cursor: pointer; height: 15px; width: 15px; text-indent: -999px; overflow:hidden; float:left; font-size: 0; display:block; line-height: 0; } #sidebar ul li.subscribe { height: 60px; background: url(/images/sidebar/subscribe_bg.png); } #sidebar ul li.subscribe input.text { background:transparent url(/images/sidebar/subscribe_input_bg.png) no-repeat scroll 0 1px; border:medium none; color:#CCCCCC; float:left; left:15px; margin-top:33px; position:relative; width:140px; } #sidebar ul li.subscribe input.submit { background:transparent none repeat scroll 0 0; border:medium none; cursor:pointer; display:block; float:left; font-size:0; height:15px; left:15px; line-height:0; margin-top:33px; overflow:hidden; position:relative; text-indent:-999px; width:15px; } #sidebar ul li.twitter { margin-bottom: 12px; } #sidebar ul li.twitter a { background: url(/images/sidebar/twitter.png) no-repeat; margin-left: -15px; height: 29px; margin-top: 48px; } #sidebar ul li.facebook a { background: url(/images/sidebar/facebook.png) no-repeat; height: 25px; } #sidebar ul li.twitter a:hover, #sidebar ul li.facebook a:hover { background-position: 0 100%; } /* =================== */ /* = content generic = */ /* =================== */ #content { position:relative; width: 710px; margin-right: 0; overflow: hidden; font-family: Georgia, serif; } #content .top { background: url(/images/content_bg_top.png) no-repeat; display: block; height: 12px; overflow: hidden; } #content .bottom { background: url(/images/content_bg_bottom.png) no-repeat; display: block; height: 16px; overflow:hidden; } #fellows #content .middle { position: relative; padding: 12px; } #content .middle { background: #2e2e2e; padding: 12px 60px; overflow: hidden; } #content .top_gradient { background-image: url(/images/premium/top_gradient_bg.png); } #content .middle_gradient { background: url(/images/premium/middle_gradient.png) no-repeat #666666; } #content .bottom_gradient { background-image: url(/images/premium/bottom_gradient.png); } #content .top_intro { background-image: url(/images/premium/top_intro_bg.png); } #content .middle_intro { background: url(/images/premium/middle_intro_bg.png) no-repeat #666666; } #content .bottom_intro { background-image: url(/images/premium/bottom_intro_bg.png); } #content .top_bright { background: url(/images/content_bright_bg_top.png) no-repeat; } #content .bottom_bright { background: url(/images/content_bright_bg_bottom.png) no-repeat; color: #111; } #content .middle_bright { color: #333; background: #eee; } #content .overlay a, #content .middle_bright a { color: #000; } #content .middle_bright a:hover, #content .overlay a:hover { color: #35b2cd; } #content .top_grey { background: url(/images/content_grey_bg_top.png) no-repeat; } #content .middle_grey { color: #eee; background: #666; } #content .bottom_grey { background: url(/images/content_grey_bg_bottom.png) no-repeat; } #content .middle_dark { color: #f1f1f1; } #content .middle_dark h1{ color: white; } #content .middle_dark h4{ font-size: 18px; margin-top: 24px; margin-bottom: 12px; font-style: italic; font-weight: normal; } /* ============== */ /* = typography = */ /* ============== */ #content { font-size: 15px; line-height: 22px; } #content p, #method_overlay p { margin-bottom: 14px; } #content p.first:first-line { font-variant: small-caps; } #content p.first:first-letter { font-variant:none; font-size:34px; float:left; margin:-.06em .1em -.3em -.1em; line-height:1; } h1 { color: #555; font-family: Georgia, serif; font-size: 28px; font-weight: normal; line-height: 36px; margin-bottom: 24px; } h3.section_title { color: #999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: .1em; margin-bottom: 12px; text-transform: uppercase; } h2 { font-size: 20px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .03em; text-transform: uppercase; margin: 48px 0 14px; } h2.believe { font-size: 16px; } .middle h4 { font-size: 18px; margin-top: 29px; margin-bottom: 9px; font-weight: normal; } h2, .blue, span.blue, em.blue, body#home span.blue, body#home em.blue { color: #35b2cd; } span.blue, em.blue, body#home span.blue, body#home em.blue { font-style: normal; } span.yellow, em.yellow, body#home span.yellow, body#home em.yellow { font-style: normal; color: #c3aa00; } .caps { font-variant:small-caps; letter-spacing: 0.05em; margin: 0 .1em; text-transform: lowercase; } .trademark { margin-left: -5px; } #footnotes { margin-top: 21px; } #footnotes .hanging { margin: 0 10px 0 -20px; } /* colors */ .middle_dark h1, .middle_grey h1, .middle_gradient h1 { color: #eee; } .middle_dark h2, .middle_grey h2, .middle_gradient h2, .middle_intro h2, .middle_dark .blue, .middle_grey .blue, .middle_gradient .blue, .middle_intro .blue, .hint .blue { color: #3ccae8; } .middle_gradient h3, .middle_intro h3{ color: #444444; } .middle_intro .yellow, .middle_gradient .yellow, .middle_dark .yellow, .middle_grey .yellow { color: #e5c321; } .excerpt_www a, .excerpt a { color: #fff !important; } .excerpt_www a:hover, .excerpt a:hover { color: #35b2cd !important; } .middle_grey .excerpt_www a:hover, .middle_grey .excerpt a:hover, .middle_dark .excerpt_www a:hover, .middle_dark .excerpt a:hover { color: #3ccae8 !important; } /* ======== */ /* = Home = */ /* ======== */ body#home .home_boxes { overflow: hidden; } body#home .home_boxes .weekly { width: 220px; height: 231px; background: url(/images/home/box_digest_bg.png) no-repeat; float: left; margin-right: 20px; overflow: hidden; } body#home .home_boxes .weekly .scrollable a { color: #eeeeee; font-size: 12px; display: block; padding-left: 15px; line-height: 15px; margin-bottom: 7px; background: url(/images/home/box_digest_a_bg.png) no-repeat; text-decoration: none; } body#home .home_boxes .weekly a:hover { color: #e8c93a; } body#home .home_boxes .weekly .scrollable { position:relative; overflow:hidden; margin-top: 10px; width: 221px; height: 155px; } body#home .home_boxes .weekly .scrollable .items { width:20000em; position:absolute; /* height: 150px;*/ } body#home .home_boxes .weekly .scrollable .items div { width: 220px; float: left; } body#home #home_weekly_navigation, body#home #home_fh100_navigation { float: right; padding-right: 5px; } body#home #home_weekly_navigation a, body#home #home_fh100_navigation a { display: block; cursor: pointer; position: relative; float: left; width: 9px; height: 20px; padding: 0; background: url(/images/home/box_navi_inactive.png); background-position: 0 -2px; margin: 0 1px; } body#home #home_weekly_navigation a.active, body#home #home_fh100_navigation a.active { background: url(/images/home/box_navi_active.png); background-position: 0 -1px; } body#home .home_boxes .nav { display: block; float: right; width: 20px; height: 20px; cursor: pointer; } body#home .home_boxes .next { padding-right: 6px; } body#home .home_boxes .fh100 { width: 220px; height: 231px; background: url(/images/home/box_fh100_bg.png) no-repeat; float: left; } body#home .home_boxes .weekly a.header, body#home .home_boxes .fh100 a.header { display: block; width: 215px; margin: 13px auto 4px; height: 27px; text-indent: -999em; } body#home .home_boxes .fh100 .scrollable { position:relative; overflow:hidden; width: 221px; height: 158px; margin-top: 7px; } body#home .home_boxes .fh100 .scrollable .items { width: 20000em; position: absolute; /* height: 150px;*/ } body#home .home_boxes .fh100 .scrollable .items div.item { width: 205px; float: left; padding: 0 8px; } body#home .home_boxes .fh100 .scrollable .items a { float: left; /* Firefox fix */ text-decoration: none; } body#home .home_boxes .fh100 .scrollable .items a:hover .name { text-decoration: underline; } body#home .home_boxes .fh100 div.innovation { color: #eee; clear: left; display: block; font-size: 12px; font-weight: normal; line-height: 14px; margin-top: 7px; } body#home .home_boxes .fh100 div .innovation-caption { color: #ccc; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; font-variant: small-caps; text-transform: lowercase; line-height: 13px; letter-spacing: 0.05em; width: 67px; margin-right: 8px; text-align: right; } body#home .home_boxes .fh100 div .innovation-text { width: 125px; line-height: 12px; } body#home .home_boxes .fh100 div .innovation-text, body#home .home_boxes .fh100 div .innovation-caption { float: left; } body#home .home_boxes .fh100 div .related { display: none; } body#home .home_boxes .fh100 div .person-photo { background-position: 50% 0; border: 1px solid #222; cursor: pointer; float: left; height: 110px; width: 65px; margin-right: 8px; } body#home .home_boxes .fh100 div .person-info { cursor: pointer; float: left; width: 125px; } body#home .home_boxes .fh100 div .order { color: #3ccae8; font-size: 16px; line-height: 16px; } body#home .home_boxes .fh100 div .name { font-size: 16px; color: #eee; line-height: 14px; margin-top: 8px; } body#home .home_boxes .fh100 .position, body#home .home_boxes .fh100 .company { display: block; color: #999; font-size: 12px; line-height: 14px; margin-top: 4px; } body#home .top { height: 71px; margin-top: 12px; background: url(/images/home/posts_bg_top.png); } body#home .top_feature { height: 71px; margin-top: -23px; background: url(/images/home/posts_bg_top_feature.png); } body#home .middle { background: #666 url(/images/home/posts_bg_middle.png) no-repeat; padding: 12px 40px; } body#home .bottom { background: url(/images/home/posts_bg_bottom.png) center bottom; height: 10px; } #home #sidecol { padding-left: 50px; width: 180px; } #premium_circle { margin-top: 22px; } #home #sponsors { margin-top: 50px; } #home #sponsors a { display: block; margin-bottom: 24px; } /* ===================== */ /* = home weekly entry = */ /* ===================== */ .home_weekly_entry { margin-bottom: 36px; padding-bottom: 24px; border-bottom: 1px solid #6f6f6f; } .home_weekly_entry_last { border: 0; margin-bottom: 26px; /* 2px balance with .bottom */ padding: 0; } .home_weekly_entry .category { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; margin: 0; color: #444; font-weight: bold; font-size: 12px; } .home_weekly_entry .title { font-size: 18px; font-weight: bold; margin-bottom: 12px; } .home_weekly_entry .title a { color: #3ccae8; text-decoration: none; } .home_weekly_entry .author { font-family: "Arial", sans-serif; font-size: 11px; margin-top: -10px; margin-bottom: 6px; color: #444; } .home_weekly_entry .author span { text-transform: uppercase; } .home_weekly_entry .dateauthor { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #cfcfcf; margin-bottom: 10px; } .home_weekly_entry .excerpt_www, .home_weekly_entry .excerpt { color: #eeeeee; font-size: 12px; line-height: 18px; } #content .home_weekly_entry .excerpt_www p, #content .home_weekly_entry .excerpt p { margin-bottom: 6px; } .home_weekly_entry .full { clear: both; margin-top: 3px; text-align: right; } .home_weekly_entry .full a { color: #e5c321; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } /* ========= */ /* = about = */ /* ========= */ #about-who_we_are .person { clear: both; margin-bottom: 48px; } #about-who_we_are .person-photo { float: left; height: 100%; overflow: hidden; width: 100px; } #about-who_we_are .person-photo img { margin-right: 24px; } #about-who_we_are .person-desc { margin-left: 115px; } #about-who_we_are #content .person-desc p { margin-bottom: 6px; } #method em { color: #3ccae8; font-style: normal; } /* ====================== */ /* = contact, advertise, terms, policies = */ /* ====================== */ #contact dl { text-align: center; } #advertise .middle a, #contact dd { font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 12px; } #contact h1, #advertise h1 { text-align: center; } #terms h1, #policies h1 { color: #35b2cd; margin: 36px 0; } #terms h2, #policies h2 { color: #666; font-size: 17px; margin: 22px 0; } /* ============================== */ /* = weekly digest single entry = */ /* ============================== */ p.indent { margin-left: 70px !important; margin-bottom: 6px !important; } #weeklypost #content .middle_bright { font-size: 15px; line-height: 1.62; /* what's my name? */ } #weeklypost #content .middle_bright .caps { font-size: 15px; } body#weeklypost .photos { margin: 24px -15px 24px 0; text-align: center; } body#weeklypost .photos img { margin-right: 15px; } .weekly_single_entry { color: #111; } .weekly_single_entry ol { margin-left: 20px; } .weekly_single_entry h2 { font-family: Georgia, serif; text-transform: none; font-weight: bold; color: #000; font-size: 24px; line-height: 24px; margin: 21px 0 14px 0; } .weekly_single_entry h3 { font-size: 16px; margin-bottom: 28px; } .weekly_single_entry .author { font-family: "Arial", sans-serif; font-size: 12px; color: #666666; margin-bottom: 34px; text-transform: uppercase; } #content .weekly_single_entry p { margin-bottom: 12px; } .weekly_single_entry #entry_body a { color: #000 !important; } .weekly_single_entry .body_www a { color: #fff !important; } .weekly_single_entry .body_www a:hover, .weekly_single_entry #entry_body a:hover { color: #35b2cd !important; } .weekly_single_entry .logo { float: right; padding: 0 0 10px 5px; } .weekly_single_entry .body_www { background: url(/images/body_www_fauxcol.png) repeat-y; padding: 10px 10px 4px; margin-bottom: 21px; } .weekly_single_entry .body_www p { color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 80px !important; margin-bottom: 12px !important; font-size: 12px; line-height: 1.62; } body#home div.links, body#weeklydigest div.links, body#weeklypost div.links { margin-top: 21px; color: #34b0ca !important; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } body#weeklypost div.links { font-size: 14px; } body#home div.links a, body#weeklydigest div.links a, body#weeklypost div.links a { margin-right: 20px !important; color: #34b0ca !important; float: left; } .single_entry_footer { margin-top: 36px; clear: both; } .single_entry_footer .left, .single_entry_footer .center, .single_entry_footer .right { width: 195px; float: left; } #content .single_entry_footer a.rounded1 { font-size: 14px; text-transform: capitalize; background: #4a4a4a; border: 1px solid #4a4a4a; color: #eeeeee; line-height: 24px; } #content .single_entry_footer a.rounded1:hover { color: #fff; background: #000; } .single_entry_footer .center { text-align: center; } .single_entry_footer .right { text-align: right; } .weekly_single_entry .single_entry_footer a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #767676; background-bottom: 2px solid #d0d0d0; } body#weeklydigest .entry h6, .weekly_single_entry h6, .home_weekly_entry .excerpt_www h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: left; width: 60px; text-align: right; clear: left; font-size: 12px !important; text-transform: uppercase; padding-right: 10px !important; } .home_weekly_entry pre { color: #34b0ca; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; display: block; clear: both; } .home_weekly_entry pre a { margin-right: 20px !important; float: left; } #tabs { float: right; } #tabs li { display: inline; } #tabs li a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #777777; padding: 5px; font-weight: normal; } #tabs li a.current { color: #000; text-decoration: none; } .weekly_single_entry .header { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .weekly_single_entry .header .left { width: 50%; float: left; color: #767676; font-weight: bold; } .weekly_single_entry .header .right { font-weight: bold; color: #3ccae8; text-align: right; } .weekly_single_entry .add_comment { padding-top: 24px; } #content .weekly_single_entry .add_comment a { color: #21b3d2; text-align: right; padding-right: 30px; text-transform: uppercase; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 7px 7px 7px 0; display: inline-block; } /* ============================= */ /* = Weekly Digest issues list = */ /* ============================= */ .weekly_issues_list ul { list-style-type: none; } .weekly_issues_list li { list-style: none; margin-bottom: 45px; } .weekly_issues_list h3, .weekly_issues_list h3 a, .weekly_issues_list h3 a:hover { color: #e8ca3c; font-weight: normal; font-size: 18px; text-transform: uppercase; text-decoration: none; } .weekly_issues_list h3.issue { font-size: 24px; } .weekly_issues_list h3 span { color: #fff; } .weekly_issues_list h3 span em { font-style: normal; color: #858585; } .weekly_issues_list p { margin-top: 14px; font-size: 14px; line-height: 21px; } .weekly_issues_list div.entry { margin: 15px 0 35px 0; } .weekly_issues_list div.entry h4 { color: #fff; font-style: normal; font-size: 17px; font-weight: bold; margin-bottom: 6px; } .weekly_issues_list div.entry div.date { margin: 5px 0; color: #cecccc; font-size: 13px; } body#weeklydigest p { margin-top: 0; margin-bottom: 0; } body#weeklydigest p.indent { margin-left: 5px; } body#weeklydigest h4 a { /* color: #fff;*/ color: rgb(60, 202, 232); text-decoration: none; } body#weeklydigest .author { color: #a7a7a7; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 6px; } body#weeklydigest .author span { text-transform: uppercase; } body#weeklydigest a.read_more { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #e5c321; font-size: 12px; text-transform: uppercase; } /* =========== */ /* = comment = */ /* =========== */ #comment_box { display: none; } #comment .weekly_single_entry h1 { margin: 21px 0 14px 0; } #comment .weekly_single_entry h1 a { color: #35b2cd; } #comment .weekly_single_entry h2 { font-size: 18px; text-indent: -.5em; margin: 14px 0; } #comment_body { height: 144px; margin-bottom: 0; } #comment_box .middle form { padding: 24px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* ========= */ /* = fh100 = */ /* ========= */ #fh100-profile #content, #fh100 #content { line-height: normal; position: static; } /* ========== */ /* = header = */ /* ========== */ #content.fh100 .middle { padding: 0 25px 12px 60px; } #content.fh100 .header { background: url(/images/fh100_header.png) no-repeat -6px 12px; height: 60px; margin: 0 0 36px; position: relative; } #content.fh100 .header h1 { text-indent: -999px; } #content.fh100 .header .display_type { color: #a4a4a4; text-align: right; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 7px; right: 0; } #content.fh100 .header .display_type div.comment { margin-bottom: 12px; } #content.fh100 .header .display_type div.comment a { color: #3ccae8; text-decoration: none; border-bottom: 1px solid #357c8b; } #fh100_by_name.selected, #fh100_by_company.selected { color: #e8ca3c; } #content.fh100 .header .display_type a span { text-transform: uppercase; font-size: 11px; } #content.fh100 #flash { margin: -24px 0 36px; } #method_link, #search_back { text-align: center; display: block; color: #e8ca3c; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin: 36px 0 12px; text-transform: uppercase; } #search_back { text-transform: none; } #search_back, #fh100 #search_results { color: #ddd; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 36px; text-align: center; } /* ========= */ /* = entry = */ /* ========= */ .fh100_entry { float: left; width: 130px; padding-right: 5px; margin-bottom: 25px; text-decoration: none; } .fh100_entry:hover .name { color: #fff; text-decoration: underline; } .fh100_entry:hover .photo { border-color: #666; } .fh100_entry .position { display: none; } .fh100_entry .company { display: none; } .fh100_entry .city { display: none; } .fh100_entry .user_photo { display: none; } .fh100_entry h3 { display: none; } .fh100_entry .innovation { display: none; } .fh100_entry .related { display: none; } .fh100_entry .company_photo { display: none; height: 80px; line-height: 80px; text-align: center; } .fh100_entry .photo { float: left; border: 1px solid #444; margin-right: 8px; width: 30px; height: 40px; padding: 1px; overflow: hidden; text-align: center; } .fh100_entry .photo img { display: none; /* width: 34px;*/ /* height: 42px;*/ } .fh100_entry .order { color: #3ccae8; } .fh100_entry .name { font-size: 12px; color: #acacac; } body#fh100 .dimmer { position: absolute; background: #000; /* opacity: 0.9;*/ width: 710px; z-index: 150; height: 1300px; text-align: center; padding-top: 200px; } body#fh100 .dimmer img { /* opacity: 1;*/ margin-bottom: 50px; } body#fh100 .dimmer p { color: #ccc; font-size: 22px; } /* profile view */ #fh100-profile .photo, .overlay .photo { float: left; width: 96px; height: 132px; overflow: hidden; padding-top: 4px; margin-right: 25px; } #fh100-profile .photo img, #fh100 .overlay .photo img, #fh100 .tooltip .photo img { border: 1px solid #ccc; padding: 1px; } #fh100-profile .order, .overlay .order, #fh100 .tooltip .order { font-size: 36px; line-height: 24px; margin-bottom: 6px; color: #3ccae8; } #fh100-profile .name, .overlay .name { font-weight: bold; color: #111; font-size: 24px; margin-bottom: 5px; } .overlay .position, .overlay .company, #fh100-profile .position, #fh100-profile .company { font-size: 16px; color: #666; margin-bottom: 5px; } #fh100-profile .city, .overlay .city { color: #666; font-size: 14px; font-style: italic; margin-bottom: 22px; } #fh100-profile h3, .overlay h3 { display: none; } .overlay .innovation, .overlay .related, #fh100-profile .innovation, #fh100-profile .related { margin-bottom: 25px; color: #111; font-size: 15px; line-height: 1.62; } .overlay .innovation { max-height: 290px; overflow-y: auto; overflow-x: hidden; -ms-overflow-x: hidden; -ms-overflow-y: auto; } /* .overlay .innovation, #fh100-profile .innovation { clear: both; margin-right: 30px; DON’T REMEMBER WHAT THIS WAS FOR }*/ #fh100-profile .related p, .overlay .related p { float: left; margin-right: 25px; color: #444; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: underline; } #fh100-profile .related a:hover, .overlay .related a:hover { color: #111; } #fh100-profile #content .innovation p, #content .overlay .innovation p { margin-bottom: 12px; } #fh100-profile h2 { margin: 7px 0 11px; } #fh100-profile h2 a { background: url(/images/fh100_header_transparent.png) no-repeat; display: block; height: 22px; text-indent: -9999px; width: 201px; } #fh100-profile #list_back { color: #c3aa00; float: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-variant: small-caps; margin-top: 7px; text-transform: lowercase; font-weight: bold; font-size: 14px; text-decoration: none; } #fh100-profile #list_back span { font-size: 18px; line-height: 14px; } /* =============== */ /* = eventspottr = */ /* =============== */ body#eventspottr { font-size: 15px; line-height: 22px; } body#eventspottr #header { height: auto; width: 760px; /*reset to 960.gs default */ } body#eventspottr #header .right { margin-top: 10px; float: right; } body#eventspottr #header .right a { display: block; margin: 5px 0 0; } body#eventspottr #main { margin: 0; background-color: #2e2e2e; border: 1px solid #2e2e2e; width: 760px; /* IE7 fix */ padding: 0; } body#eventspottr #sponsors { text-align: center; padding: 20px 0; margin-top: 15px; background: #2e2e2e; } body#weeklydigest-issues p a{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #e5c321; font-size: 10px; text-transform: uppercase; } .weekly_issues_list h3 span { background: url(/images/weekly_title_separator.png) no-repeat; color: white; padding-left: 23px; text-transform: capitalize; } body#eventspottr .tooltip .date { color: #111; font-size: 14px; margin-top: 3px; } body#eventspottr .tooltip .where { font-size: 15px; color: #555; margin-top: 0; font-variant: small-caps; text-transform: lowercase; } body#eventspottr .tooltip .name { clear: both; display: inline; font-size: 14px; line-height: 14px; color: #111; font-weight: bold; } body#eventspottr .tooltip .image { float: right; margin: -3px 0 0 10px; } body#eventspottr .tooltip .image img { margin: 0; } body#eventspottr div.overlay { display: none; color: #111; height: 460px; padding: 48px 50px; background: url(/images/eventspottr/overlay.png) no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } body#eventspottr div.overlay div.image { clear: right; float: right; } body#eventspottr div.overlay div.name { clear: both; display: inline; font-size: 24px; color: #111; } body#eventspottr div.overlay div.date { font-size: 18px; color: #111; margin-top: 12px; } body#eventspottr div.overlay div.where { color: #555; font-size: 20px; font-variant: small-caps; letter-spacing: 0.03em; margin-top: 12px; text-transform: lowercase; } body#eventspottr div.overlay div.about { margin-top: 24px; font-size: 15px; line-height: 22px; height: 340px; overflow: auto; } body#eventspottr div.overlay div.about a { color: #35b2cd; } body#eventspottr div.overlay div.about p { margin-bottom: 9px; } /* =========== */ /* = fellows = */ /* =========== */ body#fellows #requirements { position: absolute; top: 600px; display: block; } body#fellows #mailnominations { position: absolute; top: 950px; height: 20px; width: 200px; top: 875px; left: 430px; display: block; } body#fellows #content form { background: url(/images/fellows/labels.png) no-repeat; background-position: top left; padding-left: 236px; padding-top: 2px; margin-bottom: 60px; } body#fellows #content form input.text { background: #b3b3b3; height: 28px; margin-bottom: 25px; display: block; border: none; padding: 0 3px; width: 265px; } body#fellows #content form input.submit { width: 94px; height: 34px; background: url(/images/fellows/send.png); cursor: pointer; text-indent: -999em; border: none; } /* ====================== */ /* = PREMIUM memberHIP = */ /* ====================== */ body.premiumpage #content { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } body.premiumpage #content .middle { padding: 43px 10px 12px 40px; } body.premiumpage a { color: #fff; } body.premiumpage .hint, body.premiumpage .hint a { color: #E5C321; } /* logged-out version w/o navbar */ #registration_later #content .middle, #registration_saved #content .middle, #registration_thanks #content .middle, #create_profile #content .middle, #registration #content .middle, #member-payment #content .middle, #member-info #content .middle, #login #content .middle, #password_reset #content .middle, #password_reset_edit #content .middle, #password_reset_thankyou #content .middle { padding-top: 12px; } #member-info #content .middle { padding: 10px 60px 12px 40px; } body.premiumpage h1 { color: #e5c321; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } body.premiumpage h2 { font-size: 18px; } body.premiumpage h1, body.premiumpage h2 { margin-left: 109px; } /* ========= */ /* = loggedin navbar = */ /* ========= */ #already_member, #logged_bar { float: right; padding-top: 22px; } #logged_user { background: url(/images/bulb_bullet.png) no-repeat 0 5px; color: #e8ca3c; display: block; float: left; font-size: 12px; padding-left: 20px; text-decoration: none; } #logged_logout { background: url(/images/premium/logout.png) no-repeat; display: block; float: left; margin-left: 40px; text-indent: -9999px; width: 70px; height: 24px; } #already_member p { color: #e8ca3c; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px; margin-right: 10px; text-align: right; } #already_member a, #already_member p { float: left; } #already_member a { background: url(/images/sidebar/login.png) no-repeat; display: block; height: 24px; text-indent: -9999px; width: 163px; } #already_member a:hover { background-position: 0 100%; } /* =========================== */ /* = second level navigation = */ /* =========================== */ #premium_second_nav { list-style: none; margin: -11px 0 22px; } #premium_second_nav li { float: left; font-size: 14px; text-transform: uppercase; margin-right: 10px; padding-right: 10px; border-right: 1px solid #aaa; } #premium_second_nav li a { color: #ddd; } #premium_second_nav li a:hover { color: #fff; } #premium_second_nav li.second_nav_active { border: 0; color: #ddd; } /* ========= */ /* = video = */ /* ========= */ #member-video #content { text-align: center; } #member-video #video { background: #444; margin:auto; padding:10px; width:400px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #member-video #content ul { list-style: none; } #member-video #content li { display: block; margin: 9px 0; } #member-video #content a { color: #ddd; font-size: 15px; } #member-video #content a:hover { color: #fff; } /* ========= */ /* = info = */ /* ========= */ #sidebuttons { position: absolute; right: 20px; top: 60px; list-style: none; } #sidebuttons li { text-align: right; display: block; margin-bottom: 2px; } #sidebuttons span { font-size: 11px; color: #e8ca3c; } #sidebuttons a { display: block; background-repeat: no-repeat; width: 162px; height: 24px; text-indent: -9999px; text-align: left; } #sidebutton_start { background-image: url(/images/premium/sidebutton_start_here.png); } #sidebutton_login { background-image: url(/images/premium/sidebutton_login.png); } #sidebutton_demo { background-image: url(/images/premium/sidebutton_demo.png); } #sidebutton_start:hover, #sidebutton_login:hover, #sidebutton_demo:hover { background-position: 0 100%; } #member-info #already_member { margin-right: 20px; } #member-info h1.why_join { font-size: 30px; margin: 112px 0 36px 0; } #member-info h1.what_cost { margin: 36px 0 9px 0; font-size: 22px; } #member-info h2 { color: #3ccae8; margin: 29px 0 14px 0; } #member-info ul.bulbs_bullet { margin-top: -12px; } #member-info #intro_features { margin-top: 9px; font-size: 18px; } #member-info #intro_features li { z-index: 999; position: relative; } #intro_testimonials { position: absolute; right:70px; top:296px; } #intro_testimonials div { /* display: none;*/ opacity: 0; position: absolute; width: 464px; height: 157px; right: 0; right: -100px; z-index: 10; } #testimonial_1 { background: url(/images/premium/intro_testimonial_1.png); } #testimonial_2 { background: url(/images/premium/intro_testimonial_2.png) } #testimonial_3 { background: url(/images/premium/intro_testimonial_3.png) } #testimonial_4 { background: url(/images/premium/intro_testimonial_4.png) } #testimonial_5 { background: url(/images/premium/intro_testimonial_5.png) } #intro_testimonials div p { position: absolute; left: -9999px; } #member-info a.yellow_button { color:#777777; display:block; float:none; margin: 36px auto 14px;; width:115px; } #member-info a.yellow_button span { float:none; display:block; } .premium_teaser { font-size: 20px; font-weight: normal; } /* ========= */ /* = login = */ /* ========= */ #login #content form { padding: 0; } #password_reset_edit .section_title, #password_reset .section_title, #login .section_title { margin-left: 109px; } /* ================== */ /* = password reset = */ /* ================== */ #password_reset .padded { width: 35em; } #password_reset_thankyou h1 { margin-left: 0; } #password_reset_thankyou h4 { margin-bottom: 36px; } /* ================ */ /* = registration = */ /* ================ */ body#registration h1 { margin-top: 36px; } body#registration h2 { margin-top: 36px; margin-bottom: 9px; } body#registration .example { padding: 0; } /* ======================= */ /* = registration thanks = */ /* ======================= */ #registration_thanks h1 { margin-top: 36px; line-height: 24px; font-size: 24px; margin-left: 0; } #registration_thanks .thanks_profile { font-weight: normal; font-size: 20px; color: #eee; } #registration_thanks h2 { margin-top: 36px; margin-bottom: 24px; } #registration_thanks h2, #registration_thanks p { float:left; width: 100%; } #registration_thanks a.yellow_button { margin:31px 0; } /* ======================= */ /* = registration saved / later = */ /* ======================= */ #registration_later #content .middle, #registration_saved #content .middle { padding-bottom: 96px; } #registration_saved h1 { margin-top: 36px; line-height: 24px; font-size: 24px; margin-left: 0; } #registration_saved .middle p, #registration_saved .middle a { color: #e5c321; font-size: 18px; } #registration_saved .middle p span { margin: 0 4px; } #registration_later h5, #registration_later h4 { margin-top: 36px; margin-left: 0; color: #111; font-size: 18px; } #registration_later h5 { color: #e5c321; margin-top: 24px; font-weight: normal; } /* ====================== */ /* = create new profile = */ /* ====================== */ body#create_profile h2 { margin-top: 12px; } body#create_profile form.basic { padding-top: 0; width: 640px; } body#create_profile form.basic fieldset{ margin-bottom: 22px; } body#create_profile form.basic fieldset div.area { width: 630px; } #create_profile #propose_salons { color: #E5C321; margin-left: 109px; } body#create_profile #salons_discovered p { margin-bottom: 0; } body#create_profile #salons_discovered .check { margin: 0; } body#create_profile form.basic fieldset#topics .hint .blue { font-variant: small-caps; } body#create_profile fieldset#topics p { margin-left: 109px; } body#create_profile .topic_field { position: relative; /* positioning remove button */ } body#edit_profile #label_testimonial, body#create_profile #label_testimonial { margin-right:-50px; padding-left:115px; width:555px; } #label_testimonial label { float: none; } #label_testimonial textarea { height: 88px; } body#create_profile textarea { background: #333; color: #eee; border-color: #777; } body#create_profile textarea:focus, body#create_profile textarea.focus { background-color: #222; border-color: #999; color: #fff; } body#create_profile .submit { padding-top: 24px; } #hint_editlater { padding-top: 72px; } #no_company_logo { border:1px solid #777; color:#999; float:left; line-height:70px; margin:0; text-align:center; text-transform:uppercase; width:120px; } #create_profile .hint { width: 220px; } #hint_finish { text-align: right; } #create_profile_save_button { color: #e5c321; margin-left:116px; margin-top:36px; display:block; } /* ================ */ /* = payment = */ /* ================ */ #member-payment { } #member-payment h2 { margin-top:36px; } #paypal { position: absolute; right: 0; } #paypal_request_card_type { width: 130px; } #paypal_request_card_month { width: 60px; float: left; margin-right: 12px; } #paypal_request_card_year { width: 75px; } #paypal_request_card_verification_value { width: 45px; } #logo_ccs { margin-left: 115px; } #member-payment #flash { margin: 0 170px 36px 109px; } #order_summary { background: #888; padding: 14px 10px; margin-bottom:22px; width:470px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; } #order_summary h3 { margin-bottom: 9px; } #order_summary #payment_period { margin: 14px 0; } #order_summary #payment_period input { margin-left: 5px; } #order_summary table { border-collapse:collapse; width: 100%; } #order_summary th, #order_summary td { text-align: left; padding: 3px 3px 3px 0; } #order_summary th { color: #ccc; padding: 0; } #order_summary .end_products td { border-bottom: 1px solid #999; padding-bottom: 4px; } #order_summary .end_products { } #order_summary .payment_total { text-align: right; } #order_summary .payment_details { font-style: italic; } /* ========================== */ /* = premium logged in tabs = */ /* ========================== */ #premium_tabs { /*background: url(/images/premium_navbar.png) no-repeat 0 0;*/ height: 30px; width: 710px; list-style: none; left: 60px; position: absolute; top: 0; z-index: 2; } #premium_tabs li { float: left; } #premium_tabs li a { background: url(/images/premium/premium_navbar.png) no-repeat 0 0; display: block; height: 22px; overflow: hidden; padding: 4px 13px; text-indent: -9999px; } #premium_tabs #nav_dashboard a { background-position: 0 0; padding-left: 22px !important; width: 65px; } #premium_tabs #nav_dashboard a:focus, #premium_tabs #nav_dashboard a:hover { background-position: 0 -30px; } #premium_tabs #nav_dashboard a:active { background-position: 0 -60px; } #premium_tabs.current_dashboard #nav_dashboard a { background-position: 0 -90px; cursor: default; } #premium_tabs #nav_digest a { background-position: -100px 0; width: 91px; } #premium_tabs #nav_digest a:focus, #premium_tabs #nav_digest a:hover { background-position: -100px -30px; } #premium_tabs #nav_digest a:active { background-position: -100px -60px; } #premium_tabs.current_digest #nav_digest a { background-position: -100px -90px; cursor: default; } #premium_tabs #nav_salons a { background-position: -217px 0; width: 108px; } #premium_tabs #nav_salons a:focus, #premium_tabs #nav_salons a:hover { background-position: -217px -30px; } #premium_tabs #nav_salons a:active { background-position: -217px -60px; } #premium_tabs.current_salons #nav_salons a { background-position: -217px -90px; } #premium_tabs #nav_circle a { background-position: -351px 0; width: 96px; } #premium_tabs #nav_circle a:focus, #premium_tabs #nav_circle a:hover { background-position: -351px -30px; } #premium_tabs #nav_circle a:active { background-position: -351px -60px; } #premium_tabs.current_circle #nav_circle a { background-position: -351px -90px; cursor: default; } #premium_tabs #nav_edit a { background-position: -473px 0; width: 66px; } #premium_tabs #nav_edit a:focus, #premium_tabs #nav_edit a:hover { background-position: -473px -30px; } #premium_tabs #nav_edit a:active { background-position: -473px -60px; } #premium_tabs.current_edit #nav_edit a { background-position: -473px -90px; cursor: default; } #premium_tabs #nav_recommend a { background-position: -565px 0; width: 115px; } #premium_tabs #nav_recommend a:focus, #premium_tabs #nav_recommend a:hover { background-position: -565px -30px; } #premium_tabs #nav_recommend a:active { background-position: -565px -60px; } #premium_tabs.current_recommend #nav_recommend a { background-position: -565px -90px; cursor: default; } /* ============= */ /* = dashboard = */ /* ============= */ #member_dashboard p { margin-bottom: 6px; } #member_dashboard #flash { margin: 0 167px 14px -10px; } #profile_badge { background: #707070; border: 1px solid #777; width: 475px; margin-left: -10px; padding: 12px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #public_note { border-bottom: 1px solid #888; color: #ccc; padding-left: 140px; margin: -12px 0 14px; font-variant: small-caps; text-transform: lowercase; } #profile_picture { float: left; margin: 0 20px 0 0; width: 120px; height: 120px; text-align: right; } #profile_head { height: 120px; position: relative; } #profile_head div { position: absolute; bottom: 0; left: 140px; } #profile_badge h1 { color: #e5c321; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; margin: 0 0 18px; } #profile_badge .location, #profile_badge .company_title, #profile_badge .company { font-size: 13px; line-height: 19px; margin: 0; color: #111; } #profile_badge #company_logo { margin: 7px 0 0 140px; float: none; } #profile_links { margin: 14px 0 0 140px; font-size: 13px; } #profile_links a { margin-right: 5px; color: #ccc; } #profile_badge dt, #profile_badge dd { float: left; line-height: 22px; } #content #profile_badge .col_fieldlabel, #profile_badge dt { color: #ccc; clear: left; font-size: 10px; margin-right: 20px; text-align: right; width: 120px; text-transform: uppercase; } #profile_badge #badge_testimonial { margin-top:22px; } #profile_badge #badge_testimonial .col_fieldtext { background: url(/images/premium/profile_testimonial_bottom.png) no-repeat 0 100%; float: left; width: 335px; font-size: 14px; font-style: italic; } #profile_badge #badge_testimonial .col_fieldtext div { background: url(/images/premium/profile_testimonial_top.png) no-repeat; padding: 10px 10px 3px 30px; margin-bottom: 7px; } #profile_badge #badge_bio .col_fieldlabel { line-height: 15px; } #profile_badge #badge_bio .col_fieldtext { float: left; width: 335px; font-size: 12px; line-height:14px; max-height: 120px; overflow: auto; } #profile_badge #badge_bio .col_fieldtext p { margin-bottom: 9px; } #profile_badge #badge_bio { margin-top: 44px; } #profile_badge dd { float: left; font-size: 14px; width: 330px; } .badge_fh100, .badge_salons, .badge_digest { margin: 7px 0; } .badge_digest { margin-bottom: 0; } #profile_badge #current_topics { margin: 14px 0 0 0; } #profile_badge #current_topics dl { padding-left: 140px; } #profile_badge #current_topics dt { font-size: 10px; left: 0; top: 0; line-height: 24px; } #profile_badge #current_topics dd { line-height: 22px; font-size: 13px; padding-right:14px; width: auto; white-space:nowrap; } #profile_badge #current_topics dd a { text-decoration: none; } #member_dashboard #hint_topics { margin: 0; position: absolute; right: 10px; top: 230px; width: 160px; } #profile_badge .remove_button { display: none; } #profile_badge #fh100_emblem { background: url(/images/premium/fh100_emblem.png) no-repeat; height: 90px; position: absolute; right: 10px; top: 90px; width: 90px; text-decoration: none; } #member_profile #profile_badge #fh100_emblem { right: -100px; top: 38px; } #fh100_emblem span { color: #e0ecef; position: absolute; bottom: 22px; font-family: Georgia, serif; font-size: 25px; text-align:center; width: 85px; } #member_dashboard h2 { margin-left: 0; } #member_dashboard h3 a { font-size: 16px; font-weight: normal; color: #e5c321; text-decoration: none; } .your_feature { margin-bottom: 36px; } .your_feature p { margin: 9px 0 0; } .your_feature .feature_name a, .your_feature .feature_name h3 { float: left; margin-right: 10px; } .widget_on_off { background: url(/images/buttons/switch_bg.png) no-repeat; display: block; width: 67px; height: 18px; /* text-indent: -9999px;*/ overflow: hidden; cursor: pointer; } .widget_on_off img { cursor: pointer; margin-left: 0; } .widget_on_off img.on { margin-left: 32px; } #member_dashboard .details_link { margin: 0 0 9px; } .details_link a { color: #b2b2b2; font-size: 10px; text-transform: uppercase; } /* ======================== */ /* = edit personal digest = */ /* ======================== */ #content .col_fieldlabel { color: #F1F1F1; float: left; margin-right: 18px; text-align: right; width: 140px; } #content .field_hanging { margin-left: -40px; width: 132px; } body.premiumpage .service_status { margin: 0 0 -36px 30px; } body.premiumpage .service_status a { background: url(/images/bulb_service_enabled.png) no-repeat; display: block; text-indent: -9999px; width: 135px; height: 90px; } .personal_issue a { border-bottom: 1px solid #888; color: #eee; text-decoration: none; } .personal_issue a .date { color: #999; font-size: .9em; } .personal_issue a .num_article { margin-left: 5px; color: #000; } .personal_issue a:hover { color: #eee; border-color: #bbb; } #member-profile-edit_digest_settings p { margin-left: 109px; } #member-profile-edit_digest_settings .hint p { margin-left: 0; } #current_topics { position: relative; top: -9px; } #current_topics dl { padding-left: 109px; margin-bottom: 6px; } #current_topics dl.show_controls dd { margin-right: 20px; padding-right: 20px; position: relative; } #current_topics dt, #current_topics dd { float: left; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 32px; } #current_topics dt { position: absolute; left: 18px; } #current_topics dd { color: #e5c321; float: left; font-size: 16px; padding-right: 18px; } #current_topics dd a { color: #e5c321; } #search_topics form.basic .text, #search_topics form.basic .submit { padding-top: 0; padding-left: 109px; } form#new_topic_inline { margin: 14px 0 22px; } form#new_topic_inline #member_topic_name { width: 140px; float: left; } form#new_topic_inline .text, form#new_topic_inline .submit { float: left; padding: 0; margin: 14px 0 0 22px; width: auto; } form#new_topic_inline .text { margin-left: 0; } #past_issues ul { list-style: none; } /* ===================== */ /* = add/remove button = */ /* ===================== */ a.add_button { background: url(/images/buttons/add_icon.png) no-repeat 3px 4px; color: #f1f1f1; display: block; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; padding-left: 22px; width: 6em; } a.add_button:hover, a.add_button:focus, a.add_button:active { color: #7ac245; } a.remove_button { color: #aaa; background: url(/images/buttons/remove_icon.png) no-repeat 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; } a.remove_button:hover, a.remove_button:focus, a.remove_button:active { color: #000; } #current_topics_controls, body#member-profile-edit a.add_button, body#create_profile a.add_button { margin-left: 105px; } #current_topics dl a.remove_button { background-position: 0 50%; display: block; position: absolute; width: 14px; margin-left: 5px; height: 32px; right: 0; top: 0; overflow: hidden; text-indent: -9999px; } body#create_profile a.remove_button { display: block; position: absolute; left: 388px; top: 20px; width: 14px; height: 14px; overflow: hidden; text-indent: -9999px; } #current_topics_controls a { float: left; font-size: 12px; } #current_topics_controls a.remove_button { background-position: 3px 4px; margin-left: 15px; text-transform: uppercase; padding-left: 22px; } #current_topics dl a.controls { display: none; } #current_topics dl.show_controls .controls { display: block; } /* ================= */ /* = digest search = */ /* ================= */ #member-search form { } #member-search form.basic fieldset div.text, #member-search form.basic fieldset div.submit { float: left; width: auto; padding-top: 0; } #member-search form.basic fieldset div.submit { padding: 2px 0 0 15px; } #topic_added, #new_member_topic { position: absolute; top: 83px; right: 70px; } #new_member_topic.new_topic_empty_results { position: inherit; margin-bottom: 36px; } #new_member_topic.new_topic_empty_results #member_topic_submit { display: inline; } #topic_added { display: none; top: 93px; } #new_member_topic p { margin: 0; } #new_member_topic #member_topic_submit { background: transparent; border: 0; color: #FFF; cursor: pointer; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; border-bottom: 1px solid #aaa; } #new_member_topic #member_topic_submit:hover { color: #e5c321; border-color: #e5c321; } #member-search .article { margin: 40px 0 } #member-search form.basic fieldset .text input { width: 200px } #digest_results { width: 480px; } #member-search h2 a { color:#3CCAE8; font-family: Georgia; text-transform: none; font-weight: bold; font-size: 17px; } #member-search h2 { margin: 7px 0; } #member-search .found a { } #member-search .highlight { background-color: #444; } #member-search .excerpt { font-family: Georgia; } #member-search .keywords { color: #111; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; margin-bottom:6px; text-transform: uppercase; } #member-search .published { float: right; font-size: 13px; } #member-search .published { color: #ccc; } #member-search .published span { color: #888; font-size: 12px; } #member-search .from a, #member-search .from a:hover { color: #afafaf; } #member-search .from a { text-transform: uppercase; font-size: 12px; letter-spacing: .03em; text-decoration: none; } #member-search .fulltext:hover, #member-search .fulltext { display: block; color: #e8ca3c; font-size: 11px; margin-right: 20px; text-align: right; text-transform: uppercase; } #topic_recommendations { background: #939393; padding: 12px 15px 24px; width: 575px; text-align: center; } #topic_recommendations p { color: #222; font-size: 12px; margin-bottom: 12px; } #topic_recommendations dt { color: #fff; text-align: center; font-weight: bold; font-size: 22px; margin: 12px 0; } #topic_recommendations dd { display: inline; margin: 12px 13px 0 0; line-height: 32px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; } #topic_recommendations dd a { color: #f8ce05; } #topic_recommendations dd a:hover { color: #fff; } .hide_article { display: none; } #show_more_articles { display: block; padding: 5px; cursor: pointer; text-transform: uppercase; font-size: 11px; margin-bottom: 24px; width: 10em; } #digest_copyright { margin-top: 36px; font-size: 12px; line-height: 18px; width: 605px; text-align: center; color: #000; } /* ========== */ /* = salons = */ /* ========== */ .salon_item { margin: 14px 0 36px 0; padding-bottom: 36px; border-bottom: 1px solid #777; width: 440px; } #member-salons .hint { margin-top: 53px; } #member-salons #propose_salons { margin: -10px -10px 36px -10px; border: 1px solid #999; padding: 10px; width: 440px; } #member-salons h1, #member-attendees h1 { font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 14px; } #member-attendees h2 { margin-left: 0; } #member-salons h1 a, #member-attendees h1 { color: #3ccae8; text-decoration: none; } #member-salons h1 span { color: #333; font-size: 13px; } #content .salon_item p, #content p.salon_subject { font-style: italic; color: #eee; margin: 0 0 0 15px; } .salon_attendance a, .salon_item .view_attendees { text-transform: uppercase; font-size: 11px; } .salon_item .view_attendees { color: #e8ca3c; display: block; margin: 14px 0 0; width: 11em; } .salon_attendance, .salon_attendance a { color: #ccc; } .salon_attendance a { position: absolute; width: 12em; margin-left: 10px; display: inline; } #member-attendees h1 { font-size: 30px; } #member-attendees h2.date { font-size: 18px; color: #333; text-transform: none; margin: 14px 0 9px; } #member-attendees #content .salon_subject { font-size: 16px; margin: 22px 0 22px 15px; } .salon_attendees { font-size: 17px; margin: 36px 0 9px; } ul.attendees_list { list-style: none; margin-left: -30px; } .attendees_list li { margin-bottom: 9px; margin-left: 40px; text-indent: -10px; } .attendees_list li, .attendees_list li a { font-size: 15px; line-height: 17px; color: #ddd; } .attendees_list li.hs_member { color: #ccc; margin-left: 15px; } .attendees_list li.hs_member a { color: #fff; background:url(/images/bulb_bullet.png) no-repeat; padding-left: 25px; } #member-attendees #didyouattend { line-height: 18px; margin-top: 44px; } #member-attendees .hint { margin-top: 47px; } #member-attendees #didyouattend p { margin-right: -10px; } #member-attendees #didyouattend a { text-transform: uppercase; font-size: 11px; } #member-attendees .hint em { color: #fff; font-style: normal; } .attending { color: #e8ca3c; } /* ============ * members list * ============ */ #member-members-circle h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #fff; margin: 0; color: #3ccae8; } #content p.circle_intro { color: #ddd; margin-bottom: 36px; } #members_list { list-style: none; width: 440px; } #members_list li { display: block; padding: 9px 10px; position: relative; margin: 9px -10px; } #members_list li.member_hover { background: #555; } #members_list li.member_hover h3 { color: #fff; } #members_list li.member_hover .view_profile { color: #fff; } #members_list li.member_hover .member_company { color: #999; } #members_list li img { float: left; padding-right: 15px; } #members_list li .member_info { float: left; } #members_list .member_company, #members_list .member_name { display: block; border: 0; text-decoration: none; } #members_list .member_name h3 { color: #e5c321; display: inline; font-weight: normal; font-size: 18px; margin-right: 15px; } #members_list .member_name .view_profile { color: #aaa; display: inline; font-size: 10px; text-transform: uppercase; text-decoration: underline; } #members_list .member_company { color: #000; font-size: 12px; line-height: 12px; } #members_list .member_salons { color: #ddd; font-size: 9px; } #members_list .member_salons span { color: #3ccae8; } #fh100_emblem_small { background: url(/images/premium/fh100_emblem_small.png) no-repeat; height: 50px; position: absolute; right: 10px; top: 10px; text-decoration: none; width: 50px; } #fh100_emblem_small span { color: #EFFCFF; position: absolute; bottom: 5px; font-family: Georgia, serif; font-size: 15px; text-align:center; width: 50px; } #fh100_emblem_small:hover span { color: #fff; } /* ============== * member profile * ============== */ #member_profile #profile_badge { background: none; border: 0; margin: 0 0 22px 0; padding: 0; } /* ============== * Recommend friend * ============== */ #sidebar ul li.member ul .recommend_side a { color:#3CCAE8; } #member-recommend_friend h1 { margin-left: 0; } #member-recommend_friend textarea { height: 110px; } #member-recommend_friend form.basic fieldset div.submit, #member-recommend_friend form.basic fieldset div.padded { padding-left: 0 !important; } /* ============== * Member Application * ============== */ #membership_application h1 { color: #E5C321; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 0; } #membership_application textarea { height: 110px; } #membership_application form.basic fieldset div.submit, #membership_application form.basic fieldset div.padded { padding-left: 0 !important; } /* ================= */ /* = PAGE ELEMENTS = */ /* ================= */ #ajax_throbber { background: #3ccae8; border-radius:5px; color: #fff; display: none; font-size: 12px; left: 50%; line-height: 17px; letter-spacing: 0.05em; margin-left: -50px; top: -50px; padding: 10px 2px 5px 8px; opacity: 0.85; position: fixed; text-align: center; text-transform: uppercase; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; width: 100px; z-index: 10; } .vimeo_embed { display: block; margin: 0 auto; width: 200px; } body#weeklypost .vimeo_embed { width: 400px; } .caption, table caption { font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; margin: 7px 0 21px; } table caption { caption-side: bottom; text-align: left; } .datatable td, .datatable th { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; text-align: left; line-height: 1em; } .datatable td { border-top: 1px solid #ccc; padding: 14px 10px; } .datatable th { background: #999; border-bottom: 1px solid #ccc; color: #fff; padding: 7px 10px; } /* reset tinymce paragraphs */ #content .datatable td p, #content .datatable th p { margin: 0; line-height: 1em; } /* =========== */ /* = overlay = */ /* =========== */ div.overlay { background: url(/images/fh100_overlay_bg.png) no-repeat; display: none; height: 501px; padding: 15px; position: relative; width: 667px; } .overlay .close { cursor: pointer; color: #ababab; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; position: absolute; right: 15px; text-transform: uppercase; top: 15px; } .overlay .close span { color: #676767; font-weight: normal; text-decoration: underline; } .generic_overlay h4 { margin: 48px 0 48px 115px; text-align: left; } body #comment_overlay, body #method_overlay, body #thankyou_overlay, .generic_overlay { color: #333; text-align: center; font-family: Georgia, serif; font-size: 20px; } body#fh100 #method_overlay { font-size: 16px; line-height: 24px; width: 557px; padding: 24px 70px; text-align: left; } body#fh100 #method_overlay h4, body#fh100 #comment_overlay h4, .generic_overlay h4 { margin: 70px 0 25px; font-weight: normal; text-align: center; font-size: 20px; } body#fh100 #comment_overlay h4 { margin: 48px 0 24px 115px; text-align: left; } /* =========== */ /* = tooltip = */ /* =========== */ .tooltip { width: 312px; height: 122px; background: url(/images/tooltip_bg.png) no-repeat; padding: 22px 8px 8px; z-index: 20; display: none; } #fh100 .tooltip_last { background: url(/images/tooltip_bg_last.png) no-repeat; } #fh100 .tooltip .photo { float: left; width: 96px; height: 120px; margin-right: 10px; } #fh100 .tooltip .order { font-size: 22px; } #fh100 .tooltip .name { color: #111; font-weight: bold; } #fh100 .tooltip .city, #fh100 .tooltip .position, #fh100 .tooltip .company { font-size: 12px; color: #666; margin-top: 4px; } #fh100 .tooltip .city { font-style: italic; font-size: 10px; } /* ============================ */ /* = list with bulbs as icons = */ /* ============================ */ ul.bulbs_bullet { list-style: none; } ul.bulbs_bullet li { background:transparent url(/images/bulb_bullet.png) no-repeat scroll 0 3px; padding-left:24px; margin-bottom: 9px; } /* ================= */ /* = yellow button = */ /* ================= */ .yellow_button { background: url(/images/buttons/yellow_button_left_bg.png) no-repeat 0 0; color: #333; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; height: 38px; overflow: hidden; padding-left: 42px; font-size: 14px; float: left; text-shadow: #ddd 1px 1px 1px; } body.premiumpage a.yellow_button:hover, body.premiumpage a.yellow_button { line-height: 40px; color: #333333; } .yellow_button span { color: #333333; background: url(/images/buttons/yellow_button_right_bg.png) no-repeat right 0; float:left; padding-right: 15px; } .yellow_button:focus, .yellow_button:hover { color: #333; background-position: 0 100%; } .yellow_button:focus span, .yellow_button:hover span { background-position: right -38px; } /* =============== */ /* = stage marks = */ /* =============== */ .badge { position: fixed; top: 10px; left: 10px; font-weight: bold; text-transform: uppercase; background: white; padding: 0 3px; z-index: 10; font-size: 18px; opacity: 0.90; line-height: 24px; } #stage_staging { color: green; border: 3px solid green; } #stage_premium { border: 3px solid #00accf; color: #00accf; } #stage_development { color: red; border: 3px solid red; } #stage_preview { border: 3px solid #b3df00; color: #b3df00; top: 45px; } #stage_preview span { text-transform: lowercase; } /* ================== */ /* = flash messages = */ /* ================== */ #flash { margin: 14px 0; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } #flash .hide_link { background: url(/images/icons/cross.png) no-repeat top right; height: 25px; overflow: hidden; position: absolute; right: 6px; text-indent: -999px; top: 4px; width: 25px; } #flash .flash_notice .hide_link { background-image: url(/images/icons/cross-yellow.png); } .flash_error, .flash_notice { padding: 9px 15px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .flash_error { color: #900; border: 2px solid #900; background: #f1d4d4; } .flash_notice { color: #494637; background: #fff1aD; border: 2px solid #e8ca3c; } /* ========= */ /* = bulbs = */ /* ========= */ #content .bulbs, #content .bulbs div { width:297px; height:99px; position:absolute; overflow:hidden; right:0; top:0; z-index:1; } #content .bulbs div { background-repeat: no-repeat; background-position: top right; } #content .bulbs div.bulbs_0_0 { background-image: url(/images/premium/bulbs/0_0.png); } #content .bulbs div.bulbs_0_1 { background-image: url(/images/premium/bulbs/0_1.png); } #content .bulbs div.bulbs_0_2 { background-image: url(/images/premium/bulbs/0_2.png); } #content .bulbs div.bulbs_0_3 { background-image: url(/images/premium/bulbs/0_3.png); } #content .bulbs div.bulbs_0_4 { background-image: url(/images/premium/bulbs/0_4.png); } #content .bulbs div.bulbs_1_0 { background-image: url(/images/premium/bulbs/1_0.png); } #content .bulbs div.bulbs_1_1 { background-image: url(/images/premium/bulbs/1_1.png); } #content .bulbs div.bulbs_1_2 { background-image: url(/images/premium/bulbs/1_2.png); } #content .bulbs div.bulbs_1_3 { background-image: url(/images/premium/bulbs/1_3.png); } #content .bulbs div.bulbs_1_4 { background-image: url(/images/premium/bulbs/1_4.png); } #content .bulbs div.bulbs_2_0 { background-image: url(/images/premium/bulbs/2_0.png); } #content .bulbs div.bulbs_2_1 { background-image: url(/images/premium/bulbs/2_1.png); } #content .bulbs div.bulbs_2_2 { background-image: url(/images/premium/bulbs/2_2.png); } #content .bulbs div.bulbs_2_3 { background-image: url(/images/premium/bulbs/2_3.png); } #content .bulbs div.bulbs_2_4 { background-image: url(/images/premium/bulbs/2_4.png); } /* =================== */ /* = rounded corners = */ /* =================== */ .rounded1 { -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #ccc; display: inline-block; padding: 1px 7px; } /* ======================= */ /* = autocomplete jquery = */ /* ======================= */ .ac_results { padding: 0; border: 1px solid #bbb; background-color: #f1f1f1; overflow: hidden; z-index: 99999; color: #000; } .ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #c3aa00; color: white; } /* ================= */ /* = DEFAULT FORM = */ /* ================= */ form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } form.basic ol { margin: 0; list-style: none; } form.basic fieldset { display:block; } .hint { color: #fff; float:right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; width: 160px; } .hint h4 { color: #3ccae8; font-size: 16px; font-style: normal; margin-bottom: 12px; margin-top: 12px; font-weight: normal; text-transform: uppercase; } .middle_dark .hint h4, .middle_grey .hint h4 { color: #3ccae8; } .hint p { line-height: 18px; } form.basic fieldset li, form.basic fieldset div.text, form.basic fieldset div.file, form.basic fieldset div.submit, form.basic fieldset div.check, form.basic fieldset div.area { padding: 6px 0; margin-bottom: 12px; /*width: 385px;*/ width: 100%; } form.basic fieldset .padded { padding-left: 115px !important; width: auto; } form.basic fieldset div.padded label { float: none !important; line-height: inherit !important; } form.basic fieldset div.inputs { width: 520px; } form.basic fieldset div .example { font-size:12px; line-height: 18px; padding-left: 118px; width: 265px; } form.basic fieldset label { color:#F1F1F1; float:left; font-size:14px; line-height:32px; padding-right:15px; text-align:right; width:100px; } form.basic fieldset .check label { width: auto; float: none; } form.basic fieldset label a { color: #f1f1f1; } form.basic fieldset label .s_hint { font-size: 11px; display:block; } form.basic fieldset label.two_r { /* hacked version in case u need to put two rows of desc to the form field. Use wisely*/ line-height: 16px; /*white-space: nowrap;*/ overflow:hidden; } form.basic fieldset .string input, form.basic fieldset .text input, form.basic fieldset .text select { background: #ccc; border: 1px solid #555; display: block; font-size: 14px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; height: 18px; padding: 8px 10px 6px; width: 244px; } form.basic fieldset .text select { height: 32px; padding: 6px 6px 8px; font-size: 12px; } form.basic fieldset .text select option { padding: 2px 6px; } form.basic fieldset .text textarea, form.basic fieldset .area textarea { background: #ccc; border: 1px solid #4d4d4d; line-height: 21px; display: block; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 14px; overflow: auto; height: 220px; padding: 8px; width: 490px; } form.basic fieldset .string input:focus, form.basic fieldset .text input:focus, form.basic fieldset .area textarea:focus, form.basic fieldset .text input.focus, form.basic fieldset .area textarea.focus { background-color: #fff; border: 1px solid #fff; } form.basic fieldset .inputs input { float: left; width: 120px; } form.basic fieldset div.check { padding-left: 115px; width: 525px; } form.basic fieldset .check input { /*float:left; po co to bylo? */ margin-right: 3px; } form.basic fieldset .check label { width: auto; } form .buttons .commit, form.basic fieldset div.submit { padding-left: 116px; padding-top: 12px; width: 100%; } form .buttons .commit input, form.basic fieldset .submit input { cursor: pointer; overflow: hidden; display: block; background: #E8CA3C; font-variant: small-caps; text-decoration: underline; padding: 7px 8px; } #comment .buttons .commit input, body #comment_overlay .submit input, body #comment_box .submit input, .generic_overlay .submit .input { background: url(/images/buttons/send_button.png) no-repeat; border: 0; cursor: pointer; display: block; padding: 0; width: 94px; height: 38px; text-indent: -9999px; } #comment .buttons .commit input:hover, body #comment_overlay .submit input:hover, body #comment_box .submit input:hover, .generic_overlay .submit .input:hover, #comment .buttons .commit input:focus, body #comment_overlay .submit input:focus, body #comment_box .submit input:focus, .generic_overlay .submit .input:focus { background-position: 0 100%; } form.basic .field_picture div, form.basic .field_picture img { float: left } form.basic .field_picture div { margin-left: 10px; } form.basic .field_picture div label { display: block; float: none; width: auto; text-align: left; } /* * colours */ .generic_overlay form.basic fieldset a, .middle_bright form.basic fieldset a, .generic_overlay form.basic fieldset label, .middle_bright form.basic fieldset label { color: #111; } .generic_overlay form.basic fieldset .text input, .generic_overlay form.basic fieldset .text textarea, .middle_bright form.basic fieldset .text textarea, .middle_bright form.basic fieldset .text input, .middle_bright form.basic fieldset .string textarea, .middle_bright form.basic fieldset .string input { background-color: #fff; border-color: #aaa; } /* * form erorrs */ form .error { background: #ffebe8; border: 1px solid #dd3c10; } #content form .error input, #content form .error textarea { border-color: #dd3c10; } #content form .inline-errors { color: #dd3c10; font-size: 12px; text-transform: uppercase; margin: 7px 0 0 120px; } #errorExplanation { background: #ffebe8; border: 1px solid #dd3c10; color: #333; margin: 0 0 36px; padding: 12px 20px; font-size: 14px; } #create_profile #errorExplanation { margin-top: 22px; } #errorExplanation h2 { color: #333; font-size: 16px; text-transform: none; } body #errorExplanation h2, body #errorExplanation p { margin: 0 0 12px; } #errorExplanation ul li { font-variant: small-caps; color: #dd3c10; font-weight: bold; letter-spacing: 0.05em; margin-left: 20px; text-transform: lowercase; } /* * buttons sets */ #content .button_submit { background: url(/images/buttons/submit.png) 0 0; height: 38px; width: 113px; } #content .button_submit_small { background: url(/images/buttons/submit_small.png) 0 0; height: 29px; width: 91px; } #content .button_continue { background: url(/images/buttons/continue.png) 0 0; height:38px; width:126px; } #content .button_login { background: url(/images/buttons/login.png) 0 0; height:38px; width:113px; } #content .button_complete { background: url(/images/buttons/complete.png) 0 0; height: 38px; width: 227px; } #content .button_finish { background: url(/images/buttons/finish.png) 0 0; height: 38px; width: 105px; } #content .button_search { background: url(/images/buttons/search.png) 0 0; height: 29px; width: 91px; } #content .button_login:focus, #content .button_login:hover, #content .button_submit:focus, #content .button_submit:hover, #content .button_submit_small:focus, #content .button_submit_small:hover, #content .button_continue:hover, #content .button_continue:focus, #content .button_finish:hover, #content .button_finish:focus, #content .button_complete:hover, #content .button_complete:focus { background-position: 0 38px; } #content .button_submit_small:hover, #content .button_submit_small:focus, #content .button_search:hover, #content .button_search:focus { background-position: 0 29px; } #content .button_login, #content .button_continue, #content .button_submit, #content .button_submit_small, #content .button_finish, #content .button_complete, #content .button_search { border: 0; padding: 0; text-indent: -9999px; font-size: 0; } /* ========== */ /* = footer = */ /* ========== */ #footer { color: #888; font-size: 12px; margin: 48px 0 24px; text-align: center; position: relative; width: 960px; } #footer a { color: #888; } #footer ul { list-style: none; margin-bottom: 6px; } #footer li { display: inline; margin: 0 5px; } #footer .caps { font-size: 12px; } #footer #credits { color: #777; font-size: 11px; position: absolute; right: 0; bottom: 0; } #footer #credits a { color: #888; letter-spacing: .04em; }