/* ============================================================================= Created By: Vlad Ilin Date Created: Jan 30, 2009 Purpose: ... Comments: ... Modified By: ... Date Modified: feb 25, 2010 Comments: ... ______________________________________________________________________________ TOC 1. Defaults 2. Fonts 3. Structure a. container b. left_col c. right_col d. walking_app e. features ============================================================================= */ /* -------------- 1. Defaults --------------------------- */ *{margin:0; padding:0;} body{font:12px Arial, Helvetica, sans-serif; color:#666;} a img{border:0;} a:link {color:#661f15; text-decoration:none;} a:hover{ text-decoration:underline} .clear{clear:both;} .row{width:100%; float:left;} .left{float:left;} .right{float:right;} .pad_10{padding:0 10px 10px;} .ml_10{margin-left:10px;} .mb_10{margin-bottom:10px;} .mb_20{margin-bottom:20px;} .mt_15{margin-top:15px;} .mr_10{margin-right:10px;} fieldset{border:none;} .up10{position:relative; top:-10px;} .up6{position:relative; top:8px;} .up15{position:relative; top:-15px;} .w_200px{width:200px} * html div.walking_app .bot_left{margin-left:5px;} /* -------------- 2. Fonts ------------------------------ */ h1, h2, h3, h4, p, ul{} h1{} h2{color:#661f15; font:normal 24px Arial, Helvetica, sans-serif; position:relative;} /* 2/25 */ h2 a{font-weight:normal} h3{color:#661f15; font:normal 12px Arial, Helvetica, sans-serif; position:relative;} h3 a{text-decoration:underline !important; }/* 5.15 */ h3 a:visited {color:#661F15;} h3 span{font:bold 16px Arial, Helvetica, sans-serif; position:relative;} h4 a.right{ font-size:11px; color:#661F15;} h4 a{font:normal 14px/16px Arial, Helvetica, sans-serif; color:#61acb7; text-decoration:underline!important} .walk_detail h4 a{font:normal 24px/30px Arial, Helvetica, sans-serif;} h6{ background:url("../images/site_images/header-gr.jpg") repeat-x; height:20px; margin:10px 0; padding:7px 0 0 10px; font:/*bold 2/25 */12px Arial, Helvetica, sans-serif; color:#333;} h6 a{ float:right; background:url(../images/site_images/btn_go_right.gif) no-repeat right 4px; margin-right:10px; padding-right: 13px; color:#333;} h6 .mylog a { background:none; text-decoration: none; } h6.header_special{ font:bold 12px Arial, Helvetica, sans-serif;} h6.br{background:url(../images/site_images/header-br.jpg) repeat-x; color:#fff;} h6.pink{background:url(../images/site_images/bg-btn.jpg) repeat-x; position:relative; padding:7px 0 0 35px; text-transform:uppercase; margin:10px 0 5px;} h6.pink .star_sm{position:absolute; top:-16px; left:10px; } h6.pink a{color:#fff;} .logintop { float:left; position:relative; z-index:10;font-size:12px; margin-top: 50px;} ul, ol{list-style-type:none; margin:0;} .bhg .bot_right, .bhg .data_mod, .bhg h2{font-family:Georgia, "Times New Roman", Times, serif !important} .h6_instructions { height:20px; margin:10px 0; padding:7px 0 0 10px; font:normal 12px Arial, Helvetica, sans-serif; color:#333;} /* -------------- 3. Structure -------------------------- */ /* a. =div#container */ div#container{ width:928px;} /* b. =div.left_col */ div.left_col{ width:607px; float:left; /* This is the fix the height of the body to HOPEFULLY fit the right column */ padding-bottom:25px;} /* c. =div.right_col */ div.right_col{ width:302px; float:right;} /* d. =div.walking_app */ div.walking_app{ width:100%;} .top{ height:76px; background:url("../images/site_images/bg-highlite.jpg") bottom repeat-x; float:left; width:100%;} .top img{float:left; /*margin:0 10px 0 10px;*/ margin:0 18px 0 0 } /* vlad 2/25 took out the margin */ .top h3.pad{padding:15px 0 10px 270px; margin:0px !important}/* 3 13 */ .top h3 .star_sm{ top:-22px; left:-22px;} .top ul{text-indent:-1000000px;} .top ul li, .top ul li a{/*width:168px; height:30px;*/ height:31px; width:115px; display:block; float:left;}/* 2/25 */ .top ul li.track, .top ul li.track a{width:125px;} .top ul li{margin:45px 0 0 1px;}/* vlad 2/25 added to accomodate the lack of link on top */ .top ul li.challange a{background:url("../images/site_images/btn_challanges.gif") no-repeat;} .top ul li.track a{background:url("../images/site_images/btn_track_progess.gif") no-repeat;} .top ul li.route a{background:url("../images/site_images/btn_routes.gif") no-repeat;} /*.top ul li.route a{background:url("../images/site_images/btn-find-rt-long.jpg") no-repeat;} .top ul li.challange a{background:url("../images/site_images/btn-challanges.jpg") no-repeat;} .top ul li.route{margin-right:15px;}*/ /* vlad 2/25 took these out to make new buttons */ div.walking_app .bot_left{ width:408px; float:left; background-color:#f6ebe7; padding-bottom:10px; margin-left:10px; color:#333; /*height:240px; 2/25 */} div.walking_app .spacer{height:4px; margin:0; padding:0}/* 5.15 */ div.walking_app .bot_left p{ padding:5px 40px 5px 10px;} div.walking_app .bot_right{/*width:130px; text-align:center; width:160px; margin-right:20px; 2/25*/ float:right; width:170px; margin-right:10px;} /* 2/25 added*/.bot_right h6{margin:0} div.walking_app .bot_right div{color:#2cc0e4; border-bottom:#ccc 1px solid; width:110px; padding:6px 0; position:relative;} div.walking_app .bot_right div.last{border-bottom:none} div.walking_app .bot_right div .star_bl{display:block; position:absolute; left:-26px; top:-2px;} div.walking_app .bot_right div strong{font-size:22px;} div.walking_app .main_app {background-color:#f6ebe7; padding-bottom:10px; color:#666} div.walking_app .main_app p{ padding:5px 40px 5px 10px;} .rules{padding:3px 0 0 30px;} .rules a{float:left; margin-right:12px;} .btn_enter_individual, .btn_enter_as_a_team{position:relative; top:-3px;} /* e. features */ .feature{width:288px;} .feature p{ padding:0 10px; margin:0px !important}/* 3 13 */ .feature .challenge_title { font-size: 18px; margin: 3px; width: 285px; overflow: visible; } .inner_col_small .feature, .inner_col_small select{width:160px;} .inner_col_small .routes .feature p {padding:0; float:right; width:120px;} .inner_col_small .routes .feature img, .articles .feature img { padding-right:0;} .routes .feature{ margin-bottom:10px;} .articles .feature{ margin-bottom:20px; height:100px}/* 3 13 */ .fitness .articles .feature{ margin-bottom:20px; height:140px} .routes .feature img, .articles .feature img{ float:left; padding:0 8px 15px 0;}/* 3 13 */ .routes .feature p img, .articles .feature p img{ float:left; float:none; margin:0 !important; padding:0; position:relative; top:4px;}/* 3 13 */ .articles .feature p{ font-size:11px; margin-top:3px;}/* 3 13 */ .articles .feature h4{margin:0 10px} .routes .feature p a{font-size:12px; color:#61ACB7;} .routes .feature p.bot_link a{margin-right:10px; color:#661f15;} .routes .feature p.bot_link{margin-top:4px;} .routes .feature p{font-size:11px; line-height:16px;} /*.routes span.rating{margin: 0px 10px 0px -10px;}*/ .row .pad_10 img{float:left; margin-right:9px;} .inner_col_large .row .pad_10 img{ margin-right:26px;} .inner_col_large .lg_img .pad_10 img{ margin-right:6px;} .feature p span{width:95px; display:block; float:left;}/*3.23 */ .feature p.bot_link span{width:auto} .five_col .feature p span{width:75px;} .feature .header{/* padding-left:78px; */ border-bottom:1px solid #61ACB7;}/*3.23 */ .height_control{ height:58px;}/*3.23 */ .blue_sec{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#2CC0E4; margin:10px 0 15px; padding:10px 0; text-align:center;} .blue_sec strong {font-size:22px;} .blue_sec .right{margin-right:15px;} .blue_sec .left{margin-left:15px;} .data_mod{/*background:url(../images/site_images/bg_data_module.gif) repeat-x; height:72px; 2/25 */ height:52px; padding-left:10px; color:#2CC0E4; margin:10px 0 15px; text-align:center; } .fnt_26 strong{font-size:26px}/*new*/ .fnt_24 strong, .fnt_24 span{font-size:24px; }/*new 2/25 */ .main_app .fnt_24 { padding-bottom: 10px; }/*new 2/25 */ .fnt_30 strong{font-size:30px} .fnt_21 strong{font-size:21px} .fnt_18 strong{font-size:18px}/*new*/ .fnt_30 div{margin:4px 0 0 0; line-height:22px; float:left; width:200px}/*new*/ .fnt_26 div{float:left; line-height:20px; width:138px; margin-top:16px;}/*new*/ .fnt_24 div{float:left; line-height:20px; margin:6px 15px; padding-top: 5px;}/*new*/ .fnt_24 div .todate{ font-size: 14px; margin: 5px 5px 0 0;}/*new*/ .fnt_24 div strong{ font-size: 35px; }/*new*/ .fnt_24 div .committed{ font-size: 25px; }/*new*/ .fnt_21 div{float:left; padding:15px 12px 0 0; text-align:center;} .fnt_18 div{float:left; width:100px; padding:10px 0 0 0; }/*new*/ .fnt_18 { height: 80px; }/*new*/ .w_200px .small_group{ width:200px;} .small_group img{float:left; margin:0 7px 7px 0} .small_group p{padding-top:0px;} .small_group p a{color:#661F15;} /* create a walk */ .w_726{width:726px;} .w_330{width:330px !important; margin-right:15px} form.create_walk{ margin-top:-10px; } /* background-color:#f6ebe7; - ben change - per issue #526*/ .google{width:705; height:300px; background-color:#fff; margin:10px 0 20px;} form.create_walk .right{ width:170px;} form.create_walk .right a{color:#61ACB7;} form.create_walk label{display:block; font-weight:bold} form.create_walk select, form.create_walk textarea{width:325px;} form.create_walk textarea{ height:88px} form.create_walk input{width:320px;} form.create_walk fieldset div div{} form.create_walk fieldset div.right a{margin-right:8px;} /* login */ form.login{margin-top:4px;} form.login input{ width:100px;} form.login .row div{position:relative; float:left; width:109px; margin-right:4px;} form.login .row div label{position:absolute; top:-14px;} form.login .row div.w-70 {width:70px;} /* stars and buttons */ .star_sm{background:url("../images/site_images/icon-star-sm.png") no-repeat; height:39px; width:25px; position:absolute;} .star_lg{/* 2/25 no display*/ display:none; background:url("../images/site_images/icon-star-lg.png") no-repeat; height:53px; width:34px; position:absolute;} * html .top h3 .star_sm{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/site_images/icon-star-sm.png", sizingMethod="scale");} * html .left_col h2 .star_lg{ left:-28px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/site_images/icon-star-lg.png", sizingMethod="scale");} .star_bl{/*background:url("../images/site_images/icon-blue.png") no-repeat; width:28px; height:42px*/ display:none;} /* 5 15 */ .left_col h2{ /*padding:5px 0 0 50px; 2/25 */ padding:5px 0 0 10px} .left_col h2 .star_lg{top:-20px; left:18px;} .btn_container{ width:270px; float:right;} .btn_container a.btn_start_now, .btn_container a.btn_join_now{ float:right; position:relative; top:-4px; left:-10px;} .btn_container a{white-space:nowrap; font-weight:normal!important; text-decoration:underline} .right .btn_log_walk{float:right; margin-top:-2px;} a.btn{height:22px; width:81px; background-repeat:no-repeat; display:block; text-indent:-100000px; float:left;} .join a.btn{ background-image:url(../images/site_images/btn_join_now.gif)} .log_in a.btn{ background-image:url(../images/site_images/btn_log_in.gif)} .join, .log_in{ width:99px; float:right;} .log_in a{color:#666; font:normal 10px Arial, Helvetica, sans-serif;} .btn_login{background:url(../images/site_images/btn-log-in.jpg) no-repeat; height:22px; width:57px !important; text-indent:-100000px; border:none; display:block;} .btn_join{background:url(../images/site_images/btn_join.jpg) no-repeat; height:22px; width:61px !important; text-indent:-100000px; border:none; display:block;} .btn_find_rt{background:url(../images/site_images/btn-find-rt.jpg) no-repeat; height:22px; width:107px!important; text-indent:-100000px; border:none; display:block; margin-top:-1px;} .btn_start_now{background:url(../images/site_images/btn-start-now.jpg) no-repeat; height:22px; width:107px !important; text-indent:-100000px; border:none; display:block;} /*2/25*/ .btn_join_now{background:url(../images/site_images/btn_join_now.png) no-repeat; height:22px; width:81px !important; text-indent:-100000px; border:none; display:block;} .btn_update{background:url(../images/site_images/btn_update.gif) no-repeat; height:22px; width:109px !important; text-indent:-100000px; border:none; display:block; float:right!important} .btn_map_rt{background:url(../images/site_images/btn-map-rt.jpg) no-repeat; height:22px; width:107px!important; text-indent:-100000px; border:none; display:block;} .btn_log_walk{background:url(../images/site_images/btn-log-yr-walk.jpg) no-repeat; height:22px; width:107px !important; text-indent:-100000px; border:none; display:block; cursor:pointer; font-size:0px} /* btn_parents_record_now.jpg */ .btn_post_comment{background:url(../images/site_images/btn_post_comment.jpg) no-repeat; height:22px; width:136px !important; text-indent:-100000px; border:none;} .btn_get_started{background:url(../images/site_images/btn_get_started.jpg) left no-repeat; height:22px; width:108px !important; text-indent:-100000px; border:none; display:block;} .btn_join_chal{background:url(../images/site_images/btn_join_chal.gif) left no-repeat; height:22px; width:107px !important; text-indent:-100000px; border:none; display:block; position:relative; top:-4px;} .btn_create_team{background:url(../images/site_images/btn_create-team.jpg) no-repeat; height:24px; width:163px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px;} .btn_add_friends{background:url(../images/site_images/btn_add_friend.jpg) no-repeat; height:22px; width:163px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px;} .btn_start{background:url(../images/site_images/btn_start.jpg) no-repeat; height:22px; width:81px !important; border:none; margin:0 10px; cursor:pointer;} .btn_create_goal{background:url(../images/site_images/btn_create_goal.jpg) no-repeat; height:22px; width:163px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px; } .btn_enter_challange{background:url(../images/site_images/btn_enter_challange.jpg) no-repeat; height:22px; width:162px !important; text-indent:-100000px; border:none; display:block;} .btn_track_progress{background:url(../images/site_images/btn_track_progres.jpg) no-repeat; height:22px; width:162px !important; text-indent:-100000px; border:none; display:block;} .btn_enter_as_team{background:url(../images/site_images/btn_enter_as_team.jpg) no-repeat; height:22px; width:162px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px; } .btn_enter_as_a_team{background:url(../images/site_images/btn_enter_as_a_team.jpg) no-repeat; height:22px; width:131px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px; } .btn_enter_individual{background:url(../images/site_images/btn_enter_as_individual.jpg) no-repeat; height:22px; width:142px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px; } .btn_enter_individual_large{background:url(../images/site_images/btn_enter_as_individual_large.jpg) no-repeat; height:22px; width:160px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px; } .btn_send{background:url(../images/family_images/btn-send.jpg) no-repeat; height:22px; width:57px !important; text-indent:-100000px; border:none; display:block; margin-bottom:10px; } .btn_create_walk{background:url(../images/site_images/btn_create_walk.jpg) no-repeat; height:22px; width:110px !important; border:none; cursor:pointer; display:block; text-decoration:none!important;} .btn_create_route{background:url(../images/site_images/btn_create_route.jpg) no-repeat; height:22px; width:160px !important; border:none; cursor:pointer; display:block; text-decoration:none!important;} .btn_save{background:url(../images/site_images/btn_save.png) no-repeat; height:22px; width:107px !important; display:block; text-indent:-100000px;} .btn_invite{background:url(../images/site_images/btn_invite.png) no-repeat; height:22px; width:107px !important; display:block; text-indent:-100000px;} .btn_cancel{background:url(../images/site_images/btn_cancel.png) no-repeat; height:22px; width:107px !important; display:block; text-indent:-100000px;} .btn_edit_profile{background:url(../images/site_images/btn_edit_profile.jpg) no-repeat; height:22px; width:160px !important; display:block; text-indent:-100000px; text-decoration:none;} .btn_continue{background:url(../images/site_images/btn_continue.jpg) no-repeat; height:22px; width:160px !important; display:block; text-indent:-100000px; text-decoration:none;} .btn_delete{background:url(../images/site_images/btn_delete.jpg) no-repeat; height:22px; width:160px !important; display:block; text-indent:-100000px; text-decoration:none;} /* profile nav */ ul.prof_nav{ height:37px; background:url(../images/site_images/bg-profile-tab.jpg) repeat-x; width:913px; margin-left:10px; margin-bottom:10px;} ul.prof_nav li{height:37px; float:left; border-right:1px solid #fff} ul.prof_nav li a{ width:124px; padding-top:13px; height:24px; text-align:center; display:block; float:left;} ul.prof_nav li a:hover, ul.prof_nav li a.on{ background:url(../images/site_images/bg_profile-tab_hover.jpg) repeat-x top; color:#fff; text-decoration:none;} /* goals nav */ ul.goals{margin-bottom:10px;} ul.goals li{ border-bottom:1px #ccc solid} ul.goals li a{ padding:17px 10px 0; display:block; height:31px; color:#61ACB7;} ul.goals li a.on, ul.goals li a:hover{ background:url(../images/site_images/bg_create_goal.jpg) repeat-x top; color:#fff; text-decoration:none;} /* small nav */ ul.small_nav{background:#f9efeb url(../images/site_images/bg_small-nav.jpg) bottom repeat-x; text-align:center; margin:0 0 10px 0; } ul.small_nav li a{ background:url(../images/site_images/bg_underline-small_nav.gif) center bottom no-repeat; height:21px; padding-top:10px; display:block;} ul.small_nav li a:hover{ color:#fff; text-decoration:none; background:url(../images/site_images/bg_navs-mall_nav.jpg) repeat-x} /*sub nav*/ ul.sub_nav{background:transparent url(../images/site_images/header-gr.jpg) repeat-x scroll 0 0; height:30px; margin:10px 0;} ul.sub_nav li{ float:left; border-right:1px solid #fff; padding:7px 8px ;} ul.sub_nav li.last{ border:none;} ul.sub_nav li a{ display:block; float:left;} /*my teams nav*/ div.my_teams{ margin-bottom:10px; text-align:center; color:#661F15; background:#F9EFEB url(../images/site_images/bg_small-nav.jpg) repeat-x scroll center bottom; padding-top:8px} div.my_teams ul{ height:194px; overflow:auto; text-align:left; margin:8px 0 0 0;} div.my_teams ul li{ height:47px;} div.my_teams ul li img{margin:0 0 0 10px; float:left;} div.my_teams ul li a{color:#61ACB7; display:block; padding:6px 0; height:38px; text-decoration:none} div.my_teams ul li a.on, div.my_teams ul li a:hover{ background:url(../images/site_images/bg_side-nav_on.jpg) repeat-x top; color:#fff; text-decoration:none;} div.my_teams ul li a span{ float:left; padding:0 0 0 10px; width:85px; display:block;} div.my_teams ul.noimg li a span{ width:auto;} div.my_teams ol{padding-bottom:15px;} div.my_teams ol select{width:120px; margin-top:10px;} /*left side inner column small & large*/ .inner_col_small{width:160px; margin-left:10px;} .inner_col_large{width:416px;} .inner_col_large .feature {width:416px;} .inner_col_large .small_feature .feature {width:205px; height:157px; overflow:hidden;} .feature select{width:118px; margin-top:10px;} /* enter_activity */ .enter_activity{ background-color:#f6ebe7; height:250px;}/* 5.15 */ .enter_activity input{width:155px; float:left;} .enter_activity input.radio{ float:left; margin:2px 0 0 15px;} input.radio{ width:auto !important;} .enter_activity select{width:160px; float:right;} .enter_activity label{float:left; width:80px;/* text-align:right*/} .enter_activity .row{height:28px} .enter_activity .or_row{/*padding:4px 0 0 30px; width:180px; text-align:center;*/ position:absolute; top:90px;} .enter_activity .right{width:99%; margin-top:6px;} .enter_activity .right a{margin-left:10px;} .enter_activity p{padding:10px 10px 10px 30px; text-align:center;} .enter_activity .cal_row a{float:left; margin-left:15px; position:relative; left:-5px;} .enter_activity .cal_row select{width:165px;} .enter_activity .length_control input{/*width:175px*/} .enter_activity .cal_row input{} .enter_activity .cal_row label{/*width:90px;*/} .enter_activity .cal_row select{margin-right:10px;} .req{color:#FF3300} /* form find route */ .form_find_route{background-color:#f6ebe7; padding:10px; margin-top:-8px;} .form_find_route div.row{ padding-bottom:10px;} .form_find_route div.row div{ position:relative; float:left;} .form_find_route div.row div label{position:absolute; top:-15px;} .form_find_route div.row .search_radius{float:right;} .form_find_route div.row .search_radius select{width:190px; margin:0;} .form_find_route div.row input{width:175px;} .form_find_route div.row input.radio{position:relative; top:3px} .form_find_route div.row select{width:125px; margin:0 10px 0 0;} .form_find_route div.row select#time{margin:0} /* *:first-child+html .form_find_route div.row select{margin:0 4px 0 1px;} * html .form_find_route div.row select{margin:0 4px 0 1px;}*/ /* form create a goal */ .create_a_goal{background-color:#f6ebe7; padding:20px 10px 0; margin-top:-8px;} .create_a_goal p{padding-bottom:30px} .create_a_goal div.row{margin-bottom:10px;} .create_a_goal div.row input{width:34px;} .create_a_goal div.row label{margin:0 15px 0 5px} .create_a_goal div.row textarea{width:99%; height:100px;} .create_a_goal div.row span{margin-left: 10px;} .create_a_goal a{color:#61ACB7;} /* group commit */ .group_commit{background:url(../images/site_images/bg_blue_gradient.jpg) repeat-x top; height:70px;} .group_commit div{float:left; padding:15px 6px 0; text-align:center; color:#2CC0E4;} .group_commit div strong {font-size:19px;} /* stats */ .stats{ height:50px; /*padding-left:20px;*/ text-align:left; color:#000;} .stats div{float:left; margin-right:11px;} .stats strong { } .walking_app .stats{ background-color:#fff; padding-top:12px; margin-top:8px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .walking_app .stats div{ margin-right:26px} .my_goals strong, .walking_app .stats strong { } .my_goals .stats{ height:35px} .my_goals .stats{ background-color:#fff; padding-top:4px; margin-top:8px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .my_goals h2{padding:0 0 4px 0} /* Comments */ .comments{ margin:40px 0 0 0;} .comments_head{border-bottom:1px solid #66aac1; margin-bottom:10px;} .comments_head a.btn_post_comment{position:relative; top:-9px;} .comment_main{border-bottom:1px solid #66aac1; padding-bottom:15px; margin-bottom:25px; color:#66aac1;} .comment_main p{margin-bottom:6px;} .txt_red{color:#661F15; } .comments_reply{ margin:15px 10px 0 30px;} .walk_detail .comment_main p{margin-bottom:5px;} /* fpo */ .fpo{margin-bottom:10px} /* walk detail */ .walk_detail{} .walk_detail .feature img{ float:left; margin-right:10px;} .walk_detail .feature p{margin-bottom:15px} .walk_detail p{margin-bottom:25px} /* clear fix styles */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .padding_temp{left:82px;} /* -- BHG -- */ .bhg div.my_teams ul li a.on, .bhg div.my_teams ul li a:hover{ background:url(../images/bhg_images/bg_side-nav_on.jpg) repeat-x top;} .bhg a{text-decoration:underline;} /* yellow */.bhg .routes .feature p a, .bhg .btn_container a{color:#f0ab2a;} /* orange */.bhg a, .bhg h2, .bhg h3, .bhg h3 a:visited, .bhg h6.header_special{color:#df4000;} /* green */.bhg form.login a{color:#a6d64f;} /* background color change */.bhg div.walking_app .bot_left, .bhg .enter_activity, .bhg #main_table, .bhg .form_find_route, .bhg div.walking_app .main_app, .bhg .create_a_goal, .bhg .color_bg, .bhg .right_table{background-color:#f7fbed} /* .bhg form.create_walk, - change per issue #526*/ .bhg .invisi_box{ border:solid 4px #DF4000;} /* H tags bg change */ .bhg h6{background:url(../images/bhg_images/bg_h6.gif) repeat-x top;} .bhg h6.br{background:url(../images/bhg_images/bg_h6_gr.gif) repeat-x top;} /* buttons aka btn */ .bhg .btn_login{background:url(../images/bhg_images/btn_log_in.jpg);} .bhg .btn_join{background:url(../images/bhg_images/btn_join.jpg) no-repeat;} .bhg .btn_find_rt {background:url(../images/bhg_images/btn_find_rt.jpg);} .bhg .btn_start_now{background:url(../images/bhg_images/btn_start_now.jpg);} .bhg .btn_start{background:url(../images/bhg_images/btn_start.png);} .bhg .btn_map_rt{background:url(../images/bhg_images/btn_map_rt.jpg);} .bhg .btn_log_walk{background:url(../images/bhg_images/btn_log_walk.jpg);} /* btn_bhg_record_now.jpg */ .bhg .btn_get_started{background:url(../images/bhg_images/btn_get_started.jpg); width:106px !important} .bhg .btn_enter_challange{background:url(../images/bhg_images/btn_enter_challange.jpg) no-repeat;} .bhg .btn_enter_as_team{background:url(../images/bhg_images/btn_enter_as_team.jpg) no-repeat;} .bhg .btn_enter_as_a_team{background:url(../images/bhg_images/btn_enter_as_a_team.jpg) no-repeat;} .bhg .btn_enter_individual{background:url(../images/bhg_images/btn_enter_as_individual.jpg) no-repeat;} .bhg .btn_enter_individual_large{background:url(../images/bhg_images/btn_enter_as_individual_large.jpg) no-repeat;} .bhg .btn_create_team{background:url(../images/bhg_images/btn_create-team.jpg) no-repeat;} .bhg .btn_add_friends{background:url(../images/bhg_images/btn_add_friend.jpg) no-repeat;} .bhg .btn_create_walk{background:url(../images/bhg_images/btn_create_walk.jpg) no-repeat;} .bhg .btn_create_goal{background:url(../images/bhg_images/btn_create_goal.jpg) no-repeat;} .bhg .btn_post_comment{background:url(../images/bhg_images/btn_post_comment.jpg) no-repeat;} .bhg .btn_create_route{background:url(../images/bhg_images/btn_create_route.jpg) no-repeat;} .bhg .btn_edit_profile{background:url(../images/bhg_images/btn_edit_profile.jpg) no-repeat} .bhg .btn_continue{background:url(../images/bhg_images/btn_continue.jpg) no-repeat;} .bhg .btn_delete{background:url(../images/bhg_images/btn_delete.jpg) no-repeat;} /* 2 large buttons */ .bhg .top ul li.route a{background:url(../images/bhg_images/btn_top-find-rte.jpg);} .bhg .top ul li.challange a {background:url(../images/bhg_images/btn_top-challanges.jpg)} /* stars */ .bhg .star_sm{background:url("../images/bhg_images/icon-star-sm.png") no-repeat; height:39px; width:25px; position:absolute;} .bhg .star_lg{background:url("../images/bhg_images/icon-star-lg.png") no-repeat; height:53px; width:34px; position:absolute;} * html .bhg .top h3 .star_sm{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bhg_images/icon-star-sm.png", sizingMethod="scale");} * html .bhg .left_col h2 .star_lg{ left:-28px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bhg_images/icon-star-lg.png", sizingMethod="scale");} .bhg .star_bl{ display:none !important;} .bhg ul.prof_nav li a:hover, .bhg ul.prof_nav li a.on{ background:url(../images/bhg_images/bg_profile-tab_hover.jpg) !important} .bhg ul.small_nav li a:hover{background:url(../images/bhg_images/bg_navs-mall_nav.jpg)} .bhg .btn_save{background:url(../images/bhg_images/btn_save.png);} .bhg .btn_cancel{background:url(../images/bhg_images/btn_cancel.png); } .bhg span.rating a:hover, .bhg span.rating a.on{background:url(../images/bhg_images/star.png) no-repeat;} .bhg ul.small_nav, .bhg div.my_teams {background:#fff1d9 url(../images/bhg_images/bg_small-nav.jpg) repeat-x bottom;} .bhg ul.small_nav li a {background: url(../images/bhg_images/bg_underline-small_nav.gif) no-repeat bottom;} /* 2/25 */ .bhg .top ul li.challange a{background:url("../images/site_images/bhg_btn_challanges.gif") no-repeat} .bhg .top ul li.track a{background:url("../images/site_images/bhg_btn_track_progess.gif") no-repeat} .bhg .top ul li.route a{background:url("../images/site_images/bhg_btn_routes.gif") no-repeat} .bhg .btn_update{background:url("../images/site_images/bhg_btn_update.gif") no-repeat;} .bhg .btn_join_chal{background:url("../images/site_images/bhg_btn_join_chal.gif") no-repeat} .bhg .join a.btn, .bhg .btn_join_now {background:url("../images/site_images/bhg_btn_join_now.png") no-repeat;} /* -- Diabetic -- */ .diabetic div.my_teams ul li a.on, .diabetic div.my_teams ul li a:hover{ background:url(../images/dl_images/bg_side-nav_on.jpg) repeat-x top;} .diabetic a{text-decoration:underline;} /* dark blue */.diabetic div.walking_app .bot_right div, .diabetic .blue_sec, .diabetic .data_mod {color:#6973b0} /* purple */.diabetic a, .diabetic h2, .diabetic h3, .diabetic .routes .feature p a, .diabetic .btn_container a, .diabetic h3 a:visited, .bhg h6.header_special{color:#7d0870;} /* green */.diabetic form.login a{color:#82c714;} /* background color change */.diabetic div.walking_app .bot_left, .diabetic .enter_activity, .diabetic .form_find_route, .diabetic #main_table, .diabetic .form_find_route, .diabetic div.walking_app .main_app, .diabetic form.create_walk, .diabetic .create_a_goal, .diabetic .color_bg, .diabetic .right_table{background-color:#f2f6e8} .diabetic .invisi_box{border:solid 4px #7D0870;} /* H tags bg change */ .diabetic h6{background:url(../images/dl_images/bg_h6.jpg) repeat-x top;} .diabetic h6.br{background:url(../images/dl_images/bg_h6-purp.jpg) repeat-x top;} /* buttons aka btn */ .diabetic .btn_login{background:url(../images/dl_images/btn_log_in.jpg);} .diabetic .btn_join{background:url(../images/dl_images/btn_join.jpg) no-repeat;} .diabetic .btn_find_rt {background:url(../images/dl_images/btn_find_rt.jpg); height:20px} .diabetic .btn_start_now{background:url(../images/dl_images/btn_start_now.jpg);} .diabetic .btn_start{background:url(../images/dl_images/btn_start.png);} .diabetic .btn_map_rt{background:url(../images/dl_images/btn_map_rt.jpg);} .diabetic .btn_log_walk{background:url(../images/dl_images/btn_log_walk.jpg);} /* btn_diabetic_record_now.jpg */ .diabetic .btn_get_started{background:url(../images/dl_images/btn_get_started.jpg); width:106px !important} .diabetic .btn_enter_challange{background:url(../images/dl_images/btn_enter_challange.jpg) no-repeat;} .diabetic .btn_enter_as_team{background:url(../images/dl_images/btn_enter_as_team.jpg) no-repeat;} .diabetic .btn_enter_as_a_team{background:url(../images/dl_images/btn_enter_as_a_team.jpg) no-repeat;} .diabetic .btn_enter_individual{background:url(../images/dl_images/btn_enter_as_individual.jpg) no-repeat;} .diabetic .btn_enter_individual_large{background:url(../images/dl_images/btn_enter_as_individual_large.jpg) no-repeat;} .diabetic .btn_create_team{background:url(../images/dl_images/btn_create-team.jpg) no-repeat;} .diabetic .btn_add_friends{background:url(../images/dl_images/btn_add_friend.jpg) no-repeat;} .diabetic .btn_create_walk{background:url(../images/dl_images/btn_create_walk.jpg) no-repeat;} .diabetic .btn_create_goal{background:url(../images/dl_images/btn_create_goal.jpg) no-repeat;} .diabetic .btn_post_comment{background:url(../images/dl_images/btn_post_comment.jpg) no-repeat;} .diabetic .btn_create_route{background:url(../images/dl_images/btn_create_route.jpg) no-repeat;} .diabetic .btn_edit_profile{background:url(../images/dl_images/btn_edit_profile.jpg) no-repeat} .diabetic .btn_continue{background:url(../images/dl_images/btn_continue.jpg) no-repeat;} .diabetic .btn_delete{background:url(../images/dl_images/btn_delete.jpg) no-repeat;} /* 2 large buttons */ .diabetic .top ul li.route a{background:url(../images/dl_images/btn_top-find-rte.jpg);} .diabetic .top ul li.challange a {background:url(../images/dl_images/btn_top-challanges.jpg)} /* stars */ .diabetic .star_sm{background:url("../images/dl_images/icon-star-sm.png") no-repeat; height:39px; width:25px; position:absolute;} .diabetic .star_lg{background:url("../images/dl_images/icon-star-lg.png") no-repeat; height:53px; width:34px; position:absolute;} * html .diabetic .top h3 .star_sm{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/dl_images/icon-star-sm.png", sizingMethod="scale");} * html .diabetic .left_col h2 .star_lg{ left:-28px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/dl_images/icon-star-lg.png", sizingMethod="scale");} .diabetic .star_bl{ display:none !important;} .diabetic ul.prof_nav li a:hover, .diabetic ul.prof_nav li a.on{ background:url(../images/dl_images/bg_profile-tab_hover.jpg) !important} .diabetic ul.small_nav li a:hover{background:url(../images/dl_images/bg_navs-mall_nav.jpg)} .diabetic .btn_save{background:url(../images/dl_images/btn_save.png);} .diabetic .btn_cancel{background:url(../images/dl_images/btn_cancel.png); } .diabetic span.rating a:hover, .diabetic span.rating a.on{background:url(../images/dl_images/star.png) no-repeat;} .diabetic ul.small_nav, .diabetic div.my_teams {background:#eaffc4 url(../images/dl_images/bg_small-nav.jpg) repeat-x bottom;} .diabetic ul.small_nav li a {background: url(../images/dl_images/bg_underline-small_nav.gif) no-repeat bottom;} /* 2/25 */ .diabetic .top ul li.challange a{background:url("../images/site_images/diabetic_btn_challanges.gif") no-repeat} .diabetic .top ul li.track a{background:url("../images/site_images/diabetic_btn_track_progess.gif") no-repeat} .diabetic .top ul li.route a{background:url("../images/site_images/diabetic_btn_routes.gif") no-repeat} .diabetic .btn_update{background:url("../images/site_images/green_btn_update.png") no-repeat;} .diabetic .btn_join_chal{background:url("../images/site_images/green_btn_join_chal.gif") no-repeat} .diabetic .join a.btn, .diabetic .btn_join_now {background:url("../images/site_images/green_btn_join_now.png") no-repeat;} /* -- Heart -- */ .heart div.my_teams ul li a.on, .heart div.my_teams ul li a:hover{ background:url(../images/heart_images/bg_side-nav_on.jpg) repeat-x top;} .heart a{text-decoration:underline;} /* yellow */.heart div.walking_app .bot_right div, .heart .blue_sec, .heart .data_mod {color:#d8a846} /* red */.heart form.login a, .heart a, .heart h2, .heart h3, .heart .routes .feature p a, .heart .btn_container a, .heart h3 a:visited, .bhg h6.header_special{color:#9a2011;} /* background color change */.heart div.walking_app .bot_left, .heart .enter_activity, .heart #main_table, .heart .form_find_route, .heart div.walking_app .main_app, .heart form.create_walk, .heart .create_a_goal, .heart .color_bg, .heart .right_table{background-color:#faf4f4} .heart .invisi_box{border:solid 4px #9A2011;} /* H tags bg change */ .heart h6{background:url(../images/heart_images/bg_h6.gif) repeat-x top;} .heart h6.br{background:url(../images/heart_images/bg_h6-red.gif) repeat-x top;} /* buttons aka btn */ .heart .btn_login{background:url(../images/heart_images/btn_log_in.jpg);} .heart .btn_join{background:url(../images/heart_images/btn_join.jpg) no-repeat;} .heart .btn_find_rt {background:url(../images/heart_images/btn_find_rt.jpg);} .heart .btn_start_now{background:url(../images/heart_images/btn_start_now.jpg);} .heart .btn_start{background:url(../images/heart_images/btn_start.png);} .heart .btn_map_rt{background:url(../images/heart_images/btn_map_rt.jpg);} .heart .btn_log_walk{background:url(../images/heart_images/btn_log_walk.jpg);} /* btn_heart_record_now.jpg */ .heart .btn_get_started{background:url(../images/heart_images/btn_get_started.jpg); width:106px !important} .heart .btn_enter_challange{background:url(../images/heart_images/btn_enter_challange.jpg) no-repeat;} .heart .btn_enter_individual_large{background:url(../images/heart_images/btn_enter_as_individual_large.jpg) no-repeat;} .heart .btn_enter_as_team{background:url(../images/heart_images/btn_enter_as_team.jpg) no-repeat;} .heart .btn_enter_as_a_team{background:url(../images/heart_images/btn_enter_as_a_team.jpg) no-repeat;} .heart .btn_enter_individual{background:url(../images/heart_images/btn_enter_as_individual.jpg) no-repeat;} .heart .btn_create_team{background:url(../images/heart_images/btn_create-team.jpg) no-repeat;} .heart .btn_add_friends{background:url(../images/heart_images/btn_add_friend.jpg) no-repeat;} .heart .btn_create_walk{background:url(../images/heart_images/btn_create_walk.jpg) no-repeat;} .heart .btn_create_goal{background:url(../images/heart_images/btn_create_goal.jpg) no-repeat;} .heart .btn_post_comment{background:url(../images/heart_images/btn_post_comment.jpg) no-repeat;} .heart .btn_create_route{background:url(../images/heart_images/btn_create_route.jpg) no-repeat;} .heart .btn_edit_profile{background:url(../images/heart_images/btn_edit_profile.jpg) no-repeat} .heart .btn_continue{background:url(../images/heart_images/btn_continue.jpg) no-repeat;} .heart .btn_delete{background:url(../images/heart_images/btn_delete.jpg) no-repeat;} /* 2 large buttons */ .heart .top ul li.route a{background:url(../images/heart_images/btn_top-find-rte.jpg);} .heart .top ul li.challange a {background:url(../images/heart_images/btn_top-challanges.jpg)} /* stars */ .heart .star_sm{background:url("../images/heart_images/icon-star-sm.png") no-repeat; height:39px; width:25px; position:absolute;} .heart .star_lg{background:url("../images/heart_images/icon-star-lg.png") no-repeat; height:53px; width:34px; position:absolute;} * html .heart .top h3 .star_sm{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/heart_images/icon-star-sm.png", sizingMethod="scale");} * html .heart .left_col h2 .star_lg{ left:-28px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/heart_images/icon-star-lg.png", sizingMethod="scale");} .heart .star_bl{ display:none !important;} .heart .top {background:transparent url(../images/heart_images/bg-highlite.jpg) repeat-x bottom;} .heart ul.prof_nav li a:hover, .heart ul.prof_nav li a.on{ background:url(../images/heart_images/bg_profile-tab_hover.jpg) !important} .heart ul.small_nav li a:hover{background:url(../images/heart_images/bg_navs-mall_nav.jpg)} .heart .btn_save{background:url(../images/heart_images/btn_save.png);} .heart .btn_cancel{background:url(../images/heart_images/btn_cancel.png); } .heart span.rating a:hover, .heart span.rating a.on{background:url(../images/heart_images/star.png) no-repeat;} .heart ul.small_nav, .heart div.my_teams {background:#ffeeed url(../images/heart_images/bg_small-nav.jpg) repeat-x bottom;} .heart ul.small_nav li a {background: url(../images/heart_images/bg_underline-small_nav.gif) no-repeat bottom;} /* 2/25 */ .heart .top ul li.challange a{background:url("../images/site_images/heart_btn_challanges.gif") no-repeat} .heart .top ul li.track a{background:url("../images/site_images/heart_btn_track_progess.gif") no-repeat} .heart .top ul li.route a{background:url("../images/site_images/heart_btn_routes.gif") no-repeat} /* -- Fitness -- */ .fitness div.my_teams ul li a.on, .fitness div.my_teams ul li a:hover{ background:url(../images/fitness_images/bg_side-nav_on.jpg) repeat-x top;} .fitness a{text-decoration:underline;} /* red */.fitness div.walking_app .bot_right div, .fitness .blue_sec{color:#c63a61} /* blue */.fitness form.login a, .fitness a, .fitness h2, .fitness h3, .fitness .routes .feature p a, .fitness .btn_container a, .fitness h3 a:visited, .bhg h6.header_special, .fitness .data_mod {color:#0097e3;} /* background color change */.fitness div.walking_app .bot_left, .fitness .enter_activity, .fitness #main_table, .fitness .form_find_route, .fitness div.walking_app .main_app, .fitness form.create_walk, .fitness .create_a_goal, .fitness .color_bg, .fitness .right_table{background-color:#e5f3fc} .fitness .invisi_box{ border:solid 4px #0097E3;} /* H tags bg change */ .fitness h6{background:url(../images/fitness_images/bg_h6.gif) repeat-x top;} .fitness h6.br{background:url(../images/fitness_images/bg_h6-blue.gif) repeat-x top;} /* buttons aka btn */ .fitness .btn_login{background:url(../images/bhg_images/btn_log_in.jpg);} .fitness .btn_join{background:url(../images/bhg_images/btn_join.jpg) no-repeat;} .fitness .btn_find_rt {background:url(../images/bhg_images/btn_find_rt.jpg);} .fitness .btn_start_now{background:url(../images/bhg_images/btn_start_now.jpg);} .fitness .btn_start{background:url(../images/bhg_images/btn_start.png);} .fitness .btn_map_rt{background:url(../images/bhg_images/btn_map_rt.jpg);} .fitness .btn_log_walk{background:url(../images/bhg_images/btn_log_walk.jpg);} /* btn_bhg_record_now.jpg */ .fitness .btn_get_started{background:url(../images/bhg_images/btn_get_started.jpg); width:106px !important} .fitness .btn_enter_challange{background:url(../images/bhg_images/btn_enter_challange.jpg) no-repeat;} .fitness .btn_enter_as_team{background:url(../images/bhg_images/btn_enter_as_team.jpg) no-repeat;} .fitness .btn_enter_as_a_team{background:url(../images/bhg_images/btn_enter_as_a_team.jpg) no-repeat;} .fitness .btn_enter_individual{background:url(../images/bhg_images/btn_enter_as_individual.jpg) no-repeat;} .fitness .btn_enter_individual_large{background:url(../images/bhg_images/btn_enter_as_individual_large.jpg) no-repeat;} .fitness .btn_create_team{background:url(../images/bhg_images/btn_create-team.jpg) no-repeat;} .fitness .btn_add_friends{background:url(../images/bhg_images/btn_add_friend.jpg) no-repeat;} .fitness .btn_create_walk{background:url(../images/bhg_images/btn_create_walk.jpg) no-repeat;} .fitness .btn_create_goal{background:url(../images/bhg_images/btn_create_goal.jpg) no-repeat;} .fitness .btn_post_comment{background:url(../images/bhg_images/btn_post_comment.jpg) no-repeat;} .fitness .btn_create_route{background:url(../images/bhg_images/btn_create_route.jpg) no-repeat;} .fitness .btn_edit_profile{background:url(../images/bhg_images/btn_edit_profile.jpg) no-repeat;} .fitness .btn_continue{background:url(../images/bhg_images/btn_continue.jpg) no-repeat;} .fitness .btn_delete{background:url(../images/bhg_images/btn_delete.jpg) no-repeat;} /* 2 large buttons */ .fitness .top ul li.route a{background:url(../images/fitness_images/btn_top-find-rte.jpg);} .fitness .top ul li.challange a {background:url(../images/fitness_images/btn_top-challanges.jpg)} /* stars */ .fitness .star_sm{background:url("../images/fitness_images/icon-star-sm.png") no-repeat; height:39px; width:25px; position:absolute;} .fitness .star_lg{background:url("../images/fitness_images/icon-star-lg.png") no-repeat; height:53px; width:34px; position:absolute;} * html .fitness .top h3 .star_sm{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fitness_images/icon-star-sm.png", sizingMethod="scale");} * html .fitness .left_col h2 .star_lg{ left:-28px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fitness_images/icon-star-lg.png", sizingMethod="scale");} .fitness .star_bl{ display:none !important;} .fitness ul.prof_nav li a:hover, .fitness ul.prof_nav li a.on{ background:url(../images/fitness_images/bg_profile-tab_hover.jpg) !important} .fitness ul.small_nav li a:hover{background:url(../images/fitness_images/bg_navs-mall_nav.jpg)} .fitness .btn_save{background:url(../images/fitness_images/btn_save.png);} .fitness .btn_cancel{background:url(../images/fitness_images/btn_cancel.png); } .fitness span.rating a:hover, .fitnesswalking_user span.rating a.on{background:url(../images/fitness_images/star.png) no-repeat;} .fitness ul.small_nav, .fitness div.my_teams {background:#e6f6ff url(../images/fitness_images/bg_small-nav.jpg) repeat-x bottom;} .fitness ul.small_nav li a {background: url(../images/fitness_images/bg_underline-small_nav.gif) no-repeat bottom;} /* 2/25 */ .fitness .top ul li.challange a{background:url("../images/site_images/fitness_btn_challanges.gif") no-repeat} .fitness .top ul li.track a{background:url("../images/site_images/fitness_btn_track_progess.gif") no-repeat} .fitness .top ul li.route a{background:url("../images/site_images/fitness_btn_routes.gif") no-repeat} .fitness .btn_update{background:url("../images/site_images/green_btn_update.png") no-repeat;} .fitness .btn_join_chal{background:url("../images/site_images/green_btn_join_chal.gif") no-repeat} .fitness .join a.btn, .fitness .btn_join_now {background:url("../images/site_images/green_btn_join_now.png") no-repeat;} /* -- FamilyCircle -- */ .familycircle div.my_teams ul li a { color: #000; } .familycircle div.my_teams ul li a.on, .familycircle div.my_teams ul li a:hover{ background-color: #FAA61A; background:#FAA61A;} .familycircle a{text-decoration:underline;} /* red */.familycircle div.walking_app .bot_right div, .familycircle .blue_sec{color:#c63a61} /* blue */.familycircle form.login a, .familycircle a, .familycircle h2, .familycircle h3, .familycircle .routes .feature p a, .familycircle .btn_container a, .familycircle h3 a:visited, .bhg h6.header_special, .familycircle .data_mod {color:#000;} /* background color change */.familycircle div.walking_app .bot_left, .familycircle .enter_activity, .familycircle #main_table, .familycircle .form_find_route, .familycircle div.walking_app .main_app, .familycircle form.create_walk, .familycircle .create_a_goal, .familycircle .color_bg, .familycircle .right_table{background-color:#fff} .familycircle .invisi_box{ border:solid 4px #0097E3;} /* H tags bg change */ .familycircle h6{background:url(../images/family_images/bg_h6.gif) repeat-x top; font-weight: bold; color: #fff;} .familycircle h6.br{background:url(../images/family_images/bg_h6-gray.gif) repeat-x top; font-weight: bold; color: #fff;} /* buttons aka btn */ .familycircle .btn_login{background:url(../images/family_images/btn-log-in.jpg);} .familycircle .btn_join{background:url(../images/family_images/btn_join.png) no-repeat;} .familycircle .btn_find_rt {background:url(../images/family_images/btn-find-rt.jpg); width: 145px !important;} .familycircle .btn_invite {background:url(../images/family_images/btn_invite.png); } .familycircle .btn_start_now{background:url(../images/bhg_images/btn_start_now.jpg);} .familycircle .btn_start{background:url(../images/family_images/btn_start.png);} .familycircle .btn_map_rt{background:url(../images/bhg_images/btn_map_rt.jpg);} .familycircle .btn_log_walk{background:url(../images/bhg_images/btn_log_walk.jpg);} /* btn_bhg_record_now.jpg */ .familycircle .btn_get_started{background:url(../images/site_images/btn_get_started.jpg); width:106px !important} .familycircle .btn_enter_challange{background:url(../images/family_images/btn_enter_challange.png) no-repeat;} .familycircle .btn_track_progress{background:url(../images/family_images/btn_track-progress.jpg) no-repeat;} .familycircle .btn_enter_as_team{background:url(../images/site_images/btn_enter_as_team.jpg) no-repeat;} .familycircle .btn_enter_as_a_team{background:url(../images/site_images/btn_enter_as_a_team.jpg) no-repeat;} .familycircle .btn_enter_individual{background:url(../images/site_images/btn_enter_as_individual.jpg) no-repeat;} .familycircle .btn_enter_individual_large{background:url(../images/site_images/btn_enter_as_individual_large.jpg) no-repeat;} .familycircle .btn_create_team{background:url(../images/family_images/btn_create-team.jpg) no-repeat;} .familycircle .btn_add_friends{background:url(../images/family_images/btn_add_friend.jpg) no-repeat;} .familycircle .btn_create_walk{background:url(../images/site_images/btn_create_walk.jpg) no-repeat;} .familycircle .btn_create_goal{background:url(../images/family_images/btn_create_goal.jpg) no-repeat;} .familycircle .btn_post_comment{background:url(../images/family_images/btn_post_comment.jpg) no-repeat;} .familycircle .btn_create_route{background:url(../images/family_images/btn_create_route.jpg) no-repeat;} .familycircle .btn_edit_profile{background:url(../images/family_images/btn_edit_profile.jpg) no-repeat;} .familycircle .btn_continue{background:url(../images/family_images/btn_continue.jpg) no-repeat;} .familycircle .btn_delete{background:url(../images/family_images/btn_delete.png) no-repeat;} .familycircle .btn_send{background:url(../images/family_images/btn-send.jpg) no-repeat; } /* 2 large buttons */ .familycircle .top ul li.route a{background:url(../images/fitness_images/btn_top-find-rte.jpg);} .familycircle .top ul li.challange a {background:url(../images/fitness_images/btn_top-challanges.jpg)} /* stars */ .familycircle .star_sm{background:url("../images/site_images/icon-star-sm.png") no-repeat; height:39px; width:25px; position:absolute;} .familycircle .star_lg{background:url("../images/site_images/icon-star-lg.png") no-repeat; height:53px; width:34px; position:absolute;} * html .familycircle .top h3 .star_sm{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fitness_images/icon-star-sm.png", sizingMethod="scale");} * html .familycircle .left_col h2 .star_lg{ left:-28px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fitness_images/icon-star-lg.png", sizingMethod="scale");} .familycircle .star_bl{ display:none !important;} .familycircle ul.prof_nav{background:none; } .familycircle ul.prof_nav li a:hover, .familycircle ul.prof_nav li a.on{ background-color: #FAA61A; background:#FAA61A; /*url(../images/family_images/bg_profile-tab_hover.jpg) !important */ } .familycircle ul.small_nav li a:hover{ background-color: #FAA61A; background:#FAA61A; /*url(../images/family_images/bg_profile-tab_hover.jpg)*/ } .familycircle .btn_save{background:url(../images/family_images/btn_save.png);} .familycircle .btn_cancel{background:url(../images/family_images/btn_cancel.png); } .familycircle span.rating a:hover, .familycirclewalking_user span.rating a.on{background:url(../images/fitness_images/star.png) no-repeat;} .familycircle ul.small_nav, .familycircle div.my_teams {background:#fff;} .familycircle ul.small_nav li a {background: #fff; border-bottom: 2px #999 solid;} /* 2/25 */ .familycircle .top ul li.challange a{background:url("../images/family_images/familycircle_btn_challanges.gif") no-repeat} .familycircle .top ul li.track a{background:url("../images/family_images/familycircle_track_progress.gif") no-repeat} .familycircle .top ul li.route a{background:url("../images/family_images/familycircle_btn_routes.gif") no-repeat} .familycircle .top ul li.challange a:hover,.familycircle .top ul li.challange a.on{background:url("../images/family_images/familycircle_btn_challenges_onclick.gif") no-repeat} .familycircle .top ul li.track a:hover,.familycircle .top ul li.track a.on{background:url("../images/family_images/familycircle_btn_trackprogress_onclick.gif") no-repeat} .familycircle .top ul li.route a:hover,.familycircle .top ul li.route a.on{background:url("../images/family_images/familycircle_btn_routes_onclick.gif") no-repeat} .familycircle .btn_update{background:url("../images/family_images/btn_update.gif") no-repeat;} .familycircle .btn_join_chal{background:url("../images/family_images/btn_join_chal.gif") no-repeat; width: 145px !important;} .familycircle .join a.btn, .familycircle .btn_join_now {background:url("../images/family_images/btn_join.png") no-repeat;} .familycircle .top { background:url("../images/family_images/bg-highlite.jpg") bottom repeat-x;} /* -- pop up -- */ .hover_popup{float:left; margin:0 8px 0 0; height:73px; width:74px} .test_box{ float:right; height:1px; width:1px; position:absolute; z-index:10000;} .row .pad_10 .hover_popup img{float:none; margin-right:0;} .pop_up{background:url("../images/site_images/c_thru-pop-up.png") no-repeat; padding:8px 10px 10px 30px; width:138px; height:61px; position:relative; top:10px; left:25px;} .pop_up a{ font-size:10px; display:block; margin-top:5px;} * html .pop_up{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/site_images/c_thru-pop-up.png", sizingMethod="scale");} #contentwell{width:auto!important} #main_table, $step2_table{width:416px; background-color:#F6EBE7; margin-top:-10px;} #main_table tbody, #main_table tfoot, $step2_table tbody, #step2_table tfoot {padding:6%} #main_table td,#step2_table td{margin-bottom:10px; display:block} #main_table a.btn_save, #main_table a.btn_cancel, #step2_table a.btn_save, #step2_table a.btn_cancel{float:right;} #main_table .btn_cancel,#step2_table .btn_cancel{margin:0 10px 10px} #main_table .sex, #step2_table .sex{float:left; margin-right:5px} .col_1{width:100px; padding-left:10px; float:left; font-weight:bold;} .col_2{ float:right; padding-right:10px; margin-bottom:15px;} .col_2 select { width: 146px;} .col_3{width:410px; float:left; padding-left:10px; margin-bottom:15px;} .col_2 textarea{height:50px} .col_3 textarea{ width:395px; height:67px;} .col_2_team{width:290px; float:right; padding-right:10px; margin-bottom:15px;} .col_3{width:410px; float:left; padding-left:10px; margin-bottom:15px;} .col_2_team select{width:250px} .col_2_team textarea{height:50px} span.rating{ position:relative; top:4px; left:-23px;} span.rating a{width:11px; height:10px; float:left; display:block;} span.rating a:hover, span.rating a.on{background:url(../images/site_images/star.png) no-repeat top left;} span.rating a, span.rating a.off, span.rating a.off:hover{background:url(../images/site_images/star_off.png) no-repeat top left;} /*p.header span.rating{ position:static} p.header span.rating a{ background:none; display:inline; float:none; height:auto; width:auto;}*/ .inner_col_small span.rating a, .routes span.rating a, p.star_control1 span.rating a{cursor:default} .inner_col_small span.rating, p.star_control1 span.rating, p.star_control2 span.rating{float:right; width:60px;} p.star_control1 span.rating{padding-right:60px;} p.star_control2 span.rating{padding-right:14px;} p.star_control1 span.rating, p.star_control2 span.rating{margin-top:-2px;} /* POP UP */ .select-free { position:absolute; cursor:move; left: 0; top: 450px; z-index: 463; overflow:hidden;/*must have*/ width:415px;/*must have for any value*/ } .select-free2 { position:absolute; z-index: 463; overflow:hidden;/*must have*/ width:350px;/*must have for any value*/ } .select-free iframe, .select-free2 iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ width:3000px;/*must have for any big value*/ height:3000px/*must have for any big value*/; } .select-free .bd, .select-free2 .bd{padding:15px;} #whypop{width:415px; height: 155px; top: 85px; background-color: white; left: 120px; } .formfield{padding-left:10px} .activity-form{margin-top:10px} /* 2/25 added this */ .left_col .enter_activity{height:auto} .left_col .activity-form .row, .left_col .enter_activity label{ width:auto; margin-right:2px; height:38px;} .left_col .activity-form .row input{width:95px; margin-right:10px;} .left_col .enter_activity input.radio{margin:0px 4px 0 0} .left_col .enter_activity .cal_row a{margin:0 4px 0 0} .left_col .enter_activity .or_row{top:0; position:relative; left:-4px} .left_col .length_control{padding-right:51px!important} .left_col .length_control input{width:149px !important} .left_col .enter_activity select{width:299px} #fb_overlay { width: 610px; height: 160px; background-color: #FFF; position: absolute; z-index: 2; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7; } #fb_overlay_content { position: absolute; z-index: 3; padding: 20px; } #fb_overlay_content img{ float: left; } #fb_overlay_content .text { margin: 0; font-weight: bold; color: #000; font-size: 14px; } #fb_overlay_content .nothanks { margin: 20px 0 0 30px; font-weight: bold; color: #000; font-size: 12px; } #fb_overlay_content .lbclose { float: right; margin-top: -15px; } #fb_overlay_content .lbclose a { font-weight: bold; font-size: 16px; color: #000; text-decoration: none; } .error_list li { list-style-type:none; font-size:12px; color:#FF0000; font-weight:bold;} .required_red {font-size:12px; color:#FF0000;} .error {font-size:12px; color:#FF0000;} /*rebuilt login form*/ form.login_form {width:410px; padding:15px 0 0 10px;} form.login_form .row div{margin-bottom:20px; float:left; position:relative; width:170px;} form.login_form .row div.login{width:70px;} form.login_form .row div label{position:absolute; top:-14px;} form.login_form .row div input{width:150px} /*form.login_form .row div .btn_login, form.login_form .row div .btn_join{float:right; margin-top:-10px}*/ #walking_user p {padding:0px !important; margin:0px !important} h3{height:auto !important;} .bad_table #main_table{margin-top:0} .flash_box{z-index:0;/* position:relative;*/} .btn-miles{color:#34c9e9 !important; background:url(../images/site_images/dot-blue.jpg) no-repeat left; padding:0 12px} .btn-steps{color:#3ba541 !important; background:url(../images/site_images/dot-green.jpg) no-repeat left; padding:0 12px} .btn-minutes{color:#ffaa00 !important; background:url(../images/site_images/dot-orange.jpg) no-repeat left; padding:0 12px} .btn-calories{color:#d934d5 !important; background:url(../images/site_images/dot-purp.jpg) no-repeat left; padding:0 12px} .invisi_box{position:absolute; height: 300px; border:solid 4px #3A9EAD; z-index: 5; padding-top:5px;} .mylogselect {padding-top:5px;padding-bottom:5px;} .mylogselect select{width:120px; margin-top:5px;margin-bottom:5px;} .enter_team_drop{position:relative; top:-2px} textarea#addcomment_text{width:416px; margin-bottom:10px} #ppbg a:visited {color:#661F15;} #ppbg h4 a {text-decoration:underline} a:link, a:active, a:hover, a:visited {border:none; outline:none} .maincol { float: left; width: 840px; } .first { /* margin-top: 10px; */ } .table_left { width: 300px; float: left; margin-bottom: 10px} .table_right { width: 335px; float: right; } .table_bottom { width: 575px; padding-left: 20px; padding-bottom: 10px; } .reg { width: 665px !important; } /* 2/25 +1 */ div.walking_app .bot_right div{border-bottom:none; width:auto} .mem_list{ height:30px} .mem_list img{ position:relative; top:-9px} .mem_list a {text-decoration:underline} .enter_weight{float:left} .cur_weight{display:block; float:left; margin-top:4px; width:255px;} .enter_weight input{ float:none!important; width:100px} * html .left_col .enter_activity input.radio, * html .left_col .activity-form .row input{margin:0}>>>>>>> .r5398 .right_table { float: right } .weight_chart { margin-top: 20px; } .fb { margin-right: 20px; } #skin_parents { position:relative!important; } #rightcolumn { float:none!important; margin:0!important; position:absolute; top:330px; left:616px; } .mdpgooglesidebarWrap { border:none!important; } .rdv3 #header #top_header .topright_promo { padding:0\9; } .mainItem:hover { text-decoration:none; }