/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

sup { 
    vertical-align: super;
    font-size: smaller;
	line-height: 1em;
}

sub { 
    vertical-align: sub;
    font-size: smaller;
	line-height: 1em;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
	display: table;
}

table {
	width: 100%;
}

thead {
	display:  table-header-group;
}

tbody{ display:table-row-group; } 

caption, th, td {
	font-weight: normal;
}

table {
	max-width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
	float: none;
	clear: both;
}

table th, table td {
	border: 1px solid #ccc;
	padding: 0.3em;
	font-size: 0.9em;
	vertical-align: middle;
}

table th {
	background: #ededf0;
	font-weight: bold;
}


table tr:nth-child(odd) td {
	background: #f8f8f8;

}

table tr:nth-child(odd) th {
	background: #e7e7e8;

}

.whiteBox table tr th, .whiteBox table tr td,
.shaded-box table tr th, .shaded-box table tr td {
	background: #fff;
}

hr {
	margin: 1.5em 0;
	clear: both;
	height: 1px;
	border: 0;
	background: #ccc;
}

blockquote:before, blockquote:after,
q:before, q:after {

	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* General */

html {
	background: #333;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	color: #333;
	background:#333;
}

iframe, embed, object {
	max-width: 100%;
	overflow: hidden;
}
		  
img {
	max-width: 100%;
	height: auto;
}

hr {
	margin: 1.5em 0;
	clear: both;
}

#main-content ul  li {
	list-style-type: square;
	margin: 0.5em 0;
}

#main-content ol  li {
	list-style-type: decimal;
	margin: 0.5em 0;
}

label {
	display: block;
	max-width: 100%;
}

form.basic fieldset, textarea, input  {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

fieldset.hidden {
	display: none;
}

fieldset label.error,
fieldset em {
	color: #c4161c;
}

form.basic input.small-text-area {
	max-width: 100px;
}

form.basic textarea {
	min-height: 100px;
}

textarea, input, select {
	border: 1px solid #aaa;
	box-sizing: border-box;
	padding: 0.5em;
	max-width: 100%;
}

select {
	width: 100%;
}

input[type="checkbox"], input[type="radio"] {
	border: none;
	width: auto;
	padding: 0;
}

fieldset {
	background: #f8f8f8;
	border: 1px solid #e7e7e8;
	padding: 1em;
}

input[type="submit"], input[type="reset"] {
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	padding: 0.7em 1em;
	display: block;
	font-size: 1em;
	border: 0;
	cursor: pointer;
	width: auto;
}

input[type="submit"]::-moz-focus-inner,  input[type="reset"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type="submit"]:focus, input[type="reset"]:focus {
	outline-color:transparent;
}


#palette input[type="submit"], #palette input[type="reset"] {
	background-color: #009fb2;
}

#palette input[type="submit"]:focus, #palette input[type="reset"]:focus {
	background-color: #005359;
}


#paletteBlue input[type="submit"], #paletteBlue input[type="reset"] {
	background-color: #009fdf;
}

#paletteBlue input[type="submit"]:focus, #paletteBlue input[type="reset"]:focus {
	background-color: #00364f;
}


#paletteGreen input[type="submit"], #paletteGreen input[type="reset"] {
	background-color: #87a529;
}

#paletteGreen input[type="submit"]:focus, #paletteGreen input[type="reset"] {
	background-color: #395e13;
}


#paletteRed input[type="submit"], #paletteRed input[type="reset"] {
	background-color: #c4161c;
}

#paletteRed input[type="submit"]:focus, #paletteRed input[type="reset"] {
	background-color: #5e0000;
}


#palettePurple input[type="submit"], #palettePurple input[type="reset"] {
	background-color: #8a568d;
}

#palettePurple input[type="submit"]:focus, #palettePurple input[type="reset"] {
	background-color: #42175a;
}

#paletteYellow input[type="submit"], #paletteYellow input[type="reset"] {
	background-color: #424952;
}

#paletteYellow input[type="submit"]:focus, #paletteYellow input[type="reset"] {
	background-color: #424952;
	color: #fcaf17;
}


#main-content fieldset ul, #main-content fieldset ol, #main-content fieldset li {
	list-style: none;
	list-style-type: none;
	margin: 1em 0;
}

fieldset legend {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 1.5em;
	background: #fff;
	border: 1px solid #e7e7e8;
	border-radius: 5px;
	margin: 0 1em;
	padding: 0.5em;
	
}

#main-content textarea {
	width: 100%;
	max-width: 100%;
	resize: vertical;
}

#outer-wrapper, #main-nav #topNav, #header, .page-wrapper  {
	max-width: 1000px;
	margin: 0 auto;
}

#outer-bg {
	background:#fff;
	float: left;
	width: 100%;
	/*min-width: 480px;*/
}

.page-wrapper {
	margin: 20px auto;
	width: 100%;
	overflow: hidden;
}

p, #main-content ul  {
	padding-bottom: 1em;
}

#main-content ul  {
	margin-left: 3em;
}

#main-content ol  {
	list-style: decimal;
	margin-left: 3em;
}

a {
	text-decoration: none;
}

#main-content a {
	text-decoration: underline;
}

#main-content h1 a,
#main-content h2 a,
#main-content h3 a,
#main-content h4 a,
#main-content h5 a,
#main-content h6 a {
	text-decoration: none;
}


#palette a {
	color: #008391;
}

#paletteBlue a {
	color: #007eb0;
}

#paletteGreen a {
	color: #667d1f;
}

#paletteRed a {
	color: #c4161c;
}

#palettePurple a {
	color: #8a568d;
}


#paletteYellow a {
	color: #424952;
}

#paletteGold a {
	color: #d29c41;
}

#main-content a:hover {
	color:#424952;
}

#main-content a:active {
	color:#000;
}

#main-content a {
    -webkit-transition: color 250ms;
    -moz-transition: color 250ms;
    -ms-transition: color 250ms;
    -o-transition: color 250ms;
    transition: color 250ms;
}

#paletteGold #main-content a,
#paletteGold footer .three-col a,
#paletteGold a.read-more-50  {
	font-weight:bold;
}

#paletteYellow .main-content a {
	text-decoration: underline;
}


#main-content strong,  #main-content b,
.homepage-stripe strong,  .homepage-stripe b  {
	font-weight: bold;
}

.homepage-stripe a.takeover-link strong,
.homepage-stripe .banner-statement strong {
	font-weight: normal;
}

#main-content em {
	font-style: italic;
}

#main-content img {
	max-width: 100%;
	height: auto!important;
}

a:hover {
	text-decoration: underline;
}

form#headerSearch input {
	padding: 0 8px;
	border: 0;
}

form#headerSearch fieldset {
	padding: 0;
	box-sizing:content-box;
}

.two-col, .four-col {
	float: left;
}

.two-col {
	width: 50%;
}

.four-col {
	width: 25%;
}

.hideme {
display:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.7em;
}

#paletteGold h1 a,
#paletteGold h2 a,
#paletteGold h3 a,
#paletteGold h4 a,
#paletteGold h5 a,
#paletteGold h6 a {
	font-weight: normal!important;
	color: #62512b
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.2em;
}


/* Top Navigation */

#main-nav {
	display: block;
	width: 100%;
	background-color: #222;
	float: left;
	padding: 0;
	margin: 0;
}

#main-nav #topNav {
	display: block;
}

#main-nav ul.topnav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #555;
	font-size: 0.9em;
}

ul.topnav li:last-child {
	border-right: 1px solid #555;
}

ul.topnav li a {
	padding: 7px 23px;
	margin: 0 0 0 0;
	color: #fff!important;
	display: block;
	text-decoration: none;
}

ul.topnav li a:hover {
	background:#555;
}

.main-content.three-col-layout {
	width: 63.9%;
	margin-right: 5.6%;
	float: left;
}

.main-content.full-width-content {
	width: 100%;
	margin-top: 0;
	float: left;
}

.detect-height {
	float: left;
	width: 100%;
}

.right-col {
	float: right;
	width: 30.5%;
	font-size: 0.8em;
	overflow: hidden;
}

.right-col ul li {
	margin-left: 1.5em;
	list-style-type: square;
}

.content-wrap {
	padding-left: 5%;
	width: 72%;
	float:left;
}

.cover-image-full-width {
	float: left;
	clear: right;
	width: 100%;
	margin-bottom: 1em;
}

.cover-image-full-width img {
	width: 100%;
}

.banner-relative {
	position: relative;
}

.banner-statement {
	position: absolute;
	bottom: 3em;
	left: 3em;
	width: 170px;
	height: 170px;
	background: #fff;
	border: 1px solid #ccc;
	color: #424952;
	text-align: center;
	font-style: italic;
	font-family: Georgia, Times, 'Times New Roman', serif;
	display: table;
	box-sizing: border-box;
}

.banner-statement strong,
.banner-statement em {
	font-size: 2.3em;
	display: block;
	line-height: 1em;
	margin-bottom: 0.1em;
}

.banner-statement em {
	font-size: 1.7em;
}

#main-content .banner-statement strong,
#main-content .banner-statement em {
	font-weight: normal;
}

.banner-statement-line {
	width: 170px;
	position: absolute;
	top: 0;
	left: 3em;
	height: 8em;
}

.banner-statement-line span {
	width: 1px;
	display: block;
	background: #fff;
	margin: 0 auto;
	height: 8em;
}

.banner-statement p {
	margin: 0;
	padding: 5px;
	vertical-align: middle;
	display: table-cell;
	line-height: 1.3em;
}

/* Owl Carousel */
.custom-navigation .btn {
	display: inline-block;
	padding: 0 0.5em 0.5em 0.5em;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

#carousel .custom-navigation {
	color: #ccc;
}

#carousel .custom-navigation a.btn {
	color: #aaa;
	font-size: 0.8em;
	text-decoration: none!important;
}

.custom-navigation  .btn:after	{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-left: 0.5em;
}

.custom-navigation  .btn.play:after {
	content: '\f04b';
}

.custom-navigation  .btn.stop:after {
	content: '\f04c';
}


/*
* 	Owl Carousel
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 0.5em;
	text-align: center;
	margin-bottom: 1em;
	position: absolute;
	bottom: -3em;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #aaa;
	display: inline-block;
	zoom: 1;
	margin: 0 5px 5px 5px;
	padding: 3px;
	font-size: 12px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
}

.owl-theme .owl-controls .owl-buttons div:hover{
	color: #333;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #ccc;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* Custom Owl */

.owl-carousel .slider-title, .owl-carousel .slider-description {
	padding: 0.7em;
	max-width: 70%;
	color: #fff;
	position: absolute;	
	right: 0;
	box-sizing: border-box;
}

#palette .owl-carousel .slider-title, #palette  .owl-carousel .slider-description {
	background:#005359;
}

#paletteBlue .owl-carousel .slider-title, #paletteBlue  .owl-carousel .slider-description {
	background:#00364f;
}

#paletteGreen .owl-carousel .slider-title, #paletteGreen  .owl-carousel .slider-description {
	background:#395e13;
}

#paletteRed .owl-carousel .slider-title, #paletteRed  .owl-carousel .slider-description {
	background:#5e0000;
}

#palettePurple .owl-carousel .slider-title, #palettePurple  .owl-carousel .slider-description {
	background:#42175a;
}

.owl-carousel .slider-title {
	top:0;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1.5em;
	font-style: italic;
}

.owl-carousel .slider-description{
	bottom:0;
	font-size: 0.9em;
}

.owl-carousel a.item .banner-relative {
	width: 100%;
	padding-bottom: 43%;
	background-size: cover;
}

#carousel {
	position: relative;
	padding-bottom: 3em;
}

.custom-navigation {
	position: absolute;
	right: 0;
	bottom: 1em;
}

.three-col-wrapper-left {
	margin-right: 1em;
}

.three-col-wrapper-middle {
	margin: 0 0.5em;
}

.three-col-wrapper-right {
	margin-left: 1em;
}

/* Ticker START */

#owl-ticker {
	background: #f8f8f8;
	border: 1px solid #e7e7e8;
	box-sizing: border-box;
	padding: 1em;
	margin-bottom: 2em;
}
	
#owl-ticker .owl-wrapper-outer {
	margin-bottom: 0.5em;
}
	
#owl-ticker .owl-controls {
	right: 0;
	bottom: -1em;
	
}
/* Ticker END */

/* By the numbers START */

.numbers-wrapper {
	  margin: 0 ;
  width: 100%;
box-sizing: border-box;
  overflow: visible;
}

#owl-numbers  .owl-controls .owl-buttons .owl-prev,
#owl-numbers  .owl-controls .owl-buttons .owl-next  {
	display: block;	position: relative;
}

#owl-numbers  .owl-controls .owl-buttons div  {
	font-size: 2em;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #ccc;
	opacity: 0.5;
	transform:scale(1,2); 
}

#owl-numbers  .owl-controls .owl-buttons div:hover  {
	opacity: 1;
}

#owl-numbers  .owl-controls  {
	bottom: initial;
	margin: 0;
	margin-top: 10px;
	text-align: center;
	position: relative;
}

