/* -------------------------------------------------------------------------- DOCUMENT STYLES /* -------------------------------------------------------------------------- */ /* RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} html{color:#444;background:#42860d;} body{color:#777;font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Helvetica, Arial,sans-serif; font-weight: 300;font-size:12px;line-height:1.5em;letter-spacing: 0.05em} table{border-collapse:collapse;border-spacing:0;font-size:1em;line-height:1em;width:100%} td {border-bottom:1px dotted #a1a88b; padding:5px 0 5px 0;} th {background-color: #bbb;font-weight:bold;color:white;padding:4px} table a{color:green;} table a:hover{color:white;} fieldset,img{border:0} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal} ul,ol{margin:0;padding-left:25px} li{list-style-position:outside} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} #questions_holder h3 {margin:0;} a{text-decoration:none;color:#33a01a} h1{color:white;font-size:2.7em;font-weight:bold;letter-spacing: 0em;} h2{color:#67bc28;font-size:1.4em;text-transform:uppercase;font-weight:bold;margin-bottom:13px;letter-spacing: -0.01em} h3{color:#aaa;font-size:1.6em;margin-bottom:0.5em;font-weight:200;letter-spacing: -0.01em} h4{color:#fff;font-size:1.9em;letter-spacing:-0.05em;font-weight:bold;margin-bottom:13px} h5{color:#fff;font-size:1em;margin-bottom: 7px;} hr{border:1px solid transparent;height:0px;} sup{vertical-align:text-top} sub{vertical-align:text-bottom} .rightjustify{float: right} .leftjustify{float:left} .hidden {display:none;} .clearboth {clear:both;} #ie_notice {display:none} /* AVATAR STYLES */ .avatar {float:right;margin-right:10px;margin-left:0px;border:1px solid #ddd;width:100px;height:100px;} /* -------------------------------------------------------------------------- HOLDER /* -------------------------------------------------------------------------- */ body {background-image: url(../images/header/sky.jpg);background-position:50% -50px;background-repeat: repeat-x;background-color: white} .holder {padding:0;margin:0; background:transparent url(/images/blue_navigationbar_ng.png) top left repeat-x} /* -------------------------------------------------------------------------- HEADER /* -------------------------------------------------------------------------- */ a.myecodnalogo,a.myecodnalogo.active{background:url('../images/corner_logo_banner.png') top left no-repeat;float:left;width:100px;height:100px;margin-left:-20px;cursor:pointer} a.myecodnalogo:hover{} a.community{background:url('../images/headernav_community.png');float:right;width:103px;height:28px;margin-top:0px;margin-right:2px;cursor:pointer} a.community:hover,a.community.active{background-position:0 28px} a.login{background:url('../images/headernav_login.png');float:right;width:64px;height:28px;margin-top:0px;margin-right:2px;cursor:pointer} a.login:hover,a.login.active{background-position:0 28px} a.logout{background:url('../images/headernav_logout.png');float:right;width:64px;height:28px;margin-top:0px;margin-right:2px;cursor:pointer} a.logout:hover,a.logout.active{background-position:0 28px} a.successstories{background:url('../images/headernav_successstories.png');float:right;width:131px;height:28px;margin-top:0px;margin-right:2px;cursor:pointer} a.successstories:hover,a.successstories.active{background-position:0 28px} a.ideas{background:url('../images/headernav_ideas.png');float:right;width:69px;height:28px;margin-top:0px;margin-right:2px;cursor:pointer} a.ideas:hover,a.ideas.active{background-position:0 28px} a.home{background:url('../images/home.png');float:right;width:124px;height:26px;margin-top:0px;margin-right:2px;cursor:pointer} a.home:hover,a.home.active{background-position:0 28px} /* -------------------------------------------------------------------------- PRIVATE DEFS /* -------------------------------------------------------------------------- */ a.myprofile{background:url('../images/headernav_my_profile.png');float:right;width:131px;height:26px;margin-top:0px;margin-right:2px;cursor:pointer} a.myprofile:hover,a.myprofile.active{background-position:0 28px} a.myhomepage{background:url('../images/headernav_myhomepage.png');float:right;width:131px;height:26px;margin-top:0px;margin-right:2px;cursor:pointer} a.myhomepage:hover,a.myhomepage.active{background-position:0 28px} /* -------------------------------------------------------------------------- PARALAXED LANDSCAPE :) /* -------------------------------------------------------------------------- */ #landscape_masthead{width:100%;height:230px;overflow:hidden;position:relative;padding:0px;min-width:1000px;} #left_landscape{width:35%;height:196px;background:url('../images/footer/grassyhills.jpg') no-repeat right;position:absolute;left:0;top:42px} #right_landscape{width:35%;height:196px;background:url('../images/footer/grassyhills.jpg') no-repeat left;position:absolute;right:0;top:42px} #middle_tuft{width:927px;height:169px;margin:0 auto;margin-top:75px;background:url('../images/footer/midshade.png') no-repeat center;left:50%;margin-left:-463px;position:absolute} /* -------------------------------------------------------------------------- FANCY DIALOGS /* -------------------------------------------------------------------------- */ .fancy_window {display:none;position:fixed;width:380px;position:fixed;top:20%;left:50%;margin:-20px 0 0 -225px;z-index:9000;} .dialog {display:none;position:fixed;width:70%;position:fixed;top:20%;left:15%;z-index:9000;background:#000;padding:20px;border:6px solid #222} .window_button{float:right;width:27px;height:24px;background:url('../images/generic_ok_window_button.png');text-shadow:#fff 0px 2px 0px;color:#222;margin-top:5px;padding:3px 0 0 0;font-weight:bold;text-align:center;cursor:default} .window_button span {width:27px;height:24px;display:none;} .window_button:hover{background-position:0 -27px} .window_button:active{background-position:0 -54px} .window_button_cancel{float:right;width:27px;height:24px;background:url('../images/generic_cancel_window_button.png');text-shadow:#fff 0px 2px 0px;color:#222;margin-top:5px;padding:3px 0 0 0;font-weight:bold;text-align:center;cursor:default} .window_button_cancel span {width:27px;height:24px;display:none;} .window_button_cancel:hover{background-position:0 -27px} .window_button_cancel:active{background-position:0 -54px} .home_window_button_first {margin-top:-50px;} .home_window_button_second {margin-top:-50px;margin-right:30px} .scroll_panel_outer {margin-top:10px;} .scroll_panel {height:120px;overflow:auto;background-color: white;border:2px solid #888;padding:10px;font-size: 90%} .close_scroll_panel{background: transparent url(../images/close_scroll_panel.png) top left no-repeat;width:19px;height:19px;float:left;opacity:0.6;cursor:pointer;outline: 0;} .close_scroll_panel:hover{opacity:1;} .window_content {float:left;width:325px;margin-left:15px;} .window_content h1{padding-top:0px} .window_body {background:url('../images/fancy_window_bg.png') top left no-repeat;width:410px;padding:15px 15px 0px 15px;text-align:left;} .window_bottom {clear:both;background:url('../images/fancy_window_bg.png') bottom left no-repeat;width:440px;min-height:20px;} /* -------------------------------------------------------------------------- FORMS /* -------------------------------------------------------------------------- */ .fieldWithErrors {color:red;font-weight: bold;background:transparent url(../images/fieldwitherrors.png) 93% 4px no-repeat;} .fieldWithErrors .textinput {background-color: #778675;color:white} .fancy_window .textinput {font-family:inherit;font-size:14px;font-weight:bold;width:150px;padding:2px;margin:3px;} .fancy_window .textinput:focus {background-color: #fcffb8;color:black} .fancy_window label {clear:both;width:130px;display:block;float:left;text-align:right;margin-top:5px;} .fancy_window .submitbutton {float: right;margin:5px;padding:4px;} .fancy_window .echo_textinput {width:100%;display:block;padding:4px;text-indent: 10px;font-weight: bold} .fancy_window h1{color:#333;font-size:1.5em;text-align: left;letter-spacing: -0.02em;margin:15px 0 11px;font-weight:300} .fancy_window p{color:#444;line-height:1.1em;margin-right:10px;} .fancy_window_icon {float:left;width:65px;height:65px;/* move icons outside top left of window -- margin:-30px -50px 0 -40px;*/} .fancy_window .beta_form_checkbox {width:20px;} #modalshade{left:0px;right:0px;width:100%;height:100%;position:absolute;z-index:3;display:none;background: url(../images/50_white.png); } /* ICONS */ #icon_notice{background:url('../images/pattern-box.png') top left no-repeat;} #icon_login{background:url('../images/login.png') top left no-repeat;} #icon_beta{background:url('../images/beta/beta_tl_corner_label.png') top left no-repeat;margin-top:-14px;margin-left:-14px;} /* -------------------------------------------------------------------------- HEADER /* -------------------------------------------------------------------------- */ #logged_in_header {width:100%;height:63px;position:relative;padding:0px;margin-top:40px;min-width:950px;background:transparent;} .q_panel {background: #222;padding:4px 0 4px 4px;margin-top: -4px} /* -------------------------------------------------------------------------- PUBLIC CONTENT HOLDER /* -------------------------------------------------------------------------- */ .public_content_holder {margin:0 55px 0 120px;padding-top:55px;} .public_content_holder h1{color:#748fa2;font-size: 36px;font-weight: 100;letter-spacing: -0.005em;line-height: 0.8em;padding-bottom:30px} .public_content_holder h2{line-height: 1em;text-transform: none; } .public_content_holder h2 span{/*line-height: 2em;*/text-transform: none} .public_content_holder p{line-height: 1.4em;margin-bottom:0.8em;} .public_content_holder p img {float:left;margin:0px 15px 10px 0px;} .public_content_holder strong{font-weight: bold;} .public_content_holder .video{width:400px;height:300px;float:left;margin:0px 15px 10px 0px;} .public_content_holder .rightcolumn .archive{list-style: none;margin-top:10px;font-size:11px;font-weight:bolder} .public_content_holder .rightcolumn .archive li {margin-bottom:2px;} .public_content_holder .rightcolumn .archive li a{border-bottom:1px solid #ddd;display:block;padding:0px 10px;color:#444;} .public_content_holder .rightcolumn .archive li a:hover{} .public_content_holder .rightcolumn .archive li a span{float:right;color:#f36;padding:0 0 0 10px;border-left:2px solid white} .public_content_holder .footnote{display:block;border-top:1px solid #aaa;font-size:80%; padding-top:0.5em} .public_content_holder .leftcolumn {margin-right:500px;} .public_content_holder .rightcolumn {float:right;width:450px;} .public_content_holder .rightcolumn h1{color:#718c69;line-height: 1em;font-size: 20px;margin-bottom:-33px;letter-spacing: -0.07em;font-weight:900} .social_bookmarks_widget {opacity:1} .social_bookmarks_widget:hover {opacity:1} .social_bookmark_button {margin-right:4px;opacity:0.6} .social_bookmark_button:hover {opacity:1} /* -------------------------------------------------------------------------- WEBAPP CONTENT HOLDER /* -------------------------------------------------------------------------- */ .webapp_content_holder {margin:0 20px;padding:0px;min-width: 925px;padding-bottom: 0px;background:black} .webapp_content_holder h1 em {color:#9ca18d} .webapp_content_holder h2{line-height: 1em;text-transform: none; } .webapp_content_holder h2 span{/*line-height: 2em;*/text-transform: none} .webapp_content_holder p{line-height: 1.4em;margin-bottom:0.8em;} .webapp_content_holder p img {float:left;margin:0px 15px 10px 0px;} .webapp_content_holder strong{font-weight: bold;} .webapp_content_holder .video{width:400px;height:300px;float:left;margin:0px 15px 10px 0px;} .webapp_content_holder .rightcolumn .archive{list-style: none;margin-top:10px;font-size:11px;font-weight:bolder} .webapp_content_holder .rightcolumn .archive li {margin-bottom:2px;} .webapp_content_holder .rightcolumn .archive li a{border-bottom:1px solid #ddd;display:block;padding:0px 10px;color:#444;} .webapp_content_holder .rightcolumn .archive li a:hover{} .webapp_content_holder .rightcolumn .archive li a span{float:right;color:#f36;padding:0 0 0 10px;border-left:2px solid white} .webapp_content_holder .footnote{display:block;border-top:1px solid #aaa;font-size:80%; padding-top:0.5em} .webapp_content_holder .leftcolumn {margin-right:341px;margin-top:4px;} .webapp_content_holder .rightcolumn {float:right;width:300px;padding-top:25px;margin-right:40px;} /* -------------------------------------------------------------------------- TAG CLOUD /* -------------------------------------------------------------------------- */ #cloud .tag1 { font-size: 0.7em; font-weight: 100; } #cloud .tag2 { font-size: 0.8em; font-weight: 200; } #cloud .tag3 { font-size: 0.9em; font-weight: 300; } #cloud .tag4 { font-size: 1.0em; font-weight: 400; } #cloud .tag5 { font-size: 1.2em; font-weight: 500; } #cloud .tag6 { font-size: 1.4em; font-weight: 600; } #cloud .tag7 { font-size: 1.6em; font-weight: 700; } #cloud .tag8 { font-size: 1.8em; font-weight: 800; } #cloud .tag9 { font-size: 2.2em; font-weight: 900; } #cloud .tag10 { font-size: 2.5em; font-weight: 900; } #cloud { padding: 2px; line-height: 1em; text-align: center; } #cloud a { padding: 0px; color:#555} #cloud a:hover {color:#111} #cloud { margin: 0; } #cloud li { display: inline; } /* -------------------------------------------------------------------------- FOOTER /* -------------------------------------------------------------------------- */ #footer {font-size: 11px; height:30px;line-height: 1em;margin-left:30px;padding-top:30px;text-align:left;background: url(../images/logos/footerlogo.png) 0px 0px no-repeat;position:relative;top:150px;} #footer a:hover{ color:#fff;background:url(../images/50_white.png)} #footer a{padding: 2px 5px} .footer_navigation {margin-top:0;margin-left:-5px;font-weight:200;text-transform: uppercase;font-size:10px} .footer_navigation li{list-style: none;display:inline;text-align: center;} .footer_navigation ul {margin-left:-5px;} #footer h5 {margin-bottom:3px;font-weight:bolder;font-weight:900} #footer, #footer a,#footer h5 {color:#ddd;} /* -------------------------------------------------------------------------- FEATURES /* -------------------------------------------------------------------------- */ #myecodnafeatures{width:1000px;position:relative;margin:-116px auto 0 auto;} #features{margin:auto;width:838px;line-height: 1.2em;color: white; font-size:90%;} #features img{float:left;margin-left:-9px;margin-top:0px;margin-right:4px;} #features p{margin-top:0px;font-size: 130%;position: relative;font-weight:100} #features a{background:none; margin:0;display:block;width:170px;padding:15px 15px 0 20px;height: 95px;letter-spacing: -0.02em;color:#af9;line-height:1.1em;outline: 0; /* @ Firefox, prevent dotted border after click */ } #features a:hover{} #features p strong{font-weight:900;color:#eeffee} #features .column, #features .lastcolumn{background:url(/images/features_column_2_bg.png) 0px -155px;float:left;width:202px;height: 154px;cursor:pointer;} /*#features .column:hover, #features .lastcolumn:hover{background:url(/images/features_column_2_bg.png) 0px -125px; } */ #features .column_active, #features .lastcolumn_active{float:left;width:202px;height: 154px;cursor:pointer;background:url(../images/features_column_2_bg.png) 0px -310px; } #features .column, #features .column_active{margin-right:10px;} #features h2 {text-transform:none;color:#fff;font-size:1.4em;margin-bottom:0.4em;margin-top:4px;font-weight:100;letter-spacing: -0.05em; display:block} .bg {opacity:0;position:absolute;top:0px;width:202px;height:154px;background:url(/images/features_column_2_bg.png) 0px 0px; } q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} #invitation_message {height:100px;} legend{color:#000} #spacer{height:60px} ul{padding:0} ul p{margin-bottom:0.8em} .leftcolumn ul {margin-left:10px;} .rounded ul {margin:0;} /* -------------------------------------------------------------------------- TABS /* -------------------------------------------------------------------------- */ .ui-tabs-hide { display: none; } /*.ui_panel { background:#e8e8e8;}*/ #tabs {margin:10px 0px 0px 0px;} .tab_panel_footer {margin:0 20px 40px 50px;min-height: 18px;min-width:500px;} .tab_panel_bl {float:left;background: transparent url(/images/tab_panel_bl.png) bottom left no-repeat;min-width:12px;min-height: 18px; } .tab_panel_bm {margin:-6px 12px;background: transparent url(/images/tab_panel_bm.png) bottom left repeat-x;min-height: 18px;} .tab_panel_br {float:right;background: transparent url(/images/tab_panel_br.png) bottom right no-repeat;min-width:12px;min-height: 18px; } .tab_panel_deco {margin:0;min-height: 18px;margin-bottom: 100px;} .tab_panel_bl_black {float:left;background: transparent url(/images/tab_panel_bl_black.png) bottom left no-repeat;min-width:12px;min-height: 18px; } .tab_panel_bm_black {margin:-6px 12px;background: transparent url(/images/tab_panel_bm_black.png) bottom left repeat-x;min-height: 18px;} .tab_panel_br_black {float:right;background: transparent url(/images/tab_panel_br_black.png) bottom right no-repeat;min-width:12px;min-height: 18px; } .tab_panel_deco_black {margin:0;min-height: 18px;margin-bottom: 100px;} .tab_panel_tl {float:left;background: transparent url(/images/tab_panel_tl.png) bottom left no-repeat;min-width:12px;min-height: 18px; } .tab_panel_tm {margin:0 12px;background: transparent url(/images/tab_panel_tm.png) bottom left repeat-x;min-height: 18px;} .tab_panel_tr {float:right;background: transparent url(/images/tab_panel_tr.png) bottom right no-repeat;min-width:12px;min-height: 18px; } .tab_menu_panel_deco {margin:0;min-height: 40px;color:white;font-weight: bolder;font-size: 16px;} .tab_menu_panel_tl {float:left;background: transparent url(/images/tab_menu_panel_tl.png) top left no-repeat;min-width:12px;min-height: 40px; } .tab_menu_panel_tm {margin:0 12px;background: transparent url(/images/tab_menu_panel_tm.png) top left repeat-x;min-height: 40px;} .tab_menu_panel_tr {float:right;background: transparent url(/images/tab_menu_panel_tr.png) top right no-repeat;min-width:12px;min-height: 40px; } .tab_menu_panel_tm ul {padding:0;margin:0;} .tab_menu_panel_tm li {position:relative;top:10px;list-style:none;display: inline; height: 28px;background: transparent url(../images/tab_menu_panel_bg.png) right 0px no-repeat;padding-top:5px;padding-right: 25px;padding-bottom: 11px;margin-left:-10px;} .tab_menu_panel_tm li.last {} .tab_menu_panel_tm li a {background: none;color:#95dd6e;text-shadow:#444 1px 1px 3px; padding:11px 15px;} .tab_menu_panel_tm .active { background: transparent url(../images/tab_menu_panel_bg_active.png) 50% bottom no-repeat;color:#fff;text-shadow:#444 1px 1px 4px;} .tab_menu_panel_tm li a:hover {color:#95ff6e;text-shadow:#444 1px 1px 3px;} .tab_panel_generic {padding: 0px;background: #f0f2e7 url(../images/wallpaper_floral.png)} .tab_panel_generic_black {padding: 0px;background: #050505;border-top:3px solid #f0f2e7;} /* -------------------------------------------------------------------------- TITLES /* -------------------------------------------------------------------------- */ .page_title {min-height: 64px;padding-left:70px;padding-top:15px;line-height: 0.5em;} #title_myprofile {background: url(/images/titlebar_icons/my_profile.png)top left no-repeat;} #title_invitation {background: url(/images/titlebar_icons/invites.png)top left no-repeat;} #title_questionnaire {background: url(/images/titlebar_icons/questionnaire.png)top left no-repeat;} .titlebar {padding: 0 50px;background: none;} .content_shadow {background: transparent url(/images/content_shadow.png) center bottom no-repeat;padding-bottom:3px;} #plant1 {background: transparent url(/images/plant1.png) top left no-repeat;width:87px;height:93px;position:relative;z-index:2;margin-left:-45px;margin-top:-70px;float:right;} #plant2 {background: transparent url(/images/plant2.png) top left no-repeat;width:87px;height:93px;position:relative;z-index:200;margin-right:0px;margin-top:-10px;float:right;} /* -------------------------------------------------------------------------- ROUNDED BUTTON ANCHORS /* -------------------------------------------------------------------------- */ a.nu_button { background: #242e33 url('../images/button_top_white_grad.png') repeat-x top right; color: #fff; text-decoration: none; border:2px solid #597481; padding:5px 20px; margin-top:15px; font-weight:400; outline: none; } a.nu_button:hover { background-color: #35464e; color: #fff; text-decoration: none; border:2px solid #7ca7bc; } a.big_button { background: #3ca619 url('../images/button_top_white_grad.png') repeat-x top right; color: #fff; text-decoration: none; border:2px solid #65c528; padding:8px 20px; margin-top:20px; font-weight:900; font-size: 16px; outline: none; float:right; } a.big_button:hover { background-color: #6dcb2c; color: #fff; text-decoration: none; border:2px solid #7fd832; } a.button { background: transparent url('../images/window_button_right_cap.png') no-repeat right 0px; color: #444; display:block; height: 27px; margin-right: 6px; padding-right: 6px; /* sliding doors padding */ text-decoration: none; border:0px solid transparent; float:left; } a.button span { background: transparent url('../images/window_button.png') no-repeat left 0px; display: block; line-height: 14px; padding: 7px 0 6px 10px; border:0px solid transparent; } a.button:active { background-position: right -54px; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: left -54px; padding: 8px 0 5px 10px; /* push text down 1px */ } a.button:hover { background-position: right -27px; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:hover span { background-position: left -27px; } /* -------------------------------------------------------------------------- PUBLIC CAROUSEL /* -------------------------------------------------------------------------- */ .ui-tabs-panel {-moz-border-radius: 0px 7px 7px 7px;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;} #carouselnav {text-align: left;} #carouselnav li {list-style: none;border:0px solid transparent;} #carouselnav a {outline:0;cursor:pointer;width:100%;font-size:11px;display:block;padding:4px 20px;background:transparent url(/images/features_column_2_bg.png) -6px -200px no-repeat;text-transform:uppercase;border:0px solid #111;} #carouselnav a:hover {background:transparent url(/images/features_column_2_bg.png) 0px -20px no-repeat; } #carouselnav a.selected {background:none; } .carousel_leftcolumn{float:right;width:150px;margin-right:40px;} .carousel_rightcolumn{margin-right: 180px;padding:20px 45px;} .who_icon {width:50px;height:50px;display:block;float:left;margin-right:7px;margin-top:20px; font-size:9px;text-align: center;padding-top:55px;line-height: 1.1em;} #building_design {background: url(../images/whos_on_icons/building_design.png) top left no-repeat;} #renovation {background: url(../images/whos_on_icons/renovation.png) top left no-repeat;} #biodiesel {background: url(../images/whos_on_icons/biofuel.png) top left no-repeat;} #alt_construction {background: url(../images/whos_on_icons/alt_construction.png) top left no-repeat;} #water_conservation {background: url(../images/whos_on_icons/water_conservation.png) top left no-repeat;} #garden_design {background: url(../images/whos_on_icons/garden_design.png) top left no-repeat;} #grow_own_food {background: url(../images/whos_on_icons/grow_own_food.png) top left no-repeat;} #renewable_heating {background: url(../images/whos_on_icons/renewable_heating.png) top left no-repeat;} /* -------------------------------------------------------------------------- Questionnaire tabs (tab style 2) /* -------------------------------------------------------------------------- */ #tabs2 {text-align: left;} #tabs2 ul {padding-bottom:9px;list-style: none;list-style-type: none;padding-top:10px} #tabs2 li{display:inline;background: transparent url(../images/tab_menu_panel_bg.png) right 0 no-repeat;margin-right:0px} #tabs2 .last {border:0;background: transparent} #tabs2 li a {color:#fff;outline:0;padding:8px 10px 15px;background-image: url(../images/btmfade_black.png);background-position: bottom left;background-repeat: repeat-x;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;font-size:13px;} #tabs2 li a.active {color:#fff;background-image: none} #tabs2 li a:hover {color:#fff;background-image: url(../images/topfade_white.png);background-position: top left;} .disabled_option {opacity:0.4;} #tabs2 .ui_panel {text-align: left;padding:35px 20px 0 65px;} #tabs2 .centered {} /* -------------------------------------------------------------------------- FANCY FORMS /* -------------------------------------------------------------------------- */ .fancy_window label, #friend_invite_form label {color: #697060;letter-spacing: 0.01em;margin-right:5px;} .fancy_window input, #friend_invite_form input{font-size:14px;background-color: #fff;padding:6px;width:268px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#4b5245;border:1px solid #C6CDB1;} .fancy_window input:focus, .fancy_window input:active, #friend_invite_form input:focus, #friend_invite_form input:active {background-color: #fff7b0;} .fancy_window textarea, #friend_invite_form textarea {font-size:12px;background-color: #e1efe1;padding:3px;width:268px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#4b5245;border:1px solid #C6CDB1;} .fancy_window textarea:focus, .fancy_window textarea:active, #friend_invite_form textarea:focus, #friend_invite_form textarea:active {background-color: #fff7b0;} .fancy_window input.inputWithErrors, #friend_invite_form input.inputWithErrors {color:white;background:#ff5f5f url(../images/fieldwitherrors.png) 98% 1px no-repeat;} .fieldErrorMsg {font-size: 90%;padding-bottom:10px;margin-left:120px;} .dblist input, .dblist textarea {background-color: #e1efe1;padding:3px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#4b5245;border:1px solid #C6CDB1;} .dblist input:focus, .dblist textarea:focus,.dblist input:active, .dblist textarea:active {background-color: #fff7b0;} /* -------------------------------------------------------------------------- FORM ERRORS /* -------------------------------------------------------------------------- */ .errorExplanation {} .errorExplanation h2{font-size: 100%;line-height: 1em;color:red} .errorExplanation ul{} .errorExplanation ul li{list-style: none} /* -------------------------------------------------------------------------- ADS /* -------------------------------------------------------------------------- */ .skyscraper_ad {float:left;margin-right:10px;margin-top:35px;} /* -------------------------------------------------------------------------- CORNER HOME LOGO /* -------------------------------------------------------------------------- */ .corner_logo_banner {position:absolute;top:34px;right:20px;background: url(../images/corner_logo_banner.png) top left no-repeat;width:92px;height:92px;} /* -------------------------------------------------------------------------- CAROUSEL Buttons /* -------------------------------------------------------------------------- */ .slide_choice {position:relative;z-index:2;margin-top:-39px;text-align: left;padding-top:3px;height:30px;width:829px;margin-left: 3px;text-indent:10px;} .slide_choice {background:url(/images/carouselfade_bar.png);} .slide_button {height:25px;padding:7px 20px 4px 30px;color:#252; font-size:14px;cursor:pointer;position: relative;top:7px;font-weight:normal;background:url(../images/generic_selectthis_button.png) left 2px no-repeat;} .slide_button:hover {color:#35cd06; background:url(../images/generic_selectthis_button.png) left -25px no-repeat;text-shadow: #fff 0px 0px 4px;} .slide_button_active {color:#35cd06; background:url(../images/generic_selectthis_button.png) left -53px no-repeat;text-shadow: #fff 0px 0px 4px;} .slide_button_active:hover {color:#35cd06; background:url(../images/generic_selectthis_button.png) left -53px no-repeat;text-shadow: #fff 0px 0px 4px;} .slide p {color:#252;margin-left:70px;} .slide h1 {text-shadow: #666666 1px 1px 8px;color:#fff;font-size: 28px;line-height:64px; margin:0;padding-left:70px;letter-spacing: -0.03em;font-weight:300} .why_join h1{background: url(../images/drop-box.png)left top no-repeat;} .what_is_it h1{background: url(../images/question-box.png)left top no-repeat;} .whos_on h1{background: url(../images/pattern-box.png)left top no-repeat;} .slide h2 {color:#050;margin-left:70px;} .carousel_container {height:250px;overflow: hidden;margin-left:3px;width:819px;} .carousel_container .slide{width:815px;height:210px;padding:15px 0px 15px 5px;} .disabled {display:none;} .carousel_container .slide img {float:right;margin-top:-20px;} .carousel_button {cursor: pointer;} .prev {background: url(/images/carousel-prev-next.png) bottom left no-repeat;width:19px;height:19px;position:relative;z-index: 3;top:-150px;left:-24px;float:left} .prev:hover {background: url(/images/carousel-prev-next.png) top left no-repeat;} /* large next buttons */ .next ,.next_link{height:19px;padding:2px 20px;color:#777; font-size:12px;cursor:pointer;position: relative;font-weight:bold;font-size:12px;background: #f1f1f1 url(../images/tab2_bg.png) bottom left repeat-x;border:2px solid #aaa;margin-left:70px;top:-10px;-moz-border-radius: 6px;-webkit-border-radius: 6px;} .next:hover ,.next_link:hover {border:2px solid #45ca2b;text-shadow: #fff 0px 0px 4px;background-color: #fff;} .carousel_button em,.carousel_button em {color:transparent;font-size: 1px;} .green_link {color:#00dd00;} .green_link a {color:#000000;} .drop_shadow { float: left; background: url(/images/shadow1.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .drop_shadow div { background: url(/images/shadow2.png) no-repeat left top !important; background: url(/images/shadow2.gif) no-repeat left top; padding: 0px 5px 5px 0px; } .drop_shadow img { background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; } /* ADVERT STYLES */ .advert {border:1px solid #ddd; background-color: white;text-align: center;padding:2px 10px 6px 10px;margin-bottom: 8px;} .advert img {padding:0;margin:0;} /* WIDGET STYLES */ .widget_panel {border:0px solid #ddd;background: url(../images/75_white.png);margin-bottom: 8px;} .widget_panel h3 {margin:0;font-size:12px;color:#60a24f;font-weight:bolder;line-height:1em;margin-top:4px;} .widget_panel h4 {margin:0;font-size:11px;color:#777;font-weight:900;line-height:1em;margin-top:0px;text-transform:none;} .widget_seperator{background:url(/images/widget_seperator.png) top left repeat-x;} /* COMMITMENTS */ .commitment {font-size: 110%;} .commitment li { border-left:3px solid #C6CDB1;border-right:3px solid #C6CDB1} .commitment li {list-style: none;background: url(../images/commitments_row_bg.png);padding:5px 10px;} .commitment .last {-moz-border-radius: 0px 0px 7px 7px;-webkit-border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;border-bottom:3px solid #C6CDB1;border-left:3px solid #C6CDB1;border-right:3px solid #C6CDB1} .commitments_button, .mini_button {opacity:1;width:16px;height:16px;margin-left:2px;background-repeat: no-repeat;background-position: top left;float:right;display:block} .commitments_button span, .mini_button span {display:none;} .commitments_button:hover, .mini_button:hover {opacity:1;background-position: bottom left;} .commitment_title {display: block;padding:5px 5px 5px 0px;font-weight:bold;color:white;} .possible_actions_title {display:block;font-weight:bolder;padding-top:4px;color:white;} .possible {background: #56a9e8;padding:2px} .closed {background: #5ad05d;padding:2px} .details {background-image: url(../images/commitment_details_button.png)} .completed {background-image: url(../images/commitment_completed_button.png)} .add {background-image: url(../images/commitment_add_button.png)} .remove {background-image: url(../images/commitment_remove_button.png)} .link {background-image: url(../images/resource_link_button.png)} .wiki {background: url(../images/commitment_favourite_button.png) top left no-repeat;} .extra_actions {display: block;color:white;} .extra_actions li {padding:3px 8px 0px 25px;margin-top:3px;list-style: none;color:#4c6273;line-height: 1.2em;font-weight:200;} .closed_actions li {;padding:6px 8px 6px 25px;margin-top:3px;list-style: none;color:#222;background:url(/images/50_white.png);line-height: 1.2em;font-weight:bold;} .subscribed_extra_actions {display: block;color:white;} .subscribed_extra_actions li {padding:6px 8px 6px 25px;margin-top:3px;list-style: none;color:#444;background:#f4c364;line-height: 1.2em;font-weight:bolder} .subscribed_extra_actions li:hover {background-color:#fff;color:#222;border-color:#fff} .expand, .collapse {float:left;margin-right:4px;margin-left:2px} .expand span, .collapse span {display:none} .expand {background: url(../images/generic_expand_collapse_button.png) 0px 0px no-repeat;width:20px;height:20px;} .expand:hover, .collapse:hover {background: url(../images/generic_expand_collapse_button.png) 0px -20px no-repeat;cursor:pointer} .collapse {background: url(../images/generic_expand_collapse_button.png) 0px -40px no-repeat;width:20px;height:20px;} .widget_expand, .widget_collapse {float:left;margin-right:3px;margin-left:0px;margin-top:1px;} .widget_expand span, .widget_collapse span {display:none} .widget_expand {background: url(../images/widget_expand_collapse_button.png) 0px 0px no-repeat;width:12px;height:11px;} .widget_expand:hover, .widget_collapse:hover {background: url(../images/widget_expand_collapse_button.png) 0px -11px no-repeat;cursor:pointer} .widget_collapse {background: url(../images/widget_expand_collapse_button.png) 0px -22px no-repeat;width:12px;height:11px;} .collapsed {display:none;} .questionnaire_button {float:right;top:0px;line-height: 1.2em;padding:4px 20px 4px 20px;} .help {margin-top:9px;margin-right:0px;float:right;} .help span {display:none} .help {background: url(../images/generic_help_button.png) 0px 0px no-repeat;width:27px;height:27px;cursor: pointer;} .help:hover {background: url(../images/generic_help_button.png) 0px -27px no-repeat;} .help:active {background: url(../images/generic_help_button.png) 0px -55px no-repeat;} .help_active {background: url(../images/generic_help_button.png) 0px -55px no-repeat;} /* .subscribed_extra_actions .long_term {background-color: #4da3ec} .subscribed_extra_actions .regular {background-color: #ec4d81} .subscribed_extra_actions .now {background-color: #ecb24d} */ .inline_flash_msg { -moz-border-radius:7px;-webkit-border-radius: 7px;background: #fff url(../images/inline_flash_msg_bg.jpg); padding:15px 30px; border-top:1px #fff solid; border-left: 1px #fff solid; border-bottom: 1px #C6CDB1 solid; border-right: 1px #C6CDB1 solid; margin-top:25px; margin-bottom:25px; -moz-box-shadow: #444 0px 2px 8px; webkit-box-shadow: #444 0px 2px 8px; padding-left:50px; color:#43443e } .pin {width:32px;height:58px;float:left;margin-top:-30px;margin-bottom:30px;margin-left:-42px;background: transparent url(../images/pin.png) top left no-repeat} .eco_position_button {margin-right:15px;display:block;float:left;width:70px;height:70px;background-color: transparent;background-repeat: no-repeat;background-position: 10px 10px;outline:0;border:2px solid transparent} .eco_position_button:hover {background-color: transparent;border:2px dotted #fff} .eco_position_button_active{background-color: transparent;opacity:1;border:2px solid #b0d057} .eco_position_button_active:hover {background-color: transparent;opacity:1} .eco_position_button span,.eco_position_button_active span {display:none; color:#777C67;font-size:10px;width:90px;line-height: 0.6em;padding:0;margin:0;} .tick {position:relative;margin:0;margin-top:50px;margin-left:48px;width:31px;height:32px;background: transparent url(../images/multichoice_question_tick.png) top left no-repeat} .panelLabel {text-align: center;letter-spacing: 0.2em; text-transform: uppercase;font-size: 0.85em;color: #999;} a.action_list_item {color:#4a4a4a;} a.action_list_item:hover {color:#383} .info {background: url(../images/commitment_details_button.png) top left no-repeat;} .close {background: url(../images/commitment_completed_button.png) top left no-repeat;} .add {background: url(../images/commitment_add_button.png) top left no-repeat;} .reject {background: url(../images/commitment_reject_button.png) top left no-repeat;} .remove {background: url(../images/commitment_remove_button.png) top left no-repeat;} .inline_image {width:16px;height:16px;display:block;float:left;margin-right: 5px;} .inline_image span {display:none;} .annotate_inline_image {margin-left:30px;} .button_bar, .info_box {background-color: #353;-moz-border-radius: 5px;-webkit-border-radius: 8px;padding:4px;} .button_bar {margin-top:30px;margin-left:0;} .info_box {width:285px;background: #333} .info_box .inner {background-color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 5px;padding:5px;} .info_box h4 {color:white; margin:0;} .my_plan_profile {height:100px;} /* CSS3 EYE CANDY */ .dropshadow {-moz-box-shadow: #ccc 0px 0px 5px ; -webkit-box-shadow: 0px 0px 3px #ccc; } .dark_dropshadow {-moz-box-shadow: #666 0px 0px 5px ; -webkit-box-shadow: 0px 0px 3px #666; } .rounded {-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-bottom:0px;} .rounded_small {margin-top:0px;-moz-border-radius: 4px;-webkit-border-radius: 3px;margin-bottom:0px;} .rounded_big {margin-top:0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;margin-bottom:0px;} .rounded_huge {margin-top:0px;-moz-border-radius: 13px;-webkit-border-radius: 11px;} .rounded_huge_bl {-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 7px;} .rounded_huge_br {-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 7px;} .rounded_top {-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;} .rounded_bottom {-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;} .rounded_right {-moz-border-radius-bottomright: 5px;-moz-border-radius-topright: 5px;-webkit-border-bottom-right-radius: 7px;-webkit-border-top-right-radius: 7px;} .rounded_left {-moz-border-radius-bottomleft: 5px;-moz-border-radius-topleft: 5px;-webkit-border-bottom-left-radius: 7px;-webkit-border-top-left-radius: 7px;} .rounded h3 {font-weight:bolder;} .rounded li {-moz-border-radius: 3px;-webkit-border-radius: 3px;} /* ECO ACTIONS */ .eco_action_resources {} .eco_action_resources ul {list-style:none;} .eco_action_resources h3 {color:#fff;font-size:12px;padding:0;margin:3px 2px 5px;background-image:none;letter-spacing:-0.015em;line-height:1em;font-weight:bolder;display:block;height:3.5em} .eco_action_resources p {color:#fff;font-size:11px;padding:0;margin:8px;line-height:1.15em} .eco_action_resources .image {overflow:hidden;width:200px;-moz-border-radius: 5px;-webkit-border-radius: 7px;} /* PLAN */ .eco_action_resources .plan_item {background: url(../images/50_white.png);display:block;float:left;width:200px;border:1px solid #ddd;margin-right:4px;margin-bottom:4px;} .plan_item:hover {background:#566d45;} .plan_item {display:block;float:left;width:200px;padding:0px;margin-right:6px;background: #66d14a url(../images/resource_item_bg.jpg) left top no-repeat;} .plan_item:hover {background:#032;} .plan_item_title {} .plan_item_body {background: transparent url(/images/action_details_button_0.png) 5px 6px no-repeat;margin-bottom:5px;padding:5px 5px 5px 28px;display:block;font-size:11px;color:#777;font-size: 12px;line-height: 1.1em;height:5.5em;border-bottom:1px dotted #ccc} .plan_item_body:hover {background: transparent url(/images/action_details_button_1.png) 5px 6px no-repeat;color:#4f4} .plan_item h4{text-indent:0px;text-transform:none;letter-spacing:-0.015em;line-height:0.95em;font-size:14px;padding:6px 10px;font-weight:900;height:1.5em;color:#84be59;border-bottom: 0px dotted #ccc;padding-bottom: 12px;margin-bottom:0} .plan_item p a, .plan_item p{color:#575} .plan_item p a:hover {color:#fff} .plan_item h5 {} .plan_item h5 a{display: block;padding:5px 14px;color:#333;font-size:11px;font-weight:bold;background:url(/images/75_black.png);margin:0;z-index:1000;position:relative;top:-33px;} .plan_item h5 a:hover{color:#fff;background:url(/images/75_black.png)} .resource_info {width:190px;height:200px;overflow:hidden;position:relative;top:-155px;background:url(/images/75_black.png);color:white;font-weight:bold;line-height:1.1em;padding:10px 10px 10px 10px;} .plan_item a .resource_link{font-size:16px;color:#4f6} .plan_item a:hover .resource_link{color:#fff;background-color: black} /* RESOURCE ITEM */ .eco_action_resources .resource_item {background: url(../images/50_white.png);display:block;float:left;width:200px;border:1px solid #ddd;margin-right:4px;margin-bottom:4px;} .resource_item:hover {background:#566d45;} .resource_item_title {} .resource_item_body {background: transparent url(/images/action_details_button_0.png) 5px 6px no-repeat;margin-bottom:10px;padding:5px 5px 5px 28px;display:block;font-size:11px;color:#fff;font-size: 12px;line-height: 1.1em;height:4.5em} .resource_item_body:hover {background: transparent url(/images/action_details_button_1.png) 5px 6px no-repeat;color:#4f4} .resource_item h4{text-indent:0px;text-transform:none;letter-spacing:-0.015em;line-height:0.95em;font-size:14px;padding:6px 10px;font-weight:900;height:1.5em} .resource_item h4 {color:#84be59} .resource_item p a, .plan_item p{color:#575} .resource_item p a:hover {color:#fff} .resource_item h5 {} .resource_item h5 a{display: block;padding:5px 14px;color:#333;font-size:11px;font-weight:bold;background:url(/images/75_black.png);margin:0;z-index:1000;position:relative;top:-33px;} .resource_item h5 a:hover{color:#fff;background:url(/images/75_black.png)} .resource_item .resource_info {width:180px;height:200px;position:relative;top:-155px;background:url(/images/75_black.png);color:white;font-weight:bold;line-height:1.1em;padding:10px 10px 10px 10px;} .resource_item a{font-size:16px;color:#4f6} .resource_item a:hover{color:#fff;background-color: black} /* EXTRA INFO WIDGET */ .video_thumbnail {overflow:hidden;width:88px;height:63px;margin:0;float:left;margin-top:3px;margin-right:3px} .video_thumbnail:hover {background-color:#36482d;} .video_thumbnail img {margin:0;position:relative;} .video_thumbnail span {display:block;width:88px;height:63px;position:relative;z-index:10;top:-68px;left:0;background: transparent;} .video_thumbnail span:hover {background: transparent url(/images/video_play_overlay.png) top left no-repeat} #news ul {} #news ul li{margin:0;padding:0px;} #news .item img{width:70px;height:42px;margin:0px} #news .item .img_l{width:140px;height:84px;margin:0px} #news .item .img_border {border:1px solid #ddd;padding:4px;width:70px;height:42px;margin:0px 5px 2px 0;background-color: white;float:left;} #news .item .img_border_l {border:1px solid #ddd;padding:4px;width:140px;height:84px;margin:0px 0px 5px 0px;background-color: white;float:left;} #news .item p{padding-bottom:5px;padding-top:5px;line-height: 1em;font-size: 11px;margin:0} #news .item h4{margin:0;padding:0;line-height:0.9em;font-size: 12px;font-weight: 300;color:#444;} #news .item a{color:#888;display: block;padding:9px;background-color: #f4f4f4;} #news .item a:hover{background: #e2e2e2 url(../images/next_button_decoration.png) bottom right no-repeat } #news .item a .overlay {} #news .item a .overlay img{width:140px;height:84px} #news .item a .overlay .img_border {width:140px;height:84px;float:none;margin:0 auto;} /* INT USE */ .dblist {} .dblist td {padding:5px 10px;} .dblist tr:hover {background:white} .dblist th {padding:10px 10px;font-size:larger} .dblist .edit_button {width:16px;height:16px;background:transparent url(/images/admin_edit_button.png) top left no-repeat;display:block} .dblist .edit_button:hover {background-position:bottom left;} .dblist .destroy_button {width:16px;height:16px;background:transparent url(/images/admin_destroy_button.png) top left no-repeat;display:block} .dblist .destroy_button:hover {background-position:bottom left;} .dblist .show_button {width:16px;height:16px;background:transparent url(/images/admin_show_button.png) top left no-repeat;display:block} .dblist .show_button:hover {background-position:bottom left;} .dblist label {padding:4px 15px;background:#C6CDB1;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;font-weight:bolder} .leftcolumn input, .leftcolumn textarea, .leftcolumn select {font-size:11px;} .leftcolumn input, .leftcolumn textarea {width:100%} .leftcolumn .submit {width:100px;padding:5px 10px;border-width:2px;background:white;} .leftcolumn .submit:hover,.leftcolumn .submit:active {background:#fff7b0;} /* DASHBOARD */ .dashboard {background:#090909;min-width:580px} .dashboard h1 {color:white;font-weight:100;font-size:20px;padding:15px 10px;margin:0;background-image: none} .dashboard h2 {color:white;font-weight:100;font-size:18px;line-height:1em} .dashboard h2 span{font-weight:900;} .dashboard h3 {margin-left:10px;padding:0;margin:0} .score {float:right;padding:10px;background-color:#111;border:6px solid #0c0c0c;color:white;font-weight:100;font-size:130%;width:80px;height:60px;margin-bottom:10px;margin-left:20px;text-align: center} .score .massive{font-weight: 900;font-size:300%;display:block;margin-top:13px} .dashboard p{font-weight: 100;line-height:1.2em;color:white;font-size:13px} .dashboard .module .left_text_box {display:block;} .dashboard .module {padding:10px 30px 10px 30px;} .dashboard .module_split {padding:5px 10px;background:transparent url(/images/dashboard_module_bg.png) top left repeat-x;} .dashboard .module_split_help {padding:20px;background:#2a2221 url(/images/dashboard_module_help_bg.png) top left repeat-x;} .dna_container {width:240px;height:105px; overflow:hidden;margin:0 auto;margin-top:0px;margin-bottom:0px;} #dna_overlay_holder {position:relative;top:-109px;width:240px;} #dna_overlay_holder .gene_overlay {float:left;margin-right:5px;padding:0;width:35px;height:35px;overflow: hidden;cursor:pointer;outline: 0;} #dna_overlay_holder .gene_overlay span {display:block;width:35px;height:35px;background:url(../images/mydna_gene_overlay_combo.gif)top left no-repeat} #dna_overlay_holder .gene_overlay span:hover {background:url(../images/mydna_gene_overlay_combo.gif)bottom left no-repeat} .dashboard .graph {background-color: black;padding:5px;} .dashboard .ajax_loader {width:24px;height:24px;float:right;margin-right:7px;margin-top:-3px;} .dashboard .ajax_loader_centered {width:24px;height:24px;float:none;margin:30px auto} .my_dna_resource {width:100px;height:75px;float:left;margin-right:2px;margin-bottom:2px;overflow:hidden;padding:5px;background-color:#333} .my_dna_resource:hover {background-color:#fff} .my_plan_title {font-size:22px;font-weight:900;letter-spacing: -0.05em;} .my_plan_resource_image {margin-top:5px;} .committed_now_container {background:#2c567d;} .committed_now {background-color: #40a3fd; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed_now:hover {background-color: #82c2fd; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed_now a{color:#fff} .my_plan_title_now{color:#40a3fd;} .committed_regular_container {background:#6c3c0c;} .committed_regular {background-color: #fc7d00; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed_regular:hover {background-color: #fea853; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed_regular a{color:#63633a} .my_plan_title_regular{color:#fc7d00;} .committed_long_term_container {background:#1e3816;} .committed_long_term {background-color: #3ca619; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed_long_term:hover {background-color: #66c746; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed_long_term a{color:#abcaea} .my_plan_title_long_term{color:#3ca619;} .committed_now h5,.committed_regular h5,.committed_long_term h5 {font-size:15px;font-weight:900;} .committed {background-color: #bb0f3f; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed:hover {background-color: #d9144b; background-image: url(../images/committed_action.png);background-repeat: no-repeat;} .committed a{color:#fff} .not_committed {background-color: #111; background-image: url(../images/not_committed_action.png);background-repeat: no-repeat;} .not_committed:hover {background-color: #1a1a1a; background-image: url(../images/not_committed_action.png);background-repeat: no-repeat;} .not_committed a{color:#ddd} .completed_action {background-color: #111; background-image: url(../images/not_committed_action.png);background-repeat: no-repeat;} .completed_action:hover {background-color: #1a1a1a; background-image: url(../images/not_committed_action.png);background-repeat: no-repeat;} .completed_action a{color:#ddd} .resource_link_button {padding:8px 20px;background:#396030 url(../images/button_top_white_grad.png) top left repeat-x;border:1px solid #5d8b53;color:#ccc;font-size:14px;font-weight:600;float:right;margin-right:20px;top:15px;} .resource_link_button:hover {background-color:#4c7842;border:1px solid #6fae61;color:#fff} .float_right,.floatrigth {float:right;margin-right:5px;} .float_left,floatleft {float:left;} .__home {background-color:#c8222f} .__resources {background-color:#63a347} .__lifestyle {background-color:#e5c41f} .__work {background-color:#6b5cc8} .__community {background-color:#bf50a9} .q_panel {background-color:#111;min-width: 500px;} ._tab_header {height:10px;margin-left:-4px;margin-top:-4px;} .__home:hover,.__home .active {background-image:none;} .__resources:hover,.__resources .active {background-image:none;} .__lifestyle:hover,.__lifestyle .active {background-image:none;} .__work:hover,.__work .active {background-image:none;} .__community:hover,.__community .active {background-image:none;} .progress_counter {color:#fff;padding:4px 6px;font-size:12px;font-weight: 400;margin:2px 0;border-bottom:1px dotted #333;} .highlight {background:#222;border-bottom:1px dotted transparent;} .progress_counter .progress{font-weight: 100;float:right;color:#6d6;} #progress_meter { padding:5px;width:290px;background:#111 url(../images/progress_meter_scale_3d.png) center 14px no-repeat;} #progress_meter #marker{margin-bottom:30px;color:#222;font-weight:900;padding-top:2px;text-align:center;font-size:12px;width:41px;height:29px;background:transparent url(../images/progress_meter_marker.png) top left no-repeat;} /* NEXT STEPS */ .next_steps_container {margin:0 auto;width:635px;margin-top:23px;} .next_steps_option h2 {margin:0 0 10px 30px;font-weight: 100;font-size:16px;} .next_steps_option p {margin:0 30px;color:#959595;font-size: 12px;font-weight: 100;} .next_steps_option {float:left;width:317px;height:420px;background: url(../images/next_steps/spotlight_0.jpg) top left no-repeat;} /* .next_steps_option:hover{background: url(../images/next_steps/spotlight.jpg) top left no-repeat;} */ .dna_choice {position:relative;margin-top:-420px;z-index:1;padding-top:110px;} /* SETUP */ .setup_container {margin:0 auto;width:800px;margin-top:23px;} .setup_option h2 {margin:0 0 10px 0;font-weight: 100;font-size:16px;} .setup_option p {margin:0 30px;color:#959595;font-size: 12px;font-weight: 100;} .setup_option {float:left;width:400px;height:200px;background: url(../images/setup/spotlight_0.jpg) top center no-repeat;text-align: center} .setup_choice {position:relative;margin-top:-200px;z-index:1;padding-top:80px;} /* APP FLASH */ .app_flash {color:white;font-size: 14px;font-weight: 900;text-align: center;} /* LOGEGD IN TAG */ #navigation {margin:0 20px 0px;background:url(../images/50_blue.png);padding:5px 7px 7px 5px;color:#fff;font-weight:200;text-align: right} #navigation a{color:white;padding:5px 8px;background:url(../images/50_blue.png);} #navigation a:hover {color:#333;background:url(../images/75_white.png);} #navigation .active,#navigation .active:hover {color:#333;background:white;} #navigation h1 span{color:white;text-transform: lowercase;font-size: 18px;font-weight: 200;display: none;} #navigation h1 span strong{font-weight: 900} #navigation h1 {width:214px;height:27px;background: url(../images/logos/navlogo.png) no-repeat;float:left;margin-top:-4px;} /* SPLASH */ #splash_holder a {color:#fff} /*#splash_holder a:hover {color:#aaa}*/ #splash_holder {margin-right:50px;} .splash_news {display:block;width:65%;float:left;margin-top:20px;} .splash_greentown {display:block;width:33%;float:left;margin-top:20px;margin-left:10px} .buzzword {white-space: nowrap} .signup {} #splash_holder h1 strong,#splash_holder h1 span {padding:0 0.2em;line-height: 1.3em} #splash_holder h1 strong:hover,#splash_holder h1 span:hover {background-image: url(../images/30_white_diag_stripe.png);} #splash_holder h3 {font-weight: 900;font-size:16px} #splash_holder h2{color:#5baeea;font-weight: 200;letter-spacing: -0.01em; font-size:20px;padding:7px 40px 0px 40px;} #splash_holder h2 strong{color:#2f90d6} .hr_shade_btm {background:url(../images/splash_content/hr_shade.png) top center no-repeat;height:15px;margin:0 auto} .hr_shade_top {background:url(../images/splash_content/hr_shade2.png) top center no-repeat;height:15px;margin:0 auto;} .hr_shade_top hr,.hr_shade_btm hr {display:none;} #splash_holder h2 a{font-weight: 900;color:#83e86b;text-decoration: underline} #splash_holder h2 a:hover{color:#438f31} #splash_holder #secondary_statement {background: #fff url(../images/splash_content/bg2.jpg)top left repeat-x;margin:0} .field_block {width:190px;float:left;margin-right:20px;margin-top:-20px;} .field_block input {padding:5px;width:170px;background: #cce7fa;border:0px solid transparent;font-size: 14px;font-weight: 600} .field_block label {color:#888;font-weight: 400} .field_block .ErrorMsg {font-size: 83%;padding-bottom:0;margin-left:2px;margin-top:-4px;color:#444} .field_block input.inputWithErrors {color:white;background:#ff5f5f url(../images/fieldwitherrors.png) 98% center no-repeat;} #hgiyt_holder {min-width:285px;background:#45b320 url(../images/hgiyt/widget_bg.jpg) top right no-repeat;height:320px} #hgiyt_holder p{color:white} #hgiyt_appmessage {background: url(../images/75_black.png);padding:20px;height:280px} #hgiyt_holder input {padding:6px 12px;width:150px;background: url(../images/50_white.png);border:0px solid transparent;font-size: 14px;font-weight: 500} #hgiyt_submit {padding:6px;width:30px;background: #1e3219;border:0px solid transparent;font-size: 14px;font-weight: 700;color:white;margin-top:-30px;margin-left:224px} #hgiyt_submit:hover {background: #407f2b;cursor: pointer;color:#9cec3d} #hgiyt_holder form {padding:10px} #hgiyt_holder h4{color:white;text-transform: none;font-size: 16px; font-weight: 500;letter-spacing: -0.01em} #signup_form {padding:0px 40px 10px 40px} .splash_greentown #location {width:200px;margin-top:20px;} .splash_greentown label {display:none} .splash_greentown input { } .weight300 {font-weight:300} .darkgray {background-color:#666;color:#fff;} .bluegray {background-color:#90a7c7;color:#fff;} .green {background-color:#95c56f;color:#fff;} .red {background-color:#cd1228;color:#fff;} .pink {background-color:#d3439b;color:#fff;} /* EXTRA HEADER NAVIGATION LINKS */ #twitter_follow {background: url(../images/extra_header_navigation/twitter.png) top left no-repeat;width:85px;height:74px;float:right;margin-right:8%;margin-top:-210px;z-index: 2;position: relative} #twitter_follow span{display: none} .actions_palette {padding:2px;background: url(../images/palette_bg_grad.png) repeat-x;height:20px;float:right;margin-top:12px;z-index: 2;margin-right:-5px} /* -------------------------------------------------------------------------- LARGE FANCY DIALOGS /* -------------------------------------------------------------------------- */ .large_fancy_window {display:none;position:fixed;width:792px;position:fixed;top:20%;left:50%;margin:-20px 0 0 -396px;z-index:9000;} .large_window_content {float:left;width:730px;margin:0 15px 15px;} .large_window_content h1{padding:15px 0 0 ;margin:0;text-indent:0;font-weight:300} .large_window_content p{font-weight:200} .large_window_content .widget_panel {margin-top:15px} .large_window_body {background:url('../images/fancy_window_[large]_bg.png') top left no-repeat;width:762px;padding:15px 15px 0px 15px;text-align:left;} .large_window_bottom {clear:both;background:url('../images/fancy_window_[large]_bg.png') bottom left no-repeat;width:792px;min-height:20px;}