html{padding:0px; margin:0; font-family:Arial; font-size:12px; background:linear-gradient(#677bdb, #3d4e9e); width:100%; height:100%; overflow:hidden;}
.clear{clear:both;}
.LoginForm{background:linear-gradient(#ffffff, #f1f1f1); position:absolute; width:480px; left:50%; top:15%; margin-left:-250px; padding:2px 10px; border-radius:5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.95); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.95); box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.95); background-repeat:repeat-x; background-position:top; background-color:white;
           animation-name: anim;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

@keyframes anim {
    from{
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.LoginFormData{min-height:230px; width:460px; padding:5px; background-color:transparent;}
.LoginFormData .EtiketH1{font-size:26px; height:32px; overflow:hidden; padding:6px 48px; color:#383838; margin:0; font-weight:bold;}
.LoginFormData .EtiketH2{font-size:12px; height:12px; overflow:hidden; padding:0px 50px; color:#b7b7b7; margin:0; font-weight:bold;}
.LoginFormData .EtiketH2 span{font-size:8px; color:#707070; padding:5px 5px;}
.LoginFormData .divLogin{padding-top:10px; margin-top:10px; border-top:1px solid #d4d4d4;}
.LoginFormData .DivRow{display:block; padding:5px; margin-left:40px;}
.LoginFormData .DivRow label{float:left; width:100px; padding:6px; color:#9933ff; font-size:10px;}
.LoginFormData .DivRow span{float:left; margin-left:5px;}
.txttxt{border-width:0px; padding:5px; font-size:12px; width:150px; letter-spacing:1px; font-family:Trebuchet MS; color:#9933ff; border:1px solid #bdbdbd; border-radius:3px;
        transition-duration: 1s,1s; transition-delay: 0s,1s; background:linear-gradient(#ffffff, #eaeaea);
}
.btnbtn{border-width:0px; background-color:#9933ff; padding:8px; color:White; font-size:12px; letter-spacing:1px; min-width:100px; text-align:left; 
        font-family:Trebuchet MS; font-weight:bold; cursor:pointer; border-radius:3px; 
        background:url("/img/menu_ok.png"), linear-gradient(#5d7eff, #3359ed); padding-left:25px;
        background-repeat:no-repeat, repeat;
        background-position:1px center, top;
}
.btnbtn:hover{background:url("/img/menu_ok.png"), linear-gradient(#ffa500, #e09100); background-repeat:no-repeat, repeat; background-position:1px center, top;}
.errmessage{color:white; font-size:11px; font-weight:bold; display:block; text-align:center; background-color:red; padding:5px; border-radius:3px;}
.LoginFormData input[type=text]:focus{background:linear-gradient(#f2f2f2, #d4d4d4); border-color:orange;}
.LoginFormData input[type=password]:focus{background:linear-gradient(#f2f2f2, #d4d4d4); border-color:orange;}
.LoginFormData input[type=submit]:focus{background:url("/img/menu_ok.png"), linear-gradient(#ffa500, #e09100); background-repeat:no-repeat, repeat; background-position:1px center, top;}
.divabout{position:absolute; bottom:0px; right:0px; padding:5px;}
.divabout tr td{padding:3px;}
.divabout a{text-decoration:none; color:White; display:inline-block; padding:5px; font-size:11px; background:linear-gradient(#ffffff, #d4d4d4); color:#282828; border-radius:2px; transition-duration: 1s,1s; transition-delay: 0s,1s;}
.divabout a:hover{background:linear-gradient(#828282, #5b5b5b); color:white;}

.sifretalep a{display:block; font-size:10px; color:gray; text-decoration:none; margin:5px 0px;}
.sifretalep a:hover{color:darkslategray;}

.DivRowM{display:block; padding:5px;}
.imgguv{display:block; border-radius:2px; border:1px solid #bdbdbd; padding:3px; cursor:pointer;}
.animasyon1{animation-duration:1s; animation-fill-mode:both; animation-name:animasyonshow}
@keyframes animasyonshow{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}
.animasyon2{animation-duration:1s; animation-fill-mode:both; animation-name:animasyonshow2}
@keyframes animasyonshow2{0%{transform-origin:left bottom; transform:rotate(45deg);opacity:0}
                          50%{transform-origin:right top; transform:rotate(90deg);opacity:0}
                          to{transform-origin:left bottom; transform:none;opacity:1}}

@media screen and (max-width:800px){
    html{background:none!important; background-color:#677bdb!important;}
    .LoginForm{width:85%; left:5%; margin-left:0px;}
    .LoginFormData{width:100%;}
    .LoginFormData .DivRow{margin-left:0px;}
}