html, body {height: 100%;}
html #container {height: 100%;}
#ab {float:left; min-width:960px; width:100%; max-width:1400px; background:#ddd; outline:1px solid #aaa; display: flex;}
#a {float:left; width:91%; text-indent:4em; margin: 0.5em; text-align:center; font-size:xx-large; font-weight:600; font-strech:condensed; font:Geneva, Verdana;}
#b {float:right; margin: auto; font-size:small; font:Arial, Helvetica; text-align:left;}
#c {float:left; min-width:960px; width:100%; max-width:1400px;  height:5.6ex; padding:1ex 0 0 0; background:#666; text-align:center; outline:1px solid #333;}
#def {float:left; min-width:960px; width:100%; max-width:1400px; background:#ddd; outline:1px solid #333;}
#d1 {float:left; min-width:960px; width:100%; max-width:1400px; height:680px; overflow-y: scroll; outline:1px solid #aaa;background:#eee;}
#d {float:left; width:60%; height:580px; overflow-y: scroll; outline:1px solid #aaa;background:#aaa; }
#ef {float:left; width:40%;height:580px; text-align:center; outline:1px solid #aaa;}
#e {float:left; width:100%; height:480px; text-align:center;}
#errorText {float:left; width:100%;  text-align:left; background:#aaa; outline:1px solid #aaa;} 
#footer {float:left; min-width:960px; width:100%; max-width:1400px;  height:3.2ex; padding:0.6ex 0 0 0; background:#666; font-family:Arial, Helvetica; color:#fff; text-align:center; font-size:small; outline:1px solid #333;}
em {font-size:small; font-family: Arial, Helvetica; text-align:left;}
table { border-collapse: collapse; font-family: Arial, Helvetica;}
th {font-family:cursive;}
td   {border:1px solid #aaa; font-weight:normal;backgroud:#999}
//div#container {min-height: 100%;}
.stL {text-align:left;}
.stC {text-align:center;}
.stR {text-align:right;}
.hd {text-align:center; font-weight:900; font-family:cursive; background:#eee; border:1px solid #aaa;}
.wd {width:32ex;}
.wd1 {width:26ex;}
#tab0 { border-collapse: collapse; border:1px solid #999;margin: auto; background:#fff;scrolling-x:auto; }
#tbd0 {font-size:middle; text-align:center; vertical-align:middle;}
#tab1 { border-collapse: collapse; border:0px solid #999;}
#tab2 { border-collapse: collapse; border:0px solid #999;}
.button-blue
{
border-radius: 5pt;
background: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#333) );
background: -moz-linear-gradient(-90deg, #aaa, #333);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaa', endColorstr='#333');
}
.button
{
margin: 0.2ex;
text-decoration: none;
font: Arial, Helvetica;
display: inline-block;
text-align: center;
color: #eee;
height: 2.4em;
line-height: 20%;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}
.button:active
{
position: relative;
top: 1px;
}

.button-blue
{
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333) );
background: -moz-linear-gradient(-90deg, #999, #333);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999', endColorstr='#333');
}

.button-blue:hover
{
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999) );
background: -moz-linear-gradient(-90deg, #333, #999);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333', endColorstr='#999');
}

.button-blue:active {background: #666;}