/* (C) 2007 YOOtheme.com */

/* login */
span.default span.yoo-login span.login {
	width: 135px;
	margin: auto;
}

span.default span.yoo-login span.login span.username,
span.default span.yoo-login span.login span.password {
	margin-bottom: 10px;
	width: 108px;
	height: 16px;
	padding: 4px 2px 0px 25px;
	overflow: hidden;
}

span.default span.yoo-login span.login span.username {
	background: url(styles/default/images/username_bg.png) 0 0 no-repeat;
}

span.default span.yoo-login span.login span.password {
	background: url(styles/default/images/password_bg.png) 0 0 no-repeat;
}

span.default span.yoo-login span.login span.username:hover{
	background: url(styles/default/images/username_bg.png) 0 -20px no-repeat;
}

span.default span.yoo-login span.login span.password:hover {
	background: url(styles/default/images/password_bg.png) 0 -20px no-repeat;
}

span.default span.yoo-login span.login span.username input,
span.default span.yoo-login span.login span.password input {
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

span.default span.yoo-login span.login span.username input:hover,
span.default span.yoo-login span.login span.password input:hover,
span.default span.yoo-login span.login span.username input:focus,
span.default span.yoo-login span.login span.password input:focus {
	color: #000000;
}

span.default span.yoo-login span.login span.remember {
	margin-bottom: 4px;
}

span.default span.yoo-login span.login span.login-button-container {
	margin-bottom: 6px;
	width: 135px;
	overflow: hidden;
}

span.default span.yoo-login span.login span.login-button-icon {
	width: 21px;
	height: 20px;
	background: url(styles/default/images/login_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
	float: right;
}

span.default span.yoo-login span.login span.login-button-icon:hover {
	background: url(styles/default/images/login_button_bg.png) 0 -20px no-repeat;
}

span.default span.yoo-login span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	color: #646464;
	text-transform: lowercase;
}

span.default span.yoo-login span.login span.login-button-icon button:hover {
	color: #000000;
}

span.default span.yoo-login span.login span.login-button-text button {
	float: right;
	cursor: pointer;
}

span.default span.yoo-login span.login span.lostpassword,
span.default span.yoo-login span.login span.lostusername,
span.default span.yoo-login span.login span.registration {
	height: 20px;
	line-height: 20px;
}

/* logout */
span.default span.yoo-login span.logout {
	width: auto;
	margin: auto;
}

span.default span.yoo-login span.logout span.greeting {
}

span.default span.yoo-login span.logout span.logout-button-icon {
	margin: auto;
	width: 21px;
	height: 20px;
	background: url(styles/default/images/logout_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.default span.yoo-login span.logout span.logout-button-icon:hover {
	background: url(styles/default/images/logout_button_bg.png) 0 -20px no-repeat;
}

span.default span.yoo-login span.logout span.logout-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	color: #646464;
	text-transform: lowercase;
}

span.default span.yoo-login span.logout span.logout-button-icon button:hover {
	color: #000000;
}

span.default span.yoo-login span.logout span.logout-button-text button {
	margin: auto;
	display: block;
	cursor: pointer;
}
