/* xwThemeMenu Style Sheet */

.xwThemeMenu,.xwThemeSubMenuTable
{
	font-family:	verdana, arial, sans-serif;
	white-space:	nowrap;
	cursor:		default;
}

.xwThemeSubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;
	padding:	1px 1px 1px 1px;
	background:	#F6F6F6 url(menubg.png) repeat-y scroll 0%;
	background-position:	left;
	border:		1px solid #002D96;
}

.xwThemeSubMenuTable
{
	overflow:	hidden;
}
.xwThemeMain
{
	border: 1px solid #000000;
}
.xwThemeMainItem,.xwThemeMainItemHover,.xwThemeMainItemActive,
.xwThemeMenuItem,.xwThemeMenuItemHover,.xwThemeMenuItemActive
{
	border:		0px;
	cursor:		default;
	white-space:	nowrap;
}

.xwThemeMainItem
{
	background-color:	#1283AA;
	background:	url(menubg2.png) scroll 0%;
}

.xwThemeMainItemHover,.xwThemeMainItemActive
{
	background:	url(mainmenubg.png);
}

.xwThemeMenuItem
{
	background-color:	transparent;
}

.xwThemeMenuItemHover,.xwThemeMenuItemActive
{
	background-color:	#FFEEC2;
}


/* horizontal main menu */

.xwThemeMainItem
{
	padding:	2px;
	margin-top: 10px;
	border:		0px;
}

td.xwThemeMainItemHover,td.xwThemeMainItemActive
{
	padding:	0px;
	border:		1px solid #000080;
}

.xwThemeMainFolderLeft,.xwThemeMainItemLeft,
.xwThemeMainFolderText,.xwThemeMainItemText,
.xwThemeMainFolderRight,.xwThemeMainItemRight,
.xwThemeMainFolderRight,.xwThemeMainItemRight,
.xwThemeMainFolderLeft,.xwThemeMainItemLeft{
}

.xwThemeMainFolderText,.xwThemeMainItemText{
	width:100%;
	font-weight: bold;
	text-align: left;
}

/* vertical main menu sub components */

td.xwThemeMainFolderLeft,
td.xwThemeMainFolderLeft,
td.xwThemeMainItemLeft,
td.xwThemeMainItemLeft
{
	padding:	1px 2px 1px 1px;
	border:		0;
	background-color:	inherit;
}

td.xwThemeMainFolderText,
td.xwThemeMainFolderText,
td.xwThemeMainItemText,
td.xwThemeMainItemText
{
	padding:	4px 5px 4px 5px;
	white-space:	nowrap;
	font-size:	11px;
	border:		0;
	background-color:	inherit;
	color: #FFF;
	text-align: left;
}

td.xwThemeMainItemRight,
td.xwThemeMainFolderRight
{
	padding:	1px 1px 1px 0px;
	border:		0;
	background-color:	inherit;
}


tr.xwThemeMainItemHover td.xwThemeMainFolderLeft,
tr.xwThemeMainItemActive td.xwThemeMainFolderLeft,
tr.xwThemeMainItemHover td.xwThemeMainItemLeft,
tr.xwThemeMainItemActive td.xwThemeMainItemLeft
{
	padding:	1px 2px 1px 1px;
	background-color:	inherit;
}

tr.xwThemeMainItemHover td.xwThemeMainFolderText,
tr.xwThemeMainItemActive td.xwThemeMainFolderText,
tr.xwThemeMainItemHover td.xwThemeMainItemText,
tr.xwThemeMainItemActive td.xwThemeMainItemText
{
	padding:	4px 5px 4px 5px;
	border-style:	solid;
	border-color:	#000080;
	background-color:	inherit;
	color: #000;
}

tr.xwThemeMainItemHover td.xwThemeMainFolderRight,
tr.xwThemeMainItemActive td.xwThemeMainFolderRight,
tr.xwThemeMainItemHover td.xwThemeMainItemRight,
tr.xwThemeMainItemActive td.xwThemeMainItemRight
{
	padding:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#000080;
	background-color:	inherit;
}

/* sub menu sub components */

.xwThemeMenuFolderLeft,.xwThemeMenuItemLeft,
.xwThemeMenuFolderText,.xwThemeMenuItemText,
.xwThemeMenuFolderRight,.xwThemeMenuItemRight
{
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}


.xwThemeMenuFolderLeft,
.xwThemeMenuItemLeft
{
	padding:	1px 2px 1px 2px;
}

.xwThemeMenuFolderText,
.xwThemeMenuItemText
{
	padding:	2px 5px 2px 5px;
	white-space:	nowrap;
	font-size:	11px;
	color: #000;
	text-align: left;
}

.xwThemeMenuFolderRight,
.xwThemeMenuItemRight
{
	padding:	3px 1px 3px 1px;
}

.xwThemeMenuItemHover .xwThemeMenuFolderLeft,
.xwThemeMenuItemActive .xwThemeMenuFolderLeft,
.xwThemeMenuItemHover .xwThemeMenuItemLeft,
.xwThemeMenuItemActive .xwThemeMenuItemLeft
{
	padding:	0px 2px 0px 1px;
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#000080;
}

.xwThemeMenuItemHover .xwThemeMenuFolderText,
.xwThemeMenuItemActive .xwThemeMenuFolderText,
.xwThemeMenuItemHover .xwThemeMenuItemText,
.xwThemeMenuItemActive .xwThemeMenuItemText
{
	padding:	1px 5px 1px 5px;
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#000080;
}

.xwThemeMenuItemHover .xwThemeMenuFolderRight,
.xwThemeMenuItemActive .xwThemeMenuFolderRight,
.xwThemeMenuItemHover .xwThemeMenuItemRight,
.xwThemeMenuItemActive .xwThemeMenuItemRight
{
	padding:	2px 0px 2px 0px;
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#000080;
}

/* menu splits */

.xwThemeMenuSplit
{
	margin:		0px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #6A8CCB;
}

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

.xwThemeMenuItem img.seq1
{
	display:	inline;
}

.xwThemeMenuItemHover seq2,
.xwThemeMenuItemActive seq2
{
	display:	inline;
}

.xwThemeMenuItem .seq2,
.xwThemeMenuItemHover .seq1,
.xwThemeMenuItemActive .seq1
{
	display:	none;
}