/* 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;
    
    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:.9;
    filter:alpha(opacity=90);
    }

/*  下面代碼設定二級菜單右側的陰影部分，其左側距離、高度等等在 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:0px; width:0px;
    -moz-opacity:.1;
    filter:alpha(opacity=10);
    }

/* 下面代碼設定二級菜單底部的陰影部分，其頂部距離、高度等等在 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:0px; height:0px;
    -moz-opacity:.1;
    filter:alpha(opacity=10);
    }

/* 下面代碼設定彈出的二級菜單上，當鼠標指向某個鏈接時，該鏈接的背景顏色。

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: #003366;
}

/* 下面代碼設定彈出的二級菜單上，當鼠標指向某個鏈接時，該鏈接的文字顏色。*/
.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;
    
    width: 140px;
    text-align: left;
    /*these are for IE placement only*/

/*
width: 160px;
margin-top: 0px;
margin-left: 0px;
*/
}


/* 一級菜單  For first level menu.*/
#wrap {
   margin: 0px;
   padding-top: 10px; padding-left: 20px;
}
#menu {
}
/* 以下代碼定義了一級菜單在正常顯示時的顏色 */
a.mainlevel-trans:link, a.mainlevel-trans:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 14px;
   
   color:#fff;
   white-space:nowrap;
   line-height: 18pt;
   border-right: 1px solid #3366cc;
   display: block;
   height: 30px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 15px;
}

/* 下面代碼定義了當鼠標指向一級菜單的時候，其菜單鏈接的顏色 */
a.mainlevel-trans:hover {
  color:#ccff99;
}


/* 下面代碼設定一級菜單上，當鼠標點擊之後，該鏈接變成了「當前活動菜單項」，此時的顏色 */
    a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 14px;
   
   color: #ccff99;/*#000000;*/
   white-space:nowrap;
   line-height: 26px;
   border-right: 1px solid #3366cc;
   display: block;
   height: 30px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 29px;
   background: url(img/arrow_black.png) 12px 6px no-repeat;
}

/* 下面一句定義了當一級菜單的某一個鏈接成為當前活動鏈接之後，再將鼠標指向時其顏色變化 */
a.mainlevel_active-trans:hover {
  color: white;
}
/* End added */