/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";
@import "ie7win.css";

/* The file below is ONLY read by IE5/Win.
	Makes use of the Mid Pass Filter: 
	http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 70%;
	background-color:#ffffff;
	position: relative;
	/*color: #606060;*/
	color: #555555;}

body.pageContent{
	/*background-image: url(../../Images/Common/pageContentBG.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
	background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
	position: relative;}


u {text-decoration: none;}

/*	To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*	Completely remove text from presentation */
/*	Not used to hide text  - screen readers won't pick it up either	*/
.invisible {display: none;}

/*	Used to hide text that screen readers should pick up */
.hide {
	position: absolute;
	top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*	Clear floats on a background */
.theBreaker{
	height: 0.005em;
	clear: both;
	overflow: hidden;}

/*	Clearfix method for floated elements	*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

/*	IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */} 

.replace span{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
	display: block;
	color: #e9e9e9;
	background-color: #e9e9e9;
	height: 1px;
	border: 0 none;
	margin: 9px 0 9px 0;}
	
#featureBox{
	position: relative;}	

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
	height:50px; 
	width:168px; 
	/*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
	cursor:pointer;}

#h1UniversityOfSurrey{
	position: absolute;
	top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
	padding: 1em;}

#branding {
	position: relative;
	padding-top: 105px;
	width: 100%;/*helps IE with layout*/}

.pageContent #branding{
	margin-bottom: 10px;
	height: 142px;
	padding-top: 0;}


/* Search */

#branding #search{
	position: absolute;
	top: 0;
	right: 0;}

#branding #search{
	text-align: right;
	margin-top: 10px;
	margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
	width: 15em;
	padding:3px 15px 3px 3px;
	border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
	border:1px solid #002664;}

#branding #search .genericButton{
	padding: 2px 15px 2px 2px;
	width: auto;}
	
#branding #search input#q {
	border:1px solid #D7D7D7;
	padding:3px 15px 3px 3px;
	width:15em;}


	
	
/*Primary navigation*/
#primaryNavigation{
	position: absolute;
	/* bottom: 330px; */
	right: 0;
	top: 70px;
	font-family: Georgia, Serif;
	font-size: 1.1em;
	z-index: 100;}

.pageContent #primaryNavigation{
	/*bottom: 70px;*/}

#primaryNavigation li{
	display: inline;}

#primaryNavigation li a{
	padding: 5px 10px;
	display: inline-block;
	color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
	/*background-color: #00a8e1;
	color: #fff;*/
	background: none;
  	color: #00a8e1;}	

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
	color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
	position: absolute;
	bottom: 5px;
	left: 0;
	font-family:Georgia, Serif;}

#breadcrumb ul{
	list-style-type:none;
	margin-left: 0;}

#breadcrumb ul li{
	display: inline;
	/*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
	background-image: none;
	padding: 0;}

#breadcrumb ul li.last{
	background-image: none;}

#breadcrumb ul li a{
	color: #666666;
	text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
	color: #fff;}
	
	
	
/* Print this page icon */

#printPage {
	position: absolute;
	bottom: 5px;
	right: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	line-height: 25px;
	font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
	/*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
	/*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
	/*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
	text-align: right;}

#siteInformation{
	border-top:1px solid #D7D7D7;
	/*padding: 20px;*/
	padding: 10px 0 0 0;
	text-align: center;}

.pageContent #siteInformation{
	position: relative;
	border-top: 0 none;
	/*height: 203px;*/
	height: auto;
	width: 100%;}

#siteInformation ul{
	margin-bottom: 1.4em;}

#siteInformation li{
	display: inline;
	font-family: Georgia, Serif;}

#siteInformation li a{
	padding: 5px 10px;
	display: inline-block;
	color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
	background-color: #00a8e1;
	color: #fff;}
	
	
/* vcard (hcard) stuff */

.vcard .tel .type {
	display: none;}

/*gradient at bottom of page visual effect*/
/*	class defines generic gradient at the bottom of the page */
.decorativeEffect{
	/*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
	background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
	width: 100%;
	left: 0;
	z-index:0;
	height: 439px;
	margin-top: -439px;}
	
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{	
	background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
	background-position: left -200px;}
	
.footerSeparator {
	display: none;}
	
	
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
	border-top: 1px solid #e4e4e4;
	font-size: 110%;
	margin-top: 17px;
	padding-bottom: 36px;
	padding-top: 17px;
	overflow: hidden;
	text-align: left;}
#footerContainer {
	margin: auto;
	width: 979px;}	
ul#footerLinks {
	margin: auto;
	width: 979px;}
ul#footerLinks li {
	display: inline;}
ul#footerLinks li a {
	color: #606060;
	display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
	background-color: #00a8e1;
	color: #ffffff;}
.footerSeparator {
	color: #cccccc;
	display: inline;
	padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
	color: #909090;	
	margin: 20px auto 0px auto;	
	width: 979px;}
#hcard-The-University-of-Surrey a.url {
	color: #909090;}
	
#visualEffect01 {
	display: none;}
	
#decorationImg {
	clear: both;
	/*margin: -70px auto 10px auto;*/
	margin: -45px auto 10px auto;
	/*margin: auto;*/
	text-align: right;
	width: 979px;}
	
	
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
	padding-top: 0;}

#surrey120 a {
	background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
	background-position: 0 11px;
	background-repeat: no-repeat;
	border-right: 1px solid #e4e4e4;
	display: block;
	float: left;
	height: 77px;	
	width: 199px;}
	
#surrey120 a:hover, #surrey120 a:focus {
	background-color: #ffffff;}

ul#footerLinks {
	float: left;
	padding-left: 30px;
	padding-top: 34px;
	width: 769px;}
	
#hcard-The-University-of-Surrey{
	float: left;
	margin-top: 15px;
	padding-left: 10px;
	width: 769px;}	
	


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
	width: 973px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	position:relative;
	font-size: 1.1em;}
	
/*basic 2 column page layout*/

.pageTwoColumn #container{
	/*background-color: olive;*/}

.pageTwoColumn #primaryContent{
	/*background-color: Red;*/
	width: 725px;
	float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
	width: 224px;
	float: left;
	/*padding-right: 24px;*/
	padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
	/*width: 407px;*/
	width: 469px;
	float: left;}

.pageThreeColumn #extra{
	/*width: 292px;*/
	width: 250px;
	float: right;
	margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
	margin: 15px;}

	
/* Boxes on pages */


.genericBox {
	background-color:#f3f3f3;
	border: 1px solid #d7d7d7;
	position: relative;
	margin: 0;
	min-height:10.9em;
	padding:  10px 20px;}

.genericBox:hover{
	border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
	background-color: #f8f8f8;
	width: 1px;
	height: 1px;
	z-index: 100;
	font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
	position: absolute;
	top: -1px;
	left:-1px;}

.genericBox .tr{
	position: absolute;
	top: -1px;
	right:-1px;}

.genericBox .bl{
	position: absolute;
	bottom: -1px;
	left:-1px;}

.genericBox .br{
	position: absolute;
	bottom: -1px;
	right:-1px;}

	
#primaryBox {
	padding: 10px;}

#primaryBox .genericBox {
	background-color: #ffffff;
	padding: 20px;}


#primaryBox .genericBox .corner {
	background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
	float: right;
	margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
	font-size: 2.0em;
	margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
	background-color: #fff;
	/*background-image: url(../../Images/Icons/iconPlus.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 25px;
	padding-right: 5px;
	line-height: 24px;
	display: inline-block;
	position: absolute;
	bottom: -38px;
	left: 10px;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
	border-color: #AEAEAE;}

#primaryBox #readLess{
	/*background-image: url(../../Images/Icons/iconMinus.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
	bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
	margin: 0 0 0 12px;
	font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
	font-style: italic;
	margin-bottom: 0.4em;}
	
.pageContent #primaryBox .genericBox{
	margin-bottom: 40px;}

.pageContent #additionalContent{
	margin-left: 263px;}



/* Banners */
#feature img {
	display: block;
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
	background-color: #ffffff;
	}
	
	

/* Inline images for use in ePhox EditLive fields */	
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}	



/* Letter in-page navigation */

#primaryContent ul.letters {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin-left: 0;
	padding: 1em 0pt;}
	
#primaryContent ul.letters li {
	display:inline;
	padding-right:0.2em;}
	
	

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
	width: 49.5%;
	float: left;}	

.twoColLandingPageBox.last {
	float: right;}

.twoColLandingPageBox h3 {
	margin-bottom: 0.3em;
	margin-left: 5px;}
	
#primaryContent .twoColLandingPageBox ul {
	background-color:#F6F6F6;
	border-top:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
	list-style: disc;
	padding: 0;}
	
#primaryContent .twoColLandingPageBox ul li {
	padding: 5px;
	border-bottom: 1px solid #ffffff;}
	
	
	
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
  	margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
  	width: 140px;
	float: left;
	margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
  	float: left;
	margin-right: 6px;}
	
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
  	width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
  	margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
	



/* Press release listings on media centre homepage */

 #latestNews h3 {
	line-height: 120%;}
	
 #latestNews h3 a { 	
	font-size: 85%;
	text-decoration: none;}	

  #latestNews p.releaseDate {
  	margin: 0.6em 0 0.6em 0;}
	
  #latestNews ul {
  	list-style: disc;
	padding: 0.2em 0 1.5em 0;}
	
  
  #latestNews ul li {
  	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #e9e9e9;
	padding: 0.6em 0 0.6em 0;}
	
  #latestNews ul li a {
  	text-decoration: none;}
	
/* RSS links on media centre homepage */

  ul.rssLinks {
  	list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
	list-style-position: inside;
	padding-left: 24px;
	margin-left: 0;
	background-color: #ffffff;}
	
  ul.rssLinks li {
  	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0;}
	
  .rssLink a {
	background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
	background-repeat: no-repeat;
	line-height: 20px;
	padding-bottom: 2px;
	padding-left: 90px;}
	
  .rssLink a:hover {
	background-color: transparent !important;
	color: #888888 !important;}	
	
	
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
  	font-size: 1.8em;}

  #pressReleaseArchive ul {
  	list-style: disc;
	padding: 0.2em 0 1.5em 0;}
	
  
  #pressReleaseArchive ul li {
  	margin-bottom: 0.4em;
	font-family: Georgia, "Times New Roman", Times, serif;}
	
  #pressReleaseArchive ul li a {
  	text-decoration: none;}
  	
  	
  	
/* Style for news story lists */

ul.newsList {
	margin-top: 10px;}
	
ul.newsList li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;}
	
	
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
	width: 183px;
	min-height: 7em;
	padding: 10px;
	margin-right: 10px;}
	
#deptPromoBoxes .genericBox h3 {
	font-size: 1.6em;}
	
#deptPromoBoxes .genericBox h3 a {
	text-decoration: none;}
	


/* Academic Department Feature Boxes */	
	
.deptHomepageFeatureContainer	{
  	float: left;
	width: 215px;
	margin-right: 9px;}
	
  #deptPromoBoxes .last {
  	margin-right: 0;}	
	
		
.deptHomepageFeature {
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
	padding: 10px 0 0 8px;
	margin: 0 0 15px 0;
	border: 1px solid #D7D7D7;
	background-position: bottom;
	min-height: 100px;
	position: relative;}

.deptHomepageFeatureCutout {
	position: absolute;
	right: -1px;
	bottom: -14px;}
		
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
	background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0 0 1em 65px;
	min-height: 65px;
	margin: 0;
	}

/* Force academic department pages to be three-column */	
div#primaryContent.academicDepartment {
	width: 469px;}	
	
.pageTwoColumn #extra.academicDepartment {
	width: 250px;
	float: right;
	margin-top: 15px;}
	
	
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	padding-bottom: 4px;}	
	
	
/* FAQs */	
	
dl.faqList dt {
	font-weight: bold;
	margin-bottom: 8px;
	}
	
dl.faqList dd {
	margin-bottom: 16px;
	}	
	
/* UG Course List Stuff */

#primaryContent .courseList h3 {
	border-bottom: 1px solid #aaaaaa;
	font-size: 1.8em;
	}
	
#primaryContent .courseList ul {
	list-style: disc;
	padding: 0;
	margin: 0.8em 0 1.5em 0;
	}
	
#primaryContent .courseList ul.programmeList {
	margin: 0.4em 0 0 0;
	}			
	
#primaryContent .courseList ul li {
	margin-bottom: 1.5em;
	font-weight: bold;
	}
	
#primaryContent .courseList ul.programmeList li {
	margin: 0.2em 0 0.2em 0;
	font-weight: normal;
	}
	
	
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
	margin: 0 0 1em 0;
	font-size: 1.8em;
	padding-bottom: 1em;
	}		
		
#primaryContent .genericContainer #factfile table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	border: none;
	}

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
	text-align: left;
	vertical-align: top;
	padding: 0.8em 0 0 0;
	border-top: 1px solid #eaeaea;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #ffffff;
	}
#primaryContent .genericContainer #factfile td p {
	margin: 0 0 0.8em 0;
	}
#primaryContent .genericContainer #factfile th {
	width: 20em;
	}	
	

	
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
	width: 55px;
	float: left;
	margin: 0 10px 0 0;}
.calendarIconDay {
	background-color: #dddddd;
	text-align: center;
	padding: 8px 0 8px 0;
	color: #002667;
	font-size: 2.2em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
	background-color: #bcbcba;
	text-align: center;
	color: #002667;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
	border-bottom: 1px solid #eaeaea;
	margin: 2em 0 2em 0;
	}
dl.eventDetails dt {
	display: block;
	float: left;
	clear: left;
	padding: 8px 0 8px 0;
	width: 14em;
	font-weight: bold;
	}
dl.eventDetails dd {
	border-top: 1px solid #eaeaea;
	padding: 8px 0 8px 14em;
	}
	
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
	background-color: #009edf;	
	border-bottom: 1px solid #0087be;
	border-left: 1px solid #5fb7e8;
	border-right: 1px solid #0087be;
	border-top: 1px solid #5fb7e8;
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 7px 5px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	text-decoration: none !important;
	width: 70px}

.bookOnlineButton a:hover {
	background-color: #66c5ec;
	border-bottom-color: #66b7d8;
	border-left-color: #9fd3f1;
	border-right-color: #66b7d8;
	border-top-color: #9fd3f1;}
	


	
	
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
	margin: 10px 0 20px 0;}
	
	
	
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
	width: 770px;}
	
.eventBookingPage .genericContainer h1 {
	margin: 0 !important;}

#sabo_frame{
	border: 0;
	height: 1500px;
	margin: 0;
	padding: 0;
	width: 750px;}
	


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
	z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
	/*padding: 20px;*/
	padding:5px;
	min-height: 164px;
	/*margin-bottom: 10px;*/
	margin-bottom:15px;
	border-color: #e6e6e6;
	background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
	background-color:#FFFFFF;
	margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
	padding: 5px;
	margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
	background-color: #fff;
	margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
	float: left;
	margin-right: 20px;
	line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
	/*
	width: 40%;
	display: inline;*/}

#tabbedContent ul#tabNavigation li{
	display: inline;}

#tabbedContent ul#tabNavigation li a{
	color: #696969;
	font-weight: normal;
	text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
	float: left;
	margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
	color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
	height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
	width: 268px;
	margin: 0;
	padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
	margin: 0;
	padding: 10px;
	margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
	background-color: #00a8e1;
	color: #fff;}

.pageContent #extra #tabbedContent h3{
	margin: 0.6em 10px 0.6em 10px;
	font-size: 1.8em;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
	margin-left: 10px;
	margin-right: 10px;}
	
		
#primaryContent ul.ui-tabs-nav {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0pt;
	padding:0pt 0pt 0pt 4px;}
		
#primaryContent ul.ui-tabs-nav li {
	margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
	font-family:Georgia, Serif;
	color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
	font-size: 3.0em;
	font-weight: normal;
	margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
	color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
	color: #666666;
	font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
	font-size: 2.1em;
	color: #606060;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	margin-left: 15px;}

.pageContent #extra h2{
	font-size: 1.8em;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 0.2em;}
	
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
	
.pageContent #extra h2{
	position: static;
}
	
.pageContent #additionalContent h3{
	margin: 0;}

.pageContent #primaryContent h3{
	/*font-size: 1.8em;
	margin-top: 0.4em;*/
	font-size: 1.6em;
	margin: 1em 0 0.3em 0;}
	
.pageContent #primaryContent .deptHomepageFeature h3 {
	margin-top: 0;}
	
#primaryContent .genericContainer h2{
	margin: 0;}	
	
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
	color:#606060;
	font-size:2.2em;
	margin-bottom: 0.3em;
	margin-top: 1em;}

	
.pageContent #primaryContent h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
	font-size: 1.4em;}
	
.pageContent #extra h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;}


/* Paragraphs */
p {
	margin: 0.4em 0 1.2em 0;
	line-height: 1.4;
	font-size: 1.1em;}

p.date{
	font-family: Georgia, Serif;
	font-size: 1.2em;
	margin-bottom: 0;}
	
	
.callout p {
	font-family: Georgia, serif;
	font-size: 1.3em;
	line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
	background-color:#002664;
	color: #fff;}
	
#primaryContent a, #extra a, #additionalContent a {
	text-decoration: underline;}

#pageHome #primaryContent a{
	text-decoration: none;}
	
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
	text-decoration: none;}
	
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
	text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
	color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
	background-color:#00a8e1;
	color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
	color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
	background-color:#9bae01;
	color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
	color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
	background-color:#00a8e1;
	color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
	color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
	background-color:#00a8e1;
	color: #fff;}
	

/* File download links */
.fileTypeIcon {
	background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
	padding-bottom: 4px;
	padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

	
	
/* Lists */

ul.genericList{
	margin:0.4em 0pt 1.2em;
	font-size: 1.1em;
	line-height: 1.4;}

ul.bulletList{
	list-style-type: disc;
	list-style-position: inside;}
	
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
	list-style-type: none;
	padding: 0;
	margin: 0;}
	

ul.genericOrderedList{
	list-style-type: decimal;
	list-style-position: inside;}

ul.genericOrderedList li{
	margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
	padding: 1em 0 1em 1.4em;
	list-style-type: disc;}
	
#primaryContent ul li, #extra ul li, #primaryContent ol li {
	line-height: 1.4em;
	font-size: 1.1em;
	margin-bottom: 0.2em;}
	
#primaryContent ol li {
	margin-bottom: 0.6em;}	
	
#primaryContent ol {
	list-style: decimal;
	margin: 1em 0 1em 34px;}	
	

#extra ul.relatedLinks {
	list-style-type: none;
	padding: 1em 0 0 0;}
	
#extra ul.relatedLinks li {
	margin-bottom: 0.4em;}

#primaryContent ul ul > li {
    font-size: 1em;
}

	
/*normal*/
ul.iconList{}

ul.iconList li a{
	/*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
	background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
	background-repeat: no-repeat;
	background-position:right center;
	padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
	/*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
	background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
	border-bottom: 1px solid #dddddd;
	line-height: 3.0em;
	font-family:Georgia, Serif;}

ul.large li.last{
	border: 0 none;}

ul.large li a{
	font-size: 2.0em;
	/*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
	background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
	/*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
	background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
	border-bottom: 1px solid #dddddd;
	line-height: 2.5em;
	font-family:Georgia, Serif;
	font-weight: normal;}

ul.medium li.last{
	border: 0 none;}

ul.medium li a{
	font-size: 1.5em;
	/*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
	background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
	/*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
	background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
	font-size: 1.4em;
	margin: 0.2em 0 0.2em 0;
	display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
	border: 1px solid #cccccc;
  	padding: 10px;}

#dynSearchResults ul {
  	border-top: 1px solid #cccccc;
  	list-style-type: none;
  	margin-top: 10px;
  	padding: 8px 0 0 0;}

#dynSearchResults ul li {
  	margin-bottom: 8px;}
	
	
	
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 16px;}

.mediaCoverageItem h3 {
	color: #002664;
	font-size: 1.4em;}
	
.mediaDate {
	color: #777777;
	font-size: 1.3em;
	font-weight: bold;}
	

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
	font-size: 85%;}


	
	
/* Expert comment section for the homepage */

.expertComment {
	/*border-bottom: 1px solid #dfdfdf;*/
	margin-bottom: 23px;}

.expertComment h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 8px;}
	
