body {
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	/*background-color: #00593d;*/ /* NOBLE*/
    background-color: #fff; /* NOBLE - custom */
}

button, input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

img {
    border: none;
}

#topnav_logo {
    margin: 1% 0 1% 0; /* NOBLE - custom, to adjust space around logo */
}
/* NOBLE - added */
#topnav_logo img {
    width: 100%;
}
#topnav_logo_mobile 
{
   display:none;
}

/* added for highlighting popularity testing in results and summary */
.popularity {
    background-color: yellow;
}
#rdetail_badges {
    background-color: yellow;
}
/* Added for login screen with image */
#login-form-box {
    width: 100%;
    max-width: 600px;
}
#login_boxes {
    margin-top: 0;
}
#card_input {
    padding: 0 0 10px 0;
    margin-right: 10px;
}
#password_input {
    clear: left;
    padding-top: 6px;
}
.library_card {
    float: right;
    padding: 5px 0 7px 0;
}
.library_card img {
    width: 75%;
}
/* End login screen */

/* End NOBLE */

#homesearch_main_logo {
    padding-top: 20px; /* NOBLE - custom, for welcome Screen text in lower half of screen */
    margin: auto;
    width: 50%;
    border: 1px solid #dedede; /* NOBLE - added */
    background:url('/images/login-bg.jpg') top repeat-x; /* NOBLE - added */
    color: #333; /* NOBLE - added */
}


a {
    color: #00593d;
}

#search-wrapper input[type=text] {
    margin:0;
    padding:0;
}

#search-wrapper select, .results_header_lbl select {
    border:1px solid #c0c0c0;
    margin:0;
    padding:0;
    width: 12em;
}

/* Read More */
.truncated {
    display: none;
}

/* NOBLE */
.readmore_link {
    cursor: pointer;
    color: #007a54;
    font-weight: bold;
}
/* END Read More */
.searchbar {
    font-weight: bold;
    padding-top: 10px;
    margin-left: 1em;
}

.refine_search {
    padding-bottom: 7px;
    margin-left: 1em;
}
/* NOBLE - added */

.searchbar-mobile {
   display:none;
}

/*
#search-wrapper select {
    border:0px solid black;
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    opacity:0;
    padding:0;
    margin:0;
    height:18px;
}
*/
h1 {
    margin:0;
    margin-bottom: 5px;
    font-size: 150%;
    font-weight:normal;
}

h2 {
    font-size: 125%;
    font-weight:bold;
}

h2.graphic880 {
    font-size: 125%;
    font-weight:normal;
}

.hide_me, .hidden {
    display: none;
    visibility: hidden;
}

div.select-box-wrapper {
    position:absolute;
    padding-top:2px;
    padding-left:3px;
    overflow:hidden;
    text-align:left;
}

#dash_wrapper {
    margin-left: 0.5em;
    float: right; /* NOBLE - added */
}

#dash_wrapper div {
    background-color: #00593d;
    border-radius: 5px;
    padding: 0em 1em;
}

.dash_divider {
    margin: 1em;
    color: #007a54;
    display:inline-block;
}

#dashboard, #dashboard_e {
    margin-top: 1em;
    height: 3em;
}

#dashboard span.dash-align a, #dashboard_e span.dash-align a {
    font-weight: bold;
    text-decoration: none;
}

#dash_user {
    font-weight: bold;
}

#logout_link {
    left: 1px;
}

#dash_checked, #dash_e_checked { color: #ffcc33; }
#dash_holds, #dash_e_holds { color: #ffcc33; }
#dash_pickup, #dash_e_pickup { color: #1dd93c; }

/*  
#dash_fines { color: #f41d36; }
the color contrast between "text_badnews" and "primary"
is too low for WCAG compliance.  Use "text_attention" 
for now until a better color is picked - if needed.
*/
#dash_fines { color: #ffcc33; }

#dash_wrapper #dash_user_message_button_container {
    display: inline;
    padding: 0;
}
#dash_wrapper #unread_message_count_floater {
    position: absolute;
    background-color: red;
    padding-left: 0.2em;
    padding-right: 0.2em;
    display: inline-block;
    font-size: 95%;
    border-radius: 0;
    z-index: 2;
    margin-top: 0.2em;
    margin-left: -1.5em;
}

#header-wrap {
    /*background-color: #FFFFFF;*/ /*NOBLE*/
    background-color: #fff; /* NOBLE - custom, to remove green gradient from header and footer */
    /*background-color: #fff;  NOBLE - custom, white background for header */
}
#header {
    color: #fff;
    margin-left: 1em;
    margin-right: 1em;
    font-size: 92%;
}

#header a {
    color: #FFFFFF;
}

#header a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/*#header-links {
    color: #FFFFFF;
    font-size: 92%;
    font-weight: bold;
    position: relative;
    top:4px;
}*/ /* NOBLE not needed */

/* NOBLE HAMBURGER TEST */

.gold-links {
    box-shadow: 1px 1px 4px 0 rbga(0,0,0,.1);
    position: relative;
    width: 100%;
    z-index: 3;
    display: block;
    float: left;
    text-decoration: none;
    background: #ccc;
}
.gold-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
}
.gold-links li a {
    display: block;
    padding: .5em; /* padding around open menu */
    text-decoration: none;
    background-color: #fff; /* COLOR TEST */
    color: black;
    }
.gold-links li a:hover {
    color: #00593d;
}

.gold-links .header-links {
    clear: both;
    max-height: 0; /* Height of collapsed hamburger menu */
    transition: max-height .2s ease-out;
}
.gold-links .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: .6em; /* Space around hamburger */
    position: relative;
    user-select: none;
}
.gold-links .menu-icon .navicon {
    background: #333;
    display: block;
    height: .23em; /* Height of hamburger stripes */
    position: relative;
    transition: background .2s ease-out;
    width: 1.4em; /* Width of the hamburger */
}
.gold-links .menu-icon .navicon:before,
.gold-links .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

/* Space between top and middle slice */
.gold-links .menu-icon .navicon:before {
    top: 6px;
}

/* Space between bottom and middle slice */
.gold-links .menu-icon .navicon:after {
    top: -6px;
}
.gold-links .menu-btn {
    display: none;
}
 
.gold-links .menu-btn:checked ~ .header-links {
    max-height: 50%; /* Height of dropdown */
}
 
.gold-links .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}
 
.gold-links .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}
 
.gold-links .menu-btn:checked ~ .menu-icon .navicon:after {
	transform: rotate(45deg);
}
 
.gold-links .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.gold-links .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	top: 0;
}

.gold-links-mobile-spacer {
	margin: -.4em 0 -.5em .1em;
}
	
@media (min-width: 48em) {
	.gold-links {
		margin-left: auto; /* NOBLE - custom */
		padding-left: 0px;
		margin-right: auto; /* NOBLE - custom */
		width: 100%; /* NOBLE - added */
		background-color: #ccc;
	}

	.gold-links li {
		list-style: none;
		display: inline-block;
		text-decoration: none;
		background-color: #ccc;
		margin: 2px 0;
	}
	/* center menu horizontally */
	.gold-links ul {
		background-color: #ccc; /* COLOR TEST */
		text-align: center;
	}
	.gold-links ul li {
		display: inline-block;
	}
	/* end center menu */

	
	.gold-links li a {
		display: block;
		text-align: center;
		padding: 2px 7px;
		background-color: #ccc;
		color: black;
		font-size: 1.1em; /* Font size for link labels */
		font-weight: bold;
	}
	
	.gold-links li a:hover {
		color: #00593d;
		background-color: #ccc;
	}
	
	.gold-links .header-links {
		clear: both;
		float: left;
		max-height: none;
	}

	.gold-links .menu-icon {
		display: none;
	}
	
	.gold-links-mobile-spacer {
		display: none;
	}
	/* NOBLE - added for pipe to separate gold links */
	.pipe {
		border-left: 2px solid black; 
		padding: 0 10px;
	}
	.header-links {
	width: 100%;
	}
}
/* END NOBLE HAMBURGER TEST */

#gold-links-home {
    margin:auto;
    padding-left:0px;
}

#gold-links-holder {
    height: auto; /* NOBLE - custom */
    /*background-color: #000000;*/ /* NOBLE */
	overflow: auto; /* NOBLE - added - Expanding background for multiple line topnav links */
	margin-top: 5px; /* NOBLE - added */
	padding: .2em 0; /* NOBLE - added - Hamburger test adjustment */
}

/* NOBLE added for ComCat selector */
.comcat {
    /*border-right: 1.5px solid #007a54;*/ /* pipe */
    padding: 0 10px 0 5px;
}

.comcat select {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    border: 0;
    border-radius: 0;
    height: 20.7px;
    -moz-appearance: menu;
    -webkit-appearance: menu;
}
.comcat select:hover {
    background-color: #fff;
    color: #00593d;
}

.comcat_footer select {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 20px;
    border: 0;
    border-radius: 0;
    height: 20.7px;
    -webkit-appearance: none;
}
.comcat_footer select:hover {
    background-color: #fff;
    color: #00593d;
}
/* END NOBLE ComCat selector */

/* NOBLE - MOBILE OTHER SEARCH OPTIONS TEST */
#search-options-holder {
    height: auto;
    margin-top: 5px;
    padding: .2em 0 .2em 0;
}
.search-options {
    position: relative;
    width: 100%;
    z-index: 3;
    display: block;
    float: left;
    text-decoration: none;
}
.search-options div {
    overflow: hidden;
}
.search-options a {
    padding: .5em; /* padding around open menu */
}

.search-options .soptions {
    clear: both;
    max-height: 0; /* Height of collapsed menu. Menu won't collapse without this */
    transition: max-height .2s ease-out;
}
.search-options .sop-icon {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: .6em; /* Space around text and arrow */
    position: relative;
    user-select: none;
}
.sop-icon {
    font-weight: bold;
    margin-left: .5em; /* Spacing before button text */
}
.sop-icon:hover {
    color: #00593d
}

.search-options .sop-icon .sop-navicon {
    display: block; /* Keep the arrow and text next to each other */
    position: relative;
    transition: background .1s ease-out;
    width: 2em; /* Width of the text with arrow */
}
.search-options .sop-icon .sop-navicon:before,
.search-options .sop-icon .sop-navicon:after {
    background: transparent;
    content: '';
    display: block;
    float: right;
    margin: -15px 0 0 50px;
    transition: all .1s ease-out;
}

/* Space between top and middle slice */
.search-options .sop-icon .sop-navicon:before {
    top: 0;
}

/* Space between bottom and middle slice */
.search-options .sop-icon .sop-navicon:after {
    top: 0;
}
.search-options .sop-btn {
    display: none;
}
 
.search-options .sop-btn:checked ~ .soptions {
    max-height: 50%; /* Height of dropdown. Dropdown won't open without this */
}
 
.search-options .sop-btn:checked ~ .sop-icon .sop-navicon {
    background: transparent;
}
 
.search-options .sop-btn:checked ~ .sop-icon .sop-navicon:before {
    transform: rotate(-180deg);
}
 
.search-options .sop-btn:checked ~ .sop-icon .sop-navicon:after {
    transform: rotate(180deg);
}
 
.search-options .sop-btn:checked ~ .sop-icon:not(.steps) .sop-navicon:before,
.search-options .sop-btn:checked ~ .sop-icon:not(.steps) .sop-navicon:after {
    top: 0;
}

.sop-navicon {
    margin-left: 10.2em; /* Position of arrow next to button text */
}

.sop-navicon:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7.5px 0 7.5px;
    border-color: #00593d transparent transparent transparent;
}

