@import "css/open_webapp.css";
@import url("css/Discovery_iphone.css") only screen and (max-device-width:480px);

.right {
    text-align :right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.verticalCenterSingleLine {
    height: 24px;
    line-height: 24px;
}
.clear {
    clear: both;
}

/*--- Create Highlight on Hover for Search Results and My List items ---*/

.cell_wrapper.interfiled3rdParty:hover {
    background: #C6E5FD;
}

.cell_wrapper:hover {
    background: #efefef;
}

.myListList .cell_wrapper:hover {
    background: transparent;
}

.list_cell_wrapper:hover {
    background: #efefef;
}

#myAccount {
    width: 1000px;
    float: left;
    position: relative;
    background: transparent;
}

#accountSummary {
    background: white;
    float: right;
    width: 184px;
    border: 1px solid #808285;
    padding: 4px 4px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#accountMain {
    width: 785px;
    float: left;
    padding: 0px 8px 4px 0;
}

#accountMain .badge {
    position: absolute;
    top: -6px;
    right: 4px;
    width: 25px;
    height: 25px;
    z-index: 1;
}

#accountSummary .summarySection {
    clear: both;
    padding: 20px 2px;
}

#accountSummary .userStatusSection {
    clear :both;
    padding: 5px 5px;
}

#accountSummary .summarySubheading {
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
}

#accountSummary .lineitem {
    clear: both;
}

#accountSummary .summaryPic {
    float: left;
    width: 24px
}

#accountSummary .iconPadding {
    padding-top: 4px;
}

#accountSummary .alertIcon {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url('/client/images/account-icons/red!.png');
  background-repeat: no-repeat;
  background-position: center top;
  margin-right: 5px;
}

#accountSummary .readyIcon {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url('/client/images/account-icons/green!.png');
}

#accountSummary .summaryLabel {
  float: left;
  width: auto;
}

#accountSummary .summaryData {
  width: auto;
  float: right;
  text-align: right;
  padding-right: 10px;
}

.summaryWarning {
    background-color: red;
    color: white;
}

.summaryAlert {
    background-color: green;
    color: white;
}

#userIdForm #editId {
    float: right;
}

.removeRow {
    width: 20px;
    height: 19px;
    background-image: url('/client/images/delete.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    float: left;
}

.minForm {
    min-height: 48px;
}

#changePinPanel table {
    width: 100%;
}

#changePinPanel .right {
    text-align: left;
}

#changePinPanel .t-error li {
    margin-left: 20px;
}

#changePin {
    float: right;
}

.checkLabel {
    margin: -2px 5px 1px 2px;
}

.preferencesCol {
    float: left;
}

.preferencesSelect {
    width: 200px;
}

.preferencesRel {
    position: relative;
}

.preferencesUpdate {
    position: absolute;
    bottom: 0;
    right: 0;
}

#preferencesPanel tr {
    height: 23px;
}

.alertsCol {
    float: left;
    width: 25%;
}

.alertsHeading {
    font-weight: bold;
    font-size: 14px;
    width: 25%;
    float: left;
}

#groupPanel table,
#groupPanel .table {
    width: 60%;
}

#groupPanel .groupProperties {
    width: 100%;
}

#groupPanel .groupHeading {
    font-weight: bold;
    text-align: left;
}

#groupPanel th {
    border-bottom: 1px gray solid;
}

#groupPanel .Role {
    min-width: 15%;
}

#groupPanel .Id {
    min-width: 15%;
}

#groupPanel .Name {
    min-width: 25%;
}

#groupPanel .Status {
    min-width: 45%;
}

.finesSubheading {
    font-weight: bold;
}

.selectAll {
    text-align: left;
    font-size: 11px;
    font-style: italic;
}

.accruingFinesTable {
    width: 100%;
}

.accruingFinesTable .td {
    padding: 5px;
}

.accruingFinesTable .thead button {
  margin-left: 8px;
  margin-top: -6px;
  margin-bottom: 8px;
}

.accruingFinesHeader_div {
    float: left;
}

.blocksHeaderRow {
    line-height: 35px;
}

.blocksHeader {
    padding-left: 5px;
}


.payFinesTable .thead button {
    clear: both;
}

.payFinesTable .finesFooter {
    background-color: #F2F2F2;
}

.myAccount_header {
    float: left;
}

.payFinesTable .tr {
    width: 100%;
    border: none;
    padding: 4px 0;
}

.payFinesTable .td {
    border: none;
}

.paypalForm {
    display: inline;
}

.payFinesForm {
    display: inline;
    float: right;
    margin-top: 6px;
}

.inputText {
    width: 66px;
    text-align: right;
}

.paymentHistoryTable .th {
    background-color: #cdcdcd;
}

.historyTotal {
    border-top: solid 3px gray;
}

.historySum {
    font-size: 14px;
    font-weight: bold;
}

.checkoutsAlert {
    padding: 0;
    width: 24px;
    text-align: center;
}

.checkoutsCoverArtHeader {
    padding: 0;
    width: 9%;
    text-align: center;
    cursor: default;
}

.checkoutsSelect {
    float: left;
    margin-top: 2px;
}

.checkoutsSelectText {
    font-weight: normal;
    font-size: 9px;
    margin-left: 5px;
}

.checkoutsCoverArt {
    padding: 0;
    width: 11%;
    text-align: center;
    cursor: default;
}

.checkoutsBookInfo {
}

.checkoutsList {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}

.checkoutsList th {
  padding-bottom: 5px;
  font-weight: 500;
  background-color: #cdcdcd;
  vertical-align: bottom;
}

.checkoutsHistoryList {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}

.checkoutsHistoryList th {
  padding-bottom: 5px;
  font-weight: 500;
  background-color: #cdcdcd;
  vertical-align: bottom;
}

.checkoutsButtons {
    float: left;
}

.checkoutsCheckboxSelectAll {
    float: left;
    margin-left: 28px;
    margin-right: 5px;
    margin-top: 2px;
}

.myAccountHeader_div {
  float: left;
  font-size: 11px;
}

.holdsHeader button {
    float: left;
    display: block;
}

.accruingFinesHeader_div {
  padding: 5px;
  font-size: 12px;
  padding-left: 10px !important;
  padding-bottom: 8px;
  text-align: left;
  border: none;
  max-height: 19px;
  font-weight: 500;
  font-family: "Source Sans Pro", sans-serif;
}

.paymentHistoryHeader_div {
  float: left;
  font-size: 12px;
  text-align: left;
  border: none;
  max-height: 19px;
  font-weight: 500;
  font-family: "Source Sans Pro", sans-serif;
}


.payFinesTable .th {
    display: table-cell;
  padding: 5px;
  font-size: 12px;
  padding-left: 10px !important;
  padding-bottom: 4px;
  text-align: left;
  border: none;
  max-height: 19px;
  font-weight: 500;
  font-family: "Source Sans Pro", sans-serif;
  background-color: #cdcdcd;
}

.holdsRank .myAccountHeader_div {
  font-size: 11px;
  text-align: left;
}

.checkoutsSpacer {
    height: 30px;
}

.checkoutsUser {
    text-align: center
}

.checkoutsRenewCount {
    text-align: center;
    font-size: 11px;
}

.checkoutsDueDate {
    text-align: center;
    font-size: 11px;
}

.checkoutsHistoryHeader {
    font-weight: bold;
}

.checkoutsHistoryBookInfo {
    width: 520px;
}

.checkoutsHistoryUser {
    width: 100px;
    text-align: right;
}

.holdsHeader td {
  font-weight: 500;
  padding: 5px;
  padding-left: 10px !important;
  background-color: #cdcdcd;
  padding-bottom: 26px;
}

.holdsAlert {
    padding: 0;
    width: 24px;
    white-space:  nowrap;
}

