@import url(//fonts.googleapis.com/css?family=Open+Sans:200,300,400,400,600,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Raleway:200,300,400,400,600,700&subset=latin,latin-ext);

body
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    color: black;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 16px !important;
}

.clear{
    clear:both;
}

a.checkout-highlight.red-bolder {
    color: #FF0032;
    font-weight: bold;
}
a.checkout-highlight.red-bolder:hover {
    color: #E8002E;
}

.dropdown-icon.inline-icon {
    cursor: pointer;
}

.inline-icon {
  display: inline;
}
.inline-icon.icon-1x {
  vertical-align: middle;
}
.inline-icon.icon-2x {
  font-size: 24px;
  vertical-align: middle;
}
.inline-icon.icon-3x {
  font-size: 28px;
  vertical-align: middle;
}
.inline-icon.icon-4x {
  font-size: 32px;
  vertical-align: middle;
}

/* General nav menu styles */
ul.nav li {
    float: left;
}
ul.nav > li > ul li {
    position: relative;
}
ul.nav > li {
    display: inline-block;
}
ul.nav ul {
    list-style: none;
    padding: 0;
    z-index: 9999;
}
ul.nav > li > ul ul {
    list-style: none;
    padding: 0;
    position: absolute;
    display: inline-block;
}

ul.nav li > ul {
    position: absolute;
    visibility: hidden;
}
ul.nav li > ul.show {
    visibility: visible;
}
ul.nav li a:focus {
    outline-width: 0;
}
/* END General nav menu styles */


/* Main nav menu */
ul.main-menu li[role=separator] {
    height: 78px;
    background-color: #000;
    opacity: 0.001;
}
ul.main-menu li ul li a {
    background-color: #000;
}
ul.main-menu {
    font: 600 13px 'Raleway', Arial, Helvetica, Sans-serif;
    float: right;
    margin-top: 26px;
    padding-left: 0px;
}
ul.main-menu a {
    padding: 11px 18px;
    text-decoration:none;
    display: block;
}
ul.main-menu li ul {
    width: 202px;
}
ul.main-menu li ul ul {
    top: 0px;
    left: 202px;
}
ul.main-menu li li {
    border-bottom: 1px solid #3a3b3e;
}
ul.main-menu li a {
    color: #313234;
    background-color: rgba(2155, 255, 255, 0.001);
}
ul.main-menu ul li a {
    color: #9b9a9a;
    width: 172px;
    padding-right: 12px;
}
ul.main-menu li ul a:hover {
    color: #FFF;
    background-color: #137fc4;
}
span.submenu-indicator {
    font-size: 15px!important;
    float: right;
    position: relative;  
    top: 2px!important;  
    padding: 0!important;
}
/* END Main nav menu */



/* Easy search bar menus */
.easy-search-bar {
    height: 40px;
    width: 100%;
    background-color: #20252b;
    margin: auto;
    padding: 2px 0;
}
.easy-search-bar-inner {
    width: 1175px;
    margin: auto;
}
.easy-search-bar .inline-icon {
    font-size: 18px;
    color: #9C8881;
    padding: 8px 10px 7px 10px;
    position: relative;
    top: 8px;
    color: inherit;
}
.easy-search-bar .nav > li {
    position: relative;
}
.easy-search-bar .nav li a {
    float: left;
    padding: 11px 18px;
}
.easy-search-bar .nav > li > ul {
    top: 40px;
    position: absolute;
}

ul.options-menu, ul.search-menu, ul.searchtype-menu {
    padding-right: 2rem;
}
ul.options-menu li ul li {
    display: flex;
    width: 176px;
    border-bottom: 1px solid #3a3b3e;
}
ul.options-menu > li > ul {
    padding-top: 12px;
}
ul.options-menu li ul li a {
    width: 140px;
}
ul.options-menu li ul {
    width: 176px;
}

    ul.options-menu > li:first-child > a > i.icon-down-arrow {
        font: normal 700 16px pixicon !important;
        color: #fff !important;
        position: relative;
        margin-left: 13px;
        top: 2px;
    }

    ul.options-menu > li:first-child > a > i.icon-down-arrow:after {
        content: "\f129";
    }

ul.options-menu a {
    padding: 11px 15px;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

ul.options-menu > li > a {
    text-transform: uppercase;
}

ul.options-menu > li > ul > li ul {
    left: 176px;
}

ul.options-menu a {
    background-color: #20252b !important;
    color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.4s;
}

ul.options-menu ul > li:hover > span > a, ul.options-menu ul > li:hover > a {
    background-color: #0a0c0e !important;
    color: #03a6a6;
    transition-property: background-color, color;
    transition-duration: 0.4s;
}

ul.options-menu .sub-menu {
    width: auto !important;
}

.options-menu .icon-right-arrow {
    font-size: 17px;
}

li.menu-item > span {
    display: contents;
}

li.menu-item > span > a {
    background-color: inherit;
}

ul.search-menu li {
    background-color: #137fc4;
}
ul.search-menu a {
    color: #FFF!important;
}
ul.search-menu ul a {
    width: 159px !important;
}
ul.search-menu .inline-icon {
    color: #FFF;
    border-left: 1px solid white;
    cursor: pointer;
}
ul.search-menu li ul li {
    border-top: 1px solid #FFF;
}
ul.search-menu > li > a {
    width: 120px;
}
ul.search-menu li ul li a:hover {
    color:  white;
    background: #000;
}
ul.search-menu > li > ul {
    width: 156px;
}
ul.search-menu ul a {
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.searchtype-menu * {
    background-color: #fff;
}
ul.searchtype-menu ul a {
    color: #9b9a9a;
}
ul.searchtype-menu ul a:hover {
    color: #FFF;
    background: #137fc4;
}
ul.searchtype-menu > li > a {
    color: #137fc4;
    width: 118px;
}
ul.searchtype-menu li li a {
    width: 117px;
}
ul.searchtype-menu li ul {
    width: 154px!important;
    border-top: 1px solid #9b9a9a;
}
ul.searchtype-menu li ul li {
    background: #fff;
    border-bottom: 1px solid #9b9a9a;
    border-left: 1px solid #9b9a9a;
    border-right: 1px solid #9b9a9a;
    width: 153px;
}
ul.searchtype-menu li a {
    width: 117px!important;
    background-color: #FFF;
}
ul.searchtype-menu .inline-icon {
    color: #9b9a9a;
    border-left: 1px solid #9b9a9a;
    border-right: 1px solid #9b9a9a;
    cursor: pointer;
}
.selected-search-type, .selected-search-type-text {
    display: none;
}
/* END Easy search bar menus */

#mackin-footer-links .link-list h6 {
    font-family: 'Calistoga', serif;
    font-size: 18px !important;
    margin-bottom: 16px;
    margin-top: 16px;
}

#mackin-footer-links .link-list nav ul {
    gap: 8px !important;
}

