/* (C) 2009 Pixel Point Creative */

/* login */
span.vertical span.slick_login_vm span.login {
width: 150px;

}

span.vertical span.slick_login_vm span.login span.username,
span.vertical span.slick_login_vm span.login span.password {
margin-bottom: 15px;
width: 132px;
height: 20px;
padding: 5px 2px 0px 12px;
overflow: hidden;
float:left;
}

span.vertical span.slick_login_vm span.login span.username {
background: url(/modules/mod_slick_login_vm/images/inputbox2.png) 0 0 no-repeat;
float:left;
}

span.vertical span.slick_login_vm span.login span.password {
background: url(/modules/mod_slick_login_vm/images/inputbox2.png) 0 0 no-repeat;
float:left;
}

span.vertical span.slick_login_vm span.login span.username:hover{
background: url(/modules/mod_slick_login_vm/images/inputbox2.png) 0 -25px no-repeat;
float:left;
}

span.vertical span.slick_login_vm span.login span.password:hover {
background: url(/modules/mod_slick_login_vm/images/inputbox2.png) 0 -25px no-repeat;
float:left;
}

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

span.vertical span.slick_login_vm span.login span.username input:hover,
span.vertical span.slick_login_vm span.login span.password input:hover,
span.vertical span.slick_login_vm span.login span.username input:focus,
span.vertical span.slick_login_vm span.login span.password input:focus {
color: #555;
}

span.vertical span.slick_login_vm span.login span.remember {
margin-bottom: 4px;
}

span.vertical span.slick_login_vm span.login span.login-button-container {float:left;clear:both;}

span.vertical span.slick_login_vm span.login span.login-button-icon {
width: 102px;
height: 35px;
background: url(/modules/mod_slick_login_vm/images/login2.png) 0 0 no-repeat; /* ie6png:crop */
float:left;
}

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

span.vertical span.slick_login_vm span.login span.login-button-icon button:hover {
color: #555;
}

span.vertical span.slick_login_vm span.login span.login-button-text button {
float: right;
cursor: pointer;
}

span.vertical span.slick_login_vm span.login span.lostpassword,
span.vertical span.slick_login_vm span.login span.lostusername,
span.vertical span.slick_login_vm span.login span.registration,
span.vertical span.slick_login_vm span.login span.login {
height: 20px;
line-height: 20px;
float:left;
clear:both;
width:100%;
}


/* logout */
span.vertical span.slick_login_vm span.logout {
width: auto;
margin: auto;
float:left;
}

span.vertical span.slick_login_vm span.logout span.greeting {
}

span.vertical span.slick_login_vm span.logout span.logout-button-icon {
width: 102px;
height: 35px;
float:left;
margin-top:5px;
cursor: pointer;
padding-top:10px;
}


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

span.vertical span.slick_login_vm span.logout span.logout-button-icon button:hover {
color: #000000;
}

span.vertical span.slick_login_vm span.logout span.logout-button-text button {
margin: auto;
display: block;
cursor: pointer;
}

/* account button*/
span.account2 {
background: url(/modules/mod_slick_login_vm/images/gear.png) no-repeat left center; /* ie6png:crop */
display: block;
width: 145px;
height: 16px;
float:left;
margin-top:15px;
padding-left:20px;
}

span.account2 a {
text-decoration:none;
}