@charset "utf-8";
/* *******************************************************************
Organization:
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 */



/* Section 1 - additions - 2016 dshurd@uark.edu */

/*@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");*/
/*@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");
/*@import url("//libraries.uark.edu/stylesheets/resets.css");*/
/*@import url("//libraries.uark.edu/stylesheets/libfont-style.css");*/

/* Watson Library fonts */

@font-face {
    font-family: 'MetSans';
    font-weight: 400;
    src: url("TheMetSans-Regular.eot");
    src: url("TheMetSans-Regular.eot#iefix") format("embedded-opentype"), url("TheMetSans-Regular.woff") format("woff"), url("TheMetSans-Regular.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 500;
    src: url("TheMetSans-Medium.eot");
    src: url("TheMetSans-Medium.eot#iefix") format("embedded-opentype"), url("TheMetSans-Medium.woff") format("woff"), url("TheMetSans-Medium.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-style: italic;
    src: url("TheMetSans-RegularItalic.eot");
    src: url("TheMetSans-RegularItalic.eot#iefix") format("embedded-opentype"), url("TheMetSans-RegularItalic.woff") format("woff"), url("TheMetSans-RegularItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 700;
    src: url("TheMetSans-Bold.eot");
    src: url("TheMetSans-Bold.eot#iefix") format("embedded-opentype"), url("TheMetSans-Bold.woff") format("woff"), url("TheMetSans-Bold.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 700;
    font-style: italic;
    src: url("TheMetSans-BoldItalic.eot");
    src: url("TheMetSans-BoldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSans-BoldItalic.woff") format("woff"), url("TheMetSans-BoldItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 600;
    src: url("TheMetSans-Semibold.eot");
    src: url("TheMetSans-Semibold.eot#iefix") format("embedded-opentype"), url("TheMetSans-Semibold.woff") format("woff"), url("TheMetSans-Semibold.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 600;
    font-style: italic;
    src: url("TheMetSans-SemiboldItalic.eot");
    src: url("TheMetSans-SemiboldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSans-SemiboldItalic.woff") format("woff"), url("TheMetSans-SemiboldItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 400;
    src: url("TheMetSerifWeb-Roman.eot");
    src: url("TheMetSerifWeb-Roman.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Roman.woff") format("woff"), url("TheMetSerifWeb-Roman.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 400;
    font-style: italic;
    src: url("TheMetSerifWeb-Italic.eot");
    src: url("TheMetSerifWeb-Italic.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Italic.woff") format("woff"), url("TheMetSerifWeb-Italic.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 600;
    src: url("TheMetSerifWeb-Semibold.eot");
    src: url("TheMetSerifWeb-Semibold.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Semibold.woff") format("woff"), url("TheMetSerifWeb-Semibold.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 600;
    font-style: italic;
    src: url("TheMetSerifWeb-SemiboldItalic.eot");
    src: url("TheMetSerifWeb-SemiboldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-SemiboldItalic.woff") format("woff"), url("TheMetSerifWeb-SemiboldItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 700;
    src: url("TheMetSerifWeb-Bold.eot");
    src: url("TheMetSerifWeb-Bold.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Bold.woff") format("woff"), url("TheMetSerifWeb-Bold.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 700;
    font-style: italic;
    src: url("TheMetSerifWeb-BoldItalic.eot");
    src: url("TheMetSerifWeb-BoldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-BoldItalic.woff") format("woff"), url("TheMetSerifWeb-BoldItalic.svg") format("svg")
}

body {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    -webkit-font-smoothing: antialiased
}

h1, h2, h3, h4, h5, h6 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding: 0;
    line-height: 1
}

h1 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

h2 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

h3 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    line-height: 1.4
}

p {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    padding: 0
}

li {
    margin: 0;
    padding: 0
}

ul {
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

th {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* test sidebar styling from lib-style.css*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/* CLOSE test sidebar styling from lib-style.css*/

/*RESETS FROM UARK */
a, a:link, a:visited {
    color: #a6192e;
}

h1 {
  font-weight:400;
	font-size: 2em;
	margin: 20px 0;
}

h2 {
  font-size: 1.8em;
}

h2 a, [role="main"] h2 a, [role="main"] h3 a {
  color: #333;
  text-decoration: none !important;
  background-image: linear-gradient(to top,
    rgba(0,0,0,0) 7%,
    rgba(0,0,0,.2) 7%,
    rgba(0,0,0,.2) 9%,
    rgba(0,0,0,0) 9%
    );
}



h2 a:hover, [role="main"] h2 a:hover, h3 a:hover, h2.panel-title a {
  color: #a6192e;
  background-image: none;
}

h3, .h3, aside h2 {
  font-size: 1.5em;
	margin-bottom: 0;
}

aside h2 + form {
  margin-top: 10px;
}

aside h3 {
  font-size: 1.2em;
}

h3:first-child, h4:first-child { 
   margin-top: 0;
}

section h2.h3 {
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    display: block;
    white-space: normal;
    text-transform: none;
}

#content h3 + p, #content h3 + ul, #content h3 + ol, #content h3 + dl, #content .h3 + p, #content .h3 + ul, #content .h3 + ol, #content .h3 + dl, #content aside h2 + p, #content aside h2 + ul, #content aside h2 + ol, #content aside h2 + dl  {
    margin-top: .4em;
}


h3 + h4, h3 + div h4:first-child, h3 + img, h3 + div img:first-child {
  margin-top: 10px;
}

section h4, h4 {
  color: #333;
}

h5 {
  font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0;
}

#content h5 + p, #content h5 + ul, #content h5 + ol, #content .h5 + p, #content .h5 + ul, #content .h5 + ol {
    margin-top: .4em;
}

figure + h2, .figure + h2, figure + h3, .figure + h3 {
margin-top: 1.4em;
}


p {margin-bottom: 14px;}

img {
  max-width: 100%;
	height: auto;
}

.leftfloat, .rightfloat {
    display: block;
}


blockquote footer {
  background-color: transparent;
	color: #333;
	text-align: right;
	padding-top: 14px;
}

blockquote footer cite {
	font-style: italic;
}

/*blockquote footer cite:before {
    content: '{u00E2}{u20AC}{u201D}';
}*/

blockquote + h2 {
    margin-top: 0;
}



table {
  width: 100%;
  padding: 0;
  margin-bottom: 2.5em;
}

table th, table td {
  padding: 5px 5px 4px;
  text-align: left;
}

table th {
  font-weight: bold;
  vertical-align: middle;
}

table td, table tbody th {
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
  background-color: #efefef;
}

.cross-striped:hover tbody tr:nth-child(odd) td {
  background-color: transparent;
}

.zebra-striped tbody tr:hover td {
  background-color: #fdffc0 !important;
}



.cross-striped {
  overflow: hidden;
}


.cross-striped tbody td, .cross-striped tbody th {
  position: relative;
}

.cross-striped tbody td:hover::after,
.cross-striped tbody th:hover::after {
  content: "";
  position: absolute;
  background-color: #fdffc0;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: upper-roman;
}

ol ol ol ol {
  list-style-type: decimal;
}

dt, dd {
  font-size: 16px;
  line-height: 1.5em;
}

dd {
  margin-bottom: 1.5em;
}

dd + dd {
  margin-top: -1.4em;
}

dl.list-inline {
  margin-left: 0;
}

dl.list-inline dt:after {
  content: ": ";
}

dl.list-inline dd {
  padding-right: 20px;
  margin-bottom: 0;
}


dl.list-inline dt, dl.list-inline dd {
  display: inline-block;
}

.row ~ hr {
  margin-bottom: 30px;
}

hr ~ .row blockquote footer {
  padding-bottom: 0;
}


#global-dropdown a:hover, #global-dropdown a:active, #global-dropdown a:focus {
    background: #666 !important;
    color: #fff;
    }
    
button, html input[type=button], input[type=reset], input[type=submit] {
	color: #fff !important;
    background-color: #a6192e;
 	font-size: 1.5rem;
 	font-weight: 600;
 	text-align: center;
 	cursor: pointer;
 	border: 0;
 	white-space: nowrap;
	border-radius: 0;
 	-moz-user-select: none;
	padding: .625rem 2.5rem;
	display: inline-block;
 	text-decoration: none !important;
}

.bibSearchHistory {
	visibility:hidden;
}
/* -------- main content -------- */


#content {
  padding-bottom: 30px;
  margin-top: 50px; 
  }


#content li ul, #content li ol {
  margin-bottom: 0;
  }

#content address {
  margin-top: 10px;
  }

#content dd address {
  margin-top: 0;
  }

/* -------- accordian -------- */


h2.panel-title a {
  display: block;
  border-bottom: none;
}






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




/* ---------------iconised links------------------------- */

@media screen {

a[href$='.pdf'], a[href$='.PDF'], a[href$='.doc'], a[href$='.DOC'], a[href$='.docx'], a[href$='.DOCX'] {
    padding-right:20px;
}

a[href$='.pdf']:after, a[href$='.PDF']:after {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	position: absolute;
    padding-left:5px;
	font-weight: 400;
}
/*not sure what below color is referring to*/
a[href$='.doc']:after, a[href$='.DOC']:after, a[href$='.docx']:after, a[href$='.DOCX']:after {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2a3281;
	position: absolute;
    padding-left:5px;
	font-weight: 400;
}
	
}

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


@media print {
	#sidebar, nav, #opener, #superfoot, #footer-links-contact, footer, .tile, .calnav  {display: none;}
	body  {margin: 0px;}
    p, table, ol, ul, a, address {page-break-inside: avoid; font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
	h2, h3, h4, h5 {page-break-after: avoid; font-weight: 500;}
	h1 {text-align: center; margin-bottom: 1.3em}
	.collapse {display: block;}
    .panel {border: none;}
    .panel-default>.panel-heading {background-color: transparent;}
    .panel-heading { padding: 1em 0 0 0; border-bottom: none;}
    .panel-title {font-size: 18px;}
    .panel-body {padding: 0;}
    .panel-group .panel-heading+.panel-collapse .panel-body {border-top: none;}
  table a[href]:after { content: '' !important; }



}

@page {size: auto;margin: 25mm 25mm 25mm 25mm;} 


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

@media (max-width: 767px) {
	.navbar-default {margin-top: 5px}
}

@media (min-width: 768px) {
				
	#main-container  p.intro {font-size: 1.5em; line-height: 1.6em; margin: 6px 0 30px 0;}
	blockquote {border-left: none;margin: 3em; margin-left: 6.4em;}
  blockquote.extended {margin: 1em; margin-left: 2em;}
  blockquote:last-child {margin-bottom: 0;}
  blockquote p {font-size: 1.4em !important; line-height: 1.3em;}
  blockquote.extended p {font-size: 1.1em !important; line-height: 1.3em; font-weight: 400;}
	blockquote p:first-child:before, blockquote img + p:before {content: "\f10d"; font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;  float: left; margin-left: -1.3em; font-size: 2.5em; color: #d5d5d7; line-height: 1.2em;}
  blockquote.withthumb p {padding-left: 160px;}
  blockquote.withthumb:before, blockquote.withthumb:after { content: " "; display: table;}
  blockquote.withthumb:after { clear: both;}
	#footer-top ul li {display: inline-block; border-right: 1px solid #ccc; width: 18%; text-align: center;}
  #footer-top ul li:last-child {border-right: none;}


	#footer-top h2 span {display: block; font-size: 2em; color: #a32136; padding-bottom: 4px;}
  #footer-top h2 {text-align: center;font-weight: 300;font-size: 1.5em;width: 100%;}
  .leftfloat {float: left;margin: 5px 30px 30px 0;}
	.rightfloat {float: right;margin: 0px 0 30px 30px;}
  body.nonav #search-stack {top: 41px;}
  body.nonav #header-bg { border-bottom: 1px solid #D9D9D9;}
  .btn-lg { font-size: 18px; }

}

@media (max-width: 767px) {
  #site-heading {margin-top: 10px !important;}
  /*#opener .brand{height: 75px;}*/
  blockquote.withthumb img {display: none;}
  #search-stack {display: inline-block; top:0}
	.navbar {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	.navbar-toggle {float: none; margin-left: 15px;}
  #sidebar .navbar-collapse.collapse { display: none !important; }
	#banner_cont {min-height: 0;}
	#content {margin-top: 0;}
  #banner_cont #banner-caption { display: none; }
  #newRadios {text-align: left;}
  dl.list-inline dt { display: inline; }
  dl.list-inline dt:before { content:"\a"; white-space: pre; }
  section h2 { color: #333; text-align: left; margin-bottom: 10px; display: block; white-space: normal; text-transform: none; }
}




@media(min-width:992px){
  .two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
	#search-stack {  width: 400px; float: right; }
	#rightcolumn { padding-left: 30px;}
  .navbar-default {background-color: a6192e;}

}


@media (max-width: 991px) {
    #site-heading a { line-height: 1em;}
    #sidebar {margin-top: 30px; clear: both;}
}



@media (max-width: 991px) and (min-width: 768px) {
    #search-stack form input {width: 150px;}
}

/*END RESETS*/

/* HEADER from UARK STYLE
-------------------------------------------------- */

#header-bg {
	background-color: #e4002b;
	position: absolute;
	top:-53px;
	left:0;
	width: 100%;
	z-index: -10;
	height:250px;
}

#opener {
	z-index: 1000;
	position: relative;
}

#opener .brand {
font-size:0;
/* UArk was a2151f */
color:#e4002b;
display: block;
width: 100%;
height:100px;
position: relative;
top:0;
box-shadow: none;
/* UArk was a2151f */
background: #e4002b; /* Old browsers */
/* commented out all background rows too */
/* background: -moz-radial-gradient(top, #a6192e 0%, #8f0222 30%, #600a11 100%); /* FF3.6+ */
/* background: -webkit-gradient(radial, left top, left bottom, color-stop(0%,#a6192e), color-stop(44%,#8f0222), color-stop(100%,#600a11)); /* Chrome,Safari4+ */
/* background: -webkit-radial-gradient(top, #a2151f 0%,#8f0222 30%,#600a11 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-radial-gradient(top, #a6192e 0%,#8f0222 30%,#600a11 100%); /* Opera 11.10+ */
/* background: -ms-radial-gradient(top, #a6192e 0%,#8f0222 30%,#600a11 100%); /* IE10+ */
/* background: radial-gradient(to bottom, #a6192e 0%,#8f0222 30%,#600a11 100%); /* W3C */

}

#opener .brand:before {
	content: "";
	background: url("logo-mobile.png") left center no-repeat;
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	display: block;
} 

/*a.svg:after {
  content: ""; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}

a.svg {
  position: relative;
  display: inline-block;
}*/

#global-dropdown {
	position: absolute;
	top:5px;
	margin: 0 auto;
	right:0;
	width: 36px;
	display: block;
}

#global-dropdown .dropdown-toggle {
	border:1px solid #d8d8d8;
	background-color: #b3b3b3;
	color:#fff;
	padding:6px 7px 6px 7px;
}

#global-dropdown a:hover, #global-dropdown a:active, #global-dropdown a:focus {
	text-decoration: none;
	background-color:#666;
	border-bottom: none;
}

#global-dropdown .dropdown-menu {
	left: -254px;
	top: 21px;
	border-radius: 0 0 0 0;
	min-width: 250px;
	width: 290px;
	padding-top: 0;
}

#global-dropdown .dropdown-menu > li {
	width:133px;
	margin-left: 5px;
	float: left;
}

