/* ======================================================================================== */
/* C U S T O M I S A T I O N   S T Y L E S H E E T                                          */
/* ---------------------------------------------------------------------------------------- */
/*                                                                                     
	Customisations of the look and feel of Asset Bank should go in here.                                         
*/
/* ======================================================================================== */

/* ================================================================================= 
	General typography																		
==================================================================================== */

body,
legend {
	color: #444;									/* Colour of the text throughout the application */
	font-family: tahoma, verdana, arial, sans-serif;  
	}		

body { font-size: 70%; 
	background: #CCCCD9;
	}						/* Base font size */	


	
h1 { 													/* Main headings */
	/* color: rgb(1,115,151); */				
	}

a,												
span.required,
span.requiredForCompleteness,							
div.copy code
	{
	color: #30428F;						/* Colour of links throughout */
	}

/* ================================================================================= 
	Layout and positioning																		
==================================================================================== */

#hLinks { 
	margin-top: 37px; 							/* tweak to adjust hLinks position */
	margin-bottom: 13px;							/* tweak to adjust search bar position */
	}		

#header img.logo { margin-top:38px;}			/* tweak position of logo in header */		
	
#loginPage div.logo, #registrationPage div.logo {
	padding-top:35px;								/* padding around logo on login page */
	padding-bottom: 44px;
	background: #fff url(../../images/standard/whaa_bg_header.gif) top left repeat-x;
	}	

#header form {
	display: none;						/* hide search in header */
}	

#loginPage div.leftShadow, #registrationPage div.leftShadow {
	width:550px;						/*Make login panels wide enough for logo*/
}

div.pageWrapper{ 
 	width: 948px;
	margin:0 auto; 					/* This is redefined as a percentage margin in ie-win.css	 */
	padding: 0 25px;
	height:1%;
	}

div.headShadow {
	margin-bottom: 0;
}
div.whhaWrapper {
	background: #fff url(../../images/standard/whaa_bg_footer.gif) bottom left no-repeat;
	width: 998px;
	margin:0 auto;
	position:relative;
	top:-10px;
	padding-top: 2em;
	z-index: 0;
	height:1%;
	overflow: hidden;
}
div.whhaWrapper div.pageWrapper{ 
 	width: auto;
	margin:0 auto; 					/* This is redefined as a percentage margin in ie-win.css	 */
	padding: 0 25px;
	height:1%;
	
	}
div.footLink {
	background: #42599F url(../../images/standard/whaa_bg_footLink.gif) top left no-repeat;
	width: 998px;
	height: 50px;
	margin:0 auto;
	text-align:center;
	line-height: 50px;
	position:relative;
	top:-10px;
}	

div.footLink a{
	color:#fff;
}

ul.lightbox li div.detailWrapper {		/* wraps thumbnmail and details */
	min-height:18em;							/* this is also defined as height in ie5.css and ie6.css */
 	}			
   
* html ul.lightbox li div.detailWrapper {		
	height:18em;						
 	}			
    	
	
/* ================================================================================= 
	Colour Scheme																		
==================================================================================== */

#topStrip {
	background-color: #1F91B5;	
	display: none;				
	}
	
div#topStrip.langSelect {						/* multi-language switched on */
	background-color: #eee; 
	border-color:#aaa;
	}		

#header {
	background: #fff url(../../images/standard/whaa_bg_header.gif) top left repeat-x;						/* Main banner colour */
	border:0;
	height: 92px;
	}

div.browsePanel {									/* Coloured panel on homepage */
	border-color:#aaa;
	background: #CCCCD9;
	display:none;
	}		

#qsPanel, #lbPanel, div.lbPanel,
div.mySaved, div.commonSaved,
#qsPanel.middle,
div.mySaved.middle,
div.commonSaved.middle {					/* Search panel on homepage - extended to include saved searches*/
	border-color:#aaa;
	/* background: #E4E0EC; */ 
	}

#qsPanel.middle,
div.mySaved.middle,
div.commonSaved.middle {							/* Seperation of different saved searches */
	/* border-bottom: 1px solid #aaa; */		/* Border instead of default bg image */
}


