body { text-align: center; height:auto;}

#loginholder { position: relative; width: 370px; margin: 150px auto 0 auto; padding: 0;}
#loginholder form { margin: 0; padding: 0; }
#loginholder .title { position: relative; margin: 0; padding: 3px 0 0 10px; height: 22px; background: #fff url(../pics/bgTitle.jpg) repeat-y 50% 0;  border: 1px solid  #f00; border-width: 1px 1px 0 1px; color: #fff; text-align: left; }

#loginholder .greyOut { color: #808080; }

#login { position: relative; overflow: hidden; padding: 4px 20px; border: 1px solid #f00; text-align: center; }
#login p.error { padding: 6px 0; }
#login dl { position: relative; width: 328px; overflow: hidden; margin: 0 auto; padding: 6px 0 26px 0; }
#login dl dt { position: relative; float: left; display: inline; margin: 1px 0; width: 98px; text-align: left; }
#login dl dd { position: relative; margin: 1px 0 1px 104px; text-align: right;}
#login dl label { position: relative; height: 16px; color:#333;}
#login dd input.text { margin: 0; width: 188px; height: 16px; font: 12px/12px Verdana, Arial, sans-serif; border: 1px solid  #c00; }
#login dd select { margin: 0; width: 190px; min-height: 16px; font: 12px/12px Verdana, Arial, sans-serif; border: 1px solid  #c00; }
* html #login dd select { height: 16px; }
#login dd #button { position: absolute;  right: 0; display:block; height:14px; padding: 2px 20px 2px 2px; margin: 4px 0 0 0; background: url(../pics/icon/go.gif) no-repeat 98% 50%; border: 1px solid #c00; color: #333; text-decoration: none; }
#copy { position: relative; padding: 4px 0 0 0; height: 22px; border: 1px solid #f00; border-top: 0; background-color: #FFF9F9; font-size: 10px; color: #f00; text-align: center; }



#loginholder { position: relative; width: 580px; margin: 150px auto 0 auto; padding: 0;font-family: verdana;}
#loginholder h1 { font-size: 40px; font-weight: bold; text-align: left; width: 300px; position: absolute; top: 20px; left: 20px;}
#loginholder h2 { font-size: 20px; font-weight: normal; text-align: left; width: 375px; position: absolute; bottom: 43px; right: 25px; line-height: 26px; }
#loginholder .bg { background: url('../../pics/login/background.gif') top left no-repeat; width: 580px; height: 461px; position: relative; }
#loginholder .bg .content { margin-top: 155px; float: left; margin-left: 50px; display: inline; }
#loginholder .bg .content dl { width: 475px; }
#loginholder .bg .content dt {height: 18px;margin-bottom: 16px;}
#loginholder .bg .content input {width: 275px;height: 18px;border: 1px solid #cecece; padding-left: 5px;}
#loginholder .bg .content li.chkb input {width: 16px;height: 17px;border: none;}
#loginholder .bg .content ul {float: left;margin:0;padding:0;list-style: none; width: 475px; display: inline; }
#loginholder .pottery { float: left; width: 100%; margin-top: 20px; }
#loginholder .pottery p { text-align: center;}

#loginholder .bg .content li {float: left;margin-right: 10px; display: inline; }
#loginholder .bg .content li.chkb {margin-right: 5px;}
#loginholder .bg .content li.button {float: left;margin-right: 5px;width: 140px; display: inline; }

#loginholder .bg .content input.btn {
display: block;
background-color: transparent;
background-image: url('../../pics/login/btn_login.png');
background-repeat: no-repeat;
width: 110px;
height: 24px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
border: none;
}
#errordiv{text-align:left;color:red;margin-left:100px;position:absolute;margin-top:-36px;}
/*
#loginholder .header { width: 550px; background: url('../../pics/login/border.png') top left; height: 50px;padding: 10px;}
#loginholder .header h3 {text-align: left;font-size: 26px;}
#loginholder .content_top { width: 570px; background: url('../../pics/login/content_top.png') top left; height: 11px;}
#loginholder .content { width: 550px; background: url('../../pics/login/border.png') top left; height: 250px;padding: 10px;}
#loginholder .border_bottom { background: url('../../pics/login/border_bottom.png') top left; height: 10px;width: 570px;}
*/