/**************************************************************************************
COMBINED STYLESHEET

Combined University of Surrey stylesheet
**************************************************************************************/

/* 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:none }
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 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;}

/* End of of Footer Stylesheet - 23868 *//* Start of Forms Stylesheet - 23870 */

.genericForm{}

.genericForm label{
	display: block;
	color: #002765;
	margin-bottom: 0.2em;}

.genericForm input,
.genericForm select,
.genericForm textarea{
	width: 100%;
	margin-bottom: 0.4em;}

.genericForm input,
.genericForm select,
.genericForm textarea{
	font-size: 1.0em;}

.genericForm .genericButton{
	width: auto;
	background-color: #fff;
	color: #002664;
	padding: 3px 15px 3px 3px;
	background-image: url(/surrey/images/iconButtonArrowNegative.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor:pointer;
	border: 1px solid #002664;}

.genericForm .genericButton:hover,
.genericForm .genericButton:focus{
	border: 1px solid #fff ;
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconButtonArrow.gif);
	color: #fff;
	background-color: #002664;}
	


/* End of of Forms Stylesheet - 23870 *//* Start of General Styles - 23865 */

body {
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color:#fff;
	position: relative;
	color: #606060;}

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: outside;}

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(/surrey/images/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(/surrey/images/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 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:outside;
	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: none;
	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: none;
	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: outside;
	padding-left: 24px;
	margin-left: 0;
	background-color: #ffffff;}
	
  ul.rssLinks li {
  	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0;}
	
	
/* Press release listings on the press release archive pages */

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

  #pressReleaseArchive ul {
  	list-style: none;
	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(/surrey/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: none;
	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;
	}
	
	
/* 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;}


/* End of of Layout Stylesheet - 23884 *//* Start of Left-hand navigation stylesheet - 23887 */

/*Secondary navigation*/

#secondaryNavigation h2{
	/*margin-top: 0.4em;*/
	margin-top: 1.5em;
	font-size: 1.2em;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 0.3em;
	font-family:Georgia, Serif;
	color: #002663;
	font-weight: normal;}
	
#secondaryNavigation h2 a {
	color: #002663;}

#secondaryNavigation a{
	color: #666666;
	text-decoration: none;
	font-family:Georgia, Serif;}

#secondaryNavigation a:hover{}

#secondaryNavigation a:hover ,
#secondaryNavigation a:focus ,
#secondaryNavigation .current,
#secondaryNavigation span.hover{
	background-color: #f1f1f1;}

#secondaryNavigation li.parent a span{
	display: block;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
	text-indent: 8px;
	padding: 5px 0 5px 0;}

#secondaryNavigation li.last a span{
	background-image: none;
	border-bottom: 0 none;}

#secondaryNavigation li.parent li a span{	
	margin: 0 0 0 10px;
	background-image: none;}

#secondaryNavigation ul,
#secondaryNavigation li{
	margin-bottom: 0;
	background-color: #fff;}
	

#secondaryNavigation ul li a {
	display: block;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0 5px 8px;}

#secondaryNavigation ul li ul li, #secondaryNavigation ul li ul li.self_node {
	margin-left: 1em;}

#secondaryNavigation ul li a.self_node {
	background-color: #f1f1f1;}


/* End of of Left-hand navigation stylesheet - 23887 *//* Start of Combined stylesheet - 23894 */



/* End of of Combined stylesheet - 23894 *//* Start of Show and hide styles - 23888 */

/* study template has and example of a generic Show and Hide object
- it's one of those Javascript gimmicks from jQuery*/
.showAndHide{
	margin-bottom: 1.4em;}

.showAndHide .moreItems{
	background-color: #f6f6f6;
	padding: 8px 15px 8px 15px;
	line-height: 20px;}

.showAndHide .moreItems a{
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 1px 0.1em;
	padding-left: 24px;
	display: block;}

/*these are the images for the study section*/
.sectionStudy .showAndHide .moreItems a.minus{
	background-image: url(../../Images/Icons/SectionStudy/iconMinus.gif);}