.expertComment h4 {
	color: #555555;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.2em;}

/*
ul.expertComment {
	border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
	font-size: 1.5em;}
	
ul.expertComment li a {
	font-family: Georgia, Times, serif;}
	
*/

/* End of of Typography stylesheet - 23893 */
/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
  but the hacks contained within it further target 
  IE5-6 for Windows. See file for details. */


/* The file below is ONLY read by IE5/Win.
  Makes use of the Mid Pass Filter: 
  http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
  Makes use of the Band Pass Filter: 
  http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.0%;
  background-color:#ffffff;
  position: relative;
  /*color: #606060;*/
  color: #555555;}

body.pageContent{
  /*background-image: url(../../Images/Common/pageContentBG.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
  background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
  position: relative;}


u {text-decoration: none;}

/*  To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*  Completely remove text from presentation */
/*  Not used to hide text  - screen readers won't pick it up either */
.invisible {display: none;}

/*  Used to hide text that screen readers should pick up */
.hide {
  position: absolute;
  top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*  Clear floats on a background */
.theBreaker{
  height: 0.005em;
  clear: both;
  overflow: hidden;}

/*  Clearfix method for floated elements  */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*  IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

.replace span{
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
  display: block;
  color: #e9e9e9;
  background-color: #e9e9e9;
  height: 1px;
  border: 0 none;
  margin: 9px 0 9px 0;}
  
#featureBox{
  position: relative;}  

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
  height:50px; 
  width:168px; 
  /*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
  cursor:pointer;}

#h1UniversityOfSurrey{
  position: absolute;
  top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
  padding: 1em;}

#branding {
  position: relative;
  padding-top: 105px;
  width: 100%;/*helps IE with layout*/}

.pageContent #branding{
  margin-bottom: 10px;
  height: 142px;
  padding-top: 0;}


/* Search */

#branding #search{
  position: absolute;
  top: 0;
  right: 0;}

#branding #search{
  text-align: right;
  margin-top: 10px;
  margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
  width: 15em;
  padding:3px 15px 3px 3px;
  border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
  border:1px solid #002664;}

#branding #search .genericButton{
  padding: 2px 15px 2px 2px;
  width: auto;}
  
#branding #search input#q {
  border:1px solid #D7D7D7;
  padding:3px 15px 3px 3px;
  width:15em;}


  
  
/*Primary navigation*/
#primaryNavigation{
  position: absolute;
  /* bottom: 330px; */
  right: 0;
  top: 70px;
  font-family: Georgia, Serif;
  font-size: 1.1em;
  z-index: 100;}

.pageContent #primaryNavigation{
  /*bottom: 70px;*/}

#primaryNavigation li{
  display: inline;}

#primaryNavigation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
  /*background-color: #00a8e1;
  color: #fff;*/
  background: none;
    color: #00a8e1;}  

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
  color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family:Georgia, Serif;}

#breadcrumb ul{
  list-style-type:none;
  margin-left: 0;}

#breadcrumb ul li{
  display: inline;
  /*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
  background-image: none;
  padding: 0;}

#breadcrumb ul li.last{
  background-image: none;}

#breadcrumb ul li a{
  color: #666666;
  text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
  color: #fff;}
  
  
  
/* Print this page icon */

#printPage {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 25px;
  font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
  /*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
  /*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
  /*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
  text-align: right;}

#siteInformation{
  border-top:1px solid #D7D7D7;
  /*padding: 20px;*/
  padding: 10px 0 0 0;
  text-align: center;}

.pageContent #siteInformation{
  position: relative;
  border-top: 0 none;
  /*height: 203px;*/
  height: auto;
  width: 100%;}

#siteInformation ul{
  margin-bottom: 1.4em;}

#siteInformation li{
  display: inline;
  font-family: Georgia, Serif;}

#siteInformation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
  background-color: #00a8e1;
  color: #fff;}
  
  
/* vcard (hcard) stuff */

.vcard .tel .type {
  display: none;}

/*gradient at bottom of page visual effect*/
/*  class defines generic gradient at the bottom of the page */
.decorativeEffect{
  /*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
  background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
  width: 100%;
  left: 0;
  z-index:0;
  height: 439px;
  margin-top: -439px;}
  
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{  
  background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
  background-position: left -200px;}
  
.footerSeparator {
  display: none;}
  
  
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
  border-top: 1px solid #e4e4e4;
  font-size: 110%;
  margin-top: 17px;
  padding-bottom: 36px;
  padding-top: 17px;
  overflow: hidden;
  text-align: left;}
#footerContainer {
  margin: auto;
  width: 979px;}  
ul#footerLinks {
  margin: auto;
  width: 979px;}
ul#footerLinks li {
  display: inline;}
ul#footerLinks li a {
  color: #606060;
  display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
  background-color: #00a8e1;
  color: #ffffff;}
.footerSeparator {
  color: #cccccc;
  display: inline;
  padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
  color: #909090; 
  margin: 20px auto 0px auto; 
  width: 979px;}
#hcard-The-University-of-Surrey a.url {
  color: #909090;}
  
#visualEffect01 {
  display: none;}
  
#decorationImg {
  clear: both;
  /*margin: -70px auto 10px auto;*/
  margin: -45px auto 10px auto;
  /*margin: auto;*/
  text-align: right;
  width: 979px;}
  
  
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
  padding-top: 0;}

#surrey120 a {
  background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
  background-position: 0 11px;
  background-repeat: no-repeat;
  border-right: 1px solid #e4e4e4;
  display: block;
  float: left;
  height: 77px; 
  width: 199px;}
  
#surrey120 a:hover, #surrey120 a:focus {
  background-color: #ffffff;}

ul#footerLinks {
  float: left;
  padding-left: 10px;
  padding-top: 34px;
  width: 769px;}
  
#hcard-The-University-of-Surrey{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
  width: 769px;}  
  


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
  width: 973px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position:relative;
  font-size: 1.1em;}
  
/*basic 2 column page layout*/

.pageTwoColumn #container{
  /*background-color: olive;*/}

.pageTwoColumn #primaryContent{
  /*background-color: Red;*/
  width: 725px;
  float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
  width: 224px;
  float: left;
  /*padding-right: 24px;*/
  padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
  /*width: 407px;*/
  width: 469px;
  float: left;}

.pageThreeColumn #extra{
  /*width: 292px;*/
  width: 250px;
  float: right;
  margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
  margin: 15px;}

  
/* Boxes on pages */


.genericBox {
  background-color:#f3f3f3;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0;
  min-height:10.9em;
  padding:  10px 20px;}

.genericBox:hover{
  border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
  background-color: #f8f8f8;
  width: 1px;
  height: 1px;
  z-index: 100;
  font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
  position: absolute;
  top: -1px;
  left:-1px;}

.genericBox .tr{
  position: absolute;
  top: -1px;
  right:-1px;}

.genericBox .bl{
  position: absolute;
  bottom: -1px;
  left:-1px;}

.genericBox .br{
  position: absolute;
  bottom: -1px;
  right:-1px;}

  
#primaryBox {
  padding: 10px;}

#primaryBox .genericBox {
  background-color: #ffffff;
  padding: 20px;}


#primaryBox .genericBox .corner {
  background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
  float: right;
  margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
  font-size: 2.0em;
  margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
  background-color: #fff;
  /*background-image: url(../../Images/Icons/iconPlus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 10px;
  border-bottom: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
  border-color: #AEAEAE;}

#primaryBox #readLess{
  /*background-image: url(../../Images/Icons/iconMinus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
  bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
  margin: 0 0 0 12px;
  font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
  font-style: italic;
  margin-bottom: 0.4em;}
  
.pageContent #primaryBox .genericBox{
  margin-bottom: 40px;}

.pageContent #additionalContent{
  margin-left: 263px;}



/* Banners */
#feature img {
  display: block;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  }
  
  

/* Inline images for use in ePhox EditLive fields */  
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}  



/* Letter in-page navigation */

#primaryContent ul.letters {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin-left: 0;
  padding: 1em 0pt;}
  
#primaryContent ul.letters li {
  display:inline;
  padding-right:0.2em;}
  
  

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
  width: 49.5%;
  float: left;} 

.twoColLandingPageBox.last {
  float: right;}

.twoColLandingPageBox h3 {
  margin-bottom: 0.3em;
  margin-left: 5px;}
  
#primaryContent .twoColLandingPageBox ul {
  background-color:#F6F6F6;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;
  list-style: disc;
  padding: 0;}
  
#primaryContent .twoColLandingPageBox ul li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;}
  
  
  
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
    margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
    width: 140px;
  float: left;
  margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
    float: left;
  margin-right: 6px;}
  
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
    width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
    margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
  



/* Press release listings on media centre homepage */

 #latestNews h3 {
  line-height: 120%;}
  
 #latestNews h3 a {   
  font-size: 85%;
  text-decoration: none;} 

  #latestNews p.releaseDate {
    margin: 0.6em 0 0.6em 0;}
  
  #latestNews ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #latestNews ul li {
    font-family: Georgia, "Times New Roman", Times, serif;
  border-top: 1px solid #e9e9e9;
  padding: 0.6em 0 0.6em 0;}
  
  #latestNews ul li a {
    text-decoration: none;}
  
/* RSS links on media centre homepage */

  ul.rssLinks {
    list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
  list-style-position: inside;
  padding-left: 24px;
  margin-left: 0;
  background-color: #ffffff;}
  
  ul.rssLinks li {
    padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;}
  
  .rssLink a {
  background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
  background-repeat: no-repeat;
  line-height: 20px;
  padding-bottom: 2px;
  padding-left: 90px;}
  
  .rssLink a:hover {
  background-color: transparent !important;
  color: #888888 !important;} 
  
  
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
    font-size: 1.8em;}

  #pressReleaseArchive ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #pressReleaseArchive ul li {
    margin-bottom: 0.4em;
  font-family: Georgia, "Times New Roman", Times, serif;}
  
  #pressReleaseArchive ul li a {
    text-decoration: none;}
    
    
    
/* Style for news story lists */

ul.newsList {
  margin-top: 10px;}
  
ul.newsList li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;}
  
  
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
  width: 183px;
  min-height: 7em;
  padding: 10px;
  margin-right: 10px;}
  
#deptPromoBoxes .genericBox h3 {
  font-size: 1.6em;}
  
#deptPromoBoxes .genericBox h3 a {
  text-decoration: none;}
  


/* Academic Department Feature Boxes */ 
  
.deptHomepageFeatureContainer {
    float: left;
  width: 215px;
  margin-right: 9px;}
  
  #deptPromoBoxes .last {
    margin-right: 0;} 
  
    
.deptHomepageFeature {
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
  padding: 10px 0 0 8px;
  margin: 0 0 15px 0;
  border: 1px solid #D7D7D7;
  background-position: bottom;
  min-height: 100px;
  position: relative;}

.deptHomepageFeatureCutout {
  position: absolute;
  right: -1px;
  bottom: -14px;}
    
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
  background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 1em 65px;
  min-height: 65px;
  margin: 0;
  }

/* Force academic department pages to be three-column */  
div#primaryContent.academicDepartment {
  width: 469px;}  
  
.pageTwoColumn #extra.academicDepartment {
  width: 250px;
  float: right;
  margin-top: 15px;}
  
  
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  padding-bottom: 4px;} 
  
  
/* FAQs */  
  
dl.faqList dt {
  font-weight: bold;
  margin-bottom: 8px;
  }
  
dl.faqList dd {
  margin-bottom: 16px;
  } 
  
/* UG Course List Stuff */

#primaryContent .courseList h3 {
  border-bottom: 1px solid #aaaaaa;
  font-size: 1.8em;
  }
  
#primaryContent .courseList ul {
  list-style: disc;
  padding: 0;
  margin: 0.8em 0 1.5em 0;
  }
  
#primaryContent .courseList ul.programmeList {
  margin: 0.4em 0 0 0;
  }     
  
#primaryContent .courseList ul li {
  margin-bottom: 1.5em;
  font-weight: bold;
  }
  
#primaryContent .courseList ul.programmeList li {
  margin: 0.2em 0 0.2em 0;
  font-weight: normal;
  }
  
  
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
  margin: 0 0 1em 0;
  font-size: 1.8em;
  padding-bottom: 1em;
  }   
    
#primaryContent .genericContainer #factfile table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  border: none;
  }

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
  text-align: left;
  vertical-align: top;
  padding: 0.8em 0 0 0;
  border-top: 1px solid #eaeaea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #ffffff;
  }
#primaryContent .genericContainer #factfile td p {
  margin: 0 0 0.8em 0;
  }
#primaryContent .genericContainer #factfile th {
  width: 20em;
  } 
  

  
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
  width: 55px;
  float: left;
  margin: 0 10px 0 0;}
.calendarIconDay {
  background-color: #dddddd;
  text-align: center;
  padding: 8px 0 8px 0;
  color: #002667;
  font-size: 2.2em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
  background-color: #bcbcba;
  text-align: center;
  color: #002667;
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bold;
  font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0 2em 0;
  }
dl.eventDetails dt {
  display: block;
  float: left;
  clear: left;
  padding: 8px 0 8px 0;
  width: 14em;
  font-weight: bold;
  }
dl.eventDetails dd {
  border-top: 1px solid #eaeaea;
  padding: 8px 0 8px 14em;
  }
  
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
  background-color: #009edf;  
  border-bottom: 1px solid #0087be;
  border-left: 1px solid #5fb7e8;
  border-right: 1px solid #0087be;
  border-top: 1px solid #5fb7e8;
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 7px 5px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none !important;
  width: 70px}

.bookOnlineButton a:hover {
  background-color: #66c5ec;
  border-bottom-color: #66b7d8;
  border-left-color: #9fd3f1;
  border-right-color: #66b7d8;
  border-top-color: #9fd3f1;}
  


  
  
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
  margin: 10px 0 20px 0;}
  
  
  
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
  width: 770px;}
  
.eventBookingPage .genericContainer h1 {
  margin: 0 !important;}

#sabo_frame{
  border: 0;
  height: 1500px;
  margin: 0;
  padding: 0;
  width: 750px;}
  


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
  z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
  /*padding: 20px;*/
  padding:5px;
  min-height: 164px;
  /*margin-bottom: 10px;*/
  margin-bottom:15px;
  border-color: #e6e6e6;
  background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
  background-color:#FFFFFF;
  margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
  padding: 5px;
  margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
  background-color: #fff;
  margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
  float: left;
  margin-right: 20px;
  line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
  /*
  width: 40%;
  display: inline;*/}

#tabbedContent ul#tabNavigation li{
  display: inline;}

#tabbedContent ul#tabNavigation li a{
  color: #696969;
  font-weight: normal;
  text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
  float: left;
  margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
  color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
  height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
  width: 268px;
  margin: 0;
  padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
  margin: 0;
  padding: 10px;
  margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
  background-color: #00a8e1;
  color: #fff;}

.pageContent #extra #tabbedContent h3{
  margin: 0.6em 10px 0.6em 10px;
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
  margin-left: 10px;
  margin-right: 10px;}
  
    
#primaryContent ul.ui-tabs-nav {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 0pt 4px;}
    
#primaryContent ul.ui-tabs-nav li {
  margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
  font-family:Georgia, Serif;
  color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
  font-size: 3.0em;
  font-weight: normal;
  margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
  color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
  color: #666666;
  font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
  font-size: 2.1em;
  color: #606060;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 15px;}

.pageContent #extra h2{
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}
  
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
  
.pageContent #extra h2{
  position: static;
}
  
.pageContent #additionalContent h3{
  margin: 0;}

.pageContent #primaryContent h3{
  /*font-size: 1.8em;
  margin-top: 0.4em;*/
  font-size: 1.6em;
  margin: 1em 0 0.3em 0;}
  
.pageContent #primaryContent .deptHomepageFeature h3 {
  margin-top: 0;}
  
#primaryContent .genericContainer h2{
  margin: 0;} 
  
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
  color:#606060;
  font-size:2.2em;
  margin-bottom: 0.3em;
  margin-top: 1em;}

  
.pageContent #primaryContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
  font-size: 1.4em;}
  
.pageContent #extra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;}


/* Paragraphs */
p {
  margin: 0.4em 0 1.2em 0;
  line-height: 1.4;
  font-size: 1.1em;}

p.date{
  font-family: Georgia, Serif;
  font-size: 1.2em;
  margin-bottom: 0;}
  
  
.callout p {
  font-family: Georgia, serif;
  font-size: 1.3em;
  line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
  background-color:#002664;
  color: #fff;}
  
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: underline;}

#pageHome #primaryContent a{
  text-decoration: none;}
  
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: none;}
  
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
  text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
  color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
  color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
  background-color:#9bae01;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
  color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
  color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}
  

/* File download links */
.fileTypeIcon {
  background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
  padding-bottom: 4px;
  padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

  
  
/* Lists */

ul.genericList{
  margin:0.4em 0pt 1.2em;
  font-size: 1.1em;
  line-height: 1.4;}

ul.bulletList{
  list-style-type: disc;
  list-style-position: inside;}
  
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
  list-style-type: none;
  padding: 0;
  margin: 0;}
  

ul.genericOrderedList{
  list-style-type: decimal;
  list-style-position: inside;}

ul.genericOrderedList li{
  margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
  padding: 1em 0 1em 1.4em;
  list-style-type: disc;}
  
#primaryContent ul li, #extra ul li, #primaryContent ol li {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 0.2em;}
  
#primaryContent ol li {
  margin-bottom: 0.6em;}  
  
#primaryContent ol {
  list-style: decimal;
  margin: 1em 0 1em 34px;}  
  

#extra ul.relatedLinks {
  list-style-type: none;
  padding: 1em 0 0 0;}
  
#extra ul.relatedLinks li {
  margin-bottom: 0.4em;}

#primaryContent ul ul > li {
    font-size: 1em;
}

  
/*normal*/
ul.iconList{}

ul.iconList li a{
  /*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
  background-repeat: no-repeat;
  background-position:right center;
  padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
  border-bottom: 1px solid #dddddd;
  line-height: 3.0em;
  font-family:Georgia, Serif;}

ul.large li.last{
  border: 0 none;}

ul.large li a{
  font-size: 2.0em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
  border-bottom: 1px solid #dddddd;
  line-height: 2.5em;
  font-family:Georgia, Serif;
  font-weight: normal;}

ul.medium li.last{
  border: 0 none;}

ul.medium li a{
  font-size: 1.5em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
  font-size: 1.4em;
  margin: 0.2em 0 0.2em 0;
  display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
  border: 1px solid #cccccc;
    padding: 10px;}

#dynSearchResults ul {
    border-top: 1px solid #cccccc;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 0 0 0;}

#dynSearchResults ul li {
    margin-bottom: 8px;}
  
  
  
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 16px;}

.mediaCoverageItem h3 {
  color: #002664;
  font-size: 1.4em;}
  
.mediaDate {
  color: #777777;
  font-size: 1.3em;
  font-weight: bold;}
  

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
  font-size: 85%;}


  
  
/* Expert comment section for the homepage */

.expertComment {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 23px;}

.expertComment h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 8px;}
  
.expertComment h4 {
  color: #555555;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.2em;}

/*
ul.expertComment {
  border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
  font-size: 1.5em;}
  
ul.expertComment li a {
  font-family: Georgia, Times, serif;}
  
*/

/* End of of Typography stylesheet - 23893 */
/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
  but the hacks contained within it further target 
  IE5-6 for Windows. See file for details. */


/* The file below is ONLY read by IE5/Win.
  Makes use of the Mid Pass Filter: 
  http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
  Makes use of the Band Pass Filter: 
  http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.0%;
  background-color:#ffffff;
  position: relative;
  /*color: #606060;*/
  color: #555555;}

body.pageContent{
  /*background-image: url(../../Images/Common/pageContentBG.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
  background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
  position: relative;}


u {text-decoration: none;}

/*  To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*  Completely remove text from presentation */
/*  Not used to hide text  - screen readers won't pick it up either */
.invisible {display: none;}

/*  Used to hide text that screen readers should pick up */
.hide {
  position: absolute;
  top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*  Clear floats on a background */
.theBreaker{
  height: 0.005em;
  clear: both;
  overflow: hidden;}

/*  Clearfix method for floated elements  */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*  IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

.replace span{
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
  display: block;
  color: #e9e9e9;
  background-color: #e9e9e9;
  height: 1px;
  border: 0 none;
  margin: 9px 0 9px 0;}
  
#featureBox{
  position: relative;}  

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
  height:50px; 
  width:168px; 
  /*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
  cursor:pointer;}

#h1UniversityOfSurrey{
  position: absolute;
  top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
  padding: 1em;}

#branding {
  position: relative;
  padding-top: 105px;
  width: 100%;/*helps IE with layout*/}

.pageContent #branding{
  margin-bottom: 10px;
  height: 142px;
  padding-top: 0;}


/* Search */

#branding #search{
  position: absolute;
  top: 0;
  right: 0;}

#branding #search{
  text-align: right;
  margin-top: 10px;
  margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
  width: 15em;
  padding:3px 15px 3px 3px;
  border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
  border:1px solid #002664;}

#branding #search .genericButton{
  padding: 2px 15px 2px 2px;
  width: auto;}
  
#branding #search input#q {
  border:1px solid #D7D7D7;
  padding:3px 15px 3px 3px;
  width:15em;}


  
  
