/**************************************
  WARWICK BUSINESS SCHOOL
  WEBSITE MAIN STYLES
**************************************/

/**************************************
 CSS RESET
**************************************/

/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
	{
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input,select {
	vertical-align: middle;
}

pre,code,kbd,samp {
	font-family: monospace, sans-serif;
}

a:hover,a:active {
	outline: none;
}

ul,ol {
	margin-left: 2em;
	margin-bottom:1em;
}

ol {
	list-style-type: decimal;
}

nav ul,nav li {
	list-style: none;
	list-style-image: none;
	margin: 0;
}

small {
	font-size: 85%;
}

td {
	vertical-align: top;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

pre {
	white-space: pre-wrap;
	padding: 15px;
}

textarea {
	overflow: auto;
}

.ie6 legend,.ie7 legend {
	margin-left: -7px;
}

input[type=checkbox] {
	vertical-align: bottom;
}

.ie7 input[type=checkbox] {
	vertical-align: baseline;
}

label,input[type=button],input[type=submit],input[type=image],button {
	cursor: pointer;
}

button,input,select,textarea {
	margin: 0;
}

button {
	width: auto;
	overflow: visible;
}

body,select,input,textarea {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
}

a,a:active,a:visited {
	color: #607890;
}
.about-us a,
.about-us a:active,
.about-us a:visited {
	color:white;
}

a:hover {
	color: #036;
}

strong,th,h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
}

input[type=radio],.ie6 input {
	vertical-align: text-bottom;
}

em {
	font-style: italic;
}

*/

/**************************************
 FIXES
**************************************/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/**************************************
 GENERAL SITE STYLES
**************************************/
html {
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	font: normal 9pt/15pt Helvetica, Arial, sans-serif;
	color: #0c0c0c;
}
body.admin-bar {
	margin-top:34px;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.hidden {
	display: none;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.larger {
	font-size: larger;
}

.smaller {
	font-size: smaller;
}

.textcenter {
	text-align: center;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/**************************************
 TYPOGRAPHY
**************************************/

@font-face {
	font-family: "Crete Round";
	src: url('wbs-fonts/creteround-regular.eot');
	src: url('wbs-fonts/creteround-regular.svg#creteround-regular') format('svg'),
		 url('wbs-fonts/creteround-regular.eot?#iefix') format('embedded-opentype'),
		 url('wbs-fonts/creteround-regular.woff') format('woff'),
		 url('wbs-fonts/creteround-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family: "Crete Round";
    src: url('wbs-fonts/CreteRound-Regular-webfont.eot');
    src: url('wbs-fonts/CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('wbs-fonts/CreteRound-Regular-webfont.woff') format('woff'),
         url('wbs-fonts/CreteRound-Regular-webfont.ttf') format('truetype'),
         url('wbs-fonts/CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

h1 {
	font: normal 19pt "Crete Round", Helvetica, Arial, sans-serif;
	margin: 0 0 15px;
	padding: 0;
}

h2 {
	font: normal 15pt "Crete Round", Helvetica, Arial, sans-serif;
	margin: 0 0 15px;
}

p {
	font: normal 9pt/15pt Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	line-height: 150%;
}

h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited
{
	color: inherit;
}

/**************************************
 HIGH LEVEL PAGE LAYOUT
**************************************/

/*#viewport
{
	width: 100%; 
	overflow: hidden;
}

#pageWrapper {
	width: 940px;
	margin: 0 auto;
}

.iOS #pageWrapper {
	padding: 0px 20px;
}

.layout {
	display: block;
	clear: both;
	position: relative;
}

section.layout {
	height: 450px;
	min-height: 450px;
	margin-bottom: 20px;
}

#maintenance-banner {
	color:white;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	padding:4px;
	margin-bottom:7px;	
}
#maintenance-banner a
{
	color:white;
	text-decoration:underline;
}*/


/**************************************
 NAVIGATION STYLES
**************************************/
nav ul,nav ul li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
}

nav ul {
	float: right;
}

nav ul li {
	float: left;
}


/**************************************
 PAGE HEADER - POSITIONING
**************************************/
header {
	height: 130px;
}

#wbs-logo {
	position: relative;
	top: 0;
	left: 0;
}
#wbs-logo img {
	max-height: 128px;
	max-width: 108px;
}

#top-navigation {
	height: 25px;
	margin-bottom: 18px;
	float: left;

}

#site-search {
	display: block;
	float: right;
	width: 206px;
	height: 32px;
	text-align: right;
	margin-left: 15px;
}

/**************************************
 PAGE HEADER - TOP NAVIGATION
**************************************/
#top-navigation li > a:link,
#top-navigation li > a:active,
#top-navigation li > a:visited {
	display: block;
	/*background: #97ABB6;*/
	color: #706F6F;
	padding: 2px 12px;
	text-decoration: none;
	margin: 0 0 0 -5px;
	font-family: 'Montserrat', Crete;
	font-size: 13px;
}

#top-navigation li:hover > a {
	/*background: #0152a4;*/
	text-decoration: underline;
}


/**************************************
 PAGE HEADER - SHARE BLOCK
**************************************/

/* This section necessary for inline share block (eg. news articles page) */
	div.wbs-share-button {
		background:#97ABB6;
		width:75px;
		padding:3px;
		position:relative;
		z-index:2;
	}
	div.wbs-share-button:hover {
		background:#0152A4;
	}

	div.wbs-share-button.left  { float:left; }
	div.wbs-share-button.right { float:right; }
	
	div.wbs-share-button.left > div { left:0; }
	div.wbs-share-button.right > div { right:0; }

	div.wbs-share-button > a {
		color:white;
		text-decoration:none;
		width:33px;
		height:28px;
		padding:4px 10px;
		position:relative;
		z-index:2;
	}
/* End */

.wbs-share-button > a {
	background-image:url(/wbs2012/includes/themes/wbs/img/header/share-20px.png)!important;
	background-repeat:no-repeat!important;
	background-position:8px 3px!important;
	padding-left:32px!important;
	
	position:relative;
	z-index:2;
}
.wbs-share-button > div {
	position:absolute;
	right:0;
	top:24px;

	padding:8px 4px 8px 8px;
	width:442px;
	height:52px;

	background:white;
	border:2px solid #0152A4;
	/*box-shadow: 1px 2px 4px 0px #888;*/
	color:white;

	display:none;
}

/*.wbs-share-button:hover > div {
	display:block;
}*/

.wbs-share-button p
{
	color:black;
	float:left;
	width:210px;
	margin:-1px 0 0 0;
}

.addthis_toolbox {
	position:absolute;
	right:0;
}
.addthis_toolbox > a {
	margin-right:10px;
	margin-top:1px;
	float:left;
	cursor:pointer;
}
.addthis_toolbox > .addthis_button_compact {
	margin-right:5px;
}
.addthis_toolbox > .wbs-share
{
	margin-top:0;
	width:34px;
	height:34px;
}
.addthis_toolbox > .wbs-share:hover
{
	background-position:0 -34px;
}

.share-fb { background-image:url(/wbs2012/includes/themes/wbs/img/header/share-fb.png); }
.share-tw { background-image:url(/wbs2012/includes/themes/wbs/img/header/share-tw.png); }
.share-li { background-image:url(/wbs2012/includes/themes/wbs/img/header/share-li.png); }


/**************************************
 PAGE HEADER - SITE SEARCH
**************************************/

td.gsib_a {
	padding-top: 2px;
}

#gs_st0 {
	/*padding: 0;
	position: relative;
	top: 2px;
	left: 1px;*/
}

