@charset "utf-8";
/* CSS Document */

body {
    color: #ccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}

pre {
    font-size: medium;
    background-color: white;
    color: black;
}

span.interrupt {
    background-color: #ccc; width: 100%; display: block; margin-bottom: -1em;
}

h1, h2, h3, h4, h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #ff0;
}

h1.form, h2.form {
    text-align: center;
}

a {
    color: #fff;
}

h1 a:visited,
h1 a {
    color: #ff0;
    text-decoration: none;
}

div.hoppers {
    width: 88px;
    float: left;
    margin-top: -8px;
    margin-right: 1em;
}

a:visited {
    color: #0ff;
}

#Pod a:focus {
    background-color: #fff;
}

blockquote.rules a,
blockquote.ability a {
    color: #099;
}

blockquote.rules a:visited,
blockquote.ability a:visited {
    color: #909;
}

span.missing {
    background-color: #c00;
    color: #fff;
}

a.bad {
    background-color: #ff0;
}

a.disconnected {
    background-color: #0c0;
    color: #fff;
}

td.highlight {
    font-weight: bold;
    background-color: #fc0;
}

td.range1 {
    background-color: #cfc;
}

td.range2 {
    background-color: #cff;
}

td.range3 {
    background-color: #fcc;
}

ol.a {
    list-style-type: lower-alpha;
}

ol.a ol {
    list-style-type: lower-roman;
}

ol {
    list-style-type: decimal;
        overflow: hidden;
}

ol ol {
    list-style-type: lower-alpha;
}

ol ol ol {
    list-style-type: lower-roman;
}

a.ruling {
    padding: 2px;
    background-color: #ff0;
    color: #009 !important;
    text-decoration: none;
}

.full {
    font-family: inherit;
    font-size: small;
    width: 99%;
    margin: 2px;
}

blockquote.ability,
blockquote.rules {
    padding: 5px;
    margin: 5px;
    background: #fff;
    color: #000;
}

blockquote.alarm {
    padding: 5px;
    margin: 10px;
    background: #900;
    border: double #f00;
}

blockquote.rules h3,
blockquote.rules h4 {
    color: #009;
}
blockquote.alert {
    background: #f00;
}

blockquote.example {
    padding: 1em;
    border: 1px #000 solid;
    display: table;
}

img.logo {
    margin-top: -12px;
    padding-right: 2em;
    width: 60px;
    float: left;
    border: none;
}

.hoppers img {
    width: 88px;
    float: none;
    margin: 0;
}

div.heading {
    text-align: center;
    vertical-align: middle;
}

.heading img {
    height: 40px;
    width: inherit;
    margin-top: 0;
    float: none;
    vertical-align: text-bottom;
    padding-right: 5px;
}

div.searchBar {
    float: left;
    width: 200px;
    margin: 0 2em 0 0;
    font-size: x-small;
}

.searchBar h3 {
    letter-spacing: 0.3em;
    text-transform: uppercase;
    text-align: center;
}

.searchBar input,
.searchBar select {
    width: 100%;
    padding: 2px;
    margin: 3px 0;
}

div.panel {
    margin-left: 220px;
    width: auto;
}

input.textFix {
    width: 192px;
}

.clear {
    height: 1px;
    clear: both;
}

br.logo {
    clear: left;
}

#Content {
    border: ridge 5px #222;
    padding: 5px;
}

#Footer,
#Categories,
#Content {
    margin: 5px;
}

li {
    margin-bottom: 3pt;
}

ol.notes li,
ul.notes li {
        padding-bottom: 3pt;
        padding-top: 3pt;
}
ul.nav {
    margin: 4px auto;
    display: table;
    padding: 2px;
}

.nav li,
div.indexItem {
    border: outset #006;
    background-color: #000065;
    margin-bottom: 0;
}

.nav li {
    padding: 2px;
    display: inline;
    margin: 0 2px;
}

.nav a {
    text-decoration: none;
}

p.center {
    text-align: center;
}

.title {
    font-style: italic;
}

#Content a:hover {
    background-color: #f00;
    color: #fff;
}