/*Primary navigation*/
#primaryNavigation{
  position: absolute;
  /* bottom: 330px; */
  right: 0;
  top: 70px;
  font-family: Georgia, Serif;
  font-size: 1.1em;
  z-index: 100;}

.pageContent #primaryNavigation{
  /*bottom: 70px;*/}

#primaryNavigation li{
  display: inline;}

#primaryNavigation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
  /*background-color: #00a8e1;
  color: #fff;*/
  background: none;
    color: #00a8e1;}  

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
  color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family:Georgia, Serif;}

#breadcrumb ul{
  list-style-type:none;
  margin-left: 0;}

#breadcrumb ul li{
  display: inline;
  /*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
  background-image: none;
  padding: 0;}

#breadcrumb ul li.last{
  background-image: none;}

#breadcrumb ul li a{
  color: #666666;
  text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
  color: #fff;}
  
  
  
/* Print this page icon */

#printPage {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 25px;
  font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
  /*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
  /*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
  /*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
  text-align: right;}

#siteInformation{
  border-top:1px solid #D7D7D7;
  /*padding: 20px;*/
  padding: 10px 0 0 0;
  text-align: center;}

.pageContent #siteInformation{
  position: relative;
  border-top: 0 none;
  /*height: 203px;*/
  height: auto;
  width: 100%;}

#siteInformation ul{
  margin-bottom: 1.4em;}

#siteInformation li{
  display: inline;
  font-family: Georgia, Serif;}

#siteInformation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
  background-color: #00a8e1;
  color: #fff;}
  
  
/* vcard (hcard) stuff */

.vcard .tel .type {
  display: none;}

/*gradient at bottom of page visual effect*/
/*  class defines generic gradient at the bottom of the page */
.decorativeEffect{
  /*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
  background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
  width: 100%;
  left: 0;
  z-index:0;
  height: 439px;
  margin-top: -439px;}
  
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{  
  background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
  background-position: left -200px;}
  
.footerSeparator {
  display: none;}
  
  
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
  border-top: 1px solid #e4e4e4;
  font-size: 110%;
  margin-top: 17px;
  padding-bottom: 36px;
  padding-top: 17px;
  overflow: hidden;
  text-align: left;}
#footerContainer {
  margin: auto;
  width: 979px;}  
ul#footerLinks {
  margin: auto;
  width: 979px;}
ul#footerLinks li {
  display: inline;}
ul#footerLinks li a {
  color: #606060;
  display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
  background-color: #00a8e1;
  color: #ffffff;}
.footerSeparator {
  color: #cccccc;
  display: inline;
  padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
  color: #909090; 
  margin: 20px auto 0px auto; 
  width: 979px;}
#hcard-The-University-of-Surrey a.url {
  color: #909090;}
  
#visualEffect01 {
  display: none;}
  
#decorationImg {
  clear: both;
  /*margin: -70px auto 10px auto;*/
  margin: -45px auto 10px auto;
  /*margin: auto;*/
  text-align: right;
  width: 979px;}
  
  
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
  padding-top: 0;}

#surrey120 a {
  background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
  background-position: 0 11px;
  background-repeat: no-repeat;
  border-right: 1px solid #e4e4e4;
  display: block;
  float: left;
  height: 77px; 
  width: 199px;}
  
#surrey120 a:hover, #surrey120 a:focus {
  background-color: #ffffff;}

ul#footerLinks {
  float: left;
  padding-left: 10px;
  padding-top: 34px;
  width: 769px;}
  
#hcard-The-University-of-Surrey{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
  width: 769px;}  
  


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
  width: 973px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position:relative;
  font-size: 1.1em;}
  
/*basic 2 column page layout*/

.pageTwoColumn #container{
  /*background-color: olive;*/}

.pageTwoColumn #primaryContent{
  /*background-color: Red;*/
  width: 725px;
  float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
  width: 224px;
  float: left;
  /*padding-right: 24px;*/
  padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
  /*width: 407px;*/
  width: 469px;
  float: left;}

.pageThreeColumn #extra{
  /*width: 292px;*/
  width: 250px;
  float: right;
  margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
  margin: 15px;}

  
/* Boxes on pages */


.genericBox {
  background-color:#f3f3f3;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0;
  min-height:10.9em;
  padding:  10px 20px;}

.genericBox:hover{
  border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
  background-color: #f8f8f8;
  width: 1px;
  height: 1px;
  z-index: 100;
  font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
  position: absolute;
  top: -1px;
  left:-1px;}

.genericBox .tr{
  position: absolute;
  top: -1px;
  right:-1px;}

.genericBox .bl{
  position: absolute;
  bottom: -1px;
  left:-1px;}

.genericBox .br{
  position: absolute;
  bottom: -1px;
  right:-1px;}

  
#primaryBox {
  padding: 10px;}

#primaryBox .genericBox {
  background-color: #ffffff;
  padding: 20px;}


#primaryBox .genericBox .corner {
  background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
  float: right;
  margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
  font-size: 2.0em;
  margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
  background-color: #fff;
  /*background-image: url(../../Images/Icons/iconPlus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 10px;
  border-bottom: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
  border-color: #AEAEAE;}

#primaryBox #readLess{
  /*background-image: url(../../Images/Icons/iconMinus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
  bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
  margin: 0 0 0 12px;
  font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
  font-style: italic;
  margin-bottom: 0.4em;}
  
.pageContent #primaryBox .genericBox{
  margin-bottom: 40px;}

.pageContent #additionalContent{
  margin-left: 263px;}



/* Banners */
#feature img {
  display: block;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  }
  
  

/* Inline images for use in ePhox EditLive fields */  
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}  



/* Letter in-page navigation */

#primaryContent ul.letters {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin-left: 0;
  padding: 1em 0pt;}
  
#primaryContent ul.letters li {
  display:inline;
  padding-right:0.2em;}
  
  

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
  width: 49.5%;
  float: left;} 

.twoColLandingPageBox.last {
  float: right;}

.twoColLandingPageBox h3 {
  margin-bottom: 0.3em;
  margin-left: 5px;}
  
#primaryContent .twoColLandingPageBox ul {
  background-color:#F6F6F6;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;
  list-style: disc;
  padding: 0;}
  
#primaryContent .twoColLandingPageBox ul li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;}
  
  
  
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
    margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
    width: 140px;
  float: left;
  margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
    float: left;
  margin-right: 6px;}
  
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
    width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
    margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
  



/* Press release listings on media centre homepage */

 #latestNews h3 {
  line-height: 120%;}
  
 #latestNews h3 a {   
  font-size: 85%;
  text-decoration: none;} 

  #latestNews p.releaseDate {
    margin: 0.6em 0 0.6em 0;}
  
  #latestNews ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #latestNews ul li {
    font-family: Georgia, "Times New Roman", Times, serif;
  border-top: 1px solid #e9e9e9;
  padding: 0.6em 0 0.6em 0;}
  
  #latestNews ul li a {
    text-decoration: none;}
  
/* RSS links on media centre homepage */

  ul.rssLinks {
    list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
  list-style-position: inside;
  padding-left: 24px;
  margin-left: 0;
  background-color: #ffffff;}
  
  ul.rssLinks li {
    padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;}
  
  .rssLink a {
  background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
  background-repeat: no-repeat;
  line-height: 20px;
  padding-bottom: 2px;
  padding-left: 90px;}
  
  .rssLink a:hover {
  background-color: transparent !important;
  color: #888888 !important;} 
  
  
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
    font-size: 1.8em;}

  #pressReleaseArchive ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #pressReleaseArchive ul li {
    margin-bottom: 0.4em;
  font-family: Georgia, "Times New Roman", Times, serif;}
  
  #pressReleaseArchive ul li a {
    text-decoration: none;}
    
    
    
/* Style for news story lists */

ul.newsList {
  margin-top: 10px;}
  
ul.newsList li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;}
  
  
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
  width: 183px;
  min-height: 7em;
  padding: 10px;
  margin-right: 10px;}
  
#deptPromoBoxes .genericBox h3 {
  font-size: 1.6em;}
  
#deptPromoBoxes .genericBox h3 a {
  text-decoration: none;}
  


/* Academic Department Feature Boxes */ 
  
.deptHomepageFeatureContainer {
    float: left;
  width: 215px;
  margin-right: 9px;}
  
  #deptPromoBoxes .last {
    margin-right: 0;} 
  
    
.deptHomepageFeature {
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
  padding: 10px 0 0 8px;
  margin: 0 0 15px 0;
  border: 1px solid #D7D7D7;
  background-position: bottom;
  min-height: 100px;
  position: relative;}

.deptHomepageFeatureCutout {
  position: absolute;
  right: -1px;
  bottom: -14px;}
    
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
  background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 1em 65px;
  min-height: 65px;
  margin: 0;
  }

/* Force academic department pages to be three-column */  
div#primaryContent.academicDepartment {
  width: 469px;}  
  
.pageTwoColumn #extra.academicDepartment {
  width: 250px;
  float: right;
  margin-top: 15px;}
  
  
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  padding-bottom: 4px;} 
  
  
/* FAQs */  
  
dl.faqList dt {
  font-weight: bold;
  margin-bottom: 8px;
  }
  
dl.faqList dd {
  margin-bottom: 16px;
  } 
  
/* UG Course List Stuff */

#primaryContent .courseList h3 {
  border-bottom: 1px solid #aaaaaa;
  font-size: 1.8em;
  }
  
#primaryContent .courseList ul {
  list-style: disc;
  padding: 0;
  margin: 0.8em 0 1.5em 0;
  }
  
#primaryContent .courseList ul.programmeList {
  margin: 0.4em 0 0 0;
  }     
  
#primaryContent .courseList ul li {
  margin-bottom: 1.5em;
  font-weight: bold;
  }
  
#primaryContent .courseList ul.programmeList li {
  margin: 0.2em 0 0.2em 0;
  font-weight: normal;
  }
  
  
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
  margin: 0 0 1em 0;
  font-size: 1.8em;
  padding-bottom: 1em;
  }   
    
#primaryContent .genericContainer #factfile table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  border: none;
  }

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
  text-align: left;
  vertical-align: top;
  padding: 0.8em 0 0 0;
  border-top: 1px solid #eaeaea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #ffffff;
  }
#primaryContent .genericContainer #factfile td p {
  margin: 0 0 0.8em 0;
  }
#primaryContent .genericContainer #factfile th {
  width: 20em;
  } 
  

  
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
  width: 55px;
  float: left;
  margin: 0 10px 0 0;}
.calendarIconDay {
  background-color: #dddddd;
  text-align: center;
  padding: 8px 0 8px 0;
  color: #002667;
  font-size: 2.2em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
  background-color: #bcbcba;
  text-align: center;
  color: #002667;
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bold;
  font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0 2em 0;
  }
dl.eventDetails dt {
  display: block;
  float: left;
  clear: left;
  padding: 8px 0 8px 0;
  width: 14em;
  font-weight: bold;
  }
dl.eventDetails dd {
  border-top: 1px solid #eaeaea;
  padding: 8px 0 8px 14em;
  }
  
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
  background-color: #009edf;  
  border-bottom: 1px solid #0087be;
  border-left: 1px solid #5fb7e8;
  border-right: 1px solid #0087be;
  border-top: 1px solid #5fb7e8;
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 7px 5px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none !important;
  width: 70px}

.bookOnlineButton a:hover {
  background-color: #66c5ec;
  border-bottom-color: #66b7d8;
  border-left-color: #9fd3f1;
  border-right-color: #66b7d8;
  border-top-color: #9fd3f1;}
  


  
  
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
  margin: 10px 0 20px 0;}
  
  
  
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
  width: 770px;}
  
.eventBookingPage .genericContainer h1 {
  margin: 0 !important;}

#sabo_frame{
  border: 0;
  height: 1500px;
  margin: 0;
  padding: 0;
  width: 750px;}
  


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
  z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
  /*padding: 20px;*/
  padding:5px;
  min-height: 164px;
  /*margin-bottom: 10px;*/
  margin-bottom:15px;
  border-color: #e6e6e6;
  background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
  background-color:#FFFFFF;
  margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
  padding: 5px;
  margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
  background-color: #fff;
  margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
  float: left;
  margin-right: 20px;
  line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
  /*
  width: 40%;
  display: inline;*/}

#tabbedContent ul#tabNavigation li{
  display: inline;}

#tabbedContent ul#tabNavigation li a{
  color: #696969;
  font-weight: normal;
  text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
  float: left;
  margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
  color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
  height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
  width: 268px;
  margin: 0;
  padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
  margin: 0;
  padding: 10px;
  margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
  background-color: #00a8e1;
  color: #fff;}

.pageContent #extra #tabbedContent h3{
  margin: 0.6em 10px 0.6em 10px;
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
  margin-left: 10px;
  margin-right: 10px;}
  
    
#primaryContent ul.ui-tabs-nav {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 0pt 4px;}
    
#primaryContent ul.ui-tabs-nav li {
  margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
  font-family:Georgia, Serif;
  color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
  font-size: 3.0em;
  font-weight: normal;
  margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
  color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
  color: #666666;
  font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
  font-size: 2.1em;
  color: #606060;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 15px;}

.pageContent #extra h2{
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}
  
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
  
.pageContent #extra h2{
  position: static;
}
  
.pageContent #additionalContent h3{
  margin: 0;}

.pageContent #primaryContent h3{
  /*font-size: 1.8em;
  margin-top: 0.4em;*/
  font-size: 1.6em;
  margin: 1em 0 0.3em 0;}
  
.pageContent #primaryContent .deptHomepageFeature h3 {
  margin-top: 0;}
  
#primaryContent .genericContainer h2{
  margin: 0;} 
  
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
  color:#606060;
  font-size:2.2em;
  margin-bottom: 0.3em;
  margin-top: 1em;}

  
.pageContent #primaryContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
  font-size: 1.4em;}
  
.pageContent #extra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;}


/* Paragraphs */
p {
  margin: 0.4em 0 1.2em 0;
  line-height: 1.4;
  font-size: 1.1em;}

p.date{
  font-family: Georgia, Serif;
  font-size: 1.2em;
  margin-bottom: 0;}
  
  
.callout p {
  font-family: Georgia, serif;
  font-size: 1.3em;
  line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
  background-color:#002664;
  color: #fff;}
  
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: underline;}

#pageHome #primaryContent a{
  text-decoration: none;}
  
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: none;}
  
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
  text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
  color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
  color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
  background-color:#9bae01;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
  color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
  color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}
  

/* File download links */
.fileTypeIcon {
  background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
  padding-bottom: 4px;
  padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

  
  
/* Lists */

ul.genericList{
  margin:0.4em 0pt 1.2em;
  font-size: 1.1em;
  line-height: 1.4;}

ul.bulletList{
  list-style-type: disc;
  list-style-position: inside;}
  
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
  list-style-type: none;
  padding: 0;
  margin: 0;}
  

ul.genericOrderedList{
  list-style-type: decimal;
  list-style-position: inside;}

ul.genericOrderedList li{
  margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
  padding: 1em 0 1em 1.4em;
  list-style-type: disc;}
  
#primaryContent ul li, #extra ul li, #primaryContent ol li {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 0.2em;}
  
#primaryContent ol li {
  margin-bottom: 0.6em;}  
  
#primaryContent ol {
  list-style: decimal;
  margin: 1em 0 1em 34px;}  
  

#extra ul.relatedLinks {
  list-style-type: none;
  padding: 1em 0 0 0;}
  
#extra ul.relatedLinks li {
  margin-bottom: 0.4em;}

#primaryContent ul ul > li {
    font-size: 1em;
}

  
/*normal*/
ul.iconList{}

ul.iconList li a{
  /*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
  background-repeat: no-repeat;
  background-position:right center;
  padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
  border-bottom: 1px solid #dddddd;
  line-height: 3.0em;
  font-family:Georgia, Serif;}

ul.large li.last{
  border: 0 none;}

ul.large li a{
  font-size: 2.0em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
  border-bottom: 1px solid #dddddd;
  line-height: 2.5em;
  font-family:Georgia, Serif;
  font-weight: normal;}

ul.medium li.last{
  border: 0 none;}

ul.medium li a{
  font-size: 1.5em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
  font-size: 1.4em;
  margin: 0.2em 0 0.2em 0;
  display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
  border: 1px solid #cccccc;
    padding: 10px;}

#dynSearchResults ul {
    border-top: 1px solid #cccccc;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 0 0 0;}

#dynSearchResults ul li {
    margin-bottom: 8px;}
  
  
  
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 16px;}

.mediaCoverageItem h3 {
  color: #002664;
  font-size: 1.4em;}
  
.mediaDate {
  color: #777777;
  font-size: 1.3em;
  font-weight: bold;}
  

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
  font-size: 85%;}


  
  
/* Expert comment section for the homepage */

.expertComment {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 23px;}

.expertComment h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 8px;}
  
.expertComment h4 {
  color: #555555;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.2em;}

/*
ul.expertComment {
  border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
  font-size: 1.5em;}
  
ul.expertComment li a {
  font-family: Georgia, Times, serif;}
  
*/

/* End of of Typography stylesheet - 23893 */
/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
  but the hacks contained within it further target 
  IE5-6 for Windows. See file for details. */


/* The file below is ONLY read by IE5/Win.
  Makes use of the Mid Pass Filter: 
  http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
  Makes use of the Band Pass Filter: 
  http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.0%;
  background-color:#ffffff;
  position: relative;
  /*color: #606060;*/
  color: #555555;}

body.pageContent{
  /*background-image: url(../../Images/Common/pageContentBG.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
  background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
  position: relative;}


u {text-decoration: none;}

/*  To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*  Completely remove text from presentation */
/*  Not used to hide text  - screen readers won't pick it up either */
.invisible {display: none;}

/*  Used to hide text that screen readers should pick up */
.hide {
  position: absolute;
  top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*  Clear floats on a background */
.theBreaker{
  height: 0.005em;
  clear: both;
  overflow: hidden;}

/*  Clearfix method for floated elements  */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*  IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

.replace span{
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
  display: block;
  color: #e9e9e9;
  background-color: #e9e9e9;
  height: 1px;
  border: 0 none;
  margin: 9px 0 9px 0;}
  
#featureBox{
  position: relative;}  

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
  height:50px; 
  width:168px; 
  /*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
  cursor:pointer;}

#h1UniversityOfSurrey{
  position: absolute;
  top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
  padding: 1em;}

#branding {
  position: relative;
  padding-top: 105px;
  width: 100%;/*helps IE with layout*/}

.pageContent #branding{
  margin-bottom: 10px;
  height: 142px;
  padding-top: 0;}


/* Search */

#branding #search{
  position: absolute;
  top: 0;
  right: 0;}

#branding #search{
  text-align: right;
  margin-top: 10px;
  margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
  width: 15em;
  padding:3px 15px 3px 3px;
  border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
  border:1px solid #002664;}

#branding #search .genericButton{
  padding: 2px 15px 2px 2px;
  width: auto;}
  
#branding #search input#q {
  border:1px solid #D7D7D7;
  padding:3px 15px 3px 3px;
  width:15em;}


  
  
/*Primary navigation*/
#primaryNavigation{
  position: absolute;
  /* bottom: 330px; */
  right: 0;
  top: 70px;
  font-family: Georgia, Serif;
  font-size: 1.1em;
  z-index: 100;}

.pageContent #primaryNavigation{
  /*bottom: 70px;*/}

#primaryNavigation li{
  display: inline;}

#primaryNavigation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
  /*background-color: #00a8e1;
  color: #fff;*/
  background: none;
    color: #00a8e1;}  

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
  color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family:Georgia, Serif;}

#breadcrumb ul{
  list-style-type:none;
  margin-left: 0;}

#breadcrumb ul li{
  display: inline;
  /*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
  background-image: none;
  padding: 0;}

#breadcrumb ul li.last{
  background-image: none;}

#breadcrumb ul li a{
  color: #666666;
  text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
  color: #fff;}
  
  
  
/* Print this page icon */

#printPage {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 25px;
  font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
  /*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
  /*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
  /*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
  text-align: right;}

#siteInformation{
  border-top:1px solid #D7D7D7;
  /*padding: 20px;*/
  padding: 10px 0 0 0;
  text-align: center;}

.pageContent #siteInformation{
  position: relative;
  border-top: 0 none;
  /*height: 203px;*/
  height: auto;
  width: 100%;}

#siteInformation ul{
  margin-bottom: 1.4em;}

#siteInformation li{
  display: inline;
  font-family: Georgia, Serif;}

#siteInformation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
  background-color: #00a8e1;
  color: #fff;}
  
  
/* vcard (hcard) stuff */

.vcard .tel .type {
  display: none;}

