/*---------------------------------------------------------------------
 * Colour schemes for departmental variations.
 *--------------------------------------------------------------------*/

@import url("white.css");
@import url("white_img.css");


/*---------------------------------------------------------------------
 * STUFF IN HEAD OF PAGE COMES FIRST
 *--------------------------------------------------------------------*/

/*---------------------------------------------------------------------
 * LOGO
 *--------------------------------------------------------------------*/


/* overridden in colour style sheets */
body #logo, body #logo a {
	background-image:url("logo-wblack-181x58.gif");
	float:right;
	height:66px;
	width:180px;
}


/*---------------------------------------------------------------------
 * TEXT SIZE SELECTOR
 *--------------------------------------------------------------------*/
ul#textChange
{
	font-size: 0.9em;
	margin: 0;
	float: right;
}

ul#textChange li
{
	list-style: none;
	margin: 0 0 3px 0;
}

ul#textChange li a
{
	text-decoration: none;
	margin: 0px 1px;
}

ul#textChange li#skip
{
	display:none;
}
ul#jump, li#skip
{
	display:none;
	margin:0 !important;
	padding:0 !important;
}
ul#textChange li a.med
{
	font-size: 1.3em;
}

ul#textChange li a.lar
{
	font-size: 1.5em;
	position: relative;
	top: 1px;
}

ul#textChange li a.contrast
{
	color:#FFFFFF;
	background-color:#000000;
	padding: 2px;
	position: relative;
	top: -3px;
}
ul#textChange li a.contrast:hover
{
	color:#000;
	background-color:#fff;
}

#sitesearch
{
float:right;
}

#sitesearch .sitesearch_field
{
	margin: 0 0 0 0px;
	padding: 0;
	font-size: 0.9em;
  	float: left;
	width: 110px;
}

.sitesearch_btn
{
	width: 56px;
	height: 15px;
	padding: 15px 0 0;
	margin: 0;
	border: 0 !important;
	font-size:0.1em;
	line-height:1000em;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	/* cursor: hand; */ /* for IE 5.x */
}
/*---------------------------------------------------------------------
 * BREADCRUMBS
 *--------------------------------------------------------------------*/

#crumbtrail, .crumbtrail
{
	color: #d0d0d0;
	margin: 0 0 15px 0;
	/*padding: 8px 12px;
	background: #f2f2f2;
	background: #fff;
	background: transparent;
	text-indent: -1em;
	margin-left: 1em;*/
}
#crumbtrailTabs
{
	color: #d0d0d0;
	margin:10px 0;
}

body #crumbtrail a, body .crumbtrail a, #crumbtrailTabs a
{
 	color: #a8a8a8;
	text-decoration:none;
	white-space: nowrap;
	line-height: 1.5em;
}

#crumbtrail a:hover, .crumbtrail a:hover, #crumbtrailTabs a:hover
{
	color: #696969;
	border-bottom: 1px dotted #bbb;
}
/*--------------------------------------------------------------------*/
/*.box
{
	padding: 8px 12px;
}*/
.boxout, .message
{
	clear: both;
        background: #eee;
        border: 1px solid #d1d1d1;
        padding: 1em;
        margin: 1em 0;
	position: relative;

	/* annoying stacking behaviour -- needed
	 * due to relative positioning hack for IE6 'peek-a-boo' display bugs */
	z-index: 5;
}
/*---------------------------------------------------------------------
 * start of migration
 *--------------------------------------------------------------------*/

/*---------------------------------------------------------------------
 * STANDARD COLUMNS
 *--------------------------------------------------------------------*/

.two_col_gold {
	width: 310px;
	margin: 4px 0 8px 8px;
}


.two_col_l {
	/*width: 365px;
	margin: 0 0 10px 0;*/
	width: 48%;
	
}

.two_col_r {
	/*width: 365px;*/
	margin-left: 20px;
	width: 48%;

}


.old .two_col_r {
	/*width: 371px;
	margin: 0 0 10px 20px;*/
	/* removed because putting out the two col template
	padding:10px; */
	width: 48%;
	padding-left:20px;
}

.two_col_l_prospectus {
	width: 300px;
	margin: 0 0 10px 0;
}

.two_col_r_prospectus {
	width: 420px;
	margin: 0 0 10px 10px;
	padding:10px;
}



.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.light {
	color: #999;
}

.service-status .standardlist {
	color: inherit;
}

/* Clearing styles */

.standardlist {
/*background-color:#999999;*/
padding:10px;
color:#FFFFFF;
/*font-size:larger;*/
}
.greybg1 {
background-color:	#999;
padding:10px;
color:#FFFFFF;
margin-top:10px;
}

.greybg2 {
background-color:#666666;
padding:10px;
color:#FFFFFF;
margin-top:10px;
}

.greybg3 {
background-color:#8b8b8b;
padding:10px;
color:#FFFFFF;
margin-top:10px;
}
.greybg1 img, .greybg2 img, .greybg3 img {
max-width:320px !important;
margin:-10px 0 10px -10px !important;
}
.greybg1 a, .greybg2 a, .greybg3 a {
color:#FFFFFF !important;
}
.greybg2 h3 {
	color:inherit;
	margin:10px 0;
}
.greybg2 img {
margin: 0 0 10px 0 !important;
}

/*---------------------------------------------------------------------
 * standardlist
 *--------------------------------------------------------------------*/

.standardlist {
	padding:5px;
}
.standardlist.floatright {
	width:50%;
}
.standardlist li {
 	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 15px;
	list-style: none;
	margin:0;
	background-image:url(/static/images/grey/arrow_icon_standard.gif);
}
.list-pair
{
	width: 100%;
}
/*---------------------------------------------------------------------
 * gbox
 *--------------------------------------------------------------------*/
.gbox {
	padding: 10px;
	margin: 8px 2px 14px;
	border: 1px solid #fff;
	clear: both;
	display: block;
	position: relative;
}

.gbox a {
	text-decoration: none;
}

.gbox a.underline {
	text-decoration: underline;
}

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

body .gbox_grey h3 {
	background: url("../../static/images/greyBox.gif") #e0e0e0 left no-repeat;
	color: #909090;
	border-bottom:none;
}

.gbox_grey {
	background-color: #f2f2f2;
	border:1px solid #E0E0E0;
}

.gbox_grey .standardlist a {
	color: #6B7189;
}