.resp-footer .footer-header {
    margin-bottom: 32px !important;
    height: 64px;
}

#mackin-footer-links .link-list li a {
    max-width: unset !important;
    line-height: 28.8px !important;
}

#mackin-footer-social .social-icon {
    height: 32px !important;
    max-width: 32px !important;
}

#mackin-footer-links a {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}

#mackin-footer-meta {
    padding: 16px 0 !important;
    font-family: 'Source Sans Pro', sans-serif;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bannerText {
    font-family: Open Sans, Arial, sans-serif;
    color: #137fc4;
    font-weight: bold;
    font-size: 24pt;
}
.quickListSearchText {
    font-family: Open Sans, Arial, sans-serif;
    color: #137fc4;
    font-weight: bold;
    font-size: 12pt;
    margin-left: 50px;
    margin-bottom: px;
}
.quickListSearchTextNoMargin {
    margin-left: 5px;
}

.banner
{
	height: 155px;
    width: 100%;
    min-width: 1050px;
	background-color: white;
	position: relative;
}
.bannerContent
{
    width: 1045px;
    margin: 0 auto;
    text-align: right;
}
.logo
{
	float: left;
	display: inline-block;
	margin-top: 12px;
}
.bannerContentRight
{
    display: inline-block;
    width: 69%;
}
.greetingAndLogout
{
    text-align: right;
}
.logInOutBtn, .helpBtn
{
    color: #666;
    background-color: #FFF;
    font-family: 'Arial Narrow', sans-serif;
    font-weight: bold;
	display: inline-block;
	text-align: center;
    vertical-align: top;
    margin-left: 2px;
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
}
.search-go-button {
    background-color: #FFF;
    padding: 11px 8px 3px 8px;
    font-size: 21px;
    color: #818181;
    height: 26px !important;
    margin-left: -2px;
}
.logInOutBtn:hover, .helpBtn:hover
{
    background-color:#D6D6D6;
}
.logInOutBtn
{
    font-size: 14px;
    padding: 8px 7px;
}
.helpBtn
{
    font-size: 18px;
    padding: 5px 11px 6px 11px;
}
#live-help {
    display: none;
}
.navigation
{
	display: block;
	margin: 18px -4px 0 auto;
}
.navigation table
{
	margin: 3px 0px 0px 0px;
}

/* Firefox-specific  */
@-moz-document url-prefix() {
    .MP_Welcome, .MP_OMSName, .logInOutBtn {
        font-size: 12px;
    }
    .helpBtn {
        font-size: 16px;
    }
}

/* search Text box and go button*/
.search-options-text
{
    width: 22em;
    border: none;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0px 0px 0px 4px;
    vertical-align: top;
    margin-right: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.defaultContent
{
    width: 1025px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.defaultContentLeft {
    float: left;
    width: 64%;
    height: 30%;
    margin-top: 3px;
    text-align: left;
}
#page-content {
    text-align: center;
}
#page-content #inner {
    padding: 0 10px 30px 10px;
    margin-top: 10px;
    display: inline-block;
    text-align: left;
}

.empty-cart-warning div {
    text-align: center;
}
.empty-cart-warning input[type=button] {
    width: 75px;
}
.outlined
{
    border-color: black;
    border-bottom-style: solid;
    border-width:thin;
}

.slideShowBooks {
    height:280px;
    display: inline-block;
    margin-bottom:10px;
    padding-bottom:10px;
}

.searchGo
{
    width: 25px;
    height: 25px; 
    background-image: url('/Images/MasterPage/search.png');
    background-position: 0 0;
}
.searchGo:hover
{
    background-position: 0 -25px;
}

.tooltip.in {
  opacity: 1!important;
  filter: alpha(opacity=100);
}
.rowMargin1 {
    margin-bottom:10px;
}
.rowMargin2 {
    margin-bottom:-30px;
}
.blackBarMenuElement
{
    /*margin: 2px 0 0 0;*/
    display: inline-block;
    height: 40px;
}
.farRightElement
{
    margin-left: -8px;
}
.liveChat
{
    float: right;
    position: relative;
    left: 4px;
}
/* END: MASTER PAGE */
   
/* login user control error message (e.g., No account was found, Password incorrect) */
.login-error
{
    display: block;
    height: 15px;
    width: 400px;
    margin: 0 auto;
    text-align: center;
    color: #137fc4;
    font: bold 14px Arial;
}

/* Welcome Message Color and possition */
.WelcomeMessage
{
    color: #fbd27e;
    /*color: #FFD415;*/
    font-weight: bold;
    left: 300px;
    position: absolute;
    top: 27px;
    clear: none; 
    width: 400px; 
    text-align: right;  
}
.VirtuallyItem
{
	height:22px; width: 190px; 
	color: #FBD27E;  
	font-size: 9pt;  
	vertical-align: top;
	text-align: right; 
	font-style: italic; 
	font-weight: bold; 
	margin-top: 0px;
}
.EasySearch 
{
	cursor: pointer;
}
.EasyButtonText
{
	color: #137fc4; 
	font-weight: 900; 
	cursor: pointer;
}
.PriceMsg
{
    font-size: 16px;
    text-align: center;
    color: #ff0505;
    padding: 14px 0 0px;
    margin-bottom: 2px;
}
.BindingOnMsg
{
    margin: 10px 0 11px -2px;
}
.TextAsMenuBackground
{
	color: #000000;
	font-style: italic;
}

.LoggedInFiller
{
    /*background-color: #361614;*/
    width:100%;
    /*background-image:  url(/HeaderImages/web-banner-BackGround.gif);*/
    background-color: Black;
}
.LoginText
{
	font-size: 8pt;
	color: White;
	font-family: Arial; 
	font-weight: bold;
	border-style: none;
}
input
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
}
select
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
}
/*table
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
    border-style: none;
}*/
.Links
{
    color: #21837f !important;
}
a.Links:hover
{
    color: #175a58 !important;
}
.Links a
{
    color: #21837f;
}
.Links:visited, .Links:focus
{
    text-decoration: none !important;
}
.wiz-step-link:visited,
.wiz-step-link:focus
{
    text-decoration: none !important;
}
.Links8pt {
    font-size: 8pt;
    color: #137fc4;
    font-family: Arial;
}
.Links8pt a
{
    font-size: 8pt;
    color: #137fc4;
    font-family: Arial;
}
.Links7pt
{
    font-size: 7pt;
    color: #137fc4;
    font-family: Arial;
}
.Links7pt a
{
    font-size: 7pt;
    color: #137fc4;
    font-family: Arial;
}
.LinksComp
{
	color: Blue;
	font-family: Arial;
}