/*gradient at bottom of page visual effect*/
/*  class defines generic gradient at the bottom of the page */
.decorativeEffect{
  /*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
  background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
  width: 100%;
  left: 0;
  z-index:0;
  height: 439px;
  margin-top: -439px;}
  
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{  
  background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
  background-position: left -200px;}
  
.footerSeparator {
  display: none;}
  
  
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
  border-top: 1px solid #e4e4e4;
  font-size: 110%;
  margin-top: 17px;
  padding-bottom: 36px;
  padding-top: 17px;
  overflow: hidden;
  text-align: left;}
#footerContainer {
  margin: auto;
  width: 979px;}  
ul#footerLinks {
  margin: auto;
  width: 979px;}
ul#footerLinks li {
  display: inline;}
ul#footerLinks li a {
  color: #606060;
  display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
  background-color: #00a8e1;
  color: #ffffff;}
.footerSeparator {
  color: #cccccc;
  display: inline;
  padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
  color: #909090; 
  margin: 20px auto 0px auto; 
  width: 979px;}
#hcard-The-University-of-Surrey a.url {
  color: #909090;}
  
#visualEffect01 {
  display: none;}
  
#decorationImg {
  clear: both;
  /*margin: -70px auto 10px auto;*/
  margin: -45px auto 10px auto;
  /*margin: auto;*/
  text-align: right;
  width: 979px;}
  
  
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
  padding-top: 0;}

#surrey120 a {
  background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
  background-position: 0 11px;
  background-repeat: no-repeat;
  border-right: 1px solid #e4e4e4;
  display: block;
  float: left;
  height: 77px; 
  width: 199px;}
  
#surrey120 a:hover, #surrey120 a:focus {
  background-color: #ffffff;}

ul#footerLinks {
  float: left;
  padding-left: 10px;
  padding-top: 34px;
  width: 769px;}
  
#hcard-The-University-of-Surrey{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
  width: 769px;}  
  


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
  width: 973px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position:relative;
  font-size: 1.1em;}
  
/*basic 2 column page layout*/

.pageTwoColumn #container{
  /*background-color: olive;*/}

.pageTwoColumn #primaryContent{
  /*background-color: Red;*/
  width: 725px;
  float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
  width: 224px;
  float: left;
  /*padding-right: 24px;*/
  padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
  /*width: 407px;*/
  width: 469px;
  float: left;}

.pageThreeColumn #extra{
  /*width: 292px;*/
  width: 250px;
  float: right;
  margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
  margin: 15px;}

  
/* Boxes on pages */


.genericBox {
  background-color:#f3f3f3;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0;
  min-height:10.9em;
  padding:  10px 20px;}

.genericBox:hover{
  border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
  background-color: #f8f8f8;
  width: 1px;
  height: 1px;
  z-index: 100;
  font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
  position: absolute;
  top: -1px;
  left:-1px;}

.genericBox .tr{
  position: absolute;
  top: -1px;
  right:-1px;}

.genericBox .bl{
  position: absolute;
  bottom: -1px;
  left:-1px;}

.genericBox .br{
  position: absolute;
  bottom: -1px;
  right:-1px;}

  
#primaryBox {
  padding: 10px;}

#primaryBox .genericBox {
  background-color: #ffffff;
  padding: 20px;}


#primaryBox .genericBox .corner {
  background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
  float: right;
  margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
  font-size: 2.0em;
  margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
  background-color: #fff;
  /*background-image: url(../../Images/Icons/iconPlus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 10px;
  border-bottom: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
  border-color: #AEAEAE;}

#primaryBox #readLess{
  /*background-image: url(../../Images/Icons/iconMinus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
  bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
  margin: 0 0 0 12px;
  font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
  font-style: italic;
  margin-bottom: 0.4em;}
  
.pageContent #primaryBox .genericBox{
  margin-bottom: 40px;}

.pageContent #additionalContent{
  margin-left: 263px;}



/* Banners */
#feature img {
  display: block;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  }
  
  

/* Inline images for use in ePhox EditLive fields */  
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}  



/* Letter in-page navigation */

#primaryContent ul.letters {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin-left: 0;
  padding: 1em 0pt;}
  
#primaryContent ul.letters li {
  display:inline;
  padding-right:0.2em;}
  
  

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
  width: 49.5%;
  float: left;} 

.twoColLandingPageBox.last {
  float: right;}

.twoColLandingPageBox h3 {
  margin-bottom: 0.3em;
  margin-left: 5px;}
  
#primaryContent .twoColLandingPageBox ul {
  background-color:#F6F6F6;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;
  list-style: disc;
  padding: 0;}
  
#primaryContent .twoColLandingPageBox ul li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;}
  
  
  
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
    margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
    width: 140px;
  float: left;
  margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
    float: left;
  margin-right: 6px;}
  
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
    width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
    margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
  



/* Press release listings on media centre homepage */

 #latestNews h3 {
  line-height: 120%;}
  
 #latestNews h3 a {   
  font-size: 85%;
  text-decoration: none;} 

  #latestNews p.releaseDate {
    margin: 0.6em 0 0.6em 0;}
  
  #latestNews ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #latestNews ul li {
    font-family: Georgia, "Times New Roman", Times, serif;
  border-top: 1px solid #e9e9e9;
  padding: 0.6em 0 0.6em 0;}
  
  #latestNews ul li a {
    text-decoration: none;}
  
/* RSS links on media centre homepage */

  ul.rssLinks {
    list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
  list-style-position: inside;
  padding-left: 24px;
  margin-left: 0;
  background-color: #ffffff;}
  
  ul.rssLinks li {
    padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;}
  
  .rssLink a {
  background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
  background-repeat: no-repeat;
  line-height: 20px;
  padding-bottom: 2px;
  padding-left: 90px;}
  
  .rssLink a:hover {
  background-color: transparent !important;
  color: #888888 !important;} 
  
  
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
    font-size: 1.8em;}

  #pressReleaseArchive ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #pressReleaseArchive ul li {
    margin-bottom: 0.4em;
  font-family: Georgia, "Times New Roman", Times, serif;}
  
  #pressReleaseArchive ul li a {
    text-decoration: none;}
    
    
    
/* Style for news story lists */

ul.newsList {
  margin-top: 10px;}
  
ul.newsList li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;}
  
  
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
  width: 183px;
  min-height: 7em;
  padding: 10px;
  margin-right: 10px;}
  
#deptPromoBoxes .genericBox h3 {
  font-size: 1.6em;}
  
#deptPromoBoxes .genericBox h3 a {
  text-decoration: none;}
  


/* Academic Department Feature Boxes */ 
  
.deptHomepageFeatureContainer {
    float: left;
  width: 215px;
  margin-right: 9px;}
  
  #deptPromoBoxes .last {
    margin-right: 0;} 
  
    
.deptHomepageFeature {
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
  padding: 10px 0 0 8px;
  margin: 0 0 15px 0;
  border: 1px solid #D7D7D7;
  background-position: bottom;
  min-height: 100px;
  position: relative;}

.deptHomepageFeatureCutout {
  position: absolute;
  right: -1px;
  bottom: -14px;}
    
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
  background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 1em 65px;
  min-height: 65px;
  margin: 0;
  }

/* Force academic department pages to be three-column */  
div#primaryContent.academicDepartment {
  width: 469px;}  
  
.pageTwoColumn #extra.academicDepartment {
  width: 250px;
  float: right;
  margin-top: 15px;}
  
  
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  padding-bottom: 4px;} 
  
  
/* FAQs */  
  
dl.faqList dt {
  font-weight: bold;
  margin-bottom: 8px;
  }
  
dl.faqList dd {
  margin-bottom: 16px;
  } 
  
/* UG Course List Stuff */

#primaryContent .courseList h3 {
  border-bottom: 1px solid #aaaaaa;
  font-size: 1.8em;
  }
  
#primaryContent .courseList ul {
  list-style: disc;
  padding: 0;
  margin: 0.8em 0 1.5em 0;
  }
  
#primaryContent .courseList ul.programmeList {
  margin: 0.4em 0 0 0;
  }     
  
#primaryContent .courseList ul li {
  margin-bottom: 1.5em;
  font-weight: bold;
  }
  
#primaryContent .courseList ul.programmeList li {
  margin: 0.2em 0 0.2em 0;
  font-weight: normal;
  }
  
  
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
  margin: 0 0 1em 0;
  font-size: 1.8em;
  padding-bottom: 1em;
  }   
    
#primaryContent .genericContainer #factfile table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  border: none;
  }

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
  text-align: left;
  vertical-align: top;
  padding: 0.8em 0 0 0;
  border-top: 1px solid #eaeaea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #ffffff;
  }
#primaryContent .genericContainer #factfile td p {
  margin: 0 0 0.8em 0;
  }
#primaryContent .genericContainer #factfile th {
  width: 20em;
  } 
  

  
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
  width: 55px;
  float: left;
  margin: 0 10px 0 0;}
.calendarIconDay {
  background-color: #dddddd;
  text-align: center;
  padding: 8px 0 8px 0;
  color: #002667;
  font-size: 2.2em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
  background-color: #bcbcba;
  text-align: center;
  color: #002667;
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bold;
  font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0 2em 0;
  }
dl.eventDetails dt {
  display: block;
  float: left;
  clear: left;
  padding: 8px 0 8px 0;
  width: 14em;
  font-weight: bold;
  }
dl.eventDetails dd {
  border-top: 1px solid #eaeaea;
  padding: 8px 0 8px 14em;
  }
  
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
  background-color: #009edf;  
  border-bottom: 1px solid #0087be;
  border-left: 1px solid #5fb7e8;
  border-right: 1px solid #0087be;
  border-top: 1px solid #5fb7e8;
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 7px 5px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none !important;
  width: 70px}

.bookOnlineButton a:hover {
  background-color: #66c5ec;
  border-bottom-color: #66b7d8;
  border-left-color: #9fd3f1;
  border-right-color: #66b7d8;
  border-top-color: #9fd3f1;}
  


  
  
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
  margin: 10px 0 20px 0;}
  
  
  
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
  width: 770px;}
  
.eventBookingPage .genericContainer h1 {
  margin: 0 !important;}

#sabo_frame{
  border: 0;
  height: 1500px;
  margin: 0;
  padding: 0;
  width: 750px;}
  


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
  z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
  /*padding: 20px;*/
  padding:5px;
  min-height: 164px;
  /*margin-bottom: 10px;*/
  margin-bottom:15px;
  border-color: #e6e6e6;
  background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
  background-color:#FFFFFF;
  margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
  padding: 5px;
  margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
  background-color: #fff;
  margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
  float: left;
  margin-right: 20px;
  line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
  /*
  width: 40%;
  display: inline;*/}

#tabbedContent ul#tabNavigation li{
  display: inline;}

#tabbedContent ul#tabNavigation li a{
  color: #696969;
  font-weight: normal;
  text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
  float: left;
  margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
  color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
  height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
  width: 268px;
  margin: 0;
  padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
  margin: 0;
  padding: 10px;
  margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
  background-color: #00a8e1;
  color: #fff;}

.pageContent #extra #tabbedContent h3{
  margin: 0.6em 10px 0.6em 10px;
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
  margin-left: 10px;
  margin-right: 10px;}
  
    
#primaryContent ul.ui-tabs-nav {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 0pt 4px;}
    
#primaryContent ul.ui-tabs-nav li {
  margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
  font-family:Georgia, Serif;
  color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
  font-size: 3.0em;
  font-weight: normal;
  margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
  color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
  color: #666666;
  font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
  font-size: 2.1em;
  color: #606060;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 15px;}

.pageContent #extra h2{
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}
  
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
  
.pageContent #extra h2{
  position: static;
}
  
.pageContent #additionalContent h3{
  margin: 0;}

.pageContent #primaryContent h3{
  /*font-size: 1.8em;
  margin-top: 0.4em;*/
  font-size: 1.6em;
  margin: 1em 0 0.3em 0;}
  
.pageContent #primaryContent .deptHomepageFeature h3 {
  margin-top: 0;}
  
#primaryContent .genericContainer h2{
  margin: 0;} 
  
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
  color:#606060;
  font-size:2.2em;
  margin-bottom: 0.3em;
  margin-top: 1em;}

  
.pageContent #primaryContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
  font-size: 1.4em;}
  
.pageContent #extra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;}


/* Paragraphs */
p {
  margin: 0.4em 0 1.2em 0;
  line-height: 1.4;
  font-size: 1.1em;}

p.date{
  font-family: Georgia, Serif;
  font-size: 1.2em;
  margin-bottom: 0;}
  
  
.callout p {
  font-family: Georgia, serif;
  font-size: 1.3em;
  line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
  background-color:#002664;
  color: #fff;}
  
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: underline;}

#pageHome #primaryContent a{
  text-decoration: none;}
  
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: none;}
  
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
  text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
  color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
  color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
  background-color:#9bae01;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
  color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
  color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}
  

/* File download links */
.fileTypeIcon {
  background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
  padding-bottom: 4px;
  padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

  
  
/* Lists */

ul.genericList{
  margin:0.4em 0pt 1.2em;
  font-size: 1.1em;
  line-height: 1.4;}

ul.bulletList{
  list-style-type: disc;
  list-style-position: inside;}
  
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
  list-style-type: none;
  padding: 0;
  margin: 0;}
  

ul.genericOrderedList{
  list-style-type: decimal;
  list-style-position: inside;}

ul.genericOrderedList li{
  margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
  padding: 1em 0 1em 1.4em;
  list-style-type: disc;}
  
#primaryContent ul li, #extra ul li, #primaryContent ol li {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 0.2em;}
  
#primaryContent ol li {
  margin-bottom: 0.6em;}  
  
#primaryContent ol {
  list-style: decimal;
  margin: 1em 0 1em 34px;}  
  

#extra ul.relatedLinks {
  list-style-type: none;
  padding: 1em 0 0 0;}
  
#extra ul.relatedLinks li {
  margin-bottom: 0.4em;}

#primaryContent ul ul > li {
    font-size: 1em;
}

  
/*normal*/
ul.iconList{}

ul.iconList li a{
  /*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
  background-repeat: no-repeat;
  background-position:right center;
  padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
  border-bottom: 1px solid #dddddd;
  line-height: 3.0em;
  font-family:Georgia, Serif;}

ul.large li.last{
  border: 0 none;}

ul.large li a{
  font-size: 2.0em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
  border-bottom: 1px solid #dddddd;
  line-height: 2.5em;
  font-family:Georgia, Serif;
  font-weight: normal;}

ul.medium li.last{
  border: 0 none;}

ul.medium li a{
  font-size: 1.5em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
  font-size: 1.4em;
  margin: 0.2em 0 0.2em 0;
  display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
  border: 1px solid #cccccc;
    padding: 10px;}

#dynSearchResults ul {
    border-top: 1px solid #cccccc;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 0 0 0;}

#dynSearchResults ul li {
    margin-bottom: 8px;}
  
  
  
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 16px;}

.mediaCoverageItem h3 {
  color: #002664;
  font-size: 1.4em;}
  
.mediaDate {
  color: #777777;
  font-size: 1.3em;
  font-weight: bold;}
  

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
  font-size: 85%;}


  
  
/* Expert comment section for the homepage */

.expertComment {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 23px;}

.expertComment h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 8px;}
  
.expertComment h4 {
  color: #555555;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.2em;}

/*
ul.expertComment {
  border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
  font-size: 1.5em;}
  
ul.expertComment li a {
  font-family: Georgia, Times, serif;}
  
*/

/* End of of Typography stylesheet - 23893 */
/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
  but the hacks contained within it further target 
  IE5-6 for Windows. See file for details. */


/* The file below is ONLY read by IE5/Win.
  Makes use of the Mid Pass Filter: 
  http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
  Makes use of the Band Pass Filter: 
  http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.0%;
  background-color:#ffffff;
  position: relative;
  /*color: #606060;*/
  color: #555555;}

body.pageContent{
  /*background-image: url(../../Images/Common/pageContentBG.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
  background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
  position: relative;}


u {text-decoration: none;}

/*  To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*  Completely remove text from presentation */
/*  Not used to hide text  - screen readers won't pick it up either */
.invisible {display: none;}

/*  Used to hide text that screen readers should pick up */
.hide {
  position: absolute;
  top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*  Clear floats on a background */
.theBreaker{
  height: 0.005em;
  clear: both;
  overflow: hidden;}

/*  Clearfix method for floated elements  */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*  IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

.replace span{
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
  display: block;
  color: #e9e9e9;
  background-color: #e9e9e9;
  height: 1px;
  border: 0 none;
  margin: 9px 0 9px 0;}
  
#featureBox{
  position: relative;}  

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
  height:50px; 
  width:168px; 
  /*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
  cursor:pointer;}

#h1UniversityOfSurrey{
  position: absolute;
  top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
  padding: 1em;}

#branding {
  position: relative;
  padding-top: 105px;
  width: 100%;/*helps IE with layout*/}

.pageContent #branding{
  margin-bottom: 10px;
  height: 142px;
  padding-top: 0;}


/* Search */

#branding #search{
  position: absolute;
  top: 0;
  right: 0;}

#branding #search{
  text-align: right;
  margin-top: 10px;
  margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
  width: 15em;
  padding:3px 15px 3px 3px;
  border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
  border:1px solid #002664;}

#branding #search .genericButton{
  padding: 2px 15px 2px 2px;
  width: auto;}
  
#branding #search input#q {
  border:1px solid #D7D7D7;
  padding:3px 15px 3px 3px;
  width:15em;}


  
  
/*Primary navigation*/
#primaryNavigation{
  position: absolute;
  /* bottom: 330px; */
  right: 0;
  top: 70px;
  font-family: Georgia, Serif;
  font-size: 1.1em;
  z-index: 100;}

.pageContent #primaryNavigation{
  /*bottom: 70px;*/}

#primaryNavigation li{
  display: inline;}

#primaryNavigation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
  /*background-color: #00a8e1;
  color: #fff;*/
  background: none;
    color: #00a8e1;}  

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
  color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family:Georgia, Serif;}

#breadcrumb ul{
  list-style-type:none;
  margin-left: 0;}

#breadcrumb ul li{
  display: inline;
  /*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
  background-image: none;
  padding: 0;}

#breadcrumb ul li.last{
  background-image: none;}

#breadcrumb ul li a{
  color: #666666;
  text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
  color: #fff;}
  
  
  
/* Print this page icon */

#printPage {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 25px;
  font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
  /*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
  /*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
  /*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
  text-align: right;}

#siteInformation{
  border-top:1px solid #D7D7D7;
  /*padding: 20px;*/
  padding: 10px 0 0 0;
  text-align: center;}

.pageContent #siteInformation{
  position: relative;
  border-top: 0 none;
  /*height: 203px;*/
  height: auto;
  width: 100%;}

#siteInformation ul{
  margin-bottom: 1.4em;}

#siteInformation li{
  display: inline;
  font-family: Georgia, Serif;}

#siteInformation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
  background-color: #00a8e1;
  color: #fff;}
  
  
/* vcard (hcard) stuff */

.vcard .tel .type {
  display: none;}

/*gradient at bottom of page visual effect*/
/*  class defines generic gradient at the bottom of the page */
.decorativeEffect{
  /*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
  background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
  width: 100%;
  left: 0;
  z-index:0;
  height: 439px;
  margin-top: -439px;}
  
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{  
  background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
  background-position: left -200px;}
  
.footerSeparator {
  display: none;}
  
  
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
  border-top: 1px solid #e4e4e4;
  font-size: 110%;
  margin-top: 17px;
  padding-bottom: 36px;
  padding-top: 17px;
  overflow: hidden;
  text-align: left;}
#footerContainer {
  margin: auto;
  width: 979px;}  
ul#footerLinks {
  margin: auto;
  width: 979px;}
ul#footerLinks li {
  display: inline;}
ul#footerLinks li a {
  color: #606060;
  display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
  background-color: #00a8e1;
  color: #ffffff;}
.footerSeparator {
  color: #cccccc;
  display: inline;
  padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
  color: #909090; 
  margin: 20px auto 0px auto; 
  width: 979px;}
#hcard-The-University-of-Surrey a.url {
  color: #909090;}
  
#visualEffect01 {
  display: none;}
  
#decorationImg {
  clear: both;
  /*margin: -70px auto 10px auto;*/
  margin: -45px auto 10px auto;
  /*margin: auto;*/
  text-align: right;
  width: 979px;}
  
  
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
  padding-top: 0;}

#surrey120 a {
  background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
  background-position: 0 11px;
  background-repeat: no-repeat;
  border-right: 1px solid #e4e4e4;
  display: block;
  float: left;
  height: 77px; 
  width: 199px;}
  
#surrey120 a:hover, #surrey120 a:focus {
  background-color: #ffffff;}

ul#footerLinks {
  float: left;
  padding-left: 10px;
  padding-top: 34px;
  width: 769px;}
  
#hcard-The-University-of-Surrey{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
  width: 769px;}  
  


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
  width: 973px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position:relative;
  font-size: 1.1em;}
  
/*basic 2 column page layout*/

