/* ThemeOfficeMenu Style Sheet */
.menuhdiv {
    position: absolute;
    top: 230px;
    left: 0;
    width: 100%;
	background-color: transparent;
	padding: auto;
    margin: 0 auto;
    color: white;
	text-align: center;
}


.menuhMenu,
{
	padding: 0;
	margin: 0 auto;
	z-index: 99;
}

.menuhSubMenuTable
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 100;
}


.menuhMainFolderLeft, .menuhMainItemLeft
{
   display: none;
}


.menuhMainFolderText, .menuhMainItemText
{
	padding: 0px 0px 0px 0px;
    background: transparent url(../img/g.gif) no-repeat left center;
}

.menuhMainFolderRight, .menuhMainItemRight
{
	display: none;
}

.menuhMainItem,.menuhMainItemHover,.menuhMainItemActive,
.menuhMenuItem,.menuhMenuItemHover,.menuhMenuItemActive
{
	cursor:	pointer;
	width: inherit;
    font: 12px/20px sans-serif;
    text-align: left;
	white-space: nowrap;
	padding: 0 10px;
}

.menuhMainItem,.menuhMainItemHover,.menuhMainItemActive
{
    text-align: center;
    font: bold 12px/18px Impact Verdana sans-serif;
}

.menuhMainItemHover,.menuhMainItemActive
{
  color: #ffcc99;  
}

.menuhSubMenu
{
	position: absolute;
	visibility:	hidden;
	z-index: 100;
	padding: 7px 0 0 0;
	margin: 0;
	overflow: visible;
}

.menuhSubMenuTable
{
	overflow: visible;
    padding: 0;
	margin: 0;
    background-color: #ff302a;
    border: 1px solid white;
    width: 200px;
}

.menuhMenuItem
{
    position: relative;
	font-weight: bold;
	text-transform: uppercase;
}

.menuhMenuItemHover,.menuhMenuItemActive
{
	  color: #ffcc99; 
	  font-weight: bold;
	  text-transform: uppercase;
}


/* sub menuh sub components */

.menuhMenuFolderLeft,.menuhMenuItemLeft
{
	display: none;
}

.menuhMenuFolderText,.menuhMenuItemText
{
	padding: 2px 2px 2px 2px;
	background-color: inherit;
}

.menuhMenuFolderRight,.menuhMenuItemRight
{
	display: none;
}

.menuhMenuItem .menuhMenuFolderLeft,
.menuhMenuItem .menuhMenuItemLeft
{
	display: none;
}

.menuhMenuItem .menuhMenuFolderText,
.menuhMenuItem .menuhMenuItemText
{
	padding: 2px 2px 2px 2px;
	border:	0;
	background-color: inherit;
}

.menuhMenuItem .menuhMenuFolderRight,
.menuhMenuItem .menuhMenuItemRight
{
	display: none;
}

/* menuh splits */

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

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

.menuhMenuItem img.seq1
{
	display: inline;
}

.menuhMenuItemHover seq2,
.menuhMenuItemActive seq2
{
	display: inline;
}

.menuhMenuItem .seq2,
.menuhMenuItemHover .seq1,
.menuhMenuItemActive .seq1
{
	display: none;
}