/**************************************************************************************
NEWUG.CSS


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


/************************************************************
 General Stuff
************************************************************/


/*body {
	background-image: url(http://www.surrey.ac.uk/welcome2010/images/welcome_top_fade.gif);
	background-position: 0 72px;
	background-repeat: repeat-x;
	font-family: arial,helvetica,sans-serif;	
	}*/

#primaryContent .genericContainer .theBreaker {
  	clear: both;}
  	
/*.callout p {
	color: #599ddc;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;}
	
#primaryContent ul, #extra ul {
	list-style-type:square;
}*/

#primaryContent .genericContainer ol, #primaryContent .genericContainer ul {
		list-style:none outside none;}
		

#primaryContent > .genericContainer {
	margin:0;
	padding:0;
}
		
#ugLeftNav{
	display: none;
}

#primaryContent .genericContainer{	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;}
	


#primaryContent .genericContainer h1 {
		left: -10000px;
		position: absolute;}

#primaryContent .genericContainer a{			
			text-decoration: none;
	}
	
	#primaryContent .genericContainer a:hover{			
			text-decoration: underline;
	}

/************************************************************
 Branding
************************************************************/


#branding {
  padding-top: 72px;}
  
  
/************************************************************
 Section title and navigation
************************************************************/

#sectionNav {
	height: 108px;
	padding-top: 15px;
	position: relative;}
	
	/*body {  
	 	padding: 0;
		margin: 0;
    	font-family: arial,helvetica,sans-serif;}*/
			
	
			
	/*.theBreaker {
		clear:both;
		height:0.005em;
		overflow:hidden;}*/
		