@media (min-width: 48em) {

    #search-options-holder {
        margin: 0;
        padding: 0;
    }
    .search-options {
        width: 100%; /* NOBLE - added */
        background: #999;
    }

    .search-options div {
        background: #999;
    }
    .search-options .soptions {
        clear: both;
        float: left;
        max-height: none;
    }

    .search-options .sop-icon {
        display: none;
    }
    /*input#search-submit-go.opac-button {
        margin-top: -2px;
        margin-left: 9px;
    }*/
}
/* END NOBLE SEARCH OPTIONS and HAMBURGER TEST */

/*#header-links a {
    color: #FFFFFF;
    display: block;
    float:left;
    margin-right:22px;
    text-decoration: none;
}

#header-links a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
    text-decoration: none;
}*/ /* NOBLE not needed */

#header #header-links2 {
    position:relative;
    top:-8px;
    color: #FFFFFF;
    padding-bottom: 15px;
}

#header #header-links2 a {
    color: #FFFFFF;
}

#header #header-links2 a:hover {
    text-decoration: underline;
}

#your-acct-login {
    padding-top:2%; /* NOBLE - custom */
    width:100%; /* NOBLE - added */
    text-align:right; /* NOBLE - added */
}

#gold-links {
    margin-left: auto; /* NOBLE - custom */
    padding-left: 0px;
    margin-right: auto; /* NOBLE - custom */
    width: 95%; /* NOBLE - added */
}
/* NOBLE - added - Increase size and contrast for NOBLE links in header */
#gold-links a {
    font-size: 14px;
    color: black;
    margin-right: 15px; /* added for pipe spacing -- NOBLE */
}

/* NOBLE End */
#gold-links-home {
    margin:auto;
    padding-left:0px;
}
#gold-links li a {
    font-size: 14px;
    color: black;
}

#gold-links li a:hover{
    font-size: 14px;
    color: #00593d;
}
/* NOBLE End */

#gold-links-home {
    margin:auto;
    padding-left:0px;
}

/* #gold-links-holder {
    height: auto;
    background: #252525;
    overflow: auto;
    margin-top: 5px;
    padding: .2em 0 .2em 0;
    background-color: #000000;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
} */ /* NOBLE this section moved up */

#util-bar {
    margin-left: 1em;
    padding-left:0px;
    height:0px;
}

#search-wrapper {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 5px;
    background-color: #fff;
}

#search-wrapper #breadcrumb {
    margin-top:0px;
    font-size: 83%;
    float:left;
}

#search-wrapper #search-within {
    margin-top:10px;
    float:right;
    position:relative;
    left:-173px;
}

#search-wrapper #breadcrumb a {
    color: black;
}

#search-wrapper #search_frm label {
    font-size: 83%;
}

#search-wrapper #search-box {
    margin-left: 1em;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
    margin-left: 2px;
    overflow: auto;
}

/* NOBLE break out search tab styling */
#adv_search_tabs a {
    float: left;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 5px 5px 0px 0px;
    padding: 1em 1em 0.5em;
    -moz-border-radius: 10px 10px 0px 0px; 
    border-radius: 10px 10px 0px 0px;
    font-weight: bold;
    color: #fff;
    background-color: #69A088;
    font-weight: bold;
    text-decoration: none;
}
/* NOBLE break out account tab styling */
#acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
    float: left;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 0px 3px 0px 0px;
    font-weight: bold;
    color: #fff;
    background: #69A088;
    font-weight: bold;
    text-decoration: none;
}
/* NOBLE break out account tab styling */
#acct_tabs a, #acct_fines_tabs a {
    padding: 0.3em 1em 0.3em;
}

/* NOBLE break out account tab styling */

#adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
    background-color: #00593d; 
    color: #fff;
    text-decoration: none;
}

/* NOBLE TABS */
a#active {
    background: #fff;
    color: #000;
}

a#active:hover {
    background: #fff;
    color: #000;
}
/* END NOBLE TABS */

/* NOBLE scrollbox */

.adv_scrollbox {
    height: 11em;
    width: 15em;
    padding: 3px;
    margin: 5px 5px 0 0;
    overflow-x: auto;
    border: 1px solid #999;
}

/* END NOBLE - scrolly checkbox filters */

/* NOBLE added to give consistent style to advanced search screen */
.adv_filter_block_item input, select {
    border:1px solid #999;
    vertical-align: middle;
    height:20px;
}
.adv_filter_block_item input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#adv_search_rows input, select {
    border: 1px solid #999;
    vertical-align: middle;
    height: 20px;
}
#adv_search_rows input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#adv_check_boxes {
    float: left;
    clear: both;
    margin: -6px 0 20px 15px;
    /*background: yellow;*/
}
.adv_search_available input, select {
    border:1px solid #999;
    vertical-align: middle;
    height: 20px;
}
.adv_search_available  input, select{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#adv_copy_location_selector select {
    height: 100px;
}
/* END NOBLE advanced search screen */

/* NOBLE added to allow keyboard navigation in the client. Pairs with custom code in org_selector.tt2 */


#adv_search_filters {
    position: relative;
}
#adv_search_rows {
    border-bottom: none;
}
/* NOBLE NOTE playing with advanced search layout */
.adv_filter_block {
    width: auto;
    padding: 13px 15px;
    float: left;
    clear: both;
}
.adv_filter_block_item {
    float: left; /* NOBLE note - must float for format and language boxes to be side by side */
    padding: 0 0 0 5px;
}

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

#adv_search_submit {
    position: relative;
    margin-left: 10px;
}

/* NOBLE added for additional lower search buttons on advanced search screen */
#adv_search_submit_lower {
    width: 100%;
    margin-left: 10px;
    margin-top: -10px;
    float: left;
}
.checkbox_col {
    width: 1%;
    padding-left: 10px !important;
}

/* CALL NUMBER BROWSE Added #cn_browse for new tab in advanced search screen - NOBLE */
#adv_search.on, #num_search.on, #expert_search.on, #cn_browser.on {  
    color: #333;
    background-color: #fff;
    text-decoration: none;
}

#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
    color: #333;
    background-color: #fff;
    text-decoration: none;
}

.acct-tab-off {
    background-color: #69A088;
}

#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
    /*margin-top: 0px;*/
    margin-top: 5px; /* NOBLE - adds space above secondary tabs */
    font-size: 83%;
    /*color: #333;*/ /* NOBLE */
    color: ; /* NOBLE - secondary acct. tabs text made to match primary acct. tab text */
    /*padding: 10px 10px 10px 10px;*/ /* NOBLE */
    padding: 5px 10px 5px 10px; /* NOBLE acct. tabs */
}

#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
    /*background-color: #eee;*/
    background: #fff; /* NOBLE - change background color for secondary tabs to white */
    color: #333;
}

#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
    /*padding-bottom: 12px;*/
    padding-bottom: 0px; /* NOBLE */
    padding-left: 3px; /* NOBLE */
    margin-bottom: 10px; /* NOBLE - added */
    color: #999;
    background: #00593d /* NOBLE - added background color to secondary acct. tabs - dark green */
}

#acct_select, #acct_prefs_select {
     display: none;
}

#mobile_acct_search_links {
      background-color: #007a54;
}

.rdetail_header {
    padding: 5px 7px 6px 0px;
    margin-left: 1em;
    /*border-bottom: 1px dotted #ccc; */ /* NOBLE remove dotted line below paging */
}

.rdetail_results a {
    color:#007a54;
    font-weight:bold;
    font-size: 125%;
}

.rdetail_result_count {
    color: black;
    font-weight: normal;
    padding-left: 1em;
    display: inline-block;
}

.rdetail_result_nav {
    font-weight:normal;
    padding-left: 1em;
    display: inline-block;
}

#rdetail_details_table {
    margin-top: 15px;
}

#rdetail_image { border: none; }
#rdetail_image_cell {
    padding-top: 3px;
    padding-right: 10px;
}

h2.rdetail_uris {
    margin-top: 1em;
}
div.rdetail_uris {
    padding: 0.25em 1em 0.5em 1em; /* NOBLE - custom, to make URIs more visible */
    background-color: #fff; /* NOBLE - custom */
    font-weight: bold; /* NOBLE - added */
    font-size: 15px; /* NOBLE - added */
}

/* NOBLE - added - style for link restriction note on summary.tt2 page */
span.rdetail_uris_note {
    font-weight: normal;
}

div.rdetail_uris ul li {
    position: relative;
    left: 1em;
}

/* NOBLE added for formats and editions anchor link */
#feanchor {
    /*margin: 0;*/
    /*padding: 10px 0 0 0;*/
    /*clear: left;*/
    list-style: none;

}

div.rdetail_show_copies {
    margin-top: 1em;
}

div#rdetail_actions_div {
    /* float: right; */ /* NOBLE */
    background-color: #fff;
    border: 1px solid #999; /* NOBLE added */
}

/* NOBLE - added to style Google Preview button - cm */
#gbpbadge {
    margin-left: 1.5em !IMPORTANT;
}
/*span#rdetail_copy_counts {
    display: inline-block;
    border-right: thin;
    vertical-align: top;
    margin-right: 1em;
    padding-right: 1em;
}

span#rdetail_hold_counts {
    display: inline-block;
    vertical-align: top;
}
span#rdetail_hold_counts p {
    padding-left: 2em;
}*/
/* NOBLE added instead of above */
#rdetail_hold_counts {
    padding: 5px 0;
    list-style: none;
}
#rdetail_copy_counts {
    padding-top: 5px;
    list-style: none;
}

#rdetail_image_div {
    float: left;
    /*margin-right: 1em;*/ /* NOBLE - removed */
    max-width: 150px; /* NOBLE */
}
/* NOBLE - added */
#rdetail_image_div img 
{
    /*width: 80%;*/
    /*min-width: 10em;*/
    max-width: 85%; /* NOBLE */
}
.rdetail_aux_utils {
    /*border-left:1px dotted #ccc;*/ /* NOBLE - removed border */
    padding: 0 6px 3px 5px; /* NOBLE custom */
}
/* NOBLE - added for "Filter by" label above facets */
#facet_header {
    font-weight: bold;
    padding-bottom: 3px;
}
/* Added for page for texting call number sms_cn.tt2 */
pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    background: #eee;
    padding: .5%;
    /* Allow text to wrap */
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
#rdetail_format_label
{
    padding-left: 17px;
    padding-bottom: 6px;
    padding-right: 70px;
}
/* NOBLE - NEW DIVS TO MAKE SECTIONS DISPLAY PROPERLY*/

.rdetail_isbns,
.rdetail_issns,
#rdetail_edition,
#rdetail_awards {
    margin-left: 0.6em;
}
#rdetail_record_details_div
{
   width:100%;
   float:left;
   margin-left: 0.4em;
}
#rdetail_record_details_div ul {
    margin: 0;
    padding: 0;
}

#rdetail_format_icon_div
{
}

#rdetail_series_div {
    width: 100%;
    float: left;
    margin-left: 0.4em;
}

#rdetail_contents_div {
    width: 100%;
    float: left;
    margin-left: 0.4em;
}

#rdetail_subject_div
{
    width:100%;
    float:left;
    margin-left: 0.4em;
}

#rdetail_addtitles_div
{
    width:100%;
    float:left;
    margin-left: 0.4em;
}

#copy_hold_counts
{
    width: 55%; /* NOBLE */
    /*float:left;  NOBLE */
    list-style: none;
}

#rdetail_adauthors_div {
    width: 100%; /*added to keep addedcontent tabs from floating up and to the right 11-12-14*/
    float: left;
    margin-left: 0.4em;
}
#rdetail_summary_header {
    width: 100%;
    position: relative;
    float:left;
    clear: left;
}
#format_actions
{
    padding: 5px 0 0 5px; /* NOBLE */
    margin: 0 0 5px 0; /* NOBLE */
    position: relative;
    width: auto;
    max-width: 33%;
    float: right;
}
/* NOBLE added */
#actions_sub {
    margin: 0;
    padding: 0;
}
#extra_stuff {
    width: 100%;
    float: left;
}
#added_stuff {
    width: 100%;
    float: left;
}
/* End NOBLE added */
/* NOBLE Citation */
div#citation {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 12px;
    margin-left: 0;
    background: #eee;
    border: 1px solid #999;
}
.citation_lbl {
    font-weight: bold;
}
.citation_text {
    margin-top: 15px;
    margin-bottom: 6px;
    margin-left: 10px;
}
/* NOBLE Permalink */
#permalink_lbl {
    font-weight: bold;
}
#permalink_text {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
}

