/**
 * @version 1.1 Beta $Id: hxdmoomenu.css 2009-08-16 HxD $
 * @package    HXD MooMenu
 * @subpackage Modules
 * @link http://www.hexadesigners.com
 * @license	GNU/GPL, see LICENSE.php
 * HXD MooMenu is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License 2
 * as published by the Free Software Foundation.

 * HXD MooMenu is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with HXD MooMenu; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

/*** HINTS:
		1) If you want to have multiple HxD MooMenu, copy the code betweeen the comment lines  				
		   "Copy from here" and "Copy upto here" and paste in the end of file and override CSS(follow HINT 2,3)
		2) Change the DIV Tag ID '#hxdmoomenu' as you define in the moule parameter "Menu Holder Div ID".
		   Example: If your type "moomenu2" as "Menu Holder Div ID" module parameter, then change 
		   #hxdmoomenu to #moomenu2
	    3) Change the Parent UL Class name ".menuhxdmenu" as you define in the module parameter 
	       "Menu Class Suffix".
	       Example: If your type "hxdmenu2" as "Menu Class Suffix" module parameter, then change 
		   .menuhxdmenu to .menuhxdmenu2
	  
	For detailed document check the following link: 
	http://www.hexadesigners.com/docs/joomla/hxd-moomenu.html ***/

/*** Copy from here ***/
/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/
.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}
div#hxdmoomenu{
z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu  ul{background:#fff;
padding:0;}
.menuhxdmenu  li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}
.menuhxdmenu  li:hover ul,
.menuhxdmenu  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu  li:hover li ul,
.menuhxdmenu  li.sfHover li ul,
.menuhxdmenu  li li:hover li ul,
.menuhxdmenu  li li.sfHover li ul,
.menuhxdmenu  li li li:hover li ul,
.menuhxdmenu  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu  li li:hover ul,
.menuhxdmenu  li li.sfHover ul,
.menuhxdmenu  li li li:hover ul,
.menuhxdmenu  li li li.sfHover ul,
.menuhxdmenu  li li li li:hover ul,
.menuhxdmenu  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#hxdmoomenu{
}

#hxdmoomenu ul{  	/* ANNIKA changing  menu ul area bg */
        list-style: none;
	/* margin: 0; */
	margin-left:3px; /* ANNIKA to push menu buttons right */
	margin-top:66px;
	padding: 0; 
	/* background-color: black; */ /* ANNIKA bg behind menu buttons*/
	width: 100%;
}		

#hxdmoomenu ul li{           /* this is the main manu area */
        list-style: none;
	float: left;
	padding:0;
	margin:0;
	display:block;
	overflow: visible;   /* ANNIKA */
        width:95px; 
	height:30px;
        /* border: 1px solid #353535;  */
}

/* ANNIKA this is for the big main 1st level menu buttons */
#hxdmoomenu ul li a{
        list-style: none;
	display:block;
	float: left;
	padding: 0 8px;  /* ANNIKA left padding for each menu text 'button' */
        /* color: #ff8040; */
	 color: white; 
	font-family; Candara, Calibri, Arial, Verdana; /* ANNIKA */

  	font-size: 18px;
	letter-spacing: 2px;
        text-decoration:none; /* no link underline */
	line-height: 30px;
	width:79px; /* making the on-click box the same size as button */
	outline-style: none; -moz-outline-style:none;
	/* text-align: center;*/   /* ANNIKA line-height to get li a text at bottom of button */
	/* margin:0;*/
	/* background-color: black; */
        /* background-image:url(grey_button.jpg);*/
        /* background-position:144px 0;*/

}		

/* ANNIKA when mouse hovering over main 1st level big buttons' text */
/* #hxdmoomenu ul li a:hover ,#hxdmoomenu a:active { */
#hxdmoomenu ul li a:hover {
        list-style: none;
	background-position:0 0;
	display:block;
        color: #ff8040;
	/* color: white; */
	font-weight: bold;
/* ANNIKA not needed - otherwise menu button will show smaller when hovering */

}

/* #hxdmoomenu ul li#current a { color: #999; }*/   /* ANNIKA TODO: change 2nd level menu active/current too */
/* #hxdmoomenu li.active a { display:block; } */

/* ********************************** */
/* ANNIKA this is all 2nd level menus */
/* ********************************** */

#hxdmoomenu li ul {
        list-style: none;
	margin-top:5px; /* this decides where the 2nd level sub-menu will appear */
	margin-left:auto;
	width:200px; /* width of 2nd level sub menus */
	border: 1px solid #d0d0d0; 
	/* border: none; */
}

#hxdmoomenu ul ul ul {
        list-style: none;
	margin-top:10px;
	margin-left:-10px;
	border: none;
}

#hxdmoomenu ul ul li{ /* 2nd level menu - if adding padding/margin, will push bg image too.. */
	display:block;
	text-align:left;
	width:200px; /* width of 2nd level sub menus */
	height: 21px;
	border: none;
	/*border-bottom: 1px solid #d0d0d0;  */
}

#hxdmoomenu ul ul li a{/* ANNIKA 2nd level  narrow buttons' text */
	display:block;
	color: #555555;
	font-weight;normal;
        font-family: calibri;
        font-size: 14px;
  	font-weight: normal;
        text-align: left;   /* ANNIKA text-align and line-height to get li a text at bottom of button */
	line-height: 17px; 
	padding-left: 6px;
	border: none;
	/* border: 1px solid white; */
	/* background-image:url(grey_button.jpg);*/
}

#hxdmoomenu ul ul li a:hover{ /* ANNIKA when hovering over 2nd level little buttons' text */
	color: #ff8040;
	font-weight: bold;
	/* color: #3b3b3b;*/
}
/* #hxdmoomenu li.active li a,  { color: #999;  } */

#hxdmoomenu ul ul li a:hover,
#hxdmoomenu ul li.active.parent ul a:hover {
	display:block;
	/* color: #999; */ /* ANNIKA TODO change active/currents.. */
}
/*** Copy upto here ***/