#owl-numbers  .owl-wrapper-outer {
  overflow: visible;
}

#owl-numbers .owl-controls .owl-buttons .owl-prev {
	left:  -0.3em;
	position: absolute;
	top: 0;
	margin-top: -4.5em;
}

#owl-numbers .owl-controls .owl-buttons .owl-next {
	position: absolute;
	top: 0;
	right: -0.3em;
	margin-top: -4.5em;
}

#owl-numbers .owl-item {
	text-align: center;
	padding-left: 1.5em;
	padding-right: 1.5em;
	box-sizing: border-box;
}

#owl-numbers  h3 {
	color: #005359;
	font-size: 3em;
	font-style: italic;
	margin-bottom: 0.4em;
	font-size: 2.6em;
}

#owl-numbers  p {
	padding-bottom: 0.7em;
}

#owl-numbers  {
	position: relative;
	padding: 0;

}
/* By the numbers END */

/* Header */

#header-wrapper {
	background: #f8f8f8;
	border-bottom: 1px solid #e7e7e8;
	float: left;
	width:100%;
}

#header-left, #header-right {
	float: left;
}

#header-right {
	margin-bottom: 1em;	
}

.header-supporting {
	float: right;
}

#header-left {
	width: 50%;
	float: left;
}

#header-left a.top-logo {
	float:left;
	display: block;
	margin: 1.5em 0 1.5em 0;
}

#header-left .header-supporting {
	float:left;
	display: block;
	margin-top: 35px;
}

#header-left .header-supporting p {
	margin: 0;
	padding: 0;
}

#header-right {
	width: 50%;
	text-align: right;
	font-size:0.9em;
	margin-top: 1.4em;
}

#header-right ul {
	margin-bottom:10px;
}

#header-right ul li a{
	color:#424952;
}

#headerSearch input#q {
	float:left;
	padding-right: 36px;
}

#headerSearch input#header_UoB_form_submit {
	padding: 0;
	float: right;
	width: 32px;
	height: 32px;
	margin: 0;
	border-left: 0;
	border-bottom: 0;
	margin-left: -32px;
	background-color: #fff;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/UoB/2015/general/magnifier.png');
	background-repeat: no-repeat;
	text-indent: 3em;
	overflow: hidden;
	cursor: pointer;
}

#headerSearch input:focus {
	outline-color: transparent;
}


.search-area {
	float: right;
}

.internal-link {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1em 0 0;
	font-size: 0.9em;
}

.internal-link i.fa {
	margin-left: 0.3em;
	margin-right: 2em;
}


#headerSearch fieldset {
	float: right;
	height: 32px;
	border: 1px solid #ccc;
}

#headerSearch fieldset input#q {
	height: 32px;
}

#mainSearch {
	float: right;
}

#mainSearch fieldset,
#mainSearch fieldset input#q  {
	height: 25px;
}

#mainSearch fieldset {
	margin-top: 4px;
}

#mainSearch  input#header_UoB_form_submit {
	width: 25px;
	height: 25px;
}

#mainSearch {
	display: inline-block; 
	vertical-align: middle;
	float: none;
	height: 35px;
}

#palette #mainSearch  #headerSearch input#header_UoB_form_submit {
	background-position: -3px -3px;
}

#paletteBlue #mainSearch  #headerSearch input#header_UoB_form_submit {
	background-position: -73px -3px;
}

#paletteGreen #mainSearch  #headerSearch input#header_UoB_form_submit {
	background-position: -143px -3px;
}

#paletteRed #mainSearch   #headerSearch input#header_UoB_form_submit {
	background-position: -213px -3px;
}

#palettePurple #mainSearch  #headerSearch input#header_UoB_form_submit {
	background-position: -283px -3px;
}

#paletteYellow #headerSearch input#header_UoB_form_submit {
	background-position: -353px -3px;
}

#paletteGold #headerSearch input#header_UoB_form_submit {
	background-position: -423px -3px;
}


/* Breadcrumb */
#breadcrumb-wrapper {
	float: left;
	width: 100%;
	font-size: 0.9em;
	margin: 1em auto 1.5em auto;
}

#breadcrumb-wrapper a {
	text-decoration: none;
}

#paletteGold #breadcrumb-wrapper a {
	font-weight: bold;
}

#breadcrumb-wrapper a:after {
	content: " \00BB";
	color: #aaa;
	margin: 0 5px;
}


/* Left Nav */
nav {
	float:left;
	width: 23%;
}

nav #sectionNav h2 {
	color: #fff;
	overflow: auto;
	list-style-type: none!important;
	font-size: 1.2em;
	padding: 12px;
	margin: 0;
	border-right: 1px solid #e7e7e8;
	border-left: 1px solid #e7e7e8;
}

#palette nav #sectionNav h2 {
	background-color: #005359;
}

#paletteBlue nav #sectionNav h2 {
	background-color: #00364f;
}

#paletteGreen nav #sectionNav h2 {
	background-color: #395e13;
}

#paletteRed nav #sectionNav h2 {
	background-color: #5e0000;
}

#palettePurple nav #sectionNav h2 {
	background-color: #42175a;
}

#paletteYellow nav #sectionNav h2 {
	background-color: #424952;
}

#paletteGold nav #sectionNav h2 {
	background-color: #231f20;
}



nav #sectionNav h2 a {
	color: #fff;
}


nav ul#UoB_Nav {
	background: #f8f8f8;
	border: 1px solid #e7e7e8;
	border-top: 0;
	padding: 1em 0 1.5em 0;
}

nav ul#UoB_Nav ul {
	margin: 0;
}

nav ul#UoB_Nav li, nav ul#UoB_Nav li span {
	display: block;
	border-bottom: 1px solid #e7e7e8;
}

nav ul#UoB_Nav li  a {
	text-decoration: none;
}

nav ul#UoB_Nav li > a,
nav ul#UoB_Nav li > span.currentbranch1,
nav ul#UoB_Nav li > span.currentbranch2 {
	padding: 0.5em 1em;
	display: block;
	color: #333;
	/*border-bottom : 1px solid #e7e7e8;*/
}

nav ul#UoB_Nav li > span.currentbranch3 {
	font-weight:bold;
	/*border-bottom : 1px solid #e7e7e8;*/
	border-bottom : 0;
	padding: 0.5em;
}

nav ul#UoB_Nav li > span.currentbranch0 a {
	padding: 0.5em 1em;
	display: block;
	color: #333;
	text-decoration: none;
}

nav ul#UoB_Nav > li:last-child a {
	border-bottom: 0;
}

#menuLevel1 #sectionNav ul#UoB_Nav span.currentbranch0,
#menuLevel2 #sectionNav ul#UoB_Nav li ul.multilevel-linkul-0 li > span.currentbranch1 {
	background: #424952;
	display: block;
	color: #fff;
	padding: 0.5em 0.5em 0.5em 1em;
	position: relative;
	border-bottom: 0;
}

#menuLevel1 #sectionNav ul#UoB_Nav span.currentbranch0 > a,
#menuLevel2 #sectionNav ul#UoB_Nav li ul.multilevel-linkul-0 li > span.currentbranch1 a {
	border-bottom: 0;
}

#menuLevel2 #sectionNav ul#UoB_Nav li ul.multilevel-linkul-0 li > span.currentbranch1 a {
	padding: 0;
	color: #fff;
}

#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li > a,
#menuLevel2 #sectionNav ul#UoB_Nav li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 li > span.currentbranch2 {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li > span,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li > a   {
	background: #FFF;
	border-right: 1px solid #E7E7E8;
	border-left: 1px solid #E7E7E8;

}

#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 ul.multilevel-linkul-1 li ul.multilevel-linkul-2,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 ul.multilevel-linkul-1 {
	border-top: 1px solid #E7E7E8;

}

nav ul#UoB_Nav ul.multilevel-linkul-0 ul {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#menuLevel1 #sectionNav ul#UoB_Nav span.currentbranch0:after,
#menuLevel2 #sectionNav ul#UoB_Nav  li ul.multilevel-linkul-0 li  span.currentbranch1:after {
	content: "";
	right: -16px;
	top: 50%;
	margin-top: -18px;
	border-bottom: 20px solid transparent;
	border-top: 16px solid transparent;
	border-left: 16px solid #424952;
	position: absolute;
}

#menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0:after {
	content: "";
	margin-top: -22px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #424952;
	float: right;
	clear: both;
	margin-right: 8px;
}

#menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0 {
	font-weight: bold;
    border-bottom: 0;
}

#palette #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#palette #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#palette #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 {
	border-left: 3px solid #005359;
}

#paletteBlue #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#paletteBlue #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#paletteBlue #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 {
	border-left: 3px solid #00364f;
}

#paletteGreen #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#paletteGreen #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#paletteGreen #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 {
	border-left: 3px solid #395e13;
}

#paletteRed #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#paletteRed #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#paletteRed #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0  {
	border-left: 3px solid #5e0000;
}

#palettePurple #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#palettePurple #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#palettePurple #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0  {
	border-left: 3px solid #42175a;
}

#paletteYellow #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#paletteYellow #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#paletteYellow #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0  {
	border-left: 3px solid #fcaf17;
}

#paletteGold #menuLevel2 #sectionNav ul#UoB_Nav span.currentbranch0,
#paletteGold #menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#paletteGold #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0  {
	border-left: 3px solid #d29c41;
}

#menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0, 
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 {
	background: #e7e7e8;
	padding-bottom: 0;
}


#menuLevel2 #sectionNav ul#UoB_Nav li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 li > span.currentbranch2 {
	font-weight: bold;
	border-bottom: 0;
}

#menuLevel2 #sectionNav ul#UoB_Nav  li ul.multilevel-linkul-0 li  > span.currentbranch1 a:hover {
	color: #fff;
	background: #424952;
}

nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
nav ul#UoB_Nav li a:hover,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	color: #fff;
}

#palette nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#palette nav ul#UoB_Nav li a:hover,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	color: #fff;
	background: #009fb2;
	border-color: #009fb2;
}

#paletteBlue nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#paletteBlue nav ul#UoB_Nav li a:hover,
#paletteBlue #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	background: #009fdf;
	border-color: #009fdf;
}

#paletteGreen nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#paletteGreen nav ul#UoB_Nav li a:hover,
#paletteGreen #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	background: #87a529;
	border-color: #87a529;
}

#paletteRed nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#paletteRed nav ul#UoB_Nav li a:hover,
#paletteRed #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	background: #c4161c;
	border-color: #c4161c;
}

#palettePurple nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#palettePurple ul#UoB_Nav li a:hover,
#palettePurple #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	background: #8a568d;
	border-color: #8a568d;
}

#paletteYellow nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#paletteYellow ul#UoB_Nav li a:hover,
#paletteYellow #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	background: #424952;
	border-color: #424952;
}

#paletteGold nav ul#UoB_Nav li  > span.currentbranch0 a:hover,
#paletteGold ul#UoB_Nav li a:hover,
#paletteGold #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li a:hover {
	background: #d29c41;
	border-color: #d29c41;
}


nav ul#UoB_Nav li  > span.currentbranch2 > a,
nav ul#UoB_Nav li  > span.currentbranch3 > a {
	display: block;
	color: #333;
}

#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li  > span.currentbranch2 > a:hover,
#palette #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li  > span.currentbranch2 > a:hover,
#paletteBlue #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li  > span.currentbranch2 > a:hover,
#paletteGreen #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li  > span.currentbranch2 > a:hover,
#paletteRed #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li  > span.currentbranch2 > a:hover,
#palettePurple #menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-1 li  > span.currentbranch2 > a:hover,

#palette #menuLevel2 #sectionNav   ul#UoB_Nav li  > span.currentbranch3 > a:hover,
#paletteBlue #menuLevel2 #sectionNav   ul#UoB_Nav li  > span.currentbranch3 > a:hover,
#paletteGreen #menuLevel2 #sectionNav   ul#UoB_Nav li  > span.currentbranch3 > a:hover,
#paletteRed #menuLevel2 #sectionNav   ul#UoB_Nav li  > span.currentbranch3 > a:hover,
#palettePurple #menuLevel2 #sectionNav   ul#UoB_Nav li  > span.currentbranch3 > a:hover
 {
	background: #fff;
	color: #000;
}


#ocm-outer-page-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	float:left;
}

#ocm-page-wrapper {
	position: relative;
	width: 100%;
	left: 0;
	transition: position, .3s; 
}

.ocm-open-btn,
.ocm-close-btn {
	display: none;
}


/* Left nav END */

/* Left Content */

.left-content {
	float: left;
	width: 100%;
	margin: 1.5em 0;
}

.your-bradford {
	background: #f8f8f8;
	border: 1px solid #e7e7e8;
	padding: 1em;
	text-align: center;
}

#paletteYellow .your-bradford {
	background: #424952;
	border: 0;
	color: #fff;
}

#paletteYellow .your-bradford a {
	color: #fcaf17;
}

.your-bradford h2 {
	font-style: italic;
	margin-bottom: 0.3em;
}

.your-bradford p {
	font-size: 0.9em;
}