/************************************************************
 	Main Feature
************************************************************/
	
	#primaryContent .genericContainer .scrollable {
		/*height:582px;width:680px;		
		overflow:hidden;*/
		position:relative;			
		background: #ffffff;
		border: none;}
	
	#primaryContent .genericContainer #mainFeature ul {
		list-style: none outside none;}
  		
		
  	#primaryContent .genericContainer ul#mainFeature {
  		/*height: 202px;*/
  		list-style: none;
  		margin: 0;
  		padding: 0;
  		position: relative;}
	
 	#primaryContent .genericContainer ul#mainFeature li {
  		/*border: 1px solid #cccccc;
  		height: 200px;*/
  		left: 0;
  		position: relative;
  		top: 0;
  		width: 600px;}

	#primaryContent .genericContainer ul#mainFeature li  .featureText{
		top: 360px;
		width: 300px;
		left: 450px;
		position: absolute;}
		
	#primaryContent .genericContainer ul#mainFeature li#whatareyoumadeof  .featureText{
		left:600px;
		position:absolute;
		top:392px;
		width:360px;}
		
	
	#primaryContent .genericContainer #mainFeatureContainer {	
		height: 576px;
		margin: 0;
		padding-bottom: 20px;
		width: 973px;}		
		
	#primaryContent .genericContainer #mainFeatureContainer h3 span{
		position:absolute; 
		left: -100000px;}
	
		
		
		#primaryContent .genericContainer  .expander span, #primaryContent .genericContainer  .nextFeature a,  #wemakethemostofyou  #lastpara {
		font-weight:bold;
		padding-bottom: 10px;
		line-height: 19px;
	}
	#primaryContent .genericContainer #whatareyoumadeof .expander span, #primaryContent .genericContainer #whatareyoumadeof .nextFeature a {
		color: #c7d140;
		}
		
		
	#primaryContent .genericContainer #mainFeatureContainer a:hover {
		text-decoration: none;
		}
		
	#whatareyoumadeof .nextFeature a span{
		color: #aebe2b;
	}
		
	#knowledge .nextFeature a span{
		color: #0061d6;
	}
	
	#skills .nextFeature a span{
		color: #ad6907;
	} 
	#experience .nextFeature a span{
		color: #4da85b;
	} 
	
	#confidence .nextFeature a span{
		color: #8a0058;
	} 
	#employability .nextFeature a span{
		color: #804d22;
	} 	
	#wemakethemostofyou .nextFeature a span{
		color: #559ddc;
	} 
	#primaryContent .genericContainer #knowledge .expander span, #primaryContent .genericContainer #knowledge .nextFeature a {
		color: #3993ff;
		font-weight:bold;}
	
	#primaryContent .genericContainer #skills  .expander span, #primaryContent .genericContainer  #skills  .nextFeature a {
		color: #dc931a;
		font-weight:bold;}
		
	#primaryContent .genericContainer #experience .expander span, #primaryContent .genericContainer  #experience  .nextFeature a {
		color: #6bc676;
		font-weight:bold;}
		
	#primaryContent .genericContainer #confidence .expander span, #primaryContent .genericContainer  #confidence  .nextFeature a {
		color: #c10076;
		font-weight:bold;}
		
	#primaryContent .genericContainer #employability .expander span, #primaryContent .genericContainer  #employability  .nextFeature a {
		color: #ad6907;
		font-weight:bold;}
		
	#primaryContent .genericContainer #wemakethemostofyou .expander span, #primaryContent .genericContainer  #wemakethemostofyou  #lastpara{
		color: #78c5ff;
		font-weight:bold;}
		
	 #primaryContent .genericContainer #wemakethemostofyou .featureText  .nextFeature {
		left: -10000px;
		position: absolute; }
		
	 #primaryContent .genericContainer .expander span, #primaryContent .genericContainer .nextFeature span{
	 	font-size: 1.5em; padding-right: 5px;}
		
		#primaryContent .genericContainer #mainFeatureContainer #whatareyoumadeof h3{		
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
		/*background-position: -180px -74px;
		width: 973px;*/
		background-position: -50px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;	}
	 
	#primaryContent .genericContainer #mainFeatureContainer #knowledge h3{
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
    	background-position: -1289px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;
	}
		
	#primaryContent .genericContainer #mainFeatureContainer #skills h3{
		/*background-image: url(http://www3.surrey.ac.uk/dev/assets/images/knowelgeleadimage.gif);
    	background-position: -0px -0px;*/
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
    	background-position: -2529px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;
	}
	
	#primaryContent .genericContainer #mainFeatureContainer #experience h3{
		/*background-image: url(http://www3.surrey.ac.uk/dev/assets/images/knowelgeleadimage.gif);
    	background-position: -0px -0px;*/
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
    	background-position: -3769px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;
	}
	
	#primaryContent .genericContainer #mainFeatureContainer #confidence h3{
		/*background-image: url(http://www3.surrey.ac.uk/dev/assets/images/knowelgeleadimage.gif);
    	background-position: -0px -0px;*/
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
    	background-position: -5009px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;
	}
	
	#primaryContent .genericContainer #mainFeatureContainer #employability h3{
		/*background-image: url(http://www3.surrey.ac.uk/dev/assets/images/knowelgeleadimage.gif);
    	background-position: -0px -0px;*/
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
    	background-position: -6251px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;
	}
	#primaryContent .genericContainer #mainFeatureContainer #wemakethemostofyou h3{
		/*background-image: url(http://www3.surrey.ac.uk/dev/assets/images/knowelgeleadimage.gif);
    	background-position: -0px -0px;*/
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/narratives_final.jpg);
    	background-position: -7492px -74px;
		width: 1240px;
		height: 576px;
		background-repeat: no-repeat;
		margin:	0;
		padding: 0;
	}
	
	#primaryContent .genericContainer ul#mainFeature li#whatareyoumadeof  .featureText  .intro{
		width: 450px;
	}
	
	#primaryContent .genericContainer ul#mainFeature li#knowledge  .featureText  .intro{
		width: 360px;
	}
	
	#primaryContent .genericContainer ul#mainFeature li#skills .featureText{ 
		left:570px; top:280px;
	}
	
	#primaryContent .genericContainer ul#mainFeature li#knowledge .featureText{ 
		left:570px; 
	}
	
	#primaryContent .genericContainer ul#mainFeature li#experience .featureText{ 
		left:641px; 		
	}
	
	#primaryContent .genericContainer ul#mainFeature li#confidence .featureText{ 
		left:530px; 		
	}
	
	#primaryContent .genericContainer ul#mainFeature li#confidence .featureText .intro{ 
		width: 430px; 		
	}
	
	#primaryContent .genericContainer ul#mainFeature li#employability .featureText{ 
		left: 485px; 		
		top: 340px;
	}
	
	#primaryContent .genericContainer ul#mainFeature li#wemakethemostofyou .featureText .intro{ 
		width: 472px; 		
	}
	
	#primaryContent .genericContainer ul#mainFeature li#wemakethemostofyou .featureText{ 
		left: 660px; 		
		top: 390px;
	}
	
	#primaryContent .genericContainer ul#mainFeature li#employability .featureText .intro{ 
		width: 400px; 		
	}
	
	#primaryContent .genericContainer ul#mainFeature li#experience .featureText .intro{ 		
		width: 450px;
	}
	
	#primaryContent .genericContainer .featureText  .intro{
		width: 335px;
	}
	
	 #wemakethemostofyou  #lastpara	 {		
		line-height: 110%;			
		margin: 0 0 0 21px;
		font-weight: bold;	
		font-size:15px;	
		padding: 10px 10px 0 0; 
		clear: left;		
		}
	 
	
	 #primaryContent .genericContainer .featureText p  {
		color: #606060;
		font-size: 12.1px;
		line-height: 110%;
		font-weight: normal;		
		margin: 0 0 0 21px;
		padding: 10px 10px 0 0; 
		clear: left;		
		}
		
	#courseSearchResults ul{
		z-index:10;}
	
	 #primaryContent .genericContainer .featureText a  {
	 	text-decoration: none;	 
		background: transparent;  
	   }
	
	