.sectionStudy .showAndHide .moreItems a{
	background-image: url(../../Images/Icons/SectionStudy/iconPlus.gif);}

/* End of of Show and hide styles - 23888 *//* Start of Homepage Stylesheet - 23875 */

#featureBox #leadPromotion {
	position: absolute;
	bottom: 65px;
	left: 4px;
	width: 925px;
	padding:  10px 20px;
	font-family: Georgia, Serif;
	font-style:italic;
	/*background-image: url(../../Images/Effects/leadPromotionBG.png);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/leadPromotionBG.png);	}

#featureBox #leadPromotion p{
	margin: 0;
	font-size: 2.0em;}

#featureBox #leadPromotion p a{
	/*background-image: url(../../Images/Icons/iconArrowLarge.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);
	background-repeat: no-repeat;
	background-position:right center;
	padding-right: 17px;}

#featureBox #leadPromotion p a:hover,
#featureBox #leadPromotion p a:focus{
	/*background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);	}
	
/*content pages have a different inplementation of visual effect*/
#promoBoxes {
	margin-bottom: 40px;
	text-align: left;}

#promoBoxes .genericBox {
	background-color: #f8f8f8;
	width: 278px;
	/*background-image: url(../../Images/Effects/promoGenericContainerBG.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
	background-repeat:repeat-x;
	float: left;
	margin-right: 6px;}

#promoBoxes .last{
	margin-right: 0;}

#promoBoxes .genericBox h3{
	font-size: 2.0em;
	font-weight: normal;
	margin-bottom: 0.5em;}

#promoBoxes .last{
	margin-right: 0;}

#promoBoxes .genericBox .container{
	width: 70%;}
	
/*deviation from generic form for the course search on the home page*/
#courseFinder .genericButton{
	position: absolute;
	right: -50px;
	bottom: -1px;}

#promoBoxes #courseFinder .container{
	width: 150px;
	margin-right: 40px;}

#courseFinder .genericForm{
	position: relative;}


/*these set the positions of the decorative imnages in the home page in Promo boxes*/
.iconLeft .container{
	float: right;}

.iconLeft .decorativeIcon{
	/*background-color: Red;*/
	position:absolute;
	top: 30px;
	left: -10px;
	z-index: 100;}

.iconRight .container{
	float: left;}

.iconRight .decorativeIcon{
	/*background-color: Red;*/
	position:absolute;
	top: 30px;
	right: -10px;
	z-index: 100;}

#pageHome #extra{
	width: 310px;
	float: right;}

#pageHome #primaryContent{
	width: 631px;
	float: left;}

#pageHome{
	/*background-image: url(../../Images/PageSpecific/Home/bodyBG.gif);*/
	background-image: url(http://www2.surrey.ac.uk/resources/Images/PageSpecific/Home/bodyBG.gif);
	background-repeat: repeat-x;}
	
#pageHome #primaryContentContainer{
	margin-left: 43px;}

#pageHome #primaryContentContainer h2{
	font-size: 3.1em;
	font-weight: normal;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 0.3em;}

#pageHome #primaryContentContainer .column{
	float:left;
	width: 40%;
	padding-right: 8%;}

#pageHome #columnContainer{
	margin-bottom: 20px;}
	
#pageHome #extra{}

#pageHome #extra h2{
	font-style: italic;
	font-weight: normal;
	color: #606060;
	margin: 0.4em 0 1.2em 0;
	font-size: 1.4em;
	margin-left: 20px;}

#pageHome #extra .genericItem{
	margin-bottom: 30px;
	margin-left: 20px;}

#pageHome #extra .genericItem h3{
	font-size: 2.0em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-weight:normal;
	color: #333333;}

#pageHome #extra .genericItem .readOn{
	font-weight: bold;}
	
	
	
	
.featureBox, .feature, #featureBox {
	position:relative;
	}

#featureBox #leadPromotion, #featureBox #leadPromotion1, .feature .leadPromo {
	position:absolute;
	bottom:63px;
	left: 3px;
	font-family:Georgia,Serif;
	font-style:italic;
	padding:10px 20px;
	background-image:url(http://www2.surrey.ac.uk/resources/Images/Effects/leadPromotionBG.png);
	width:927px;
	}

