/* (C) 2007 YOOtheme.com */

span.yoo-login, span.default span.yoo-login span {
	display: block;
}

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

span.default span.yoo-login span.login .username, 
span.default span.yoo-login span.login .password {
	padding-bottom: 10px;
}

span.default span.yoo-login span.login .username input, span.default span.yoo-login span.login .password input {
	width: 105px;
	height: 16px;
	padding: 4px 0px 0px 30px;
	border: none;
	color: #646464;
	font-size: 75%;
}

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

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

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

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

span.default span.yoo-login span.login .username input:focus, span.default span.yoo-login span.login .username input.sffocus {
	background: url(styles/default/images/username_bg.png) 0 -20px no-repeat;
	color: #000000;
}

span.default span.yoo-login span.login .password input:focus, span.default span.yoo-login span.login .password input.sffocus {
	background: url(styles/default/images/password_bg.png) 0 -20px no-repeat;
	color: #000000;
}

span.default span.yoo-login span.login .remember {
}

span.default span.yoo-login span.login .login-button-icon, span.default span.yoo-login span.login .login-button-text {
	overflow: hidden;
}

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

span.default span.yoo-login span.login .login-button-icon button {
	display: block;
	height: 20px;
	width: 21px;
	padding: 0px;
	border: none;
	background: url(styles/default/images/login_button_bg.png) 0 0 no-repeat;
	float: right;
	cursor: pointer;
	overflow: hidden;
}

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

span.default span.yoo-login span.login .lostpassword, span.default span.yoo-login span.login .lostusername, span.default span.yoo-login span.login .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 .greeting {
}

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

span.default span.yoo-login span.logout .logout-button-icon button {
	display: block;
	height: 20px;
	width: 21px;
	margin: auto;
	padding: 0px;
	border: none;
	background: url(styles/default/images/logout_button_bg.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
}

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



span.yoo-login, span.quick span.yoo-login span {

	display: block;

}



/* login */

span.quick span.yoo-login span.login {

	height: 20px;

}



span.quick span.yoo-login span.login .username, 

span.quick span.yoo-login span.login .password,

span.quick span.yoo-login span.login .login-button-text,

span.quick span.yoo-login span.login .login-button-icon,

span.quick span.yoo-login span.login .lostpassword, 

span.quick span.yoo-login span.login .lostusername,

span.quick span.yoo-login span.login .registration,

span.quick span.yoo-login span.logout .greeting,

span.quick span.yoo-login span.logout .logout-button-text,

span.quick span.yoo-login span.logout .logout-button-icon {

	padding-right: 5px;

	float: right;

}



span.quick span.yoo-login span.login .username input, span.quick span.yoo-login span.login .password input {

	width: 100px;

	height: 30px;

	padding: 4px 0px 0px 10px;

	border: none;

	float: right;

	color: #646464;

	font-size: 100%;

}



span.quick span.yoo-login span.login .username input {

	background: url(styles/quick/images/username_bg.png) 0 0 no-repeat;

    height: 18px;

	width: 145px;

}



span.quick span.yoo-login span.login .password input {

	background: url(styles/quick/images/password_bg.png) 0 0 no-repeat;

    height: 18px;

	width: 145px;

}



span.quick span.yoo-login span.login .username input:hover, span.quick span.yoo-login span.login .username input.sfhover {

	background: url(styles/quick/images/username_bg.png) 0 0 no-repeat;

	color: #000000;

}



span.quick span.yoo-login span.login .password input:hover, span.quick span.yoo-login span.login .password input.sfhover {

	background: url(styles/quick/images/password_bg.png) 0 0 no-repeat;

	color: #000000;

}



span.quick span.yoo-login span.login .username input:focus, span.quick span.yoo-login span.login .username input.sffocus {

	background: url(styles/quick/images/username_bg.png) 0 0 no-repeat;

	color: #000000;

}



span.quick span.yoo-login span.login .password input:focus, span.quick span.yoo-login span.login .password input.sffocus {

	background: url(styles/quick/images/password_bg.png) 0 0 no-repeat;

	color: #000000;

}



span.quick span.yoo-login span.login .login-button-text button {

	margin-top: 0;

	cursor: pointer;

}



span.quick span.yoo-login span.login .login-button-icon button {

	display: block;

	height: 35px;

	width: 107px;

	padding: 0px;

	border: none;

	background: url(styles/quick/images/login_button_bg.png) 0 0 no-repeat;

	cursor: pointer;

	overflow: hidden;

}



span.quick span.yoo-login span.login .login-button-icon button:hover, span.quick span.yoo-login span.login .login-button-icon button.sfhover  {

	background: url(styles/quick/images/login_button_bg.png) 0 0 no-repeat;

}



span.quick span.yoo-login span.login .lostpassword a, span.quick span.yoo-login span.login .lostusername a, span.quick span.yoo-login span.login .registration a {

	display: block;

	height:30px;

	width: 107px;

	cursor: pointer;

	overflow: hidden;

}



span.quick span.yoo-login span.login .lostpassword a  {

	background: url(styles/quick/images/lost_password_bg.png) 0 0 no-repeat;

}



span.quick span.yoo-login span.login .lostusername a  {

	background: url(styles/quick/images/lost_username_bg.png) 0 0 no-repeat;

}



span.quick span.yoo-login span.login .registration a  {

	background: url(styles/quick/images/registration_bg.png) 0 0 no-repeat;

}



/* logout */

span.quick span.yoo-login span.logout {

	height: 20px;

}



span.quick span.yoo-login span.logout .greeting {

	line-height: 20px;

}



span.quick span.yoo-login span.logout .logout-button-text button {

	margin-top: -1px;

	cursor: pointer;	

}



span.quick span.yoo-login span.logout .logout-button-icon button {

	display: block;

	height: 30px;

	width: 107px;

	padding: 0;

	border: none;

	background: url(styles/quick/images/logout_button_bg.png) 0 0 no-repeat;

	cursor: pointer;

	overflow: hidden;

}



span.quick span.yoo-login span.logout .logout-button-icon button:hover, span.quick span.yoo-login span.logout .logout-button-icon button.sfhover  {

	background: url(styles/quick/images/logout_button_bg.png) 0 0 no-repeat;

}