/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	td, th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* vertical align  */
html, body {height: 100%; text-align: center; background: #F4F3DD; }
body { font-size: 62.5%; font-family: sans-serif;}
#center { width: 704px; height: 580px; margin: 0 auto; clear: left; position: relative; background: url(../img/login.jpg) no-repeat top center; font-size: 120%;}
#distance { float: left; width:1px; height:30px; }

.r { text-align: right; }

.lost { text-align: right; padding: 0 5px 0 0; height: 30px;}
.lost a { color: #AA7942; }

.login { height: 530px; }
.login form { padding: 310px 0 0 400px; }
.login label { display: block; padding: 0 0 3px 0; }
.login input { width: 200px; border: 1px solid #C9C9C9; padding: 5px; }

.login .button { margin: 0; padding: 4px 0; border: 0; width: 87px; text-align: center; background: url(../img/login-button.gif) no-repeat center; font-weight: bold; color: #fff; cursor: pointer; }
.login .button:hover { color: #ff0; }

.copy, .bmedia { color: #AA7942; padding: 5px; }
.copy { float: left; }
.bmedia { float: right; padding-right: 30px; background: url(../img/bmedia-login.gif) no-repeat right; }
.bmedia a { color: #AA7942; }

.login .error { border: 1px solid red; padding: 10px; margin: 5px; background: white; color: red; font-weight: bold; }
.login ul.error li { padding: 0 0 0 14px; list-style: none;}

/* vertical align  */
.login h1 { display: none; }
.login td { text-align: left; padding: 0.5em;}

.login .save { width: 130px; background: url(../img/butt-visibility.gif) no-repeat; height: 28px; border: 0; cursor: pointer; color: #fff; }
.login .save { width: 80px;  background: url(../img/butt-del.gif) no-repeat;}

.login .links { float: left;   padding: 1em 0 0 0; margin: 0 0 0 50px; list-style: none; display: inline; }
.login .links li { text-align: left; padding: 0; margin: 0 1em 0 0; list-style: none; float: left; }

.login .links a { color: #996B39; }
.login .links a:hover { color: #000; }


.login .copy, .login .bmedia { color: #AA7942; padding: 5px; }
.login .copy { float: left; }
.login .bmedia { float: right; padding-right: 30px; background: url(../img/bmedia-login.gif) no-repeat right; }
.login .bmedia a { color: #AA7942; }

.login .error { border: 1px solid red; padding: 10px; margin: 5px; background: white; color: red; font-weight: bold; }
.login ul.error li { padding: 0 0 0 14px; list-style: none;}