/* SCHOOL SPECIFIC STYLES */

body {
	overflow-wrap: break-word;
}

.profilePic {
	margin-top:20px;
    font-size: .9em;
    color: #444;	
	text-align:center;

}
.profilePic img {
    width: 100%;
	margin:0;
}
@media only screen and (min-width:566px) {
	.profilePic {
    	float: right;
    	margin-left: 20px;
		margin-bottom:0px;
	}
}

.photoboard {
	display: flex;
	flex-wrap: 
	wrap; flex-direction: row; 
	justify-content: space-around; 
	align-items: auto;
	align-content: start;
}
.photoboard > div {
	flex: 0 1 auto; 
	text-align:center;
	margin:20px;
}
.photoboard > div img { 
	object-fit:cover;
	background-color:#fff;
	padding:10px;
	display:inline-block;
	border:1px #ccc solid;
	font-size:0.9em;
	line-height:1.2em;
	width:160px;
	height:160px;
}
.photoboard_120w_160h > div img { 
	width:120px;
	height:160px;
}
.photoboard_150w_200h > div img { 
	width:150px;
	height:200px;
}


.twocolumns {
	column-count:2; 
	column-width:350px; 
	column-gap: 40px;
}
.twocolumns div {
	break-inside:avoid;	
	padding-bottom:40px;
}
.twocolumns div .youtubewrapper {margin-top:0!important; margin-bottom:0!important}

@media only screen and (min-width:848px) {
	.twocolumns div {
		padding-bottom:20px;
	}
}


.homebody {width:100%; max-width: 882px; text-align:left; padding-bottom:20px; padding-top:20px}
.homebody>h1 {padding-top:0px; margin-top:0px;}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.form_field2 { display:none; }

#main ul.nobullet li:before {background-color:inherit}

#albumizrTag {display:none!important}

#abstractbody a[href] {text-decoration:underline!important}
#abstractbody a[href]:hover {text-decoration-color:#cea600!important}

.grantstrike { text-decoration:line-through}
.granthide { display:none }

.pubstrike { text-decoration:line-through}
.pubhide { display:none }

.topHeader { align-items: center; text-align: center; padding-bottom:2px;}