#featureBox #leadPromotion p, #featureBox #leadPromotion1 p, .feature .leadPromo p {
	font-size:2em;
	margin:0pt;
	}


#featureBox #leadPromotion p a, #featureBox #leadPromotion1 p a, .feature .leadPromo p a {
	background-image:url(http://www2.surrey.ac.uk/resources/Images/Icons/iconArrowLarge.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:17px;
	}

#featureBox #leadPromotion p a:hover, #featureBox #leadPromotion p a:focus, #featureBox #leadPromotion1 p a:hover, #featureBox #leadPromotion1 p a:focus, .feature .leadPromo p a:hover, .feature .leadPromo p a:focus {
	background-image:url(http://www2.surrey.ac.uk/resources/Images/Icons/iconArrowLargeNegative.gif);
	}
	
	
  #feature_container {
  	position: relative;
	width: 973px;
	height: 312px;
  	}
  
  #feature_container .feature {
  	position: absolute;
	top: 0;
	left: 0;
	}
  .feature {
	display: none;
	}


/* Make the text box for order a prospectus slightly narrower  */
#promoBoxes #prospectusBox .container {
	width: 66%;
	}
/* Increase the min-height of generic boxes to ensure they're all the same size. May need to do this again if content changes */ 	
#promoBoxes .genericBox {
	min-height: 12em;
	}
	
/* HOMEPAGE SECONDARY FEATURES, QUICKLINKS AND SPOTLIGHT */
/* ----------------------------------------------------- */

#content_left {
	width: 654px;
	float: left;
	}

#thinking, #quicklinks, #spotlight {
	width: 317px;
	float: left;
	/*margin-right: 15px;*/
	}
#spotlight {
	margin-right: 0;
	}
#thinking {
	margin-right: 10px;
	}

#contact_box {
	margin-top: 3em;
	/*padding-right: 15px;*/
	border-top: 1px solid #cccccc;
	/*margin-right: 15px;*/
	margin-right: 10px;
	
	}

#thinking li {
	font-size: 1.3em;
	line-height: 160%;
	}
	
#quicklinks form {
	margin: 0;
	padding: 0;
	}	
	
#quicklinks select {
	width: 250px;
	}
#quicklinks fieldset {
	margin-bottom: 8px;	
	}
#thinking h2, #quicklinks h2, #spotlight h2, #contact_box h2 {
	border-bottom:1px solid #cccccc;
	font-size:1.6em;
	padding-bottom:4px;	
	color: #606060;
	font-weight: normal;
	margin-bottom: 16px;
	font-style: italic;
	}
	
#contact_box h2 {
	border-bottom: none;
	margin-top: 1em;
	font-style: normal;
	font-size: 1.8em;
	}	
	
#spotlight .genericItem h3 {
	font-size: 1.5em;
	font-weight: normal;
	}
.quicklink_block {
	width: 131px;
	float: left;
	background-image: url(http://www2.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
	background-position: bottom;
	height: 60px;
	padding: 10px;
	border: 1px solid #D7D7D7;
	margin-right: 11px;
	margin-top: 10px;
	}
	
div#quicklink_research {
	margin-right: 0px;
	}	
	
.quicklink_block h3 {
	font-weight: bold;
	font-size: 1.1em;
	}
#quicklink_research {
	margin-right: 0;
	}
		
  #feature_container {
  	position: relative;
	width: 973px;
	height: 312px;
  	}
  
  #feature_container .feature {
  	position: absolute;
	top: 0;
	left: 0;
	}
.feature {
	display: none;
	}

  #promoBoxes .genericBox {
  	width: 275px;
	margin-right: 10px;
	}
	
  #promoBoxes .genericBox.last {
  	margin-right: 0;
	}
	
	

/* HOMEPAGE NEWS ITEMS */

body#pageHome #extra h2 {
	font-size: 1.6em;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 4px;
	}

