@charset "utf-8";
/* CSS Document */
html, body{
	/*background: linear-gradient(90deg, rgba(194,72,151,1) 0%, #481580 62%, rgba(72,21,128,1) 100%);*/
	background-color: #EAEBEC;
	height: 100%;
	padding:0;
	margin:0;
}
#viewPort{
	position:absolute;
	width:100%;	
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
}
#main{
	width:100%;
	height:auto;
	top:0px;
	position:relative;
	margin:0 auto 0 auto;	 
}
.Content{
	width:650px;
	height:auto;
	background-color:#fff;
	padding-bottom:20px;
	border:0px;
	border-color:#49473B;
	border-style:solid;
	-moz-box-shadow:    0px 10px 14px -10px #333;
	-webkit-box-shadow: 0px 10px 14px -10px #333;
	box-shadow:         0px 10px 14px -10px #333;
	margin:90px auto 0 auto;	 
}
.contentHeader{
	width:100%;
	min-height:55px;
	height:auto;	
	font-family: HelveticaNueBold;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;	
}
.contentHeader p{
	margin:0;
	padding-top:35px;
}
.contentBody{
	width:90%;
	height:90%;
	margin-top:0px;
	margin-left:10px;
	position:relative;
	text-align:left;
	margin:0 auto 0 auto;	 
}
.contentDiv{
	width:100%;
	height:auto;
}
#form{
	width:100%;
	height:auto;
}
#LoginForm{
	background-color:#EFEFEF;
	width:100%;
	height:auto;
	position:relative;
	padding:20px;
}
.element{
	position:relative;
	width:100%;
	height:45px;
	border:0px solid #000;
}
.element * {
    padding:2px; 
    margin:1px; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.element label {
    position:absolute;
	display:inline-block;
	text-align:left;	
    font-weight:700;
	margin-top:12px;	
	margin-left:20px;
	color:#999;
}
.element input.text {
    width:100%;
	height:90%;
	display:inline-block;
    padding-left:20px;	
	font-weight:700;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
}
.element input.text2 {
    width:79%;
	height:90%;
	display:inline-block;
    padding-left:20px;	
	font-weight:700;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
}
.element input.text3 {
    width:20%;
	height:90%;
	display:inline-block;
    padding-left:20px;	
	font-weight:700;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
}

.labelCheckbox{
	display:inline-block;
	background:#E6E6E6 url(../images/panelToggle_Back.png) repeat-x;;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:20px;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
	border:1px solid #C5C5C5;
	text-align:left;
}
.labelCheckbox div{
	display:inline-block;
	color:#000;
	width:90%;
	vertical-align:middle;
}
.element textarea {    
    width:100%;
	min-height:80px;
    padding:20px;	
	font-weight:700;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
}
.element .selectWrapper{
	background:#fff;
	width:100%;
	height:90%;
    padding:0px;
	font-weight:700;
	border:1px solid #C5C5C5;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
}
.element select{
	position:absolute;
	top:8px;
	left:0px;
	width:92%;
	font-weight:700;	
	border:1px solid #fff;
}
.element .frmBtn{
    position:relative;
	margin-top:0px;
	margin-bottom:0px;
	width:48%;
	height:50px;
}
.element .hightlight {
    border:2px solid #9F1319 !important;
    background:url(../images/iconCaution.gif) no-repeat 2px;
	background-color:#FFF;
}
.hightlight {
    outline:2px solid #9F1319;
    background:url(../images/iconCaution.gif) no-repeat 2px;
}
.normalText{
	font-size:14px;
	color:#484647;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}
.loading {
	position:absolute;
	top:0px;
	left:0px;
    background:#78BCED url(../images/ajax-loader.gif) no-repeat center;
	width:100%;
	height:120%;	
    display:none;
}
.loadingCover {
	position:fixed;
	top:0px;
	left:0px;
    background:url(../images/semitransparent_bg.png);
	width:100%;
	height:100%;	
    display:none;
	z-index:9999;
}
.loadingCover .panel{
	position:relative;
	top:40%;
	background:#ffffff url(../images/ajax-loader.gif) no-repeat center 3px;
	width:300px;
	height:114px;
	margin:0 auto;
	border:1px solid #ffffff;
	-moz-border-radius: 5px; /* Firefox */  
  	-webkit-border-radius: 5px; /* Safari, Chrome */  
  	border-radius: 5px; /* CSS3 */ 
}
.loadingCover .msg{
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
	color:#333;
}

@font-face {
	font-family: HelveticaNueBold;
	src: url('../fonts/helveticaneue-BoldCond.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('../fonts/helveticaneue-BoldCond.ttf') format('woff2'), /* Super Modern Browsers */
	url('../fonts/helveticaneue-BoldCond.ttf') format('woff'), /* Pretty Modern Browsers */
	url('../fonts/helveticaneue-BoldCond.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fonts/helveticaneue-BoldCond.ttf') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: HelveticaNueCond;
	src: url('../fonts/helveticaneue-Condensed.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('../fonts/helveticaneue-Condensed.ttf') format('woff2'), /* Super Modern Browsers */
	url('../fonts/helveticaneue-Condensed.ttf') format('woff'), /* Pretty Modern Browsers */
	url('../fonts/helveticaneue-Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fonts/helveticaneue-Condensed.ttf') format('svg'); /* Legacy iOS */
}

@media all and (max-width: 670px) {

	.Content{
		width:90%;
		height:auto;
		min-height:250px;
		text-align:center;
	}
	.element .frmBtn{
		width:100%;
	}
}