/* *******************************************************************
Organisation:
Section 1 - Additions
Section 2 - WebBridge
Section 3 - SMS and Email Styles
Section 4 - Responsive and print media queries

********************************************************************** */
/* general appearance */
/* See also Web Option BODYPARAM */
/* Stylesheet to use for dynamic Web pages */
/* is set by Web Option STYLESHEET */
/* Adapted from UARK */


/* Section 1 - Additions - t.rodrigues@murdoch.edu.au */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i,800');
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");



body {
font-family: 'Open Sans', sans-serif;
}

h1 {
font-weight: 300;
margin-top:40px;
}

.bibDisplayJacket {
margin-top: 15px;
}

h2.resourceTitle {
font-weight:100;
}

.navbar-toggle {
margin-left:10px;
float:left;
}

.navbar-default .navbar-toggle:hover {
color:#000000;
}

.formButtonArea .submit.button, .browseSearchtool input[type="submit"], #main-search.advanced .button, .mainmenu #search input[type="submit"], .bibSearch input[type="submit"]
{
background-color: #c00;
border-color: #c00;
padding: 10px 40px;
position: relative;
width: auto;
min-height: 39px;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
transition: 0.25s all;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
color:#fff;
letter-spacing: 1.2px;
}

.row.logins .button {
background-color: #6e6e6e;
color:#fff;
}


h1.pageHeader{
margin-top:20px;
}


.browseSearchtool form > div  {
margin-top:15px;    
}

.browseEntryNum, .browseEntryMark {
vertical-align: top;
    padding-top: 10px;
}

.patFuncPickupLabel {
margin-top:30px;
}

.successmsg div {
color: #c00 !important;
font-weight: 1;
padding: 10px 0;}

.patFuncPickupLabel label {
    font-weight: bold;
}

.patFuncRenewCount {
color: #c00;
}

#resource_details {
margin-top:20px;
border-top: 1px solid #ddd;
}

.resourceInfoLabel {
    font-style: normal;
    font-weight: bold;
}

.resourcedisplaynav 
{
margin: 10px auto;
}



.syn_title {
font-weight:bold;
}

.checkinCard {
    margin-top: 30px;
}

.incipit {
font-size:24px;
font-weight: 100;
}

.bibDisplayItemsHeader h2,
.resourceDisplayLicenseHeader h2,
.bibSearchtoolMessage,
.briefcitMediaEnd,
.bibDisplayReviews,
.homelink,
.holdingsDivider,
.pageContent > br,
.pageContentInner > br,
.progRegReturnLink,
.requestResult table,
.rssChannelEntry br { display: none; }

.row.stacked {
border-radius: 3px;
padding: 25px 46px 50px;
margin: 0 0 100px 0;
}

.readinghistory {
font-size: 11px;
padding: 0 0 0 10px;
}

.readinghistorytext {
padding:20px;
}

.browseHeaderMark, .browseHeaderMedia, .browseHeaderYear {
font-weight:100;
}

.bibSearch {
margin-top: 30px;
border-bottom: 1px solid #f3f3f3;

margin-bottom: 20px;
}

.row.logins {
margin-top:50px;
}

.daterange {
margin-top: 10px;
font-size: 13px;
font-weight: 100;
} 

.well legend {
font-weight:100;
}

h4.mainmenu {
color:#8d8d8d;
}

h3, h4{
font-weight:100;
}

.alert {
padding:5px;
}

.browseScreen {
    margin-top: -20px;
}


.navbar-default {
    background-color: #232020;
    color:#ffffff;
    border:none;
    border-radius:0px;
    font-weight:100;
    }

.navbar-default .navbar-nav li a{
    color:#ffffff;
}

.navbar-default .navbar-nav li a:hover{
    color:#c00;
}

a:focus, a:hover {
color:#000000;
}

.alert-info {
    background-color: #f3f3f3;
    border: none;}

footer {
background-color: #000;
padding: 30px 0px;
color:#ccc;
}

.murdoch_footer li {
padding-right:20px;
}

.murdoch_footer li a{
color:#ffffff;
}

.murdoch_footer li a:hover{
color:#c00;
}

.murdoch_footer {
background-color: #000;display:inline-flex ;list-style-type: none;
color: #fff;font-size: 11.5px; font-weight: 300;font-family: "Open Sans",sans-serif;
}


.icon856link {
font-weight: 400;
margin-top: 10px;
position: absolute;
background-color: #bf0000;
padding: 2px 11px;
border-radius: 3px;
font-size: 12px;
color: #fff;}

.icon856link:hover {
background-color: #8f0000;
    color:#f3f3f3;
}

.briefcitMedia {
font-weight:100;
}

a 
 {
 color: #c00;
 }

.brand {
background: url("https://www.murdoch.edu.au/ResourcePackages/Murdoch/assets/dist/images/murdoch-logo-vert-white.svg") no-repeat 0 0;
display: block;
width: 120px;
height: 120px;
position: absolute;
top: 0px;
padding: 0;
margin-left: 10px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
z-index: 20;
}

header {
background-color:#c00;
height: 120px;
}

table {
font-family: 'Open Sans', sans-serif;
 width: 100%;
 padding: 0;
 }
 
table th, table td {
    text-align: left; 
    padding: 5px 5px 4px;
}

.well {
-webkit-box-shadow: none;
box-shadow:none;
border: none;
background-color: #f3f3f3;
}
 
#content form, #content fieldset, #content .formEntryArea table {
	max-width: 100%;
	}

table td, table tbody th {
    border-top: none !important;
    }

select {
	max-width: 100%;
	overflow: hidden;
	}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    }

table {
	margin-bottom: 0 !important;
	}

td, th {
	font-family: 'Open Sans', sans-serif;
	}

.formEntryArea table td {
	padding: 0;
	vertical-align: middle;
	}

.availLimMessage {
	font-style: normal;
	}

span.button i.fa {
    margin-right: 5px;
    }

.alternatives {
	padding: 10px 0;
	text-align: bottom;
	margin-bottom: 10px;
	}

.spellcheckTool {
	font-size: 18px;
	}

#spellcheck_brief {
    margin-top: 8px;
    }

.advanced-search input, .advanced-search select {
	margin-bottom: 8px;
	max-width: 100%;
	}

.main {
	margin-left: 0;
	margin-right: 0;
	margin-bottom:50px;
	}

#content select, #content input[type="text"], #content .advanced-search input, #content textarea, input#inst,  #content input[type="password"] {
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c8c8cd;
    border-radius: 3px;margin-bottom: 10px;
    }
    
input#inst {
    max-width: 100%;
    }
    
#content textarea {
    height: 200px;
    width: 50%;
    }

.request-button {
    margin: 10px 0 0 0px;
	}

.fa.fa-info-circle, .fa.fa-question-circle {
    font-size: 1.4em;
    }
    
    
/* buttons */

a span.button, form input[type="submit"], form input[type="button"], .request-button, .SMbutton, #resourcelink span.button {
    color: #000;
    background-color: #f2f2f8;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    border-radius: 3px;
    -moz-user-select: none;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none !important;
    margin-bottom: 3px;
    margin-right: 5px;
	}
	
