body         {
               font-size: 10pt;
               font-family: Tahoma, Arial, Verdana, Trebuchet MS, Sans-Serif,
               Georgia, Courier, Times New Roman, Serif;
               color: #369;
               background-color: #FFF;
               margin: 12px;
             }

.maindiv     {
               font-size: 10pt;
               font-family: Tahoma, Arial, Verdana, Trebuchet MS, Sans-Serif,
               Georgia, Courier, Times New Roman, Serif;
               color: #000;
               background-color: #DDD;
               width: 100%;
               border: 1px solid black;
               padding: 5px;
             }

.maindiv input,select {
               font-size: 10pt;
             }

.svcdiv     {
               width: 100%;
               border: 1px solid gray;
               padding: 5px;
               margin: 2px;
             }

.svcdiv input,select
             {
               border: 1px solid blue;
               background-color: #DEF;
             }


.admtable {
    border: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 10pt;
    width: 100%;
}

/* nowrap on all fields but last (Message) */
.admtable.smstable td:nth-last-child(n+2) {
    white-space: nowrap;
}

.admtable tr:nth-child(even) {background: #EEF;}
.admtable tr:nth-child(odd) {background: #DDF;}

.admtable_not_translated { padding:3px; background-color:#F00; }
.admtable_out_of_date { padding:3px; background-color:#FF0; }
.admtable_good { padding:3px; background-color:#0F0; }

.admtable td {
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    font-weight: normal;
    vertical-align:middle;
}

.admtable th {
    border: 1px solid black;
    background-color: #EFF;
    font-weight: bold;
}

.admtable input
             {
               border: 1px solid gray;
               font-size: 8pt;
               background-color: #FFE;
             }

.admtable textarea
             {
               border: 1px solid gray;
               font-size: 10pt;
               font-family: Tahoma, Arial, Verdana, Trebuchet MS, Sans-Serif,
               Georgia, Courier, Times New Roman, Serif;
               background-color: #FFE;
             }

.admsubhdr  {
               border-bottom: 1px solid gray;
               border-right: 1px solid gray;
               border-left: 1px solid gray;
               background-color: #EFF;
}


.admcaption  {
               padding-left: 8px;
               padding-top: 8px;
               border: 1px solid black;
               font-weight: bold;
               color: #258;
               text-align: left;
               background-color: #FFC;
               height:24px;

               }

.admcapouter  {
               padding-left: 8px;
               padding-top: 8px;
               border:none;
               text-align: left;
               background-color: #DDD;
               }

.admcapdiv     {
               padding-left: 8px;
               padding-right: 8px;
               padding-top: 2px;
               font-weight: bold;
               color: #258;
               text-align: left;
               background-color: #FFC;
               position:relative; top:2px; left:0px; height: 16px;
               display: table;
               border-top:1px solid black;
               border-left:1px solid black;
               border-right:1px solid black;
           z-index: 90;
               }

.admbodydiv {
    padding:6px;
    font-weight: bold;
    color: #258;
    text-align: left;
    background-color: #FFC;
    position:relative;
    top:0px;
    left:0px;
    height: auto;
    width:auto;
    border: 1px solid black;
    z-index: 80;
    width:99%;
}

.admcaphelp  {
               font-weight: normal;
               width:600px;
               border-top:1px solid black;
               border-right:1px solid black;
              }

.errmsg, .infomsg {
    border: 1px solid #333;
    padding:3px;
    margin-top:10px;
}

.errmsg  {
    background-color:#E54;
    color:white;
}

.infomsg {
    background-color:#9EA;
    color:#090;
}

.txtpreview {
    border: 1px solid #333;
    width:100%;
    background:#FFD;
    padding:3px;
}


.navbar {
    color: #369;
    background-color: #FFF;
    width:100%;
    font-weight:bold;
}

.navitem {
    padding:6px;
    border-left: 10px solid #FFF;
}
.navinactive {
    background: #222;
    color: #999;
}

.navactive {
    background: #369;
    color: #FFC;
}

.navuserlogin a {
    color:#BDD;
}

.navhighlight {
    background: #BDD;
    color: #369;
}

.subnavbar    {
                border: 1px solid black;
                background: #eff;
                 font-weight:bold;
              }


.subnavnorm   {
                background: #DDC;
                color: #CCC;
                padding:6px;
              }

.subnavnorm a:link,
.subnavnorm a:visited,
.subnavnorm a:active { text-decoration:none; color: #CCC }
.subnavnorm a:hover { text-decoration:underline; }

.subnavactive      {
                     background: #9AE;
                     color: #FFF;
                     padding:6px;
                   }

.subnavactive a:link,
.subnavactive a:visited,
.subnavactive a:active,
.subnavactive a:hover { text-decoration:none; color: #FFC }


.subnavhigh {
                background: #BDD;
                color: #369;
                padding:6px;
              }

.subnavnorm a:link,
.subnavnorm a:visited,
.subnavnorm a:active { text-decoration:none; color: #FFF }
.subnavnorm a:hover { text-decoration:underline }


.moreaccountops {
    margin: auto;
    width: 98%;
    border: 1px solid #369;
    background-color: #EEE;
    padding: 4px;
}


pre.logextinfo {
    font-family: "Lucida Console", Courier, "Courier New", monospace;
    font-size: 8pt;
    overflow: auto;
}

div.admsearch form, div.admsearch div {
    display:inline-block;
}

div.adminGreeting {
    display:inline-block;
}

div.adminLogin {
    top:50%;
    left:50%;
    width:500px;
    margin-left:-270px;
    margin-top:-120px;
    position:fixed;
    border:1px solid gray;
    background-color:#eee;
    padding:20px;
}

div.adminLogin div {
    padding:5px;
}

div.adminLogin label, div.adminLogin input, div.adminLogin input[type=submit], div.loginTitle {
    font-size:1.5em;

}
div.adminLogin input[type=submit] {
    background-color:blue;
    color:white;
    border:1px solid gray;
}

div.adminLogin label {
    width:150px;
    display:inline-block;
    text-align:right;
}

div.loginError {
    background-color:red;
    color:white;
    border:1px solid gray;
}

input.did_us_ca:valid, input.validate:valid {
    color:#090;
}

input.did_us_ca:invalid, input.validate:invalid {
    color:#f00;
}

.namecaption {
    padding-bottom: 8px;
    text-align: left;
    font-size: 12pt;
    font-weight: bold;
}

.rowlabel {
    padding-bottom: 4px;
    font-size: 9pt;
    font-weight: bold;
    width: 90px;
    text-align: right;
    float: left;
}

.rowvalue {
    font-size: 9pt;
    padding: 0px 0px 4px 10px;
    font-weight: normal;
    width: 280px;
    text-align: left;
    float: left;
}

.rowlabelwide {
    padding-bottom: 4px;
    font-size: 9pt;
    font-weight: bold;
    width: 200px;
    text-align: right;
    float: left;
}

.custinfocolumn {
    float: left;
    width:380px;
}

.custinfocolumnsmall {
    float: left;
    width:180px;
}

@media print {
    .hide-for-print { display: none; }
}
