@import url("/National_Library/cs_/https://secure.cardknox.com/font/stylesheet.css");
* { box-sizing: border-box; padding: 0; margin: 0; }

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

a { outline: none; }

.left { float: left; }

.right { float: right; }

.inline { display: inline; }

.block { display: block; }

.inline-block { display: inline-block; }

.hidden { display: none; }

[class^="new-button"] { position: relative; padding: 7px 15px 7px 35px; border-radius: 3px; border: 0; text-shadow: 0px 0px 4px black; color: #fff; cursor: pointer; }
[class^="new-button"]:before { content: ""; position: absolute; left: 10px; top: 6px; width: 21px; height: 21px; background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 -66px no-repeat; }

.new-button-default { padding: 7px; background: #32698E; }
.new-button-default:hover { background: #2b5b7b; }
.new-button-default:active { background: #254d68; }
.new-button-default:before { width: 0; height: 0; background: none; }

.new-button-new { background: #5BB561; }
.new-button-new:hover { background: #45984a; }
.new-button-new:active { background: #357539; }
.new-button-new:before { background-position: -87px -88px; }

.new-button-lookup { background: #5BB561; }
.new-button-lookup:hover { background: #45984a; }
.new-button-lookup:active { background: #357539; }
.new-button-lookup:before { background-position: -87px -22px; }

.new-button-search { background: #32698E; }
.new-button-search:hover { background: #2b5b7b; }
.new-button-search:active { background: #254d68; }
.new-button-search:before { left: 13px; top: 9px; width: 16px; height: 15px; background-position: 0 -105px; }

.new-button-void { background: #BC4646; }
.new-button-void:hover { background: #983737; }
.new-button-void:active { background: #732929; }
.new-button-void:before { background-position: -87px 0; }

.new-button-details { background: #D8A821; }
.new-button-details:hover { background: #c2971e; }
.new-button-details:active { background: #ac861a; }
.new-button-details:before { background-position: -87px -44px; }

@media (min-width: 1200px) { /*top mast*/
  #top_nav_container { position: absolute; top: 0; left: 0; right: 0; height: 62px; background: #F4F4F4; color: #6D6E70; border-bottom: 2px solid #e6e6e6; font-size: 14px; z-index: 100000; }
  #top_nav_container .hamburger-icon { display: none; }
  #top_nav_container > .left-nav { list-style: none; height: 62px; float: left; height: 100%; }
  #top_nav_container > .left-nav > li { height: 100%; float: left; }
  #top_nav_container > .left-nav > li > a { position: relative; color: #6D6E70; text-decoration: none; padding: 0 15px; height: 100%; line-height: 62px; display: block; width: 100%; }
  #top_nav_container > .left-nav > li > a:hover { color: black; }
  #top_nav_container > .left-nav > li > a.active:before { content: ""; position: absolute; margin-left: -18px; bottom: 0; left: 50%; width: 0; height: 0; border-bottom: 11px solid #e6e6e6; border-right: 18px solid transparent; border-left: 18px solid transparent; }
  #top_nav_container > .left-nav > li > a.active:after { content: ""; position: absolute; margin-left: -18px; bottom: -2px; left: 50%; width: 0; height: 0; max-width: 160px; border-bottom: 11px solid #fff; border-right: 18px solid transparent; border-left: 18px solid transparent; }
  #top_nav_container .logo-container { float: left; width: 200px; }
  #top_nav_container .logo-container .logo-image { display: block; margin: 12px auto; border: none; width: 170px; }
  #top_nav_container #login_links { float: right; margin-right: 15px; }
  #top_nav_container #accountDropdown, #top_nav_container #login_links { height: 100%; line-height: 62px; display: inline-block; }
  #top_nav_container #accountDropdown:hover, #top_nav_container #login_links:hover { color: black; } }
@media (max-width: 1199px) { #top_nav_container { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 48px; background: #F4F4F4; color: #6D6E70; border-bottom: 2px solid #e6e6e6; font-size: 14px; }
  #top_nav_container .hamburger-icon { position: absolute; left: 0; top: 0; height: 48px; width: 61px; }
  #top_nav_container .hamburger-icon > span { display: block; position: absolute; left: 13px; top: 22px; width: 36px; height: 4px; background: #1b75bb; }
  #top_nav_container .hamburger-icon > span:before, #top_nav_container .hamburger-icon > span:after { content: ""; display: block; position: absolute; width: 36px; height: 4px; background: #1b75bb; transition: all 0.4s; }
  #top_nav_container .hamburger-icon > span:before { top: -9px; }
  #top_nav_container .hamburger-icon > span:after { top: 9px; }
  #top_nav_container .hamburger-icon.active > span:before, #top_nav_container .hamburger-icon.active > span:after { left: -1; width: 20px; }
  #top_nav_container .hamburger-icon.active > span:before { top: -6px; transform: rotate(-35deg); }
  #top_nav_container .hamburger-icon.active > span:after { top: 6px; transform: rotate(35deg); }
  #top_nav_container .logo-container { width: auto; }
  #top_nav_container .logo-container .logo-image { display: block; height: 38px; width: auto; margin: 5px auto; }
  .left-nav { position: relative; float: left; margin-left: calc(-100% + 61px); margin-top: -48px; width: calc(100% - 62px); transition: all 0.2s; }
  .left-nav.nav-active { left: 0; }
  .left-nav li { z-index: 999999; }
  .left-nav li a { height: 45px; line-height: 45px; display: block; text-decoration: none; text-align: center; font-size: 18px; color: #fff; background: #A3B6C1; border-bottom: 1px solid #1b75bb; }
  .left-nav li a:hover, .left-nav li a.active { background: #1b75bb; }
  #login_links { position: relative; margin-left: calc(-100% + 61px); width: calc(100% - 62px); clear: both; } }
.meter { position: relative; width: 270px; height: 25px; background: #C3D3DD; margin: 35px auto 0; }

.part { position: relative; display: block; height: 25px; width: 27px; border-left: 1px solid #F1EBE1; border-right: 1px solid #F1EBE1; float: left; }

.bar { position: absolute; bottom: 0; left: 0; height: 25px; width: 0; overflow: visible; }

.color { position: absolute; bottom: 0; display: inline-block; width: 100%; height: 25px; background: #133A62; }

.line { position: absolute; bottom: 0; right: 0; height: 35px; border-right: 2px solid #967C0F; }

.top { position: absolute; top: -30px; color: #967C0F; margin-left: -13px; }

label { cursor: pointer; }
.required_empty label:hover { text-decoration: underline; font-weight: bold; }
label.label:not(.hidden) { display: block; color: #4D4D4D; font-size: 14px; }
label.label:not(.hidden).required:after { content: "*"; }

.input, .select { width: 100%; height: 25px; border: 1px solid #B1B1B1; padding: 0 5px; margin-bottom: 8px; }
.input:focus, .select:focus { background: #F5F2DC; }
.input.inputred, .input.ccError, .input.numError, .input.customError, .select.inputred, .select.ccError, .select.numError, .select.customError { border: 2px solid #BF272D; }
.input.wInfo, .select.wInfo { width: calc(100% - 30px); }

.dropdown-parent .dropdown-parent-span { position: relative; z-index: 10000000000000; cursor: pointer; padding: 0 10px; margin-right: 10px; }
.dropdown-parent .dropdown-parent-span.show-arrow { margin: 0; }
.dropdown-parent .dropdown-parent-span.show-arrow:after { content: ""; position: relative; left: 5px; top: 12px; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #6d6e70; }
.dropdown-parent .cust-dropdown { position: relative; left: 0; top: -46px; background: #fff; border: 1px solid #d7d7d7; padding-top: 28px; cursor: pointer; box-shadow: -3px 4px 5px -1px #d7d7d7; }
.dropdown-parent .cust-dropdown a { position: relative; display: block; height: 28px; line-height: 28px; padding: 0 10px; text-decoration: none; color: #6D6E70; }
.dropdown-parent .cust-dropdown a.active { color: #fff; background: #babbbc; }
.dropdown-parent .cust-dropdown a:hover { color: #fff; background: #6D6E70; }
@media (max-width: 1199px) { .dropdown-parent .dropdown-parent-span { height: 45px; line-height: 45px; display: block; text-align: center; font-size: 18px; color: #fff; background: #A3B6C1; border-bottom: 1px solid #1b75bb; }
  .dropdown-parent .dropdown-parent-span.active { background: #1b75bb; }
  .dropdown-parent .dropdown-parent-span.show-arrow { margin: 0; }
  .dropdown-parent .dropdown-parent-span.show-arrow:after { content: ""; position: relative; left: 8px; top: 18px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #fff; }
  .dropdown-parent .dropdown-parent-span:hover { background: #1b75bb; }
  .dropdown-parent .cust-dropdown { top: 0; box-shadow: none; padding: 0; border: 0; }
  .dropdown-parent .cust-dropdown a { height: 45px; line-height: 45px; display: block; text-decoration: none; text-align: center; font-size: 18px; color: #fff; border-bottom: 1px solid #1b75bb; background: #bbc9d1; border-left: 10px solid #1b75bb; }
  .dropdown-parent .cust-dropdown a:hover, .dropdown-parent .cust-dropdown a.active { background: #208bdf; } }

.custom-select-wrap { position: relative; }

.custom-select-span { position: relative; display: inline-block; border: 1px solid #000; cursor: pointer; padding-left: 5px; }
.custom-select-span:after { content: "\25BC"; position: absolute; right: -2px; top: -2px; width: 27px; color: #fff; font-size: 12px; background: #32698e; text-align: center; }

.custom-select-item { display: block; cursor: pointer; }
.custom-select-item.active { background: #A3B6C1; }
.custom-select-item:hover { background: #668698; }

.custom-select-list { position: absolute; background: #fff; border: 1px solid #000; z-index: 100000; }
.custom-select-list.on-bottom { top: 30px; border-top: 0; }
.custom-select-list.on-top { bottom: 45px; border-bottom: 0; }

.login-wrapper { width: 345px; margin: 0 auto; font-size: 13px; }
.login-wrapper h1 { margin: 45px 0 20px; }
.login-wrapper a { color: #1B75BA; text-decoration: none; }
.login-wrapper .login-icon { display: block; width: 81px; height: 75px; background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") -69px -110px no-repeat; margin: 30px auto 0; }
.login-wrapper #ValidationSummary { display: block; height: 30px; }
.login-wrapper .validation-summary-errors ul { list-style: none; }
.login-wrapper .loginForm { width: 346px; margin: 0 auto; border: 1px solid #D6D6D6; padding: 20px 38px; }
.login-wrapper .loginForm.logged { padding-left: 60px; }
.login-wrapper h1 { text-align: center; }
.login-wrapper .input-new { width: 270px; color: #000; }
.login-wrapper #RememberMe { margin-top: 10px; }
.login-wrapper .new-button-default { width: 270px; background-color: #1B75BA; margin: 20px 0; }
.login-wrapper .headerTitle { display: block; font-size: 16px; margin-bottom: 36px; }
.login-wrapper .login-logged { text-decoration: none; font-size: 13px; color: #A5A8AB; display: block; height: 22px; margin-bottom: 32px; }
.login-wrapper .login-logged:hover { color: #1E76BA; }
.login-wrapper .login-logged > .icon { display: inline-block; width: 20px; margin-right: 25px; float: left; }
.login-wrapper .login-logged.newTran .icon { height: 22px; background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 -140px no-repeat; }
.login-wrapper .login-logged.newTran:hover .icon { background-position: -24px -140px; }
.login-wrapper .login-logged.viewTran .icon { height: 16px; background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 -166px no-repeat; }
.login-wrapper .login-logged.viewTran:hover .icon { background-position: -24px -166px; }
.login-wrapper .login-logged.viewBatch .icon { height: 20px; background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 -187px no-repeat; }
.login-wrapper .login-logged.viewBatch:hover .icon { background-position: -24px -187px; }

body { width: 100%; height: 100%; font-family: "weblysleek_uisemilight", sans-serif; min-width: 340px; }
body.importantPointer, body.importantPointer * { cursor: wait !important; }

.wrapper { position: relative; margin: 0 auto; width: 930px; padding: 0 100px 1px; background: #fff; height: 100%; left: 0; transition: left 0.2s; }
@media (max-width: 930px) { .wrapper { width: 100%; padding: 0 0 1px; } }
.wrapper.CKUser { padding: 0 20px; width: 100%; }
.wrapper.CKUser .spf { width: 760px; margin: 0 auto; }
.wrapper.CKUser .content { width: 100%; }
.wrapper.CKUser .form-content { position: relative; margin: 0 auto; }
@media (min-width: 760px) { .wrapper.CKUser .form-content { width: 760px; } }
@media (max-width: 1199px) { .wrapper.nav-active { left: calc(100% - 62px); border-left: 1px solid #1b75bb; } }

.mainHeader { width: 700px; margin: 0 auto; }
.mainHeader > img#logo { width: 100%; height: auto; }
@media (max-width: 930px) { .mainHeader { width: 100%; } }
.mainHeader > h1 { text-align: center; color: #133C63; padding: 20px; }
.mainHeader.CKUser { width: 100%; }
.mainHeader.CKUser > h1 { text-align: left; padding-left: 0; }

.header { display: block; color: #133C63; border-bottom: 2px solid #967C0F; font-size: 17px; font-weight: bold; padding-bottom: 3px; margin-bottom: 15px; }

.spf { padding: 10px 15px; border: none; }

ul.navTabs { padding: 0 0 0 50px; margin: 0 auto 15px; list-style: none; height: 30px; border-bottom: 2px solid #B1B1B1; font-weight: bold; font-size: 17px; width: 700px; }
@media (max-width: 720px) { ul.navTabs { font-size: 15px; padding-left: 25px; } }
@media (max-width: 930px) { ul.navTabs { width: 100%; } }

ul.navTabs li { float: left; }

ul.navTabs li a { padding: 0 20px; background: #B1B1B1; color: #FFF; text-decoration: none; height: 28px; border: 2px solid #FFF; display: block; }
ul.navTabs li a.active { background: #FFF; color: #979797; height: 30px; border: 2px solid #B1B1B1; border-bottom: none; }
@media (max-width: 720px) { ul.navTabs li a { padding: 2px 10px 0; } }

.content { position: relative; width: 100%; height: 100%; margin: 0 auto; }
@media (min-width: 700px) { .content { width: 700px; } }
.content .wrapleft { width: 330px; height: 100%; }
@media screen and (max-width: 720px) { .content .wrapleft { width: 100%; position: relative; } }
@media screen and (max-width: 340px) { .content .wrapleft { width: 330px; } }
.content .wrapright { position: relative; width: 100%; height: 100%; }
@media screen and (min-width: 720px) { .content .wrapright { width: 330px; position: absolute; top: 0; right: 0; } }
@media screen and (max-width: 340px) { .content .wrapright { width: 330px; } }
@media screen and (min-width: 720px) and (min-height: 670px) { .content .wrapright .absolute { position: absolute; right: 0; } }
@media screen and (min-width: 720px) and (min-height: 670px) { .content .wrapright .fixed { position: fixed; width: 330px; } }
.content .module { margin-bottom: 32px; }
@media screen and (min-width: 720px) { .content .module:last-of-type { margin-bottom: 0; } }
.content .module.border { border: 5px solid #A3B6C1; padding: 8px 15px; }
@media screen and (max-width: 720px) { .content .module.border { border: 2px solid #A3B6C1; margin-left: 5px; margin-right: 5px; } }
@media screen and (max-width: 720px) { .content .module { border: 2px solid #A3B6C1; margin-left: 5px; margin-right: 5px; padding: 8px 15px; } }
@media screen and (min-width: 720px) { .content .module { width: 100%; } }

.inputmulti { float: left; }
.inputmulti.xBillCity, .inputmulti.xShipCity { margin-right: 3%; width: 50%; }
.inputmulti.xBillState, .inputmulti.xShipState { width: 14%; margin-right: 3%; }
.inputmulti.xBillZip, .inputmulti.xShipZip { width: 30%; }

.stateDd { position: absolute; margin-top: -10px; border: 1px solid #B1B1B1; background: white; }

#xInvoice, #xPONum, input[name*='Phone'], input[name*='phone'] { width: 235px; }

#xAmount, #xTax { width: 115px; }

label[for="xCardNum"] { margin-top: 6px; }

#xBillState, #xShipState { padding: 0; }

#otherAmount { position: relative; top: 2px; width: 115px; margin-left: 10px; }

.floatright { float: right; }

.shipbill { font-size: 14px; font-weight: normal; }

.module-meter > .header { border: none; margin: 10px 0 15px; }

.highlight_req { font-size: 11px; font-weight: normal; color: #967C0F; cursor: pointer; margin-top: 5px; }
.highlight_req:hover { text-decoration: underline; }

.required_empty { color: #BF272D; font-size: 14px; margin: 0 0 15px 10px; max-height: 100px; overflow: auto; /*padding-bottom: 15px;*/ }

.cards img { opacity: 1; }
.cards img.fade { opacity: 0.2; }

.infoI:not(.hidden) { position: relative; top: 2px; display: inline-block; margin: 1px 0 0 5px; background-image: radial-gradient(at center top, #C8E6F5, #35598C 70%); height: 23px; width: 23px; border-radius: 20px; text-align: center; color: #fff; font-weight: bold; font-size: 18px; cursor: pointer; }

.exp { width: 50px; padding: 0; }

.cvvD { width: 125px; }

.amountMain { /*display: block; */ margin: 10px 0 10px 125px; }

.formSub { margin: 0 0 10px 130px; background-image: linear-gradient(to top, #967c0f, white); display: block; width: 146px; height: 36px; border: 1px solid #979797; cursor: pointer; font-weight: bold; }
.formSub:active { padding-left: 5px; padding-top: 5px; background-image: linear-gradient(to bottom, #967c0f, white); }

.secureImg { margin: 10px 0 0 125px; }

.stateTxt { display: block; font-size: 14px; padding-left: 5px; cursor: pointer; }
.stateTxt:hover, .stateTxt.active { background: #A3B6C1; }

.achagree { font-size: 10px; color: #4D4D4D; text-align: justify; line-height: 1em; }
.achagree > p { height: 50px; overflow-y: scroll; padding-right: 4px; margin-top: 2px; }
.achagree > label { display: inline-block; font-size: 12px; }

.edit-card-num, .edit-account-info { font-size: 12px; margin: -5px 0 2px; }

.lvl3Table th { font-size: 13px; }

.lvl3Table input { margin-bottom: 0; }

.add_item_row { font-size: 14px; margin-top: 3px; }

.remove { text-decoration: none; color: #000; }

.lookup-search { float: left; width: 200px; }
@media (min-width: 1200px) { .lookup-search.lookup-fixed { position: fixed; top: 140px; background: #fff; float: none; } }

.label-blue { font-size: 14px; color: #1b75bb; }

.input-new { width: 155px; height: 30px; line-height: 30px; padding-left: 5px; border: 2px solid #D6D6D6; margin-bottom: 15px; color: #808184; }

.custom-select-span { width: 155px; height: 30px; line-height: 30px; border: 2px solid #D6D6D6; color: #808184; }

.custom-select-list { width: 155px; border-color: #d7d7d7; max-height: 350px; overflow-y: scroll; }

.custom-select-item { padding-left: 5px; }

.successMsg { text-align: center; color: #11a815; font-weight: bold; font-size: 18px; }

.lookupMsg, .errorMsg { text-align: center; color: #BF272D; font-weight: bold; font-size: 18px; }

.lookupMainTable { width: 100%; }
.lookupMainTable input, .lookupMainTable select { display: block; width: 95%; }
.lookupMainTable input[type="submit"] { display: block; height: 25px; border: 0; background: #0088FF; margin-bottom: 7px; color: #fff; cursor: pointer; width: 100%; }
.lookupMainTable input[type="submit"]:hover { background: #303030; }

#lookupDiv { text-align: center; }
#lookupDiv.CKUser { padding-left: 200px; }

#ResultCount { text-align: right; }

.detailsTd { border-bottom-width: 2px; background: #F4F4F4; }

.BillInfo, .ShipInfo, .TransInfo { border-bottom: 1px solid #E3E3E3; margin-bottom: 15px; padding-bottom: 15px; }

.detailsHeader { color: #1B75BB; font-size: 15px; width: 180px; }

.detailsLabel { display: block; text-align: right; width: 230px; font-size: 13px; font-weight: normal; }

.detailsValue { font-family: "weblysleek_uisemibold"; display: block; text-align: left; font-size: 14px; font-weight: 400; margin-left: 7px; }

.detailsButtonsDiv { padding-bottom: 15px; }

footer { width: 930px; margin: 0 auto; background: #fff; font-size: 12px; padding-top: 20px; left: 0; transition: left 0.2s; }
footer.CKUser { width: 100%; }
footer > p { text-align: center; padding: 10px 0; }
@media (max-width: 930px) { footer { width: 100%; } }
footer.nav-active { position: relative; left: calc(100% - 62px); }

/*MW Added*/
.amountMain { width: 165px; overflow: auto; white-space: nowrap; /*border: solid 1px black !important;*/ }

.float_center { text-align: center; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -200px; padding: 20px; width: 400px; height: 200px; background-color: #d1e0e8; border: 5px solid #A3B6C1; opacity: 1; filter: alpha(opacity=100); display: none; }

.js_link :hover { text-decoration: none; }
.js_link :active { text-decoration: underline; }

/* Modal */
#box_message { width: 400px; height: 200px; background: #fff; position: fixed; text-align: center; border: 5px solid #A3B6C1; padding: 8px 15px; }

#box_message_bottom { position: absolute; bottom: 5%; left: 45%; }

#box_message_x { position: absolute; top: 0; right: 3px; font-size: 20px; }

#box_message_x a { text-decoration: none; color: black; font-weight: bold; }

.form_container { width: 350px; }

#login_links .dropdown-parent-span { padding-right: 21px; }
@media (min-width: 1200px) { #login_links .dd-child { padding-left: 30px; }
  #login_links .dd-child:before { content: ""; position: absolute; left: 7px; }
  #login_links .dd-child.settings-icon:before { background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 0 no-repeat; width: 16px; height: 15px; top: 7px; }
  #login_links .dd-child.profile-icon:before { background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 -17px no-repeat; width: 15px; height: 14px; top: 8px; }
  #login_links .dd-child.logout-icon:before { background: url("/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png") 0 -33px no-repeat; width: 18px; height: 11px; top: 9px; } }

/* css for timepicker */
#ui-datepicker-div { margin-top: 30px; font-size: 80%; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }

.ui-timepicker-div dl { text-align: left; }

.ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; }

.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }

.ui-timepicker-div td { font-size: 90%; }

.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl { direction: rtl; }

.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }

.ui-timepicker-rtl dl dt { float: right; clear: right; }

.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.ui_tpicker_minute_slider, .ui_tpicker_time, .ui-slider-handle, .ui-slider { color: #000; }

.cell_voided { color: #008822 !important; text-decoration: line-through; }

/* Manage Layout*/
.pnl_frm_container { /*position: absolute;*/ height: 600px; overflow-y: scroll; max-width: 500px; }

.pnl_main { cursor: move; width: 450px; min-height: 100px; border: solid 1px black; text-align: left; /*float: left;*/ margin: 10px; }

.pnl_head { padding: 10px; background-color: #F93; }

.sortable-list { background-color: #F93; list-style: none; margin: 0; min-height: 60px; padding: 10px; }

.sortable-item { background-color: #FFF; border: 1px solid #000; cursor: move; display: block; margin-bottom: 5px; padding: 5px 30px; text-align: left; }

.box_name { font-weight: bold; }

.pnl_placeholder { background-color: #BFB; border: 1px dashed #666; height: 58px; margin-bottom: 5px; }

.pnl_placeholder2 { background-color: #BFB; border: 1px dashed #666; height: 58px; width: 450px; margin-bottom: 5px; }

.pnl_border { clear: both; border: solid 1px #808080; }

#bin_pnl { float: left; overflow-y: auto; overflow-x: hidden; font-size: 60%; width: 350px; cursor: default; background-color: #90fe90; border: dotted 1px #c7c7c7; }

#layout_pnl { float: left; border: 1px dotted #808080; margin-left: 5px; }

.pnl_new_box { padding: 10px; }

/* NEW POPUP - RESPONSIVE */
#mpopup_overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; z-index: 9000; opacity: 0.5; filter: alpha(opacity=50); background-color: #000; }

#mpopup_container { bottom: 0; left: 0; overflow-x: auto; overflow-y: scroll; position: fixed; width: 100%; right: 0; text-align: center; top: 0; z-index: 9010; }

#mpopup_box { display: inline-block; max-width: 600px; min-width: 400px; min-height: 50px; position: relative; z-index: 9020; background-color: #fff; border: 5px solid #a3b6c1; top: 20px; }

#mpopup_title { background: none repeat scroll 0 0 #e5e5e5; min-height: 25px; padding: 5px 0 6px 5px; }

#mpopup_close_top { cursor: pointer; position: absolute; right: 7px; top: 3px; }

#mpopup_close_icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII="); display: block; height: 20px; width: 20px; }

#mpopup_content { padding: 10px; text-align: center; }

#mpopup_close_bottom { background: none repeat scroll 0 0 #e5e5e5; padding-bottom: 5px; padding-top: 5px; }

.print_button { display: inline-block; border: none; background: #0088FF; color: #FFF; padding: 3px 5px; cursor: pointer; }

.print_button:hover { background: #303030; }

@media print { .print_hide { display: none; }
  #wrapper #footer { padding: 0; }
  #lookupDiv.CKUser { padding-left: 0; }
  table tr td { border: solid 1px #CCC; border-collapse: collapse; } }
.text_red { color: #BF272D; }

.tablesorter-cardknox tr > td { vertical-align: middle; }
.tablesorter-cardknox tr .report-actions { display: inline-block; width: 21px; height: 22px; text-decoration: none; background-image: url(/National_Library/oe_/https://secure.cardknox.com/WebsiteDesign/images/sprite.png); background-repeat: no-repeat; }
.tablesorter-cardknox tr .report-actions.voidCharge, .tablesorter-cardknox tr .report-actions.voided, .tablesorter-cardknox tr .report-actions.voidReleaseCharge { background-position: -88px top; }
.tablesorter-cardknox tr .report-actions.lookupRefund { background-position: -88px -22px; }
.tablesorter-cardknox tr .report-actions.details { background-position: -88px -67px; }
.tablesorter-cardknox tr .report-actions.lookupCharge { background-position: -88px -44px; }
.tablesorter-cardknox tr:hover .report-actions.voidCharge, .tablesorter-cardknox tr:hover .report-actions.voided, .tablesorter-cardknox tr:hover .report-actions.voidReleaseCharge { background-position: -108px top; }
.tablesorter-cardknox tr:hover .report-actions.voidCharge:hover:not(.voided), .tablesorter-cardknox tr:hover .report-actions.voided:hover:not(.voided), .tablesorter-cardknox tr:hover .report-actions.voidReleaseCharge:hover:not(.voided) { background-position: -129px top; }
.tablesorter-cardknox tr:hover .report-actions.lookupRefund { background-position: -108px -22px; }
.tablesorter-cardknox tr:hover .report-actions.lookupRefund:hover { background-position: -129px -22px; }
.tablesorter-cardknox tr:hover .report-actions.details { background-position: -108px -67px; }
.tablesorter-cardknox tr:hover .report-actions.details:hover { background-position: -129px -67px; }
.tablesorter-cardknox tr:hover .report-actions.lookupCharge { background-position: -108px -44px; }
.tablesorter-cardknox tr:hover .report-actions.lookupCharge:hover { background-position: -129px -44px; }

.leftNewFormColumn { width: 165px; font-size: 13px; line-height: 30px; }

.tab_NewTransaction.CKUser .module:not(:last-child) { position: relative; width: 520px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #D7D7D7; }
.tab_NewTransaction.CKUser .input-new { width: 350px; }
.tab_NewTransaction.CKUser #xBillCity, .tab_NewTransaction.CKUser #xShipCity { width: 145px; margin-right: 15px; }
.tab_NewTransaction.CKUser #ddSpan_xBillState, .tab_NewTransaction.CKUser #ddSpan_xShipState, .tab_NewTransaction.CKUser #ddDD_xBillState, .tab_NewTransaction.CKUser #ddDD_xShipState, .tab_NewTransaction.CKUser #ddSpan_ccExpMonth, .tab_NewTransaction.CKUser #ddSpan_ccExpYear, .tab_NewTransaction.CKUser #ddDD_ccExpMonth, .tab_NewTransaction.CKUser #ddDD_ccExpYear, .tab_NewTransaction.CKUser #xCVV { width: 75px; margin-right: 15px; }
.tab_NewTransaction.CKUser #xBillZip, .tab_NewTransaction.CKUser #xShipZip { width: 100px; }
.tab_NewTransaction.CKUser .custom-select-span { margin-bottom: 15px; }

#MyMessage { margin-left: 40px; }

.batchesTable { border-collapse: collapse; border: solid 1px #ccc; padding: 5px; margin: 5px; }

[class^="icon-fraud"] { width: 20px; height: 20px; border-radius: 30px; box-shadow: inset -5px -5px 5px -5px black; }

.icon-fraud-yellow { background-color: #FFFF00; }

.icon-fraud-green { background-color: #66FF00; }

.icon-fraud-red { background-color: #FF0000; }

.icon-fraud-blue { background-color: #0000FF; }

.shipping_biling_new { position: absolute; top: -2px; right: 5px; }

.fraudwatch-image { display: block; width: 131px; margin-top: 10px; }

.tbl_pad tr td { padding: 10px; }

.tandc_box { text-align: left; font-size: 13px; margin-bottom: 5px; max-height: 300px; overflow: auto; padding: 4px; }

[class^="note-box"] { border: 1px solid #969696; border-radius: 6px; margin: 7px 0; opacity: 0.96; padding: 14px; width: 300px; line-height: 15px; font-weight: bold; }

.note-box-green { background-color: #66FF00; }

.note-box-red { background-color: #FF0000; }

.note-box-yellow { background-color: #FFFF00; }

#div_use_token { font-size: 14px; font-weight: bold; padding: 10px 0; }

.color_yellow { background-color: #FFFF00; }

.color_red { background-color: #FF0000; }

.color_green { background-color: #66FF00; }

/*.steps_container { text-align: center; text-decoration: line-through; z-index: 0
}
.steps_box { display: inline-block; padding: 5px 20px; border: solid 1px #000; z-index: 1;
}
.steps_box_active { border: solid 2px #000; background-color: #d4d4d4; font-weight: bold;
}
.setup_box { border: solid 1px #CCC; padding: 5px;
}*/
/* PASSWORD VALIDATION */
#pswd_info { display: none; background: #edf1f4; color: #444; }

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

#pswd_info { padding: 15px; background: #fefefe; font-size: .875em; border-radius: 5px; box-shadow: 0 1px 3px #ccc; border: 1px solid #ddd; }

#pswd_info h4 { margin: 0 0 10px 0; padding: 0; font-weight: normal; }

.pswd_info_invalid { padding-left: 22px; line-height: 24px; color: #ec3f41; }

.pswd_info_valid { padding-left: 22px; line-height: 24px; color: #3a7d34; }

/*# sourceMappingURL=global.css.map */