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

 ==============================================
 SURREY RESEARCH PARK SUPPLEMENTARY STYLESHEET
 ==============================================

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

 Matt Farrow 7 July 2009

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

/* 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.4em;
	}	
	
#primaryContent ol {
	list-style: decimal;
	padding: 1em 0 1em 1.4em;
	}	
	
/* 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%;
	}
	
 #latestNews h3 a {
 	font-size: 65%;
	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;
	}
	
	
/* 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 10px 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 {
	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 {list-style-type: none; padding: 0; margin: 0;}
#primaryContent 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;}

.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;
	}
	
	
/* SRP-specific stuff */	

body.pageContent
{
	/*background-image: url(http://www.surrey-research-park.com/assets/images/srpPageContentBG.gif);*/
	background-image: url(/assets/images/18674_srp_background_small.gif);
	background-repeat: repeat-x;
}



#h1UniversityOfSurrey span {
	/*background-image: url(http://www.surrey-research-park.com/assets/images/srplogo2.gif);*/
	background-image: url(http://www.srp.surrey.ac.uk/assets/images/8990_surrey_research_park_logo_small.gif);
	width: 185px;
	height: 66px;
	}
#printPage {
	display: none;
	}
	
#breadcrumb ul li
{
	display: inline;
	/*background-image: url(http://www.surrey-research-park.com/assets/images/iconDivider.gif);*/
	background-image: url(/assets/images/18676_icon_divider_small.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 10px 0 5px;
}	
	
	
/*#branding #search {
	top: 90px;
	}*/
#unilogo a {
	position: absolute;
	right: 0;
	top: 20px;
	width: 113px;
	height: 35px;
	background-image: url(http://www.surrey-research-park.com/assets/images/unilogo.gif);
	}
#unilogo a span {
	position: absolute;
	top: -1000em;
	left: 0;
	}

/* STC Floorplan Stuff */

	.floorPlan {
		position: relative;
		}
	.floorPlanDiagram img {
		/*width: 34.375em;
		height: 21.5em;*/
		/*width: 50em;
		height: 31.273em;*/
		/* New size: 706px x 430px */
		width: 64.18em;
		height: 39.09em;
		}
	.vacant_unit {
		background-color:#FF9900;
		color:#1F5B9F;
		font-weight:bold;
		}
	.occupied_unit, .vacant_unit {
		font-family:arial,helvetica,sans-serif;
		/*font-size:70%;*/
		padding: 2px;
		text-align:center;
		}
	#primaryContent div.occupied_unit a, #primaryContent div.vacant_unit a {
		text-decoration: none;
		/*color: #1f5b9f;*/
		color: #ffffff;
		font-weight: bold;
		}
	
	
/* STC Unit Detail Stuff */

  dl.unitDetailTable, dl.unitDetailTableSTC {
  	float: left;	
	/*border-top: 1px solid #cccccc;*/
	}	
	
  dl.unitDetailTableSTC {
  	width: 25em;}	
	
  dl.unitDetailTable dt, dl.unitDetailTableSTC dt {
  	font-weight: bold;
	float: left;
	clear: left;
	width: 11em;
	padding: 8px 0 8px 0;	
	border-top: 1px solid #cccccc;
	}
  dl.unitDetailTable dd, dl.unitDetailTableSTC dd {
  	border-top: 1px solid #cccccc;
	padding: 8px 0 8px 0;
	margin: 0 0 0 11em;
	}
  .unitPlan img {
  	margin: 0 0 0 1em;
	border: 1px solid #cccccc;
	}	
	
	
	
/* Headings */

#primaryContent .genericContainer h2 {
	margin: 1em 0 0.5em 0;
	}	
	
.pageContent #primaryContent h3 {
	font-size: 1.6em;
	margin-bottom: 0.3em;
	margin-top: 0.8em;
	}
	
.pageContent #extra h2 {
	margin-top: 0.8em;
	}	
	
/* 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;
	}
	
	
/* hCard stuff */

#hcard-The-Surrey-Research-Park	.adr .tel .type {
	display: none;
	}
	
	
	
/* Form Stuff - added 12 October 2009 */

  fieldset.fieldsetBorders {
  	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #cccccc;
	}
  fieldset.fieldsetBorders legend {
  	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 1em;
	}
  label.prompt {
  	float: left;
	clear: left;
	width: 11em;
	}
  .formrow {
  	margin-bottom: 8px;
	}
  .errorMessage {
  	color: red;
	}
	
	
	
/* Supplementary thickbox styling */

#TB_title {
	background-color: #cccccc;
	border-bottom: 2px solid #aaaaaa;
	height: 37px;}
	
#TB_ajaxWindowTitle {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px;}
	
#TB_closeAjaxWindow {
	padding-top: 10px;}
	
#TB_ajaxContent {
	padding-top: 15px;}
	
#TB_ajaxContent h3 {
	font-family: arial,helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 15px;}