/***********************************************************************************************************
 =============================================
 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("/isc/surrey/css_images/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("/isc/surrey/css_images/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("/isc/surrey/css_images/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("/isc/surrey/css_images/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; */ 
    font-size: 1.3em; /* updated for RTL */   
 }

/* BULLETED LISTS IN THIRD COLUMN - Added by Study Group */ 
#extra ul {
    /* padding: 1em 0 1em 1.4em; */
    padding: 1em 1.4em 1em 0em; /* updated for RTL */
    list-style-type: disc;
    font-size: 1.05em; /* Study Group added */
    } 
    
#extra ul li {
    line-height: 1.4em;
    font-size: 1.1em; /* updated for RTL */
    direction: rtl;
    text-align: right;
    }
/* End BULLETED LISTS IN THIRD COLUMN - Added by Study Group */   
    
    
/* INTRO PARAGRAPH */
.callout p {
    font-family: Georgia, serif;
    font-size: 1.6em;
    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;
    }
    
        /* ==== Meet Students - Study Group bespoke styles =============================== */

/* Meet our staff / Meet our students */

#meetourstaff 
{
clear: both;
margin-top:10px;
}

#meetourstaff ul 
{
 margin-left:18px;
 list-style: none;
 width: 720px;
 padding:0px;
 clear: both;
}

#meetourstaff ul li 
{ 
 width:70px;
 height: 65px;
 padding-top:20px;
 padding-left:10px;
 /* background-image: url("/isc/surrey/css_images/meetourstaffbg.gif");
 background-repeat: no-repeat; */
 float: left;
 padding-bottom:0px;
}

#meetourstaff ul li img 
{
 display: block;
 border:1px solid #fff;
 border: none;
}
 
#meetourstaff ul li a:hover, #meetourstaff ul li a:focus 
{
 border:1px solid #D7D7D7;
 display: block;
 width:60px;
 background-color: white; 
}


/* New div added to hold lower section of #staffgallerys and #staffsidedetails*/
#meet_profiles
{
 width: 760px; /* full width content setting */
 float: left; 
 margin: 0px;
 padding: 0px;
 /* border: solid 1px red; */ /* for test */
}

#staffgallerys
{
 padding-left:7px;
 width: 315px;
 height:345px;
 float: left; 
 /* clear: both; */
 background-image: url("/isc/surrey/css_images/gallerysbg.gif");
 background-repeat: no-repeat;
 background-position: 17px 0px;
}

#staffgallerys img 
{
 padding-left:23px;
 padding-top:15px;
 float: left;  
}

#staffgallerys p 
{
 float:right;
 padding-right:17px;
 padding-top:3px;
 font-weight: bold;
 font-size:1.2em;
 color: Black;
}

#staffsidedetails 
{
 margin:0px;
 padding:0px;
 width:410px;
 margin-top:0px;
 padding-left:10px;
 position: relative;
 float: left;
 }

#staffsidedetails .title
{
 margin-top:10px;
 font-weight: bold;
 padding-bottom:10px;
 font-size:1.1em;
 line-height: 150%;
}

#staffsidedetails .title p
{
 margin:0px;
 padding:0px;
}

#staffsidedetails p 
{
 margin:0px;
 padding:0px;
 padding-bottom:10px;
 line-height:160%;
}
/* ==== End Meet Students - Study Group bespoke styles =============================== */

/* Search Results page */

/* #pagelist is the bottom page numbering for the search resultd*/
#pagelist ul li
{
	/* border: solid 1px red; */
	list-style-type: none;
	background: none;
	display: inline;	
}

#results .list p 
{
	/* color: #666666; */
	font-size: 1em;
}

#results .list ul li a.resulttitle 
{
	text-decoration: underline;
}


/* End Search Results page */