body{
    padding:0px;
    margin:0px;
    width:100%;
    font-family: 'Segoe UI', Calibri, Liberation Sans, Arial;
    text-decoration:none;
    background-color:whitesmoke;
}

#container{
    width:100%;
    padding:0px;
    background-color:lightgreen;
    min-width: 280px;
}

#foot{
    height:20px;
    clear:both;
    border-top: solid black 1px;
    line-height:20px;
    font-size: 10px;
    padding-left: 5px;
    position:fixed;
    bottom:0px;
    width:100%;
    background-color:white;
}

h1{
    padding:0px;
    margin:0px;
}

h2{
    padding:0px;
    margin:0px;
}

#home_div{
    text-align:center;
    background-color:white;
    border-bottom: solid dimgray 1px;
    width:100%;
    display: inline-block;
    padding: 5px 0px 5px 0px;
}

#home_div h4{
    padding:0px;
    margin:0px;
}

#keri_logo{
    border: solid black 1px;
    background-color:white;
    margin-left: 5px;
    border-radius:5px;
    float: left;
}

#loading_div{
    display:none;
}

#log_img{
    border:solid dimgray 3px;
}

#main{
    padding:0px;
    width:100%;
    background-color:whitesmoke;
    position:absolute;
    top:61px;
    z-index:0;
    min-width:280px;
}

#message{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    background-color:lightgray;
    z-index: 15;
    padding-top: 80px;
    text-align:center;
    display:none;
}

#message_text{
    width:300px;
    background-color:white;
    color: black;
    font-size:12px;
    border-radius:5px;
    padding:10px 5px 10px 5px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:5px;
    display:none;
}

#message input{
    margin-top: 10px;
    border-radius:5px;
    padding:5px;
    display:none;
}

#menu_toggle{
    float: left;
    padding-top: 16px;
    padding-left:12px;
}

#menu_toggle:hover{
    cursor:pointer;
}

#mini_message{
    width:300px;
    min-height:40px;
    position:fixed;
    bottom:25px;
    right:0px;
    z-index:4;
    background-color:dimgray;
    text-align:left;
    color:white;
    padding: 10px;
    overflow:hidden;
    white-space:nowrap;
    border:solid black 1px;
    display:none;
}

.nav_button{
    width:96%;
    border-radius:8px;
    border:solid dimgray 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    background-color: white;
    font-weight:bold;
    height:36px;
    line-height:36px;
}

#navigation{
    width:200px;
    border-right:solid black 1px;
    background-color:lightgray;
    margin:0px;
    padding:0px;
    position:absolute;
    top: 61px;
    left: 0px;  
    z-index:5;
}

#navigation a{
    text-decoration:none;
    color:black;
}

#navigation a:visited{
    color:black;
}

#navigation a:hover{
    color:blue;
}

#right_widgets{
    float:right;
}

#settings{
    width:180px;
    min-height:20px;
    background-color:white;
    border:solid dimgray 1px;
    position:fixed;
    right:0px;
    top:60px;
    z-index:3;
    display:none;
}

.settings_button_component{
    padding: 5px 10px 5px 10px;
    background-color:lightblue;
    cursor:pointer;
}

.settings_button_component:hover{
    background-color:whitesmoke;
}

.settings_button_component:active{
    font-weight:bold;
    color:dimgray;
}

#situation_lock{
    width:70px;
    height:93px;
    border:solid lightgray 1px;
    display:inline-block;
    margin-left:6px;
    margin-right:0px;
    margin-top:6px;
    padding-top:2px;
}

#situation_manager{
    width:250px;
    height:108px;
    border:solid dimgray 1px;
    position:fixed;
    top:60px;
    right:10px;
    z-index:4;
    background-color:lightgray;
    text-align:center;
    display:none;
}

.situation_manager_button_component{
    cursor:pointer;
    font-size:14px;
}

.situation_manager_button_component:hover{
    background-color:whitesmoke;
    
}

#situation_manager_confirm{
    width:250px;
    height:30px;
    border-top:solid dimgray 1px;
    position:absolute;
    bottom:0px;   
    z-index:4;
    background-color:dimgray;
    line-height:30px;
    text-align:center;
    cursor:pointer;

}

#situation_manager_confirm_text{
    font-weight:bold;
    font-size:16px;
    color:white;
    cursor:pointer;
}

#situation_manager_left_warn{
    padding:3px 5px 3px 5px;
    float:left;
}

#situation_manager_right_warn{
    padding:3px 5px 3px 5px;
    float:right;
}

#situation_normal{
    width:70px;
    height:93px;
    border:solid lightgray 1px;
    display:inline-block;
    margin-left:0px;
    margin-right:0px;
    margin-top:2px;
    padding-top:2px;
}

#situation_password{
    display:none;
}

#situation_password_textbox{
    margin-bottom: 35px;
    width:230px;
    border:none;
}

#situation_text{
    width:250px;
    min-height:120px;
    border:solid dimgray 1px;
    position:fixed;
    top:168px;
    right:10px;
    z-index:4;
    background-color:white;
    text-align:center;
    display:none;
}

#situation_text h6{
    color:dimgray;
    margin-top:3px;
    margin-bottom:3px;
}

#situation_text_textbox{
    width:240px;
    height:50px;
    resize:none;
    padding:0px;
    margin:0px;
    border:none;
}

#situation_unlock{
    width:70px;
    height:93px;
    border:solid lightgray 1px;
    display:inline-block;
    margin-left:6px;
    margin-right:0px;
    margin-top:2px;
    padding-top:2px;
}

#status{
    float:right;
    min-width:100px;
    padding-right:5px;
    margin-right:5px;
}

#top_bar{
    width:100%;
    height:60px;
    background-color:dimgray;
    padding: 0px;
    margin:0px;
    position:fixed;
    top:0px;
    border-bottom: solid black 1px;
    clear:both;
    z-index:10;
}

.top_left_widgets{
    float:left;
    display:block;
}

#top_widgets{
    margin-top:2px;
    margin-right: 10px;
}

#top_widgets a{
    text-decoration:none;
}

.top_widget_img{
    padding-top:5px;
    padding-bottom: 2px;
    cursor:pointer;
}

#top_widgets td{
    padding-top: 4px;
    
}

#version{
    float:left;
    min-width:100px;
    padding-right:10px;
}

#warning_div{
    display:none;
}