.gwc-gbox {
	padding: 10px;
	margin: 0 0 10px 10px;
	border: 1px solid #d4d4d4;
	clear: both;
	display: block;
	position: relative;
	width:250px;
	max-width:250px;
	float:right;
	background: -moz-linear-gradient(bottom, #e1e1e1, #f9f9f9);
	background: -webkit-gradient(linear, center bottom, center top, from(#e1e1e1), to(#f9f9f9));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9f9f9', endColorstr='#e1e1e1'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9f9f9', endColorstr='#e1e1e1')"; /* IE8 */
    -moz-box-shadow: 5px 5px 10px #eaeaea;
	-webkit-box-shadow: 5px 5px 10px #eaeaea;	
}


.gwc-gbox_no_width {
	padding: 10px;
	margin: 0 0 10px 10px;
}


.gwc-gbox h3
{
	margin: -11px -10px 10px -10px;
	padding:3px 3px 3px 23px;
	font-weight:500;
	/*font-size:100%;*/
	font-size:inherit !important;
	background:url("../../static/images/greyBox.gif") no-repeat scroll left center #E0E0E0;
	color:#626262 !important;
}

.gwc-gbox_no_width h3
{

}



.gbox_pale, .gbox_latest
{
	background-color: #f8f2f0;
	border-color: #f3e9d8;
}

.gbox_pale h3, .gbox_latest h3
{
	background-color: #f3e9d8;
	color:#927340;
}

.gbox_pale .event_date
{
	color: #797470;
}

.gbox h3
{
	margin: -11px -10px 10px -10px;
	background: transparent url("../../static/images/g.gif") top left no-repeat;
	padding:3px 3px 3px 23px;
	font-weight:normal;
	font-size:92.5%;
	position: relative;
	border-bottom:none;
	line-height: 11px;
}

.imageandCaption 
{
	float:right;
	padding:0 0 20px 20px;
	max-width:250px;
}

.imageandCaption img, .imageandCaptionLeft img
{
	max-width:250px !important;
}

.imageCaption
{
	font-size: 95%;
	color: #888;
	padding:8px 0 0 0;
}
.boxout, .message
{
	clear: both;
        background: #eee;
        border: 1px solid #d1d1d1;
        padding: 1em;
        margin: 1em 0;
	position: relative;

	/* annoying stacking behaviour -- needed
	 * due to relative positioning hack for IE6 'peek-a-boo' display bugs */
	z-index: 5;
}

.more, .gbox .more
{
	clear: both;
	margin-top: 12px;
	text-align: right;
	font-size: 95%;
	position: relative;
}

/*
 * video widget
 */


div.video-player img {width:100%;}


.video_container a {
	text-decoration:none;
}

.video_container a:hover {
	text-decoration:none;
	color: #000;
}

.video_caption {
	width: 300px;
	display: block;
}

.sc_menu .video_caption {
	width: 0px;
}

/*---------------------------------------------------------------------
 * PHOTO GALLERY CLASSES
 *--------------------------------------------------------------------*/
.photogallery { 
 float: left; 
 display: block; 
 width: 150px; 
 clear: none; 
 height: 100px; 
 padding:3px 0 6px 9px; 
} 

.photo span { 
 clear: left; 
} 
/*.gallery_big { 
 width: 600px; 
} 
*/
.back
{
	margin-top: 12px;
	text-align: right;
	font-size: 95%;
}

.photogalleryThumbs { 
	float: left; 
	display: block; 
	clear: none; 
	padding: 1px 0px 5px 10px; 
} 

.photogalleryBordered
{
	border: 1px solid #ccc;
	background: #eee;
	margin: 12px 0 0px 12px;
}
 
.caption
{
	font-size: 95%;
	color: #888;
}
/*---------------------------------------------------------------------
 * Prospectus Information
 *--------------------------------------------------------------------*/

.courseDetail {
	/*border-bottom:1px dashed #999999;*/
	padding:10px;
	line-height: 1.4em;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#c6c6c6;
}
/*.courseDetail, .courseDetail p {
	font-size: 105% !important;
}
*/
.validation {
padding:20px 0 20px 0;
font-weight:bold;
}

.studentQuote {
	/* margin:10px 0 0px; */
	/* border-bottom: 1px dashed #bbb; */
	background: #eaeaea;
	padding-bottom: 1px;
	max-width:300px;
}
.studentQuote img {
	width:100%;
	
}
.quoteText {
	font-size: 120%;
	margin: 5px 10px 5px;
}
.prospectus_intro
{
	font-size: 115%;
	color: #888;
	border-bottom: 1px dashed #bbb;
}
.studentQuote p
{
	margin: 5px 10px 5px;
	color: #999;
}
/*--------------------------------------------------------------------*/

.threeCol1 {	
	width: 190px;
	float: left;
}

.threeCol2, .threeCol3 {
	width: 190px;
	float: left;
	margin-left: 20px;
}

/*---- 960 three col -----*/

.grid_10 .threeCol1 {	
	width: 246px;
	float: left;
}

.grid_10 .threeCol2, .grid_10 .threeCol3 {
	width: 246px;
	float: left;
	margin-left: 20px;
}


.gbox_links
{
	background-color: #ede5d6;
	border-color: #e2dbcb;
	color: #7b5f31;
}

.gbox_links h3
{
	background-color: #e4d8c3;
	color:#927340 !important;
}
/*-------------------------
/* Live stream 
 *-------------------------*/
.upcomingImage {
	float:left;
	margin-right:10px;
	/*border:#999999 1px solid;*/
}

.upcomingText {
margin-right:10px;
}
.newsImage {
	float:right;
	padding:0 0 10px 10px;
	border:none;
}
/*---------------------------------------------------------------------
 *  A week with the Warden - maybe only archived material
 *--------------------------------------------------------------------*/
a.wardensWeek {
	text-decoration: none;
	
}

a.wardensWeek:hover {
	position: relative;
	text-decoration: none;
	z-index: 1;
}

a.wardensWeek div {
	display: none;
}

 a.wardensWeek:hover div {
	display: block;
	position: relative;
	width:270px;
   	padding: 5px; 
	margin-top: 10px;
   	background: #f0f0f0; 
	border: 1px dotted #c0c0c0;
	opacity: 0.9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none !important;
}
/* Student Services bulletin */

body#student-services .column1 {float: left; width: 200px; max-width:200px;}
body#student-services .column2 {float: left;  margin-left:10px;}

body#student-services .item {
border:solid 1px #e0e0e0;
background: #f6f6f6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f0f0f0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f6f6f6,  #f0f0f0); /* for firefox 3.6+ */ 
padding:15px;
margin:0 10px 10px 10px;
}

body#student-services .item h2 {
font-size:1.8em;
font-family:'Waiting for the Sunrise', serif;
margin:0 0 5px 0px !important;
padding:6px 0 10px 10px; 
/*color : #5a5a5a;*/
border-bottom:solid 1px #999999;
border-right:solid 1px #999999;
background-color:#dcdddc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#dcdddc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#dcdddc)); /* for webkit browsers */
background: -moz-linear-gradient(left,  #c3c3c3,  #dcdddc); /* for firefox 3.6+ */ 
}

body#student-services .date {
font-size:12px;
font-style:italic;
font-family : arial;
color : #a2a2a2;
margin-bottom:5px;
}

body#student-services .resize img {
width: 200px;
max-width:200px;
height : auto;
border:solid 1px #666;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9db0c3', endColorstr='#d8ebfd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9db0c3), to(#d8ebfd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #9db0c3,  #d8ebfd); /* for firefox 3.6+ */ 
-moz-box-shadow: 5px 5px 10px #bfbfbf;
-webkit-box-shadow: 5px 5px 10px #bfbfbf;
}
/*---------------------------------------------------------------------
 * EVENTS CALENDAR WIDGET
 *--------------------------------------------------------------------*/

ul.events_list
{
	margin: 5px 0 10px !important;
	padding: 0;
}

.event_date
{
	display: block;
	font-weight: bold;
	font-size: 95%;
	margin: 10px 0 0;
}

/*#content ul.events_list li*/
ul.events_list li 
{
	margin-left: 0px;
	margin-bottom: 1.0em;
	padding: 0;
	list-style-type:none;
}

ul.events_list li a
{
	text-decoration: none;
}

.calendar
{
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
}

.calendar td
{
	vertical-align: top;
	height: 80px;
	width: 85px;
	color: #aa9;
	padding: 0px;
	border: 1px solid #ccb;
	border: 1px solid #e0d0c8;
}

.calendar td a
{
	text-decoration: none;
	color: inherit;
}


.calendar th
{
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	text-transform: lowercase;
	color: #bbb;
	background: #f0f0f0;
	padding: 5px 0;
}

.calendar .day_spacer
{
	background: #f0f0f0;
	border: none;
}

.calendar .day_empty
{
	background: #F3E9D8;
}
.calendar .day_today
{
	background: #eadac5;
	background: #d0e0e8;
	border: 1px solid #bcd;
}
.calendar .day_number
{
	background: #e0d8c8;

	padding: 1px 2px;
	font-size: 9px;
	text-align: center;
	width: 16px;
}
.calendar .day_full .day_number
{
	background: #eee;
}
.calendar .day_today .day_number
{
	background: #d0c8b8;
	background: #b0c8d8;
	font-weight: bold;
	color: #789;
}
.calendar .day_event
{
	padding: 4px;
	font-size: 85%;
	font-size: 9px;
	line-height: 1.2em;
	color: #665;
}

.calendar .day_event_alt a
{
	color: #888 !important;
}

.calendar_nav
{
	margin: 0.5em 1em 1em;
	position: relative;
}

.calendar_nav_prev
{
	display: inline;
	padding-right: 5px;
	border-right: 1px dotted #aaa;
}

.calendar_nav_next
{
	padding-left: 5px;
	display: inline;
}

.calendar_stages 
{
	padding: 4px 2px 12px;
}

