html { background: url('/images/bg.png');} body { margin:0; padding:0; background: url('/images/bg2.png') repeat-x top; font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: #333333; } a {text-decoration: none;} a:hover {text-decoration: underline;} input[type=text],input[type=password],input[type=file],select,textarea { padding: 5px; border-top: solid 1px #c4c4c4; border-left: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; border-right: solid 1px #c4c4c4; -moz-border-radius:5px; width: 97%; } div#logo{ padding-top:40px; padding-bottom: 10px; text-align:center; } div#control_box { padding:1px; text-align:center; } div#title_box { background-color:#F3F3F3; border:1px solid #E5E5E5; padding:1px; text-align:center; } label { font-weight:bold;} h1, h2 { padding:2px; margin:2px; } a img { border: none; } a { color: #0000FF; } .clear { clear: both; height: 0; overflow: hidden; } #main{ width: 633px; float:right; padding: 0 ; margin:0; } #container { width: 400px; overflow: auto; margin: 0 auto; margin-top: 10px; } .login_box{padding-top:20px;padding-bottom:20px;} /* Box */ .box { background:#fff; border:1px solid #c5c5c5; margin-bottom:15px; padding:15px; border-top:0; -moz-border-radius-bottomleft :5px; -moz-border-radius-bottomright :5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; } .box-header { border:1px solid #c5c5c5; font-weight:bold; font-size:14px; text-align:center; background:#e2e2e2 url('/images/boxheader.gif') repeat-x top; padding:10px 15px; color:#333333; text-shadow:1px 1px 1px #FFFFFF; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } /* Buttons */ .button { cursor:pointer; display:inline-block; font:14px/100% Arial, Helvetica, sans-serif; font-weight:bold; margin:0 5px; outline:none; padding:8px 20px; width:auto; text-align:center; text-decoration:none; vertical-align:baseline; background:#202020 url('/images/btn-bg.png') repeat-x top; color:#fff; border:1px solid rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -moz-border-radius:5px; -webkit-border-radius:5px; } .button:hover { background-image: url('/images/btn-bg-hover.png'); text-decoration:none; outline:none; } .button:active { position:relative; top:1px; outline:none; } .button.blue { background-color:#398BD1; } .button.green { background-color:#97d139; } .button.red { background-color:#d13a39; } .button.grey { background-color:#eee; color:#4d4d4d; text-shadow:0 -1px 1px #fff; } .button.medium { font-size:12px; padding:5px 15px; } .button.small { font-size:11px; padding:3px 10px; width:auto; } .flash_messages { border-width:1px; border-style:solid; padding:17px 17px 17px 55px; margin-bottom:10px; -moz-border-radius:5px; -webkit-border:5px; border-radius:5px; -moz-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset; font-weight:bold; } .flash_messages.error { background:#fecdc6 url('/images/messages/error.png') no-repeat 10px 10px; border-color:#E17984; color:#9E0B0F; }