@charset "utf-8";
/* ThemeThijsMenu Style Sheet  */
#menu_BGC {
	/*	ThemeThijs:#000; */
}

.menu_ico {
	width:			17px;
	height:			17px;
	margin-right:	2px;
	margin-left:	2px;
}

.ThemeThijsMenu,.ThemeThijsSubMenuTable
{
	margin-left:	20px;
	font-family:	verdana, arial, sans-serif;
    font-size:		20px;
    padding-left:	0;
    white-space:	nowrap;
    cursor:			default;
}

.ThemeThijsSubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;
	padding:	0px;
	border:		0px;
	background-color:	transparent;
}

.ThemeThijsSubMenuShadow
{
    z-index:	-1;
    position:	absolute;
    top:		9px;
    left:		9px;
    width:		100%;
    height:		300em;
    background-color:	black;
    opacity:	0.15;
    border:		0;
    margin:		0;
}

.ThemeThijsSubMenuTable
{
    border:		1px solid #fff;
    background-color: #000000;
    padding:	1px;
    margin:		0px 2px 2px 0px;
}

.ThemeThijsMainItem,.ThemeThijsMainItemHover,.ThemeThijsMainItemactive,
.ThemeThijsMenuItem,.ThemeThijsMenuItemHover,.ThemeThijsMenuItemactive
{
    border:			0;
    cursor:			pointer;
    white-space:	nowrap;
}

/* common ThemeThijs color to both horizontal and vertical menus */

.ThemeThijsMainItemHover,.ThemeThijsMainItemactive
{
	padding:		1px 10px 1px 1px;
/*    border-bottom:	2px solid #FF2424; */
}

/* horizontal main menu */

.ThemeThijsMainItem
{
	padding:		1px 10px 1px 1px;
}

td.ThemeThijsMainItemHover,td.ThemeThijsMainItemactive
{
}

.ThemeThijsMainFolderLeft,.ThemeThijsMainItemLeft,
.ThemeThijsMainFolderText,.ThemeThijsMainItemText,
.ThemeThijsMainFolderRight,.ThemeThijsMainItemRight
{
    background-color:	inherit;
    white-space:		nowrap;
}

/* vertical main menu sub components */

td.ThemeThijsMainFolderLeft,
td.ThemeThijsMainItemLeft
{
    padding:			3px 2px 3px 1px;
    border:				0;
    background-color:	inherit;
    white-space:		nowrap;
}

td.ThemeThijsMainFolderText,
td.ThemeThijsMainItemText
{
    padding:			3px 5px 3px 5px;
    border:				0;
    background-color:	inherit;
    white-space:		nowrap;
}

td.ThemeThijsMainItemRight,
td.ThemeThijsMainFolderRight
{
    padding:			3px 1px 3px 0px;
    border:				0;
    background-color:	inherit;
    white-space:		nowrap;
}

/* hoover and active border */
.ThemeThijsMainItemHover .ThemeThijsMainFolderLeft,
.ThemeThijsMainItemactive .ThemeThijsMainFolderLeft,
.ThemeThijsMainItemHover .ThemeThijsMainItemLeft,
.ThemeThijsMainItemactive .ThemeThijsMainItemLeft,
.ThemeThijsMainItemHover .ThemeThijsMainFolderText,
.ThemeThijsMainItemactive .ThemeThijsMainFolderText,
.ThemeThijsMainItemHover .ThemeThijsMainItemText,
.ThemeThijsMainItemactive .ThemeThijsMainItemText
{
    border-bottom:		2px solid #FF2424;
}

tr.ThemeThijsMainItemHover td.ThemeThijsMainFolderLeft,
tr.ThemeThijsMainItemactive td.ThemeThijsMainFolderLeft,
tr.ThemeThijsMainItemHover td.ThemeThijsMainItemLeft,
tr.ThemeThijsMainItemactive td.ThemeThijsMainItemLeft
{
    padding:		2px 2px 2px 0px;
    border-width:	1px 0px 1px 1px;
    border-style:	solid;
    border-bottom:	2px solid #FF2424;
}