.copyright {color:#fff; font-size:smaller; padding-top:20px;}

.cellpadding0 td, .cellpadding0 th, .padding0 {padding:0px}
.cellpadding1 td, .cellpadding1 th, .padding1 {padding:1px}
.cellpadding2 td, .cellpadding2 th, .padding2 {padding:2px}
.cellpadding3 td, .cellpadding3 th, .padding3 {padding:3px}
.cellpadding4 td, .cellpadding4 th, .padding4 {padding:4px}
.cellpadding5 td, .cellpadding5 th, .padding5 {padding:5px}
.cellpadding6 td, .cellpadding6 th, .padding6 {padding:6px}
.cellpadding7 td, .cellpadding7 th, .padding7 {padding:7px}
.cellpadding8 td, .cellpadding8 th, .padding8 {padding:8px}
.cellpadding9 td, .cellpadding9 th, .padding9 {padding:9px}
.cellpadding10 td, .cellpadding10 th, .padding10 {padding:10px}

.cellspacing0 {border-spacing:0px}
.cellspacing1 {border-spacing:1px}
.cellspacing2 {border-spacing:2px}
.cellspacing3 {border-spacing:3px}
.cellspacing4 {border-spacing:4px}
.cellspacing5 {border-spacing:5px}
.cellspacing6 {border-spacing:6px}
.cellspacing7 {border-spacing:7px}
.cellspacing8 {border-spacing:8px}
.cellspacing9 {border-spacing:9px}
.cellspacing10 {border-spacing:10px}

.greytable {border-collapse: collapse; border:1px #ccc solid}
.greytable td {border:1px #ccc solid; padding:5px}
.greytable th {background-color:#eee; border:1px #ccc solid; font-weight:bold; padding:5px}
.greytable th p, .greytable td p {margin:0px; padding:0px;}

.event-date-hilite {border-left:4px solid #CDA70A}

.twitter-share-button_dead {height:25px; overflow:hidden; display: inline-block; color:#fff; overflow-y:hidden!important}
.IN-widget button {background-color:#044084!important} /* tweak contrast of LinkedIn to AAA standards */

a.skip-main {
  left:-999px;
  position:absolute;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color:#000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow:auto;
  margin: 10px 35%;
  padding:5px;
  border-radius: 0px;
  border:4px solid yellow;
  text-align:center;
  font-size:1.2em;
  z-index:999;
}


.networkicon, .telephoneicon, .mobileicon, .emailicon, .globeicon, .buildingicon, .keyicon, .w3wicon, .locationicon, .groupicon {
	background-position:left;
	background-repeat:no-repeat;
	background-size:16px 16px;
	margin-left:0px;
	padding-left:24px;
}
.networkicon {
	background-image:url(/images/icons/chart_organisation.png);
	background-position-y: 0.4em;
}
.telephoneicon {
	background-image:url(/images/icons/telephone.png);
	background-position-y: 0.3em;
}
.mobileicon {
	background-image:url(/images/mobile.gif);
	background-position-y: 0.3em;
}
.emailicon {
	background-image:url(/images/icons/email.png);
	background-position-y: 7px;	
}
.globeicon {
	background-image:url(/images/icons/world.png);
	background-position-y: 6px;
}
.buildingicon {
	background-image:url(/images/icons/building.png);
	background-position-y: 6px;
}
.keyicon {
	background-image:url(/images/icons/key.png);
	background-position-y: 0.5em;
}
.w3wicon {
	background-image:url(/images/w3w_64x64_white.png);
	background-position-y: 6px;
}
.locationicon {
	background-image:url(/images/location32.png);
	background-position-y: 6px;
}
.groupicon {
	background-image:url(/images/icons/group.png);
	background-position-y: 0.5em;
}

.truncate, .truncate40, .truncate50, .truncate66, .truncate100 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate40 { 
	max-width: 40%; 
	display: inline-block
}

.truncate50 { 
	max-width: 50%; 
	display: inline-block
}

.truncate66 { 
	max-width: 66.6%; 
	display: inline-block
}

.truncate100 { 
	max-width: 100%; 
	display: inline-block
}

.fullheight
	{
	height: 100%;	
	}
.fullwidth
	{
	width: 100%;	
	}
.centred {
	text-align:center;
	text-align:-webkit-center; 
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.right {float:right}

.centreflex {
	display:flex;
	align-items:center;
	justify-content:center;	
}


.tablestripe tr:nth-child(even){background-color: #f9f9f9}
.tablestripe tr:nth-child(odd){background-color: #f3f3f3}

/* table { border-collapse:separate;} */

/* table, td, */
#survey table, #survey #td {
	border: 0px;
	border-bottom: 0;
	border-right: 0;
	border-top: 0;
	border-left: 0;
}



/* td {padding:4px} */

#survey td {padding:4px}

/* TABLE HEADS */
.colour5, .tablehead, .toptab, .darkbox
	{
	background-color: #CCCCCC;
	}

/* TABLE CELLS */
.colour6,  .tablecell, .tab, .lightbox
	{
	background-color: #EEEEEE;
	background-color: #f3f3f3;
	}

/* SIDE MENU */
.tablecellhilite, .tablecellhilite a, .locator, .lowlight
	{
	background-color: #d4e0e3; 
	background-color: #E7EAF1;

	}

legend, .greybox 
{
	background-color: #999999;
	color: #FFF;
	font-weight:bold;
	padding:4px;
}	

.redbox
{
	background-color: #990000;
	color: #FFF;
	font-weight:bold;
	padding:4px;
}	

.amberbox
{
	background-color: #FFCD00; /*EE6600*/
	color: #FFF;
	font-weight:bold;
	padding:4px;
}	

.greenbox
{
	background-color: #009900;
	color: #FFF;
	font-weight:bold;
	padding:4px;
}	

fieldset 
{
	border-color:#999;
}

.yellowhighlight
	{
	background-color: #FFFF66; 
	}

.greytext
	{
	color: #555555;
	}	
	
.error
	{
	color: #990000;
	}	

.sechead, .subhead, .emphasis { 
	font-size: 1.25em;
	font-weight: normal;
	}

.infobox {
	font-size: 1.25em;
}

.infobox table { background-color:#ddd }

.infobox td {
	font-size: 16px;
}
	
.emphasis { padding-top:10px; padding-bottom:4px; 
	}

.vertborderbg {
	background:url(/images/dot.gif) repeat-y;
}

.horizborderbg {
	background:url(/images/dot.gif) repeat-x;
}

/*
a.newwindow_icon {
	display: inline-block;
	background: url(/images/newwindow.gif) bottom right no-repeat;
	padding-right: 15px;
}
*/


.formstyle {
	background-color: #f3f3f3;
	margin-bottom:10px;
	padding:10px;
	}

.tab {  
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 	
	border-bottom-width: 0px; 
	border-left-width: 1px; 
	background-color:#d4e0e3;
	}

.toptab {  
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 	
	border-bottom-width: 0px; 
	border-left-width: 1px; 
	background-color:#687577;
	color:#fff;
}	

.toptab a{
	color:#fff;
}	

.footerbox {  
	border-color: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 	
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	width: 760px
	}

.noback 
	{  
	background-color: #FFFFFF
	}

.tablehead { 
	font-weight: bold
	}

.bodybox {  width: 760px}

.thinblackline {  
	border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px}

.thingreyline {  
	border: #CCCCCC;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px}

.infoboxframe {  
	width:50%;
	float:right;
	border: #CCCCCC;
	border-style: solid; 
	border-top-width: 4px; 
	border-right-width: 0px; 
	border-bottom-width: 4px; 
	border-left-width: 0px;
	margin-left:10px;
	margin-top:5px;	
	margin-bottom:5px;	
	}

.infobox {  
	padding:0.5em;
	text-align:center;
}

.quoteboxframe {  
	width:50%;
	float:right;
	border: #CCCCCC;
	border-style: solid; 
	border-top-width: 4px; 
	border-right-width: 0px; 
	border-bottom-width: 4px; 
	border-left-width: 0px;
	margin-left:10px;
	margin-top:5px;	
	margin-bottom:5px;	
	background-image:url(/images/open_quotes_48.png);
	background-repeat:no-repeat;
	}

.quotebox {  
	padding:1em;
	text-align:center;
	background-image:url(/images/close_quotes_48.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.thinredline {  
	border: #990000;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px}
	
.error { 
	font-weight: bold;
	}

.input {  
	border-color: #CCCCCC ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}

select { 
	border: #CCCCCC ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	padding: 5px;
	}

file { padding:5px }


.inputradio { 
	border-style: none;
	}
	
/*textarea, .darkbox, .lightbox { 
	border: #CCCCCC ; 
	border-style: solid; 	
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px 
	}
*/
.locator {	
	border-color: #000000 #000000 #000000 #000000; 
	border-style: solid; 
	border-top-width: 0px; 	
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	font-size: 0.92em;
	}

.submenu { 
	border-color: #000000 #000000 #000000 #000000; 
	padding-top: 0px; 
	padding-right: 4px; 	
	padding-bottom: 4px; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 	
	border-left-width: 0px
	}

.submenubox { 
	width: 160px;
	border-color: #000000 #000000 #000000 #000000;

	padding-top: 0px; 
	padding-bottom: 10px; 
	border-style: none; 
	border-top-width: 0px; 
	border-right-width: 1px; 	
	border-bottom-width: 0px; 
	border-left-width: 0px
	}

.addressfoot {
	/* font-size: <?=$css_default_font_size*(11/12)?>px */
	font-size: 0.92em;
	}

.bodystyle { 
	padding-top: 5px; 
	padding-bottom: 10px; 
	padding-left: 10px;
	background:url(/images/dot.gif) repeat-y;
	}
.newsbox { border-width: 0px 0px 0px 0px } 

#mytable td, .mytable td
	{
	background-color: #eee;
	}

.fullheight
	{
	height: 100%;	
	}
	
#myform input {
	border-width: 0px 0px 0px 0px;
}
	
#slideshow {
    position:relative;
	width: 160px;
    height:125px;	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.editable{
	background-color: #ffffd3;
	width:100%;
}

img.progress{
	vertical-align: middle;
	padding: 0 10px;
}

.tip {
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
	text-decoration : none;
}

#myul ul {padding-left:10px; margin-left:5px}
#myul li {padding-left:0px; margin-left:0px}

#loginstatus {
	float: right;	
}

#text_only, #graphics {
	display: none;
}

#login a {
    color: #bbb;
    border-bottom: 1px dotted #bbb;
}
#login a:hover {
    color: #fff;
    border-bottom: 1px solid #cea600;
}


/* ---------------------------------------------------- */
/* my graphic is transparent! */
a_dead[target="_blank"] {
	display: inline; /* was inline-block */
	background: url(/images/newwindow.gif) center right no-repeat;
	padding-right: 15px;
}

a[target="_blank"]::after {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0.2em 0.05em 0 0.1em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: text-top;
} 


.flexslider a[target="_blank"] {
	display: inherit;
	background: none;
	padding-right: inherit;
}

textarea  { 
    font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
    /* padding: 5px; */
}


#date {
	float: right;
	color: #fff;
	margin: 3px 10px 0px 0px;
}

.icon16 {
	vertical-align:middle;
	width:16px;
	height:16px;
	border: 0px hidden;
}

.icon24 {
	vertical-align:middle;
	width:24px;
	height:24px;
	border: 0px hidden;
}

.icon32 {
	vertical-align:middle;
	width:32px;
	height:32px;
	border: 0px hidden;
}

.icon48 {
	vertical-align:middle;
	width:48px;
	height:48px;
	border: 0px hidden;
}

.icon64 {
	vertical-align:middle;
	width:64px;
	height:64px;
	border: 0px hidden;
}

.iconw3w {
	vertical-align:middle;
	width:16px;
	height:20px;
	border: 0px hidden;
	margin-right:2px;
}


.monohover:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.dark50hover:hover {filter: brightness(50%); }
.dark75hover:hover {filter: brightness(75%); }
.linehover:hover { border-bottom:2px #cea600 solid; }
.scale96hover:hover {transform: scale(0.96)};

.monohover16:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px; width: 14px; height:14px; }

a img.icon24:hover,.monohover24:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px; width: 22px; height:22px; }

a img.icon32:hover, .monohover32:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px; width: 30px; height:30px; }

a img.icon48:hover, .monohover48:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px; width: 46px; height:46px; }

input {border: solid 1px #CCCCCC; }

input[type=file] {background-color:#fff}


.errorfield {background-color:#FFF0F0; border: solid 1px #990000}

.formstyle textarea {width:98%; font-size:1em} 

/* ---------------------------------------------------- */
/* tooltip */

.tooltip {
	display:none;
	background:transparent url(/images/tooltip/black_arrow-180.png);
	text-align:left;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff; 
	line-height: 1.4em;	
}
 
/* ---------------------------------------------------- */
/* Tab Nav */
#tabNav {
	margin-top: 10px;
	z-index: 1000;
}
#tabNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabNav li{
	float: left;
	margin: 0px 10px 0px 0px;
}
#tabNav li:last-child {
	margin: 0px;
}
#tabNav a{
	display: block;
	height: 2em;
	line-height: 1.9em;
	padding: 0px 10px;
	text-decoration: none;
}
*+html #tabNav a{
	white-space: nowrap;
}
* html #tabNav a{
	display: inline;
	padding: 15px 10px 15px 10px;
	white-space: nowrap;
}
#tabNav a:hover{
	text-decoration: none;
}

#tabNav li.current {
	height: 2em;
	line-height: 1.9em;
	padding: 0px 10px 0px 10px;
}

#tabNav a{
	background-color: #d4e0e3;
	color: #687577;
}
#tabNav a:hover{
	background-color: #687577;
	color: #fff;
}

