@font-face {
  font-family: "pmRegular";
  src: url('fonts/ProximaNova/ProximaNova-Regular.otf') format('opentype');
}

@font-face {
  font-family: "pmBlack";
  src: url('fonts/ProximaNova/ProximaNova-Black.otf') format('opentype');
}
@font-face {
  font-family: "pmBlack2";
  src: url('fonts/ProximaNova/ProximaNova-Black2.otf') format('opentype');
}

@font-face {
  font-family: "pmBold";
  src: url('fonts/ProximaNova/ProximaNova-Bold.otf') format('opentype');
}

@font-face {
  font-family: "pmBoldIt";
  src: url('fonts/ProximaNova/ProximaNova-BoldIt.otf') format('opentype');
}

@font-face {
  font-family: "pmLight";
  src: url('fonts/ProximaNova/ProximaNova-Light.otf') format('opentype');
}

@font-face {
  font-family: "pmSemibold";
  src: url('fonts/ProximaNova/ProximaNova-Semibold.otf') format('opentype');
}

html,body,form { margin: 0; padding: 0; height: 100%; background-color: #fff; }
footer { width: 100%; height: 77px; margin-top: 15px; position: absolute; bottom: 0; left: 0; padding: 0 20px; }

.CredentialTable { padding: 0px 0px 10px 10px; }
.CredentialLabelCell { min-width: 160px; text-align: right; padding: 1px 5px 1px 2px; }
.CredentialInputCell { text-align: left; padding: 1px 2px 1px 2px; }
.ButtonWide { width: 120px; }

.muklabel { font-weight: bold; color: #666666; font-family: Arial, Helvetica, sans-serif; }
.primaryLabel { color: #445566; vertical-align: top; padding-bottom: 5px; font-weight: bold; }
.sublabel { font-size: 90%; color: #777; }
.hint-title { margin-top: 15px; display: block; font-weight: bold; }
.hint-title-15px { font-weight: bold; font-size: 15px; }

.banner { max-width: 1050px; }
.banner img { max-width: 100%; }
.bannerBottomSlice { background: #EEE; height: 8px; }
.main { margin: 0px auto; padding: 0px; width: 100%; clear: both; display: block; position: relative; min-height: 400px; }
.main_wrapper {	margin: 0px auto; padding: 5px 20px 20px 20px; max-width: 960px; background: #ffffff; min-height: 400px}
.main_wrapper { border-top: 5px solid #428bca; border-right: 1px solid #428bca; border-bottom: 1px solid #428bca; border-left: 1px solid #428bca; border-radius: 0px 0px 25px 25px;}
.mainContent { background: #ffffff; padding: 0 1em 0 1em; }

div.captcha { border: solid 1px #ccc; padding: 3px; text-align: center; }
div.captcha #lnkNewCaptcha { vertical-align: middle; margin-left: 5px; }

h1 { color: #428bca; font-weight: bold; }
h5 { color: #428bca; font-weight: bold; }

.registerResetTable { margin-top: 2em; }
.registerColumn {background: #ffc;color:#900;padding: 1rem 1.5rem;border: 1px solid #900;}
.registerColumn h5 { color:#900}
.registerColumn a.btn {border:1px solid #900; background: #900; color: #fff; }
.registerColumn a.btn:hover {opacity: 0.9;}

.optimalViewing { padding-top: 30px; font-size: 12px; color: #777; }

.errorMsg { color: #C00; }
.hasError td { color: #C00;}
.hasError .error-msg { height: auto; opacity: 1; transition: all .6s; font-size: inherit;}
.dimmed { color: #999; }

.separator { border-top: 1px solid #ccc }
table.borderless td, table.borderless th { border: none !important; }

@media (max-width: 40em) {
form-control { min-width: 10rem;}
}