.pickupHoldsLine td {
  padding-top: 10px;
  padding-left: 10px;
}

.holdError {
    font-size: 15px;
}

.noneHoldMessage  {
    font-weight:  bold;
    font-size:  16px;
}

.accountSelectText {
    font-weight: normal;
    font-size: 9px;
    margin-left: 5px;
}

.holdsActionMessages {
	margin: 5px;
}

.holdsButtons {
    float: left;
}

.holdsCoverArt {
    padding: 0;
    width: 11%;
    text-align: center;
}

.holdsID {
}

.authBreak {
    margin-top: .5em;
    margin-bottom: .5em;
}

#myHolds {
    padding: 1em 5px;
}

#HoldsList {
    width: 100%;
}

.holdsList {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}

.holdsPickup {
    width: 15%;
}

.creditArea {
    font-weight: bold;
    color: #EF7508;
}

#checkoutsDetail .button, .HoldsDetail .button {
    padding: 2px 4px !important;
    font-size: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.noPatronWarning {
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #222;
    font-family: Arial,Helvetica,sans-serif;
}

#accountTabs {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

h3 {
    clear: both;
    padding: 10px 0px 5px;
}

.myCheckouts, .groupCheckouts, .myHistory, #preferencesPanel, #groupPanel, .accruing, .myFines, .groupFines, #myPaymentHistory {
    padding-bottom: 10px;
}

#addressInfoPanel, #myHolds, #groupHolds {
    padding-bottom: 20px;
}

.editField {
    padding-bottom: 5px;
}

.thumb .results_cell {
    float: left;
    width: 174px;
    position: relative;
    padding: 8px;
}

.thumb .results_chkbox {
    position: absolute;
    top: 215px;
}

.thumb .results_top_half {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    height: 200px;
}

.thumb .results_bio {
    text-align: left;
    width: 160px;
    padding-top: 5px;
}

.thumb .results_img {
    vertical-align: bottom;
    max-width: 173px;
    max-height: 200px;
}

.thumb .asset_results_img {
    vertical-align: bottom;
    width: 173px;
    height: 200px;
}

.thumb .results_img_div {
    width: 173px;
    height: 200px;
    position: relative;
}

.thumb .results_every_four {
    display: inline-block;
    padding: 15px 0px;
}

.thumb .results_optional1 {
    display: none;
}

.thumb .results_optional2 {
    display: none;
}

.thumb .results_bio_br {
    display: none;
}

.thumb .results_right_div {
    display: none;
}

.thumb .thumb_hidden {
    display: none;
}

.thumb .thumbnail {
    display: table-cell;
    vertical-align: middle;
    width: 173px;
    height: 200px;
}

.thumb .results_right {
    display: none;
}

.thumb .facebook_share {
    width: 48px;
}

.list .facebook_share {
    clear: right;
}

.list .facebook_share_detail {
    padding-left:  60px;
}

.thumb .cell_wrapper {
    display: inline;
}

.thumb .facebook_share {
    display: none;
}

.results_right_fb_holds {
    position: absolute;
    bottom: 0;
    right: 0;
}

.list .no_enriched_content {
    float: left;
    width: 30px;
    height: 100px;
}

.list .asset_results_img {
    vertical-align: bottom;
    margin-left: 20px;
    width: 80px;
    height: 100px;
}

.list .results_title {
    font-weight: bold;
}

.list .myListItem .results_right {
    width: 125px;
}

.list .thumbnail {
    width: 110px;
    clear:both;
}

.list .results_format_icon {
    float: right;
    margin: 5px 5px 0px 35px;
}

.list .results_social {
    float: left;
    padding-right: 5px;
    padding-top: 35px;
}

.list .results_social img {
    vertical-align: bottom;
}

.list .results_label {
    display: none;
}

.list .results_bio_slash {
    display: none;
}

.displayDetailLink {
    font-weight: bold;
    font-size: 15px;
    display: inline;
}

.asset_detail_cover_art {
    width: 100px;
    height: 100px;
}

.federatedResultsPanel {
    background: #f7f7f7;
    border: 1px solid #808285;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 100%;
    float: left;
    border-top:  none;
}

#federatedSearchTitle {
    float: left;
    padding: 5px;
    font-size: 20px;
}

#federatedTitleBar_did_you_mean {
    margin-top: 12px;
    margin-left: 300px;
    float: left;
}

#federatedResultsPanel .federatedViewIcon {
    margin-left: 5px;
    float: left;
    display: block;
}

#federatedResultsAccordion {
    display: block;
}

#federatedViewIcon {
    float: right;
}

#discoveryViewIcon {
    float: right;
    margin-top: 2px;
    margin-right: 4px;
}

.federatedNoResult {
    display: inline-block;
    padding: 5px;
}

.loadingFederatedResults {
    padding: 5px;
    height: 500px;
}

.federatedSingleResultsSection {
    padding: 0px !important;
}

.federated.navigatorCount {
    margin-top: 2px;
}

.federated .pagination {
    margin-top: 3px;
    margin-top:  0px;
}

.federated .thumbnail {
    width: 110px;
}

.federated .cell_wrapper {
  background: #ffffff url(./images/sirsidynix/hitlistgradient3.png)repeat-x bottom left;
  border-bottom: 1px dotted #dddddd;
  padding: 7px;
  min-height: 40px;
}

.federated .results_cell {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 3px;
}

.federated .nonZ .results_bio {
    margin-left: 30px;
}

.federated .results_chkbox {
    position: absolute;
    top: 30px;
    left: 3px;
}

.federated .hitNumber {
    position: absolute;
    top: 10px;
    left: 3px;
    font-weight: bold;
}

.federated .connectionError {
    height: 500px;
}

.federated .adaMode {
    padding: 5px;
    height: 35px;
}

.federated .resultsViewIcon {
    margin-left: 5px;
    float: left;
}

.federated .results_img {
    margin-left: 15px;
}

.federated .no_image_text,
#searchViewINTERFILED .federated .no_image_text {
    left: 28px;
}

.federated .facebook_share {
    margin-left: 5px;
}

.federatedLoadingDiv {
    position: fixed;
    z-index: 1003;
    top: 45%;
    left: 50%;
    display: none;
}

.federatedLoadingImage {
    height: 100px;
}

.federatedLoadingBackdrop {
    position: fixed;
    background-color: black;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1002;
    height: 100%;
    opacity: .5;
    display: none;
    filter: alpha(opacity=50);
}

.currentPage {
    font-weight: bold;
}

.paginationNavigation {
    display: inline-block;
    margin: auto;
    vertical-align: bottom;
}

.paginationDropDown {
    max-width: 70px;
}

.navImageLeft {
    text-align: left;
}

.resultsViewIcon {
    float: left;
}

.resultsViewIcon img {
    cursor: pointer;
}

.federatedViewIcon {
    float: left;
}

#containercustomselector {
    float: left;
    margin-left: 5px;
}

.toolbar_a {
    text-decoration: none;
}

.toolbar_a hover {
    text-decoration: none;
}

#chooseListForm div {
    margin-top: 0.5em;
}

#chooseListForm .button {
    float: right;
}

#addToListWaiting img {
    margin: 0 auto;
    display: block;
}

#addToListResultDiv ul, #addToListResultDivDetail ul {
    font-style: italic;
    clear: both;
    margin: 5px 10px 5px 24px;
    margin-left: 24px;
}

#addToListResultDiv .success_icon, #addToListResultDivDetail .success_icon {
    padding-left: 24px;
    min-height: 24px;
    line-height: 24px;
    background-image: url('/client/images/account-icons/green!.png');
    background-repeat: no-repeat;
}

#addToListResultDiv .error_icon, #addToListResultDivDetail .error_icon {
    padding-left: 24px;
    min-height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    background-image: url('/client/images/account-icons/red!.png');
    background-repeat: no-repeat;
}

