/*CSS-datoteka za vodoravni menu*/
/* XXX Menu Style Sheet */

/**********************************************
     Tu spreminjam podobo glavnega menija
***********************************************/
.XXXMenu
{
	height:26;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:right;

}

/*--------------------------------- 
GLAVNI MENI, NAVPICNI!!! 
-----------------------------------*/
tr.XXXMainItem
{
	border:		0;
	padding: 0px;
	cursor:		default;
	white-space:	nowrap;
	background-color:	#FFFFFF;
	color: #000000;
	width: 157px;
	height: 24px;
}

tr.XXXMainItemHover,
tr.XXXMainItemActive
{
	border:		0;
	padding: 0px;
	cursor:		hand;
	white-space:	nowrap;
	background-color:	#FFFFFF;
	color: #38A8ED;
	width: 157px;
	height: 24px;
}

/*  To velja za LEVE celice */
tr.XXXMainItem td.XXXMainFolderLeft,
tr.XXXMainItem td.XXXMainItemLeft
{
	border:		0;
	padding: 0px;
	white-space:	nowrap;
	background-color:	inherit;
	width: 12px;
	/*background-image: url(../images/menu_left.gif);
	background-repeat: repeat-y;
	background-position: left center;*/
}

tr.XXXMainItemHover td.XXXMainFolderLeft,
tr.XXXMainItemHover td.XXXMainItemLeft,
tr.XXXMainItemActive td.XXXMainFolderLeft,
tr.XXXMainItemActive td.XXXMainItemLeft
{
	
	border:		0;
	padding: 0px;
	white-space:	nowrap;
	background-color:	inherit;
	width: 12px;
	/*background-image: url(../images/menu_left_hover.gif);
	background-repeat: repeat-y;
	background-position: left center;*/
}

/*  To velja za SREDNJE celice */
tr.XXXMainItem td.XXXMainFolderText,
tr.XXXMainItem td.XXXMainItemText
{
	border:		0;
	padding: 6px 0px 6px 5px;
	background-color:	inherit;
	width: 125px;
	/*background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
tr.XXXMainItemHover td.XXXMainFolderText,
tr.XXXMainItemHover td.XXXMainItemText,
tr.XXXMainItemActive td.XXXMainFolderText,
tr.XXXMainItemActive td.XXXMainItemText
{
	border:		0;
	padding: 6px 0px 6px 5px;
	background-color:	inherit;
	width: 125px;
	/*background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
}

/*  To velja za DESNE celice */
tr.XXXMainItem td.XXXMainItemRight,
tr.XXXMainItem td.XXXMainFolderRight,
tr.XXXMainActive td.XXXMainItemRight,
tr.XXXMainActive td.XXXMainFolderRight
{
	border:		0;
	padding: 0px;
	background-color:	inherit;
	width: 20px;
	/*background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
tr.XXXMainItemHover td.XXXMainItemRight,
tr.XXXMainItemHover td.XXXMainFolderRight
{
	border:		0;
	padding: 0px;
	background-color:	inherit;
	width: 20px;
	/*background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
}




/*--------------------------------- 
GLAVNI MENI, VODORAVNI!!! 
-----------------------------------*/
td.XXXMainItem
{
 	cursor:		default;
	white-space:	nowrap;
	background-color:	#005288;
	padding-left:	8px;
	padding-right:	8px;
	border:		0;
	border-right: 1px solid #FFFFFF;
}
td.XXXMainItemHover
{
	cursor:		default;
	white-space:	nowrap;
	background-color:	#8CC63F;
	padding-left:	8px;
	padding-right:	8px;
	border-right: 1px solid #FFFFFF;
}
td.XXXMainItemActive
{
	cursor:		default;
	white-space:	nowrap;
	background-color:	#8CC63F;
	padding-left:	8px;
	padding-right:	8px;
	border-right: 1px solid #FFFFFF;
}
span.XXXMainItemLeft,
span.XXXMainItemText,
span.XXXMainItemRight,
span.XXXMainFolderLeft,
span.XXXMainFolderText,
span.XXXMainFolderRight
span.XXXMainItemFolderRight{
	background-color:	inherit;
}

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

/*Glava in noga*/
.XXXsubMenuTop
{
	height:3px !Important;
	background-color:	#FFFFFF;
}
.XXXsubMenuBottom
{
	height:5px !Important;
	background-color:	#005288;
}

.XXXSubMenu
{
	height:21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:right;


	position:	absolute;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:		0;
	padding:	0px;
	background-color:	#005288;

	overflow:	visible;
	border:		0px;

	/*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;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	width: 150px;
	overflow:	visible;
		border: 0px solid #ffffff;

}


.XXXMenuItem
{
	
	
	cursor:		default;
	white-space:	nowrap;
	background-color:	inherits;
}

.XXXMenuItemHover,
.XXXMenuItemActive
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	border:		1;
	cursor:		default;
	white-space:	nowrap;
	background-color:#8CC63F;
}

.XXXMenuFolderLeft,
.XXXMenuItemLeft
{
	
	padding:	0 0 0 0;
	width: 1px;
	background-color:	#inherits;
	white-space:	nowrap;
	vertical-align:bottom;
	background-image: url(../images/belPixl.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#005288;
}

.XXXMenuFolderText,
.XXXMenuItemText
{
	padding:	3 10 0 4;
	width: 100;
	background-color:#005288;
	background-color:	#inherits;
	white-space:	nowrap;
	border-bottom: 1px solid #fFFFFF;
}

.XXXMenuFolderRight,
.XXXMenuItemRight
{
	
	padding:	0 0 0 0;
	width: 1px;
	background-color:	inherits;
	white-space:	nowrap;
	vertical-align:bottom;
	background-image: url(../images/belPixl.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#005288;
}




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

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


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














/* 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;
}