/* New framework CSS over-ride styles */

/* Setting font-family to !important for Korean */
.uxf-icon, [class*=" uxf-"], [class^="uxf-"] {
	font-family: UX-Framework !important;
}
.glyphicon { 
	font-family: "Glyphicons Halflings" !important;
}


.container {
	padding-bottom:20px;
	padding-top:20px;
}

h1 {
	margin-top:0px;
	font-size:28px;
}
h2 {
	font-size:24px;
	margin-top:10px;
}
.negate-margin h3 {
	margin-top:0;
}

.nav-tabs {
	margin-bottom:20px;
}

input[type="checkbox"], input[type=radio] {
	margin:4px 4px 0 0;	
}



/* My Research main nav dropdown header */
ul.dropdown-menu h5 {
	padding: 5px 10px;
	margin-top: 0px;
	margin-bottom: 0px; 
}

/* NAVBAR */
.navbar-nav > li > a.diagonal {
    padding: 15px 25px !important;
}
/* logo svg for header */
.navbar-nav li div.product-name div.pq-logo {
	background-size: 116px;
	background-repeat: no-repeat;
	height: 27px;
	width: 116px;
}
.navbar{
	margin-bottom:10px;
}
.dropdownText {
	padding: 0px 10px;
	display: table-cell;
}
.helpMenu {
	width:280px;
}

/* Header icons */

.folderFull {
	background-image: url(../uxframework/images/PQ_FullFolder.png);
	background-repeat: no-repeat; background-position: 0px 0px;
	width:28px;
	height:21px;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}

.navbar-nav>li>a {
	padding:16px 10px;
}
.navbar .uxf-folder, .navbar .uxf-user, .navbar .uxf-help-circle, .navbar .uxf-basket, .navbar .uxf-back-in-time{
	font-size:22px;
}
.uxf-info-circle {
	color:#777;
}

.tbox .overlay_header_HelpLink {
	position: absolute;
	top: 22px;
	right: 55px;
}
.toolsSection-btn a:hover{
	cursor: pointer;
}
ul.list-inline li.dropdown.link {
	margin-left: 0px;
}
.resultsHeaderBar .tool-bar-block ul li.link{
	margin-left:15px;
}
.resultsHeaderBar .tool-bar-block{
	margin-top:8px;
}
.resultsHeaderBar .tool-bar-block ul{
	margin-bottom:0px;
}

span#selecteditemscount_badge.badge {
	background-color:#0c5e63;
	margin-left:3px;
}
/* Header icons end */

/* Recent Searches table */
.table th{
	background-color:transparent;
}
.resultsDetailView{
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #ccc;
}
/* FOOTER STYLING */
.quicklinksContainer {
    background-color: #f0f0f0;
    padding: 18px 0;
}
.quicklinksContainer h5 {
    color: #ffffff;
}
ul.quicklinks {
    list-style: outside none none;
    padding-left: 0;
    text-align:right;
}
.quicklinks a {
    color: #ffffff;
    padding-right: 20px;
}
.quicklinks li:last-child a {
	padding-right:0;
}
footer {
    background-color: #494949;
}
#footer-nav-list li {
    margin-bottom: 10px;
}
#footer p {
    color: #E6E6E6;
}
#footer .links {
    color: #E6E6E6;
}
#footer ul.list-inline {
    padding-left: 5px;
}
#footer ul.list-inline li {
    padding: 0;
}
.quicklinks li {
    margin: 5px 0;
    padding-left: 0px;
    padding-right: 0px;
}
#footer div.logo {
	background-image: url(../uxframework/images/pq-logo-footer.png);
	background-repeat: no-repeat;
    margin-left: 10px;
    height:42px;
    width:166px;
    display:inline-block;
    margin-top:6px;
}
p.copyrightlink {
	margin: 4px 0 0 0;
	text-align:right;
}
#footer ul.list-inline li {
	padding: 0px;
}
#footer h5{
	margin-top:0px;
}

/* footer branding */
.footerBranding {
	margin-right:10px;
}

#footer ul.list-inline{
    padding-left: 5px;
}
.footerLogos {
	margin:0 0 4px 0; 
}
.footerLogos li{
    padding: 0px;
    max-width:170px;
    vertical-align: top;
    margin-right: 10px;
}
.footerLogos li:last-child {
	margin-right:0;
}
.footerLogo {
	background-color:#ffffff;
	padding:5px;
	max-height:150px;
}
.footer_custom_text {
	padding-top:10px;
}

/* old style tooltip fix this can be removed when we kill the prototips */
.tooltip {
	opacity: 1;
	font-family: Roboto,Helvetica,Arial,sans-serif;
}

div.prototip_StemWrapper.clearfix .close {
	opacity:1;
}

