/*******************************************************************************************************/ /* */ /* STYLE SHEET FOR THE SCHOOL 21 SOLUTION: ALL PAGES */ /* */ /*******************************************************************************************************/ /*******************************************************************************************************/ /* ELEMENTS THAT APPLY ACROSS THE SITE (BODY, ETC.) */ /*******************************************************************************************************/ /*********************** Colors (increasing order of darkness) *****************************************/ /* Color Palette - Marketing Pages (Fall 2022) Bootstrap Standard Colors Primary: main: #007bff (Azure); mouseover: #0069d9 (Celtic Blue) Success: main: #28a745 (Green Pantone); mouseover: #218838 (Forest Green Web) Logo Colors: School: #003230 (Rich Black) 21: #ca0000 (Rosa Corsa) Other palette colors: Divider/border: #C0A9B0 (Black Shadows) Light shade: #C9F9FF (Light Cyan) */ .primary_color{color:#007bff;} .primary_color_mouseover{color:#0069d9;} .success_color{color:#28a745;} .success_color_mouseover{color:#218838;} .logo_black{color:#003230;} .logo_red{color:#ca0000;} .divider_border{border-top:2px solid #C0A9B0;} .marketing_shaded_band{background-color:#C9F9FF;} .modal_sect{background-color:#F5F4FF;} /* Colors (Old, original design, still in app) FCFEFF F5F4FF F3FAFD DBF0F9 E9E9E9 // div button non-mouseover F2F2F2 // div button mousover EDF2F8 DBE1E4 C5D8E0 6A5ACD 7B68EE 4F81BD */ /*************************************************************************************************/ /* CROSS-PAGE ELEMENTS & DESIGN (re-designed Fall 2021) */ /*************************************************************************************************/ /* Page Headers */ .s21_header {min-height: 50px;} .header_logo{width:calc(130px + 8vw); margin:0px 10px 0px -20px;} /* width:216px; */ .active_nav_link{color:#007bff; text-decoration:none; cursor:pointer;} /* 7B68EE */ .active_nav_link:hover{color:#0069d9; text-decoration:none;} /* 0000B2 */ #google_translate_element{padding-top:20px;} /* Page Titles */ .secure_page_title {text-align:center; background-color:#4F81BD;} .secure_page_title h1{margin:5px 0px 0px 0px; padding:10px 5px 10px 5px; color:white; font-size:24px; font-weight:bold;} .secure_page_title h2{margin:5px 0px 0px 0px; padding:0px 5px 10px 5px; color:white; font-size:22px;} /* Page Footer */ .s21_footer {min-height: 30px;} #copyright_cont {padding-top: calc(5px + 0.8vw); font-size: calc(10px + 0.2vw);/*padding-top:15px; font-size:14px;*/ text-align:right;} /* Mastery Status Colors*/ /* Background Colors */ .not_started_bg_color{background-color:#e9f6fb;} .in_progress_bg_color{background-color:#ffffb3;} .mastery_bg_color{background-color:#80ff00;} .excellence_bg_color{background-color:#ebccff;} /* Border Colors */ .not_started_border_color{border-color:#DBE1E4;} .in_progress_border_color{border-color:#e6e600;} .mastery_border_color{border-color:#009933;} .excellence_border_color{border-color:#9900ff;} /* Icon (text) Colors */ .not_started_text_color{color:#DBE1E4;} .in_progress_text_color{color:#e6e600;} .mastery_text_color{color:#009933;} .excellence_text_color{color:#9900ff;} /* OBSOLETE? REMOVE AFTER TESTING .not_started_color{background-color:#F3FAFD;} .in_progress_color {background-color:#FFFF66;} .mastery_color {background-color:#66FF66;} .excellence_color{background-color:#9999FF;} .not_started_color_mouseover{background-color:#DBE1E4;} .in_progress_color_mouseover {background-color:#FFFFA3;} .mastery_color_mouseover {background-color:#94FF94;} .excellence_color_mouseover{background-color:#B8B8FF;} .span_18{font-size:18px;} .span_beta{color:#FFA333;} #in_progress_color {background-color:#FFFF66;} #mastery_color {background-color:#66FF66;} #excellence_color{background-color:#9999FF;} #not_started_color{background-color:#F3FAFD;} */ /* Border, Text and Icon Color Reference Not Started: d3dbde In Progress: e6e600 Mastery: 009933 Excellence: 9900ff */ /* Links: Mimics bootstrap Primary */ .standard_link{color:#007bff; text-decoration:none; cursor:pointer;} /* 7B68EE */ .standard_link:hover{color:#0069d9; text-decoration:none;} /* 0000B2 */ .standard_link_inactive{color:#cccccc;} /* Alignment */ .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .centered{text-align:center;} /* Display */ .no_display{display:none;} /* Form Validation and Icons*/ .password_hidden_icon{cursor:pointer;} .password_hidden_icon_nonmouseover{color:#424242;} .password_hidden_icon_mouseover{color:#8c8c8c;} .input_checkmark{} .input_checkmark_valid{color:#9ACD32;} .input_checkmark_unvalid{color:#D3D3D3;} .info_circle{cursor:pointer;} .info_circle_nonmouseover{color:#7B68EE;} .info_circle_mouseover{color:#c3baf7;} /* Font Sizes */ .font_10{font-size:10px;} .font_12{font-size:12px;} .font_14{font-size:14px;} .font_16{font-size:16px;} .font_18{font-size:18px;} .font_20{font-size:20px;} .font_24{font-size:24px;} .font_28{font-size:28px;} .font_32{font-size:32px;} .font_64{font-size:64px;} /* Backgrounds for testing */ .bg-yellow{background-color:yellow;} .bg-blue{background-color:blue;} .bg-green{background-color:green;} .bg-orange{background-color:orange;} .bg-pink{background-color:pink;} .bg-white{background-color:white;} /* Bold, etc. */ .bold_span{font-weight:bold;} .semibold_span{font-weight:600;} .nonbold_span{font-weight:500;} .italic_span{font-style:italic;} .cursor_arrow{cursor:arrow;} .cursor_pointer{cursor:pointer;} /* Font Colors */ .font_white{color:white;} /*******************************************************************************************************/ /* MARKETING PAGES (index.php, school_solutions, teacher_tools, family_solutions, how_it_works) */ /*******************************************************************************************************/ /* Across mulitple pages */ /* Navigation Bar */ #site_navbar{font-size: calc(12px + 0.6vw);} /* 20px */ .marketing_nav_link{margin-left: calc(5px + 0.3vw);} .header_responsive_font_size{font-size: calc(12px + 0.6vw);} .public_logout_dropdown{font-size: calc(10px + 0.5vw);} /* Banners and Headline Sections */ .front_pages_banner{min-height:600px; margin-top: calc(5px + 0.5vw); padding-top: calc(10px + 1vw); padding-bottom:10px; text-align:center; background-image: url('../images/front_page_banner_img.jpg'); background-size:cover;} .product_pages_banner{height:auto; margin-top: calc(5px + 0.5vw); padding-top: calc(10px + 1vw); padding-bottom: calc(10px + 1vw); text-align:center; background-size:cover;} #teacher_tools_banner{background-image: url('../images/teacher_tools_banner_img.jpg');} #family_solutions_banner{background-image: url('../images/family_solutions_banner_img.jpg');} #school_solutions_banner{background-image: url('../images/school_solutions_banner_img.jpg');} #how_it_works_banner{background-image: url('../images/how_it_works_banner_img.jpg');} .banner_button{margin-top: calc(2px + 1vw); margin-bottom: calc(2px + 1vw); font-size: calc(12px + 0.5vw);} /* Header Sizes */ .front_pages_h1{margin-top: calc(5px + 0.1vw); color:white; font-weight:bold; font-size: calc(20px + 2.1vw);} .front_pages_h2{font-weight:bold; font-size: calc(20px + 1.7vw);} .front_pages_h3{margin-top: calc(5px + 0.1vw); margin-bottom: calc(5px + 0.1vw); font-size: calc(12px + 1.4vw);} .front_pages_h4{font-size: calc(12px + 1vw);} .front_pages_h5{font-size: calc(12px + 0.8vw);} .front_pages_h6{font-size: calc(11px + 0.6vw);} /* homepage (index.php) */ .homepage_links_cont{margin-top: calc(1px + 12vw);} .homepage_links_section{margin-top: calc(10px + 1vw); padding-top: calc(3px + 1vw); padding-bottom: calc(3px + 1vw); background-color:white; opacity: 0.85;} .homepage_h2{font-weight:bold; font-size: calc(50% + 1vw + 1vh);} .homepage_h3{font-size: calc(20% + 1vw + 1vh);} .homepage_solution_button{margin-top: calc(2px + 1vw); margin-bottom: calc(1px + 1vw); font-size: calc(10% + 1vw + 1vh);} /* Product pages */ .how_it_works_cont_fluid{padding-top: calc(10px + 2vw); padding-bottom: calc(5px + 3vw);} .how_it_works_table{margin-top: calc(5px + 2vw);} .how_it_works_icon{font-size: calc(20px + 0.5vw);} .hiw_img{cursor:pointer; border:2px solid #C0A9B0;} .product_pages_benefits_icon{font-size: calc(22px + 0.5vw);} .product_pages_features_checkmark{font-size: calc(22px + 1vw);} .marketing_modal_video{width:100%; min-height:647px;} .solutions_chart_button{font-size: calc(8px + 1vw);} /* Carousels - Testimonials */ .carousel_testimonial_cont{height: calc(200px + 15vw); padding-top: calc(5px + 1vw);} .carousel_testimonial{height:auto; margin-top: calc(5px + 0.1vw); margin-bottom: calc(5px + 0.1vw);} .carousel_arrow{color:darkslategrey;} .carousel-indicators li{background-color: grey !important;} .carousel-indicators .active {background-color: darkslategrey !important;} /* sign_up_student, sign_up_teacher, sign_up_parent */ .sign_up_wide_checkbox_cont{margin-top:15px; margin-bottom:0px;} .sign_up_login_plus_form_button{margin-top:30px; margin-bottom:20px;} .sign_up_login_plus_tighter_form_button{margin-top:20px; margin-bottom:10px;} /* login and sign_up pages */ .login_sign_up_h1{color:white; font-weight:bold; font-size: calc(120% + 1vw + 1vh);} .login_sign_up_h2{color:white; font-weight:bold; font-size: calc(50% + 1vw + 1vh);} .login_sign_up_section{min-height:200px; margin-top:10px; padding-top:10px; padding-bottom:10px; text-align:left; background-color:white; opacity: 0.85;} #login_help_instructions{text-align:left;} .login_sign_up_top_form_group{margin-top:30px;} .login_sign_up_input_label{font-size:24px; font-weight:600;} .login_input_conjunction{font-weight:500;} .login_password_hidden_icon{font-size:16px;} .sign_up_and_help_password_hidden_icon{font-size:14px;} .sign_up_and_help_password_hidden_icon_small{font-size:12px;} #login_help_link{text-align:left; font-size:14px;} #login_sign_up_gsso_option{margin-top:15px;} /* dialog modal for multiple pages */ .front_pages_modal_msg_cont{min-height:250px; margin-bottom:15px; padding:60px 10px 60px 10px; font-size:24px; text-align:center;} /* password_reset.php */ #password_reset_expiration_msg{margin-top:20px; font-size:20px;} .login_help_reset_input_label{font-size:18px; font-weight:600;} /* sign_up.php */ .sign_up_role_button_cont{margin-bottom:25px;} .sign_up_role_button_cont_top{margin-top:25px;} .sign_up_h2{margin-top:10px; font-size:24px; font-weight:600;} .sign_up_role_button{width:200px;} /* sign_up_student, sign_up_teacher, sign_up_parent */ #sign_up_form{margin-top:-20px;} #free_tools_sign_up_form{margin-top:10px;} #premium_tools_sign_up_form{margin-top:10px;} .teacher_sign_up_spaced_row{margin-top:20px;} .sign_up_input_label{font-size:18px; font-weight:700;} .sign_up_input_label_small{font-size:16px; font-weight:700;} .inline_sign_up_terms_checkbox_cont{padding-top:30px;} .sign_up_terms_agreement{font-size:14px;} .sign_up_checkbox{cursor:pointer;} .teacher_sign_up_form_section{display:none;} #additional_teacher_sign_up_form_section{margin-top:40px;} #login_sign_up_modal_processing_cont{text-align:center; display:none;} .login_sign_up_modal_processing_msg{font-size:28px;} .school_lookup_modal_instruction{display:none;} #school_lookup_list_selection_cont{display:none;} #school_lookup_waiting_msg_cont{font-size:18px;} #school_lookup_school_list_selections_cont{display:none;} #school_lookup_processing_msg_cont{display:none;} /*****************************************************************************************************************/ /* GOOGLE SINGLE SIGN IN (google.php, gsso_role, gsso_signed_out, gsso_notcust) */ /*****************************************************************************************************************/ /* google.php */ .google_sign_in_button{margin-top:50px;} #gsso_content_fluid_cont{min-height:600px; background-color:#DBF0F9;} #gsso_background_cont{min-height:350px; padding-bottom:5px; text-align:center; font-size:24px; background-color:white;} #gsso_main_cont{min-height:340px; width:100%; margin-top:5px; margin-bottom:10px; padding-top:10px; padding-bottom:30px; background-color:#DBF0F9;} #gsso_instructions_cont{margin-bottom:40px;} #gsso_instructions{margin-bottom:30px;} /* Button from Google - found this code online t ensure centering */ .g-signin2{width: 100%;} .g-signin2 > div{margin: 0 auto;} #gsso_processing_msg{margin:auto; display:none;} /* gsso_role */ #gsso_role_button{width:100%;} #gsso_site_license_input_cont{margin-top:20px; text-align:left; font-size:16px; display:none;} /* gsso_signed_out */ #gsso_signed_out_msg {margin-top:50px;} /* gsso_notcust */ #gsso_notcust_msg{margin-top:50px;} /**************************************************************************************/ /* TEST SIGN IN (test_sign_in.php) - May 2022 */ /**************************************************************************************/ #test_sign_in_content_fluid_cont{min-height:600px; background-color:#DBF0F9;} #test_sign_in_background_cont{min-height:350px; padding-bottom:5px; text-align:center; font-size:24px; background-color:white;} #test_sign_in_main_cont{min-height:340px; width:100%; margin-top:5px; margin-bottom:10px; padding-top:10px; padding-bottom:30px; background-color:#DBF0F9;} #test_sign_in_inputs_cont{margin-top:20px; text-align:left; font-size:16px;} #test_sign_in_incomplete_msg_div{min-height:30px; margin-top:20px; margin-bottom:5px; text-align:center; font-size:16px;} #test_sign_in_error_msg{display:none;} /*****************************************************************************************************************/ /* ACROSS MULTIPLE BEHIND SIGN-IN PAGES */ /*****************************************************************************************************************/ .standard_background{min-height:600px; padding-bottom:30px; background-image: url('../images/backgrounds/background5.jpg'); background-repeat:repeat-y;} #signed_in_right_nav{margin-top:9px; font-size:20px; text-align:right;} /*****************************************************************************************************************/ /* HOMEBASE (homebase.php, re-designed Fall 2021) */ /*****************************************************************************************************************/ #homebase_background_cont{min-height:200px; padding-bottom:5px; background-color:white;} /* In-page navigation / pills */ .homebase_nav_pills{margin-bottom:15px; display:none;} /* Loading Message */ #homebase_loading_panel{width:100%; min-height:250px; margin:auto; margin-top:10px; margin-bottom:10px; background-color:#DBF0F9; display:block;} #homebase_loading_panel_msg{width:100%; height:225px; margin:auto; padding:53px 5px 3px 5px; font-size:24px; text-align:center;} /* Alerts */ .alert_modal_button_cont{margin-top:20px;} /* Password reset for point of contact teachers */ #homebase_required_password_reset_panel{background-color:#F5F4FF; display:none;} /* New students - username notification (first time sign-in) and enroll in initial class */ .homebase_override_cont{min-height:250px;} .homebase_override_form_cont{min-height:250px; padding:10px 10px 10px 10px; background-color:white;} .homebase_override_form_inner_cont{min-height:250px; padding-top:25px; padding-bottom:15px; background-color:#F5F4FF;} #homebase_initial_enroll_instructions_cont{margin-bottom:25px; font-size:20px;} #initial_enroll_form{text-align:left;} #initial_enroll_msg_cont{min-height:250px; margin-bottom:0px; padding:60px 10px 60px 10px; font-size:24px; text-align:center; background-color:#F5F4FF; display:none;} #initial_enroll_try_again_link{font-size:16px; display:none;} /* Modals */ .homebase_modal_loading_data{font-size:28px;} .homebase_modal_form_container{min-height:250px; padding:10px 10px 20px 10px; background-color:#DBF0F9;} .homebase_modal_submit_button_cont{text-align:center;} .homebase_modal_msg_cont{min-height:250px; margin-bottom:15px; padding:60px 10px 60px 10px; font-size:24px; text-align:center; background-color:#F5F4FF; display:none;} .homebase_modal_msg_fineprint{font-size:14px; line-height:1.6;} .homebase_modal_text_input{width:100%;} /* Modal Components */ .homebase_modal_h5{font-size:18px; font-weight:550;} .homebase_modal_dropdown_button{width:100%;} .info_circle_modal{font-size:18px;} /* Enroll in Another Class Modal */ #enroll_modal_try_again_link{font-size:16px;} /* Create New (or Edit) Class or Diagnostic Modal */ #homebase_create_class_select_course_type_msg{font-size:14px;} .homebase_create_class_courses_selector{display:none;} #homebase_create_class_code_taken_msg{display:none;} #homebase_edit_class_code_taken_msg{display:none;} .homebase_create_class_mastery_option{display:none;} #homebase_create_class_diagnostic_mastery_msg_cont{font-size:14px;} #homebase_create_class_mastery_adjustment_button{width:50px;} #homebase_edit_class_mastery_adjustment_button{width:50px;} .homebase_create_class_image_thumbnail{height:38px; cursor:pointer;} .homebase_create_class_image_thumbnail_nonmouseover{opacity:0.5; border:3px solid white;} .homebase_create_class_image_thumbnail_mouseover{opacity:1; border:3px solid #7B68EE;} .homebase_create_class_image_thumbnail_selected{opacity:1; border:3px solid #0000B2;} .homebase_create_class_image_selected_img_cont{width:100%; margin-top:10px; padding-bottom:10px; text-align:center;} #homebase_create_class_image_selected_img{height:150px;} #homebase_edit_class_image_selected_img{height:150px;} .homebase_modal_form_incomplete_msg_div{min-height:30px; margin-top:10px; margin-bottom:10px; text-align:center;} .homebase_modal_form_incomplete_msg{display:none;} #delete_class_link_cont{width:100%; margin-bottom:12px; text-align:right;} #delete_class_warning_cont{width:100%; margin-bottom:25px; padding-top:15px; padding-bottom:15px; text-align:center; background-color:#FFC966; display:none;} /* Manage Students */ .manage_students_modal_sect{margin-bottom:15px; padding:10px 10px 20px 10px; background-color:#F5F4FF;} #manage_students_modal_reload_link_cont{margin-bottom:5px; text-align:right; font-size:14px; display:none;} #manage_students_loading_sect{padding:80px 5px 80px 5px; text-align:center;} #manage_students_enrolled_sect{display:none;} #manage_students_unenrolled_sect{display:none;} .manage_students_table_heading {font-size:18px; font-weight:bold;} .manage_students_table{font-size:14px;} .manage_student_modal_spinnner{display:none;} .manage_students_temp_pw_confirm_msg{display:none;} .manage_students_unenroll_confirm_msg{display:none;} .manage_student_temp_pw_disp{font-weight:bold;} .manage_students_temp_pw_failure_msg{display:none;} .manage_students_unenroll_failure_msg{display:none;} .manage_students_reenroll_confirm_msg{display:none;} .manage_students_reenroll_failure_msg{display:none;} /* Exam Creator */ #homebase_create_exam_print_instructions_cont{font-size:14px; text-align:left; background-color:#DBF0F9;} /* Live Updates */ .teacher_homebase_modal_sect{margin-bottom:15px; padding:50px 10px 50px 10px; text-align:center; background-color:#F5F4FF;} #live_updates_loading_sect{display:block;} #live_updates_modal_table{display:none;} .live_updates_help_msg{font-weight:bold; color:red;} /* My Classes Section */ #homebase_create_enroll_class_band{margin-bottom:10px; text-align:right;} #homebase_classes_container{width:100%; margin-top:5px; margin-bottom:10px; padding-top:10px; padding-bottom:20px; text-align:center; background-color:#DBF0F9;} .classes_taking_card{width:100%; margin-bottom:15px;} .homebase_student_class_title{font-size:20px; font-weight:bold;} .homebase_diagnostic_completed_msg{width:50%; margin:auto; padding:7px 5px 7px 5px; background-color:#F5F4FF;} .homebase_teacher_class_cont {width:100%; min-height:100px; margin-top:20px; padding-bottom:5px; border:1px solid #4F81BD; background-color:white;} .homebase_teacher_class_title_row{background-color:#F5F4FF;} .homebase_teacher_class_title_cont{text-align:left;} .homebase_teacher_class_title{font-size:24px; font-weight:bold;} .homebase_teacher_class_course_cont{text-align:right;} .homebase_class_course_title{margin-top:5px; font-style:italic;} .homebase_class_img{width:100%;} .homebase_teacher_class_sect_title{font-size:16px; font-weight:600;} .homebase_teacher_class_details_cont{text-align:left; font-size:16px;} .homebase_teacher_class_code_disp{font-weight:600;} .homebase_teacher_report_button{margin-top:15px;} .teacher_tools_card{width:100%; margin-bottom:15px;} .teacher_tools_card_title{font-size:20px; font-weight:bold;} .teacher_tools_at_limit_msg{width:50%; margin:auto; padding:7px 5px 7px 5px; background-color:#F5F4FF;} /* Leaderboards */ #homebase_leaderboard_selectors_container{width:50%; margin-top:10px;} .leaderboard_selector_button{width:100%;} #homebase_leaderboards_body{width:100%; min-height:500px; margin-top:10px; text-align:center; background-color:#DBF0F9;} .lboard_container{width:100%; margin-top:5px; margin-bottom:10px; padding-top:10px; padding-bottom:20px; text-align:center; background-color:#DBF0F9; display:none;} .leaderboard_title{font-size:24px;} .leaderboard_subtitle{font-size:20px;} table.leaderboard_table{width:100%; border-collapse:collapse;} .leaderboard_table th, .leaderboard_table td {border:1px solid #4F81BD;} .leaderboard_table th {font-size:15px; text-align:center; padding:5px 7px 4px 7px; padding-top:5px; padding-bottom:4px; background-color:#4F81BD; color:#ffffff;} .leaderboard_table td {font-size:14px; padding:3px 7px 2px 7px; text-align:center; } .leaderboard_table tr.row_odd {background-color:#CAD9EB;} .leaderboard_table tr.row_even {background-color:#EDF2F8;} .leaderboard_table tr.highlight_row {background-color:#FFC966;} /* Account Settings */ .account_section_cont{background-color:#CAD9EB;} .account_section_title {margin:10px 0px 0px 0px; padding:5px 5px 2px 5px; text-align:center; background-color:#A395F3;} .account_section_title_h2 {color:white; font-size:20px; font-weight:bold;} .account_section_contents {min-height:425px; padding:5px 5px 10px 5px; margin:0px 0px 10px 0px; background-color:#DBF0F9;} #account_admin_section{font-size:14px;} .account_instructions_table{width:100%; font-size:14px; margin-bottom:20px; text-align:left;} .account_instructions_td{width:50%;} .account_inputs_table{width:100%;} .account_inputs_td{padding-top:10px;} .account_inputs_left_td{width:90%; padding-top:5px;} .account_inputs_right_td{width:10%; padding-top:5px;} .account_inputs_label_td{width:100%; padding-top:5px;} .account_inputs_label{margin-bottom:0px;} .account_new_pw_instructions_table{width:100%; font-size:14px; margin-bottom:15px; text-align:left;} .account_new_pw_instructions_table_td{width:50%;} .pw_reset_inputs_table{width:100%; text-align:left;} .account_button_cont{margin-top:20px;} /*****************************************************************************************************************/ /* NEW CLASS STATUS REPORT (class_status_report.php, re-designed Winter-Spring 2021-22) */ /*****************************************************************************************************************/ #csr_content_cont{min-height:600px; background-color:#DBF0F9;} #csr_primary_cont{background-color:white;} #csr_class_title{font-weight:500;} #csr_loading_progress_message{font-size:18px; font-style:italic;} #csr_report_selection_band{padding-top:20px; padding-bottom:20px; display:none;} #csr_report_selection_button{width:100%;} #csr_loading_panel{float:left; width:100%; min-height:225px; margin:auto; margin-top:10px; display:block;} #csr_loading_panel_msg{width:100%; height:225px; margin:auto; padding:53px 5px 3px 5px; font-size:24px; text-align:center; background-color:#FCFEFF;} #csr_legend{display:none;} .set_duedates_link_cont{text-align:right;} .csr_report_cont {float:left; width:1110px; padding-bottom:60px; text-align:center; min-height:150px; background-color:#FCFEFF; overflow-x:auto;} #csr_mastery_status_report_detail{display:none;} #csr_individual_report_section{margin-bottom:20px; display:none;} .csr_report_title{margin-top:10px; margin-bottom:10px; padding-top:3px; padding-bottom:3px; text-align:center; background-color:#A395F3;} .csr_section_title_h2{color:white; font-size:20px; font-weight:bold;} .csr_csv_link_cont{margin-top:10px; text-align:right;} .csr_report_contents_cont{width:1110px;} .csr_report_table{float:left; margin-top:10px; margin-bottom:10px; font-size:12px; border-collapse:collapse;} /* Classes for cell borders, etc. */ .csr_report_unit_td{padding-left:3px; padding-right:3px; text-align:center; border-top:1px solid black; border-bottom:1px solid black;} .csr_individual_unit_td{height:20px; text-align:center; border-top:1px solid black; border-bottom:1px solid gray;} .csr_report_unit_td_middling{border-left:1px solid black;} .csr_report_unit_td_rightmost{border-left:1px solid black; border-right:1px solid black;} .csr_report_name_td{border-top:1px solid black; border-bottom:1px solid gray; border-left:1px solid black; text-align:left;} .csr_report_name_td_last{border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black; text-align:left;} .csr_report_name{width:150px; margin-left:3px; margin-right:3px;} .csr_report_row_label_nonname{width:100px; margin-left:3px; margin-right:3px;} .csr_report_cell_td_left{border-left:1px solid black;} .csr_report_cell_td_middling{border-left:1px solid gray;} .csr_report_cell_td_right{border-left:1px solid gray; border-right:1px solid black;} .csr_report_cell_td_notbottom{border-bottom:1px solid gray;} .csr_report_cell_td_bottom{border-bottom:1px solid black;} .csr_report_class_status_concept_block{cursor:pointer;} /* Concept Titles */ /* For invisible rows to extablish width - should match vertical text classes below */ .csr_report_concept_td_width_sm{width:18px;} /* Fewer number of concepts, wider cell */ .csr_report_concept_td_width_lg{width:14px;} /* larger number of concepts, narrower cell */ /* Rotated Text */ /* Concept Titles */ .csr_report_concept_title_cont{white-space:nowrap;} .csr_report_concept_title_sm{width:18px; height:180px; transform: translate(81px, 80px) rotate(270deg);} .csr_report_concept_title_lg{width:14px; height:180px; transform: translate(79px, 82px) rotate(270deg);} /* Due Dates */ .csr_report_concept_duedate_cont{height:38px; white-space:nowrap;} .csr_report_duedate_sm{width:18px; transform: translate(-2px, 8px) rotate(270deg);} .csr_report_duedate_lg{width:14px; transform: translate(0px, 10px) rotate(270deg);} /* Concept Status */ .csr_concept_assn_status_cell{height:20px; text-align:center; cursor:pointer;} /* Individual Report w/ Selector */ #csr_individual_report_selection_band{padding-top:20px; padding-bottom:20px;} #csr_individual_report_selection_button{width:100%;} /* Modals */ /* Single Duedate Calendar Widget */ #csr_concept_calendar_instructions{margin-top:10px; margin-bottom:15px; font-size:14px;} #csr_concept_calendar_fineprint{margin-top:0px; font-size:12px;} .csr_concept_calendar_widget_cont{width:380px; margin-top:20px; padding:0px 0px 0px 0px; text-align:center; border:1px solid #4F81BD;} .csr_concept_calendar_widget{width:371px; min-height:200px; margin:auto;} .csr_calendar_controls_row{margin-top:10px; margin-bottom:10px;} .csr_calendar_widget_day{float:left; width:53px; margin-bottom:3px; background-color:#DBF0F9;} .csr_calendar_widget_dates_band{float:left; width:371px; height:40px; margin:0px 0px 0px 0px;} .csr_concept_calendar_date{float:left; width:53px; height:40px; padding-top:8px;} .csr_concept_calendar_clickable_date{cursor:pointer;} .csr_concept_calendar_widget_today_date{border:1px solid black;} .csr_concept_calendar_widget_nottoday_date{border:1px solid white;} .csr_concept_calendar_current_duedate{background-color:#C5D8E0;} .csr_calendar_date_mouseover{background-color:#E9E9E9;} .csr_modal_msg_cont{min-height:250px; margin-top:15px; margin-bottom:15px; padding:60px 10px 60px 10px; font-size:24px; text-align:center; background-color:#F5F4FF; display:none;} #csr_set_duedate_modal_msg_fineprint{display:none;} /* Set Duedates Modal */ .csr_duedates_date_label{margin-top:5px; text-align:center; font-size:18px; font-weight:bold;} .csr_duedates_selected_date_display{text-align:center;} .csr_duedates_calendar_widget_cont{width:380px; margin-top:10px; padding:0px 0px 0px 0px; text-align:center; border:1px solid #4F81BD;} #csr_duedates_start_calendar_prev_arrow{display:none;} #csr_duedates_end_calendar_prev_arrow{display:none;} .csr_duedates_calendar_date{float:left; width:53px; height:40px; padding-top:8px;} .csr_duedates_calendar_clickable_date{cursor:pointer;} .csr_duedates_calendar_widget_today_date{border:1px solid black;} .csr_duedates_calendar_widget_nottoday_date{border:1px solid white;} .csr_duedates_calendar_selected_date{background-color:#DBE1E4;} #csr_duedates_incomplete_msg_cont{height:20px; margin-top:7px; text-align:center; color:blue;} #csr_duedates_incomplete_msg{color:blue; display:none;} #csr_modal_submit_button_cont{margin-top:12px; text-align:center;} /*****************************************************************************************************************/ /* DIAGNOSTIC REPORT (diagnostic_report.php, get_teacher_diagnostic_report.php) - updated May 2022 */ /*****************************************************************************************************************/ #dr_primary_cont{min-height:300px; background-color:white;} #dr_loading_panel{float:left; width:100%; min-height:225px; margin:auto; margin-top:10px; display:block;} #dr_loading_panel_msg{width:100%; height:225px; margin:auto; padding:53px 5px 3px 5px; font-size:24px; text-align:center; background-color:#FCFEFF;} #dr_diagnostic_report_cont{padding:10px 0px 10px 0px; background-color:#f5f4ff;} #dr_enroll_all_band{width:98%; margin:auto; padding:5px 23px 0px 0px; text-align:right; display:none;} #diagnostic_report_shell{min-height:100px; padding:20px 0px 20px 0px;} #diagnostic_report_table{width:98%; margin:auto; /*20px 0px 20px 20px;*/ font-size:14px; border-collapse:collapse; border:1px solid #4F81BD; } #diagnostic_report_table th{font-weight:bold; text-align:center; color:white; border:1px solid #4F81BD; background-color:#373A40;} #diagnostic_report_table td {padding:2px 2px 2px 5px; border-left:1px solid #4F81BD; border-right:1px solid #4F81BD;} .diagnostic_top_border_strong{border-top:3px solid #4F81BD;} .diagnostic_top_border_regular{border-top:1px solid #4F81BD;} .diagnostic_report_namerow_even{background-color:#B6C3D4;} .diagnostic_report_namerow_odd{background-color:#CCD5E1;} .diagnostic_report_row_even{background-color:#E2E7EE;} .diagnostic_report_row_odd{background-color:#F0F3F6;} .diagnostic_enroll_cell{text-align:center;} .diagnostic_not_taken_phrase{color:red;} .diagnostic_name_row{line-height:12px;} #dr_msg_modal_body{text-align:center;} #dr_msg_modal_msg{font-size:20px;} /*****************************************************************************************************************/ /* PROBLEM GENERATOR (problem_and_solution.php) */ /*****************************************************************************************************************/ #problem_generator_title_band {text-align:center; margin:20px 0px 5px 0px; padding-top:10px; padding-bottom:5px; background-color:#4F81BD;} .problem_generator_h1{color:white; font-size:24px; font-weight:bold;} .problem_generator_h2{color:white; font-size:20px;} #problem_generator_content_fluid_cont{min-height:600px; background-color:#DBF0F9;} #problem_generator_content_cont{padding-bottom:10px; background-color:white;} #problem_generator_msg_cont{min-height:250px; padding:0px 10px 10px 10px; font-size:24px; text-align:center; background-color:#F5F4FF; display:block;} #problem_generator_msg_creating_cont{padding-top:60px; display:block;} #problem_generator_parameter_details{text-align:center; margin-top:5px; margin-bottom:15px; padding:5px 5px 5px 5px; font-size:18px;} .problem_generator_show_hide_link_cont{text-align:right;} .problem_generator_show_hide_link{font-size:16px;} .problem_generator_content_section{display:none;} .problem_generator_question_solution_title{font-size:20px; margin-top:20px; margin-bottom:20px; padding-top:3px; padding-bottom:3px; text-align:center; border-top:3px solid #A395F3; background-color:#DBF0F9;} .problem_generator_question_solution_cont {float:left; width:650px; margin:auto; padding-bottom:10px; text-align:center; min-height:150px; background-color:#FCFEFF; overflow-x:auto;} .problem_generator_bottom_border{height:1px; margin-top:80px; border-top:3px solid #A395F3;} /*****************************************************************************************************************/ /* EXAM AND KEY (exam_and_key.php) */ /*****************************************************************************************************************/ #exam_content_fluid_cont{min-height:600px; background-color:#DBF0F9;} #exam_content_cont{padding-bottom:10px; background-color:white;} #exam_msg_cont{min-height:250px; padding:0px 10px 10px 10px; font-size:24px; text-align:center; background-color:#F5F4FF; display:block;} #exam_msg_creating_cont{padding-top:60px; display:block;} #exam_creating_msg{font-size:24px;} #exam_msg_ready_cont{padding-top:20px; display:none;} #exam_ready_msg{font-size:24px;} #exam_ready_instructions_msg{font-size:16px;} /* OBSOLETE? */ #exam_printing_instructions_cont{margin-top:15px; font-size:16px; text-align:left;} #exam_print_instructions_title{padding-top:10px; text-align:center;} #exam_student_instructions{text-align:left; margin-top:5px; margin-bottom:15px; padding:5px 5px 5px 5px; font-size:18px;} .exam_cont{display:none;} .exam_question_cont {float:left; width:650px; margin:auto; padding-bottom:10px; text-align:center; min-height:150px; background-color:#FCFEFF; overflow-x:auto; display:block;} .exam_question_title{font-size:20px; padding-top:3px; padding-bottom:3px; text-align:center; border-top:3px solid #A395F3; background-color:#DBF0F9;} .exam_title_band {text-align:center; margin:0px 0px 5px 0px; padding-top:10px; padding-bottom:5px; background-color:#4F81BD;} .exam_title_h1{color:white; font-size:24px; font-weight:bold;} .exam_title_h2{color:white; font-size:20px;} .exam_title_h3{color:white; font-size:16px;} .exam_component{display:none;} @media print{ .no_pagebreak{page-break-inside:avoid;} } /*****************************************************************************************************************/ /* NEW LEARNER CLASS DASHBOARD (learner_class_dashboard.php, re-designed Fall 2021) */ /*****************************************************************************************************************/ #lcd_cont_inner_cont{background-color:white;} .dashboard_legend_cont{margin-bottom:10px; border:3px solid #4F81BD; } .lcd_status_legend_element{margin-top:5px; margin-bottom:5px; padding-bottom:2px; font-size:12px; text-align:center;} .lcd_status_legend_element_not_started{border:2px solid #d3dbde; border-radius:5px;} .lcd_status_legend_element_in_progress{border:2px solid #e6e600; border-radius:5px;} .lcd_status_legend_element_mastery{border:2px solid #009933; border-radius:5px;} .lcd_status_legend_element_excellence{border:2px solid #9900ff; border-radius:5px;} .lcd_duedate_legend_element{margin-top:5px; margin-bottom:5px; padding-top:3px; font-size:12px; text-align:center; background-color:#F5F4FF;} .lcd_early{color:blue;} .lcd_ontime{color:green;} .lcd_late{color:pink;} .lcd_soon{color:orange;} .lcd_past{color:red;} .lcd_later{color:grey;} #lcd_loading_panel_msg{width:100%; height:225px; margin:auto; padding:53px 5px 3px 5px; font-size:24px; text-align:center; background-color:#FCFEFF;} #dashboard_units_section{display:none;} .lcd_unit_title_cont {margin:0px 0px 0px 0px; padding:5px 5px 2px 5px; text-align:center; background-color:#A395F3;} .lcd_unit_title_cont h2{color:white; font-size:20px; font-weight:bold;} .lcd_unit_concepts_badge_cont{margin-bottom:5px; padding:5px 5px 5px 5px; background-color:#DBF0F9;} .lcd_unit_concepts_cont{min-height:80px; padding-bottom:5px; background-color:#FCFEFF;} .lcd_concept_box{height:95%; margin-top:5px; margin-right:5px; padding:2px 2px 2px 2px; border-radius:5px; cursor:pointer;} .lcd_concept_box_not_started_nonmouseover{border:2px solid #d3dbde; background-color:#e9f6fb;} .lcd_concept_box_in_progress_nonmouseover{border:2px solid #e6e600; background-color:#ffffb3;} .lcd_concept_box_mastery_nonmouseover{border:2px solid #009933; background-color:#80ff00;} .lcd_concept_box_excellence_nonmouseover{border:2px solid #9900ff; background-color:#ebccff;} .lcd_concept_box_not_started_mouseover{border:2px solid #a8b6bd; background-color:#f3fafd;} .lcd_concept_box_in_progress_mouseover{border:2px solid #cccc00; background-color:#ffffe6;} .lcd_concept_box_mastery_mouseover{border:2px solid #006622; background-color:#ccff99;} .lcd_concept_box_excellence_mouseover{border:2px solid #6b00b3; background-color:#f5e6ff;} .lcd_concept_title_cont{width:100%; min-height:40px;} .lcd_concept_title{text-align:center; font-size:14px; line-height:16px; font-weight:600;} .lcd_concept_assn_status_cont{font-size:12px; font-weight:500; text-align:center;} .lcd_concept_more_link_cont{font-size:12px; font-weight:500; text-align:center;} .lcd_unit_badge_cont{padding-top:5px; padding-bottom:3px; text-align:center; background-color:#FCFEFF;} .lcd_badge_not_started{color:#d3dbde;} .lcd_badge_in_progress{color:#e6e600;} .lcd_badge_mastery{color:#009933;} .lcd_badge_excellence{color:#9999FF;} .lcd_unit_badge_title_not_started{font-weight:bold; color:#d3dbde;} .lcd_unit_badge_title_in_progress{font-weight:bold; color:#e6e600;} .lcd_unit_badge_title_mastery{font-weight:bold; color:#009933;} .lcd_unit_badge_title_excellence{font-weight:bold; color:#9999FF;} .lcd_modal_msg_cont{margin-bottom:15px; padding:60px 10px 60px 10px; font-size:24px; text-align:center; background-color:#F5F4FF; display:none;} /*****************************************************************************************************************/ /* NEW ACHIEVE PAGE (achieve.php, re-designed Fall 2021) */ /*****************************************************************************************************************/ .achieve_section {background-color:#FCFEFF;} .achieve_aside_cont{width:90%; margin:auto; padding-bottom:10px; background-color:#DBF0F9;} #achieve_learning_resources_cont{min-height:475px;} #achieve_mastery_meter_cont{height:285px;} #achieve_get_help_cont{height:180px; margin-top:10px;} .achieve_section_title {padding:5px 5px 2px 5px; text-align:center; background-color:#A395F3;} .achieve_section_title_h2{color:white; font-size:20px; font-weight:bold;} #learning_objects_icons_cont{text-align:center;} .learning_object_icon{margin:5px 0px 5px 0px; width:67%; cursor:pointer;} .learning_resource_video{width:100%; min-height:647px;} .learning_resource_expl{margin:10px 10px 10px 10px;} .learning_resource_subsection{margin:15px 5px 15px 5px; padding:10px 10px 10px 10px; background-color:#DBEDFF;} .learning_resource_expl_heading{margin:10px 0px 15px 0px; font-family:"Comic Sans MS", sans-serif; font-size:16px; font-weight:bold;} .learning_resource_math {padding:10px 10px 10px 10px; text-align:center; color:#186118; background-color:#F3FAFD;} .learning_resource_math_left {padding:10px 10px 10px 10px; text-align:left; color:#186118; background-color:#F3FAFD;} .learning_resource_problem_setup_text{margin:10px 10px 10px 10px;} .learning_resource_problem_setup_untext{padding:10px 10px 10px 10px; text-align:center; color:#186118; background-color:#F3FAFD;} .learning_resource_problem_step_expl{margin:10px 10px 10px 10px;} .learning_resource_problem_step_soln{padding:10px 10px 10px 10px; text-align:center; color:#186118; background-color:#F3FAFD;} .lr_problem_next_step_cont {margin:10px 0px 10px 0px; padding:10px 5px 10px 5px; text-align:center; background-color:#DBE1E4;} .lr_bold{font-weight:bold; color:#52CC52;} .learning_resources_coming_soon{text-align:center; margin-bottom:40px;} #achieve_loading_and_problem_panel{width:100%; min-height:150px; padding:10px 0px 20px 0px; background-color:#DBF0F9;} /* FCFEFF */ #achieve_loading_and_problem_container{width:95%; background-color:#FCFEFF;} #achieve_loading_problem_panel{width:650px; height:150px; margin:auto; display:block; padding:30px 0px 0px 0px; font-size:24px; text-align:center; background-color:#FCFEFF;} #achieve_problem_cont_cont {width:650px; margin:auto; padding-bottom:10px; text-align:center; background-color:#FCFEFF; overflow-x:auto;} #achieve_problem_cont{width:650px; display:none;} #achieve_evaluating_answer_panel{width:100%; height:41px; } #achieve_evaluating_answer_msg{width:100%; min-height:22px; padding:5px 5px 3px 5px; font-size:16px; text-align:center; background-color:#DBE1E4; display:none;} #achieve_incomplete_response_msg{width:100%; min-height:22px; padding:5px 5px 3px 5px; font-size:16px; text-align:center; background-color:#FFC966; display:none;} #achieve_submit_answer_panel{width:100%; min-height:45px; padding:5px 0px 5px 0px; display:none;} #achieve_ans_feedback_and_solution_cont{width:100%; background-color:#FCFEFF; display:none;} #achieve_answer_feedback_panel{width:100%; padding-bottom:5px; min-height:80px;} .answer_feedback_panel_correct{background-color:#80ff00;} .answer_feedback_panel_incorrect{background-color:#AFC0C7;} .answer_feedback_panel_neutral{background-color:#FCFEFF;} #achieve_answer_feedback_phrase_cont{width:100%; padding:5px 5px 5px 5px; font-size:18px; font-weight:bold; text-align:center;} #next_problem_button_cont{width:100%;} #achieve_solution_explanation_panel{width:100%; min-height:50px; padding-bottom:5px; background-color:#FCFEFF; display:block;} #achieve_solution_explanation_title{width:100%; padding:5px 5px 5px 5px; margin:15px 0px 0px 0px; font-size:20px; text-align:center; background-color:#DAD5FA; } #achieve_solution_explanation_container_cont{width:100%; background-color:#DBF0F9;} #achieve_solution_explanation_container{width:98%; background-color:#DBF0F9;} #achieve_solution_explanation_cont_cont {width:640px; margin:auto; padding:5px 5px 5px 5px; min-height:150px; overflow-x:auto; background-color:#DBF0F9; display:block;} #achieve_solution_explanation_cont {width:640px;} #mastery_meter_gradations_and_pointers_cont{width:100%; margin-top:15px; height:180px;} .mastery_meter_pointer_cont{float:left; width:17%; height:187px;} .mastery_meter_pointer_band{float:left; width:100%; height:20px;} .mastery_meter_pointer_band_0{margin:104px 0px 0px 0px;} .mastery_meter_pointer_band_1{margin:158px 0px 0px 0px;} .mastery_meter_pointer_band_2{margin:149px 0px 0px 0px;} .mastery_meter_pointer_band_3{margin:140px 0px 0px 0px;} .mastery_meter_pointer_band_4{margin:131px 0px 0px 0px;} .mastery_meter_pointer_band_5{margin:122px 0px 0px 0px;} .mastery_meter_pointer_band_6{margin:113px 0px 0px 0px;} .mastery_meter_pointer_band_7{margin:104px 0px 0px 0px;} .mastery_meter_pointer_band_8{margin:95px 0px 0px 0px;} .mastery_meter_pointer_band_9{margin:86px 0px 0px 0px;} .mastery_meter_pointer_band_10{margin:76px 0px 0px 0px;} .mastery_meter_pointer_band_11{margin:68px 0px 0px 0px;} .mastery_meter_pointer_band_12{margin:59px 0px 0px 0px;} .mastery_meter_pointer_band_13{margin:50px 0px 0px 0px;} .mastery_meter_pointer_band_14{margin:41px 0px 0px 0px;} .mastery_meter_pointer_band_15{margin:32px 0px 0px 0px;} .mastery_meter_pointer_band_16{margin:23px 0px 0px 0px;} .mastery_meter_pointer_band_17{margin:14px 0px 0px 0px;} .mastery_meter_pointer_band_18{margin:5px 0px 0px 0px;} .mastery_meter_pointer_band_19{margin:-4px 0px 0px 0px;} .mastery_meter_pointer_band_20{margin:-14px 0px 0px 0px;} #mastery_meter_pointer_band_left{text-align:right;} #mastery_meter_pointer_band_right{text-align:left;} #mastery_meter_gradations_cont{float:left; width:66%; height:187px;} .mastery_meter_smallpointer{font-size:12px;} .mastery_meter_smallpointer_left{margin:0px -5px 0px 0px;} .mastery_meter_smallpointer_right{margin:0px 0px 0px -5px;} .mastery_meter_largepointer{font-size:20px;} .mastery_meter_largepointer_left{margin:0px -10px 0px 0px;} .mastery_meter_largepointer_right{margin:0px 0px 0px -10px;} .mastery_meter_gradation{float:left; width:100%; height:9px; border-left:1px solid; border-right:1px solid; border-top:1px solid;} /*#mastery_meter_gradation_10{border-top:none;}*/ .mastery_meter_mastery_target_line{border-top:3px solid #009933;} .mastery_meter_excellence_target_line{border-top:3px solid #9900ff;} .mastery_meter_mastery_achieved_line{border-top:3px solid;} .mastery_meter_mastery_just_achieved_line{border-top:4px solid;} .mastery_meter_excellence_achieved_line{border-top:4px solid;} .mastery_meter_high_score_line{border-top:2px solid;} .mastery_meter_zero_high_score_line{border-bottom:2px solid;} #mastery_meter_base_cont{width:100%; padding-top:0px;} .mastery_meter_base_spacer{float:left; width:5%; min-height:5px;} #mastery_meter_base{float:left; width:90%; min-height:35px; margin-top:-7px; padding:3px 3px 3px 3px; border:1px solid; font-size:18px; font-weight:bold; text-align:center;} .mastery_meter_in_progress {background-color:#ffffb3;} .mastery_meter_mastery {background-color:#80ff00;} .mastery_meter_excellence{background-color:#ebccff;} .mastery_meter_not_started{background-color:#F3FAFD;} #achieve_get_help_instructions{width:100%; margin:10px 0px 10px 0px; font-size:14px; text-align:center;} #get_help_button_cont{width:100%;} #get_help_msg_cont{width:100%; margin:10px 0px 10px 0px; text-align:center; font-size:12px; background-color:#FFC966; display:none;} /*****************************************************************************************************************/ /* DIAGNOSE (diagnose.php - updated May 2022) */ /*****************************************************************************************************************/ #diagnose_content_fluid_cont{min-height:600px; background-color:#DBF0F9;} #diagnose_content_cont{min-height:250px; padding-bottom:10px; background-color:white;} #diagnose_msg_panel{display:none;} .diagnose_msg{font-size:24px; text-align:center; background-color:#F3FAFD; display:none;} .diagnose_loading_msg{padding:53px 25px 5px 25px;} .diagnose_nonloading_msg{padding:15px 25px 5px 25px;} .diagnose_msg_smallprint{font-size:16px;} #diagnostic_instructions_smallprint{text-align:left;} #diagnose_problem_cont {width:660px; margin:auto; padding-bottom:10px; text-align:center; min-height:150px; background-color:#FCFEFF; overflow-x:auto; display:none;} #diagnose_evaluating_answer_panel{min-height:33px; margin-top:10px;} #diagnose_evaluating_answer_msg{padding:5px 0px 3px 0px; font-size:16px; text-align:center; background-color:#F3FAFD; display:none;} #diagnose_incomplete_response_msg{padding:5px 0px 3px 0px; font-size:16px; text-align:center; background-color:#FFC966; display:none;} #diagnose_submit_answer_panel {text-align:center; margin-top:5px; display:none;} /*****************************************************************************************************************/ /* OMNI, DISTRICT, SCHOOL AND REP REPORTS (reports_sign_in.php, reports.php, admin_class_status_report.php) */ /*****************************************************************************************************************/ /* TO BE REDESIGNED AUGUST 2022 */ #report_sign_in_sect{float:left; width:1014px; height:300px; margin:10px 0px 5px 5px; padding:0px 0px 20px 0px; background-color:#DBF0F9;} #report_sign_in_cont{float:left; width:473px; height:420px; margin:0px 0px 0px 270px; text-align:center;} #report_sign_in_fields{width:300px; margin:70px 0px 0px 357px; text-align:left;} #report_sign_in_submit_button{width:110px; height:30px; margin:auto; padding:9px 0px 0px 0px; font-size:20px; line-height:20px; font-weight:bold; color:#ffffff; text-align:center; cursor:pointer;} #uber_report_container{width:1024px; background-color:white; overflow:hidden; display:none;} .uber_report_filter_select_band{float:left; width:1024px;} #report_filter_top_cont{float:right; width:142px; height:24px; margin:10px 5px 0px 0px;} #report_filter_top{float:right; width:140px; height:20px; padding-top:2px; cursor:pointer; font-size:14px; text-align:center; border:1px solid #4F81BD;} #report_filter_menu_cont{float:right; width:142px; margin:0px 5px 0px 0px;} #report_filter_menu{position:absolute; width:140px; padding-bottom:10px; background-color:white; border-right:1px solid #4F81BD; border-bottom:1px solid #4F81BD; border-left:1px solid #4F81BD; display:none;} .report_filter_choice{width:115px; margin:10px 5px 0px 5px; padding-left:15px; cursor:pointer;} /* Redesign June 2024 */ /* reports.php */ #reports_cont{width:100%; min-height:500px; margin-top:10px; text-align:center; background-color:#DBF0F9;} .report_container{width:100%; margin-top:5px; margin-bottom:10px; padding-top:10px; padding-bottom:20px; text-align:center; background-color:#DBF0F9; display:none;} .report_title{font-size:24px; margin-top:5px; margin-bottom:15px; font-weight:600;} th.report_table_school_details_title{font-size:18px; text-align:center; padding:5px 7px 4px 7px; color:#ffffff; border:1px solid #4F81BD; background-color:#6b94c7;} th.report_table_school_details_column_header{font-size:15px; text-align:center; color:#152537; padding:5px 7px 4px 7px; padding-top:5px; padding-bottom:4px; background-color:#a3bcdc; border:1px solid #4F81BD;} /* admin_class_status_report.php */ .report_contents_cont {float:left; width:1014px; min-height:100px; margin:10px 0px 10px 5px; background-color:#f5f4ff; display:none;} .report_section_header{float:left; width:1014px; margin:0px 0px 5px 0px; background-color:#3f6ea6;} .report_section_header h1{text-align:center; color:white; font-size:18px; margin:0px 0px 0px 0px; padding:5px 5px 5px 5px;} .report_district_header{width:100%; margin:30px 0px 10px 0px; background-color:#467ab9;} .report_district_header h1{text-align:center; color:white; font-size:18px; font-weight:bold; margin:0px 0px 0px 0px; padding:5px 5px 5px 5px;} .report_table_cont{float:left; width:1010px; margin:25px 0px 5px 2px; } table.report_table{/*width:100%;*/ width:1000px; margin:0px 0px 0px 5px; border-collapse:collapse;} .report_table th.report_table_school_details_title{font-size:16px; text-align:center; padding:5px 7px 4px 7px; color:#ffffff; border:1px solid #4F81BD; background-color:#6b94c7;} .report_table th.report_table_school_details_column_header {font-size:15px; text-align:center; color:#152537; padding:5px 7px 4px 7px; padding-top:5px; padding-bottom:4px; background-color:#a3bcdc; border:1px solid #4F81BD;} .report_table td {font-size:14px; padding:3px 7px 2px 7px; text-align:center; border:1px solid #4F81BD;} .report_table tr.row_odd {background-color:#CAD9EB;} .report_table tr.row_even {background-color:#EDF2F8;} .report_school_total_row {color:#152537; background-color:#a3bcdc;} /*****************************************************************************************************************/ /* TERMS AND PRIVACY POLICY (/corporate/terms.html, /corporate/privacy_policy.html) */ /*****************************************************************************************************************/ .corporate_container_fluid{min-height:600px; padding-bottom:30px; background-image: url('../images/backgrounds/background5.jpg'); background-repeat: repeat-y;} .corporate_container{background-color:#FCFEFF;} .corporate_h2{font-size:1.2em; text-align:left; margin-left:10px; color:#3F6797;} .corporate_h3{font-size:1.0em; text-align:left; margin-left:10px; color:#3F6797; font-style:italic;} .corporate_p{font-size:1.0em; text-align:justify; text-justify:auto; margin-left:10px; margin-right:10px;} .corporate_subparagraph{font-size:1.0em; text-align:justify; text-justify:auto; margin-left:25px; margin-right:15px; margin-top:0px; margin-bottom:0.4em;} .corporate_last_updated{font-style:italic; font-size:1.0em; text-align:justify; text-justify:auto; margin-left:10px; margin-right:10px;} /*****************************************************************************************************************/ /* CONTACT (/corporate/contact.html) */ /*****************************************************************************************************************/ .contact_section_header{background-color:#A395F3; color:#FCFEFF;} .contact_section_email{background-color:#DBF0F9;} #contact_page_map{width:70%; margin:10px 0px 5px 0px; border:5px solid white;} /*****************************************************************************************************************/ /* PROBLEM TESTER (problem_tester.php, new July 2022) */ /*****************************************************************************************************************/ #problem_tester_selectors_cont{background-color:#EDF2F8;} .problem_tester_evaluate_icon{font-size:24px; cursor:pointer;} .problem_tester_smile_icon{color:green;} .problem_tester_count_done{color:green;} .problem_tester_count_working{color:grey;} .problem_tester_frown_icon{color:red;} #problem_tester_alert_icon{color:white; display:none;} #successful_tests_count{font-weight:bold; color:green;} #problem_tester_achieve_content_cont{min-height:600px; display:block;} /* Find a Problem Modal */ .problem_tester_done_testing{color:white; background-color:green;} .problem_tester_still_testing{background-color:lightgrey;} .problem_tester_problematic{color:white; background-color:red;} /*****************************************************************************************************************************/ /* ADMIN PORTAL (aportal, a_dash) */ /*****************************************************************************************************************************/ /* TO BE REDESIGNED SEP 2022 */ /* Redesigned... */ .adash_section{background-color:#DBE1E4;} .adash_button{width:150px;} /*** aportal ***/ /* OBSOLETE #aportal_sign_in_fields{width:300px; margin:70px 0px 0px 50px; text-align:left;} .aportal_sign_in_form_label{font-size:1.6em; line-height:0.1em;} .aportal_sign_in_field{width:250px; height:25px; font-size:1.4em;} */ /*** a_dash ***/ /* Sections */ /* .admin_portal_section {float:left; width:778px; margin:4px 0px 0px 0px; padding:4px 0px 0px 0px; background-color:white;} .admin_task {width:755px; min-height:100px; float:left; margin:1px 3px 5px 6px; padding:2px 0px 2px 11px; text-align:left; background-color:#DBE1E4;} .admin_task_left {float:left; width:500px; min-height:30px; margin-left:20px; text-align:left;}{} .admin_task_left_special_title{margin-left:-20px;} .admin_task_right {float:left; width:200px; min-height:30px; text-align:right; } */ /* Forms */ /* .admin_form_label{font-size:1.4em; } .admin_form_span {font-size:1.4em; } .admin_field{width:100px; height:25px; font-size:1.4em; text-align:center;} #teacher_email_input{width:300px; height:25px; font-size:1.0em; text-align:center;} */ /* #create_license_form{display:none;} */ /* .create_license_conditional_input{display:none;} #create_site_license_inputs_table{width:450px; margin:0px 0px 10px 0px;} .admin_form_label_small{font-size:20px;} .admin_field_small{width:250px; height:22px; font-size:16px; text-align:left;} .site_license_school_id_row{display:none;} */ /* Buttons */ /* .admin_submit_button{float:right; width:120px; font-size:20px;} .admin_link{cursor:pointer;} #run_lboard_button{display:none;} #hide_create_license_form{display:none;} #site_license_button{margin:10px 0px 10px 0px;} #clear_create_license_form_cont{float:left; width:200px; text-align:right;} */ /* Copy Text Sections */ /* .admin_copy_band{float:left; width:665px; margin:10px 0px 3px 25px; padding-right:35px; text-align:right; display:none;} */ /* Results Sections */ #admin_lboard{display:none;} #admin_switch_concepts{display:none;} #admin_stats{text-align:center; display:none;} #admin_license{display:none;} .admin_sect_content_cont{width:700px; min-height:90px; float:left; margin:7px 3px 7px 25px; padding:0px 0px 10px 0px; background-color: #F3FAFD; display:none;} .admin_report_cont_center{width:700px; min-height:500px; margin:10px 0px 10px 22px; float:left; text-align:center; background-color:#DBF0F9; } .admin_report_cont_left{width:700px; min-height:50px; margin:10px 0px 10px 22px; float:left; text-align:left; background-color:#DBF0F9; } #fback_report_cont{display:none;} #password_requests_cont{word-wrap: break-word; display:none;} #certs_cont{word-wrap: break-word; display:none;} #admin_prospects{display:none;} #prospects_summary{width:680px; margin:10px 10px 10px 10px; float:left;} #admin_teacher_email_cont{display:none;} .admin_report_cont p {font-size:1.4em;} .report_display{width:680px; float:left; margin:10px 0px 10px 33px;} .hidden_text_for_copy{display:block;} #admin_stats_csv{text-align:center;} .admin_large_textarea{width:685px; margin:5px 5px 5px 5px;} table.report_table{width:96%; margin-left:2%; margin-top:10px; margin-bottom:10px; border-collapse:collapse;} .report_table th, .report_table td {border:1px solid #4F81BD;} .report_table th {font-size:1.1em; text-align:center; padding:5px 7px 4px 7px; padding-top:5px; padding-bottom:4px; background-color:#4F81BD; color:#ffffff;} .report_table td {font-size:1.0em; padding:3px 7px 2px 7px; text-align:center; } .report_table tr.row_odd {background-color:#CAD9EB;} /* #00BFFF; #DBF0F9 */ .report_table tr.row_even {background-color:#EDF2F8;} /* #A395F3 */ /*************************** Please Wait Overlay ******************************************************/ div.please_wait_outline {width:460px; height:250px; display:none; position:fixed; top:100px; z-index:2000; background-color:#FCFEFF;} div.please_wait_cont {width:452px; height:222px; margin:4px 0px 0px 4px; padding-top:20px; text-align:center; background-color:#DBF0F9;} div.please_wait_cont p{font-size:1.6em; line-height:0.4em; margin:5px 0px 20px 0px;} div.wait_graphic_cont{width:400px; height:175px; margin:10px 0px 0px 26px; background:url(../images/report_wait_rotator1.png);} /*****************************************************************************************************************/ /* PROBLEMS AND SOLUTIONS - To be tested Jul-Aug 2022 */ /*****************************************************************************************************************/ /* Buttons */ .achieve_button{text-align:center;} .achieve_standard_button{color:#000080;} .achieve_standard_button_nonmouseover{background-color:#e6e6e6; border:1px solid #77398c; cursor:pointer;} .achieve_standard_button_mouseover{background-color:#f2f2f2; border:1px solid #34193e; cursor:pointer;} .achieve_emphasis_button{font-weight:bold; color:#000000; text-align:center;} .achieve_emphasis_button_nonmouseover{background-color:#FFB733; border:2px solid #B26200; cursor:pointer;} .achieve_emphasis_button_mouseover{background-color:#FFC966; border:2px solid #4C2A00; cursor:pointer;} .greyed_button{color:#A9A9A9; border:1px solid #A9A9A9; background-color:#E6E6E6; text-align:center; cursor:auto;} /* Canvas */ .canvas_type_1{border:1px solid #00FFFF;} .canvas_type_2{border:2px solid #E0E0E0;} .pointgrapher_canvas{cursor:pointer;} .numline_grapher{cursor:pointer;} /* Problems, Solutions and Learning Resources */ .twoway_table{width:90%; margin:auto; text-align:center; font-size:12px; border-collapse: collapse;} .twoway_label_td{color:white; background-color:#339933;} .twoway_border_td{border:1px solid black; border-collapse:collapse; padding:10px;} .twoway_total_td{background-color:#CCE6CC;} .prob_statement{float:left; width:640px; margin:10px 5px 5px 5px; font-size:20px; text-align:left; line-height:26px; } .prob_section_28{font-size:28px;} .prob_section_24{font-size:24px;} .prob_section_18{font-size:18px;} .prob_section_16{font-size:16px;} .prob_section_14{font-size:14px;} .prob_fineprint{float:left; width:640px; margin:10px 5px 5px 5px; font-size:16px; text-align:left; line-height:18px; } .fineprint_emphasis{font-weight:bold; color:blue;} .prob_substance{float:left; width:640px; margin:10px 5px 5px 5px; font-size:20px; text-align:center; } .answer_input_keydown{background-color:#F3FAFD;} .steps_table{width:640px; font-size:18px; text-align:center; border-collapse:collapse;} .steps_table_td{padding:3px 3px 3px 3px; border:1px solid black;} .steps_table_header_td{background-color:#DBF0F9;} .steps_table_nonheader_td{background-color:#F3FAFD;} .steps_table_left_td{width:50px;} .steps_table_middle_td{width:350px;} .steps_table_right_td{width:240px;} .sequence_analysis_table{width:350px; margin:auto; font-size:18px; text-align:center; border-collapse:collapse;} .sequence_analysis_table_td{padding:3px 3px 3px 3px; border-bottom:1px solid black;} .sequence_analysis_table_left_td{width:50px; border-right:1px solid black; } .sequence_analysis_table_middle_td{width:150px;} .sequence_analysis_table_right_td{width:150px; border-left:1px solid black;} /* General Across Problem Types */ .prob_input_font_10{font-size:10px;} .prob_input_font_12{font-size:12px;} .prob_input_font_14{font-size:14px;} .prob_input_font_16{font-size:16px;} .prob_input_font_18{font-size:18px;} .prob_input_font_20{font-size:20px;} .prob_input_font_22{font-size:22px;} .prob_input_font_24{font-size:24px;} .prob_input_width_30{width:30px;} .prob_input_width_40{width:40px;} .prob_input_width_60{width:60px;} .prob_input_width_80{width:80px;} .prob_input_width_100{width:100px;} .prob_input_width_120{width:120px;} .prob_input_width_140{width:140px;} .prob_input_width_160{width:160px;} .prob_input_width_180{width:180px;} .prob_input_width_200{width:200px;} .prob_input_center{text-align:center;} .prob_input_left{text-align:left;} .prob_input_right{text-align:right;} .val_table{margin:auto; text-align:center; border-collapse:collapse;} /* Keypad Problems */ .keypad_input_cont{float:left; width:640px; margin:5px 0px 10px 0px;} .keypad_answer_field{width:425px; height:60px; margin:0px 0px 0px 107px; border:1px solid; background-color:#DBF0F9;} .keypunch_display{font-size:22px; text-align:center; margin:6px 0px 0px 5px; line-height:1.8em;} .keypad_buttons_cont{float:left; width:640px; margin:5px 0px 5px 0px;} .keypad_buttons_row{float:left; width:627px; margin-left:6px;} .keypad_button_div{float:left; width:32px; margin-left:1px;} .keypad_large_button{margin-right:1px;} .keypad_backspace_div{float:left; width:164px; margin-left:1px;} .keypad_exponents_label_div{font-size:14px; font-weight:650;} /* Select (Single & Multi) Problems */ .single_select{min-height:20px; padding:5px 10px 5px 10px; cursor:pointer;} .single_select_nonmouseover{background-color:#F6F6F6; border:2px solid #F2F2F2;} .single_select_mouseover{background-color:#F2F2F2; border:2px solid #E0E0E0;} .single_select_selected{background-color:#FFC966; border:2px solid #B27300;} .multi_select{min-height:20px; padding:5px 10px 5px 10px; cursor:pointer;} .multi_select_nonmouseover{background-color:#F6F6F6; border:2px solid #F2F2F2;} .multi_select_mouseover{background-color:#F2F2F2; border:2px solid #E0E0E0;} .multi_select_selected{background-color:#FFC966; border:2px solid #B27300;} .select_box_xxlarge{width:606px; margin:8px 0px 5px 5px;} .select_box_xlarge{width:516px; margin:8px 0px 5px 50px;} .select_box_large{width:426px; margin:8px 0px 5px 95px;} .select_box_medium{width:336px; margin:8px 0px 5px 140px;} .select_box_small{width:246px; margin:8px 0px 5px 185px;} .select_box_xsmall{width:156px; margin:8px 0px 5px 230px;} .select_box_xxsmall{width:66px; margin:8px 0px 5px 275px;} /* Drag Drop Problems */ .dragdrop_draggables_cont{float:left; padding:0px 0px 3px 0px; border:2px solid #E0E0E0;} .dragdrop_draggables_cont_xxlarge{width:635px; margin:0px 0px 20px 0px;} .dragdrop_draggables_cont_xlarge{width:555px; margin:0px 0px 20px 40px;} .dragdrop_draggables_cont_large{width:471px; margin:0px 0px 20px 82px;} .dragdrop_draggables_cont_medium{width:387px; margin:0px 0px 20px 124px;} .dragdrop_draggables_cont_small{width:303px; margin:0px 0px 20px 166px;} .dragdrop_draggables_cont_xsmall{width:219px; margin:0px 0px 20px 208px;} .dragdrop_draggables_cont_xxsmall{width:135px; margin:0px 0px 20px 250px;} .dragdrop_cont{float:left; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; height:25px; padding:-15px -25px -25px -25px; text-align:center; font-size:16px;} .dragdrop_cont_xxlarge{width:154px; margin:3px 0px 0px 3px;} .dragdrop_cont_xlarge{width:134px; margin:3px 0px 0px 3px;} .dragdrop_cont_large{width:113px; margin:3px 0px 0px 3px;} .dragdrop_cont_medium{width:92px; margin:3px 0px 0px 3px;} .dragdrop_cont_small{width:71px; margin:3px 0px 0px 3px;} .dragdrop_cont_xsmall{width:50px; margin:3px 0px 0px 3px;} .dragdrop_cont_xxsmall{width:29px; margin:3px 0px 0px 3px;} .dragdrop_cont_soln_xxlarge{width:155px; margin:3px 0px 0px 218px;} .dragdrop_cont_soln_xlarge{width:134px; margin:3px 0px 0px 228px;} .dragdrop_cont_soln_large{width:113px; margin:3px 0px 0px 239px;} .dragdrop_cont_soln_medium{width:92px; margin:3px 0px 0px 249px;} .dragdrop_cont_soln_small{width:71px; margin:3px 0px 0px 260px;} .dragdrop_cont_soln_xsmall{width:50px; margin:3px 0px 0px 270px;} .dragdrop_cont_soln_xxsmall{width:29px; margin:3px 0px 0px 281px;} .drag_allowed_nonmouseover{background-color:#E0E0E0;} .drag_allowed_mouseover{background-color:#CACACA;} .dragdrop_shuttle{position:fixed; height:25px; padding:-15px 0px 0px 0px; text-align:center; font-size:16px; display:none; z-index:1; background-color:#FFC966; cursor:pointer;} .drop_allowed_nonmouseover{background-color:#E0E0E0;} .drop_allowed_mouseover{background-color:#FFC966;} .dragdrop_statement_cont{float:left; width:636px; margin:0px 0px 20px 2px;} .dragdrop_categories_table_cont{float:left; width:636px; margin:0px 0px 20px 2px;} .dragdrop_catgories_table{font-size:16px; margin:auto; text-align:center; border-collapse:collapse;} .dragdrop_header_td{font-size:18px; font-style:italic;} .dragdrop_underline_td{border-bottom:solid 1px black;} .dragdrop_table_td_rt{border-left:solid 1px black;} .dragdrop_table_td{padding:3px 10px 3px 10px;} .dragdrop_table_td_xxlarge{width:157px; padding:3px 10px 3px 10px;} .dragdrop_table_td_xlarge{width:136px; padding:3px 10px 3px 10px;} .dragdrop_table_td_large{width:115px; padding:3px 10px 3px 10px;;} .dragdrop_table_td_medium{width:94px; padding:3px 10px 3px 10px;} .dragdrop_table_td_small{width:73px; padding:3px 10px 3px 10px;} .dragdrop_table_td_xsmall{width:52px; padding:3px 10px 3px 10px;} .dragdrop_table_td_xsmall{width:31px; padding:3px 10px 3px 10px;} /* Graphing Problems */ .coordplane_graphing_tool{width:636px; height:460px; margin:5px 0px 0px 0px; padding-bottom:5px; border:2px solid #E0E0E0;} .graphing_dashboard{float:left; width:166px; height:450px; margin:5px 5px 5px 4px; font-size:16px; background-color:#F3F3F3;} .graphing_dashboard_table{width:162px; margin:0px 2px 0px 2px; text-align:center;} .graphing_dashboard_spacer_td_5{padding:5px 0px 0px 0px;} .graphing_dashboard_spacer_td_10{padding:10px 0px 0px 0px;} .graphing_dashboard_spacer_td_15{padding:15px 0px 0px 0px;} .graphing_dashboard_spacer_td_20{padding:20px 0px 0px 0px;} .graphing_dashboard_paren{font-size:23px;} .graphing_dashboard_input{width:43px; text-align:center;} .graphing_tool_canvas{margin:5px 5px 5px 0px;} /* Miscellaneous */ .versus_table{width:640px; margin:auto;} .quadratic_factors_table{width:400px; margin:auto; text-align:center; border-collapse:collapse;} .quadratic_factors_table th, .quadratic_factors_table tD{border:1px solid #182739;} .quadratic_factors_table th {font-size:15px; text-align:center; padding:5px 7px 4px 7px; padding-top:5px; padding-bottom:4px; background-color:#4F81BD; color:#ffffff;} .quadratic_factors_table td {font-size:14px; padding:3px 7px 2px 7px; text-align:center; } .quadratic_factors_table_row_odd {background-color:#CAD9EB;} .quadratic_factors_table_row_even {background-color:#EDF2F8;} /* Stacked Arithmetic */ .stacked_arthmetic_table{margin:0 auto; border-collapse:collapse;} .stack_arith_td_carryrow{font-size:0.7em;} .stack_arith_td_underline{border-bottom:1px solid black;} .stack_arith_left_border{border-left:1px solid black;} .stack_arith_top_border{border-top:1px solid black;} .stack_arith_left_pad{padding-left:7px;} .stack_arith_right_pad{padding-right:7px;} .stack_arith_linethrough{text-decoration:line-through blue;} /* Solutions */ .soln_statement{float:left; width:630px; margin:10px 5px 5px 5px; font-size:18px; text-align:left; line-height:24px; } .soln_substance{float:left; width:600px; margin:10px 15px 5px 15px; padding:5px 5px 5px 5px; font-size:18px; text-align:center; line-height:24px; background-color:#FCFEFF;} .soln_fineprint{float:left; width:515px; margin:10px 5px 5px 5px; font-size:12px; text-align:left; line-height:24px; } /* OBSOLETE? */ .error_msg{color:blue; display:none;} .hidden_row{display:none;} /* TRASH FROM HERE ?????? */ /***********************************************************************************************************************/ /* CREATE PROBLEM (background handler create_problem.php, represented in ACHIEVE PAGE achieve.php */ /***********************************************************************************************************************/ /*************************************** RADICALS (square roots) ********************************/ /* Paragraphs for radicands */ p.radicand {margin:9px 0px 0px 17px; font-size:1.8em;} p.radicand_noexp_w_exp{margin:20px 0px 0px 17px; font-size:1.8em;} /* Divs for radicands */ div.rad_noexp_chars_1 {float:left; width:50px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_1.png) no-repeat;} div.rad_exp_chars_1 {float:left; width:58px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_1.png) no-repeat;} div.rad_noexp_chars_2 {float:left; width:73px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_2.png) no-repeat;} div.rad_exp_chars_2 {float:left; width:77px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_2.png) no-repeat;} div.rad_noexp_chars_3 {float:left; width:80px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_3.png) no-repeat;} div.rad_exp_chars_3 {float:left; width:83px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_3.png) no-repeat;} div.rad_noexp_chars_4 {float:left; width:94px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_4.png) no-repeat;} div.rad_exp_chars_4 {float:left; width:98px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_4.png) no-repeat;} div.rad_noexp_chars_5 {float:left; width:114px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_5.png) no-repeat;} div.rad_exp_chars_5 {float:left; width:114px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_5.png) no-repeat;} div.rad_noexp_chars_6 {float:left; width:125px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_6.png) no-repeat;} div.rad_exp_chars_6 {float:left; width:131px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_6.png) no-repeat;} div.rad_noexp_chars_7 {float:left; width:143px; height:35px; margin: 0px auto; border: none; background: url(../images/rad_noexp_chars_7.png) no-repeat;} div.rad_exp_chars_7 {float:left; width:148px; height:48px; margin: 0px auto; border: none; background: url(../images/rad_exp_chars_7.png) no-repeat;} /* Inputs for radicands, radicand coefficients, and fractions */ input.radicand_input {margin: 5px 0px 0px 20px; font-size:1.8em; text-align:center;} input.radical_coeff_input {margin: 5px 0px 0px 0px; font-size:1.8em; text-align:right;} input.numer_denom {margin: 0px 0px 0px 0px; font-size:1.8em; text-align:center;} /* Coefficents for radicals */ div.coeff_rad_exp{height:48px; padding:40px 5px 0px 0px; text-align:right;} span.coeff_rad_exp{font-size:2.0em;} div.coeff_rad_noexp{height:35px; padding:15px 5px 0px 0px; text-align:right;} span.coeff_rad_noexp{font-size:2.0em;} span.coeff_rad_parens{font-size:3.2em;} /****************************** FRACTIONS (rationals) ********************************************/ /* tables and cells for fractions */ td.numer_underline {padding:0px 0px 3px 0px; text-align:center; border-bottom:2px solid;} td.numer_noline {padding:0px 0px 3px 0px; text-align:center;} td.denom_overline {padding:3px 0px 0px 0px; text-align:center; border-top:2px solid;} td.denom_noline {padding:3px 0px 0px 0px; text-align:center;} td.numer_underline_input {padding:0px 0px 13px 0px; text-align:center; border-bottom:2px solid;} table.numer_underline {margin:auto; padding:0px 0px 3px 0px; text-align:center; border-bottom:2px solid;} table.numer_noline {margin:auto; padding:0px 0px 3px 0px; text-align:center;} table.denom_overline {margin:auto; padding:3px 0px 0px 0px; text-align:center; border-top:2px solid;} table.denom_noline {margin:auto; padding:3px 0px 0px 0px; text-align:center;} /********************************************************************************************************************************/ /************************************ NEW FOR 6-20-12 SPRINT--INCORPORATE IN ONCE CERTAIN COOL **********************************/ /********************************************************************************************************************************/ /*************************** GENERAL INSTRUCTIONS *****************************************/ div.problem_instructions{float:left; width:515px; font-size:1.4em; text-align:left; padding:5px 0px 15px 5px; line-height:1.2em; } div.problem_substance{float:left; width:515px; text-align:middle; padding:5px 0px 5px 5px; } div#solution_steps_div{ float: left; width:510px; padding:5px 5px 5px 5px; margin:0px 0px 10px 5px; background-color: #F3FAFD; display:none;} div.solution_instructions_title{float:left; width:510px; font-size:1.4em; text-align:left; padding:5px 0px 15px 5px; } div.solution_instructions {float:left; width:510px; font-size:18px; text-align:left; padding:15px 0px 10px 5px; } div.solution_substance {float:left; width:510px; font-size:18px; text-align:center; padding:5px 0px 5px 5px; } div.expression_fragment_prob {float:left; font-size:16px;} p.answer_p {font-size:1.0em; } p.answer_p span {color:#0000B2; cursor:pointer;} p.answer_p span:hover{color:#7B68EE;} input.input_normal_size{font-size:24px; text-align:center} p.large_problem_p {font-size:2.0em;} p.correct_answer_p {font-size:1.0em;} /*************************** MORE FRACTIONS (rationals) ***********************************/ div.fraction_cont_prob{float:left; margin:auto; font-size:28px;} div.fraction_cont_soln{float:left; margin:auto; font-size:18px;} table.fraction_cont_table{margin:auto;} table.numer_underline_prob {margin:auto; padding:0px 0px 3px 0px; text-align:center; border-bottom:2px solid;} table.numer_noline_prob {margin:auto; padding:0px 0px 3px 0px; text-align:center;} table.denom_overline_prob {margin:auto; padding:3px 0px 0px 0px; text-align:center; border-top:2px solid;} table.denom_noline_prob {margin:auto; padding:3px 0px 0px 0px; text-align:center;} table.numer_underline_soln {margin:auto; padding:0px 0px 3px 0px; text-align:center; border-bottom:2px solid;} table.numer_noline_soln {margin:auto; padding:0px 0px 3px 0px; text-align:center;} table.denom_overline_soln {margin:auto; padding:3px 0px 0px 0px; text-align:center; border-top:2px solid;} table.denom_noline_soln {margin:auto; padding:3px 0px 0px 0px; text-align:center;} /*************************** MORE RADICALS ************************************************/ table.radical_cont_table{margin:auto; font-size:24px;} p.radic {margin:9px 0px 0px 17px;} p.radic_noexp_w_exp{margin:20px 0px 0px 17px;} p.radic_in_fraction {margin:9px 0px 0px 17px;} /************************** INTEGRALS and INTEGRAL EVALUATIONS ************************************/ table.integral_cont_table{margin:auto; font-size:24px; border-spacing:0px;} td.integral_sign_td{font-family: "Unicode Symbols", "Times New Roman", "Apple Symbols","Arial Unicode MS"; height:100px; vertical-align:middle; font-size:72px; } td.integrand_td_nofrac{vertical-align:bottom; padding-bottom:45px;} td.integrand_td_frac{vertical-align:bottom; padding-bottom:25px;} td.dx_td{vertical-align:bottom; padding:0px 0px 45px 10px;} td.integral_ans_input{vertical-align:bottom; padding:0px 0px 38px 10px;} /* Parameters for definite integrals: */ td.integral_params_td {vertical-align:top;} div.def_integral_params_cont {float:left; width:30px; height:100px; font-size:16px; } div.def_integral_param_to, .def_integral_param_from {float:left; width:20px; text-align:left; white-space:nowrap;} div.def_integral_param_to { margin:7px 0px 0px 3px;} div.def_integral_param_from {margin:37px 0px 0px 0px; } /* Anti-derivative evaluation (for solution steps) */ table.antider_eval_cont_table{margin:auto; font-size:18px; border-spacing:0px; } td.antider_td_nofrac{vertical-align:bottom; padding-bottom:18px; } td.antider_td_frac{vertical-align:bottom; padding-bottom:0px;} td.antider_eval_sign_td{font-family: "Unicode Symbols", "Times New Roman", "Apple Symbols","Arial Unicode MS"; height:65px; vertical-align:middle; font-size:64px; } /* Parameters for antiderivatives */ td.antider_params_td {vertical-align:top;} div.antider_params_cont {float:left; width:30px; height:65px; } div.antider_param_to, .antider_param_from {float:left; width:20px; font-size:12px; text-align:left; white-space:nowrap;} div.antider_param_to { margin:5px 0px 0px 0px;} div.antider_param_from {margin:27px 0px 0px 1px; } /********************************************************************************************************************************/ /************************************ END 6-20-12 SPRINT STUFF **********************************/ /********************************************************************************************************************************/ /********************************************************************************************************************************/ /************************************ BEGIN PRE-ALGEBRA STUFF **********************************/ /********************************************************************************************************************************/ /* General Stuff */ span.problem_normal_size{font-size:28px;} table.statement_cont_table{margin:auto; font-size:18px; } span.prob_instruct_fine_print{font-size:18px;} div.prob_formula_callout{text-align:center; font-size:24px; margin:auto; padding:30px 0px 30px 0px;} input.input_18_size{font-size:18px; text-align:center} input.input_16_size{font-size:16px; text-align:center} input.input_14_size{font-size:14px; text-align:center} input.input_exponent_size{font-size:14px; text-align:center;} /* Multiple Choice for Inequalities */ table.mult_choice_table{font-size:1.2em; margin:auto;} tr.mult_choice_ineq_tr{height:60px;} td.mult_choice_ineq_radio_td{width:10%; vertical-align:bottom; padding:0px 0px 25px 0px;} td.mult_choice_ineq_label_td{width:90%; text-align:left; vertical-align:middle;} label.radio_label {text-align:left;} /*Multiple Choice General*/ table.mult_choice_hozo{font-size:24px; width:90%; margin:auto;} table.mult_choice_vert{font-size:24px; margin:auto;} table.mult_choice_vert_small{font-size:18px; margin:auto;} td.mult_choice_hozo_radio{width:20px; vertical-align:middle;} td.mult_choice_hozo_label{width:100px; text-align:left; vertical-align:middle;} td.mult_choice_vert_radio{width:10%; vertical-align:middle; padding:0px 0px 23px 0px;} td.mult_choice_vert_label{width:90%; text-align:left; vertical-align:middle; padding:3px 0px 23px 3px;} td.radio_entry_radio_td{width:20px; vertical-align:top;} td.radio_entry_label_td{width:100px; text-align:left; font-size:18px; vertical-align:top; padding-top:3px;} /*************************************************************************************************/ /********************* ADDITIONAL ACHIEVE: NEW FOR NEW COURSES LAUNCH AUG 2012 *******************/ /*************************************************************************************************/ /* Number Line Grapher */ #numline_display {width:410px; height:100px; margin:10px 0px 0px 55px; background:url('../images/number_line.png') no-repeat; } #numline_control {margin-bottom:20px; } .numline_point {float:left; width:18px; height:18px; margin: 7px 5px 7px 7px;} .numline_left_point {margin-left:44px} /* Single Point Grapher */ #pointgraph_cont {float:left; width:515px; position:relative;} .pointgraph_point {float:left; width:18px; height:18px; margin: 0px 5px 7px 2px; } .left_pointgraph_point {margin-left:32px} .top_pointgraph_point {margin-top:32px} table.graphic_display_prob{margin:auto; text-align:center;} table.equation_callout{margin:auto; text-align:center; font-size:28px;} table.equation_callout_small{margin:auto; text-align:center; font-size:24px;} table.values_table{font-size:24px; margin:auto; text-align:center; border-collapse:collapse;} td.underline_td{border-bottom:solid 1px black;} td.values_table_td{width:200px; padding:8px 15px 8px 15px;} td.values_table_td_rt{border-left:solid 1px black;} td.values_table_narr_td{width:40px; padding:8px 15px 8px 15px;} td.factors_table_td{ padding:8px 15px 8px 15px;} span.prob_rate_label{font-size:24px;} span.prob_rate_label_small{font-size:20px;} span.small_table_title{font-size:24px;} span.table_title_small_note{font-size:18px;} table.values_table_soln{font-size:18px; margin:auto; text-align:center; border-collapse:collapse; border:solid 1px black;} td.values_table_soln_td{border:solid 1px black; padding:4px 4px 4px 4px;} /* Grade 7 */ span.repeat_decimal{text-decoration:overline;} input.input_whole_before_decimal{font-size:24px; text-align:right;} input.input_decimal_after_whole{font-size:24px; text-align:left;} td.repeat_decimal_overline_td{border-top:3px solid;} span.large_paren{font-size:48px;} span.large_paren_soln{font-size:32px;} span.mult_choice_label_small{font-size:18px;} span.line_through_outer{text-decoration:line-through; color:blue;} span.line_through_inner{color:grey;} input.exponent_input{font-size:12px; text-align:center} table.graphic_display_soln{margin:auto; text-align:center; font-size:10px;} div.rad_soln_noexp_chars_1 {float:left; width:37px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_1.png) no-repeat;} div.rad_soln_noexp_chars_2 {float:left; width:56px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_2.png) no-repeat;} div.rad_soln_noexp_chars_3 {float:left; width:66px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_3.png) no-repeat;} div.rad_soln_noexp_chars_4 {float:left; width:76px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_4.png) no-repeat;} div.rad_soln_noexp_chars_5 {float:left; width:86px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_5.png) no-repeat;} div.rad_soln_noexp_chars_6 {float:left; width:96px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_6.png) no-repeat;} div.rad_soln_noexp_chars_7 {float:left; width:106px; height:26px; margin: 0px auto; border: none; background: url(../images/rad_soln_noexp_chars_7.png) no-repeat;} div.rad_soln_exp_chars_5 {float:left; width:86px; height:40px; margin: 0px auto; border: none; background: url(../images/rad_soln_exp_chars_5.png) no-repeat;} div.rad_soln_exp_chars_7 {float:left; width:106px; height:40px; margin: 0px auto; border: none; background: url(../images/rad_soln_exp_chars_7.png) no-repeat;} div.rad_soln_exp_chars_10 {float:left; width:150px; height:40px; margin: 0px auto; border: none; background: url(../images/rad_soln_exp_chars_10.png) no-repeat;} div.rad_soln_exp_chars_12 {float:left; width:178px; height:40px; margin: 0px auto; border: none; background: url(../images/rad_soln_exp_chars_12.png) no-repeat;} div.rad_soln_exp_chars_14 {float:left; width:212px; height:40px; margin: 0px auto; border: none; background: url(../images/rad_soln_exp_chars_14.png) no-repeat;} div.cubert_noexp_chars_1 {float:left; width:50px; height:34px; margin: 0px auto; border: none; background: url(../images/cubert_noexp_chars_1.png) no-repeat;} div.cubert_noexp_chars_2 {float:left; width:73px; height:34px; margin: 0px auto; border: none; background: url(../images/cubert_noexp_chars_2.png) no-repeat;} div.cubert_soln_noexp_chars_1 {float:left; width:37px; height:26px; margin: 0px auto; border: none; background: url(../images/cubert_soln_noexp_chars_1.png) no-repeat;} div.cubert_soln_noexp_chars_2 {float:left; width:56px; height:26px; margin: 0px auto; border: none; background: url(../images/cubert_soln_noexp_chars_2.png) no-repeat;} p.radicand_soln {margin:4px 0px 0px 9px; font-size:1.8em;} p.radicand_mult_choice {margin:4px 0px 0px 19px; font-size:18px;} /*************************************************************************************************/ /*************************** END NEW FOR NEW COURSES LAUNCH **************************************/ /*************************************************************************************************/ /*************************************************************************************************/ /*************************** NEW PROBLEM TYPES SEP 2013 ******************************************/ /*************************************************************************************************/ .student_steps_table{width:490px; margin:20px 0px 0px 10px; font-size:20px; text-align:center; border-collapse:collapse; border:solid 2px #DBF0F9;} .student_steps_table_cell{border:solid 2px #DBF0F9;} .student_steps_table_cell_col_1{width:220px;} .student_steps_table_cell_col_2{width:264px;} .highlightable_student_step{height:30px; margin:5px 5px 5px 5px; padding:15px 10px 5px 10px; cursor:pointer; background-color:yellow;} .highlightable_student_step_nonmouseover{background-color:#F6F6F6; border:2px solid #F2F2F2;} .highlightable_student_step_mouseover{background-color:#F2F2F2; border:2px solid #E0E0E0;} .highlightable_student_step_selected{background-color:#FFC966; border:2px solid #B27300;} /* Drag Drop Problems */ .drag_drop_draggables_cont{float:left; width:511px; margin:0px 0px 20px 3px; padding:0px 0px 3px 0px; border:2px solid #E0E0E0;} .dragdrop_cont{-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;} .dragdrop_cont_size_8{float:left; width:124px; height:25px; margin:3px 0px 0px 3px; padding:5px 0px 0px 0px; text-align:center; font-size:24px; } .drag_allowed{cursor:pointer;} .drop_allowed_color{background-color:#FBFBFB;} .drag_allowed_color{background-color:#F6F6F6;} #dragdrop_shuttle{position:fixed; display:none; z-index:1; cursor:pointer;}