/* -----------------------------------------------------------------------

	Everengine Admin - login.css
	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(../images/login/background.png) top left repeat !important;
}
	
	#oldbrowser_overlay {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/login/background.png) top left repeat !important;
	}
	
		#oldbrowser_window {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 460px;
			height: 365px;
			margin: -182px 0 0 -230px;
			border: 3px solid #000;
		}
		
			#oldbrowser_header {
				width: 460px;
				height: 59px;
				line-height: 59px;
				border-bottom: 1px solid #fff;
				background: url(../images/login/header.png) top left repeat-x;
				text-align: center;
				text-shadow: 1px 1px 0 #fff;
				font-size: 15px;
				color: #333;
			}
			
			#oldbrowser_content {
				width: 420px;
				height: 265px;
				padding: 20px;
				background: #fff;
			}
			
				#oldbrowser_content .firefox {
					display: block;
					float: left;
					height: 45px;
					margin: 0 20px 20px 0;
					padding: 0 0 0 45px;
					line-height: 45px;
					font-size: 16px;
					background: url(../images/login/firefox.png) center left no-repeat;
				}
				
				#oldbrowser_content .chrome {
					display: block;
					float: left;
					height: 45px;
					padding: 0 0 0 45px;
					line-height: 45px;
					font-size: 16px;
					background: url(../images/login/chrome.png) center left no-repeat;
				}
				
				#oldbrowser_content .bottom {
					clear: both;
					width: 420px;
					margin: 10px auto;
					padding: 15px 0 0 0;
					border-top: 1px solid #ddd;
					text-align: center;
					font-size: 16px;
					font-weight: normal;
				}

	#login_wrapper {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -61px auto;
		background: url(../images/login/gradient_background.png) top left repeat-x !important;
	}
	
		#login_header {
			height: 85px;
			padding: 35px 0 0 0;
			text-align: center;
		}
	
			#login_header h1 {
				margin: 0;
				font-size: 30px;
				font-weight: 400;
				color: #fff;
			}
			
			#login_header span {
				font-size: 17px;
				font-weight: normal;
				color: #777;
			}
			
		#login_box {
			width: 460px;
			height: 365px;
			margin: 0 auto;
			padding: 8px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(0,0,0,0.2);
		}
		
			#login_box_header {
				width: 460px;
				height: 59px;
				line-height: 59px;
				border-bottom: 1px solid #fff;
				-moz-border-radius: 5px 5px 0 0;
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
				background: url(../images/login/header.png) top left repeat-x;
				text-align: center;
				text-shadow: 1px 1px 0 #fff;
				font-size: 18px;
				color: #333;
			}
			
			#login_box_content {
				width: 460px;
				height: 285px;
				padding: 20px 0 0 0;
				-moz-border-radius: 0 0 5px 5px;
				-webkit-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
				background: #f4f4f4;
			}
			
				#login_box_content label {
					margin: 0 0 5px 80px;
					font-size: 16px;
					color: #666;
				}
			
				#login_box_content input[type=text], #login_box_content input[type=password], #login_box_content .input{
					width: 278px;
					height: 24px;
					line-height: 24px;
					margin: 0 0 20px 80px;
				}
								
				#login_box_content .bottom {
					width: 300px;
					height: 30px;
					margin: 0 auto;
				}
				
				#login_wrapper #err {
					width: 300px;
					margin: -10px auto 15px auto;
					font-size: 11px;
					font-weight: bold;
					color: #cc0000;
				}
				
				#bottom_link {
					width: 300px;
					margin: 25px auto;
					padding: 15px 0 0 0;
					border-top: 1px solid #ddd;
					text-align: center;
					font-size: 16px;
					font-weight: normal;
				}
				
					#bottom_link a { color: #999; text-decoration: none; }
					#bottom_link a:hover { color: #486f96; }
			
		#login_wrapper p.requirement {
			margin: 0;
			padding: 15px 0 0 0;
			text-align: center;
			text-shadow: 1px 1px 0 #000;
			font-size: 13px;
			color: #777;
		}
	
	#login_push {
		height: 61px;
	}
	
	#login_footer {
		width: 100%;
		height: 61px;
		background: url(../images/login/footer.png) top left repeat-x;
		overflow: hidden;
	}
	
		#login_footer div {
			width: 460px;
			height: 61px;
			margin: 0 auto;
		}
		
			#login_footer div a {
				display: block;
				width: 96px;
				height: 19px;
				margin: 12px auto 0 auto;
				background: url(../images/login/everengine.png);
				text-indent: -1000em;
			}
		
			#login_footer div p {
				margin: 5px 0 0 0;
				text-align: center;
				text-shadow: 1px 1px 0 #000;
				font-size: 12px;
				color: #666;
			}