#bottomToolbar_wrapper, .bottomToolbar_wrapper {
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    height: 35px;
    border-top: 1px dotted black;
    padding-top:  7px;
}

#containercustomselector_bottom {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

#bottomToolbar_wrapper .pagination, .bottomToolbar_wrapper .pagination {
    margin-top:  1px;
}

#federatedTitleBar .pagination {
    float: right;
    width: 25%;
    margin: 5px;
}

.facet {
    border-top: 1px dotted #aaaaaa;
    padding: 5px;
}

#limitcolumn_wrapper .shown, .limitcolumn_wrapper .shown {
    float: left;
}

.moreNavigators {
    position: relative;
    display: inline;
    float: left;
    margin-left: 34px;
    margin-top: 5px;
}

.fewerNavigators {
    position: relative;
    display: inline;
    float: left;
    margin-left: 34px;
    margin-top: 5px;
}

.limitcolumn_p {
    margin-bottom: 20px;
}

.searchPage.content_container {
    display: none;
}

#limitcolumn_author {
    font-size: 10pt;
}

.navCrumbRow {
    margin-left: 15px;
}

.facetTitleRow {
    margin-top: 3px;
}

.facetTitle {
    display: inline-block;
    float: left;
    font-size: 11pt;
}

.navigatorCheckBox {
    float: left;
    margin-left: 15px;
}

.navigatorName {
    margin-top: -1px;
}

/*  float: right doesn't work when numbers get too big;
 we want it to just cover the text at left instead */
.navigatorCount {
    position:  absolute;
    right:  0;
    padding-left:  5px;
}

.navigator {
    position: relative;
}

.availableLabel {
    font-weight: bold;
}

.limitcolumn_button {
    float: right;
    margin-bottom: 8px;
}

#limitcolumn_format_left {
    float: left;
    width: 50%;
    font-size: 10pt;
    font-weight: normal;
}

#limitcolumn_format_right {
    float: right;
    width: 50%;
    font-size: 10pt;
    font-weight: normal;
}

.limitcolumn_more {
    font-size: 9pt;
    font-weight: bold;
}

#limitcolumn_pub_date {
    font-size: 10pt;
    font-weight: normal;
}

#pub_date_btn, .pub_date_btn, #facetCrumbClearAllButton {
  padding: 2px 4px;
  font-size: 10px !important;
  background: #666;
}

#limitcolumn_lang_left {
    float: left;
    width: 50%;
    font-size: 10pt;
    font-weight: normal;
}

#limitcolumn_lang_right {
    float: right;
    width: 50%;
    font-size: 10pt;
    font-weight: normal;
}

.pub_date_textbox {
    color: #f6931f;
    font-weight: bold;
    padding-left:  1px;
}

#detail_wrapper {
    margin: auto;
    width: 700px;
    text-align: left;
    font-family: arial;
}

.displayElementText {
    font-size: 12px;
    color: #808285;
    color: rgb(68, 68, 68);
}

.displayElementLabel {
    font-style: normal;
    color: #013f85;
}

.hotspot {
    background-color: rgb(255,255,0);
    background-color: rgba(255,255,0,.5);
    //background-color: yellow;
}

.loadinggif {
    position: absolute;
    left: 350px;
    top: 150px;
}

#no_results_wrapper, .requestsError {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
    font-size: 15px;
    font-weight: bold;
    background: white;
    border: 1px solid #808285;
}

.detailItems {
    font-size: 11px;
}

.detailItems th {
    padding: 7px 6px 4px;
    text-align: left;
    border: 1px solid #dddddd;
}

.detailItemTable {
    width: 100%;
}

.detailItemTable_th {
    width: 100%;
}

/*--- jQuery dialog/modal style ---*/
.ui-dialog-titlebar {
    background-color: #f2f2f2;
    border: 1px solid #c2c2c2;
}

/*--- jQuery accordion style ---*/

.ui-accordion .ui-accordion-header.ui-state-hover {
    background-color: #ffffff;
}

.ui-accordion-header .availableLabel, .ui-accordion-header .totalAvailable {
    color: #313131;
}

.ui-accordion-header .fa-caret-right, .ui-accordion-header .fa-caret-down {
    color: #313131;
    font-size: 14px;
}


/*--- jQuery tab style ---*/

.ui-tabs > .ui-tabs-nav {
    background-color: #b5b5b5;
    border-color: #9b9b9b;
}
.ui-tabs .ui-tabs-tab {
    background-color: #dedede;
    border-color: #9b9b9b;
    outline: none;
}
.ui-tabs .ui-tabs-tab.ui-state-hover, .ui-tabs .ui-tabs-tab.ui-state-active {
    background-color: #ffffff;
}
#tabs-left .ui-tabs-tab.ui-state-hover, #tabs-left .ui-tabs-tab.ui-state-active {
    background-color: #f7f7f7;
}
.ui-tabs .ui-tabs-tab.ui-state-active {
    border-color: #9b9b9b;
}
.ui-tabs-tab a.ui-tabs-anchor, .ui-tabs-tab a.ui-tabs-anchor:link {
    color: #666666;
    outline: none;
}
.ui-tabs-tab.ui-state-active a.ui-tabs-anchor, .ui-tabs-tab.ui-state-active a.ui-tabs-anchor:link {
    color: #313131;
    outline: none;
}

/*--- jQuery graph for pubdate --*/

.ui-widget-content .ui-widget-bar {
    background-color: #ffa406;
    border-color: #ffa406;
}

.thumb .availableDiv {
    display: none;
}

.thumb .hitNumber {
    display: none;
}

.nextArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
}

#selectors {
    margin-top: 15px;
}

.loginLink {
    cursor: pointer;
    display: inline;
}

.customDropdown {
    border: 1px solid grey;
    color: black;
    height: 27px;
    margin: 0 8px 1px 2px;
    padding-left: 2px;
}

.detail_buttons .customDropdown {
    width: 200px;
    margin: 0px;
}

.customDropdown.bottom ul {
    margin-top: -136px;
}

.federated .customDropdown.bottom ul {
    margin-top: -99px;
}

.customDropdown li a, .dropDownButton div {
    margin-top: 3px;
    float: left;
}
.dropDownButton .customDropdownText {
    display: inline-block;
    margin-right: 10px;
    max-width: 158px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.customDropdown li a {
    width: 175px;
    height: 28px;
    border-bottom: dashed 1px #ddd;
    padding-left: 10px;
    padding-top: 2px;
    line-height: normal;
    text-decoration: none;
}

.customDropdown li a: hover {
    background-color: #eeeeee;
    cursor: pointer;
}

.customDropdown li a span {
    display: block;
    margin-top: 5px;
}

.customDropdown img {
    float: left;
}

#assetLocationLink {
    margin-left: 10px;
}

.nytimes_listbar {
    height: 30px;
    width: 500px;
    background: #aaaaaa;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    position: relative;
}

.nytimes_select {
    position: absolute;
    top: 5px;
    left: 40px;
    max-width: 420px;
}

.dataByNyTimes {
    float: left;
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -khtml-border-radius: 4px 0 0 0;
    margin-left: 1px;
}

#nytimes_detail_wrapper {
    width: 484px;
    display: inline-block;
    padding: 8px;
    clear: both;
    position: relative;
    height: 200px;
    overflow: hidden;
}

.nytimes_detail_coverart {
    position: relative;
    width: 155px;
    float: left;
}

.nytimes_detail_coverart img {
    max-height: 200px;
    max-width: 155px;
    vertical-align: bottom;
}

.nytimes_detail_bio {
    float: right;
    width: 324px;
    margin-left: 5px;
}