/* Styling for More Info link on login box */

#more-info {
	color: #666;
	font-size: 13px;
	font-weight: bold;
}

/* Added styling for failed login message */

#login-failed-message { 
		color: red; 
		font-size: 14px;
		padding: 3px 8px;
}
	
/* END NOBLE */


div.place_hold_summary {
    /* border-bottom: 1px dotted #ccc; */ /* NOBLE - remove border */
    /*padding-top: 10px; */ /* NOBLE - removed */
    color: #fbf9f9;
    font-weight: bold; 
    font-size: 0.9em; /* NOBLE - added to make button sizes consistent on advanced search screen - 2014-04-24 - NOBLE */
    /* NOBLE custom below this point */
    cursor: pointer !important;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #999;
    background:  #ccc;
    margin: 0.3em;
    padding: 0.3em;
    display: inline-block;
}
.place_hold_summary a {
    text-decoration: none;
}
div.place_hold_summary:hover {
    background: #999;
}
/* END NOBLE custom */

div.toggle_list { padding-top: 6px; }

div.share_record {
    padding-top: 6px;
    /*border-top: 1px dotted #ccc;*/ /* NOBLE - remove border */
}

div.format_icon {
    float: right;
    /* margin-right: 17px; */ /* NOBLE */
	margin: 0 17px 20px 20px; /* NOBLE - added */
}

/* NOBLE novelist button test */
#novelist_button {
    display: none;
    padding: 5px;
}
#metarecord_population {
    overflow: hidden;
    width: 100%; /* NOBLE custom */
    padding-bottom: 10px;
    padding-left: 10px; /* NOBLE added */
    margin-bottom: 10px; /* NOBLE added */
    background: #eee; /* NOBLE added */
}



.metarecord_population_span_link {
    line-height: 20px;
}

.metarecord_population_format {
    border-right: thin;
    display: inline-block;
    margin-right: 1em;
    padding-right: 1em;
    vertical-align: top;
}

.metarecord_population_item_lang {
    display: inline-block;
    vertical-align: top;
}

.metarecord_population_all {
    padding-top:10px;
}

.result_util {
    /* border-bottom: 1px dotted #ccc; */ /* NOBLE - remove border */
    padding-top: 6px;
}

.results_aux_utils {
    display: table-cell;
}

.result_util {
    padding-left: 1em;
}

.results_reviews {
    top: -5px;
}

#rdetail_copies {
    padding-top: 1.5em;
}

#rdetails_status td,
#course_material_table td {
    padding: 7px 0px 3px 13px;
}

#rdetails_status td[headers=copy_header_library], 
#rdetails_status td[headers=copy_header_shelfloc] {
    white-space: normal;
}

#rdetails_status thead th,
#course_material_table thead th {
    padding: 13px 0px 13px 13px;
    text-align: left;
    background-color: #d8d8d8;
    font-size: 83%;
    font-weight: bold;
}

#rdetails_status tbody td,
#course_material_table tbody td {
    padding-left: 13px;
    text-align: left;
}
#rdetails_status tbody td.copy_note,
#course_material_table tbody {
    color: #00593d;
    text-wrap:normal;
    /* white-space:pre-wrap !important; */ /* NOBLE caused weird spacing issue */
    word-wrap:normal;
}

#rdetails_status tbody td.copy_tag {
    /*border-color: #00593d;
    border-style: dashed;
    border-width: 2px;*/ /* NOBLE copy tag style remove border */
}
#rdetails_status tbody .copy_tag_value {
    font-weight: bolder;
    padding-left: 15px; /* NOBLE copy tag style */
}
.rdetail_extras {
    background-color: #fff; /* NOBLE - custom */
    /* border: 1px solid #00593d; */ /* NOBLE - remove border */
    padding-top:1px;
    clear:both;
}

#rdetail_extras_div {
    margin: 1em 0;
}

.rdetail_extras_hr {
    height: 1px;
    background-color: #ccc;
    margin-left: 1px;
    margin-right: 1px;
}

.rdetail_extras_link {
    padding: 6px 12px;
    font-size: 83%;
    font-weight: bold;
}

.rdetail_extras_lbl {
    color: #00593d; /* NOBLE - custom */
    /* text-decoration: none; */ /* NOBLE - removed */
	position: relative;
	top: -4px;
	left: 7px;
}

#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
    margin-left: 13px;
}

#rdetail_locs_expand, #rdetail_locs_collapse {
    padding-bottom:3px;
    margin-top:15px;
    margin-left:13px;
}

#rdetail_anotes_div .biography {
    margin:0;
}

#gbp_extra, #gbp_arrow_down_link {
    display: none;
}
.almost-content-wrapper {
    background-color: #fff;
}

#content-wrapper {
    background-color: #fff;
    min-height: 260px;
    border-bottom: none; /* NOBLE - remove border */
}

.content-wrapper-record-page { top: -15px; position: relative; }

#main-content-home {
    padding-left: 17px;
    margin-left: 1em;
}
#main-content {
    padding-left: 0px;
    margin: 0 1em;
    clear: both;
}

#main-content-after-bar {
    margin-left: 1em;
    padding-left: 4px;
}

#results-side-bar { 
    float: left; 
    width: 174px; 
    margin-right: 5px; 
    background-color: #fff;
}

#main-content .login_boxes {
    border: 1px solid #ddd;
    /* background-color: #eee; */ /*NOBLE*/
    background-image: linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -moz-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -ms-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -o-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);
    background-image: -webkit-linear-gradient(bottom, #f0f0f0 15%, #eee 55%, #f0f0f0 85%);

    color: #333;
}

#main-content .login_boxes h1 {
    font-weight: normal;
    font-size: 150%;
    margin:0;
}

#main-content .left_brain {
    padding-left:28px;
	padding-right:28px; /* NOBLE - added */
    padding-top:25px;
	margin-top: 30px; /* NOBLE - added to push login box down */
}

#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
    width:167px;
    margin:0;
    padding:0;
    background-color: #fff;
    font-size: 125%;
    color: black;
}

#main-content .left_brain .input_bg {
    padding:10px 10px 0px 13px;
    width:167px;
    height:29px;
}

.login-help-box {
    float: left;
    width: 200px;
    text-align: center;
    margin-left: 2em;
}

.login-help-button {
    font-size: 150%;
    padding: 1.5em;
}

#login-failed-message {
    font-size: 125%;
    font-weight: bold;
    color: red;
    padding-top: 1em;
}

#holds_temp_parent td {
    border-bottom:1px solid #c0c0c0;
}

#holds_temp_parent input, #holds_temp_parent select {
    margin:0;
}

#holds_temp_parent tr td div {
    margin-top: 10px;
    margin-bottom: 10px;
}

#holds_temp_parent tr td div.format_icon {
    margin-top: 6px;
    margin-bottom: 6px;
    float: none;
}

#results_header_bar {
    background-color: #999;
    border-top:1px solid #888;
    border-bottom:1px solid #888;
}

.results_header_lbl {
    font-weight: bold;
    float: left;
    color: black;
    /* this border is not visible, but it keeps these labels the same size
    as the buttons */
    border: 1px solid #999;
    background-color: #999;
    margin: 0.5em 0.3em;
    padding: 0.3em;
}
/* we need a negative margin on the select to allow the containing <label>
to determine the actual size of the element.  By doing this, we can increase
the odds that the buttons and the select will be the same size, and therefore
collapse correctly when the window width decreases */
.results_header_lbl select {
    margin: -0.5em 0;
}

/*NOBLE - added to move checkboxes below buttons */
#results_header_checkboxes
{
   margin: 0;
   padding: 0;
   clear:both;
}

/*NOBLE - added to move checkboxes below buttons */
#results_header_checkboxes .results_header_lbl 
{
   margin-top: 0;
   padding-top: 0;
}
#limit_to_available #metabib_search_modifier #depth_zero {
    vertical-align: middle;
}
/* END NOBLE */

.results_header_sel {
    /* width: 88px; */
    float:left;
    margin:0;
}

.results_header_nav1 {
    padding: 5px 7px 6px 0px;
    border-bottom: 1px dotted #ccc;
}

.results_header_nav1 .h1 {
    font-size: 125%;
    font-weight:bold;
    color:#007a54;
}

.table_no_border_space {
  border-spacing: 0px;
}
.table_no_cell_pad td {
  padding: 0px;
}
.table_no_border {
  border-collapse: collapse;
}

#result_table_table {
  margin-top:10px;
}

#result_table_div {
    margin-top: 1em;
}

tr.result_table_row > td.results_row_count,
tr.result_table_row > td.result_table_pic_header,
tr.result_table_row > td.result_table_title_cell {
    vertical-align: top;
	padding-top: 3px; /* NOBLE - Additional space between rows in result table.tt2 */
	padding-bottom: 3px; /* NOBLE - Additional space between rows in result table.tt2 */
}

.result_metadata {
    float: left;
    width: 30em;
    padding-right: 2em;
}

tr.result_table_row:nth-child(n+2) > td {
    border-top: 1px solid #d4d4d4; /* NOBLE - custom */
	padding-top: 5px; /* NOBLE - added */
	padding-bottom: 5px; /* NOBLE - added */
}

tr.result_table_row > td.result_table_pic_header {
    white-space: nowrap;
    width: 78px;
    padding-left: 1em;
}

/* styles for selecting records in the results set */
.result_table_row_selected {
    background-color: #ddd;
}
#selected_records_summary, #clear_basket {
    margin-left: 5em;
}

/* styles for the basket */
#record_basket {
    
    float: right;
    /*margin-right: 5em;*/
    margin-right: 1em; /* NOBLE */
    margin-top: 0.5em; /* NOBLE */
    
}
#record_basket_icon {
    
    float: right;
    margin-right: 2em;
    
    position: relative;
}
#record_basket_count_floater {
    /* background-color: #ddd; */
    background-color: #fff; /* NOBLE change background to white */
    position: absolute;
    top: -3px;
    right: -3px; /* relative to icon, so don't want to adjust for RTL */
    z-index: 2;
    border-radius: 50%;
}
#record_basket_count_floater a {
    text-decoration: none;
}
#basket_actions {
    
    float: right;
    
}
#basket_actions select {
    border-color: rgb(169, 169, 169);

}

.result_number {
    padding-left: 1em;
    white-space: nowrap;
}

.result_count_number {
   font-weight: bold;
}

.result_table_subtable {
    width: 100%;
    padding-top: 1em;
}

div.result_table_utils_cont {
    text-align:left;
    float: left;
}

#myopac_summary_div p {
    margin:0;
    margin-bottom: 10px;
}

#acct_sum_checked_table td {
    padding-bottom:5px;
}

.zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
.zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }

#zero_search_hits p {
    margin-top:0;
}

#zero_hits_term {
    font-weight: bold;
}

#zero_search_hits #spell_check_link {
}

#zero_search_hits #zero_hits_suggestions {
}

#lowhits_help {
    float: right;
    width: 353px;
    background-color: #ccc;
    padding: 10px;
    margin-top: 7px;
}

.results_info_table td {
    padding-right: 10px;
}

#myopac_holds_main_table {
    border-collapse: collapse;
}

#myopac_holds_main_table td {
    border: 1px solid black;
    
}

