body  { color: #555; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; background-color: #fff; text-align: center; margin: 0; padding: 0 }
hr   { background-image: none; margin-top: 5px; margin-bottom: 5px; padding: 0; width: 92%; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #888  ; outline-width: 0 }
.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;} 

#wrapper   { text-align: center; margin: 100px auto; padding: 0; width: 300px; height: 200px }
#leftspace  { text-align: left; margin-bottom: 5px; margin-left: 10px; width: 80px; float: left }
#rightspace    { text-align: left; margin-right: 10px; margin-bottom: 5px; width: 180px; float: left }
#centerspace { margin-right: 10px; margin-bottom: 5px; margin-left: 10px; width: 280px; float: left}
.input    { color: #eee; background-color: #555; width: 180px; border: solid 1px #777 }
.dialog { width:100%; margin:0px auto; min-width:20em; color:#fff }
.dialog .hd .c,
.dialog .ft .c { font-size:1px; height:13px }
.dialog .ft .c { height:14px }
.dialog .hd { background:url('images/tl.gif') no-repeat 0px 0px }
.dialog .hd .c { background:url('images/tr.gif') no-repeat right 0px }
.dialog .bd { background:url('images/ml.gif') repeat-y 0px 0px }
.dialog .bd .c {  background:url('images/mr.gif') repeat-y right 0px }
.dialog .bd .c .s {  background:#000 url('images/ms.jpg') repeat-x 0px 0px;  padding:1em; margin-left:4px; margin-right:8px; margin-top:0px; margin-bottom:0px }
.dialog .ft {  background:url('images/bl.gif') no-repeat 0px 0px }
.dialog .ft .c {  background:url('images/br.gif') no-repeat right 0px }