.ok {
  background:#bfb;
}
.no {
  background:#fbb;
}
span.lt {
  color:#aaa;
}

span.em {
  color:red;
}
span.blink {
  animation: blnk 1s linear infinite;
}
@keyframes blnk { 50% {opacity: 0;} }

div.url {
  margin:10px;
}
a.url {
  font-size:20px;
  text-decoration:none;
  border-bottom:2px solid inherited;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  margin:0;
}

header {
 position:relative;
 height:48px;
}

.menu {
  width:140px;
  position:absolute;
  top:48px;
  z-index:3;
  opacity:0.95;
}

#lmenu {
  left:0;
}

#rmenu {
  right:0px;
}

div.w {
  margin:0 auto;
  max-width:568px; // drives viewable width
}

div.ww {
    position:relative;
//    border: 1px solid red; // fills w above
}

div.www {
  margin:0 auto;
//  max-width:568px; // drives viewable width
}

a.logo {
  font-size:20px;
  text-decoration:none;
  border-bottom:2px solid inherited;
}
a.logo:hover {
  border-bottom:2px solid red;
}

.l {
 padding-bottom:10px;
}

.dmen {
  text-decoration:none;
  color:#bbb;
}

.men {
  text-decoration:none;
  color:#777;
  border-bottom: 2px solid inherited;
}

.men:hover {
  border-bottom: 2px solid red;
  cursor:pointer;
}

ul.m {
  margin-top:0px;
  padding-bottom:8px;
  padding-left:17px;
}

li {
  padding-top:0.6em;
  list-style-type:none;
}

span.hdr {
  padding-top:15px;
  position:absolute;
}

@font-face {
  font-family: "rn";
  src:url("../i/rn.eot");
  src:url("../i/rn.eot?#iefix") format("embedded-opentype"),
    url("../i/rn.ttf") format("truetype"),
    url("../i/rn.woff") format("woff"),
    url("../i/rn.svg#rn") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sw";
  src:url("../i/sw.eot");
  src:url("../i/sw.eot?#iefix") format("embedded-opentype"),
    url("../i/sw.woff") format("woff"),
    url("../i/sw.ttf") format("truetype"),
    url("../i/sw.svg#sw") format("svg");
  font-weight: normal;
  font-style: normal;

}

.nav {
  color:#777;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 32px/44px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  width:48px;
  height:48px;
}

.nav:hover {
  color:red;
}

#lnav {
  float:left;
  content:"\62";
}

#rnav {
  float:right;
  content:"\64";
}

article {
  top:0px;
  position:relative;
  font-size:14px;
  max-width:560px;
  padding:4px;
  display:block;
  background:white;
}
wa {
  top:0px;
  //  position:relative;
  width:100%;
  font-size:14px;
  padding:4px;
  display:block;
  background:white;
}

footer {
  position:relative;
  font-size:18px;
  text-align:center;
  background:#ccc;
  color:#fff;
}

@media screen and (max-width:849px) {
  #lmenu {
    display:none;
  }
  #rmenu {
    display:none;
  }
}

@media screen and (min-width:850px) {
  a.logo {
    margin-left:52px;
  }
  .nav {
    display:none;
  }
  #lmenu {
    left:-140px;
    display:block;
  }
  #rmenu {
    left:568px;
    display:block;
  }
}

div.fdc {
  padding:5px;
  width:558;
  background:white;
  position:relative;
}
span.feed {
  font-family: "Roboto Condensed", sans-serif;
  position:relative;
  bottom:-1px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  z-index:2;
  background:white;
  padding-top:2px;
  padding-left:10px;
  padding-right:10px;
  margin-top:10px;
  border-radius:5px 5px 0 0;
}
div.feed {
  border-radius:0px 5px 5px 5px;
  border: 1px solid #ccc;
  background:white;
}
div.tit {
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  font-family: "Roboto Condensed", sans-serif;
  font-size:15px;
  border-bottom: 2px solid white;
}
div.fi {
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  font-family: "Roboto Condensed", sans-serif;
  font-size:0.8em;
  border-bottom: 2px solid white;
}
div.fi:hover {
  border-bottom: 2px solid red;
  cursor:pointer;
}
div.fit {
  font-weight:bold;
}
span.fid {
  padding-left:20px;
}