.calendar_stages span
{
	background: #F3E9D8;
	padding: 4px 12px;
	margin: 0 4px;
}

.calendar_stages span.active
{
	background: #d0e0e8;
}

.calendar_event_date
{
	margin: 0 2em 0.5em;
}

.calendar_event_more
{
	color: #999 !important;
}

.calendar_search_box
{
	float: right;
	text-align: right;
	position: relative;
	top: -16px;
	padding-right: 5px;
	line-height: 1.6em;
}

.calendar_image
{
	background: #fff;
	border: 1px solid #d1d1d1;
	padding: 0.5em;
	float: right;
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 1.0em;

	position: relative;
}

.calendar_image .caption
{
	font-size: 9px;
	color: #888;
	margin-top: 3px;
	text-align: center;
}

.calendar_image .caption a
{

	color: #888;
}

.calendar_image .date
{
	color: #bbb;
	font-style: italic;
}

.light, .light *
{
	color: #666;
}

th
{
	white-space: nowrap;
}

td.submit
{
	text-align: right;
}

.req
{
	font-size: 14px;
        color: #c20;
        padding-right: 4px;
	font-weight: normal;
	font-family: "lucida sans unicode", verdana, sans-serif;
}

.admin_controls label
{
	padding: 3px;
	border: 1px solid transparent;
}

.admin_controls label:hover {
        background: #ddd;
	border: 1px solid #ccc;
}

.eventswidget {
	padding:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEF3DF', endColorstr='#FFFBF4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FEF3DF), to(#FFFBF4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FEF3DF,  #FFFBF4); /* for firefox 3.6+ */ 
	-moz-box-shadow: 2px 2px 5px #dbdbdb;
	-webkit-box-shadow: 2px 2px 5px #dbdbdb;
	box-shadow: inset 0px 0px 5px #e4d6be;
   -o-box-shadow: inset 0px 0px 5px #e4d6be;
   -webkit-box-shadow: inset 0px 0px 5px #e4d6be;
   -moz-box-shadow: inset 0px 0px 5px #e4d6be;
	/*border-radius:10px;*/
}
/*---------------------------------------------------------------------
 * TABLES
 * 
 *--------------------------------------------------------------------*/
td, th {
	padding: 3px 4px;
	padding: 4px 5px;
}
/*
 * Default to faint borders around tables, which can be overridden.
 *--------------------------------------------------------------------*/

table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 1em 0;
}

td, th {
	border: 1px dotted #ccc;
}

td {
	vertical-align: top;
}

th {
	background: #f0f0f0;
}

table td.header h3 {
	margin: 0.5em 0.5em;
}

table.homepage {
	border:1px solid #F3E9D8;
	border-collapse:collapse;
	background-color:#FFFFFF;
	width:195px;
	margin:0 !important;
}

table.homepage td {
	vertical-align: top;
	padding-bottom: 0.5em;
}

/*
 * table.left: table with headers on the left-hand side
 *-------------------------------------------------------*/
table.left th, table.left td {
	padding: 6px 8px;
}

table.left th {
	text-align: right;
	vertical-align: top;
	padding-left: 12px;
}

table.borderless, table.borderless td, table.borderless th {
	border: none;
}

table.padded td, table.padded th {
	padding: 12px;
}

.enquireButton {
	margin:10px 0 20px; 0;
}

.enquireButton p {
   background-color: #cd9933;
   padding: 5px 30px;
   text-align:center;
   font-size:larger;
   line-height:50px;
}
.enquireButton a {
	text-decoration:none!important;  
	   color: #fff!important;
	   border-bottom:none;
}
.enquireButton p a:hover {
	text-decoration:none!important;
	border-bottom:none;  
}
.enquireButton p:hover {
   background-color: #7e7b76;
      color: #fff!important;
	  border-bottom:none;
}
.enquireButton {
	margin:10px 0 20px; 0;
}

.informationButton p {
   background-color: #797a7e;
   padding: 5px 30px;
   text-align:center;
   font-size:larger;
}
.informationButton a {
	text-decoration:none!important;  
	   color: #fff!important;
	   border-bottom:none;
}
.informationButton p a:hover {
	text-decoration:none!important;
	border-bottom:none;  
}
.informationButton p:hover {
   background-color: #636364;
      color: #fff!important;
	  border-bottom:none;
}
.prospectusButton p {
	margin:0; 
	background-color: #B3965E;
}
.prospectusButtonsBox {
	margin-top: 20px;
	padding:20px 10px; 
	border:1px solid #c6c6c6;
}
.prospectusButtonsBox h2 {
	border: none;
	padding: 0;
}
.enquireButton.prospectusButton {
	margin: 0 0 10px 0;
}
.informationButton.prospectusButton {
	margin:20px 0 0 0;
}

.fancy-thumb {
	display:inline;
}

.fancy-thumb img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 0px 0px 10px 10px;
	display:inline;
	vertical-align: top;
}

.SILcourse {
	
	padding-bottom:10px;
}

/* For css only role over text show effect. Removed from original departments design */
/*.quoteRoll {
	position:relative;

}
.quoteRoll img {
	float:left;
}
.quoteRoll a:hover {
	text-decoration:none;
	cursor:default;
}
.quoteRollText {
		display:none;
		font-size:1.2em;
		font-weight:bold;
		position:absolute;
		bottom:-250px;
		right:0px;
		background:#F2FEFF;
		padding:10px;
		max-width:450px;
		width:450px;
		border:solid 2px #00799C;
		color:#00799C;
		
}
.quoteRollText p {
	color:#00799C !important;
}
.quoteRoll a:hover .quoteRollText {
	display:inline;
}*/

/* For Courses tab in the UG, PG and SA prospectus */	
.coursesTable {	
	background-color:#FFFFFF;
	width:100%;
	margin:0 !important;
	border-bottom:1px solid #ACACAC !important;
}
.coursesTable th {
	text-align:left;
	border:1px solid #ACACAC !important;
	border-collapse:collapse !important;
}
.coursesTable td {	
	padding:4px !important;
	border-collapse:collapse !important;
	border-left:1px solid #ACACAC !important;
	border-right:1px solid #ACACAC !important;
}
/*
 * widget JQuery slideshow
 *-------------------------------------------------------*/
#slideshow {
    position:relative;
    overflow: hidden;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

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

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

#slideshow-parent {
    position: relative;
}

#slideshow-parent span {
    position:absolute;
    left:12px;
    z-index:15;
    font-face: Gotham, Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: white;
	background:#ffffff;
	color: #636363;
	padding:6px;
	left:0;
}
/*---------------------------------------------------------------------
 * Staff profiles
 *--------------------------------------------------------------------*/

.staffPhoto 
{	
	width:210px;
	max-width:210px;
	/*padding:0 20px 20px 0;*/
	float:left;
	margin-right:10px;
}

.staffPhoto img
{
	/*width:160px;*/
	max-width:200px;
}

.staffDetailsCol
{
	width:250px;
	max-width:250px;
	float:left;
	margin-right:10px;	
	overflow:hidden;
		
}


/*---------------------------------------------------------------------
 * Big form styles for nice chunky forms
 * just make sure you put class 'bigform' into the form tag
 * i.e. <form class="bigform">
 *--------------------------------------------------------------------*/


.bigform input, .bigform textarea {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #F0F0F0;
	}


.bigform input.long {
	width: 430px;	
}

.bigformlong {
	width: 430px;	
}



.bigform textarea {
	width: 430px;
	max-width: 430px;
	height: 150px;
	line-height: 150%;
	}

.bigform input:hover, textarea:hover,
.bigform input:focus, textarea:focus {
	border-color: #C9C9C9;
	}

.bigform label {
/*	margin-left: 10px; */
	color: #555;
	}

.bigform .submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	}



.bigform fieldset
{
	display: inline-block;
	margin: 0 0 3em 1em;
	padding: 1em 1em 1em 1em;
    border: 2px solid #f0f0f0;
	*width:600px; 
}

.bigform fieldset legend
{
	font-size: 14px;
}