#tabNav li.current{
	padding: 0px 0px;
}

#tabNav ul li a[href]:hover, #tabNav ul li a[href], #tabNav ul li.current, #tabNav ul li a {
	border-bottom: 0px hidden;
}


#tabNav ul li.current a[href]	 {
	background-color: #687577;
	color: #fff;
}

#tabNavBox {
	width: 100%; 
	border-bottom:solid #d4e0e3 1px; 
	height: 2em; 
	float: left; 
	padding-bottom:10px; 
	margin-bottom:10px;
}	

hr {
 	border-width: 1px 0 0 0;
}

.loading {
	background-image:url(/images/loading.gif); 
	background-position:center; 
	background-repeat:no-repeat;
	min-height:32px; min-width:32px;
}

/* align checkboxes, radios, text inputs with their label  
input[type="radio"] { 	vertical-align: text-bottom; }  
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }  
.ie6 input { vertical-align: text-bottom; } 

/* hand cursor on clickable input elements */ 
label, input[type=button], input[type=submit], button { cursor: pointer; } 

/* bicubic resizing for non-native sized IMG: */
.ie7 img { -ms-interpolation-mode: bicubic; }

.myhighlight {
	margin: 20px;
	padding: 10px;
	background-color: #e7eaf1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.Bold {font-weight:bold }
.Italic {font-style:italic}

/* Reset blockquote to standard */
blockquote {
	margin: inherit;
	padding: inherit;
	background: inherit;
	font-family: inherit;
	color: inherit;
	width: inherit;
	font-size: inherit;
}

/*.qmblockquote {
	margin: 20px 0px 20px 25px;
	padding: 0px 50px;
	background: url(/images/deptquotes.gif) no-repeat 0 0;
	font-family: Georgia, serif;
	color: #666;
	width: 420px;
	font-size: 1.2em;
}
*/


/***************************************************************/
/* SURVEYS */

#survey fieldset, .newformstyle {
	position: relative;
	margin: 50px 0px 30px 0px;
	padding: 8px;
	background-color:#f0f0f0;
	border: 2px solid #aaa;
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 6px -2px #bbb;
	-moz-box-shadow: 0 8px 6px -2px #bbb;
	box-shadow: 0 8px 6px -2px #bbb;
	behavior: url(/design/PIE.htc); */
}