.limitSearchTypeIndex, .limitSearchTerm {

font-size: 20px;

font-weight: 100;
}

.limitEntriesFoundNum, .limitEntriesFoundText {

}
#resource_availability {
padding: 0px 20px;
margin: 18px 0;
background-color: snow !important;
border-radius: 3px;
width: 75%;
}

#resource_availability .resourceInfoLabel{
color: #d70707;
}

#resource_availability .resourceInfoData{
color: #d70707;
}

	
.request-button {
padding: 3px 9px;
margin-top: 15px;
font-size: 12px;
color: #fff;
margin-top: 15px;
background-color: #00863e;	
	}
	
.request-button:hover {
background-color: #05602f !important;	
	}

#resourcelink span.button {
    padding-top: 0;
    }

a span.button:hover, form input[type="submit"]:hover, form#search input[type="submit"]:hover, form input[type="button"]:hover, .request-button:hover, .SMbutton:hover, #resourcelink span.button:hover{
    color: #fff !important;
    background-color: #333;
	}

.request-button, .submit.button, {
    background-color: #dff0d8;
    border-bottom: 3px solid #58a05a;
    margin-bottom: 0;
    padding: 7px 14px 4px 14px;
	}

aside .request-button, .SMbutton  {
	margin-top: 0;
	background-color: #00863e;
	color: #fff !important;
	display: block;
	border-bottom: none;
}

aside .request-button {
	margin-bottom: 20px;
}

.SMbutton  {
	margin: 0 5px;
	padding: 2px 10px;
	display: inline-block;
}

.resourcealert {
width:75%
}

.resourcealert table table tr{
vertical-align: top !important;
}

.resourcealert table table td font{
color: #000;
font-weight: 100;
}

.resourcealert table table tr .resourceInfoLabel{
color: #000;

padding: 10px 25px;

font-size: 14px;

font-weight: 700;
}

.resourcealert table table tr .resourceInfoData{
padding: 10px 10px 10px 0;
}


.resourcealert table {
background-color: #ffebd7;

color: #e18815 !important;
border-radius: 3px;
}



legend {
font-weight: 100;
}

aside .request-button:hover, .SMbutton:hover { /* Request this item button */
	background-color: #05602f;
	border-bottom: none;
}

.navigationRowRecord a span.button, .bibResourceSidebar a span.button, .bibResourceTableEntry a #resourcelink span.button {
    color: #c00 !important;
    background-color: transparent;
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding: 0;
    border-bottom: none;
    }
    
.navigationRowRecord a:hover span.button, .bibResourceSidebar a:hover span.button {
    text-decoration: underline !important;
    }
    
.navigationRowRecord a span.button i.fa, .bibResourceSidebar a span.button i.fa {
    margin-right: 2px;
    }

#sortbutton {
margin: 7px;

height: 40px;

padding: 0 15px;
    }
    
#resourcelink .button, .alternatives .findmore a {
    padding-top: 0;
    padding-bottom: 5px;
    }

.spellcheckTool .spellcheckToolMore {
    font-size: 15px;
    }

.spellcheckTool i.fa-arrow-circle-right {
    color: #9acd6f;
    font-size: 24px;
    vertical-align: middle;
    margin-left: 6px;
    }

.alternatives .findmore a {
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
    }

.alternatives {
    vertical-align: bottom;
    }

.alternatives form#spellcheck {
    display: inline-block;
    }
    
/*.mylistsSelect select, input[name="jumpto"] {
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    }
    */
.formButtonArea {
    margin-top: 10px;
    }

#resourceAlertMessage table { /* this is set to show if there is an alert in bibdisplay.js */
    display: none;
    }

.mainmenu #searchoptions, .advancedsearch #searchoptions { display: none !important; } /* hide the topbar search on pages that are about search anyway */

.mainmenu #not-loggedin, .advancedsearch #not-loggedin { background: transparent; border: none; } /* if user isn't logged in, there's no need for the empty colored bar. However, we still want the height it occupies */

#not-loggedin #help {
    display: inline-block;
    }
    
#bib_items {
    margin: 10px 0 10px !important;
    }

/* landing page search : mainmenu.html (and some srchhelp_X.html) */

.mainmenu #search, #main-search.advanced {
	background-color: #f8f8f8;
	border-radius: 5px;
	padding: 25px 0px;
	margin-top:40px;
	}
	
.mainmenu #search .form-group {
	margin: 10px;
	font-size: 1.2em;
	}
	
.mainmenu #search .form-group label {
	margin-right: 5px;
	font-size: 14px;

font-weight: 700;
	}
	
.mainmenu #search input[type="submit"] {
	display: block;
	margin: 10px auto 0 auto;
	}
	
#more {
	margin-top: 35px;
	}
	
#more a {
	font-size: 1.1em;
	font-weight: 600;
	}
	
#more-options {
	width: 50%;
	margin: 0 auto;
	}

.formEntryArea {font-size: 12px;
margin-bottom:10px;
}
	
.form-control {
	font-size: 14px;
	}
	
#main-search.advanced .daterange {
	text-align: center;
	}

#main-search.advanced {
    text-align: center;
    font-weight:100;
    font-size:22px;
    
    }

.ezbutton.ezbutton{
    
    padding: 10px 40px;
position: relative;
width: auto;
min-height: 39px;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
transition: 0.25s all;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
color: #fff;
letter-spacing: 1.2px;
background-color: #c00;

    
}




.alertnotice {

    background-color: #fff3df;
    padding: 15px 20px 15px;
    margin-bottom: 15px;
    border-radius: 3px;}

#main-search.advanced legend {
    border-bottom: none;
    
text-align: center;
    }

#resource_availability a {
    font-weight: bold;
    text-decoration: underline;
}

.advancedsearch .availLimMessage {
	font-weight: bold;
	margin-top: 4px;
    }
    

.advancedsearch .limits input[type="checkbox"] {
	vertical-align: middle;
	display: inline-block;
    }

#main-search.advanced fieldset {
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    }

#main-search.advanced .formEntryArea label, #main-search.advanced .formEntryArea select {
    display: inline;
    margin-top: 0;
    }

#search .accessibleAddInfo {
font-weight:100;
    }
    
.submits {
    margin-top: 10px;
    }

/* -- login page -- */   
    
.submitHidden {
    display: none !important;
    }
    
/* -- loggedin / not-loggedin in header -- */   

#loggedin, #not-loggedin {
    text-align: right;
    margin-top:46px;
    margin-bottom: 0px;
    }
    
#loggedin ul {
    display: inline-block;
    margin: 5px 20px;
    }
    
#loggedin #searchoptions, #not-loggedin #searchoptions {
    display: inline-block;
    }

/*  #resourceAlertMessage .resourceResource ...? */
    
.loggedInMessage, .msg, .confirmationprompt, .bibResourceSubEntry {
    color: #c00;
    background-color: #f9f1f1;
    font-style: normal;
    display: block;
    margin: 20px 0;
    padding: 15px;
    border-radius: 4px;
    }

.confirmationprompt {
background-color: snow;
color:#c00;
border-color: #ebccd1;

font-weight: 1;
	}