td.gsc-input {
	padding-right: 8px !important;
	padding-top: 1px;
}

input.gsc-input {
	background:white!important;
	/* removes google custom search watermark */
}

input.gsc-search-button {
	width: auto !important;
	padding: 6px 12px !important;
	background:#97ABB6!important;
	border:1px solid #CCC!important;
	border-radius:3px!important;
}
input.gsc-search-button:hover {
	background:#0654A2!important;
	border:1px solid #97ABB6!important;
}

/* search results tabs - fixes chrome and ie */
.gsc-tabsArea > div {
	overflow: hidden!important;
}


/**************************************
 PAGE HEADER - MEGA MENU
**************************************/

#mega-menu {
	/* position: absolute; 
	bottom: 13px;
	right: -13px;*/
}

#mega-menu ul,#mega-menu li {
	z-index: 99;
}

#mega-menu li {
	border-top: 1px solid transparent;
}

#mega-menu li.selected {
	/*background: #0654A2;*/
}

#mega-menu li:hover {
	background: white;
}

#mega-menu li:hover>a {
	color: #0654A2 !important;
}

#mega-menu li.dropdown:hover {
	/*border-top: 1px solid black;*/
}

#mega-menu li > a {
	text-decoration: none;
	color: #0c0c0c;
	font-size: 13px;
	padding: 10px 8px 9px 8px;
	margin: 0 0 0 0;
	text-align: center;
	/* display: inline-block; */
	border-right: solid 1px black;
}
#mega-menu li.selected > a {
	color:#0654A2;
	font-weight:bold;
}
#mega-menu li.last a {
	border-right: solid 1px transparent;
}
#mega-menu li:hover a {
	color: black;
}

#mega-menu a.selected {
	color: #0152a4;
}

.mega-wrap {
	background: white;
	position: absolute;
	top: 47px;
	right: 23px; /*9px;*/
	width: 884px;
	padding: 15px 18px 15px 18px;
	border: 1px solid black;
	box-shadow: 0px 1px 10px -1px #333;
	z-index: 99;
	display:none;
}

.mega-spacer {
	height: 12px;
	background: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	z-index: 100;
	position: absolute;
	top: -12px;
}

.mega-col {
	min-height: 160px;
	float: left;
	border-right: 1px solid #ccc;
	/*padding-right: 20px;
	margin-right: 12px;*/
}

/*.mega-col.last {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}
*/
.courses .mega-col {
	height: 510px;
}

