body {
    margin: 0; padding: 10px;
}
#wrapper {
    margin: 0 auto;
    width: 760px;
    padding: 0;
}

@keyframes marquee {
    0% { text-indent: 800px;}
    100% { text-indent: -1185px;}
}
.tab_marquee  {
    width: 100%; text-align: center;
    font-family: "Times New Roman", Roman, serif;
    font-size: 14pt; margin: 4px 0 4px 0;
    height: 32px; line-height: 32px;
    vertical-align: middle;
    background-color: #93dfff;
    background-image: linear-gradient(#9f9fff, #93dfff, #87fffa, #93dfff, #9f9fff);
    overflow: hidden; white-space: nowrap;
    animation: marquee 10s linear infinite;
}

table {font-family: "Times New Roman", Roman, serif;}
table.hdr,table.hdr1,table.hdr2 {
    margin: 0; padding: 0; border: 0;
    font-family: "Times New Roman", Roman, serif;
    text-align: left; font-size: 16pt;
}
table.hdr {
    width: 100%;
}
form {margin: 0; padding: 0;}
td {margin: 0; padding: 0; border-color: #afffff;}
td.hdr {padding: 0 6px 0 6px; text-align: center;}

td.lastlog {
    text-align: left; vertical-align: bottom; font-size: 8pt;
    padding-top: 10px;
}
span.lastlog {color: green;}
span.filesize {
    font-size: 75%;
    font-family: monospace;
}

div.sublinks {
    margin: 0; padding: 0;
    white-space: nowrap;
}
div.sublinks a::after {
     content: "\00A0\2022\00A0";
}
div.sublinks a:last-child::after {
     content: "";
}
td.nwldate {
    font-size: 10pt;
    font-weight: bold;
    width: 250px;
    color: #af00af;
}
td.nwlcmds {
    font-size: 12pt;
    font-style: italic;
    text-align: right;
    white-space: nowrap;
}
td.nwlcmds a::after {
     content: "\00A0\2022\00A0";
}
td.nwlcmds a:last-child::after {
     content: "";
}

div.nwltitle {font-size: 16pt; text-align: justify; font-weight: bold; color: #007f7f;}
div.nwlbody {font-size: 12pt; text-align: justify;}
div.nwlhide {font-size: 12pt; text-align: justify; color: red;}
div.nwlfiles {padding: 0 0 0 1cm;}
div.nwlsign {font-size: 12pt; font-style: italic; text-align: right;}

table.hdr1 td.nav{
    white-space: nowrap;
}
table.hdr1 td.login {
    width: 122px;
    font-size: 12pt;
    padding: 3px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
form.login {
    margin: 0; padding: 0;
}
form.login input {
    margin: 0; padding: 1px; width: 120px;
}

ol {margin-top: 4px; margin-bottom: 4px;}
ul {margin-top: 4px; margin-bottom: 4px;}
li {margin-top: 0; margin-bottom: 0;}
p  {margin-top: 4px; margin-bottom: 4px;}
.logout {color: magenta;}
.limited_announce {color: red;}
.warning {color: red;}
.system {font-size: 75%; color: blue;}

a {text-decoration: none; color: blue;}
a:hover {text-decoration: none; background: yellow;}
a.ax {font-weight: bold; color: black;}
a.ax:hover {background: #007FFF;}
a.hdr {font-weight: bold; color: red;}
a.hdr:hover {color: blue;}

table.hdr1 {
    height: 80px; width: 100%;
    background-color: #93dfff;
    background-image: linear-gradient(#9f9fff, #93dfff, #87ffff, #93dfff, #9f9fff);
}
table.hdr2 {
    height: 30px; width: 100%;
    background-color: #87fffa;
    background-image: linear-gradient(#9f9fff, #87fffa, #9f9fff);
}
tr.head {
    height: 40px; font-weight: bold; color: navy; font-size: 100%;
    text-align: center;
    background-color: #ffff7f;
    background-image: linear-gradient(#ff7f00, #ffff7f, #ff7f00);
}

div.even, div.odd {
    margin: 6px 0;
    padding: 3px 10px;
    border-radius: 15px;
}
div.detail {
    margin: 6px 0px 6px 20px;
    padding: 3px 10px;
    border-radius: 15px;
    background-color: white;
    background-color: rgba(255,0,0,0.15);
}
a.detlink  {
}
div.detclose {
    float: right;
    padding-left: 10px;
}

div.even  {
    background-color: #90ee90;
    background-color: rgba(255,255,0,0.2);
}
div.odd {
    background-color: #87cefa;
    background-color: rgba(0,255,255,0.2);
}