#global-dropdown .dropdown-menu .nav-header {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	text-transform: none;
	margin-bottom: 5px;
	font-size: 13px;
	padding-top: 8px;
}

#global-dropdown .dropdown-menu > li > a:hover {
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a90329 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a90329 0%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a90329 0%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a90329 0%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

#search-stack {
	position: relative;
	top: -10px;
	margin:0 auto 5px;
	right:0px;
}

#search-stack form input {
	float: right;
	overflow: hidden;
	border: none;
	padding: 4px 0px 4px 5px;
	width: 250px;
	color: #6d6d6d;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	margin-right:36px;
	background-color:#f3f3f5;
}

/*#search-stack form input:focus {
	box-shadow: 0 0 5px rgba(60, 60, 60, 0.6);
}*/

#search-stack form button:hover:before, #search-stack form button:focus:before{
	color:#333;
}

#search-stack form button {
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 4px;
	background: none;
}

#search-stack form button:before {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	content: "\f002";
	font-size: 15px;
	color:#6e6e6e;
}

#search-stack form input[type="radio"] {
	float: left;
	overflow: hidden;
	border: none;
	margin: 4px 2px 4px 5px;
	padding: 4px 0px 4px 5px;
	width: 15px;
	color: #b3b3b3;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	margin-left:20px;
	background-color:#f3f3f5;
	color: #b3b3b3;
} 
	
