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


/* FONT CHANGE */

@font-face {
    font-family: 'Noto Sans';
    src: url('../../fonts/NotoSans-Regular.woff2') format('woff2'),
        url('../../fonts/NotoSans-Regular.woff') format('woff'),
        url('../../fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, button, input, select, textarea {

     font-family: 'Noto Sans', Arial, Helvetica, sans-serif
}



/* =================================================================================
	General typography
==================================================================================== */


.hero-text {

height: 180px;

}



body { font-size: 80%; }						/* Base font size */

h1 { 													/* Main headings */
	color: #084897;
	}

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

/* =================================================================================
	Borders of panels, images and horizontal rules throughout the application
==================================================================================== */
div.browsePanel,
div.newsPanel,
h1.underline,
div.hr,
div.head,
ul.results li,
#footer
div.infoPanel,
div.dialogPanel,
#loginPanel,
p.tabHolder strong,
#tabContent,
fieldset,
#homePage a.imgWrapper,
div.adminTabs h2,
div.tabClearing,
div.sortStrip  {
	border-color: #ccc;
}
/* border color of image thumbnails throughout - may need toning down. */
img.image {
	border-color: #000
}

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

	}

/* =================================================================================
	Header styles
==================================================================================== */
/* Top strip, language selector	 */
#topStrip {
	display:none;
}
/* Main banner styles */
#header {
	background: #fff;
	border-color:#ccc;
	height: 90px;
}
/* tweak position of logo in header */
#header img.logo {
	margin-top: 25px;
}
#hLinks {
	margin-top: 18px; 							/* tweak to adjust hLinks position */
	margin-bottom: 13px;							/* tweak to adjust search bar position */;
}


/* =================================================================================
	Home page panels and left-hand column panels
==================================================================================== */
div.browsePanel, div.newsPanel {					/* Coloured panels on homepage */
	border-color:#ccc;
	background: #EFEFEF;
	}

div.lbPanel,
div.infoPanel
{
	border: none;										/* border is now on lbShadow */
	background: #fdfdfd url(../../images/standard/misc/lb_grad_bg.png) repeat-x 0 0;
}
div.lbShadow {
	margin-top: 2em;
	background: #FFF;
	padding-bottom: 0;
	width: 136px;
	border: 1px solid #ccc;
	padding: 1px;
}
div.lbPanel, div.infoPanel {
	margin-top: 0 !important;
	width: 136px;
}

/* =================================================================================
	Quick search panel on homepage
==================================================================================== */
#qsPanel {
	padding: 0;
	border-color: #084897;
	background: #084897;
}
#qsPanel form {
	border: 1px solid #9FB9FF;
	background: #084897;
	color: #FFF;
	padding: 10px 0 10px 2%;
	overflow:hidden;
	height: 1%;
}
#qsPanel a.advanced {
	color:#fff;
}
#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.search-keywords {
	color: #000;
}

.search-box--massive .search-box__input {
    color: #000;
}

/* =================================================================================
	Asset panel styles - contains new larger sizes
==================================================================================== */
ul.lightbox li	{
	border-color:#ccc;
	background: #efefef;
	/*width: 16.5em;*/
}
ul.lightbox li div.detailWrapper {		/* wraps thumbnmail and details */
 	min-height:18em; 							/* this is also defined as height in ie5.css and ie6.css */
}
* html ul.lightbox li div.detailWrapper {		/* IE only */
	height:18em !important;							/* explicitly define height for IE5 & 6 */
}


/* =================================================================================
	Navigation styles
==================================================================================== */
/* Colour of main navigation links */
ul.nav a	{
	color: #555;
	/*background: #FFF;*/
}
/* Current page highlighting in the main navigation */
ul.nav li a.current,
ul.nav li a.current:hover {
	/* Occasionaly may want to use nav_arrow_white.gif, if defining a dark background colour */
	background: #EFEFEF url(../../images/standard/arrow/nav_arrow.gif) right center no-repeat;
}
/* 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;*/
}

/* Colour of links in the header bar */

/* Help link in header */
a#helpLink {
	background: transparent url(../../images/standard/icon/help_icon_dark.png) no-repeat scroll right center;
}

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

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

table.stripey tr.even th, table.stripey tr.even td  {
	background: #efefef;						/* color of attribute stripes on asset detail page	 */
}

#homePage a.imgWrapper:hover, a.videoFrameLink:hover img,
div.commonSaved a:hover img {
	border-color: #084897;				/* Hover effect on recent and promoted images, and video thumbs */
	background: #FFF;
}

/* Styling of all buttons throughout the application */
/* input.button { */
/* 	background: #FEFEFE url(../../images/standard/misc/button_bg.png) repeat-x left bottom; */
/* 	color: #494754; */
/* 	padding: 2px 3px; */
/* 	border-top: 1px solid #336a86; */
/* 	border-bottom: 1px solid #527c94; */
/* 	border-left: 1px solid #7092a6; */
/* 	border-right: 1px solid #336886; */
/* } */
/* Styling of search keywords inputs */
input.keywords,
#qsPanel input.text  {
	border: 1px solid #0084a8;
}
div.headerContent input.keywords {
	padding: 3px;							/* match height of new buttons */
}

/* Optional browse tabs on homepage */
#homePage p.tabHolderPopup a.active {
	background-color: #eee;
}

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

/* div.leftShadow, div.rightShadow, div.headShadow, div.lbShadow {
	background: none;
	padding:0;
	} */



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

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

*/