.arrow-down {display:none}
.tile100 {width:100%}
.tile50 {width:49%}
.tileleft {float:left}
.tileright {float:right}
.tile {border:1px solid #252525; border-radius:3px; margin-bottom:8px}
.tile div:nth-child(2) {margin:4px; min-height:18px}
.tiletitle {color:#fff; background-color:#252525; padding:2px 4px}
div.tiletitle {margin:0 0 8px}
.tile_inner {margin:4px}

/* Tabs */
#tabs li {list-style:none !important; text-decoration:none !important}
#tabs .boxpanel {padding:0}
#tabs .ui-tabs-panel {min-height:400px}
#tabs .ui-tabs-panel {padding-bottom:8px}
#tabs .warning {margin:0 0 10px !important}

/* Student profile tab */
#div_bursary {background-color:#33cc99}
#div_bursary a {color:#384952 !important}
#personal {width:100%}
#personal #personalname {font-size:350%; color:#fff; text-transform:uppercase; max-width:650px}
#personal #personalleft {float:right; max-width:320px; width:320px; margin:0 -16px}
#personal #personalright {float:left; display:block; padding:4px 4px 0 6px; width:100%; padding-bottom:5px; background-color:#aaa}
#personal #personalright #personaladdress {font-size:140%; max-width:40%}
#personal #contacts {max-width:100%; margin:8px 0; padding:8px}
#personal #contacts h4 {font-size:130%; margin:0}
#personal .contactleft, #personal .contactright {float:left; width:49%; vertical-align:top}
#personal .contactright {float:right}
#personal #contact_fields {display:none; height:210px; border:1px solid transparent; margin-bottom:-10px}
#personal input[type="submit"] {margin:0 8px 8px 0}
#personal input[type="text"] {display:block; margin:1px}
#personal #disabled_btn {border:1px solid #000; background-color:#ccc; padding:5px; text-transform:uppercase; margin:8px 0; display:inline-block; cursor:default}
#personal #studentphoto {margin-bottom:-4px}
#personal #studentphoto img {border-radius:3px; border:2px solid #252525}

/* Exams tab */
#coursechange {padding:8px 8px 0; margin-bottom:8px}

/* UCAS tab */
#ucas_box ul, #ucas_predicted #predicted_grades {padding:8px}
#ucas_box .acc-content {background-color:#ccc}
#ucas_box textarea {margin:auto -3px; width:100%; border:0; overflow:hidden; resize:none; padding:3px}
#ucas_box .limit {width:50px; background-color:#ccc; border:0; font-size:100%}

/* CV tab */
.cv input {height:27px}
.cv h4 {margin:10px 0 8px}
.cv div {padding:8px; margin-bottom:5px}
.cv textarea {resize:none; overflow:auto}
.cv .text {width:300px; height:15px; font-size:75%}
.cv .fields_names {line-height:26px; min-height:116px; width:15%; background-color:#fff; border:2px solid #252525; font-size:120%; float:left; font-weight:bold; border-top-left-radius:8px; border-bottom-left-radius:8px; margin-right:8px}
.cv .fields {font-size:120%; width:100%; border-radius:3px; line-height:24px}
.cv .input_cv {font-size:100%; margin-bottom:4px}
.cv .input_cv_info {font-style:italic; color:#fff; margin-left:8px; vertical-align:bottom}
.cv .example {margin:8px -8px 0; font-weight:bold}
.cv .submit {margin-top:8px}
.cv .save_msg {margin:-8px -8px 8px -8px; border-bottom:1px solid #000}
.cv .job {min-height:118px; line-height:27px}
.cv .cv_download_icon {margin-right:20px; border-radius:3px; box-shadow:2px 2px 2px #888}
.cv .download:hover {box-shadow:2px 2px 2px #222}
.cv .delete_job {vertical-align:middle; margin:-3px 0 0 3px}
.cv .current_job {color:red}
.cv #newjob {min-height:166px}
.cv #qoe_table, .cv #as_results_table {background-color:#252525; padding:3px; color:#fff}
.cv #qoe_table .qoe_qual, .cv #as_results_table .qoe_qual {font-weight:bold}
.cv #qoe_table .qoe_grade, .cv #as_results_table .qoe_grade {color:orange; max-width:25px; width:25px}
.cv #personal_names {min-height:171px}
.cv #skills_names {min-height:173px}
.cv #personal_titles {min-height:175px}
.cv #skills {height:65px !important; width:450px}
.cv #hobbies, .cv #about {width:100%; min-height:100px !important}

/* Exam resits tab*/
.resit_subject {width:30%}
.resit_cost, .resit_subject, #resit_totalrow, #resit_summary_top {font-weight:bold}
#resit_totalrow {color:red}
#resit_summary_box {padding:8px}
#resit_summary_box a {text-decoration:underline; font-weight:bold !important}
#resit_summary {margin-top:8px}
#resit_summary_top {margin-bottom:5px; font-size:125%; color:red}
.resit_submitted {background-color:#ddd}
.enquiry_already_submitted {background-color:orange; font-weight:bold}

/* Careers evening registration */
#careers_reg table {font-size:100%}
#careers_reg table tr td {text-align:center}
#careers_reg table tr:nth-child(odd) {background:#ccc}

th {text-align:left}

/* Drop down common items, notes, reviews */
ul.dropdown_items {padding:0}
.dropdown_items {list-style:none; color:#033; margin:0}
.dropdown_items li {font-weight:bold; font-size:115%; padding:1px 0; cursor:pointer}
.dropdown_items span:hover {color:#1a428a}
.dropdown_items .acc-section {overflow:hidden; width:100%}
.dropdown_items .acc-content {padding:3px 8px 5px; text-align:justify; font-weight:normal; margin:3px 0 2px; cursor:auto}
.dropdown_items .quotes {vertical-align:bottom; margin:-3px 3px 0}

/* General classes */
.text {width:200px}
.shadow {box-shadow:2px 2px 2px #888}
.placeholder {color:#aaa; text-shadow:1px 1px #fff}

/* Exams tab */
#exams table {border:1px solid #333; border-radius:3px; margin-bottom:8px}
#exams table tr {background:#fff; transition:background .1s ease-in-out}
#exams table tr:hover {background-color:#ccc}
#exams table td:nth-child(2) {width:25%}
#exams .result {font-weight:bold}
#frm_destinations {border:1px solid #222; margin-bottom:8px; padding:3px; background-color:#ddd}
#frm_destinations table tr:first-child {font-weight:bold}
#frm_destinations #row_other, #frm_destinations #row_deferred {display:none}

/* Timetable tab */
#timetable {padding-top:25px; padding-left:10px; width:850px; overflow:hidden; background:url(/images/ilp/timetemplatewide.png) no-repeat; height:500px; position:relative; margin:0 auto}
#timetable .day {width:100%; height:95px; margin-top:-1px; overflow:hidden}
#timetable .lesson {color:#454545; padding-left:2px; float:left; font-size:70%; position:absolute; overflow:hidden; height:93px; min-width:45px; border:1px solid #fff; white-space:nowrap; border:1px solid #ccc}
#timetable .col_1 {background-color:#abdee6}
#timetable .col_2 {background-color:#cbaacb}
#timetable .col_3 {background-color:#ffffb5}
#timetable .col_4 {background-color:#ffccb6}
#timetable .col_5 {background-color:#f3b0c3}
#timetable .col_6 {background-color:#c6dbda}
#timetable .col_7 {background-color:#55cbcd}
#timetable .independent_study {background-color:#999}
#timetable_print, #timetable_view_switch {margin-top:8px}
#timetable_prints {display:none}
#timetable_prints table {width:100%; margin-top:5px; border:2px solid #000}
#timetable_prints th, #timetable_prints td {text-align:left; padding:6px}
#timetable_prints .narrow {width:10%}
#timetable_prints .medium {width:20%}
#timetable_prints .wide {width:30%}
#timetable_prints .independent_study_row {color:#999}

/* Attendance tab */
#attendance #week_select_box {width:250px; max-width:30%; min-width:200px; float:right; margin-left:8px}
#attendance #week_select_box select {margin:0 0 8px 8px}
#attendance #attendance_table {padding:8px}
#attendance #attendance_table table {width:100%; clear:both}
#attendance #attendance_graph {width:100%; max-width:100%}
#attendance .traffic_lights #traffic_light_detail {padding:8px; min-height:70px}
#attendance .calculated_attendance {margin-top:4px}
#attendance .traffic_lights img, #attendance .sub_traffic_lights img {float:left}
#attendance .traffic_lights .figure {letter-spacing:-4px; font-size:690%; line-height:70px; margin:0 8px; float:left}
#attendance .sub_traffic_lights {margin:8px}
#attendance .sub_traffic_lights img {margin-bottom:8px}
#attendance .sub_traffic_lights .figure {letter-spacing:-4px; font-size:400%; line-height:40px; height:40px; margin:0 8px 0 4px; float:left}
#attendance .traffic_lights .figure.redlight, #attendance .sub_traffic_lights .figure.redlight {color:red}
#attendance .traffic_lights .figure.amberlight, #attendance .sub_traffic_lights .figure.amberlight {color:orange}
#attendance .traffic_lights .figure.greenlight, #attendance .sub_traffic_lights .figure.greenlight {color:green}
#attendance .traffic_lights .peptalk {vertical-align:top; width:320px; float:left}

/* Progress tab */
#reviews_table {border:1px solid #252525}
#reviews_table tr td img, #reviews .progress img {vertical-align:middle}
#reviews_table .summary_grade {width:90px}
#reviews_table tr td {padding:0 2px}
#reviews {padding:8px; margin-top:8px}
#reviews textarea {width:100%}
#reviews .progress {font-weight:bold; margin:0}
#reviews .targets {margin-top:8px}
#reviews .targets_form {background-color:#252525; color:#fff; padding:8px; margin-top:8px}
#reviews .acc-content {vertical-align:top}
#reviews .composer {font-weight:normal}
#reviews .limit {width:25px; background-color:#05a1c4; color:#fff; border:0; font-size:95%}
#reviews .rev {display:none}
#progress_key img {background-color:#fff; vertical-align:middle; border-radius:10px}

/* Notes tab */
#notes .tiletitle {margin:-8px -8px 8px}
#notes .notes_author {background-color:#252525; margin:-3px -8px 8px; color:#fff; padding:0 3px 2px}
#notes .traffic_light {vertical-align:middle}
#notes #notes_key {margin-top:8px}
#notes #notes_list, #protrack_list {width:47%; padding:8px; float:left}
#notes #notes_list .dropdown_items li .discipline {color:#ff0000}
#notes #notes_list .dropdown_items li .learning_concern {color:#ff7800}
#notes #notes_list .dropdown_items li .personal_tutor {color:#457aff}
#notes #notes_list .dropdown_items li .praise {color:#00dd10}
#notes #protrack_list .tileborder .tileborder {padding:8px; margin-top:8px}
#notes #protrack_list {margin-left:8px}
#notes #protrack_list #red {color:red}
#notes #protrack_list #amber {color:orange}

#parental_info_eve_signup #btn_session_select {margin-top:5px}

#frm_enquiries table {margin:0 8px; width:99%}

/* MAPP icons */
.mapp_table_container {background-color:#ccc; border-radius:3px; padding:2px}
.mapp_table {background-color:#fff}
.mapp_table th {background-color:#ccc}
.mapp_table th:not(:first-child), .mapp_table td:not(:first-child) {text-align:center}
.mapp_table td:first-child {background-color:#ccc; min-width:225px; width:28%}
.mapp_table td:nth-of-type(1) ~ td {background-color:#eee; width:8%}
.mapp_table td:nth-of-type(6) ~ td {background-color:#fff}
.mapp_table td:nth-child(6) {border-right:2px solid #ccc}
.mapp_arrow {width:16px; height:16px; display:inline-block}
.mapp_above {background:url(/images/advance/up.png)}
.mapp_at {background:url(/images/advance/level.png)}
.mapp_below {background:url(/images/advance/down.png)}