#toplogin {
/*display:none;
	visibility: hidden;*/
}

#loginbox {
	background: url(img/toplogin-back.jpg) top left repeat-x #e3a302;
	clear: both;
	height: 25px;
	overflow: hidden;
	
	}

.loginpre-info {
	color: #70706f;
	font-size: 1.1em;
	}

.login-realinfo {
	color: white;
	margin: 0 15px 0 5px;
	line-height: 20px;
	font-weight: bold;
	font-size: 1.1em;
	}

#loginholder2 {
	background: url(img/savemode.gif) top left no-repeat;
	padding: 0px 0 0 40px;
	line-height: 20px;
	}

.logininfo {
	
	}

#loginholder2 a:link,
#loginholder2 a:visited {
	background: url(img/toplogin-link-left.gif) top right repeat-y;
	padding: 1em 10px;
	color: #777;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	}

#loginholder2 a:hover {
	color: white;
	}

.logintopbutton {
	background: url(img/toplogin-link-left.gif) top left repeat-y;
	padding: 1em 0px 1em 10px;
	}

.logoutbutton {
	float: right;
	margin: -21px 0 -1px 0;
	background: url(img/logoutbutton-back.gif) top left repeat-y #d71818;
	color: white;
	text-align: center;
	border: 0;
	height: 100%;
	padding: 1px 10px 1px 10px;
	padding: 0.4em 10px;
	cursor: hand;
	font-weight: bold;
	text-transform: uppercase;
	}

.logoutbutton:hover {
	color: white;
	cursor: hand;
	}

#loginbox hr {
	visibility: hidden;
	}

div#toplogin {
	width: 270px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 100;
	}

.openlogin {
	background: url(img/loggin-button-top.png) bottom left no-repeat;
	width: 270px;
	display: block;
	cursor: pointer;
	text-align: center;
	color: white;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 2px 0;
	}

#loginholder {
	padding: 3px 1px 0 0;
	background: url(img/loggin-button-right.jpg) right top repeat-y #f4f4eb;
	}

#loginholder label {
	width: 80px;
	float: left;
	color: #8e8878;
	font-size: 1.2em;
	margin-left: 10px;
	padding-top: 6px;
	text-align: right;
	}

#loginholder .logininput input {
	border: 3px solid white;
	background: url(img/formback-off.gif) top left no-repeat;
	padding: 3px 6px;
	color: #999;
	width: 120px;
	position: relative;
	margin: 2px 3px 3px 10px;
	}

#loginholder .logininput input:focus {
	border: 3px solid #ECA903;
	background: url(img/formback-on.jpg) top left no-repeat;
	color: #f5821f;
	}

#loginholder .loginusername,
	#loginholder .loginpass {
	padding: 3px;
	}

#loginholder .loginusername {
	padding: 3px;
	margin-bottom: 3px;
	}

#loginholder .loginusername:hover,
	#loginholder .loginpass:hover {
	background-color: #F2EEC3;
	color: #ECA903;
	}

#loginholder .loginusername:hover label {
	color: #ECA903;
	}

#loginholder legend {
	display: none;
	}

h3.loginholder-title {
	color: #8e8878;
	padding: 5px 0px 5px 105px;
	font-size: 1.4em;
	font-weight: lighter;
	text-transform: uppercase;
	background-color: #F2EEC3;
	width: 164px;
	display: block;
	margin: 0 0 3px 0;
	}

.loginbutton a:link,
.loginbutton a:visited {
	color: #8e8878;
	padding: 5px 0px 5px 105px;
	font-size: 1.1em;
	font-weight: lighter;
	text-transform: uppercase;
	background-color: #e8e7dc;
	width: 164px;
	display: block;
	margin: 0 0 3px 0;
	}

.submitbutton {
	color: #8e8878;
	padding: 5px 0px 5px 102px;
	font-size: 1em;
	font-weight: lighter;
	text-transform: uppercase;
	background-color: #e8e7dc;
	width: 269px;
	display: block;
	margin: 3px 0 3px 0;
	border: 0;
	cursor: hand;
	text-align: left;
	}

.submitbutton:hover,
.loginbutton a:hover {
	color: #ECA903;
	background-color: #F2EEC3;
	}