#survey legend, .newformstyle legend {  
	text-transform:		uppercase;
	font-size:			1.2em;
	padding:			3px;
	padding-left:		1em;
	padding-right:		1em;
	margin-left:		20px;
	color:				#ffffff;
	background:			#555;
	position: 			absolute;
	top: -1.2em;
	left: -0.5em;
}
	
#survey td {font-size:1.0em;}

#survey .submit {
	position:relative;
	font-size:1.2em; padding:5px;
	border: 2px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 6px -2px #bbb;
	-moz-box-shadow: 0 8px 6px -2px #bbb;
	box-shadow: 0 8px 6px -2px #bbb;
	/* behavior: url(/design/PIE.htc);  */
}

#survey .submit:hover {background-color:#ccc; }

	
#survey .question { background-image:url(/images/spacer.gif); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; }

#survey .required {background-image:url(/images/icons/asterisk_red.png); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px;}

#survey .ok { background-image:url(/images/icons/tick.png); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; }

#survey .information { background-image:url(/images/icons/information.png); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; }

#survey input {	padding:4px;}

#survey select {padding:4px;}

#survey .button2{
	padding: 0.5em 1em;
}

#survey .checkbox, #survey .radio { border-style: none;}

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

.newformstyle {
	margin: 10px 10px 10px 10px;
}

pre {font-size: 9pt;}


/* ---------------------------------------------------- */
.polaroid, .inlineImg_dead, .polaroid-w {
	padding: 10px;
	margin: 10px;
	width:auto;
	display:inline-block;
	background-color: #eee;
	border: 1px solid #ddd; /*was #ccc - note Imperial uses #e6e6e6 */
	text-align:left;
	font-size:0.9em;
	line-height:1.2em;
}

.polaroid-w{
	background-color: #fff;
}


#sidebar .polaroid {margin: 0px }

.polaroid img, .slide img {
	border: 1px solid #ddd;
	width:auto;
	padding: 0px;
	margin: 0px;
	float: none;
}

.slide {
	position: relative;
	border-color:#ddd;
	background-color:#eee;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	width:auto;
	display:inline-block;
	background-color: #eee;
	border: 1px solid #ddd;
	text-align:left;
	font-size:0.9em;
	line-height:1.2em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 6px -2px #bbb;
	-moz-box-shadow: 0 8px 6px -2px #bbb;
	box-shadow: 0 8px 6px -2px #bbb;
	/* behavior: url(/design/PIE.htc); */
}

.imgshadow, .inlineImg_dead {
	position: relative;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-left: 1px solid #ddd;
	-webkit-box-shadow: 0 8px 6px -2px #bbb;
	-moz-box-shadow: 0 8px 6px -2px #bbb;
	box-shadow: 0 8px 6px -2px #bbb;
	/* behavior: url(/design/PIE.htc); */
}

.noborder {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
}


.datestyle {
	position: relative;
	margin: 0px 0px 0px 0px;
	width:80px; height:80px;
	-webkit-box-shadow: 0 8px 6px -2px #bbb;
	-moz-box-shadow: 0 8px 6px -2px #bbb;
	box-shadow: 0 8px 6px -2px #bbb;
	/* behavior: url(/design/PIE.htc); */
}

figure, figcaption { display: block; }
figure { margin: 0px 0px 0px 0px;
	background-color:#eee;
	padding:10px;
	border: solid #ddd 1px;}
figure img {border: solid #ddd 1px}

.submit:hover {background-color:#cccccc;
}

.submit {font-size:1.2em; padding:5px;}	

.schedule td { padding: 4px;
	border:solid 1px #ccc;
	background-color:#f0f0f0;
}

.schedule {
	border:solid 1px #ccc;
}

.number {
	font-size:2em; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif, Times, serif;
	float: left;
	line-height:  1em;
	margin-right: 0.3em;

}

/**************************************/
/* Events design                      */

.eventsbox td {vertical-align:top}

.events-hss{
	background-color: #dceae9;
}
.events-se{
	background-color: #e5e3f2;
}
.events-smd{
	background-color: #FFF8EC;
}

.events-corporate{
	background-color: #E7EAF1;
}

/* ---------------------------------------------------- */
/* Cookie Notice */
/* ---------------------------------------------------- */
#cookieNotice a {
	text-decoration: none;
	border-bottom:dotted 1px #fff;
	color: #fff;
	font-weight: bold;
}
#cookieNotice a[href]:hover{
	color:#fff;
	border-bottom:#fff;
}
#cookieNotice a.cookieButton {
	background-color: #fff;
	padding: 5px 15px;
	float: right;
	color: #444;
	text-decoration: none;
	font-weight: bold;
	border-bottom:0px;
}
#cookieNotice a.cookieButton:hover {
	border-bottom:0px;
	background-color:#ccc;
	color:#990000;
}