.nytimes_bio {
    height: 167px;
    width: 100%;
    margin-bottom: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

.amazonButton {
    float: right;
    clear: right;
}

.list .amazonButton .button {
    font-size: 11px;
    padding: 2px 4px;
}

.thumb .amazonButton .button {
    display: none;
}

.nytimes_detail_bio .amazonButton {
    float: none;
    position: absolute;
    top: 135px;
    right: 0px;
}

.nytimes_detail_bio .amazonButton a {
    font-size: 13px;
}

.nytimes_check_lib_div {
    height: 28px;
    float: right;
}

.nytimes_check_lib_div .button {
    float: right;
    font-size: 13px;
}

.nytimes_top {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 4px;
    background: #ffffff;
}

#nytimes_play_pause {
    float: right;
    margin-right: 8px;
    margin-top: 4px;
}

.nytimes_most_popular #nytimes_play_pause {
    display: none;
}

.nytimes_most_popular #nytimes_detail_wrapper {
    height: 329px;
}

.nytimes_most_popular_more {
    position: absolute;
    float: right;
    margin-top: 10px;
    bottom: 10px;
    right: 10px;
}

.nytimes_most_popular #nytimes_detail_wrapper > .nytimes_most_popular_more {
    position: absolute;
}

.nytimes_top_three_subjects {
    margin-left: 15px;
}

.nytimes_top_three_titles {
    margin-left: 15px;
}

.nytimes_top_three_authors {
    margin-left: 15px;
}

.nytimes_top_three_subjects_label {
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 4px;
}

.nytimes_top_three_titles_label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

.nytimes_top_three_authors_label {
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 4px;
}

.nytimes_most_popular_item {
    margin-bottom: 4px;
}

.most_popular_item {
    margin-bottom: 4px;
}

.most_popular_titles {
    float: left;
    width: 33%;
    padding: 5px;
}

.most_popular_authors {
    float: left;
    width: 30%;
    padding: 5px;
}

.most_popular_subjects {
    float: left;
    width: 33%;
    padding: 5px;
}

.most_popular_titles_label {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 4px;
}

.most_popular_authors_label {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 4px;
}

.most_popular_subjects_label {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 4px;
}

.jscarousal {
    width: 488px;
    height: 100px;
    background-color: #3c3c3c;
    border: solid 1px #7A7677;
    margin: 0;
    padding: 0;
    padding: 10px 5px 10px 5px;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.jscarousal .jscarousal-left, .jscarousal .jscarousal-right {
    float: left;
    width: 20px;
    height: 98px;
    background-color: #3c3c3c;
    color: White;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.jscarousal .jscarousal-left {
    background-image: url(/client/images/left_arrow.png);
    background-repeat: no-repeat;
    background-position: left;
}

.jscarousal .jscarousal-right {
    background-image: url(/client/images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.bold {
    font-weight: bold;
}

.italics {
    font-style: italic;
}

.ebookSearchingImage {
    height: 20px;
}

.holdResponses {
    width: 100%;
}

.holdResponses .holdTitle, .holdResponses .holdTitleNoLibs {
    padding: 10px;
    font-weight: bold;
}

.holdResponses .holdResponse {
    padding: 10px;
}

#addToListSuccessList li {
    margin: 2px;
}

#confirm {
    float: right;
    margin: 5px 20px 0 0;
}

.fieldLabel {
    margin-left: 3px;
}

#emailType {
    margin-left: 4px;
}

.volumeSelect {
    margin-top: 3px;
    margin-bottom: 3px;
}

.holdDialogTitle {
    margin-bottom: 8px;
}

.pickupSelect {
    margin-top: 3px;
    margin-bottom: 3px;
}

.holdTitle, .holdTitleNoLibs {
    font-weight: bold;
}

.holdResponse {
    text-align: right;
}

.ebookList {
    list-style-type: none;
}

.ebookList .button {
    width: 170px;
    text-align: center;
    margin: 2px;
    background-color: #f4aa00;
    text-shadow: none;
    color: #555555;
}

.ebookList .button: hover {
    background-color: #f79502;
}

.emailConfirmDiv {
    text-align: center;
    margin-top: 5px;
}

.detailActions {
    text-align: right;
}

.detailActions .facebook_share {
    margin-bottom: 15px;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

.room_links {
    list-style-type: none;
}

#containercustomselector_bottom .iconselectholder {
    position: relative;
    top: -155px;
}

.loadingImage {
    height: 100px;
}

.navigatorDisplay {
    padding: 8px;
    border-bottom: 1px dotted #dddddd;
}

.detailItemTable_th {
  float: left;
  width: 100%;
}

#myListSelect {
    margin: 3px 0;
    width: 100%;
}

.noItems {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 40px;
}

#taxonomyContainer {
    display: none;
}

.columns_container #taxonomyContainer {
    display: block !important;
}

.displayElementWrapper {
    color: rgb(68,68,68);
    line-height: 18px;
}

.searchlink {
    padding: 0px 6px;
}

.detail_biblio .displayElementText.PRIMARY_AUTHOR, .displayElementText.AUTHOR {
    font-size: 12px;
}

#advancedSearchPage {
    width: 100%;
    float: left;
    position: relative;
    background: transparent;
}

#advancedSearchInnerBox {
    border: 2px solid #aaaaaa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    background: #ffffff;
    padding: 15px 15px 20px;
    clear: both;
}

#advancedSearchButton {
    float: right;
    position: relative;
    top: 10px;
}

#example {
    top: 10px;
    width: 80%;
    float: right;
    height: 20px;
    margin: 2px 20px 2px 2px;
    position: relative;
    color: #474747;
}

.advancedSearchTitle {
    margin-top: 15px;
    font-size: 14pt;
    text-align: left;
    clear: both;
    padding-top: 10px;
    border-top: 1px dotted #dddddd;
}

.advancedSearchRow {
    clear: both;
    padding: 5px;
    min-height: 20px;
}

.advancedSearchDropDown {
    width: 300px;
}

.advancedSearchDropDownHolder {
    clear: both;
    margin-left: 30%;
}

.advancedSearchField {
    clear: both;
    margin-left: 30%;
}

.advancedSearchTextField {
    width: 630px;
}

.advancedSearchFieldRadio {
    position: absolute;
    float: left;
    margin-left: 20px;
    margin-right: -10px;
}

.advancedSearchRadioLabel {
    margin-left: 1px;
    margin-right: 5px;
    vertical-align: top;
    font-size: 12px;
}

.advancedSearchRadioSection .advancedSearchLabel {
    position: absolute;
    clear: both;
    font-size: 11pt;
    margin-left: 215px;
}

#advancedFindItemsTitle {
    margin-top: 0px;
    border: none;
}

#advancedSearchOnlyAvailableWrapper {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px 0px;
    border: 1px dotted #dddddd;
    border-right: none;
    border-left: none;
    width: 98%;
}

#advancedSearchOnlyAvailable {
    float: left;
    margin: 3px;
}

#advancedSearchOnlyAvailableLabel {
    float: left;
}

#advancedSearchError {
    padding-left: 25px;
}

.searchModifiersColumn {
    float: left;
    margin-left: 23px;
}

.searchModifiersLabel {
    font-size: 13pt;
    margin-bottom: 5px;
}

.searchModifier {
    margin-bottom: 3px;
}

#advancedSearchForm div.t-error li {
    margin-left: 20px;
}

.t-ajax-console {
    display: none;
}

body {
    background: #00472d;
    margin: 0 auto;
    font-family: Arial Unicode MS, Arial, Verdana, Helvetica, sans-serif !important;
    min-width: 1000px;
    font-size: 12px;
}

.button: hover {
    background-color: #195cb6;
    color: #fff;
}

a: hover.button {
    background-color: #195cb6;
    color: #fff;
    text-decoration: none;
}

ul, ol {
    list-style-position: inside;
}

