#MainTable { background: #ffffff; }
#MainTable th { background: #ffffff; }
#MainTable td { background: #ffffff; }

#HorizMenu { width: 1023px; vertical-align: middle; text-align: left; background: #ffffff; }
#HorizMenu ul { margin: 0; padding: 0; width: auto; }
#HorizMenu ul.level1 li { list-style: none; border: 1px solid #9DB1D1; margin: 0 0 0 2px; }
#HorizMenu a { text-decoration: none; white-space: nowrap; display: block; font: normal 11px Verdana; }
#HorizMenu a.static { padding: 0 25px 0 25px; }
#HorizMenu a.static.highlighted { color: #ffffff; background-color: gray; }
#HorizMenu a.dynamic { color: #ffffff; background-color: #024498; padding: 2px 10px 2px 10px; }
#HorizMenu a.dynamic.highlighted { background-color: #9DB1D1; }
#HorizMenu ul.level2 { border: 1px solid #9DB1D1; margin: 0; padding: 0; z-index: 9000; }
#HorizMenu ul.level2 li { list-style: none; border-style: none; margin: 0; }

#VerticalMenuBorder { border-top: 10px solid #024498; width: 171px; border-bottom: 10px solid #024498; }

#VerticleMenu { width: 171px; text-align: center; margin: 20px 0 0 0; padding: 0; }
#VerticleMenu li { font: bold 11px Verdana; background: #ffffff; padding: 5px 0 5px 0; text-align: center; border: 1px solid #9DB1D1; list-style: none; margin: 2px 0; width: 169px; }
#VerticleMenu li:hover { background: #9DB1D1; cursor: pointer; }
#VerticleMenu li:hover a { color:#024498; text-decoration: none; color: #fff; }
#VerticleMenu li ul { background: #024498; width: 180px; padding: 0; margin: 0; border: 1px solid #ffffff; }
#VerticleMenu li ul li { font-weight: normal; background: #024498; width: 180px; padding: 2px 0; margin: 0; border-style: none; }

#GovernmentResources { list-style: none; }
#GovernmentResources li { float: left; padding: 15px; }
#GovernmentResources li:hover { background: yellow; }
#GovernmentResources li a { font-size: 12px; }
#GovernmentResources li a img { border: none; }

#Management { padding: 0; margin: 0; }
#Management li { font: bold 13px Verdana; color: #024498; list-style: square; padding-top: 10px; }
#Management li ul { margin: 0 0 0 20px; padding: 0; }
#Management li ul li { font: normal 11px Verdana; color: #666; list-style-image: url('./Images/DartRight.gif'); padding: 0; }

#mainheader { font-weight: bold; font-family: Verdana; font-size: 13px; color: #666666; }
#indexHeader { font-weight: bold; font-family: Verdana; font-size: 12px; color: #666666; }
#address { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
#addressHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: bold; }

#PageTitle { text-transform: uppercase; margin: 0 10px 0 0; }
#header { background: #000080; cursor: pointer; height: 78px; margin-bottom: 1px; }
#header img { float: left; height: 77px; border: none; }

#MainContent { height: auto; min-height: 488px; vertical-align: text-top; background: #fff; text-align: left; padding-bottom: 10px; }

#footer { text-align: right; background: #000080; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
#footer a:link, #footer a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; padding-right: 5px; }
#footer a:hover { color: yellow; text-decoration: none; }
#footer span { float: left; padding-left: 5px; }
#AppVersion { text-align:center; }

#CustomerProfile fieldset { padding: 5px; min-width: 280px; min-height: 145px; }
#CustomerProfile fieldset img { width: 16px; height: 16px; vertical-align: middle; }
#CustomerProfile fieldset ol, #CustomerProfile fieldset ul { padding-left: 2px; }
#CustomerProfile fieldset table { width: 100%; }
#CustomerProfile fieldset table thead { text-align: center; background-color: Maroon; }
#CustomerProfile fieldset table thead th { color: #ffffff; }
#CustomerProfile fieldset table tbody { text-align: center; }
#CustomerProfile fieldset table tfoot { text-align: center; background-color: Maroon; }
#CustomerProfile fieldset table tfoot td { color: #ffffff; font-weight: bold; }
#CustomerProfile.oList { margin: 10px 0 0 -13px; }

/* ======  FileViewer (Start) ================================================================================== */
#Documents td, #DocFaxing td, #DocEmailing td { vertical-align: top; }
#Documents div, #DocFaxing div, #DocEmailing div { text-align: center; width: 75px; margin: 0 auto; vertical-align: top; }
#Documents div:hover { background-color: #808080; }
#Documents div:hover a { color: #ffffff; text-decoration: none; }
#Documents button img { vertical-align: middle; width: 16px; height: 16px; }

