/**************** menu coding *****************/
#menu
{
    width: 210px;
}

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu a, #menu a.HasChildrenSelected, #menu a.HasChildren, #menu a.Selected, #menu a.Edit, #menu a.Insert, #menu a.MoveUp
{
    font: 12px Arial, Verdana;
    display: block;
    margin: 0;
    padding: 3px 20px 3px 30px;
    color: #666663;
    background: #E6E4E0;
    text-decoration: none;
    width: 100%;
    border-top: 1px Solid #E6E4E0;
    border-bottom: 1px Solid #E6E4E0;
}

#menu a.Edit, #menu a.Edit:hover
{
    color: #000;
    background-color: #888;
    background-image: url(/Images/page_white_edit.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 30px 3px 20px;
}

#menu a.Insert, #menu a.Insert:hover
{
    color: #000;
    background-color: #888;
    background-image: url(/Images/page_white_add.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 30px 3px 20px;
}

#menu a.MoveUp, #menu a.MoveUp:hover
{
    color: #000;
    background-color: #888;
    background-image: url(/Images/arrow_up.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 30px 3px 20px;
}

#menu a:hover
{
    background: #F3F2F1;
    border-top: 1px Solid White;
    border-bottom: 1px Solid White;
}
#menu a.Selected
{
    background: #F3F2F1;
    border-top: 1px Solid White;
    border-bottom: 1px Solid White;
}
#menu a.HasChildren
{
    background-image: url(/Images/DarkGreyArrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
#menu a.HasChildrenSelected
{
    background-image: url(/Images/DarkGreyArrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #E6E4E0;
}


#menu li
{
    position: relative;
    list-style: none;
    z-index: 1;
    float: left;
    width: 100%;
}

#menu ul ul ul
{
    position: absolute;
    top: 0;
    left: 260px; /*IE7 fix - #menu width + padding*/
    width: 100%;
}

div#menu ul ul ul, div#menu ul ul ul ul, div#menu ul ul ul ul ul, div#menu ul ul ul ul ul ul
{
    display: none;
}


div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul, div#menu ul ul ul ul li:hover ul ul, div#menu ul ul ul ul ul li:hover ul ul
{
    display: none;
}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul, div#menu ul ul ul ul ul li:hover ul
{
    display: block;
}

div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul, div#menu ul ul ul ul ul li:hover ul, div#menu ul ul ul ul ul ul li:hover ul
{
    display: block;
}