li {
    margin-left: 3px;
    margin-bottom: 2px;
}

.warning {
    background-color: rgb(255, 255, 120);
    color: black;
    font-size: 15px;
    padding: 20px;
    border: 1px solid black;
    border-radius: 5px;
}

.emailError {
    background-color: red;
    color: white;
    border: 1px solid black;
    border-radius: 5px;
}

.loginButton {
    font-size: 14px;
    font-style: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#adaModeDiv {
    display: inline-block;
    min-width: 18px;
    min-height: 14px;
}

div.lpdropdown {
    background: url("/client/images/action-icons/dropdown.png");
    height: 25px;
    width: 185px;
    position: relative;
    padding-left: 15px;
}

div.lpdropdown.hover, div.lpdropdown: hover {
    color: black;
}

div.lpdropdown li.hover, div.lpdropdown li: hover {
    background: #9EF;
    color: black;
}

div.lpdropdown a: hover {
    color: #000;
}

div.lpdropdown a: active {
    color: #888;
}

div.lpdropdown a {
    text-decoration: none;
    display: block;
    padding: 0px 8px;
    padding-top: 6px;
    color: #222222;
}

div.lpdropdown ul {
    list-style: none;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    font-weight: normal;
    width: 250px;
    background-color: #f6f6f6;
    border: 2px solid #7d7d7d;
    float: none;
    margin: 0;
    z-index: 1;
}

div.lpdropdown ul li img {
    float: left;
    height: 20px;
    padding: 0;
}

div.lpdropdown ul li a {
    text-decoration: none;
    border-bottom: dashed 1px #DDD;
    color: #222;
    height: 22px;
    padding-top: 3px;
    width: 100%;
    display: inline-block;
    position: relative;
}

div.lpdropdown ul li a span {
    position: relative;
    top: 2px;
    left: 3px;
}

.lpdropdown a: hover > ul {
    visibility: visible;
    display: block;
}

.lpdropdown li {
    background-color: #ffffff;
    border: 1px solid #808285;
    padding: 3px;
    color: #000000;
    text-align: center;
    list-style-type: none;
}

.lpdropdown li a {
    color: #000000;
}

.lpdropdown li: hover {
    background-color: #dddddd;
}

.searchBoxRadioLabel {
    margin-right: 10px;
    font-size: 12px;
}

#searchType {
    text-align: top;
    float: right;
    margin-right: auto;
}

*: first-child+html #searchType {
    margin-top: 0px;
    text-align: top;
    float: left;
    margin-right: auto;
}

#onlyAvailable {
    margin-left: 5px;
    margin-right: 3px;
    float: left;
    margin-top: 12px;
}

#onlyAvailableLabel {
    float: left;
}

#onlyAvailableWrapper {
}

#searchBox_container .content {
    background-color: transparent;
}

#searchBox_container .top_edge, #searchBox_container .right_edge, #searchBox_container .bottom_edge, #searchBox_container .left_edge, #searchBox_container .top_right, #searchBox_container .bottom_right, #searchBox_container .bottom_left, #searchBox_container .top_left {
    display: none;
}

#searchLimitDropDown {
    width: 180px;
}

#searchButton: hover {
    background-color: #e25200;
}

#browseButton {
    float: right;
}

.menuActive {
    display: inline;
}

.loginLink a {
    font-size: 13px;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
}

.menuLink a {
    font-size: 13px;
    padding: 5px;
    color: #ffffff;
}

.menuActive a {
    font-size: 13px;
    padding: 5px;
    padding-bottom: 0;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px dotted #dddddd;
}

.pipeSeparator {
    color: #000000;
}

.menuLink a: visited {
    color: #ffffff;
}

.welcome {
    padding: 5px;
    color: #ffb16a;
}

#libInfoContainer {
    display: inline;
    position: relative;
}

.secondary_header_menu_container {
    display: block;
    width: 1000px;
    padding: 5px;
}

.secondary_header_menu_container ul {
    float: left;
}

.secondary_header_menu_container ul li {
    float: left;
    margin: 0 5px;
    display: inline;
}

.secondary_header_menu_container ul li a {
    line-height: 17px;
    margin-right: 5px;
    display: inline;
    color: #000000;
}

.menu_link_after:before {
    font-family: FontAwesome;
    content: "\f054";
    margin-left: 10px;
    color: #fff;
  font-size: 10px;
}

.secondary_header_menu_container .menu_link_after {
  margin-top: 0;
  margin-right: 0;
}

.columns_container {
    min-height: 525px;
    margin-top: 5px;
    clear: both;
}

.columns_container .pct25 {
    width: 24%;
}

.columns_container .pct50 {
    width: 50%;
}

.columns_container .pct75 {
    width: 74%;
}

.columns_container .pct100 {
    width: 100%;
}

.column {
    float: left;
    display: inline;
    position: relative;
    padding: 3px;
    margin: 0px;
    overflow: visible;
}

.content_container {
    background: #ffffff;
    padding: 5px;
    border: 1px solid #c0c0c0;
    margin: 5px;
}

.content_container:first-child {
  margin-top: 0;
}

.outerDiv {
    clear: both;
    padding: 3px 1px;
}

.innerDiv {
    float: left;
    padding-right: 2px;
}

#copyright {
    padding: 4px;
    text-align: center;
}

.lpdropdown a: visited, .lpdropdown a: hover, .lpdropdown a: active {
    color: black;
}

#lpMainLink {
    color: white;
}

.payFinesTable, .bottomOfFinesTable, .accruingFinesTable, .paymentHistoryTable {
    margin: 5px 0;
}

.content, #taxonomyContainer {
    padding: 5px;
}

.registrationDiv {
    text-align: center;
    background: white;
    border: 1px solid #808285;
    border-radius: 5px;
    margin-left: 20%;
    margin-right: 20%;
}

.registrationTitle {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}

.registrationlabel {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 5px;
}

.registrationField {
    margin-top: 10px;
    text-align: left;
}

.registration_requiredCue {
    color: red;
}

.registrationCancel {
    margin-left: 5px;
}

.registrationButtons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.registrationPwdConfirm {
    margin-top: 10px;
}

.registrationConfirm {
    margin-top: 10px;
}

.payflowProDiv {
    text-align: center;
    background: white;
    border: 1px solid #808285;
    border-radius: 5px;
    margin-left: 23%;
    margin-right: 23%;
    padding-left: 2%;
    padding-right: 2%;
}

.payflowProFormTitle {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}

.payflowProForm {
    text-align: left;
}

.payflowProForm div.t-error ul {
    text-align: center;
}

.payflowField {
    margin-top: 10px;
    margin-left: 10px;
}

.payflowTextField {
    margin-left: 5px;
}

.payflowSelect {
    margin-left: 5px;
}

.payflowField.zip {
    margin-bottom: 10px;
    float: left;
}

.payflowField.state {
    float: left;
}

.payflowField.city {
    float: left;
}

#city.payflowTextField {
    margin-left: 16px;
}

#street.payflowTextField {
    width: 368px;
}

.payflowButtons {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.payflowButton {
    margin: 5px;
}

fieldset.billingAddressFieldSet legend {
    padding: 0px 4px 0px 4px;
    margin-bottom: 10px;
}

.billingAddressFieldSet {
    padding-left: 15px;
    margin-top: 10px;
}

.totals {
    margin-left: 10px;
    margin-top: 10px;
}

.totalsLabel {
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
}

.totalOwed {
    font-size: 18px;
}

.payflowConfirm {
    margin-top: 10px;
    margin-left: 10px;
}

.payflowConfirmButtons {
    margin-top: 15px;
    text-align: right;
}

.address {
    margin-left: 10px;
}

.confirmLabel {
    margin-right: 5px;
    font-weight: bold;
}

.payflowConfirmInstruction {
    margin-left: 10px;
}

.payflowHelpLink {
    margin-left: 5px;
}

.explainDiv {
    text-align: right;
}

.postRegistration {
    background: white;
    border: 1px solid #808285;
    border-radius: 5px;
    margin-left: 23%;
    margin-right: 23%;
    padding-left: 2%;
    padding-right: 2%;
}

*: first-child+html #q {
    padding-top: 2px;
}