.bigform select { 
	border:0; 
	color:#999; 
	background:transparent;
	font-size:14px; 
	font-weight:bold; 
	padding:2px 10px; 
	width:248px;
	*width:220px; 
	*background:#fff; 
	-webkit-appearance: none; 
}

.bigform .select_wrapper { 
	border: 1px solid #999;
	overflow:hidden; 
	width:220px;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	border-radius: 9px 9px 9px 9px;
	box-shadow: 1px 1px 11px #fff;
	background: url("images/big_form_select_arrow.gif") no-repeat scroll 184px 0px #fff;
	margin-bottom:1em; 
}

.bigform input[type=checkbox] {
	width: auto;
	
}


.bigform p.field_block {
	margin: 0 5px;
	color: #555;
}

.bigform .rightcol {
	float: right;
}



.bigform .leftcol {
	clear: both;
	float: left;
}

.bigform ul{margin-bottom: 0px; color: #555;}


.bigform .ui-widget ul{margin-bottom: 0px; color: #FFF; margin-bottom:0.5em;}


.bigform th {
    background: none repeat scroll 0 0 #FFFFFF !important;
}


.bigform .speaker {
    border: 1px solid #555;
    padding: 4px;
}

.bigform .hand {
	cursor: pointer;
}


/*---------------------------------------------------------------------
 * Showcase - currently on computing homepage
 *--------------------------------------------------------------------*/

#double_showcase_container .showcase  {
	overflow: hidden;
	padding: 0px;
	height: 230px;
	width: 385px;
}

.showcase {
 	width: 390px; /* should put this in a grid... */
    position:relative;
}
 
.showcase span {
    position:absolute;
	top: 0px;
    left:0px;
    z-index:15;
    font-face: Gotham, Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: white;
	padding:6px;
}



/*---------------------------------------------------------------------
 * ims custom styles
 *--------------------------------------------------------------------*/
body#ims a.buttonLink {
	display: block;	
	background: #706862;
	width: 383px;
 	border: 1px solid;
	padding: 5px 0 5px 0;
}

body#ims a.buttonLink:hover {
  text-decoration:underline;	
}

body#ims .bar {
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;
    margin-top: -2px;
	padding: 0 0 0 0;
    text-align: center;
}

body#ims {
	color: #706862;
	background: #F2EBE1;
}

body#ims #logo, body #logo a {
    background-image: url("/static/images/dark-grey/logo.gif");
    float: right;
    height: 66px;
    width: 180px;
}

body#ims .rightnav {
    background: #706862;
}


body#ims .rightnav li a, body#ims .rightnav p a, body#ims .rightnav li {
    border-bottom: medium none;
    color: #FFF;
    text-decoration: none;
}


body#ims .rightnav li:hover a {
    color: #cccccc;

}



body#ims h3 {
    color: #706862;
}


body#ims .gbox_pale h3, body#ims .gbox_links h3, body#ims .gbox_latest h3, body#ims .gbox_grey h3 {
    background: none;
	background-color: #F8F5F0 !important;
    border-bottom: medium none;
    font-size: 100%;
    font-weight: normal;
    line-height: auto;
    margin: 0;
    padding: 0;
    position: relative;
	    color: #706862 !important;
}



body#ims .gbox_links {
    color: #706862;
}

body#ims .gbox_pale, body#ims .gbox_latest, body#ims .gbox, body#ims .gbox_grey {
    background-color: #F8F5F0;
    border-color: #F3E9D8;
}

body#ims .search_btn {
    background: none repeat scroll 0 0 #706862;
}

body#ims .searchArea .sitesearch_field {
    background-color: #F8F5F0;
}

body#ims h1 {
 
	color: #706862;
}


body#ims h2 {
    border-bottom: none;
	font-size: 24px;
	color: #706862;
    padding-bottom: 0;
	margin-bottom: 0;
}

body#ims h4#subhead {
	font-size: 20px;
	color: #706862;
	margin: 0;
	margin-bottom: 1em;
	font-weight: 100;
	font-style:italic;
}

body#ims h4 {

	color: #706862;

}

body#ims h3 {

	color: #706862;

}


body#ims h3.twitter_title a{

	color: #706862;

}



/*---------------------------------------------------------------------
 * computing custom styles
 *--------------------------------------------------------------------*/

.computing span#department_title {
	width: 774px;
	top: 9px;
	font-size: 25px;
	font-weight: 600;
}

.computing span#news {
    margin-left: 801px;
	width: 132px;
	top: 9px;
}

#double_showcase_container img {
	margin-top: 36px;
}

.computing span.caption {
    position:absolute;
	top: 0px;
    left:0px;
    z-index:15;
    font-face: Gotham, Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: white;
	background:	none repeat scroll 0 0 #979797;
	padding:5px 0 0 6px;
	display: block;
	width: 100%;
	text-align: left;

}

body#computing a.buttonLink {
	display: block;	
	background: #777777;
	width: 383px;
 	border: 1px solid;
	padding: 5px 0 5px 0;
}

body#computing a.buttonLink:hover {
	background: #fff;
	border: 1px solid #777;
}



body#computing.grey .bar {
	background: none repeat scroll 0 0 #FFF;
	margin: 0;
	padding-top: 0;
}


/* ----------------------------------------------------------------
 * Visual Cultures custom styles 
 * --------------------------------------------------------------*/

#visual-cultures .staff img {
  height: auto !important;
  width: 110px !important;
  margin: 0 10px 10px 0;
  float: left;
}

/**
 * 	csisp custom styles
 */
body#sociology p {
    color: #6C6C6C;
}



/* --------------------
 * chooser for podcasting app
 */
   
.chooser .expandable {
  background-color: #ddd;  
  margin-top: 10px; 
}
			
.chooser .content {
  background-color: #eee; 
  font-size: 95%;
  padding: 3px;
}
        
.chooser .arrow-opened, .chooser .arrow-closed {
  padding-left: 10px; 
}
        
.chooser .arrow-opened {
  background: url(images/arrow_opened.gif) no-repeat left center; 
}

.chooser .arrow-closed {
  background: url(images/arrow_closed.gif) no-repeat left center; 
}

.podcast img {
	margin-left: 2px;
}


/* -----------------------------------------------------------------
 * styles for podcasting carousel
 * ----------------------------------------------------------------*/

.jcarousel-skin-tango .jcarousel-container {

}


.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 480px;
    padding: 40px 0px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 480px;
}

.jcarousel-skin-tango .jcarousel-item {

}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/**
 *  Design press fancybox
 */
.fbx_container {
  display:inline-block; 
  vertical-align: top; 
  border:#ccc solid 1px;
  padding:5px;
  margin-bottom:10px;
  margin-right:10px;
  background-color:#f7f7f7;
 }
.fbx_container img { 
  border:#ccc solid 1px;
 }
.fbx-title a {
	 color:#000!important;
 }
.fbx_container .fbx-title {
	 font-weight:bold;
	 font-size:medium;
 }
 
 /**
 *  IT Services service status tooltip
 */

.statusBox a {
text-decoration:none;
}

.qtip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr;vertical-align:middle}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#3d527b;background-color:#a3c8ff;color:#000222}.qtip-default .qtip-titlebar{background-color:#93dfff}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}/*! Light tooltip style */.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}/*! Dark tooltip style */.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}/*! Cream tooltip style */.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}/*! Red tooltip style */.qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}/*! Green tooltip style */.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}/*! Blue tooltip style */.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));background-image:-webkit-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,black 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px black}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:-10000em;top:-10000em}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}

img.hidden {
	display: none;
}

/* colourblock styles (on e.g. new style Staff/Student Gold and ITS home pages) */
.pageContent .colourblock {
	font-size: 1em;
} 
.colourblock {
	font-size: 1.1em;
} 
.colourblock .welcome-text p, .colourblock.welcome-text p, .colourblock p.welcome-text {
	font-size:1.14em;
}
.colourblock .announcement p, .colourblock.announcement p, .colourblock p.announcement {
	font-size:1.14em; 
	line-height: 1.2;
}
.colourblock .content-box .caption, .colourblock.content-box .caption { 
	font-size:0.9em; 
}
.colourblock .content-box .section-heading, .colourblock.content-box .section-heading { 
	color: #505050; 
	border-bottom: 1px #aaa solid;	
	margin-top:5px; 
}

