/* Menu Style Sheet */

.ThemeXPTreeLevel0,.ThemeXPTreeLevel1
{
    font-size:  11px;
    cursor: default;
    background-color: #FFFFFF;

    white-space: nowrap;
    border:     0;
    padding:    0;
}

.ThemeXPTreeLevel1
{
    display: none;
}

.ThemeXPTable
{
    cursor: default;

    color:      inherit;
    background-color:   inherit;

    font-family: Arial, sans-serif;
    font-size:  11px;

    white-space: nowrap;

    border-collapse:    separate;

    border:     0;
    padding:    0;
}

.ThemeXPRow,.ThemeXPRowHover,.ThemeXPRowActive,.ThemeXPRowSelected
{
    font-size:  11px;
    background-color: inherit;
    white-space:    nowrap;

    border:     0;
    padding:    0;
}

.ThemeXPRowSelected
{
    background-color: #E3E3E3;
}

.ThemeXPFolderSpacer,.ThemeXPItemSpacer,
.ThemeXPFolderLeft,.ThemeXPItemLeft,
.ThemeXPFolderText,.ThemeXPItemText,
.ThemeXPFolderRight,.ThemeXPItemRight
{
    font-size:  11px;
    background-color: inherit;
    white-space:    nowrap;

    border:     0;
    padding:    0;
}

.ThemeXPFolderText,.ThemeXPItemText
{
    width:100%;
}
/* it would be better that child selector > would work, but IE
    doesn't support it :( */

.ThemeXPFolderText a,
.ThemeXPItemText a
{
    font-family: Arial, sans-serif;
    font-size:  11px;
    color: #000000;
    text-decoration:    none;
    border:         0;
    padding:        1px;
    background-color:   inherit;
}

.ThemeXPRowHover .ThemeXPItemText a,
.ThemeXPRowHover .ThemeXPFolderText a
{
    font-size:  11px;
    color:          #000000;
    text-decoration:   underline;
}

.ThemeXPRowActive .ThemeXPItemText a,
.ThemeXPRowActive .ThemeXPFolderText a,
.ThemeXPRowSelected .ThemeXPItemText a,
.ThemeXPRowSelected .ThemeXPFolderText a
{
    font-size:  11px;
    color: #000000;
    background-color:   #E3E3E3;
    font-weight: bold;
    text-decoration:    none;
}

/* in strict mode of XHTML, this is a fix for image connections */

.ThemeXPFolderSpacer img,
.ThemeXPItemSpacer img,
.ThemeXPFolderLeft img,
.ThemeXPItemLeft img,
.ThemeXPFolderRight img,
.ThemeXPItemRight img
{
    vertical-align: bottom;
}

/* no need to modify these two since they are generic. */
/* they are used to coordinate the folder open/closing animation */

.JSCookTreeFolderClosed
{
}

.JSCookTreeFolderOpen
{
}

#JSCookTreeFolderClosed .JSCookTreeFolderOpen
{
    display:    none;
}

#JSCookTreeFolderOpen .JSCookTreeFolderClosed
{
    display:    none;
}