body * { font-family: "Open Sans", Arial, Helvetica, sans-serif }
    .center { margin-left: auto; margin-right: auto }
	.catalog-tab-container { margin: 0px 10px 0px 10px; color:#FFFFFF;background-color: #E94B28; width: 166px; height: 31px }
	.catalog-tab-container:hover { background-color: #c93515 }
	.circulation-tab-container { margin: 0px 10px 0px 0px; color:#FFFFFF;background-color: #E94B28; width: 166px; height: 31px }
	.circulation-tab-container:hover { background-color: #c93515 }
	.group-editor-tab-container { margin: 0px 10px 0px 0px; color:#FFFFFF;background-color: #E94B28; width: 166px; height: 31px }
	.group-editor-tab-container:hover { background-color: #c93515 }
	.report-generator-tab-container { margin: 0px 10px 0px 0px; color:#FFFFFF;background-color: #E94B28; width: 166px; height: 31px }
	.report-generator-tab-container:hover { background-color: #c93515 }
	.inventory-tab-container { margin: 0px 10px 0px 0px; color:#FFFFFF; background-color: #E94B28; width: 166px; height: 31px }
	.inventory-tab-container:hover { background-color: #c93515 }

	.catalog-tab { cursor: pointer; color: #FFFFFF; font-weight: 300; font-size: 1.5rem; text-align: center }
	.circulation-tab { cursor: pointer; color: #FFFFFF; font-weight: 300; font-size: 1.5rem; text-align: center }
	.group-editor-tab { cursor: pointer; color: #FFFFFF; font-weight: 300; font-size: 1.5rem; text-align: center }
	.report-generator-tab { cursor: pointer; color: #FFFFFF; font-weight: 300; font-size: 1.5rem; text-align: center }
	.inventory-tab { cursor: pointer; color: #FFFFFF; font-weight: 300; font-size: 1.5rem; text-align: center }

	.oasis-tabs-header-table { border: none; vertical-align: top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	/*.oasis-tabs-header-spacer { height: 18px }*/
	.oasis-tabs-table-cell { padding: 0px 0px 0px 0px; /*text-transform: lowercase;*/ }
    .oasis-tabs-table-container-logged-in { margin: 0px 0px 0px 0px; width: 100%; height:51px; background: url('/m5/catalog/images/bb-bg.png');}
    .oasis-tabs-table-container-logged-out { margin: 0px 0px 0px 0px; height:51px; }
	.oasis-tabs-table  { margin: 0px 0px 0px 0px; height:51px; width:100%; }
 	.M4OasisTabs-title  { padding: 0px 0px 0px 15px; color: #484849; text-align:left; font-size: 20pt; background: transparent; font-weight: bold; height: 40px; white-space: nowrap }
	.M4OasisTabs-subtitle  { padding: 0px 0px 0px 15px; color: #484849; text-align:left; font-size: 12pt; background: transparent; font-weight: bold; height: 65px; white-space: nowrap }
	.oasis-tabs-header  { }
	.oasis-tabs-sideheader {  }
	.oasis-header-logo-row-cell-1 { width: auto; border: none; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
    .logo-redirect-button  { max-height: 100px; border: none; padding: 0px 0px 0px 0px; cursor: pointer; }


    .oasis-tabs-links-table { margin-top: -1em; }


    .oasis-tabs-link-table-cell-1 { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:0px; }
    .oasis-tabs-link-table-cell-2 { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:80px; text-align: center; }
    .oasis-tabs-link-table-cell-3 { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:150px; text-align: center; }
    .oasis-tabs-link-table-cell-4 { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:190px; text-align: center; }
    .oasis-tabs-link-table-cell-5 { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:130px; text-align: center; }
    .oasis-tabs-link-table-cell-6 { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:40px; text-align: center; }
.account-table-signin  { color: #0789B9; font-size: 12pt; font-weight: 300; text-decoration: none; /*text-transform: lowercase;*/ cursor: pointer; }
.account-table-my-account { margin: 0px 0px 0px 0px; color: #0789B9; font-size: 12pt; height:24px; }
.account-table-my-account-text { margin: 0px 5px 0px 0px; color: #0789B9; font-size: 12pt; font-weight: 300; height:24px; cursor: pointer;   }
.account-table-overdues{ border-radius:2em; background-color:#FF0000; color:#FFFFFF; height:24px; width:40px; text-align:center; font-size: 11pt;  }
.account-table-overdues-and-ills { border-radius:2em; background-color:#FF0000; color:#FFFFFF; height:24px; width:40px; text-align:center; font-size: 11pt; }
.account-table-my-lists { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:solid #77D1F6 0px; cursor: pointer; }
.account-table-my-lists-image { padding:0px 0px 0px 20px; background:url('/m5/catalog/images/savesearch-btn.png')  no-repeat;  }
.account-table-my-lists-text { text-align: left; padding:0px 0px 0px 0px; color: #0789B9; font-size: 12pt; text-decoration: none; border:none; }
.account-table-reset { margin: 0px 10px 0px 10px; background-color:#E94B28; color: white; font-size: 1.5rem; font-weight: 300; height:24px; max-width: 100px; cursor: pointer; }
.account-table-reset:hover { background-color:#c93515; }
.account-table-home { background: #E94B28 url('/m5/catalog/images/Home.png') center no-repeat; vertical-align:middle;  width: 24px; height:24px; cursor: pointer; }
.account-table-home:hover { background-color:#c93515; }
/*font-size:10pt; color:#FFFFFF; background: #E94B28 url('/m5/catalog/images/arrowdown-bg.png') center no-repeat; width:120px; height:64px; border-spacing: 0px;border:none;padding:20px 0px 0px 0px;margin:7px 0px 0px 0px;*/


.div-scrollbar {overflow-y:auto;height:100px; scrollbar-3dlight-color:gold;scrollbar-arrow-color:yellow;	scrollbar-base-color:tomato;	scrollbar-darkshadow-color:orange;	scrollbar-face-color:teal;	scrollbar-highlight-color:hotpink;	scrollbar-shadow-color:magenta;}
.database-checkbox-cell{ vertical-align:top; color:white; padding:5px 5px 5px 5px}
.database-tables {vertical-align:top}
.database-table {}
.database-table-container {}
.div-checkbox{ vertical-align:top; color:white; }

.database-name{vertical-align:top; margin:0px 0px 0px 10px}
.center { margin-left: auto; margin-right: auto }
.databases-left-table{ width:230px; vertical-align:top}
.databases-right-table{ vertical-align:top}

.bookbag-folders-dropdown { height: 25px; background: #F5FFFA; font: normal 11pt arial, helvetica, sans-serif; border: 2px solid #DAA520; padding: 2px }
.bookbag-dialog-more-link { font-size: 18px; font-weight: bold; color: #0054A6; cursor: pointer }
.create-new-bookbag { background: transparent; border: none; width: 1px; height: 1px }
.create-bookbag-textbox { height: 25px; background: #F5FFFA; font: normal 11pt arial, helvetica, sans-serif; border: 0px solid #DAA520; padding: 0px }
.DialogDiv { background: #FFFFFF; border: 0px solid #313131; width: 350px; padding: 8px; font-size: 9pt }

.record_font { font-family: Arial, Helvetica, sans-serif; font-size: 1.3rem; line-height: 1.5; }
.record_link { font-family: Arial, Helvetica, sans-serif; color: #0054A6; text-decoration: none; font-size: 1.3rem; line-height: 1.5; }
.record_link:hover { color: #0054A6; }
.record_link:focus { color: #0054A6; }
.title-div { font-family: Arial, Helvetica, sans-serif; font-size: 1.9rem; line-height: 1.3; color: #E94B28; }
.title-div:hover { text-decoration: underline; }
.title-div:focus { text-decoration: underline; }

.enrichment-table { margin-top: 20px; border-top: 2px #0054A6 solid; padding-top: 100px }
.urlcommand-enrichment-table { padding: 2em }
.syndetics-section-break { color: #DAA520 }
.syndetics-section-header { font-size: 14pt; text-align: left; color: #0054A6; font-weight: bold }
.syndetics-section-data { font-size: 10pt; text-align: left; color: black }
.syndetics-field-header { font-size: 12pt; text-align: left; color: #0054A6 }
.syndetics-subfield-header { width:100px; font-size: 8pt; text-align: left; color: black; font-weight: bold }
.syndetics-subfield-data { font-size: 8pt; text-align: left; color: black }
.syndetics-subfield-table { border: 2px solid #DAA520; background: #F5FFFA; padding: 2px }
.syndetics-details-cover-cell { padding-right: 30px; vertical-align: top; color: #0054A6 } 
.syndetics-section-table { width: 400px }

.bibformat-addtomylists
{
    padding:0px 0px 0px 0px;margin:5px 5px 5px 5px;
}

.bibformat-viewdetails
{
    height:5px;
    text-decoration:none;
    color: darkorange;
    /*text-decoration-color:red;*/
}

.bibformat-placehold
{
    float:right;
    text-align:left;
    text-decoration:none;
    /*color: darkorange;
    text-decoration-color:darkorange;*/
}

.bibformat-placehold-link
{
    color:darkorange;
    /*text-decoration-color:darkorange;*/
    text-decoration:none;
}

.bibformat-viewdetails-container
{
    height:5px;
    color: darkorange;
    /*border:2px solid red;*/
    text-decoration-color:red;
}

.bibformat-placehold-container
{
    color: darkorange;
    text-decoration-color:darkorange;
    /*border:2px solid red;*/
}

.bibformat-book-image
{
	width: 150px;
}

.bibformat-book-image-container
{
	background: url('/m5/catalog/images/nocoverimg.png') 8px 7px no-repeat;
	width: 170px;
    vertical-align:top;
    padding:30px 10px 10px 10px;
    border:none;
    border-collapse: collapse;
    margin:0px 0px 0px 0px;
}

.bibformat-material-image
{
    vertical-align:top;
    padding:30px 10px 0px 0px;
    margin:0px 11px 0px 0px;
	width: 65px;
    border:none;
    border-collapse: collapse;
    border-spacing: 0px;
}

.bibformat-availability-image-container
{
    text-align:left;
    width:25px;
    border:none;
    border-collapse: collapse;
    border-spacing: 0px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.bibformat-availability-image
{
    vertical-align:bottom;
    text-align:right;
	height:20px;
}

.bibformat-availability-container
{
    vertical-align:top;
	float: right;
    padding:10px 0px 0px 20px;
    border:none;
    border-collapse: collapse;
    margin: 15px 0px 0px 0px;
	width: 180px;
	height: 35px;
}

.callnumber-container
{
    width: 150px;
    padding:25px 0px 0px 10px;
	float: left;
}
.callnumber-852k
{
	font-family: Arial, Helvetica, sans-serif;
    text-align:left;
}

.callnumber-852h
{
	font-family: Arial, Helvetica, sans-serif;
    text-align:left;
}
.callnumber-852i
{
	font-family: Arial, Helvetica, sans-serif;
    text-align:left;
}
.callnumber-852m
{
	font-family: Arial, Helvetica, sans-serif;
    text-align:left;
}

.bibformat-title-container
{	
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.bibformat-availability-text
{
    padding: 0px 10px 0px 0px;
    text-align:left;
    color: darkorange;
}

.bibformat-commentrating-image-container
{
    text-align:right;
	padding-right: 15px;
    width:90px;
}

.bibformat-commentrating-text
{
    /*background-color:transparent;
    background:url('/m5/catalog/images/comment-bubble.png') no-repeat;
    color:red;
    text-align:right;*/
    width: 25px;
}

.bibformat-author-container
{
    width:300px;
}


.editor-record-link
{
    text-decoration:none;
}

.editor-record-link:link
{
    color: #0789B9;
}

.bookbag-dialog-more-link
{
    font-size:10pt;
    color: darkorange;
    height:5px;
    height:5px;
    color:#555555;
}

.bibformat-addtomylists-container
{
    padding: 10px 5px 10px 0px;
}

.remove-from-my-list-ctrl
{
    font-size: 14px;
    color: #0054A6;
    font-weight: bold;
    white-space: nowrap;
}

.add-to-my-lists-ctrl
{
    width: 180px;
	border: solid #188AB7 1px;
    padding: 7px 5px 9px 5px;
	font-weight: 300;
	color: #0789B9;
    cursor: pointer;
    white-space: nowrap;
	text-align: center;
}

.add-to-my-lists-ctrl:hover {
  background-color: #188AB7;
  color: #fff;
}

.add-to-my-list-image
{
}

.DialogWrapper
{
    background-color:transparent;
    background:url('/m5/catalog/images/CreateListDiv.png')  no-repeat;
    border:none;
    border-collapse: collapse;
    margin:0px 0px 0px 0px;
    height:200px;
    width: 350px;
    /*margin:0px 0px 0px 0px;*/
    -moz-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -webkit-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -ms-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -o-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -khtml-box-shadow: rgb(102, 102, 102) 0px 0px 0px; box-shadow: rgb(102, 102, 102) 0px 0px 0px; display: none; position: absolute
}

.SearchLibraryWrapperOLD
{
    width:468px;
    background-color:transparent;
    background:url('/m5/catalog/images/selectlibrarymenu_bg.png')  no-repeat;
    border:none;
    border-collapse: collapse;
    margin:0px 0px 0px 0px;
    height:200px;
    -moz-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -webkit-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -ms-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -o-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -khtml-box-shadow: rgb(102, 102, 102) 0px 0px 0px; box-shadow: rgb(102, 102, 102) 0px 0px 0px; display: none; position: absolute
}

.SearchLibraryWrapper
{
    background-color:#49545E;
    color:white;
}
.SearchLibraryDIV
{
       background-color:gray;
}
.div-spacer-left
{
    width:5%;
}

.div-spacer-center
{
    width:5%;
}

.div-spacer-right
{
    width:5%;
}

.div-checkbox
{
    border: 1px solid #00AAFF;
}

.select-all-div
{
    color:white;
    border: 1px solid #00AAFF;
    width:25%;
    text-align:center;
    margin:5px 5px 5px 5px;
    cursor:pointer;
}

.deselect-all-div
{
    color:white;
    border: 1px solid #00AAFF;
    width:30%;
    text-align:center;
    margin:5px 5px 5px 5px;
    cursor:pointer;
}

.close-div
{
    color:white;
    border: 1px solid #00AAFF;
    width:25%;
    text-align:center;
    margin:5px 5px 5px 5px;
    cursor:pointer;
}

.select-library-container
{
	width: 140px;
    padding: 0px 0px 20px 0px;
    vertical-align: middle; 
}

.select-attribute-container
{
	width: 140px;
    padding: 0px 0px 20px 0px;
    /*vertical-align: middle;*/ 
}

#SelectLibraryButton
{
    background: none;
    border:none;
    height:64px;
    width:140px;
    padding: 0px 0px 0px 0px;margin:0px 0px 0px 0px;
}
#SelectAttributeButton
{
    background: none;
    border:none;
    height:64px;
    width:140px;
    padding: 0px 0px 0px 0px;margin:0px 0px 0px 0px;
}

.select-attribute-button
{
    font-size:1.5rem; color:#FFFFFF; background: #E94B28 url('/m5/catalog/images/arrowdown-bg.png') center no-repeat; width:140px; height:64px; border-spacing: 0px;border:none;padding:20px 0px 0px 0px;margin:10px 0px 0px 0px;
}

.select-attribute-button:hover 
{
	background-color:#c93515;
}

.select-library-button
{
    font-size:1.5rem; color:#FFFFFF; background: #49545E url('/m5/catalog/images/arrowdown-bg.png') center no-repeat; width:140px; height:64px; border-spacing: 0px;border:none;padding:20px 0px 0px 0px;margin:10px 0px 0px 0px;
}

.select-library-button:hover 
{
	background-color:#33363b;
}

.SelectAttributeWrapper
{
    width:468px;
    background-color:transparent;
    background:url('/m5/catalog/images/selectattributemenu_bg.png')  no-repeat;
    border:none;
    border-collapse: collapse;
    margin:0px 0px 0px 0px;
    height:200px;
    -moz-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -webkit-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -ms-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -o-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -khtml-box-shadow: rgb(102, 102, 102) 0px 0px 0px; box-shadow: rgb(102, 102, 102) 0px 0px 0px; display: none; position: absolute
}


.DialogDiv
{
    background-color:transparent;
    border:0px solid black;
}

.DialogDivDiv
{
    background-color:transparent;
    border:none;
}

.addtomylists-dialog-link
{
}
.addtomylists-dialog-link2
{
    padding:5px 5px 5px 0px;
    white-space: nowrap;
}

.addtomylists-button-image
{
    background-color: transparent;
    background: url('/m5/catalog/images/savesearch-btn.png')  no-repeat;
    padding: 0px 0px 0px 5px;
    cursor: pointer;
}

.add-to-new-list-label
{
    padding: 10px 0px 0px 40px;
	color: #555555;
}

.add-to-my-lists-button
{
	height: 30px;
	color: #555555;
	background-color: #E94B28;
	font-size: 12pt;
    margin: 0px 10px 0px 10px;
}

.add-to-my-lists-textbox
{
	height: 25px;
	width: 200px;
	color: #555555;
	border: 1px solid #00AAFF;
    padding: 0px 10px 0px 10px;
}

.add-to-my-lists-execution-container
{
    padding: 0px 10px 0px 40px;
}

.share-search-ctrl
{
    width: 170px;
	border: solid #77D1F6 1px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    white-space: nowrap;
	text-align: center;
}

.share-search-dialog-link
{
    background-color:transparent;
    border:none;
    font-size: 14px; font-weight: bold; color: #555555; cursor: pointer;
}

.share-search-dialog-link1
{
    cursor: pointer;
}

.share-search-dialog-link2
{
    padding: 5px 5px 5px 3px;
    cursor: pointer;
    white-space:nowrap;
}

.share-search-return
{
    background-color: #0789B9;
    color: white;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
}


.share-search-button-image
{
    background-color:transparent;
    cursor: pointer;
}


.share-item-dialog-link2 {    
    padding: 5px 5px 5px 3px;
    cursor: pointer;
    white-space:nowrap;
}

.share-item-ctrl {
    width: 170px;
    height: 30px;
    border: solid #77D1F6 1px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

.share-item-button-image {
    margin: -5px 0px 0px -50px;
}




.save-to-clipboard
{
    background-color:green;
    color:white;
    cursor: pointer;
}

.print-page-ctrl
{
	padding: .25em .5em; cursor: pointer; border: 1px solid #188AB7;
}

.print-page-dialog-link
{
    background-color:transparent;
    border:none;
    font-size: 14px; font-weight: bold; color: #555555; cursor: pointer;

}

.print-page-dialog-link2
{
    color: #188AB7;
	font-weight: 300;
	padding: 5px 12px 5px 3px;
	/*text-transform: lowercase;*/
}

.print-page-dialog-link2:hover, .print-page-dialog-link2:focus
{
    color: #FFFFFF;
}

.print-page-button-image
{
    background-color:transparent;
    cursor: pointer;
}

.add-record-ctrl
{
	height: 35px;
	background: #E94B28;
    white-space: nowrap;
	text-align: center;
	display: block;
	padding-top: 8px;
}

.add-record-ctrl:hover {
	background-color: #c93515;
	color: #fff;
}

.add-record-dialog-link
{
    font-size: 14px; color: #fff; cursor: pointer;
    white-space:nowrap;
}
.add-record-dialog-link2
{
    padding: 5px 5px 5px 3px;
    cursor: pointer;
    white-space: nowrap;
}

.add-record-button-image
{
    background-color:transparent;
    cursor: pointer;
}

.select-list-dropdown
{
	width: 300px;
	height: 30px;
	border: 1px solid #00AAFF;
	color: #555555;
	padding-left:18px;	
}

.select-database-dropdown
{
	width: 300px;
	height: 30px;
	border: 1px solid #49545E;
	color: #FFFFFF;
	padding-left:18px;	
    background-color:#49545E;
}

.standard-search-div
{
    border:none;
    border-collapse: collapse;
    width: 100%;
    height: 78px;
	/*text-transform: lowercase;*/
}

.standard-search-textbox
{
	width: 100% !important;
	height: 64px;
	border: none !important;
	font-size: 26px !important;
}

.visual-search-href
{
    cursor: pointer;
}

.bibformat-readinglevel-container
{
    padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
}

.lexile-table
{
    width: 100%;
}

.bibformat-readinglevel-label
{
    font-family:Arial;
    font-size:10pt;
    height:10px;
    text-align:right;
    padding: 5px 5px 5px 5px;
}
.bibformat-readinglevel-data
{
    font-size: 11pt; border-radius:1.5em;background-color:#A0A0A0;color:#FFFFFF;width:40px;height:auto;text-align:center;

}

.datapager-previous-page
{
    /*background-color:transparent;*/
    /*background:url('/m5/catalog/images/left-arrow.png')  no-repeat;*/
}

.datapager-next-page
{
    /*background-color:transparent;*/
    /*background:url('/m5/catalog/images/right-arrow.png')  no-repeat;*/
}

.datapager-goto-cell
{
    display: none;
 }

.datapager-previous-page-cell
{
    /*width:4px;
    height:4px;*/
    padding:0px 0px 0px 0px;
    background-color:transparent;
}

.datapager-next-page-cell
{
    /*width:4px;
    height:21px;*/
    padding:0px 0px 0px 0px;
    /*background-color:transparent;*/
}

.goto-page-cell
{
    /*width:30px;*/
    /*height:15px;*/
    padding:0px 0px 0px 0px;
}

.datapager-goto-button
{
    /*background-color:transparent;*/
    height:1px;
    width:1px;
}

.datapager-goto-button-cell
{
    /*background-color:transparent;*/
    height:1px;
    width:1px;
}

#DataPagerGotoTextbox1
{
    background-color:#ffffff;
    border:none;
    height:1.5em;
    width:2em;
}

#DataPagerGotoTextbox2
{
    background-color:#ffffff;
    border:none;
    height:1.5em;
    width:2em;
}

#DataPagerGotoTextboxListDataPager
{
    background-color:#ffffff;
    border:none;
    height:1.5em;
    width:2em;
}

.datapager-goto-textbox
{
    /*font-size:7pt;*/
    /*border:solid purple 1px;*/
    /*height:18px;
    width:30px;*/
    /*padding:0px 0px 0px 10px;*/

}

.datapager-text-of-cell
{
    /*width:10px;*/
    /*height:15px;*/
    font-size:10pt;
    /*border:solid green 1px;*/
    text-align:center;
    padding:0px 10px 0px 0px;
}

.datapager-text-of
{
    /*width:20px;*/
    /*height:15px;*/
    /*border:solid green 1px;*/
    padding:0px 0px 0px 0px;
}

.datapager-number-pages-cell
{
    font-size:10pt;
    /*border:solid black 1px;*/
    text-align:center;
    padding:0px 20px 0px 10px;
}

/*.datapager-div
{
    width:200px;
    border:solid red 1px;
}*/

.datapager-table
{
    /*border:solid red 1px;*/
    /*width:100px;*/
    /*height:15px;*/
    background-color:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.results-format-dropdown-container
{
    width:170px;
    /*border:solid pink 1px;*/
    padding:0px 10px 0px 0px;
}

.record-format-dropdown
{
    font-size:12pt;
    padding:0px 0px 0px 0px;
}

.results-sort-dropdown-container
{
    width:180px;
    /*height:15px;*/
    /*border:solid purple 1px;*/
    padding:0px 0px 0px 10px;
}


.results-per-page-container
{
    width:210px;
    /*height:15px;*/
    /*border:solid black 1px;*/
    padding:0px 0px 0px 5px;
}

.results-per-page-label
{
    white-space:nowrap;
    padding:0em .5em 0em 0em;
    font: normal 9pt "Open Sans", "Times New Roman", Times, serif !important;
}

.results-pager-container
{
    width:120px;
    /*height:15px;*/
    /*border:solid red 1px;*/
    padding:0px 0px 0px 0px;
}

.results-header1-table
{
    width: 690px;
    /*height:30px;*/
    /*border:solid green 1px;*/
    padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}


.results-share-page-in-lists-container
{
    width:180px;
    padding:0px 5px 0px 0px;
}

.results-share-search-container
{
    width:170px;
    padding:0px 0px 0px 0px;
}

.results-print-container
{
    width:100px;
    padding:0px 0px 0px 5px;
}

.add-bib-container
{
    width:140px;
    padding:0px 0px 0px 5px;
}

.results-count-container
{
    font-size:12pt;
    padding:0px 5px 0px 0px;
    text-align:right;
}

.results-header2-table
{
    width: 100%;
    /*height:30px;*/
    /*border:solid green 1px;*/
    padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.results-footer-table
{
    width: 690px;
    /*height:30px;*/
    /*border:solid green 1px;*/
    padding:0px 0px 0px 0px;
}

.edit-record-link-container
{
    text-align: right;
    padding: 15px 5px 0px 5px;
}

.close-icon-container
{
    text-align: right;
    padding: 0px 10px 0px 0px;
}

.select-list-dropdown-container
{
    text-align: right;
    padding: 0px 10px 0px 0px;
}

.standard-radio-buttons { li padding-bottom: 20px; font-size: 8pt; font-weight: bold; color: white }

.myaccount-header-table {margin: 20px 0px 20px 0px; border:0px solid #555555; height: 35px; width: 890px }
.myaccount-print-button { margin: 0px 0px 0px 20px; text-decoration:none;  font-size: 12px; font-weight: normal;  }
.myaccount-header-cell1-container { width:30%; height:35px; padding: 5px 5px 5px 5px; vertical-align:middle; color: #555555; font-size: 12pt; background: transparent; }
.myaccount-header-cell2-container { width:15%; height:35px; color: #555555; height:30px; border:1px solid #188AB7; font-size: 12pt;}
.myaccount-header-cell3-container { width:60%; height:35px; }

#MainContent_MyAccountPrintButton { text-decoration:none; height:35px; width:30px;background-color:transparent; font-size: 12px; font-weight: normal; color: #0789B9; cursor: pointer; background:url('/m5/catalog/images/printer-btn.png')  no-repeat; padding:0px 0px 0px 40px; }
/*#MainContent_MyAccountTable { border:1px solid green; margin: 20px 0px 0px 125px;  width: 800px; height:300px }*/
/*.MyAccountLoginTable { margin-top: 20px }*/
.my-account-table {  vertical-align:top; margin: 0px 0px 0px 0px;  width: 890px;  }
.myaccount-login-table { border:0px solid green; margin: 0px 0px 0px 125px;  width: 100%; height:100% }
#MainContent_LoginButton{ width: 101px; height: 34px; font-size: 10pt; font-weight: bold; line-height: 10pt; white-space: pre-wrap; color: #FFFFFF; border: none; text-align: center; color:#FFFFFF; background-color: #E94B28; }
.myaccount-login-name-container {border:0px solid purple; padding: 20px 0px 0px 0px; height:30px  }
.myaccount-login-password-container {border:0px solid purple; padding: 0px 0px 0px 0px; height:30px }
.myaccount-signin-button-container {border:0px solid purple; padding: 0px 0px 100px 0px; height:30px }


.login-name-label { color: #0789B9; font-size: 12pt; width: 200px; text-align: right }
.login-password-label { color: #0789B9; font-size: 12pt; width: 200px; text-align: right }
.login-name-label-container { padding: 0px 5px 0px 0px; color: #0789B9; font-size: 12pt; width: 200px; text-align: right }
.login-password-label-container { padding: 0px 5px 0px 0px; color: #0789B9; font-size: 12pt; width: 200px; text-align: right }
.login-name-textbox { text-align: left; background: #F5FFFA; border: 1px solid #E94B28; font-size: 15px; width: 200px }
.login-password-textbox { text-align: left; background: #F5FFFA; border: 1px solid #E94B28; font-size: 15px; width: 200px }
.login-name-textbox:focus { text-align: left; background: #F5FFFA; border: 1px solid #E94B28; font-size: 15px; width: 200px }
.login-password-textbox:focus { text-align: left; background: #F5FFFA; border: 1px solid #E94B28; font-size: 15px; width: 200px }
.login-password-textbox-container { text-align: left }
.login-name-textbox-container { text-align: left }

.changelogin-title-table { width: 80%; padding: 10px }
.changelogin-title-cell { text-align: center; padding: 10px }
.changelogin-title-label { font-weight: bold; color: #484849; }
.changelogin-login-name-data-textbox { text-align: left; background: #F5FFFA; border: 2px solid #DAA520; font-size: 12pt; width: 200px }
.changelogin-password-data-textbox { text-align: left; background: #F5FFFA; border: 2px solid #DAA520; font-size: 12pt; width: 200px }
.changelogin-password-check-data-textbox { text-align: left; background: #F5FFFA; border: 2px solid #DAA520; width: 200px }
.changelogin-login-name-label-cell { width: 170px; text-align: right; padding-right: 3px; }
.changelogin-password-label-cell { width: 170px; text-align: right; padding-right: 3px; }
.changelogin-password-check-label-cell { width: 170px; text-align: right; padding-right: 3px; }
.changelogin-name-controls-table { padding: 10px }
.changelogin-password-controls-table { padding: 10px }
.changelogin-password-check-table { padding: 10px }
.changelogin-ok-cancel-controls-table { width: 80%; padding: 10px; }
.changelogin-ok-button-cell { margin: 0px 20px 0px 0px; width: 25px; white-space: pre-wrap; color: #FFFFFF; border: none; text-align: center; color:#FFFFFF; background-color: transparent; }
.changelogin-cancel-button-cell { width: 25px; white-space: pre-wrap; color: #FFFFFF; border: none; text-align: center; color:#FFFFFF; background-color: transparent; }
.signin-button-container { background: transparent; width: 101px; height: 31px; padding: 0px 0px 0px 250px; }
.sign-in-button  { white-space: pre-wrap; color: #FFFFFF; border: none; text-align: center; color:#FFFFFF; background-color: #E94B28; }


/*.myaccount-my-information-tab { width:200px; border: 1px solid yellow; color: #FFFFFF; background-color: #6CCBF5; }*/
/*.myaccount-history-tab { width:200px; border: 1px solid blue; color: #FFFFFF;   background-color: #6CCBF5; }*/
#MainContent_MyAccountTransactionTab { color: #FFFFFF; text-align:left; padding: 5px 5px 5px 5px; height:30px; width:100%; border: 0px solid transparent; background-color: transparent; }
#MainContent_MyAccountHistoryTab { color: #FFFFFF; text-align:left; padding: 5px 5px 5px 5px; height:30px; width:100%; border: 0px solid transparent; background-color:  transparent;}
#MainContent_MyAccountChangeLoginTab { color: #FFFFFF; text-align:left; padding: 5px 5px 5px 5px; height:30px; width:100%; border: 0px solid transparent; background-color:  transparent;}
#MainContent_MyAccountManageCommentsTab { color: #FFFFFF; text-align:left; padding: 5px 5px 5px 5px; height:30px; width:100%; border: 0px solid transparent; background-color:  transparent;}
.manage-comments-div { min-height:300px; }

.myaccount-transaction-tab-container { height:35px;  background-clip: content-box; margin: 1em; padding: 0em 0em .5em 0em; background-color: #AAAAAA;}
.myaccount-transaction-tab-container-selected { height:35px;  background-clip: content-box; margin: 1em; padding: 0em 0em .5em 0em; background-color: #6CCBF5;}

.myaccount-history-tab-container { height:35px;  background-clip: content-box; margin: 1em; padding: .5em 0em .5em 0em; background-color: #AAAAAA;}
.myaccount-history-tab-container-selected { height:35px;  background-clip: content-box; margin: 1em; padding: .5em 0em .5em 0em; background-color: #6CCBF5;}

.myaccount-change-login-tab-container { height:35px;  background-clip: content-box; margin: 1em; padding: .5em 0em .5em 0em; background-color: #AAAAAA;}
.myaccount-change-login-container-selected { height:35px;  background-clip: content-box; margin: 1em; padding: .5em 0em .5em 0em; background-color: #6CCBF5;}

.myaccount-info-tab-table {  vertical-align:top; background: transparent; border: 0px solid black; width:190px; height: 70px }
.myaccount-info-table {  background: transparent; width:100% }
.my-account-tab-table-container  { vertical-align:top; padding: 0px 5px 0px 0px; background: transparent; width:190px; }
.my-account-info-table-container  { vertical-align:top; padding: 0px 0px 10px 0px; margin:0px 0px 0px 0px; background-color: white; border: 0px solid red; width:800px;}
.myaccount-personal-info-header { padding: 0px 5px 5px 5px; vertical-align:middle; color: #555555; font-size: 12pt; background: transparent; }
.myaccount-personal-info-overdue { padding: 5px 5px 5px 5px; vertical-align:middle; color: #FF0000; font-size: 10pt; background: transparent; }
.myaccount-personal-info-text-container { width:485px; padding: 5px 5px 5px 5px; vertical-align:middle; color: #555555; font-size: 10pt; background: transparent; }
.myaccount-personal-info-image-container { width:200px; padding: 5px 5px 5px 5px; vertical-align:middle;  }
.myaccount-email { text-align:left; }
.myaccount-email-container { width:100%; }
.myaccount-telephone { text-align:left; }
.myaccount-telephone-container { }
.myaccount-barcode { text-align:left; }
.myaccount-barcode-container { width:100%; }
.myaccount-name { text-align:left; }
.myaccount-name-container { width:100%; }
.myaccount-address { text-align:left; }
.myaccount-address-container { width:100%; }
.myaccount-personal-info-container { width:100%; }
.myaccount-patron-info-container  { vertical-align:top; width:600px;  border-top: 0px solid #555555; border-bottom: 0px solid #555555; }

.myaccount-transaction-count-table-header  {  height:20px; padding:0px 5px 0px 5px; width:20%;  text-align:center; color: black; font-size: 8pt; background-color: #f6f6f7; font-weight: bold }
.myaccount-transaction-count-table-middle-data  {  border-left: 1px solid black; border-right: 1px solid black; height:20px;  padding:0px 0px 0px 10px; width:20%;  text-align:center; color: red; font-size: 12pt; background-color: #f6f6f7; }
.myaccount-transaction-count-table-right-end-data  {  border-right: 0px solid black;  height:20px;  padding:0px 0px 0px 10px; width:20%;  text-align:center; color: red; font-size: 12pt; background-color: #f6f6f7; }
.myaccount-transaction-count-table-left-end-data  {  border-left: 0px solid black;  height:20px;  padding:0px 0px 0px 10px; width:20%;  text-align:center; color: red; font-size: 12pt; background-color: #f6f6f7; }
.overdue-cell{ background-color: #FF0000; color: #FFFFFF;  border-radius: 2em; background-clip: content-box; margin: 0em; padding: .5em; }
.myaccount-personal-info-table-container { padding: 0px 0px 0px 0px; }
.myaccount-transaction-count-table-container { padding: 0px 20px 0px 20px; }
.myaccount-personal-info-header-table-container  { padding: 0px 0px 0px 0px; }

.myaccount-transactions-list-table { width:690px; margin: 20px 0px 30px 200px; background-color:white }
.my-account-transaction-list-table-container { }
.myaccount-transaction-list-column-header { height: 30px;  text-align:center; color: black; font-size: 8pt; font-weight: bold  }
.myaccount-transaction-list-column-cell { border:5px solid #f6f6f7; padding: 0px 5px 5px 5px; background-color:transparent; text-align:center; color: black; font-size: 8pt; }
.myaccount-transaction-list-column-data { padding: 0px 5px 5px 5px; }
.myaccount-transaction-records-header-container { margin: 0px 5px 0px 0px; background-color:#DDDDDD }
.myaccount-transaction-list-header-link-title {  }
.myaccount-transaction-list-header-link-author { color: #E94B28;  }
.myaccount-transaction-list-header-link-callnumber {  }
.myaccount-transaction-list-header-link-type {  }
.myaccount-transaction-list-header-link-date {  }
.myaccount-transaction-list-header-link-date {  }
.thumbcover { width:30px; }
.myaccount-transaction-list-table-header { background-color: #f6f6f7 }
.myaccount-transaction-list-title-table-container {  height: 30px; background-color: #f6f6f7; }
.myaccount-transaction-list-title-table { height: 100%; border: 0px solid red; background-color: #f6f6f7;}
.myaccount-transaction-list-title-table-header-row { height: 100%; background-color:#f6f6f7; }
.myaccount-transaction-list-title-table-header-container1 {padding: 0px 0px 0px 10px;  width: 50%; background-color: #f6f6f7; }
.myaccount-transaction-list-title-table-header-container2 {width: 50%; background-color: #f6f6f7; }
.myaccount-personal-info-label {white-space: nowrap; font-size: 10pt; text-transform: capitalize; }
.myaccount-personal-info-text { white-space: nowrap; font-size: 8pt; }
.myaccount-transaction-list-process-button { padding:5px; color:white; white-space: nowrap; font-size: 10pt; background-color: #E94B28 }

.listset-container  { background-color: transparent; height: 30em; width: 750px; margin-left: auto; margin-right: auto; margin-top: 2em }
.listset-title-container {  height: 40px; background-color: transparent; margin-top: 20px; }
.listset-tabs-container {  padding: 0px 0px 0px 0px; background-color: transparent; border: 0px solid blue; }
.listset-items-container {  height: 95%;background-color: white;  border: 0px solid black; width:100%; vertical-align: top; padding: 0px 0px 0px 20px; }
.listset-items-table { border: 0px solid black; width:890px; vertical-align: top; margin: 10px 0px 0px 0px;}
.listset-tab-table  { background-color: transparent; height:30px; margin: 0px 0px 0px 0px;  border: 0px solid black;}
.my-lists-title { white-space:nowrap; cursor:pointer; background-color: gray; border: 0px solid black; width:200px; text-align: center; color: white; font-size: 12pt; }
.my-lists-title-selected { white-space:nowrap; background-color: white; border: 0px solid black; width:200px; text-align: center; color: black; font-size: 12pt; }
.shared-lists-title { height:100%; white-space:nowrap; cursor:pointer; background-color: gray; border: 0px solid black; border: 0px solid black; width:200px; text-align: center; color: white; font-size: 12pt; }
.shared-lists-title-disabled { height:100%; white-space:nowrap; background-color: transparent; border: 0px solid black; border: 0px solid black; width:200px; text-align: center; color: white; font-size: 12pt; }
.shared-lists-title-selected {  white-space:nowrap; background-color: white; border: 0px solid black; width:200px; text-align: left; color: black; font-size: 12pt; }
.my-lists-tab-spacer1 {width: 0%; }
.my-lists-tab-spacer2 {width: 0%; }
.my-lists-tab-spacer3 {width: 60%; }
.my-lists-count { border-radius:2em;background-color:#FFFFFF;color:gray;width:50px;height:10px;text-align:center;margin-left:10px;padding: 3px 8px 3px 8px; }
.my-shared-lists-count { border-radius:2em;background-color:#FFFFFF;color:gray;width:50px;height:10px;text-align:center;margin-left:10px;padding: 3px 8px 3px 8px; }
.my-lists-count-selected { border-radius:2em;background-color:gray;color:#FFFFFF;width:50px;height:10px;text-align:center;margin-left:10px;padding: 3px 8px 3px 8px;  }
.my-shared-lists-count-selected { border-radius:2em;background-color:gray;color:#FFFFFF;width:50px;height:10px;text-align:center;margin-left:10px;padding: 3px 8px 3px 8px; }
.list-item-table { width: 890px; }
.list-item-count { font-size: 14pt; text-align: center; height: 10px; width: 50px; background-color: #CCCCCC; color: #FFFFFF; border-radius: 2em; background-clip: content-box; margin: 0em; padding: 0px 0px 0px 0px; }
.list-item-name { padding: 0px 0px 0px 20px; text-align:left; cursor: pointer; width:200px;height:15px; color: #0789B9; font-size: 14pt; }
.list-item-edit { cursor: pointer;  padding:0px 0px 0px 5px; background:none; font-size: 12pt; }
.list-item-email { cursor: pointer; padding:0px 0px 0px 5px;  background:none; font-size: 12pt; }
.list-item-download { cursor: pointer;  padding:0px 0px 0px 5px; background:none; font-size: 12pt; }
.list-item-rename { border: 1px solid #188AB7; cursor: pointer; background: none; font-size: 12pt; }
.list-item-share { cursor: pointer; padding: 0px 0px 0px 5px; background:none; font-size: 12pt; }
.list-item-save { cursor: pointer; padding: 0px 0px 0px 5px;background:none; font-size: 12pt; }
.list-item-delete { cursor: pointer; padding: 0px 0px 0px 5px;background:none; font-size: 12pt; }
.list-item-default { height:20px; width:15px; background-color:transparent; margin:0px 0px 3px 5px;}
.list-item-default-checkbox { width:20px; margin:0px 0px 3px 2px; text-align:center}
.list-item-edit-container { width: 120px; margin: 0px 0px 0px 0px; padding:0px 5px 0px 0px; text-align: center; }
.list-item-share-container { width: 200px; margin: 0px 0px 0px 0px; padding:0px 5px 0px 0px; text-align: center; }
.list-item-rename-container { width: 120px; margin: 0px 0px 0px 0px; padding:0px 5px 0px 0px; text-align: center; }
.list-item-email-container { width: 120px; margin: 0px 0px 0px 0px; padding:0px 5px 0px 0px; text-align: center; }
.list-item-download-container { width: 120px; margin: 0px 0px 0px 0px; padding:0px 5px 0px 0px; text-align: center; }
.list-item-delete-container { width: 120px; margin: 0px 0px 0px 0px; padding:0px 5px 0px 0px; text-align: center; }
.list-item-edit-image { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: url('/m5/catalog/images/edit-btn.png') no-repeat; }
.list-item-rename-image { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: url('/m5/catalog/images/edit-btn.png') no-repeat; }
.list-item-email-image { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: url('/m5/catalog/images/edit-btn.png') no-repeat; }
.list-item-download-image { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: url('/m5/catalog/images/edit-btn.png') no-repeat; }
.list-item-share-image { padding: 0px 0px 0px 20px; background: url('/m5/catalog/images/share-btn.png') no-repeat; }
.list-item-delete-image { padding: 0px 0px 0px 20px; background: url('/m5/catalog/images/delete-btn.png') no-repeat; }
.list-item-div { padding: .25em .5em; cursor: pointer; border: 1px solid #188AB7; color: #188AB7; font-weight: 300; }
.list-item-div:hover { color: #fff; background-color: #12688a; }
.list-item-rename-new-name-label { text-align: left; color: #0789B9; font-size: 12pt; }
.list-item-rename-new-name-text { }
.list-item-rename-div { }
.list-item-rename-link { padding: .2em .7em .2em .3em; color: #0789B9; font-size: 12pt; font-weight: 300; width: 100%; display: block; }
.list-item-rename-link:hover { color: #fff; background-color: #12688a; }
.list-item-rename-link:active { color: #0789B9; }
.results-section { padding-top: 20px }
.mandarin-link { white-space: nowrap; font-size: 12pt;  font-weight:normal; text-decoration: none; }
.record-fetch-paragraph { text-align: left; }
#recordFetchCloseButton { }
.record-fetch-close-button{  text-decoration:none;  color: #FFFFFF; }
.record-fetch-close-button:hover {  text-decoration:none;  color: #FFFFFF; }
.record-fetch-close-container  { cursor: pointer; text-align: center;   height: 20px;    width: 10%; background-color:#555555; }
.record-fetch-close-container:hover {  text-decoration:none; background-color:#222222; color: #FFFFFF; }

.record-fetch-modal-header {   }
.record-fetch-title-container  { text-align: left;  }
.bibliographies-link-button { cursor: pointer; }
.icon-lists { }
.arrow-down { background:url('/m5/catalog/images/arrow-down.png'); height: 15px }
.caret-down { background:url('/m5/catalog/images/printer-btn.png'); height: 15px }

.my-list-title { white-space: nowrap; font-size: 16pt;  font-weight:normal; }

.my-list-dropdown { margin: 0px 5px 0px 0px; white-space:nowrap; padding:0px 0px 0px 0px;  }
.my-list-button  { text-align:left; width:150px; margin: 0px 0px 0px 0px; }
.my-list-record-formats-container { width: 200px; padding: 0px 0px 0px 0px; margin: -4px 0px -5px -2px; }
/*.my-list-record-formats-dropdown  {  padding: 5px 10px 4px 10px; margin: 0px 0px 0px 0px; border:1px solid #188AB7; text-align:left; width:150px;  background-color:#188AB7; color:white; }
.my-list-record-formats-button {   padding: 0px 0px 0px 0px;   margin: 0px 0px 0px 0px;}*/
.my-list-record-formats-dropdown  { padding: 4px 10px 4px 10px; margin: 0px 0px 0px -5px; background-color:#188AB7; color: white; }
.my-list-record-formats-button { padding: 0px; }
.bookbag-header-table { padding: 0px 0px 0px 0px; margin: 20px 0px 20px 0px;}
.bookbag-button-table { }
.bookbag-dropdown-table { white-space: nowrap; }
#dk10-search-type
{
    width: 12em;
}
.my-list-results-per-page-dropdown  { width:50px; padding: 3px 10px 2px 10px; margin: 0px 0px 0px -5px; background-color:white; color:#4b4f56; }
.my-list-results-per-page-button {  padding: 0px; }
#MyListRecordFormatsDropdown {  width: 175px; }
#MyListSortByDropdown {  width: 175px; }
#MyListResultsPerPageSelect { position:absolute; left:90px;  }
#MyListSortBySelect { position:absolute; left:45px; }
#MyListRecordFormatSelect { position:absolute; left:45px; }
.btn-group2-dropdown { width:175px; padding: 3px 10px 2px 10px; margin: 0px 0px 0px -5px; background-color:white; color:#4b4f56; }
.btn-group3-dropdown { width:50px; padding: 3px 10px 2px 10px; margin: 0px 0px 0px -5px; background-color:white; color:#4b4f56; }

/*.my-list-record-formats-dropdown { text-align:center; color:white; background-color:#188AB7; width:150px; margin: 0px 0px 0px 0px;  }
.my-list-record-formats-dropdown .btn-trans { background-color: transparent; }*/
/*.my-list-record-formats-button { background-color:#188AB7; color:white;  }*/
/*.my-list-record-formats-button:hover { background-color:white; color:#188AB7;  }
.my-list-record-formats-button .btn-trans { background-color: transparent;}
.my-list-record-formats-button .btn-trans:hover [class*="icon-"] {  color: #fff; }*/
.my-list-dropdown-listitem { cursor:pointer; }
.my-list-data-pager { text-align: center; white-space:nowrap; padding: 0px 0px 0px 0px }
.my-list-datapager-previous-page {  }
.my-list-datapager-next-page {  }
.my-list-datapager { text-align: center; margin-left: 10px}

.dropdown-li { color:red }

.btn-group1{
  position: relative;
}
.btn-group1 [class*="btn"] {
  padding: 0.25em 0.1em 0.15em 0.1em;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  
}
.btn-group1 [class="span"] {
  width: 300px;
}

.btn-group1 [class*="btn"]:first-child {
  float: left;
  border-right: none;
}
.btn-group1 .icon-caret-down {
  margin-right: 0;
}
.btn-group1 .btn-trans {
  background-color: #188AB7;
}
.btn-group1 .btn-trans .icon-caret-down {
  color: #fff;
}
.btn-group1 .btn-trans:hover {
  color: #fff;
}
.btn-group1 .btn-trans:hover [class*="icon-"] {
  background-color: #188AB7;
}




.btn-group2
{
  position: relative;
}
.btn-group2 [class*="btn"] {
  padding: 0.25em 0.1em 0.15em 0.1em;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  
}
.btn-group2 [class="span"] {
  width: 300px;
}

.btn-group2 [class*="btn"]:first-child {
  float: left;
  border-right: none;
}
.btn-group2 .icon-caret-down {
  margin-right: 0;
}
.btn-group2 .btn-trans {
  background-color: #188AB7;
}
.btn-group2 .btn-trans .icon-caret-down {
  color: #fff;
}
.btn-group2 .btn-trans:hover {
  color: #fff;
}
.btn-group2 .btn-trans:hover [class*="icon-"] {
  background-color: #188AB7;
}


.btn-group3{
  position: relative;
}
.btn-group3 [class*="btn"] {
  padding: 0.25em 0.1em 0.1em 0.1em;
  margin: 0px 0px 2px 0px;
  
}
.btn-group3 [class="span"] {
  width: 300px;
}

.btn-group3 [class*="btn"]:first-child {
  float: left;
  border-right: none;
}
.btn-group3 .icon-caret-down {
  margin-right: 0;
}
.btn-group3 .btn-trans {
  background-color: #FFFFFF;
}
.btn-group3 .btn-trans .icon-caret-down {
  color: orange;
}
.btn-group3 .btn-trans:hover {
  color: orange;
}
.btn-group3 .btn-trans:hover [class*="icon-"] {
  background-color: #FFFFFF;
}

.btn-group4 {
  padding: 0;
  position: relative;
}
.btn-group4 [class*="btn"] {
  padding: 0.2em 0.8em;
}
.btn-group4 [class*="btn"]:first-child {
  float: left;
  border-right: none;
}

.btn-group4 .icon-caret-down {
  margin-right: 0;
}
.btn-group4 .btn-trans {
  background-color: #188AB7;
}

.btn-group4 .btn-trans {
  color: #FFFFFF;
}
/*
.btn-group4 .btn-trans .icon-caret-up {
  color: #FFFFFF;
}
.btn-group4 .btn-trans .icon-caret-down {
  color: #FFFFFF;
}
*/
.btn-group4 .btn-trans .icon-caret-down {
  color: #188AB7;
  background-color: transparent;
}

.btn-group4 .btn-trans:hover {
  color: #188AB7;
  background-color: #FFFFFF;
}
.btn-group4 .btn-trans:hover [class*="icon-"] {
  color: #188AB7;
  background-color: #FFFFFF;
}
.btn-group4 .btn-trans [class*="icon-"] {
  color: #FFFFFF;
}

.filter-list, .sidebar-buttons, .sidebar-sublinks, .action-widgets, .categories, .languages, .checkbox-list, .tabs-nav, .quicklinks-nav, .quicklinks-modules, .quicklinks-mod ul, .stat-box, .theme-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.rating input[type="radio"], .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

div.rating input.focusable[type="radio"]:active, .focusable.sr-only:active,
div.rating input.focusable[type="radio"]:focus,
.focusable.sr-only:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* =Base Containers
----------------------------------------------- */
.l-wrap {
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0px;
  margin: 0 auto;
}
.l-wrap:after {
  content: " ";
  display: inline;
  clear: both;
}
@media screen and (min-width: 890px) {
  .l-wrap {
    padding: 0 0px;
  }
}

.l-sidebar {
  float: left;
  width: 31%;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 860px) {
  .l-sidebar {
    width: 29%;
  }
}

.l-main {
  float: left;
  width: 69%;
  *zoom: 1;
}
.l-main:before, .l-main:after {
  content: "";
  display: table;
}
.l-main:after {
  clear: both;
}
@media screen and (min-width: 860px) {
  .l-main {
    width: 71%;
  }
}

/* =Proxima Nova + Icon Font
----------------------------------------------- */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("/m5/catalog/fonts/OpenSans-Light-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/m5/catalog/fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/m5/catalog/fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("/m5/catalog/fonts/OpenSans-Light-webfont.woff") format("woff"), url("/m5/catalog/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("/m5/catalog/fonts/OpenSans-Light-webfont.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("/m5/catalog/fonts/OpenSans-LightItalic-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url("/m5/catalog/fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/m5/catalog/fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("/m5/catalog/fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("/m5/catalog/fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("/m5/catalog/fonts/OpenSans-LightItalic-webfont.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/m5/catalog/fonts/OpenSans-Regular-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans"), local("OpenSans"), url("/m5/catalog/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/m5/catalog/fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("/m5/catalog/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/m5/catalog/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/m5/catalog/fonts/OpenSans-Regular-webfont.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("/m5/catalog/fonts/OpenSans-Italic-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/m5/catalog/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/m5/catalog/fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("/m5/catalog/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/m5/catalog/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("/m5/catalog/fonts/OpenSans-Italic-webfont.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("/m5/catalog/fonts/OpenSans-Bold-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/m5/catalog/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/m5/catalog/fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("/m5/catalog/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/m5/catalog/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/m5/catalog/fonts/OpenSans-Bold-webfont.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("/m5/catalog/fonts/OpenSans-BoldItalic-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("/m5/catalog/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/m5/catalog/fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("/m5/catalog/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/m5/catalog/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/m5/catalog/fonts/OpenSans-BoldItalic-webfont.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'icomoon';
  src: url("/m5/catalog/fonts/icomoon.eot?-8fqwtg");
  src: url("/m5/catalog/fonts/icomoon.eot?#iefix-8fqwtg") format("embedded-opentype"), url("/m5/catalog/fonts/icomoon.woff?-8fqwtg") format("woff"), url("/m5/catalog/fonts/icomoon.ttf?-8fqwtg") format("truetype"), url("/m5/catalog/fonts/icomoon.svg?-8fqwtg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-lists:before {
  content: "\e60b";
}

.icon-arrow-l:before {
  content: "\e600";
}

.icon-arrow-r:before {
  content: "\e601";
}

.icon-audio:before {
  content: "\e602";
}

.icon-audiobook:before {
  content: "\e603";
}

.icon-backpack:before {
  content: "\e604";
}

.icon-book:before {
  content: "\e605";
}

.icon-cd:before {
  content: "\e606";
}

.icon-check:before {
  content: "\e607";
}

.icon-close:before {
  content: "\e608";
}

.icon-database:before {
  content: "\e609";
}

.icon-eye:before {
  content: "\e60a";
}

.icon-print:before {
  content: "\e60c";
}

.icon-scan:before {
  content: "\e60d";
}

.icon-search-2:before {
  content: "\e60e";
}

.icon-search:before {
  content: "\e60f";
}

.icon-share:before {
  content: "\e610";
}

.icon-star:before {
  content: "\e611";
  font-family: "icomoon";
}

.icon-user:before {
  content: "\e612";
}

.icon-users:before {
  content: "\e613";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-comment:before {
  content: "\f075";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-floppy-disk:before {
content: "\e962";
}


@font-face {
  font-family: 'icomoon-2';
  src: url("/m5/catalog/fonts/icomoon-2.eot?-8fqwtg");
  src: url("/m5/catalog/fonts/icomoon-2.eot?#iefix-8fqwtg") format("embedded-opentype"), url("/m5/catalog/fonts/icomoon-2.woff?-8fqwtg") format("woff"), url("/m5/catalog/fonts/icomoon-2.ttf?-8fqwtg") format("truetype"), url("/m5/catalog/fonts/icomoon-2.svg?-8fqwtg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon2-"], [class*=" icon2-"] {
  font-family: 'icomoon-2';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon2-envelop:before {
    content: "\e945";
}

.icon2-floppy-disk:before {
    content: "\e962";
}

.icon2-bin:before {
    content: "\e9ac";
}


@font-face {
  font-family: 'icomoon-3';
  src: url("/m5/catalog/fonts/icomoon-3.eot?-8fqwtg");
  src: url("/m5/catalog/fonts/icomoon-3.eot?#iefix-8fqwtg") format("embedded-opentype"), url("/m5/catalog/fonts/icomoon-3.woff?-8fqwtg") format("woff"), url("/m5/catalog/fonts/icomoon-3.ttf?-8fqwtg") format("truetype"), url("/m5/catalog/fonts/icomoon-3.svg?-8fqwtg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon3-"], [class*=" icon3-"] {
  font-family: 'icomoon-3';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon3-previous:before {
    content: "\e385";
}

.icon3-next:before {
    content: "\ea1c";
}



/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 62.5%;
}

/**
 * Remove default margin.
 */
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background: url("/m5/catalog/themes/mandarin/images/background.jpg") no-repeat 50% 117px; background-size: 100%;
  /*margin: 0;*/
  /*background-color: #f1f1f1;*/
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1, .quicklinks-mod h2, .vs-breadcrumbs {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body,
button,
input,
select,
textarea {
  color: #4b4f56;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: #E94B28;
}

.text-success {
  color: #8FC042;
}

.text-error {
  color: #B31610;
}

.text-reg {
  font-weight: 400;
}

.text-bold {
  font-weight: 700;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

h1, .quicklinks-mod h2, .vs-breadcrumbs, h2, h3, .content-module .text-large,
.content-table .text-large, h4, h5, h6 {
  font-weight: 300;
  line-height: 1.2;
}

h2 {
  font-size: 21px;
  font-size: 2.1rem;
  margin-top: .67em;
  margin-bottom: .67em;
}

h3, .content-module .text-large,
.content-table .text-large {
  font-size: 17px;
  font-size: 1.7rem;
}

p {
  margin-bottom: 1.5em;
}

b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #DBDCDD;
  cursor: help;
}

mark, ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

hr {
  background-color: #DBDCDD;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

/* =Form General
----------------------------------------------- */
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

/* =Form Buttons
----------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: none;
  border: none;
  /*background-color: #B5D143;*/
}

/* =Form Fields
----------------------------------------------- */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
  display: inline-block;
}
input[type="checkbox"] + .style-input,
input[type="radio"] + .style-input {
  position: relative;
  cursor: pointer;
}

input[type="radio"] + .style-input:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #4b4f56;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: .3em;
}
input[type="radio"]:checked + .style-input:before {
  background-color: #6CCBF5;
}

input[type="checkbox"] + .style-input:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #4b4f56;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: .5em;
}
input[type="checkbox"] + .style-input:after {
  display: none;
  content: "\e607";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 7px;
  position: absolute;
  left: 2.5px;
  top: 50%;
  margin-top: -4px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"]:checked + .style-input:after {
  display: block;
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-appearance: none;
  border: none;
  outline: 0;
  font-weight: 300;
  padding: .1em .4em;
}
.content-module input[type="text"], .content-module
input[type="email"], .content-module
input[type="url"], .content-module
input[type="password"], .content-module
input[type="search"], .content-module
textarea {
  border: 1px solid #DBDCDD;
  -webkit-box-shadow: inset 0 0 2px #ddd;
          box-shadow: inset 0 0 2px #ddd;
}
input[type="text"].large, input[type="text"].medium,
input[type="email"].large,
input[type="email"].medium,
input[type="url"].large,
input[type="url"].medium,
input[type="password"].large,
input[type="password"].medium,
input[type="search"].large,
input[type="search"].medium,
textarea.large,
textarea.medium {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="text"].large,
input[type="email"].large,
input[type="url"].large,
input[type="password"].large,
input[type="search"].large,
textarea.large {
  padding: 11px 15px;
  font-size: 26px;
  font-size: 2.6rem;
  height: 61px;
}
input[type="text"].medium,
input[type="email"].medium,
input[type="url"].medium,
input[type="password"].medium,
input[type="search"].medium,
textarea.medium {
  padding: 3px 12px;
  font-size: 26px;
  font-size: 2.6rem;
  height: 47px;
}
input[type="text"].l-full-width,
input[type="email"].l-full-width,
input[type="url"].l-full-width,
input[type="password"].l-full-width,
input[type="search"].l-full-width,
textarea.l-full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
table input[type="text"], table
input[type="email"], table
input[type="url"], table
input[type="password"], table
input[type="search"], table
textarea {
  /*background-color: #f1f1f1;*/
  border: 1px solid #9D9FA3;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

/* =Specific Form Styles
----------------------------------------------- */
@media screen and (min-width: 900px) {
  .advanced-form.l-3-4 {
    padding-right: 25%;
  }
}
.advanced-form .gray-outline {
  background-color: #f1f1f1;
  display: inline-block;
  padding: 0.6em;
  margin-right: 1em;
}
.advanced-form .gray-outline > * {
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em;
}
.advanced-form .gray-outline > *:first-child {
  margin-left: 0;
}
.advanced-form [class*="btn-"],
.advanced-form button,
.advanced-form .form-reset {
  font-size: 15px;
  font-size: 1.5rem;
}
.advanced-form input[type="checkbox"] + .style-input,
.advanced-form input[type="radio"] + .style-input {
  font-size: 13px;
  font-size: 1.3rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.advanced-form input[type="checkbox"] + .style-input {
  display: inline-block;
  margin-bottom: 0.7em;
}
.advanced-form input[type="radio"] + .style-input {
  margin-left: 1em;
}
.modal-content .advanced-form .fix-width {
  width: 106px;
}
.advanced-form .left-align [class*="drpdwn-"] {
  text-align: left;
}
.advanced-form input[type="text"].fix-width {
  width: 250px;
}
.advanced-form label {
  font-size: 15px;
  font-size: 1.5rem;
}
.advanced-form p {
  font-weight: 300;
}
.advanced-form textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search-restrictions {
  font-weight: 300;
  float: right;
}
.search-restrictions .checkbox {
  margin-left: .7em;
}
.search-restrictions .checkbox:before {
  margin-right: .5em;
}

.checkbox-list {
  overflow: hidden;
}
.checkbox-list li {
  float: left;
  margin-left: 2em;
}
.checkbox-list li:first-child {
  margin-left: 0;
}

/* =Form Combinations
----------------------------------------------- */
.select-input [class*="drpdwn-"] {
  float: left;
}
.select-input [class*="drpdwn-"].large ~ .pull {
  margin-left: -106px;
  padding-left: 120px;
}
.select-input [class*="drpdwn-"].medium ~ .pull {
  margin-left: -116px;
  padding-left: 130px;
}
.select-input.has-marc .pull {
  width: 80%;
}
.select-input.has-marc .pull ~ input {
  width: 19%;
  float: right;
  margin-left: 1%;
}

.select-select {
  *zoom: 1;
}
.select-select:before, .select-select:after {
  content: "";
  display: table;
}
.select-select:after {
  clear: both;
}
.select-select .l-1-3 {
  float: right;
  margin-right: 0;
}

.input-button input {
  float: left;
  padding: .25em .5em;
}

/* =Tab styles
----------------------------------------------- */
.tab-panel {
  display: none;
}
.tab-panel.is-active {
  display: block;
}

.tabs-nav {
  *zoom: 1;
  font-size: 17px;
  font-size: 1.7rem;
}
.tabs-nav:before, .tabs-nav:after {
  content: "";
  display: table;
}
.tabs-nav:after {
  clear: both;
}
.tabs-nav li {
  float: left;
}
.tabs-nav a {
  background-color: #4b4f56;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 300;
  width: 180px;
  padding: .3em;
}
.tabs-nav a.is-current {
  background-color: #fff;
  color: #4b4f56;
}
.tabs-nav a.is-current .gem-white {
  background-color: #4b4f56;
  color: #fff;
}

/* =General Buttons + Dropdowns
----------------------------------------------- */
[class*="btn-"],
[class*="drpdwn-"] {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: background-color .3s, color .3s;
          transition: background-color .3s, color .3s;
  color: #0789b9;
  outline: none;
}
[class*="btn-"] [class*="icon"],
[class*="drpdwn-"] [class*="icon"] {
  margin-right: 0.5em;
  margin-top: -1px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}
[class*="btn-"] [class*="icon"].no-text,
[class*="drpdwn-"] [class*="icon"].no-text {
  margin: 0 .3em;
}
[class*="btn-"].fix-width,
[class*="drpdwn-"].fix-width {
  width: 116px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
[class*="btn-"].l-1-3,
[class*="drpdwn-"].l-1-3 {
  width: 32.43243%;
  float: left;
  margin-right: 1.35135%;
}
[class*="btn-"].l-2-3,
[class*="drpdwn-"].l-2-3 {
  width: 66.21622%;
  float: left;
  margin-right: 1.35135%;
}
[class*="btn-"].l-1-2,
[class*="drpdwn-"].l-1-2 {
  width: 49.32432%;
  float: left;
  margin-right: 1.35135%;
}
[class*="btn-"].l-full-width,
[class*="drpdwn-"].l-full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[class*="btn-"] {
  display: inline-block;
  padding: 0.5em;
}

.btn-trans,
.drpdwn-trans {
  border: 1px solid #188AB7;
  color: #0789B9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn-trans [class*="icon"], .btn-trans[class*="icon"]:before,
.drpdwn-trans [class*="icon"],
.drpdwn-trans[class*="icon"]:before {
  color: #6CCBF5;
}
.btn-trans:hover,
.drpdwn-trans:hover {
  background-color: #188AB7;
  color: #fff;
}
.btn-trans:hover [class*="icon"], .btn-trans:hover[class*="icon"]:before,
.drpdwn-trans:hover [class*="icon"],
.drpdwn-trans:hover[class*="icon"]:before {
  color: #fff;
}
.btn-trans:hover:after,
.drpdwn-trans:hover:after {
  border-color: #fff;
}

.btn-trans.is-active {
  background-color: #188AB7;
  color: #fff;
}

.btn-blue,
.drpdwn-blue {
  background-color: #188AB7;
  color: #fff;
}
.btn-blue [class*="icon"], .btn-blue[class*="icon"]:before,
.drpdwn-blue [class*="icon"],
.drpdwn-blue[class*="icon"]:before {
  color: #fff;
}
.btn-blue:hover,
.drpdwn-blue:hover {
  background-color: #12688a;
  color: #fff;
}
.btn-blue:hover [class*="icon"], .btn-blue:hover[class*="icon"]:before,
.drpdwn-blue:hover [class*="icon"],
.drpdwn-blue:hover[class*="icon"]:before {
  color: #fff;
}

.btn-red,
.drpdwn-red {
  background-color: #E94B28 !important;
  color: #fff;
}
.btn-red:hover,
.drpdwn-red:hover {
  background-color: #c93515 !important;
  color: #fff;
}
.btn-red:active,
.drpdwn-red:active {
  background-color: #c93515 !important;
  color: #fff;
}

.link-geturl{
  color: #0789B9;
  background-color: transparent;
  text-decoration: none;
}

.link-geturl:hover{
  background-color: transparent;
  color: #fff;
  text-decoration:none;
}

.link-geturl:focus{
  color: #0789B9;
  background-color: transparent;
  text-decoration:none;
}
.btn-white {
  background-color: #fff;
}
.btn-white:hover {
  background-color: #188AB7;
  color: #fff;
}

.btn-red.is-current {
  background-color: #fff;
  color: #4b4f56;
}

.btn-green,
.drpdwn-green {
  background-color: #B5D143;
  color: #fff;
}
.btn-green:hover,
.drpdwn-green:hover {
  background-color: #9ab52c;
}

.btn-gray,
.drpdwn-gray {
  color: #fff;
  background-color: #49545E;
}
.btn-gray:hover,
.drpdwn-gray:hover {
  background-color: #33363b;
  color: #fff;
}

.btn-gray:focus,
.drpdwn-gray:focus {
  background-color: #33363b;
  color: #fff;
}

.btn-gray-light,
.drpdwn-gray-light {
  color: #fff;
  background-color: #9D9FA3;
}
.btn-gray-light:hover,
.drpdwn-gray-light:hover {
  background-color: #83858a;
  color: #fff;
}
.btn-gray-light.is-current,
.drpdwn-gray-light.is-current {
  background-color: #6CCBF5;
  color: #fff;
}
.btn-gray-light.is-current [class*="icon"],
.drpdwn-gray-light.is-current [class*="icon"] {
  color: #fff;
}
.btn-gray-light.is-current:hover,
.drpdwn-gray-light.is-current:hover {
  background-color: #3cbaf2;
  color: #fff;
}
.btn-gray-light.is-current:hover [class*="icon"],
.drpdwn-gray-light.is-current:hover [class*="icon"] {
  color: #fff;
}

.btn-gray-xlight,
.drpdwn-gray-xlight {
  color: #4b4f56;
  background-color: #DBDCDD;
}
.btn-gray-xlight:hover,
.drpdwn-gray-xlight:hover {
  background-color: #c1c3c4;
  color: #4b4f56;
}
.btn-gray-xlight [class*="icon"], .btn-gray-xlight[class*="icon"]:before,
.drpdwn-gray-xlight [class*="icon"],
.drpdwn-gray-xlight[class*="icon"]:before {
  color: #E94B28;
}
.btn-gray-xlight.is-current,
.drpdwn-gray-xlight.is-current {
  background-color: #6CCBF5;
  color: #4b4f56;
}
.btn-gray-xlight.is-current [class*="icon"],
.drpdwn-gray-xlight.is-current [class*="icon"] {
  color: #4b4f56;
}
.btn-gray-xlight.is-current:hover,
.drpdwn-gray-xlight.is-current:hover {
  background-color: #3cbaf2;
  color: #4b4f56;
}
.btn-gray-xlight.is-current:hover [class*="icon"],
.drpdwn-gray-xlight.is-current:hover [class*="icon"] {
  color: #4b4f56;
}


/* =Dropdowns
----------------------------------------------- */
[class*="drpdwn-"] {
  position: relative;
  padding: 0.3em 2em 0.3em .8em;
}
[class*="drpdwn-"]:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: .35;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  margin-top: -2px;
  top: 50%;
  right: 1em;
  content: "\f0d7";
}
[class*="drpdwn-"].large {
  width: 106px;
  padding: 1.3em 0.5em 0.3em;
  display: block;
  float: right;
}
[class*="drpdwn-"].large .dk-option {
  padding: .3em 1.2em;
}
[class*="drpdwn-"].large .dk-selected {
  text-align: center;
}
[class*="drpdwn-"].large .dk-select-options {
  width: 250px;
}
[class*="drpdwn-"].large:after {
  position: static;
  float: none;
  display: block;
  margin: .5em auto 0.2em;
  text-align: center;
}
[class*="drpdwn-"].medium {
  padding: .8em;
}
[class*="drpdwn-"].medium:after {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em;
}
[class*="drpdwn-"].medium .dk-selected {
  display: inline-block;
}
[class*="drpdwn-"].small {
  width: auto;
  padding: .1em 2em .1em .5em;
}
[class*="drpdwn-"].small:after {
  right: .6em;
}
[class*="drpdwn-"].small .dk-option {
  padding: .1em .5em;
}
[class*="drpdwn-"].small .dk-select-options {
  min-width: 100%;
  width: auto;
}
[class*="drpdwn-"].l-full-width {
  padding: 0.3em 1.6em 0.3em 1.2em;
}
[class*="drpdwn-"].l-full-width .dk-selected {
  text-align: left;
}
[class*="drpdwn-"].l-full-width .dk-option {
  padding: .3em 1.2em;
}
[class*="drpdwn-"].l-full-width .dk-select-options {
  width: 100%;
}
[class*="drpdwn-"][class*="icon-"]:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="drpdwn-"][class*="icon-"] .dk-selected {
  display: inline-block;
}

.drpdwn-trans {
  background-color: #fff;
}
.drpdwn-trans:after {
  color: #188AB7;
}
.drpdwn-trans:hover:after {
  color: #fff;
}
.drpdwn-trans .dk-option-highlight,
.drpdwn-trans .dk-option-selected {
  background-color: #12688a;
  color: #fff;
}
.drpdwn-trans[class*="dk-select-open"] {
  background-color: #188AB7;
  color: #fff;
}
.drpdwn-trans[class*="dk-select-open"]:before, .drpdwn-trans[class*="dk-select-open"]:after {
  color: #fff;
}

.drpdwn-white {
  color: #4b4f56;
  background-color: #fff;
}
.drpdwn-white:after {
  color: #E94B28;
}
.drpdwn-white .dk-option-highlight,
.drpdwn-white .dk-option-selected {
  background-color: #6CCBF5;
  color: #fff;
}
.drpdwn-white[class*="dk-select-open"] {
  background-color: #fff;
}

.drpdwn-gray:after {
  color: #fff;
}
.drpdwn-gray .dk-option-highlight,
.drpdwn-gray .dk-option-selected {
  background-color: #3c454d;
}
.drpdwn-gray[class*="dk-select-open"] {
  background-color: #49545E;
}

.drpdwn-gray-light:after {
  color: #fff;
}
.drpdwn-gray-light .dk-option-highlight,
.drpdwn-gray-light .dk-option-selected {
  background-color: #83858a;
}
.drpdwn-gray-light[class*="dk-select-open"] {
  background-color: #9D9FA3;
}

.drpdwn-gray-xlight:after {
  color: #E94B28;
}
.drpdwn-gray-xlight .dk-option-highlight,
.drpdwn-gray-xlight .dk-option-selected {
  color: #4b4f56;
  background-color: #c1c3c4;
}
.drpdwn-gray-xlight[class*="dk-select-open"] {
  background-color: #DBDCDD;
}

.drpdwn-red:after {
  color: #fff;
}
.drpdwn-red .dk-option-highlight,
.drpdwn-red .dk-option-selected {
  background-color: #c93515;
}
.drpdwn-red[class*="dk-select-open"] {
  background-color: #E94B28;
}

.drpdwn-blue:after {
  color: #fff;
}
.drpdwn-blue .dk-option-highlight,
.drpdwn-blue .dk-option-selected {
  background-color: #12688a;
}
.drpdwn-blue[class*="dk-select-open"] {
  background-color: #188AB7;
}

/* =Split button dropdown
----------------------------------------------- */
.btn-group {
  padding: 0;
  position: relative;
}
.btn-group [class*="btn"] {
  padding: 0.2em 0.8em;
}
.btn-group [class*="btn"]:first-child {
  float: left;
  border-right: none;
}
.btn-group .icon-caret-down {
  margin-right: 0;
}
.btn-group .btn-trans {
  background-color: transparent;
}
.btn-group .btn-trans [class*="icon-"] {
  color: #188AB7;
}
.btn-group .btn-trans:hover {
  background-color: #188AB7;
}
.btn-group .btn-trans:hover [class*="icon-"] {
  color: #fff;
}

/* =Bootstrap Dropdowns
----------------------------------------------- */
.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  max-height: 258px;
  overflow-y: scroll;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 13px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
  color:#0789B9;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #0789B9;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* =Button Element
----------------------------------------------- */
button.is-disabled {
  background-color: #9D9FA3;
}
button.is-disabled:hover {
  background-color: #9D9FA3;
}

/* =Gems
----------------------------------------------- */
[class*="gem-"] {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  background-color: #9D9FA3;
  border-radius: 10px;
  padding: 0.1em 0.6em;
  color: #fff;
  font-weight: 300;
  font-weight: normal;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
[class*="gem-"].circular {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  padding: 0;
}

.gem-error {
  background-color: #B31610;
  color: #fff;
}

.gem-white {
  color: #4b4f56;
  background-color: #fff;
}

.gem-gray {
  background-color: #4b4f56;
}

.gem-gray-light {
  background-color: #9D9FA3;
}

.gem-gray-xlight {
  background-color: #DBDCDD;
}

.gem-notifications {
  background-color: #B31610;
  padding: 0.1em 0.8em;
}
.gem-notifications:hover {
  background-color: #84100c;
}

.gem-selecteditems {
  background-color: #6CCBF5;
}

.details-selected-items
{
  margin-right:5px;
}

/* =Header
----------------------------------------------- */
.app-header {
  background-color: #fff;
  height: 118px;
}

.logo {
  float: left;
  display: block;
  margin-top: 1.1em;
}

/* =Navigation
----------------------------------------------- */
.menu-primary {
  float: right;
  font-size: 16px;
  font-size: 1.6rem;
  margin: .9em 0 2.4em;
}

.menu-primary-top {
  display: block;
  float: right;
  margin-bottom: .5em;
}

.menu-primary-middle {
  clear: both;
  margin: .3em .8em .3em;
}
@media screen and (max-width: 960px) {
  .menu-primary-middle {
    float: right;
    margin: 0 1em 0 0;
    padding-right: 1em;
    position: relative;
    clear: none;
  }
  .menu-primary-middle:before {
    content: '';
    width: 1px;
    height: 17px;
    position: absolute;
    top: 3px;
    right: 0;
    background-color: #DBDCDD;
  }
}

@media screen and (max-width: 960px) {
  .menu-primary-bottom {
    clear: both;
  }
}
.menu-primary-bottom .icon-home {
  line-height: 16px;
  font-size: 16px;
  margin: 0 .2em;
}
.menu-primary-bottom .fix-width {
  width: 116px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.menu-primary-bottom .drpdwn-trans:before {
  margin-right: 0.3em;
}

@media screen and (min-width: 960px) {
  .menu-primary-bottom,
  .menu-primary-middle {
    float: left;
  }
}
.menu-primary-bottom > *,
.menu-primary-middle > * {
  display: inline-block;
  margin-right: 0.6em;
}
.menu-primary-bottom > *:last-child,
.menu-primary-middle > *:last-child {
  margin-right: 0;
}
.menu-primary-bottom > *.drpdwn-trans, .menu-primary-bottom > *.btn-red,
.menu-primary-middle > *.drpdwn-trans,
.menu-primary-middle > *.btn-red {
  margin-right: 0.1em;
}
.menu-primary-bottom .btn-group,
.menu-primary-middle .btn-group {
  margin-right: 0;
}

/* =General Search Hero
----------------------------------------------- */
.app-hero {
  background-size: cover;
}
.app-hero form {
  *zoom: 1;
}
.app-hero form:before, .app-hero form:after {
  content: "";
  display: table;
}
.app-hero form:after {
  clear: both;
}

.search-main {
  padding-top: 2.8em;
  padding-bottom: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .search-main {
    padding: 2.8em 4em 1.5em;
  }
}

.input-search {
  padding-right: 60px;
  width: 100%;
  margin-bottom: 0.4em;
  color: #9D9FA3;
}

.search-top {
  padding-right: 4em;
  position: relative;
}

.search-btn-container {
	background:url('/m5/catalog/images/search-btn.png') no-repeat;
    border-spacing: 0px;
    border:none;
    padding:0px 0px 0px 0px;
    margin:3px 0px 0px 0px;
    height:78px;
    width:78px;
}

.search-btn {
	background:url('/m5/catalog/images/search-btn.png') no-repeat;
    border-spacing: 0px;
    border:none;
    padding:0px 0px 0px 0px;
    margin:3px 0px 0px 0px;
    height:78px;
    width:78px;
}

.search-btn:hover {
	background:url('/m5/catalog/images/search-btn-over.png') no-repeat;
    border-spacing: 0px;
    border:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    height:78px;
    width:78px;
}

input.search-btn {
    width: 78px !important;
}

.submit {
  font-size: 30px;
  font-size: 3rem;
  background-color: #afcd33;
  height: 2.6em;
  width: 2.6em;
  color: #fff;
  border-radius: 50%;
  border: 5px solid #fff;
  position: absolute;
  top: -.3em;
  right: -.6em;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.submit:hover {
  background-color: #8ca428;
}

.search-right,
.search-left {
  float: left;
}

.search-left .dk-select {
  float: left;
}

.search-right {
  position: relative;
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
}
.search-right [class*="btn-"] {
  width: 125px;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
}

/* =Sidebar General
----------------------------------------------- */
.l-sidebar.sidebar-filters {
  padding-top: 3.65em;
}
.l-sidebar.sidebar-filters > h2 {
  margin-top: 0;
  margin-bottom: 0.4em;
}
.l-sidebar.title-align h2 {
  margin-top: 0;
  margin-bottom: .8em;
}

/* =Sidebar Search Filters
----------------------------------------------- */
.filter-module {
  *zoom: 1;
  background-color: #fff;
  padding: .5em .9em;
  margin: 1em 0em;
  min-width: 180px;
}
.filter-module:before, .filter-module:after {
  content: "";
  display: table;
}
.filter-module:after {
  clear: both;
}
.filter-module.trans {
  background-color: transparent;
}
.filter-module h3, .filter-module .content-module .text-large, .content-module .filter-module .text-large,
.filter-module .content-table .text-large,
.content-table .filter-module .text-large {
  margin: 0;
  color: #609c36;
  display: inline-block;
}
.filter-module .link-more {
  color: #0789b9;
  display: inline-block;
  margin-left: 1.6em;
  margin-top: .2em;
  /*text-transform: lowercase;*/
}

.filter-list {
  *zoom: 1;
  margin-top: .8em;
}
.filter-list:before, .filter-list:after {
  content: "";
  display: table;
}
.filter-list:after {
  clear: both;
}
.filter-list li {
  margin-top: 0.3em;
}
.filter-list li:first-child {
  margin-top: 0;
}
.filter-list li.l-1-2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  padding-left: 5px;
  float: left;
}
.filter-list li.l-1-2:first-child {
  padding-left: 0;
  margin-top: 0.3em;
}
.filter-list li.l-1-2 [class*="drpdwn-"] {
  width: 100%;
}
.filter-list .count {
  display: block;
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 5px;
}
.filter-list .checkbox {
}
.filter-list .checkbox:before {
  margin-right: .7em;
}

.toggle-list {
  width: 20px;
  height: 20px;
  background-color: #9D9FA3;
  border-radius: 50%;
  display: block;
  float: right;
  position: relative;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.no-touch .toggle-list {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.no-touch .toggle-list:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.toggle-list:before, .toggle-list:after {
  content: '';
  height: 2px;
  width: 12px;
  background-color: #fff;
  position: absolute;
  left: 4px;
  top: 9px;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.toggle-list.collapsed:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.toggle-list.collapsed:after {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.select-input-box {
  width: 10px;
  height: 10px;
  border: 1px solid #4b4f56;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: .7em;
}
.active .select-input-box {
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.active .select-input-box:before {
  position: absolute;
  content: "\e603";
  font-size: 8.5px;
  left: 0;
  top: 1px;
}

/* =Checkboxes
----------------------------------------------- */
.checkbox {
  font-weight: 300;
  color: #4b4f56;
  position: relative;
  cursor: pointer;
}
.checkbox:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #4b4f56;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: .5em;
}
.checkbox:after {
  display: none;
  content: "\e607";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 10px;
  position: absolute;
  left: 2px;
  top: 0%;
  margin-top: 4px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.checkbox.is-active:after, .is-active .checkbox:after {
  display: block;
}
.btn-trans:hover .checkbox, .is-active .checkbox {
  color: #fff;
  -webkit-transition: .3s color;
          transition: .3s color;
}
.btn-trans:hover .checkbox:before, .is-active .checkbox:before {
  border: 1px solid #fff;
  -webkit-transition: .3s border-color;
          transition: .3s border-color;
}
.btn-trans:hover .checkbox:after, .is-active .checkbox:after {
  color: #fff;
  -webkit-transition: .3s color;
          transition: .3s color;
}

/* =Sidebar Nav
----------------------------------------------- */
.sidebar-nav {
  margin-top: 0.1em;
}
.sidebar-nav.padded {
  padding-top: 4.15em;
}
.sidebar-nav.padded .sidebar-buttons {
  margin-top: 1.5em;
}

.sidebar-buttons li {
  margin-top: .5em;
}
.sidebar-buttons li:first-child {
  margin-top: 0;
}
.sidebar-buttons .btn-sidebar {
  text-align: left;
  padding: .8em .9em;
}
.sidebar-buttons .gem-white {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -9px;
}

.sidebar-sublinks {
  background-color: #c4c6c8;
  padding: 1.1em;
}
.is-current + .sidebar-sublinks {
  background-color: #b4e4fa;
}
.sidebar-sublinks a {
  font-weight: 300;
  font-size: 14px;
  font-size: 1.4rem;
  color: #4b4f56;
}
.sidebar-sublinks a.is-current {
  position: relative;
}
.sidebar-sublinks a.is-current:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.1em;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #f1f1f1;
}

.btn-sidebar {
  position: relative;
  width: 100%;
  height: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.btn-sidebar a {
  color: #4b4f56;
}

/* =Content styles (mostly admin)
----------------------------------------------- */
.module-header {
  background-color: #DBDCDD;
  padding: .8em 1.3em;
}
.module-header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  display: inline-block;
  margin: 0;
}
.module-header .header-text {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 300;
  color: #188AB7;
  margin-left: .5em;
  margin-right: .5em;
}

/* =librarian circulation sidebar
----------------------------------------------- */
time {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 300;
  color: #609c36;
  margin-bottom: .5em;
  display: block;
}

.l-sidebar .content-module a {
  color: #188AB7;
}

/* =General Content Modules
----------------------------------------------- */
.content-module {
  background-color: #fff;
  padding: 1.8em;
}

.content-table .search-results-toggle {
  margin-bottom: 5px;
}
.content-table .top {
  margin-top: 25px;
}
.content-table .search-results-filter a {
  color: #188AB7;
  margin-left: .7em;
}
.content-table .search-results-filter a:first-child {
  margin-left: 0;
}

.content-module,
.content-table {
  *zoom: 1;
  position: relative;
  margin: 1.8em 0;
}
.content-module:before, .content-module:after,
.content-table:before,
.content-table:after {
  content: "";
  display: table;
}
.content-module:after,
.content-table:after {
  clear: both;
}
.content-module:first-child, .content-module.no-marg-top,
.content-table:first-child,
.content-table.no-marg-top {
  margin-top: 0;
}
.content-module.no-marg,
.content-table.no-marg {
  margin: 0;
}
.content-module h1, .content-module .quicklinks-mod h2, .quicklinks-mod .content-module h2, .content-module .vs-breadcrumbs,
.content-module h2,
.content-module h3,
.content-module .text-large,
.content-module h4,
.content-module h5,
.content-table h1,
.content-table .quicklinks-mod h2,
.quicklinks-mod .content-table h2,
.content-table .vs-breadcrumbs,
.content-table h2,
.content-table h3,
.content-table .text-large,
.content-table h4,
.content-table h5 {
  line-height: 1.3;
}
.content-module h1, .content-module .quicklinks-mod h2, .quicklinks-mod .content-module h2, .content-module .vs-breadcrumbs,
.content-table h1,
.content-table .quicklinks-mod h2,
.quicklinks-mod .content-table h2,
.content-table .vs-breadcrumbs {
  font-size: 19px;
  font-size: 1.9rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0;
  color: #f15d22;
}
.content-module .highlight,
.content-table .highlight {
  color: #fff;
  background-color: #f15d22;
}
.content-module h2,
.content-table h2 {
  color: #609c36;
  margin-top: 0;
  margin-bottom: 0;
}
.content-module h3, .content-module .text-large,
.content-table h3,
.content-table .text-large {
  margin-top: 0;
  margin-bottom: .4em;
}
.content-module .header-title h2,
.content-table .header-title h2 {
  display: inline-block;
}
.content-module .header-title .toggle-list,
.content-table .header-title .toggle-list {
  margin-top: .2em;
}
.content-module p,
.content-table p {
  margin-top: 0;
}
.content-module .text-large,
.content-table .text-large {
  font-size: 26px;
  font-size: 2.6rem;
}

.content-module .text-small,
.content-table .text-small {
  font-size: 10px;
  font-size: 1.6rem;
}

.no-results .content-module .text-large, .no-results
.content-table .text-large {
  margin-bottom: 0;
}

.availability-checkbox
{
    width:14.25em;
    text-decoration:none;
    /*text-align:center;*/
    /*border:none;*/
}
.availability-checkbox:focus
{
    text-decoration:none;
    /*text-align:center;*/
    /*border:none;*/
}
.availability-checkbox:hover
{
    text-decoration:none;
}
.availability-container
{
    /*text-align:center;*/
    width:14.25em;
    height:2em;
    margin-top: .8em;
    margin-bottom: 3em;
    margin-right: 2em;
    padding-right:1.0em;
    text-decoration:none;
}
#AvailabilityCheckbox
{
    margin-left:0em;
}
.availability-container .a
{
    text-decoration:none;
}

/* =Search Results
----------------------------------------------- */
.app-main {
  margin-top: 2em;
  margin-bottom: 4em;
}

/* =Search Results Sorting/Pagination
----------------------------------------------- */
.search-results-toggle {
  *zoom: 1;
  font-size: 14px;
  font-size: 1.4rem;
}
.search-results-toggle:before, .search-results-toggle:after {
  content: "";
  display: table;
}
.search-results-toggle:after {
  clear: both;
}
.search-results-toggle.top .search-results-pagination {
  margin-top: -25px;
}

.action-buttons {
  overflow: hidden;
  margin-bottom: .8em;
}
.action-buttons li {
  float: left;
  margin-right: .4em;
}

.search-results-filter {
  float: left;
  clear: both;
}
.search-results-filter .style-select {
  margin-right: 0.1em;
}

.search-results-pagination {
  float: right;
}
.search-results-pagination .fix-width {
  width: 18px;
  text-align: center;
}
.search-results-pagination a {
  padding: .3em;
  color: #E94B28;
}

.results-per-page:after {
  content: '';
  position: absolute;
  height: 33px;
  width: 1px;
  right: -2px;
  top: -9px;
  background-color: #fff;
  border-right: 1px solid #fff;
}

.results-total {
  display: block;
  text-align: right;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 3px;
}

/* =Search Result Summary
----------------------------------------------- */
.search-results {
  margin: .8em 0;
}

.result {
  border-bottom: 1px solid #DBDCDD;
}
.result:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -18px;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-right: 18px solid #f1f1f1;
}
.result:last-child {
  border-bottom: none;
}
.result .author {
  color: #4b4f56;
}
.result .author .icon-search {
  font-size: 10px;
  font-size: 1rem;
  color: #49545E;
}

.featured-image {
  float: left;
  margin-right: 15px;
}

.result-info {
  overflow: hidden;
}

.result-type {
  margin-bottom: 0.3em;
  float: left;
}

.icon-book {
  font-size: 26px;
  font-size: 2.6rem;
  border: 1px solid #4b4f56;
  padding: .3em;
  color: #9D9FA3;
  display: block;
  float: left;
  margin-right: 10px;
}

.call-number {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  display: inline-block;
}

.result-stats {
  float: right;
}

.result-title {
  clear: both;
}

.availability {
  font-size: 11px;
  font-size: 1.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #eaefd1;
  padding: 1px 15px 1px 30px;
  margin: 2px 0 0.5em 3px;
}
.availability .icon-check {
  font-size: 11px;
  font-size: 1.1rem;
  color: #fff;
  position: absolute;
  left: -3px;
  top: -2px;
  display: inline-block;
  background-color: #8FC042;
  padding: .5em;
  border-radius: 50%;
}

.rating .icon-star {
  font-size: 16px;
  font-size: 1.6rem;
  color: #c4c6c8;
  margin-left: .3em;
}
.rating .icon-star:first-child {
  margin-left: 0;
}
.rating .icon-star.active {
  color: #7BD1F4;
}

.comment-count {
  font-size: 11px;
  font-size: 1.1rem;
  width: 26px;
  height: 22px;
  background: url("../img/svg/comment.svg") no-repeat;
  background-size: 26px 22px;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  color: #fff;
  margin-left: 1em;
  line-height: 1.7;
}

.result-title {
  margin-top: 4.5em;
  margin-bottom: 1.3em;
}

.categories {
  overflow: hidden;
  margin-bottom: 1.3em;
}
.categories li {
  float: left;
  margin-right: 0.5em;
}
.categories li:last-child {
  margin-right: 0;
}

.gem {
  background-color: #9D9FA3;
  border-radius: 8px;
  padding: 0.1em 0.6em;
  color: #fff;
  font-weight: normal;
}

/* =Comments Section
----------------------------------------------- */
.comments h1, .comments .quicklinks-mod h2, .quicklinks-mod .comments h2, .comments .vs-breadcrumbs {
  margin-top: -.15em;
}
.comments h2 {
  display: inline-block;
}
.comments header {
  margin-bottom: .8em;
}

.comments-single {
  border-top: 1px solid #DBDCDD;
  overflow: hidden;
  padding-top: 1.5em;
}
.comments-single .rating {
  float: right;
}

.comments-form {
  background-color: #DBDCDD;
  overflow: hidden;
  padding: 1.5em;
}

div.rating input[type="radio"]:checked + .icon-star {
  color: #E94B28;
}
div.rating input[type="radio"]:checked + .icon-star ~ .icon-star {
  color: #E94B28;
}

div.rating .icon-star {
  margin-left: 0;
  margin-right: .3em;
  float: right;
  cursor: pointer;
}

/* =Footer
----------------------------------------------- */
.app-footer {
  background-color: #181818;
  padding: 5em 0;
}

.languages {
  overflow: hidden;
  margin-bottom: 3em;
}
.languages li {
  float: left;
  margin-left: .75em;
}
.languages li:first-child {
  margin-left: 0;
}
.languages [class*="flag"] {
  display: block;
  background: url("../img/sprite-flags.png") no-repeat;
  width: 29px;
  height: 20px;
}
.languages .flag-1 {
  background-position: 0 0;
}
.languages .flag-2 {
  background-position: -41px 0;
}
.languages .flag-3 {
  background-position: -84px 0;
}
.languages .flag-4 {
  background-position: -127px 0;
}
.languages .flag-5 {
  background-position: -170px 0;
}
.languages .flag-6 {
  background-position: -213px 0;
}
.languages .flag-7 {
  background-position: -256px 0;
}

/* =Bootstrap General Styles
----------------------------------------------- */
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
  visibility: hidden;
}

.collapse.in {
  display: block;
  visibility: visible;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* =Bootstrap Popover
----------------------------------------------- */
.popover-lists-content {
  display: none;
}
.popover-content .popover-lists-content {
  display: block;
}
.popover-lists-content .style-select {
  width: 100%;
  display: block;
}
.popover-lists-content .popover-text {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  display: block;
}
.popover-lists-content p {
  margin-bottom: 0;
  margin-top: .9em;
}
.popover-lists-content p:first-child {
  margin-top: 0;
}
.popover-lists-content input {
  padding: 0.3em 0.4em;
}
.popover-lists-content .input-button input {
  float: left;
  width: 238px;
}

.popover-lists {
  outline: none;
  cursor: pointer;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 400px;
  padding: 1px;
  text-align: left;
  background-color: #DBDCDD;
  background-clip: padding-box;
  white-space: normal;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

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

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
}

.popover-content {
  padding: 15px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #DBDCDD;
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #DBDCDD;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #DBDCDD;
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #DBDCDD;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #DBDCDD;
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #DBDCDD;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #DBDCDD;
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #DBDCDD;
  bottom: -10px;
}



/* =Bootstrap Modal
----------------------------------------------- */
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.select-input .pull {
  margin-left: -106px;
  padding-left: 120px;
}
.select-input.has-marc .pull {
  width: 80%;
}
.select-input.has-marc .pull ~ input {
  width: 19%;
  float: right;
  margin-left: 1%;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  padding: .8em 1em;
  position: relative;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-content .close {
  float: right;
}
.modal-content a, .modal-content button {
  font-size: 15px;
  font-size: 1.5rem;
}
.modal-content .fix-width {
  width: 116px;
}
.modal-content .fix-width .dk-selected {
  text-align: left;
}
.modal-content .fix-width[class*="drpdwn-"] {
  width: 106px;
}
.modal-content.on-page {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.modal-content.on-page a.fix-width {
  text-align: center;
}

.modal-link {
  color: #E94B28;
  margin-left: .4em;
}

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.modal-header {
  padding: 15px;
  min-height: 16.42857143px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 0 15px;
}
.modal-body [class*="drpdwn-"].large {
  float: left;
}

.modal-footer {
  padding: 15px;
  text-align: center;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 750px;
  }
}


/* =SlickJS Carousel
----------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  padding: 2px;
  cursor: pointer;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 100px;
  background-color: rgba(255, 255, 255, .35);
  margin-top: -40px;
  display: block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before, .slick-prev:after,
.slick-next:before,
.slick-next:after {
  font-size: 20px;
  font-size: 2rem;
  color: #000000;
}

.slick-prev {
  left: 0px;
}

[dir='rtl'] .slick-prev {
  right: 0px;
  left: auto;
}

.slick-prev:before {
  content: "\e600";
}

[dir='rtl'] .slick-prev:before {
  content: "\e601";
}

.slick-next {
  right: 0px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: 0px;
}

.slick-next:before {
  content: "\e601";
}

[dir='rtl'] .slick-next:before {
  content: "\e600";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  top: -60px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  content: '';
  text-align: center;
  background-color: transparent;
  border: 2px solid #E94B28;
  -webkit-transition: .3s all;
          transition: .3s all;
}

.slick-dots li.slick-active button:before {
  background-color: #E94B28;
}

/* =Select Menus - dropkick.js
----------------------------------------------- */
.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dk-select,
.dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  width: 200px;
  cursor: pointer;
}

.dk-selected {
  outline: none;
  overflow: hidden;
}

.dk-selected-disabled {
  color: #DBDCDD;
}

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
}

.dk-select-options {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
  opacity: 0;
}

.dk-select-open-up .dk-select-options {
  transiton: transform 0.15s ease, opacity 0.15s ease;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  margin-bottom: -1px;
  bottom: 100%;
  opacity: 1;
}

.dk-select-open-down .dk-select-options {
  -webkit-transition: -webkit-transform 0.15s ease, opacity 0.15s ease;
          transition: transform 0.15s ease, opacity 0.15s ease;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  margin-top: -1px;
  top: 100%;
  opacity: 1;
}

.dk-select-multi .dk-select-options {
  max-height: 10em;
}

.dk-select-options {
  z-index: 100;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 10.5em;
  list-style: none;
  padding: 0.25em 0;
  margin: 0;
  background-color: inherit;
}

.dk-option-selected {
  color: #fff;
}

.dk-option {
  padding: .3em .5em;
}

.dk-option-disabled {
  display: none;
}

.dk-select-options .dk-option-disabled {
  color: #DBDCDD;
  background-color: transparent;
}

.dk-optgroup {
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em;
}
.dk-optgroup + .dk-option {
  margin-top: 0.25em;
}
.dk-optgroup + .dk-optgroup {
  border-top-width: 0;
  margin-top: 0;
}
.dk-optgroup:nth-child(2) {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
.dk-optgroup:last-child {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%;
}

.dk-optgroup-options {
  list-style: none;
  padding-left: 0;
}
.dk-optgroup-options li {
  padding-left: 1.2em;
}

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
}

.dk-select-multi:hover,
.dk-select-multi:focus {
  outline: none;
}

.dk-select-disabled {
  opacity: 0.6;
  color: #DBDCDD;
  cursor: not-allowed;
}

select[data-dkcacheid] {
  display: none !important;
}

/* =Home Search Hero
----------------------------------------------- */
.home .app-hero {
  padding-bottom: 4em;
}
.home .search-main {
  padding-top: 8em;
  padding-bottom: 8em;
}

/* =Home Quicklinks
----------------------------------------------- */
.quicklinks-nav {
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 5px;
  margin-bottom: 3em;
}
.quicklinks-nav li {
  width: 24.36975%;
  float: left;
  margin-right: 0.84034%;
}
.quicklinks-nav li:last-child {
  float: right;
  margin-right: 0;
}
.quicklinks-nav li a {
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
}

.quicklinks-modules {
  margin-bottom: 4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.quicklinks-modules.is-active {
  margin-bottom: 0;
}
.quicklinks-modules.is-active li {
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;

}
.quicklinks-modules.is-active li:nth-child(2) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.quicklinks-modules.is-active li:nth-child(3) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.quicklinks-modules li {
  width: 32.77311%;
  float: left;
  margin-right: 0.84034%;
  background-color: rgba(255, 255, 255, 0.4);
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
          transition: transform .3s, opacity .3s;
  -webkit-transition-delay: .05;
          transition-delay: .05;
}
.quicklinks-modules li:nth-child(2) {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
.quicklinks-modules li:nth-child(3) {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}
.quicklinks-modules li:last-child {
  float: right;
  margin-right: 0;
}
.quicklinks-modules a {
  display: block;
}
.quicklinks-modules h2 {
  background-color: #FFF;
  color: #f15d22;
  margin: 0;
  padding: .6em 15px;
  font-size: 18px;
  font-size: 1.8rem;
}
.quicklinks-modules .module-content {
  padding: 15px;
  text-align: center;
}

.quicklinks-mod {
  background-color: rgba(255, 255, 255, 0.85);
  padding: .2em 2.2em;
  position: relative;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
          transition: transform .3s, opacity .3s;
}
.quicklinks-mod.open {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.quicklinks-mod .contain {
  max-width: 800px;
  margin: 2.8em auto 1em;
}

.quicklinks-mod h2 {
  color: #0789b9;
}

/* =Home Visual Search
----------------------------------------------- */
.visual-cats {
  *zoom: 1;
}
.visual-cats:before, .visual-cats:after {
  content: "";
  display: table;
}
.visual-cats:after {
  clear: both;
}
.visual-cats .cat-title {
  margin: .3em;
  color: #4b4f56;
  font-size: 13px;
  font-size: 1.3rem;
}
.visual-cats a {
  width: 18.91892%;
  float: left;
  margin-right: 1.35135%;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
          transition: transform .3s, opacity .3s;
}
.visual-cats a:nth-child(5n) {
  float: right;
  margin-right: 0;
}
.visual-cats a:nth-child(5n+1) {
  clear: left;
}
@media screen and (min-width: 860px) {
  .visual-cats a {
    width: 15.25424%;
    float: left;
    margin-right: 1.69492%;
  }
  .visual-cats a:nth-child(5n) {
    width: 15.25424%;
    float: left;
    margin-right: 1.69492%;
    clear: none;
  }
  .visual-cats a:nth-child(5n+1) {
    clear: none;
  }
  .visual-cats a:nth-child(6n) {
    float: right;
    margin-right: 0;
  }
  .visual-cats a:nth-child(6n+1) {
    clear: left;
  }
}
.open .visual-cats a.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  height: auto;
  margin-bottom: 2em;
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #D2D5C3;
          box-shadow: 1px 1px 2px #D2D5C3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .7%;
}

.vs-breadcrumbs {
  color: #0789b9;
  margin-bottom: 1em;
}

.close-mod {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 1em;
  right: 2.2em;
  cursor: pointer;
}
.close-mod:before, .close-mod:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  margin-top: -.5px;
  background-color: #E94B28;
}
.close-mod:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-mod:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* =Home Recommended Reading + Gallery
----------------------------------------------- */
.rec-reading .contain,
.gallery .contain {
  padding: 0 3em;
}

.gallery-carousel h3, .gallery-carousel .content-module .text-large, .content-module .gallery-carousel .text-large,
.gallery-carousel .content-table .text-large,
.content-table .gallery-carousel .text-large {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #E94B28;
  margin: 1em 0 0;
  font-weight: bold;
}

.gallery-carousel-small h3, .gallery-carousel-small .content-module .text-large, .content-module .gallery-carousel-small .text-large,
.gallery-carousel-small .content-table .text-large,
.content-table .gallery-carousel-small .text-large {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #E94B28;
  margin: 1em 0 0;
  font-weight: bold;
}

.gallery-carousel a {
  margin-left: -20px;
  display: block;
}

.rec-reading-carousel a {
  padding: 8px;
  display: block;
}

.rec-reading-carousel h3, .rec-reading-carousel .content-module .text-large, .content-module .rec-reading-carousel .text-large,
.rec-reading-carousel .content-table .text-large,
.content-table .rec-reading-carousel .text-large {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #E94B28;
  margin: 1em 0 0;
  font-weight: bold;
}

.content-table .rec-reading-carousel-small .text-small {
  font-size: 8px;
  font-size: .8rem;
  font-weight: 200;
  color: #E94B28;
  margin: 1em 0 0;
  width: 200px;
}
.rec-reading-carousel span {
  color: #4b4f56;
}

.rec-reading-carousel-small a {
  padding: 8px;
  display: block;
}

.rec-reading-carousel-small .content-module .text-small, .content-module .rec-reading-carousel-small .text-small,
.rec-reading-carousel-small .content-table .text-small,
.content-table .rec-reading-carousel-small .text-small {
  font-size: 10px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #E94B28;
}

.rec-reading-carousel-small h3
{
  font-size: 10px;
  font-size: 1.3rem;
  color: #FFFFFF;
  margin: 0em 2em;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
}

.rec-reading-carousel-small span {
  color: #4b4f56;
  margin: 0px 0px 0px 25px;
  width:100%;
  white-space:nowrap;
}


/* =Admin Section Theming
----------------------------------------------- */
.theme-admin .menu-secondary {
  background-color: #DBDCDD;
}
.theme-admin .action-widgets [class*="btn-"] {
  padding: 0.2em 0.5em;
}

/* =Librarian - Circulation
----------------------------------------------- */
.action-row,
.split-row,
.standard-row {
  border-top: 1px solid #DBDCDD;
}
.action-row:first-child,
.split-row:first-child,
.standard-row:first-child {
  border-top: none;
}

.action-row {
  margin-top: 2em;
  padding-top: 2em;
}

.split-row {
  *zoom: 1;
  margin-top: 2em;
}
.split-row:before, .split-row:after {
  content: "";
  display: table;
}
.split-row:after {
  clear: both;
}
@media screen and (min-width: 900px) {
  .split-row {
    padding-top: 2em;
  }
}
.split-row h3, .split-row .content-module .text-large, .content-module .split-row .text-large,
.split-row .content-table .text-large,
.content-table .split-row .text-large {
  display: inline-block;
}
.split-row .right {
  float: right;
}
.split-row .l-1-2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.7em 0;
}
.split-row .l-1-2:first-child {
  border-bottom: 1px solid #DBDCDD;
}
@media screen and (min-width: 900px) {
  .split-row .l-1-2 {
    width: 50%;
    float: left;
  }
  .split-row .l-1-2:first-child {
    padding: 0 1.7em 0 0;
    border-right: 1px solid #DBDCDD;
    border-bottom: none;
  }
  .split-row .l-1-2:last-child {
    padding: 0 0 0 1.7em;
  }
}
.split-row header {
  margin-bottom: 1.5em;
}
.split-row .featured-image {
  clear: both;
}

.split-content {
  overflow: hidden;
}

.action-row:first-child {
  margin-top: 0;
  padding-top: 0;
}
.action-row [class*="drpdwn-"].fix-width {
  width: 160px;
}
.action-row [class*="drpdwn-"].fix-width.small {
  width: 110px;
  text-align: left;
}
.action-row .toggle-links {
  margin-right: 1em;
}
.action-row .toggle-links a {
  color: #188AB7;
  margin-left: .7em;
}
.action-row .toggle-links a:first-child {
  margin-left: 0;
}
.action-row .btn-red {
  border: 1px solid #E94B28;
}
.action-row > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: .1em;
  margin-bottom: .5em;
}
.action-row .btn-none {
  color: #6CCBF5;
}
.action-row .btn-none:hover {
  color: #3cbaf2;
}

.standard-row h2 {
  color: #4b4f56;
}

.stat-box {
  *zoom: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5em;
  padding: .5em;
  background-color: #f1f1f1;
}
.stat-box:before, .stat-box:after {
  content: "";
  display: table;
}
.stat-box:after {
  clear: both;
}
.stat-box li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  float: left;
  border-left: 1px solid #DBDCDD;
}
.stat-box li:first-child {
  border-left: none;
}
.stat-box [class*="gem-"] {
  font-size: 17px;
  font-size: 1.7rem;
  border-radius: 12px;
  padding: 0 .7em;
  margin-top: .4em;
}
.stat-box .l-1-4 {
  width: 25%;
}
.stat-box .l-1-5 {
  width: 20%;
}
.stat-box p {
  margin-bottom: 0;
}
.stat-box .num-large {
  font-size: 24px;
  font-size: 2.4rem;
  color: #E94B28;
}
.stat-box h4 {
  margin: 0;
  font-weight: bold;
}

.sidebar-btn-list
{
list-style: none;
margin-left: -1.3em;
padding-left: 0em;
text-indent: 0em;
}

.details-sidebar-button
{
    width:13.75em;
	height: auto;
    text-align:center;
}


.details-sidebar-list-button
{
    width:13.75em;
	height: auto;
    padding-right:1em;
    text-align:left;
}

.action-widgets {
  *zoom: 1;
  margin-bottom: .8em;
}
.action-widgets:before, .action-widgets:after {
  content: "";
  display: table;
}
.action-widgets:after {
  clear: both;
}
.action-widgets li {
  float: left;
  margin-right: .4em;
}
.action-widgets .right, .action-widgets.right {
  float: right;
  
}

.details-select-record-format-option
{
    width:11em;
    height:1.8em
}

.reading-range-select-record-format-option
{
    width:9em;
    height:1.8em
}

.details-content-module
{
    margin-top:1em;
}

#DetailsContentModule
{
    margin-top:0em;
    width:690px;
}

#DetailsCommentsContentModule
{
    margin-top:3em;
    width:690px;
}

/* =Table Types
----------------------------------------------- */
.table-availability {
  text-align: center;
  margin-top: -.2em;
  margin-bottom: 0;
}

.table-availability .checkbox {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
}

.table-availability .checkbox:before {
  background-color: #fff;
  border: 2px solid #9D9FA3;
  border-radius: 2px;
  margin-right: 0;
}

.table-availability .checkbox:after {
  left: 1.5px;
  top: 8px;
}

.table-availability thead {
  background-color: #DBDCDD;
}

.table-availability tbody {
  background-color: #fff;
}

.table-availability tr {
  border-bottom: 4px solid #f1f1f1;
}

.table-availability th {
  border-left: 1px solid #DBDCDD;
  padding: 0em .3em;
}

.table-availability td {
  border-left: 1px solid #DBDCDD;
  padding: 0em .3em;
}

.table-availability th:first-child {
  border-left: none;
}

.table-availability-div
{
   width: 690px; overflow-y:auto; overflow-x:hidden;
}

/* =Tables Sorting
----------------------------------------------- */
th.headerSortUp,
th.headerSortDown {
  cursor: pointer;
}
th.headerSortUp:after,
th.headerSortDown:after {
  color: #fff;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: .4em;
}

th.headerSortUp:after {
  content: "\f0d8";
}

th.headerSortDown:after {
  content: "\f0d7";
}

#SearchResultsLink
{
    cursor:pointer;
}

.my-list-dropdown
{
    margin-right: 20px; 
}

.filter-text-transform
{
    /*text-transform:lowercase;*/
}

.search-sort-label
{
    /*text-transform:lowercase;*/
    font-weight:normal;

}

.smallest
{
    width: 75px;
    height:25px;
}

.medium
{
    width: 200px;
}

.results-format-container
{
    width: 170px;
}

.add-listdropdown-select-all
{
    width: 180px;
    height: 35px;
}

.add-listdropdown-select-record
{
	width: 180px;
	height: 35px;
}

.results-format-select
{
    width: 180px;
    height:28px;
}

.results-sort-select
{
    width: 180px;
    height:28px;
}

.sort-results-container
{
    width: 180px;
}

.results-per-page-select
{
    width: 70px;
    height:28px;
}

 
/* scroll results */
.ui-autocomplete {
    max-height: 268px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*html .ui-autocomplete {
*    height: 250px;
*}
*/

.ui-autocomplete
{ 
	position: absolute;
	cursor: default;
	background:#49545E;
	color: #ffffff;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.20
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	border: 1px solid #49545E;
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}



/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #49545E/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #ffffff/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: ##E94B28/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #E94B28/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ff0000;/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.reading-program-cluster { width: 213px; border: 1px solid #188AB7; }
.ill-request-ok-container { padding: 20px 0px 20px 0px; text-align: right}
.ill-request-cancel-container { padding: 20px 0px 20px 40px; text-align: left }
.ill-textboxlabel { width:150px  }
.ill-textbox { background-color: white; margin-top: .3em  !important  }
.ill-textbox-container {   }
.ill-labeldata {   }
.ill-label { color:black;  }
.ill-labelcontainer1 {  width: 300px;}
.ill-textboxlabel {  width: 300px   }
.ill-main-title-container { color:black; font-weight:bold }
.ill-title { color:black; font-size:10pt; font-weight:bold; }
.ill-labeldatacontainer1 { background-color: white }
.ill-calendar-container { width: 150px }
.illrequest-table { width: 600px; margin: 0em 0em .8em 10em;}
.ill-buttons-container{ padding-left: 2em; }
.ill-ok-button { width: 100px !important }
.ill-cancel-button { width: 100px !important }
.ILLRequestTable {  }
.ill-titlecontainer1 { padding-top: 3em !important }


.email-addidional-comments-textbox { background: #F5FFFA }
.email-label { font-size: 11px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px 0px; border-color: black black #A0410D; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.email-textbox { font-size: 11px; font-weight: bold; color: #000000; border: solid; background: #F5FFFA; border-width: 2px 2px 2px; border-color: black black black; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.email-title { font-size: 16px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px 0px; border-color: black black #A0410D; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.email-ok-cancel-button { }
.email-image { height:50px;width50px; background: url('/m5/catalog/images/ill.jpg') no-repeat;}
.email-table { margin-left:auto;margin-right:auto;height:400px; width:600px}
.email-image-holder {padding-top:20px;}
.email-title-holder { }
.email-recipient-holder { }
.email-subject-holder { }
.email-comments-holder { padding-top:20px; }
.email-buttons-holder { width: 400px;}
.email-ok-button-holder { width: 200px }
.email-cancel-button-holder {width: 200px }

.LanguageSelectionTable { width: 288px; height: 40px; }
.language-table { width: 288px; }
.language-image-button { width: 42px; background: transparent; border: none; }
.language-image-button-container {  }
.session-expiring-button { display: none; }
.reset-button { display: none; }

.results-table { vertical-align: top; }
.no-results-table { height:250px }
.no-results-text { font-size: 26px; color: #333333; font-weight: bold; text-align: center; }
.record-fetch-checkbox { white-space: nowrap }
#SelectZ3950LibraryBtn
{
    margin-left:15px;
}

#Z3950ResetBtn
{
    padding-left:15px;
}

.Z3950-fix-width-btn
{
   width: 200px;
}

.z3950-add-records-container
{
   border: 1px solid #49545E;
   white-space: nowrap;
   vertical-align: bottom;
}

.add-records-button-container
{
   padding: 5px 0px 5px 5px;
}

.add-records-dropdown-container
{
   padding: 5px 0px 5px 5px;
}

.duplicate-left-table-cell
{
}

.duplicate-right-table-cell
{
   padding-left:30px;
}

.duplicate-full-marc-view-table
{
   width: 400px;
}

.duplicate-button-container1
{
    width:13.75em;
    margin-top: .2em;
    margin-bottom: 2em;
    margin-right: 2em;
    padding-right:1.0em;
    text-decoration:none;

}
.duplicates-checkbox:focus
{
    text-decoration:none;
}

.duplicates-checkbox:hover
{
    text-decoration:none;
}

#DuplicatesApplyAll
{
    margin-left:0em;
    width:13.75em;
    text-align:left;
    height: 3.0em;
}

.duplicate-detection-button
{
   width: 150px;
   cursor:pointer;
}

.duplicate-compare-table { }

.duplicate-left-table-cell-header
{
   font-weight: 700;
   font-size: 14pt;
   color: #77D1F6;
}

.duplicate-right-table-cell-header
{
   font-weight: 700;
   font-size: 14pt;
   color: #77D1F6;
}

.reserve-at-option
{
    width:10em;
}

.booking_label     { font-size: 11px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px medium; border-color: black black #A0410D; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_labeldata { font-size: 11px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px medium; border-color: black black #A0410D; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_labeldata2 { font-size: 11px; font-weight: bold; color: #000000; border: solid; background: #DAA520; border-width: 0px 0px 0px; border-color: black black #DAA520; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_textboxlabel { font-size: 11px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px 0px; border-color: black black black; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_textbox { font-size: 11px; font-weight: bold; color: #000000; border: solid; background: #C0E1FA; border-width: 2px 2px 2px; border-color: black black black; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_title { font-size: 16px; font-weight: bold; color: #002266; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px medium; border-color: black black #A0410D; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_titlecontainer1 { font-size: 11px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px medium; border-color: black black #A0410D; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_titlecontainer2 { font-size: 11px; font-weight: bold; color: black; border: 2px solid #DAA520; background: transparent; border-width: 0px 0px medium; border-color: black black #DAA520; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
.booking_itemcallnumber { font-size: 11px; font-weight: bold; color: #0054A6 }
.booking_itemcallnumbercontainer { }
.booking_itempersonalname { font-size: 11px; font-weight: bold; color: black }
.booking_itempersonalnamecontainer { }
.booking_itemdetailscontainer1 { }
.booking_itemspacer { }
.booking_itemtitlestatement { font-size: 11px; font-weight: normal; color: black }
.booking_itemtitlecontainer { }
.booking_itempublisher { font-size: 11px; font-weight: normal; color: black }
.booking_itempublishercontainer { }
.booking_itempages { font-size: 11px; font-weight: normal; color: black }
.booking_itempagescontainer { }
.booking-table { margin-left: auto; margin-right: auto } 
.calendar-previous-month-image { background:url('/m5/images/Previous.jpg')  no-repeat; }
.calendar-next-month-image { }

div.rating input[type="radio"], .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

div.rating input.focusable[type="radio"]:active, .focusable.sr-only:active,
div.rating input.focusable[type="radio"]:focus,
.focusable.sr-only:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.no-svg .comment-count {
  background: url("/m5/catalog/images/comment.png") no-repeat;
}


/* =Results - lists.html
----------------------------------------------- */
.lists .result {
  padding: 3.2em;
}
.result .large-title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 300;
  display: inline-block;
}
.result .large-title [class*="gem-"] {
  font-size: 26px;
  font-size: 2.6rem;
  height: 38px;
  width: 38px;
  line-height: 38px;
  margin-right: .3em;
}

/* =Comments Section
----------------------------------------------- */
.comments h1, .comments .quicklinks-mod h2, .quicklinks-mod .comments h2, .comments .vs-breadcrumbs {
  margin-top: -.15em;
}

.comments-section {
  margin-top: 1.3em;
}

.comments-single {
  border-top: 1px solid #DBDCDD;
  overflow: hidden;
  padding-top: 1.5em;
}
.comments-single .rating {
  float: right;
}

.comment-content {
  overflow: hidden;
}

.comments-form {
  *zoom: 1;
  position: relative;
  background-color: #DBDCDD;
  padding: 1.5em;
  margin: 3em 0 1em;
}
.comments-form:before, .comments-form:after {
  content: "";
  display: table;
}
.comments-form:after {
  clear: both;
}
.comments-form:before {
  content: '';
  position: absolute;
  left: 18px;
  top: -18px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  /* left arrow slant */
  border-right: 12px solid transparent;
  /* right arrow slant */
  border-bottom: 18px solid #DBDCDD;
  /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
}
.comments-form .label-text {
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  clear: both;
  font-weight: 300;
  margin-bottom: 0.1em;
}

div.rating input,
div.rating textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.rating input[type="radio"]:checked + .icon-star {
  color: #E94B28;
}
div.rating input[type="radio"]:checked + .icon-star ~ .icon-star {
  color: #E94B28;
}
div.rating .icon-star {
  margin-left: 0;
  margin-right: .3em;
  float: right;
  cursor: pointer;
}
div.rating .add-rating {
  float: left;
}

.purge-ratings { }

.purge-ratings-container { padding: 0em 0em 2em 0em; }

.catalog-dropdown { margin: 0px 5px 0px 0px; white-space:nowrap; padding:0px 0px 0px 0px; color: #FFF; cursor: pointer; font-weight: 300; font-size: 1.5rem;}
.catalog-button  { text-align:center; margin: 0px 0px 0px 0px; /*text-transform: lowercase;*/ min-width: 110px; }
.catalog-button:focus{
    outline: 0;
}
.btn-trans-catalog {  }
.btn-group-catalog {
  padding: 0;
  position: relative;
}
.btn-group-catalog [class*="btn"] {
  padding: 0.2em 0.8em;
  border:none;
}
.btn-group-catalog [class*="btn"]:first-child {
  float: left;
  border-right: none;

}
.btn-group-catalog .icon-caret-down {
  background-color: #E94B28;
  margin: 0px 0px 0px 0px 0px;
  width: 25px;
}
.btn-group-catalog .btn-trans-catalog {
  background-color: transparent;
  margin: 0.0em -2.5em 0.0em 0.0em;
  border:none;
}
.btn-group-catalog .btn-trans-catalog [class*="icon-"] {
  margin: 0.0em 0.0em 0.0em 0.0em;
  color: #fff;
  background-color: transparent;
}
.btn-group-catalog .btn-trans-catalog:hover {
  background-color: transparent;
}

.btn-group-catalog .btn-trans-catalog:hover [class*="icon-"] {
  color: #fff;
  background-color: transparent;
}

.catalog-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 165px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  max-height: 258px;
  overflow-y: hidden;
}

.catalog-dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.catalog-dropdown-menu .divider {
  height: 1px;
  margin: 2px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.catalog-dropdown-menu > li > a {
  display: block;
  padding: 5px 0px 5px 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
  color:#E94B28;
  text-align: center;
}

.catalog-dropdown-menu > li > a:hover,
.catalog-dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #E94B28;
  cursor: pointer
}

.catalog-dropdown-menu > .active > a,
.catalog-dropdown-menu > .active > a:hover,
.catalog-dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #E94B28;
}

.catalog-dropdown-menu > .disabled > a,
.catalog-dropdown-menu > .disabled > a:hover,
.catalog-dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.catalog-dropdown-menu > .disabled > a:hover,
.catalog-dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .catalog-dropdown-menu {
  display: block;
}


.catalog-dropdown-menu-right {
  left: auto;
  right: 0;
}

.catalog-dropdown-menu-left {
  left: 0;
  right: auto;
}

.catalog-dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.catalog-dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .catalog-dropdown-menu {
  right: 0;
  left: auto;
}


.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .catalog-dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .catalog-dropdown-menu {
    left: auto;
    right: 0;
  }

  .navbar-right .catalog-dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.nocoverimage
{
   height:200px;
   background: url('/m5/catalog/images/nocoverimg.png') no-repeat 0px -22px;
   cursor: pointer;
}

.nocoverimagesmall
{
   height:115px;
   background: url('/m5/catalog/images/nocoverimg.png') no-repeat;
   cursor: pointer;
   margin: 0px 0px 0px 26px;
}



.gallery-item
{
   margin: 0px 50px 0px 50px;
   background: transparent;
}

.gallery-item-small
{
   margin: 0px 2px 0px 2px;
   background: transparent;
   color: #E94B28;
   align:center;  
}

.gallery-image
{
   border:none;
   max-width:180px;
   margin: 0px 50px 0px 0px;
}

.gallery-image-small
{
   border:none;
   max-width:225px;
   display: block;
   margin: 0 auto;
}


.recommended-reading-item
{
   margin: 0px 50px 0px 50px;
   background: transparent;
}

.recommended-reading-item-small
{
   margin: 0px 2px 0px 2px;
   background: transparent;
   color: #E94B28;
   cursor: pointer;
}

.rec-reading-image
{
   border:none;
}

.rec-reading-image-small
{
   height:125px;
   border:none;
   max-width:100px;
   margin: 0px 4px 0px -4px;
}

.rec-reading-image1
{
   margin: 0px 4px 0px -4px;
   max-width: 120px;
}

.rec-reading-image2
{
   margin: 0px -4px 0px 4px;
   max-width: 120px;
}

.oasis-tabs-kids-catalog
{
  display: block;
  text-align: right;
  margin: 0em 1em 1em 0em;
}

.oasis-tabs-kids-catalog-link
{
  color: #0789B9; font-weight: 300; /*text-transform: lowercase;*/
  text-decoration: none;
  text-align: right;
}

.oasis-tabs-kids-catalog-link:hover
{
  color: #0789B9;
  text-decoration: none;
}

.oasis-tabs-kids-catalog-link:focus
{
  color: #0789B9;
  text-decoration: none;
}

.time-out-clock { background: transparent; font-size: 14pt; text-align: center; color: red; font-weight: bold; border-style: none !important  }
.time-out-clock-container { width: 600px; text-align: center }
.timing-out-text-container { font-size: 12pt; font-weight: bold; text-align: center; width: 600px }
.time-out-ok-button-container {  width: 300px; text-align:center }
.time-out-ok-button 
{
  background-color: #E94B28 !important;
  border: none;
  width: 125px;
  height: 29px;
  padding: 0em .5em;
  color: white;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}
.time-out-ok-button:hover
{
  background-color: #c93515 !important;
  text-decoration: none;
  color: white;
}

.time-out-ok-button:focus
{
  background-color: #c93515 !important;
  text-decoration: none;
  color: white;
}
.SessionExpiringTable { border: 0px; margin-left: 100px; margin-top: 20px;  }
.SessionExpiringDiv { padding-bottom: 150px; } 


.ContactLibrarianTable
{
} 

.contact-librarian-table
{
  margin: 2em 0em 0em 0em !important;
} 

.contact-librarian-link
{
  text-decoration: none;
  color: #007ED7;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
} 

 .contact-librarian-link:hover
{
  text-decoration: none;
  color: #007ED7;
} 

  .contact-librarian-link:focus
{
  text-decoration: none;
  color: #007ED7;
} 

.contact-librarian-sender-email 
{ 
  background: #F5FFFA;
  border: 2px solid #E94B28 !important;
  font-weight: 300;
  font-size: 16px;
  width: 300px;
  padding: 2px;
}

.contact-librarian-subject  { background: #F5FFFA; border: 2px solid #E94B28 !important; font-size: 16px; font-weight: 300; width: 300px; padding: 2px }
.contact-librarian-message  { background: #F5FFFA; border: 2px solid #E94B28; font-size: 16px; font-weight: 300; width: 600px; padding: 2px }
.contact-librarian-label
{ 
  font-size: 16px;
  text-align: right;
  width: 200px;
  height: 25px;
  vertical-align: top;
  padding-right: 1em;
 }
.contact-librarian-textbox { background: #F5FFFA; border: 2px solid #E94B28; padding-bottom: 5px }
.contact-librarian-textbox-container { padding-bottom: 5px }
.contact-librarian-send-container { width: 250px }
.contact-librarian-cancel-container { width: 250px; padding-left: 100px; }
.contact-librarian-buttons-container { width: 600px }
.contact-librarian-buttons-spacer { width: 60px }


.contact-librarian-cell
{
  width: 300px;
  padding: 0em 0em 2em 0em !important;
  /*text-transform: lowercase;*/
  text-align: center;
}

.assistant-cell
{
  padding-bottom: 2em !important;
  padding-left: 10px;
  width: 150px;
}

.enter-setup-cell
{
  padding: 0em 0em 2em 0em !important;
  /*text-transform: lowercase;*/
  text-align: right;
}

.enter-setup-link
{
  background-color: #E94B28;
  border: none;
  width: 125px;
  height: 29px;
  padding: 0em .5em;
  color: white;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
} 

.enter-setup-link:hover
{
  background-color: #c93515;
  text-decoration: none;
  color: white;
}

.enter-setup-link:focus
{
  background-color: #c93515;
  text-decoration: none;
  color: white;
}

.update-available-cell
{
  padding: 0em 0em 2em 0em !important;
  margin-left: 10px !important;
  /*text-transform: lowercase;*/
  text-align: right;
  background-color: transparent;
  border: none;
  width: 125px;
  height: 29px;
  color: orange;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}

.update-available-link
{
  background-color: transparent;
  border: none;
  width: 125px;
  height: 29px;
  padding: 0em .5em;
  color: orange;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
} 

.booking-calendar-title
{
   color: white;
   background: green;
   margin-bottom: 4px !important;
}
.booking-calendar-next-previous
{
   color: white;
   background: green
}
.booking-calendar-other-month
{
   color: white;
   background: lightgray
}
.booking-calendar-day-header
{
   color: white;
   background: #a0410d
}

.booking-calendar-selected-date
{
   color: white;
   background-color: green;
   text-align:center;
   width:14%
}
.booking-calendar-selected-date a:link
{
   color: white;
}
.booking-calendar-before-todays-date
{
   color: white;
   background-color: lightgray
}

.record-deleted
{
   background: rgba(255, 0, 0, .25)
}

.record-invisible
{
   background: rgba(255, 165, 0, .50)
}

.record-not-deleted
{
   background: rgba(0, 0, 0, .0)
}

.reading-level-li-quantity
{
   color: #333333;
   float: right;
}

.search-results-return
{
   width: 207px;
   height: auto;
   margin: 8px 0px 0px 0px;
   cursor: pointer;
}

.details-print
{
   height: 30px;
   /*text-transform: lowercase;*/
}

.holdings-checkbox
{
   width: 20px;
   padding-left: 5px;
   top: 4px;
}

.holdings-check
{
   width: 10px;
}
.holdings-location
{
   text-align: center;
   width: 120px;
}
.holdings-callnumber
{
   text-align: center;
   width: 150px;
}
.holdings-barcode
{
   text-align: center;
   width: 100px;
}
.holdings-status
{
   text-align: center;
   width: 80px;
}
.holdings-count
{
   text-align: center;
   width: 20px;
}
.holdings-duedate
{
   text-align: center;
   width: 80px;
}

.holdings-edit
{
   min-width: 130px;
}

.holdings-location-span:hover
{
   color: #23527c;
}
.holdings-callnumber-span:hover
{
   color: #23527c;
}
.holdings-barcode-span:hover
{
   color: #23527c;
}
.holdings-status-span:hover
{
   color: #23527c;
}

.table-availability-header {
  text-align: center;
  font-size: 12px;
  margin-top: 1.3em;
  margin-bottom: 0;
}

.table-availability-header .checkbox {
  display: inline-block;
  line-height: 34px;
  vertical-align: middle;
}

.table-availability-header .checkbox:before {
  background-color: #fff;
  border: 2px solid #9D9FA3;
  border-radius: 2px;
  margin-right: 0;
}

.table-availability-header .checkbox:after {
  left: 1.5px;
  top: 8px;
}

.table-availability-header thead {
  background-color: #DBDCDD;
}

.action-widgets-availability
{
   margin-top: 15px;
}

.ill-alt1
{
  background-color: #E8E8E8;
}

.ill-alt2
{
  background-color: #EFEFEF;
}

.NotificationsDialogWrapper
{
    background-color:transparent;
    background:url('/m5/catalog/images/CreateListDiv.png')  no-repeat;
    border:none;
    border-collapse: collapse;
    margin:0px 0px 0px 0px;
    height:200px;
    width: 350px;
    /*margin:0px 0px 0px 0px;*/
    -moz-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -webkit-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -ms-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -o-box-shadow: rgb(102, 102, 102) 0px 0px 0px; -khtml-box-shadow: rgb(102, 102, 102) 0px 0px 0px; box-shadow: rgb(102, 102, 102) 0px 0px 0px; display: none; position: absolute
}

.NotificationsDialogDiv
{
    background-color:transparent;
    border:0px solid black;
    width: 350px;
    padding: 8px;
    font-size: 9pt
}

.NotificationsDialogDivDiv
{
    background-color:transparent;
    border:none;
}

.notification-link
{
    /*text-transform: lowercase;*/
    text-decoration:none;
    cursor:pointer;
}
.notification-link:hover
{
    text-decoration:none;
}

.visual-search-image-cell
{
  background-color: #ffffff;
  border: 3px solid transparent;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  width: 130px;
  height: 127px;
}

.visual-search-image
{
   max-width: 111px;
}

.results-add-page-to-lists-container
{
   padding-right: 5px;
}

.reserve-at-select
{
    min-height: 22px;
}

.reserve-at-option
{
    min-height: 22px;
}

.reading-level {
  *zoom: 1;
  clear: both;
  margin: 0 0em 2em;
}
.reading-level:before, .reading-level:after {
  content: "";
  display: table;
}
.reading-level:after {
  clear: both;
}
.reading-level .drpdwn-red {
  width: 210px;
  height: 30px;
}
.reading-level .style-select  {
}
.reading-level .lower-input,
.reading-level .higher-input {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: none;
  outline: none;
  text-align: center;
  color: #fff;
  background-color: #4b4f56;
}
.reading-level .lower-input {
  float: left;
}
.reading-level .higher-input {
  float: left;
}

.range-widget {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.range-widget.is-active {
  opacity: 1;
}

.range-slider-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 1.2em 1.4em;
  height: 30px;
  width: -webkit-calc(100% - 500px);
  width: calc(100% - 500px);
  float: left;
}




/* =Styles for noUiSlider plugin
----------------------------------------------- */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10;
}

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
     creates a new context for the origins. */
  *z-index: -1;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 10px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 34px;
  left: -17px;
  top: -12.5px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-background {
  background-color: #DBDCDD;
}

.noUi-connect {
  background: #4b4f56;
  -webkit-transition: background 450ms;
          transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  border: 10px solid #E94B28;
  border-radius: 50%;
  background: #f7bfb3;
  cursor: pointer;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

.lexile-slider-container{
  padding-left: 5.4em;

}

.other-results-database-link {
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}

.other-results-databases{
  margin-left: 50px;
}

.other-result-count {
  display: block;
  float: right;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}

.other-results-div {
  width: 50%
}

.fetchformat-addtodatabase-container {

    padding:10px 0px 0px 0px;

}
.fetchformat-addtomylists-container {

    padding:0px 0px 10px 10px;

}

.filter-format-extra-margin
{
    margin-top: -20px;
}

.visual-search-h2
{
    background-color: #FFF;
    color: #f15d22;
    margin: 0;
    width: auto;
    padding: 0.6em 15px;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 15.2px;
    cursor:pointer;
}

.booking-request-ok-container
{
	width: 50%;
        text-align: center;
}

.booking-request-cancel-container
{
	width: 50%;
        text-align: center;
}


#booking-ok-button
{
	width: 75px;
}

#booking-cancel-button
{
	width: 75px;
}

.bibformat-details-image-container
{
	text-align: right;
}
.bibformat-details-image
{
    float: right;
	cursor:pointer;
}
.details-container
{
    width: 100px;
	padding:0px 0px 0px 0px;
}
.bibformat-rating-container
{
	padding:0px 0px 0px 20px;
}
.email-recipient-table
{
	border-collapse: collapse;
	border: none;
}
.email-submitter-table
{
	border: none;
}
.email-submitter-label
{
	vertical-align: middle;
}
.email-recipient-label
{
	vertical-align: middle;
}
.email-recipient-textbox-holder
{
	border: none;
	float:left;
	vertical-align: middle;
}
.email-submitter-holder
{
	float:left;
}
.email-submitter-email-holder
{
	float:left;
}
.email-subject-holder
{
	float:left;
}
.email-comments-holder
{
	float:left;
}
.email-buttons-holder
{
	float:left;
}
.email-submitter-textbox-holder
{
	border: none;
	outline: none;
	vertical-align: middle;
}
.email-library-checkbox-holder
{
	float:left;
	margin-left:20px;
	vertical-align: middle;
}
.email-library-name-textbox
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: none;
	background: #F5FFFA;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	outline: none;
}
.email-library-submitter-textbox
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: none;
	background: #F5FFFA;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	outline: none;
}
.email-library-subject-textbox
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: none;
	background: #F5FFFA;
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 2px;
	outline: none;
	width:300px;
}
.email-submitter-table
{
	border-collapse: collapse;
	border:none;
	margin-bottom: 0px;
}
.email-recipient-textbox
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: none;
	background: #F5FFFA;
	background-repeat: repeat-y;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0px;
	outline: none;
}
.email-subject-textbox
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: none;
	background: #F5FFFA;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	outline: none;
	width:300px;
}

.email-recipient-holder
{
	border: none;
}

.email-name-asterisk
{
	padding-left:5px;
	color:red;
}
.email-submitter-asterisk
{
	padding-left:5px;
	color:red;
}

[data-title]:hover:after {
    opacity: .9;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #444444;
    color: #AAAAAA;
    font-size: 150%;
    padding: 1px 5px 2px 5px;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: .9;
    border: 1px solid #444444;
    visibility: hidden;
}
[data-title] {
    position: relative;
}

.tooltip-wrapper {
    /*This causes the wrapping element to be the same size as what it contains.*/
    display: block;
}