/*
	////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////
	//////													  //////
	//////		SENICITY CONTENT MANAGEMENT SYSTEM			  //////
	//////		Version 1.0.0 -> "Snow Owl"					  //////
	//////													  //////
	//////	  	{  Powered By SENgine (V1)  }			      //////
	//////													  //////
	//////		© 2013 - Alonzi Design 						  //////
	//////		Alonzi.com									  //////
	//////													  //////
	////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////
	
	/*	-> SENICITY LOGIN SYSTEM - CSS Stylesheet
	
		// The stylesheet for the login page. These styles are
		// not used anywhere on the logged in application.
	
	*/
	
@charset "UTF-8";

	body,html {
			margin:0 auto;
			width:100%;
			height:100%;
			background-color:#FFF;
			margin:0;
			font-family:sans-serif;
			color:#222;
			text-shadow:#FFF 0 1px 0;
			overflow:hidden;
	}
	
	input { 
		
		position:relative;
		border:1px #CCC solid;
		font-size:16px;
		padding:10px;
		margin:5px 0 5px 0;
		width:275px;
	}
	input:focus { outline:none; border:1px #222 solid; }
	button {
		border:0;
		background:transparent;
		height:60px;
		width:230px;
		overflow:hidden;
		margin:10px 0 0 35px;
	}
	#login-btn {  }
	#login-btn:hover { margin-top:-60px; }
	#login-btn:active { margin-top:-120px; }

	#loginForm { 
	
		position:absolute; 
		width:310px;
		height:360px; 
		overflow:hidden; 
		left:50%;
		top:50%;
		margin:-260px 0 0 -164px;
		background:#000;
		padding:20px 0 0 15px;
		font-size:11px;
		color:#FFF;
		text-shadow:0 1px 0 #000;
		z-index:3;
	
	}
	
	#logo {
		
		position:relative;
		background:transparent url('../img/layout.login-logo.png'); 
		width:245px; height:93px;
		margin:8px 0 20px 20px;
	}
	
	
	#errorFrame {
				position:absolute;
				top:0;
				left:0;
				margin:10px auto 0 auto;
				padding:10px 0 10px 35px;
				font-size:12px;
				overflow-y:auto;
				color:#111;
				background:#ffe7e7;
				border:1px #E10000 solid;
				line-height:22px;
				width:100%;
				z-index:10;
			}
			#errorFrame b { font-weight:bold; text-shadow:none; margin:0 15px 15px 0; font-size:14px; color:#FF0000; }
			#errorFrame i { font-style:italics; font-weight:bold; }
	
	#postError {
				position:absolute;
				top:0;
				left:0;
				margin:20px auto 0 auto;
				padding:10px 0 10px 35px;
				font-size:12px;
				overflow-y:auto;
				color:#111;
				background:#ffe7e7;
				border:1px #E10000 solid;
				line-height:22px;
				width:100%;
				z-index:9;
			}
			#postError b { font-weight:bold; text-shadow:none; margin:0 15px 15px 0; font-size:14px; color:#FF0000; }
			#postError i { font-style:italics; font-weight:bold; }
	
	
	
		.hide { display:none; }
		.show { display:block; }

	.error-false { display:none; }
	.error-true { display:block; margin:0 0 5px 0; }
	
	
	#warning-box {
				display:none;
				position:relative;
				margin:20px auto 0 auto;
				padding:10px;
				font-size:12px;
				overflow-y:auto;
				color:#111;
				background:#ffe7e7;
				border:1px #E10000 solid;
				line-height:22px;
				width:100%;
			}
			#warning-box b { font-weight:bold; text-shadow:none; margin:0 15px 15px 0; font-size:14px; color:#FF0000; }
			#warning-box i { font-style:italics; font-weight:bold; }
			
	@media only screen and (max-width:1024px){
		button {
			margin:10px 0 0 30px;
		}
		#loginForm { 
	
			margin:-225px 0 0 -164px;
			padding:20px 0 0 15px;
		
		}
		
	}
	@media only screen and (max-width:640px){
		
		#loginForm { 
	
			margin:-172px 0 0 -164px;
			padding:20px 0 0 15px;
		
		}
		
	}