@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'OpenSansRegular'; src: url('../fonts/opensans-regular.eot'); src: url('../fonts/opensans-regular.eot') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg'); }
@font-face { font-family: 'OpenSansSemibold'; src: url('../fonts/opensans-semibold.eot'); src: url('../fonts/opensans-semibold.eot') format('embedded-opentype'), url('../fonts/opensans-semibold.woff') format('woff'), url('../fonts/opensans-semibold.ttf') format('truetype'), url('../fonts/opensans-semibold.svg#OpenSansSemibold') format('svg'); }
.header { padding: 40px 0 !important; }
.logo { float: left; }
.drop_down { float: right; width: 25%; margin: 30px 0 0 0; }
.footer { background: #057cb6; }
.footer p { color: #fff; text-align: center; font-family: 'OpenSansRegular'; font-size: 9pt; padding: 10px 0; }
.content-section { background: url(../images/section.png) repeat-x #057cb6; }
.content-section-outer-block { background: #057cb6; border-radius: 8px 8px 0 0; position: relative; padding: 0 !important; }
.content-section-inner-block { background: url(../images/logo-bg.png) right bottom no-repeat #fff; border-radius: 8px 8px 0 0; margin: 8px 1px; padding: 20px 40px; min-height: 365px; -webkit-box-shadow: 0 4px 4px -4px #000; -moz-box-shadow: 0 4px 4px -4px #000; box-shadow: 0 4px 4px -4px #000; }
.content-section-inner-block a.code { font-size: 11pt; font-family: 'OpenSansRegular'; padding-left: 15px; }
.content-section-inner-block h1 { font-size: 18pt; border-bottom: 1px solid #CCC; padding-bottom: 20px; font-family: 'OpenSansRegular'; color: #363636; }
.content-section-inner-block input[type="text"] { background: url(../images/userid.png) no-repeat 8px center; color: #000; padding: 7px 5px 7px 30px; width: 50%; margin: 30px 0; border: 2px solid #8d8d8d; display: block; outline: none; border-radius: 4px; }
.content-section-inner-block input[type="password"] { background: url(../images/lock.png) no-repeat 8px center; color: #000; padding: 7px 5px 7px 30px; width: 50%; margin: 30px 0; border: 2px solid #8d8d8d; display: block; outline: none; border-radius: 4px; }

.content-section-inner-block input[type="submit"] { background: #0b558b; color: #fff; outline: none; font-size: 13pt; border-radius: 4px; padding: 8px 20px; border: none; font-family: 'OpenSansRegular'; }
.content-section-inner-block input[type="submit"]:hover { background: #0677ca; }
.header_innert_page { background: url(../images/header-inner-bg.jpg) repeat-x; height: auto; min-height: 101px; }
.header_innert_page_block { padding: 10px 0; height: auto; }
.mid_block { -moz-box-shadow: inset 0 0 10px rgba(00, 00, 00, 0.2); -webkit-box-shadow: inset 0 0 10px rgba(00, 00, 00, 0.2); box-shadow: inset 0 0 10px rgba(00, 00, 00, 0.2); border: 3px solid #f2f2f2; padding: 20px; border-radius: 16px; margin: 50px 0; }
.footer-inner { background: #000000; padding: 8px 0; text-align: center; }
.footer-inner p { color: #fff; font-family: 'OpenSansRegular'; margin: 0; padding: 0; }
.mid_block h1 { color: #0892ee; font-size: 18pt; font-family: 'OpenSansSemibold'; }
.mid_block h3 { color: #000; font-size: 16pt; font-family: 'arial sans-serif'; }
.back { background: #073d62; color: #fff; padding: 10px 20px; outline: none; border-radius: 4px; border: none; font-family: 'OpenSansRegular'; font-size: 13pt; margin: 0 10px 0 0; }
.back:hover{background:#0e8de3;}
.continue { background: #2d87c4; color: #fff; padding: 10px 20px; outline: none; border-radius: 4px; border: none; font-family: 'OpenSansRegular'; font-size: 13pt; margin: 0 10px 0 0; }
.continue:hover{background:#0968a9;}
.next { background: #e69d00; color: #fff; padding: 10px 20px; outline: none; border-radius: 4px; border: none; font-family: 'OpenSansRegular'; font-size: 13pt; }
.next:hover{background:#f7ab08;}
.nav { float: left; margin-left: 260px; text-align: center; width: 34%; margin-top: 10px; }
.header_innert_page .drop_down { width: 18%; margin: 15px 0 0 0; }
.bottom_link { float: right; margin: 20px 0; }
input[type=radio].css-checkbox { display: none; }
input[type=radio].css-checkbox + label.css-label { padding-left: 29px; height: 24px; display: inline-block; line-height: 24px; background-repeat: no-repeat; background-position: 0 0; font-size: 24px; vertical-align: middle; cursor: pointer; }
input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -24px; }
label.css-label { background: url(../images/radio.png) no-repeat; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }







.nav_instruction { float: right !important; }
button.close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; cursor: pointer; padding: 0; position: absolute; right: -20px; top: -22px; z-index: 9999; }
.modal-body h1 { margin: 0; padding: 0; color: #0892ee; font-family: 'OpenSansRegular'; }
.modal-body p { font-family: 'OpenSansRegular'; margin: 10px 0; font-size: 14pt; }
.modal { top: 200px !important; }

.progress1 {
  overflow: hidden;
  margin:30px auto;
 /* padding: 0 15px;*/
  width: 100%;
  height: 34px;
/*  background: #d3d5d9;*/
/*  border-radius: 17px;*/
/*  background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7) !important;
  background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7) !important;
  background-image: -o-linear-gradient(top, #ebecef, #bfc3c7) !important;
  background-image: linear-gradient(to bottom, #ebecef, #bfc3c7) !important;*/
 /* -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1) !important;*/
}

.progress-val {
  float: right;
  margin-left: 15px;
  font: bold 15px/41px Helvetica, Arial, sans-serif;
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.progress-bar1 {
  display: block;
  overflow: hidden;
  height: 20px;
  margin: 13px 0;
  background: #f2f2f2 !important;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent 60%) !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent 60%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent 60%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent 60%) !important;
 /* -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6) !important;*/
}

.progress-in1 {
  display: block;
  min-width: 8px;
  height: 9px;
  background: #1997e6 !important;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #147cd6, #24c1fc) !important;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #147cd6, #24c1fc) !important;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -o-linear-gradient(left, #147cd6, #24c1fc) !important;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #147cd6, #24c1fc) !important;
  border-radius: 4px;
/*  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2) !important;*/ margin:5px 2px;
}