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

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

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

 Matt Farrow 14 August 2008

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

/* 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(../../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(../../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(../../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(../../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 {
	padding: 1em 0 1em 1.4em;
	list-style-type: disc;
	}
	
#primaryContent ul li {
	line-height: 1.4em;
	font-size: 1.1em;
	}
	
	
/* 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;
	}