
/* MENU LIST IN CONTENTAREA */

.menu-list-left {
	float:left;
	display:block;
	height:100%;
	width:50%;
	padding: 0px 20px 20px 20px;
}

.menu-list-right {
	display:block;
	height:100%;
}

.menu-list-title,
.menu-list-title a,
.menu-list-title a:hover,
.menu-list-title a:visited,
.menu-list-title a:link {
	font-weight:bold;
	color:#422F33;
	font-size: 10px;
	text-decoration:underline;
}

.menu-list-desc {
  color:#000;
}


/* END LIST IN CONTENTAREA */

/* START MENU LEFT */

div.menu-left {
 background: #01ACA4;
  height: 100%;
  width: 100%;
  margin: 0px 3px 3px 0px;
  position: relative;
  min-height: 400px;
}

div.menu-left span.icon {
  width:7px;
  height:7px;
  top:7px;
  right:10px;
  position:absolute;
}

div.menu-left div.header {
}

div.menu-left ul.menu {
    margin: 0px; 
  padding: 0px;
  list-style-type: none;
  font-size: 10px;
  position: relative;

}

/* SEPARATORS */

div.menu-left ul li.menu-item a.separator:hover, 
div.menu-left ul li.menu-item a.separator:visited, 
div.menu-left ul li.menu-item a.separator {
	height:20px;
    cursor:default;
}

div.menu-left ul.menu-depth-0 ul li.menu-item a.separator:hover, 
div.menu-left ul.menu-depth-0 ul li.menu-item a.separator:visited, 
div.menu-left ul.menu-depth-0 ul li.menu-item a.separator {
	height:20px;
    cursor:default;

}


/* ICON IN MENU */
div.menu-left ul.menu {
  padding: 0px; 
  margin: 0px;
  list-style-type: none;
  font-size: 10px;
  position: relative;
  width:100%;
} 

div.menu-left ul.menu-depth-0 li.menu-item-hassub span.icon {
  background: url('../images/layout/menu_arrow_inactive.gif') no-repeat 2px 0px;
}

div.menu-left ul.menu-depth-0 li.menu-item-hassub span.menu-item-active {
  background: url('../images/layout/menu_arrow_active.gif') no-repeat 0px 0px;
}

div.menu-left ul.menu-depth-0 ul li.menu-item-hassub span.icon {
  background: none;
}

div.menu-left ul.menu-depth-1 ul.menu {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

div.menu-left ul.menu-depth-2 {
  border-bottom:1px solid #FFF;
}
div.menu-left ul.menu-depth-2 ul.menu {
  border-bottom:0px;
}

div.menu-left li.menu-item {
  margin: 0px; 
  padding: 0px;
  position: relative;
  width: 100%;
} 


/* links */

div.menu-left a {
 display: block;
  min-height: 16px;
  height: auto !important;
  height: 20px;
  width: 100%;
  margin-top: 0px !important;
  background: #01ACA4;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.menu-left ul.menu-depth-0 a,
div.menu-left ul.menu-depth-0 a:visited {
  color: #FFF;
  font-weight: bold;
  padding: 3px 2px 2px 7px;
  border-bottom: 1px solid #FFF;
}

div.menu-left ul.menu-depth-0 a:hover {
  color: #3A3532;
}

div.menu-left ul.menu-depth-0 a.menu-item-active,
div.menu-left ul.menu-depth-0 a.menu-item-active:visited {
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 2px 2px 7px;
  border-bottom: 1px solid #FFF;
  background-color: #FFB52E;
}

  

div.menu-left ul.menu-depth-1 {
  border-bottom:1px solid #FFF;
}

div.menu-left ul.menu-depth-1 a,
div.menu-left ul.menu-depth-1 a:visited {
  color: #3A3532;
  padding: 2px 2px 2px 10px;
  background-color: #F8D583;
  
    border-bottom: 0px;
     font-weight: normal;
}

div.menu-left ul.menu-depth-1 a:hover {
    border-bottom: 0px;
      font-weight: normal;
}

div.menu-left ul.menu-depth-1 a.menu-item-active,
div.menu-left ul.menu-depth-1 a.menu-item-active:visited {
  color: #3A3532;
  padding: 2px 2px 2px 10px;
  background-color: #FFF;
      border-bottom: 0px;
        font-weight: normal;
}

div.menu-left ul.menu-depth-2 {
  border-bottom:0px;
}

div.menu-left ul.menu-depth-2 a,
div.menu-left ul.menu-depth-2 a:visited,
div.menu-left ul.menu-depth-2 a:link,
div.menu-left ul.menu-depth-2 a.menu-item-active:visited,
div.menu-left ul.menu-depth-2 a.menu-item-active {
  height: 15px;
  padding: 2px 2px 0px 21px;
  border-bottom:0px;
}

div.menu-left ul.menu-depth-2 a.menu-item-active,
div.menu-left ul.menu-depth-2 a:hover {
  background: #FFF;
  color: #324476;
}


div.menu-left ul.menu-depth-3 a,
div.menu-left ul.menu-depth-3 a:visited,
div.menu-left ul.menu-depth-3 a:link {
  padding-left:28px;
}

div.menu-left ul.menu-depth-4 a,
div.menu-left ul.menu-depth-4 a:link,
div.menu-left ul.menu-depth-4 a:visited {
  padding-left:35px;
}

div.menu-left ul.menu-depth-5 a {
  padding-left:42px;
}

div.menu-left ul.menu-depth-6 a {
  padding-left:49px;
}


/* END MENU LEFT*/

/* END MENU LEFT */


div.menu-left a.editable {
  border-right: 2px solid #FFB52E;
}

div.menu-left a.editable:hover {
  border-left: 1px dashed #FFB52E;
  border-top: 1px dashed #FFB52E;
  border-bottom: 1px dashed #FFB52E;
  border-right: 2px solid #FFB52E;
}
