/* ThemeArkMenu Style Sheet */

.ThemeArkMenu {width: 100%; border-bottom: 1px solid #c8c8c8;}

.ThemeArkMenu,.ThemeArkSubMenuTable
{
    color       : #515151;
    font-size: 12px;    
    font-family: Tahoma, Arial, Helvetica, sans-serif;

    padding:    0;

    white-space:    nowrap;
    cursor:     default;
}

.ThemeArkSubMenu
{
    position:   absolute;
    visibility: hidden;

    /*
       Netscape/Mozilla renders borders by increasing
       their z-index.  The following line is necessary
       to cover any borders underneath
    */
    border:     0;
    padding:    0;

    overflow:   visible;

    border:     1px solid #fff;

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}

.ThemeArkSubMenuTable
{
    overflow:   visible;
}

.ThemeArkMainItem,.ThemeArkMainItemHover,.ThemeArkMainItemActive,
.ThemeArkMenuItem,.ThemeArkMenuItemHover,.ThemeArkMenuItemActive
{
    cursor:     pointer;
    white-space:    nowrap;
}

.ThemeArkMainItem
{
    background: url(mmenu-gray-bg.jpg) #fcfbfb;
    color: #515151;
    text-align: center;
    white-space:    nowrap;
}

.ThemeArkMainItemHover,.ThemeArkMainItemActive
{
    background: url(mmenu-or-bg.jpg) #ff7e00;
    color: #fff;

    text-align: center;
}

.ThemeArkMenuItem
{
    font-size: 11px;
    background: #fcfbfb;
    font-weight: normal;
    height : 20px;    
}

.ThemeArkMenuItemHover,.ThemeArkMenuItemActive
{
    font-size: 11px;
    background-color:   #fca02c;
    color: #fff;

    font-weight: normal;        
    height : 20px;
}


/* horizontal main menu */

.ThemeArkMainItem
{
    padding:    3px;
    padding-left: 7px;

    border-left: 1px solid #c8c8c8; 
}

td.ThemeArkMainItemHover,td.ThemeArkMainItemActive
{
    padding:    3px;
    padding-left: 7px;
    border-left:     1px solid transparent;
}

.ThemeArkMainFolderLeft,.ThemeArkMainItemLeft,
.ThemeArkMainFolderText,.ThemeArkMainItemText,
.ThemeArkMainFolderRight,.ThemeArkMainItemRight
{
    background-color:   transparent;
}

/* vertical main menu sub components */

td.ThemeArkMainFolderLeft,td.ThemeArkMainItemLeft
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   0px;
    padding-right:  2px;

    background-color:   inherit;
}

td.ThemeArkMainFolderText,td.ThemeArkMainItemText
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   5px;
    padding-right:  5px;

    background-color:   inherit;
    white-space:    nowrap;
}

td.ThemeArkMainFolderRight,td.ThemeArkMainItemRight
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   0px;
    padding-right:  0px;

    background-color:   inherit;
}

tr.ThemeArkMainItem td.ThemeArkMainFolderLeft,
tr.ThemeArkMainItem td.ThemeArkMainItemLeft
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   0px;
    padding-right:  2px;

    white-space:    nowrap;

    background-color:   inherit;

}

tr.ThemeArkMainItem td.ThemeArkMainFolderText,
tr.ThemeArkMainItem td.ThemeArkMainItemText
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   5px;
    padding-right:  5px;

    background-color:   inherit;
}

tr.ThemeArkMainItem td.ThemeArkMainItemRight,
tr.ThemeArkMainItem td.ThemeArkMainFolderRight
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   0px;
    padding-right:  0px;

    background-color:   inherit;
}

/* sub menu sub components */

.ThemeArkMenuFolderLeft,.ThemeArkMenuItemLeft
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   1px;
    padding-right:  3px;

    border-bottom   : 1px solid #fff;
                        
    background-color:   #ff7e00;
    white-space:    nowrap;

}

.ThemeArkMenuFolderText,.ThemeArkMenuItemText
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   5px;
    padding-right:  5px;

    border-bottom   : 1px solid #fff;

    background-color:   inherit;
    white-space:    nowrap;
}

.ThemeArkMenuFolderRight,.ThemeArkMenuItemRight
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   5px;
    padding-right:  5px;

    border-bottom   : 1px solid #fff;

    background-color:   inherit;
    white-space:    nowrap;
}

.ThemeArkMenuItem .ThemeArkMenuFolderLeft,
.ThemeArkMenuItem .ThemeArkMenuItemLeft
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   1px;
    padding-right:  3px;

    white-space:    nowrap;

    border-bottom   : 1px solid #fff;

    background-color:   #e7e7e7;    
}

.ThemeArkMenuItem .ThemeArkMenuFolderText,
.ThemeArkMenuItem .ThemeArkMenuItemText
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   5px;
    padding-right:  5px;

    border-bottom   : 1px solid #fff;
    background-color:   inherit;
}

.ThemeArkMenuItem .ThemeArkMenuFolderRight,
.ThemeArkMenuItem .ThemeArkMenuItemRight
{
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   5px;
    padding-right:  5px;

    border-bottom   : 1px solid #fff;
    background-color:   inherit;
}

/* menu splits */

.ThemeArkMenuSplit
{
    margin:     2px;
    height:     1px;
    overflow:   hidden;
    background-color:   inherit;
    border-top: 1px solid #C6C3BD;
}

/* image shadow animation */

/*
    seq1:   image for normal
    seq2:   image for hover and active

    To use, in the icon field, input the following:
    <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeArkMenuItem img.seq1
{
    display:    inline;
}

.ThemeArkMenuItemHover seq2,
.ThemeArkMenuItemActive seq2
{
    display:    inline;
}

.ThemeArkMenuItem .seq2,
.ThemeArkMenuItemHover .seq1,
.ThemeArkMenuItemActive .seq1
{
    display:    none;
}