/****************************************
This is the main user-defined stylesheet for the Canterbury site.
All styles that are not default in bootstrap or other plugins will be found here.
Note that some elements are would be usable on Department and Generic templates.

BASE BOOTSTRAP STYLE REDEFINITIONS

HUMNST FONT DEFINITION

GLYPHICONS DEFINITION

COMMON TO MANY TEMPLATES
1.  Header - including all nav, search and mega menu styles
2.  Footer - includes the Connect with us bar
3.  LHS navigation, part of the main page content

SPECIFIC TO INDIVIDUAL TEMPLATES
4.  Corporate home page
4.1   - carousel
4.2   - course search
4.3   - key links container (graphical)
4.4   - news and events layouts (features styles for a grid and mixed layout)
4.5   - tabbed links container
5.  Department home page
5.1   - main image container, including title and breadcrumb
5.2   - key links container
6.  Generic pages
6.1   - breadcrumb
6.2   - title/image container
6.3   - redefined basic element styles (h3, P, etc)
6.4   - right hand column elements including things to do now, downloads
        related links, order prospectus, connect with us
6.5   - non-standard design elements, eg flag list
6.6   - Aligned images, images with captions
7.    Course pages
7.1   - key facts column
7.2.  - course detail column
7.21  - special extras
7.3.  - extra information column
7.4   - KIS wigdets and combo styles

COMMON TO DEPARTMENT AND GENERIC TEMPLATES (Page Content container)
8.1 Styles for page content interchangable elements, includes
	  - video, intro story, lead story, typographical story, row divider,
	    event listing, blog listing, social media
8.2 Icons!
8.3 Associated logos
8.4 Staff Profiles, includes SMT and Our Governors
8.5 Scrolling images for Toot

INDIVIDUAL PAGE STYLES
9. Find us tabs
10. A-Z Undergraduate courses
11. Faculties and Departments
12. Header site search
13. Zengenti Style Overrides
14. Publications
15. CAE course styles - may use for SD events
16. Internal only styles
17. Natty styles for pre-arrival cutback templates

69. Styles for other screen sizes


****************************************/



/****************************************
BASE BOOTSTRAP STYLE REDEFINITIONS
****************************************/
body {
	padding-bottom: 0;
  	color: #232120;
  	font-family: Arial,sans-serif;
}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
  font-family: Arial,sans-serif;
}
/*
.MainContent ol { counter-reset: item }
.MainContent ~ ol { padding-left: 5px; }
.MainContent ol li { display: block }
.MainContent ol li:before { content: counters(item, ".") " "; counter-increment: item } */

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

.MainContent a, .page-content a, .course-detail .panel-body a, .course-detail .ass-logo-grid a {
    color: #1a67b4;
}
.blue {
    background-color: #233289;
}
.red {
	background-color: #d81e05;
}
.orange {
	background-color: #f58426;
}
.green {
	background-color: #7eb442;
}
.magenta {
	background-color: #d83d96;
}
.cyan {
	background-color: #009edb;
}
.grey {
	background-color: #68645f;
}
.warm-grey {
    background-color: #aea79f;
}
.btn {
    font-size: 12px;
	text-transform: uppercase;
	/*border-radius: 0;*/
	border: none;
	padding: 13px 20px 10px;
}
.btn-default {
	background-color: #efedec;
}

a.btn-default {
	color: #232120;
}
.btn-default:hover {
	opacity: 0.7;
	transition: all 0.4s ease 0s;
  	color: #232120;
    background-color: #efedec;
}
.bg-info .btn-default {
    background-color: #fff;
}

.bg-info .btn-default:hover {
    background-color: #fff;
}
.btn-primary {
	background-color: #1a67b4;
}
a.btn-primary {
	color: #ffffff;
}
.btn-primary:hover {
	opacity: 0.7;
	transition: all 0.4s ease 0s;
}
.btn-primary a {
    color: #ffffff;
}

.btn-icon {
    padding: 12px 48px 10px 20px;
    position: relative;
}
.btn-last {
    margin-left: 10px;
}

.MainContent .btn img, .FeedbackRequest .btn img {
    position: absolute;
    right: 6px;
    top: 0;
}

blockquote {
    border-left: 5px solid #Efedec;
}

blockquote p, .quoteboxMain p, .quoteboxRight p{
  	font-family: 'Georgia',Serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.6em;
  	margin-bottom: 20px;
}
blockquote ul, .quoteboxMain ul, .quoteboxRight ul{
  	font-family: 'Georgia',Serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.3em;
}
footer {
	color: #68645f;
}
footer img{
	margin-right: 10px;
}
cite {
	font-weight: bold;
}
.table-responsive {
    border: 1px solid #dfdcd9;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}
.table thead > tr > th {
    border-bottom-color: #efedec;
	border-bottom-width: 5px;
}
.table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	border-top: none;
    border-bottom: 1px solid #dfdcd9;	
}
.table-bordered {
    border-color: #dfdcd9;  
}
.valignmid td {
  	vertical-align: middle !important;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f7f6f5;
}

table caption {
    display: none;
}
.p5 tbody > tr > td p {
    margin-bottom: 10px;
    }
.p5 tbody > tr > td p:last-child {
    margin-bottom: 20px;
    }
address {
    margin-bottom: 10px;   
}

.lead .popover {
    font-size: 14px;
    line-height: 1.42857em;
}
.lead {
    font-size: 20px;
    line-height: 1.42857em;
}

.bg-asterisk {
  	border-top: 1px dashed #DFDCD9;
    color: #68645F;
    margin-top: 30px;
    padding-top: 10px;  
 }
.bg-info {
    padding: 15px;
    background-color: #D9EDF7;
    margin-bottom: 20px;
}
.bg-primary {
    padding: 15px;
    background-color: #428BCA;
    color: #FFFFFF;
}
.bg-success {
    padding: 15px;
    background-color: #DFF0D8;
}
.bg-warning {
    padding: 30px;
    background-color: #FCF8E3;
  	margin-bottom: 30px;
}
.bg-danger {
    padding: 15px;
    background-color: #F2DEDE;
}
.bg-options {
    padding: 40px 20px;
	overflow: auto;
	background: #f7f6f5;
}
.bg-red-tint {
	background-color: rgba(216, 30, 5, .15);
}
.bg-orange-tint {
	background-color: rgba(245, 132, 38, .15);
}
.bg-green-tint {
	background-color: rgba(126, 180, 66, .15);
}
.bg-blue-tint {
    background-color: rgba(35, 50, 137, .15);
}
.bg-cyan-tint {
    background-color: rgba(0, 158, 219, .15);
}
.bg-magenta-tint {
    background-color: rgba(216, 61, 150, .15);
}
.bg-grey-tint {
    background-color: rgba(174, 167, 159, .15);
}
.exclamation-warning {
  	background-image: url(/SiteElements/images/icons/icon-info-bg-warning.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
    padding-left: 38px;
}
.exclamation-weather {
  	background-image: url(/SiteElements/images/icons/icon-info-bg-thunder.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
    padding-left: 38px;
}
.exclamation-traffic {
  	background-image: url(/SiteElements/images/icons/icon-info-bg-warning2.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
    padding-left: 38px;
}
.exclamation-warning h5, .exclamation-weather h5, .exclamation-traffic h5 {
  margin-top: 1px;
  text-transform: uppercase;
}

/****************************************
Humnst font definition
****************************************/
@font-face {
    font-family: 'humnst777_lt';
    src: url('/SiteElements/fonts/hum777l-webfont.eot');
    src: url('/SiteElements/fonts/hum777l-webfont.eot?#iefix') format('embedded-opentype'),
         url('/SiteElements/fonts/hum777l-webfont.woff') format('woff'),
         url('/SiteElements/fonts/hum777l-webfont.ttf') format('truetype'),
         url('/SiteElements/fonts/hum777l-webfont.svg#humnst777_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}


#needhelp{
  margin-bottom: 40px;
}
#needhelp h2{
  margin-top: 0px;
}

/****************************************
viewport fix
****************************************/
/*@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
*/


/****************************************
Glyphicons definition
****************************************/

.glyphicon-info-sign {
  	font-size: 14px;
    color: #009edb;
    cursor: pointer;
 }


/****************************************
1. Header styles - including all nav, search and mega menu styles
****************************************/

#cookie-bar {
    background: #68645f;
    color: #ffffff;
    padding: 10px 0;
}
#cookie-bar .container {
    padding: 0;
}
#cookie-bar .col-xs-10 {
    text-align: center;
}
#cookie-bar .col-xs-1 {
    text-align: right;
}
#cookie-bar p {
    margin: 0;
    padding: 10px 0;
}
#cookie-bar a {
    color: #ffffff;
}
#cookie-bar .cb-enable {
    text-decoration: none;
}
#cookie-bar .cb-policy {
    text-decoration: underline;
}
#cookie-bar .cb-policy:hover {
    text-decoration: none;
}
/* top nav starts here*/

.top-nav{
    background: #F4F3F2;
}
.top-nav ul{
    float:right;
    margin-bottom: 8px;
    margin-top: 8px;
    display: flex;
}
.top-nav li{
    list-style: none;
    padding-left: 43px;
    display: flex;
}
.top-nav li a {
    list-style-type: none;
font-family: Humnst777 BT;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
color: #304FFE;
}
ul.tn-dropdown{
  display: block;
    margin-left: 0;
    padding-left: 0;
    padding-top: 15px;  
}


/* top nav ends here*/

.navbar-default {
    background-color: #fff;
}
header {
	margin-bottom: 0 !important;
}
header .container {
	padding-right: 0;
}
.navbar {
	border: none;
	border-radius: 0;
}
nav.collapse {
	padding: 0;
}
/*.navbar > .container {
	background-color: #d81e05;
}*/
.navbar-brand {
	padding: 0;
}
.navbar-nav {
	margin-left: 13px;
}
.navbar-nav > li > a {
	color: #0A1E59 !important;
    font-size: 13px;
    padding: 54px 10px 16px;
    text-transform: uppercase;
}
/* .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #ad1804;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #ad1804;
} */

#searchBlock > a {
	padding-right: 0;
}
#searchBlock > a .glyphicon-search {
	color: #ffffff;
	font-size: 17px;
	margin-top: -6px;
	vertical-align: middle;
/*	float: right;*/
}

/* Yamm mega menu plugin - these styles override those found in the Yamm stylesheet */
/*ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    background-color: #ad1804;
}*/
.dropdown.yamm-fullwidth .dropdown-menu {
	border: 0;
	box-shadow: none;
	background-color: #ad1804;
	border-radius: 0;
	padding: 0;
  	height: 460px;
}
.yamm .yamm-content {
	padding: 0;
}
.yamm-content .container {
    padding: 0;
	margin: 0;
}

.yamm-content .row {
	margin: 0;
} 

.yamm-content .row .line {
  	border-left: 1px solid #d81e05;
}
.yamm-content li.second-column {
    padding-top: 44px;
}
.yamm-content li.second-column-bus {
    padding-top: 34px;
}
.yamm-content .mega-list {
	padding: 40px 0;
	list-style: none;
	margin: 0;
  	height: 460px;
}
.yamm-content .mega-list li {
	margin-bottom: 10px;
}
.yamm-content .mega-list a {
	color: #ffffff;
}
.navbar-default .navbar-nav .yamm-content .mega-list a:hover {
	background-color: transparent;
}
.yamm-content .mega-list li span {
	font-size: 24px;
    font-weight: bold;
}
.yamm-content .mega-list li h4 {
    font-weight: bold;
    margin-top: 40px;
}
.yamm-content .extra-list {
	background: #821203;
    height: 460px;
  	position: relative;
}
.yamm-content .info-gfx-text {
	color: #ffffff;
    text-transform: uppercase;
	margin: 84px 0 15px 0;
    line-height: 1em;
}
.yamm-content .info-gfx {
	margin-top: 84px;
}
.yamm-content .info-gfx-text-small {
    color: #ffffff;
    font-size: 12px;
}
.yamm-content .logo-st-par, .yamm-content .logo-the {
    position: absolute;
    bottom: 20px;
    right: 30px
}


/****************************************
2. Footer - includes the Connect with us bar
****************************************/

/* Feedback request bar (when present) */
.FeedbackRequest {
    background-color: #464340;
    color: #ffffff
}
.FeedbackRequest .container {
    padding: 0;
}
.FeedbackRequest .row {
    padding: 16px 0 28px 0;
}
.FeedbackRequest .feedback-message {
/*    padding-left: 0;*/
    font-weight: bold
}
.FeedbackRequest .feedback-message h2 {
    font-size: 24px;
  	font-weight: bold;
}
.FeedbackRequest .feedback-message p {
    font-size: 16px;
}
.FeedbackRequest .feedback-button {
    text-align: right;
    padding-top: 29px;
}
.FeedbackRequest .feedback-button button {
    font-size: 14px;
    line-height: 20px;
    padding: 0 8px 0 20px;
}

/* Share this page */
.ShareThisPage .container {
	padding: 0;
}
.ShareThisPage .row {
	padding: 0 0 32px;
}
.ShareThisPage h2 {
	border-bottom: 5px solid #efedec;
    color: #232120;
    font-size: 18px;
    margin: 0 0 15px 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}
      

/* Connect with us bar */
.ConnectUs {
	background-color: #cecac5;
}
.ConnectUs .container {
	padding: 0;
}
.ConnectUs .row {
	padding: 32px 0;
}
.ConnectUs h2 {
	margin: 0;
	text-transform: uppercase;
	color: #232120;
    font-family: "humnst777_lt";
    font-size: 36px;
    padding-left: 15px;
}

.ConnectUs .social-tweet {
/*	padding-left: 0;*/
}
.ConnectUs .social-tweet ul {
	padding: 0;
	margin: 25px 0 0 0;
	list-style: none;
}
.ConnectUs .social-tweet ul li {
	font-size: 18px;
	font-style: italic;
	background-image: url(/SiteElements/newICO/icon-twitter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 45px;
	color: #232120;
    font-family: Georgia;
    min-height: 36px;
}
.ConnectUs .social-tweet ul li a {
	color: #1a67b4;
}
.ConnectUs .social-icons a {
    
}
.ConnectUs .social-icons img:hover {
	opacity: 0.7;
	transition: all 0.4s ease 0s;
}
.ConnectUs .social-icons img {
	margin: 0 0 16px 10px;
}
.ConnectUs .social-icons p {
    text-align: right;
}
.ConnectUs .social-icons p img {
	margin: 0;
}
.ConnectUs .social-icons p a {
	color: #232120;
}

/* Primary footer styles */
.footWrap iframe {
	display: none;
}
.MainFooter {
	background-color: #233289;
}
.MainFooter .container {
	padding: 0;
}
.MainFooter .row {
	padding: 30px 0;
}

.MainFooter .footer-links {
	color: rgba(255,255,255,0.4);
/*	padding-left: 0;*/
}
.MainFooter .footer-links ul {
	list-style: none;
	padding: 0;
	overflow: auto;
}
.MainFooter .footer-links ul li {
	float: left;
	padding: 0;
}
.MainFooter .footer-links ul li a, .MainFooter .footer-contacts a {
	color: #ffffff;
}

.MainFooter .footer-contacts {
	color: #ffffff;
  	text-align: right;
}




/****************************************
3. Side menu styles, common to all pages with a LHS menu and part of the main page content
****************************************/

/* these initial styles set up the main content div */
.MainContent {
	background-color: #ffffff;
}
.MainContent .container {
	padding: 0;
}
.MainContent .main-row {
	padding: 50px 0 0 0;
}
	
/* the following are all styles related to display on the menu */
.MainContent .side-menu nav.navbar-collapse {
    max-height: inherit;
}
.MainContent .side-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.MainContent .side-menu li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #dfdcd9;
    background-color: #ffffff;
}
.MainContent .side-menu a {
	color: #232120;
	display: block;
	padding: 9px 20px 9px 20px;
}
.MainContent .side-menu li li {
	background-color: #efedec;
	border-top: 1px solid #ffffff;
}
.MainContent .side-menu ul ul a {
	padding-left: 30px;
    padding-right: 30px;
}
.MainContent .side-menu li li li {
	background-color: #dfdcd9;
	border-top: 1px solid #ffffff;
}
.MainContent .side-menu ul ul ul a {
	padding-left: 40px;
    padding-right: 40px;
}
.MainContent .side-menu .item-selected, div.sys_selected a {
	/*background-color: #efedec;*/
}
.MainContent .side-menu .item-selected, div.sys_selected a {
	color: #233289;
}
.MainContent .side-menu li.item-has-children, div.sys_selected.sys_currentitem a {
	background-color: #304FFF;
    color: #ffffff;
}
.MainContent .side-menu li.item-has-children-selected, div.sys_selected a {
	/*background-image: url(/SiteElements/newICO/icon-menu-down.png);
	background-position: top right;
	background-repeat: no-repeat;*/
}
.MainContent .side-menu li.item-last {
	border-bottom: 1px solid #cecac5;
}

/* cccu control style */
.MainContent .side-menu .sys_hasChildren {
    background-image: url(/SiteElements/newICO/icon-menu-down.png);
    background-position: top right;
    background-repeat: no-repeat;
}
/*.MainContent .side-menu .sys_selected {
    background-color: #d81e04;
}
.MainContent .side-menu .sys_selected > a {
    color: #ffffff;
}*/
.MainContent .side-menu .sys_selected > .sys_hasChildren {
    background-image: url(/SiteElements/newICO/icon-menu-down.png);
}
.MainContent .side-menu .sys_simpleListMenu > .sys_last {
    border-bottom: 1px solid #dfdcd9;
}



/****************************************
4.1. Corporate home page - carousel
****************************************/
.SlideAndSearch {
	background-color: #cecac5;
}
.carousel-holder {
	padding: 0;
}

.carousel-holder + br {
	display: none;
}
.carousel-holder + br + h1 img {
	display: block;
}
.carousel {
	margin: 0;
}

.carousel .num {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #ffffff;
	background-color: rgba(0,0,0,0.8);
	padding: 3px 0;
	font-size: 24px;
	width: 90px;
	text-align: center;
}

.carousel-indicators {
	display: none;
}
.carousel-caption-orange {
	position: absolute;
	right: 0;
	bottom: 25%;
	z-index: 10;
	background-color: #f58426;
	padding: 15px 20px 5px 20px;
  	width: 32%
}
.carousel-caption-red {
	position: absolute;
	right: 0;
	bottom: 25%;
	z-index: 10;
	background-color: #d81e05;
	padding: 15px 20px 5px 20px;
 	width: 32%
}
.carousel-caption-orange p {
	margin-bottom: 10px;
    color: #232120;
}
/*.carousel-caption-orange p a {
    color: #ffffff;
}*/
.carousel-caption-red p, .carousel-caption-blue p, .MainContent .carousel-caption-red p, .MainContent .carousel-caption-blue p {
	margin-bottom: 10px;
    color: #ffffff;
}

.carousel-caption-red p a, .carousel-caption-blue p a, .carousel-caption-orange p a {
    color: #ffffff;
}
.carousel-caption-blue {
	position: absolute;
	left: 0;
	bottom: 25%;
	z-index: 10;
	background-color: #233289;
    padding: 15px 20px 5px 20px;
  	width: 32%
}

@media (min-width: 768px) {
	.carousel-control {
		width: 40px;
		height: 40px;
		background-image: none;
		background-color: rgba(0,0,0,0.8);
		top: auto;
		bottom: 0;
		text-shadow: none;
		opacity: 1;
  	}

	.carousel-control:hover, .carousel-control:focus {
		opacity: 1;
	}
	.carousel .right {
		background-image: none;
		right: 90px;
	}
	.carousel .left {
		background-image: none;
		left: auto;
		right: 130px;
	}
}


/****************************************
4.2. Corporate home page - course search
****************************************/
.SlideAndSearch .course-search-form {
	padding-top: 30px;
	padding-bottom: 15px;
}
.SlideAndSearch .course-search-form .form-group {
	padding-left: 0;
	padding-right: 0;
    height: 40px;
}
.SlideAndSearch .course-search-form #CourseSearch, .course-search-form input#CourseSearch_SearchTextBox, .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox, input.ui-autocomplete-input {
	height: 40px;
	width: 91%;
	border-color: #fff;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
    padding: 6px 20px;
    font-size: 20px;
    line-height: 1.428571429;
    color: #232120;
    vertical-align: middle;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float:left;
}
.SlideAndSearch .course-search-form .search-button {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 22px;
	padding: 4px 7px 2px 9px;
	background-color: #ffffff;
	border-color: #ffffff;
}
.SlideAndSearch .course-search-form .search-button span {
	color: #aea79f;
}
.SlideAndSearch .course-search-form .a-z-button {
	border-radius: 0;
	background-color: #1a67b4;
	border-color: #1a67b4;
	padding: 9px 24px;
}
.SlideAndSearch .course-search-form .courses-link {
    padding-right: 0;
    text-align: right;
}
.SlideAndSearch .course-search-form .courses-link .grey-divide {
    padding: 0 15px;
    color: #aea79f;
}
.SlideAndSearch .course-search-form .courses-link p {
    font-size: 20px;
    margin-top: 6px;
}
.SlideAndSearch .course-search-form .courses-link a {
    color: #232120;
}
.SlideAndSearch .course-search-form .courses-link img {
    margin-left: 6px;
}
.search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    /*font-size: 14px;*/
    width: 92%;
    margin: 0;
    border-left: 1px solid #aea79f;
    border-top: 1px solid #aea79f;
    border-bottom: 1px solid #aea79f;
    }
.search-box870 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
   width: 95%;
}

.search-box570 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 92%;
  	border: 0;
    }
.search-box570-border .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 92%;
    }
.error-page .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 92%;
}
.search-box-mobile {
    margin-bottom: 30px;
    overflow: auto;
}

/*******************
Predictive search
********************/


