/* TRANSMENU CSS FOR RHUK_PLANETFALL TEMPLATE*/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	text-indent:2px;
	}
.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item{
    font-size:14px;
    text-decoration:none;
	font-weight:bold;
    margin: 0px;
	display:block;
    color:white;

	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #000;
	}


/* 下面代码设定弹出的二级菜单的背景. 透明度设定： -moz-opacity 用于 mozilla 浏览器, filter 用于 IE/windows 5.0+ 浏览器. */
/* 请在 transmenu.js 文件中的第45行设置弹出的二级菜单的背景颜色
that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/*  下面代码设定二级菜单右侧的阴影部分，其左侧距离、高度等等在 transmenu.js 文件中设置。
same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* 下面代码设定二级菜单底部的阴影部分，其顶部距离、高度等等在 transmenu.js 文件中设置。
same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* 下面代码设定弹出的二级菜单上，当鼠标指向某个链接时，该链接的背景颜色。

this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background: #FF9000;
}

/* 下面代码设定弹出的二级菜单上，当鼠标指向某个链接时，该链接的文字颜色。*/
.transMenu .item.hover td {color:#ffffff;}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}


.transMenu .item#active {
	background:#ff0000;
	color:black;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	}
.transMenu .item#active.hover {
	background:#3366CC;
	color:#ffffff;
	}

/* 如果弹出的二级菜单有一部分宽度没有显示出来，可以在此定义弹出菜单的宽度，从而强迫显示完整宽度。  */
.transMenu .item td{
	color:#ffffff;
	font-weight:bold;
	width: 80px;
}


/* 一级菜单  For first level menu.*/
#wrap {
   margin: 0px;
   padding: 0px;
}
#menu {
}
/* 以下代码定义了一级菜单在正常显示时的颜色 */
a.mainlevel-trans:link, a.mainlevel-trans:visited, .mainlevel-trans {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 9pt;
   font-weight:bold;
   color:#FFF;
   white-space:nowrap;
   line-height: 18pt;
   border-right: 1px solid #FFF;
   display: block;
   height: 26px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 15px;
   cursor: hand;
}

/* 下面代码定义了当鼠标指向一级菜单的时候，其菜单链接的颜色 */
a.mainlevel-trans:hover, .mainlevel-trans {
  color:#FFF;
}


/* 下面代码设定一级菜单上，当鼠标点击之后，该链接变成了“当前活动菜单项”，此时的颜色 */
a.mainlevel_active-trans, a.mainlevel_active-trans:visited, span.mainlevel_active-trans{
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 9pt;
   font-weight:bold;
   color: #FFF;
   white-space:nowrap;
   line-height: 26px;
   border-right: 1px solid #FFF;
   display: block;
   height: 26px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 29px;
   background: url(img/arrow.png) 12px 10px no-repeat;
}

/* 下面一句定义了当一级菜单的某一个链接成为当前活动链接之后，再将鼠标指向时其颜色变化 */
a.mainlevel_active-trans:hover {
  color: white;
}
/* End added */