/* BOF: LOGIN BOX */
#loginwrapper{
	width: 503px;
	margin: auto;
	border: 0px solid #F00
}

.loginbox{
	position:absolute;
	margin: 65px 85px;
	width: 375px;
	height: 150px;
	border: 0px solid #F00;
}

fieldset#loginfield {
	background: url(../images/loginbox.png) no-repeat;
	background-size: 500px 300px;
	height: 300px;
	border: 0;
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

fieldset#loginfield label{
	position:relative;
	top: 20px;
	left: 20px;
	color:#ffffff;
	font-family:Verdana;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	text-shadow: -1px -1px 0px #666666;
}

.inputbox{
	width: 224px;
	height: 34px;
	padding: 2px;
	text-shadow: 0px 1px 0px #ffffff;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbe', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff));
	background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
	margin-top:12px;
}

.hasPlaceholder {
	color: #666666;
	text-shadow: -1px -1px 0px #FFFFFF;
}
/* EOF: LOGIN BOX */

/* BOF: LOGIN BUTTON SLIDE */
.clear {overflow:auto;}

#vertical, #horizontal{
	position:relative;
	top: -93px;
	left: 250px;
}

#vertical ul, #horizontal {
	list-style:none
}

#vertical ul li, #horizontal ul li {
	margin-right:3px;
	width:100px;
	height:110px;
	border: 0px solid #999;
	position:relative;
	overflow:hidden;
}
#vertical img, #horizontal img {
	position:absolute;
}
/* EOF: LOGIN BUTTON SLIDE */

/* BOF: Version */
#loginwrapper .vers{
	font: normal 10px Verdana, Geneva, sans-serif;
	position: relative;
	top: 195px;
	left: 430px;
}
/* EOF: Version */

/* BOF: forgotten */
.forgotten{
	position: relative;
	top: 210px;
	margin-left: 15px;
	border: 0px solid #F00
}
/* BOF: forgotten */

/* BOF: icons  */
.personicon {
	position:absolute;
	top: 10px;
	left: -40px;
}

.lockicon {
	position:absolute;
	top: 62px;
	left: -40px;
}
.personicon img, .lockicon img {
	width: 35px;
	height: 45px;
}
/* EOF: icons  */


#email {
	width: 224px;
	height: 34px;
	padding: 2px;
	text-shadow: 0px 1px 0px #ffffff;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbe', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff));
	background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
}

#progressid{
	position:relative;
	width: 503px;
	margin: 150px auto;
	border: 0px solid #F00;
	text-align:center;
}

.error{
	color: #F90;
}