/************************************************************
 	Highlight Features
************************************************************/
	
	#primaryContent .genericContainer #highlightContainerFirst{		
		width: 581px; 
		height: 181px;
		float: left;			
		margin-right: 15px;
		
	}

	#primaryContent .genericContainer #highlightContainerTwo {
		/*width: 581px;		*/
		width: 577px;
		float: left;		
		border-right: 1px dotted #CCCCCC;		
		margin-right: 15px;
	}
  #primaryContent .genericContainer .highlight {    
		float: left;
		/*margin-right: 13px;*/
		margin-right: 11px;
		width: 180px;}

/*  #primaryContent .genericContainer .highlight h3 {
		background-image: url(http://www.surrey.ac.uk/welcome2010/images/welcome_icons.gif);
		background-position: 0 -397px;
		background-repeat: no-repeat;
		color: #002664;	
		font-family: arial,helvetica,sans-serif;	
		font-weight: bold;
		font-size: 15px;
		margin: 0 0 0 0;	  
	   padding: 0 0 0 21px;}*/

 #primaryContent .genericContainer  .highlight h3 a {		
		background-color:transparent;
		color:#002664;
		text-decoration:none;}	
		

  #primaryContent .genericContainer .highlight p{
		color: #599ddc;
		/*font-size: 1em;*/
		font-size: 15px;
		font-weight: bold;
		margin: 0 0 0 21px;
		line-height:1.1;}
	
	#primaryContent .genericContainer #highlightContainerTwo p {
		color: #606060;
		font-size: 12px;
		line-height: 150%;
		font-weight: normal;
		margin: 0 0 0 21px;
		padding: 10px 10px 0 0; 
		clear: left;}
		
	#primaryContent .genericContainer{
		width: 973px;}
	

  #primaryContent .genericContainer .highlightContent {
		height: 70px;
		max-height: 70px;
		}

 /* #primaryContent .genericContainer .highlight .highlightImage {
	   
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.gif);
		background-position: -0px -137px;
		border-bottom: 3px solid #599ddc;
		background-repeat: no-repeat;
		height: 92px;
		} */
		
