/*
	Description	: basic styles for jQuery Plugin "Password Strength Checker". feel free to customize this styles
	Author		: Steffen Hollstein
	Author URI	: http://www.steffenhollstein.de
	Project Page: http://code.google.com/p/jquery-passwordstrengthchecker/
*/


/*~~~ defaults ~~~*/
.password-strength {
	display:inline-block;
	position:relative;
	z-index:0;
}
.password-strength .password-strength-target {
	position:absolute;
	z-index:0;
}
.password-strength.password-strength-status-show .password-strength-target {
	z-index:10;
}
.password-strength.password-strength-status-hide .password-strength-target {
	visibility:hidden;
}
.password-strength .password-strength-target .password-strength-target-inner {
	width:18.750em;
	min-height:3.750em;
	padding:0.75em;
	background-color:#fff;
	
	border:solid 0.063em #fff;
	
	-moz-border-radius:0.50em;
	-webkit-border-radius:0.50em;
	-o-border-radius:0.50em;
	-ms-border-radius:0.50em;
	-khtml-border-radius:0.50em;
	border-radius:0.50em;
	
	-webkit-box-shadow:-0.25em 0 0.75em 0.125em rgba(0,0,0,0.5);
	-moz-box-shadow:-0.25em 0 0.75em 0.125em rgba(0,0,0,0.5);
	box-shadow:-0.25em 0 0.75em 0.125em rgba(0,0,0,0.5);
}
.password-strength .password-strength-target .password-strength-target-arrow {
	position:absolute;
	width:0; 
	height:0; 
}
/* .password-strength-orientation-right */
.password-strength.password-strength-orientation-right .password-strength-target {
	right:-21.25em;
	top:-2.5em;
	padding-left:11px;
}
.password-strength.password-strength-orientation-right .password-strength-target .password-strength-target-arrow {
	left:0;
	top:2.25em;
	
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-right:11px solid white; 
}
/* .password-strength-orientation-left */
.password-strength.password-strength-orientation-left .password-strength-target {
	left:-21.25em;
	top:-2.5em;
	padding-right:11px;
}
.password-strength.password-strength-orientation-left .password-strength-target .password-strength-target-arrow {
	right:0;
	top:2.25em;
	
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-left:11px solid white; 
}
/* .password-strength-orientation-bottom */
.password-strength.password-strength-orientation-bottom .password-strength-target {
	left:-6.25em;
	top:1.5em;
	padding-top:11px;
}
.password-strength.password-strength-orientation-bottom .password-strength-target .password-strength-target-arrow {
	left:50%;
	top:0;
	
	margin-left:-6px;
	
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	border-bottom:11px solid white;
}
/* .password-strength-orientation-top */
.password-strength.password-strength-orientation-top .password-strength-target {
	left:-6.25em;
	top:-12.5em;
	padding-bottom:11px;
}
.password-strength.password-strength-orientation-top .password-strength-target .password-strength-target-arrow {
	left:50%;
	bottom:0; 
	
	margin-left:-6px;
	
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	border-top:11px solid white;
}


/*~~~ colors ~~~*/
/* .password-strength-result */
.password-strength.password-strength-short .password-strength-target .password-strength-result .password-strength-result-text,
.password-strength.password-strength-weak .password-strength-target .password-strength-result .password-strength-result-text {
	color:#aa0000;
}
.password-strength.password-strength-good .password-strength-target .password-strength-result .password-strength-result-text {
	color:purple;
}
.password-strength.password-strength-strong .password-strength-target .password-strength-result .password-strength-result-text {
	color:green;
}
/* .password-strength-statusbar */
.password-strength.password-strength-short .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner,
.password-strength.password-strength-weak .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	background-color:#aa0000;
}
.password-strength.password-strength-good .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	background-color:purple;
}
.password-strength.password-strength-strong .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	background-color:green;
}


/*~~~ .password-strength-result ~~~*/
.password-strength .password-strength-target .password-strength-result {
	font-weight:bold;
}
.password-strength .password-strength-target .password-strength-result .password-strength-result-headline,
.password-strength .password-strength-target .password-strength-result .password-strength-result-text {
	display:inline-block;
}
.password-strength .password-strength-target .password-strength-result .password-strength-result-headline {
	padding-right:0.25em;
}
.password-strength .password-strength-target .password-strength-result .password-strength-result-text {
	text-transform:uppercase;
}

/*~~~ .password-strength-statusbar ~~~*/
.password-strength .password-strength-target .password-strength-statusbar {
	margin:0.75em 0;
	background-color:#ededed;
}
.password-strength .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	width:0;
	height:1em;
}
.password-strength.password-strength-status-show .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
.password-strength.password-strength-short .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	width:0;
}
.password-strength.password-strength-weak .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	width:25%;
}
.password-strength.password-strength-good .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	width:50%;
}
.password-strength.password-strength-strong .password-strength-target .password-strength-statusbar .password-strength-statusbar-inner {
	width:100%;
}