div.catHead {
    background-color: #000;
    display: table-cell;
    padding: 2px;
}

div.catData {
    display: table-cell;
    padding: 2px;
    padding-left: 0.5em;
}

div.indexGroup {
    float: left;
    margin-bottom: 1em;
}

.faq {
    font-weight: bold;
    color: #ff0;
}

div.indexHead {
    background-color: #600;
    font-weight: bold;
}

div.indexItem {
    width: 150px;
    padding: 0;
    margin: 0 2px;
    text-align: center;
}

div.indexItem a {
    text-decoration: none;
}


form.special {
    height: 100px;
    overflow: auto;
}

form.basic, form.special {
    margin: 1em;
    background-color: #333;
}

form.web table {
    margin: 0 auto;
}

#Pod form.web td {
    height: 2em;
    vertical-align: middle;
}

form.web td {
    vertical-align: middle;
}

form.web p {
    text-align: center;
}

form.web input.submit {
    width: 10em;
}

div.left {
    float: left;
    margin-left: 1em;
}

div.right {
    float: right;
    margin-right: 1em;
}

#Categories {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

#Footer {
    font-size: smaller;
    border: groove #000;
    padding: 2px;
    margin-top: 1.5em;
}

/**
 * The styles in this section are used when displaying a TestUtils-style data
 * structure dump or POD document.
 **/
div.pod,
#Pod,
#Dump {
   font-family: Tahoma, Arial, sans-serif;
   font-size: small;
   font-weight: normal;
   color: #000;
   padding: 1em;
}

div.pod dd,
#Pod dd,
#Dump dd {
   line-height: 110%;
}

div.pod dl,
#Pod dl,
#Dump dl {
    margin-left: 5em;
}

div.pod p,
#Pod p,
#Dump p {
   line-height: 110%;
}

div.pod a,
#Pod a,
#Dump a {
   text-decoration: none;
   font-weight: bold;
   color: #00C;
}

input.file {
    width: 25em;
    padding: 1px;
    border-style: inset;
    border-width: 1px;
}

input.file[type="file"] {
    padding: 2px;
    border-style: none;
    border-width: 0;
}

div.pod hr,
#Pod hr,
#Dump hr {
   color: #CCCCCC;
   display: block;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   margin-left: auto;
   margin-right: auto;
   border-style: inset;
   border-width: 1px;
}


div.pod pre,
div.pod code,
div.pod tt,
#Pod pre,
#Pod code,
#Pod tt,
#Dump pre,
#Dump code,
#Dump tt {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    color: #006666;
    font-size: small;
}

div.seq_group pre.seq {
	padding-left: 4em;
	display: none;
}

div.seq_group:hover pre.seq {
	display: block;
}

div.pod blockquote,
#Pod blockquote,
#Dump blockquote {
   border-style: solid;
   border-width: 3px;
   border-color: #000;
   background-color: #ff0;
   padding: 2px;
}

div#Aligned {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 90vh;
}


#Aligned td {
    font-family: monospace;
    white-space: nowrap;
}

#Aligned th {
  position: sticky;
  left: 0;
  z-index: 1;
}

#Dump pre.resp {
    background-color: #ff0;
}

#Dump pre.call {
    background-color: #fff;
}

#Dump pre.call,
#Dump pre.resp {
        font-size: small;
        overflow: auto;
        padding: 0.5em;
        border: medium inset #ccc;
}

.error {
   background-color: #c00;
   color: #fff;
}

div.pod h1,
div.pod h2,
div.pod h3,
div.pod h4,
div.pod h5,
div.pod h6,
#Pod h1,
#Pod h2,
#Pod h3,
#Pod h4,
#Pod h5,
#Pod h6,
#Dump h1,
#Dump h2,
#Dump h3,
#Dump h4,
#Dump h5,
#Dump h6 {
   color: #8C0015;
   font-family: Garamond, Georgia, serif;
}

div.pod h1 a:link,
div.pod h1 a:visited,
#Pod h1 a:link,
#Pod h1 a:visited,
#Dump h1 a:link,
#Dump h1 a:visited {
   color: #8C0015;
}

