body.header { color: black; background-color: rgb(51,51,51); font-family: "trebuchet ms", "san serif"; }
body.int    { background-color: darkgreen; margin: 0pt; border-left: 2pt solid black; border-right: 2pt solid black; }
body.act    { background-color: darkred; margin: 0pt; border-left: 2pt solid black; border-right: 2pt solid black; }
body.map    { background-color: darkblue; margin: 0pt; border-left: 2pt solid black; border-right: 2pt solid black; }

table.header { width: 100%; height: 100%; vertical-align: bottom; border-collapse: collapse; }
table.mainlayout { width: 100%; border-collapse: collapse; }

td.tabint { background-color: limegreen;     font-size: .8em; text-align: center; font-weight: bold; width: 20%; border: 2pt solid black; border-right: 2pt solid black; border-bottom: none; border-collapse: separate; }
td.tabact { background-color: orangered;     font-size: .8em; text-align: center; font-weight: bold; width: 20%; border: 2pt solid black; border-right: 2pt solid black; border-bottom: none; border-collapse: separate; }
td.tabele { background-color: white;         font-size: .8em; text-align: center; font-weight: bold; width: 20%; border: 2pt solid black; border-right: 2pt solid black; border-bottom: none; border-collapse: separate; }
td.tabmap { background-color: lightskyblue;  font-size: .8em; text-align: center; font-weight: bold; width: 20%; border: 2pt solid black; border-right: 2pt solid black; border-bottom: none; border-collapse: separate; }
td.tablog { background-color: rgb(51,51,51); font-size: .8em; text-align: center; font-weight: bold; width: 20%; border: 2pt solid black; border-right: 2pt solid black; border-bottom: none; border-collapse: separate; }

td.capint { height: 18pt; background-color: limegreen;     font-family: "trebuchet ms", "san serif"; color: darkgreen; text-align: center; }
td.capact { height: 18pt; background-color: orangered;     font-family: "trebuchet ms", "san serif"; color: darkred;   text-align: center; }
td.capele { height: 18pt; background-color: white;  font-family: "trebuchet ms", "san serif"; color: black;  text-align: center; }
td.capmap { height: 18pt; background-color: lightskyblue;  font-family: "trebuchet ms", "san serif"; color: darkblue;  text-align: center; }
td.caplog { height: 18pt; background-color: rgb(51,51,51); font-family: "trebuchet ms", "san serif"; color: white;     text-align: center; }

td.mainint { background-color: darkgreen; color: white; font-family: "trebuchet ms", "san serif"; font-size: .9em; vertical-align: top; }
td.mainact { background-color: darkred;   color: white; font-family: "trebuchet ms", "san serif"; font-size: .9em; vertical-align: top; }
td.mainzzz { background-color: white;     color: black; font-family: "trebuchet ms", "san serif"; font-size: .9em; vertical-align: top; }
td.mainmap { background-color: darkblue;  color: white; font-family: "trebuchet ms", "san serif"; font-size: .9em; vertical-align: top; }
td.mainlog { background-color: black;     color: white; font-family: "trebuchet ms", "san serif"; font-size: .9em; vertical-align: top; }
td p { margin: 1em; }
th.videos { background-color: darkgreen; color: white; font-family: "trebuchet ms", "san serif"; font-size: .8em; text-align: center; }
td.videos { background-color: darkgreen; color: white; font-family: "trebuchet ms", "san serif"; font-size: .8em; }

marquee.alerts { background-color: yellow; color: black; font-family: "trebuchet ms", "san serif"; font-size: .8em; }
td.marquee { background-color: yellow; color: black; font-family: "trebuchet ms", "san serif"; font-size: .8em; text-align: center; }

a.tablinkint

a.tablinkint:link        { text-decoration: none; color: black; }
a.tablinkint:visited     { text-decoration: none; color: black; }
a.tablinkint:hover       { text-decoration: none; color: black; background-color: yellow; width: 100%; }
a.tablinkint:active      { text-decoration: none; color: darkgreen; }

a.tablinkact:link        { text-decoration: none; color: black; }
a.tablinkact:visited     { text-decoration: none; color: black; }
a.tablinkact:hover       { text-decoration: none; color: black; background-color: yellow; width: 100%; }
a.tablinkact:active      { text-decoration: none; color: darkred; }

a.tablinkele:link        { text-decoration: none; color: black; }
a.tablinkele:visited     { text-decoration: none; color: black; }
a.tablinkele:hover       { text-decoration: none; color: black; background-color: yellow; width: 100%; }
a.tablinkele:active      { text-decoration: none; color: darkblue; }

a.tablinkmap:link        { text-decoration: none; color: black; }
a.tablinkmap:visited     { text-decoration: none; color: black; }
a.tablinkmap:hover       { text-decoration: none; color: black; background-color: yellow; width: 100%; }
a.tablinkmap:active      { text-decoration: none; color: darkblue; }

a.tablinklog:link        { text-decoration: none; color: white; }
a.tablinklog:visited     { text-decoration: none; color: white; }
a.tablinklog:hover       { text-decoration: none; color: black; background-color: yellow; width: 100%; }
a.tablinklog:active      { text-decoration: none; color: orangered; }

a.marquee:link        { text-decoration: none; color: black; background-color: orange; font-weight: bold; }
a.marquee:visited     { text-decoration: none; color: black; background-color: orange; font-weight: bold; }
a.marquee:hover       { text-decoration: none; color: black; background-color: red;    font-weight: bold; }
a.marquee:active      { text-decoration: none; color: black; background-color: orange; font-weight: bold; }

span.buttons { font-family: "trebuchet ms", "san serif"; font-size: .8em; font-weight: bold; }

a.linkint:link        { text-decoration: underline; color: limegreen; }
a.linkint:visited     { text-decoration: underline; color: limegreen; }
a.linkint:hover       { text-decoration: underline; color: yellow; }
a.linkint:active      { text-decoration: underline; color: limegreen; }

a.linkact:link        { text-decoration: underline; color: orange; }
a.linkact:visited     { text-decoration: underline; color: orange; }
a.linkact:hover       { text-decoration: underline; color: yellow; }
a.linkact:active      { text-decoration: underline; color: orange; }

a.linkmap:link        { text-decoration: underline; color: lightskyblue; }
a.linkmap:visited     { text-decoration: underline; color: lightskyblue; }
a.linkmap:hover       { text-decoration: underline; color: yellow; }
a.linkmap:active      { text-decoration: underline; color: lightskyblue; }

span.wonred {color:black; background-color:orangered; border: 1pt solid black; border-top: 1pt solid gray; border-left: 1pt solid gray; }
span.wonyel {color:black; background-color:goldenrod;}
span.wongrn {color:black; background-color:limegreen;}
span.canred {color:darkred;}
span.canyel {color:darkgoldenrod;}
span.cangrn {color:green;}
span.cangra {color:cyan;}
span.can    {border-bottom: 1pt solid silver;}