/* box layouts */
.colourblock .content-box, .colourblock.content-box { 
	margin-bottom: 20px; 
	overflow:hidden; 
}
.colourblock .button-group, .colourblock.button-group  { 
	margin-bottom: 10px;
	overflow: hidden;
}
.colourblock .inner-content, .colourblock.inner-content { 
	padding:10px; 
	overflow: hidden;
}
.colourblock .announcement, .colourblock.announcement { 
	padding:20px;
}

/* content-box formatting */
.colourblock img.box-header { 
	max-width: 100%; 
	display:block; 
}
.colourblock .button h1, .colourblock .button h2, 
.colourblock .button h3, .colourblock .button h4, 
.colourblock .button p,
.colourblock .blocked h1, .colourblock .blocked h2, 
.colourblock .blocked h3, .colourblock .blocked h4, 
.colourblock .blocked p, .colourblock .blocked a { 
	color:inherit !important;
}
.colourblock .box-heading {
/*	font-size: 1.46em;*/
	border:none !important;
	margin-top:0;
	padding:0; 
}
.colourblock .blocked .box-heading {
	padding-bottom: 0;
	margin-bottom: 0;
}
.colourblock .box-heading.neutral {
	color: #505050;
}

/* buttons */
.colourblock .button {
	display:inline-block;
	padding: 5px 10px;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	border: 0;	
	text-align: left;
}
.colourblock .button:hover {
	text-decoration: none;
	/*border: none;*/
}
.colourblock .blocked {
	display:block;
	padding: 5px 10px;
	border:0;
	margin:0;
	text-decoration: none;
}
.centered {
	text-align: center;
}
.colourblock .image-button {
	text-decoration: none;
}
.colourblock .button-group .button, .colourblock.button-group .button  {
	margin-bottom: 10px; 
}
.colourblock .large { 
	padding:15px 10px; 
	font-size: 1.72em; 
	line-height:1.2;
}
.colourblock .button.large.icon { 
	padding-left: 70px; 
	background-repeat: no-repeat; 
	background-position: 10px center; 
}
.colourblock .medium { 
	font-size:1.3em;
}
.colourblock button.blocked {
	width: 100%;
}

.colourblock [class^="bd-"], .colourblock [class*=" bd-"] {
	border-style: solid;
	border-width: 1px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	background-color: transparent;
}


/* misc */
.colourblock ul.status {
	padding:0 
} 
.colourblock .status li {
	margin:0;
	list-style:none;
}
.colourblock .status img { 
	vertical-align:text-top;
}
.colourblock .link-list li {
	margin-left:15px;
}
.colourblock .link-list li a, .colourblock .status li a, .colourblock .standardlist li a {
	text-decoration:none;
	border: none;
} 
.colourblock .content-box .standardlist, .colourblock.content-box .standardlist {
	padding:0px;
}
.colourblock .content-box .standardlist li, .colourblock.content-box .standardlist li {
	background-position:0 7px;
}
.colourblock .content-box .more, .colourblock.content-box .more, 
.colourblock .content-box .gbox .more, .colourblock.content-box .gbox .more {
	font-size: 0.9em; 
	font-weight:bold;
}

/* banners */
.colourblock .banner img, .colourblock.banner img { 
	max-width:100%; 
}
.colourblock .banner.button, .colourblock.banner.button { 
	padding:20px; 
}

/* image feature with overlay */
.colourblock .feature, .colourblock.feature { 
	position: relative; 
}
.colourblock .feature img, .colourblock.feature img { 
	max-width: 100%; 
	display: block; 
}
.colourblock .overlay { 
	position: absolute; 
	bottom: 0px; 
	padding: 10px; 
	right:0; 
	left:0; 
	background:#e1e2e3; 
	background: rgba(255, 255, 255, .75); 
	line-height:1.2; 
	color:#505050 !important;
}
.colourblock .overlay.inverse {
	color:#ffffff !important;
}
.colourblock .overlay h1, .colourblock .overlay h2, .colourblock .overlay h3, .colourblock .overlay h4, .colourblock .overlay p { 
	color:inherit !important; 
}
.colourblock a:hover .overlay { 
	background:#c7c7c7; 
	background: rgba(235, 235, 235, .75); 
}
.colourblock .overlay.inverse { 
	background:#222; 
	background: rgba(0, 0, 0, .40); 
}
.colourblock a:hover .overlay.inverse { 
	background:#111; 
	background: rgba(0, 0, 0, .50); 
}
.colourblock .overlay.inverse.no-background {
	 background-color: transparent; 
	 text-shadow: 0px 0px 10px #333;
 }
.colourblock a:hover .overlay.inverse.no-background {
	 background-color: transparent; 
	 text-shadow: 0px 0px 10px #000;
}

/* side image boxes */
.colourblock .side-image-box, .colourblock.side-image-box {
	position:relative; 
	min-height: 140px; 
	background-color:#ededed; 
}
.colourblock .side-image-box.left, .colourblock.side-image-box.left { 
	padding-left:230px; 
} 
.colourblock .side-image-box.right, .colourblock.side-image-box.right { 
	padding-right:230px; 
}
.colourblock .side-image-box .image, .colourblock.side-image-box .image {
	position:absolute; 
	width:220px; 
	top: 0; 
	bottom: 0; 
	overflow:hidden; 
	background-repeat:no-repeat; 
	background-position: center center; 
} 
.colourblock .side-image-box.left .image, .colourblock.side-image-box.left .image  { 
	left:0; 
}
.colourblock .side-image-box.right .image, .colourblock.side-image-box.right .image {
	right:0; 
}

/* index boxes */
.colourblock.index, .colourblock .index {
	display:inline-block; 
	vertical-align:top; 
	margin-right:2%; 
	width: 47%; 
}
.colourblock.index img.box-header, .colourblock .index img.box-header {
/*	height: 120px;*/
	width:100%;
}
.colourblock.index .button, .colourblock .index .button {
	min-height: 6em; 
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.colourblock.index .box-heading, .colourblock .index .box-heading {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* highlight boxes - 3 boxes (default) */
.colourblock .highlights, .colourblock.highlights {
	position:relative; 
	overflow:hidden; 
	margin: 20px 0 30px; 
}
.colourblock .highlights .content-box, .colourblock.highlights .content-box { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	float: left; 
	width: 32%; 
	padding-bottom: 20em; 
	margin-bottom:-16em; 
	margin-left:2%; 
	margin-right:0;
}
.colourblock .highlights .content-box .button, .colourblock.highlights .content-box .button {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	margin-bottom:0; 
	position:absolute; 
	bottom:0; 
	width: 32%; 
/*	padding-right:1%; 
	padding-left:1%; */
	max-height:4em;
}
	
/* 2 highlight boxes */
.colourblock .highlights.duo .content-box, .colourblock.highlights.duo .content-box, 
.colourblock .highlights.duo .content-box .button, .colourblock.highlights.duo .content-box .button { 
	width: 49%; 
}
.colourblock .highlights .content-box:first-child, .colourblock.highlights .content-box:first-child {
	margin-left: 0;
}

.hide-text {
	text-indent: 100%; 
	white-space: nowrap; 
	overflow:hidden; } 
	
.col3 {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	width: 32%;
	margin-left: 2%;
	float: left;
}
.col2 {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	width: 49%;
	margin-left: 2%;
	float: left;
}
.col3:first-child, .col2:first-child {
	margin-left: 0;
}


/* specific to ITS homepage */
#it-services .colourblock .help p.email {
	padding-left: 24px; 
	background-image: url("/static/images/it/email-small.png"); 
	background-repeat: no-repeat; 
	background-position: left center; 
	margin-bottom: 8px; 
}
#it-services .colourblock .help p.telephone {
	padding-left: 24px; 
	background-image: url("/static/images/it/telephone.png"); 
	background-repeat: no-repeat; 
	background-position: 6px center; 
}
#it-services .colourblock .button.large.icon.email { 
	background-image: url("/static/images/it/email.png"); 
}
#it-services .colourblock .button.large.icon.print { 
	background-image: url("/static/images/it/print.png"); 
	background-position: 13px center; 
}
#it-services .colourblock .button.large.icon.network { 	
	background-image: url("/static/images/it/wireless.png"); 
}
#it-services .colourblock .button.large.icon.password { 
	background-image: url("/static/images/it/key.png"); 
}
#it-services .colourblock .button.large.icon.vpn { 
	background-image: url("/static/images/it/university.png"); 
}
#it-services .colourblock .button.large.icon.podcast { 
	background-image: url("/static/images/it/headset.png"); 
}

