html, body {width:100%;height:100%;font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0px;padding:0px;background-color:#f0f6f6}
.content {text-align: center;}
.block {padding: 5px;}
.hunt-title {font-style:normal;font-size:14pt;font-weight:700;}
.hunt-description {font-style:italic;font-size:10pt;}
.hunt-time {font-style:normal;font-size:10pt;font-weight:600;font-family:courier,monospaced}
.hunt {font-style:normal;margin-left:2%;margin-right:2%;background-color:white;border:1pt solid black;text-align:left;font-family:papyrus,fantasy;font-size:14pt;padding:6px;}
.hunt-objective {margin-top:4px;padding:0px;}
.hunt-marker {text-decoration:none;padding-left:40px;font-size:10pt;font-family:courier,monospaced}
.hunt-realm {margin-top:10px;margin-bottom:20px;padding: 6px;text-align:center;width:150px;font-size:18pt;color:rgb(0, 128, 128);background:#d0d6d6;border:1pt solid black;border-radius:20px 0px 0px 20px;text-decoration:none;} 
.hunt-pass {margin-top:10px;margin-bottom:20px;padding: 6px;text-align:center;width:150px;font-size:18pt;color:rgb(0, 128, 128);background:#d0d6d6;border:1pt solid black;border-radius:0px 20px 20px 0px;text-decoration:none;} 
.hunt-teams {font-style:normal;margin-left:2%;margin-right:2%;text-align:left;font-family:arial,serif;font-size:12pt;padding:6px;}
.hunt-image {width:30px;vertical-align:text-top;}
.hunt-map {margin-top:15px;}
.trail-pick {padding:5px;margin:10px;background-color:white;border: 2pt outset gray;border-radius:4px}
.footer {padding: 20px;text-align:center;font-size:9pt;color:#aacccc;background:#2d3a14;border-top:1pt solid black;border-radius:0 0 4px 4px;}
.main-content {text-align: center; margin:4px;}
.main-panel {text-align: center;font-family:arial, serif;font-size:24pt;padding:6px;}
.logo {margin-top:20px;height:120px}
.about {border-top:2pt solid black;border-bottom:2pt solid black;font-size:14pt;font-style:italic;color:#666666;font-weight:200;margin-left:20%;margin-right:20%;margin-bottom:20px;padding-top:10px;padding-bottom:10px}
.message {font-size:14pt;color:#000000;font-weight:200;margin:10 0 0 0}
.follow {font-style:italic;text-align:center;font-size:14pt;color:#000000;font-weight:300;margin-top:20px;margin-bottom:50px}
.link {cursor:pointer;font-style:italic;text-decoration:none;color:rgb(0, 128, 128);}
.dialog {display:none;width:300px;z-index:20;position:fixed;top:43%;left:50%;margin-left:-164px;margin-top:-180px;padding:10px;background:#e3e9e9;border:2pt solid #a3a9a9;}
.dialog h3 {text-align:center;margin:8px 0 8px 0;color: rgb(0, 128, 128);font-weight:700;}
.dialog h4 {text-align:center;margin:8px 0 8px 0;color:rgb(0, 128, 128);font-weight:700;}
.dialog h5 {text-align:center;color:rgb(0, 128, 128);margin-bottom:10px}
.dialog>table {width:100%;color:rgb(0, 128, 128);}
.dialog td:nth-child(1) {width:150px;text-align:left;font-size:11pt}
.dialog td:nth-child(2) {}
.dialog>table [colspan] {padding-left:0px;padding-left:0px;padding-top:10px;padding-bottom:10px;text-align:center;font-size:10pt}
.dialog input:not([type=checkbox]):not([type=radio]) {text-align:left;width:240px;}
.dialog select {width:217px}
.dialog td a {text-decoration:none;color:rgb(0, 128, 128);}
.dialog button {text-align:center;margin-top:20px;margin-right:20px;margin-left:20px;padding:7px;width:200px;background:#ffffff;border:2px solid rgb(0, 128, 128);border-radius:6px;font-size:17px;font-family:Helvetica;font-weight:800;cursor:pointer;color:rgb(0, 128, 128);}
.dialog-error {text-align:center;color:#ff0000;padding-bottom:18px;}
.dim {opacity:.50}
.gold {color:#ffd700}
.red {color:rgb(180, 0, 0);}
.blue {color:rgb(0, 64, 128);}
.green {color:rgb(0, 128, 64);}
.teal {color:rgb(0, 128, 128);}
.clicker {cursor:pointer;}
.bold {font-weight:900}
.big{font-size:14pt}
.small{font-size:10pt}
.italic {font-style:italic}
.link {text-decoration:none;color:rgb(0, 128, 128);}

input {
  outline: none;
  border: 1px solid black
}

input:focus,
input:active {
  border-color: transparent;
  border: 1px solid rgb(0, 128, 128)
}