.mega-col h2 {
	background: #97ABB6;
	padding: 3px 8px 4px 8px;
	margin-bottom: 7px;
	margin-right: 20px;
	border-bottom: 1px solid white;
	font-size:1.1em;
	color:white;
}
.mega-col h2 a {
	font-size:1em;
	padding:0;
	margin:0;
	color: white!important;
	text-decoration:none!important;
}

.mega-col .undergraduate h2 {
	background: #E0119D;
}
.mega-col .postgraduate h2 {
	background: #BA0C2F;
}
.mega-col .mba h2 {
	background: #7F3F96;
}
.mega-col .doctoral h2 {
	background: #034479;
}
.mega-col .professional h2 {
	background: #8EB964;
	margin-right: 0;
}
.mega-col .compare h2 {
	background: #97ABB6;
	margin-right: 0;
}
.mega-col .teachingshakespeare h2 {
	background: #3988E8;
	margin-right: 0;
}

.mega-col .about h2 {
	background: #2C939A;
}
.mega-col .menuresearch h2 {
	background: #67B7D0;
	margin-right: 0;
}
.mega-col .business h2 {
	background: #5391C0;
	margin-right: 0;
}
.mega-col .executive h2 {
	background: #8EB964;
	margin-right: 0;
}
.mega-col .news h2 {
	background:#A2B6C1;
	margin-right: 0;
}

.mega-col p {
	font:11px/150% Helvetica,Arial,Sans-Serif;
	margin: 0 80px 5px 5px;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #EEE;
}

.mega-col a {
	display: block;
	text-decoration: none;
	color: #181818 !important;
	font-size: 11px;
	line-height: 150%;
	padding: 0px 5px;
	margin: 0;
}

.mega-col a:hover {
	text-decoration: underline;
}

.mega-col section {
	margin-bottom: 16px;
	margin-top: 4px;
	position: relative;
}

.mega-col section>img {
	position: absolute;
	right: -8px;
	top: -8px;
}


/**************************************
 PAGE HEADER - BREADCRUMBS
**************************************/
#breadcrumbs {
	display: block;
	height: 20px;
	position: absolute;
	bottom: -20px;
}

#breadcrumbs ul {
	float: none;
	list-style: none;
}

#breadcrumbs li:not(.first ) {
	float: left;
	margin-left: 4px;
}



/******************/
/* TAB NAVIGATION */
/******************/

.tabbed-nav {
	height: 32px;
	position: relative;
	z-index: 4;
	border-bottom: 1px solid white;
}

.tabbed-nav ul {
	background: white; /* COLOUR OF BORDERS BETWEEN MENU ELEMENTS */
	float: none;
	width: 960px; /* 947 */
	height: 32px;
	position: relative;
	left: -7px;
}

.tabbed-nav li {
	text-align: center;
	position: relative;
	margin-left: 1px; /* MARGIN CREATES THE BORDER BETWEEN MENU ITEMS */
}

.tabbed-nav li.arrow {
	background: white;
	background-image: url(/wbs2012/includes/themes/wbs/img/bg/tabnav-back-arrow.png);
	height: 32px;
	width:8px;
	padding: 0;
	margin: 0;
	border: 0;
}

.tabbed-nav li.back {
	margin: 0;
}

.tabbed-nav li.selected {
	background-image: url(/wbs2012/includes/themes/wbs/img/bg/tabnav-selected-item.png);
	background-position: center 36px;
	background-repeat: no-repeat;
	top: -3px;
	height: 48px;
}

.tabbed-nav li a {
	background:black;
	color: white;
	display: block;
	/*height: 20px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	text-decoration: none;
}

.tabbed-nav li:not(.selected):not(.back):not(.arrow):not(.compare):hover a {
	box-shadow:0 0 1px 1px #666;
}

.tabbed-nav.undergraduate li a {
	background: #E0119D;
}
.tabbed-nav.postgraduate li a {
	background: #BA0C2F;
}
.tabbed-nav.mba li a {
	background: #7F3F96;
}
.tabbed-nav.doctoral li a {
	background: #034479;
}
.tabbed-nav.shakespeare-for-teachers li a {
	background: #3988E8;
}
.tabbed-nav.professional li a {
	background:#8EB964;
}
.tabbed-nav.about li a {
	background:#3BB4BC;
}
.tabbed-nav.business li a {
	background:#366195;
}
.tabbed-nav.research li a {
	background: #67B7D0;
}
.tabbed-nav.gift li a {
 background: #3D86BB;
}

.tabbed-nav li.selected a {
	background: white;
	color: black;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

.tabbed-nav li.compare a,
.tabbed-nav li.back a {
	background: #97ABB6;
}

/* Homepage carousel */

#wbs-carousel {
/*	margin: 0 -30px 20px -30px;*/
    margin-bottom: 20px;
}

#wbs-carousel .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 0;
    width: auto;
    left: 20px;
}


/**************************************
 "FOOTER" PROMO BOXES
 (Needs renaming, not actually "footer" any more!)
**************************************/
/*.footerpromos {
	width:973px;
	height: 210px;
}
.footerpromos.toprow {
	margin-bottom: 20px;
}

.footerpromo {
	float: left;
	/*margin-right: 33px;*/
	/*position:relative;
}

.footerpromo.sky { float:right; }*/

