@media screen and (min-device-width: 801px) {
.outercontainer {
  font-family:       Verdana, Arial;
  font-size:         9pt;
  color:             #FFFFFF;
  margin:            20px;
  background-color:  #000000;
  background-image:  none;
}
.emailcontainer {
  padding:  20px;
  width:    100%;
  height:   100%;
}
.emailmessage {
  background-color:  transparent;
  color:             #FFFFFF;
  border-style:      solid;
  border-width:      1px;
  border-color:      #315252;
  border-collapse:   separate;
  width:             95%;
  margin-left:       auto;
  margin-right:      auto;
}
.emailmessage td {
  margin:            2px;
  padding:           2px;
  background-color:  #284161;
}
a {
  text-decoration:  none;
}
a:link {
  color:  #BBEEEE;
}
a:visited {
  color:  #77CCDD;
}
a:active {
  color:  #DD0000;
}
.szs {
  font-size:    7.5pt;
  font-weight:  normal;
}
.nowrap {
  white-space:  nowrap;
}
.f-cright {
  color:  #A9A9A9;
}
table {
  font-family:  Verdana, Arial;
  font-size:    9pt;
  color:        #FFFFFF;
}
.sig {
  display:  block;
  margin:   0px;
  padding:  0px;
}
table.qs {
  margin-block-start:  0em;
  margin-block-end:    0em;
  table-layout:        fixed;
  width:               95%;
  border:              gray 1px;
  border-style:        solid;
  border-spacing:      0px;
}
blockquote.dbcode {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
div.qs {
  margin-block-start:  0em;
  margin-block-end:    0em;
  margin-left:         2.5%;
  margin-right:        2.5%;
  border:              gray 1px;
  border-style:        solid;
  padding:             6px;
  text-align:          left;
  vertical-align:      top;
}
.qs1 {
  background-color:  #113D63;
  color:             #FFFFFF;
}
.qs2 {
  background-color:  #284161;
  color:             #FFFFFF;
}
.al1 {
  background-color:  #284161;
}
.al2 {
  background-color:  #213555;
}
center.dbcode {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
h1.h1indexing {
  display:      inline;
  font-family:  Verdana, Arial;
  font-size:    9pt;
}
.hidden, .nodisplay {
  display:  none;
}
.li10 {
  margin:  2px 0px 0px 10px;
}
.li20 {
  margin:  2px 0px 0px 20px;
}
.li30 {
  margin:  2px 0px 0px 30px;
}
.p10 {
  padding-left:  10px;
}
.p15 {
  padding-left:  15px;
}
.hi15 {
  text-indent:  -15px;
  margin-left:  15px;
  margin-top:   0px;
}
.nopm {
  padding:  0px;
  margin:   0px;
}
.threadfolder {
  cursor:  pointer;
}
table.sm {
  font-size:  7.5pt;
  color:      #FFFFFF;
  margin:     0px;
  padding:    0px;
}
table.sm tr {
  padding:  0px;
}
table.sm tr td {
  padding:  0px;
}
table.threadlist {
  margin:           0px;
  padding:          0px;
  border-collapse:  collapse;
  color:            #FFFFFF;
  word-break:       break-word;
  font-size:        9pt;
}
table.threadlist > tbody > tr {
  border-style:  none;
}
table.threadlist > tbody > tr > td {
  padding:       2px;
  border-style:  solid;
  border-width:  1px;
  border-color:  #315252;
}
table.threadlist > tbody > tr:first-child {
  background-color:  #255995;
  color:             #FFFFFF;
  word-break:        normal;
  font-size:         7.5pt;
  font-weight:       bold;
}
table.threadlist > tbody > tr > td {
  vertical-align:  middle;
}
table.memberthreadlist > tbody > tr:first-child > td {
  text-align:  center;
}
table.memberthreadlist > tbody > tr:first-child > td:first-child {
  width:  5%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(2) {
  width:  5%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(3) {
  width:  25%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(4) {
  width:  5%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(5) {
  width:  35%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(6) {
  width:  25%;
}
table.simple {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.simple tr {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.simple tr td {
  padding:       0px;
  margin:        0px;
  border-style:  none;
}
table.folder {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.folder tr {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.folder tr td {
  padding:       2px;
  margin:        0px;
  border-style:  none;
  width:         50%;
}
table.dbcode {
  margin-block-start:  0em;
  margin-block-end:    0em;
  padding:             0px;
  margin:              0px;
  border-collapse:     collapse;
  border-style:        none;
  border-width:        1px;
  border-color:        #FFFFFF;
}
.center table.dbcode, table.dbcode.center {
  margin-left:   auto;
  margin-right:  auto;
}
table.dbcode tr {
  border-style:  none;
  border-width:  1px;
  border-color:  #FFFFFF;
}
table.dbcode td {
  padding:       0px 5px 0px 5px;
  border-width:  1px;
  border-color:  #FFFFFF;
}
table.dbcode td:first-child {
  padding:  0px 5px 0px 0px;
}
table.dbcode td:last-child {
  padding:  0px 0px 0px 5px;
}
table.dbcode.borders td {
  padding:       0px 5px 0px 5px;
  border-style:  solid;
}
table.dbcode.noborders td {
  border-style:  none;
}
table.dbcode tr.header td {
  font-weight:  bold;
}
div.blockcolor {
  display:             block;
  margin-block-start:  0em;
  margin-block-end:    0em;
  padding:             4px;
  margin:              0px;
}
div.center {
  margin-block-start:  0em;
  margin-block-end:    0em;
  text-align:          center;
}
div.indent {
  margin-block-start:   0em;
  margin-block-end:     0em;
  margin-inline-start:  2em;
  margin-inline-end:    2em;
}
table.pagelinks {
  border-width:     1px;
  border-style:     solid;
  border-color:     #315252;
  border-collapse:  collapse;
  font-size:        9pt;
}
table.pagelinks > tbody > tr > td {
  padding:         4px 6px 4px 6px;
  vertical-align:  middle;
  text-align:      center;
}
table.pagelinks > tbody > tr > td.currentpage {
  background-color:  #255995;
  font-weight:       bold;
}
table.pagelinks > tbody > tr > td.pagelink {
  background-color:  #284161;
  padding:           0px;
}
table.pagelinks > tbody > tr > td.pagelink > a {
  display:  block;
  padding:  4px 6px 4px 6px;
}
table.pagelinks > tbody > tr > td.pagelink:hover {
  background-color:  #DD0000;
}
table.pagelinks > tbody > tr > td.ellipsis {
  background-color:  #000000;
}
abbr {
  text-decoration:  none;
}
.pagelinksep {
  margin-left:  4px;
}
.memberarea {
  display:         flex;
  flex-wrap:       wrap;
  padding-bottom:  2px;
  width:           100%;
}
.memberarea > div:first-child {
  display:       inline-block;
  padding:       5px;
  width:         140px;
  border-width:  3px;
  border-style:  solid;
  border-color:  #284161;
}
.memberarea > div:nth-child(2) {
  display:       inline-block;
  padding-left:  10px;
}
.memberarea > div:last-child {
  display:         flex;
  flex-grow:       1;
  align-self:      flex-end;
  flex-direction:  column;
}
.memberarea > div:last-child > div {
  display:     inline-block;
  align-self:  flex-end;
}
.peektext {
  font-size:    9pt;
  font-weight:  normal;
  word-break:   break-word;
}
.peekarea {
  width:   100%;
  height:  100%;
}
.narrowcolumn {
  width:  5%;
}
ul.msg, ol.msg {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
ol.boldmarkers > li::marker {
  font-weight:  bold;
}
a:hover {
  color:  #FFFFE0;
}
a.block {
  color:            #BBEEEE;
  text-decoration:  none;
  display:          block;
}
a.block:active {
  color:             #DD0000;
  background-color:  #DD0000;
}
a.block:hover {
  background-color:  #DD0000;
}
a.plain {
  text-decoration:  none;
}
.helpoff {
  display:  none;
}
.helpon {
  display:     block;
  text-align:  left;
}
span.poststats {
  white-space:   nowrap;
  margin-right:  10px;
}

/* Static horizontal navigation menu (smh == Static Menu Horizontal) */
ul.smh {
  display:           inline-block;
  list-style:        none;
  font-size:         9pt;
  font-weight:       bold;
  padding:           0px;
  margin:            0px;
  border-style:      solid;
  border-width:      1px;
  border-color:      #315252;
  background-color:  #000000;
}
ul.smh > div,
ul.smh > a {
  display:             inline-block;
  margin:              0px;
  padding:             2px 5px 2px 5px;
  border-style:        solid;
  border-width:        1px 0px 1px 1px;
  border-color:        #000000;
  -moz-border-radius:  3px;
  border-radius:       3px;
  vertical-align:      middle;
  background-color:    #255995;
  color:               #FFFFFF;
}
ul.smh > div:last-child,
ul.smh > a:last-child {
  border-width:  1px;
}
ul.smh > div.label {
  background-color:  #A9A9A9;
}
ul.smh > div:hover,
ul.smh > a:hover {
  background-color:  #77CCDD;
  color:             #284161;
}
ul.smh > div.label:hover {
  background-color:  #A9A9A9;
}
ul.smh > div p {
  display:  inline;
  cursor:   default;
  color:    #FFFFFF;
}
ul.smh > div.label p {
  font-style:  italic;
  color:       #000000;
}
ul.smh > div:hover p {
  color:  #000000;
}

/* Static vertical navigation menu (smv == Static Menu Vertical) */
ul.smv {
  display:           inline-block;
  list-style:        none;
  font-size:         7.5pt;
  font-weight:       bold;
  padding:           0px;
  margin:            0px;
  border-style:      solid;
  border-width:      1px;
  border-color:      #315252;
  background-color:  #000000;
}
ul.smv > div,
ul.smv > a {
  display:           block;
  margin:            1px;
  padding:           2px 5px 2px 5px;
  text-align:        left;
  border-style:      none;
  border-width:      2px;
  border-color:      #387369;
  vertical-align:    middle;
  background-color:  #255995;
  color:             #FFFFFF;
}
ul.smv > div.label {
  background-color:  #A9A9A9;
  text-align:        center;
}
ul.smv > div:hover,
ul.smv > a:hover {
  background-color:  #77CCDD;
  color:             #284161;
}
ul.smv > div.label:hover {
  background-color:  #A9A9A9;
}
ul.smv > div p {
  display:  inline;
  cursor:   default;
  color:    #FFFFFF;
}
ul.smv > div.label p {
  font-style:  italic;
  color:       #000000;
}
ul.smv > div:hover p {
  color:  #000000;
}

/* Vertical dropdown menu (dmv == Dynamic Menu Vertical) */
ul.dmv {
  display:             block;
  visibility:          hidden;
  position:            absolute;
  list-style:          none;
  padding:             0px;
  margin:              0px;
  font-size:           7.5pt;
  border-style:        solid;
  border-width:        1px;
  border-color:        #315252;
  -moz-border-radius:  5px;
  border-radius:       5px;
  background-color:    #000000;
}
ul.dmv > div,
ul.dmv > a {
  display:             block;
  margin:              1px;
  padding:             2px 5px 2px 5px;
  text-align:          left;
  background-color:    #255995;
  -moz-border-radius:  3px;
  border-radius:       3px;
  color:               #FFFFFF;
}
ul.dmv > div.label {
  background-color:  #A9A9A9;
  text-align:        center;
}
ul.dmv > div.static {
  background-color:  #255995;
}
ul.dmv > div:hover,
ul.dmv > a:hover {
  background-color:  #77CCDD;
  color:             #284161;
}
ul.dmv > div.label:hover {
  background-color:  #A9A9A9;
}
ul.dmv > div.static:hover {
  background-color:  #255995;
}
ul.dmv > div p {
  display:  inline;
  cursor:   default;
  color:    #FFFFFF;
}
ul.dmv > div.label p {
  font-style:  italic;
  color:       #000000;
}
ul.dmv > div.static p {
  color:  #FFFFFF;
}
ul.dmv > div:hover p {
  color:  #000000;
}
ul.dmv > div.static:hover p {
  color:  #FFFFFF;
}

/* Horizontal dropover menu (dmh == Dynamic Menu Horizontal) */
/* Not yet defined */

/* For message display */
.messagecontainer {
  width:            100%;
  table-layout:     fixed;
  border-collapse:  collapse;
}
.messagecontainer > tbody > tr > td {
  padding:       4px;
  border-style:  solid;
  border-width:  1px;
  border-color:  #315252;
}
.messagetext {
  word-break:  break-word;
}
.messagetext .code {
  border-style:        solid;
  border-width:        1px;
  border-color:        gray;
  margin-block-start:  0em;
  margin-block-end:    0em;
}
.messagetext .code pre {
  word-break:   normal;
  overflow-x:   auto;
  overflow-y:   auto;
  margin:       6px;
  font-family:  Menlo, Courier New;
  &::-webkit-scrollbar {
    width:  10px;
  }
  &::-webkit-scrollbar-thumb {
    background-color:  #777777;
    border-radius:     20px;
  }
  &::-webkit-scrollbar-track {
    background-color:  #CCCCCC;
    border-radius:     20px;
  }
}
.avdefwidth {
  width:  100px;
}
.img-cont {
  width:    100%;
  margin:   auto;
  padding:  0px;
}
.img-cont-left {
  display:          flex;
  flex-wrap:        wrap;
  justify-content:  flex-start;
  margin:           0px;
  padding:          0px;
  width:            auto;
}
.img-cont-center {
  display:          flex;
  flex-wrap:        wrap;
  justify-content:  center;
  margin:           0px;
  padding:          0px;
  width:            100%;
}
.img-cont-right {
  display:          flex;
  flex-flow:        row wrap;
  justify-content:  flex-end;
  margin:           0px;
  padding:          0px;
  width:            auto;
}
.img-cont-floatleft {
  display:          flex;
  float:            left;
  flex-wrap:        wrap;
  justify-content:  flex-start;
  margin:           0px;
  padding:          0px;
}
.img-cont-floatright {
  display:          flex;
  float:            right;
  flex-wrap:        wrap;
  justify-content:  flex-end;
  margin:           0px;
  padding:          0px;
}
.img-item {
  margin-block-start:  0em;
  margin-block-end:    0em;
  display:             table-cell;
  margin:              5px 5px;
  width:               1%;
}
.img-caption {
  width:       100%;
  text-align:  center;
}
.tweet {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
iframe.utube {
  margin-block-start:  0em;
  margin-block-end:    0em;
}

/* Message composition window */
table.pmcompose {
  width:            100%;
  padding:          2px;
  margin:           0px;
  border-color:     #315252;
  border-style:     none;
  border-collapse:  separate;
  empty-cells:      show;
}
table.pmcompose tr {
  padding:  0px;
  margin:   0px;
}
table.pmcompose td {
  padding:     2px 0px 2px 0px;
  font-size:   7.5pt;
  text-align:  left;
}
table.pmcompose td + td {
  padding:  2px 0px 2px 10px;
}
table.pmcompose input, textarea {
  font-family:  Verdana, Arial;
  font-size:    7.5pt;
}
/* Message preview window */
table.pmpreview {
  width:             100%;
  padding:           2px;
  margin:            0px;
  border-style:      none;
  border-collapse:   separate;
  background-color:  #284161;
  empty-cells:       show;
}
table.pmpreview tr {
  padding:  0px;
  margin:   0px;
}
table.pmpreview td {
  padding:     2px 0px 2px 0px;
  font-size:   7.5pt;
  text-align:  left;
}
table.pmpreview td + td {
  padding:  2px 0px 2px 10px;
}
.pmquote {
  border-style:  solid;
  border-color:  #77CCDD;
  border-width:  0px 0px 0px 2px;
  padding:       0px 0px 0px 2px;
  margin:        0px;
}
.border {
  border-color:    #315252;
  border-width:    1px;
  border-style:    solid;
  border-spacing:  0px;
}
.messagebox {
  border-color:      #315252;
  border-width:      1px;
  border-style:      solid;
  background-color:  #000000;
  margin:            5vw auto;
  width:             90%;
}
.messagebox > div {
  margin:            1px;
  padding:           2vw;
  background-color:  #255995;
  font-size:         2vw;
}
div.overlay_filter {
  background-color:  #000000;
}
div.overlay {
  margin:              0px;
  padding:             0px;
  border-width:        20px 10px 10px 10px;
  border-style:        solid;
  border-color:        #77CCDD;
  -moz-border-radius:  10px;
  border-radius:       10px;
}
div.overlay > div {
  margin:            0px;
  padding:           10px;
  font-size:         9pt;
  color:             #FFFFFF;
  background-color:  #000000;
}
div.overlay > img.close {
  position:  absolute;
  width:     16px;
  top:       -18px;
  right:     6px;
}
table.login {
  width:       600px;
  font-size:   12pt;
  text-align:  center;
}
table.login input {
  width:      300px;
  font-size:  12pt;
}
table.login button {
  font-size:  12pt;
}
table.login td {
  padding:  20px 0px 0px 0px;
}
table.login tr:last-child td {
  font-size:   9pt;
  padding:     10px 0px 0px 0px;
  text-align:  right;
}
/* Settings for textual buttons */
a.buttoninactive {
  color:             #213555;
  background-color:  #B0C4DE;
  display:           block;
}
a.button {
  padding:  0px 6px 0px 6px;
}
a.button:link {
  color:             #213555;
  background-color:  #B0C4DE;
  text-decoration:   none;
  display:           block;
}
a.button:visited {
  color:             #213555;
  background-color:  #B0C4DE;
  text-decoration:   none;
  display:           block;
}
a.button:active {
  color:             #213555;
  background-color:  #B0C4DE;
  text-decoration:   none;
  display:           block;
}
a.button:hover {
  color:             #213555;
  background-color:  #F0F8FF;
  text-decoration:   none;
  display:           block;
}
div.smbutton {
  border-width:  1px;
  border-style:  solid;
  border-color:  #808080;
  padding:       1px;
  font-size:     9px;
  font-weight:   bold;
  text-align:    center;
}
div.smbuttoninactive {
  border-width:  1px;
  border-style:  solid;
  border-color:  #808080;
  padding:       1px;
  font-size:     9px;
  font-weight:   bold;
  text-align:    center;
  -ms-filter:    "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity:       .5;
  filter:        alpha(opacity=50);
  mozOpacity:    .5;
}
div.box {
  border-width:      1px;
  border-style:      solid;
  border-color:      #315252;
  background-color:  #284161;
  padding:           5px;
}
input[type="radio"].large {
  transform:     scale(1.5);
  margin-right:  15px;
}
button.smbutton,
input.smbutton,
select.small {
  color:        #2E4680;
  font-family:  Microsoft Sans Serif;
  font-size:    7pt;
  font-weight:  600;
}
button.custom,
button.custom.inactive:hover {
  outline:             none;
  border-color:        #808080;
  border-width:        1px;
  border-style:        solid;
  -moz-border-radius:  5px;
  border-radius:       5px;
  background-color:    #B0C4DE;
  color:               #213555;
}
button.custom:not(.inactive):hover,
button.custom:not(.inactive):focus {
  background-color:  #F0F8FF;
}
button.custom.image,
button.custom.image:hover,
button.custom.inactive.image,
button.custom.inactive.image:hover {
  border-style:      none;
  background-color:  transparent;
}
a.util:link {
  color:  #BBEEEE;
}
a.util:visited {
  color:  #BBEEEE;
}
a.util:active {
  color:  #DD0000;
}
a.util:hover {
  color:  #FFFFE0;
}
a.foot:link {
  color:  #BBEEEE;
}
a.foot:visited {
  color:  #BBEEEE;
}
a.foot:active {
  color:  #DD0000;
}
.jslink {
  cursor:  pointer;
  color:   #BBEEEE;
}
.jslink:hover {
  color:  #DD0000;
}
.ms1 {
  background-color:  #284161;
  text-align:        left;
  vertical-align:    top;
}
.ms2 {
  background-color:  #213555;
  text-align:        left;
  vertical-align:    top;
}
.bgc {
  background-color:  #000000;
}
.tbc {
  background-color:  #315252;
}
.tcs {
  background-color:  #255995;
}
.neu {
  background-color:  #575757;
}
.csc {
  background-color:  #485476;
}
.LI1 {
  font-size:    7.5pt;
  font-weight:  normal;
  color:        #BBEEEE;
}
div.hb {
  font-size:           7.5pt;
  color:               #000000;
  padding:             2px;
  -moz-border-radius:  5px;
  border-radius:       5px;
  background-color:    #BBEEEE;
  border-style:        none;
}
div.hb table {
  margin:   0px;
  padding:  0px;
}
div.hb table tr {
  height:   5px;
  margin:   0px;
  padding:  0px;
}
div.hb table tr td,
div.hb table tr td.ind {
  color:           #000000;
  font-size:       7.5pt;
  vertical-align:  top;
  margin:          0px;
}
div.hb table tr td {
  padding:  0px;
}
div.hb table tr td:first-child {
  white-space:  nowrap;
}
div.hb table tr td.ind {
  padding:  0px 0px 0px 5px;
}
div.wb {
  font-size:         7.5pt;
  color:             #FFFFFF;
  background-color:  #255995;
  border-color:      black;
}
div.wb table {
  margin:   0px;
  padding:  0px;
}
div.wb table tr {
  height:   5px;
  margin:   0px;
  padding:  0px;
}
div.wb table tr td {
  color:           #FFFFFF;
  font-size:       7.5pt;
  vertical-align:  top;
  margin:          0px;
  padding:         0px;
}
.leftjust {
  text-align:  left;
}
.centjust {
  text-align:  center;
}
.rightjust {
  text-align:  right;
}
.backwards {
  transform:  scaleX(-1);
}
.upsidedown {
  transform:  scaleY(-1);
}
.upsidedown.backwards {
  transform:  scaleX(-1) scaleY(-1);
}
img.spin {
  animation-name:             imgspin;
  animation-duration:         10s;
  animation-iteration-count:  infinite;
  animation-timing-function:  linear;
}
@keyframes imgspin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sz-sml {
  font-size:  7.5pt;
}
.sz-med {
  font-size:  9pt;
}
.sz-lrg {
  font-size:  12pt;
}
.wt-norm {
  font-weight:  normal;
}
.wt-bold {
  font-weight:  bold;
}
.st-norm {
  font-style:  normal;
}
.st-ital {
  font-style:  italic;
}
.st-oblq {
  font-style:  oblique;
}
.szsb {
  font-size:    7.5pt;
  font-weight:  bold;
}
.szm {
  font-size:    9pt;
  font-weight:  normal;
}
.szmb {
  font-size:    9pt;
  font-weight:  bold;
}
.szl {
  font-size:    12pt;
  font-weight:  normal;
}
.szlb {
  font-size:    12pt;
  font-weight:  bold;
}
.tb {
  font-size:    18pt;
  font-weight:  bold;
}
.err {
  background-color:  red;
}
.act {
  background-color:  #DD0000;
}
.in {
  margin-block-start:  0em;
  margin-block-end:    0em;
  margin-left:         15pt;
  margin-right:        15pt;
}
.hin {
  margin-block-start:  0em;
  margin-block-end:    0em;
  margin-left:         15pt;
  text-indent:         -15pt;
}
.magplus {
  cursor:  url(Images/magnifyplus.gif), url(../Images/magnifyplus.gif), move;
}
.magminus {
  cursor:  url(Images/magnifyminus.gif), url(../Images/magnifyminus.gif), move;
}
.f-red {
  color:  #FF0000;
}
.f-mar {
  color:  #800000;
}
.f-blk {
  color:  #000000;
}
.f-navy {
  color:  #000080;
}
.f-lime {
  color:  #00FF00;
}
.f-title {
  color:  #3BFF83;
}
.f-catstrip {
  color:  #FFFFFF;
}
.f-link {
  color:  #BBEEEE;
}
.f-tstrip {
  color:  #FFFFFF;
}
.f-text {
  color:  #FFFFFF;
}
.f-deftext {
  color:  #FFFFFF;
}
.f-time {
  color:  #FFFFFF;
}
.f-vlink {
  color:  #77CCDD;
}
.f-idtext {
  color:  #696969;
}
.blink {
  -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity:     0.5;
  filter:      alpha(opacity=50);
  mozOpacity:  0.5;
}
.fleft {
  float:  left;
}
.fright {
  float:  right;
}
td.talign.box {
  vertical-align:  top;
}
td.malign.box {
  vertical-align:  middle;
}
td.balign.box {
  vertical-align:  bottom;
}
/* Standard list box for column of items using small text */
table.stdlbs {
  font-size:         7.5pt;
  font-weight:       bold;
  padding:           3px;
  margin:            0px;
  border-color:      #315252;
  background-color:  #284161;
  border-width:      2px;
  border-style:      solid;
  border-spacing:    0px;
  empty-cells:       show;
}
table.stdlbs tr.list {
  margin:   0px;
  padding:  0px;
}
table.stdlbs td.list {
  margin:   0px;
  padding:  3px 0px 3px 0px;
}
/* Core box settings */
table.box {
  width:            100%;
  margin:           0px;
  padding:          0px;
  vertical-align:   middle;
  border-collapse:  separate;
  border-spacing:   0px;
  empty-cells:      show;
}
tr.box {
  margin:   0px;
  padding:  0px;
}
td.box {
  margin:          0px;
  padding:         0px;
  vertical-align:  top;
}
/* Standard box settings */
table.stdbox {
  padding:           3px;
  margin:            0px;
  border-color:      #315252;
  background-color:  #213555;
  border-width:      2px;
  border-style:      solid;
  border-spacing:    0px;
  empty-cells:       show;
}
table.pmml {
  width:           100%;
  padding:         0px;
  margin:          0px;
  border-color:    #315252;
  border-width:    2px;
  border-style:    solid;
  border-spacing:  0px;
  empty-cells:     show;
}
table.pmml td {
  text-align:      left;
  vertical-align:  bottom;
}
table.avatars {
  margin:            0px;
  padding:           0px;
  width:             100%;
  border-width:      1px;
  background-color:  ;
}
table.avatars td {
  margin:   0px;
  padding:  7px 5px 7px 5px;
}
table.avatars tr:nth-child(2) table {
  width:  100%;
}
table.avatars tr:nth-child(2) table th {
  font-size:    7.5pt;
  font-weight:  normal;
}
table.avatars tr:nth-child(2) table td {
  text-align:  center;
}
table.avatars tr:nth-child(2) table td:first-child {
  width:  10%;
}
table.avatars tr:nth-child(2) table td:nth-child(2) {
  width:  80%;
}
table.avatars tr:nth-child(2) table td:nth-child(3) {
  width:  10%;
}
table.avatars tr:nth-child(2) table img.displayedsize {
  width:  100px;
}
}
@media screen and (max-device-width: 800px) {
.outercontainer {
  font-family:       Verdana, Arial;
  font-size:         16px;
  color:             #FFFFFF;
  margin:            20px;
  background-color:  #000000;
  background-image:  none;
}
.emailcontainer {
  padding:  20px;
  width:    100%;
  height:   100%;
}
.emailmessage {
  background-color:  transparent;
  color:             #FFFFFF;
  border-style:      solid;
  border-width:      1px;
  border-color:      #315252;
  border-collapse:   separate;
  width:             95%;
  margin-left:       auto;
  margin-right:      auto;
}
.emailmessage td {
  margin:            2px;
  padding:           2px;
  background-color:  #284161;
}
a {
  text-decoration:  none;
}
a:link {
  color:  #BBEEEE;
}
a:visited {
  color:  #77CCDD;
}
a:active {
  color:  #DD0000;
}
.szs {
  font-size:    12px;
  font-weight:  normal;
}
.nowrap {
  white-space:  nowrap;
}
.f-cright {
  color:  #A9A9A9;
}
table {
  font-family:  Verdana, Arial;
  font-size:    16px;
  color:        #FFFFFF;
}
.sig {
  display:  block;
  margin:   0px;
  padding:  0px;
}
table.qs {
  margin-block-start:  0em;
  margin-block-end:    0em;
  table-layout:        fixed;
  width:               95%;
  border:              gray 1px;
  border-style:        solid;
  border-spacing:      0px;
}
blockquote.dbcode {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
div.qs {
  margin-block-start:  0em;
  margin-block-end:    0em;
  margin-left:         2.5%;
  margin-right:        2.5%;
  border:              gray 1px;
  border-style:        solid;
  padding:             6px;
  text-align:          left;
  vertical-align:      top;
}
.qs1 {
  background-color:  #113D63;
  color:             #FFFFFF;
}
.qs2 {
  background-color:  #284161;
  color:             #FFFFFF;
}
.al1 {
  background-color:  #284161;
}
.al2 {
  background-color:  #213555;
}
center.dbcode {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
h1.h1indexing {
  display:      inline;
  font-family:  Verdana, Arial;
  font-size:    16px;
}
.hidden, .nodisplay {
  display:  none;
}
.li10 {
  margin:  2px 0px 0px 10px;
}
.li20 {
  margin:  2px 0px 0px 20px;
}
.li30 {
  margin:  2px 0px 0px 30px;
}
.p10 {
  padding-left:  10px;
}
.p15 {
  padding-left:  15px;
}
.hi15 {
  text-indent:  -15px;
  margin-left:  15px;
  margin-top:   0px;
}
.nopm {
  padding:  0px;
  margin:   0px;
}
.threadfolder {
  cursor:  pointer;
}
table.sm {
  font-size:  12px;
  color:      #FFFFFF;
  margin:     0px;
  padding:    0px;
}
table.sm tr {
  padding:  0px;
}
table.sm tr td {
  padding:  0px;
}
table.threadlist {
  margin:           0px;
  padding:          0px;
  border-collapse:  collapse;
  color:            #FFFFFF;
  word-break:       break-word;
  font-size:        16px;
}
table.threadlist > tbody > tr {
  border-style:  none;
}
table.threadlist > tbody > tr > td {
  padding:       2px;
  border-style:  solid;
  border-width:  1px;
  border-color:  #315252;
}
table.threadlist > tbody > tr:first-child {
  background-color:  #255995;
  color:             #FFFFFF;
  word-break:        normal;
  font-size:         12px;
  font-weight:       bold;
}
table.threadlist > tbody > tr > td {
  vertical-align:  middle;
}
table.memberthreadlist > tbody > tr:first-child > td {
  text-align:  center;
}
table.memberthreadlist > tbody > tr:first-child > td:first-child {
  width:  5%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(2) {
  width:  5%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(3) {
  width:  25%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(4) {
  width:  5%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(5) {
  width:  35%;
}
table.memberthreadlist > tbody > tr:first-child > td:nth-child(6) {
  width:  25%;
}
table.simple {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.simple tr {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.simple tr td {
  padding:       0px;
  margin:        0px;
  border-style:  none;
}
table.folder {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.folder tr {
  padding:       0px;
  margin:        0px;
  border-style:  none;
  width:         100%;
}
table.folder tr td {
  padding:       2px;
  margin:        0px;
  border-style:  none;
  width:         50%;
}
table.dbcode {
  margin-block-start:  0em;
  margin-block-end:    0em;
  padding:             0px;
  margin:              0px;
  border-collapse:     collapse;
  border-style:        none;
  border-width:        1px;
  border-color:        #FFFFFF;
}
.center table.dbcode, table.dbcode.center {
  margin-left:   auto;
  margin-right:  auto;
}
table.dbcode tr {
  border-style:  none;
  border-width:  1px;
  border-color:  #FFFFFF;
}
table.dbcode td {
  padding:       0px 5px 0px 5px;
  border-width:  1px;
  border-color:  #FFFFFF;
}
table.dbcode td:first-child {
  padding:  0px 5px 0px 0px;
}
table.dbcode td:last-child {
  padding:  0px 0px 0px 5px;
}
table.dbcode.borders td {
  padding:       0px 5px 0px 5px;
  border-style:  solid;
}
table.dbcode.noborders td {
  border-style:  none;
}
table.dbcode tr.header td {
  font-weight:  bold;
}
div.blockcolor {
  display:             block;
  margin-block-start:  0em;
  margin-block-end:    0em;
  padding:             4px;
  margin:              0px;
}
div.center {
  margin-block-start:  0em;
  margin-block-end:    0em;
  text-align:          center;
}
div.indent {
  margin-block-start:   0em;
  margin-block-end:     0em;
  margin-inline-start:  2em;
  margin-inline-end:    2em;
}
table.pagelinks {
  border-width:     1px;
  border-style:     solid;
  border-color:     #315252;
  border-collapse:  collapse;
  font-size:        9pt;
}
table.pagelinks > tbody > tr > td {
  padding:         4px 6px 4px 6px;
  vertical-align:  middle;
  text-align:      center;
}
table.pagelinks > tbody > tr > td.currentpage {
  background-color:  #255995;
  font-weight:       bold;
}
table.pagelinks > tbody > tr > td.pagelink {
  background-color:  #284161;
  padding:           0px;
}
table.pagelinks > tbody > tr > td.pagelink > a {
  display:  block;
  padding:  4px 6px 4px 6px;
}
table.pagelinks > tbody > tr > td.pagelink:hover {
  background-color:  #DD0000;
}
table.pagelinks > tbody > tr > td.ellipsis {
  background-color:  #000000;
}
abbr {
  text-decoration:  none;
}
.pagelinksep {
  margin-left:  4px;
}
.memberarea {
  display:         flex;
  flex-wrap:       wrap;
  padding-bottom:  2px;
  width:           100%;
}
.memberarea > div:first-child {
  display:       inline-block;
  padding:       5px;
  width:         140px;
  border-width:  3px;
  border-style:  solid;
  border-color:  #284161;
}
.memberarea > div:nth-child(2) {
  display:       inline-block;
  padding-left:  10px;
}
.memberarea > div:last-child {
  display:         flex;
  flex-grow:       1;
  align-self:      flex-end;
  flex-direction:  column;
}
.memberarea > div:last-child > div {
  display:     inline-block;
  align-self:  flex-end;
}
.peektext {
  font-size:    16px;
  font-weight:  normal;
  word-break:   break-word;
}
.peekarea {
  width:   100%;
  height:  100%;
}
.narrowcolumn {
  width:  5%;
}
ul.msg, ol.msg {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
ol.boldmarkers > li::marker {
  font-weight:  bold;
}
a:hover {
  color:  #FFFFE0;
}
a.block {
  color:            #BBEEEE;
  text-decoration:  none;
  display:          block;
}
a.block:active {
  color:             #DD0000;
  background-color:  #DD0000;
}
a.block:hover {
  background-color:  #DD0000;
}
a.plain {
  text-decoration:  none;
}
.helpoff {
  display:  none;
}
.helpon {
  display:     block;
  text-align:  left;
}
span.poststats {
  white-space:   nowrap;
  margin-right:  10px;
}

/* Static horizontal navigation menu (smh == Static Menu Horizontal) */
ul.smh {
  display:           inline-block;
  list-style:        none;
  font-size:         16px;
  font-weight:       bold;
  padding:           0px;
  margin:            0px;
  border-style:      solid;
  border-width:      1px;
  border-color:      #315252;
  background-color:  #000000;
}
ul.smh > div,
ul.smh > a {
  display:             inline-block;
  margin:              6px;
  padding:             2px 5px 2px 5px;
  border-style:        solid;
  border-width:        1px 0px 1px 1px;
  border-color:        #000000;
  -moz-border-radius:  3px;
  border-radius:       3px;
  vertical-align:      middle;
  background-color:    #255995;
  color:               #FFFFFF;
}
ul.smh > div:last-child,
ul.smh > a:last-child {
  border-width:  1px;
}
ul.smh > div.label {
  background-color:  #A9A9A9;
}
ul.smh > div:hover,
ul.smh > a:hover {
  background-color:  #77CCDD;
  color:             #284161;
}
ul.smh > div.label:hover {
  background-color:  #A9A9A9;
}
ul.smh > div p {
  display:  inline;
  cursor:   default;
  color:    #FFFFFF;
}
ul.smh > div.label p {
  font-style:  italic;
  color:       #000000;
}
ul.smh > div:hover p {
  color:  #000000;
}

/* Static vertical navigation menu (smv == Static Menu Vertical) */
ul.smv {
  display:           inline-block;
  list-style:        none;
  font-size:         12px;
  font-weight:       bold;
  padding:           0px;
  margin:            0px;
  border-style:      solid;
  border-width:      1px;
  border-color:      #315252;
  background-color:  #000000;
}
ul.smv > div,
ul.smv > a {
  display:           block;
  margin:            1px;
  padding:           2px 5px 2px 5px;
  text-align:        left;
  border-style:      none;
  border-width:      2px;
  border-color:      #387369;
  vertical-align:    middle;
  background-color:  #255995;
  color:             #FFFFFF;
}
ul.smv > div.label {
  background-color:  #A9A9A9;
  text-align:        center;
}
ul.smv > div:hover,
ul.smv > a:hover {
  background-color:  #77CCDD;
  color:             #284161;
}
ul.smv > div.label:hover {
  background-color:  #A9A9A9;
}
ul.smv > div p {
  display:  inline;
  cursor:   default;
  color:    #FFFFFF;
}
ul.smv > div.label p {
  font-style:  italic;
  color:       #000000;
}
ul.smv > div:hover p {
  color:  #000000;
}

/* Vertical dropdown menu (dmv == Dynamic Menu Vertical) */
ul.dmv {
  display:             block;
  visibility:          hidden;
  position:            absolute;
  list-style:          none;
  padding:             0px;
  margin:              0px;
  font-size:           12px;
  border-style:        solid;
  border-width:        1px;
  border-color:        #315252;
  -moz-border-radius:  5px;
  border-radius:       5px;
  background-color:    #000000;
}
ul.dmv > div,
ul.dmv > a {
  display:             block;
  margin:              1px;
  padding:             2px 5px 2px 5px;
  text-align:          left;
  background-color:    #255995;
  -moz-border-radius:  3px;
  border-radius:       3px;
  color:               #FFFFFF;
}
ul.dmv > div.label {
  background-color:  #A9A9A9;
  text-align:        center;
}
ul.dmv > div.static {
  background-color:  #255995;
}
ul.dmv > div:hover,
ul.dmv > a:hover {
  background-color:  #77CCDD;
  color:             #284161;
}
ul.dmv > div.label:hover {
  background-color:  #A9A9A9;
}
ul.dmv > div.static:hover {
  background-color:  #255995;
}
ul.dmv > div p {
  display:  inline;
  cursor:   default;
  color:    #FFFFFF;
}
ul.dmv > div.label p {
  font-style:  italic;
  color:       #000000;
}
ul.dmv > div.static p {
  color:  #FFFFFF;
}
ul.dmv > div:hover p {
  color:  #000000;
}
ul.dmv > div.static:hover p {
  color:  #FFFFFF;
}

/* Horizontal dropover menu (dmh == Dynamic Menu Horizontal) */
/* Not yet defined */

/* For message display */
.messagecontainer {
  width:            100%;
  table-layout:     fixed;
  border-collapse:  collapse;
}
.messagecontainer > tbody > tr > td {
  padding:       4px;
  border-style:  solid;
  border-width:  1px;
  border-color:  #315252;
}
.messagetext {
  word-break:  break-word;
}
.messagetext .code {
  border-style:        solid;
  border-width:        1px;
  border-color:        gray;
  margin-block-start:  0em;
  margin-block-end:    0em;
}
.messagetext .code pre {
  word-break:   normal;
  overflow-x:   auto;
  overflow-y:   auto;
  margin:       6px;
  font-family:  Menlo, Courier New;
  &::-webkit-scrollbar {
    width:  10px;
  }
  &::-webkit-scrollbar-thumb {
    background-color:  #777777;
    border-radius:     20px;
  }
  &::-webkit-scrollbar-track {
    background-color:  #CCCCCC;
    border-radius:     20px;
  }
}
.avdefwidth {
  width:  100px;
}
.img-cont {
  width:    100%;
  margin:   auto;
  padding:  0px;
}
.img-cont-left {
  display:          flex;
  flex-wrap:        wrap;
  justify-content:  flex-start;
  margin:           0px;
  padding:          0px;
  width:            auto;
}
.img-cont-center {
  display:          flex;
  flex-wrap:        wrap;
  justify-content:  center;
  margin:           0px;
  padding:          0px;
  width:            100%;
}
.img-cont-right {
  display:          flex;
  flex-flow:        row wrap;
  justify-content:  flex-end;
  margin:           0px;
  padding:          0px;
  width:            auto;
}
.img-cont-floatleft {
  display:          flex;
  float:            left;
  flex-wrap:        wrap;
  justify-content:  flex-start;
  margin:           0px;
  padding:          0px;
}
.img-cont-floatright {
  display:          flex;
  float:            right;
  flex-wrap:        wrap;
  justify-content:  flex-end;
  margin:           0px;
  padding:          0px;
}
.img-item {
  margin-block-start:  0em;
  margin-block-end:    0em;
  display:             table-cell;
  margin:              5px 5px;
  width:               1%;
}
.img-caption {
  width:       100%;
  text-align:  center;
}
.tweet {
  margin-block-start:  0em;
  margin-block-end:    0em;
}
iframe.utube {
  margin-block-start:  0em;
  margin-block-end:    0em;
}

/* Message composition window */
table.pmcompose {
  width:            100%;
  padding:          2px;
  margin:           0px;
  border-color:     #315252;
  border-style:     none;
  border-collapse:  separate;
  empty-cells:      show;
}
table.pmcompose tr {
  padding:  0px;
  margin:   0px;
}
table.pmcompose td {
  padding:     2px 0px 2px 0px;
  font-size:   7.5pt;
  text-align:  left;
}
table.pmcompose td + td {
  padding:  2px 0px 2px 10px;
}
table.pmcompose input, textarea {
  font-family:  Verdana, Arial;
  font-size:    12px;
}
/* Message preview window */
table.pmpreview {
  width:             100%;
  padding:           2px;
  margin:            0px;
  border-style:      none;
  border-collapse:   separate;
  background-color:  #284161;
  empty-cells:       show;
}
table.pmpreview tr {
  padding:  0px;
  margin:   0px;
}
table.pmpreview td {
  padding:     2px 0px 2px 0px;
  font-size:   7.5pt;
  text-align:  left;
}
table.pmpreview td + td {
  padding:  2px 0px 2px 10px;
}
.pmquote {
  border-style:  solid;
  border-color:  #77CCDD;
  border-width:  0px 0px 0px 2px;
  padding:       0px 0px 0px 2px;
  margin:        0px;
}
.border {
  border-color:    #315252;
  border-width:    1px;
  border-style:    solid;
  border-spacing:  0px;
}
.messagebox {
  border-color:      #315252;
  border-width:      1px;
  border-style:      solid;
  background-color:  #000000;
  margin:            5vw auto;
  width:             90%;
}
.messagebox > div {
  margin:            1px;
  padding:           2vw;
  background-color:  #255995;
  font-size:         2vw;
}
div.overlay_filter {
  background-color:  #000000;
}
div.overlay {
  margin:              0px;
  padding:             0px;
  border-width:        20px 10px 10px 10px;
  border-style:        solid;
  border-color:        #77CCDD;
  -moz-border-radius:  10px;
  border-radius:       10px;
}
div.overlay > div {
  margin:            0px;
  padding:           10px;
  font-size:         16px;
  color:             #FFFFFF;
  background-color:  #000000;
}
div.overlay > img.close {
  position:  absolute;
  width:     16px;
  top:       -18px;
  right:     6px;
}
table.login {
  width:       600px;
  font-size:   20px;
  text-align:  center;
}
table.login input {
  width:      300px;
  font-size:  20px;
}
table.login button {
  font-size:  20px;
}
table.login td {
  padding:  20px 0px 0px 0px;
}
table.login tr:last-child td {
  font-size:   16px;
  padding:     10px 0px 0px 0px;
  text-align:  right;
}
/* Settings for textual buttons */
a.buttoninactive {
  color:             #213555;
  background-color:  #B0C4DE;
  display:           block;
}
a.button {
  padding:  0px 6px 0px 6px;
}
a.button:link {
  color:             #213555;
  background-color:  #B0C4DE;
  text-decoration:   none;
  display:           block;
}
a.button:visited {
  color:             #213555;
  background-color:  #B0C4DE;
  text-decoration:   none;
  display:           block;
}
a.button:active {
  color:             #213555;
  background-color:  #B0C4DE;
  text-decoration:   none;
  display:           block;
}
a.button:hover {
  color:             #213555;
  background-color:  #F0F8FF;
  text-decoration:   none;
  display:           block;
}
div.smbutton {
  border-width:  1px;
  border-style:  solid;
  border-color:  #808080;
  padding:       1px;
  font-size:     9px;
  font-weight:   bold;
  text-align:    center;
}
div.smbuttoninactive {
  border-width:  1px;
  border-style:  solid;
  border-color:  #808080;
  padding:       1px;
  font-size:     9px;
  font-weight:   bold;
  text-align:    center;
  -ms-filter:    "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity:       .5;
  filter:        alpha(opacity=50);
  mozOpacity:    .5;
}
div.box {
  border-width:      1px;
  border-style:      solid;
  border-color:      #315252;
  background-color:  #284161;
  padding:           5px;
}
input[type="radio"].large {
  transform:     scale(1.5);
  margin-right:  15px;
}
button.smbutton,
input.smbutton,
select.small {
  color:        #2E4680;
  font-family:  Microsoft Sans Serif;
  font-size:    7pt;
  font-weight:  600;
}
button.custom,
button.custom.inactive:hover {
  outline:             none;
  border-color:        #808080;
  border-width:        1px;
  border-style:        solid;
  -moz-border-radius:  5px;
  border-radius:       5px;
  background-color:    #B0C4DE;
  color:               #213555;
}
button.custom:not(.inactive):hover,
button.custom:not(.inactive):focus {
  background-color:  #F0F8FF;
}
button.custom.image,
button.custom.image:hover,
button.custom.inactive.image,
button.custom.inactive.image:hover {
  border-style:      none;
  background-color:  transparent;
}
a.util:link {
  color:  #BBEEEE;
}
a.util:visited {
  color:  #BBEEEE;
}
a.util:active {
  color:  #DD0000;
}
a.util:hover {
  color:  #FFFFE0;
}
a.foot:link {
  color:  #BBEEEE;
}
a.foot:visited {
  color:  #BBEEEE;
}
a.foot:active {
  color:  #DD0000;
}
.jslink {
  cursor:  pointer;
  color:   #BBEEEE;
}
.jslink:hover {
  color:  #DD0000;
}
.ms1 {
  background-color:  #284161;
  text-align:        left;
  vertical-align:    top;
}
.ms2 {
  background-color:  #213555;
  text-align:        left;
  vertical-align:    top;
}
.bgc {
  background-color:  #000000;
}
.tbc {
  background-color:  #315252;
}
.tcs {
  background-color:  #255995;
}
.neu {
  background-color:  #575757;
}
.csc {
  background-color:  #485476;
}
.LI1 {
  font-size:    12px;
  font-weight:  normal;
  color:        #BBEEEE;
}
div.hb {
  font-size:           12px;
  color:               #000000;
  padding:             2px;
  -moz-border-radius:  5px;
  border-radius:       5px;
  background-color:    #BBEEEE;
  border-style:        none;
}
div.hb table {
  margin:   0px;
  padding:  0px;
}
div.hb table tr {
  height:   5px;
  margin:   0px;
  padding:  0px;
}
div.hb table tr td,
div.hb table tr td.ind {
  color:           #000000;
  font-size:       12px;
  vertical-align:  top;
  margin:          0px;
}
div.hb table tr td {
  padding:  0px;
}
div.hb table tr td:first-child {
  white-space:  nowrap;
}
div.hb table tr td.ind {
  padding:  0px 0px 0px 5px;
}
div.wb {
  font-size:         12px;
  color:             #FFFFFF;
  background-color:  #255995;
  border-color:      black;
}
div.wb table {
  margin:   0px;
  padding:  0px;
}
div.wb table tr {
  height:   5px;
  margin:   0px;
  padding:  0px;
}
div.wb table tr td {
  color:           #FFFFFF;
  font-size:       12px;
  vertical-align:  top;
  margin:          0px;
  padding:         0px;
}
.leftjust {
  text-align:  left;
}
.centjust {
  text-align:  center;
}
.rightjust {
  text-align:  right;
}
.backwards {
  transform:  scaleX(-1);
}
.upsidedown {
  transform:  scaleY(-1);
}
.upsidedown.backwards {
  transform:  scaleX(-1) scaleY(-1);
}
img.spin {
  animation-name:             imgspin;
  animation-duration:         10s;
  animation-iteration-count:  infinite;
  animation-timing-function:  linear;
}
@keyframes imgspin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sz-sml {
  font-size:  12px;
}
.sz-med {
  font-size:  16px;
}
.sz-lrg {
  font-size:  20px;
}
.wt-norm {
  font-weight:  normal;
}
.wt-bold {
  font-weight:  bold;
}
.st-norm {
  font-style:  normal;
}
.st-ital {
  font-style:  italic;
}
.st-oblq {
  font-style:  oblique;
}
.szsb {
  font-size:    12px;
  font-weight:  bold;
}
.szm {
  font-size:    16px;
  font-weight:  normal;
}
.szmb {
  font-size:    16px;
  font-weight:  bold;
}
.szl {
  font-size:    20px;
  font-weight:  normal;
}
.szlb {
  font-size:    20px;
  font-weight:  bold;
}
.tb {
  font-size:    18pt;
  font-weight:  bold;
}
.err {
  background-color:  red;
}
.act {
  background-color:  #DD0000;
}
.in {
  margin-block-start:  0em;
  margin-block-end:    0em;
  margin-left:         15pt;
  margin-right:        15pt;
}
.hin {
  margin-block-start:  0em;
  margin-block-end:    0em;
  margin-left:         15pt;
  text-indent:         -15pt;
}
.magplus {
  cursor:  url(Images/magnifyplus.gif), url(../Images/magnifyplus.gif), move;
}
.magminus {
  cursor:  url(Images/magnifyminus.gif), url(../Images/magnifyminus.gif), move;
}
.f-red {
  color:  #FF0000;
}
.f-mar {
  color:  #800000;
}
.f-blk {
  color:  #000000;
}
.f-navy {
  color:  #000080;
}
.f-lime {
  color:  #00FF00;
}
.f-title {
  color:  #3BFF83;
}
.f-catstrip {
  color:  #FFFFFF;
}
.f-link {
  color:  #BBEEEE;
}
.f-tstrip {
  color:  #FFFFFF;
}
.f-text {
  color:  #FFFFFF;
}
.f-deftext {
  color:  #FFFFFF;
}
.f-time {
  color:  #FFFFFF;
}
.f-vlink {
  color:  #77CCDD;
}
.f-idtext {
  color:  #696969;
}
.blink {
  -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity:     0.5;
  filter:      alpha(opacity=50);
  mozOpacity:  0.5;
}
.fleft {
  float:  left;
}
.fright {
  float:  right;
}
td.talign.box {
  vertical-align:  top;
}
td.malign.box {
  vertical-align:  middle;
}
td.balign.box {
  vertical-align:  bottom;
}
/* Standard list box for column of items using small text */
table.stdlbs {
  font-size:         12px;
  font-weight:       bold;
  padding:           3px;
  margin:            0px;
  border-color:      #315252;
  background-color:  #284161;
  border-width:      2px;
  border-style:      solid;
  border-spacing:    0px;
  empty-cells:       show;
}
table.stdlbs tr.list {
  margin:   0px;
  padding:  0px;
}
table.stdlbs td.list {
  margin:   0px;
  padding:  3px 0px 3px 0px;
}
/* Core box settings */
table.box {
  width:            100%;
  margin:           0px;
  padding:          0px;
  vertical-align:   middle;
  border-collapse:  separate;
  border-spacing:   0px;
  empty-cells:      show;
}
tr.box {
  margin:   0px;
  padding:  0px;
}
td.box {
  margin:          0px;
  padding:         0px;
  vertical-align:  top;
}
/* Standard box settings */
table.stdbox {
  padding:           3px;
  margin:            0px;
  border-color:      #315252;
  background-color:  #213555;
  border-width:      2px;
  border-style:      solid;
  border-spacing:    0px;
  empty-cells:       show;
}
table.pmml {
  width:           100%;
  padding:         0px;
  margin:          0px;
  border-color:    #315252;
  border-width:    2px;
  border-style:    solid;
  border-spacing:  0px;
  empty-cells:     show;
}
table.pmml td {
  text-align:      left;
  vertical-align:  bottom;
}
table.avatars {
  margin:            0px;
  padding:           0px;
  width:             100%;
  border-width:      1px;
  background-color:  ;
}
table.avatars td {
  margin:   0px;
  padding:  7px 5px 7px 5px;
}
table.avatars tr:nth-child(2) table {
  width:  100%;
}
table.avatars tr:nth-child(2) table th {
  font-size:    7.5pt;
  font-weight:  normal;
}
table.avatars tr:nth-child(2) table td {
  text-align:  center;
}
table.avatars tr:nth-child(2) table td:first-child {
  width:  10%;
}
table.avatars tr:nth-child(2) table td:nth-child(2) {
  width:  80%;
}
table.avatars tr:nth-child(2) table td:nth-child(3) {
  width:  10%;
}
table.avatars tr:nth-child(2) table img.displayedsize {
  width:  100px;
}
}