/*
	css/login.css
	*/
	
	body {
		background: url('images/login/bg.gif') #A6B5C9 repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-top: 0px;
	}
	
	a, a:visited, a:active {
				color: #58616E;
				text-decoration: underline;
				font-size: 11px;
			}
			
			a:hover {
				color: #394351;
				text-decoration: none;
			}
	
	#c {
		width: 406px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 170px;
	}

/*
	Top
	*/
	
	.top_bg {
		background: url('images/login/top/bg.gif') repeat-x;
		height: 43px;
	}
	
		.top_left {
			background: url('images/login/top/left.gif') top left no-repeat;
			float: left;
			width: 5px;
			height: 43px;
		}
		
		.top_right {
			background: url('images/login/top/right.gif') top right no-repeat;
			float: right;
			width: 158px;
			height: 43px;
		}
	
/*
	Box
	*/
	
	.box_c {
		background: url('images/login/box/bg.gif') #fff repeat-y;
		border-bottom: 1px solid #2C343F;
	}
	
	.box_con {
		padding: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}

/*
	Error
	*/
	
	.error {
		background: url('images/login/error/bg.gif') repeat-x #FAB0B0;
		border-bottom: 1px solid #DB1515;
		border-right: 1px solid #DB1515;
		border-top: 1px solid #C9BEBE;
		border-left: 1px solid #C9BEBE;
		padding: 10px;
		font-size: 11px;
		margin-bottom: 3px;
		color: #870000;
	}
	
	.thank_you {
		background: url('images/login/thank/bg.gif') repeat-x #D2FAB5;
		border-bottom: 1px solid #80DB15;
		border-right: 1px solid #80DB15;
		border-top: 1px solid #C9BEBE;
		border-left: 1px solid #C9BEBE;
		padding: 10px;
		font-size: 11px;
		margin-bottom: 3px;
		color: #208700;
	}

/*
	Modified
	*/
	
	input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 2px;
	}
		
		input.f {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding: 2px;
			margin-right: 15px;
		}
		
		input:focus.f {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			background: #FFFBE2;
			border: 1px solid #FF7200;
			padding: 3px;
		}
	
	* html form {
		padding: 0px;
		margin: 0px;
	}

/*
	Footer
	*/
	
	.footer {
		font-size: 11px;
		color: #55667C;
		letter-spacing: 1px;
		padding-top: 5px;
	}

/*
	MSIE FIX
	*/
	
	* html .top_fix_ie {
		margin-top: 170px;
	}
		
		p#ie {
			margin: 0px;
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
		}

/*
	Tool Tip
	*/
	
	a.info {
		position: relative; /*this is the key*/
		z-index: 1;
		color: #58616E;
		text-decoration: underline;
		cursor: help;
	}

	a.info:hover {
		z-index: 25;
		color: #394351;
		text-decoration: none;
	}

	a.info span {
		display: none
	}

	a.info:hover span { /*the span will display just on :hover state*/
		display: block;
		position: absolute;
		top: 2em;
		left: -27em;
		width: 25em;
		border: 1px solid #F0DA60;
		background: #FFFBCB;
		color: #000;
		padding: 10px;
	}