/* ============================================================
Wirefy by Chris Da Sie
Version:1.3
URL:https://github.com/cjdsie/wirefy
Apache License:v2.0. http://www.apache.org/licenses/LICENSE-2.0
/* Table of Content
==================================================
#Site Styles
#Documentation
#Page Styles
#Media Queries
*/
/* #Site Styles
================================================== */
.container{margin:0 auto;padding:0 auto;max-width:1200px;width:90%;}
.content{position:relative;width:100%;margin-top:3em;margin-bottom:3em;overflow:hidden;}
ul{padding:0;}
.clearfloat {clear:both;}
/* #Page Styles
================================================== */

hr { border: solid #ebebeb; border-width: 1px 0 0; clear: both; margin: 10px 0; height: 0; }

.quote {border-top: 1px solid #ebebeb; margin: 0; padding: 10px 0; position: relative;  }
.quote blockquote {
  border-left: 5px solid #f57f20;
  margin: 0 10px;
  padding: 10px;
  quotes: "\201C""\201D""\2018""\2019"; 
}
.quote blockquote:before {
  color: #f57f20;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.quote blockquote p { display: inline; }
.quote p.author { margin-top: 10px; padding-bottom:10px; padding-right:10px; text-align:right; border-bottom: 1px solid #ebebeb; font-weight:bold; color: #f57f20;}


ul.inlinelist li {display:inline-block; float:left; margin-right:1em;}
ul.borderlist li { padding-bottom:10px; border-bottom:1px solid #ebebeb;}
ul.borderlist li:last-of-type { border-bottom:0;}

.arrow li {background:url('/images/sections/fulltime/template/arrow.png') no-repeat 0 5px; color:#444; padding-left:15px; margin-left:15px;}
a.orangebox { background:#f67f21 url("/prospectus/clearing/img/arrow.png") no-repeat 95% 50%; text-decoration:none; color:#fff; padding:0.8em 3.5em 0.8em 0.8em; display:block; font-weight:bold; font-size:14px; border:1px solid #ea6e0a; }

.warning { color:#FF0000;}

.sidebar { margin-top:50px;}
.sidebar .sidebarbox { position:relative;}
.sidebar .sidebarbox a { display:block;color:#666; font-weight:bold;}
.sidebar .sidebarbox img { float:left; margin-right:10px; margin-bottom:10px;}
.sidebar .postboxcontent { background:#ebebeb; border-left:5px solid #f57e20; padding-left:15px;}
.sidebar img { display:none;}
.sidebar h3 { border-bottom:1px solid #ebebeb; padding-bottom:10px; }
.sidebar h3 a {color:#333;}
.sidebar p a {color:#333; font-weight:bold;}
.sidebar .postboxcontent h3 { background:none; display:block; margin:0 0 3px 0; padding:5px 0; border-bottom:1px solid #ebebeb; color:#666;}
.sidebar .postboxcontent h3 a { color:#666; display:block;}
.sidebar .postboxcontent ul, .sidebar .postboxcontent p, .sidebar .postboxcontent a { color:#666}
.sidebar .postboxcontent li { margin-bottom:3px;}
.sidebar .postboxcontent p {margin-top:10px;}
.sidebar .postboxcontent p a { display:block}
.sidebar .postboxcontent p a:after {color:#f57e20;}
.sidebar ol {  list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0 0 40px 42px; padding: 0; counter-reset: li-counter;}
.sidebar ol > li{ position: relative; margin-bottom: 15px; padding: 0 0 0 20px;}
.sidebar ol > li:before { position: absolute; top: 0; left: -1em; width: 0.94em; height: 0.94em; padding:5px; font-size: 3em; font-weight: bold; line-height: 0.94; text-align: center; color: #666; background-color: #ebebeb; content: counter(li-counter); counter-increment: li-counter;}
.sidebar ol li a {color:#666; display:block;}
.sidebar .events li {padding:10px 0; border-bottom:1px solid #ebebeb; margin:0 ;}
.sidebar .events li:before {content:"\f133"; font-family:"FontAwesome"; display:block; float:left; color:#666; padding-right:10px; } 
.sidebar .events li a { display:inline;  color:#f57e20; font-weight:bold; display:block;}
.sidebar .events li a .eventtitle { color:#666; font-weight:normal; padding-left:25px; display: list-item;}
.sidebar .events li:last-of-type {border-bottom:0px solid #ebebeb;}

.coverimages { display:none}
ol.progtrckr { margin: 0 !important;  padding: 0 0 20px 0; list-style-type: none;}
ol.progtrckr li {display:block; width:100%; text-align:left; border:none; line-height: 2em; background: #f8f8f8; margin-bottom:2px; padding: 0 5px;}
ol.progtrckr li a { color:#333; text-decoration:none;}
ol.progtrckr li.progtrckr-todo { color: #ccc ;}
ol.progtrckr li:after { content: "\00a0\00a0";}
ol.progtrckr li:before { margin-right:10px;}
ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: #fff; background-color: #f57e20; height: 1.5em; width: 1.5em; line-height: 1.5em; border-radius: 1.2em; text-align:center; margin-left:5px;}
ol.progtrckr li.progtrckr-todo:before { content: "\2717"; color: #ccc;  font-size: 1.5em;  text-align:center; bottom: -0.4em; margin:-3px 14px 0 5px;background: #f8f8f8;}

.imgright {position: relative; margin : 0.3em 0 0.3em 1.5em; float:right;}
.imgleft {position: relative; margin : 0.3em 1.5em 0.3em 0; float:left;}
.profileCurved {  width: 200px;
	height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;}
	
.staffprofileCurved { 
	border-radius: 20px ;
	-webkit-border-radius: 20px ;
	-moz-border-radius: 20px ; border-bottom:10px solid #f57e20;}

/* 13 - Header 
--------------------------------------------------*/

#alert-container { text-align:center; background:#f3f3f3; border-bottom: 1px solid #ebebeb; margin:-10px 0 10px 0; padding:10px;}
#alert-container a { color:#f57e20;	text-decoration: none;}
px
header[role="banner"]{width:100%;position:relative; padding:0.5em 0; border-top:3px solid #f57e20;}
.header_wrapper{width:100%;margin:0 auto;padding:0;}
.header_wrapper .inner{max-width:1200px;width:100%;position:relative;margin:0 auto;}
.inner h1{float:left;width:50%;text-align:left;}
[role='main']{margin:5% auto;}

.logo{display:block;overflow:auto; width:170px;}
.logo h1{margin:10px;background:url('/Images/sections/common/template/TeessideUniversity2.gif') no-repeat;height:58px;width:150px;text-align:center;z-index:-10000; }
.logo h1 a{width:100%;height:100%;text-indent:-9999em;display:block;position:relative;z-index:10000;}

.logoTUBS{display:block;overflow:auto; width:170px;}
.logoTUBS h1{margin:10px;background:url('/Images/sections/common/template/TeessideUniversityBusinessSchool.gif') no-repeat;height:58px;width:160px;text-align:center;z-index:-10000; }
.logoTUBS h1 a{width:100%;height:100%;text-indent:-9999em;display:block;position:relative;z-index:10000;}

#headerlinks {position:absolute; right:0; top:0; padding:0 5px; margin-top:-10px; color:#fff; background:#f96e0d url("../images/sections/common/template/header_links_bg.png") repeat-x 0 100%;  -moz-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; -khtml-border-radius:0 0 0 10px; border-radius:0 0 0 10px;}
#headerlinks ul { margin-top:10px; padding:0}
#headerlinks li {float:left;  padding:0 10px; font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #fff; margin:-2px 0 7px 0;}
#headerlinks li.last {border-right:0px solid #fff;}
#headerlinks li img {margin : -3px 5px 0 0; float:left;}
#headerlinks li a {color: #fff;  text-decoration: none;}			
#headerlinks li a:hover {text-decoration: underline;}
#headerlinks li.pay a:after {color:#fff; content:"\f07a"; font-family:"FontAwesome"; float:left; padding-right:5px; display:block;}

[role='navigation']{margin:0;width:100%;background-color:#666;float:right;}
.flexNav-touch [role='navigation'],
.flexNav-no-touch [role='navigation']{display:none;}
.menu-button{position:absolute; right:10px; top:25px;display:block;padding: 0;background:transparent;color:#f67f21;cursor:pointer; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; border: 1px solid #f57e20;  padding: 7px 11px;}
[role='navigation'] ul { margin:0;}
[role='navigation'] li{position:relative;list-style:none;display:block;background-color:#333;width:100%; font-weight:bold; margin:0;}
[role='navigation'] li a{/*margin-right:20%;*/ display:block;color:#fff; border-bottom:1px solid #333; text-decoration:none;}
[role='navigation'] .top-level a{position:relative;display:block;background-color:#000;padding:1em;z-index:2;}
[role="navigation"] ul.mobile li { width:50%; float:left;background:#666;}
[role="navigation"] ul.mobile li a{ background:#666;border-bottom:1px solid #fff; }

[role="navigation"] ul.mobile li:last-of-type a{border-bottom:0px solid #fff; }
[role='navigation'] img { display:none;}
[role="navigation"] li a:after {color:#fff; content:"\f054"; font-family:"FontAwesome"; float:right; padding-left:30px;}
[role="navigation"] ul li .submenu { display: none; opacity: 0;visibility: hidden;}

[role="navigation"] li a.study.active { border-left:3px solid #f57e20; color:#f57e20;}
[role="navigation"] li a.study.active:after {color:#f57e20;content:"\f078";}
[role="navigation"] li a.research.active { border-left:3px solid #8d941e; color:#8d941e;}
[role="navigation"] li a.research.active:after {color:#8d941e;content:"\f078";}
[role="navigation"] li a.about.active { border-left:3px solid #999; color:#999;}
[role="navigation"] li a.about.active:after {color:#999;content:"\f078";}
[role="navigation"] li a.alumni.active { border-left:3px solid #999; color:#999;}
[role="navigation"] li a.alumni.active:after {color:#999;content:"\f078";}

/** hidden search field **/
#searchbar {
  display: none;
  width: 100%;
  margin: 10px auto -10px auto;
  z-index: 9999;
  background:#ebebeb;
  padding:20px 0 10px 0;
}

#searchbar form { border: 1px solid #ccc; background:#fff url("/images/sections/common/template/input_bg.gif") repeat-x;
  width: 98%; margin: 0 auto;
}

#googlesearch {
  display: block;
  width: 90%;
  border: 0;
  outline: none;
  padding: 10px 0 0 0;
  font-size: 150%;
  font-weight: bold;
  color: #666;
  background:#fff url("/images/sections/common/template/input_bg.gif") repeat-x;
}

#searchsubmit {
  display: block;
  float: right;
  background: none;
  color: #f57e20;
  border: 0;
  outline: none;
  cursor: pointer;
}

[role="navigation"] .searchlist { display:none;}


nav.cmn-tile-nav {
  display: none;
}
nav.cmn-tile-nav.open {
  display: block;
}
nav.cmn-tile-nav ul {
  list-style: none;
}
nav.cmn-tile-nav li {
  display: block;
  /*overflow: hidden; */
}
nav.cmn-tile-nav a {
  display: block;
  padding: 0px;
}

#sectionmenu { background:#666; padding:2px 10px; }
#sectionmenu a { color:#fff; padding:0 10px;}
#sectionmenu a:after {color:#fff;content:"\f054"; font-family:"FontAwesome"; float:right;  display:block; font-size:80%;} 
#sectionmenu a.select { font-weight:bold;}
#sectionmenu a.select:after { content:"\f078"; color:#f57e20;}
#sectionmenu ul a.sectiontitle {color:#fff !important; font-size:100%; font-weight: bold;}
#sectionmenu ul a.sectiontitle:after { content:"";}

#sectionmenu > ul > li > ul > li a { padding:6px 10px 6px 0; border-bottom:1px solid #666; margin-left:-10px;}

a.nav-toggle {
  display: block;
  margin-top: -25px;
  padding:12px 15px 10px 15px;
  background-color: #000;
  color: #fff;
  text-align: center; font-weight:bold; font-size:90%; border-left:3px solid #f57e20;
}
a.nav-toggle:hover {
  background-color: #000; color:#f57e20;
}
a.nav-toggle:after {color:#fff;content:"\f078"; font-family:"FontAwesome"; float:right; }
a.nav-toggle:hover:after {color:#f57e20;}

/* #Forms
================================================== */

form { clear: both; overflow: hidden; padding: 1px; margin: 0 0 15px 0;  font-size: 90%; }
form > div > fieldset > div > div { margin: 0 0 5px 0;}
form > div > label, legend { width: 100%; float: none;  margin: 0 0 5px 0;}
form > div > div, form > div > fieldset > div, { width: 100%; float: none;}
form > div > fieldset label { font-size: 90%;}
fieldset { border: 0; padding: 0; }
form > div > label.checkbox { padding:0 !important;}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=date],
textarea,
select { width: 95%; border:1px solid #ccc; color: #333; padding:10px 5px; background:#fff url("/images/sections/common/template/input_bg.gif") repeat-x; margin-top:5px;}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=date]:focus,
textarea:focus {outline: 0; border-color: #f57e20;}

input[type=submit], a.button {  background: #f57e20; border: none; padding: 11px 30px; color: #FFF; border-radius: 3px; cursor: pointer; margin:5px; text-decoration:none; font-size:100%;}
input[type=submit]:hover, a.button:hover { background: #ccc;}

input[type="checkbox"] { margin-bottom:10px; padding-top:80px;}

input[type=date] {font-family:Arial, Helvetica, sans-serif; font-size:100%; padding-bottom:5px;}

select { background: #FFF url('/images/commonimages/icons/downarrow.png') no-repeat 90%; appearance:none; -webkit-appearance:none;   -moz-appearance: none; text-indent: 0.01px;  text-overflow: ''; padding:10px 50px 10px 10px; border:1px solid #ccc; color: #333;}
 
/* 14 - #Main Content
================================================== */
section h1{text-align:left;margin-bottom:1em; font-size:180%;  color:#f57e20;}
section{margin:0;}
.section_wrapper{max-width:1200px;width:100%;position:relative;margin:0 auto;}

/* AddThisEvent (add to your existing CSS) */
.addthisevent-drop 						{width:140px;display:inline-block;position:relative;z-index:999998;font-family:Arial,sans-serif;color:#fff!important;text-decoration:none;font-size:15px;text-decoration:none;padding:0.8em 3.5em 0.8em 0.8em;  font-weight:bold; background:#f67f21 url("/prospectus/clearing/img/arrow.png") no-repeat 90% 50%;}
.addthisevent-drop:hover 				{color:#fff;font-size:15px;text-decoration:none;background-color:#f57e20;}
.addthisevent-drop:active 				{top:1px;}
.addthisevent-drop .arrow 				{width:15px;height:10px;position:absolute;top:50%;right:15px;margin-top:-5px;background:url(icon-arrow.png) no-repeat;}
.addthisevent-selected 					{background-color:#f57e20;}
.addthisevent_dropdown 					{width:215px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:2px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span 			{display:block;line-height:110%;background:#fff;text-decoration:none;font-size:14px;color:#6d84b4;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover 		{background:#f8f8f8;color:#6d84b4;text-decoration:none;font-size:14px;}
.addthisevent span 						{display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx 			{height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx 			{width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs 			{position:absolute;top:3px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:10px;color:#cacaca;}
.addthisevent_dropdown .frs:hover 		{color:#6d84b4;}
.addthisevent 							{visibility:hidden;}

a.containerlink { display:block; text-decoration:none;}
a.zoomlink {cursor: url(/images/commonimages/icons/zoomin.cur), default;}
.hide {display:none}

.pagecontent h1 {border-bottom:4px #ebebeb solid; padding-bottom:10px; margin-bottom:15px;}
.pagecontent h2 { margin-bottom:5px; color:#333;} 
.pagecontent h3 {  margin:10px 0; color:#333; font-size:120%}
.pagetextimg { border-bottom:5px solid #f57f20; margin-bottom:20px; }
.pagetextimgcaption { background:#ebebeb; margin-top:-20px; padding:5px 10px 5px 10px; margin-bottom:20px; font-size:90%; }

.pagecontentbox { background:#ebebeb; margin-bottom:10px;}
.pagecontentbox h2, .pagecontentbox p { padding:5px 10px}
.pagecontentbox img { margin-bottom:10px}
.pagecontentbox a p  {color:#333;}

.pagecontent.advertising {  padding-bottom:400px;  background: #f8f8f8 url('/images/sections/coursesearch/template/logo_rotate.png') no-repeat 110% 110%;}
.advertising h2 {background:#0082b4; color:#fff; padding:10px 15px; display:inline-block;}
.advertising h2 a {color:#fff; }
.advertising .secondary h2 {background:#f57f20;}

.postbox { position:relative;  margin-bottom:30px;}
.postboxcontent {padding:5px 10px; background:#0082b4;}
.postbox h3 { background:#00abed; color:#fff; display:inline-block; padding:5px 10px; margin:5px 0;}
.postbox p { color:#fff;}

.postbox .imgleft { float:left;}
.postbox a {color:#fff;}
.postbox p { margin-bottom:8px;}
.postbox p a { color:#00abed; background:#fff; font-weight:bold; padding:8px 10px 5px 10px; margin: 0;}
.postbox p a:after {
 color:#00abed;
 content:"\f054";
 font-family:"FontAwesome"; padding-left:10px; padding-top:2px;} 
 
.postboxcontentcta {background:#00abed; float:right;  padding-top:5px;}
.postboxcontentcta p a { background:none; color:#fff !important;}
.postboxcontentcta p a:after { content:""; padding-left:0px; }

.secondary .postboxcontent { background:#f57f20;}
.secondary .postboxcontent h3 {background:#b55e12;}
.secondary.postbox p a { color:#f57f20;}
.secondary.postbox p a:after{ color:#f57f20;} 
.secondary.postboxcontentcta { background:#f57f20;} 

.tertiary .postboxcontent { background:#b55e12;}
.tertiary .postboxcontent h3 {background:#f57f20;}
.tertiary.postbox p a { color:#b55e12;}
.tertiary.postbox p a:after{ color:#b55e12;} 
.tertiary.postboxcontentcta { background:#f57f20;} 

.quaternary .postboxcontent { background:#00abed;}
.quaternary .postboxcontent h3 {background:#0082b4;}
.quaternary.postbox p a { color:#00abed;}
.quaternary.postbox p a:after{ color:#00abed;} 
.quaternary .postboxcontentcta{ background:#0082b4;} 

.quinary .postboxcontent { background:#ebebeb;}
.quinary .postboxcontent h3 {background:#0082b4;}
.quinary.postbox p { color:#666}
.quinary.postbox p a { color:#0082b4;}
.quinary.postbox li a { color:#0082b4;}
.quinary.postbox p a:after{ color:#0082b4;} 
.quinary .postboxcontentcta{ background:#0082b4;} 

.coursesearch { margin-top:30px; } 
.coursesearch h2 { text-align:center; color:#f57f20; margin-bottom:10px;}
.coursesearch h2 a {color:#f57f20;}
.coursesearch form { padding-left:10px;}

.mainfact {position:relative; width:80%; margin:20px auto; padding-top:25px; text-align:center; border-top:1px solid #ebebeb;  border-bottom:1px solid #ebebeb;}
.mainfact h2 {color:#f57f20; font-size:110%; margin-bottom:5px;}
.mainfact p {color:#999; }

.pullfact {position:relative;  margin:0 -20px 20px -20px; background:#ebebeb url("../images/sections/fulltime/template_responsive/tab_blue_orange.png") no-repeat -10px 0px; border-left:10px solid #f57f20; padding:30px 30px 50px 30px ;}
.pullfact h2 { color:#666;  padding:0;}
.pullfact h2 a {color:#666;}
.pullfact ol { background:#fff; margin:0; color:#f57f20; font-weight:bold; padding-left:28px; border-top:2px solid #fff;}
.pullfact li { background:#ebebeb; margin:0; padding-left:10px; padding:6px 10px;} 
.pullfact li span { font-weight:normal; color:#666; }

/*Postgrad*/
.postgrad-pullfact { background: #0082b4 url("../images/sections/fulltime/template_responsive/tab_blue_orange.png") no-repeat -10px 0px;}
.postgrad-pullfact h2 { color:#fff;  padding:0;}
.postgrad-pullfact h2 a {color:#fff;}
.postgrad-pullfact li { background:#0082b4; }
.postgrad-pullfact li span { color: #fff; } 

.boxout { background:#ebebeb; margin-bottom:1em; padding-bottom:5px; }
.boxout img { display:none;}
.boxouthead {font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; padding: 10px; color: #fff; background:#f57f20;  }
.boxout p {margin: 5px 10px; }
.boxout ul {padding: 0.2em 10px 0 0; }
.boxout img.fileicon {margin :5px 5px 5px 0; float:left; display:block; clear:both;}

.textintro {position:relative; border-bottom:1px solid #f57e20; margin-bottom:1em}
.textintro h2 {color:#0082b4; }
.textintro p {color:#f57e20; font-weight:bold; margin-bottom:10px;}

.texthighlight {position:relative;  padding:10px; margin:10px 0; background:#ebebeb}
.texthighlight h2 {color:#0082b4; }
.texthighlight hr {border-top: 1px solid #f57e20;} 

/*Postgrad*/
.postgrad-texthighlight h2 { color: #666; }
.postgrad-texthighlight { background: #ebebeb; }

.postgrad-texthighlight hr { 
    border-top: 1px solid #ebebeb;
} 

.factbox { margin-bottom:5px; min-height:100px; _height:100px; position: relative; }
.factbox img { display:none; }
.factbox p { padding:10px 15px; display:block; min-height:80px; _height:80px; background:#ebebeb; font-weight:bold;}
.factbox .head { color:#0082b4; font-size:120%;}
.factbox .footer { font-weight:normal;}



.pagecontent table.data {border:1px solid #cccccc;}

.data thead, .data th {background:#f57f20; color:#fff; padding:6px 6px 6px 10px; text-align:left;  border-right:1px solid #cccccc;}
.data td {padding:6px 6px 6px 10px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:left;}
.data tr:hover { color:#000;}
.data .highlight {background:#ebebeb; }
.pagetext caption.data {text-align:center; margin-left:auto; margin-right:auto; padding: 0.2em 0 0.5em 0; color: #666; font-weight:bold;}
.pagetext caption.heading {text-align:left; margin: 0; font-weight: bold;  padding-bottom:0.6em; color:#333}
.data tfoot {background:#ebebeb;}
.data tfoot td { text-align:right; padding-right:12px;}
.data th.second {background:#facb7e; border-top: 1px solid #fff;}
.data .total {background:#fff; border-top:4px solid #f39600; color: #333;}

.profile { position:relative; height:150px; float:left; margin:0 25px 25px 0;} 
.profiletext {position:absolute; display:inline; padding:5px 10px; bottom:0px; left:0px; width:180px;  background: rgba(0,0,0,0.7);}
.profiletext p { color:#fff; margin:0;}
.profiletext a { color:#fff; font-weight:bold;}
.profiletext a:after {content:"\f054"; font-family:"FontAwesome"; float:left; padding-right:12px; display:block;} 
#extratext { display: none; }
.profile:hover #extratext {  display: block}

.profilestudent { width:100%;margin:5px 0; background: url('../images/sections/fulltime/template/profilestudent_bottom.gif') no-repeat bottom right; padding-bottom:20px;}
.profilestudent h2 {background: #f57f20 url('../images/sections/fulltime/template/profilestudent_top.gif') no-repeat 0 0; color:#fff; padding:20px 5px 2px 5px; margin-bottom:5px;}
.profilestudent p { padding:0 5px;}
.profilestudent .quotename a {color:#f57f20; font-weight:bold;}
.profilestudent .quotename a:after {content:"\f054"; font-family:"FontAwesome"; float:left; padding-right:12px; display:block;}

.videoembedbox { margin-bottom:10px; position: relative; background:#ebebeb;}
.videoembedbox p { padding:0 0 10px 10px; margin:0;  font-weight:bold;}
.videoembedbox h3 {padding-left:10px; margin-bottom:0;  color:#f57f20; font-size:100%;}
.videoembedbox .footer { font-weight:normal;}
.videoWrapper { position: relative; padding-bottom: 53.5%; /* 16:9 */ padding-top:15px; height: 0; }
.videoWrapper iframe { 	position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.imggallerypage {position: relative; float:left; padding:5px;}

.inlinecontainer { padding:20px;}

.searchresults li { border-bottom:1px solid #f3f3f3; padding-bottom:10px; color:#666;}
.searchresults a span { color:#666;}

/* Site search
***********************/
.gsc-control-cse { padding:0 !important;}
.gsc-control-cse table tbody tr:hover td,.gsc-control-cse table tbody tr:hover th { background:#ffffff !important;}
.gsc-control-cse table {margin:0 !important; padding:0 !important;}
.gsc-completion-container { margin-top:20px !important;}
.gsc-completion-container span  { display:block; padding:5px; border-bottom:1px solid #ebebeb;}

/* Homepage
***********************/
/*
.hpcarousel {background:#ebebeb}
.hpcarousel #hpcontainer { position:relative; width:100%; max-width:2000px; padding:0; margin:0 auto;}
.hpcarousel .tabContentText { position:absolute; display:inline; padding:0; bottom:0;  width:100%; max-width:2000px; text-align:center; z-index:500; }
.hpcarousel .tabContentText a, .hpcarousel .tabContentText h2, .hpcarousel .tabContentText p  { color:#fff;}
.hpcarousel .tabContentText h2 { margin:0;}
.hpcarousel .button { background:#0583b2;}
.hpcarousel .button:hover {background:#f16630; }
.hpcarousel .img-responsive { display: block; max-width: 100%; height: auto;}*/

.hpcarousel {background:#ebebeb}
.hpcarousel .section {display:none;}
.hpcarousel p.hpcarouselintro {display:none;}
.hpcarousel .item img{ display: block; width: 100%; height: auto;}

.hpcarousel .tabContentText { position:absolute; display:inline; padding:0; bottom:10px;  width:100%; text-align:center; z-index:500; }
.hpcarousel .tabContentText .photo {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); padding-bottom:20px; padding-top: 220px; }
.hpcarousel .tabContentText .photo p {text-shadow: 0 1px 0 black;}
.hpcarousel .tabContentText .button {text-shadow: none;}
.hpcarousel .tabContentText a, .hpcarousel .tabContentText h2, .hpcarousel .tabContentText p  { color:#fff;}
.hpcarousel .tabContentText.dark a, .hpcarousel .tabContentText.dark h2, .hpcarousel .tabContentText.dark p  { color:#000;}
.hpcarousel .tabContentText.dark .button  { color:#fff;}
.hpcarousel .tabContentText.dark .button:hover  { color:#f57e20;}
.hpcarousel .tabContentText h2 { margin:0;}
.hpcarousel .button:hover { color:#f57e20;background:#fff; }
.hpcarousel .img-responsive { display: block; max-width: 100%; height: auto;}

.hpcarousel .study {border-bottom:10px solid #0583b2;}
.hpcarousel .study .button	{background:#0583b2;}
.hpcarousel .study .button:hover {background:#f57e20; color:#fff;}
.hpcarousel .study .section {background:#0583b2;}
.hpcarousel .about {border-bottom:10px solid #f57f20;}
.hpcarousel .business {border-bottom:10px solid #000;}
.hpcarousel .business .section {background-color:rgba(0, 0, 0, 0.9);}
.hpcarousel .research {border-bottom:10px solid #8d941e;}
.hpcarousel .research .section {background-color:rgba(141, 148, 30, 0.9);}
.hpcarousel .research .button	{background:#8d941e;}
.hpcarousel .research .button:hover {background:#fff; color:#8d941e;}

.hpsection { padding: 40px 20px; margin:10px 0;}
.hpsection h2 {text-align:center; color:#f57f20;}
.hpsection p {  text-align:center;}
.hpsection h2 a { color:#f57f20; }

.hpannouncement { text-align:center; background:#f3f3f3; border-bottom: 1px solid #ebebeb; margin:0; }
.hpannouncement:before {color:#ccc; content:"\f06a"; font-family:"FontAwesome"; font-size:400%;} 
.hpannouncement h2 { margin-top:5px;}

.hpstudy { background:#fff;}
.hpstudy .one { display:none;}
.hpstudy .five p { text-align:left;}
.hpstudy .five img { float:left; margin:10px 20px 0 0;}
.hpstudy li a { display:inline; padding-bottom:10px; border-bottom:1px solid #ebebeb; color:#333; display:list-item; font-weight:bold; font-size:120%}
.hpstudy li:last-child a { border-bottom:0px dashed #fff;}
.hpstudy li a:hover { color:#f57e20}
.hpstudy li a:before {color:#f57e20;content:"\f054"; font-family:"FontAwesome"; float:right;  padding-left:20px;} 
.hpstudy .five li a {border-bottom:0px solid #ebebeb;}
.hpstudy h3 {text-align:center; color:#999; font-size:120%}
.hpstudy form { text-align:center;}
.hpstudy .gobutton { margin-top:10px;}

.hpopendays { background:#f57f20; margin:-10px 0;  color:#fff; margin-bottom: -30px;}
.hpopendays h2, .hpopendays h3, .hpopendays a, .hpopendays p { color:#fff;}

.hpopendays { padding-top:20px; padding-bottom:0;}
.hpopendays .columns {  text-align:center; border-bottom:1px dashed #fff; }
.hpopendays .columns:last-child { border-bottom:0px dashed #fff;}
.hpopendays .columns p { padding-top:15px; }
.hpopendays .columns span { font-size:140%; font-weight:bold;}
.hpopendays .columns a { display:block;}
.hpopendays h3:before {font-family:"FontAwesome"; display:block; font-size:140%;} 
.hpopendays h3.event:before {content:"\f133"; }
.hpopendays h3.help:before {content:"\f059"; }
.hpopendays h3.time:before {content:"\f017"; }
.hpopendays h3.twitter:before {content:"\f099"; }
.hpopendays h3.chat:before {content:"\f086"; }


.hpnewsevents { background:#ebebeb; padding-bottom:0 !important; margin-bottom:-50px;}
.hpnewsevents h2, .hpnewsevents h2 a { color:#666; border-bottom:1px solid #ffffff; padding-bottom:20px; margin-bottom:40px;}
.hpnewsevents h3, .hpnewsevents h3 a { color:#666; padding-top:10px; font-size:110%;}
.hpnewsevents p { text-align:left;}
.hpnewsevents li {padding:10px 0; border-bottom:1px solid #ebebeb; margin:0 20px;}
.hpnewsevents li:before {content:"\f133"; font-family:"FontAwesome"; display:block; float:left; color:#666; padding-right:10px; } 
.hpnewsevents li:last-child { border-bottom:0px solid #fff;}
.hpnewsevents li a { display:inline;  color:#f57e20; font-weight:bold; display:block;}
.hpnewsevents li a .eventtitle { color:#666; font-weight:normal; padding-left:25px; display: list-item;}
.hpnewsevents .events { background:#fff; padding-bottom:10px; border-top:5px solid #f57e20;}
.hpnewsevents .videoWrapper { margin-bottom:10px;} 

.hpnews { background:#fff; padding-top:20px;}
.hpnews h3 a {color:#f57e20; font-size:70%;  display:block; margin:10px 0 10px 0;}
.hpnews img { display:none;}
.hpnews .button { margin-bottom:15px;}

.hpnewsevents img, .hpnews img { border-bottom:5px solid #f57e20;}	
.hpnews h3 a {  border-left:3px solid #f57f20; padding-left:10px; min-height:40px; color:#666;}	
.hpnewsevents .business img, .hpnews .business img { border-bottom:5px solid #000;}	
.hpnews .business h3 a { border-left:3px solid #000;}	
.hpnewsevents .research img, .hpnews .research img { border-bottom:5px solid #8d941e;}	
.hpnews .research h3 a { border-left:3px solid #8d941e;}	
.hpnews p span, .hpnewsevents p span { display:none;}

.hpabout { border-top:10px solid #f57f20; border-bottom:10px solid #f57f20; background:#ffffff url('../images/frontpage/template/about.jpg') no-repeat 0 0; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center; }
.hpabout h2, .hpabout h3, .hpabout a, .hpabout h2 a, .hpabout p, .hpabout li { color:#fff;}
.hpabout iframe { margin-bottom:50px;}

.hpaudience .four { position:relative; margin-bottom:15px;}
.hpaudience img {  display:none;}

/* Dashboard
***********************/
.headerimage {background:#fff; margin-top:95px; margin-bottom:-50px;}
.headerimage .item { position:relative; width:100%; max-width:1200px; padding:0; margin:0 auto;}

.dashboard { background:#fff; border:1px solid #ebebeb; margin-bottom:10px; padding:20px; border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; position:relative;}
.dashboardbox h2, .dashboardbox h2 a { padding-top:5px; color:#f57e20;}
.dashboardbox h2:after {color:#ccc;content:"\f054"; font-weight:normal; font-family:"FontAwesome"; float:right;  padding-left:20px;}
.dashboardbox li:before {color:#ccc;content:"\f111"; font-weight:normal; font-family:"FontAwesome"; padding-right:10px; font-size:90%; }
.dashboardbox li a { color:#333;}
.dashboardbox li:last-child { border-bottom:0px solid #fff;}

.dashboardbox .inline li:before { content:normal;}
.dashboardbox .inline img { border:0 !important;}
.dashboardbox .events li {padding:10px 0; border-bottom:1px solid #ebebeb; margin:0 ;}
.dashboardbox .events li:before {content:"\f133"; font-family:"FontAwesome"; display:block; float:left; color:#666; padding-right:10px; } 
.dashboardbox .events li a { display:inline;  color:#f57e20; font-weight:bold; display:block;}
.dashboardbox .events li a .eventtitle { color:#666; font-weight:normal; padding-left:25px; display: list-item;}

.dashboardbox .sidebarbox { position:relative;}
.dashboardbox .sidebarbox a { display:block;color:#666; font-weight:bold;}
.dashboardbox .sidebarbox img { float:left; margin-right:10px; margin-bottom:10px;}

.dashboardbox .staffheaderlogo {position:relative; padding-top:26px; padding-bottom:15px; border-bottom:2px solid #f57e20; float:left; width:50%;}
.dashboardbox .staffheaderlogo img { margin-left:10px;}
.dashboardbox .staffheadertitle {position:relative; background:#f57e20; float:right; height: 158px; width:50%}
.dashboardbox .staffheadertitle h1 {color:#fff; border:0; position:absolute; bottom:15px; display:inline; margin:0; border-bottom:2px solid #fff;  padding:0 20px 8px 10px; font-size:100%; letter-spacing:-1px; text-transform:uppercase;}

.circleIcon { background:#f57f20;
    text-align: center;
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin-right: 10px; /*space between*/
} 

.circleIcon i{
	font-size: 20px;
    line-height: 36px;
	color: #fff;
}

.circleIconSmall { background:#f57f20;
    text-align: center;
	float: left;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	margin-right: 10px; /*space between*/
} 

.circleIconSmall i{
	font-size: 12px;
    line-height: 16px;
	color: #fff;
}


/* #News styles
================================================== */
.news h1 { border:0;}
.news h2 { color:#f57f20;}
.news.research h1, .news.research h2 {color:#8d941e;}
.news.business h1, .news.business h2 {color:#000;}
.news.research .pagetextimg { border-color:#8d941e;}
.news.business .pagetextimg { border-color:#000;}
.news .boxouthead { background:none; border-top:5px solid #f57e20; color:#666;}
.news.research .boxouthead {border-color:#8d941e;}
.news.business .boxouthead {border-color:#000;}
.news .sharetools .addthis_sharing_toolbox { float:left;}
.news .sharetools { position:relative; background:#ebebeb; padding:8px 10px 3px 10px; margin-bottom:20px;}
.news .sharetools p { margin:0;}
.news .sharetools p:before {content:"\f017"; font-family:"FontAwesome"; display:block; float:left;  padding-right:5px; padding-top:1px; } 
.news .sharetools a { display:inline-block;}
.news .sharetools p a { color:#333;}
.news a.tab { background:#f57e20; color:#fff !important; padding:3px 5px; font-weight:bold;  margin-left:10px;}
.news a.tab.tab_graduation { background:#7b0f0f;}
.news .sharetools a.tab { float:left; font-size:80%; padding:0 5px; margin-right:20px;}
.news.research a.tab { background:#8d941e;}
.news.business a.tab { background:#000;}
.news .texthighlight {border-bottom:5px solid #f57e20; }
.news.research .texthighlight {border-color:#8d941e;}
.news.business .texthighlight {border-color:#000;}
.news ul.tags li { background:#ebebeb; color:#666; padding:5px 7px; margin:0 5px 15px 0; font-weight:bold; font-size:90%;}
.news ul.tags li a { color:#666;}
.news .videoWrapper { margin-bottom:20px;}

.news.research .quote blockquote {border-color: #8d941e; }
.news.research .quote blockquote:before {color: #8d941e;}
.news.research .quote p.author {color: #8d941e;}
.news.research p.buttonlink {background: #8d941e;}
.news.business .quote blockquote {border-color: #000; }
.news.business .quote blockquote:before {color: #000;}
.news.business .quote p.author {color: #000;}
.news.business p.buttonlink {background: #000;}

.news .sidebarbox img, .news .dashboardbox img {  border-bottom: 5px solid #f57e20;}
.news .sidebarbox.research img, .news .dashboardbox.research img {  border-color: #8d941e;}
.news .sidebarbox.business img, .news .dashboardbox.research img {  border-color: #000;}

.newslist .pagetextimg { margin:8px 0;}
.newslist h2 a, .newslist h3 a, .newslist li a { border-left:3px solid #f57f20; padding-left:10px; color:#666; display:block;}	
.newslist li { border-bottom:1px solid #ebebeb; padding-bottom:5px;  display:block;}
.newslist li:last-of-type{border-bottom:0;}	
.newslist h3 { margin-top:0;}
.newslist .business h2 a, .newslist .business h3 a, .newslist li.business a { border-left:3px solid #000;}	
.newslist .research h2 a, .newslist .research h3 a, .newslist li.research a { border-left:3px solid #8d941e;}	
.newslist p span {font-size:90%;}
.newslist p span:before {content:"\f017"; font-family:"FontAwesome"; display:block; float:left;  padding-right:5px; } 
.newslist .search {background:#ebebeb; padding:10px; margin-bottom:10px;}


.news .newsCta li { list-style-type: none; background:none; padding-left:0; margin-left:5px;}
.news .newsCta li a { display:inline;  color:#f57e20; font-weight:bold; display:block;}
.news .ctaEvent li:before {content:"\f133"; font-family:"FontAwesome"; display:block; float:left; color:#666; padding-right:10px; } 
.news .ctaCourse li:before {content:"\f016"; font-family:"FontAwesome"; display:block; float:left; color:#666; padding-right:10px; } 
.news .newsCta .buttonlink { float:right;}

.news.research .newsCta li a { color:#8d941e;}
.news.business .newsCta li a { color:#000;}

/*-------------------------------------------------------*\
	#SECTION: NEWS(ds)
\*-------------------------------------------------------*/

.image-news-landscape { 
    float:right;
    margin-left: 15px;
}

@media (max-width: 768px) {
    .image-news-landscape { display: block; }
}



/* #Business School
================================================== */
.TUBScarousel {background:#08203e; position:relative;}

.TUBScarousel .item { display: block;  max-width:1200px;width:100%;position:relative; margin:0 auto; border-bottom:10px solid #f57f20; }
.TUBScarousel .item .main_img{ display: block; width: 100%; height: auto;}

.TUBScarousel .img-responsive { display: block; max-width: 100%; height: auto;}

.TUBScarousel .tabContentText { position:absolute; display:inline; padding:0; bottom:10%;  width:60%; text-align:left; z-index:500; padding-left:10px;}
.TUBScarousel .tabContentText a, .TUBScarousel .tabContentText h2, .TUBScarousel .tabContentText p  { color:#08203e;}
.TUBScarousel .tabContentText h2 { margin:20px 0 0 0; color:#f57f20;}
.TUBScarousel .tabContentText .button {text-shadow: none; text-align:center; color:#fff;}
.TUBScarousel .button:hover { color:#f57e20;background:#08203e; }

#tubs .hpsection h2 {color:#08203e;}
#tubs .hpsection .button { background:#08203e; color:#fff;}
#tubs .hpstudy li a:before {color:#08203e;}
.pagecontent #tubs h1 {color:#08203e;}
#tubs .textintro h2, #tubs .texthighlight h2 {color:#f57f20;}
#tubs .textintro p {color:#08203e;}
#tubs p.buttonlink {background:#08203e;}
#tubs .sidebar .postboxcontent { border-color:#08203e; }
#tubs .postbox h3 { border-bottom:1px solid #ccc;}
#tubs .postbox p  { color:#333; }
#tubs .postbox p a { color:#08203e; background:none; padding:0;}
#tubs .postbox p a:after { color:#08203e; }
#tubs #courses h1 { text-align:center;}

.TUBSbranding {background:#08203e url('../images/schools/tubs/template/crest.jpg') no-repeat 0 0; height:95px; border-bottom:10px solid #f57f20; margin-top:10px;}

.TUBSwhy { border-top:10px solid #f57f20; border-bottom:10px solid #f57f20; background:#ffffff url('../images/schools/tubs/template/students.jpg') no-repeat 0 0; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center; }
.TUBSwhy h3, .TUBSwhy a, .TUBSwhy h2 a, .TUBSwhy p, .TUBSwhy li { color:#fff;}
.TUBSwhy strong { color:#f57f20;}
.TUBSwhy h2 { color:#ffffff !important;}
.HPlogos { text-align:center;}
.HPlogos ul { display:inline-block;}
.HPlogos li { margin:20px;} 
.HPlogos img { padding: 0 5px;}

.hpboxes { background:#ebebeb; }
.hpboxes .item { background:#fff; border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
.hpboxes .item img {border-top:5px solid #f57f20;}
.hpboxes .item h2, .hpboxes .item h3 { border-bottom:1px solid #ebebeb; margin:20px; padding-bottom:10px;}
.hpboxes .item p { padding:0 20px;}

.TUBSquotes h3 { text-align:center;}

.TUBSqap {position:relative;  margin:0; background:#08203e; padding-bottom:250px }
#tubs .TUBSqap h2 { color:#f57f20;  padding:0;}
.TUBSqap p {color:#fff; text-align:left;}
.TUBSqap .logobottomright {background:transparent url("../images/schools/tubs/template/qap.png") no-repeat 0px 0px; position:absolute; bottom:0; right:0; width:300px; height:235px; }

.tubsclearingpromo {background:#f57f20; padding:20px 0 10px 0; border-bottom:10px solid #007baf;}
.tubsclearingpromo h3 { color:#fff;}
.tubsclearingpromo a.button {background:#007baf !important;}



/* #School of Health 
================================================== */


/* colours:

standard: ca0083
dark: 32272e
light: ede8eb
dlight: e2dadf
Standard 2nd: ca0064
purple: ca00c8

 */

.SOHcarousel {background:#32272e; position:relative;}

.SOHcarousel .item { display: block;  max-width:1200px;width:100%;position:relative; margin:0 auto; border-bottom:10px solid #f57f20; }
.SOHcarousel .item .main_img{ display: block; width: 100%; height: auto;}

.SOHcarousel .img-responsive { display: block; max-width: 100%; height: auto;}

.SOHcarousel .tabContentText { position:absolute; display:inline; padding:0; bottom:10%;  width:60%; text-align:left; z-index:500; padding-left:10px;}
.SOHcarousel .tabContentText a, .SOHcarousel .tabContentText h2, .SOHcarousel .tabContentText p  { color:#32272e;}
.SOHcarousel .tabContentText h2 { margin:20px 0 0 0; color:#ca0083;}
.SOHcarousel .tabContentText .button {text-shadow: none; text-align:center; color:#fff;}
.SOHcarousel .button:hover { color:#f57e20;background:#08203e; }

#soh .hpsection h2 {color:#08203e;}
#soh .hpsection .button { background:#08203e;}
#soh .hpstudy li a:before {color:#08203e;}
.pagecontent #soh h1 {color:#08203e;}
#soh .textintro h2, #soh .texthighlight h2 {color:#f57f20;}
#soh .textintro p {color:#08203e;}
#soh p.buttonlink {background:#08203e;}
#soh .sidebar .postboxcontent { border-color:#08203e; }
#soh .postbox h3 { border-bottom:1px solid #ccc;}
#soh .postbox p  { color:#333; }
#soh .postbox p a { color:#08203e; background:none; padding:0;}
#soh .postbox p a:after { color:#08203e; }
#soh #courses h1 { text-align:center;}

.SOHbranding {background:#08203e url('../images/schools/tubs/template/crest.jpg') no-repeat 0 0; height:95px; border-bottom:10px solid #f57f20; margin-top:10px;}

.SOHwhy { border-top:10px solid #f57f20; border-bottom:10px solid #f57f20; background:#ffffff url('../images/schools/tubs/template/students.jpg') no-repeat 0 0; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center; }
.SOHwhy h3, .SOHwhy a, .SOHwhy h2 a, .SOHwhy p, .SOHwhy li { color:#fff;}
.SOHwhy strong { color:#f57f20;}
.SOHwhy h2 { color:#ffffff !important;}
.HPlogos { text-align:center;}
.HPlogos ul { display:inline-block;}
.HPlogos li { margin:20px;} 
.HPlogos img { padding: 0 5px;}

.hpboxes { background:#ebebeb; }
.hpboxes .item { background:#fff; border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
.hpboxes .item img {border-top:5px solid #f57f20;}
.hpboxes .item h2, .hpboxes .item h3 { border-bottom:1px solid #ebebeb; margin:20px; padding-bottom:10px;}
.hpboxes .item p { padding:0 20px;}

.SOHquotes h3 { text-align:center;}

.SOHqap {position:relative;  margin:0; background:#08203e; padding-bottom:250px }
#soh .SOHqap h2 { color:#f57f20;  padding:0;}
.SOHqap p {color:#fff; text-align:left;}
.SOHqap .logobottomright {background:transparent url("../images/schools/tubs/template/qap.png") no-repeat 0px 0px; position:absolute; bottom:0; right:0; width:300px; height:235px; }

.tubsclearingpromo {background:#f57f20; padding:20px 0 10px 0; border-bottom:10px solid #007baf;}
.tubsclearingpromo h3 { color:#fff;}
.tubsclearingpromo a.button {background:#007baf !important;}



/* #Library
================================================== */
#lis .hpimagecontent { border-bottom:10px solid #f57f20;  padding:80px 0;}
#lis .hpimagecontent form { text-align:center;}
#lis .tree { display:none;}
#lis .hpimagecontent.image1 {background: -webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center; }

#lis .hpimagecontent.image2 {background: linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ), url('../images/depts/lis/template/banners/header_4.jpg') no-repeat 0 0; 
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center; border-top:10px solid #ebebeb; border-bottom:10px solid #ebebeb; }

#lis .hpimagecontent.image2 h2, #lis .hpimagecontent.image2 p { color:#ffffff;}
#lis .hpimagecontent.image2 h3 { color:#ffffff; text-align:center;}

#lis .header {text-align:center; background:#f57f20; border-radius: 10px; padding:15px 10px; width: 40%; display: block;  margin:0 auto 50px auto;}
#lis h1 {color:#fff; margin:0; text-align:center;}

.s-lg-widget-list-more-results { text-align:center; font-size:90%;}
.s-lg-btn-api-drop {background: #f57e20; border: none; padding: 11px 30px; color: #FFF; border-radius: 3px; cursor: pointer; margin:5px; text-decoration:none; font-size:100%; }
#lis #container { margin-left:5px; margin-right:5px; width:98%}

#lis .dashboard .buttonlink { position:absolute; bottom:0; right:20px; border-radius: 5px; padding:10px 20px;}
/*lis .twitter-timeline {background:#fff;}*/
#lis .pagecontent { margin-top:0;}

#lis .hpopendays ul.icons { text-align:center;} 
#lis .hpopendays ul.icons li { display: inline-block; margin:25px;}
#lis .hpopendays .columns a { display:inline;}
#lis .hpopendays p.buttonlink { background-color:#fff; }
#lis .hpopendays p.buttonlink a {color:#f57e20 !important;}

#lis table.hours-today {border-top: 1px dashed #fff; border-collapse: separate;}
#lis table.hours-today { padding: 0; }
#lis .hours-col-loc { padding-right: 0px; padding-top:6px; width:50%; padding-right:10px;}
#lis .hours-col-time { padding-left: 0px; font-size:70%; border-left: 0px dashed #fff;}
#lis tr.hours-depart td.hours-col-loc { padding-left: 0px;  }
#lis tr.hours-depart td.hours-col-loc { border-bottom: 1px dashed #fff !important; }
#lis tr.hours-depart td.hours-col-time { border-bottom: 1px dashed #fff !important; }
#lis tr.hours-library td.hours-col-loc { font-weight:bold; padding-left: 0px;}
.s-lc-whw-pr, .s-lc-whw-ne {background:#f57f20 !important; color:#fff !important; font-size:150% !important;}

#lis .sixteen ul.icons { text-align:center;} 
#lis .sixteen ul.icons li { display: inline-block; margin:0 30px 25px 30px;}
#lis .sixteen ul.icons li a { color:#999; font-size:400%;}

.dashboardbox tr.hours-depart td.hours-col-loc { border-bottom: 1px dashed #cccccc !important; }
.dashboardbox tr.hours-depart td.hours-col-time { border-bottom: 1px dashed #cccccc !important; }
.dashboardbox tr.hours-library td.hours-col-loc { font-weight:bold; }

.sidebar h3.event:before {font-family:"FontAwesome"; padding-right:10px; font-size:140%; content:"\f133"; color:#f57f20;}
.sidebar h3.help:before {font-family:"FontAwesome"; padding-right:10px;  font-size:140%; content:"\f059";  color:#f57f20;}
.sidebar h3.time:before {font-family:"FontAwesome";  padding-right:10px; font-size:140%; content:"\f017";  color:#f57f20;}
.sidebar h3.twitter:before {font-family:"FontAwesome"; padding-right:10px;  font-size:140%; content:"\f099";  color:#f57f20;}
.sidebar h3.chat:before {font-family:"FontAwesome"; padding-right:10px;  font-size:140%; content:"\f086";  color:#f57f20;}

.sidebar .icons { background:#ccc;}
.sidebar ul.icons { text-align:center; } 
.sidebar ul.icons li { display: inline-block; margin:10px 25px 25px 25px;}
.sidebar ul.icons li:before { content:"";}
.sidebar ul.icons li img { border-bottom:0;}

.dashboard.alternative { background:#f57f20;}
.dashboardbox.alternative h2, .dashboardbox.alternative h2 a, .dashboardbox.alternative li {color:#fff;}
.dashboardbox.alternative h2:after {color:#fff;}
.dashboardbox.alternative li:before {color:#fff;}
.dashboardbox.alternative li a { color:#fff;}


/* #Course styles
================================================== */

.fostitle { padding-right:110px;}
a.coursecta { background:#f57e20; float:right; padding:3px 7px; font-weight:bold; font-size:90%; color:#fff; border:2px solid #ebebeb;}

.fosbox {position:relative; margin-top:10px; margin-bottom:10px; background:#ebebeb; font-weight:bold; border-top:2px solid #f57f20; }
.fosbox a { display:block; padding:10px;}
.fosbox a:after {content:"\f054"; font-family:"FontAwesome"; float:right; padding-left:12px;}

div#foscourselist {background:#f3f3f3; padding:20px; margin:10px 0; color:#fff} 
div#foscourselist h2 {color:#fff; border-bottom:1px solid #fff; padding-bottom:5px;}
div#foscourselist h3 {color:#fff}
div#foscourselist ul {color:#fff}
div#foscourselist li {color:#fff; background:none; padding-left:0; margin-left:0; }
div#foscourselist li:after {content:"\f054"; font-family:"FontAwesome"; float:left; padding-right:12px;}
div#foscourselist a {color: #fff; text-decoration: none;}	
div#foscourselist a:visited {color: #fff;}		
div#foscourselist a:hover {color: #fff; text-decoration: underline;}

div#foscourselist2 {background:#ebebeb; padding:20px 20px 10px 20px; margin:20px 0;} 
div#foscourselist2 li {background:none; padding-left:0; margin-left:0;}
div#foscourselist2 a {color: #08213d; text-decoration: none;}	
div#foscourselist2 a:visited {color: #08213d;}		
div#foscourselist2 a:hover {color: #08213d; text-decoration: underline;}
div#foscourselist2 a.button {color: #fff; background: #08213d;}
div#foscourselist2 tr { border-bottom:1px solid #fff;}
div#foscourselist2 td, div#foscourselist2 th  { vertical-align: middle;}
div#foscourselist2 td.center, div#foscourselist2 th.center {text-align: center; }

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

div#foscourselist2 table {border: 0;}
div#foscourselist2 table thead {display: none; }
div#foscourselist2 table tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #fff;}
div#foscourselist2 table td { display: block; text-align: left; border-bottom: 1px solid #fff;}
div#foscourselist2 table td.mobile { display:none;}
div#foscourselist2 table td:last-child { border-bottom: 0;}
div#foscourselist2 table td:before { content: attr(data-label); float: left; font-weight: bold;}
	
  }

div#fosfactfile img { display:none;}
div#fosfactfile h3 {background:#f57f20; display:inline-block; padding:5px 15px; color:#fff;}
div#fosfactfile li { background:none; padding-left:0; margin-left:0; padding-bottom:10px; border-bottom:1px solid #ee1a42;}

.fosheader { display:none;}

.courseaz li { float:left; background:none; color:#fff; padding:0; margin:0 3px 10px 2px; font-size:120%;}
.courseaz li a {color:#fff; background:#f57f20;  font-weight:bold; display:block;  padding:5px 10px;}
.courseaz li a:hover { background:#ebebeb; color:#f57f20; }
.courseaz li.select a {color:#f57f20; background:#ebebeb;}

.courseheader { position:relative;}
#imgfade {position:relative;width:100%;}
#imgfade img{position:absolute;z-index:1;background-color:white;width:100%;left:0;top:0;display:none}
#imgfade img.active{z-index:3}
#imgfade img.base{z-index:-1;position:static;display:block}
.courseheader img {width:100%; height:auto; max-height:100%;}
.courseheadercontent {position:relative; padding:10px; }
.courseheadercontent h1 { border-bottom:1px solid #ccc; padding-bottom:5px; line-height:1.1em;}
.courseheadercontent h1 span { font-weight:normal;}
.courseheadercontent a { text-decoration:underline;}
.courseheadercontent p { line-height:1.3em;}
.courseheadercontent p.clearing { background:#f57e20; margin:-10px -10px 10px -10px; padding:10px; font-weight:bold; color:#fff;}
.courseheadercontent p.clearing a { float:right; background:#0082b4; padding:5px; text-decoration:none; margin-top:-5px; color:#fff;}
.courseheadercontent p.ucas {font-size: 110%; color:#666; margin-bottom:3px;}
p.buttonlink { background:#f57e20; display:inline-block; padding:10px 8px; margin:0 0 10px 0; color:#fff; }
p.buttonlink a {color:#fff; font-weight:bold; text-decoration:none; display:block;}
.courseheadercontent p.buttonlink a:after {content:"\f067"; font-family:"FontAwesome"; float:right; padding-left:10px; padding-right:2px; display:block;}
.coursecolcontentbox p.buttonlink a:after {content:"\f054"; font-family:"FontAwesome"; float:right; padding-left:10px; padding-right:2px; display:block;}

div#coursemaincontent { position:relative;   background:#fff; z-index:10; }
div#coursecolcontent { position:relative;  background:#fff; z-index:10;}
div#courseinfo { display:none;}
div#courseinfomobile { margin-top:10px;}
#coursepromo { display:none;}
.coursecolcontentbox { background:#f3f3f3; padding:10px; margin-bottom:20px; }
.coursecolcontentbox h2 { font-size:120%;}
.coursecolcontentbox h3 { font-size:110%;}
.coursecolcontentbox ul {list-style-type: none; margin:5px 0; padding:0; }
.coursecolcontentbox li {background:url('../images/sections/fulltime/template/arrow.png') no-repeat 0 3px; padding:0; padding-left:15px; margin-left:0;}
.coursecolcontentbox p.buttonlink {display:block;}
.coursecolcontentbox .toggle_container { border:5px solid #f3f3f3; padding:10px 0 0 0; border-top:none; }

.kishorizontal {display:none;}
.kisvertical {display:block;}

div#interactivecontent { margin:0 10px; }
ul.accordianinteractive {list-style-type:none; margin: 0; padding: 0;}
ul.accordianinteractive a {display: block; text-decoration: none; font-size:130%; font-weight:bold;}
ul.accordianinteractive ul {overflow: hidden;}
ul.accordianinteractive li { margin: 0; padding: 0; clear:both; }
ul.accordianinteractive li a {background: #f3f3f3; padding: 10px; margin: 4px 0; display:block;}
ul.accordianinteractive li a:after {color:#666; content:"\f054"; font-family:"FontAwesome"; float:right; padding-right:10px;}
ul.accordianinteractive li a:hover:after { color:#fff;content:"\f078";}
ul.accordianinteractive li.active>a:after {color:#fff;content:"\f078";}
ul.accordianinteractive li.firstitem a {background-color: #f8f8f8;}
ul.accordianinteractive li.firstitem a:hover:after { color:#fff;content:"\f078";}
ul.accordianinteractive li.firstitem.active>a { color:#fff;}

ul.accordianinteractive li p {padding-top:5px; font-weight:normal;}
ul.accordianinteractive li ol {padding: 0 0 5px 25px;}
ul.accordianinteractive li ol li {padding-top:5px; color:#666;}
ul.accordianinteractive li h2 { font-size:130%}
ul.accordianinteractive li h3 { margin-top:0; margin-bottom:0; font-size:100%}
ul.accordianinteractive li .columns a { background:none;  padding:0; color:#fff; font-size:100%;}
ul.accordianinteractive li .columns a:after {content:"";}
ul.accordianinteractive li .facilities h3 { display:none;}
ul.accordianinteractive li .facilities .videoembedbox { background:none;}
ul.accordianinteractive li .courseprofile { padding-bottom:10px;}
ul.accordianinteractive li .courseprofile h2 { text-transform:uppercase; letter-spacing:1px;  }
ul.accordianinteractive li .courseprofile p { color:#666;  }
ul.accordianinteractive li .courseprofile a:hover { background:#fff !important;}
ul.accordianinteractive li .courseprofileimg { position:relative; float:left; width:320px; height:290px; margin-top:-20px;  }
ul.accordianinteractive li .courseprofileimg img { position: absolute;clip: rect(20px, 300px, 270px, 0);
    /* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */}
ul.accordianinteractive li p.buttonlink a { color:#fff !important;}
ul.accordianinteractive li .coursework img { margin:0 5px 7px 0 !important; padding:0 !important; border:0px solid #fff !important;}
ul.accordianinteractive li .coursestaff h3 { margin-top:5px;}
ul.accordianinteractive li .coursestaff a:hover { background:#fff !important;}
ul.accordianinteractive li .fullcol.coursevideo iframe { float:left; padding-right:10px;}
ul.accordianinteractive li .news a:hover { background:#fff !important; color:inherit !important;}
ul.accordianinteractive li .news img  { display:block; margin-bottom:5px;}
ul.accordianinteractive li .sixteen.news img { float:left; padding-right:10px;}

ul.accordianinteractive li .quote blockquote {
  background: #f8f8f8;
  border-left: 10px solid #ccc;
  margin: 15px; font-size:110%; font-style:normal;
}
ul.accordianinteractive li .quote blockquote:before {
 display:none;
}

.tabContentText .boxout { display:none;}
.arrow .tabContentText li {background:url('/images/sections/fulltime/template/arrow_grey.png') no-repeat 0 5px; }

#courseuspcontent.row{  text-align:center; width:90%}
#courseuspcontent.row .content {margin: 10px; padding: 10px; background: #fff; border:1px solid #e3e3e3; -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#courseuspcontent.row .content h3 {text-align: center; width: 80px; height: 80px; border-radius: 100%; color:#fff; line-height: 80px; margin:10px auto; border:3px solid #e3e3e3; background-image:
    radial-gradient(circle, #f4a36b, #f57f20);} 
#courseuspcontent.row .content a {margin-top: auto; background:#f57e20; display:inline-block; padding:10px 8px;color:#fff; font-weight:bold; text-decoration:none; font-size:90%;}
#courseuspcontent.row .content a:after {color:#fff; content:"\f054"; font-family:"FontAwesome"; float:right; padding-left:10px;}

/*CORPORATE COLOURS*/
#accordianinteractive li h3.corporate { background: none;}
#accordian.corporate li a {color:#f57e20; }
#accordian.corporate li a:hover { background-color: #f3f3f3; color:#f57e20; }
#accordian.corporate li.active>a { background-color: #f57e20;  color:#fff; }
#accordian.corporate li.firstitem a { color:#f57e20;}
#accordian.corporate li.firstitem a:hover { color: #f57e20;}
#accordian.corporate li.firstitem.active>a {background-color: #f57e20; color:#fff; }
#accordian.corporate li .courseprofile p.buttonlink a:hover { background:none !important;
}

/*SAM COLOURS*/
#accordian.sam li a {color: #c0d004;}
#accordian.sam li a:hover { background-color: #c0d004;  color:#fff; }
#accordian.sam li.active>a { background-color: #c0d004;  color:#fff; }
#accordian.sam li.firstitem a { color: #c0d004;}
#accordian.sam li.firstitem a:hover { color: #fff;}
#accordian.sam li.firstitem.active>a {background-color: #c0d004; color:#fff; }
#accordian.sam li .courseprofile p.buttonlink a:hover { background-color: #c0d004 !important;}
.basic.sam .tabs li a:hover{ background:#c0d004;}
.basic.sam li.active a{ background:#c0d004; }
.basic.sam .tabContentText { border-color:#c0d004;}
.basic.sam a.accordion_tabs:hover{ color:#c0d004; }
.basic.sam a.accordion_tabs.active{background:#c0d004;}
.basic.sam a.accordion_tabs.active:hover{ color:#fff;}
div#fosfactfile.sam h3 {background:#c0d004;}
div#fosfactfile.sam li i {color:#c0d004; }
div#fosfactfile.sam li {border-color:#c0d004;}
a.sam.coursecta { background:#c0d004;}
.sam .videoembedbox h3 {color:#c0d004;}
.samlist li {background:url('../images/commonimages/prospectus/icons/icons_sam_responsive2.png') no-repeat 0 -3px !important;}
.samicons li {padding:5px 0 10px 32px; background:url('../images/commonimages/prospectus/icons/icons_sam_responsive2.png') no-repeat 5px 0px;}
.sam .courseheadercontent h1 {color:#c0d004; }
.sam div#foscourselist2 a {color: #c0d004;}	
.sam div#foscourselist2 a:visited {color: #c0d004;}		
.sam div#foscourselist2 a:hover {color: #c0d004;}
.sam div#foscourselist2 a.button {color: #fff; background: #c0d004;}

/*SCM COLOURS*/
#accordian.scm li a {color: #6c2787;}
#accordian.scm li a:hover { background-color: #6c2787;  color:#fff; }
#accordian.scm li.active>a { background-color: #6c2787;  color:#fff; }
#accordian.scm li.firstitem a { color: #6c2787;}
#accordian.scm li.firstitem a:hover { color: #fff;}
#accordian.scm li.firstitem.active>a {background-color: #6c2787; color:#fff; }
#accordian.scm li .courseprofile p.buttonlink a:hover { background-color: #6c2787 !important;}
.basic.scm .tabs li a:hover{ background:#6c2787;}
.basic.scm li.active a{ background:#6c2787; }
.basic.scm .tabContentText { border-color:#6c2787;}
.basic.scm a.accordion_tabs:hover{ color:#6c2787; }
.basic.scm a.accordion_tabs.active{background:#6c2787;}
.basic.scm a.accordion_tabs.active:hover{ color:#fff;}
div#fosfactfile.scm h3 {background:#6c2787;}
div#fosfactfile.scm li i {color:#6c2787; }
div#fosfactfile.scm li {border-color:#6c2787;}
a.scm.coursecta { background:#6c2787;}
.scm .videoembedbox h3 {color:#6c2787;}
.scmlist li {background:url('../images/commonimages/prospectus/icons/icons_scm_responsive.png') no-repeat 0 -3px !important;}
.scmicons li {padding:5px 0 10px 32px; background:url('../images/commonimages/prospectus/icons/icons_scm_responsive.png') no-repeat 5px 0px;}
.scm .courseheadercontent h1 {color:#6c2787; }
.scm div#foscourselist2 a {color: #6c2787;}	
.scm div#foscourselist2 a:visited {color: #6c2787;}		
.scm div#foscourselist2 a:hover {color: #6c2787;}
.scm div#foscourselist2 a.button {color: #fff; background: #6c2787;}

/*SOH COLOURS*/
#accordian.soh li a {color: #ca0083;}
#accordian.soh li a:hover { background-color: #ca0083;  color:#fff; }
#accordian.soh li.active>a { background-color: #ca0083;  color:#fff; }
#accordian.soh li.firstitem a { color: #ca0083;}
#accordian.soh li.firstitem a:hover { color: #fff;}
#accordian.soh li.firstitem.active>a {background-color: #ca0083; color:#fff; }
#accordian.soh li .courseprofile p.buttonlink a:hover { background-color: #ca0083 !important;}
.basic.soh .tabs li a:hover{ background:#ca0083;}
.basic.soh li.active a{ background:#ca0083; }
.basic.soh .tabContentText { border-color:#ca0083;}
.basic.soh a.accordion_tabs:hover{ color:#ca0083; }
.basic.soh a.accordion_tabs.active{background:#ca0083;}
.basic.soh a.accordion_tabs.active:hover{ color:#fff;}
div#fosfactfile.soh h3 {background:#ca0083;}
div#fosfactfile.soh li i {color:#ca0083; }
div#fosfactfile.soh li {border-color:#ca0083;}
a.soh.coursecta { background:#ca0083;}
.soh .videoembedbox h3 {color:#ca0083;}
.sohlist li {background:url('../images/commonimages/prospectus/icons/icons_soh_responsive.png') no-repeat 0 -3px !important;}
.sohicons li {padding:5px 0 10px 32px; background:url('../images/commonimages/prospectus/icons/icons_soh_responsive.png') no-repeat 5px 0px;}
.soh .courseheadercontent h1 {color:#ca0083; }
.soh div#foscourselist2 a {color: #ca0083;}	
.soh div#foscourselist2 a:visited {color: #ca0083;}		
.soh div#foscourselist2 a:hover {color: #ca0083;}
.soh div#foscourselist2 a.button {color: #fff; background: #ca0083;}

/*SSE COLOURS*/
#accordian.sse li a {color: #00aaad;}
#accordian.sse li a:hover { background-color: #00aaad;  color:#fff; }
#accordian.sse li.active>a { background-color: #00aaad;  color:#fff; }
#accordian.sse li.firstitem a { color: #00aaad;}
#accordian.sse li.firstitem a:hover { color: #fff;}
#accordian.sse li.firstitem.active>a {background-color: #00aaad; color:#fff; }
#accordian.sse li .courseprofile p.buttonlink a:hover { background-color: #00aaad !important;}
.basic.sse .tabs li a:hover{ background:#00aaad;}
.basic.sse li.active a{ background:#00aaad; }
.basic.sse .tabContentText { border-color:#00aaad;}
.basic.sse a.accordion_tabs:hover{ color:#00aaad; }
.basic.sse a.accordion_tabs.active{background:#00aaad;}
.basic.sse a.accordion_tabs.active:hover{ color:#fff;}
div#fosfactfile.sse h3 {background:#00aaad;}
div#fosfactfile.sse li i {color:#00aaad; }
div#fosfactfile.sse li {border-color:#00aaad;}
a.sse.coursecta { background:#00aaad;}
.sse .videoembedbox h3 {color:#00aaad;}
.sselist li {background:url('../images/commonimages/prospectus/icons/icons_sse_responsive.png') no-repeat 0 -3px !important;}
.sseicons li {padding:5px 0 10px 32px; background:url('../images/commonimages/prospectus/icons/icons_sse_responsive.png') no-repeat 5px 0px;}
.sse .courseheadercontent h1 {color:#00aaad; }
.sse div#foscourselist2 a {color: #00aaad;}	
.sse div#foscourselist2 a:visited {color: #00aaad;}		
.sse div#foscourselist2 a:hover {color: #00aaad;}
.sse div#foscourselist2 a.button {color: #fff; background: #00aaad;}

/*SSSBL COLOURS*/
#accordian.sssl li a {color: #008cd2;}
#accordian.sssl li a:hover { background-color: #008cd2;  color:#fff; }
#accordian.sssl li.active>a { background-color: #008cd2;  color:#fff; }
#accordian.sssl li.firstitem a { color: #008cd2;}
#accordian.sssl li.firstitem a:hover { color: #fff;}
#accordian.sssl li.firstitem.active>a {background-color: #008cd2; color:#fff; }
#accordian.sssl li .courseprofile p.buttonlink a:hover { background-color: #008cd2 !important;}
.basic.sssl .tabs li a:hover{ background:#008cd2;}
.basic.sssl li.active a{ background:#008cd2; }
.basic.sssl .tabContentText { border-color:#008cd2;}
.basic.sssl a.accordion_tabs:hover{ color:#008cd2; }
.basic.sssl a.accordion_tabs.active{background:#008cd2;}
.basic.sssl a.accordion_tabs.active:hover{ color:#fff;}
div#fosfactfile.sssl h3 {background:#008cd2;}
div#fosfactfile.sssl li i {color:#008cd2; }
div#fosfactfile.sssl li {border-color:#008cd2;}
a.sssl.coursecta { background:#008cd2;}
.sssl .videoembedbox h3 {color:#008cd2;}
.sssllist li {background:url('../images/commonimages/prospectus/icons/icons_ssl_responsive.png') no-repeat 0 -3px !important;}
.ssslicons li {padding:5px 0 10px 32px; background:url('../images/commonimages/prospectus/icons/icons_ssl_responsive.png') no-repeat 5px 0px;}
.sssl .courseheadercontent h1 {color:#008cd2; }
.sssl div#foscourselist2 a {color: #008cd2;}	
.sssl div#foscourselist2 a:visited {color: #008cd2;}		
.sssl div#foscourselist2 a:hover {color: #008cd2;}
.sssl div#foscourselist2 a.button {color: #fff; background: #008cd2;}

/*TUBS COLOURS*/
#accordian.tubs li a {color: #08213d;}
#accordian.tubs li a:hover { background-color: #08213d;  color:#fff; }
#accordian.tubs li.active>a { background-color: #08213d;  color:#fff; }
#accordian.tubs li.firstitem a { color: #08213d;}
#accordian.tubs li.firstitem a:hover { color: #fff;}
#accordian.tubs li.firstitem.active>a {background-color: #08213d; color:#fff; }
#accordian.tubs li .courseprofile p.buttonlink a:hover { background-color: #08213d !important;}
.basic.tubs .tabs li a:hover{ background:#08213d;}
.basic.tubs li.active a{ background:#08213d; }
.basic.tubs .tabContentText { border-color:#08213d;}
.basic.tubs a.accordion_tabs:hover{ color:#08213d; }
.basic.tubs a.accordion_tabs.active{background:#08213d;}
.basic.tubs a.accordion_tabs.active:hover{ color:#fff;}
div#fosfactfile.tubs h3 {background:#08213d;}
div#fosfactfile.tubs li i {color:#08213d; }
div#fosfactfile.tubs li {border-color:#08213d;}
a.tubs.coursecta { background:#08213d;}
.tubs .videoembedbox h3 {color:#08213d;}
.tubslist li {background:url('../images/commonimages/prospectus/icons/icons_tubs_responsive.png') no-repeat 0 -3px !important;}
.tubsicons li {padding:5px 0 10px 32px; background:url('../images/commonimages/prospectus/icons/icons_tubs_responsive.png') no-repeat 5px 0px;}
.tubs .courseheadercontent h1 {color:#08213d; }

li.accredited {background-position:  2px -300px; }
li.tariff {background-position:  2px -600px; }
li.fee {background-position:  2px -900px; }
li.length {background-position:  2px -1200px; }
li.parttime {background-position:  2px -1500px; }
li.college {background-position:  2px -1800px; }

.clearing-header { background:#ff931e url('../prospectus/clearing/img/header.png') no-repeat 100% 100%;  padding:80px 10px 40px 10px; border-bottom:15px solid #0082b4; 
	background-image: url("../prospectus/clearing/img/header.png"), linear-gradient(#ff931e, #fbae39);
    background-image: url("../prospectus/clearing/img/header.png"), -webkit-gradient(linear, 50% 0%, 0% 0%, from(#ff931e), to(#fbae39));
    background-image: url("../prospectus/clearing/img/header.png"), -moz-linear-gradient(center right, #ff931e 25%, #fbae39 80%);}
.clearing-header p { font-size:100%; color:#0082b4; font-weight:bold; padding:3px 0 3px 0; margin: 5px 0;}
.clearing-header form { margin: 0; padding:0;}
.clearing-header span {font-size:140%; color:#0082b4; padding-left:60px; display:block;}
.clearing-header .numbericon  {position:relative;background: #0082b4; color:#fff; font-weight:bold;  padding:15px 15px 21px 15px; margin-right:10px; display:inline; }
.clearing-header a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
.clearing-header i { color:#fff; font-size:200%;}
.clearing-header select { width:75%; margin:0; margin-left:60px; }

.clearing-header .button, .clearing-header input[type="submit"] { background:#0082b4; margin-left:60px; color:#fff !important; min-width:80px;}
.clearing-header input[type="submit"] { font-size:110%; padding-right:43px; padding-left:43px;}
.clearing-header input[type="submit"]:hover { background:#ccc;}

.clearing-banner { background:#fff; margin-bottom: 6px; padding:8px 0 10px 0; position:relative;}
.clearing-banner:before {
    content: '';
    position: absolute;
    top: 0px; right: 0px;
    border-top: 20px solid #ff931e;
    border-left: 20px solid #fff;
    width: 0;
}



/* 17 - #Footer Content
================================================== */
.footernav {padding:20px 20px 30px 20px;  margin:0 auto;  background: -webkit-linear-gradient(#ebebeb, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ebebeb, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ebebeb, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ebebeb, #ffffff); /* Standard syntax */}

.footernav a {color:#999; font-weight:bold;}
.footernav .breadcrumb {color:#999; font-size:75%; } 
.footernav .breadcrumb li { padding:0px; margin:0 8px 0 0;}
.footernav .breadcrumb a {font-weight:normal; margin-right:5px;}
#bottommenu { clear:both;}
#bottommenu ul { margin:5px 0 0 0; padding:0;}
#bottommenu li { margin:5px 9px 5px 0; display:block; width:100%; border-top:1px solid #ccc; padding:10px 0 3px 0;}
#bottommenu li a { display:block;}

footer[role="contentinfo"]{background:#000;margin:0;padding:3em;position:relative;}
.footer_wrapper{max-width:1200px;width:100%;position:relative;margin:0 auto; }
footer h2 { color:#f57f20; font-weight:normal; border-bottom:3px solid #333; padding-bottom:5px;}
footer h2 a {color:#f57f20 !important;}
footer h3 { margin-bottom:5px;}
footer h4  {color:#f57f20; font-weight:normal;margin-bottom:5px;}
footer a { color:#fff !important;} 
footer a:hover { color:#f57f20  ; }
footer p { color:#fff;} 
footer hr { border: solid #666; border-width: 1px 0 0; }
footer ul{width:100%;float:none;margin:0 0 15px 0; ;padding:0;position:relative; color:#fff;}
footer li { margin-bottom:3px;}
footer .fa-ul { font-weight:bold; margin-top:0.5em;}
footer ul.inline li{float:left;margin: 1.5% ;}
footer ul li:first-of-type{margin-left:0;}
footer ul li:last-of-type{margin-right:0;}
footer dt {color:#f57f20;}
footer dt, footer dd { margin-bottom:0.5em;}
footer .cta { background:#f57e20; float:right; padding:3px 7px; font-weight:bold; font-size:90%; margin-top:-5px;}
footer .desktop { display:none;}

.cd-top {
  display: inline-block;
  height: 35px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  background: rgba(204, 204, 204, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; 
  color:#fff;
  text-align:center; padding-top:5px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; 
  color:#fff;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; 
  color:#fff;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #666;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 45px;
    width: 60px;
    right: 30px;
    bottom: 30px;
	padding-top:15px;
  }
}


/* 18 - #Media Queries
================================================== */
@media only screen and (min-width:20em){/* 320 =================================================== */
.intro {padding:20px 5px; background:#fff;}
.pagecontent {padding:20px; background:#f8f8f8;}
.pagetextwrap {margin-top:-30px; margin-bottom:-44px; padding-left:0 }
.pagetextwrapnomenu {margin-top:0px;}
.pagetext {background:#fff; padding:20px; width:94%; margin-top:-10px;  }
.addthis_toolbox {display:none;}
#headerlinks{display:none;}
.clearing-header img { padding-left:15%; padding-right:20%; margin-bottom:20px; margin-top:-30px; }
}
@media only screen and (min-width:30em){/* 480 =================================================== */
.intro { margin:0 auto; }
.pagecontent { margin:0 auto; }
.box {background:#fff; width:92%;}
footer[role="contentinfo"]{padding:3em;}
#bottommenu li { margin:0 25px 5px 0;  width:auto; border:0;}
.pagetext {width:96%;  margin-top:-40px;}

.pagetextwrap {margin-bottom:-44px; }
}
@media only screen and (min-width:40em){/* 640 =================================================== */

.boxout { float:right; width:200px; margin-left: 1.5em; clear:right; }
.boxout img { display:block}
.addthis_toolbox {float:left; display:block;}

.hpcarousel {margin-top:95px;}
.TUBScarousel .tabContentText { bottom:50%; }
#lis .hpimagecontent {margin-top:-35px;}

.postboximage {float:left; margin-right:20px;}

.logobottomright {background:transparent url("../images/sections/fulltime/template_responsive/logo_angle_top_right_grey.png") no-repeat 0px 0px; position:absolute; bottom:0; right:0; width:266px; height:272px; }

.postgrad-logobottomright { background:transparent url("../images/sections/postgrad/template_responsive/logo_angle_top_right_orange.png") no-repeat 0px 30px; position: absolute;
    bottom: 0;
    right: 0;
    width: 266px;
    height: 272px; }

.pullfact ol { margin-right:270px;}
 
footer ul{float:left;}


ol.progtrckr { padding-bottom:50px;}
ol.progtrckr li { display: inline-block; text-align: center;  line-height: 3em; background:none;}
ol.progtrckr li.progtrckr-done { border-bottom: 4px solid #f57e20;}
ol.progtrckr li.progtrckr-todo { border-bottom: 4px solid #ccc;}
ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 32%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 23%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }
ol.progtrckr li:before {  position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em;}
ol.progtrckr li.progtrckr-todo:before {bottom: -1.6em; background:#f8f8f8; margin:0;}

  form { margin: 0 0 10px 0; }
  form > div > label, legend { width: 25%; float: left; padding-right: 10px; padding-top:8px; margin:0 0 0 0; clear:both;}  
  form > div > div, form > div > fieldset > div { width: 72%; float: right; }
  .coursesearch form > div > label, legend { text-align: right;  }
  
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  input[type=date],
  textarea,
  select { width: 50%; margin-bottom:5px; }
  
.news .sharetools .addthis_sharing_toolbox { float:right;}
.news .sharetools a.tab { float:right;}

}

@media only screen and (min-width:45em){/* 720 =================================================== */
header[role="banner"]{border-top:0px solid #f57e20; padding:0; overflow:hidden;}
.header_wrapper{position:fixed;height:auto;z-index:10000;background:#fff; padding:10px 0; border-bottom:1px solid #ebebeb;} 
#headerlinks{display:block;}
/*.searchbox {right:0px}*/
.intro { background: #fff; border-top:1px solid #fff; margin-top:93px; padding-left:20px;}
.pagecontent { background: #f8f8f8; margin-top:95px; }
.pagetextwrap {margin-top:-55px; margin-bottom:-20px; }
.pagetextwrapnomenu {margin-top:35px;}
.pagetext {padding:70px 20px 20px 20px; margin-top:0px;}

.flexNav-touch [role='navigation'],
.flexNav-no-touch [role='navigation']{display:block!important;}
[role='navigation']{position:absolute; top:20px; right:0;background:none;z-index:0; margin:0;  width:70%; }
.menu-button{display:none;}
[role="navigation"] .searchlist { display:block; float: right;}
[role="navigation"] ul.mobile {display:none;}
[role="navigation"] li a:after {display:none; } 
[role='navigation'] ul {float:left; margin:18px 10px 0 0;}
[role='navigation'] li{position:relative;list-style:none;float:left;display:block;color:#414142;width:auto;padding:0px 5px;  margin:0 4px;  background: #fff; font: bold 1.1em Arial, Helvetica, sans-serif; z-index:1;}
[role='navigation'] li.last { border-right:0px;}
[role="navigation"] .top-level a{background:none;color:#333; padding:0 0 5px 0;}
[role="navigation"] .top-level a.study:hover { border-bottom:3px solid #f57e20;}
[role="navigation"] .top-level a.study.active { border-bottom:3px solid #f57e20; color:#f57e20; border-left:0;}
[role="navigation"] .top-level a.business:hover { border-bottom:3px solid #000;}
[role="navigation"] .top-level a.business.active { border-bottom:3px solid #000;}
[role="navigation"] .top-level a.research:hover { border-bottom:3px solid #8d941e;  color:#8d941e;}
[role="navigation"] .top-level a.research.active { border-bottom:3px solid #8d941e; border-left:0;}
[role="navigation"] .top-level a.about:hover { border-bottom:3px solid #999;  color:#999;;}
[role="navigation"] .top-level a.about.active { border-bottom:3px solid #999; border-left:0}
[role="navigation"] .top-level a.alumni:hover { border-bottom:3px solid #999;color:#999;}
[role="navigation"] .top-level a.alumni.active { border-bottom:3px solid #999; border-left:0;}
[role='navigation'] li a{border-left:none;border-bottom:none;}

[role="navigation"] ul li .submenu {padding: 0; position: absolute; top: 23px; padding: 27px 0; display: none; opacity: 0; visibility: hidden; }
[role="navigation"] ul li:hover .submenu {display: block; opacity: 1; visibility: visible; }
/*[role="navigation"] ul li .pos1 {margin-left: -201px;}
[role="navigation"] ul li .pos2 {margin-left: -299px;}
[role="navigation"] ul li .pos3 {margin-left: -385px;}
[role="navigation"] ul li .pos4 {margin-left: -472px;}
[role="navigation"] ul li .pos5 {margin-left: -557px;}*/

[role="navigation"] ul li ul {padding: 0 20px 20px 20px; background:rgba(255,255,255,.8); border: 1px solid #ebebeb; border-top:none; width: 610px; margin:0;}
[role="navigation"] ul li ul li { padding-top:10px; background: #fff;   float:none;}
[role="navigation"] ul li ul li ul { margin:0; padding:5px 15px; border:0px; float:left; width:42%; }
[role="navigation"] ul li ul li ul li { font-size:100%; line-height:1.3em;}
[role="navigation"] ul li ul li ul li a { display:inline; border-bottom:1px solid #ebebeb;}
[role="navigation"] ul li ul li ul li a:hover { color:#f57e20}
[role="navigation"] ul li ul li ul li a:after {color:#f57e20;content:"\f054"; font-family:"FontAwesome"; float:right; padding-left:30px; display:block;} 
[role="navigation"] ul li ul li ul li.search a:after {content:"\f002";} 
[role="navigation"] ul li ul li ul li.calendar a:after {content:"\f133";} 
[role="navigation"] ul li ul li ul li.news a:after {content:"\f016";}
[role="navigation"] ul li ul li ul li.contact a:after {content:"\f095";}
[role="navigation"] ul li ul li ul li.uni a:after {content:"\f19c";} 

[role="navigation"] ul li ul li ul.cta { width:35%;}
[role="navigation"] ul li ul li ul.cta li a { background:#f57e20; color:#fff; padding:10px;}
[role="navigation"] ul li ul li ul.cta li a:hover { background:#333;}
[role="navigation"] ul li ul li ul.cta li a:after {color:#fff;}

[role="navigation"] ul li ul.business li ul li a:after {color:#000;}
[role="navigation"] ul li ul.business li ul.cta li a { background:#000; }
[role="navigation"] ul li ul.business li ul.cta li a:after {color:#fff;}
[role="navigation"] ul li ul.business li ul.cta li a:hover { background:#f57e20;}

[role="navigation"] ul li ul.research li ul li a:hover { color:#8d941e}
[role="navigation"] ul li ul.research li ul li a:after {color:#8d941e;}
[role="navigation"] ul li ul li ul.institutes { width:45%;}

a.nav-toggle {display: none;}
nav.cmn-tile-nav {display: block;}
#sectionmenu ul, #sectionmenu li, #sectionmenu span, #sectionmenu a { margin:0; padding:0; position: relative; }
#sectionmenu { background:#ebebeb; padding:10px 0; margin:-17px 0 0 -20px; position:fixed;z-index:8000; max-width:1220px;width:100%;}
#sectionmenu a {  display:inline; color:#333; font-size:90%; margin:0; padding:0 10px 0 20px; }
#sectionmenu a:after {color:#f57e20; font-size:50%;} 
#sectionmenu ul a.sectiontitle {color:#f57e20 !important;}

#sectionmenu ul {list-style: none; position:relative; padding-right:130px; }
#sectionmenu > ul { float: left;}
#sectionmenu > ul > li { float: left; line-height:2em;}
#sectionmenu > ul > li a.active:after { content:"\f078";}
#sectionmenu > ul > li:hover > a:after { content:"\f078";}
#sectionmenu > ul > li:hover > a.sectiontitle:after { content:"";}

#sectionmenu .has-sub { position:relative; margin-top:3px; }

#sectionmenu > ul > li > ul { 
    margin-top:24px;
	opacity:0;
    visibility: hidden;
    padding: 15px 10px 10px 10px;
    background-color: #ebebeb;
    text-align: left;
    position: absolute; 
    top: 0;
    left: 10px;    
    width: 180px;
	margin-left: 0;
}

#sectionmenu > ul > li:hover > ul { opacity:1;  visibility: visible; z-index:6000;}
#sectionmenu > ul > li:hover > ul > li a { padding:8px; border-bottom:1px solid #ccc; margin-left:0;}
#sectionmenu > ul > li:hover > ul > li a:hover:after {content:"\f078";}
#sectionmenu > ul > li:hover > ul > li a {font-size:100%;display:block; }
#sectionmenu > ul > li:hover > ul > li a.select { font-weight:bold; color:#666;}
#sectionmenu > ul > li:hover > ul > li a.select:after { content:"\f078";}
#sectionmenu > ul > li:hover > ul > li:last-of-type a { border-bottom:0;}


[role='navigation'] ul { float:none; margin-right:0px;}
[role='navigation'] li{padding:0px 5px; font: bold 1.2em Arial, Helvetica, sans-serif; }
[role="navigation"] ul li .submenu { font: bold 0.9em Arial, Helvetica, sans-serif;}
[role="navigation"] ul li .pos1 {margin-left: -221px;}
[role="navigation"] ul li .pos2 {margin-left: -326px;}
[role="navigation"] ul li .pos3 {margin-left: -419px;}
[role="navigation"] ul li .pos4 {margin-left: -512px;}
[role="navigation"] ul li .pos5 {margin-left: -603px;}

[role="navigation"] ul li ul {width: 670px;}
[role="navigation"] ul li ul li ul {  width:45%; }
[role="navigation"] ul li ul li ul.cta { width:40%;}
[role="navigation"] ul li ul li ul.institutes { width:45%;}

.recruitment {  padding-bottom:300px;  background: #fff url('/images/sections/coursesearch/template/logo_rotate.png') no-repeat 110% 110%;}
.sidebar { border-left:1px solid #ebebeb; padding:10px;}
.sidebar img { display:block;}

.coverimages { display:block}
footer .desktop { display:block;}


.note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 24px 24px 0;
  border-style: solid;
  border-color: #f8f8f8 #f8f8f8 #00abed #00abed;
  background: #00abed;
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}

.secondary.note:before {
  border-color: #f8f8f8 #f8f8f8 #b55e12 #b55e12;
  background: #b55e12;
}

.tertiary.note:before {
  border-color: #f8f8f8 #f8f8f8 #f57f20 #f57f20;
  background: #f57f20;
}

.quaternary.note:before {
  border-color: #f8f8f8 #f8f8f8 #0082b4 #0082b4;
  background: #0082b4;
}

.quinary.note:before {
  border-color: #f8f8f8 #f8f8f8 #0082b4 #0082b4;
  background: #0082b4;
}

.notebottom:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 24px 24px 0 0;
  border-style: solid;
  border-color: #00abed #f8f8f8 #00abed #f8f8f8;
  background: #00abed;
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}

.secondary.notebottom:before {
  border-color: #b55e12 #f8f8f8 #b55e12 #f8f8f8;
  background: #b55e12;
}

.tertiary.notebottom:before {
  border-color: #f57f20 #f8f8f8 #f57f20 #f8f8f8;
  background: #f57f20;
}

.quaternary.notebottom:before {
  border-color: #0082b4 #f8f8f8 #0082b4 #f8f8f8;
  background: #0082b4;
}

.quinary.notebottom:before {
  border-color: #0082b4 #f8f8f8 #0082b4 #f8f8f8;
  background: #0082b4;
}

.fosbox.notebottom:before {
  border-color: #ccc #ffffff #ccc #ffffff;
  background: #ccc;
}

.factbox img { display:block; margin-right:9px; position:absolute; left:0;}
.factbox p { padding:10px 15px; display:block; margin-left:200px; min-height:80px; _height:80px; background:#ebebeb; font-weight:bold;}

.fosbox { border-top:5px solid #f57f20; margin-right:20px;  }
.fosbox a { min-height:80px; _height:80px;}
.fosbox a:after {content:"";}

.profilestudent { width:48%; float:left;}
.profilestudent.first { border-right:1px solid #ebebeb; padding-right:15px;  margin-right:5px; }

div#fosfactfile img { display:block;}
.fostitle { padding-right:0;}

.tabContentText .boxout {display:block; background:#ebebeb; padding:2px 10px 0 10px; width:190px;}
.tabContentText .boxout ul { background:#fff; padding-top:5px; padding-bottom:10px;}
.tabContentText .boxout li { border-bottom:1px solid #ebebeb; margin:10px 5px; padding-bottom:5px;}
.tabContentText .boxout h3 {margin:10px 0;}

div#courseinfo { display:block;}
.sticky {

  position: relative;

  top: -150px; }


div#courseinfomobile {display:none;}
#coursepromo { display:block;}

.clearing-header { margin-top:-35px}
.clearing-header span {padding-left:10px; display:inline;}
.clearing-header img { padding:0; margin:0;}

.clearing-header select { width:55%; margin-left:20px;}

.clearing-header .button { float:right; margin-right:30px; margin-left:0; margin-top:-5px;}
.clearing-header input[type="submit"] { float:right; margin-top:0px !important; margin-right:10px; }

.hpcarousel .section { position:absolute; display:inline; padding:12px 15px 8px 15px; top:0px; right:0; z-index:600; background-color:rgba(245, 135, 59, 0.9);}
.hpcarousel .section a { color:#fff; font-weight:bold; font-size:80%;}
.hpcarousel p.hpcarouselintro {display:block;}

.hpstudy .one { display:block;}

.hpopendays { padding-top:40px; padding-bottom:40px;}
.hpopendays .columns {margin-top: -15px;  border-right:1px dashed #fff; border-bottom:0; }
.hpopendays .columns:last-child { border-right:0px dashed #fff;}

.hpnewsevents { margin-bottom:0px;}
.hpnewsevents img { float:left; margin:0 20px 20px 0;}
.hpnews { padding-top:40px;}
.hpnews img { display:block;}
.hpnewsevents .events {padding-bottom:60px;}

.hpnews p span, .hpnewsevents p span { display:block;}
.hpnews p span:before, .hpnewsevents p span:before {content:"\f017"; font-family:"FontAwesome"; display:block; float:left;  padding-right:5px; } 
.hpnewsevents article p, .hpnews article p { text-align:left; font-size:80%;}
.hpnewsevents article p span a, .hpnews article p span a { background:#f57e20; color:#fff; padding:3px 5px; margin-left:5px; font-weight:bold;}
.hpnewsevents .business p span a, .hpnews .business p span a { background:#000; }
.hpnewsevents .research p span a, .hpnews .research p span a { background:#8d941e; }
.hpnewsevents .button, .hpnews .button { margin-top:40px;}
.hpnewsevents h3, .hpnewsevents h3 a { padding-top:0; margin-bottom:10px;}
.hpnewsevents h3 a {  border-left:3px solid #f57f20; padding-left:10px; min-height:40px;}	
.hpnewsevents .business h3 a { border-left:3px solid #000;}	
.hpnewsevents .research h3 a { border-left:3px solid #8d941e;}	

.hpaudience .four { position:relative; margin-bottom:15px;background:#000;}
.hpaudience img {  display:block;}
.hpaudience .buttontext { position:absolute; display:inline; left:0; bottom:0;  width:100%;  text-align:center; z-index:500; }
.hpaudience .button {  background-color:rgba(245, 135, 59, 0.9);}
.hpaudience .button:hover {background-color:rgba(0, 0, 0, 0.7);}
.hpaudience img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}

.dashboardbox .staffheaderlogo {width:84%;}
.dashboardbox .staffheadertitle {width:16%;}

.TUBScarousel { margin-top:-35px !important; padding-top:60px;}
.TUBScarousel .tabContentText {bottom:15%; padding-left:30px;}
.HPlogos li {float:left;} 
.TUBSqap {padding-bottom:0 }
.TUBSqap p {margin-right:300px;}

.hpintro { padding-bottom:0;}
.hpintro p {margin-right:300px;}

  
#lis .hpopendays .columns {margin-top: -15px;  border-right:0px dashed #fff; border-bottom:0; }


#courseuspcontent.row{  display: flex; margin:0 10px 10px 10px; width:98%; text-align:center; background: #f3f3f3;}
#courseuspcontent.row .col {flex: 1;}
#courseuspcontent.row .content {display: flex; flex-direction: column;}

}
@media screen and (min-width:55.5em){/* 888 =================================================== */

h4 { font-size:120%;}
.addthis_toolbox {margin-top:-5px; float:right;}

[role='navigation'] li{padding:0px 15px;  font: bold 1.4em  Arial, Helvetica, sans-serif;}
[role="navigation"] ul li .submenu { font: bold 0.7em Arial, Helvetica, sans-serif; }
[role="navigation"] ul li .pos1 {margin-left: -281px;}
[role="navigation"] ul li .pos2 {margin-left: -420px;}
[role="navigation"] ul li .pos3 {margin-left: -546px;}
[role="navigation"] ul li .pos4 {margin-left: -672px;}
[role="navigation"] ul li .pos5 {margin-left: -795px;}
[role='navigation'] img { display:block; float:left; width:180px; margin-top:15px;  }

[role="navigation"] ul li ul {width: 840px;}
[role="navigation"] ul li ul li ul { padding:5px 0; width:37%; }
[role="navigation"] ul li ul li ul.cta { width:32%;}

[role="navigation"] ul li ul li ul.institutes { width:40%;}

.sidebar .postboxcontent h3 a:after {content:"\f054"; font-family:"FontAwesome"; float:right; padding-left:10px; padding-top:3px; font-size:80%;}

.fosheader { font-size: 90%; font-weight:bold; color:#fff; position:absolute; display:inline; top:0px; right:0px;   padding:10px ;   text-align:right; border-bottom:2px solid #fff; border-left:2px solid #fff; z-index:10;} 
.fosheader a {color:#fff;}
.fosheader span { font-weight:normal;}
a.coursecta { display:none;}
.courseheadercontent {position:absolute; display:inline; padding:10px; bottom:20px; left:20px; width:500px;  background: rgba(0,0,0,0.7); z-index:10;}
.courseheadercontent h1 {color:#fff !important; border-bottom:1px solid #fff; }
.courseheadercontent p {color:#fff;}
.courseheadercontent a {color:#fff;}
.courseheadercontent li {color:#fff;}
.courseheadercontent p.ucas {color:#ccc; }

div#coursemaincontent { margin: -20px 10px 0 10px; padding:10px 0;}
div#coursemaincontent.twelve {width: 70.6666667%; }
div#coursecolcontent { margin: -20px 0 0 0; padding:10px; }

.kishorizontal {display:block;}
.kisvertical {display:none;}

.news .sharetools img { margin-left:20px;}
}

@media only screen and (min-width:61.5em){/* 984 =================================================== */
[role="navigation"] ul li .pos1 {margin-left: -301px;}
[role="navigation"] ul li .pos2 {margin-left: -440px;}
[role="navigation"] ul li .pos3 {margin-left: -566px;}
[role="navigation"] ul li .pos4 {margin-left: -692px;}
[role="navigation"] ul li .pos5 {margin-left: -815px;}
[role="navigation"] ul li ul {width: 920px;}
[role="navigation"] ul li ul li ul { width:35%; }
[role="navigation"] ul li ul li ul.institutes { width:43%;}

.sidebar .postboxcontent p a { display:inline}


}
@media only screen and (min-width:75em){/* 1200 =================================================== */
form > div > label, legend { text-align: right;  }
[role="navigation"] ul li .pos1 {margin-left: -362px;}
[role="navigation"] ul li .pos2 {margin-left: -501px;}
[role="navigation"] ul li .pos3 {margin-left: -626px;}
[role="navigation"] ul li .pos4 {margin-left: -753px;}
[role="navigation"] ul li .pos5 {margin-left: -876px;}
[role='navigation'] img { display:block; float:left; width:300px;}
[role="navigation"] ul li ul {width: 1100px;}
[role="navigation"] ul li ul li ul {padding:5px 20px; width:28%; }
[role="navigation"] ul li ul li ul.cta { width:25%;}

[role="navigation"] ul li ul li ul.institutes { width:36%;}

.pagetextwrap {padding-left:20px }

.HPlogos img { padding: 0 30px;}
#lis .tree { display:block; background: url('../images/depts/lis/template/tree.png') no-repeat 0 0; width:100px; height:103px; position:absolute; top:1; right:0; margin-top:-80px;}
}
@media only screen and (min-width:87em){/* 1392 =================================================== */
header .pagecontent p { font-size:130%;}

.hpintro p {margin-right:0;}
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){/* 2x =================================================== */}




/*-------------------------------------------------------*\
	#BOXOUT-PROFILE 
	Image to the left and text to the right.
	Background the same colour as the school.
\*-------------------------------------------------------*/

.postbox-profile { 
    background: #00aaad; 
    color: #fff;
    margin-bottom: 20px;
}

.postbox-profile-img  { 
    width: 65%;
    float: left;
}

@media (max-width: 992px) {
    .postbox-profile-img { 
    width: 100%;
    float: left;
}

}

.postbox-profile-heading { 
    color: #fff!important;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}


.postbox-profile-text {
    float:left; 
    width: 29%; 
    margin: 20px 3% 0 3%;
    margin-top: 20px; 
}

@media (max-width: 992px) {
    
.postbox-profile-text {
    float:left; 
    width: 90%; 
    margin: 10px 5% 5% 5%; 
}

}

.postbox-profile-text p { margin-bottom: 0; }

.postbox-profile-text p a {
    color: #00abed;
    background: #fff;
    font-weight: bold;
    padding: 8px 10px 5px 10px;
    margin-top: 20px;
}

.postbox-profile-text p a:after {
    color: #00abed;
    content: "\f054";
    font-family: "FontAwesome";
    padding-left: 10px;
    padding-top: 2px;
}

.postbox-profile-cta { margin-top: 20px; }