/** 
 * NAVIGATION
 */







/* new */
.nav-btn-group .button {
  background-color: white;
  border: none;
  outline: none;
  color: #CCC;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  float: left;
}

.nav-btn-group .button:hover {
  border: none;
  color: darkgrey;
}

.nav-btn-group .button:active {
    border: none;
    color: #333;
}

.tabactive {
    color: #333 !important;
    background-color: lightgrey;
}

.subnav-btn-group .button {
  /*background-color: #CCC;*/
  border: none;
  outline: none;
  color: #333;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  float: left;
}

.subnav-btn-group .button:hover {
  border: none;
  color: darkgrey;
}

.subnav-btn-group .button:active {
    border: none;
    color: white;
}

.subtabactive {
    color: white !important;
}

/* old */
.nav {
    width: auto;
    height: 90px;
    display: inline-block;
    position: relative;
}

.navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}


.navigation li {
    height:30px;
    margin: 0;
    padding: 5px 20px 5px 0;
    float: left;
}

.navigation li a {
    text-decoration: none;
    color: #CCC; 
    font-size: 18px;
    font-weight: bold;
}

.navigation li a:hover {
    text-decoration: none;
    color: #999; 
}

.navigation li a.active {
    color: #000; 
}

.subnavigation {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    margin-top:5px !important;
    margin-top:30px ;
    left: 0;
}

.subnavigation li{
    margin: 0;
    padding: 0;
    float: left;
    background: #E0E0E0;
}

.subnavigation li:hover {
    background: #CCC;
}

.subnavigation li a{
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #333;
    padding: 8px;
    display:block;
}

.subnavigation li.active{
    text-decoration: none;
    color: #333;
    background: #666;
}

.subnavigation li.active a{
    color: #FFF;
}

.subsubnavigation {
    width: 887px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    background: #666;
    position: absolute;
    left: 0;
    top: 30px;
}

.subsubnavigation li{
    margin: 0;
    padding: 0;
    float: left;
    background: none;
}

.subsubnavigation li a{
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #999 !important;
    padding: 8px;
    display:block;
}

.subsubnavigation li:hover a{
    color: #CCC !important;
    background: #666 !important;
}

.subsubnavigation li.active a{
    color: #FFF !important;
}

.search {
    width: auto;
    float: right;
    text-align: right;
    padding: 10px 20px;
}

.search span {
    

    margin: 0 10px 0 20px;
}

td.tab_active {border:1px solid #a0a0a0;border-bottom:0px;width:150px;font-weight:bold;text-align:left;padding:5px;}
td.tab_inactive {width:100px;background:#E3549C;font-weight:bold;text-align:left;padding:5px;border-bottom:1px dotted black;}
td.tab_inactive a {text-decoration:none;color:white;font-weight:bold;}
td.tab_active a {text-decoration:none;color:black;font-weight:bold;}
td.tab_spacer {width:10px;border-bottom:1px dotted black;}
td.tab_spacer2 {border-bottom:1px dotted black;}