/* --------------------------------------------------------------------------- */
/* Sidebar
/* --------------------------------------------------------------------------- */
#navigator {
  background: #85e;
  height: 100%;
  right: 0px;
  top: 0px;
  width: 1px;
  position: fixed;
  overflow: auto;
  background-image: url(sidebar_c_bkg.png);
  background-repeat: repeat-y;
  z-index:100;
  font-family: arial, helvetica, sans-serif;
  font-size:14px;
}

#handle_navigator {
  width: 1px;
  height: 100%;
  background-color: #575;
  background-image: url(sidebar_h_bkg.png);
  background-repeat: repeat-y;
  position: fixed;
}

#handle_selector {
  width: 1px;
  height: 100%;
  background-color: #575;
  background-image: url(sidebar_h_bkg.png);
  background-repeat: repeat-y;
  position: fixed;
}

#handle_img_navigator {
    position: absolute;
    top: 65px;
    left: -20px;
}

#handle_img_selector {
    position: absolute;
    top: 108px;
    left: -20px;
}

/* --------------------------------------------------------------------------- */
/* Navigator
/* --------------------------------------------------------------------------- */
#nav_content {
  color: #334;
  position: absolute;
  height: 100%;
  border: 0px solid yellow;
  top: 0px;
  left: 1px;
}

#pb_navigator {
/*  width: 100%;*/
  width: 250px;
  font-size: inherit;
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #333;
}

#pb_navigator ul {
  font-size: inherit;
  margin: 0;
  padding: 0px;
  list-style-type: none;
}

#pb_navigator ul li {
  margin-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#pb_navigator ul li:hover {
    /* background-color:#F3F3F3; */
}

#pb_navigator .panelbar_option {
  width: 100%;
  height: 20px;
  color: #777;
  font-size: 9pt;
  font-weight: bold;
  margin: 0;
  /* padding: 0; */
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  background-image: url(panelbar_t_bkg.png);
  background-repeat: repeat-x;
  padding-left: 12px;  /* essential for Opera */
}

#pb_navigator .panelbar_option:hover {
  /* color: #000; */
}

#pb_navigator .panelbar_option_upper {
}

#pb_navigator .panelbar_option_lower {
}

#pb_navigator .panelbar_content {
  font-size: 9pt;
  /*
  background-image: url(sidebar_c_bkg.png);
  background-repeat: repeat-y;
  */
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------------------------------- */
/* Class Selector
/* --------------------------------------------------------------------------- */
#nav_class_selector {
  color: #334;
  position: absolute;
  height: 100%;
  border: 0px solid yellow;
  top: 0px;
  left: 1px;
}

#pb_selector {
/*  width: 100%;*/
  width: 250px;
  font-size: inherit;
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #333;
}

#pb_selector ul {
  font-size: inherit;
  margin: 0;
  padding: 0px;
  list-style-type: none;
}

#pb_selector ul li {
  margin-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#pb_selector ul li:hover {
    /* background-color:#F3F3F3; */
}

#pb_selector .panelbar_option {
  width: 100%;
  height: 20px;
  color: #777;
  font-size: 9pt;
  font-weight: bold;
  margin: 0;
  /* padding: 0; */
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  background-image: url(panelbar_t_bkg.png);
  background-repeat: repeat-x;
  padding-left: 12px;  /* essential for Opera */
}


#pb_selector .panelbar_option:hover {
  /* color: #000; */
}

#pb_selector .panelbar_option_upper {
}

#pb_selector .panelbar_option_lower {
}

#pb_selector .panelbar_content {
  font-size: 9pt;
  /*
  background-image: url(sidebar_c_bkg.png);
  background-repeat: repeat-y;
  */
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

.selector_item_img {
  margin-right: 4px;
  vertical-align: text-bottom;
}



.buttonmenu{
    text-align:center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 250px;
}

.buttonmenu li a{
    color:#5B5B5B;
    display: block;
    width: 250px;
    padding: 2px 4px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid;
    border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
    background-color:#97CBFF;
    text-decoration:none;
}


.buttonmenu li a:visited{
    color:#5B5B5B;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
    color:#5B5B5B;
    background-color:#71B8FF;
}