body#pageHome #extra .genericItem h3 {
	font-size: 1.5em;
	}

body#pageHome #extra .genericItem h3 a {
	text-decoration: none;
	}


/* HOMEPAGE 'THINKING ABOUT' BOX */

body#pageHome #primaryContent #thinkingBox {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #cccccc;
	}


body#pageHome #primaryContent #thinkingBox h2 {
	font-weight: normal;
	color: #002664;
	margin-left: 0;
	}

body#pageHome #primaryContent #thinkingBox ul {
	list-style: none;
	padding: 0;
	}

body#pageHome #primaryContent #thinkingBox ul li {
	font-size: 1.4em;
	line-heigh: 1.6em;
	}


/* HOMEPAGE CONTACT BOX */

body#pageHome #primaryContent #contactBox {
	padding-bottom: 1em;
	}

body#pageHome #primaryContent #contactBox h2 {
	font-weight: normal;
	color: #002664;
	margin-left: 0;
	}

body#pageHome #primaryContent #contactBox ul {
	list-style: none;
	margin: -5px 0 0 0;
	padding: 0;
	}
	
body#pageHome #primaryContent #contactBox li {
	padding: 5px 0 5px 0;
	font-size: 1em;
	}

body#pageHome #siteInformation {
	clear: both;
	margin-top: 2em;
	}
	


/* HOMEPAGE COURSE-FINDER AND SELECT BOXES */

#promoBoxes #courseFinder .container {
	margin-right:10px;
	width:200px;
	}
	
#courseType, #drop {
	width: 200px;
	margin-bottom: 8px;
	}	

/* End of of Homepage Stylesheet - 23875 *//* 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: none;
    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;
    filter: alpha(opacity=40);
}
.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:outside;
	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;}
	
.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;}
	
#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;}
	
/* Disabled by EPrints
#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*/
/* Disabled by EPrints
.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(/surrey/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-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);}

/*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);}

ul.large li a:hover,
ul.large li a:focus{
	background-image: url(../../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);}

ul.medium li a:hover,
ul.medium li a:focus{
	background-image: url(../../Images/Icons/iconArrowLargeNegative.gif);}






/* Other stuff */


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



/* End of of Typography stylesheet - 23893 *//* Start of New header stylesheet - 29241 */

/*************************************************************************
UPDATED HEADER STYLES

These styles are used to implement the new slimline header. They supplement
and override existing header styles.
*************************************************************************/

/*
==========================================================================
Header
==========================================================================
*/

/* Apply new page background image */

body.pageContent {
	background-image: url(/surrey/images/29238_pageContentBG_new_small.gif);}

.pageContent #branding {
	height: 72px;}
	
#h1UniversityOfSurrey, #h1UniversityOfSurrey span {
	background-image: url(/surrey/images/29239_surreylogo_new_small.gif);
	background-repeat: no-repeat;
	height: 53px;	
	top: 0;
	width: 139px;}	

#primaryNavigation {
	color: #202020;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	position: absolute;
	right: 200px;
	top: 38px;}

.navSeparator {
	color: #cccccc;
	padding: 0 5px; 0 5px;}

#primaryNavigation ul li a {
	padding: 0;}

#branding #search {
	margin: 0;	
	position: absolute;
	top: 32px;}


#branding #search #uiBtnSubmitSerach {
	left: -10000px;
	position: absolute;}

#branding #search input#q {
	background-color: #e4e4e4;
	background-image: url(/surrey/images/29240_searchicon_small.png);
	background-repeat: no-repeat;
	height: 16px;
	padding: 2px 2px 2px 20px;
	width: 160px;}
	
#branding #search input#q:focus {
	background-color: #fafafa;}


/* Hide breadcrumb and print page */

#breadcrumb, #printPage {
	display: none;}

#pageHome {
	background-image: url(http://rhythmyx.surrey.ac.uk/images/29254_pageHomeBG_small.gif);}
	
#pageHome #branding {
	padding-top: 69px;}

/* End of of New header stylesheet - 29241 */