html { height: 100%; width: 100%; padding: 0; margin: 0; border: none; }
head { height: 0%; }
body {
    background-image: url('Images/global_bg.gif');
    font-size: 62.5%;
    height: 100%; 
    width: 100%;
    padding: 0; 
    margin: 0; 
    border: none;
    }
div, span, form {
    background-image: none;
    vertical-align: middle; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none;
    color: #000033; 
}

a { text-decoration: underline; color: #000033; }
a:hover { color: #550077; }

.Invisible { display: none; }

.HelpPanel { border: 2px solid #CC6600; padding: 0px; margin: 0px 2px 0px 2px; background-color: #FFFF99; }

.InformationPopUp { z-index: 1; border: 1px solid #000033; background-color: #DDEEFF; }
.InformationClient { z-index: 1; border: 1px solid #000033; background-color: #EEEEEE; }
.WidgetPanel { z-index: 1; }
.WidgetHeader { border-style: solid; border-width: 2px 2px 1px 2px; border-color: #000033; background-color: #CCCCFF; position: inherit; }
.WidgetBody { border-style: solid; border-width: 0px 2px 2px 2px; border-color: #000033; background-color: #EEEEFF; position: inherit; }

.InformationPanel { z-index: 1; }
.InformationHeader { border-style: solid; border-width: 2px 2px 1px 2px; border-color: #000033; background-color: #CCCCFF; position: inherit; }
.InformationBody { border-style: solid; border-width: 0px 2px 2px 2px; border-color: #000033; background-color: #DDEEFF; position: inherit; }
.InformationBackground { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  background-color: #EEEEEE; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; cursor: not-allowed; }

.OKCancelPanel { background-color: #FFCCFF; border: 2px solid #000033; z-index: 2; }
.OKCancelBackground { background-color: #EEEEEE; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; cursor: not-allowed; }

.ProgressBar { background-color: #EEFFEE; border: 1px solid #000033; z-index: 3; position: absolute; -moz-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75); }

.ToolTip { z-index: 1; border: 1px solid #000033; background-color: #DDEEFF; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; font-size: 1.0em; font-weight: normal; text-decoration: none; text-align: center; }

.BackButton { padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; }
.BackButton:Hover { border: 1px solid #000033; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; background-color: #000033; }
.MenuItem { border: 1px solid #000033; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; font-size: 10px; font-weight: bold; background-color: #99CCFF; color: #000033; text-align: center; text-decoration: none; }
.MenuItem:Hover { border: 1px solid #000033; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; font-size: 10px; font-weight: bold; background-color: #000033; color: #FFFFFF; text-align: center; text-decoration: underline; }
.MenuItemSelected { border: 1px solid #C0C0C0; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; font-size: 10px; font-weight: bold; background-color: #000033; color: #FFFFFF; text-align: center; text-decoration: none; }
.SubMenuItem { padding: 2px 5px 2px 5px; font-size: 10px; font-weight: bold; background-color: #EEEEFF; color: #000033; text-decoration: none; }
.SubMenuItem:Hover { padding: 2px 5px 2px 5px; font-size: 10px; font-weight: bold; background-color: #EEEEFF; color: #550077; text-decoration: underline; }
.MenuBar { border: 1px solid #000033; padding: 0px; margin: 0px 2px 0px 2px; background-color: #EEEEFF; }
.MenuBarTitle { padding: 0px 2px 0px 2px; font-size: 10px; font-weight: bold; background-color: #AAAABB; color: #000033; text-decoration: none; }
.MenuBarItem { padding: 0px 5px 0px 5px; font-size: 10px; font-weight: normal; text-decoration: none; color: #000033; }
.MenuBarItem:Hover { padding: 0px 5px 0px 5px; font-size: 10px; font-weight: normal; text-decoration: underline; color: #550077; }
.MenuBarItemSelected { padding: 0px 5px 0px 5px; font-size: 10px; font-weight: bold; text-decoration: underline; color: #550077; }

.Button { font-size: 10px; font-weight: normal; background-color: #000033; color: #FFFFFF; }

.InvertedLink { font-size: 1.2em; font-weight: normal; color: #FFFFFF; }
.InvertedLink:hover { color: #AA00FF; }
.NormalLink { font-size: 1.2em; font-weight: normal; }
.SmallLink { font-size: 1.0em; font-weight: normal; }
.SmallLinkSpaced { font-size: 1.0em; font-weight: normal; padding: 0px 5px 0px 0px; }

.SmallParagraph { font-size: 1.0em; font-weight: normal; vertical-align: top; line-height: normal; text-align: justify; }
.NormalText { font-size: 1.2em; font-weight: normal; }
.NormalTextBold { font-size: 1.2em; font-weight: bold; }
.InvertedText { font-size: 1.2em; font-weight: normal; color: #FFFFFF; }
.SmallText { font-size: 1.0em; font-weight: normal; }
.SmallTextItalic { font-size: 1.0em; font-weight: normal; font-style: italic; }
.SmallTextBold { font-size: 1.0em; font-weight: bold; }
.SmallTextRed { font-size: 1.0em; font-weight: normal; color: #DD0000; }

.PageTitle { font-size: 1.2em; font-weight: bold; padding: 2px; }
.BigTitle { font-size: 1.4em; font-weight: bold; color: #663300; }
.NormalTitle { font-size: 1.2em; font-weight: bold; color: #663300; }
.SmallTitle { font-size: 1.0em; font-weight: bold; color: #663300; }

.SmallTextBox { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.SmallTextEntry { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #EEFFEE; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.SmallTextEntry:Hover { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #DDFFDD; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.SmallTextEntryRight { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #EEFFEE; text-align: right; font-family: Arial, Helvetica, sans-serif; }
.SmallTextEntryRight:Hover { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #DDFFDD; text-align: right; font-family: Arial, Helvetica, sans-serif; }
.SmallTextEntryLocked { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #FFFFFF; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.SmallRequiredEntry { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #FFEEFF; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.SmallRequiredEntry:Hover { padding: 0px; margin: 0px; font-size: 1.0em; font-weight: normal; background-color: #FFDDFF; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.NormalTextEntry { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: normal; background-color: #EEFFEE; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.NormalTextEntry:Hover { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: normal; background-color: #DDFFDD; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.NormalRequiredEntry { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: normal; background-color: #FFEEFF; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.NormalRequiredEntry:Hover { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: normal; background-color: #FFDDFF; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.NormalTextEntryLocked { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: normal; background-color: #FFFFFF; text-align: left; font-family: Arial, Helvetica, sans-serif; }

.AccordionHeader { margin: 0px 0px 3px 0px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000033; background-color: #CCDDEE; }
.AccordionPane { margin: 0px 0px 3px 0px; border-style: dotted; border-width: 1px 1px 1px 1px; border-color: #000033; }
.AccordionPaneWhite { margin: 0px 0px 3px 0px; border-style: dotted; border-width: 1px 1px 1px 1px; border-color: #000033; background-color: #FFFFFF; }
.DDSection { margin: 1px 0px 1px 0px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000033; background-color: #EEEEFF; }
.Parameters { border: 1px solid #000033; background-color: #CCDDEE; }

.GridBorder { border-style: solid; border-width: 1px; border-color: #7F9DB9; }
.TabSelected { border-color: #7F9DB9; border-width: 1px 1px 0px 1px; border-style: solid solid none solid; font-size: 1.0em; font-weight: bold; background-color: #EEFFEE; }
.GridHeader { border-bottom-color: #000033; border-width: 0px 0px 2px 0px; border-style: none none solid none; font-size: 1.0em; font-weight: bold; background-color: #CCCCCC; }
.GridHeaderLight { border-bottom-color: #000033; border-width: 0px 0px 2px 0px; border-style: none none solid none; font-size: 1.0em; font-weight: bold; background-color: #EEEEFF; }
.GridHeaderWhite { border-bottom-color: #000033; border-width: 0px 0px 2px 0px; border-style: none none solid none; font-size: 1.0em; font-weight: bold; background-color: #FFFFFF; }
.GridHeaderInfo { border-bottom-color: #000033; border-width: 0px 0px 2px 0px; border-style: none none solid none; font-size: 1.0em; font-weight: bold; background-color: #DDEEFF; }
.GridHeaderClient { border-bottom-color: #000033; border-top-color: #000033; border-width: 2px 0px 1px 0px; border-style: solid none solid none; font-size: 1.0em; font-weight: bold; background-color: #EEEEFF; }
.GridRow { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: none; background-color: #FFFFFF; }
.GridRow:Hover { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: none; background-color: #EEEEFF; }
.GridNotePos { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: none; background-color: #F4FFF4; }
.GridNotePos:Hover { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: none; background-color: #DDFFDD; }
.GridNoteNeg { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: none; background-color: #FFF4F4; }
.GridNoteNeg:Hover { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: none; background-color: #FFDDDD; }
.GridSubTotal { border-top-color: #000033; border-style: solid none none none; border-width: 1px 0px 0px 0px; font-size: 1.0em; font-weight: bold; text-decoration: none; background-color: #FFFFFF; }
.GridSelected { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: bold; text-decoration: none; background-color: #EEFFEE; }
.GridSelected:Hover { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: bold; text-decoration: none; background-color: #EEEEFF; }
.GridLink { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; text-decoration: underline; }
.GridLink:Hover { border-style: none; border-width: 0px; font-size: 1.0em; font-weight: normal; color: #550077; text-decoration: underline; }
.GridFooter { font-size: 1.0em; font-weight: normal; background-color: #CCCCCC; }
.GridPager { font-size: 1.0em; font-weight: normal; }

.Calendar .ajax__calendar_container { background-color: #EEEEFF; border: 2px solid #000033; padding: 1px; margin: 0px; }
.Calendar .ajax__calendar_header { background-color: #CCCCFF; }
.Calendar .ajax__calendar_prev,
.Calendar .ajax__calendar_next,
.Calendar .ajax__calendar_title 
{ padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: center; color: #000033; }
.Calendar .ajax__calendar_day,
.Calendar .ajax__calendar_dayname,
.Calendar .ajax__calendar_month 
{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; vertical-align: middle; text-align: center; color: #000033; }
.Calendar .ajax__calendar_year,
.Calendar .ajax__calendar_today
{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; vertical-align: middle; text-align: center; color: #000033; }
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year
{ background-color: #CCCCFF; }
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year
{ border: 1px solid #999999; background-color: #CCCCFF; }
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year
{ color: #AAAAAA; }

.TabPanel { border-style: solid; border-width: 2px; border-color: #000033; background-color: #EEEEFF; }
.TabMenuItem { border-style: solid; border-width: 0px 1px 0px 1px; border-color: #000033; padding: 2px 4px 0px 4px; margin: 0; background: url(Images/Tabs/tab.png) repeat-x top; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #000033; }
.TabMenuItem:Hover { border-style: solid; border-width: 0px 1px 0px 1px; border-color: #000033; padding: 2px 4px 0px 4px; margin: 0; background: url(Images/Tabs/tab-hover.png) repeat-x top; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #000033; }
.TabMenuSelected { padding: 2px 4px 0px 4px; margin: 0; background: url(Images/Tabs/tab-active.png) repeat-x top; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #EEEEEE; }
.TabMenuSelected:Hover { padding: 2px 4px 0px 4px; margin: 0; background: url(Images/Tabs/tab-active.png) repeat-x top; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #EEEEEE; }

.Tabs .ajax__tab_header { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #000033; }
.Tabs .ajax__tab_body { background-color: #EEEEFF; border: 2px solid #000033; }
.Tabs .ajax__tab_outer { padding-right: 4px; background:url(Images/Tabs/tab-right.png) no-repeat right top; }
.Tabs .ajax__tab_inner { padding-left: 3px; background:url(Images/Tabs/tab-left.png) no-repeat left top; }
.Tabs .ajax__tab_tab { padding: 0px 4px 0px 4px; margin: 0 !important; background: url(Images/Tabs/tab.png) repeat-x top; }
.Tabs .ajax__tab_hover .ajax__tab_outer {background:url(Images/Tabs/tab-hover-right.png) no-repeat right top;}
.Tabs .ajax__tab_hover .ajax__tab_inner {background:url(Images/Tabs/tab-hover-left.png) no-repeat left top;}
.Tabs .ajax__tab_hover .ajax__tab_tab {background:url(Images/Tabs/tab-hover.png) repeat-x top;}
.Tabs .ajax__tab_active .ajax__tab_outer {background:url(Images/Tabs/tab-active-right.png) no-repeat right top;}
.Tabs .ajax__tab_active .ajax__tab_inner {background:url(Images/Tabs/tab-active-left.png) no-repeat left top;}
.Tabs .ajax__tab_active .ajax__tab_tab {background:url(Images/Tabs/tab-active.png) repeat-x top; color: #EEEEEE; }

.TabsInfo .ajax__tab_header { background-color: #DDEEFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #000033; }
.TabsInfo .ajax__tab_body { background-color: #DDEEFF; border: 2px solid #000033; }
.TabsInfo .ajax__tab_outer { padding-right: 4px; background:url(Images/Tabs/tabinfo-right.png) no-repeat right top; }
.TabsInfo .ajax__tab_inner { padding-left: 3px; background:url(Images/Tabs/tabinfo-left.png) no-repeat left top; }
.TabsInfo .ajax__tab_tab { padding: 4px 4px 0px 4px; margin: 0 !important; background: url(Images/Tabs/tab.png) repeat-x top; }
.TabsInfo .ajax__tab_hover .ajax__tab_outer {background:url(Images/Tabs/tabinfo-hover-right.png) no-repeat right top;}
.TabsInfo .ajax__tab_hover .ajax__tab_inner {background:url(Images/Tabs/tabinfo-hover-left.png) no-repeat left top;}
.TabsInfo .ajax__tab_hover .ajax__tab_tab {background:url(Images/Tabs/tab-hover.png) repeat-x top;}
.TabsInfo .ajax__tab_active .ajax__tab_outer {background:url(Images/Tabs/tabinfo-active-right.png) no-repeat right top;}
.TabsInfo .ajax__tab_active .ajax__tab_inner {background:url(Images/Tabs/tabinfo-active-left.png) no-repeat left top;}
.TabsInfo .ajax__tab_active .ajax__tab_tab {background:url(Images/Tabs/tab-active.png) repeat-x top; color: #EEEEEE; }