/* Resets */ * {margin: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;} a img {border: none;outline: none;} body {position: relative;font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;color: #666;-webkit-font-smoothing: antialiased;background-color: #edebe7;margin-left: auto;margin-right: auto;min-width: 980px;} img {display: block;} a img {border: none;} a:hover {text-decoration: underline;} a:focus {outline: none;} ul, ol {list-style: none;} fieldset {border: none;margin: 0;padding: 0;} .sys_button, input, textarea, select {padding: 0;margin: 0;-webkit-font-smoothing: antialiased;font-family: Helvetica, Arial, sans-serif;color: #666666;} /* Global */ .sys_wrap {width: 950px;position: relative;margin-left: auto;margin-right: auto;} #container {width: 100%;position: relative;overflow: hidden;} #top, #page, #foot, #left, #right {position: relative;} #page {overflow: hidden;z-index: 2;padding-top: 12px;padding-bottom: 10px;} #left {float: left;width: 520px;} #right {width: 420px;float: right;padding-left: 10px;overflow: hidden;} #content a, #panel a {color: #444;text-decoration: underline;} #content a:hover, #panel a:hover {color: #555;text-decoration: none;} #content ul, #panel ul {position: relative;padding-bottom: 7px;padding-top:5px;list-style-position: outside;margin-left: 0;list-style-type: none;padding-left: 5px;} #content ul li, #panel ul li {padding-left: 12px;padding-bottom: 5px;} #content .sys_cms-form-control ul li {background: none !important;padding-left: 6px !important;} #content ol, #panel ol {list-style-type: decimal !important;padding: 3px 0 6px 26px;} #content p {margin: 5px 0 10px 0;line-height: 122%;} #panel p {margin: 4px 0 8px 0;line-height: 122%;} #page img {display: inline;} /* Tables */ #page table {border:1px solid #000000;border-collapse:collapse;border-spacing:0;} #page table td, table th {border:1px solid #555555;padding:4px;} #page table td p {margin:0;padding:0;} #page table.noborders {border:1px solid transparent;border-collapse:collapse;border-spacing:0;} #page table.noborders td, table.noborders th {border:1px solid transparent;padding:4px;} #page caption, th {text-align:left;} #page caption {font-weight: bold;} /* Forms */ input.sys_search {color: #ccc;} input.sys_search.sys_active {color: #666;} .sys_button, .sys_course_finder_submit_button input {cursor:pointer;color: #fff;background: #c6c2b9;font-size: 13px;padding: 1px 0 2px;border: none;font-weight: bold;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);-moz-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);} .sys_course-finder input[type=submit] {width: 90px;} .sys_button:active, .sys_course-finder input[type=submit]:active {background: #a6a49c;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);} .sys_course_quick_find div.sys_course_finder_course_title_input, .sys_course_quick_find div.sys_course_finder_submit_button{display: inline;} input.sys_search {color: #ccc;} input.sys_search.sys_active {color: #666;} button {color: #fff;background: #c6c2b9;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;padding: 1px 20px 2px;border: none;-webkit-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);-moz-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);line-height: 20px;font-weight: bold;} button:hover {cursor: pointer;} button:active {background: #a6a49c;-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);text-shadow: 0px 1px 0px rgba(0,0,0,0.2);} .sys_v4form_row {float:left;width:98%;padding:1%;} .sys_v4form_left {float:left;width:38%;font-weight:bold;text-align:right;padding-right:2%;} .sys_v4form_right {float:left;width:59%;} .sys_v4form_button {width:150px;margin-left: 35%; margin-top: 20px;color: #fff;background: #c6c2b9 !important;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;padding-top: 1px;padding-bottom: 2px;border: none;-webkit-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);-moz-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);font-weight: bold;} .sys_v4form_button:hover {cursor: pointer;} .sys_v4form_button:active {background: #a6a49c !important;-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);text-shadow: 0px 1px 0px rgba(0,0,0,0.2);} .sys_cms-form-validationsummary {display: none;} /* xmas fayre form select widths */ select#F1_pitch {width: 197px;} select#F1_title {width: 197px;} /* masters scholarship form select widths */ div#uniform-F1_PGcourse {width: 273px;} div#uniform-F1_PGcourse span {width: 245px;} select#F1_PGcourses {width: 280px;} /* Headings */ #content .sys_heading h1 {font-size: 28px;line-height: 100%;position: relative;padding-bottom: 12px;color: #444;letter-spacing: -1px;} h1 {font-size: 28px;color: #444;padding-top: 10px;letter-spacing: -1px;line-height: 110%;} h2 {font-size: 21px;color: #444;padding-top: 10px;} h3 {font-size: 17px;color: #444;padding-top: 10px;} h4 {line-height: 16px;color: #444;padding-top: 10px;} h5,h6 {font-size: 15px;color: #444;padding-top: 10px;} /* Top */ #top {color: #fff;} #top a {color: #fff;} #head {width: 510px;float: left;padding-top: 10px;} #head p#header_cookie_link {padding-bottom: 14px; font-size: 13px} #head .sys_title {font-size: 18px;letter-spacing: 0;float: left;padding-right: 12px;line-height: 18px;padding-bottom: 0;position:relative;font-weight:bold;padding-bottom:12px;} #head .sys_title a {text-decoration: none;padding: 2px 20px 3px;margin-left: -20px;-moz-border-radius: 24px;border-radius: 24px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;} #head .sys_title a:hover {background-color: rgba(255,255,255,0.2);text-shadow: 0px 1px 0px rgba(0,0,0,0.15);-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} #head .sys_search-label {display:none;} #head input.sys_searchbox {width: 156px;font-size: 12px;margin-right: 4px;} #head .sys_button {font-size: 12px;line-height: 18px;padding: 1px 14px;height: 20px;} #head ul {font-size: 12px;font-weight: bold;overflow: hidden;clear: both;margin-top: 10px;float: left;width: 100%;border-top: 1px solid #fff;border-top: 1px solid rgba(255,255,255,0.5);zoom: 1;padding-bottom: 14px;} #head ul li {float: left;border-left: 1px solid #fff;border-left: 1px solid rgba(255,255,255,0.5);padding: 4px 12px;} #head ul li.sys_first {padding-left: 0;border: none;} #head ul li a {text-decoration: none;} #head ul li.sys_inactive a:hover, #head ul li a:hover {text-decoration: underline;color: #ffffff;} ul#nav {font-size: 36px;line-height: 38px;font-weight: bold;letter-spacing: -1px;width: 510px;clear: both;padding-bottom: 16px;} ul#nav li a {color: #fff;-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;transition: 0.3s ease-in;} ul#nav li a:hover, ul#nav li.sys_active a:hover, ul#nav li.sys_inactive a:hover {color: #fff;text-decoration: none;-webkit-transition: 0.1s ease-in;-moz-transition: 0.1s ease-in;transition: 0.1s ease-in;text-shadow: 0px 1px 0px rgba(0,0,0,0.15);} ul#nav li.sys_active a {color: #fff;text-decoration: none;text-shadow: 0px 1px 0px rgba(0,0,0,0.15);} /* Artwork */ #artwork {position: absolute;top: 0;left: 520px;width: 755px;z-index: 1;zoom: 1;overflow: hidden;} #generic_page #artwork, #news_item #artwork, #event_page #artwork, #course_profile #artwork, #othercourse_page #artwork {height: 324px;} #ugcourse_page #artwork, #pgcourse_page #artwork {height: 380px;} #landing_page #artwork, #home #artwork {height:620px;} #artwork p {position: absolute;bottom: 165px;left: 19px;font-weight: bold;font-size: 11px;text-shadow: 0px 1px 1px rgba(0,0,0,0.5);} #top a img {position: absolute;top: 0;right: 0;color: #fff;z-index: 2;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} #top a img:hover {-webkit-box-shadow: 0px 2px 26px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 26px rgba(0,0,0,0.3);box-shadow: 0px 2px 26px rgba(0,0,0,0.3);} /* Sidebar */ #sidebar {float: left;width: 155px;margin-left: -5px;position: relative;margin-right: 15px;overflow: hidden;} #sidebar ul {font-size: 14px;font-weight: bold;line-height: 16px;background-color: #fff;padding: 6px 5px 28px;margin-bottom: 20px;} #sidebar ul li {padding-bottom: 4px;padding-top: 4px;} #sidebar ul ul {list-style: square;list-style-position: outside;margin-left: 18px;font-size: 12px;line-height: 18px;padding-bottom: 0;} #sidebar ul li a {color: #444;} #sidebar ul ul li {position: relative;line-height: 14px;padding-bottom: 6px;padding-top: 0;} #sidebar ul ul li a {text-decoration: none;} #sidebar ul ul li a:hover {text-decoration: underline;} /* Boxes */ #sidebar .sys_box {background-color: #d5d2cc;margin-bottom: 10px;font-size: 13px;padding: 6px 30px 6px 5px;} #sidebar .sys_box a {color: #444;font-weight: bold;} #sidebar .sys_box a:hover {text-decoration: none;} #sidebar .sys_box.sys_facebook {font-size: 12px;color: #fff;font-weight: bold;margin-bottom: 10px;padding: 10px 30px 16px 5px;line-height: 14px;background: #14559e url(/SiteElements/images/v4/page/facebook_cropped.gif) no-repeat right top;} #sidebar .sys_box.sys_facebook a {display: block;color: #fff;} /* Content */ #content {width: 520px;float: left;} #left #content {float: left;width: 340px;padding-top: 9px;} /* Header */ #content .sys_header {margin-bottom: 16px;padding-bottom: 6px;padding-top: 10px;width: 345px;} #content .sys_header small {font-size: 12px;font-weight: bold;display: block;line-height: 10px;} /* Results */ .sys_result {padding-bottom: 10px;} .sys_result h2 a {color: #444;} .sys_result h2 a:hover {text-decoration: none;color: #666;} /* Tabs */ .sys_tabs { position: relative; } /*compensate for 'other course' template having smaller top right image*/ #othercourse_page .sys_tabs { margin-top: -3px } #content .sys_tabs ul { list-style: none outside none; width: 350px; padding-top: 8px;overflow: hidden; padding-bottom: 25px; padding-left: 0px; margin-bottom: 0; margin-left: -3px; } #content .sys_tabs ul li { font-size: 13px; font-weight: bold; float: left; border: none; padding-left: 5px; margin-left: 2px; background-image: none; padding: 0; } #content .sys_tabs ul li.sys_first { margin-left: 0; padding: 0; border: none; } #content .sys_tabs ul li a { color: #444444; text-decoration: none; border: 1px solid #666666; padding: 4px 3px 4px 3px; background-color: #d5d2cd; } .sys_tabs ul li a:hover { text-decoration: underline; } #content .sys_tabs ul li a.sys_active { text-decoration: none; border-bottom: 1px solid #edebe7; background-color: transparent; } #tabs h1 { width: 340px; min-height: 56px; padding-bottom: 22px; } .sys_tabslower { border-bottom: 1px solid #666666; margin-bottom: 20px; position: absolute; height: 1px; width: 370px; top: 27px; left: -15px; } /* add small css hack to get things looking correct in IE9 and IE10 */ @media screen and (min-width:0\0) { .sys_tabslower { top: 26px; } } /* Panel */ #panel {font-size: 12px;float: right;width: 220px;margin-top: 34px;padding: 10px 10px 100px 10px;overflow: hidden;background: #d5d2cd url(images/panel.jpg) repeat-x 0 bottom;} .sys_tabbed #panel {margin-top: 90px;} /* CoursePanel*/ #panel #course_panel h3, #panel h3.sys_courseAtAGlance {font-size: 14px;padding-bottom: 4px;padding-top: 0px;} #panel #course_panel dl dd p {margin: 0;} #panel #course_panel dl {line-height: 120%;} #panel #course_panel ul {padding-bottom: 12px;padding-top: 12px;border-top: 1px solid #bfbeba;border-bottom: 1px solid #bfbeba;font-size: 17px;line-height: 17px;font-weight: bold;margin-top: 8px;margin-bottom: 10px;} #panel #course_panel ul li {position: relative;padding-left: 16px;padding-top: 4px;padding-bottom: 4px;background-image:none;} #panel #course_panel ul li a {color: #444;} #panel #course_panel ul li a:hover {text-decoration: none;} #panel #course_panel ul li em {font-size: 30px;font-weight: bold;font-style: normal;position: absolute;top: 0;left: 0;} #panel #course_panel dl {font-size: 13px;color: #444;overflow: hidden;padding-bottom: 5px;} #panel #course_panel dl dt {font-weight: bold;float: left;width: 40%;clear: both;padding-top: 5px;} #panel #course_panel dl dd {float: left;width: 60%;padding-top: 5px;} #panel #course_panel dl dd a {font-weight: normal;font-size: 13px;font-style: normal;color: #444;display: block;} #panel #course_panel dl dd a:hover {text-decoration: none;} #content p.sys_record-image-control-caption {font-size: 12px;margin-top: 5px;} #panel #course_panel dl {font-size: 13px;color: #444;overflow: hidden;padding-bottom: 5px;} #panel #course_panel dl dt {font-weight: bold;float: left;width: 42%;clear: both;padding-top: 5px;} #panel #course_panel dl dd {float: left;width: 58%;padding-top: 5px;} #panelImage {overflow: hidden;} #sidebar div#CourseLeftPanel {padding: 6px 2px 6px 5px;} ul#leftCourseLinks {background-color: transparent; padding-bottom:18px; margin-right: 4px; margin-bottom:10px; border-bottom: 1px solid #BFBEBA; line-height: 13px;} ul#leftCourseLinks li em {font-size:27px; color: #F7AC0B;} ul#leftCourseLinks li a {font-size:15px} #sidebar #CourseLeftPanel .sys_related ul { list-style-position: outside; list-style-type: none; margin-left: 0; padding: 5px 10px 0 5px; position: relative; background: transparent; } #sidebar #CourseLeftPanel div.sys_related {padding-left: 4px;} #sidebar #CourseLeftPanel .sys_related ul li { background: url("/SiteElements/images/v4/global/bullet_yellow.jpg") no-repeat scroll 0 4px transparent; padding: 0 0 5px 12px; } /* KIS Widget */ div#KisWidget {margin-left: 15px;} #KisWidgetExplanation {width:156px; padding:12px 17px 7px 17px; margin-left: 15px; margin-bottom: 9px; background-color: #f5e880; color: #333333;} /* Foot */ #foot {font-size: 12px;font-weight: bold;line-height: 122%;background: url(images/foot.png) repeat-x; min-height: 300px;} #foot .sys_lower, #foot .sys_social {overflow: hidden;} #foot h4 {font-size: 14px;line-height: 120%;position: relative;padding-bottom: 8px;} /* Upper */ #foot .sys_upper {overflow: hidden;border-bottom: 1px solid #bab8b4;padding-bottom: 10px;margin-bottom: 10px;padding-top: 16px;overflow: hidden;zoom: 1;} #foot #twitter {float: left;width: 230px;padding:0 10px 20px 0;position: relative;overflow: hidden;background: url(images/tweet.gif) no-repeat left bottom;} #foot #twitter p {padding-top: 1px;} #foot #twitter small {font-size: 9px;display: block;padding-top: 2px;} #foot #twitter a {color: #999;} #foot #twitter a:hover {color: #666;text-decoration: none;} #foot #links {float: left;width: 456px;padding-left: 14px;border-left: 1px solid #b8b6b2;} #foot #links ul {float: left;width: 33%;font-size: 11px;line-height: 17px;} #foot #links ul ul {float: none;width: auto;padding-left: 10px;} #foot #links ul li a {color: #666;text-decoration: none;} #foot #links ul li a:hover {color: #999;text-decoration: underline;} #foot #links ul ul li a {color: #999;} #foot #login {width: 215px;float: right;background-color: #eeedeb;padding: 6px 10px 10px;margin-top: -6px;} #foot #login ul {padding-bottom: 6px;line-height: 17px;} #foot #login ul li a {color: #666;text-decoration: none;} #foot #login ul li a:hover {text-decoration: underline;} #foot #login small {font-size: 11px;display: block;padding-bottom: 4px;} #foot #login small a {color: #999;} #foot #login small a:hover {color: #666;text-decoration: none;} /* lower */ #foot .sys_lower {padding-bottom: 14px;padding-top: 3px;overflow: hidden;clear: both;zoom: 1;} #foot .sys_switch {float: left;width: 240px;font-size: 14px;} #foot .sys_switch small {display: block;} #foot .sys_switch small a {font-size: 10px;color: #666;text-decoration: none;margin-right: 10px;} #foot .sys_switch small a:hover {color: #999;text-decoration: underline;} #foot .sys_enquiries {float: left;width: 461px;padding-left: 14px;font-size: 14px;} #foot .sys_search-label {display:none;} #foot .sys_searchbox {width: 150px;font-size: 12px;} /* Social */ #foot ul.sys_social {overflow: hidden;padding-bottom: 20px;font-size: 11px;font-weight: normal;font-style: normal;clear: both;width: 100%;zoom: 1;} #foot ul.sys_social li {float: left;width: 254px;} #foot ul.sys_social li.sys_facebook {width: 240px;} #foot ul.sys_social li.sys_youtube {width: 200px;} #foot ul.sys_social li a {text-decoration: none;color: #666;padding-top: 3px;padding-bottom: 3px;padding-left: 18px;} #foot ul.sys_social li.sys_twitter a {background: url(images/icon-twitter.gif) no-repeat 0 2px;} #foot ul.sys_social li.sys_facebook a {background: url(images/icon-facebook.gif) no-repeat 0 2px;} #foot ul.sys_social li.sys_flickr a {background: url(images/icon-flickr.gif) no-repeat 0 2px;} #foot ul.sys_social li.sys_youtube a {background: url(images/icon-youtube.gif) no-repeat 0 2px;} #foot ul.sys_social li a:hover {text-decoration: underline;color: #999;} #foot p#PoweredByFooter {font-size: 11px;font-weight: normal;text-align: left;padding-bottom: 5px;} /* roktalk */ #foot ul.sys_social {overflow:visible !important;} #foot ul.sys_social li.sys_roktalk a img {margin-left:auto;margin-top:-15px;} /* course finder*/ .sys_course_finder_course_title_label, .sys_course_finder_course_type_label, .sys_course_finder_subject_area_label, .sys_course_finder_campus_list_label {display: none;} .sys_course_finder_validation_message {font-size: 12px;color: red;font-weight: bold;} .sys_course_finder_full select {display: block;margin-bottom: 8px;} div.sys_course_finder_course_title_input {margin-bottom: 8px;} div.sys_course_finder_part_time_checkbox {margin-top: 10px;margin-bottom: 7px;} .sys_course_finder_full input[type=text] {width: 212px;border: 1px solid #b9b9b9;padding: 2px 0 2px 1px;} .sys_course_finder_full div.selector {margin-bottom: 2px;margin-left: -2px;width: 208px;} .sys_course_finder_full .selector span {width: 180px;} .sys_course_finder_full label {font-size: 12px;} .sys_course_finder_full select {width: 215px;} .sys_course_finder_full input[type=submit] {margin-top: 8px;position: relative;margin-bottom: 0;width: 150px;} div.sys_course_finder_full {padding-bottom: 10px;border-bottom: 1px solid #666666;} /* course finder results */ .sys_course_finder_results_header p {font-weight:bold;} #content .sys_course_finder_results_header p, #content .sys_course_finder_results_header p a {color: #996600;} #content ul.sys_course_finder_results_list {padding-left: 0;} #content .sys_course_finder_results_list li {background-image: none;padding-left: 0px;padding-bottom: 15px;} #content .sys_course_finder_results_list li a {font-size: 15px;font-weight: bold;} div.sys_course_finder_results_header {border-bottom: 1px solid #666666;} div.sys_noresults {font-size:12px !important;font-weight:normal !important;line-height:1em !important;} /* a-z course listings*/ #content .sys_coursesAtoZLink, #content .sys_coursesAtoZLink ul {margin:0 0 10px 0px;padding:10px 0 0 0;} #content .sys_coursesAtoZLink ul li {background:none repeat scroll 0 0 transparent;list-style:none outside none;display:inline;padding-left: 0;padding-right: 7px;font-weight: bold;} #content .sys_coursesAtoZList h2 {border-bottom: 1px solid #444444;} #content .sys_coursesAtoZList ul {padding-left: 0;} #content .sys_coursesAtoZList ul li {background-image: none;padding-left: 0;padding-bottom: 7px;} #panel .sys_featured_courses ul {padding-left: 2px;padding-top: 10px;} #panel .sys_featured_courses ul li {background-image: none;padding-left: 0;padding-bottom: 7px;font-weight: bold;} /* event record styling */ .sys_events-record dt {font-size: 15px;font-weight: bold;} dd.sys_events-location {padding-bottom: 10px;} dd.sys_events-date {padding-bottom: 10px;} /* news items */ #NewsDate {font-weight: bold;} #news_item #panelImage {margin-bottom: 10px;} #content .sys_pagingbar ul {padding-top: 0px;} #content .sys_pagingbar ul li {display: inline;list-style: none outside none;padding-left: 6px;background: none repeat scroll 0 0 transparent !important;} /* events listing */ #content .sys_eventsListing li {font-weight: bold;} #content .sys_eventsListing li p {font-weight: normal;margin-top: 2px;margin-left: 10px;} /* site map */ li.sys_folder a {font-weight:bold;} li.sys_0 a {font-weight:normal !important;} /* accommodation database listing */ .sys_ad-accommodation-control .sys_ad-information-bar {background: none repeat scroll 0 0 #E3E3E3;clear:both;padding:12px 8px;text-align:right;} .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-paging-info {color:#000000;float:left;font-weight:bold;} .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager span.sys_current-page span {color:#000000;} .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager span.sys_current-page span, .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager a {font-weight: 700;padding: 2px 7px;text-decoration:none;} .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager span.sys_page a, .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager span.sys_next-page a, .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager span.sys_previous-page a {border:1px solid #D1D1D1;} .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager span.sys_current-page span, .sys_ad-accommodation-control .sys_ad-information-bar .sys_ad-pager a {color:#000000;font-weight:700;padding:2px 7px;text-decoration:none;} /* accommodation property details */ .sys_ad-record-thumbnailpanel {clear:both;display:block;padding-top:10px;width:100%;height:80px;} .sys_ad-record-thumbdiv {float:left;height:75px;margin:0 10px 4px 0;overflow:hidden;width:auto;} .sys_ad-record-housedetails .sys_bedroomtitle {font-weight:bold;} .sys_ad-record-housedetails {width:79%; float:left;} .sys_ad-record-mainimage {margin: 0 0 20px 80%;width:251px;} /* search results page */ .sys_search-control .sys_search-title, .sys_search-control .sys_search-term-text {display:none;} .sys_search-control .sys_flickrpager {margin:10px 0;} .sys_search-control .sys_flickrpager div {display:inline;} .sys_search-control .sys_paginginfo {white-space:nowrap;} .sys_search-control .sys_navigation {white-space:nowrap;float:right;} .sys_search-control .sys_paginginfocurrentrecord, .sys_search-control .sys_paginginfomaxrecord, .sys_search-control .sys_paginginforecordcount {font-weight:bold;} .sys_search-control .sys_page a {font-weight:bold;padding:2px 6px;background:#dcd9d2;} .sys_search-control .sys_page a:hover {background:#ccc;} .sys_search-control .sys_page a {text-decoration:none !important;} .sys_search-control .sys_selected {font-weight:bold;padding:2px 6px;background:#CCC;cursor:default;} .sys_search-control .sys_subitem {margin:15px 0;} .sys_search-control dt.sys_search-description , .sys_search-control dt.sys_search-url {display:none;} .sys_search-control dd.sys_search-description {margin:5px 5px;} .sys_search-control dd.sys_search-url {color:green;} .sys_search-search-control {display:none;} /* staff profiles */ #StaffJobTitle {margin:-20px 0 10px;} /* News */ .sys_news {color:#999;font-size:12px;line-height:120%;font-weight: bold;width:500px;float:none;border:none;padding:10px;background-color:white;margin:0 0 10px -5px;} .sys_news h3 a {position: absolute;top: 0;right: 0;width: 15px;height: 15px;display: block;text-indent: -9999px;background: url('/style/images/rss_icon2.png') no-repeat;} .sys_news .sys_FeaturedNews a {display: inline;font-size: 14px;color: #444;letter-spacing: 0;line-height: 120%;} .sys_FeaturedNews li {margin:3px 0;} .sys_news li {padding-bottom: 4px;} .sys_news small {font-size: 11px;display: block;padding-top: 3px;font-weight: normal;text-align:right;} .sys_news small a {color: #666;} .sys_news small a:hover {color: #999;text-decoration: none;} /* Events */ .sys_events {clear: both;background-color: #fff;padding-left: 5px;margin-left:-5px;padding-top: 8px;overflow: hidden;padding-bottom: 10px;margin-bottom: 10px;position: relative;min-height: 90px;width: 415px;margin-left:0;} .sys_events .sys_article {width:157px;min-height:70px;} .sys_events h3 {padding-bottom:8px;background-color:white;width:100px;} .sys_events small a {color:#666666;float:right;margin:0 20px;} .sys_events small a:hover {color: #999999;text-decoration: none;} #content .sys_events .sys_article{width:190px;} .sys_events .sys_article_date {color:#fff;} #content .sys_events {width:250px;} /* In Profile */ .sys_profile {color:#fff;padding-left: 5px;margin-left: -5px;padding-top: 0;position: relative;min-height: 145px;overflow: hidden;zoom: 1;width:515px;} .sys_profile_wrap {width:235px;float:left;padding-top: 5px;} #home #page .sys_profile h3 {padding-bottom: 8px;padding-top:0;color: #fff;} .sys_profile a {color: #fff;} #page .sys_profileImg img {display:block;} .sys_profileImg {float: right;} .sys_profile .sys_article_date {background-color: #fff;} .sys_profile h3, #content .sys_profile .sys_article .sys_strong a {color: #fff;} #content .sys_profile .sys_article .sys_strong a:hover{text-decoration: none;color: #fff;} #content .sys_profile {width:520px;} .sys_profile h3,.sys_events h3 {font-size:14px;line-height:115%;position:relative;padding:0 0 4px;} #rollingProfileWrap1, #rollingProfileWrap2, #rollingProfileWrap3, #rollingProfileWrap4, #rollingProfileWrap5 {clear: both; width: 515px; margin-left: 5px;} /* Articles */ .sys_article {float: left;width: 190px;padding-right: 10px;padding-left: 40px;position: relative;} .sys_article .sys_article_date {font-size: 11px;display: block;width: 30px;text-align: center;position: absolute;top: 2px;left: 1px;font-weight: bold;line-height: 100%;padding-bottom: 5px;padding-top: 3px;} .sys_article_date div.sys_strong, .sys_article_date span.sys_strong {font-size: 22px;display: block;padding-bottom: 0;} .sys_article .sys_article_date a {text-decoration: none !important;color: #fff !important;display: block;padding-top: 3px;padding-bottom: 5px;} .sys_article .sys_article_date a:hover {background: #fff !important;-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);box-shadow: 0px 1px 5px rgba(0,0,0,0.2);} .sys_article .sys_strong {font-size: 17px;line-height: 110%;letter-spacing: -1px;padding-bottom: 5px;display: block;font-weight: bold;} .sys_article .sys_strong a {color: #444;display: block;} .sys_article .sys_strong a:hover {text-decoration: none;} .sys_article p, .sys_profile_content {font-size: 12px;font-weight: bold;line-height: 115%;} /* infozone box */ .sys_info-zone {padding:5px 0 12px 10px;background-color:#fff;width:220px;float:left;} .sys_info-zone h3 {padding-bottom: 8px;} .sys_info-zone p {font-size: 12px;line-height: 115%;font-weight: bold;padding-bottom: 12px;} .sys_info-zone p strong {font-size: 17px;line-height: 100%;color: #666;letter-spacing: -1px;} .sys_info-zone-wrap { background: url('/style/images/Infozone-for-Home-Page.jpg') no-repeat scroll right top #FFFFFF; width: 420px; } .sys_info-zone-caption { color: #FFFFFF; float: left; font-size: 15px; font-weight: bold; margin: 97px 0 0 2px; padding: 7px 0 8px 10px; width: 178px; } .sys_info-zone-caption p:first-child { font-weight: normal; font-size: 13px; } /* asides */ .sys_aside {position: relative;margin-bottom: 10px;} #home #page .sys_aside h3 {padding-bottom: 12px;} #home .sys_aside {height: 330px;} #landing_page .sys_aside {height: 330px;} .sys_aside .sys_block {position: absolute;bottom: 17px;background-color: #222;background-color: rgba(34,34,34,0.8);padding: 10px 10px 10px 200px;width: 210px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .sys_aside .sys_block:hover {background-color: rgba(34,34,34,0.95);-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} #aside_messaging {color: #A6A29B;font-size: 22px;font-weight: bold;line-height: 100%;letter-spacing: -1px;position: absolute;left: 10px;bottom: 12px;width: 180px;} .sys_aside h3 {padding-left: 16px;padding-bottom: 12px;padding-top: 0;font-size: 14px;} .sys_aside ul {font-size: 17px;line-height: 130%;font-weight: bold;} .sys_aside ul li {position: relative;padding-left: 16px;} .sys_aside ul li a {color: #fff;} .sys_aside ul li a:hover {text-decoration: none;} .sys_aside ul li em {font-size: 38px;font-weight: bold;font-style: normal;position: absolute;top: -5px;left: 0;} #home #right {overflow: visible;} /* set bottom: 206px to move box to middle of image*/ /* set bottom: 8px to move box to bottom of image*/ #home .sys_aside .sys_block {bottom: 6px; left: -10px; background-color: #f7ac0b;padding: 10px 10px 10px 200px;width: 270px;} /*#home .sys_aside .sys_block:hover {background-color: rgba(127,184,20,0.99);-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}*/ /* links */ .sys_info-zone h3 a {text-decoration: none;} .sys_info-zone h3 a:hover {text-decoration: underline;} .sys_infozone_button a {line-height: 150%;font-weight: bold;text-decoration: none;display: inline-block;color: #fff;background: #c6c2b9;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;padding: 1px 20px 2px;border: none;-webkit-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);-moz-box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);box-shadow: inset -1px -2px 3px rgba(0,0,0,0.35), inset 1px 2px 3px rgba(255,255,255,0.2);} .sys_infozone_button a:active {text-shadow: 0px 1px 0px rgba(0,0,0,0.2);background: #a6a49c;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);box-shadow: inset 1px 2px 3px rgba(0,0,0,0.35);} /* prospectus 2013 search */ #homepagev5wrapper {min-height:170px;} #lookingForMainWrapper {padding:0 10px !important;width:500px;margin-bottom:30px;} #lookingForMainWrapper h1 {color:#444444;font-size:30px;margin:0 0 15px 5px;padding:0;font-weight:normal;} #lookingForMainInput {width:435px;height:50px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;font-size:25px;background:url('/SiteElements/images/v5/search-box/aurasmaIcon.png') no-repeat scroll 97% 50% white;line-height:200%;padding-right:55px;-moz-box-shadow:3px 4px 9px -3px rgba(0, 0, 0, 0.6) inset;box-shadow:1px 2px 9px -3px rgba(0, 0, 0, 0.7) inset;-webkit-box-shadow:3px 4px 9px -3px rgba(0, 0, 0, 0.7) inset;border:1px solid #666;padding-left:10px;} #lookingForInputWrapper {position:relative;} #lookingForSuggestions {width:500px;position:absolute;top:100%;z-index:10;left:0;padding:0 !important;} #lookingForSuggestions li {padding:3px;background-color:white;display:none;list-style-type:none;border-color:#666;border-style:solid;border-width:0 1px;} #lookingForSuggestions li a {text-decoration:none;display:block;width:100%;color:#444;} #lookingForSuggestions li.show {display:list-item;} #lookingForSuggestions li.show:hover, #lookingForSuggestions li.selected {background-color:#ddd;} #lookingForSuggestions li.firstShown {border-top-width:1px;} #lookingForSuggestions li.lastShown {border-bottom-width:1px;} #lookingForSuggestions li span {display:none;} #lookingForLinksWrapper {padding: 10px 5px;} #lookingForLinksWrapper li {float:left;display:inline-block;width:40%;font-weight:bold;font-size:15px;position:relative;padding-left:16px !important;line-height:130%;} #lookingForLinksWrapper li em {color:#f7ac0b;font-size:38px;font-style:normal;position:absolute;top:-2px;left:0;} #lookingForLinksWrapper li a {color:#444;} #lookingForLinksWrapper li a:hover {color:#f7ac0b;text-decoration:none;} #lookingForMagGlassCover {height:51px;cursor:pointer;width:50px;position:absolute;top:0;right:0;} /* page cover */ #inspireMePageCover {width:80% !important;position:absolute;z-index:20;height:675px;background-color:#ddd;top:4%;left:10%;display:none;} #inspireMeMainWrapper {width:100% !important;position:fixed;z-index:21;height:700px;left:0;top:0;display:none;} #inspireMeCloseLink {position:absolute;top:15px;right:15px;cursor:pointer;font-size:25px;z-index:30;background-color:#11abcd;color:white;padding:0 5px;font-weight:bold;} #inspireMeCloseLink:hover {background-color:white;color:#11abcd;text-shadow:0 0 3px white;} #inspireMeThumbsWrapper {position:relative;width:100%;min-width:1024px;height:100%;min-height:600px;} #inspireMeThumbsWrapper .thumb {position:absolute;max-width:30%;cursor:pointer;-moz-transition:box-shadow 0.5s;-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s;box-shadow:0 0 2px black;-moz-box-shadow:0 0 2px black;-webkit-box-shadow:0 0 2px black;} #inspireMeThumbsWrapper .thumb:hover {box-shadow:0 0 10px black;-moz-box-shadow:0 0 10px black;-webkit-box-shadow:0 0 10px black;} body.magicMode #left, body.magicMode #page, body.magicMode #container, body.magicMode #page .sys_wrap {position:static;} body.magicMode,body.magicMode #page {height:100%;overflow:hidden;} body.magicMode #page .sys_aside {z-index:10;} /* full size viewer */ #inspireMeMainWrapperFullSize {width:600px;max-height:500px;background-color:#11abcd;padding:0 14px 14px;position:absolute;z-index:25;top:10%;left:50%;margin-left:-300px;} #inspireMeMainWrapperFullSizeTabIcon {margin-top:-20px;margin-left:-14px;} #inspireMeMainWrapperFullSizeContent {text-align:center;} #inspireMeMainWrapperFullSizeContent img {max-width:100%;max-height:450px;margin-top:10px;} #inspireMeMainWrapperFullSizeCaption {width:100%;color:white;font-weight:bold;margin-top:10px;} #inspireMeMainWrapperFullSizeCaption a {color:white;} #inspireMeMainWrapperFullSizeCaption a:hover {text-decoration:none;} /* position images*/ #inspireMeThumb11 {left:15%;top:16%;} #inspireMeThumb12 {left:35%;top:15%;} #inspireMeThumb13 {left:67%;top:11%;} #inspireMeThumb14 {left:57%;top:30%;z-index:4;} #inspireMeThumb15 {left:17%;top:46%;z-index:1;} #inspireMeThumb16 {left:43%;top:41%;z-index:3;} #inspireMeThumb17 {left:16%;top:71%;} #inspireMeThumb18 {left:41%;top:73%;z-index:2;} #inspireMeThumb19 {left:63%;top:59%;} #inspireMeThumb21 {left:16%;top:16%;} #inspireMeThumb22 {left:43%;top:15%;} #inspireMeThumb23 {left:62%;top:16%;} #inspireMeThumb24 {left:17%;top:49%;z-index:1;} #inspireMeThumb25 {left:36%;top:54%;z-index:2;} #inspireMeThumb26 {left:60%;top:43%;} #inspireMeThumb27 {left:15%;top:67%;} #inspireMeThumb28 {left:53%;top:72%;} #inspireMeThumb31 {left:13%;top:15%;} #inspireMeThumb32 {left:39%;top:18%;} #inspireMeThumb33 {left:56%;top:16%;z-index:1;} #inspireMeThumb34 {left:71%;top:11%;} #inspireMeThumb35 {left:15%;top:39%;} #inspireMeThumb36 {left:34%;top:41%;} #inspireMeThumb37 {left:37%;top:76%;} #inspireMeThumb38 {left:60%;top:59%;} /*2014 prospectus home */ #home #container { background-color: #EDEBE7; margin: 0 auto; width: 1040px; } #home { background-color: #0d0605; background-image: url('/style/images/2015_bg_compressed2.jpg'); background-repeat: no-repeat; background-position: center top; } #findyourcourse { margin: 12px 0 12px 3px; } #wehaveacourse { color: #000; font-size: 21px; font-weight: bold; margin: 0px 0 10px 6px; } /* KIS Widget explanation*/ div.KISWidgetExplanation {text-align: left;float: right; width: 300px; min-height: 51px; background:#FFFFFF 320px 15px no-repeat url('/style/images/course_explanation_arrow_whitebg.png'); padding: 10px 120px 5px 10px; color: #333333;} div.KISWidgetExplanationClear {clear:both;} /* twitter widgets */ .ucs_twitter_widget {overflow:hidden;border-radius:6px;background-color:#B5B6B3;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;} .ucs_twitter_widget_head {padding:10px;} .ucs_twitter_widget_head img {float:left;margin-right:10px;width:31px;height:31px;} .ucs_twitter_widget_head h3 {font-size:11px;color:#565A5C !important;padding:0;font-weight:normal;} .ucs_twitter_widget_head a {font-size:16px;color:#565A5C !important;font-weight:bold;} .ucs_twitter_widget_body {border-radius:6px;} .ucs_twitter_widget_foot {padding:10px;text-align:right;font-size:12px;} .ucs_twitter_widget_foot img {float:left;} .ucs_twitter_widget a {text-decoration:none !important;} .ucs_twitter_widget a:hover {text-decoration:underline !important;} .ucs_twitter_widget .ucs_tweet {border-bottom:1px dotted white;padding:6px 8px;} .ucs_twitter_widget .ucs_tweet:last-child {border-bottom-width:0px;} .ucs_tweet div a {font-size:9px;margin-left:4px;} .ucs_tweet div a:after {content:"\00b7";color:white;padding-left:3px;} .ucs_tweet div a:first-child {margin-left:0;} .ucs_tweet div a:last-child:after {content:"";} #support_twitter_widget .ucs_twitter_widget_body, #elevate_twitter_widget .ucs_twitter_widget_body {background-color:#E17000;color:white;} #support_twitter_widget ucs_twitter_widget_body a, #elevate_twitter_widget ucs_twitter_widget_body a {color:#565A5C !important;} /*School of Arts and Humanities image grid*/ div.sys_artsAndHumsImageGrid {width:520px; height: 341px; margin: 10px 0 15px 0;} div.sys_artsAndHumsImageGridRow1 {width: 162px; height: 162px; float: left; margin: 0 17px 0 0;} div.sys_artsAndHumsImageGridRow2 {width: 162px; height: 162px; float: left; margin: 17px 17px 0 0; } div.sys_artsAndHumsImageGridRowLast {margin-right: 0;} .sys_artsAndHumsImageGrid p {margin: 0 !important;} /*School of Arts and Humanities news and events*/ .sys_artsNewsAndEventsWrapper h2 {color: #EC008C;} div.sys_artsNewsAndEventsWrapper {border-bottom: 1px solid #AAAAAA; padding-bottom: 20px; } .sys_artsNewsAndEventsWrapper .sys_schoolNewsLink, .sys_artsNewsAndEventsWrapper .sys_schoolEventsLink {color: #EC008C !important; font-weight: bold; padding-left: 17px} div.sys_artsAndHumsSocialMedia {padding-top:20px; font-weight: bold;} /*School Homepage Social Media links*/ div.sys_schoolHomeTwitterLink {float: left; width: 215px; padding-left: 35px; margin-top: 10px; background: url('/style/images/twitter-logo.png') no-repeat scroll 5px 2px transparent;} div.sys_schoolHomeFacebookLink {float: right; width: 215px; padding-left: 35px; margin-top: 10px; background: url('/style/images/facebook-logo.png') no-repeat scroll 5px 2px transparent;} .sys_schoolHomeTwitterLink, .sys_schoolHomeFacebookLink, .sys_schoolHomeTwitterLink p, .sys_schoolHomeFacebookLink p {font-size: 15px} #content .sys_schoolHomeTwitterLink a, #content .sys_schoolHomeFacebookLink a {text-decoration: none;} /*school hompage panel*/ #panel .sys_schoolHomepagePanelStats {font-size: 18px;} #panel .sys_schoolHomepagePanelQuote {font-size: 20px; } /*School of Business image grid*/ .sys_BusinessHomeBoxLTop {width: 250px; height: 250px; float: left; margin-bottom: 20px; background-image: url('/style/images/top_left.jpg')} .sys_BusinessHomeBoxLBot {width: 250px; height: 250px; float: left; margin-bottom: 20px; background-image: url('/style/images/bottom_left.jpg')} .sys_BusinessHomeBoxRTop {width: 250px; height: 250px; float: right; margin-bottom: 20px; background-image: url('/style/images/top_right.jpg')} .sys_BusinessHomeBoxRBot {width: 250px; height: 250px; float: right; margin-bottom: 20px; background-image: url('/style/images/bottom_right.jpg')} .sys_BusinessHomeBoxInner {width: 210px; height: 97px; margin: 135px 0 0 13px; background-color: #222222; background-color: rgba(34, 34, 34,0.85); padding:0 7px 7px 7px;} .sys_BusinessHomeBoxInner h2 {color: #dddddd; text-align:center;font-size:15px;} .sys_BusinessHomeBoxInner p {color: #dddddd; text-align:center;font-size:12px;} #content .sys_BusinessHomeBoxInner h2 a {color: #dddddd; text-decoration: none;} #content .sys_BusinessHomeBoxInner p a {color: #dddddd; text-decoration: none;} /*IE styles to support transparency for business homepage image grid*/ .sys_BusinessHomeBoxInner { background: transparent\9; /* clear current background for ie */ zoom:1; /* required for the filters */ /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9222222, endColorstr=#D9222222); /* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9222222, endColorstr=#D9222222)"; } /*alumni social media snippet*/ .alumniSocialMediaSnippet { width: 164px; margin: 10px auto; } .alumniSocialMediaSnippet a { display: block; } .alumniSocialMediaSnippet a { float: left; margin-left: 30px; } .alumniSocialMediaSnippet a:first-child { margin-left: 0 !important; } /*blockquote support*/ blockquote:before { color: #CCCCCC; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote { background: none repeat scroll 0 0 #F9F9F9; border-left: 10px solid #CCCCCC; margin: 1.5em 10px; padding: 0.5em 10px; } .image-margin { margin: 7px; } .image-margin-l { margin-left: 7px; } .image-margin-r { margin-right: 7px; } @media print { * {float:none !important;overflow:visible !important;min-width:auto !important;width:auto !important;} #top a {display:none;} #head .sys_title a {font-size:22px;padding:0;margin:0;display:block !important;} .sys_header h1 {font-size:18px;} #content {width:520px !important;} #top fieldset,#top ul,#artwork,#sidebar,#sidebar ul,#panel,#foot {display:none !important;} }