/* ======================================================================================== */
/* 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																		
==================================================================================== */
	
			
/* Main headings */
h1 { 													
	color: #932F4C;				
}
/* Colour of links throughout */
a,												
span.required,
span.requiredForCompleteness,							
div.copy code {
	color: #932F4C;						
}

/* Overide color of icons within links */
/*a > [class^="icon-"] {
	color: #666;
}*/


/*Icon attributes - No min-height set by default so does not take up space for other clients */
/*div.iconAttrWrapper {
	min-height: 1.2em;           	
}*/


/* ================================================================================= 
	Login and registration pages																		
==================================================================================== */
#loginPage div.logo, #registrationPage div.logo {
	padding-top:25px;								/* padding around logo on login page */
	padding-bottom: 0px;
	background: #fff;
}	

/* hero image */
/*
#loginPage, #registrationPage {
    background: url(../../images/standard/hero.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
*/
/* ================================================================================= 
	Borders of panels, images and horizontal rules throughout the application															
==================================================================================== */
div.browsePanel,
div.newsPanel,
div.noFeatured,
div.lbPanel,
.underline,
div.hr,
div.head,
ul.results li,
#footer
div.infoPanel,
div.dialogPanel,
#loginPanel,
p.tabHolder strong,
#tabContent,
div.tabContent,
fieldset,
#homePage a.imgWrapper,
div.adminTabs h2,
div.tabClearing,
div.sortStrip,
p.jsTabs a,
p.jsTabs label,
p.tabHolder a,
div.infoPanel,
ul.lightbox li,
.lbStrip    {
	border-color: #ccc;								
}

div.browsePanel,
div.newsPanel,
div.noFeatured,
ul.lightbox>li,
div.adminTabs h2,
div.sortStrip,
p.tabHolder a,
div.lbPanel,
div.infoPanel,
table.stripey tr.even th, 
table.stripey tr.even td,
ul.lightbox li,
#homePage p.tabHolder a.active,.lbStrip,
body #lightbox div.lbPanel-bottom  {
	background: #F3F2ED;
}

/* Hover effect on image thumbnails */
#homePage a.imgWrapper:hover, a.videoFrameLink:hover img,
div.commonSaved a:hover img,
table.lightboxList td.thumb a.thumb:hover img,
div.imgStrip a:hover {				
	border-color: #932F4C;			
	background: #FFF;				
}

/* ================================================================================= 
	Top strip, language selector															
==================================================================================== */
#topStrip {
	background: #444; 
	color: #FFF;
	border-bottom: 0;
	height: 1em;					
}
	
div#topStrip.langSelect {							/* multi-language switched on */
	background: #444; 
	border-bottom:0;
	color: #eee;
}	

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

#hLinks, #hLinks a {
	color: #932F4C; /* easy synching of header text colours */
}

ul.linkList li {
	border-color: #ccc!important;   /* Override pipes in header */
}

a#helpLozenge {
	/*background-image: url(../../images/standard/icon/help_icon_dark.png);*/
	background-color: #932F4C;
	color: #fff;
}

div.headShadow {
	background: #fff;
	padding: 0 0 10px 0px;
	margin-bottom: 25px;
	background: url(../../images/standard/misc/head_drop.gif) repeat-x bottom;
}

#header {
	background: #fff;							/* Main banner colour */
	border: none;
	height: 98px;
	border-bottom: 1px solid #ddd;
}

/* tweak position of logo in header */
#header img.logo { 
	padding: 5px 0 0 0; 
	margin: 0;
}

/* Styling of search keywords inputs */
#header input.keywords, 
#header input.inline  {
	border: 1px solid #2d020c;
	padding: 3px;	
}
#header .headerContent select {
	border: 1px solid #2d020c;
}

/* ================================================================================= 
	Quick search panel on homepage												
==================================================================================== */	
#qsPanel,
#qsPanel.middle {
	border-color: #2d020c;
	background: #932F4C;
}

#qsPanel a.advanced,
#qsPanel a.advanced:hover {
	color:#fff;
}

#qsPanel.middle,
div.mySaved.middle,
div.commonSaved.middle {							/* Seperation of different saved searches */
	border-bottom: 1px solid #aaa; 				/* Border instead of default bg image */
}
div.mySaved, div.commonSaved,
div.mySaved.middle,
div.commonSaved.middle {
	background: #fdfdfd url(../../images/standard/misc/lb_grad_bg.png) repeat-x 0 0;
	border-color: #ccc;
}

#qsPanel input.text, 
#qsPanel select,
#qsPanel input.button {
	border: 1px solid #2d020c;
}

#qsPanel label {
    color: white;
}

/* ================================================================================= 
	Asset panel styles - contains new larger sizes												
==================================================================================== */

ul.lightbox li div.detailWrapper {		/* wraps thumbnmail and details */
 	min-height:19em; 							/* this is also defined as height in ie5.css and ie6.css */
}			
* html ul.lightbox li div.detailWrapper {		/* IE only */
	height:19em !important;						/* explicitly define height for IE5 & 6 */
}	


/* ================================================================================= 
	Navigation styles											
==================================================================================== */
/* Colour of main navigation links */			
ul.nav a	{	
	color: #000;
	background: #FFF;
}
/* Current page highlighting in the main navigation */							
ul.nav li a.current, 							
ul.nav li a.current:hover,
ul.nav li.subholder a.current:hover {						
	/* Occasionaly may want to use nav_arrow_white.gif, if defining a dark background colour */
	background: #932F4C url(../../images/standard/arrow/nav_arrow_white.gif) right center no-repeat !important;
	color: #fff;
}
/* Replace image-based dividers with borders */
ul.nav,								
ul#admin_nav,
ul#upload_nav,
ul.nav li,	
ul.nav ul li {
	background: #bec0c2;
}
ul.nav a:hover  {
	background-color: #FFF;
}
ul.nav li.subholder a:hover, #adminPage a#admin_nav_link, #importPage a#upload_nav_link  {
	background-color: #FFF !important;
}
ul.nav a.open {
	background-color: #FFF !important;
}



