/* (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) 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: #000
    }
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: #000
    }
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: #000
    }
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: #000
    }
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) 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 .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) 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 */
/* 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: #ffa
    }
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: #ffa
    }
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: #ffa
    }
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: #ffa
    }
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: 70px;
    height: 16px;
    padding: 4px 0 0 30px;
    border: none;
    outline: none;
    float: left;
    color: #646464;
    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: #000
    }
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: #000
    }
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: #000
    }
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: #000
    }
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 {
    display: block;
    height: 20px;
    width: 21px;
    padding: 0;
    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 -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 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: 20px;
    width: 21px;
    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 -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: #ffa
    }
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: #ffa
    }
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: #ffa
    }
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: #ffa
    }
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 0 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 0 no-repeat
    }
body.yootools-black span.quick span.yoo-login span.login .registration a {
    background: url(styles/quick/black/images/registration_bg.png) 0 0 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
    }