body a {text-decoration: underline; color: black;}
body a:hover {text-decoration: none;}
body a:visited {color: #4D4D4D;}
body {font-family: Calibri, Sans-serif;}

.LinkStyle {
    text-decoration: underline;
    cursor: pointer;
}

.LinkStyle:hover {
    text-decoration: none;
}

table.menu {
    width: 90%;
    text-align: center;
    background-color: white;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -khtml-border-radius: 8px;
   border:1px solid #888686;
   margin-bottom: 10px;
}

table.menu td{
    width: 10%;
    background-color: #C4E4E4;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -khtml-border-radius: 8px;
    border:1px solid #888686;
    cursor: pointer;
    text-decoration: underline;
}

table.menu td:hover{
    text-decoration: none;
    background-color: #CFEFEF;
}

input,select {
    width: 16em;
    border:#35a5e5 1px solid;
    box-shadow: 0 0 2px rgba(81, 203, 238, 1);
    -webkit-box-shadow: 0 0 2px rgba(81, 203, 238, 1);
    -moz-box-shadow: 0 0 2px rgba(81, 203, 238, 1);
    border-radius: 3px;
}

input:hover ,select:hover {
    border:#35a5e5 1px dotted;
    box-shadow: 0 0 3px rgba(81, 203, 238, 1);
    -webkit-box-shadow: 0 0 3px rgba(81, 203, 238, 1);
    -moz-box-shadow: 0 0 3px rgba(81, 203, 238, 1);
    border-radius: 3px;
}

input:focus ,select:focus {
    border:#35a5e5 1px dotted;
    box-shadow: 0 0 6px rgba(81, 203, 238, 1);
    -webkit-box-shadow: 0 0 6px rgba(81, 203, 238, 1);
    -moz-box-shadow: 0 0 6px rgba(81, 203, 238, 1);
    border-radius: 3px;
}

input[type="button"], input[type="submit"]{
    background-color: #BECCD3;
}
input[type="button"].del_button, input[type="submit"].del_button{
    background-color: #E3C3C3;
}
input[type="radio"]{
    width: auto;
}

.user_card_input{
    width: 90%;
}
#alerts-table{
    width: 90%;
    text-align: left;
    background-color: white;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -khtml-border-radius: 8px;
   border:1px solid #888686;
}

#alerts-table td{
    width: 100%;
    -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -khtml-border-radius: 8px;
   border:1px solid #888686;
   padding-left: 32px;
   background-repeat: no-repeat;
   background-position: 8px;
   cursor: pointer;
}

#alerts-table td.e{
    background-color: #E7C0C0;
    background-image: url('/img/err.png');
}

#alerts-table td.w{
    background-color: #F4F6A5;
    background-image: url('/img/warn.png');
}

#interfaces{
    text-align: left;
    background-color: white;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -khtml-border-radius: 8px;
   border:1px solid #888686;
   padding: 5px;
   border-spacing: 0px;
}

#interfaces td{
    background-color: #D3D3D3;
    border-bottom: 1px solid #B3B3B3;
}

table.ug_tbl, table.report_tbl{
    width: 90%;
    text-align: left;
    background-color: white;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -khtml-border-radius: 8px;
   border: 1px solid #888686;
   padding: 5px;
   border-spacing: 0px;
}
table.ug_tbl td{
    white-space: nowrap;
    padding-right: 1px;
}
table.report_tbl td{
    white-space: nowrap;
    padding-right: 1px;
    width: auto;
    min-width: 15%;
}

table.ug_tbl th, table.report_tbl th{
    cursor: default;
    text-align: left;
    background-color: #E4E4E4;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 30px;
    border-bottom: 1px #AAAAAA solid;
}

table.ug_tbl th:hover, table.report_tbl th:hover{
    text-decoration: underline;
}

table.ug_tbl tr.hov:hover td, table.report_tbl tr.hov:hover td{
    background-color: #A9DED4;
    cursor: pointer;
    text-wrap: none;
}

