/* ======================  Computer Screen Legibility  ====================== */

/* (in addition to SeizeTruthTech.css) */

li {
    margin-top:5px;
}
table {
    border-width:0; 
    border-collapse:collapse; 
        /* should be border-spacing:0 but IE6 doesn't support that */
    table-layout:fixed;
        /* we specify all widths for tables and their cols */
}
td, th { 
    padding:0; /* IE defaults padding to 1 */
    vertical-align:top;
}

/* ===========================  Font Comparitor  ============================ */

.Pane1ImgSelector {
    float:left;
    padding:0 15px 0 0;
    border-right:1px solid black;
}
.Pane2ImgSelector {
    float:left;
    padding:0 30px 0 15px;
}
.layout_PaneImgInputCol {
    float:left;
    padding:0 4px;
}
.Pane1ImgInput {
    color:rgb(128,0,0);
    font-size:11px; line-height:120%;
}
.Pane2ImgInput {
    color:rgb(128,128,0);
    font-size:11px; line-height:120%;
}
.Pane1Img {
    height:450px; 
    margin:10px 0; padding:2px;
    background-color:rgb(240,240,240);
    border:3px solid rgb(128,0,0); 
    overflow:scroll;
}
.Pane2Img {
    height:450px; 
    margin:10px 0; padding:2px;
    background-color:rgb(240,240,240);
    border:3px solid rgb(128,128,0); 
    overflow:scroll;
}

/* ==========================  Font Metrics Table  ========================== */

.FontNumbersTable {
    margin:20px auto;
}
.FontFamilyCol {
    width:120px;
}
.FontSizeCol {
    width:44px;
}
.LinesVisibleCol {
    width:65px;
}
.CfBaseCol {
    width:50px;
}
.Width80Col {
    width:65px;
}

.FontNumbersLabel {
    padding:0 0 4px 0;
    color:rgb(128,0,0);
    font-weight:bold;
    text-align:center;
    vertical-align:bottom;
}
.CfLabel {
    font-size:10px;
    font-weight:normal;
    font-style:italic;
}

.FontFamily {
    padding:2px 8px;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
    background-color:rgb(255,255,220);
}
.FontSize {
    padding:2px 10px 2px 4px;
    border-right:2px solid gray;
    text-align:right;
    background-color:rgb(255,255,220);
}
.LinesVisible {
    padding:2px 8px 2px 6px;
    text-align:right;
    background-color:rgb(255,255,240);
}
.Width80 {
    padding:2px 8px 2px 6px;
    text-align:right;
    background-color:rgb(255,255,240);
}
.Units {
    font-size:10px;
}
.IsBase {
    color:rgb(80,80,80);
    padding:5px 8px 2px 6px;
    text-align:center;
    font-size:10px;
    font-style:italic;
    border-right:1px solid gray;
    background-color:rgb(255,255,240);
}
.EqBase {
    padding:2px 8px 2px 6px;
    text-align:center;
    border-right:1px solid gray;
    background-color:rgb(255,255,240);
}
.LTBaseLinesVisible {
    padding:2px 8px 2px 6px;
    font-style:italic;
    color:red;
    text-align:right;
    border-right:1px solid gray;
    background-color:rgb(255,255,240);
}
.GTBaseLinesVisible {
    padding:2px 8px 2px 6px;
    font-style:italic;
    color:green;
    text-align:right;
    border-right:1px solid gray;
    background-color:rgb(255,255,240);
}
.LTBaseWidth80 {
    padding:2px 8px 2px 6px;
    font-style:italic;
    color:green;
    text-align:right;
    border-right:1px solid gray;
    background-color:rgb(255,255,240);
}
.GTBaseWidth80 {
    padding:2px 8px 2px 6px;
    font-style:italic;
    color:red;
    text-align:right;
    border-right:1px solid gray;
    background-color:rgb(255,255,240);
}

/* to override, following must be after other border specs */
.LastFontRow {
    border-bottom:2px solid gray;
}
.FirstRow {
    border-top:2px solid black;
}
.FirstCol {
    border-left:2px solid black;
}
.LastRow {
    border-bottom:2px solid black;
}
.LastCol {
    border-right:2px solid black;
}
