/*********************************************************
                ABOUT: menu.css
**********************************************************/

/* This stylesheet is used to assign styles to all menu elements 
/* layout.css is used to structure and style the physical page layout 
/* all other graphical elements are handled by graphic.css
    


/*****************************************/
/*           MENU - TOP                  */
/*****************************************/


.menu-top
{
margin: 0;
padding: 3px 0 0 0;
height: 12px;
background-color: #ffffff;
border: 0;
}

.menu-top a
{
float: right;
height: 12px;
padding: 0px 5px 0px 5px;
margin: 0;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
background:  #ffffff;
border: 0;
border-left: 1px solid #cccccc;
color: #999999;
}

.menu-top a:link, .menu-top a:visited, .menu-top a:hover
{
background: #ffffff;
color: #999999;
text-decoration: none;
}
 
.menu-top a.active
{
border-bottom: 3px solid #999999;
}

.menu-top a#first
{
border-left: none;
}


/*****************************************/
/*           MENU -  MAIN                */
/*****************************************/

#menu-main
{
/* background-image: url(Images/back.gif);
background-repeat: repeat-x; */
margin: 0;
padding: 0;
height: 28px;
background-color: #ffffff;
border: 0;
border-bottom: 2px solid #7EA87E;
}


#menu-main a
{
float: left;
padding: 5px 20px 3px 20px;
margin: 0;
text-decoration: none;
display: block;
text-align: center;
text-decoration: none;
min-width: 80px;
height: 18px;
font: normal 17px/18px georgia, serif;
background:  #D36969;
color: #ffffff;
border:0;
border-right: 2px solid #7EA87E;
border-top: 2px solid #7EA87E;
}

#menu-main a:link, #menu-main a:visited, #menu-main a:active
{
background:  #D36969;
color: #ffffff;
text-decoration: none;
}

#menu-main a:hover
{
background: #000000;
color: #ffffff;
text-decoration: none;
}

#menu-main a#selected
{
background: #D30000;
color: #ffffff; 
padding-bottom: 5px;
text-decoration: none;
}

#menu-main a#first {
border-left: 2px solid #7EA87E;
}

/*****************************************/
/*            MENU - SECONDARY           */
/*****************************************/

.menu-secondary
{
margin: 0;
padding: 8px 0 0 30px;
height: 25px;
background-color: #D30000;
border: 0;
}

.menu-secondary a
{
background:  #ccccff;
float:left;
height: 15px;
border: 0;
padding: 0 0 2px 0;
margin: 3px 19px 0 19px;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font: normal 15px/15px georgia, serif;
}

.menu-secondary a:link, .menu-secondary a:visited, .menu-secondary a:active
{
background-color: #D30000;
color: #ffffff;
text-decoration: none;
}

.menu-secondary a:hover
{
background-color: #D30000;
color:#ffffff;
border: 0;
border-bottom: 5px solid #7EA87E;
text-decoration: none;
}

.menu-secondary a.selected
{
background: #D30000;
color: #ffffff;
border-bottom: 5px solid #7EA87E;
text-decoration: none;
}    



/****************************************************/
/*            MENU - ACTION                         */
/****************************************************/


.menu-action {
margin: 15px 0 15px 0;
border: 0px solid #000000;
height: 40px;
}

.menu-action a:link, .menu-action a:visited, .menu-action a:active  {
text-decoration: none;
color: #ffffff;
background-color: #000000;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
padding: 3px 8px 4px 8px;
margin: 0 0 0 5px;
font: normal 15px/15px georgia, serif;
float: left;
}

.menu-action a:hover {
color: #000000;
background-color: #ffffff;
text-decoration: none;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
float: left;

}

/* see also graphic.css: EDIT FORMS (i.e. more styles for #content form) */


.submit {
color: #ffffff;
background-color: #000000;
text-decoration: none;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
padding: 0 6px 1px 6px;
margin: 0 0 0 5px;
font: normal 15px/15px georgia, serif;
width: 60px;
height: 25px;
float: left;
}

.submithover {
color: #000000;
background-color: #ffffff;
text-decoration: none;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
padding: 0 6px 1px 6px;
margin: 0 0 0 5px;
font: normal 15px/15px georgia, serif;
width: 60px;
height: 25px;
float: left;
}

