@charset "utf-8";
/* CSS Document */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*SITE STYLING*/
html{background:#4EC094;font-family:'Lato', sans-serif;color:white;}
.clear{clear:both;display:block;}

p{color:#777;line-height:50px;}

/* myform */
#myform{width:400px;margin:50px auto 0 auto;position:relative;}
#myform label{margin-bottom:5px;display:block;text-transform:uppercase;font-size:14px;color:#3c9471;font-weight:bold;}
#myform input[type="password"],#myform input[type="text"]{
	background:transparent;border:2px solid #46AC84;
	color:#777;
	font-family:"Lato", sans-serif;
	font-size:14px;
	padding:9px 5px;
	height:21px;
	text-indent:6px;
	-webkit-appearance:none;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-transition:border .25s linear, color .25s linear;
	-moz-transition:border .25s linear, color .25s linear;
	-o-transition:border .25s linear, color .25s linear;
	transition:border .25s linear, color .25s linear;
	-webkit-backface-visibility:hidden;
	width:100%;
}
#myform input[type="password"]:focus,#myform input[type="text"]:focus{outline:0;border:2px solid white;}

.strength_meter{
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	height:43px;
	z-index:-1;
	border-radius:5px;
}
.button_strength {
	text-decoration:none;
	color:#FFF;
	font-size:13px;
}
.strength_meter div{width:0%;
	height:43px;
	text-align:right;
	color:#000;
	line-height:43px;
	-webkit-transition:all .3s ease-in-out;
	padding-right:12px;
	border-radius:5px;
}
.strength_meter div p{
	position:absolute;
	top:48px;
	right:-11px;
	color:#FFF;
	font-size:13px;
}

.veryweak{
	background-color:#FFA0A0;
	border-color:#F04040!important;
	width:25%!important;
}
.weak{
	background-color:#FFB78C;
	border-color:#FF853C!important;
	width:50%!important;
}
.medium{
	background-color:#FFEC8B;
	border-color:#FC0!important;
	width:75%!important;
}
.strong{
	background-color:#C3FF88;
	border-color:#8DFF1C!important;
	width:100%!important;
}