/*
 * ThemeGray Style Sheet
 * by Ian Reyes and Heng Yuan
 */

/* Theme red */

.ThemeRedMenu,.ThemeRedSubMenuTable
{
	font-size: small;
	color: white;
	background-color: #8B1A1A;
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeRedSubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;
}

.ThemeRedMenuItem,.ThemeRedMenuItemHover,.ThemeRedMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeRedMainItem
{
	background-color:	#8B1A1A;
}

.ThemeRedMainItemHover,
.ThemeRedMainItemActive
{
	background-color:	#FF0000;
}

.ThemeRedMenuItemHover,
.ThemeRedMenuItemActive
{
	padding:	5px;
	background-color:	#FF0000;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeRedMainFolderLeft,
.ThemeRedMainItemLeft,
.ThemeRedMainFolderText,
.ThemeRedMainItemText,
.ThemeRedMainItemRight,
.ThemeRedMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeRedMenuFolderLeft,
.ThemeRedMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeRedMenuFolderText,
.ThemeRedMenuItemText
{
	font-size:  x-small;
	padding:	3px 3px 3px 5px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeRedMenuItemRight,
.ThemeRedMenuFolderRight
{
	padding:	3px 1px 3px 0px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

td.ThemeRedMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeRedMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
}

.ThemeRedMenuItem img.seq1
{
	display:	inline;
}

.ThemeRedMenuItemHover seq2,
.ThemeRedMenuItemActive seq2
{
	display:	inline;
}

.ThemeRedMenuItem .seq2,
.ThemeRedMenuItemHover .seq1,
.ThemeRedMenuItemActive .seq1
{
	display:	none;
}

/* Theme green */

.ThemeGreenMenu,.ThemeGreenSubMenuTable
{
	font-size: small;
	color: white;
	background-color: #397D02;
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeGreenSubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;
}

.ThemeGreenMenuItem,.ThemeGreenMenuItemHover,.ThemeGreenMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeGreenMainItem
{
	background-color:	#397D02;
}

.ThemeGreenMainItemHover,
.ThemeGreenMainItemActive
{
	background-color:	#4AC948;
}

.ThemeGreenMenuItemHover,
.ThemeGreenMenuItemActive
{
	padding:	5px;
	background-color:	#4AC948;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeGreenMainFolderLeft,
.ThemeGreenMainItemLeft,
.ThemeGreenMainFolderText,
.ThemeGreenMainItemText,
.ThemeGreenMainItemRight,
.ThemeGreenMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeGreenMenuFolderLeft,
.ThemeGreenMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeGreenMenuFolderText,
.ThemeGreenMenuItemText
{
	font-size:  x-small;
	padding:	3px 3px 3px 5px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeGreenMenuItemRight,
.ThemeGreenMenuFolderRight
{
	padding:	3px 1px 3px 0px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

td.ThemeGreenMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeGreenMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
}

.ThemeGreenMenuItem img.seq1
{
	display:	inline;
}

.ThemeGreenMenuItemHover seq2,
.ThemeGreenMenuItemActive seq2
{
	display:	inline;
}

.ThemeGreenMenuItem .seq2,
.ThemeGreenMenuItemHover .seq1,
.ThemeGreenMenuItemActive .seq1
{
	display:	none;
}


/* Theme blue */

.ThemeBlueMenu,.ThemeBlueSubMenuTable
{
	font-size: small;
	color: white;
	background-color: #1B3F8B;
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeBlueSubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;
}

.ThemeBlueMenuItem,.ThemeBlueMenuItemHover,.ThemeBlueMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeBlueMainItem
{
	background-color:	#1B3F8B;
}

.ThemeBlueMainItemHover,
.ThemeBlueMainItemActive
{
	background-color:	#6996AD;
}

.ThemeBlueMenuItemHover,
.ThemeBlueMenuItemActive
{
	padding:	5px;
	background-color:	#6996AD;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeBlueMainFolderLeft,
.ThemeBlueMainItemLeft,
.ThemeBlueMainFolderText,
.ThemeBlueMainItemText,
.ThemeBlueMainItemRight,
.ThemeBlueMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeBlueMenuFolderLeft,
.ThemeBlueMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeBlueMenuFolderText,
.ThemeBlueMenuItemText
{
	font-size:  x-small;
	padding:	3px 3px 3px 5px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeBlueMenuItemRight,
.ThemeBlueMenuFolderRight
{
	padding:	3px 1px 3px 0px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

td.ThemeBlueMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeBlueMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
}

.ThemeBlueMenuItem img.seq1
{
	display:	inline;
}

.ThemeBlueMenuItemHover seq2,
.ThemeBlueMenuItemActive seq2
{
	display:	inline;
}

.ThemeBlueMenuItem .seq2,
.ThemeBlueMenuItemHover .seq1,
.ThemeBlueMenuItemActive .seq1
{
	display:	none;
}


/* Theme yellow*/

.ThemeYellowMenu
{
	font-size: small;
	color: #1B3F8B;
	background-color: #F0E68C;
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeYellowSubMenuTable
{
	font-size: small;
	color: #1B3F8B;
	background-color: #FBEC5D;
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeYellowSubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;
}

.ThemeYellowMenuItem,.ThemeYellowMenuItemHover,.ThemeYellowMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeYellowMainItem
{
	background-color:	#F0E68C;
}

.ThemeYellowMainItemHover,
.ThemeYellowMainItemActive
{
	background-color:	#FBEC5D;
}

.ThemeYellowMenuItemHover,
.ThemeYellowMenuItemActive
{
	padding:	5px;
	background-color:	#F0E68C;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeYellowMainFolderLeft,
.ThemeYellowMainItemLeft,
.ThemeYellowMainFolderText,
.ThemeYellowMainItemText,
.ThemeYellowMainItemRight,
.ThemeYellowMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeYellowMenuFolderLeft,
.ThemeYellowMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeYellowMenuFolderText,
.ThemeYellowMenuItemText
{
	padding:	3px 3px 3px 5px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeYellowMenuItemRight,
.ThemeYellowMenuFolderRight
{
	padding:	3px 1px 3px 0px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

td.ThemeYellowMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeYellowMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
}

.ThemeYellowMenuItem img.seq1
{
	display:	inline;
}

.ThemeYellowMenuItemHover seq2,
.ThemeYellowMenuItemActive seq2
{
	display:	inline;
}

.ThemeYellowMenuItem .seq2,
.ThemeYellowMenuItemHover .seq1,
.ThemeYellowMenuItemActive .seq1
{
	display:	none;
}