/* base */
.kservBody {padding:0 10px;font-family:Helvetica,Arial,sans-serif;color:#444;font-size:15px;position:relative;}
.kservClear {clear:both;}
.kservTitle {font-size:35px;color:#333;font-family:Yanone Kaffeesatz,Helvetia,sans-serif;}
.kservOverlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#fff; opacity: 0.7; filter: alpha(opacity = 70);display:none;}
.kservOverlay div {top:45%;transform:translateY(-45%);}
.kservHidden {display:none;}


/* messages */
.kservMessage {background:#eaeaea;font-size:14px;border:1px solid #ccc;padding:10px;border-radius:3px;line-height:20px;display:none;}
.kservMessage.error {color:#ff0000;}


/* form basics */
.kservForm {margin:20px 0 0 0;}
.kservFormItem {margin:0 0 20px 0;position:relative;}
.kservFormItem input {width:92%;height:45px;padding:0 4%;border:1px solid #999;border-radius:2px;font-size:17px;outline:none;}
.kservFormItem input::-ms-clear {display:none;width:0;height:0;}
.kservFormItem input.off {color:#ccc;}
.kservFormItem input.error {border:1px solid #ff0000;}
.kservFormItem input.on {border:1px solid #008dd4;}
.kservFormItem label {position:absolute;top:50%;left:0;padding:0 0 0 4%;font-size:17px;color:#ccc;transform:translateY(-50%);}
.kservFormItem select {border:1px solid #999;border-radius:3px;font-size:17px;color:#ccc;padding:0 4% 0 2%;margin:0 7px 0 0;height:45px;}
.kservFormItem select option {color:#000;}
.kservFormItem select option:first-child {color:#ccc;}
.kservFormItem select.error {border:1px solid #ff0000;}


/* commands and buttons */
.kservCommands {margin:30px 0 0 0;}
.kservCommands .kservButton {border-radius:3px;background:#ff0000;text-align:center;margin:0 0 20px 0;}
.kservCommands .kservButton a {text-decoration:none;color:#fff;display:block;padding:15px 5px;font-weight:700;}
.kservCommands .kservButton.white {background:#fff;border:1px solid #666;}
.kservCommands .kservButton.white a {color:#333;}


/* login form */
.kservLogin .kservMessage {margin-bottom:20px;}
.kservLogin label.password {cursor:auto;}

.kservRememberMe {}
.kservRememberMe input {float:left;margin-right:7px;margin-top:2px;}
.kservRememberMe label {float:left;}

.kservForgotPassword {}
.kservForgotPassword a {color:#444;}


/* register form */
.kservRegister {}
.kservRegister .kservCommands .kservButton a span {text-transform:uppercase;}
.kservRegister .text {}
.kservRegister .text a {color:#444;}
.kservRegister .formCopy {margin-bottom:20px;font-weight:700;}
.kservRegister .kservMessage {margin-top:20px;}
.kservRegister .step3 {margin:10px 0 0 0;}
.kservRegister .optin {margin:0 0 20px 0;}
.kservRegister .optin input {float:left;width:5%;margin-top:3px;}
.kservRegister .optin label {float:left;width:90%;margin-left:2%;}
.kservRegister .disclaimer {font-size:12px;}
.kservRegister .disclaimer a {color:#444;}
.kservRegister .kservConfirm {margin:20px 0;font-weight:700;line-height:22px;}
.kservRegister .kservConfirm a {color:#444;}
.kservRegister .kservConfirm span {text-transform:uppercase;}


/* access codes */
.kservAccessCodes {}
.kservAccessCodes .kservMessage {margin-top:20px;}
.kservAccessCodes .formCopy {font-weight:700;margin-bottom:20px;}
.kservAccessCodes .formCopy a {color:#444;}
.kservAccessCodes .disclaimer {border-top:1px solid #ccc;margin:10px 0 0 0;padding:20px 0 0 0;line-height:18px;}
.kservAccessCodes .kservDigitalLogos {margin:20px 0 10px 0;text-align:center;}
.kservAccessCodes .kservDigitalLogos img {display:inline-block;margin:5px 10px 0;}
.kservAccessCodes .kservConfirm {margin:20px 0;font-weight:700;line-height:22px;}
.kservAccessCodes .kservConfirm .kservMag {text-transform:uppercase;}



/* reload */
.kservReload {}
.kservReload p {line-height:22px;}


/* overlay loader */
.kservOverlayLoader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .5em solid rgba(0, 0, 0, 0.7);
  border-right: .5em solid rgba(0, 0, 0, 0.7);
  border-bottom: .5em solid rgba(0, 0, 0, 0.7);
  border-left: .5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.kservOverlayLoader,
.kservOverlayLoader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media handheld, only screen and (max-width:500px) {
    .kservFormItem select {font-size:16px;padding:0 0 0 5px;margin:0 2px 0 0;}
}