* { margin: 0; -webkit-text-size-adjust:none; } html { font-size: 62.5%; } html, body { height: 100%; width: 100%; background-color: transparent; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: #2a2a2a; } body { display: table; width: 100%; position: relative; } body * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wf-loading { visibility: hidden; } .clear { clear: both; padding: 0px; } #container { position: relative; width: 100%; padding: 0px; padding-top: 0px; padding-bottom: 10px; min-height: 100%; height: 100%; } .page-row { display: table-row; height: 1px; } .page-row-expanded { height: 100%; } .pip_debug { font-size: 20px; color: red; } .pale_orange { color: #fcb65b; } .mid_blue { color: #28a9df; } .mid_green { color: #22b4c4; } .uppercase { text-transform: uppercase; } .dosis_light { font-family: 'dosislight'; } .dosis_semibold { font-family: 'dosissemibold'; } .smaller { font-size: 18px; line-height: 24px; } .gap_orange { color: #f08530; } .orange { color: #fcb65b; } .white { color: #FFFFFF; } .small_twitter { font-size: 12px; } .performance_table td.green_td_bg { background-color: #96c11f !important; } input.submit { -webkit-appearance: none; } #cu_email { visibility: hidden; width: 0px; padding: 0px 0px; border: 0px; } a { color: #74b1e0; word-wrap: break-word; outline: none; } a img {outline: none; border: none; } #gap_partner_logo { border: 0px solid red; width: 250px; height: 121px; position: relative; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-position: 0px -25px; background-size: 500px; } .one_col_stack.left { float: left; } /* SLIDE SHOW ARROWS */ .slide_arrow { position: absolute; top: 50%; height: 64px; margin-top: -32px; width: 62px; overflow: hidden; cursor: pointer; } #left_slide_arrow { left: 0px; background-image: url('../img/WE_Slide_Arrows.png'); background-repeat: no-repeat; background-size: 62px; z-index: 110; background-position: left top; } #left_slide_arrow:hover { background-position: left bottom; } #right_slide_arrow { right: 0px; background-image: url('../img/WE_Slide_Arrows_R.png'); background-repeat: no-repeat; background-size: 62px; z-index: 110; background-position: right top; } #right_slide_arrow:hover { background-position: right bottom; } /* CASE STUDIES GRID */ #cs_grid_outer { margin-left: -10px; margin-right: -10px; width: auto; display: block; text-align: left; } .cs_grid_each_outer { position: relative; width: 33.33%; min-width: 320px; display: inline-block; padding: 0px 10px 20px 10px; vertical-align: top; text-align: left; } .cs_grid_each_inner { position: relative; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #1f75ba; padding: 20px; } .cs_grid_each_inner.int { background-color: #f08530; } .cs_image_outer { position: relative; width: 100%; overflow: hidden; } .cs_image { position: relative; width: 100%; } .cs_image img { position: relative; width: 100%; display: block; } .cs_title_outer { position: absolute; bottom: 0px; left: 0px; width: 100%; } .cs_title_bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; opacity: 0.75; -ms-filter: "alpha(opacity=75)"; } .cs_title_text { position: relative; color: #fcb65b; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; text-align: center; padding: 3px 5px; } .cs_desc { position: relative; width: 100%; color: #FFFFFF; font-size: 18px; line-height: 21px; font-family: 'dosismedium'; padding: 8px 0px; } .cs_theme { position: relative; width: 100%; color: #6ecff7; font-size: 12px; line-height: 14px; font-family: 'dosisbold'; text-transform: uppercase; } .cs_int_link_t { position: relative; display: table; height: 100%; } .cs_int_link_tr { position: relative; display: table-row; height: 100%; } .cs_int_link_td { position: relative; display: table-cell; height: 100%; color: #FFFFFF; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; text-align: center; padding: 3px 40px; vertical-align: middle; } .cs_int_link_td a, .cs_int_link_td a:visited, .cs_int_link_td a:hover { color: #FFFFFF; text-decoration: none; } /* CASE STUDIES */ #csd_outer { } .csd_inner { overflow: hidden; background-color: #1f75ba; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .csd_tdt_outer { position: relative; border: 0px solid red; float: left; min-width: 320px; width: 33.33%; vertical-align: top; padding: 35px 40px 35px 30px; } .csd_title { position: relative; display: block; font-family: 'dosissemibold'; color: #FFFFFF; font-size: 30px; line-height: 30px; text-transform: uppercase; padding-bottom: 14px; } .csd_desc { position: relative; display: block; font-family: 'dosismedium'; color: #FFFFFF; font-size: 24px; line-height: 30px; padding-bottom: 14px; } .csd_theme { position: relative; width: 100%; color: #6ecff7; font-size: 18px; line-height: 24px; font-family: 'dosisbold'; text-transform: uppercase; } .csd_image { position: relative; overflow: hidden; vertical-align: middle; } .csd_image img { position: relative; width: 100%; display: block; } /* SUB NAV */ #sub_nav_outer .content_block_inner { background-color: #f08530; border: 2px solid white; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding-top: 11px; padding-bottom: 11px; } .sub_nav_item_each { position: relative; font-family: 'dosismedium'; font-size: 24px; line-height: 36px; } .sub_nav_item_each.selected { color: #15598f; } .sub_nav_item_each a, .sub_nav_item_each a:visited { text-decoration: none; border: 0px; outline: none; color: #FFFFFF; } .sub_nav_item_each a:hover { color: #15598f; } #sub_nav_mobile_button { position: relative; width: 100%; text-align: center; display: none; cursor: pointer; } #sub_nav_mobile_button img { display: block; width: 20px; margin-left: auto !important; margin-right: auto !important; } /* BACKGROUND WAVES */ /* HEADER WAVES */ #head_bg_one { position: absolute; width: 100%; height: 136px; left: 0px; top: 32px; z-index: 191; overflow: hidden; opacity: 0.8; -ms-filter: "alpha(opacity=80)"; } #head_bg_one_wave { position: absolute; left: 50%; margin-left: -1423.5px; width: 2972px; height: 136px; background-color: transparent; background-position: center bottom; background-repeat: no-repeat; } .svg #head_bg_one_wave { background-image: url('../img/bg_wave_top_both.svg'); } #head_bg_two { position: absolute; width: 100%; height: 139.5px; left: 0px; top: 29px; z-index: 191; overflow: hidden; opacity: 0.9; -ms-filter: "alpha(opacity=90)"; } #head_bg_two_wave { position: absolute; left: 50%; margin-left: -1421px; width: 2975.5px; height: 139.5px; background-color: transparent; background-position: center bottom; background-repeat: no-repeat; } .svg #head_bg_two_wave { background-image: url('../img/bg_wave_top_both_two.svg'); } /* FOOTER WAVES */ #footer_bg { position: absolute; width: 100%; height: 144px; z-index: 120; top: 0px; left: 0px; overflow: hidden; } #foot_bg_one { position: absolute; width: 100%; height: 556px; left: 0px; top: 0px; overflow: hidden; opacity: 0.3; -ms-filter: "alpha(opacity=30)"; z-index: 120; } #foot_bg_one_wave { position: absolute; left: 50%; margin-left: -1269.5px; width: 2769px; height: 556px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #foot_bg_one_wave { background-image: url('../img/square_wave_one.svg'); } #foot_bg_two { position: absolute; width: 100%; height: 600px; left: 0px; top: 0px; overflow: hidden; z-index: 111; } #foot_bg_two_wave { position: absolute; left: 50%; margin-left: -1421px; width: 2975.5px; height: 600px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #foot_bg_two_wave { background-image: url('../img/square_wave_two.svg'); } #footer_bg_fill { position: absolute; top: 144px; bottom: 0px; left: 0px; width: 100%; background-color: #2088bd; } /*CONTENT WAVES TOP e9f5f9 */ #content_bg { position: absolute; top: -40px; left: 0px; width: 100%; bottom: 0px; overflow: hidden; } #cont_bg_one { position: absolute; width: 100%; height: 350px; left: 0px; top: 0px; overflow: hidden; z-index: 192; opacity: 0.7; -ms-filter: "alpha(opacity=70)"; } #cont_bg_one_wave { position: absolute; left: 50%; margin-left: -1269.5px; width: 2769px; height: 556px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #cont_bg_one_wave { background-image: url('../img/square_wave_one_white.svg'); } #cont_bg_two { position: absolute; width: 100%; height: 350px; left: 0px; top: 0px; overflow: hidden; z-index: 191; } #cont_bg_two_wave { position: absolute; left: 50%; margin-left: -1421px; width: 2975.5px; height: 600px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #cont_bg_two_wave { background-image: url('../img/square_wave_two_white.svg'); } #cont_bg_fill { position: absolute; top: 350px; bottom: 0px; left: 0px; width: 100%; background-color: #e9f5f9; } #cont_bg_three { position: absolute; width: 100%; height: 300px; left: 0px; top: 50px; overflow: hidden; opacity: 0.05; -ms-filter: "alpha(opacity=05)"; z-index: 194; } #cont_bg_three_wave { position: absolute; left: 50%; margin-left: -1269.5px; width: 2769px; height: 556px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #cont_bg_three_wave { background-image: url('../img/square_wave_one.svg'); } #cont_bg_four { position: absolute; width: 100%; height: 300px; left: 0px; top: 50px; overflow: hidden; z-index: 193; opacity: 0.05; -ms-filter: "alpha(opacity=05)"; } #cont_bg_four_wave { position: absolute; left: 50%; margin-left: -1421px; width: 2975.5px; height: 600px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #cont_bg_four_wave { background-image: url('../img/square_wave_two.svg'); } /* PARTNERS WAVES */ #partners_bg { position: absolute; width: 100%; top: 60px; bottom: 0px; z-index: 110; border: 0px solid red; } #partners_bg_one { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; opacity: 0.1; -ms-filter: "alpha(opacity=10)"; z-index: 110; } #partners_bg_one_wave { position: absolute; left: 50%; margin-left: -1269.5px; width: 2769px; height: 442px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } .svg #partners_bg_one_wave { background-image: url('../img/square_wave_one.svg'); } #partners_bg_one_block { position: absolute; top: 442px; left: 0px; width: 100%; border: 0px solid red; bottom: 0px; background-color: #22b4c4; } #partners_bg_two { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; z-index: 101; opacity: 0.1; -ms-filter: "alpha(opacity=10)"; } #partners_bg_two_wave { position: absolute; left: 50%; margin-left: -1421px; width: 2975.5px; height: 580px; background-color: transparent; background-position: center top; background-repeat: no-repeat; } #partners_bg_two_block { position: absolute; top: 580px; left: 0px; width: 100%; border: 0px solid red; bottom: 0px; background-color: #28a9df; } .svg #partners_bg_two_wave { background-image: url('../img/square_wave_two_blue.svg'); } #main_outer { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-top: 10px; padding-left: 10px; padding-right: 10px; height: 100%; } p.locked_grey { color: #7d7d7d !important; } /* NEW MISSION CONTROL PAGE */ .new_mission_control { padding-left: 0px !important; padding-right: 0px !important; } .new_mission_control .content_block_inner { padding: 0px; } .module_list_column_outer { position: relative; width: 50%; display: inline-block; vertical-align: top; } .new_module_outer_each { position: relative; width: 100%; padding: 10px; } .opening_linear_buttons, .closing_linear_buttons { padding-left: 0px !important; padding-right: 0px !important; } .opening_linear_buttons .content_block_inner, .closing_linear_buttons .content_block_inner { border: 0px solid red; padding: 0px; } .mc_linear_button { position: relative; } .mc_linear_button_inner { position: relative; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; } .mc_linear_button_inner.active, .mc_linear_button_inner.next, .mc_linear_button_inner.next1, .mc_linear_button_inner.next2, .mc_linear_button_inner.next3, .mc_linear_button_inner.next4, .mc_linear_button_inner.next5, .mc_linear_button_inner.next6 { cursor: pointer; } #mc_student_survey_button.done { cursor: pointer; } .mc_linear_button_bg_outer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -ms-filter: "alpha(opacity=20)"; opacity: 0.2; z-index: 195; } /* .mc_linear_button_bg_inner { position: relative; width: 100%; height: 60px; background-color: #000000; } */ .mc_linear_button_bg_inner { position: relative; width: 300px; height: 60px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; position: absolute; border: 0px solid red; background-position: -0px -305px; } /* .mc_linear_button_bg_inner::before { content: ''; width: 50px; height: 60px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; position: absolute; left: -50px; top: 0px; border: 0px solid red; background-position: -175px -220px; } */ /* .mc_linear_button_bg_inner::after { content: ''; width: 31px; height: 60px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; position: absolute; right: -30px; top: 0px; border: 0px solid red; background-position: -226px -220px; } */ .mc_linear_button_text { position: relative; width: 100%; text-align: center; color: #FFFFFF; font-family: 'dosissemibold'; font-size: 24px; line-height: 40px; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; z-index: 196; } .mc_in_circle_icon { width: 20px; height: 20px; position: absolute; top: 21px; left: 16px; border: 0px solid white; background-repeat: no-repeat; } #not_doing_video_button { width: 32px; height: 32px; position: absolute; top: 14px; left: 10px; border: 0px solid white; background-repeat: no-repeat; z-index: 197; } .mc_in_circle_icon.active { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: 0px -252px; } .mc_in_circle_icon.done { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: 0px -252px; } .mc_in_circle_icon.next { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -215px -0px; } .mc_in_circle_icon.next1 { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -280px -0px; } .mc_in_circle_icon.next2 { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -260px -0px; } .mc_in_circle_icon.next3 { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -240px -0px; } .mc_in_circle_icon.next4 { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -344px -0px; } .mc_in_circle_icon.next5 { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -324px -0px; } .mc_in_circle_icon.next6 { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -304px -0px; } .mc_in_circle_icon.inactive { background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -186px -0px; } #mc_video_outer { display: none; } #modal_window_content #mc_video_outer { width: 100%; position: relative; max-width: 640px; padding: 10px 10px; margin-left: auto !important; margin-right: auto !important; } #modal_window_content #mc_video_outer .generic_video { max-width: 640px; } .school_editorial .one_right_col_stack { margin-top: 0px !important; } .teacher_survey .content_block_inner { padding: 0px; } /* STUDENT SURVEY */ #picture_set_outer { position: relative; width: 100%; padding-top: 35px; } #ps_person { position: relative; width: 130px; margin-bottom: 10px; border: 1px solid #757575; float: left; } #ps_title_desc_outer { display: relative; width: auto; overflow: auto; border: 0px solid red; padding-left: 20px; } #ps_title_desc_outer .question_title_outer { padding-top: 5px; } #ps_title_desc_outer .question_title_description { color: #1f75ba; font-family: 'dosisregular'; font-size: 18px; line-height: 36px; padding-top: 10px; } .picture_set_outer .form_field_outer { width: auto !important; } #ps_person img { display: block; width: 100%; } .picture_set_grid { position: relative; width: 100%; clear: both; } .picture_set_each { position: relative; float: left; width: 117px; margin-right: 5px; margin-bottom: 5px; border: 0px solid red; height: 145px; } .picture_set_each_bg img { display: block; width: 100%; } .picture_set_each:hover img { -ms-filter: "alpha(opacity=50)"; opacity: 0.5; } .picture_set_each_caption { text-align: center; font-size: 12px; line-height: 12px; height: 24px; font-family: 'dosisregular'; color: #15598f; } .picture_drop_set_outer { position: relative; width: 100%; clear: both; display: none; } .picture_drop_set_outer.show_first { display: block; } .picture_drop_set_outer.last_one { padding-bottom: 20px; } .picture_drop_set_outer .form_field_outer { width: auto !important; float: left; padding-right: 15px; } .picture_drop_set_outer .question_title_outer { padding-top: 5px; } .picture_drop_set_outer .question_title_description { color: #1f75ba; font-family: 'dosisregular'; font-size: 18px; line-height: 36px; padding-top: 10px; } .drag_and_drop_q_title_outer { position: relative; width: auto; overflow: auto; } .drag_and_drop_target { position: relative; width: 117px; height: 118px; display: inline-block; margin-right: 5px; margin-bottom: 5px; background-color: #f08530; } .drag_and_drop_target.drop-hover { background-color: #0e5891; } .picture_set_each_bg_grey { position: relative; width: 117px; height: 118px; background-color: #b3b3b3; } .picture_set_each_bg_grey.drop-hover { background-color: #0e5891; } .picture_set_each_bg { position: absolute; width: 100%; height: 118px; background-color: #FFFFFF; top: 0px; left: 0px; } .ui-draggable-dragging { z-index: 300; } /* #outer_drop, #middle_drop,#inner_drop { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } */ /* FULL SCREEN RES */ #home_of_res { position: relative; height: 201px; width: 100%; } #sp_res_outer_full { position: relative; height: 201px; width: 100%; z-index: 190; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; } #sp_reservoir { position: absolute; height: 100%; width: 100%; z-index: 190; top: 0px; left: 0px; } /* #sp_res_outer_full { position: fixed; border: 0px solid red; z-index: 1000; } */ #background #sp_res_outer_full { height: 500px; } #sp_res_outer_full #sp_reservoir { position: relative; height: 100%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } #sp_res_full img { display: block; height: 100%; width: 100%; } #background_svg { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #background_greyscale_svg { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 1001; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #res_back_button { display: none; background-color: #f08530; border-radius: 5px; color: #ffffff; cursor: pointer; font-family: "dosissemibold"; font-size: 18px; line-height: 24px; padding: 2px 50px; position: absolute; right: 10px; top: 5px; text-transform: uppercase; } #sp_reservoir_inner { margin-left: auto !important; margin-right: auto !important; max-width: 980px; padding: 10px; position: relative; width: 100%; height: 100%; z-index: 1100; } #sp_reservoir_inner_lower { display: none; position: absolute; bottom: 10px; left: 0px; width: 100%; padding: 0px 10px; text-align: center; } #sp_reservoir_inner_lower_details { display: none; position: relative; } #sp_reservoir_inner_lower_details:hover { cursor: pointer; } #reservior_total_bottom_strip { margin-top: 0px; margin-bottom: 0px; padding: 0px 10px; } #reservior_total_bottom_strip .content_block_inner { padding: 0px; } .reservior_total_bottom_strip_text { font-family: 'dosisregular'; color: #FFFFFF; font-size: 24px; line-height: 24px; text-align: center; padding: 7px 10px; } .semibold { font-family: 'dosissemibold'; } .reservior_block { position: relative !important; top: auto !important; } .reservior_block .content_block_inner { overflow: hidden; } .reservior_block th { font-family: 'dosisbold'; text-transform: uppercase; color: #FFFFFF; font-size: 18px; line-height: 24px; padding: 4px 10px; } #reservior_values th img { width: 23px; height: 20px; margin-left: auto !important; margin-right: auto !important; } .reservior_block td { font-family: 'dosissemibold'; text-transform: uppercase; color: #FFFFFF; font-size: 14px; line-height: 20px; padding: 0px 10px; } .tr_lb { background-color: #1f75ba; } .tr_vlb { background-color: #d2e3f1; } .tr_w { background-color: #FFFFFF; } .tr_db { background-color: #15598f; } .reservior_block td.lb_bb { border-bottom: 1px solid #27aae0; color: #27aae0; font-size: 14px; line-height: 12px; height: 34px; vertical-align: middle; font-family: 'dosisextrabold'; } .reservior_block td.res_medc_lower { color: #27aae0; font-size: 14px; line-height: 12px; height: 35px; vertical-align: middle; font-family: 'dosisextrabold'; } .res_medc_icon { background-color: #27aae0; border-bottom: 1px solid #15598f; vertical-align: middle; text-align: center; width: 40px; } .res_medc_icon_lower { background-color: #27aae0; vertical-align: middle; text-align: center; width: 40px; } .res_medc_icon svg { width: 25px; } .res_medc_icon_lower svg { width: 22px; } .reservior_block .tr_vlb td, .reservior_block .tr_w td { color: #15598f; } .reservior_block td.td_ep { padding-bottom: 3px; } #reservior_avatar .content_block_inner { height: 135px; overflow: visible; position: relative; } #reservior_avatar .sp_avatar { top: -35px; height: 150px; left: -60px; position: absolute; width: 175px; z-index: 500; border: 0px solid red; } #reservior_avatar .res_starburst { background-position: 60% 50%; background-repeat: no-repeat; height: 100%; position: absolute; width: 100%; top: 0px; left: 0px; background-image: url('../img/school_starburt.png'); z-index: 450; } .res_team_name { position: relative; font-family: 'dosissemibold'; text-transform: uppercase; color: #FFFFFF; font-size: 25px; line-height: 24px; z-index: 460; text-align: center; margin-left: 25%; padding: 25px 10px 10px 10px; z-index: 501; } #reservior_mission_prog .module_list_drop { width: 9px; margin-right: 2px; height: 12px; } #reservior_mission_prog .module_list_drops { padding: 0px 0px; } #res_show_details_button { text-align: center; display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; color: #fcb65b; background-color: #15598f; font-size: 24px; line-height: 24px; padding: 10px 80px; margin-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #res_show_details_button:hover { color: #f08530; cursor: pointer; } #sp_res_outer_full #background_svg #flower_2 { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none; } #sp_res_outer_full #background_svg #Plant_1 { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none; } #sp_res_outer_full #background_svg #Plant_2 { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none; } #sp_res_outer_full #background_svg #River { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none; } #sp_res_outer_full #background_greyscale_svg #Sun { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none; } #sp_res_outer_full #background_svg #Sun { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none; } #sp_res_outer_full #background_svg #Rainbow { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none;} #sp_res_outer_full #background_svg #WF_Flower { -ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px); display: none;} #sp_res_outer_full #background_svg #Nest { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px);display: none; } #sp_res_outer_full #background_svg #Mummy_duck { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none; } #sp_res_outer_full #background_svg #Duckling { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none;} #sp_res_outer_full #background_svg #Heron { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none; } #sp_res_outer_full #background_svg #Pipe { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none; } #sp_res_outer_full #background_svg #Rain { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none;} #sp_res_outer_full #background_svg #Beaver { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none; } #sp_res_outer_full #background_svg #Frog { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none; } #sp_res_outer_full #background_svg #Fly { -ms-transform: translateX(-600px); -webkit-transform: translateX(-600px); transform: translateX(-600px); display: none; } #sp_res_outer_full #background_svg #Flybird { -ms-transform: translateX(-800px); -webkit-transform: translateX(-800px); transform: translateX(-800px); display: none; } #sp_res_outer_full #background_svg #Dragonfly { -ms-transform: translateX(-800px) translateY(-200px); -webkit-transform: translateX(-800px) translateY(-200px); transform: translateX(-800px) translateY(-200px); display: none; } #sp_res_outer_full #background_svg #Caterpillar { -ms-transform: translateX(300px) translateY(200px); -webkit-transform: translateX(300px) translateY(200px); transform: translateX(300px) translateY(200px); display: none; } #sp_res_outer_full #background_svg #Balloon { -ms-transform: translateX(400px); -webkit-transform: translateX(400px); transform: translateX(400px); display: none; } #sp_res_outer_full #background_svg #Swallows { -ms-transform: translateX(-1000px) translateY(-50px); -webkit-transform: translateX(-1000px) translateY(-50px); transform: translateX(-1000px) translateY(-50px); display: none; } #sp_res_outer_full #background_svg #Lady_bird { -ms-transform: translateX(800px); -webkit-transform: translateX(800px); transform: translateX(800px); display: none;} #sp_res_outer_full #background_svg #Snail { -ms-transform: translateX(800px); -webkit-transform: translateX(800px); transform: translateX(800px); display: none; } #sp_res_outer_full #background_svg #Flower_3 { -ms-transform: translateX(800px); -webkit-transform: translateX(800px); transform: translateX(800px); display: none;} #sp_res_outer_full #background_svg #Fox { -ms-transform: translateX(800px); -webkit-transform: translateX(800px); transform: translateX(800px); display: none; } #sp_res_outer_full #background_svg #Fish_1 { -ms-transform: translateX(800px); -webkit-transform: translateX(800px); transform: translateX(800px); display: none; } #sp_res_outer_full #background_svg #Spawn_Tadpole_outer { -ms-transform: translateX(800px); -webkit-transform: translateX(800px); transform: translateX(800px); display: none; } #sp_res_outer_full #background_svg #JumpFish { -ms-transform: translateX(100px) translateY(200px); -webkit-transform: translateX(100px) translateY(200px); transform: translateX(100px) translateY(200px); display: none; } #Small_Flower_master_1, #Small_Flower_master_2, #Small_Flower_master_3, #Small_Flower_master_4, #Small_Flower_master_5 { display:none; } #Fish_1_R { display: none; } #River_2 { display: none; } #Tongue { display: none; } .Tad_Tail_2, .Tadpole_R { -ms-filter: "alpha(opacity=0)"; opacity: 0; } .State_Open, .State_Closed { -ms-filter: "alpha(opacity=0)"; opacity: 0; } #Flybird_Wing_DOWN { display: none; } #Dragon_Wings_2 { display: none; } #Bee_Wing_2 { display: none; } #Swallow_Wing_2 { -ms-filter: "alpha(opacity=0)"; opacity: 0; } #Boatman_Master { display: none; } #Bee_Master { display: none; } #Butterfly_1_Master, #Butterfly_1b_Master, #Butterfly_1c_Master, #Butterfly_1d_Master, #Butterfly_2_Master, #Butterfly_2b_Master, #Butterfly_2c_Master, #Butterfly_2d_Master { display: none; } #Swallow_Master { display: none; } #Fox_Tongue_1, #Fox_Tongue_2 { display: none; } #Pipe_Splash_3, #Pipe_Splash_2, #Pipe_Splash_1 { display: none; } #Flow3, #Flow2, #Flow1, #Pre_flow { display: none; } #Rain_2, #Rain_1, #Rain_3 { display: none; } #WF_River_1, #WF_River_2, #WF_River_3, #WF_Pre_flow { display: none; } #WF_Flow_3, #WF_Flow_2, #WF_Flow_1 { display: none; } #WF_Splash_3, #WF_Splash_2, #WF_Splash_1 { display: none; } #Full_Lily, #Small_Lily { display: none; } #JumpFish_Fish { -ms-filter: "alpha(opacity=0)"; opacity: 0; } #Fish_Splash { display: none; } #Cat_Walk_2, #Cat_Standing { display: none; } #sp_res_outer_full #background_svg #points_lozenge, #sp_res_outer_full #background_svg #water_festival_lozenge { z-index: 1002; font-family: 'dosisextrabold'; font-size: 60px; text-align: center; } #sp_res_outer_full #background_svg #water_festival_lozenge #water_festival_lozenge_inner { display: none; } /* RES ACHIEVEMENTS */ #res_achieve_inner { display: none; position: relative; width: 100%; z-index: 1200; padding: 10px; } #res_achieve_inner_inner { background-color: #15598f; height: 100%; margin-left: auto !important; margin-right: auto !important; max-width: 980px; padding: 10px; position: relative; width: 100%; z-index: 1201; border: 0px solid red; text-align: center; padding-top: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #res_show_achievements_button { display: inline-block; background-color: #f08530; border-radius: 5px; color: #ffffff; cursor: pointer; font-family: "dosissemibold"; font-size: 24px; line-height: 24px; padding: 7px 70px 9px; position: relative; text-transform: uppercase; } #res_back_achievements_button { display: none; background-color: #f08530; border-radius: 5px; color: #ffffff; cursor: pointer; font-family: "dosissemibold"; font-size: 24px; line-height: 24px; padding: 7px 70px 9px; position: relative; text-transform: uppercase; } #res_achieve_footer_text { color: #FFFFFF; font-size: 36px; line-height: 30px; font-family: "dosissemibold"; padding-bottom: 40px; padding-top: 45px; } #res_achieve_footer_text p { color: #FFFFFF; font-size: 36px; line-height: 30px; font-family: "dosissemibold"; } #res_achieve_starburst_outer { position: relative; width: 100%; max-width: 620px; width: 100%; margin-left: auto !important; margin-right: auto !important; } #res_achieve_starburst_img { position: relative; width: 100%; } #res_achieve_starburst_img img { display: block; width: 100%; } #res_achieve_starburst_text { border: 0px solid white; position: absolute; top: 38%; height: 26%; width: 54%; left: 22.5%; text-align: center; font-family: "dosisbold"; font-size: 36px; line-height: 30px; color: #FFFFFF; text-transform: uppercase; } #res_achieve_starburst_text table { height: 100%; } #res_achieve_starburst_text td { text-align: center; font-family: "dosisbold"; font-size: 36px; line-height: 30px; color: #FFFFFF; text-transform: uppercase; vertical-align: middle; } #res_achieve_achievements_outer {display: none; position: relative; width: 100%; max-width: 620px; width: 100%; margin-left: auto !important; margin-right: auto !important; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; text-align: left; } .res_achieve_achievements_inner { font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; } .res_achieve_achievements_inner p { color: inherit; font-family: "dosisbold"; } /* GLOBAL PROGRESS GRAPHIC */ #global_progress_graphic .content_block_inner { padding: 0px; overflow: hidden; } #global_progress_graphic .content_block_inner img { display: block; width: 300px; height: 300px; position: relative; z-index: 190; } #gpg_outer { position: absolute; width: 300px; height: 300px; border: 0px solid red; z-index: 200; top: 0px; left: 0px; } #gpg_t { display: table; width: 100%; height: 100%; } #gpg_tr { display: table-row; } #gpg_td { display: table-cell; vertical-align: middle; text-align: center; } #gpg_title { font-family: 'dosisextrabold'; color: #27aae0; font-size: 18px; text-transform: uppercase; line-height: 24px; } #gpg_points { font-family: 'dosisextrabold'; color: #FFFFFF; font-size: 48px; text-transform: uppercase; line-height: 48px; } #gpg_points_word { font-family: 'dosisextrabold'; color: #FFFFFF; font-size: 18px; text-transform: uppercase; line-height: 24px; } .global_leaderboard_button { cursor: pointer; background-color: #f08530; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 10px; font-family: 'dosissemibold'; color: #FFFFFF; font-size: 18px; line-height: 24px; text-align: center; } .global_leaderboard_button a { font-family: 'dosissemibold'; color: #FFFFFF; font-size: 18px; line-height: 24px; text-decoration: none; } /* COUNTRIES INFOGRAPHIC */ .one_grid_col .content_block_inner { background-color: transparent !important; border: 0px solid #1f75ba; padding: 0px; } .one_grid_grid_col .content_block_inner { background-color: transparent !important; border: 0px solid #1f75ba; padding: 0px; } .front_side { cursor: pointer; } .front_side_title { font-family: 'dosisextrabold'; text-align: center; width: 100%; color: #f5893c; font-size: 18px; line-height: 18px; text-transform: uppercase; padding-top: 5px; z-index: 200px; } .front_side_circles { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 190px; } .front_side_circles svg { position: relative; width: 100%; height: 100%; z-index: 190px; } .front_side_hidden { display: none; } .back_side_lowtech { position: relative; width: 100%; height: 100%; } .back_side { position: relative; width: 100%; height: 100%; background-color: #FFFFFF; cursor: pointer; display: none; } .back_side_flag { position: relative; width: 100%; } .back_side_flag img { display: block; width: 100%; } .back_side_table { display: table; width: 100%; } .back_side_tr { display: table-row; } .back_side_td { display: table-cell; } .back_side_schools { border-style: solid; border-color: #1f75ba; border-width: 2px 2px 1px; background-color: #15598f; color: #FFFFFF; font-family: 'dosissemibold'; text-align: center; font-size: 18px; line-height: 16px; vertical-align: middle; height: 40px; text-transform: uppercase; } .back_side_points { border-style: solid; border-color: #1f75ba; border-width: 1px 2px; background-color: #15598f; color: #FFFFFF; font-family: 'dosissemibold'; text-align: center; font-size: 18px; line-height: 16px; vertical-align: middle; height: 40px; text-transform: uppercase; } .back_side_td a { text-decoration: none; } .back_side_button { text-transform: uppercase; border-style: solid; border-color: #1f75ba; border-width: 1px 2px 2px; background-color: #f08530; font-family: 'dosissemibold'; text-align: center; font-size: 18px; line-height: 32px; vertical-align: middle; height: 34px; color: #FFFFFF; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .front_side, .back_side { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; } /* .csstransforms3d .one_grid_col .content_block_inner { background-color: transparent !important; border: 0px solid #1f75ba; padding: 0px; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .csstransforms3d .card_outer .front_side { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; } .csstransforms3d .card_outer .back_side { position: relative; width: 100%; height: 100%; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background-color: #FFFFFF; cursor: pointer; } .csstransforms3d .country_grid_block { -ms-perspective: 1000px; -webkit-perspective: 1000px; perspective: 1000px; } .csstransforms3d .card_outer { position: relative; width: 100%; height: 100%; display: block; -ms-perspective: 1000px; -webkit-perspective: 1000px; perspective: 1000px; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -ms-transform: rotateY(-45deg); -webkit-transform: rotateY(-45deg); transform: rotateY(-45deg); } */ /* -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; */ /* BACKGROUND IMAGE */ #background_outer { width: 100%; display: table-row; position: relative; overflow: hidden; } #bg_outer_outer { width: 100%; height: 220px; overflow: hidden; position: relative; } #background { width: 100%; height: 220px; background-repeat: no-repeat; position: relative; overflow: hidden; background-size: cover; background-position: center center; } #background.reservior_background { -ms-filter: "alpha(opacity=0)"; opacity: 0.0; visibility: visible; height: 500px; } #lower_background { position: absolute; top: 315px; bottom: 0px; width: 100%; background-color: #FFF; border: 0px solid red; } #background_starburt { visibility: hidden; width: 300%; height: 300%; border: 1px solid blue; background-image: url('../img/school_starburt@2X_small.png'); background-repeat: no-repeat; position: absolute; top: -60%; left: -70px; margin-left: -150%; } #background_starburt_outer { width: 100%; height: 220px; position: relative; } #bg_outer_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; } /* FLAGS */ #flags_outer { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 5px; text-align: center; } svg.flag { border: 0.5px solid #c3c3c2; width: 30px; height: 20px; margin-left: 2px; margin-right: 2px; overflow: hidden; -ms-filter: "alpha(opacity=60)"; opacity: 0.60; } svg.flag#basque_flag { width: 35px; } svg.flag#welsh_flag { width: 33.3px; } svg.flag#uk_flag, svg.flag#irish_flag, svg.flag#bermuda_flag { width: 40px; } svg.flag#swiss_flag { width: 20px; } svg.flag:hover { -ms-filter: "alpha(opacity=100)"; opacity: 1; } /* BELOW THE FOLD */ #below_the_fold { display: table-row; height: 1px; position: relative; background-color: #e9f5f9; width: 100%; } #btf_inner { position: relative; width: 100%; } .home_page #below_the_fold { display: block; position: absolute; top: 100%; width: 100%; height: auto; } /* CONTENT */ .blue_back p { color: #FFFFFF; } #main_content { display: table-row; height: 100%; position: relative; width: 100%; } #btf_content, #bp_content { position: relative; width: 100%; } #mc_inner, #btf_inner_new, #bp_inner_new { position: relative; width: 100%; } #content_bg { position: absolute; top: -50px; left: 0px; width: 100%; bottom: 0px; overflow: hidden; } #bp_content { margin-top: -30px; } .home_page #main_content { height: 1px; line-height: 0px; } #main_content_outer_inner, #btf_content_outer_inner, #bp_content_outer_inner { position: relative; width: 100%; overflow: hidden; } #main_content_inner, #btf_content_inner, #bp_content_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-left: 10px; padding-right: 10px; z-index: 195; padding-top: 35px; font-size: 0px; } .home_page #main_content_inner { padding-top: 0px; } #btf_content_inner, #bp_content_inner { padding-top: 0px; } p.subtext { font-size: 14px; line-height: 16px; } p.subtext a { color: #74b1e0; } p.inline { display: inline-block; } /* GENERIC PAGE CONTENT */ .text_only { } .text_only p, .text_only ul, .text_only ol, .text_only h3, .text_only h4, .text_only h5 { font-family: 'dosislight'; font-size: 24px; line-height: 30px; color: #1f75ba; padding-bottom: 16px; } .text_only .smaller { font-size: 16px; line-height: 24px; } .justified .text_only ul { font-size: 10px; padding-left: 20px; list-style-position: inside; } .justified li { font-size:16px; list-style-type:none; position:relative; } .justified li:before { content:"\2219"; font-size: 36px; line-height: 0px; margin-right: 10px; position:absolute; top: 14px; left: -20px; } .justified .text_only p { padding-bottom: 6px; } .text_only li { margin-left: 0px; } .text_only ul li .smaller { font-size: 16px; line-height: 12px; } .text_only p span.title { font-family: 'dosissemibold'; font-size: 36px; line-height: 40px; } .mission_control .text_only p { color: #FFFFFF; } .text_only a { text-decoration: none; color: #f08530; } .text_only .dosis_regular { font-family: 'dosisregular'; } .generic_imagevideo_outer { margin-left: 20px; margin-bottom: 20px; float: right; position: relative; overflow: hidden; } .generic_image { position: relative; width: 100%; margin-left: auto !important; margin-right: auto !important; } .generic_image img { width: 100%; display: block; position: relative; } .generic_imagevideo_outer.full_width { position: relative; width: 100%; margin-left: 0px; } .generic_image_caption { font-family: 'dosisregular'; color: #1f75ba; font-size: 12px; } .mission_control .generic_image_caption { color: #FFFFFF; } .three_col .generic_imagevideo_outer.two_columns { width: 65.93%; } .three_col .generic_imagevideo_outer.one_column { width: 31.86%; } .two_col .generic_imagevideo_outer.two_columns, .one_col .generic_imagevideo_outer.one_column, .one_col .generic_imagevideo_outer.two_columns { width: 100%; margin-left: 0px; } .two_col .generic_imagevideo_outer.one_column { width: 48.3%; } /* BUTTON LINK */ .button_link { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-size: 24px; line-height: 24px; font-family: 'dosismedium'; background-color: #f7931d; border: 2px solid white; width: 100%; color: #FFF; padding: 3px 20px; } .button_link a, .button_link_a { text-decoration: none; color: #FFF; display: block; border: 0px solid red; position: relative; vertical-align: top; } .button_link.orange_text_on_white { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 24px; line-height: 24px; font-family: 'dosisregular'; background-color: #FFFFFF; border: 0px solid white; width: 100%; color: #f08530; padding: 10px 20px; } .button_link.orange_text_on_white a, .button_link.orange_text_on_white a:visited { text-decoration: none; color: #f08530; } .button_link.orange_text_on_white a:hover { color: #fcb65b; } .button_link.bermuda_style { height: 82px; padding: 16px 10px; background-image: url('../img/Bermuda_bg.png'); background-repeat: no-repeat; font-family: 'dosisextrabold'; text-align: center; background-size: 300px; background-color: transparent; border: 0px; text-transform: uppercase; font-size: 24px; line-height: 24px; max-width: 300px; margin-left: auto !important; margin-right: auto !important; } .bermuda_button_text { color: #f7931d; font-family: 'dosismedium'; } .button_link.bermuda_style:hover .bermuda_button_text { color: #fcb65b; } /* MAP SEARCH */ #map-canvas { position: relative; width: 100%; height: 500px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .infobox_content { width: auto !important; } .infobox_content h1 { font-family: 'dosisregular'; font-size: 18px; color: #15598f; font-weight: normal; display: inline-block; margin-right: 5px; } .infobox_link { margin-top: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 2px; width: 100%: -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 18px; line-height: 30px; text-align: center; font-family: 'dosissemibold'; background-color: #f08530; color: #FFFFFF; } .infobox_link a { color: #FFFFFF; text-decoration: none; } #search_map_outer p { margin-bottom: 20px; } /* EDITORIAL META DATA */ #editorial_meta_outer h2 { font-family: 'dosisregular'; font-size: 24px; color: #FFFFFF; padding-bottom: 10px; } .editorial_meta_link a { text-decoration: none; color: #fcb65b; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; } /* RECENT ACTIVITY */ #recent_activity_outer h2 { font-family: 'dosisregular'; font-size: 24px; color: #FFFFFF; padding-bottom: 10px; } #recent_activity_outer a { text-decoration: none; color: #fcb65b; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; } .recent_activity_completion { color: #15598f; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; } /* COUNTRY PAGE TOP HEADER */ #country_page_header .content_block_inner { padding-top: 0px; padding-bottom: 5px; height: 152px; } .country_page_header_text { display: inline-block; vertical-align: top; } .country_page_header_graphic { display: inline-block; width: 130px; height: 130px; vertical-align: top; float: right; position: relative; } .country_page_header_graphic a { display: block; width: 100%; height: 100%; } .country_page_header_graphic .front_side_circles { width: 100%; height: 100%; } .country_page_header_graphic img { width: 100%; } #country_page_header p { font-size: 18px; line-height: 24px; } #country_page_header h2 { font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; color: #15598f; padding-bottom: 10px; } #country_page_header h2 a, #country_page_header h2 a:visited { text-decoration: none; color: #f08530; } #country_page_header h2 a:hover { color: #fcb65b; } .points_earned { color: #f08530; font-family: 'dosissemibold'; font-size: 60px; line-height: 50px; } #country_page_header .button_link { background-color: #f7931d; border: 2px solid white; border-radius: 18px; color: #fff; font-family: "dosisbold"; font-size: 24px; line-height: 32px; padding: 0px 20px; display: inline-block; width: auto; text-transform: uppercase; } /* LOCAL PARTNER SECTION */ #local_partner_section { padding-top: 20px; padding-bottom: 20px; } #local_partner_section h2 { font-family: 'dosisregular'; color: #15598f; font-size: 30px; line-height: 30px; } #local_partner_section_logo { display: inline-block; width: 20%; margin-right: 3%; vertical-align: top; } #local_partner_section_logo img { width: 100%; } #local_partner_section_text { display: inline-block; width: 77%; vertical-align: top; } #local_partner_section p { font-size: 18px; line-height: 24px; } #local_partner_section p a { text-decoration: none; color: #f08530; font-family: 'dosisregular'; } #local_partner_section a { font-family: 'dosissemibold'; text-decoration: none; color: #f08530; } /* REGIONAL LEADERBOARD */ #regional_leaderboard .content_block_inner { overflow: hidden; padding: 0px 0px 10px 0px; } #rl_top_lightblue_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 58px; background-color: #1f75ba; z-index: 190; } #rl_points_table { position: relative; width: 100%; z-index: 200; } #rl_points_table .th_title { } .th_title { font-family: 'dosissemibold'; color: #FFFFFF; font-size: 21px; text-transform: uppercase; line-height: 21px; vertical-align: middle; text-align: left; padding-left: 20px; } .th_subtext { font-family: 'dosissemibold'; color: #FFFFFF; font-size: 14px; line-height: 54px; vertical-align: baseline; padding-right: 20px; } .rl_td_school { font-family: 'dosisextrabold'; color: #FFFFFF; font-size: 18px; padding-left: 20px; line-height: 20px; border-top: 1px solid #1f75ba; padding-top: 9px; padding-bottom: 8px; } .rl_td_school a { font-family: 'dosissemibold'; text-decoration: none; color: #fcb65b; } .rl_td_points { font-family: 'dosissemibold'; color: #FFFFFF; font-size: 18px; padding-right: 20px; line-height: 37px; border-top: 1px solid #1f75ba; text-align: center; } #open_leaderboard_button { position: relative; width: 100%; padding: 0px 10px; font-family: 'dosismedium'; font-size: 24px; line-height: 24px; text-align: center; padding-top: 10px; } #open_leaderboard_button a { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; line-height: 24px; font-family: 'dosisbold'; background-color: #f7931d; color: #FFF; text-transform: uppercase; display: inline-block; width: 100%; padding: 3px 8px; border: 2px solid white; vertical-align: top; text-decoration: none; } /* COUNTRY OF THE MONTH */ .submit.country_of_month { margin-top: -5px; margin-bottom: 0px; border: 0px; background-color: transparent; background-image: url('../img/country_of_month_new.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px -25px; border-radius: 0px; } .submit.country_of_month:hover { background-position: 0px 0px; } .country_of_the_month_form { width: 24px; margin-left: auto !important; margin-right: auto !important; } .country_of_the_month_icon { background-image: url('../img/country_of_month_new.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px 0px; margin-left: auto !important; margin-right: auto !important; } .submit.school_of_month { margin-top: 0px; margin-bottom: 0px; border: 0px; background-color: transparent; background-image: url('../img/country_of_month_new.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px -25px; border-radius: 0px; } .submit.school_of_month:hover { background-position: 0px 0px; } .school_of_the_month_form { width: 24px; position: absolute; top: -5px; right: 25px; } .school_of_the_month_icon { position: absolute; top: -5px; right: 106px; background-image: url('../img/country_of_month_new.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px 0px; } .first_year_completed_icon { position: absolute; top: -5px; right: 82px; background-image: url('../img/yr1turkish.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px 0px; } .second_year_completed_icon { position: absolute; top: -5px; right: 56px; background-image: url('../img/yr2complete.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px 0px; } .third_year_completed_icon { position: absolute; top: -5px; right: 30px; background-image: url('../img/yr3complete.png'); background-repeat: no-repeat; width: 24px; height: 25px; background-position: 0px 0px; } .submit.award_water_festival { margin-top: 0px; margin-bottom: 0px; border: 0px; background-color: transparent; background-image: url('../img/water_festival_flower.png'); background-repeat: no-repeat; width: 28px; height: 29px; background-position: 0px -22px; border-radius: 0px; } .submit.award_water_festival:hover { background-position: 0px 0px; } .award_water_festival_form { width: 40px; position: absolute; top: 0px; right: 0px; } .award_water_festival_icon { position: absolute; top: -5px; right: 0px; display: inline-block; background-image: url('../img/water_festival_flower.png'); background-repeat: no-repeat; width: 28px; height: 29px; background-position: 0px 0px; margin-left: auto !important; margin-right: auto !important; } .b_td_inner { position: relative; padding-right: 80px; } #bonus_points_form { position: absolute; right: 0px; top: 50%; margin-top: -12.5px; } /* REGIONAL SCHOOL OF THE MONTH SECTION */ #regional_school_of_month .content_block_inner { padding: 10px 0px 0px 0px; overflow: hidden; } .rp_rofm_side_banner_outer { position: relative; background-color: #FFFFFF; padding: 4px 4px 4px 0px; display: inline-block; margin-bottom: 10px; } .rp_rofm_side_banner_inner { position: relative; background-color: #96c11f; font-size: 20px; line-height: 30px; font-family: 'dosisbold'; color: #FFFFFF; text-transform: uppercase; padding-right: 8px; } .rofm_side_banner_top_right { position: absolute; left: 100%; top: 0px; width: 15px; height: 0px; border-top: 15px solid #96c11f; border-right: 15px solid transparent; z-index: 140; } .rofm_side_banner_bot_right { position: absolute; left: 100%; bottom: 0px; width: 15px; height: 0px; border-bottom: 15px solid #96c11f; border-right: 15px solid transparent; z-index: 140; } .rofm_side_banner_outer_top_right { position: absolute; left: 100%; top: 0px; width: 21px; height: 0px; border-top: 19px solid #FFFFFF; border-right: 19px solid transparent; z-index: 140; } .rofm_side_banner_outer_bot_right { position: absolute; left: 100%; bottom: 0px; width: 21px; height: 0px; border-bottom: 19px solid #FFFFFF; border-right: 19px solid transparent; z-index: 140; } .rp_rofm_side_banner_inner img { height: 30px; display: block; border-right: 1px solid white; margin-right: 10px; vertical-align: top; } .rp_rofm_text, .rp_rofm_flag { display: inline-block; vertical-align: top; } .rotm_middle_outer { position: relative; overflow: hidden; } .rotm_text { position: relative; font-family: 'dosisregular'; font-size: 18px; line-height: 21px; color: #FFFFFF; padding: 15px 15px 50px 15px; z-index: 200; min-height: 190px; } .rotm_starburst { position: absolute; top: 0px; left: 0px; background-image: url('../img/rotm_starburst_left.png'); width: 100%; height: 100%; background-position: 0px 0px; background-repeat: no-repeat; } .rotm_lower_outer { position: relative; text-align: center; margin-top: -47px; z-index: 200; margin-bottom: 10px; } .rotm_lower_outer .rt_name_outer { min-width: 240px; } .sotm_avatar { position: relative; float: right; display: block; margin-right: -20px; margin-left: 0px; margin-top: 0px; margin-bottom: -10px; width: 180px; z-index: 190; vertical-align: top; } .sotm_avatar_avatar_shape { width: 180px; position: relative; top: 0px; left: 0px; } .sotm_avatar_avatar_face { width: 180px; position: absolute; top: 0px; left: 0px; } .torch_beam { display: none; } .sotm_avatar img { width: 100%; } .rotm_text a, .rotm_text a:visited { text-decoration: none; color: #fcb65b; font-family: 'dosisregular'; font-size: 18px; line-height: 21px; } .rotm_text a:hover { color: #f08530; } /* SCHOOL PROFILE */ #school_profile { padding: 0px; border-radius: 0px; background-color: transparent; } .sp_text_t { display: table; } .sp_text_tr { display: table-row; } .sp_text_td { display: table-cell; vertical-align: middle; font-family: 'dosissemibold'; font-size: 24px; color: #FFFFFF; line-height: 24px; height: 40px; } .sp_school_name { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; padding: 15px; position: relative; min-height: 70px; } .sp_profile_left { position: absolute; right: 100%; width: 2000px; height: 100%; top: 0px; background-color: #15598f; } .sp_points_outer { background-color: #15598f; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; padding: 9px 15px 15px 15px; position: relative; } .sp_points_school { display: inline-block; color: #fcb65b; font-family: 'dosissemibold'; font-size: 50px; vertical-align: baseline; line-height: 50px; } .sp_points_text { display: inline-block; font-family: 'dosisregular'; font-size: 21px; line-height: 24px; color: #FFFFFF; } .sp_country_outer { width: 100%; position: relative; border: 0px solid red; min-height: 40px; margin-top: 14px; } .sp_country_flag { position: absolute; border: 1px solid white; width: 65px; top: 0px; left: 0px; } .sp_country_flag img { width: 100%; display: block; } .sp_country_text { display: block; position: relative; font-family: 'dosisregular'; font-size: 16px; line-height: 18px; color: #FFFFFF; width: 100%; padding-left: 70px; } .sp_country_text a, .sp_country_text a:visited { text-decoration: none; color: #fcb65b; font-family: 'dosissemibold'; } .sp_country_text a:hover { color: #f08530; } .points_text { text-decoration: none; color: #fcb65b; font-family: 'dosissemibold'; } .sp_avatar img { width: 100%; } #sp_back_to_team_home, #leaderboard_award_points { cursor: pointer; position: absolute; right: 10px; top: 5px; z-index: 500; margin-right: 1.04%; background-color: #f08530; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 10px; font-family: 'dosissemibold'; color: #FFFFFF; font-size: 18px; line-height: 24px; } #leaderboard_award_points { right: 90px; top: 2px; } #sp_back_to_team_home a { font-family: 'dosissemibold'; color: #FFFFFF; font-size: 18px; line-height: 24px; text-decoration: none; } #profile_in_header_outer_outer { position: absolute; bottom: 100%; width: 100%; border: 0px solid red; height: 193px; overflow: hidden; z-index: 221; } #main_content_outer_inner #profile_in_header_outer_outer { position: relative; bottom: auto; margin-top: 20px; } #profile_in_header_outer { margin-left: auto !important; margin-right: auto !important; max-width: 980px; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; } .profile_in_header { position: relative; float: right; width: 310px; } .profile_in_header .sp_profile_left { right: auto; left: 100%; } .profile_in_header .sp_points_outer { padding: 10px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } .profile_in_header .sp_school_name { padding: 10px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; } .profile_in_header .sp_points_school { font-size: 36px; line-height: 36px; } .profile_in_header .sp_country_outer { margin-top: 0px; } .profile_in_header .sp_team_name { font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; text-transform: uppercase; height: auto; color: #FFFFFF; } .profile_in_header .sp_school_name_text { font-family: 'dosisregular'; font-size: 18px; line-height: 18px; min-height: 36px; text-transform: none; color: #fcb65b; } .team_name_grey { color: #707070; } .sp_top_half { border: 0px solid red; height: 98px; } .profile_in_header #sp_team_photo { display: block; position: absolute; height: 98px; left: 260px; width: 190px; } #sp_team_photo_image { display: inline-block; height: 98px; cursor: pointer; } #sp_team_photo img { display: block; max-height: 100%; max-width: 150px; } #team_photo_arrow_left { width: 0px; display: inline-block; height: 20px; position: relative; margin-top: 39px; margin-bottom: 39px; margin-left: 10px; margin-right: 10px; background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -65px 0px; background-repeat: no-repeat; cursor: pointer; } #team_photo_arrow_right { width: 0px; display: inline-block; height: 20px; position: relative; margin-top: 39px; margin-bottom: 39px; margin-left: 10px; margin-right: 10px; background-image: url('../img/all_sprite.png'); background-size: 500px; background-repeat: no-repeat; background-position: -77px 0px; cursor: pointer; } .team_photo_dummy { width: 147px; height: 98px; display: inline-block; background-color: #000000; -ms-filter: "alpha(opacity=15)"; opacity: .15; position: relative; } /* AWARDS */ .sp_awards { display: inline-block; vertical-align: top; margin-top: 12px; height: 25px; } .sp_awards_inner { display: inline-block; vertical-align: top; height: 25px; } .perf_table_forms_outer .sp_awards { margin-top: -2px; height: 25px; } .award_ribbon { position: relative; width: 24px; height: 25px; display: inline-block; vertical-align: top; margin: 0px 1px; } .ribbon_svg { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; } .award_ribbon.year_1_awards .ribbon { fill: #0e5891; } .award_ribbon.year_2_awards .ribbon { fill: #0e918e; } .award_ribbon.year_3_awards .ribbon { fill: #97dbda; } .award_ribbon.totm .ribbon { fill: #96c11f; } .ribbon_award { position: relative; width: 24px; height: 25px; background-repeat: no-repeat; background-size: 500px; } .overflow_ribbon_bg { position: absolute; left: 0px; top: 0px; width: 25px; height: 25px; background-repeat: no-repeat; background-size: 500px; background-image: url('../img/all_sprite.png'); background-position: -420px -298px; } .overflow_ribbon { position: relative; width: 100%; font-family: 'dosisextrabold'; font-size: 14px; line-height: 14px; text-align: center; color: #FFFFFF; cursor: pointer; } .ribbon_award.international_runner_up { background-image: url('../img/all_sprite.png'); background-position: -295px -262px; } .ribbon_award.international_winner { background-image: url('../img/all_sprite.png'); background-position: -268px -262px; } .ribbon_award.national_winner { background-image: url('../img/all_sprite.png'); background-position: -325px -285px; } .ribbon_award.values_award { background-image: url('../img/all_sprite.png'); background-position: -350px -262px; } .ribbon_award.community_impact_award { background-image: url('../img/all_sprite.png'); background-position: -375px -262px; } .ribbon_award.water_saving_award { background-image: url('../img/all_sprite.png'); background-position: -325px -262px; } .ribbon_award.water_festival_awarded { background-image: url('../img/all_sprite.png'); background-position: -378px -296px; } .award_ribbon.wfa .ribbon_svg { display: none; } .award_water_festival_icon { position: absolute; top: -5px; right: 0px; display: inline-block; background-image: url('../img/water_festival_flower.png'); background-repeat: no-repeat; width: 28px; height: 29px; background-position: 0px 0px; margin-left: auto !important; margin-right: auto !important; } /* FORMS */ p { font-family: 'dosislight'; font-size: 24px; color: #1f75ba; line-height: 28px; } form { font-family: 'dosislight'; } form p { font-family: 'dosislight'; font-size: 14px; color: #1f75ba; line-height: 15px; } form label { font-family: 'dosisregular'; display: inline-block; font-size: 18px; color: #1f75ba; line-height: 24px; padding-top: 9px; } .blue_back form label { color: #FFFFFF; } form .radio_group { font-size: 14px; color: #7c7c7c; line-height: 15px; } .radio_button_label { display: inline-block; width: 144px; border: 0px solid red; } #campaign_transition .radio_group { font-size: 18px; line-height: 22px; padding-top: 0px; font-family: 'dosissemibold'; } #campaign_transition input[type="radio"] { margin-top: 16px; } #campaign_transition .radio_button_label { width: 250px; margin-top: 10px; } .radio_button_label.extra_wide { display: inline-block; width: auto; border: 0px solid red; margin-top: 0px; margin-left: 10px; vertical-align: top; } .radio_button_label.extra_wide input[type="radio"] { margin-top: 2px; } form select { font-size: 14px; color: #7c7c7c; max-width: 100%; -webkit-appearance: menulist-button; } form select option { font-family: "dosisregular"; } form .submit { width: auto !important; font-family: 'dosisbold'; display: inline-block; cursor: pointer; font-size: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 5px; border: 2px solid #f08530; border-radius: 18px; color: #f08530; background-color: #FFFFFF; text-transform: uppercase; padding: 0px 20px; } form .submit:hover { color: #fcb65b; } form .submit_and_write { width: auto !important; font-family: 'dosisbold'; display: inline-block; cursor: pointer; font-size: 24px; line-height: 24px; margin-top: 0px; margin-bottom: 5px; border: 2px solid #f08530; border-radius: 18px; color: #f08530; background-color: #FFFFFF; text-transform: uppercase; padding: 0px 20px; } form .submit_and_write:hover { color: #fcb65b; } form .submit.on_orange { font-family: 'dosisbold'; font-size: 24px; border: 0px; color: #FFFFFF; background-color: #f08530; padding: 0px 20px; min-width: 117px; } form .submit.orange_on_blue { font-family: 'dosisbold'; font-size: 24px; border: 0px; color: #FFFFFF; background-color: #f08530; padding: 0px 20px; min-width: 117px; border: 2px solid white; } form .small_submit { font-family: 'dosisbold'; -webkit-appearance: none; display: inline-block; cursor: pointer; font-size: 12px; margin-left: 10px; border: 2px solid #22b4c4; border-radius: 10px; color: #22b4c4; background-color: #FFFFFF; text-transform: uppercase; } .two_col form { font-size: 0px; } .two_col form p { font-size: 14px; } .two_col .form_field_outer { display: inline-block; font-size: 10px; width: 50%; vertical-align: top; } .two_col .form_field_outer.full_width { width: 100%; } .extra_wide { width: 45%; } .two_col .form_field_outer.full_width input { width: 34.17%; } .important_note_outer { position: relative; padding: 15px 15px 0px 15px; font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; } .important_note { color: #fd0100; } .read_tandcs { color: #1f75ba; } .read_tandcs a, .read_tandcs a:visited { text-decoration: none; color: #fcb65b; } .read_tandcs a:hover { color: #f08530; } .form_field_outer .important_note_outer { padding: 15px 0px 0px 0px; } .editorial_each_outer .important_note_outer { padding: 5px 0px 0px 0px; font-family: "dosisregular"; font-size: 12px; line-height: 16px; } .editorial_each_outer .important_note { display: inline-block; } .editorial_each_outer .read_tandcs { display: inline-block; } .two_col .form_field_outer.radios { font-size: 14px; color: #7c7c7c; font-family: 'dosisregular'; } input, select { color: #7c7c7c; font-size: 14px; line-height: 18px; padding: 1px 5px; } select { color: #7c7c7c; padding: 2px 0px; } input[type="checkbox"] { text-align: left; width: auto !important; margin-top: 8px; margin-right: 10px; } input[type="radio"] { width: auto !important; margin-top: 8px; vertical-align: baseline; font-size: 18px; } .two_col .form_field_outer.full_width input.extra_wide { width: 85%; } .form_field_outer input { width: 68.34%; } .form_field_outer input.extra_wide, select.extra_wide { width: 100%; } .form_field_outer select { min-width: 68.34%; } .form_field_outer input.submit { width: auto; } .form_field_outer.align_bottom {vertical-align: bottom; } #language_select_form label { font-size: 14px; color: #22b4c4; } span.invalid { font-size: 10px; color: red; line-height: 15px; } .three_col .form_field_outer { display: inline-block; font-size: 10px; width: 30%; } .three_col .form_field_outer input { width: 90%; } .three_col .form_field_outer textarea { width: 90%; height: 200px; } .three_col .form_field_outer select { width: 90%; } .three_col .form_field_outer.medium_width { width: 60%; } .three_col .form_field_outer .fixed_width { width: 80%; vertical-align: middle; } .three_col .form_field_outer input[type='checkbox'] { display: inline-block; width: 10%; vertical-align: middle; } .three_col .form_field_outer.full_width { width: 100%; } .three_col .form_field_outer.full_width input[type='text'] { width: 27%; } .three_col .form_field_outer.clear { display: block; } .three_col .form_field_outer input.submit { width:auto; } #approve_blog, #delete_blog, #link_to_edit_editorial_form, #approve_blog_private, #regional_approve_blog, #international_approve_blog, #international_recommend_blog, #resource_approve_blog { display: inline-block; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } #approve_blog .small_submit, #approve_blog_private .small_submit, #delete_blog .small_submit, #regional_approve_blog .small_submit, #international_approve_blog .small_submit, #link_to_edit_editorial_form .small_submit, #international_recommend_blog .small_submit, #resource_approve_blog .small_submit { margin-left: 0px; border: 0px; background-color: #f08530; color: #FFFFFF; } .bonus_points .form_field_outer select { width: 120px !important; font-size: 10px; } .final_placing .form_field_outer select { width: 120px !important; font-size: 10px; } .bonus_points .form_field_outer, .final_placing .form_field_outer { width: 50px !important; } form .tiny_submit { font-family: 'dosisbold'; display: inline-block; cursor: pointer; font-size: 10px; margin-left: 2px; border: 1px solid #22b4c4; border-radius: 10px; color: #22b4c4; background-color: #FFFFFF; text-transform: uppercase; } .form_register_or_login_box { position: relative; margin-left: -10px; width: 280px; border: 0px solid red; margin-top: 20px; margin-bottom: 20px; } .form_register_or_login_box .submit.orange_on_blue { display: inline-block; margin-top: 0px; margin-bottom: 10px; vertical-align: top; line-height: 30px; min-width: 0px !important; padding: 0px 8px; } .form_register_or_login_box a { display: inline-block; width: 50%; } form #register_button { width: 100%; display: inline-block; background-color: #FFF; color: #f7931d; font-family: 'dosisbold'; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; text-transform: uppercase; padding: 0px 8px 0px 8px; vertical-align: top; font-size: 24px; line-height: 32px; text-align: center; border: 2px solid white;} form #login_button { width: 100%; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; line-height: 32px; font-size: 24px; font-family: 'dosisbold'; background-color: #f7931d; color: #FFF; text-transform: uppercase; padding: 0px 8px 0px 8px; border: 2px solid white; vertical-align: top; text-align: center; } form #reg_or_log_or { display: inline-block; width: 14%; vertical-align: top; line-height: 30px; color: #96dbd9; font-family: 'dosismedium'; font-size: 24px; text-align: center; } form .vtiny_submit { font-family: 'dosissemibold'; display: inline-block; cursor: pointer; font-size: 24px; color: #FFFFFF; line-height: 20px; border: 0px; background-color: transparent; padding: 0px; vertical-align: top; } input#team_photo { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } input.team_photo { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } /* SIGN UP FORM */ #sign_up_form_outer { padding: 0px; overflow: hidden; } #sign_up_form_outer h2 { background-color: #1f75ba; color: #FFFFFF; font-family: 'dosisregular'; font-size: 24px; line-height: 29px; padding: 8px 15px; } #sign_up_form_outer form { padding: 15px; } label.tandcs { font-family: 'dosismedium'; font-size: 14px; line-height: 16px; margin-top: 10px; width: 34.17%; width: 70% } .tandcs a { text-decoration: none; color: #f08530; } .radios.full_width label { width: 100%; } .top_rad { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #how_heard_dropdown { display: none; } #heard_source_outer { display: none; } /* EDIT PROFILE FORM */ #edit_profile_form_outer .content_block_inner { padding: 0px; overflow: hidden; } #edit_profile_form_outer h2 { color: #FFFFFF; font-family: 'dosisregular'; font-size: 24px; line-height: 29px; padding: 8px 15px; } #edit_profile_form_outer form { padding: 15px; } #edit_profile_form_outer .submit { min-width: 125px; } h2 .form_close_button { position: absolute; top: 8px; right: 15px; width: 30px; height: 30px; background-color: rgba(255,255,255,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .form_close_button a { text-decoration: none; color: #FFFFFF; font-family: 'dosisregular'; } /* ADD EDITORIAL FORM */ #add_editorial_form .content_block_inner { padding: 0px; overflow: hidden; } #add_editorial_form h2 { background-color: #1f75ba; color: #FFFFFF; font-family: 'dosisregular'; font-size: 24px; line-height: 29px; padding: 8px 15px; } #add_editorial_form .form_inner { padding: 15px; } #add_editorial_form .tmce_outer { min-height: 266px; } #add_editorial_form .tmce_outer textarea { visibility: hidden; } #add_editorial_form .tmce_outer_slim { min-height: 266px; } #add_editorial_form .tmce_outer_slim textarea { visibility: hidden; } .image_video_outer { position: relative; } input[type='file'] { border: 1px solid red; } .upload_button { background-color: #ffffff; border: 2px solid #1f75ba; border-radius: 18px; color: #1f75ba; cursor: pointer; display: inline-block; font-family: "dosissemibold"; font-size: 14px; padding: 0 10px; text-transform: uppercase; width: auto !important; } input#image_or_video { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } /* .image_or_video { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border: 1px solid red; } */ input#image_or_video_edit_ed { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } input#image_or_video_add_ed { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } input.image_or_video { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100% !important; height: 100%; } input#attachment { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } input#attachment_edit_ed { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } input#attachment_add_ed { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } #optional_english_outer h2 { background-color: #646464; } #optional_english_outer { background-color: #e9e9e9; } /* EDIT EDITORIAL FORM */ #edit_editorial_form .content_block_inner { padding: 0px; overflow: hidden; } #edit_editorial_form h2 { background-color: #1f75ba; color: #FFFFFF; font-family: 'dosisregular'; font-size: 24px; line-height: 29px; padding: 8px 15px; } #edit_editorial_form .form_inner { padding: 15px; } #edit_editorial_form .tmce_outer { height: 266px; } #edit_editorial_form .tmce_outer textarea { visibility: hidden; } #edit_editorial_form .tmce_outer_slim { height: 266px; } #edit_editorial_form .tmce_outer_slim textarea { visibility: hidden; } #edit_editorial_form .form_field_outer.existing_image { display: block; width: 100%; border: 0px solid red; } #sign_up .form_field_outer.existing_image { padding-top: 10px; } #edit_editorial_form .form_field_outer.existing_image .generic_video { width: 300px; border: 0px solid red; margin-top: 20px; margin-bottom: 10px; } .delete_attachment label { margin-top: 0px; margin-right: 10px; font-size: 14px; line-height: 16px; } .delete_attachment input[type="checkbox"] { margin-top: 0px; } .delete_image_outer { display: inline-block; border: 0px solid red; margin-left: 10px; } .delete_image_outer label { margin-right: 10px; padding-top: 0px; line-height: 18px; } .delete_image_outer input[type="checkbox"] { margin-top: 0px; vertical-align: top; margin-top: 4px; } /* CONTACT US FORM */ #contact_us { padding: 0px 10px; } #contact_us textarea { resize: vertical; border: 1px solid #bfbfbf; padding: 10px; color: #7c7c7c; font-size: 14px; line-height: 18px; font-family: 'dosisregular'; } /* CAMPAIGN TRANSITION FORM */ #campaign_transition { padding: 0px 10px; } /* ASSIGN AWARDS FORM */ #leaderboard_award_points_outer { display: none; } #assign_awards_form { } #assign_awards_form .content_block_inner { padding: 0px; overflow: hidden; } #assign_awards_form h2 { background-color: #15598f; color: #FFFFFF; font-family: 'dosisregular'; font-size: 24px; line-height: 29px; padding: 8px 15px; } #assign_awards_form .form_inner { padding: 15px; } #assign_awards_form .field_outer.full_width { width: 100%; } #assign_awards_form .form_field_outer.full_width input { width: 100%; } #award_text { width: 100%; height: 50px; font-family: 'dosisregular'; color: #7c7c7c; font-size: 14px; } .action_message { position: relative; font-size: 18px; line-height: 24px; font-family: 'dosisregular'; color: #FFFFFF; margin-left: 10px; } /* INTERIM PAGE */ .interim_sign_up #header { height: 241px; } .interim_sign_up #logo_outer { border: 0px; width: 320px; padding-top: 10px; display: inline-block; vertical-align: top; } .interim_sign_up #logo_outer img { position: relative; width: 100%; } .interim_sign_up #interim_top_slide { position: relative; margin: 1.04%; width: 64.58%; padding-top: 53px; display: inline-block; vertical-align: top; font-family: 'dosisbold'; font-size: 60px; line-height: 10px; text-align: center; } .interim_sign_up #language_select_outer { top: 10px; right: 10px; position: absolute; text-align: right; z-index: 200; bottom: auto; left: auto; } .interim_sign_up #copywrite_info { font-size: 18px; } #language_select_form .small_submit { -webkit-appearance: none; border: 2px solid white; background-color: #22b4c4; color: #FFF; font-size: 12px; line-height: 14px; padding: 0px 5px 0px 5px; } #language_select_form #language { width: 155px; } .interim_sign_up .submit { -webkit-appearance: none; } .interim_sign_up .two_col { padding-top: 85px; padding-right: 15%; display: inline-block; margin: 1.04%; position: relative; vertical-align: top; width: 64.58%; border: 1px solid red; background-color: transparent !important; border: 0px; } .interim_sign_up #main_content .three_col { padding-top: 161px; padding-bottom: 150px; display: inline-block; margin: 1.04%; width: 97.92%; margin-bottom: 130px; position: relative; vertical-align: top; border: 1px solid red; background-color: transparent !important; border: 0px; } .interim_sign_up p { font-family: 'dosisregular'; font-size: 36px; color: #28a9df; } .interim_sign_up .normal { color: #28a9df; } .interim_sign_up .darker_blue { color: #1f75ba; } .interim_sign_up p.form_intro { color: #1f75ba; font-family: "dosislight"; font-size: 24px; line-height: 12px; } .interim_sign_up form p { color: #1f75ba; font-family: "dosislight"; font-size: 14px; line-height: 15px; } /* INTERIM SIGN UP */ #interim_sign_up input { } .interim_sign_up .extra_wide { width: 90%; } #hsbc_region_outer { display: none; } #how_heard_other { display: none; } #permission_to_contact_outer { display: none; } /* AVATAR */ #avatar_builder { padding-bottom: 40px; } #avatar_builder .content_block_inner { padding: 0px; overflow: hidden; } #avatar_builder h2 { background-color: #15598f; color: #FFFFFF; font-family: 'dosisregular'; font-size: 24px; line-height: 29px; padding: 8px 15px; } #avatar_builder .form_inner { padding-left: 20px; padding-right: 20px; padding-top: 20px; } #avatar_builder .submit { margin-left: 0px; margin-right: 0px; } /* AVATAR REVIEW */ #avatar_review {position: relative; display: inline-block; width: 280px; margin-right: 16px; margin-bottom: 10px; vertical-align:top; } #avatar_review_inner { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; width: 280px; height: 280px; } #background_colour_result { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .avatar_shape_result { position: absolute; width: 100%; top: 0px; left: 0px; height: 100%; } #face_result { position: absolute; width: 100%; top: 0px; left: 0px; height: 100%; } #sp_avatar_outer { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-left: 10px; padding-right: 10px; } .sp_avatar { position: absolute; bottom: -40px; left: -40px; width: 250px; height: 225px; z-index: 228; } .sp_avatar_inner { position: relative; width: 100%; height: 100%; display: block; border: 0px solid red; } #non_overlay_avatar { border: 0px solid red; position: absolute; width: 100%; top: 0px; bottom: 0px; cursor: pointer; } .sp_avatar_avatar_shape { position: absolute; width: 100%; top: 0px; left: 0px; } .sp_avatar_avatar_face { position: absolute; width: 100%; top: 0px; left: 0px; } .sp_avatar img { display: block; width: 176px; margin-left: 74px; margin-right: 0px; margin-top: 20px; } .sp_avatar #dummy_avatar { display: block; width: 176px; margin-left: 74px; margin-right: 0px; margin-top: 20px; } #big_question_mark { font-family: 'dosisextrabold'; color: #de6120; font-size: 80px; line-height: 80px; position: absolute; top: 20px; left:138px; } #edit_avatar_icon { width: 32px; height: 32px; bottom: 50px; right: -40px; position: absolute; cursor: pointer; } #not_doing_avatar_button { width: 32px; height: 32px; bottom: 50px; right: -40px; position: absolute; cursor: pointer; } #edit_avatar_icon.edit_pencil { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: 0px -149px; } #edit_avatar_icon.white_pencil { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -324px -219px; } #reservior_avatar .sp_avatar img { display: block; width: 176px; margin-left: -30px; margin-right: 0px; margin-top: 20px; } /* AVATAR FIELDS */ #choice_fields_outer { position: relative; display: inline-block; width: 280px; margin: 0px; border: 0px solid red; vertical-align: top; } .avatar_choice_group { margin-bottom: 10px; } .avatar_radio_button_label { position: relative; display: inline-block; margin-right: 5px; margin-left: 5px; vertical-align:top; height: 48px; width: 48px; vertical-align: top; cursor: pointer; overflow: hidden; -moz-border-radius: 5px; border-radius: 5px; } .avatar_radio_button_label img { width: 100%; display: block; z-index: 190; } .avatar_radio_button_label_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; z-index: 200; -ms-filter: "alpha(opacity=40)"; opacity: 0.4; } .avatar_radio_button_label_bg:hover { -ms-filter: "alpha(opacity=0)"; opacity: 0; } .avatar_radio_button_label.checked .avatar_radio_button_label_bg { display: none; } .avatar_choice_group label { display: inline-block; margin-right: 5px; width: 43px; padding-top: 0px; font-family: 'dosissemibold'; font-size: 12px; line-height: 12px; color: #15598f; text-transform: uppercase; vertical-align: top; } .avatar_choice_group .avatar_radio_group { display: inline-block; vertical-align: top; } .avatar_choice_group input { display: none; } #choice_fields_outer label { display: inline-block; margin-right: 5px; width: 43px; padding-top: 0px; font-family: 'dosissemibold'; font-size: 12px; line-height: 12px; color: #15598f; text-transform: uppercase; vertical-align: baseline; } #choice_fields_outer input[type='text'] { display: inline-block; width: 222px; margin-left: 5px; vertical-align: baseline; color: #15598f; text-transform: uppercase;font-family: 'dosissemibold'; font-size: 18px; } /* .avatar_radio_group input { margin-right: 5px; vertical-align: top; } #banner_ path { fill: none; } #banner_fbb040 path { fill: #fbb040; } #banner_eca3c3 path { fill: #eca3c3; } #banner_d3e27e path { fill: #d3e27e; } #banner_a7dff2 path { fill: #a7dff2; } #filled_box_754c29 { fill: #754c29; } #filled_box_006738 { fill: #006738; } #filled_box_be1e2d { fill: #be1e2d; } #filled_box_1b75bc { fill: #1b75bc; } #filled_box_f9ed33 { fill: #f9ed33; } #filled_box_f9ed33 #jug, #filled_box_f9ed33 #bucket { stroke: #f9ed33; } #filled_box_8cc63f { fill: #8cc63f; } #filled_box_8cc63f #jug, #filled_box_8cc63f #bucket { stroke: #8cc63f;} #filled_box_6dcff6 { fill: #6dcff6; } #filled_box_6dcff6 #jug, #filled_box_6dcff6 #bucket { stroke: #6dcff6; } #filled_box_ee3e96 { fill: #ee3e96; } #filled_box_ee3e96 #jug, #filled_box_ee3e96 #bucket { stroke: #ee3e96; } .avatar_empty { fill: #FFFFFF; border: 1px solid #c3c3c2; } #face_result .face_bg { display: none; } .avatar_choice_group { position: relative; border: 0px solid red; width: 85%; } .avatar_choice_group input { display: none; } .avatar_choice_group .avatar_radio_button_label { width: 21.25%; margin-left: 2.5%; margin-right: 2.5%; } .avatar_choice_group .avatar_radio_button_label:hover { border: 2px solid #74b1e0; cursor: pointer; } .avatar_choice_group .avatar_radio_button_label.checked { border: 2px solid #74b1e0; } .avatar_choice_group svg { width: 100%; display: block; } .avatar_choice_group .avatar_radio_button_label:first-of-type { margin-left: 0%; } .avatar_choice_group .avatar_radio_button_label:last-of-type { margin-right: 0%; } #shape_colour_outer { position: absolute; border: 0px solid red; width: 12.5%; top: 0px; right: 0px; } #shape_colour_outer label { width: 100%; text-align: center; } #shape_colour_outer .avatar_radio_group { display: inline-block; width: 100%; } #shape_colour_outer .avatar_radio_button_label { width: 100%; margin-left: 0%; margin-right: 0%; } #shape_colour_outer .avatar_choice_group svg { width: 100%; } #banner_colour_outer_outer { position: relative; } #banner_colour_outer { position: absolute; border: 0px solid red; width: 10%; bottom: 0px; left: 0px; } #banner_colour_outer label { width: 100%; text-align: center; } #banner_colour_outer .avatar_radio_group { display: inline-block; width: 100%; } #banner_colour_outer .avatar_radio_button_label { width: 100%; margin-left: 0%; margin-right: 0%; } #banner_colour_outer .avatar_choice_group svg { width: 100%; } #background_colour_outer { border: 0px solid red; vertical-align: top; padding-top: 10px; } #background_colour_outer label { width: 50%; text-align: right; vertical-align: top; padding-right: 10px; } #background_colour_outer .avatar_radio_group { display: inline-block; width: 50%; vertical-align: top; } #background_colour_outer .avatar_radio_button_label { width: 21.25%; } #avatar_preview { position: relative; } #shape_result { position: absolute; width: 100%; top: 0px; left: 0px; } .avatar_shape_result { position: absolute; width: 100%; top: 0px; left: 0px; } #face_result { position: absolute; width: 50%; top: 25%; left: 25%; } #banner_result { position: absolute; width: 100%; top: 0px; left: 0px; } .avatar_banner_result { position: absolute; width: 100%; top: 0px; left: 0px; } #avatar_preview svg { width: 100%; } #banner_result svg { display: none; } #team_name_result { display: none; position: absolute; width: 50%; top: 73%; left: 25%; height: 20px; border: 0px solid red; font-family: 'dosislight'; font-size: 20px; color: #000000; text-align: center; } .avatar_team_name { position: absolute; width: 50%; top: 73%; left: 25%; height: 20px; border: 0px solid red; font-family: 'dosislight'; font-size: 10px; color: #000000; text-align: center; } .school_avatar { position: relative; display: inline-block; border: 0px solid red; width: 50%; } */ /* SOCIAL MEDIA */ #social_media_outer { margin-right: 1.04%; position: absolute; right: 10px; top: 0px; z-index: 500; } #social_media_outer img { display: block; width: 30px; height: 30px; } #social_media_outer a { display: inline-block; margin-left: 10px; } /* ACTIVITY TABLE */ table { width: 100%; border: 0px solid red; } th { font-family: 'dosislight'; font-size: 20px; color: #1f75ba1; } td, td p { font-family: 'dosislight'; font-size: 15px; color: #1f75ba; line-height: 20px; vertical-align: top; } .td_center, .th_center { text-align: center; } .td_right { text-align: right; } .unlocked_false .complete_link { color: #aeaeae; } .th_left { text-align: left; } .th_img { width: 3%; } .th_img img { width: 100%; } /* BLOGS */ #editorial_outer { padding: 0px; overflow: hidden; } #editorial_outer.schools_news { background-color: #15598f; padding-right: 300px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 0px; height: 100%; } #editorial_outer.schools_news.disabled { background-color: #929292; } #editorial_outer .content_block_inner { padding: 15px 2px 50px 2px; } #editorial_outer.schools_news .content_block_inner { padding: 15px 2px 15px 2px; min-height: 72px; border-top: 2px solid #bee5f6; border-left: 2px solid #bee5f6; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } #school_editorial_more_links { padding-left: 10px; padding-right: 10px; } #school_editorial_more_links #blog_show_more_outer { position: relative; bottom: auto; left: auto; width: 100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #editorial_outer #school_editorial_more_links #blog_show_more_outer { position: relative; bottom: auto; left: auto; width: 100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #school_editorial_more_links .blog_next_previous_outer { position: relative; bottom: auto; left: auto; width: 100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #editorial_outer #school_editorial_more_links .blog_next_previous_outer { position: relative; bottom: auto; left: auto; width: 100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #blog_show_more_outer.more #blog_gallery_show_no_more { display: none; } #blog_show_more_outer.no_more #blog_gallery_show_more { display: none; } .closed #blog_show_more_outer { display: none; } .editorial_column { margin-left: 0px; margin-right: 0px; margin-top: 10px !important; } .editorial_column #editorial_meta_outer { min-width: 280px !important; margin-left: 10px; margin-right: 10px; width: auto !important; } .editorial_column #editorial_meta_outer .content_block_inner { background-color: #dce6ee !important; padding: 10px !important; } .editorial_column #editorial_meta_outer h2 { color: #15598f; } .editorial_column #recent_activity_outer { min-width: 280px !important; margin-left: 10px; margin-right: 10px; width: auto !important; } .editorial_column #recent_activity_outer .content_block_inner { background-color: #dce6ee !important; padding: 10px !important; } .editorial_column #recent_activity_outer h2 { color: #15598f; } .editorial_column .editorial_meta_link a, .editorial_column .editorial_meta_link a:visited { color: #f08530; } .editorial_column .editorial_meta_link a:hover { color: #fcb65b; } .editorial_column #news_column_school_profile { min-width: 280px !important; margin-left: 10px; margin-right: 10px; width: auto !important; margin-top: 10px; } .editorial_column #school_add_editorial_button { min-width: 280px !important; margin-left: 10px; margin-right: 10px; width: auto !important; margin-top: 10px; } .editorial_column #news_column_school_profile .content_block_inner { background-color: #FFFFFF !important; padding: 10px !important; } .editorial_column #news_column_school_profile h2 { color: #15598f; font-family: 'dosissemibold'; font-size:24px; line-height: 40px; } #news_column_open_close { margin-bottom: 0px; } #news_column_open_close .content_block_inner { background-color: #15598f; padding: 0px; cursor: pointer; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; } .disabled #news_column_open_close .content_block_inner { background-color: #929292; } #news_close_text, #news_open_text, #news_back_text { position: relative; width: 100%; text-align: center; padding: 21px 36px; font-family: 'dosisregular'; text-transform: uppercase; font-size: 30px; color: #f1852d; line-height: 30px; } .disabled #news_close_text, .disabled #news_open_text, .disabled #news_back_text { color: #707070; } .enabled #news_close_text:hover , .enabled #news_open_text:hover, .enabled #news_back_text:hover{ color: #fcb65b; } .closed #news_close_text { display: none; } .open #news_open_text { display: none; } #add_school_editorial_link { cursor: pointer; } #news_open_close_arrow { position: absolute; right: 16px; top: 30px; width: 20px; height: 10px; background-repeat: no-repeat; background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -24px 0px; } .disabled #news_open_close_arrow { background-position: -90px 0px; } .open #news_open_close_arrow { background-position: -24px -13px; } #news_open_close_arrow.back_arrow { top: 25px; width: 10px; height: 20px; background-position: -65px -0px; } .editorial_column.closed #news_column_school_profile { display: none; } .editorial_column.closed #editorial_meta_outer { display: none; } .editorial_column.closed #recent_activity_outer { display: none; } .editorial_column.closed #school_add_editorial_button { display: none; } #news_column_school_profile { font-family: 'dosisregular'; font-size: 18px; line-height: 30px; color: #15598f; } #news_column_school_profile a, #news_column_school_profile a:visited { text-decoration: none; color: #f08530; } #news_column_school_profile a:hover { color: #fcb65b; } #editorial_outer.closed #school_editorials_outer { display: none; } #school_editorial_more_links.closed { display: none; } #editorial_outer.closed { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #editorial_outer.closed .content_block_inner { border-bottom: 2px solid #bee5f6; padding: 8px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } #schools_action_text { position: relative; z-index: 4300; } #schools_action_text p { font-size: 18px; line-height: 21px; } #schools_action_text p .smaller { font-size: 18px; line-height: 22px; } #schools_action_text p .title { font-family: 'dosisregular'; font-size: 30px; line-height: 32px; } .open #schools_action_text { display: none; } #schools_action_text .blog_title { font-family: 'dosisregular'; font-size: 30px; line-height: 32px; color: #f08530; margin-bottom: 0px; position: relative; } #schools_action_text .blog_author { font-family: 'dosisregular'; font-size: 18px; line-height: 22px; color: #1f75ba; display: inline-block; } #schools_action_text .blog_activity_info { font-family: 'dosisregular'; font-size: 18px; line-height: 22px; color: #1f75ba; display: inline-block; } #schools_action_text a, #schools_action_text a:visited { text-decoration: none; color: #f08530; } #schools_action_text a:hover { color: #fcb65b; } .editorial_each_outer { border: 0px solid red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px 13px; color: #1f75ba; margin-bottom: 20px; position: relative; } .editorial_each_outer.editorial { } .blog_title { font-family: 'dosisregular'; font-size: 30px; line-height: 34px; color: #15598f; margin-bottom: 7px; } .blog_content { font-family: 'dosisregular'; font-size: 18px; line-height: 24px; display: none; } .blog_content p { font-size: 18px; line-height: 24px; margin-bottom: 10px; } .blog_content p .bold { font-family: 'dosisbold'; } .blog_content a { text-decoration: none; color: #f08530; } .blog_image { width: 100%; } .blog_image img { width: 100%; display: block; position: relative; } .blog_image_caption { font-family: 'dosisregular'; font-size: 12px; color: #15598f; display: none; } #content_in_english { height: 100px; } .editorial_each_outer.UnApproved, .editorial_each_outer.UnApproved p { } .blog_meta_outer { display: block; margin-bottom: 5px; position: relative; padding-top: 3px; padding-bottom: 5px; } .blog_meta_outer .school_avatar { width: 50px; display: inline-block; vertical-align: top; margin-right: 15px; } .blog_meta_outer .school_avatar .avatar_empty { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .blog_meta_outer .school_avatar #background_colour_result { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .blog_meta_author_activity_outer { display: block; font-family: 'dosisregular'; font-size: 18px; color: #1f75ba; z-index: 200; } .blog_meta_author_activity_outer a { color: #f08530; text-decoration: none; } .blog_activity_info { font-size: 14px; } .blog_sticky { font-size: 14px; position: relative; z-index: 200; } .blog_unapproved { font-size: 14px; color: red; position: relative; z-index: 200; } .blog_annoucement, .blog_approved_private { font-size: 14px; font-style: italic; } .blog_unapproved a { color: red; text-decoration: none; } .blog_approved_private a { text-decoration: none; color: #1f75ba; } .blog_meta_bg { position: absolute; top: 0px; left: -12px; background-image: url('../img/blog_meta_bg.png'); background-repeat: repeat-y; height: 100%; width: 100%; z-index: 190; } .divider_dots_outer { position: relative; height: 4px; width: 100%; padding: 0px 13px; margin-bottom: 15px; } .blog_divider_dots { position: relative; height: 4px; width: 100%; background-image: url('../img/Divider-dots.png'); background-repeat: no-repeat; } .blog_author {position: relative; z-index: 200; } .blog_image_outer { margin-left: 3.4%; float: right; width: 22.7%; position: relative; min-width: 200px; } .blog_image_video { margin-left: 3.4%; float: right; width: 22.7%; position: relative; } .author_doc_icon { position: relative; display: inline-block; width: 10px; margin-right: 10px; } .author_doc_icon img { display: block; width: 100%; } #editorial_no_0 .blog_image_outer { width: 48.3%; position: relative; } .single_blog#editorial_no_0 .blog_image_outer { width: 100%; position: relative; margin-bottom: 15px; } #editorial_no_0 .blog_video_outer { width: 48.3%; position: relative; } .single_blog#editorial_no_0 .blog_video_outer { width: 100%; position: relative; margin-bottom: 15px; } #editorial_no_0 .blog_content { display: block; } .all_extract_view .blog_content { display: block; } #editorial_no_0 .blog_image_caption { display: block; } .all_extract_view .blog_image_caption { display: block; } #editorial_no_0 .blog_meta_outer { margin-bottom: 20px; } .all_extract_view .blog_meta_outer { margin-bottom: 20px; } #edit_editorial .blog_image { display: inline-block; width: 300px; margin-top: 10px; } #edit_editorial .blog_image img { display: block; bottom: 0px; } #edit_editorial .blog_image_caption { display: none; } .minor_blog_title_outer { width: auto; display: inline-block; } .all_extract_view .minor_blog_title_outer { float: left; width: 100%; } .read_full_article a { text-decoration: none; color: #f08530; font-family: 'dosissemibold'; font-size: 18px; } .back_to_news_link { padding-top: 20px; display: inline-block; vertical-align: baseline; position: relative; margin-right: 20px; } .back_to_news_link a { text-decoration: none; color: #f08530; font-family: 'dosissemibold'; font-size: 18px; } .editorial_each_outer .mejs-overlay-button { width: 50px; height: 50px; } .editorial_each_outer .mejs-controls { display: none; } .blog_attachment { position: relative; } .blog_attachment a { font-size: 18px; line-height: 24px; margin-bottom: 10px; color: #1f75ba; font-family: "dosislight"; text-decoration: none; } .blog_attachment a img { display: inline-block; width: 10px; margin-right: 10px; } .fetched_blog_outer { opacity: 0; position: relative; width: 100%; } .closed .fetched_blog_outer { display: none; } .blog_next_previous_outer { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; background-color: #f08530; color: #fcb65b; font-family: 'dosisregular'; font-size: 24px; line-height: 40px; } #blog_show_more_outer { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; background-color: #f08530; color: #fcb65b; font-family: 'dosisregular'; font-size: 24px; line-height: 40px; } .blog_previous { position: absolute; left: 21px; bottom: 0px; } .blog_next { position: absolute; right: 21px; bottom: 0px; } .blog_show_more { position: absolute; left: 21px; bottom: 0px; } .blog_previous a, .blog_next a, .blog_show_more a { text-decoration: none; font-family: 'dosisregular'; font-size: 24px; color: #FFFFFF; line-height: 40px; } .editorial_each_outer.activity_completion { padding: 0px 0px; width: 100%; margin-bottom: 10px; margin-top: -5px; } .fetched_blog_outer.activity_completion { padding: 0px 0px; width: 100%; margin-bottom: 10px; margin-top: -5px; } .blog_activity_completion { background-color: #15598f; color: #FFFFFF; font-family: 'dosisregular'; font-size: 18px; width: 100%; padding: 5px 12px; } .blog_activity_completion a, .blog_activity_completion a:visited { text-decoration: none; color: #f08530; } .blog_activity_completion a:hover { color: #fcb65b; } .ui-datepicker table td, .ui-datepicker table td p { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif !important; font-size: 11px !important; } .ui-datepicker th { font-size: 9px !important; } #facebook_share, #email_share, #twitter_share { width: 32px; display: inline-block; margin-right: 10px; } #facebook_share img, #twitter_share img, #email_share img { width: 100%; } #school_news_filter_outer { position: relative; display: block; padding: 0px 7px 8px; width: 100%; max-width: 606px; } .school_news_filter { display: inline-block; width: 50%; padding: 0px 6px; } #our_news_only { display: inline-block; width: 100%; text-align: left; font-family: 'dosissemibold'; font-size: 16px; line-height: 23px; text-transform: uppercase; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px 10px; background-color: #ee843b; cursor: pointer; height: 23px; } #our_news_only a, #our_news_only a:visited { color: #FFFFFF; text-decoration: none; } #filter_by_activity_div { display: inline-block; width: 100%; } #filter_by_activity { width: 100%; line-height: 18px; padding-bottom: 3px; } /* LIKE FORM */ .read_full_article { display: inline-block; vertical-align: baseline; } .read_full_divider { display: inline-block; vertical-align: baseline; color: #f08530; font-family: 'dosissemibold'; font-size: 18px; margin-left: 10px; margin-right: 10px; } .like_blog { display: inline-block; } .like_blog #submit { font-family: 'dosisregular'; font-size: 18px; color: #f08530; cursor: pointer; border: 0px; background-color: transparent; text-transform: none; margin: 0px; padding: 0px; } .liked_text { display: inline-block; vertical-align: baseline; color: #f08530; font-family: 'dosisregular'; font-size: 18px; } .liked_score { display: inline-block; vertical-align: baseline; color: #15598f; font-family: 'dosisregular'; font-size: 18px; } /******** HEADER *********/ #header { display: table-row; height: 1px; position: relative; z-index: 225; } #header_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-top: 10px; padding-left: 10px; padding-right: 10px; height: 111px; z-index: 225; } #logo_outer { position: absolute; top: 10px; left: 0px; margin: 1.5625%; height: 158px; width: 214.5px; padding: 0px; z-index: 220; } #logo_outer img { position: absolute; z-index: 0; width: 100%; } #header_bg { position: absolute; top: 0px; left: 0px; height: 111px; width: 100%; background-color: #1f75ba; } /******* MAIN MENU *******/ #main_menu { position: relative; padding: 75px 1.5625% 0px 237.5px; font-size: 0px; background-color: transparent !important; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; z-index: 225; } .main_menu_item { vertical-align: top; display: inline-block; *display: inline; font-family: 'dosismedium'; color: #f08530; font-size: 24px; text-transform: uppercase; line-height: 24px; border: 0px solid blue; position: relative; } .main_menu_a, .main_menu_a:visited { color: #f08530; text-decoration: none; } .main_menu_a:hover, .main_menu_a:focus, .main_menu_item.selected a { color: #15598f !important; } .main_menu_spacer { float: left; margin-left: 7px; margin-right: 7px; display: none; } .menu_stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; } #menu_button { position: relative; font-family: 'dosismedium'; color: #f08530; font-size: 24px; text-transform: uppercase; line-height: 24px; display: none; padding: 53px 0px 0px 115px; width: 100%; z-index: 225; text-align: center; cursor: pointer; } #menu_button:hover { color: #15598f !important; } /******* LANGUAGE SELECTION ********/ .lang_header_outer { z-index: 400; position: absolute; top: 0px; right: 10px; } #language_select_outer { float: right; position: relative; text-align: left; background-color: #15598f; padding: 5px 5px 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #language_select_text { cursor: pointer; display: inline-block; color: #96dbd9; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 12px; vertical-align: top; padding-left: 5px; padding-bottom: 0px; } #language_selected { cursor: pointer; display: inline-block; color: #FFFFFF; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 12px; vertical-align: top; padding-left: 10px; text-align: right; } .unselected_lang { width: 100%; text-align: center; } .unselected_lang a { text-decoration: none; width: 100%; color: #FFFFFF; } #language_select_outer label { margin-right: 10px; } #language_select_outer .submit_small { border: 2px solid white; } #language_selection { display: none; width: 100%; height: 205px; z-index: 400; position: relative; margin-top: 3px; } #language_selection .selected_lang { font-family: 'dosissemibold'; font-size: 12px; line-height: 21px; background-color: #1f75ba; color: #FFFFFF; text-transform: uppercase; padding-left: 5px; } #language_selection .unselected_lang { font-family: 'dosissemibold'; font-size: 12px; line-height: 21px; background-color: #f08530; color: #FFFFFF; text-transform: uppercase; padding-left: 5px; text-align: left; border-top: 1px solid #15598f; border-bottom: 1px solid #15598f; } #language_selection .unselected_lang:hover { background-color: #1f75ba; cursor: pointer; } .sign_in_out_header_outer { float: right; position: relative; text-align: right; vertical-align: top; } .sign_in_header_text { cursor: pointer; display: inline-block; color: #fcb65b; padding: 5px 11px 5px 11px; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 12px; vertical-align: top; background-color: #15598f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-right: 10px; } .sign_in_header_text a, .sign_in_header_text a:visited { color: #fcb65b; text-decoration: none; } .sign_in_header_text a:hover { color: #f08530; } .header_divider { display: inline-block; color: #FFFFFF; font-family: 'dosissemibold'; font-size: 12px; line-height: auto; vertical-align: top; } /******* PARTNERS SECTION *******/ #partners_outer_outer { display: block; position: relative; height: auto; } #partners_outer { display: block; position: relative; height: auto; padding-bottom: 45px; } #partners_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-left: 10px; padding-right: 10px; z-index: 400; } #partner_inner_inner { padding: 5px 1.5625%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0px;text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; margin-top: 0px; margin-bottom: 0px; background-color: #FFFFFF; } .partner_logo { height: 64px; vertical-align: top; display: inline-block; *display: inline; } .partner_logo a { text-decoration: none; outline: none; border: 0px; height: 100%; cursor: pointer; } .partner_logo a img { height: 100%; outline: none; border: 0px; } #partners_stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; } /* GAP LOGO */ #gap_logo_outer { display: block; position: relative; height: auto; } #gap_logo_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; margin-top: 30px; z-index: 400; zoom: 1; z-index: 110; } #gap_logo { margin-left: 88px; width: 250px; } #gap_logo a { text-decoration: none; outline: none; border: 0px; width: 100%; cursor: pointer; } #gap_logo img { width: 100%; outline: none; border: 0px; display: block; } #gap_logo_left { position: absolute; width: 2000px; height: 100%; top: 0px; right: 100%; background-color: #fd8204; margin-right: -88px; } /* IN ASSOCIATION WITH */ #in_association_outer { display: block; position: relative; height: auto; } #in_association_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; z-index: 400; margin-bottom: 16px; } #in_association_text { font-family: 'dosisbold'; font-size: 14px; color: #28a9df; line-height: 14px; padding-left: 19px; } /* HSBC TEXT */ #hsbc_outer { display: block; position: relative; height: auto; } #hsbc_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; z-index: 400; padding-top: 16px; padding-bottom: 5px; } #hsbc_text { font-family: 'dosisbold'; font-size: 18px; color: #28a9df; line-height: 18px; padding-left: 19px; } .hsbc_darker { color: #1f75ba; } /* PARTNERS SECTION END */ /******** TARGET REACHED INFOGRAPHIC ********/ #target_reached_infographic { margin-left: 20px; margin-top: 10px; margin-right: 0px; text-align: center; font-family: 'dosisbold'; font-size: 24px; line-height: 32px; vertical-align: top; } #target_reached_outer { position: relative; width: 100%; border: 2px solid white; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #FFF; background-color: #f08530; overflow: hidden; } #target_reached_bg { position: absolute; top: 0px; left: 0px; height: 100%; background-color: #1f75ba; } #target_reached_text, #target_reached_text_short, #target_reached_text_medium { position: relative; width: 100%; text-transform: uppercase; } #target_reached_text_short, #target_reached_text_medium { display: none; } #target_marked_line { position: absolute; height: 100%; border-right: 2px solid #28a9df; } #target_text_arrow { position: absolute; top: 8px; left: -25px; height: 85px; width: 46px; background-image: url('../img/target_reached_arrow.png'); background-repeat: no-repeat; z-index: 180; } #target_text_arrow_straight { position: absolute; bottom: -36px; left: 40px; height: 53px; width: 32px; background-image: url('../img/target_reached_arrow_straight.png'); background-repeat: no-repeat; z-index: 200; } #target_reached_line_text, #target_reached_line_text_short, #target_reached_line_text_medium { color: #1f75ba; font-size: 28px; line-height: 30px; font-family: 'dosisregular'; z-index: 210; position: relative; } #target_reached_line_text_short, #target_reached_line_text_medium { display: none; } #target_reached_line_bg { height: 20px; width: 4000px; background-color: #c9eded; position: absolute; top: 8px; left: 0px; z-index: 190; } #one_col_target_reached_text { color: #FFFFFF; position: relative; line-height: 36px; margin-left: 100px; text-align: left; display: none; } #target_reached_line_bg, #target_marked_line, #target_reached_outer, #target_text_arrow { display: none; } #target_reached_line { position: relative; background-color: #c9eded !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px 6.25%; margin: 0px 0px 10px; } #target_reached_infographic { display: block; margin: 10px 0px; margin-top: 0px; } #target_reached_infographic .content_block_inner { padding: 10px 20px; } #target_marked_line_outer { position: absolute; height: 84%; top: 8%; border: 2px solid transparent; left: 20px; right: 20px; } #one_col_target_reached_text { display: block; } #one_col_target_reached_line { position: absolute; width: 47px; border-top: 2px solid #28a9df; bottom: 0px; } #one_col_target_reached_line_outer { position: absolute; bottom: 21px; width: 47px; left: 32px; z-index: 170; top: 20px; } #one_col_target { display: block; position: absolute; top: 20px; bottom: 20px; left: 39px; width: 34px; background-color: #f08530; overflow: hidden; border: 2px solid white; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;z-index: 180; } #one_col_target #target_reached_bg { position: absolute; bottom: 0px; top: auto; width: 100%; background-color: #1f75ba; z-index: 190; } .home_page #target_reached_infographic, .home_page #register_or_login_box, .home_page #misson_control_sign_out { margin-top: 45px!important; } .home_page #target_text_arrow_straight { display: none; } .home_page #target_reached_line { display: block; position: absolute; background-color: transparent !important; padding: 0px 0px 0px 30px; margin-bottom: 0px; margin-top: 0px; } .home_page #target_reached_line_bg, .home_page #target_text_arrow, .home_page #target_marked_line, .home_page #target_reached_outer { display: block; } .home_page #one_col_target_reached_text, .home_page #one_col_target_reached_line, .home_page #one_col_target { display: none; } sup { font-size: 12px; line-height: 12px; } /********** REGISTER OR LOGIN BOX ***********/ #register_or_login_box { color: #96dbd9; font-family: 'dosisbold'; font-size: 24px; line-height: 32px; text-align: center; vertical-align: top; } #register_or_login_box .content_block_inner { padding: 10px; } #register_button { width: 43%; display: inline-block; background-color: #FFF; color: #f7931d; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; text-transform: uppercase; padding: 0px 8px 0px 8px; border: 2px solid white; vertical-align: top; } #login_button { width: 43%; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #f7931d; color: #FFF; text-transform: uppercase; padding: 0px 8px 0px 8px; border: 2px solid white; vertical-align: top; } #reg_or_log_or { display: inline-block; width: 14%; vertical-align: top; line-height: 30px; font-family: 'dosismedium'; } /******* GO TO MISSION CONTROL ********/ #misson_control_sign_out { text-align: center; margin-bottom: 10px; } #misson_control_sign_out .content_block_inner { padding: 10px 10px; } #misson_control_sign_out a { text-decoration: none; } #goto_mission_button { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; line-height: 32px; font-family: 'dosisbold'; background-color: #f7931d; color: #FFF; text-transform: uppercase; padding: 0px 8px 0px 8px; border: 2px solid white; font-size: 21px; text-align: center; } .logout_tab { position: absolute; top: 100%; right: 10px; background-color: #f08530; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .logout_tab .submit { font-family: 'dosissemibold'; font-size: 18px; background-color: transparent; color: #FFFFFF; line-height: 18px; padding: 5px; 10px; margin-bottom: 0px; margin-top: 0px; border: 0px; text-transform: none; } .logout_tab #sign_out { display: block; position: relative; } /****** FOOTER *******/ #footer { display: block; position: relative; height: auto; } #footer_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-left: 10px; padding-right: 10px; z-index: 400; } #footer_inner_inner { padding: 65px 10px 15px 10px; font-family: 'dosislight'; font-size: 0px; color: #FFF; background-color: transparent !important; border: 0px; margin: 0px; width: 100%; } #copywrite_info { font-size: 18px; vertical-align: top; display: inline-block; *display: inline; } #charity_info { font-size: 12px; font-family: 'dosisregular'; padding-top: 7px; } #footer_menu { width: 100%; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; z-index: 210; font-family: 'dosisregular'; font-size: 0px; } .footer_menu_item { vertical-align: top; display: inline-block; *display: inline; font-size: 18px; } .footer_menu_a { color: #FFF; text-decoration: none; } .footer_menu_a:hover { color: #f08530 !important; } .footer_menu_a:focus { color: #f08530 !important; } .footer_menu_item.selected a { color: #f08530 !important; font-weight: bold; } /* FOOTER END */ /********* HOME SLIDESHOW *********/ .home_page #header, .home_page #main_content, .home_page #below_the_fold { } #home_slideshow { display: table-row; height: 100%; width: 100%; position: relative; } #home_slideshow_inner { position: relative; width: 100%; height: 100%; display: block; border: 0px solid red; background-color: #97dbda; } #home_slideshow_inner_inner { position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 0px solid green; } .homeslide_each_outer { opacity: 0; -ms-filter: "alpha(opacity=0)"; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: 0px solid red; } .homeslide_each_outer.hidden { display: none; } .home_slide_inner_outer { width: 100%; height: 100%; position: relative; overflow: hidden; } .homeslide_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-left: 10px; padding-right: 10px; border: 0px solid black; height: 100%; } .slide_background { width: 100%; height: 100% !important; position: absolute; top: 0px; left: 0px; overflow: hidden; } /********* BIG TEXT *********/ .big_text_t { width: 64.58%; height: 100%; display: table; border: 0px solid red; margin-left: 10px; } .big_text_tr { width: 100%; height: 100%; display: table-row; } .big_text_td { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 1.5625%; } .big_text_td p { margin: 0px; font-family: 'dosisbold'; font-size: 72px; line-height: 72px; color: #15598f; } .big_text_td p .dark_blue { color: #15598f; } .big_text_td p .white { color: #FFFFFF; } .big_text_td p .green_blue { color: #1b8e9b; } .big_text_td p .light_green { color: #97dbda; } .big_text_td p a { text-decoration: none; color: #f08530; } .big_text_td p a:hover { color: #fcb65b; } /******* ARTICLE *********/ .article_t { margin: 1.5625%; margin-left: 67.1%; width: 31.25%; height: 100%; display: table; border: 0px solid red; } .article_tr { width: 100%; height: 100%; display: table-row; } .article_td { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .article_inner { border: 0px solid red; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; color: #15598f; position: relative; padding: 20px 10px 20px 10px; } .article_inner .title { font-family: 'dosisbold'; text-transform: uppercase; color: #28a9df; font-size: 36px; line-height: 30px; } .article_inner p { position:relative; padding-bottom: 18px; z-index: 110; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; color: #15598f; } .article_inner p a, .article_inner p a:visited { text-decoration: none; font-family: 'dosissemibold'; color: #f08530; } .article_inner p a:hover { color: #fcb65b; } .article_text_bg { position: absolute; z-index: 100; left: 0px; top: 0px; height: 100%; width: 3000px; background-color: #FFFFFF; opacity: 0.8; -ms-filter: "alpha(opacity=30)"; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .read_outer { position: absolute; left: 10px; bottom: -15px; } .read_text { text-transform: uppercase; background-color: #f08530; color: #FFFFFF; font-family: 'dosisbold'; font-size: 24px; line-height: 30px; position: relative; z-index: 120; padding-left: 10px; padding-right: 10px; } .read_text a { text-decoration: none; color: #FFFFFF; } .read_top_angle { position: absolute; left: 100%; top: 0px; width: 15px; height: 0px; border-bottom: 15px solid #f08530; border-right: 15px solid transparent; z-index: 140; } .read_bottom_angle { position: absolute; left: 100%; bottom: 0px; width: 15px; height: 0px; border-top: 15px solid #f08530; border-right: 15px solid transparent; z-index: 140; } /********* REGION TEAM *********/ .region_team_banner_outer { width: 100%; position: absolute; bottom: -300px; left: 0px; z-index: 90; padding: 0px 10px 0px 10px; text-align: center; } .congratulations_banner { width: 168px; margin-left: auto !important; margin-right: auto !important; position: relative; background-color: #21aae2; font-family: 'dosisbold'; text-transform: uppercase; color: #FFFFFF; font-size: 14px; line-height: 12px; padding: 4px 10px 0px 10px; } .rtname_text { position: relative; background-color: #FFFFFF; text-align: center; width: 100%; font-size: 20px; line-height: 30px; padding-left: 10px; padding-right: 10px; font-family: 'dosisbold'; text-transform: uppercase; color: #f08530; } .rtname_text a { text-decoration: none; color: #f08530; } .rtname_text a.long { font-size: 14px; } .rtname_text a.team_name { display: none; } .rt_name_outer { padding: 4px; background-color: #21aae2; position: relative; min-width: 286px; display: inline-block; margin-left: auto !important; margin-right: auto !important; } .rt_name_outer_top_left { position: absolute; left: -21px; top: 0px; width: 21px; height: 0px; border-top: 19px solid #21aae2; border-left: 19px solid transparent; z-index: 140; } .rt_name_outer_top_right { position: absolute; left: 100%; top: 0px; width: 21px; height: 0px; border-top: 19px solid #21aae2; border-right: 19px solid transparent; z-index: 140; } .rt_name_outer_bot_right { position: absolute; left: 100%; bottom: 0px; width: 21px; height: 0px; border-bottom: 19px solid #21aae2; border-right: 19px solid transparent; z-index: 140; } .rt_name_outer_bot_left { position: absolute; left: -21px; bottom: 0px; width: 21px; height: 0px; border-bottom: 19px solid #21aae2; border-left: 19px solid transparent; z-index: 140; } .rt_name_top_left { position: absolute; left: -15px; top: 0px; width: 15px; height: 0px; border-top: 15px solid #FFFFFF; border-left: 15px solid transparent; z-index: 140; } .rt_name_top_right { position: absolute; left: 100%; top: 0px; width: 15px; height: 0px; border-top: 15px solid #FFFFFF; border-right: 15px solid transparent; z-index: 140; } .rt_name_bot_right { position: absolute; left: 100%; bottom: 0px; width: 15px; height: 0px; border-bottom: 15px solid #FFFFFF; border-right: 15px solid transparent; z-index: 140; } .rt_name_bot_left { position: absolute; left: -15px; bottom: 0px; width: 15px; height: 0px; border-bottom: 15px solid #FFFFFF; border-left: 15px solid transparent; z-index: 140; } .region_team_text { position: relative; width: 100%; } .region_team_text_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #15598f; opacity: 0.95; -ms-filter: "alpha(opacity=95)"; z-index: 90; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .region_team_text_text, .region_team_text_text_short { position: relative; padding: 10px 20px 60px 20px; z-index: 150; text-align: center; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; color: #96dbd9; } .region_team_text_text p { font-family: 'dosisregular'; font-size: 18px; line-height: 24px; color: #96dbd9; } .region_team_text_text p a { font-family: 'dosissemibold'; color: #fcb65b; text-decoration: none; } .region_team_text_text_short { display: none; } /******** REGION OF THE MONTH BANNER *********/ .rofm_side_banner_outer { position: absolute; left: -1000px; bottom: 180px; background-color: #FFFFFF; padding: 4px 4px 4px 0px; } .rofm_side_banner_outer_to_left { position: absolute; right: 100%; width: 2000px; height: 100%; background-color: #FFFFFF; top: 0px; } .rofm_side_banner_inner { position: relative; background-color: #96c11f; font-size: 20px; line-height: 30px; font-family: 'dosisbold'; color: #FFFFFF; text-transform: uppercase; padding-left: 85px; padding-right: 8px; } .rofm_side_banner_to_left { position: absolute; right: 100%; width: 2000px; height: 100%; background-color: #96c11f; } .rofm_side_banner_top_right { position: absolute; left: 100%; top: 0px; width: 15px; height: 0px; border-top: 15px solid #96c11f; border-right: 15px solid transparent; z-index: 140; } .rofm_side_banner_bot_right { position: absolute; left: 100%; bottom: 0px; width: 15px; height: 0px; border-bottom: 15px solid #96c11f; border-right: 15px solid transparent; z-index: 140; } .rofm_side_banner_outer_top_right { position: absolute; left: 100%; top: 0px; width: 21px; height: 0px; border-top: 19px solid #FFFFFF; border-right: 19px solid transparent; z-index: 140; } .rofm_side_banner_outer_bot_right { position: absolute; left: 100%; bottom: 0px; width: 21px; height: 0px; border-bottom: 19px solid #FFFFFF; border-right: 19px solid transparent; z-index: 140; } /******* TEAM OF THE MONTH SIDE BANNER *******/ .tofm_side_banner_outer { position: absolute; right: -1000px; top: 60px; background-color: #FFFFFF; padding: 4px 0px 4px 4px; } .tofm_side_banner_outer_to_left { position: absolute; left: 100%; width: 2000px; height: 100%; background-color: #FFFFFF; top: 0px; } .tofm_side_banner_inner { position: relative; background-color: #96c11f; font-size: 20px; line-height: 30px; font-family: 'dosisbold'; color: #FFFFFF; text-transform: uppercase; padding-right: 85px; padding-left: 8px; } .tofm_side_banner_to_left { position: absolute; left: 100%; width: 2000px; height: 100%; background-color: #96c11f; } .tofm_side_banner_top_right { position: absolute; left: -15px; top: 0px; width: 15px; height: 0px; border-top: 15px solid #96c11f; border-left: 15px solid transparent; z-index: 140; } .tofm_side_banner_bot_right { position: absolute; left: -15px; bottom: 0px; width: 15px; height: 0px; border-bottom: 15px solid #96c11f; border-left: 15px solid transparent; z-index: 140; } .tofm_side_banner_outer_top_right { position: absolute; left: -21px; top: 0px; width: 21px; height: 0px; border-top: 19px solid #FFFFFF; border-left: 19px solid transparent; z-index: 140; } .tofm_side_banner_outer_bot_right { position: absolute; left: -21px; bottom: 0px; width: 21px; height: 0px; border-bottom: 19px solid #FFFFFF; border-left: 19px solid transparent; z-index: 140; } /********** PAGE TITLE ***********/ .page_title { position: absolute; top: 109px; font-family: 'dosisbold'; font-size: 95px; color: #FFFFFF; z-index: 170; width: 100%; height: 220px; line-height: 220px; } .page_title_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; padding-left: 20px; padding-right: 20px; } .page_title_inner.team_name { padding-left: 200px; font-size: 60px; text-transform: uppercase; } .page_title.mission_control { padding-top: 70px; } .page_title_inner_team_name { font-family: 'dosissemibold'; color: #FFFFFF; text-align: center; font-size: 18px; line-height: 12px; text-transform: uppercase; } .page_title_inner_mission_control { color: #f08530; font-family: 'dosisbold'; text-align: center; font-size: 60px; line-height: 50px; text-transform: uppercase; } /********** SCHOOL PROFILE RESERVOIR **********/ #sp_reservoir_outer { margin-top: 10px; } #enter_mission_content_bg { height: 20px; position: absolute; margin-top: -190px; left: 100%; z-index: 4000; width: 2000px; height: 85px; margin-left: -170px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url('../img/res_arrows.png'); background-repeat: repeat-x; } #home_of_res { position: relative; height: 201px; width: 100%; } #sp_res_outer { position: relative; height: 201px; width: 100%; z-index: 190; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sp_reservoir { position: absolute; height: 100%; width: 100%; z-index: 200; top: 0px; left: 0px; } #sp_reservoir img { width: 100%; height: 100%; display: block; } #sp_bins_outer { position: absolute; height: 100%; width: 100%; z-index: 200; top: 0px; left: 0px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sp_binoculars {position: absolute; height: 100%; width: 700px; z-index: 200; top: 0px; left: 0px; } #sp_binoculars img { width: 100%; height: 100%; } #bino_large { display: block; } #bino_small { display: none; } #sp_avatar { height: 150px; width: 160px; position: absolute; z-index: 210; right: 185px; margin-top: -155px; } #sp_avatar img { width: 160px; height: 150px; } #enter_mission_content_text { position: absolute; left: 0px; top: 0px; width: 170px; font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; padding: 6px 10px; z-index: 220; } #enter_mission_content_text .mc_blue { color: #15598f; } #enter_mission_content_text a, #enter_mission_content_text a:visited { text-decoration: none; color: #FFFFFF; } #sp_res_tab_outer { position: absolute; right: 10px; bottom: 0px; width: 140px; z-index: 210; text-align: center; cursor: pointer; } #sp_res_tab_outer_mobile { position: absolute; left: 0px; bottom: 0px; width: 140px; z-index: 210; text-align: center; display: none; } #sp_res_tab_top { background-color: #f08530; font-family: 'dosissemibold'; color: #FFFFFF; font-size: 18px; padding: 3px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #sp_res_tab_lower { font-family: 'dosisregular'; color: #fcb65b; font-size: 18px; padding: 3px 5px; } /************** MODULE LIST *************/ .module_button a { text-decoration: none; width: 100%; display: block; position: relative; padding: 0px; min-height: 131px; } .module_logo { width: 95px; height: 131px; position: absolute; top: 0px; right: 0px; background-repeat: no-repeat; background-size: 255px; background-position: 0px 0px; } .inactive_x .module_logo { background-position: 0px -135px; } .module_inactive_svg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #FFFFFF; z-index: 400; opacity: 0.3; pointer-events: none; } .module_logo.logo_complete { background-position: -98px 0px; } .module_logo.fresher_water { background-image: url('../img/Fresher_sprite.png'); } .module_logo.global_water { background-image: url('../img/Global_sprite.png'); } .module_logo.secret_water { background-image: url('../img/Secret_sprite.png'); } .module_logo.precious_water { background-image: url('../img/Precious_sprite.png'); } .module_logo img { width: 100%; display: block; } .module_list_title { font-family: 'dosissemibold'; font-size: 30px; line-height: 30px; padding-right: 75px; position: relative; } .module_list_short { font-family: 'dosisregular'; font-size: 18px; line-height: 21px; color: #FFFFFF; padding-right: 120px; position: relative; } .module_list_drops { position: relative; padding: 3px 75px 3px 0px; } .inactive .module_list_drops { display: none; } .module_header_inactive { display: none; margin-top: 4px; font-family: 'dosisbold'; z-index: 402; position: relative; margin-left: -20px; -webkit-border-top-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; -moz-border-radius-bottomright: 14px; -moz-border-radius-topright: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; } .inactive .module_header_inactive { display: inline-block; } .module_header_inactive_inner { position: relative; display: block; font-size: 18px; line-height: 32px; padding: 0px 14px 0px 20px; text-transform: uppercase; color: inherit; background-color: rgba(0,0,0,0.3); -webkit-border-top-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; -moz-border-radius-bottomright: 14px; -moz-border-radius-topright: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; } .module_list_drop { display: inline-block; width: 15px; margin-right: 5px; height: 20px; background-repeat: no-repeat; background-size: 255px; background-position: -197px -106px; } .module_list_drop.fresher_water { background-image: url('../img/Fresher_sprite.png'); } .module_list_drop.global_water { background-image: url('../img/Global_sprite.png'); } .module_list_drop.secret_water { background-image: url('../img/Secret_sprite.png'); } .module_list_drop.precious_water { background-image: url('../img/Precious_sprite.png'); } .module_list_drop.inactive { width: 15px; height: 20px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-position: -48px 0px; background-size: 500px; } .module_list_drop img { width: 100%; display: block; } .module_selected_arrow { position: absolute; left: 106.25%; top: 20px; width: 20px; display: none; } .module_selected_arrow.selected { display: block; } .module_selected_arrow img { width: 100%; } .module_selected_arrow_mobile { position: absolute; left: 50%; bottom: -18px; width: 20px; margin-left: -10px; display: none; } .module_selected_arrow_mobile.selected { display: none; } .module_selected_arrow_mobile img { width: 100%; } /************ ACTIVITY LIST *************/ #activity_list { padding: 0px 0px 0px 0px; overflow: hidden; min-height: 200px; } #activity_list_complete { padding: 0px 0px 0px 0px; min-height: 200px; margin-top: 0px; margin-bottom: 0px; } #activity_list .content_block_inner { padding-bottom: 2px; overflow: hidden; } /* ACTIVITY LIST HEADER */ .activity_list_header { padding: 10px 20px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .activity_list_title_outer { position: relative; } .activity_list_title { display: inline-block; font-family: 'dosissemibold'; font-size: 30px; line-height: 40px; margin-right: 10px; } .activity_list_content p { font-family: 'dosisregular'; color: #FFFFFF; font-size: 18px; line-height: 24px; } .activity_list_content a, .activity_list_content a:visited { color: #fcb65b; text-decoration: none; } .activity_list_content a:hover { color: #f08530; } .mission_documents_outer { display: inline-block; position: relative; padding: 5px 0px; min-width: 46.8%; margin-top: 10px; margin-bottom: 10px; } .mission_documents_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; -ms-filter: "alpha(opacity=40)"; opacity: 0.4; z-index: 190; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .mission_documents_title { font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; position: relative; z-index: 200; } .mission_doc_each a, .mission_doc_each a:visited { color: #f08530; font-family: 'dosisbold'; font-size: 14px; line-height: 18px; text-decoration: none; position: relative; z-index: 200; } .mission_doc_each a:hover { color: #fcb65b; } .activity_list_header .module_list_drops { margin-top: 10px; } .activity_list_title_back { float: right; position: relative; margin-top: 12px; } .activity_list_title_back a { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: white; vertical-align: bottom; color: #f5893c; text-decoration: none; font-size: 12px; line-height: 14px; padding: 2px 8px; } .completed_header .activity_list_title_back { vertical-align: bottom; } .activity_list_title p { color: inherit !important; font-family: 'dosissemibold'; font-size: 30px; line-height: 40px; display: inline; position: relative; } .module_complete_body_outer { background-color: #f08530; font-family: "dosisregular"; font-size: 14px; line-height: 20px; margin: 0; padding: 0px 2px 46px; margin-bottom: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .module_complete_body_inner { background-color: #ffffff; border-radius: 5px; padding: 20px 20px 44px; position: relative; z-index: 180; font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; min-height: 244px; } .module_complete_complete_body_table { width: 100%; height: 180px; border: 0px solid red; } .module_complete_complete_body_table td { vertical-align: middle; color: inherit; } .module_complete_body_inner p { color: inherit !important; font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; padding-bottom: 10px; } .blue_text { color: #15598f; } .dosis_bold { font-family: 'dosisbold'; } .module_complete_footer_title { font-family: 'dosissemibold'; font-size: 30px; line-height: 40px; position: relative; color: #FFFFFF; padding: 0px 20px; } .module_complete_footer_text { font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; position: relative; color: #FFFFFF; padding: 0px 20px; } .module_complete_footer a { text-decoration: none; } .module_complete_closing_survey_button { display: block; width: 100%; position: relative; color: #FFFFFF; text-transform: uppercase; background-color: #f08530; font-family: 'dosissemibold'; font-size: 30px; line-height: 40px; padding-bottom: 2px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 0px; } .module_complete_footer { position: relative; padding: 10px 2px 30px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .module_complete_body_inner .medc_icon { vertical-align: bottom; padding-bottom: 3px; margin-right: 0px; } .activity_list_header .module_logo { position: relative; float: right; margin-left: 25px; } .mission_achievements_button { position: absolute; bottom: -25px; left: 12px; right: 12px; height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 13px 0px; background-color: #ee843b; cursor: pointer; } .closed_text, .open_text { display: none; text-align: center; font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; } .closed .closed_text, .open .open_text { display: block; } .view_challenges_button { position: relative; top: -13px; width: 100%; height: 0px; text-align: center; z-index: 190; border: 0px solid red; } .view_challenges_button .closed_text, .view_challenges_button .open_text { display: none; text-align: center; font-family: 'dosissemibold'; font-size: 18px; line-height: 23px; text-transform: uppercase; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px 10px; background-color: #ee843b; cursor: pointer; height: 23px; } .view_challenges_button.closed .closed_text, .view_challenges_button.open .open_text { display: inline-block; } .complete_mission_activities_outer { display: none; } .mission_achievements { position: relative; padding-top: 20px; display: none; text-align: center; } /* ACTIVITY LIST EACH */ .module_activity_each_header { margin: 2px 2px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .module_activity_title_outer { display: inline-block; width: 75%; padding: 10px 13px; } .module_activity_title { display: inline-block; font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; text-transform: uppercase; border: 0px solid red; } .module_activity_title_points { display: inline-block; font-family: 'dosissemibold'; font-size: 12px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; } /* .unlocked_false .module_activity_each_header { background-color: #b7b7b7 !important; } */ /* .unlocked_false .module_activity_title { color: #636363 !important; } */ .module_activity_title_drip { display: inline-block; width: 27px; height: 38px; overflow: hidden; position: relative; vertical-align: top; margin-right: 10px; } .module_activity_title_droplet { position: absolute; top: 0px; left: 0px; width: 27px; height: 38px; z-index: 250; } .module_activity_title_droplet img { width: 100%; position: absolute; top: 0px; left: 0px; } .module_activity_title_content { position: absolute; bottom: 5px; left: 7px; width: 20px; height: 20px; z-index: 260; color: #FFFFFF; font-family: 'dosisbold'; font-size: 12px; line-height: 24px; text-align: center; } .module_activity_title_content.cross { position: absolute; bottom: 8px; left: 9px; width: 14px; height: 15px; z-index: 260; color: #FFFFFF; font-family: 'dosisbold'; font-size: 12px; line-height: 24px; text-align: center; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: 0px -278px; } .module_activity_title_content.complete { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: 0px -252px; } .module_activity_title_content img { width: 100%; } .module_drip_arrow_outer { display: inline-block; width: 25%; vertical-align: top; text-align: right; padding-top: 4px; } .module_activity_title_arrow { position: relative; display: inline-block; width: 20px; height: 20px; margin-top: 8px; border: 0px solid white; overflow: hidden; margin-right: 10px; background-repeat: no-repeat; background-size: 255px; background-position: -195px 1px; } .inactive .module_activity_title_arrow { background-position: -195px -131px; } .module_activity_title_arrow.fresher_water { background-image: url('../img/Fresher_sprite.png'); } .module_activity_title_arrow.secret_water { background-image: url('../img/Secret_sprite.png'); } .module_activity_title_arrow.global_water { background-image: url('../img/Global_sprite.png'); } .module_activity_title_arrow.precious_water { background-image: url('../img/Precious_sprite.png'); } .module_activity_each_header:hover .module_activity_title_droplet img { width: 100%; position: absolute; top: -37px; left: 0px; } .module_activity_each_header:hover .module_activity_title_arrow { background-position: -195px -29px; } .inactive .module_activity_each_header:hover .module_activity_title_arrow { background-position: -195px -161px; } .inactive .module_activity_outer:hover { z-index: 402; position: relative; } .inactive .activity_list_header:hover { z-index: 402; position: relative; } .module_activity_each_header.suggest .module_activity_title_arrow { background-position: -195px -29px; } .module_activity_each_header.suggest:hover .module_activity_title_arrow{ background-position: -195px -29px; } .module_activity_each_header.suggest.open:hover .module_activity_title_arrow { background-position: -195px -19px; } .inactive .module_activity_each_header.suggest .module_activity_title_arrow { background-position: -195px -161px; } .inactive .module_activity_each_header.suggest:hover .module_activity_title_arrow{ background-position: -195px -161px; } .inactive .module_activity_each_header.suggest.open:hover .module_activity_title_arrow { background-position: -195px -151px; } .module_activity_each_header.open .module_activity_title_arrow { height: 10px; margin-top: 13px; background-position: -195px -19px; } .inactive .module_activity_each_header.open .module_activity_title_arrow { height: 10px; margin-top: 13px; background-position: -195px -151px; } .module_activity_each_header.open { -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .module_activity_each_header.open .module_activity_title_droplet img { width: 100%; position: absolute; top: -37px; left: 0px; } .activity_complete_open, .activity_complete_complete { position: relative; margin: 0px 0px; font-family: 'dosissemibold'; background-color: #f08530; color: #FFFFFF; text-transform: uppercase; font-size: 24px; line-height: 26px; padding: 7px 20px; } .activity_complete_open { position: relative; margin: 0px 0px; font-family: 'dosissemibold'; background-color: #f08530; color: #FFFFFF; text-transform: uppercase; font-size: 24px; line-height: 26px; padding: 7px 20px; cursor: pointer; } .activity_complete_open_arrow { position: absolute; top: 100%; right: 20px; height: 11px; width: 21px; z-index: 190; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -90px -12px; } .activity_complete_open_arrow img { width: 100%; display: block; } .activity_complete_closed_text { display: block; } .activity_complete_open_text { display: none; } .activity_complete_close_arrow { position: absolute; top: -10px; right: 20px; width: 21px; z-index: 190; display: none; } .activity_complete_close_arrow img { display: block; width: 100%; } .activity_complete_locked { position: relative; margin: 0px 0px; font-family: 'dosissemibold'; background-color: #7d7d7d; color: #FFFFFF; text-transform: uppercase; font-size: 18px; line-height: 26px; padding: 7px 20px; } .activity_complete_locked_arrow { display: block; position: absolute; top: 100%; right: 20px; height: 11px; z-index: 190; width: 21px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -90px 0px; } .activity_complete_locked_arrow img { width: 100%; display: block; } .module_activity_title_tick_or_cross_outer { display: inline-block; width: 32px; height: 35px; overflow: hidden; position: relative; vertical-align: top; margin-right: 10px; } .module_activity_title_tick_or_cross_bg { position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; z-index: 250; margin-top: 3px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -264px -219px; -ms-filter: "alpha(opacity=40)"; opacity: .4; } .module_activity_title_tick_or_cross_bg.inactive {background-position: -362px -220px; } .module_activity_each_header .module_activity_title_tick_or_cross_bg.inactive { -ms-filter: "alpha(opacity=37.5)"; opacity: .375; } .module_activity_title_tick_or_cross_bg img { width: 100%; position: absolute; top: 0px; left: 0px; } /* ACTIVITY EACH BODY */ .module_activity_each_body { margin: -2px 2px 0px 2px; display: none; } .module_activity_body_outer { padding-left: 1.7%; padding-right: 1.7%; padding-top: 20px; padding-bottom: 20px; } .activity_body_description { width: 47.6%; border: 0px solid red; display: inline-block; vertical-align: top; margin-left: 1.2%; margin-right: 1.2%; } .activity_body_description p { color: inherit; margin-bottom: 10px; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; } .activity_body_description .bold { font-family: 'dosissemibold'; } .module_activity_each_body_right { width: 47.6%; margin-left: 1.2%; margin-right: 1.2%; display: inline-block; vertical-align: top; } .activity_icons_outer { width: 102%; } .points_icon, .duration_icon, .difficulty_icon { position: relative; display: inline-block; width: 33px; height: 33px; margin: 1px; } .points_icon { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -103px -149px; } .duration_icon { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -69px -149px; } .difficulty_icon { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -34px -149px; } .inactive_x .points_icon { background-position: -103px -184px; } .inactive_x .duration_icon { background-position: -69px -184px; } .inactive_x .difficulty_icon { background-position: -34px -184px; } .curr_icon_text { position: relative; vertical-align: top; font-family: 'dosissemibold'; color: #FFFFFF; text-align: center; font-size: 14px; line-height: 33px; z-index: 190; } .points_icon img, .duration_icon img, .difficulty_icon img { position: absolute; top: 0px; left: 0px; width: 100%; display: block; z-index: 180; } .curriculum_icon { display: inline-block; width: 33px; height: 33px; margin: 1px; vertical-align: top; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; } .curriculum_icon.science { background-position: -174px -150px; } .curriculum_icon.drama { background-position: -209px -150px; } .curriculum_icon.citizenship { background-position: -277px -150px; } .curriculum_icon.maths { background-position: -444px -150px; } .curriculum_icon.art_design { background-position: -243px -150px; } .curriculum_icon.food_technology { background-position: -344px -150px; } .curriculum_icon.geography { background-position: -378px -150px; } .curriculum_icon.literacy { background-position: -411px -150px; } .curriculum_icon.design_technology { background-position: -311px -150px; } .curriculum_icon.music { background-position: -0px -184px; } .inactive .curriculum_icon.science { background-position: -174px -184px; } .inactive .curriculum_icon.drama { background-position: -209px -184px; } .inactive .curriculum_icon.citizenship { background-position: -277px -184px; } .inactive .curriculum_icon.maths { background-position: -444px -184px; } .inactive .curriculum_icon.art_design { background-position: -243px -184px; } .inactive .curriculum_icon.food_technology { background-position: -344px -184px; } .inactive .curriculum_icon.geography { background-position: -378px -184px; } .inactive .curriculum_icon.literacy { background-position: -411px -184px; } .inactive .curriculum_icon.design_technology { background-position: -311px -184px; } .inactive .curriculum_icon.music { background-position: -0px -218px; } .curriculum_icon.ict { background-position: -34px -218px; } .curriculum_icon.language { background-position: -138px -218px; } .curriculum_icon.numeracy { background-position: -69px -218px; } .curriculum_icon.social_studies { background-position: -104px -218px; } .inactive .curriculum_icon.ict { background-position: -34px -252px; } .inactive .curriculum_icon.language { background-position: -138px -252px; } .inactive .curriculum_icon.numeracy { background-position: -69px -252px; } .inactive .curriculum_icon.social_studies { background-position: -104px -252px; } .activity_documents_outer { position: relative; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 9px; margin: 2px 0px; } .activity_documents_title { font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; position: relative; margin-bottom: 5px; } .activity_resources_outer { position: relative; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 9px; margin: 2px 0px; } .activity_resources_title { font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; position: relative; margin-bottom: 5px; } .activity_articles_outer { position: relative; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 9px; margin: 2px 0px; } .activity_articles_title { font-family: 'dosissemibold'; font-size: 18px; line-height: 24px; position: relative; margin-bottom: 5px; } .activity_document_link_each a, .activity_document_link_each a:visited, .activity_resource_link_each a, .activity_resource_link_each a:visited, .activity_articles_link_each a, .activity_articles_link_each a:visited { font-family: 'dosissemibold'; font-size: 14px; line-height: 18px; text-decoration: none; color: #f08530; } .activity_document_link_each a:hover, .activity_resource_link_each a:hover, .activity_articles_link_each a:hover { color: #fcb65b; } .not_doing_link_outer { position: relative; padding: 9px 0px; font-size: 14px; line-height: 15px; font-family: 'dosissemibold'; } .not_doing_submit { font-family: 'dosisbold'; font-size: 14px; line-height: 18px; border: 0px solid red; color: #f08530; background: none; text-transform: uppercase; padding: 0px; text-align: left; cursor: pointer; } .not_doing_submit::-moz-focus-inner { padding: 0; border: 0 } .not_doing_text { } .not_doing_text a { text-decoration: none; color: #f08530; } .not_doing_text a:hover { color: #fcb65b; } .not_doing_text_button { float: left; margin-right: 10px; width: 32px; height: 32px; cursor: pointer; } .not_doing_text_button_img { position: relative; width: 32px; padding: 0px; height: 32px; border: 0px; font-size: 0px; background-color: transparent; background-repeat: no-repeat; background-image: url('../img/all_sprite.png'); background-size: 500px; background-position: -138px -184px; cursor: pointer; } .not_doing_text_button_img.redoing { background-position: -140px -149px; } /* ACTIVITY EACH FOOTER */ .activity_each_footer { position: relative; padding: 10px 3.25%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .activity_each_footer.clickable { cursor: pointer; } .activity_footer_total_points { display: inline-block; width: 50%; font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; text-align: right; } .activity_footer_points_text { display: inline-block; font-family: 'dosissemibold'; font-size: 14px; line-height: 24px; text-align: left; } .activity_each_footer_droplets { display: inline-block; width: 50%; } .display_open_to_questions .activity_each_footer { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .large_point_droplet_outer { display: inline-block; position: relative; margin-left: 7px; } .large_point_droplet_drop { height: 50px; width: 36px; position: relative; z-index: 190; } .large_point_droplet_drop img { display: block; width: 100%; } .large_point_droplet_points { position: absolute; z-index: 200; font-family: 'dosissemibold'; color: #FFFFFF; font-size: 14px; width: 100%; text-align: center; bottom: 5px; left: -2px; } .small_point_droplet_outer { display: inline-block; position: relative; margin-left: 7px; } .small_point_droplet_drop { height: 37px; width: 27px; position: relative; z-index: 190; } .small_point_droplet_drop img { display: block; width: 100%; } .small_point_droplet_points { position: absolute; z-index: 200; font-family: 'dosissemibold'; color: #FFFFFF; font-size: 14px; width: 100%; text-align: center; bottom: 5px; left: 0px; } .aftp_short { display: none; } .footer_droplet_image.xlarge { border: 0px solid red; width: 36px; height: 50px; background-repeat: no-repeat; background-size: 255px; background-position: -217px -163px; } .footer_droplet_image.medium { border: 0px solid blue; width: 27px; height: 37px; background-repeat: no-repeat; background-size: 255px; background-position: -224px -122px; } .inactive_x .footer_droplet_image.xlarge { background-position: -157px -177px; } .inactive_x .footer_droplet_image.medium { background-position: -164px -136px; } .footer_droplet_image.cleaner_water_points { background-image: url('../img/Fresher_sprite.png'); } .footer_droplet_image.secret_water_points { background-image: url('../img/Secret_sprite.png'); } .footer_droplet_image.global_water_points { background-image: url('../img/Global_sprite.png'); } .footer_droplet_image.precious_water_points { background-image: url('../img/Precious_sprite.png'); } /* ACTIVITY COMPLETE FORM */ .form_inner { position: relative; } .activity_complete_form_outer { background-color: #f08530; margin: 0px 0px; font-family: 'dosisregular'; font-size: 14px; line-height: 20px; padding: 7px 2px 21px 2px; display: none; } #modal_window_content .activity_complete_form_outer { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 2px 2px 2px; } .complete_activity_form { position: relative; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 180; padding: 20px 3.25%; } .question_title_outer { position: relative; width: 100%; display: block; padding-bottom: 5px; padding-top: 35px; } .medc_icon { position: relative; display: inline-block; height: 20px; width: 20px; vertical-align: top; margin-right: 10px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; } .medc_icon.eye { background-position: -120px 0px; } .medc_icon.thumb { background-position: -165px 0px; } .medc_icon.handshake { background-position: -142px 0px; } .medc_icon.heart { width: 23px; background-position: -297px -219px; } .question_title { display: inline-block; font-family: 'dosissemibold'; font-size: 18px; line-height: 20px; vertical-align: top; width: 90%; } .complete_activity_form .form_field_outer { width: 100%; } .complete_activity_form textarea { width: 100%; height: 80px; resize:vertical; font-family: "dosisregular"; font-size: 14px; color: #7c7c7c; padding: 5px; border: 1px solid #d1d1d1; } .complete_activity_form input, select { width: 48%; } .complete_activity_form .form_field_outer select { min-width: 48%; } .every_drop { float: right; width: 74px; } .every_drop img { display: block; width: 100%; } .question_title label { display: inline-block; font-family: 'dosissemibold'; font-size: 18px; line-height: 20px; vertical-align: top; padding-top: 0px; } .question_title label p { display: inline-block; font-family: 'dosissemibold'; font-size: 18px; line-height: 20px; vertical-align: top; padding-top: 0px; } .questions_opening_text, .questions_closing_text { font-family: "dosisregular"; font-size: 18px; line-height: 24px; padding-right: 100px; padding-bottom: 10px; } .questions_closing_text { padding-top: 35px; padding-right: 0px; } .questions_opening_text p, .questions_closing_text p { color: inherit; font-family: "dosisregular"; font-size: 18px !important; line-height: 24px; } .questions_opening_text a, .questions_opening_text a:visited { text-decoration: none; color: #f08530; } .questions_opening_text p a:hover { color: #fcb65b; } .questions_opening_text p .bold, .questions_closing_text p .bold { font-family: 'dosissemibold'; } .question_title_description { padding-bottom: 5px; } .question_title_description p { color: inherit; position: relative; font-family: "dosisregular"; font-size: 18px !important; line-height: 24px; } .complete_activity_form .checkbox_outer { font-family: "dosisregular"; color: #636363; font-size: 16px !important; line-height: 24px; vertical-align: top; } .checkbox_option { display: inline-block; font-family: "dosisregular"; color: #636363; font-size: 16px !important; line-height: 20px; vertical-align: top; } .complete_activity_form input[type='checkbox'] { vertical-align: top; margin-top: 4px; } input[type="radio"] { margin-right: 10px; width: auto !important; vertical-align: top; } .likert_horizontal_each_outer { display: inline-block; border: 0px solid red; vertical-align: top; padding: 0px 5px; } .across8 { width: 12.5%; } .across7 { width: 14%; } .across6 { width: 16%; } .across5 { width: 20%; } .likert_horizontal_label { display: block; position: relative; width: 100%; text-align: center; font-size: 14px; line-height: 14px; } .likert_horizontal_input { display: block; position: relative; width: 100%; text-align: center; } /* NEXT ARROW */ #next_arrow { display: none; position: absolute; z-index: 403; width: 77px; height: 65px; border: 0px solid red; margin-left: -38px; left: 50%; top: 60px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -402px -224px; font-family: 'dosisextrabold'; color: #165990; font-size: 14px; text-transform: uppercase; text-align: center; padding-top: 32px; } .it #next_arrow, .eu #next_arrow, .es #next_arrow { font-size: 8px; } /* SURVEY ACTIVITIES */ .module_activity_each_body.display_open_to_questions { display: block; } .unlocked_false .display_open_to_questions .activity_complete_form_outer { display: none; } .display_open_to_questions .activity_complete_open { display: none; } .activity_complete .display_open_to_questions .activity_complete_form_outer { display: none; } .display_open_to_questions .activity_complete_form_outer { display: block; background-color: transparent; } .display_open_to_questions .complete_activity_form { background-color: transparent; } .display_open_to_questions .module_activity_body_outer { display: none; } .display_open_to_questions .module_activity_each_body { margin-top: 0px; margin-bottom: -2px; } .display_open_to_questions .module_activity_each_header { display: none; } /* PERFORMANCE TABLES */ .perf_table { } .perf_table .content_block_inner { padding: 15px 0px; } #performance_table_title_outer { width: 100%; position: relative; padding: 10px 25px; } #performance_table_title_flag { float: left; width: 65px; border: 1px solid white; margin-right: 18px; } #performance_table_title_flag img { width: 100%; display: block; } #performance_table_title_text { float: left; font-family: 'dosisregular'; color: #FFFFFF; font-size: 36px; line-height: 46px; padding-top: 1px; } #performance_table_title_back { float: right; padding-top: 1px; } #performance_table_title_back a { color: #f08530; font-family: 'dosisregular'; font-size: 36px; line-height: 46px; text-decoration: none; } #performance_table_title_back a:visited { color: #f08530; } #performance_table_title_back a:hover { color: #fcb65b; } .performance_table { border-collapse: collapse; border: 1px solid #1f75ba; } .performance_table th { border-collapse: collapse; border: 1px solid #1f75ba; font-family: 'dosisregular'; color: #FFFFFF; font-size: 18px; line-height: 18px; height: 55px; background-color: #15598f; vertical-align: middle; text-transform: uppercase; padding-left: 10px; padding-right: 10px; } .performance_table td { border-collapse: collapse; padding: 5px 6px; border: 1px solid #1f75ba; font-family: 'dosisregular'; color: #FFFFFF; font-size: 18px; color: #15598f; background-color: #FFFFFF; vertical-align: middle; text-transform: uppercase; } .th_inner_text { display: inline-block; } .performance_table th.fw_th { background-color: #3b6e29; color: #9ac55b; padding: 5px 5px 5px 5px; text-align: center; position: relative; } .performance_table th.fw_th img { width: 29px; display: inline-block; position: absolute; top: 5px; right: 5px; } .performance_table th.sw_th { background-color: #ac7f01; color: #f9b905; padding: 5px 5px 5px 5px; text-align: center; position: relative; } .performance_table th.sw_th img { width: 29px; display: inline-block; position: absolute; top: 5px; right: 5px; } .performance_table th.gw_th { background-color: #02504b; color: #058f87; padding: 5px 5px 5px 5px; text-align: center; position: relative; } .performance_table th.gw_th img { width: 29px; display: inline-block; position: absolute; top: 5px; right: 5px; } .performance_table th.pw_th { background-color: #5b3757; color: #af5a9d; padding: 5px 5px 5px 5px; text-align: center; position: relative; } .performance_table th.pw_th img { width: 29px; display: inline-block; position: absolute; top: 5px; right: 5px; } .performance_table th.heart img { width: 23px; } .performance_table th .white { color: #FFFFFF; } .performance_table td.fw_td { background-color: #ebf0e9; } .performance_table td.sw_td { background-color: #f7f2e5; } .performance_table td.gw_td { background-color: #e5eded; } .performance_table td.pw_td { background-color: #eeebee; } .performance_table td.b_td, .performance_table td.aps, .performance_table td.lbbg { background-color: #e7eef4; } .performance_table td.aps { width: 150px; } .performance_table td.td_sb { font-family: 'dosissemibold'; } .performance_table td.td_h { color: #ec008c; } #performance_table_title_go_to_global { padding-left: 25px; margin-top: 10px; } #performance_table_title_go_to_global a { color: #f08530; font-family: 'dosisregular'; font-size: 24px; line-height: 24px; text-decoration: none; } #performance_table_title_go_to_global a:visited { color: #f08530; } #performance_table_title_go_to_global a:hover { color: #fcb65b; } .performance_table td#perf_table_total_td { text-transform: none; color: #FFFFFF; background-color: #15598f; font-family: 'dosisregular'; font-size: 24px; line-height: 24px; text-align: right; padding-top: 10px; padding-bottom: 10px; } .perf_table_forms_outer { position: absolute; top: 0px; right: 0px; height: 25px; } .pt_tn { position: relative; word-wrap: break-word; min-height: 20px; width: 100%; } .team_name_text { padding-right: 85px; } .team_name_text a, .team_name_text a:visited { text-decoration: none; color: #f08530; } .team_name_text a:hover { color: #fcb65b; } .team_name_flag { display: inline-block; height: 16px; width: 26px; border: 1px solid #15598f; vertical-align: top; margin-top: 2px; margin-right: 5px; padding: 0px; } .team_name_flag img { width: 100%; display: block; } /************* THIS *************/ .content_set_outer { position: relative; clear: both; border-top: 1px solid transparent; width: 100%; text-align: left; margin-top: -1px; } .one_left_col, .one_right_col, .one_col, .one_left_col_stack, .one_right_col_stack { display: block; min-width: 320px; position: relative; font-size: 10px; margin: 1.04%; width: 31.25%; text-align: left; } .one_left_col, .one_col { float: left; } .one_right_col { float: right; } .one_left_col_stack, .one_right_col_stack, .one_left_col, .one_right_col, .one_col { width: 300px; padding: 0px; min-width: 300px; position: absolute; top: 0px; } .one_left_col_stack, .one_left_col, .one_col { float: left; margin-right: 10px; margin-left: 10px; left: 0px; } .one_right_col_stack, .one_right_col { float: right; margin-left: 10px; margin-right: 10px; right: 0px; } .one_left_col_stack .one_col, .one_left_col_stack .one_left_col, .one_left_col_stack .one_right_col, .one_left_col_stack .three_col { float: none; position: relative; top: auto; margin: 0px; margin-bottom: 10px; width: 100%; text-align: left; } .one_right_col_stack .one_col, .one_right_col_stack .one_left_col, .one_right_col_stack .one_right_col, .one_right_col_stack .three_col { float: none; position: relative; top: auto; margin: 0px; margin-bottom: 10px; width: 100%; text-align: left; } .one_left_col_stack .content_block_inner, .one_right_col_stack .content_block_inner { padding: 20px 20px; } .one_left_col_stack .no_pad .content_block_inner, .one_right_col_stack .no_pad .content_block_inner { padding: 0px; } .one_grid_col { display: inline-block; position: relative; font-size: 10px; margin: 10px 10px; width:140px; height: 140px; vertical-align: top; } .one_grid_col .content_block_inner { height: 140px; } .one_grid_grid_col { display: inline-block; position: relative; font-size: 10px; margin: 10px 10px; width:140px; height: 140px; vertical-align: top; } .one_grid_grid_col .content_block_inner { height: 140px; } .two_col { position: relative; font-size: 10px; margin: 10px 10px; width: 100%; display: inline-block; vertical-align: top; min-width: 300px; text-align: left; } .three_col { position: relative; font-size: 10px; width: 100%; margin: 10px 0px; padding: 0px 10px; display: inline-block; vertical-align: top; min-width: 300px; text-align: left; } .three_col .text_only { padding-left: 10px; padding-right: 10px; } .content_block_inner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFF; padding: 20px 20px; position: relative; } .no_pad .content_block_inner { padding: 0px; } .no_bg .content_block_inner { background-color: transparent !important; } .blue_bg .content_block_inner { background-color: #165990 !important; } .blue_bg .text_only p, .blue_bg .text_only ul, .blue_bg .text_only ol, .blue_bg .text_only h3, .blue_bg .text_only h4, .blue_bg .text_only h5 { color: #FFFFFF !important; } .two_col_stack { position: relative; font-size: 10px; margin: 10px 1.04%; width: 64.58%; display: inline-block; vertical-align: top; min-width: 320px; } .two_col { width: auto; overflow: auto; display: block; } .mission_control .content_block_inner { padding: 15px 20px; } .mission_control .text_only p { padding-bottom: 5px; } .generic_video { width: 100% !important; margin: 0px; position: relative; max-width: 100%; overflow: hidden; } .generic_imagevideo_outer .generic_video { max-width: none !important; } /* .two_col_stack { position: relative; width: 66.66%; display: inline-block; vertical-align: top; padding: 0px; margin: 1.04% 0px; } .two_col_stack .two_col { margin: 1.5625%; width: 96.875%; overflow: visible; } */ h2.on_white { font-family: 'dosissemibold'; font-size: 24px; color: #1f75ba; line-height: 30px; } h2.on_blue { font-family: 'dosisregular'; font-size: 24px; color: #FFFFFF; line-height: 30px; } h2.on_blue a, h2.on_blue a:visited { text-decoration: none; color: #f08530; } h2.on_blue a:hover { color: #fcb65b; } .no_back .content_block_inner { background-color: transparent; } .blue_back .content_block_inner { background-color: #15598f; } .orange_back .content_block_inner { background-color: #ee843b; } .light_blue_back .content_block_inner { background-color: #1f75ba; } .midtext { font-family: 'dosisregular'; font-size: 18px; line-height: 24px; } .midtext a { text-decoration: none; color: #fcb65b; } .dosissemibold { font-family: 'dosissemibold'; } .pip_debug { font-size: 20px; color: red; display: none; } /* .two_col_stack { width: auto; overflow: auto; display: block; } */ .no_bg { background-color: transparent !important; } .no_pad { padding: 0px; } .one_vm { display: block; } .two_col.nogapafter { margin-bottom: 0px; } .two_col.nogapbefore { margin-top: 0px; } .three_col.nogapafter { margin-bottom: 0px; } .three_col.nogapbefore { margin-top: 0px; } .nogapbefore .content_block_inner, .two_col_stack .two_col.nogapbefore .content_block_inner, .two_col_stack .two_col.nogapbefore { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 0px !important; padding-top: 0px; } .nogapafter .content_block_inner, .two_col_stack .two_col.nogapafter .content_block_inner, .two_col_stack .two_col.nogapafter { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-bottom: 0px !important; padding-bottom: 0px; } .one_justified_3_col { display: inline-block; width: 33.33%; padding-left: 10px; padding-right: 10px; vertical-align: top; min-width: 320px; } .one_justified_2_col { display: inline-block; width: 50%; padding-left: 10px; padding-right: 10px; vertical-align: top; min-width: 320px; } .one_justified_1_col { display: inline-block; width: 100%; padding-left: 10px; padding-right: 10px; vertical-align: top; min-width: 320px; } /****** MODAL WINDOW *******/ #modal_window_outer { position: absolute; top: 0px; left: 0px; width: 100%; min-height: 100%; z-index: 2000; display: none; } #modal_window_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; -ms-filter: "alpha(opacity=90)"; opacity: 0.9; } #modal_window_inner { position: relative; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 980px; margin-top: 158px; padding-top: 10px; padding-left: 10px; padding-right: 10px; border: 0px solid white; } #modal_window_close { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; background-image: url('../img/all_sprite.png'); background-position: 0px 0px; background-repeat: no-repeat; z-index: 2001; } #modal_window_content { position: relative; width: 100%; } #modal_window_content #sp_team_photo_image { margin-left: auto !important; margin-right: auto !important; display: block; height: auto; text-align: center; } #sp_team_photo_image img { width: 100%; display: block; } #modal_window_content .module_activity_outer.display_open_to_questions { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-bottom: 0px !important; padding-bottom: 0px; } /***** SUB NAV ******/ .roll_over_nav_outer { display: none; border: 0px solid red; position: absolute; left: 50%; text-align: center; z-index: 110; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .main_menu_item:hover .roll_over_nav_outer { display: block; } .roll_over_nav_top_gap { position: relative; border-top: 2px solid #a7dcf2; left: -50%; width: 100%; height: 0px; } #ron_about-us { } #ron_what-we-do { } .roll_over_nav_outer:hover { display: block; } .roll_over_nav_inner { position: relative; border: 0px solid yellow; left: -50%; padding: 0px 5px; } .roll_over_nav_inner_inner { position: relative; border: 5px solid #15598f; padding: 1px; padding-bottom: 6px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .roll_over_bg { background-color: #FFFFFF; position: absolute; height: 100%; width: 100%; z-index: 100; top: 0px; left: 0px; } .ron_menu_item { padding: 0px 17px; width: 100%; white-space: nowrap; border: 0px solid black; position: relative; z-index: 110; line-height: 18px; font-size: 14px; color: #f08530; text-align: center; margin-bottom: 1px; } .ron_menu_item.non_sel a { color: #f08530; text-decoration: none; } .ron_menu_item.non_sel a:hover { color: #FFFFFF; } .ron_menu_item.non_sel:hover { background-color: #27aae0; } .ron_menu_item.selected a { color: #FFFFFF; text-decoration: none; } .ron_menu_item.selected a:hover { color: #FFFFFF; } .ron_menu_item.selected { background-color: #27aae0; } /******** IMAGE GALLERY *******/ #image_gallery_outer { position: relative; width: 100%; border: 0px solid red; padding-bottom: 40px; } .image_gallery_each_outer { position: relative; display: inline-block; width: 33.33%; border: 0px solid blue; padding: 10px; vertical-align: top; min-width: 300px; } .image_gallery_each_outer img { width: 100%; display: block; padding-bottom: 5px; } .image_gallery_each_inner { position: relative; width: 100%; display: block; padding: 0px; } .image_gallery_each_inner .blog_image_outer { position: relative; float: none; width: 100%; margin-left: 0px; } .image_gallery_each_inner .blog_video_outer { position: relative; float: none; width: 100%; margin-left: 0px; } .image_gallery_each_inner .generic_video { position: relative; } .image_gallery_caption_outer { font-size: 16px; line-height: 20px; } .image_gallery_caption_outer a { text-decoration: none; font-family: 'dosisregular'; color: #e0651f; border: 0px; outline: none; } .image_gallery_caption_outer a:hover { color: #fcb65b; } .image_gallery_caption_outer .blog_activity_info { font-family: 'dosisregular'; color: #15598f; font-size: inherit; line-height: inherit; } .caption_e_title { font-family: 'dosisregular'; color: #1f75ba; } .caption_e_school { font-family: 'dosissemibold'; color: #e0651f; } .caption_e_school a { font-family: 'dosissemibold'; } .caption_e_date { font-family: 'dosisregular'; color: #15598f; } .image_download a { font-size: 16px; line-height: 20px; text-transform: uppercase; } /****** VIEW AS LIST ******/ .map_view_buttons_outer { width: 100%; border: 0px solid red; position: relative; font-size: 0px; line-height: 0px; padding-bottom: 20px; } .map_view_button_outer { display: inline-block; width: 50%; border: 0px solid blue; } .map_view_button_outer a, .map_view_button_outer a:visited { text-decoration: none; outline: none; border: 0px; } a:hover .map_view_button { background-color: #fcb65b; } .map_view_button { font-size: 24px; text-transform: uppercase; font-family: 'dosissemibold'; line-height: 24px; background-color: #f08530; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; color: #FFFFFF; } .map_view_button.selected { background-color: #15598f; } #view_by_map { padding-right: 10px; } #view_by_list { padding-left: 10px; } ul#school_list_outer { padding-left: 0px; } .school_list_each { display: block; font-family: 'dosisregular'; font-size: 18px; color: #1f75ba; padding-bottom: 5px; } .ln-no-match { display: block; font-family: 'dosisregular'; font-size: 18px; color: #1f75ba; padding-bottom: 5px; } .school_list_name, .school_list_city, .school_list_country { display: inline-block; } .school_list_city, .school_list_country { font-size: 12px; } .school_list_each a, .school_list_each a:visited { color: #f08530; } .school_list_each a:hover { color: #fcb65b; } .school_list_each .contactable_icon { margin-left: 5px; } .contactable_school_hover { display: block; position: relative; } .contactable_school_hover:hover { display: block; } .contactable_school_hover p { display: block; font-size: 12px; padding: 0px !important; margin: 0px !important; line-height: 14px; } .listNav { margin: 0 0 20px; } .ln-letters { overflow:hidden; margin-bottom: 10px; } .ln-letters a { font-family: 'dosisregular'; font-size: 18px; color: #f08530; display:block; float:left; padding: 2px 6px 2px 0px; border: 0px solid silver; border-right:none; text-decoration:none; } .ln-letters a.ln-last { border-right:0px solid silver; } .ln-letters a:hover { color: #fcb65b; } .ln-letters a.ln-selected { color: #15598f; font-family: 'dosissemibold'; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; } #list_school_country_dropdown_outer { margin-bottom: 15px; } .contactable_icon { display: inline-block; width: 15px; margin-right: 5px; position: relative; } .contactable_icon img { display: block; width: 100%; } .school_list_each .contactable_icon { cursor: pointer; } .school_list_each .contactable_icon:hover .contactable_school_hover { display: block; } #list_schools_key_outer p { display: inline-block; font-family: 'dosisregular'; font-size: 18px; line-height: 24px; padding: 0px; margin-bottom: 15px; } /****** GALLERY VIEW BUTTONS ******/ .gallery_view_buttons_outer { width: 100%; border: 0px solid red; position: relative; font-size: 0px; line-height: 0px; padding-bottom: 20px; } .gallery_view_button_outer { display: inline-block; width: 33.33%; border: 0px solid blue; min-width: 300px; padding-left: 10px; padding-right: 10px; } .gallery_view_button_outer a, .gallery_view_button_outer a:visited { text-decoration: none; outline: none; border: 0px; } a:hover .gallery_view_button { background-color: #fcb65b; } .gallery_view_button { font-size: 24px; text-transform: uppercase; font-family: 'dosissemibold'; line-height: 24px; background-color: #f08530; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; color: #FFFFFF; } .gallery_view_button.selected { background-color: #15598f; } #view_images_outer { } #view_videos_outer { } #filter_gallery { padding: 0px 0px 20px 0px; font-size: 0px; line-height: 0px; } #filter_gallery select { width: 100%; } .filter_gallery_input { display: inline-block; min-width: 300px; width: 33.33%; padding-left: 10px; padding-right: 10px; } .gallery_sub_title { position: relative; font-family: 'dosisregular'; color: #15598f; text-transform: uppercase; font-size: 18px; line-height: 24px; padding-left: 10px; } .gallery_hr_outer { height: 4px; width: 100%; padding: 0px 10px; position: relative; margin-bottom: 40px; margin-top: 36px; } .gallery_hr { height: 4px; width: 100%; border: 0px; background-image: url('../img/hr_dots.png'); background-size: 13px; background-repeat: repeat-x; } /******** SCHOOL PAGE TOP STRIP ******/ #school_page_top_strip_outer { border: 0px solid red; top: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 221; } .school_page_top_strip_inner { margin-left: auto !important; margin-right: auto !important; max-width: 980px; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; } .school_page_top_strip { padding: 0px 20px 0px 30px; float: right; min-height: 20px; background-color: #15598f; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .school_page_top_strip_left { background-color: #15598f; height: 100%; position: absolute; left: 100%; margin-left: -10px; top: 0; width: 2000px; } #view_reservior_link { display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 14px; line-height: 18px; color: #27aae0; padding-top: 1px; padding-bottom: 1px; } #view_reservior_link.disabled { color: #27aae0; } #view_reservior_link.enabled { color: #fcb65b; cursor: pointer; } #view_reservior_link.enabled:hover { color: #f08530; } .school_page_top_spacer { display: inline-block; font-family: 'dosissemibold'; color: #27aae0; font-size: 14px; line-height: 18px; padding-left: 26px; padding-right: 26px; padding-top: 1px; padding-bottom: 1px; } #expedition_dossiers_link { display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 14px; line-height: 18px; color: #fcb65b; cursor: pointer; } #expedition_dossiers_link:hover { color: #f08530; } #contact_school_link { display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 14px; line-height: 18px; color: #fcb65b; cursor: pointer; padding-top: 1px; padding-bottom: 1px; } #contact_school_link:hover { color: #f08530; } #edit_profile_link { display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 14px; line-height: 18px; color: #fcb65b; cursor: pointer; padding-top: 1px; padding-bottom: 1px; } #edit_profile_link:hover { color: #f08530; } #view_profile_link { display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 14px; line-height: 18px; color: #fcb65b; cursor: pointer; padding-top: 1px; padding-bottom: 1px; } #view_profile_link:hover { color: #f08530; } #view_caps_link { display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 14px; line-height: 18px; margin-left: -31px; margin-top: -1px; padding: 1px 26px; margin-right: 26px; color: #FFFFFF; cursor: pointer; background-color: #f08530; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #view_caps_link:hover { background-color: #fcb65b; } #view_caps_link a, #view_caps_link a:visited, #view_caps_link a:hover { color: #FFFFFF; text-decoration: none; } /* FRANCE */ .fr #register_button { font-size: 18px; } .fr #login_button { font-size: 18px; } .fr form .submit.orange_on_blue { font-size: 18px; } .fr #rl_points_table .th_title { font-size: 18px; line-height: 18px; } .fr .main_menu_item { font-size: 20px; } .fr .performance_table th { font-size: 14px; line-height: 14px; } .fr #one_col_target_reached_text { line-height: 28px; } .fr .infobox_link { font-size: 16px; line-height: 18px; } .fr .page_title { font-size: 70px; } .fr #target_reached_infographic { font-size: 18px; } .fr .activity_list_title { font-size: 21px; } .fr .activity_list_header .module_logo { margin-left: 10px; } .fr .mc_linear_button_text { font-size: 18px; } .fr .module_drip_arrow_outer { width: 17%; } .fr .module_activity_title_outer { width: 83%; padding-right: 3px; } .fr #next_arrow { font-size: 11px; } /* SWISS FRANCE */ .frch #register_button { font-size: 18px; } .frch #login_button { font-size: 18px; } .frch form .submit.orange_on_blue { font-size: 18px; } .frch #rl_points_table .th_title { font-size: 18px; line-height: 18px; } .frch .main_menu_item { font-size: 20px; } .frch .performance_table th { font-size: 14px; line-height: 14px; } .frch #one_col_target_reached_text { line-height: 28px; } .frch .infobox_link { font-size: 16px; line-height: 18px; } .frch .page_title { font-size: 70px; } .frch #target_reached_infographic { font-size: 18px; } .frch .activity_list_title { font-size: 21px; } .frch .activity_list_header .module_logo { margin-left: 10px; } .frch .mc_linear_button_text { font-size: 18px; } .frch .module_drip_arrow_outer { width: 17%; } .frch .module_activity_title_outer { width: 83%; padding-right: 3px; } .frch #next_arrow { font-size: 11px; } /* TURKEY */ .tr .page_title_inner_mission_control { font-size: 50px; line-height: 60px; } .tr #register_button { font-size: 16px; } .tr #login_button { font-size: 16px; } .tr #target_reached_infographic { font-size: 16px; } .tr #target_reached_line_text { font-size: 24px; } .tr #target_reached_line_text_short { font-size: 24px; } .tr #target_reached_line_text_medium { font-size: 24px; } .tr #register_or_login_box { font-size: 20px; } .tr #next_arrow { font-size: 11px; } /* POLAND */ .pl #register_button { font-size: 14px; } .pl #login_button { font-size: 14px; } .pl #target_reached_infographic { font-size: 14px; } .pl form .submit.orange_on_blue { font-size: 14px; } .pl #sp_res_tab_top { font-size: 16px; } .pl #sp_res_tab_lower { font-size: 16px; } .pl .performance_table th { font-size: 14px; } .pl #rl_points_table .th_title { font-size: 18px; line-height: 18px; } .pl .performance_table th { font-size: 14px; line-height: 14px; } .pl #news_open_text { font-size: 22px; } .pl #next_arrow { font-size: 10px; } /* GERMANY */ .de #target_reached_line_text { font-size: 24px; } .de #target_reached_line_text_short { font-size: 24px; } .de #target_reached_line_text_medium { font-size: 24px; } .de #register_button { font-size: 16px; } .de #login_button { font-size: 16px; } .de form .submit.orange_on_blue { font-size: 16px; } .de #target_reached_infographic { font-size: 16px; } .de #next_arrow { font-size: 10px; } /* SWISS GERMANY */ .gsw #register_button { font-size: 16px; } .gsw #login_button { font-size: 16px; } .gsw form .submit.orange_on_blue { font-size: 16px; } .gsw #target_reached_infographic { font-size: 16px; } .gsw #sp_res_tab_top { font-size: 16px; } .gsw #sp_res_tab_lower { font-size: 16px; } .gsw .performance_table th { font-size: 14px; } .gsw #next_arrow { font-size: 10px; } /* SPAIN */ .es #register_button { font-size: 18px; } .es #login_button { font-size: 18px; } .es form .submit.orange_on_blue { font-size: 18px; } .es #target_reached_infographic { font-size: 18px; } .es #target_reached_line_text { font-size: 24px; } .es #target_reached_line_text_short { font-size: 24px; } .es #target_reached_line_text_medium { font-size: 24px; } .es #news_open_text { font-size: 24px; } .es #next_arrow { font-size: 10px; } /* BASQUE */ .eu #register_button { font-size: 16px; } .eu #login_button { font-size: 16px; } .eu form .submit.orange_on_blue { font-size: 16px; } .eu #target_reached_infographic { font-size: 16px; } .eu #reg_or_log_or { font-size: 21px; } .eu #target_reached_line_text { font-size: 21px; } .eu #target_reached_line_text_short { font-size: 21px; } .eu #target_reached_line_text_medium { font-size: 21px; } .eu #next_arrow { font-size: 8px; } /* ITALIAN */ .it #target_reached_line_text { font-size: 21px; } .it #target_reached_line_text_short { font-size: 21px; } .it #target_reached_line_text_medium { font-size: 21px; } .it #register_button { font-size: 16px; } .it #login_button { font-size: 16px; } .it form .submit.orange_on_blue { font-size: 16px; } .it #target_reached_infographic { font-size: 16px; } .it #next_arrow { font-size: 8px; } /******* RESPONSIVE WAVES *******/ @media only screen and (max-width: 840px) { /* HEADER */ #header_bg { height: 85px; } #head_bg_one { height: 68px; left: 0px; top: 43px; } #head_bg_one_wave { left: 50%; margin-left: -711.75px; width: 1486px; height: 68px; } #head_bg_two { height: 69.75px; left: 0px; top: 41px; } #head_bg_two_wave { left: 50%; margin-left: -710.5px; width: 1487.75px; height: 69.75px; } /* CONTENT TOP */ #content_bg { position: absolute; top: -25px; left: 0px; width: 100%; bottom: 0px; overflow: hidden; } #cont_bg_one, #cont_bg_two { height: 175px; } #cont_bg_one_wave, #cont_bg_three_wave { margin-left: -634.75px; width: 1384.5px; height: 278px; } #cont_bg_two_wave, #cont_bg_four_wave { margin-left: -710.5px; width: 1487.75px; height: 300px; } #cont_bg_fill { top: 175px; } #cont_bg_three, #cont_bg_four { height: 150px; top: 25px; } /* PARTNERS*/ #partners_bg { top: 30px; } #partners_bg_one_wave { margin-left: -634.75px; width: 1384.5px; height: 221px; } #partners_bg_one_block { top: 221px; } #partners_bg_two_wave { margin-left: -710.5px; width: 1487.75px; height: 300px; } #partners_bg_two_block { top: 300px; } /* FOOTER */ #footer_bg { height: 72px; bottom: auto; top: 0px; } #foot_bg_one { height: 278px; } #foot_bg_one_wave { margin-left: -634.75px; width: 1384.5px; height: 278px; } #foot_bg_two { height: 300px; } #foot_bg_two_wave { margin-left: -710.5px; width: 1487.75px; height: 300px; } #footer_bg_fill { top: 72px; } } /******** Mobile Portrait ********/ @media only screen and (max-width: 400px) { /* body::after { font-size: 14px; content: 'Mobile Portrait'; position: fixed; bottom: 0px; right: 10px; padding: 5px 10px 2px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFF; z-index: 2000; } */ /* RESPONSIVE FOOTER */ #footer_inner_inner { padding: 35px 10px 15px 10px; } #copywrite_info, .footer_menu_item { font-size: 12px; display: block; width: 100%; } /* RESPONSIVE PARTNERS*/ #hsbc_text { font-size:14px; line-height: 14px; } #in_association_text { font-size: 12px; line-height: 12px; } #gap_logo { margin-left: 20px; width: 160px; } #gap_logo_left { margin-right: -20px; } /* RESPONSIVE HEADER */ #logo_outer { top: 30px; left: 10px; margin: 0%; height: 79px; width: 107px; } #header_inner { height: 82px; } /* LANGUAGE SELECT */ .lang_header_outer { right: 10px; left: 10px; } #language_select_outer { padding: 1px 5px 3px; } .sign_in_header_text { padding: 1px 11px 1px 11px; margin-right: 0px; margin-left: 10px; webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .sign_in_out_header_outer { clear: both; padding-right: 0px; padding-top: 2px; position: absolute; top: 20px; right: 0px; z-index: 300; } /* RESPONSIVE MENU */ #menu_button { display: block; } #main_menu { display: none; padding: 25px 10px 30px 10px; background-color: #15598f !important; z-index: 180; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .main_menu_item { margin: 10px 0px; display: block; text-align: center; font-family: 'dosismedium'; color: #FFFFFF; font-size: 24px; padding: 0px 8px 0px 8px; background-color: #f7931d; text-transform: uppercase; line-height: 32px; width: 100%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border: 2px solid white; } .main_menu_item:hover, .main_menu_item.selected { background-color: #1f75ba; } .main_menu_a, .main_menu_a:visited { color: #FFFFFF; text-decoration: none; } .main_menu_a:hover, .main_menu_a:focus, .main_menu_item.selected a { color: #FFFFFF !important; } .main_menu_item.sub_nav:hover { background-color: #f7931d; } /* HOME TARGET INFOGRAPHIC */ .home_page #target_reached_line_bg, .home_page #target_text_arrow { display: none; } .home_page #target_reached_line { padding: 0px 1.5625%; text-align: center; } .home_page #target_reached_line_text_short { display: block; font-size: 28px; } .es.home_page #target_reached_line_text_short { font-size: 24px; } .eu.home_page #target_reached_line_text_short { font-size: 24px; } .it.home_page #target_reached_line_text_short { font-size: 21px; } .home_page #target_reached_line_text_medium, .home_page #target_reached_line_text, .home_page #target_reached_text, .home_page #target_reached_text_medium { display: none; } .home_page #target_reached_infographic { margin-left: 0px; margin-bottom: 0px !important; width: 100%; } .home_page #target_reached_infographic .content_block_inner { padding: 10px 10px; } .home_page #target_reached_text_short { display: block; } .home_page #target_reached_infographic .content_block_inner { webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .home_page #register_or_login_box, .home_page #misson_control_sign_out { margin-top: 0px; margin-left: 0px; width: 100%; } .home_page #register_or_login_box .content_block_inner, .home_page #misson_control_sign_out .content_block_inner { webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } /* HOME SLIDESHOW */ .homeslide_inner { padding: 0px; } /* TEAM OF THE MONTH BANNER */ .tofm_side_banner_outer, .region_team_text_text, .rofm_side_banner_outer { display: none; } .region_team_text_text_short { display: block; padding: 10px 20px 30px 20px; } .region_team_banner_outer { padding: 0px; } .region_team_name_banner { margin-left: 21px; margin-right: 21px; } .region_team_text_bg { webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .rtname_text a.team_name { display: block; } .rtname_text a.school_name { display: none; } /* BIG TEXT */ .big_text_t { width: 50%; } .big_text_td p { font-size: 18px; line-height: 18px; } /* ARTICLE */ .article_t { margin-left: 52%; width: 48%; } .article_inner { padding: 10px 10px; } .article_inner p { font-size: 0px; line-height: 0px; } .article_inner .title { font-size: 24px; line-height: 24px; } /* PAGE TITLE / BACKGROUND */ .page_title { font-size: 32px; height: 110px; line-height: 36px; top: 85px; } .page_title_inner { padding-left: 20px; padding-top: 30px; padding-right: 20px; } .page_title_inner.team_name { font-size: 18px; height: 110px; line-height: 20px; top: 0px; padding-left: 125px; padding-top: 40px; text-align: center; } #background, #bg_outer_outer, #background_starburt_outer { height: 110px; } #background_starburt { left: -40px; } .page_title.mission_control { top: 50px; } .page_title_inner_team_name { font-size: 12px; line-height: 12px; text-align: center; } .page_title_inner_mission_control { font-size: 20px; line-height: 19px; text-align: center; } /* NON HOME INFOGRAPHIC */ #target_reached_infographic.one_col { margin-left: 1.04%; width: 97.92%; } /* BLOG IMAGE */ .blog_image_outer { margin-right: 0%; margin-left: 0%; float: none; width: 100%; display: block; clear: both; } .blog_video_outer { margin-right: 0%; margin-left: 0%; float: none; width: 100%; display: block; clear: both; } #editorial_no_0 .blog_image_outer { width: 100%; } #editorial_no_0 .blog_video_outer { width: 100%; } .blog_image_caption { padding-bottom: 10px; } .blog_word_article { display: none; } .minor_blog_title_outer { width: 100%; } /* SCHOOL PAGE AVATAR */ .sp_avatar { width: 130px; height: 130px; left: -20px; bottom: -35px; } .sp_avatar img { width: 110px; margin-left: 20px; } /* MAIN CONTENT */ #main_content_inner { padding-top: 15px; } /* SCHOOL PAGE RESERVOIR */ #sp_reservoir_outer { height: 55px; } #sp_reservoir_outer .content_block_inner { display: block; } #sp_reservoir_outer .content_block_inner { display: block; position: absolute; left: 0px; bottom: 0px; width: 46.3%; height: 55px; overflow: hidden; } #sp_reservoir_outer #sp_res_outer_full { height: 55px; } #sp_reservoir_outer #sp_bins_outer, #sp_reservoir_outer #sp_res_tab_outer { display: none; } #enter_mission_content_bg { height: 55px; margin-top: -65px; background-position: left center; margin-left: 0px; left: 50.6%; } #enter_mission_content_text { width: 190px; border: 0px solid red; padding: 4px 10px; font-size: 21px; } #enter_mission_content_text br { display: none; } #sp_res_tab_outer_mobile { display: block; bottom: 10px; width: 46.3%; cursor: pointer; } #sp_res_tab_lower { line-height: 31px; padding: 0px 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #sp_res_tab_top { line-height: 24px; padding: 0px 5px; } /* MODULE BUTTONS */ .one_left_col_stack .module_button.count_4 { width: 22.6%; display: inline-block; min-width: 0px; margin: 0px 1.5625% } .one_left_col_stack .module_button.first { margin-left: 0%; } .one_left_col_stack .module_button.last { margin-right: 0%; } .one_left_col_stack .module_button .content_block_inner { padding: 5px 15px; } .module_button a { min-height: 0px; } /* .module_logo { position: relative; width: 100%; } */ .module_list_title, .module_list_drops, .module_list_short { display: none; } .module_selected_arrow.selected { display: none; } .module_selected_arrow_mobile.selected { display: block; } /* ACTIVITY LIST */ .activity_list_header .module_list_drops, .aftp_short { display: inline-block; } .aftp_long { display: none; } .activity_body_description, .module_activity_each_body_right { display: block; width: 96.8%; } .activity_complete_open { font-size: 14px; text-align: center; } /* COUNTRY INFOGRAPICS */ .one_grid_col { margin: 5px; } .one_grid_grid_col { margin: 5px; } .points_earned { font-size: 36px; line-height: 30px; } #country_page_header .content_block_inner { padding: 0px 13px; height: auto; } .country_page_header_graphic { width: 99px; height: 99px; } #country_page_header .content_block_inner .button_link_a { display: none; } .country_page_header_graphic { display: none; } /* PERFORMANCE TABLES */ td.aps, th.aps, td.totm, th.totm { display: none; } .perf_table { padding-left: 0px; padding-right: 0px; } .form_register_or_login_box { width: 270px; } form #register_button { padding: 0px 5px 0px 5px; } /* RESPONSIVE FORMS */ .two_col .form_field_outer { width: 100%; } .two_col .form_field_outer.full_width input { width: 90%; } .two_col .form_field_outer.full_width input.extra_wide { width: 90%; } .three_col .form_field_outer { width: 100%; } .three_col .form_field_outer.full_width input { width: 90%; } .three_col .form_field_outer.full_width input.extra_wide { width: 90%; } .form_field_outer input { width: 90%; } .form_field_outer select { width: 90%; } label.tandcs { width: 100%; } /* SUB NAV */ .roll_over_nav_outer { position: relative; width: 100%; display: block; left: 0%; } .roll_over_nav_top_gap { display: none; } .roll_over_nav_inner { left: 0%; } .roll_over_bg { display: none; } #sub_nav_mobile_button { display: block; } #sub_nav_inner { display: none; } .roll_over_nav_inner_inner { border: 0px; } .ron_menu_item { color: #FFFFFF; width: 50%; float: left; vertical-align: top; border: 0px solid red; } .ron_menu_item.non_sel a { color: #FFFFFF; } /***** IMAGE GALLERY *****/ .image_gallery_each_outer { position: relative; display: inline-block; width: 100%; border: 0px solid blue; padding: 10px; vertical-align: top; } /***** SEARCH BY LIST *****/ /***** LIKERT RADIOS ****/ .likert_horizontal_each_outer { display: block; border: 0px solid red; vertical-align: top; padding: 0px 0px; } .across8 { width: 100%; } .across7 { width: 100%; } .across6 { width: 100%; } .across5 { width: 100%; } .likert_horizontal_label { display: inline-block; position: relative; width: auto; text-align: left; font-size: 14px; line-height: 14px; } .likert_horizontal_input { display: inline-block; position: relative; width: auto; text-align: left; } .filter_gallery_input { width: 100% !important; } /**** MISSION CONTROL *****/ .mc_linear_button { margin-bottom: 10px; } .module_list_column_outer { width: 100%; } #activity_list_complete { margin-top: 0px !important; } #edit_avatar_icon { display: none; } #background.reservior_background { height: 200px; } #background #sp_res_outer_full { height: 200px; } .module_logo { display: none; } .profile_in_header { float: left; } #school_page_top_strip_outer { clear: both; position: relative; display: block; width: 100%; padding-top: 20px; } #profile_in_header_outer_outer { height: auto; } .school_page_top_strip_left { display: none; } .school_page_top_strip { float: none; display: block; padding: 0px 0px; background-color: transparent; width: 100%; webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .school_page_top_spacer { display: none; } #view_reservior_link, #expedition_dossiers_link, #edit_profile_link, #contact_school_link { background-color: #15598f; display: block; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } #view_caps_link { margin-left: 0px; margin-right: 0px; display: block; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } #editorial_outer { margin-bottom: 0px !important; padding: 0px 10px; margin-top: 0px !important; } #editorial_outer.closed { webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } #editorial_outer.closed .content_block_inner { border-bottom: 0px; webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } #news_column_open_close .content_block_inner { webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } #news_column_open_close { padding: 0px 10px; } #editorial_outer.schools_news { padding-right: 10px; } .three_col.opening_linear_buttons { margin-bottom: 0px !important; } #editorial_meta_outer { padding: 0px 10px; } #blog_show_more_outer { position: relative; bottom: auto; left: auto; } #ps_title_desc_outer { clear: both; padding-left: 0px; } .drag_and_drop_q_title_outer { clear: both; } .school_news_filter { width: 100%; margin-bottom: 5px; } .slide_arrow { display: none; } } @media only screen and (max-width: 700px) { /* RESPONSIVE GRID */ .one_left_col_stack, .one_right_col_stack { position: relative; top: auto; right: auto; left: auto; } .two_col, .two_col_stack, .two_col_stack .two_col, .three_col { width: 100%; display: block; margin: 10px 0px !important; } .two_col.nogapafter { margin-bottom: 0px !important; } .two_col.nogapbefore { margin-top: 0px !important; } .three_col.nogapafter { margin-bottom: 0px !important; } .three_col.nogapbefore { margin-top: 0px !important; } .one_col, .one_left_col, .one_right_col { width: 100%; margin: 10px 0px; display: block; position: relative; } .one_left_col { display:table-header-group; float: none; } .one_right_col { display:table-footer-group; float: none; } .one_left_col_stack, .one_right_col_stack { width: 100%; } .one_col_stack .one_col { margin: 1.04%; width: 97.92%; } .content_set_outer { display: table; width: 100%; padding-right: 0px !important; padding-left: 0px !important; } .one_right_col_stack{ display:table-footer-group; float: none; } .one_left_col_stack { display:table-header-group; float: none; } .one_left_col_stack .one_col, .one_left_col_stack .one_left_col, .one_right_col_stack .one_right_col, .one_left_col_stack .one_right_col, .one_left_col_stack .three_col, .one_right_col_stack .three_col { margin: 10px 0px; width: 100%; display: block; position: relative; } /* SCHOOL PAGE RESERVOIR */ /* MODULE BUTTONS */ .one_left_col_stack .module_button.count_4 { width: 22.6%; display: inline-block; min-width: 0px; margin: 0px 1.5625% } .one_left_col_stack .module_button.first { margin-left: 0%; } .one_left_col_stack .module_button.last { margin-right: 0%; } .one_left_col_stack .module_button .content_block_inner { padding: 5px 15px; } .module_button a { min-height: 0px; } /* .module_logo { position: relative; width: 100%; } */ .module_list_title, .module_list_drops, .module_list_short { display: none; } .module_selected_arrow.selected { display: none; } .module_selected_arrow_mobile.selected { display: block; } /* ACTIVITY LIST */ .activity_list_header .module_list_drops, .aftp_short { display: inline-block; } .aftp_long { display: none; } .activity_body_description, .module_activity_each_body_right { display: block; width: 96.8%; } .activity_complete_open { font-size: 14px; text-align: center; } /* PERFORMANCE TABLES */ .fw_th, .sw_th, .gw_th, .pw_th, .fw_td, .sw_td, .gw_td, .pw_td, .bonus_th, .b_td { display: none; } #performance_table_title_outer { padding: 5px 10px 10px; } #performance_table_title_text, #performance_table_title_back a { font-size: 20px; line-height: 22px; } .performance_table th { font-size: 14px; height: 35px; } .performance_table td { font-size: 14px; padding: 2px 3px; } .school_of_the_month_icon { top: 5px; background-image: url("../img/totm_tiny.png"); height: 11px; width: 11px; right: 49px; } .first_year_completed_icon { top: 5px; background-image: url("../img/yr1turkish_tiny.png"); height: 11px; width: 11px; right: 35px; } .second_year_completed_icon { top: 5px; background-image: url("../img/yr2complete_tiny.png"); height: 11px; width: 11px; right: 23px; } .third_year_completed_icon { top: 5px; background-image: url("../img/yr3complete_tiny.png"); height: 11px; width: 11px; right: 11px; } .award_water_festival_icon { top: 5px; background-image: url("../img/water_festival_flower_tiny.png"); height: 11px; width: 11px; } .team_name_text { padding-right: 52px !important; } #performance_table_title_flag { margin-right: 10px; width: 40px; } #performance_table_title_go_to_global { padding-left: 0px; text-align: center; margin-top: 5px; } #performance_table_title_go_to_global a { font-size: 14px; } .performance_table td#perf_table_total_td { font-size: 14px; } .performance_table td#perf_table_total_td .dosissemibold { font-size: 20px; } .performance_table th.heart img { width: 15px; } .performance_table td.aps { width: auto; } #res_show_details_button { display: none !important; } .filter_gallery_input { width: 100% !important; max-width: 300px; } #editorial_outer.schools_news { padding-right: 10px; background-color: transparent; } #editorial_outer.schools_news .content_block_inner { border-right: 2px solid #bee5f6; webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .editorial_column #news_column_school_profile { margin-top: 10px; margin-left: 10px; margin-right: 10px; } .editorial_column #editorial_meta_outer { margin-left: 0px; margin-right: 0px; } #editorial_outer { margin-bottom: 0px !important; padding: 0px 10px; margin-top: 0px !important; } #editorial_outer.closed { webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } #editorial_outer.closed .content_block_inner { border-bottom: 0px; webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } #news_column_open_close .content_block_inner { webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } #news_column_open_close { padding: 0px 10px; } #editorial_outer.schools_news { padding-right: 10px; } #editorial_meta_outer { padding: 0px 10px; } #blog_show_more_outer { position: relative; bottom: auto; left: auto; } #schools_action_text .blog_author { font-size: 14px; line-height: 18px; } #schools_action_text .blog_activity_info { font-size: 14px; line-height: 18px; } /* CASE STUDIES */ .csd_image { display: block; width: 100%; } .csd_tdt_outer { width: 100%; } .csd_inner { overflow: hidden; background-color: #1f75ba; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; } .slide_arrow { display: none; } } /********** Mobile Landscape **********/ @media only screen and (min-width: 400px) and (max-width: 767px) { /* body::after { font-size: 14px; content: 'Mobile Landscape'; position: fixed; bottom: 0px; right: 10px; padding: 5px 10px 2px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFF; z-index: 2000; } */ /* RESPONSIVE FOOTER */ #footer_inner_inner { padding: 35px 10px 15px 10px; } #copywrite_info, .footer_menu_item { font-size: 12px; display: block; width: 100%; } /* RESPONSIVE PARTNERS*/ #hsbc_text { font-size:14px; line-height: 14px; } #in_association_text { font-size: 12px; line-height: 12px; } #gap_logo { margin-left: 50px; width: 200px; } #gap_logo_left { margin-right: -50px; } /* RESPONSIVE HEADER */ #logo_outer { top: 30px; left: 10px; margin: 0%; height: 79px; width: 107px; } #header_inner { height: 82px; } /* LANGUAGE SELECT */ #language_select_outer { padding: 1px 5px 3px; } .sign_in_header_text { padding: 1px 11px 1px 11px; margin-right: 0px; margin-left: 10px; webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .sign_in_out_header_outer { clear: both; padding-right: 0px; padding-top: 2px; position: absolute; top: 20px; right: 0px; z-index: 300; } /* RESPONSIVE MENU */ #menu_button { display: block; } #main_menu { display: none; padding: 65px 10px 30px 10px; background-color: #15598f !important; z-index: 180; background-color: #15598f !important; z-index: 180; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .main_menu_item { margin: 10px 0px; display: block; text-align: center; font-family: 'dosismedium'; color: #FFFFFF; font-size: 24px; padding: 0px 8px 0px 8px; background-color: #f7931d; text-transform: uppercase; line-height: 32px; width: 100%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border: 2px solid white; } .main_menu_item:hover, .main_menu_item.selected { background-color: #1f75ba; } .main_menu_a, .main_menu_a:visited { color: #FFFFFF; text-decoration: none; } .main_menu_a:hover, .main_menu_a:focus, .main_menu_item.selected a { color: #FFFFFF !important; } .main_menu_item.sub_nav:hover { background-color: #f7931d; } /* HOME TARGET INFOGRAPHIC */ .home_page #target_reached_line_bg, .home_page #target_text_arrow { display: none; } .home_page #target_reached_line { padding: 0px 1.5625%; text-align: center; } .home_page #target_reached_line_text_short { display: block; font-size: 28px; } .es.home_page #target_reached_line_text_short { font-size: 24px; } .eu.home_page #target_reached_line_text_short { font-size: 24px; } .it.home_page #target_reached_line_text_short { font-size: 21px; } .home_page #target_reached_line_text_medium, .home_page #target_reached_line_text, .home_page #target_reached_text, .home_page #target_reached_text_short { display: none; } .home_page #target_reached_infographic { margin-left: 0px; font-size: 22px; margin-bottom: 0px!important; width: 100%; } .home_page #target_reached_infographic .content_block_inner { padding: 10px 10px; } .home_page .content_set_outer { padding-left: 0px!important; padding-right: 0px!important; } .home_page #target_reached_text_medium { display: block; } .home_page .content_set_outer { display: table; } .home_page #target_reached_infographic .content_block_inner { webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .home_page #register_or_login_box, .home_page #misson_control_sign_out { margin-top: 0px; float: none; position: relative; margin-left: 0px; display:table-footer-group; width: 100%; } .home_page #register_or_login_box .content_block_inner, .home_page #misson_control_sign_out .content_block_inner { webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } /* HOME SLIDESHOW */ .homeslide_inner { padding: 0px; } /* TEAM OF THE MONTH BANNER */ .tofm_side_banner_outer, .region_team_text_text, .rofm_side_banner_outer { display: none; } .region_team_text_text_short { display: block; padding: 10px 20px 30px 20px; } .region_team_banner_outer { padding: 0px; } .region_team_name_banner { margin-left: 21px; margin-right: 21px; } .region_team_text_bg { webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .rtname_text a.team_name { display: block; } .rtname_text a.school_name { display: none; } /* BIG TEXT */ .big_text_t { width: 50%; } .big_text_td p { font-size: 24px; line-height: 24px; } /* ARTICLE */ .article_t { margin-left: 55%; width: 45%; } .article_inner { padding: 10px 10px; } .article_inner p { font-size: 0px; line-height: 0px; } .article_inner .title { font-size: 24px; line-height: 24px; } /* PAGE TITLE / BACKGROUND */ .page_title{ font-size: 44px; height: 110px; line-height: 50px; top: 85px; } .page_title_inner { padding-left: 80px; padding-top: 30px; } .page_title_inner.team_name { font-size: 18px; height: 110px; line-height: 20px; top: 0px; padding-left: 125px; text-align: center; padding-top: 40px; } #background, #bg_outer_outer, #background_starburt_outer { height: 110px; } #background_starburt { left: -40px; } .page_title.mission_control { top: 50px; } .page_title_inner_team_name { font-size: 12px; line-height: 12px; text-align: center; } .page_title_inner_mission_control { font-size: 20px; line-height: 19px; text-align: center; } /* NON HOME INFOGRAPHIC */ #target_reached_infographic.one_col { margin-left: 1.04%; width: 97.92%; } /* BLOG IMAGE */ .blog_image_outer { margin-right: 0px; margin-left: 0%; float: none; width: 100%; display: block; } .blog_video_outer { margin-right: 0px; margin-left: 0%; float: none; width: 100%; display: block; } #editorial_no_0 .blog_image_outer { width: 100%; } #editorial_no_0 .blog_video_outer { width: 100%; } .blog_image_caption { padding-bottom: 10px; } /* SCHOOL PAGE AVATAR */ .sp_avatar { width: 130px; height: 130px; left: -20px; bottom: -35px; } .sp_avatar img { width: 110px; margin-left: 20px; } /* MAIN CONTENT */ #main_content_inner { padding-top: 15px; } /* PERFORMANCE TABLES */ .fw_th, .sw_th, .gw_th, .pw_th, .fw_td, .sw_td, .gw_td, .pw_td, .bonus_th, .b_td { display: none; } #performance_table_title_outer { padding: 5px 10px 10px; } #performance_table_title_text, #performance_table_title_back a { font-size: 20px; line-height: 22px; } .performance_table th { font-size: 14px; height: 35px; } .performance_table td { font-size: 14px; padding: 2px 3px; } .school_of_the_month_icon { top: 5px; background-image: url("../img/totm_tiny.png"); height: 11px; width: 11px; right: 39px; } .first_year_completed_icon { top: 5px; background-image: url("../img/yr1turkish_tiny.png"); height: 11px; width: 11px; right: 35px; } .second_year_completed_icon { top: 5px; background-image: url("../img/yr2complete_tiny.png"); height: 11px; width: 11px; right: 23px; } .third_year_completed_icon { top: 5px; background-image: url("../img/yr3complete_tiny.png"); height: 11px; width: 11px; right: 11px; } .award_water_festival_icon { top: 5px; background-image: url("../img/water_festival_flower_tiny.png"); height: 11px; width: 11px; } .team_name_text { padding-right: 52px !important; } #performance_table_title_flag { margin-right: 10px; width: 40px; } #performance_table_title_go_to_global { padding-left: 0px; text-align: center; margin-top: 5px; } #performance_table_title_go_to_global a { font-size: 14px; } .performance_table td#perf_table_total_td { font-size: 14px; } .performance_table td#perf_table_total_td .dosissemibold { font-size: 20px; } .performance_table th.heart img { width: 15px; } /* RESERVOIR */ #reservior_mission_prog { clear: both; margin-top: 10px !important; padding: 0px 10px !important; display: block; } #reservior_avatar { clear: both; margin-top: 10px !important; padding: 0px 10px !important; display: block; } #reservior_values { clear: both; margin-top: 10px !important; padding: 0px 10px !important; display: block; } #reservior_total_bottom_strip { } #sp_reservoir_inner_lower { text-align: center; } #res_show_details_button { font-size: 18px; padding: 2px 50px; margin-bottom: 5px;} #sp_reservoir_inner_lower { } #res_show_details_button { display: none !important; } /* RESPONSIVE FORMS */ .two_col .form_field_outer { width: 100%; } .two_col .form_field_outer.full_width input { width: 70%; } .two_col .form_field_outer.full_width input.extra_wide { width: 70%; } .three_col .form_field_outer { width: 100%; } .three_col .form_field_outer.full_width input { width: 70%; } .three_col .form_field_outer.full_width input.extra_wide { width: 70%; } .form_field_outer input { width: 70%; } .form_field_outer select { width: 70%; } label.tandcs { width: 100%; } /* SUB NAV */ .roll_over_nav_outer { position: relative; width: 100%; display: block; left: 0%; } .roll_over_nav_top_gap { display: none; } .roll_over_nav_inner { left: 0%; } .roll_over_bg { display: none; } #sub_nav_mobile_button { display: block; } #sub_nav_inner { display: none; } .roll_over_nav_inner_inner { border: 0px; } .ron_menu_item { color: #FFFFFF; width: 50%; float: left; vertical-align: top; border: 0px solid red; } .ron_menu_item.non_sel a { color: #FFFFFF; } #country_page_header .content_block_inner { padding: 0px 13px; height: auto; } #country_page_header .content_block_inner .button_link_a { display: none; } .country_page_header_graphic { display: none; } /***** IMAGE GALLERY *****/ .image_gallery_each_outer { position: relative; display: inline-block; width: 50%; border: 0px solid blue; padding: 10px; vertical-align: top; } /***** LIKERT RADIOS ****/ .likert_horizontal_each_outer { display: block; border: 0px solid red; vertical-align: top; padding: 0px 0px; } .across8 { width: 100%; } .across7 { width: 100%; } .across6 { width: 100%; } .across5 { width: 100%; } .likert_horizontal_label { display: inline-block; position: relative; width: auto; text-align: left; font-size: 14px; line-height: 14px; } .likert_horizontal_input { display: inline-block; position: relative; width: auto; text-align: left; } /**** MISSION CONTROL *****/ .mc_linear_button { margin-bottom: 10px; } .module_list_column_outer { width: 100%; } #activity_list_complete { margin-top: 0px !important; } #edit_avatar_icon { display: none; } #background.reservior_background { height: 200px; } #background #sp_res_outer_full { height: 200px; } .module_logo { display: none; } .profile_in_header { float: right; } #profile_in_header_outer_outer { height: auto; } #school_page_top_strip_outer { position: relative; display: block; min-width: 200px; top: auto; width: auto; } .school_page_top_strip_left { display: none; } .school_page_top_strip { float: none; display: block; padding: 0px 10px; background-color: transparent; width: 100%; webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .school_page_top_spacer { display: none; } #view_reservior_link, #expedition_dossiers_link, #edit_profile_link, #contact_school_link { max-width: 300px; margin-left: auto !important; margin-right: auto !important; background-color: #15598f; display: block; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } #view_caps_link { max-width: 300px; margin-left: auto !important; margin-right: auto !important; display: block; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } .three_col.opening_linear_buttons { margin-bottom: 0px !important; } .mc_linear_button { max-width: 320px; } .three_col.opening_linear_buttons, .three_col.closing_linear_buttons { text-align: center; } #schools_action_text .blog_author { font-size: 14px; line-height: 18px; } #schools_action_text .blog_activity_info { font-size: 14px; line-height: 18px; } #ps_title_desc_outer { clear: both; padding-left: 0px; } .drag_and_drop_q_title_outer { clear: both; } /* CASE STUDIES */ .csd_image { display: block; width: 100%; } .csd_tdt_outer { width: 100%; } .csd_inner { overflow: hidden; background-color: #1f75ba; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; } } @media only screen and (min-width: 400px) and (max-width: 540px) { .profile_in_header { float: left; } #school_page_top_strip_outer { clear: both; position: relative; display: block; top: auto; width: 100%; padding-top: 20px; text-align: center; } } /******** HOME PAGE MIN HEIGHT *******/ @media only screen and (max-height: 470px) { /* HOME PAGE */ .home_page #main_content { display: block; height: auto; } .home_page #main_content_inner { padding-bottom: 30px; } .home_page #below_the_fold { position: relative; top: auto; } /* HOME SLIDESHOW */ #home_slideshow { display: block; height: 225px; } /* HOME SLIDESHOW */ .homeslide_inner { padding: 0px; } /* TEAM OF THE MONTH BANNER */ .tofm_side_banner_outer, .region_team_text_text, .rofm_side_banner_outer { display: none; } .region_team_text_text_short { display: block; padding: 10px 20px 30px 20px; } .region_team_banner_outer { padding: 0px; } .region_team_name_banner { margin-left: 21px; margin-right: 21px; } .region_team_text_bg { webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .rtname_text a.team_name { display: block; } .rtname_text a.school_name { display: none; } /* BIG TEXT */ .big_text_t { width: 50%; } .big_text_td p { font-size: 24px; line-height: 24px; } /* ARTICLE */ .article_t { margin-left: 55%; width: 45%; } .article_inner { padding: 10px 10px; } .article_inner p { font-size: 0px; line-height: 0px; } .article_inner .title { font-size: 24px; line-height: 24px; } /* PARTNERS */ .home_page #gap_logo_inner { margin-top: 0px; } } /******** Tablet Portrait **********/ @media only screen and (min-width: 768px) and (max-width: 840px) { /* body::after { font-size: 14px; content: 'Tablet Portrait'; position: fixed; bottom: 0px; right: 10px; padding: 5px 10px 2px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFF; z-index: 2000; } */ /* RESPONSIVE GRID */ .home_page .one_col { width: 100%; margin: 1.04% 0px; } .home_page .two_col { width: 100%; } /* RESPONSIVE FOOTER */ #footer_inner_inner { padding: 35px 10px 15px 10px; } #copywrite_info, .footer_menu_item { font-size: 14px; } /* RESPONSIVE PARTNERS*/ #gap_logo { margin-left: 65px; width: 240px; } #gap_logo_left { margin-right: -65px; } /* RESPONSIVE HEADER */ #logo_outer { top: 10px; left: 10px; margin: 0px 1.5625%; height: 158px; width: 170px; } #header_inner { height: 82px; } /* LANGUAGE SELECT */ #language_select_outer { padding: 1px 5px 3px; } .sign_in_header_text { padding: 1px 11px 3px 11px; } .sign_in_out_header_outer { padding-top: 0px; } /* RESPONSIVE MENU */ #main_menu { padding-top: 53px; } .main_menu_item { font-size: 21px; line-height: 21px; } /* HOME TARGET INFOGRAPHIC */ .home_page #target_reached_line_bg, .home_page #target_text_arrow { display: none; } .home_page #target_reached_line { padding: 0px 1.5625%; text-align: center; } .home_page #target_reached_line_text_medium { display: block; font-size: 28px; } .es.home_page #target_reached_line_text_medium { font-size: 24px; } .eu.home_page #target_reached_line_text_medium { font-size: 24px; } .it.home_page #target_reached_line_text_medium { font-size: 21px; } .home_page #target_reached_line_text_short, .home_page #target_reached_line_text, .home_page #target_reached_text_short, .home_page #target_reached_text_medium { display: none; } .home_page .content_set_outer { padding-left: 0px!important; padding-right: 0px!important; } .home_page #target_reached_infographic { margin-left: 0px; font-size: 24px; width: 100%; margin-bottom: 0px; } .home_page #target_reached_text { display: block; } .home_page .content_set_outer { display: table; } .home_page #target_reached_infographic .content_block_inner { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .home_page #register_or_login_box, .home_page #misson_control_sign_out { margin-top: 0px; float: none; position: relative; margin-left: 0px; display:table-footer-group; width: 100%; } .home_page #register_or_login_box .content_block_inner, .home_page #misson_control_sign_out .content_block_inner { -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } /* BLOG IMAGE */ .blog_image_outer { margin-left: 3.4%; float: right; width: 33%; } .blog_video_outer { margin-left: 3.4%; float: right; width: 33%; } .minor_blog_title_outer { width: 63.6%; } /* PERFORMACE TABLES */ .performance_table th { font-size: 14px; height: 35px; } /* PAGE TITLE / BACKGROUND */ .page_title{ font-size: 47.5px; height: 110px; line-height: 50px; top: 85px; } .page_title_inner { padding-left: 150px; padding-top: 30px; } .page_title_inner.team_name { font-size: 47.5px; line-height: 50px; padding-left: 150px; } #background, #bg_outer_outer, #background_starburt_outer { height: 110px; } #background_starburt { left: -40px; } .page_title.mission_control { top: 50px; } .page_title_inner_mission_control { font-size: 20px; line-height: 19px; text-align: center; } /* SCHOOL PAGE AVATAR */ .sp_avatar { width: 130px; height: 130px; left: -20px; bottom: -35px; } .sp_avatar img { width: 110px; margin-left: 20px; } .large_point_droplet_drop { height: 37.5px; width: 27px; } .large_point_droplet_points { font-size: 10px; bottom: 4px; left: -1px; } .activity_each_footer_droplets { width: 30%; } .activity_footer_total_points { vertical-align: top; padding-top: 5px; width: 70%; } /* RESERVOIR */ #reservior_mission_prog { clear: both; margin-top: 0px; } #reservior_avatar { clear: both; margin-top: 0px; } #reservior_values { clear: both; margin-top: 0px; } #reservior_total_bottom_strip { width: 320px; } #sp_reservoir_inner_lower { text-align: left; } #res_show_details_button { min-width: 320px; } /***** IMAGE GALLERY *****/ .image_gallery_each_outer { position: relative; display: inline-block; width: 33.3%; border: 0px solid blue; padding: 10px; vertical-align: top; } #country_page_header .content_block_inner { padding: 0px 13px; height: auto; } #country_page_header .content_block_inner .button_link_a { display: none; } .country_page_header_graphic { display: none; } /**** MISSION CONTROL *****/ .mc_linear_button { margin-bottom: 10px; } #activity_list_complete { margin-top: 0px !important; } #edit_avatar_icon { display: none; } #background.reservior_background { height: 300px; } #background #sp_res_outer_full { height: 300px; } .module_logo { display: none; } .profile_in_header { float: right; } #profile_in_header_outer_outer { height: auto; } #school_page_top_strip_outer { position: relative; display: block; min-width: 200px; top: auto; width: auto; } .school_page_top_strip_left { display: none; } .school_page_top_strip { float: none; display: block; padding: 0px 10px; background-color: transparent; width: 100%; webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .school_page_top_spacer { display: none; } #view_reservior_link, #expedition_dossiers_link, #edit_profile_link, #contact_school_link { max-width: 300px; margin-left: auto !important; margin-right: auto !important; background-color: #15598f; display: block; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } #view_caps_link { max-width: 300px; margin-left: auto !important; margin-right: auto !important; display: block; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } .three_col.opening_linear_buttons { margin-bottom: 0px !important; } .mc_linear_button { max-width: 320px; } .three_col.opening_linear_buttons, .three_col.closing_linear_buttons { text-align: center; } #schools_action_text .blog_author { font-size: 14px; line-height: 18px; } #schools_action_text .blog_activity_info { font-size: 14px; line-height: 18px; } } @media only screen and (max-width: 945px) { /* SCHOOL PAGE RESERVIOR */ #sp_avatar { display: none; } } @media only screen and (max-width: 700px) { .one_justified_3_col { width: 100%; } .one_justified_2_col { width: 100%; } .image_gallery_each_outer { width: 100%; } .gallery_view_button_outer { width: 50%; min-width: 0px; } .filter_gallery_input { width: 50%; min-width: 0px; } } @media only screen and (min-width: 701px) and (max-width: 1000px) { .one_justified_3_col { width: 50%; } .image_gallery_each_outer { width: 50%; } .gallery_view_button_outer { width: 50%; } .filter_gallery_input { width: 50%; } } /********* Tablet Landscape **********/ @media only screen and (min-width: 841px) and (max-width: 1154px) { /* body::after { font-size: 14px; content: 'Tablet Landscape'; position: fixed; bottom: 0px; right: 10px; padding: 5px 10px 2px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFF; z-index: 2000; } */ /* RESPONSIVE FOOTER */ #copywrite_info, .footer_menu_item { font-size: 16px; } /* HOME TARGET INFOGRAPHIC */ .home_page #target_reached_line_text_medium { display: block; } .home_page #target_reached_line_text_short, .home_page #target_reached_line_text, .home_page #target_reached_text_short, .home_page #target_reached_text { display: none; } .home_page #target_reached_infographic { margin-left: 0px; } .home_page #target_reached_text_medium { display: block; } .home_page #register_or_login_box { font-size: 22px; line-height: 32px; } /* RESERVOIR */ #reservior_mission_prog { clear: both; margin-top: 0px; } #reservior_avatar { clear: both; margin-top: 0px; } #reservior_values { clear: both; margin-top: 0px; } #reservior_total_bottom_strip { width: 320px; } #sp_reservoir_inner_lower { text-align: left; } #res_show_details_button { min-width: 320px; } .mc_linear_button { margin-bottom: 10px; } .mc_linear_button { max-width: 320px; } .three_col.opening_linear_buttons, .three_col.closing_linear_buttons { text-align: center; } #schools_action_text .blog_author { font-size: 16px; line-height: 18px; } #schools_action_text .blog_activity_info { font-size: 16px; line-height: 18px; } } /********* Full Screen **********/ @media only screen and (min-width: 1155px) { /* body::after { font-size: 14px; content: 'Full Screen'; position: fixed; bottom: 0px; right: 10px; padding: 5px 10px 2px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFF; z-index: 2000; } */ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #target_text_arrow { background-image: url('../img/target_reached_arrow@2X.png'); background-size: 46px; } #target_text_arrow_straight { background-image: url('../img/target_reached_arrow_straight@2X.png'); background-size: 32px; } .blog_divider_dots { background-image: url('../img/Divider-dots@2X.png'); background-size: 580px; } .submit.award_water_festival { background-image: url('../img/water_festival_flower@2X.png'); background-size: 28px; } .award_water_festival_icon { background-image: url('../img/water_festival_flower@2X.png'); background-size: 28px; } .rotm_starburst {background-image: url('../img/rotm_starburst@2X.png'); background-size: 647px; } #modal_window_close { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #team_photo_arrow_left { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #team_photo_arrow_right { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #image_gallery_outer hr { background-image: url('../img/hr_dots@2X.png'); background-size: 13px; } .mc_linear_button_bg_inner { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } /* .mc_linear_button_bg_inner::before { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } */ /* .mc_linear_button_bg_inner::after { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } */ .mc_in_circle_icon.active { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.done { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next1 { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next2 { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next3 { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next4 { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next5 { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.next6 { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .mc_in_circle_icon.inactive { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #next_arrow { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #edit_avatar_icon.edit_pencil { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #edit_avatar_icon.white_pencil { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .difficulty_icon { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #gap_partner_logo { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .duration_icon { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .points_icon { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } #news_open_close_arrow { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .module_list_drop.inactive { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .module_activity_title_tick_or_cross_bg { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .module_logo.fresher_water { background-image: url('../img/Fresher_sprite@2X.png'); background-size: 255px; } .module_logo.global_water { background-image: url('../img/Global_sprite@2X.png'); background-size: 255px; } .module_logo.secret_water { background-image: url('../img/Secret_sprite@2X.png'); background-size: 255px; } .module_logo.precious_water { background-image: url('../img/Precious_sprite@2X.png'); background-size: 255px; } .module_activity_title_arrow.fresher_water { background-image: url('../img/Fresher_sprite@2X.png'); background-size: 255px; } .module_activity_title_arrow.secret_water { background-image: url('../img/Secret_sprite@2X.png'); background-size: 255px; } .module_activity_title_arrow.global_water { background-image: url('../img/Global_sprite@2X.png'); background-size: 255px; } .module_activity_title_arrow.precious_water { background-image: url('../img/Precious_sprite@2X.png'); background-size: 255px; } .footer_droplet_image.cleaner_water_points { background-image: url('../img/Fresher_sprite@2X.png'); background-size: 255px; } .footer_droplet_image.secret_water_points { background-image: url('../img/Secret_sprite@2X.png'); background-size: 255px; } .footer_droplet_image.global_water_points { background-image: url('../img/Global_sprite@2X.png'); background-size: 255px; } .footer_droplet_image.precious_water_points { background-image: url('../img/Precious_sprite@2X.png'); background-size: 255px; } .curriculum_icon { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .not_doing_text_button_img { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .activity_complete_open_arrow { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .activity_complete_locked_arrow { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .module_activity_title_content.cross { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .module_activity_title_content.complete { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .medc_icon { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .module_list_drop.fresher_water { background-image: url('../img/Fresher_sprite@2X.png'); background-size: 255px; } .module_list_drop.global_water { background-image: url('../img/Global_sprite@2X.png'); background-size: 255px; } .module_list_drop.secret_water { background-image: url('../img/Secret_sprite@2X.png'); background-size: 255px; } .module_list_drop.precious_water { background-image: url('../img/Precious_sprite@2X.png'); background-size: 255px; } .button_link.bermuda_style { background-image: url('../img/Bermuda_bg@2X.png'); background-size: 300px; } #left_slide_arrow { background-image: url('../img/WE_Slide_Arrows_Retina.png'); background-size: 62px; } #right_slide_arrow { background-image: url('../img/WE_Slide_Arrows_R_Retina.png'); background-size: 62px; } .ribbon_award.international_runner_up { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .ribbon_award.international_winner { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .ribbon_award.national_winner { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .ribbon_award.values_award { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .ribbon_award.community_impact_award { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .ribbon_award.water_saving_award { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .ribbon_award.water_festival_awarded { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } .overflow_ribbon_bg { background-image: url('../img/all_sprite@2X.png'); background-size: 500px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (max-width: 767px) { .award_water_festival_icon { background-image: url('../img/water_festival_flower_tiny@2X.png'); background-size: 11px; } } /*! jQuery UI - v1.11.1 - 2014-09-24 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} /* http://keith-wood.name/svg.html SVG for jQuery v1.5.0. Written by Keith Wood (kbwood{at}iinet.com.au) August 2007.*/ svg\:svg { display: none; } .svg_error { color: red; font-weight: bold; } /* MEDIA PLAYER */ .mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video,.mejs-mediaelement{width:100%;height:100%}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-clear{clear:both}.mejs-background,.mejs-mediaelement{position:absolute;top:0;left:0}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;background:url(bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -50px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:url(background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(controls.png)}.mejs-controls .mejs-button button:focus{outline:#ff0 solid 1px}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:2px solid #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:1px solid #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:5px solid #eee;border-color:#eee transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(background.png);background:rgba(50,50,50,.7);border:1px solid transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:url(background.png);background:rgba(20,20,20,.8)}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:1px solid #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(background.png);background:rgba(50,50,50,.7);border:1px solid transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer,.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-layer{position:absolute;bottom:0;left:0;background:url(background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}