.footerpromo {
	margin-bottom:20px;
}

.footerpromo a {
	display: block;
	position: relative;
	text-decoration: none;
	word-wrap: break-word;
	line-height: 16.8px;
}

.footerpromo:hover .overlay { 
	text-decoration: underline; 
	}

/*
.footerpromo.sky a { height:440px!important; }
*/

.footerpromo img {
	max-width: 100%;
}

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

.footerpromo img.colour {
    position:absolute;
    top:0;left:0;
	
	opacity:0;
        
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-backface-visibility: hidden;
}

.iOS .footerpromo img.grey { display:none; }
.iOS .footerpromo img.colour  { position:relative; opacity:1; }

html:not(.iOS) .footerpromo:not(#socialmedia):hover .colour {
	opacity:1;
}

html:not(iOS) .sm-tabs li:hover .colour,
.sm-tabs li.selected .colour {
	opacity:1;
}

/*.footerpromo:not(#socialmedia) img 		  { height: 210px; }
.footerpromo.single:not(#socialmedia) img { width: 210px !important; }
.footerpromo.double:not(#socialmedia) img { width: 453px !important; }
.footerpromo.triple img { width: 696px !important; }
.footerpromo.full img   { width: 940px !important; }
.footerpromo.sky img    { width: 210px !important; height:440px!important; }*/

.footerpromo .overlay, .overlay1, .readmore {
	position: relative;
	width: 100%;
	bottom: 0;
	top: 10px;
	left: 0;
	padding-left: 0px;
	padding-bottom: 0px!important;
	z-index: 3;
	/* background: #02A0AE; */
	font-family: "Crete Round", Helvetica, Arial, Sans-Serif;
	font-size: 10pt;
	font-weight:normal;
	color: black;
	/* opacity: 0; */
	/* transition: opacity 0.3s; */
	-moz-transition: opacity 0.3s;
	/* -webkit-transition: opacity 0.3s; */
}

.footerpromo .overlay1 {
	color: #706F6F;
}
.footerpromo .readmore {
	color: #B2B2B2;
	font-style: italic;
	font-size: 1em;
}


/*
.footerpromo.single .overlay { width: 194px; }
.footerpromo.double .overlay { width: 437px; }
.footerpromo.triple .overlay { width: 680px; }
.footerpromo.full .overlay 	 { width: 924px; }
.footerpromo.sky .overlay 	 { width: 194px; }
*/

.iOS .footerpromo .overlay {
	opacity: 1;
}
html:not(.iOS) .footerpromo:hover .overlay {
	opacity: 1;
}

/****Small Half Single text only promobox *****/

.HalfText {
	max-height: 117px;
	overflow: hidden;
	top: -13px!important;
	margin-bottom: 12px;
	min-height: 110px;
}

.HalfText img {
	display: none!important;
}

.LowerText {
	max-height: 260px;
	overflow: hidden;
	margin-bottom: 0px;
	min-height: 250px;
}
.LowerText img {
	min-height: 110px;
}


/********************************
HOMEPAGE SECTION TITLES
********************************/

.sectionTitles h4 {
	border-bottom: 1px solid #000;
	font: normal 19px "Crete Round", Helvetica, Arial, sans-serif;
	padding-bottom: 7px;
	margin-top: 23px;
	margin-bottom: 20px;
}

.subSectionTitles h5 {
	border-top: 1px solid #929292;
	font: normal 16px "Crete Round", Helvetica, Arial, sans-serif;
	padding-top: 5px;
	margin-top: 10px;
    margin-bottom: 6px;
}
.subSectionTitles h6 {

	font: normal 1.2em "Crete Round", Helvetica, Arial, sans-serif;
	padding-top: 5px;
}

.lastSection {
	border-top: 1px solid #929292;
}


/**************************************
 FOOTER - SOCIAL MEDIA BLOCK
**************************************/

.wbssocial {
	list-style: none;
	height: 210px;
}
.wbssocial ul {
	height: 100px;
	margin: 0px!important;
	padding: 50px 0 0 10px;

}

.wbssocial li>a {
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.wbssocial li {
	width: 80px;
	height: 80px;
	position: relative;
	float: left;
	padding: 10px;
}

#socialmedia {
	width: 451px; /*453px;*/
	height: 208px; /*205px;*/
	position: relative;
	/*top: 4px;*/
	/*box-shadow: 0px 2px 8px 1px #ccc;*/
	border:1px solid #ccc;
}

#socialmedia ul {
	margin: 0;
	list-style: none;
}

.sm-tabs {
	padding: 0;
	height: 52px;
	list-style: none;
}

.sm-tabs li {
	background: white;
	float: left;
	border: 1px solid #DDD;
	margin-left: 1px;
	padding: 8px;
}

.sm-tabs li.selected {
	border-color: transparent;
}

.sm-tabs li:not(.selected ) .img_wrapper {
	opacity: 0.6;
}

.sm-tabs li>a {
	width: 32px;
	height: 32px;
	overflow: hidden;
}

.sm-tabs li.selected .img_grayscale {
	opacity: 1 !important;
}