/* ================================================================================= 
	Misc styles											
==================================================================================== */

#help div.copy h2,						
#popup div.copy h2,
#masks h1 {
	background: #932F4C;					/* Pop-up help headers */	
	color: #fff; 			
}



/* ================================================================================= 
   Deactivate drop shadows				 																
==================================================================================== */
	
div.lbShadow {
	background: none;
	padding:0;
}


div.rightShadow, div.leftShadow {
	background: #FFF;
	padding-bottom: 5px;
}	

/* CSS3 shadows */
/*.lbShadow,
.browsePanel,
.newsPanel,
#qsPanel,
.lightbox > li,
.featuredImage  {
	-webkit-box-shadow:0 7px 7px -5px rgba(0, 0, 0, 0.1);
	box-shadow:0 7px 7px -5px rgba(0, 0, 0, 0.1);
}*/

/* ================================================================================= 
	Background colour changes for AB - Uncomment these if you want the AB skin to use
	a background (other than white).  I have set it up as a dark colour as default as
	that is a more obvious use for it. 

	Uses a red highlight by default.
/* ================================================================================= */
/*

body, #loginPage, #registrationPage {
	background: #262626;
	color: #ccc;
}

body h1 {
	color: #ee2d24;
}

div#contentSearch,
div#contentSearch label,
.categoryList a {
	color: #fff;
}

#header, div.headShadow,
div.rightShadow, div.leftShadow,#footer {
	background: inherit;
}

body a, h1, div.promo h3 a, div.recent h3 a, #hLinks, #hLinks a, 
p.tabHolder a.active, p.tabHolder label.active {
	color: #ddd;
}

body .multilineButton {
	color: #666;
}


div.adminTabs h2.current a,
ul.linkList li.active a {
	color: #fff;
}

#header {
	border-bottom: #444 1px solid;
}

#topStrip {
	background: #5A5A5A;
}

p.tabHolder a.active, p.tabHolder label.active,
div.adminTabs h2.current {
	background: #D52B1E;
	color: #fff;
}

ul.nav a,
ul.nav,								
ul#admin_nav,
ul#upload_nav,
ul.nav li,	
ul.nav ul li {
	background: none;
	color: #ccc;
}

ul.nav li a.current, 							
ul.nav li a.current:hover,
ul.nav li.subholder a.current:hover {						
	background: #D52B1E url(../../images/standard/arrow/nav_arrow_white.gif) right center no-repeat !important;
	color: #fff;
}

ul.nav a:hover  {
	background-color: #5A5A5A;
}
ul.nav li.subholder a:hover, #adminPage a#admin_nav_link, #importPage a#upload_nav_link  {
	background-color: #5A5A5A !important;
}
ul.nav a.open {
	background-color: #5A5A5A !important;
}

div.browsePanel,
div.newsPanel,
div.noFeatured,
div.lbPanel,
.underline,
div.hr,
div.head,
ul.results li,
#footer
div.infoPanel,
div.dialogPanel,
#loginPanel,
p.tabHolder strong,
#tabContent,
div.tabContent,
fieldset,
#homePage a.imgWrapper,
div.adminTabs h2,
div.tabClearing,
div.sortStrip,
p.jsTabs a,
p.jsTabs label,
p.tabHolder a,
div.infoPanel,
ul.lightbox li,
#qkeywords, #qsPanel, #qsPanel input.text, #qsPanel select, #qsPanel input.button  {
	border-color: #6d6b63;								
}

#loginPanel, #loginPanel .logo, #loginPage div.logo, 
#registrationPage div.logo,
div#contentSearch,
div.browsePanel,
div.newsPanel,
div.noFeatured,
ul.lightbox>li,
div.adminTabs h2,
div.sortStrip,
p.tabHolder a,
div.lbPanel,
div.infoPanel,
ul.lightbox li,
#homePage p.tabHolder a.active,
#qsPanel {
	background: #262626;
}

div.log > ul li.even, div.log > ul li:nth-child(2n),
table.stripey tr.even th, 
table.stripey tr.even td,
#homePage p.tabHolder a {
	background: #757575;
}

div.tabClearing {
	background: #D52B1E;
}

p.tabHolder a.active, p.tabHolder label.active,
div.adminTabs h2.current {
	border-bottom-color: #D52B1E;
}

div.sectionHead,
.blue {
	background-color: #666;
	color: #fff;
}

.progressName {
	color: #ccc;
}

ul.radioList li {
	border: none;
}

table.highlight tr:hover td, table.highlight tr:hover td,
ul.radioList li:hover, table.highlight tr:hover  a{
	background: 333!important;
	color: #000;
}

.loadInline {
	background: url('../../images/standard/misc/ajax_loader_small_dark.gif') left 4px no-repeat;
}

span.status-success {
	color: #4cd608;
}

span.status-wait {
	color: #ccc;
}

span.status-fail {
	color: #D52B1E ;
}

ul.lightbox li.selected {
	color: #000;
	background: #ccc;
	border: 1px solid #ddd;
}

ul.lightbox li.selected a {
	color: #666;
}

/* ================================================================================= */
/* 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;} 

*/

/* ================================================================================= */
/* IE 6 FIX                                                                          */
/* ================================================================================= */

* html ul.lightbox li.incomplete {
	width: 14.5em!important;
	float: left;
	margin: 0 10px 10px 0;
}