/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel_side, a.mainlevel_active_side, a.mainlevel_current_side,
a.mainlevel_side:link, a.mainlevel_active_side:link, a.mainlevel_current_side:link,
a.mainlevel_side:visited, a.mainlevel_active_side:visited, a.mainlevel_current_side:visited {
	color: #363636;
	text-align: left;
}

a.mainlevel_side:hover, a.mainlevel_active_side:hover, a.mainlevel_current_side:hover {
	background-color: #E0E0E0;
	text-align: center;
}

a.sublevel_side, a.sublevel_active_side, a.sublevel_current_side,
a.sublevel_side:link, a.sublevel_active_side:link, a.sublevel_current_side:link,
a.sublevel_side:visited, a.sublevel_active_side:visited, a.sublevel_current_side:visited {
	color: #363636;
	background-color: #EDEDED;
	text-indent: 15px;
}

a.sublevel_side:hover, a.sublevel_active_side:hover, a.sublevel_current_side:hover {
	background-color: #E0E0E0;
}

ul.mainlevel_side ul ul a.sublevel_side, ul.mainlevel_side ul ul a.sublevel_active_side, ul.mainlevel_side ul ul a.sublevel_current_side,
ul.mainlevel_side ul ul a.sublevel_side:link, ul.mainlevel_side ul ul a.sublevel_active_side:link, ul.mainlevel_side ul ul a.sublevel_current_side:link,
ul.mainlevel_side ul ul a.sublevel_side:visited, ul.mainlevel_side ul ul a.sublevel_active_side:visited, ul.mainlevel_side ul ul a.sublevel_current_side:visited {
	background-color: #fff;
	color: #555;
	border: 2px solid #ccc;
}

ul.mainlevel_side ul ul a.sublevel_side:hover, ul.mainlevel_side ul ul a.sublevel_active_side:hover, ul.mainlevel_side ul ul a.sublevel_current_side:hover {
	background-color: #fff;
	color: #f00;
	border: 2px solid #f00;
}

/** customize style / layout here */
a.mainlevel_side, a.mainlevel_active_side, a.mainlevel_current_side, span.mainlevel_side,
a.mainlevel_side:link, a.mainlevel_active_side:link, a.mainlevel_current_side:link,
a.mainlevel_side:visited, a.mainlevel_active_side:visited, a.mainlevel_current_side:visited,
a.mainlevel_side:hover, a.mainlevel_active_side:hover, a.mainlevel_current_side:hover {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 4px;
}

a.sublevel_side, a.sublevel_active_side, a.sublevel_current_side, span.sublevel_side,
a.sublevel_side:link, a.sublevel_active_side:link, a.sublevel_current_side:link,
a.sublevel_side:visited, a.sublevel_active_side:visited, a.sublevel_current_side:visited,
a.sublevel_side:hover, a.sublevel_active_side:hover, a.sublevel_current_side:hover {
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 4px;
}


a.mainlevel_side, a.mainlevel_active_side, a.mainlevel_current_side, span.mainlevel_side {
	margin: 0px;
	padding: 4px;
}

a.sublevel_side, a.sublevel_active_side, a.sublevel_current_side, span.sublevel_side {
	font-size: 10px;
}

#active_menu_side,
a.mainlevel_active_side, a.mainlevel_current_side,
a.mainlevel_active_side:link, a.mainlevel_current_side:link,
a.mainlevel_active_side:visited, a.mainlevel_current_side:visited,
a.mainlevel_active_side:hover, a.mainlevel_current_side:hover,
a.sublevel_active_side, a.sublevel_current_side,
a.sublevel_active_side:link, a.sublevel_current_side:link,
a.sublevel_active_side:visited, a.sublevel_current_side:visited,
a.sublevel_active_side:hover, a.sublevel_current_side:hover {
}

#active_menu_side{
	background: #ced1b4;
}

ul.mainlevel_side, ul.mainlevel_side ul{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

ul.mainlevel_side, .mainlevel_side ul {
	list-style: none;
}

ul.mainlevel_side {
	float:left;
	width:auto;
	z-index: 200;
}

ul.mainlevel_side ul {
	z-index: 200;
}

ul.mainlevel_side ul ul {
	z-index: 200;
}


ul.mainlevel_side li {
	list-style: none;
	float: left;
	position: relative;
	background: #EDEDED;
	width: 170px;
	border-top: 2px solid #ffffff;
}

ul.mainlevel_side li li {
	position: relative;
	width: 170px;
}

ul.mainlevel_side li li ul {
	left: 10em;
	top: 0;
}

ul.mainlevel_side ul {
	left: 0;
}

ul.mainlevel_side li > ul {
	top: 0px;
	left: 170px;
}

/* Controle Displaying */
div.menu_side{
	position: relative;
	float:right;
	background:#fff;
	border-left: 2px solid #ffffff;
	z-index: 100;
}

ul.mainlevel_side li:hover ul,
ul.mainlevel_side li.hover ul {
	display: block;
}


ul.mainlevel_side li:hover ul ul,
ul.mainlevel_side li.hover ul ul {
	display: none;
}

ul.mainlevel_side li:hover ul li:hover ul,
ul.mainlevel_side li.hover ul li.hover ul {
	display: block;
}


ul.mainlevel_side, ul.mainlevel_side li li {
	clear: left;
}

/** separator */
span.mainlevel_side, span.sublevel_side {
	border-width: 0px;
	padding: 4px;
}