/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	color: #333;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	background: #eee;
	border: 1px solid #fff;
	border-bottom: 0;
	border-top: 0;
	color: #333;
	margin-top: -5px;
	margin-left: 4px;
}

#ja-cssmenu li ul ul {
	border-top: 1px solid #ccc;
}

#ja-cssmenu li ul li, #ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active {
	background: url(../../images/border-6.gif) repeat-x scroll left top;
}

#ja-cssmenu li a {
	padding: 0;
}

#ja-cssmenu li ul a {
	padding: 5px 0;
}

#ja-cssmenu ul a {
	width: auto;
}

#ja-cssmenu li li a.haschild span.menu-title {
	background: url(../../images/arrow-1.png) 97% center no-repeat !important;
}

#ja-cssmenu li {
	background: url(../../images/border-2.gif) left bottom no-repeat;
	padding-left: 2px;
	height: 55px;
}

#ja-cssmenu li:first-child {
	padding-left: 0;
	background: none;
}

#ja-cssmenu li li {
	height:  auto;
	padding-left: 0;
}

#ja-cssmenu li li.sfhover {
	background: #4080bf url(../../images/grad-2.gif) left bottom repeat-x;
}
 
#ja-cssmenu li li a.sfhover span {
  	color: #fff;
}

#ja-cssmenu li a span {
	padding: 0 20px 10px 10px;
	line-height: 40px;
	margin-left: 10px;
}

#ja-cssmenu li li a span {
	padding: 0 5px;
	line-height: 20px;
	color: #777;
	margin-left: 0;
}

#ja-cssmenu li.sfhover a,
#ja-cssmenu li.parent a.sfhover,
#ja-cssmenu li.parent a:hover, 
#ja-cssmenu li.parent a:active, 
#ja-cssmenu li.parent a:focus {
	background: url(../../images/nav-left.png) no-repeat left top;
}

#ja-cssmenu li.sfhover a span,
#ja-cssmenu li.parent a.sfhover span,
#ja-cssmenu li.parent a:hover span, 
#ja-cssmenu li.parent a:active span, 
#ja-cssmenu li.parent a:focus span{
	background: url(../../images/nav-right.png) no-repeat right top;
	color: #808080;
}

#ja-cssmenu li.sfhover li a, 
#ja-cssmenu li.parent li a.sfhover,
#ja-cssmenu li.parent li a:hover, 
#ja-cssmenu li.parent li a:active, 
#ja-cssmenu li.parent li a:focus,
#ja-cssmenu li.sfhover li a span, 
#ja-cssmenu li.parent li a.sfhover span,
#ja-cssmenu li.parent li a:hover span, 
#ja-cssmenu li.parent li a:active span, 
#ja-cssmenu li.parent li a:focus span,
#ja-cssmenu li.active a.sfhover,
#ja-cssmenu li.active a:hover, 
#ja-cssmenu li.active a:active, 
#ja-cssmenu li.active a:focus,
#ja-cssmenu li.active a span, 
#ja-cssmenu li.active a.sfhover span,
#ja-cssmenu li.active a:hover span, 
#ja-cssmenu li.active a:active span, 
#ja-cssmenu li.active a:focus span{
	background: none;
}

#ja-cssmenu li.active a.active,
#ja-cssmenu li.active a.sfhover {
	background: url(../../images/arrow-down.png) center bottom no-repeat;
	color: #fff;
}

#ja-cssmenu li.active li.active a.active span {
	color: #777;
	font-weight: bold;
}

#ja-cssmenu li.active a.active.sfhover span,
#ja-cssmenu li.active li.active a.sfhover span {
	color: #fff;
}

.group-content h4 {
	font-size: 90%; 
}

#ja-cssmenu li ul li a {
	background: url(../../images/bullet-1.png) 15px 13px no-repeat !important;
	padding-left: 20px;
}

#ja-cssmenu li ul li a:hover {
	background: url(../../images/bullet-2.png) 15px 13px no-repeat !important;
}

#ja-cssmenu li ul li div.group-title a, #ja-cssmenu ul li ul li .ja-moduletable a {
	background: none !important;
	padding: 0 !important;
}