/* Breadcrumb styling - Product/Subj Vert landing pages and 2nd level pages */
.breadcrumb {
	margin-bottom: 0px;
	list-style: none;
	background-color: #ffffff;
	border-radius: 0px;
	padding: 0px 15px 8px 15px;
	border-bottom: 1px solid #eee;
}
.navbar-below .breadcrumb {
	
}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	font-family:"UX-Framework";
	content: "\2d";
	vertical-align:middle;
}
.breadcrumb > li#change-db::before  {
	content:none !important;
}
.breadcrumb > li#change-db {
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding-left: 10px;
    line-height:12px;
}
/* Subj Vert and Product landing page header styling */
.title-nav-container{
	padding:5px 15px;
	background-color: #f5f5f5;
	border-bottom:1px solid #eee;
}
.title-nav-container h1{
	font-size:25px;
	font-family:Roboto,Helvetica,Arial,sans-serif;
	margin-top:10px;
}
.noMarginTop {
	margin-top:-10px;
}
.landingPadding {
	padding-bottom:0!important;
	margin-bottom:-20px;
}
.landingPage h1 a{
	color:#777;
}
.landingPage h1 a:hover{
	text-decoration:none;
}

/* ADVANCED SEARCH PAGE */
.exposed-search-wrapper {
	margin-bottom:20px;
}

.advSearch label, .exposedFields label, .exposed-search-wrapper .label_container  {
	width:200px;
}
.advSearch .exposed-search-wrapper label, .exposed-search-wrapper .exposedFields label {
	width:auto;
}
.advSearch .exposed-search-wrapper label span, .exposed-search-wrapper .exposedFields label span {
	margin-right:0;
}
.obituary_label, .searchwithin_tbox, .profileLabels, #sectionContent .exposedFields_Col_Container .label_container, .indexing_noteIndex, .dateOfPub_label {
  width: 200px;
}
.exposedFields_Col_Container{
  width:auto;
}
.pub_search_moreOptions .form_element_container input{
	width:auto;
}
.thesaurusQueryTermOr label, #genericBrowseIndex label, #hierarchicalBrowseIndex label {
	width:auto;
}
.annual_reports_label{
	width:60px;
}
.advMoreOptionsWrapper ul li{
	margin-right:20px;
}
.advMoreOptionsWrapper label{
	width:auto;
}
.advSearch .advSrchTools{
	margin:7px 0 0 10px;
	float:left;
}

.commandLineSrchTools{
	margin:7px 0 0 10px;
	float:left;
}
.commandLineDisplay legend{margin-bottom: 0px;}

.advSearch h1{
	margin:0px 5px 0 0;
}
.advSrchTitle {
	margin-bottom:10px;
}
.cancelLink {
	margin-right:10px;
	vertical-align:middle;
	float:left;
	margin-top:7px;
}
#searchForm .queryControl .form_element_container {
	margin-bottom: 10px;
}
.advSearchFieldWrapper .thesaurusTextArea {
	margin-bottom:10px;
}
.additionalRow {
	  margin: 15px 0 0 0;
	  float: left;
	  width: 100%;
}
.addRemove {
	margin-top:10px;
	margin-bottom:15px;
}
.addRemove .uxf-icon{
	margin-right:5px;
}
.andORNot {
	margin-right:10px;
}
.list-inline h5{
	margin:0px;
}
.label_container span, 
.label_container label, 
#MultiDateRange_StartingLabel, 
#endingLabel_multiDateRange,
#endingLabel_fundingOpsMultiDateRange,
#endingLabel_papersInvitedMultiDateRange,
#endingLabel_papersInvitedMultiDateRange_0,
.fundingOps label,
.dateOfPub label,
.scholarInfo label {
	font-size: 16px;
	font-weight: 500;
	color: #777;
	vertical-align:middle;
}
.label_container span {
	margin-right:10px;
}
.label_container span.uxf-icon {
	vertical-align:baseline;
	font-size:inherit;	
}
.pubDateSearchText{
	margin:15px 0;
}
#stdAdvSrchPg.form_element_container{
	margin-right:0px;
}
#adv_search_daterange.form_element_container {
	margin:0 15px 0px 0;
}
.advSearchClrBut {
	margin-top:10px;
}
.advSearch .form_element_container{
	margin:0 15px 0px 0;
}
.duplicates {
	margin-top:15px;
}
#stdAdvSrchPg.form_element_container .dySrchLimiter,
.advSearch .subjectDatabases {
  clear: left;
  height:220px;
}
.exposedFields .form_element_container, .dateOfPub{
	margin:15px 15px 0px 0;
}
.complexLimiters.dySrchLimiter{
	margin-left:15px;
	float:left;
}
#stdAdvSrchPg .label_container, #databaseList .label_container
{
	margin:10px 0;
}
#advSortResults.form_element_container {
	margin:30px 0 15px 0;
}
.DateRangeTypeSelectorLabel {
  width: auto!important;
}
.advPubDateField{
	margin:10px 0 0px 0;
}
.msgAnd{
	float:left;
	margin: 5px 10px;
}
#annual_reports, .fundingOps{
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:0px;
}
#annual_reports .select-wrapper, #annual_reports input{
	width:150px;
	margin-right:10px;
	margin-left:15px;
}
.exposed_dateCol, .dateMargin{
	margin-bottom:20px;
}
.advLimitToArticlesCheck{
	float:left;
	margin-right:20px;
}
.articlesWith {
	margin-bottom:10px;
}
input.exposedSrchField,
.scholarInfo input{
	width:320px!important;
	margin-right:20px;
}
.scholarInfo.form_element_container {
	margin-bottom:15px;
}
.wellesleyAuthor label{
	width:260px;
}
.dySrchScroller.advSearchDbLimiter
{
	width:auto;
}
.searchLimitLabels label{
	width:auto;
}
.adv_srch_date_fields {
  margin: 15px 15px 15px 0;
  float: left;
}
ul.searchLimitLabels label{
	padding:0;
}
.fieldBrowseAdd {
	padding:4px 0 10px;
}
/* END of Adv Search */

