body{
    background-color:rgb(41,41,41);
    background-image:url(images/loginBackgroundA.png);
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center; 
    
    /*background-repeat: repeat-y;
    background-position:center;*/


}
.navbar {
   background-color: rgba(0,0,0,0.5);
   background: rgba(0,0,0,0.5);
   border-color: transparent;
}



.navbar li { color: #000 } 

a{
    color:#999;
}

/*
.top_bar{
    background-color:black;
    color:white;
    width:100%;
    top:0;
    left:0;
    right:0;
    position:fixed;
    z-index:1000;
    text-align:center;
}



.top_text{
    color:white;
}

form{
    background:url(/styles/images/registerForm2.png);
    background-repeat: no-repeat;
    padding-top:193px;
    padding-bottom:235px;
    padding-left:62px;
    position:relative;
    top:10%;
    left:35%;
    width:400px;
    z-index:1;



    
}
*/
input[type=text] {
  border: 2px solid #999;
  border-radius: 0;

  height: 30px;
  font-size: 100%;

  

}

input[type=text]:valid {
    color: green;
}


input[type=text]:invalid {
    color: red;
}

input[type=password] {
  border: 2px solid #999;
  border-radius: 0;

  height: 30px;
  font-size: 100%;

  

}

input[type=email] {
  border: 2px solid #999;
  border-radius: 0;

  height: 30px;
  font-size: 100%;

  

}

input[type=email]:valid {
    color: green;
}


input[type=email]:invalid {
    color: red;
}




/*
button{
    background-color:red;
    background: url(/styles/images/largeButtonA.png);
    font-family:"Arabic Typesetting strong";
    font-size:20px;
    padding-right:18%;
    padding-left:18%;
    padding-bottom:3.5%;
    padding-top:3.5%;
    color: white;
    border: 0;
    position:relative;
    left:12.8%;
    margin-top:6.8%;
    outline:none;
    
}

button:active{
        background: url(/styles/images/largeButtonB.png);
        border:0;
        outline:none;
}

button:focus{
    outline:none;
}
    
*/

.error_message1{
    
    color:red;
    position:relative;
    z-index:100;
    float:left;

    background:white;

    border:1px solid white ;
    border-radius:10%;
}
.error_message2{
    
    color:red;
    position:relative;
    z-index:100;
    float:left;

    background:white;

    border:1px solid white ;
    border-radius:10%;
}
.error_message3{
    
    color:red;
    position:relative;
    z-index:100;
    float:left;

    background:white;

    border:1px solid white ;
    border-radius:10%;
}