.computer-usage-container { margin: 20px 0; }
.computer-usage-container > p { text-align: center; margin:0; }
.computer-usage-container > div { margin: 5px auto; }

/* listing and article (events) */
.listing, .listing-text { 
	overflow:hidden; 
}
.listing { 
	margin-left: 0px; 
	margin-bottom: 15px; 
	list-style:none; 
}
.listing-thumb { 
	display:block;	
	float:left;	
	margin: 0 10px 0 0;	
}
.listing-thumb img { 
/*	display:block;	*/
/*	max-width: 100%; */  /* taking this out and only specifying max-width if container has a width (small, medium etc) - bug in IE8, see http://www.456bereastreet.com/archive/201202/using_max-width_on_images_can_make_them_disappear_in_ie8/ */
}
.article-image-medium {	
	float:right; 
	margin: 0 0 10px 10px;	
	max-width: 250px; 
}
.article-image-medium img {	
	max-width: 100%; 
}
.listing-title, .article-subtitle {	
	font-size:1.2em; 
	line-height:1.2;
	font-weight:bold; 
	text-decoration: none;
	margin-top:0;
}
.page-heading {	
	margin-top: 0px; 
}
.listing-summary { 
	margin-bottom: 0.2em; 
	line-height:1.3; 
}
.article-info-details {	
	width:100%; 
}
.article-info-details th { 
	text-align: left; 
	width: 20%; 
}
.listing-info { 
	font-size:0.9em; 
}
.grid_3 .listing-thumb { 
	float:none; 
	margin-bottom: 10px; 
}
.grid_3 .listing-text {	
	overflow:visible; 
}
.listing-compact, .listing-compact ul { 
	margin-bottom: 0px; 
}
.listing-compact .listing { 
	line-height:1; 
}
.listing-compact .listing-header {
	padding-right:5px;
	background-color:#eaeaea;
	margin-bottom: 5px;
}
.listing-compact .event-tag {
	margin-bottom:0;
	width:23%;
}
.listing-compact .listing-title {
	font-weight:normal;
}
.listing-compact .listing-date {
	font-weight: bold;
}
.listing-compact .listing-text:hover {
	text-decoration:underline;
}
.listing-text .event-tag {
	margin-bottom:5px;
}

/* events  */
.event-tag {
	text-transform:uppercase;
	font-weight:bold;
	line-height:1;
	display:inline-block;
	padding:4px;
	margin-bottom:10px;
	font-size:.9em;
	margin-right: 8px;
}
.performance { 
	color:#ff5ea9 !important; 
}
.bg-performance { 
	color:#fff; 
	background-color:#ff5ea9; 
}
.exhibition { 
	color:#15a54b !important; 
}
.bg-exhibition { 
	color:#fff; 
	background-color:#15a54b; 
}
.concert {
	color: #237ccd !important; 
}
.bg-concert { 
	background-color:#237ccd; 
	color:#fff; 
}
.lecture { 
	color:#ff9000 !important; 
}
.bg-lecture { 
	color:#fff; 
	background-color:#ff9000; 
}
.workshop {	
	color: #68177b !important; 
}
.bg-workshop { 
	color:#fff; 
	background-color:#68177b; 
}
.official { 
	color: #967f50 !important; 
}
.bg-official { 
	background-color:#967f50; 
	color:#fff; 
}
.conference { 
	color: #15287a !important; 
}
.bg-conference { 
	background-color: #15287a; 
	color:#fff; 
}
.film { 
	color: #ff0a00 !important; 
}
.bg-film { 
	color:#fff; 
	background-color:#ff0a00; 
}
.degree { 
	color: #000 !important; 
}
.bg-degree { 
	color:#fff; 
	background-color:#000; 
}
.other { 
	color: #595D64 !important; 
}
.bg-other { 
	color:#fff; 
	background-color:#595D64; 
	display:none;
}
.bg-other + br {
	display:none;
}
.colourblock .calendar .event a:hover {	
	text-decoration:underline; 
}
.colourblock .day_full .event {	
	margin: 6px 4px; 
	/*font-size: 0.9em;*/
	line-height:1.2; 
}
.colourblock .calendar .event a {	
	display:block;
}
.weekly .event {
	padding: 0 10px;
}
.weekly .event .listing-thumb img {
	height:auto;
	width:auto;
	min-width: 100px;
	min-height: 100px;
}
.weekly .event .listing-thumb {
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.weekly .highlight {
    padding: 10px;
    background-color: #f0f0f0;
}
.weekly .highlight .listing-title {
    font-size: 1.55em;
}
.monthly .highlight {
	font-size: 1.25em;
	padding:5px;
	background-color: #f0f0f0;
}

/* event filters */
.filter-box {
	display:none;
}
.colourblock .filter { 
	margin-left:5px; 
	font-size:1.2em; 
}
.colourblock .filter a {
	text-decoration: none;
}
.colourblock .filter a:hover { 
	text-decoration: underline; 
}
.colourblock .filter a:hover [class*=" icon-"], .colourblock .filter a:hover [class^="icon-"] { 
	text-decoration: none; 
}
.scrollTop {
	text-decoration: none;
	font-size: .9em;
}
.calendar-nav {
	text-decoration: none;
}

/* events search */
.search_field.stacked {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	width: 100%;
	margin-bottom: 15px;
	height: 29px;
}
.search_field.neutral {
	background-color: #fff;
}

.rss { color: #FF6600; }

a [class*=" icon-"], a [class^="icon-"] {
	text-decoration: none;
}

.searchProgs .collapsible-heading {
	color: #505050;
}

/* conference service */
.colourblock .button.double-lines { 
	line-height: 1em; 
	height: 2.2em; 
	padding: .5em 10px; 
}
.conference-spaces {
    margin-top: 10px;
	margin-bottom: 15px;
}
.conference-spaces .feature {
	display: block;
	width: 467.5px;
	margin-bottom:5px;
}
.conference-spaces .feature img {
	width:100%;
}
#conferences .large-overlay {
/*	font-size: 40px;*/
	font-size: 32px;
    margin-bottom: 0;
}
#conferences .listing-thumb {
	width:150px;
}
#conferences .listing-thumb img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/* collapsible heaadings */
.colourblock .collapsible-heading, .colourblock .collapsible-body {
	border-top:none;
	overflow: hidden;
}
.colourblock .collapsible-heading:hover {
	cursor:pointer;
}
.colourblock .collapsible-heading a {
	font-size: .9em;
	color: #505050;
	text-decoration: none;
}

body#enterprise .showHideHeading {
	font-size:larger;
	font-weight:bold;
	padding-bottom:10px;
}

/**
 * 	podcasting stylizzle
 */
.pod_icon_medium {
    height: 200px;
    width: 200px;
}

.pod_icon_small {
	height: 100px;
	width: 100px;
}


/**
 * video player thumbnail/playbutton CSS
 * author: james
 * date 15/07/13
 */

/**
 * 	this is for the video play button which hovers over the thumbnail
 */

.video-player {
    position: relative;
    display: inline-block;
}