.hide {
	display: none!important;
}
 @media screen and (max-device-width: 480px) {
	#cookieNotice {
		display: none;
	}
}
/* ---------------------------------------------------- */

.starthidden { display:none; }


#main-dead a[href]:hover, #main2col-dead a[href]:hover{
	border-bottom: 1px dotted #990000;
}

#main a.noBorder:hover, #main2col a.noBorder:hover {
	border: 0px hidden;
}

#main a.noBorder, #main img.noBorder, .noBorder, .tab a[href] {
	border: 0px hidden;
}

#main2col a.noBorder, #main2col img.noBorder, .noBorder, #main2col .tab a[href], 
#tabnav ul li {
	border: 0px hidden;
}

#sidebar a[target="_blank"].noBorder{
	background: url(/images/spacer.gif) center right no-repeat;
	padding-right: 0px;
}

#sidebar a.noBorder{
	background: url(/images/spacer.gif) center right no-repeat;
	padding-right: 0px;
}

a:visited, .secondary a:visited { 
	color: #3b5179; text-decoration: none; 
}

a:hover, .secondary a:hover {
	background-color: transparent;
	/*color: #990000; */
}


aside {
	max-width: 190px;
	min-width: 170px;
}


hr {	
	margin:0px;
}

/* button, input, select, textarea { font-size: 85%; margin: 0; vertical-align: middle; } */
/* textarea { font-size: 100%;} */

.bighead {
	font-size: 2.2em;
   	font-weight: bold;
   	line-height: 1.0em;
	margin-top: 5px;
}

h2 {
	font-size: 1.8em;
	margin: 1em 0 0.5em 0;
}
h3 {
	font-size: 1.2em;
	margin: 1em 0 0.5em 0;
}

h4 {
	font-size: 1.4rem;
	font-weight:bold;
	margin-bottom: 0px;
	padding-bottom:0px;
}

.nomargin {margin: 0 0 0 0}

.greyroundbox, .lightgreyroundbox {
	position: relative;
	margin: 1em;
	padding: 8px;
	background-color:#ddd;
	border: 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 6px -2px #bbb;
	-moz-box-shadow: 0 8px 6px -2px #bbb;
	box-shadow: 0 8px 6px -2px #bbb;
	/* behavior: url(/design/PIE.htc); */
}

.lightgreyroundbox {
	background-color:#eee;
}

@media only screen and (max-width: 650px) {
	.inlineImg_dead, .imageTextLink img, .column img, blockquote img, .highlight1 img, .highlight2 img, .LandingBox img, .inline_img{
		display: none;
	}
} 


/* ---------------------------------------------------- */
/* START OF Tabs										*/
/* ---------------------------------------------------- */

.tabWrapper{
	margin:0px; 
	padding:0px;
	border-bottom:1px #444 solid;	
}

.tabWrapper{
	margin:0px; 
	padding:0px;
	border-bottom:1px #444 solid;	
}
.tabWrapper img{
	float: right;
	margin: 0px 0px 20px 20px;	
}
.tabWrapper ul {
	padding:0;
	line-height:20px;
}
ul.tabNavigation {
	font-size:16px;
	list-style: none;
	margin: 0;
	padding-left:0px;
	padding-right:0px;	
	padding-bottom:0px;
	display:flex;
	flex-wrap:wrap;
}
ul.tabNavigation li {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 5px;	
	text-align: center;
}
ul.tabNavigation li a {
	height:20px;
	text-decoration:none; 
	padding:10px;
	border:1px #444 solid;
	background-color: #444;
	color:#fff;
}
ul.tabNavigation li a:hover, 
ul.tabNavigation li a:active {
	background-color: #0c746a; 
	color:#fff;
}
ul.tabNavigation li a.selected {
	background-color: #fff; 
	border-bottom:2px #fff solid;
	color:#444;
	outline:none!important;
}	


/* ---------------------------------------------------- */
/* END OF 										   Tabs */
/* ---------------------------------------------------- */

.prog ul.tabNavigation {
	border-bottom: 0;
	list-style: none outside none;
	margin: 20px 0;
}
.prog ul.tabNavigation li {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 14.25%;
	border: 1px solid #fff;
}
.prog ul.tabNavigation li a {
	background-color: #444;
	color: #fff;
	border: 0;
	display: block;
	height: 45px;
}
.prog ul.tabNavigation li a.selected {
	background-color: #E7EAF1;
	border: 0;
	color: #444;
}
.prog ul.tabNavigation li a:hover {
	background-color: #E7EAF1;
	border: 0;
	color: #880D36;
}
.prog ul.tabNavigation li a:focus {
	outline: 0 none;
}

.goog-te-menu-value, .goog-te-menu-value span {
    font-family: 'Source Sans Pro', sans-serif;
	color: #444;
}


.newform input[type='radio'], #newform input[type='checkbox']{opacity:0;position:absolute;filter:alpha(opacity=0);margin:5px 0 0 5px}
.newform input[type='radio']:focus+label, #newform input[type="checkbox"]:focus+label{color:#C30}
#newform input[type="checkbox"]+label, #newform input[type="radio"]+label{background:url('/images/wittysparks_checkbox_radio2.png') left top no-repeat;position:relative;margin:0;padding:0 0 0 50px;cursor:pointer;line-height:43px;min-height:43px;display:inline-block;z-index:0;font-size:30px;font-weight:bold}
#newform input[type="checkbox"]+label{background-position:0 0}
.newform input[type="radio"]+label{background-position:0 -200px}
#newform input[type='checkbox']:checked+label{background-position:0 -100px}
.newform input[type='radio']:checked+label{background-position:0 -300px}
#newform input[type='checkbox']:disabled+label{background-position:0 -400px;color:#999}
.newform input[type='radio']:disabled+label{background-position:0 -600px;color:#999} 
#newform input[type='checkbox']:disabled:checked+label{background-position:0 -500px;color:#999}
.newform input[type='radio']:disabled:checked+label{background-position:0 -700px;color:#999}


#clearing hr {
	border:#ccc 1px dotted;
}
#clearing .tHead {
	background:#ddeaf0;
}
#msci img {
	border:none;
}

