/*--------------------------------------------------------------
 # Copyright (C) joomla-monster.com
 # License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
 # Website: http://www.joomla-monster.com
 # Support: info@joomla-monster.com
 ---------------------------------------------------------------*/
/***********menus styles**********/

/***default module menu***/
ul.menu{
	 display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
	 font-size: 11px;
	 line-height: 15px;
	}

ul.menu li {
    display: block;
    background: url(../images/menu-separator-trans.png) bottom center no-repeat;
    padding-bottom: 3px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}

ul.menu li a:link, 
ul.menu li a:visited, 
ul.menu li span.separator {
    display: block;
    background: #000 url(../images/menu-dot.png) top left no-repeat;
    color: #fff;
    padding: 7px 10px 9px 25px;
    cursor: pointer;
    text-decoration: none;
}

ul.menu li a:hover {
	background: #fff url(../images/menu-dot-hover.png) top left no-repeat;
    color: #000;
    text-decoration: none;
}

ul.menu li.active a {
    background: #fff url(../images/menu-dot-active.png) top left no-repeat;
    color: #C80000;
}

/********* Second level ********/

ul.menu li ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menu li ul li {
    background: none;
    margin: 0;
    padding: 0 0 0 9px;
}

ul.menu li ul li ul li{
    background: none;
    margin: 0;
    padding: 0 0 0 17px;
}

ul.menu li ul li a:link, 
ul.menu li ul li a:visited, 
ul.menu li ul li.active a, 
ul.menu li ul li.active li a, 
ul.menu li ul li.active li li a, 
ul.menu li ul li.active li li li a {
	background: url(../images/submenu-dot.png) top left no-repeat;
	background-position: 0px 8px;
   	color: #fff;
   	padding: 4px 10px 4px 16px;
}

ul.menu li ul li a:hover,
ul.menu li ul li li a:hover,
ul.menu li ul li li li a:hover,
ul.menu li ul li li li li a:hover,
ul.menu li ul li li li li li a:hover {
	background: url(../images/submenu-dot.png) top left no-repeat;
	background-position: 0px 8px;
   	color: #fff;
   	text-decoration: underline;
}

ul.menu li ul li.active a, 
ul.menu li ul li li.active a,
ul.menu li ul li li li.active a, 
ul.menu li ul li li li li.active a, 
ul.menu li ul li li li li li.active a {
    background: url(../images/submenu-dot-active.png) top left no-repeat;
    background-position: 0px 8px;
    color: #C80000;
}

/***module menu with gray suffix***/

.jm-moduletable.gray ul.menu li ul li {
	background: none;
}

.jm-moduletable.gray ul.menu li a:link, 
.jm-moduletable.gray ul.menu li a:visited, 
.jm-moduletable.gray ul.menu li span.separator {
    background: #333333 url(../images/menu-dot.png) top left no-repeat;
}

.jm-moduletable.gray ul.menu li a:hover {
	background: #fff url(../images/menu-dot-hover.png) top left no-repeat;
}

.jm-moduletable.gray ul.menu li.active a {
    background: #fff url(../images/menu-dot-active.png) top left no-repeat;
}

.jm-moduletable.gray ul.menu li ul li a:link, 
.jm-moduletable.gray ul.menu li ul li a:visited, 
.jm-moduletable.gray ul.menu li ul li.active a, 
.jm-moduletable.gray ul.menu li ul li.active li a, 
.jm-moduletable.gray ul.menu li ul li.active li li a, 
.jm-moduletable.gray ul.menu li ul li.active li li li a {
	background: url(../images/submenu-dot.png) top left no-repeat;
	background-position: 0px 8px;
	color: #fff;
}

.jm-moduletable.gray ul.menu li ul li a:hover,
.jm-moduletable.gray ul.menu li ul li li a:hover,
.jm-moduletable.gray ul.menu li ul li li li a:hover,
.jm-moduletable.gray ul.menu li ul li li li li a:hover,
.jm-moduletable.gray ul.menu li ul li li li li li a:hover {
	background: url(../images/submenu-dot.png) top left no-repeat;
   color: #fff;
   background-position: 0px 8px;
   text-decoration: underline;
}

.jm-moduletable.gray ul.menu li ul li.active a, 
.jm-moduletable.gray ul.menu li ul li li.active a,
.jm-moduletable.gray ul.menu li ul li li li.active a, 
.jm-moduletable.gray ul.menu li ul li li li li.active a, 
.jm-moduletable.gray ul.menu li ul li li li li li.active a {
    background: url(../images/submenu-dot-active.png) top left no-repeat;
    background-position: 0px 8px;
    color: #C80000;
}

/***module menu with lightgray suffix***/

.jm-moduletable.lightgray ul.menu li ul li {
	background: none;
}

.jm-moduletable.lightgray ul.menu li a:link, 
.jm-moduletable.lightgray ul.menu li a:visited, 
.jm-moduletable.lightgray ul.menu li span.separator {
    background: #cdcdcd url(../images/menu-dot-hover.png) top left no-repeat;
    color: #333333;
}

.jm-moduletable.lightgray ul.menu li a:hover {
	background: #9c9a9a url(../images/menu-dot.png) top left no-repeat;
}

.jm-moduletable.lightgray ul.menu li.active a {
    background: #fff url(../images/menu-dot-active.png) top left no-repeat;
}

.jm-moduletable.lightgray ul.menu li ul li a:link, 
.jm-moduletable.lightgray ul.menu li ul li a:visited, 
.jm-moduletable.lightgray ul.menu li ul li.active a, 
.jm-moduletable.lightgray ul.menu li ul li.active li a, 
.jm-moduletable.lightgray ul.menu li ul li.active li li a, 
.jm-moduletable.lightgray ul.menu li ul li.active li li li a {
	background: url(../images/submenu-dot-hover.png) top left no-repeat;
	background-position: 0px 8px;
	color: #333333;
}

.jm-moduletable.lightgray ul.menu li ul li a:hover,
.jm-moduletable.lightgray ul.menu li ul li li a:hover,
.jm-moduletable.lightgray ul.menu li ul li li li a:hover,
.jm-moduletable.lightgray ul.menu li ul li li li li a:hover,
.jm-moduletable.lightgray ul.menu li ul li li li li li a:hover {
	background: url(../images/submenu-dot-hover.png) top left no-repeat;
    color: #000;
    background-position: 0px 8px;
}

.jm-moduletable.lightgray ul.menu li ul li.active a, 
.jm-moduletable.lightgray ul.menu li ul li li.active a,
.jm-moduletable.lightgray ul.menu li ul li li li.active a, 
.jm-moduletable.lightgray ul.menu li ul li li li li.active a, 
.jm-moduletable.lightgray ul.menu li ul li li li li li.active a {
    background: url(../images/submenu-dot-active.png) top left no-repeat;
   background-position: 0px 8px;
    color: #C80000;
}


