#login_panel {position:relative; z-index:100;  box-shadow:10px 10px 14px #222;
padding:2%;border:1px solid #999; background-color:#fff;
max-width:650px;

height:300px; margin-left:auto; margin-right:auto; margin-top:15%}

.login_panel_smaller {display:block; font-size:120%;}
.login_panel_normal {display:block; font-size:150%;}

.login_panel_input {font-family: monospace; margin-bottom:0.5%; display:block; font-size:150%; padding:2%; color:#000; margin:2%;border:1px solid #444;
                    border-radius:8px;
width:92%; }




.login_panel_input::placeholder {font-style:italic; color:#bbb; text-align:center;}

#login_panel_label {padding-bottom: 2%;border-bottom:1px solid #bbb; }

#login_panel_calender {  font-size:100%;float:right;width:140px;
                        width:30%;text-align: right; float:right; }

.login_panel_credentials { margin-left: auto;  margin-right: auto; margin-top:5%;  max-width:55%;}

 
#login_panel_calender_clock {display: block; font-size:130%;}
#login_status {display:none; background-image: url('../../../gfx/preloader.gif'); margin-top:6px ; margin-left:6px; background-repeat: no-repeat; padding-left:32px;
padding-top:4px ; padding-bottom:4px;}

.login_panel_warn {background-color:#f00;}

#response_panel {color:#f00; font-weight:bold;}
#login_critical {display:none;}

#login_critical > span {padding-top:5px;}