@media only screen and (min-width: 320px) {
	.homepageBox img{
		display: none;
	}
	
	.prospective {
		padding: 3%;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin: 0 0 10px 0;
		background-color: #E9E3D8;
		width: 94%;
	}
	.prospective h2, .prospective h3 {
		margin: 0;
	}
	.prospective h3 {
		font-size: 1em;	
	}
	.prospective select {
		margin: 0;
		width: 85%;
	}
	.AutoIndexSlot{
		margin-top: 10px;	
	}
	.AutoIndexSlot form{
		display: inline-block;
		width: 100%;
	}
	.seminars {
		padding: 3%;
		margin: 20px 0;
		background: #e5ecf9;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		width: 94%;
		float: none;
	}
	.seminars h3 {
		margin: 0 0 10px 0;
	}
	.seminars iframe{
		width: 100%;
		display: none;
	}
	.viewlink {
		float: right;
		margin-top: -30px;
	}
}
@media only screen and (min-width: 650px) {
	.homepageBoxWrapper{
		overflow: auto;
	}
	.homepageBox{
		float: left;
		width: 48%;
		margin-right: 4%;	
	}
	.homepageBox img{
		display: block;
	}
	.second, .last{
		margin-right: 0;	
	}
	.prospective select{
		margin: 0;
		width: 90%;
	}
	.seminars iframe{
		display: block;	
	}
}


@media only screen and (min-width: 900px) {
	.prospective, .seminars {
		width: 55%;
	}
}

@media only screen and (min-width: 1215px) {
	.seminars {
		width: 94%;
	}
}



/* ------------------------------ */
/* 2013 relaunch styles */
#slideshow {
	width: 100%;
	display: block;
}
.newsSection #slideshow .flexslider{
	padding: 0;	
}
.LandingBoxes {
	margin-top: 0;
}
.content h1.overlay a{
	background-color: #6F809F;
	color: #fff;
	border-bottom: 0;	
	display: block;
	font-size: 0.6em;
	font-weight: normal;
	padding: 5px 15px;
	text-transform:uppercase;	
}
.content h1.overlay a:hover{
	color: #fff;
	border-bottom: 0;
	background-color: #444;
}

.bighead {padding:0px; margin:0px;}

.bighead a{
	background-color: #6F809F;
	color: #fff;
	border-bottom: 0;	
	display:block;
	font-size: 0.7em;
	font-weight: normal;
	padding: 5px 15px;
}
.bighead a:hover{
	color: #fff;
	border-bottom: 0;
	background-color: #444;
}

.newsSection {
	float: left;
}
.newsSection img {
	width: 100%;
}
.currentStaffStudents{
	clear: both;
	text-align: center;
}
#rssContent{
	margin-top: 10px;
}
.gf-author, .gf-spacer, .gf-relativePublishedDate{
	display: none!important;	
}
.gfc-resultsHeader {
	border-bottom: 0!important;
}
#rssContent .gfc-result .gf-title{
	height: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gf-snippet{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}
.currentStaffStudents ul, .announcements ul, .column ul{
	list-style: none;
	padding: 0;
}
.button2-old{
	font-size: 1em;
}
.extraBottomMargin{
	margin-bottom: 30px;	
}

.LandingBox li {
	margin: 0 10px 5px 0;
}
.announcements h2.block{
	display: none;
}

.eventsSection {
		margin: 20px 0;
}
		
@media screen and (min-width: 320px) {
	.LandingBox {
		padding-bottom: 0;
		margin-bottom: 0px;	
	}
	.content h1.overlay{
		margin: 0 0 10px;
	}
/*	.announcements{
		float: right;
		width: 100%;	
	}
*/	
	.newsSection, .eventsSection {
		margin: 20px 0;
	}
	.currentStaffStudents li{
		margin: 0 0 20px 0;
	}
}
@media screen and (min-width: 768px) {
	.content h1.overlay {
		margin: 0;
	}
	.currentStaffStudents li{
		display: inline-block;
		margin: 0 10px 20px 0;
	}
	.currentStaffStudents li.last{
		margin-right: 0;	
	}
}
@media screen and (min-width: 1024px) {
	.announcements{
		float: right;
		width: 32%;	
	}
	.newsSection, .eventsSection {
		margin: 0 2% 20px 0;
		width: 66%;
	}
	.content section .LandingBox img{
		margin: 0;	
	}
	
}

section.wide {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

.small {font-size:smaller }

.eventsbox {width:100%}

.button2{
/*	background: #6f809f; */
	padding: 5px 15px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:1px #999 solid!important;
	font-size: 1.2em;
	margin-bottom: 20px;
	min-width:4em;
    text-align: center;
}

.button2{
	display: inline-block;
}
.button2:hover{
	background: #c70151;
	color: #fff;
}
.button2:visited{
	color: #fff;	
}

.button2:hover, .programme-card:hover, .social-list__service-link:hover {transform: scale(0.98);}




#kcfinder_div {
    display: none;
    position:fixed;
	left:10%;
	top:10%;
    width: 80%;
    height: 80%;
    background: #e0dfde;
    border: 2px solid #3687e2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 1px;
}

.schoolTitle {font-weight:normal; font-size:2em;}