.msg, .msg br { /* hide .msg then show it using js if .msg is not empty. this way no empty yellow box appears. */
	display: none;
	}

.msg h2 {
	margin: 0;
	font-size: 16px;
    text-align: center;
	}

.loggedInMessage + br, .loggedInMessage + br + br {
    display: none;
    }

.loggedInMessage:after {
    content: "."
	}

#loggedin + #main-container #content, #not-loggedin + #main-container #content {
    margin: 0;
    padding: 0;
    }

/* -- patron info -- */   

.patNameAddress {
    border: none;
    width: auto;
    float: none;
border-top: 1px solid #f2f2f8;

padding-top: 20px;
    }
    
.patFuncArea, .patFunc  {
    border: none;
    margin-bottom: 10px !important;
    }

.errormessage {

    color: #FF0000;
    padding: 10px 0 20px;
    font-size: 17px;
    font-weight: 700;}
    
.patFuncArea table.patFunc {
    margin-bottom: 20px !important;
    }

.patFunc td {
    border-bottom: none;
    }
    
.patFuncTitle th {
    padding: 10px 0 20px 0;
    font-size: 1.4em;
    }
    
.patFuncTitle br {
    display: none;
    }

.patFuncTitle a span:hover {
    text-decoration: underline;
    }
    
.patFuncTitleMain {
    font-size: 1.2em;
    padding-right: 10px;
    display: inline-block;
    font-weight: 100;
    }

#patButHolds a:before {
    font-family: "FontAwesome";
    content: "\f291";
    margin-right: 6px;
	}

.patFuncHeaders {
background: #fff;
border-bottom: 2px solid #d8d8d8;
padding: 0 8px 10px;
font-weight:100;
	}

.patFuncHeaders a {
    margin-top: 0;
	}

.patFuncStatus {
font-weight:bold;
}

.patFuncEntry {
    border-bottom: 1px solid #f2f2f8;
	}

.patFuncEntry td {
    padding-top: 10px;
    padding-bottom: 10px;
    }

.patFuncNoEntries {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.2em;
    }

#patActionsLinksList {
    margin: 10px 0 20px 0;
    }

#patActionsLinksList li {
    padding: 1px;
    margin-bottom: 3px;
    }

#patActionsLinksList li a {
    min-width: 120px;
    padding: 10px 15px 0px 10px;
    font-size: 1em;
    display: block;
    white-space: nowrap;
    height: 40px;
border-radius: 3px;border: 1px solid #c00;

    }

#patButFines a{
background-color:#c00;
color:#fff;
}


.patFuncStatus div
{
    color: #c00;
    background-color: #f9f1f1;

padding: 3px 5px;

border-radius: 3px;
}
    
    
#patActionsLinksList li a:hover {
    background-color: #C00;
    color: #fff;
    text-decoration: none;
    }

/* -- save to list -- */

.pageMainAreaHeader {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    }

.mylistsSavePage form select, .mylistsSavePage form .button {
    margin: 5px 0 10px 0;
    }

#newlist .formEntryArea {
    margin: 20px 0; 
    }
    
#newlist .formEntryArea label {
    vertical-align: top;
    }
    
#newlist .formEntryArea:nth-child(2) label {
    display: block;
    }

/* -- saved records -- */

.deleteSelected div {
    display: inline;
	}

/* -- search results -- */

.browseSearchtool form input[type="checkbox"] {
    margin-top: 0px;
    }
    
.browseSearchtoolMessage {
    margin-top: 20px;
        border-bottom: 1px solid #f2f2f8;
        padding: 10px 0;
    }

.browseSearchtoolMessage i, .bibSearchtoolMessage i {
    font-size: 1.5em;
    display: inline-block;
    margin-right: 16px;
    }

.browseScreen table tr:nth-child(odd) td.briefcitCell
{
     background-color: #f8f8f8;
	}

tr.browseEntry.odd, tr.browseSubEntry.odd {
    background-color: #f8f8f8;
    }

td.briefcitCell:hover, .browseEntry:hover, .browseSubEntry:hover, .browseSubEntry.hovrd, .browseEntry.hovrd {
    background-color: snow !important;
    border-radius:3px;
	}


.browseScreen table tr.browseEntry, .browseScreen table tr:nth-child(odd) td.briefcitCell {
border-top: 1px solid #f3f3f3;
}


.browseEntryData a {
    font-size: 1.2em;
    font-weight: 1;
}
    }

.yourEntryWouldBeHere, .yourEntryWouldBeHerechild, .yourEntryWouldBeHere + .browseSubEntry {
    background-color: #d9edf7 !important;
    }
    
.yourEntryWouldBeHere {
    border: 1px solid #bce8f1;
    border-top: 1px solid #9f0000 !important;
    padding: 10px 20px;
    background-color: #f5dcdc;
    }
    
.browseList .yourEntryWouldBeHere {
    border: none;
    }
 
.yourEntryWouldBeHereData {
    border: none;
    padding: 10px 15px;
	}

.yourEntryWouldBeHereData font {
    color: #a00 !important;
    font-size: 1.2em;
	}

font[color="red"] {
    color: #a00 !important;
	}

table.browseList tr:last-child .deleteSelected {
    padding-top: 10px;
	}

#content + table.browseScreen {
    margin-top: -30px;
	}

/* -- briefcit.html-- */

.bibSearchtool form input[type="submit"] {
    margin: 10px 0;
    }

.bibSearchtool form input[type="checkbox"] {
    margin: 10px 0;
    }
    
.browseSearchtool, .bibSearch form {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    padding-bottom: 10px;
    margin: 10px 0 0;
	}

.browseSearchtool select {
    margin-bottom: 15px;
	}

.browseSearchtool #spellcheck_brief {
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f8;
    border-top: 1px solid #f2f2f8;
    margin-top: 10px;
    }

.bibSearch form #sort_cell {
    margin-right: 6px;
	}

.browseSearchtool #spellcheck {
    border-bottom: none;
	}

.browseSearchtool form > div input[type=checkbox], .bibSearch form > div input[type=checkbox] {
    width: auto;
    height: auto;
	}

.browseSuperEntry {
    border-bottom: 1px solid #f2f2f8;
    height: 40px;
    }
    
.briefcitCell {
    padding-top: 20px;
    padding-bottom: 35px;
    border-radius:3px;
    }
    
.briefcitDetailMain {
color: #606060;
line-height: 1.7em;
font-weight:300;
width: 90%;
}    

.briefcitItemsHeader h2 {
    font-size: 1.0em;
    font-weight:bold;
    padding-bottom:10px;
    border-bottom: 1px solid #f2f2f8;
    }
    
.briefcitTitle {
    font-size: 1.3em;
    font-weight:100;
    }

.bibItems {
    border: none;
    }
    
.bibItems th {
    padding: 0;
    }
    
.bibItems td {
    padding: 5px 0;
    }
    
.bibItems tr:nth-child(even) {
    background-color: #f9f1f1;;
    }


.bibHoldings {
background-color: #f9f1f1;
border-radius: 3px;
border: none;
border-bottom: #cbcbcb 1px dotted;
}    
    

