.arrowlistmenu{
	width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	/*
	background: black url(../imagez/accordion_tausta.gif) repeat-x left top;
	*/
	background: black url(../imagez/accordion_tausta2.gif) no-repeat right top;
	padding-left: 12px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	margin:0px;
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuhdr { /*CSS class for menu headers in general (expanding or not!)*/

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	/*
	background: black url(../imagez/accordion_tausta.gif) repeat-x left top;
	*/
	background: black url(../imagez/accordion_tausta_black.gif) no-repeat right top;
	
	padding-left: 12px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	margin:0px;
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuhdr a{
	color: white;
}

.arrowlistmenu .menuhdr a:hover{
	color: white;
	text-decoration:none;
}

.arrowlistmenu a.menuitem:hover{
	background-image: url(glossyback2.gif);
}

.arrowlistmenu .openheaderOLD{ /*CSS class to apply to expandable header when it's expanded*/
	/*
	background: #616161 url(../imagez/katsomyos_tausta.gif) repeat-x left top;
	*/
	background: #616161 url(../imagez/katsomyos_tausta2.gif) no-repeat right top;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	background-color:#eaeaea;
}

.arrowlistmenu ul li a{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141;
	
	background: url(../imagez/nobullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;

}

.arrowlistmenu ul li a:visited{
	color: #414141;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #414141;
	background-color: #ffffff;
	text-decoration: none;
}



/* Glossy menu */

a.menuitem2{
	background: black url(../imagez/glossyback.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding-top:8px;
	padding-bottom:9px;
	padding-left: 10px;
	text-decoration: none;
}

a.menuitem2:visited, .menuitem2:active{
	color: white;
	text-decoration: none;
}

a.menuitem2:hover{
	background-image: url(../imagez/glossyback2.gif);
	text-decoration: none;
	color: white;
}

.glossymenu{
	margin: 0px 0;
	padding: 0;
	/* width: 170px;*/
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
}

.glossymenu a.openheader{
	background: #616161 url(../imagez/glossybacksel.gif) repeat-x bottom left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding-top:8px;
	padding-bottom:9px;
	padding-left: 10px;
	text-decoration: none;
}

.glossymenu a.menuitem{
	background: black url(../imagez/glossyback.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding-top:8px;
	padding-bottom:9px;
	padding-left: 10px;
	text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 10px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(../imagez/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: #eaeaea;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #dadada;
}

.glossymenu div.submenu ul li a{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #414141;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	background-color: #ffffff;
	colorz: white;
}