.searchSubmit {padding:5px; margin-top:5px}

  #toTop { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; bottom:10px; right:10px; cursor:pointer; display:none; color:#333;}
  
input {
    font-size: 0.9em;
}

select {
    font-size: 0.85em;
}


.logoImagePrint {display:none}
.printonly {display:none}

.qtip-content{
    font-size: 1.6em;
	line-height:1em;
}

#main .ckeditor a[href], #main .ckeditor a[href]:hover {
    border-bottom: 0;
}

textarea {min-height:1.6em; }


.margin10 {margin:10px}






/*
// caption.js styles
*/

/* Main */
.captionjs {
	line-height: 0;
	background-color:#fff;
	font-size:14px;
	color: #777;
	text-align:inherit;
}
.captionjs figcaption {
	line-height: 1.4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	-ms-box-sizing:     border-box;
	-o-box-sizing:      border-box;
	box-sizing:         border-box;
	width: 100%;
	padding:4px;
}
.captionjs.stacked,
.captionjs.animated,
.captionjs.hide {
	position: relative;
	overflow: hidden;
}
.captionjs.stacked figcaption,
.captionjs.animated figcaption,
.captionjs.hide figcaption {
	position: absolute;
}

/* Stacked mode */
.captionjs.stacked figcaption {
	bottom: 0;
}

/* Animated mode */
.captionjs.animated figcaption {
	-webkit-transition: 0.25s bottom;
	-moz-transition:    0.25s bottom;
	-ms-transition:     0.25s bottom;
	-o-transition:      0.25s bottom;
	transition:         0.25s bottom;
}
.captionjs.animated:hover figcaption {
	bottom: 0 !important;
}

/* Hide mode */
.captionjs.hide figcaption {
	-webkit-transition: 0.25s margin-bottom;
	-moz-transition:    0.25s margin-bottom;
	-ms-transition:     0.25s margin-bottom;
	-o-transition:      0.25s margin-bottom;
	transition:         0.25s margin-bottom;
}
.captionjs.hide:hover figcaption {
	margin-bottom: 0 !important;
}

#main {min-height: calc(100vh - 580px); };

.rotateleft {
	-ms-transform:rotate(270deg); /* IE 9 */
	-moz-transform:rotate(270deg); /* Firefox */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
	-o-transform:rotate(270deg); /* Opera */
}


/* MODULE CODOUR CODES */
.module_core {background-color:#FFFF99 }
.module_specialist {background-color:#99FF99 }
.module_practical {background-color:#D9D9D9 }
.module_legal {background-color:#FFCCFF }
.module_eecs {background-color:#C3C696}

.chinalogo {width:94px; height:94px; padding-left:20px;}

@media only screen and (min-width: 1160px)
{
	#chinaSidebar {
	    display: block;
    	padding: 2%;
	    float: right;
    	width: 30%;
	    margin: 0 0 5% 5%;
		border: 1px dashed #a1a1a1;
		max-width: 190px;
		min-width: 170px;
		margin-top:10px;
	}
	#chinaSidebar h2 {
		margin-top:10px;
	}
}


.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.imageFileUpload {
    position: relative;
    overflow: hidden;
	color: transparent;
}
.imageFileUpload input.imageUpload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.share {
	float: left;
	width: 100%;
	margin: 10px 0 20px
}
.shareButton {
	float: left;
	margin-right: 10px
}
.fb_iframe_widget {
	top: -7px
}

.tag a {
	padding-top:2px; 
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin-right:10px; 
	background-color:#1a428a;
	color:#fff;
	
}
.tag a:hover {
	background-color: #c70151;
}
.tag a[href], .tag a:visited, .tag a.selected:hover {
	color:#fff;
}
.tag a.selected {
	color:#444;
}

input[type=radio].css-checkbox, input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label {
	padding-left:25px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:20px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}

label.css-label {
	background-image:url(/images/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.number16 {font-size:16px;
	font-weight:bold;
	width:16px;
	height:16px;
	line-height:16px;
	margin:0px;
	padding-bottom:1px;	
	text-align:center;
	display:inline-block;
	background-color:#fff;
	border:1px #444 solid;
	border-radius:8px;
}

.number20 {font-size:20px;
	font-weight:bold;
	width:20px;
	height:20px;
	line-height:20px;
	margin:0px;
	padding:2px;	
	text-align:center;
	display:inline-block;
	background-color:#fff;
	border:1px #444 solid;
	border-radius:8px;
}

/* This targets IE11, Edge etc */
@media screen and (-ms-high-contrast: none) {
ul.tabNavigation {
    height: 30px;
}
body {
    font-size: 0.8em;
}
}

.ui-widget {
    /* font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; */
    font-size: 1.2em;
}

.cookiesTable {border-top:1px #ccc solid; border-left:1px #ccc solid}
.cookiesTable td {text-align:left; vertical-align:top; background-color:#fff; padding:5px; 
	border-bottom:1px #ccc solid; border-right:1px #ccc solid; }

.max780 {max-width:780px!important}

.centre-crop {object-fit: cover}

.white {color:#ffffff} 



.LandingBox4 {
    float: left;
    width: 23.5%;
    background: #e7eaf1;
    margin-right: 2%;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

@media screen and (min-width:200px) {
.LandingBox4 {
    width: 100%;
}



@media only screen and (min-width:850px) {
.LandingBox4 {
    width: 23.5%;
    margin-right: 2%}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
.LandingBox4 {
    width: 23.5%;
    margin-right: 2%}
}

.doibadge {
	vertical-align:text-bottom;
	height:20px;
	border: 0px hidden;
	display:inline-block;
}

.doiword {
	 border-bottom:0px; 
	 text-decoration:none; 
	 border-top-left-radius:4px; 
	 border-bottom-left-radius:4px; 
	 display:inline; 
	 background-color:#565656;
	 background-color:#fff; 
	 color:#444; 
	 font-size:14px; 
	 padding:0px; 
	 padding-left:4px; 
	 padding-right:4px; 
	 margin:0px;
	 border: solid 1px #0D3273; 
}
.doiref {
	border-top-right-radius:4px; 
	border-bottom-right-radius:4px;
	display:inline; 
	background-color:#0D3273; 
		/* background-color:#4E6A7A; */	
	color:#fff; 
	font-size:14px; 
	padding:1px; 
	padding-left:4px; 
	padding-right:4px; 
	margin:0px;"
}
.doiref:hover, .doiword:hover {
	background-color:#0c746a;
	background-color:#cea600;
	color:#fff; 
}
.doiword:hover {
	background-color:#0c746a;
	background-color:#cea600;
	border-color:#cea600;
	color:#fff; 
}

.abstractbutton {
	border-radius:4px; 
	display:inline; 
	background-color:#0D3273; 
	color:#fff; 
	font-size:14px; 
	padding:1px; 
	padding-left:4px; 
	padding-right:4px; 
	margin:0px;
}
.abstractbutton:hover {
	background-color:#0c746a; 
	color:#fff;
	background-color:#cea600;
}

#survey .switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 30px;
}

#survey .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

#survey .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
}

#survey .slider.red {background-color:#990000}

#survey .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .3s;
  transition: .3s;
}

#survey input:checked + .slider {
  background-color: #0c746a;
}

#survey input:focus + .slider {
  box-shadow: 0 0 1px #0c746a;
}

#survey input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#survey .slider.round {
  border-radius: 30px;
}

#survey .slider.round:before {
  border-radius: 50%;
}

#leftMenu ul {  border-bottom:#0D3273 1px solid; color:#0D3273; border-top: #ccc 1px solid; }
#leftMenu p {padding-top:10px; margin-top:0px; margin-bottom:0px; padding-bottom:4px; padding-left:10px; background-color:#fff; font-weight:bold; font-size:125%; line-height:188%;color:#0D3273;}



#main .row {
	overflow:hidden;
	margin-bottom:16px;
}

#main .row:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom:0px;
}

#main .column50 {
  float: left;
  width: 50%;
}