.bibHoldingsLabel {
padding-left: 10px !important;
font-weight: bold;
}
    
.navigationRow {
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 30px;
	}

.browseScreen + .navigationRow {
    padding-top: 30px;
    }

.browseSaveJump, .browsePager {
	padding-top: 15px !important;
	}

#resourcelink {
	float: right;
	margin-top: 5px;
	}

.browseHeader {
background-color: #e4e4ea;
	}

.browseHeaderData {
	padding: 10px;
	text-align: left;
	font-weight:100;
	}

.browsePager {
	padding-top: 15px;
	}

.browsePager a, .bibPager a, .recordPager a {
    background-color: #f2f2f8;
    padding: 4px 8px;
    border-radius: 3px;
	}

.browsePager a:hover, .bibPager a:hover, .recordPager a:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff;
	}

.browsePager a:before, .browsePager a:after  {
    font-family: "FontAwesome";
    display: inline-block;
    }

.browsePager a:first-child:before {
    content: "\f137";
    margin-right: 5px;
	}

.browsePager a:last-child:after {
    content: "\f138";
    margin-left: 5px;
	}

h1.browseSuperEntryTitle {
    font-size: 1em;
    display: inline;
    font-weight: bold;
	}


.browseList .browseHeaderEntries {
	font-weight: 100;
	vertical-align: middle;
}


.briefcitLeft, .briefcitResourceLeft {
    display: inline;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    width: 50px;
    font-weight: bold;
	}

.briefcitDetail .briefcitRight {
	float: right;
	text-align: center;
	margin-right: 20px;
	}

.briefcitDate {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    }

.briefcitMedia img, .browseSubEntryMedia img, .bibMediaBibDisplay img, .browseEntryMedia img {
/*    display: none; */
	}

#main-container .mediaicon p {
    font-size: .95em;
	}

.mediaicon p:before {
	font-family:FontAwesome;
	color: #333;
	}

.mediaicon p:before {
	display: block;
	line-height: 30px;
	font-size: 2.3em;
	}

#main-container .bibResourceSidebar .mediaicon p {
    font-size: 1.2em;
	}

.bibResourceSidebar .mediaicon p:before {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.5em;
	}

/* mediaicons */

.mediaicon .Text:before {
	content:'\f02d';
	color: #2f5f84;
	}

.mediaicon .AudioMusic:before, .mediaicon .MusicalScore:before, .mediaicon .ManuscriptMusic:before {
	content:'\f001';
	color: #773b6a;
	}

.mediaicon .AudioSpoken:before {
	content:'\f130';
	color: #773b6a;
	}

.mediaicon .Video:before {
	content:'\f008';
	color: #3c763d;
	}

.mediaicon .Map:before, .mediaicon .ManuscriptMap:before {
	content:'\f279';
	color: #e07132;
	}

.mediaicon .ManuscriptorThesis:before {
	content:'\f15c';
	color: #2f5f84;
	}

.mediaicon .DImage:before {
    content:'\f03e';
    color: #275859;
    }

.mediaicon .DObject:before {
	content:'\f12e';
	color: #dea444;
	}

.mediaicon .ComputerFile:before {
	content:'\f0c7';
	color: #2f5f84;
	}

.mediaicon .Kit:before {
	content:'\f0b1';
	color: #773b6a;
	}

.mediaicon .Collection:before {
	content:'\f187';
	color: #dea444;
	}

.mediaicon .Theses:before, .mediaicon .UAThesesDissertations:before  {
	content:'\f19d';
	}

.mediaicon .InternetResource:before {
	content:'\f0ac';
	color: #2f5f84;
	}

.briefcitDetail, .briefcitAuthDetail {
    margin-left: 60px;
	}

.briefcitFullRecord {
    margin-top: 10px;
    font-weight: 100;
	}

.briefcitRow + tr td.browseSaveJump form { /* "Locate in Results" form below briefcit list */
    display: block;
    margin-top: 5px;
    }

/* -- Record Display bib_display.html --*/

aside .navigationRowRecord a:first-child { /* Request this item button */
	text-decoration: none !important;
	}

.bibSearch form select, .bibSearch form input {
    margin-bottom: 10px;
	}

.bibDisplayContentMain .mediaicon {
    text-align: center;
    }

.bibDisplayContentMain .mediaicon p {
    line-height: 3em;
    margin-bottom: 0;
    }

.bibDisplayContentMain .mediaicon p:before {
    font-size: 3em;
    }

.bibPager {
    margin-bottom: 10px;
    }

.bibPager:after {
    content: "";
    display: table;
    clear: both;
    }

.bibPager + .bibDisplayContentMain {
    padding-top: 30px;
	}

.bibPager a {
	margin-top: 10px;
	display: inline-block;
	}

.bibPager a:last-child {
	float: right;
	}

.bibPager a:first-child {
	float: left;
	}

#author .bibInfoEntry table td, #title .bibInfoEntry table td {
    border-bottom: 1px solid #f2f2f8;
    padding-bottom: 10px;
    
    margin-bottom: 10px;
    }
    
    
#author .bibInfoData {
font-weight:bold;
}   
    
    
#title .bibInfoEntry table td strong{
    font-size:20px;
    font-weight:100;
    }    
    
#title .bibInfoEntry table td :hover{
background-color:#f9f1f1
    }    
    
.bibInfoEntry td {
    padding-left: 0;
    }
    
.bibInfoLabel {
    padding-left: 0;
    }

.bibInfoData h1 {
    font-size: 18px;
    margin: 0;
    line-height: 1.5em;
    }
 
.bibInfoData font strong {
    font-size: 1em;
    }

h3.items-header {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 8px;
	}

#permalink {
    margin-bottom: 12px;
	}
  
.bibItemsHeader {
    text-align: left;
    padding: 5px 00px !important;

border-bottom: 1px solid #ddd;
    	}

.bibResourceTable {
    border: none;
	}

.bibResourceTableHeader {
    display: none;
	}

.bibResourceTableEntry #resourcelink {
	float: none;
	margin-top: 0;
	line-height: inherit;
	text-align: left;
	}

.bibResourceTableEntry #resourcelink:hover span.button {
	text-decoration: underline !important;
	}

.bibResourceTableEntry #resourcelink span.button span.icon-flying-pig:before {
	font-size: inherit;
	margin-bottom: 0;
	}

.bibHoldings, .bibLinks {
    border: none;
    }
    
.bibHoldings tr:nth-child(2) .holdingsDivider {
    display: none;
    }

.bibLinks, .bibResourceBrief {
	background-color: #f9f1f1;

border-radius: 3px;

line-height: 2.0;
	}

.bibResourceBrief {
    margin-bottom: 10px !important;
    }

.bibResourceBrief > tbody > tr:first-child > td {
	padding: 10px !important;
	}

.bibLinks th {
    padding: 10px 10px 0 10px;
    }

.bibLinks td {
    padding: 0 10px 5px 10px;
    border-bottom: 1px dotted #ddd;
    }


.bibDisplayUrls {
    padding: 0 5px;
    margin-top: 20px;
    }

