body {
    font-family:arial; font-size: 12px; color: #3D3E5F; 
    /*background-image : url(../images/bg.gif);*/
    background-color: #D2D2D2;

}

form {
padding-top: 2%;
}

@font-face{
    font-family:'icomoon';   
	src:url('../fonts/font-icomoon/icomoon.woff?ikmoe8') format('woff');	
	font-weight:normal;
    font-style:normal;
}

.fa{
    display:inline-block;
    font:normal normal normal 14px/1 icomoon;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

    
}

.fa-user:before{
    content:"\e971"
}

.fa-key:before{
    content:"\e98d"
}

.fa-lock:before{
    content:"\e98f"
}

.formTitle {
         width: 100%; color: #3D3E5F; font-weight: bold; text-align: left; padding: 7px; box-sizing: border-box; background: linear-gradient(#EEEEEE,#E3E3E3,#D9D9D9);
    }

.form{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #A9A9A9; background: #EEEEEE; width: 406px; height: 264px;

}

.formContent {
    width: 300px; margin: 25px auto;
}

.textbox{    
    padding-left:5px; border:1px solid #D2D2D2; width:100%; height:28px; outline: 0;
}

input:focus {    
    border-color:#A9A9A9 !important;
    box-shadow:0 0 10px #E1E1E1;
}

.btnLink {            
    padding: 5px 25px;
    text-decoration: none;    
    color:#3D3E5F;
    font-family: Arial;
    font-size: 12px; 
    font-weight:bold;   
    border: solid 1px silver;       
    background: linear-gradient(#FEFEFE,#F5F5F5,#EFEFEF);

    border-radius:5px;
        }
.btnLink:hover {
    border: solid 1px #A9A9A9;   
    background: #A9A9A9;
        }

#footer{
	-moz-text-decoration-color: red;
    text-decoration-color: red;
	position:fixed; z-index:0; right:25px; bottom:25px; margin:0px; padding:0px;
	 }