input.ui-autocomplete-input {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #cecac5;
    font-size: 14px;
    font-weight: normal;
    color: #68645F;
}
.search-box-outline {
    margin-bottom: 30px;
    overflow: auto;
}
.search-box-outline input.ui-autocomplete-input {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #464340;
    font-size: 16px;
    font-weight: normal;
    color: #464340;
}
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front{z-index:100;}
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;}
.ui-menu{list-style:none;padding:0;margin:5px 0 0;display:block;outline:0;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.ui-menu .ui-menu-item{margin:0 0 10px;cursor:pointer;list-style:none;}
.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 20px;display:block;}
.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em;}
.ui-widget.ui-widget-content{border:1px solid #dfdcd9;padding:5px 0;margin:2px 0 0; border-radius: 4px;}
.ui-widget-content{background:#ffffff;}
.ui-widget-content a{color:#464340;padding-left:20px;}
.ui-widget-content a:hover{color:#464340;background:#efedec;text-decoration:none;}


.rollover:hover {
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}
.clearing-places-sticker {
    position: absolute;
    top: 10px;
    right: 25px;
    background: linear-gradient(to right, #d81e05, #233289);
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
}
/****************************************
4.3. Corporate home page - keylinks
****************************************/
.HomeKeyLinks {
    background-color: #dfdcd9;
}
.HomeKeyLinks .container {
    padding: 0;
}
.HomeKeyLinks .row {
	padding: 30px 0;
}
.HomeKeyLinks .row > div a img {
  	backface-visibility: hidden;
}
.HomeKeyLinks .row > div a img:hover {
  	backface-visibility: hidden;
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}
.HomeKeyLinks .row > div h2 {
	color: #ffffff; 
	font-size: 18px; 
	line-height: 21px;  
	margin: 0;
	text-transform: uppercase;
    position: absolute;
    bottom: 15px;
    width: 90%;
}
.HomeKeyLinks .row > div h2 > span {
	padding: 0 4px 0 20px;
}
.HomeKeyLinks .row > div h2 span span {
    position: relative;
    left: -8px;
}
.HomeKeyLinks .row > div h2 span span img {
    display: none;
}
.HomeKeyLinks .row > div h2 a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}
.HomeKeyLinks .row > div.keylink-blue h2 {
    border-left: 28px solid #233289;
}
.HomeKeyLinks .row > div.keylink-orange h2 {
	border-left: 28px solid #f58426;
}
.HomeKeyLinks .row > div.keylink-green h2 {
	border-left: 28px solid #7eb442;
}
.HomeKeyLinks .row > div.keylink-red h2  {
	border-left: 28px solid #d81e05;
}
.HomeKeyLinks .row > div.keylink-magenta h2  {
    border-left: 28px solid #d83d96;
}
.HomeKeyLinks .row > div.keylink-blue h2 a > span {
	background-color: #233289;
}
.HomeKeyLinks .row > div.keylink-orange h2 a > span {
	background-color: #f58426;
}
.HomeKeyLinks .row > div.keylink-green h2 a > span {
	background-color: #7eb442;
}
.HomeKeyLinks .row > div.keylink-red h2 a > span {
	background-color: #d81e05;
}
.HomeKeyLinks .row > div.keylink-magenta h2 a > span {
    background-color: #d83d96;
}


/****************************************
4.3. Corporate home page - news and events layouts
****************************************/
.NewsArea h2 {
	margin: 45px 36px 38px -15px;
	text-transform: uppercase;
	color: #232120;
    font-size: 36px;
    font-family: "humnst777_lt";
    float: left;
}
.NewsArea p.news-links {
	margin: 60px 0 0 0;
	padding: 0;
    float: left;
}
.NewsArea p.news-links a {
	color: #232120;
}
.NewsArea span.grey-divide {
	color: #aea79f;
}

.NewsArea h3 {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 8px; 
}
.NewsArea p.title, .NewsArea p.title a {
	font-size: 16px;
	color: #232120;
	line-height: 20px;
	margin-bottom: 5px;
    font-weight: bold;
}
.NewsArea p.title a:hover, .NewsArea p.title a:focus {
    text-decoration:underline;
}
.NewsArea p.date {
	font-size: 14px;
	color: #464340;
}
.NewsArea p.detail {
	font-size: 14px;
	color: #68645f;
	margin-bottom: 5px;
  	padding-right: 36px;
}

.news-item-top {
	height: 190px;
	padding-left: 10px;
	border-left: 5px solid #efedec;
	padding-right: 10px;
	border-right: 5px solid #efedec;
	border-bottom: 10px solid #efedec;
}
.news-item-top-left {
	padding: 0 10px 0 0;
	border-left: 0;
}
.news-item-top-right {
	padding-left: 10px;
	border-right: 0;
}
.news-item-top:last-of-type {
    border-right:0;
}
.news-item-top-image {
	border-bottom: 0;
}

.news-item-bottom {
	height: 180px;
	padding-left: 10px; 
	border-left: 5px solid #efedec; 
	padding-right: 10px; 
	border-right: 5px solid #efedec;
}
.news-item-bottom-left {
	padding: 0 10px 0 0;
	border-left: 0;
}
.news-item-bottom-right {
	padding: 0 0 0 10px;
	border-right: 0;
}
.news-item-bottom:last-of-type {
    border-right:0;   
}
.news-item-left {
	padding: 0 10px 0 0;
	border-right: 5px solid #efedec;
	height: 370px;
}

.news-item-top h3 {
	margin-top: 0;
}
.news-item-top .news-img {
	margin-right: 15px;
	margin-bottom: 10px;
}
.news-item-bottom h3 {
	margin-top: 10px;
}
.news-item-bottom .news-img {
	margin-right: 15px;
	margin-top: 10px;
}

.news-lecture {
	background: url(/SiteElements/newICO/icon-lecture.png) no-repeat right 10px bottom 10px;
}
.news-lecture h3 {
	color: #d81e05;
}
.news-item-bottom .news-lecture {
	background-position: bottom 0;
}
.news-press {
	background: url(/SiteElements/newICO/icon-press.png) no-repeat right 10px bottom 10px;
}
.news-press h3 {
	color: #233289;
}
.news-event {
	background: url(/SiteElements/newICO/icon-event.png) no-repeat right 10px bottom 10px;
}
.news-event h3 {
	color: #68645f;
}
.news-latest {
	background: url(/SiteElements/newICO/icon-latest.png) no-repeat right 10px bottom 10px;
}
.news-latest h3 {
	color: #233289;
}
.news-music {
	background: url(/SiteElements/newICO/icon-music.png) no-repeat right 10px bottom 10px;
}
.news-music h3 {
	color: #d83d96;
}
.news-arts {
	background: url(/SiteElements/newICO/icon-arts.png) no-repeat right 10px bottom 10px;
}
.news-arts h3 {
	color: #009edb;
}
.news-comment {
    background: url(/SiteElements/newICO/icon-comment.png) no-repeat right 10px bottom 10px;
}
.news-comment h3 {
    color: #7eb442;
}
.news-course {
    background: url(/SiteElements/newICO/icon-arts-courses.png) no-repeat right 10px bottom 10px;
}
.news-course h3 {
    color: #f58426;
}
.news-video {
    background: url(/SiteElements/newICO/icon-video.png) no-repeat right 10px bottom 10px;
}
.news-video h3 {
    color: #009edb;
}
.news-item-top-right {
	background-position: right 0 bottom 10px;
}
.news-item-bottom {
	background-position: right 10px bottom 0;
}
.news-item-bottom-right {
	background-position: right 0 bottom 0;
}
.news-item-left {
	background-position: right 10px bottom 0;
}



/****************************************
4.3. Corporate home page - tabbed/non-tabbed linked containers
****************************************/
.LinksArea .link-lists-left {
    padding-left: 0;
}
.LinksArea .link-lists-right {
    padding-right: 0;
}

.LinksArea h2 {
	margin: 82px 0 0 0;
	text-transform: uppercase;
	color: #232120; 
    border-bottom: 5px solid #efedec; 
    font-size: 18px; 
    padding-bottom: 10px; 
}

.LinksArea .nav-tabs {
	border: 0;
	background-color: #efedec;
}
.LinksArea .nav-tabs .link1 {
	background-image: url(/SiteElements/newICO/icon-list.png);	
}
.LinksArea .nav-tabs .link2 {
	background-image: url(/SiteElements/newICO/icon-phone-off.png);	
}
.LinksArea .nav-tabs .link3 {
	background-image: url(/SiteElements/newICO/icon-bubble-off.png);	
}
.LinksArea .nav-tabs > li > a, .LinksArea .nav-tabs > li > a:hover, .LinksArea .nav-tabs > li > a:focus {
	padding: 10px 20px 10px 47px;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #68645f;
}
.LinksArea .nav-tabs > li.active > a {
	color: #232120;
}

.LinksArea .link-list, .LinksArea .link-map, .LinksArea .link-text {
    padding: 5px 0 30px 0; 
}
.LinksArea .link-list-first {
	padding-left: 0;
}
.LinksArea .link-list ul {
	padding: 0;
	margin: 0 0 45px 0;
	list-style: none;
}
.LinksArea .link-list li {
	
}
.LinksArea .link-list a {
	display: inline-block;
	padding: 3px 20px 3px 0;
	color: #1a67b4;
}

.LinksArea .link-text h3 {
	margin-top: 0px;
	font-size: 18px;
	color: #232120;
}
.LinksArea .link-text p {
	color: #464340;
}



/****************************************
5.1. Department home page - main image container, including title and breadcrumb
****************************************/
.MainImage {
	background-color: #cecac5;
}
.MainImageClear {
    background-color: #ffffff;    
}
.MainImage .image-title-container {
	padding: 0;
    position: relative;
}
.MainImage .image-title-container > img {
    width: 100%;
    height: auto;
}
.MainImage .image-title-container .MainTitle img {
    width: auto;
}
.caption-orange-white {
	position: absolute;
	right: 0;
	bottom: 30%;
	z-index: 10;	
	width: 370px;
}
.caption-orange-white h2 {
	font-family: "humnst777_lt";
	text-transform: uppercase;
	font-size: 36px;
	line-height: 1em;
	text-align: right;
	border-right: 20px solid #f58426;
	margin: 0;
	/*width: 370px;*/
	float: right;
	clear: both;
  	overflow: hidden;
}
.caption-orange-white h2 span {
	color: #ffffff;
	background-color: #f58426;
	padding-left: 5px;
}
.caption-orange-white p {
	background-color: #ffffff;
	color: #232120;
	padding: 10px 20px 10px 15px;
	margin: 0;
	float: right;
}

.MainImage .MainTitle {
	font-family: "humnst777_lt";
	text-transform: uppercase;
	font-size: 42px;
	line-height: 42px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 450px;
	margin: 0;
}
.MainImage .MainTitle span {
	color: #232120;
	background-color: #cecac5;
	padding: 0;
   /* outline: 3px solid #cecac5;*/
}
.MainImageClear .MainTitle span {
   background-color: #ffffff; 
}
.MainImage .col-xs-12.breadcrumb-container {
	padding: 0;
  	color: #8b867f;
}
.MainImage .col-xs-12.breadcrumb-container p {
	padding: 24px 0;
	font-size: 12px;
	margin: 0;
}
.MainImage .col-xs-12.breadcrumb-container p a {
	color: #464340;
}



/****************************************
5.2. Department home page - key links container
****************************************/
.KeyLinks {
	background-color: #dfdcd9;
}
.KeyLinks .container {
	padding: 0;
}
.KeyLinks .row {
	padding: 30px 0;
}
.KeyLinks .row > div p {
	color: #ffffff; 
	font-size: 18px; 
	line-height: 19px; 
	padding: 11px 0 10px 20px; 
	margin: 0;
	text-transform: uppercase;
}
.KeyLinks .row > div p a {
	color: #ffffff;
}

.KeyLinks .row > div p.blue {
	background-color: #233289;
}
.KeyLinks .row > div p.orange {
	background-color: #f58426;
}
.KeyLinks .row > div p.green {
	background-color: #7eb442;
}
.KeyLinks .row > div p.red {
	background-color: #d81e05;
}

.icon-trans-bag {
	background-image: url(/SiteElements/newICO/icon-trans-bag.png);
	background-position: right;
	background-repeat: no-repeat; 
}
.icon-trans-book {
	background-image: url(/SiteElements/newICO/icon-trans-book.png);
	background-position: right;
	background-repeat: no-repeat; 
}
.icon-trans-bulb {
	background-image: url(/SiteElements/newICO/icon-trans-bulb.png);
	background-position: right;
	background-repeat: no-repeat; 
}
.icon-trans-star {
	background-image: url(/SiteElements/newICO/icon-trans-star.png);
	background-position: right;
	background-repeat: no-repeat; 
}

/****************************************
5.3. Department home page - image with caption
****************************************/

.leading-article img {
  	max-width: 100%;
    height: auto;
}
.leading-article .img-caption {
  	left: 15px;
}
.img-caption p a {
  	color: #ffffff;
}

/****************************************
6.1. Generic page - breadcrumb
****************************************/
.BreadCrumb {
	background-color: #efedec;
    margin: 0;
    padding: 0;
}
.BreadCrumb .col-xs-12 {
	padding: 0;
}
.BreadCrumb .col-xs-12 div {
	padding: 13px 0;
	font-size: 12px;
  	color: #d81e05;
}
.breadcrumb-container div {
    padding: 13px 0;
    font-size: 12px;
}
.breadcrumb-container div span {
    font-weight: bold;
}
.breadcrumb-container div a, .breadcrumb-container div span {
    color: #464340;
    padding:0 5px;    
}
.breadcrumb-container div a:first-child {
    padding-left: 0;
}
.BreadCrumb .col-xs-12 div a, .BreadCrumb .col-xs-12 div span {
	color: #68645f;
    padding:0 5px;
}
.BreadCrumb .col-xs-12 div span {
	font-weight: bold;
}
.BreadCrumb .col-xs-12 div a:first-child {
    padding-left: 0;   
}


/****************************************
6.2. Generic page - title/image container
****************************************/
.MainContent .page-content .image-title-container, .MainContent .centre-column .image-title-container {
	position: relative;
	margin-bottom: 15px;
}
.MainContent .page-content .image-title-container img, .MainContent .centre-column .image-title-container img, .MainContent .course-detail .image-title-container img, .MainImage img {
    width: 100%;
    height: auto;
}
.MainContent .page-content .image-title-container h1, .MainContent .centre-column .image-title-container h2 {
/*	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;*/
	margin: 30px 0 10px;
    color: #0A1E59;
    background-color: inherit;
/*	padding: 9px 10px 5px 0;*/
    padding: 0;
    /*width: 70%;*/
}
.MainContent .page-content .image-title-container h1:first-child, .MainContent .centre-column .image-title-container h2:first-child {
    position: relative;
	padding: 0;
	width: 100%;
}
.MainContent .page-content .image-title-container span {
    outline: 3px solid #ffffff;    
	background-color: #ffffff;
}
.img-caption {
	position: absolute;
	bottom: 25%;
	z-index: 10;
	background-color: #233289;
    padding: 15px 20px 5px 20px;
    width: 32%
}
.left {
	left: 0;
}
.right {
	right: 0;
}
/*.MainContent .centre-column .img-caption p, .MainContent .image-title-container*/.MainContent .img-caption p, .MainImage .img-caption p  {
    color: #ffffff;
    margin-bottom: 10px;
}
.MainImage {
    position: relative;
}
.MainImage .image-title-container + br, .MainImage .image-title-container .img-caption + br {
    display: none;
}


/****************************************
6.3. Generic page - redefined basic element styles (h3, P, etc)
****************************************/
.MainContent .page-content h2, .MainContent .centre-column h3, .MainContent .page-content h3, .MainContent .course-detail h3 {
	margin-bottom: 20px;
    margin-top: 0;
    font-weight: bold;
    font-family: Arial,sans-serif;
}
.MainContent .centre-column h5, .MainContent .course-detail h5, .MainContent h5 {
    font-weight: bold;
    font-family: Arial,sans-serif;
}
.MainContent .centre-column h4, .MainContent .page-content h4, .MainContent .course-detail h4 {
	margin-bottom: 10px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height:  1.42857em;
    margin-top: 25px;
}
.MainContent .page-content h2 {
    font-size: 24px;
    line-height: 1.2em;
    margin-top: 40px;
}
.MainContent .centre-column h3, .MainContent .page-content h3, .MainContent .course-detail h3 {
    font-size: 16px;
    line-height: 1.42857em;
    margin-top: 30px;
}
.MainContent .centre-column h5, .MainContent .page-content h5, .MainContent .course-detail h5 {
    font-size: 12px;
    line-height:  1.42857em;
}
.MainContent .centre-column h6, .MainContent .page-content h6, .MainContent .course-detail h6 {
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 20px;
}
.MainContent ol.alpha-list {
	list-style-type: lower-alpha;
}

.MainContent /*.centre-column*/ p, .MainContent /*.centre-column*/ ul, .MainContent /*.centre-column*/ ol {
	margin-bottom: 20px;
}
.MainContent /*.centre-column*/ ul ul, .MainContent /*.centre-column*/ ol ol, .MainContent /*.centre-column*/ ol ul {
	margin-bottom: 0;
  	margin-top: 10px;
}
.MainContent /*.centre-column*/ li {
    margin-bottom: 10px;  
}
/*.MainContent .centre-column a {
	color: #1A67B4;
}
.MainContent .centre-column a:hover, .MainContent .centre-column a:focus {
	color: #1A67B4;
}*/

.quoteboxMain {
  	margin: 0px 0px 20px 20px;	
  	background-color: #efedec;
	float: right;
	width: 40%;
}
.quoteboxMain, .quoteboxRight {
	padding: 20px 20px 15px 20px;
}
.quoteboxRight {
  	margin: 0px 0px 40px 0;
    background-color: #009EDB;
    color: #FFFFFF;
}
.quoteboxRight footer {
    color: #FFFFFF;
}

.quoteboxRight footer a {
    color: #FFFFFF;
}

/****************************************
6.4. Generic page - G unit elements
****************************************/

/* Global styles for modules on rhc and main content */
.MainContent .right-column h3, .MainContent .right-column h2, .MainContent .mini-staff-list-wrapper h2, .MainContent .connect-wrapper h2, .MainContent .blog-wrapper h2, .MainContent .downloads-wrapper h2, .MainContent .news-wrapper h2, .MainContent .events-wrapper h2, .MainContent .find-out-wrapper h2, .MainContent .useful-wrapper h2 {
	font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
	margin: 0 0 7px 0;
	padding: 10px 0 10px 0;
    border-bottom: 5px #efedec solid;
}
.MainContent .right-column .story-wrapper h2 {
  	border-bottom: none;
      padding: 0;
}
.MainContent .find-out-wrapper ul, .MainContent .connect-wrapper ul, .MainContent .module-wrapper ul, .MainContent .downloads-wrapper ul, ul.file-type {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}
.MainContent .find-out-wrapper li, .MainContent .connect-wrapper li, .MainContent .module-wrapper li, .MainContent .downloads-wrapper li {
	margin: 0;
	padding: 0;
}
.MainContent .right-column li a, .MainContent .connect-wrapper li a, .MainContent .module-wrapper li a, .MainContent .downloads-wrapper li a {
	color: #1a67b4; 
}

.MainContent .module-wrapper ul + p {
    margin-top: 10px;
}

/* Things to do now */
.MainContent .right-column .things-do-now-wrapper {
	margin-bottom: 40px;
}
.MainContent .right-column .things-do-now-wrapper h3 {
	color: #ffffff;
	background-color: #233289;
	background-image: url(/SiteElements/newICO/icon-trans-warning.png);
	background-position: right;
	background-repeat: no-repeat; 
}
.MainContent .right-column .things-do-now-wrapper ul {
	border-bottom: 19px solid #233289;
}
.MainContent .right-column .things-do-now-wrapper li a {
	border-bottom: 1px solid #233289;
	background-color: #1c286e;
	color: #ffffff;
}
/* Connect with us */

.MainContent .connect-wrapper h2 {
    border-bottom: 5px solid #009edb;
}

/* Download */

.MainContent .downloads-wrapper h2 {
    border-bottom: 5px solid #d81e05;
}

/* Useful links */

.MainContent .useful-wrapper h2 {
    border-bottom: 5px solid #d83d96;
}

/* News list */

.MainContent .news-wrapper h2 {
    border-bottom: 5px solid #233289;
    margin: 0;
}

.MainContent .news-wrapper li {
    border-bottom: 1px solid #DFDCD9;
    line-height: 1.42857em;
    padding: 10px 0 !important;
}
.MainContent .news-wrapper li .date, .table-staff-list .date, .blog-wrapper .date {
    color: #68645F;
  	/*font-size: 0.9em;*/
}

/* Events list */

.MainContent .events-wrapper h2 {
    border-bottom: 5px solid #7eb442;
    margin: 0;
}
.MainContent .events-wrapper h2.January, .MainContent .events-wrapper h2.May, .MainContent .events-wrapper h2.September {
    border-color: #009edb;        
}
.MainContent .events-wrapper h2.February, .MainContent .events-wrapper h2.June, .date70x70.October {
	border-color: #d83d96;		
}
.MainContent .events-wrapper h2.March, .MainContent .events-wrapper h2.July, .MainContent .events-wrapper h2.November {
	border-color: #f58426;		
}
.MainContent .events-wrapper h2.April, .MainContent .events-wrapper h2.August, .MainContent .events-wrapper h2.December {
	border-color: #7eb442;		
}
.MainContent .events-wrapper h2.blue-underline {
	border-color: #233289;		
}

/*.MainContent .events-wrapper li {
    border-bottom: 1px solid #DFDCD9;
    line-height: 1.42857em;
    padding: 10px 0 !important;
  	overflow: auto;
}
.MainContent .events-wrapper li a {
    margin: 0 0 0 90px;
    display: block;
}*/
.MainContent .events-wrapper .table-events-list {
	margin-bottom: 10px;      
}
.MainContent .events-wrapper .table-events-list h3 {
    font-size: 16px;
    line-height: 1.42857em;
    margin: 0;
}
.MainContent .events-wrapper .table-events-list p {
    margin: 10px 0;
}
.MainContent .events-wrapper .table-events-list tbody > tr > td {
	padding: 10px 0;
}
.MainContent .events-wrapper .table-events-list tbody > tr > td:last-child {
    vertical-align: middle;
}
.MainContent .events-wrapper .table-events-list tbody > tr > td:first-child {
	width: 80px;
}
.MainContent .events-wrapper .cyan {
    background-color: #009edb;
}
.MainContent .events-wrapper .magenta {
    background-color: #d83d96;
}          
.MainContent .events-wrapper .orange {
    background-color: #f58426;
}
.MainContent .events-wrapper .green {
    background-color: #7eb442;
} 
.MainContent .events-wrapper .red {
    background-color: #d81e05;
}                  
.MainContent .events-wrapper .blue {
    background-color: #233289;
}
.MainContent .events-wrapper .grey {
    background-color: #68645f;
}                              
                  
/* blog listing element */

.MainContent .page-content .blog-wrapper h2 {
  	border-bottom: 5px solid #f58426;
	margin-bottom: 0px;
}
.blog-item li {
    border-bottom: 1px solid #dfdcd9;
  	padding: 10px 0 !important;
  	line-height: 1.42857em;
}

.MainContent .page-content .blog-wrapper, .MainContent .page-content .news-wrapper, .MainContent .page-content .downloads-wrapper, .mini-staff-list-wrapper, .module-wrapper {
	margin-bottom: 40px;
}

.MainContent .downloads-wrapper li a {
  	display: block;
    padding: 4px 0 4px 30px;
}
.MainContent .downloads-wrapper li a.no-download {
    padding-left: 0px;
}
.MainContent .panel-body .downloads-wrapper {
	margin-bottom: 40px;
}
.MainContent .panel-body .downloads-wrapper:last-child, .MainContent .module-wrapper .downloads-wrapper {
	margin-bottom: 0px;
}
.MainContent .downloads-wrapper li a.webpage {
	padding-left: 0;
}
.MainContent .downloads-wrapper li a.download-pdf, .sys_relateditemslisting-control li.sys_21 a {
	background-image: url(/SiteElements/images/icons/icon-pdf.png);
	background-position: left 9px ;
	background-repeat: no-repeat;
}
.MainContent .downloads-wrapper li a.download-doc, .sys_relateditemslisting-control li.sys_17 a  {
	background-image: url(/SiteElements/images/icons/icon-doc.png);
	background-position: left 9px;
	background-repeat: no-repeat;
}
.MainContent .downloads-wrapper li a.download-xls, .sys_relateditemslisting-control li.sys_18 a  {
	background-image: url(/SiteElements/images/icons/icon-xls.png);
	background-position: left 9px;
	background-repeat: no-repeat;
}
.MainContent .downloads-wrapper li a.download-ppt , .sys_relateditemslisting-control li.sys_19 a {
	background-image: url(/SiteElements/images/icons/icon-ppt.png);
	background-position: left 9px;
	background-repeat: no-repeat;
}
.MainContent .downloads-wrapper li a span.file-size {
	color: #68645f;
	font-size: 12px;
    white-space: nowrap;
}

/* Related links */
.MainContent .right-column .related-wrapper {
	margin-bottom: 40px;
}
.MainContent .right-column .related-wrapper h3 {
	background-color: #efedec;
	background-image: url(/SiteElements/newICO/icon-trans-arrow.png);
	background-position: right;
	background-repeat: no-repeat; 
}
.MainContent .right-column .related-wrapper ul {
	border-bottom: 19px solid #efedec;
}
.MainContent .right-column .related-wrapper li a {
	border-bottom: 1px solid #efedec;
	background-color: #dfdcd9;
}

/* Find out more */
.MainContent .find-out-wrapper, .MainContent .find-out-wrapper {
    margin-bottom: 40px;
}

.MainContent .find-out-wrapper li, .MainContent .useful-wrapper li {
    margin: 10px 0;
}

/* Order prospectus */
.MainContent .right-column .order-prospectus-wrapper {
	position: relative;
	margin-bottom: 40px;
}
.MainContent .right-column .order-prospectus-wrapper p {
	bottom: 10%;
    padding: 1px 0 2px;
    position: absolute;
    text-transform: uppercase;
    line-height: 21px;
    border-left: 20px solid #7eb442;
    font-size: 18px;
    padding: 0;
    margin: 0;
}
.MainContent .right-column .order-prospectus-wrapper span {
	background-color: #7eb442;
	padding-right: 5px;
}
.MainContent .right-column .order-prospectus-wrapper a {
	color: #ffffff;
}

/* Mini Staff lists */
.mini-staff-list-wrapper h2 {
    margin-bottom: 0 !important;
}

.table.mini-staff-list td:first-child {
    padding-left: 0;
}
.table.mini-staff-list td:last-child {
    padding-right: 0;
}
.table.mini-staff-list .msl-icon {
    width: 30px;
}

.table.mini-staff-list td {
	padding: 4px 5px;
    vertical-align: middle;
    height: 38px;
}
.table.mini-staff-list td img:hover {
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}
/* Basic list with icons */
.MainContent .file-type a {
    padding: 4px 0 4px 30px;
    display: block;
    background-position: left 2px;
    background-repeat: no-repeat;
}
.MainContent .file-type .list-icon-audio {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-audio-20x20.png);
}
.MainContent .file-type .logo-apple {
    background-image: url(/SiteElements/images/icons/logo-apple20x20.png);
}
.MainContent .file-type .logo-android {
    background-image: url(/SiteElements/images/icons/logo-android20x20.png);
}

/* Connect with us */
.MainContent .page-content .connect-wrapper {
	margin-bottom: 40px;
}
.MainContent .page-content .connect-wrapper .date{
    color:#68645F;
    padding: 0 0 0 30px;
}
.MainContent .page-content .connect-wrapper li, .MainContent .course-extra .connect-wrapper li {
    margin: 10px 0;
}
.MainContent .page-content .connect-wrapper a, .MainContent .course-extra .connect-wrapper a {
    padding: 2px 0 2px 30px;
    display: block;
    background-position: left 2px;
    background-repeat: no-repeat;
}
.MainContent .page-content .connect-wrapper .connect-blog, .MainContent .course-extra .connect-wrapper .connect-blog {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-blogs-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-facebook, .MainContent .course-extra .connect-wrapper .connect-facebook {
	background-image: url(/SiteElements/images/icons/social-media/icon-sm-facebook-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-flickr, .MainContent .course-extra .connect-wrapper .connect-flickr {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-flickr-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-googleplus, .MainContent .course-extra .connect-wrapper .connect-googleplus {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-googleplus-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-instagram, .MainContent .course-extra .connect-wrapper .connect-instagram {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-instagram-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-linkedin, .MainContent .course-extra .connect-wrapper .connect-linkedin {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-linkedin-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-pinterest, .MainContent .course-extra .connect-wrapper .connect-pinterest {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-pinterest-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-studentroom, .MainContent .course-extra .connect-wrapper .connect-studentroom {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-the-student-room-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-twitter, .MainContent .course-extra .connect-wrapper .connect-twitter {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-twitter-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-vine, .MainContent .course-extra .connect-wrapper .connect-vine {
    background-image: url(/SiteElements/images/icons/social-media/icon-sm-vine-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-youtube, .MainContent .course-extra .connect-wrapper .connect-youtube {
	background-image: url(/SiteElements/images/icons/social-media/icon-sm-youtube-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-graduway, .MainContent .course-extra .connect-wrapper .connect-graduway {
	background-image: url(/SiteElements/images/icons/social-media/icon-sm-graduway-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-email, .MainContent .course-extra .connect-wrapper .connect-email {
	background-image: url(/SiteElements/images/icons/social-media/icon-sm-email-20x20.png);
}
.MainContent .page-content .connect-wrapper .connect-web, .MainContent .course-extra .connect-wrapper .connect-web {
	background-image: url(/SiteElements/images/icons/social-media/icon-sm-web-20x20.png);
}
/* Coloured key links */

.key-links-wrapper {
    margin-bottom: 40px;
}
.key-links-wrapper p {
	margin-bottom: 10px;
}
.key-links-wrapper a, .KeyLinks a {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 18px;
    line-height: 21px;
}
.key-links-wrapper a .keylink-primary, .KeyLinks a .keylink-primary {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 14px;
    line-height: 1.4258;
}
.key-links-wrapper a .keylink-default {
	text-transform: uppercase;
	color: #232120;
	font-size: 14px;
    line-height: 1.4258;
}
.MainContent .keylink-grey {
    text-transform: uppercase;
    color: #232120;   
    line-height: 1.42857em;
}
.key-links-wrapper a:hover, .KeyLinks a:hover, a.keylink-grey:hover, .keylink-blue:hover, .keylink-magenta:hover, .keylink-cyan:hover, .keylink-green:hover, .keylink-orange:hover, .keylink-red:hover, .keylink-grey:hover, .keylink-purple:hover, .keylink-i-zone:hover, .keylink-primary:hover, .keylink-default:hover {
  	backface-visibility: hidden;
    opacity: 0.7;
    transition: all 0.4s ease 0s;
    text-decoration: none;
}
.key-links-wrapper a:visited {
  	color: #ffffff;
}
.key-links-wrapper img, .KeyLinks img {
    position: absolute;
    top: 0;
    right: 8px;
}
.MainContent .keylink-blue, .KeyLinks .keylink-blue {
    display: block;
    padding: 10px 48px 9px 20px;
	background-color: #233289;
    position: relative;
}
.MainContent .keylink-magenta, .KeyLinks .keylink-magenta {
    display: block;
    padding: 10px 48px 9px 20px;
	background-color: #D83D96;
    position: relative;
}
.MainContent .keylink-cyan, .KeyLinks .keylink-cyan {
    display: block;
    padding: 10px 48px 9px 20px;
	background-color: #009EDB;
    position: relative;
}
.MainContent .keylink-green, .KeyLinks .keylink-green {
	display: block;
    padding: 10px 48px 9px 20px;
    background-color: #7EB442;
    position: relative;
}
.MainContent .keylink-orange, .KeyLinks .keylink-orange {
    display: block;
    padding: 10px 48px 9px 20px;
    background-color: #F58426;
    position: relative;
}
.MainContent .keylink-red, .KeyLinks .keylink-red {
    display: block;
    padding: 10px 48px 9px 20px;
	background-color: #D81E05;
    position: relative;
}
.MainContent .keylink-grey, .KeyLinks .keylink-grey {
    display: block;
    padding: 11px 48px 11px 20px;
    background-color: #efedec;
    position: relative;
}
.MainContent .keylink-purple, .KeyLinks .keylink-purple {
    background-color: #715299;
    display: block;
    padding: 10px 48px 9px 20px;
    position: relative;
}
.MainContent .keylink-i-zone, .KeyLinks .keylink-i-zone {
    background-color: #8c0053;
    display: block;
    padding: 10px 48px 9px 20px;
    position: relative;
}
.MainContent .keylink-primary, .KeyLinks .keylink-primary {
    background-color: #1a67b4;
    display: block;
    padding: 13px 48px 10px 20px;
    position: relative;
    border-radius: 4px;
}
.MainContent .keylink-default, .KeyLinks .keylink-default {
    background-color: #efedec;
    display: block;
    padding: 13px 48px 10px 20px;
    position: relative;
    border-radius: 4px;
}
.MainContent .keylink-blue img, .MainContent .keylink-magenta img, .MainContent .keylink-cyan img, .MainContent .keylink-green img, .MainContent .keylink-orange img, .MainContent .keylink-red img, .MainContent .keylink-grey img, .MainContent .keylink-purple img, .MainContent .keylink-i-zone img, .MainContent .keylink-primary img, .MainContent .keylink-default img {
    position: absolute;
    top: 0;
    right: 8px;
}




/****************************************
6.5. Generic page - non-standard elements
****************************************/
.your-country {
    overflow: auto;
	padding: 0;
}
.your-country li {
	float: left;
	border-bottom: 1px solid #dfdcd9;
    list-style: none;
    padding: 15px 0 15px 50px;
    width: 47.5%;
}
.your-country li:nth-child(1), .your-country li:nth-child(2) {
    border-top: 1px solid #dfdcd9;
}
.your-country li:nth-child(odd) {
    margin-right: 2.5%;
}
.your-country li:nth-child(even) {
   margin-left: 2.5%;
}

.your-country .argentina {
	background: url(/study-here/images/flags/ar.gif) no-repeat 0 10px;
}
.your-country .bahrain {
	background: url(/study-here/images/flags/bh.gif) no-repeat 0 10px;
}
.your-country .bangladesh {
	background: url(/study-here/images/flags/bd.gif) no-repeat 0 10px;
}
.your-country .belgium {
    background: url(/study-here/images/flags/be.gif) no-repeat 0 10px;
}
.your-country .bulgaria {
	background: url(/study-here/images/flags/bg.gif) no-repeat 0 10px;
}
.your-country .brazil {
	background: url(/study-here/images/flags/br.gif) no-repeat 0 10px;
}
.your-country .china {
    background: url(/study-here/images/flags/cn.gif) no-repeat 0 10px;
}
.your-country .columbia {
	background: url(/study-here/images/flags/co.gif) no-repeat 0 10px;
}
.your-country .croatia {
    background: url(/study-here/images/flags/hr.gif) no-repeat 0 10px;
}
.your-country .cyprus {
    background: url(/study-here/images/flags/cy.gif) no-repeat 0 10px;
}
.your-country .estonia {
    background: url(/study-here/images/flags/ee.gif) no-repeat 0 10px;
}
.your-country .egypt {
    background: url(/study-here/images/flags/eg.gif) no-repeat 0 10px;
}
.your-country .france {
    background: url(/study-here/images/flags/fr.gif) no-repeat 0 10px;
}
.your-country .georgia {
	background: url(/study-here/images/flags/ge.gif) no-repeat 0 10px;
}
.your-country .germany {
    background: url(/study-here/images/flags/de.gif) no-repeat 0 10px;
}
.your-country .ghana {
    background: url(/study-here/images/flags/gh.gif) no-repeat 0 10px;
}
.your-country .india {
    background: url(/study-here/images/flags/in.gif) no-repeat 0 10px;
}
.your-country .italy {
    background: url(/study-here/images/flags/it.gif) no-repeat 0 10px;
}
.your-country .ivory-coast {
    background: url(/study-here/images/flags/ci.png) no-repeat 0 10px;
}
.your-country .hong-kong {
    background: url(/study-here/images/flags/hk.gif) no-repeat 0 10px;
}
.your-country .japan {
    background: url(/study-here/images/flags/jp.gif) no-repeat 0 10px;
}
.your-country .jordan {
    background: url(/study-here/images/flags/jo.gif) no-repeat 0 10px;
}
.your-country .kenya {
    background: url(/study-here/images/flags/ke.gif) no-repeat 0 10px;
}
.your-country .kuwait {
    background: url(/study-here/images/flags/kw.gif) no-repeat 0 10px;
}
.your-country .lithuania {
    background: url(/study-here/images/flags/lt.gif) no-repeat 0 10px;
}
.your-country .malaysia {
    background: url(/study-here/images/flags/my.gif) no-repeat 0 10px;
}
.your-country .netherlands {
	background: url(/study-here/images/flags/nl.gif) no-repeat 0 10px;
}
.your-country .nigeria {
    background: url(/study-here/images/flags/ng.gif) no-repeat 0 10px;
}
.your-country .oman {
    background: url(/study-here/images/flags/om.gif) no-repeat 0 10px;
}
.your-country .pakistan {
    background: url(/study-here/images/flags/pk.gif) no-repeat 0 10px;
}
.your-country .paraguay {
	background: url(/study-here/images/flags/py.gif) no-repeat 0 10px;
}
.your-country .portugal {
    background: url(/study-here/images/flags/pt.gif) no-repeat 0 10px;
}
.your-country .qatar {
	background: url(/study-here/images/flags/qa.gif) no-repeat 0 10px;
}
.your-country .romania {
    background: url(/study-here/images/flags/ro.gif) no-repeat 0 10px;
}
.your-country .russia {
	background: url(/study-here/images/flags/ru.gif) no-repeat 0 10px;
}
.your-country .saudi {
    background: url(/study-here/images/flags/sa.gif) no-repeat 0 10px;
}
.your-country .slovakia {
    background: url(/study-here/images/flags/sk.gif) no-repeat 0 10px;
}
.your-country .skorea {
    background: url(/study-here/images/flags/kr.gif) no-repeat 0 10px;
}
.your-country .spain {
    background: url(/study-here/images/flags/es.gif) no-repeat 0 10px;
}
.your-country .sweden {
    background: url(/study-here/images/flags/se.gif) no-repeat 0 10px;
}
.your-country .taiwan {
    background: url(/study-here/images/flags/tw.gif) no-repeat 0 10px;
}
.your-country .thailand {
    background: url(/study-here/images/flags/th.gif) no-repeat 0 10px;
}
.your-country .turkey {
    background: url(/study-here/images/flags/tr.gif) no-repeat 0 10px;
}
.your-country .ukraine {
    background: url(/study-here/images/flags/ua.gif) no-repeat 0 10px;
}
.your-country .uae {
	background: url(/study-here/images/flags/ae.gif) no-repeat 0 10px;
}
.your-country .uk {
    background: url(/study-here/images/flags/gb.gif) no-repeat 0 10px;
}
.your-country .venezuela {
	background: url(/study-here/images/flags/ve.gif) no-repeat 0 10px;
}
.your-country .vietnam {
	background: url(/study-here/images/flags/vn.gif) no-repeat 0 10px;
}

/* Open days tables */
table.open-days {
	margin-bottom: 60px;
}
table.open-days tbody > tr > td {
	padding: 20px 8px;
}
.no-border-row {
	border-bottom: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.yes-border-row {
	border-bottom: 1px solid #DDDDDD !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.od-details {
    margin-right: 10px;
}
.od-event-col {
    width: 32%;
}
.od-location-col {
    width: 15%;
}
.od-date-col{
    width: 20%;
}
.od-button-col {
    width: 33%;
    text-align: right;
    padding: 10px 0 !important;
}
.accordion-icon {
	float: right;
	height: 14px;
	width: 12px;
	margin-left: 8px;
}
.accordion-icon-open {
	background: url(/SiteElements/newICO/icon-blue-plus.png) no-repeat bottom;
}
.accordion-icon-closed {
	background: url(/SiteElements/newICO/icon-blue-minus.png) no-repeat bottom;
}
.od-accordion-wrapper {
	padding: 20px 0;
}
.od-accordion-wrapper p, .od-accordion-wrapper ul {
	color: #68645f;
	/*width: 60%;*/
}
/* Public lecture tables */
.pl-button-col {
    width: 15%;
    text-align: right;
    padding: 10px 0 !important;
}

/* generic table column width styles */
.column-width-10 {
    width: 10%;
}
.column-width-20 {
    width: 20%;
}
.column-width-15 {
    width: 15%;
}
.column-width-25 {
    width: 25%;
}
.column-width-30 {
    width: 30%;
}
.column-width-33 {
    width: 33%;
}
.column-width-40 {
    width: 40%;
}
.column-width-50 {
    width: 50%;
}
.column-width-66 {
    width: 66%;
}
.column-width-75 {
    width: 75%;
}

/* social media directory styles */

.social-media-main-list {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto;
	padding-top: 10px;
}
.social-media-main-list li {
	float: left;
	width: 33%;
	margin-bottom: 20px;
}
.social-media-main-list a {
	display: block;
	height: 70px;
}
.social-media-main-list a img {
	float: left;
	margin-right: 10px;
}
.social-media-main-list a span {
	display: block;
	padding-right: 30px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.table.social-media-table .sm-icon {
	width: 40px;
}
.table.social-media-table {
	margin-bottom: 13px;
}
.table.social-media-table td {
	padding: 4px 5px;
	vertical-align: middle;
}
.table.social-media-table td:first-child {
	padding-left: 0;
}
.table.social-media-table td:last-child {
	padding-right: 0;
}
		
.back-to-top-link {
    padding: 13px 0 0 0;
	text-align: right;
}
.back-to-top-link img {
	margin-top: -4px;
	margin-left: 3px;
}

/* Drop down boxes (as with course page) */

.MainContent /*.centre-column*/ .panel-group {
	margin-bottom: 15px;
}
.MainContent /*.centre-column*/ .panel-group .panel + .panel {
    margin-top: 10px;
}
.MainContent /*.centre-column*/ .panel {
	border-radius: 0;
	box-shadow: none;
}
.MainContent /*.centre-column*/ .panel .panel-body {
	padding: 15px 20px;
}
.MainContent /*.centre-column*/ .panel-default {
	border: 0;
}
.MainContent .panel-default > .panel-heading {
	background-color: #efedec;
	border-radius: 0;
  	padding: 0;
    position: relative;
    min-height: 40px;
}
.MainContent /*.centre-column*/ .panel-group .panel-heading + .panel-collapse .panel-body {
	border: 0;
}
.MainContent /*.centre-column*/ .panel-group .panel-heading + .panel-collapse .panel-body > h3:first-child {
	margin-top: 10px;
}
.MainContent .panel-group .panel-heading + .panel-collapse .panel-body > h4:first-child {
    margin-top: 10px;
}
.MainContent /*.centre-column*/ h2.panel-title {
	color: #232120;
	font-size: 14px;
  	line-height: 1.42857em;
    text-transform: uppercase;
    margin: 0;
    font-weight: normal;
  	clear: none;
}
.MainContent /*.centre-column*/ .panel-title a {
    color: #232120;
    display: block;
    padding: 10px 48px 10px 20px;
}

.MainContent /*.centre-column*/ .icon {
    /*float: right;*/
    height: 40px;
    width: 40px;
    /*margin-right: 10px;
    margin-top: -10px;*/
  	position: absolute;
  	right: 8px;
  	top: 0;
}
.MainContent /*.centre-column*/ .icon-plus-hypertext-blue {
	background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) no-repeat -520px -200px;
}
.MainContent /*.centre-column*/ .icon-minus-hypertext-blue {
    background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) no-repeat -480px -200px;
}
.MainContent /*.centre-column*/ .accordion-toggle:hover {
	text-decoration: none;
}

.bg-accordion {
	padding: 20px;
	background: #efedec;
  	border-top: 1px solid #fff;
}

.MainContent .panel-group .panel-collapse .panel-body h3 {
    font-size: 24px
}
.MainContent .panel-group .panel-collapse .panel-body h4 {
    font-size: 16px
}
.MainContent .panel-group .panel-collapse .panel-body h5 {
    font-size: 14px
}


/* list of links */
.MainContent /*.centre-column*/ ul.link-list, ul.link-list li ul {
    list-style: none;
    padding: 0;
	margin: 0;
}
.MainContent /*.centre-column*/ .link-list li {
    margin-bottom: 10px;
}

.MainContent /*.centre-column*/ .link-list li:first-child {
    margin-top: 10px;
}

.MainContent /*.centre-column*/ .link-list li:last-child {
    margin-bottom: 15px;
}

.accordion-body ul.link-list {
    padding: 0 20px;
}

/* big characters */

.MainContent .big-chars {
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
}
ul.room-size {
  	margin-top: 10px;
    display: block;
    /*font-size: 12px;*/
    color: #68645f;
  	font-weight: normal;
}
.room-size {
  	margin-top: 5px;
    display: block;
    /*font-size: 12px;*/
    color: #d81e05;
  	font-weight:bold;
}
.tablesorter.table thead > tr > th {
      border-bottom-width: 2px;
}

.tablesorter .link-list li:first-child {

      margin-top: 0;
}




/****************************************
6.6. Aligned images, images with captions
****************************************/

.img-right {
	float: right;
	width: 270px;
	margin: 0 0 0 20px;
}
.img-left {
	float: left;
	width: 270px;
	margin: 0 20px 0 0;
}
/*.img-right h5, .img-left h5,*/ .img-right p, .img-left p {
	padding-top: 5px;
    margin-bottom: 10px;
	color: #68645f;
}
.thumbnail-right {
    float: right;
	margin: 0 0 20px 20px;
}
.thumbnail-left {
    float: left;
	margin: 0 20px 20px 0;
}



/****************************************
7.1. Course page - Key facts column
****************************************/
.MainContent .course-facts {
	margin: 50px 0 30px 0;
}
.MainContent .course-facts a, .MainContent .course-facts a:hover {
    color: #1a67b4;  
}
.MainContent .course-facts a.keylink-grey, .MainContent .course-facts  a.keylink-grey:hover {
    color: #232120;
  	font-size: 12px;
}
.MainContent .course-facts a.keylink-grey {
    padding: 12px 48px 10px 20px;
}
.MainContent .course-facts .fact-file, .MainContent .right-column .fact-file {
	margin-bottom: 40px;
  	line-height: 1.42857em;
}
.MainContent .course-facts .fact-file h2, .MainContent .right-column .fact-file h2 {
	text-transform: uppercase;
    font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
    border-bottom: 5px solid #f58426;
}
.MainContent .course-facts .fact-file h3, .MainContent .right-column .fact-file h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
    border-bottom: 1px solid #dfdcd9;
    text-transform: none;
}
.MainContent .course-facts .fact-file ul, .MainContent .right-column .fact-file ul {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
}
.MainContent .course-facts .fact-file ul li, .MainContent .right-column .fact-file ul li {
    /*line-height: 1.42857em;*/
    margin-bottom: 16px;
}
.MainContent .course-facts .fact-file ul li span, .MainContent .right-column .fact-file ul li span {
    font-size: 24px;
  	font-weight: bold;
    /*text-transform: uppercase;
    font-family: "humnst777_lt";*/
}
/*.MainContent .course-facts .fact-file p, .MainContent .right-column .fact-file p {
	padding: 0 24px 22px 24px;
	margin: 0;
}*/
.MainContent /*.course-facts*/ .fact-file ul.course-downloads {
	padding-left: 0;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads a {
	padding-left: 30px;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads li {
	margin-bottom: 10px;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads a.download-doc {
	background-image: url(/SiteElements/images/icons/icon-doc.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads a.download-pdf {
	background-image: url(/SiteElements/images/icons/icon-pdf.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads a.download-xls {
	background-image: url(/SiteElements/images/icons/icon-xls.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads a.download-ppt {
	background-image: url(/SiteElements/images/icons/icon-ppt.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}
.MainContent /*.course-facts*/ .fact-file ul.course-downloads a span.file-size {
    color: #68645f;
    font-size: 12px;
    white-space: nowrap;
}


/*.MainContent .course-facts .fact-file ul.course-location, .MainContent .course-facts .fact-file ul.course-department, .MainContent .right-column .fact-file ul.course-location, .MainContent .right-column .fact-file ul.course-department {
	font-size: 24px;
    line-height: 1.2em;
  	font-weight: bold;
}*/
.MainContent .course-facts .combines-with {
	margin: 0;
}
.MainContent .course-facts .combines-with-footer {
	display: block;
    border-top: 1px solid #dfdcd9;
    padding-top: 10px;
}
.similar-wrapper {
	margin-top: 40px;
}
.MainContent .course-facts .combines-with h2, .similar-wrapper h2 {
	text-transform: uppercase;
    font-size: 18px;
    padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}
.MainContent .course-facts .combines-with h2 {
    border-bottom: 5px solid #d83d96;
}
.similar-wrapper h2 {
    border-bottom: 5px solid #009edb;
}
.MainContent .course-facts .combines-with ul, .similar-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.MainContent .course-facts .combines-with li, .similar-wrapper li {
    margin-bottom: 10px;
}



/****************************************
7.2. Course page - Course detail column
****************************************/
.MainContent .course-detail {
	margin: 50px 0 30px 0;
}
.MainContent .course-detail .image-title-container {
	position: relative;
	/*margin-bottom: 20px;*/
}
.MainContent .course-detail .image-title-container img {
    display: block;
    height: auto;
    max-width: 100%;
}
.MainContent .course-detail .image-title-container h1, .MainContent .course-detail .image-title-container h2 {
	/*position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;*/
	margin: 10px 0 20px;
    width: 100%;
}
.MainContent .course-detail .image-title-container span {
	color: #232120;
	/*background-color: #ffffff;*/
	display: table;
	/*padding-right: 6px;*/
}
.MainContent .course-detail .image-title-container .year-pipe {
	display: inline;
    color: #dfdcd9;
    padding: 0 6px;
}
.MainContent .course-detail .image-title-container .year-selector {
	display: inline-block;
    color: #1a67b4;
  	font-weight: normal;
}
.MainContent .course-detail .image-title-container span.title_medium {
	font-size: 18px;
	line-height: 28px;
}
.MainContent .course-detail .image-title-container span.title_small {
	font-size: 24px;
    font-weight: bold;
	line-height: 24px;
    padding-top: 2px;
  	font-family: Arial,sans-serif;
}
.MainContent .course-detail .image-title-container span.title_large {
	font-family: "humnst777_lt";
    line-height: 40px;
    text-transform: uppercase;
  	/*max-width: 80%;*/
}
.show-hide {
    display: none;
    }

/****************************************
7.21 Course page - special extras
****************************************/

.box-quote, .box-casestudy, .box-award, .box-stats, .box-didyouknow, .box-profile, .box-language, .box-money, .box-work-experience {
    padding: 100px 20px 15px;
    color: #ffffff;
    background-position: right top;
    background-repeat: no-repeat;
    float: right;
    width: 40%;
    margin: 0 0 20px 20px;
}
.box-quote a, .box-casestudy a, .box-award a, .box-stats a, .box-didyouknow a, .box-profile a, .box-money a, .box-work-experience a {
	color: #fff;
  	border-bottom: 1px dashed #fff;
}
.box-quote a:hover, .box-casestudy a:hover, .box-award a:hover, .box-stats a:hover, .box-didyouknow a:hover, .box-profile a:hover, .box-money a:hover, .box-work-experience a:hover {
	color: #fff;
  	text-decoration: none;
  	border-bottom: none;
}

.course-detail .panel-body .box-quote a, .course-detail .panel-body .box-casestudy a, .course-detail .panel-body .box-award a, .course-detail .panel-body .box-stats a, .course-detail .panel-body .box-didyouknow a, .course-detail .panel-body .box-profile a, .course-detail .panel-body .box-language a, .course-detail .panel-body .box-money a, .course-detail .panel-body .box-work-experience a {
    color: #ffffff;
}
.box-language {
    padding: 62px 20px 15px;
    color: #232120;
}
/*.box-quote p, .box-award p, .box-stats p, .box-didyouknow p {
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 20px;
}*/
.box-quote footer, .box-casestudy footer, .box-award footer, .box-stats footer, .box-didyouknow footer, .box-profile footer, .box-money footer, .box-work-experience footer  {
    color: #ffffff;
}
.box-quote {
    background-color: #009edb;
    background-image: url(/SiteElements/images/icons/box-quotemarks.gif);
}
.box-quote p {
    font-family: "Georgia",serif;
    font-style: italic;
  	font-size: 18px;
}
.box-casestudy {
    background-color: #f58426;
    background-image: url(/SiteElements/images/icons/box-case.gif);    
}
.box-award {
    background-color: #d81e05;
    background-image: url(/SiteElements/images/icons/box-awards.gif);
}
.box-stats {
    background-color: #d83d96;
    background-image: url(/SiteElements/images/icons/box-stats.gif);    
}
.box-didyouknow {
    background-color: #7eb442;
    background-image: url(/SiteElements/images/icons/box-questions.gif);    
}
.box-money {
    background-color: #233289;
    background-image: url(/SiteElements/images/icons/box-money.gif);    
}
.box-language {
    background-color: #efedec;
    background-image: url(/SiteElements/images/icons/box-language.gif);    
}
.box-work-experience {
    background-color: #68645f;
    background-image: url(/SiteElements/images/icons/box-work-experience.gif);    
}
.course-detail .panel-body a.btn-primary {
    color: #ffffff;
    }
.box-profile {
    background-color: #009edb;
}
.emily-milne {
    background-image: url(/about-us/images/profile-emily-milne.gif); 
}
.jonathan-barnes {
    background-image: url(/about-us/images/profile-jonathan-barnes.jpg); 
}
.box-fullwidth {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}
.martin-lewis {
    background-image: url(/study-here/images/martin-lewis-profile.jpg);
  	width: 100%;
 	padding-top: 170px;
    background-color: #efedec;
  	color: #232120;
}
.martin-lewis a, .martin-lewis a:hover {
    color: #232120;
}
.martin-lewis a {
    border-bottom: 1px dashed #232120;
}

/* Last edited */
.ShareThisPage .last-edited {
  	margin-bottom: 30px;
    color: #68645f;
    font-size: 0.9em;
    border-top: 1px solid #dfdcd9;
    padding-top: 10px;
    text-align: right;
}
.ShareThisPage .last-edited span {
  	font-weight: bold;
}

/****************************************
7.3. Course page - Extra information column
****************************************/
.MainContent .course-extra {
	margin: 50px 0 30px 0;
}
.MainContent .course-extra .action-buttons {
	margin-bottom: 40px;
}
.MainContent .course-extra .action-buttons p {
	color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 13px 20px 13px 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 14px;
}
.MainContent .course-extra .action-buttons p.button-blue {
	background-color: #009edb;
}
.MainContent .course-extra .action-buttons p.button-green{
	background-color: #7eb442;
}
.MainContent .course-extra .action-buttons p.button-orange {
	background-color: #f58426;
}
.MainContent .course-extra .action-buttons p.button-pink {
	background-color: #d83d96;
}
.MainContent .course-extra .action-buttons a {
	color: #ffffff;
}

.MainContent .course-extra .connect-wrapper {
	margin-bottom: 30px;
}
.MainContent .course-extra .connect-wrapper h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.MainContent .course-extra .statistic-wrapper {
	margin-bottom: 30px;
}
.MainContent .course-extra .statistic-wrapper span.statistic-number, .MainContent .course-extra .statistic-wrapper span.statistic-text {
	display: block;
}
.MainContent .course-extra .statistic-wrapper .statistic-number {
	color: #7eb442;
	background: #dfdcd9 url(/SiteElements/newImages/stat-down-border.png) no-repeat center bottom;
	font-size: 90px;
	text-align: center;
}
.MainContent .course-extra .statistic-wrapper .statistic-percent {
	font-size: 34px;
    margin-left: -25px;
}
.MainContent .course-extra .statistic-wrapper .statistic-text {
	background: #7eb442 url(/SiteElements/newImages/stat-bars-border.png) no-repeat center bottom;
	color: #ffffff;
	padding: 20px 20px 60px 20px;
}

.MainContent .course-extra .case-wrapper h3 {
    font-size: 18px;
    text-transform: uppercase;
}
.MainContent .course-extra .case-wrapper img {
	margin-bottom: 5px;
}
.MainContent .course-extra .case-wrapper p.case-name {
	color: #232120;
	margin-bottom: 0px;
}
.MainContent .course-extra .case-wrapper span.case-course {
	display: block;
	color: #68645f;
	font-size: 12px;
}
.MainContent .course-extra .case-wrapper p.case-quote {
	color: #232120;
	background: #dfdcd9 url(/SiteElements/newImages/quote-arrow-top.png) no-repeat right top;
	padding: 40px 20px 25px 20px;
}



/****************************************
7.4 KIS wigdets and combo styles
****************************************/
.MainContent .course-detail .kis-widget iframe {
	margin-top: 10px;
}
.MainContent .course-detail .kis-combos h5 {
	margin-top: 10px;
	font-size: 18px;
    text-transform: uppercase;
}
.MainContent .course-detail .kis-combos ul {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}
.MainContent .course-detail .kis-combos li {
	border-bottom: 1px solid #CECAC5;
    padding: 4px 0;
}
.MainContent .course-detail .kis-combos a {
	color: #233289;
    text-decoration: none;
}
.MainContent .kis-modal .modal-dialog {
    width: 677px;
}

.MainContent .course-extra #unistats-widget-frame {
    margin-bottom: 35px;
}
.MainContent .kis-modal #unistats-widget-frame {
    margin-bottom: 0;
}



/****************************************
8.1 Styles for page content interchangable elements
****************************************/

/* initial area setup */
.MainContent .page-content {
	color: #232120
}
.MainContent .page-content h1 {
	text-transform: uppercase;
    font-family: "Humnst777_lt";
    line-height: 1em;
    font-size: 36px;
}
.MainContent .page-content .row {
	margin-bottom: 30px;
}
h2.underline-blue {
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    border-bottom: 5px solid #233289;
    padding-bottom: 10px;
}
h2.underline-red {
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    border-bottom: 5px solid #d81e05;
    padding-bottom: 10px;
}
h2.underline-green {
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    border-bottom: 5px solid #7eb442;
    padding-bottom: 10px;
}
h2.underline-cyan {
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    border-bottom: 5px solid #009edb;
    padding-bottom: 10px;
}
h2.underline {
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    border-bottom: 5px solid #efedec;
    padding-bottom: 10px;
}
h2.underline a, h2.underline a:hover {
	text-decoration: none !important;
  	color: #232120 !important;
}

h2.no-margin {
    margin-bottom: 0 !important;
}

/* video wrapper to make embedded youtube videos responsive, overrides fixed dimensions */
.MainContent .page-content .video-wrapper, .MainContent .course-extra .video-wrapper, .video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.MainContent .page-content .video-wrapper iframe, .MainContent .course-extra .video-wrapper iframe, .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border: none;
}
.video-wrapper {
	padding-top: 0;
}

.MainContent .page-content .right-column .video-wrapper, .MainContent .course-extra .video-wrapper {
	margin-bottom: 40px;
}
.MainContent .page-content .video-inline {
  width: 270px;
  height:177px;
}
.MainContent .page-content .video-inline .video-wrapper {
  margin: 0px;
}
/*  iframes in page content */

.MainContent .page-content iframe {
	margin-bottom: 20px;
    border: none;
}

/* introductory text element */
.MainContent .page-content .intro-wrapper h2:first-child, .MainContent .page-content .intro-wrapper h3:first-child {
	margin-top: 0;
}

.MainContent .page-content .intro-wrapper h2:first-child {
	font-family: "Humnst777_lt";
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: normal;
}

/* lead story element */
.MainContent .page-content .story-wrapper h2, .MainContent .page-content .story-wrapper h3 {
	font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 16px 0 11px 0;
}
.MainContent .page-content .title-story h2 {
  	font-size: 24px;
    text-transform: none;
    font-weight: bold;
    margin: 0 0 11px 0;
}
.MainContent .page-content .story-wrapper p {
	margin-bottom: 10px
}
.MainContent .page-content .story-wrapper img {
    height: auto;
    max-width: 100%;
}
.MainContent .page-content .story-wrapper ul {
    padding-left: 0;
  	/*margin-left: 15px;*/
}
.MainContent .page-content .story-wrapper ul.normal-list {
    padding-left: 20px;
    margin-bottom: 10px;
    }
.MainContent .page-content .story-wrapper ul.link-list {
    padding-left: 0;
}
.MainContent .page-content .story-wrapper .downloads-wrapper ul {
    padding-left: 0;
}
.MainContent .page-content .story-wrapper div {
    margin-bottom: 0;
}
.MainContent .page-content .story-wrapper .module-wrapper ul li:first-child {
    border-top: 1px solid #dfdcd9;
}

/* typographical story element */
.MainContent .page-content .typographical-wrapper h2 {
	margin: 0 0 15px 0;
	border-left: 20px solid #232120;
	line-height: 24px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
  	overflow: hidden;
}
.MainContent .page-content .typographical-wrapper h2 span {
	color: #ffffff;
	padding-right: 4px;
	background-color: #232120;
}

.MainContent .page-content .typographical-magenta h2 {
	border-left: 20px solid #d83d96;
}
.MainContent .page-content .typographical-magenta h2 span {
    background-color: #d83d96;
}

.MainContent .page-content .typographical-cyan h2 {
    border-left: 20px solid #009edb;
}
.MainContent .page-content .typographical-cyan h2 span {
    background-color: #009edb;
}

.MainContent .page-content .typographical-green h2 {
    border-left: 20px solid #7eb442;
}
.MainContent .page-content .typographical-green h2 span {
    background-color: #7eb442;
}

.MainContent .page-content .typographical-orange h2 {
    border-left: 20px solid #f58426;
}
.MainContent .page-content .typographical-orange h2 span {
    background-color: #f58426;
}

.MainContent .page-content .typographical-red h2 {
    border-left: 20px solid #d81e05;
}
.MainContent .page-content .typographical-red h2 span {
    background-color: #d81e05;
}

.MainContent .page-content .typographical-blue h2 {
    border-left: 20px solid #233289;
}
.MainContent .page-content .typographical-blue h2 span {
    background-color: #233289;
}


.MainContent .page-content .typographical-wrapper h4 {
    margin-top: 0;
}
.MainContent .page-content .typographical-wrapper .btn {
    margin-top: 10px;
}
.MainContent .page-content .typographical-wrapper p {
	margin-bottom: 10px
}
/* graphical row divider element */
.MainContent .page-content .row-divider {
	background-color: #efedec;
	height: 5px;
}

/* event listing element */
.MainContent .page-content .events-wrapper h3 {
	font-size: 18px;
}
.MainContent .page-content .events-wrapper .event-item {
	overflow: auto;
	border-bottom: 1px solid #cecac5;
	padding: 15px 0;
}
.MainContent .page-content .events-wrapper .event-date {
	float: left;
	height: 60px;
	width: 60px;
	border-radius: 30px;
	color: #d81e05;
	margin: 0 20px 0 0;
	background-color: #EFEDEC;
}
.MainContent .page-content .events-wrapper .event-date p {
	line-height: 12px;
	text-align: center;
	margin: 18px 0 0 0;
}
.MainContent .page-content .events-wrapper .event-date p span.event-day {
	font-size: 22px;
}
.MainContent .page-content .events-wrapper .event-date p span.event-month {
	font-size: 12px;
}
.MainContent .page-content .events-wrapper .event-desc a {
	color: #232120;
}


/*.MainContent .page-content .blog-wrapper h3 {
	font-size: 18px;
}*/
.MainContent .page-content .blog-wrapper .blog-item {
	overflow: auto;
	/*border-bottom: 1px solid #cecac5;*/
	padding: 0;
}
.MainContent .page-content .blog-wrapper .blog-item p {
	margin: 0;
}
/*.MainContent .page-content .blog-wrapper .blog-item a {
	color: #232120;
}*/
.MainContent .page-content .blog-wrapper .blog-item .blog-date {
	color: #68645f;
}
/*.MainContent .page-content .blog-wrapper .blog-item .sys_theme-simple div {
    padding: 10px 0 !important;
}*/
.MainContent .page-content .blog-wrapper ul {
    margin: 0;
    padding: 0;
}
.MainContent .page-content .blog-wrapper ul li{
border-bottom: 1px solid #dfdcd9;
    line-height: 1.42857em;
    padding: 10px 0 !important;
  	list-style:none;
  	margin: 0;
}
/* social media element */
.MainContent .page-content .connect-wrapper h3 {
	font-size: 18px;
}
.MainContent .page-content .connect-wrapper img {
	margin: 15px 5px 7px 0;
}
.MainContent .page-content .connect-wrapper .tweet-tail img {
	margin: 0;
}
#tweetQuote .tweet-item.well ul.sys_twitterList {
    list-style: none;
    margin: 0;
    padding: 0;
    font-style: italic;
}
.MainContent #tweetQuote  .tweet-item.well {
	border: none;
	box-shadow: none;
	border-radius: 0;
	background-color: #dfdcd9;
}
.MainContent .page-content .connect-wrapper #tweetQuote  .tweet-item.well p {
	margin: 0;
}

/* keylinks with images */
.keylinks-image {
    position: relative;
  	margin-bottom: 15px;
}
.keylinks-image a img {
    backface-visibility: hidden;
  	height: auto;
    max-width: 100%;
}
.keylinks-image a img:hover {
    backface-visibility: hidden;
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}

.MainContent .page-content .keylinks-image H2 {
    bottom: 15px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 20.5px;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    /*width: 90%;*/
    font-weight: normal;
}
.MainContent .page-content .keylinks-image h2 a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
.keylinks-image h2 span span {
    left: -8px;
    position: relative;
}
.keylinks-image-red h2 {
	border-left: 28px solid #d81e05;
}
.keylinks-image-red h2 a > span {
	background-color: #d81e05;
}
.keylinks-image-orange h2 {
	border-left: 28px solid #f58426;
}
.keylinks-image-orange h2 a > span {
	background-color: #f58426;
}
.keylinks-image-green h2 {
	border-left: 28px solid #7eb442;
}
.keylinks-image-green h2 a > span {
	background-color: #7eb442;
}
.keylinks-image-cyan h2 {
	border-left: 28px solid #009edb;
}
.keylinks-image-cyan h2 a > span {
	background-color: #009edb;
}
.keylinks-image-magenta h2 {
	border-left: 28px solid #d83d96;
}
.keylinks-image-magenta h2 a > span {
	background-color: #d83d96;
}
.keylinks-image-blue h2 {
	border-left: 28px solid #233289;
}
.keylinks-image-blue h2 a > span {
	background-color: #233289;
}
.keylinks-image-grey h2 {
	border-left: 28px solid #68645f;
}
.keylinks-image-grey h2 a > span {
	background-color: #68645f;
}
.keylinks-image-purple h2 {
	border-left: 28px solid #715299;
}
.keylinks-image-purple h2 a > span {
	background-color: #715299;
}
.keylinks-image-purple-izone h2 {
	border-left: 28px solid #8c0053;
}
.keylinks-image-purple-izone h2 a > span {
	background-color: #8c0053;
}



/* independent font size declarations */

.font-xsmall {
    font-size: 14px;
    line-height: 1.2em;
}
.font-small {
    font-size: 18px;
    line-height: 1em;
    /*text-transform: uppercase;*/
}
.font-medium {
    font-family: "humnst777_lt";
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
}
.font-large {
    font-family: "humnst777_lt";
    font-size: 60px;
    line-height: 1em;
    text-transform: uppercase;
}
.font-xlarge {
    font-family: "humnst777_lt";
    font-size: 120px;
    line-height: 1em;
    text-transform: uppercase;
}
.img-half-col {
	float: right;
    margin: 0 0 20px 20px;
}

/* Image Flickr Gallery */

.gallery {
	overflow: hidden;
  	margin: 10px 0 40px;
}
.flickr-thumbnail {
	width: 70px;
  	height: 70px;
}
.flickr-col {
	float: left;
	padding: 5px;
}

/* Graduation */

.rooms .btn-primary {
	display: block;
    margin-top: 10px;
    width: 116px;
}

.thumb-box {
	width:132px;
    margin:5px;
    float:left;
    overflow:hidden;
    /*text-align: center;*/
}

.MainContent .thumb-box p{   
    margin: 5px 0 0 0;
}

/* Whole Earth thumb-box*/
.tb-132 {
    height: 132px;
}
.tb-200 {
    height: 200px;
}

/* Flow diagrams */
.flow {
    position: relative;
    padding: 10px 20px
}
.bg-box {
	padding: 15px;
	border: 2px solid #dfdcd9;
  	border-radius: 4px;
}
.MainContent .page-content .bg-box h3 {
    margin-top: 10px;
}
p.first-letter::first-letter {
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
}
.bg-box p:last-child {
	margin-bottom: 10px;
}
.flow .line1 {
    font-size:0;
    width:2px;
    height:25px;
    color:#fff;
    background-color:#dfdcd9;
    margin:auto;
}
.down-arrow {
    border-top-color: #dfdcd9;
    border-width: 8px 8px 0;
    bottom: 2px;
    left: 50%;
    margin-left: -8px;
  	border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  	color: #fff;
}
/****************************************
8.2 Icons!
****************************************/
/*------------------line 1------------------*/
.icon-phone {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 0;
    height: 40px;
    width: 40px;
}
.icon-mobile {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px 0;
    height: 40px;
    width: 40px;
}
.icon-mobile-magenta {
    background: url(/SiteElements/images/icons/sprites/icons-magenta.png) -40px 0;
    height: 40px;
    width: 40px;
}
.icon-mouse {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px 0;
    height: 40px;
    width: 40px;
}
.icon-address {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px 0;
    height: 40px;
    width: 40px;
}
.icon-mail {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px 0;
}
.icon-mail-hypertext-blue {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) -160px 0;
}
.icon-email-cyan {
    background: url(/SiteElements/images/icons/sprites/icons-cyan.png) -160px 0;
    height: 40px;
    width: 40px;
}
.icon-paper-plane {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px 0;
}
.icon-pencil {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px 0;
    height: 40px;
    width: 40px;
}
.icon-feather {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px 0;
    height: 40px;
    width: 40px;
}
.icon-attach {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px 0;
    height: 40px;
    width: 40px;
}
.icon-inbox {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px 0;
    height: 40px;
    width: 40px;
}
.icon-reply {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px 0;
    height: 40px;
    width: 40px;
}
.icon-reply-all {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px 0;
    height: 40px;
    width: 40px;
}
.icon-forward {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px 0;
    height: 40px;
    width: 40px;
}
.icon-user {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px 0;
    height: 40px;
    width: 40px;
}
.icon-user-green {
    background: url(/SiteElements/images/icons/sprites/icons-green.png) -520px 0;
    height: 40px;
    width: 40px;
}
.icon-users {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px 0;
    height: 40px;
    width: 40px;
}
.icon-add-user {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px 0;
    height: 40px;
    width: 40px;
}
.icon-vcard {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px 0;
    height: 40px;
    width: 40px;
}
.icon-export {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px 0;
    height: 40px;
    width: 40px;
}
.icon-location {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px 0;
}
.icon-map {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px 0;
    height: 40px;
    width: 40px;
}
.icon-compass {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px 0;
    height: 40px;
    width: 40px;
}
.icon-direction {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px 0;
    height: 40px;
    width: 40px;
}
.icon-hair-cross {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px 0;
    height: 40px;
    width: 40px;
}

/*-----------line 2-------------*/
.icon-share {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -40px;
    height: 40px;
    width: 40px;
}
.icon-shareable {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -40px;
    height: 40px;
    width: 40px;
}
.icon-heart {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -40px;
    height: 40px;
    width: 40px;
}
.icon-heart-empty {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -40px;
    height: 40px;
    width: 40px;
}
.icon-star {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -40px;
    height: 40px;
    width: 40px;
}
.icon-star-empty {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -40px;
    height: 40px;
    width: 40px;
}
.icon-thumbs-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -40px;
    height: 40px;
    width: 40px;
}
.icon-thumbs-up-hypertext-blue {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) -240px -40px;
}
.icon-thumbs-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -40px;
    height: 40px;
    width: 40px;
}
.icon-chat {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -40px;
    height: 40px;
    width: 40px;
}
.icon-chat-hypertext-blue {
    background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) -320px -40px;
    height: 40px;
    width: 40px;
}
.icon-chat-cyan {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-cyan.png) -320px -40px;
}
.icon-comment {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -40px;
    height: 40px;
    width: 40px;
}
.icon-quote {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -40px;
    height: 40px;
    width: 40px;
}
.icon-home {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -40px;
    height: 40px;
    width: 40px;
}
.icon-popup {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -40px;
    height: 40px;
    width: 40px;
}
.icon-search {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -40px;
}
.icon-search-green {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-green.png) -520px -40px;
}
.icon-search-orange {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-orange.png) -520px -40px;
}
.icon-flashlight {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -40px;
    height: 40px;
    width: 40px;
}
.icon-bell {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -40px;
}
.icon-link {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -40px;
    height: 40px;
    width: 40px;
}
.icon-flag {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -40px;
    height: 40px;
    width: 40px;
}
.icon-cog {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -40px;
    height: 40px;
    width: 40px;
}
.icon-tools {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -40px;
    height: 40px;
    width: 40px;
}
.icon-trophy {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -40px;
    height: 40px;
    width: 40px;
}
.icon-tag {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -40px;
    height: 40px;
    width: 40px;
}

/*-----------line 3-------------*/
.icon-camera {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -80px;
    height: 40px;
    width: 40px;
}
.icon-megaphone {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -80px;
    height: 40px;
    width: 40px;
}
.icon-moon {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -80px;
    height: 40px;
    width: 40px;
}
.icon-palette {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -80px;
    height: 40px;
    width: 40px;
}
.icon-leaf {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -80px;
    height: 40px;
    width: 40px;
}
.icon-note {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -80px;
    height: 40px;
    width: 40px;
}
.icon-beamed-note {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -80px;
    height: 40px;
    width: 40px;
}
.icon-new {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -80px;
    height: 40px;
    width: 40px;
}
.icon-graduation-cap {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -80px;
    height: 40px;
    width: 40px;
}
.icon-book {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -80px;
    height: 40px;
    width: 40px;
}
.icon-newspaper {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -80px;
    height: 40px;
    width: 40px;
}
.icon-bag {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -80px;
    height: 40px;
    width: 40px;
}
.icon-airplane {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -80px;
    height: 40px;
    width: 40px;
}
.icon-lifebuoy {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -80px;
    height: 40px;
    width: 40px;
}
.icon-eye {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -80px;
    height: 40px;
    width: 40px;
}
.icon-clock {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -80px;
    height: 40px;
    width: 40px;
}
.icon-mic {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -80px;
    height: 40px;
    width: 40px;
}
.icon-calendar {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -80px;
    height: 40px;
    width: 40px;
}
.icon-calendar-hypertext-blue {
    background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) -680px -80px;
    height: 40px;
    width: 40px;
}
.icon-bolt {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -80px;
    height: 40px;
    width: 40px;
}
.thunder-cloud {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -80px;
    height: 40px;
    width: 40px;
}
.icon-droplet {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -80px;
    height: 40px;
    width: 40px;
}
.icon-cd {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -80px;
    height: 40px;
    width: 40px;
}
.icon-briefcase {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -80px;
    height: 40px;
    width: 40px;
}

/*------------line 4-------------*/
.icon-air {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -120px;
    height: 40px;
    width: 40px;
}
.icon-hourglass {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -120px;
    height: 40px;
    width: 40px;
}
.icon-gauge {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -120px;
    height: 40px;
    width: 40px;
}
.icon-language {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -120px;
    height: 40px;
    width: 40px;
}
.icon-network {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -120px;
    height: 40px;
    width: 40px;
}
.icon-key {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -120px;
    height: 40px;
    width: 40px;
}
.icon-key-hypertext-blue {
    background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) -200px -120px;
    height: 40px;
    width: 40px;
}
.icon-battery {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -120px;
    height: 40px;
    width: 40px;
}
.icon-bucket {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -120px;
    height: 40px;
    width: 40px;
}
.icon-magnet {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -120px;
    height: 40px;
    width: 40px;
}
.icon-drive {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -120px;
    height: 40px;
    width: 40px;
}
.icon-cup {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -120px;
    height: 40px;
    width: 40px;
}
.icon-rocket {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -120px;
    height: 40px;
    width: 40px;
}
.icon-brush {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -120px;
    height: 40px;
    width: 40px;
}
.icon-suitcase {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -120px;
    height: 40px;
    width: 40px;
}
.icon-traffic-cone {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -120px;
    height: 40px;
    width: 40px;
}
.icon-globe {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -120px;
    height: 40px;
    width: 40px;
}
.icon-keyboard {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -120px;
    height: 40px;
    width: 40px;
}
.icon-browser {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -120px;
    height: 40px;
    width: 40px;
}
.icon-publish {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -120px;
    height: 40px;
    width: 40px;
}
.icon-progress-3 {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -120px;
    height: 40px;
    width: 40px;
}
.icon-prgress-2 {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -120px;
    height: 40px;
    width: 40px;
}
.icon-progress-1 {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -120px;
    height: 40px;
    width: 40px;
}
.icon-progress-0 {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -120px;
    height: 40px;
    width: 40px;
}

/*-------------line 5------------*/
.icon-light-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -160px;
    height: 40px;
    width: 40px;
}
.icon-light-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -160px;
    height: 40px;
    width: 40px;
}
.icon-adjust {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -160px;
    height: 40px;
    width: 40px;
}
.icon-code {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -160px;
    height: 40px;
    width: 40px;
}
.icon-monitor {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -160px;
    height: 40px;
    width: 40px;
}
.icon-monitor-magenta {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-magenta.png) -160px -160px;
}
.icon-infinity {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -160px;
    height: 40px;
    width: 40px;
}
.icon-light-bulb {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -160px;
    height: 40px;
    width: 40px;
}
.icon-credit-card {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -160px;
    height: 40px;
    width: 40px;
}
.icon-database {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -160px;
    height: 40px;
    width: 40px;
}
.icon-voicemail {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -160px;
    height: 40px;
    width: 40px;
}
.icon-clipboard {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -160px;
    height: 40px;
    width: 40px;
}
.icon-cart {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -160px;
    height: 40px;
    width: 40px;
}
.icon-cart-green {
    background: url(/SiteElements/images/icons/sprites/icons-green.png) -440px -160px;
    height: 40px;
    width: 40px;
}
.icon-box {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -160px;
    height: 40px;
    width: 40px;
}
.icon-ticket {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -160px;
    height: 40px;
    width: 40px;
}
.icon-rss {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -160px;
    height: 40px;
    width: 40px;
}
.icon-signal {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -160px;
    height: 40px;
    width: 40px;
}
.icon-thermometer {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -160px;
    height: 40px;
    width: 40px;
}
.icon-water {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -160px;
    height: 40px;
    width: 40px;
}
.icon-flag {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -160px;
    height: 40px;
    width: 40px;
}
.icon-line-graph {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -160px;
    height: 40px;
    width: 40px;
}
.icon-pie-chart {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -160px;
    height: 40px;
    width: 40px;
}
.icon-bar-graph {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -160px;
    height: 40px;
    width: 40px;
}
.icon-area-graph {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -160px;
    height: 40px;
    width: 40px;
}

/*----------line 6----------*/
.icon-lock {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -200px;
}
.icon-lock-232120 {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-232120.png) 0 -200px;
}
.icon-lock-open {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -200px;
}
.icon-logout {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -200px;
}
.icon-login {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -200px;
}
.icon-login-hypertext {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-hypertext-blue.png) -120px -200px;
}
.icon-check {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -200px;
}
.icon-check-green {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-green.png) -160px -200px;
}
.icon-cross {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -200px;
}
.icon-cross-red {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-red.png) -200px -200px;
}
.icon-squared-minus {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -200px;
}
.icon-squared-plus {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -200px;
}
.icon-squared-cross {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -200px;
}
.icon-circled-minus {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -200px;
}
.icon-circled-plus {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -200px;
}
.icon-circled-cross {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -200px;
}
.icon-minus {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -200px;
    height: 40px;
    width: 40px;
}
.icon-plus {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -200px;
    height: 40px;
    width: 40px;
}
.icon-erase {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -200px;
    height: 40px;
    width: 40px;
}
.icon-block {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -200px;
    height: 40px;
    width: 40px;
}
.icon-info {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -200px;
    height: 40px;
    width: 40px;
}
.icon-circled-info {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -200px;
    height: 40px;
    width: 40px;
}
.icon-help {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -200px;
    height: 40px;
    width: 40px;
}
.icon-circled-help {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -200px;
    height: 40px;
    width: 40px;
}
.icon-warning {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -200px;
    height: 40px;
    width: 40px;
}
.icon-warning-orange {
    background: url(/SiteElements/images/icons/sprites/icons-orange.png) -800px -200px;
    height: 40px;
    width: 40px;
}
.icon-cycle {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -200px;
    height: 40px;
    width: 40px;
}
.icon-cw {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -200px;
    height: 40px;
    width: 40px;
}

/*------------line 7----------------*/
.icon-ccw {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -240px;
    height: 40px;
    width: 40px;
}
.icon-shuffle {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -240px;
    height: 40px;
    width: 40px;
}
.icon-back {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -240px;
    height: 40px;
    width: 40px;
}
.icon-level-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -240px;
    height: 40px;
    width: 40px;
}
.icon-retweet {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -240px;
    height: 40px;
    width: 40px;
}
.icon-loop {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -240px;
    height: 40px;
    width: 40px;
}
.icon-back-in-time {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -240px;
    height: 40px;
    width: 40px;
}
.icon-level-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -240px;
    height: 40px;
    width: 40px;
}
.icon-switch {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -240px;
    height: 40px;
    width: 40px;
}
.icon-numbered-list {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -240px;
    height: 40px;
    width: 40px;
}
.icon-add-to-list {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -240px;
    height: 40px;
    width: 40px;
}
.icon-layout {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -240px;
    height: 40px;
    width: 40px;
}
.icon-list {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -240px;
    height: 40px;
    width: 40px;
}
.icon-list-magenta {
    background: url(/SiteElements/images/icons/sprites/icons-magenta.png) -480px -240px;
    height: 40px;
    width: 40px;
}
.icon-text-doc {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -240px;
    height: 40px;
    width: 40px;
}
.icon-text-doc-inverted {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -240px;
    height: 40px;
    width: 40px;
}
.icon-doc {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -240px;
    height: 40px;
    width: 40px;
}
.icon-docs {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -240px;
    height: 40px;
    width: 40px;
}
.icon-landscape-doc {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -240px;
    height: 40px;
    width: 40px;
}
.icon-picture {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -240px;
    height: 40px;
    width: 40px;
}
.icon-video {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -240px;
    height: 40px;
    width: 40px;
}
.icon-music {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -240px;
    height: 40px;
    width: 40px;
}
.icon-folder {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -240px;
    height: 40px;
    width: 40px;
}
.icon-archive {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -240px;
    height: 40px;
    width: 40px;
}

/*--------------line 8--------------*/
.icon-trash {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -280px;
    height: 40px;
    width: 40px;
}
.icon-upload {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -280px;
    height: 40px;
    width: 40px;
}
.icon-download {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -280px;
    height: 40px;
    width: 40px;
}
.icon-download-red {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-red.png) -80px -280px;
}
.icon-save {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -280px;
    height: 40px;
    width: 40px;
}
.icon-install {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -280px;
    height: 40px;
    width: 40px;
}
.icon-cloud {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -280px;
    height: 40px;
    width: 40px;
}
.icon-upload-cloud {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -280px;
    height: 40px;
    width: 40px;
}
.icon-bookmark {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -280px;
    height: 40px;
    width: 40px;
}
.icon-bookmarks {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -280px;
    height: 40px;
    width: 40px;
}
.icon-open-book {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -280px;
    height: 40px;
    width: 40px;
}
.icon-play {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -280px;
    height: 40px;
    width: 40px;
}
.icon-pause {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -280px;
    height: 40px;
    width: 40px;
}
.icon-record {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -280px;
    height: 40px;
    width: 40px;
}
.icon-stop {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -280px;
    height: 40px;
    width: 40px;
}
.icon-ff {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -280px;
    height: 40px;
    width: 40px;
}
.icon-fb {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -280px;
    height: 40px;
    width: 40px;
}
.icon-to-start {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -280px;
    height: 40px;
    width: 40px;
}
.icon-to-end {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -280px;
    height: 40px;
    width: 40px;
}
.icon-resize-full {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -280px;
    height: 40px;
    width: 40px;
}
.icon-resize-small {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -280px;
    height: 40px;
    width: 40px;
}
.icon-volume {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -280px;
    height: 40px;
    width: 40px;
}
.icon-sound {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -280px;
    height: 40px;
    width: 40px;
}
.icon-mute {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -280px;
    height: 40px;
    width: 40px;
}

/*--------line 9--------*/
.icon-flow-cascade {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -320px;
    height: 40px;
    width: 40px;
}
.icon-flow-branch {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -320px;
    height: 40px;
    width: 40px;
}
.icon-flow-tree {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -320px;
    height: 40px;
    width: 40px;
}
.icon-flow-line {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -320px;
    height: 40px;
    width: 40px;
}
.icon-flow-parallel {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -320px;
    height: 40px;
    width: 40px;
}
.icon-left-bold {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -320px;
    height: 40px;
    width: 40px;
}
.icon-down-bold {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -320px;
    height: 40px;
    width: 40px;
}
.icon-up-bold {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -320px;
    height: 40px;
    width: 40px;
}
.icon-right-bold {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -320px;
    height: 40px;
    width: 40px;
}
.icon-left {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -320px;
    height: 40px;
    width: 40px;
}
.icon-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -320px;
    height: 40px;
    width: 40px;
}
.icon-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -320px;
    height: 40px;
    width: 40px;
}
.icon-right {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -320px;
    height: 40px;
    width: 40px;
}
.icon-circled-left {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -320px;
    height: 40px;
    width: 40px;
}
.icon-circled-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -320px;
    height: 40px;
    width: 40px;
}
.icon-circled-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -320px;
    height: 40px;
    width: 40px;
}
.icon-circled-right {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -320px;
    height: 40px;
    width: 40px;
}
.icon-circle-right-magenta {
    background: url(/SiteElements/images/icons/sprites/icons-magenta.png) -640px -320px;
    height: 40px;
    width: 40px;
}
.icon-circle-right-orange {
    background: url(/SiteElements/images/icons/sprites/icons-orange.png) -640px -320px;
    height: 40px;
    width: 40px;
}
.icon-circle-right-cyan {
    background: url(/SiteElements/images/icons/sprites/icons-cyan.png) -640px -320px;
    height: 40px;
    width: 40px;
}
.icon-triangle-left {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -320px;
    height: 40px;
    width: 40px;
}
.icon-triangle-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -320px;
    height: 40px;
    width: 40px;
}
.icon-triangle-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -320px;
    height: 40px;
    width: 40px;
}
.icon-triangle-right {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -320px;
    height: 40px;
    width: 40px;
}
.icon-chevron-left {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -320px;
    height: 40px;
    width: 40px;
}
.icon-chevron-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -320px;
    height: 40px;
    width: 40px;
}

