.menu{
	position:relative;
	z-index:100;
}

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

.menu li:hover{
	cursor:pointer;
}

.menu li a{
	overflow:hidden;
	text-overflow:ellipsis;
}

.menu a{
	display:block;
}

/* This is the menu description*/
.menu p{
	font-size:11px;
	padding-left:10px;
	font-weight:normal;
}

/* Normally submenus are initialised unvisible*/
.menu ul ul{
	visibility:hidden;
	position:absolute;
}

.menu ul li:hover ul,.menu ul a:hover ul{
	visibility:visible;
}

/* If you go back, the sub-sub menu should be unvisible*/
.menu ul :hover ul ul{
	visibility:hidden;
}

.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

/* 4th level menu hidden */
.menu ul :hover ul :hover ul ul{ 
	visibility:hidden;
}

/* 4th level menu visible */
.menu ul :hover ul :hover ul :hover ul{ 
	visibility:visible;
}

/* From the second level hmenu becomes vmenu*/
.hmenu ul ul li.haschild > a,.vmenu li.haschild > a{
	padding-right:13px;
	background-image:url(../img/link.gif);
	background-repeat:no-repeat;
	background-position:98% 6px;
}

/* On the first level, hmenu drops its submenu*/
.hmenu > ul > li.haschild > a{
	/*padding-right:13px;
	background-image:url(../img/link_down.gif);
	background-repeat:no-repeat;
	background-position:98% 6px;*/
}

/* This makes the hmenu's first level horizontal*/
/*
	TO THINK:	If the li is gotten width and ul too, all li's can be floated because ul will wrap them
				So the only difference between h and v menu is that, if ul has a width or not.
				The main concern is the padding of elements inside li, because they make those li wider than others.
*/
.hmenu > ul > li{
	float:left;
	position:relative;
}

/* Tabmenu */
.tabmenu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

.tabmenu li:hover{
	cursor:pointer;
}

.tabmenu ul li{
	float:left;
	position:relative;
}

.tabmenu ul.hidden{
	display:none;
}

.tabmenu ul{
}

/* Tabs */
.tabs{
	width:100%;
	overflow:hidden;
}

.tabs ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

.tabs li:hover{
	cursor:pointer;
}

.tabs ul li{
	float:left;
	position:relative;
}