.ti {
  font-family: "Roboto Condensed", sans-serif;
  font-size:15px;  
  font-weight:bold;
}

div.ti {
  padding:10px;
  padding-left:0px;
}
span.tid {
  padding-left:20px;
  text-decoration:italics;
  color:#aaa;
  font-size:0.8em;
}

.quip {
  font-size:0.9em;
}

.li {
  font-family: "Roboto Condensed", sans-serif;
  border-bottom:1px solid #ddd;
  cursor:pointer;
  margin-top:10px;
  margin-bottom:10px;
  font-size:14px;
}

tr.li:last-child {
  border:1px solid #ddd;
}

.li:hover {
  background: #eee;
}
td.lii {
 margin:0;
 padding:0;
}
td.lim {
 text-align:center;
}
.lit {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;  
  font-weight:bold;
  margin-bottom:6px;
}

input.filt {
    width:60px;
    margin-left:10px;
    margin-right:10px;
}
div.filt {
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:10px;
    padding-bottom:8px;
}

table,th,td {
  border:1px solid #ddd;
  border-collapse:collapse;
}
table {
  width:100%;
}
th {
  font-family: "Roboto Condensed", sans-serif;
  font-weight:bold;
  font-size:14px;
  padding:4px;
}
td {
  padding:4px;
}

a.b {
  border-bottom:2px solid #ddd;
}
a.b:hover {
  border-bottom:2px solid red;
  cursor:pointer;
}

img.trig {
  z-index:10;
  position:absolute;
  top:0;
  left:0;
  display:none;
}

img {
  width:100%;
}

div.calm {
  font-family: "Roboto Condensed", sans-serif;
  font-size:20px;
  padding:3px;
  margin-top:10px;
}

div.calf {
  width:100%;
  font-family: "Roboto Condensed", sans-serif;
  display:table;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

div.calr {
  width:auto;
  clear:both;
  display:table-row;
}

div.calt {
  display:table-cell;
  text-align:center;
}
div.calt:first-child {
  border-left:1px solid #ddd;
}
div.calt:last-child {
  border-right:1px solid #ddd;
}

div.cal:first-child {
  background:#f8f8f8;
}
div.cal:last-child {
  border-right:1px solid #ddd;
  background:#f8f8f8;
}

div.cal {
  display:table-cell;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  height:80px;
  width:14.25%;
  overflow:hidden;
  vertical-align:top;
}

div.calc {
  clear:both;
  font-size:11px;
  background:#dfd;
  overflow:hidden;
  border-bottom:2px solid white;
}
div.calc:last-child {
  border-bottom:none;
}
#calo {
  background:#fdd;
}
#calm {
  background:#ddf;
}

div.cale:hover {
  cursor:pointer;
  border-bottom:2px solid red;
}

div.cal:empty {
  background:#ddd;
}

div.cald {
  margin:1px;
  font-weight:bold;
  font-size:12px;
  float:right;
  width:20px;
  height:20px;
  line-height:20px;
  border-radius:50%;
  background:#aaa;
  color:white;
  text-align:center;
}
div.cald#t {
  background:red;
}

div.log {
  padding:20px;
  font-size:12px;
  background:#eee;
  font-family: "Roboto Condensed", sans-serif;
  margin:0 auto;
  margin-top:20px;
  width:80%;
  margin-bottom:20px;
}
div.logt {
  font-size:14px;
  margin:0 auto;
  display:table;
}
div.logr {
  display:table-row;
}
div.logh {
  display:table-cell;
  text-align:right;
  padding-right:5px;
  padding-bottom:10px;
}
div.logi {
  display:table-cell;
}
div.logi {
  display:table-cell;
}
div.logs {
  margin:0 auto;
  width:80%;
}
input.log {
  font-family: "Roboto Condensed", sans-serif;
  display:block;
  margin: auto;
}
#name, #pass {
  width:180px;
}