/* DOC VIEW PAGE STYLING */
#textReaderWrapper {
	padding-top: 10px;
}
.docViewContentHeader h1 {
	margin-bottom:0;
}
#abstractHeader h2 {
	margin:0;
}
#fullTextHeader h2 {
	margin:0;
}
#abstractHeader .inline_link {
	margin-top: 10px;
}
#fullTextHeader .inline_link {
	margin-top: 10px;
}
#side-panel-search{
	padding-bottom:20px;
	background-color:#fff;
}
#side-panel-search textarea {
	height: 35px;
}
#side_panel .tool-bar-block{
    background: none repeat scroll 0 0 #eee;
    border: medium none;
    border-radius: 0;
    margin-bottom:20px;
}
#side_panel .tool-bar-block .btn{
	font-size:14px;
	margin-bottom:10px;
}
#side_panel .tool-bar-block .toolsSection-btn {
	padding-right:0;
	margin-top:10px;
}
.no-padding-top{
	padding-top:10px !important;
}
#side_panel .tool-bar-block .row {
	margin-right:0;
}
#side_panel .tool-bar-block .well {
	padding: 19px 19px 10px 19px;
}
#side_panel .tool-bar-block .toolsSection-btn .dropdown-menu {
	margin-top: -5px;
	margin-left: 15px;
	min-width: 180px;
}
.toolsSection-btn .uxf-icon{
	margin-right:5px;
}
.dropdown-header {
	font-weight: bold;
    font-size: 14px;
    padding: 3px 10px;
}
#results-nav .uxf-icon {
	font-size:20px;
	line-height: 19px;
	color:#555!important;
}
ul.horizontal li.results-nav-spacing {
	margin:0!important;
}
.back-to-results {
	margin-right:20px !important;
}
.back-to-results:empty{
	display:none;
}
.docView .tabs{
	margin-top:20px;
}
.nav-tabs > li > a {
    background-color: #eee;
    border-color: #eee #eee #ddd;
}
#side_panel dt {
	background-color: #eee;
    padding: 10px 15px;
}
#side_panel h2, #side_panel h3 {
	font-size:16px;
	margin:0;
    color: #585858;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 500;	
}
#side_panel h3 {
	font-size:14px;
}
#side_panel dd {
	background-color: #f9f9f9;
    border-top: medium none;
    padding: 0 10px;
    margin-bottom:20px;
}
#side_panel dd:after, #side_panel dd:before  {
    content: " ";
    display: table;	
	clear:both;
}
.panel-heading h5 a.collapsed:after {
    content: "M";
}
.panel-heading h5 a:after{
    color: grey;
    content: "?";
    float: right;
    font-family: "UX-Framework";
    font-size: 28px;
    line-height: 20px;
}
.panel {
  margin-bottom: 21px;
  background-color: #f9f9f9;
  border-bottom: 1px solid transparent;
  border-top:none;
  border-left:none;
  border-right:none;
}

.panel-body {
  border-bottom:1px solid #ccc;
}
.panel-default>.panel-heading {
	border:none;
}
.panel-default>.panel-body {
	border:none;
}
h5.panel-title a{
	padding:0px;
}
h5.panel-title a:hover{
	text-decoration:none;
}
.zebra-stripe {
   background: #f6f6f6;
}
#side-panel-search .input-group-btn {
  	vertical-align: top;
}
.suppFiles {
	padding-bottom: 20px;
}
#similarDocsPanel .titleAuthorETC {
	line-height: 1.3;
}
.outboundLinks a{
	clear:left;
	float:left;
}
ul.outboundLinks li{
	margin-right:15px;
	margin-bottom:10px;
}
ul.outboundLinks {
	margin-bottom:0px;
}
.well-sm.showFullTextAvailablity{
	padding-bottom:0px;
}
#referenceLinksPanel ul {
	margin-bottom:0;
}
#referenceLinksPanel ul li.divider {
	margin: 10px 0;
}
.citationBrowseIssue {
	display: inline-block;
	margin-left: 5px;
}
.docSideDivider {
	border-bottom: solid 1px #cccccc;
  	margin-left: -3px;
  	margin-right: -18px;
  	padding-bottom: 12px;
}

#indexSearchTermsPanel label{
	display:inline!important;
}

#filters-container ul#filters .uxf-close-square{
	text-decoration:none;
	margin:0 4px;
}

/*Publication show/hide exceptions */
.viewPubContents {
	padding-left: 15px;
}
.viewPubContents a span:after {
	font-family: "UX-Framework";
	content: "\3c";
} 
.viewPubContents a.collapsed span:after {
    content: "\4a ";
    font-family: "UX-Framework";
}
#formatAvailWithExceptions h5 {
	margin-top: 0px;
}