.bibLinks ~ .BibResourceDisplay .bibResource .bibResourceHeader { /* If there already is an "Available Online" message (in .biblinks) don't show the one in .bibResourceHeader  */
	display: none;
	}

.bibResourceHeader th {
	padding-left: 0;
	}

.bibHoldings tr.bibResourceEntry {
    line-height: 2em;
    }

.holdingsDivider {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
    }

.bibDisplayItemsMain form {
    margin-top: 24px;
    margin-bottom: 10px;
    }
    
.bibSearchHistory {
    margin-top: 20px;
    }

/* -- resource info display / resource_display.html --*/

#bibDisplayBody .bibResourceSidebar {
    position: relative;
    }
    
#bibDisplayBody #resourceAlertMessage {
    margin: 20px 0;
    }

#bibDisplayBody .bibResourceSidebar .mediaicon p {
    text-align: center;
	}

#bibDisplayBody .bibResourceSidebar .mediaicon p:before {
    font-size: 2.3em;
    display: block;
    margin: 20px 0 10px;
	}

#bibDisplayBody .bibResourceTable {
    margin-top: 0;
    }

.bibOrder {
border:none;
background-color:#f5fce9;
border-radius:3px;
}
    
.resourceDisplayBibs {
    margin-top: 10px;
    }

.resourceBibHeader {
    background: #333;
    color: #fff;
    }

tr.resourceBibEntry:nth-child(odd) {
    background-color: #f2f2f8;
    }

/* Batch Requesting Form -- pverify4_web.html */

#needby legend, #needby label {
    display: none;
    }
    
.requestMultiItems table, .requestMultiItems td, .requestMultiItems table th {
	border:none !important;
    }

.requestMultiItems table tr:nth-child(odd) td {
    background-color: #f8f8f8;
	}

.requestMultiItems a {
    font-size: 1.2em;
	}

/* Login -- pverify_web.html */

.formLogin input {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c8c8cd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-left: 5px;
	}

.logins .well {
    min-height: 258px;
    margin-bottom: 15PX;
	}

/*  Map It!  */

#SMtooltip {
    font-size: 1.2em !important;
    padding: 10px !important;
    border-width: 2px !important;
    box-shadow: 0 0 5px #666;
    }
    
#SMtooltip p {
    margin-bottom: 0;
    }   
    
.SMmore-info {
    width: 170px !important;
    }
    
img.SMmap {
    max-width: none;
    }
    
/* Help pages */

#helpmenu {
margin-top:90px;
}

#helpmenu ul, #helpmenu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

#helpmenu > ul > li {
    margin-top: 5px;
    }
    
.UARKforms fieldset {
    margin-bottom: 10px;
    }

 /* end added */


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */



.relSearch {
	padding:0 10%;
	text-align:left;
	font-size:.83333em;
}
.relSearch h1 {
	font-size:1.333em;
	color:#767C70;
	margin-top:0px;
}
.relSearch h2 {
	font-size:1.667em;
	color:#767C70;
	border-top:1px dotted #767C70;
	margin:0;
}
.requestForm {
	width: 32em;
	font-weight:bold;
}
.requestForm fieldset {
	font-weight:normal;
	padding-left:5px;
}
.requestForm .formButtonArea {
	margin-left:0;
}
.requestForm .formEntryArea label {
	display:block;
}
.requestForm #itemreq {
	margin:9px 9px 3px 3px;
}
.requestForm #artreq {
	margin:9px 3px 3px 9px;
}
.requestForm strong {
	font-style:italic;
}
.requestMultiItems {
	margin:10px;
	clear:both;
}
.requestMultiPatform .formEntryArea label {
	display:block;
}

.requestMultiPatform center {
	text-align:left;
}
.requestNonretDetails {
	font-size:85%;
}
.requestResult br {
	line-height:1px;
}
.requestResult table {
	display:none;
}
.requestResult font {
	font-size:1.4em;
}


.resourceDisplayContentMain td, .resourceDisplayContentMain th {
	padding-left: 0;
}

.resourceDisplayBibs td {
	padding: 0;
}

.resourceDisplayBibs table table {
    margin-bottom: 20px !important;
    }

td.resourceBibEntry {
    padding: 5px;
    }

.resourceLicenseArea {
padding: 20px 30px;
background-color: #f3f3f3;
margin-top: 16px;
border-radius: 3px;
margin-bottom: 10px;
width:75%
    }


#advancedlimits.row.stacked div.col-md-6 div.formEntryArea label {
text-align:left;
}

.resourceLicenseArea th {
    width: 30%;
    }
    
.resourceDisplayLicenseHeader {
    font-size: 1.5em;
    line-height: 2em;
    font-weight:100;
    }

div#searchNavMenu {
	clear:both;
	float:right;
	text-align: right;
	background:/*#3B77B6;*/ #4676a0;
	width:100%;
	padding-bottom:3px;
	font-size: .9em;
}

div#searchNavMenu select {
	padding: 0px;
}

div#searchNavMenu select {
	margin: 5px 5px 2px 0px;
}

div#searchNavMenu input {
	margin-top:5px;
}

.secret {display: none}

p.tinytext {
	font-size:smaller;
}


.volumeSelect fieldset {
	padding:10px;
}
.volumeSelect form {
	margin-top:10px;
}


/* Section 2: WebBridge */

/*special header elements*/
#WBGlobalLinks {background-color: #980000;}
#WBbanner a, #WBribbon a {
	border-bottom:none;
}
#WBbanner img, #WMribbon img {
	border:none;
	background:none;
}
#WBribbon {
	background: #4D000A url(/screens/toplogoWB.png) no-repeat left;	/*	changed	*/
	clear: both;
	height: 63px;
	width: 100%;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	z-index:1000000000;
	font-size:12px;	/*	new	*/
}
#WBribbon #WBLogo {
	display: block;
	height: 53px;
	width: 230px;
	position: absolute;
	top: 5px;
	left: 5px;
}
#WBribbon #SiteHome {
	display: block;
	height: 53px;
	width: 600px;
	position: absolute;
	top: 5px;
	left: 275px;
}
#bannerright, #WBribbon #bannerright {
	float:right;
	width:160px;
	margin:-6em 15px 0 0;
	font-size:100%;
	color: #ffffff;
}
/*ArticleFinder styles*/
.AFformLeft {
	float:left;
	padding:10px 10px 10px;
	width: 450px;
}

.AFformRight {
	float:left;
	padding:10px;
	width: 375px;
}
div.ALinkFormElement {
    clear: both;
    padding-top: .25em;
    }

span.ALinkFormLabel {
    float: left;
    width: 125px;
		padding-top:.3em;
    text-align: right;
    font-weight:bold;
		
    }
span.ALinkFormLabelRight {
    float: left;
    width: 50px;
		padding-top:.3em;
    text-align: right;
    font-weight:bold;
		
    }
span.ALinkFormInput {
    text-align: left;
    margin-left:1em;
    }
	