.myopac-hold-available {
    color: green;
    font-weight: bold;
}

.myopac-hold-suspended {
    color: #f41d36;
    font-weight: bold;
}

#myopac_prefs_div .data_grid {
    border-collapse:collapse;
}

#myopac_prefs_div .data_grid td {
    background-color:#f0f0f0;
    border-bottom:3px solid #fff;
    padding:6px 0px 7px 17px;
}

/* NOBLE added separate selector for Numeric Search display */
.header_middle_numeric {
    height:22px;
    font-size: 125%;
    font-weight:bold;
    color:#007a54;
    padding: 0px 7px 0px 0px;
    clear: both;
}

.header_middle {
    height:22px;
    font-size: 125%;
    font-weight:bold;
    color:#007a54;
    padding: 0px 7px 0px 0px;
    border-bottom: 1px dotted #ccc;
    clear: both;
}

.header_middle a {
    font-weight: normal;
}

#acct_sum_block {
     float:left;
     clear:left;
}

.acct_sum_table {
    border-collapse: collapse;
    background-color: #f0f0f0;
}

.acct_sum_table tr {
    border-bottom: 2px solid white;
}

.acct_sum_table td {
    padding: 1em;
}

.acct_sum_table a {
    text-transform: none;
    position:relative;
    top:-1px;
}

.acct_sum_table .view_link {
    font-weight: normal;
}

#myopac_sum_fines {
    float:right;
    padding: 15px 0px 0px 23px;
    /*background-color: #f0f0f0;*/ /* NOBLE - removed background */
    border: 1px solid #d3d3d3; /* NOBLE - added */
    width: 177px;
    /*height: 166px;  NOBLE -- removed height --*/
}

/* NOBLE -- styling for the credit card logo image */
.cc_logo_img
{
   width: 79%;
   padding-left: .5em;
}

#myopac_sum_fines_placehold {
    float: right;
    width: 177px;
    height: 166px;
}

.acct_holds_temp td {
    text-align: left;
}

#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
    float:left;
    /*padding-left:10px;*/
}

#acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_fees_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
    border-collapse: collapse;
}

.acct_fines_header
{
   width: 100%;
   padding-bottom:1em;
   float:left;
}

/* tables for entering payment information */
#acct_fines_main_header, 
#acct_fees_main_header
{
   width: 100%;
}

/* tables for entering payment information */
#billing_info_table
{
    width: auto;
    float:left;
    display:inline;
    padding-left: 1em;
    padding-right: 1em;
}

/* tables for entering payment information */
#credit_card_info_table
{
    width: auto;
    display: block;
}

/* tables for entering payment information */
#billing_info_table td,
#credit_card_info_table td
{
   padding-left: .5em;
}

/* div for the payment buttons with the total */
#payment_actions
{
   width: auto;
   display: block;
   padding: 1em 0 0 1em;
   text-align:center;
}

/* Stripe's payment form */
#payment-form
{
    background-color: #f0f0f0;
    width: 50%;
}
#card-element
{
    padding: 10px;
}

/* text to state what is seen on cc statement */
.cc_disclaimer
{
   font-style:italic;
   font-size: 90%;
   color:#007a54;
}

.hold_notes {
    text-transform: none;
    font-weight: normal;
}

.hold_note_title { font-weight: bold; }
#acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td, #acct_reservations_main_header td {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #d3d3d3;
}

#acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_main_header th, #acct_checked_hist_header th, #acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th, #ebook_holds_main_table th, #acct_reservations_main_header th {
    text-align: left;
    padding: 0px 10px 0px 10px;
}

#acct_list_header select, #acct_list_header_anon select {
    font-weight:normal;
    text-transform:none;
}

.search_catalog_lbl {
    font-size: 125%;
}
.adv_search_catalog_lbl {
    font-size: 125%;
}

.browse_the_catalog_lbl {
    font-size: 125%;
}

.search_courses_label {
    font-size: 125%;
}
.lbl1 {
    font-size: 125%;
    font-weight:bold;
}

.lbl2 {
    font-size: 83%;
    font-weight:normal;
    position:relative;
    top:3px;
    max-width:300px;
}

/*#myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
    background-color: #007a54;
    padding-top:5px;
	margin-bottom:20px; NOBLE
    margin-bottom:10px; NOBLE - adjusted space between primary and secondary account tabs
}*/ /* NOBLE use style below */

/* NOBLE tabs - Break out #adv_search_parent */
#myopac_tabs, #fines_payments_wrapper {
    background-color: #00593d;
    padding-top:5px;
	/*margin-bottom:20px;*/ /* NOBLE */
    margin-bottom:10px; /* NOBLE - adjusted space between primary and secondary account tabs */
}
#adv_search_parent {
    background-color: #ccc; /* NOBLE grey */
    padding-top:5px;
	/*margin-bottom:20px;*/ /* NOBLE */
}

#fines_payments_wrapper {
    padding-left: 5px; 
    padding-right: 5px;
}

.myopac_payments_table th {
    text-align: left;
}
.myopac_payments_table thead th { border-bottom: 1px dashed #333; }
.myopac_payments_table thead th:first-child { width: 8em; }
.myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
.myopac_payments_table form { display: inline; }
.myopac_payments_table input[type="submit"] { padding: 1px; }

.cc_header
{
   padding-top:1em;
   background-color: #ddd;
}
.payment-error {
    font-weight: bold; color: red;
    padding: 10px; border: 1px solid ;
}

.payment-processing {
    font-weight: bold;
    color: green;
    font-size: 125%;
    padding: 10px; border: 1px solid ;
    text-align: center;
}
#adv_search_input { width: 100%; }
#adv_search_parent {
    margin-bottom:0px;
}
#search-submit-spinner {
    height: 16px;
    width: 16px;
    padding: 6.5px 0 0 6px; /* NOBLE - added, to try and  correct padding to lessen jumping on search */
}
div.adv_search_available {
	margin-top: .5em; /* NOBLE custom */
}

#myopac_loading {
    width:100%;
    text-align:center;
    padding-top:20px;
    font-size: 125%;
    font-weight:bold;
}

.chili_link {
    width:100px !important;
    text-align: center !important;
}

.chili_review div.chili_link div {
    margin: auto;
}

/* styling for advanced search filters that display with searchbar */

#adv_filter_results_block h4 { display: inline; }

#adv_filter_results_block {
    margin-top: 6px;
}

.adv_filter_results_block_label {
    font-weight:bold;
    padding: 4px 0px 4px 12px;
}

.adv_filter_results_group {
    font-size: 12px;
    display: inline-block;
    background-color:  #d8d8d8;
    border-style: solid;
    border-color: #999;
    border-width: 1px;
    border-radius: 4px;
    padding: 2px 4px 2px 4px;
}

.adv_filter_results_group_wrapper {
    display: inline-block;
    margin-left: 1em;
    margin-bottom: 8px;
}

.adv_filter_results_group_header {
    display: inline-block;
}

.adv_filter_results_group_values {
    display: inline;
}

.adv_search_result_filter {
    display: inline-block;
}

.remove_filter {
   font-size: 16px;
   margin-left: 3px;
 }

a.remove_filter {
    text-decoration: none;
    color: #666;
}

#filter_hits {
     display: inline-block;
}

#refine_search_link {
    display: inline-block;
}
div#facet_sidebar {
    float: left;
    margin-right: 1em;
}

.facet_box_temp {
    padding-bottom:3px;
}

.facet_box_temp .header {
    height: 2.3em;
    background-color:#00593d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight:bold;
    color:#fff;
    padding-top:4px;
}

.facet_box_temp.filter_box_temp .header {
    background-color: #252525 !important;
}

.filter_box_label {
    color: #252525;
    font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:12px;
}
.facet_box_temp .header .title {
    float:left;
    padding-left:12px;
    padding-top:6px;
}

/* in this context, where h4 is primarily for structure, 
   avoid the normal large font and margin for h4's */
.facet_box_temp h4 {
    font-size : 100%; 
    margin: 0px;
}

.facet_box_temp .header a.button {
    float:right;
    padding-right:6px;
    padding-top:6px;
    color:#fff;
}

.facet_box_wrapper .box_wrapper .box {
    border-top:1px solid #c0c0c0;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0; /* noble scroll */
    padding: 0 0.5em;
    max-height: 10em; /* noble scroll */
    width: 14em;
    overflow-y: scroll;  /* noble scroll */
    /*overflow: hidden;*/  /*noble scroll */
}

.filter_box_wrapper {
    margin-bottom: 3px;
    padding: 2px;
    border: 1px solid #252525;
    border-radius: 3px;
    font-weight:bold;
    padding-top:4px;
}
.facet_template {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: table;
    margin: 0.5em 0;
    width: 100%;
}

.facet_template div {
    display: table-cell;
    padding: 2px;
}

.facet_template.filter_template div {
    padding: 0px !important;
}
.facet_template .count {
    text-align: right;
    color: #333; /* NOBLE custom color */
}

.facet_template_selected {
    /*background-color: #d8d8d8;*/
    background-color: #ddd; /* NOBLE custom color */
    /*border: 1px solid #999; NOBLE no border*/
}

/* NOBLE added to remove underline from facet */
.facet a {
	text-decoration: none;
}
/* NOBLE facet checkboxes */
.facet_check {
	color: black;
	font-size: 125%
}

#footer-wrap {
    background-image: none; /* NOBLE - custom */
    /*background-color: #00593d;*//*NOBLE*/
    background-color: #ccc; /* NOBLE - added */
	border-top: 1px black solid; /* NOBLE - added */
}

#footer {
    padding-top:5px;
    padding-bottom: 10px;
    margin-left: 1em;
    font-size: 92%;
}

#footer a {
    /*color: #FFFFFF;*/ /*NOBLE*/
    color: black; /* NOBLE - custom */
    text-decoration: none;
    text-shadow: none; /* NOBLE - custom */
	font-size: 12px; /* NOBLE - added */
}

/*#copyright_text, #footer_logo {
    color: #FFFFFF;*/ /*NOBLE*/

/* NOBLE - added #footer_logo a */
#copyright_text, #footer_logo, #footer_logo a { 
    color: #00593d; /* NOBLE - custom */
}

.color_4 {
    font-weight: bold;
}

.advanced_div { padding-top: 15px; }
#adv_global_search { width: 100%; }
#adv_global_search select { width: 13em; }
#adv_global_addrow td { padding-top: 7px; }
#adv_global_input_table { width: 100%; }
#adv_global_input_table select { width: 9em; } /* NOBLE changed width from 7em to 9em to see all terms in dropdown. Affects Course search and adv search forms. */
.adv_adv_link {
    font-size: 83%;
    color: red;
}
#acct_prefs_header { float: left; }
.search_page_nav_link {
    cursor: pointer;
    padding-left: 1em;
}
#opac.result.sort { width: 160px; }
.renew-summary, .message-update-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
.failure-text { margin-left: 4em; font-style: italic; color: red; }
.refine-controls { font-size: 125%; padding: 0.5ex 0; }
#adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
#adv_search_refine select { border: 1px inset #ccc !important; }
#adv_search_refine {
    padding-left: 5em; background-color: #d8d8d8; margin: 2ex 0;
}
.row-remover { position: relative; top: 1px; vertical-align: middle; }
.subtle-button {
    background-color: #fff;
    color: #00593d; text-decoration: none;
    padding: 0; border: 0; margin: 0;
    vertical-align: middle;
}
.subtle-button:hover { text-decoration: underline; cursor: pointer; }
.no-dec:hover { text-decoration: none; }
.pending-addr td { background-color: #ffcccc !important; border: 0 !important; }

#account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
#account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
#account-update-email-error { font-size: 150%; padding: 10px; border:1px solid #c0c0c0;}
a.dash-link:hover { text-decoration: underline !important; }
#list_create_table td { vertical-align: middle; padding: 0 8px; }
#list_create_table {
    background-color: #ccc;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
    width: 100%;
}
.list_create_table_label {
    width: 30%;
}
#list_description, #list_create_name {
        width: 500px;
}
.list-create-table-buttons input[type=image] { margin-top: 2px; }
.result_table_format_cell { 
	padding: 0px 10px; 
	text-align: center;
	vertical-align: top; /* NOBLE - added to align format icon to top of cell */
}
.results_row_count { font-weight: bold; }
#hold_editor h1 { font-size: 125%; font-weight: bold; }
#hold_editor h2 { font-size: 110%; font-weight: normal; text-indent: 2em; font-style: italic; }
#hold_editor h1, #hold_editor h2 { margin: 2px 0; }
#hold_editor_table { background-color: #ddd; padding: 0.5em; }
#hold_editor_table th { text-align: right; padding-right: 1em; }
#hold_editor_table td { padding: 0.25em 0; }
.fmt-note { vertical-align: middle; padding-left: 1em !important; }
.hold-editor-controls { text-align: center; padding-top: 1em !important; }
.hold-editor-controls a { padding-left: 2em; }

