/* =========================================
    Universal
   ========================================= */

* { margin: 0; padding: 0; }
body { background: #ADD8F1; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #545454; text-align: center; line-height: 18px; padding-top: 10px; }
a { color: #006699; }
a:hover { color: #1C6D88; text-decoration: none; }
h1 { font-size: 20px; font-family: "trebuchet ms",arial,helvetica; color: #333; }
h2 { font-size: 19px; color: #333; }
form		{ margin:0px; padding:0px; }
label { float: left; width: 150px; text-align: right; padding-right: 15px; font-weight: bold; }
input { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; padding: 1px 3px 1px 3px; color: #333333; } 
select { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; width: 150px; color: #333333; }
textarea { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; }
fieldset { border: 1px solid #88BFD5; background: #FFF; }
p { margin-bottom: 13px; }
td, th { vertical-align: top; }

/* =========================================
    id's
   ========================================= */

#container { width: 400px; margin: 0 auto; padding: 0px; text-align: left; position: relative; }

/* =========================================
    classes
   ========================================= */

.footer { background: url("image/loginfooter.gif") no-repeat; height: 53px; padding: 10px 0 0 20px; font-size: 10px; }
.logo { background: url("image/login.gif") no-repeat; height: 113px; }
.main { background: #FFF; padding: 30px; }
.top { background: #D9F1F9; border: 1px dashed #ADD8F1; padding: 15px; margin: 0 0 10px 0; float: right; }