@charset "utf-8";
/* CSS Document */
body, html { padding: 0px; margin: 0px; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #DEDEDE; }

/* Positioning */
.left { float:left; }
.right { float:right; }
.center { margin: 0px auto; }
.clear { clear:both; }
/* Login Section(Page) */
.lsplitter { height: 50%; min-height: 150px; box-shadow: inset #3e3e3e 0px -5px 10px -3px; background: #4e4e4e }

.shiftup { margin-top: -100px; }
.login { width: 340px; height: 300px; padding: 5px; margin-top: -150px; border-radius: 16px 16px 5px 5px; border: 2px solid #FFF; box-shadow: #3e3e3e 0px 0px 10px -5px; position:relative; background: #FFF; }
	.login h1 { padding: 10px 0px; margin: 0px; font-size: 34px; min-height: 50px; }
	.login p { padding: 5px; margin: 0px; }
	.login form { padding: 5px 0px; margin: 0px; border-top: 1px solid #ececec; }
		.login form input[type=text],.login form input[type=password] { display:block; margin: 10px auto; width: 310px; padding: 10px; font-size: 14px; border-radius: 3px; border: 1px solid #cecece }
		.login form input[type=submit] { bottom: 5px; left: 5px; position:absolute; }
	.login .split { height: 1px; margin: 5px 0px; }

/* Login Section Mobile Look */
@media all and (max-width: 360px) {
	.login { width: auto; min-width: 200px; border-radius: 0px; }
		.login form input[type=text],.login form input[type=password]  { width: 80%; }
}