html {
  height:100%;
  width:100%;
  font-family:Lato,"Lucida Grande","Trebuchet MS",Tahoma,Verdana,sans-serif;
}
body {
  margin:0;
  padding:0;
  word-spacing:traditional;
  font-family:Lato,"Lucida Grande","Trebuchet MS",Tahoma,Verdana,sans-serif;
  background-color:white;
  color:black;
  height:100%;
  width:100%;
}
a {
  color:blue;
  text-decoration:none;
}
a:visited {
  color:blue;
}
a:hover {
  text-decoration:underline;
}
.logo {
  padding:0 10px;
  vertical-align:middle;
}
.selector {
  position:sticky;
  top:0;
  left:0;
  width:100%;
}
.main {
  padding:10px 20px 10px 20px;
  width:100%;
}

blink {
  animation-duration:0.88s;
  animation-name:blink;
  animation-iteration-count:infinite;
  animation-timing-function:steps(2,start);
}
@keyframes blink {
  100% { visibility: hidden; }
}

.pprompt {
  background-color:#0000ac;
  color:white;
}
.pprompt > td {
  padding:16px 3px;
}

font[size=+2] {
  font-family:OpenSans;
}
input,textarea {
  border:1px solid #7f7f7f;
  outline:none;
  padding:2px 5px;
  box-sizing:border-box;
}
input:hover,textarea:hover {
  background-color:#fbfbfb;
}
input:hover,textarea:active {
  outline:1px solid gold;
}
input[type=submit],button {
  background-color:#00007f;
  color:white;
  border:none;
  border:1px solid #00007f;
  padding:3px 5px;
  box-sizing:border-box;
}
input[type=submit].g,button.g {
  background-color:#007f00;
  color:black;
  border:none;
  border:1px solid #007f00;
  padding:3px 5px;
  box-sizing:border-box;
}
input[type=radio]:after {
  width:15px;
  height:15px;
  border-radius:15px;
  top:-2px;
  left:-1px;
  position:relative;
  background-color:#e0e0e0;
  content:'';
  display:inline-block;
  visibility:visible;
  border:1px solid black;
}
input[type=radio]:checked:after {
  width:15px;
  height:15px;
  border-radius:15px;
  top:-2px;
  left:-1px;
  position:relative;
  background-color:#000008;
  color:white;
  text-align:center;
  content:'⚛';
  display:inline-block;
  visibility:visible;
  border:1px solid black;
}
input[type=radio]:hover,input[type=radio]:focus {
  background-color:#007f00;
  _content:'•';
  display:inline-block;
  visibility:visible;
  border:1px solid #007f00;
  outline:none;
  cursor:pointer;
}
.md {
  color:white;
  font-size:300%;
  padding:0 11px 0 0;
  text-decoration:none;
}
a.md {
  color:white;
  text-decoration:none;
}
.md:hover {
  cursor:pointer;
  cursor:hand;
}
.mm {
  width:100%;
  text-decoration:none;
  padding:8px 0;
}
.mma {
  font-size:138%;
  display:inline-block;
  line-height:125%;
  color:white;
  border-bottom:0;
  text-decoration:none;
}
a.mma {
  color:white;
  padding:3px 16px 3px 16px;
}
.mma:hover {
  color:white;
  text-shadow:none;
}
.mma_a {
  color:yellow;
}
input.edit {
  display:inline-block;
  line-height:125%;
  _display:block;
  float:left;
  clear:none;
  padding:16px 18px 3px 18px;
  width:100%;
  background:none;
  color:white;
  border:0;
  outline:none;
}
input.edit::placeholder {
  font-size:165%;
  color:white;
}
input.edit:hover {
  background:white;
  color:black;
}
input.edit:hover::placeholder {
  color:#7f7f7f;
}