#newRadios{ 
	position: inherit;
	padding: 30px 76px 0px 0px; 
	text-align: right;
	height: 10px;
}
		
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 		#search-stack form input[type="radio"] {
			float: left;
			overflow: hidden;
			border: none;
			margin: 0px 2px 4px 5px;
			padding: 4px 0px 4px 5px;
			width: 15px;
			color: #b3b3b3;
			border-radius: 0;
			border: 1px solid #dbdbdb;
			margin-left:20px;
			background-color:#f3f3f5;
			color: #b3b3b3;
		}
}
	
@media screen and (orientation:landscape) {
	#newRadios{ 
		position: inherit;
		padding: 30px 120px 0px 0px; 
		text-align: right;
		height: 10px;
	}
}
	
@media (min-width: 768px) { 
  	#newRadios{ 
		position: inherit;
		padding: 30px 120px 0px 0px; 
		text-align: right;
		height: 10px;
	}
}

.navbar .btn-navbar {
	margin-top: 0;
	position: absolute;
	right: 15px;
	left:auto;
	top:145px;
}

.navbar .btn-navbar:hover {
	color:#af0001;
}

#site-heading {
	/*margin-bottom: 20px;*/
	font-size: 20px;
}

#site-heading a { color:#fff; font-weight:800; }
#site-heading a:hover { text-decoration: none; }
#site-heading-parent a {
color: #fff;
}
#site-heading, #site-heading-parent {
font-size: 25px;
}
@media (min-width: 768px){
#site-heading, #site-heading-parent {
top: 62px;
left: 240px;
position: absolute;
}
#site-heading-parent {top:32px}
}
@media (min-width: 992px) {
#site-heading, #site-heading-parent {
top: 50px;
font-size: 30px;
}
#site-heading-parent {top:20px}

}
.bigNumber {
	font-size: 4em;
	font-weight: bold;
}
.ensBlue {
	padding: 20px 40px;
	font-size: 24px;
	color: #FFF;
	display: block;
	background-color:#069;
}
.ensRed {
	padding: 20px 40px;
	font-size: 24px;
	color: #FFF;
	display: block;
	background-color:#9D2235;
}
h3#razalert {
    color: #FFF;
    font-size: 1.5em;
    border-bottom: solid 1px;
}
.ensBlue a {color:white;text-decoration:underline;}
	
