/* ThemeIEMenu Style Sheet */

.ThemeIEMenu
{
	font-family:	arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1F1949;
	background-color: #F7F3F7;
	cursor:		hand;
	white-space:	nowrap;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	
	width: 168px;
	position:relative;
	top:-9px;
	left:-16px;
	margin-right: -32px;
}

.ThemeIESubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0B0903;
	background-color: #F7F3F7;

	cursor:		hand;
	white-space:	nowrap;
	width: 168px;
}

.ThemeIESubMenu
{
	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:	0;

	/* the following property is only useful in IE 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);*/
}

.ThemeIESubMenuTable
{
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;

}

.ThemeIEMenuItem,.ThemeIEMenuItemHover,.ThemeIEMenuItemActive
{
	cursor:		hand;
	white-space:	nowrap;
}

.ThemeIEMainItem
{
	background-color:	#DDDDDD;
}

.ThemeIEMenuItem
{
	background-color:	#FAF7EA;
}

.ThemeIEMainItemHover,
.ThemeIEMainItemActive
{
	background-color:	#BAB8B8;
	color:#FFFFFF;
}

.ThemeIEMenuItemHover,
.ThemeIEMenuItemActive
{
	background-color:	#BAB8B8;
	color:#FFFFFF;
}


/* horizontal main menu sub components */
/* IE doesn't really support horizontal menus */

.ThemeIEMainFolderLeft,.ThemeIEMainItemLeft,
.ThemeIEMainFolderText,.ThemeIEMainItemText,
.ThemeIEMainFolderRight,.ThemeIEMainItemRight
{

	padding-top:	3px;
	padding-bottom:	3px;
	background-color:	inherit;
	white-space:	nowrap;
}

/* vertical main menu sub components */
TD.ThemeIEMainFolderLeft,TD.ThemeIEMainItemLeft
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	0px;

	white-space:	nowrap;
	background-color:	inherit;
}

TD.ThemeIEMainFolderLeft,TD.ThemeIEMainItemLeft,
TD.ThemeIEMainFolderText,TD.ThemeIEMainItemText,
TD.ThemeIEMainFolderRight,TD.ThemeIEMainItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;

	border-bottom:	1px solid #BBBBBB;

	background-color:	inherit;
}

TD.ThemeIEMainFolderLeft,TD.ThemeIEMainItemLeft
{
	padding-right:	0px;
	padding-left:	0px;
	border-bottom:	0px;

	background-color:	inherit;
	white-space:	nowrap;
}

TD.ThemeIEMainFolderText,TD.ThemeIEMainItemText
{
	padding-right:	10px;
	padding-left:	10px;

	background-color:	inherit;
	white-space:	nowrap;
}

TD.ThemeIEMainFolderRight,TD.ThemeIEMainItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	0px;

	background-color:	inherit;
	white-space:	nowrap;
}

TR.ThemeIEMainItem TD.ThemeIEMainFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMainItem TD.ThemeIEMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMainItem TD.ThemeIEMainFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMainItem TD.ThemeIEMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

	border-bottom:	1px solid #BBBBBB;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMainItem TD.ThemeIEMainItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMainItem TD.ThemeIEMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;


	white-space:	nowrap;
	background-color:	inherit;
}

/* sub menus sub components */

.ThemeIEMenuFolderLeft,.ThemeIEMenuItemLeft
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	0px;

	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeIEMenuFolderLeft,.ThemeIEMenuItemLeft,
.ThemeIEMenuFolderText,.ThemeIEMenuItemText,
.ThemeIEMenuFolderRight,.ThemeIEMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;

	border-bottom:	1px solid #BBBBBB;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeIEMenuFolderLeft,.ThemeIEMenuItemLeft
{
	padding-right:	0px;
	padding-left:	0px;
	border-left:	0px;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeIEMenuFolderText,.ThemeIEMenuItemText
{
	padding-right:	3px;
	padding-left:	5px;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeIEMenuFolderRight,.ThemeIEMenuItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	0px;

	background-color:	inherit;
	white-space:	nowrap;
}

TR.ThemeIEMenuItem TD.ThemeIEMenuFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMenuItem TD.ThemeIEMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMenuItem TD.ThemeIEMenuFolderText /* subcategorieen waar nog wat achter zit*/
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMenuItem TD.ThemeIEMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

	border-bottom:	1px solid #BBBBBB;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMenuItem TD.ThemeIEMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeIEMenuItem TD.ThemeIEMenuFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeIEMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	0px;
}

/* 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" />
*/

.ThemeIEMenuItem img.seq1
{
	display:	inline;
}

.ThemeIEMenuItemHover seq2,
.ThemeIEMenuItemActive seq2
{
	display:	inline;
}

.ThemeIEMenuItem .seq2,
.ThemeIEMenuItemHover .seq1,
.ThemeIEMenuItemActive .seq1
{
	display:	none;
}