#hlp {
  padding-right:10px;
  padding-left:10px;
  padding-top:5px;
}
#hlp:hover {
  border-bottom: 2px solid red;
  z-index:2;
  position:relative;
}
#hlptxt {
  display:none;
  position:relative;
  background:#eee;
  border-radius:10px;
  border:1px solid #777;
  padding:10px;
  padding-bottom:0px;
  font-size:14px;
}

div.rsp {
  padding-top:10px;
  width:100%;
  position:relative;
}
#rsp {
  position:absolute;
  right:10px;
}
#rsp:hover {
  border-bottom: 2px solid red;
}

div.err {
  text-align:center;
  font-size:14px;
  color:red;
}

.instcont {
  position:relative;
  height:0;
  overflow:hidden;
  padding-bottom: 56%;
  margin-bottom:10px;
}
.instcont iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
}

.srt {
  color:#ddd;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 18px/18px "rn";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
}

.srt:hover {
  color:#777;
}

#srt:hover {
  cursor:pointer;
  border-bottom:2px solid red;
}

#ld {
    display:none;
}

.trn {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;
  padding:4px;
  position:relative;
}

.trnt {
  padding-top:10px;
  font-size:16px;
}
.trt {
  color:#888;
}
#tro {
  background:#e8e8e8;
  color:#444;
  border-left:20px solid #ccc;
}
#trp {
  border-top:2px solid red;
  border-left:20px solid red;
  border-right:2px solid red;
  border-bottom:2px solid red;
}
#trf {
  background:#f8f8f8;
  border-left:20px solid #444;
}
#trs {
  border-top:2px solid #606;
  border-left:20px solid #606;
  border-right:2px solid #606;
  border-bottom:2px solid #606;
}
#trn {
  border-left:20px solid #008;
}


#trd {
  border-top:1px solid #066;
  border-left:20px solid #066;
  border-right:1px solid #066;
  border-bottom:1px solid #066;
  margin-bottom:20px;
}


#trof {
  background:#ccc;
  color:white;
}
#trpf {
  background:red;
  color:white;
}
#trff {
  background:#444;
  color:white;
}
#trsf {
  background:#606;
  color:white;
}
#trnf {
  background:#008;
  color:white;
}


#trdf {
  background:#066;
  color:white;
}

span.trn {
  font-family: "Roboto Condensed", sans-serif;
  position:relative;
  bottom:-1px;
  border-top: 1px solid green;
  border-left: 1px solid green;
  border-right: 1px solid green;
  z-index:2;
  background:white;
  padding-top:2px;
  padding-left:10px;
  padding-right:10px;
  margin-top:10px;
}

div.side {
  font-family: "Roboto Condensed", sans-serif;
  background:black;
  color:white;
  position:absolute;
  z-index:3;
  transform:rotate(90deg);
  transform-origin: left bottom 0;
  height:20px;
}

#dtrn {
  display:inline;
}

div.mside {
  font-family: "Roboto Condensed", sans-serif;
  background:none;
  color:#999;
  border-left:1px solid #bbb;
  border-top:1px solid #bbb;
  padding-left:4px;
  padding-bottom:6px;
  width:134px;
  position:relative;
  left:-16px;
  height:10px;
  font-size:11px;
  padding-top:4px;
}

li.wd {
    display:none;
}
@media screen and (min-width:1000px) {
 li.wd {
  display:block;
 }
}


div.esct {
  margin-top:15px;
  margin-bottom:10px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  padding-left:10px;
  color:#888;
  font-size:11px;
  font-family: "Roboto Condensed", sans-serif;
}