/* Override altmetric details background color */
.altmetric-embed.altmetric-popover-content {
	background-color:transparent!important;
}

/* BROWSE STYLES */
#browseIndexTermsPage dl {
	margin-bottom: 10px;
}
.npcFind {
	margin-top:20px;
}
.browseTitlesAtoZ {
	margin:10px 0;
}
.noTabContent {
	margin-top:20px;
}

/* Basic search styling */
.basicSearchPageWidth {
	max-width: 992px;
	margin: 0px auto 0px auto;
}
#basicSearchInput {
	margin-bottom:10px;
}	
/* Branding styles */
#BasicHeaderBranding {
	margin: 10px 0px;
}
.basicBrandImg {
	float:left;
	text-align:center;
}
.basicBrandImgRight {
	text-align:right;
	float:left;
	padding-right: 5px;
}

.NotruncLink {
	word-wrap: break-word;
	overflow: hidden;
	max-height:59px; 
	text-align:left;
	float:left;
	font-size: 12px;
    max-width: 120px;
}
.headBranding{
	background-color: #ffffff;
}
#HeaderBranding{ 
	padding: 0 20px;
	margin-bottom: 10px;
}
#HeaderBranding img, #BasicHeaderBranding img, #PDFHeaderBranding img{max-height:70px;width:auto;}
#PDFHeaderBranding{}
.truncLink{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 120px;} 

.truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#basicSearchInput .input-group-btn .btn  {
	width:60px;
	border-radius: 0px 6px 6px 0px;
}
#basicSearchInput .input-group-btn  {
	vertical-align:top;
}
#searchTerm {
	resize:vertical;
	overflow:auto;
}
#searchTerm.form-control {
	float: none;
}
#basicSearchInput textarea.form-control, select.input-lg[multiple], textarea.input-lg, .form-horizontal .form-group-lg .form-control, .input-lg  {
    height:0;
    min-height: 46px;
}
.smallLink {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:14px;
}
a .glyphicon, a .uxf-info-circle, a .uxf-globe, a .uxf-settings, .container a .uxf-help-circle, .modal-content a .uxf-icon {
	color:#118289 !important;
}
a:hover .uxf-info-circle, a:hover .container .uxf-help-circle{
	text-decoration:none !important;
}
/* Database hovers get rid of this when they get pulled out */
h3.databaseSearchText_home {
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
}
div.previewBundle {
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}
div.previewBundle h4 {
	font-size:12px;
	margin-top:0px;
	margin-bottom:5px;
}
div.previewBundle div.header_border_bottom {
	margin-bottom: 0px;
}
#databaseListScrollDiv {
	height: 91px;
	overflow: auto;
}
#databaseListScrollDiv ul.bullet.small {
	font-size:12px;
}
.trialsBorder {
	border-left: 1px solid #f5f5f5;
}
#databaseListWrapper h5 {color: #585858;
}
/* Database hovers end */
/*********************************************
	Auto-complete Layer
*********************************************/
.t-autocomplete-menu {
	z-index:99999;
	float: none;
	margin:0;
	top:0;
}
div.t-autocomplete-menu ul {
	background-color:#FFF;
	border:1px solid #CCCCCC;
	border-top:none;
	overflow:auto;
	padding:0;
	margin:0;
}
div.t-autocomplete-menu li.selected {
	font-weight:normal;
	background-color:#e0e0df;
	color:#555555;
}
div.t-autocomplete-menu li {
	border-bottom:none;
	color:#555555;
	cursor:pointer;
	list-style-type:none;
	margin:0;
	padding:3px 3px 3px 5px;
	line-height:normal;
}
/* additional styling for close link */
div.t-autocomplete-menu li.closeAutocomplete {
	background-color:#EEE;
	border-top:1px solid #CCCCCC;
	padding: 2px 0 4px 4px;
}

div.t-autocomplete-menu li.closeAutocomplete span {
	cursor: pointer;
	padding-left:21px;
	padding-bottom: 4px;
}


/* Publication browse - start */
.publicationBrowseSearch input, .publicationBrowseSearch .select-wrapper {
	margin-bottom: 10px;
}

/* collapsableSection.tml override */
#sectionContent {
	float:none;
}
.select-wrapper.form-control {
	overflow:hidden;
}
.lookupLink {
	margin-top:5px;
	}
.addToForm {
	padding-top:28px;
}
.updateSearchLink {
	margin: 5px;
	float:left;
}

#itemsPerPageForm label {
	vertical-align:middle;
}

.cited-details {
	padding:15px 0 10px;
}
/**  COS Scholar Universe Results page **/
#resultsLeftPanel .t-zone#communityTreeZone{
	background:#f9f9f9 !important;
}