/*--------line 10----------*/
.icon-chevron-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-right {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-small-left {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-small-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-small-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-small-right {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-thin-left {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-thin-down {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-thin-up {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-thin-right {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -360px;
    height: 40px;
    width: 40px;
}
.icon-chevron-thin-right-cyan {
    background: url(/SiteElements/images/icons/sprites/icons-cyan.png) -360px -360px;
    height: 40px;
    width: 40px;
}
.icon-left-thin {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -360px;
    height: 40px;
    width: 40px;
}
.icon-down-thin {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -360px;
    height: 40px;
    width: 40px;
}
.icon-up-thin {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -360px;
    height: 40px;
    width: 40px;
}
.icon-right-thin {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -360px;
    height: 40px;
    width: 40px;
}
.icon-arrow-combo {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -360px;
    height: 40px;
    width: 40px;
}
.icon-three-dots {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -360px;
    height: 40px;
    width: 40px;
}
.icon-two-dots {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -360px;
    height: 40px;
    width: 40px;
}
.icon-dot {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -360px;
    height: 40px;
    width: 40px;
}
.icon-cc {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -360px;
    height: 40px;
    width: 40px;
}
.icon-cc-by {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -360px;
    height: 40px;
    width: 40px;
}
.icon-cc-nc {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -360px;
    height: 40px;
    width: 40px;
}
.icon-cc-nc-eu {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -360px;
    height: 40px;
    width: 40px;
}
.icon-cc-nc-jp {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -360px;
    height: 40px;
    width: 40px;
}

/*---------line 11----------*/
.icon-cc-sa {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -400px;
    height: 40px;
    width: 40px;
}
.icon-cc-nd {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -40px -400px;
    height: 40px;
    width: 40px;
}
.icon-cc-pd {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -400px;
    height: 40px;
    width: 40px;
}
.icon-cc-zero {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -400px;
    height: 40px;
    width: 40px;
}
.icon-cc-share {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -400px;
    height: 40px;
    width: 40px;
}
.icon-cc-remix {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -400px;
    height: 40px;
    width: 40px;
}
.icon-db-logo {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -400px;
    height: 40px;
    width: 40px;
}
.icon-db-shape {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -400px;
    height: 40px;
    width: 40px;
}
.icon-light-bulb-2 {
    width: 40px;
    height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -320px -400px;
}
.icon-prospectus {
    width: 40px;
	height: 40px;
	background: url(/SiteElements/images/icons/sprites/icons-white.png) -360px -400px;
}
.icon-prospectus-green {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-green.png) -360px -400px;
}
.icon-piggy-bank {
    width: 40px;
    height: 40px;
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -400px -400px;
}
.icon-stopwatch {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -440px -400px;
    height: 40px;
    width: 40px;
}
.icon-jigsaw {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -480px -400px;
    height: 40px;
    width: 40px;
}
.icon-shield {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -520px -400px;
    height: 40px;
    width: 40px;
}
.icon-umbrella {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -560px -400px;
    height: 40px;
    width: 40px;
}
.icon-basketball {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -600px -400px;
    height: 40px;
    width: 40px;
}
.icon-football {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -640px -400px;
    height: 40px;
    width: 40px;
}
.icon-tennis {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -680px -400px;
    height: 40px;
    width: 40px;
}
.icon-table-tennis {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -720px -400px;
    height: 40px;
    width: 40px;
}
.icon-bed {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -760px -400px;
    height: 40px;
    width: 40px;
}
.icon-drama {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -800px -400px;
    height: 40px;
    width: 40px;
}
.icon-arts-culture {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -840px -400px;
    height: 40px;
    width: 40px;
}
.icon-health-wellbeing {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -880px -400px;
    height: 40px;
    width: 40px;
}

/*---------line 12------------*/
.icon-group {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 0 -440px;
    height: 40px;
    width: 40px;
}
.icon-dbs {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) 40px -440px;
    height: 40px;
    width: 40px;
}
.icon-hand {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -80px -440px;
    height: 40px;
    width: 40px;
}
.icon-bus {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -120px -440px;
    height: 40px;
    width: 40px;
}
.icon-computer {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -160px -440px;
    height: 40px;
    width: 40px;
}
.icon-computer-magenta {
    background: url(/SiteElements/images/icons/sprites/icons-magenta.png) -160px -440px;
    height: 40px;
    width: 40px;
}
.icon-i-zone {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -200px -440px;
    height: 40px;
    width: 40px;
}
.icon-staff {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -240px -440px;
    height: 40px;
    width: 40px;
}
.icon-ccsu {
    background: url(/SiteElements/images/icons/sprites/icons-white.png) -280px -440px;
    height: 40px;
    width: 40px;
}

/****************************************
8.3 Styles for Associated logos
****************************************/
.ass-logo-grid {
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 10px 0 0;
}
.ass-logo-grid li {
	float: left;
    margin-bottom: 0 !important;
    padding: 10px;
    width: 33%;
    min-height: 180px;
    border-bottom: 1px dashed #dfdcd9;
    border-right: 1px dashed #dfdcd9;
    text-align: center;
}
.ass-logo-grid li a img {
	text-decoration: none;
  	margin-bottom: 10px;
}

@media (min-width: 1200px) { 

	.ass-logo-grid li:nth-child(3n+3) {
    	border-right: 0px solid #dfdcd9;
	}
}

img.ass-logo {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray alpha(opacity=40); /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
opacity:0.7;
}

img.ass-logo:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: none alpha(opacity=100);
-webkit-filter: grayscale(0%);
opacity:1;
transition: all 0.4s ease 0s;
}

p.big-ass-logo {
  	margin-top: 50px;
  	padding-top: 20px;
	border-top: 1px dashed #dfdcd9;
}

.course-detail .ass-logo-grid {
    padding-top: 30px;   
}

/****************************************
8.4 Staff Profiles, includes SMT and Our Governors
****************************************/
.profile-h1-fix {
	display:none;			
}

.MainContent .page-content .image-title-container .profile-h1-fix + h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
  	line-height: 1.2em;
	font-weight: bold;
	text-transform: none;
    background: none;
    left: 150px;
    top: 97px;
    padding: 0;
    width: 420px;
    position: relative;
}

.profile-container {
    overflow:auto;
  	min-height: 160px;
}

.profile-container img {
    position: absolute;
    top: 67px;
}

/*.profile-container h2 {
	margin: 29px 0 0 150px !important;			
}*/

.profile-container h3 {
	margin: 85px 0 0 150px !important;			
}
  
.profile-details {
	overflow:auto;
  	border-top: 5px solid #EFEDEC;
  	padding-top: 10px;
  	margin-top: 40px;
}

.profile-details img {
    float:left;
}

.MainContent .centre-column .profile-details h2 {
	margin: 35px 0 0 150px !important;
    /*font-family: "Humnst777_lt";*/
    font-size: 24px;
    line-height: 1.2em;
   /*text-transform: uppercase;
    font-weight: normal;*/
}

.profile-details h3 {
	margin: 0 0 0 150px !important;			
}

.link-right {
	border-bottom: 5px solid #EFEDEC;
    margin-top: 10px !important;
    padding-bottom: 10px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 570px;
}
.profile-button-col {
    text-align: right;
    width: 30%;
}

.profile-img {
	float: left;
}

.table-profile tr td {
	padding: 10px 0 !important;			
}

.table-profile h3 {
	margin: 10px 0 0 90px !important;			
}

/*.MainContent .page-content .table-profile h3, .MainContent .page-content .table-staff-list h3 {
	font-family: "Humnst777_lt", arial;
  	font-size: 18px;
  	line-height: 1.2em;
  	font-weight: normal;
  	text-transform: uppercase;
}*/

.table-profile thead > tr > th {
    padding: 0;
  	font-size: 0;
    line-height: 0;
}

.table-profile p:first-of-type {
	margin: 0 0 0 90px;			
}
    
.table-profile p {
	margin: 15px 0 0 90px;			
}

/*------Staff lists------*/

.table-staff-list tbody > tr > td {
	padding: 10px 0;			
}
.table-staff-list thead > tr > th {
	padding: 0;
  	font-size: 0;
    line-height: 0;
    /*margin: 20px 0;*/
}

.MainContent .page-content .table-staff-list h3 {
	margin: 0;
}

.MainContent .page-content .table-staff-list h4 {
	margin-top: 0;			
}
.MainContent .page-content .table-staff-list td .staff-list-role {
	margin: 0 0 15px 0;
  font-weight: bold;
}
.MainContent .page-content .table-staff-list td .staff-list-list {
	margin-top: 26px;
}
.MainContent .page-content .table-staff-list td p {
	margin: 0 0 4px 0;			
}

.staff-list-title {
    font-weight: bold;
}

.staff-name-col {
	width: 30%;
    padding-right: 10px !important;
}

.table-staff-list .profile-img {
	margin: 0 20px 10px 0;			
}
/*--------Blog lists---------*/

.MainContent .page-content .table-staff-list .connect-wrapper {
	margin-bottom: 0;
}
.MainContent .page-content .table-staff-list .connect-wrapper li {
	margin: 0;
}

/*-----------Accademic staff profiles-------------*/

.acc-staff-profile-header p.link-right  {
    position: relative;
  	margin-bottom: 0px;
} 

.acc-staff-profile-img {
  	border-radius: 50%;
    height: 100px;
    width: 100px;
    /*margin: 10px;*/
    float: left;
    overflow: hidden;
}

/*.acc-staff-profile-img img {
  	width: auto;
  	height: 100%;
	overflow: hidden;
}*/

.acc-staff-profile-header .profile-details {
    border-top: 0px solid #EFEDEC;
    margin-top: 0;
    overflow: auto;
    padding-top: 10px;
}
  
.MainContent .centre-column .acc-staff-profile-header .profile-details h2 {
	margin: 25px 0 0 130px !important;
}
.MainContent .centre-column .acc-staff-profile-header .profile-details h3 {
	margin: 0 0 0 130px !important;			
}
.acc-staff-profile-header .staff-details p {
    margin: 0 0 4px;
}

.acc-staff-profile-header .staff-details {
    clear: both;
  	margin-left: 130px;
}

.acc-staff-profile-header .staff-details img {
    float: none;
    margin: 10px 10px 0 0;
}

.acc-staff-profile-header .staff-details img:hover {
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}

/*-------------Profile welcome--------*/

.profile-welcome {
	overflow:auto;
  	margin: 20px 0;
}

.profile-welcome img {
    float:left;
}

.MainContent .centre-column .profile-welcome h2 {
	margin: 35px 0 0 150px !important;
    font-size: 24px;
    line-height: 1.2em;
}

.profile-welcome h3 {
	margin: 0 0 0 150px !important;			
}
/****************************************
8.5 Scrolling images for Toot
****************************************/
div.scrollsection {
  overflow: auto;
  white-space: nowrap;
}

div.scrollsection img {
  display: inline-block;
}


/****************************************
9 Find us
****************************************/

.gm-style .gm-style-iw {
	font-size: 12px !important;
  	font-family: Arial !important;
}

.nav-tabs > li, .sys_tabsfilter-control ul li  {
  	/*background: #efedec;*/
    margin-bottom: -1px;
}
.nav-tabs, .sys_tabsfilter-control ul {
    margin-top:40px;
  	margin-bottom: 30px;
    border-bottom: 1px solid #dfdcd9;
}
    
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .sys_tabsfilter-control ul li.sys_selected > a, .sys_tabsfilter-control ul li.sys_selected > a:hover, .sys_tabsfilter-control ul li.sys_selected > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #dfdcd9 #dfdcd9 rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #232120;
    cursor: default;
}
.nav-tabs > li > a, .sys_tabsfilter-control ul li > a {
 	background: #efedec;
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: #efedec #efedec #dfdcd9;
    border-radius: 0;
	text-transform: uppercase;
    line-height: 1.42857;
    margin-right: 1px;
    color: #232120;
  	padding: 10px 19px;
  	font-size: 0.9em;
}

.nav-tabs > li > a:hover, .sys_tabsfilter-control ul li > a:hover {
    background: #dfdcd9;
	border-color: #dfdcd9;
}
.tab-content {
	/*padding: 0 20px;
  	border-left: 1px solid #dfdcd9;
  	border-bottom: 1px solid #dfdcd9;
  	border-right: 1px solid #dfdcd9;*/
}
.full-width-tabs {
    padding: 0;
}
.filtered-search .nav-tabs {
    border-bottom: 0px;
    margin-bottom: 0;
    margin-top: 20px;
}
.filtered-search .nav-tabs > li {
    margin-bottom: 0px;
    width: 100%;
}
.filtered-search .nav-tabs > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #efedec none repeat scroll 0 0;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0px;
    color: #232120;
    line-height: 1.42857;
    margin-right: 0px;
}
.filtered-search .nav-tabs > li.active > a, .filtered-search .nav-tabs > li.active > a:hover, .filtered-search .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #dfdcd9;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #232120;
    cursor: default;
}
.filtered-search .nav-tabs > li > a:hover {
    background: #dfdcd9;
    border-color: #dfdcd9;
}
.MainContent .page-content .filtered-search h2 {
    margin-top: 19px;
    line-height: 1.24em;
}

