/* 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: 10px;
	cursor: pointer;
	color: #666;
}

/* ------------------------------------------- */
/* Main Tables                                 */
/* ------------------------------------------- */
table.MenuThemeMenu
{
  border-collapse: collapse;
  border:   0px;
  padding:  0px;
  margin:   0px;
  margin-top:3px;
 /* margin-left: -13px; /* hack to get tab mouse over to line up with left of bg. not important */
  background: transparent;
  height: 52px; /*WAS 49 */
}

.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: 1px solid #518DA5;
	width: auto;
}
.MenuThemeSubMenu table
{
  border: solid 1px White;  
}

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

.MenuThemeSubMenuTable td
{
  padding: 1px;
}

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

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

.MenuThemeMainItem,
.MenuThemeMainItemHover,
.MenuThemeMainItemActive
{
}

.MenuThemeMainItemLeft, .MenuThemeMainFolderLeft,
.MenuThemeMainItemText, .MenuThemeMainFolderText,
.MenuThemeMainItemRight, .MenuThemeMainFolderRight
{
  height: 36px;
  float: left;
  clear: none;
}

.MenuThemeMainItemLeft, .MenuThemeMainFolderLeft
{
  display: block;
  width: 15px;
  height: 36px;
}

.MenuThemeMainFolderRight, .MenuThemeMainItemRight
{
  display: block;
  width: 15px;
  height: 31px;
}

.MenuThemeMainItemText, .MenuThemeMainFolderText
{
  padding: 10px 10px 0 10px;
  background: none;
  color: Black;
  font-size: 12px;
  font-weight: bold;
  display: block;
}


/* active left image */
.MenuThemeMainItemHover .MenuThemeMainFolderLeft,
.MenuThemeMainItemActive .MenuThemeMainFolderLeft,
.MenuThemeMainItemHover .MenuThemeMainItemLeft,
.MenuThemeMainItemActive .MenuThemeMainItemLeft
{  
  background: Transparent url(../images/2009_redesign/top_nav_tab_left.gif) no-repeat scroll left top;
  height: 29px;
}
/* active middle image */
.MenuThemeMainItemHover .MenuThemeMainFolderText,
.MenuThemeMainItemActive .MenuThemeMainFolderText,
.MenuThemeMainItemHover .MenuThemeMainItemText,
.MenuThemeMainItemActive .MenuThemeMainItemText
{
  background: Transparent url(../images/2009_redesign/top_nav_tab_middle.gif) repeat-x scroll left top;  
  color: White;
}
/* active right image */
.MenuThemeMainItemHover .MenuThemeMainFolderRight,
.MenuThemeMainItemActive .MenuThemeMainFolderRight,
.MenuThemeMainItemHover .MenuThemeMainItemRight,
.MenuThemeMainItemActive .MenuThemeMainItemRight
{
  background: Transparent url(../images/2009_redesign/top_nav_tab_right.gif) no-repeat scroll right top;  
  height: 29px;
}

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

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

.MenuThemeMenuItem,
.MenuThemeMenuItemHover,
.MenuThemeMenuItemActive
{
}

.MenuThemeMenuItem
{
  color: #666;
  background:transparent url(../images/bg_transparent.png) repeat scroll 0%;
}

tr.MenuThemeMenuItemHover,
tr.MenuThemeMenuItemActive
{
  color: #666;
  background: #EEE;
}

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

.MenuThemeMenuItemLeft, .MenuThemeMenuFolderLeft
{
  height: 22px;
  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;
}
	
	
.MenuThemeSubMenu .MenuThemeMenuItemLeft,
.MenuThemeSubMenu .MenuThemeMenuItemRight,
.MenuThemeSubMenu .MenuThemeMenuFolderLeft,
.MenuThemeSubMenu .MenuThemeMenuFolderRight
{
  display: none;
}


.MenuThemeSubMenu
{
  margin-left: 2px; 
}

.MenuThemeSubMenu .MenuThemeMenuItemText,
.MenuThemeSubMenu .MenuThemeMenuFolderText
{
  padding: 3px;
  padding-right: 15px;
  color: White;
  font-weight: normal;
  font-size: 12px;
  border: solid 2px White;
  display: block;
  background-color: #A59C51; 
  background-image: none;
  background-position: right top;
  background-attachment:scroll;  
  background-repeat: no-repeat;
}

.MenuThemeSubMenu tr.MenuThemeMenuItem .MenuThemeMenuItemText,
.MenuThemeSubMenu tr.MenuThemeMenuItem  .MenuThemeMenuFolderText
{
  background-color: #518DA5; 
  padding-right: 15px;
}

.MenuThemeSubMenu .MenuThemeMenuFolderText
{
  background-image: url(../images/2009_redesign/menu_arrow.gif);
}

/* hack to make business sub menu wider */
#cmSubMenuID2 table
{
  width: 160px;
}
#cmSubMenuID1 table
{
  width: 140px;
}