span.hnt {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;
  height:22px;
  color:#ccc;
  text-decoration:italics;
}
input.fe,select.fe,button.fe {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;
  height:22px;
  border:1px solid black;
}
button.bk {
  position:absolute;
  right:3px;
}
textarea.fe {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size:13px;
  border:1px solid #ddd;
  padding:12px;
  padding-left:15px;
  padding-right:15px;
  width:100%;
  -webkit-box-sizeing:border-box;
  -moz-box-sizeing:border-box;
  box-sizing:border-box;
}
input.fe:hover,select.fe:hover,button.fe:hover,textarea.fe:hover {
  border:1px solid red;
}
table.fe {
  width:auto;
}
th.fe {
  text-align:right;
  font-weight:bold;
}
th.v {
    min-width:20px;
    width:auto;
    max-width:20px;
    position:relative;
    padding:0;
    white-space:nowrap;
    transform:translate(0,60px) rotate(270deg);
}
table.fe,th.fe,td.fe {
  font-family: "Roboto Condensed", sans-serif;
  border:none;
  font-size:14px;
}
input.fes,button.fes {
  background:#eee;
}
td.ic {
  text-align:center;
}
td.ic:hover {
  color:red;
}

.qcn {
  margin:auto;
  max-width:564px;
}

.icn {
  color:white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font:normal 24px/32px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:32px;
}

.icn:hover {
  cursor:pointer;
}

.sicn {
  color:white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font:normal 20px/28px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:28px;
}

.chkd {
 position:relative;
}
.chk {
 top:-10px;
 color:green;
 position:absolute;
 z-index:2;
}
.sic {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 14px/15px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:15px;
  padding-right:8px;
  color:black;
}

.sic:hover {
  cursor:pointer;
  color:red;
}

.att {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 24px/5px "sw";
  position:relative;
  top:5px;
  color:#999;
}
.ate:hover {
  cursor:pointer;
  color:red;
}

.attt {
 color:green;
}


.dlic {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 24px/28px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:28px;
  color:#ddd;
}

.lic {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 24px/28px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:28px;
  color:black;
}

.lic:hover {
  cursor:pointer;
  color:red;
}

.lor {
  color:white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 12px/14px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:14px;
  padding-left:8px;
  color:black;
}
.lor:hover {
  cursor:pointer;
  color:red;
}
.nl {
  text-align:center;
  color:#eee;
}
.nl:hover {
  color:#888;
}

.hic {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 22px/24px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  height:22px;
  color:black;
}

.hic:hover {
  cursor:pointer;
  color:red;
}

div.infs:nth-last-child(n+2) {
  border-bottom:2px solid #777;
}
div.inf {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;
  color:white;
  background:#777;
  border-top:2px solid white;
  padding-left:4px;
  padding-right:4px;
}
a.exp {
  float:right;
}
.exp:hover {
  color:red;
}
div.idt {
  background:white;
  color:black;
  display:none;
  border-bottom:2px solid #777;
}
span.inf {
  margin-left:10px;
  position:relative;
  top:-4px;
}
.pst {
  margin-top:10px;
  text-align:center;
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
}

#pss {
  padding-top:1px;
}

.dps {
  border-radius:5px;
  margin:4px;
  padding:4px;
  background:#69d;
  color:white;
}
.pov {
  z-index:3;
  background:#777;
  float:right;
  position:relative;
  right:-28px;
  top:-4px;
  border-radius:5px;
  display:none;
  padding:2px;
}
.nw {
  padding-top:30px;
  font-size:11px;
  white-space:nowrap;
}

.mls {
  margin-left:10px;
  width:40px;
  text-align:right;
}
.lgh {
  padding:5px;
  border-bottom:2px solid #777;
}
.lgh:last-child {
  border-bottom:0px;
}
.lcn {
  margin:5px;
  background:white;
  border-radius:10px;
  border:1px solid #777;
}
.lcn:hover {
  border:1px solid red;
}

div.lgb {
  text-align:center;
}
div.lgf {
  margin:auto;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  background:#777;
  width:200px;
  border:1px solid #777;
}
div.lgf:hover {
  border:1px solid red;
}
.lgfd {
  width:100px;
  border: 1px solid #777;
  float:right;
}
.lgfi {
  background:#8A8;
  color:white;
  font-size:12px;
}
.tod {
  color:#777;
  text-align:center;
  font-family: "Roboto Condensed", sans-serif;
  font-size:32px;
  font-weight:bold;
}