/** BOOTSTRAP MODAL WINDOW STYLING OVER-RIDES **/
.modal-content {
	border-radius:10px;
}
#myModalLabel {
	line-height:1.1;
	margin-right:50px;
	font-size:28px !important;
	font-family:aleoregular,serif !important
}
.center-content {
	text-align:center;
}
.center-content .btn{
	margin-right:40px;
}
.modal-footer {
	text-align:left;
}
#endSessionConfirmCancel, #endSessionWarningEndSession {
	margin-top:8px;
}
.modal-dialog .row {
 	margin:8px 0;
}
#printLayerOverlay .modal-footer, #myResearchPrintZone .modal-footer, #saveasExportLayerOverlay .modal-footer, 
#genericBrowseIndex .modal-footer, #hierarchicalBrowseIndex .modal-footer, 
#selectMoreOverlay_Sourcetype .modal-footer, #signInFormOverlay .modal-footer, #forgottenOverlay .modal-footer, #saveToMyResearchOverlay .modal-footer,
#citeThisEmpty_citethis .modal-footer, #citeThisMain_citethis .modal-footer, #emailOverlayId .modal-footer,
#emailMsgModalOverlay .modal-footer, #multipleItemsMsgModalOverlay .modal-footer, #tooManyDocumentsEmailBlock .modal-footer,
#download_citethis .modal-footer, #print_citethis .modal-footer, #saveAsEmailOverlayZone .modal-footer
{ 
/* Some modal layers will not use the footer section which means we need to hide it */
	display:none;	
}
#modal-footer-ux{
	border-top: 1px solid #e5e5e5;
	padding:15px;
	margin:15px -15px 0 -15px; /* Bad hack but necessary */
	padding: 15px 15px 0;
}

#modal-footer-ux.smartSearch {
	border-top: 0px;
	margin-top:15px;
}

/* widgets styles so the preview doesn't look busted, remove when neccessary */
.widget_search_cont #search_inner_panel {
  	padding: 10px 10px 20px 10px;
}

#search_inner_panel .search_field {
  	border: solid 1px #59799a;
  	width: 100%;
  	height: 26px;
  	padding: 2px;
  	float: left;
}
#search_inner_panel .search_icon {
	right:6px;
}
a#getWidgetLink {
	padding-top:16px;
}


/** PDF PAGE STYLING **/
.viewerPager .first, .viewerPager .last {
	margin:0 !important;
	padding: 2px 10px 10px 9px !important
}
.viewerPager .uxf-to-end, .viewerPager .uxf-to-start{
	font-size:14px;
}
.viewerPager .prev-next {
    font-size: 24px;
    line-height: 20px;
    padding: 3px 4px 5px;
    margin:0 10px;
}
.totalPageNumPDF {
	margin: 6px 10px 0 6px;
}
.pageIndex {
	width:auto;
}
#eisWrapper {
	padding:26px 0 0 10px;
}
.eisThumbnails {
	margin:0px 16px 16px 0;
	padding:16px;
	background-color:#fff;
	border-radius:4px;
	text-align:center;
}
.pdfEmbed { /* Set the height of the PDF here */
	height:1000px;
}
#partPdfBarZone h5 {
	margin:5px 0 0 8px;
	color:#585858;
}
.circle {
	width: 34px; 
	height: 34px; 
	background: red; 
	border-radius: 50px;
	text-align: center;
	color:#fff;
	background-color:#118289;
	font-size:18px;
}
.circle .uxf-icon {
	margin-top:6px;
}
.well .pagination{
	margin:0;
}

/* BPjpegViewer styles */
.thumbnail_nav_panel_titlebar {
margin: 15px 0 15px 0;
}
#viewer #scroller{margin:10px 5px 3px 5px;}
#viewer #scroller .thisPage,#viewer #scroller .normal,#viewer #scroller .vHit{float:left;white-space:nowrap;text-align:center;padding:10px;}
#viewer #scroller .normal img,#viewer #scroller .thisPage img,#viewer #scroller .vHit img{padding:2px;margin-bottom:5px;}
#viewer #scroller .thisPage img{background-color:#118289;}
#viewer #scroller .vHit img{background-color:#F4E99D;}
#viewer #scroller .thisPage a:hover img,#viewer #scroller .normal a:hover img,#viewer #scroller .vHit a:hover img{background-color:#CCCCCC;}

input.t-error{
	height:auto;
}
#errorMessage strong span{
	color:#df0000 !important;
}

/*--- RESULTS PAGE ---*/
#smartSearchContent {
	margin-top:10px;
}
ul.searchWithin{
	margin-top:8px;
}
.citeBtn{
	margin-right:15px;
}
.resultsHeaderBar{  
	margin: 0 0 20px 0;
	border-bottom: 2px solid #ccc;
	width: 100%;
	float: left;
}
.form-control.andORNot {
	padding:6px 8px;
}
#selectedItemsHeader {
	padding:5px 10px 0px;
	font-weight:bold;
}
.selectedItemsClear{
	margin-left:15px;
}
.browseIssueSelection, .addItems .selectItems{
	float:left;
	margin-right:15px;
}
.MLAicon, .HAPIicon {padding-right:5px;}
.MLAicon {padding-left:5px;}

.FIAFicon {padding-right:5px;}
.FIAFicon {padding-left:5px;}

.AFIicon {padding-right:5px;}
.AFIicon {padding-left:5px;}

.FIIicon {padding-right:5px;}
.FIIicon {padding-left:5px;}

