/* ------------------------------------------------------------------------------
 * LOST PASSWORD - (IE7+ FF3+ Opera9+)
 * 
 * 	project: 	StockFuel
 * 	version: 	1.0 - 17.03.2010
 * 	author:		Hugo Larcher (hl@void.pt)
 *	assets:		lost-password.gif
 *
 * 	[Table of Contents]
 *
 * 	1. Content Area (#lostPassword)
 * 		1.1. Form (.lostpassForm)
 * ------------------------------------------------------------------------------
 */

/* [1. Content Area] */
#lostPassword {
	position:					relative;
	width:						664px;
	height:						897px;
	margin:						0px;
	padding:                	10px;
	text-align:					left;
	background-color:			#232323;
}

#lostPassword h1 {
	margin:						15px;
	font:						20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:						#FEBF53;
}

#lostPassword h2 {
	margin:						0px 15px 15px 15px;
	font:						18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:						#FFFFFF;
}

#titleBox {
	margin-bottom:				20px;
}

/* [1.1. Form] */
#lostPassword .lostpassForm {
	position:					relative;
	width:						634px;
	margin:						0px 15px 0px 15px;
	padding:                	0px;
	text-align:					center;
}

#lostPassword .lostpassForm label {
	position:					relative;
	float:						left;
	width:						150px;
	height:						25px;
	margin:						13px 0px 17px 0px;
	padding-right:              5px;
	text-align:					right;
	font:						18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:						#FEBF53;
}

#lostPassword .lostpassForm div.field {
	position:					relative;
	float:						left;
	clear:						right;
	width:						443px;
	height: 					30px;
	margin:						10px 0px 15px 0px;
	padding:	 				0px;
	background:					transparent url(../../images/lost-password.gif) no-repeat left top;
}

#lostPassword .lostpassForm input {
	width:						423px;
	margin:						6px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						12px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1B1B1B;
}

#lostPassword .lostpassForm input.sendpassButton {
	width: 						122px;
    height: 					36px;
	margin:						0px 0px 5px 0px;
	padding:	 				0px;
    border: 					none;
	background:					url(../../images/lost-password.gif) no-repeat;
	background-position:		0px -30px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

#lostPassword .lostpassForm input.sendpassButton:hover {
	background-position:		-122px -30px;
}
#lostPassword .lostpassForm input.sendpassButton:active {
	background-position:		-122px -30px;
}

#lostPassword .lostpassForm input.newpassButton {
	width: 						122px;
    height: 					36px;
	margin:						0px 0px 5px 0px;
	padding:	 				0px;
    border: 					none;
	background:					url(../../images/lost-password.gif) no-repeat;
	background-position:		0px -66px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

#lostPassword .lostpassForm input.newpassButton:hover {
	background-position:		-122px -66px;
}
#lostPassword .lostpassForm input.newpassButton:active {
	background-position:		-122px -66px;
}