@import url('/assets/css/nav.css');
/* ---------- css/site/screen.css ---------- */
/* ==== Typography ==== */
html { height: 100%; }
body { margin: 0; padding: 0; /*background: #F6992B; */ font: 68% "Trebuchet MS" , 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 ==== */
.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(/assets/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(/assets/images/site/lead_top.gif) no-repeat; height: 8px; width: 873px; font-size: 1px; }
.lead-bottom { background: #fffff7 url(/assets/images/site/lead_bottom.gif) no-repeat left bottom; height: 8px; font-size: 1px; }
.learnmore { position: relative; height: 37px; width: 872px; background: url(/assets/images/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(/assets/images/site/b_learnmore.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
.learnmore a.learnbutton:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/button_save.gif) no-repeat 0 -21px; }
.cancel-button { margin-top: 0px; padding-right: 5px; background: url(/assets/images/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(/assets/images/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(/assets/images/site/g_home_quote2.gif) no-repeat; border-right: 1px solid #E3E2E0; }
#home #testimonials_updated a { position: absolute; bottom: 10px; left: 46px; display: block; width: 116px; height: 27px; background: url(/assets/images/site/b_readmore.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
#home #testimonials_updated a:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/site/g_home_lean.jpg); text-indent: -9999em; }
#home #tracks ul li#fitness h3 { background-image: url(/assets/images/site/g_home_fit.jpg); text-indent: -9999em; }
#home #tracks ul li#performance h3 { background-image: url(/assets/images/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(/assets/images/site/b_learn.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
#home #tracks ul li a:hover { background: url(/assets/images/site/b_learn.gif) no-repeat 0 -35px; }
#home #testimonials { position: relative; margin: 10px 0 0; height: 84px; background: url(/assets/images/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(/assets/images/site/b_readmore.gif); text-indent: -9999em; overflow: hidden; margin: 0 auto; }
#home #testimonials a:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/site/bottom_darkbox.gif) no-repeat bottom; }
#login #loginbox h2 { background: url(/assets/images/site/h_login.gif) no-repeat; height: 21px; text-indent: -9999em; margin: 6px 0 0 17px; }
#login #loginbox h2.forgot_password { background: url(/assets/images/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(/assets/images/site/top_login_signup.gif) no-repeat; height: 10px; }
#login #signupbox .signupbox-bottom { background: url(/assets/images/site/bottom-login-signup.gif) bottom no-repeat; height: 10px; }
#login #signupbox { width: 331px; background: #f87d15 url(/assets/images/site/bg-login-signup.jpg) repeat-y; margin: 5px 0 10px; float: right; }
#login #signupbox h2 { background: url(/assets/images/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(/assets/images/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; }
#login .ProSignUp a { color: #fff; text-decoration: underline; }
/* ==== TESTIMONIAL PAGE ==== */
#testimonials .lead .person { background: url(/assets/images/site/lead-person.png); width: 115px; height: 109px; }
#testimonials h2.banner-members { background: url(/assets/images/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(/assets/images/site/bottom_left_testimonial.gif) no-repeat bottom !important; }
#top_left blockquote { padding-top: 25px; }
.top_left_section { background: url(/assets/images/site/top_left_testimonial.gif) no-repeat; height: 22px; }
#top_right { float: right; margin-top: 5px; background: #191919 url(/assets/images/site/bottom_right_testimonial.gif) no-repeat bottom !important; }
.top_right_section { background: url(/assets/images/site/top_right_testimonial.gif) no-repeat; height: 22px; }
#bottom_left { float: left; margin: 10px 0; background: #191919 url(/assets/images/site/bottom_l_left_testimonial.gif) no-repeat bottom !important; }
.top_lower_left_section { background: url(/assets/images/site/top_lower_left_testimonial.gif) no-repeat; height: 22px; }
#bottom_right { float: right; margin: 10px 0; background: #191919 url(/assets/images/site/bottom_l_right_testimonial.gif) no-repeat bottom !important; }
#bottom_right blockquote { padding-top: 25px; }
.top_lower_right_section { background: url(/assets/images/site/top_l_right_testimonial.gif) no-repeat; height: 22px; }
.testimonial_logo { position: absolute; background: url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/site/test-case.gif) no-repeat; }
/* ==== GOODIES PAGE ==== */
#goodies h2.banner-goodies { background: url(/assets/images/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(/assets/images/site/icon-view-more.gif) no-repeat 3px 4px; padding: 0 0 0 18px; line-height:11px; }
#goodies h4 span a:hover { background: url(/assets/images/site/icon-view-more.gif) no-repeat 3px -7px; }
#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(/assets/images/site/hyper_cast.gif) no-repeat top right; }
#goodies .g-wallpaper { background: url(/assets/images/site/icon_wallpaper.gif) no-repeat 20px 30px; margin: 10px 0; padding: 10px 10px 10px 135px; }
#goodies .g-wallpaper h2 { background: url(/assets/images/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(/assets/images/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(/assets/images/site/icon_arrow.gif) no-repeat; padding-left: 14px; }
#goodies .g-icons { background: #f5f5f5 url(/assets/images/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(/assets/images/site/h_messenger_icons.gif) no-repeat; height: 33px; text-indent: -9999em; }
#goodies .g-icons .col2 li { display: inline; }
#goodies .g-banner { background: url(/assets/images/site/icon_banner.gif) no-repeat 16px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; }
#goodies .g-banner h2 { background: url(/assets/images/site/h_banner_button.gif) no-repeat; height: 33px; text-indent: -9999em; }
#goodies .g-audio { background: #f5f5f5 url(/assets/images/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(/assets/images/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(/assets/images/icon_arrow.gif) no-repeat 0 -1px; padding: 0 0 0 10px; }
/* ==== FEATURED PAGE ==== */
#features .lead .person { background: url(/assets/images/site/lead-person.png); width: 115px; height: 109px; }
#features h2.banner-what { background: url(/assets/images/site/banner_what.jpg) no-repeat; height: 80px; text-indent: -9999em; margin: 0 0 10px 0; font-size: 1px; }
#features .features { background: #565555 url(/assets/images/site/features-bg.jpg) repeat-y; width: 872px; padding: 0px 0 0; position: relative; }
#features .features-top { background: url(/assets/images/site/features-top.gif) no-repeat; height: 48px; text-indent: -9999em; font-size: 1px; }
#features .features-bottom { background: url(/assets/images/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(/assets/images/site/h_variety.jpg) no-repeat; height: 38px; text-indent: -9999em; margin: 0 0 0 10px; }
#features .features h3.h-instructions { background: url(/assets/images/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(/assets/images/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(/assets/images/site/t-hyperstrike-programs.gif) no-repeat; height: 29px; text-indent: -9999em; margin: 0; }
#features h2.t-easy { background: url(/assets/images/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(/assets/images/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(/assets/images/site/b-signupnow.gif) no-repeat 0 -36px; height: 36px; }
#features .col1 .track { margin-bottom: 10px; width: 440px; background: #595959 url(/assets/images/site/track_bottom.gif) no-repeat bottom; }
#features .col1 h3.t-lean { background: #323232 url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/site/lead-person2.png); width: 115px; height: 116px; }
#how h2.banner-why { background: url(/assets/images/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(/assets/images/site/how_features_top.gif) no-repeat; height: 16px; text-indent: -9999em; font-size: 1px; margin-top: 10px; }
#how .features-bottom { background: url(/assets/images/site/how_features_bottom.gif) no-repeat; height: 15px; margin-bottom: 10px; font-size: 1px; }
#how .features { background: #ededed url(/assets/images/site/how_features_bg.jpg) repeat-y; width: 832px; padding: 5px 20px; position: relative; }
#how .features li { background: url(/assets/images/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(/assets/images/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(/assets/images/site/b_signuptoday.gif) no-repeat; height: 28px; width: 142px; display: block; text-indent: -9999em; overflow: hidden; }
.signuptoday a:hover { background: url(/assets/images/site/b_signuptoday.gif) no-repeat 0 -28px; }
/* ==== PROGRAMS PAGE ==== */
#programs .lead .person { background: url(/assets/images/site/lead-person3.png); width: 129px; height: 117px; }
#programs h2.banner-programs { background: url(/assets/images/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(/assets/images/site/h-how-choices.gif) no-repeat; height: 29px; text-indent: -9999em; margin-top: 20px; }
#programs h3.h-workout { background: url(/assets/images/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(/assets/images/h-bullet.gif) no-repeat 0 5px; list-style: none; padding-left: 15px; }
#programs #performance { background: url(/assets/images/site/track-performance.jpg) no-repeat; }
#programs #fitness { background: url(/assets/images/site/track-fitness.jpg) no-repeat; }
#programs #lean { background: url(/assets/images/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(/assets/images/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(/assets/images/button_help.gif) no-repeat; height: 26px; width: 26px; position: absolute; right: 6px; text-indent: -9999em; overflow: hidden; }
a.help:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/button_save.gif) no-repeat 0 -21px; }
.simpleSave { margin-top: 0px; background: url(/assets/images/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(/assets/images/button_save.gif) no-repeat 0 -21px; }
.cancel-button { margin-top: 0px; padding-right: 5px; background: url(/assets/images/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(/assets/images/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(/assets/images/bg_2cols.gif) repeat-y; }
/* ----------------------------------------------------------------------------------------------------------------- */
#container { position: relative; background: #F7DBB5 url(/assets/images/bgWrapper2.jpg) repeat-x 0px 0px; height: 100%; min-height: 100%; }
body > #container { height: auto; }
.ContentWrapper { position: relative; z-index: 2; width:910px;margin-top:0px;margin-bottom:30px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;}
BODY.AlternativeStyle #container { background: #FFFFFF; }
BODY#signup #container { background: #FFFFFF; }
/* header */
.hsHeader { min-width:910px; width: 100%; height: 185px; background: #000 url(/assets/images/bgHeader2.gif) 0px 0px repeat-x; position: relative; top: 0px; left: 0px; z-index: 1; }
#HeaderContent { margin-left: auto; margin-right: auto; width: 961px; position: relative; z-index: 1;}
#HeaderBak{ margin-left: 26px; margin-right: auto;margin-bottom:-100px; width: 910px; position: absolute; z-index: 1; background: transparent url(/assets/images/hsvaguebg.png) 0px 0px no-repeat;height:87px;}
/* logo */
.hsLogo { margin: 0px; position: absolute; z-index: 1; left: 40px; top: 3px; cursor: pointer; }
.hsLogo a { display: block; width: 432px; height: 81px; overflow: hidden; text-indent: -9999px; background: url(/assets/images/hs_logo_2010_08_nP.gif) 0px 0px no-repeat; }
/* header promo */
.hsHeaderPromo { position: absolute; z-index: 1; left: 585px; top: 28px; cursor: pointer; }
.hsHeaderPromo a { display: block; width: 275px; height: 48px; overflow: hidden; text-indent: -9999px; background: url(/assets/images/activate_003.png) 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; right: 40px; top: 0px; height: 20px; font: 12px/20px Arial, Helvetica, sans-serif; color: #FFEFB1; background: #F8942A url(/assets/images/bgTopNavLeft.gif) 0px 0px no-repeat; }
ul.hsTopNav li { padding: 0px 5px 0px 5px; float: left; background: url(/assets/images/sepTopNav.gif) 100% 50% no-repeat; }
/* last link */
ul.hsTopNav li.noBG { background: url(/assets/images/bgTopNavRight.gif) 100% 100% no-repeat !important; padding-right: 12px; }
ul.hsTopNav a { color: #FFF; text-decoration: none; }
ul.hsTopNav a:hover { color: #FFEFB1; }
/* /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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/common/bkgMainNav_selected.gif) 0px 0px no-repeat; }
/* /main nav */
/* footer */
.hsFooter { border-top: 1px solid #FFF; background: #F6992B url(/assets/images/bgFooter.gif) 0px 0px repeat-x; width: 100%;min-width:910px; height: 30px; font: 10px/12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #FEFFE8; position: absolute; bottom: 0px; left: 0px; z-index: 1; }
#FooterContent { margin-left: auto; margin-right: auto; width: 961px; position: relative; z-index: 0; }
.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; width: 650px; position: absolute; left: 37px; top: 10px; }
.hsFooter .FooterSecondaryNav { margin: 0px; padding: 0px; list-style-type: none; width: 650px; position: absolute; left: 37px; top: 30px; }
.hsFooter .FooterFreeNav { margin: 0px; padding: 0px; list-style-type: none; width: 650px; position: absolute; left: 37px; top: 50px; }
.hsFooter .FooterFeaturedNav { margin: 0px; padding: 0px; list-style-type: none; width: 650px; position: absolute; left: 37px; top: 70px; }
.hsFooter .FooterPrimaryNav li, .hsFooter .FooterSecondaryNav li, .hsFooter .FooterFreeNav li, .hsFooter .FooterFeaturedNav li { display: inline; padding: 0px 5px 0px 4px; background: url(/assets/images/sepFooterNav.gif) 100% 50% no-repeat; }
.hsFooter .BBBOnline { width: 140px; height: 60px; position: absolute; left: 700px; top: 30px; }
.hsFooter .Secured { width: 120px; height: 60px; position: absolute; left: 840px; top: 30px; }
.hsFooter .poweredBy { width: 192px; height: 39px; position: absolute; right: -15px; top: -14px; background: transparent url(/assets/images/common/poweredByHyperstrike2.gif) no-repeat 0px 0px; }
.hsFooter .poweredBy a { display: block; text-indent: -9999px; overflow: hidden; width: 192px; height: 39px; background: transparent url(/assets/images/common/poweredByHyperstrike2.gif) no-repeat 0px 0px; }
/* /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(/assets/images/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 { background: url(/assets/images/head_workout_schedule.gif) no-repeat; height: 13px; margin: 0 0 8px; text-indent: -9999em; }
.dashboard p.compact { margin: 0 0 3px; padding: 0; color: #808080; }
.dashboard .cal p.compact { font-size:11px; }
.dashboard .cal { position: relative; float: left; width: 350px; margin: 0; padding: 0; }
h2.h_featured_article { background: url(/assets/images/head_featured_article.gif) no-repeat; height: 12px; text-indent: -9999em; margin: 0; }
h2.h_latest_news { background: url(/assets/images/head_latest_news.gif) no-repeat; height: 11px; text-indent: -9999em; margin: 0; }
h2.h_recent_articles { background: url(/assets/images/head_recent_articles.gif) no-repeat; height: 12px; text-indent: -9999em; margin: 10px 0; }
h2.h_feedback { background: url(/assets/images/head_feedback.gif) no-repeat; height: 13px; text-indent: -9999em; margin: 10px 0 0 0; }
h2.h_change { background: url(/assets/images/head_change_workout.gif) no-repeat; height: 16px; text-indent: -9999em; margin: 9px 0 0 15px; }
.calendar_header { background: #fbad17 url(/assets/images/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(/assets/images/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(/assets/images/button_legend.gif) no-repeat 0 -17px; }
#dash_calendar table { width: 350px; border-collapse: collapse; font-size: 1em; }
#dash_calendar thead th { background: url(/assets/images/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(/assets/images/calendar_strength_active.gif); }
#dash_calendar tbody td span.conditioning { background-image: url(/assets/images/calendar_conditioning_active.gif); }
#dash_calendar tbody td span.custom { background-image: url(/assets/images/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(/assets/images/calendar_conditioning.gif); background-color: #f8f8f8 !important; }
#dash_calendar tbody td.past span.strength { background-image: url(/assets/images/calendar_strength.gif); background-color: #f8f8f8 !important; }
#dash_calendar tbody td.past span.custom { background-image: url(/assets/images/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: right; width: auto; }
#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 { background: url(/assets/images/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(/assets/images/icon_change_workout.gif) no-repeat; padding: 0 28px 0 13px; }
#shedule-options a:hover.dash_change { background: url(/assets/images/icon_change_workout.gif) no-repeat 0 -15px; }
/*#shedule-options .add_goals { float: left; background: url(/assets/images/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(/assets/images/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: #fff; width: 125px; font-size:11px; }
.dashboard #progress p a { text-decoration:underline; }
.dashboard #progress p a:hover { text-decoration:none; }
.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(/assets/images/dash_panel.gif) repeat-y; width: 480px; position: relative; z-index: 1; }
#workout-panel .top { background: url(/assets/images/dash_panel_top.gif) no-repeat; height: 4px; }
#workout-panel .content { padding: 11px 0px 0; min-height: 327px; }
#workout-panel .bottom { background: url(/assets/images/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; font-size:14px }
#workout-panel h2.conditioning { background: url(/assets/images/calendar_conditioning_active.gif) no-repeat left center; }
#workout-panel h2.strength { background: url(/assets/images/calendar_strength_active.gif) no-repeat left center; }
#workout-panel h2.custom { background: url(/assets/images/calendar_custom_active.gif) no-repeat left center; }
#workout-panel ul.actions { padding: 0; margin: .4em 0 0 8px; }
#workout-panel ul.actions li { display: inline;}
#workout-panel ul.actions li a{  margin-top:5px; font-size:10px; }
#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;  margin-right: 6px;}
#workout-panel ul.actions a#move-left { background: url(/assets/images/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(/assets/images/button-move-left.gif) no-repeat 0 -17px; color: #d4e3ed !important; }
#workout-panel ul.actions a#move-left.inactive { background: url(/assets/images/button-move-left.gif) no-repeat 0 -34px; }
#workout-panel ul.actions span#inactive-left { background: url(/assets/images/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(/assets/images/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(/assets/images/button-move-right.gif) no-repeat; height: 13px; width: 20px; overflow: hidden; font-size: 1px; padding: 9px 7px 3px 10px; color: #d4e3ed; }
#workout-panel ul.actions a#move-right:hover { background: url(/assets/images/button-move-right.gif) no-repeat 0 -17px; color: #d4e3ed !important; }
#workout-panel ul.actions a#move-save { background: url(/assets/images/button-save-move.gif) no-repeat; height: 15px; width: 30px; overflow: hidden; font-size: 1px; padding: 10px 14px 3px 14px; color: #d4e3ed; }
#workout-panel ul.actions a#move-save:hover { background: url(/assets/images/button-save-move.gif) no-repeat 0 -17px; color: #d4e3ed !important; }
#workout-panel ul.actions a#move-cancel { background: url(/assets/images/button-cancel-move.gif) no-repeat; height: 15px; width: 37px; overflow: hidden; font-size: 1px; padding: 11px 18px 3px 18px; color: #d4e3ed; }
#workout-panel ul.actions a#move-cancel:hover { background: url(/assets/images/button-cancel-move.gif) no-repeat 0 -17px; color: #d4e3ed !important; }
#workout-panel #workouts { margin-top: 5px; margin-bottom: 0px; position: relative; }
#workout-panel #workouts ul#tabs { margin: 0 0 0 4px; padding: 0 0 0 11px; list-style: none; }
#workout-panel #workouts ul#tabs li { float: left; background: #f1f1f1 url(/assets/images/g_tab_right.gif) repeat-x right top; margin-right: 4px; }
#workout-panel #workouts ul#tabs li.active { background: #ffffff url(/assets/images/g_tab2_right.gif) repeat-x right top !important; position: relative; top: 1px; }
#workout-panel #workouts ul#tabs li.active a { background: url(/assets/images/g_tab2_left.gif) no-repeat !important; }
#workout-panel #workouts ul#tabs li a { display: block; padding: .5em 1em; background: url(/assets/images/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(/assets/images/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 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(/assets/images/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(/fitness/assets/images/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(/fitness/assets/images/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(/assets/images/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%; 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(/assets/images/icon_print_options.gif) no-repeat; width: 12px; height: 11px; text-indent: -9999em; overflow: hidden; }
#workout-panel a#print-dropdown:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/h_newfeatures.gif); width: 124px; height: 12px; text-indent: -9999em; overflow: hidden; }
.dash-site .col2 h2.member { background: url(/assets/images/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(/assets/images/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: #666 !important; font-style: italic; font-size: .9em; margin-top: -2px; }
.dash-articles h4 span.readmore {  padding: 0px; height: 11px; overflow: hidden; display: block; width: 110px; float: right; margin-top: 2px; }
.dash-articles h4 span.readmore a {color: #666 !important; background: url(/assets/images/icon-view-more.gif) no-repeat 3px 4px; padding: 0 0 0 18px; line-height: 11px; }
.dash-articles h4 span.readmore a:hover { background: url(/assets/images/icon-view-more.gif) no-repeat 3px -7px; }
.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(/assets/images/bubble_legend_wide.gif) no-repeat; height: 235px; width: 170px; left: 345px; top: -22px; z-index: 1000; }
a.close:hover { background: url(/assets/images/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(/assets/images/legend_active.gif) no-repeat; }
.cal-legend li.legend_strength { background: url(/assets/images/legend_strength.gif) no-repeat; }
.cal-legend li.legend_condition { background: url(/assets/images/legend_condition.gif) no-repeat; }
.cal-legend li.legend_custom { background: url(/assets/images/legend_custom.gif) no-repeat; line-height: 13px; }
ul.features_list { padding: 0; }
ul.features_list li { background: url(/assets/images/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(/assets/images/i_member_mac.gif); background-repeat: no-repeat; background-position: right bottom; */ }
.dashboard .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(/assets/images/g_girlback.gif; background-repeat: no-repeat; background-position: 105% bottom; */ }
.dashboard .progress3 li { width: 90%; }
.dashboard .progress2 h4 p .spotlight { margin-top: 15px; }
.dashboard .progress3 table.TrainingChecklist { width:100%}
.dashboard .progress3 table.TrainingChecklist th{ text-align:left;}
.dashboard .progress3 table.TrainingChecklist td{ padding-left:10px;line-height:20px;}
/* ===============================================
Workout page
=============================================*/
.workout .content2Columns { background: url(/assets/images/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; }
.workout .pagetop .col1 { float: left; margin-top: 10px; width: 400px; padding: 0 0 0 9px; }
.workout .pagetop .col1 #symbol { background: url(/assets/images/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(/assets/images/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(/assets/images/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; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.workout .pagetop.replace_workout[class] { height: auto; }
.workout .pagetop.replace_workout .search_col1 { float: left; padding-right: 40px; background: url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/calendar_strength_active.gif); }
.workout #calendar tbody td span.conditioning { background-image: url(/assets/images/calendar_conditioning_active.gif); }
.workout #calendar tbody td span.custom { background-image: url(/assets/images/calendar_custom_active.gif); }
.workout #calendar tbody td.active_day { background: #dcebf7 !important; }
.workout #calendar tbody td#cal-current span.strength { background-image: url(/assets/images/calendar_strength_active.gif); background-color: #fffff9; }
.workout #calendar tbody td#cal-current span.conditioning { background-image: url(/assets/images/calendar_conditioning_active.gif); background-color: #fffff9; }
.workout #calendar tbody td#cal-current span.custom { background-image: url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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("/assets/images/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; }
.exercises ul li a { display: block; width: 247px; padding: .5em 0 .5em 21px; color: #747474; background: url("/assets/images/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("/assets/images/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("/assets/images/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(/assets/images/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; }
.exerciseinfo h2 { font-size: 1em; margin-top: 5px; }
.exerciseinfo h4 { font-size: 1em; margin: 0 0 0em; }
.exerciseinfo ul, .exerciseinfo ol { padding: 0 0 0 20px; margin: 0px 0 5px; color: #222; line-height: 1.4; }
.exerciseinfo ul li, .exerciseinfo ol li { margin-bottom: .2em; }
.exerciseinfo ul li { background: url(/assets/images/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(/assets/images/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; }
.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; }
.exerciseinfo .video-right ul { border: 1px solid #eee; margin: 0; padding: 5px 0 5px 10px; }
.info { position: absolute; width: 216px; height: 85px; z-index: 10; padding: 10px 10px 10px 20px; background: url(/assets/images/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(/assets/images/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("/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/icon_larrow_s.gif) no-repeat left .2em; padding-left: 9px; line-height: 1.3em; }
.swap .exercises .head_replace_exercise { background: url(/assets/images/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(/assets/images/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(/assets/images/button_report.gif) no-repeat; width: 84px; height: 25px; text-indent: -9999px; overflow: hidden; }
.reporting #quick a.recommended:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/icon_arrsmall.gif) no-repeat 11px 7px; }
.reporting #exercise-cards a:hover { background: #f3f3f3 url(/assets/images/icon_arrsmall.gif) no-repeat 11px 7px; }
/* ======= Print Page ======= */
.print .ContentWrapper #symbol { background: url(/assets/images/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(/assets/images/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(/assets/images/button-print.gif) no-repeat; height: 21px; width: 60px; text-indent: -9999em; }
.print #print-button a:hover { background: url(/assets/images/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(/assets/images/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(/assets/images/print-tab-right.gif) no-repeat right top; padding: 6px 15px 6px 6px; }
.print ul#print-type li.active { background: #fff url(/assets/images/print-tab-left.gif) no-repeat left top; }
.print ul#print-type li.active a { border-bottom: 1px solid #fff; background: #fff url(/assets/images/print-tab-right.gif) no-repeat right top; }
.print #print-area { border: 1px solid #999; margin: -1px 0px 0px 0px; padding: 20px 50px; position: relative; z-index: 2; }
.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(/assets/images/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-left: 1px solid #37383c; border-top: 1px solid #37383c; background: #37383c url(/assets/images/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(/assets/images/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 #full-view .print-exercise { margin: 10px 0 0 0; border-top: 1px solid #aaa; border-bottom: none; padding-bottom: 10px; }
.print #compact-view { }
.print #compact-view .print-category h2 { font-size: 130%; background: white; color: #555; margin: 0; padding: 0; }
.print #compact-view .print-category table { border-collapse: collapse; margin: 5px 0 20px 0; }
.print #compact-view .print-category td { border: 1px solid #37383c; padding: 5px 10px; }
.print #compact-view .print-category thead td { background: #37383c url(/assets/images/compact-print-header.gif) repeat-x; color: #eee; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.print #compact-view .print-category .exercise-name { width: 250px !important; }
/* ===============================================
Articles
=============================================*/
.articles img.head { margin-left: 9px; }
.articles .wrapper { background: url(/assets/images/bg_2cols.gif) repeat-y; padding: 0 0; }
.articles #welcome { border: 1px solid #c9c9c9; padding: 10px 18px; background: url(/assets/images/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(/assets/images/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("/assets/images/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(/assets/images/icon_arrow.gif) no-repeat 11px 3px; }
.articles #results ul li.selected a:hover { background-color: #fff; }
.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(/assets/images/icon-view-more.gif) no-repeat 3px 4px; padding: 0 2px 0 18px; text-transform: lowercase !important; line-height:11px; }
.articles #detail h2.date a:hover span { background: url(/assets/images/icon-view-more.gif) no-repeat 3px -7px; }
.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(/assets/images/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(/assets/images/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(/assets/images/btnPrevious.gif) no-repeat 0 0px; }
.arrowLlocked { background: url(/assets/images/btnPreviousOff.gif) no-repeat 0 0px; height: 26px; width: 78px; overflow: hidden; text-indent: -9999em; display: block; margin-right: 2px; }
.arrowRlocked { background: url(/assets/images/btnNextOff.gif) no-repeat 0 0px; height: 26px; width: 53px; overflow: hidden; text-indent: -9999em; display: block; }
.arrowR { background: url(/assets/images/btnNext.gif) no-repeat; height: 26px; width: 53px; overflow: hidden; text-indent: -9999em; display: block; }
.arrowR a { display: block; height: 26px; width: 53px; }
a.arrowR:hover { background: url(/assets/images/btnNext.gif) no-repeat 0 0px; }
.navBtns { width: 135px; height: 30px; }
.navBtns .arrowL, .navBtns .arrowLlocked { float: left; }
.navBtns .arrowR, .navBtns .arrowRlocked { float: right; }
#tellAfriend .formWide { background: #f6f6f6 url(/assets/images/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(/assets/images/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(/assets/images/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("/assets/images/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(/assets/images/icon_arrow.gif) no-repeat 11px 3px; }
.library #detail { width: 596px; float: right; padding: 0px 0 0px 0px; }
.library .exercise-print { background: url(/assets/images/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(/assets/images/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 { line-height: 32px; padding-left: 10px; font-size: 1.2em; }
.terms h2 span a, .privacy h2 span a { background: url(/assets/images/icon-view-more.gif) no-repeat 3px 4px; padding: 0 2px 0 18px; text-transform: lowercase !important;  line-height:11px;}
.terms h2 span a:hover, .privacy h2 span a:hover { background: url(/assets/images/icon-view-more.gif) no-repeat 3px -7px; }
.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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/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(/assets/images/lead_top.gif) no-repeat; height: 8px; width: 853px; font-size: 1px; }
.lead-bottom { background: #fffff7 url(/assets/images/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(/assets/images/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(/assets/images/site/icon-view-more.gif) no-repeat 3px 4px; padding: 0 0 0 18px; line-height:11px }
#goodies h4 span a:hover { background: url(/assets/images/site/icon-view-more.gif) no-repeat 3px -7px; }
#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(/assets/images/site/hyper_cast.gif) no-repeat top right; }
#goodies .g-wallpaper { background: url(/assets/images/site/icon_wallpaper.gif) no-repeat 20px 30px; margin: 10px 0; padding: 10px 10px 10px 135px; }
#goodies .g-wallpaper h2 { background: url(/assets/images/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(/assets/images/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(/assets/images/site/icon_arrow.gif) no-repeat; padding-left: 14px; }
#goodies .g-icons { background: #f5f5f5 url(/assets/images/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(/assets/images/site/h_messenger_icons.gif) no-repeat; height: 33px; text-indent: -9999em; }
#goodies .g-icons .col2 li { display: inline; }
#goodies .g-banner { background: url(/assets/images/site/icon_banner.gif) no-repeat 16px 20px; margin: 10px 0; padding: 10px 10px 10px 135px; }
#goodies .g-banner h2 { background: url(/assets/images/site/h_banner_button.gif) no-repeat; height: 33px; text-indent: -9999em; }
#goodies .g-audio { background: #f5f5f5 url(/assets/images/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(/assets/images/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(/assets/images/icon_arrow.gif) no-repeat 0 -1px; padding: 0 0 0 10px; }
/* 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(/assets/images/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("/assets/images/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(/assets/images/icon_arrow.gif) no-repeat 11px 3px; }
ul.SideNav li.selected a:hover { background-color: #fff; }
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(/assets/images/bg_2cols.gif) repeat-y; padding: 0 0; }
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='/assets/images/icBeta.png'); }
.betaN[class] { filter: none; display: none; background: url(/assets/images/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(/assets/images/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='/assets/images/gfxBubbleRight.png'); }
.welcomePopup .PageHeader .RightGraphic[class] { filter: none; background: url(/assets/images/gfxBubbleRight.png) 0px 0px no-repeat; }
.welcomePopup .PageHeader .BubbleTop { width: 485px; height: 7px; float: left; overflow: hidden; background: url(/assets/images/bgBubbleTop.gif) 0px 0px no-repeat; }
.welcomePopup .PageHeader .BubbleContent { width: 440px; padding: 0px 33px 12px 12px; float: left; background: #BEBEBE url(/assets/images/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(/assets/images/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(/assets/images/bltRaquo.gif) 0px 12px no-repeat; }
/* popup layer styles */
/* global link button */
a.linkButton, a.FormButton { display: block; height: 29px; width: 170px; 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(/assets/images/common/globalButton.gif) 0px 0px no-repeat; }
a.FormButton.NoWidth { width: auto; }
a.linkButton:hover, a.FormButton:hover { color: #FFF !important; text-decoration: none !important; background: url(/assets/images/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(/assets/images/common/globalButtonNarrow.gif) 0px 0px no-repeat; }
a.linkButtonNarrow:hover { color: #FFF !important; text-decoration: none !important; background: url(/assets/images/common/globalButtonNarrow.gif) 0px -35px no-repeat; }
a.linkButton.BiggerButton, a.FormButton.BiggerButton { background-image: url(/assets/images/common/globalButtonBigger.gif); width: 250px; }
a.linkButton.BiggerButton:hover, a.FormButton.BiggerButton:hover { background-image: url(/assets/images/common/globalButtonBigger.gif); }
a.linkButton.HugeButton, a.FormButton.HugeButton { background-image: url(/assets/images/common/globalButtonHuge.gif); width: 350px; }
a.linkButton.HugeButton:hover, a.FormButton.HugeButton:hover { background-image: url(/assets/images/common/globalButtonHuge.gif); }
strong.StrongPlus { color: #FFA84B; }
.exerciseContent .AthleteRating { float: right; }
.AthleteRatings { float: right; width: 350px; height: 24px; margin-top: 5px; }
.AthleteRatings input, #mainLayoutContainer .AthleteRatings input { border: 0; margin: 4px 2px 10px 0px; float: left; width: 12px; height: 12px; padding: 0px; }
.AthleteRating { width: 30px; height: 20px; display: none; float: left; margin: 0px 3px 0px 0px; padding: 0px; }
.AthleteRating.Rating3 { display: inline; background-image: url(/fitness/assets/images/thumbsup3.gif); }
.AthleteRating.Rating2 { display: inline; background-image: url(/fitness/assets/images/thumbsup2.gif); }
.AthleteRating.Rating1 { display: inline; background-image: url(/fitness/assets/images/thumbsup1.gif); }
.AthleteRating.Rating-1 { display: inline; background-image: url(/fitness/assets/images/thumbsdown1.gif); }
.AthleteRating.Rating0 { display: inline; width: auto; color: #808080; }
.AthleteRating.NoFloat.Rating3,.AthleteRating.NoFloat.Rating2,.AthleteRating.NoFloat.Rating1,.AthleteRating.NoFloat.Rating-1,.AthleteRating.NoFloat.Rating0 {display: inline-block; float:none;margin-left:20px; }
.SmallRecycle { background: transparent url('/assets/images/recycle.gif') no-repeat; padding-left: 14px; }
.AthleteRatings .RatingHelp { float: right; padding-left: 15px; width: 60px; height: 13px; background: url(/assets/images/icon_help.gif) no-repeat; display: none; }
#specialoverlay div.close { background-image: url(/assets/images/overlay/close.png); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 35px; width: 35px; }
#specialoverlaylarger div.close { background-image: url(/assets/images/overlay/close2.png); position: absolute; right: 4px; top: 10px; cursor: pointer; height: 35px; width: 35px; }

#specialoverlay { background-image: url(/assets/images/overlay/white.png); width: 400px; height: 400px; display: none; padding: 55px; }
#specialoverlaylarger { background-image: url(/assets/images/overlay/black2.png); width: 500px; height: 400px; display: none; padding: 55px; }
div.specialoverlaywrap { height: 400px; overflow-y: auto; }
#ProgramSelector { margin-bottom: 10px; }
#ProgramSelector td { vertical-align: top; color: #666666; font-size: 12px; font-family: Arial; }
#ProgramSelector td.Color1 { background-color: #F3F3F3; color: #666666; }
#ProgramSelector td.Color2 { background-color: #EDEDED; color: #666666; }
#ProgramSelector td.Color3 { background-color: #CFCFCF; color: #333333; }
#ProgramSelector td.Color4 { background-color: #919191; color: #FFFFFF; }
#ProgramSelector td.Color5 { background-color: #666666; color: #EDEDED; }
.KillList li { padding: 0px; margin: 0px; list-style-type: none; vertical-align: top; list-style-image: none; }
.KillList ul { padding: 0px; margin: 0px; }
.FitScoreTransform{background-color:#FFBA41;}
.PropertyListTable {border-collapse:collapse;background-color:#FFF; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C0C0C0; }
.PropertyListTable th {border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C0C0C0; }
.PropertyListTable td.FirstColumn
{padding: 1px 15px 1px 15px ;background-color:#f4f4f4;border-top-style: solid; border-top-width: 1px; border-top-color: #FFF; }
.PropertyListTable .NumberField
{width:50px;text-align:right}
.PropertyListTable .TextField
{padding-right:15px;padding-left:3px;}
.PropertyListTable .LastColumn
{padding-right:15px;}
.AdminWarning
{position:fixed;top:0;left:0px;z-index:9999;width:auto;height:40px;border-right: solid 2px red;border-bottom: solid 2px red;padding:5px;background-color:Silver;}
.AdminWarning a{color:Red;}
.ContestButtonDiv{position: absolute; top: 50px; right: 5px; z-index: 120; display: inline;}