*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
HTML, BODY { height: 100%; font-size: 16px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
BODY { color: #000000; background: #29364D; margin: 0; }
TH { text-align: center; font-weight: 500; padding: 3px; }
TD { text-align: left; border-collapse: collapse; padding: 0 3px; }
H1, H2, H3, H4, H5, H6 { color: #2A52BE; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: normal; margin: 10px 0; }
H1 { font-size: 1.75rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.375rem; }
H4 { font-size: 1.25rem; }
H5 { font-size: 1.125rem; }
H6 { font-size: 1rem; }
H1 I, H2 I, H3 I, H4 I { margin: 0 10px 0 0; }
A:link, A:active, A:visited { color: #8F00FF; }
A:hover { color: #FF00FF; }
A:link.rezlink, A:hover.rezlink, A:visited.rezlink { font-size: 0.75rem; color: #29364D; }
A:link.iconlink, A:visited.iconlink { display: block; }
A:hover.iconlink { background: #005588; display: block; }
P, UL, OL, LABEL { font-size: 0.9375rem; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 140%; }
P { margin: 5px 0; }
INPUT, SELECT, TEXTAREA { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #FFFFFF; border: 1px solid #6495ED; border-radius: 3px; padding: 2px; margin: 2px; }
TEXTAREA { height: 100px; }
INPUT:disabled, SELECT:disabled, TEXTAREA:disabled { background-color: #EEEEEE; opacity: 0.5; filter: Alpha(Opacity=50); }
INPUT:hover, INPUT:focus, TEXTAREA:hover, TEXTAREA:focus, SELECT:hover, SELECT:hover, SELECT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 5px #BBBBBB; }
BUTTON { min-width: 100px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1rem !important; font-weight: normal; line-height: 20px; padding: 7px 14px; cursor: pointer; margin: 5px; border: none; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
BUTTON:hover { color: #000000 !important; background: #F5F5F5 !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
BUTTON:disabled:hover { color: #FFFFFF; background: #2A80B9; box-shadow: none; }
BUTTON I { margin: 0 8px 0 0; }
IMG { border: 0px solid #000000; }
STRONG { font-weight: 600; }
#topbar1 { width: 100%; height: 186px; background: url(images/top-bg.jpg) center top no-repeat #000000; position: fixed; top: 0px; z-index: 100; }
#topbar2 { width: 1100px; margin: 0 auto; display: flex; justify-content: space-around; }
#logo { width: 500px; }
#prefs { width: 600px; color: #FFFFFF; text-align: right; padding: 135px 0 0; margin: 0 auto; }
#menubar { width: 100%; height: 45px; position: fixed; top: 185px; background: #007FFF; box-shadow: 0 0 10px #000000; z-index: 100; }
#pagebody { background: #FFFFFF; width: 100%; margin-top: 230px; }
#pagecontent { color: #000000; width: 1100px; min-height: 600px; margin: 0 auto; padding: 10px; }
#footer { width: 100%; height: 50px; color: #DCDCDC; background: #007FFF; text-align: center; padding: 10px 0 0; }
.boxshadow { min-width: 200px; min-height: 100px; margin: 10px auto; color: #000000; background: #FAF0E6; position: relative; padding: 10px; box-shadow: 0px 0px 8px #AAAAAA; }
.tblcenter { margin: 0 auto; }
.reztbl { color: #000000; background: #FFFFFF; border: 1px dotted #708090; border-collapse: collapse; outline: 8px solid #FFFFFF; box-shadow: 10px 10px 10px #999999, -7px -7px 10px #999999; margin: 20px auto; }
.tblhead1 { font-size: 1.5rem; color: #00008B; border-bottom: 1px dotted #800000; padding: 6px; }
.tbldet1 { padding: 3px; border: 1px solid #A9A9A9; }
.colcenter { text-align: center; }
.colright { text-align: right; }
.colleft { text-align: left; }
.fld200 { width: 200px; }
.fld525 { width: 525px; }
.btn-green { color: #FFFFFF; background: #00A86B; }
.smalltext { font-size: 0.875rem; color: #00008B; }