/* ======================================================================================== */
/* 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: #333;									/* Colour of the text throughout the application */
	font-family: tahoma, verdana, arial, sans-serif;  
	}		

body { font-size: 70%; }						/* Base font size */	
	
h1 											
{ 												
	color: #64379B; 						/* Main headings */
	font-weight: normal;
	font-size: 1.9em;
}

a,												
span.required,								
div.copy code	{
	color: #64379b;						/* Colour of links throughout */
	}
a:hover {color:#000;}

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

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

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


	
/* ================================================================================= 
	Colour Scheme																		
==================================================================================== */

#topStrip {
	background:#fff;					
	}

#header {
	background-color: #fff;						/* Main banner colour */
	border-bottom:12px solid #9C9C9C; 
	}

div.browsePanel {									/* Coloured panel on homepage */
	border:0;
	background: none;
	padding:0;
	}		

#qsPanel {											/* Search panel on homepage */
	border-color:#9C9C9C;
	background: #dedede;	
	padding-top:16px;padding-bottom:16px;}

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

div.lbPanel,
div.dialogPanel,
#loginPanel,
p.tabHolder strong,
#tabContent,
fieldset,
#homePage a.imgWrapper {
	border-color: #9C9C9C;							/* Borders of panels throughout the application */
	}

div.lbPanel { background: #fff;}
	
ul.lightbox li	{
	background-color: #dedede;					/* Styling of Lightbox - also used on browse and search results pages */
	border-color: #9C9C9C;			
	}	
			
ul.nav a	{	
	color: #333;						/* 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: #9C9C9C url(../../images/standard/arrow/nav_arrow_white.gif) right center no-repeat; 													
	color:#fff;
	}

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

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

#homePage a.imgWrapper:hover, a.videoFrameLink:hover img,
div.commonSaved a:hover img {				
	border-color: #64379b ;			/* Hover effect on recent and promoted images, and video thumbs */
	background: rgb(255,255,255);				
	} 
			
input.button {
	background: #64379b;			
	color: #fff; 					
	border: 2px solid #8457bb;		
	border-right-color: #44177b;	
	border-bottom-color: #44177b;	
	}


div.newsPanel {									/* News panel on homepage */
	border: 1px solid #9C9C9C;
	background: #dedede;
	}


/* ================================================================================= 
 	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;
	} 
#rightCol div.leftShadow {
	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, div.promo {
	padding:8px;
	background-color: #DEDEDE;
	position:relative;
	top:-12px;
	z-index:1000;}

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