.text-right { text-align: right; }
.text-right-top { text-align: right; vertical-align: top; }
.rdetail-author-div, .course-instructor-div {
    /*padding-bottom: 10px;  NOBLE */
    padding-bottom: 0; /* NOBLE */
    display: inline-block;
}

.invisible { visibility: hidden; }
.rdetail-extras-summary { margin: 10px; }
.staff-hold { background-color: #fff; }
.expert-search tbody tr th { text-align: right; padding-left: 2em; }
.expert-search-row { padding-top: 10px; }
#adv_expert_row label { font-weight: bold; }

/* CALL NUMBER BROWSE custom styling - NOBLE */
.bookshelf tr.browse_border td {
    border-bottom: 1.5px solid #ccc; /* NOBLE - customize border in shelf browse, dotted line to solid, dark to light, increase height of border */
    font-size: 1px;
    height: 1px;
    padding-bottom: 2ex;
}

/* NOBLE - added so that browse call number search form matches main search form in style */
#cn_search_box {
	min-width: 20%;
	height: 1.1em; 
	font-size: 15px;
	border: 1px solid #c0c0c0;
}

#cn-search-bar-wrapper { padding: 10px 0 0 20px; }
/* END NOBLE */

#browse_block {
	padding-top: 10px;
}

.cn_browse_item { padding-top: 3px; } /* NOBLE - custom to bring cover image in line with other info in shelf browse */
.cn_browse_column_header { background: #eee; } /* NOBLE - added styling for shelf browse column headers */
.cn_browse_row { outline: 1px solid #eee; text-align: left; }
.cn_browse_info { padding: 0 .5em 0 .5em; } /* NOBLE - pad browse table row cells */
#shelf_browse_label {color: #00593d; font-weight: bold; } /* NOBLE - added for shelf browse label */
.next_prev { color: #00593d; font-weight: bold; } /* NOBLE - added for Next and Previous links in shelf browse */
/* END - CALL NUMBER BROWSE custom styling - NOBLE */

.results-paginator-list { padding-left: 1em; }
.results-paginator-selected { color: red; }
.inactive-hold { background-color: #eee; }
.unread-patron-message { font-weight: bold; }

#hold-items-list td { padding: 5px; margin-bottom: 20px; }
.hold-items-list-title { 
	font-size: 120%; /* NOBLE - custom to format Place Hold screen */
	margin-bottom: 20px; } /* NOBLE - added */
.hold-items-list-problem { color: red; }

.hold_success_links > span { margin: 0 2em; }

.radio-parts-selection { 
   width: 75%;
   margin-bottom: 20px;
}

.parts-radio-option { 
  display: inline-block;
  width:15em;
}
.mr_holds_no_formats { 
  padding: 5px;
  margin-left: 25px;
  font-size: 110%;
  font-weight: bold;
  color: #fff; 
  background-color: #00593d;
}
 
.holds_item_row_separator td {
  border-top: 2px dashed #999;
}

.big-strong {font-weight: bold; font-size: 125%; }

.results_header_btns, .results_header_sel {
    float:left;
}

/*
 * .various_containers a = shortcut to putting .opac-button on every 'a' with
 *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
 */

.opac-multiline-button > a,
.opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
    color: #fbf9f9;
    font-weight: bold; 
	font-size: 0.9em; /* NOBLE - added to make button sizes consistent on advanced search screen - 2014-04-24 - NOBLE */
    text-decoration: none;
    cursor: pointer !important;
    border-radius: 5px;
    border: 1px solid #00593d;
    background-color:  #00593d;
    margin: 0.5em;
    padding: 0.3em;
    display: inline-block;
}

.opac-multiline-button > a:hover,
.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
    background-color: #00593d;
    color: #FFFFFF;
}

.opac-button:disabled {
    color: #999;
    cursor: pointer !important;
    border: 1px solid #ccc;
    background-color: #ddd;
}

/* Firefox adds its own special space to inputs; this gets us closer */
button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.opac-button-header, #dash_wrapper .opac-button {
    color: #FFFFFF;
    background-color: #00593d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    font-size: 14px;
}
a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
    border-color: #00593d;
}

.opac-multiline-button > a {
    display: inline-block;
}

#myopac_checked_div {
    padding: 0px;
}

.rdetail-mfhd-head {
    margin-top: 5px;
    padding-top: 5px;
    background-color: #d8d8d8;
}

.rdetail-mfhd-type {
    padding-left: 1em;
}

.rdetail-mfhd-bottom {
    border-bottom: thin solid black;
    width: 100%;
}

#rdetail_record_details {
    clear: both;
    margin-top: 1em;
}

.rdetail_content {
    margin-left: 0; /* NOBLE - custom, to remove content description indent */
    padding-left: 0; /* NOBLE - custom, to remove content description indent */
}

/* NOBLE - added rdetail_addtitle_type */
.rdetail_content_type, .rdetail_subject_type, .rdetail_addtitle_type { 
    vertical-align: top;
    font-weight: bold;
}

/* NOBLE pull icon out for separate styling */
.rdetail_icon {
    padding-top: 5px;
    margin-bottom: 5px;
}
/* NOBLE removing list style in record details */
/*.rdetail_icon, */
.rdetail_isbns, 
.rdetail_issns, 
#rdetail_phys_desc, 
#rdetail_edition,
#rdetail_awards, /* NOBLE - Move awards note up to rdetails so need to add this id here 7/14/2016 */
#rdetail_publisher,
#rdetail_producer,
#rdetail_propub, /* NOBLE - added for 263 projected publication date */
#rdetail_badges, /* NOBLE - added for badge display */
#rdetail_distributor,
#rdetail_manufacturer,
#rdetail_copyright,
#rdetail_field_351 li {
    list-style-type: none;
}
/* NOBLE added to line up upper record details */
#rdetail_upper {
    width: 80%;
    display: block;
}

/* end NOBLE */
.rdetail_label {
    font-weight: bold; 
    /*vertical-align: top;*/ /* NOBLE */
    padding-left: 0.2em; /* NOBLE */
}

.rdetail_value {
    padding-left: 10px;
    /*vertical-align: top;*/ /* NOBLE */
}

.rdetail-authortitle {
    text-indent: 3px; 
}

/* NOBLE for added authors display */
#rdetail_adauthors_div {
    display: inline;
    padding-bottom: 5px;
}
/* NOBLE added */
#rdetail_adauthlist {
    text-indent: 5px;
}

/* remove list markers and add white space between lines */
.rdetail_record_list li
{
list-style-type: none;
padding: 4px 0 0 0;
margin: 0px;
}
/* END NOBLE */

.bookbag-item-row td { vertical-align: top; }

.error { color: red; font-weight: bold; }
.success {
    color: green;
    font-weight: bold;
}

.rdetail_related_subjects {
    margin-top: 1.5em;
}

/* NOBLE custom series layout */
#rdetail_series {
    padding-bottom: 10px;
    /*margin-top: -10px;*/
}
.rdetail_related_series {
    /*margin-top: 1.5em;*/
    width: auto;
    padding-right: 10px;  /* NOBLE added */
    padding-left: 3px; /* NOBLE added */
    font-weight: bold;
    float: left;
}
#rdetail_series_list {
    width: auto;
    float: left;
    margin: 0;
    padding: 0 0 0 35px; /* NOBLE custom */
    list-style: none;
}
.rdetail_series_value {
    margin: 0;
    padding: 0;
}

#rdetail_openurl {
    margin-top: 1em;
}

.rdetail_openurl_entry {
    margin-left: 1em;
    padding-left: 1em;
}
.bookbag-controls-holder { width: 100%; }
.bookbag-controls-holder:nth-child(odd) { background-color: #d8d8d8; }
.bookbag-controls-holder:nth-child(even) { background-color: #eee; }
.bookbag-controls-holder .most {
    padding-left: 0;
    margin-right: 5em;
}
.bookbag-controls-title-block {
    float:left;
    width:40%;
}
.bookbag-controls-button-block {
    float:left;
    width:50%;
}
h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; padding-left: 8px; display: inline; } /* NOBLE added padding-left and display */
.bookbag-share .fixed { min-width: 4em; }
.bookbag-specific { margin-left: 1em; }
.bookbag-specific div.sort {
    /*float: none;*/ /*NOBLE */
    float: left; /* 2.12.4 */
    text-align: left;
    margin-left: 15px;
    /*width: 45%*/ /*NOBLE*/
    width: 40%; /* 2.12.4 */
}
.bookbag-specific div.meta {
    background-color: #ccc; /* 2.12.4 */
    float: none; /* NOBLE */
    /*float: right;  2.12.4 */
    text-align: left; /* NOBLE custom, left instead of right 2.12.4 */
    width: 54%;
    border: 1px solid #ccc; /* 2.12.4 */
    padding: 5px; /* 2.12.4 */
    margin-top: 5px; /* 2.12.4 */
}
#bbag-name-desc-form tr th { /* vertical-align: middle; */ float: left; } /* NOBLE - remove vertical-align and add float */
#bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
.bookbag-description {
    padding-top: 0em;
    font-style: italic;
    max-width: 40em;
}
/* begin 2.12.4 */
.bbag-edit-desc-label {
    /* float:left; */ /*NOBLE commented out */
    width:8em;
    font-weight: bold; /* NOBLE */
}
.bbag-edit-desc-save {
    clear:both;
    margin-bottom:10px;
}
#bbag-edit-description {
    width: 20em;
    float:left;
}
#bbag-edit-name {
    width: 20em;
   float: left;
}
.bbag-action {
    margin-left: 15px;
}
.bbag-navigate-list {
    padding-left: 32px;
    float:left;
}
.bbag-navigate-list-pages {
    padding-left: 10px;
    float:left;
} /* end 2.12.4 */
textarea { font-family: sans-serif; }
table.bookbag-specific {
    border-right: 1px solid #ccc; /* NOBLE - custom */
    border-bottom: 1px solid #ccc; /* NOBLE - custom */
    margin-bottom: 2ex;
    width: 100%; /* 2.12.4 */
}
.bookbag-share {
    float: left;
    /*padding: 10px 0px 0px 0px;  NOBLE - custom */
    padding: 0px 0px 0px 10px; /* 2.12.4 */
	/*display: inline;  NOBLE - added */ /*2.12.4*/
}
.bookbag-share .fixed { min-width: 6em; }
.bookbag-controls {
    float: left;
	/*padding: 10px 0px 0px 10px;  NOBLE - custom */ /*2.12.4*/
    padding: 0px 0px 0px 10px; /* 2.12.4 */
	/*display: inline;  NOBLE - added */
}