.sm-tabs a,
.sm-tabs img {
	max-width: 100%;
}

.sm-content {
	display: none;
	height:140px;
	overflow:hidden;
	padding: 12px 15px 0 15px;
}

.sm-content p {
	font-size:9pt;
	line-height:150%;
	margin-bottom:6px;
}
.sm-content a {
	display: inline;
}

.sm-content .follow {
	position: relative;
	left:0;
	top: -5px;
}
#sm-fb .follow > div > span {
	height:23px!important;
	width:78px!important;
	overflow:visible;
}
#sm-fb iframe {
	min-height:23px!important;
	min-width:78px!important;
}

#instafeed a {
	display:inline-block;
	max-height: 100%; 
	max-width: 100%; 
	padding: 0px;
	margin-right: 33px;
	margin-left: 0px;
	
}
#instafeed a:last-child {
	margin-right:0;
}		
#instafeed img {
	max-height: 100%; 
	max-width: 210px; 
}

/**************************************
 FOOTER aka. THE BIT YOU DON'T READ
**************************************/
footer {
	border-top: 1px solid #999;
	padding: 15px 0 40px 0;
	color: #999;
	top:-10px; /* To correct larger margin under bottom row of promo boxes */
}

nav.footernav {
	float: left;
	width: 500px;
}

nav.footernav ul {
	float: left;
}

nav.footernav li {
	border-right: solid 1px #999;
	padding: 0 10px;
}
nav.footernav li.first {
	padding-left: 0;
}
nav.footernav li.last {
	border-right: 0;
}

nav.footernav a:link, nav.footernav a:visited, nav.footernav a:active {
	text-decoration: none;
	color: #999;
}
nav.footernav a:hover {
	text-decoration:underline;
	color: #6c6c6c;
}

.footer-right {
	float: right;
	text-align: right;
	width: 400px;
}

/**************************************
  FOOTER - COOKIE NOTICE
*************************************
#cookie-notice {
	width: 100%;
	background: #0654A2;
	position: fixed;
	bottom: 0;
	padding: 2px 6px 6px 6px;
	z-index: 200;
}

#cookie-notice p {
	margin: 0 auto;
	color: white;
	text-align: center;
	font-size: 0.9em;
}

#cookie-notice a {
	color: white;
	text-decoration: underline;
}

#cookie-close {
	top: 5px;
	margin-left: 10px;
	position: relative;
}*/

/**************************************
  MODAL DIALOG
**************************************/

#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
	opacity: 0.4;
	z-index: 10;
}

#modal-popup {
	border: 1px solid #ccc;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	min-height: 200px;
	/*height:240px;*/
	width: 640px;
	margin-top: -150px;
	margin-left: -355px;
	background: white;
	z-index: 11;
	padding: 25px 35px;
	border-radius: 3px;
}

#modal-close {
	display: block;
	background:white;
	position: absolute;
	top: -17px;
	right: -17px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 17px;
	font-weight: bold;
	text-decoration: none;
	font-size:1.4em;
	box-shadow:1px 0 4px 0 #666666;
}







#additional-content {
	border-top: 1px solid #ccc;
	padding: 20px 0 10px 0;
	margin-top: 10px;
}

a.additional-more,
a.additional-less {
	position: absolute;
	bottom: 10px;
	right: 12px;
	width: 30px;
	height: 30px;
	display: none;
}

.additional-more img,
.additional-less img {
	width: 30px;
	position: absolute;
}

.additional-more span {
	display: block;
	position: absolute;
	color: #555;
	background: white;
	padding: 3px 16px 3px 8px;
	right: 22px;
	top: 2px;
	border: 1px solid #ccc;
	border-right: 0;
}


/**************************************
  Page Layouts
**************************************/

.pagecontent .columns
{
	width: 100%;
}

.pagecontent .column-50
{
	float: left;
	width: 49%; 	
}

.pagecontent .column-last
{
	float: right;
}

.pagecontent-bordered
{
	background-color: #FFF; 
	border: 30px solid #EEE; 
	padding: 30px; 
	margin: 0;
}

.pagecontent-bordered .preheading
{
	color: #7fc0d5;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 0.4em 0;
}
	
.pagecontent-bordered .heading	
{
	color: #000;
	font-size: 3em;		
	font-weight: bold;		
}

.pagecontent-bordered .subheading	
{
	margin: 0 0 1em 0;
	color: #888;	
}

.pagecontent-bordered .main
{
	float: left; 
	width: 47%;	
}	

.pagecontent-bordered .aside
{
	float: right; 
	width: 47%;
	margin-top: 2em;	
}

.floating-back-arrow
{
	position: absolute;
	display: inline-block;
	background: transparent url(/wbs2012/includes/themes/wbs/img/bg/floating-back-arrow.png) center left no-repeat;
	height: 32px;
	padding: 0 0 0 8px;
	left: -38px;
	top: -30px;
}	

.floating-back-arrow .label
{
	display: inline-block;
	background-color: #95acb4;
	color: #FFF;
	font-weight: bold;
	line-height: 32px;
	padding: 0 1em;		
}	

.floating-back-arrow:hover .label
{
	text-decoration: underline;
}

