﻿/*--------------------------------------------------------------*/
/* General HTML overrides for Spydus OPAC                       */
/* Customer specifics to be included after the import statement */
/*--------------------------------------------------------------*/

@import url("/docs/OPAC/style/spydus_spydus.css");

/*--------------------------------------------------------------*/
body {
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 100%;
    background-color: #fff;
    color: #404b4d;
    background: none;
}


/* Header */
#headerRow1 {
    padding: 0;
    margin: 0;
    height: 180px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    margin-bottom: 1px;
}

#headerRow2 {
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
    background-color: #929496;
    color: #fff;
}

#logo {
    /*padding: 0;
    margin: 0;
    margin-top: 30px; */
}

#loginArea label {
    color: #000;
}

#loginArea a, #loginArea-xs a {
    font-weight: 700;
    color: #000;
    font-size: 14px;
}

#loginArea {
    clear: both;
    float: right;
    width: 600px;
    margin-top: 15px;
    color: #000;
}

#loggedInAsName {
    font-weight: bold;
    color: #000;
}

#header ul.list-inline li + li {
    border-left: 2px solid #000;
    line-height: 14px;
}

/* Content */
#content a, #contentSide1 a, #contentSide2 a, #contentFull a {
    color: #000;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
 .pagination>.active>span {
    background-color: #929496!important;
    border-color: #929496;
}

.panel-primary .panel-heading {
    background-color: #929496;
    font-weight: bold;
    border-radius: 0;
}

table.clsTab1 th {
    text-align: center;
    background-color: #929496;
    color: #fff;
    font-weight: bold;
    border: none;
    white-space: nowrap;
    padding: 2px 3px;
}

/* Containers */
.tabContainerHead h1 {
    margin: 0;
    padding: 8px 8px 6px 8px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.tabContainerHead {
    margin: 0;
    padding: 0;
    border-bottom: none;
	background-color: #929496;
}

.tabContainer a {
    color: #0000cd;
}

#contentTabContainers .tabContainerHead h1 {
    background-color: #929496;
    color: #fff;
}

#contentTabContainers .tabContainerHead {
    border: 1px solid #929496;
    box-shadow: 1px 0 1px #929496;
    border-bottom: none;
    margin-bottom: 1px;
}

.tabContainer {
    margin: 0;
    padding: 0;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #ceda42;
    /* border-radius: 4px; */
    box-shadow: 1px 1px 1px #ddd;
}

.gallery_container .showAll {
    display: block;
    height: 26px;
    background-color: #929496;
    color: #fff;
    width: 120px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    margin: 0 0 15px -20px;
}

#tabFACETS .tabContainerHead h1 {
    background-color: #929496;
    color: #fff;
    border-bottom: none;
}

#tabFACETS .tabContainerHead {
    border: none;
    box-shadow: none;
    border-bottom: none;
    margin-bottom: 1px;
}

/* Buttons */
.btn-primary {
    background-color: #929496;
    border-color: #929496;
    color: #fff;
}

/* Footer */
#footerRow2 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #929496;
    color: #fff;
}