/* ======================================================================================== */
/* 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: #454545;									/* Colour of the text throughout the application */
	font-family: tahoma,arial, verdana, arial, sans-serif; 
	}		
	
h1 { 													/* Main headings */
	color: #014E7B;				
	}

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


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

#hLinks { 
	margin-top: 26px; 							/* tweak to adjust hLinks position */
	margin-bottom: 0px;							/* tweak to adjust search bar position */
	font-size: 0.9em;
	}		

#header img.logo { margin-top:0px;}			/* tweak position of logo in header */		
	
#loginPage div.logo, #registrationPage div.logo {
	padding-top:15px;								/* padding around logo on login page */
	padding-bottom: 0;
	}	

#footer { 
	background: #014E7B url(../../images/standard/misc/header_bg.gif) bottom left repeat-x;
	margin-left: 0;
	color:#fff;
	padding-left:165px;
	border:0;
	margin-top:1em;
	}
	
#footer a {color:#fff;}	

div.headerContent form {
	visibility: hidden;
	height:1px;
	overflow:hidden;
	}

/* #browsePage ul.lightbox li { height: 178px; }  	*/

/* Larger light box panels (put in here so existing clients can overwrite) */	
ul.lightbox li { 								/* lightbox panels */ 
   width: 16.5em;  
  	}
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 !important; 						/* IE5 & 6 don't support min-height */
 	}
	
/* ================================================================================= 
	Colour Scheme																		
==================================================================================== */

#topStrip {
	background: #fff;					
	}

#header {
	background-color: #fff;						/* Main banner colour */
	height:50px !important;
	
	}

div.browsePanel {									/* Coloured panel on homepage */
	border-color:#B3B3B3;
	background: #DEDEDE;
	}		
#homePage p.tabHolderPopup a.active {
background-color:#DEDEDE;
}	

#qsPanel {											/* Search panel on homepage */
	border-color:#B3B3B3;
	background: #DEDEDE; 
	padding-top: 17px;
	padding-bottom: 17px;
	}

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

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

div.lbPanel { background:#fff; }					/* deactivate shadow */
	
ul.lightbox li, div.newsPanel	{
	background-color: #e5e5e2;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #666;			
	}	
			
ul.nav a	{	
	color: #014E7B;						/* 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: #DEDEDE url(../../images/standard/arrow/nav_arrow.gif) right center no-repeat; 													
	}

#hLinks a, #hLinks {
	color: #fff;						/* Colour of links in the header bar */	
	font-weight: bold		
	}

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

#homePage a.imgWrapper:hover {				/* Hover effect on recent and promoted images */
	border-color: #014E7B ;	
	background: rgb(255,255,255);				
	} 
			
input.button
{
	background: #1e5474;				
	color: rgb(255,255,255); 					
	border: 2px solid #276C96;		
	border-right-color: #163C53;		
	border-bottom-color: #163C53;	
}




/* ================================================================================= 
 	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.leftShadow, div.rightShadow, div.headShadow, div.lbShadow {
	background: none;
	padding:0;
	} */
div.leftShadow, div.rightShadow, div.lbShadow {
	background: none;
	padding:0;
	} 
	
/* ================================================================================= */
/* Revert to older Asset Bank styles 																 */
/* ================================================================================= */


#topStrip { background: #fff;}

div.headShadow {
	background: none;
	}
#header div.headerContent { 
	background: #014E7B url(../../images/standard/misc/header_bg.gif) top left repeat-x;
	padding: 0 8px 0px 0;
	margin-left:0;
	display: block;
	height: 47px;
	}	
	
#header { 
	border:0;
	}	

div.recent, div.promo {
	padding:8px;
	background-color: #E5E5E2;
	position:relative;
	top:-11px;
	margin-bottom: 0;}

div.promo { border-bottom: 1px solid #ccc;}	

div.promo p {margin-bottom:0;}
 
a.imgWrapper {
	position:relative;
	}
			
a.imgWrapper img {margin:0!important;}