.arrow-button-blue
{
	float: right;
	background-color: #0090b6 !important;
	color: white !important;
	font-size: 1.5em;
	padding: 0 54px 0 16px;
	height: 48px;
	line-height: 48px;
	background: #0090b6 url(/wbs2012/includes/themes/wbs/img/bg/arrow-button-blue.png) center right no-repeat;
	text-decoration: none;
}

.arrow-button-blue:hover
{
	text-decoration: underline;
}

/**************************************
  QTip
**************************************/
.ui-tooltip-content
{
	font:9pt/150% Helvetica,Arial,Sans-Serif;
}

.wbs-tooltip-darkshadow {
	box-shadow: 2px 2px 4px 2px #666;
}
.ui-tooltip-content h4 {
	font-family:"Crete Round",Helvetica,Arial,Sans-Serif;
	font-size:1.3em;
	font-weight:normal;
	margin-top:0.2em;
	margin-bottom:0.6em;
}
.ui-tooltip-content ul {
	margin-bottom:1em;
}
.ui-tooltip-content ul li {
	font:9pt/150% Helvetica,Arial,Sans-Serif;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

#wbs-mega-menu ul > li > a {
	border-right: 1px solid #9f9f9f;
}

/* Bootstrap changes */

.container-fluid {
	max-width: 970px !important;
}

#maintenance-banner {
	display: none !important;
}

#bs-general-modal .modal-header {
	background: #111;
	border-color: #000;
	font-family: "Crete Round", Sans-Serif;
}

#bs-general-modal .modal-header .close {
	color: #aaa;
}

#bs-general-modal .modal-content {
	background-color: #222;
	color: #FFF;
}

#bs-general-modal .modal-content a {
	color: #FFF;
	text-decoration: underline;
}

#bs-general-modal .modal-content,
#bs-general-modal .modal-content p {
	font-size: 14px;
	line-height: 22px;
}

#bs-general-modal .modal-footer {
	border-top-color: #111;
}

/* make sections compatible with bootstrap */
section.layout {
	*zoom: 1;
	clear: both;
	height: auto !important;
	position: relative;
	top: -15px !important; 
 	background-size: cover !important; 
    margin-bottom: 20px;
    z-index: 3;
}
section.layout:before,
section.layout:after {
	display: table;
	content: "";
	/*
	// Fixes Opera/contenteditable bug:
	// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
	*/
	line-height: 0;
}
section.layout:after {
	clear: both;
}

section.about-hub,
section.course-hub, 
section#research-hub,
section.programme-hub,
section.business-hub,
section.news,
section.course-compare,
section.contact {
	top: 0 !important;
}



@media(max-width:767px) {


/**************************
EXTRA'S FOR HOMEPAGE, SOCIAL AND FOOTER
**************************/

.subSectionTitles h5 {
	margin-top: 5px;
}
.sectionTitles h4 {
	margin-top: 0px;
}

.LowerText {
	margin-bottom: 40px;
	overflow: visible;
}

.footerpromo.double {
	margin-bottom: 40px;
}
.footerpromo.single {
	margin-bottom: 35px;
}
.HalfText {
	min-height: 90px;
	margin-bottom: 20px!important;
	overflow: visible!important;
}

.HalfText .overlay {
	border-top: 1px solid #929292;
	padding-top: 15px;
}

.wbssocial {
	max-height: 160px;
}

.wbssocial li>a {
	width: 40px;
	height: 40px;
	overflow: hidden;
}
.wbssocial li {
	width: 20%;
}

#instafeed img {
    max-height: 100%;
    max-width: 130px;
 
}

#instafeed a:last-child {
    margin-right: 0;
    float: right;
}

#instafeed a {
  	max-width: 50%;
  	margin-right: 0px;
}