/****************************************
10 Undergraduate courses & FAQs results
****************************************/

.az-top-line {
    border-top: 1px solid #dfdcd9;
}

ul#topNav, .sys_atoz-control ul {
  	padding: 0;
 	margin: 40px 0 10px;
}

#topNav li {
  	font-size: 18px;
  	color: #aea79f;
    display: inline;
    list-style-type: none;
    padding-right: 6px;
    /*margin: 0 auto;
    text-align: center;*/
}
.sys_atoz-control li {
  	font-size: 21px;
  	color: #aea79f;
    display: inline;
    list-style-type: none;
    padding-right: 6px;
    margin: 0 auto;
    text-align: center;
}
#topNav li:last-child, .sys_atoz-control li:last-child {
    padding-right: 0px;
}



/****************************************
11 Faculties and Departments
****************************************/

.list-line {
	border-bottom: 1px solid #dfdcd9;
	padding-bottom: 20px !important;
}

.list-line > li:first-child {
    font-weight: bold;
}
.link-list li ul li {
    background: url(/SiteElements/images/icons/icon-level-down.png) no-repeat 5px 3px;
    padding-left: 25px;
}

/****************************************
12 Header site search
****************************************/

/* Main Search */
.navbar-nav.pull-right > li {
    /*background-color: #D81E05;*/
    height: 90px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition-property: none;
    width: 215px;
}
/*.navbar-nav.pull-right>li.open {
    width: 370px;
	background-color: #ad1804;
    
}*/
#searchBlock > a {
    display: none;
}

