/*  Place this in your template: */
/* <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/thwakk/css/user.css" type="text/css" />     */
/*   */
.cssnav1
{
background: url(../../images/banners/join_now_dn.gif) no-repeat;
white-space: nowrap;
display: block;
position:absolute;
left:175px;
top:240px;
z-index:10;
}

.cssnav1 a
{
display: block;
color: #000000;
font-size: 11px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav1 img
{

	z-index:10;
	border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav1 a:hover img
{
visibility:hidden
}

.cssnav1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/*
<div class="cssnav1">
<a href="#"><img src="images/banners/join_now.gif" alt="Join Now" /></a>
</div>
*/
.cssnav2
{
background: url(../../images/banners/login_dn.gif) no-repeat;
white-space: nowrap;
display: block;
position:absolute;
left:175px;
top:170px;
z-index:10;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 img
{

	z-index:10;
	border: 0
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/*
<div class="cssnav2">
<a href="#"><img src="images/banners/login.gif" alt="Join Now" /></a>
</div>
*/
#com-form-login-username .inputbox {
	border: 1px solid #658854;
	color: #00f;
	background: #9DBF8C;
}

#com-form-login-password .inputbox {
	border: 1px solid #658854;
	color: #00f;
	background: #9DBF8C;
}