.login-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
    height: 420px;
    width: 400px;
    background-color: #fafafa;
    border-width : 1px 1px 1px 1px;
    border-color: #d1d1d1;
    border-style : solid;
    box-shadow: -2px 2px 2px #dcdcdc;
    z-index: 1;
}

.login-container-wcaptcha {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
    height: 590px;
    width: 400px;
    background-color: #fafafa;
    border-width : 1px 1px 1px 1px;
    border-color: #d1d1d1;
    border-style : solid;
    box-shadow: -2px 2px 2px #dcdcdc;
    z-index: 1;
}
.loginCaptchaSectContainer{
	margin-left: -24px;
	margin-top: 30px;
}

.login-container-reset {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
    height: 502px;
    width: 400px;
    background-color: #fafafa;
    border-width : 1px 1px 1px 1px;
    border-color: #d1d1d1;
    border-style : solid;
    box-shadow: -2px 2px 2px #dcdcdc;
    z-index: 1;
}

#login-form-down {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 287px;
	margin-left: -400px;
	height: 72px;
	width: 400px;
	background-color: #f0f0f0;
	z-index: -1;
}

#login-form-down-wcaptcha {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 457px;
	margin-left: -400px;
	height: 72px;
	width: 400px;
	background-color: #f0f0f0;
	z-index: -1;
}

#login-form-down-forgotpassword {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 179px;
	margin-left: -200px;
	height: 72px;
	width: 400px;
	background-color: #f0f0f0;
	z-index: -1;
}


#feedback {
    float: left;
    width: 400px;
    margin-top: 10px;
}

body {
    background: url(../img/login-bg.png) 0px 100px #f0f0f0 no-repeat;
    font-family: Helvetica,arial,verdana,sans-serif;
    color: #000;
	margin: 0;
    padding: 0;
  	background-size: cover;
}

.username-container {
    width: 305px;
	margin-bottom: 12px;
	margin-right: -263px;
	margin-left: -356px;
	margin-top: 44px;
/* 	border: 1px solid #d1d1d1; */
	height: 50px;
}


.username-container-reset {
    width: 305px;
	margin-bottom: 12px;
	margin-right: -263px;
	margin-left: -356px;
	margin-top: 36px;
/* 	border: 1px solid #d1d1d1; */
	height: 50px;
}

.password-container {
	width: 320px;
	margin-right: -263px;
	margin-left: -356px;
	margin-top: 1px;
/* 	border: 1px solid #d1d1d1; */
/* 	height: 50px; */
}

.password-input {
	width: 195px;
    float: none;
    margin-right: 5px;
}

.password-input-reset {
	width: 330px;
	float: left;
	margin-right: 84px;
	margin-top: 8px;	
	margin-left: -356px;
}



.password-input-large {
/*	width: 195px;*/
    float: left;
    margin-right: 5px;
    margin-top: 15px;
}

.inputCaptcha{
/*	width: 195px;*/
    float: left;
    margin-right: 5px;
    margin-top: 15px;
}

.password-submit {
	width: 150px;
	float: right;
	margin-top: 52px;
	margin-right: 68px;
	margin-left: 445px;
}

.password-submit-wcaptcha {
	width: 150px;
	float: right;
	margin-top: 12px;
	margin-right: 68px;
	margin-left: 445px;
}

.password-submit-forgot {
    width: 80px;
	float: right;
	margin-right: 190px;
	margin-top: 18px;
}

.password-submit-reset {
	width: 150px;
	float: right;
	margin-top: 52px;
	margin-right: 504px;
	margin-left: 445px;
}

.reset-submit {
    width: 90px;
    float: right;
    padding: 0px 80px 0px 0px;
}

#reset-submit-forgot {
	padding: 0px 30px 0px 0px !important;
}



.login-form {
    float: left;
    width: 400px;
    margin-top: 10px;
}

