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

/* custom font */

@font-face {
    font-family: Proxima_Lego;
    src: url(../../fonts/Proxima_Lego.otf);
}

body, button, input, select, textarea {

     font-family: Proxima_Lego, sans-serif;
     font-size: 90%;

}

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

/*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:20px;								/* padding around logo on login page */
	padding-bottom: 20px;
	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  {
	border-color: #ddd;
}

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 {
	background: #eee;
}

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

.button {
    background: #D81E05;
}

.button:hover,
.button:focus {
    background: #BD1F0A;
}

/* =================================================================================
	Top strip, language selector
==================================================================================== */
#topStrip {
	background: #444;
	color: #FFF;
	border-bottom: 0;
	height: 1em;
    display: none;
}

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

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

}
#hLinks li {
	border-color: #ddd;
}


a#helpLozenge {
	background-color: #D81E05;
    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: 120px;
	border-bottom: 1px solid #ddd;
}

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

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

/* =================================================================================
	Quick search panel on homepage
==================================================================================== */
#qsPanel {
	border-color: #F9D616;
	background: #F9D616;
}

#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 #d3b42a;
}


/* =================================================================================
	Navigation styles
==================================================================================== */
/* 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: url(../../images/standard/arrow/nav_arrow.gif) right center no-repeat;
    color: #D81E05;
}


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

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



/* =================================================================================
   Deactivate drop shadows
==================================================================================== */

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


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