@charset "utf-8";
/* CSS Document - ZERATUL - starcraft - august 14th 2008*/

#menubar {height:32px; background:#FFF; padding-top:1px; }
/* CSS Document */
.kone-nav,
.kone-nav ul {list-style: none; margin: 0; padding: 0; margin-top:0px}
.kone-nav { z-index: 1000; position: relative; }
.kone-nav li { float: left; margin: 0; padding: 0; position: relative;}

.kone-nav li a, 
.kone-nav li a:link, 
.kone-nav li a:active, 
.kone-nav li a:visited { font-family: Arial, Trebuchet MS, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; 
		display: block; padding: 7px 4px 7px 6px; border-right:1px solid #ddd; border-left:none;}
.kone-nav li a:hover { background: #333; color: #000; }

.kone-nav ul { list-style: none; margin: 0 0 0 1px; width: 180px; position: absolute; top: -1000px; left: -1px; }
.kone-nav li:hover ul,
.kone-nav li.sfHover ul { top: 27px; margin-left: 0px; padding:12px 3px 2px 4px; 
		background:#f7f7f7 url(../images/panel_kanan_bg.jpg) repeat-x -1px -70px; border:1px solid #cccccc; 
		border-bottom:1px solid #666; border-top:none }
.kone-nav ul li { border: 0; float: none; }
.kone-nav ul a { padding-right: 20px; width: 150px; white-space: nowrap; /*border-bottom: 1px dotted #FFF; */text-transform:capitalize; font-weight:normal }
.kone-nav ul a:hover { background: #666; color: #FFF; }


.kone-nav .redtext { color: red; }

#kone-mainmenu {height:29px; border:1px solid #C4DF9B; width:auto; background:#f7f7f7 url(../images/menubar_bg.jpg) repeat-x }

#kone-mainmenu li:hover a, 
#kone-mainmenu li.sfHover a{ background-color: #FFF; color: Green; border-right: 1px solid #ccc; padding:7px 4px 8px 6px; border-left:0px  }

#kone-mainmenu li:hover ul a, 
#kone-mainmenu li.sfHover ul a { border:1px solid #ededed; border-left:0px solid #ccc; border-right:0px solid #999; 
	padding:4px 0px 4px 20px; color:#666; background:url(../images/bullet_arrow.gif) no-repeat 2px 4px; margin-top:-1px;
	font-size:12px; font-weight:bold; width:157px; /* font-family: Tahoma, Verdana, Arial, "Trebuchet MS"; */
	}
#kone-mainmenu li:hover ul a:hover, 
#kone-mainmenu li.sfHover ul a:hover { color: Green; text-decoration:none; font-weight:bold; padding-left:20px; margin-top:-1px;
	background: #FFF url(../images/bullet_arrow.gif) no-repeat 4px 4px /*#f2f2f2 url(../images/menu_pulldown_bg.gif) no-repeat*/ }

#kone-mainmenu #itop { border-top:1px solid #999 }

#kone-mainmenu li .ibottom  { border-bottom:0px solid #000; width: auto; }

#kone-mainmenu #ibottom  { width: auto; height: 0px; border-bottom:2px solid #F7F7F7; background-color:#F7F7F7; margin-top:-1px; padding-top:0px;}
#kone-mainmenu #ibottom #ileft { width: 7px; height: 7px; background-image: url(../images/menu_bl.gif); float: left; overflow: hidden; }
#kone-mainmenu #ibottom #icenter { width: 154px; height: 7px; background-image: url(../images/menu_b.gif); float: left; overflow: hidden; }
#kone-mainmenu #ibottom #iright { width: 7px; height: 7px; background-image: url(../images/menu_br.gif); float: left; overflow: hidden; }