/* clear browser defaults */ body, h1, h2, h3, h4, h5, h6, blockquote, cite, pre, dl, dt, dd, label, legend, form, p, ul, ol, li{padding:0; margin:0;} a img{border:0;} a{outline:none; overflow:hidden;} /* utility styles */ .clearit:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearit{display:inline-block;} * html .clearit{height:1%;} .clearit{display:block;} .clear_both{clear:both;} .clear_left{clear:left;} .clear_right{clear:right;} .clear_none{clear:none;} .hide{display:none;} .align_center{text-align:center !important;} .align_right{text-align:right !important;} .align_left{text-align:left !important;} .float_right{float:right !important; display:block;} .float_left{float:left !important; display:block;} .padding_3{padding:3px !important;} .padding_5{padding:5px !important;} .padding_10{padding:10px !important;} .padding_15{padding:15px !important;} .padding_20{padding:20px !important;} .padding_20_30{padding:20px 30px !important;} .padding_30_20{padding:30px 20px !important;} .margin_30_20{margin:30px 20px !important;} .padding_bottom_10{padding-bottom:10px !important;} .padding_bottom_5{padding-bottom:5px !important;} .padding_bottom_1{padding-bottom:1px !important;} .padding_bottom_0{padding-bottom:0 !important;} .padding_top_5{padding-top:5px !important;} .padding_top_10{padding-top:10px !important;} .padding_top_15{padding-top:15px !important;} .padding_top_20{padding-top:20px !important;} .margin_5{margin:5px !important;} .margin_6{margin:6px !important;} .margin_8{margin:8px !important;} .margin_10{margin:10px !important;} .margin_15{margin:15px !important;} .margin_20{margin:20px !important;} .margin_top_6{margin-top:6px !important;} .margin_top_8{margin-top:8px !important;} .margin_top_10{margin-top:10px !important;} .margin_top_15{margin-top:15px !important;} .margin_top_20{margin-top:20px !important;} .margin_top_25{margin-top:25px !important;} .margin_top_30{margin-top:30px !important;} .margin_top_35{margin-top:35px !important;} .margin_bottom_20{margin-bottom:20px !important;} .margin_bottom_15{margin-bottom:15px !important;} .margin_bottom_10{margin-bottom:10px !important;} .margin_bottom_5{margin-bottom:5px !important;} .margin_bottom_0{margin-bottom:0 !important;} .margin_left_10{margin-left:10px !important;} .margin_right_15{margin-right:15px !important;} .margin_right_20{margin-right:20px !important;} .margin_right_25{margin-right:25px !important;} .margin_right_30{margin-right:30px !important;} .padding_left_8{padding-left:8px !important;} .padding_left_15{padding-left:15px !important;} .padding_left_20{padding-left:20px !important;} .padding_left_30{padding-left:30px !important;} .width_50{width:50px !important;} .width_100{width:100px !important;} .width_150{width:150px !important;} .width_175{width:175px !important;} .width_200{width:200px !important;} .width_250{width:250px !important;} .width_300{width:300px !important;} .width_350{width:350px !important;} .width_400{width:400px !important;} .width_450{width:450px !important;} .width_500{width:500px !important;} .small_txt{font-size:90% !important;} .large_txt{font-size:125% !important;} .highlight{background:#ffc; padding:0 3px;} .cursor_move{cursor:move;} .set_line_height{line-height:1.3em;} .bold{font-weight:bold !important;} .rounded_4{-webkit-border-radius:4px; -moz-border-radius:4px;} .rounded_8{-webkit-border-radius:8px; -moz-border-radius:8px;} .active{color:#7fae00;} .inactive{color:#ae2100;} .inline_block{display:inline-block !important;} body{font:small/1.3em Verdana, sans-serif; background:#e3f0f8; color:#333; padding-bottom:40px; -webkit-text-size-adjust:100%;} h1.title{color:#144b6d; font-size:180%; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #cedde5; font-weight:normal; line-height:1.2em;} h1.title a{color:#144b6d;} h2.subheading{font-size:140%; color:#06263a; margin-bottom:15px; font-weight:normal;} a.blue{color:#255c7e; padding:2px 4px;} a.blue:hover{color:#fff; background:#255c7e; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px;} .pagination{padding:5px; text-align:left;} .pagination span{vertical-align:bottom; display:inline-block; padding:2px 6px; color:#999; background:#efefef; border:1px solid #dedede; margin:0 !important;} .pagination span.current{font-weight:bold; color:#fff; background:#70aade; border:1px solid #70aade;} .pagination span.gap{background:none; border:none;} .pagination a{vertical-align:bottom; color:#4a8dca; background:#e3f0f8; border:1px solid #c5d3dc; padding:2px 6px !important; margin:0 !important; display:inline-block;} .pagination a:hover{background:#4a8dca; border:1px solid #4a8dca; color:#fff; text-decoration:none;} table.standard_style{} table.standard_style th{text-align:left; border-bottom:1px solid #9eb7c6;} table.standard_style td{} table.standard_style tr.row td{background:#e0eef6;} table.standard_style tr.alt_row td{background:#fff;} table.standard_style a{display:inline-block; color:#2e7fc4; -webkit-border-radius:4px; -moz-border-radius:4px;} table.standard_style a:hover{color:#0d1e2d;} table.standard_style tbody tr:hover td {background: #B5DFAC;} .filter_box{padding:20px; background:#e3f0f8; margin-bottom:10px; -webkit-border-radius:10px; -moz-border-radius:10px;} #header_wrapper{background:url(/images/header_bg.png?1757173466) repeat-x;} #header{width:950px; margin:0 auto; height:80px; position:relative;} #logo{float:left; display:block; margin:26px 1px 0 0;} #beta_badge{display:block; float:left; margin:15px 10px 0 0;} #beta_invite{float:left; margin:23px 0 0 0;} #beta_invite a{color:#d4ddde; font-size:110%; line-height:1.3em; font-style:italic;} #beta_invite a:hover{color:#fff;} #topnav{position:absolute; right:40px; top:8px; color:#afd2e7;} #topnav a{color:#c6e3f5; font-size:100%; margin:0 3px;} #topnav a:hover{color:#fff;} #application_navbar_wrapper{background:url(/images/application_navbar_bg.png?1757173466) repeat-x;} #application_navbar{width:950px; margin:0 auto; position:relative; height:57px;} #application_navbar ul.nav_left{position:absolute; top:0; left:0; list-style:none; margin:0; padding:0;} #application_navbar ul.nav_left li{margin:0; padding:0; float:left;} #application_navbar ul.nav_right{position:absolute; top:0; right:0; list-style:none; margin:0; padding:0;} #application_navbar ul.nav_right li{margin:0; padding:0; float:right;} #application_navbar a.nav_pill_link{background:url(/images/admin_nav_link_bg.png?1757173466) no-repeat 0 -42px; padding:0 0 0 11px; display:block; height:24px; line-height:24px; color:#e3eaeb; text-decoration:none; margin:12px 10px 0 0; font-size:110%; cursor:pointer;} #application_navbar a.nav_pill_link span{display:block; height:24px; line-height:24px; background:url(/images/admin_nav_link_bg.png?1757173466) no-repeat right -42px; padding:0 20px 0 9px;} #application_navbar a.nav_pill_link:hover{background-position:0 -84px} #application_navbar a.nav_pill_link:hover span{background-position:right -84px;} #application_navbar li.active a.nav_pill_link{background-position:0 0;} #application_navbar li.active a.nav_pill_link span{background-position:right 0;} #logged_in_as{color:#d4ddde; width:420px; text-align:right; padding:12px 15px 0 0 !important; line-height:23px; font-size:110%;} a#logout_link{color:#d4ddde; display:block; margin:12px 0 0 5px; line-height:23px; font-size:110%;} a#logout_link:hover{color:#fff;} #website_navbar_wrapper{background:url(/images/website_navbar_bg.png?1757173466) repeat-x;} #website_navbar{width:950px; margin:0 auto; position:relative; height:79px;} #website_navbar li{margin-top:2px !important;} #website_navbar ul.nav_left{position:absolute; top:0; left:0; list-style:none; margin:0; padding:0;} #website_navbar ul.nav_left li{margin:0; padding:0; float:left;} #website_navbar ul.nav_right{position:absolute; top:0; right:0; list-style:none; margin:0; padding:0;} #website_navbar ul.nav_right li{margin:0; padding:0; float:right;} #website_navbar a.nav_pill_link{background:url(/images/website_nav_link_bg.png?1757173466) no-repeat 0 -66px; padding-left:22px; display:block; height:46px; line-height:46px; color:#e3eaeb; text-decoration:none; margin:11px 20px 0 0; font-size:150%; text-shadow:1px 1px 1px #152b38; cursor:pointer;} #website_navbar a.nav_pill_link span{display:block; height:46px; background:url(/images/website_nav_link_bg.png?1757173466) no-repeat right -66px; padding:0 41px 0 19px;} #website_navbar a.nav_pill_link:hover{background-position:0 -132px;} #website_navbar a.nav_pill_link:hover span{background-position:right -132px;} #website_navbar li.active a.nav_pill_link{background-position:0 0;} #website_navbar li.active a.nav_pill_link span{background-position:right 0;} a#login_link{background:url(/images/login_nav_link_bg.png?1757173466) no-repeat; height:33px; line-height:32px; padding-left:15px; display:block; margin:17px 40px 0 0; color:#e3eaeb; text-decoration:none; font-size:115%; text-shadow:1px 1px 1px #152b38;} a#login_link span{display:block; background:url(/images/login_nav_link_bg.png?1757173466) no-repeat right 0; padding:0 40px 0 10px;} a#login_link:hover{background-position:left -66px;} a#login_link:hover span{background-position:right -66px;} .active a#login_link{background-position:left -132px;} .active a#login_link span{background-position:right -132px;} #body_wrapper{width:950px; margin:0 auto; position:relative;} #page_breadcrumb{color:#27526c; font-size:130%; padding:10px 0 10px 10px;} #page_breadcrumb a{color:#27526c; padding:1px 4px; -webkit-border-radius:4px; -moz-border-radius:4px;} #page_breadcrumb a:hover{color:#0c2432; background:#b5d8ed;} #content_wrapper{background:url(/images/content_wrapper_bg_mid.png?1757173466) repeat-y;} #content_wrapper_right{background:url(/images/content_wrapper_bg_mid_right.png?1757173466) repeat-y right;} body.no_subnav_tabs #content_wrapper{margin-top:15px;} #content_wrapper_top{background:url(/images/content_wrapper_bg_top.png?1757173466) no-repeat;} body.no_subnav_tabs #content_wrapper_top_left{background:url(/images/content_wrapper_bg_corner_tl.png?1757173466) no-repeat;} #content_wrapper_top_right{background:url(/images/content_wrapper_bg_corner_tr.png?1757173466) no-repeat right top;} #content_wrapper_bot{background:url(/images/content_wrapper_bg_bot.png?1757173466) no-repeat left bottom;} #content_wrapper_bot_right{padding:30px 40px 30px 40px; background:url(/images/content_wrapper_bg_bot_right.png?1757173466) no-repeat right bottom;} body.sidebar_nav #body_wrapper{padding-left:200px; width:750px;} body#homepage #content_wrapper{background:none; margin:0;} body#homepage #content_wrapper_right{background:none; margin:0;} body#homepage #content_wrapper_top{background:none;} body#homepage #content_wrapper_top_left{background:none;} body#homepage #content_wrapper_top_right{background:none;} body#homepage #content_wrapper_bot{padding:0; background:none;} body#homepage #content_wrapper_bot_right{padding:0; background:none;} #tab_subnav{list-style:none; margin:5px 0 0 0; padding:0; position:relative; top:4px; left:0;} #tab_subnav li{margin:0; padding:0; float:left;} #tab_subnav a{color:#2c556e; display:block; background:url(/images/tab_subnav_bg_left.png?1757173466) no-repeat left -76px; display:block; text-decoration:none; margin:6px 1px 0 1px; font-size:110%;} #tab_subnav a.left{margin-left:4px;} #tab_subnav a strong{display:block; padding-left:13px; background:url(/images/tab_subnav_bg_bot.png?1757173466) repeat-x left bottom; font-weight:normal;} #tab_subnav a span{background:url(/images/tab_subnav_bg_right.png?1757173466) no-repeat right -76px; display:block;} #tab_subnav a em{font-style:normal; background:url(/images/tab_subnav_bg_bot.png?1757173466) repeat-x left bottom; display:block; padding:6px 18px 6px 6px;} #tab_subnav a:hover{background-position:left 0; color:#1f3a4a;} #tab_subnav a:hover span{background-position:right 0;} #tab_subnav .active a{background-position:left -154px; margin:0;} #tab_subnav .active a strong{background:none;} #tab_subnav .active a strong span{background-position:right -154px;} #tab_subnav .active a strong span em{background:none; padding:11px 22px 7px 8px;} #tab_subnav .active a.left{margin-left:0;} .subnav_vert{list-style:none; margin-top:5px; width:200px;} .subnav_vert li{margin-bottom:3px !important;} .subnav_vert a{display:block; padding:8px 12px; width:170px; line-height:1em; background:#e3f0f8; color:#11212b; font-size:110%; line-height:1.3em; -webkit-border-radius:6px; -moz-border-radius:6px;} .subnav_vert span.used {display:block; padding:8px 12px; width:170px; line-height:1em; background:#ccc; color:#11212b; font-size:110%; line-height:1.3em; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden;} .subnav_vert a:hover{background:#b5d5e8;} .subnav_vert li.active a{font-weight:bold; text-decoration:underline; background:#b5d5e8;} h4.vertnav_sep{font-weight:normal; font-size:110%; padding:12px 0 2px 10px; color:#777;} #dashboard_page #left_col{float:left; width:410px;} #dashboard_page #right_col{float:right; width:410px;} #dashboard_accounts_tbl{} #dashboard_accounts_tbl .account_icon{width:80px; text-align:center;} #dashboard_accounts_tbl .account_name{padding-bottom:20px;} #dashboard_accounts_tbl .account_name_top{padding:20px 20px 0 20px; height:100%;} #dashboard_accounts_tbl .account_name a{font-size:130%; line-height:1.2em;} #dashboard_accounts_tbl .account_balance{text-align:center; font-size:120%; padding-bottom:20px;} #dashboard_accounts_tbl .account_balance_top{padding:20px 20px 0 20px; height:100%;} #dashboard_accounts_tbl .account_nav{color:#cad6dd; font-size:100%; text-align:right; padding:10px 10px 30px 0;} #dashboard_accounts_tbl .account_nav a{color:#144b6d; padding:2px 3px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:95%;} #dashboard_accounts_tbl .account_nav a:hover{color:#0b2738; background:#e3f0f8;} #dashboard_accounts_tbl .green .account_name a{color:#3c660f;} #dashboard_accounts_tbl .green .account_name a:hover{color:#1f3507;} #dashboard_accounts_tbl .green .account_name{background:url(/images/box_green_light.gif?1757173466) no-repeat left bottom;} #dashboard_accounts_tbl .green .account_name_top{background:url(/images/box_green_light_tl.gif?1757173466) no-repeat left top;} #dashboard_accounts_tbl .green .account_balance{color:#3c660f; background:url(/images/box_green_dark.gif?1757173466) no-repeat right bottom;} #dashboard_accounts_tbl .green .account_balance_top{background:url(/images/box_green_dark_tr.gif?1757173466) no-repeat right top;} #dashboard_accounts_tbl .red .account_name a{color:#953304;} #dashboard_accounts_tbl .red .account_name a:hover{color:#501c04;} #dashboard_accounts_tbl .red .account_name{background:url(/images/box_red_light.gif?1757173466) no-repeat left bottom;} #dashboard_accounts_tbl .red .account_name_top{background:url(/images/box_red_light_tl.gif?1757173466) no-repeat left top;} #dashboard_accounts_tbl .red .account_balance{color:#953304; background:url(/images/box_red_dark.gif?1757173466) no-repeat right bottom;} #dashboard_accounts_tbl .red .account_balance_top{background:url(/images/box_red_dark_tr.gif?1757173466) no-repeat right top;} #activity_summary_nav{list-style:none; margin:0; padding:0;} #activity_summary_nav li{margin:0; padding:0; float:left;} #activity_summary_nav a{display:block; color:#3e7597; background:url(/images/tabs_blue_light.gif?1757173466) no-repeat left -250px; padding-left:10px; margin-right:1px;} #activity_summary_nav a span{display:block; background:url(/images/tabs_blue_light.gif?1757173466) no-repeat right -250px; padding:7px 15px 7px 5px;} #activity_summary_nav a:hover{background-position:left -125px; color:#1f3a4a;} #activity_summary_nav a:hover span{background-position:right -125px;} #activity_summary_nav .active a{background-position:left 0; text-decoration:none; font-weight:bold; color:#144b6d;} #activity_summary_nav .active a span{background-position:right 0;} #activity_summary_box{color:#144b6d; background:url(/images/box_blue_light.gif?1757173466) no-repeat right bottom; font-size:110%;} #activity_summary_box_tr{background:url(/images/box_blue_light_tr.gif?1757173466) no-repeat right top;} #activity_summary_box_bl{background:url(/images/box_blue_light_bl.gif?1757173466) no-repeat left bottom; padding:30px;} #activity_summary_box table .row td{} #activity_summary_box table .altrow td{background:#f4f9fc;} #pending_chore_box{color:#144b6d; background:url(/images/box_blue_light.gif?1757173466) no-repeat right bottom; font-size:110%; margin-top: 20px;} #pending_chore_box_tr{background:url(/images/box_blue_light_tr.gif?1757173466) no-repeat right top;} #pending_chore_box_tl{background:url(/images/box_blue_light_tl.gif?1757173466) no-repeat left top;} #pending_chore_box_bl{background:url(/images/box_blue_light_bl.gif?1757173466) no-repeat left bottom; padding:15px 30px 20px 30px;} #pending_chore_box table {margin-top: 10px;} #pending_chore_box table .row td{} #pending_chore_box table .altrow td{background:#f4f9fc;} #pending_chore_box p.title {text-decoration:none; font-weight:bold; color:#144b6d; margin-left: -15px;} #pending_chore_box p span.normal{float: right; font-size: 80%;} #pending_chore_box p.element {margin-top: 10px;} #footer{color:#6d8a9c; padding:8px 0 0 0; clear:both;} #footer a{color:#6d8a9c; margin:0 3px;} #footer a:hover{color:#334c5b;} #footer .left{float:left; width:300px; padding-left:30px;} #footer .right{float:right; width:350px; text-align:right; padding-right:45px; color:#a9bfcd;} a.pill_btn_create{display:inline-block; background:url(/images/pill_btn_create.png?1757173466) no-repeat left 0; padding-left:28px; height:33px; text-decoration:none; color:#505659;} a.pill_btn_create span{background:url(/images/pill_btn_create.png?1757173466) no-repeat right 0; display:block; line-height:33px; padding:0 15px 0 0;} a.pill_btn_create:hover{background-position:left -35px; color:#333;} a.pill_btn_create:hover span{background-position:right -35px;} a.pill_btn_header{float:right; margin-top:-8px;} .pill_btn{display:inline-block; background:url(/images/pill_btn_left.png?1757173466) no-repeat left 0; padding-left:18px; height:33px; text-decoration:none; color:#505659;} .pill_btn span{background:url(/images/pill_btn_right.png?1757173466) no-repeat right 0; display:block; line-height:33px; padding:0 15px 0 0;} .pill_btn:hover{background-position:left -35px; color:#333;} .pill_btn:hover span{background-position:right -35px;} .home_gradient_box{width:308px; float:left;} .home_gradient_box h2{margin:0; background:url(/images/gradient_box_tl.png?1757173466) no-repeat; padding-left:22px; color:#4086b0; font-weight:normal; font-size:190%;} .home_gradient_box h2 span{display:block; background:url(/images/gradient_box_tr.png?1757173466) no-repeat right top; padding:25px 35px 0 10px;} .home_gradient_box h2 span em{font-style:normal; padding-bottom:15px; border-bottom:1px solid #ccdfea; display:block;} .home_gradient_box .box_left{background:url(/images/gradient_box_bl.png?1757173466) no-repeat left bottom; padding-left:22px;} .home_gradient_box .box_right{background:url(/images/gradient_box_br.png?1757173466) no-repeat right bottom; padding:20px 35px 35px 10px; min-height:290px;} .home_gradient_box p{margin-bottom:15px;} .home_gradient_box ul{margin-left:25px;} .home_gradient_box li{margin-bottom:3px;} #banner{margin:20px 0 10px 0; position:relative; top:0; left:0; height:100%;} #banner .tl{background:url(/images/bevel_box_tl.png?1757173466) no-repeat left top; padding-left:24px;} #banner .tr{background:url(/images/bevel_box_tr.png?1757173466) no-repeat right top; height:24px;} #banner .bl{background:url(/images/bevel_box_bl.png?1757173466) no-repeat left bottom; padding-left:24px;} #banner .br{background:url(/images/bevel_box_br.png?1757173466) no-repeat right bottom; padding:5px 34px 38px 10px;} #banner h1{font-family:Lucida Sans, Arial, sans-serif; color:#4086b0; font-size:250%; font-style:italic; line-height:1.3em; font-weight:normal; padding-top: 0;} #banner h2{font-family:Lucida Sans, Arial, sans-serif; color:#4086b0; font-size:150%; font-style:italic; line-height:1.3em; font-weight:normal;} #banner .tagline{padding:0 30px 0 470px;} #banner #home_screenshot{position:absolute; left:50px; bottom:4px;} #banner .tour_link_div{text-align:left; margin:30px 0 0 0;} #banner .tour_link_div a.enroll{background:#faa51a; color:#689c2e; font-size:175%; padding:6px 16px; margin-right:5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fff; text-decoration:none; background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background:-moz-linear-gradient(top, #faa51a, #f47a20); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); border:1px solid #c46602;} #banner .tour_link_div a.enroll:hover{background:#f47c20; background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background:-moz-linear-gradient(top, #f88e11, #f06015); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); color:#fff;} #banner .tour_link_div a.tour{color:#689c2e; font-size:175%; padding:6px 16px; -webkit-border-radius:8px; -moz-border-radius:8px;} #banner .tour_link_div a.tour:hover{text-shadow:0 1px 1px rgba(0,0,0,.3); background:#89a81c; background:-webkit-gradient(linear, left top, left bottom, from(#a5ca26), to(#89a81c)); background:-moz-linear-gradient(top, #a5ca26, #89a81c); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5ca26', endColorstr='#89a81c'); color:#fff; text-decoration:none; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); border:1px solid #7a9716;} ul#admin_links{list-style:none;} ul#admin_links li{margin-bottom:4px;} ul#admin_links a{display:inline-block; padding:8px 12px; line-height:1em; background:#e3f0f8; color:#11212b; font-size:110%; -webkit-border-radius:6px; -moz-border-radius:6px;} ul#admin_links a:hover{background:#b5d5e8;} .child_browse_div{margin-bottom:35px;} .child_browse_div h2{margin:0 20px 10px 0; float:none;} .child_browse_div h2 a{font-size:90%; color:#06263a;} .child_browse_div h2 a:hover{color:#1b7cb8;} .nav_items{padding-top:1px; color:#dedede;} .nav_items a{color:#06263a;} .nav_items a:hover{color:#1b7cb8; text-decoration:underline !important;} .nav_items a.active{font-weight:bold; text-decoration:none;} .account_actions{padding-top:1px; color:#dedede;} .account_actions a{color:#06263a;} .account_actions a:hover{color:#1b7cb8;} .light_blue_box{background:#edf6fb; padding:20px; -webkit-border-radius:8px; -moz-border-radius:8px;} .my_profile_box{margin:0 20px 20px 0; width:375px; float:left;} /* added for splits */ .light_blue_box .subheading span.normal{display:block; float:right;} .light_blue_box .subheading span.normal a{font-size: 60%; !important;} .light_blue_box .subheading span.subtext{float:none; display:inline; color:#5f89a4;} #edit_account button.close_account{background:#c33; color:#689c2e; font-size:100%; padding:3px 16px; margin-right:5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fff; text-decoration:none; background:-webkit-gradient(linear, left top, left bottom, from(#c33), to(#933)); background:-moz-linear-gradient(top, #c33, #933); border:1px solid #c46602;} #edit_account button.close_account:hover{background:#e33; background:-webkit-gradient(linear, left top, left bottom, from(#e33), to(#b33)); background:-moz-linear-gradient(top, #e33, #b33); color:#fff;} #edit_account button.reactivate_account{background:#1b3; color:#689c2e; font-size:175%; padding:3px 16px; margin-right:5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fff; text-decoration:none; background:-webkit-gradient(linear, left top, left bottom, from(#1b3), to(#183)); background:-moz-linear-gradient(top, #1b3, #183); border:1px solid #282;} #edit_account button.reactivate_account:hover{background:#1d3; background:-webkit-gradient(linear, left top, left bottom, from(#1d3), to(#1a3)); background:-moz-linear-gradient(top, #1d3, #1a3); color:#fff;} .modal_box{width:400px; padding:1px;} #advice_initial_accounts .modal_box{width:550px; padding:1px;} .modal_box h3{background:url(/images/header_bg.png?1757173466) repeat-x 0 -10px; position:relative; padding:15px 20px; color:#fff; font-weight:normal; font-size:125% !important; border-bottom:1px solid #354757;} .modal_box h3 span{display:block; position:absolute; top:15px; right:15px;} .modal_box h3 span a{color:#c6e0f0; font-size:80% !important;} .modal_box h3 span a:hover{color:#fff;} .modal_box .modal_content{padding:20px;} .modal_box .actions{background:#e3f0f8; border-top:1px solid #c5d3dc; padding:11px 20px; text-align:right;} .modal_box a.modal_action_link{background:#84aac2; color:#fff; padding:4px 8px; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px;} .modal_box a.modal_action_link:hover{background:#6289a1;} .modal_box p.spaced {padding: 5px 5px;} .content_section{} .content_section p{margin:0 0 15px 0;} .content_section ul{margin:0 0 20px 25px} .content_left_col{float:left; width:410px;} .content_right_col{float:right; width:410px;} /* forms */ .form_row{padding-bottom:10px; clear:both;} .form_row_left{float:left; padding-bottom:10px; margin-right:15px;} .form_actions{clear:both; padding:10px 0 0 0;} .txt_field{font-size:110%; padding:3px; font-family:Verdana, sans-serif;} .txt_field_sm{font-size:100%; padding:3px; font-family:Verdana, sans-serif;} .txt_area_field{height:200px; width:400px; font-size:100%; padding:3px; font-family:Verdana, sans-serif;} .email_field{width:325px;} .phone_field{width:150px;} .first_name_field{width:100px;} .last_name_field{width:150px;} .full_name_field{width:225px;} .password_field{width:125px;} .login_field{width:150px;} .year_field{width:75px;} .fieldWithErrors{display:block; border-left:5px solid #E2361D; background:#F5E4E4; padding:5px 4px 5px 6px; margin:0;} .fieldWithErrors label{} label.block_label{display:block;} .current_chore{margin-bottom:10px; background:#e3f0f8; padding:20px; -webkit-border-radius:8px; -moz-border-radius:8px;} span.explanation {display:block; float:right;} span.explanation a {font-size: 60%; !important;} .errorExplanation, #flash_error{border:1px solid #D6C3C1 !important; color:#A62515 !important; background:#f3d7d6 !important; padding:10px !important; margin:8px 0 20px 0 !important; -webkit-border-radius:4px; -moz-border-radius:4px;} .errorExplanation a, #flash_error a{color:#A62515 !important; padding:2px 4px !important; font-size:85% !important; -webkit-border-radius:4px; -moz-border-radius:4px;} .errorExplanation a:hover, #flash_error a:hover{color:#fff; text-decoration:none; background: #87C;} .errorExplanation h2, #flash_error h2{font-size:120% !important; margin:0 0 5px 0 !important; color:#A62515 !important;} .errorExplanation ul, #flash_error ul{margin:10px 0 0 25px;} .delete_button{border:0; background:none; color:#960505; text-decoration:underline; font-size:12px; cursor:pointer} .delete_button:hover{color:#e30101;} #flash_notice{border:1px solid #C7D4B6 !important; color:#537729 !important; background:#d6ecc5 !important; padding:10px !important; margin-bottom:20px !important; -webkit-border-radius:4px; -moz-border-radius:4px;} #flash_notice h2{color:#537729 !important;} #flash_notice a{color:#537729; padding:2px 4px; font-size:85%; -webkit-border-radius:4px; -moz-border-radius:4px;} #flash_notice a:hover{color:#fff; text-decoration:none; background:#537729;} #flash_alert{border:1px solid #D2D37E !important; color:#537729 !important; background:#F2F39E !important; padding:10px !important; margin-bottom:20px !important; -webkit-border-radius:4px; -moz-border-radius:4px;} .submit_pill_btn{vertical-align:middle; border:0 !important; padding:0 !important; background:none !important; text-decoration:none; cursor:pointer;} .submit_pill_btn span{display:inline-block; background:url(/images/pill_btn_left.png?1757173466) no-repeat left 0; font-size:12px; padding-left:18px; height:33px; text-decoration:none; color:#2d363b; cursor:pointer;} .submit_pill_btn em{background:url(/images/pill_btn_right.png?1757173466) no-repeat right 0; display:block; line-height:33px; padding:0 18px 0 0; font-style:normal;} .submit_pill_btn:hover span{background-position:left -35px; color:#333;} .submit_pill_btn:hover em{background-position:right -35px;} /* Wizard */ #wizard_wrapper{width:600px; margin:30px auto; background:#fff; padding:8px; border:1px solid #c6d6e0;} #wizard_header{background:url(/images/header_bg.png?1757173466) repeat-x 0 -10px; padding:20px; color:#fff; font-weight:normal; font-size:125% !important; border-bottom:1px solid #354757;} #wizard_header h1{font-weight:normal; font-size:150%; line-height:1.1em;} #wizard_content{} #wizard_footer{background:#e3f0f8; border-top:1px solid #c5d3dc; padding:10px 20px; text-align:left;} .wizard_content_padding{padding:15px;} .wizard_account_wrapper{border:1px solid #49D; -webkit-border-radius:8px; -moz-border-radius:8px;} #wizard_progress_bar{margin:5px 0 0 0; padding:0; list-style:none;} #wizard_progress_bar li{float:left; width:85px; height:36px; text-align:center; padding:10px; background:#efefef; color:#999; margin:5px; -webkit-border-radius:10px; -moz-border-radius:10px;} #wizard_progress_bar li span.number{display:block; margin-bottom:5px; font-size:150%; font-weight:bold;} #wizard_progress_bar li.active{background:#d6ecc5; color:#537729;} div.permissions h3 {margin:0.5em 0;} /* Child Wizard */ #wizard_header ul{} #wizard_header ul li{list-style:none; display: inline; padding:1em 0.3em; border: 1px solid black;} #wizard_header ul li.active{border: 3px solid red;} #wizard_content h1 {padding:0.75em 0 0.25em;} body#events_page #wizard_wrapper{width:450px;} body#transfers_page #wizard_wrapper{width:500px;} body#new_child_page #wizard_wrapper{width:400px;} body#password_reset_request_page #wizard_wrapper{width:400px;} body#validation_page #wizard_wrapper{width:400px;} /* Login Box */ #login_box{position:absolute; z-index:500; top:-45px; right:20px;} #login_box h2{border:0; text-indent:-100000px;} #login_box h2 span em{border:0;} #login_box #login_box_form_container{position:relative; top:-40px; margin-bottom:-40px;} #login_box .home_gradient_box .box_right{padding:10px 25px 15px 10px;} #pending_error form {display: inline;} #pending_error form div {display: inline;} /* Tours */ /* old tour sidenav approach #tours_sections{position:absolute; width:208px; left:0;} #tours_sections ul{} #tours_sections li{list-style:none; margin:0; margin:0 5px 0 0;} #tours_sections a{display:block; font-size:110%; background:url(/images/sidebar_tab_top.png?1757173466) no-repeat -285px top; color:#36434b;} #tours_sections a span{display:block; background:url(/images/sidebar_tab_bot.png?1757173466) no-repeat -285px bottom; padding:4px 0;} #tours_sections a em{display:block; font-style:normal; padding:14px 20px; background:url(/images/shadow_line_right.png?1757173466) repeat-y right top;} #tours_sections a:hover{background-position:0 top;} #tours_sections a:hover span{background-position:0 bottom;} #tours_sections li.active a{font-weight:bold; background-position:0 top; width:204px;} #tours_sections li.active a span{background-position:0 bottom;} #tours_sections li.active a em{background:none;} */ #tours_sections{} #tours_sections ul{list-style:none; margin:0 0 20px 0;} #tours_sections li{float:left; margin-right:10px; padding-bottom:9px;} #tours_sections a{font-size:120%; background:#e3f0f8; color:#214358; display:block; padding:9px; text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px;} #tours_sections a span{} #tours_sections a em{font-style:normal;} #tours_sections a:hover{background:#c7d8e2;} #tours_sections a:hover span{} #tours_sections li.active{background:url(/images/carrot_tour.gif?1757173466) no-repeat 50% bottom;} #tours_sections li.active a{background:#5497c9; color:#fff;} #tours_sections li.active a span{} #tours_sections li.active a em{} #tours_left{float:left; width:300px;} #tours_left p{margin-bottom:20px;} #tours_left ul{margin-left:25px;} #tours_left #section_name a{float: right;} #section_name{margin-bottom:1em;} #tours_right{float:right; padding-top:5px; width:530px;} #tours #screencast_link_div{} #tours #screencast_link_div a{display:inline-block; margin-bottom:20px;} #tours #screenshot_img_div{} #tours #screenshot_img_div img{border:1px solid #fff;} /* Child Settings & Permissions */ #child_settings{position:relative; width:100%;} #child_sections{position:absolute; top:0; left:0;} #child_sections ul{} #child_sections li{list-style:none; margin:0;} #child_settings_right{margin-left:230px;} #child_settings_right h1{margin-top:0.5em; margin-bottom:0.5em;} /* Styles for Mimic */ #mimic{border:1px solid blue; padding:5px; background:rgb(158, 122, 255);} /* Styles for Advice */ .advice{font-size:11px; padding-left:1em;} /* page error messages */ body.error_page #body_wrapper{width:475px;} body.error_page #header_wrapper{border-bottom:3px solid #234358;} body.error_page #header{height:70px; width:430px;} body.error_page #logo{margin-top:18px;} body.error_page #banner{margin-top:40px;} .page_error_message{font-size:125%; line-height:1.4em; margin-top:-10px;} .page_error_message h1{font-style:normal !important; font-size:165% !important; margin-bottom:20px !important; border-bottom:1px dotted #c6dde9; padding-bottom:15px;} .page_error_message ul{margin:0 0 15px 25px;} .page_error_message p{margin:0 0 20px 0;} .page_error_message h4{font-size:110%; margin-bottom:10px;} .page_error_message .quick_links{font-size:85%; margin-top:30px;} /* Access */ #access{position:relative; width:100%;} #access_sections{position:relative; float:left;} #access_sections ul{} #access_sections li{list-style:none; margin:0;} #access_right{float:left; margin-left:30px; width:640px;} #access_right h1{margin-top:0.5em; margin-bottom:0.5em;} /* Tip of the Day */ #tip_of_the_day{border: 2px solid rgb(255, 255, 102); padding: 5px 5px 7px 5px; background: rgb(255, 255, 225); -webkit-border-radius:4px; -moz-border-radius:4px;} #tip_close_box, #tip_next_link {float: right; padding: 0px 5px;} /* Screencasts */ div#video_box {padding: 10px; background: grey;} .screencast_box {} .screencast_box h3{background:url(/images/header_bg.png?1757173466) repeat-x 0 -10px; position:relative; padding:15px 20px; color:#fff; font-weight:normal; font-size:125% !important; border-bottom:1px solid #354757;} .screencast_box h3 span{display:block; position:absolute; top:15px; right:15px;} .screencast_box h3 span a{color:#c6e0f0; font-size:80% !important;} .screencast_box h3 span a:hover{color:#fff;} .screencast_box .screencast_content{padding:20px;} /* New User Signup */ span.light {color:gray; font-size:75%; font-style:italic;} #signup_statistics, #family_statistics {padding:20px; background:#e3f0f8; margin-bottom:10px; -webkit-border-radius:10px; -moz-border-radius:10px;} #signup_statistics table, #family_statistics table {text-align:left;} #signup_statistics table th, #family_statistics table th {padding-right: 50px;} /* Currency Editing */ table#currency th {padding-right: 20px; } .mismatch {color: #C00; font-size: 75%;} /* Email Validation */ #email_validation h3 {padding: 10px 5px 0;} #email_validation p {padding: 10px 5px;} /* Churn Analysis */ #churn #total {margin-top: 10px;} #churn .block {border:1px solid gray; margin-bottom: 10px;} #churn #heading {float:left; width: 50px; height:190px; background:#0A8;} #churn #data {margin-left: 60px;} #churn .left {float:left; width:49%;} #churn .right {margin-left:50%;} #churn div.label {display:inline-block; font-weight:bold; width:150px;} #churn #weeks {clear:both;} #churn #real_users {border-top:1px solid black;} #churn .separation {clear:both;} /* warnings if chores are missing accounts */ .chore_warning_all {border: 1px solid #844; background: #F9DADA; color: #900303; padding: 10px; margin: 5px 0px 15px;} .chore_warning_single {color: red;} #social { margin-top: 15px; float:right; } #RB_overlay { position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #333; opacity:0.4; filter:alpha(opacity=40); } #RB_loading { z-index: 101; width: 70px; margin-left: auto; margin-right: auto; margin-top: 200px; padding-bottom: 30px; text-align: center; background: url(/images/redbox_spinner.gif?1757173466) no-repeat bottom center; } #RB_window { z-index: 102; background-color: #FFFFFF; display: block; text-align: left; overflow: hidden; margin: 20px auto 0 auto; position:fixed; position: absolute; border:1px solid #888; } #form_modal_flashes { margin: 0 5px; } #flash_notice, #flash_error { padding: 5px 8px; margin: 10px 0; } #flash_notice { background-color: #CFC; border: solid 1px #6C6; } #flash_error { background-color: #FCC; border: solid 1px #C66; } /* #modal { border: 2px solid black; } #title { background: #00477F; padding: 5px; border-bottom: 1px solid black; } #inner_border { border:1px solid grey; padding: 0 5px; } */