/* Homepage call out */
   .CallOuts {
		min-height:206px;
		padding-top:10px;
		margin-bottom:10px;
		}
	.CallOuts h3 {
		  margin:0px 10px 10px 10px;
	}
	.CallOuts p {
		font-size:14px !important;
		margin-bottom:5px;
	}
   .applyNowCallOut {  
		background-color:#424242; 
 }
 .applyNowCallOut a {font-size:12px;}
   .applyNowCallOut i {  color:#B8B9BF !important;
	margin-right:5px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
   .applyNowCallOut .col-md-6 i {margin-right:5px;}
   
   .applyNowCallOut h3{
     color:#FFFFFF !important;
  }
  
  .applyNowCallOut h3 .light{
  font-weight:300;}
.applyNowCallOut h3 a {
	color: #FFFFFF !important;
}


.applyNowCallOut p a {color:#fff;text-decoration:underline;font-size: 16px;
	font-weight: 300;
}
.applyNowCallOut p a:hover {text-decoration:none;}

   .altCallOut {  background-color:#FFFFFF;
      -moz-box-shadow:    inset 0 0 3px #000000;
   -webkit-box-shadow: inset 0 0 3px #000000;
   box-shadow:         inset 0 0 3px #000000;
 }
   .altCallOut .col-md-6 i {margin-right:5px;}
   
   .altCallOut h3{
     color:#424242 !important;
}
  
  .altCallOut h3 .light{
  font-weight:300;}


.altCallOut p a {text-decoration:underline;}
.altCallOut p a:hover {text-decoration:none;}
.altCallOut i {
  color:#9D2235 !important;
}

.UARKLife {background-color:#AA3C4B;background-image:url('/_resources/images/UARKLife_background_300_red.png')}
.VirtualTour H4, .UARKLife H4, .optionalContent H4 {font-size:30px;color:#FFFFFF;position:absolute;left:20px;bottom:0px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.UARKLife a.UARKLifeHotSpot {display:block;width:100%;height:100%;min-height:172px;}

.VirtualTour {background-color:#ffffff;background-image:url('/_resources/images/homepage-virtual-tour-compressor.jpg');background-position: center;background-size: cover; }
.VirtualTour .TourBox {font-size:20px;color:#FFFFFF;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.VirtualTour a.UARKLifeHotSpot {display:block;width:100%;height:100%;min-height:172px;position:absolute;top:0;left:0;}

.optionalContent {background-color:#ffffff;background-image:url('/_resources/images/pulitzer-poet-notes.jpg');background-position: center;background-size: cover; }
.optionalContent .TourBox {font-size:20px;color:#FFFFFF;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.optionalContent a.UARKLifeHotSpot {display:block;width:100%;height:100%;min-height:172px;position:absolute;top:0;left:0;}
	
.CallOuts.video {background-color:#000000;padding:5px;}

@media (min-width: 768px) {
   .CallOuts {
		min-height:247px;
		padding-top:10px;
		margin-bottom:10px;
		}
}
@media (min-width: 992px) {
   .CallOuts {
		min-height:190px;
		padding-top:10px;
		margin-bottom:0px;
		}
.CallOuts h3 {
	font-size:20px;
	}
}
@media (min-width: 1200px) {
.CallOuts h3 {
	font-size:24px;
	}
  }
/* End homepage call out */



@media (min-width: 768px) {

	.container {
		padding-right: 0px;
		padding-left: 0px;
	}

	#header-bg {
		height:170px;
	}

	#site-heading {
		top: 13px;
    	left: 170px;
    	position: absolute;
    	font-size: 40px;
	}

	#search-stack {
		right:-6px;
		top:25px;
	}

	#opener .brand {
		/* the url call didn't work -Dan */
		background: url("33MetLogo.png") no-repeat 0 0;
		display: block;
		width: 33px;
		height: 33px;
		position: absolute;
		top: 19px;
		padding: 0;
		margin-left: 30px;
		text-indent: 100%;
		text-align:center;
		white-space: nowrap;
		overflow: hidden;
		z-index: 20;
		border: 0 0 1px rgba(0,0,0,.8);
	}

	#opener .brand:before {
		display: none;
	}
}

@media (min-width: 992px) {
	#site-heading {
		top:0px;
		font-size: 40px;
	}
	#sidebar {
		margin-top: 10px;
	}
}

/*END HEADER FROM UARK STYLES*/

* MAIN NAV
-------------------------------------------------- */

.navbar {
	z-index: 9;
	background-color: #fff;
	-webkit-box-shadow: 0 0px 7px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 7px rgba(0,0,0,.3);
	box-shadow: 0 0px 7px rgba(0,0,0,.3);
	border-radius: 0;
	min-height: 57px;
	max-height: 57px;
	margin-bottom: 0;
}

.navbar-default
{
	border: none;
	background-color:#fff;
}

.navbar .btn-navbar {
	color:#666;
	text-shadow:none;
}


/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
	margin-top: 10px;
}

.navbar .dropdown i {
	font-size:18px;
}

.navbar-collapse {
	background-color: #fff;
	top: 0px;
	text-align: center;
	z-index: 30;
}

#mainnav {
	margin-left:auto;
	margin-top:auto;
	overflow: visible;
    height: auto;
}

#mainnav > li > a {
	font-size: 14px;
	display: block;
	color: #e4002b;
	background-color:#fff;
	font-weight: 700;
	text-transform: none;
	border-top: 5px solid #fff;
	text-decoration: none;
	margin-top: 15px;
}


#mainnav > li:last-child a {
	padding-right: 15px;
}

#mainnav > li > a:hover, #mainnav > li > a:focus {
	border-top-color:#fff;
	color:#e4002b;
}


/* Dropdown */

#mainnav ul {
	list-style: none outside;
	text-align: left;
	margin:0;
	padding:0;
	background-color: rgba(47,47,47,.95);
	color: rgba(47,47,47,.95);
	border-right: 1px solid #5f5f5f;
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-moz-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-ms-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-o-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	overflow: hidden;
	z-index:10;
	width:0;
}
		
#mainnav ul.last {
	border-right: none;
}


@media (min-width: 768px) {
	.navbar {
		margin-top:71px;
	}
	
	.navbar-collapse, .navbar-collapse.collapse {
		background-color: #fff;
		top:48px;
		/*margin-bottom: 50px;*/
	}

	#mainnav {
		float: left;
		margin-left: 135px;
		margin-right: 0px;
		margin-top: 0px;
		height: 57px;
		clear: both;
	}

    #mainnav ul {
    	visibility: hidden;    
		width: 0px;
    }

	#mainnav > li {
		line-height: 52px;
		float: left;
		position: relative;
	}

	#mainnav > li > a {
		font-size: 16px;
		font-weight: 700;
		padding: 0 10px;
		margin-top: 0;
		/*border-top: 5px solid #fff;*/
		line-height: 52px;
	}

	#mainnav > li > a.current,
	#mainnav > li > a:hover,
	#mainnav > li > a:focus {
		border-color: #fff;
		text-decoration:underline;
	}

	.navbar .btn-navbar {
		position: relative;
		left: 45%;
	}

	.navbar .btn-navbar:hover, .navbar .btn-navbar:focus {
		color: #af0001;
	}
}


@media (min-width: 992px) {
    #mainnav ul {
        /* width: 118px; no Gift size */
		width: 108px;
    }
    #mainnav > li > a {
        padding: 0 24px;
        font-size: 16px;
    }
	#mainnav:hover ul {
		visibility: visible;
		opacity: 1;
		height: auto;
		min-height: 290px;
		transition-delay: 0s;
	}
	#mainnav ul > li > a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		font-size: 14px;
		font-weight: 300;
		padding: 6px 8px;
		line-height: 1.55;
	}
	
	#mainnav ul > li > a:hover {
	background-color: #707070;
	}
	
	#mainnav > li:hover > ul {
	background-color: #454545;
	}
}


@media (min-width: 1200px) {
	
	 #mainnav > li > a {
        padding: 0 24px;
        font-size: 22px;
    }
	
	#mainnav ul {
		/* width:150px; no Gift size */
		width:140px;
	}
	.navbar .nav > li > a {
		padding:0 8px;
		font-size: 18px;
        text-align: center;			
	}
	.navbar .nav > li {
		line-height: 53px;
	}
}
/*END MAIN NAV FROM UARK STYLE*/

/*BEGIN STYLES.CSS FROM UARK SIERRA*/

/*@font-face {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	src:url('/screens/flying-pig-glyph/pigsfly.eot?x0nfyx');
	src:url('/screens/flying-pig-glyph/pigsfly.eot?x0nfyx#iefix') format('embedded-opentype'),
		url('/screens/flying-pig-glyph/pigsfly.ttf?x0nfyx') format('truetype'),
		url('/screens/flying-pig-glyph/pigsfly.woff?x0nfyx') format('woff'),
		url('/screens/flying-pig-glyph/pigsfly.svg?x0nfyx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-flying-pig:before {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	content: "\e900";
	font-size: 1.8em;
	margin-bottom: -6px;
    display: inline-block;
    vertical-align: bottom;
}*/



#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 {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:500;
	} /*changed font-weight due to pixelation of font at weigt 400*/

.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;
	}

