BODY { background-color: #4F5644; color: #EEEEEE; font-family: Arial, Tahoma, Verdana, Helvetica; width: 100%;  }

/* one line by itself */
.td_FieldCaptionTD {font-size: 10pt; width:30%; vertical-align: middle; padding-right:5px; text-align:right; position: relative;}
.td_FieldTD { vertical-align: middle; color: #3F4533;position: relative; }                          /* Regular control */ 
.td_FieldTDRO {vertical-align: middle; background-color: #7A7374; color: White; position: relative; } /* Read Only Control */
.td_FieldTDLB {vertical-align: middle; background-color: #7A7374; color: White; position: relative; } /* LB is label Control */

/* one line by itself with buttons */
.td_FieldCaptionTDB {width:200px; vertical-align: middle; padding-right:5px; text-align:right; }
.td_FieldTDB { vertical-align: middle;  color: #3F4533;   width: 98%; }                        /* Regular control */                           
.td_FieldTDBRO {vertical-align: middle; background-color: #7A7374; color: White; width: 98%; } /* Read Only Control */
.td_FieldTDBLB {vertical-align: middle; background-color: #7A7374; color: White; width: 98%; } /* LB is label Control */

/* left and right two column */
.td_FieldCaptionTD2 { width:220px; vertical-align: middle; padding-right:5px; text-align:right; position: relative; }
.td_FieldTD2 {color: #3F4533; vertical-align: middle; width: 33%;  padding: 0; margin: 0;  border: 0;  position: relative; }
.td_FieldTDRO2 {vertical-align: middle; background-color: #7A7374; color: White; width: 33%;  padding: 0; margin: 0;  border: 0; position: relative;}
.td_FieldTD2LB { vertical-align: middle; background-color: #7A7374; color: White; width: 33%;  padding: 0; margin: 0;  border: 0; position: relative; } /* LB is label Control */

/* left and right two column with buttons */
/* Lbl (10%) - Field (33%) | Lbl (10%) - Field (33%) | Btns (9%) */
.td_FieldCaptionTD2B { min-width:200px; vertical-align: middle; padding-right:5px; text-align:right; width: 20%; position: relative; }
.td_FieldTD2B {color: #3F4533; vertical-align: middle; width: 30%; padding: 0; margin: 0; border: 0; position: relative; }
.td_FieldTDRO2B {vertical-align: middle; background-color: #7A7374; color: White; width: 30%; padding: 0; margin: 0;  border: 0; position: relative;}
.td_FieldTD2LB {vertical-align: middle; background-color: #7A7374; color: White; width: 30%; padding: 0; margin: 0;  border: 0; position: relative;} 

/* Free form DIVs - no table */
.FFFieldCaptionTD { float: left; width: 40%; text-align: right; }
.FFFieldTD {  vertical-align: middle; margin: 0 auto; width: auto; overflow:hidden; text-align: center; position: relative ;   }
.FFFieldTDRO { vertical-align: middle; margin: 0 auto; width: auto;  overflow:hidden; text-align: center; position: relative ;}

.FieldTD2LB {background-color: beige; } 

/* Controls */
.FieldTD, .FieldTDB, .FieldTDBRO, .FieldTDBLB, .FieldTDRO, .FieldTDLB, .FieldTD2, .FieldTD2B,
.FieldTD2, .FieldTDRO2, .FieldTD2LB , .FieldTDRO2B, .FieldTD2LB, .inner_FieldTD2B, .inner_FieldTD,
.GFieldTD, .inner_GFieldTD, .inner_GFieldTD2, .inner_FieldTD2
{ width: 100%;  padding: 0;  margin-top: 4px; margin-bottom: 4px; 
   border-radius: 9px; -webkit-border-radius: 9px; 
}

.datepick 
{
    width: 100px;
}

.ajax__combobox_textboxcontainer input /* input textbox */
{
   vertical-align: top;
   width:100%;
   margin-right: 22px;
   margin-top: 4px; margin-bottom: 4px; 
   border-radius: 9px; -webkit-border-radius: 9px; 
 }
 
.comboboxedit { margin:0; padding: 0; border : 0;       width:100%;
      position: relative ; }

/* Grid COlumn */
.GFieldCaptionTD {  color: white; min-width:220px; vertical-align: middle; padding-right:5px; text-align:right; }
.GFieldTD { color: #3F4533; vertical-align: middle;   }
.GFieldTDRO { color: #6D7B8D; background-color: #7A7374; color: White;  }

.ctlnopick { width: 98%; }
.ctlwithpick { width: 85%; }

.td_BtnColumn { vertical-align: top; text-align: center; padding-left: 18px; padding-right: 8px; }
.div_BtnColumn {}

.FormLayout { width: 100%; position: relative; border-collapse:collapse; border-spacing:0; }
.Rpt_FormLayout { margin-bottom: 8px; padding: 10px 10px 10px 10px; width: 80%; 
                  position: relative; border: 5px solid #4A4344;
                  margin:  0px 100px 0px 100px; 
                   border-radius: 9px; -webkit-border-radius: 9px; 
                   }

.HeaderStyle { background-color: #4A4344; font-weight: bold; color:Khaki; 
               font-style:italic; border: 2px solid gray; margin:  10px 200px 10px 200px;  
               border-radius: 9px; -webkit-border-radius: 9px;   }
.FooterStyle { background-color: olive; font-weight: bold; Color:Khaki   }
.RowStyle { position: relative; width: 100% }
.tbody { position: relative; width: 100% }
.PagerStyle { background-color: #3F4533; Color: Khaki; text-align:center }
.SearchHeaderStyle { background-color: #336600; font-weight: bold; Color: Khaki }
.SearchRowStyle { background-color: #3F4533 }
.SelectedRowStyle { }
.AlternatingRowStyle { }

.BOBlock { border: 2 solid gray; margin: 10px auto; }
.BOBlock caption {background-color: #CCCCCC; color: Khaki; font-size: 12pt; font-weight:bold; text-align: Center }
.BOHeaderTD {background-color: #CCCCCC; color: Khaki; font-size: 12pt; font-weight:bold; text-align: Center }

.RecordSeparatorTD {background-color: #EEEECC }

input {color: #3F4533; background-color: white }
select { color: #3F4533; background-color: white; border-radius: 9px; -webkit-border-radius: 9px;    }  
textarea { width: 100% }

.validationmsg { background-color: red; color: White }

#pvtList li { height: 26px; }
#fldList li, #rowList li, #sumList li, #cntList li, #avgList li, #stdList li, #minList li, #maxList li, #pvtList li
{
    background-color: #EEEEDD; border-radius: 9px; -webkit-border-radius: 9px; 
}
#btnNext { margin-top: 5px; margin-left: 5px; border-radius: 9px; -webkit-border-radius: 9px;  }

.GridTable { background-color: #3F4533; padding-top: 10px; margin-bottom: 10px; margin-top: 10px;  }
.HeaderStyle { padding-top: 10px; padding-bottom: 10px;  }
.formlayout { background-color: #3F4533; padding-top: 10px; margin-bottom: 30px;  }
.button { margin: 4px; width:120px; padding: 0px; text-align:center; 
          border-radius: 9px; -webkit-border-radius: 9px;    }
.rhbtns { text-align: center; margin-top: 5px; margin-bottom: 5px;  }

.imgBtn { padding-left: 16px; background-color: transparent ;  } /* calendar image */



/* AUTOCOMPLETE COMBOBOX   (table ajax__combobox_inputcontainer)
    <td ajax__combobox_textboxcontainer>  [INPUT.....................] </td> <td ajax__combobox_buttoncontainer>  [BUTTON] </td>
----------------------------------------------------------*/
.ajax__combobox_inputcontainer /* table */
{
   vertical-align: top;
   width:100%;
   border: 0; margin: 0; padding: 0;
 }
.ajax__combobox_textboxcontainer /* 1st column */
{
   vertical-align: top;
   width:100%;
   border: 0; margin: 0; padding: 0;
   position: relative ;
 }

.ajax__combobox_buttoncontainer /* 2nd column */
{
   vertical-align: top;
   text-align: right;
   border: 0; margin: 0; padding: 0;
   padding-left: 13px;
   padding-top: 1px;
   background-color: transparent ;
   position: relative ;
 }
.ajax__combobox_buttoncontainer button
{
   vertical-align: top;
   background-position: center;
   background-repeat: no-repeat;
   border-color: ButtonFace;
   height: 15px;
   width: 15px;
  
 }
.ajax__combobox_itemlist
{
   margin: 0px;
   padding: 0px;
   cursor: default;
   list-style-type: none;
   text-align: left;
   border: solid 1px ButtonShadow;
   background-color: White;
   color: Black;
   position:absolute !important;
   top: 10px !important;
   z-index: 1999;

 
 }
.ajax__combobox_itemlist li
{
   
   white-space: nowrap;
   width: 100%;
   padding: 0 3px 0 2px;
 }

/* ------------------ accordion ------------------*/
    .accordion {
        width: 100%;
    }
        
    .accordionHeader {
        border: 1px solid #2F4F4F;
        color: white;
        background-color: #2E4d7B;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
    }
        
    .accordionHeaderSelected {
        border: 1px solid #2F4F4F;
        color: white;
        background-color: #5078B3;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
    }
        
    .accordionContent {
        background-color: #D3DEEF;
        border: 1px dashed #2F4F4F;
        border-top: none;
        padding: 5px;
        padding-top: 10px;
    }
    
    
/* jQueryUI Widget
----------------------------------*/

.ui-widget {}
.ui-autocomplete { position:absolute; cursor:default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/* jQueryUI Autocomplete Menu
----------------------------------*/
.ui-menu {
    list-style:none;
    padding:2px;
    margin:0;
    display:block;
    /* Bugfix für Chrome */
    float:left;
}
.ui-menu .ui-menu {margin-top:-3px;}
.ui-menu .ui-menu-item {
    margin:0;
    padding:0;
    zoom:1;
    float:left;
    clear:left;
    width:100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { background-color:tan; color: white;}
.ui-widget-content 
{
    border:1px solid tan;
    background-color:tan; color: white;
    z-index:9999;
}

/* IDFG MENU
----------------------------------------------------------*/
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width:100%;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 4px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: rgb(211, 207, 185);
    border: 1px rgb(191, 187, 165) solid;
    color: rgb(65, 70, 52);
    display: block;
    line-height: 1.35em;
    padding:  4px 20px 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    margin: 5px;
}

div.menu ul li a:hover
{
    background-color: rgb(251, 247, 225);
    color: rgb(105, 1100, 92);
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: rgb(251, 247, 225);
    color: rgb(105, 1100, 92);
    text-decoration: none;
}

/* AUTOCOMPLETE COMBOBOX   
----------------------------------------------------------*/
.AutoCompleteCbo .ajax__combobox_inputcontainer
{
   vertical-align: top;
   width:100%;
}
.AutoCompleteCbo .ajax__combobox_textboxcontainer
{
   vertical-align: top;
   width:100%;
}
.AutoCompleteCbo .ajax__combobox_textboxcontainer input
{
   vertical-align: top;
   width:100%;
}
.AutoCompleteCbo .ajax__combobox_buttoncontainer
{
   vertical-align: top;
   text-align: right;
}
.AutoCompleteCbo .ajax__combobox_buttoncontainer button
{
   vertical-align: top;
   background-position: center;
   background-repeat: no-repeat;
   border-color: ButtonFace;
   height: 15px;
   width: 15px;
}
.AutoCompleteCbo .ajax__combobox_itemlist
{
   margin: 0px;
   padding: 0px;
   cursor: default;
   list-style-type: none;
   text-align: left;
   border: solid 1px ButtonShadow;
   background-color: Window;
   color: WindowText;
}
.AutoCompleteCbo .ajax__combobox_itemlist li
{
   white-space: nowrap;
   width: 100%;
   padding: 0 3px 0 2px;
}
 
 /* PIVOT stuff */
.FieldCaptionTD {font-size: 10pt; color: #FFFFFF; background-color: #3F4533}
.FieldTD {font-size: 10pt; color:  #3F4533; background-color: #FFFFEE}
.FieldTDRO {font-size: 10pt; color:  #6D7B8D; background-color: #4A4344}

.FieldCaptionTD, .FieldTD, .FieldTDRO, #txtXAxisCaption, #txtYAxisCaption, #txtTitle
{ 
   border-radius: 9px; -webkit-border-radius: 9px; 
}