span.ALinkRequired {color: #980000; font-weight: bold}
span.ALinkSuggested { color: #F90; font-weight: bold}


.webbridgeButtonArea {
	float:right;
	margin:0;
	text-align: right;
	width: 46%;
}

#webbridgeLogo {
	display:inline;
	margin: 5px 0;
	float:left;
	width: 46%;
}

/* the following .wbbody styles are used to style the wp_panel.html pop up page */


.wbbody {text-align: left; padding: 1em;}

.wbresourcelist br {
    display: none;
    }
    
.majaxJholdings br {
    display: block;
    }


/* the following styles are used on both the wp_panel.html and the resserv_panel.html pages */

.wbcitation {/*formats user citations on  resserv_panel */
		margin: 5px 0 0 0;
		padding: 10px 10px 2px 10px;
		background-color:#eaecf1;
}
.wbnumbers {/*formats issn/isbn and doi, if present */
		margin: 0;
		padding: 2px 10px 10px 10px;
		background-color:#eaecf1;	
		text-align: right;}
.wbcategory  {/*headings for categories - going and coming*/
		
		font-weight: bold;
		font-size: 125%;
		padding: 1em 0 0 0;
		
}
.wbsectionhead {/* was used on both wppanel and resserv_panel - manual section heads for Request a Copy etc but switched to h3s instead 120815 BJ*/
		margin: 0;
		padding: 2px 0 2px 1em;
		font-weight: bold;
		}
/* contents of the WBHEADERTEXT wwwoption */
.wbheading {
	margin:0;
}

/*Webbridge resservpanel special styles*/

.wblinktext a {font-size: 110%;
}

.coverage {margin: -20px 0 -0 30px!important;
}

.coverage em {
	font-style: normal!important;
}
.wbfieldinsert {
		margin:0 20px 5px 20px;
}
.wbfieldinsert br {
	line-height:0px;
}
.noresources {
	
	font-weight: bold;
}

.wbnoresources {
	display:block;
	margin: 3px 0;
}
/* Entire WebBridge Resource Definition Link Display -in Bibdisplay.html*/


.bibResourceTable {
    margin-top: 30px;
    }

.bibResourceTableEntry .wblinkdisplay #gbs {/*wblinkdisplay also defined above in wbbody - white background*/
	padding: 16px 0; 
}

.bibResourceTableEntry, .browseResourceTableEntry {
    text-align: left;
    font-weight: 500;
}

.bibResourceTableEntry {
    padding: 0;
    }

.bibResourceTableEntry center {
    text-align: left;
    }
    
.report-an-error a:before, .request-from-storage a:before, .request-course-reserve a:before {
    font-family: FontAwesome;
    margin-right: 5px;
    display: inline-block;
    }
    
.report-an-error a:before {
    content: "\f094";
    }
    
.request-from-storage a:before {
    content: "\f0d1";
    }
    
.request-course-reserve a:before {
    content: "\f017";
    }
    

/* Section 3: SMS and Email Panel Styles */

#info, #sms{
    border:1px solid #36647b;
    position: absolute;
	z-index: 1000; 
    background:#fff;
    padding:10px;
    margin:10px;
    background:#efefcf;
	}

#email .eg, #SMS .eg {
    font-style:italic;
    font-size:80%;
	}

#info {
	top: 500;
	}


#sms { top: 0; left: 0; font-size:85%; }
		
#email {
    border:none !important;
    
}
		
		
/*Used for page counter on text messages*/
#counter {align: right;}

.formEntryArea label, .formEntryArea td { display: block; }

.formEntryArea label { margin-top: 10px; }

.daterange legend, label {font-size: 1.0em; font-weight: 300; }

.daterange legend { border: none; display: inline-block; margin-bottom: 10px; padding: 0; }


#advancedlimits.row.stacked {
margin-bottom:0px ;
    padding-bottom: 0px
}

#scopedadvanced.col-md-3 ul
{
text-align: left;
text-align: -moz-left;
}


.mainnotice {
background-color: #eef9ee;

padding: 15px 20px 15px;
margin-bottom: 15px;
border-radius: 3px;
}

#scopedadvanced.col-md-3
{
margin-bottom: 100px;}


.limits h2 {
font-weight: 100;
text-align: center;
padding-bottom: 25px;
padding-top: 50px;
font-size: 20px;}

.limits .formEntryArea { display: inline-block; padding: 20px 20px 0 20px; font-size: 1.2em; }

.alphaERM { font-size: 1.3em; }

#scrape {
	margin: 30px auto 0 auto;
	max-width: 80%;
	text-align: left;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    background: #fff;
    padding: 20px;
    line-height: 1.3em;
}






/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

/* Section 4: Responsive and print media queries */


@media (min-width: 480px) {
    .formEntryArea label, .formEntryArea td { display: inline-block; }
    .formEntryArea select, .formEntryArea input[type="text"]  { margin-left: 3px; }
    .formEntryArea td select, .formEntryArea td input[type="text"] { margin-left: 5px; }
    .formEntryArea td, .formEntryArea select, .formEntryArea input[type="text"]  { margin-top: 10px; }
    .formEntryArea td label, .formEntryArea td select, .formEntryArea td input[type="text"] {margin-top: 0; }
    .stacked .formEntryArea label, .stacked .formEntryArea td, .stacked .formEntryArea select, .stacked .formEntryArea input[type="text"]  { width: 45%; }
    .stacked .formEntryArea td label, .stacked .formEntryArea td select, .stacked .formEntryArea td input[type="text"] { width: 100%;}
    .stacked .formEntryArea label { text-align: right; }
    .stacked .formButtonArea {text-align: center; margin-top: 20px;}
    
}

