@charset "UTF-8";
/* CSS Document */

/* ========CSS RESET STYLES======== */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
td, th, caption {
	font-weight: normal;
	text-align: left;
}
img, fieldset {
	border: 0;
}
ol {
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style:square;
}
q:before, q:after {
	content:'';
}

/* ========TAG SELECTORS======== */

html {
	min-height: 100%;
}
body {
	background-image: linear-gradient(bottom, rgb(16,99,16) 13%, rgb(0,153,0) 57%);
	background-image: -o-linear-gradient(bottom, rgb(16,99,16) 13%, rgb(0,153,0) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(16,99,16) 13%, rgb(0,153,0) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(16,99,16) 13%, rgb(0,153,0) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(16,99,16) 13%, rgb(0,153,0) 57%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(16,99,16)), color-stop(0.57, rgb(0,153,0)));
}
html, 
body, 
p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	color: #333;
}

/* ========CLASS SELECTORS======== */

.center {
	text-align: center;
}

/* ========LAYOUT======== */

#horizon {
	height: 176px;
	width: auto;
	background: #feff25 url(../img/horizon.jpg)bottom left repeat-x;
}
#contentArea {
	width: 555px;
	height: 424px;
	margin: 0 auto 0 auto;
	position: relative;
}
#mark {
	position: absolute;
	margin: -160px 0 0 -520px;
}
#loginWrapper {
	float: right;
}
#login {
	padding: 20px 30px 35px 20px;
	border: 3px solid #feff25;
	border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px;
	box-shadow: 0px 5px 10px #106310;
		-moz-box-shadow: 0px 5px 10px #106310;
		-webkit-box-shadow: 0px 5px 10px #106310;
	margin: -30px 0 0 0;
	background: -moz-linear-gradient(top, #009900, #00aa00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009900), to(#00aa00));
}
nav {
	margin-top: 15px;
}
nav img {
	opacity: .8;
	filter: alpha(opacity=80);
}
nav img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ========FORMS======== */

form p {
	padding: 16px 0 0 0;
}
label {
	font-size: 18px;
	font-weight: 600;
	color: #040;
	text-shadow: 0px 1px 1px #0c0;
	float: left;
	width: 100px;
	text-align: right;
	clear: left;
	margin: 4px 10px 0 0;
}
input[type="text"] {
	color: #333;
	width: 200px;
	background-color: #fff;
	font-size: 16px;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}
input[type="password"] {
	color: #333;
	width: 200px;
	background-color: #fff;
	font-size: 16px;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;	 
}
input[type="submit"] {
	font-family: Helvetica, sans-serif;
	color: #767702;
	text-shadow: 0px 1px 1px #ffff9d;
	background-color: #feff25;
	padding: 6px 15px 7px 15px;
	border-top: 1px solid #ffff9d;
	border-bottom: 1px solid #767702;
	border-left: none;
	border-right: none;
	cursor: pointer;
	outline: none;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -1px;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	background: -moz-linear-gradient(top, #eef023, #c8ca22);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eef023), to(#c8ca22));
	box-shadow: 0px 1px 1px #99cc99, 0px -1px 1px #107010;
		-moz-box-shadow: 0px 1px 1px #99cc99, 0px -1px 1px #107010;
		-webkit-box-shadow: 0px 1px 1px #99cc99, 0px -1px 1px #107010;	
}
input:hover[type="submit"] {
	font-family: Helvetica, sans-serif;
	color: #ffff9d;
	text-shadow: 0px -1px 1px #767702;
}
input:active[type="submit"] {
	padding: 7px 15px 6px 15px;
	border-top:  1px solid #090;
	border-bottom: 1px solid #090;
	background: -moz-linear-gradient(top, #c8ca22, #eef023);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8ca22), to(#eef023));
}
input:focus[type="text"],
input:focus[type="password"] {
	background-color: #ffffaa;
	outline: none;
	border-color: #ff0;
}