/*======================================================================*\
|| #################################################################### ||
|| # Package - YJ Vertical Menu									        ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
ul.yj-vertical-menu {
	margin:0!important;
	padding:0!important;
	width:auto;
	list-style:none;
	position:relative;
	z-index:1000;
}
/* clearing */
ul.yj-vertical-menu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
/* li's */
ul.yj-vertical-menu li{
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:inline;
	margin:0;
	float:left;
	background:none;
}
ul.yj-vertical-menu li:hover{
	background:none;
}
/* li ul's */
ul.yj-vertical-menu li ul {
    border:1px solid #D4D4D4;
	border-bottom:none;
	
}
/* sub haschilds ul's */
ul.yj-vertical-menu ul {
	margin:0!important;
	padding:0!important;
	-webkit-padding-start:0;
	-webkit-padding-end:0;
	position:absolute;
	display:none;
	z-index:1000;
}
/* a elements */
ul.yj-vertical-menu li a {
	height:32px;
	line-height:32px;
	text-indent:15px;
	background:#fff;
	border-bottom: 1px solid #D4D4D4;
	display:block;
	padding:0;
	margin:0;
	position:relative;
	text-decoration:none;
}
/* hover and actives */
ul.yj-vertical-menu li a.isactivea,
ul.yj-vertical-menu li a:hover,
ul.yj-vertical-menu li a:active,
ul.yj-vertical-menu li a:focus{
	background: #f5f5f5!important;
	color: #121212!important;
}
/* has childs */
li.yj-vertical-menu-has-horizontal > a:after {
	content: "";
	display: block;
	height:5px;
	width:5px;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#ccc;
	position:absolute;
	top:12px;
	right:10px;
}
/* flyoutleft */
ul.yj-vertical-menu.flyoutleft li.yj-vertical-menu-has-horizontal > a {
	text-indent:25px;
}
ul.yj-vertical-menu.flyoutleft li.yj-vertical-menu-has-horizontal > a:after {
	right:auto;
	left:10px;
}
.clear-parents{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}