@charset "utf-8";
/* CSS Document */
tr.head th{background-color: black; color: white;}
tr.head th a:link,tr.head th a:visited {vertical-align: top; text-decoration: none; color: white;}
tr.head th a:hover{text-decoration: underline; color: red;}
#leftrail{ background-color: black;}
#leftrail a{color: white;}
#leftrail legend {color: yellow;}
#copybody th {text-align: left;}
#copybody table {border-collapse: collapse; border: 3px solid black; font-size: 15px; width: 100%;}
#copybody th, #copybody td {padding: 2px;}
#copybody tr.blockrow:hover {background-color: #CCCCCC;}
#application { border: 3px solid black; border-collapse: collapse; width: 75%; background-color: #447799; font-family: arial; color: white; font-size: 13px; }
#application textarea { width: 100%; height: 5em; padding: 4px; font-family: arial; font-size: 13px; }
#application select[multiple] { width: 100%; height: 13em; }
#application input[type=text]{ width: 75%; border: 0px; padding-left: 10px; }
#application th { width: 40%; }
#application td { color: white;}
#application tr { vertical-align: top; }
#application th b {font-size: 10px;}

#overlay1{ position: fixed; top:0px; right:0px; left:0px; bottom:0px; background-color: white; opacity: .75; z-index: 98;}
#overlay2{ position: fixed;  padding-top: 10%; top:33%; right:33%; left:33%; bottom:33%; background-color: black; color: white; font-size: 16px; font-weight: bold; vertical-align: middle; text-align: center; z-index: 99;}
#overlay3{font-size: 24px; color: black; font-weight: bold; text-align: center;}