.pageTwoColumn #container{
  /*background-color: olive;*/}

.pageTwoColumn #primaryContent{
  /*background-color: Red;*/
  width: 725px;
  float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
  width: 224px;
  float: left;
  /*padding-right: 24px;*/
  padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
  /*width: 407px;*/
  width: 469px;
  float: left;}

.pageThreeColumn #extra{
  /*width: 292px;*/
  width: 250px;
  float: right;
  margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
  margin: 15px;}

  
/* Boxes on pages */


.genericBox {
  background-color:#f3f3f3;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0;
  min-height:10.9em;
  padding:  10px 20px;}

.genericBox:hover{
  border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
  background-color: #f8f8f8;
  width: 1px;
  height: 1px;
  z-index: 100;
  font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
  position: absolute;
  top: -1px;
  left:-1px;}

.genericBox .tr{
  position: absolute;
  top: -1px;
  right:-1px;}

.genericBox .bl{
  position: absolute;
  bottom: -1px;
  left:-1px;}

.genericBox .br{
  position: absolute;
  bottom: -1px;
  right:-1px;}

  
#primaryBox {
  padding: 10px;}

#primaryBox .genericBox {
  background-color: #ffffff;
  padding: 20px;}


#primaryBox .genericBox .corner {
  background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
  float: right;
  margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
  font-size: 2.0em;
  margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
  background-color: #fff;
  /*background-image: url(../../Images/Icons/iconPlus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 10px;
  border-bottom: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
  border-color: #AEAEAE;}

#primaryBox #readLess{
  /*background-image: url(../../Images/Icons/iconMinus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
  bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
  margin: 0 0 0 12px;
  font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
  font-style: italic;
  margin-bottom: 0.4em;}
  
.pageContent #primaryBox .genericBox{
  margin-bottom: 40px;}

.pageContent #additionalContent{
  margin-left: 263px;}



/* Banners */
#feature img {
  display: block;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  }
  
  

/* Inline images for use in ePhox EditLive fields */  
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}  



/* Letter in-page navigation */

#primaryContent ul.letters {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin-left: 0;
  padding: 1em 0pt;}
  
#primaryContent ul.letters li {
  display:inline;
  padding-right:0.2em;}
  
  

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
  width: 49.5%;
  float: left;} 

.twoColLandingPageBox.last {
  float: right;}

.twoColLandingPageBox h3 {
  margin-bottom: 0.3em;
  margin-left: 5px;}
  
#primaryContent .twoColLandingPageBox ul {
  background-color:#F6F6F6;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;
  list-style: disc;
  padding: 0;}
  
#primaryContent .twoColLandingPageBox ul li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;}
  
  
  
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
    margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
    width: 140px;
  float: left;
  margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
    float: left;
  margin-right: 6px;}
  
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
    width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
    margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
  



/* Press release listings on media centre homepage */

 #latestNews h3 {
  line-height: 120%;}
  
 #latestNews h3 a {   
  font-size: 85%;
  text-decoration: none;} 

  #latestNews p.releaseDate {
    margin: 0.6em 0 0.6em 0;}
  
  #latestNews ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #latestNews ul li {
    font-family: Georgia, "Times New Roman", Times, serif;
  border-top: 1px solid #e9e9e9;
  padding: 0.6em 0 0.6em 0;}
  
  #latestNews ul li a {
    text-decoration: none;}
  
/* RSS links on media centre homepage */

  ul.rssLinks {
    list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
  list-style-position: inside;
  padding-left: 24px;
  margin-left: 0;
  background-color: #ffffff;}
  
  ul.rssLinks li {
    padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;}
  
  .rssLink a {
  background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
  background-repeat: no-repeat;
  line-height: 20px;
  padding-bottom: 2px;
  padding-left: 90px;}
  
  .rssLink a:hover {
  background-color: transparent !important;
  color: #888888 !important;} 
  
  
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
    font-size: 1.8em;}

  #pressReleaseArchive ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #pressReleaseArchive ul li {
    margin-bottom: 0.4em;
  font-family: Georgia, "Times New Roman", Times, serif;}
  
  #pressReleaseArchive ul li a {
    text-decoration: none;}
    
    
    
/* Style for news story lists */

ul.newsList {
  margin-top: 10px;}
  
ul.newsList li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;}
  
  
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
  width: 183px;
  min-height: 7em;
  padding: 10px;
  margin-right: 10px;}
  
#deptPromoBoxes .genericBox h3 {
  font-size: 1.6em;}
  
#deptPromoBoxes .genericBox h3 a {
  text-decoration: none;}
  


/* Academic Department Feature Boxes */ 
  
.deptHomepageFeatureContainer {
    float: left;
  width: 215px;
  margin-right: 9px;}
  
  #deptPromoBoxes .last {
    margin-right: 0;} 
  
    
.deptHomepageFeature {
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
  padding: 10px 0 0 8px;
  margin: 0 0 15px 0;
  border: 1px solid #D7D7D7;
  background-position: bottom;
  min-height: 100px;
  position: relative;}

.deptHomepageFeatureCutout {
  position: absolute;
  right: -1px;
  bottom: -14px;}
    
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
  background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 1em 65px;
  min-height: 65px;
  margin: 0;
  }

/* Force academic department pages to be three-column */  
div#primaryContent.academicDepartment {
  width: 469px;}  
  
.pageTwoColumn #extra.academicDepartment {
  width: 250px;
  float: right;
  margin-top: 15px;}
  
  
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  padding-bottom: 4px;} 
  
  
/* FAQs */  
  
dl.faqList dt {
  font-weight: bold;
  margin-bottom: 8px;
  }
  
dl.faqList dd {
  margin-bottom: 16px;
  } 
  
/* UG Course List Stuff */

#primaryContent .courseList h3 {
  border-bottom: 1px solid #aaaaaa;
  font-size: 1.8em;
  }
  
#primaryContent .courseList ul {
  list-style: disc;
  padding: 0;
  margin: 0.8em 0 1.5em 0;
  }
  
#primaryContent .courseList ul.programmeList {
  margin: 0.4em 0 0 0;
  }     
  
#primaryContent .courseList ul li {
  margin-bottom: 1.5em;
  font-weight: bold;
  }
  
#primaryContent .courseList ul.programmeList li {
  margin: 0.2em 0 0.2em 0;
  font-weight: normal;
  }
  
  
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
  margin: 0 0 1em 0;
  font-size: 1.8em;
  padding-bottom: 1em;
  }   
    
#primaryContent .genericContainer #factfile table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  border: none;
  }

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
  text-align: left;
  vertical-align: top;
  padding: 0.8em 0 0 0;
  border-top: 1px solid #eaeaea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #ffffff;
  }
#primaryContent .genericContainer #factfile td p {
  margin: 0 0 0.8em 0;
  }
#primaryContent .genericContainer #factfile th {
  width: 20em;
  } 
  

  
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
  width: 55px;
  float: left;
  margin: 0 10px 0 0;}
.calendarIconDay {
  background-color: #dddddd;
  text-align: center;
  padding: 8px 0 8px 0;
  color: #002667;
  font-size: 2.2em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
  background-color: #bcbcba;
  text-align: center;
  color: #002667;
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bold;
  font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0 2em 0;
  }
dl.eventDetails dt {
  display: block;
  float: left;
  clear: left;
  padding: 8px 0 8px 0;
  width: 14em;
  font-weight: bold;
  }
dl.eventDetails dd {
  border-top: 1px solid #eaeaea;
  padding: 8px 0 8px 14em;
  }
  
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
  background-color: #009edf;  
  border-bottom: 1px solid #0087be;
  border-left: 1px solid #5fb7e8;
  border-right: 1px solid #0087be;
  border-top: 1px solid #5fb7e8;
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 7px 5px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none !important;
  width: 70px}

.bookOnlineButton a:hover {
  background-color: #66c5ec;
  border-bottom-color: #66b7d8;
  border-left-color: #9fd3f1;
  border-right-color: #66b7d8;
  border-top-color: #9fd3f1;}
  


  
  
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
  margin: 10px 0 20px 0;}
  
  
  
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
  width: 770px;}
  
.eventBookingPage .genericContainer h1 {
  margin: 0 !important;}

#sabo_frame{
  border: 0;
  height: 1500px;
  margin: 0;
  padding: 0;
  width: 750px;}
  


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
  z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
  /*padding: 20px;*/
  padding:5px;
  min-height: 164px;
  /*margin-bottom: 10px;*/
  margin-bottom:15px;
  border-color: #e6e6e6;
  background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
  background-color:#FFFFFF;
  margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
  padding: 5px;
  margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
  background-color: #fff;
  margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
  float: left;
  margin-right: 20px;
  line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
  /*
  width: 40%;
  display: inline;*/}

#tabbedContent ul#tabNavigation li{
  display: inline;}

#tabbedContent ul#tabNavigation li a{
  color: #696969;
  font-weight: normal;
  text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
  float: left;
  margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
  color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
  height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
  width: 268px;
  margin: 0;
  padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
  margin: 0;
  padding: 10px;
  margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
  background-color: #00a8e1;
  color: #fff;}

.pageContent #extra #tabbedContent h3{
  margin: 0.6em 10px 0.6em 10px;
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
  margin-left: 10px;
  margin-right: 10px;}
  
    
#primaryContent ul.ui-tabs-nav {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 0pt 4px;}
    
#primaryContent ul.ui-tabs-nav li {
  margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
  font-family:Georgia, Serif;
  color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
  font-size: 3.0em;
  font-weight: normal;
  margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
  color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
  color: #666666;
  font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
  font-size: 2.1em;
  color: #606060;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 15px;}

.pageContent #extra h2{
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}
  
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
  
.pageContent #extra h2{
  position: static;
}
  
.pageContent #additionalContent h3{
  margin: 0;}

.pageContent #primaryContent h3{
  /*font-size: 1.8em;
  margin-top: 0.4em;*/
  font-size: 1.6em;
  margin: 1em 0 0.3em 0;}
  
.pageContent #primaryContent .deptHomepageFeature h3 {
  margin-top: 0;}
  
#primaryContent .genericContainer h2{
  margin: 0;} 
  
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
  color:#606060;
  font-size:2.2em;
  margin-bottom: 0.3em;
  margin-top: 1em;}

  
.pageContent #primaryContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
  font-size: 1.4em;}
  
.pageContent #extra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;}


/* Paragraphs */
p {
  margin: 0.4em 0 1.2em 0;
  line-height: 1.4;
  font-size: 1.1em;}

p.date{
  font-family: Georgia, Serif;
  font-size: 1.2em;
  margin-bottom: 0;}
  
  
.callout p {
  font-family: Georgia, serif;
  font-size: 1.3em;
  line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
  background-color:#002664;
  color: #fff;}
  
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: underline;}

#pageHome #primaryContent a{
  text-decoration: none;}
  
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: none;}
  
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
  text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
  color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
  color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
  background-color:#9bae01;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
  color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
  color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}
  

/* File download links */
.fileTypeIcon {
  background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
  padding-bottom: 4px;
  padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

  
  
/* Lists */

ul.genericList{
  margin:0.4em 0pt 1.2em;
  font-size: 1.1em;
  line-height: 1.4;}

ul.bulletList{
  list-style-type: disc;
  list-style-position: inside;}
  
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
  list-style-type: none;
  padding: 0;
  margin: 0;}
  

ul.genericOrderedList{
  list-style-type: decimal;
  list-style-position: inside;}

ul.genericOrderedList li{
  margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
  padding: 1em 0 1em 1.4em;
  list-style-type: disc;}
  
#primaryContent ul li, #extra ul li, #primaryContent ol li {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 0.2em;}
  
#primaryContent ol li {
  margin-bottom: 0.6em;}  
  
#primaryContent ol {
  list-style: decimal;
  margin: 1em 0 1em 34px;}  
  

#extra ul.relatedLinks {
  list-style-type: none;
  padding: 1em 0 0 0;}
  
#extra ul.relatedLinks li {
  margin-bottom: 0.4em;}

#primaryContent ul ul > li {
    font-size: 1em;
}

  
/*normal*/
ul.iconList{}

ul.iconList li a{
  /*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
  background-repeat: no-repeat;
  background-position:right center;
  padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
  border-bottom: 1px solid #dddddd;
  line-height: 3.0em;
  font-family:Georgia, Serif;}

ul.large li.last{
  border: 0 none;}

ul.large li a{
  font-size: 2.0em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
  border-bottom: 1px solid #dddddd;
  line-height: 2.5em;
  font-family:Georgia, Serif;
  font-weight: normal;}

ul.medium li.last{
  border: 0 none;}

ul.medium li a{
  font-size: 1.5em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
  font-size: 1.4em;
  margin: 0.2em 0 0.2em 0;
  display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
  border: 1px solid #cccccc;
    padding: 10px;}

#dynSearchResults ul {
    border-top: 1px solid #cccccc;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 0 0 0;}

#dynSearchResults ul li {
    margin-bottom: 8px;}
  
  
  
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 16px;}

.mediaCoverageItem h3 {
  color: #002664;
  font-size: 1.4em;}
  
.mediaDate {
  color: #777777;
  font-size: 1.3em;
  font-weight: bold;}
  

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
  font-size: 85%;}


  
  
/* Expert comment section for the homepage */

.expertComment {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 23px;}

.expertComment h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 8px;}
  
.expertComment h4 {
  color: #555555;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.2em;}

/*
ul.expertComment {
  border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
  font-size: 1.5em;}
  
ul.expertComment li a {
  font-family: Georgia, Times, serif;}
  
*/

/* End of of Typography stylesheet - 23893 */
/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
  but the hacks contained within it further target 
  IE5-6 for Windows. See file for details. */


/* The file below is ONLY read by IE5/Win.
  Makes use of the Mid Pass Filter: 
  http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
  Makes use of the Band Pass Filter: 
  http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.0%;
  background-color:#ffffff;
  position: relative;
  /*color: #606060;*/
  color: #555555;}

body.pageContent{
  /*background-image: url(../../Images/Common/pageContentBG.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
  background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
  position: relative;}


u {text-decoration: none;}

/*  To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*  Completely remove text from presentation */
/*  Not used to hide text  - screen readers won't pick it up either */
.invisible {display: none;}

/*  Used to hide text that screen readers should pick up */
.hide {
  position: absolute;
  top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*  Clear floats on a background */
.theBreaker{
  height: 0.005em;
  clear: both;
  overflow: hidden;}

/*  Clearfix method for floated elements  */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*  IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

.replace span{
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
  display: block;
  color: #e9e9e9;
  background-color: #e9e9e9;
  height: 1px;
  border: 0 none;
  margin: 9px 0 9px 0;}
  
#featureBox{
  position: relative;}  

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
  height:50px; 
  width:168px; 
  /*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
  cursor:pointer;}

#h1UniversityOfSurrey{
  position: absolute;
  top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
  padding: 1em;}

#branding {
  position: relative;
  padding-top: 105px;
  width: 100%;/*helps IE with layout*/}

.pageContent #branding{
  margin-bottom: 10px;
  height: 142px;
  padding-top: 0;}


/* Search */

#branding #search{
  position: absolute;
  top: 0;
  right: 0;}

#branding #search{
  text-align: right;
  margin-top: 10px;
  margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
  width: 15em;
  padding:3px 15px 3px 3px;
  border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
  border:1px solid #002664;}

#branding #search .genericButton{
  padding: 2px 15px 2px 2px;
  width: auto;}
  
#branding #search input#q {
  border:1px solid #D7D7D7;
  padding:3px 15px 3px 3px;
  width:15em;}


  
  
/*Primary navigation*/
#primaryNavigation{
  position: absolute;
  /* bottom: 330px; */
  right: 0;
  top: 70px;
  font-family: Georgia, Serif;
  font-size: 1.1em;
  z-index: 100;}

.pageContent #primaryNavigation{
  /*bottom: 70px;*/}

#primaryNavigation li{
  display: inline;}

#primaryNavigation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
  /*background-color: #00a8e1;
  color: #fff;*/
  background: none;
    color: #00a8e1;}  

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
  color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family:Georgia, Serif;}

#breadcrumb ul{
  list-style-type:none;
  margin-left: 0;}

#breadcrumb ul li{
  display: inline;
  /*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
  background-image: none;
  padding: 0;}

#breadcrumb ul li.last{
  background-image: none;}

#breadcrumb ul li a{
  color: #666666;
  text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
  color: #fff;}
  
  
  
/* Print this page icon */

#printPage {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 25px;
  font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
  /*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
  /*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
  /*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
  text-align: right;}

#siteInformation{
  border-top:1px solid #D7D7D7;
  /*padding: 20px;*/
  padding: 10px 0 0 0;
  text-align: center;}

.pageContent #siteInformation{
  position: relative;
  border-top: 0 none;
  /*height: 203px;*/
  height: auto;
  width: 100%;}

#siteInformation ul{
  margin-bottom: 1.4em;}

#siteInformation li{
  display: inline;
  font-family: Georgia, Serif;}

#siteInformation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
  background-color: #00a8e1;
  color: #fff;}
  
  
/* vcard (hcard) stuff */

.vcard .tel .type {
  display: none;}

/*gradient at bottom of page visual effect*/
/*  class defines generic gradient at the bottom of the page */
.decorativeEffect{
  /*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
  background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
  width: 100%;
  left: 0;
  z-index:0;
  height: 439px;
  margin-top: -439px;}
  
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{  
  background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
  background-position: left -200px;}
  
.footerSeparator {
  display: none;}
  
  
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
  border-top: 1px solid #e4e4e4;
  font-size: 110%;
  margin-top: 17px;
  padding-bottom: 36px;
  padding-top: 17px;
  overflow: hidden;
  text-align: left;}
#footerContainer {
  margin: auto;
  width: 979px;}  
ul#footerLinks {
  margin: auto;
  width: 979px;}
ul#footerLinks li {
  display: inline;}
ul#footerLinks li a {
  color: #606060;
  display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
  background-color: #00a8e1;
  color: #ffffff;}
.footerSeparator {
  color: #cccccc;
  display: inline;
  padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
  color: #909090; 
  margin: 20px auto 0px auto; 
  width: 979px;}
#hcard-The-University-of-Surrey a.url {
  color: #909090;}
  
#visualEffect01 {
  display: none;}
  
#decorationImg {
  clear: both;
  /*margin: -70px auto 10px auto;*/
  margin: -45px auto 10px auto;
  /*margin: auto;*/
  text-align: right;
  width: 979px;}
  
  
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
  padding-top: 0;}

#surrey120 a {
  background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
  background-position: 0 11px;
  background-repeat: no-repeat;
  border-right: 1px solid #e4e4e4;
  display: block;
  float: left;
  height: 77px; 
  width: 199px;}
  
#surrey120 a:hover, #surrey120 a:focus {
  background-color: #ffffff;}

ul#footerLinks {
  float: left;
  padding-left: 10px;
  padding-top: 34px;
  width: 769px;}
  
#hcard-The-University-of-Surrey{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
  width: 769px;}  
  


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
  width: 973px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position:relative;
  font-size: 1.1em;}
  
/*basic 2 column page layout*/

.pageTwoColumn #container{
  /*background-color: olive;*/}

.pageTwoColumn #primaryContent{
  /*background-color: Red;*/
  width: 725px;
  float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
  width: 224px;
  float: left;
  /*padding-right: 24px;*/
  padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
  /*width: 407px;*/
  width: 469px;
  float: left;}

.pageThreeColumn #extra{
  /*width: 292px;*/
  width: 250px;
  float: right;
  margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
  margin: 15px;}

  
/* Boxes on pages */


.genericBox {
  background-color:#f3f3f3;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0;
  min-height:10.9em;
  padding:  10px 20px;}

.genericBox:hover{
  border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
  background-color: #f8f8f8;
  width: 1px;
  height: 1px;
  z-index: 100;
  font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
  position: absolute;
  top: -1px;
  left:-1px;}

.genericBox .tr{
  position: absolute;
  top: -1px;
  right:-1px;}

.genericBox .bl{
  position: absolute;
  bottom: -1px;
  left:-1px;}

.genericBox .br{
  position: absolute;
  bottom: -1px;
  right:-1px;}

  
#primaryBox {
  padding: 10px;}

#primaryBox .genericBox {
  background-color: #ffffff;
  padding: 20px;}


#primaryBox .genericBox .corner {
  background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
  float: right;
  margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
  font-size: 2.0em;
  margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
  background-color: #fff;
  /*background-image: url(../../Images/Icons/iconPlus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 10px;
  border-bottom: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
  border-color: #AEAEAE;}

#primaryBox #readLess{
  /*background-image: url(../../Images/Icons/iconMinus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
  bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
  margin: 0 0 0 12px;
  font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
  font-style: italic;
  margin-bottom: 0.4em;}
  
.pageContent #primaryBox .genericBox{
  margin-bottom: 40px;}

.pageContent #additionalContent{
  margin-left: 263px;}




/* Banners */
#feature img {
  display: block;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  }
  
  

