div.login-container {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 11px;
   width: 255px;
   border: 1px solid #01336e;
   position: relative;
   margin: 0 auto 0 auto;
   background-color:white;
}

input.cancel-button,
input.login-button {
   background-color: #cdd5d9;
   border-color: #bdc4c8 rgb( 193, 191, 189 ) rgb( 193, 191, 189 ) rgb( 193, 191, 189 );
   border-style: solid;
   border-width: 1px;
   color: #777675;
   font-size: 10px;
   font-weight: bold;
   position: absolute;
}

input.login-button {
   bottom: 20px;
   width: 60px;
   right: 90px
}

input.cancel-button {
   bottom: 20px;
   right: 10px;
   width: 70px;
}

div.login-container div.login-header {
   background-color:#01336e;
   background-position: top left;
   background-repeat: repeat-x;
   width: 255px;
   height: 27px;
   text-align: left;
}

div.login-container div.login-header h2 {
   color: #ffffff;
   font-weight: bold;
   padding: 7px 0 0 5px;
   margin: 0;
   font-size: 11px;
   text-align: left;
}

div.login-container div.login-content {
   background-image: url( ../images/modal/login-content-bg.gif );
   background-position: top left;
   background-repeat: repeat-x;
   width: 255px;
   font-weight: bold;
   padding: 10px 0 0 0;
   text-align: right;
}

div.login-container div.login-content div.form-field {
   height: 25px;
   padding-right: 7px;
}

div.error-message {
   color: red;
   margin: 0 auto 0 auto;
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 11px;
   padding: 5px;
   font-weight:normal;
   text-align:left;
}

div.bottom-field{
   padding-bottom: 68px;
}