#instafeed.instagram_image {
  padding-bottom: 15px;
}


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

	nav ul li {
	    float: none;
	}


	nav.footernav {
		float: none;
		width: auto;
	}

	nav.footernav ul {
		float: none;
	}

	nav.footernav li {
		border-right: 0;
		padding: 0 10px;
	}
	nav.footernav li.first {
		padding-left: 10px;
	}
	nav.footernav li.last {
		border-right: 10px;
	}

	nav.footernav a:link, nav.footernav a:visited, nav.footernav a:active {
		text-decoration: none;
		color: #999;
	}
	nav.footernav a:hover {
		text-decoration:underline;
		color: #6c6c6c;
	}

	.footer-right {
		float: none;
		text-align: center;
		width: auto;
		border-top: 1px solid #999;
		padding-top: 15px;
		margin-top: 15px;
	}

	.sm-tabs a,
	.sm-tabs img {
		width: 24px !important;
		height: 24px !important;
	}


	.sm-content {
		height: auto;
		clear: both;
	}

	.tabbed-nav {
	    width: auto;
	    height: auto;
	    margin-bottom: 10px;
	    border: 0;
	    padding: 0;
	}

	.tabbed-nav ul {
	    width: auto;
	    height: auto;
	    margin-bottom: 10px;
	    left: 0;
	}

	.tabbed-nav ul li {
		width: 50% !important;
		float: left !important;
		margin: 0;
		border: 2px solid white;
	}

	.tabbed-nav li a {
		height: auto;
		border: 1px solid white;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 6px;
		padding-right: 6px;
	}

	.tabbed-nav li.back {
		width: 100% !important;
		float: none !important;
		margin: 0 0 10px 8px !important;
		border: 0;
		padding-right: 8px;
	}

	.tabbed-nav li.arrow {
		float: left !important;
		width: 8px !important;
		border: 0;
		background-repeat: no-repeat;
		height: 53px;
		line-height: 53px;
		background-repeat: no-repeat;		
	}

	.tabbed-nav li.back a {
		border: 0;
	}

	.tabbed-nav li.back,
	.tabbed-nav li.arrow {
		border-bottom: 1px solid #CCC;
    	padding-bottom: 20px;
	}

	.tabbed-nav li.selected {
		background-color: white;
		background-image: none;
		top: 0px;
		height: auto;
	}

	.tabbed-nav li.selected a {
		border: 1px solid #CCC;
		padding: 6px 0;
	}

	.footerpromo .overlay {
		display: block;
		position: relative;
		width: 100%;
		opacity: 1;
	}

	section.layout {
		/*background-image:  none !important;*/
		background-color: white !important;
		background-size: contain !important;
		height: auto !important;
		min-height: 0 !important;
		margin-bottom: 20px !important;
		padding: 10px !important;
		border: 0 !important;
		position: relative !important;
		top: 0 !important;
	}

	section.hasimg {
		padding-top: 48% !important;
	}


	section.additional {
		padding-bottom: 45px !important;
	}

	section #additional-content {
		display: none;
	}

	section.additional #additional-content {
		display: block;
	}

	section .column {
		float: none !important;
		width: 100% !important;
    	background-color: white !important;
    	color: black;
		padding: 10px !important;
	}

	section h1 {
		background-color: rgba(255,255,255,0.8) !important;
		color: #333 !important;
		padding: 0px 10px !important;
		margin: 10px 0px !important;
	}

	section ul,
	section ol {
		padding-left: 30px;
	}

	section p {
		color: #000;
	}

	nav ul,
	nav ol {
		padding: 0;
	}


	section .column.left,
	section .column.right {
		width: 100% !important;
		margin: 0 !important;
	}

	section img {
		max-width: 100% !important;
		height: auto !important;
	}

	a.additional-more, a.additional-less,
	a.course-detail-more, a.course-detail-less {
	    position: absolute !important;
	    width: auto !important;
	    bottom: 15px !important;
	    right: 15px !important;
	    left: 35px !important;
	    height: 30px !important;
	    display: none;
	}

	.additional-more span,
	.course-detail-more span {
		width: 100%;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}

	.additional-more img, .additional-less img,
	.course-detail-more img, .course-detail-more img {
		right: 0;
	}


	/* colour scheme 
	section.professional > h1, 
	section.professional-hub > h1 {
		color: #FFF !important;
		background: #8EB964 !important;
	}

	section.course-hub.mba > h1 {
		color: #333 !important;
		background: #FFF !important;
	}

	section.mba > h1 {
		color: #FFF !important;
		background: #7F3F96 !important;
	}
*/
	.footerpromo img {
		width: 100% !important;
	}

}



.btn-square {
	border-radius: 0;
}


.btn-wbs {
    color: #FFF;
    background-color: #2164a3;
    border-color: #194976;
}
.btn-wbs:hover,
.btn-wbs:focus,
.btn-wbs:active,
.btn-wbs.active,
.open .dropdown-toggle.btn-wbs {
  color: #FFF;
  background-color: #0054a4;
  border-color: #194976;
}
.btn-wbs:active,
.btn-wbs.active,
.open .dropdown-toggle.btn-wbs {
  background-image: none;
}
.btn-wbs.disabled,
.btn-wbs[disabled],
fieldset[disabled] .btn-wbs,
.btn-wbs.disabled:hover,
.btn-wbs[disabled]:hover,
fieldset[disabled] .btn-wbs:hover,
.btn-wbs.disabled:focus,
.btn-wbs[disabled]:focus,
fieldset[disabled] .btn-wbs:focus,
.btn-wbs.disabled:active,
.btn-wbs[disabled]:active,
fieldset[disabled] .btn-wbs:active,
.btn-wbs.disabled.active,
.btn-wbs[disabled].active,
fieldset[disabled] .btn-wbs.active {
  background-color: #ff0000;
  border-color: #008000;
}
.btn-wbs .badge {
  color: #194976;
  background-color: #FFF;
}

.last-block {
	margin-bottom: 0;
}

.btn-block.text-left {
	text-align: left;
}

/**
 * Responsive Helpers
 */