.your-bradford-star {
	background: url('/T4-css-corporate/UoB/2015/general/star.png');
	width: 32px;
	height: 32px;
	margin: 0 auto 1em auto;
}

.bradford-connect-cap {
	background: url('/T4-css-corporate/UoB/2015/general/graduation.png');
	width: 32px;
	height: 32px;
	margin: 0 auto 1em auto;
}

#palette .your-bradford-star,
#palette .bradford-connect-cap {
	background-position: 0 0;
}

#paletteBlue .your-bradford-star,
#paletteBlue .bradford-connect-cap  {
	background-position: -64px 0;
}

#paletteGreen .your-bradford-star,
#paletteGreen .bradford-connect-cap {
	background-position: -128px 0;
}

#paletteRed .your-bradford-star,
#paletteRed .bradford-connect-cap  {
	background-position: -192px 0;
}

#palettePurple .your-bradford-star,
#palettePurple .bradford-connect-cap  {
	background-position: -256px 0;
}

#paletteYellow .your-bradford-star,
#paletteYellow .bradford-connect-cap  {
	background-position: -320px 0;
}

.your-bradford-button {
	color: #fff!important;
	border-radius: 5px;
	font-weight: bold;
	padding: 0.5em;
	display: block;
	max-width: 120px;
	margin: 0 auto;
}

.clearing-button {
	color: #222!important;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.8em 0.3em;
    background: #FCAF17;
    width: 46%;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.85em;
    line-height: 1.1em;
    text-decoration: none;
	transition: all 0.3s 
}

.clearing-button:hover {
	color: #fff!important;
    background: #222;
    text-decoration: none
}

#palette .your-bradford-button {
	background-color: #009fb2;
}

#paletteBlue .your-bradford-button {
	background-color: #009fdf;
}

#paletteGreen .your-bradford-button {
	background-color: #87a529;
}

#paletteRed .your-bradford-button {
	background-color: #c4161c;
}

#palettePurple .your-bradford-button {
	background-color: #8a568d;
}

#paletteYellow .your-bradford-button {
	background-color: #fcaf17;
}


/* Right Hand Side Area */

.internalLinkCTA a,
.externalLinkCTA a {
	display: block;
	text-decoration: none!important;
	color: #fff!important;
	font-size: 1.5em;
	padding: 0.7em 0.5em;
	margin-bottom: 0.5em;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	line-height: 1.2em;
	box-sizing: border-box;
}

#palette .internalLinkCTA a {
	background-color: #009fb2;
}

#paletteBlue .internalLinkCTA a {
	background-color: #009fdf;
}

#paletteGreen .internalLinkCTA a {
	background-color: #87a529;
}

#paletteRed .internalLinkCTA a {
	background-color: #c4161c;
}

#palettePurple .internalLinkCTA a {
	background-color: #8a568d;
}



#palette .externalLinkCTA a {
	background-color: #005359;
}

#paletteBlue .externalLinkCTA a {
	background-color: #00364f;
}

#paletteGreen .externalLinkCTA a {
	background-color: #395e13;
}

#paletteRed .externalLinkCTA a {
	background-color: #5e0000;
}

#palettePurple .externalLinkCTA a {
	background-color: #42175a;
}

#paletteYellow .externalLinkCTA a,
#paletteYellow .internalLinkCTA a {
	background-color: #424952;
}

.internalLinkCTA a:hover,
.externalLinkCTA a:hover {
	opacity: 0.9;
}

.rightPanel {
	background: #f8f8f8;
	border: 1px solid #e7e7e8;
	padding: 1em;
	margin-bottom: 1em;
}


/* Footer */
footer {
	background: #e7e7e8;
	float: left;
	width: 100%;
	font-size: 0.9em;
	
}

#pre-footer-padding {
	height: 5em;
	border-bottom: 1px solid #ccc;
	width: 100%;
	float: left;
}

footer ul {
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 1em;
}

ul.social_media {
	list-style: none;
	margin: 0!important;
}

ul.social_media a {
	text-decoration: none;
}

ul.social_media.max-three-per-row {
	max-width: 170px;
}


footer ul.social_media {
	margin-top: 1.5em;
}


ul.social_media li {
	display: inline-block;
	margin: 6px 12px 6px 0!important;
	width: 34px;
	height: 34px;
}

ul.social_media li a {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url('/T4-css-corporate/UoB/2015/general/social-media.png');
	background-repeat: no-repeat;
}


ul.social_media li a:hover {
	opacity: 0.9;
}

ul.social_media li a.facebook-icon {
	background-position: 0 0;
}

ul.social_media li a.twitter-icon {
	background-position: -64px 0;
}

ul.social_media li a.linkedin-icon {
	background-position: -128px 0;
}

ul.social_media li a.youtube-icon {
	background-position: -192px 0;
}

ul.social_media li a.gplus-icon {
	background-position: -256px 0;
}

ul.social_media li a.instagram-icon {
	background-position: -320px 0;
}

ul.social_media li a.tsr-icon {
	background-position: -384px 0;
}

ul.social_media li a.flickr-icon {
	background-position: -448px 0;
}

ul.social_media li a.wordpress-icon {
	background-position: -512px 0;
}



ul.social_media.china-social-icons li a {
	background: url('/T4-css-corporate/UoB/2015/general/social-icons-china.png');
		width: 34px;
	height: 34px;
}

#paletteRed footer ul.social_media.china-social-icons li a.weibo-icon {
	background-position: 0 0;
}

#paletteRed footer ul.social_media.china-social-icons li a.youku-icon {
	background-position: -136px 0;
}

#paletteRed footer ul.social_media.china-social-icons li a.qq-icon {
	background-position: -68px 0;
}


footer h3 {
	font-size: 1.6em;
}

footer .footer-logos {
	text-align: right;
}

#palette footer a  {
	color: #005359;
}

#paletteBlue footer a  {
	color: #00364f;
}

#paletteGreen footer a  {
	color: #395e13;
}

#paletteRed footer a  {
	color: #5e0000;
}

#palettePurple footer a  {
	color: #42175a;
}

#paletteYellow footer a {
	text-decoration: underline;
}

footer .footer-info {
	background: #333;
	float: left;
	width: 100%;
	color: #e7e7e8;
}

footer .footer-info a {
	color: #e7e7e8!important;
	text-decoration: underline;
}

footer .footer-info  p {
	margin-bottom: 0.6em;
	line-height:1.2em;
}

footer .footer-info a:hover {
	color: #fff;
}

footer p.last-modified {
	color:#ccc;
	font-size: 0.9em;
}

footer .footer-logos a  {
	margin-left: 0.5em;
}

/* Home page START */

.home-news {
	width: 25%;
	float: left;
}

.home-news-banner {
	width: 72%;
	padding-right: 3%;
	float: left;
}

.homepage-stripe {
  float: left;
  width: 100%; 
}

.homepage-stripe h2 {
	text-align:center;  margin-bottom: 1.5em;
}

.homepage-stripe #newsEventsBlog h2 {
	text-align: left;
	margin-bottom: 0.3em;
}

.three-col-text-area iframe {
	width: 100%;
	max-width: none;
}

.homepage-stripe .three-col-text-area h2 {
	text-align: left;
	font-style: italic;
	margin-bottom: 0.6em;
}

.homepage-stripe .three-col-text-area p {
	padding-bottom: 0.7em;
}

.homepage-stripe .three-col-text-area i.fa {
	margin-right: 0.3em;
}

.homepage-stripe.key-area ul li  {
	width: 25%;
	float: left;
	text-align: center;
}

.homepage-stripe .page-wrapper {
	margin-top: 3.5em;
	margin-bottom: 3.5em;
}

.homepage-stripe.takeover-image .page-wrapper {
	margin-bottom: 0;
}

.homepage-stripe.key-area ul li a {
	text-align: center;
	text-decoration: none;
	color: #333333!important;
}

.homepage-stripe.key-area ul li em,
.homepage-stripe.key-area ul li h1 {
	font-style: italic;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	font-size: 1.6em;
	display: inline-block;
}

.homepage-stripe.key-area ul li i {
	font-size: 6.5em;
	text-shadow: 0 2px 0 #fff;
	display: inline-block;
	margin-bottom: 0.1em;
}
.homepage-stripe.key-area ul li u {
	font-size: 1em;
	color: #424952;
	display: inline-block;
	margin-bottom: 0.2em;
}

.homepage-stripe.key-area ul li u:hover {
	color: #000;
}


.homepage-stripe.takeover-image {
	background: #E7E7E8;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 0;
	position: relative;
}

.homepage-stripe.key-area {
	background: #e7e7e8;
	/*margin-top: -1px;*/
}

.homepage-stripe.light-grey-stripe {
	background: #f8f8f8;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.takeover-absolute {
	position: absolute;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	float: left;
}

.takeover-link {
	color: #fff!important;
	background: rgba(0, 0, 0, 0.75);
	padding: 1.4em 1.6em;
	font-size: 1.2em;
	transition: all 0.5s ease;
	line-height: 1.3em;
	right: 0;
	position: absolute;
	top: 7em;
	max-width: 23em;
}


.takeover-link:hover {
	background: rgba(34, 34, 34, 1);
	padding-right: 2.6em ;
	text-decoration: none;
}


.takeover-absolute .scroll-button {
	text-align: center;
	margin-bottom: 1.2em;
}

.takeover-absolute a.scroll-icon {
  color: #fff!important;
  text-shadow: 0 2px 2px #000;
  font-size: 4em;
  opacity: 0.4;
  line-height: 1em;
}

.takeover-absolute a.scroll-icon:hover {
	opacity: 0.6;
}

.takeover-absolute .page-wrapper {
	margin-top: 0;
}

.takeover-link {
	display: inline-block;
}

.takeover-area {
	margin-bottom: 6%;
}

.takeover-area input[type="text"] {
	width: 180px;
	display: inline-block;
	background:#e7e7e8;
	background-color:#e7e7e8;
	padding: 0.5em 1em;
	border: 0;
	margin: 0;
	height: 26px;
	line-height: 1em;
	vertical-align: top;
	font-size: 1em;
	box-sizing: content-box;
	border-radius: 0px;
	color:    #555;
}

.takeover-area form div {
	display: inline-block;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	background: #E7E7E8;
}

.takeover-area input[type="text"]:-moz-placeholder{color: rgba(119,119,119,1);}
.takeover-area input[type="text"]:-ms-input-placeholder{color: rgba(119,119,119,1);}
.takeover-area input[type="text"]::-webkit-input-placeholder{color: rgba(119,119,119,1);}

.takeover-area  input[type="submit"] {
	display: inline-block;
	background:#e7e7e8;
	background-color:#e7e7e8!important;
	background-image: url("/T4-css-corporate/UoB/2015/general/search-course.png");
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-indent: 999px;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0.5em;
	height: 26px;
	width: 26px;
	line-height: 1em;
	vertical-align: top;
	font-size: 1em;
	box-sizing: content-box;
}


.takeover-area input[type="submit"]::-moz-focus-inner {border:0;}

.takeover-area form label {
	color: #fff;
	text-shadow: 1px 1px 4px #000, -1px 1px 4px #000;
	font-size: 2.2em;
	display: block;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

.student-life-nav {
	width: 45%;
}

.student-life-video {
	width: 55%;
}

.student-life-nav, .student-life-video {
	float: left;
}

/* Home page END */

/* Celebrating 50 years START */

.before-and-after img {
	position: absolute;
	left: 0;
	top: 0;
	cursor:pointer;
}

.before-and-after {
	display: block;
	position: relative;
	margin-bottom: 3em;
}

h2.tl-headline {
	font-family: Georgia, Times, 'Times New Roman', serif;
    font-weight: normal;
    line-height: 1.2em;
}

.celebrating50-quote {
	display: table-cell;
	vertical-align: middle;
	min-width: 11em;
}

.two-col-celebrating-50 {
	width: 48%;
	margin: 1em 0 1em 2%;
	float: left;

}

.two-col-celebrating-50.event-50-left-0 {
	margin: 1em 2% 1em 0;
	clear: left;
}

.event-details-50 {
	width: 75%;
    float: left;
	width: calc(100% - 7em);
}

.event-details-50 h3 {
	font-size: 1.3em;
}

.event-date-50 {
	width: 6em;
	float: left;
	margin-right: 1em;
}

.event-date-50 .date {
	height: 6em;
	width: 6em;
	display: table;
	background: #d29c41;
	color: #fff;
}

.event-date-50 .day {
    display: block;
    font-size: 2.3em;
    line-height: 0.9em;
    text-align: center;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    margin-bottom: 0.1em;
}

.event-date-50 .month {
	display: block;
	text-align: center;
	line-height: 1.2em;
    font-size: 1.1em;
}
.event-date-50 .year {
	display: block;
	text-align: center;
	line-height: 1.2em;
    font-size: 0.9em;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}

ul.celebrating50-menu {
	text-align: center;
}

ul.celebrating50-menu li {
	display:inline-block;
}

ul.celebrating50-menu li a {
	display:inline-block;
	margin: 1em 1.2em;
	font-size: 1.2em;

}
/* Celebrating 50 years END */

/* Course page */

dl.sub-nav dt, dl.sub-nav dd {
	float: left;
	margin: 0 0.5em;
}

dl.sub-nav  {
	margin-bottom: 1em;
	float: left;
	width: 100%;
}

.course-award {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height: 1.2em;
	color: #424952;
	font-size: 1.5em;
}

.course-closed,
.course-open {
	clear: both;
	padding: 20px;
	margin: 10px auto;
	background-color: #5D0000;
	color: #ffffff;
}

.course-closed {
	background-color: #5D0000;
}

.course-open {
	background-color: #395e13;
}

.course-closed .fa,
.course-open .fa {
	float: left;
  	margin-right: 20px;
  	font-size: 1.4em;
}
.course-closed p,
.course-open p {
	padding-bottom: 0px;
}

.course-closed a,
.course-open a {
	color: #fff!important;
	text-decoration: underline;
}


h1.course-title {
	margin-bottom: 0.2em;
}

#course-highlights {
	font-size: 0.9em;
}

