body       { background-color:#668899;
             color:#113344;
             font-family:MS UI Gothic; }

table.w    { background-color:#fafafa;
             border:1px solid #224455; }
table.w td { border:1px solid #224455; }
table.w th { border:1px solid #224455; }

.ti        { background-color:#c0d5e0;
             font-size:90%; }

div        { text-align:right; font-size:90%; }

img.ico    { width:32px; height:32px; }

hr         { color:#446677; }
hr.red     { color:#e42063;
             height:3pt; }


.sts       { font-size:80%;
             text-align:center;
             width:44px; }

.no        { background-color:#7799aa;
             font-size:80%;
             width:44px; }

.st        { background-color:#dfebe7;
             font-size:80%;
             width:44px;
             text-align:center; }
.wi        { background-color:#efedb9;
             font-size:80%;
             width:44px;
             text-align:center; }
.fi        { background-color:#de8575;
             font-size:80%;
             width:44px;
             text-align:center; }
.ea        { background-color:#8dd97b;
             font-size:80%;
             width:44px;
             text-align:center; }
.wa        { background-color:#77a3e0;
             font-size:80%;
             width:44px;
             text-align:center; }
.ho        { background-color:#bddcda;
             font-size:80%;
             width:44px;
             text-align:center; }
.da        { background-color:#bd8ade;
             font-size:80%;
             width:44px;
             text-align:center; }
.cons      { font-size:80%;
             text-align:center;
             width:170px;
             background-color:#e5f0f6; }
.title   { font:italic normal 180%/100% Times New Roman; color:#fff; }

@media screen and (max-width: 640px) {
 table{width:100%;}
 th,td{font-size:80%; padding:2px;}
}