HTML, BODY, #container
{ background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  height: 100%; }

A
{ font-weight: bold;
  text-decoration: none; }
A:hover
{ text-decoration: underline; }

BODY > #container
{ height: auto; 
  min-height: 100%;
  padding-top: 3em;
  padding-bottom: 3em; }
#footer
{ clear: both;
  position: relative;
  z-index: 10;
  height: 3em;
  margin-top: -3em;
  text-align:center; }
#header
{ top: 0px;
  left: 0px;
  right: 0px;
  color: #FFFFFF;
  text-shadow: 1px 2px #000000;
  font-weight: bold;
  position: fixed;
  z-index: 1;
  height: 40px;
  width: 100%;
  background-color: #3A4274;
  box-shadow: 2px 2px 3px 4px grey; }
#pwdTest
{ color: red;
  font-size: 14px; }
#selDetail
{ border: 0px;
  height: 100%;
  position: absolute;
  right: 0;
  width: calc(100% - 275px); }
#selList
{ border-right: 2px solid #3A4274;
  border-spacing: 0px;
  box-shadow: 5px 3px 5px grey;
  height: 100%;
  position: absolute;
  float: left;
  width: 250px; }
SELECT.header
{ border-radius: 8px;
  border: 2px solid #ADDFFF;
  box-shadow: 2px 2px 3px #000000;
  background-color: #3A4274;
  color: #ADDFFF;
  width: 400px;
  font-size: 16px;
  font-weight:bold;
  text-shadow: 1px 2px #000000;
  padding: 3px; }
SELECT.header:hover
{ color: #B3FFB3;
  cursor: pointer; }
SELECT::-ms-expand
{ display: none; }
SELECT
{ -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; }
#login
{ border-radius: 15px;
  border: 2px solid #000000;
  box-shadow: 5px 5px 10px grey;
  padding: 10px;
  width: 275px;
  height: 125px;
  margin: auto; }
#loginHeader
{ text-align:center; }
.message
{ border-radius: 15px;
  background-color: #F6CECE;
  border: 2px solid #610B0B;
  box-shadow: 5px 5px 10px #DF0101;
  padding: 10px;
  width:500px;
  height: 20px;
  margin: auto;
  font-weight: bold;
  text-align: center; }