#course-highlights i {
	width: 1.7em;
	font-size: 1.1em;
	color: #424952;
	line-height: 2em;
	text-align: center;
	margin-left: 0.3em;
}

#course-highlights a, #course-search a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

#course-highlights a:hover, #course-search a:hover {
	text-decoration: none;
	border-bottom: 1px solid #666;
	color:#000;
}

.course-cta {
	margin: 1em 0;
	float: left;
	width: 100%;
}

.course-cta a{
	width: 98%;
	display: block;
	text-align: center;
	color:#fff!important;
	font-size: 1.1em;
	padding: 0.6em 0;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	text-decoration: none!important;
	float: left;
}

.course-cta a:hover {
	opacity: 0.9;
	text-decoration: none;
}

.course-cta a i {
	margin-right: 0.5em;
}

.course-cta-left a { 
	margin-right: 2%;
}

.course-cta-right a { 
	margin-left: 2%;
}

#palette .course-cta a.palette-light,
#palette .course-highlight {
	background:#009fb2;
}

#paletteBlue .course-cta a.palette-light,
#paletteBlue .course-highlight {
	background:#009fdf;
}

#paletteGreen .course-cta a.palette-light,
#paletteGreen .course-highlight {
	background:#87a529;
}

#paletteRed .course-cta a.palette-light,
#paletteRed .course-highlight {
	background:#c4161c;
}

#palettePurple .course-cta a.palette-light,
#palettePurple .course-highlight {
	background:#8a568d;
}


#palette .course-cta a.palette-dark {
	background:#005359;
}

#paletteBlue .course-cta a.palette-dark {
	background:#00364f;
}

#paletteGreen .course-cta a.palette-dark {
	background:#395e13;
}

#paletteRed .course-cta a.palette-dark {
	background:#5e0000;
}

#palettePurple .course-cta a.palette-dark {
	background:#42175a;
}

.course-cta a.palette-grey{
	background:#424952;
}

#course-disclaimer {
	color: #fff;
	box-sizing: border-box;
	padding: 1em;
	margin-top: 2em;
	font-size: 0.9em;
}

#course-disclaimer p {
	margin: 0;
	padding: 0;
}

#palette #course-disclaimer {
	background:#005359;
}

#paletteBlue #course-disclaimer {
	background:#00364f;
}

#paletteGreen #course-disclaimer {
	background:#395e13;
}

#paletteRed #course-disclaimer {
	background:#5e0000;
}

#palettePurple #course-disclaimer {
	background:#42175a;
}

.course-accreditation, .course-overview, .course-related {
	clear: both;
	width: 100%;
	float: left;
	margin: 1em 0;
}

.course-accreditation ul {
	float: left;
}

.course-highlight {
	float: left;
	width: 160px;
	min-height: 160px;
	margin-right: 2em;
	text-align: center;
	font-family: Georgia, Times, 'Times New Roman', serif;
	display: table;
	box-sizing: content-box;
	border: 5px solid #009fb2;
}

#paletteBlue .course-highlight {
	border-color: #009fdf;
}

#outer-wrapper   .course-highlight p {
	vertical-align: middle;
	display: table-cell;
	line-height: 1.2em;
	color: #fff;
	font-size: 1em;
	padding: 0;
}

#outer-wrapper  .course-highlight p strong,
#outer-wrapper  .course-highlight p b {
	font-weight: normal;
	font-size: 2.2em;
	display: block;
	line-height: 1em;
	margin-bottom: 0.1em;
}

#course-search {
	float: right;
	width: 35%;
	margin-left: 2em;
	font-size: 0.9em;
}

.right-col #course-search {
	width: 100%;
	margin-left: 0;
	float: none;
	overflow: hidden;
	font-size:1em;
}

#course-search input, #course-search select  {
	width: 100%;
	margin-bottom: 1em;
}


#course-search p {
	margin: 0;
}

#course-search ul {
	margin: 0;
	padding: 0;
}



/* Course page end */

/* Course search */
.filtering-wrap {
	background-color: #f3f3f3;
	color: #000;
	padding: 1.5em;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
}

.three-col {
	width: 33.33%;
	float: left;
}

.three-col-doubled {
	width: 66.66%;
	float: left;
}

.filtering-wrap hr {
	float: left;
	width: 100%;
	margin: 1em 0;
	background: #f3f3f3;
}

.filtering-wrap p {
	padding-bottom: 0.5em;
}

.filtering-wrap i {
	color: #333;
	width: 1.5em;
	text-align: center;
}

.filtering-wrap label {
	font-size: 0.9em;
	margin-left: 0.1em;
}

.filtering-wrap label input {
	margin-right: 0.5em;
}

#resultsOther {
	background-color: #ccc;
}
#resultsOther {
	float: left;
	width: 100%;
	color: #000;
	margin: -1em 0 20px 0;
	text-align: center;
}
#resultsOther .resultsOther_left {
	display: table-cell;
	float: left;
	width: 80%;
	margin: 0;
	
}
#resultsOther .resultsOther_left p,
#resultsOther .resultsOther_right p {
	padding: 20px;
}
#resultsOther .resultsOther_right {
	display: table-cell;
	float: left;
	width: 20%;
	margin: 0;
	background-color: #424952;
}

#resultsOther .resultsOther_right a {
	color: #fff;
	font-weight: bold;
}

#results, .result {
	float: left;
	width: 100%;
}

.result {
	border-top-style: solid;
	border-top-width: 0.2em;
	background: #f8f8f8;
	margin: 1em 0;
	display: table;
	 border-collapse: collapse;
	min-height: 7.7em;
}

#palette .result {
	border-top-color: #009fb2;
}

#paletteBlue .result {
	border-top-color: #009fdf;
}

#paletteGreen .result {
	border-top-color: #87a529;
}

#paletteRed .result {
	border-top-color: #c4161c;
}

#palettePurple .result {
	border-top-color: #8a568d;
}

#paletteYellow .result {
	border-top-color: #424952;
}



#palette .result.pg {
	border-top-color: #005359;
}
#paletteBlue .result.pg {
	border-top-color: #00364f;
}
#paletteGreen .result.pg {
	border-top-color: #395e13;
}
#paletteRed .result.pg {
	border-top-color: #5e0000;
}
#palettePurple .result.pg {
	border-top-color: #42175a;
}

.result .res-faculty {
	width: 9%;
	display: table-cell;
	padding: 0.5em;
	box-sizing: border-box;
}

#palette .result .res-faculty {
	background:#009fb2;
}

#paletteBlue .result .res-faculty {
	background:#009fdf;
}

#paletteGreen .result .res-faculty {
	background:#87a529;
}

#paletteRed .result .res-faculty {
	background:#c4161c;
}

#palettePurple .result .res-faculty {
	background:#8a568d;
}


#palette .result.pg .res-faculty {
	background:#005359;
}

#paletteBlue .result.pg .res-faculty {
	background:#00364f;
}

#paletteGreen .result.pg .res-faculty {
	background:#395e13;
}

#paletteRed .result.pg .res-faculty {
	background:#5e0000;
}

#palettePurple .result.pg .res-faculty {
	background:#42175a;
}

#paletteYellow .result .res-faculty {
	background:#424952;
}

.res-duration, .res-faculty {
	text-align: center;
}

#palette  #results .result .res-course-title  a:hover {
	  color:#008391;
}

#paletteBlue  #results .result .res-course-title  a:hover {
	  color:#007eb0;
}

#paletteGreen  #results .result .res-course-title  a:hover {
	  color:#667d1f;
}

#paletteRed  #results .result .res-course-title  a:hover {
	  color:#c4161c;
}

#palettePurple  #results .result .res-course-title  a:hover {
	  color:#8a568d;
}


#results .result .res-course-title  a:hover ,
#results .result.pg .res-course-title  a:hover {
	  text-decoration: underline;
}

#palette  #results .result.pg .res-course-title  a {
	  color:#005359;
}

#paletteBlue  #results .result.pg .res-course-title  a {
	  color:#00364f;
}

#paletteGreen  #results .result.pg .res-course-title  a {
	  color:#395e13;
}

#paletteRed  #results .result.pg .res-course-title  a {
	  color:#5e0000;
}

#palettePurple  #results .result.pg .res-course-title  a {
	  color:#42175a;
}

#results .res-faculty a {
	color: #fff;
	text-decoration:none;
}

.res-course-title {
	display: table-cell;
	width: 76%;
	padding: 0.5em;
	box-sizing: border-box;
}

.res-course-title h2 {
	  font-size: 1.4em;
}
.res-course-title .course-closed {
	  background-color: transparent;
	  padding: 0;
	  margin: 0;

}
.res-course-title .course-closed .fa {
	float: left;
	color: #c4161c;
  	margin-right: 6px;
  	font-size: 1.1em;
  	margin-left: 3px
}
.res-course-title .course-closed p {
	padding: 0;
	margin: -2px 0 2px 0;
	color: #c4161c;
	font-weight: bold;
}
.res-course-attr, .res-duration {
	font-size: 0.9em;
}

.res-course-attr i {
	width: 1.5em;
	text-align: center;
	color: #424952;
}

.res-duration {
	background: #f3f3f3;
}

.res-duration h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}

.res-duration {
	display: table-cell;
	width: 15%;
	padding: 0.5em;
	box-sizing: border-box;
}

/* Course search END */

/* The City of Bradford START */

#brad-map-relative {
	position: relative;
}

#brad-map-absolute {
	position: absolute;
	right: 0;
	top: 1em;
}

/* The City of Bradford END */

#main-content ul.two-col-list li {
	width: 47%;
	float: left;
	margin-left: 3%;
	padding: 0;
}

#main-content  ul.two-col-list {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	font-size: 0.9em;
}

/* Final countdown (for Elections and Democracy site) The Final Countdown for jQuery v2.0.4 */
.final-countdown {
	font-weight: bold;
	color: #87a529;
	text-align: center;
	line-height: 1em;
	font-size: 1.4em;
	margin-top: 3em;
}

.final-countdown .days span {
	font-size: 3em;
	
}

.final-countdown .days {
	margin-top: 1.3em;
	margin-bottom: 0.5em;
}

.final-countdown .time-value {
	display: inline-block;
	font-size: 0.9em;
}

.final-countdown .time-value span {
	display: block;
	margin: 0 0.5em;
	font-size: 1.1em;
}
/* Countdown END */

/* Used in /student-surveys/ start */
table.no-border-table tr th,
table.no-border-table tr td {
	border: 0;
	background: #fff;
}

table.no-border-table i.fa {
	font-size: 2em;
	color: #424952;
	line-height: 2em;
}

table.no-border-table tr td:first-child {
	 text-align: center;
}

table.no-border-table tr td{
	 vertical-align: middle;
}

table.no-border-table tr td p {
	padding-bottom: 0;
}
/* Used in /student-surveys/ end */

/* Media Centre - In the news START */

.MC_InTheNews {
	margin: 1em 0 4em 0;
	overflow: hidden;
}

.MC_InTheNews h2 {
	font-size: 1.5em;
}

/* Media Centre - In the news END */

/* School of Management People - content from the database temporary CSS START */

#profile-header {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

#profile-header-top p {
	padding-bottom: 0;
}

#profile-header-top {
	padding-bottom: 1em;
}

#profile-header-top p.name {
	font-size: 2.2em;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0.25em;
	line-height: 1.2em;
}

#profile-header-top p.jobtitle {
	font-style: italic;
}

#profile-header-bot-con-left {
	float: left;
	width: 70%;
}

#profile-header-picture {
	float: left;
	width: 30%;
	text-align: right;
}

#profile-header-mid-left,
#profile-header-bot-left {
	float: left;
	width: 30%;
	font-weight: bold;
}

#profile-header-mid-centre,
#profile-header-bot-centre {
	float: left;
	width: 70%;
}

#profile-header-mid-left p,
#profile-header-bot-left p {
	text-align: right;
}

#profile-header-mid-left p,
#profile-header-mid-centre p,
#profile-header-bot-left p,
#profile-header-bot-centre p {
	padding: 0.25em 0.5em;
}

#peopleprofile .profile-category{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	line-height: 1.2em;
	font-size: 1.5em;
}