/*li#searchBlock.open {
	display: none;
}*/

#mainSearchControl_SearchTextBox, #searchForm #Search, #librarySearchForm #librarySearch {
    background-color: #FFFFFF;
    border: 1px solid rgb(130, 149, 254);
    border-radius: 15px;
    color: #232120;
    height: 30px;
    left: 0;
    margin-left: 0;
    padding: 0 5px 0 15px;
    position: absolute;
    top: 48px;
    transition: none 0s ease 0s;
    width: 215px;
    z-index: 2;
}
#mainSearchControl_SearchTextBox:focus, #searchForm #Search:focus {
    outline: 0;   
}
.navbar-nav.pull-right>li.open #mainSearchControl_SearchTextBox,.navbar-nav.pull-right>li.open #searchForm #Search {
	left: 0;
}
.sys_search-label {
    display: none;   
}
#mainSearchControl_SearchButton, .course-search-form #CourseSearch_SearchButton, #searchForm #SubmitSearch, #librarySearchForm #librarySubmitSearch, .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_button {
    -webkit-appearance: none;
    border: none;
    background: #fff url(/SiteElements/images/icons/searchIcon.png) 0 0 no-repeat;
    text-indent: -999em; /* Hide the text, works in most modern browsers */
    /* --- Needed for IE --- */
    font-size: 0px; /* works well in IE7. still a black line (basically the text) in IE6. */
    display: block; /* Negative text-indent works in IE(6? worked fine in 7) only if this is added. */
    line-height: 0px; /* Another fix for IE6. */
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    border-color: #fff;
    width: 30px;
    height: 26px;
    position: relative;
    top: 14px;
    left: -35px;
}
#searchForm #SubmitSearch, #librarySearchForm #librarySubmitSearch {
    background: url(/SiteElements/images/icons/search-icon-blue-30x30.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 30px;
    left: 180px;
    padding: 0;
    top: 48px !important;
    transition: none 0s ease 0s;
    width: 30px;
    z-index: 2;
}
.course-search-form #CourseSearch_SearchButton, .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_button {
    height: 40px;
    width: 42px;
    background: #fff url(/SiteElements/images/icons/searchIcon.png) 0% 40% no-repeat;
    top: 0px;
    left: -2px;
    float: left;
    border-radius: 0 20px 20px 0;
    margin: 0;
}
.search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_button {
    border-right: 1px solid #aea79f;
    border-top: 1px solid #aea79f;
    border-bottom: 1px solid #aea79f;
    border-left: 0;
    }

.search-box570 .sys_theme-simple .sys_search-query-control input.sys_button {
    border: 0;
    }
/*.navbar-nav.pull-right>li.open #mainSearchControl_SearchButton,.navbar-nav.pull-right>li.open #searchForm #SubmitSearch {
    top: 14px;
    left: 190px;
}*/

#librarySearchForm #librarySearch, #librarySearchForm #librarySubmitSearch {
    position: inherit;
    float: left;
    height: 40px;
}
#librarySearchForm #librarySearch {
    border-top: 0px solid #dfdcd9;
    border-bottom: 0px solid #dfdcd9;
    border-left: 0px solid #dfdcd9;
    border-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 92%;
    font-size: 20px;
  	background: #efedec;
}
#librarySearchForm #librarySubmitSearch {
    border-top: 0px solid #dfdcd9;
    border-bottom: 0px solid #dfdcd9;
    border-right: 0px solid #dfdcd9;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-position: 0 5px;
    background-image: url(/SiteElements/images/icons/searchIcon.png);
    height: 40px;
    width: 42px;
  background-color: #efedec;
}

.librarySearchRow p {
    margin: 10px 0;
 	/*text-align: right;*/
}
.librarySearchRow div {
    overflow:auto;
}
ul.programme-guide li {
    background-position: 0 16px;
    background-image: url(/SiteElements/images/icons/icon-programme-guide-20x20.png);
    padding-left: 30px;
    background-repeat: no-repeat;
}


/****************************************
13. Zengenti Style Overrides 
****************************************/

/* Forms styles - all forms must be wrapped with .contensis-form div */

.SendEmailPanelTitle h5 {
	display: none;
}

.SendEmailPanelTitle p {
	background-color: #DFF0D8;
    padding: 15px;
    margin-top: 30px;
}
.contensis-form  .sys_cms-form-body li label, .contensis-form .sys_cms-form-body li .sys_fieldlabel {
    color: #232120;
}
.contensis-form .sys_cms-form-control ul.sys_cms-form-body li input[type=text], .contensis-form .sys_cms-form-control ul.sys_cms-form-body li textarea {
    padding: 10px 15px;	
}

.contensis-form .sys_cms-form-control ul.sys_cms-form-body li.sys_checkbox input {
    margin: 6px 8px 0 0;
}
.contensis-form .sys_cms-form-control ul.sys_cms-form-body li.sys_radio input {
    margin: 4px 8px 0;
}
.contensis-form ul.sys_cms-form-body {
    padding: 0;
}
.contensis-form .sys_cms-form-control .sys_sectionbreak-text ul, .contensis-form .sys_cms-form-control .sys_cms-form-confirmation-content ul {
    padding-left:40px;
}
.contensis-form .sys_cms-form-control .sys_sectionbreak-text ul li, .contensis-form .sys_cms-form-control .sys_cms-form-confirmation-content ul li {
    margin: 0 0 20px;
    list-style-type: disc;
    list-style: disc;
}
.contensis-form .sys_cms-form-control ul li.sys_cms-form-item {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
    list-style-type: none;
    list-style: none;
}

.contensis-form input[type=text], .contensis-form input[type=password], .contensis-form select, .contensis-form textarea, .contensis-form .sys_cms-form-body li textarea {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 10px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
}
/*.contensis-form input[type="radio"] {
    width: 14px !important;
}*/
/*.contensis-form label {
	font-size: 14px !important;
    line-height: 1.42857em !important; 
    margin-bottom: 5px !important;
}*/

.contensis-form .sys_cms-form-body .sys_cms-form-item {
    font-size: 14px;
    line-height: 1.42857;
    color: #232120;
}

.contensis-form .sys_legend, .contensis-form .sys_sectionbreak-header {
	font-size: 16px !important;
    line-height: 1.42857em !important; 
    margin-bottom: 15px !important;
}
.contensis-form .sys_sectionbreak-header {
    font-weight: bold;
    padding-bottom: 5px !important;
    border-bottom: 1px dashed #dfdcd9;
}
.contensis-form .sys_sectionbreak-header {
    margin: 20px 0 7px !important;
}
.sys_sectionbreak-text {
    font-size: 14px !important;
    line-height: 1.42857em !important;    
}

.contensis-form .sys_pagebreak {
     text-align: right;
}
.contensis-form .sys_pagebreak button {
	border: none;
	-moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    background-color: #efedec;
    color: #232120;
    margin-left: 10px
}
span.manual-form-button{	
    border-radius: 3px;
	-moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    background-color: #1A67B4;
    color: #FFFFFF;
    border: none;
    }
.contensis-form button.sys_form-submit, .contensis-form input.SubmitButton, .contensis-form input.sys_login-button {
	border-radius: 3px;
	-moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    background-color: #1A67B4;
    color: #FFFFFF;
    border: none;
}
.contensis-form input.SubmitButton {
	width: auto !important;
 	border-radius: 3px;
}
.contensis-form input[type="text"]:disabled {
    background-color: #f7f4f3;
    border-color: #ccc;
    color: #555;
}
.contensis-form button.sys_form-submit:hover,  .contensis-form input.SubmitButton:hover, .contensis-form .sys_pagebreak button:hover, .contensis-form input.sys_login-button:hover {
	opacity: 0.7;
	transition: all 0.4s ease 0s;
}
.contensis-form .sys_cms-form-validationsummary {
    display: none;
}
.contensis-form .sys_cms-form-confirmation-content {
    padding: 0 !important;
    text-align: left !important;
}
.contensis-form .sys_cms-form-confirmation-content p:first-child {
    font-size: 14px;
    line-height: 1.42857;
    background-color: #DFF0D8;
    padding: 15px;
}

.contensis-login-form input {
	margin: 0 0 20px;
}
.contensis-login-form input[type=checkbox] {
	margin: 0 10px 0 0;
}
.contensis-login-form .sys_loginerror {
	margin: 20px 0 0;
}
.bg-options .contensis-form {
    text-align: left;
}

.contensis-form .sys_cms-form-control ul.sys_cms-form-body li .sys_instructions {
    background: none repeat scroll 0 0 #232120;
    border: 0px solid #464340;
    color: #fff;
    font-size: 0.9em;
    left: 25%;
    margin-left: 10px;
    margin-top: 5px;
    padding: 10px 15px;
    position: absolute;
    top: auto;
  	bottom: 50px;
    width: 40%;
 	z-index: 999;
}

.contensis-form .sys_cms-form-control ul.sys_cms-form-body li .sys_instructions:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 48%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #232120;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.contensis-form .sys_cms-form-confirmation-content .form-reply-message, .contensis-form .sys_cms-form-confirmation-content .form-reply-message p {
    background-color: transparent;
    font-size: 14px;
    line-height: 1.42857;
    padding: 0;
}
.contensis-form .sys_cms-form-control .sys_cms-form-confirmation-content .form-reply-message ul.form-reply-list {
    padding-left: 40px;
    margin-bottom: 20px
}
.sys_cms-form-control ul.form-reply-list , .sys_cms-form-control ul.form-reply-list li {
    list-style: disc;
    }
    .sys_cms-form-control ol.form-reply-list , .sys_cms-form-control ol.form-reply-list li {
    list-style: decimal;
    }
.sys_cms-form-control ul.form-reply-list li, .sys_cms-form-control ol.form-reply-list li {
    margin-bottom: 10px
    }    
.contensis-form .sys_cms-form-confirmation-content .form-reply-message br {
    display: none;}

/* Search results restyling - done by Snitch */

li.search-results  {
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdcd9;
    }
/*li.search-results span {
    display: block;
    margin-bottom: 5px;
    }*/
.sys_search-control {
    margin-top: 30px;
}
.sys_search-title {
    display: none;
}
.sys_search-subheading { 
    margin-top: 20px !important;
	margin-bottom: 5px !important;
	font-size: 24px !important;
	line-height: 1.2em !important;
}
.sys_search-control .sys_itemslist .sys_subitem .sys_search-summary {
    margin: 0;
    min-height: 1em;
    padding: 0 0 0 0px;
    position: relative;
    top: 0px;
    z-index: 300;
    border-bottom: 1px solid #dfdcd9;
}
/*.sys_search-control .sys_itemslist .sys_subitem dl dd*/.sys_search-description {
    color: #464340;
    display: block;
    margin-bottom: 5px;
}
/*.sys_search-control .sys_itemslist .sys_subitem dl dd*/.sys_search-description strong {
    color: #232120;
    font-weight: 700;
}
/*.sys_search-control .sys_itemslist .sys_subitem dl dd*/.sys_search-url {
    font-size: 0.9em;
    font-style: italic;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #d81e05;
}
dt.sys_search-description, dt.sys_search-url {
    display: none;
}
.sys_search-summary dl {
    margin-top: 0px;
    margin-bottom: 20px;
}
.sys_flickrpager {
	margin-top: 50px;
  	overflow: auto;
}
.sys_paginginfocurrentrecord {
	font-size: 14px;
	line-height: 1.42857em;
	font-weight: bold;		
}
.sys_paginginfomaxrecord {
	font-size: 14px;
	line-height: 1.42857em;
	font-weight: bold;					
}
.sys_paginginforecordcount {
	font-size: 14px;
	line-height: 1.42857em;
	font-weight: bold;				
}
.sys_paginginfo {
	float: right;
	color: #68645f;
	font-size: 0.9em;
}
.sys_navigation {
	float: left;
}
.sys_navigation > span > a, .sys_navigation > span > span {				
	background-color: #FFFFFF;
    border: 1px solid #dfdcd9;
    color: #1a67b4;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.sys_navigation > span > a:hover, .sys_navigation > span > span:hover {				
	background-color: #efedec;
}
.sys_ellipsis {
	display: none;
}
.sys_disabled span {
	color: #68645f !important;			
}
.sys_disabled span:hover {
	background-color: #FFFFFF !important;			
}
.sys_selected span {
	background-color: #1a67b4 !important;
    border-color: #1a67b4 !important;
    color: #FFFFFF !important;
}
.sys_navigationprevious a, .sys_navigationprevious span {
  	margin-left: 0 !important;
}

.contensis-form .sys_cms-form-control ul.sys_cms-form-body li.sys_sidebyside div span {
    white-space: normal;
    padding: 10px 0;
}

/* Net natives forms */

form.ak-form label {
 	font-family: arial;
  	font-weight: bold;
}


/****************************************
14 Publications
****************************************/

.btn-accordion {
	font-size: 14px;
	padding: 11px 20px 11px;
    text-align: left;
    display: block;
}
.btn-accordion .accordion-icon {
    float: right;
    height: 16px;
    margin-left: 8px;
    width: 12px;
}



/****************************************
15 CAE course styles, events listing A&C
****************************************/
.table-short-courses thead > tr > th, .no-header {
       padding: 0;
      font-size: 0;
    line-height: 0;
}
.table-short-courses tbody > tr > td {
    padding: 10px 0;
}
.MainContent .page-content .table-short-courses h3 {
    margin: 0 0 0 100px;
}
.table-short-courses p {
	margin: 5px 0 0 100px /* !important*/;
}

.table-short-courses .cyan, .date70x70.January, .date70x70.May, .date70x70.September {
    background: #009edb;    	
}
.table-short-courses .magenta, .date70x70.February, .date70x70.June, .date70x70.October {
	background: #d83d96;		
}
.table-short-courses .orange, .date70x70.March, .date70x70.July, .date70x70.November {
	background: #f58426;		
}
.table-short-courses .green, .date70x70.April, .date70x70.August, .date70x70.December {
	background: #7eb442;		
}

.table-short-courses .date70x70, .events-wrapper .date70x70 {
    width: 70px;
	height: 70px;
	border-radius: 35px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #fff;
    float: left;
}
.table-short-courses .date70x70 span, .events-wrapper .date70x70 span {
    display: block;
	font-size: 24px;
	padding-top: 20px;		
}
.table-short-courses .date70x70.day, .table-events-list .date70x70.day {
	padding-top: 9px;		
}
.table-short-courses .date70x70.day span, .table-events-list .date70x70.day span {
	padding-top: 2px;		
}
.table-short-courses .details-button-col {
    text-align: right;
    width: 20%;
    vertical-align: top;
}
.course-full {
	background: none repeat scroll 0 0 #D81E05;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 10px;
  	margin-left: 10px;
  	white-space: pre;
}
.events-image img {
	float: right;
  	margin: 0 0 20px 20px;
}
.events-image .btn {
	margin: 20px 0 0 0;
}
.MainContent .page-content .archive {
    margin-bottom: 0px;
}
.MainContent .page-content .archive h3, .MainContent .page-content .archive p {
  	width: 470px;
    margin-bottom: 10px;
}
.MainContent .page-content h2.archive-nav {
  	margin-top: 0;
  }
h2.archive-nav span {
  	color: #efedec;
  }

/****************************************
16 Styles for CCCU internal pages
****************************************/

.img-thumb {
	max-width: 100%; 
    height: auto;
	overflow:hidden;
}



/************************************************
17 Natty styles for Pre-arrival cutback templates
************************************************/

.pre-reg-gradient {
    background: #efedec;
	background: -moz-linear-gradient(top,  #efedec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efedec), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #efedec 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #efedec 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #efedec 0%,#ffffff 100%);
	background: linear-gradient(top bottom,  #efedec 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efedec', endColorstr='#ffffff',GradientType=0 );
	
	margin: 20px 0 0 0;
	padding-top: 75px;
}

.monitor-img img {
	display: block;
    margin: auto;
}

.MainContent .page-content .pre-reg-gradient h2 {
	margin-top: 0;
}

.img-caption-dept {
    padding: 15px 100px 5px 5px;
    width: 49%;
}

/* Clearing active phone number */

#call-now {
  display: none;
} 

.clearing-no {
	background: #d81e05 none repeat scroll 0 0;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    height: 150px;
    padding-top: 50px;
    text-align: center;
}

.clearing-no a:hover {
	color: #fff;
}
    
.clearing-no a {
	color: #fff;
}



/**********************
18 News hub
**********************/

.MainContent .page-content h2.news-date {
	margin-top: 0;
    border-bottom: 1px solid #dfdcd9;
    color: #68645f;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px;
}
.MainContent .page-content .articleImages {
    margin: 0 0 10px 20px;
    color: #68645f;
}
.MainContent .page-content .articleImages img {
    margin-bottom: 5px;
}
.table-news-listing thead > tr > th {
    padding: 0;
}
.table-news-listing tbody > tr > td {
    padding: 10px;
}
.table-news-listing tr td:first-child, .table-news-listing tr td:last-child {
   padding-left: 0;
}
.MainContent .centre-column .table-news-listing h3 {
    margin: 0;
}
.MainContent .centre-column .table-news-listing p {
    margin: 0;
}
.MainContent .centre-column .table-news-listing p.news-date {
    color: #68645f;
    margin-top: 10px;
}
.MainContent .centre-column .table-news-listing p.news-button {
    text-align: right;
}


/**********************
19 Modal pop-ups
**********************/

.MainContent .page-content h3.modal-title, .MainContent .course-detail h3.modal-title {
	margin: 0;
}
.modal-header {
    padding-left: 20px;
}


/**********************
20 logos
**********************/

img.device-logo {
    position: relative;
    top: -2px;
}

img.footer-logo {
    position: absolute;
    right: 15px;
    top: 46px;
}

/**********************
20 timeline
**********************/

.timeline dt {
    clear: left;
    color: #233289;
    float: left;
    padding: 20px 0 0;
    text-align: right;
    width: 100px;
    font-size: 18px;
}
.timeline dt span, .overlapped span {
    font-size: 18px;
    line-height: 1em;
}

.timeline dd {
    border-left: 4px solid #efedec;
    margin: 0 0 0 110px;
    padding: 20px 0 0 20px;
    position: relative;
}
.MainContent .page-content .timeline h4:first-child {
    margin-top: 0px;
}
.MainContent .page-content .timeline h4 {
    margin-bottom: 0px;
}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #dfdcd9;
    position: absolute;
    top: 25px;
    left: 13px;
}
.overlapped{
    background-image: url(/about-us/images/dotted-line.png);
    background-repeat: repeat-y;
    background-position: 50%;
    }
.overlapped li {
    padding: 15px;
    mix-blend-mode: multiply;
    width: 60%;
    margin: -20px 0 0 10%;
}
.overlapped li:first-child {
    margin-top: 0;
}

.MainContent .page-content .overlapped h3 {
    font-size: 30px;
    font-weight: normal;
    /*color: #fff;*/
    margin: 10px 0 0;
    text-transform: uppercase;
    font-family: "Humnst777_lt";
    line-height: 1em;
}
.MainContent .page-content .overlapped p {
    margin: 0 0 10px;
    /*color: #ffffff;*/
}
.overlapped li:nth-child(even) {
    margin-left:30%;
    }
.overlapped li:nth-child(3n+3) {
    margin-left:20%;
    }
    
/*---stackla----*/
.stackla-poweredByStackla {
    display: none;
}
.vote-button {
    height: 39px;
    width: 40px;
	background: url(/alumni/images/vote-btn.gif) 0 0;
}
.vote-button:hover {
    background: url(/alumni/images/vote-btn-over.gif);
}

/*-------error pages-------*/
.error-page {
    /*overflow: auto;*/
    margin-bottom: 70px;
    }
.error-401 {
    background: url(/SiteElements/images/global/error-401.gif) no-repeat;
}
.error-4012 {
    background: url(/SiteElements/images/global/error-4012.gif) no-repeat;
}
.error-404 {
    background: url(/SiteElements/images/global/error-404.gif) no-repeat;
}
.error-500 {
    background: url(/SiteElements/images/global/error-500.gif) no-repeat;
}
.error-401 h1, .error-4012 h1 {
    color: #d83d96;
    margin-top: 50px;
}

.error-404 h1 {
    color: #009edb;
    margin-top: 50px;
}
.error-500 h1 {
    color: #7eb442;
    margin-top: 50px;
}

/* Scheduler */

.scheduler {
  margin: 0 -5px 20px;
  overflow: auto;
}
.scheduler-column25, .scheduler-column33, .scheduler-column50, .scheduler-column100, .scheduler-column20 {
  margin: 0 5px;
  float: left;
}
.scheduler-column20 {
  width: 130px;
}
.scheduler-column25 {
  width: 166px;
}
.scheduler-column33 {
  width: 224px;
}
.scheduler-column50 {
  width: 342px;
}
.scheduler-column100 {
  width: 694px;
}
.scheduler-card {
    display: block;
    padding: 10px;
    background-color: #f5f4f3;
    border-radius: 0 10px 10px 0;
}
.scheduler-column25 .time {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.scheduler-card a.title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  color: #232120;
}
.scheduler-card .speaker {
  display: block;
  margin: 5px 0;
}
.scheduler-card .location {
  font-weight: bold;
}
.scheduler .war {
  border-left:5px solid #d81e05;
}
.scheduler .history {
  border-left:5px solid #f58426;
}
.scheduler .kings {
  border-left:5px solid #7eb442;
}
.scheduler .church {
  border-left:5px solid #233289;
}
.scheduler .books {
  border-left:5px solid #009edb;
}
.scheduler-key {
  border:1px solid #efedec;
  overflow: auto;
  text-align: center;
  margin-bottom: 20px;
}
.scheduler-key span {
  padding: 0 10px;
  display: inline-block;
  margin: 10px;
}
.scheduler-key .war {
  border-left:5px solid #d81e05;
}
.scheduler-key .history {
  border-left:5px solid #f58426;
}
.scheduler-key .kings {
  border-left:5px solid #7eb442;
}
.scheduler-key .church {
  border-left:5px solid #233289;
}
.scheduler-key .books {
  border-left:5px solid #009edb;
}


/* timetable calendar for Sports Centre */