#Addresses fieldset { width: 300px; min-height: 65px; }
#Addresses fieldset legend img { vertical-align: middle; width: 20px; height: 13px; }
#Details table, #InvoiceHeader { width: 320px; }
#CustomerRefandPOs { width: 285px; float: left; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; margin-bottom: 5px; }

#Events, #Containers, #InvoiceCharges { width: 100%; }
#Events th, #Containers th { color: #ffffff; }
#Events td, #Containers td, #InvoiceCharges td { padding: 3px; }

#TemplatedEmails img { vertical-align: middle; }
/* ====== FileViewer (End) ==================================================================================== */

.BoldSmallText { font: 10px Arial,Helvetica,sans-serif; font-weight: bold; color: #666666; }
.BoldSmallText_NoColor { font: 10px Arial,Helvetica,sans-serif; font-weight: bold; color: Black; }
.BoldText_NoColor { font: 12px Arial,Helvetica,sans-serif; font-weight: bold; color: Black; }
.BoldText { font: 12px Arial,Helvetica,sans-serif; font-weight: bold; color: #666666; }
.RegularText { font: 12px Arial,Helvetica,sans-serif; font-weight: normal; color: #666666; }
.ImgButton { vertical-align: middle; cursor: pointer; }

.SearchBox { background-image: url('./Images/magnifying-glass.gif'); background-repeat: no-repeat; padding-left: 20px; font: 10px verdana,helvetica,arial,geneva,sans-serif; }
.SmallText_NoColor { font: 9px verdana,helvetica,arial,geneva,sans-serif; font-weight: normal; color: black; }
.SmallText { font: 9px verdana,helvetica,arial,geneva,sans-serif; font-weight: normal; color: #666666; }
.SmallText a { font: 9px verdana,helvetica,arial,geneva,sans-serif; font-weight: normal; text-decoration: underline; }
.SmallText a:hover { font: 9px verdana,helvetica,arial,geneva,sans-serif; font-weight: normal; color: maroon; }
.SmallTextLink { font: 9px Arial,Helvetica,sans-serif; font-weight: normal; color: #666666; }
.SmallTextLink:hover { color: maroon; }

.Label { font-weight: bold; color: #000080; }
.LabelSuccess { font: bold 11px Verdana; color: green; text-decoration: none; }
.LabelError { font: bold 11px Verdana; color: red; text-decoration: none; }

.Topic { font: bold 11px Verdana; color: #024498; }
.Topic2 { font: bold 11px Verdana; color: #024498; font-style: italic; }

.Caption { background-color: #aaa; background-image: url('images/CaptionBar_Grey.gif'); color: #000; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.Caption img { vertical-align: middle; }
.Caption table tr th { background-color: #aaa; background-image: url('images/CaptionBar_Grey.gif'); color: #000; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionBlue { background-color: #aaa; background-image: url('images/CaptionBar_Blue.gif'); color: #ffffff; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionBlue table tr th { background-color: #aaa; background-image: url('images/CaptionBar_Blue.gif'); color: #ffffff; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionRed { background-color: #aaa; background-image: url('images/CaptionBar_Red.gif'); color: #ffffff; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionRed table tr th { background-color: #aaa; background-image: url('images/CaptionBar_Red.gif'); color: #ffffff; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionLightBlue { background-color: #aaa; background-image: url('images/CaptionBar_LightBlue.png'); color: #000080; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionLightBlue table tr th { background-color: #aaa; background-image: url('images/CaptionBar_LightBlue.png'); color: #000080; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; }
.CaptionGrey { background-color: #aaa; background-image: url('images/CaptionBar_Grey.jpg'); color: black; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; margin-bottom: 5px; padding: 3px 0 3px 0; }
.CaptionGrey a { color: black; text-decoration: none; font-size: 10pt; font-weight: bold; }

.AltToolBar { margin-left: 0; margin-right: auto; padding: 7px 10px 7px 10px; text-align: left; height: 16px; }
.AltToolBar span { cursor: pointer; font: normal 12px Arial,Helvetica,sans-serif; color: #000; text-decoration: none; margin-left: 5px; padding: 0 5px 0 3px; background-image: url('./Images/Divider.gif'); background-repeat: no-repeat; background-position: right center; }
.AltToolBar span:hover { color: #800000; text-decoration: none; }
.AltToolBar span select { margin-top: 3px; }
.AltToolBar span img { vertical-align: middle; border: 0; width: 16px; height: 16px; }
.AltToolBar span input[type="text"] { height: 11px; font: 11px, Verdana, Arial, Helvetica, sans-serif; }
.AltToolBar span label, .AltToolBar span a { font: 12px Arial,Helvetica,sans-serif; font-weight: normal; color: #000; text-decoration: none; }
.AltToolBar span a { text-decoration: none; }
.AltToolBar span a:hover { color: Maroon; }
.AltToolBar .SubMenu { position: absolute; top: 0; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.Grid { color: black; background-color: #ffffff; border-top: 1px solid black; border-bottom: 1px solid black; border-spacing: 0; padding: 0; border-collapse: collapse; }
.Grid Caption { background-color: Transparent; background-image: url('images/CaptionBar_LightBlue.png'); color: black; font-size: 10pt; font-weight: bold; border: 0; border-bottom: solid 1px #737373; white-space: nowrap; text-align: center; padding-top: 2px; }
.Grid td { background-color: inherit; padding: 4px; }
.Grid th { padding: 4px; }
.Grid th a { background-image: url('./Images/ToggleSort_black.gif'); background-repeat: no-repeat; background-position: left; padding-left: 15px; color: inherit; }
.Grid th a:hover { text-decoration: none; color: Maroon; }
.Grid tr { background-color: #E8E8E8; }
.Grid tr.Alt { background-color: #ffffff; }
.Grid tr.Selected { color: maroon; background-color: #E7E800; }
.Grid:first-child { border-left: 1px solid black; border-right: 1px solid black; }
.Grid .Header { padding: 4px; }
.Grid .Header a { }
.Grid .Footer { color: #ffffff; background-color: #A2B5CD; font: bold 10px Verdana; padding: 4px; }
.Grid .Pager { }
.Grid .Pager a { border: 1px solid #ccc; padding: 0.5em 1.0em; text-align: center; display: block; }
.Grid .Pager a:hover { background: #f0f7e8; border: 1px solid #83bc46; }
.Grid .Pager td.Selected { border: 1px solid #83bc46; padding: 0.75em 1.0em; text-align: center; background: #f0f7e8; }

.IconKey { text-align: left; background-color: #f5f5dc; display: inline-block; border: 1px solid #000000; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); }
.IconKey img { vertical-align: middle; height: 16px; padding: 1px 0; }
.Inline { display: inline-block; vertical-align: top; }

.SiteMapPath { background-image: url('images/CaptionBar_Grey.gif'); padding: 0 0 2px 5px; color: Black; text-align: left; }
.SiteMapPath a { color: black; text-decoration: none; }
.SiteMapPath a:hover { color: maroon; text-decoration: underline; }
.SiteMapPath span { padding: 0 5px 0 5px; }

.WindowsControl { display: block; overflow: auto; border: 2px inset; background-color: Transparent; }

fieldset legend.Collapsed { cursor: pointer; background-image: url(/Images/Icons/16x16/Expand.gif); background-repeat: no-repeat; background-position: left; padding-left: 15px; }
fieldset legend.Expanded { cursor: pointer; background-image: url(/Images/Icons/16x16/Collapse.gif); background-repeat: no-repeat; background-position: left; padding-left: 15px; }
fieldset.Form { background-image: url('./Images/FormBackground.jpg'); background-repeat: repeat-x; font: 11px Arial,Helvetica,sans-serif; font-weight: normal; color: #000000; }

.DatePicker { width: 60px; }
img.DatePicker { width: 16px; height: 16px; vertical-align: middle; margin-bottom: .25em; padding-left: 2px; border-style: none; cursor: pointer; }
img.Loading { width: 32px; height: 32px; vertical-align: middle; }

@media print {
    #PrintTitle { color: black; font: bold 20px Verdana; }
    .BlockLabel { font-weight: bold; color: black; text-align: left; padding: 0 5px; }
    .NoPrint { display: none; }
    .NoPrintRender { visibility: hidden; }
}
@media screen {
    #ToolBar { background-color: #aaa; background-image: url('images/CaptionBar_LightBlue.png'); color: #000080; font-size: 10pt; font-weight: normal; border: 0; border: solid 1px #737373; white-space: nowrap; padding: 3px; }
    #ToolBar a:hover { text-decoration: none; }
    #PrintTitle { display: none; }
    .BlockLabel { font-weight: bold; color: #ffffff; text-align: left; background-color: #999; padding: 0 5px; }
}