#content select, #content input[type="text"], #content .advanced-search input, #content textarea, input#inst {
    height: 31px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    }
    
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: #fff !important;
    background-color: #a6192e;
	font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    border-radius: 0;
    -moz-user-select: none;
    padding: .625rem 2.5rem;
    display: inline-block;
    text-decoration: none !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, .request-button:hover {
    color: #fff !important;
    background-color: #e4002b;
	}

.request-button, .submit.button, .mainmenu #search input[type="submit"], #main-search.advanced input[type="submit"]{
    background-color: #a6192e;
    margin-bottom: 0;
    padding: 7px 14px 7px 14px;
	}

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

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

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


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

.navigationRowRecord a span.button, .bibResourceSidebar a span.button, .bibResourceTableEntry a #resourcelink span.button {
    color: #a6192e !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-left: 5px;
    }
    
#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;
    margin: 15px 20px 0 0;
    }
    
#bib_items {
    margin: 20px 0 !important;
    }

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

.mainmenu #search, #main-search.advanced {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 20px;
	}
	
.mainmenu #search .form-group {
	margin: 10px;
	font-size: 1.2em;
	}
	
.mainmenu #search .form-group label {
	margin-right: 5px;
	}
	
.mainmenu #search input[type="submit"] {
	display: block;
	margin: 20px auto 0 auto;
	}

#more {
	margin-top: 35px;
	}
	
#more a {
	font-size: 1.1em;
	font-weight: 600;
	}
	
#more-options {
	width: 50%;
	margin: 0 auto;
	}
	
.form-control {
	font-size: 16px;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 0px;
	display: inline;
	}

/*may want to revisit adding below back due to accessibility
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}*/

#main-search.advanced .daterange {
	text-align: center;
	}

#main-search.advanced {
    text-align: center;
    }

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

.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 {
    vertical-align: bottom;
    }
    
.submits {
    margin-top: 10px;
	text-align:center;
    }
	
@media (min-width: 320px) {
.col-sm-6 {
	float: inherit;
	position: relative;
	margin-left:	325px;
	padding-top: 20px;
}
}

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

#loggedin, #not-loggedin {
    text-align: center;
    margin-bottom: 10px;
	font-weight: 600;
    padding: 10px;
	background-color: #fff;
	border-color: #fff;
	color: #0050bc;
    }
    
#loggedin ul {
    display: inline-block;
    margin: 5px 20px;
    }
    
#loggedin #searchoptions, #not-loggedin #searchoptions {
    display: inline-block;
    }

/*  #resourceAlertMessage .resourceResource ...? */
#resourceAlert .resourceInfoLabel {
	display:none;
}
    
.loggedInMessage, .msg, .confirmationprompt, .bibResourceSubEntry {
    color: #78681E;
    background-color: #F6F0A0;
    font-style: normal;
    display: block;
    margin: 0 0 20px 0;
    padding: 15px;
    border: 1px solid #faebcc;
    border-radius: 4px;
    }

.confirmationprompt {
    color: #a6192e;
    background-color: #c8d8eb;
	}

.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;
	}

.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-bottom: 1px solid #f2f2f8;
    }
    
.patFuncArea, .patFunc  {
    border: none;
    }

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

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

.patFuncTitle a span:hover {
    text-decoration: underline;
    }
    
.patFuncTitleMain {
    font-size: 1.2em;
    padding-right: 10px;
    display: inline-block;
    }
/*
#patButHolds a:before {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 6px;
	font-size: 1.5rem;
    font-weight: 600;
	}
	
#patButHolds {
    color: #fff !important;
    background-color: #a6192e;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    border-radius: 0;
    -moz-user-select: none;
    padding: .625rem 2.5rem;
    display: inline-block;
    text-decoration: none !important;
}
*/

/*
Line Note

This controls the icon for the button
#patButHolds a { background:#FFFFFF url('ico_redflag.gif') no-repeat top left; margin-left:5px; padding-left:25px; line-height:1.8em; } 

This line controls the "box" placement:
#patButFines a, #patButHolds a, #patButChkouts a, #patButBookings a { margin-top:3px; margin-left:0px; padding-left:28px; line-height:30px; }

*/

#patButHolds a { margin-top:0px; margin-left:2px; padding-left:0px; line-height:1.8em; }


.patFuncHeaders {
    background: #e1e1e7;
	}

.patFuncHeaders a {
    margin-top: 0;
	}

.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;
    }


	/* 
Line Note
UARK Line List Formatting:
#patActionsLinksList {
    margin: 10px 0 20px 0;
    }

#patActionsLinksList li {
    padding: 5px;
    }
 
#patActionsLinksList li a {
    background-color: #a6192e;
    font-size: 1.5rem;
	padding: 0;
    display: block;
    white-space: nowrap;
	color: #fff;
	font-weight:600;
	display: inline-block;
    }

#patActionsLinksList li a:hover {
    background-color: #a6192e;
    color: #fff;
    text-decoration: underline;    
    }

Base 2009B line list formatting:
#patActionsLinksList li { list-style:none; padding:0; text-align:left; margin:0px; }
#patActionsLinksList { margin:0 10px 0 0; padding:0px; font-size:1em; }
	
*/

#patActionsLinksList li { list-style:none; padding:0; text-align:left; margin:0px; }

#patActionsLinksList { margin:10px 0 20px 0; padding:0px; font-size:1em; }


	
/* -- 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: 16px; 
    }
*/
    
.browseSearchtoolMessage {
    margin-top: 10px;
    }

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

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

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

/*td.briefcitCell:hover, .browseEntry:hover, .browseSubEntry:hover, .browseSubEntry.hovrd, .browseEntry.hovrd {
    background-color: #fcf8e3 !important;
	}*/

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

.yourEntryWouldBeHere, .yourEntryWouldBeHerechild, .yourEntryWouldBeHere + .browseSubEntry {
    background-color: #d0d0d0 !important;
    }
    
.yourEntryWouldBeHere {
    padding: 10px 20px;
    }
    
.browseList .yourEntryWouldBeHere {
    border: none;
    }
 
.yourEntryWouldBeHereData {
    border: none;
	vertical-align: middle;
	font-size: 1.2em;
	}

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

font[color="red"] {
    color: #a6192e !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 0px 0px 0px;
	}

.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;
    }
    
.briefcitCell {
    padding-top: 20px;
    padding-bottom: 20px;
    }

.briefcitItemsHeader h2 {
    font-size: 1.3em;
    border-bottom: 1px solid #f2f2f8;
    }
    
.briefcitTitle {
    font-size: 1.2em
    }

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

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

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

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

.browseHeader {
	background-color: #d0d0d0;
	}

.browseHeaderData {
	padding: 10px;
	text-align: center;
	}

.browsePager {
	padding-top: 15px;
	}

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

.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: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    }

.browsePager a:first-child:before {
    margin-right: 5px;
	}

.browsePager a:last-child:after {
    margin-left: 5px;
	}

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

.briefcitLeft, .briefcitResourceLeft {
    display: inline;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    width: 80px;
	}

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

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

.briefcitMedia img, /*.browseSubEntryMedia img,*/ .bibMediaBibDisplay img, .browseEntryMedia img { /* media icon in extended briefcit display */
    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;
	}

/* -- briefcit for resource records / briefcit_resource.html --*/