#peopleprofile .profile-category p {
	margin-bottom:0;
	padding-bottom: 0;
}

/* School of Management People - content from the database temporary CSS END */

/* School of Management form START */
#genericform form#contact p,
#genericform form#enquiry p {
	margin: 0;
	}
	
#genericform form#contact .field-label,
#genericform form#enquiry .field-label {
	width: 150px;
	float:left;
	clear: both;
	margin-right: 10px;
}

#genericform form#contact .field,
#genericform form#enquiry .field  {
	float: left;
	margin-bottom: 1em;
	width: calc(100% - 160px);
}
/* School of Management form END */


/* School of Management Latest news and Events START */
#newsEventsBlog {
	float:left;
	width: 100%;
	background: #f8f8f8;
}

.homepage-stripe #newsEventsBlog  {
	width: 25%;
	background: transparent;
}

#newsEventsBlog .newsEventsItem {
	width: 93%;
	margin-right: 7%;
	float: left;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.homepage-stripe #newsEventsBlog .newsEventsItem {
	margin-top: 1.3em;
	margin-right: 0;
	width:100%;
	font-size: 0.95em
}



#newsEventsBlog h2 {
	color: #424952;
	font-size: 1.6em;
}

#newsEventsBlog h3 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}

.homepage-stripe #newsEventsBlog h3 {
	line-height: 1.4em;
}

#palette #newsEventsBlog h3 a {
	color: #005359;
}

#paletteBlue #newsEventsBlog h3 a {
	color: #00364f;
}

#palette #newsEventsBlog.home-news h3 a {
	color: #009fb2;
}


#newsEventsBlog .date {
	width: 3em;
	display: inline-block;
	text-align: center;
	float: left;
	margin: 0.1em 1em 1em 0;
	background: #c4161c;
}

#newsEventsBlog .date .day {
	width: 100%;
	display: block;
	background: #E7E7E8;
	text-align: center;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1.6em;
	line-height: 1.3em;
	padding-bottom: 0.1em;
}


#newsEventsBlog .date .month {
	background: #c4161c;
	width: 100%;
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.6em;
}

#newsEventsBlog .newsEventsItem p a {
	font-size: 0.9em;
}

#newsEventsBlog hr {
	margin: 0;
}

/* School of Management Latest news and Events END */


/* Faculty Top Level Navigation to the main University site START */

#main-nav a {
	color: #fff;
}


#main-nav.faculty-tl-navigation {
	height: 35px;
}

.faculty-tl-navigation .main-uni-dropdown{
	position: absolute;
	display: none;
	z-index: 10;
}

.faculty-tl-navigation  a.main-uni-menu {
	line-height: 35px;
	padding-left: 1em;
	font-size: 0.9em;
}
.faculty-tl-navigation  a.main-uni-menu:before {
  content: "\f0c9";
  font-size: 1.5em;
  margin-right: 0.5em;
  display: inline-block;
  font-family: FontAwesome;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  text-decoration: none;
  vertical-align: middle;
  margin-top: -0.2em;
}

#main-nav.faculty-tl-navigation ul.main-uni-dropdown  {
	max-width: 200px;
}

#main-nav.faculty-tl-navigation ul.main-uni-dropdown li a {
	background: #222;
	display: block;
	padding: 0.5em 1.8em;
	font-size: 0.9em;
	text-decoration: none;
}

#main-nav.faculty-tl-navigation ul.main-uni-dropdown li:last-child a {
	border-bottom: 0.5em solid #222;
}

#main-nav.faculty-tl-navigation ul.main-uni-dropdown li a:hover {
	background: #555;
}

/* Faculty Top Level Navigation to the main University site END */

/* Mega-menu START */
.clear-right-desktop {
	clear: right;
}

.clear-left-desktop {
	clear: left;
}

	
ul.megamenu {
	display: block;
	background: #333;
	padding: 1em 1em 0 1em;
	box-sizing: border-box;
}

ul.megamenu a i.fa {
	min-width: 1.5em;
	text-align: center;
	color: #ccc;
}

ul.megamenu >  li a span {
	border-bottom: 1px solid #555;
}

ul.megamenu >  li a {
	margin-bottom: 0.5em;
}

ul.megamenu >  li a:hover span {
	border-bottom: 1px solid #ccc;
}

ul.megamenu li ul li {
	line-height: 1.1em;
	margin-bottom: 0.5em;
}

#main-nav ul.megamenu  li ul li a {
	color:#e7e7e8!important;
	border-bottom: 1px solid #555!important;
	display: inline!important;
}

#main-nav ul.megamenu  li ul li a:hover {
	color:#fff!important;
	border-bottom: 1px solid #ccc!important;
}

ul.megamenu  li ul  {
	padding: 0.5em 0 1em 0.3em;
}

ul.megamenu >  li.three-col-menu {
	padding: 0.5em;
	box-sizing: border-box;
	min-width: 15em;
}

ul.megamenu >  li.four-col-menu {
	padding: 0.5em;
	box-sizing: border-box;
	min-width: 13em;
}

.three-col-menu {
	width: 33.333%;
	float: left;
}

.four-col-menu {
	width: 25%;
	float: left;
}


#main-nav ul.megamenu > li > a {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1.1em!important;
}

#main-nav.faculty-tl-navigation ul.megamenu {
  max-width: 60em;
}

#main-nav.faculty-tl-navigation ul.megamenu li a,
#main-nav.faculty-tl-navigation ul.megamenu li a:hover {
  background: #333;
}

#main-nav.faculty-tl-navigation ul.megamenu li:last-child a {
  border-bottom: 0;
}

#main-nav.faculty-tl-navigation ul.megamenu li a {
	padding: 0;
	display: inline-block;
}
/* Mega-menu END */

/* Content Types */
.yoxview a {
	text-decoration: none!important;
}
/* Content Box, H1-2, 2 Col */

.contentBlock {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	margin: 1.5em 0;
}

.contentBlock .contentLeft, .contentBlock .contentRight {
	float: left;
}

.contentBlock .contentLeft {
	padding: 1em 0;
	margin: 0 0 1em 0;	
	width: 62%;
	margin-right: 4%;
}

.contentBlock .contentLeft.highlightBox {
	background: #f3f3f3;
	color: #000;
	padding: 1em 2%;	
	width: 58%;
}

.contentBlock .contentRight {
	width: 34%;
	float: left;
	padding-top: 1em;
}


/* Highlight Content Box START */

#outer-wrapper  .whiteBox,
#outer-wrapper  .shaded-box  {
	clear: both;
	display: block;
	background-color: #f3f3f3;
	padding: 1.5em;
	margin: 1.5em 0;
	color: #000;
	overflow: auto;
}


#paletteYellow #outer-wrapper .whiteBox a,
#paletteYellow #outer-wrapper .shaded-box a {
	color: #fcaf17;
	text-decoration: none;
}

#paletteYellow #outer-wrapper .whiteBox a:hover,
#paletteYellow #outer-wrapper .shaded-box a:hover {
	text-decoration: underline;
}

#paletteYellow .whiteBox,
#paletteYellow .shaded-box {
	background: #424952;
	color: #fff;
}

/* Highlight Content Box END */

/* Contact block, Academic Profile START */
.staffCard, .contact-block {
  width: 100%;
  padding: 2em;
  box-sizing: border-box;
  margin: 1em 0;
  background-color: #F8F8F8;
  border: 1px solid #E7E7E8;
}

.contact-block strong {
    font-size: 1.2em;
	color: #333;
}

.contact-block.highlight strong {
  color: #005359;
}

.staffCard dd {
	margin-bottom: 0.3em;
}

.vcard.staffCard dd .tel .type,
.vcard.staffCard dt {
	display: none;
}

.vcard.staffCard dd a  {
	margin-bottom: 0;
	font-size: 1.7em;
	font-family: Georgia, Times, 'Times New Roman', serif;
	line-height: 1.2em;
}

.vcard.staffCard dd a.email {
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.vcard.staffCard dd .role {
	font-style: italic;
}

.vcard.staffCard a.link {
  display: inline-block;
}

/* Contact block, Academic Profile END */

/* Events v1  */

.article {
	margin-bottom: 1em;
	padding: 0.5em 0 1.5em 0;
	border-bottom: 1px solid #ccc;
}


.image-area {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

#main-content  ul.eventslist li {
  margin: 1em 0;
}

/* Show (Max)/Hide (Min) Content */ 

#palette  a.toggleLink h2.showIcon, #palette a.toggleLink h3.showIcon {
	background: url(/T4-css-corporate/UoB/2015/teal/show-hide-plus.png) top right no-repeat;
}

#palette a.toggleLink h2.hideIcon, #palette a.toggleLink h3.hideIcon {
	background: url(/T4-css-corporate/UoB/2015/teal/show-hide-minus.png) top right no-repeat;
}


#paletteBlue  a.toggleLink h2.showIcon, #paletteBlue a.toggleLink h3.showIcon {
	background: url(/T4-css-corporate/UoB/2015/blue/show-hide-plus.png) top right no-repeat;
}

#paletteBlue a.toggleLink h2.hideIcon, #paletteBlue a.toggleLink h3.hideIcon {
	background: url(/T4-css-corporate/UoB/2015/blue/show-hide-minus.png) top right no-repeat;
}


#paletteGreen  a.toggleLink h2.showIcon, #paletteGreen a.toggleLink h3.showIcon {
	background: url(/T4-css-corporate/UoB/2015/green/show-hide-plus.png) top right no-repeat;
}

#paletteGreen a.toggleLink h2.hideIcon, #paletteGreen a.toggleLink h3.hideIcon {
	background: url(/T4-css-corporate/UoB/2015/green/show-hide-minus.png) top right no-repeat;
}


#paletteRed  a.toggleLink h2.showIcon, #paletteRed a.toggleLink h3.showIcon {
	background: url(/T4-css-corporate/UoB/2015/red/show-hide-plus.png) top right no-repeat;
}

#paletteRed a.toggleLink h2.hideIcon, #paletteRed a.toggleLink h3.hideIcon {
	background: url(/T4-css-corporate/UoB/2015/red/show-hide-minus.png) top right no-repeat;
}


#palettePurple  a.toggleLink h2.showIcon, #palettePurple a.toggleLink h3.showIcon {
	background: url(/T4-css-corporate/UoB/2015/purple/show-hide-plus.png) top right no-repeat;
}

#palettePurple a.toggleLink h2.hideIcon, #palettePurple a.toggleLink h3.hideIcon {
	background: url(/T4-css-corporate/UoB/2015/purple/show-hide-minus.png) top right no-repeat;
}


#paletteYellow  a.toggleLink h2.showIcon, #paletteYellow a.toggleLink h3.showIcon,
#paletteGold  a.toggleLink h2.showIcon, #paletteGold a.toggleLink h3.showIcon {
	background: url(/T4-css-corporate/UoB/2015/general/show-hide-plus.png) top right no-repeat;
}

#paletteYellow a.toggleLink h2.hideIcon, #paletteYellow a.toggleLink h3.hideIcon,
#paletteGold a.toggleLink h2.hideIcon, #paletteGold a.toggleLink h3.hideIcon {
	background: url(/T4-css-corporate/UoB/2015/general/show-hide-minus.png) top right no-repeat;
}


#paletteGold .homepage-stripe a.toggleLink h2.hideIcon, #paletteGold .homepage-stripe a.toggleLink h3.hideIcon,
#paletteGold .homepage-stripe a.toggleLink h2.showIcon, #paletteGold .homepage-stripe a.toggleLink h3.showIcon {
	background: none;
}

#paletteGold .homepage-stripe a.toggleLink h3 i.fa {
	color: #d29c41!important;
    text-shadow: 0 2px 2px #000;
    font-size: 3em;
    opacity: 0.5;
    line-height: 0.6em;
}
#paletteGold .homepage-stripe a.toggleLink h3:hover i.fa {
	opacity: 1;
}

#paletteGold .homepage-stripe a.toggleLink h3.hideIcon:before {
	content:'Hide all';
}

#paletteGold .homepage-stripe a.toggleLink h3.showIcon:before {
	content:'View all';	
}


#paletteGold .homepage-stripe a.toggleLink h3 {
	padding-right: 0;
    border: 0;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
}

#paletteGold .homepage-stripe a.toggleLink {
	text-align: center;
    display: block;
    color: #62512b;
    text-decoration: none;
}

a.toggleLink h3, a.toggleLink h2 {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-right: 30px;
}

#outer-wrapper a.toggleLink {
	color: #333!important;
	text-decoration: none;
	padding-bottom: 1.5em;
	display: block;
	clear: both;
}

div.toggle {
	margin-bottom: 2em;
}

/* Upload File as content */ 

.fileContainer {
	display: block;
	padding: 1.5em 3em 1.5em 1.5em;
	border: 1px solid #e7e7e8;
	background-color: #f8f8f8;
	margin: 0 0 1em 0;
	background-image: url('/T4-css-corporate/UoB/tl/file_download_container.png');
	background-position: top right;
	background-repeat: no-repeat;
	clear: both;
}

.fileContainer span.file, .fileContainer .abstract {
	display: block;
	clear: both;
}