.bookbag-specific td.list_checkbox {
	border-left: 1px solid #ccc; /* NOBLE - added */
	border-bottom: 1px solid #ccc; /* NOBLE - added */
	border-right: 1px solid #ccc; /* NOBLE - added */
    padding-left: 10px !important;
}
.bookbag-specific td.list_entry {
    min-width: 10em;
	border-bottom: 1px solid #ccc; /* NOBLE - added */
	border-right: 1px solid #ccc; /* NOBLE - added */
    padding-left: 5px !important;
	padding-top: 3px; /* NOBLE - added */
	padding-bottom: 3px; /* NOBLE - added */
}
.bookbag-specific td.list_actions {
    white-space: nowrap !important;
}
/*.list_actions {padding: 10px 0px 10px 13px;}  NOBLE - added - alignment for list actions drop down */
.bookbag-paginator-selected { color: red; }

.list_is_empty {
    padding: 8px 0px 6px 0px;
    width: 100%;
    border: 0;
    font-size: 125%;
    text-align: center;
    font-style: italic;
}
.save-notes { padding-bottom: 1.5ex; }

.nonbreaking-wrapper {
    display: inline-block;
}

/* Moved from semiauto.css */
.adv_global_input_container {
    border-bottom: none;
    clear: both;
}
.opac-auto-013 {
    border-bottom: none;
    *height: 0px;
}
.adv_global_filter_sort {
    border: none;
    width: 100%;
}
.clear-both { clear: both; }
.common-no-pad {
    clear: both;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
.common-full-pad {
    clear: both;
    height: 15px;
}
.alert { color: red; }
.float-left { 
	float: left;
	width: 30%; /* NOBLE - added - adjustments to header bar */
}
.float-right {
	float: right;
	width: auto;  /* NOBLE - added - adjustments to header bar */
}

.saved-searches-header { width: 100%; font-weight: bold; font-size: 125%; }
.saved-searches-header .button { float: right; width: 28px; }
.saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
.saved-searches-header {font-weight: bold; font-size: 125%; }
.saved-searches { border-bottom: 1px solid #999; padding-right: 1em; }
#staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
    border-right: 1px solid #333;
}
.result_item_circulated {
    padding-top: 4px;
}

.result_item_circulated span {
    position: relative;
    top:-3px;
    left:3px;
}

#search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
#result-bookbag-heading { text-align: center; margin: 2ex; }

.result-bookbag-name { font-size: 125%; font-weight: bold; }
.result-bookbag-description { font-size: 125%; font-style: italic; }
.result-bookbag-item-note { font-style: italic; }
.lowhits-bookbag-name { font-weight: bold; }
.oils_AS { font-weight: bold; color: #c00; }
.oils_AS_match_term { text-align: left; color: black; }
.oils_AS_match_field {
    font-size: 75%; padding: 0.65em 0;
    text-align: right; color: #999;
}
table.result_holdings_table {
    margin-top: 1em;
    margin-bottom: 1em;
}
table.result_holdings_table thead tr {
    background-color: #d8d8d8;
}
table.result_holdings_table thead tr th {
    font-weight: bold;
}
span.preflib {
    margin: 0 2em 0 2em;
}
a.preflib_change {
  vertical-align: super;
  font-size: 83%;
  line-height: normal;
  text-decoration: none;
}
.rdetail-holding-group { margin-left: 1.5em; }
.rdetail-holding-group span { margin-left: 1.5em; }
.rdetail-holding-group .paging { margin-left: 1.5em; }
#rdetail_deleted_exp {
    font-weight: bold;
    padding: 1em;
    margin: 1em;
    border: thick solid red;
}

#ac_tab_wrapper { width : 100%; }
.ac_tab { float: left; padding-right: 10px; font-size: 110%; padding: 5px; border: 1px solid #417860; }
.ac_tab_selected { background-color: #417860; }
.ac_tab_selected a { color: #fff; }
#ac_content { clear: both; width: 100%; margin-top: 10px; }

/* Popmenu styles used for making css menus. */
.popmenu {
    margin: 0;
    padding: 0;
}
.popmenu li {
    list-style: none;
}
.popmenu li a {
    display: block;
    padding: 3px 5px;
	white-space: normal; /* NOBLE - added, to show text wrap for long titles */
}
.popmenu li ul {
    display: none; 
    width: 10em; /* Width to help Opera out */
    background-color: #f0f0f0; /* NOBLE - custom */
}
.popmenu li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    z-index: 1;
}
.popmenu li:hover li {
    float: none;
}
.popmenu li:hover li a {
    /*background-color: #00593d !important;*/
    /*color: #f0f0f0 !important;*/
    background-color: #f0f0f0 !important; /* NOBLE - custom */ 
    color: black !important; /* NOBLE - custom */
	text-decoration: none; /* NOBLE - added */
}
.popmenu li li a:hover {
    /*background-color: #f0f0f0 !important; */
    background-color: #f0f0f0 !important; /* NOBLE - custom */
    color: #00593d !important;
}
/* Styles for the basket entry. */
.popmenu li:hover li[class~="temporary"] a {
    background-color: #00593d; 
    color: #f0f0f0;
}
.popmenu li li[class~="temporary"] a:hover {
    background-color: #f0f0f0; 
    color: #00593d;
}
/* Styles for the default list entry. */
.popmenu li:hover li[class~="default"] a {
    background-color: #00593d; 
    color: #f0f0f0;
}
.popmenu li li[class~="default"] a:hover {
    background-color: #f0f0f0; 
    color: #00593d;
}
/* Styles for the new list entry. */
.popmenu li:hover li[class~="new"] a {
    background-color: #00593d; 
    color: #f0f0f0;
}
.popmenu li li[class~="new"] a:hover {
    background-color: #f0f0f0; 
    color: #00593d;
}
/* Style to add a divider on the menu. */
.popmenu li li[class~="divider"] {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
}
    
#locale_picker_form {
    float: right;
    padding: 0.5em;
    margin-top: 2em;
    border-right: thin #69A088 solid;
}

#locale_picker_form * {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#patron_usr_barcode_not_found {
    font-weight: bold; color: red;
}

.record_title {
    font-weight: bold;
}

.record_author {
    font-style: italic;
}

.password_message {
    padding-top: 1em;
    padding-bottom: 0.5em;
	font-style: italic;
}

#maintenance_message {
    padding: 5px;
    width: 100%;
    /*background-color: red;*/
    background-color: #fcf76c; /*NOBLE temp color 2020-08-21*/
    /*color: #fff;*/
    color: black; /*NOBLE temp color 2020-08-21*/
    text-align: center;
    font-size: 16px; /*NOBLE bump up font size 2020-08-26*/
}

/* NOBLE - Increase size of search box and enhance border */
#search_box {
	width: 61%;
	height: 1.25em; 
	font-size: 15px;
	border: 1px solid #c0c0c0;
}
/* END NOBLE */

#search-box > span {
    margin: 0 1em;
}
.browse-error {
    font-weight: bold;
    font-color: #c00;
}
.browse-result-sources, .browse-result-authority-bib-links {
    margin-left: .1em; /* NOBLE - custom - tightens up heading count in browse list display */
}
.browse-result-best-match {
    font-weight: bold;
}
.browse-pager {
    margin: 2ex 0;
}
.browse-result-list {
    padding-bottom: 0.5ex;
}
.browse-shortcuts {
    font-size: 125%;
}
.browse-result-authority-field-name {
    font-style: italic;
    margin-right: 1em;
}
.browse-leading-article-warning {
    font-style: italic;
    font-size: 110%;
}
.browse-public-general-note {
    font-size: 110%;
}
.browse-public-general-note-label { }
.browse-public-general-note-institution {
    font-style: normal;
    font-weight: bold;
}
.browse-public-general-note-body {
    font-style: italic;
}

.bib_peer_type {
    font-weight: bold;
}

#main-content-register {
    margin-left: 40px;
    font-size: 125%;
}

#main-content-register table { 
    padding: 20px; 
    margin-top: 18px; 
    border-collapse: collapse;
}

#main-content-register td {
    text-align: left;
}

#main-content-register td:not(:first-child) {
    padding-left: 20px;
}

.patron-reg-invalid {
    font-weight: bold;
    color: red;
    padding-right: 10px;
}

.result_footer_nav1 {
    clear: both;
}

.small_view_only, #filter_hits, #refine_hits, #return_to_hits {
    display: none;
}

/* NOBLE added */
#rdetail_title_div {
    width: 100%;
}

.rdetail_authors_div, .course_instructors_div {
    margin-bottom: 1em;
}

#search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
    white-space: nowrap;
    display: inline-block;
}

.result_table_title_cell {
    padding-top: 4px;
    padding-bottom: 4px;
}

.record_title {
    font-size: 125%;
}

/* NOBLE - added */
.home-search-example {
   color:black;
   font-size: .9em;
}

#bib-format {
	white-space: pre-line;
}
/* END NOBLE */

/* styling for sms text call number */
.sms_text pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    background-color: #eee;
    padding: .5%;
    /* Allow text to wrap */
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.mobile_view {
   display:none;
}

/* patron message center */
#myopac_message_tbody {
    vertical-align: top;
}
.myopac_message_message {
    white-space: pre-wrap;
}

/* NOBLE - added for better spacing in single message display - cmm 12-15-2015 */
.myopac_message_date, .myopac_message_library, .myopac_message_subject, .myopac_message_message
{
padding: 0 0 0 1em;
}
/* END NOBLE */

/* NOBLE - added, styling for library name in topnav_logo */

#libname
{
	font-size: 1.5em;
	color: #000;
	float: left;
	padding-top: 2%;
	padding-left:.75%;
	padding-right:.75%;
	width:50%;
	text-align:center;
}

#libname a
{
	text-decoration: none;
	color: #000;
}

#libname a:hover 
{
	color: #000;
}
/* END NOBLE */

/* NOBLE - added, new div for name when logged in */
#logged_in_libname
{
   font-size: 1.5em;
	color: #000;
	float: left;
	text-align:center;
	clear:both;
	width:auto;
}

#logged_in_libname a
{
	text-decoration: none;
	color: #000;
}

#logged_in_libname a:hover 
{
	color: #000;
}
/* END NOBLE */

/* NOBLE - added, padding to push Numeric Search form down a bit - 2014-04-25 */
#adv_numeric_block {
	padding-top: 5px;
}

/* Thumbnails - NOBLE Development */
.custom_thumbnail_container {
    margin: 5px auto;
    text-align: center;
    width: 90%;
    min-height: 10%;
    overflow: auto;

    display: inline-block;
}

a.custom_thumbnail {
    margin: 5px 10px;
    text-align: center;
	vertical-align: top;
    display: inline-block;
    text-decoration: none;
    color: black;
}

img.custom_thumbnail {
    max-height: 13em;
    max-width: 13em;
	border: 1px solid #808080;
}

.custom_thumbnail_caption {
	max-width: 10em;
    text-align: center;
    color: black;
    font-weight: normal;
}
/* END THUMBNAIL */

/* NOBLE - added, spacing of submit and cancel buttons on place hold screen */
#place_hold_submit { 
	margin-left: 70px;
}

#holds_cancel {
	margin-left: 30px;
}
/* END NOBLE */

/* NOBLE - added, to make return to grouped results link look nicer */
#grouped_result_return {
	padding-top: .8em;
}
/* END NOBLE */

.suppress { display: none; } /* NOBLE - added */