#main .column33 {
  float: left;
  width: 33%;
}

@media screen and (max-width: 650px) {
  #main .column50 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #main .column33 {
    width: 100%;
  }
}

.no-underline-link {
	text-decoration:none!important;
}



.programme-card-container {
	margin:20px;
	padding:0px;
	padding-bottom:500px; margin-bottom:-500px;
}

.programme-card-container:hover {
	cursor:pointer;
}
.programme-card-container-no-hover:hover {
	cursor:inherit;
	background-color:#f6f6f6;
}
.programme-card-container-no-hover a {
	cursor:pointer;
}
.programme-card-no-hover a {
	cursor:pointer;
}

@media screen and (max-width: 650px) {
	.programme-card-container {
		min-height:100px;
		padding-bottom:0px; margin-bottom:0px;
	}
	#main .row {
		overflow:hidden;
		margin-bottom:0px;
	}
}

.programme-card {
	padding:15px; 
	border:2px solid #aaa; 
	background-color:#f6f6f6;
}
.programme-card:hover {border:2px solid #cea600; background-color:#eee}
.programme-card-no-hover:hover {border:2px solid #aaa}


.programme-card h2 {
	color: #0c746a!important;
	font-size:1.4em;
	font-weight:bold; 
	padding:0px; 
	margin:0px;
	margin-bottom:10px;
/*	min-height:60px; */
	line-height:1em;
	text-decoration:none!important;
}
.programme-card h2 a {text-decoration:none!important;}

.programme-card-content img {
	width:auto;
}

.programme-card-content p {
	margin:0; padding:0;
}

.h2home {margin-top:0px}

.goodentry {border-color:#009900; border-width:2px; border-style:solid; background-color: #D4F7D4;}
.badentry {border-color:#990000; border-width:2px; border-style:solid; background-color:#FFF0F0;}
.noentry {border-color:#ccc; border-width:2px; border-style:solid; background-color:#fff;}

.hidethis {display:none}
.showthis {display:inherit}


.lightyellowbox { text-align:center; background-color:#FFFFB3; border:#444 solid 1px; padding:20px; margin-top:20px; margin-bottom:20px; }



table.responsive {
            /* width: 100%; */
        }
        table.responsive td .label {
            display: none;
        }

        table.responsive th {
            background-color: #ddd;
        }

        table.second {
            margin-top: 5em;
        }

        @media screen and (max-width:640px) {
            table.responsive thead {
                display: none;
            }
            table.responsive tbody th,
            table.responsive tbody td {
                display: block;
            }

            table.responsive.first td span {
                display: block;
            }
            table.responsive.first td .label {
                background-color: #ddd;
                font-weight: bold;
                text-align: center;
            }

            table.responsive.second th {
                margin-top: 0.5em;
            }

            table.responsive.second td {
                border-bottom: 1px #ccc solid;
            }

            table.responsive.second td .label {
                display: inline-block;
            }
            table.responsive.second td .data {
                float: right;
                font-weight: bold;
            }
        }
		
.deptSearch {
	display:none;
	z-index:100;
	position:absolute;
	margin-top:0px;
	top:4px;
	right:0px;
	text-align:right;
}
.searchicon {
	margin-top:22px;
    height: 26px;
    width: 26px;
    fill: #fff;
}
.searchicon:hover {
    fill: #cea600;
	cursor:pointer;
}

#cse-search-box {
	background-color:#0d3273;
	padding-left:12px;
	padding-bottom:12px;
	padding-top:12px;
}	

.mobileNav {
    margin-top: 12px
}