.SuggestBreadCrumbLinks
{
    color: #137fc4;
    font-family: Arial;
    font-size: 8pt;
}
.SuggestBreadCrumbLinks a
{
    color: #137fc4;
    font-family: Arial;
    font-size: 8pt;
}
.OrderLookupLinks
{
    color: #137fc4;
    font-family: Arial;
    font-size:7pt;
}
.OrderLookupLinks a
{
    color: #137fc4;
    font-family: Arial;
    font-size:7pt;
}
.OrderLookupLinksOver
{
    color: #137fc4;
    font-family: Arial;
    font-size:7pt;
    text-decoration: underline;
    cursor:pointer;
}
.smallfont
{
	font-size: 7pt;
	font-family: Arial;
}
.SpecialLinks
{
    color: red;
    font-family: Arial;
}
.BoldText
{
    font-weight: bold;
    font-size: 8pt;
    font-family: Arial;
}
.Smalltext
{
    font-size: 8pt;
    font-family: Arial;
}
.StandardGrid
{
}
.Links2
{
    color: #006500;
    font-family: Arial;
}
.colorbox1
{
    background-color: #d3d3d3;
}
.colorbox2
{
    background-color: #3D5B15;
    color: white;
}
.colorbox3
{
    background-color: #F6BB43;
    color: white;
}
.LegendText
{
    color: inherit;
    margin-bottom: 5px;
}

.LegendTextDirty
{
    /*color: #137fc4;
    font-family: Arial;*/
    background-color: #b3b3b3;
}
.UpdateTotalsEnabled
{
    color: #137fc4;
    font-family: Arial;
}
.UpdateTotalsDisabled
{
    color: #999999;
    font-family: Arial;
}

H1
{
    font-family: Arial;
    font-size: 14pt;
    color: #137fc4;
}
.ImageRapping
{
    float: left;
    margin: 0px 20px 10px 0px;
}
.ButtonGo {
    color:white;
    background-color:black;
    padding: 1.5px 4px;
    border-color:black;
    font-size: 8pt;
    font-weight: bold;
    font-family: Open Sans, Arial, sans-serif;
    padding: 7px 7px 6px 7px;

    display: inline-block;
    height: 27px;
}
.GridSelect {
   color:black;
}

.GridViewHeader
{
    font-weight: bold;
    color: #ffffff;
    background-color: #000000;
    font-size: 8pt;
    font-family: Open Sans, Arial, sans-serif;
}
.GridViewHeader th {
    padding: 5px;
    white-space: nowrap;
}
.DashBoardGridViewHeader
{
    font-weight: bold;
    color: #ffffff;
    background-color: #808080;
    font-size: 8pt;
    font-family: 'Arial';
}

.GridViewHeader a
{
    color: White;
    font-size: 8pt;
    font-family: Open Sans, Arial, sans-serif;
}
.GridViewHeader a:hover {
    color: gray;
    text-decoration: none;
}

.GridViewFooter
{
    font-weight: bold;
    color: white;
    background-color: #000000;
    text-align: center;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 10pt;
}

.GridViewFooter a
{
    font-family: Open Sans, Arial, sans-serif;
    color: White;
    font-size: 10pt;
}
.GridViewFooter span
{
    color: #FBD27E;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    font-size: 12pt;
}
.GridViewPager
{
    font-weight: normal;
    color: #fff;
    background-color: #137fc4;
    text-align: center;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 8pt;
}
.GridViewPager a
{
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 8pt;
    cursor:pointer;
    text-decoration: none!important;
}
.GridViewPager td {
    padding: 0px;
}
.GridViewPager a:hover
{
    color: #808080;
}
.GridViewPager span
{
    color: #000000;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    font-size: 8pt;
}
.GridViewPager input, .GridViewPager select {
    font-size: 12px;
    color: #000;
}


.GridViewPager td {
    padding-top: 2px;
}
.GridViewPager nav {
    display:inline-block;
    margin-top: 4px;
}
.GridViewPager .nav-link span {
    color: white;
}

.nav-link {
    margin: 0 3px;
}

.next-page-link i, .prev-page-link i {
    font-size: 4rem !important;
}

.first-page-link {
    margin-left: 7px;
}

.last-page-link {
    margin-right: 7px;
}

.GridViewPager #KeyInfo
{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;

    margin: 12px 8px;
    font-size: 11px;
    display: inline-block;

}
.GridViewPager #KeyInfo:hover
{
    color: #000;
}
.GridViewPager #ColumnInfo
{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;    
}
.GridViewPager #ColumnInfo:hover
{
    color: #000;
}
#KeyInfo, #ColumnInfo {
    margin: 12px 8px;
    font-size: 11px;
    display: inline-block;
}

#lbPageAt {
    font-size: 12px;
    margin: 0 16px;
}
#ddListItemsPerPage {
    margin: 0 1px 1px 17px;
}

a#FullRecordLink {
    text-decoration: underline;
    color: #137fc4;
}

.GridViewRowStyle
{
    color: #333333;
    background-color: white;
    font-size: 8pt;
    font-family: Open Sans, Arial, sans-serif;
    border-bottom: #d3d3d3 1px solid;
}

DashBoardGridViewRowStyle
{
    color: #333333;
    background-color: white;
    font-size: 8pt;
    font-family: 'Arial';
    border-bottom: #d3d3d3 1px solid;
}

