/**************************************************************************************
NEW HEADER STYLESHEET

This stylesheet overrides the existing header styles to implement a slimline header.
**************************************************************************************/


/*************************************************************************
UPDATED HEADER STYLES

These styles are used to implement the new slimline header. They supplement
and override existing header styles.
*************************************************************************/

/*
==========================================================================
Header
==========================================================================
*/

/* Apply new page background image */

body.pageContent {
	background-image: url(http://www2.surrey.ac.uk/images/29238_pageContentBG_new_small.gif);}

.pageContent #branding {
	height: 72px;}
	
#h1UniversityOfSurrey, #h1UniversityOfSurrey span {
	background-image: url(http://www2.surrey.ac.uk/images/29239_surreylogo_new_small.gif);
	background-repeat: no-repeat;
	height: 53px;	
	top: 0;
	width: 139px;}	

#primaryNavigation {
	color: #202020;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	position: absolute;
	right: 200px;
	top: 38px;}

.navSeparator {
	color: #cccccc;
	padding: 0 5px; 0 5px;}

#primaryNavigation ul li a {
	padding: 0;}

#branding #search {
	margin: 0;	
	position: absolute;
	top: 32px;}


/*#branding #search #uiBtnSubmitSerach {
	left: -10000px;
	position: absolute;}*/
	
#branding #search #uiBtnSubmitSerach {
	background: none;
  	border: none;
  	left: 0;
  	margin: 0;
  	padding: 0;
  	position: absolute;
  	top: 1px;}	
	

#branding #search input#q {
	background-color: #e4e4e4;
	/*background-image: url(http://www2.surrey.ac.uk/images/29240_searchicon_small.png);*/
	/*background-repeat: no-repeat;*/
	/*height: 16px;*/
	border: 1px solid #d7d7d7;
  	padding: 2px 2px 3px 22px;	
	/*padding: 2px 2px 2px 20px;*/
	width: 160px;}
	
	
#branding #search input#q:focus {
	background-color: #fafafa;}


/* Hide breadcrumb and print page */

#breadcrumb, #printPage {
	display: none;}

#pageHome {
	background-image: url(http://rhythmyx.surrey.ac.uk/images/29254_pageHomeBG_small.gif);}
	
#pageHome #branding {
	padding-top: 69px;}