/*
 * ThemeOpt Style Sheet
 * by Ian Reyes and Heng Yuan
 */

.ThemeOptMenu,.ThemeOptSubMenuTable
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor:hand !important;
	white-space:nowrap;
}
.ThemeOptMenu{
height:22px;
}
/* DIV om de uitklapper heen */
DIV.ThemeOptSubMenu
{
	position:absolute;
	display:block;
	visibility:hidden;
	overflow:hidden;
}
/* tabel van het uitklapmenu */
TABLE.ThemeOptSubMenuTable
{
	border-collapse:separate;
/*	opacity:0.9;
	filter:Alpha(style=0,opacity=90);*/
	border:1px solid #FFFFFF;
	width:160px;
}

.ThemeOptMenuItem,.ThemeOptMenuItemHover,.ThemeOptMenuItemActive
{
	cursor:default;
	cursor:hand !important;
	white-space:nowrap;
}

.ThemeOptMainItem,
.ThemeOptMenuItem
{
	padding:0px 5px 4px 5px;
}

.ThemeOptMainItem {
	font-weight:bold;
}

.ThemeOptMenuItem {
	background-color:#D3D3DD;
	color:#00209F;
}

.ThemeOptMainItemHover,
.ThemeOptMainItemActive
{
	padding:0px 5px 4px 5px;
	font-weight:bold;
	background:url(../images/menu/hl.jpg) repeat-x;
}

.ThemeOptMenuItemHover,
.ThemeOptMenuItemActive
{
	padding:5px;
	background-color:#E4E4F1;
	color:#962399;
    text-decoration:none;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeOptMainFolderLeft,
.ThemeOptMainItemLeft,
.ThemeOptMainFolderText,
.ThemeOptMainItemText,
.ThemeOptMainItemRight,
.ThemeOptMainFolderRight
{
	border:0;
	background-color:inherit;
	white-space:nowrap;
}

/* sub menus sub components */

.ThemeOptMenuFolderLeft,
.ThemeOptMenuItemLeft
{
	padding:3px 0px 3px 3px;
	border:0;
	white-space:nowrap;
	background-color:inherit;
}
/* tekst van de uitklapper */
.ThemeOptMenuFolderText,
.ThemeOptMenuItemText
{
	padding:3px 3px 3px 5px;
	white-space:nowrap;
	background-color:inherit;
}

.ThemeOptMenuItemRight,
.ThemeOptMenuFolderRight
{
	padding:3px 1px 3px 0px;

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

/* hoover and active border */
.ThemeOptMenuItemHover .ThemeOptMenuFolderLeft,
.ThemeOptMenuItemActive .ThemeOptMenuFolderLeft,
.ThemeOptMenuItemHover .ThemeOptMenuItemLeft,
.ThemeOptMenuItemActive .ThemeOptMenuItemLeft,
.ThemeOptMenuItemHover .ThemeOptMenuFolderText,
.ThemeOptMenuItemActive .ThemeOptMenuFolderText,
.ThemeOptMenuItemHover .ThemeOptMenuItemText,
.ThemeOptMenuItemActive .ThemeOptMenuItemText,
.ThemeOptMenuItemHover .ThemeOptMenuFolderRight,
.ThemeOptMenuItemActive .ThemeOptMenuFolderRight,
.ThemeOptMenuItemHover .ThemeOptMenuItemRight,
.ThemeOptMenuItemActive .ThemeOptMenuItemRight
{
}

.ThemeOptMenuItemHover .ThemeOptMenuFolderLeft,
.ThemeOptMenuItemActive .ThemeOptMenuFolderLeft,
.ThemeOptMenuItemHover .ThemeOptMenuItemLeft,
.ThemeOptMenuItemActive .ThemeOptMenuItemLeft
{
text-decoration:none;
}

.ThemeOptMenuItemHover .ThemeOptMenuFolderText,
.ThemeOptMenuItemActive .ThemeOptMenuFolderText,
.ThemeOptMenuItemHover .ThemeOptMenuItemText,
.ThemeOptMenuItemActive .ThemeOptMenuItemText
{
}

.ThemeOptMenuItemHover .ThemeOptMenuFolderRight,
.ThemeOptMenuItemActive .ThemeOptMenuFolderRight,
.ThemeOptMenuItemHover .ThemeOptMenuItemRight,
.ThemeOptMenuItemActive .ThemeOptMenuItemRight
{
	
text-decoration:none;
}

td.ThemeOptMenuSplit
{
	padding:0px;
	margin:0px;
	height:	5px;
	border:0px;
	background-color:inherit;
	overflow:hidden;
}

div.ThemeOptMenuSplit
{
	margin:2px;
	height:1px;
	overflow:hidden;
	background-color:inherit;
	border-top:1px solid #9C9A9C;
}

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

.ThemeOptMenuItem img.seq1
{
	display:inline;
}

.ThemeOptMenuItemHover seq2,
.ThemeOptMenuItemActive seq2
{
	display:inline;
}

.ThemeOptMenuItem .seq2,
.ThemeOptMenuItemHover .seq1,
.ThemeOptMenuItemActive .seq1
{
	display:none;
}