@import url("nav.css");

/* ---------- css/site/screen.css ---------- */

    /* ==== Typography ==== */
    html{height: 100%;}

    body {
        margin: 0; padding: 0; /*background: #F6992B; */
        font: 68% "宋体", Arial, Helvetica, sans-serif; color: #37383c;
        height: 100%;
        min-height: 100%;
    }

    h1, h2, h3, h4, h5, h6 { color: #57585c; margin: 5px 0px}
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.3em;  }
    h3 { font-size: 1.1em; }
    h4 { font-size: 1em; }
    h5, h6 { font-size: .9em; }
    h2.compact, h2.sub-title { font-size: 1em; color:#9a9796; font-weight: normal; margin: 0px 0px 5px 0px; text-transform: uppercase; }
    h3 { margin-bottom: .2em !important; }

    p { line-height: 1.4em; margin: 0 0 1em; }
    a { outline: none;}
    a{ color:#F8942A; text-decoration: none}
    a:hover { color:#F8942A; text-decoration: underline}

    input, select{
        vertical-align: middle
    }

    table { font-size: 1em; }

    sup{
        font-family: Arial, Helvetica, sans-serif!important;
        font-size: 11px!important;
        position:relative;
    }

    h2 sup{top: -3px;}

    /* ==== Special Elements ==== */

    .clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; }
    .hide { display: none !important; }

    .error { border: 1px solid #ff7b7B; background: #FFDBDB; padding: 5px 10px; margin: 8px 0; color: #DD0000 }
    .alert { border: 1px solid #FFF96E; background: #FFFCD5; padding: 5px; margin: 8px 0; color: #8F8920 !important; }
    .alert p { color: #8F8920 !important; font-weight: bold; }
    .alert li { font-weight: normal !important; }
    .success { border: 1px solid #c6ddba; background: #f5fff0; padding: 5px 10px; margin: 8px 0; color: #666;}
    .buddyMsg { border: 1px solid #c6ddba; background: #f5fff0; padding: 1px 1px; margin: 1px 0; color: #666; }
    .error ul, .alert ul, .success ul { margin: 0 !important; list-style: none; }
    .error li, .alert li, .success li { padding-left:0px; }

    .intro { border: 1px solid #c9c9c9; padding: 18px; background: url(/images/site/icon-person.gif) no-repeat 5px center; }
    p.intro { padding-left: 40px; line-height: 1.6; font-weight: bold; font-size: 1.1em; }

    .lead { background: #fffff7; margin-bottom: 10px; position: relative; }
    .lead img { height: 109px; display: block; position: absolute; right: 17px; bottom: 1px; }
    .lead .person { position: absolute; right: 17px; bottom: 1px; }
    .lead p { border-left: 1px solid #f3edb7; border-right: 1px solid #f3edb7; padding: 5px 160px 10px 20px; margin: 0; font-weight: bold; line-height: 1.7; font-size: 1.1em; }
    .lead-top { background: url(/media/image/site/lead_top.gif) no-repeat; height: 8px; width: 873px; font-size: 1px; }
    .lead-bottom { background: #fffff7 url(/media/image/site/lead_bottom.gif) no-repeat left bottom; height: 8px; font-size: 1px; }

    .learnmore { position: relative; height: 37px; width: 872px; background: url(/media/image/site/g_learnmore.gif) no-repeat top center; padding: 5px 10px; }
    .learnmore a.learnbutton { position: absolute; top: 0; right: 220px; display: block; width: 122px; height: 27px; background: url(/media/image/site/b_learnmore.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
    .learnmore a.learnbutton:hover { background: url(/media/image/site/b_learnmore.gif) no-repeat 0 -27px; }
    .learnmore p { font-size: 120%; font-weight: bold; margin-left: 220px; padding: 0; }


    /* ==== Main Layout ==== */

    /* ==== Forms ==== */

    .button { vertical-align: middle; }
    .textbox { color: #555; }

    label em { color: red; }

    .save-button { margin-top: 0px; background: url(/media/image/button_save.gif) no-repeat; height: 21px; width: 66px; overflow: hidden; text-indent: -9999em; }
    .save-button a { display: block; height: 21px; width: 66px; }
    .save-button a:hover { background: url(/media/image/button_save.gif) no-repeat 0 -21px; }

    .cancel-button { margin-top: 0px; padding-right: 5px; background: url(/media/image/button_cancel_profile.gif) no-repeat; height: 21px; width: 70px; overflow: hidden; text-indent: -9999em; }
    .cancel-button a { display: block; height: 21px; width: 70px; }
    .cancel-button a:hover { background: url(/media/image/button_cancel_profile.gif) no-repeat 0 -21px; }

    fieldset { border: none; padding: 0; margin: 0; }

    input.inputover { border: 1px solid #FBB609; }
    input.textbox { border: 1px solid #ccc; }

    /* testimonials */
        #home #testimonials_updated { position: relative; float: left; width: 355px; height: 85px; padding: 20px 90px 0px 30px; margin-top: 12px;  background: url(/media/image/site/g_home_quote2.gif) no-repeat; border-right: 1px solid #E3E2E0;}
        #home #testimonials_updated a { position: absolute; bottom: 10; left: 46; display: block; width: 116px; height: 27px; background: url(/media/image/site/b_readmore.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
        #home #testimonials_updated a:hover { background: url(/media/image/site/b_readmore.gif) no-repeat 0 -27px; }
        #home #testimonials_updated blockquote { padding: 0; margin: 0;}
        #home #testimonials_updated p { font-size: 120%; color: #f16c1e; margin: 0 0 4px; }
        #home #testimonials_updated blockquote cite { display: block; text-align: right; font-weight: bold; color: #3995e2; font-size: 1.1em; }

        #home #partner_program_banner{float: right;width: 383px;height: 95px;margin-top: 16px;}
        #home #partner_program_banner a{display:block;width: 383px; height: 95px;background: url(/media/image/site/g_hyperstrike_partner.gif) 0px 0px no-repeat; text-indent: -9999em; overflow: hidden; padding-right: 3px;}

    /* ---------- css/site/pages.css ---------- */

    /* ==== HOME PAGE ==== */

    #home #ad { position: relative; width: 873px; height: 235px; background: url(/media/image/site/temp_scene1.jpg); }
    #home #ad a { position: absolute; bottom: 50px; left: 60px; display: block; width: 180px; height: 35px; text-indent: -9999em; overflow: hidden; }

    #home #swf_ad { position: relative; width: 873px; height: 1px; }
    #home #swf_ad a { position: absolute; bottom: 50px; left: 60px; display: block; width: 180px; height: 35px; text-indent: -9999em; overflow: hidden; }


    #home #tracks { text-align: center; }
    #home #tracks h2 { background: url(/media/image/site/h_home_fitness.gif) no-repeat center 10px; text-indent: -9999em; overflow: hidden; width: 378px; height: 42px; margin: 0 auto; }
    #home #tracks ul { list-style: none; margin: 0; padding: 0; }
    #home #tracks ul li { float: left; width: 284px; height: 318px; margin: 0 10px 0 0; padding: 0; background: url(/media/image/site/g_home_orange.jpg) center bottom; }
    #home #tracks ul li#performance { margin-right: 0; }
    #home #tracks ul li h3 { width: 284px; height: 208px; margin: 0; }
    #home #tracks ul li#lean h3 { background-image: url(/media/image/site/g_home_lean.jpg); text-indent: -9999em; }
    #home #tracks ul li#fitness h3 { background-image: url(/media/image/site/g_home_fit.jpg); text-indent: -9999em; }
    #home #tracks ul li#performance h3 { background-image: url(/media/image/site/g_home_perf.jpg); text-indent: -9999em; }
    #home #tracks ul li p { color: white; font-size: 1.1em; margin: 1em 1em; font-weight: bold;  }
    #home #tracks ul li a { display: block; width: 168px; height: 35px; background: url(/media/image/site/b_learn.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
    #home #tracks ul li a:hover { background: url(/media/image/site/b_learn.gif) no-repeat 0 -35px; }

    #home #testimonials { position: relative; margin: 10px 0 0; height: 84px; background: url(/media/image/site/g_home_quote.gif) no-repeat; padding: 20px 205px 0 40px; }
    #home #testimonials a { position: absolute; top: 0; right: 0; display: block; width: 116px; height: 27px; background: url(/media/image/site/b_readmore.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
    #home #testimonials a:hover { background: url(/media/image/site/b_readmore.gif) no-repeat 0 -27px; }
    #home #testimonials blockquote { padding: 0; margin: 0; text-align: right; }
    #home #testimonials p { font-size: 120%; color: #f16c1e; font-style: italic; margin: 0 0 4px; text-align: right; }
    #home #testimonials blockquote cite { display: block; text-align: right; font-weight: bold; color: #3995e2; font-size: 1.1em; }

    /* ==== LOGIN PAGE ==== */

    #login #loginbox .loginbox-top { background: url(/media/image/site/top_darkbox.gif) no-repeat; height: 10px; }
    #login #loginbox .loginbox-bottom {  height: 10px; }
    #login #loginbox { position: relative; width: 531px; margin: 5px 0 10px; float: left; min-height: 140px; background: #191919 url(/media/image/site/bottom_darkbox.gif) no-repeat bottom; }
    #login #loginbox h2 { background: url(/media/image/site/h_login.gif) no-repeat; height: 21px; text-indent: -9999em; margin: 6px 0 0 17px; }
    #login #loginbox h2.forgot_password { background: url(/media/image/site/h_password.gif) no-repeat; height: 21px; text-indent: -9999em; margin: 6px 0 0 17px; }
    #login #loginbox p { color: #fff; font-weight: bold; padding: 3px 17px 0; }
    #login #loginbox ul { padding: 0 0 0 17px; float: left; }
    #login #loginbox li { list-style: none; text-align: right; line-height: 25px; padding: 0; }
    #login #loginbox label { padding-right: 8px; color: #fff; font-weight: bold; font-size: 1.1em; }
    #login #loginbox li input { width: 200px; }
    #login #loginbox li.forgot_password { text-align: left; margin-left: 68px; font-weight: bold; padding-right: 107px; }
    #login #loginbox .submit { left: 290px; position: absolute; width: 200px; top: 40px; }
    #login #loginbox .submit li { text-align: left !important; margin-top: 5px; }
    #login #loginbox .submit label { padding: 0; font-size: 1em; }
    #login #loginbox .submit input { width: auto; }
    #login #loginbox .send_pass { padding-top: 15px;  }

    #login #loginbox ul.login-actions { position: absolute; top: 85px; margin-left: 82px; padding: 0; }
    #login #loginbox ul.login-actions li { margin: 0; display: inline; font-size: 95%;}
    #login #loginbox ul.login-actions li input { width: auto; vertical-align: middle}
    #login #loginbox ul.login-actions li label { font-size: 10px; }

    #login #signupbox .signupbox-top { background: url(/media/image/site/top_login_signup.gif) no-repeat; height: 10px; }
    #login #signupbox .signupbox-bottom { background: url(/media/image/site/bottom-login-signup.gif) bottom no-repeat; height: 10px; }
    #login #signupbox { width: 331px; background: #f87d15 url(/media/image/site/bg-login-signup.jpg) repeat-y; margin: 5px 0 10px; float: right; }
    #login #signupbox h2 { background: url(/media/image/site/h_login_signup.gif) no-repeat; height: 21px; text-indent: -9999em; margin: 6px 0 0 17px; }
    #login #signupbox p { margin: 10px 10px 0 17px; color: #fff; font-weight: bold; font-size: 110%; }
    #login #signupbox .b_login_signup { background: url(/media/image/site/b-login-signup.gif) no-repeat; margin: 20px 0 6px 59px; }
    #login #signupbox .b_login_signup a { display: block; text-indent: -9999em; height: 37px; width: 181px; }


    /* ==== TESTIMONIAL PAGE ==== */

    #testimonials .lead .person { background: url(/media/image/site/lead-person.png); width: 115px; height: 109px; }

    #testimonials h2.banner-members { background: url(/media/image/site/banner_members.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }
    #testimonials p.victories { text-indent: -9999em; font-size: 1px; margin: 0; }

    #tesimonials { position: relative; }
    .ind_quote { background: #191919; width: 431px; min-height: 160px; }
    .ind_quote blockquote { color: #fff; font-size: 1.3em; font-style: italic; font-weight: bold; margin: -10px 20px 0 30px; }
    .ind_quote blockquote p { line-height: 1.8; margin: 0; }
    .ind_quote blockquote cite { color: #2c8ee0; float: right; font-size: .8em; font-style: normal; }
    #top_left { float: left; margin-top: 5px; background: #191919 url(/media/image/site/bottom_left_testimonial.gif) no-repeat bottom !important; }
    #top_left blockquote { padding-top: 25px; }
    .top_left_section { background: url(/media/image/site/top_left_testimonial.gif) no-repeat; height: 22px; }

    #top_right { float: right; margin-top: 5px; background: #191919 url(/media/image/site/bottom_right_testimonial.gif) no-repeat bottom !important; }
    .top_right_section { background: url(/media/image/site/top_right_testimonial.gif) no-repeat; height: 22px; }

    #bottom_left { float: left; margin: 10px 0; background: #191919 url(/media/image/site/bottom_l_left_testimonial.gif) no-repeat bottom !important; }
    .top_lower_left_section { background: url(/media/image/site/top_lower_left_testimonial.gif) no-repeat; height: 22px; }

    #bottom_right { float: right; margin: 10px 0; background: #191919 url(/media/image/site/bottom_l_right_testimonial.gif) no-repeat bottom !important; }
    #bottom_right blockquote { padding-top: 25px; }
    .top_lower_right_section { background: url(/media/image/site/top_l_right_testimonial.gif) no-repeat; height: 22px; }
    .testimonial_logo { position: absolute; background: url(/media/image/site/logo_testimonials.gif) no-repeat; height: 40px; width: 34px; margin: 150px 0 0 420px }

    #case-studies { font-size: 110%; border-bottom: 1px dotted #ccc; }
    #case-studies h3 { font-size: 1.5em; margin: 0 !important; padding: 5px 10px; color: #fff; background: #f78f1b url(/media/image/site/runners-small.gif) no-repeat right 8px; border-bottom: 1px solid #fff; }
    #case-studies strong { background: #f5f5f5; display: block; padding: 10px; line-height: 1.5; }
    .case1 { float: left; width: 405px; padding: 10px 15px; background: url(/media/image/site/test-case.gif) no-repeat; }
    .case1 h4, .case2 h4 { margin-bottom: 5px; color: #f16621; }
    .case2 { float: right; width: 401px; padding: 10px 15px; background: url(/media/image/site/test-case.gif) no-repeat; }

    /* ==== GOODIES PAGE ==== */

    #goodies h2.banner-goodies { background: url(/media/image/site/banner_goodies.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }

    #goodies h3 { text-indent: -9999em; font-size: 1px; }
    #goodies h4 { color: #f16621; margin-bottom: 0; }
    #goodies h5 { margin: 0; font-size: 1.2em; color: #292929; }
    #goodies #content .col1 li { list-style: none; line-height: 1.5; }
    #goodies #content ul { padding: 0; margin: 0; }
    #goodies .micro_code {  border: 1px solid #ccc; padding: 10px; width: 400px; }
    #goodies h4 span a { background: url(/media/image/site/icon-view-more.gif) no-repeat 3px 1px; padding: 0 0 0 18px; }
    #goodies h4 span a:hover { background: url(/media/image/site/icon-view-more.gif) no-repeat 3px -10px; }

    #goodies .col1 { float: left; width: 280px; }
    #goodies .col2 { float: right; width: 410px; }
    #goodies .filesize { font-weight: bold; margin-top: -5px; }
    #goodies .podcast { border: 1px solid #ccc; margin-top: 10px; padding: 10px; background: #fff url(/media/image/site/hyper_cast.gif) no-repeat top right; }

    #goodies .g-wallpaper { background: url(/media/image/site/icon_wallpaper.gif) no-repeat 20px 30px; margin: 10px 0; padding: 10px 10px 10px 135px; }
    #goodies .g-wallpaper h2 { background: url(/media/image/site/h_desktop_wall.gif) no-repeat; height: 35px; text-indent: -9999em; }
    #goodies .g-wallpaper img, #goodies .g-icons img { border: 1px solid #ccc; }
    #goodies .g-wallpaper .wall1 { float: left; }
    #goodies .g-wallpaper .wall2 { float: right; margin-right: 50px; }
    #goodies .g-wallpaper .wall1 li, #goodies .g-wallpaper .wall2 li { width: 148px; border: 1px solid #ccc; border-top: none; padding: 3px 0 3px 12px;
    background: url(/media/image/site/wallpaperw_bg.gif); list-style: none; }
    #goodies .g-wallpaper .wall2 li { background: #1c1210; }
    #goodies .g-wallpaper .wall1 li a, #goodies .g-wallpaper .wall2 li a { display: block; background: url(/media/image/site/icon_arrow.gif) no-repeat; padding-left: 14px; }

    #goodies .g-icons { background: #f5f5f5 url(/media/image/site/icon_chat.gif) no-repeat 18px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    #goodies .g-icons h2 { background: url(/media/image/site/h_messenger_icons.gif) no-repeat; height: 33px; text-indent: -9999em; }
    #goodies .g-icons .col2 li { display: inline; }

    #goodies .g-banner { background: url(/media/image/site/icon_banner.gif) no-repeat 16px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; }
    #goodies .g-banner h2 { background: url(/media/image/site/h_banner_button.gif) no-repeat; height: 33px; text-indent: -9999em; }

    #goodies .g-audio { background: #f5f5f5 url(/media/image/site/icon_audio.gif) no-repeat 18px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    #goodies .g-audio h2 { background: url(/media/image/site/h_audio.gif) no-repeat; height: 35px; text-indent: -9999em; }

    /* ==== BANNERS PAGE ==== */

    #banners .col1 { width: 435px; float: left; }
    #banners .col2 { width: 435px; float: right; }
    #banners textarea { width: 416px; height: 90px; }
    #banners p { border: 1px solid #f3edb7; padding: 5px; background: #fffff7; margin-top: 5px; width: 405px; }

    #banners .FeaturedInfo p{border: none; padding: 0px; background: none; margin:0px; width:auto}

    #banners #full_banners, #banners #micro_buttons { border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; }
    #banners .arrow { background: none; border: none; padding: 0; margin: 0 0 5px 15px; }
    #banners .arrow a { background: transparent url(/media/image/icon_arrow.gif) no-repeat 0 -1px; padding: 0 0 0 10px; }

    /* ==== FEATURED PAGE ==== */

    #features .lead .person { background: url(/media/image/site/lead-person.png); width: 115px; height: 109px; }

    #features h2.banner-what { background: url(/media/image/site/banner_what.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }

    #features .features { background: #565555 url(/media/image/site/features-bg.jpg) repeat-y; width: 872px; padding: 0px 0 0; position: relative; }
    #features .features-top { background: url(/media/image/site/features-top.gif) no-repeat; height: 48px; text-indent: -9999em; font-size: 1px; }
    #features .features-bottom { background: url(/media/image/site/features-footer.jpg) no-repeat; height: 19px; }

    #features .features .features-top h3 { margin: 0 0 0 10px; }
    #features .features h3.h-variety { background: url(/media/image/site/h_variety.jpg) no-repeat; height: 38px; text-indent: -9999em; margin: 0 0 0 10px; }
    #features .features h3.h-instructions { background: url(/media/image/site/h_instructions.jpg) no-repeat; height: 38px; text-indent: -9999em; margin: 0 0 0 10px; }

    #features .features img { position: absolute; right: 20px; top: 20px; }
    #features .features ul { margin: 10px 0 10px 13px; padding: 0px 0 0 10px; width: 460px; }
    #features .features li { font-weight: bold; list-style: none; color: #fff; font-size: 1.1em; background: url(/media/image/site/features-bullet.gif) no-repeat 0 center; padding: 0 0 0 19px; line-height: 1.6; }

    #features .features ul.ss { position: absolute; top: 20px; right: 20px; width: 360px !important; height: 333px; margin: 0 !important; padding: 0 !important; list-style: none; }
    #features .features ul.ss li { background: transparent !important; position: absolute; margin: 0 !important; padding: 0 !important;  }
    #features .features ul.ss li.s-one { top: 0; left:  0; }
    #features .features ul.ss li.s-two { top: 200px; left: 0; }
    #features .features ul.ss li.s-three { top: 200px; left: 186px; }
    #features .features ul.ss li.s-one a { display: block; width: 360px; height: 190px; text-indent: -9999em; background: none; }
    #features .features ul.ss li.s-two a { display: block; width: 175px; height: 130px; text-indent: -9999em; background: none;  }
    #features .features ul.ss li.s-three a { display: block; width: 173px; height: 130px; text-indent: -9999em; background: none;  }

    #features h2.t-programs { background: url(/media/image/site/t-hyperstrike-programs.gif) no-repeat; height: 29px; text-indent: -9999em; margin: 0; }
    #features h2.t-easy { background: url(/media/image/site/t-easy.gif) no-repeat; height: 29px; text-indent: -9999em; margin: 0; }

    .easy{ margin: 20px 0 0 210px; }
    .easy ol { margin: 0 0 10px 15px; padding: 0; position: relative; }
    .easy li { padding: 0 0 10px 0; }
    .easy img { float: right; margin-right: 180px; }
    .signupnow a { background: url(/media/image/site/b-signupnow.gif) no-repeat; height: 36px; width: 181px; display: block; text-indent: -9999em; overflow: hidden; margin-top: 15px; }
    .signupnow a:hover { background: url(/media/image/site/b-signupnow.gif) no-repeat 0 -36px; height: 36px; }

    #features .col1 .track { margin-bottom: 10px; width: 440px; background: #595959 url(/media/image/site/track_bottom.gif) no-repeat bottom; }
    #features .col1 h3.t-lean { background: #323232 url(/media/image/site/h_features_lean.gif) no-repeat; height: 41px; text-indent: -9999em; margin: 0; font-size: 1px; }
    #features .col1 h3.t-fitness { background: #323232 url(/media/image/site/h_features_fitness.gif) no-repeat; height: 41px; text-indent: -9999em; margin: 0; font-size: 1px; }
    #features .col1 h3.t-performance { background: #323232 url(/media/image/site/h_features_performance.gif) no-repeat; height: 41px; text-indent: -9999em; margin: 0; font-size: 1px; }
    #features .col1 .track p { color: #fff; font-weight: bold; font-size: .9em; line-height: 1.8; background: #474747 url(/media/image/site/track-middle.gif) no-repeat bottom; padding: 5px 10px 20px 10px; margin: 0; }
    #features .col1 .track h4 { color: #fff; font-size: 1.3em; font-style: italic; margin: 0; padding-left: 10px }
    #features .col1 .track li { color: #fff; list-style: none; background: url(/media/image/site/track-bullet.gif) no-repeat 0 center; padding: 0 0 0 15px; line-height: 1.5; font-weight: bold; }
    #features .col1 .track ul { margin: 10px 0 0 0; padding: 0 0 10px 10px; }



    /* ==== HOW PAGE ==== */

    #how .lead .person { background: url(/media/image/site/lead-person2.png); width: 115px; height: 116px; }

    #how h2.banner-why { background: url(/media/image/site/banner_why.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }
    #how h3 { color: #f16621; padding-bottom: 5px; font-size: 1.3em; margin: 0; }
    #how h4 { color: #333; margin-bottom: 5px; }
    #how .col1 { width: 350px; float: left; }
    #how .col2 { width: 450px; float: right; }

    #how .features-top { background: url(/media/image/site/how_features_top.gif) no-repeat; height: 16px; text-indent: -9999em; font-size: 1px; margin-top: 10px; }
    #how .features-bottom { background: url(/media/image/site/how_features_bottom.gif) no-repeat; height: 15px; margin-bottom: 10px; font-size: 1px; }
    #how .features { background: #ededed url(/media/image/site/how_features_bg.jpg) repeat-y; width: 832px; padding: 5px 20px; position: relative; }
    #how .features li { background: url(/media/image/site/h-bullet-how.gif) no-repeat 0 3px; list-style: none; padding: 0 0 0 15px; }
    #how .features ul { padding: 0 0 0 0px; margin: 0; }
    #how .features li p { margin-top: 0; }
    #how .features img { margin: 10px 0 0 80px; }

    #how .intro h3 { color: #f16621; margin-left: 45px; }
    #how .intro { background: #fff url(/media/image/site/icon-person.gif) no-repeat 10px center; padding: 10px 10px 0 10px; margin-bottom: 10px; }
    #how .intro p { line-height: 1.6; margin-left: 45px; }


    .signuptoday a { background: url(/media/image/site/b_signuptoday.gif) no-repeat; height: 28px; width: 142px; display: block; text-indent: -9999em; overflow: hidden; }
    .signuptoday a:hover { background: url(/media/image/site/b_signuptoday.gif) no-repeat 0 -28px; }

    /* ==== PROGRAMS PAGE ==== */

    #programs .lead .person { background: url(/media/image/site/lead-person3.png); width: 129px; height: 117px; }

    #programs h2.banner-programs { background: url(/media/image/site/banner_programs.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }
    #programs h3.h-choices { background: url(/media/image/site/h-how-choices.gif) no-repeat; height: 29px; text-indent: -9999em; margin-top: 20px; }
    #programs h3.h-workout { background: url(/media/image/site/h-how-workout.gif) no-repeat; height: 29px; text-indent: -9999em;  }
    #programs h4 { color: #faaa17; margin: -5px 0 0 0; font-size: 1.3em; }
    #programs .personalized { border: 1px solid #f3edb7; padding: 17px; background: #fffff7; }
    #programs .screen-numbers img { padding: 2px; border: 1px solid #f3edb7; float: right; }
    #programs .personalized p { font-weight: bold; line-height: 1.7; width: 300px; margin-top: 10px; }

    #programs .track { min-height: 160px; padding: 60px 0 0 300px; border-bottom: 1px dotted #ccc; margin: 10px 0;}
    #programs .track h4 { text-indent: -9999em; overflow: hidden; margin: 0; font-size: 1px; height: 6px;}
    #programs .track p { width: 500px; font-weight: bold; font-style: italic; font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; border: 1px solid #f3edb7; padding: 10px; background: #fffff7; }
    #programs .track ul { padding: 0 0 0 2px; margin: 0; }
    #programs .track li { font-size: 1.1em; line-height: 1.6; font-weight: bold; background: url(/media/image/h-bullet.gif) no-repeat 0 5px; list-style: none; padding-left: 15px; }

    #programs #performance { background: url(/media/image/site/track-performance.jpg) no-repeat; }
    #programs #fitness { background: url(/media/image/site/track-fitness.jpg) no-repeat; }
    #programs #lean { background: url(/media/image/site/track-lean.jpg) no-repeat; }

/* ----------------------------------------- / css/site/screen.css -----------------------------------------
 *
 */* Special Elements */

.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; }
.hide { display: none !important; }

.alert, .success, .error {  padding: 10px 100px 10px 10px; margin: 8px 0;  }
.alert h3, .success h3, .error h3 { margin: 0 0 .2em 0; }

.error { border: 1px solid #ff7b7B; background: #FFDBDB; color: #DD0000 }
.alert { border: 1px solid #FFF96E; background: #FFFCD5; color: #8F8920 !important; }
.success { border: 1px solid #c6ddba; background: #f5fff0; color: #566d4a; }

.alert h3 { color: #8F8920 }
.success h3 { color: #566d4a; }
.error h3 { color: #AA0000 }

.alert p, .success p, .error p { font-weight: normal; line-height: 1.2em; margin: 0; }
.alert li { font-weight: normal !important; }

.error ul, .alert ul, .success ul { margin: 0 !important; list-style: none; }
.error li, .alert li, .success li { padding-left:0px; }

.close { background: url(/media/image/icon_close.gif) no-repeat; text-indent: -9999em; right: 4px; top: 4px; position: absolute; height: 11px; width: 11px; overflow: hidden; }

#loading-window { background: black; opacity:.5; color: white; font-size: 2.5em; width: 400px; position: absolute; text-align: center; }
#loading-window div.loading-content { padding: 2em;  }

#print-data { display: none; }


.help { background: url(/media/image/button_help.gif) no-repeat; height: 26px; width: 26px; position: absolute; right: 6px; text-indent: -9999em; overflow: hidden; }
a.help:hover { background: url(/media/image/button_help.gif) no-repeat 0 -26px; }

/* Page layout */

/* Forms */

.button { vertical-align: middle; }
.textbox { color: #555; }

label em { color: red; }

.save-button { margin-top: 0px; background: url(/media/image/button_save.gif) no-repeat; height: 21px; width: 66px; overflow: hidden; text-indent: -9999em; }
.save-button a { display: block; height: 21px; width: 66px; }
.save-button a:hover { background: url(/media/image/button_save.gif) no-repeat 0 -21px; }

.simpleSave { margin-top: 0px; background: url(/media/image/button_save.gif) no-repeat; height: 21px; width: 66px; overflow: hidden; text-indent: -9999em; }
.simpleSave a { display: block; height: 21px; width: 66px; }
.simpleSave a:hover { background: url(/media/image/button_save.gif) no-repeat 0 -21px; }


.cancel-button { margin-top: 0px; padding-right: 5px; background: url(/media/image/button_cancel_profile.gif) no-repeat; height: 21px; width: 70px; overflow: hidden; text-indent: -9999em; }
.cancel-button a { display: block; height: 21px; width: 70px; }
.cancel-button a:hover { background: url(/media/image/button_cancel_profile.gif) no-repeat 0 -21px; }

fieldset { border: none; padding: 0; margin: 0; }
label:hover { cursor: pointer;  }

input.inputover { border: 1px solid #FBB609; }
input.textbox { border: 1px solid #ccc; }

/* === remove? === */
h3, h4 {font-size:12px;color:#000000;line-height:15px;font-weight:bold;margin:0px;}
.content2Columns { background:url(/media/image/bg_2cols.gif) repeat-y; }

/* ----------------------------------------------------------------------------------------------------------------- */
    #container{
        position:relative;
        background: #FCF8F3 url(/media/image/bgWrapper.jpg) 0% 100% repeat-x;
        height: 100%; min-height: 100%;
    }

    body>#container{height: auto}

    .ContentWrapper{
        /*width: 893px;*/
        width: 910px;
        padding: 222px 0px 150px 0px;
        margin-left: 41px;
    }

    body.AlternativeStyle #container, body#signup #container{
        background: #FFF!important;
    }

    /* header */
        .hsHeader{
            width: 100%;
            height: 222px;
            background: #F4EDDD url(/media/image/bgHeader.jpg) 0px 0px no-repeat;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        /* logo */
        h1.hsLogo{
            margin: 0px;
            position: absolute;
            z-index:1;
            left: 40px;
            top: 18px;
            cursor: pointer
        }

        h1.hsLogo a{
            display: block;
            width: 434px;
            height: 106px;
            overflow: hidden;
            text-indent: -9999px;
            background:url(/media/image/Hyperstrike.jpg) 0px 0px no-repeat;
        }

        /* header promo */
        h2.hsHeaderPromo{
            position: absolute;
            z-index:1;
            left: 509px;
            top: 42px;
            cursor: pointer
        }
/*
        h2.hsHeaderPromo a{
            display:block;
            width: 487px;
            height: 55px;
            overflow: hidden;
            text-indent: -9999px;
            background: url(/media/image/HeaderPromo.jpg) 0px 0px no-repeat;
        }*/

        /* main nav style are included in nav.css file */

        /* top nav */
        ul.hsTopNav{
            margin: 0px;
            padding: 0px 0px 0px 6px;
            list-style-type: none;
            position: absolute;
            z-index:1;
            left: 564px;
            top: 0px;
            height: 20px;
            font: 12px/20px Arial, Helvetica, sans-serif;
            color: #FFEFB1;
            background: #F8942A url(/media/image/bgTopNavLeft.gif) 0px 0px no-repeat;
        }

        ul.hsTopNav li{
            padding: 0px 5px 0px 5px;
            float: left;
            background: url(/media/image/sepTopNav.gif) 100% 50% no-repeat;
        }

        /* last link */
        ul.hsTopNav li.noBG{
            background: url(/media/image/bgTopNavRight.gif) 100% 100% no-repeat!important;
            padding-right: 12px;
        }

        ul.hsTopNav a{
            color: #FFF;
            text-decoration: none
        }

        ul.hsTopNav a:hover{
            color: #FFEFB1;
        }

        /* trainer header */
            /* ---------------------------------------- */

            #TrainerHeader{
                width:960px;
                height:82px;
                background:transparent url(/media/image/pages/trainer_dashboard/bg_Header.jpg) no-repeat;
                margin: 0px auto;
                }
            #TrainerHeader .leftHeader{
                width:300px;
                height:83px;
                float:left;
                }
            #TrainerHeader .leftHeader h1{
                padding:18px 0px 0px 0px;
                margin: 0px;
                }
            #TrainerHeader .rightHeader{
                width:646px;
                height:83px;
                float:right;
                }

            /* ---------------------------------------- */

            #TrainerHeader #cmsMenu{
                height:29px;
                padding:0px 40px 0px 0px;
                }
            #TrainerHeader #cmsMenu ul{
                height:29px;
                background:transparent url(/media/image/pages/trainer_dashboard/img_cmsMenu_right_corner.gif) 100% 0 no-repeat;
                padding:0px 10px 0px 0px;
                margin: 0px;
                list-style-type: none;
                }
            #TrainerHeader #cmsMenu li{
                display:block;
                background:transparent url(/media/image/pages/trainer_dashboard/img_cmsMenu_buttonSeparator.gif) 0 0 no-repeat;
                height:29px;
                padding:0px 0px 0px 2px;
                float:right;
                }
            #TrainerHeader #cmsMenu li.first{
                background:transparent url(/media/image/pages/trainer_dashboard/img_cmsMenu_left_corner.gif) 0 0 no-repeat;
                padding:0px 0px 0px 10px;
            }

            #TrainerHeader #cmsMenu a{
                height:24px;
                font-size:11px;
                color:#fff;
                text-decoration:none;
                background:transparent url(/media/image/pages/trainer_dashboard/img_cmsMenu_buttonBg.gif) repeat-x;
                display:block;
                float:left;
                padding:5px 16px 0px 16px;
                }
            #TrainerHeader #cmsMenu a:hover{
                color:#9A6F3C;
                }

            /* ---------------------------------------- */

            #TrainerHeader #mainMenu{
                height:38px;
                padding:16px 40px 0px 0px;
                background:transparent url(/media/image/pages/trainer_dashboard/img_mainMenu_shaddow.gif) 80px 100% no-repeat;
                }

            #TrainerHeader #mainMenu ul{
                height:38px;
                margin: 0px;
                padding: 0px;
                list-style-type: none;
                }
            #TrainerHeader  #mainMenu li{
                display:inline;
                }
            #TrainerHeader #mainMenu li.last{

                }
            #TrainerHeader #mainMenu a{
                font-size:14px;
                color:#fff;
                text-decoration:none;
                background:transparent url(/media/image/pages/trainer_dashboard/img_mainMenu_button.gif) 0 0 no-repeat;
                height:38px;
                padding:0px 0px 0px 10px;
                display:block;
                float:right;
                }
            #TrainerHeader #mainMenu a:hover{
                color:#D9EC93;
                }
            #TrainerHeader #mainMenu a span{
                background:transparent url(/media/image/pages/trainer_dashboard/img_mainMenu_button.gif) 100% 0 no-repeat;
                height:24px;
                padding:14px 10px 0px 0px;
                display:block;
                float:left;
                }
            #TrainerHeader #mainMenu strong{
                font-size:14px;
                color:#fff;
                text-decoration:none;
                background:transparent url(/media/image/pages/trainer_dashboard/img_mainMenu_button.gif) 0 -38px no-repeat;
                height:38px;
                padding:0px 0px 0px 10px;
                display:block;
                float:left;
                }
            #TrainerHeader #mainMenu strong span{
                background:transparent url(/media/image/pages/trainer_dashboard/img_mainMenu_button.gif) 100% -38px no-repeat;
                height:28px;
                padding:10px 10px 0px 0px;
                display:block;
                float:left;
                }
            /* ---------------------------------------- */
        /* /trainer header */
    /* /header */

    /* main nav */
        .MainNav{
            width: 866px;
            height: 23px;
            padding-left: 4px;
            overflow:hidden;
            margin: -33px 0px 10px 8px;
        }

        .MainNav ul{
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            width: 880px
        }

        .MainNav ul li{
            display: inline;
        }

        .MainNav ul li a:link, .MainNav ul li a:hover, .MainNav ul li a:active, .MainNav ul li a:visited{
            display: block;
            width: 150px;
            height: 23px;
            float: left;
            background: url(/media/image/common/bkgMainNav.gif) 0px 0px no-repeat;

            line-height: 24px;
            text-decoration: none;
            text-align:center;
            font-size: 11px;
            font-weight:bold;
            color: #333;
            margin-left: -4px;
        }

        .MainNav ul li a.selected{
            background: url(/media/image/common/bkgMainNav_selected.gif) 0px 0px no-repeat;
        }

        .MainNavBuddy{
            clear:both;
            width: 866px;
            height: 23px;
            margin-left: 8px;
            overflow:hidden;
            padding-left: 4px;
            margin-bottom:10px;
        }

        .MainNavBuddy ul{
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            width: 880px
        }

        .MainNavBuddy ul li{
            display: inline;
        }

        .MainNavBuddy ul li a:link, .MainNavBuddy ul li a:hover, .MainNavBuddy ul li a:active, .MainNavBuddy ul li a:visited{
            display: block;
            width: 216px;
            height: 23px;
            float: left;
            background: url(/media/image/common/bkgMainNavBuddy.jpg) 0px 0px no-repeat;

            line-height: 24px;
            text-decoration: none;
            text-align:center;
            text-transform: uppercase;
            font-size: 11px;
            font-weight:bold;
            color: #fff;
            margin-left: -4px;
        }

        .MainNavBuddy ul li a.selected{
            background: url(/media/image/common/bkgMainNav_selected.gif) 0px 0px no-repeat;
        }

    /* /main nav */

    /* footer */
        .hsFooter{
            border-top: 1px solid #FFF;
            background: #F6992B url(/media/image/bgFooter.gif) 0px 0px repeat-x;
            width: 100%; height: 130px;
            font: 10px/12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #FEFFE8;
            position: absolute; bottom: 0px; left:0px;
        }


        .hsFooter a{color: #FEFFE8;text-decoration: none;}
        .hsFooter a:hover{text-decoration: underline;}

        .hsFooter a.secondary{text-decoration: underline;}
        .hsFooter a.secondary:hover{text-decoration: none;}

        .hsFooter .FooterPrimaryNav{
            margin: 0px;    padding: 0px;   list-style-type: none;
            position: absolute; left: 37px; top: 25px;

        }

        .hsFooter .FooterSecondaryNav{
            margin: 0px;    padding: 0px;   list-style-type: none;
            position: absolute; left: 37px; top: 48px;
        }

        .hsFooter .FooterThirdNav{
            margin: 0px;    padding: 0px;   list-style-type: none;
            position: absolute; left: 37px; top: 71px;
        }

        .hsFooter .FooterForthNav{
            margin: 0px;    padding: 0px;   list-style-type: none;
            position: absolute; left: 37px; top: 94px;
        }


        .hsFooter .FooterPrimaryNav li, .hsFooter .FooterSecondaryNav li, .hsFooter .FooterThirdNav li, .hsFooter .FooterTorthNav li{
            display: inline;
            padding: 0px 5px 0px 4px;
            background: url(/media/image/sepFooterNav.gif) 100% 50% no-repeat;
        }

        .hsFooter .FooterEmail{position: absolute; left: 43px; top: 75px;}
        .hsFooter .FooterCopyrightNotice{position: absolute; left: 43px; top: 99px;}

        .hsFooter .Secured{
            width: 120px;
            height:60px;
            position: absolute; left: 820px; top: 25px;
        }

        /* trainer footer */

        /* ---------------------------------------- */

        #TrainerFooterContainer{
            width:917px;
            padding:15px 21px 0px 22px;
            margin: 0px auto;
            position: relative;
            }
        #TrainerFooterContainer .topCap{
            width:917px;
            height:10px;
            background:transparent url(/media/image/pages/trainer_dashboard/img_Footer_TopCap.gif) no-repeat;
            overflow:hidden;
            }
        #TrainerFooterContainer .content{
            width:887px;
            padding:5px 15px 10px 15px;
            background-color:#FBFAF8;
            }
        #TrainerFooterContainer .bottomCap{
            width:917px;
            height:10px;
            background:transparent url(/media/image/pages/trainer_dashboard/img_Footer_BottomCap.gif) no-repeat;
            overflow:hidden;
            }

        #TrainerFooterContainer p{
            margin:0;
        }

        #TrainerFooterContainer p.bottomMenu{
            font-size:12px;
            color:#C2D384;
            padding:0px 0px 7px 0px;
            }
        #TrainerFooterContainer p.bottomMenu a{
            font-size:12px;
            color:#C2D384;
            text-decoration:none;
            }
        #TrainerFooterContainer p.bottomMenu a:hover{
            text-decoration:underline;
            }

        #TrainerFooterContainer p.copy{
            font-size:11px;
            color:#CBD2B3;
            }
        #TrainerFooterContainer p.copy a{
            font-size:11px;
            color:#9FA686;
            text-decoration:none;
            }
        #TrainerFooterContainer p.copy a:hover{
            color:#CBD2B3;
            }

        #TrainerFooterContainer p.poweredBy{
            width: 192px;
            height: 39px;
            margin: 0px;
            position: absolute;
            top: 33px;
            right: 49px;
            background: url(/media/image/pages/trainer_dashboard/poweredByHyperstrike.gif) 0 0 no-repeat;
        }

        #TrainerFooterContainer p.poweredBy a{
            display: block;
            width: 192px;
            height: 39px;
            overflow: hidden;
            text-indent: -9999px;
        }

        /* ---------------------------------------- */

        /* /trainer footer */
    /* /footer */

    /* common */
        .clr{
            clear: both;
            height: 1px;
            position: relative;
            top: -1px;
            overflow:hidden
        }

        .visible{display: block}
        .hidden{display: none}

        .noBG{
            background: none!important;
        }

        .noBRD{
            border: none!important;
        }

        .noMRG{
            margin: 0px!important;
        }

        .noBtmMRG{
            margin-bottom: 0px!important;
        }

        .greyBox{
            border: 1px solid #CCC;
        }

        .greyBox h3{
            background: #999 url(/media/image/common/bkgGreyBoxHeading.gif) 0px 0px repeat-y;
            border-bottom: 1px solid #CCC;
            margin: 0px;

            line-height: 20px;
            padding-left: 10px;
            font-size: 11px;
            color: #333;
        }

        .ListingTop{
            padding: 10px 0px;
            background: #FFFFFF;
        }
    /* /common */
