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


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

/* 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: 25px;
	background: #fff;
}


/* =================================================================================
	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,
.bordered,
.form-actions,
.homepage-search-wrapper > .commonSaved  {
	border-color: #ccc;
}

.home-classic 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,
.home-classic p.tabHolder a.active,
.lbStrip,
body #lightbox div.lbPanel-bottom,
div.commonSaved  {
	background: #f2f2f2;
}

/* 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: #ac010a;
	background: #FFF;
}

/* =================================================================================
	Top strip, language selector
==================================================================================== */
#topStrip {
	display:none;
}

div#topStrip.langSelect {							/* multi-language switched on */
	background: #444;
	border-bottom:0;
	color: #eee;
	display: block;
}

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

#hLinks li {
	border: 0;
}

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

div.headShadow {
	background: #fff;
	padding: 0;
	margin-bottom: 25px;

}

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

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

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

.header-responsive-buttons {
    top: -12px;
}

/* =================================================================================
	Quick search panel on homepage
==================================================================================== */
#qsPanel,
#qsPanel.middle {
	border: 0;
	background: #eee url(../../images/standard/asset-bank/bg-tile.gif) 0 0 repeat;
}


#qsPanel input.search-keywords {
    border-radius: 19px;
}

#qsPanel input.search-keywords:focus,
#searchKeywords:focus{
	outline: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.08);
}


/* =================================================================================
	Navigation
==================================================================================== */

/* Current page highlighting in the main navigation */
ul.nav li a.current,
ul.nav li a.current:hover {
	color: #ac010a;
}

/* =================================================================================
	Revert to previous navigation styles
==================================================================================== */
/*
ul.nav {
	border-top: 1px solid #ddd;
}

ul.nav a	{
	color: #676767;
	background: #FFF;
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
}

ul.nav ul li a {
	padding-left: 20px;
}

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




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

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


.header-search-bar input[type="text"] {
  border: 1px solid #AC010A;
}
/* =================================================================================
   Deactivate drop shadows
==================================================================================== */

div.lbShadow {
	background: none;
	padding:0;
}


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

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