div.header
{width: 52em; /* border: 1px solid white; */
}
div.scroll
{position: absolute;
 top: 313px; /* 220px; */
 left: 0;
 right: 0;
 bottom: 5px; /* 45px; */
 overflow: auto;
}
div.help
{height:20;
 width:63.8em; /* border: 1px dashed white; */
 padding-left: 0.25em;
 position: absolute;
/* top: 750px;*/
 left: 0;
 right: 0;
 bottom: 20px;
}
div.viewport /* change hidden to solid to see viewport */
{width:63.8em; border: 1px solid white;
}
div.table
{table-layout: fixed;
 margin-top: 0.1em;
 margin-left: 0.1em;
 border-collapse: collapse; /* border: 1px solid gray; */
 text-align: center;
}
div.trow, div.thead, div.tfoot
{display: table-row;
}
div.trow:hover
{background-color:darkslategray;
}
div.tcell
{display: table-cell;
 width: 5em; padding: 0.15em 0.25em;
 border: 1px solid gray;
}
div.thead
{color: cyan;
}
div.tfoot
{color: red;
}
div.clear
{clear: left;
}
div.action
{width: 2.15em;
}
div.set
{width: 1.65em;
}
div.type
{width: 2.3em;
}
div.uc_type
{width: 0.85em; text-align: right;
}
div.hs_type
{width: 0.85em; text-align: left;
}
div.name, div.charname, div.spaces
{width: 12.2em; text-align: left;
}
span.print
{display: none;
}
div.name
{color: lime;
}
div.name:hover
{color:red; text-decoration:underline;
}

div.qty
{width: 1.6em;
}
input.qty .xf-value, .input-value
{width: 1.4em; text-align: center;
}
div.figs
{width: 1.9em;
}
div.points
{width: 2.6em; text-align: right;
}
div.leader
{width: 3.35em;
}
div.species
{width: 5.1em;
}
div.size_hi
{width: 2.7em;
}
div.size
{width: 0.95em; text-align: right;
}
div.height
{width: 1.1em; text-align: left;
}
div.life
{width: 1.65em;
}
div.move, div.range, div.attack, div.defense
{width: 1.1em;
}
div.move
{background-color:green;
}
div.range
{background-color:dimgray;
}
div.attack
{background-color:firebrick;
}
div.defense
{background-color:royalblue;
}
div.class
{width: 5.6em;
}
div.power
{width: 59.38em; text-align: left;
}
div.ffloat
{float: left;
}
div.fspace
{margin: 0.2em;
 padding: 0.2em;
}
div.fselect
{border: 1px dashed gray;
}
div.filter label
{color: yellow;
}
/*
div.filter
{position: fixed;
}
*/
div.filter trigger label
{color: black;
}
div.filter select1 .xf-value
{width: 6.5em;
}
div.filter select1.sets .xf-value
{width: 4em;
}
div.filter select1 label
{color: black;
}
div.filter select1 label:hover
{color: white;
}
/*
div.frelative
{position: relative;
}
select1.fnot
{position: absolute;
 left: 40px;
}
*/
/*input .xf-value
{background-color: white; color: white; border: solid 1px aqua; 
}*/

select .xf-value
{background-color: black; color: yellow; border: dashed 0px yellow;
}

input.fname .xf-value, .input-value
{width: 3em;
}
div.fname
{float: left;
}
input.fpoints .xf-value, .input-value
{width: 2em;
}
input.fpoints2 .xf-value, .input-value
{width: 2.5em;
}
input.pname .xf-value, .input-value
{width: 7em;
}
div.army_header
{font-size:20px; font-weight:normal
}

@media print
{

input .xf-value
{border-width: 0px; 
}

div.noprint, span.noprint
{display:none
}
span.print
{display: inline;
}
/*
div.fname
{clear: left;
}
*/
div.scroll
{position: static;
 overflow-y: visible;
 top: 190px;
 left: 0;
 right: 0;
/* bottom: 0; */
/* overflow: auto;*/
}

div.thead, div.name
{color: black;
}


}