.ThemePanelMenu,.ThemePanelSubMenuTable
{
	text-decoration: none;
	font-family: Verdana, Sans-Sherif;
  font-size: 20px;
  color: 003E92;
	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelSubMenu   /* 子選單欄框位置 */
{
  position:	absolute;
	visibility:	hidden;
	z-index:	1000;
	border:  1px;
	padding: 0px;
	
	/* the following property is only useful in IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
}
.ThemePanelSubMenuTable  /* 子選單欄框大小 */
{
	width:   110px;
	border:		1px solid #77B6D0; 
	
}

.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelMainItem,.ThemePanelMenuItem
{background-color:	#D7E9F3;}

.ThemePanelMenuItemActive,.ThemePanelMenuItemHover
{background-color:	#E0F2FB;}

/* 以下改變按鈕按下連結顏色 .ThemePanelMainItemHover,.ThemePanelMainItemActive,為主選單 另一個為副選單 */
.ThemePanelMainItemHover,.ThemePanelMainItemActive,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive a:active{COLOR: #01A0D0;text-decoration:none;}
.ThemePanelMainItemHover,.ThemePanelMainItemActive,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive a:hover {COLOR: #FF6600;text-decoration:none;}


/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */

.ThemePanelMainFolderLeft,.ThemePanelMainItemLeft,
.ThemePanelMainFolderText,.ThemePanelMainItemText,
.ThemePanelMainFolderRight,.ThemePanelMainItemRight
{
	background-color:	inherit;
	white-space:	nowrap;
}

/* vertical main menu sub components */
TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft   
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	1px solid #D7E9F3;

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

TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft,   /* 主選單點選後欄位高度顯示比例 */
TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText,
TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #D7E9F3;
	border-bottom:	1px solid #D7E9F3;

	background-color:	inherit;
}

TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft  /* 主選單左方圖檔欄位點選後寬度比例 */
{
	padding-right:	0px;
	padding-left:	0px;
	border-left:	1px solid #D7E9F3;

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

TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText /* 主選單滑鼠點選時中間寬度比例 */
{
	padding-right:	10px;
	padding-left:	10px;

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

TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight /* 主選單滑鼠點選時右方寬度比例 */
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #D7E9F3;

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

TR.ThemePanelMainItem TD.ThemePanelMainFolderLeft  /* 主選單有子選單圖檔欄位高度比例 */
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;

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

TR.ThemePanelMainItem TD.ThemePanelMainItemLeft   /* 主選單無子選單圖檔欄位高度比例 */
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;

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

TR.ThemePanelMainItem TD.ThemePanelMainFolderText  /* 主選單有子選單中間文字檔欄位高度比例 */
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

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

TR.ThemePanelMainItem TD.ThemePanelMainItemText  /* 主選單無子選單中間文字檔欄位高度比例 */
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

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

TR.ThemePanelMainItem TD.ThemePanelMainItemRight  /* 主選單無子選單右方檔欄位高度比例 */
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

TR.ThemePanelMainItem TD.ThemePanelMainFolderRight  /* 主選單有子選單右方欄位高度比例 */
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

/* sub menus sub components */

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
	padding-left:	1px;
	padding-right:	1px;
	border-left:	1px solid #ffffff;  //子選單點選後左方線框
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft,
.ThemePanelMenuFolderText,.ThemePanelMenuItemText,
.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
  border-top:	1px solid #ffffff;      //子選單點選後上方線框
	border-bottom:	0px solid #ffffff;  //子選單點選後下方線框
	border-top:	0px solid #ffffff;
	border-bottom: 1px solid #ffffff;

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

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
	padding-right:	0px;
	padding-left:	2px;
	border-left:	1px solid #FFFFFF;

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

.ThemePanelMenuFolderText,.ThemePanelMenuItemText
{
	padding-right:	3px;
	padding-left:	5px;

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

.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #FFFFFF;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

.ThemePanelMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #D7E9F3;
}

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

.ThemePanelMenuItem img.seq1
{
	display:	inline;
}

.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
	display:	inline;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
  display:	none;
}