.smartSearchContainer{
	border: 1px solid #ccc;
	width:100%;
	padding:5px;
}
#smartSearchLayer .truncate{
	white-space:normal;
	overflow:visible;
	text-overflow:inherit;
}
#smPanel a {
	margin-right:10px;
}
#drp_sortResults{
	margin-bottom:15px;
}
.resultsHeaderBarItem, .sortBy {
	margin-right:15px;
	float:left;
}
.searchWithin{
	padding-top:9px;
}	
#allResults-content .searchWithin {
	padding-top: 0px;
	margin: 0 0 15px 15px;
}
.noRelatedSearch{
	float:left;
}
.relatedSearch {
	margin-right:15px;
}
.select-wrapper.sortType {
	margin-bottom:10px;
}
.smartSearchView {
	margin-left:20px;
}
#filters-container .dateInputs {
	float:left;
	width:120px;
}
#filters-container .dateLabels label {
	padding-top:5px;
	width:65px;
}


/*--- LOGIN PAGE ---*/
.login-content.col-md-9{
	border-right: 1px solid #cccccc;
}
.login-content h2, .login-content h3{
	margin-top:0;
	margin-bottom:0;
}
.login-content .well{
	margin-top:40px;
	margin-bottom:30px;
}
#loginArea.login-content{
	margin-top:20px;
}
.shibLogin label{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.shibLogin .select-wrapper{
	margin-bottom:15px;
}
#institution-layer {
    min-height: 100px;
	overflow-y: scroll;
	width: 100%;
	overflow-x: hidden;
	margin-left: 0;
	border: 1px solid #ccc;
	padding: 10px 20px 10px 10px;
	margin-bottom: 15px;
}
#institutionForm {
	overflow: auto;
	margin-bottom: 10px;
}
#institutionForm .form-group {
	margin-bottom: 0px;
}

.light {font-family: "Roboto Light",Helvetica,Arial,sans-serif;}

.complianceLinks {
	margin-top:9px;
	margin-left:15px;
}
.complianceAgreeButtons a{
	margin-left:15px;
}

.jpMorganBranding #brandImage{
	padding-right: 0px;
}

/*--- Thesaurus styles ---*/
#thesaurusTermsDiv h1 {
	font-size: 22px;
}
#thesaurusResultBlockDiv #instructions h2 {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.ipad #thesaurusResultBlockDiv #instructions h2 {
	margin-top: -25px;
	margin-left: 30px;
}
h4.majorLabel {
	font-size: 14px;
}
.thesaurusNoteTerm ul.bullet li, .thesaurusNoteTerm ul.horizontal li.bullet {
    background: rgba(0, 0, 0, 0) url("../images/icons/bullets_sprite.png") no-repeat scroll -2px -1203px;
    margin-bottom: 4px;
    padding-left: 11px;
}
.focusBorder {
	border-color: #118289;
  	-webkit-box-shadow: inset 1px 2px 0 rgba(0,0,0,.075),inset 0 0 0 1px #118289;
  	box-shadow: inset 2px 2px 0 rgba(0,0,0,.075),inset 0 0 0 1px #118289;
 	outline: 0;
 	border-width:2px;
}

.thesaurusInputRow .thesaurusQueryTermField, .thesaurusInput{
	position: relative;
}
/* This class is for SaveToFlow Link, the component has to be on the page but not visible under More, topOptions on DocView */
a.hiddenSaveToFlowLink {
	display:none;
}
/* Stops the urls being printed out on ctrl + p and bolds the hit highlighting*/
 @media print {
      a[href]:after {
        content: "" !important;
      }
      span.hit {font-weight: bold!important;}
	}
	