*: first-child+html #listContainer {
    width: 74%;
    right: 0;
    float: right;
}

*: first-child+html #listsContainer {
    float: left;
}

*: first-child+html #myListTitle {
    width: 100%;
}

*+html .menu_link_after {
    display: none;
}

*+html #q {
    width: 275px;
}

.hideIE {
    //display: none;
}

/*---
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .menu_link_after {
        margin-top: -16px;
    }
}
---*/

.noback {
    background: #FFFFFF;
    min-width: 0;
}

.header_container {
    color: #000000;
    width: 1000px;
    margin: 0 auto;
    min-height: 100px;
}

.holdsTable {
    width: 500px
}

.titleColumn {
    width: 300px
}

#searchBox {
    padding: 1px 5px 6px 5px;
    width: 988px;
    height: 25px;
    float: none;
    text-align: center;
}

#searchBoxWrapper {
    margin: 0px auto;
    background: #000000;
    min-height: 25px;
    top: 100px;
    position: absolute;
}

.normalSearchBoxDiv > .searchInputClearButton {
    right: 3px;
}

#content {
  background: transparent;
  display: inline-block;
  display: block\9;
  min-height: 525px;
  height: auto;
  overflow: visible;
  width: 1000px;
  margin: 0 auto;
  clear: both;
}

#footer {
  background: #000000;
  min-height: 25px;
  color: #808285;
  width: 100%;
  margin-top: 8px;
  position: relative;
  position: static\9;
}

#footer a {
    color: #ffffff;
}

.confirmation {
    text-align: center;
}

.limitcolumn_title {
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 12pt;
}

.sortSelectLabel {
    left: 4px;
}

.sortDropDown {
    margin-right: 8px;
}

.header {
    margin-bottom: 16px;height:135px;
}

.headerWrapper {
    width: 100%;
    z-index: 97;
}

/* Don't move this to Discovery_base, or you will mess up customers' custom CSS! */

.cell_wrapper.researchStarter {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.researchStarter .thumbnail {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: auto;
}

.researchStarter .thumbnail img {
    max-width: 200px;
    max-height: 200px;
    padding: 5px;
}

.researchStarter .results_bio {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: auto;
    left: 0px;
    margin: 0;
    padding: 5px;
}

.emailFormElementsContainer li {
    padding-left: 25px;
}

.emailFormElementsContainer .editField {
    margin-bottom: 5px;
}

/* My Account Stuff */
table.sortable thead,
.table.sortable .thead {
    background-color: #eee;
    font-weight: bold;
    cursor: pointer;
    color: #013F85;
  background-color: #cdcdcd;
}

.list .results_img {
    padding-bottom: 5px;
}

.list .results_right {
    width: 150px;
    margin-top: 8px;
}

.list .facebook_spacer {
    min-height: 130px;
}

.list .cell_wrapper {
  background: white;
  border-bottom: 1px dotted #acacac;
  padding: 7px;
}

.cell_wrapper.researchStarter {
  padding-left: 20px;
  padding-right: 20px;
}

.cell_wrapper.publicationPlacard {
  padding-left: 20px;
  padding-right: 20px;
}

.federated .cell_wrapper {
  padding-right: 15px;
}

/* Federated View */

.federatedHeader .resultsToolbar_dropdownMenus.eds.bottom {
    border-bottom-left-radius: 7px;
}

.federatedHeader .resultsToolbar_dropdownMenus.federated.bottom {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

/* Toolbar */

.selectAllBar_Top, .selectAllBar_Bottom {
    border-color: #808285;
}

.resultsToolbar_dropdownMenus {
    padding: 10px 6px 10px 10px;
}

.didYouMean {
    background-color: #ededed;
    max-width: 85%;
    padding: 8px;
    margin: auto;
    text-align: left;
}

.didYouMeanLabel {
    float: left;
    font-size: 14px;
    color: #ec913f;
    max-width: 100px;
}

.didYouMeanLink {
    float: left;
    margin-left: 5px;
}

#no_results_wrapper .didYouMeanLabel {
    float: none;
    font-size: 14px;
    color: #ec913f;
    max-width: initial;
}

#no_results_wrapper .didYouMeanLink {
    float: none;
    max-width: initial;
    margin-left: 0;
    max-height: initial;
    overflow: visible;
}

#no_results_wrapper .didYouMean {
  text-align: center;
}

.pagination .fa {
    font-size: 18px;
}

.chooseListForm div {
    margin-top: 0.5em;
}

.chooseListForm .button {
    float: right;
}

.addToListWaiting img {
    margin: 0 auto;
    display: block;
}

.addToListResultDiv ul {
    font-style: italic;
    clear: both;
    margin: 5px 10px 5px 24px;
    margin-left: 24px;
}

.addToListResultDiv .success_icon {
    padding-left: 24px;
    min-height: 24px;
    line-height: 24px;
    background-image: url('/client/images/account-icons/green!.png');
    background-repeat: no-repeat;
}

.addToListResultDiv .error_icon {
    padding-left: 24px;
    min-height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    background-image: url('/client/images/account-icons/red!.png');
    background-repeat: no-repeat;
}

#bottomToolbar_wrapper .selectAllCheck, .bottomToolbar_wrapper .selectAllCheck {
    margin: 7px 7px 5px 10px;
}

.limitcolumn_wrapper {
    font-family: arial;
    border-color: #808285;
    padding: 5px;
    background: #f7f7f7;
}

.limitcolumn_wrapper.noShowAvailable {
    background: #f7f7f7;
}

.limitcolumn_wrapper .button {
    padding: 2px 4px;
}

.btn-include:before {
    margin-right: 4px;
    color: #013f85;
}

.btn-exclude:before {
    color: #013f85;
}

.breadCrumbs {
    border-top: 1px dotted #bbbbbb;
}

#breadCrumbs .crumb, .breadCrumbs .crumb {
  margin-bottom: 5px;
}

.facetItem {
    width: 100%; /* so child items can float right */
}

.federated .documentSummaries .hasLimits {
    border-color: #808285;
}

.federated .navigatorCount {
    float: right;
    position: static;
}

.federated.navigatorCount {
    position: static;
}

#facet_navigators_table_header .navigatorCheckBox.navHeader, .facet_navigators_table_header .navigatorCheckBox.navHeader {
    margin-left: 12px;
}

#facet_navigators_table_header th, .facet_navigators_table_header th {
    padding: 0px 2px 0px 2px;
}

#facet_navigators_table td, .facet_navigators_table td {
    border-bottom: 1px solid #DDDDDD;
}

#nav_header_bar .navFacetNameColumn .navHeader {
    padding: 0px 8px 0px 8px;
    height: 31px;
    vertical-align: middle;
    display: inherit;
    width: 307px;
}

#view_all_facets_div, .ui-dialog > .view_all_facets_div.ui-dialog-content {
    padding: 0px 1px 6px 1px;
}

#view_all_facets_div .button, .view_all_facets_div .button {
    font-size: 11px;
}

#view_all_facets_div .navCheckboxColumn, .view_all_facets_div .navCheckboxColumn {
    width: 43px;
    min-width: 43px;
    max-width: 43px;
}

#view_all_facets_div .navFacetNameColumn, .view_all_facets_div .navFacetNameColumn {
    width: 100%;
}

#view_all_facets_div .navCountColumn, .view_all_facets_div .navCountColumn {
    min-width: 70px;
}