@media only screen and (max-width: 800px) {
    .facet_sidebar_hidden, .result_block_hidden {
        display: none;
    }
    .facet_sidebar_visible, .result_block_visible {
        display: inline ! important;
    }
    #acct_select, #acct_prefs_select {
        display: inline-block;
    }
	#acct_tabs, #acct_prefs_tabs {
         display:none;
     }
    .radio-parts-selection { width: 90%; }
    #list_description, #list_create_name {
        width: 300px;
    }
	
   /* NOBLE added, updates to header */
   
	.float-left
	{
		padding-top:1.5%;
	}
   
	#libname
	{
		font-size:1.2em;
	}
    #dash_wrapper
    {
       font-size:1em;
    }
    #rdetail_summary_header {
        width: auto;
        float: left;
        clear: left;
    }

    #format_actions {
        width: auto;
        max-width: 25%;
        float: right;
    }
    #rdetail_upper {
        margin: 0;
        padding: 0;
        width: 100%;
        float: left;
    }
   /* END NOBLE */
}

@media only screen and (max-width: 600px) {
    input, select {
        font-size: 110%;
    }
    span .nav_arrow_fix {
        display: none;
    }
    #header {
        padding: 0px;
        padding-top: .5em; /* NOBLE - added */
        margin: 0px;
    }
    #homesearch_main_logo img {
        width:75%;
    }
    #format_selector {
        display:none;
    }

    /* NOBLE added for login screen - 07-05-2016 */
    #login-form-box {
        width: 70%;
    }

    /*NOBLE - added, change logo in mobile */
    #your-acct-login 
    {
        width:97%;
        text-align:center;
    }
   
    .float-right
    {
       padding:0;
       width:auto;
       float:right;
    }

    .float-left
    {
       width:13%;
       padding-left:1%;
    }
    /* END NOBLE */

    #your-acct-login {
        padding: 0px;
        padding-top: 5px;
    }
    #your-acct-login a {
        margin: 0px;
        padding: 5px;
    }
    #topnav_logo {
        /* margin: 0; */ /* NOBLE - remove */
        display: none; /* NOBLE - added */
    }

    /* NOBLE - added for mobile logo */
    #topnav_logo_mobile
    {
       display:inline;
       float:left;
       padding:0;
       padding-left: 2%;
    }
    
    #topnav_logo_mobile img
    {
       /*padding: .25em;*/
       width: 3em;
    }
    /* NOBLE added for ComCat selector */
    .comcat {
        /*border-right: 1.5px solid #007a54;*/ /* pipe */
        padding: 0 10px 0 5px;
    }

	.comcat select {
		background: transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: normal;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 20.7px;
		-webkit-appearance: none;
	}
	.comcat select:hover {
		background: #fff;
		color: #00593d;
	}

	.comcat_footer select {
		background: transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 20.7px;
		-webkit-appearance: none;
	}
	.comcat_footer select:hover {
		background: #fff;
		color: #00593d;
	}
	/* END NOBLE ComCat selector */
    
    #libname
    {   

       margin:0;
       float:left;
       width:53%;
       padding-left:2%;
       padding-right:2%;
       padding-top:0;
       text-align:center;
       color: black;
       font-size: 1.1em;
    }
    
    /* END NOBLE -- change logo in mobile */
	/* NOBLE -don't think we need this */
	/* #topnav_logo img {
        width: 200px;
    } */
	
    #locale_picker_form {
        display: none;
    }
	
    /*#gold-links-holder {
        display: none;
    }*/ /* Hamburger test - we want navigation back in mobile */
    #simple-detail-view-links {
        display: none;
    }
    #acct_tabs a, #acct_fines_tabs a {
       border-radius: 6px 6px 0px 0px;
       margin: 0px 5px 0px 0px;
       padding: 2px 4px 3px 4px;
       font-size: 14px;
    }
    
    /* NOBLE mobile styles for the basket */
    #record_basket {
        float: left !important;
        margin-left: 1em;
    }
    #record_basket_icon {
        float: left;
        margin-left: 0;
        position: relative;
    }
    /* END NOBLE */
    .bookbag-controls-title-block {
        clear:left;
        width:90%;
    }
    .bookbag-controls-button-block {
        clear:left;
        width;90%;
    }
    .bookbag-specific {
        margin-left: 0px;
    }
    
    /* NOBLE added for 2.12.4 */
    table.bookbag-specific {
        border: none;
    }
    
    .bookbag-specific div.sort {
        float: left;
        text-align: left;
        width: 95%;
        margin: 5px 0px 5px 0px;
        border: 1px solid #ccc;
        padding:5px;
    }
    .bookbag-specific div.meta {
        float: left;
        margin-left:0px;
        text-align: left;
        width: 95%;
        margin-bottom:5px;
        padding:5px;
    }
    #bbag-edit-name {
        float: left;
        width: 220px;
    }
    #bbag-edit-description {
        width: 220px;
        margin-top:5px;
    }
    .bbag-content {
        padding:5px;
        border:1px solid #ccc;
    }
    .bbag-action {
        margin-left:0px;
        margin-bottom:5px;
    }
    .bbag-action-field {
        width:230px;
    }
    .bookbag-specific div.sort select {
        width:180px;
    }
    .bookbag-specific tr {
        display: block;
        border-bottom: 1px solid #c0c0c0;
        padding: 5px; /* NOBLE 2.12.4 */
    }
    .bookbag-specific td.list_checkbox {
        padding-left: 0px !important;
            border: none; /* NOBLE 2.12.4 */
    }
    .bookbag-specific td.list_entry {
        display: inline-block;
        min-width: 5em;
        padding-left: 40% !important;
            border: none; /* NOBLE 2.12.4 */
    }
    .bookbag-specific td.list_entry:before {
        content: attr(data-label);
        position: absolute;
        left: 15px; /* NOBLE custom value 2.12.4 */
    }
    .bbag-navigate-list {
        display: none;
    }
    .bbag-navigate-list-pages {
        text-align:right;
        float:right;
    }
    #dash_wrapper div {
        background-color: transparent;
        padding: 0px;
    }
    #dash_wrapper {
        position: static;
        top: auto;
		color:#000; /* NOBLE - added */
		width:100%; /* NOBLE - added */
    }
    #dash_wrapper .opac-button {
        top: 0px;
    }
    .small_view_only, #filter_hits {
        display: inline !important;
    }
    #dash_identity a {
        float:left;
    }
    #dashboard {
        display: none;
    }
    #holds_box form blockquote {
        margin-left: 10px;
        margin-right: 2px;
    }
    #holds_box form blockquote select {
        width: 100%;
    }
    #myopac_sum_fines_placehold {
        display:none;
    }
    #myopac_sum_fines {
        display: none;
    }
    #list_description, #list_create_name {
        width: 170px;
    }
    .results_header_lbl 
    {
		/*display: none;*/ /* NOBLE - removed */
        background-color: inherit; /* NOBLE - added */
        border: none; /* NOBLE - added */
        margin-bottom: .15em; /* NOBLE - added */
    }
    
    #results_header_checkboxes .results_header_lbl 
    {
		padding-bottom: 0;
    }
	/* NOBLE - added */
	.home-search-example
    {
		display:block;
    }
	
    .results-paginator-list
    {
       display:none;
    }
	/* END NOBLE */
	
    .results_header_nav1 span.h1 {
        display: none;
    }
    .preflib {
        display: none;
    }
    .start_end_links_span {
        display: block;
    }
    .invisible {
        display: none;
    }
    .result_table_pic_header {
        padding-left: 0px !important;
        padding-right: 5px;
        width: 0px !important;
        margin: 0px;
    }
    .result_table_pic {
        width: 55px;
        padding: 0px;
        /* margin: 0px; */ /* NOBLE - removed */
		margin-right:  1em;
    }
    tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
         display: none;
    }
    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
        display:none;
    }
    .results_info_table td {
        padding: 0px;
    }
    #results_header_bar {
        background-color: inherit;
    }
    .results_header_btns a {
        margin: 0.3em;
    }
    .adv_filter_results_hide {
        display: none;
    }
    .adv_filter_results_show {
        display: block;
    }
    .adv_filter_results_block_label {
        display: block;
    }
    .adv_filter_results_group_wrapper {
        display: block;
    }
    #main-content {
        margin: 0 .3em; /* NOBLE - custom, made larger on mobile */
    }
    #rdetails_status thead,
    #course_material_table thead {
        display: none;
    }
    #rdetails_status tr,
    #course_material_table tr {
	display: block;
	margin-top: 3px;
    }
    #rdetails_status td,
    #course_material_table td {
	display: block;
	padding: 1px;
    }
    .copy_details_table /* NOBLE - added */
    {
       font-size: 80%;
    }
    .copy_details_row {
	background-color: #eee;
    }
    .copy_details_offers_row {
	background-color: #eee;
    }
    select#pickup_lib.search-wrapper-locg {
        width: 100%;
    }
    #search-wrapper #search-box {
        width: 85%;
        padding-top: 5px;
    }
    #main-content-home {
        padding: 0px;
        margin: 0px;
    }
    /* Make use of full width in mobile mode */
    .facet_box_wrapper .box_wrapper .box,
    .facet_template .facet,
    .facet_box_temp {
        width: inherit;
    }
    .facet_template .count {
        padding-left: 1em;
    }
    #facet_sidebar {
        margin-top: 0.5em;
    }
    #adv_search_parent {
        font-size: 83%;
    }
    #adv_search_filters {
        position: relative;
        width: 300px;
    }
    #format_actions {
        padding: 0; /*  NOBLE */
        margin: 0; /*  NOBLE */
        width: auto;
        max-width: none;
        float: left;
        display: block;
    }
    /* NOBLE added 7-2017 */
    #actions_sub {
        margin: .3em 0;

    }
    #actions_sub li {
        /* background: #eee; */
        margin-bottom: 0.5em;
    }
    /*.rdetail_aux_utils {
        padding: 0px;
        border: none;
    }*/
    /* NOBLE - added */
    #rdetail_format_label {
        padding: 0px;
        border: none;
    }
   
    #rdetail_image_div
    {
        float: left;
        /*margin-right: 1em;*/
    }
    #rdetail_title_div {
        width: 100%;
    }
    .rdetail_authors_div {
        margin-bottom: 10px;
    }
    
    /* NOBLE - added */
    #rdetail_image_div img 
    {
        max-height: 150px; /* NEW 7-18-2017 */
        float: left;
        margin-left: auto;
        margin-right: auto;
    }
    /* NOBLE added */
    #rdetail_summary_header {
        width: auto;
        float: left;
        clear: left;
        margin-left: 0.2em;
        margin-right: auto;
        margin-top: 0.3em;
    }
    /* NOBLE added */
    #rdetail_upper {
        margin: 0;
        padding: 0;
        width: 100%;
        float: left;
    }
     /* NOBLE added */
    #copy_hold_counts
    {
    width: 100%;
    }

	#rdetail_record_details_div
	{
		width:90%;
		float:left;
		margin-left: 0.2em;
		clear:both;
	}
	
	/*#rdetail_image_div img
	{
    width:95%;
    min-width: 10px;
    max-width: 100px;
   }*/
   
   .rdetail_icon, 
   .rdetail_isbns, 
   .rdetail_issns, 
   #rdetail_phys_desc, 
   #rdetail_edition,
   #rdetail_publisher
   {
      /*margin-left:-25px;*/ /* NOBLE */
   }
   
   /* NOBLE - Call Number Browse screen - Mobile */
   #cn_browse { padding: 10px 0 10px 0; } /* Shift table to the left */
   .cn_browse_column_header { display: none; } /* Hide column headers */
   .cn_browse_item img { display: none; } /* Hide cover image */
   #numeric_search_library { width: 100%; margin-top: 2px; }