#signInLoginFormDiv label {
	line-height: 35px;
}
#signInLoginFormDiv .row{
	margin:10px 0;
}
.passwordMsg{
	margin-bottom:30px;
}
#createProfileOverlay .modal-footer, #filters .modal-footer{
	border-top:none;
}
.modal-body {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
}
/* Styling for a fixed header table "more options" */
table.fixed_header {
    display: table;
    width: 100%;
}
table.fixed_header tbody {
    float: left;
    width: 100%;
}
table.fixed_header thead{
    float: left;
    width: 97%;
}
table.fixed_header tbody {
    overflow: auto;
    height: 350px;
}
table.fixed_header tr {
    width: 100%;
    display: table;
    text-align: left;
}
table.fixed_header th.medCol, table td.medCol{
	width:15%!important;
}
table.fixed_header th.lrgCol, table td.lrgCol{
	width:50%!important;
}
table.fixed_header th.countCol, table td.countCol{
	width:20%!important;
}
.addNoteField {
	margin-bottom:30px;
}
.dateOfPub.form_element_container{
	margin:15px 0 15px 0;
}
.toDateLabel {
	margin:0 10px 0 10px;
}
.fromDateLabel{
	margin:0 10px 0 0px;
}
.dateOfPub label, .dateOfPub input {
	float:left;
}
.dateOfPub label {
	line-height:35px;
}
/*--- MEDIA QUERIES - Place all css before here ---*/


    /* Extra Large Devices, Extra Wide Screens */
	@media (min-width: 1201px) and (max-width : 3840px) {
		/* Advanced Search */
		.thesaurusInput textarea, .thesaurusTextArea textarea{
			float:left;
			width:800px;
		}
		.msgIn{
			float:left;
			margin: 7px 20px;
		}
		.searchTermSelect{
			float:left;
			width:280px;
		}
		.andORNot{
			float:left;
			width:72px;
			margin-right:25px;
		}
		.thesaurusInputRow .thesaurusQueryTermField{
			float:left;
			width:320px;
		}
		.thesaurusTextAreaRow {
			float: left;
			width: 704px;
		}
		.thesaurusQueryTermOr{
			float:left;
			margin: 6px 20px 0 20px;
		}
		.wellesleyAuthor {
			margin-left:220px;
		}
		.queryControl .lookUpLink {
			margin:10px 5px 0 5px;
			width:200px;
		}
		/* Advanced Search end */
		
		/* Login page */
		.login-content label {
			margin-top: 7px;;
			width: 100px;
			float:left;
		}
		.login-content input, .shibLogin .select-wrapper {
			width:500px;
			float:left;
			margin-right:15px;
		}
		.login-content .btn {
			float:left;
		}
		
    }
    
    /* Large Devices, Wide Screens */
    @media (min-width: 993px) and (max-width : 1200px) {
		/* Advanced Search */
		.thesaurusInput textarea, .thesaurusTextArea textarea{
			float:left;
			width:600px;
		}
		.msgIn{
			float:left;
			margin: 7px 20px;
		}
		.searchTermSelect{
			float:left;
			width:285px;
		}
		.andORNot{
			float:left;
			width:72px;
			margin-right:25px;
		}
		.thesaurusInputRow .thesaurusQueryTermField{
			float:left;
			width:220px;
		}
		.thesaurusTextAreaRow {
			float: left;
			width: 504px;
		}
		.thesaurusQueryTermOr{
			float:left;
			margin: 6px 20px 0 20px;
		}
		.wellesleyAuthor {
			margin-left:220px;
		}
		.queryControl .lookUpLink {
			margin:10px 5px 0 5px;
		}
		
		/* Advanced Search end*/
		
		/* Login page */
		.login-content label {
			margin-top: 7px;;
			width: 100px;
			float:left;
		}
		.login-content input, .shibLogin .select-wrapper {
			width:400px;
			float:left;
			margin-right:15px;
		}
		.login-content .btn {
			float:left;
		}
		
    }
 
	
	@media (min-width: 992px) and (max-width : 1500px) {  
    	.panel-body .wrapLinkUrl {
    		width:180px!important;
    	}
	}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    	/* Advanced Search */
		.thesaurusInput textarea, .thesaurusTextArea textarea{
			float:left;
			width:480px;
		}
		.msgIn{
			float:left;
			margin: 7px 10px;
		}
		.searchTermSelect{
			float:left;
			width:205px;
		}
		.andORNot{
			float:left;
			width:72px;
			margin-right:15px;
		}
		.thesaurusInputRow .thesaurusQueryTermField{
			float:left;
			width:165px;
		}
		.thesaurusTextAreaRow {
			float: left;
			width: 394px;
		}
		.thesaurusQueryTermOr{
			float:left;
			margin: 6px 20px 0 20px;
		}
		.wellesleyAuthor {
			margin-left:220px;
		}
		.queryControl .lookUpLink {
			margin:10px 5px 0 5px;
		}
		/* Advanced Search end*/
		
		/* Login page */
		.login-content label {
			margin-top: 7px;;
			width: 100px;
			float:left;
		}
		.login-content input, .shibLogin .select-wrapper {
			width:500px;
			float:left;
			margin-right:15px;
		}
		.login-content {
			border-right: none;
		}
		.shibLogin .side-bar {
			border-left:none;
		}
		.login-content .btn {
			float:left;
		}
		
		.panel-body .wrapLinkUrl {
			width:680px!important;
		}							
    }
    
     /* Small/Medium Devices, Tablets */
    @media only screen and (max-width : 768px) {
		/* Advanced Search */
		.thesaurusInput textarea, .thesaurusTextArea textarea{
			float:left;
			width:480px;
		}
		.msgIn{
			float:left;
			margin: 0 10px;
		}
		.searchTermSelect{
			float:left;
			width:205px;
		}
		.andORNot{
			float:left;
			width:72px;
			margin-right:25px;
		}
		.thesaurusInputRow .thesaurusQueryTermField{
			float:left;
			width:170px;
		}
		.thesaurusTextAreaRow {
			float: left;
			width: 384px;
		}
		.thesaurusQueryTermOr{
			float:left;
			margin: 0 10px;
		}
		.wellesleyAuthor {
			margin-left:220px;
		}
		.queryControl .lookUpLink {
			margin:10px 5px 0 5px;
		}		
		/* Advanced Search end*/
		.pdfEmbed { /* Set the height of the PDF here */
			height:800px;
			margin-bottom:20px;
		}
		
		/* Login page */
		.login-content label {
			margin-top: 7px;;
			width: 100px;
			float:left;
		}
		.login-content input, .shibLogin .select-wrapper {
			width:400px;
			float:left;
			margin-right:15px;
		}
		.login-content.col-md-9 {
			border-right: none;
		}
		.shibLogin .side-bar {
			border-left:none;
		}	
		.login-content .btn {
			float:left;
		}
		
		.panel-body .wrapLinkUrl {
			width:680px!important;
		}
		.dropdownText {
			color:#fff;		
		}
    }
	
	/* Extra Small Landscape Devices, Phones */ 
    @media (min-width : 481px) and (max-width : 640px) {
		/* Advanced Search */
		.thesaurusInput textarea, .thesaurusTextArea textarea{
			float:left;
			width:60%;
		}
		.msgIn{
			float:left;
			margin: 5px 0;
			width:100%;
		}
		.searchTermSelect{
			float:right;
			width:35%;
		}
		.andORNot{
			float:left;
			width:100%;
			margin: 5px 0 20px 0;
			
		}
		.thesaurusInputRow .thesaurusQueryTermField{
			float:left;
			width:100%;
		}
		.thesaurusTextAreaRow {
			float: left;
			width: 100%;
		}
		.thesaurusQueryTermOr{
			float:left;
			margin:5px 0;
			width:100%;
		}
		.wellesleyAuthor {
			margin-left:15px;
		}
		input.exposedSrchField {
		  width: 100%;
		  margin-right: 0px;
		}
		.queryControl .lookUpLink {
			margin:10px 5px 0 5px;
		}
		/* Advanced Search end*/
		.pdfEmbed { /* Set the height of the PDF here */
			height:600px;
			margin-bottom:20px;
		}
		
		/* Login page */
		.login-content label {
			margin-top: 7px;;
			width: 100px;
			float:left;
			}
		.login-content input, .shibLogin .select-wrapper {
			width:350px;
			float:left;
			margin-right:15px;
		}
		.login-content h1, .shibLogin h1 {
			font-size: 27px;
		}
		.login-content h2, .shibLogin h2 {
			font-size: 20px;
		}
		.login-content h3, .shibLogin h3 {
			font-size: 18px;
		}
		.login-content .btn {
			float: right;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		.shibLogin .side-bar {
			border-left:none;
			padding-left:0px;
		}
		.login-content .well {
			margin-top: 10px;
			margin-bottom: 20px;
		}
		.panel-body .wrapLinkUrl {
			width:400px!important;
		}
		ul.quicklinks {
		    text-align:left!important;
		}	
		p.copyrightlink {
			text-align:left!important;
		}	
		.footerLogos{
			width:100%;
		}	
		.branding-mobile{
			float:none !important;
		}		
		

    }
    
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.thesaurusInput textarea, .thesaurusTextArea textarea{
			float:left;
			width:60%;
		}
		.msgIn{
			float:left;
			margin: 5px 0;
			width:100%;
		}
		.searchTermSelect{
			float:right;
			width:35%;
		}
		.andORNot{
			float:left;
			width:100%;
			margin: 5px 0 20px 0;
			
		}
		.thesaurusInputRow .thesaurusQueryTermField{
			float:left;
			width:100%;
		}
		.thesaurusQueryTermOr{
			float:left;
			margin:5px 0;
			width:100%;
		}
		.advSearch .dySrchScroller {
			width: 320px;
		}
		.wellesleyAuthor {
			margin-left:15px;
		}
		.wellesleyAuthor label {
		  width: 230px;
		}
		input.exposedSrchField {
		  width: 100%;
		  margin-right: 0px;
		}
		.queryControl .lookUpLink {
			margin:10px 5px 0 5px;
		}
		/* Advanced Search end*/
		.pdfEmbed { /* Set the height of the PDF here */
			height:400px;
			margin-bottom:20px;
		}
		
		/* Login page */
		.login-content label {
			margin-top: 7px;;
			width: 100px;
			float:left;
		}
		.login-content input, .shibLogin .select-wrapper {
			width:100%;
			float:left;
			margin-right:15px;
		}
		.login-content h1, .shibLogin h1 {
			font-size: 27px;
		}
		.login-content h2, .shibLogin h2 {
			font-size: 20px;
		}
		.login-content h3, .shibLogin h3 {
			font-size: 18px;
		}
		.login-content .btn {
			float:right;
			margin-top:10px;
			margin-bottom:10px;
		}
		.login-content form {
			width: 100%;
		}
		.shibLogin .side-bar {
			border-left:none;
			padding-left:0px;
		}
		.shibLogin .btn {
			float:right;
		}
		.login-content .well {
			margin-top: 10px;
			margin-bottom: 20px;
		}		
		.panel-body .wrapLinkUrl {
			width:250px!important;
		}
		ul.quicklinks {
		    text-align:left!important;
		}	
		p.copyrightlink {
			text-align:left!important;
		}	
		.footerLogos{
			width:100%;
		}	
		.branding-mobile{
			float:none !important;
		}
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
		{
			padding:5px;
		}	
		.prod-list-column {
			float:none !important;
			width:auto;
		}
	}

.altclose {
	width:10px;
	height:10px;
	float:right;
	
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;	
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}