/* ----------------------------------------------------------------------------------------------------------------- */

/* ---- pages.css ----- */
/* Contains page specific styles */

/* ===============================================
 *    General
 *       =============================================
 *
 *       ul#nav li#hometab { left: 0; background-position: 0 0px; }
 *       ul#nav li#hometab a { width: 106px; }
 *       ul#nav li#hometab a:hover { background-position: 0 -48px; }
 *
 *
 */* ===============================================
   Dashboard page
   =============================================*/

.dashboard .panel { padding: 0px; background: white}
.dashboard .panel div { padding: .5em 1em; position: relative;}
.dashboard .panel h1 { margin-bottom: .2em; }
.dashboard .panel h4 { color: #f1661f; }
.dashboard .panel p { font-size: 1.1em; }


.dashboard #progio-success {  }
.dashboard #progio-fail, .dashboard #progio-success { position: relative; }
.dashboard #progio-fail h3 {  }
.dashboard #progio-fail .close, .dashboard #progio-success .close { text-indent: 0; overflow: visible; width: auto; padding-right: 13px; background-position: right 0px; }

.dashboard .compact { margin-top: .8em; margin-bottom: 1em; }

.dashboard #welcome { border-bottom: none !important; margin: 0 0 2em; }
.dashboard #welcome div { border: 1px solid #ddd; }
.dashboard #welcome div .close { text-indent: 0; padding-right: 30px; background-position: right top; margin: 2px 10px 0 0; }

/*.dashboard .ContentWrapper { padding: 10px 20px 20px 20px; position: static; } */
.dashboard h1#title { height: 13px; margin: 0 0 8px; font-size: 14px;}
.dashboard p.compact { margin: 0 0 3px; padding: 0; color: #aaa; }
.dashboard .cal { position: relative; float: left; width: 350px; margin: 0; padding: 0; }

h2.h_featured_article { background: url(/media/image/head_featured_article.gif) no-repeat; height: 12px; text-indent: -9999em; margin: 0; }
h2.h_latest_news { background: url(/media/image/head_latest_news.gif) no-repeat; height: 11px; text-indent: -9999em; margin: 0; }
h2.h_recent_articles { background: url(/media/image/head_recent_articles.gif) no-repeat; height: 12px; text-indent: -9999em; margin: 10px 0; }
h2.h_feedback { background: url(/media/image/head_feedback.gif) no-repeat; height: 13px; text-indent: -9999em; margin: 10px 0 0 0; }
h2.h_change { background: url(/media/image/head_change_workout.gif) no-repeat; height: 16px; text-indent: -9999em; margin: 9px 0 0 15px; }

.calendar_header { background: #fbad17 url(/media/image/calendar_header.gif) no-repeat; height: 29px; width: 350px; position: relative; padding-top: 6px; }
.calendar_header li { display: inline; float: left; }
.calendar_header ul { padding: 0 0 0 10px; margin: 0; }
.calendar_header h3 { text-transform: uppercase; color: #fff; padding: 3px 8px 0 8px; font-size: 1.2em; margin: 0; }
.calendar_header h3 sup { font-size: 6pt; }
.calendar_header img { float: left; margin-top: 0px; border: none; }

.cal-legend-button { background: url(/media/image/button_legend.gif) no-repeat; text-indent: -9999em; position: absolute; height: 17px; width: 53px; right: 8px; top: 9px; overflow: hidden; }
a.cal-legend-button:hover { background: url(/media/image/button_legend.gif) no-repeat 0 -17px; }

#dash_calendar table { width: 350px; border-collapse: collapse; font-size: 1em;}
#dash_calendar thead th { background: url(/media/image/dash_th_bg.gif) repeat-x; height: 28px; width: 50px; color: #fff; text-transform: uppercase; border-right: 1px solid #6f7175; }
#dash_calendar thead th.dash_th_last { border-right: none !important; }
#dash_calendar tbody tr { border-bottom: 1px solid #fff; }
#dash_calendar tbody td { background: #ededed; border: 1px solid #fff; vertical-align: text-top; color: #545759; font-size: .9em; padding: 0; }
#dash_calendar tbody td span { display: block; height: 35px; border:1px solid #ededed; padding: 4px 0 0 4px; }
#dash_calendar tbody td.nonActive { color: #ededed; background-color: #f8f8f8; }


#dash_calendar tbody td span.strength, #dash_calendar tbody td span.conditioning, #dash_calendar tbody td span.custom { background-color: #fffff9; border: 1px solid #eee; background: #fffff9 no-repeat center center; }
#dash_calendar tbody td span.strength { background-image: url(/media/image/calendar_strength_active.gif); }
#dash_calendar tbody td span.conditioning { background-image: url(/media/image/calendar_conditioning_active.gif); }
#dash_calendar tbody td span.custom { background-image: url(/media/image/calendar_custom_active.gif); }
#dash_calendar tbody td.weekend span { background-color: #e7e7e7; }
#dash_calendar tbody td.weekend span.conditioning, #dash_calendar tbody td.weekend span.strength, #dash_calendar tbody td.weekend span.custom  { background-color: #fffff1 !important; }
#dash_calendar tbody td.today span { background-color: #dcebf7 !important; border: 1px solid #bccbd7; }
#dash_calendar tbody td.today span.conditioning, #dash_calendar tbody td.today span.strength, #dash_calendar tbody td.today span.custom { background-color: #fffff9 !important; border: 1px solid #fbc965; }
#dash_calendar tbody td.today span.conditioning a, #dash_calendar tbody td.today span.strength a, , #dash_calendar tbody td.today span.custom a { color: #d7790b }
#dash_calendar tbody td.active_day { background: #dcebf7 !important; }
#dash_calendar tbody td.past span a { color: #545759; }
#dash_calendar tbody td.past span.conditioning { background-image: url(/media/image/calendar_conditioning.gif); background-color: #f8f8f8 !important; }
#dash_calendar tbody td.past span.strength { background-image: url(/media/image/calendar_strength.gif); background-color: #f8f8f8 !important; }
#dash_calendar tbody td.past span.custom { background-image: url(/media/image/calendar_custom.gif); background-color: #f8f8f8 !important; }
#dash_calendar tbody td.clickable{ cursor: pointer; }

#dash_calendar tbody td#cal-current span { border: 1px solid #3586ca !important; padding: 3px 0 0 3px; }
#dash_calendar tbody td#cal-current span.conditioning,
#dash_calendar tbody td#cal-current span.strength,
#dash_calendar tbody td#cal-current span.custom,
#dash_calendar tbody td#cal-current.today span,
#dash_calendar tbody td#cal-current.weekend span { border: 1px solid #3586ca !important; padding: 4px 0 0 4px; }

#shedule-options { margin-top: 5px; margin-bottom: .8em;}
#shedule-options #export-link { float: left; width: 100px;}
#shedule-options #export-link p { position: absolute; right: 0; top: 0; display: block; width: 60px; text-align: right; font-size: .9em; margin: 0; padding: 0; }
#shedule-options #export-link a.progio-link { position: absolute; right: 16px; background: url(/media/image/g_icon_mobile.gif) 0% 50% no-repeat; padding-left: 8px; }
#shedule-options #export-link a.mobile-help { position: absolute; right: 0px; display: block; }
#shedule-options #export-panel { background: white; position: absolute; right: 0; top: 13px; border: 1px solid #2c8ee0; text-align: left; }
#shedule-options #export-panel ul { margin: 0; padding: 0; list-style: none; }
#shedule-options #export-panel ul li { margin: .2em 0 0; border-bottom: 1px solid #f5f5f5; line-height: 1.5em; }
#shedule-options #export-panel ul li.last { border: none; }
#shedule-options #export-panel ul li a { font-size: .85em; padding: 3px 10px; }
#shedule-options #export-panel ul li span { font-size: .85em; padding: 3px 10px 3px 0px; margin-left: 5px !important; }
#shedule-options #export-panel ul li span a { font-size: 1em; padding: 0px 3px; }
#shedule-options #export-panel ul li a em { font-style: normal; color: #999; }

#progio-panel { background: white; position: absolute; top: 0; left: 0; padding: 1.5em; border: 1px solid #5fa9e7; width: 500px; }

#shedule-options .dash_change { float: left; background: url(/media/image/icon_change_workout.gif) no-repeat; padding: 0 28px 0 13px;}
#shedule-options a:hover.dash_change { background: url(/media/image/icon_change_workout.gif) no-repeat 0 -15px; }

/*#shedule-options .add_goals { float: left; background: url(/media/image/icon_add_goals.gif) 0% 50% no-repeat; padding: 0 0 0 13px;}*/
#shedule-options .add_goals { float: left; padding: 0 0 0 13px;}
#add-panel { background: white; position: absolute; top: 0; left: 0; padding: 1.5em; border: 1px solid #5fa9e7; text-align: center; }


.cal-change { position: absolute; background: url(/media/image/bubble_change.gif) no-repeat; height: 184px; width: 240px; left: 138px; margin-top: -14px; }
.cal-change h3 { color: #929090; margin: 3px 0 0 15px; font-size: .9em; line-height: 1.3; }
.cal-change h2 { color: #929090; margin: 10px 0 0 15px !important; font-size: .9em; line-height: 1.3; }

.cal-change ul { float: left; margin: 0 0 0 0; padding: 10px 0 0 20px; }
.cal-change li { list-style: none; height: 19px; }
.cal-change li label { display: inline; float: none; width: auto; }

.cal-change li input { display: inline; float: none; width: auto; vertical-align: middle; }

.cal-change .save-button { position: absolute; right: 7px; bottom: 7px; }
.cal-change .cancel-button { position: absolute; right: 73px; bottom: 7px; }

.legend0, .legend1, .legend2,.legend3,.legend4,.legend5,.legend6 {  }
span.legend_f0, span.legend_f1, span.legend_f2, span.legend_f3, span.legend_f4, span.legend_f5, span.legend_f6 { background: #fffff9 !important; }

.dashboard #sch_cal_tbl{ display:none; }

.dashboard #progress { border: 1px solid #d5d5d5; padding: 10px 10px 0px; height: 80px; }
.dashboard #progress h3 { margin: 0; color: #474545; }
.dashboard #progress p { float: right; background: #white; width: 120px; }
.dashboard #progress #ramp-1 {  }
.dashboard #progress #ramp-2 { float: left; width: 200px; }
.dashboard #progress h2 { font-weight: normal; text-transform: uppercase; color: #9a9796; font-size: 1em; margin: .3em 0 .8em; }

#workout-panel { float: right; margin-top: 2px; background: url(/media/image/dash_panel.gif) repeat-y; width: 480px; position: relative; }
#workout-panel .top { background: url(/media/image/dash_panel_top.gif) no-repeat; height: 4px; }
#workout-panel .content { padding: 11px 0px 0; min-height: 327px; }
#workout-panel .bottom { background: url(/media/image/dash_panel_bottom.gif) no-repeat; height: 4px; }

#workout-panel h2#panel-title { padding-left: 25px; line-height: 20px; margin: -3px 15px 0 15px; font-weight: normal; }
#workout-panel h2.conditioning { background: url(/media/image/calendar_conditioning_active.gif) no-repeat left center; }
#workout-panel h2.strength { background: url(/media/image/calendar_strength_active.gif) no-repeat left center; }
#workout-panel h2.custom { background: url(/media/image/calendar_custom_active.gif) no-repeat left center; }

#workout-panel ul.actions { padding: 0; margin: .6em 0 0 42px; }
#workout-panel ul.actions li { display: inline; font-size:12px;}
#workout-panel ul.actions li a:link, ul.actions li a:visited {  }
#workout-panel ul.actions li a:hover, ul.actions li a:active {  }
#workout-panel ul.actions #view-link { font-weight: bold; }

#workout-panel ul.actions #move-panel { margin-left: 6px; }
#workout-panel ul.actions a#move-left { background: url(/media/image/button-move-left.gif) no-repeat; height: 13px; width: 20px; overflow: hidden; padding: 9px 8px 3px 9px; font-size: 1px; color: #d4e3ed; }
#workout-panel ul.actions a#move-left:hover { background: url(/media/image/button-move-left.gif) no-repeat 0 -17px; color: #d4e3ed !important; }
#workout-panel ul.actions a#move-left.inactive { background: url(/media/image/button-move-left.gif) no-repeat 0 -34px; }
#workout-panel ul.actions span#inactive-left { background: url(/media/image/button-move-left.gif) no-repeat 0 -33px; height: 13px; width: 20px; overflow: hidden; padding: 9px 8px 3px 9px; font-size: 1px; color: #d4e3ed; }
#workout-panel ul.actions span#inactive-right { background: url(/media/image/button-move-right.gif) no-repeat 0 -33px; height: 13px; width: 20px; overflow: hidden; padding: 9px 8px 3px 9px; font-size: 1px; color: #d4e3ed; }
#workout-panel ul.actions a#move-right { background: url(/media/image/button-move-right.gif) no-repeat; height: 13px; width: 20px; overflow: hidden; 20px; font-size: 1px; padding: 9px 7px 3px 10px; color: #d4e3ed; }
#workout-panel ul.actions a#move-right:hover { background: url(/media/image/button-move-right.gif) no-repeat 0 -17px; color: #d4e3ed !important; }
#workout-panel ul.actions a#move-save { background: url(/media/image/button-save-move.gif) no-repeat; height: 15px; width: 30px; overflow: hidden; font-size: 1px; padding: 10px 12px 3px 12px; color: #d4e3ed; }
#workout-panel ul.actions a#move-save:hover { background: url(/media/image/button-save-move.gif) no-repeat 0 -17px; color: #d4e3ed !important; }

#workout-panel ul.actions a#move-cancel { background: url(/media/image/button-cancel-move.gif) no-repeat; height: 15px; width: 37px; overflow: hidden; font-size: 1px; padding: 11px 16px 3px 16px; color: #d4e3ed; }
#workout-panel ul.actions a#move-cancel:hover { background: url(/media/image/button-cancel-move.gif) no-repeat 0 -17px; color: #d4e3ed !important; }

#workout-panel #workouts { margin-top: 1.9em; margin-bottom: 0em; position: relative; }
#workout-panel #workouts ul#tabs { margin: 0 0 0 4px; padding: 0 0 0 11px; list-style: none;  height: 2em; }
#workout-panel #workouts ul#tabs li { float: left; background: #f1f1f1 url(/media/image/g_tab_right.gif) repeat-x right top; margin-right: 4px;  }
#workout-panel #workouts ul#tabs li.active { background: #ffffff url(/media/image/g_tab2_right.gif) repeat-x right top !important; position: relative; top: 1px; }
#workout-panel #workouts ul#tabs li.active a { background: url(/media/image/g_tab2_left.gif) no-repeat !important; }
#workout-panel #workouts ul#tabs li a { display: block; padding: .5em 1em; background: url(/media/image/g_tab_left.gif) no-repeat; text-align: center; color: #444; }
#workout-panel #workouts div.divider {  border-top: 1px solid #aaa; clear: both; }

#workout-panel #workouts .exercise-list { margin-top: 2.0em; overflow: auto; }
#workout-panel #workouts .exercise-list ul { float: left; margin: 0 0 0em; padding: 0; list-style: none; border: none; width: 205px; }
#workout-panel #workouts .exercise-list ul.list-1 { margin-right: 20px; margin-left: 15px;  }
#workout-panel #workouts .exercise-list ul li { float: none; display: block; background: none; border: none; padding: 0;  }
#workout-panel #workouts .exercise-list ul li a { font-size: 1em; background: none; margin: 0 0 0 0; line-height: 1.6em; padding: 0; display: block; }
#workout-panel #workouts .exercise-list ul li a.audio-link {margin: 0 0 0 0; line-height: 1.6em; padding: 0px 0px 0px 11px; display: inline; background: url(/media/image/pipe.gif) 5px 50% no-repeat; color: #333!important}
#workout-panel #workouts .exercise-list ul li a.full-details-link {margin: 0 0 0 0; line-height: 1.6em; padding: 0; display: inline; padding-left: 12px; color: #333!important;}

/*#workout-panel #workouts .exercise-list ul li a.image { display: block; float: left; margin-top: 0em; background-position: left bottom; width: 55px; height: 32px; margin: 0 5px 1.0em 0; }*/
#workout-panel #workouts .exercise-list ul li a.image { display: block; float: left; margin-top: 0em; width: 55px; height: 32px; margin: 0 5px 1.0em 0; }
#workout-panel #workouts .exercise-list ul li table { width: 150px; border-collapse: collapse; margin-top: 0; border: 1px solid #eee; height: 32px; }
#workout-panel #workouts .exercise-list ul li table th { background: #eee; border: 1px solid white; }
#workout-panel #workouts .exercise-list ul li table td { background: white; text-align: center;  }

#workout-panel #workouts .exercise-list-single { margin-top: 2.0em; overflow: auto; }
#workout-panel #workouts .exercise-list-single ul { float: left; margin: 0 0 0em; padding: 0; list-style: none; border: none; width: 430px; }
#workout-panel #workouts .exercise-list-single ul.list-1 { margin-right: 20px; margin-left: 15px;  }
#workout-panel #workouts .exercise-list-single ul li { float: none; display: block; background: none; border: none; padding: 0;}
#workout-panel #workouts .exercise-list-single ul li a { font-size: 1em; background: none; margin: 0 0 0 0; line-height: 1.6em; padding: 0; display: block; }
#workout-panel #workouts .exercise-list-single ul li a.audio-link {margin: 0 0 0 0; line-height: 1.6em; padding: 0px 0px 0px 11px; display: inline; background: url(/media/image/pipe.gif) 5px 50% no-repeat; color: #333!important}
#workout-panel #workouts .exercise-list-single ul li a.full-details-link {margin: 0 0 0 0; line-height: 1.6em; padding: 0; display: inline; padding-left: 12px; color: #333!important;}

#workout-panel #workouts .exercise-list-single ul li div.singleExLeft {float: left;}
#workout-panel #workouts .exercise-list-single ul li div.singleExRight {float: left;padding-left: 13px;padding-top: -50px;}

#workout-panel #workouts .exercise-list-single ul li a.singleEx-link {color:#57585C; font-size:14px;font-style:italic;text-decoration:none;}
#workout-panel #workouts .exercise-list-single ul li a.singleEx-link:hover {color:#57585C; font-size:14px;font-style:italic;text-decoration:underline;}

#workout-panel #workouts .exercise-list-single ul li a.singleEx-ListenLink {display:block; background-image: url(/media/image/pages/my_today/qvBtnDownloadAudio.gif); text-indent:-1000px;width:172px;height:43px; }
#workout-panel #workouts .exercise-list-single ul li a.singleEx-ViewLink {display:block; background-image: url(/media/image/pages/my_today/qvBtnViewInstructions.gif); text-indent:-1000px;width:172px;height:43px; }


#workout-panel #workouts .exercise-list-single ul li a.image { display: block; float: left; margin-top: 0em; background-position: left bottom; width: 55px; height: 32px; margin: 0 5px 1.0em 0; }
#workout-panel #workouts .exercise-list-single ul li table { border: 1px solid #eee; height: 32px; width: 150px; border-collapse: collapse;}
#workout-panel #workouts .exercise-list-single ul li table th { background: #eee; border: 1px solid #eee; font-size: 1.1em; }
#workout-panel #workouts .exercise-list-single ul li table td { background: white; border: 1px solid #eee; text-align: center; font-size: 1.1em;  }


#workout-panel #workout-details { float: right; margin-right: 15px; background: url(/media/image/icon_arrow_rs.gif) no-repeat right center; padding-right: 10px; margin-bottom: .5em; }
#workout-panel #tab-tip { float: left; margin: 0 0 0 15px; color: #aaa; margin-bottom: .5em; }

#workout-panel #print-panel { float: right; position: relative; width: 60%; top: 2em; z-index: 100; }
#workout-panel #print-panel p { position: absolute; right: 31px; top: 8px; font-size: .9em; background:#FFF; padding: 0px 2px; text-align:right}
#workout-panel #print-panel p a#print-link{color:#2C8EE0}
#workout-panel a#print-dropdown { position: absolute; right: 15px; top: 10px; background: url(/media/image/icon_print_options.gif) no-repeat; width: 12px; height: 11px; text-indent: -9999em; overflow: hidden; }
#workout-panel a#print-dropdown:hover { background: url(/media/image/icon_print_options.gif) no-repeat 0 -9px; }
#workout-panel #print-options { position: absolute; top: 22px; right: 8px; padding: 5px; border: 1px solid #2c8ee0; background: white; }
#workout-panel #print-options ul { margin: 0; padding: 0; list-style: none; }
#workout-panel #print-options ul li { margin: .2em 0 0; border-bottom: 1px solid #f5f5f5; line-height: 1.5em; }
#workout-panel #print-options ul li.last { border: none; }
#workout-panel #print-options ul li a { font-size: .85em; padding: 3px 10px;color:#2C8EE0 }
#workout-panel #print-options ul li a:hover { text-decoration: none}
#workout-panel #print-options ul li a em { font-style: normal; color: #999; }

#workout-panel #workout-loading { position: absolute; top: 94px; left: 4px; height: 125px; width: 468px; background: white; text-align: center; padding-top: 115px; z-index: 500; }

.dash-site { border-top: 1px solid #ddd; margin: 20px 0 0 0; padding: 15px 0 0 0; }
.dash-site .col1 { float: left; width: 350px; border-right: 1px solid #ddd; padding-right: 11px; }
.dash-site .col2 { float: right; width: 480px; }

.dash-site .col1 textarea { width: 330px; height: 70px; margin-top: .8em; border: 1px solid #d5d5d5; background: url(/media/image/icon-person.gif) no-repeat 5px center; padding: 5px; font-family: Arial, Helvetica, sans-serif; color: #2c8ee0; font-size: 1.1em; }
.dash-site .col1 textarea:focus { background: url(/media/image/icon-person2.gif) no-repeat 5px center; }
.dash-site .col1 .dash-send { width: 84px; height: 25px; float: right; margin-top: 2px; }

.dash-site .col2 h3 { color: #3283c8; padding: 10px 0; }
.dash-site .col2 h4 { color: #f1661f; }
.dash-site .col2 h5 { color: #9a9796; font-weight: normal; margin: 0; }
.dash-site .feedback-info { color: #838181; font-size: 8pt; font-weight: normal; margin-top: .5em; }

.dash-site .col2 img { float: left; border: 1px solid #d5d5d5; padding: 1px; margin: 0 10px 0 0; }
.dash-site .col2 .featured-article { border: 1px solid #d5d5d5; padding: 10px; }
.dash-site .col2 h2.features { background: url(/media/image/h_newfeatures.gif); width: 124px; height: 12px; text-indent: -9999em; overflow: hidden; }
.dash-site .col2 h2.member { background: url(/media/image/h_memberspot.gif); width: 179px; height: 16px; text-indent: -9999em; overflow: hidden;}
.dash-site p { color: #727070 !important; }

.dashboard #featured-article { border: 1px solid #d5d5d5; padding: 10px; margin: 1.5em 0; }
.dashboard #featured-img { float: left; background: url(/media/image/g_article_fallback.gif) center center no-repeat; width: 75px; height: 75px; border: 1px solid #d5d5d5; padding: 1px; margin: 0 10px 0 0; }
.dashboard #featured-img img { }
.dashboard .dash-articles #featured-article p { margin-top: 0; border-bottom: none; padding-bottom: 0px; line-height: 1.4; }

.dash-articles h3 { color: #323437 !important; padding: 0 !important; }
.dash-articles h4 { color: #f1661f; font-style: italic; font-size: 1em; margin-top: -2px; }
.dash-articles h4 span a { background: url(/media/image/icon-view-more.gif) no-repeat 3px 1px; padding: 0 0 0 18px; }
.dash-articles h4 span a:hover { background: url(/media/image/icon-view-more.gif) no-repeat 3px -10px; }
.dash-articles p { margin-top: 0; border-bottom: 1px dotted #ccc; padding-bottom: 15px; line-height: 1.4; margin-bottom: 10px; }

.cal-legend { position: absolute; background: url(/media/image/bubble_legend_wide.gif) no-repeat; height: 235px; width: 170px; left: 345px; top: -22px; z-index: 1000;}

a.close:hover { background: url(/media/image/icon_close.gif) no-repeat 0 -11px; color: #c7371b; }

.cal-legend ul { margin: 10px; }
.cal-legend li { color: #4b4e53; font-weight: bold; padding: 4px 0 0 40px; height: 33px; line-height: 29px; }
.cal-legend li.legend_today { background: url(/media/image/legend_active.gif) no-repeat; }
.cal-legend li.legend_strength { background: url(/media/image/legend_strength.gif) no-repeat; }
.cal-legend li.legend_condition {  background: url(/media/image/legend_condition.gif) no-repeat; }
.cal-legend li.legend_custom {  background: url(/media/image/legend_custom.gif) no-repeat; line-height: 13px; }

ul.features_list {padding:0;}
ul.features_list li {background: url(/media/image/h-bullet.gif) no-repeat 0 3px;list-style: none;padding: 2px 0 2px 15px; color: #666666;}
.dashboard .col2 h2 { margin: 0 0 .5em; }

.dashboard .progress2 {
    border: 1px solid #d5d5d5;
    padding-top: 15px;
    padding-right: 100px;
    padding-bottom: 5px;
    padding-left: 10px;
/*
 *  background-image: url(/media/image/i_member_mac.gif);
 *      background-repeat: no-repeat;
 *          background-position: right bottom;
 *          */
}

.dashboard .col2 .divider { border-bottom: 1px dotted #ccc; height: 1px; margin: 1.5em 0 1.2em; }

.dashboard .progress3 {
    border: 1px solid #d5d5d5;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-bottom: 0;
    overflow: hidden;
/*  background-image: url(/media/image/g_girlback.gif;
 *      background-repeat: no-repeat;
 *          background-position: 105% bottom;
 *           */
 }
.dashboard .progress3 li { width: 90%; }
.dashboard .progress2 h4 p .spotlight{margin-top: 15px;}







/* ===============================================
 *    Workout page
 *       =============================================*/

.workout .content2Columns { background: url(/media/image/bg_2cols.gif) repeat-y; }
.workout .col1 { width: 255px; float: left; padding: 2px 13px 15px 9px; }
.workout .col2 { width: 576px; float: right; padding: 0 10px; }
.workout .col2 .col2-content { padding: 0 10px; }

/* top section of search workout */
    .workout .pagetop { margin: 0 10px 0 0; padding-bottom: 10px; border-bottom: 1px solid #999; }
    .workout .pagetop .col1 { float: left; margin-top: 10px; width: 400px; padding-left: 9px; }
    .workout .pagetop .col1 #symbol { background: url(/media/image/g_hyperstrike.gif) no-repeat; width: 18px; height: 21px; float: left; border: 0px solid red; }
    .workout .pagetop .col1 h1 { background: none; text-indent: 0; margin: 0; height: auto; }
    .workout .pagetop .col1 #title { border: 0px solid red; width: 300px; float: left; padding: 3px 0 0 3px; }
    .workout .pagetop .col1 #title p {      font-family: Dax, Arial, Helvetica, sans-serif; font-size:16px;color:#666;font-style: italic;font-weight:bold;}
    .workout .pagetop .col1 #return { clear: both; background: url(/media/image/icon_larrow_s.gif) no-repeat left center; padding-left: 9px; line-height: 1.3em; display: block; margin: 0 0 0 23px; }
    .workout .pagetop .col1 #return.return { clear: both; background: url(/media/image/icon_larrow_s.gif) no-repeat left center; padding-left: 9px; line-height: 1.3em; display: inline; margin: 0 0 0 .5em}

    .workout .pagetop.replace_workout{padding: 10px 15px; height: 30px; min-height:30px;}
    .workout .pagetop.replace_workout[class]{height: auto}
    .workout .pagetop.replace_workout .search_col1{float: left; padding-right: 40px; background: url(/media/image/or_search.gif) 100% 50% no-repeat;}
    .workout .pagetop.replace_workout .search_col2{float: left; padding-left: 10px;}

    .workout .pagetop.replace_workout input, select{vertical-align:middle; font-size:12px;}
    .workout .pagetop.replace_workout input.btnReplace{
        width: 84px;
        height: 25px;
        line-height: 30px;
        overflow: hidden;
        background: url(/media/image/bg_button_replace.gif) 0px 0px no-repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        text-transform: uppercase;
        text-align:left;
        margin: 0px;
        padding: 0px 0px 0px 10px;
        border: none
    }
    .workout .pagetop.replace_workout input.btnReplace[class]{padding-left: 5px; line-height: 20px;}
    .workout .pagetop.replace_workout .label{font-size: 10px; line-height:10px;}
/* /top section of search workout */

.workout #calendar table { float: right; width: 350px; border-collapse: collapse; font-size: 1em; }
.workout #calendar thead th { background: url(/media/image/dash_th_bg.gif) repeat-x; padding: 4px 0 3px; width: 40px; color: #fff; text-transform: uppercase; border-right: 1px solid #6f7175; font-size: .9em; }
.workout #calendar thead th.active { background: #fbad17; color: #fff; }
.workout #calendar thead th.dash_th_last { border-right: none !important; }

.workout #calendar tbody tr { border-bottom: 1px solid #eeeeee; }
.workout #calendar tbody td { background: #ffffff; border: 1px solid #eeeeee; vertical-align: text-top; color: #545759; font-size: .9em; padding: 0; }
.workout #calendar tbody td span { display: block; height: 35px; padding: 3px 0 0 3px; }
.workout #calendar tbody td span a { color: #545759; padding: 0; display: inline; }

.workout #calendar tbody td span.strength, .workout #calendar tbody td span.conditioning, .workout #calendar tbody td span.custom { border: 1px solid #fff; background: #ffffff no-repeat center center; }
.workout #calendar tbody td span.strength { background-image: url(/media/image/calendar_strength_active.gif); }
.workout #calendar tbody td span.conditioning { background-image: url(/media/image/calendar_conditioning_active.gif); }
.workout #calendar tbody td span.custom { background-image: url(/media/image/calendar_custom_active.gif); }

.workout #calendar tbody td.active_day { background: #dcebf7 !important; }

.workout #calendar tbody td#cal-current span.strength { background-image: url(/media/image/calendar_strength_active.gif); background-color: #fffff9; }
.workout #calendar tbody td#cal-current span.conditioning { background-image: url(/media/image/calendar_conditioning_active.gif); background-color: #fffff9; }
.workout #calendar tbody td#cal-current span.custom { background-image: url(/media/image/calendar_custom_active.gif); background-color: #fffff9; }

.workout #calendar tbody td#cal-current span { padding: 3px 0 0 3px; }
.workout #calendar tbody td#cal-current span.conditioning,
.workout #calendar tbody td#cal-current span.strength,
.workout #calendar tbody td#cal-current span.custom,
.workout #calendar tbody td#cal-current.today span,
.workout #calendar tbody td#cal-current.weekend span { padding: 4px 0 0 4px; }
.workout #calendar tbody td.clickable{ cursor: pointer; }

.workout .exercises #print { position: absolute; right: 26px; top: 8px; font-size: .9em; }
.workout .exercises #print-dropdown { background: url(/media/image/icon_print_options.gif) no-repeat; width: 12px; height: 11px; text-indent: -9999em; position: absolute; right: 10px; top: 10px; overflow: hidden; }
.workout .exercises #print-dropdown:hover { background: url(/media/image/icon_print_options.gif) no-repeat 0 -9px; }
.workout .exercises #print-options { position: absolute; top: 22px; right: 8px; padding: 5px; border: 1px solid #2c8ee0; background: white; }
.workout .exercises #print-options ul { margin: 0; padding: 0; list-style: none; border: none; width: auto !important; }
.workout .exercises #print-options ul li { margin: .2em 0 0; background: none; border: none; border-bottom: 1px solid #f5f5f5; line-height: 1.5em; padding: 0; }
.workout .exercises #print-options ul li.last { border: none; }
.workout .exercises #print-options ul li a { font-size: .85em; padding: 3px 10px !important; background: none; width: auto; color: #1371C0; display: inline; }
.workout .exercises #print-options ul li a:hover { color: #79bbf4; }
.workout .exercises #print-options ul li a em { font-style: normal; color: #999; }

.workout .exercises { position: relative; padding-top: 2em; }
.workout .exercises h2 { margin: 0; line-height: 1.3em; padding: 0;}
.workout .exercises h3 { line-height: 1.6em; margin: 0; font-size: 1.2em; }

.workout .exercises a#change-link { display: block; margin:  .1em 0 1.5em; background: url(/media/image/icon_change_workout.gif) no-repeat; padding: 1px 0 0 13px; }
.workout .exercises #change-panel { margin: .5em 0 2em; border-bottom: 1px solid; border-top: 1px solid; border-color: #ccc; padding: .2em 0 .8em; }
.workout .exercises #change-panel ul { margin: 0 0 1.2em; padding: 0; border: none !important; }
.workout .exercises #change-panel li { border: none; background: none; font-size: 1em; margin-bottom: .3em; }
.workout .exercises #change-panel li label { font-weight: bold; font-size: 1.1em; }
.workout .exercises #change-panel li input { vertical-align: bottom; }
.workout .exercises #change-panel .cancel-button { float: left; }
.workout .exercises #change-panel .save-button { float: left; }

.workout .exercises ul { width: 269px; }

.exercises h1.strength { background: url("/media/image/head_strengthexercises.gif"); width: 195px; height: 24px; margin: 0; }
.exercises h2 { padding: 0; line-height: 2.2em; }
.exercises h3 { line-height: 1.6em; margin: 0; }
.exercises ul { margin: 0 -10px 2em -10px; padding: 0; list-style: none; border-top: 1px solid #dcdad9; width: 269px; }
.exercises ul li { background: #f9f9f9; border-bottom: 1px solid #dcdad9; padding: 0; margin: 0; list-style: none; position: relative; font-size: 12px; line-height: 130%;}
.exercises ul li a { display: block; width: 247px; padding: .5em 0 .5em 21px; color: #747474; background: url("/media/image/icon_arrsmall.gif") no-repeat 11px center; }

.exercises ul li a:hover { background-color: #f3f3f3; }
.exercises ul li.select { padding: 1px 0; background: white; border-bottom: 1px solid #999; border-top: 1px solid #999; right: -10px; top: -1px; margin-left: -10px; }
.exercises ul li.select span { display: block; padding: .4em 25px .4em 21px; border-top: 1px solid #bfddf6; border-bottom: 1px solid #bfddf6; color: #2c8ee0; font-weight: bold; background: url("/media/image/icon_arrow.gif") no-repeat 11px 3px; }

.exercises ul li.select h6 { position: absolute; right: 9px; top: 4px; height: 15px; width:27px; margin:0; background: url("/media/image/button_swap_small.gif") no-repeat; text-indent: -9999em; overflow: hidden; }
.exercises ul li.select h6 a { display: block; height: 15px; width: 27px; padding: 0; background: none; }
.exercises ul li.select h6 a:hover { background: url(/media/image/button_swap_small.gif) no-repeat 0 -19px; }
.exercises p.change { margin: 5px 0 20px 0; }

.exerciseinfo h3 { padding: 10px 0 8px 0; font-size: 1.3em; color: #2c8ee0;}
.exerciseinfo th { background: #fbad17; color: #fff; padding: 5px; font-size: 12px;}

.exerciseinfo h2 { font-size: 1em; margin-top: 5px; }
.exerciseinfo h4 { font-size: 1em; margin: 0 0 0em; font-size: 14px;}
.exerciseinfo ul, .exerciseinfo ol  { padding: 0 0 0 20px; margin: 0px 0 5px; color: #222; line-height: 1.4; font-size: 14px; }
.exerciseinfo ul li, .exerciseinfo ol li { margin-bottom: .2em; }
.exerciseinfo ul li { background: url(/media/image/h-bullet.gif) no-repeat 0 6px; list-style: none; padding: 2px 0 2px 15px; }
.exerciseinfo ol li { margin-left: 20px; padding: 5px 0; }

.exerciseinfo a.swapexercise { float: right; margin: 5px 165px 0 7px; width: 133px; height: 23px; background: url(/media/image/button_swap.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
.exerciseinfo a:hover.swapexercise { background-position: 0 -23px; }
.exerciseinfo .video { z-index: 0; width: 410px; float: left;}
.exerciseinfo table { z-index: 0; width: 570px; text-align:left; font-size:12px;}
.exerciseinfo table {width: 570px!important;}
.exerciseinfo table table{clear: left; width: 410px; border:none; float:none; padding-bottom: 5px; margin-bottom: .8em;}
.exerciseinfo table table{width: 410px!important;}

.exerciseinfo .video-right { float: right; width: 150px; margin-top: -10px; }
.exerciseinfo .video-right h4 { background: #eee; padding: 3px; margin: 10px 0 0 0; padding-left: 7px; color: #333; font-size:14px;}
.exerciseinfo .video-right ul { border: 1px solid #eee; margin: 0; padding: 5px 0 5px 10px; }
.exerciseinfo .video-right ul li { font-size: 12px; }

.info {
    position: absolute; width: 216px; height: 85px; z-index: 10; padding: 10px 10px 10px 20px;
    background: url(/media/image/exercise-info.gif) no-repeat; font-size: .9em; z-index: 1000;
}
.info span, .info h4 { margin: 0; font-size: 1em; line-height: 1em; color: #f3741f; font-weight:bold;}
.info h4 span { color: #303030; }
.info p { margin: 0 0 .5em; }
.info img { float: left; padding: 0 10px 0 0; }


.exerciseinfo .video-right .equipment-group h4 { background: #dfeefb !important; }
.exerciseinfo .video-right .equipment-group ul { border: 1px solid #dfeefb !important; }




/* ===============================================
 *    Swap page
 *       =============================================*/

.swap .col1 { width: 255px; float: left; padding: 2px 13px 15px 9px; }
.swap .col2 { width: 576px; float: right; padding: 0 10px; }
.swap .col2 .col2-content { padding: 0 10px; }

.swap .pagetop { padding: 0 10px 10px; border-bottom: 1px solid #999; }
.swap .pagetop .col1 { float: left; width: 220px; margin: 5px 10px 0 0; background: url(/media/image/swap_arrow.gif) no-repeat right 30px; padding:  0 35px 0 0; }
.swap .pagetop .col2 { float: left; width: 220px; margin-top: 5px; padding: 0; }

.swap .title-head { clear: both; position: relative; height: 40px; border-bottom: 1px solid #dcdad9; margin: 0 6px 2px; padding: 0 15px; }
.swap .title-head .back { position: absolute; right: 6px; top: 0; background-image: url("/media/image/button_back.gif"); width: 92px; height: 26px; }
.swap-message { margin: 30px 0 0 160px;  }
.swap  .swap-head { position: relative; background: #f2f2f2; padding: 0px 13px; margin: 0 -8px 1.5em -11px; border: 1px solid #f2f2f2;  width: 556px;  }
.swap  .swap-head h2 { color: #7c7a7a; font-weight: normal; line-height: 40px; }
.swap  .swap-head h2 strong { color: #f06322; font-weight: bold; font-size: 1.2em; padding-left: 5px; }
.swap .col2 table { width: 410px; margin: 0 0 1em;}
.swap-with { margin-left: 10px !important; }
.swap-on { margin-left: 10px !important; }

.workout h1.h_swap_exercise { background: url(/media/image/head_swap.gif) no-repeat left 10px; width: 109px; height: 27px; text-indent: -9999em; margin: 0 0 10px 0; }
.pagetop_col1 .swap-col1 { float: left; background: url(/media/image/swap_arrow.gif) no-repeat  right 35px; padding-right: 35px; margin-top: -10px; }
.pagetop_col1 .swap-col2 { float: left; width: 200px; margin-top: -10px; }
.head_replace_exercise { background: url(/media/image/head_replace_exercise.gif) no-repeat; height: 15px; text-indent: -9999em; margin: 10px 0 0 0; }

.swap .pagetop .current-exercise { background: #f1f1f1; float: left; width: 220px; }
.swap .pagetop .swapped-exercise, .pagetop .no-exercise { background: #f1f1f1; float: left; margin-left: 0px; width: 220px; }
.swap .pagetop .current-exercise img, .pagetop .swapped-exercise img, .pagetop .no-exercise img { float: left; margin: 5px 6px; border: 1px solid #d8d8d8; width: 61px; height: 36px; }

.swap .pagetop h2 { font-weight: normal; color: #9a9796; font-size: 1em; text-transform: uppercase; margin: 0 0 .4em !important; }
.swap .pagetop h3 { margin: 0; font-size: 1.1em; }
.swap .pagetop .current-exercise h3 { background: #fbb52f; color: #fff; padding: 2px 6px; border-bottom: 1px solid #fff; }
.swap .pagetop .swapped-exercise h3 { background: #5fa9e7; color: #fff; padding: 2px 6px; border-bottom: 1px solid #fff; }
.swap .pagetop .no-exercise h3 { background: #ccc; color: #fff; padding: 2px 6px; border-bottom: 1px solid #fff; }

.swap .pagetop .col2 h5 { margin: 0px 0 0 0px; color: #f06322; font-size: 1.1em; font-weight: bold; }
.swap .pagetop .col2 a.save { display: block; margin: 10px 0 0 0; background-image: url(/media/image/button_save.gif); width: 66px; height: 21px; text-indent: -9999em; overflow: hidden; }
.swap .pagetop .col2 a.save:hover { background-position: 0 -21px; }
.swap .pagetop .col2 span{  float: right;   margin-top: -21px;}
.swap .pagetop .col2 .return { margin-left: .5em; background: url(/media/image/icon_larrow_s.gif) no-repeat left .2em; padding-left: 9px; line-height: 1.3em; }
.swap .exercises .head_replace_exercise { background: url(/media/image/head_replace_exercise.gif) no-repeat; height: 15px; text-indent: -9999em; margin: 10px 0 0 0; }

.current-exercise span, .current-exercise h4 { margin: 7px 0 0 0; font-size: 1em; line-height: 1em; color: #f3741f; font-weight:bold;}
.swapped-exercise span, .swapped-exercise h4 { margin: 7px 0 0 0; font-size: 1em; line-height: 1em; color: #4893d2; font-weight:bold;}
.swapped-exercise span, .no-exercise h4 { margin: 7px 0 0 0; font-size: 1em; line-height: 1em; color: #444; font-weight:bold;}
.current-exercise h4 span, .swapped-exercise h4 span { color: #303030; }
.current-exercise p, .swapped-exercise p { margin: 0 0 .5em; }


/* ======= Reporting Page ======= */

.reporting .content2columns { background: url(/media/image/bg_2cols.gif) repeat-y; }
.reporting .pagetop { margin: 0px 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #999; }
/*.reporting #list { width: 249px; float: left; padding: 2px 13px 15px 15px; }
 *  .reporting #card { width: 546px; float: right; padding: 0px 10px 0 20px; }
 *
 *  .reporting #card fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; margin-top: .5em; }
 *  .reporting #card legend { font-weight: bold; font-size: 1.2em; padding: 0 5px; }
 *  */

.reporting #quick { border: 1px solid #ccc; padding: 1em; }
.reporting #quick .recommended { display: block; background: url(/media/image/button_report.gif) no-repeat; width: 84px; height: 25px; text-indent: -9999px; overflow: hidden; }
.reporting #quick a.recommended:hover { background: url(/media/image/button_report.gif) no-repeat 0 -25px; }

.reporting #card #exercise-meta { margin: 2em 0 1em; background: #eee; padding: 5px; }
.reporting #card #exercise-meta h2 { margin-bottom: .3em !important; line-height: 1.2em; }
.reporting #card #exercise-meta .col1 { float: left; width: 300px; }
.reporting #card #exercise-meta .col2 { float: left; width: 200px; }
.reporting #card #exercise-meta table { margin: 0; padding: 0; border-collapse: collapse; }
.reporting #card #exercise-meta table td { font-weight: bold; font-size: 1.1em; padding-right: 1.5em; }
.reporting #card #exercise-meta table td input { vertical-align: bottom; margin-right: .3em; }


.reporting #card table#report-form { width: 546px; margin-bottom: 1em; border-collapse: collapse; }
.reporting #card table#report-form th { padding: 5px 10px;  border-left: 1px solid #37383c;  border-top: 1px solid #37383c; background: #37383c url(/media/image/compact-print-header.gif) repeat-x; color: #eee; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.reporting #card table#report-form .alternate { background-color: #f7f7f6; }
.reporting #card table#report-form td { border: 1px solid #37383c; padding: 5px 10px; }

.reporting #exercise-cards h3 { margin: 15px 0 0 0; border-bottom: 1px solid #dcdad9; }
.reporting #exercise-cards a { background: #f9f9f9 url(/media/image/icon_arrsmall.gif) no-repeat 11px 7px; padding: 6px 5px 6px 23px; border-bottom: 1px solid #dcdad9; width: 220px; display: block; color: #3d3b3b; }
.reporting #exercise-cards a.arrowRnotice, .reporting #exercise-cards a:hover.arrowRnotice{ color: #8b8b8b; background: #e9e9e9 url(/media/image/icon_arrsmall.gif) no-repeat 11px 7px; }
.reporting #exercise-cards a:hover { background: #f3f3f3 url(/media/image/icon_arrsmall.gif) no-repeat 11px 7px; }


/* ======= Print Page ======= */

.print .ContentWrapper #symbol { background: url(/media/image/g_hyperstrike.gif) no-repeat; width: 18px; height: 21px; float: left; }
.print .ContentWrapper #title h1 { margin: 0; }
.print .ContentWrapper #title { width: 300px; float: left; padding: 3px 0 0 3px; }
.print .ContentWrapper h2.sub-title { margin: 0 0 1em 21px; }

.print #return { display: block; float: right; background: url(/media/image/icon_larrow_s.gif) no-repeat left .4em; padding-left: 9px; line-height: 1.3em; }
.print #print-button a { clear:right;display: block; float: right; margin: 0px 0px 0 0; background: url(/media/image/button-print.gif) no-repeat; height: 21px; width: 60px; text-indent: -9999em; }
.print #print-button a:hover { background: url(/media/image/button-print.gif) no-repeat 0 -21px; }

.print ul#print-type { padding: 0 0 0 19px; margin: 0; list-style: none; }
.print ul#print-type li { float: left; background: #eee url(/media/image/print-tab-left.gif) no-repeat left top; margin: 0; padding: 0 0 0 4px; margin-right: 3px; font-size: 11px; }
.print ul#print-type a { float:left; display: block; background: #eee url(/media/image/print-tab-right.gif) no-repeat right top; padding: 6px 15px 6px 6px; }
.print ul#print-type li.active { background: #fff url(/media/image/print-tab-left.gif) no-repeat left top; }
.print ul#print-type li.active a { border-bottom: 1px solid #fff; background: #fff url(/media/image/print-tab-right.gif) no-repeat right top; }

.print #print-area { border: 1px solid #999; margin: -1px 0px 0 0px; padding: 20px 50px; }
.print #print-area .print-category h2 { background: #525559; color: #fff; padding: 4px 10px; font-size: 1.3em; margin-top: 10px; }

.print #print-area .col1 { width: 180px; float: left; }
.print #print-area .col2 { width: 410px; float: left; margin-top: 1px; }

.print-exercise { border: 1px solid #eee !important; padding: 10px; }
.print-exercise h3 { font-size: 1.2em; font-style: italic; color: #555; background: none; padding: 0 0 5px 0; }
.print-exercise h4 { color: #333; }
.print-exercise ul { margin: 5px 0; padding-left: 20px; }
.print-exercise ol { margin: 5px 0; padding-left: 38px; }
.print-exercise ul li { background: url(/media/image/h-bullet.gif) no-repeat 0 4px; list-style: none; padding-left: 15px; }
.print-exercise li { line-height: 1.4; }
.print-exercise .col1 img { border: 0px solid #ddd; padding: 1px; }
.print-exercise table { width: 405px; text-align: center; margin-bottom: 10px; border-collapse: collapse; }
.print-exercise th { padding: 5px 10px; border-right: 1px solid #37383c;   border-left: 1px solid #37383c;  border-top: 1px solid #37383c; background: #37383c url(/media/image/compact-print-header.gif) repeat-x; color: #eee; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.print-exercise td { border: 1px solid #37383c; padding: 5px 10px; }

.print-exercise .print-equipment { width: 162px;margin-top:10px;}
.print-exercise .print-equipment h4 { background: #fcad15 url(/media/image/print-equipment-head.gif) no-repeat; height: 18px; color: #fff; padding: 2px 5px 2px 10px; line-height: 20px; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.print-exercise .print-equipment ul { border: 1px solid #fcad15; margin: 0; padding: 5px 5px 5px 15px; }
.print-category table { width: 605px; text-align: center; margin-bottom: 10px; border-collapse: collapse; }
.print-category th { padding: 5px 10px; border-right: 1px solid #37383c;   border-left: 1px solid #37383c;  border-top: 1px solid #37383c; background: #37383c url(/media/image/compact-print-header.gif) repeat-x; color: #eee; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.print-category td { border: 1px solid #37383c; padding: 5px 10px; }
.print #full-view .print-exercise { margin: 10px 0 0 0; border-top: 1px solid #aaa; border-bottom: none; padding-bottom: 10px; }

/* ===============================================
 *    Articles
 *       =============================================*/
.articles img.head { margin-left: 9px; }
.articles .wrapper { background: url(/media/image/bg_2cols.gif) repeat-y; padding: 0 0; }

.articles #welcome { border: 1px solid #c9c9c9; padding: 10px 18px; background: url(/media/image/icon-person.gif) no-repeat 5px .9em; padding-left: 50px; }

.articles #search { margin: 1em 0 0; padding: 0 9px 1em; border-bottom: 1px solid #999; }
.articles #search .col1 { width: 505px; float: left; margin-right: 2em; padding: .8em .5em 0 0; background: url(/media/image/or_search.gif) no-repeat bottom right; }
.articles #search .col1 select { float: left; margin-right: 1em; }
.articles #search .col2 { width: 300px; float: left; padding: .8em 0 0 0; }
.articles #search .col2 .textbox { width: 200px; margin: 0; vertical-align: top; padding: 5px; color: #2c8ee0; font-size: 1.1em; }

.articles #results { float: left; padding-left: 9px; padding-top: .2em; }
.articles #results ul { margin: 0 0px 1em -9px; padding: 0; list-style: none; border-top: 1px solid #dcdad9; width: 268px; }
.articles #results ul li { background: #f9f9f9; border-bottom: 1px solid #dcdad9; padding: 0; margin: 0; list-style: none; position: relative; font-size: 1.1em; font-weight: bold; }
.articles #results ul li a { display: block; padding: .5em 0 .5em 21px; background: url("/media/image/icon_arrsmall.gif") no-repeat 11px 8px; color: #4d4b4b; }
.articles #results ul li a:hover { background-color: #f3f3f3; cursor: pointer; }


.articles #results ul li.selected a { position: relative; width: 247px; padding: .4em 10px .4em 21px; border-top: 1px solid #999; border-bottom: 1px solid #999; color: #2c8ee0; font-weight: bold; background: #fff url(/media/image/icon_arrow.gif) no-repeat 11px 3px; }
.articles #results ul li.selected a:hover { background-color: #white; }

.articles #results ul li span { padding: 2px 0 0 0; color: #aaa; font-size: .9em; font-weight: normal; display: block; }

.articles #detail { width: 600px; float: right; padding: 1em 0px; font-size: 1.1em; margin-right: 0px; }
.articles #detail h1.title { margin:  0 0 .1em; }
.articles #detail h2.date,
.articles #results h2.date,
.news h2.date,
.library #results h2.date { margin: 0 0 1.5em; color: #aaa; font-weight: normal; font-size: 8.5pt; text-transform: uppercase; }
.articles #detail h2.date a span { background: url(/media/image/icon-view-more.gif) no-repeat 3px 1px; padding: 0 2px 0 18px; text-transform: lowercase !important; }
.articles #detail h2.date a:hover span { background: url(/media/image/icon-view-more.gif) no-repeat 3px -10px; }
.articles #detail .article h1 { margin: 0 0 .4em; color: #f06721; font-size: 1.2em; }
.articles #detail .article h2 { font-size: 1.1em; margin-bottom: .3em; }
.articles #detail .article ul { padding-left: 20px; }
.articles #detail .article li { margin: 0 0 1em; }
.articles #detail ul li { background: url(/media/image/h-bullet.gif) no-repeat 0 2px; list-style: none; padding-left: 15px; }

.articles #results ol, .library #results ol { margin: 0; padding: 0; }
.articles #results ol li, .library #results ol li { list-style: none; display: inline; float: left; }

.arrowL { background: url(/media/image/btnPrevious.gif) no-repeat; height: 26px; width: 78px; overflow: hidden; text-indent: -9999em; display: block; margin-right: 2px; }
.arrowL a { display: block; height: 26px; width: 78px; }
a.arrowL:hover { background: url(/media/image/btnPrevious.gif) no-repeat 0 0px; }

.arrowLlocked { background: url(/media/image/btnPreviousOff.gif) no-repeat 0 0px; height: 26px; width: 78px; overflow: hidden; text-indent: -9999em; display: block; margin-right: 2px;}

.arrowRlocked { background: url(/media/image/btnNextOff.gif) no-repeat 0 0px; height: 26px; width: 53px; overflow: hidden; text-indent: -9999em; display: block; }

.arrowR { background: url(/media/image/btnNext.gif) no-repeat; height: 26px; width: 78px; overflow: hidden; text-indent: -9999em; display: block; }
.arrowR a { display: block; height: 26px; width: 53px; }
a.arrowR:hover { background: url(/media/image/btnNext.gif) no-repeat 0 0px; }

.navBtns{width: 160px; height: 30px}
.navBtns .arrowL, .navBtns .arrowLlocked{float: left;}
.navBtns .arrowR, .navBtns .arrowRlocked{float: right;}

#tellAfriend .formWide { background: #f6f6f6 url(/media/image/bg_contact_stroke.gif) no-repeat; padding: 10px; width: 370px; }
#tellAfriend .formWide .fstyle2 { border: 1px solid #d5d5d5; margin: 5px 0; width: 200px; padding: 2px 4px; color: #2c8ee0; font-size: 1.1em; }
#tellAfriend .formWide textarea { width: 350px; border: 1px solid #d5d5d5; padding: 4px; font-family: Arial, Helvetica, sans-serif; color: #2c8ee0; font-size: 1.1em; margin: 5px 0;  }

/* ===============================================
 *    Exercise Library
 *       =============================================*/

.library form{margin: 0px;}
.library img.head { margin-left: 9px; }
.library .wrapper { background: url(/media/image/bg_2cols.gif) 10px 0px repeat-y; padding-left: 10px;}

.library #search { margin: 1em 0 0; padding: 0 9px 1em; border-bottom: 1px solid #999;}
.library #search .col1 { width: 550px; float: left; margin-right: 20px; padding: .8em .5em 0 0; background: url(/media/image/or_search.gif) no-repeat bottom right; }
.library #search .col1 select { float: left; margin-right: 1em; }
.library #search .col2 { width: 250px; float: left; padding: .8em 0 0 0; }
.library #search .col2 .textbox { width: 150px; margin: 0; vertical-align: top; padding: 5px; color: #2c8ee0; font-size: 1.1em; }


.library #results {width: 270px; float: left; padding-left: 9px; padding-top: .2em;}
.library #results ul { margin: 0 -9px 1em -9px; padding: 0px; list-style: none; border-top: 1px solid #dcdad9; width: 268px; }
.library #results ul li { background: #f9f9f9; border-bottom: 1px solid #dcdad9; padding: 0; margin: 0; list-style: none; position: relative; font-size: 1.1em; font-weight: bold; }
.library #results ul li a { display: block; width: 247px; padding: .5em 0 .5em 21px; background: url("/media/image/icon_arrsmall.gif") no-repeat 11px 8px; color: #4d4b4b; font-weight: normal; }
.library #results ul li a:hover { background-color: #f3f3f3; cursor: pointer; }
.library #results ul li.selected a { padding: .4em 10px .4em 21px; border-top: 1px solid #999; border-bottom: 1px solid #999; color: #2c8ee0; font-weight: bold; background: #fff url(/media/image/icon_arrow.gif) no-repeat 11px 3px; }

.library #detail { width: 596px; float: right; padding: 0px 0 0px 0px;}
.library .exercise-print { background: url(/media/image/button-print.gif) no-repeat; display: block; height: 21px; width: 60px; overflow: hidden; text-indent: -9999em; position: absolute; right: 10px; top: 7px; }
.library a.exercise-print:hover { background: url(/media/image/button-print.gif) no-repeat 0 -21px; }


/* ===============================================
 *    Terms & Privacy
 *       =============================================*/
.terms h1, .privacy h1 { color: #111; }
.terms h2, .privacy h2 { margin: -10px 0 1.5em; color: #aaa; font-weight: normal; font-size: 8.5pt; text-transform: uppercase; }
.privacy .box-category-top h4 { color: #fff; line-height: 32px; padding-left: 10px; font-size: 1.2em; }
.terms h2 span a, .privacy h2 span a { background: url(/media/image/icon-view-more.gif) no-repeat 3px 1px; padding: 0 2px 0 18px; text-transform: lowercase !important; }
.terms h2 span a:hover, .privacy h2 span a:hover { background: url(/media/image/icon-view-more.gif) no-repeat 3px -10px; }
.privacy h3, .terms h3 { background: #525559; color: #fff; padding: 4px 10px; font-size: 1.3em; }
.terms h4, privacy h4 { color: #333; margin-top: 5px; }
.terms fieldset, .privacy fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; margin-top: .5em; }
.terms legend, .privacy legend { font-weight: bold; font-size: 1.2em; padding: 0 5px; }
.privacy .ContentWrapper ul li { line-height: 1.5; list-style: none; background: url(/media/image/h-bullet.gif) no-repeat 0 5px; padding: 0 0 0 15px; }
.privacy .ContentWrapper ul { padding: 10px 10px 10px 15px; }

/* ===============================================
 *    Logout
 *       =============================================*/

#logout .alert { padding: 10px; margin-top: -5px; }

/* ========= Export Schedule ========= */

.export h1#banner { background: url(/media/image/g_progio_banner.jpg); text-indent: -9999em; overflow: hidden; width: 853px; height: 80px; }
.export .important {color:#FF0000;}
.export #progress {border: 1px solid #d5d5d5;padding-top: 10px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;}
.export .ContentWrapper h2 { margin-bottom: .3em; }

.export #supported { position: absolute; background: white; padding: 1.5em; border: 1px solid #5fa9e7; }
.export #supported ul { margin: 0 0 1em; padding: 0; }
.export #supported li { background: url(/media/image/h-bullet.gif) no-repeat 0 3px;list-style: none;padding: 2px 0 2px 15px; }

.export .ContentWrapper h3 { border-top: 1px dotted #ccc; padding-top: .5em; }
.export .ContentWrapper img#screenshot { float: right; margin: 0 0 1em 1em; border: 1px solid #ccc; padding: 3px; }
.export .ContentWrapper ul { margin: 0 0 1em; padding: 0; }
.export .ContentWrapper li { background: url(/media/image/h-bullet.gif) no-repeat 0 3px;list-style: none;padding: 2px 0 2px 15px; margin: 0 0 .5em }

.lead { background: #fffff7; margin-bottom: 10px; position: relative; }
.lead img { height: 109px; width: 115px; display: block; position: absolute; right: 17px; bottom: 1px; }
.lead p { border-left: 1px solid #f3edb7; border-right: 1px solid #f3edb7; padding: 5px 160px 10px 20px; margin: 0; font-weight: bold; line-height: 1.7; font-size: 1.1em; }
.lead-top { background: url(/media/image/lead_top.gif) no-repeat; height: 8px; width: 853px; font-size: 1px; }
.lead-bottom { background: #fffff7 url(/media/image/lead_bottom.gif) no-repeat left bottom; height: 8px; font-size: 1px; }

#Hypestrike-To-Go .lead{
    width: 853px;
    height: 51px;
}

/* ========= Goodies ========= */

#goodies h2.banner-goodies { background: url(/media/image/site/banner_goodies.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }

#goodies h3 { text-indent: -9999em; font-size: 1px; }
#goodies h4 { color: #f16621; margin-bottom: 0; }
#goodies h5 { margin: 0; font-size: 1.2em; color: #292929; }
#goodies .ContentWrapper .col1 li { list-style: none; line-height: 1.5; }
#goodies .ContentWrapper ul { padding: 0; margin: 0; }
#goodies .micro_code {  border: 1px solid #ccc; padding: 10px; width: 400px; }
#goodies h4 span a { background: url(/media/image/site/icon-view-more.gif) no-repeat 3px 1px; padding: 0 0 0 18px; }
#goodies h4 span a:hover { background: url(/media/image/site/icon-view-more.gif) no-repeat 3px -10px; }

#goodies .col1 { float: left; width: 280px; }
#goodies .col2 { float: right; width: 410px; }
#goodies .filesize { font-weight: bold; margin-top: -5px; }
#goodies .podcast { border: 1px solid #ccc; margin-top: 10px; padding: 10px; background: #fff url(/media/image/site/hyper_cast.gif) no-repeat top right; }

#goodies .g-wallpaper { background: url(/media/image/site/icon_wallpaper.gif) no-repeat 20px 30px; margin: 10px 0; padding: 10px 10px 10px 135px; }
#goodies .g-wallpaper h2 { background: url(/media/image/site/h_desktop_wall.gif) no-repeat; height: 35px; text-indent: -9999em; }
#goodies .g-wallpaper img, #goodies .g-icons img { border: 1px solid #ccc; }
#goodies .g-wallpaper .wall1 { float: left; }
#goodies .g-wallpaper .wall2 { float: right; margin-right: 50px; }
#goodies .g-wallpaper .wall1 li, #goodies .g-wallpaper .wall2 li { width: 148px; border: 1px solid #ccc; border-top: none; padding: 3px 0 3px 12px;
background: url(/media/image/site/wallpaperw_bg.gif); list-style: none; }
#goodies .g-wallpaper .wall2 li { background: #1c1210; }
#goodies .g-wallpaper .wall1 li a, #goodies .g-wallpaper .wall2 li a { display: block; background: url(/media/image/site/icon_arrow.gif) no-repeat; padding-left: 14px; }

#goodies .g-icons { background: #f5f5f5 url(/media/image/site/icon_chat.gif) no-repeat 18px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#goodies .g-icons h2 { background: url(/media/image/site/h_messenger_icons.gif) no-repeat; height: 33px; text-indent: -9999em; }
#goodies .g-icons .col2 li { display: inline; }

#goodies .g-banner { background: url(/media/image/site/icon_banner.gif) no-repeat 16px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; }
#goodies .g-banner h2 { background: url(/media/image/site/h_banner_button.gif) no-repeat; height: 33px; text-indent: -9999em; }

#goodies .g-audio { background: #f5f5f5 url(/media/image/site/icon_audio.gif) no-repeat 18px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#goodies .g-audio h2 { background: url(/media/image/site/h_audio.gif) no-repeat; height: 35px; text-indent: -9999em; }

#banners .col1 { width: 435px; float: left; }
#banners .col2 { width: 435px; float: right; }
#banners textarea { width: 405px; height: 90px; }
#banners p { border: 1px solid #f3edb7; padding: 5px; background: #fffff7; margin-top: 5px; width: 385px; }
#banners #full_banners, #banners #micro_buttons { border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; }

#banners .arrow { background: none; border: none; padding: 0; margin: 0 0 5px 15px; }
#banners .arrow a { background: transparent url(/media/image/icon_arrow.gif) no-repeat 0 -1px; padding: 0 0 0 10px; }



#loginbox {
    border: 1px solid #DDDDDD;
    width: 300px;
}

/* Equipment Filter */
#equipmentAvailability table {
    width: 580px;
    padding: 0px;
    margin-bottom: 0px;
}

#checkboxSelectLinks {
    padding: 10px;
    padding-top: 4px;
}

#equipmentAvailability td {
    padding: 4px;
    width: 145px;
    vertical-align: middle;
    background-color: #FEF2DD;
    border: 1px solid #DDDDDD;
}


#equipmentAvailability label {
    display:inline;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
}

#equipmentAvailability input {
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
}
/* /Equipment Filter */

.title {
        font-family:Arial, Helvetica, sans-serif;
        font-size:18px;
        color: #FF9900;
        font-style: italic;
        height:28px;
        padding-top: 8px;
        margin: 0px;
    }

#controlExerciseDetail_panelExerciseParameters table {
    width:410px!important;
}

#controlExerciseDetail_panelCustomExercise table {
    width: 410px!important;
}

.add_300x250{width: 300px; height: 250px; clear: both; margin: 20px 0px 10px -10px;}
.add_468x60{ width:468px; height: 60px; padding: 10px 15px 10px 130px; float: right;}
.add_728x90{width:728px; height: 90px; clear: both; margin: 20px auto 10px auto;}

.head_and_468x60_banner{float: left;padding-top: 53px;}
div.head_and_468x60_banner{width:230px; float: left;padding-top: 53px;}

.return {margin-left: .5em; background: url(/media/image/icon_larrow_s.gif) no-repeat left center; padding-left: 9px; line-height: 1.3em;}

ul.SideNav { margin: 0 0px 1em -9px; padding: 0; list-style: none; border-top: 1px solid #dcdad9; width: 268px; }
ul.SideNav li { background: #f9f9f9; border-bottom: 1px solid #dcdad9; padding: 0; margin: 0; list-style: none; position: relative; font-size: 1.1em; font-weight: bold; }
ul.SideNav li a { display: block; padding: .5em 0 .5em 21px; background: url("/media/image/icon_arrsmall.gif") no-repeat 11px 8px; color: #4d4b4b; }
ul.SideNav li a:hover { background-color: #f3f3f3; cursor: pointer; }


ul.SideNav li.selected a { position: relative; width: 247px; padding: .4em 10px .4em 21px; border-top: 1px solid #999; border-bottom: 1px solid #999; color: #2c8ee0; font-weight: bold; background: #fff url(/media/image/icon_arrow.gif) no-repeat 11px 3px; }
ul.SideNav li.selected a:hover { background-color: #white; }

ul.SideNav li span { padding: 2px 0 0 0; color: #aaa; font-size: .9em; font-weight: normal; display: block; }

.profile col1{width: 270px; float: left; padding-left: 9px; padding-top: .2em;}
.profile col2{ width: 596px; float: right; padding: 0px 0 0px 0px;}
.profile .wrapper { background: url(/media/image/bg_2cols.gif) repeat-y; padding: 0 0; }
.profile .ContentWrapper{ padding-top:  232px}

ol.navBtns{ margin: 0; padding: 0px; list-style-type: none;width: 135px; height: 30px}
ol.navBtns li{display: inline;}

.successString{
    display: block;
   background-color:#CBEAD5;
   border-bottom:1px solid #009933;
   border-top:1px solid #009933;
   color:#009933;
   font-size:12px;
   font-weight:bold;
   padding:10px;
   height: 20px;
   min-height: 20px;
}

.successString[class]{
    height: auto;
}

.ReturnActions{
    background: #EAF5FE;
    border: 1px solid #C8E6FF;
    padding: 5px 0px 5px 0px;
    margin-bottom: 5px;
    width: 175px;
    text-transform:lowercase;
}

/* nutrition beta icon */
.betaN{
    width: 43px;
    height: 43px;
    position:absolute;
    left:  5px;
    top:  200px;
    z-index: 1000;
    text-indent: -99999em;
    overflow: hidden;
    display:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/media/image/icBeta.png');
}

.betaN[class]{
    filter: none;
    display:none;
    background: url(/media/image/icBeta.png) 0px 0px no-repeat;
}
/* /nutrition beta icon */

/* popup layer styles */
    .popupMask{
        background: #2D2D2D;
    }

    .popupLayer{
        background: #FFF;
        border: 8px solid #E9E9E9;
        padding: 29px 22px 43px 18px;
    }

    a.popupCloseButton{
        display:block;
        width: 14px;
        height: 14px;
        overflow: hidden;
        text-indent: -9999px;
        background: #FFF url(/media/image/btnClosePopup.gif) 50% 50% no-repeat;
        font-size: 2px!important;
    }


    /* page header */
        #nutritionWelcomePopup{
            display: none
        }


        #welcomePopup {
            display: none
        }

        .welcomePopup .PageHeader{
            width: 567px;
            margin-bottom: 24px;
        }

        .welcomePopup .PageHeader .RightGraphic{
                width: 82px;
                height: 68px;
                float:right;
                margin-top: 16px;
                filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/media/image/partner-21/gfxBubbleRight.png');
        }

        .welcomePopup .PageHeader .RightGraphic[class]{
            filter:none;
            background: url(/media/image/partner-21/gfxBubbleRight.png) 0px 0px no-repeat;
        }

        .welcomePopup .PageHeader .BubbleTop{
            width: 485px;
            height: 7px;
            float: left;
            overflow: hidden;
            background: url(/media/image/partner-21/bgBubbleTop.gif) 0px 0px no-repeat;
        }

        .welcomePopup .PageHeader .BubbleContent{
            width: 440px;
            padding: 0px 33px 12px 12px;
            float: left;
            background: #BEBEBE url(/media/image/partner-21/bgBubbleBtm.gif) 0% 100% no-repeat;
            color: #FFF;
        }

        .welcomePopup .PageHeader .BubbleContent em{
            display: block;
            font-size:16px;
            font-style: normal;
            padding-bottom: 5px;
            border-bottom: 1px solid #CFD086;
        }

        .welcomePopup .PageHeader .BubbleContent h2{
            font-size:24px;
            font-weight: normal;
            margin: 5px 0px 0px 0px;
            color: #FFF;
        }

        .welcomePopup .PageHeader .BubbleContent h3{
            font-size: 18px;
            color: #FFF;
            margin: 0px 0px 10px 0px;
            font-weight: normal
        }

        .welcomePopup .PageHeader .BubbleContent span{
            font-size:12px;
        }
    /* /page header */

    /* content section */
        .welcomePopup .ContentSection{
            background: url(/media/image/icBubbles.gif) 0px 2px no-repeat;
            padding: 0px 0px 11px 27px;
            border-bottom: 1px solid #ECEBCE;
            margin: 0px 0px 22px 7px;

            font-size:12px;
            color: #8E8E8E;
        }

        .welcomePopup .ContentSection h4{
            margin: 0px 0px 8px 0px;
            font-size: 16px;
            font-weight: normal;
            color: #91121B;
        }

        .welcomePopup .ContentSection p{
            margin: 0px 0px 0px 0px;
        }
    /* /content section */

    .welcomePopup ul.raquoList{
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        color: #666;
    }

    .welcomePopup ul.raquoList li{
        line-height: 14px;
        padding: 8px 0px 8px 12px;
        background: url(/media/image/bltRaquo.gif) 0px 12px no-repeat;
    }
/* popup layer styles */

/* global link button */
    a.linkButton{
        display: block;
        width: 170px;
        height: 29px;
        overflow: hidden;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 28px;
        padding: 3px 5px;
        color: #FFF!important;
        text-decoration: none!important;
        text-align: center;
        text-transform: capitalize;
        background: url(/media/image/common/globalButton.gif) 0px 0px no-repeat;
    }

    a.linkButton:hover{
        color: #FFF!important;
        text-decoration: none!important;
        background: url(/media/image/common/globalButton.gif) 0px -35px no-repeat;
    }

    a.linkButtonNarrow{
        display: block;
        width: 80px;
        height: 29px;
        overflow: hidden;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 28px;
        padding: 3px 5px;
        color: #FFF!important;
        text-decoration: none!important;
        text-align: center;
        text-transform: capitalize;
        background: url(/media/image/common/globalButtonNarrow.gif) 0px 0px no-repeat;
    }

    a.linkButtonNarrow:hover{
        color: #FFF!important;
        text-decoration: none!important;
        background: url(/media/image/common/globalButtonNarrow.gif) 0px -35px no-repeat;
    }
/* /global link button */