.calendar {
  margin: 0 -6px 40px;
  overflow: auto;
  clear: both;
}
.calendar-column {
  width: 114px;
  margin: 0 6px;
  text-align: center;
  float: left;
}
.calendar-title {
  padding: 15px 5px;
  background-color: #d81e05;
  color: #fff;
  font-weight: bold;
}
.calendar-card {
  /*border: 1px solid #dfdcd9;*/
  border-top: none;
  display: block;
  padding: 10px 5px 0;
  min-height: 140px;
  font-size: 0.9em;
  background-color: #D9EDF7;
  margin-bottom:5px;
  position: relative;
}
.calendar-card span {
  color: #68645f;
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
}
.calendar-card .time {
  color: #d81e05;
}
.calendar-card a {
  font-size: 0.95em;
  display: inline-block;
  margin-bottom: 5px;
}
.calendar-card .btn {
  padding: 8px 10px;
  margin-bottom: 0;
  display: block;
  position: absolute;
  bottom: 10px;
  margin: 0 10px;
  left: 0;
  right: 0;
}

/* Callouts */

.callout-circle {
  border-bottom-left-radius: 75px;
  border-bottom-right-radius: 75px;
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
  color: #ffffff;
  float: right;
  height: 150px;
  line-height: 1.2em;
  text-align: center;
  width: 150px;
  padding: 18px;
}

.callout-circle span {
  font-size: 36px;
  display: block;
  font-size: 40px;
  line-height: 1em;
}
.callout-circle .special-offer {
  font-size: 16px;
  display: block;
  line-height: 1em;
  margin-bottom: 5px;
  font-weight: bold;
}
/* numbered bullets */

.numbered-cyan {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
}
.numbered-cyan li {
    counter-increment: step-counter;
}
.numbered-cyan li::before {
    content: counter(step-counter);
    margin-right: 10px;
    background-color: #009edb;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

/* Membership for Sports Centre */

.sp-membership {
  margin: 0 -6px;
}
.sp-membership-column {
  width: 181px;
  margin: 0 6px 20px;
  text-align: center;
  float: left;
  color: #232120;
  position: relative;
}
.sp-membership-column .best-value {
  position: absolute;
  right: -30px;
  top: -30px;
  margin: 0;
}
.sp-membership-title {
  padding: 15px 5px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #dfdcd9;
  border-top: none;
  color: #fff;
}

.sp-membership-title img {
  margin-right: 10px;
  margin-top: -3px;
}
.sp-membership-column .sport {
  background-color: #233289;
  margin-top: 30px;
}
.sp-membership-column .premium {
  background-color: #009edb;
}

.sp-membership-column .gym {
  background-color: #233289;
  margin-top: 30px;
}
.sp-membership-card {
  border: 1px solid #dfdcd9;  
  background: #efedec;
  border-top: none;
  display: block;
  padding: 10px 0 0;
  line-height: 1.3em;
  min-height: 420px;
}
.sp-membership-column .premium + .sp-membership-card {
  min-height: 480px;
}
.sp-membership .price { 
  padding: 10px 0 20px;
  border-bottom: 1px solid #dfdcd9;
}
.sp-membership .price img { 
  margin: 0 0 10px;
}
.sp-membership .price .small-text {
  font-size: 12px;
  display: block;
  margin: 0 90px 0 0;
  font-weight: normal;
}
.btn-cyan {
  background-color: #009edb;
}
a.btn-cyan  {
  color: #ffffff;
}
.btn-cyan:hover, .btn-cyan:focus, .btn-cyan:active {
  	color: #fff;
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}
.sp-membership .price span {
  font-size: 32px;
  font-weight: bold;
  line-height: 1em;
  display: block;
  margin-bottom: 5px;
}
 
.sp-membership .saving {
  font-size: 0.95em;
  color: #d81e05;
}

.sp-membership .offer {
  border-bottom: 1px solid #dfdcd9;
  padding: 10px 0 10px;
}
.sp-membership .offer-cyan {
  border-bottom: 1px solid #fff;
  padding: 10px 0 10px;
  background-color: #009edb;
}
.sp-membership .offer-cyan a {
  color: #fff;
}
.sp-membership .buy-now {
  position: absolute;
  margin: 0 auto 20px;
  width: 100%;
  bottom: 0;
}

/* Events */

.sys_events-details {
  margin: 20px 0 0 0;
}

.sys_events-details dt {
  display: none;
}.sys_events-details dd.sys_events-description img {
  width: 100%;
  height: auto;
  margin: 20px 0 30px;
}

/*list with calendar icons */


/*.sys_standard-list .sys_itemslist {
  border-top: 1px solid #dfdcd9;
}
.MainContent .events-list .sys_events-list-with-calendar-icon h2.sys_subitem-heading {
    font-size: 16px;
}*/

/* events-calendar, FAQs module */

.sys_events {
  position: relative;
}
.sys_tabsfilter-control {
    overflow:auto;
}
.sys_tabsfilter-control ul {
  	padding-left: 0;
    list-style: none;
  	margin-bottom: 10px;
}
.sys_tabsfilter-control ul li > a {
	padding: 8px 15px;
    font-size: 12px;
	display: block;
  	position: relative;
}
.sys_tabsfilter-control ul li a:focus, .sys_tabsfilter-control ul li a:hover {
	text-decoration: none;
}
.sys_tabsfilter-control ul:before, .sys_tabsfilter-control ul:after {
    display: table;
    content: " ";
}
.sys_tabsfilter-control ul:after {
    clear: both;
}
.sys_tabsfilter-control ul li {
  	float: left;
    display: block;
  	position: relative;
}
.sys_events-search-control {
	position: absolute;
    top: 43px;
    left: 600px;
    width: 270px;
}
.sys_events-search-control label, .sys_faqs-search-control label, .sys_news-search-control label, .sys_news-search-control .sys_search-row-label {
    display: block;
    padding: 0;
    font-weight: bold;
    margin: 0 0 10px;
    width: auto;
    color: #232120;
}
.sys_faqs-search-control label {
  	color: #ffffff;
}
.sys_events-search-control .sys_search-row, .sys_faqs-search-control .sys_search-row, .sys_news-search-control .sys_basic-search-row {
  	margin: 0 0 15px;
}
.sys_faqs-search-control .sys_button-row  {
  	margin: 15px 0 15px;
}
.bg-izone-mini .sys_faqs-search-control .sys_button-row  {
  	margin: 0 0 15px;
}
.sys_faqs-search-control .sys_keywords-row  {
  	width: 70%;
	padding-right: 30px;
  	float: left;
}
.bg-izone-mini .sys_faqs-search-control .sys_keywords-row  {
  	width: 100%;
    padding-right: 0;
  	display: inline-block;
}
.sys_faqs-search-control .sys_category-row  {
  	width: 30%;
	display: inline-block;
}
.sys_events-search-control input[type="text"], .sys_faqs-search-control input[type="text"], .sys_news-search-control input[type="text"] {
	width: 100%;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #cecac5;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #68645f;
    display: block;
    padding: 10px 15px;
    box-sizing: border-box;
}
.sys_faqs-search-control input[type="text"] {
    border: 0px solid #cecac5;
}
.sys_faqs-search-control select {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 10px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
}
.sys_events-search-control .sys_datefrom-row, .sys_events-search-control .sys_dateto-row {
  	width:50%;
  	float: left;
}
.sys_events-search-control .sys_datefrom-row {
  	padding-right: 10px;
}
.sys_events-search-control .sys_dateto-row {
  	padding-left: 10px;
}

.sys_events-search-control .sys_button-row input[type="submit"], .sys_faqs-search-control .sys_button-row input[type="submit"], .sys_news-search-control .sys_button-row input[type="submit"] {
  	box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.42857;
    padding: 13px 20px 10px;
  	background-color: #1a67b4;
    background-image: none;
}
.sys_faqs-search-control .sys_button-row input[type="submit"] {
    border: 1px solid #009edb;
}
.sys_events-search-control .sys_button-row input[type="submit"]:hover, .sys_faqs-search-control .sys_button-row input[type="submit"]:hover, .sys_news-search-control .sys_button-row input[type="submit"]:hover {
	opacity: 0.7;
    transition: all 0.4s ease 0s;
}

.sys_events-search-control .sys_checkbox-list {
  	clear:both;
  	display: none;
}

.sys_events-search-control .sys_checkbox input[type="checkbox"], .sys_news-search-control .sys_checkbox input[type="checkbox"] {
  	margin: 0 10px 0 0;
}
.sys_events-search-control .sys_checkbox label, .sys_news-search-control .sys_checkbox label {
  	display: inline-block;
  	font-weight: normal;
  	vertical-align: top;
  	line-height: 1.42857em;
}
.sys_tools-control {
    margin: 0;
    padding: 10px 0;
    text-align: right;
    width: 870px;
  	border-top: 1px solid #efedec;
   	border-bottom: 1px solid #efedec;
  	display: none;
}

.sys_tools-control:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sys_tools-control div {
    float: right;
    min-height: 16px;
    text-align: left;
    padding-left: 20px;
}

.sys_tools-control div a {
    display: block;
    color: #1a67b4;
    text-decoration: none;
    padding: 0 0 0 25px;
    background-repeat: no-repeat;
  	background-position: 0 50%;
}
.sys_tools-control div a:hover {
    text-decoration: underline;
}
.sys_button-subscribe-rss a {
	background-image: url(/SiteElements/images/icons/icon-rss-20x20.png);
}

.sys_button-subscribe-atom a {
	background-image: url(/SiteElements/images/icons/icon-atom-20x20.png);
}

.sys_button-subscribe-calendar a {
	background-image: url(/SiteElements/images/icons/icon-calendar-20x20.png);
}

.sys_events-control .sys_groupheader span {
  	font-size: 24px;
  	font-weight: bold;
  	line-height: 1.2em;
  	color: #d83d96;
}
.sys_events-control .sys_groupheader {
  	margin-top: 30px;
}
.sys_news-control .sys_groupheader {
  	display: none;
}
.sys_events-control .sys_subitem, .sys_events-control .sys_dummy, #NOTICESListing_wrapper .sys_subitem {
  padding: 0;
  border-radius: 4px;
  margin: 10px 0;
}
#NEWSListing_wrapper .sys_subitem {
  padding: 5px 0;
  margin: 5px 0;
}
.sys_events-control .sys_subitem, .sys_events-control .sys_dummy {
  border-bottom: 1px solid #efedec;
}
.sys_news-control .sys_subitem {
  border-bottom: 1px solid #efedec;
}
.sys_events-control .sys_subitem dl, .sys_news-control .sys_subitem dl {
  margin: 0;
}
.sys_events-control .sys_first-groupset h3:first-child, .sys_news-control .sys_first-groupset h3:first-child {
  margin-top: 0px;
}
.sys_events-list-with-calendar-icon h2.sys_subitem-heading, .sys_events-control .sys_subitem h3, .sys_events-control .sys_dummy h3, #NOTICESListing_wrapper .sys_subitem h3 {
  margin: 0 0 10px;
}
#NEWSListing_wrapper .sys_subitem h3, .sys_events-control .sys_dummy h3 {
  margin: 0 0 5px;
  font-size: 14px;
}
.sys_events-list-with-calendar-icon h2.sys_subitem-heading a, .sys_events-control .sys_subitem h3 a, .sys_news-control .sys_subitem h3 a {
  color:#232120;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428em;
  /*border-bottom: 1px dashed #aea79f;*/
}
.sys_events-list-with-calendar-icon h2.sys_subitem-heading a:hover, .sys_events-control .sys_subitem h3 a:hover, .sys_news-control .sys_subitem h3 a:hover {
  color:#232120;
  /*border-bottom: 1px solid #232120;
  text-decoration: none;*/
}

.sys_events-control .sys_subitem dt.sys_events-time, .sys_events-control .sys_subitem dt.sys_events-date, .sys_events-control .sys_subitem dt.sys_events-location, .sys_events-control .sys_subitem dt.sys_events-description, .sys_news-control .sys_news-summary dt {
  display: none;
}
.sys_events-control .sys_subitem dd.sys_events-time, .sys_events-control .sys_dummy dd.sys_events-time, .sys_events-control .sys_subitem dd.sys_events-date, .sys_events-control .sys_subitem dd.sys_events-location, .sys_events-control .sys_dummy dd.sys_events-location, .sys_events-control .sys_subitem dd.sys_events-description, .sys_events-details dd.sys_events-location, .sys_events-details dd.sys_events-date, .sys_events-details dd.sys_events-contact, .sys_news-control .sys_subitem dd  {
  margin: 0 0 5px;
}
.sys_news-control .sys_subitem dd.sys_news-description {
  margin-bottom: 10px;
}
.sys_events-control .sys_subitem dd.sys_events-description, .sys_news-control .sys_subitem dd.sys_news-description {
  color: #68645f;
}
.sys_events-control .sys_subitem dd.sys_events-time, .sys_events-control .sys_dummy dd.sys_events-time, .sys_events-control .sys_subitem dd.sys_events-date, .sys_events-details dd.sys_events-date {
  color: #d83d96;
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-calendar2-20x20.png);  
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sys_news-control .sys_subitem dd.sys_news-datepublished, .sys_news-control dd.sys_news-datepublished {
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-clock-black-20x20.png);  
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
}
.sys_events-control .sys_subitem dd.sys_events-location, .sys_events-control .sys_dummy dd.sys_events-location, .sys_events-details dd.sys_events-location {
  margin-bottom: 10px;
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-location-20x20.png);  
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sys_events-details dd.sys_events-contact {
  margin: 10px 0;
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-user-20x20.png);  
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sys_events-details dd.sys_events-category {
  margin: 10px 0;
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-tag-20x20.png);  
  background-repeat: no-repeat;
  background-position: 0 0;
  display: none;
}
.sys_news-control dd.sys_news-category {
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-tag-20x20.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-left: 20px;
}
.sys_events-details dd.sys_events-registration {
  margin: 10px 0;
  padding-left: 25px;
  background-image: url(/SiteElements/images/icons/icon-ticket-20x20.png);  
  background-repeat: no-repeat;
  background-position: 0 0;
}

