@CHARSET "UTF-8";

html, body {width: 100%;height: 100%;padding: 0px; margin: 0px 0px 0px 0px;}

header .header-holder{height:85px;background-color: #CC3333;}
header .header-holder img{margin-top: 40px;}
header .header-holder .service-num{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 18px;color: #FFF;margin:0 25px 0 0;}
header .header-holder .service-text{font-family:"Arial", Futura, sans-serif;font-size: 14px;color: #FFF;margin:26px 25px -4px 0;}
footer .footer-holder{background-color: #303030;}
footer div{padding: 9px 0 8px 0;}
footer p{font: 10px "Arial", Futura, sans-serif;color: #9d9d9d;text-decoration: none;font-weight: 500;  margin: 0 0 3px 0; text-align: center;}

.container, .container-fluid{max-width: 1024px;padding: 0px;}
.satisfaction-seal img{width:75px;}
.satisfaction-seal p{font-family:"Arial";font-size: 11px;}

.tab-content{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;padding: 0 20px 10px 20px;}
.account .nav li{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 18px;}
.nav-tabs>li>a{color: #BEBEBE;background-image: url('/National_Library/20161018070833oe_/https://my.nypost.com/images/nyp-panel-bg.png'); background-repeat:repeat-x;background-color: transparent;border-color:#CACACA;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #FFF;background-color: #CC3333;background-image: none;}
.account .form-holder{background-color: #F6F6F6;padding: 25px 15px 10px 15px;}
.account-info p{font-family: "Arial", Futura, sans-serif; font-size: 13px; color: #000; text-decoration: underline; cursor: pointer;}
.account-info p.active{color: #CC3333; text-decoration: none;pointer-events: none;}
.account-name{font-family: "Arial", Futura, sans-serif; font-size: 14px;font-weight: bold;}
.exp_date_holder.bg-yellow{padding: 5px 0 5px 0;}

.modal-sm{margin-top: 150px;}
#loading-modal .progress{margin-bottom: 0;}
.alert{max-height: 75px;overflow: hidden;padding: 5px 15px 5px 15px;  margin: 0px 15px 0 15px;} /* was 50px */
.alert.alert-email-match{max-height: none; margin: 10px 15px 0 15px;}
.alert.alert-payment-success{margin:10px 15px 0 15px;}
.alert>p+p {margin-top: 0px;}
.alert-dismissable .close{top:-6px; right:-8px;}

.btn{font-family: "Arial", Futura, sans-serif; font-weight: bold; font-size: 16px; border-radius: 0px;}
.btn-danger{color: #FFF; background-color: #cc3333; border-color: #cc3333;}
.btn-danger:hover{background-color: #7E3332;}
.btn-next{width: 95px;}
.btn-logout{padding: 2px 12px;font-size: 13px;}
.input-group-btn .btn{font-size: 14px;}

.panel-hidden, .hidden{display: none;}
.text-danger{color:#CC3333 !important;}
.text-black{color:#000 !important;}
.text-require{font-family: "Arial", Futura, sans-serif; font-size: 13px;}
.text-info{font-family: "Arial", Futura, sans-serif; font-size: 12px; color: #000;}
.label-info{font-family: "Arial", Futura, sans-serif; font-size: 11px; color: #000;background-color: #FFF;}
.bg-yellow{background-color: yellow;}
.invis{visibility: hidden;}
.disabled{opacity: 0.4;pointer-events: none;}
.clickable{cursor: pointer;}
.underline{text-decoration: underline;}
.capitalize{text-transform: capitalize}
hr{border-top:1px dashed #CACACA;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-40{margin-top: 40px;}
.mb-0{margin-bottom: 0px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-35{margin-bottom: 35px;}
.mb-50{margin-bottom: 50px;}
.ml-15{margin-left: 15px;}
.mlr-0{margin-left: 0px; margin-right: 0px;}
.pt-5{padding-top: 5px;}
.pt-20{padding-top: 20px;}
.plr-0{padding-left: 0px; padding-right: 0px;}

.datepicker {top: 0;left: 0;padding: 4px;margin-top: 1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.datepicker:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0, 0, 0, 0.2);position: absolute;top: -7px;left: 6px;}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

@media (min-width: 768px) {
	.satisfaction-seal{margin-left:10px;}
}

@media (max-width: 515px) {
	.panel-body{padding: 15px 40px 15px 40px;}
	.panel h3{font-size: 15px;}
	header .header-holder img{width:95%; margin-top: 50px;}
	.panel .icon-holder{margin:7px 10px 0 0;}
}

@media (max-width: 350px) {
	.panel-body{padding: 15px 20px 15px 20px;}
	.panel h3{font-size: 14px;}
	.panel .icon-holder{margin:7px 5px 0 0;font-size: 30px;}
}