html { background: #336699; }
body { padding: 10px; background: #fff; font: 12px "Lucida Grande"; color: #333; }
#title { font-size: 18px; }
#layout { width: 500px; border: 1px solid #ccc; border-bottom: 0px; background: #eee; margin-top: 10px; }
#layout .title { background: #ff9900; color: #fff; font-size: 16px; }
#layout div { padding: 10px; border: 1px solid #fff; border-bottom: 1px solid #ccc; min-height: 20px; }
#layout span { width: 200px; display: block; float: left; }
#doc { float: right; margin-right: 30px; width: 300px; border: 1px solid #ccc; background: #eee; padding: 10px; color: #999; }
#list { background: #fff; border: 1px solid #ccc; }
#list th { background: #ff9900; color: #fff; font-size: 13px; }
#list td { background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #fff; padding: 5px; font-size: 11px; }
#copyright { margin-top: 20px; font-size: 11px; }
fieldset { margin-top: 20px; border: 0px; padding: 0px; border:1px solid #999; background:#ddd; }
input[type='text'],
textarea { border: 1px solid #aaa; margin:1px; padding: 5px; font-family: Helvetica; font-size: 14px; width: 250px; color: #333; }
input[type='text']:focus,
textarea:focus { border: 1px solid #6699cc; }
button { display:block; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #d3d3d3; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; }
button:hover { border: 1px solid #ccc; color: #ff6600; background: white; }
.error { border: 1px solid #990000; background: #ffeeee; padding: 5px; margin: 5px; } |