span.trl_login_button_icon button,
span.trl_logout_button_icon button,
span.trl_lostpass_icon,
span.trl_lostname_icon,
span.trl_register_icon,
span.trl_lostpass_text,
span.trl_lostname_text,
span.trl_register_text,
span.textlink {
	cursor: pointer;
}

/********** username/password ******************************/

span.trl_username,
span.trl_pass,
span.trl_rememberme {
	margin: 0;
	float: left;
	background-repeat: no-repeat;
	height: 22px;
	width: 135px;
}

span.trl_username input,
span.trl_pass input {
	padding: 2px 0 0 22px;
	overflow: hidden;
	width: 110px;
	font-size: 100%;
	font-weight: normal;
	border: 0;
	color: #888;
	background: none;
}

span.trl_username {
	background-image: url(username.png);
	background-position: 0px 0px;
}

span.trl_pass {
	background-image: url(password.png);
	background-position: 0px 0px;
}

/*
span.trl_username:hover {
	background-image: url(username.png);
	background-position: 0px -20px;
}

span.trl_pass:hover{
	background-image: url(password.png);
	background-position: 0px -20px;
}
*/

span.trl_username input:hover,
span.trl_username input:focus,
span.trl_pass input:hover,
span.trl_pass input:focus{
	color: #000;
}

/********** login/logout ******************************/

span.trl_login_button_onlyicon button,
span.trl_login_button_textpicture button,
span.trl_login_button_iconwithtext button,
span.trl_logout_button_onlyicon button,
span.trl_logout_button_textpicture button,
span.trl_logout_button_iconwithtext button {
	display: block;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	width: 21px;
	height: 20px;
	border: none;
	overflow: hidden;
}

span.trl_login_button_onlyicon button,
span.trl_login_button_textpicture button,
span.trl_login_button_iconwithtext button {
	background-image: url(login_button.png); /* ie6png:crop */
	background-position: 0px 0px;
}

span.trl_login_button_onlyicon button:hover,
span.trl_login_button_textpicture button:hover,
span.trl_login_button_iconwithtext button:hover {
	background-image: url(login_button.png);
	background-position: 0px -20px;
}

span.trl_logout_button_onlyicon button,
span.trl_logout_button_textpicture button,
span.trl_logout_button_iconwithtext button {
	background-image: url(logout_button.png); /* ie6png:crop */
	background-position: 0px 0px;
}

span.trl_logout_button_onlyicon button:hover,
span.trl_logout_button_textpicture button:hover,
span.trl_logout_button_iconwithtext button:hover {
	background-image: url(logout_button.png);
	background-position: 0px -20px;
}

/********** three button, pm icon ******************************/
span.trl_icon_spacer {
	display: block;
	width: 11px;
	margin: 2px;
	float: left;
}
span.trl_lostusername_icon,
span.trl_lostpassword_icon,
span.trl_register_icon {
	width: 25px;
	margin: 0;
	float: left;
}

span.trl_lostusername_icon a,
span.trl_lostpassword_icon a,
span.trl_register_icon a {
	display: block;
	width: 25px;
	height: 20px;
}

span.trl_lostusername_icon {
	background-image: url(lost_username.png); /* ie6png:crop */
}

span.trl_lostpassword_icon {
	background-image: url(lost_password.png); /* ie6png:crop */
}

span.trl_register_icon {
	background-image: url(registration.png); /* ie6png:crop */
}

span.trl_pm_icon {
	width: 19px;
	margin: 0;
	float: left;
	background-image: url(pm_icon.gif); /* ie6png:crop */
}

span.trl_pm_icon a {
	display: block;
	width: 19px;
	height: 18px;
}