@media (max-width: 767px) {
    .browseSearchtool select, .browseSearchtool input[type="text"] { display: block; margin-bottom: 0; }
    .browseSearchtool input[type="submit"] { margin: 10px 0; }
    #content textarea { width: 100%; }
    #loggedin, #not-loggedin { padding: 5px 0;margin-top: 55px; }
    #bibDisplayBody .bibResourceSidebar.resource-display .mediaicon p, .bibDisplayContentMain .mediaicon { text-align: left; }
    #bibDisplayBody .bibResourceSidebar.resource-display .mediaicon p:before, .bibDisplayContentMain .mediaicon p:before { display: inline-block; font-size: 2em; margin-right: 5px; }
    #gbs img { float: left; }
    .bibDisplayItemsMain form input[type=submit] { white-space: normal; max-width: 60%; float: right; text-align: left; line-height: 1em; background-color: #ddd; border-radius: 0; color: #333 !important; }
    .bibDisplayItemsMain form input { display: table-cell}
    .bibDisplayItemsMain form { margin: 10px 0; background-color: #f2f2f4; padding: 5px; display: table-cell}
    .bibDisplayItemsMain form:after { content:""; display: table; clear: both;}
    .mylistsSelect { display: block; }
    .browseHeaderMedia, .browseEntryMedia, .browseSubEntryMedia.mediaicon { display: none; }
    #not-loggedin #help { margin-top: 0; }
    #header-bg { height: 120px; }
}

@media (min-width: 768px) {
    .mainmenu #search, #more { text-align: center; }
    #searcharg { width: 300px; height: 44px; margin-top: -8px; }
    .alternatives #spellcheck { float: left; }
    .alternatives .findmore { float: right; }
    .findmore {display:none;}
    .alternatives:after{ content: " ";  display: table; clear: both; }
    .limits { text-align: center; }
    #main-nav { margin-top: 116px; }
    #bibDisplayBody .bibResourceSidebar.resource-display { float: right; margin: 0 0 20px 20px; }
    .mylistsSelect { margin-left: 20px; }
    .resourceDisplayContentMain .bibDetail, #resource_details { width:75%; }
}

@media (min-width: 768px) and (max-width: 991px)  {
    aside .request-button { width: 50%; margin-left: auto; margin-right: auto;}
}

@media (max-width: 991px) {
    .has-sidebar aside { padding-top: 10px;border-top: 1px solid #f3f3f3;

margin-top: 30px;

line-height: 2.0; }
    #site-heading { margin-top: .3em; }
    aside .navigationRowRecord a:after, #citeoclc a:after, #smsfeatures a:after { content: " | "; margin-left: 5px; margin-right: 5px;}
    #citeoclc, #smsfeatures, #emailfeatures  { display: inline-block;}
    aside .navigationRowRecord a:first-child:after, aside .navigationRowRecord a:last-child:after { content: ""; margin: 0;}
    aside .navigationRowRecord a { white-space: nowrap; }
    .bibResourceTableEntry #resourcelink .button { width: 100%; margin-top: 10px; }
    .resourceLicenseEntry a, .bibDetail #bibRecordLink a {  overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } /* breaks long URLS so that they don't push out of the container width */
}

@media (min-width: 992px) {
    #site-heading { margin-top: .25em !important; }
    aside .navigationRowRecord a, #citeoclc a, #smsfeatures a, #emailfeatures a, .bibResourceTable .bibResourceTableEntry a { display: block; margin-bottom: 10px; }   
    aside .request-button { padding: 15px 30px; position: relative; font-size: 1.1em; }  
   .form2Part { position: relative;}
   .form2Part:after{display:table;content:"";clear:both}
   .form2Part .formLeft { width: 50%; float: left; position: relative; padding-right: 20px;}
   .form2Part .formRight { width: 50%; position: relative; padding-left: 30px; margin-left: 50%;}
   .form2Part:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%;  height: 100%;  width: 1px; background-color: #ddd; display: block;}
.has-sidebar aside {

    width: 33.33333333333333%;
    float: right;
    position: relative;
    padding-left: 30px;
}


/* ----------------------------------------------------- */


@media print {
    html, body, div, p, a, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, dl, dt, dd, ol, ul, li {font-family: Times, 'Times New Roman', serif;}
    a[href]:after { content: '' !important; }
    table th, table td {padding: 0;}
    tr {page-break-inside: avoid;}
    table {page-break-inside: auto;}
    .navigationRow, .browseSearchtool, .bibSearchtool, .browsePager, .bibPager, .browseSaveJump, .briefcitMark, .briefcitRequest, .briefcitFullRecord, .briefcitItemsHeader, .bibSearch, .bibSearchHistory, .navigationRowRecord, .bibResourceSidebar, #not-loggedin, #loggedin, #resourcelink, header, footer, aside#helpmenu, .loggedInMessage { display:none; }
    .briefcitLeft { width: 30px; }
    .briefcitEntryNum { font-size: 12pt;}
    .briefcitDetail, .briefcitAuthDetail { margin-left: 0; }
    .briefcitRow { border-bottom: 1px solid #000; }
    .bibDisplayPermLink, .resourceHistory, .recordPager, .button, button, .SMbutton { display:none; }
    #bib_items { margin-top: 10px !important; }
    h3.items-header { font-size: 1.2em; margin-bottom: 0; }
    .bibSearch, bibPager {display:none;}
      a[href]:after {
    content: none !important;}
}


/* --------- From UARK libstyles.css ------------- */

@media only screen and (max-width: 480px) {
    #main-nav { margin-top: -80px !important; }
    .navbar-nav { margin: 0; }
    #site-heading { font-size: 1.9em;}
    #header-bg { height: 200px; }
    #main-container #hours.front { margin-bottom: 20px; padding-top: 0; }
    #main-container #hours.front p { display: block; margin: 0; padding: 0; }
    #main-container #hours.front p a:link { margin-left: 0; }
    #recent-acquisitions #subjects li {padding-left: 20px;}
	#recent-acquisitions #subjects li span {display: none;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#site-heading { font-size: 2.6em; }
    #header-bg { height: 220px; }
    .resourceLicenseArea {width:100%  }
}

@media only screen and (max-width: 767px) {
    #site-heading { display: block; text-align: center; }
	h2 {font-size: 1.5em;}
	#uptop { padding-top: .5em; padding-bottom: 10px; }
    #uptop #emailbutton { margin: 20px 0 0;}
    #main-nav { margin-top: -60px; min-height: 57px; background-color: transparent; width: 150px;}
    #mainnav > li > a { margin-top: 4px; }
    #mainnav > li:last-child a { padding-right: 15px; }
    #mainnav li:last-of-type { padding-bottom: 0; }
    #main-nav button { margin-top: 8px; }
    .nav>li>a { padding: 10px 0; }
    .nav>li:first-child>a { padding-top: 0; }
    #emailthis, #sms { top: 50px; left: 0; }
    #main #slider  {margin-top: 20px;}
    .navbar-collapse { background-color: #333; padding: 15px; z-index: 999; text-align: left; position: relative; width: 100%; min-width: 375px; left: 5px; right: 5px; }
    .navbar-collapse a { color: #fff !important; border-top: 1px solid #999 !important; padding-bottom: 0 !important; }
    .navbar-collapse li:first-child a { border-top: none !important; }
    #search-stack { top: 20px; float: right; }
    .searchchoice form h2 { display: none; }
    #opener { z-index: inherit; height: 233px; }
    .rss-feeder img { display: none; }
    footer .footer-news { margin-top: 20px; }
    .resourceLicenseArea {width:100%  }
}
@media only screen and (min-width: 768px) {
    #search-stack {top: 30px;}
	#footerRH { text-align:right; }
	#footercenter { text-align:center; }
	#superfoot, #footer-links-contact { background-color: #f2f2f4; }
	#main-container  p.intro, #main-container  div.intro p, #main-container  ul.intro li  {font-size: 1.3em; }
	#main-container  p.intro, #main-container  div.intro p {line-height: 1.6em; margin: 6px 0 30px 0;}
	#main-container  ul.intro li  {line-height: 1.6em; margin: 6px 0;}
	a.modal-prevNav { left:-80px; }
	a.modal-nextNav { right:-80px; }
	#search-stack2 label { vertical-align: middle; margin: 0 8px 0 10px; }
	#emailthis { width: 120%; }
	#site-heading { font-size: 2.8em;  left: 220px;  }
	.navbar { margin-top: 74px; }
	#hours.front p { text-align: center; }	
	#hours.front p a:link { margin-left: 15px; }
	body.staffweb #opener .brand { background: url("/libimages/staffweb/StaffWebBrand.jpg") no-repeat 0 0; height: 192px; }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    #main-nav { margin-top: 70px; }
    #mainnav > li > a { font-size: 13px; }
    #hours.front p { padding: 10px 0; }	
}

@media only screen and (max-width: 991px) {
	#main-container #hours.front p { font-size: 16px; }
	#site-heading { margin-top: .7em; }
	#newRadios { padding-right: 0; padding-left: 0;}
	#search-stack form #newRadios input[type="radio"] {margin-left: 0;}
	#thehours { padding: 2.2em 0 1em; }
	ul#social-stack-libraries i { font-size:2em; }
	ul#social-stack-libraries li { width: 2.5em; }
	#search-cats-toggle { margin: 10px; }
	#homesearch #tabs #search-categories { background-color: #cbd8d9;}
	#homesearch #tabs #search-categories label { padding-left: 15px; font-weight: 500; font-size: 1.2em; color: #333; vertical-align: -2px;}
	#homesearch #tabs #search-categories .dropdown-menu {left: 50px; top: 45px;}
	#uptop { padding: 2em 0 .8em; }
	#hours.front p a:link { display: inline-block; margin: 0;}
	#new-in-the-libraries .tile { background-color: #eee !important;}
	#new-in-the-libraries .tile a { background: #666; color: #fff; }
	#new-in-the-libraries .tile a:hover { background: #eee; color: #333; }
	#new-in-the-libraries .tile a:hover i { color: #a00; }
	.tile a br { display: none; }
	.tile a span { display: inline !important; }
	body.help #locations-nav { margin-top: 30px; }
    body.help #locations #images { max-width: 570px; }
    #recent-acquisitions #bibs span.callno { white-space: nowrap; }
    #recent-acquisitions #bibs span.callno:before { content: "|"; margin: 0 10px; display: inline-block; }
}

@media only screen and (min-width:992px){
    .two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
	.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;  -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
	#site-heading { margin-top: 30px; left: 240px; }
	#search-stack {  width: 400px; float: right; top: 46px; }
	#search-content .searchchoice, #homesearch #tabs { height: 320px; overflow:hidden;}
	#search-content .searchtext {float: left; margin-right: 10px;}
	#search-content .searchtext, #search-content .engine {width: 346px;}
	#search-content { padding-left: 0; }
	#search-content form:after { content: " "; display: table; clear: both;}
	#homesearch #tabs { background-color: #c0d0d2; }
	#uptop { text-align: right; }
	#main #homenewsrotator:before { content: ''; position: absolute; top: 0; height: 100%; width: 1px; background-color: #e2e2e2; left: 0; }
	#main, #sidebar { margin-top: 20px; margin-bottom: 20px; }
	#mainnav a:before { font-family: FontAwesome; display: inline-block; margin-right: 5px; }
	#mainnav .myaccount:before { content: "\f007"; }
	#mainnav .illiad:before { content: "\f0ac"; }
	#mainnav .dibs:before { content: "\f073"; }
	#mainnav .libguides:before { content: "\f185"; }
	#mainnav .help:before { content: "\f128"; }
	body.staffweb #mainnav .cogs:before { content: "\f085"; }
	body.staffweb #mainnav .calendar:before { content: "\f073"; }
	body.staffweb #mainnav .address-book:before { content: "\f2b9"; }
	body.staffweb #mainnav .bug:before { content: "\f188"; }
	body.staffweb #mainnav .fire:before {  content: "\f06d"; }
	#search-categories .dropdown-menu { display: block; position: relative; float: none; min-width: none; padding: 0; margin: 10px -15px 0 0; background-color: transparent; border: none; -webkit-box-shadow: none); box-shadow: none;}
    #search-categories > .dropdown-menu >.active > a, #search-categories .dropdown-menu>li>a:focus, #search-categories .dropdown-menu>li>a:hover { background-color:transparent; color: #333; }
    #search-categories .dropdown-menu li.active, #search-categories .dropdown-menu li:hover { background-color: #cbd8d9; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
	#search-categories button { display: none; }
	#homesearch #tabs #search-categories label { display: none; }
	#main { float: right; }
	ul#social-stack-libraries { margin-top: 10px; }
	.navbar { margin-top: 83px; }
    #dibs { margin-top: 6px; float: right; }
	/* CSS height:width ratio trick explained here: https://www.mademyday.de/css-height-equals-width-with-pure-css.html */
   .tile { position: relative; width: 100%; margin-bottom: 10px; }
   .tile:before { content: ""; display: block; padding-top: 75%;} /* 75% here gives a 4:3 height:width ratio. 100% would be 1:1; 56.25% would be 16:9 */
   .tile a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
   .tile a i { display: block; font-size: 1.8em; margin-bottom: 4px; }
   .tile a span { position: absolute; bottom: 10px; max-width: 85%; }
   .tile.x2 { font-size: 1.2em; }
   .tile.x2 a { padding: 20px; }
   .tile.x2 a i { font-size: 2.3em; }
   .has-sidebar { position: relative;}
   .has-sidebar:after{display:table;content:""}
   .has-sidebar:after{clear:both}
   .has-sidebar .main, .list-follows-sidebar p { width: 66.66666667%; float: left; position: relative; padding-right: 20px;}
   .has-sidebar aside { width: 33.33333333333333%; float: right; position: relative; padding-left: 30px;}
   .list-follows-sidebar img { width: 33.33333333333333%; float: right; position: relative; margin-top: 5px;}
   .has-sidebar:before { content: ''; position: absolute; top: 0; bottom: 0; left: 67%;  height: 100%;  width: 1px; background-color: #ddd; display: block;}
   .has-sidebar.norule:before { background-color: transparent; }
   #emailbutton { margin-top: 14px; }
    body.help #connexions .tile:before { padding-top: 50%; }
	#recent-acquisitions ~ div .pinterest { text-align: center; float: right; }
    #recent-acquisitions ~ div .pinterest i.fa:before { font-size: 1.8em; display: block; } 
    #recent-acquisitions #bibs span.callno { position: absolute; left: 270px; bottom: 0; }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
	#sidebar .sidenav > ul > li > a { font-size: 1em; }
	#hours.front p { margin: 0; padding: 0;}
	.tile.x2 a span { bottom: 12px; }
}

@media only screen and (min-width: 1080px) {
	body.help #mainnav ul, body.help #mainnav > li > a, body.help #mainnav > li:last-child a { margin-right: 20px; }
}

@media only screen and (max-width: 1199px) {
    #secondary-nav .fa-chevron-down { display: none; }
    .nivo-caption {padding-bottom: 8px;}
}

@media only screen and (min-width: 1200px) {
    #mainnav ul, #mainnav > li > a, #mainnav > li:last-child a {}
    .tile a i { font-size: 2.3em; }
    .tile a {  font-size: 1.6em; }
    .tile.x2 a {  font-size: 1.8em; }
    .tile.x2 a span { bottom: 20px; }
    #sidebar .sidenav { margin-right: 10px; }
	#sidebar .sidenav > ul > li.panel > a:after { font-family: "fontawesome"; content: "\f078"; float: right; color: #d9d9d9; }
	body.help #mainnav ul, body.help #mainnav > li > a, body.help #mainnav > li:last-child a { margin-right: 40px; }
}


/* ----------------------from resets.css------------------------------- */