/* Inline images for use in ePhox EditLive fields */  
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}  



/* Letter in-page navigation */

#primaryContent ul.letters {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin-left: 0;
  padding: 1em 0pt;}
  
#primaryContent ul.letters li {
  display:inline;
  padding-right:0.2em;}
  
  

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
  width: 49.5%;
  float: left;} 

.twoColLandingPageBox.last {
  float: right;}

.twoColLandingPageBox h3 {
  margin-bottom: 0.3em;
  margin-left: 5px;}
  
#primaryContent .twoColLandingPageBox ul {
  background-color:#F6F6F6;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;
  list-style: disc;
  padding: 0;}
  
#primaryContent .twoColLandingPageBox ul li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;}
  
  
  
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
    margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
    width: 140px;
  float: left;
  margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
    float: left;
  margin-right: 6px;}
  
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
    width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
    margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
  



/* Press release listings on media centre homepage */

 #latestNews h3 {
  line-height: 120%;}
  
 #latestNews h3 a {   
  font-size: 85%;
  text-decoration: none;} 

  #latestNews p.releaseDate {
    margin: 0.6em 0 0.6em 0;}
  
  #latestNews ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #latestNews ul li {
    font-family: Georgia, "Times New Roman", Times, serif;
  border-top: 1px solid #e9e9e9;
  padding: 0.6em 0 0.6em 0;}
  
  #latestNews ul li a {
    text-decoration: none;}
  
/* RSS links on media centre homepage */

  ul.rssLinks {
    list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
  list-style-position: inside;
  padding-left: 24px;
  margin-left: 0;
  background-color: #ffffff;}
  
  ul.rssLinks li {
    padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;}
  
  .rssLink a {
  background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
  background-repeat: no-repeat;
  line-height: 20px;
  padding-bottom: 2px;
  padding-left: 90px;}
  
  .rssLink a:hover {
  background-color: transparent !important;
  color: #888888 !important;} 
  
  
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
    font-size: 1.8em;}

  #pressReleaseArchive ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #pressReleaseArchive ul li {
    margin-bottom: 0.4em;
  font-family: Georgia, "Times New Roman", Times, serif;}
  
  #pressReleaseArchive ul li a {
    text-decoration: none;}
    
    
    
/* Style for news story lists */

ul.newsList {
  margin-top: 10px;}
  
ul.newsList li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;}
  
  
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
  width: 183px;
  min-height: 7em;
  padding: 10px;
  margin-right: 10px;}
  
#deptPromoBoxes .genericBox h3 {
  font-size: 1.6em;}
  
#deptPromoBoxes .genericBox h3 a {
  text-decoration: none;}
  


/* Academic Department Feature Boxes */ 
  
.deptHomepageFeatureContainer {
    float: left;
  width: 215px;
  margin-right: 9px;}
  
  #deptPromoBoxes .last {
    margin-right: 0;} 
  
    
.deptHomepageFeature {
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
  padding: 10px 0 0 8px;
  margin: 0 0 15px 0;
  border: 1px solid #D7D7D7;
  background-position: bottom;
  min-height: 100px;
  position: relative;}

.deptHomepageFeatureCutout {
  position: absolute;
  right: -1px;
  bottom: -14px;}
    
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
  background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 1em 65px;
  min-height: 65px;
  margin: 0;
  }

/* Force academic department pages to be three-column */  
div#primaryContent.academicDepartment {
  width: 469px;}  
  
.pageTwoColumn #extra.academicDepartment {
  width: 250px;
  float: right;
  margin-top: 15px;}
  
  
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  padding-bottom: 4px;} 
  
  
/* FAQs */  
  
dl.faqList dt {
  font-weight: bold;
  margin-bottom: 8px;
  }
  
dl.faqList dd {
  margin-bottom: 16px;
  } 
  
/* UG Course List Stuff */

#primaryContent .courseList h3 {
  border-bottom: 1px solid #aaaaaa;
  font-size: 1.8em;
  }
  
#primaryContent .courseList ul {
  list-style: disc;
  padding: 0;
  margin: 0.8em 0 1.5em 0;
  }
  
#primaryContent .courseList ul.programmeList {
  margin: 0.4em 0 0 0;
  }     
  
#primaryContent .courseList ul li {
  margin-bottom: 1.5em;
  font-weight: bold;
  }
  
#primaryContent .courseList ul.programmeList li {
  margin: 0.2em 0 0.2em 0;
  font-weight: normal;
  }
  
  
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
  margin: 0 0 1em 0;
  font-size: 1.8em;
  padding-bottom: 1em;
  }   
    
#primaryContent .genericContainer #factfile table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  border: none;
  }

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
  text-align: left;
  vertical-align: top;
  padding: 0.8em 0 0 0;
  border-top: 1px solid #eaeaea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #ffffff;
  }
#primaryContent .genericContainer #factfile td p {
  margin: 0 0 0.8em 0;
  }
#primaryContent .genericContainer #factfile th {
  width: 20em;
  } 
#primaryContent #bodySlotOne {
  overflow: hidden; 
}
  

  
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
  width: 55px;
  float: left;
  margin: 0 10px 0 0;}
.calendarIconDay {
  background-color: #dddddd;
  text-align: center;
  padding: 8px 0 8px 0;
  color: #002667;
  font-size: 2.2em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
  background-color: #bcbcba;
  text-align: center;
  color: #002667;
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bold;
  font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0 2em 0;
  }
dl.eventDetails dt {
  display: block;
  float: left;
  clear: left;
  padding: 8px 0 8px 0;
  width: 14em;
  font-weight: bold;
  }
dl.eventDetails dd {
  border-top: 1px solid #eaeaea;
  padding: 8px 0 8px 14em;
  }
  
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
  background-color: #009edf;  
  border-bottom: 1px solid #0087be;
  border-left: 1px solid #5fb7e8;
  border-right: 1px solid #0087be;
  border-top: 1px solid #5fb7e8;
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 7px 5px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none !important;
  width: 70px}

.bookOnlineButton a:hover {
  background-color: #66c5ec;
  border-bottom-color: #66b7d8;
  border-left-color: #9fd3f1;
  border-right-color: #66b7d8;
  border-top-color: #9fd3f1;}
  


  
  
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
  margin: 10px 0 20px 0;}
  
  
  
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
  width: 770px;}
  
.eventBookingPage .genericContainer h1 {
  margin: 0 !important;}

#sabo_frame{
  border: 0;
  height: 1500px;
  margin: 0;
  padding: 0;
  width: 750px;}
  


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
  z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
  /*padding: 20px;*/
  padding:5px;
  min-height: 164px;
  /*margin-bottom: 10px;*/
  margin-bottom:15px;
  border-color: #e6e6e6;
  background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
  background-color:#FFFFFF;
  margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
  padding: 5px;
  margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
  background-color: #fff;
  margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
  float: left;
  margin-right: 20px;
  line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
  /*
  width: 40%;
  display: inline;*/}

#tabbedContent ul#tabNavigation li{
  display: inline;}

#tabbedContent ul#tabNavigation li a{
  color: #696969;
  font-weight: normal;
  text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
  float: left;
  margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
  color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
  height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
  width: 268px;
  margin: 0;
  padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
  margin: 0;
  padding: 10px;
  margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
  background-color: #00a8e1;
  color: #fff;}

.pageContent #extra #tabbedContent h3{
  margin: 0.6em 10px 0.6em 10px;
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
  margin-left: 10px;
  margin-right: 10px;}
  
    
#primaryContent ul.ui-tabs-nav {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 0pt 4px;}
    
#primaryContent ul.ui-tabs-nav li {
  margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
  font-family:Georgia, Serif;
  color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
  font-size: 3.0em;
  font-weight: normal;
  margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
  color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
  color: #666666;
  font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
  font-size: 2.1em;
  color: #606060;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 15px;}

.pageContent #extra h2{
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}
  
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
  
.pageContent #extra h2{
  position: static;
}
  
.pageContent #additionalContent h3{
  margin: 0;}

.pageContent #primaryContent h3{
  /*font-size: 1.8em;
  margin-top: 0.4em;*/
  font-size: 1.6em;
  margin: 1em 0 0.3em 0;}
  
.pageContent #primaryContent .deptHomepageFeature h3 {
  margin-top: 0;}
  
#primaryContent .genericContainer h2{
  margin: 0;} 
  
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
  color:#606060;
  font-size:2.2em;
  margin-bottom: 0.3em;
  margin-top: 1em;}

  
.pageContent #primaryContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
  font-size: 1.4em;}
  
.pageContent #extra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;}


/* Paragraphs */
p {
  margin: 0.4em 0 1.2em 0;
  line-height: 1.4;
  font-size: 1.1em;}

p.date{
  font-family: Georgia, Serif;
  font-size: 1.2em;
  margin-bottom: 0;}
  
  
.callout p {
  font-family: Georgia, serif;
  font-size: 1.3em;
  line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
  background-color:#002664;
  color: #fff;}
  
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: underline;}

#pageHome #primaryContent a{
  text-decoration: none;}
  
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: none;}
  
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
  text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
  color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
  color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
  background-color:#9bae01;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
  color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
  color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}
  

/* File download links */
.fileTypeIcon {
  background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
  padding-bottom: 4px;
  padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

  
  
/* Lists */

ul.genericList{
  margin:0.4em 0pt 1.2em;
  font-size: 1.1em;
  line-height: 1.4;}

ul.bulletList{
  list-style-type: disc;
  list-style-position: inside;}
  
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
  list-style-type: none;
  padding: 0;
  margin: 0;}
  

ul.genericOrderedList{
  list-style-type: decimal;
  list-style-position: inside;}

ul.genericOrderedList li{
  margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
  padding: 1em 0 1em 1.4em;
  list-style-type: disc;}
  
#primaryContent ul li, #extra ul li, #primaryContent ol li {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 0.2em;}
  
#primaryContent ol li {
  margin-bottom: 0.6em;}  
  
#primaryContent ol {
  list-style: decimal;
  margin: 1em 0 1em 34px;}  
  

#extra ul.relatedLinks {
  list-style-type: none;
  padding: 1em 0 0 0;}
  
#extra ul.relatedLinks li {
  margin-bottom: 0.4em;}






  
/*normal*/
ul.iconList{}

ul.iconList li a{
  /*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
  background-repeat: no-repeat;
  background-position:right center;
  padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
  border-bottom: 1px solid #dddddd;
  line-height: 3.0em;
  font-family:Georgia, Serif;}

ul.large li.last{
  border: 0 none;}

ul.large li a{
  font-size: 2.0em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
  border-bottom: 1px solid #dddddd;
  line-height: 2.5em;
  font-family:Georgia, Serif;
  font-weight: normal;}

ul.medium li.last{
  border: 0 none;}

ul.medium li a{
  font-size: 1.5em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
  font-size: 1.4em;
  margin: 0.2em 0 0.2em 0;
  display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
  border: 1px solid #cccccc;
    padding: 10px;}

#dynSearchResults ul {
    border-top: 1px solid #cccccc;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 0 0 0;}

#dynSearchResults ul li {
    margin-bottom: 8px;}
  
  
  
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 16px;}

.mediaCoverageItem h3 {
  color: #002664;
  font-size: 1.4em;}
  
.mediaDate {
  color: #777777;
  font-size: 1.3em;
  font-weight: bold;}
  

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
  font-size: 85%;}


  
  
/* Expert comment section for the homepage */

.expertComment {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 23px;}

.expertComment h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 8px;}
  
.expertComment h4 {
  color: #555555;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.2em;}

/*
ul.expertComment {
  border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
  font-size: 1.5em;}
  
ul.expertComment li a {
  font-family: Georgia, Times, serif;}
  
*/

/* End of of Typography stylesheet - 23893 */
/**************************************************************************************
SURREYNET STYLESHEET

Stylesheet for the SurreyNet staff intranet
**************************************************************************************/

/* Start of Browser Hacks stylesheet - 23862 */

/* The file below is read by ALL browsers
  but the hacks contained within it further target 
  IE5-6 for Windows. See file for details. */


/* The file below is ONLY read by IE5/Win.
  Makes use of the Mid Pass Filter: 
  http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
  Makes use of the Band Pass Filter: 
  http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* End of of Browser Hacks stylesheet - 23862 *//* Start of Undo HTML Stylesheet - 23841 */

:link,:visited { text-decoration:none }
ul,ol { list-style:disc }
h1 {font-size: 1.5em;}
h2, h3 {font-size: 1.2em;}
h4, h5, h6 {font-size: 1.0em;}
p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* End of of Undo HTML Stylesheet - 23841 *//* Start of General Styles - 23865 */

body {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.0%;
  background-color:#ffffff;
  position: relative;
  /*color: #606060;*/
  color: #555555;}

body.pageContent{
  /*background-image: url(../../Images/Common/pageContentBG.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/pageContentBG.gif);
  background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6, p{
  position: relative;}


u {text-decoration: none;}

/*  To standardise cross browser */
ul, ol {list-style-position: inside;}

fieldset {border : none;}

legend{display: none;}

/*  Completely remove text from presentation */
/*  Not used to hide text  - screen readers won't pick it up either */
.invisible {display: none;}

/*  Used to hide text that screen readers should pick up */
.hide {
  position: absolute;
  top: -9999px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

/*  Clear floats on a background */
.theBreaker{
  height: 0.005em;
  clear: both;
  overflow: hidden;}

/*  Clearfix method for floated elements  */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*  IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace{ 
  position:relative; 
  margin:0px; 
  padding:0px; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ overflow: hidden; /* */} 

.replace span{
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/}

hr{display: none;}

.pageContent hr{
  display: block;
  color: #e9e9e9;
  background-color: #e9e9e9;
  height: 1px;
  border: 0 none;
  margin: 9px 0 9px 0;}
  
#featureBox{
  position: relative;}  

/* End of of General Styles - 23865 *//* Start of Header Stylesheet - 23874 */

/* University Logo */

#h1UniversityOfSurrey, #h1UniversityOfSurrey span{ 
  height:50px; 
  width:168px; 
  /*background-image: url(../../Images/Common/h1UniversityOfSurrey.gif); */
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Common/h1UniversityOfSurrey.gif);
  cursor:pointer;}

#h1UniversityOfSurrey{
  position: absolute;
  top: 25px;} 

p#h1UniversityOfSurrey { margin: 0; }

#skipLinks{
  padding: 1em;}

#branding {
  position: relative;
  padding-top: 105px;
  width: 100%;/*helps IE with layout*/}

.pageContent #branding{
  margin-bottom: 10px;
  height: 142px;
  padding-top: 0;}


/* Search */

#branding #search{
  position: absolute;
  top: 0;
  right: 0;}

#branding #search{
  text-align: right;
  margin-top: 10px;
  margin-right: 9px;}

#branding #search input#uiTxtSearchTerm{
  width: 15em;
  padding:3px 15px 3px 3px;
  border:1px solid #D7D7D7;}

#branding #search input#uiTxtSearchTerm:hover,
#branding #search input#uiTxtSearchTerm:focus{
  border:1px solid #002664;}

#branding #search .genericButton{
  padding: 2px 15px 2px 2px;
  width: auto;}
  
#branding #search input#q {
  border:1px solid #D7D7D7;
  padding:3px 15px 3px 3px;
  width:15em;}


  
  
/*Primary navigation*/
#primaryNavigation{
  position: absolute;
  /* bottom: 330px; */
  right: 0;
  top: 70px;
  font-family: Georgia, Serif;
  font-size: 1.1em;
  z-index: 100;}

.pageContent #primaryNavigation{
  /*bottom: 70px;*/}

#primaryNavigation li{
  display: inline;}

#primaryNavigation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#primaryNavigation li a:hover,
#primaryNavigation li a:focus{
  /*background-color: #00a8e1;
  color: #fff;*/
  background: none;
    color: #00a8e1;}  

/*"you are here" effect in the primary navigation*/
.sectionMediaCentre #navMediaCentre a,
.sectionResearch #navResearch a{
  color: #00a8e1;}

.sectionAboutUs #navAboutUs a{color: #9bae01;}
.sectionStudy #navStudy a{color: #00a8e1;}


/* Breadcrumbs */

#breadcrumb{
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family:Georgia, Serif;}

#breadcrumb ul{
  list-style-type:none;
  margin-left: 0;}

#breadcrumb ul li{
  display: inline;
  /*background-image: url(../../Images/Breadcrumb/iconDivider.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Breadcrumb/iconDivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 10px 0 5px;}

#breadcrumb ul li.first{
  background-image: none;
  padding: 0;}

#breadcrumb ul li.last{
  background-image: none;}

#breadcrumb ul li a{
  color: #666666;
  text-decoration: underline;}

#breadcrumb ul li a:hover,
#breadcrumb ul li a:focus{
  color: #fff;}
  
  
  
/* Print this page icon */

#printPage {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 25px;
  font-family:Georgia, Serif;}

.sectionMediaCentre #printPage,
.sectionResearch #printPage{
  /*background-image: url(../../Images/Icons/Print/iconMediaCenter.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconMediaCenter.gif);}

.sectionAboutUs #printPage{
  /*background-image: url(../../Images/Icons/Print/iconAboutUs.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconAboutUs.gif);}

.sectionStudy #printPage{
  /*background-image: url(../../Images/Icons/Print/iconStudy.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/Print/iconStudy.gif);}

/* End of of Header Stylesheet - 23874 *//* Start of Footer Stylesheet - 23868 */

#container #decorationImg{
  text-align: right;}

#siteInformation{
  border-top:1px solid #D7D7D7;
  /*padding: 20px;*/
  padding: 10px 0 0 0;
  text-align: center;}

.pageContent #siteInformation{
  position: relative;
  border-top: 0 none;
  /*height: 203px;*/
  height: auto;
  width: 100%;}

#siteInformation ul{
  margin-bottom: 1.4em;}

#siteInformation li{
  display: inline;
  font-family: Georgia, Serif;}

#siteInformation li a{
  padding: 5px 10px;
  display: inline-block;
  color: #656363;}

#siteInformation li a:hover,
#siteInformation li a:focus{
  background-color: #00a8e1;
  color: #fff;}
  
  
/* vcard (hcard) stuff */

.vcard .tel .type {
  display: none;}

/*gradient at bottom of page visual effect*/
/*  class defines generic gradient at the bottom of the page */
.decorativeEffect{
  /*background: transparent url(../../Images/Effects/visualEffect01.gif) repeat-x left bottom;*/
  background: transparent url(http://www2.surrey.ac.uk/resources/Images/Effects/visualEffect01.gif) repeat-x left bottom;
  width: 100%;
  left: 0;
  z-index:0;
  height: 439px;
  margin-top: -439px;}
  
/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 200px */
#visualEffect01{  
  background-position: left -100px;}

/* Moves the gradient so it appears roughly halfway up the decorative image - assumes image height around 400px */
#visualEffect02{
  background-position: left -200px;}
  
.footerSeparator {
  display: none;}
  
  
/* NEW FOOTER STYLES - ADDED BY MF: 7 APRIL 2011 - These should supercede all of the above */

#footer {
  border-top: 1px solid #e4e4e4;
  font-size: 110%;
  margin-top: 17px;
  padding-bottom: 36px;
  padding-top: 17px;
  overflow: hidden;
  text-align: left;}
#footerContainer {
  margin: auto;
  width: 979px;}  
ul#footerLinks {
  margin: auto;
  width: 979px;}
ul#footerLinks li {
  display: inline;}
ul#footerLinks li a {
  color: #606060;
  display: inline-block;}
ul#footerLinks li a:hover, ul#footerLinks li a:focus {
  background-color: #00a8e1;
  color: #ffffff;}
.footerSeparator {
  color: #cccccc;
  display: inline;
  padding: 0 10px 0 10px;}
#hcard-The-University-of-Surrey{
  color: #909090; 
  margin: 20px auto 0px auto; 
  width: 979px;}
#hcard-The-University-of-Surrey a.url {
  color: #909090;}
  
#visualEffect01 {
  display: none;}
  
#decorationImg {
  clear: both;
  /*margin: -70px auto 10px auto;*/
  margin: -45px auto 10px auto;
  /*margin: auto;*/
  text-align: right;
  width: 979px;}
  
  
/* 120 year stuff - leave commented out until ready to go live on 12 April 2011 */

#footer {
  padding-top: 0;}

#surrey120 a {
  background-image: url(http://www.dev.surrey.ac.uk/120yearfooter/surrey120.gif);
  background-position: 0 11px;
  background-repeat: no-repeat;
  border-right: 1px solid #e4e4e4;
  display: block;
  float: left;
  height: 77px; 
  width: 199px;}
  
#surrey120 a:hover, #surrey120 a:focus {
  background-color: #ffffff;}

ul#footerLinks {
  float: left;
  padding-left: 10px;
  padding-top: 34px;
  width: 769px;}
  