.GridViewRowStyle a
{
    color: #333333;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.GridViewRowStyle a:hover
{
    color: black;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

.GridViewSelectedRow
{
    background-color: #D1C299;
    font-size: 8pt;
    font-family: Open Sans, Arial, sans-serif;
    border-bottom: #d3d3d3 1px solid;
    cursor: pointer;
}
.GridViewSelectedRow a
{
    color: #333333;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
.GridViewSelectedRow a:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-weight: bold;
    font-family: Open Sans, Arial, sans-serif;
    text-decoration: underline;
}

.GridViewAlternatingRow
{ 
    color: #333333;
    background-color: #EEEEEE;
    font-size: 8pt;
    font-family: Open Sans, Arial, sans-serif;
    border-bottom: #d3d3d3 1px solid;
}

.GridViewZeroQtyRow
{ 
    color: #333333;
    background-color: #b3b3b3;
    font-size: 8pt;
    font-family: Open Sans, Arial, sans-serif;
    border-bottom: #d3d3d3 1px solid;
}

.GridViewZeroQtyRow a
{
    color: #333333;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
.GridViewZeroQtyRow a:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

.DashBoardGridViewAlternatingRow
{ 
    color: #333333;
    /*background-color: #effce1;*/
    border-bottom: #d3d3d3 1px solid; 
}

.GridViewAlternatingRow a
{
    color: #333333;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
.GridViewAlternatingRow a:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}
.GridViewEditStyle
{
    background-color: #FBD27E;
}

.PageTitleBl{
    color: #137fc4;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: bold;
    font-size: 24pt;
}

.DataIFrame
{
    display: inline;
    width: 100%;
    height: 100%;
    position: static;
}
.Menus
{
    font-weight: bold;
    font-size: 10pt;
    color: gray;
    line-height: 15pt;
}
.Menus a
{
    font-size: 10pt;
    color: gray;
    line-height: 15pt;
}

/* Gold Banner Page Heading */
.PageHead
{
    color:#137fc4;
    font-weight: bold;
    font-size: 10pt;
    font-family: 'Times New Roman' , Arial;
    text-transform: uppercase;
}
.PageHead2
{
    color:#137fc4;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
}
.PageHeadDiv
{
    /*background-image:url(/images/Blank-header.gif);*/  /* DDL : 04/04/2012 : Image is missing from site */
    /*width:300px; */
    padding-left:5px; 
    padding-bottom:2px; 
    padding-top:2px; 
    padding-right:0px; 
    /*height: 20px;*/
}
.PageHeadListRefined
{
    color:#000000;
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial;
}

/* End Page Head */

.ListName
{
    font-weight: bold;
    font-size: 12pt;
    text-transform: uppercase;
    color: #692164;
    font-family: 'Times New Roman' , Arial;
}
.PaddedDiv
{
    margin: 5px;
}
.MenuBar
{
    background-color: #adb4c1;
}
.TM1
{
    background-color: #f62028; 
    color: White;
}
.TM2
{
    background-color: #4169e1;
    color: White;
}
.TM3
{
    background-color: #C0C0C0;
    color: White;
}
.TMSL
{
    background-color: #adb4c1;
}
.TML
{
    background-color: #692164;
}
/* Accordion */
.accordionHeader
{
    color: black;
    background-color: #d3d3d3;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: bold;
    padding: 1px;
    margin-top: 6px;
    margin-bottom: 0px;
    cursor: pointer;
    border-right: #d3d3d3 1px solid;
    border-top: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
}

#master_content .accordionHeader a
{
	color: black;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial; 
    background-color: White;
}

.failedValidationText
{
    color:#137fc4;
    font-weight: bold;
}

.failedValidationBlue
{
    color:Blue;
    font-weight: bold;
}

.failedValidationTextNormal
{
    color:#137fc4;
    font-weight: normal;
}

.passedValidationText
{
    color: Black;
    font-weight: normal;
}

.BookCondGood
{
    color: #006500;
    font-weight: bold;
}

.BookCondNotGood
{
    color: #ff0000;
    font-weight: bold;
}

.PaddedPanel
{
    border-right: black thin solid;
    border-top: black thin solid;
    margin: 10px;
    border-left: black thin solid;
    border-bottom: black thin solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}


/* Begin LMS Classes */

.LMS_ReportDetailHeader
{
    font: Arial, Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    text-decoration: underline;    
}

.LMS_ReportGroupHeader
{
    font: Arial, Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Black;    
}

.LMS_PageHeader
{
    font: Arial, Verdana;
    font-size: 16pt;
    color: #006500;
    font-weight: bold;
}

.LMS_FormData
{
    /*font: Arial, Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;*/
}

.LMS_NegativeData
{
    background-color: #ffcccc;
}

.LMSTable
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
    border-style: solid;
    border-width: 5px;
    border-color: #c0c0c0;
}

.hilight
{
    font-weight: bold;   
}

.LMS_ReportBody
{
    font-size: 8pt;
    font-family: Arial;
}

.LMS_ReportHeader
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    color: Black;
}

.LMS_GroupHeader
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
}

/* End of LMS Classes */


.ARTests
{
    font-size: 7pt;
    background-color: #fdeac4;
}
.RCTests
{
    font-size: 7pt;
    background-color: #fdeac4;
}
.FPInfo
{
    font-size: 7pt;
    background-color: #fdeac4;
}
.LexileInfo
{
    font-size: 7pt;
    background-color: #fdeac4;
}

/* Full Record */
.FullRecordTitleHead
{
    font-weight: bold;
    font-size: 20px;
    color: black;
}
.SectionHead
{
    font-weight: bold;
    font-size: 9pt;
    font-family: 'Arial';
}
.SectionBody
{
    font-weight: normal;
    font-size: 9pt;
    font-family: 'Arial';
}
.FullRecordLinks
{
    color: #137fc4;
    font-family: Arial;
    font-size: 9pt;
}
.FullRecordLinks a
{
    color: #137fc4;
    font-family: Arial;
    font-size: 9pt;
}
div.title-section {
    width: 900px;
    display: inline-block;
    margin-bottom: 12px;
}
div.title-image-section {
    min-width: 112px;
    vertical-align: top;
    display: inline-block;
    margin-right: 10px;
}
div.title-image-section img {
    max-width: 180px;
    min-width: 112px;
}
div.title-info-section {
    width: auto;
    max-width: 450px;
    display: inline-block;
}
div.title-info-section label.title-info-label {
	width: 100px;
	display: inline-block;
	vertical-align: top;
    font-weight: bold;
}
div.title-info-section label.title-info-value {
	max-width: 345px;
    font-weight: normal;
}
div.title-info-section label {
    margin: 0px 0px 12px;
    display: inline-block;
}
ul.alt-genre, ul.genre-list {
    display: inline-block;
    margin: 0 0 12px 0;
    list-style: none;
    padding: 0;
}
img.opac-livecheck-img {
    width: 35px;
    height: 14px;
    padding-left: 3px;
}
div.order-info-section, div.bulk-order-info-section {
    background-color: #dfdfdf;
    float: right;
    padding: 10px 16px;
    width: 247px;
}
div.order-info-section label, div.bulk-order-info-section label.key {
    width: 88px;
    display: inline-block;
    text-align: right;
    padding: 3px 7px;
    font-weight: bold;
    white-space: nowrap;
}
div.order-info-section div.item-not-canceled {
    display: inline;
}
div.order-info-section input.item-qty {
    width:30px;
}
div.order-info-section label.order-info-value {
    font-weight: normal;
}
div.bulk-order-info-section > label.value {
    width: 62px;
    display: inline-block;
    text-align: left;
    padding: 3px 7px;
}
img.img-titlematch, img#Note {
    position: relative;
    top: 3px;
}
div#full-record-pager {
    float: right;
    width: 247px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    grid-gap: 2rem;
}
div#full-record-pager a {
    color: #21837f;
}
div#full-record-pager a#PreviousRecord,
div#full-record-pager a#NextRecord,
div#full-record-pager a#ReturnToList {
    display: flex;
    align-items: center;
}

