.tree-control {
  font-family: arial, verdana, geneva, helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.0;
}

.tree-control-selected {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.tree-control-unselected {
  color: black;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/*  WINDOW  */

DIV.window {
    border: 1px solid #A6B9C5;
    BACKGROUND-COLOR: #D9DDDF;
    FONT-SIZE: 11px;
    position:absolute;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    display:none;
}

DIV.window-title {
    padding-left: 5px;
    padding-right: -20px;
    padding-top: 3px;
    BACKGROUND-COLOR:  #3D9EDF;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 100%;
    border:0px solid #4CACE3; height:23px;
}

DIV.window-content {
    padding: 2px;
    BACKGROUND-COLOR: #D9DDDF
}


.window-border {
    BACKGROUND-COLOR:  #4CACE3;
}

/** Input Date*/
input.date {
    float:left;
    height:22;
}

a.select-button  {
    padding:2;
    BORDER-LEFT: #D7E8F9 1px solid;
    BORDER-BOTTOM: #99CCFF 1px solid;
    BORDER-RIGHT: #99CCFF 1px solid;
    BORDER-TOP: #D7E8F9 1px solid;
    display:block;
    float:left;
    width: 16px;
    height:16px;
    outline: none;
    position: relative;
    text-decoration: none;
    }


a.select-button:hover {
padding:2;
    BORDER-LEFT: #FFFFFF 1px solid;
    BORDER-BOTTOM: #3D9EDF 1px solid;
    BORDER-RIGHT: #3D9EDF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
}


a.select-button:active {
padding-top:2px;
/*padding-left:4px;*/
padding-bottom:0;
/*padding-right:0px;*/

BORDER-LEFT: #99CCFF 1px solid;
BORDER-BOTTOM: #D7E8F9 1px solid;
BORDER-RIGHT: #D7E8F9 1px solid;
BORDER-TOP: #99CCFF 1px solid;
}

a.select-button img {
    margin-bottom: 0;
    border:0
}
/*dropdown-menu */

SPAN.dropdown-menu {
    display: block;
}

SPAN.dropdown-menu a {
    padding:2;
    BORDER-LEFT: #D7E8F9 1px solid;
    BORDER-BOTTOM: #99CCFF 1px solid;
    BORDER-RIGHT: #99CCFF 1px solid;
    BORDER-TOP: #D7E8F9 1px solid;
    display:block;
    float:left;
    height:18px;
    outline: none;
    position: relative;
    color: #1A7BB4;
    text-decoration: none;
}

SPAN.dropdown-menu a:hover {
    padding:2;
    color: #1A7BB4;
    BORDER-LEFT: #FFFFFF 1px solid;
    BORDER-BOTTOM: #3D9EDF 1px solid;
    BORDER-RIGHT: #3D9EDF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
}

SPAN.dropdown-menu a:visited {
    color: #1A7BB4;
}

SPAN.dropdown-menu a:active {
    padding-top:2px;
    /*padding-buttom:0;*/
    color: #1A7BB4;
    BORDER-LEFT: #99CCFF 1px solid;
    BORDER-BOTTOM: #D7E8F9 1px solid;
    BORDER-RIGHT: #D7E8F9 1px solid;
    BORDER-TOP: #99CCFF 1px solid;
}

SPAN.dropdown-menu div {
    position:absolute;
    padding:2;
    display:none;
    background-color:#FFFFFF;
    BORDER: #4CACE3 1px solid;
    width: 200px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10000;
}

SPAN.dropdown-menu div a {
    display:block;
    width:100%;
    border:0;
    padding:0;
    background-color:#FFFFFF;
    float:left;
    height:16px;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    outline: none;
    position: relative;
    color: #1A7BB4;
    text-decoration: none;
}

SPAN.dropdown-menu div a:hover {
    border:0;
    padding:0;
    BACKGROUND-COLOR: #1A7BB4;
    COLOR: white;
}

SPAN.dropdown-menu div a:active {
    border:0;
    padding:0;
    BACKGROUND-COLOR: #1A7BB4;
    COLOR: white;
}

DIV.separator {
    display:block;
    background-color: #99CCFF;
    position: relative;
    BORDER: 0;
    padding:0;
    margin:0;
    height:1;
    width:136px;
    font-size:0;
    overflow-y: hidden
}

/* button */

a.button {
    padding:2;
    BORDER-LEFT: #D7E8F9 1px solid;
    BORDER-BOTTOM: #99CCFF 1px solid;
    BORDER-RIGHT: #99CCFF 1px solid;
    BORDER-TOP: #D7E8F9 1px solid;
    BACKGROUND-COLOR: #D9DDDF;
    color:#000000;
    display:block;
    float:left;
    height:18px;
    position: relative;
    outline: none;
    text-decoration: none;
}

a.button:hover {
    padding:2;
    BORDER-LEFT: #FFFFFF 1px solid;
    BORDER-BOTTOM: #3D9EDF 1px solid;
    BORDER-RIGHT: #3D9EDF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
}

a.button:active {
    padding-top:3px;
    padding-bottom:1;
    padding-left:3px;
    padding-right:1;
    BORDER-LEFT: #99CCFF 1px solid;
    BORDER-BOTTOM: #D7E8F9 1px solid;
    BORDER-RIGHT: #D7E8F9 1px solid;
    BORDER-TOP: #99CCFF 1px solid;
}

a.button:visited {
    color:#000000;
}

a.button img {
    border:0;
    vertical-align:middle;
    margin-right:3;
    margin-left:3;
    margin-top: 0;
    margin-bottom:0;
}

/*fast-input */

SPAN.fast-input {

}

SPAN.fast-input input {
    height:22;
    float:left;
}


SPAN.fast-input a {
    padding:2;
    BORDER-LEFT: #D7E8F9 1px solid;
    BORDER-BOTTOM: #99CCFF 1px solid;
    BORDER-RIGHT: #99CCFF 1px solid;
    BORDER-TOP: #D7E8F9 1px solid;
    display:block;
    float:left;
    height:16px;
    width:16px;
    outline: none;
    position: relative;
    color: #1A7BB4;
    text-decoration: none;
}

SPAN.fast-input a:hover {
    padding:2;
    color: #1A7BB4;
    BORDER-LEFT: #FFFFFF 1px solid;
    BORDER-BOTTOM: #3D9EDF 1px solid;
    BORDER-RIGHT: #3D9EDF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
}

SPAN.fast-input a:visited {
    color: #1A7BB4;
}

SPAN.fast-input a:active {
    padding-top:2px;
    /*padding-buttom:0;*/
    color: #1A7BB4;
    BORDER-LEFT: #99CCFF 1px solid;
    BORDER-BOTTOM: #D7E8F9 1px solid;
    BORDER-RIGHT: #D7E8F9 1px solid;
    BORDER-TOP: #99CCFF 1px solid;
}

SPAN.fast-input a img {
    border:0
}

SPAN.fast-input div {
    position:absolute;
    padding:0;
    display:none;
    background-color:#FFFFFF;
    BORDER: #4CACE3 1px solid;
    width: 200px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10000;
}

SPAN.fast-input div a {
    display:block;
    width:100%;
    border:0;
    padding:0;
    margin:2;
    background-color:#FFFFFF;
    float:left;
    height:16px;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    outline: none;
    position: relative;
    color: #1A7BB4;
    text-decoration: none;
}

SPAN.fast-input div a:hover {
    border:0;
    padding:0;
    BACKGROUND-COLOR: #1A7BB4;
    COLOR: white;
}

SPAN.fast-input div a:active {
    border:0;
    padding:0;
    BACKGROUND-COLOR: #1A7BB4;
    COLOR: white;
}


DIV.popup-block a {
    display:block;
    width:100%;
    border:0;
    padding:4;
    background-color:#FFFFFF;
    float:left;
    height:16px;
    FONT-SIZE: 12px;
    font-family:"Verdana";
    outline: none;
    position: relative;
    color: #1A7BB4;
    text-decoration: none;
    text-align: left;
    cursor: pointer
}

DIV.popup-block a:hover {
    BACKGROUND-COLOR: #1A7BB4;
    COLOR: white;
}

DIV.popup-block a:active {
    BACKGROUND-COLOR: #1A7BB4;
    COLOR: white;
}



.client-pagetabs-delemiter {
    clear: none;
    float:left;
    height:22px;
    width:5px;
}

.client-pagetabs-tab-s {
    clear: none;
    float:left;
    height:22px;
    BACKGROUND-COLOR:  #D9F1FF;
    BORDER-LEFT: 1px solid #4CACE3;
    BORDER-RIGHT: 1px solid #4CACE3;
    BORDER-TOP: 1px solid #4CACE3;
    BORDER-BOTTOM: 0px solid #4CACE3;
    margin-left: 5px;
    margin-bottom: 0px;
}

.client-pagetabs-tab-ns {
    clear: none;
    float:left;
    height:22px;
    cursor: pointer;
    BACKGROUND-COLOR:  #FFFFFF;
    BORDER-LEFT: 1px solid #4CACE3;
    BORDER-RIGHT: 1px solid #4CACE3;
    BORDER-TOP: 1px solid #4CACE3;
    BORDER-BOTTOM: 0px solid #4CACE3;
    margin-left: 5px;
    margin-bottom: 0px;
}

.flat-button {
    border:1px solid #F1F8FF;
    BACKGROUND-COLOR: #F1F8FF;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    vertical-align: middle;
    float: left;
    cursor: pointer;
    padding: 2;
}

.flat-button-disabled {
    border:1px solid #F1F8FF;
    BACKGROUND-COLOR: #F1F8FF;
    COLOR: #CCCCCC;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    vertical-align: middle;
    float: left;
    padding: 2;
}

.flat-button-highlight {
    border:1px solid #4CACE3;
    BACKGROUND-COLOR: #C7E6FC;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    vertical-align: middle;
    float: left;
    cursor: pointer;
    padding: 2;
}

/*Flat calendar div*/
.flat-calendar-div {
    border:1px solid #4CACE3;
    BACKGROUND-COLOR: #D9F1FF;
    vertical-align: middle;
}

.flat-calendar-table {
    FONT-SIZE: 10px;
    font-family:"Verdana";
    text-align: center;
}

.flat-calendar-day-title {
    BACKGROUND-COLOR: #F0F0F0;
    WIDTH: 25px;
}

.flat-calendar-week-title {
    FONT-SIZE: 9px;
    BACKGROUND-COLOR: #F0F0F0;
    WIDTH: 30px;
    HEIGHT: 20px;
}

.flat-calendar-week-title-highlight {
    FONT-SIZE: 9px;
    BACKGROUND-COLOR: #D9F1FF;
    WIDTH: 30px;
    HEIGHT: 20px;
}

.flat-calendar-work-day {
    BACKGROUND-COLOR: #FFFFFF;
}

.flat-calendar-work-day-highlight {
    BACKGROUND-COLOR: #D9F1FF;
}

.flat-calendar-holiday {
    BACKGROUND-COLOR: #FFEEEE;
}

.flat-calendar-holiday-highlight {
    BACKGROUND-COLOR: #FFCCCC;
}

.flat-calendar-prev-month {
    COLOR: #CCCCCC;
}

.flat-calendar-selected {
    BACKGROUND-COLOR: #4CACE3;
    COLOR: white;
    WIDTH: 20px;
    HEIGHT: 20px;
}

.flat-calendar-change-month-button {
    BACKGROUND-COLOR: #4CACE3;
    border:1px solid #4CACE3;
    COLOR: white;
    width: 30;
}

.flat-calendar-change-month-button-highlight {
    BACKGROUND-COLOR: #FFFFFF;
    border:1px solid #4CACE3;
    COLOR: #4CACE3;
    width: 30;
    cursor: pointer;
}

.flat-calendar-month-div {
    BACKGROUND-COLOR: #4CACE3;
    border:1px solid #4CACE3;
    COLOR: white;
}

.calendar-navigator-button {
    BORDER-RIGHT: 1px solid #99CCFF;
    BORDER-TOP: 1px solid #FFFFFF;
    BORDER-LEFT: 1px solid #FFFFFF;
    BORDER-BOTTOM: 1px solid #99CCFF;

    BACKGROUND-COLOR:  #D9F1FF;
    FONT-SIZE: 11px;
    vertical-align: middle;
    float: left;
    cursor: pointer;
    padding: 2;
}

.calendar-navigator-button-highlight {
    border:1px solid #4CACE3;
    BACKGROUND-COLOR: #D9F1FF;
    FONT-SIZE: 11px;
    vertical-align: middle;
    float: left;
    padding: 2;
}

.calendar-control-input {
    height: 20;
    width: 60;
    margin: 0;
    BORDER-TOP: 1px solid #FFFFFF;
    BORDER-LEFT: 1px solid #FFFFFF;
}

.comboselect-control-input {
    height: 18;
    width: 60;
    margin: 0;
    BORDER-TOP: 1px solid #FFFFFF;
    BORDER-LEFT: 1px solid #FFFFFF;
    BORDER-RIGHT: 1px solid #FFFFFF;
    BORDER-BOTTOM: 1px solid #FFFFFF;
}

.control-border0{
    BORDER-RIGHT: 1px solid #FFFFFF;
    BORDER-TOP: 1px solid #99CCFF;
    BORDER-LEFT: 1px solid #99CCFF;
    BORDER-BOTTOM: 1px solid #FFFFFF;
}

.control-border{
    BORDER-RIGHT: 1px solid #D7E8F9;
    BORDER-TOP: 1px solid #99CCFF;
    BORDER-LEFT: 1px solid #99CCFF;
    BORDER-BOTTOM: 1px solid #D7E8F9;
}


.flatControls-listbox {
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    font-family:"Arial";
}

.flatControls-button-pressed {
    BORDER-RIGHT: 1px solid #FFFFFF;
    BORDER-TOP: 1px solid #99CCFF;
    BORDER-LEFT: 1px solid #99CCFF;
    BORDER-BOTTOM: 1px solid #FFFFFF;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    float:left;
    margin-left:2;
    display: block;
    COLOR: #2D77A8;
}

.flatControls-button-normal {
    BORDER-LEFT: 1px solid #FFFFFF;
    BORDER-BOTTOM: 1px solid #99CCFF;
    BORDER-RIGHT: 1px solid #99CCFF;
    BORDER-TOP: 1px solid #FFFFFF;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    float:left;
    margin-left:2;
    display: block;
    COLOR: #2D77A8;
}

.flatControls-button-highlighted {
    BORDER-LEFT: 1px solid #FFFFFF;
    BORDER-BOTTOM: 1px solid #99CCFF;
    BORDER-RIGHT: 1px solid #99CCFF;
    BORDER-TOP: 1px solid #FFFFFF;
    FONT-SIZE: 11px;
    font-family:"Verdana";
    float:left;
    margin-left:2;
    display: block;
    COLOR: WHITE;
}

.help-a:visited {color: blue; text-decoration: none;}
.help-a:active {color: blue; text-decoration: none;}
.help-a:link {color: blue; text-decoration: none;}
.help-a:hover {color: blue; text-decoration: none;}

.main-menu-selection {
    border:1px solid #4CACE3;
}


/*--------------------------------------------------
TABBER
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #A6B9C5;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #A6B9C5;
 border-bottom: none;
 background: #D9F1FF;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #D9F1FF;
 border-color: #A6B9C5;
}

ul.tabbernav li.tabberactive a
{
 background-color: #D9DDDF;
 border-bottom: 1px solid #D9DDDF;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #D9DDDF;
 border-bottom: 1px solid #D9DDDF;
}