/* ThemeTuslaMenu Style Sheet */

.ThemeTuslaMenu,.ThemeTuslaSubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size:	12px;

	padding:	0;


	white-space:	nowrap;
	cursor:		default;

	text-align:	left;
}

.ThemeTuslaSubMenu
{
	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 #194B8C;

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

.ThemeTuslaSubMenuTable
{
	overflow:	visible;
}

.ThemeTuslaMainItem,.ThemeTuslaMainItemHover,.ThemeTuslaMainItemActive,
.ThemeTuslaMenuItem,.ThemeTuslaMenuItemHover,.ThemeTuslaMenuItemActive
{
	border:		0;
	cursor:		pointer;
	white-space:	nowrap;
}

.ThemeTuslaMainItem
{
	/*background-color:	#EFEBDE;*/
	background: url("../../../images/menu/bg.png") no-repeat;
	background-position: 0px 0px;
	height: 37px;
	margin-top:0px;
}

.ThemeTuslaMainItemHover,.ThemeTuslaMainItemActive
{
	background: url("../../../images/menu/bg.png") no-repeat;
	height: 37px;
	margin-top:0px;
	background-position: 0px -37px;
}

.ThemeTuslaMainItem,.ThemeTuslaMainItemHover,.ThemeTuslaMainItemActive
{
	font-weight:bold;
}


.ThemeTuslaMenuItem
{
	font-size:	13px;
	background-color:	#18498C;
	color:			#FFFFFF;
	font-weight:	bold;
}

.ThemeTuslaMenuItemHover,.ThemeTuslaMenuItemActive
{
	font-size:	13px;
	background-color:	#6699CC;
	color:	#FFFFFF;
	font-weight:	bold;
}


/* horizontal main menu */

.ThemeTuslaMainItem
{
	padding: 4px 0px 4px 1px;
	border-right: 1px solid #FFFBE3;
}

td.ThemeTuslaMainItemHover,td.ThemeTuslaMainItemActive
{
	padding:	0px;
	border:		1px solid #3169C6;
}

.ThemeTuslaMainFolderLeft,.ThemeTuslaMainItemLeft,
.ThemeTuslaMainFolderText,.ThemeTuslaMainItemText,
.ThemeTuslaMainFolderRight,.ThemeTuslaMainItemRight
{
	background-color:	inherit;
}

/* vertical main menu sub components */

td.ThemeTuslaMainFolderLeft,td.ThemeTuslaMainItemLeft
{
	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.ThemeTuslaMainFolderText,td.ThemeTuslaMainItemText
{
	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.ThemeTuslaMainFolderRight,td.ThemeTuslaMainItemRight
{
	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.ThemeTuslaMainItem td.ThemeTuslaMainFolderLeft,
tr.ThemeTuslaMainItem td.ThemeTuslaMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;

	white-space:	nowrap;

	border:		0;
	background-color:	inherit;
}

tr.ThemeTuslaMainItem td.ThemeTuslaMainFolderText,
tr.ThemeTuslaMainItem td.ThemeTuslaMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

tr.ThemeTuslaMainItem td.ThemeTuslaMainItemRight,
tr.ThemeTuslaMainItem td.ThemeTuslaMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* sub menu sub components */

.ThemeTuslaMenuFolderLeft,.ThemeTuslaMenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	1px;
	padding-right:	3px;

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

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

.ThemeTuslaMenuFolderText,.ThemeTuslaMenuItemText
{
	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;
}

.ThemeTuslaMenuFolderRight,.ThemeTuslaMenuItemRight
{
	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;
	white-space:	nowrap;
}

.ThemeTuslaMenuItem .ThemeTuslaMenuFolderLeft,
.ThemeTuslaMenuItem .ThemeTuslaMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;

	white-space:	nowrap;

	border:		0;
	background-color:	#8ECDF0;
}

.ThemeTuslaMenuItem .ThemeTuslaMenuFolderText,
.ThemeTuslaMenuItem .ThemeTuslaMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

.ThemeTuslaMenuItem .ThemeTuslaMenuFolderRight,
.ThemeTuslaMenuItem .ThemeTuslaMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* menu splits */

.ThemeTuslaMenuSplit
{
	margin:		1px;
	padding:	1px;
	height:		1px;
	width:		0px;
	overflow:	hidden;
	background-color:	red;/*inherit #C6C3BD*/
	border-top:	1px solid blue;
}

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

.ThemeTuslaMenuItem img.seq1
{
	display:	inline;
}

.ThemeTuslaMenuItemHover seq2,
.ThemeTuslaMenuItemActive seq2
{
	display:	inline;
}

.ThemeTuslaMenuItem .seq2,
.ThemeTuslaMenuItemHover .seq1,
.ThemeTuslaMenuItemActive .seq1
{
	display:	none;
}

.ThemeTuslaMenuItem img,.ThemeTuslaMenuItemActive img,.ThemeTuslaMenuItemHover img{
	margin-left:2px;
}