@media(max-width:767px) {
    .relative-xs {
        position: relative !important;
    }

    .autoheight-xs {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .autowidth-xs {
        width: 100% !important;
    }

    .nomargin-xs {
        margin: 0 !important;
    }

    .automargin-xs {
        margin: 0 auto !important;
    }

    .nopadding-xs {
        padding: 0 !important;
    }

    .smallpadding-xs {
        padding: 10px !important;
    }

    .noadjust-xs {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
    }

    .hidden-inline-xs {
        display: none!important;
    }

    .hidden-inlineblock-xs {
        display: none!important;
    }

    .visible-inline-xs {
        display: inline!important;
    }

    .visible-inlineblock-xs {
        display: inline-block!important;
    }

    .visible-block-xs {
        display: block!important;
    }

    .visible-listitem-xs {
        display: list-item!important;
    }

    .text-left-xs {
        text-align: left!important;
    }

    .text-center-xs {
        text-align: center!important;
    }   

    .pull-left-xs {
        float: left!important;
    }

    .pull-right-xs {
        float: right!important;
    }   

    .pull-none-xs {
        float: none!important;
    }

    .dropdown-menu.pull-none-xs {
      left: 0;
      right: auto;
    }    

    .clear-xs {
        clear: both;
    }

    /** Vertical-ise justified button groups on small devices */

    .btn-group-justified-vertical-xs .btn-group {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }    

    .btn-group-justified-vertical-xs .btn-group a {
        display: block;
        float: none;
    }

    .modal-xl .modal-dialog { 
        width: auto;
    }

	.footerpromo.single.row1 {
    	min-height: 208px;
	}


}

@media(min-width:768px) and (max-width:961px) {
    .relative-sm {
        position: relative !important;
    }

    .autoheight-sm {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .nomargin-sm {
        margin: 0 !important;
    }

    .automargin-sm {
        margin: 0 auto !important;
    }

    .nopadding-sm {
        padding: 0 !important;
    }

    .hidden-inline-sm {
        display: none!important;
    }

    .hidden-inlineblock-sm {
        display: none!important;
    }

    .visible-inline-sm {
        display: inline!important;
    }

    .visible-inlineblock-sm {
        display: inline-block!important;
    }

    .visible-listitem-sm {
        display: list-item!important;
    }

    .text-left-sm {
        text-align: left!important;
    }

    .text-center-sm {
        text-align: center!important;
    }

    .clear-sm {
        clear: both;
    }

    .modal-xl .modal-dialog { 
        width: auto;
    }
    .HalfText {
    	overflow: visible;
    }
    .LowerText {
    	overflow: visible;
    }
}

@media(min-width:962px) and (max-width:1199px) {
    .relative-md {
        position: relative !important;
    }

    .autoheight-md {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .nomargin-md {
        margin: 0 !important;
    }

    .nopadding-md {
        padding: 0 !important;
    }

    .hidden-inline-md {
        display: none!important;
    }

    .hidden-inlineblock-md {
        display: none!important;
    }

    .visible-inline-md {
        display: inline!important;
    }

    .visible-inlineblock-md {
        display: inline-block!important;
    }

    .visible-listitem-md {
        display: list-item!important;
    }

    .text-left-md {
        text-align: left!important;
    }

    .text-center-md {
        text-align: center!important;
    }

    .clear-md {
        clear: both;
    }
}

@media(min-width:1200px) {
    .relative-lg {
        position: relative !important;
    }

    .autoheight-lg {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .nomargin-lg {
        margin: 0 !important;
    }

    .nopadding-lg {
        padding: 0 !important;
    }

    .hidden-inline-lg {
        display: none!important;
    }

    .hidden-inlineblock-lg {
        display: none!important;
    }

    .visible-inline-lg {
        display: inline!important;
    }

    .visible-inlineblock-lg {
        display: inline-block!important;
    }

    .visible-listitem-lg {
        display: list-item!important;
    }

    .text-left-lg {
        text-align: left!important;
    }

    .text-center-lg {
        text-align: center!important;
    }
}
@media  (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {

.tabbed-nav {
	    width: auto;
	    height: auto;
	    margin-bottom: 10px;
	    border: 0;
	    padding: 0;
	}

	.tabbed-nav ul {
	    width: auto;
	    height: auto;
	    margin-bottom: 10px;
	    left: 0;
	}

	.tabbed-nav ul li {
		width: 50% !important;
		float: left !important;
		margin: 0;
		border: 2px solid white;
	}

	.tabbed-nav li a {
		height: auto;
		border: 1px solid white;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 6px;
		padding-right: 6px;
	}

	.tabbed-nav li.back {
		width: 100% !important;
		float: none !important;
		margin: 0 0 10px 8px !important;
		border: 0;
		padding-right: 8px;
	}

	.tabbed-nav li.arrow {
		float: left !important;
		width: 8px !important;
		border: 0;
		background-repeat: no-repeat;
		height: 53px;
		line-height: 53px;
		background-repeat: no-repeat;		
	}

	.tabbed-nav li.back a {
		border: 0;
	}

	.tabbed-nav li.back,
	.tabbed-nav li.arrow {
		border-bottom: 1px solid #CCC;
    	padding-bottom: 20px;
	}

	.tabbed-nav li.selected {
		background-color: white;
		background-image: none;
		top: 0px;
		height: auto;
	}

	.tabbed-nav li.selected a {
		border: 1px solid #CCC;
		padding: 6px 0;
	}
}