/* ThemeWestonMenu Style Sheet. Very loosely based on ThemeOffice */
/* some parameters may not be relevant for this context */


.ThemeWestonMenu
{

  font-size: 0.8em; 
	font-weight: bold;
	padding:	0;
	cursor:		default;
}

.ThemeWestonSubMenuTable
{

  font-size: 0.8em; 
	line-height: normal;
	font-weight: bold;
	padding:	0;
	cursor:		default;
}


.ThemeWestonMenu
{
  margin-left: auto;
	margin-right: auto;
}

.ThemeWestonSubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;

	padding:	5px 0 0 0;
	border:		0;

	background-color:	transparent;
}

.ThemeWestonSubMenuShadow
{
	z-index:	-1;
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		100%;
	/*height:		300em;*/
	background-color:	#8cc9b9;
	/*opacity:	0.15; invalid parameter*/
	border:		0;
	margin:		0;
}

.ThemeWestonSubMenuTable
{
	padding:	0;
	margin: 0;
	font-size: 0.7em;    /* size of sub menu text; need to ensure that menu options fit on screen */
}

/* horizontal main menu */

.ThemeWestonMainItem,.ThemeWestonMainItemHover,.ThemeWestonMainItemActive,
.ThemeWestonMenuItem,.ThemeWestonMenuItemHover,.ThemeWestonMenuItemActive
{
	padding-top:	0;
	padding-bottom: 0;
	/*Setting for menu alignment (not 800x600 resolution)
	padding-left: 0px;
	padding-right: 57px;
	*/
	padding-left: 26px;
	padding-right: 26px;
	border:		0;
	margin: 0;
	cursor:		default;
}

/* common background color to both horizontal and vertical menus */

/*.ThemeWestonMainItem
{
	background-color:	#EFEBDE;
} */

.ThemeWestonMainItemHover,.ThemeWestonMainItemActive
{
	background-color:	#006f48;
	color: #8cc9b9;
}

.ThemeWestonMainFolderLeft,.ThemeWestonMainItemLeft,
.ThemeWestonMainFolderText,.ThemeWestonMainItemText,
.ThemeWestonMainFolderRight,.ThemeWestonMainItemRight
{
	background-color:	inherit;
}

/* vertical main menu sub components */

td.ThemeWestonMainFolderLeft,
td.ThemeWestonMainItemLeft
{
	padding: 0;
	border:		0;
	background-color:	inherit;
}

td.ThemeWestonMainFolderText,
td.ThemeWestonMainItemText
{
	padding: 0;
	border:		0;
	background-color:	inherit;
}

td.ThemeWestonMainItemRight,
td.ThemeWestonMainFolderRight
{
	padding: 0;
	border:		0;
	background-color:	inherit;
}


tr.ThemeWestonMainItemHover td.ThemeWestonMainFolderLeft,
tr.ThemeWestonMainItemActive td.ThemeWestonMainFolderLeft,
tr.ThemeWestonMainItemHover td.ThemeWestonMainItemLeft,
tr.ThemeWestonMainItemActive td.ThemeWestonMainItemLeft
{
	padding:	2px 2px 2px 0px;

	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#8cc9b9;
}

tr.ThemeWestonMainItemHover td.ThemeWestonMainFolderText,
tr.ThemeWestonMainItemActive td.ThemeWestonMainFolderText,
tr.ThemeWestonMainItemHover td.ThemeWestonMainItemText,
tr.ThemeWestonMainItemActive td.ThemeWestonMainItemText 
{
	padding:	2px 5px 2px 5px;

	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#8cc9b9;
	/* this is used for slideshow menu (a vertical menu) */
	background-color:	#006f48;
	color: #8cc9b9;
}

tr.ThemeWestonMainItemHover td.ThemeWestonMainFolderRight,
tr.ThemeWestonMainItemActive td.ThemeWestonMainFolderRight,
tr.ThemeWestonMainItemHover td.ThemeWestonMainItemRight,
tr.ThemeWestonMainItemActive td.ThemeWestonMainItemRight
{
	padding:	2px 0px 2px 0px;

	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#8cc9b9;
}

/* sub menu sub components */

.ThemeWestonMenuItem
{
	background-color:	#8cc9b9;
}

.ThemeWestonMenuItemHover,.ThemeWestonMenuItemActive
{
	background-color:	#006f48;
	color: #8cc9b9;
}

/* this group of classes gives the format for the sub menu option lists. Need to ensure they fit on screen */
/* also, if changing padding, also change for hover/active formats in the three other groups below */
.ThemeWestonMenuFolderLeft,
.ThemeWestonMenuItemLeft,
.ThemeWestonMenuFolderText,
.ThemeWestonMenuItemText,
.ThemeWestonMenuFolderRight,
.ThemeWestonMenuItemRight
{
	border-width:	1px 1px 1px 1px;
	border-style:	solid;
	border-color:	#8cc9b9;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ThemeWestonMenuItemHover .ThemeWestonMenuFolderLeft,
.ThemeWestonMenuItemActive .ThemeWestonMenuFolderLeft,
.ThemeWestonMenuItemHover .ThemeWestonMenuItemLeft,
.ThemeWestonMenuItemActive .ThemeWestonMenuItemLeft
{
	background-color:	#006f48;
	color: #8cc9b9;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#8cc9b9;
}

.ThemeWestonMenuItemHover .ThemeWestonMenuFolderText,
.ThemeWestonMenuItemActive .ThemeWestonMenuFolderText,
.ThemeWestonMenuItemHover .ThemeWestonMenuItemText,
.ThemeWestonMenuItemActive .ThemeWestonMenuItemText
{
  background-color:	#006f48;
	color: #8cc9b9;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#8cc9b9;
}

.ThemeWestonMenuItemHover .ThemeWestonMenuFolderRight,
.ThemeWestonMenuItemActive .ThemeWestonMenuFolderRight,
.ThemeWestonMenuItemHover .ThemeWestonMenuItemRight,
.ThemeWestonMenuItemActive .ThemeWestonMenuItemRight
{
	background-color:	#006f48;
	color: #8cc9b9;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#8cc9b9;
}

/* menu splits */
/*
td.ThemeWestonMenuSplit
{
	margin:		0px;
	padding:	0px;
	border:		0px;
}

div.ThemeWestonMenuSplit
{
	margin:		3px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #006f48;
}
*?
/* 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" />
*/

.ThemeWestonMenuItem img.seq1
{
	display:	inline;
}

.ThemeWestonMenuItemHover seq2,
.ThemeWestonMenuItemActive seq2
{
	display:	inline;
}

.ThemeWestonMenuItem .seq2,
.ThemeWestonMenuItemHover .seq1,
.ThemeWestonMenuItemActive .seq1
{
	display:	none;
}