body, a, table, td, th, span, div, table, td, img, select, input,
input.checkbox, input.chkbx, input.radio, input.file, textarea, .error, .message, label
{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight:normal; }

table {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px 0px 0px 0px; vertical-align:middle}
div {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px 0px 0px 0px; vertical-align:middle}
td {color:black; vertical-align:middle; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px 0px 0px 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight:normal;}
img {border:0;}
select {background-color:#FFFFFF;width:auto; text-align:left; margin:1px; vertical-align:baseline;}
input {background-color:#FFFFFF;vertical-align:center; text-align:left; border:#BBBBBB 1px solid; margin:1px; width:auto;}
input.chkbx, input.radio, input.checkbox {background-color:transparent;border:0px 0px 0px 0px;vertical-align:middle;}
textarea {background-color:#FFFFFF;vertical-align:middle; text-align:left; margin:1px; width:100%; border:#BBBBBB 1px solid; vertical-align:baseline;}
.error {color:red; font-size:10px; font-weight:normal; text-align:center;}
.message {color:#006699; font-weight:bold; text-align:center;}
label {padding-top:2px; vertical-align:middle;}
.label {padding-top:2px; vertical-align:middle;}


.yearMonthHeader {
    background-color: #DDDDDD;
    color: #000000;
    text-align: center;
    border: none;
    font-weight: bold;
}

.weekHeader {
    background-color: #E7E7E7;
    color: #000000;
    text-align: center;
    border: none;
}

.currentDayCell {
    background-color: #DDDDDD;
    color: #000000;
    border: none;
}

.btnlnk,.btnlnk:hover{
    background-image:url(../stat/img/btn_normal.gif);
    background-color:#D6D6C3;
    background-repeat:repeat-x;
    font-weight:normal;
    color: black;
    text-decoration: none;
    margin:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:3px;
    border-top:1px solid #ADAEA9;
    border-right:1px solid #828282;
    border-left:1px solid #ADAEA9;
    border-bottom:1px solid #828282;
    height:20px;
    text-align:center;
    vertical-align:middle;
    margin-top:1px;
    margin-left:1px;
    margin-right:10px;
    margin-bottom:1px;
}

.btn {
    background-image:url(../stat/img/btn_normal.gif);
    background-color:#D6D6C3;
    background-repeat:repeat-x;
    font-weight:normal;
    color: black;
    text-decoration: none;
    margin:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    border-top:1px solid #ADAEA9;
    border-right:1px solid #828282;
    border-left:1px solid #ADAEA9;
    border-bottom:1px solid #828282;
    height:20px;
    text-align:center;
    vertical-align:middle;
    margin:1px;
}

.btnDisabled, btnDisabled:hover{
    background-image:url(../stat/img/btn_normal.gif);
    background-color:#D6D6C3;
    background-repeat:repeat-x;
    font-weight:normal;
    color: grey;
    text-decoration: none;
    margin:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    border-top:1px solid #ADAEA9;
    border-right:1px solid #828282;
    border-left:1px solid #ADAEA9;
    border-bottom:1px solid #828282;
    height:20px;
    text-align:center;
    vertical-align:middle;
    margin-top:1px;
}


.* {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:11px;
    font-weight:normal;
}

.helpHeader {
    font-size:16px;
    font-weight:bold;
    margin:5px;
}

.helpText {
    font-size:13px;
    font-weight:normal;
}

.h1px {
   height: 1px;
}

.width_1px {
    width: 1px;
}

.dates  {
    width: 100%;
    height: 100%;
    vertical-align:middle;
    white-space: nowrap;
}

.w100h100 {
    width: 100%;
    height: 100%;
}

.screenForm {
    height:99.2%;
    width:100%;
}    

.width_100 {
    width: 100%;
}

.width_50 {
    width: 50%;
}

.width_200px {
    width: 200px;
}

.empty {
}

.text_bottom {
    vertical-align:bottom;
}

.padding_5 {
    padding:5px;
}

.height_20px {
    height: 20px;
    padding: 0px;
}

.h30px {
    height: 30px;
    padding: 0px;
}

.height_40px {
    height: 40px;
    padding: 0px;
}

.height_200px {
    height: 200px;
    padding: 0px;
}

.height_100 {
    height: 100%;
}

.overflow_auto {
    overflow:auto;
}

.standard {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.standard_bold {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.scrollerContainer {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #CDCDBE;
    padding-left:2px;
    padding-right:2px;
    padding-top:0px;
    padding-bottom:2px;
    border-bottom:1px solid #457DBC;
    border-left:1px solid #457DBC;
    border-right:1px solid #457DBC;
    border-top:1px solid #457DBC;
    width: 100%;
}

.scroller {
    padding-left:20px;
    width: 100%;
}

.paginator {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.standardTable {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
    border: 1px solid white;
    color: #457DBC;
    background-color: #457DBC;
    width: 100%;
    height:100%;
}

.reportTable {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
    border: 1px solid white;
    color: white;
    background-color: white;
    width: 100%;
    height:100%;
}

.standardScrolledTable {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    color: #457DBC;
    background-color: #457DBC;
    width: 100%;
    height:100%;
}

.standardTable_Header {
    color: #000000;
    background-color: #CDCDBE;
    padding: 1px;
    text-align: center;
    border: none;
    height: 1px;
    font-weight: bold;
}

.narrowTable_Header {
    color: #000000;
    background-color: #CDCDBE;
    padding: 1px;
    text-align: center;
    border: none;
    height: 1px;
}

.invisibleTable_Header {
    color: #000000;
    padding: 3px;
    text-align: left;
    border: none;
    height: 1px;
}

.emptyTable_Footer {
    color: #000000;
    padding: 3px;
    text-align: center;
    border: none;
    height: 100%;
    background-color: white;
}

.reportTable_Footer {
    color: #000000;
    padding: 3px;
    text-align: center;
    border: none;
    background-color: white;
    font-weight: bolder;
}


.standardTable_SortHeader {
    background-color: #FFDD00;
    color: #000000;
    padding: 1px;
    text-align: center;
    border: none;
    font-weight: bold;
}

.standardTable_Footer {
    background-color: #FFFFE0;
}

.stdRow1 {
    background-color: #F5F4E7;
    padding: 2px;
}

.stdRow2 {
    background-color: #EBEAD8;
    padding: 2px;
}

.whiteRow {
    background-color: #FFFFFF;
    padding: 1px;
}

.stdCol {
    text-align: left
    padding: 2px 2px 2px 2px;
}

.stdCol21px {
    text-align: left
    padding: 2px 2px 2px 2px;
    height:21px
}

.wideCol {
    text-align: left
    padding: 2px 2px 2px 2px;
    width:100%;
}

.narCol {
    text-align: left
    padding: 1px 1px 1px 1px;
    width:1px;
}

.narCol2px {
    text-align: left
    padding: 2px 2px 2px 2px;
    width:1px;
}

.stdColCntr {
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.colCntrNoPad {
    text-align: center;
}

a
{
    color: #333366;
    text-decoration: underline;
}

a:hover
{
    color: #333366;
    text-decoration: underline;
}

.error {
    color: #FF0000;
}

.sortLink {
    color: #333366;
    text-decoration: none;
}


.pageLayout {
    width:100%;
    height:100%;
}

.pageHeader {
    background-color: #F7F3EF;
    text-align: center;
    vertical-align: middle;
    height:1px;
    overflow:visible;
    padding: 0px;
    margin: 0px;
    border: 1px solid #457DBC;
}

.pageHeaderTitle {
    background-color: #F7F3EF;
    text-align: center;
    vertical-align: middle;
    overflow:visible;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

.pageHeaderSlogan {
    background-color: #F7F3EF;
    text-align: center;
    vertical-align: middle;
    overflow:visible;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.pageHeader1 {
    width:100%;
}

.pageHeader2 {
    width:100%;
}

.pageHeader2col1 {
    background-color: #FFFFFF;
}

.pageNavigation {
    text-align: left;
    vertical-align: top;
    width: 100px;
    background-color: #F7F3EF;
    border: 1px solid #457DBC;
    padding: 2px;
}

.readOnly {
    border:#BBBBBB 1px solid;
    width: 200px;
}

.pageBody {
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 0px;
    background-color: #FFFFFF;
}

.textRight {
    text-align: right;
}

.pageFooter {
    text-align: right;
    font-size: xx-small;
    height:1px;
    overflow:visible;
    background-color: #F7F3EF;
    border: 1px solid #457DBC;
}

.selectedNode {
    font-weight:bold;
}

.navigation {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:100%;
    left:0px;
    top:0px;
}

.navitem {
    white-space : nowrap;
    text-decoration : none;
}

a.navitem:hover,active {
    white-space : nowrap;
    text-decoration: none;
    color: #457DBC;
}

.navitem_open {
    white-space : nowrap;
    font-style: italic;
    text-decoration: none;
}

a.navitem_open:hover,active {
    white-space : nowrap;
    font-style: italic;
    color: #457DBC;
    text-decoration: none;
}

a.titleLink {
    white-space : nowrap;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
}

.titleText {
    white-space : nowrap;
    font-weight: bold;
    font-size: 14px;
}


a.sortColumnHeader {
    color: #000000;
    background-color: #CDCDBE;
    font-weight: bold;
    text-decoration: none;
}

.navitem_active {
    white-space : nowrap;
    text-decoration: none;
    font-weight : bold;
    background-color: #F7F3EF;
    width: 100%;
}

a.navitem_active:hover,active {
    white-space : nowrap;
    text-decoration: none;
    font-weight : bold;
    background-color: #F7F3EF;
    width: 100%;
}


.navseparator {
    line-height: 12px;
    border-bottom: 1px solid #A2B7C5;
}

.fileUploadInput {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    width: 250px;
}




.emptyHeader {
    background-color: #FFFFFF;
    border-top: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
}



div.titlebar {
  background: #C7D0D9;
  color: black;
  border: 1px solid #8CACBB;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 1px 1px;
  clear: both;
}

/*
   ------------------------------------------------------------
   Calendar component
   ------------------------------------------------------------
*/

.yearMonthHeader {
    background-color: #DDDDDD;
    color: #000000;
    text-align: center;
    border: none;
    font-weight: bold;
}

.weekHeader {
    background-color: #E7E7E7;
    color: #000000;
    text-align: center;
    border: none;
}

.currentDayCell {
    background-color: #DDDDDD;
    color: #000000;
    border: none;
}



.countryFormTable {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 2px;
    border-style: solid;
    border-width: 1px;
}

.countryFormHeader {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 2px;
    border-style: none;
    background-color: #FFDD00;
    text-align: center;
    font-weight : normal;
}

.countryFormFooter {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 2px;
    border-style: none;
    background-color: #FFDD00;
    text-align: center;
    font-weight : normal;
}

.countryFormLabels {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 2px;
    border-style: none;
    text-align: right;
    font-weight : bold;
}

.countryFormInputs {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 2px;
    border-style: none;
}

.tree {
   lineheight: 18px;
   font-family: arial, sans-serif;
}

.treenode {
   padding: 2px 2px 2px 5px;
}

.treenode a {
   text-decoration: none;
}

.treenodeSelected {
   padding: 2px 2px 2px 5px;
}

.treenodeSelected a {
   text-decoration: none;
   font-weight: bold;
}

table .selectOneRadio {
    font-weight: bold;
}


.standardList {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.tabButton {
    border-style: none;
    padding: 0px;
    border-spacing: 0px;
    width:100%;
    text-decoration: none;
    cursor:pointer;
}

.mainTabs {
    border-style: none;
    padding: 0px;
    border-spacing: 0px;
    empty-cells: show;
}

.mainTabs_activeTab {
    height: 14px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.mainTabs_tabContent {
  padding: 2px;
}


.mainTabs_inactiveTab {
    height:14px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}


.tabContentBottom {
  height: 100%;
  border-left: #457DBC 1px solid;
  border-right: #457DBC 1px solid;
  border-bottom: #457DBC 1px solid;
  padding-bottom: 2px;
}

.tabContent {
  border-left: #457DBC 1px solid;
  border-right: #457DBC 1px solid;
}


.htmlBody {
  margin: 0px;
}

.htmlBodyBorder {
  margin: 0px;
  border: #457DBC 1px solid;
}

.viewCaption {
  font-weight:     bold;
  padding-left:    5px;
  width:           100%;
  background-color: #457DBC;
  height:          18px;
  color:           white;
}

.viewCaptionRow {
  height:          18px;
  background-color: #457DBC;
}


.viewSubCaption {
  font-weight:     bold;
  padding-left:    5px;
  padding-top:     2px;
  padding-bottom:  2px;
  width:           100%;
  background-color: white;
  color:           457DBC;
  border-top: #457DBC 1px solid;
  border-bottom: #457DBC 1px solid;
}

.viewSubCaptionRow {
  background-color: white;
  border-top: #457DBC 1px solid;
  border-bottom: #457DBC 1px solid;
  height:          18px;
}

.viewSubCaptionText {
  font-weight:     bold;
  padding-left:    5px;
  padding-top:     2px;
  padding-bottom:  2px;
  color:           457DBC;
}

.viewSubCaptionBottom {
  font-weight:     bold;
  padding-left:    5px;
  padding-top:     2px;
  padding-bottom:  2px;
  width:           100%;
  background-color: white;
  color:           457DBC;
  border-bottom: #457DBC 1px solid;
}

.viewCaptionGap {
  height:       1px;
  width:        100%;
  border-left:  #457DBC 1px solid;
  border-right: #457DBC 1px solid;
}

.toolbar {
  height:       1px;
  width:        100%;
  background-color: #F7F3EF;
  padding: 2px;
}

.uiPanel {
  padding:    2px;
  border-top: #457DBC 1px solid;
  border-bottom: #457DBC 1px solid;
  width:      100%;
}

.uiPanelBorderBottom {
  padding:    2px;
  border-bottom: #457DBC 1px solid;
  width:      100%;
}

.nobrd {
    border:0px 0px 0px 0px;
}

.w1h1 {
    width:1px;
    height:1px;
}


.left_align {
  text-align:left;
}

.right_align {
  text-align:right;
}

.bodySpan {
  padding:1px;
}

.vertMiddle {
    vertical-align:middle;
}


/*
   ------------------------------------------------------------
   Tree component
   ------------------------------------------------------------
*/

.tr_line {
    background-image:url(../stat/img/tr/ln.gif);
}

.tr_noline {
    background-image:url(../stat/img/tr/noln.gif);
}

.tr_child {
    background-image:url(../stat/img/tr/noln.gif);
}

.tr_child_first {
    background-image:url(../stat/img/tr/ln_first.gif);
}

.tr_child_middle {
    background-image:url(../stat/img/tr/ln_mid.gif);
}

.tr_child_last {
    background-image:url(../stat/img/tr/ln_last.gif);
}

.tr_open {
    background-image:url(../stat/img/tr/nd_open.gif);
}

.tr_open_first {
    background-image:url(../stat/img/tr/nd_opn_first.gif);
}

.tr_open_middle {
    background-image:url(../stat/img/tr/nd_opn_middle.gif);
}

.tr_open_last {
    background-image:url(../stat/img/tr/nd_opn_middle.gif);
}

.tr_close {
    background-image:url(../stat/img/tr/nd_cls.gif);
}

.tr_close_first {
    background-image:url(../stat/img/tr/nd_cls_first.gif);
}

.tr_close_middle {
    background-image:url(../stat/img/tr/nd_cls_middle.gif);
}

.tr_close_last {
    background-image:url(../stat/img/tr/nd_cls_last.gif);
}

