html,body{
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body {
  font-family: Verdana, Tahoma, sans-serif;
  color: #000;
  font-size: 100%;
  background-color: #fff;
}

/*###########
## Layout ###
#############*/
#pageBackground{
	position: fixed;
	width: 100%;
	height: 100%;
	/*background:#EEEEEE;*/
	z-index: -9999;
}
#pageWrapper{
	min-height: 100%;
	position: relative;
}
.containerBox{
	width: 1200px;
	padding-right: 15px;
  padding-left: 15px;
	margin:0 auto;
}
.wepContent{
  padding-bottom: 0px; /* Must be equal to footer#footer height */
}
/*###########
## Layout ###
#############*/

/*####################
## Header & Footer ###
######################*/

header#header{}
footer#footer{
	width: 100%;
	/*height: 0px;*/
	position:absolute;
	/*bottom:0;*/
	left: 0;
}
/*####################
## Header & Footer ###
######################*/

/*########
## Form ##
##########*/
form .error{
  color: red;
  font-weight: bold;
  white-space: nowrap;
}
form .required{  
  color: red;
}

input[type="text"].dottedStyle,
input[type="password"].dottedStyle{
  display:inline-block;
  border: none;
  border-bottom: 1px dotted #000;
  padding: 0 5px;
  background: transparent;
}
/*########
## Form ##
##########*/

/*########
## Mics ##
##########*/
table.w100{
	width: 100%;
}

table.threeColumn{
	width: 100%;
}
table.threeColumn > tbody > tr > td{
	padding:5px;
}
table.threeColumn > tbody > tr > td:nth-child(1),
table.threeColumn > tbody > tr > td:nth-child(2){
	width: 1%;
	white-space: nowrap;
}

table.centerTheBox{
	width: 100%;
	height: 100%;
}
table.centerTheBox > tbody > tr > td{
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

table.centerTheBox.fixed{
  position: fixed;
  width: 100%;
  height: 100%;
}
table.centerTheBox > tbody > tr > td{
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

ul.noPad{
  padding: 0;
  margin: 0;
}
ul.listStyleNone li{
	list-style: none;
}

.crossLine{
  width: 100%;
  border-top: 2px solid #CECECE;
    box-shadow: 1px 1px 2px 1px #E5E5E5;
    margin: 1em 0;
}
.captchaCtn{
	width: 200px;
}
.captchaCtn .captchaImg{
	width: 100%;
}
.captchaCtn .captchaLetter{
	font-size: 20px;
  	font-weight: bold;
  	color: rgb(21, 76, 160);
}
.captchaCtn .caution{
	text-align: center;
	color: rgb(35, 58, 173);
	margin-top: 5px;
	font-weight: bold;
}
.captchaCtn.changeCaptcha{
	float: right;
}
.captchaCtn .wrongLetter{
	font-weight: bold;
	color:red;
	text-align: center;
}

.pageOverlay{
	display: block;
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.ctnOverlay{
  display: block;
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

.w1{
  width: 1%;
}
.wAuto{
  width: auto;
}
.w100{
  width: 100%;
}
.nowrap{
  white-space: nowrap;
}
.vTop{
  vertical-align: top;
}
.vMiddle{
  vertical-align: middle;
}
.vBottom{
  vertical-align: bottom;
}
.bold{
  font-weight: 600;
}

/*##########
## Images ##
############*/
.crop {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.crop img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.crop img.portrait {
  width: 100%;
  height: auto;
}
/*##########
## Images ##
############*/

/*################
## Button Style ##
##################*/
.btn-submit {
  color: #FFF;
  background-color: #334259;
  border-color: #ccc;
  font-size: 18px;
}
.btn-submit:hover,
.btn-submit:focus,
.btn-submit.focus,
.btn-submit:active,
.btn-submit.active,
.open > .dropdown-toggle.btn-submit {
  color: #FFF;
  background-color: #142F59;
  border-color: #adadad;
}
.btn-submit:active,
.btn-submit.active,
.open > .dropdown-toggle.btn-submit {
  background-image: none;
}
.btn-submit.disabled,
.btn-submit[disabled],
fieldset[disabled] .btn-submit,
.btn-submit.disabled:hover,
.btn-submit[disabled]:hover,
fieldset[disabled] .btn-submit:hover,
.btn-submit.disabled:focus,
.btn-submit[disabled]:focus,
fieldset[disabled] .btn-submit:focus,
.btn-submit.disabled.focus,
.btn-submit[disabled].focus,
fieldset[disabled] .btn-submit.focus,
.btn-submit.disabled:active,
.btn-submit[disabled]:active,
fieldset[disabled] .btn-submit:active,
.btn-submit.disabled.active,
.btn-submit[disabled].active,
fieldset[disabled] .btn-submit.active {
	background-color: rgba(204, 204, 204, 0.32);
  	border-color: #ccc;
  	color: #ccc;
}

.browseButton {
  border: 1px solid #333;
  box-shadow: 1px 0px 1px 1px rgba(51, 51, 51, 0.57);
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  background: rgba(30, 93, 165, 0.9);
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.7px;
}
.browseButton:hover,
.browseButton:focus{
  color: #fff;
  background: #1E5DA5;
  text-decoration: none;
}
/*################
## Button Style ##
##################*/

/*##############
## Pagination ##
################*/
.pagingCtn{
  text-align: right;
}
.pagination > li > a, .pagination > li > span {padding: 3px 10px;}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  background-color: #33415C;
  border-color: #fff;
}
/*##############
## Pagination ##
################*/

/*#################
## Loading Style ##
###################*/
.loading{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.loading.style-l{
  	background-image: url("../img/loading_l.gif");
  	width: 125px;
  	height: 125px;
}
.loading.style-ll{
  	background-image: url("../img/loading_ll.gif");
  	width: 220px;
  	height: 20px;
}
.loading.style-lll{
  	background-image: url("../img/loading_lll.gif");
  	width: 125px;
  	height: 40px;
}
.loading.style-lv{
  	background-image: url("../img/loading_lv.gif");
  	width: 125px;
  	height: 125px;
}
.loading.style-v{
  	background-image: url("../img/loading_v.gif");
  	width: 240px;
  	height: 80px;
}
.loading.style-vl{
    background-image: url("../img/loading_vl.gif");
    width: 64px;
    height: 64px;
}
/*#################
## Loading Style ##
###################*/