a.wiz-step-link span.pager-btn.inline-icon.icon-2x {
    display: inline-block;
    padding: 0 9px;
}
div#full-record-pager a.wiz-step-link {
    vertical-align: top;
    font-weight: bold;
}
.append-br::after {
    content: "\A";
    white-space: pre;
}
.clcd.ios-scrollable-iframe-container {
    width: 456px;
    height: 530px;
    padding: 20px;
}
div.related-search-content {
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
}
/* DOGO ratings */
div#dogo-review {
    margin: 7px 5px 0px 0px;
}
div#dogo-review > a {
    margin: 0px 0px 1px 10px;
    display: inline-block;
    vertical-align: middle;
}
/* End Full Record */

.SearchPage
{
    font-size: 9pt;
    font-family: Arial;
}
.SearchHead
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
}
.insert-br-before::before {
    content: "\A";
    white-space: pre;
}


/* Reference, Professional and Edition Classes */

.Reference
{
	color: #137fc4;
}

.Professional
{
	color: #137fc4;
}

.Edition
{
	color: #137fc4;
	font-weight: 900;
}
.Volume
{
	color: #137fc4;
}
/* Menu Section */

.QuickSearch
{
	font-family: Arial, Tahoma;
    font-size: 10pt;
    color: #ffffff;
}

.QuickSearchBox
{
    background-color: #ffffff;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

.MenuTableBackGround
{
	/*background-color: #000000;*/
	background-image: url('../Images/Menu/Black-gradient-menu-bar-filler.gif');
	height: 27px;
}
.MenuEasySearchBackGround
{
	background-image:url(/images/menu/New-black-gradient-menu-bar.gif);
}
/*	MackinMenu0:
	Options Menu Item - This is set right on the menu Item .MackinMenu2 is stilled used for the 
	hover state.*/
.MackinMenu0		
{
	background-color: transparent;
	color: #fbd27e;
	font-family: Arial;
	font-size: 10pt;
	cursor: pointer;
	/*
	left: 5px;
	position: relative;
	*/
}

/*	MackinMenu1:
	This is the style that is applied to the very top level "Search, Suggested Lists ..." this 
	is the normal style with out hover. */
.MackinMenu1
{
	background-color: transparent;
	color: white;
	font-family: Arial;
	font-size: 10pt;
	cursor: pointer;
	/*
	right: 5px;
	position: relative;
	*/
}

/*	MackinMenu2:
	This is the Hover style to the MackinMenu1 items */
.MackinMenu2 
{
	background-color:transparent;
	color:#fbd27e;
	cursor: pointer;
	/*
	right: 5px;
	position: relative;
	*/
}

/*	MackinMenu3:
	Not sure what this is used for?  Changing the values seems to have no effect */
.MackinMenu3 
{
	background-color:#c0c000;
	font-family:Arial;
	font-size:8pt;
	cursor: pointer;
}

/*	MackinMenu4:
	This is used in the seperator of each item.  No changes should be needed here */
.MackinMenu4 
{
	color:white;
/*	
	left: 5px;
	position: relative;
*/
}

/*	MackinMenu5:
	This is the submenus normal style.  All changes here will effect all sub menus and sub submenus
	If you make changes here you might need to also change MackinMenu6 */
.MackinMenu5
{
	background-color: #fdeac4;
	border-bottom-color: black;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 0px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bolder;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	cursor: pointer;
}

/*	MackinMenu6:
	This is the Hover state for MackinMenu5 */
.MackinMenu6
{
	background-color: #fbd27e;
	border-bottom-color: black;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 0px;
	font-family: Arial;
	font-size: 8pt; 
	font-weight: bolder;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	cursor: pointer;
}
/* End Menu */

.FooterLinks
{
    color: #000000;
    font-family: Arial;
}
.FooterLinks a
{
    color: #000000;
    font-family: Arial;
}

/* Suggest and Classroom Pages */
.PreparedLists
{
    font-weight: bold;
    font-size: 11pt;
    font-family: Arial;
}
.Level2Head
{
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial;
}
.Level2Info
{
    /*font-weight: bold;*/
    font-size: 9pt;
    font-family: Arial;
    font-style: italic;
}
.ListNbrItem
{
    color:#000000;
    font-size: 9pt;
    font-family: Arial;
}
a.ListNbrItem
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
}
a.ListNbrItem:hover
{
    color: #d26a0f;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
}
.ListHilight
{
    color:#137fc4;
    font-size: 9pt;
    font-family: Arial;
}
a.ListHilight
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
}
a.ListHilight:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
}
.ListLowlight
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
}
a.ListLowlight 
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
}
a.ListLowlight:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
}
.ClassroomHilight
{
    color:#137fc4;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial;
    font-style: italic;
}
a.ClassroomHilight 
{
    color:#137fc4;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial;
    font-style: italic;
}
.PublisherShowcaseListHilight
{
    color:#137fc4;
    font-size: 9pt;
    font-family: Arial;
}
a.PublisherShowcaseListHilight
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
}
a.PublisherShowcaseListHilight:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
}
/* End Suggest and Classroom Pages */

/* Core Knowledge Styles */
a.CoreKnowledgeLink
{
    color: #137fc4;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    text-decoration: underline;
}
a.CoreKnowledgeLink:hover
{
    color: #FF9933;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    text-decoration: underline;
}
.CoreKnowledgeBar
{
	background-color: #FF9933;
	width: 280px;
	height: 4px;
}
.CoreKnowledgeText
{
	font-size: 10pt;
	color: #137fc4;
	font-weight: bold;
	height: 25px; 
	margin-top: 5px;
}
.CoreKnowledgePageHeader
{
    color:#137fc4;
    font-size: 12pt;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
}
.CoreKnowledgeTitle
{
	font-family: Times New Roman;
	font-size: 12pt;
	font-weight: bold;
}
/* End Core Knowledge */

/* Background Div Color */
.ButtonBackGroundSearch
{
	background: #fbd27e;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 50px;
	white-space: nowrap;
}
/* Search Page Clear Link */
a.ClearSections
{
    font-size: 7pt;
    color: #137fc4;
    font-family: Arial;
}
/* Dynamic Possition for Update Icon */
.UpdatingAlert
{
	position: fixed;
	left: 25px;
	top: 190px;
}