#hcard-The-University-of-Surrey{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
  width: 769px;}  
  


/* End of of Footer Stylesheet - 23868 *//* Start of Layout Stylesheet - 23884 */

#container {
  width: 973px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position:relative;
  font-size: 1.1em;}
  
/*basic 2 column page layout*/

.pageTwoColumn #container{
  /*background-color: olive;*/}

.pageTwoColumn #primaryContent{
  /*background-color: Red;*/
  width: 725px;
  float: left;}

.pageTwoColumn #flexible,
.pageThreeColumn #flexible{
  width: 224px;
  float: left;
  /*padding-right: 24px;*/
  padding-right: 15px;}

/*basic 3 column layout*/
.pageThreeColumn #primaryContent{
  /*width: 407px;*/
  width: 469px;
  float: left;}

.pageThreeColumn #extra{
  /*width: 292px;*/
  width: 250px;
  float: right;
  margin-top: 15px;}



/*generic container - is used to get a visual vertical inline with groupedItems*/

.genericContainer{
  margin: 15px;}

  
/* Boxes on pages */


.genericBox {
  background-color:#f3f3f3;
  border: 1px solid #d7d7d7;
  position: relative;
  margin: 0;
  min-height:10.9em;
  padding:  10px 20px;}

.genericBox:hover{
  border-color: #aeaeae;}

/* the visual effect of "not square corners". "tl" = Top Left etc*/ 
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
  background-color: #f8f8f8;
  width: 1px;
  height: 1px;
  z-index: 100;
  font-size: 1px;}

/*the positioning of those corners*/
.genericBox .tl{
  position: absolute;
  top: -1px;
  left:-1px;}

.genericBox .tr{
  position: absolute;
  top: -1px;
  right:-1px;}

.genericBox .bl{
  position: absolute;
  bottom: -1px;
  left:-1px;}

.genericBox .br{
  position: absolute;
  bottom: -1px;
  right:-1px;}

  
#primaryBox {
  padding: 10px;}

#primaryBox .genericBox {
  background-color: #ffffff;
  padding: 20px;}


#primaryBox .genericBox .corner {
  background-color: #f3f3f3;}

#primaryBox .genericBox img.primaryImage {
  float: right;
  margin: 0 0 20px 20px;}

#primaryBox .genericBox h3{
  font-size: 2.0em;
  margin-bottom: 0.4em;}

#primaryBox .linkReadMore{
  background-color: #fff;
  /*background-image: url(../../Images/Icons/iconPlus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 10px;
  border-bottom: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;}

#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
  border-color: #AEAEAE;}

#primaryBox #readLess{
  /*background-image: url(../../Images/Icons/iconMinus.gif);*/
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
  bottom: -39px;}

/*related links in the primary box*/
#primaryBox #relatedLinks{
  margin: 0 0 0 12px;
  font-family:Georgia, Serif;}

#primaryBox #relatedLinks h4{
  font-style: italic;
  margin-bottom: 0.4em;}
  
.pageContent #primaryBox .genericBox{
  margin-bottom: 40px;}

.pageContent #additionalContent{
  margin-left: 263px;}



/* Banners */
#feature img {
  display: block;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  }
  
  

/* Inline images for use in ePhox EditLive fields */  
.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}


/* Show and hide images - used on staff profile pages */
.visible_image {display: block;}
.hidden_image {display: none;}  



/* Letter in-page navigation */

#primaryContent ul.letters {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin-left: 0;
  padding: 1em 0pt;}
  
#primaryContent ul.letters li {
  display:inline;
  padding-right:0.2em;}
  
  

/* TWO-COLUMN LANDING PAGE LIST BOXES */

.twoColLandingPageBox {
  width: 49.5%;
  float: left;} 

.twoColLandingPageBox.last {
  float: right;}

.twoColLandingPageBox h3 {
  margin-bottom: 0.3em;
  margin-left: 5px;}
  
#primaryContent .twoColLandingPageBox ul {
  background-color:#F6F6F6;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;
  list-style: disc;
  padding: 0;}
  
#primaryContent .twoColLandingPageBox ul li {
  padding: 5px;
  border-bottom: 1px solid #ffffff;}
  
  
  
/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
    margin-bottom: 10px;}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
    width: 140px;
  float: left;
  margin-right: 8px;}

  #studyPromoBoxes2 .genericBox{
    float: left;
  margin-right: 6px;}
  
  #studyPromoBoxes .genericBox .container, #studyPromoBoxes2 .genericBox .container {
    width: 145px;}

  #studyPromoBoxes #pgBox, #studyPromoBoxes2 #cpdBox {
    margin-right: 0;}

  #studyPromoBoxes .genericBox a {
    text-decoration: none;}
  



/* Press release listings on media centre homepage */

 #latestNews h3 {
  line-height: 120%;}
  
 #latestNews h3 a {   
  font-size: 85%;
  text-decoration: none;} 

  #latestNews p.releaseDate {
    margin: 0.6em 0 0.6em 0;}
  
  #latestNews ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #latestNews ul li {
    font-family: Georgia, "Times New Roman", Times, serif;
  border-top: 1px solid #e9e9e9;
  padding: 0.6em 0 0.6em 0;}
  
  #latestNews ul li a {
    text-decoration: none;}
  
/* RSS links on media centre homepage */

  ul.rssLinks {
    list-style-image: url(http://www2.warwick.ac.uk/newsandevents/rss/rss_icon.gif);
  list-style-position: inside;
  padding-left: 24px;
  margin-left: 0;
  background-color: #ffffff;}
  
  ul.rssLinks li {
    padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;}
  
  .rssLink a {
  background-image: url('http://www.surrey.ac.uk/images/32803_rss_icon_small.gif');
  background-repeat: no-repeat;
  line-height: 20px;
  padding-bottom: 2px;
  padding-left: 90px;}
  
  .rssLink a:hover {
  background-color: transparent !important;
  color: #888888 !important;} 
  
  
/* Press release listings on the press release archive pages */

  #pressReleaseArchive h2 {
    font-size: 1.8em;}

  #pressReleaseArchive ul {
    list-style: disc;
  padding: 0.2em 0 1.5em 0;}
  
  
  #pressReleaseArchive ul li {
    margin-bottom: 0.4em;
  font-family: Georgia, "Times New Roman", Times, serif;}
  
  #pressReleaseArchive ul li a {
    text-decoration: none;}
    
    
    
/* Style for news story lists */

ul.newsList {
  margin-top: 10px;}
  
ul.newsList li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;}
  
  
/* Departmental homepage promo boxes - features */

#deptPromoBoxes .genericBox {
  width: 183px;
  min-height: 7em;
  padding: 10px;
  margin-right: 10px;}
  
#deptPromoBoxes .genericBox h3 {
  font-size: 1.6em;}
  
#deptPromoBoxes .genericBox h3 a {
  text-decoration: none;}
  


/* Academic Department Feature Boxes */ 
  
.deptHomepageFeatureContainer {
    float: left;
  width: 215px;
  margin-right: 9px;}
  
  #deptPromoBoxes .last {
    margin-right: 0;} 
  
    
.deptHomepageFeature {
  background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
  padding: 10px 0 0 8px;
  margin: 0 0 15px 0;
  border: 1px solid #D7D7D7;
  background-position: bottom;
  min-height: 100px;
  position: relative;}

.deptHomepageFeatureCutout {
  position: absolute;
  right: -1px;
  bottom: -14px;}
    
/* Department homepage news story styles */

#primaryContent ul.newsicon, #extra ul.newsicon {
  background-image: url(http://www2.surrey.ac.uk/images/8007_news_icon_small.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 1em 65px;
  min-height: 65px;
  margin: 0;
  }

/* Force academic department pages to be three-column */  
div#primaryContent.academicDepartment {
  width: 469px;}  
  
.pageTwoColumn #extra.academicDepartment {
  width: 250px;
  float: right;
  margin-top: 15px;}
  
  
div#primaryContent.academicDepartment h2, div#primaryContent.faculty h2 {
  border-bottom: 1px solid #cccccc;
  margin-top: 10px;
  padding-bottom: 4px;} 
  
  
/* FAQs */  
  
dl.faqList dt {
  font-weight: bold;
  margin-bottom: 8px;
  }
  
dl.faqList dd {
  margin-bottom: 16px;
  } 
  
/* UG Course List Stuff */

#primaryContent .courseList h3 {
  border-bottom: 1px solid #aaaaaa;
  font-size: 1.8em;
  }
  
#primaryContent .courseList ul {
  list-style: disc;
  padding: 0;
  margin: 0.8em 0 1.5em 0;
  }
  
#primaryContent .courseList ul.programmeList {
  margin: 0.4em 0 0 0;
  }     
  
#primaryContent .courseList ul li {
  margin-bottom: 1.5em;
  font-weight: bold;
  }
  
#primaryContent .courseList ul.programmeList li {
  margin: 0.2em 0 0.2em 0;
  font-weight: normal;
  }
  
  
/* UG Prospectus Course Page Styles - copied from Rhythmyx template 09/09/2009 */



#primaryContent .genericContainer #factfile h2 {
  margin: 0 0 1em 0;
  font-size: 1.8em;
  padding-bottom: 1em;
  }   
    
#primaryContent .genericContainer #factfile table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  border: none;
  }

#primaryContent .genericContainer #factfile th, #primaryContent .genericContainer #factfile td {
  text-align: left;
  vertical-align: top;
  padding: 0.8em 0 0 0;
  border-top: 1px solid #eaeaea;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #ffffff;
  }
#primaryContent .genericContainer #factfile td p {
  margin: 0 0 0.8em 0;
  }
#primaryContent .genericContainer #factfile th {
  width: 20em;
  } 
  

  
/* Calendar Icon Styles */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em;}

.calendarIcon {
  width: 55px;
  float: left;
  margin: 0 10px 0 0;}
.calendarIconDay {
  background-color: #dddddd;
  text-align: center;
  padding: 8px 0 8px 0;
  color: #002667;
  font-size: 2.2em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;}
.calendarIconMonth {
  background-color: #bcbcba;
  text-align: center;
  color: #002667;
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bold;
  font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}


/* Event Details */

dl.eventDetails {
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0 2em 0;
  }
dl.eventDetails dt {
  display: block;
  float: left;
  clear: left;
  padding: 8px 0 8px 0;
  width: 14em;
  font-weight: bold;
  }
dl.eventDetails dd {
  border-top: 1px solid #eaeaea;
  padding: 8px 0 8px 14em;
  }
  
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
  background-color: #009edf;  
  border-bottom: 1px solid #0087be;
  border-left: 1px solid #5fb7e8;
  border-right: 1px solid #0087be;
  border-top: 1px solid #5fb7e8;
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 7px 5px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none !important;
  width: 70px}

.bookOnlineButton a:hover {
  background-color: #66c5ec;
  border-bottom-color: #66b7d8;
  border-left-color: #9fd3f1;
  border-right-color: #66b7d8;
  border-top-color: #9fd3f1;}
  


  
  
/* Spotlight stuff (non-homepage) */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www2.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.spotlight + p {clear:both;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}



/* MP3 Player */
.mp3Link {
  margin: 10px 0 20px 0;}
  
  
  
/* Styles for SABO (SeatAdvisor) booking pages */

.pageThreeColumn #primaryContent.eventBookingPage  {
  width: 770px;}
  
.eventBookingPage .genericContainer h1 {
  margin: 0 !important;}

#sabo_frame{
  border: 0;
  height: 1500px;
  margin: 0;
  padding: 0;
  width: 750px;}
  


/* End of of Layout Stylesheet - 23884 *//* Start of Stylesheet for tables - 23890 */



/* End of of Stylesheet for tables - 23890 *//* Start of Tab navigation stylesheet - 23892 */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#tabbedContent
{
  z-index: 100;
}

/* Skin */
.ui-tabs-nav {
    font-family: Georgia, serif;

}
.ui-tabs-nav {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(../../Images/Effects/tab.png) no-repeat;*/
    background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/****************************************************************
Additional tab styles start here
****************************************************************/

/*tabs on home page contain content not specified in tabs.css*/

#tabbedContent .genericBox{
  /*padding: 20px;*/
  padding:5px;
  min-height: 164px;
  /*margin-bottom: 10px;*/
  margin-bottom:15px;
  border-color: #e6e6e6;
  background-color: #f1f1f1;}

#tabbedContent .genericBox .genericBox {
  background-color:#FFFFFF;
  margin-bottom:0px;}

#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
  padding: 5px;
  margin-bottom: 15px;}

#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
  background-color: #fff;
  margin-bottom: 0px;}

#tabbedContent .genericBox .tabPromoImage{
  float: left;
  margin-right: 20px;
  line-height: 0;}

#tabbedContent .genericBox .tabPromoList{
  /*
  width: 40%;
  display: inline;*/}

#tabbedContent ul#tabNavigation li{
  display: inline;}

#tabbedContent ul#tabNavigation li a{
  color: #696969;
  font-weight: normal;
  text-decoration: none;}

/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
  float: left;
  margin-right: 20px;}

.pageLanding #tabbedContent .genericBox .genericBox h3{
  color: #002765;}




/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the 
Extra Content (right column) div*/

.pageContent #extra #tabbedContent .tab .genericBox{
  height: 45em;}

/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
  width: 268px;
  margin: 0;
  padding: 0;}

.pageContent #extra #tabbedContent p.leadParagraph{
  margin: 0;
  padding: 10px;
  margin-top: -3px;}

/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
  background-color: #00a8e1;
  color: #fff;}

.pageContent #extra #tabbedContent h3{
  margin: 0.6em 10px 0.6em 10px;
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}

.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
  margin-left: 10px;
  margin-right: 10px;}
  
    
#primaryContent ul.ui-tabs-nav {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0pt;
  padding:0pt 0pt 0pt 4px;}
    
#primaryContent ul.ui-tabs-nav li {
  margin-bottom: 0;}

/* End of of Tab navigation stylesheet - 23892 *//* Start of Typography stylesheet - 23893 */

/* Headings */

h1, h2, h3, h4, h5{
  font-family:Georgia, Serif;
  color: #002664;}

.pageContent h1,
.pageContent h2.sectionHeading{
  font-size: 3.0em;
  font-weight: normal;
  margin-bottom: 0.4em;}

.pageContent h2.sectionHeading{
  color: #002765;}

.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5{
  color: #666666;
  font-weight: normal;}

#primaryContent h2,
#primaryContent .listOfPressItems h3,
#additionalContent h3{
  font-size: 2.1em;
  color: #606060;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 15px;}

.pageContent #extra h2{
  font-size: 1.8em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 0.2em;}
  
/*below property added by CR on 08/03/2011 to fix Physics dept's heading issue*/
  
.pageContent #extra h2{
  position: static;
}
  
.pageContent #additionalContent h3{
  margin: 0;}

.pageContent #primaryContent h3{
  /*font-size: 1.8em;
  margin-top: 0.4em;*/
  font-size: 1.6em;
  margin: 1em 0 0.3em 0;}
  
.pageContent #primaryContent .deptHomepageFeature h3 {
  margin-top: 0;}
  
#primaryContent .genericContainer h2{
  margin: 0;} 
  
#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
  color:#606060;
  font-size:2.2em;
  margin-bottom: 0.3em;
  margin-top: 1em;}

  
.pageContent #primaryContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0.2em 0;}

.pageContent #extra h3 {
  font-size: 1.4em;}
  
.pageContent #extra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;}


/* Paragraphs */
p {
  margin: 0.4em 0 1.2em 0;
  line-height: 1.4;
  font-size: 0.8em;}

p.date{
  font-family: Georgia, Serif;
  font-size: 0.9em;
  margin-bottom: 0;}
  
  
.callout p {
  font-family: Georgia, serif;
  font-size: 1.0em;
  line-height: 145%;}



/* Links */


a {color: #002664;}

a:hover, a:focus{
  background-color:#002664;
  color: #fff;}
  
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: underline;}

#pageHome #primaryContent a{
  text-decoration: none;}
  
/* Link formatting - remove underline from anchors and add it only to links */
#primaryContent a, #extra a, #additionalContent a {
  text-decoration: none;}
  
#primaryContent a:link, #extra a:link, #additionalContent a:link, #primaryContent a:visited, #extra a:visited, #additionalContent a:visited, #primaryContent a:active, #extra a:active, #additionalContent a:active {
  text-decoration: underline;}


/*different sections have different colour links in some areas*/
.sectionMediaCentre #primaryContent #relatedLinks a,
.sectionMediaCentre #primaryContent .vcard a,
.sectionMediaCentre #additionalContent .email{
  color:#00a8e1;}

.sectionMediaCentre #primaryContent #relatedLinks a:hover,
.sectionMediaCentre #primaryContent .vcard a:hover,
.sectionMediaCentre #additionalContent .email:hover{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionAboutUs #primaryContent #relatedLinks a,
.sectionAboutUs #primaryContent .vcard a,
.sectionAboutUs #additionalContent .email,
.sectionAboutUs #primaryContent a,
.sectionAboutUs #extra a{
  color:#9bae01;}

.sectionAboutUs #primaryContent #relatedLinks a:hover,
.sectionAboutUs #primaryContent .vcard a:hover,
.sectionAboutUs #additionalContent .email:hover,
.sectionAboutUs #primaryContent a:hover,
.sectionAboutUs #primaryContent a:focus,
.sectionAboutUs #extra a:hover,
.sectionAboutUs #extra a:focus{
  background-color:#9bae01;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionStudy #primaryContent #relatedLinks a,
.sectionStudy #primaryContent .vcard a,
.sectionStudy #additionalContent .email,
.sectionStudy #primaryContent a,
.sectionStudy #extra a{
  color:#00a8e1;}

.sectionStudy #primaryContent #relatedLinks a:hover,
.sectionStudy #primaryContent .vcard a:hover,
.sectionStudy #additionalContent .email:hover,
.sectionStudy #primaryContent a:hover,
.sectionStudy #primaryContent a:focus,
.sectionStudy #extra a:hover,
.sectionStudy #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}

/*different sections have different colour links in some areas*/
.sectionResearch #primaryContent #relatedLinks a,
.sectionResearch #primaryContent .vcard a,
.sectionResearch #additionalContent .email,
.sectionResearch #primaryContent a,
.sectionResearch #extra a{
  color:#00a8e1;}

.sectionResearch #primaryContent #relatedLinks a:hover,
.sectionResearch #primaryContent .vcard a:hover,
.sectionResearch #additionalContent .email:hover,
.sectionResearch #primaryContent a:hover,
.sectionResearch #primaryContent a:focus,
.sectionResearch #extra a:hover,
.sectionResearch #extra a:focus{
  background-color:#00a8e1;
  color: #fff;}
  

/* File download links */
.fileTypeIcon {
  background: url(http://www2.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
  padding-bottom: 4px;
  padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}

  
  
/* Lists */

ul.genericList{
  margin:0.4em 0pt 1.2em;
  font-size: 1.1em;
  line-height: 1.4;}

ul.bulletList{
  list-style-type: disc;
  list-style-position: inside;}
  
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
  list-style-type: none;
  padding: 0;
  margin: 0;}
  

ul.genericOrderedList{
  list-style-type: decimal;
  list-style-position: inside;}

ul.genericOrderedList li{
  margin-bottom: 0.4em;}


#primaryContent ul, #extra ul {
  padding: 1em 0 1em 1.4em;
  list-style-type: disc;}
  
#primaryContent ul li, #extra ul li, #primaryContent ol li {
  line-height: 1.4em;
  font-size: 1.1em;
  margin-bottom: 0.2em;}
  
#primaryContent ol li {
  margin-bottom: 0.6em;}  
  
#primaryContent ol {
  list-style: decimal;
  margin: 1em 0 1em 34px;}  
  

#extra ul.relatedLinks {
  list-style-type: none;
  padding: 1em 0 0 0;}
  
#extra ul.relatedLinks li {
  margin-bottom: 0.4em;}






  
/*normal*/
ul.iconList{}

ul.iconList li a{
  /*background-image: url(../../Images/Icons/iconArrowSmall.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmall.gif);
  background-repeat: no-repeat;
  background-position:right center;
  padding-right: 17px;}

ul.iconList li a:hover,
ul.iconList li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowSmallNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowSmallNegative.gif);}

/*large*/
ul.large li{
  border-bottom: 1px solid #dddddd;
  line-height: 3.0em;
  font-family:Georgia, Serif;}

ul.large li.last{
  border: 0 none;}

ul.large li a{
  font-size: 2.0em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.large li a:hover,
ul.large li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}

/*medium*/
ul.medium li{
  border-bottom: 1px solid #dddddd;
  line-height: 2.5em;
  font-family:Georgia, Serif;
  font-weight: normal;}

ul.medium li.last{
  border: 0 none;}

ul.medium li a{
  font-size: 1.5em;
  /*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);}

ul.medium li a:hover,
ul.medium li a:focus{
  /*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
  background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


.pageContent #extra .telephone{
  font-size: 1.4em;
  margin: 0.2em 0 0.2em 0;
  display: block;}



/* Dynamic Search Stuff - added 16 August 2010 by MF */

#dsFormContainer {
  border: 1px solid #cccccc;
    padding: 10px;}

#dynSearchResults ul {
    border-top: 1px solid #cccccc;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 0 0 0;}

#dynSearchResults ul li {
    margin-bottom: 8px;}
  
  
  
