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

/* Environment */
#main_menu, #private_menu, #logo .x1, #logo .x2 { position: absolute; }
#main_menu {left: 0px; top: 0px; width: 100px; height: 100%; background: url(../gfx/sidebar_body.gif) 11px 0px;}
	#main_menu .top_edge {position: absolute; left: 0px; top: 0px; width: 73px; height: 77px; background: url(../gfx/sidebar_top.gif) no-repeat;z-index: 40}
	#main_menu .left_edge {position: absolute; left: 0px;top: 0px; width: 11px; height: 100%; background: url(../gfx/sidebar_left.gif) 0px 3px;z-index: 25}
	#main_menu .right_edge {position: absolute; right: 0px;top: 0px; width: 12px; height: 100%; background: url(../gfx/sidebar_right.gif) 0px 3px;}
	#main_menu .bottom_edge {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 14px; background: url(../gfx/sidebar_bottom.gif) bottom no-repeat; z-index: 30}
	#main_menu a {display: block; width: 56px; height: 56px; position: absolute; left: 22px; font-family: OCR A Extended; 
    	font-size: 12px; color: white; text-decoration: none; text-transform: uppercase; text-align: center; 
         background-image: url(../gfx/icon-sprites.png); background-color: #0041A2;}
	#main_menu a:hover {background-color:#18A4E8}
    #main_menu a img.aligner {height: 56px; width: 1px; vertical-align:text-bottom; border:none}	
    	#menuId1 {top: 5%; background-position: 0 0; z-index: 60}
			#menuId1:hover {background-position: -56px 0;}
			#menuId1:active {background-position: -112px 0;}
       #menuId2 {top: 18%; background-position: 0px -56px; z-index: 59}
			#menuId2:hover {background-position: -56px -56px;}
			#menuId2:active {background-position: -112px -56px;}
       #menuId3 {top: 31%; background-position: 0px -112px;}
			#menuId3:hover {background-position: -56px -112px;}
			#menuId3:active {background-position: -112px -112px;}
       #menuId4 {top: 44%; background-position: 0px -168px;}
			#menuId4:hover {background-position: -56px -168px;}
			#menuId4:active {background-position: -112px -168px;}
       #menuId5 {top: 57%; background-position: 0px -224px;}
			#menuId5:hover {background-position: -56px -224px;}
			#menuId5:active {background-position: -112px -224px;}
       #menuId6 {top: 70%; background-position: 0px -280px;}
			#menuId6:hover {background-position: -56px -280px;}
			#menuId6:active {background-position: -112px -280px;}
       #menuId7 {top: 83%; background-position: 0px -336px;}
			#menuId7:hover {background-position: -56px -336px;}
			#menuId7:active {background-position: -112px -336px;}
#private_menu {left: 0px; top: 18px; height: 59px; width:100%; background: url(../gfx/private_bg.png); z-index:20;}
	#private_menu ul {position:absolute; left: 286px; top:0px; padding: 0px 0px 3px 0px; margin: 5px 0px 0px 0px; z-index:50; 
    	background: url(../gfx/ul_bottom.png) repeat-x bottom #6B8CB4;min-width: 320px; }
	#private_menu li, body.img_view #navi li {display: block; float:left;height: 21px;  padding-left: 0px; 
    	margin: 0px;min-width: 40px;}
    #private_menu li.fix {min-width: 70px;}
	#private_menu li a, #vip_menu a, body.img_view #navi li a, ul.menu a {
		display: block; float:left; color: white; background: url(../gfx/button_end.png) top right no-repeat;
    	padding: 0px 11px 0px 0px; font-weight: bold; text-decoration:none; font-size: 13px; height: 21px
	}
	#private_menu li a img.x1, #vip_menu a img.x1,body.img_view #navi li img.x1,ul.menu a img.x1 {
		background: url(../gfx/button_start.gif) no-repeat; width: 9px; height: 21px; border:none; 
    	vertical-align: -40%
	}
	#private_menu a:hover img.x1,#vip_menu a:hover img.x1, body.img_view #navi li a:hover img.x1, ul.menu a:hover img.x1 {
		background-image: url(../gfx/hover/button_start.png)
	}
    #private_menu a:hover, #vip_menu a:hover, body.img_view #navi li a:hover, ul.menu a:hover {
		background-image: url(../gfx/hover/button_end.png)
	}
	#private_menu a:active img.x1,#vip_menu a:active img.x1, body.img_view #navi li a:active img.x1,  ul.menu a:active img.x1 {
		background-image: url(../gfx/active/button_start.png); vertical-align: -30%; margin-right: 1px;
	}
    #private_menu a:active, #vip_menu a:active, body.img_view #navi li a:active, ul.menu a:active {
		background-image: url(../gfx/active/button_end.png); padding-right: 10px;
	}
	#infobar { position:absolute; left: 286px; top: 26px; height:28px; background: url(../gfx/infobar_bg.gif); right: 105px;z-index: 40; overflow: hidden}
		#infobar .x1 { color: white; font-family: OCR A Extended; font-size: 14px; margin-top: 5px; overflow: hidden; height: 20px}
		#infobar .x2, #infobar .x3 {display:none; visibility: hidden}
		#infobar .right_edge {float:right; width: 8px; height: 27px; background: url(../gfx/infobar_end.png); margin-top: 1px}
	#private_menu .end { position:absolute; top:0px; right: 0px; width: 105px; height: 100px; background: url(../gfx/private_rightwing.png);z-index: 45 }
	
	
#vip_menu {position: absolute; left: 150px; top: -30px;background: #6B8CB4; border: 1px #84DAFA outset; padding: 2px; 
	z-index: 95; border-top: none}
#vip_menu em {background: #6B8CB4}
#vip_menu a img.x1 {}
#vip_menu div {float:left;}

/* Navigation */
#second_menu {float:left; width: 80px; background:#0041A2; -moz-border-radius: 16px 0 16px 16px}
#second_menu + h1 {-moz-border-radius: 16px 16px 16px 0}
#second_menu a {display: block;  float: left; color: white; text-decoration: none; font-size: 12px;}