/**
 * pragmaMx - Web Content Management System.
 * Copyright by pragmaMx Developer Team - http://www.pragmamx.org
 * $Id: mx-menu.css,v 1.2 2009-09-17 21:32:40 tora60 Exp $
 */

div.mx-menu {
   border-bottom: 1px #dddddd solid;
   border-top: 2px #dddddd solid;
   list-style-type: none;
   margin: 1em 0;
   overflow: hidden;
   padding: 0;
   width: 100%;
}

.mx-menu * {
   border: none;
   font-size: 1em;
   list-style-image: none !important;
   list-style-type: none !important;
   margin: 0;
   padding: 0;
   text-align: left;
   text-decoration: none;
}

.mx-menu li {
   border-bottom: none;
   border-top: none;
   margin: 0;
   padding: 0;
   width: 100%;
}

.mx-menu li a {
   background-color: transparent;
   border: none;
   color: #444444;
   display: block;
   margin-left: 0;
   text-decoration: none;
   white-space: nowrap;
}

.mx-menu li a,
.mx-menu li span {
   height: 1.5em;
   line-height: 1.5em;
   padding-bottom: 3px;
   padding-top: 3px;
}

.mx-menu li a:hover {
   border: none;
   text-decoration: none;
}

.mx-menu li a:hover,
.mx-menu li div.hover,
.mx-menu li div:hover,
.mx-menu li div.current.hover a,
.mx-menu li div.current:hover a,
.mx-menu li div.current a:hover {
   background-color: #ff6633;
   color: #ffffff;
}

.mx-menu li div {
   border-bottom-color: #ebebeb;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-top: none;
   height: auto;
   line-height: 1.5em;
}

.mx-menu li div.current {
   background-color: #bbbcca;
   border-bottom: 1px solid #eeeeee;
   color: #444444;
   font-weight: bold;
   padding: 1px 0 1px 0;
}

.mx-menu li div.current a {
   background-color: #ffffff;
   color: #444444;
   padding-left: 14%;
   width: 86%;
}

.mx-menu li div.current span {
   background-color: #bbbcca;
   color: inherit;
}

.mx-menu li div.current,
.mx-menu li div.current.hover,
.mx-menu li div.current:hover {
   background-color: #bbbcca;
   color: inherit;
}

.mx-menu li div.nolink span {
   background-position: 5px 55%;
   background-repeat: no-repeat;
   display: block;
   float: none;
   padding-left: 10%;
   width: auto;
}

.mx-menu li li {
   border-bottom: none;
   border-top: none;
}

.mx-menu li span {
   background-position: 5px 55%;
   background-repeat: no-repeat;
   display: block;
   float: left;
   width: 10%;
}

.mx-menu li span.collapsed {
   background-image: url(../../../images/menu/square/subnode_plus.gif);
   cursor: pointer;
}

.mx-menu li span.collapsed:hover,
.mx-menu li span.expanded:hover {
   cursor: pointer;
}

.mx-menu li span.d {
   background-image: url(../../../images/menu/square/subnode.gif);
   cursor: auto;
}

.mx-menu li span.expanded {
   background-image: url(../../../images/menu/square/subnode_minus.gif);
   cursor: pointer;
}

.mx-menu li span:hover,
.mx-menu li a:focus,
.mx-menu li a:hover,
.mx-menu li a:active {
   text-decoration: none;
}

.mx-menu li ul {
   margin-left: 1.1em;
}

.mx-menu ul,
.mx-menu li {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.mx-menu ul.collapsed {
   display: none;
}

.mx-menu ul.expanded {
   display: block;
}