@charset "UTF-8";
/* CSS Document */


/*--------------------login--------------------*/
	
#logged {display: none;} /* hides logout bar */	
		
#login {
	background: url(images/login_bg.gif) no-repeat;
	width: 380px;
	height: 30px;
	position: absolute;
	left: 510px;
	}
	
#login_btm {
	background: url(images/login_btm.png) no-repeat;
	height: 6px;
	width: 380px;
	margin-left: -10px;
	clear: both;
	}
	
#login_content {
	padding: 8px 10px;
	}
	
#login_txt {
	background: #ccc;
	width: 62px;
	height: 8px;
	margin-top: 6px;
	float: left;
 	}	
	
#login_content input {
	margin-left: 5px;
	}
	
#login form {
	margin-left: 5px;
	float: left;
	}
	
#login input {
	color: #7d7d7d;
	border: none;
	padding: 0 3px;
	outline: none;	
	}
	
input.username {background: url(images/username_bg.gif) no-repeat; height: 20px;}
input.password {background: url(images/password_bg.gif) no-repeat; height: 20px;}

input.submit {
	background: url(images/submit_btn.gif) no-repeat;
	padding: 0;
	width: 20px;
	height: 20px;
 	position: absolute;
	top: 8px;	
	left: 280px;
	}

input.submit:hover {background-position: 0 -20px; cursor:pointer;}


/*--------------------slide--------------------*/


a:focus {
	outline: none;
	}

#panel {
	background: #121212;
	display: none;
	width: 360px;
	padding: 0 10px;
	margin-left: -10px;
	clear: both;
	}
	
/*----------added by aAtthew--------------------*/	
	#panel_loggedin {
		background: #121212;
		width: 360px;
		padding: 0 10px;
		margin-left: -10px;
		clear: both;
	}
	#panel_content_loggedin {
		background: #121212;
		padding: 10px 0;
	}	
/*------------------------------*/	
		
		
	
	
	
	

.slide {
	margin: 0;
	}

#btn-slide {
	width: 50px;
	height: 20px;
 	position: absolute;
	top: 8px;	
	left: 317px;	
	}

#btn-slide a {
	background: url(images/more_btn.gif) no-repeat;
	width: 58px;
	height: 20px;
	display: block;
	}
	
#btn-slide a:hover {
	background-position: 0 -20px;
	}
	
.active {
	}
	
#panel_content {
	background: #121212;
	padding: 10px 0;
	}	
	
.login_links li {
/*	background: url(images/border.gif) repeat-x bottom; when adding more than 2 links uncomment this and add 4px to top and bottom padding */	
	width: 170px;
	height: 18px;
	padding: 0;
	display: inline-block;
	margin-right: 16px;
	}
	
.login_links li.right {
	margin-right: 0;
	}
	
.login_links a {
	background: url(images/login_link.gif) no-repeat right;
	color: #7d7d7d;
	padding: 3px 0;
	display: block;
	}
	
.login_links a:hover {
	background: url(images/login_link_over.gif) no-repeat right;
	color: #fff;
	}