fieldset#login {
	font-family:Arial,Helvetica,san-serif;
	border-style:solid none none;
	margin:50px auto 0px auto;	
	width:500px;
}

fieldset#login label {
	font-weight:bold;
	font-size:12px;
    float:left;
    line-height:24px;
    padding:2px;
    text-align:right;
    width:100px;    
}

legend {
	font-family:Arial,Helvetica,san-serif;
	font-size:14px;
	font-weight:bold;
}

div.directions {
	font-size:12px;
	margin-bottom:5px;
	text-align:center;
}

div#fields {
	margin:auto;
	width:315px;
}

#username,#folder {
	background:#DDDDDD url('http://www.cms4schools.com/images/icons/member.png') 0px 2px no-repeat;
	border:solid 1px #000000;
	font-family:Arial,Helvetica,san-serif;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:24px;
	margin-left:5px;
	padding:3px 0px 3px 25px;
	width:150px;
}

#username:focus,#folder#focus {
	background-color:#FFFFFF;
}

#password {
	background:#DDDDDD url('http://www.cms4schools.com/images/icons/key.png') 0px 2px no-repeat;
	border:solid 1px #000000;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:24px;
	margin-left:5px;
	padding:3px 0px 3px 25px;
	width:150px;
}

#password:focus {
	background-color:#FFFFFF;
}

input#submit,input#login {
	background:#FFFFFF url('http://www.cms4schools.com/images/icons/arrow_next.png') top right no-repeat;
	border:solid 1px #000000;
	color:#000000;
	height:26px;
	float:left;
	font-family:Arial,Helvetica,san-serif;
	font-weight:bold;
	font-size:12px;
	line-height:24px;
	margin-left:210px;
	padding-right:15px;
	width:75px;
}

.error{
	background:#F7CBCA url('http://www.cms4schools.com/images/icons/x.png') 5px 5px no-repeat;
	border:solid 1px #CC0000;	
	color:#CC0000;
	font-weight:bold;
	line-height:24px;
	margin:5px auto;
	padding:5px;
	text-align:center;
	width:300px;
}

br {
	clear:both;
}