/* MenuThemeMenu Style Sheet */
/* ------------------------------------------- */
/* JSCook HTML Output                          */
/* ------------------------------------------- */
/*
<div id="mainMenu">
  <table class="MenuThemeMenu">
		<tbody>
			<tr>
				<td class="MenuThemeMainItem">
					<span class="MenuThemeMainItemLeft"></span>
					<span class="MenuThemeMainItemText"></span>
					<span class="MenuThemeMainItemRight"></span>
				</td>
				<td class="MenuThemeMainItem">
					<span class="MenuThemeMainFolderLeft"></span>
					<span class="MenuThemeMainFolderText"></span>
					<span class="MenuThemeMainFolderRight"></span>
				</td>
			</tr>
		</tbody>
	</table>
	<div class="MenuThemeSubMenu">
		<table class="MenuThemeSubMenuTable">
			<tbody>
				<tr class="MenuThemeMenuItem">
					<td class="MenuThemeMenuItemLeft"></td>
					<td class="MenuThemeMenuItemText"></td>
					<td class="MenuThemeMenuItemRight"></td>
				</tr>
				<tr class="MenuThemeMenuItem">
					<td class="MenuThemeMenuFolderLeft"></td>
					<td class="MenuThemeMenuFolderText"></td>
					<td class="MenuThemeMenuFolderRight"></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
*/
/* ------------------------------------------- */
.MenuThemeMenu, .MenuThemeSubMenuTable
{
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	cursor: pointer;
	color: #d5ca02;
}

/* ------------------------------------------- */
/* Main Tables                                 */
/* ------------------------------------------- */
table.MenuThemeMenu
{
  height: 17px;
  border-collapse: collapse;
  border:   0px;
  padding:  0px;
  margin:   0px;
  background: transparent;
  font-size: 0px;
}

.MenuThemeSubMenu
{
  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:	800;
	border:		0px;
	padding:	0px;
	margin:   0px;
	display: block;	
	border: solid 1px #666666;
	border-width: 0px 1px 1px 1px;
	width: auto;
}

.MenuThemeSubMenuTable
{
  width: 130px;
  z-index: 801;
}

/* ------------------------------------------- */
/* Main Menu Items                             */
/* ------------------------------------------- */

.MenuThemeMenu td
{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.MenuThemeMainItem,
.MenuThemeMainItemHover,
.MenuThemeMainItemActive
{
  padding: 2px 10px !important;
  border: solid 1px  #3B4345 !important;
  font-weight: 600;
  text-transform: uppercase;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #AEA719;
}
.MenuThemeMainItemHover
{
  color: #12D112;
}

.MenuThemeMainItemLeft, .MenuThemeMainFolderLeft,
.MenuThemeMainItemText, .MenuThemeMainFolderText,
.MenuThemeMainItemRight, .MenuThemeMainFolderRight
{
  
}

.MenuThemeMainItemLeft, .MenuThemeMainFolderLeft,
.MenuThemeMainItemRight, .MenuThemeMainFolderRight
{
	display:none;
}

.MenuThemeMainFolderRight, .MenuThemeMainItemRight
{
  padding-right: 0px;
  padding-left: 0px;
  border-right: 0px;
  white-space: nowrap;
  text-align: right;
}

/* ------------------------------------------- */
/* Sub Menu Items                              */
/* ------------------------------------------- */

.MenuThemeSubMenuTable TD
{
	cursor: pointer;
	text-align: left;
}

.MenuThemeMenuItem,
.MenuThemeMenuItemHover,
.MenuThemeMenuItemActive
{
}

.MenuThemeMenuItem
{
  background: #273132;
}

tr.MenuThemeMenuItemHover,
tr.MenuThemeMenuItemActive
{
  background: #1b2324;
}

td.MenuThemeMenuItemLeft, td.MenuThemeMenuFolderLeft,
td.MenuThemeMenuItemText, td.MenuThemeMenuFolderText,
td.MenuThemeMenuItemRight, td.MenuThemeMenuFolderRight
{
  background-color: inherit;
}

.MenuThemeMenuItemLeft, .MenuThemeMenuFolderLeft
{
  height: 25px;
  width: 5px;
}

.MenuThemeMenuItemText, .MenuThemeMenuFolderText
{
}

.MenuThemeMenuItemRight, .MenuThemeMenuFolderRight
{
  
  text-align: right;
}

.MenuThemeMenuItem .MenuThemeMenuItemLeft, .MenuThemeMenuItem .MenuThemeMenuFolderLeft,
.MenuThemeMenuItem .MenuThemeMenuItemText, .MenuThemeMenuItem .MenuThemeMenuFolderText,
.MenuThemeMenuItem .MenuThemeMenuItemRight, .MenuThemeMenuItem .MenuThemeMenuFolderRight
{
}

/* ------------------------------------------- */
/* Other Menu Styles                           */
/* ------------------------------------------- */

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

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

.MenuThemeMenuItem img.seq1
{
}

.MenuThemeMenuItemHover seq2,
.MenuThemeMenuItemActive seq2
{
}

.MenuThemeMenuItem .seq2,
.MenuThemeMenuItemHover .seq1,
.MenuThemeMenuItemActive .seq1
{
  display: none;
}