body{
   background: lightgray url('../img/bgnd.png') repeat-x;
}

#wrapper{
    position  : relative;
    margin    : 0 auto;
    width     : 1000px;
    height    : 850px;
    text-align: left;
}

.header{
    position        : relative;
    width           : 998px;
    height          : 100px;
    text-align      : left;
    z-index         : 100;
    background      : #FFFFFF url('../img/headban.png') no-repeat;
    border          : 1px solid gray;
}
    
.central{
    position        : relative;
    text-align      : justify;
    width           : 998px;
    z-index         : 100;
    font            : 12 normal Verdena,Tahoma,sans-serif;
    background-color: #FFFFFF;
    color           : black;
    border          : 1px solid gray;
}

.footer{
    position        : relative;
    overflow        : none;
    background      : #FFFFFF url('../img/footer.png') repeat-x;
    text-align      : left;
    width           : 999px;
    height          : 25px;
    z-index         : 100;
    font            : 11 normal Verdena,Tahoma,sans-serif;
    background-color: #FFFFFF;
    color           : black;
    border          : 1px solid gray;
}

.headtitle{
    position        : relative;
    top             : 20px;
    left            : 20px;
    overflow        : none;
    text-align      : left;
    width           : 200px;
    height          : 24px;
    z-index         : 101;
    font            : 30 normal Arial,Helvetica,Tahoma,sans-serif;
    background-color: transparent;
    color           : white;
    border          : none;
}

.smalldiv{
    position        : relative;
    top             : 30px;
    left            : 30px;
    overflow        : none;
    width           : 400px;
    height          : 18px;
    z-index         : 101;
    font            : 12 normal Verdena,Tahoma,sans-serif;
    background-color: transparent;
    color           : white;
    border          : none;
    text-align      : left;
}

.logodiv{
    position           : absolute;
    top                : 8px;
    left               : 830px;
    overflow           : none;
    text-align         : center;
    width              : 150px;
    height             : 100px;
    z-index            : 101;
    font               : 12 normal Verdena,Tahoma,sans-serif;
    background         : white url('../logo.png') no-repeat;
    background-position: 50% 50%;
    color              : black;
    border-right       : 1px solid gray;
    border-bottom      : 1px solid gray;
    border-top         : 1px solid lightgray;
    border-left        : 1px solid lightgray;
}

.login_div{
    margin             : 0 auto;
    width              : 340px;
}

.generic_div{
    margin             : 0 auto;
    width              : 980px;
}

input{
   border           : 1px solid gray;
   background-color : whitesmoke;
}

input:focus, textarea:focus {
   background-color: lightyellow;
}

td {
    border          : 1px solid lightgray;
    font            : 12 normal Verdena,Tahoma,sans-serif;
}

.fbbtn {
    padding          : 1px 3px 1px 4px; 
    cursor           : pointer; 
    background       : #3b5998; color:#fff; 
    border           : 1px solid #0e1f5b; 
    border-left-color: #D9DFEA; 
    border-top-color : #D9DFEA;
    font             : 12 normal Verdena,Tahoma,sans-serif;
}

.fbbtn:focus{ 
    background       :#3b5998; color:#fff; 
}

fieldset {
  border        : 1px solid darkblue;
  border-bottom : 2px solid darkblue;
  border-right  : 2px solid darkblue;
  text-align    : left;
}

legend {
   font-size    : 13px;
   font-weight  : bold;
   background   : #FFFFFF url('../img/window_panel.png') no-repeat;
   padding-left : 18px;
   padding-right: 7px;
}

.okbox{
   background      : lightgreen url('../img/okdialog.png') no-repeat;
   font            : 12 normal Verdena,Tahoma,sans-serif;
   border          : 2px solid green;
   padding         : 5px;
   padding-left    : 28px;
}

.kobox{
   background      : #FFBBBB url('../img/kodialog.png') no-repeat;   
   font            : 12 normal Verdena,Tahoma,sans-serif;
   border          : 2px solid red;
   padding         : 5px;
   padding-left    : 28px;
}

.warnbox{
   background-color: lightyellow;
   padding         : 5px;
   border          : 2px solid #FFD700;
   font            : 12 normal Verdena,Tahoma,sans-serif;
}

.alertbox{
   position        : absolute;
   left            : 40%;
   top             : 40%;
   background-color: white;
   padding         : 6px;
   border          : 4px solid gray;
   z-index         : 1;
   text-align      : left;
}