/* Dialog Box Style */
/* SAO: 12/20/2013: EO.Web login dialog overrides */
#ctl00_ui_dlg_Login_close
{
    width: 38px;
    cursor: pointer !important;
    margin-top:10px !important;
    margin-right:10px !important;
}
.eo-login-DialogHeader
{
    background-color: #FFF;
}
.eo-login-DialogContent {
    background-color: black;
    padding: 16px;
}

/* END EO.Web login dialog overrides */

.DialogHeader
{
	background-color: #137fc4;
	border-bottom-color: #137fc4;
	border-left-color: #137fc4;
	border-right-color: #137fc4;
	border-top-color: #137fc4;
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
	font-size: 11pt; 
	text-align: center; 
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	color: white;
	letter-spacing: 0.1em;
}
.DialogFooter
{
	background-color: #D4D0C8; 
	padding-bottom: 8px;
}
.DialogContentHeader
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
.DialogContent
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 10pt;
	border: #fdeac4 1px solid; 
	background-color: #ffffff;
	padding: 20px;
}

div.checkbox-panel-row {
    margin: 17px 0px;
}
div.checkbox-panel-row span {
    width: 24%;
    display: inline-block;
}
.eo-dialog-submit {
    padding: 2px 17px;
    display: block;
    margin: auto;
}
.DialogFormData
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 10pt;
    border: solid 1px #000000;
}
.DialogGroupHeader
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 10pt;
    font-weight: bold;   
}
.ConfirmationHeader
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 14pt;
    font-weight: bold;
    color: Black;
}
.ConfirmationText
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 12pt;
    font-weight: normal;
    color: Black;
}
.ConfirmationTextBold
{
	font-family: 'helvetica', 'tahoma', 'arial', 'sans-serif';
    font-size: 12pt;
    font-weight: bold;
    color: Black;
}

/* End Dialog */

/* Testimonials */
.TestimonialHeaders
{
	color: #137fc4; 
    text-transform: uppercase;
}
.TestimonialText
{
}
.TestimonialByWho
{
	font-style: italic;
}
.TestimonialLocation
{
	font-style: italic;
}
.TestimonialImage
{
	margin-right: 5px; 
	margin-bottom: 10px;
}
.Tandem
{
    left: 43px;
    position: absolute;
    top: 107px;
}
.ReferralMsg
{
	font-family: Arial;
	color: #000000;
}

.SLJLegend
{
    color: #137fc4;
    font-family: Arial; 
    font-weight: bold;
}
.SLJdl
{
}
.SLJul
{
}
.SLJSection
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none; 
    font-weight: bold;
}
a.SLJSection
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}
a.SLJSection:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
    font-weight: bold;
}
.SLJSubSection
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
a.SLJSubSection
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
a.SLJSubSection:hover
{
    color: #137fc4;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: underline;
}

.KirkusLegend {
    color: #137fc4;
    font-family: Arial;
    font-weight: bold;
}

.Kirkusdl {
}

.Kirkusul {
}

.KirkusSection {
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}

a.KirkusSection {
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}

    a.KirkusSection:hover {
        color: #137fc4;
        font-size: 9pt;
        font-family: Arial;
        text-decoration: underline;
        font-weight: bold;
    }

.KirkusSubSection {
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}

a.KirkusSubSection {
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}

    a.KirkusSubSection:hover {
        color: #137fc4;
        font-size: 8pt;
        font-family: Arial;
        text-decoration: underline;
    }

fieldset li
{
	position: relative;
	left: 15px;
}
.PWLegend
{
    color: #137fc4;
    font-family: Arial; 
    font-weight: bold;
}
.PWdl
{
}
.PWul
{
}
.PWSection
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none; 
    font-weight: bold;
}
a.PWSection
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}
a.PWSection:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
    font-weight: bold;
}
.PWSubSection
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
a.PWSubSection
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
a.PWSubSection:hover
{
    color: #137fc4;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: underline;
}
.PWPOTW
{
    color: #137fc4;
    font-family: Arial; 
    font-weight: bold;
}
.PWPOTWTitle
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none; 
    font-weight: bold;
}
a.PWPOTWTitle
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}
a.PWPOTWTitle:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
    font-weight: bold;
}
.PWPOTWAuthor
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none; 
    /*font-weight: bold;*/
}
.PWPOTWReview
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
.HiddenLinkButton
{
    color: #ffffff;
    position: relative; 
    left: 0px; 
    top: -10px;
}
.NotesPopup
{
    background-color: #dceef7; 
    float: left; 
    padding: 0; 
    overflow: hidden; 
    width: 0px; 
    height: 0px; 
    border: 0px; 
    display: inline;
}
.ace_CompletionList
{
    /*width: 195px;*/
    border: none;
    font-family: 'Open Sans', Arial, sans-serif;       /*'Century Gothic', Arial, sans-serif;*/
    font-size: 1.2em;   /*font-size: 8pt;*/
    font-weight: normal;
    padding: 0px 0px 0px 4px;
    vertical-align: top;
    margin-right: 0px;


    /*padding-left: 2px;*/
	
	
	/* SAO : 11/09/2012 : Bug SRX12755 : scroll bar missing in Mackin.com : kept scroll for overflow-x only; changed overflow-y to visible */
	overflow-x: scroll;
	overflow-y: visible;
	
	color: #000000;
	background-color: #ffffff;
	width: auto;
	white-space: nowrap;
	/* DDL : 02/23/2009 : Added items to style default flyout element */
	height: auto;
	/*border-width : 1px;*/
    /*border-style : solid;*/
    list-style-type : none;
    margin:0px;
    text-align: left;
}
.ace_CompletionListItems
{	
	padding: 3px;
	margin: 1%;
	overflow: visible !important;
}
.ace_CompletionListHighlightedItem
{
	color: #ffff00;
	background-color: #3399FF;
	overflow: visible !important;	
	white-space: nowrap;
	display: inline;
	cursor: pointer;
	list-style-type: none;
}
.ace_CompletionListElement
{
	border: solid 1px #c0c0c0;
	padding: 2 2 2 2;
	overflow: auto !important;
	background: #ffffff;
	z-index: 100;
	text-align:left;
}
li.ace_CompletionListItem, li.ace_CompletionListHighlightedItem {
    float: none!important;
}
.ace_prefixTextHighlight
{
	font-weight:bold;
	color:#0000ff;
	cursor: pointer;
}
.underlinedcell
{
     border-bottom: solid 1px #000000;
}
.redbutton
{
    font-family: Arial;
    font-style: italic;
    font-weight: bolder;
    background-color: #FF4F4F;
}
.smallnotetext
{
    font-family: Arial;
    font-size: 8pt;
    font-style: italic;
}
.LeveledLibBigBoldBlack
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bolder;
    color: #000000;
}
.LeveledLibBigBoldRed
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bolder;
    color: #137fc4;
}
.LeveledLibStandard
{
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
}
.ClassroomBigBoldRed
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bolder;
    color: #137fc4;
}
.ClassroomStandard
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

