﻿body { min-width: 1048px; margin: 0; padding: 0; border: none; }
body { /*ui-widget-shadow*/ background: #cccccc url(images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; }
#wrapper { /*ui-widget-input*/ font-family: Segoe UI, Arial, sans-serif; font-size: 1em; }
#container { width: 1024px; margin: 0 auto; }

.sqdYellowF { color: #f1df40; }
.sqdYellowB { background-color: #f1df40; }
.sqdBlueF { color: #27539c; }
.sqdBlueB { background-color: #27539c; }

#banner { height: 148px; }
#banner { /*ui-widget-overlay*/ background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; }
#logo { border: none; width: 147px; float: left; }
#title { font-size: 3em; font-weight: bold; float: left; margin: 20px 0 0 40px; text-align: center; }
#title { /*sqdYellow*/ color: #f1df40; }
#site { font-size: 0.4em; }
#user { float: right; text-align: center; font-size: 0.8em; padding: 10px; }
#user { /*ui-widget-header*/ border: 1px solid #494437; background: #817865 url(images/ui-bg_gloss-wave_45_817865_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#user span { font-weight: bold; font-size: inherit; }
#user span { /*sqdYellow*/ color: #f1df40; }

#menu { width: 1020px; }
#menu { /*ui-widget-header*/ border: 1px solid #494437; background: #817865 url(images/ui-bg_gloss-wave_45_817865_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#menu ul { list-style: none; float: left; margin: 0; padding: 0; }
#menu ul li { padding: 2px 20px; float: left; margin: 4px 0 4px 5px; border-radius: 8px; }
#menu ul li { /*ui-state-default*/ border: 1px solid #d19405; background: #fece2f url(images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #4c3000; }
#menu ul li a { /*ui-state-default a*/ color: #4c3000; text-decoration: none; }
#menu ul li:hover { /*ui-state-hover*/ border: 1px solid #a45b13; background: #ffdd57 url(images/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #381f00; }
#menu ul li a:hover { /*ui-state-hover a*/ color: #381f00; text-decoration: none; }
#menu ul li.active { /*ui-state-active*/ border: 1px solid #655e4e; background: #ffffff url(images/ui-bg_inset-soft_30_ffffff_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0074c7; }
#menu ul li.active a { /*ui-state-active a*/ color: #0074c7; text-decoration: none; }

#content { clear: both; padding: 0 10px 10px 10px; }
#content { /*ui-widget-content*/ border: 1px solid #8e846b; background: #feeebd url(images/ui-bg_highlight-soft_100_feeebd_1x100.png) 50% top repeat-x; color: #383838; }
.content ul { list-style-image: url("graphics/bullet1.gif"); }
.content ul ul { list-style-image: url("graphics/bullet2.gif");}
.content ul ul ul { list-style-image: url("graphics/bullet3.gif");}
.content ul ul ul ul { list-style-image: url("graphics/bullet4.gif"); }
.content ul span { background-color: #27539c; color: #ffffff; padding: 4px; font-weight: bold; font-style: italic; }
.content ol { list-style-type: decimal; }
.content ol ol { list-style-type: upper-alpha; }
.content ol ol ol { list-style-type: upper-roman; }
.content ol ol ol ol { list-style-type: lower-alpha; }
.content ol ol ol ol ol { list-style-type: lower-roman; }
a.link { color: #27539c; }
a.link:hover { color: #d34d17; }

#content h1 { font-size: 2.5em; font-weight: bold; }
#content h1 { /*sqdBlue*/ color: #27539c; }
#content h2 { font-size: 2.0em; font-weight: bold; font-style: italic; }
#content h2 { /*theme*/ color: #d34d17; }
#content h3 { font-size: 1.8em; font-weight: bold; }
#content h3 { /*theme*/ color: #381f00; }
#content h4 { margin-top: 12px; margin-bottom: 8px; font-size: 1.6em; font-weight: bold; font-style: italic; }
#content h4 { /*theme*/ color: #3d3d3d; }
#content h5 { padding-left: 20px; padding-top: 10px; font-size: 0.9em; }
#content h5 a { color: #000080; }
#content h5 a:hover { color: #800000; }
#content h6 { padding-left: 20px; padding-top: 10px; font-size: 0.8em; }
#content h6 a { color: #000080; }
#content h6 a:hover { color: #800000; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 0.2em 1em; padding: 0; }
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { font-size: inherit; }

#footer { text-align: center; width: 1020px; font-size: 0.8em; margin: 0; padding: 0; }
#footer { /*ui-widget-header*/ border: 1px solid #494437; background: #817865 url(images/ui-bg_gloss-wave_45_817865_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#footer p { margin: 5px 20px; }

form { margin: 0; }
div.form { margin: 10px 30px;  }
div.form { /*ui-widget-shadow*/ background: #cccccc url(images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; }
div.form input[type="password"] { font-size: .95em; }
div.form input["type=text"] { font-size: 1em; }
div.formCaption { font-size: larger; padding: 5px; }
div.formCaption { /*ui-widget-header*/ border: 1px solid #494437; background: #817865 url(images/ui-bg_gloss-wave_45_817865_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
div.formSection, div.form legend {  font-size: larger; font-weight: bold; padding-left: 20px; padding-top: 4px; }
div.formSection {/*ui-state-highlight*/ border: 1px solid #eeb420; background: #fff9e5 url(images/ui-bg_gloss-wave_90_fff9e5_500x100.png) 50% top repeat-x; color: #1f1f1f;}
div.form fieldset {/*ui-state-highlight*/ border: 1px solid #eeb420; background: #fff9e5 url(images/ui-bg_gloss-wave_90_fff9e5_500x100.png) 50% top repeat-x; color: #1f1f1f;}
div.formFieldActive, div.formFieldInactive { padding: 4px; margin:1px; border:1px solid transparent }
div.formFieldActive {background-color:#f3f3ff; border:1px solid #ffff00}
div.formFieldInactive {background-color: #fffff3}
div.formFieldActive .inputText { background-color:#ffffe0; }
div.formFieldRequired { border:1px solid #0000ff; }
div.formPrompt, div.formPromptError { text-align: right; float: left; width: 225px; }
div.formPrompt { color: #000000; }
div.formPromptError { color: #cd0a0a; }
span.formHint { color: #000080; }
span.formError { color: #cd0a0a; }
span.formStatic { }
span.formRequired { color: #0000ff; font-size: larger; cursor: help; margin-right: 4px; }
input.inputError { background-color: #fff0f0; }
input.datePicker { }
input.autoSize { }
span.inputTag { }
span.inputIndent { }
div.formLiner { }
div.formButtons { margin: 10px 0 5px 230px; }
div.form button { padding: 3px 8px; margin-left: 5px; }
div.formInput { margin-left: 230px; }
form label { white-space: nowrap; }
form select { }
option.optionselect { background-color: #f0f0f0; color: #888888; }
option.optioncommand { background-color: #f0ffff; color: #0000ff; }
option.optiontitle { background-color: #000080; color: #ffffff; }
input { }
input.flag0, textarea.flag0 { background-image: url("graphics/input0.gif"); background-repeat: no-repeat; background-position: right top; }
input.flag1, textarea.flag1 { background-image: url("graphics/input1.gif"); background-repeat: no-repeat; background-position: right top; }
input.flag2, textarea.flag2 { background-image: url("graphics/input2.gif"); background-repeat: no-repeat; background-position: right top; }
input.flag3, textarea.flag3 { background-image: url("graphics/input3.gif"); background-repeat: no-repeat; background-position: right top; }
input[type="checkbox"] { margin: 0; padding: 0; }
input[type="text"], input[type="password"] { padding: 1px 3px; }
textarea, input { font-size: inherit; font-family: inherit; padding: 0; line-height: 1em; }
form img { margin: 4px 5px 0 5px; vertical-align: top; }

table.list { margin: 10px 30px; display: table; border-collapse: collapse; min-width: 50%; }
table.list { /*ui-widget-shadow*/ background: #cccccc url(images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; }
table.list caption { padding: 5px; font-size: larger; }
table.list caption { /*ui-widget-header*/ border: 1px solid #494437; background: #817865 url(images/ui-bg_gloss-wave_45_817865_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
table.list caption span {/*ui-widget-header a*/ color: #ffffff; }
table.list thead { /*ui-widget-overlay*/ background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x;  }
table.list thead th { font-size: 1.1em; font-weight: bold; padding: 3px; vertical-align: baseline; text-align: center; white-space: nowrap; color: #eeeeee; }
table.list thead a { text-decoration: none; color: #ffeebd; }
table.list thead a:hover { text-decoration: underline; color: #fece2f; }
table.list thead th span {height:16px}
table.list tbody td { vertical-align: top; padding: 2px 4px; }
xtable.list tbody td span { color: #0000ff; font-weight: bold; font-size: larger; }
xtable.list tbody a { color: #000080; }
xtable.list tbody a:hover { color: #cc0000; }
table.list img { border: none; }
table.list td img:hover { }
tr.rowEven, tr.rowOdd {border-bottom:1px solid #a0a0a0}
tr.rowEven { /*theme*/ background-color: #feeebd; }
tr.rowOdd { /*theme*/ background-color: #e0e0e0; }

tr.paging { /*ui-state-default*/ border: 1px solid #d19405; background: #fece2f url(images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #4c3000; }
tr.paging * { color: #4c3000 !important; }
td.paging ul.paging { list-style: none !important; float: left; margin: 0 0 0 5px !important; padding-bottom: 2px; padding-top: 0; }
td.paging li { float: left; text-align: center; vertical-align: baseline; border:1px solid transparent }
tr.paging li[selectable]:hover {/*ui-state-hover*/ border: 1px solid #a45b13; background: #ffdd57 url(images/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #381f00; }
td.paging li[pageicon] { width: 1em; margin-top: 5px; }
td.paging li[selected] { cursor: help; }
td.paging li[selected] { /*ui-state-active*/ border: 1px solid #655e4e; background: #ffffff url(images/ui-bg_inset-soft_30_ffffff_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0074c7;}
td.paging li[selectable] { padding-left: 3px; padding-right: 3px; }

.barLeft1 { border-left: 1px solid; }
.barLeft2 { border-left: 3px groove; }
.barTop1 { border-top: 1px solid; }
.barTop2 { border-top: 3px groove; }
.barRight1 { border-right: 1px solid; }
.barRight2 { border-right: 3px groove; }
.barBottom1 { border-bottom: 1px solid; }
.barBottom2 { border-bottom: 3px groove; }
.barBottomGap { border-bottom: 5px dashed #683355; }
.barWide { padding-bottom: 12px !important; margin-bottom: 12px; }
.colGap1 { width: 1em; }
.colGap2 { width: 2em; }
.colGap3 { width: 3em; }
.rowGap1 { height: 1em; }
.rowGap2 { height: 2em; }
.rowGap3 { height: 3em; }

.hidden { display: none; }
.invisible { visibility: hidden; }
.highlight { background-color: #ffff00; color: #000000; }
.dimmed { color: #aaaaaa; }
.error { background-color: #800000; color: #ffffff; }
.dim { position: absolute; left: 0; top: 0; width: 10000px; height: 10000px; z-index: 99; background-color: #000000; visibility: visible; opacity: 0.60; }
.undim { visibility: hidden; }
.link { }
.clearing { clear: both; height: 1px; }
.tooltip { border: 5px ridge #0b93d5; background-color: #003147; color: #ffffff; font-size: 0.8em; padding: 10px; width: auto; min-width: 100px; max-width: 300px; margin: auto; }

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textJustify { text-align: justify; }
.textVertical { writing-mode: bt-lr; }
.nowrap { white-space: nowrap; }

#exceptions { background-color: #800000; color: #ffffff; padding: 5px; }
#exceptions ul { margin-left: 30px; list-style-type: square; }

.msg { padding: 5px 0 5px 30px; text-align: left; border: 5px ridge; color: #eeeeee; }
.msg a { color: #ffffe0; }
.msg a:hover { color: #e0ffff; }
.msgPrompt { background: #222222 url("graphics/msg0.png") no-repeat 5px 5px; border-color: #cccccc; }
.msgOk { background: #222222 url("graphics/msg1.png") no-repeat 5px 5px; border-color: #4ca300; }
.msgAlert { background: #222222 url("graphics/msg2.png") no-repeat 5px 5px; border-color: #ffde2e; }
.msgError { background: #222222 url("graphics/msg3.png") no-repeat 5px 5px; border-color: #ff0a0a; }

#helpIcon { border: none; float: left; cursor: help; margin-right: 10px; margin-top: 12px; }
#helpContent { border: 5px groove #800000; display: none; margin-bottom: 8px; clear: left; }
#helpTitle { background-color: #000080; color: #ffffff; margin: 0; padding: 4px 8px; font-weight: bold; }
#helpText { background-color: #f8f8ff; color: #000000; margin: 0; padding: 4px; border: 1px dotted #000080; text-align: justify; }
#helpText p { margin: 2px 0 12px 0; }
#helpText ul { margin-top: 8px; margin-bottom: 12px; }
#helpText li b { color: #cc0000; font-weight: bold; }
#helpText span.link { text-decoration: underline; cursor: help; color: #800000; }
#helpText span.link b { font-weight: bold; color: #0000ff; }
#helpText span.link b:hover { text-decoration: underline; color: #ff0000; }
#helpText img { border: none; }
#helpText img.link { cursor: help; }
#helpText dt { margin-top: 12px; background-color: #f0ffff; border-top: 1px solid #008000; }
#helpText dd { background-color: #fffff0; border-top: 1px dotted #888888; }
