/* CSS Document */

.ui-menu { 
    overflow: hidden;
}
.ui-menu .ui-menu {
    overflow: visible !important;
}
.ui-menu > li { 
    float: left;
    display: block;
    width: auto !important;
}
.ui-menu ul li {
    display:block;
    float:none;
}
.ui-menu ul li ul {
    left:170px !important;
    width:100%;
}
.ui-menu ul li a[role=menuitem]
{
	width: 145px;
}
.ui-menu ul li ul li
{
	width: 100%;
}
#main_menu ul.ui-widget.ui-widget-content
{
	width: 170px;
}
.ui-menu ul li ul li {
    width:auto;
}
.ui-menu ul li ul li a {
    float:left;
}
.ui-menu > li {
    margin: 5px 5px !important;
    padding: 0 0 !important;
}
.ui-menu > li > a { 
    float: left;
    display: block;
    clear: both;
    overflow: hidden;
}
.ui-menu .ui-menu-icon { 
    margin-top: 0.3em !important;
}
.ui-menu .ui-menu .ui-menu li { 
    float: left;
    display: block;
}
#main_menu .ui-menu-icon{display: none;}
#main_menu.ui-menu .ui-menu-item{padding: 3px 3px 3px 3px;}

.ui-menu .ui-menu-item-wrapper
{
	padding: 3px 6px 3px 6px;
	transition: 	background-color 0.5s;
}