.video-player .play {
    background: url('/apps/widgets/video_player/skins/display/playIcon.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -36px 0 0 -35px;
    z-index: 10;
}

.video-player .play:hover {
    background: url('/apps/widgets/video_player/skins/display/playIconOver2.png') center center no-repeat;
}

.video-player > img {
	max-width: 300px;
}

.video-container > a {
	text-decoration: none;
}



/**
 * 	video players are in a carousel on the home page, these are much smaller thumbnails
 */

ul.sc_menu .video-player {
	width: 61px;
}

ul.sc_menu .video-player > img {
	height: 61px !important;
    min-height: 61px !important;
    min-width: 108px !important;
}

ul.sc_menu .video-player .play {
	background-size:25px 25px;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 10px;
    z-index: 10;
}






/*---------------------------------------------------------------------
 * Careers Service New Redesign 2 Oct 2013
 *--------------------------------------------------------------------*/


  
body#careers-students #crumbtrail, body#careers-alumni #crumbtrail, body#careers-employers #crumbtrail, body#careers-academics #crumbtrail, body#careers-students .crumbtrail, body#careers-alumni .crumbtrail, body#careers-employers .crumbtrail, body#careers-academics .crumbtrail {
    color: #D0D0D0 !important;
    margin: 0 0 15px !important;
}
  
  
body#careers-students #crumbtrail, body#careers-alumni #crumbtrail, body#careers-employers #crumbtrail, body#careers-academics #crumbtrail   {
    display: block !important;
  font-size: 12px !important;
  }
  
body#careers-students #crumbtrail a, body#careers-alumni #crumbtrail a, body#careers-employers #crumbtrail a, body#careers-academics #crumbtrail a, body#careers-students .crumbtrail a, body#careers-alumni .crumbtrail a, body#careers-employers .crumbtrail a, body#careers-academics .crumbtrail a, body#careers-students #crumbtrailTabs a, body#careers-alumni #crumbtrailTabs a, body#careers-employers #crumbtrailTabs a, body#careers-academics #crumbtrailTabs a   {
    color: #A8A8A8 !important;
    line-height: 1.5em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  font-size: 12px !important;
  }



/* blue colour style for careers students */


body#careers-students.gold h1 {
color: #00B1D3 !important;
}

body#careers-students.gold h2, body#careers-students.gold h3, body#careers-students.gold h4, body#careers-students.gold h5 {
color: #6c6c6c !important;
}

body#careers-students.gold p {
color: #6c6c6c !important;
}

body#careers-students.gold h1, body#careers-students.gold h2 {
border-bottom: 1px solid #00B1D3 !important;
}

body#careers-students.gold .rightnav {
background:#00B1d3 no-repeat !important;
border: none !important;
}

body#careers-students.gold .rightnav li a {
color: #FFFFFF !important;
}

body#careers-students.gold .rightnav li a:hover {
color: #00B1D3 !important;
}




/* purple colour style for careers employers */

body#careers-employers.gold h1 {
color: #AD1E90 !important;
}

body#careers-employers.gold h2, body#careers-employers.gold h3, body#careers-employers.gold h4, body#careers-employers.gold h5 {
color: #6c6c6c !important;
}

body#careers-employers.gold p {
color: #6c6c6c !important;
}

body#careers-employers.gold h1, body#careers-employers.gold h2 {
border-bottom: 1px solid #AD1E90 !important;
}

body#careers-employers.gold .rightnav {
background:#AD1E90 no-repeat !important;
border: none !important;
}

body#careers-employers.gold .rightnav li a {
color: #FFFFFF !important;
}


body#careers-employers.gold .rightnav li a:hover {
color: #AD1E90 !important;
}



/* yellow colour style for careers alumni */  

body#careers-alumni.gold h1 {
color: #f3c019 !important;
}

body#careers-alumni.gold h2, body#careers-alumni.gold h3, body#careers-alumni.gold h4, body#careers-alumni.gold h5 {
color: #6c6c6c !important;
}

body#careers-alumni.gold p {
color: #6c6c6c !important;
}

body#careers-alumni.gold h1, body#careers-alumni.gold h2 {
border-bottom: 1px solid #f3c019 !important;
}

body#careers-alumni.gold .rightnav {
background:#f3c019 no-repeat !important;
border: none !important;
}

body#careers-alumni.gold .rightnav li a {
color: #FFFFFF !important;
}

body#careers-alumni.gold .rightnav li a:hover {
color: #f3c019 !important;
}



/* green colour style for careers academics */

body#careers-academics.gold h1 {
color: #A5cd39 !important;
}

body#careers-academics.gold p {
color: #6c6c6c !important;
}

body#careers-academics.gold h2, body#careers-academics.gold h3, body#careers-academics.gold h4, body#careers-academics.gold h5 {
color: #6c6c6c !important;
}

body#careers-academics.gold h1, body#careers-academics.gold h2 {
border-bottom: 1px solid #A5cd39 !important;
}

body#careers-academics.gold .rightnav {
background:#A5cd39 no-repeat !important;
border: none !important;
}

body#careers-academics.gold .rightnav li a {
color: #FFFFFF !important;
}

 body#careers-academics.gold .rightnav li a:hover {
color: #A5cd39 !important;
}


/* Careers Service collapsible panel styles */

body#careers-students.gold .showHideHeading {
background: url('/static/images/ug/switch_minus.gif') no-repeat scroll 97% 50% #FCFCFC !important; 
border: medium none !important;
margin-bottom: 10px !important;
padding: 6px 10px !important;
color: #505050 !important;
text-decoration: none !important;
border: 1px solid  #A8A8A8  !important;
}

body#careers-students.gold .showHideHeading:hover {
background: url('/static/images/ug/switch_plus.gif') no-repeat scroll 97% 50% #FCFCFC !important; 
}

body#careers-students.gold .box a:link{
text-decoration: none !important;
}



/* Careers Service collapsible panel styles pink generic */

body#careers.gold .showHideHeading {
background: url('/static/images/ug/switch_minus.gif') no-repeat scroll 97% 50% #FCFCFC !important; 
border: medium none !important;
margin-bottom: 10px !important;
padding: 6px 10px !important;
color: #505050 !important;
text-decoration: none !important;
border: 1px solid  #A8A8A8  !important;
}


body#careers-students.gold .box a:link{
text-decoration: none !important; 
border-bottom: 1px solid #a2a2a2 !important;	
}



body#careers.gold .showHideHeading:hover {
background: url('/static/images/ug/switch_plus.gif') no-repeat scroll 97% 50% #FCFCFC !important; 
}





body#careers-students.gold .box ul li a:link {
border-bottom: 1px solid #a2a2a2 !important;	
}

body#careers-students.gold .box ul li a:hover {
border-bottom: 1px solid #a78a57  !important;	
}



body#careers-students.gold .widget ul {
list-style-image:url('/static/careers_newdesign/pdficon_small.png');
}




/* careers pink main generic style */

body#careers.gold#crumbtrail, body#careers.gold.crumbtrail {
    color: #D0D0D0 !important;
    margin: 10px 0px !important;
}
  
body#careers.gold #crumbtrail {
    display: block !important;
    font-size: 12px !important;
  } 
  
body#careers.gold#crumbtrail a, body#careers.gold.crumbtrail a, body#careers.gold#crumbtrailTabs a {
    color: #A8A8A8 !important;
    line-height: 1.5em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  font-size: 12px !important;
    }
  
body#careers.gold p {
font-size: 12px !important;
  }
  
body#careers.gold h1, body#careers.gold h3, body#careers.gold h4, body#careers.gold h5   {
color: #ed248c !important;
}
  
body#careers.gold h2 {
color:#6C6C6C !important;
border-bottom: 1px solid #ed248c !important;
  }
 
 
body#careers.gold h1, .body#careers.gold h2 {
border-bottom: 1px solid #ed248c !important;
}
      

body#careers.gold .rightnavNormal {
background: #ed248c no-repeat !important;
border: none !important;
}

body#careers.gold .rightnavNormal li a {
color: #FFFFFF !important;
}

body#careers.gold .rightnavNormal li a:hover {
color: #ed248c !important;
}


a.iE {
color: #ffffff !important;	
	
}



