/* xCollapsible/xMenu5 Demo */

/* Common */

.xMenu {
  margin:0; padding:0;
}

#xm5 li a {
  text-align:right;
  font-size:x-small;
}
.xMenu li a, .xMenu li a:link, .xMenu li a:visited, .xMenu li a:active {
  background:transparent;
  display:block;
  text-decoration:none;
  margin:0; padding:2px 0 2px 0;
  border-bottom:1px solid #ccc;
}
#clpsUL1 li a:hover {
  background:#FFF6F0;
  display:block;
  border-bottom:1px solid #CFD4E6;
  text-decoration:none;
  margin:0; padding:2px 0 2px 0;
}
#xm5 li a:hover {
  background:#eef;
  display:block;
  border-bottom:1px solid #BF8660;
  text-decoration:none;
  margin:0; padding:2px 0 2px 0;
  text-align:right;
}

/* xCollapsible */

#clpsUL1 ul {
  margin:0; padding:0;
  border-left:1px solid #CFD4E6;
  background:#eef;
  cursor:pointer;
}
#clpsUL1 li {
  margin:0px 0 0px 0;
  padding:0px 18px 0px 0px;
  list-style-type:none;
  color:white;
/*  list-style-position:outside;*/
  font-size:small;
}
#clpsUL1 span { /* label */
  display:block;
  font-weight:bold;
  font-size: 10pt;
  height:15px;
  padding:2px;
  background:#004278;
  cursor:pointer;
}
#a.topp { /* label */
  display:block;
  font-weight:bold;
  height:15px;
  padding:2px;
  color:#ffffff;
  background:#004278;
  cursor:pointer;
}
/* xMenu5 */

#xm5 ul {
  position:relative;
  margin:0; padding:0;
  border-right:1px solid #BF8660;
  background:#FFF6F0;
  cursor:pointer;
}
#xm5 li {
  position:relative;
  margin:0px 0 0px 0;
  padding:1px 10px 1px 10px;
  list-style-type:none;
}
.xMenuLbl {
  font-weight:bold;
  margin:0px; padding:2px;
  background:#BF8660;
  cursor:default;
  text-align:right;
  font-size:x-small;
}
.xMenuBtn {
  position:absolute;
  left:0px; top:1px;
  margin:0; padding:2px;
  font-weight:bold;
  background:#BF8660;
  cursor:pointer;
  width:1em;
  font-size:x-small;
}

/* Layout rules for the demo */

#demoContainer {
  position:relative;
  overflow:visible;
  margin:0; padding:0;
  height:250px;
}
#clpsUL1Container {
  position:absolute;
  overflow:visible;
  margin:0; padding:0;
  left:0; top:0;
  width:170px;
}
#xm5Container {
  position:absolute;
  overflow:visible;
  margin:0; padding:0;
  left:300px; top:0;
  width:240px;
}

.btn {
  cursor:pointer;
  border-bottom:1px dotted #BF8660;
}

/* xCollapsible DIV #2 */

.clpsUL2 {
  width: 100%;
  margin: 1em 0 3em 0;
  padding: 0px 0.5em;
  position:relative;
  background: #fff none;
}

.clpsUL2 span { /* label */
  display:block;
  font-weight:bold;
  padding:2px;
  background:#CFD4E6;
  cursor:pointer;
}

.clpsUL2 li {
  margin: 0;
  padding: 0;
  float: left;

  position:relative;
  width: 7em;
  margin-right: 1em;
  margin-left:0;
  background: #fff none;
/*      background:transparent; */
  text-align: center;
}

.clpsUL2 a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.clpsUL2 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
}

.clpsUL2 ul li ul {
  position:absolute;
  display:none;
  left:0; top:1.5em;
}
.clpsUL2 ul li ul li {
  color:#000;
  background:#FFF6F0;
  border-left:1px solid #CFD4E6;
}

/* second level */

.clpsUL2 ul li ul li ul {
  position:absolute;
  display:none;
  left:7em; top:0;
}
.clpsUL2 ul li ul li ul li {
  color:#000;
  background:#FFF6F0;
  border-left:1px solid #CFD4E6;
}