/* XXX Menu Style Sheet */

/**********************************************
     Tu spreminjam podobo glavnega menija
***********************************************/
.XXXMenu
{
	font-family:	Arial Narrow, Helvetica, sans-serif;
	font-size:	12px;
	padding:	0px;
	white-space:	nowrap;
	cursor:		default;
	height: 20px;
	color: #ffffff;
}

/*--------------------------------- 
GLAVNI MENI, VODORAVNI!!! 
-----------------------------------*/
td.XXXMainItem,
td.XXXMainItemHover,
td.XXXMainItemActive
{
	cursor:		default;
	white-space:	nowrap;
	padding:	3px 3px 3px 10px;
	border:		0;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B7123B;
	border-left-color: #B7123B;
}
td.XXXMainItemHover,
td.XXXMainItemActive
{
	background-color: #CC2952;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
span.XXXMainItemLeft,
span.XXXMainItemText,
span.XXXMainItemRight,
span.XXXMainFolderLeft,
span.XXXMainFolderText,
span.XXXMainFolderRight
{
	background-color:	inherit;
}


/*--------------------------------- 
Podmeni!!! 
-----------------------------------*/

/*Glava in noga*/
.XXXsubMenuTop
{
	background-image: url(../images/menu_l_corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.XXXsubMenuBottom
{
	background-image: url(../images/menu_r_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.XXXSubMenu
{
	position:	absolute;
	visibility:	hidden;
	z-index:	100;
	padding:	0px;
	background-color:	#CC2952;
	overflow:	visible;
	border: 1px solid #FFFFFF;

	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
    filter:revealTrans(duration=.5, transition=3) progid:DXImageTransform.Microsoft.Alpha(opacity=87);*/
}


.XXXSubMenuTable
{
	font-family:	 Arial, Helvetica, sans-serif;
	font-size:	11px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	width: 150px;
	overflow:	visible;
	color: #ffffff;
}


.XXXMenuItem
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
}

.XXXMenuItemHover,
.XXXMenuItemActive
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
	background-color:	#B7123B;
}

.XXXMenuFolderLeft,
.XXXMenuItemLeft
{
	border:		0;
	padding:	3;
	width: 15px;
	white-space:	nowrap;
	
}

.XXXMenuFolderText,
.XXXMenuItemText
{
	border:		0;
	padding:	3;
	width: 130px;
	white-space:	nowrap;
}

.XXXMenuFolderRight,
.XXXMenuItemRight
{
	border:		0;
	padding:	3;
	width: 5px;
	white-space:	nowrap;
}

tr.XXXMenuItemHover td.XXXMenuItemLeft,
tr.XXXMenuItemActive td.XXXMenuItemLeft,
tr.XXXMenuItemHover td.XXXMenuFolderLeft,
tr.XXXMenuItemActive td.XXXMenuFolderLeft
{
	background-image: url(../../img/white_square5.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}



/*------------------------------------
    menu splits 
-------------------------------------*/

.XXXMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C6C3BD;
}


/*-------------------------------------------------------------------------*/














/* Barve ozadja!!! */
/* Normalno! */
/*.xyzMainItem
{
	background-color:	#FFFFFF;
}*/
/* HOVER! */
/*je že.xyzMainItemHover, 
.xyzMainItemActive 
{
	background-color:	#FFFFFF;
	color: #0099FF;
}
*/



/* horizontal main menu */

/*.xyzMainItem
{
	padding:	1px;
	border:		0;
}*/

/*je že
td.xyzMainItemHover,  
td.xyzMainItemActive 
{
	padding:	0px;
	border:		1px solid #3169C6;
}
*/

/* vertical main menu sub components */





/* sub menu sub components */








/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.xyzMenuItem img.seq1
{
	display:	inline;
}

.xyzMenuItemHover seq2,
.xyzMenuItemActive seq2
{
	display:	inline;
}

.xyzMenuItem .seq2,
.xyzMenuItemHover .seq1,
.xyzMenuItemActive .seq1
{
	display:	none;
}