div.pod h1 a:hover,
#Pod h1 a:hover,
#Dump h1 a:hover {
   color: #fff;
   background-color: #8C0015;
}

div.pod dt,
#Pod dt,
#Dump dt {
   font-weight: bold;
   background-color: #fcc;
}

div.pod th,
#Pod th,
#Dump th {
   background-color: #ccc;
   text-align: left;
}

div.pod table,
div.pod th,
#Pod table,
#Pod th,
#Pod td,
#Dump table,
#Dump th,
#Dump td,
#Dump tr {
   vertical-align: top;
   font-size: small;
   border-collapse: collapse;
}

div.pod th,
#Pod th,
#Pod td,
#Dump th,
#Dump td,
#Dump tr {
   border-style: double;
}

div.pod table,
#Pod table,
#Dump table {
   margin-top: 6px;
   border-style: none;
}

#Pod td form table {
    margin-left: 1em;
    margin-right: 1em;
}

#Pod form table {
    background-color: #eed;
}

#Pod div.center {
    text-align: center;
    padding: 0 1em;
}

#Pod td div.center form table {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

div.wide {
    max-height: 90vh;
    overflow-x: scroll;
    overflow-y: scroll;
}

div.wide table {
    display: inline-block;
}

#Pod td.borderless,
#Pod table.borderless
 {
    border-style: none;
}

#Pod td.num,
#Pod th.num {
    text-align: right;
}

#Pod td.align {
    font-family: monospace;
}

#Pod td.flag,
#Pos th.flag {
    text-align: center;
}

#Pod td.narrow,
#Pod th.narrow {
    max-width: 25em;
}

#Dump ol {
   font-weight: bold;
}

div.pod dd,
#Pod dd,
#Dump dd {
   margin-bottom: 0.5em;
   margin-top: 0;
}

.item {
   font-weight: normal;
}

.marker {
   color: #0a0;
   font-weight: bold;
   font-style: italic;
}

form#armyAnalysis {
   text-align: center;
   margin: 0 auto;
   background-color: #666;
   padding: 0.5em 1em;
   display: table;
}

#landing {
    width: 100%;
    height: 800px;
    border: none;
    background-color: #FFFFFF;
}

#Dump blockquote.alarm {
        background-color: #f00;
        color: #fff;
}

table.filterBox {
    border-collapse: collapse;
    border: 0;
}

table.filterBox td,
table.filterBox th {
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-top: 0;
    border-bottom: 0;
    padding: 0 5px 0 5px;
}

table.filterBox tr td:first-child,
table.filterBox tr th:first-child {
    border-left: 0;
}

table.filterBox tr td:last-child,
table.filterBox tr th:last-child {
    border-right: 0;
}

/** TOOLTIP SUPPORT */
.tt {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tt:hover {
    background-color: yellow;
}

/* Tooltip text */
.tt .tip {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

/* Below tooltip text */
.tt .btip {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.tt:hover .tip,
.tt:hover .btip {
  visibility: visible;
}

select.fuzzy option:enabled,
select.invalid option:enabled {
    font-weight : bold;
}

select.fuzzy option:disabled,
select.invalid option:disabled {
    font-weight: normal;
}

select.invalid {
    border-style: solid;
    border-color: #f00;
}

select.fuzzy {
    border-style: solid;
    border-color: #fff;
}

svg.graph {
    width: 100%;
    height: 80vh;
    background-color: white;
}

line.axis {
    stroke: black;
    stroke-width: 2;
}

line.grid {
    stroke: #ccc;
    stroke-width: 1;
}

line.bound {
    stroke: #f00;
    stroke-width: 1;
}

@media screen {
        body {
        background-image:url(RedNoise.jpg);
        }

        body.borderless {
            background-image:url(BlackNoise.jpg);
        }

        div.pod,
        #Pod,
        #Dump {
           background-image: url(YellowNoise.jpg);
           background-attachment: fixed;
        }

        #Content {
        background-image: url(BlackNoise.jpg);
    }
}

@media print {
    div.pod,
    #Pod,
    #Dump {
           background-color: #fff;
        }
    .skip {
        display: none;
    }
}