#options, #password
{ position: fixed;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 3px 3px 5px #3A4274;
  border-left: 1px solid #3A4274;
  border-right: 1px solid #3A4274;
  border-bottom: 1px solid #3A4274;
  top: 40px;
  right: 3px;
  padding: 10px;
  z-index: 1;
  background-color: #ADDFFF;
  color: #3A4274; }
#options A:hover
{ cursor: pointer; }
#password INPUT.text
{ background-color: #ADDFFF;
  border: 0px;
  border-bottom: 1px solid #3A4274;
  border-right: 1px solid #3A4274;
  box-shadow: 2px 2px 3px grey; }
#search
{ background-color: #3A4274;
  box-shadow: 3px 3px 5px #000000;
  border: 1px solid #000000;
  border-radius: 3px 10px; 
  padding: 5px;
  width: 230px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px #000000;
  color: #FFFFFF; }
INPUT.submit
{ background-color: #ADDFFF;
  border: 2px solid #000000;
  border-radius: 3px;
  font-weight: bold;
  transition: all .4s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  box-shadow: 2px 2px 3px #000000; }
INPUT.submit:hover
{ cursor:pointer;
  background-color: #3A4274;
  color: #FFFFFF;
  box-shadow: 1px 1px 1px #000000 inset; }
INPUT.dSubmit
{ background-color: #3A4274;
  border: 2px solid #000000;
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: bold;
  transition: all .4s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  box-shadow: 2px 2px 3px #000000; }
INPUT.dSubmit:hover
{ cursor:pointer;
  background-color: #ADDFFF;
  color: #000000;
  box-shadow: 1px 1px 1px #000000 inset; }
INPUT.adminSubmit
{ background-color: #B3FFB3;
  border: 2px solid #007300;
  border-radius: 5px;
  color: #004B00;
  height: 25px;
  width: 75px;
  font-weight: bold;
  box-shadow: 2px 2px 3px #000000; }
INPUT.adminSubmit:hover
{ cursor:pointer; 
  box-shadow: 1px 1px 1px #000000 inset; }
INPUT.adminCancel
{ background-color: #FFB3B3;
  border: 2px solid #9A0000;
  border-radius: 3px;
  color: #9A0000;
  height: 25px;
  width: 75px;
  font-weight: bold;
  box-shadow: 2px 2px 3px #000000; }
INPUT.adminCancel:hover
{ cursor: pointer;
  box-shadow: 1px 1px 1px #000000 inset; }

SPAN.oHeader
{ font-size: 156px;
  color: #ADDFFF; }
SPAN.aHeader
{ font-size: 156px;
  color: #3A4274; }
SPAN.headerLink
{ color: #ADDFFF; 
  font-size: 12px; }
SPAN.headerLink:hover
{ cursor: pointer;
  color: #B3FFB3; }
SPAN.options
{ font-size: 13px;
  font-weight: bold; }
SPAN.options:hover
{ cursor: pointer;
  text-decoration: underline; }
.del, SPAN.O
{ font-size: 16px;
  font-weight: bold;
  color: red;
  text-shadow: 1px 1px #000000; }
.del:hover, SPAN.O:hover, SPAN.I:hover, SPAN.R:hover
{ cursor: pointer; }
.exp, SPAN.R
{ font-size: 16px;
  font-weight: bold;
  color: green;
  text-shadow: 1px 1px #000000; }
.exp:hover
{ cursor: pointer; }
SPAN.I
{ font-size: 16px;
  font-weight: bold;
  color: grey;
  text-shadow: 1px 1px #000000; }
.number
{ text-align:right;
  padding-right: 5px; }

INPUT.text, SELECT.text
{ border: 0px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  box-shadow: 2px 2px 3px grey; }
.required
{ border: 0px;
  border-bottom: 1px solid #9A0000;
  border-right: 1px solid #9A0000;
  box-shadow: 2px 2px 3px #FFB3B3; }
.success
{ border: 0px;
  border-bottom: 1px solid green;
  border-right: 1px solid green;
  box-shadow: 2px 2px 3px #B3FFB3; }

SPAN.upTop
{ font-size: 36px;
  vertical-align:top; }
SPAN.DOC, SPAN.WORD
{ color: blue;
  font-size: 12px; }
SPAN.EXCEL
{ color: green;
  font-size: 12px; }
SPAN.PDF
{ color: red;
  font-size: 12px; }
SPAN.URL
{ color: blue;
  font-size: 12px; }

TABLE
{ border-spacing: 0px;
  width:100%; }

TH.top
{ border-radius: 7px 7px 0px 0px;
  font-size: 16px; }
TH.topLeft
{ border-radius: 7px 0px 0px 0px;
  font-size: 16px; }
TH.topRight
{ border-radius: 0px 7px 0px 0px;
  font-size: 16px; }
TH.round
{ border-radius: 7px 7px 7px 7px;
  color: #ADDFFF;
  font-size: 13px; }
TH.round:hover
{ cursor: pointer;
  color: #B3FFB3; }
TH.botLeft
{ border-radius: 0px 0px 0px 7px;
  font-size: 16px; }
TH.botRight
{ border-radius: 0px 0px 7px 0px;
  font-size: 16px; }

DIV.linkHead
{ border-radius: 5px;
  border: 1px solid #000000;
  box-shadow: 3px 3px 3px grey;
  text-shadow: 2px 2px #000000;
  background-color: #3A4274;
  color: #FFFFFF;
  width: 48%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding: 3px; }
DIV.linkHead:hover
{ cursor: pointer;
  color: #ADDFFF; }

DIV.patList
{ white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 240px;
  margin-top: 8px; }
SPAN.pat
{ font-size: 14px; }
SPAN.pat:hover
{ cursor: pointer; }
SPAN.reloadImage
{ font-size: 16px;
  font-weight: bold; }
SPAN.reloadImage:hover
{ cursor: pointer; }

DIV.claim
{ border-radius: 5px;
  border: 1px solid #000000;
  box-shadow: 3px 3px 3px grey;
  text-shadow: 1px 1px 2px grey;
  background-color: #ADDFFF;
  color: #000000;
  font-weight: bold;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  margin-top: 8px;
  padding: 3px; }
DIV.fileRec
{ border-radius: 5px;
  border: 1px solid #000000;
  box-shadow: 3px 3px 3px grey;
  text-shadow: 1px 1px 2px grey;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #ADDFFF;
  color: #000000;
  font-weight: bold;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  margin-top: 8px;
  padding: 3px; 
  height: 20px;
  width: 230px; }
DIV.fileRec:hover, DIV.claim:hover
{ cursor: pointer;
  background-color: #3A4274;
  text-shadow: 2px 2px 2px #000000;
  color: #FFFFFF;
  box-shadow: 2px 2px 2px #000000 inset; }
DIV.patRec
{ border-radius: 7px;
  border: 2px solid #000000;
  box-shadow: 3px 3px 3px grey;
  background-color: #ADDFFF;
  text-shadow: 1px 1px 2px grey;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 15px;
  margin-bottom: 15px;
  color: #000000;
  font-weight: bold;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  float: left;
  padding: 5px;
  width: 22%;
  min-width: 250px;
  height: 60px; }
DIV.patRec:hover
{ background-color: #3A4274;
  box-shadow: 3px 3px 3px #000000 inset;
  text-shadow: 2px 2px 2px #000000;
  color: #FFFFFF; 
  cursor: pointer; }
DIV.claimWarning, DIV.warning
{ float: left;
  border-radius: 5px;
  border: 1px solid #000000; 
  box-shadow: 1px 1px 1px grey;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  padding: 5px;
  width: 33%;
  min-width: 415px;
  margin: 3px; }
DIV.I, INPUT.I
{ background-color: #E6E6E6; }
DIV.R, INPUT.R
{ background-color: #A9F5A9; }
DIV.O, INPUT.O
{ background-color: #F5A9A9; }
DIV.warning
{ height: 85px;
  width: 15%; 
  font-family: courier new, serif;
  font-weight: bold;
  min-width: 150px; }
DIV.warning:hover
{ cursor: pointer;
  background-color: #ADDFFF; }

TABLE.claim
{ text-indent: 5px;
  font-size: 13px; }
TABLE.claim TR
{ transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out; }
TR.claimHover:hover
{ background-color: #ADDFFF; }
TABLE.claim TH
{ background-color:#3A4274;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000000; }
TABLE.fileInfo
{ border-radius: 10px;
  border: 2px solid #000000;
  margin-bottom: 10px;
  font-size: 13px;
  box-shadow: 3px 3px 3px grey; }
TABLE.fileInfo TH
{ background-color: #3A4274; 
  border-radius: 7px 7px 0px 0px;
  color: white;
  font-size: 15px;
  font-weight: bold; 
  text-shadow: 2px 2px #000000; }
TD.fiData
{ border-radius: 0px 7px 7px 0px;
  border: 1px solid #000000; 
  text-indent: 3px;
  border-left: 0px; }
TD.fiHead, TD.wiHead
{ border-radius: 7px 0px 0px 7px; 
  border: 1px solid #000000; 
  border-right: 0px;
  text-shadow: 1px 1px 2px #000000;
  width: 120px;
  text-indent: 4px;
  font-weight: bold;
  color: #FFFFFF; }
TD.fiHead
{ background-color: #3A4274; }
TD.wiHead
{ background-color: #8A0808; }
TD.wiHead:hover
{ cursor: pointer; }
TD.close
{ border: 1px solid #000000;
  border-radius: 7px;
  background-color: #8A0808;
  text-shadow: 1px 1px 2px #000000;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center; }
TD.scrub
{ border: 1px solid #000000;
  border-radius: 7px;
  background-color: #088A08;
  text-shadow: 1px 1px 2px #000000;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center; }
TD.scrub:hover, TD.close:hover
{ cursor: pointer; }

.check
{ color: green;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 1px 1px 1px #000000; }
.check:hover
{ cursor: pointer; }
.redx
{ color: red;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 1px 1px 1px #000000; }
.redx:hover
{ cursor: pointer; }