/* Login Panel */

#top {
float:left;
height:auto;
margin:0;
padding:0;
position:relative;
width:99%;
border:0px solid red;
}

#top ul.login {
background:transparent url(images/login_r.jpg) no-repeat scroll right 0;
clear:right;
color:white;
display:block;
float:left;
font-size:80%;
font-weight:bold;
height:20px;
left:0;
line-height:20px;
margin:0;
padding:0;
position:relative;
text-align:center;
width:auto;
}

#top ul.login li {
background:transparent url(images/login_m.jpg) repeat-x scroll 0 0;
display:block;
float:right;
height:20px;
padding:0 10px 0 5px;
text-align:left;
}
 
#top ul.login li a {
	color: #866659;
	}
 
#top ul.login li a:hover {
	color: #ffffff;
	text-decoration: none;
	}
 
/*Login*/
/* toggle effect - show/hide login*/

#login {
	width: 100%;
	color: white;
	background: #1E1E1E;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
	font-style: 1em;
	}
 
#login a {
	text-decoration: none;
	color: #33CCCC;
	}
 
#login a:hover {
	color: white;
	}
 
#login .loginContent {
	width: 550px;
	height: 65px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	}
 
#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
	}
 
#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
	}
 
#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
	}
 
#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
	}
 
#login .loginContent input:focus.field {
	background: #545454;
	}
 
#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
	}

#login .remtext {
	left: 3px;
	top: -3px;
	padding: 0;
	margin: 0;
	position: relative;
	}
 
#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(images/button_login.jpg) no-repeat 0 0;
	}
 
#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 80px;
	height: 20px;
	font-size: 0.9em;
	/*background-color: blue;*/
	text-align: right;
	}
	
#login .loginCloseText {
	top: 4px;
	right: 24px;
	padding: 0;
	margin: 0;
	position: relative;
	}
 
#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(images/button_close.jpg) no-repeat right 0px;
	padding-right: 0px;
	border: none;
	color: white;
	}
 
#login .loginClose a:hover {
	background: url(images/button_close.jpg) no-repeat right -20px;
	}