/* ======================================================================================== */
/* 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: #04276D;
}

/* 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 {
    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,
div.commonSaved  {
    background: #e9eaeb;
}

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

/* =================================================================================
    Top strip, language selector
==================================================================================== */
#topStrip {
    background: #009CDE;
    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: #04276D; /* easy synching of header text colours */
}

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

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

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: 23px 0 0 0;
    margin: 0;
}

@media screen and (max-width: 800px){
    #header img.logo {
        padding: 28px 0 0 0;
        margin: 0;
        width: 200px;
    }
}

@media only screen and (max-width: 1024px){
    #header div.headerContent {
        margin-top: 35px;
    }
}

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

/* =================================================================================
    Quick search panel on homepage
==================================================================================== */
#qsPanel,
#qsPanel.middle {
    border-color: #009CDE;
    background: #009CDE;
}

/* Text colour in search panel */
#qsPanel a.advanced,
#qsPanel a.advanced:hover,
#qsPanel label,
#qsPanel .hoverHelp,
#qsPanel span.inline {
    color: white;
}

/* Styling of search panel inputs */
#qsPanel input.text,
#qsPanel select{
    border: 1px solid #0084a8;
}




/* =================================================================================
    Navigation styles
==================================================================================== */
/* Colour of main navigation links */
ul.nav a    {
    color: #676767;
}
/* 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: #e9eaeb url(../../images/standard/arrow/nav_arrow.gif) right center no-repeat !important;
}

@media screen and (max-width: 1024px){
    ul.nav li a.current,
    ul.nav li a.current:hover,
    ul.nav li.subholder a.current:hover {
        color: #444 !important;
    }
}


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

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

div.browsePanel,
#homePage p.tabHolder a.active {
    background: #fff;
}

div.categoryList ul li {
    margin-bottom: 6px;
    list-style-type: none;
}


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

.button {
    background: #009CDE;
}

.button:hover,
.button:focus {
    background: #65b7da;
}

.button--large {
    background: #fff;
}

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

.home-classic .asset-strip__action .button {
    color: #009CDE; /* revert button styling on classic homepage*/
}


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

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


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

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