#primaryContent .genericContainer .highlight .highlightImage {
	   /* background-image: url(http://www.surrey.ac.uk/welcome2010/images/welcome_icons.gif);
		background-position: 80px 0;*/
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.jpg);
		/*background-position: -0px -137px;*/
		background-repeat: no-repeat;
		height: 92px;
		border-bottom: 3px solid #599ddc;}
		

		
  #primaryContent .genericContainer #accommodation .highlightImage {
		background-position: -0px -137px;
		/*height: 86px;*/}
	


 /* #primaryContent .genericContainer #sportandsociallife .highlightImage {
		background-position: -0px -257px;	
		}*/
		
	#primaryContent .genericContainer #sports .highlightImage {
		/*background-position: -0px -257px;	*/
		background-position: -928px -552px;
		}
	
 #primaryContent .genericContainer  #academiclife{
 		border-right: 1px dotted #CCCCCC; padding-right: 15px;float: left;  }
	
  #primaryContent .genericContainer #academiclife .highlightImage {
		background-position: -0px -373px;		
		/*height: 82px;*/}
		
  #primaryContent .genericContainer #meetsurreystudents .highlightImage {
		background-position: -0px -507px;
		/*height:75px;*/		
	}
	
  #primaryContent .genericContainer #gomagazine .highlightImage {
		background-position: -0px -658px;
		/*height:75px;*/		
	}
	
#chancellorsscholarships {
	margin-right: 0 !important;
	width: 191px !important;}
	
#chancellorsscholarships .highlightImage {
	background-position: -698px -856px;}
	
	
/* #primaryContent .genericContainer #opendays .highlightImage  {
		background-position: -302px -65px;
		height:92px;		
	}
	
	 #opendays, #virtualtour{
		border-bottom: 1px solid #cccccc;  		
		width: 370px;
		padding-top: 12px;		
		padding-bottom: 6px;
	}*/
	
	#primaryContent .genericContainer #hpFeatureContainer {		  		
		width: 370px;
		padding-top: 12px;		
		padding-bottom: 6px;
	}
	
	#primaryContent .genericContainer #hpFeatureContainer a{
		background-color: transparent;  		
  		text-decoration: none; }
	
   #primaryContent .genericContainer #hpFeatureContainer .highlightImage  {
   		background: none;
		border: medium none;			
		height: 114px;		
	}
	
	 #primaryContent .genericContainer #hpFeatureContainer .highlightContent{
	 	width: 230px;		
	 }
	
	#primaryContent .genericContainer #hpFeatureContainer .highlightImage img{
		/*margin-top: -5px;*/
		margin-top: -73px;
	}
	
	
	/*#primaryContent .genericContainer #hpFeatureContainer .highlightImage  a {
   		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.gif);				
		height: 114px;	
		float: left;		
		width: 380px;		
	}
	
	#primaryContent .genericContainer #opendays .highlightImage a{				
		background-position: -322px -557px;			
	}
	
	#primaryContent .genericContainer #virtualtour .highlightImage a{				
		background-position: -322px -411px;		
	}*/
  	
	#primaryContent .genericContainer #studentlife .highlightImage{
		background: none;
		border: medium none; 
	
	}
	
  #primaryContent .genericContainer #studentlife .highlightImage a {
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.jpg);
		background-position: -0px -802px;
		float: left;
		margin-top: 5px;
		height: 55px;
		width: 95px;}
	


  #primaryContent .genericContainer #highlightContainerTwo .highlight {
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
	   /* clear: both;
		float: none;*/
		height: 89px;
		margin: 0;
		padding: 0;
		padding-top: 10px;
		width: 383px;}
	
	
  #primaryContent .genericContainer #highlightContainerTwo .highlight .highlightContent {
		float: left;
		width: 288px;
	}
	
   #primaryContent .genericContainer #highlightContainerTwo #studentlife {
		width: 570px; margin-top:18px;
	}
	
	#primaryContent .genericContainer #highlightContainerTwo #studentlife .highlightContent {
  	padding-top: 5px;
	}
	
	#primaryContent .genericContainer .item h3{
		width: 200px;
	}
	
	
	#primaryContent .genericContainer #studentlife  a{
		background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.jpg);
		 background-position: -0px -57px;
		 width: 275px;
		 height: 60px;	
		 float: left;
	}
	
	#primaryContent .genericContainer #highlightContainerTwo  a span{
		left: -10000px;
		position: absolute;
	}	
	
	/*#highlightContainerTwo #needmoreinformation .highlightContent a{	 
	 background-position: -400px -199px;
	 width: 200px;
	 height: 19px;	 
	}*/
	

		
