/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Copyright (C) 2008 JoomlAxe.
# @license - GPU/GPL
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# This file may be redistributed or editted in whole or significant part.
-------------------------------------------------------------------------*/

/*=========================== MOO MENU ================================*/
#topmenu .moduletable{
  margin:0;
}

#topmenu ul{
  margin:0;
  padding:0;
  width:auto;
}

/*Parent Container*/
#topmenu ul li{
  margin:0;
  padding:0px;
  height: 23px;
  float:left;
  position:relative
}

/*Parent Span*/
#topmenu ul li .separator span{
  color:#BBB;
  height:22px;
  display: block;
  font-family: misoregular;
  font-size: 11px;
  padding: 25px 15px 25px 15px;
  border-left: 1px solid #DDD;
}

#topmenu ul li .separator span:hover{
  text-decoration:none;
  color: #000000;
}

/*Child Span*/
#topmenu ul li ul li .separator span{
  background-color: #FFF;
  height: 22px;
  border-left: 1px solid #DDD;
}

#topmenu ul li ul li .separator span:hover{
  background-image: none;
  color: #000000;
  
}

/*Parent Link*/
#topmenu ul li a{
  color:#BBB;
  display: block;
  font-family: misoregular;
  font-size: 12px;
  padding: 25px 75px 25px 0px;
  border-left: 0px solid #DDD;
  text-decoration: none;
  
  
}
#topmenu ul li a:hover{
  text-decoration:none;
  color: #000000;
}

#topmenu ul li a span{
  font-size: 18px;
}

#topmenu ul li ul {
  display:block;
  height:auto;
  width: 14em;
  position:relative;
  z-index:99;
  left: -999em;
  color: #660000;
}

#topmenu ul li ul ul {
   margin: -40px 0 0 14em;
}

#topmenu ul li li {
  width: 10em;
}

/*Child Link*/
#topmenu ul li li a {
  color:#BBB;
  height:12px;
  text-transform:none;
  background-color: #ededed;
  display: block;
  padding: 0px 15px 10px 15px;
  font-family: misoregular;
  font-size: 10px;
}

#topmenu ul li li a:hover{
  background-image: none;
}

#topmenu ul li ul {
  left: -999em;
}

#topmenu ul li:hover ul ul, #topmenu ul li:hover ul ul ul {
  left: -999em;
}

#topmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu ul li li li:hover ul {
  left: auto;
}

/* ============================= System Messages ====================================*/
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB; list-style: none;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; }

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; list-style: none;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/*================================== ROUNDED MODULE =================================*/
.roundedmodulebg .moduletable{
  font-size: 11px;
  color: #888;
}

.roundedmodulebg .moduletable h3{
  font-size: 16px;
  color: #333;
  font-weight: lighter;
}

.roundedmodulebg .moduletable a:link, .roundedmodulebg .moduletable a:visited{
  text-decoration: none;
}

.roundedmodulebg .moduletable a:hover{
  border-bottom: 0px dotted #CCC;
  padding-bottom: 0px;
}


/*================================ PATHWAY / BREADCRUMB  ===============================*/
#pathway, #pathway a:link, #pathway a:visited{
  font-size:11px;
  font-weight: lighter;
}


/*=========================== LEFT MODULE ===============================*/
.columnkiri .moduletable, .columnkiri .moduletable_menu{
  margin-bottom: 15px;
}

.columnkiri .moduletable{
  padding: 5px;
  border:0px solid #DDD;
  background-repeat: repeat-x;

}

.columnkiri .moduletable h3, .columnkiri .moduletable_menu h3{
  font-weight: lighter;
  font-size: 16px;
  color: #333;
}

/*=========================== RIGHT MODULE ===============================*/
.columnkanan .moduletable, .columnkanan .moduletable_text{
  margin-bottom: 15px;
}

.columnkanan .moduletable h3{
  font-weight: lighter;
  font-size: 16px;
  color: #333;
}

/*=========================== RIGHT MODULE ===============================*/

.mainlevel-footer, .mainlevel-footer:link, .mainlevel-footer:visited{
  color: #888;
  text-decoration: none;
}


.mainlevel-footer:hover, .mainlevel-footer:active{
  color: #7cb905;
}

#active_menu-footer{
  color: #7cb905;
}