.fileContainer span.file:before {
	display: block;
	font: normal normal normal 1.8em/1 FontAwesome;
	margin-right: 0.5em;
	margin-top: 0.2em;
	float: left;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #424952;
}
		
.fileContainer span.file.format-Word:before {
	content: "\f1c2";
}

.fileContainer span.file.format-Excel:before {
	content: "\f1c3";
}

.fileContainer span.file.format-PDF:before {
	content: "\f1c1";
}

.fileContainer span.file.format-PowerPoint:before {
	content: "\f1c4";
}

.fileContainer span.file.format-Image:before {
	content: "\f1c5";
}


/* Row 1 student life img buttons START */

ul.square-nav-buttons-220x3 li div.bg {
	background-size: cover;
	background-position: center;
}

#main-content ul.square-nav-buttons-220x3 li a {
	color: #fff;
	text-decoration: none;
	float: left;
	width: 96%;
	margin: 0 4% 0 0;
}

#main-content ul.square-nav-buttons-220x3 li:nth-child(2) a {
	margin: 0 2%;
}

#main-content ul.square-nav-buttons-220x3 li:nth-child(3) a{
	margin: 0 0 0 4%;
}

.display-table {
	display: table;
	height: 4em;
}

ul.square-nav-buttons-220x3 li div.outer-label-bg div.label-bg {
	width: 100%;
	display: block;
	transition: background 0.3s ease;
}

#palette ul.square-nav-buttons-220x3 li div.outer-label-bg div.label-bg {
	background: #009fb2;
}
#palette ul.square-nav-buttons-220x3 li a:hover div.outer-label-bg div.label-bg {
	background: #005359;
}


#paletteBlue ul.square-nav-buttons-220x3 li div.outer-label-bg div.label-bg {
	background: #009fdf;
}
#paletteBlue ul.square-nav-buttons-220x3 li a:hover  div.outer-label-bg div.label-bg {
	background: #00364f;
}


#paletteGreen ul.square-nav-buttons-220x3 li div.outer-label-bg div.label-bg {
	background: #87a529;
}
#paletteGreen ul.square-nav-buttons-220x3 li a:hover div.outer-label-bg div.label-bg {
	background: #395e13;
}


#paletteRed ul.square-nav-buttons-220x3 li div.outer-label-bg div.label-bg {
	background: #c4161c;
}
#paletteRed ul.square-nav-buttons-220x3 li a:hover div.outer-label-bg div.label-bg {
	background: #5e0000;
}


#palettePurple ul.square-nav-buttons-220x3 li div.outer-label-bg div.label-bg {
	background: #8a568d;
}
#palettePurple ul.square-nav-buttons-220x3 li a:hover div.outer-label-bg div.label-bg {
	background: #42175a;
}

ul.square-nav-buttons-220x3 li div.bg h3 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0.5em;
	margin-bottom: 0;
	line-height: 1.0em;
	margin-right: 0px;
	font-style: italic;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

ul.square-nav-buttons-220x3 {
	margin: 0!important;
	padding: 0;
	width: 100%;
	display: block;
	clear: both;
	list-style: none;
}

ul.square-nav-buttons-220x3 li {
	list-style-type: none!important;
	float: left;
	display: block;
	width: 33.33%
}

ul.square-nav-buttons-220x3 li div.outer-label-bg {
	padding-top: 73.8%;
}
/* Row 1 student life img buttons END */

/* Square nav buttons (new) START */
.square-nav-buttons {
	float: left;
	width: 100%;
}

.square-nav-buttons a.square-button {
	color: #fff!important;
	position: relative;
	float: left;
	width: 31.945%;
	padding-bottom: 7.945%;
	display: block;
	text-decoration: none;
	margin-bottom: 1.388%;
	margin-top: 1.388%;
}


.square-nav-buttons a.square-button h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0.5em;
	margin-bottom: 0;
	line-height: 1em;
	margin-right: 0px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.square-nav-buttons .square-button .square-nav-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 75.13%;
}

.square-nav-label {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	float: left;
	font-style: italic;
}

.square-nav-buttons .square-button.left-btn {
	margin-right: 1.388%;
}

.square-nav-buttons .square-button.middle-btn {
	margin-left: 0.694%;
	margin-right: 0.694%;
}

.square-nav-buttons .square-button.right-btn {
	margin-left: 1.388%;
}


#palette .square-nav-buttons a.square-button,
#palette a.square-button .square-nav-label {
	background: #009FB2;
}

#palette .square-nav-buttons a.square-button:hover,
#palette a.square-button:hover .square-nav-label {
	background: #005359;
}


#paletteBlue .square-nav-buttons a.square-button,
#paletteBlue a.square-button .square-nav-label {
	background: #009fdf;
}

#paletteBlue .square-nav-buttons a.square-button:hover,
#paletteBlue a.square-button:hover .square-nav-label {
	background: #00364f;
}


#paletteGreen .square-nav-buttons a.square-button,
#paletteGreen a.square-button .square-nav-label {
	background: #87a529;
}

#paletteGreen .square-nav-buttons a.square-button:hover,
#paletteGreen a.square-button:hover .square-nav-label {
	background: #395e13;
}


#paletteRed .square-nav-buttons a.square-button,
#paletteRed a.square-button .square-nav-label {
	background: #c4161c;
}

#paletteRed .square-nav-buttons a.square-button:hover,
#paletteRed a.square-button:hover .square-nav-label {
	background: #5e0000;
}


#palettePurple .square-nav-buttons a.square-button,
#palettePurple a.square-button .square-nav-label {
	background: #8a568d;
}

#palettePurple .square-nav-buttons a.square-button:hover,
#palettePurple a.square-button:hover .square-nav-label {
	background: #42175a;
}
/* Square nav buttons (new) END */

/* Homepage nav buttons START */
.homepage-nav-buttons {
	float: left;
	width: 100%;
}

.homepage-nav-buttons .homepage-button {
	float: left;
	width: 46%;
	position: relative;
	margin-left: 4%;
	margin-bottom: 4%; 
	color: #fff!important; 
	position: relative;

  padding-bottom: 8.9%;
  display: block;
  text-decoration: none;

}

.homepage-nav-buttons .homepage-button .square-nav-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 50.8%;
}

.homepage-nav-buttons a.homepage-button h2 {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0.5em;
	margin-bottom: 0;
	line-height: 1em;
	margin-right: 0px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.homepage-nav-buttons a.homepage-button  .square-nav-label {
	background: #009fb2;
}

.homepage-nav-buttons a.homepage-button:hover, .homepage-nav-buttons a.homepage-button:hover .square-nav-label {
	  background: #005359;
}

.homepage-nav-buttons a.homepage-button,
a.homepage-button .square-nav-label {
	transition: background 0.3s ease;
	background: #009FB2;
}

.homepage-nav-buttons  .display-table {
	height: 3em;
}

/* Homepage nav buttons END */

/* Tabify */


ul#tabbedMenu {
	padding-bottom: 0;
}


ul#tabbedMenu.menu {
	padding: 0;
	clear: both;
	margin:0px !important;
	border-bottom: 1px solid #ddd;
	height: 2.75em;
}

ul#tabbedMenu.menu li {
	display: inline;
	margin: 0px!important;
}

ul#tabbedMenu.menu li a {
	background: #e7e7e8;
	float:left;
	border: 1px solid #ddd;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	font-weight: normal;
	padding: 10px 8px;
}

#palette ul#tabbedMenu.menu li a  {
	color: #005359;
}

#paletteBlue ul#tabbedMenu.menu li a  {
	color: #00364f;
}

#paletteGreen ul#tabbedMenu.menu li a  {
	color: #395e13;
}

#paletteRed ul#tabbedMenu.menu li a  {
	color: #5e0000;
}

#palettePurpleul#tabbedMenu.menu li a  {
	color: #42175a;
}



ul#tabbedMenu.menu li.active a {
	background: #ffffff;
}

#main-content.content-wrap .main-content .content {
	float: left;
	clear: both;
	border: 1px solid #e7e7e8;
	border-top: none;
	background: #fff;
	padding: 2em 1.5em 1.5em 1.5em;
	width: 100%;
	box-sizing: border-box;
}

#course-search  ul#tabbedMenu.menu {height: 37px; }
#course-search  ul#tabbedMenu.menu li { display: inline; margin: 0px!important;}
#course-search  ul#tabbedMenu.menu li a { background: #fff; padding: 0.7em 1em; width: 50%; box-sizing:border-box; float:left;   border: 1px solid #fff;  border-bottom: 1px solid #e7e7e8;  text-decoration: none; color: #333;}
#course-search  ul#tabbedMenu.menu li.active a { background: #f8f8f8; border: 1px solid #e7e7e8; border-bottom: 1px solid #f8f8f8; color: #000;}
#course-search  .content { background: #f8f8f8!important; border: 1px solid #e7e7e8; border-top: 0;  padding: 1em!important;     box-sizing: border-box; }

#course-search #faculty ul li {margin-left: 20px;}

/* A-Z Start  */

.az_services a {
    margin: 0 0.5em 0.5em 0;
    display: block;
    padding: 1em 2em;
    float: left;
    background: #E7E7E8;
    color: #333!important;
	text-decoration: none!important;
}

.az_services a:hover {
    background: #009fb2;
    color: #fff!important;
	text-decoration: none;
}

dl.serviceAZ {
	background: #e7e7e8;
	display: block;
    float: left;
	width: 100%;
	margin-bottom: 1em;
}

dl.serviceAZ dt, dl.serviceAZ dd {
	display: block;
    float: left;
	padding: 0.5em 0.75em;
}

dl.serviceAZ dt {
    background: #424952;
    color: #fff;
}

dl.serviceAZ dd {
    background: #009fb2;
}

dl.serviceAZ dd:nth-child(odd) {
    background: #005359;
}

dl.serviceAZ dd a {
    color: #fff!important;
}

.relatedLinks {
	float: right;
    margin-left: 5.6%;
    width: 30.5%;
    margin-bottom: 1em;
}

.relatedLinks h2 {
	font-size: 1.5em;
}

#student-services-home-bottom .gfg-title, #student-services-home-bottom .gfg-subtitle {
	font-family: Georgia, Times, 'Times New Roman', serif;
    margin-bottom: 0.5em;
	margin-top: 0.5em;
    line-height: 1.2em;
}

#student-services-home-bottom .gf-snippet {
	min-height: 3em;
}

#student-services-home-bottom .gf-author, #student-services-home-bottom .gf-spacer {
	display: none!important;
}

#student-services-home-bottom .gfg-listentry-highlight {
	background: #e7e7e8;
}

#student-services-home-bottom .gfg-listentry {
	padding: 0.25em 0.5em;
}

#student-services-home-bottom #feedGadget {
    float: left;
    width: 63.9%;
    margin-right: 5.6%;
}

#student-services-home-bottom #cta-area {
	float: left;
    width: 30.5%;
	margin-top: 1em;
}

.gfg-subtitle {
	font-size: 1.4em;
}

.gfg-title {
	font-size: 1.7em;
}

#servicesAZ-nav {
	width: 34%;
    float: left;
	position: relative;
}

#StuServ-azWrapper {
	margin-bottom: 1em;
    float: left;
    width: 100%;
}

ul#servicesAZ {
	width: 56%;
    float: right;
    height: 12em;
    overflow-y: auto;
	margin: 0;
	padding: 0;
}

#servicesAZ-nav .ln-letters {
	margin-top: 1em;
}

#azArea {
    position: relative;
	padding-top: 1.3em;
    margin-top: -1em;
}

.ln-letter-count {
	text-align: center;
	font-size: 0.9em;
	color: #ccc;
	margin-left: 0.4em;
}

ul#coursesAZ li {
	list-style-type: none;
	margin-bottom: 1em;
}

ul#coursesAZ  {
	margin-left: 1em;
}

.ln-letters a {
	padding: 0.18em 0.3em;
    margin: 0.2em;
    min-width: 1.16em;
    display: inline-block;
    color: #fff!important;
    text-align: center;
	text-decoration: none!important;
}


.ln-letters a:hover {
	text-decoration: none;
}

.ln-letters {
	margin-bottom: 2em;
}

#palette .ln-letters a {
    background: #009fb2;
}

#paletteBlue .ln-letters a {
    background: #009fdf;
}

#paletteGreen .ln-letters a {
    background: #87a529;
}

#paletteRed .ln-letters a {
    background: #c4161c;
}

#palettePurple .ln-letters a {
    background: #8a568d;
}

.ln-letters a:hover {
    opacity: 0.9;
}

.ln-letters a.ln-disabled {
    background: #ccc!important;
    color: #888!important;
}

.ln-letters a.ln-disabled:hover {
    opacity: 1;
}


#palette .ln-letters a.ln-selected {
    background: #005359!important;
}

#paletteBlue .ln-letters a.ln-selected {
    background: #00364f!important;
}

#paletteGreen .ln-letters a.ln-selected {
    background: #395e13!important;
}

#paletteRed .ln-letters a.ln-selected {
    background: #5e0000!important;
}

#palettePurple .ln-letters a.ln-selected {
    background: #42175a!important;
}