tr.ThemeThijsMainItemHover td.ThemeThijsMainFolderText,
tr.ThemeThijsMainItemactive td.ThemeThijsMainFolderText,
tr.ThemeThijsMainItemHover td.ThemeThijsMainItemText,
tr.ThemeThijsMainItemactive td.ThemeThijsMainItemText 
{
    padding:		2px 5px 2px 5px;
    border-width:	1px 0px 1px 0px;
    border-style:	solid;
    border-bottom:	2px solid #FF2424;
}

tr.ThemeThijsMainItemHover td.ThemeThijsMainFolderRight,
tr.ThemeThijsMainItemactive td.ThemeThijsMainFolderRight,
tr.ThemeThijsMainItemHover td.ThemeThijsMainItemRight,
tr.ThemeThijsMainItemactive td.ThemeThijsMainItemRight
{
    padding:		2px 0px 2px 0px;
    border-width:	1px 1px 1px 0px;
    border-style:	solid;
    border-bottom:	2px solid #FF2424;
}

/* sub menu sub components */

.ThemeThijsMenuItem
{
    background-color:	#DFDFDF;
	color:				#000;
	text-align:			left;
	font-size:			14px;
}

.ThemeThijsMenuItemHover,.ThemeThijsMenuItemactive
{
    background-color:	#DFDFDF;
	border:				0;
	color:				#000;
	text-align:			left;
	font-size:			14px;
}

.ThemeThijsMenuFolderLeft,
.ThemeThijsMenuItemLeft
{
    padding:			3px 3px 3px 2px;
    border:				0;
    white-space:		nowrap;
    background-color:	#DFDFDF;
}

.ThemeThijsMenuFolderText,
.ThemeThijsMenuItemText
{
    padding:		3px 5px 3px 5px;
    border:			0;
    white-space:	nowrap;
}

.ThemeThijsMenuFolderRight,
.ThemeThijsMenuItemRight
{
    padding:		3px 1px 3px 0px;
    border:			0;
    white-space:	nowrap;
}

.ThemeThijsMenuItemHover .ThemeThijsMenuFolderLeft,
.ThemeThijsMenuItemactive .ThemeThijsMenuFolderLeft,
.ThemeThijsMenuItemHover .ThemeThijsMenuItemLeft,
.ThemeThijsMenuItemactive .ThemeThijsMenuItemLeft
{
    padding:			2px 3px 2px 1px;
	border-style:		solid;
    border-bottom:		1px solid #FF2424;
}

.ThemeThijsMenuItemHover .ThemeThijsMenuFolderText,
.ThemeThijsMenuItemactive .ThemeThijsMenuFolderText,
.ThemeThijsMenuItemHover .ThemeThijsMenuItemText,
.ThemeThijsMenuItemactive .ThemeThijsMenuItemText
{
    padding:		2px 5px 2px 5px;
    border-style:	solid;
    border-bottom:	1px solid #FF2424;
}

.ThemeThijsMenuItemHover .ThemeThijsMenuFolderRight,
.ThemeThijsMenuItemactive .ThemeThijsMenuFolderRight,
.ThemeThijsMenuItemHover .ThemeThijsMenuItemRight,
.ThemeThijsMenuItemactive .ThemeThijsMenuItemRight
{
    padding:		2px 0px 2px 0px;
    border-style:	solid;
    border-bottom:	1px solid #FF2424;
}

/* menu splits */

td.ThemeThijsMenuSplit
{
    margin:		0px;
    padding:	0px;
    border:		0px;
}

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

div.ThemeThijsMenuVerticalSplit {
	width:		25px;
}
/* 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" />
*/

.ThemeThijsMenuItem img.seq1
{
    display:	inline;
}

.ThemeThijsMenuItemHover seq2,
.ThemeThijsMenuItemactive seq2
{
    display:	inline;
}

.ThemeThijsMenuItem .seq2,
.ThemeThijsMenuItemHover .seq1,
.ThemeThijsMenuItemactive .seq1
{
    display:	none;
}