#course-nav { position: relative; }

/* entry requirements on course page */
.sys_entry-reqs, .sys_key-facts, .sys_highlight-box { background-color: #302abf; color: #fff; padding: 12px 12px; margin-bottom: 0px; }
.sys_highlight-box { margin-top: 16px; }
.sys_highlight-box p.sys_nounderline { border: none; margin-bottom: -6px; }
.sys_highlight-box a { color: #fff; text-decoration: underline; }
.sys_highlight-box a:hover { color: #fff; text-decoration: underline; }
#summary .sys_cta-bar-primary { margin-top: 16px; }
section .sys_entry-reqs h3, section .sys_key-facts h3, section .sys_highlight-box h3 { color: #fff; border-top: none; font-size: 1.6em; margin-bottom: 0.2em; text-transform: uppercase; font-family: 'brandon', Arial, sans-serif; }
.sys_entry-reqs p, .sys_key-facts p, .sys_highlight-box p { border-bottom: 1px solid #fff; padding-top: 4px; padding-bottom: 4px; }
#summary p.sys_key-facts-spaced { margin-bottom: 4px; }
.sys_entry-reqs .sys_ucas-points { font-size: 1.4em; font-weight: bold; }
div.sys_first.sys_column p, div.sys_first.sys_column li { margin-right: 16px; }
/* declare a class to allow editors to stop certain elements falling at the end of a column - doesn't actually affect the display of the element */
.reqsdontend {  }

/* list of fees on course page */
section .sys_fees-list p { font-family: 'latobold', Arial, sans-serif; font-weight: normal; border-bottom: 1px solid #6d6e71; font-size: 1.1em; height: auto; position: relative; padding-right: 100px; }
section .sys_fees-list p span.sys_type { float: left; }
section .sys_fees-list p span.sys_amount { float: right; }

/* UNISTATS figures */
section p.sys_unistats strong { font-size: 1.1em; }
section p.sys_unistats strong span { font-size: 1.2em; }
img.sys_unistats-widget { display: block; margin: auto; }
iframe#unistats-widget-frame { margin: 0; float: right; }

/* set of tabs within an individual section - course page-specific */
.sys_section-content h3 { font-size: 1.2em; margin-top: 0; border: none; color: #6d6e71; }
body .sys_section-content-tab { min-height: 0; }
ul.sys_section-tabs li a { color: #302abf; }
ul.sys_section-tabs li.sys_selected, .sys_grey ul.sys_section-tabs li.sys_selected { background-color: #302abf; }

/* styles for when each top element is docked (course page) */
/*body.sys_top-header-fixed #course-nav { padding-top: 257px; } */

/* course page-specific styles */
/*green colour: #6fa97d */
#banner-and-navs { background-color: #302abf; /*background-image: url('/_design/img/banner.jpg');*/ }
#top-nav { background-color: #302abf; }
#page-heading { padding-top: 145px; overflow: hidden; }
header h1 { background-color: #302abf; line-height: 40px; }
@media screen and (max-width:980px) {
#page-heading { padding-top: 152px; }
}

section h2 { color: #302abf; }
section h3 { color: #302abf; }
/*section { padding-bottom: 16px; }*/

@media screen and (max-width:768px) {
	#page-body .sys_section-content .sys_span6 .sys_tabHeading, #page-body .sys_section-content .sys_span12 .sys_tabHeading, #page-body .sys_section-content .sys_span8 .sys_tabHeading { color: #302abf; }
    section h2 { font-size: 1.4em; line-height: 1.6em; }
}

#course-nav .sys_container { /*overflow: auto;*/ border-bottom: 1px solid #302abf; } 
#course-nav { -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75); height: 49px; }

#course-nav ul { color: #fff; font-family: 'brandon', Arial, sans-serif; font-weight: normal; font-size: 1em; list-style-type: none; height: 48px; margin: 0 0 0 4px; padding: 0; text-transform: uppercase; text-align: center; }
#course-nav ul li a, #course-nav ul li a:focus, #course-nav ul li a:active, #course-nav ul li a:hover { color: #fff; text-decoration: none; display: block; height: 32px; padding: 8px; background-color: transparent; outline: none; }
#course-nav li { display: block; float: left; background-color: #7b7b7b; margin-right: 4px; line-height: 1.1em; }
#course-nav li.sys_apply { background-color: #302abf; }
#course-nav li.sys_selected { background-color: #302abf; }

@media screen and (max-width:980px) {
	#course-nav-menu { height:0; display: none; }
	#course-nav {display:none;}
	body.sys_top-header-fixed #course-nav {display:block;}
	#course-nav .sys_span12 {padding:0;}
	#course-nav ul, #course-nav ul li {width:100%; margin:0;}
	#course-nav ul  {overflow:hidden;}
	#course-nav ul li a, #course-nav ul li a:link, #course-nav ul li a:visited, #course-nav ul li a:hover {padding:20px 0 0 60px;}
	#course-nav ul li a br {display:none;}
	#course-nav ul li.sys_selected {position:absolute;}
	#course-nav ul li.sys_selected:before, #course-nav ul li.sys_selected:after { color: #ccc; font-size:1.2em; }
	#course-nav ul li.sys_selected:before { padding:19px 10px 0 30px; float: left;}
	#course-nav ul li.sys_selected:after { float: right; padding-right: 20px; margin-top: -32px; cursor:pointer;}
	#course-nav li.sys_apply {margin-left:0;}
	#course-nav li.sys_apply a:after {font-size: 0.9em; float: right; padding: 1px 30px 0 0;}
}

@media screen and (min-width:980px) {
	#course-nav {display:block;}
}

/* styles for when each top element is docked (course page-specific) - REVISIT THIS WHEN COURSE PAGE IS DONE - SOME COULD BE DELETED */

body.sys_top-nav-fixed #top-nav { background-color: #302abf; } 
body.sys_top-nav-fixed #page-heading { padding-top: 185px; }

body.sys_top-header-fixed #page-heading { background-color: #302abf; padding-top: 0; }
body.sys_top-header-fixed #course-nav { padding-top: 249px; }

body.sys_course-nav-fixed #course-nav { position: fixed; top: 88px; left: 50%; margin-left: -50%; background-color: #302abf; width: 100%; padding-top: 0;  } 
body.sys_course-nav-fixed #course-nav li.sys_selected, body.sys_course-nav-fixed #course-nav li.sys_apply { background-color: #fff; /*border-bottom: 1px solid #ccc;*/}
body.sys_course-nav-fixed #course-nav li.sys_selected a, body.sys_course-nav-fixed #course-nav li.sys_apply a { color: #fa706a;}
body.sys_course-nav-fixed #page-heading { height: 48px; }
body.sys_course-nav-fixed #page-heading h1 { line-height: 48px; }
body.sys_mobile-apply-now {display:none;}

@media screen and (max-width:980px) {
	body.sys_course-nav-fixed #course-nav li.sys_apply { background-color:#ba2121;}
	body.sys_course-nav-fixed #course-nav li.sys_apply a {color:#fff; float:left; width:90%;}
}

@media screen and (max-width:640px) {
	body.sys_course-nav-fixed #course-nav {display:none;}
	body.sys_course-nav-fixed .sys_mobile-apply-now {background-color:#fff; display:block; position:fixed; width:100%; padding:5px 10px; top: 71px; border: 1px solid #ccc;}
	body.sys_course-nav-fixed .sys_mobile-apply-now a {padding-left:10px; float:left; width:90%;}
	body.sys_course-nav-fixed .sys_mobile-apply-now a:after {float: right; font-size: 0.9em; }	
	#unistats iframe { float: none; margin: auto; display: block; }
}

/* end of docked styles for course pages */

/* special width adjustments to try to bring the header and footer into Bootstrap but with their own widths */
#course-nav .sys_container,  #course-nav .sys_span12 { width: 990px; max-width: 100%; }
.sys_lt-ie9 #course-nav .sys_container, .sys_lt-ie9 #course-nav .sys_span12 { width: 990px; max-width: 990px; }


#Entry-requirements-tab p { border-bottom: 1px solid #6D6E71; padding-bottom: 0.4em; margin-top: 0.6em; }

@media screen and (max-width:767px) {

.sys_jqplotDonut { width: 100% !important; /*height: auto!important;*/ }

}

table.sys_jqplot-table-legend { width: auto; border: none; }
#grad-destinations2 { background: transparent !important; }

#related h2 span.sys_number { float: right; font-size: 0.7em; color: #6D6E71; }
.sys_lt-ie8 #related h2 span.sys_number { float: none; display: block; }
@media screen and (max-width:640px) {
#page-body #related h2 span.sys_number { float: none; display: block; margin-top: -5px;}
}
/* styling for apply online box */
.sys_apply-online a {color:#ffffff;}
.sys_apply-online p {border:none;}
.sys_apply-online p a {background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 4px;display:block;}
.sys_highlight-box a.sys_howtoapply { background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 4px;display:block; text-decoration: none; }

html.js #countrylistdynamic tr, #countrylistdynamic caption { display: none; }

.sys_multi-row-tab { clear: both; overflow: auto; padding-bottom: 16px; } 
.sys_multi-row-tab .sys_span6:first-child, .sys_multi-row-tab .sys_span8:first-child { padding-left: 16px; min-height: 100px; }
#page-body .sys_multi-row-tab .sys_span8 p:first-child, #page-body .sys_multi-row-tab .sys_span6 p:first-child { margin-top: 0; }
#page-body .sys_section-content .sys_multi-row-tab h2, #page-body .sys_section-content .sys_multi-row-tab h3, #page-body .sys_section-content .sys_multi-row-tab h4, #page-body .sys_section-content .sys_multi-row-tab h5, #page-body .sys_section-content .sys_multi-row-tab h6 { margin-top: 0; }

/* fix for positioning of these images in IE */
#location .sys_span6 > img { clear: both; display: block; }

/* fix text colour for CTA with image when used on a course page */
aside[class*="sys_cta"] h2 a, aside[class*="sys_cta"] h3 a, aside[class*="sys_cta"] h4 a, aside[class*="sys_cta"] h5 a, aside[class*="sys_cta"] h6 a { color: #5f5f5f; }

/* adjust CTA padding to match top panel */
#contact .sys_cta-bar-primary { margin-bottom: 16px; }

/* course page data capture form */
.sys_course-data-capture.sys_highlight-box { margin-top: 0; position: relative; }
#page-body #contact .sys_course-data-capture .sys_sectionbreak-header { color: #fff; font-size: 1.6em; line-height: 1.2em; }
.sys_course-data-capture .sys_sectionbreak { padding-top: 0; }
#contact .sys_course-data-capture .sys_cms-form-item { padding: 0; }
#contact .sys_course-data-capture .sys_cms-form-control ul.sys_cms-form-body li label, #contact .sys_course-data-capture .sys_cms-form-control ul.sys_cms-form-body li .sys_legend { color: #fff; }
.sys_course-data-capture ul.sys_cms-form-body { margin-bottom: 0; }
.sys_course-data-capture .sys_required { color: #fff; }
.sys_course-data-capture .sys_cms-form-body .sys_buttons, .sys_course-data-capture .sys_cms-form-body .sys_email { display: inline; width: auto; }
.sys_course-data-capture .sys_cms-form-body .sys_buttons { bottom: 11px; margin-bottom: 0; position: absolute; right: 16px; }
#contact .sys_course-data-capture ul li.sys_buttons button { background-color: #919191; border: medium none; color: #fff; font-weight: normal; line-height: 28px; padding-left: 8px; padding-right: 10px; }
.sys_course-data-capture .sys_cms-form-body .sys_email input { width: 75%; }
.sys_course-data-capture .sys_email .sys_fieldcontent { float: none; }
#page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item div.sys_sectionbreak-text { color: #fff; }

/* new pullquote styles for use on course pages */
/* large quote stripe across page with quote marks image */
#page-body aside.sys_quote { background-color: #3932e0; padding-top: 0; }
#page-body aside.sys_quote blockquote { background: url('/_design/img/quote-mark-white-large.png') no-repeat left 30px; padding: 90px 0 40px 0; color: #fff; font-size: 1.5em; line-height: 1.1em; border: none; margin: 0; }
#page-body aside.sys_quote p { margin-bottom: 0; font-size: 1em; line-height: 1.1em; }
/* large quote stripe across page, same as above, but with quote attribution */
#page-body aside.sys_with-attr blockquote { padding-bottom: 16px; }
#page-body aside p.sys_pullquote-attr { color: #fff; font-size: 1.05em; padding-bottom: 32px; }
#page-body aside.sys_pull-stat { padding: 50px 0 35px 0; }
#page-body aside.sys_pull-stat p { color: #fff; font-size: 1.5em; line-height: 1.1em; border: none; margin: 0 0 15px 0; }