/*
	--------------------------------------
	    HORIZONTAL MENU
	--------------------------------------
*/
	div#pageMenu
	{
		padding-left: 0;
	}
	
	.hmenu
	{
		width:100%;								/* DO NOT EDIT; Width of the menu */
		height: 35px;							/* Height of menu area */
		background-color: #eee;				/* Background color of menu area */
		background-image: url(http://www.lifeportalen.se/inc/gfx/gfx_menu_bg.gif);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}
	

	
	.hmenu div.menuItem
	{	
		background-image: url(http://www.lifeportalen.se/inc/gfx/gfx_menu_bg.gif);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}
	
	.preTextIcon
	{
		background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_health.gif);
		background-repeat: no-repeat !important; 
		background-position: 10px 6px !important; 
		text-decoration: none !important;
		
		padding-left: 35px !important;
	}
	
	.hasSubArrow
	{
		background-image: url(http://www.lifeportalen.se/inc/gfx/gfx_menu_arrow.gif) !important;
		background-repeat: no-repeat !important; 
		background-position: 90% 0% !important;
		padding-right: 10px;
	}
	
	.hmenu a
	{
		color:#474747;								/* Text decoration for linked menu items */						
		display: block;							/* DO NOT EDIT; How to display the items (<li>) */
		border-width: 0px;						/* Border width for menu item */
		border-style: solid;					/* Border style for menu item */
		border-color: #ccc black black #ccc;	/* Border color for menu item (top, right, bottom, left) */
		white-space: nowrap;					/* Whether to word wrap item text or not (normal, pre, nowrap) */
		margin:0;								/* Margin of menu items */					
		padding:0px 8px;							/* Padding of menu items */
        line-height: 35px;
		font-size: 13px;
		text-decoration: none;
        width: 80px;
        height: 35px;
	}
	
    .hmenu .fitness a {
        width: 55px;
    }
    .hmenu .running a {
        width: 75px;
    }
    .hmenu .group a {
        width: 105px;
    }
    .hmenu .funktionellt a {
        width: 100px;
    }
    .hmenu .health2 a {
        width: 45px;
    }
    .hmenu .lifetv a {
        width: 55px;
    }
    .hmenu .halsoklubben a {
        width: 105px;
    }
    .hmenu .login a {
        width: 65px;
    }
    .hmenu .fitness a {
        width: 60px;
    }

	.hmenu a img
	{
		margin-left: 0px;							/* Padding of menu items */
	}
	
	.hmenu ul ul li {
		background-color:#FAFAFA;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #CFCFCF;
	}
	
	
	
	.hmenu ul
	{
		list-style:none;						/* DO NOT EDIT; List style type (none, square, upper-alpha, decimal, lower-roman) */
		margin:0;								/* DO NOT EDIT; Margin of entire menu tree (only this branch) */
		padding:0;								/* DO NOT EDIT; Padding of entire menu tree (only this branch) */
		float:left;								/* DO NOT EDIT; Float left */
		/*width:140px;							/* DO NOT EDIT; Width of 0-level menu branch */
		background-image: url(http://www.lifeportalen.se/inc/gfx/gfx_menu_spacer.gif);
		background-repeat: no-repeat;
		background-position: 100% 0%;
		
	}
	
	.hmenu li
	{
		position:relative;						/* DO NOT EDIT; Position of menu items */
        display: block;
        height: 100%;
        width: 100%;
		
	}
	
	.hmenu ul ul
	{
		position: absolute;						/* DO NOT EDIT; Position of sub <ul> */
		z-index: 500;							/* DO NOT EDIT; Z index of sub ul */
		top: auto;								/* DO NOT EDIT; Position from top */
		display: none;							/* DO NOT EDIT; Default displaying of sub ul */	
		width:180px !important;					/* Width of menu branch */		
	}
	
	.hmenu ul ul li {
		width: 180px;
	}
    .hmenu ul ul li a {
        width: 180px;
    }
	
	.hmenu ul ul ul
	{
		top:0;									/* DO NOT EDIT; Position from top */
		left:100%;								/* DO NOT EDIT; How far to push from left */
	}
	
	/* Begin non-anchor hover selectors */
	
	/* Enter the more specific element (div) selector
	on non-anchor hovers for IE5.x to comply with the
	older version of csshover.htc - V1.21.041022. It
	improves IE's performance speed to use the older
	file and this method */
	
	div.hmenu h2:hover
	{
		/*background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;*/
	}
	
	div.hmenu li:hover
	{
		cursor:pointer;
		z-index:100;
	}
	
	div.hmenu li:hover ul ul,
	div.hmenu li li:hover ul ul,
	div.hmenu li li li:hover ul ul,
	div.hmenu li li li li:hover ul ul
	{display:none;}
	
	div.hmenu li:hover ul,
	div.hmenu li li:hover ul,
	div.hmenu li li li:hover ul,
	div.hmenu li li li li:hover ul
	{display:block;}
	
	/* End of non-anchor hover selectors */
	
	/* Styling for Expand */
	
	.hmenu a.x, .hmenu a.x:visited
	{
		color:#000;
		/*background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;*/
	}
	
	.hmenu a.x:hover
	{
		color:#a00;
		background:#ddd;
	}
	
	.hmenu a.x:active
	{
		color:#060;
		background:#ccc;
	}
	
	/* End CSS Popout Menu */
	
	
/*
	BUG FIX: 2008-02-29 by Richard Lagerström
			 When vertical menu css was commented, the horizontal
			 menu did not work in IE6 (missing hover actions which we have here).
	--------------------------------------
	    VERTICAL MENU
	--------------------------------------
*/
	ul.menu li:hover, ul.menu li.CSStoHighlight 
	{ 
		background-color: #aaa; 				/* Background color of hovered menu items */
		background-image: url(http://www.lifeportalen.se/inc/gfx/gfx_menu_bg.gif);
		background-repeat: repeat-x;
		background-position: 0% 0%;
		color: #000; 							/* Font color of hovered menu items (DOES NOT WORK?) */
	}
	
	ul.menu ul.CSStoShow 
	{ 
		display: block; 						/* How to display a menu UL (DOES NOT WORK?) */
	}
	
	ul.menu li:hover > ul 
	{ 
		display: block;							/* DO NOT EDIT; How to display a hovered child item (all but the level 0) */
	}
	
/* 
 Icons
 
 .preTextIcon.community {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_community.gif);
 }
  .preTextIcon.profile {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_profile.gif);
 }
 
  .preTextIcon.forum {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_forum.gif);
 }
  .preTextIcon.chat {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_chat.gif);
 }
  .preTextIcon.calendar {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_calendar.gif);
 }
  .preTextIcon.diaryVideos {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_tv.gif);
 }
  .preTextIcon.diaryImages {
 	background-image: url(http://www.lifeportalen.se/inc/gfx/icons_mainmenu_imagediary.gif);
 }
 */
 .purple a {
	color: #98568c !important; 
 }
 .pink a {
 	color: #d72f70 !important;
 }
 .green a {
 	color: #899a37 !important;
 }
 
 .red a {
 	color: #ec000c !important;
 }

.start.menuMark > a {
 	color: #fd8001 !important;
}
.health.menuMark > a {
 	color: #d4c033 !important;
}
.training.menuMark > a {
	color: #29736b !important;
}
.spa.menuMark > a {
 	color: #d72f70 !important;
}
.travelling.menuMark a {
 	color: #4155ad !important;
}
.community.menuMark > a {
 	color: #b41c29 !important;
}
.lifetv.menuMark > a {
 	color: #fd8001 !important;
}