.list .results_right .button {
    padding: 2px 4px;
    margin: 0px 2px 4px 2px;
    width: 138px;
    height: 20px;
    border-radius: 4px;
}

.list .results_right a.button {
  width: 128px !important;
  padding-top: 3px;
  height: 13px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url('./ellipsis.xml#ellipsis');
}

.detailActions .button {
    width: 200px;
    height: 22px;
    padding-top: 0;
}

.results_right input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url('./ellipsis.xml#ellipsis');
}

.moreNavigators .fa-caret-right:before {
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;
    position: relative;
    color: #013f85;
}

.fewerNavigators .fa-caret-right:before {
    color: #013f85;
}

/* Detail Page */

.detail_biblio {
    width: 405px;
    min-height:26px;
}

.detail_cover_art {
  margin-left: 35px\9;
}

/*---

.detail_cover_asset_div .assetresource_detail_cover_art {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(0, 0) !important;
  transform: translate(-50%, 0);
}

---*/

.detail_cover_asset_div .jscarousal {
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border: 0px;
    margin: 0px;
    padding: 15px 0;
    position: relative;
}

.detail_cover_erc_child_div .jscarousal {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    border: 0px;
    margin: 0px;
    padding: 15px 0;
    position: relative;
}
.detail_cover_erc_child_div.loading {
	height: 167px;
}

.detail_cover_erc_child_div.nm-bcolor-s5, .ercChildErrorWrapper .nm-bcolor-s5 {
    border-color: #ccc;
}

.detail_cover_asset_div .jscarousal-contents {
    width: 732px;
    padding-left: 0px;
    padding-right: 0px;
}

.detail_cover_asset_div .jscarousal .jscarousal-left {
    top: 2px;
    height: 105px;
}

.detail_cover_erc_child_div .jscarousal .jscarousal-left {
    height: 105px;
}

.detail_cover_asset_div .jscarousal .jscarousal-right {
  height: 105px;
}

.detail_cover_erc_child_div .jscarousal .jscarousal-right {
    top: 2px;
    height: 105px;
}

.list .holdSpan .button {
    padding: 2px 4px;
}

/* Toolbar classes */
.dropDownButton {
    background: url(/client/images/action-icons/dropdown.png) no-repeat;
    height: 25px;
    width: 185px;
    font: 13px Arial, Helvetica, sans-serif;
    padding-left: 15px;
    padding-top: 1px;
}

.customDropdown ul {
    border: 2px solid #7d7d7d;
    margin-left: 5px;
}

/*Stand Alone (Non Modal) Detail Page */

#nm_detail_wrapper {
    padding: 10px;
}

/* ERC Widget Base  */

.ercRadio.formatDescription {
    margin-top: 14px;
}

.ercRadio {
    margin-top: 10px;
}

.ercCollapsible {
    padding-top: 3px;
}

/*---
.detailActions .button {
    clear: right;
}
---*/

.detailActions a.button {
    font-family: Arial, sans-serif;
}

.ui-widget .detailActions a.button {
    font-family: Verdana, sans-serif;
}

.availableLabel, .availableNumber {
    color: rgb(68, 68, 68);
}

.tab {
    margin-left: 6px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 5px 3px 3px 3px;
    background-color: #F7F7F7;
    border-left: 1px solid #808285;
    border-right: 1px solid #808285;
    border-top: 1px solid #808285;
}

.tab_selected {
    margin-left: 6px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 5px 3px 3px 3px;
    background-color: #F7F7F7;
    position: relative;
    top: 1px;
    border-left: 1px solid #808285;
    border-right: 1px solid #808285;
    border-top: 1px solid #808285;
}

/* my lists stuff */
.listsCell {
    display: table-cell;
}

.listsContainer {
    padding-top: 15px;
}

.myListHeader {
    padding: 4px;
    background: #f7f7f7;
    border: 1px solid #808285;
    border-bottom-style: dotted;
}

.myListsList .myListHeader {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-right-width: 1px;
  padding-top: 5px;
  padding-left: 15px;
}

.myListTitle {
    padding-bottom: 4px;
    min-height: 22px;
}

.myListTitleIcon {
    width: 25px;
    height: 22px;
    margin-top: 2px;
}

select.myListControl.lists {
    max-width: 170px;
}

.listWrapper {
    border: solid #808285;
    border-width: 0 1px 1px 1px;
}

.myListsList .listWrapper {
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
}

.myListList li.tempList {
    border-top-width: 0;
}

.myListsUL li {
    height: 20px;
}

.myListList li.activeList{
    border: solid #808285 1px;
    border-left: none;
    border-right: none;
}

.myListList li.tempList.activeList {
    border-top: none;
}

/* advanced search stuff */

.advancedSearchLabel {
    font-size: 11pt;
    float: left;
}

#example {
    top: 10px;
    width: 80%;
    margin: 2px 20px 2px 2px;
}

/* Other Areas*/

/* Workaround for Overflow: Hidden in main div. This cut off facebook popouts. This CSS is in addition to other changes to the #content id CSS elsewhere. */

body > div {
    margin-left: auto;
    margin-right: auto;
}

/* Container Layout */

.button, .button:visited {
    background: #003b8b url(./images/sirsidynix/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.25);
    font-weight: bold;
}

a {
    color: #013f85;
}

/* Header */

.logo_container {
    padding-left: 10px;
    margin-right: 19px;
}

.logo_container img {
  margin-top: 15px;
  max-height: 70px;
  width: auto;
}

/* Dropdown Language picker */

.dropdownList {
    width: 100px;
}

#q {
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 342px;
  margin: 0px 3px;
  margin-top: 2px;
  height: 19px;
  margin-top: 5px\9;
  padding-right: 30px;
}

#searchBox .dropDown {
    margin: 4px 2px;
    background-color: lightgrey;
    color: black;
    border: 1px solid #013F85;
    padding-left: 2px;
    height: 27px;
}

.myListTitleHeader {
    background-color: lightgrey;
}

.sortDropDown, .edsSortSelect {
    float: right;
    border: 1px solid grey;
    color: black;
    width: 199px;
    height: 27px;
    padding-left: 2px;
}

#buttonsWrapper {
  margin-bottom: 4px;
  margin-bottom: 2px\9;
}

#searchBoxAdvancedLink {
    text-align: left;
    margin-left: 6px;
    margin-top: 6px;
    padding-left: 5px;
    height: 24px;
}

#searchButton {
  background-color: #ef7508;
  padding: 4px 1px;
  padding-bottom: 3px;
  min-width: 86px;
  padding-top: 5px;
  padding-bottom: 4px;
  margin-top: 2px\9;
  padding-top: 4px\9;
  margin-top: 1px;
  height: 27px;
}

/* Main Menu */

.pipeSeparator-light {
    color: #000000;
}

.patron_help img {
    left: 5px;
}

/* Footer*/

.bookRiverLoading{
    height: 375px;
    font-family: 'Arial Unicode MS', Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
}

 /*--- IE Specific CSS ---*/

.nytimes_bio .bold{
    font-weight: normal;
}



/* ADA specific classes */

.ada_div_top {
    padding: 4px 5px 4px 5px;
    float: left;
    display: block;
    margin-right: 19px;
    height: 27px;
    top: 15px;
}

.ada_div_bottom {
    padding: 4px 5px 4px 5px;
    display: block;
}

#ada_header .header_container{
    height: 127px;
}

#ada_header .logoContainer{
    margin-top: 27px;
}

#ada_header{
    height: 135px;
}

.quicksearchIcon{
    height: 35px;
    width: 35px;
    padding: 0,20,0,20;
}

.interfiled3rdParty.cell_wrapper {
    background: #EAEAEA !important;
}

.interfiled3rdParty .noShowAvailable {
    background: #EAEAEA !important;
}

