/* ThemeTwinoaksMenu Style Sheet */

.ThemeTwinoaksMenu,.ThemeTwinoaksSubMenuTable
{
	font-family:	verdana, arial, sans-serif;
	font-size:	xx-small;

	padding:	0;

	white-space:	nowrap;
	cursor:		default;
	
	height: 24px;
}

.ThemeTwinoaksSubMenu
{
	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;

	overflow:	visible;
	border:		1px solid #8C867B;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}

.ThemeTwinoaksSubMenuTable
{
	overflow:	visible;
}

.ThemeTwinoaksMainItem,.ThemeTwinoaksMainItemHover,.ThemeTwinoaksMainItemActive,
.ThemeTwinoaksMenuItem,.ThemeTwinoaksMenuItemHover,.ThemeTwinoaksMenuItemActive
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
}

.ThemeTwinoaksMainItem
{
}

.ThemeTwinoaksMainItemHover,.ThemeTwinoaksMainItemActive
{
}

.ThemeTwinoaksMenuItem
{
	background-color:	#FFFFFF;
}

.ThemeTwinoaksMenuItemHover,.ThemeTwinoaksMenuItemActive
{
	background-color:	#F0F0F0;
	color: #990000;
}


/* horizontal main menu */

.ThemeTwinoaksMainItem
{
	padding:	1px;
	padding-bottom: 4px;
	padding-top: 2px;
	color: #003333;
	font-weight: bold;
	border:		0;
	background-image: url(/images/navigation_inactive.gif);
	background-repeat: repeat-x;
}

td.ThemeTwinoaksMainItemHover,td.ThemeTwinoaksMainItemActive
{
	padding:	0px;
	padding-bottom: 4px;
	padding-top: 2px;
	color: #330033;
	font-weight: bold;
	background-image: url(/images/navigation_active.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #8C867B;
	border-right: 1px solid #8C867B;
}

.ThemeTwinoaksMainFolderLeft,.ThemeTwinoaksMainItemLeft,
.ThemeTwinoaksMainFolderText,.ThemeTwinoaksMainItemText,
.ThemeTwinoaksMainFolderRight,.ThemeTwinoaksMainItemRight
{
	padding-left: 3px;
	background-color:	inherit;
}

/* vertical main menu sub components */

td.ThemeTwinoaksMainFolderLeft,td.ThemeTwinoaksMainItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	2px;

	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	border-left:	1px solid #3169C6;

	background-color:	inherit;
}

td.ThemeTwinoaksMainFolderText,td.ThemeTwinoaksMainItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;

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

td.ThemeTwinoaksMainFolderRight,td.ThemeTwinoaksMainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	border-right:	1px solid #3169C6;

	background-color:	inherit;
}

tr.ThemeTwinoaksMainItem td.ThemeTwinoaksMainFolderLeft,
tr.ThemeTwinoaksMainItem td.ThemeTwinoaksMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;

	white-space:	nowrap;

	border:		0;
	background-color:	inherit;
}

tr.ThemeTwinoaksMainItem td.ThemeTwinoaksMainFolderText,
tr.ThemeTwinoaksMainItem td.ThemeTwinoaksMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

tr.ThemeTwinoaksMainItem td.ThemeTwinoaksMainItemRight,
tr.ThemeTwinoaksMainItem td.ThemeTwinoaksMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* sub menu sub components */

.ThemeTwinoaksMenuFolderLeft,.ThemeTwinoaksMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #999999;
	border-bottom:	1px solid #999999;

	background-color:	#F0F0F0;
	white-space:	nowrap;
}

.ThemeTwinoaksMenuFolderText,.ThemeTwinoaksMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	1px solid #999999;
	border-bottom:	1px solid #999999;

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

.ThemeTwinoaksMenuFolderRight,.ThemeTwinoaksMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #999999;
	border-bottom:	1px solid #999999;

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

.ThemeTwinoaksMenuItem .ThemeTwinoaksMenuFolderLeft,
.ThemeTwinoaksMenuItem .ThemeTwinoaksMenuItemLeft
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	0px;
	padding-right:	0px;

	white-space:	nowrap;

	border:		0;
	background-color:	#FFFFFF;
}

.ThemeTwinoaksMenuItem .ThemeTwinoaksMenuFolderText,
.ThemeTwinoaksMenuItem .ThemeTwinoaksMenuItemText
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

.ThemeTwinoaksMenuItem .ThemeTwinoaksMenuFolderRight,
.ThemeTwinoaksMenuItem .ThemeTwinoaksMenuItemRight
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* menu splits */

.ThemeTwinoaksMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C6C3BD;
}
.ThemeTwinoaksHMenuSplit
{
	font-weight: normal;
	color: #333333;
}

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

.ThemeTwinoaksMenuItem img.seq1
{
	display:	inline;
}

.ThemeTwinoaksMenuItemHover seq2,
.ThemeTwinoaksMenuItemActive seq2
{
	display:	inline;
}

.ThemeTwinoaksMenuItem .seq2,
.ThemeTwinoaksMenuItemHover .seq1,
.ThemeTwinoaksMenuItemActive .seq1
{
	display:	none;
}