/* WebParts */
.WebPartHead
{
	background-color: Black;
	color: #FFD415;
	font-weight: bold;
}
.WebPartBody
{
	background-color: #FBFAFA;
}

.WebPartBody a
{
    color: #137fc4;
    font-family: Arial;
}
.menuItem
{
    color: #137fc4;
    font-family: Arial;
}

.ReviewJournalImage
{
    padding-right: 16px;
}
.SendOrderWizPadding
{
    padding: 10px;
}
.CopyWriteNotice
{
	font-size: 7pt;
	font-family: Arial; 
	color: #666666;
    text-align: center;
}
.DisclaimerText
{
    font-family: Times New Roman;
    font-size: 9pt;
}
.HBGLegend
{
    color: #137fc4;
    font-family: Arial; 
    font-weight: bold;
}
.HBGdl
{
}
.HBGul
{
}
.HBGSection
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none; 
    font-weight: bold;
}
a.HBGSection
{
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}
a.HBGSection:hover
{
    color: #137fc4;
    font-size: 9pt;
    font-family: Arial;
    text-decoration: underline;
    font-weight: bold;
}
.HBGSubSection
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
a.HBGSubSection
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}
a.HBGSubSection:hover
{
    color: #137fc4;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: underline;
}

a.Register
{
	color: #ffffff;
	text-decoration: none; 
	font-family: 'helvetica neue', 'myriad pro', 'arial', 'sans-serif';
}
/* Order History */
.OrderHistoryLabelLarge
{
    font-weight:900;
    font-size: 10pt;
}
.OrderHistoryFieldLarge
{
    font-size: 10pt;
}
.OrderHistoryLabelMedium
{
    font-weight:900;
    font-size: 8pt;
}
.OrderHistoryFieldMedium
{
    font-size: 8pt;
}
.EBookSendOrder
{
    font-weight: 900; 
    color: #137fc4;
}
.disabled 
{ 
    color: #c0c0c0; 
}
#shipping-note {
    float: right;
    font-size: 11px;
    text-align: right;
    width: 420px;
    margin-left: 120px;
    padding-top: 45px;
}


/********* Begin: DSC: Feature 729 (Link for Unfilled Titles)**************/
.Unfilled8pt a
{
    font-size: 8pt;
    color: #137fc4; 
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
}
.Unfilled8pt a:link
{
    font-size: 8pt;
    color: #137fc4; 
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
}

.Unfilled8pt a:visited
{
    font-size: 8pt;
    color: #137fc4; 
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
}

.Unfilled8pt a:hover
{
    font-size: 8pt;
    color: #137fc4; 
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
}

.Unfilled8pt a:active
{
    font-size: 8pt;
    color: #137fc4; 
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
}
/*********End: DSC: Feature 729 (Link for Unfilled Titles)**************/

/********* Begin: DLB : BookTalkNow ************************************/
.RedHeaders {
    font: normal bold 20px Arial, Helvetica, sans-serif;
    color: #137fc4;
    padding-top: 15px;
}

a.RedBtn span {background: transparent url('//www.mackin.com/cms/uploads/images/red_slidingDoor_left.gif') no-repeat 0 0; display: block; line-height: 14px; padding: 7px 0 8px 18px; color: #fff;}                                 
a.RedBtn {background: transparent url('//www.mackin.com/cms/uploads/images/red_slidingDoor_right.gif') no-repeat top right; display: block; float: left; height: 30px; margin-right: 6px; padding-right: 20px; text-decoration: none; font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;}
a.RedBtn:hover span {background-position: 0 -30px; color: #fff;}
a.RedBtn:hover {background-position: right -30px;}

/********* Begin: DLB : BookTalkNow ************************************/

/* 
DDL : 11/17/2011 : Feature #818 : Style rules for Playlist book items.
DDL : 11/18/2011 : Feature #818 : Added text-transform: capitalize for Playlist book items.
*/
.bookitem 
{
    text-indent: 20px;
    font-size: 8pt;
    font-family: Arial;
    font-weight: normal;
    width: 250px;
    text-transform: capitalize;
}

.CMSred_pageHeader {
    font:bold 32px 'Trebuchet MS', 'Trebuchet', Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color: #137fc4;
}



/* OMS 
SAO : 9/11/2012 : Feature #1295 : Styling for UpdateProgress user control 
*/
.OMSUpdateProgress
{
    vertical-align:middle; 
    text-align:center; 
    font-size:large; 
    position: fixed; 
    width: 300px; 
    height: 45px; 
    padding: 15px 15px 15px 15px; 
    top: 45%; 
    left: 45%; 
    border: #fdeac4 1px outset; 
	background-color: #ffffff;
}
.OMSUpdateProgress img
{
    vertical-align: text-bottom
}
.RightColumnImgLinks
{
    float:left;
    margin-bottom: 28px;
    text-decoration:none;
    border: none;  
    height:auto;
}
.pictureLinksCol
{
    height:190px;
    width:150px;
    margin-left: -3px;
}
.hp_image
{
    width: 122px;
    margin-left: 2px;
}

/* SAO : eBook Preview */
.eBookPreview:hover {
    cursor: pointer;
}
.titlePreviewFR
{
    margin-top: 5px;
    width: 110px;
    height: 32px;
    background-image: url('/MackinOnline/Images/previewFR.png');
    background-position: 0px 0px;
    background-size: 110px 64px;
}
.titlePreviewFR:hover
{
    cursor: pointer;
    background-position: 0px -32px;
}


/* SAO : 9/30/2013 : Feature 1501 : Search, ebook params and redesign */
.eBookLicenseType, .eBookAccessType
{
    width: 120px;
}
.eBookFeatures
{
    display: inline;
    list-style: none;
    padding-left: 0px;
}
.eBookFeatures li  
{
    display: inline-block; 
    margin-right: 5px; 
} 
.eBookFeatures li label {
    margin: 0px 0px 0px 3px;
}
.AddVIAImage label
{
    margin: 0px 0px 0px 5px;
    display: inline-block;
    background-image: url('//www.mackin.com/Help/VIA_AdminGuide/topics/images/1(1).gif');
    padding-left: 19px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/* SAO : Feature 1580 : Search, fixes to form */
.searchHeaderImage
{
    margin-left: 291px;
}
.SearchPage select
{
    margin: 0px;
}
.SearchPage td 
{
    padding-bottom: 3px;
}
.DOPValidator
{
    display: inline-block;
}


/* SAO : 11/5/2013 : Feature 1480 : OMS, Entering PO after order submittal for Norfolk */
.AddPOLink
{
    display: block;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #333; 
    margin: 3px 0 0 3px;  
}

.AddPOLink:hover
{
    color: #137fc4;   
}


.mackinVIATitlesInfo {
    display: none;
    position: absolute;
    margin: auto;
    width: 440px;
    height: auto;
    background-color: #FFF;
    padding: 22px;
    text-align: left;
    color: #666;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    -moz-box-shadow: 0px 0px 12px rgba(119, 119, 119, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(119, 119, 119, 0.4);
    box-shadow: 0px 0px 12px rgba(119, 119, 119, 0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#BBBBBB')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#BBBBBB');

}
.infoIcon-popup
{
    float: left;
    padding: 0 5px 0 0;
}

/* SAO : Full Record centering*/
.fullRecordCentered {
    display: block;
    width: 900px;
    margin: 0 auto;
}

/* List Info user control*/
.ListInfoLabel {
    font-weight: bold;
}
.ListInfoData {
    margin-right: 35px;
    margin-left: 7px;
}
div#listinfo>div {
    margin: 11px 10px;
}
#FundNameLabel.ListInfoData.truncate {
    max-width: 240px;
    display: inline-block;
    vertical-align: top;
}



/* SAO : Move/Copy and Merge pages */
.PageHeadDiv {
    margin: 5px 0px 17px 0px;
}
div#listinfo {
    margin: 7px 0px 7px 0px;
    display: inline-block;
}
#destination-div, #source-div {
    display: inline-block;
    margin: 0px 10px;
    width: 47%;
    min-width: 455px;
}
#destination-div select, #source-div select {
    width: 95%;
}
#list-select, #list-view {
    display: inline-block;
    vertical-align: top;
    margin: 20px;
    width: 45%;
    min-width: 455px;
}
#list-select select {
    width: 315px;
}
#list-view .grid {
    margin-bottom: 19px;
}    
#list-view .grid table {
    margin-top: 8px;
} 