/*End NOBLE*/
    .result_metadata {
        width: inherit;
    }
    div#rdetail_actions_div {
        /*float: none;*/
    }

	/* NOBLE - BEGIN OPEN SEARCH OPTION TEST - paired with javascript in base.tt2 cm 04/2016 */
	.more-mobile {
		display: none;
		border-top: 1px solid #eee;
	}
	a.showLink, a.hideLink {
		color: #00593d;
		padding-left: 8px;
		background: transparent url('down.gif') no-repeat left; }
	a.hideLink {
		background: transparent url('up.gif') no-repeat left; }
	/* NOBLE - END MORE TEST */

	/* NOBLE - added to style Google preview button - cm */
	#gbpbadge {
		margin-left: .1em !IMPORTANT;
	}

    h2.rdetail_uris {
        clear: both;
    }

    #metarecord_population {
        overflow: hidden;
        width: 100%;
    }
    .metarecord_population_span_link {
    }
    .metarecord_population_item_lang {
        float: none;
    }
    .search_catalog_lbl {
	margin-left: 0;
	white-space: nowrap;
    }
    .adv_search_catalog_lbl { 
        margin-top: 0;
	white-space: nowrap;
    }
    .browse_the_catalog_lbl {
        white-space: nowrap;
    }
    .mobile_hide {
	display: none;
    }    
    #dash_user {
        display: block;
        padding: 0.5em;
    }
    .dash_divider {
	display: none;
    }
    .dash_account_buttons {
        display: block;
    } 
    .searchbar { line-height: 1.5em; }
    #browse-controls { line-height: 1.5em; }
    #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
        display: block;
    }
    .bookshelf td {
	display: block;
	width: 100%;
    }
    .bookshelf table thead tr {
	display: block;
    }
    #lowhits_help { width: inherit; }
    #adv_search_tabs a{
        font-size: 92%;
        margin: 2px 2px 0px 2px;
        padding: 2px 2px 5px 2px; 
        border-radius: 7px 7px 0px 0px;
    }
    #adv_global_tbody td {
        border-bottom: thin solid #ccc;
    }
    #adv_global_addrow td {
        border-bottom: none;
    }
        /* NOBLE - added - FOR THE MOBILE MY ACCOUNT SUMMARY PAGE */
        /* NOBLE - Keep header for fines table on account summary page*/
        #myopac_circ_trans_div .data_grid thead tr, 
        #myopac_trans_div .data_grid thead tr
        {
           position: relative;
           top:0;
           left:0;
        }
        /* END ACCOUNT SUMMARY -- NOBLE */

		/* FOR THE ITEMS CHECKED OUT PAGES - NOBLE NOTE */
        /* Force table to not be like tables anymore */
		/* NOBLE Commented out -- we want them to be tables */
        /* table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th, table#acct_reservations_main_header tr th{
                display: block;
        }
        table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
                display: block;
        } */

        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
        }

		/* NOBLE - added */
		#acct_checked_main_header thead tr, 
        #acct_checked_main_header tbody tr
        {
           position: relative;
           top:0;
           left:0;
        }
		/* END NOBLE */
		
		table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table, table#acct_reservations_main_header {
                width: 90%;
        }

        table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr, table#acct_reservations_main_header { border: 1px solid #ddd; }


        #acct_holds_main_header thead tr, 
        #acct_holds_main_header tbody tr,
		#acct_holds_hist_header thead tr,
		#acct_holds_hist_header tbody tr
        {
           position: relative;
           top:0;
           left:0;
        }
        
         table#acct_holds_main_header thead tr th,
         table#acct_holds_main_header tbody tr td,
		 table#acct_holds_hist_header thead tr th,
		 table#acct_holds_hist_header tbody tr td
         { 
            border: 1px solid #ddd; 
         }
         
        #acct_fines_main_header thead tr, 
        #acct_fines_main_header tbody tr,
        #acct_fines_confirm_header thead tr, 
        #acct_fines_confirm_header tbody tr,
        #acct_fees_main_header thead tr, 
        #acct_fees_main_header tbody tr
        {
           position: relative;
           top:0;
           left:0;
           width: 100%;
        }
        
         table#acct_fines_main_header thead tr th,
         table#acct_fines_main_header tbody tr td,
         table#acct_fees_main_header thead tr th,
         table#acct_fees_main_header tbody tr td
         { 
            border: 1px solid #ddd; 
         }
         
         /* styling to make the billing info in mobile for cc payments */
         #credit_card_info_table
         {
            width: auto;
            float:left;
            display:inline;
            padding-left: 1em;
            padding-right: 1em;
        }
		/* END NOBLE */
		
		/* Holds history gets large white border to mimic header cell on other
           account screens that provide visual cue for next title */
    /* COMMENTED OUT - NOBLE 
        table#acct_holds_hist_header tr { border-top: 25px solid #fff; }

        table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td,
        #acct_holds_hist_header td,
        table#ebook_circs_main_table td, table#ebook_holds_main_table td, table#acct_reservations_main_header td {
                // Behave  like a "row"
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 40%;
        }


         table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before,
         #acct_holds_hist_header td:before,
         table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before, table#acct_reservations_main_header td {
                // Now like a table header
                position: absolute;
                // Top/left values mimic padding
				top: 2px;
                left: 2px;
                width: 40%;
                padding-right: 10px;
                white-space: nowrap;
        }

        table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
        table#acct_checked_main_header td:nth-of-type(2):before { content: "Title";}
        table#acct_checked_main_header td:nth-of-type(3):before { content: "Author"; }
        table#acct_checked_main_header td:nth-of-type(4):before { content: "Renewals Left"; }
        table#acct_checked_main_header td:nth-of-type(5):before { content: "Due Date"; }
        table#acct_checked_main_header td:nth-of-type(6):before { content: "Barcode"; }
        table#acct_checked_main_header td:nth-of-type(7):before { content: "Call number"; }

		table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
        table#acct_checked_hist_header td:nth-of-type(2):before { content: "Title";}
        table#acct_checked_hist_header td:nth-of-type(3):before { content: "Author"; }
        table#acct_checked_hist_header td:nth-of-type(4):before { content: "Checkout Date"; }
        table#acct_checked_hist_header td:nth-of-type(5):before { content: "Due Date"; }
        table#acct_checked_hist_header td:nth-of-type(6):before { content: "Date Returned"; }
        table#acct_checked_hist_header td:nth-of-type(7):before { content: "Barcode"; }
        table#acct_checked_hist_header td:nth-of-type(8):before { content: "Call number"; }
        table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
        table#acct_holds_main_header td:nth-of-type(2):before { content: "Title";}
        table#acct_holds_main_header td:nth-of-type(3):before { content: "Author"; }
        table#acct_holds_main_header td:nth-of-type(4):before { content: "Format"; }
        table#acct_holds_main_header td:nth-of-type(5):before { content: "Pickup Location"; }
        table#acct_holds_main_header td:nth-of-type(6):before { content: "Cancel on"; }
        table#acct_holds_main_header td:nth-of-type(7):before { content: "Status"; }
        table#acct_holds_main_header td.hold_notes:before { content: "Notes"; }

        table#acct_holds_hist_header td:nth-of-type(1):before { content: "Title";}
        table#acct_holds_hist_header td:nth-of-type(2):before { content: "Author"; }
        table#acct_holds_hist_header td:nth-of-type(3):before { content: "Format"; }
        table#acct_holds_hist_header td:nth-of-type(4):before { content: "Pickup Location"; }
        table#acct_holds_hist_header td:nth-of-type(8):before { content: "Status"; }

        table#ebook_circs_main_table td:nth-of-type(1):before { content: "Title"; }
        table#ebook_circs_main_table td:nth-of-type(2):before { content: "Author"; }
        table#ebook_circs_main_table td:nth-of-type(3):before { content: "Due Date"; }
        table#ebook_circs_main_table td:nth-of-type(4):before { content: "Actions"; }

        table#ebook_holds_main_table td:nth-of-type(1):before { content: "Title"; }
        table#ebook_holds_main_table td:nth-of-type(2):before { content: "Author"; }
        table#ebook_holds_main_table td:nth-of-type(3):before { content: "Due Date"; }
        table#ebook_holds_main_table td:nth-of-type(4):before { content: "Actions"; }
       END COMMENTED OUT */
       /*Want to see these in mobile ONLY */
       .mobile_view{
          display:block;
       }

       .mobile_search_lbl_clr{
          color:#fff;
       }
}


/* 
For text which is visible only to screen readers.
Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers 
See also http://webaim.org/techniques/css/invisiblecontent/
*/
.sr-only {                                                                     
    position: absolute;                                                          
    width: 1px;                                                                  
    height: 1px;                                                                 
    padding: 0;                                                                  
    margin: -1px;                                                                
    overflow: hidden;                                                            
    clip: rect(0, 0, 0, 0);                                                      
    border: 0;                                                                   
} 

/* Make added rows in Expert Search have bold labels like the initial row */
label[for*=expert_]
{
    font-weight: bold;
}  

.sort_deemphasize {
    font-weight: normal; /* NOBLE - want initial article to look the same as the rest of the title after sort */
    font-size: 100%;  /* NOBLE custom */
}

#results-page-depth-hint {
    text-align: center;
    font-style: italic;
}

#clear-history-confirm {
  font-weight: bold;
  color: #f41d36; 
  padding: 10px;
}
/*Inline rules from other templates files*/

.td-left{text-align:left; width:100%;}
.td-search-left{text-align:left;}
#myopac_summary_div{padding:0px;}
.div-left{float: left;} 
.td-right{text-align:right;}
.login-form-left{float: left; padding-bottom: 10px; margin-right: 40px;}
.hold-div{padding-left: 10px; padding-bottom: 15px;}
.hold-span{font-weight: bold;}
.padding-left-6{padding-left: 6px;}
.padding-left-10{padding-left:10px;}
.padding-left-5{padding-left: 5px;}

/* Rules from metarecord_hold_filters.tt2 */

.metarecord_filters{
      padding: 5px;
      margin-top: 5px;
      border-bottom: 1px solid #333;
      border-top: 1px solid #333; }
.metarecord_filter_container{
    float : left;
    margin-right: 10px;
}
.metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
.metarecord_filter_header{padding-bottom: 5px;}
/* Toggled items. */
/* A block that is initially hidden and shown by clicking an anchor. */
[id^="toggled-block-"]{
    display: none;
}
[id^="toggled-block-"]:target{
    display: block;
}
/* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
[id^="toggled-inline-"]{
    display: none;
}
[id^="toggled-inline-"]:target{
    display: inline;
}

.oils_SH {
    font-weight: bolder;
    /*background-color: #99ff99;*/
    background-color: #ffffb3; /* NOBLE custom color for search highlighting */
}

.oils_SH.identifier {
    font-weight: bolder;
    /*background-color: #42b0f4;*/
    background-color: #ffffb3; /* NOBLE custom color for search highlighting */
}

/*
  Carousels
*/

.carousel {
    width: 40%;
    margin: 0 auto;
}
.carousel-title {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
.carousel-entry {
    max-width: 150px;
}
.carousel-entry-image {
    width: 100%;
    height: auto;
}
.carousel .glide__arrow {
    color: #fbf9f9;
    font-weight: bold !important;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #00593d;
    background-color:  #007a54;
    margin: 0.5em;
    padding: 0.3em;
    display: inline-block;
}
.carousel .glide__arrow--right {
    right: -5em;
}
.carousel .glide__arrow--left {
    left: -5em;
}
.archived_course {
    color: #f41d36;
    font-weight: bold;
}
.course_details {
    padding-top: 1em;
}
.course_details_div {
    padding-bottom: 1em;
}

/*
  Fake tables for form-rows
*/

div.egtable { display:table; }
form.egtr, div.egtr { display:table-row; }
span.egth { display:table-cell; font-weight: bold; }
span.egtd { display:table-cell; }

/* Example:

<div class="egtable">
    <form class="egtr" method="post" action="blah.html">
        <span class="egtd"><input type="text"/></span>
        <span class="egtd"><input type="text"/></span>
    </form>
    <div class="egtr">
        <span class="egtd">(cell data)</span>
        <span class="egtd">(cell data)</span>
    </div>
    ...
</div>

*/