/* (C) 2009 Pixel point Creative */

a:focus { outline: none; }

span.slick_login_vm,
span.slick_login_vm span {
	display: block;
}/* (C) 2009 Pixel Point Creative */



/* login */

span.horizontal span.slick_login_vm span.login {
	height: 40px;
	margin-left: 10px;
	margin-top: 10px;
}



span.horizontal span.slick_login_vm span.login span.username,

span.horizontal span.slick_login_vm span.login span.password,

span.horizontal span.slick_login_vm span.login span.login-button-text,

span.horizontal span.slick_login_vm span.login span.login-button-icon,

span.horizontal span.slick_login_vm span.login span.lostpassword,

span.horizontal span.slick_login_vm span.login span.lostusername,

span.horizontal span.slick_login_vm span.login span.registration,

span.horizontal span.slick_login_vm span.logout span.greeting,

span.horizontal span.slick_login_vm span.logout span.logout-button-text,

span.horizontal span.slick_login_vm span.logout span.logout-button-icon {

margin-right: 5px;

float: left;

overflow: hidden;

}



span.horizontal span.slick_login_vm span.login span.username,

span.horizontal span.slick_login_vm span.login span.password {

float:left;

height:22px;

overflow:hidden;

width:170px;

padding:3px 0 0 7px;

margin-top:3px;}



span.horizontal span.slick_login_vm span.login span.username {

background: url(images/inputbox.png) 0 0 no-repeat;

}



span.horizontal span.slick_login_vm span.login span.password {

background: url(images/inputbox.png) 0 0 no-repeat;

}



span.horizontal span.slick_login_vm span.login span.username:hover {

background: url(images/inputbox.png) 0 -25px no-repeat;

}



span.horizontal span.slick_login_vm span.login span.password:hover {

background: url(images/inputbox.png) 0 -25px no-repeat;

}



span.horizontal span.slick_login_vm span.login span.username input,

span.horizontal span.slick_login_vm span.login span.password input {

padding: 0px;

width: 100%;

background: none;

border: none;

outline: none;

float: left;

font-size: 13px;



}



span.horizontal span.slick_login_vm span.login span.username input:hover,

span.horizontal span.slick_login_vm span.login span.password input:hover,

span.horizontal span.slick_login_vm span.login span.username input:focus,

span.horizontal span.slick_login_vm span.login span.password input:focus {

color: #555;

}



span.horizontal span.slick_login_vm span.login .login-button-text button {

cursor: pointer;

}





span.horizontal span.slick_login_vm span.login span.login-button-icon {

width: 29px;

height: 30px;

background: url(images/login.png) 0 0 no-repeat; /* ie6png:crop */

}



span.horizontal span.slick_login_vm span.login span.login-button-icon:hover {

background: url(images/login.png) -30px 0 no-repeat;

}



span.horizontal span.slick_login_vm span.login span.login-button-icon button {

display: block;

padding: 0px 0px 0px 0px;

width: 100%;

height: 30px;

border: none;

background: none;

cursor: pointer;

overflow: hidden;

}



span.horizontal span.slick_login_vm span.login span.login-button button:hover {

color: #000000;

}



span.horizontal span.slick_login_vm span.login span.lostpassword,

span.horizontal span.slick_login_vm span.login span.lostusername,

span.horizontal span.slick_login_vm span.login span.registration {

width: 40px;

height:33px;

}



span.horizontal span.slick_login_vm span.login span.lostpassword {

background: url(images/lost_password.png) 0 0px no-repeat; /* ie6png:crop */

}



span.horizontal span.slick_login_vm span.login span.lostusername {

background: url(images/lost_username.png) 0 0px no-repeat; /* ie6png:crop */

}



span.horizontal span.slick_login_vm span.login span.registration {

background: url(images/register.png) 0 0px no-repeat; /* ie6png:crop */

}



span.horizontal span.slick_login_vm span.login span.lostpassword a,

span.horizontal span.slick_login_vm span.login span.lostusername a,

span.horizontal span.slick_login_vm span.login span.registration a {

display: block;

width: 100%;

height: 40px;

}



/* account button*/

span.account {
	background: url(images/account.png) 0 0px no-repeat; /* ie6png:crop */
	display: block;
	width: 150px;
	height: 20px;
	float:left;
	margin-top:4px;
	padding-left:4px;
}



span.account a {

text-decoration:none;

}







/* logout */

span.horizontal span.slick_login_vm span.logout {

height:30px;

}



span.horizontal span.slick_login_vm span.logout span.greeting {

line-height: 30px;

}



span.horizontal span.slick_login_vm span.logout span.logout-button-text button {

cursor: pointer;

}



span.horizontal span.slick_login_vm span.logout span.logout-button-icon {

width: 29px;

height: 30px;

background: url(images/logout.png) 0 0 no-repeat; /* ie6png:crop */

}



span.horizontal span.slick_login_vm span.logout span.logout-button-icon:hover {

background: url(images/logout.png) -30px 0 no-repeat;

}



span.horizontal span.slick_login_vm span.logout span.logout-button-icon button {

display: block;

padding: 0px 0px 0px 0px;

width: 100%;

height: 33px;

border: none;

background: none;

cursor: pointer;

overflow: hidden;

font-size: 11px;

color: #646464;

text-transform: lowercase;

}



span.horizontal span.slick_login_vm span.logout span.logout-button-icon button:hover {

color: #000000;

}/* (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: 10px;
width: 132px;
height: 20px;
padding: 5px 2px 0px 12px;
overflow: hidden;
}

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

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

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

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

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 {
margin-bottom: 6px;
width: 135px;
overflow: hidden;
}

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

}

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 {
height: 20px;
line-height: 20px;
}

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

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;
background: url(images/logout2.png) 0 0 no-repeat; /* ie6png:crop */
}


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(images/gear.png) no-repeat left center; /* ie6png:crop */
display: block;
width: 145px;
height: 16px;
float:left;
margin-top:4px;
padding-left:20px;
}

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