beviteli, th, td {
    border: 1px solid black;
    padding: 2px;
}
beviteli {
    border-spacing: 10px;
} 
input[type=text],
input[type=password]{
    padding:10px;
    width:100%;
}
input:user-invalid {
	border: 1px solid red;
}
input:user-valid {
	border: 2px solid green;
}
#userNotes{
    font-size:0.7em;
    text-align:left;
    padding:10px;
}
 
#actions{
    padding:10px;
}
 
#infoMesssage{
    padding:14px;
    background-color:#183f0c;
    color:rgb(255, 255, 255);
    font-size:15px;
}
 
 
#successMessage{
    padding:14px;
    background-color:#285a9b;
    color:white;
}
 
#failedMessage{
    padding:14px;
    background-color:#ce1b1b;
    color:white;
    font-size:15px;
}
 
#formBody{
    padding:5px;
}
 
#loginForm{
    text-align:center;
    border:4px solid #5b6438;
    width:400px;
	height:200px;
    margin:7em auto auto auto;
    background-color: #808d4e;
    padding: 20px;
}
 
#formHeader{
    border-bottom:thin solid gray;
    padding:5px;
    background:#f3f3f3;
}

.customButton1 {
    padding:5px;
/*   width:120px;*/
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c2a00b), color-stop(1, #423204) );
    background:-moz-linear-gradient( center top, #c2a00b 5%, #423020 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    border-radius: 6px;
    /*-webkit-border-radius:6px;*/
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:1px 1px 0px #402320;
    cursor:pointer;
}
 
.customButton {
    padding:7px;
    width:150px;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c2a00b), color-stop(1, #423204) );
    background:-moz-linear-gradient( center top, #c2a00b 5%, #423204 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#423204;
    border-radius:6px;
    /*-webkit-border-radius:6px;*/
    border-radius:6px;
    border:1px solid #423204;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:1px 1px 0px #095814;
    cursor:pointer;
}
 
.customButton:hover {
    background:gradient(linear, left top, left bottom, color-stop(0.05, #023b18), color-stop(1, #c2a00b) );
/*    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;*/
}