/* ======================================================================================== */
/* 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,
a > [class^="icon-"],
ul.nav a:hover {
	color: #003399;
}


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


/* Fix issues with larger font size causing asset panels mismatch due to 'Remove from Lightbox' link wrapping */
ul.lightbox p.action {
	font-size: 0.91666666666667em;
}

/* Fix issues with checkboxs lining up with new font */
label.checkbox {
	line-height: 1.285714286em;
	margin-bottom: 0.571428571em;
}

.quick-search-form-toggler {
	top: 2px;
}

.quick-search-form-toggler i {
	top: 3px;
}

.has-filter .search-button {
	top: 2px;
}

/* Museo sans bold looks wrong at 13px on windows chrome */
div.actions ul li.link a {
	font-weight: normal;
}

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

#loginPage div.logo img, #registrationPage div.logo img {
	height: 38px;
}

/* =================================================================================
	Borders of panels, images and horizontal rules throughout the application
==================================================================================== */
.home-classic div.browsePanel,
div.noFeatured,
.underline,
div.hr,
div.head,
ul.results li,
#footer,
div.dialogPanel,
#loginPanel,
#tabContent,
div.tabContent,
fieldset,
#homePage a.imgWrapper,
div.adminTabs h2,
div.tabClearing,
div.sortStrip,
p.jsTabs a,
p.jsTabs label,
p.tabHolder,
p.tabHolder a,
p.tabHolder strong,
.bordered,
.form-actions,
#leftCol .asset-strip,
.navpanel   {
	border-color: #d0d0d0;
}

.home-classic div.browsePanel,
div.noFeatured,
ul.lightbox>li,
div.adminTabs h2,
div.sortStrip,
p.tabHolder a,
table.stripey tr.even th,
table.stripey tr.even td,
ul.lightbox li,
.home-classic p.tabHolder a.active,.lbStrip,
.lbPanel-bottom,
#leftCol .asset-strip  {
	background: #eee;
}

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

/* border color of image thumbnails throughout browse and search- may need toning down. */
img.image {
	/*border-color: #444*/
}

#topStrip {
	display:none;
}


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

a#helpLozenge {
	/*background-image: url(../../images/standard/icon/help_icon_dark.png);*/
	background-color: #003399;
	color: #fff;
}
div.headShadow {
	background: #009bc6 url(../../images/standard/misc/ab_header_bg.png) repeat-x left bottom;
	padding: 0;
}
#header {
	background: #fff;							/* Main banner colour */
	border: none;
	height: auto;
}

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

/* Styling of search keywords inputs */


#header input.keywords,
#header input.inline  {
	border: 1px solid #003399;
	padding: 3px;
}
#header .headerContent select {
	border: 1px solid #003399;
}

#header div.headerContent #searchKeywords {
	border-radius: 14px
}

/* =================================================================================
	Hero block on new homepage
==================================================================================== */
.hero-text {
	line-height: 1.4em;
}


/* =================================================================================
	Button styles
==================================================================================== */

.button {
    background: #003399;
}

.button--large {
    background: rgba(255,255,255,0.6);
}

.button.button--large:hover [class^="icon-"] {
    color: #fff;
}

.button--large:hover {
    background: #003399;
}

.headerContent .button--large [class^="icon-"] {
    font-size: 18px;
    color: #003399;
}

.button:hover,
.home-large-image .action-link:hover,
#browsePage .action-link:hover {
    background: #001F5C;
    color: #fff;
}

.button--large:hover {
    background: #003399;
}

/* Force uppercase buttons on asset detail page */
div.actions .button {
	text-transform: uppercase;
}