.sys_events-details dd.sys_events-description .event-detail-map {
  position: absolute;
  top: 0;
  left: 615px;
  width: 270px;
    padding-bottom: 50%;
}
.sys_events-details dd.sys_events-description .event-detail-map iframe{
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    height: 100%;
}
.sys_events-details dd.sys_events-description {
  margin: 30px 0 0 0;
}
.sys_news-search-control {
  margin-bottom: 30px;
}
/*-------------FAQS----------------*/
.bg-izone .sys_search-options {
  	background-image: url(/faqs/images/logo-izone.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
    padding: 60px 20px 40px 150px;
    background-color: #8c0053;
    color: #FFFFFF;
	margin-bottom: 40px;
    border-radius: 5px;
}

.sys_faqs-search-control label{
  display: none;
}
.sys_faqs-search-control .sys_keywords-row{
  padding-top:1px;
}
.sys_faqs-search-control .sys_button-row{
  margin: 0px 0 15px;
}
.bg-izone-mini .sys_search-options {
    padding: 20px;
    background-color: #8c0053;
    color: #FFFFFF;
	margin-bottom: 40px;
    border-radius: 5px;
}
.bg-izone .sys_atoz-control {
  display: none;
}
.sys_faqs-control .sys_itemslist h4, .top-faqs li {
    border-bottom: 1px solid #efedec;
	padding: 15px 0;
    margin: 0;
    font-weight: normal;
}
.sys_faqs-control .sys_itemslist, .top-faqs {
    border-top: 1px solid #efedec;
}
.sys_faqs-record .sys_faqs-question, .sys_faqs-record dt.sys_faqs-answer {
	display:none;
}


/*---------news module----------*/

.sys_news-record .sys_news-posted-date {
    margin: 10px 0;
    border-top: 1px solid #efedec;
    padding-top: 10px;
    font-weight: bold;
}

.sys_news-record .sys_news-record-title {
  	display: none;
}

/*----UCAS deadline campaigns--------*/

.callout-ucas, .callout-pg {
  position: absolute;
  top: 10px;
  right: 25px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 150px;
  height: 150px;
  border-radius: 75px;
  text-align: center;
  color: #fff;
  padding: 32px 15px;
  font-size: 18px;
  line-height: 1.2em;
}
.callout-pg {
   background-color: rgba(245, 132, 38, 0.8); 
}
.callout-pg-b42020 {
   background-color: rgba(0, 0, 0, 0.8);
   display: table;
}
.callout-pg-b42020 span {
    display: table-cell;
    vertical-align: middle;
}
.callout-ucas a, .callout-pg a {
	color: #fff;
  	border-bottom: 1px dashed #fff;
}
.callout-ucas a:hover, .callout-pg a:hover {
	color: #fff;
  	text-decoration: none;
  	border-bottom: none;
}
.ucas-extra {
    padding-top: 54px;
    background-color: rgba(216, 61, 150, 0.8);
}
.phd-deadline {
    padding-top: 26px;
    color: #232120;
    background-color: rgba(255, 205, 0, 0.8);
}
.bg-blue {
    padding: 15px;
    background-color: #233289;
    margin-bottom: 30px;
  	color: #fff;
  	clear: both;
}
.bg-blue a, .bg-black a {
  	color: #fff;
  	border-bottom: 1px dashed rgba(256, 256, 256, 0.5);
}
.bg-blue a:hover, .bg-black a:hover {
  	color: #fff;
  	border-bottom: 1px solid #fff;
  text-decoration: none;
}

.video-wrapper .callout-ucas {
    z-index: 10;
    top: 30px;
  right: 30px;
}
/*.bg-black {
  	padding: 15px;
    background-color: #000;
    margin: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
 	border-radius: 10px;
}*/
/*-------- statisitcs and facts --------*/
.bg-red span, .bg-magenta span, .bg-blue span, .bg-orange span, .bg-green span, .bg-cyan span, .bg-grey span, .bg-white span {
    font-size: 64px;
    line-height: 0.9em;
    font-weight: bold;
    /*letter-spacing: -2px;
  	display: block;*/
}
.bg-red, .bg-magenta, .bg-blue, .bg-orange, .bg-green, .bg-cyan, .bg-grey {
    padding: 20px;
  	color: #fff;
  	margin-bottom: 30px;
}
.bg-white {
    padding: 20px;
  	color: #232120;
  	margin-bottom: 30px;
}

.bg-red hr, .bg-magenta hr, .bg-blue hr, .bg-orange hr, .bg-green hr, .bg-cyan hr, .bg-grey hr, .bg-white hr { 
    width: 50%;
    border-top: 15px solid;
    margin-bottom: 10px;
    margin-left: 0;
  	text-align: left;
}
.bg-white hr { 
    width: 20%;
}

.bg-magenta {background-color: #d83d96;}
.bg-red {background-color: #d81e05;}
.bg-blue {background-color: #233289;}
.bg-orange {background-color: #f58426;}
.bg-green {background-color: #7eb442;}
.bg-cyan {background-color: #009edb;}
.bg-grey {background-color: #68645f;}
.bg-white {background-color: #fff;}

.magenta {color: #d83d96;}
.red {color: #d81e05;}
.blue {color: #233289;}
.orange {color: #f58426;}
.green {color: #7eb442;}
.cyan {color: #009edb;}
.grey {color: #68645f;}
.white {color: #fff;}

/*------Fullwidth pages-----*/

.campaign-fullwidth .lead {
  font-size: 24px;
  margin-top: 20px;
}
.stv {
  	background: #d81e05;
    color: #fff;
    padding: 2px 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2em;
}

/*----iframe sizes---------*/

.iframe-pg-openevening iframe {
  height: 1770px;
}

/*------year-selector------*/

.year-selector  {
  margin-bottom: 20px;
  border-top: 1px solid #dfdcd9;
  padding-top: 10px;
}
.course-detail .year-selector h4 {
  display: inline-block;
  float: left;
  margin: 10px 10px 10px 0;
}
.year-selector .dropdown {
  display: inline-block;
}
.year-selector .no-year {
  margin: 10px 0 0;
  display: block;
}
.course-detail .image-title-container + .sys_razor-error {
  display: none;
}

/*------ Top x lists ------*/

ol.top-x {
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  color: #d81e05;
}

.top-x p {
  font-size: 14px;
  line-height: 1.428em;
  color: #232120;
  font-weight: normal;
}
/*-------horizontal scroll table-------*/
.scrolling table {
    table-layout: inherit;
 	*margin-left: -100px;/*ie7*/
}
.scrolling td, .scrolling th {
	vertical-align: top;
	padding: 10px;
	min-width: 100px;
    height: 50px;
}
.scrolling th {
	position: absolute;
 	*position: relative; /*ie7*/
	left: 0;
	width: 140px;
}
.outer {
	position: relative;
    padding-bottom: 30px;
}
.inner-no-margin {
	overflow-x: auto;
	overflow-y: visible;
}
.inner {
	overflow-x: auto;
	overflow-y: visible;
	margin-left: 140px;
}
.scrolling .table thead > tr > td, .scrolling .table tbody > tr > td, .scrolling .table tfoot > tr > td {
    border-top: 1px solid #dfdcd9;
}
.scrolling .table thead > tr:last-child > th, .scrolling .table tbody > tr:last-child > th, .scrolling .table tfoot > tr:last-child > th {
    border-bottom: 1px solid #dfdcd9;
  	height: 51px;
}

/*-----Clearing 2017--------*/
.student-stories {
  	background-repeat: no-repeat;
    background-position: left bottom;
    padding: 20px 20px 20px 180px;
    margin-bottom: 30px;
    background-color: #233289;
    
  	color: #fff;
  	min-height: 110px;
}
.tmc {
  	background-image: url(/study-here/images/clearing/tmc-header870x110.gif);
  font-weight: bold;
  font-size: 18px;
}
.tsc {
  	background-image: url(/study-here/images/clearing/tsc-header870x110.gif);
  font-weight: bold;
  font-size: 18px;
}
.tnn {
  	background-image: url(/study-here/images/clearing/tnon-header870x110.gif);
  font-weight: bold;
  font-size: 18px;
}
.cpa {
  	background-image: url(/study-here/images/clearing/cpa-header870x110.gif);
}
.cpa p {
	width: 55%;
  	float: left;
}
.cpa div {
    float: left;
  	width: 45%;
}
.cpa div span {
  	font-size: 32px;
  	margin: 0 0 0 20px;
  	font-weight: bold;
}

table.clearing-links {
  	margin-bottom: 30px;
  	background-image: url("/study-here/images/clearing/clearing-callout-bg.gif");
    background-repeat: repeat-x;
	}
    table.clearing-links td {
      padding: 0;
    }
	.clearing-links .view, .clearing-links .call, .clearing-links .email {
      padding: 0 50px;
	}


/* Clearing 2019 */
.search-combo {
    background-image: url(/study-here/images/clearing/2019/search-combo-bg.png), linear-gradient(to right, #D81E0525 , #23328925);
    padding: 50px 20px;
    overflow: visible;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.search-combo > div {
    width: 44%;
}
.search-combo .dropdown button {
    width: 100%;
    text-align: left;
    background: #fff;
    border: 1px solid #cecac5;
    border-radius: 4px;
    height: 40px;
    text-transform: none;
    font-size: 14px;
    padding-top: 9px;
    color: #68645f;
    font-weight: bold;
}
.search-combo .dropdown button .caret {
    float: right;
    margin-top: 9px;
}
.search-combo .dropdown .btn:active, .search-combo .dropdown .btn:focus {
    box-shadow: none;
}
.search-combo .dropdown .btn:hover {
    color: #232120;
}
.search-combo .dropdown .dropdown-menu {
    margin: 0;
    border:1px solid #dfdcd9;
}
.search-combo .dropdown .dropdown-menu>li>a:hover, .search-combo .dropdown .dropdown-menu>li>a:focus {
    color:#464340;background:#efedec;text-decoration:none;
}
.search-combo .dropdown .dropdown-menu>li>a {
   color: #464340;
}
.clearing-call {
    background-image: url("/study-here/images/clearing/2019/call-number2-870.jpg");
    position: relative;
    background-size: cover;
}
.clearing-call .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, rgba(0,0,0,0) 30%, rgba(35,50,137,0.7) 100%);
    width: 100%;
    height: 100%;
}
.bg-clearing2019 {
    background: linear-gradient(to right, #D81E0525 , #23328925);
    margin-bottom: 50px;
}
.clearing-quote {
    padding: 35px 30px 20px;
    position: relative;
}
.cq-stack {
    padding-left: 60px
}

.clearing-quote .lead {
    font-size: 36px;
}
.clearing-quote .quote-mark {
    position: absolute;
    font-size: 76px;
    left: -10px;
    top: 60px;
    color: #d81e05;
}
.cq-stack .quote-mark {
    left: 10px;
}
.clearing-quote footer {
    font-size: 16px;
    font-weight: normal;
    color: #232120;
    font-family: "Humnst777_lt", arial;
    line-height: 1.5em;
    letter-spacing: 3px;
}
.clearing-quote p {
    color: #232120;
    font-family: "Humnst777_lt", arial;
    font-size: 16px;
    /*text-transform: uppercase;*/
    line-height: 1.5em;
    letter-spacing: 3px;
    font-weight: bold;
}
.MainContent .page-content h2.clearing2019-number-title {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}
.MainContent .page-content h3.clearing2019-number {
    color: #fff;
    font-size: 66px;
    margin: 5px 0 35px;
    line-height: 1em;
}
/*.MainContent .page-content h4.clearing2019-accomm {
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 30px;
    font-size: 18px;
}*/
.MainContent .page-content h5.clearing2019-tc {
    color: #fff;
    margin-top: 0;
    font-size: 14px;
    font-weight: normal;
}
.ten img {
  margin-bottom:20px;
  display: block;
  height: auto;
  width: 100%;
}
.ten p, .ten ul {
  font-size: 17px;
}

.MainContent .page-content .ten h3 {
  font-size: 21px;
}
.MainContent .page-content .ten h4 {
  font-size: 19px;
}

/* hidden h1 */

.hidden-h1-fix {
  display: none;
}
.hidden-h1-fix + h1 {
  display: none;
}

/* why CCCU */

.narrative {
    font-size: 17px;
}
.narrative .lead {
    font-size: 21px;
}
.narrative img {
    max-width: 100%;
    height: auto;
}
.narrative .modal-content {
    font-size: 14px;
}
.narrative .bg-info {
    padding: 0 50px 15px;
    display: inline-block;
}
h1.h1-inline {
  margin: 50px 0 40px;
}
h1.h1-inline:first-child {
  margin: 0 0 40px;
}

/*---Join our conversation----*/

.bg-joc {
    background-image: url(/campaigns/images/mental-health-framework/joc-bg1200.jpg);
    background-repeat: no-repeat;
    background-color: #4aace1;
    padding: 100px 50px 50px;
    overflow: auto;
    background-size: contain;
} 
.bg-joc img {
    margin-bottom: 30px;
} 
.bg-joc h2, .bg-joc h3 {
    color: #0e237a;
}

.bg-joc ul {
    font-weight: bold;
}
.bg-joc .book-now-lock-up:after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: 30%;
    width: 1px;
    height: 40%;
    background: #fff;
}
.bg-joc .text-center a {
    text-decoration: none;
}
.bg-joc a {
    color: #232120;
    text-decoration: underline
}

.bg-joc a:hover {
    color: #232120;
    text-decoration: none;
}
.bg-joc .contensis-form .sys_cms-form-body .sys_cms-form-item {
    font-size: 17px;
    line-height: 1.42857;
    color: #232120;
}
/* Copyright */
.MainImage .btn-copyright img.icon-picture {
  width: 40px;
  height: 40px;
}

/*-----feedback slide form-----*/


#feedback {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 250px;
  margin-left: -3px;
  margin-bottom: -3px;
  z-index: 1000;
}

#feedback-form {
  float: left;
  width: 300px;
  height: 100%;
  z-index: 1000;
  padding-left: 5px;
  padding-right: 10px;
  background-clip: 'padding-box';
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#feedback-tab {
  float: right;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  width: 120px;
  height: 42px;
  background-color: rgba(0,0,0,0.5);
  margin-top: 60px;
  margin-left: -42px;
  padding-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#feedback-tab:hover { background-color: rgba(0,0,0,0.4); }

#feedback-form textarea { resize: none; }

/*--------Accommodation facilities----------*/

table.acc-lockup tbody>tr>td {
    padding: 20px 0;
    border-top: 1px solid #efedec;
    border-bottom: 0px solid #dfdcd9;
}
ul.acc-facilities {
    padding: 0;
    margin: 0;
}
ul.acc-facilities li {
    list-style: none;
    padding-left: 25px;
    color: #d81e05;
}
ul.acc-facilities li.acc-bills {
    background: url(/SiteElements/images/icons/bills17x17.gif) no-repeat left 0 bottom 2px;
}
ul.acc-facilities li.acc-wifi {
    background: url(/SiteElements/images/icons/wifi17x17.gif) no-repeat left 0 bottom 2px;
}
ul.acc-facilities li.acc-ensuite {
    background: url(/SiteElements/images/icons/ensuite17x17.gif) no-repeat left 0 bottom 2px;
}
ul.acc-facilities li.acc-security {
    background: url(/SiteElements/images/icons/security17x17.gif) no-repeat left 0 bottom 2px;
}
.acc-price {
    text-align: right;
}
.MainContent .page-content h6, .acc-price h6 {
    margin-top: 0;
}
.acc-price .big-chars {
    font-size: 34px;
}
/*----------- Document suppository-------------*/
.next-button{
    text-align: right;
}

/****************************************}
69 Styles for other screen sizes
****************************************/

/* Let's look on a mobile */
@media (max-width: 767px) {
  
  
  	
  
    header .container {
        padding: 0 10px;
	}
    
    header .container > .navbar-collapse {
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 0;
		padding-right: 0;
		/*margin-bottom: 10px;
		padding-top: 10px;*/
		border-top: 1px solid #0A1E59;
		box-shadow: none;
      	max-height: 490px;
	}
	header .navbar-nav > li > a {
    	padding: 10px;
	}
	
	.navbar-header {
		margin: 3px 0 !important;
	}
	.navbar-header img {
		width: 140px;
	}
	.navbar-default .navbar-toggle, .side-menu-burger .navbar-toggle {
		margin: 14px 0 0 0;
		padding: 15px;
		border-color: #0A1E59;
		background-color: #fff;
	}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #D81E05;
	}
	.navbar-default .navbar-toggle .icon-bar, .side-menu-burger .navbar-toggle .icon-bar {
    	background-color: #0A1E5B;
    	width: 18px;
	}
	.navbar-nav {
		margin: 0;
	}
  	
	.row {
		margin: 0;
	}
	.MainContent .main-row {
		padding-top: 0px;
		margin: 0;
	}
	.MainContent .page-content {
		padding: 0 10px;
	}
	.MainContent .page-content .col-xs-12 {
		padding: 0;
  		clear: both;
        margin-bottom: 30px;
	}
    .MainContent .page-content .centre-column {
        padding-bottom: 20px;
    }

	.carousel-caption-blue .btn {
		font-size: 10px;
  		margin-top: 8px;
      	padding: 10px;
    }
	.carousel-caption-orange .btn {
		font-size: 10px;
  		margin-top: 8px;
      	padding: 10px;
    }
    
    /* some styles for the home page (there are still some further up that need shifting */


	.carousel .num {
		display: none;
	}
	.MainContent .page-content .image-title-container .carousel-control img {
		width: auto;
    }
	.carousel-control img {
    	position: absolute;
    	top: 40%;
    	z-index: 5;
	}
	.carousel-control.left img {
    	left: 30%;
	}
	.carousel-control.right img {
    	right: 30%;
	}
	.carousel-caption-blue, .carousel-caption-red, .carousel-caption-orange {
		position: relative;
	}
	.carousel-caption-red .impact-big {
		font-weight: bold;
	}
	.carousel-caption-red .impact-med {
		font-weight: bold;
	}

    .SlideAndSearch .container {
        padding: 0;
    }
    .carousel-caption-blue, .carousel-caption-red, .carousel-caption-orange, .img-caption {
        width: auto;
        background-color: #232120;
        text-transform: none !important;
        height: 85px;
        padding: 10px;
    }
  	.img-caption {
        position: relative;
    }
	.leading-article .img-caption {
  		left: 0;
 	}
    .carousel-caption-blue br, .carousel-caption-red br, .carousel-caption-orange br, .img-caption br {
        display: none;
    }
    .carousel-inner .carousel-caption-blue p, .carousel-inner .carousel-caption-red p, .carousel-inner .carousel-caption-orange p, .img-caption p {
        color: #fff;
        margin-bottom: 5px;
  		padding: 0 !important;
  		line-height: 1.15em;
    }
	.MainContent .centre-column .img-caption .font-xsmall, .MainContent .image-title-container .img-caption .font-xsmall, .MainContent .carousel-holder .font-xsmall {
		display: block;
	}
    .font-xlarge {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 20px;
    }
    .font-large {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 20px;
    }
    .font-medium {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 20px;
        text-transform: none;
        font-weight: bold;
    }
    .font-small {
        font-size: 16px;
        line-height: 20px;
        text-transform: none;
        font-weight: bold;
    }
    .font-xsmall {
        font-weight: normal;
        font-size: 12px;
        display: none;
    }
	.leading-article .carousel-caption-blue .font-xsmall, .leading-article .img-caption .font-xsmall {
		display: block;
    }
	.image-title-container .img-caption .font-xsmall {
		display: block;
    }
    .SlideAndSearch .course-search-form {
        padding: 20px 10px 10px;
    }
    .course-search-form input#CourseSearch_SearchTextBox {
        font-size: 14px;
        width: 85%;
    }
    .SlideAndSearch .course-search-form .courses-link p {
        font-size: 14px;  
        text-align: center;
    }
    .SlideAndSearch .course-search-form .courses-link {
        padding-right: 0;
        padding-left: 0px;
        margin-top: 10px;
    }
    .SlideAndSearch .course-search-form .courses-link .grey-divide {
       	padding: 0 10px;
	}
    .HomeKeyLinks .row {
        padding: 0;
    }
    .HomeKeyLinks {
        padding: 10px 10px 20px;
    }
    .HomeKeyLinks img.img-responsive {
        display: none;
    }
	.HomeKeyLinks .row > div:hover {
        opacity: 0.7;
        transition: all 0.4s ease 0s;
    }
    .HomeKeyLinks .row > div h2 {
        padding: 0;
        position: relative;
        overflow: auto;
        margin: 10px 0 0 0;
        border-left: 0 !important;
        width: 100%;
        overflow: hidden;
  		bottom: 0;
    }
    .HomeKeyLinks .row > div h2 span span {
        position: inherit;
        display: block;
        padding: 10px 48px 9px 20px;
    }
    .HomeKeyLinks .row > div h2 span span img {
        display: block;
        position: absolute;
        right: 8px;
        top: 0;
    }
   .HomeKeyLinks .row > div.keylink-green, .HomeKeyLinks .row > div.keylink-blue, .HomeKeyLinks .row > div.keylink-orange, .HomeKeyLinks .row > div.keylink-red, .HomeKeyLinks .row > div.keylink-magenta {
        padding: 0;
    }

    .HomeKeyLinks .row > div.keylink-green h2 {
        background-color: #7EB442;
    }
    .HomeKeyLinks .row > div.keylink-blue h2 {
        background-color: #233289;
    }
    .HomeKeyLinks .row > div.keylink-orange h2 {
        background-color: #F58426;
    }
    .HomeKeyLinks .row > div.keylink-red h2 {
        background-color: #D81E05;
    }
    .HomeKeyLinks .row > div.keylink-magenta h2 {
        background-color: #d83d96;
    }
    .LinksArea {
        padding: 0 10px;
    }
    .LinksArea .container {
        padding: 0;
    }
    .LinksArea h2 {
        margin: 50px 0 0;
    }
    .LinksArea .link-lists-left, .LinksArea .link-lists-right {
        overflow: auto;
        padding: 0;
    }
    .LinksArea .link-lists-right {
        margin-bottom: 50px;
    }
    .LinksArea .link-list {
        padding: 5px 0 0;
    }
    .LinksArea .link-list ul {
        margin: 0;
    }
    .LinksArea .link-list a {
        padding: 3px 20px 10px 0;
    }
    .NewsArea {
        padding: 0 10px;
    }
    .NewsArea .container, .NewsArea .container .row .col-xs-12 {
        padding: 0;
    }
	/*.NewsArea .container > .row:first-child div {
        padding: 0 10px;
    }*/
    .NewsArea h2 {
        color: #232120;
        float: none;
        font-family: "humnst777_lt";
        font-size: 30px;
        margin: 30px 0px 10px 0px;
        text-transform: uppercase;
    }
    .NewsArea p.news-links {
        float: left;
        margin: 0 0 20px;
        padding: 0;
    }
    .news-item {
        padding: 0;
    }
    .news-item-top .news-img {
        margin-bottom: 10px;
        margin-right: 15px;
        width: 116px;
        height: auto;
    }
    .news-press {
        background: url(/SiteElements/newICO/icon-press.png) no-repeat scroll right 0px bottom 10px rgba(0, 0, 0, 0);
    }
    .news-item-left {
        height: 305px;
        border-right: 0px solid #EFEDEC;
        padding-right: 0;
        padding-left: 0;
        background-position: right 0 bottom 10px;
    }
    .news-item-left img {
        padding-bottom: 10px;
    }
    .news-item-left h3 {
        margin-top: 0px !important;
    }
    .news-item-top {
        border-top: 5px solid #EFEDEC;
        border-left: 0 solid #EFEDEC;
        border-right: 0 solid #EFEDEC;
        border-bottom: 0 solid #EFEDEC;
        height: 150px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    .news-item-top-right {
        border-right: 0 none;
        padding-left: 0px;
        border-left: 0px solid #EFEDEC;
    }
    .NewsArea p.detail {
        display: none;
    }
    .news-item-bottom {
        border-top: 5px solid #EFEDEC;
        border-left: 0 solid #EFEDEC;
        border-right: 0 solid #EFEDEC;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        background-position: right 0px bottom 10px;
    }
    .news-item-bottom-right {
        background-position: right 0 bottom 0;
        border-right: 0px solid #EFEDEC;
    }
    .NewsArea h3 {
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }
	
    /* restyling the main menu */
	.side-menu-burger {
		padding: 0 10px 10px;
		background-color: #eeebe8;
	}
	.side-menu-burger .navbar-toggle {
		background-color: #eeebe8;
    	border-color: #D81E05;
  		 margin: 10px 0 0;
    	 padding: 10px 15px;
    	 border-radius: 0px;
    	 border: 0px solid rgba(0, 0, 0, 0);
	}	
	.side-menu-burger .navbar-toggle:hover {
		background: #fff;
		opacity: 0.7;
		transition: all 0.4s ease 0s;	
	}
      .navbar-default .navbar-toggle:hover {
	    background: #fff;
	    opacity: 0.7;
	    transition: all 0.4s ease 0s;
    }
      .side-menu-burger .navbar-toggle:focus {
        background: #fff;    
    }
	  .navbar-default .navbar-toggle:focus {
	    background: #fff;
    }
	  .navbar-default .navbar-toggle {
	    border-radius: 0px;
	    border: 0px solid rgba(0, 0, 0, 0);
}
	.side-menu-burger .navbar-toggle .button-text {
		float: left;
		color: #0A1E5B;
		padding-right: 8px;
		text-transform: uppercase;
		line-height: 14px;
	}
	.side-menu-burger .navbar-toggle .burger-wrapper {
    	display: block;
		float: right;
	}
	
	/* the following are all styles related to display on the menu */
	.side-menu {
    	background-color: #f4f3f2;
		padding: 0;
	}
	.side-menu .navbar-collapse {
		max-height: none;
		padding: 0;
		box-shadow: none;
	}
    .MainContent .side-menu ul {
		padding-bottom: 20px;
	}
	.MainContent .side-menu ul ul {
		padding-bottom: 0;
	}
	.MainContent .side-menu li {
	    background-color: #f4f3f2;
	}
	.MainContent .side-menu a {
		color: #0A1E59;
		padding: 9px 15px 9px 10px;
	}
	.MainContent .side-menu a:hover {
		background: #304FFF;
        text-decoration: none;
        color: #fff;
	}
	.MainContent .side-menu ul ul a {
    	padding-left: 25px;
    	padding-right: 15px;
	}
	.MainContent .side-menu ul ul ul a {
    	padding-left: 40px;
    	padding-right: 15px;
	}
	.MainContent .side-menu li li {
		background-color: #AD1804;
		border-top: 1px solid #D81E05;
	}
	.MainContent .side-menu li li li {
		background-color: #AD1804;
		border-top: 1px solid #D81E05;
	}
	.MainContent .side-menu .sys_hasChildren {
    	background-image: url(/SiteElements/images/icons/icon-menu-down-white.png);
	}
	.MainContent .side-menu .item-selected, div.sys_selected a {
		color: #ffffff;
	}
	.MainContent .side-menu li.item-has-children, div.sys_selected.sys_currentitem a {
		background-color: #304FFF;
	    color: #ffffff;
	}
	.MainContent .side-menu li.item-last {
		border-bottom: 1px solid #D81E05;
	}

/* Search results */

	/*.sys_search-control .sys_itemslist .sys_subitem .sys_search-summary {
    	margin: 0 10px;
	}*/
    .sys_flickrpager {
    	margin: 50px 10px 0;
	}

/* The following redefine the elements on the department landing page */
	
	.MainImage {
		background-color: #dfdcd9;
	}
	.MainImage .container {
		padding: 0;
	}
    .leading-article {
        margin: 0 -10px;   
    }
	.MainImage .MainTitle {
 		/*padding-top: 10px;*/
        padding-left: 10px;
        position: relative;
        width: 100%;
        font-size: 24px;
        line-height: 1.2em;
        text-transform: none;
        font-family: arial;
        font-weight: bold;
      	margin-top: 10px;
      	margin-bottom: 10px;
	}

	.MainImage .MainTitle span {
		color: #232120;
		background-color: #dfdcd9;
		padding-right: 0px;
        outline: none;
	}
    
    .MainImageClear .MainTitle span {
        background-color: #ffffff;
    }
    
	.caption-orange-white {
    	position: relative;
    	width: 100%;
	}
  
  	.caption-orange-white h2 {
    	border-right: 0px solid #F58426;
    	float: left;
    	font-size: 16px;
    	line-height: 1.42857em;
    	text-align: left;
    	font-family: arial;
    	font-weight: bold;
    	text-transform: none;
    	padding: 5px 10px 0;
    	margin-bottom: 20px;
	}
  	
  	.caption-orange-white h2 span {
    	background-color: transparent;
    	color: #232120;
    	padding-left: 0px;
    }

	.MainImage .col-xs-12.breadcrumb-container {
    	display: none;
	}
    
	.KeyLinks {
    	margin-bottom: 30px;
        padding: 10px 10px 20px;
  	}
    .KeyLinks .row > div {
        padding: 0;
    }
	.KeyLinks .row {
    	padding: 0;
	}

	.KeyLinks .row div {
    	margin-top: 10px;
	}

	.MainContent .page-content .intro-wrapper h2:first-child {
		margin-top: 20px;
  		font-size: 26px;
	}
    .MainContent .page-content .intro-wrapper {
    	padding: 0 10px;
	}

	/*.connect-wrapper ul li a, .blog-wrapper ul li a {
		margin-left: 10px;
	}*/


/* The following redefine the elements on the sub-landing and generic pages */    
	.MainContent .page-content .image-title-container, .MainContent .centre-column .image-title-container, .MainContent .course-detail .image-title-container {
        margin: 0 -10px 15px;
        position: relative;
    }
    .MainContent .page-content .image-title-container h1, .MainContent .page-content h1 {
		padding: 10px 10px 0 10px;
  		position: relative;
      	font-family: arial;
        line-height: 1.2em;
        text-transform: none;
        max-width: 100%;
        font-size: 24px;
        font-weight: bold;
        margin-top: 10px;
      	width: 100%;
	}
  .MainContent .page-content h1 {
		padding: 10px 0 0;
        margin-bottom: 0;
	}
  .MainContent .page-content h1.h1-inline {
  		margin: 40px 0 20px;
	}
  .MainContent .page-content h1.h1-inline:first-child {
  		margin: 0 0 20px;
	}
    .MainContent .page-content .image-title-container h1 span {
    	outline: none;
	}
  .MainContent .page-content h2 {
        font-size: 18px;
    	line-height: 1.42857em;
	}
	/*.MainContent .main-row {
    	padding: 0 0 0px;
	}*/
	.lead {
    	font-size: 16px;
    	font-weight: bold;
	}
	/*.page-content p {
		padding: 0 10px;
	}
    .page-content ul {
		padding-right: 10px;
	}*/
    .page-content .table p {
        padding: 0;
    }
  	.bg-options {
    	padding: 20px 10px;
	}
    p.bg-asterisk {
        padding-top: 10px;
    }
	p.bg-options {
    	padding: 40px 20px;
	}
    .MainContent div.row.three-column-wrapper, .MainContent div.row.four-column-wrapper {
        margin-bottom: 0;
  		clear:both;
        /*padding: 0 10px;*/
    }
    .story-wrapper, .typographical-wrapper {
        border-bottom: 1px solid #cecac5;
        margin-bottom: 30px;
      	padding-bottom: 20px
    }
    
    .MainContent .page-content .typographical-wrapper h2, .MainContent .page-content .keylinks-image h2 {
     /*   font-size: 14px;
        line-height: 16px;*/
        padding: 0;
    }
    .MainContent .page-content .typographical-wrapper h2 span {
    padding-right: 0px;
}
	
	.MainContent .page-content .typographical-magenta h2 {
		border-left: 0px solid #d83d96;
	}

	.MainContent .page-content .typographical-cyan h2 {
    	border-left: 0px solid #009edb;
	}

	.MainContent .page-content .typographical-green h2 {
    	border-left: 0px solid #7eb442;
	}

	.MainContent .page-content .typographical-orange h2 {
    	border-left: 0px solid #f58426;
	}

	.MainContent .page-content .typographical-red h2 {
    	border-left: 0px solid #d81e05;
	}

	.MainContent .page-content .typographical-blue h2 {
    	border-left: 0px solid #233289;
	}

	.keylinks-image {
        margin-bottom: 20px;
    }
    .keylinks-image p {
        padding-left: 10px;
    }
    div.row-divider-wrapper {
        display: none;
    }
    .MainContent .centre-column .image-title-container h1:first-child, .MainContent .page-content .image-title-container h1:first-child {
        padding: 20px 0 0 10px;
    }
    /*ul#topNav, h2.underline, .MainContent ul.link-list, ul.link-list li ul, address, .contensis-form {
        padding: 0 10px
    }*/
    p.az-top-line {
        padding-top: 10px;
    }
    ul.your-country {
        padding: 0 10px;
    }
    p.bg-info {
        margin: 0 10px 20px 10px;
        padding: 10px;
    }
    div.story-wrapper p.bg-info {
        margin: 0 0 20px 0;
    }
    
  	table ul {
        padding-left: 15px;
    }


	/*--------------Open Days---------------*/

	table.open-days,
	table.open-days thead,
	table.open-days tfoot,
	table.open-days tbody,
	table.open-days tr,
	table.open-days th,
	table.open-days td {
		display:block;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float:left;
		clear:left;
	}	
				
	/* Hide table headers (but not display: none;, for accessibility) */
	table.open-days thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	/* table amends */
				
	table.open-days tbody > tr:nth-child(2n+0) {
		border-bottom: 1px solid #dfdcd9;
		margin-bottom: 20px;
	}

	table.open-days tbody > tr:nth-child(2n+1) {
		margin-bottom: 0;
	}

	table.open-days tbody > tr:first-child {
		border-top: 5px solid #efedec;
  		padding-top: 20px;
	}

	table.open-days tbody > tr > td {
		padding: 0px 10px 4px;
	}

	table.open-days thead, table.open-days tbody, table.open-days tfoot {
		margin-bottom: 0 !important;
	}

	table.open-days thead > tr > td, table.open-days tbody > tr > td, table.open-days tfoot > tr > td {
		border-bottom: 0px solid #DFDCD9;
		border-top: medium none;
	}

	table.open-days tbody > tr:nth-child(2n+1) > td:nth-of-type(1):before {
		content: "Event: "; 
	}

	table.open-days tbody > tr:nth-child(2n+1) > td:nth-of-type(2):before {
		content: "Location: "; 
	}

	table.open-days tbody > tr:nth-child(2n+1) > td:nth-of-type(3):before {
		content: "Date: "; 
	}

	table.open-days tbody > tr:nth-child(2n+1) > td:before {
		font-weight: bold;
		/*display: block;*/
	}
	.od-event-col {
		width: 100%;
	}
				
	.od-location-col {
		width: 100%;
	}
				
	.od-date-col {
		width: 100%;
	}
				
	.od-button-col {
		padding: 10px !important;
		text-align: left;
		width: 100%;
	}
				
	.od-accordion-wrapper {
		padding: 20px 0;
	}

	.yes-border-row {
		background: #EFEDEC;
		border-bottom: 0px solid #dfdcd9 !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
				
	/*------------Social media directory----------------*/

    .social-media-main-list li {
        width: 33%;
        padding-left: 10px;
    }
    .table.social-media-table td:first-child {
        padding-left: 10px;   
    }
	.table.social-media-table td:last-child {
    	padding-right: 10px;
	}
	.social-media-main-list a span {
    	display: none;
    	/*padding-right: 30px;
    	position: relative;
    	top: 50%;
    	transform: translateY(-50%);*/
	}

	/*------------SMT profiles----------------*/

	.break-word {
  		-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     	word-break: break-all;

     /* Non standard for webkit */
    	word-break: break-word;

	 	-webkit-hyphens: auto;
   		-moz-hyphens: auto;
  		-ms-hyphens: auto;
      	hyphens: auto;
    }  

	.table-profile tr td {
		padding: 10px !important;			
	}
  
  	.table-profile .btn-last {
    	margin-left: 10px;
    	margin-top: 10px;
	}

	.table-profile h3 {
    	margin: 10px 0 0 !important;
  		padding: 0 !important;
	}

	.profile-img {
    	float: none;
	}

	.table-profile p {
    	margin: 0;
	}
    .table-profile p:first-of-type {
    margin: 0 0 0 0px;			
}

	.profile-container img {
    	left: 10px;
    	top: 57px;
	}
	.MainContent .page-content .image-title-container .profile-h1-fix + h1 {
  		font-size: 18px;
        line-height: 1.2em;
  		width: 50%;
        left: 150px;
        top: 67px;
    }
    .MainContent .page-content .profile-container h3 {
    	font-size: 14px;
        font-weight: normal;
        line-height: 1.42857em;
    	margin: 55px 0 0 140px !important;
	}
	p.link-right {
    	width: 100%;
        padding: 0 10px 10px;
	}
  	.profile-container {
    	min-height: 140px;
	}

  
    .MainContent .page-content h2, .MainContent .page-content h3, .MainContent .page-content h4 {
        /*padding-left: 10px;
  		padding-right: 10px;*/
  		clear: both;
    }
	/*.MainContent .centre-column .panel-group {
        padding: 0 10px;
	}*/
    /*.MainContent .panel-default > .panel-heading {
        padding-top: 10px;
 		padding-bottom: 10px;
    }*/
	.MainContent .centre-column .panel-title {
		padding-left: 0;
        padding-right: 0;
     }
    .MainContent .centre-column .panel .panel-body {
        padding: 15px 10px;
    }
    /*.MainContent .right-column .downloads-wrapper, .MainContent .right-column .find-out-wrapper, .MainContent .page-content .connect-wrapper, .MainContent .page-content .blog-wrapper, .MainContent .page-content .news-wrapper, .MainContent .page-content .module-wrapper {
        padding: 0 10px 10px 10px;
    }*/
    .MainContent .right-column .downloads-wrapper h2, .MainContent .right-column .find-out-wrapper h2, .MainContent .page-content .connect-wrapper h2, .MainContent .page-content .blog-wrapper h2, .MainContent .page-content .news-wrapper h2, .MainContent .page-content .module-wrapper h2 {
        padding: 0 0 10px 0;
    }
	.MainContent .page-content .events-wrapper p {
		padding: 0;
    }

	/* mini staff lists */
	.table.mini-staff-list td:first-child  {
    	padding-left: 10px;
	}
	.table.mini-staff-list td:last-child {
    	padding-right: 10px;
	}

	/* Staff lists */

	table.table-staff-list,
	table.table-staff-list thead,
	table.table-staff-list tfoot,
	table.table-staff-list tbody,
	table.table-staff-list tr,
	table.table-staff-list th,
	table.table-staff-list td {
		display:block;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float:left;
		clear:left;
	}

	table.table-staff-list thead > tr > th {
		display:none;
	}
	
	table.table-staff-list thead > tr {
		border-top: 5px solid #dfdcd9;
  		margin-bottom: 10px;
	}

	table.table-staff-list tbody > tr > td {
		border-bottom: 0px solid #dfdcd9;
	}

	table.table-staff-list tbody > tr {
		border-bottom: 1px solid #dfdcd9;
		margin-bottom: 10px;
	}

	table.table-staff-list tbody > tr > td {
		padding: 10px 10px;
	}
	
	.MainContent .page-content .table-staff-list h3, .MainContent .page-content .table-staff-list h4 {
    	padding: 0;
	}

	.table-staff-list .profile-button-col {
		text-align: left;
	}
	
	.MainContent .centre-column .profile-details h2 {
  		clear: none;
		font-size: 18px;
	}
	
	.MainContent .centre-column .profile-details h3 {
        clear: none;
	}
            
    .acc-staff-profile-img {
    	margin-left: 10px;
	}

	.acc-staff-profile-header .profile-details img {
  		margin-left: 0px
    }
    .profile-details img {
    	margin-left: 10px
    }
    .createBox {
    	padding-left: 10px;
        padding-right: 10px;
    }

	/* Associated logos */

	.ass-logo-grid li {
    	width: 100%;
    	border-right: 0px dashed #dfdcd9;
	}

/* The following redefine the elements on the department landing page */
	.MainContent .course-detail {
		padding: 0 10px;
      	margin-top: 0;
  		clear: both;
	}
	/*.MainContent .course-detail {
    	margin-top: 0;
	}*/
	.MainContent .course-facts, .MainContent .right-column .fact-file {
		padding: 0 10px;
      	margin-top: 0;
  		clear: both;
	}
	.MainContent .course-facts .combines-with {
    	margin: 0 0 0;
	}
	.MainContent .course-detail .image-title-container h1 {
		padding-left: 10px;
  		position: relative;
	}
    /*.MainContent .course-detail .panel-group {
    	padding-bottom: 0;
   		padding-left: 10px;
    	padding-right: 10px;
    	padding-top: 0;
	}*/
    .MainContent /*.course-detail*/ .panel .panel-body {
      	padding: 15px 10px;
	}
    .MainContent .panel-title a {
    color: #232120;
    display: block;
    padding: 10px 48px 10px 10px;
}
    .MainContent .course-detail .panel-body h2, .MainContent .course-detail .panel-body h3 {
    	clear: both;
    	/*padding-left: 10px;
    	padding-right: 10px;*/
	}
   	/*.course-detail .panel-body p {
    	padding-bottom: 0;
   		padding-left: 10px;
    	padding-right: 10px;
    	padding-top: 0;
	}*/
	.MainContent .course-extra {
    	padding: 0 10px;
	}

	/* CAE Short courses */
	/*.table-short-courses h3 {
    	margin: 0 !important;
	}
	.table-short-courses p {
    	margin: 5px 0 0 10px !important;
	}*/

	table.table-short-courses,
	table.table-short-courses thead,
	table.table-short-courses tfoot,
	table.table-short-courses tbody,
	table.table-short-courses tr,
	table.table-short-courses th,
	table.table-short-courses td {
		display:block;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float:left;
		clear:left;
	}

	table.table-short-courses thead > tr > th {
		display:none;
	}
	
	table.table-short-courses thead > tr {
		border-top: 5px solid #dfdcd9;
  		margin-bottom: 10px;
	}

	table.table-short-courses tbody > tr > td {
		border-bottom: 0px solid #dfdcd9;
	}

	table.table-short-courses tbody > tr {
		border-bottom: 1px solid #dfdcd9;
		margin-bottom: 10px;
	}

	table.table-short-courses tbody > tr > td {
		padding: 10px 10px;
	}
	
	.MainContent .page-content .table-short-courses h3, .MainContent .page-content .table-short-courses h4 {
    	padding: 0;
  		clear: none;
	}

	.table-short-courses .profile-button-col {
		text-align: left;
	}

	.table-short-courses .details-button-col {
    	text-align: left;
    	width: 100%;
	}
	.table-short-courses .details-button-col .btn-last {
    	margin-left: 100px;
	}
	.events-image img {
  		display: block;
		float: none;
  		margin: 0 0 20px 0;
	}

	/* table term dates */

    table.term-dates tbody > tr > th.year span {
		display: none;
  	}
    table.term-dates tbody > tr > th.year:before {
      	content: 'Yr';
  	}

	/* button drop down */
	.btn-accordion {
		margin: 10px 0 0;
	}
  	.bg-accordion {
		margin: 0 10px 10px;
	}
	.bg-accordion p, .bg-accordion ul {
		padding: 0;
	}
	/* Get portal */
	.img-caption-dept {
    height: 175px;
	}
	/* Share this page */
	.ShareThisPage .container > .row:first-child > div {
		padding: 0 10px;
    }
	/* A few footer styles here */
    .FeedbackRequest .feedback-message {
        padding: 0 10px;
    }
    .FeedbackRequest .feedback-button {
        text-align: left;
        padding: 10px 10px 0 10px;
    }
    .ConnectUs h2 {
        padding-left: 10px;
        font-size: 30px;
    }
	.ConnectUs .social-icons a:last-child img {
    	margin: 0 0 16px 0;
	}
    .ConnectUs .social-tweet {
        padding: 0 10px;
    }
    .ConnectUs .social-icons {
        padding: 0 10px;
        margin-top: 25px;
    }
    .ConnectUs .social-icons div img {
        height: 60px;
        width: 60px;
    }
    .MainFooter .footer-links {
        padding: 0 10px;
    }
    .MainFooter .footer-contacts {
        padding: 0 10px;
        text-align: left;
    }

	/* Graduation form */

	.contensis-form ul.link-list, .contensis-form ul.link-list h3 {
		padding: 0;
	}
    
	/* Clearing call now mobile only button */

	#call-now {
  		display: block;
	}

	
	
	/* Library search */

	.librarySearchRow {
    	padding: 0 10px 20px;
  		border-bottom: 1px solid #cecac5;
	}
	#librarySearchForm #librarySearch {
        width: 86%;
	}
	.librarySearchRow p {
    	text-align: center;
  		margin-top: 15px;
	}

	/* SCG Archive */

	.MainContent .page-content .archive h3, .MainContent .page-content .archive p {
    	margin-bottom: 10px;
    	width: auto;
	}
    
    /* Modal pop-ups */

    .modal-header, .modal-body {
        padding: 10px;
    }
    
    /* Footer logo */
    img.footer-logo {
        top: 20px;
        position: relative;
    }
    /* Flow diagrams */
    .MainContent .page-content .flow {
        position: relative;
        padding: 10px 10px
    }
    .bg-box {
        padding: 15px;
    	border: 2px solid #dfdcd9;
      	border-radius: 4px;
    }
     /* Search results page */
    
    .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 83%;
    }
    
     /*-------error pages-------*/

    .error-401 {
        background: url(/SiteElements/images/global/error-401.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-4012 {
        background: url(/SiteElements/images/global/error-4012.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-404 {
        background: url(/SiteElements/images/global/error-404.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-500 {
        background: url(/SiteElements/images/global/error-500.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-page .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
        width: 88%;
    }
  
  	 /* timetable calendar for Sports Centre */
  
  	.calendar {
  		margin: 0;
	}


    .calendar-column {
      width: 100%;
      display: block;
      margin: 0 0 20px;
    }
  
  /*Events*/
  
  .sys_tools-control {
        margin: 0;
        padding: 8px 0;
        text-align: left;
        width: auto;
	}
  
  	.sys_tools-control div {
        float: left;
        min-height: 16px;
        text-align: left;
        padding: 0 20px 0 0;
	}

	.sys_tools-control div a {
        display: block;
        color: #1a67b4;
        text-decoration: none;
        padding: 2px 0 2px 25px;
        background-repeat: no-repeat;
        background-position: 0 50%;
	}
    .sys_events .sys_tabsfilter-control ul li.sys_selected > a, .sys_events .sys_tabsfilter-control ul li.sys_selected > a:hover {
     	border-bottom: 1px solid #dfdcd9;
   	}
  	.sys_events .sys_tabsfilter-control ul {
    	border-bottom: 0px solid #dfdcd9;
      	margin-top: 20px;
  	}
  	.sys_events .sys_tabsfilter-control ul li {
      	margin-bottom: 1px;
  	}
 	.sys_events-search-control {
        position: relative;
        width: 100%;
      	top: 0;
      	left: 0;
      	margin: 20px 0 40px;
    }
  	.sys_events-search-control .sys_checkbox-list {
    	display: none;
	}
  	
  	.sys_events .sys_first-groupset .sys_first {
      	border-top: 1px solid #efedec;
    }
  	.sys_events .sys_paginginfo {
    	float: left;
      margin: 10px 0;
    }
  	.sys_events .sys_flickrpager {
    	margin: 20px 0 0;
	}
  	.sys_events .sys_navigation > span > span, .sys_events .sys_navigation > span > a {
      	padding: 5px 10px;
    }
  	.sys_events-details dd.sys_events-description .event-detail-map {
    	position: relative;
        top: 0;
        left: 0;
        width: 100%;
      	height:auto;
      	margin: 0 0 20px;
    }
  	/* Scheduler */
  	.scheduler {
    	margin: 0 0 20px;
    	overflow: auto;
	}
  	.scheduler div:first-child {
      	float: none;
    }
	.scheduler-column25, .scheduler-column33, .scheduler-column50, .scheduler-column100 {
		margin: 0 0 10px;
		float: none;
	}
	.scheduler-column25 {
  		width: 100%;
	}
	.scheduler-column33 {
 	 	width: 100%;
	}
	.scheduler-column50 {
    	width: 100%;
	}
	.scheduler-column100 {
  		width: 100%;
	}
  	.scheduler-key {
  		text-align: left;
	}
  	.scheduler-key span {
    	padding: 0 5px;
    	display: inline-block;
    	margin: 10px 5px;
	}
  
  /*----full-width campaign pages----*/
  
.campaign-fullwidth .lead {
  font-size: 16px;
  margin-top: 15px;
  font-weight: normal;
	}
  .search-box570 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 83%;
  	border: 0;
    }
  
  /*----iframe sizes---------*/

.iframe-pg-openevening iframe {height: 1890px;}
  
  /*----course pages----*/
  

  	.MainContent .course-detail .image-title-container span.title_medium {
        font-size: 14px;
        line-height: 1.42857em;
        font-family: arial;
        margin-top: 7px;
	}
  	.MainContent .course-detail .image-title-container span.title_large {
        font-family: arial;
        line-height: 1.2em;
        text-transform: none;
        max-width: 100%;
        font-size: 24px;
        font-weight: bold;
        margin-top: 5px;
	}
  	.MainContent .course-detail .image-title-container span.title_small {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.42857em;
        padding-top: 2px;
        font-family: Arial,sans-serif;
        margin-top: 7px;
	}
  /*-----------FAQs----------*/
  	.sys_faqs-search-control .sys_keywords-row  {
        width: 100%;
        padding-right: 0;
        display: block;
    }

    .sys_faqs-search-control .sys_category-row  {
        width: 100%;
        display: block;
    }

    .bg-izone .sys_search-options {
        background-image: url(/faq2/images/logo-izone.png);
        background-repeat: no-repeat;
        background-position: right 20px bottom 20px;
        padding: 20px 20px 20px 20px;
        background-color: #8c0053;
        color: #FFFFFF;
        margin-bottom: 40px;
        border-radius: 5px;
        background-size: 50px 50px;
    }

    .sys_faqs-control .sys_itemslist h4 {
        padding: 10px 0;
    }

  /*-----Clearing 2017--------*/
    .student-stories {
        font-weight: normal;
        font-size: 14px;
    }
  
 table.clearing-links {
  	background-image: none;
	}
  
	.clearing-links .view, .clearing-links .call, .clearing-links .email {
      padding: 0 0;
	}
    /*-----Clearing 2018--------*/

    .clearing-quote .lead {
        font-size: 21px;
    }
    .clearing-quote p {
        font-size: 16px;
    }
    .clearing-quote .cite {
        font-size: 14px;
    }
    .clearing-quote {
        padding: 35px 30px 20px 60px;
        position: relative;
    }
    .clearing-quote .quote-mark {
        left: 10px;
    }
  
  	/* why CCCU */

    .narrative {

        font-size: 14px;
    }
     /* big characters */

    .MainContent .big-chars {
        font-size: 16px;
    }
 	 /*---feedback slider---*/

     #feedback-form {
  		width: 250px;
     }
      #feedback-tab {
        font-size: 16px;
        height: 32px;
        margin-top: 134px;
        margin-left: -47px;
        padding-top: 4px;
        font-weight: bold;
    }

    /*--------predictive search---------*/
    .search-box-outline input.ui-autocomplete-input {
        margin-bottom: 0;
    }

    input.ui-autocomplete-input {
        margin-bottom: 50px;
    }
    .search-combo > div {
        width: 100%;
    }
    .mobile-margin, .search-combo  {
        margin-bottom: 20px;
    }
    /*----join our conversation------*/
    .narrative .bg-info {
        padding: 0 20px 15px;
        display: inline-block;
    }
    .bg-joc {
        padding: 50px 20px 50px;
    }
    .bg-joc .book-now-lock-up:after {
            content: "";
            position: absolute;
            right: 0;
            z-index: 100;
            bottom: 30%;
            width: 0px;
            height: 40%;
            background: #fff;
        }
    .bg-joc .contensis-form .sys_cms-form-body .sys_cms-form-item {
        font-size: 14px;
    }
    /*----clearing 2019---*/
    .i-want-to-apply img, .i-have-an-offer img {
        margin-bottom: 30px;
    }
}



/* Let's look at a tablet! */
@media (min-width: 768px) and (max-width: 991px) { 
    
    /* Some header styles */
	#searchBlock > a {
        display: none;
	}

	/*li#searchBlock.open {
	display: none;
    }*/

    .navbar-nav {
        margin-left: -15px;
    }
     .navbar-nav > li > a {
        padding: 10px;
    	font-size: 12px;
    }
	#mainSearchControl_SearchTextBox, #searchForm #Search {
    	top: 38px;
	}
	#searchForm #SubmitSearch {
   	 	background: url(/SiteElements/images/icons/search-icon-blue-30x30.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    	top: 38px !important;
	}
    /*.navbar-nav.pull-right > li {
        width: 110px;
    }*/
	.yamm-content .mega-list {
    	padding: 30px 0;
	}
	.yamm-content li.second-column {
    	padding-top: 24px;
	}
	.yamm-content .info-gfx {
    	margin-top: 54px;
	}
	.yamm-content .info-gfx-text {
    	margin: 54px 0 15px;
    	text-transform: uppercase;
	}
	.yamm-content .mega-list li span {
    	font-size: 16px;
    	font-weight: bold;
	}
	.yamm-content .mega-list li {
        font-size: 12px;
        line-height: 1.1em;
    }
    .yamm-content .info-gfx-text {
        font-size: 12px;
        line-height: 1.1em;
    }
	.dropdown.yamm-fullwidth .dropdown-menu {
  		height: 320px;
	}
	.yamm-content .mega-list {
  		height: 320px;
	}
	.yamm-content .extra-list {
    	height: 320px;
	}
	.yamm-content img.logo-st-par {
    	width: 100px;
      	height:	auto;
        right: 10px;
	}
    .yamm-content img.logo-the {
        width: 151px;
      	height:	auto;
	}
    /* Search results page */
    
    .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 91%;
    }
  
  .search-box870 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 87%;
}
    
    /* Carousel, course search and font sizing */

	
	
    .carousel-caption-blue {
        width: 32%;
    }
    .carousel-caption-red {
        width: 32%;
    }
 	.carousel-caption-orange {
        width: 32%;
    }
    .font-xlarge {
        font-size: 68px;
    }
    .font-large {
        font-size: 34px;
    }
    .font-medium {
        font-size: 20px;
    }
    .font-small {
        font-size: 16px;
    }
    .font-xsmall {
        font-size: 12px;
    }
	.carousel-caption-blue .btn {
		font-size: 10px;
      	padding: 10px;
    }
	.carousel-caption-orange .btn {
		font-size: 10px;
      	padding: 10px;
    }


    .SlideAndSearch .course-search-form #CourseSearch, .course-search-form input#CourseSearch_SearchTextBox {
        font-size: 16px;
        width: 88%;
    }
    .SlideAndSearch .course-search-form .courses-link p {
        font-size: 16px;
    }
    
    .HomeKeyLinks .row {
        padding: 20px 0 30px;
    }
    .HomeKeyLinks img.img-responsive {
        display: none;
    }
    .HomeKeyLinks .row > div:hover {
        opacity: 0.7;
        transition: all 0.4s ease 0s;
    }
    .HomeKeyLinks .row > div h2 {
        padding: 0;
        position: relative;
        overflow: auto;
        margin: 10px 0 0 0;
        border-left: 0 !important;
        width: 100%;
        overflow: hidden;
  		bottom: 0;
    }
    .HomeKeyLinks .row > div h2 span span {
        position: inherit;
        display: block;
        padding: 10px 48px 9px 20px;
    }
    .HomeKeyLinks .row > div h2 span span img {
        display: block;
        position: absolute;
        right: 8px;
        top: 0;
    }
    .HomeKeyLinks .row > div.keylink-green h2 {
        background-color: #7EB442;
    }
    .HomeKeyLinks .row > div.keylink-blue h2 {
        background-color: #233289;
    }
    .HomeKeyLinks .row > div.keylink-orange h2 {
        background-color: #F58426;
    }
    .HomeKeyLinks .row > div.keylink-red h2 {
        background-color: #D81E05;
    }
    .HomeKeyLinks .row > div.keylink-magenta h2 {
        background-color: #d83d96;
    }
    /* News and events section */
	.NewsArea h2 {
        color: #232120;
        float: none;
        font-family: "humnst777_lt";
        font-size: 36px;
        margin: 30px 0 10px -15px;
        text-transform: uppercase;
	}
	.NewsArea p.news-links {
    	float: left;
    	margin: 0 0 20px -15px;
    	padding: 0;
	}
    .news-item-top .news-img {
        margin-bottom: 10px;
        margin-right: 15px;
        width: 116px;
        height: auto;
    }
    .news-item-left {
        height: 195px;
        border-bottom: 5px solid #EFEDEC;
        border-right: 0px solid #EFEDEC;
        padding-right: 0;
        background-position: right 0 bottom 10px;
    }
    .news-item-left img {
        float: left;
        padding-right: 15px;
    }
    .news-item-left h3 {
        margin-top: 0px !important;
    }
    .news-item-top {
        border-bottom: 5px solid #EFEDEC;
        border-left: 0px solid #EFEDEC;
        border-right: 5px solid #EFEDEC;
        height: 160px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
    }
    .news-item-top-right {
        border-right: 0 none;
        padding-left: 10px;
        border-left: 0px solid #EFEDEC;
    }
    .news-item-bottom {
        border-left: 0px solid #EFEDEC;
        border-right: 5px solid #EFEDEC;
        height: 150px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .news-item-bottom-right {
        background-position: right 0 bottom 0;
        border-right: 0px solid #EFEDEC;
    }
    .NewsArea h3 {
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

	/* Department landing page */

	.KeyLinks .row {
        padding: 20px 0 30px;
    }
    
    .KeyLinks .row div{
        margin-top: 10px;
    }

	.caption-orange-white {
    	width: 270px;
	}
  
  	.caption-orange-white h2 {
    	font-size: 24px;
    	line-height: 1em;
      	overflow: hidden;
	}

	.MainContent .page-content .intro-wrapper h2:first-child {
    	margin-top: 20px;
  		font-size: 26px;
	}

    /*---typographical g-units---*/
    .MainContent .page-content .typographical-wrapper h2 {
        line-height: 20px;
        font-size: 18px;
    }
    
    /* A few footer styles */
    .FeedbackRequest .feedback-button {
        padding-top: 10px;
        text-align: left;
    }
    .MainFooter .footer-contacts {
        text-align: left;
    }
    
	/* Sub-template styles */
	.MainContent .page-content .typographical-wrapper h2 {
    	font-size: 16px;
    	font-weight: normal;
    	line-height: 17px;
    	text-transform: uppercase;
	}
	.od-details {
    	margin-right: 0;
    	margin-bottom: 10px;
	}
  	.od-event-col {
    	width: 35%;
	}
  	.od-location-col {
    	width: 20%;
	}
  	.od-date-col {
    	width: 23%;
	}
  	.od-button-col {
    	width: 22%;
	}
	.social-media-main-list li {
        width: 50%;
        padding-left: 10px;
    }

	/* events list unit */

	.events-wrapper .date70x70 {
    	border-radius: 25px;
    	height: 50px;
    	line-height: 1.1em;
    	width: 50px;
	}
	.MainContent .events-wrapper .table-events-list tbody > tr > td:first-child {
    	width: 60px;
	}
	.events-wrapper .date70x70 span {
    	font-size: 18px;
    	padding-top: 10px;
	}

	/* Right hand column reconfiguration */
	.MainContent .page-content .right-column {
  		padding-top: 40px;
  	}
	
	/* Courses */

	.MainContent .course-extra {
      	margin-top: 0;
  		clear: both;
	}
	.MainContent .course-detail, .MainContent .course-facts {
        margin-bottom: 30px;
    }
    .MainContent .course-facts .combines-with {
    	margin: 0 0 0;
	}


	/* Keylinks-image */

	.MainContent .page-content .keylinks-image H2 {
    	font-size: 14px;
    	line-height: 16px;
	}

	/* Profiles */
	.profile-button-col {
    	text-align: right;
       	width: 45%;
	}
	
	.MainContent .page-content .image-title-container .profile-h1-fix + h1 {
  		width: 340px;
    }
	.link-right {
    	width: 490px;
	}
	
	/* Staff list */
    
    .table-staff-list .profile-button-col {
    	text-align: right;
       	width: 25%;
	}
    .table-staff-list .btn-last {
    	margin-left: 10px;
    	margin-top: 10px;
	}
	
	.profile-details {
    	margin-bottom: 20px
    }

	/* Associated logos */

	.ass-logo-grid li {
    	width: 50%;
    	border-right: 1px dashed #dfdcd9;
	}
	.ass-logo-grid li:nth-child(2n+2) {
    	border-right: 0px solid #dfdcd9;
	}

	/* Search results page */

	.MainContent .page-content .centre-column {
    	padding-bottom: 20px;
  		overflow: auto;
	}
	/* button drop down */
	.btn-accordion {
		white-space: normal;
	}
	/* Get portal */
	.img-caption-dept {
    	bottom: 7%;
  	    
    }

	/* clearing */

	.clearing-no {
    	font-size: 18px;
    	height: 91px;
    	padding-top: 34px;
	}

    /*-----Clearing 2018--------*/

    .clearing-quote .lead {
        font-size: 21px;
    }
    .clearing-quote p {
        font-size: 16px;
    }
    .clearing-quote .cite {
        font-size: 14px;
    }
    .clearing-quote {
        padding: 35px 30px 20px 60px;
        position: relative;
    }
    .clearing-quote .quote-mark {
        left: 10px;
    }

	/* Library search */

	#librarySearchForm #librarySearch {
   		width: 92%;
	}
	.librarySearchRow p {
    	text-align: center;
	}
	/* SCG Archive */

	.MainContent .page-content .archive h3, .MainContent .page-content .archive p {
    	margin-bottom: 10px;
    	width: auto;
	}
    
    /*-------error pages-------*/

    .error-401 {
        background: url(/SiteElements/images/global/error-401.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-4012 {
        background: url(/SiteElements/images/global/error-4012.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-404 {
        background: url(/SiteElements/images/global/error-404.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    .error-500 {
        background: url(/SiteElements/images/global/error-500.gif) no-repeat 150px 0;
        background-size: 250px auto;
    }
    
    /*------column tweaks--------*/
    
    .MainContent .page-content .third-column {
		clear: both;
        padding-top:30px;
	}
	
   /* timetable calendar for Sports Centre */
  
  	.calendar {
  		margin: 0;
	}


    .calendar-column {
      width: 100%;
      display: block;
      margin: 0 0 20px;
    }
  
   /*Events*/
  
  	.sys_tools-control {
        width: auto;
	}
  
  	.sys_tools-control div {
        float: left;
        padding: 0 20px 0 0;
	}
  	.sys_events .sys_tabsfilter-control ul {
      	margin-top: 20px;
  	}
  	.sys_events .sys_tabsfilter-control ul li > a {
      	padding:6px 8px;
  	}
 	.sys_events-search-control {
        position: relative;
        width: 100%;
      	top: 0;
      	left: 0;
      	margin: 20px 0 40px;
    }
  	.sys_events-search-control .sys_checkbox-list {
    	display: none;
	}
  	.sys_events .sys_first-groupset .sys_first {
      	border-top: 1px solid #efedec;
    }
  	.sys_events .sys_navigation > span > span, .sys_events .sys_navigation > span > a {
      	padding: 5px 10px;
    }
	.sys_events-details dd.sys_events-description .event-detail-map {
    	position: relative;
        top: 0;
        left: 0;
        width: 100%;
     	height:auto;
    }
  	/* Scheduler */
  	.scheduler div:first-child {
      float: none;
    }
	.scheduler-column25, .scheduler-column33, .scheduler-column50, .scheduler-column100 {
		margin: 0 5px;
		float: left;
	}
	.scheduler-column25 {
  		width: 131px;
	}
	.scheduler-column33 {
 	 	width: 178px;
	}
	.scheduler-column50 {
    	width: 272px;
	}
	.scheduler-column100 {
  		width: 555px;
	}
  /*----full-width campaign pages----*/
  
.campaign-fullwidth .lead {
  font-size: 18px;
  margin-top: 20px;
	}
  .search-box570 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 90%;
  	border: 0;
    }
  
  	/*------------FAQs-------------*/
	.sys_faqs-search-control .sys_keywords-row  {
        width: 100%;
        padding-right: 0;
        display: block;
    }

    .sys_faqs-search-control .sys_category-row  {
        width: 100%;
        display: block;
    }

    .sys_faqs-control .sys_itemslist h4 {
        padding: 15px 0;
    }
  /*---sports centre---*/
  
  .sp-membership-column {
    width: 148px;
    font-size: 0.9em;
  }
  /*-Clearing 2017----*/
  .view, .call, .email {
      padding: 0 0;
	}
  /*---feedback slider form---*/
   #feedback {
      bottom: 280px;
   }
   
}	
	


/* A bit of desktop happiness */
@media (min-width: 992px) and (max-width: 1199px) { 

    /* Some header styles */

	li#searchBlock.open {
	    display: block;
	}
	.navbar-nav > li > a {
    	padding: 54px 8px 16px;
    	font-size: 12px;
    }
	
	#searchBlock > a {
    	display: block;
    	float: right;
    	margin-top: 0;
    	padding: 50px 10px 10px 0;
    	text-align: right;
    	width: 105px;
    	z-index: 1;
  		font-size: 12px;
	}
	#searchBlock > a img {
    	background: url(/SiteElements/images/icons/sprites/icons-white.png) repeat scroll -525px -45px rgba(0, 0, 0, 0);
    	left: 0;
    	position: relative;
    	top: -2px;
	}
	.navbar-nav.pull-right > li #mainSearchControl_SearchTextBox, .navbar-nav.pull-right > li #searchForm #Search {
    	display: none;
	}
	#mainSearchControl_SearchTextBox, #searchForm #Search {
		background-color: #fff;
    	border: medium none #FFFFFF;
    	border-radius: 15px;
    	color: #232120;
    	height: 30px;
    	left: 0;
    	margin-left: 0;
    	padding: 0px 5px 0px 15px;
    	position: absolute;
    	top: 48px;
    	transition: none 0s ease 0s;
    	width: 215px;
    	z-index: 2;
	}
	#searchForm #SubmitSearch {
    	background: url(/SiteElements/images/icons/search-icon-blue-30x30.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    	height: 30px;
    	left: 180px;
    	padding: 0;
    	top: 48px !important;
    	transition: none 0s ease 0s;
    	width: 30px;
    	z-index: 2;
	}
	
    .navbar-nav.pull-right > li {
        width: 105px;
    }
	.navbar-nav.pull-right > li.open {
    	background-color: #AD1804;
    	width: 362px;
	}
	.open > a img {
    	background: url(/SiteElements/images/icons/sprites/icons-white.png) repeat scroll -445px -205px rgba(0, 0, 0, 0) !important;
    	left: 0;
    	position: relative;
    	top: -2px;
	}
	.navbar-nav.pull-right > li.open #mainSearchControl_SearchTextBox, .navbar-nav.pull-right > li.open #searchForm #Search {
    	display: block;
    	left: 33px;
	}
	.navbar-nav.pull-right > li.open #mainSearchControl_SearchButton, .navbar-nav.pull-right > li.open #searchForm #SubmitSearch {
    	display: block;
    	left: 211px;
	}
    .yamm-content .info-gfx-text {
        font-size: 12px;
        line-height: 1.1em;
    }
	.dropdown.yamm-fullwidth .dropdown-menu {
  		height: 440px;
	}
	.yamm-content .mega-list {
  		height: 440px;
	}
	.yamm-content .extra-list {
    	height: 440px;
	}
	.yamm-content img.logo-st-par {
    	width: 120px;
      	height:	auto;
	}
    .yamm-content img.logo-the {
        width: 206px;
      	height:	auto;
	}
    
    .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 91%;
    }
  .search-box870 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 93%;
}
    
    /* Carousel, course search and font sizing */

	
	.carousel-caption-red .impact-big {
		font-size: 125px;
		line-height: 100px;
	}
	.carousel-caption-red .impact-med {
		font-size: 48px;
	}
    .carousel-caption-blue {
        width: 32%;
    }
    .carousel-caption-red {
        width: 32%;
    }
	.carousel-caption-orange {
        width: 32%;
    }
	.leading-article .carousel-caption-blue, .leading-article .img-caption {
        width: 40%;
    }
    .leading-article .carousel-caption-red, .leading-article .carousel-caption-orange {
        width: 40%;
    }
    .font-xlarge {
        font-size: 90px;
    }
    .font-large {
        font-size: 42px;
    }
    .font-medium {
        font-size: 26px;
    }
    .font-small {
        font-size: 16px;
    }
    .font-xsmall {
        font-size: 12px;
    }
    .SlideAndSearch .course-search-form #CourseSearch, .course-search-form input#CourseSearch_SearchTextBox {
        font-size: 16px;
    }
    .SlideAndSearch .course-search-form .courses-link p {
        font-size: 16px;
    }
    
    .HomeKeyLinks .row > div h2 {
        width: 88%;
  		line-height: 1.15em;
    }

    /* News and events section */
    .news-item-top .news-img {
        margin-bottom: 10px;
        margin-right: 15px;
        width: 152px;
        height: auto;
    }
    .news-item-left {
        height: 310px;
    }
    .news-item-top {
        height: 160px;
    }
    .news-item-bottom {
        height: 150px;
    }
    .NewsArea p.detail {
        display: none;
    }
    .NewsArea h3 {
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    /*---typographical g-units---*/
    .MainContent .page-content .typographical-wrapper h2 {
        line-height: 20px;
        font-size: 18px;
    }
	
	/* Keylinks */
	.key-links-wrapper a {
    	font-size: 14px;
	}

	/* VC */	
	.btn-accordion {
		white-space: normal;
  		line-height: 1.2em;
	}
	/* Profiles */
	.profile-button-col {
    	text-align: right;
       	width: 40%;
	}
	.MainContent .page-content .image-title-container .profile-h1-fix + h1 {
  		width: 320px;
    }
	.link-right {
    	width: 470px;
	}

	/* Associated logos */

	.ass-logo-grid li {
    	width: 50%;
    	border-right: 1px dashed #dfdcd9;
	}
	.ass-logo-grid li:nth-child(2n+2) {
    	border-right: 0px solid #dfdcd9;
	}

	/* Department page */
	.MainContent .page-content .intro-wrapper h2:first-child {
    	font-size: 26px;
	}

	/* clearing */

	.clearing-no {
    	font-size: 24px;
    	height: 122px;
    	padding-top: 45px;
	}

	/* Library search */

	#librarySearchForm #librarySearch {
   		width: 90%;
	}

	/* SCG Archive */

	.MainContent .page-content .archive h3, .MainContent .page-content .archive p {
    	margin-bottom: 10px;
    	width: 320px;
	}
    
    /* error pages */
    
    .error-page .search-box-mobile .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 90%;
    }
  	
    /* Events */
  
  	.sys_tools-control {
        width: auto;
	}
  	.sys_tools-control div {
        float: left;
        padding: 0 20px 0 0;
	}
  	.sys_events .sys_tabsfilter-control ul {
      	margin-top: 20px;
  	}
  	.sys_events .sys_tabsfilter-control ul li > a {
      	padding:6px 8px;
  	}
 	.sys_events-search-control {
        position: absolute;
        width: 220px;
      	top: auto;
      	left: 500px;
      	margin: 0 0 40px;
    }
  	.sys_events .sys_first-groupset .sys_first {
      	border-top: 1px solid #efedec;
    }
  	.sys_events .sys_navigation > span > span, .sys_events .sys_navigation > span > a {
      	padding: 5px 10px;
    }
  	.sys_events-details dd.sys_events-description .event-detail-map {
  		position: absolute;
  		top: 0;
  		left: 515px;
  		width: 220px; 
	}
  	
  	/* Scheduler */
  	.scheduler div:first-child {
      float: none;
    }
	.scheduler-column25, .scheduler-column33, .scheduler-column50, .scheduler-column100 {
		margin: 0 5px;
		float: left;
	}
	.scheduler-column25 {
  		width: 172px;
	}
	.scheduler-column33 {
 	 	width: 233px;
	}
	.scheduler-column50 {
    	width: 355px;
	}
	.scheduler-column100 {
  		width: 720px;
	}
  
  .search-box570 .sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 90%;
  	border: 0;
  }
  /*---sports centre---*/
  
  .sp-membership-column {
    width: 148px;
    font-size: 0.9em;
  }
  /*-Clearing 2017----*/
  .clearing-links .view, .clearing-links .call, .clearing-links .email {
      padding: 0 25px;
	}
    /*-----Clearing 2018--------*/

    .clearing-quote .lead {
        font-size: 28px;
    }
    .clearing-quote p {
        font-size: 18px;
    }
    .clearing-quote .cite {
        font-size: 14px;
    }
    .clearing-quote {
        padding: 35px 30px 20px 60px;
        position: relative;
    }
    .clearing-quote .quote-mark {
        left: 10px;
    }
  /*-------- statisitcs and facts --------*/
.bg-red span, .bg-magenta span, .bg-blue span, .bg-orange span, .bg-green span, .bg-cyan span, .bg-grey span {
    font-size: 60px;
	}
}