/* CSS Document */
body, html {
  margin: 0;
  padding: 0;
  font-family: 'Lucida Grande', Tahoma, Verdana, Arial;
  color: #808080;
  background: #F4F4F4;
  font-size:13px;
}

.wrapper {
  width:700px;
  margin:auto;
}

#top {
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  background:#ffffff;
  border-bottom: 1px solid #D9D9D9;
  box-shadow: #DDD 0 1px 1px;
  overflow:auto;
}

#logo {
  float:left;
}

#logo_txt {
  float:right;
  margin-top:11px;
  margin-right:0px;
}

#box {
  padding:20px;
  padding-top:10px;
  margin-top:5px;
  border: 1px solid #D9D9D9;
  border-radius:3px;
  box-shadow: #DDD 0 1px 1px;
  background:#ffffff;
}

#box h2 {
  font-size:15px;
  font-weight:bold;
  padding:0;
  margin:0;
  margin-bottom:5px;
}

#login {
  padding:10px;
  padding-top:5px;
  overflow:auto;
}

#login input {
  padding:5px;
  border: 1px solid #D9D9D9;
  box-shadow: #DDD 0 1px 1px;
  background:#FFFFFF;
  color:#808080;
  margin-top:5px;
}

#new_user {
  width:230px;
  float:left;
}

#existing_user {
  width:280px;
  float:right;
}

#footer {
  width:700px;
  margin:auto;
  margin-top:10px;
  color:#c0c0c0;
  font-size:12px;
  text-align:center;
}

#footer a {
  color:#c0c0c0;
  font-weight:bold;
}

#error {
  background:#D86565;
  padding:5px;
  color:#ffffff;
  text-align:center;
  box-shadow: #B55555 0 1px 1px;
}

#success {
  background:#92C47D;
  padding:5px;
  color:#ffffff;
  text-align:center;
  box-shadow: #769E65 0 1px 1px;
}

#login_ad {
  padding:0px;
  border: 1px solid #D9D9D9;
  box-shadow: #DDD 0 1px 1px;
  background:#FDFDFD;
  margin-top:20px;
  padding-left:10px;
  padding-right:10px;
}

.feature {
  margin-bottom:5px;
  overflow:auto;
}

.feature_img {
  float:left;
  width:32px;
}

.feature_txt {
  float:right;
  width:220px;
  margin-top:8px;
}

#button {
  padding:5px;
  width:100px;
  border: 1px solid #D9D9D9;
  box-shadow: #DDD 0 1px 1px;
  background:#FDFDFD;
  margin-bottom:-14px;
  color:#808080;
  text-align:center;
  cursor:pointer;
  float:right;
  margin-right:103px;
  margin-top:5px;
}

a.tip {
  text-decoration: none
}
a.tip:hover {
  position: relative
}
a.tip span {
  display: none
}
a.tip:hover span {
  background:#ffffff;
  border: #c0c0c0 1px dotted;
  padding: 5px;
  display: block;
  z-index: 100;
  left: 0px;
  margin: 10px;
  width: 180px;
  position: absolute;
  top: 10px;
  text-decoration: none;
  color:#808080;
}