.login-form3 {
    float: left;
    width: 400px;
    margin-top: 10px;
}

.login-form2 {
/*     float: left; */
    width: 400px;
    margin-top: 10px;
    margin-left: -1px;
}

.login-mapflow {
    float: left;
    width: 350px;
    height: 75px;
    margin-right: 30px
}

#login-form-image{
	background: 0px 5px url("../img/mapflow-logo-login.png") no-repeat;
    width: 230px;
    height: 72px;
/* 	border: 1px solid #d1d1d1; */
	margin-left: 86px;
	margin-top: 25px;
}

#bottom {
	position: fixed;
	bottom: 0;
	right: 0;
	text-align: right;
	margin-right: 10px;
	color: gray;
	font-size: 10px;
	width: 100%;
	max-height: 95px;
}

.login-mapflow p {
    color: #6a7b97;
    margin-top: 100px;
    font-weight: bold;
    font-size: 12px;
}

#login-form input {
    border: 1px solid #d1d1d1;
    background-color: #fff;
/*     border-radius: 10px 10px 10px 10px; */
    font-size: 22px;
    width : 330px;
    height: 50px;
    margin: 0 0 5px;
    padding: 0 10px;
    z-index: 3;
}

#login-form input[type = submit] {
    height: 50px !important;
    width: 150px;
    background-image: url("../img/login-btn.png");
    color: #fafafa;
    font-size: 22px;
    border-radius: 5px 5px 5px 5px;
    z-index: 3;
}

#login-form input[type = submit]:hover {
    background-color: #92b6ec;
    z-index: 3;
}

input.input-inactive {
    color: #c0c0c0;
}

input.input-active {
    color: #000000;
}

input.button {
    padding: 3px 10px !important;
    cursor: pointer;
}

input.button:hover {
    background: #c0c0c0;
}

#login-form {
    width: 800px;
    position: relative;
}

#button-container {
    width: 70px;
    float: left;
}

#loading-container {
    background: url("../img/small-loader.gif") no-repeat scroll 0 2px transparent;
    color: gray;
    display: none;
    float: left;
    font-size: 13px;
    height: 22px;
    padding: 0 0 0 21px;
    width: 250px;
    margin: 1px 0px 0px 152px;
}

#forgot-password-container {
	width: 330px;
/* 	float: left; */
	margin-right: 526px;
	margin-left: 25px;
/* 	margin-top: 63px; */
/* 	border: 1px solid #d1d1d1; */
}

#reset-password-container {
	width: 350px
}

.a {
	color: #000000;	
	size: 10px;
}

.title1 {
	font-weight: bold;
    font-size: 22px !important;
}

