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

 =============================================
 UNIVERSITY OF SURREY SUPPLEMENTARY STYLESHEET
 =============================================

 This stylesheet provides additional styles and style modifications to supplement those provided by Graphico

 Matt Farrow 14 August 2008

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

/* HEADINGS */
/*-----------*/

/* Main content area */

#primaryContent .genericContainer h2, #primaryContent h2, #primaryContent .listOfPressItems h3, #additionalContent h3 {
	color:#606060;
	font-size:2.2em;
	/*margin: 1em 0 0.4em 15px;*/
	margin-bottom: 0.3em;
	/*margin-left: 15px;*/
	margin-top: 1em;
	}
	
.pageContent #primaryContent h3 {
	/*font-size:1.5em;*/
	font-size: 1.6em;
	margin: 1em 0 0.3em 0;
	}
	
.pageContent #primaryContent h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0.8em 0 0.2em 0;
	}
	
/* Extra */

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


/* General Table Stuff */

#primaryContent .genericContainer table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #cccccc;
	}
	
#primaryContent .genericContainer table td, #primaryContent .genericContainer table th {
	padding: 8px;
	border: 1px solid #cccccc;
	}
	
#primaryContent .genericContainer table th {
	background-color: #efefef;
	}



/* MAIN SITE NAVIGATION */
/* -------------------- */
/* Get rid of the blocks on hover */
#primaryNavigation li a:hover, #primaryNavigation li a:focus {
  background: none;
  color: #00a8e1;
  }

/* MAIN SITE SEARCH */
/* ----------- */
/* Slightly change main search button padding */
#branding #search .genericButton {
	padding: 2px 15px 2px 2px;
	}


/* Search box */

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


/* HOMEPAGE FEATURE BOX */
/* -------------------- */
/* Some fine-tuning of the positioning of the text on the homepage feature box */
/* Also, both featureBox and leadPromotion were IDs originally, but we may want to include more than one and then hide, so I've made them classes to allow this */

.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;
	}
	
	
/* HOMEPAGE CUTOUTS */
/* ---------------- */
/* Get rid of red backgrounds on homepage cutouts */
.iconLeft .decorativeIcon, .iconRight .decorativeIcon {
	background: 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;
	}

/* SECONDARY NAVIGATION - LEFT-HAND COLUMN */

#secondaryNavigation h2 {
  margin-top: 1.5em;
  color: #002663;
  }
	
#secondaryNavigation h2 a {
	color: #002663;
	}	


#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 {
	/*display: block;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
	text-indent: 8px;
	padding: 5px 0 5px 0;*/
	background-color: #f1f1f1;
	}


/* BULLETED LISTS IN PRIMARY CONTENT */

#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;
	/*margin-left: 0.5em;*/
	}	
	
#primaryContent ol {
	list-style: decimal;
	/* Changed left margin - 9/9/09 */
	/*padding: 1em 0 1em 1.4em;*/
	margin: 1em 0 1em 34px;
	}	
	
/* RELATED LINKS LIST STYLE */

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

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

	
	
/* INTRO PARAGRAPH */

.callout p {
	font-family: Georgia, serif;
	font-size: 1.3em;
	line-height: 145%;
	}
	
	
/* STANDARD BANNER FEATURE IMAGES */

#feature img {
	display: block;
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
	background-color: #ffffff;
	}
	
	
/* 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;
	}


/* HOMEPAGE COURSE-FINDER AND SELECT BOXES */

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


/* BOXES ON STUDY HOMEPAGE */

  #studyPromoBoxes {
  	margin-bottom: 10px;
	}

  #studyPromoBoxes .genericBox, #studyPromoBoxes2 .genericBox {
  	width: 140px;
	float: left;
	margin-right: 8px;
	/*min-height: 10em;*/
	}

  #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;
	}
	
.pageContent #siteInformation {
	height: auto;
	}
	
/* Press release listings on media centre homepage */

 #latestNews h3 {
	/*font-size: 65%;*/
	/*line-height: 85%;*/
	line-height: 120%;
	}
	
 #latestNews h3 a {
 	/*font-size: 65%;*/
	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;
	}
	
	
/* Footer section (site information) */

  #siteInformation {
  	padding: 10px 0 0 0;
	}

/* Inline images for use in ePhox EditLive fields */

.inlineImageRight {float: right; margin: 0 0 10px 10px;}
.inlineImageLeft {float: left; margin: 0 10px 10px 0;}



/* Change the column width for column two and three */

/* Previously - col3: 292px, col2: 407px */

.pageThreeColumn #extra {
	width: 250px;
	}
	
.pageThreeColumn #primaryContent {
	width: 469px;
	}

/* Reduce margin on right of column 1 - was 24px. This gives 30px either side of the main column on three-column pages */

.pageTwoColumn #flexible, .pageThreeColumn #flexible {
	padding-right: 15px;
	}


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

	#degree_programmes_table {
		margin: 1em 0 1em 0;
		border-collapse: collapse;
		border-spacing: 0;
		background-color: #f1f1f1;
		}
		
	#degree_programmes_table caption {
		display: none;
		}
		
	#degree_programmes_table td, #degree_programmes_table th {
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #003589;
		padding: 8px;
		}

#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;
	}	
	
	
/* Programme Module Tables */	
	
  table.programmeModuleTable {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #003589;
	background-color: #f1f1f1;
	width: 100%;
	}		
	
  table.programmeModuleTable thead tr {
	background-color: #f1f1f1;
	}
	
  table.programmeModuleTable tbody td, table.programmeModuleTable thead th {
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 8px;
	}
	
/* Academic Department Feature Boxes */	
	
  .deptHomepageFeatureContainer	{
  	float: left;
	width: 215px;
	margin-right: 9px;
	}
	
  #deptPromoBoxes .last {
  	margin-right: 0;
	}	
	
		
  .deptHomepageFeature {
	/*clear: both;*/
	/*float: left;*/
	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;
	/*width: 205px;*/
	min-height: 100px;
	position: relative;
	}
  .deptHomepageFeatureCutout {
	position: absolute;
	right: -1px;
	/*top: 5px;*/
	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;
	}

		
/* 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;
	}
	
	
/* 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;
	}
	
/* Staff List Tables - Staff List pages */

table.staffListTable {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px dotted #eaeaea;
	}

table.staffListTable tr:hover {
	background-color: #fafafa;
	}

table.staffListTable th {
	padding: 8px 8px 8px 0;
	}
	
table.staffListTable td {
	padding: 8px 8px 8px 0;
	border-top: 1px dotted #eaeaea;
	vertical-align: top;
	}	
	
/* vcard (hcard) stuff */

.vcard .tel .type {
	display: none;
	}	
	
/* Tabbed box stuff */
	
	#tabbedContent .genericBox {
		background-color:#F1F1F1;
		border-color:#E6E6E6;
		margin-bottom:10px;
		min-height:164px;
		padding:20px;
		}
	
	#tabbedContent .genericBox {
		margin-bottom:15px;
		padding:5px;
		}	
	
	#tabbedContent .genericBox .genericBox {
		background-color:#FFFFFF;
		margin-bottom:0px;
		}
		
	#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;
		}	
	
	/* Show and hide images - used on staff profile pages */
		
	.visible_image {display: block;}
	.hidden_image {display: none;}		
	
	
/* 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;}

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