#content-container {padding-bottom:0; background:transparent; margin:0}
#content-1 {padding-top:0}
#content-1 a {text-decoration:none; font-weight:100}
#content-1 a:hover {color:#ccc !important}
#content-1 #invisiblock {background:transparent}
footer {margin:0}

#grid-top {clear:both; display:flex; background:rgba(0, 0, 0, .2); margin:0 0 10px; border-bottom-left-radius:3px; border-bottom-right-radius:3px}
#grid-top a, #grid-bottom a {color:#eee !important}
#grid-top h3, #grid-bottom h3 {background:transparent; color:#eee}
#grid-top .col-1, #grid-top .col-2 {float:left; margin-bottom:10px; min-height:200px}
#grid-top .col-1 div {min-height:225px; height:225px; max-height:225px; overflow-y:hidden; margin-top:0 !important}
#grid-top .col-1 {padding-left:10px; min-width:325px; flex:1 1 auto}
#grid-top .col-2 {height:250px; max-height:250px; max-width:1130px; flex:1 1 auto; overflow:hidden}
#grid-top #banner, #grid-top #banner div {overflow:hidden}
#grid-top #banner .infinite-slider {width:101%}
#grid-top #news h3 {margin-top:5px}
#grid-top #news .sticky {color:#384952 !important}
#grid-top #news #vticker {position:relative; background:transparent}
#grid-top #news #vticker ul {padding:0; width:99%; height:225px; overflow:hidden}
#grid-top #news #vticker ul li {display:inline-block; width:100%; line-height:19px}
#grid-top #news #vticker ul li a {color:#fff}
#grid-top #news #vticker ul li:before {font-size:75%; color:#ffc728; vertical-align:middle}
#grid-top #news #allnews, #grid-top #news #addnews {float:right; color:#fff; font-size:80%; display:block; margin:2px 1px 0 0; cursor:pointer}
#grid-top #news #allnews {margin-right:10px}
#grid-top #news #addnews {margin-right:8px}
#grid-top #news #allnews:hover, #grid-top #news #addnews:hover {color:#ccc}
#grid-bottom {column-count:3; column-gap:10px; width:100%}
#grid-bottom>div {border-radius:3px; color:#ddd; width:100%; background:rgba(0,0,0,.2); margin-bottom:10px; clear:both; page-break-inside:avoid; break-inside:avoid; display:table}
#grid-bottom div.highlight {background-color:#384952}
#grid-bottom>div h3 {border-top-left-radius:3px; border-top-right-radius:3px; padding:1px 5px; background:rgba(0,0,0,.1)}
#grid-bottom>div input[type="submit"] {margin-top:1px}
#grid-bottom div select {max-width:100%}
#grid-bottom div div {padding:5px}
@media all and (min-width:1680px) {
	#grid-top .col-1 {width:40%}
	#grid-top .col-2 {width:60%}
	#grid-bottom {column-count:4}
}
@media all and (max-width:1000px) {
	#grid-top .col-1 {width:50%}
	#grid-top .col-2 {width:50%}
	#grid-bottom {column-count:2}
}
@media all and (max-width:680px) {
	#grid-top .col-1 {width:100%}
	#grid-top .col-2 {display:none}
	#grid-bottom {column-count:1}
}
.info_highlight {color:#ffc728; font-weight:bold}
.info_main_item {font-size:200%; text-align:center}
.center_block_elems {margin:0 auto; display:table}
.good {color:lime}
.avg {color:#ffc728}
.bad {color:red}
.date_time {color:#384952; font-size:75%}

#administration #span_mifare_sync {color:yellow}
#administration #span_mfa_container {display:none}
#advance .adv_container {text-align:center; padding:0}
#advance .adv_function {background:url(/images/home/advance_sprite.png) no-repeat; width:55px; height:55px; background-color:#384952; border-radius:3px; display:inline-block; margin:0 3px}
#advance .adv_function:hover {cursor:pointer; opacity:.6}
#advance #adv_markbook {background-position:-1px 2px}
#advance #adv_reviews {background-position:-51px 2px}
#advance #adv_reports {background-position:-104px 2px}
#advance #adv_ucas {background-position:-209px 2px}
#advance #adv_pastoral {background-position:-157px 2px}
#advance .ui-widget {width:300px !important}
#advance #stu_search {width:300px; height:30px}
#advance #livesearch {padding:0; text-align:left; border-radius:3px; display:none; width:425px; font-size:100%; margin:0 0 0 49px !important; z-index:5; position:absolute; clear:both; background-color:#0e455f; padding-bottom:5px}
#advance #livesearch div:first-of-type {border-top-right-radius:3px}
#advance #livesearch div:last-of-type {padding-bottom:0; border-bottom-right-radius:3px; border-bottom-left-radius:3px}
#advance #livesearch div, #livesearch div.livesearch_stu, #livesearch div.no_result {text-decoration:none; display:inline-block; width:423px; margin:0 1px -15px !important}
#advance #livesearch div.livesearch_stu {padding:4px 2px; background-color:#fff; color:#222; cursor:pointer}
#advance #livesearch div.livesearch_stu:hover {background-color:#ddd}
#advance #livesearch div.livesearch_category {padding:1px 2px; background-color:#0e455f}
#advance #livesearch div.livesearch_category:first-of-type {margin-top:1px !important}
#advance #livesearch div.leaver {background-color:#ccc}
#advance #livesearch div.no_result {color:#fff; padding:4px 2px; margin-top:1px !important}
#advance #livesearch div .livesearch_tutor_group {color:#555}
#attendance #attendance_figure {text-align:center; font-size:300%}
#bbc ul {font-size:80%}
#bitesize #bitesize_title {font-weight:bold; margin-bottom:3px; display:block}
#bitesize #bitesize_del {cursor:pointer; margin-left:5px; background-color:red; border-radius:3px; padding:0 5px; font-size:90%; color:#fff; font-weight:normal}
#bitesize #bitesize_del:hover {background-color:#191919}
#bulletin ul, #bbc ul {padding:0; margin:0}
#bulletin ul li, #bbc ul li {display:inline-block; width:100%}
#bulletin ul li:before, #bbc ul li:before, #enrichment ul li:before, #college_diary ul li:before, #library ul li:before {margin-right:3px; font-size:75%; color:#bbb; vertical-align:middle}
#careers .careers_activity, #health .health_activity {font-size:90%; font-weight:bold; line-height:75%}
#careers #careers_options {color:#fff; cursor:pointer}
#careers .careers_delete {color:#fff; background-color:red; border-radius:3px; padding:0 6px 0 5px; cursor:pointer}
#college_diary table {width:100%; margin:0 auto; border-spacing:5px; border-collapse:separate; background-color:transparent; empty-cells:hide}
@media all and (max-width:800px) {
	#college_diary table {border-spacing:1px}
}
#college_diary th {background-color:transparent; font-weight:normal; font-size:90%}
#college_diary td, #college_diary th {width:12%; text-align:center}
#college_diary td:not(.title) {cursor:pointer; background-color:#ccc; padding:2px 5px; color:#252525; font-size:125%}
#college_diary td:not(.title):hover {background-color:#aaa}
#college_diary td.title {font-size:90%}
#college_diary td a:hover {text-decoration:none}
#college_diary td.today {color:#fff; text-shadow:1px 1px #252525}
#college_diary td.diary_event {background-color:#0e455f; color:#fff}
#college_diary td.note {color:red}
#college_diary td.closed {background-color:red}
#college_diary td.closed.note {color:#ccc}
#college_diary span.diary_tooltip {display:block}
#college_diary .diary_header {vertical-align:middle; cursor:pointer}
#college_diary .diary_nav {color:#fff; background-color:#33cc99; margin:0 9px 0 8px; font-size:95%; border-radius:3px}
#college_diary .diary_nav:first-of-type {padding:0 5px 0 2px}
#college_diary .diary_nav:last-of-type {padding:0 2px 0 5px}
#college_diary .diary_nav:hover {background-color:#50b7b9}
#college_diary #today_events, #library ul {list-style:none; margin:0; padding:0}
#college_diary #today_events li {color:#aaa; font-size:90%; padding-left:5px}
#contemplations div {height:150px; background:#369a89 url(/images/home/contemplations.jpg) no-repeat center 100%; border-radius:3px; position:relative}
#contemplations #a_contemplations {bottom:3px; position:absolute; font-size:110%}
#contemplations .span_setting:hover {color:yellow; cursor:pointer}
#courses #course_url-button {margin:0 auto; display:table}
#courses_search_form {display:inline-block; margin-bottom:-10px !important}
#enrichment ul {padding:0; margin:5px 0 0; list-style:none}
#enrichment ul li a {color:#191919}
#enrichment ul li:before {color:#ffc728}
#high_achiever {background-color:#191919 !important}
#high_achiever_loaded {height:190px}
#high_achiever_loaded div {text-align:center}
#high_achiever_loaded div a img {height:150px; width:110px; margin:auto 3px}
#high_achiever_path .div_ha_example {font-size:75%; color:#aaa}
#high_achiever_path #txt_ha_subject {width:190px}
#hr .hr_time {line-height:75%}
#info .info_item {width:55px; max-width:100%; height:55px; background:url(/images/home/info_sprite.png) no-repeat; background-size:100% 440px; margin:0 auto 1px; border-radius:3px}
#info #info_sharp {background-position:0 -110px; height:55px}
#info #info_getsafe {background-position:0 0}
#info #info_feedback {background-position:0 -165px}
#info #info_chaplaincy {background-position:0 -55px}
#info #info_careers {background-position:0 -275px}
#info #info_sport {background-position:0 -220px}
#info #info_equality {background-position:0 -385px}
#info #info_stucouncil {background-position:0 -330px}
#info #info_block_container {margin:0 auto; display:inline-block; overflow:hidden; text-align:center; font-family:'Oswald',sans-serif; text-transform:uppercase}
#info .info_block {margin-right:5px; min-width:175px; display:inline-block}
#info .info_item {float:left}
#info .info_block_desc {float:left; min-width:50px; line-height:48px}
#info .info_block:hover {opacity:.6}
#interviews .tr_subject_name {font-weight:bold}
#interviews .tr_subject_bookings {font-size:80%}
#interviews #div_interview_info {border-radius:3px; font-size:80%; margin-bottom:5px; background-color:#ffc728}
#interviews .btn_interview_book {font-size:80%; padding:3px}
#it_services #div_it_support_msg {font-size:80%}
#jobs table tr:hover {background-color:#aaa; cursor:pointer}
#library ul {font-size:80%}
#noticeboard table tr:hover {color:#bbb; cursor:pointer}
#noticeboard table tr td, #noticeboard table tr td span, #jobs table tr td {font-size:90%}
#noticeboard table tr td.last_update {min-width:50px; vertical-align:top; font-size:75%}
#noticeboard table tr td a:hover {text-decoration:none}
#pages ul {margin:0; list-style:none; padding-left:3px}
#pages li:before {content:''; display:inline-block; height:14px; width:14px; background-image:url(/images/home/folder_closed.svg); background-size:contain; background-repeat:no-repeat; padding-right:5px}
#pages li:hover:before {background-image:url(/images/home/folder_open.svg)}
#pages #pages_search_form {display:none}
#pages #pages_search_form > div {margin:0 auto}
#quota #quota-info {text-align:center}
#student_poll .info_highlight {color:#fff}
#student_voice .course_voice {display:block}
#weather .weather_info {display:inline-block; vertical-align:top}
#weather .weather_info img {-webkit-filter:drop-shadow(2px 2px 2px #252525); filter:drop-shadow(2px 2px 2px #252525)}
#weather .warm {color:orange}
#weather .mild {color:#aaa}
#weather .cold {color:#9883f1}
#weather #temp {font-size:200%}
#weather #weather_desc {padding:0}

#popup a {text-decoration:underline}
#popup_absences .span_absencee {font-weight:bold}
#popup_absences .div_absence_item {float:left; width:49%; background-color:#ccc; margin:0 1% 1% 0; padding:1px 3px}
#popup_contemplations .loader, #popup_contemplations input[type="file"] {display:none}
#popup_contemplations td:nth-child(1) {width:150px}
#popup_contemplations td:nth-child(2) {background-color:#fff}
#popup_contemplations #lbl_fil_contemplations {display:inline-block; padding:3px 8px; cursor:pointer; border-radius:3px; background-color:#33cc99; color:#fff; font-size:90%}
#popup_contemplations #lbl_fil_contemplations:hover {background-color:#50b7b9}
#popup_contemplations #div_contemplations_container {border:2px solid #ccc; border-radius:3px; background-color:#ccc}
#popup_contemplations #btn_contemplations_update {margin-top:5px}
#popup_news #news_return_container {background-color:#33cc99; padding:2px 5px; border-radius:3px; display:inline-block; margin-bottom:10px}
#popup_news #news_return_container a {color:#fff}
#popup_news #news_adminview {background-color:#ccc; padding:2px 5px 0; display:inline-block; margin-top:10px; border-radius:3px}
#popup_allnews_options {border-bottom:2px solid #252525; margin:-8px 0 0 0; padding:5px 0}
#popup_allnews_options div {margin:0 auto; display:table}
#popup_allnews_options #btn_news_select {margin-top:1px}
#popup_allnews .news_detail {font-size:140%; margin:0 0 3px; color:#33cc99}
#popup_allnews ul {list-style:none; padding:0; margin:0}
#popup_allnews ul li a {color:#191919}
#popup_allnews .date_time_item {margin-left:2px; font-size:100%; color:#aaa}
#popup_careers tr td:first-child, #popup_health tr td:first-child {font-weight:bold}
#directory_table {width:100%}
#popup_feedback #popup_feedback_text {margin:0 auto; display:block; width:100%; resize:none}
#popup_feedback #popup_feedback_btn {margin-top:1px}
#popup_feedback #popup_feedback_result {margin:0 auto}
#popup_job .job_field {display:inline-block; font-weight:bold !important}
#popup_job .job_field_name {display:inline-block; color:#33cc99; font-weight:bold; width:120px}
#popup_job .job_note_detail {color:#33cc99; font-weight:bold}
#popup_job .job_desc {margin:10px 0; font-weight:bold}
#popup_job .job_block {width:49%; float:left}
#popup_job .job_comments {margin-top:5px}
#popup_job #job_comment {width:100%; resize:none; height:50px}
#popup_job #jobs_docs {background-color:#33cc99; border-radius:3px; padding:1px 3px; margin-bottom:10px; display:inline-block}
#popup_job #jobs_docs div {display:inline-block}
#popup_job #jobs_docs div a {color:#fff; margin-right:8px}
#popup_job #jobs_docs div img {vertical-align:middle}
#popup_job #job_upload input[type="file"] {width:100%; margin:10px 0 1px}
#popup_courses_remove_user #courses_remove_search_header {margin-bottom:10px}
#popup_courses_remove_user .courses_remove_search_result_field {display:inline-block}
#popup_courses_remove_user .courses_remove_username_result {width:20%; min-width:125px}
#popup_courses_remove_user .courses_remove_conf {display:block}
#popup_admin_home_config div:first-of-type {overflow-y:auto; height:600px}
#popup_admin_home_config table thead th {position:sticky; top:0}
#popup_admin_home_config table {border-collapse:collapse; width:100%}
#popup_admin_home_config table tr:nth-child(even) {background-color:#ccc}
#popup_admin_home_config table tr:hover {background-color:#33cc99}
#popup_student_voice #questions_container {margin:10px}
#popup_student_voice .question {width:48%; border-right:1px dashed #ccc}
#popup_student_voice .question_response:nth-child(odd) .question {border-right:1px dashed #fff}
#popup_student_voice .question_response:nth-child(odd) {background-color:#ccc}
#popup_student_voice .question_response:nth-child(even) {background-color:#fff}
#popup_student_voice .question_missing {background-color:orange !important}
#popup_student_voice .question_selected {background-color:#33cc99 !important}
#popup_student_voice .response {width:10%; text-align:center}
#popup_student_voice .response:hover {background-color:#eee}
#popup_student_voice .response label {font-size:90%}
#popup_student_voice .response_left {text-align:left}
#popup_student_voice .response_left textarea {width:100%}
#popup_student_voice #questions td:first-child {width:2%}
#popup_student_voice .student_voice_info {color:#fff; font-size:120%; padding:5px; background-color:#05a1c5; border-bottom-left-radius:3px; border-bottom-right-radius:3px; margin-bottom:8px}
#popup_student_voice #btn_submit_student_voice {margin-top:8px}
#popup_student_voice .btn_student_voice_action {margin:8px 3px 0 0}
#popup_college_diary .cal_day_category {font-size:120%}
#popup_college_diary .cal_day_event {margin-left:10px; color:#ffc728; font-size:110%}
#popup_college_diary .cal_day_event_detail {margin:0 0 3px 10px; font-size:90%; color:#aaa}
#popup_college_diary #cal_note {border:2px solid #b5d1dc; font-family:cursive; font-size:125%; line-height:30px; margin:10px auto 0; width:100%; max-width:788px; background:url(/images/home/notepad.png) top left repeat-y}
#popup_college_diary #cal_notes_title {margin-top:5px}
#popup_college_diary .cal_notes_textarea, #popup_college_diary .cal_notes_textarea_new {padding-left:130px; height:20vw; max-height:265px; font-family:cursive; background:transparent; border:0; resize:none; font-size:100%; line-height:30px; width:100%}
#popup_college_diary #btn_diary_note_save {margin-top:5px}
#popup_college_diary .cal_day_event:before {display:inline-block; height:14px; width:14px; margin-right:3px; content:" "; border-radius:8px}
#popup_college_diary .cal_day_event.closed:before {background-color:red}
#popup_college_diary .cal_day_event.private:before {background-color:#000}
#popup_college_diary .cal_day_event.public:before {background-color:#ffc728}
#popup_college_diary .cal_day_event.user:before {background-color:lime}
#popup_college_diary .cal_day_event.staff:before {background-color:orange}
#popup_college_diary .cal_day_event.complete {color:#aaa}
#popup_college_diary .cal_mark_complete, #popup_college_diary .cal_mark_delete {line-height:18px; vertical-align:top; margin-left:5px; background-color:red; color:#fff; font-size:65%; border-radius:3px; padding:0 4px 0 0; cursor:pointer}
#popup_college_diary .cal_mark_delete {padding:0 4px}
#popup_college_diary .cal_mark_complete:hover {background-color:lime}
#popup_college_diary .cal_mark_delete:hover {background-color:#c90000}
#popup_college_diary #add_event {padding:5px; margin:0 10px; border-radius:3px; background-color:#ccc}
#popup_college_diary #add_event div div {width:100px; display:inline-block}
#popup_college_diary #btn_add_event {margin-top:5px}
#popup_college_diary #txt_event_desc {min-height:29px}
#popup_college_diary #btn_add_event_submit {margin-top:5px}
#popup_college_diary .ui-widget {width:50px}

/* Calendar add test */
#popup_college_diary_add .send, #popup_college_diary_add .diary_tg_select_all {display:inline-block; background-color:#ffc728; color:#fff; border-radius:3px; margin-right:5px; padding:5px 8px; font-size:90%; cursor:pointer}
#popup_college_diary_add .disabled {background-color:#999}
#popup_college_diary_add .clicked {color:#252525}
#popup_college_diary_add .diary_container {display:none; border:1px solid #ffc728}
#popup_college_diary_add #diary_event_container {background-color:#ccc}
#popup_college_diary_add .diary_container_style {padding:3px 5px; border-radius:3px; margin-top:5px}
#popup_college_diary_add .diary_section_title {font-size:125%; width:49%; float:left}
#popup_college_diary_add .pat_subgroup {width:90px; border:1px solid #252525; border-radius:3px; margin-right:8px; margin-bottom:3px; float:left}
#popup_college_diary_add .u6 {background-color:#ccc}
#popup_college_diary_add #event_title {float:none}
#popup_college_diary_add #diary_tg_container label {font-size:85%}
#popup_college_diary_add #diary_tg_btn_controls {margin-bottom:8px}
#popup_college_diary_add .event_field div:first-child {width:150px; display:inline-block}
#popup_college_diary_add #btn_diary_add {margin-top:5px; display:none}
#popup_college_diary_add .txt_diary_search {width:325px; font-size:150%}
#popup_college_diary_add .diary_list_title {font-size:125%}
#popup_college_diary_add .diary_list_container {float:right; width:30%; min-width:240px; background-color:#ccc; border-radius:3px; padding:5px 8px}
#popup_college_diary_add .diary_search_container {float:left; width:45%; min-width:350px; clear:left}
#popup_college_diary_add .diary_search_results {border:1px solid #ccc; border-bottom-right-radius:3px; border-bottom-left-radius:3px; width:325px; display:none; margin-top:-1px}
#popup_college_diary_add .diary_search_results .livesearch_stu, #popup_college_diary_add .diary_search_results .livesearch_subject {cursor:pointer; padding:0 3px}
#popup_college_diary_add .diary_search_results .livesearch_stu:hover, #popup_college_diary_add .diary_search_results .livesearch_subject:hover {background-color:#ffc728; color:#fff}
#popup_college_diary_add #diary_student_container .diary_section_title {float:left}
#popup_college_diary_add .diary_chosen {padding:0 3px 0 0}
#popup_college_diary_add .diary_chosen:hover {background-color:#bbb}
#popup_college_diary_add .diary_chosen::before {content:"x"; background-color:red; color:#fff; border-radius:3px; cursor:pointer; margin-right:3px; padding:0 5px}
#popup_college_diary_add .diary_search_container .ui-widget {width:400px !important}
#popup_college_diary_add .event_field .ui-widget {width:50px !important}

#diary_allday_container {vertical-align:middle}

/* the stuff below can be deleted after completion, add hidden class to these instead */
#diary_student_hidden, #diary_tg_hidden, #diary_subject_hidden {width:150px}
/* End of test */

.unslider {overflow:auto; margin:0; padding:0}
.unslider-wrap {position:relative}
.unslider-wrap.unslider-carousel>li {float:left}
.unslider-vertical>ul {height:100%}
.unslider-vertical li {float:none; width:100%}
.unslider-fade {position:relative}
.unslider-fade .unslider-wrap li {position:absolute; left:0; top:0; right:0; z-index:7}
.unslider-fade .unslider-wrap li.unslider-active {z-index:8}
.unslider li,.unslider ol,.unslider ul {list-style:none; margin:0; padding:0; border:none}
.unslider-arrow {position:absolute; left:20px; z-index:2; cursor:pointer}
.unslider-arrow.next {left:auto; right:20px}
.unslider-nav ol {list-style:none; text-align:center; padding-bottom:10px}
.unslider-nav ol li {display:inline-block; width:6px; height:6px; margin:0 4px; background:transparent; border-radius:5px; overflow:hidden; text-indent:-999em; border:2px solid #fff; cursor:pointer}
.unslider-nav ol li.unslider-active {background:#fff; cursor:default}.arrow {margin-right:3px; width:15px; height:15px; display:inline-block; vertical-align:middle; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNqcUzsOgzAMNRHsOUI6sLOwcwRY2DkJ4iTds5QjsLOwM5QjZGepjUxlaNLfkyyEzXt2nEcEAtZajY8Wo8QworRg9BhdXdduT0aCSIQrhoYwiNigQP8kM/EG36MigYhHvX/o6JvgoviMQWKappAkyTm97UbxcoLQWkNRFD6BUp22+oJxHME55xMwsXzL8xyMCWtlWbaJ7YjPXWRRitL40zQd8ooNEMROHIYB1nWVpUWxc8J3guf1EAk9kTu+Ny/mefYR6ftOsVcb+A1kUUedgb1avZtAdKwO3v73r3oIMAB891ap3O6M7AAAAABJRU5ErkJggg==')}
.rotate {transform:rotate(90deg); transition:all 0.4s ease}
.rotate-reset {transform:rotate(0deg); transition:all 0.4s ease}

/* 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; padding:0; cursor:pointer}
.dropdown_items span:hover {color:#313131}
.dropdown_items .acc-section {overflow:hidden; width:100%; display:none}
.dropdown_items .acc-content {padding:3px 8px 5px; text-align:justify; font-weight:normal; cursor:auto; margin-right:8px}

/* Tabs and tiles */
#popup #tabs {margin:8px}
#popup #tabs .tile_important {background-color:#aaa}
#popup #tabs .tile100 {width:100%}
#popup #tabs .tile50 {width:49%}
#popup #tabs .tileleft {float:left}
#popup #tabs .tileright {float:right}
#popup #tabs .tile {border:1px solid #ccc; border-radius:3px; margin-bottom:8px}
#popup #tabs .tile>div:nth-child(2) {margin:4px; min-height:18px}
#popup #tabs .tiletitle {background-color:#ccc; padding:2px 4px; font-family:'Oswald',sans-serif; text-transform:uppercase; margin-top:-1px !important; border-top-left-radius:3px; border-top-right-radius:3px}
#popup #tabs div.tiletitle {margin:0 0 8px}

/* Popup student profile */
#popup #div_student_header {background-color:#0097e6; color:#fff; margin:8px; border-radius:3px; padding-bottom:8px}
#popup #div_student_header.ha {background-color:#fffd96; color:#aaa; box-sizing: border-box; border:1px solid #aaa;}
#popup #div_student_header.ha #div_img_ha {background:url(/images/advance/ha_logo.png); min-width:100px; width:100px; height:105px; float:right}
#popup #student_profile .warning {margin:0 8px}
#popup #student_profile .warning .span_discipline_card {width:20px; height:20px; display:inline-block; border-radius:3px; margin-right:5px; vertical-align:bottom}
#popup #student_profile .warning .lyc {background-color:yellow}
#popup #student_profile .warning .lrc {background-color:red}
#popup #student_profile .warning .lsu {background-color:orange}
#popup #student_profile .warning .lex {background-color:#313131}
#popup #student_profile #student_photo {height:162px; max-height:162px}
#popup #student_profile #student_photo .span_discipline {display:inline-block; position:absolute; background-color:yellow; width:20px; height:20px; z-index:1; border-radius:3px; margin:1px; border:1px solid #444}
#popup #student_profile #student_photo, #popup #student_profile #student_photo_small {float:left; margin:8px}
#popup #student_profile #student_photo img, #popup #student_profile #student_photo_small img {border-radius:3px; border:1px solid #fff}
#popup #student_profile #student_name {font-size:300%; margin-left:8px; color:#444}
#popup #student_profile #student_header_info {float:left; font-size:140%; line-height:26px; width:75%; max-width:600px}
#popup #student_profile #student_header_info .student_header_field {color:#444; width:150px; display:inline-block; padding-left:3px}
#popup #student_profile #student_header_info .student_header_tag {display:inline-block; padding-left:3px}
#popup #student_profile .medical_cat {font-weight:bold; display:block}
#popup #student_profile .medical_cat:last-of-type {margin-bottom:8px}
#popup #student_profile .note_heading {font-weight:bold}
#popup #student_profile #stu_return {cursor:pointer}
#popup #student_profile #student_comms {margin-left:10px}
#popup #widget_cols {-moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; column-count:2; column-gap:10px; width:100%}
#popup #widget_cols>div {display:inline-block; width:100%; margin-bottom:10px; clear:both}
#popup #overview #attendance_tab_link {font-weight:bold !important}
#popup #widget_reviews td:nth-child(n+1):not(:first-child) {background-color:#ddd}
#popup #widget_reviews td:nth-child(n+2) {background-color:#bbb}
#popup #popup #widget_reviews td:nth-last-child(2) {border-left:1px dashed #222}
#popup #widget_student_services #widget_student_services_summary img {margin-right:3px; vertical-align:middle}
#popup #widget_vespa div {margin-bottom:1px}
#popup #widget_vespa img {vertical-align:middle; margin-left:3px}
#popup #widget_vespa .vespa_item {padding:2px 0; text-align:center; width:22px; text-transform:uppercase; border-radius:3px; margin-right:5px; display:inline-block; color:#fff}
#popup #widget_vespa .vespa_good {background-color:lime}
#popup #widget_vespa .vespa_major {background-color:red}
#popup #widget_vespa .vespa_minor {background-color:orange; color:#222}
#popup #widget_vespa .vespa_ontrack {background-color:#aaa}
#popup #widget_vespa .vespa_attempt_date {max-width:33%; background-color:#ddd; border-radius:3px; float:right; padding:3px 5px; margin-bottom:3px; word-break:keep-all; overflow:hidden}
#popup #widget_vespa #vespa_container {float:left; width:66%; max-width:66%}

#sel_student_actions-menu li:first-child, #sel_student_actions-menu li:first-child:hover, #sel_student_actions-menu li:first-child .ui-state-active {font-weight:bold}
#sel_student_actions-menu li:not(:first-child) div {padding-left:15px}

/* 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}

/* 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:75%; position:absolute; overflow:hidden; height:93px; min-width:45px; border:1px solid #fff; white-space:nowrap; box-sizing:border-box; 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, #table_map, #ucas_table {border:1px solid #222}
#reviews_table td:first-child, #table_map td:first-child, #ucas_table td:first-child {width:20%; border-right:1px solid #222}
#table_map td:nth-child(-n+6):not(:first-child) {background-color:#ddd}
#table_map td:nth-child(n+7) {background-color:#bbb}
#table_map td:nth-child(6) {border-right:1px dashed #222}
#table_map td:not(:first-child) {width:9%}
#reviews_table tr td img, #reviews .progress img {vertical-align:middle}
#reviews_table td:nth-child(-n+3):not(:first-child) {width:14%}
#reviews_table .summary_grade {width:10%}
#reviews_table tr td {padding:0 2px}
#reviews_table td:nth-child(n+5) {background-color:#ddd}
#reviews_table td:nth-child(n+6) {background-color:#bbb}
#reviews_table td:nth-last-child(2) {border-left:1px dashed #222}
#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:#252525; 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 #btn_new_note_form {margin-bottom:8px}
#notes ul {margin:0 5px}
#notes .discipline {color:#ff0000}
#notes .learning_concern {color:#ff7800}
#notes .personal_tutor {color:#457aff}
#notes .praise {color:#00dd10}
#notes #note_filter_title {margin:0 0 3px 3px}
#notes #notes_filter_container {background-color:#ddd; border-radius:3px; margin:0 5px 5px; padding:3px}
#notes #notes_filter {width:50%}
#notes .note_filter_item {width:49%; float:left}
#notes #sel_yr_filter {margin-left:3px}
#notes #notes_list {padding-bottom:5px}

/* Achievement tab */
#achievement #achievement_key {margin-top:8px}
#achievement .warning {margin-top:0}
#achievement .lti {color:#457aff}
#achievement .lsr {color:#666}
#achievement .aci, #achievement .aoi {color:#00dd10}
#achievement .work {color:#ff7800}
#achievement .trip {color:red}
#achievement .notes_author {font-weight:bold}

/* Forms */
#popup .popup_form textarea {width:100%}
#popup .popup_form .section_heading {font-weight:bold; font-size:125%}
#popup .popup_form #sms_hidden {display:none}
#popup .popup_form #btn_back {margin-left:3px}
#popup #frm_exit_interview table td:first-child {width:35%; vertical-align:top}
#popup #frm_exit_interview table tr:hover:not(.answer_needed) {background-color:#eee}
#popup #frm_exit_interview #txt_destination {height:45px}
.answer_needed {background-color:orange}
#popup .popup_form #tbl_courses_list {background-color:#ddd; border-radius:3px; margin:8px 0}
#popup .popup_form #tbl_courses_list tr:first-of-type td:first-of-type {border-top-left-radius:3px}
#popup .popup_form #tbl_courses_list tr:last-of-type td:first-of-type {border-bottom-left-radius:3px}
#popup .popup_form #tbl_courses_list tr td {padding:0 5px}
#popup .popup_form #tbl_courses_list tr td:first-of-type {background-color:#aaa; width:10%}
#popup .popup_form #tbl_courses_list td:nth-child(2) {width:30%}
#popup .popup_form #tbl_courses_list td:nth-child(3) {width:30%}
#popup .popup_form #tbl_courses_list td:nth-child(3) .ui-widget {width:400px}
#popup .popup_form #tbl_courses_list td:nth-child(4) {font-size:75%; font-weight:bold}
#popup .popup_form #pat_st {background-color:#aaa; color:#fff; border-radius:3px; padding:2px 5px; display:inline-block; margin-bottom:8px}
#popup .popup_form #pat_st span {color:#222}
#popup .popup_form .course_change_box {background-color:#ddd; border-radius:3px; padding:2px 5px 5px; margin-bottom:8px}
#frm_forgotten_lanyard .div_forgotten_lanyard {background-color:#ccc; border-radius:3px; padding:2px 5px; margin-bottom:8px}
#frm_forgotten_lanyard #btn_forgotten_lanyard {margin-bottom:8px}
#frm_covid_letter #div_covid_container {border:2px solid #ccc; border-radius:3px; background-color:#ccc}
#frm_covid_letter #div_covid_container td:nth-child(1) {width:200px}
#frm_covid_letter #div_covid_container td:nth-child(2) {background-color:#fff}
#frm_covid_letter #btn_covid_letter {margin-top:5px}

/* Absense Request */
#popup #popup_absence_request .div_table_container {margin-bottom:8px}
#popup #popup_absence_request #div_show_current_upcoming_requests.div_table_container {background-color:#0097e6}
#popup #popup_absence_request .div_table_container:not(:first-of-type) td:first-child {width:150px}
#popup #popup_absence_request .ui-widget {width:50px}
#popup #popup_absence_request tr:first-child .ui-widget, #popup #popup_absence_request input[type="text"] {width:305px}

/* Personal tab */
#popup #iframe_google_maps_home_address {width:550px; height:225px; border:1px solid #252525; border-radius:3px; float:right; max-width:100%}
#popup #address_details_container {float:left; width:49%}
#popup #tbl_address {width:300px; max-width:100%; float:left}
#popup .span_premium, #popup .no_contact {background-color:#ffc728; border-radius:3px; padding:0 5px}
#popup .span_premium {font-size:125%}
#popup .no_contact {margin-left:3px}
#popup .stu_field, #popup .stu_info {padding:2px 5px}
#popup .stu_field {width:150px; background-color:#313131; color:#fff}
#popup .stu_contact {width:49%; float:left}

/* MAPP icons (taken from Advanced) */
.mapp_table_container {background-color:#0097e6; border-radius:3px; padding:2px}
.mapp_table {background-color:#fff}
.mapp_table tr:first-child {font-size:80%}
.mapp_table th:not(:first-child), .mapp_table td:not(:first-child) {text-align:center}
.mapp_table th:first-child {min-width:225px; width:28%}
.mapp_table td {background-color:#eee; width:8%}
.mapp_table td:nth-of-type(5) ~ td {background-color:#fff}
.mapp_table tr:hover td, .mapp_table tr:nth-of-type(2) ~ tr:hover th {background-color:#ccc; cursor:pointer}
.mapp_table tr:nth-of-type(2) ~ tr:hover th {color:#555}
.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)}
#widget_map_points .mapp_table td:first-child {font-size:90%; width:55%}
#widget_map_points .mapp_table td:not(:first-child) {width:5%}

/* Contact primary contact form */
#popup #contact_name_container {margin-bottom:8px}
#popup #contact_name_container span {background-color:#ddd; border-radius:3px; padding:3px 5px}

/* Covid test kit form */
#tbl_covid_kits tr:hover td {background-color:#ccc; cursor:pointer}
#tbl_covid_kits td {background-color:#fff}
#div_covid_kit_tbl {margin-bottom:8px}