/* A-Z End  */

/* Double panel CTA doubleCtaPanel  */

.doubleCtaPanel {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-bottom: 3em;
	margin: 0;
}
.doubleCtaPanel h2,
.doubleCtaPanel h3 {
	font-family: Arial, Helvetica, sans-serif;
}

#main-content .doubleCtaPanel p strong {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;	
}

#palette .doubleCtaPanel h2,
#palette .doubleCtaPanel h3,
#palette .doubleCtaPanel p strong {
	color: #005359;
}

#paletteBlue .doubleCtaPanel h2,
#paletteBlue .doubleCtaPanel h3,
#paletteBlue .doubleCtaPanel p strong {
	color: #00364f;
}

#paletteGreen .doubleCtaPanel h2,
#paletteGreen .doubleCtaPanel h3,
#paletteGreen .doubleCtaPanel p strong {
	color: #395e13;
}

#paletteRed .doubleCtaPanel h2,
#paletteRed .doubleCtaPanel h3,
#paletteRed .doubleCtaPanel p strong {
	color: #5e0000;
}

#palettePurple .doubleCtaPanel h2,
#palettePurple .doubleCtaPanel h3,
#palettePurple .doubleCtaPanel p strong {
	color: #42175a;
}

#paletteGold .doubleCtaPanel h2,
#paletteGold .doubleCtaPanel h3,
#paletteGold .doubleCtaPanel p strong {
	color: #6231f20;
}
 
.doubleCtaPanel h2,
.doubleCtaPanel h3,
.doubleCtaPanel p {
	margin: 0 0 0.5em 0;
}

.doubleCtaPanel img {
	margin: 0;
	padding: 0;
	border: 0px;
	border: none;
	width: 100%;
	height: auto;
	display: block;
}
.doubleCtaPanel .dcpLeft {
	padding: 0;
	margin: 0;
}

.doubleCtaPanel .dcpRight {
	padding: 0;
	margin: 0;
}

.doubleCtaPanel .dcpCtaLeft,
.doubleCtaPanel .dcpCtaRight {
	line-height: 32px;
	background-position: right center;
	background-repeat: no-repeat;
}

#palette .doubleCtaPanel .dcpCtaLeft,
#palette .doubleCtaPanel .dcpCtaRight {
	background-color: #005359;
	background-image: url(/T4-css-corporate/UoB/2015/teal/cursor.png);
}

#paletteBlue .doubleCtaPanel .dcpCtaLeft,
#paletteBlue .doubleCtaPanel .dcpCtaRight {
	background-color: #00364f;
	background-image: url(/T4-css-corporate/UoB/2015/blue/cursor.png);
}

#paletteGreen .doubleCtaPanel .dcpCtaLeft,
#paletteGreen .doubleCtaPanel .dcpCtaRight {
	background-color: #395e13;
	background-image: url(/T4-css-corporate/UoB/2015/green/cursor.png);
}

#paletteRed .doubleCtaPanel .dcpCtaLeft,
#paletteRed .doubleCtaPanel .dcpCtaRight {
	background-color: #5e0000;
	background-image: url(/T4-css-corporate/UoB/2015/red/cursor.png);
}

#palettePurple .doubleCtaPanel .dcpCtaLeft,
#palettePurple .doubleCtaPanel .dcpCtaRight {
	background-color: #42175a;
	background-image: url(/T4-css-corporate/UoB/2015/purple/cursor.png);
}

#paletteYellow .doubleCtaPanel .dcpCtaLeft,
#paletteYellow .doubleCtaPanel .dcpCtaRight {
	background-color: #424952;
	background-image: url(/T4-css-corporate/UoB/2015/general/cursor-yellow.png);
}

#paletteGold .doubleCtaPanel .dcpCtaLeft,
#paletteGold .doubleCtaPanel .dcpCtaRight {
	background-color: #231f20;
	background-image: url(/T4-css-corporate/UoB/2015/general/cursor-gold.png);
}

#paletteGold #main-content .doubleCtaPanel  a.whiteCaps {
	font-weight:normal;
}

.doubleCtaPanel  a.whiteCaps {
	text-decoration: none!important;
}

.doubleCtaPanel  a.whiteCaps:hover {
	text-decoration:underline!important;
}



#main-content  .doubleCtaPanel a.whiteCaps {
	color: #ffffff;
	line-height: 32px;
	text-transform: uppercase;
	text-indent: 10px;
}

.doubleCtaPanel blockquote {
	border: none;
	text-align: center;
	padding: 2em 0 0 0;
	margin: 0;
}

.doubleCtaPanel blockquote:before {
	width: 32px;
	height: 32px;
	background-image: url(/T4-css-corporate/UoB/2015/general/speech.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 16px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#palette .doubleCtaPanel blockquote:before {
	background-position: 0 0;
}

#paletteBlue .doubleCtaPanel blockquote:before {
	background-position: -64px 0;
}

#paletteGreen .doubleCtaPanel blockquote:before {
	background-position: -128px 0;
}

#paletteRed .doubleCtaPanel blockquote:before {
	background-position: -192px 0;
}

#palettePurple .doubleCtaPanel blockquote:before {
	background-position: -256px 0;
}

.doubleCtaPanel blockquote p {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1em;
	font-weight: bold;
	font-style: normal
}

#palette .doubleCtaPanel blockquote p {
	color: #005359;
}

#paletteBlue .doubleCtaPanel blockquote p {
	color: #00364f;
}

#paletteGreen .doubleCtaPanel blockquote p {
	color: #395e13;
}

#paletteRed .doubleCtaPanel blockquote p {
	color: #5e0000;
}

#palettePurple .doubleCtaPanel blockquote p {
	color: #42175a;
}

.doubleCtaPanel .dcpLeft,
.doubleCtaPanel .dcpRight {
	background-color: #ffffff;
}

.doubleCtaPanel .dcpLeft.dcpTransparent,
.doubleCtaPanel .dcpRight.dcpTransparent {
	background-color: transparent;
}

.doubleCtaPanelTable {
	display:table;
	 border-collapse: collapse;
}

.doubleCtaPanel .dcpLeft {
	display:table-cell;
	width: 56%;
	vertical-align: top;
}

.doubleCtaPanel .dcpRight  {
	display:table-cell;
	width: 40%;
	padding-left: 3%;
}

.doubleCtaPanel .dcpCopyLeft {
	margin-bottom: 20px;
}

.doubleCtaPanel .dcpCtaLeft {
	display:block;
	width: 58.2%;
	margin-top:-32px;
}

.doubleCtaPanel .dcpCopyRight {
	margin-bottom: 20px;
}

.doubleCtaPanel .dcpCtaRight {
	display:block;
	width: 38.8%;
	margin-top:-32px;
	float:right;
}

/* Profile */

.container.panel {
	padding: 1.5em;
	border: 1px solid #e7e7e8;
	background-color: #f8f8f8;
	margin: 0 0 2em 0;
	float: left;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}

.profileList .profileListLeft {
	display: block;
	float: left;
	margin: 0.5em 0;
	width: 20%;
	padding-right: 5%;
}

.profileListRight.eight.columns {
	width: 75%;
	float: left;

}

.profileListRight.eight.columns p.profile-view-full {
	margin-bottom: 0;
}

.profileListRight.eight.columns h2 {
	margin-bottom: 0.2em;
}

.profileListRight.eight.columns p.profile-title strong {
	font-weight: normal!important;
	font-size: 1.1em;
}

.profileListRight.eight.columns p.profile-title strong,
.profileContainer  p.profile-title strong {
	color: #424952;
}

.profileContainer .whiteBox.highlightBox .profile-image,
.profileContainer .shaded-box.highlightBox .profile-image {
	float:right;
	margin: 0 0 2em 2em;
}

.profileContainer  p.profile-title strong  {
	font-weight: normal!important;
	font-size: 1.3em;
}

.profileContainer  p.profile-title {
	padding-bottom: 0;
}

/* Quote Box */

#palette .quote-box {
	background: #009fb2;
}

#paletteBlue .quote-box {
	background: #009fdf;
}

#paletteGreen .quote-box {
	background: #87a529;
}

#paletteRed .quote-box {
	background: #c4161c;
}

#palettePurple .quote-box {
	background: #8a568d;
}

#paletteYellow .quote-box {
	background: #424952;
}

#paletteGold .quote-box {
	background: #d29c41;
}

#paletteGold .quote-box .quote-author-name a{
	font-weight: normal!important;
}



.quote-box {
	float: left;
	width: 100%;
	margin-bottom: 2em;
	position: relative;
	clear: both;
	min-height: 150px;
}

.quote-box.size-img-250 {
	min-height: 250px;
}

.quote-box .quote-placeholder {
	margin-bottom: 48px;
	color: #fff;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	line-height: 1.35em;
	font-size: 1.2em;
}

.quote-box .quote-author {
	text-align: right;
	color: #fff;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-size: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.quote-author .quote-author-name:before {
	content: "\2014";
	text-decoration: none;
	margin-right: 8px;
}

.quote-box .quote-author {
	margin-left: 150px;
}

.quote-box.size-img-250 .quote-author {
	margin-left: 250px;
}


.quote-box   img {
	display: block;
	float:left;
	overflow: hidden;
	margin-right: 10px;
	width: 150px
}

.quote-box.size-img-250  img {
	width: 250px
}


#main-content .quote-box   a {
	color: #fff;
	text-decoration: underline;
}

.margin10 {
	margin: 10px;
}


.fluid-width-video-wrapper {
	overflow: hidden;
	margin-bottom: 1em;
}

/* Rollover block 50% */

.rollover-block-50 {
    position: relative;
    width: 49%;
	background-size: cover;
	display: inline-block;
	overflow: hidden;
	margin: 1% 0 1% 1%;
}

.rollover-block-50.rollover-left-0 {
	margin: 1% 1% 1% 0;
}

.rollover-block-50 a {
    display: block;
    width: 100%;
    padding-bottom: 67.7%;
    text-decoration: none;
}

.rollover-block-50 h2 {
    color: #fff;
    font-size: 1.3em;
	padding: 0 1em;
	font-weight: normal;
	font-style: italic;
	line-height: 2.4em;
	height: 2.4em;
	overflow:hidden;
}

.rollover-block-50 .reveal {
	position: absolute;
    bottom: 0;
    overflow: hidden;
    max-height: 3em;
	transition: all 0.7s ease;
	width: 100%;  
}

#palette .rollover-block-50 .reveal {
    background:#009fb2; 
}

#paletteBlue .rollover-block-50 .reveal {
    background:#009fdf; 
}

#paletteGreen .rollover-block-50 .reveal {
    background:#87a529; 
}

#paletteRed .rollover-block-50 .reveal {
    background:#c4161c; 
}

#palettePurple .rollover-block-50 .reveal {
    background: #8a568d; 
}

#paletteGold .rollover-block-50 .reveal {
    background: #d29c41
}

.rollover-block-50 p {
    color: #fff;
	padding: 0 1.5em;
}

.rollover-block-50 a:hover .reveal, .rollover-block-50 a:focus .reveal {   
	padding-bottom: 50%;
	padding-top: 10%;
}

/** Media Queries **/
@media  screen and  (max-width: 1600px) {
	.takeover-area {
		margin-bottom: 5.5%;
	}

}

@media  screen and  (max-width: 1200px) {
	body {
		font-size: 14px;
	}
	
	#menuLevel1 #sectionNav ul#UoB_Nav span.currentbranch0:after,
	#menuLevel2 #sectionNav ul#UoB_Nav  li ul.multilevel-linkul-0 li  span.currentbranch1:after {
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
	}
	
	/* Tabify */

	.main-content .menu {
		height: 39px;
	}
	
	.takeover-link {
		top: 3em;
	}

}

@media only  screen and  (max-width: 1040px) {
	.page-wrapper, #header-wrapper, #breadcrumb-wrapper, div#ocm-outer-page-wrapper {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	#outer-wrapper {
		/*min-width: 480px;*/
	}
	
	.page-wrapper  {
		width: auto;
	}
	
		
	.rollover-block-50 {
		width: 100%;
		background-size: 50%;
		background-repeat: no-repeat;
		margin-right: 0;
		margin-left: 0;
	}
	
	.rollover-block-50 a {
		width: 50%;
		padding-left: 50%;
		padding-bottom: 0;
	}

	
	.rollover-block-50 .reveal {
		position: relative;
	}
	
	.rollover-block-50 a .reveal, .rollover-block-50 a:hover .reveal {   
		padding-bottom: 50%;
		padding-top: 0%;
	}
	
	.rollover-block-50 h2 {
		height: auto;
		line-height: 1.2em;
		margin-top: 1em;
	}
	
	.rollover-block-50 a .reveal p {
		font-size: 0.85em;
		line-height: 1.2em;
	}
	
	.rollover-block-50, .rollover-block-50:nth-child(even) {
		margin: 1% 0 1% 0;
	}
	
	ul.topnav li, ul.topnav li:last-child {
		border: 0;
	}
	
	ul.topnav li a {
		padding: 0.5em 1.1em;
	}
	
	.square-nav-buttons a.square-button h2 {
		font-size: 1.3em;
	}
	
	.takeover-link {
		top: 0;
	}
	
	.takeover-absolute .scroll-button {
		margin-bottom: 1em;
	}
}


