/* updated: 22.12.2010 note: */ /* base settings */ body{background: #d3d5dc url(/i/common/bg_top_grey.png) no-repeat center top;font-family: Arial, Helvetica, "Myriad Pro", sans-serif;font-size: 62.5%;padding-top: 10px;} h1{border-top: 1px solid #ccc; border-bottom:1px solid #ccc;font-size:2.8em; padding: 12px 0; margin:0 40px;color:#ff6305;} h2{font-size: 2.2em;margin:0 0 3px;} h2 span {font-size:65%;} h2+p{margin:0 0 12px;} h3{font-size: 1.8em; margin:0 0 3px;} p {font-size: 1.35em;} label, input {display:block;font-size:1.3em;} input{padding:3px;} input[type="text"], input[type="password"] {margin: 0 0 9px;} input[type="checkbox"] {float:left;position:relative; top: 0.1em;} a:link {color:#174ea8;text-decoration:none;} a:visited{color:#174ea8; text-decoration: none;} a:hover {color:#174ea8;text-decoration: underline} a:active {text-decoration: underline;} /*dummy link class*/ .link {color: #174EA8;cursor: pointer;} .link:hover {color:#174ea8;text-decoration: underline} .link:active {text-decoration: underline;} /* common classes */ .selected ,.highlighted {color: #ff6305 !important;} .warning {color: #ff0000 !important;} .healthy {color:#86A52B;} .disable_onlight{color: #DDD!important;} .error, .notice, .success {border:1px solid #DDD;margin-bottom:1em;padding:0.1em;} .error {background-color:#ffe7e7;border-color:#FF8181;color:#B22626;} .align_center { text-align: center;} .align_left{text-align:left;} .align_right{text-align:right;} .bg_none {background:none;} .fl_left {float:left;} .fl_right {float:right;} .fl_none {float:none;} .clear { float:clear; } .overflow{overflow:hidden;} .relative {position:relative;} .absolute{position:absolute;} .prepend-1i {padding-left:40px !important;} .sub_head{margin: 0 0 9px;} /* use this for extra padding under heading subtext*/ .li_stars li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px;list-style-type:none;} /* typography classes */ .bold {font-weight:bold;} .italic {font-style:italic;} /* primany medium input button style. Use these for input button elements */ .inputbtn_left{padding-left:7px;display:inline-block;background: url(/i/common/btn_m_primary_left.png) no-repeat left top;} .inputbtn_left:hover{background: url(/i/common/btn_m_primary_left.png) no-repeat left -64px;} .inputbtn_right{background: url(/i/common/btn_m_primary_right.png) no-repeat right top; border:0;color:#fff; cursor: pointer;font-weight:bold;height:27px;padding:0 16px 0 8px; font-size:14px; padding-top:5px;} .inputbtn_right:hover{background: url(/i/common/btn_m_primary_right.png) no-repeat right -64px;} a.inputbtn_right { display:block; color:white; } input.inputbtn_right { height:32px; } /* button wrapper, medium: use the following class when a button has a throbber underneath */ .btn_m_wrapper {height: 42px;} /* secondary cta that goes next to a button */ .cta_secondary {line-height:32px;} /* button: primary (lime color), medium (h:32) regular (no padlock icon) */ .btn_m_primary {background: url(/i/common/btn_m_primary_right.png) no-repeat right top;display:block;font-size:1.2em; font-weight:700;height:32px;line-height:32px;} .btn_m_primary:hover{background: url(/i/common/btn_m_primary_right.png) no-repeat right -64px;} .btn_m_primary a {background: url(/i/common/btn_m_primary_left.png) no-repeat left top;color:#fff; display:block; margin-left:-1px;text-align:center;} .btn_m_primary a:hover {background: url(/i/common/btn_m_primary_left.png) no-repeat left -64px; text-align:center;} /* button: secondary (grey color), medium (h:32) regular (no padlock icon) */ .btn_m_secondary {background: url(/i/common/btn_m_secondary_right.png) no-repeat right top;display:block;font-size:1.2em; font-weight:700;height:32px;line-height:32px;} .btn_m_secondary:hover{background: url(/i/common/btn_m_secondary_right.png) no-repeat right -64px;} .btn_m_secondary a {background: url(/i/common/btn_m_secondary_left.png) no-repeat left top;color:#000; display:block; margin-left:-1px;text-align:center;} .btn_m_secondary a:hover {background: url(/i/common/btn_m_secondary_left.png) no-repeat left -64px; text-align:center;} /* button: primary (lime color), sercure */ .btn_sercure_primary {background: url(/i/common/btn_m_primary_right.png) no-repeat right top; display:block;font-size:1.2em; font-weight:700;height:32px;line-height:32px;} .btn_sercure_primary:hover{background: url(/i/common/btn_m_primary_right.png) no-repeat right -64px;} .btn_sercure_primary a {background: url(/i/common/btn_primary_sercure_left.png) no-repeat left top;color:#fff; display:block; margin-left:-1px;text-align:center;} .btn_sercure_primary a:hover {background: url(/i/common/btn_primary_sercure_left.png) no-repeat left -64px; text-align:center;} /* button: secondary (silver color), sercure */ .btn_sercure_secondary {background: url(/i/common/btn_m_secondary_right.png) no-repeat right top; display:block;font-size:1.2em; font-weight:700;height:32px;line-height:32px;} .btn_sercure_secondary:hover{background: url(/i/common/btn_m_secondary_right.png) no-repeat right -64px; text-align:center;} .btn_sercure_secondary a {background: url(/i/common/btn_secondary_sercure_left.png) no-repeat left top;color:#000; display:block; margin-left:-1px;text-align:center;} .btn_sercure_secondary a:hover {background: url(/i/common/btn_secondary_sercure_left.png) no-repeat left -64px;} /* button: next & prev */ .btn_prev {background:url(/i/common/arrow_leftright_circle.png) no-repeat left top;display:inline-block;font-size:1.4em;height:32px;line-height:32px;padding:0px 6px 0px 39px;} .btn_next {background:url(/i/common/arrow_leftright_circle.png) no-repeat right bottom;display:inline-block;font-size:1.4em;font-size:1.4em;height:32px;line-height:32px;padding:0px 39px 0px 6px;} /* btn (i) that pairs with tooltip */ .btn_i{position:absolute;margin-left:2px;cursor:help;} /* Generic tooltip settings. positions set below */ .tooltip {opacity:0.93;position:absolute;} .tooltip h3{background:#62b825;font-weight:bold;color:#FFF;font-size:1.3em;padding:5px 7px 3px;margin:0!important;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .tooltip p{background:#545156;padding:0 6px 3px;color:#FFF;margin:0!important;font-size: 1.3em;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} /* debug classes */ .bd_red {border:1px solid red;} .bd_green {border:1px solid green;} .bg_orange{background: orange !important;} .bg_green{background: green !important;} .bg_grey{background: #ddd !important;} /* temp styles */ #trial_countdown {font-size:1.6em;text-align:center;margin: -16px 0 6px;padding:0 0 6px;background: url(/i/signup/dashboard_counter.png) no-repeat center top;} #trial_countdown span{font-size:130%;font-weight:bold;} /* legacy styles moved over from stylesheet.css */ #redirect_user_to {display:none;} /* Hide this field from FF.MAC. Used on several forms. */ /* layout elements structured top-->down (e.g. wraper>header>body>footer) left-->right (e.g. wrapper>left col>right col>...) */ #wrapper {background: url(/i/common/bg_bottom_grey.png) repeat-x center bottom;} #main_container {background: #FFF url(/i/common/frame_top_grey.png) no-repeat left top; border-left:1px solid #bec1cb; border-right:1px solid #bec1cb;} /* header */ /* ------------------------------------------------------------------------ */ #header {height: 110px; overflow:hidden;} #logo_fitbrains {float:left; margin: 14px 20px 0 22px;} /* navigation */ #navigation{float:left; margin: 37px 0 0; overflow:hidden; padding:0;} #navigation ul {margin:0;padding:0;} #navigation li {float:left;font-size: 1.6em; font-weight: 600;list-style-type: none;} #navigation li a {display:block; margin-right:19px; padding: 7px;} #navigation .has_dropdown {background: url(/i/common/mnu_arrow_down.png) no-repeat right 17px; padding-right:19px;} #navigation .mnu_last_row {border-bottom:1px solid #bbb781 !important;} #navigation .mnu_dropdown{background: url(/i/common/mnu_btm_left.png) no-repeat -1px bottom; position:absolute; top:44px;z-index:9999;} #navigation .mnu_dropdown span{background: url(/i/common/mnu_btm_right.png) no-repeat right bottom; display:block;} #navigation .mnu_dropdown ul li{background: #FFF;border-bottom:1px solid #CCC; float:none;font-size:.8em; font-weight: 400;margin: 0 8px;} #navigation li.mnu_dropdown_top {background: url(/i/common/mnu_top_right.png) no-repeat right top;height:35px;border-bottom: none;float: none;font-size: 1em;font-weight: 600;margin: 0;} #navigation .mnu_dropdown_rest{background: url(/i/common/mnu_btm_right.png) no-repeat right bottom; display:block;font-size:1em;} #navigation .mnu_dropdown_top {background: url(/i/common/mnu_top_right.png) no-repeat right top;height:35px;} #navigation .mnu_dropdown_top span {background: url(/i/common/mnu_top_left.png) no-repeat -1px top; height:35px;padding-left:1px; display:inline-block;} #navigation .mnu_dropdown_top span a{background: url(/i/common/mnu_arrow_down_black.png) no-repeat right 10px;display:inline-block;padding: 0 19px 0 6px;} #navigation .mnu_lifestyle {width: 185px;} #navigation .mnu_dropdown_top, #navigation .mnu_dropdown_rest {/* width: 150px; */} /* breadcrumb */ #breadcrumb {background: url(/i/common/ico_breadcrumb_home.png) no-repeat left center; color:#333;font-size: 1.3em;overflow:hidden;padding-left:15px;position:absolute;top:78px;left:163px;} #breadcrumb li{float:left;display:inline-block; list-style-type:none;margin:0 1px;} /* login-signup buttons */ #control{overflow:hidden; margin-top: 36px ; padding:0 0 0 25px;border-left:1px solid #ddd;} #control #login, #control #sign_up {display:inline-block; margin-right: 12px;} #control #login {margin-left:19px;} #control #login a, #control #sign_up a{padding:0 9px 0 23px;} /* styles for welcome message and logout link. these styles need to be cleaned up when profile page revamped*/ #control.msg_welcome {margin-top:45px;} #control.msg_welcome li {float:right;font-size: 1.4em;list-style-type: none; margin-left:9px;} #control.msg_welcome .last {margin-right:19px;} #control #control_secondary {font-size:1.3em;position:absolute;top:77px;right:32px;} /* marketing banner. a.k.a media block */ /* ------------------------------------------------------------------------ */ #marketing_banner {padding-top:1px;} #marketing_banner #banner_create_free_acct {position:absolute; left: 686px; top: 32px; width:212px; height:212px;} #marketing_banner #ads{margin:8px 0 0;overflow:hidden;} #ads{margin:8px 0 0;overflow:hidden;cursor:pointer;} /* main content */ /* ------------------------------------------------------------------------ */ #main {/* min-height: 450px; */ padding:10px 0 20px;} /*removed min-height for short pages 23/7/2010*/ #content {} .featured_game{margin-bottom:15px;overflow:hidden;} .featured_game_thumb{position:relative;} .featured_game_thumb .overlay_featured_game {position:absolute;} .featured_game p{margin:0} .regular_games{ margin-bottom:15px;} .regular_games p{margin:0;} .regular_games h3{font-size:1.6em;padding-top:9px;} .regular_games img{margin-bottom:3px;} #content ul, #content ol {padding-left:1.3em;} #content ul li, #content ol li {font-size:1.4em;} #content dl {font-size:1.4em;} #content dl dd {margin-bottom: 9px;} /* homepage */ #home_content_row1{background:url(/i/home/bg_1-2-3.png) no-repeat center top;padding: 51px 0 0;} #home_content_row1 .col_wrapper{padding: 14px 19px;float:left;width:251px;height:198px;} #home_content_row1 h2, #home_content_row1 h3 {text-align:center;margin:0;padding:0;} #home_content_row1 h2 {background:#eef48d;margin-bottom:3px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} #home_content_row1 h3 {font-size:1.6em;margin-bottom:9px;} #home_content_row1 {padding-bottom: 9px;} /* motivation box */ #motivation #motivation_header {overflow:hidden;border-bottom:1px solid #e5e5e5;} #motivation #motivation_header p{font-weight:bold;color:#7F7F7F;margin:0;padding:0;} #motivation .motivation_row{border-bottom:1px solid #e5e5e5;padding:2px 0;overflow:hidden;} #motivation .motivation_row img{margin-top:3px;} #motivation .content{float:left;width:209px;} #motivation .last{border-bottom:none;} #motivation .nickname{font-weight:bold;} #motivation .activity{font-style:italic;font-size:1.1em;color:#797979;height:37px;overflow:hidden;} #motivation p{margin:0;padding:0;} /* Homepage 2nd row boxes */ .home_boxes_wrapper{background: #d8e1e7;height:165px;padding:3px;} .home_boxes_wrapper .inner_frame{padding: 14px;} .home_boxes_wrapper #copeman_logo{float:right;margin:8px 0 0 9px;} .home_boxes_wrapper blockquote{background: url(/i/common/quote_open.png) no-repeat left top;color: #333;float:left;font-size: 1.3em;margin:8px 0 0;text-indent:1.1em;} .home_boxes_wrapper blockquote span {display:inline-block;background: url(/i/common/quote_close.png) no-repeat right top;height: 11px;width:11px;margin-left:3px;} .home_boxes_wrapper div{height:129px;} .home_boxes_wrapper p{color: #333;font-size: 1.3em;font-style:italic;margin:8px 0 0;} .home_boxes_wrapper h3{color:#3c6600;text-transform:uppercase;border-bottom: 1px solid #CCC;padding-bottom: 3px;font-size:1.4em;font-weight:bold;} .home_boxes_wrapper img{margin:9px 0 0;} /* game description page */ #screenshot_family {margin-bottom:9px;position:relative;} #screenshot_family #game_not_free_message {color:#FF0000;background-color:#fffbc4;border:1px solid #d2ce99;padding:3px 0;position:absolute; top:240px; left:0;} #screenshot_family #game_playfree_btn {position:absolute; top:240px; left: 44%;} #fitbrains_metrics p{margin-bottom:9px;} #fitbrains_metrics strong {display:inline-block; width:108px;} #fitbrains_metrics span{background: url(/i/common/metric_stars.png) no-repeat left top;display:inline-block;height:18px;position:relative;width:89px;} #fitbrains_metrics span .golden_stars{background:url(/i/common/metric_stars.png) no-repeat left bottom; position:absolute;height:18px;left:0;top:0;width:89px;} .one , .two, .three, .four, .five {text-indent:-9999px;} .one .golden_stars{width:18px !important;} .two .golden_stars{width:35px !important;} .three .golden_stars{width:53px !important;} .four .golden_stars{width:71px !important;} .four .golden_stars{} #recommended_games img{float:left;margin-right:9px;} #recommended_games p{margin-bottom:5px;} #game_desc_info{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #DDD;margin-bottom:9px;padding:9px 40px 20px 30px;} /* game play page */ #game_play{margin-bottom:9px;} #game_play+h3{margin: 0 0 9px;text-align:left;} #game_play h3 {margin:0 0 18px;} #game_play h3 em{font-style:normal;} /* result screen */ #gameplay_result h2{font-size:2.2em;font-weight:bold;} #gameplay_result h3{font-size:1.8em;margin:15px 0;} #result_box{border: 1px solid #ededed;background: #f8f8f8;text-align:left; width:38%;margin-left: 25%;padding: 20px 6%;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;} #result_box p{font-size:1.6em;margin:0; padding:4px 0;border-bottom: 1px solid #DDD;} #result_box p span{color:#ff6305;display:inline-block; width:140px;} #result_box p strong{color:#000;font-size:1.4em;line-height:100%} #result_box p em{color:#7D7D7D;font-style:normal;} #result_box #total{margin:0; padding-bottom: 0;border-bottom: none;} #total span{color:#000 !important;padding-left:85px;width:55px !important;} #total strong{color:#86A52B !important;} /* small recommended game module*/ #game_play #recommended_game{background:url(/i/bg/bg_recommended_game_s.png) no-repeat center top; text-align:left;padding: 9px 0 0 24px;height:233px;} #game_play #recommended_game h3{margin: 24px 0 0 52px; display:inline-block;} #game_play #recommended_game .btn_m_primary{font-weight:bold;margin-left: 6px;} #game_play #recommended_game #rec_game_body{padding-top: 30px;} #game_play #recommended_game #rec_game_body #text{width: 250px;float: left;} #game_play #recommended_game #rec_game_body #game_thumb{width: 116px;} #game_play #recommended_game #rec_game_body #game_thumb img{margin:0 0 6px 15px;} #game_play_info{border:1px solid #DDD;margin-bottom:9px;padding:27px 40px 9px 80px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #game_play_info li{font-size: 1.4em;} #game_play_info h3 img {position:absolute;margin: -6px 0 0 -36px;} /* tour page */ .tour #tour_graphic {padding: 0 0 0 90px;} .tour .graphic {float:left;margin:0 21px;width:270px;} .tour .graphic p{font-style:italic;text-align:left;font-weight:bold;font-size:1.3em;} .tour .lead_text{font-size:1.8em;} .tour .tour_text {margin: 0 70px 0 110px;} .tour .btn_prev{position:absolute;left:9px;top:90px;} .tour .btn_next{position:absolute;right:9px;top:90px;} .tour .btn_starttraining{right:0px !important;} #tour_nav {overflow:hidden;font-size:1.6em;margin-bottom:0.5em;} #tour_nav li {background:url(/i/common/arrow_right_large.png) no-repeat left center;font-size: 2.2em;list-style-type: none;display:inline-block;} #tour_nav li a {display:block; margin:0 15px 0 30px; padding: 7px;} #tour_nav .first {background:none;} #btn_start_training {display:inline-block;} #btn_start_training a{padding:0 9px; font-size: 1.4em;} /* science pages */ #cognitive_area_links {list-style-type: none;margin:9px 0;padding:0;border:1px solid #DDD;} #cognitive_area_links li{display:inline-block;float:left; margin:3px; padding:3px 17px 3px 14px; border-right: 1px solid #DDD;} #cognitive_area_links .last{border:none;} .science_games_list {margin-bottom: 12px; padding-bottom:12px;overflow: hidden;} .science_games_list img{float:left;margin:0 9px 0 0;} .science_games_list p{margin-bottom: 3px;} /* lifestyle pages */ .content_lifestyle h2 {margin-bottom:16px;} #lifestyle_overview_2ndrow .pillar_wrapper {background: #9bc2cc; font-size:1.4em;padding:2px;width:162px;float:left;margin-right:10px;text-align:center;} #lifestyle_overview_2ndrow .last{margin-right:0;} #lifestyle_overview_2ndrow .links{text-align:left;} #lifestyle_overview_2ndrow .set_height{height:254px;} #lifestyle_overview_2ndrow h3{font-size:1.1em;font-weight:bold;margin-top:5px;} #lifestyle_overview_2ndrow ul {margin:0 0 5px;padding:0;} #lifestyle_overview_2ndrow ul li, #recipes ul li{font-size:0.9em;background:url(/i/common/bullet_star_xs.png) no-repeat left 5px;margin:0 9px;padding-left:12px;list-style-type:none; } #recipes h4 {font-size:1.4em;font-weight:bold;margin: 19px 0 5px;margin-left:20px;} #recipes ul li{font-size:1.3em;} /* support page */ #compatibility_table{font-size:1.3em;} /* login/signup page */ #login_panel, #signup_panel,#tellafriend_panel {background: #e4eaee;padding:3px;margin-bottom:9px;} #signup_panel .inner_frame, #tellafriend_panel .inner_frame{padding:0px;} #login_panel {margin-right: 19px;} #login_panel p {margin-bottom:9px;} #signup_panel h2, #login_panel h2,#tellafriend_panel h2 {background:#5cb122 url(/i/common/bg_sidebar_head.png) no-repeat left top;color:#fff;display:block;height:30px; line-height:30px;padding-left:15px;margin-bottom:9px;} #signup_panel .frm_body, #login_panel .frm_body, #tellafriend_panel .frm_body {padding:0 15px 9px;} /* sidebar */ #sidebar{position:relative;} .inner_frame{-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;background: #FFF; margin:3px; border:1px solid #c1d2db; overflow:hidden;/* _height: 100%; */} .sidebar_fixed{position:fixed !important;} /* community */ #community_wrapper{background: #FFF; padding:3px; margin-top:8px;} #community_wrapper p {height: 190px;} /* side navigation */ #side_nav_wrapper{background: #e4eaee; font-size:1.4em;padding:3px;} #side_nav_wrapper ul{margin:0px;padding:0;} #side_nav_wrapper ul #list_header{background:#5cb122 url(/i/common/bg_sidebar_head.png) no-repeat left top;color:#fff;display:block;font-weight:bold;height:30px; line-height:30px;padding-left:17px;border:none;margin:0;} #side_nav_wrapper ul>li{border-bottom:1px solid #ddd;list-style-type: none; margin: 0 19px;} #side_nav_wrapper h4{font-size:1.2em; margin:7px 0;} #side_nav_wrapper a{display:block;padding: 3px 0 3px 9px;/* _display:inline; _margin: 0 0 0 19px; */} #side_nav_wrapper a.selected {background: url(/i/common/sidebar_arrow_right.png) no-repeat left 9px;} #side_nav_wrapper .side_nav_last_row{border-bottom:none;} #side_nav_wrapper ol.sub_side_nav{font-weight:bold;padding-left:23px;} #side_nav_wrapper .sub_side_nav li{font-weight:normal;list-style-type:none; margin-left:26px;} /* sidebar club fit brains benefits sign up */ #sidebar_club_signup_wrapper {background: #9bc2cc; font-size:1.4em;padding:3px;} #sidebar_club_signup_wrapper #benefits li.list_title, #sidebar_club_signup_wrapper #howto li.list_title, #sidebar_why_fitbrains_wrapper li.list_title{font-weight:bold;background:none;margin:0;padding:0;} #sidebar_club_signup_wrapper p{font-size:1em;} #sidebar_club_signup_wrapper ul, #sidebar_club_signup_wrapper ol, #sidebar_why_fitbrains_wrapper ul {margin: 9px 19px 0 19px; padding: 0;list-style-type: none;} #sidebar_club_signup_wrapper #benefits li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px; } #sidebar_club_signup_wrapper #howto{background:url(/i/common/bullet_123.png) no-repeat left 23px; } #sidebar_club_signup_wrapper #howto li {padding-left: 20px; margin: 0 0 5px 3px;} #sidebar_club_signup_wrapper #btn_create_account{margin:0px 19px 9px 19px;} #sidebar_club_signup {padding:9px;} #sidebar_why_fitbrains_wrapper {background: #9bc2cc; font-size:1.4em;padding:3px;} #sidebar_why_fitbrains_wrapper li, #why_fitbrains li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px;} /* sidebar game features */ #sidebar_game_features_wrapper {background: #9bc2cc; font-size:1.4em;padding:3px;} #sidebar_game_features_wrapper span{font-weight:bold;} #sidebar_game_features_wrapper p{color:#f20000;font-size: 1.2em;margin:0;padding:0;} #sidebar_game_features_wrapper ul, #sidebar_game_features_wrapper ol {margin: 9px 19px 0 19px; padding: 0;list-style-type: none;} #sidebar_game_features_wrapper #game_features li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px; } #sidebar_game_features_wrapper #game_benefits li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px; } #sidebar_game_features_wrapper #club_benefits li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px;} #sidebar_game_features_wrapper #btn_create_account, #sidebar_game_features_wrapper #btn_playfree {margin:0 0 9px 45px;} #sidebar_game_features {padding:9px;} /* sidebar user info on game play page */ #sidebar_userinfo_wrapper {background: #e9eff3;padding:3px;position:relative;} /*15.9.2010 editing these styles. Let's see if they affect other sidebar? */ #sidebar_userinfo_wrapper p{margin:0;font-size:1.4em;} #sidebar_userinfo_wrapper h4{text-align:center;color:#ff6305;font-size:1.6em;margin:7px 0 0;} #sidebar_userinfo_wrapper #btn_showmore,#sidebar_userinfo_wrapper #btn_showless{padding: 0 18px 0 3px; height:16px;width:85px;line-height:17px;margin:9px 0;} #sidebar_userinfo_wrapper #btn_showmore.more {background: url(/i/common/ico_plusminus.png) no-repeat right top;} #sidebar_userinfo_wrapper #btn_showmore.less {background: url(/i/common/ico_plusminus.png) no-repeat right bottom;} #sidebar_userinfo {padding:9px 14px;} #sidebar_userinfo #btn_viewprogress{font-size:1.6em; margin:14px 0 6px;} #sidebar_userinfo_wrapper #extended_brainpoints {margin:3px;position:relative;} #extended_brainpoints .points_s1{color:#666;} #sidebar_userinfo_wrapper .side_text{text-transform:uppercase; font-size:0.7em;line-height:10px;display:inline-block;width:90px;color:#333;} #sidebar_userinfo_wrapper .points_s1{font-size:1.7em;font-weight:bold;} #sidebar_userinfo_wrapper .points_boxes{padding:3px; margin:5px 0 0;} #sidebar_userinfo_wrapper #daily_brain_workout {background:url(/i/user_profile/stroke_brainpoint_lite.png) no-repeat center top;} #sidebar_userinfo_wrapper #daily_brain_workout p{margin:0 0 0 20px;} #sidebar_userinfo_wrapper #point_thisgame {background:url(/i/user_profile/bg_brainpoint_hilite.png) no-repeat center top;padding-bottom:9px;} #sidebar_userinfo_wrapper #point_thisgame p{margin:0 0 0 30px;} #sidebar_userinfo_wrapper #base_points {background:url(/i/user_profile/stroke_brainpoint_dark.png) no-repeat center bottom; padding-bottom:9px;} #sidebar_userinfo_wrapper #base_points p{margin:0 0 0 47px;} #sidebar_userinfo_wrapper #training_bonus {background:url(/i/user_profile/stroke_brainpoint_dark.png) no-repeat center bottom;padding-bottom:9px;} #sidebar_userinfo_wrapper #training_bonus h4{margin:0 0 15px;} #sidebar_userinfo_wrapper #training_bonus p{margin:0 0 0 20px;} #sidebar_userinfo_wrapper #training_bonus .points_s1{line-height:7px;} /* guest upsell*/ #sidebar_userinfo_wrapper #guest_brainpoint_upsell{overflow:hidden;padding:19px 0;background: url(/i/user_profile/stroke_brainpoint_lite.png) no-repeat center bottom;} #sidebar_userinfo_wrapper #guest_brainpoint_upsell p{font-size:1.7em;} #sidebar_userinfo_wrapper #guest_brainpoint_upsell #btn_upgrade{font-size:1.4em;font-weight:normal; margin:2px 0 0 39px;} /* sidebar tooltips */ #sidebar_userinfo_wrapper .btn_i{top: 1px;} #sidebar_userinfo_wrapper #pointthisgame_tooltip{width:180px;top:182px;left:20px;} #extended_brainpoints #basepoint_tooltip{width:180px;top:32px;left:18px;} #extended_brainpoints #bonus_tooltip{width:180px;top:106px;left:18px;} /* mini leaderboard*/ #playgame_leaderboards_subscribers {margin-top:9px;} #playgame_leaderboards_subscribers .inner_frame {padding-top: 9px} #playgame_leaderboards_subscribers h3 {text-align:left; margin-left:7px;} #playgame_leaderboards_subscribers .capsule_tab {position: absolute;width: 61px;height: 19px;display: block; font-size: 12px;line-height: 19px;font-weight: bold;text-align: center;color: #555555;cursor: pointer;top:17px;} /* sidebar game screenshots */ #game_screenshots img{margin: 0 26px 15px;cursor: pointer;} /* generic box with thick blue border */ .primarybox_wrapper {background: #9bc2cc; padding:3px;margin-bottom:9px;} .secondarybox_wrapper {background: #E4EAEE; padding:3px;margin-bottom:9px;} /* misc stuff */ /* ------------------------------------------------------------------------ */ /* popup */ /* generic styles such as overlay, close_btn */ #full_overlay {position:fixed; top:0px; left:0px; bottom:0px; right:0px; background:#000; /* filter:alpha(opacity=80); */ opacity:0.8; padding:20px; z-index:9000; } #popup_screenshots_wrapper {background-color:#9bc2cc;height:620px;padding: 6px 7px 4px;position:absolute;width:616px;z-index:9001;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #popup_screenshots_wrapper #btn_popup_close, #popup_wrapper #btn_popup_close, #welcome_wrapper #btn_popup_close, #guest_welcome2_popup #btn_popup_close {cursor: pointer;position:absolute;top: 2px; right: 7px;} #difficult_wrapper {position:absolute;z-index:9001;} /* converting generic popup ID into generic classes. */ .popup_wrapper { background-color:#9bc2cc;padding:6px 7px;position:fixed;width:616px;z-index:9001;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} .popup_wrapper #btn_popup_close {cursor: pointer;position:absolute;top: 2px; right: 7px;} .popup_wrapper #popup_message{background-color:#FFF;padding:19px;overflow:hidden;text-align:left;} .popup_wrapper #popup_message p{font-size:1.35em;} /* new popup implementation uses popup_wrapper class, inner IDs remain the same */ /* daily brain tip */ #daily_braintip #title {font-size: 1.6em;height:18px;text-align:left;padding:0 19px 0 229px;} #daily_braintip #popup_message {background:#FFF url(/i/user_profile/popup_dr_n.png) no-repeat left top;padding-left:230px;} #daily_braintip #popup_message p{font-size:1.6em;margin-top:18px;} #daily_braintip #speech_bubble {position:absolute;top:-10px;left:112px;} #daily_braintip #bottom {background: url(/i/user_profile/popup_divider.png) no-repeat center top; padding:27px 0 42px;} #daily_braintip #btn_playnow {font-size: 1.8em;font-weight:bold;margin:0 0 0 83px;} /* styles for game screenshot */ #popup_screenshots_wrapper #screenshot_image {background-color:#FFF;cursor: pointer;padding:3px;} #popup_screenshots_wrapper #screenshot_image img {width:610px;height:550px;} /*this style fixes various large screenshot size problem*/ #popup_screenshots_wrapper #screenshot_footer{background: url(/i/common/bg_screenshot_popup_bottom.png) no-repeat center top;height:36px;padding:3px;} #screenshot_footer .btn_prev{position:absolute; left: 225px;} #screenshot_footer .btn_next{position:absolute; right: 225px;} /* style for popup in guest profile section */ #popup_wrapper {background-color:#9bc2cc;padding:6px 7px;position:absolute;width:616px;z-index:9001;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} #popup_wrapper #popup_message{background-color:#FFF;padding:19px;overflow:hidden;text-align:left;} #popup_wrapper #popup_message p{font-size:1.35em;} #popup_wrapper #popup_message ul{border-top: 1px solid #DDD;border-bottom: 1px solid #DDD; font-size:1.3em;padding:9px 19px; list-style-type:none;} #popup_wrapper #popup_message li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px;} #popup_wrapper #popup_message ul h3{font-size:1.7em;color:#ff6305;} #popup_wrapper #popup_message a{font-size:1.4em;} #popup_wrapper #popup_message #popup_head{background: none;padding-left: 0px; margin: 0px;} #popup_wrapper #popup_img{float:right; margin: 0 0 155px 25px;border-left: 7px solid #FFF;border-bottom: 7px solid #FFF;background:#FFF;} #popup_wrapper #btn_start_training{margin-left:33%;/* _margin-left: 20%; */} /* welcome and welcome back popup*/ #guest_welcome_popup #message {background:#FFF url(/i/guest_profile/welcome_message1.png) no-repeat left top;padding:19px;overflow:hidden;height:371px;width:578px;} #guest_welcome2_popup #message {background:#FFF url(/i/guest_profile/welcomeback_message.png) no-repeat left top;padding:19px;overflow:hidden;height:371px;width:578px;} #tc_wrapper #message {background-color:#FFF; padding:19px;overflow:hidden;width:578px;} #guest_welcome_popup #btn_getstarted{font-size: 1.8em;font-weight:bold;margin:315px 0 0 232px;} #guest_welcome2_popup #btn_getstarted{font-size: 1.8em;font-weight:bold;margin:160px 0 0 240px;} #tc_wrapper #btn_getstarted{font-size: 1.8em;font-weight:bold;margin:29px 0 0 71px;} #tc_wrapper #content{width:48em;} /* difficulty level select popup */ #difficulty_select{margin:0 auto;background:#9bc2cc;padding:7px;position:relative;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;width:616px;} #difficulty_select h2{text-align:center;font-size:1.8em;margin:0 0 3px;} #difficulty_select h3{font-size:1.6em;font-weight:bold;margin:0;} #difficulty_select h3 em{font-size:85%;font-weight:normal;font-style:normal;float:right;} #difficulty_select p {margin-bottom:0;} #difficulty_select #btn_popup_close{position:absolute; top:7px;right:7px;cursor:pointer;} /* preset selectors*/ #difficulty_select #header {height:160px;} #difficulty_select #header #level_buttons{padding-top:6px;text-align:center;height:114px;margin:9px 0 5px;background: url(/i/user_profile/bg_difficultylevel_buttons.png) no-repeat center top;} #difficulty_select #header #btnround_beginner{float:left;width:175px;} #difficulty_select #header #btnround_intermediate{float:left;width:215px;} #difficulty_select #header #btnround_advanced{float:left;width:174px;} /*advanced selectors*/ #adv_difficulty_setting{background:url(/i/user_profile/bg_difficultylevel_slider.png) no-repeat center top;text-align:center;height:140px;margin-top:6px;position:relative;} #adv_difficulty_setting #level_display{font-size:2.1em;font-weight:bold;left:-3px;position:relative;top:6px;} #adv_difficulty_setting #btn_launchgame{top:75px;left:170px;position:absolute;} #adv_difficulty_setting #lnk_cancel{position:absolute;top:81px;left:300px;} #adv_difficulty_track { width:578px; margin:10px 0;height:10px; position: relative; } #adv_difficulty_handle {background:url(/i/user_profile/btn_difficulty_blueslider.png) no-repeat center top; width:28px; height:23px; position: absolute;top:8px;cursor:pointer;} #difficulty_select #content_wrapper{background-color:#FFF;padding:19px;overflow:hidden;text-align:left;} #difficulty_select #content h3{margin:10px 0;} #difficulty_select #content #thumb{float:left;margin: 0 9px 0 0;} #difficulty_select #content #text {width:380px;} #difficulty_select #content #text h3{margin-top:0;} #difficulty_select #content #text .game_title{font-size:1.6em;font-weight:bold;} #difficulty_select #content #text .game_title em{font-size:80%;} #difficulty_select #content .last{margin-bottom:11px;} #difficulty_select #content #btn_more{text-align:right;background:url(/i/common/ico_plussign.png) no-repeat right center;padding-right:19px;} #difficulty_select #benefits {margin:0;padding:0;list-style-type: none;} #difficulty_select #benefits li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px;font-size:1.35em; } #difficulty_select #footer {height:17px;margin-top:8px;padding-top:25px;background: url(/i/user_profile/stroke_difficultylevel_selecting.png) no-repeat center top;/* *height:55px; */} /* downgraded popup */ #downgraded_popup h1{font-size:2.4em; padding: 12px 0; margin:0 40px;color:#ff6305;text-align:center;border:none;} #downgraded_popup h2{text-align:center;font-size:1.8em;margin-bottom:3px;} #downgraded_popup #btn_popup_close{position:absolute; top:7px;right:7px;cursor:pointer;} #downgraded_popup span+p{margin:18px 0 0;padding-top:18px;border-top:1px solid #DDD;} #downgraded_popup #content_wrapper{background-color:#FFF;padding:19px;overflow:hidden;text-align:left;} #downgraded_popup #content h3{margin:18px 0 9px;} #downgraded_popup #content #thumb{float:left;margin: 0 9px 0 0;} #downgraded_popup #content #text {width:380px;} #downgraded_popup #content #text h3{margin-top:0;} #downgraded_popup #content #text .game_title{font-size:1.6em;font-weight:bold;} #downgraded_popup #content #text .game_title em{font-size:80%;} #downgraded_popup #content .last{margin-bottom:11px;} #downgraded_popup #benefits {margin:0;padding:0;list-style-type: none;} #downgraded_popup #benefits li{background: url(/i/common/bullet_star.png) no-repeat left 4px;padding-left: 20px; margin: 0 0 5px 3px;font-size:1.35em; } #downgraded_popup #btn_update_account {font-size:1.6em;float:none; margin:9px 0 9px 190px;} /* Facebook connect */ /* facebook button on login screen */ #fb_connect_login_page {padding-top: 25px; border-top: 1px solid #DDD;/* _display:inline; */} #fb_connect_login_page #fb_button{float:left; margin: 3px 9px 0 0;} /* wordpower support */ .wordpower_support .hidden_content{padding:9px;} .hidden_content div{background-color:#FFC;padding:9px;margin-bottom:19px;} .hidden_content div img{margin-left:33px;} .hidden_content div p{margin:0px;} .hidden_content ul, .hidden_content ol{margin-left:19px;} /* user profile styles */ /* ------------------------------------------------------------------------ */ /* common styles */ #ajax_loading_indicator{padding:19px;} /* dashboard */ #dashboard {background: url(/i/user_profile/userinfo_bar.png) no-repeat center top;height:98px;margin-bottom:14px;position:relative;} #dashboard #avatar {position:relative;border:none;margin:18px 0 0 43px;height:60px;} #dashboard #avatar img{position:absolute;top:3px;left:15px;} #dash_userinfo {float:left;width:360px;} #dash_username {font-size:16px; font-weight:bold; padding-top:18px;} #dash_total_brainpoint {font-size:10px;} #dash_total_brainpoint em{font-size:15px;font-weight:bold;font-style:normal;} #dashboard p{margin:4px 0;} #dash_dailygoal, #dash_weeklygoal{float:left;width:280px;text-align:center;margin-top:17px;} #dash_weeklygoal .title, #dash_dailygoal .title{font-weight:bold;font-size:1.1em;text-shadow:1px 1px 1px #CCC;position:relative;} #dash_weeklygoal .title .btn_i, #dash_dailygoal .title .btn_i{top:-2px;} #dash_weeklygoal .digit_indicator, #dash_dailygoal .digit_indicator{font-size:2em;font-weight:bold;} #dash_weeklygoal .chart{height:23px;padding-left:39px;margin-top:1px;} #dash_weeklygoal .individual_box{height:23px;width:23px;margin-right:7px;float:left;background:url(/i/user_profile/sprite_weeklycheckboxes_small.png) no-repeat center bottom;} #dash_weeklygoal .goal_set{background:url(/i/user_profile/sprite_weeklycheckboxes_small.png) no-repeat center center;} #dash_weeklygoal .goal_completed{background:url(/i/user_profile/sprite_weeklycheckboxes_small.png) no-repeat center top;} #dash_weeklygoal .chart_detail{width:150px;margin-left:70px;height:24px;} #dash_weeklygoal #wkly_session_complete{color:#717273;float:left;font-size:8px;line-height:9px;padding:6px 0 0 3px;text-align:left;width:58px;background:url(/i/user_profile/arrow_rightgrey_xsmall.png) no-repeat 55px 12px;} #dash_weeklygoal #wkly_session_remainder{color:#717273;float:left;font-size:8px;line-height:9px;padding:5px 0 0 3px;text-align:left;width:42px;} #dash_weeklygoal #wkly_session_remainder em{font-size:1.2em;font-style:normal;font-weight:bold;} #dash_dailygoal .chart{height:22px;margin-top:2px;background: url(/i/user_profile/dash_todaygoal_bg.png) no-repeat center center;overflow:hidden;} #dash_dailygoal #dash_daily_progress_bar{height:17px;overflow:hidden;margin:2px 0 0 27px;/* *margin-left:-5px; */} #dash_dailygoal #dash_dailypoints_earned{color:#717273;font-size:9px;line-height:9px;margin: 6px 0 0 42px;text-align:left;width:100px;} #dash_dailygoal .chart_detail{margin:-1px 0 0 120px;overflow:hidden;} /* dashboard Tooltip */ #dashboard #wkly_tooltip{width:180px;top:35px;left:680px;} #dashboard #daily_tooltip{width:180px;top:35px;left:395px;} /* Tab navigation */ #member_tab_navigation {overflow:hidden;height:90px;background: url(/i/common/nav_tab_bg.png) no-repeat center top;} #member_tab_navigation ul {margin:0;padding:0;} #member_tab_navigation li {float:left;font-size: 1.8em; list-style-type: none;} #member_tab_navigation li a {display:block;height:32px;} #member_tab_navigation .selected{background: url(/i/common/nav_tab_selected.png) no-repeat center top !important;} #member_tab_navigation #member_tab_activity, #member_tab_navigation #member_tab_awareness, #member_tab_navigation #member_tab_motivation, #member_tab_navigation #member_tab_community {padding-top:23px;width:190px;text-align:center;} #member_tab_navigation #member_tab_help {height:55px;line-height:55px;text-align:left;width:80px;padding-left:30px;display:inline-block;font-size:0.7em;background: url(/i/common/nav_tab_help.png) no-repeat left top;} #member_tab_help.selected {background: url(/i/common/nav_tab_help.png) no-repeat left bottom !important;} #submenu_left {font-size:1.5em;border-bottom:1px solid #DDD;position:relative; top: -22px;padding-bottom:7px;} /* activity tab */ #games_overview_container .throbber{margin: 85px 0 0 30px;} #recommended_game {background: url(/i/bg/bg_recommended_game.png) no-repeat center top;height:319px;padding-bottom:25px;position:relative;} #recommended_game em{font-style:normal;color:#FF6305;font-size:1.1em;font-weight:bold;} #recommended_game img{float:left; margin:21px 11px 0 21px;} #recommended_game p{font-size:1.6em;margin:0;} #recommended_game #rec_game_head{padding: 15px 0 0 75px;} #recommended_game #rec_game_head p{font-size:1.35em;} #recommended_game #rec_game_body{padding: 26px 0 0;width:371px;float:left;} #recommended_game #rec_game_buttons{margin-top: 11px;padding-left: 26px;} #rec_game_buttons .btn_play{font-size: 1.8em;} #recommended_game .rec_game_name{font-size:1.8em;text-align:center;margin: 8px 0;padding:8px 0;border-top:1px solid #DDD;border-bottom: 1px solid #DDD;} #recommended_game #brain_points{position:relative;margin-top:8px;} #recommended_game #bonus_points_sticker{color:#FFF;font-size:1.8em;font-weight:bold;text-align:center;position:absolute;top:-5px;right:0;width:67px;height:60px;padding: 8px 0 0 7px;background: url(/i/bg/sticker_bonus_points.png) no-repeat center top;} #recommended_game #bonus_points_text{overflow:hidden;display:block;width: 190px;} #all_games {background: url(/i/bg/bg_header_wide.png) no-repeat center top;} #all_games #all_games_head{margin: 14px 0 0 11px;} #all_games_head p{font-size:1.3em;} #games_listing {float:left;width:590px; padding-left: 20px; margin-right: 10px;} #games_listing h3 {border-bottom: 1px solid #9bc2cc;margin: 18px 0; padding-bottom: 9px;} #games_listing h3 em{font-size: 75%;font-style:normal;} .members_gamelist_container{overflow:hidden;border-bottom: 1px solid #DDD;padding: 12px 0;} .members_gamelist_container h4 {font-size:1.6em;margin:0;} .members_gamelist_container h4 em{font-size:85%;} .members_gamelist_container img{float:left;margin: 0 9px;} .game_row_last{border: none !important;} .game_row_even{background: #f1f4f6;} .members_gamelist_container .bonus_points{width:310px;} .bonus_points .bonus_points_text p{margin:0;font-size:1.35em;} .bonus_points .bonus_points_text em{font-style:normal;color:#FF6305;font-weight:bold;} .members_gamelist_container .bonus_points_sticker{color:#fff;font-weight:bold;font-size:1.5em;padding-top:9px;text-align:center;width:65px;height:50px;padding:6px 0 0 9px;background: url(/i/bg/sticker_bonus_points_s.png) no-repeat center top;} .members_gamelist_container .btn_m_primary {margin-top: 10px;} .members_gamelist_container .btn_unavailable {margin-top: 10px;float: right;} .members_gamelist_container .unavailable_warning {font-size:0.9em;font-style:italic;color:#FF0000;} .members_gamelist_container .sticker{position:absolute;top:0;left:-9px;} .members_gamelist_container .locked{top:5px;left:-9px;} .activity_sidenav {margin-top:44px;} /* awareness tab */ /* Progress tracking */ /*common setting for awareness modules content layout*/ .progress_tracking_boxes h3, .history_graphs h3{text-transform:uppercase;font-size:1.5em;font-weight:bold;text-shadow:1px 1px 1px #c8c8c8;} .progress_tracking_boxes .digit_indicator{font-size:3em;font-weight:bold;} .progress_tracking_boxes .indicator_small {font-size:1.5em;font-weight:bold;} .progress_tracking_boxes .additional_details {text-align:center;line-height:3px;padding-top:19px;display:block;overflow:hidden;background: url(/i/user_profile/stroke_awareness_modules.png) no-repeat top center;} .progress_tracking_boxes .last {margin-bottom:7px;} #awareness_progress_goal, #awareness_progress_braintraining, #awareness_progress_history {border-bottom:1px solid #DDD; margin:0 0 19px;} /*common awareness inner boxes settings*/ #awareness_week , #awareness_today {padding:12px;} #endurance_container, #diversity_container {margin:3px;padding:12px;background:#FFF;border:1px solid #C1D2DB;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} /* today & this week goal combined layout */ .progress_tracking_boxes .set_bg_divider{background: #FFF url(/i/user_profile/stroke_awareness_modules_v.png) no-repeat scroll center center;} .progress_tracking_boxes #btn_customgoal{background:url(/i/common/ico_double_arrowsign.png) no-repeat right center;display:inline-block;margin:3px;padding:3px 28px 3px 0;} /*weekly goal*/ #awareness_weekly_goal .chart{padding-left:54px;margin-top:9px;overflow:hidden;} #awareness_weekly_goal .individual_box{height:33px;width:33px;margin-right:12px;float:left;background:url(/i/user_profile/sprite_weeklycheckboxes_med.png) no-repeat center bottom;} #awareness_weekly_goal .goal_set{background:url(/i/user_profile/sprite_weeklycheckboxes_med.png) no-repeat center center;} #awareness_weekly_goal .goal_completed{background:url(/i/user_profile/sprite_weeklycheckboxes_med.png) no-repeat center top;} #awareness_weekly_goal .chart_detail{width:225px;margin-left:100px;overflow:hidden;} #awareness_weekly_goal #wkly_session_complete{color:#6C797D;float:left;font-size:9px;line-height:13px;padding:9px 0 0 4px;text-align:left;width:72px;background: url(/i/user_profile/arrow_rightgrey_med.png) no-repeat 65px 15px;} #awareness_weekly_goal #wkly_session_remainder{color:#6C797D;float:left;font-size:9px;line-height:13px;padding:9px 0 0 4px;text-align:left;width:42px;} #awareness_weekly_goal #wkly_session_remainder em{font-size:1.2em;font-style:normal;font-weight:bold;} /*daily goal*/ #awareness_daily_goal .chart{background:url(/i/user_profile/todaygoal_bg.png) no-repeat center top;overflow:hidden;height:30px;margin:9px 0 3px;} #awareness_daily_goal #gameplay_circuit_progress_bar{width:320px;height:24px;position:relative;top:3px;left:32px;overflow:hidden;} #awareness_daily_goal .chart_detail{overflow:hidden;margin-left:157px;} #awareness_daily_goal #daily_points_earned{color:#6C797D;float:left;font-size:9px;line-height:13px;padding:9px 0 0 4px;text-align:left;width:72px;} /*expandable goal_settings*/ #goal_settings .inner_frame{-moz-border-radius:3px;background:#FFF;border:1px solid #C1D2DB;margin:-1px 3px 3px;overflow:hidden;} #goal_settings_tab{overflow:hidden;height:42px;} #goal_settings_tab {margin:0 3px;padding-left:270px;} #goal_settings_tab li {float:left;font-size:1.6em;;height:42px;line-height:42px;list-style-type:none;text-align:center;width:141px;} #goal_settings_tab li a {display:block} #goal_settings_tab .selected{background: url(/i/common/nav_tabnarrow_selected.png) no-repeat center bottom;} #goal_settings #gs_basic, #goal_settings #gs_advanced {padding:12px;} #goal_settings .btn_play {font-size:1.4em;margin-left:320px;} #gs_basic .panel_settings {padding-left: 184px;} #gs_basic .controls {background:url(/i/user_profile/stroke_awareness_goalsettings.png) no-repeat center top;text-align:center;padding-top:15px;} #gs_basic .radiobtn_wrapper {background: url(/i/common/btn_radio_simple_m_left.png) no-repeat left top;display: block;float: left;font-size: 140%;height: 36px;line-height: 36px;margin: 0 60px 6px 0;padding-left: 42px;} #gs_basic .radiobtn_wrapper label{background: #fff;} #gs_basic .checked{background: url(/i/common/btn_radio_simple_m_left.png) no-repeat left bottom;} #gs_basic input{display:none;} #gs_basic label{font-weight:normal;} #gs_basic #gs_wrap_advanced {border-right:1px solid #DDD;padding-right:48px;margin-right:48px;} #gs_basic #gs_wrap_custom{color:#DDD;cursor: default;} #gs_basic #gs_wrap_custom label{cursor: default;} #gs_advanced .panel_settings {padding-left: 21px;text-align:center;} #gs_advanced .controls {padding-top:15px;text-align:center;} #gs_advanced h3 {text-shadow:none;color:#4c4c4c;font-size:1.3em;} #gs_advanced #awareness_daily_goal_setting {background: url(/i/user_profile/bg_goalsadjustment.png) no-repeat center -92px;height:66px;margin-top:15px;padding:30px 0 0 133px;} #gs_advanced #awareness_daily_goal_setting *{float:left;border:none;text-align:center;} #gs_advanced #awareness_daily_goal_setting img{cursor:pointer;} #gs_advanced #awareness_daily_goal_setting #awareness_daily_goal_input{font-size: 1.6em;font-weight: bold;height: 20px;width:40px;margin: 2px 6px 0 8px;} #gs_advanced #awareness_daily_goal_setting .notice {margin:36px 0 0 -40px;} #gs_advanced #awareness_weekly_goal_setting {display:inline-block;height:92px;margin-top:12px;background:url(/i/user_profile/bg_goalsadjustment.png) no-repeat center 0;} #gs_advanced #weekly_goal_track {width:256px; margin:10px 0 10px 6px;height:10px; position: relative;} #gs_advanced #weekly_goal_handle {background: url(/i/user_profile/btn_difficulty_blueslider.png) no-repeat center top;cursor: pointer;height: 23px;position: absolute;width:28px;} #gs_advanced #num_workouts_display{font-size:1.6em;font-weight:bold;margin: 15px 0 18px;} /*my brain training*/ #awareness_diversity .chart, #awareness_endurance .chart{background:url(/i/user_profile/mytraining_progress_bg.png) no-repeat center top;overflow:hidden;height:19px;margin:9px 0 3px 14px;} #diversity_progress_bar, #endurance_progress_bar {width:255px;height:16px;position:relative;top:1px;left:54px;overflow:hidden;} /*my history*/ .history_graphs {margin:3px;padding:12px;background:#FFF;border:1px solid #C1D2DB;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .history_graphs p{margin:0;} #myhistory_nav {margin:0 0 0 9px;padding:0;overflow:hidden;} #myhistory_nav li {float:left;font-size: 1.4em;list-style-type:none;padding:8px 8px 4px;} #myhistory_nav .selected{font-weight:bold;background:#e4eaee;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} #bp_graph h4, #calendar h4, #bb_graph h4, #perf_graph h4{text-align:center;padding: 9px;margin-bottom:9px;border-top: 1px solid #BBB; border-bottom: 1px solid #BBB;font-size:1.7em; font-weight:bold;color:#FF6305;} /*calendar layout*/ .calendar {font-size:12px;} .calheader{margin: 12px 0 0 156px;overflow:hidden;width:315px;} .calheader .btn_next, .calheader .btn_prev{cursor:pointer;} .calheader h3{font-size:1.6em;margin:0 62px;padding-top:5px;text-shadow:none;text-transform:none;} .calfooter {margin:9px 0 0 34px;} .calrow {clear:left;height:34px;padding:2px 2px;margin-left:34px;} .calleft {margin: 0 6px 0 0;width:112px;height:33px;float:left;border-bottom:1px solid #DDD;} .calheading {float:left;width:30px;height:21px;margin:0 15px 0 0;padding:12px 0 0 3px;} .calday {float:left;width:30px;height:33px;margin:0 15px 0 0;padding-left:3px;background: url(/i/user_profile/sprite_calendar_daybg.png) no-repeat left bottom;} .caltoday {font-weight:bold;color: #ff6305; } .training_notcompleted {background: url(/i/user_profile/sprite_calendar_daybg.png) no-repeat left center;} .training_completed {background: url(/i/user_profile/sprite_calendar_daybg.png) no-repeat left top;} .notthismonth {color:#aab1ab;} /* daily living */ #awareness_daily_container h3 {margin-bottom: 9px;} #awareness_daily_container .content_wrapper{padding: 19px;} #awareness_daily_container h4{padding: 9px;border-top: 1px solid #BBB; border-bottom: 1px solid #BBB;font-size:1.7em; font-weight:bold;color:#FF6305;/* *margin-top:21px; */} #lifestyle_quiz p, #daily_brain_boost p, #book_recommendation p, #recipe p{margin: 0 0 3px;} #clubdaily_braininsight_wrapper {background: #FFF url(/i/user_profile/awareness_daily_clubdaily.jpg) no-repeat center top;border:1px solid #C1D2DB;margin:3px;padding:101px 19px 19px;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #club_daily h3+p{margin: 0 0 3px;} #brain_insight{border-top: 1px solid #DDD;margin-top:10px;padding-top:14px;} #brain_insight img{float:left;margin-right: 9px;width:75px;} #brain_insight #link_more{margin:5px 0 0 84px;} #brain_insight #btn_next_back{margin-top:25px;} #club_spotlight {background:url(/i/user_profile/bg_spotlight.png) no-repeat left top;} #club_spotlight h3{margin: 15px 0 0 63px;} #club_spotlight p {margin: 0 0 3px;} #club_spotlight #spotlight_avatar {height:60px; width:60px;margin:37px 12px 0 19px;} #club_spotlight #spotlight_userinfo {margin-top: 36px;} #club_spotlight #spotlight_userinfo em{font-style:normal;font-weight:bold;font-size:120%;line-height:1.2em;color:#FF6305} #club_spotlight #extra_data {padding:22px;margin-top:3px;background: url(/i/user_profile/bg_spotlight.png) no-repeat right bottom;} #club_spotlight #extra_data ul{margin:0;padding:0;font-size: 1.35em;list-style-type:none;} #club_spotlight #extra_data ul li {background:url(/i/common/bullet_star.png) no-repeat scroll left 4px transparent;margin:0 0 5px 3px;padding-left:20px;} #recipe {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;} #recipe img{position:absolute; top: 143px; right: 23px;} #recipe h5{font-size:1.5em;font-weight:bold;margin:9px 0 3px;} #recipe ul{margin:0;padding:0;font-size: 1.35em;list-style-type:none;width:50%;} #recipe ul li {background:url(/i/common/bullet_star_transparent.png) no-repeat scroll left 4px transparent;margin:0 0 5px 3px;padding-left:20px;} #daily_brain_boost #content{background: #FFF url(/i/user_profile/awareness_daily_brainboost.jpg) no-repeat center top;border:1px solid #C1D2DB;margin:3px;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #daily_brain_boost h3{margin: 52px -9999px 0;} #daily_brain_boost h3+p{font-weight:bold;font-size:1.5em;margin-bottom:30px;} #lifestyle_quiz #content{background: #FFF url(/i/user_profile/awareness_daily_lifestylequiz.jpg) no-repeat center top;border:1px solid #C1D2DB;margin:3px;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #lifestyle_quiz h3{margin: 58px -9999px 0;} #lifestyle_quiz span {font-weight:bold;} #lifestyle_quiz #btn_takethequiz {font-size:1.8em;margin:60px 0 60px 169px;} #book_recommendation img{float:left; margin-right: 9px;} /* FAQ tab */ #help_faq_container h4{font-size:14px; font-weight:bold;margin-bottom:3px;} #help_faq_container ol, #help_faq_container ul{font-size:14px;} /* lifestyle quiz */ /* 21 Dec 2010 most of the following styles are moved over from style.css <-- legacy */ #pre_quiz_form{margin-left: 160px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #lifestyle_quiz_box{width:610px; height:550px; margin: 0 auto; position:relative; } #lifestyle_quiz_box .questions_bg { background:url(/i/quiz/quiz_questions_screen.jpg); width:610px; height:550px; } #lifestyle_quiz_box .middle{margin:0;padding:0;list-style-type: none;background:url(/i/quiz/quizframe_middle.png) repeat-y center top;} #lifestyle_quiz_box ul { position:absolute; top:240px; width:100%; } #lifestyle_quiz_box ul li { margin:0; padding:0; height:65px; list-style:none; } #lifestyle_quiz_box ul li img{position:relative;top:12px;} #lifestyle_quiz_box .answer {background:url(/i/quiz/rowbg_quiz_answer.png) no-repeat center center;height:66px;padding-left:24px;cursor:pointer;} #lifestyle_quiz_box .top {background:url(/i/quiz/quizframe_top.png) no-repeat center top;} #lifestyle_quiz_box .top #question{background:url(/i/quiz/quizframe_question_bottom.png) no-repeat center bottom;} #lifestyle_quiz_box .bottom {background:url(/i/quiz/quizframe_bottom.png);height:62px; width:610px; } #lifestyle_quiz_box #progress_bg {top:450px;left:185px;position:absolute;width: 262px;height: 48px;background: url(/i/quiz/progress_bar_blank.gif) 0 0 no-repeat;} #lifestyle_quiz_box #progress {top:450px;left:185px;position:absolute;width: 262px;height: 48px;background: url(/i/quiz/progress_bar_green_full.gif) 0 0 no-repeat;} #lifestyle_quiz_box #next_question {position:absolute;bottom:20px;right:0;width: 174px;height: 25px;background: url(/i/quiz/btn_next_question.gif) 0 top no-repeat;cursor: pointer;} #lifestyle_quiz_box #next_question:hover {background-position: 0 bottom;} #lifestyle_quiz_box #previous_question {position:absolute;bottom:20px;left:24px;width:160px;height: 25px;background: url(/i/quiz/btn_previous_question.gif) 0 top no-repeat;cursor: pointer;} #lifestyle_quiz_box #previous_question:hover {background-position: 0 bottom;} #lifestyle_quiz_box #question_progress {margin-top:60px; font-weight: bold;font-size: 15px;text-align: center;color: #00aadd;} #lifestyle_quiz_box #question {margin-top:20px; padding: 0 24px 20px;font-weight: bold;font-size: 20px;text-align: center;color: #00aadd;} #lifestyle_quiz_box #progress_text {padding-top:20px; text-align:center; font-size: 15px;font-weight: bold;} #lifestyle_quiz_box #result_top {padding:30px 30px 0;background:url(/i/quiz/quizframe_rtop.png) no-repeat center top;height:170px;} #lifestyle_quiz_box #result_middle {padding:0 30px;} #lifestyle_quiz_box #result_middle ol{margin:0 0 0 36px;padding:0;} /* form styles */ /* ------------------------------------------------------------------------ */ /* generic styles. specific styles applied to billing forms are wrapped within frm_billing class. */ .frm_billing{width:696px;} /*set width here to match with current inline styles portion of the form. Move width setting to a form ID accordingly*/ .frm_billing h3{margin-top:25px;} .frm_billing .error {padding: 30px} .frm_billing .error img, #change_password .error img {margin-bottom:-4px;} .frm_billing .error p, #change_password .error p {margin:3px 0;} .frm_fields_wrapper{background-color:#f1f1f1; padding:12px;} .frm_fields_wrapper .btn_i{position:relative;} .frm_fields_wrapper img{margin:0 0 9px 3px;} /* change password */ #change_password .error {padding:0 10px 0 10px;} /* account info*/ #email_verification, #password_verification {visibility:hidden;} #email_check_message{font-size:1.2em;padding: 0 0 3px;color:#ff0000;} #gender_selection input{margin-top: 1px;} #gender_selection #gender_f{margin-left: 18px;} .row+p{font-size:1.3em;} /* plan selection */ #bp_plan_selection p {margin: 0;} #bp_plan_selection p>em{color:#888;font-size:0.9em;} #bp_plan_selection .inner_frame{padding:18px;} #bp_plan_selection #sticker{top:-9px;left:480px;position:absolute;} .option{float:left;margin-left:-9999px;} .radiobtn_wrapper {cursor:pointer;display:block;height:36px;line-height:36px;padding-left:42px;margin-bottom:6px;background: url(/i/common/btn_radio_m_left.png) no-repeat left bottom;} .radiobtn_wrapper label{background: #fff; cursor:pointer;} .checked{background: url(/i/common/btn_radio_m_left.png) no-repeat left top;} .checked input{display:none;} .checked label{background: url(/i/common/btn_radio_m_right.png) no-repeat right top;} .checked label span{font-weight:bold;font-size:1.6em;} /* payment */ #cvv_tooltip{width:270px;top:55px;left:104px;} #cvv_tooltip p>img{margin-top:6px;} /* footer */ /* ------------------------------------------------------------------------ */ #footer {background: url(/i/common/frame_bottom_grey.png) no-repeat center top; padding-top: 25px; } #footer ul {margin:0;padding:0;} #footer li{font-size: 1.4em;list-style-type: none;} #footer #brain_games_2ndcol{margin-top:21px;padding-right:19px;} #corporate_links {border-top: 1px solid #ddd;margin:6px 40px 0; padding:9px 0 5px;} #copyright{color: #666; font-size: 1.2em; margin:0 0 9px; padding:0;} /* ------------------------------------------------------------------------------------------ elements need to be updated when reskin: 1. (i)background top (bg_top_orange.png) 2. (i)background bottom (bg_bottom_orange.png) 3. (i)frame top (frame_top_orange.png) 4. background color (Grey: #d3d5dc; Orange: #e79f2c; Olive:#bfba75; ) 5. border left & right color (Grey: #bec1cb; Orange: #dc7418; Olive:#9d953d; ) ------------------------------------------------------------------------------------------ */