#login #footer-container {
	display: none;
}
.ribbon {
	height: 23px;
	width: 100%;
	display: block;
	padding: 4px 0;
	position: fixed;
	left: 0;
	background-color: rgba(0,0,0, 0.5);
	z-index: 3;
}
.ribbon-top {
	top: 0;
}
.ribbon-bottom {
	bottom: 0;
}
.ribbon > DIV {
	height: 21px;
	width: 100%;
	display: block;
	background-color: #1f1f1f;
	border-color: black;
	border-style: solid;
	border-width: 1px 0 1px 0;
}
.ribbon > DIV > SPAN {
	height: 1px;
	width: 100%;
	display: block;
	background-color: #4d4d4d;
}
#login .login-form {
	height: 313px;
	width: 444px;
	display: block;
	padding: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -163px;
	margin-left: -228px;
	background-color: rgba(0,0,0,0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#login .login-form > DIV {
	height: 299px;
	width: 430px;
	display: black;
	position: relative;
	padding: 7px;
	background-color: black;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	z-index: 1;
}
#login .login-form .login-heading {
	font-family: "Ignis et Glacies Sharp", Arial, Helvetica, sans-serif;
	height: 44px;
	display: block;
	position: relative;
	
	background-image: -webkit-linear-gradient(top, #232323 50%, #0c0c0c 50%);
	background-image: -moz-linear-gradient(top, #232323 50%, #0c0c0c 50%);
	background-image: -ms-linear-gradient(top, #232323 50%, #0c0c0c 50%);
	background-image: -o-linear-gradient(top, #232323 50%, #0c0c0c 50%);
	background-image: linear-gradient(top, #232323 50%, #0c0c0c 50%);
	
	border-color: #343434 #222222 #000000 #222222;
	border-style: solid;
	border-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#login .login-form .login-heading > H3 {
	display: block;
}
#login .login-form .login-heading > DIV {
	font-size: 1.8em;
	font-weight: bold;
	color: white;
	height: 100px;
	width: 50px;
	display: block;
	text-align: center;
	padding: 20px 0 0 0;
	position: absolute;
	top: -1px;
	right: 9px;
	background-color: ;
	background: #729e1b url(../images/bookmark.jpg) 0 0 no-repeat;
	-webkit-text-shadow: 0 2px 2px #4a6e12;
	-moz-text-shadow: 0 2px 2px #4a6e12;
	text-shadow: 0 2px 2px #4a6e12;
	-webkit-box-shadow: 0 1px 4px 0 black;
	-moz-box-shadow: 0 1px 4px 0 black;
	box-shadow: 0 1px 4px 0 black;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 2;
}
#login .login-form .login-heading > DIV > SPAN {
	font-size: 2em;
	line-height: 1;
	display: block;
}

#user-login {
	height: 253px;
	width: 281px;
	display: block;
	padding: 0;
	float: left;
	position: relative;
	background-color: #f0f0f0;
}
#user-login > FIELDSET{
	margin-top: 15px;
}
#user-login > FIELDSET > DIV.form-item {
	margin: 0;	
}
#user-login > FIELDSET > DIV.form-item > LABEL {
	font-family: Arial;
	font-size: 1.16em;
	font-weight: normal;
	color: #929292;
	display: block;
	width: inherit;
	text-align: left;
	margin: 5px 25px;

	line-height: 1;
	float: none;
	padding-right: 0;
}
#user-login > FIELDSET > DIV.form-item > INPUT {
	font-family: Arial;
	font-size: 1.4em;
	font-weight: normal;
	color: white;
	width: 178px;
	height: 34px;
	display: block;
	padding: 0 10px;
	margin: 0 20px;
	background-color: #008aa2;
	
	background-image: -webkit-linear-gradient(top, #005f70 0%, #008aa2 30%);
	background-image: -moz-linear-gradient(top, #005f70 0%, #008aa2 30%);
	background-image: -ms-linear-gradient(top, #005f70 0%, #008aa2 30%);
	background-image: -o-linear-gradient(top, #005f70 0%, #008aa2 30%);
	background-image: linear-gradient(top, #005f70 0%, #008aa2 30%);
	
	border: 1px solid white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#user-login > FIELDSET > .form-submit {
	font-family: "Ignis et Glacies Sharp", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: white;
	height: 70px;
	width: 200px;
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 10px 20px;
	background: transparent url(../images/form_button.jpg) 0 0 no-repeat;
	border: 0;

	-webkit-text-shadow: 0 2px 1px #4a6f12;
	-moz-text-shadow: 0 2px 1px #4a6f12;
	text-shadow: 0 2px 1px #4a6f12;

	-webkit-box-shadow: 0 1px 4px black;
	-moz-box-shadow: 0 1px 4px black;
	box-shadow: 0 1px 4px black;	

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#user-login > FIELDSET > .login-button-text {
	font-family: Arial;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #2e460d;
	display: block;
	position: absolute;
	top: 180px;
	left: 70px;
	-webkit-text-shadow: 0 1px 0 #7b9c4e;
	-moz-text-shadow: 0 1px 0 #7b9c4e;
	text-shadow: 0 1px 0 #7b9c4e;
}

#user-login > FIELDSET > LABEL {
	color: #8a8a8a;
	width: 202px;
	display: block;
	padding: 10px;
	margin: 0 20px;
	position: relative;
}

#user-login > FIELDSET > LABEL:before {
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;

	background-image: -webkit-linear-gradient(left, #f0f0f0 0%, white 40%, white 60%, #f0f0f0 100%);
	background-image: -moz-linear-gradient(left, #f0f0f0 0%, white 40%, white 60%, #f0f0f0 100%);
	background-image: -ms-linear-gradient(left, #f0f0f0 0%, white 40%, white 60%, #f0f0f0 100%);
	background-image: -o-linear-gradient(left, #f0f0f0 0%, white 40%, white 60%, #f0f0f0 100%);
	background-image: linear-gradient(left, #f0f0f0 0%, white 40%, white 60%, #f0f0f0 100%);

}
#user-login > FIELDSET > LABEL:after {
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	
	background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #b8b4b4 40%, #b8b4b4 60%, #f0f0f0 100%);
	background-image: -moz-linear-gradient(left, #f0f0f0 0%, #b8b4b4 40%, #b8b4b4 60%, #f0f0f0 100%);
	background-image: -ms-linear-gradient(left, #f0f0f0 0%, #b8b4b4 40%, #b8b4b4 60%, #f0f0f0 100%);
	background-image: -o-linear-gradient(left, #f0f0f0 0%, #b8b4b4 40%, #b8b4b4 60%, #f0f0f0 100%);
	background-image: linear-gradient(left, #f0f0f0 0%, #b8b4b4 40%, #b8b4b4 60%, #f0f0f0 100%);
	
	
}
#user-login > FIELDSET > LABEL > INPUT {
	margin: 0 5px;
}
/* LEFT PANEL */
#login .login-form .login-left-panel {
	height: 253px;
	width: 149px;
	float: left;
	display: block;
	position: relative;
	background-color: #008197;
	background-image: -webkit-linear-gradient(top, #009eb9 0%, #006373 100%);
	background-image: -moz-linear-gradient(top, #009eb9 0%, #006373 100%);
	background-image: -ms-linear-gradient(top, #009eb9 0%, #006373 100%);
	background-image: -o-linear-gradient(top, #009eb9 0%, #006373 100%);
	background-image: linear-gradient(top, #009eb9 0%, #006373 100%);
	
}
#login .login-form .login-left-panel > DIV {
	height: 100%;
	width: 1px;
	display: block;
	margin: 0 0 0 1px;
	float: left;
	position: relative;
	background-color: #0080a0;
	
	background-image: -webkit-linear-gradient(top, #0088a9 0%, #7fafbb 50%, #004a56 100%);
	background-image: -moz-linear-gradient(top, #0088a9 0%, #7fafbb 50%, #004a56 100%);
	background-image: -ms-linear-gradient(top, #0088a9 0%, #7fafbb 50%, #004a56 100%);
	background-image: -o-linear-gradient(top, #0088a9 0%, #7fafbb 50%, #004a56 100%);
	background-image: linear-gradient(top, #0088a9 0%, #7fafbb 50%, #004a56 100%);
	

}
#login .login-form .login-left-panel > UL {
	width: 147px;
	display: block;	
	margin: 0;
	padding: 0;
	position: absolute;
	left: 2px;
	bottom: 0;
}
#login .login-form .login-left-panel > UL > LI {
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	color: white;
	height: 51px;	
	width: 147px;
	display: block;
	position: relative;
	background-image: -webkit-linear-gradient(top, transparent 50%, rgba(0,0,0,0.2) 100%);
	background-image: -moz-linear-gradient(top, transparent 50%, rgba(0,0,0,0.2) 100%);
	background-image: -ms-linear-gradient(top, transparent 50%, rgba(0,0,0,0.2) 100%);
	background-image: -o-linear-gradient(top, transparent 50%, rgba(0,0,0,0.2) 100%);
	background-image: linear-gradient(top, transparent 50%, rgba(0,0,0,0.2) 100%);
}
#login .login-form .login-left-panel > UL > LI > SPAN {
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	background-color: #20c8e4;
	background-image: -webkit-linear-gradient(top, #167281 0%, #167c8d 100%);
	background-image: -moz-linear-gradient(top, #167281 0%, #167c8d 100%);
	background-image: -ms-linear-gradient(top, #167281 0%, #167c8d 100%);
	background-image: -o-linear-gradient(top, #167281 0%, #167c8d 100%);
	background-image: linear-gradient(top, #167281 0%, #167c8d 100%);
}
#login .login-form .login-left-panel > UL > LI > A {
	font-family: Arial;
	display: block;
	padding: 10px 0 10px 30px;
}
#login .login-form .login-left-panel > UL > LI > A:hover {
	text-decoration: none;
}
#login .login-form .login-left-panel > UL > LI > A > SPAN{
	font-size: 1.16em;
	font-weight: bold;
	color: #b0d8e3;
	display: block;
}
#login .login-form .tree {
	height: 259px;
	width: 280px;
	display: block;
	position: absolute;
	bottom: -80px;
	right: -170px;
	background: transparent url(../images/form_tree.png) 0 0 no-repeat;
	z-index: -1;
}
#user-login > FIELDSET > .form-image {
	height: 36px;
	display: block;
	position: absolute;
	right: 30px;
	background-color: transparent;
	background-image: url(../images/icon_map.png);
	background-repeat: no-repeat;
}
#user-login > FIELDSET > .user {
	top: 33px;
	width: 27px;
	background-position: -152px -51px;
}
#user-login > FIELDSET > .passwd {
	top: 92px;
	width: 25px;
	background-position: -179px -51px;
}