.resourceAlertMessage {
    color: #78681E;
    background-color: #F6F0A0;
    font-style: normal;
    display: block;
/*    text-align: center; */
    text-indent: 1em; 
    }


.alert-danger {
    color: #78681E;
    background-color: #F6F0A0;
    border-color: #F6F0A0;
}

/* 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: 110px;
	}

.briefcitFullRecord {
    margin-top: 10px;
	}

.briefcitLink { /* "Available Online" text preceding links in briefcit */
	font-weight: bold;
	color: #000;
	}

.briefcitMoreLinks { /* "View full record..." link text for the <!--{ifmulti856}--> token in briefcit */
	padding-left: 1em;
	}
	
.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;
    }
    
.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.4em;
    color: #5a5a5a;
    font-weight: bold;
    margin-bottom: 8px;
	}

#permalink {
    margin-bottom: 12px;
	}
  
.bibItemsHeader {
    text-align: left;
	}

.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: #f2f2f4;
	}

.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;
    }

.bibHoldings td {
    padding: 0;
    }

.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;
    }
    
.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: 240px;
    margin-bottom: 0;
	}

/*  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 ul, #helpmenu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

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

 /* end added */


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

#advancedsearch {
	width: 100%;
}

.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: 5px 20px;
    background-color: #f2f2f8;
    margin-top: 16px;
    }


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

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: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    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, #email{
	z-index: 1000; 
    background:#fff;
	}

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

#info {
	top: 500;
	}

		

		
		
/*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.1em; font-weight: 600;}

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

/*
.daterange { border: 1px solid #e5e5e5; border-radius: 10px; padding: 10px; background: #f2f2f4; margin-bottom: 16px; }
*/

.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: 40%; }
    .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 (min-width: 992px)
.col-md-6 {
    width: 100%;
}

@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 { text-align: center; padding: 5px; }
    #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: 216px; }
}

@media (min-width: 768px) {
    .mainmenu #search, #more { text-align: center; }
    #searcharg { width: 300px; }
    .alternatives #spellcheck { float: left; }
    .alternatives .findmore { float: right; }
    .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; }
/*    #site-heading { margin-top: .3em; } */
    #site-heading { margin-top: -.1em; margin-left: -.375em; }
    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: .20em !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;}
/* test has-sidebar from lib-styles */
   .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; }
}


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