@media only  screen and  (max-width: 800px) {
	body {
		font-size: 13px;
	}
	
	.four-col {
		width: 50%;
	}
	
	footer .four-col {
		margin-bottom: 2em;
	}
	
	footer .four-col:nth-child(3) {
		clear: left;
	}

		
	#header-left .header-supporting {
		margin: -10px 0 10px 20px;
		clear: both;
	}
	
	.contentBlock .contentRight,
	.contentBlock .contentLeft.highlightBox,
	.doubleCtaPanel .dcpLeft,
	.doubleCtaPanel .dcpRight 	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
	
	.doubleCtaPanel .dcpLeft,
	.doubleCtaPanel .dcpRight {
		display: table;
	}
	
	.doubleCtaPanel .dcpCtaLeft,
	.doubleCtaPanel .dcpCtaRight	{
		margin-top: 1em;
		width: 100%;
	}
	
	.doubleCtaPanel img {
		width: auto;
	}
	
	.main-content.three-col-layout,
	.right-col	{
		width: 100%;
		margin-right: 0;
	}
	
	.right-col {
		margin-top: 3em;
	}
	

	.banner-relative .banner-statement-line {
		display: none;
	}
	
	.banner-relative .banner-statement {
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		bottom: auto;
	}
	
	#owl-carousel .banner-relative  .banner-statement {
		position: absolute;
		bottom: 0;
	}

	.rollover-block-50 a .reveal, .rollover-block-50 a:hover .reveal {
		padding-bottom: 75%;
	}
	
	.rollover-block-50 {
		background-size: 75%;
	}
	
	ul.square-nav-buttons-220x3 li div.bg h3 {
		font-size: 1.2em;
	}
	
	.square-nav-buttons a.square-button h2 {
		font-size: 1.2em;
	}
	
	.owl-carousel .slider-description,
	.owl-carousel .slider-title	{
		max-width: 100%;
	}
	
	.three-col-menu, .four-col-menu {
		width: 50%;
	}
	
	.clear-right-mobile {
		clear: right;
	}

	.clear-left-mobile {
		clear: left;
	}

	.clear-right-desktop, .clear-left-desktop {
		clear: none;
	}

	ul.megamenu li ul li {
		line-height: 1.3em
	}
	
	#main-nav.faculty-tl-navigation ul.megamenu li a {
		font-size: 1em;
	}
	
	.homepage-stripe.key-area ul li  {
		width: 50%;
		margin-bottom: 5em;
	}
	
	.homepage-stripe.key-area ul li:nth-child(3),
	.homepage-stripe.key-area ul li:nth-child(4)  {
		margin-bottom: 0.5em;
	}	
	
	.homepage-stripe #newsEventsBlog .newsEventsItem {
		font-size: 1.1em
	}

	
	/* Tabify */
	.main-content  .menu li a {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	/* Tabify END */
	
	.main-content.full-width-content {
		margin-top: 2em;
	}
	
	#outer-wrapper .course-highlight p {
		font-size: 1em;
	}
		
	.course-highlight {
		width: 100%;
		margin: 0;
		margin-bottom: 1em;
		min-height: initial;
	}
		
	.right-col {
		font-size: 1em;
	}

	.home-news-banner, .home-news, .homepage-stripe #newsEventsBlog {
		width: 100%;
		padding: 0;
	}	
	
	
	.takeover-absolute .scroll-button {
		margin-bottom: 0.5em;
	}
	
	.celebrating50-quote {
		width: 7em;
		min-width: initial;
	}
	
	#student-services-home-bottom #feedGadget, .relatedLinks {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}

	#student-services-home-bottom #cta-area {
		width: 100%;
	}

}



	
@media only  screen and  (max-width: 640px) {
	#breadcrumb-wrapper {
		margin-bottom: 0;
	}
	
		
	table.tiny-on-mob {
		font-size: 0.7em;
	}
	
	#header-left .header-supporting {
		display: none;
	}
	
	.rollover-block-50 a .reveal, .rollover-block-50 a:hover .reveal {
		padding-bottom: 100%;
	}
	
	.rollover-block-50 {
		background-size: 100%;
	}
	
	.two-col, .two-col-celebrating-50 {
		width: 100%;
	}
	
	.two-col-celebrating-50 {
		margin: 1em 0!important;
	}

	footer .footer-logos {
		text-align: left;
	}

	
	ul.social_media.max-three-per-row {
		max-width: none;
	}

	
	/* Left nav START */
	.js .ocm-main-menu {
		position:absolute;
		height: 100%;
		width: 55%;
		left: -60%;
		top: 0;
	}
	
	.is_active-ocm #ocm-page-wrapper {
		left: 60%;
		position: relative;
	}
	

	.js #ocm-page-wrapper a.ocm-open-btn,
	.js #ocm-page-wrapper a.ocm-close-btn {
		display:block;
		color:#424952;
		float:right;
		clear: left;
		margin-bottom: 1em;
	}
	
	.js #ocm-page-wrapper a.ocm-close-btn  {
		clear: both
	}
		
	.js #ocm-page-wrapper a.ocm-close-btn.second-close-btn {
		display: none;
	}
	
	.js .is_active-ocm #ocm-page-wrapper a.ocm-close-btn.second-close-btn {
		float:left;
		display: block;
		clear: none;
	}
	
	.js a.ocm-open-btn:after,
	.js a.ocm-close-btn:before 	{
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
	}
	
	.js a.ocm-open-btn:after 	{
		content: "\f0c9";
		font-size: 2.5em;
		margin-left: 0.3em;
	}
	
	.js a.ocm-close-btn:before 	{
		content: "\f060";
		margin-top: 1em;
		margin-right: 0.5em;
	}
	
	.ocm-page-close {
		cursor: pointer;
	}	
	
	.main-content.three-col-layout, .main-content, .right-col, .cover-image-full-width {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.content-wrap {
		width: 100%;
		padding-left: 0;
	}
	
		
	#main-nav.faculty-tl-navigation {
		height: auto;
	}
	
	.internal-link {
		display: block;
	}
	
	.search-area {
	  float: right;
	  margin: 0.7em 0;
	  width: 49%;
	  padding-right: 1%;
	  text-align: right;
	}
	
	.faculty-tl-navigation a.main-uni-menu {
		padding-left: 2em;
	}
	
	.internal-link {
		margin: 0;
	}
	
	.hide-mob, .internal-link i.fa {
		display: none;
	}
	
	.faculty-tl-navigation a.main-uni-menu {
		text-transform: uppercase;
		font-size: 1em;
		margin-top: 1.4em;
		display: inline-block;
	}
	
	.faculty-tl-navigation  a.main-uni-menu:before {
		vertical-align: baseline;
	}

	/* Left nav END */
	
	.course-cta-left a, .course-cta-right a {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	#main-content ul.two-col-list li {
		width: 100%;
	}
	
		
	.student-life-nav, .student-life-video {
		width: 100%;
	}
	
	.homepage-nav-buttons .homepage-button {
		width: 49%;
		margin: 2% 0 0 0;
	}

	.homepage-nav-buttons .homepage-button.left-btn {
		margin-right: 1%;
	}
	
	.homepage-nav-buttons .homepage-button.right-btn {
		margin-left: 1%;
	}	

	.three-col-wrapper-left, .three-col-wrapper-middle, .three-col-wrapper-right {
		margin: 1em 0;
	}
	
	.three-col {
		width: 100%;
		margin-bottom: 2em;
	}
	
	footer .three-col {
		width: 50%;
	}
	
	footer .three-col
	
	ul.megamenu {
		top: 5.2em;
	}
	
	.takeover-link, .takeover-link:hover {
		width: 100%;
		max-width: 100%;
		padding: 1.2em;
		box-sizing: border-box;
	}
	
	.faculty-tl-navigation a.main-uni-menu:before {
	  margin-top: 0;
	}
	
	/* School of Management Latest news and Events START */
	#newsEventsBlog .three-col {
		width: 100%;
		margin-bottom: 1em;
	}
	/* School of Management Latest news and Events END */

	
}

@media only  screen and  (max-width: 480px) {
	body {
		font-size: 12px;
	}

	footer .three-col {
		width: 100%!important;
	}
	
	#header-left, #header-right {
		width: 100%;
		text-align: center;
	}
	
	#header-right {
		margin-top: 0;	
	}
	
	#headerSearch fieldset, #header-left a.top-logo {
		width: 100%;
	}
	
	#course-search {
		width: 50%;
		margin-left: 0.5em;
	}
	
	.profileContainer .whiteBox.highlightBox .profile-image	{
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
	}
	
	.profileContainer .whiteBox.highlightBox .profile-image img {
		margin: 0 auto 1em auto;
		display: block;
	}
	
	.profileList .profileListLeft {
		float: none;
		margin: 0 0 1em 0;
		width: 100%;
		padding: 0;
	}
	
	.profileListRight.eight.columns {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#main-content p img {
		float: none!important;
	}
	
	.quote-box img {	
		float: none;
		margin: 1em auto;
	}
	
	.quote-box.size-img-250 .quote-author,
	.quote-box .quote-author	{
		margin-left: 0;
	}

	.quote-box .quote-author, .quote-box p {
		text-align: center;
	}
	
	.quote-box .quote-author {
		position: initial;
		font-size: 1.1em;
	}
	
	.quote-box .quote-placeholder {
		margin-bottom: 1em;
	}
	
	#brad-map-absolute {
		position: relative;
	}
	
	.takeover-area {
		margin-bottom: 2em;
	}
	
	.homepage-stripe.key-area ul li  {
		width: 100%;
	}
		
	ul.megamenu >  li.four-col-menu {
		min-width: 100%;
	}

	.four-col-menu {
		width: 100%;
	}
	
		
	.hide-mob-portrait {
		display: none;
	}
	
	.header-supporting {
		float: none;
	}


	/* School of Management form START */
		
	#genericform form#contact .field-label,
	#genericform form#enquiry .field-label {
		width: auto%;
		float: none;
		margin-right: 0;
	}

	#genericform form#contact .field,
	#genericform form#enquiry .field  {
		float: none;
		width: auto;
		margin-bottom: 2em;
	}
	/* School of Management form END */
	
	/* Square nav buttons (new) START */
	.square-nav-buttons .square-button.left-btn,
	.square-nav-buttons .square-button.middle-btn,
	.square-nav-buttons .square-button.right-btn		{
		margin: 0.5em 0;
		width: 100%;
	}
	
	.square-nav-buttons .square-button .square-nav-img {
		padding-bottom: 30%;
		width: 50%;
		float: left;
	}
	.square-button .square-nav-label {
		position: relative;
		width: 50%;
		float: left;
	}
	
	.square-nav-buttons a.square-button {
		padding: 0;
	}
	
	.square-nav-buttons .square-button .display-table {
		height: auto;
		padding-top: 1em;
	}
	
	.square-nav-buttons a.square-button h2 {
		padding: 0 0.8em;
		line-height: 1.2em;
		font-size: 1.5em;
	}

	/* Square nav buttons (new) END */
	
	#servicesAZ-nav, ul#servicesAZ {
		width: 100%;
	}

}






@media only  screen and (max-width: 320px) and (min-width: 1px) {
	.homepage-stripe.takeover-image {
		padding-bottom: 149.9%;
	}
	
	.takeover-area form label {
		font-size: 1.5em;
	}
}

@media only  screen and (max-width: 480px)  and (min-width: 321px)  {
	.homepage-stripe.takeover-image {
		padding-bottom: 99.9%;
	}
	
	.takeover-area form label {
		font-size: 1.6em;
	}
}

@media only  screen and (max-width: 640px) and (min-width: 481px)  {
	.homepage-stripe.takeover-image {
		padding-bottom: 79.9%;
	}

	.takeover-area form label {
		font-size: 1.8em;
	}
}

@media only  screen and (max-width: 800px)  and (min-width: 641px)  {
	.homepage-stripe.takeover-image {
		padding-bottom: 69.9%;
	}
	
	.takeover-area form label {
		font-size: 1.9em;
	}
}


@media only  screen and (max-width: 1040px)  and (min-width: 801px)  {
	.homepage-stripe.takeover-image {
		padding-bottom: 59.9%;
	}
	
	.takeover-area form label {
		font-size: 2em;
	}

}

@media only  screen and (max-width: 1200px)  and (min-width: 1041px)  {
	.homepage-stripe.takeover-image {
		padding-bottom: 49.9%;
	}
	
		.takeover-area form label {
		font-size: 2.1em;
	}

}



@media only  screen and  (max-width: 1600px)  and (min-width: 1201px)  {
	.takeover-link {
		top: 5em;
	}
	
	.takeover-area form label {
		font-size: 2.1em;
	}
	
	.homepage-stripe.takeover-image {
		padding-bottom: 44.9%;
	}

}


@media only  screen and (max-width: 99999px) and (min-width: 1601px) {
	
	.homepage-stripe.takeover-image {
		padding-bottom: 39.9%;
	}
}