.icon {
  display:block;
  float:left;
  padding:16px;
}
.iconY {
  display:block;
  float:left;
  padding:16px;
  outline:1px solid gold;
}
.clip_square { clip-path:inset(0 0 0 0); }
.clip_circle { clip-path:circle(50% at 50% 50%); }
.clip_oval { clip-path:ellipse(50% 35% at 50% 50%); }
.clip_ellipse { clip-path:ellipse(35% 50% at 50% 50%); }
.clip_triangle { clip-path:polygon(50% 0%,0% 100%,100% 100%); }
.clip_diamond { clip-path:polygon(50% 0%,85% 50%,50% 100%,15% 50%); }
.clip_rhombus { clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%); }
.clip_pentagon { clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%); }
.clip_hexagon { clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); }
.clip_heptagon { clip-path:polygon(50% 0%,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%); }
.clip_octagon { clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%); }
.clip_octagon_fat { clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%); }
.clip_nonagon { clip-path:polygon(50% 0%,83% 12%,100% 43%,94% 78%,68% 100%,32% 100%,6% 78%,0% 43%,17% 12%); }
.clip_decagon { clip-path:polygon(50% 0%,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0% 70%,0% 35%,20% 10%); }
.clip_trapezoid_up { clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%); }
.clip_trapezoid_down { clip-path:polygon(0 0,100% 0,80% 100%,20% 100%); }
.clip_parallelogram_left { clip-path:polygon(0 0,75% 0,100% 100%,25% 100%); }
.clip_parallelogram_right { clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%); }
.clip_rabbet { clip-path:polygon(0% 15%,15% 15%,15% 0%,85% 0%,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0% 85%); }
.clip_chevron_left { clip-path:polygon(100% 0%,75% 50%,100% 100%,25% 100%,0% 50%,25% 0%); }
.clip_chevron_right { clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%); }
@font-face {
  font-family:LatoBlack;
  src:url(/images/Lato-Black.ttf) format("truetype");
  font-style:normal;
  font-weight:normal;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoBlack;
  src:url(/images/Lato-BlackItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:normal;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoBold;
  src:url(/images/Lato-Bold.ttf) format("truetype");
  font-style:normal;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoBold;
  src:url(/images/Lato-BoldItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoHairline;
  src:url(/images/Lato-Hairline.ttf) format("truetype");
  font-style:normal;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoHairline;
  src:url(/images/Lato-HairlineItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoHeavy;
  src:url(/images/Lato-Heavy.ttf) format("truetype");
  font-style:normal;
  font-weight:bolder;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoHeavy;
  src:url(/images/Lato-HeavyItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bolder;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:Lato;
  src:url(/images/Lato-Italic.ttf) format("truetype");
  font-style:italic;
  font-weight:normal;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoLight;
  src:url(/images/Lato-Light.ttf) format("truetype");
  font-style:normal;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoLight;
  src:url(/images/Lato-LightItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoMedium;
  src:url(/images/Lato-Medium.ttf) format("truetype");
  font-style:normal;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoMedium;
  src:url(/images/Lato-MediumItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:Lato;
  src:url(/images/Lato-Regular.ttf) format("truetype");
  font-style:normal;
  font-weight:normal;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoSemibold;
  src:url(/images/Lato-Semibold.ttf) format("truetype");
  font-style:normal;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoSemibold;
  src:url(/images/Lato-SemiboldItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoThin;
  src:url(/images/Lato-Thin.ttf) format("truetype");
  font-style:normal;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:LatoThin;
  src:url(/images/Lato-ThinItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansBold;
  src:url(/images/OpenSans-Bold.ttf) format("truetype");
  font-style:normal;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansBold;
  src:url(/images/OpenSans-BoldItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansExtraBold;
  src:url(/images/OpenSans-ExtraBold.ttf) format("truetype");
  font-style:normal;
  font-weight:bolder;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansExtraBold;
  src:url(/images/OpenSans-ExtraBoldItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bolder;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSans;
  src:url(/images/OpenSans-Italic.ttf) format("truetype");
  font-style:italic;
  font-weight:normal;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansLight;
  src:url(/images/OpenSans-Light.ttf) format("truetype");
  font-style:normal;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansLight;
  src:url(/images/OpenSans-LightItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:lighter;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSans;
  src:url(/images/OpenSans-Regular.ttf) format("truetype");
  font-style:normal;
  font-weight:normal;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansSemibold;
  src:url(/images/OpenSans-Semibold.ttf) format("truetype");
  font-style:normal;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
@font-face {
  font-family:OpenSansSemibold;
  src:url(/images/OpenSans-SemiboldItalic.ttf) format("truetype");
  font-style:italic;
  font-weight:bold;
  text-rendering:optimizeLegibility;
}
.testcard {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  padding:5px;
  line-height:88%;
}
.card {
  width:222px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  _padding:5px;
  line-height:88%;
}
.card > a > img {
  display:block;
  border-bottom:0;
}
.card > a > div {
  padding:5px 0 0 0;
  margin:0;
  display:inline-block;
  width:100%;
}
.card > a > div > img {
  _padding:3px;
  margin:-32px 5px 0 0;
}