.sysmenu {
    clear: both;
    margin: 10px 1%;
    width: 98%;
    padding: 0;
}
.sysmenu a {
    background-color: #28609B;
    padding: 10px !important;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
}
.sysmenu a#current,.sysmenu a:hover {
    background-color: #D25E59;
    text-decoration: none;
    color: #FFFFFF;
}

#container * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

#container {
    position:relative;
    margin: 10px auto;
    color: #222222;
    width: 100%;
}
#container h3 {
    background-color: #28609B;
    color:#FFFFFF;
    padding:5px;
    margin:0px;
    margin-bottom:10px;
    font-size:1.4em;
}

#container h3 span {
position:absolute;
right:20px;
}

#container h3 span a {
text-decoration:none;
color:#FFFFFF;
font-size:1em;
}

#container td h4 {
color:#FFFFFF;
padding:1px 5px;
margin:0px;
font-size:14px;
font-weight:bold;
background:#6699CC;
}

#container td,#container th {
font-size:11px;
color:#111111;
white-space: nowrap;
}

#container pre {
background:#EEEEEE;
border:1px solid #333333;
padding:5px;
display:inline-block;
}

.h250 {
min-height:295px;
}

.h265 {
min-height:305px;
}

.h600 {
min-height:610px;
}

.right {
float:right !important;
}

.left {
float:left;
}

.middle {
height:265px;
position:relative;
margin:10px 1%;
width:48%;
float:left;
z-index:1;
border:0px solid #28609B;
padding:15px;
background:#E7E7E7;
}

.full {
position:relative;
margin:10px 1%;
width:98%;
z-index:1;
border:0px solid #28609B;
padding:15px;
height:295px;
background:#E7E7E7;
}

.bar {
margin-right:1px;
margin-left:1px;
z-index:1;
font-size:0.8em;
overflow:hidden;
cursor:pointer;
background:#28609B;
}

.vbar {
height:15px;
cursor:pointer;
background:#6699CC;
}

.bar:hover,.vbar:hover {
margin-right:1px;
z-index:1;
background:#6699CC;
}

.expand,.expandunder {
cursor:pointer;
}

.timeline {
border-left:1px #DDDDDD solid;
font-size:0.8em !important;
color:#333333;
}

.underline {
border-bottom:1px dotted #999999;
}
/*
table.popup  {
    border: 0px solid  #ccc;
    width: 100%;
    white-space-collapsing: collapse;
    border-collapse:separate;
    table-layout: fixed;
}
table.popup caption  {
  background: #EBDB6D;
  color: #8c3901;
  text-align: left;
}

table.popup tr {
font-size:0.825em;
font-weight:bold;
border-bottom:1px groove #111;
}

table.popup th {
}

table.popup td {
border-spacing:0px;
}
*/

.popup th {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.popup td {
    color: #fff;
    padding: 0.525em;
}
#loading {
font-size:16px;
background:#6699CC;
color:#FEF5BB;
font-weight: bold;
width:18.75em;
text-align:center;
vertical-align:center;
padding:20px 0;
position:absolute;
top:50%;
left:40%;
margin:auto 0 -18em;
display:none;
z-index:99;
}