@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: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-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; clear: left; }
    .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; }
}
/* METMUSEUM CSS FOOTER */
.global-footer{background-color:#fbfbfb;font-size:0;padding-top:60px;padding-top:3.75rem;list-style:none;}
@media screen and (max-width:639px){.global-footer{border-top:1px solid #e6e6e6}
}
.global-footer ul{float:left;list-style:none;margin:0;padding:0}
@media screen and (max-width:1023px){.global-footer ul{margin-top:0;margin-top:0rem}
}
@media screen and (max-width:639px){.global-footer ul{margin:0 auto;float:none}
}
.global-footer__wrapper{margin:0 auto;max-width:960px;}
@media screen and (max-width:1023px){.global-footer__wrapper{padding:0 20px;padding:0 1.25rem}
}
@media screen and (max-width:639px){.global-footer__wrapper{display:block;min-width:240px;min-width:15rem;margin-left:0}
}
.content-wrapper .global-footer__wrapper{padding:0}
.global-footer__text-columns{font-size:16px;font-size:1rem}
.global-footer__text-columns p{-webkit-margin-before:0;margin-top:0}
.global-footer__mobile-actions{display:none;font-size:16px;font-size:1rem}
@media screen and (max-width:1023px){.global-footer__mobile-actions{display:block;margin:0 0 10px;margin:0 0 .625rem}
.global-footer__mobile-actions::after{clear:both;content:"";display:table}
}
.global-footer__mobile-actions .global-footer__mobile-language{background:transparent;border:1px solid;display:block;font-weight:600;margin:0 auto;min-width:240px;padding:8px;width:50%}
@media screen and (max-width:1023px){.global-footer__mobile-actions .global-footer__mobile-language{float:left;width:48%}
}
@media screen and (max-width:639px){.global-footer__mobile-actions .global-footer__mobile-language{float:none;width:100%}
}
.global-footer__mobile-actions form>.global-footer__mobile-login{background:transparent;border:1px solid;display:block;font-weight:600;margin:0 auto;min-width:240px;padding:8px;width:50%}
@media screen and (max-width:1023px){.global-footer__mobile-actions form>.global-footer__mobile-login{width:48%}
}
@media screen and (max-width:639px){.global-footer__mobile-actions form>.global-footer__mobile-login{width:100%;margin-top:20px;margin-top:1.25rem;margin-bottom:20px;margin-bottom:1.25rem}
}
.global-footer__mobile-language{display:inline}
@media screen and (max-width:1023px){.global-footer__mobile-language{margin-left:0;margin-bottom:10px}
}
@media screen and (max-width:639px){.global-footer__mobile-language{width:100%;display:inline}
}
.global-footer__mobile-login{display:inline}
@media screen and (max-width:1023px){.global-footer__mobile-login{margin-bottom:20px;margin-bottom:1.25rem;float:right}
}
@media screen and (max-width:639px){.global-footer__mobile-login{width:100%;display:inline;float:none}
}
@media screen and (max-width:639px){.global-footer__primary-nav{padding-bottom:20px}
}
.global-footer__primary{border-bottom:1px solid #e6e6e6;font-weight:600;padding-bottom:40px}
.global-footer__primary::after{clear:both;content:"";display:table}
@media screen and (max-width:639px){.global-footer__primary{border-bottom:0;padding-bottom:0}
.global-footer__primary>*{margin:0 auto}
}
.global-footer__nav-items{width:100%;text-align:left}
@media screen and (max-width:1023px){.global-footer__nav-items{overflow:hidden}
.global-footer__nav-items::after{clear:both;content:"";display:table}
.global-footer__nav-items li:nth-child(even){width:48%;float:right;padding-left:5px;padding-left:.3125rem}
}
@media screen and (max-width:639px){.global-footer__nav-items li:nth-child(odd){padding-left:0}
.global-footer__nav-items li:nth-child(even){width:100%;float:left;padding-left:0}
}
.global-footer__nav-item{font-family:"MetSans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-style:normal;width:100%;min-width:240px;min-width:15rem;font-size:18px;font-size:1.75rem}
.global-footer__nav-item a:hover{color:#a6192e;text-decoration:underline}
@media screen and (max-width:1023px){.global-footer__nav-item{width:48%;display:inline;float:left;line-height:1.5em;padding:0 20px 0 5px;padding:0 1.25rem 0 .3125rem;text-transform:uppercase}
}
@media screen and (max-width:639px){.global-footer__nav-item{width:100%;clear:both;display:block}
}
.global-footer__nav-link{text-decoration:none}
.global-footer__nav-link:hover{text-decoration:underline}
.global-footer__locations{vertical-align:top}
@media screen and (max-width:1023px){.global-footer__locations{display:block}
.global-footer__locations::after{clear:both;content:"";display:table}
}
.global-footer__locations-items{font-size:0;width:100%}
@media screen and (max-width:1023px){.global-footer__locations-items{clear:both}
.global-footer__locations-items::after{clear:both;content:"";display:table}
}
.global-footer__locations-item{float:left;display:block;margin-right:0;width:25%}
.global-footer__locations-item:last-child{margin-right:0}
@media screen and (max-width:1023px){.global-footer__locations-item{display:inline-block;vertical-align:top;float:none;width:50%;padding-left:0}
.global-footer__locations-item:first-child{width:100%}
.global-footer__locations-item:nth-child(2),.global-footer__locations-item:nth-child(3){border-top:1px solid #dedede;padding-top:50px;padding-top:3.125rem}
.global-footer__locations-item:nth-child(3){padding-left:15px;padding-left:.9375rem}
}
@media screen and (max-width:639px){.global-footer__locations-item{display:list-item;margin:0 auto 40px;margin:0 auto 2.5rem;min-width:240px;padding:0;width:100%;margin-left:0;padding-left:0}
.global-footer__locations-item:first-child{width:50%}
.global-footer__locations-item:nth-child(3){padding-top:0;padding-left:0;border-top:0}
}
.global-footer__secondary{border-bottom:1px solid #e6e6e6;padding:36px 0 28px;padding:2.25rem 0 1.75rem;text-align:center}
.global-footer__secondary::after{clear:both;content:"";display:table}
.global-footer__secondary-wrapper{max-height:16px;max-height:1rem}
@media screen and (max-width:639px){.global-footer__secondary-wrapper{display:inline-block;min-width:240px;text-align:left;width:280px;width:17.5rem;width:280px;width:17.5rem;text-align:center}
.global-footer__secondary-wrapper form{text-align:left}
}

.global-footer__social-items{font-size:0;float:right}
@media screen and (max-width:639px){.global-footer__social-items{float:none}
}
.global-footer__social-item{margin:0;padding:0;display:inline-block;font-size:0;margin-left:20px}
.global-footer__social-item:first-child{margin-left:0}
.global-footer__social-item .icon--fbook{width:16px;width:2rem;height:16px;height:2rem}
.global-footer__social-item .icon--twitter{width:24px;width:1.5rem;height:16px;height:1rem}
.global-footer__social-item .icon--pinterest{width:24px;width:3rem;height:16px;height:2rem}
.global-footer__social-item .icon--instagram{width:24px;width:3rem;height:16px;height:2rem}
.global-footer__social-item .icon--youtube{width:42px;width:2.625rem;height:16px;height:1rem}
.global-footer__newsletter-signup{float:right;font-size:0;margin-top:-9px;padding:0;position:relative}
.global-footer__newsletter-signup::after{clear:both;content:"";display:table}
.global-footer__newsletter-signup>*{vertical-align:middle}
.global-footer__newsletter-signup .form__validation-error{display:block;position:absolute;right:118px;right:7.375rem}
@media screen and (max-width:639px){.global-footer__newsletter-signup .form__validation-error{right:initial}
}
@media screen and (max-width:639px){.global-footer__newsletter-signup{margin-bottom:30px;margin-bottom:1.875rem;float:left}
}
.global-footer__newsletter-label{display:inline-block;font-size:18px;font-size:1.125rem;font-weight:400;margin-right:20px;margin-right:1.25rem}
@media screen and (max-width:639px){.global-footer__newsletter-label{display:block;margin-bottom:10px;margin-bottom:.625rem}
}
.global-footer__newsletter-input{border:1px solid #e6e6e6;font-size:16px;font-size:1rem;font-weight:600;padding:0 10px;padding:0 .625rem;width:200px;width:12.5rem;height:43px;height:2.6875rem}
@media screen and (max-width:639px){.global-footer__newsletter-input{width:12em}
}
.global-footer__newsletter-submit{background-color:#262626;border:0;color:#fff;font-size:16px;font-size:1rem;font-weight:600;padding:12px 20px;padding:.75rem 1.25rem}
@media screen and (max-width:639px){.global-footer__newsletter-submit{position:absolute;min-width:90px;min-width:5.625rem}
}
.global-footer__newsletter-confirm{font-size:20px;font-size:1.25rem;font-weight:600;margin:0}
.global-footer__site-info{display:block;padding-top:30px;padding-top:1.875rem;padding-bottom:20px;padding-bottom:1.25rem}
.global-footer__site-info::after{clear:both;content:"";display:table}
@media screen and (max-width:639px){.global-footer__site-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px;margin-top:1.25rem;padding:8px 0 50px;padding:.5rem 0 3.125rem}
}
.global-footer__info-nav{display:inline-block}
@media screen and (max-width:1023px){.global-footer__info-nav{display:block;text-align:left}
.global-footer__info-nav .global-footer__info-items{float:none}
.global-footer__info-nav .global-footer__info-items{margin-left:0}
}
@media screen and (max-width:639px){.global-footer__info-nav{text-align:left}
}
.global-footer__info-nav .global-footer__info-item{margin-left:25px;margin-left:1.5625rem}
@media screen and (max-width:639px){.global-footer__info-nav .global-footer__info-item{margin-left:0}
.global-footer__info-nav .global-footer__info-item:first-child{margin-left:0}
}
.global-footer__info-items{margin:0;padding:0}
@media screen and (min-width:320em){.global-footer__info-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
}
.global-footer__info-item{font-family:"MetSans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;font-style:normal;font-size:14px;font-size:.875rem;display:inline-block;margin-left:65px;margin-left:4.0625rem;padding-right:18px;padding-right:1.125rem}
.global-footer__info-item:first-child{margin-left:0}
@media screen and (max-width:639px){.global-footer__info-item:first-child{margin-left:auto;padding-top:15px;padding-top:.9375rem}
}
@media screen and (max-width:1023px){.global-footer__info-item{margin-left:5%;padding-right:0;width:100%}
}
@media screen and (max-width:639px){.global-footer__info-item{display:list-item;padding-top:15px;padding-top:.9375rem;width:50%;margin:0 auto 15px;margin:0 auto .9375rem;min-width:240px;min-width:15rem;clear:left;padding-top:15px;padding-top:.9375rem}
.global-footer__info-item::after{clear:both;content:"";display:table}
.global-footer__info-item a{padding-left:10px;padding-left:.625rem}
}
.content-wrapper .global-footer__info-item{margin-left:10px;margin-left:.625rem;padding-right:0}
.content-wrapper .global-footer__info-item:first-child{margin-left:0}
@media screen and (max-width:639px){.content-wrapper .global-footer__info-item{margin-left:0}
}
.global-footer__info-link{font-size:14px;font-size:.875rem;text-decoration:none}
.global-footer__info-link:hover{text-decoration:underline}
.global-footer__copyright-info{width:35%;float:right;color:#666;display:inline-block;font-size:12px;font-size:.75rem;text-align:right}
@media screen and (max-width:1023px){.global-footer__copyright-info{float:none;width:100%;text-align:center;margin-top:40px;margin-top:2.5rem}
}
@media screen and (max-width:639px){.global-footer__copyright-info{text-align:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:15px 0 20px;padding:.9375rem 0 1.25rem;width:100%}
.global-footer__copyright-info::after{clear:both;content:"";display:table}
}
.content-wrapper .global-footer__copyright-info{width:auto}
.global-footer--external{padding-top:30px;padding-top:1.875rem}
.global-footer--external .global-footer__copyright-info{float:none;margin-bottom:20px;margin-bottom:1.25rem;text-align:center;width:100%}
@media screen and (min-width:320px){.global-footer--external .global-footer__copyright-info{text-align:left}
}
.global-footer--external .global-footer__locations-items{float:none}
@media screen and (min-width:320px){.global-footer--external .global-footer__locations-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
@media screen and (min-width:320px){.global-footer--external .global-footer__locations-items{display:block}
}
.global-footer--external .global-footer__locations-item{border:0;display:block;margin:0 0 40px;margin:0 0 2.5rem;min-width:0;padding:0;width:auto}
@media screen and (min-width:320px){.global-footer--external .global-footer__locations-item{display:inline-block;margin:20px 70px 0 0;margin:1.25rem 4.375rem 0 0}
}
.global-footer--external .global-footer__locations-item:first-child{padding-left:0}

.location-info{display:inline-block}
.location-info .museum-address__name{font-family:"MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;font-style:normal;font-size:24px;font-size:1.5rem;margin:30px 0 20px;margin:1.875rem 0 1.25rem}
.location-info .museum-address__information{margin-bottom:40px;margin-bottom:2.5rem}
@media screen and (max-width:639px){.location-info .museum-address__information{margin-bottom:0}
}
.location-info .museum-address__hours-items,.location-info .museum-address__information-items{display:inline-block;width:50%}
@media screen and (max-width:639px){.location-info .museum-address__hours-items,.location-info .museum-address__information-items{width:100%}
}
@media screen and (max-width:639px){.location-info .museum-address__information-items{margin-bottom:30px;margin-bottom:1.875rem}
}
.location-info .museum-address__hours-item,.location-info .museum-address__information-item{font-size:20px;font-size:1.25rem}
@media screen and (max-width:639px){.location-info .museum-address__hours-item,.location-info .museum-address__information-item{font-size:16px;font-size:1rem}
}
.location-info--simple .museum-address__hours-items{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:10rem;-moz-column-gap:10rem;column-gap:10rem;-webkit-column-rule:2px solid #ddd;-moz-column-rule:2px solid #ddd;column-rule:2px solid #ddd;margin-bottom:20px;margin-bottom:1.25rem;width:100%}
.location-info--simple .museum-address__hours-item{-webkit-margin-before:0;margin-top:0}
.location-info--simple .museum-address__hours-item>span{display:block;width:100%}
.location-info--simple .museum-address__hours-item>span:first-child{font-weight:600}
.location-info--simple .museum-address__hours-item>span:last-child{font-size:24px;font-size:1.5rem;text-align:left}
.location-info__button{border:2px solid #ddd;display:inline-block;font-size:16px;font-size:1rem;font-style:normal;font-weight:700;margin-top:30px;margin-top:1.875rem;padding:10px 40px;padding:.625rem 2.5rem;text-align:center}
.location-info__button:hover{text-decoration:none}
@media screen and (max-width:639px){.location-info__button{display:block}
}
.location-info__opening-notes{font-size:20px;font-size:1.25rem}
@media screen and (max-width:639px){.location-info__opening-notes{font-size:16px;font-size:1rem}
}
.location-info__footnote-items{font-size:14px;font-size:.875rem;list-style:none;margin:10px 0 0;margin:.625rem 0 0;padding:0}
@media screen and (max-width:639px){.location-info__footnote-items{margin-top:0}
}
@media screen and (max-width:639px){.location-info .museum-address,.location-info__opening-notes,.location-info__footnote-items{padding:20px;padding:1.25rem}
}
.museum-address{font-family:"MetSans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-style:normal}
.museum-address::after{clear:both;content:"";display:table}
.museum-address__name{font-size:18px;font-size:1.6rem;margin-bottom:20px}
.museum-address__information{font-size:0}
.museum-address__hours-items,.museum-address__information-items{margin:0;padding:0;list-style:none;vertical-align:top}
.museum-address__hours-item,.museum-address__information-item{margin:0;padding:0;color:#666;font-size:14px;font-size:1.5rem;font-style:normal}
.museum-address__hours-item>span{display:inline-block;width:50%}
.museum-address__hours-item>span:nth-child(2){text-align:right}
@media screen and (max-width:639px){.museum-address__hours-item{margin-top:20px;margin-top:1.25rem}
.museum-address__hours-item:first-child{margin-top:0}
.museum-address__hours-item>span{display:block}
.museum-address__hours-item>span:nth-child(2){text-align:left}
}



/*ProStyles overrides*/
.browseHeader { font-weight:bold; vertical-align:middle; text-align:center }
.browseHeaderData { font-weight:bold; vertical-align:middle; text-align:center}
.browseHeaderEntries { font-weight:bold; vertical-align:middle; text-align:center}
.browseHeaderMark { font-weight:bold; vertical-align:middle; width:5%; text-align:center}
.browseHeaderMedia {font-weight:bold; vertical-align:middle;text-align:center }
.browseHeaderNum { font-weight:bold; vertical-align:middle; width:5%; text-align:center}
.browseHeaderRelevance { font-weight:bold; vertical-align:middle; text-align:center}
.browseHeaderYear { font-weight:bold; vertical-align:middle; width:5%; text-align:center}


/* END METMUSEUM CSS FOOTER */

/* trying to fix hamburger mobile issue */

.navbar-toggle {
	background-color: #e4002b;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	min-height: 30px;
	max-height: 30px;
	z-index: inherit;
	position: absolute;
	float: left;
	top: 5px;
	padding:5px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #e4002b;
}

/*@media only screen and (max-width: 480px) {
    #main-nav { margin-top: -60px; min-height: 57px; width: 200px; background-color: transparent; width: 115px; }
    .navbar-nav { margin: 0; }
    #site-heading { font-size: 1.9em;}
    #header-bg { height: 200px; }
}
*/
@media only screen and (max-width: 767px) {
  
  .navbar-collapse {
	z-index: 999;
	text-align: center;
	margin-top: 45px;
	float: left;
	width: 100%;
	padding-right: 15px;
	max-width: 375px;
    left: 5px;
    overflow-y: hidden; 
}  
    #mainnav > li > a {
    font-size: 18px;
    display: block;
    color: #fff;
    background-color: #e4002b;
    font-weight: 700;
    text-transform: none;
    /* border-top: 5px solid #fff; */
    text-decoration: none;
    margin-top: 0px; 
    border: 1px solid #fff;
}
#mainnav > li > a:hover, #mainnav > li > a:focus {
    border-top-color: #fff;
    color: #fff;
	text-decoration:underline;
}
}
/*	
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 MetSans;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-chevron-down:before {
    content: "\f078";
}

@media only screen and (max-width: 767px)
.navbar-collapse {
    background-color: #333;
    padding: 15px;
    z-index: 999;
    text-align: left;
    position: relative;
    width: 100%;
    min-width: 375px;
    left: 5px;
    right: 5px;
}

@media only screen and (max-width: 480px)
#mainnav {
    padding-top: 6px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

#mainnav {
    margin-left: auto;
    margin-top: auto;
    overflow: visible;
    height: auto;
}
	 close fixing hamburger css*/