/* podcasting css */
	.gold#podcast .colourblock .bg-2 { background-color:#000; color: #fff; border:none; } 
	.gold#podcast .colourblock a:hover .button.bg-2, .gold#podcast .colourblock .button.bg-2:hover { background-color:#B3965E; }
	.gold#podcast .colourblock .lightbg-2 { background-color:#ededed; }
	.gold#podcast .colourblock .bd-2 { border-color: #000; } 
	body#podcast { background: none repeat scroll 0 0 #FFFFFF; }
	.podcast img {margin:0;}
	
	/* only need these if images have to be re-sized - if they can be used at their ntural size, they can be dropped */
	.listing-thumb.large {width:300px; }
	.listing-thumb.medium {width:200px;}
	.listing-thumb.small {width:60px; }
	.listing-thumb.large img, .listing-thumb.medium img, .listing-thumb.small img {max-width: 100%;}

	.listing-title {margin: 0 0 5px 0;}
	.listing-title.compact {font-size: .98em;}

	.listing-table, .listing-table td, .listing-table th { border: none;}
	.listing-table th {text-align: left; background-color: transparent;}
	.listing-table td {padding-bottom: 10px; }

	.grid { width: 100px; display: inline-block; vertical-align: top; margin-right: 20px; margin-left:0; margin-bottom: 10px; }

	.button-grid {list-style:none; width:50%; margin:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #fff;}
	.button-grid:first-child {border-left:none; }
	.button-grid li {margin:0; width:100%; border-bottom:1px solid #fff; }
	
	.minimal .video_caption {width: 0;}
	/*.video_caption {width:0;}*/
	
	 .podcast.listing {margin-bottom: 30px;}
	 .podcast dl, .podcast .listing-info, .podcast .listing-summary {margin-bottom: 5px;}
	 .listing dt { float: left; clear: left; width: 8em; font-weight: bold;} 
	 .listing dd { padding-left: 8em; }
	 
	
	.colourblock .button.medium {font-size: 16px; font-size: 1rem;}
	
	.flush-top {margin-top:0; padding-top:0;}

.pdfonly { display:none; }




/**** Start Global Pop Up Profiles  ****/
/**** Start Global Pop Up Profiles  ****/        
/**** Start Global Pop Up Profiles  ****/

/* Color shapes */

.globalPopUpProfile .color-shape {
  height: 170px;
 /* margin: 5px; */
margin-right: 20px;
margin-bottom: 20px;
}
 

/* Text below thumb images styles */
.globalPopUpProfile a .overlay  {
    height: 143px;
    position: absolute;
    width: 140px;
}


@-moz-document url-prefix() { 
.globalPopUpProfile a .overlay  {
    background: none repeat scroll 0 0 white;
    height: 143px;
    opacity: 0.1;
    position: absolute;
    width: 140px;
}

.globalPopUpProfile .graduatesdirectory:hover .overlay  {
opacity: 0;                                                      /* second */
-moz-transition: all 0.4s ease 0s;
}
}


/* chrome and safari hack: webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.globalPopUpProfile a .overlay  {
    background: none repeat scroll 0 0 white;
    height: 143px;
    opacity: 0.1;
    position: absolute;
    width: 140px;
}


.globalPopUpProfile .graduatesdirectory:hover .overlay  {
opacity: 0;                                                      /* second */
-moz-transition: all 0.4s ease 0s;
}

}

.globalPopUpProfile a .overlayQuote {
height: 143px;
position: absolute;
width: 300px;
}

.globalPopUpProfile .textQuoteStyle {
background-color: #EFEFEF;
color: #666666;
font-size: 16px;
height: 113px;
padding: 15px;
}

.globalPopUpProfile .textName {
color: #555555;
background-color: #efefef;
height: 23px;
padding-top: 5px;
text-align: center;
font-size:11px;
margin-top: -6px;
letter-spacing: 0.3px;
text-decoration: none;
}

.globalPopUpProfile .textNameQuote {
color: #555555;
background-color: #efefef;
height: 23px;
padding-top: 5px;
text-align: right;
display:block;
padding-right: 10px;
letter-spacing: 0.3px;
}

.globalPopUpProfile .CursorNoPointer {
cursor: default;
}

.globalPopUpProfile .textType {
color: #8c8c8c;
}

.globalPopUpProfile a .textName {
text-decoration: none;
}

.globalPopUpProfile a {
text-decoration: none;
}

.globalPopUpProfile .graduatesdirectory:hover .textName  {
display: block;
-moz-transition: all 0.4s ease 0s;
}

/**** End Global Pop Up Profiles  ****/


/* search page results */
.fb-page-nav a {
    text-decoration: none;
}

/* tags */
  .tag {color:#fff;}
  .tag a { background:#b3965e; border-radius:8px; padding:5px; color:#fff; text-decoration:none; float:left; margin-right:5px; }
  .tag a:hover { background:#d8c19f; color:#000; text-decoration:none; }
  .currentpage {font-weight:bold; margin-right:5px;}
  .pag a { background:#b3965e; border-radius:8px; padding:5px; color:#fff; text-decoration:none; margin-right:5px; }
  .pag a:hover { background:#d8c19f; color:#000; text-decoration:none; }

/* used on open-days booking form */
.bkfrmdisp {display:none; visibility:hidden;}

/* Change of colour in paragraph for Green style to BLACK so it can be read more easily */

body#politics.grey p {
	color: #000000;
}

/*
a:focus {border: 1px solid black !important;}

t4-migration-code-only
*/

/* Content migartion */
#t4-migration-sectionname,#t4-migration-section-id,#t4-migration-breadcrumb,.t4-migration-news .name,.t4-migration-news .image,.t4-migration-news .department,.t4-migration-news .news-type,.t4-migration-staff .name,.t4-migration-staff .image,.t4-migration-staff .email,.t4-migration-staff .website,.t4-migration-staff .overview,.t4-migration-general .name,.t4-migration-general .image,.t4-migration-general .image-caption, .t4-migration-programme-ug  .name, .t4-migration-programme-ug  .programme-name, .t4-migration-programme-ug .subject-to-validation, .t4-migration-programme-ug .kis, .t4-migration-programme-ug .unite-id, .t4-migration-programme-ug .department, .t4-migration-programme-ug .department-2, .t4-migration-programme-ug .department-3, .t4-migration-programme-ug .contact1-name, .t4-migration-programme-ug .contact2-name, .t4-migration-programme-ug .contact1-email, .t4-migration-programme-ug .contact2-email, .t4-migration-programme-ug .scottish-qualifications, .t4-migration-programme-ug .european-baccalaureate, .t4-migration-programme-ug .irish-leaving-certificate,.t4-migration-programme-ug .fitness-to-train,.t4-migration-programme-pg .name, .t4-migration-programme-pg  .programme-name, .t4-migration-programme-pg .subject-to-validation, .t4-migration-programme-pg .unite-id, .t4-migration-programme-pg .display-apply-button, .t4-migration-programme-pg .department, .t4-migration-programme-pg .department-2, .t4-migration-programme-pg .department-3, .t4-migration-programme-pg .contact1-name, .t4-migration-programme-pg .contact2-name, .t4-migration-programme-pg .contact3-name, .t4-migration-programme-pg .contact1-email, .t4-migration-programme-pg .contact2-email, .t4-migration-programme-pg .contact3-email,.t4-migration-programme-pg .fitness-to-train,.t4-migration-module .name,.t4-migration-module .title,.t4-migration-module .description,.t4-migration-profile .name,.t4-migration-profile .profile-name,.t4-migration-profile .hero-text,.t4-migration-profile .photo,.t4-migration-profile .body-text,.t4-migration-profile .body-text,.t4-migration-profile .migrated-content, .t4-migration-image-text .name, .t4-migration-image-text .heading, .t4-migration-image-text .image, .t4-migration-image-text .image-description, .t4-migration-image-text .text,.t4-migration-slice-accordion .name,.t4-migration-slice-accordion .accordion-name,.t4-migration-slice-accordion .text,.t4-migration-ug-learning-accordion .accordion-name,.t4-migration-ug-skills-accordion .accordion-name,.t4-migration-pg-staff-accordion .accordion-name,.t4-migration-pg-research-accordion .accordion-name,.t4-migration-pg-reading-accordion .accordion-name, .t4-migration-code-only,.t4-migration-staff .college-username,.t4-migration-staff .research-interests, .t4-migration-programme-ug .applications,.t4-migration-programme-ug .selection-process,.t4-migration-news .last-modified,.t4-migration-programme-pg .non-standard-applying, .hidden, .hidden-gbox
{	display:none; }