.title2 {
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

a {
	font-size: 12px;
	color: #0081c6;
}

div.link-small {
	float: left;
    height: 15px;
    margin-left: -355px;
    margin-top: -107px;
    width: 351px;
}
div.link-small-privacy-policy {
	float: left;
    height: 15px;
  	margin-left: -80px;
    margin-top: -107px;
    width: 351px;
}

div.link-small-wcaptcha {
	float: left;
    height: 15px;
    margin-left: 1px;
    width: 150px;
}

div.link-small-wcaptcha-privacy-policy {
	float: right;
    height: 15px;
    margin-right: -156px;
    width: 200px;
}


div.link-small2 {
	margin-left: 349px;
	margin-top: -76px;
	height: 15px;
	float: left;
}

div.link-small-reset {
	margin-left: -80px;
	margin-top: -107px;
	height: 15px;
	width: 100px;
	float: left;
}

a:visited {
	color: #0081c6;
}

div.info {
	color: gray;
	font-size: 14px;
	margin-bottom: 43px;
	margin-top: 43px;
	margin-left: 25px;
	margin-right: 18px;
	height: 15px;
	line-height: 1.5em;
}
div.info-captcha-style {
	color: gray;
	font-size: 14px;
	/* margin-bottom: 43px;
	margin-top: 43px;
	margin-left: 25px;
	margin-right: 18px; */
	height: 15px;
	line-height: 1.5em;
	padding-bottom: 52px;
	padding-left: 25px;
	padding-top: 94px;
}

div.info-captcha-style-login {
	color: gray;
	font-size: 14px;
	/* margin-bottom: 43px;
	margin-top: 43px;
	margin-left: 25px;
	margin-right: 18px; */
	height: 15px;
	line-height: 1.5em;
	padding-bottom: 52px;
	padding-left: 25px;	
}

.captcha-style {
	color: gray;
	font-size: 14px;
	/* margin-bottom: 43px;
	margin-top: 43px;
	margin-left: 25px;
	margin-right: 18px; */
	height: 15px;
	line-height: 1.5em;
	padding-bottom: 48px;
	padding-left: 25px;
}

div.input-captcha-style {
	color: gray;
	font-size: 14px;
	/* margin-bottom: 43px;
	margin-top: 43px;
	margin-left: 25px;
	margin-right: 18px; */
	height: 15px;
	line-height: 1.5em;
	padding-bottom: 39px;
	padding-left: 25px;
}

img.captcha-img-border {
	border: #d1d1d1;
	border-style: solid;
	border-width: 1px;
}
div.info-reset {
	color: gray;
	font-size: 14px;
	margin-bottom: 13px;
	margin-top: -20px;
	margin-left: -356px;
	margin-right: 103px;
	height: 15px;
/* 	border: 2px solid #D01D1A; */
	float: left;
}


.messages {
	position: absolute; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}

.messages div {
	margin: 10px;
}

.messages .message {
	padding: 10px 10px 10px 20px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0px;
}

.error-msg {
/* 	background: url("../img/icons/error.png") no-repeat scroll 12px 12px #FEF1EC; */	
/* 	border: 1px solid #CD0A0A; */
	background-color : #df442d;
}

.info-msg {
/* 	background: url("../img/icons/accept.png") no-repeat scroll 12px 12px #D6F6D6; */
/* 	border: 1px solid #0c6f0c; */
	background-color : #9CD07B;
}

.warning-msg {
/* 	background: url("../img/icons/warning.png") no-repeat scroll 12px 12px #FFF09F; */
/* 	border: 1px solid #C9AD11; */
	background-color : #df442d;
}

.timeout-msg {
	background: url("../img/icons/clock.png") no-repeat scroll 12px 12px #DAE6F1;
	border: 1px solid #6F8BA6;
}

.messages-list {
	list-style-type:circle !important;
	padding-left:0.2em; 
}


.error-box {
    background: url("../img/error.png") no-repeat scroll 40px 55px #FFFFFF;
	border: 2px solid #D01D1A;
    left: -50%;
	line-height: 1.5em;
    padding: 50px 50px 50px 100px;
    position: relative;
    width: 400px;
}


@media(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 192dpi) {
	#login-form-image{
		background: 0px 5px url("../img/MF-logo-loginx2.png") no-repeat;
		background-size: 230px;
	}
}

.remember-div{
	width:150px;
	height: 30px;
	margin-top: 25px;
	margin-left: 24px;
}

.remember-div-check{
	margin-left: 0px;
	height: 21px;
	margin-top: 4px;
	width: 20px;
}

.remember-check{
	-webkit-transform: scale(0.3,0.3);
	-moz-transform: scale(0.3,0.3);
	-o-transform: scale(0.3,0.3);
	margin-top: -2px !important;
	margin-left: -16px !important;
	width: 44px !important;
}

.remember-div-text{
	font-family: helvetica, arial!important;
	color: #0081c6;
	font-size: 12px;
	height: 30px;
	margin-right: 44px;
	margin-top: 16px;
	float: right;
}

.progress{
	position: relative;
    left: -416px;
    top: 85px;
    width: 332px;
}


.hideElement {
	display: none;
}