* {
  padding: 0;
  margin: 0;
  text-decoration: none;
}
html {
  background:#333;
}
body, input, select, textarea {
  font:normal 14px/1.3em Helvetica, Arial, sans;
}
body {
  background:#fff;
  color:#000;
}
p {
  margin:5px 0 10px;
}
option {
  padding:2px;
}
.clean {
  clear:both;
}
.page {
  width:768px;
  margin:0 auto;
}

#header {
  background:#1e1e1e;
  padding:0 0 12px;
}
#main {
  padding:24px 0 16px;
}
#footer {
  font-size:.8em;
  background:#333;
  padding:16px 0;
  color:#ccc;
}

h1 {
  width:204px;
  margin:0 0 0 64px;
}
h1 a {
  background:url(../images/home_logo.png) no-repeat;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  height:72px;
}
#login {
  position:absolute;
  margin:0 0 0 540px;
  top:0;
}
#login h2 {
  position:absolute;
  top:-100px;
}
#logged {
  position:absolute;
  margin:0 0 0 500px;
  top:0;
  text-align:right;
  color:#fff;
  font-size:.9em;
  line-height:1em;
  background:#333;
  padding:0 15px;
}
#logged a {
  color:#0F6BB9;
}
#logged p a {
  text-decoration:underline;
}
#logged a:hover {
  color:#FFFFA1;
}
#logged h2 {
  margin:18px 0;
  font-size:26px;
}
#title h2 {
  font-size:34px;
  text-align:center;
  padding:8px 0;
}
#home_screens {
  text-align:center;
}
#signup {
  background:#fff url(../images/signup_bg.jpg) repeat-x 0 183px;
  color:#fff;
  margin:16px 0 0;
}
#signup .page {
  padding:0 0 80px 400px;
  width:358px;
  background:transparent url(../images/home_screens.jpg) no-repeat 0 0;
}
#signup h3 {
  font-size:20px;
  font-weight:normal;
  color:#3a3a3a;
  line-height:1.3em;
  padding:38px 0 10px;
  margin:0 0 0 -40px;
}
#signup h3#signup_button {
  background:url(../images/signup_button.jpg) no-repeat;
  width:230px;
  float:left;
  padding:11px 12px 11px 8px;
  margin:2px 0 0 60px;
}
#signup h3#signup_button a {
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  height:45px;
}

#signup p.message {
  line-height:1.2em;
  color:#0f6bb9;
  font-size:18px;
  height:97px;
  margin:0 0 10px 20px;
}
#features li {
  float:left;
  width:168px;
  padding:0 9px;
  list-style:none;
}
#features li h3 {
  font-size:18px;
  line-height:1.3em;
  height:76px;
  margin:8px 0;
}
#features li .image {
  background:url(../images/home_feature_shadow.jpg) no-repeat;
  margin:-7px -7px 7px -7px;
  padding:7px 7px 7px 7px;
}



fieldset {
  border:0;
  margin:0 0 20px 0;
}
.field {
  clear:both;
  margin:8px 0 0;
}
.field label {
  float:left;
  width:140px;
  margin:2px 4px 0 0;
  text-align:right;
}
input.medium, select {
  width:200px;
}
.hint {
  font-style:italic;
  color:#666;
  font-size:.9em;
}
div.submit {
  margin:10px 0 10px 150px;
  font-size:.9em;
}
.checkbox_list {
    margin:10px 0 10px 150px;
    clear:both;
}
button.submit {
  font-weight:bold;
  font-size:1.1em;
  padding:4px;
}


#login fieldset {
  border:0;
  font-family:Verdana, Helvetica, Arial;
}
#login input, #login button {
  font-family:Verdana, Helvetica, Arial;
  font-size:10px;
} 
#login .field {
  clear:both;
  margin:8px 0 0;
}
#login label {
  float:left;
  width:48px;
  margin:0 4px 2px 0;
  text-align:right;
  color: #fff;
  font-size:11px;
}
#login input.medium {
  width:96px;
}
#login div.submit {
  position:absolute;
  margin:-20px 0 0 158px;
  width:72px;
}
#login .forgot_password {
  clear:both;
  margin:4px 52px 0;
}
#login .forgot_password a {
  font-size:11px;
  color:#dcf5ad;
}
#login .forgot_password a:hover {
  text-decoration:underline;
}
#footer .page {
  width:752px;
}
#company {
  float:right;
  width:78px;
}
#company a {
  height:19px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:url(../images/home_29sul.png) no-repeat 0 0;
}
#footer a {
  color:#0f6bb9;
  text-decoration:underline;
}

#footer a:hover {
  color:#eee;
}

/* FLASH */

.flash_success, .flash_error {
  font: 12px/1.8em Verdana, Arial, Helvetica, sans-serif;
  width:704px;
  margin:0 auto 16px auto;
  border: 1px solid #ccc;
  padding: 5px 10px;
  cursor: pointer;
  color:#222;
  clear:both;
}
.flash_success {
  border-color: #8fd400;
  background-color: #eefad5;
}
.flash_error {
  background: #ffd7d7;
  border-color:#d40000;
}
/* /FLASH */

#terms {
  background:#eee;
  padding:10px;
  border:1px solid #bbb;
  margin:5px 0;
  height:110px;
  overflow:auto;
}