@charset "utf-8";
html,body {margin:0;padding:0;font-size:100%}
body {font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif}
h1,h2,h3 {font-family:georgia,times}
h1 {font-size:280%}
form {width:23em;margin:9% auto 0 auto}
fieldset {font-weight:bold;border:0;border-radius:1em}
fieldset {
background: rgba(252,252,252,1);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(236,241,243,1) 50%, rgba(196,210,217,1) 51%, rgba(252,252,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(50%, rgba(236,241,243,1)), color-stop(51%, rgba(196,210,217,1)), color-stop(100%, rgba(252,252,252,1)));
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(236,241,243,1) 50%, rgba(196,210,217,1) 51%, rgba(252,252,252,1) 100%);
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(236,241,243,1) 50%, rgba(196,210,217,1) 51%, rgba(252,252,252,1) 100%);
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(236,241,243,1) 50%, rgba(196,210,217,1) 51%, rgba(252,252,252,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(236,241,243,1) 50%, rgba(196,210,217,1) 51%, rgba(252,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc', GradientType=0 );
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19)
}
legend {margin-bottom:0.15em}
input#name,input#password {background:transparent}
/*label,input#name,input#password {margin-top:1em}*/
input#name,input#password {margin-top:0.87em}
label {position:relative;color:#7D0057;top:0.25em;padding-left:1.35em}
input#name {min-width:17.8em}
input#password {min-width:15em}
input#name,input#password {border:0;border-bottom:0.15em solid #F30021;color:#7D0057}
input#name:focus,input#password:focus {outline:0;border-right:0;border-top:0;border-left:0;border-bottom-color:#C10087}
input#button {
	line-height:1.6em;
	text-align:center;
	font-weight:bold;
	background:#7D0057;
	border:0.13em solid #C10087;
	border-radius:0.45em;
	color:#fff;
	min-width:15em;
	margin:1.8em 0 2.15em 5em;
	cursor:pointer
}
input#button:hover,input#button:focus {background:#C10087}

header,footer {display:block}
header {
	height:4.8em;
	background:#640CAB;
	padding-top:1em;
	text-indent:1.5rem;
	box-shadow:0 16px 15px -13px #333
}
header h1 {
	margin-top:0;
	color:#C7F83E;
	text-shadow: 2px 2px 2px #739D00;
/* background-image: linear-gradient(to right bottom, #c7f83e, #b1e131, #9cca23, #87b314, #739d00);*/
/*	text-shadow:
	0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,
	0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),
	0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),
	0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),
	0 20px 20px rgba(0,0,0,.15)*/
}
header h1 div {display:inline-block;height:2.5rem;margin-right:0.3rem;position:relative;top:0.25rem
/*	-ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)*/
}
footer {
	height:3em;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	border-top:0.12em solid #561a77;
	-moz-box-shadow:inset 0 15px 20px -14px #000000;
	-webkit-box-shadow:inset 0 15px 20px -14px #000000;
	box-shadow:inset 0 15px 20px -14px #000000;padding-top:1em;
	text-align:right;
	overflow:hidden
}
footer div {color:#565;margin-right:1.2rem}
a {color:#B1F100}
a:hover {color:#E038AD}