/*Login*/
/* toggle effect - show/hide login*/
#login {
		width:				332px;
		color: 				white;
		background-image:	url(images/form-bg.png);
		overflow: 			hidden;
		position: 			relative;
		z-index: 			3;
		height: 			0;
		}

#login a {
		text-decoration: 	none;
		color: 				#33CCCC;
		}

#login a:hover {
		color: 				white;
		}

#login .loginContent {
		width: 				332px;
		height: 			auto;
		margin: 			0 auto;
		text-align: 		left;
		font-size: 			0.85em;
		}

#login .loginContent .left {
		width: 				120px;
		float: 				left;
		padding-left: 		6px;
		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: 			100%;
		}

#login .loginContent input.field {
		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 .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: 				70px;
		font-size: 			0.8em;
		text-align: 		left;
		}

#login .loginClose a {
		display: 			block;
		width: 				100%;
		background: 		url(images/button_close.png) no-repeat right 0;
		padding-right: 		10px;
		border: 			none;
		font-size: 			0.9em;
		color: 				white;
		top:				0;
		}

#login .loginClose a:hover {
		background: 		url(images/button_close.png) no-repeat right -20px;
		}