.interfiled3rdParty .navigatorCount {
    background: #EAEAEA !important;
}

.resource_margin {
  margin-left: 5px;
  width: 95%;
}

.invisible {
    visibility :hidden;
}

#searchResultsColumn, .csResultsColumn {
    background: #f7f7f7;
    border-color: #808285;
}

.csResultsColumn {
    border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    float: none;
}

.csResultsWrapper .resultsToolbar_dropdownMenus.bottom {
    border-bottom-right-radius: 7px;
}

.csSearchLimitsColumn .limitcolumn_wrapper {
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

/*--- Holds Alert Calendar ---*/

.holdsAlert .fa-calendar {
  font-size: 16px;
  padding-left: 10px;
}

/*--- Fix to Prevent Hit Number from Overlapping Book Image ---*/

.list .hitNumber {
  position: static;
  margin-left: 3px;
}

/*--- Checkouts History Formatting ---*/

td.checkoutsHistoryCheckoutDates {
  padding: 5px;
  width: 15%;
}

/*--- Font Size for Include/Exclude 'x' ---*/
.fa-times-circle {
  font-size: 16px;
}

/*--- Detail View Top Margin ---*/
.detailPanel {
  margin-top: 15px;
}

/*--- Place Hold Modal Button ---*/

.noback .button {
  padding: 5px 20px;
  font-size: 14px;
  background: #003b8b;
  color: #fff;
}

.noback .button:hover {
  cursor: pointer;
}

/*--- Place Hold Modal ---*/

#holdTable .titleColumn {
  text-align: left;
}

#holdTable .pickupColumn {
  text-align: left;
}

#placeHold {
  overflow-x: hidden;
}

/*--- Sort Button Alignment ---*/

.checkoutsIcons {
  position: relative;
  top: 2px;
}

.detailItems th {
  vertical-align: bottom;
}

.holdsHeader td {
  padding-bottom: 6px;
  vertical-align: bottom;
}

th.checkboxCol.sorttable_nosort,
.th.checkboxCol.sorttable_nosort {
  vertical-align: top;
}

.requestData .textbox {
    height: 25px;
}

/*--- Book River Padding ---*/

#bookRiverWrapper .jscarousal {
  width: 484px;
  padding-left: 10px;
}

.fa.fa-home {
    margin-top: 2px;
}

/*----------------------------------*/
/*--- Positioning for Book Title ---*/
/*----------------------------------*/

/* Non-Interfiled and Assets Search Results */

#searchViewDISCOVERY_ALL .no_image_text, .csResultsWrapper .no_image_text {
  width: 56px;
  max-height: 41px;
  top: 36px;
  left: 33px;
  font-size: 9px;
}

/* Modal Window Detail View (Interfiled/Assets/Federated/My Lists) and Non-Modal Detail View */

#searchViewINTERFILED .ui-widget .detail_cover_art_div .no_image_text,
#searchViewDISCOVERY_ALL .ui-widget .detail_cover_art_div .no_image_text,
.csResultsWrapper .ui-widget .detail_cover_art_div .no_image_text,
.federated .ui-widget .detail_cover_art_div .no_image_text,
.listsTable .ui-widget .detail_cover_art_div .no_image_text,
.detail_cover_art_div .no_image_text {
  width: 77px;
  max-height: 71px;
  top: 15px;
  left: 54px;
  font-size: 12px;
}

/* Assets Detail View Carousal (Non-Modal) */

.detail_cover_asset_div .jscarousal-contents .no_image_text {
  top: 12px;
  left: 48px;
}

/* Assets Detail View Carousal (Modal Window) */

#searchViewDISCOVERY_ALL .jscarousal-contents .no_image_text, .csResultsWrapper .jscarousal-contents .no_image_text {
  width: 59px;
  max-height: 51px;
  top: 12px;
  left: 43px;
  font-size: 10px;
}

/* Book River Details */

.bookRiver .no_image_text {
  width: 115px;
  max-height: 87px;
  top: 24px;
  left: 24px;
  font-size: 15px;
}

/* Book River Carasouel */

.jscarousal-contents .no_image_text {
  width: 56px;
  max-height: 44px;
  top: 11px;
  left: 19px;
  font-size: 10px;
}

/* Federated Results */

.federated .no_image_text {
  top: 19px;
}

/*--- Add Padding to Bottom of Results Cell ---*/

.list .results_cell {
    padding-bottom: 10px;
}

/* My Lists */

.listDetailHeader {
    background-color: #f7f7f7;
    border: solid 1px #808285;
}

.myListSelectAllHeader.selectAllBar_Bottom {
    margin-top: -2px;
}

.myListSelectAllHeader.selectAllBar_Top {
    margin-bottom: -1px;
}

.myListSelectAllHeader {
    padding: 12px 10px 12px 31px;
}

.myListList .results_cell {
    padding-bottom: 0px;
}

/* override .list .cell_wrapper */
.myListList .cell_wrapper {
    background: transparent;
    border-bottom: none;
}

.list_cell_wrapper {
    background: white;
}

/* My Account Section */

.myAccountCoverArt .no_image_text {
  max-height: 28px;
  top: 8px;
}

.accountCoverArtNoCheckbox .no_image_text {
  max-height: 28px;
  top: 8px;
}

/*--- Fix for Results Bio Middle Column (Interfiled Results) - Keeps Widgets from Wrapping to Bottom ---*/

.interfiledResultsWrapper div[id^=results_bio] {
    max-width: 240px;
    margin-right: 0;
}

/*--- Fix for Results Bio Middle Column (Library Only Results) - Keeps Widgets from Wrapping to Bottom ---*/

#results_wrapper div[id^=results_bio], .results_wrapper_cs div[id^=results_bio] {
    max-width: 450px;
}

/*--- Fix for Results Bio Middle Column (EDS and Other Database Results) - Keeps Widgets from Wrapping to Bottom ---*/

.federated div[id^=results_bio] {
    max-width: 450px;
}

/*--- Remove Right Margin From EDS Only Results ---*/

.interfiled3rdParty .results_bio {
    margin-right: 0;
}

.searchView .no_image_text {
    top: 19px;
    max-height: 41px;
}

.searchView .results_img_div {
    position: relative;
    left: 11px;
}

.federated .ui-dialog-content .no_image_text,
#searchViewINTERFILED .federated .ui-dialog-content .no_image_text {
    top: 15px;
    left: 54px;
}

.myAccountCoverArt .no_image_text {
    max-height: 28px;
}

/*--- Fixes for Thumbnail View ---*/

#searchViewINTERFILED .thumb .no_image_text, #searchViewDISCOVERY_ALL .thumb .no_image_text, .csResultsWrapper .thumb .no_image_text {
	font-size: 16px;
	width: 120px;
	max-height: 104px;
	top: 22px;
}

/*-------------------------------------------*/
/*--- CSS for Internet Explorer 10 and Up ---*/
/*-------------------------------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  /* IE10+ CSS styles go here */
  
  .detail_cover_art {
    margin-left: 50%;
  }
  
  #buttonsWrapper {
    margin-bottom: 4px;
  }
  
  #q {
    padding-top: 2px;
    margin-top: 0px;
  }
  
  #searchButton {
    margin-top: -1px;
    padding-top: 5px;
  }
  
  .list .no_image_text {
    max-height: 56px;
  }
  
  #footer {
    position: relative;
  }
  
  #content {
    display: inline-block;
  }
}

/*--- Firefox Only ---*/

@-moz-document url-prefix() {
  .pagination .fa {
    top: 1px;
  }
  
  #q {
    padding: 2px;
    margin-top: 2px;
  }
    
  #searchButton {
    padding-top: 6px;
    line-height: 14px;
  }
}

.hidden {
    display: none;
}