body {
		padding:0;
		margin:0;
		font-family:Verdana, Geneva, sans-serif;
		background-color:#F7F7F7;
	}
	
	#wrap {
		width:100%;	
		background-color:#6C207F;
		position:absolute;
	
		bottom:50%;
	}
	
	#wrap > div {
		max-width:450px;
		margin:0 auto;
		padding:30px;
	}
	
	#wrap > div #logo {
		width:200px;
		margin:0 auto;
		height:92px;
		background-image:url(/site/modules/testlogin/images/logo.png);
	}
	
	#wrap > div form {
		padding:30px 20px 30px 50px;
	}
	
	#wrap > div form input[type="password"] {
		border: solid 1px #333;
		border-radius:3px;
		padding:7px;
		color:#666;
		width:75%;
	}
	
	#wrap > div form input[type="submit"] {
		margin-left:-9px;
		border-radius:0 3px 3px 0;
		padding:6px;
		background-color:#FFF;
		color:#333;
		border:solid 1px #fff;
	
	}
	
	#wrap > div form input[type="submit"]:hover {
		cursor:pointer;	
		background-color:#EEE;
	}
	
	input:focus {
		outline: 0;
	}
	
	@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and (orientation:landscape)
	{	
		#wrap {
			top:10%;	
			bottom:10%;
		}
		
		#wrap > div form input[type="submit"] {
			padding:7px ;
		}	
	}
	
	
	@media (max-width:499px),(max-device-width:499px) and (orientation:portrait)
	{
		#wrap {
			top:25%;	
			bottom:25%;
		}
		
		#wrap > div form {
			padding:10px;	
		}
		
		#wrap > div form input[type="password"],
		#wrap > div form input[type="submit"] {
			width:100%;	
			min-width:100%;
			margin-left:0;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		#wrap > div form input[type="submit"] {
			margin-top:5px;	
			display:block;
			border: solid 1px #333;
			border-radius:3px;
		}
	}