#toc {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;
}
div.drg {
  cursor:grab;
}

#mp {
  border:2px solid white;
}
#mp:hover {
  border:2px solid red;
}
.mp {
  width:100px;
  height:100px;
}
.mt {
  width:40px;
  height:40px;
  margin:0px;
  padding:0px;
}
img.pt {
  width:100px;
  margin:0px;
  padding:0px;
}
div.pods {
  font-family: "Roboto Condensed", sans-serif;
  font-size:14px;
}
div.pod {
  padding:10px;
  margin-left:50px;
  margin-right:50px;
  margin-top:10px;
  border-radius:10px;
  border:4px;
  padding:5px;
}
span.pod {
  font-weight:bold;
}
hr.pod {
  margin:20px;
}
div.cap {
  font-family: "Roboto Condensed", sans-serif;
  font-size:13px;
  position:absolute;
  top:50%;
  left:50%;
  opacity:0;
  -webkit-transition: opacity 0.8s;
  background:#ddd;
  padding:2px;
  padding-left:5px;
  padding-right:5px;
  border-radius:5px;
  border:1px solid 888;
  transform:translate(-50%,-50%);
}
div.pic {
  position:relative;
  text-align:center;
}
img.asl {
  width:24px;
}
div.dea {
 white-space:nowrap;
 text-align:left;
 padding:6px;
 padding-left:20px;
 padding-right:20px;
 margin:5px;
}
div.dea:hover {
 border:2px solid red;
 border-radius:9px;
 padding:4px;
 padding-left:18px;
 padding-right:18px;
 cursor:pointer;
}
img.dea {
 width:60px;
}
p.dea {
 margin:4px;
 white-space:normal;
 color:#666;
}
span.dea {
 padding-left:10px;
 color:#666;
}

#mn {
  color:#777;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 32px/32px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  width:32px;
  height:32px;
  vertical-align:middle;
  border-radius:8px 8px 0 0;
  padding-left:3px;
  padding-right:3px;
}
#mn:hover {
  color:red;
  cursor:pointer;
}
div.ch {
    margin:6px;
}
#cc {
  display:none;
  padding:7px;
  background:#eee;
  border-radius:0 8px 8px 8px;
}
div.cc{
    padding:4px;
}
a.c {
  font-family: "Roboto Condensed", sans-serif;
  font-weight:bold;
  font-size:14px;
  font-size:14px;  border-bottom:1px solid #ccc;
}
div.c {
  font-family: "Roboto Condensed", sans-serif;
  font-weight:bold;
  font-size:14px;
}
a.c:hover {
  cursor:pointer;
  color:red;
}

.reg {
    width:100%;
    content:"";
    display:table;
    clear:both;
}
.regc {
    width:48%;
    background:#ddd;
    border-radius:5px;
    padding:4px;
    margin-top:4px;
}
.regg {
    padding:4px;
    color:#888;
    font-weight:bold;
}
.regf {
    float: left;
    background:#eee;
}
.regm {
    float: right;
    background:#eee;
}
.regv {
    width:26%;
    display:inline-block;
}
.regn {
    width:64%;
    display:inline-block;
}
.regy {
    width:10%;
    display:inline-block;
}
.regcv {
    color:#909;
}
.regcc {
    font-size: 8pt;
}
@media screen and (max-width: 450px) {
  .regc {
    width: 98%;
  }
}

.ted {
  color:black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 24px/24px "sw";
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  text-align:center;
  position:relative;
  speak:none;
  top:0;
  width:24px;
  height:24px;
  float:right;
}
.ted:hover {
    color:red;
    cursor:pointer;
}
.tes {
 color:green;
}
.can {
    margin:2px;
    padding:2px;
    vertical-align:center;
    font-size:12px;
    float:right;
    border:1px solid black;
}
.can:hover {
 color:red;
 cursor:pointer;
 border:1px solid red;
}

.pln {
    border:1px solid black;
    width:100%;
}
td.pln {
    padding:0;
    margin:0;
}