@charset "utf-8";
/* CSS Document */

.menu {padding:0; top:0; width:100%; margin:0; list-style:none; height:29px; position:relative; z-index:4; background:;}
.menu li.top {display:block; float:left;}
.menu span.divied{background:url(../images/menu_divied.gif) no-repeat top center; width:2px; height:29px; float:left;}
.menu li a.top_link {display:block; float:left; height:29px; line-height:29px; color:#333333; text-decoration:none; font-size:12px; text-transform:uppercase; padding:0 0 0 14px; cursor:pointer;}
.menu li a.top_link span {float:left; display:block; padding:0 14px 0 0; height:29px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 28px 0 0; height:29px; background:url(../images/nav_div.gif) no-repeat right;}
.menu li a.top_link:hover {color:#000; background:#FFF url(../images/menu_hover.gif) repeat-x top center;}
.menu li a.top_link:hover span {background:#FFF url(../images/menu_hover.gif) repeat-x top center;}
.menu li a.top_link:hover span.down {background:url(../images/nav_div.gif) no-repeat right;}

.menu li:hover > a.top_link {color:#000; background:#FFF url(../images/menu_hover.gif) repeat-x top center;}
.menu li:hover > a.top_link span {background:#FFF url(../images/menu_hover.gif) repeat-x top center;}
.menu li:hover > a.top_link span.down {background:url(../images/nav_div.gif) no-repeat right;}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; border-bottom:2px solid #d4d4d4;}

.menu :hover ul.sub {left:0; top:29px; background:#FFF; padding:0; white-space:nowrap; width:160px; height:auto; z-index:300; border-bottom:2px solid #d4d4d4;}
.menu :hover ul.sub li {display:block; height:27px; position:relative; float:left; width:160px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:27px; width:160px; line-height:27px; text-indent:15px; color:#333333; text-align:left; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#FFF url(../images/arrow_menu.gif) 145px 10px no-repeat;}
.menu :hover ul.sub li a:hover {background:#f8f7f7; color:#000;}
.menu :hover ul.sub li a.fly:hover {background:#f8f7f7 url(../images/arrow_menu.gif) 145px 10px no-repeat; color:#000; }
.menu :hover ul li:hover > a.fly {background:#f8f7f7 url(../images/arrow_menu.gif) 145px 10px no-repeat; color:#000;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:0; background:#FFF; padding:0; white-space:nowrap; width:160px; z-index:400; height:auto;}



.glossymenu{margin:0; padding: 0; width:;}
.glossymenu a.menuitem{background:black url(../images/side_btns.gif) repeat-x bottom left; color:#5f5f5f; display: block; position: relative; width: auto; padding:0; height:40px; line-height:40px; padding-left:10px; text-decoration:none;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color:#5f5f5f;}
.glossymenu a.menuitem .statusicon{position:absolute; top:12px; right:10px; border:none;}
.glossymenu a.menuitem:hover{background:url(../images/side_btns_h.gif) repeat-x;}
.glossymenu div.submenu{background: white;}
.glossymenu div.submenu ul{list-style-type: none; margin: 0; padding: 0;}
.glossymenu div.submenu ul li{background:#FFF; border-bottom:1px solid #f0f0f0}
.glossymenu div.submenu ul li a{ display: block; color: black;text-decoration: none; font-size:11px; height:26px; line-height:26px; padding-left: 10px;}
.glossymenu div.submenu ul li a:hover{background:#f8f7f7; colorz: white;}



.myacc {padding:0; margin:0; list-style:none; height:26px;}
.myacc li.top {display:block; float:left;}
.myacc li a.top_link {display:block; float:left; height:26px; line-height:26px; color:#333333; text-decoration:none; font-size:12px; padding:0; cursor:pointer; background:url(../images/icn_settings.png) no-repeat 10px 6px; padding:0 10px 0 30px; color:#eee;}
.myacc li a.top_link span {float:left; display:block; height:26px;}
.myacc li a.top_link span.down {float:left; display:block; height:26px;}

.myacc li a.top_link:hover {color:#eee; background-color:#444444;}
.myacc li a.top_link:hover span {  background-color:#444444;}
.myacc li a.top_link:hover span.down { background-color:#444444;}

.myacc li:hover > a.top_link {color:#eee;  background-color:#444444;}
.myacc li:hover > a.top_link span { background-color:#444444;}
.myacc li:hover > a.top_link span.down { background-color:#444444;}


.myacc table{border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.myacc a:hover {visibility:visible; position:relative; z-index:200;}
.myacc li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.myacc ul, 
.myacc :hover ul ul, 
.myacc :hover ul :hover ul ul,
.myacc :hover ul :hover ul :hover ul ul,
.myacc :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.myacc :hover ul.sub {left:0; top:26px; background:#444444; padding:0; white-space:nowrap; width:160px; height:auto; z-index:300; border-bottom:2px solid #d4d4d4;}
.myacc :hover ul.sub li {display:block; height:27px; position:relative; float:left; width:160px; font-weight:normal; background:url(../images/myacc_li_bg.gif) repeat-x bottom;}
.myacc :hover ul.sub li a {display:block; font-size:11px; height:27px; width:160px; line-height:27px; text-indent:10px; color:#eee; text-align:left; text-decoration:none;}
.myacc :hover ul.sub li a.fly {background:#FFF;}
.myacc :hover ul.sub li a:hover { background:#212121 url(../images/myacc_li_bg.gif) repeat-x bottom; color:#eee;}
.myacc :hover ul.sub li a.fly:hover { background:#212121 url(../images/myacc_li_bg.gif) repeat-x bottom; color:#eee; }
.myacc :hover ul li:hover > a.fly {background:#212121 url(../images/myacc_li_bg.gif) repeat-x bottom; color:#eee;} 

.myacc :hover ul :hover ul,
.myacc :hover ul :hover ul :hover ul,
.myacc :hover ul :hover ul :hover ul :hover ul,
.myacc :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:0; background:#444444; padding:0; white-space:nowrap; width:160px; z-index:400; height:auto;}