/* Simply just the begining */

* {
  margin: 0; 
  padding: 0; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #333333; 
}

img {
  border: 0;
}

li {
  list-style-type: none; 
}

a {
  color: #333333; 
  text-decoration: none; 
}

html, body { 
  background: #000 url(none) repeat top left; 
  width: 100%;
  height: 100%; 
}

/* Fontface droidsans */

@font-face {
        font-family: 'DroidSans';
        src: url('../font/DroidSans.eot');
        src: local('Droid Sans'),
             local('Droid Sans'),
             url('../font/DroidSans.ttf') format('truetype');
}

@font-face {
        font-family: 'DroidSansBold';
        src: url('../font/DroidSansBold.eot');
        src: local('Droid Sans Bold'),
             local('Droid Sans Bold'),
             url('../font/DroidSansBold.ttf') format('truetype');
}

#message-placeholder { 
  height: 30px;
  margin: 0 auto;
  margin-bottom: 15px;
}


.forms {
  width: 340px;
  margin: 145px auto !important;
  border-bottom: 1px solid #f2f2f2;
}

.forms #logo {
  width: 330px;
  height: 75px;
  margin: 5px;
  margin-top:-80px;
  margin-bottom:25px;
  margin-left:-5px;
}

.forms .content {
  /* padding-top: 60px, padding-right: 10px; padding-left: 19px; padding-bottom: 25px; */
  padding: 15px 10px 25px 19px;
  border: 1px solid #e9e9e9;
}

.forms .content .field {
  width: 298px;
  height: 32px;
  margin-bottom: 9px;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  text-align: center;
  text-transform: uppercase;
  font-family: "DroidSansBold";
  font-size: 11px;
  line-height: 32px;
  color: #999999;
}

.forms .content .field input {
  width: 214px;
  height: 26px;
  float:right;
  border: 0;
  border-left: 1px solid #e5e5e5;
  background: none;
  line-height: 32px;
  color:#FFF;
  font-size: 11px;
  padding: 3px;
}

.forms .content .main, .forms .content .second {
  width: 150px;
  height: 30px;
  cursor: pointer;
  border: 0;
  font-family: "DroidSansBold";
  line-height: 28px;
  text-transform: uppercase;
  border-radius: 1px;
}

.forms .content .main {
  background: url(../img/main.gif) repeat-x;
  border: 1px solid #948046;
  text-shadow: 1px 1px #444e71;
  color: #fff;
}

.forms .content .second {
  background: url(../img/second.gif) repeat-x;
  border: 1px solid #dbdbdb;
  margin-left: 6px;
  text-shadow: 1px 1px #fff;
  color: #979797;
}

.forms .content .forgot_form {
  float: left;
  width: 300px;
  margin:15px 0;
}

.forms .content .forgot_form p {
  padding-bottom: 5px;
}


.forms .content .links {
  margin-top: 35px;
}

.forms .content .links p a {
  font-family: "DroidSans";
  font-size: 11px;
  color: #afafaf;
  padding-bottom: 5px;
  display: block;
}

.forms .content .links p a strong { 
  font-family: "DroidSans";
  color: #727272;
}

.forms .content .links p.left {
  float: left;
}

.forms .content .links p.right {
  float: right;
}


/* Message boxes style */

.success, .wrong, .warn { 
  width: 95%; 
  height: 24px; 
  border-radius: 3px;
  font-size: 12px;
  line-height: 24px;
  padding: 3px 8px;
  margin: 0 auto;
}

.success { 
  border: 1px solid #9fd59b;
  background: #e2ffdb; 
  color: #458436; 
}

.wrong { 
  border: 1px solid #d78b8b;
  background: #ffb7b7; 
  color: #aa2d2d; 
}

.warn { 
  border: 1px solid #edebc4;
  background: #fffadb; 
  color: #847c36; 
}