/* For inset characters in inputs such as $, % */
.left-inner-addon {
    position: relative;
}

.left-inner-addon input {
    padding-left: 22px;
}

.left-inner-addon span {
    position: absolute;
    padding: 6px 3px 3px 8px;
    pointer-events: none;
}
.right-inner-addon {
    position: relative;
}

.right-inner-addon input {
    padding-right: 22px;
}

.right-inner-addon span {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 5px 3px 3px 8px;
    pointer-events: none;
}


/* Edit List rewrite */
.input-hint {
    font-weight: normal;
    font-size: smaller;
}



.ios-scrollable-iframe-container {
    overflow: auto;
    position: absolute;
    -webkit-overflow-scrolling: touch;
}
.searchresults-clcd, .listdetails-clcd, .submittedlist-clcd, .setitems-clcd {
    width: 556px;
    height: 334px;
}
.omslistdetails-clcd {
    width: 456px;
    height: 334px;
}

.single-line {
    display: block;
}

/* Search results */
/* Display sale price */
.sale-end-date, .sale-price {
    color: red;
    font-weight: bolder;
    white-space: nowrap;
}
.sale-price-wrap {
    color: red;
    font-weight: bolder;
}
.line-through {
    text-decoration: line-through;
}
table.list-items label.platform-name {
    color: red;
    font-weight: bold;
}
table.list-items input.remove-item {
    margin-bottom: 4px;
}

/* full record platform name */
div.title-section span.platform-name {
    color: red;
    font-weight: bold;
    padding: 7px 0 7px 0;
    display: block;
}


/* Alt formats dialog */
.alt-formats td {
    padding: 0px 3px;
}

/* Grid view DOGO ratings - search results, list details, etc. */
table.list-items div.book-tile-rating > span {
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    background-color: white;
    padding: 2px;
}


/* Search page */
#oms-opt-in-modal label, .find-include-list  label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
}
#oms-opt-in-modal li {
    list-style: none;
}
#SearchPanel1 .input-group {
    padding: 0 15px 0 15px;
}
#SearchPanel1 .interactive-ebooks {
    padding: 0 15px 0 15px;
}
input#KeywordVal {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
textarea#IsbnSearchBox {
    border-top-right-radius: 0;
}
#SearchPanel1 fieldset {
    margin-top: 15px;
}
#SearchPanel1 div#search-tips-modal dt {
    margin-top: 7px;
}
#SearchPanel1 div#search-tips-modal dt:first-child {
    margin-top: inherit;
}


/* search progress modal*/
div#search-progress-modal {
    padding-right: 17px;
    top: 35%;
    left: 37%;
    right: 37%;
    bottom: 30%;
}
div#search-progress-modal > div.modal-dialog {
    width: 166px;
}
div#search-progress-modal .modal-body > div {
    text-align: center;
    width: auto;
}
div#search-progress-modal .modal-body > div > i {
    font-size:24px;
    line-height: 25px;
}
div#search-progress-modal .modal-body > div > label {
    margin-left: 5px;
}

/* search validation summary */
.search-validation-summary {
    margin: 3px 0 15px 0;
    border-radius: 5px;
    padding-left: 13px;
}
.search-validation-summary span {
    line-height: 44px;
    color: rgb(169, 68, 66)!important;
}
.forceWordWrap {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}


/* list details "Go To Page" text box - need to override bootstrap style */
.go-to-page-box {
    color: #000;
    font-family: inherit;

    width: 30px;
    height: 27px;
    border: none;
    margin-left: 3px;
    text-align: center;
}


.topTable {
    width:100%;
    height:30px;
    margin-top:20px;
    overflow:scroll;
}
.PreviewNewLook {
    cursor:pointer;      
    background-color:#337ab7;
    border-radius:4px;
    color:#ffffff;
    height:37px;
    padding-top:8px;
    text-align:center;
}
.PreviewCell {
    text-align:right;
    height:50px;
    width:145px
}

table#gridViewPager input {
    color: #000;
    text-align: center;
}

/* Ratings CSS Bootstrap override */
.rating-small .rating-star {
    vertical-align: top;
}

input.autofill-decoy {
    position: absolute;
    left: -10000px;
}

.quote-lock-info i {
    margin-right: .25em;
}
.quote-lock-text {
    font-size: 14px;
}
.quote-lock-indicator {
    margin-left: .25em;
}
.quote-lock-text, .quote-lock-indicator {
    color: #337ab7;
}

header#main-header message-modal {
    color: initial;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* stand alone header overrides */
#stand-alone-header-wrap {
    height: 114px !important;
}
@media (min-width: 900px) {
    #stand-alone-header-wrap {
        height: 162px !important;
    }
}
@media (min-width: 1200px) {
    #stand-alone-header-wrap {
        height: 119px !important;
    }
}