/* tabs / labels */

ul.tabnav {
    font-weight: bold;
    font-size: 10px;   
    list-style-type: none;
    z-index: 2;
    
}

ul.tabnav li {
    float: left;
    bottom:0px;
    height: 19px;
    border:0px;
 /*   background-color: #DCDCDC;*/
/*    background-color: #C8EBFF;*/
   
}

.tabnav a {
    float: left;
    display: block;
    color: #444;
    text-decoration: none;
    padding: 0px;
}

.tabnav li:hover {
   /* background: #FF8040;*/
}
/* ---------------------------------- */
ul#tabnav1 {
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0 0 21px 0px;
}

ul#tabnav1 li {
    margin:        2px 2px 0px 0px;
    border:        0px solid #999;
    border-bottom: 0px solid #000;
}

ul#tabnav1 li.active {
    border:        0px solid #000;
    border-bottom: 1px solid #F2F2E8;
  /*  background-color: #F2F2E8;*/
}

ul#tabnav1 li.active a {
    color: #000; 
}
/* ---------------------------------- */
/* use following if you need 2 or more lines of labels */
ul#tabnav2 {
    margin:  0 0 1px 0;
    padding: 0 0 15px 8px;
}

ul#tabnav2 li {
    margin: 2px 2px -9px 0px;
    border: 0px solid #999;
}



/* ---------------------------------- */
ul.tabnavB {
    font-weight:     bold;
    font-size:        11px;   
    list-style-type: none;
    z-index:         2;
    
}
ul.tabnavB li {
    float: left;
    height: 21px;
    background-color: #DCDCDC;
   
}
.tabnavB a {
    float:           left;
    display:         block;
    color:           #444;
    text-decoration: none;
    padding:         4px;
}

.tabnavB li:hover {
    background: #FFAD43;
}

/* -------------------------------- */
ul#tabnav3 {
    border-bottom: 1px solid #000;
    margin:        0;
    padding:       0 0 24px 0px;
}

ul#tabnav3 li {
    margin: 2px 2px 0px 0px;
    border: 1px solid #999;
    border-bottom: 1px solid #000;
}

ul#tabnav3 li.active {
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
    background-color: #F0FAFA;
}

ul#tabnav3 li.active a {
    color: #000;
}
/* -------------------------------- */
ul#tabnav4 {
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0 0 24px 0px;
}

ul#tabnav4 li {
    margin: 2px 2px 0px 0px;
    border: 1px solid #999;
    border-bottom: 1px solid #000;
}

ul#tabnav4 li.active {
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
    background-color: #F0FAFA;
}

ul#tabnav4 li.active a {
    color: #000;
}
/* -------------------------------- */
ul#tabnav5 {
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0 0 24px 0px;
}

ul#tabnav5 li {
    margin: 2px 2px 0px 0px;
    border: 1px solid #999;
    border-bottom: 1px solid #000;
}

ul#tabnav5 li.active {
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
    background-color: #F0FAFA;
}

ul#tabnav5 li.active a {
    color: #000;
}
/* -------------------------------- */
ul#tabnav6 {
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0 0 24px 0px;
}

ul#tabnav6 li {
    margin: 2px 2px 0px 0px;
    border: 1px solid #999;
    border-bottom: 1px solid #000;
}

ul#tabnav6 li.active {
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
    background-color: #F0FAFA;
}

ul#tabnav6 li.active a {
    color: #000;
}
/* -------------------------------- */
.folder {
  display: none;
  text-align:center;
  padding:2px;
}
.folderclass2 {
  display: none;
  text-align:center;
  padding:1px;
}
.folderclass3 {
  display: none;
  text-align:center;
  padding:1px;
}
.folderclass4 {
  display: none;
  text-align:center;
  padding:0px;
}
.folderclass5 {
  display: none;
  text-align:center;
  padding:0px;
}
.folderclass6 {
  display: none;
  text-align:center;
  padding:0px;
}
/* ---------------------------------- */
/*  folders container box */
#container0 {
  border: 0px ;
  border-width: 0 0px 0px 0px;
}
#container {
  border: 1px solid black;
  border-width: 0 1px 1px 1px;
}
#container2 {
  border: 1px solid black;
  border-width: 0 1px 1px 1px;
}
#container3 {
  border: 1px solid black;
  border-width: 0 1px 1px 1px;
}
#container4 {
  border: 1px solid black;
  border-width: 0 1px 1px 1px;
}
#container5 {
  border: 1px solid black;
  border-width: 0 1px 1px 1px;
  background-color: #F0FAFA;
}
#container6 {
  border:           1px solid black;
  border-width:     0 1px 1px 1px;
  background-color: #F0FAFA;
}

/* -------------------------------- */
select.folder {max-width:180px;}
select.folderclass2 {max-width:150px;}
select.folderclass3 {max-width:150px;}
select.folderclass4 {max-width:150px;}
select.folderclass5 {max-width:150px;}
select.folderclass6 {max-width:150px;}

/* --------------------------------- */
legend {
  font-size:     12px;
  font-style:    italic;
  font-weight:   bold;
  color:         #3264FF;
  vertical-align:middle;
}


.helpclass {
  display: none;
  text-align:center;
  padding:0px;
}

.thematictree1 {  
  font-size:8pt;
  font-weight:bold;
  text-align:left; 
}
.thematictree2 {  
  font-size:8pt;
  font-weight:normal;
  text-align:left; 
}

div#sliderInput {
  
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  horizontal-align:left; 
  
  padding:0px;
}
.sliderClass {
  height:30px;
  padding:0px;
  font-weight:bold; 
}