/*****************************************/
/*            MENU - DETAIL              */
/*****************************************/

.menu-detail
{
margin: 0;
padding: 15px 0 10px 60px;
float: left; 
}

.menu-detail a 
{
background-color: #ffffff;
padding: 0 5px 0 5px; 
}

.menu-detail a:link, .menu-detail a:visited, .menu-detail a:active
{
border-left: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
border-top: 2px solid #cccccc;
border-right: 1px solid #cccccc;
}

.menu-detail a:hover
{
border-left: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
border-top: 2px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #000000;
color: #ffffff;
}

#menu-detail-selected, #menu-detail-selected a:hover
{
color: #ffffff;
background-color: #7EA87E;
border-left: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
border-top: 2px solid #cccccc;
border-right: 1px solid #cccccc;
}




/****************************************************/
/*            MENU - EXTRA                            */
/****************************************************/


.menu-extra {
margin: 15px 0 10px 0;
border: 0px solid #000000;
height: 25px;
clear: both;
}

.menu-extra a:link, .menu-extra a:visited, .menu-extra a:active  {
color: #000000;
background-color: #cccccc;
text-decoration: none;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
padding: 3px 8px 4px 8px;
margin: 0 0 0 5px;
font: normal 15px/15px georgia, serif;
float: left;
}

.menu-extra a:hover {
color: #000000;
background: #ffffff;
text-decoration: none;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
float: left;
}




/****************************************************/
/*            MENU - CONTEXT                        */
/****************************************************/

.contextMenu {
overflow: hidden;
}

.contextMenu .label {
width: 100%;
overflow: hidden;
background-color: #999999;
color: #ffffff;
font-weight: bold;
border-bottom: 1px solid #000000;
margin-top: 2px;
}

.contextMenu .node {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #999999;
margin-bottom: 4px;
}

.contextMenu .currentNode {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
font-weight: normal;
margin-bottom: 4px;

}


.contextMenu .node .plus {
background-image: url('../images/tree_plus.gif');
background-repeat: no-repeat;
padding-left: 17px;
background-position: top left;          
}

.contextMenu .currentNode .plus {
background-image: url('../images/tree_plus.gif');
background-repeat: no-repeat;
padding-left: 17px;
background-position: top left;          
}

.contextMenu .node .minus {
padding-left: 17px;
background-image: url('../images/tree_minus.gif');
background-repeat: no-repeat;
background-position: top left;
} 

.contextMenu .currentNode .minus {
padding-left: 17px;
background-image: url('../images/tree_minus.gif');
background-repeat: no-repeat;
background-position: top left;
}

.contextMenu .node .rootPath {
background-image: url('../images/tree_minus.gif');
background-repeat: no-repeat;
padding-left: 17px;
background-position: top left;
}

.contextMenu .currentNode .rootPath {
padding-left: 17px;
background-image: url('../images/tree_minus.gif');
background-repeat: no-repeat;
background-position: top left;
} 

/****************************************************/
/*            MENU - EDIT                            */
/****************************************************/


.menu-edit {
border: 0px solid #000000;
}

.menu-edit a:link, .menu-edit a:visited, .menu-edit a:active  {
color: #000000;
background-color: #cccccc;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
}

.menu-edit a:hover {
color: #000000;
background: #ffffff;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
} 

/****************************************************/
/*            MULTI-LEVEL TREE                      */
/****************************************************/

.contextMenu {
}

.contextMenu .label {
width: 100%;
overflow: hidden;
background-color: #7EA87E;
color: #000000;
font-weight: bold;
border-bottom: 1px solid #000000;
margin-top: 2px;
}

.contextMenu .node {
width: 100%;
overflow: hidden;
border-bottom: 0;
}     

.contextMenu .currentNode {
width: 100%;
overflow: hidden;
border-bottom: 0;
color: #333333; 
background-color: #54A854;
font-weight: bold; 
}

.contextMenu .currentNode a {
color: #000000;
}

.contextMenu .currentNode a:hover {
color: #ffffff;
}