h1.underline,
div.hr,
div.head,
ul.results li,
#footer {
	border-color: #aaa;							/* Horizontal rules throughout the site */
	}

#infoPanel,
div.dialogPanel,
#loginPanel,
p.tabHolder strong,
#tabContent,
fieldset,
#homePage a.imgWrapper,
div.adminTabs h2,
div.tabClearing  {
	border-color: #aaa;							/* Borders of panels throughout the application */
	}

ul.lightbox li	{
	background-color: #CCCCD9;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #aaa;			
	}	

ul.lightbox li.low-res-only	{
	background-color: #CC7A7A;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #aaa;			
	}	

ul.lightbox li.high-res-pending	{
	background-color: #F6B363;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #aaa;			
	}	

ul.lightbox li.approved-for-high-res	{
	background-color: #8DCB7A;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #aaa;			
	}	

img.image { 										/* thumbnail borders - may need toning down. */
	border-color: #000
	}	
			
ul.nav a	{	
	color: #30428F;						/* Colour of main navigation links */
	}
							
ul.nav li a.current, 							
ul.nav li a.current:hover {					/* Current page highlighting */
	/* Occasionaly may want to use nav_arrow_white.gif, if defining a dark background colour */
	background: #CCCCD9 url(../../images/standard/arrow/nav_arrow.gif) right center no-repeat; 													
	}

#hLinks a {
	color: #30428F;						/* Colour of links in the header bar */			
	}

#help div.copy h2,						
#popup div.copy h2 {
	background: #30428F;				/* Pop-up help headers */	
	color: #fff; 			
	}

#homePage a.imgWrapper:hover, a.videoFrameLink:hover img,
div.commonSaved a:hover img {				
	border-color: #30428F ;			/* Hover effect on recent and promoted images, and video thumbs */
	background: rgb(255,255,255);				
	} 

table.stripey tr.even th, table.stripey tr.even td  {
	background: #fff;							/* color of stripes on asset detail page	 */
	}
			
input.button {
	background: #30428F;				/* Styling of all buttons throughout the application */
	color: rgb(255,255,255); 					
	border: 2px solid #5062AF;		
	border-right-color: #10226F;		
	border-bottom-color: #10226F;	
	}

div.newsPanel {									/* News panel on homepage */
	background-color: #CCCCD9;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #aaa;	
	}

/* #key span.Image {
	background: red;
}	 */

/* ================================================================================= 
 	Deactivate nav menu stylings 							 									 		
==================================================================================== */
ul.nav,										/* images/standard/misc/dots.gif */
ul.nav li,									/* images/standard/misc/dots.gif */
ul.nav ul li,								/* images/standard/misc/dots.gif */
ul.nav ul,
ul.nav li.last 	
{
/* 
	background-image: none;
	padding: 0px;
	border: 0px solid #ddd;	
 */
}

ul.nav,								/* Replace image-based dividers with borders */
ul#admin_nav,
ul#upload_nav
{
/* 	border-top-width: 1px;  */
}

ul.nav li,							/* Replace image-based dividers with borders */
ul.nav ul li
{
/* 	border-bottom-width: 1px;  */
}



/* ================================================================================= 
   Deactivate drop shadows				 																
==================================================================================== */
	
div.headShadow {
	background-image:url(../../images/standard/misc/head_shadow.png);
	position: relative;
	z-index: 100
	} 
* html div.headShadow {
	padding:0;
}

#leftCol div.leftShadow, #leftCol div.rightShadow {
	background: none;
	padding:0;
	} 
	
/* ================================================================================= */
/* Revert to older Asset Bank styles 																 */
/* ================================================================================= */

/* 
#topStrip { background: #fff;}

div.headShadow {
	background: none;
	}
div.headerContent { 
	background: #999;
	border-top:8px solid #333;
	padding: 0 8px 10px 0;
	}	
#header { 
	border:0;
	}	

div.recent {
	padding:8px;
	background-color: #ccc;
	position:relative;
	top:-11px;
	z-index:1000;}

a.imgWrapper {
	position:relative;
	}
			
a.imgWrapper img {margin:0!important;} 

*/