/* Media coverage - as used on main website - stuff */

.mediaCoverageItem {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 16px;}

.mediaCoverageItem h3 {
  color: #002664;
  font-size: 1.4em;}
  
.mediaDate {
  color: #777777;
  font-size: 1.3em;
  font-weight: bold;}
  

/* Headlines on expert comment list page */
.pageContent #primaryContent h3 span.itemHeadline {
  font-size: 85%;}


  
  
/* Expert comment section for the homepage */

.expertComment {
  /*border-bottom: 1px solid #dfdfdf;*/
  margin-bottom: 23px;}

.expertComment h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 8px;}
  
.expertComment h4 {
  color: #555555;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.2em;}

/*
ul.expertComment {
  border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;}

ul.expertComment li{
  font-size: 1.5em;}
  
ul.expertComment li a {
  font-family: Georgia, Times, serif;}
  
*/

/* End of of Typography stylesheet - 23893 */
/*********************************************************************
Set Main Font to Frutiger
*********************************************************************/

body {
  /*font-family: "Frutiger LT Std 45 Light",arial,helvetica,sans-serif;*/
  font-family: arial,helvetica,sans-serif;}


/*********************************************************************
Main Page Structure
*********************************************************************/

#container {
  width: 975px;}

#content {
  margin-top: 60px;}

#column1 {  
  float: left;
  /*margin-right: 30px;*/
  /*width: 215px;*/
  margin-right: 25px;
  width: 230px;}
  
#column2 {
  float: left;
  /*margin-right: 30px;
  width: 483px;*/
  margin-right: 25px;
  width: 465px;}
  
#column3 {
  float: left;
  width: 230px;}
  
#primaryContent {
  float: left;
  margin-top: -15px;
  /*width: 700px;*/
  width: 765px;}
  
.pageThreeColumn #primaryContent {
  margin-right: 10px;
  width: 525px;}
  
.pageThreeColumn #extra {
  margin-top: 0;
  width: 230px;}

/*********************************************************************
Header
*********************************************************************/
  
#h1SurreyNet, #h1UniversityOfSurrey span {
  background-image: url(http://www.surrey.ac.uk/surreynet/images/26555_surreynet_icons_small.gif);
  background-repeat: no-repeat;}

#h1UniversityOfSurrey {
  background: none;
  right: 0;
  width: 130px;}

#h1UniversityOfSurrey span{
  background-position: 0 -38px;
  height: 38px;
  width: 130px;}
  
#h1SurreyNet {
  height: 38px;
  left: 0px;
  position: absolute;
  top: 25px;  
  width: 253px;}
  
  


/*********************************************************************
Main Navigation
*********************************************************************/


#mainNavContainer {
  border-top: 1px dotted #ddcb72;
  border-bottom: 1px dotted #ddcb72;  
  left: 0px;
  margin-bottom: 20px;
  padding: 8px 0 8px 0;
  position: absolute;
  text-align: center;
  top: 90px;
  width: 100%;
  z-index: 10;}
  
#mainNav {
  margin: auto;
  text-align: left;
  width: 975px;}

#mainNav ul {
  float: left;}

#mainNav li {
  display: inline;
  padding-right: 11px;
  text-transform: uppercase;}
  
#mainNav li#navFeedback {
  font-size: 1.1em;
  font-weight: bold;}
  
/*********************************************************************
Search form
*********************************************************************/  

#search {
  float: right;
  /*margin-bottom: 20px;*/}
  
#search input#q{
  border: 1px solid #dfe0e0;
  }


#search #uiBtnSubmitSerach {
  padding-left: 6px;}

/*********************************************************************
Secondary Navigation (left-hand column)
*********************************************************************/

#secondaryNavigation {
  float: left;
  margin-bottom: 40px;
  margin-right: 10px;
  width: 200px;}

#secondaryNavigation > ul {
  border-top: 1px dotted #ddcb72;
  }
  
#secondaryNavigation ul li a {
  border-bottom: 1px dotted #ddcb72;
  display: block;
  margin: 0;
  padding: 5px;}
  
#secondaryNavigation ul li ul li {
  margin-left: 10px;}
  
#secondaryNavigation ul li a.self_node {
  background-color: #f6f2dc;}
  
#secondaryNavigation ul li a:hover {
  background-color: #fcfaf1;}



/*********************************************************************
Headings
*********************************************************************/


h1 {
  color: #003e7e;
  /*font-family: "Perpetua MT Std", Georgia, Times, serif;*/
  font-family: Georgia, Times, serif;
  font-size: 2.0em;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: -4px;}
  

h2 {
  /*background-color: #ddcb72;*/
  color: #003e7e;
  /*font-family: "Perpetua MT Std", Georgia, Times, serif;*/
  font-family: Georgia, Times, serif;
  /*font-size: 1.5em;*/
  font-weight: bold;
  margin-bottom: 10px;
  /*padding: 3px;*/
  /*text-transform: uppercase;*/}
  
  
  
.pageHome h2 {
  /*background-color: #ddcb72;*/
  /*background-color: #c2a204;*/
  background-color: #d4be4f;
  font-size: 1.8em;
  padding: 3px;
  /*text-transform: uppercase;*/}
  
  
#homepageEvents h3 {
  /*background-color: #c2a204;*/
  /*background-color: #003e7e;
  color: #ffffff;*/
  color: #003e7e;
  /*font-family: "Frutiger LT Std 55 Roman",arial,helvetica,sans-serif;*/
  font-family: arial,helvetica,sans-serif;
  font-weight: bold;
  margin-top: 10px;
  padding: 2px 0 2px 3px;
  text-transform: uppercase;} 
  
  
#homepageEvents ul li {
  border-bottom: 1px dotted #ddcb72;
  clear: both;
  margin: 4px 0 0 0;
  padding: 0 0 4px 0;} 
  
#homepageEvents ul li .day {
  color: #003e7e;
  display: block;
  float: left;
  font-size: 2.5em;
  font-weight: normal;
  margin-right: 5px;}

#homepageEvents ul li .eventDetail {
  display: block;
  float: left;
  padding-top: 4px;
  width: 80%;}


#primaryContent #latestNews h3 a {
  /*font-family: "Frutiger LT Std 55 Roman",arial,helvetica,sans-serif;*/
  font-family: arial,helvetica,sans-serif;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;}


#latestNews .newsItem {
  border-bottom: 1px solid #dedede;
  margin-top: 20px;
  padding-bottom: 10px;}


.surreyNetHeadline h3 {
  margin-bottom: 5px;}

.surreyNetHeadline h3 a {
  /*font-family: "Frutiger LT Std 55 Roman",arial,helvetica,sans-serif;*/
  font-family: arial,helvetica,sans-serif;
  font-size: 159%;
  font-weight: bold;}

#bulletin {
  background-color: #f7f0df;
  font-size: 150%;
  font-weight: bold;
  margin-top: 0;
  min-height: 70px;
  padding: 5px;
  padding-left: 130px;
    position: relative;}


#bulletin h2 {
  background: none;
    background-image: url(http://www2.surrey.ac.uk/surreynet/images/30456_bulletin_graphic_small.png);
    /*background-image: url(http://www.surrey.ac.uk/surreynet/images/39093_vc2_small.jpg);*/
    background-repeat: no-repeat;
    height: 112px;
    left: 10px;
    position: absolute;
    top: -35px;
    /*top: 2px;*/
    width: 110px;}
    
#bulletin  h2 span {
    left: -10000px;
    position: absolute;
    top: -10000px;}   


#bulletin, #newsHeadlines, #homepageEvents, #features, #pressReleases, #newsFeeds, #mediaCoverage, #noticeboard, #newsletters {
  /*border: 1px solid #cccccc;*/
  margin-bottom: 20px;
  /*padding: 10px;*/}
  
/*#newsHeadlines h2, #announcements h2, #homepageEvents h2, #features h2, #pressReleases h2, #newsFeeds h2, #mediaCoverage h2, #noticeboard h2 {  
  color: #888888;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 10px;}*/
  
  
#newsHeadlines ul#headlines {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 20px;}
  
#newsHeadlines .surreyNetHeadline {
  border-bottom:1px dotted #DDCB72;
  margin-bottom: 20px;
  padding-bottom: 10px;}
  
  
.noticeboardCategory {
  border-top: 1px solid #cccccc;
  margin-top: 20px;
  padding-top: 20px;}
  
li.notice, #mediaCoverage li, #newsletters li {
  /*border-bottom: 1px solid #cccccc;*/
  border-bottom: 2px dotted #ddcb72;
  padding: 8px 0 8px 0;}
  
.noticeDate {
  /*background-color: #c2a204;*/
  background-color: #003e7e;
  color: #ffffff;
  display: none;
  padding: 1px 2px 1px 2px;}
  
  
  
.homepageFeature {
  border: 1px solid #dfe0e0;
  margin-bottom: 10px;
  margin-top: 15px;}
  
.homepageFeature h3 {
  /*font-family: "Perpetua MT Std", Georgia, Times, serif;*/
  font-family: Georgia, Times, serif;
  font-size: 1.4em;
  margin: 6px 0px 3px 3px;}
  
  
.featureImage img {
  display: block;}
  
  
ul#notices  {
  list-style-type: none;
  margin: 0;
  padding: 0;}
  
  
#pressReleaseArchive ul {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;}
  
#primaryContent #pressReleaseArchive ul li {
  font-family: arial,helvetica,sans-serif;
  margin-bottom: 14px;}
  
  
  
a:hover, a:focus {
  background: none;
  color: #002664;}
  
  
  
#eventsCalendar h2 {
  margin-top: 20px;}
  
  
.headlineIntro p {
  /*color: #808080;*/
  color: #666666;}
  
  
#newsFeeds h3 {
  cursor: pointer;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.5em;
  margin: 20px 0 20px 0;}


.feedItems li {
  border-bottom: 1px dotted #ddcb72;
  padding-bottom: 8px;
  margin-bottom: 8px;}
  
  
  
.phoneList pre {
  font-size: 1.2em;}
  

/* New Phone Book / Search Styles */

  .defaultTextActive { color: #a1a1a1; font-style: italic; }


  #staffSearch #name {
    border: 1px solid #d4be4f;
    color: #888888;
    padding: 3px;}
  
  #staffSearch label {
  display: none;}


  #primaryContent ul.letterNav {
  list-style-type: none;
  margin: 20px 0 10px 0;
  overflow: hidden;
  padding: 0;}
  
  #primaryContent ul.letterNav li {
    border: 1px solid #D4BE4F;
    display: block;
    float: left;
    margin-bottom: 4px;
    margin-right: 4px;
    text-align: center;}
  
  #primaryContent ul.letterNav li a, #primaryContent ul.letterNav li b.currentLetter {
    display: block;
    height: 14px;
    padding: 4px 5px 6px;
  text-decoration: none;
    width: 10px;} 

  #primaryContent ul.letterNav li a:hover, #primaryContent ul.letterNav li b.currentLetter {
  background-color: #f7f0df;}
  

  table.phoneList {
  border-collapse: collapse;
  width: 100%;}
  
  table.phoneList td {
  /*border-bottom: 1px solid #eaeaea;*/
  border-bottom: 1px solid #d4be4f; 
  padding: 8px 20px 8px 8px;}
  
  table.phoneList th {
  /*background-color: #cccccc;*/
  background-color: #d4be4f;
  color: #003e7e;
  padding: 8px 20px 8px 8px;
  text-align: left;}
  
  iframe#createFiles {
  border: none;
  height: 1px;
  width: 1px;}

  
#pageDate {
  /*display: block !important;*/
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 1.5em;
  margin-top: 2em;}
  
  
.pageHome .mediaDate {
  display: none;}
  
.mediaCoverageItem h3 {
  font-family: arial,helvetica,sans-serif;
  font-weight: normal;
  margin-top: 16px;}  
  
.pageHome .mediaCoverageInstruction {
  display: none;}
  
.pageHome .mediaCoverageItem h3 { 
  font-size: 1em;
  margin-top: 0;
  font-weight: normal;}
  
.pageHome .mediaCoverageItem {
  border-bottom: none;
  padding-bottom: 0;}
  
.mediaCoverageItem .mediaDate {
  font-size: 1.1em;
  font-weight: normal;}
  
.featuredItem {
  clear: both;
  margin-bottom: 20px;
  padding-top: 20px;}
  
.featuredItem .headlineMedia {
  float: left;
  margin-right: 20px;
  width: 220px;}
  
.featuredItem h3 {
  margin-bottom: 5px;}

.featuredItem h3 a {
  /*font-family: "Frutiger LT Std 55 Roman",arial,helvetica,sans-serif;*/
  font-family: arial,helvetica,sans-serif;
  font-size: 159%;
  font-weight: bold;}
  
  
  
  
/* Style for the Useful Links navigation page */
#atoz_nav {
  color: #aaaaaa;
  font-size: 1.1em;
  margin: 10px 0 2.5em 0;}
  
.atoz_nav_separator {
  color: #aaaaaa;
  padding-left: 7px;
  padding-right: 7px;}
  
#primaryContent #atoz_nav a:link,#primaryContent #atoz_nav a:visited {
  text-decoration: none;}

#atoz ul, #academicDepartments ul, #centralServices ul {
  list-style: disc;
  margin: 0;
  padding: 0;}
  /*#atoz ul li, #centralServices ul li {*/
  #atoz ul li {
    /*margin: 1em 0 10px 0;*/
    margin: 2.5em 0 10px 0;}
  .letter {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  display: block;
  font-size: 1.5em;
  margin-bottom: 1em;
    /*padding: 2px 0 2px 6px;*/   
    padding: 0 0 5px 0;
    width: 100%;}
  #atoz ul li ul li, #centralServices ul li ul li {
    background-color: #ffffff;
    margin: 4px 0 0 0;
    padding: 0;}
  #atoz ul li ul li ul li {
    background-color: #ffffff;
    font-size: 100%;
  margin: 4px 0 0 16px; 
    padding: 0;}
  /*
  #academicDepartments {
    float: left;
    margin-right: 40px;
    width: 320px;}
  #centralServices {
    float: left;
    width: 320px;}
  */
  .breaker {
    clear: both;}
  
  /*
  #academicDepartments h3, #centralServices h3 {
    font-size: 1.1em;
    margin: 5px 0 5px 0;}
  #academicDepartments ul li {
    font-weight: bold;
    margin-top: 10px;}
  #academicDepartments ul li ul li {
    font-weight: normal;
    margin: 0;}
  */
  
  #academicDepartments h3, #centralServices h3 {
    border-bottom: 1px solid #cccccc;
    color: #555555;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.5em;
    margin: 2.5em 0 10px 0;
    padding-bottom: 5px;}
  
  #usefulLinks h2 {
    cursor: pointer;}
    
    
/* Temporarily hide the cateory links section and the department links section */

#categoryLinks, #departmentLinks {
  display: none;}


/* Today's date in the main navigation */
#todaysDate {
  float: right;}

/* Footer */

#footer {
  border-top: 1px dotted #ddcb72;
  clear: both; 
  /*padding: 10px 0 10px 0;*/
  /*padding: 0 0 36px 0;*/
  padding: 0 0 15px 0;}

#footer p {
  /*text-align: left;
  width: 975px;
  margin: auto;*/}
  
#footerStrapline {
  color: #909090;
  float: right;
  /*margin-top: 34px;*/
  margin-top: 0;
  border-left: 1px solid #e4e4e4;
  padding: 15px 0 15px 15px;
  width: 768px;}

#primaryContent ul.announcementList {
  list-style: disc;
  margin: 0 0 20px 0;
  padding: 0;}
  
#primaryContent ul.announcementList li {
  border-bottom: 1px dotted #ddcb72;
  padding-bottom: 12px;}
  
#announcements h3 {
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-size: 1.6em;
  font-weight: normal;
  margin: 30px 0 10px 0;
  padding-bottom: 5px;}
  

/*********************************************************************
Related images in the extra column (column three)
*********************************************************************/

#extra img {
  display: block;
  margin-bottom: 10px;}

  
  
/*********************************************************************
Blog-style formatting - for use with Exective 'blog'
*********************************************************************/

#primaryContent ul.blogListing {
  list-style-type: none;
  margin: 0;
  padding: 0;}

.blogPost {
  border-bottom: 1px dotted #ddcb72;
  margin-bottom: 20px;
  min-height: 140px;
  padding-bottom: 10px;}
  
.postImage {
  float: left;
  margin-right: 15px;}
  
#primaryContent .blogPost h3 a {
  font-family: arial,helvetica,sans-serif;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;}
  
  
/*********************************************************************
Links to files with icons - display as block-level elements
*********************************************************************/  
  
span.fileLink {
  display: block;
  margin-bottom: 10px;}
  


.profileThumbnailDetailsLink {
  border-top: none !important;
  clear: both !important;
  margin-top: 0 !important;}
  
  
/*********************************************************************
Style for events page
*********************************************************************/    
  
.eventList h3 {
  border-bottom: 1px solid #667da2; 
  font-family: arial,helvetica,sans-serif;
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 40px;
  padding-bottom: 4px;}
  
.eventList h4 {   
  font-size: 1.4em;
  margin: 10px 0 10px 0;
  padding-bottom: 4px;} 
  
  
#primaryContent .eventList ul {
  list-style-type: none;
  margin: 10px 0 20px 0;
  padding: 0;}
  
#primaryContent .eventList ul li {
  border-bottom: 1px dotted #dddddd;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;}
  
#primaryContent .eventList ul li a {
  text-decoration: none;}
  
#primaryContent .eventList ul li a:hover {
  text-decoration: underline;}
  
  
/*********************************************************************
Style for content rotators on homepage - MF 20 Feburary 2012
*********************************************************************/  

.pageHome .rotator {
  margin-bottom: 1em;}
  
.pageHome .rotator p {
  margin-top: 0;}
  
/*********************************************************************
Style for How do I...? content
*********************************************************************/  

.how-do-i-category, .folderAutoIndex {
  border-bottom: 1px solid #cccccc;}

#primaryContent .how-do-i-category  h2,
#primaryContent .folderAutoIndex h2,
#primaryContent .genericContainer #related-policies h2,
#primaryContent .genericContainer #related-resources h2,
#primaryContent .genericContainer #related-questions h2 {
  font-size: 1.7em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;}
  
#primaryContent .how-do-i-category > ul, #primaryContent .folderAutoIndex > ul , #primaryContent .how-do-i-sub-category ul{
  list-style-type: none;
  margin: 0;
  padding: 0;}
  
#primaryContent .how-do-i-sub-category {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 1em;
  padding-bottom: 1em;}
  
#primaryContent .how-do-i-sub-category h3 {
  color: #777777;
  font-family: arial,helvetica,sans-serif;
  font-size: 110%;
  margin-bottom: 0.6em;}
  
  
#primaryContent .how-do-i-question, #primaryContent .folderAutoIndex {
  margin-bottom: 0.7em;}
  
#related-policies ul, #related-resources ul, #related-questions ul {
  list-style-type: none;
  margin: 0;
  padding: 0;}
  
#related-policies li, #related-resources li, #related-questions li {
  margin-bottom: 0.7em !important;}
  
#related-policies, #related-resources {
  margin-bottom: 2em;}
  
#related-policies h2 , #related-resources h2, #related-questions h2{
  border-bottom: 1px solid #cccccc;
  color: #606060;
  margin-bottom: 8px;
  padding-bottom: 2px;}
  
.expander {
  background-image: url(http://www.surrey.ac.uk/images/79528_expand_small.png);
  background-position: right center;
  background-repeat: no-repeat; 
  cursor: pointer;
  margin-bottom: 5px;}
.expander.open {
  background-image: url(http://www.surrey.ac.uk/images/79529_collapse_small.png);}
  
.folderAutoIndex ul {
  padding-bottom: 1.4em !important;}

/*Styles for media relations contact details in sidebar of homepage */    
.media-relations-contact p {
  background-repeat: no-repeat;
}
.media-relations-contact p:nth-of-type(1) {
  background-image:url(//www.surrey.ac.uk/surreynet/images/140231_email_icon_small.png);
  padding-left: 40px;
}
.media-relations-contact p:nth-of-type(2) {
  background-image:url(//www.surrey.ac.uk/surreynet/images/140227_phone_icon_small.png);
  padding-left: 40px;
}

iframe {
	display: block;
    margin-left: auto;
    margin-right: auto;
}


.centred_image {
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
}