/* (C) 2007 YOOtheme.com */

a:focus { outline: none; }

span.yoo-login,
span.quick span.yoo-login span,
span.default span.yoo-login span {
	display: block;
}/* (C) 2007 YOOtheme.com */

/* 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 0 0 30px;
border : none;
outline : none;
color : #646464;
font-size : 75%;
}
span.default span.yoo-login span.login .username input {
background : url(styles/default/images/username_bg.png) no-repeat 0 0;
}
span.default span.yoo-login span.login .password input {
background : url(styles/default/images/password_bg.png) no-repeat 0 0;
}
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) no-repeat 0 -20px;
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) no-repeat 0 -20px;
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) no-repeat 0 -20px;
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) no-repeat 0 -20px;
color : #000000;
}
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 : 0;
border : none;
background : url(styles/default/images/login_button_bg.png) no-repeat 0 0;
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) no-repeat 0 -20px;
}
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 .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 : 0;
border : none;
background : url(styles/default/images/logout_button_bg.png) no-repeat 0 0;
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) no-repeat 0 -20px;
} /* (C) 2007 YOOtheme.com */

/* login */
body.yootools-black span.default span.yoo-login span.login .username input, body.yootools-black span.default span.yoo-login span.login .password input {
	color: #646464;
}

body.yootools-black span.default span.yoo-login span.login .username input {
	background: url(styles/default/black/images/username_bg.png) 0 0 no-repeat;
}

body.yootools-black span.default span.yoo-login span.login .password input {
	background: url(styles/default/black/images/password_bg.png) 0 0 no-repeat;
}

body.yootools-black span.default span.yoo-login span.login .username input:hover, body.yootools-black span.default span.yoo-login span.login .username input.sfhover {
	background: url(styles/default/black/images/username_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.default span.yoo-login span.login .password input:hover, body.yootools-black span.default span.yoo-login span.login .password input.sfhover {
	background: url(styles/default/black/images/password_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.default span.yoo-login span.login .username input:focus, body.yootools-black span.default span.yoo-login span.login .username input.sffocus {
	background: url(styles/default/black/images/username_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.default span.yoo-login span.login .password input:focus, body.yootools-black span.default span.yoo-login span.login .password input.sffocus {
	background: url(styles/default/black/images/password_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.default span.yoo-login span.login .login-button-icon button {
	background: url(styles/default/black/images/login_button_bg.png) 0 0 no-repeat;
}

body.yootools-black span.default span.yoo-login span.login .login-button-icon button:hover, body.yootools-black span.default span.yoo-login span.login .login-button-icon button.sfhover  {
	background: url(styles/default/black/images/login_button_bg.png) 0 -20px no-repeat;
}

/* logout */
body.yootools-black span.default span.yoo-login span.logout .logout-button-icon button {
	background: url(styles/default/black/images/logout_button_bg.png) 0 0 no-repeat;
}

body.yootools-black span.default span.yoo-login span.logout .logout-button-icon button:hover, body.yootools-black span.default span.yoo-login span.logout .logout-button-icon button.sfhover  {
	background: url(styles/default/black/images/logout_button_bg.png) 0 -20px no-repeat;
}/* (C) 2007 YOOtheme.com */

/* 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: left;
}

span.quick span.yoo-login span.login .username input, span.quick span.yoo-login span.login .password input {
	width: 80px;
	height: 16px;
	padding: 4px 0px 0px 30px;
	border: none;
	outline: none;
	float: left;
	color: #FF7119;
	font-size: 75%;
	}

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

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

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 -20px no-repeat;
	color: #35B5FF;
}

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 -20px no-repeat;
	color: #35B5FF;
}

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 -20px no-repeat;
	color: #35B5FF;
}

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 -20px no-repeat;
	color: #35B5FF;
}

span.quick span.yoo-login span.login .login-button-text button {
	margin-top: -1px;
	cursor: pointer;
}

span.quick span.yoo-login span.login .login-button-icon button  {
height : 20px;
width : 21px;
padding : 0;
border : none;
background : url(styles/quick/images/login_button_bg.png) no-repeat 0 0;
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 -20px 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: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
}

span.quick span.yoo-login span.login .lostpassword a  {
	background: url(styles/quick/images/lost_password_bg.png) 0 0px no-repeat;
}

span.quick span.yoo-login span.login .lostusername a  {
	background: url(styles/quick/images/lost_username_bg.png) 0 0px no-repeat;
}

span.quick span.yoo-login span.login .registration a  {
	background: url(styles/quick/images/registration_bg.png) 0 0px no-repeat;
}

/* logout */
span.quick span.yoo-login span.logout {
	color: #FF7119;
	float: right;
	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: 20px;
	width: 21px;
	padding: 0px;
	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 -20px no-repeat;
}/* (C) 2007 YOOtheme.com */

/* login */
body.yootools-black span.quick span.yoo-login span.login .username input, body.yootools-black span.quick span.yoo-login span.login .password input {
	color: #646464;
}

body.yootools-black span.quick span.yoo-login span.login .username input {
	background: url(styles/quick/black/images/username_bg.png) 0 0 no-repeat;
}

body.yootools-black span.quick span.yoo-login span.login .password input {
	background: url(styles/quick/black/images/password_bg.png) 0 0 no-repeat;
}

body.yootools-black span.quick span.yoo-login span.login .username input:hover, body.yootools-black span.quick span.yoo-login span.login .username input.sfhover {
	background: url(styles/quick/black/images/username_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.quick span.yoo-login span.login .password input:hover, body.yootools-black span.quick span.yoo-login span.login .password input.sfhover {
	background: url(styles/quick/black/images/password_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.quick span.yoo-login span.login .username input:focus, body.yootools-black span.quick span.yoo-login span.login .username input.sffocus {
	background: url(styles/quick/black/images/username_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.quick span.yoo-login span.login .password input:focus, body.yootools-black span.quick span.yoo-login span.login .password input.sffocus {
	background: url(styles/quick/black/images/password_bg.png) 0 -20px no-repeat;
	color: #ffffaa;
}

body.yootools-black span.quick span.yoo-login span.login .login-button-icon button {
	background: url(styles/quick/black/images/login_button_bg.png) 0 0 no-repeat;
}

body.yootools-black span.quick span.yoo-login span.login .login-button-icon button:hover, body.yootools-black span.quick span.yoo-login span.login .login-button-icon button.sfhover  {
	background: url(styles/quick/black/images/login_button_bg.png) 0 -20px no-repeat;
}

body.yootools-black span.quick span.yoo-login span.login .lostpassword a  {
	background: url(styles/quick/black/images/lost_password_bg.png) 0 0px no-repeat;
}

body.yootools-black span.quick span.yoo-login span.login .lostusername a  {
	background: url(styles/quick/black/images/lost_username_bg.png) 0 0px no-repeat;
}

body.yootools-black span.quick span.yoo-login span.login .registration a  {
	background: url(styles/quick/black/images/registration_bg.png) 0 0px no-repeat;
}

body.yootools-black span.quick span.yoo-login span.logout .logout-button-icon button {
	background: url(styles/quick/black/images/logout_button_bg.png) 0 0 no-repeat;
}

body.yootools-black span.quick span.yoo-login span.logout .logout-button-icon button:hover, body.yootools-black span.quick span.yoo-login span.logout .logout-button-icon button.sfhover  {
	background: url(styles/quick/black/images/logout_button_bg.png) 0 -20px no-repeat;
}
