/* Side Menu CSS */

/* General */
.displaynone {
   display: none;
   }
   
.clearall {
   clear: both;
   }
   
body {
   font: 11px/1.7 Trebuchet MS, Verdana, Arial;
   }
   
/*Side Menu*/
   /*Layout*/
   #sidemenu_wrap h2 {
      margin: 0;
      padding: 0;
      }
   
   #sidemenu_hdr_music, #sidemenu_hdr_pix, #sidemenu_hdr_tvnmovies, #sidemenu_hdr_lifestyle, #sidemenu_hdr_news, #sidemenu_hdr_outnabout, #sidemenu_hdr_sports, #sidemenu_hdr_games, #sidemenu_hdr_3care, #sidemenu_hdr_my3, #sidemenu_hdr_goabroad, #sidemenu_hdr_visitindo, #sidemenu_hdr_prepaid, #sidemenu_hdr_postpaid  {
      height: 40px;
      width: 180px;
      }
      
   #sidemenu_hdr_music { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_music.jpg) top left no-repeat; }     
   #sidemenu_hdr_pix { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_pix.jpg) top left no-repeat; }      
   #sidemenu_hdr_tvnmovies { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_tvnmov.jpg) top left no-repeat; }      
   #sidemenu_hdr_lifestyle { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_lifestyle.jpg) top left no-repeat; }      
   #sidemenu_hdr_news { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_news.jpg) top left no-repeat; }    
   #sidemenu_hdr_outnabout { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_outnabout.jpg) top left no-repeat; }      
   #sidemenu_hdr_sports { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_sports.jpg) top left no-repeat; }      
   #sidemenu_hdr_games { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_games.jpg) top left no-repeat; }     
   #sidemenu_hdr_3care { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_3care.jpg) top left no-repeat; }     
   #sidemenu_hdr_my3 { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_my3.jpg) top left no-repeat; }      
   #sidemenu_hdr_goabroad { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_goabroad.jpg) top left no-repeat; }     
   #sidemenu_hdr_visitindo { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_visitindo.jpg) top left no-repeat; }      
   #sidemenu_hdr_prepaid { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_prepaid.jpg) top left no-repeat; }    
   #sidemenu_hdr_postpaid { background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_hdr_postpaid.jpg) top left no-repeat; }
      
   .sidemenu_mid {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_mid.gif) repeat-y;
      height: auto;
      padding: 0 0 7px 0;
      }
      
   .sidemenu_bot {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_bot.jpg) top left no-repeat;
      height: 15px;
      width: 180px;
      }

   /*Level 1*/
   #sidemenu_l1 {
      width: 160px;
      margin: 0 0 0 7px;
      padding: 0;
      list-style: none;
      }
   
   #sidemenu_l1 li {
      margin: 0 0 1px 0;
      padding: 0;
      }
   
   #sidemenu_l1 li div{
      background: #ddd url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_libg_dark.gif) top left no-repeat;
      height: 22px;
      padding: 2px 0 0 6px;
      overflow: hidden;
      }
      
   #sidemenu_l1 li div img {
      border: 0;
      margin: 3px 3px 0 0;
      *margin: 4px 3px 0 0;
      float: left;
      }

   /*Level 2*/ 
   #sidemenu_l2_01, #sidemenu_l2_02, #sidemenu_l2_03, #sidemenu_l2_04, #sidemenu_l2_05, #sidemenu_l2_06, #sidemenu_l2_07, #sidemenu_l2_08, #sidemenu_l2_09, #sidemenu_l2_10, #sidemenu_l2_02, #sidemenu_l2_11, #sidemenu_l2_12, #sidemenu_l2_13, #sidemenu_l2_14, #sidemenu_l2_15  {
      width: 160px;
      margin: 1px 0 0 0;
      padding: 0;
      list-style: none;
      }
      
   #sidemenu_l2_01 li, #sidemenu_l2_02 li, #sidemenu_l2_03 li, #sidemenu_l2_04 li, #sidemenu_l2_05 li, #sidemenu_l2_06 li, #sidemenu_l2_07 li, #sidemenu_l2_08 li, #sidemenu_l2_09 li, #sidemenu_l2_10 li, #sidemenu_l2_02 li, #sidemenu_l2_11 li, #sidemenu_l2_12 li, #sidemenu_l2_13 li, #sidemenu_l2_14 li, #sidemenu_l2_15 li {
      width: 160px;
      margin: 1px 0 0 0;
      padding: 0;
      list-style: none;
      }
   
   #sidemenu_l2_01 li div, #sidemenu_l2_02 li div, #sidemenu_l2_03 li div, #sidemenu_l2_04 li div, #sidemenu_l2_05 li div, #sidemenu_l2_06 li div, #sidemenu_l2_07 li div, #sidemenu_l2_08 li div, #sidemenu_l2_09 li div, #sidemenu_l2_10 li div, #sidemenu_l2_02 li div, #sidemenu_l2_11 li div, #sidemenu_l2_12 li div, #sidemenu_l2_13 li div, #sidemenu_l2_14 li div, #sidemenu_l2_15 li div {
      background: #e7e7e7 url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_libg_lite.gif) top left no-repeat;
      height: 22px;
      padding: 2px 0 0 15px;
      overflow: hidden;
      }
      
   .sidemenu_list {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/sidemenu_list_arrow.gif) 0 2px no-repeat;
      padding: 0 0 0 15px;
      }
      
   /*Layout*/
   #categories_hdr {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/categories_hdr.jpg) top left no-repeat;
      height: 40px;
      width: 180px;
      margin: 0;
      padding: 0;
      }
   
   #categories_container {
      margin: 0 0 0 20px;
      padding: 7px 0 0 0;
      width: 180px;
      }
      
   #categories_container li {
      width: 42px;
      height: 38px;
      margin: 0 7px 7px 0;
      pading: 0;
      display: block;
      float: left;
      }
      
   /* Category Btn */
   #cat_news a, #cat_fun a, #cat_music a, #cat_mobitv a, #cat_games a, #cat_guide a, #cat_lifestyle a, #cat_sport a, #cat_join a {
      display: block;
      width: 42px;
      height: 38px;
      }
   #cat_news a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_news.gif) no-repeat;
      }
   #cat_news a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_news.gif) bottom left no-repeat;
      }
   #cat_fun a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_fun.gif) no-repeat;
      }
   #cat_fun a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_fun.gif) bottom left no-repeat;
      }
   #cat_music a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_music.gif) no-repeat;
      }
   #cat_music a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_music.gif) bottom left no-repeat;
      }
   #cat_mobitv a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_mobitv.gif) no-repeat;
      }
   #cat_mobitv a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_mobitv.gif) bottom left no-repeat;
      }
   #cat_games a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_games.gif) no-repeat;
      }
   #cat_games a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_games.gif) bottom left no-repeat;
      }
   #cat_guide a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_guide.gif) no-repeat;
      }
   #cat_guide a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_guide.gif) bottom left no-repeat;
      }
   #cat_lifestyle a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_lifestyle.gif) no-repeat;
      }
   #cat_lifestyle a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_lifestyle.gif) bottom left no-repeat;
      }
   #cat_sport a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_sport.gif) no-repeat;
      }
   #cat_sport a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_sport.gif) bottom left no-repeat;
      }
   #cat_join a {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_join.gif) no-repeat;
      }
   #cat_join a:hover {
      background: url(/ShowDoc/BEA+Repository/data/bahasa/web/images/ico_join.gif) bottom left no-repeat;
      }
      
   /* Tool Tip */
   #categories_container li a {
      text-decoration: none;
      }
   
   #cat_news a span, #cat_fun a span, #cat_music a span, #cat_mobitv a span, #cat_games a span, #cat_guide a span, #cat_lifestyle a span, #cat_sport a span, #cat_join a span {
      display: none;
      }  
   #cat_news a:hover span, #cat_fun a:hover span, #cat_music a:hover span, #cat_mobitv a:hover span, #cat_games a:hover span, #cat_guide a:hover span, #cat_lifestyle a:hover span, #cat_sport a:hover span, #cat_join a:hover span {
      display: block;
      width: 50px;
      *width: auto;
      padding: 1px;
      border: 1px solid #ddd;
      background: #f4f6f7;
      text-align: center;
      position: relative;
      top: 25px;
      left: 25px;
      color: #333;
      z-index: 25;
      font-size: 10px;
      }