/************************************************************
 Course Finder
************************************************************/
		
	#primaryContent a:link,  #primaryContent a:visited,  #primaryContent a:active {
		text-decoration: none;
	}
	
	 #courseFinder {
    	background-color: #599ddc;		
    	color: #053e77;
		float: left;
		width:560px;
		font-size: 12px;
    	/*height: 40px;*/
    	/*padding: 17px;*/
		font-weight: bold;
		height: 53px; 
    	padding: 0px 0 0px 10px;
		width: 560px;
		}
		
		#courseFinder a {
    	text-decoration: none;
		background: none;
		}
		
   		#courseSearch {
    	float: left;
    	height: 20px;
    	max-height: 20px;
    	padding-right: 5px;
    	position: relative;
		padding-top: 15px;}
		
   		#courseSearch form {
    	display: inline;
    	margin: 0;
    	padding: 0;}
		
     #courseSearch label {
    	/*padding-right: 10px;*/}
		
    #courseSearchBox {
    	display: block;
    	/*border: 1px solid #e6e6e6;*/
    	float: left;
    	margin-top: 0px;}
		
    ul#courseFinderLinks {
    	float: left;
    	list-style: none;
    	margin: 0 0 0 10px;
    	padding: 15px 0 0 10px;
		}
		
  ul#courseFinderLinks li {
    	border-left: 1px solid #053e77;
    	display: block;
    	float: left;
    	height: 20px;
    	line-height: 20px;		
    	padding: 0 5px;}
		
     ul#courseFinderLinks li a,  #courseSearchResults ul li a {
    	color: #053e77;
    	text-decoration: none;}
		
    
		
    #courseList {
    	display: none;}
		
    #courseSearch label {
    	display: block;
    	float: left;
    	margin-right: 5px;
    	padding-top: 2px;
    	/*width: 90px;*/}
		
    #courseSearchResults ul {
    	/*background-image: url(searchresultsbg.png);*/
    	/*background-color: #599ddc;*/
    	background-color: #ffffff;
    	border: 1px solid #599ddc;
    	border-top: none;
  		box-shadow: 8px 8px 8px #aaa;
	 	-moz-box-shadow: 8px 8px 8px #aaa;
    	-webkit-box-shadow: 8px 8px 8px #aaa;
    	display: block;
    	/*left: 90px;*/
    	list-style-type: none;
    	margin: 0;
    	padding: 8px;
    	position: absolute;
    	top: 30px;
		/*added below by CR on March 2011 */
		overflow-y: scroll;
		margin-top: 10px;		
		height: 400px;
		}
		
	/* IE fix */
	#courseSearchResults ul {
		*width: 230px;
	}
    #courseSearchResults ul li {
    	margin-bottom: 8px;}
		
    #clearSearchResultsButton {
    	margin-top: -2px;
		width: 75px;
		}

	#primaryContent .genericContainer #clearSearchResultsButton{
			color: #ffffff;
			font-family: arial,helvetica,sans-serif;
			font-size: 12px;
			border: none;			
			margin: 0 0 0 5px;
			background: #053E77;
			text-decoration:none;}
			
		#primaryContent .genericContainer #submit{
			color: #ffffff;
			font-family: arial,helvetica,sans-serif;
			font-sixe: 12.8px;
			border: none;
			font-weight: bold;
			margin: 0 0 0 10px;
			background: #053E77;
			text-decoration:none;}