* { margin: 0; -webkit-text-size-adjust: none; } html, body { height: 100%; width: 100%; background-color: #818285; } html { border-bottom: 1px solid transparent; } body * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wf-loading { visibility: hidden; } .clear { clear: both; } a { text-decoration: none; } a img, a:visited img { border: 0px; outline: none; } .zer06_green { color: #c9d302; } .wppl_grey { color: #818285; } /* SVG */ #add_bike_fit_bike { position: absolute; left: 0px; right: 0px; top: 500px; } #review_bike_fit_bike { position: relative; width: 100%; } #review_bike_fit_rider { position: relative; width: 100%; } #bike_fit_svg { } #bike_fit_svg #Background { display: none; } #bike_fit_svg { font-family: "din-mediummedium"; } #Rider_Measures g { display: none; } #Bike_Measures g { display: none; } #Bike_Outline, #Rider_Fill, #Rider_Outline { filter: alpha(opacity=50); opacity: 0.50; } #review_bike_fit_bike #Bike_Outline { filter: alpha(opacity=90); opacity: 0.90; } #review_bike_fit_bike #Rider_Fill, #review_bike_fit_bike #Rider_Outline { filter: alpha(opacity=50); opacity: 0.50; } #review_bike_fit_rider #Rider_Fill, #review_bike_fit_rider #Rider_Outline { filter: alpha(opacity=90); opacity: 0.90; } #add_bike_fit_bike .before_text, #add_bike_fit_bike .after_text, #add_bike_fit_bike .before_value, #add_bike_fit_bike .after_value { display: none; } #edit_bike_fit_bike .before_text, #edit_bike_fit_bike .after_text, #edit_bike_fit_bike .before_value, #edit_bike_fit_bike .after_value { display: none; } #review_bike_fit_bike #Bike_Measures g { display: inline; } #review_bike_fit_rider #Rider_Measures g { display: inline; } #review_bike_fit_rider #Handlebars { display: none; } .after_value { fill: #c9d302; } .before_value { fill: #c9d302; } #add_bike_fit_bike text, #edit_bike_fit_bike text { display: none; } #bf_compare_to.dontshow { display: none; } #add_test_form #bf_make_outer, #add_test_form #bf_model_outer, #add_test_form #bf_saddle_details_outer, #add_test_form #bf_handlebar_details_outer, #add_test_form #bf_chainrings_outer, #add_test_form #bf_pedal_make_outer, #add_test_form #bf_pedal_model_outer, #add_test_form #bf_shoe_size_outer, #add_test_form #bf_shoe_make_outer, #add_test_form #bf_shoe_model_outer { display: none; } #add_test_form #bf_notes, #edit_test_form #bf_notes, #add_test_form #lt_notes, #edit_test_form #lt_notes { width: 100%; height: 150px; background-color: transparent; border: 1px solid #e9e9e9; color: #FFFFFF; font-family: "DR"; padding: 5px; } /* HEADER */ #header { border: 0px solid red; height: 98px; width: 100%; z-index: 100; position: fixed; } .header_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 84%; max-width: 1210px; height: 100%; border: 0px solid red; } #header_bg { width: 100%; height: 100%; background-color: #000; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; position: absolute; z-index: 90; display: none; } #header_bg_perm { width: 100%; height: 100%; background-color: transparent; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; position: absolute; z-index: 85; display: block; } #header_top_row { height: 25px; width: 100%; position: relative; z-index: 100; } #header_third_row { height: 42px; width: 100%; position: relative; z-index: 100; } #header_logo { height: 48px; width: 181px; position: absolute; top: 0px; z-index: 120; /* margin-left: 8.33%; */ } #header_logo img { width: 100%; height: 100%; } #header_middle_row { height: 48px; width: 100%; position: relative; z-index: 100; border: 0px solid red; } #header_social_media { border: 0px solid red; height: 42px; width: 46px; position: absolute; top: 0px; right: 0px; z-index: 100; padding-top: 0px; /* margin-right: 8.33%; */ } #header_facebook_link { float: left; display: block; width: 10px; background-image: url('../img/zer06_fb_small.png'); background-repeat: no-repeat; height: 21px; } #header_twitter_link { float: left; display: block; width: 29px; background-image: url('../img/zer06_twitter_small.png'); background-repeat: no-repeat; height: 20px; margin-right: 7px; margin-top: 1px; } /* FOOTER */ #footer { position: fixed; bottom: 0px; left: 0px; width: 100%; border: 0px solid red; z-index: 100; height: 70px; } .footer_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 84%; max-width: 1210px; height: 100%; border: 0px solid red; } #footer_top_row { position: relative; width: 100%; height: 10px; visibility: hidden; } #footer_logo { position: absolute; left: 0px; top: 10px; height: 30px; border: 0px solid red; width: 110px; z-index: 120; } #footer_logo img { width: 100%; height: 100% } #footer_top_bg { position: absolute; background-color: #FFF; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; z-index: 100; width: 100%; height: 100%; } #footer_middle_row { position: relative; width: 100%; height: 10px; z-index: 100; background-color: #c9d302; } #footer_lower_row { position: relative; width: 100%; height: 50px; z-index: 100; background-color: #FFFFFF; } #footer_menu { position: relative; border: 0px solid red; width: 100%; padding-left: 180px; padding-right: 0%; height: 50px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; z-index: 110; } #footer_menu a { color: #818285; vertical-align: top; display: inline-block; *display: inline; border: 0px solid red; zoom: 1; padding-left: 5px; padding-right: 5px; border: 0px solid green; } .menu_stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; } .main_menu_a:hover { color: #000000 !important; } .main_menu_item { vertical-align: top; display: inline-block; *display: inline; line-height: 18px; font-size: 18px; text-transform: uppercase; padding-left: 0.5%; padding-right: 0.5%; color: #818285; padding-top: 16px; font-family: "din-mediummedium"; } .main_menu_item.selected a { color: #000000 !important; } #menu_button { position: relative; display: none; width: 100%; text-transform: uppercase; color: #000000; font-family: "din-mediummedium"; font-size: 16px; line-height: 28px; text-align: center; z-index: 120; cursor: pointer; } /* SLIDESHOW */ #background_outer { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } .hfa_large_image { height: 100%; width: 100%; border: 0px solid red; } /* CONTENT */ #content { z-index: 80; position: relative; width: 80%; padding-bottom: 120px; margin-left:8.33%; margin-right: 8.33%; border: 0px solid red; padding-top: 145px; } .big_statement { font-size: 80px; line-height: 72px; font-family: "din-mediummedium"; text-transform: uppercase; color: #c3d600; padding-top: 30px; } .page_title_outer { border: 0px solid red; float: right; width: 200%; vertical-align: top; padding-top: 55px; height: 175px; } .page_title_inner { float: right; font-size: 100px; line-height: 62px; padding-bottom: 10px; font-family: "din-boldbold"; text-transform: uppercase; color: #c9d302; padding-left: 10px; } .page_title_line { width: 50%; height: 10px; background-color: #c9d302; float: right; } .text_only { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 50%; clear: both; } .members_page_text_only { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 70%; clear: both; } .text_with_img_text { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; } .generic_page_image { float: right; margin-right: 5%; margin-top: 5px; } .generic_page_image img { border: 1px solid #c3d600; width: 100%; } .tests_with_prices { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 50%; padding-bottom: 135px; } .test_title_table, .test_subtitle_table { width: 100%; line-height: normal !important; border: 0px solid red; margin-bottom: 20px; } .test_title { width: 100%; font-family: "din-lightlight"; color: #FFFFFF; font-size: 48px; line-height: 48px; text-transform: uppercase; margin-left: -5px; padding-bottom: 20px; } .test_subtitle { width: 100%; font-family: "DR"; color: #c3d600; font-size: 30px; line-height: 30px; } .test_table { width: 100%; margin-bottom: 35px; } .test_table_left { width: 35%; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; vertical-align: top; } .test_table_right { width: 60%; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; vertical-align: top; } .test_table_middle { width: 5%; } .tt_bold { font-family: "din-boldbold" !important; text-transform: uppercase; } .test_total_table { width: 100%; margin-bottom: 35px; } .tt_border { border-top: 1px solid #c3d600; border-bottom: 1px solid #c3d600; } p a, p a:visited { color: #c3d600; } p a:hover { color: #818285; } p { margin-top: 16px; margin-bottom: 16px; } /* LOCATIONS */ .locations_outer { width: 100%; border: 0px solid red; clear: both; } .location_each { float: left; width: 25%; min-width: 200px; padding-bottom: 18px; padding-right: 10px; height: 85px; } .location_name { font-family: "din-boldbold"; text-transform: uppercase; color: #FFFFFF; font-size: 16px; line-height: 18px; } .shop_name { text-transform: capitalize; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 18px;} .location_postcode { text-transform: uppercase; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 18px;} /* VIDEO */ .video_with_small_text { clear: both; width: 100%; border: 0px solid red; } .video_outer { width: 50%; border: 1px solid #c3d600; float: left; margin-top: -35px; } .video_small_text { width: 20%; float: right; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; } /* CONTACT US */ .contact_us_outer { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 50%; border: 0px solid white; } #contact_us_form_div { width: 55%; min-width: 245px; float: left; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; border: 0px solid red; margin-right: 10px; } #contact_us_text { width: 40%; float: right; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; border: 0px solid blue; } .user_form label { clear: both; float: left; display: block; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; width: 105px; margin-bottom: 10px; } .user_form input[type=text] { float: left; display: block; font-family: "DR"; font-size: 14px !important; height: 23px; line-height: 16px !important; padding: 0; width: 140px; border: 1px solid #818285; padding-left: 2px; } .user_form input[name=sub] { display: block; float: left; color: #808284; cursor: pointer; font-family: "din-mediummedium"; text-transform: uppercase; font-size: 16px; line-height: 16px; height: 24px; padding-bottom: 2px; width: 140px; margin-top: 5px; border: 1px solid #818285; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .user_form select { float: left; display: block; font-family: "DR"; font-size: 14px; line-height: 23px; } #day_of_birth, #month_of_birth, #year_of_birth { width: auto !important; display: inline-block; float: none; } #day_of_contact, #month_of_contact, #year_of_contact { width: auto !important; display: inline-block; float: none; } #contact_us_thank_you { display: none; width: 40%; float: right; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; border: 0px solid blue; } /* FORMS */ .form_outer { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 70%; border: 0px solid white; clear: both; } #pretest_form_div { width: 100%; min-width: 245px; float: left; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; border: 0px solid red; margin-right: 10px; padding-bottom: 40px; } .form_outer .user_form label { clear: both; float: left; display: inline-block; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; width: 50%; margin-bottom: 10px; } .form_outer .user_form input[type=text] { width: 30%; background-color: transparent; color: #FFFFFF; } .radio_outer { float: left; display: block; font-family: "DR"; font-size: 14px !important; min-height: 23px; line-height: 16px !important; padding: 0; width: 30%; } .user_form textarea { border: 1px solid #818285; display: block; float: left; font-family: "DR"; font-size: 14px !important; line-height: 16px !important; padding: 0 0 0 2px; resize: vertical; width: 140px; } #sign_up_form .form_field_inner { float: right; display: block; width: 30%; border: 0px solid red; min-width: 232px; margin-top: 5px; } #sign_up_form .form_field_inner input[type="text"], .login_form .form_field_inner input[type="password"] { width: 100%; } #sign_up_form label { border: 0px solid blue; float: none; width: auto !important; clear: none; overflow: auto; } .form_field_inner select { width: 100%; font-family: "DR"; font-size: 14px; line-height: 23px; } #sign_up_form .form_field_outer { text-align: right; } /* BEFORE LACTATE TESTS */ #lactate_test_before_fields_outer { } .form_field_outer.before { filter: alpha(opacity=50); opacity: 0.50; } /* LOGIN FORM */ .login_form { position: relative; display: block; border: 0px solid red; } .login_form label { clear: both; display: inline-block; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; width: 70%; margin-bottom: 10px; text-align: right; padding-right: 20px; } .form_field_outer { position: relative; clear: both; display: block; width: 100%; } .login_form input[type=text] { display: inline-block; font-family: "DR"; font-size: 14px !important; height: 23px; line-height: 16px !important; padding: 0; width: 30%; border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #FFFFFF; } .login_form input[type=password] { display: inline-block; font-family: "DR"; font-size: 14px !important; height: 23px; line-height: 16px !important; padding: 0; width: 30%; border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #FFFFFF; } .login_form input[name=sub] { display: block; color: #808284; cursor: pointer; font-family: "din-mediummedium"; text-transform: uppercase; font-size: 16px; line-height: 16px; height: 24px; padding-bottom: 2px; width: 30%; margin-left: 70%; margin-top: 0px; border: 1px solid #818285; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #incorrect { height: 23px; } /* LOGIN FORM END */ /* MEMBERS AREA */ .members_menu_outer { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 70%; border: 0px solid white; clear: both; } .members_menu_item { padding-bottom: 20px; } .members_menu_item_title { width: 50%; font-family: "din-lightlight"; color: #FFFFFF; font-size: 24px; line-height: 24px; text-transform: uppercase; display: inline-block; } .members_menu_item_menu { width: 50%; color: #c9d302; text-align: left; display: inline-block; } .members_menu_item_action { display: inline-block; padding-left: 20px; padding-right: 20px; cursor: pointer; } .members_menu_item_action a, .members_menu_item_action a:visited, .members_menu_item_action a:hover { color: #c9d302; } .add_test_form label, .edit_test_form label, .review_outer label { display: inline-block; width: 40%; text-align: right; padding-right: 40px; vertical-align: top; } .add_test_form label.extra_wide, .edit_test_form label.extra_wide, .review_outer label.extra_wide { width: 70%; padding-right: 5%; text-align: left; } .add_test_form label.semi_wide, .edit_test_form label.semi_wide, .review_outer label.semi_wide { width: 40%; padding-right: 5%; text-align: left; } .add_test_form .radio_outer, .edit_test_form .radio_outer, .review_outer .radio_outer { display: inline-block; width: 60%; float: none; text-align: right; } .add_test_form .radio_outer.narrow, .edit_test_form .radio_outer.narrow, .review_outer .radio_outer.narrow { width: 30%; text-align: right; vertical-align: top; padding: 3px; } .add_test_form label.extra_narrow, .edit_test_form label.extra_narrow { width: 100%; } .add_test_form input.extra_narrow[type="text"], .edit_test_form input.extra_narrow[type="text"] { width: 100%; } .add_test_form label.extra_narrow_3, .edit_test_form label.extra_narrow_3 { width: auto; clear: none !important; text-align: right; padding-right: 3px; max-width: 15%; font-size: 12px; line-height: 20px; } .add_test_form label.extra_narrow_3.left, .edit_test_form label.extra_narrow_3.left { text-align: left; width: 15%; max-width: 15%; } .add_test_form input.extra_narrow_3[type="text"], .edit_test_form input.extra_narrow_3[type="text"] { width: 10%; margin-right: 2%; margin-left: 0%; font-size: 12px !important; line-height: 20px !important; height: 23px; text-align: center; } .add_test_form label.extra_narrow_3.max_hr, .edit_test_form label.extra_narrow_3.max_hr { width: 60px; } .add_test_form label.extra_narrow_3.intensity, .edit_test_form label.extra_narrow_3.intensity { width: 50px; } .add_test_form label.extra_narrow_3.hr, .edit_test_form label.extra_narrow_3.hr { width: 20px; } .intensity_space { display: inline-block; margin-left: 0; margin-right: 2%; width: 10%; } .edit_test_form input[type=text].numeric_narrow, .add_test_form input[type=text].numeric_narrow, .review_outer input[type=text].numeric_narrow { width: 15%; float: right; } .edit_test_form input[type=readonly].numeric_narrow, .add_test_form input[type=readonly].numeric_narrow, .review_outer input[type=readonly].numeric_narrow { width: 15%; float: right; } .form_section_title { text-transform: uppercase; color: #c9d302; } .bf_twin_outer { display: inline-block; margin-left: 20%; width: 40%; text-align: right; } .bf_twin_outer_each { display: inline-block; width: 50%; } .add_test_form label.extra_narrow_2, .edit_test_form label.extra_narrow_2, .review_outer label.extra_narrow_2 { width: auto; clear: none !important; text-align: right; padding-right: 3px; max-width: 25%; font-size: 12px; line-height: 20px; } .edit_test_form input[type=text].extra_narrow_2, .add_test_form input[type=text].extra_narrow_2, .review_outer input[type=text].extra_narrow_2 { margin-left: 0%; width: 75%; } .add_test_form .form_field_outer, .edit_test_form .form_field_outer, .review_outer .form_field_outer { padding-top: 0px; } .form_field_outer label, .form_field_outer .radio_outer, .form_field_outer input { margin-top: 5px !important; } .question_subtext { font-size: 10px; line-height: 12px; } .add_test_form input[type=text], .edit_test_form input[type=text], .review_outer input[type=text] { display: inline-block; font-family: "DR"; font-size: 14px !important; height: 23px; margin-left: 20%; line-height: 16px !important; padding: 0; width: 40%; border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #FFFFFF; } .add_test_form input[name=sub], .edit_test_form input[name=sub], .review_outer input[name=sub] { display: block; color: #808284; cursor: pointer; font-family: "din-mediummedium"; text-transform: uppercase; font-size: 16px; line-height: 16px; height: 24px; padding-bottom: 2px; width: 40%; margin-left: 60%; margin-top: 0px; border: 1px solid #818285; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .add_test_form textarea, .edit_test_form textarea, { resize: vertical; display: inline-block; font-family: "DR"; font-size: 14px !important; height: 23px; margin-left: 40%; line-height: 16px !important; padding: 0; width: 60%; height: 80px; border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #FFFFFF; } .review_outer textarea { resize: vertical; display: inline-block; font-family: "DR"; font-size: 14px !important; height: 80px; margin-left: 40%; line-height: 16px !important; padding: 0; width: 60%; border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #FFFFFF; } .add_test_form input[type=readonly], .edit_test_form input[type=readonly], .review_outer input[type=readonly] { display: inline-block; font-family: "DR"; font-size: 14px !important; height: 23px; margin-left: 20%; line-height: 16px !important; padding: 0; width: 40%; border: 1px solid #e9e9e9; padding-left: 2px; background-color: transparent; color: #FFFFFF; } .edit_test_form input[name=delete] { display: block; color: #808284; cursor: pointer; font-family: "din-mediummedium"; text-transform: uppercase; font-size: 14px; line-height: 14px; height: 20px; padding-bottom: 2px; width: 20%; margin-left: 80%; margin-top: 20px; border: 1px solid #818285; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .add_test_form .form_sub_title, .edit_test_form .form_sub_title { padding-bottom: 0px; border: 0px solid red; position: relative; } .form_sub_title_text { display: inline-block; border: 0px solid blue; position: relative; padding-right: 40px; } .question_set_arrow { position: absolute; display: inline-block; border: 0px solid yellow; width: 20px; top: 50%; margin-top: -10px; right: 0px; height: 20px; background-repeat: no-repeat; background-image: url('../img/test_arrow_half.png'); background-position: 0px -20px; } .question_set_arrow.open { background-position: 0px 0px; } .smaller_font .question_set_arrow { background-image: url('../img/test_arrow_smaller_half.png'); background-position: 0px -15px; margin-top: -7.5px; height: 15px; width: 15px; } .smaller_font .question_set_arrow.open { background-position: 0px 0px; } .form_sub_title_text.smaller_font { padding-right: 20px; } .qset_subtext { font-size: 11px; line-height: 12px; } .question_set_outer { display: none; } .question_set_outer.always_open { display: block; } .question_set_outer.count_1 { display: block; } .existing_tests, .review_tests, #possible_add_tests { display: none; padding-left: 20px; } .existing_tests a, .review_tests a, #possible_add_tests a { display: inline-block; width: 70%; } .existing_tests a, .existing_tests a:visited, .existing_tests a:hover, .review_tests a, .review_tests a:visited, .review_tests a:hover { color: #c9d302; } #possible_add_tests a, #possible_add_tests a:visited, #possible_add_tests a:hover { color: #c9d302; } .delete_test_link { display: inline-block; font-size: 10px; width: 30%; cursor: pointer; } .form_sub_title .smaller_font { font-size: 16px; line-height: 18px; } .percent100 { width: 100%; } #add_tests_to_client { color: #ffffff; display: inline-block; font-family: "din-lightlight"; font-size: 32px; line-height: 32px; text-transform: uppercase; width: 50%; cursor: pointer; filter: alpha(opacity=25); opacity: 0.25; } /* TABLES */ .form_field_outer table { margin-left: 40%; width: 60%; border: 0px solid white; } .add_test_form td { border: 0px solid red; } .form_field_outer th { font-size: 10px; line-height: 12px; } .add_test_form td input[type="text"], .edit_test_form td input[type="text"], .review_outer td input[type="text"] { width: 100%; margin-left: 0%; text-align: center; } .add_table_row_td { } #add_table { width: 100%; text-align: right; cursor: pointer; } #current_row_num { display: none; } /* CLIENTS */ .client_list_item { width: 100%; font-family: "din-lightlight"; color: #c9d302; font-size: 16px; line-height: 26px; display: block; } .client_name { display: inline-block; padding-right: 2%; width: 35%; font-size: 21px; color: #FFFFFF; cursor: pointer; } .client_venue, .client_company { display: inline-block; font-size: 14px; color: #FFFFFF; } .client_select { display: inline-block; width: 15%; color: #c9d302; cursor: pointer; text-align: center; } .client_select.selected { color: #FFFFFF; cursor: default; } .venue_company_outer { display: inline-block; width: 50%; color: #FFFFFF; } /* REVIEWS */ .review_outer { position: relative; font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; float: right; width: 70%; border: 0px solid white; clear: both; } .text_field_review_outer { position: relative; width: 100%; } .text_field_review_each { position: absolute; height: 15px; bottom: 5px; width: 70%; margin-left: 25%; margin-right: 5%; } .text_field_review_text_name { position: absolute; right: 100%; font-size: 10px; line-height: 14px; text-align: right; padding-right: 5px; width: 40%; } .text_field_review_text { font-size: 11px; line-height: 14px; padding-left: 20px; min-height: 14px; } .text_field_review_each.age_0 .text_field_review_text, .text_field_review_each.age_0 .text_field_review_text_name { font-size: 12px; } .text_field_review_each.age_1 { bottom:20px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px; } .text_field_review_each.age_2 { bottom: 30px; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; height: 10px; } .text_field_review_each.age_3 { bottom: 40px; zoom: 1; filter: alpha(opacity=55); opacity: 0.55; height: 10px; } .text_field_review_each.age_4 { bottom: 50px; zoom: 1; filter: alpha(opacity=45); opacity: 0.45; height: 10px; } .text_field_review_each.age_5 { bottom: 60px; zoom: 1; filter: alpha(opacity=35); opacity: 0.35; height: 10px; } .text_field_review_each.age_6 { bottom: 70px; zoom: 1; filter: alpha(opacity=25); opacity: 0.25; height: 10px; } .text_field_review_each.age_7 { bottom: 80px; zoom: 1; filter: alpha(opacity=15); opacity: 0.15; height: 10px; } .text_field_review_each.age_8 { bottom: 90px; zoom: 1; filter: alpha(opacity=05); opacity: 0.05; height: 10px; } .notes_field_review_outer { position: relative; width: 100%; border: 0px solid red; } .notes_field_review_each { position: relative; width: 70%; margin-left: 30%; margin-right: 0%; } .notes_field_review_text_name { position: absolute; right: 100%; font-size: 16px; line-height: 20px; text-align: right; padding-right: 5px; width: 40%; } .notes_field_review_text { position: relative; font-size: 11px; line-height: 14px; padding-left: 20px; min-height: 14px; } .notes_field_review_table { position: relative; font-size: 11px; line-height: 14px; padding-left: 20px; min-height: 14px; } .notes_field_review_table table { width: 100%; text-align: center; font-size: 10px; line-height: 11px; } .notes_field_review_each.age_1 { zoom: 1; filter: alpha(opacity=75); opacity: 0.75; } .notes_field_review_each.age_2 { zoom: 1; filter: alpha(opacity=65); opacity: 0.65; } .notes_field_review_each.age_3 { zoom: 1; filter: alpha(opacity=55); opacity: 0.55; } .notes_field_review_each.age_4 { zoom: 1; filter: alpha(opacity=45); opacity: 0.45; } .notes_field_review_each.age_5 { zoom: 1; filter: alpha(opacity=35); opacity: 0.35; } .notes_field_review_each.age_6 { zoom: 1; filter: alpha(opacity=25); opacity: 0.25; } .notes_field_review_each.age_7 { zoom: 1; filter: alpha(opacity=15); opacity: 0.15; } .notes_field_review_each.age_8 { zoom: 1; filter: alpha(opacity=05); opacity: 0.05; } .review_outer .form_field_outer { margin-bottom: 5px; font-size: 14px; } .review_outer .chart_bar_label { width: 42.857%; padding-left: 0px; text-align: left; } .review_outer .notes_field_review_text_name { width: 42.857%; padding-left: 0px; text-align: left; } .notes_review label.extra_wide { position: absolute; left: 0px; top: 0px; width: 30%; } .notes_review textarea { width: 70%; margin-left: 30%; margin-top: 5px; } .review_section_title { text-transform: uppercase; padding-top: 15px; font-size: 18px; } .overview_totals_outer { font-size: 14px; } .user_form select { width: 30%; } .form_p { font-family: "DR"; color: #FFFFFF; font-size: 16px; line-height: 20px; clear: both; width: 100%; margin: 0px; } .form_field_outer { position: relative; clear: both; display: block; width: 100%; } .form_title { clear: both; font-family: "din-lightlight"; color: #FFFFFF; font-size: 48px; line-height: 48px; text-transform: uppercase; margin-bottom: 10px; display: block; position: relative; width: 100%; } .form_sub_title { clear: both; font-family: "DR"; color: #c3d600; font-size: 30px; line-height: 30px; text-transform: uppercase; padding-bottom: 5px; padding-top: 20px; display: block; position: relative; width: 100%; } .form_sub_title.details { padding-bottom: 5px; padding-top: 0px; } .form_sub_title_sub { clear: both; font-family: "DR"; color: #c3d600; font-size: 16px; line-height: 20px; text-transform: uppercase; padding-bottom: 10px; padding-top: 20px; display: block; position: relative; width: 100%; } .hidden { display: none; } .form_p { font-size: 16px; line-height: 20px; padding-bottom: 10px; padding-top: 10px; } .small_print { font-size: 13px; line-height: 18px; } .extra_wide { width: 40%; } .extra_wide.left { } .form_outer .user_form label.extra_wide { width: 70%; padding-right: 5%; } .form_outer .user_form input[type=text].narrow { width: 10%; } .form_field_outer { width: 100%; clear: both; } #alcohol_yes, #smoker_yes { position: relative; width: 100%; } #pretest_form_div input[type=submit] { width: 30%; } .top_gap { padding-top: 30px; } .submit_button_outer { padding-top: 30px; } #pretest_form_div input[type="submit"].extra_large_button { display: block; color: #808284; cursor: pointer; font-family: "din-mediummedium"; text-transform: uppercase; font-size: 24px; line-height: 28px; height: 34px; width: 30%; padding-bottom: 2px; margin-top: 5px; border: 1px solid #818285; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #lq_perceived_stress, #lq_eating_habits, #cs_ride_style { width: 10%; text-align: center; } .add_test_form #lq_perceived_stress, .add_test_form #lq_eating_habits, .add_test_form #cs_ride_style { margin-left: 50%; } .edit_test_form #lq_perceived_stress, .edit_test_form #lq_eating_habits, .edit_test_form #cs_ride_style { margin-left: 50%; } .add_test_form select, .edit_test_form select { width: 40%; float: none; display: inline-block; margin-left: 20%; margin-top: 5px; font-family: "DR"; font-size: 14px; line-height: 23px; } .checkbox_outer { float: left; display: block; font-family: "DR"; font-size: 14px !important; line-height: 16px !important; padding: 0; width: 30%; padding-bottom: 8px; } .extra_narrow_outer { width: 20%; float: left; } .extra_narrow_outer_row { width: 100%; clear: both; font-size: 12px; } .form_outer .user_form label.extra_narrow { width: 100%; } .form_outer .user_form input.extra_narrow[type="text"] { width: 100%; } .form_outer .user_form label.extra_narrow_3 { width: auto; clear: none !important; text-align: right; padding-right: 3px; max-width: 15%; font-size: 12px; line-height: 20px; margin-bottom: 3px; } .form_outer .user_form label.extra_narrow_3.left { text-align: left; width: 25%; max-width: 25%; } .form_outer .user_form input.extra_narrow_3[type="text"] { width: 10%; margin-right: 2%; font-size: 12px !important; line-height: 18px !important; height: 20px; } #cyclist_type_outer { float: none; display: inline-block; width: 40%; margin-left: 20%; } .form_result { float: right; width: 75%; border: 0px solid #818285; padding-top: 10px; } .x_axis_outer { position: relative; width: 70%; margin-left: 30%; margin-right: 0%; height: 22px; border: 0px solid red; } .x_axis_segment { display: inline-block; border-top: 1px solid #e9e9e9; font-size: 10px; line-height: 14px; text-align: center; vertical-align: top; } .x_axis_segment.middle, .x_axis_segment.first { border-right: 1px solid #e9e9e9; } .y_axis_outer { position: relative; width: 70%; margin-left: 30%; margin-right: 0%; min-height: 22px; } .chart_bar_label { position: absolute; right: 100%; font-size: 14px; line-height: 22px; text-align: right; padding-right: 5px; width: 40%; } .chart_bar { position: absolute; height: 20px; top: 0px; } .chart_bar.age_0 { border: 0px solid lime; } .chart_bar.age_1 { bottom:20px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px; } .chart_bar_label.age_1 { bottom:20px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px; line-height: 10px; } .chart_bar.age_2 { bottom: 30px; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; height: 10px; } .chart_bar_label.age_2 { bottom:30px; zoom: 1; filter: alpha(opacity=75); opacity: 0.75; height: 10px; line-height: 10px; } .chart_bar.age_3 { bottom: 40px; zoom: 1; filter: alpha(opacity=55); opacity: 0.55; height: 10px; } .chart_bar_label.age_3 { bottom:40px; zoom: 1; filter: alpha(opacity=55); opacity: 0.55; height: 10px; line-height: 10px; } .chart_bar.age_4 { bottom: 50px; zoom: 1; filter: alpha(opacity=45); opacity: 0.45; height: 10px; } .chart_bar_label.age_4 { bottom:50px; zoom: 1; filter: alpha(opacity=45); opacity: 0.45; height: 10px; line-height: 10px; } .chart_bar.age_5 { bottom: 60px; zoom: 1; filter: alpha(opacity=35); opacity: 0.35; height: 10px; } .chart_bar_label.age_5 { bottom:60px; zoom: 1; filter: alpha(opacity=35); opacity: 0.35; height: 10px; line-height: 10px; } .chart_bar.age_6 { bottom: 70px; zoom: 1; filter: alpha(opacity=25); opacity: 0.25; height: 10px; } .chart_bar_label.age_6 { bottom:70px; zoom: 1; filter: alpha(opacity=25); opacity: 0.25; height: 10px; line-height: 10px; } .chart_bar.age_7 { bottom: 80px; zoom: 1; filter: alpha(opacity=15); opacity: 0.15; height: 10px; } .chart_bar_label.age_7 { bottom:80px; zoom: 1; filter: alpha(opacity=15); opacity: 0.15; height: 10px; line-height: 10px; } .chart_bar.age_8 { bottom: 90px; zoom: 1; filter: alpha(opacity=05); opacity: 0.05; height: 10px; } .chart_bar_label.age_8 { bottom:90px; zoom: 1; filter: alpha(opacity=05); opacity: 0.05; height: 10px; line-height: 10px; } .chart_bar.red { border: 2px solid red; } .chart_bar.amber { border: 2px solid Orange; } .chart_bar.green { border: 2px solid lime; } .rating_label { clear: both; float: left; width: 15%; margin-left: 5%; font-size: 12px; line-height: 15px; } .rating_value { float: left; width: 70%; margin-left: 2%; font-size: 12px; line-height: 15px; } .summary_label { clear: both; float: left; width: 15%; margin-left: 5%; font-size: 12px; line-height: 15px; } .summary_value { float: left; width: 70%; margin-left: 2%; font-size: 12px; line-height: 15px; } #lt_watts_result_outer, #lt_bpm_result_outer, #lt_power_v_hr { position: relative; width: 100%; border: 0px solid red; height: 400px; } .lt_graphs_outer { margin-top: 40px; position: relative; width: 100%; } #lactate_test_fields_outer { position: relative; width: 100%; margin-top: 20px; } .lt_results_each { display: block; } .lt_results_label { display: inline-block; margin-right: 10px; } .lt_rating_value { display: inline-block; } .lt_graph_title { display: block; margin-top: 20px; } #lt_notes { width: 80%; height: 300px; } #bf_notes { width: 60%; height: 150px; } .lt_intro_notes { display: block; margin-top: 20px; width: 100%; } #bf_notes_outer.dontshow { display: none; } .lactate_row_add_outer { display: block; margin-top: 10px; } #lt_add_2 { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } #lt_add_3 { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } #lt_add_4 { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } #lt_treadmill_add_2 { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } #lt_treadmill_add_3 { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } #lt_treadmill_add_4 { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } #lt_undo { display: inline-block; margin-right: 20px; cursor: pointer; border: 1px solid white; padding: 0px 20px; } .axisLabels { color: #FFFFFF !important; font-size: 10px; font-family: "DR"; } #after_trainer, #after_client { display: block; } @media only screen and (max-width: 480px) { .header_inner { border-left: 0px solid red; } .header_inner { width: 96%; } body { min-width: 320px; } #header { height: 72px; } #header_top_row { height: 10px; } #header_logo { margin-left: 3%; } .big_statement { font-size: 48px; line-height: 42px; } .page_title_inner { font-size: 38px; line-height: 24px; } .page_title_outer { height: 65px; padding-top: 20px; } .page_title_line { height: 5px; } #content { margin-left:3%; margin-right: 3%; width: 94%; padding-top: 85px; padding-bottom: 75px; } #footer_menu { padding-left: 3%; padding-right: 3%; } .main_menu_a { width: 100%; height: 28px; } .main_menu_item { font-size: 16px; line-height: 28px; height: 28px; width: 100%; text-align: center; padding-top: 0px; } #menu_button { display: block; } #footer_menu, #footer_lower_row { height: auto; } #footer_menu { display: block; text-align: center; -ms-text-justify: auto; text-justify: auto; border: 0px solid red; } #footer_menu a { display: block; *display: block; } #footer_top_row { height: 28px; visibility: visible !important; } #footer_middle_row { height: 5px; } #footer_lower_row { display: none; height: auto; } #footer_logo { display: none; } .menu_stretch { display: none; } #footer { height: auto !important; } #header_social_media { margin-right: 3%; } .text_only { width: 80%; } .video_small_text { width: 35%; } .video_outer { width: 60%; margin-top: 0px; } .generic_page_image { padding-right: 10%; margin-right: -7%; } .tests_with_prices { width: 100%; } .tests_with_image_left_image { display: none; } .contact_us_outer { width: 90%; } .test_title_table, .test_subtitle_table { margin-bottom: 10px; } .test_title { font-size: 30px; line-height: 30px; } .test_subtitle { font-size: 20px; line-height: 20px; } .location_each { width: 100%; height: auto !important; text-align: right; padding-right: 0px; } .test_table, .test_total_table { margin-bottom: 15px; } #contact_us_text { width: 100%; margin-top: 10px; } .form_outer { width: 100%; } .form_outer .user_form label.extra_wide { width: 57%; padding-right: 3%; } #pretest_form_div input[type=submit], .form_outer .user_form input[type=text], .user_form select, .radio_outer { width: 40%; } .form_title { font-size: 32px; line-height: 32px; } .form_sub_title { font-size: 21px; line-height: 21px; } .form_sub_title_sub { font-size: 14px; line-height: 16px; } .form_p, .form_outer .user_form label { font-size: 12px; line-height: 14px; } .form_field_outer {font-size: 12px; line-height: 14px; } .small_print { font-size: 10px; line-height: 12px; } .user_form input[type=text] { font-size: 12px !important; height: 18px; line-height: 14px !important; } .user_form select { font-size: 12px; line-height: 14px; } .radio_outer { font-size: 12px !important; line-height: 14px !important; } .extra_wide { width: 50%; } #pretest_form_div input.extra_large_button[type="submit"] { width: 40%; } #sign_up_form .form_field_inner { float: right; display: block; width: 30%; border: 0px solid red; min-width: 232px; margin-top: 5px; } #sign_up_form label { border: 0px solid blue; float: none; width: auto !important; clear: none; overflow: auto; display: block; text-align: left; margin-top: 5px; margin-bottom: 0px; } #sign_up_form .form_field_outer { text-align: left; } } @media only screen and (min-width: 481px) and (max-width: 767px) { .header_inner { border-left: 0px solid blue; } .header_inner { width: 96%; } #header { height: 72px; } #header_top_row { height: 10px; } #header_logo { margin-left: 3%; } .big_statement { font-size: 68px; line-height: 56px; } .page_title_inner { font-size: 60px; line-height: 38px; } .page_title_outer { height: 85px; padding-top: 20px; } #content { margin-left:3%; margin-right: 3%; width: 94%; padding-top: 65px; padding-bottom: 75px; } #footer_menu { padding-left: 3%; padding-right: 3%; } .main_menu_a { width: 100%; height: 28px; } .main_menu_item { font-size: 16px; line-height: 28px; height: 28px; width: 100%; text-align: center; padding-top: 0px; } #menu_button { display: block; } #footer_menu, #footer_lower_row { height: auto; } #footer_menu { display: block; text-align: center; -ms-text-justify: auto; text-justify: auto; border: 0px solid red; } #footer_top_row { height: 28px; visibility: visible !important; } #footer_middle_row { height: 5px; } #footer_lower_row { display: none; height: auto; } #footer_logo { display: none; } .menu_stretch { display: none; } #footer { height: auto !important; } #header_social_media { margin-right: 3%; } .text_only { width: 60%; } .video_small_text { width: 35%; } .video_outer { width: 60%; margin-top: 0px; } .generic_page_image { padding-right: 10%; margin-right: -7%; } .tests_with_prices { width: 62%; } .contact_us_outer { width: 90%; } .test_title_table, .test_subtitle_table { margin-bottom: 10px; } .test_title { font-size: 30px; line-height: 30px; } .test_subtitle { font-size: 20px; line-height: 20px; } .location_each { width: 50%; height: auto !important; } .test_table, .test_total_table { margin-bottom: 15px; } .form_outer { width: 90%; } .extra_wide { width: 40%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .header_inner { border-left: 0px solid green; } .big_statement { font-size: 68px; line-height: 56px; } .page_title_inner { font-size: 60px; line-height: 38px; } .page_title_outer { height: 105px; padding-top: 20px; } #content { margin-left:6%; margin-right: 6%; width: 88%; } #footer_logo { display: none; } #footer_menu { padding-left: 2%; padding-right: 2%; } .main_menu_item { font-size: 14px; line-height: 14px; padding-top: 13px; } #footer_menu, #footer_lower_row, #footer_top_row { height: 40px; } #footer_middle_row { height: 8px; } #footer { height: 88px; } #header_logo { margin-left: 6%; } #header_social_media { margin-right: 6%; } .text_only { width: 60%; } .video_small_text { width: 25%; } .video_outer { width: 60%; margin-top: -20px; } .generic_page_image { padding-right: 10%; margin-right: -7%; } .tests_with_prices { width: 62%; } .contact_us_outer { width: 60%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .header_inner { border-left: 0px solid pink; } .big_statement { font-size: 80px; line-height: 70px; } .page_title_inner { font-size: 80px; line-height: 52px; } .page_title_outer { height: 105px; padding-top: 20px; } #content { margin-left:6%; margin-right: 6%; width: 88%; } #footer_menu { padding-left: 6%; padding-right: 6%; } .main_menu_item { font-size: 20px; line-height: 40px; } #footer_menu, #footer_lower_row, #footer_top_row { height: 40px; } #footer_middle_row { height: 8px; } #footer { height: 88px; } #header_logo { margin-left: 6%; } #header_social_media { margin-right: 6%; } .text_only { width: 60%; } .video_small_text { width: 25%; } .video_outer { width: 70%; margin-top: 0px; } .generic_page_image { padding-right: 10%; margin-right: -7%; } .tests_with_prices { width: 62%; } .location_each { width: 33%; } .contact_us_outer { width: 80%; } } @media only screen and (min-width: 1025px) { .header_inner { border-left: 0px solid yellow; z-index: 110; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #header_facebook_link { background-image: url('../img/zer06_fb.png'); background-size: 10px; } #header_twitter_link { background-image: url('../img/zer06_twitter.png'); background-size: 29px; } }