table.report_tbl td{
    padding-right: 12px;
}
.ug_zone{
    width: 40%;
    text-align: left;
    background-color: white;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -khtml-border-radius: 8px;
   border:1px solid #888686;
   padding: 4px;
}

#users_control{
    width: 100%;
}

.user_edit{
    display: none;
    background-color: #DBE3E3;
    border-bottom: 1px solid #888686;
    border-left: 1px solid #888686;
    border-right: 1px solid #888686;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
}

.padd45{
    padding-left: 4px;
}

span.red{
    background-color: #F0C5C5;
}
.img_but{
    width: 32px;
    height: 29px;
}

.img_but:hover{
    border: 1px #267CD9 dotted;
    cursor: pointer;
}

#sys-load{
    border: black 1px solid;
    font-size: small;
}
#sys-load th{
    background-color: #AAAAAA;
    width: 200px;
}
.uedit_main {
    width: 100%;
}
.uedit_main td {
    width: 24%;
    vertical-align: top;
}
.div_tbl{
    display: table;
    width: 100%;
}
.div_tbl_row{
    display: table-row;
    white-space: nowrap;
}
.div_tbl_row select{
    margin-bottom: 1px;
}
.uedit {
    width: 100%;
}
.uedit td{
    height: 22px;
    white-space: nowrap;
    width: fit-content;
}
.uedit_div_desc{
    float: left; 
    width: 30%;
    white-space: nowrap;
}

.uedit_div_val{
    float: left;  
    width: 60%;
    white-space: nowrap;
    padding-bottom: 8px;
}

.uedit_div_val input[type=text]{
    width: 100%;
}

.input_mini{
    width: 4em !important;
}

.input_half{
    width: 10em !important;
}
.uedit_div_val input[type=button]{
    width: 10em;
}

.user_block_menu td{
    width: 140px;
    background-color: #F5F5F5;
    border-left: 1px #888686 solid;
    border-right: 1px #888686 solid;
    border-top: 1px #888686 solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -o-border-top-left-radius: 8px;
    -o-border-top-right-radius: 8px;
    cursor: pointer;
    color: #4D4D4D;
}

.user_block_menu td:hover{
    background-color: #B3B3B3;
    text-decoration: underline;
}

.user_pays{
    border: 1px #A6A6A6 solid;
    font-size: 10pt;
}

.user_pays tr:hover{
    background-color: #D3D3D3;
}

.add_money{
	width: 80px;
}

.resume_select{
    width: auto;
}

.inputautowidth input {
    border: none;
    width: auto;
}

.ios_but, .ios_input{
    border-radius:4px;
    border:1px solid #D0D0D0;
    box-shadow: 1px 3px 2px rgba(50, 50, 50, 0.75);
    font-size: 0.9em;
    margin: 4px;
    padding: 2px;
}
.ios_but{
    background-color:#EFEFEF;
    cursor: pointer;
    padding: 6px 2px;
    margin: 4px;
    text-align:center;
}

.ios_but:hover{
    box-shadow: 2px 4px 3px rgba(50, 50, 50, 0.75);
}

.ios_but:active {
    background-color:#404040;
    color:#F7F7F7;
    box-shadow: inset 1px 3px 2px rgba(50, 50, 50, 0.75);
}

.user_state_{
    display: none;
}
.user_state_0{
    color: #F2400F;
}
.user_state_1{
    color: #21DD54;
}
.srch_box{
    background: no-repeat right/6% url(/img/search.png);
    height: 24px;
    width: 19em;
    font-size: 14pt; 
    border-color: grey; 
}

.sort_rows{
    font-size: x-small;
}

.right_top{
    text-decoration: none;
}
.right_top a{
    color: black;
    font-size: 3em;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none;
}
.right_top a:hover{
    text-shadow: 1px 1px 2px orange, 0 0 1em blue, 0 0 0.2em blue;;
}