/* ThemeShowroomMenu Style Sheet */

.ThemeShowroomMenu,.ThemeShowroomSubMenuTable
{
    font-family:    Helvetica, arial, sans-serif;
    font-size:    13px;

    padding:    0;

    white-space:    nowrap;
    cursor:        default;
}

.ThemeShowroomSubMenu
{
    position:    absolute;
    visibility:    hidden;
    overflow:    hidden;

    padding:    0px;
    border:        0px;

    background-color:    transparent;
}

.ThemeShowroomSubMenuShadow
{
    z-index:    -1;
    position:    absolute;
    top:        9px;
    left:        9px;
    width:        100%;
    height:        300em;
    background-color:    black;
    opacity:    0.15;
    border:        0;
    margin:        0;
}

.ThemeShowroomSubMenuTable
{
    border:        1px solid #ADAA9C;
    background-color:    white;
    padding:    1px;
    margin:        0px 2px 2px 0px;
}

.ThemeShowroomMainItem,.ThemeShowroomMainItemHover,.ThemeShowroomMainItemActive,
.ThemeShowroomMenuItem,.ThemeShowroomMenuItemHover,.ThemeShowroomMenuItemActive
{
    border:        0;
    cursor:        default;
    white-space:    nowrap;
}

/* common background color to both horizontal and vertical menus */

.ThemeShowroomMainItem
{

    cursor:    pointer;
    cursor: hand;
}

.ThemeShowroomMainItemHover,.ThemeShowroomMainItemActive
{
    background-color:    #C6D3EF;
    cursor:    pointer;
    cursor: hand;
}

/* horizontal main menu */

.ThemeShowroomMainItem
{
    padding:    5px;
    border:        0;
    cursor:    pointer;
    cursor: hand;
}

td.ThemeShowroomMainItemHover,td.ThemeShowroomMainItemActive
{
    padding:    5px;
/*    border:        1px solid #3169C6;*/
    cursor:    pointer;
    cursor: hand;
}

.ThemeShowroomMainFolderLeft,.ThemeShowroomMainItemLeft,
.ThemeShowroomMainFolderText,.ThemeShowroomMainItemText,
.ThemeShowroomMainFolderRight,.ThemeShowroomMainItemRight
{
    background-color:    inherit;
    white-space:    nowrap;
    cursor:    pointer;
    cursor: hand;
}

/* vertical main menu sub components */

td.ThemeShowroomMainFolderLeft,
td.ThemeShowroomMainItemLeft
{
    padding:    5px 2px 5px 1px;

    border:        0;
    background-color:    inherit;
    white-space:    nowrap;
    cursor:    pointer;
    cursor: hand;
}

td.ThemeShowroomMainFolderText,
td.ThemeShowroomMainItemText
{
    padding:    5px 5px 5px 5px;

    border:        0;
    background-color:    inherit;
    white-space:    nowrap;
    cursor:    pointer;
    cursor: hand;
}

td.ThemeShowroomMainItemRight,
td.ThemeShowroomMainFolderRight
{
    padding:    5px 1px 5px 0px;

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


tr.ThemeShowroomMainItemHover td.ThemeShowroomMainFolderLeft,
tr.ThemeShowroomMainItemActive td.ThemeShowroomMainFolderLeft,
tr.ThemeShowroomMainItemHover td.ThemeShowroomMainItemLeft,
tr.ThemeShowroomMainItemActive td.ThemeShowroomMainItemLeft
{
    padding:    2px 2px 2px 0px;

    border-width:    1px 0px 1px 1px;
    border-style:    solid;
    border-color:    #3169C6;
    cursor:    pointer;
    cursor: hand;
}

tr.ThemeShowroomMainItemHover td.ThemeShowroomMainFolderText,
tr.ThemeShowroomMainItemActive td.ThemeShowroomMainFolderText,
tr.ThemeShowroomMainItemHover td.ThemeShowroomMainItemText,
tr.ThemeShowroomMainItemActive td.ThemeShowroomMainItemText
{
    padding:    2px 5px 2px 5px;

    border-width:    1px 0px 1px 0px;
    border-style:    solid;
    border-color:    #3169C6;
    cursor:    pointer;
    cursor: hand;
}

tr.ThemeShowroomMainItemHover td.ThemeShowroomMainFolderRight,
tr.ThemeShowroomMainItemActive td.ThemeShowroomMainFolderRight,
tr.ThemeShowroomMainItemHover td.ThemeShowroomMainItemRight,
tr.ThemeShowroomMainItemActive td.ThemeShowroomMainItemRight
{
    padding:    2px 0px 2px 0px;

    border-width:    1px 1px 1px 0px;
    border-style:    solid;
    border-color:    #3169C6;
    cursor:    pointer;
    cursor: hand;
}

/* sub menu sub components */

.ThemeShowroomMenuItem
{
    background-color:    white;
    cursor:    pointer;
    cursor: hand;
}

.ThemeShowroomMenuItemHover,.ThemeShowroomMenuItemActive
{
    background-color:    #C6D3EF;
    cursor:    pointer;
    cursor: hand;
}

.ThemeShowroomMenuFolderLeft,
.ThemeShowroomMenuItemLeft
{
    padding:    3px 3px 3px 2px;
    border:        0;

    white-space:    nowrap;

    background-color:    #FFF;
}

.ThemeShowroomMenuFolderText,
.ThemeShowroomMenuItemText
{
    padding:    3px 5px 3px 5px;
    border:        0;

    white-space:    nowrap;
}

.ThemeShowroomMenuFolderRight,
.ThemeShowroomMenuItemRight
{
    padding:    3px 1px 3px 0px;
    border:        0;

    white-space:    nowrap;
}

.ThemeShowroomMenuItemHover .ThemeShowroomMenuFolderLeft,
.ThemeShowroomMenuItemActive .ThemeShowroomMenuFolderLeft,
.ThemeShowroomMenuItemHover .ThemeShowroomMenuItemLeft,
.ThemeShowroomMenuItemActive .ThemeShowroomMenuItemLeft
{
    padding:    2px 3px 2px 1px;

    background-color:    #C6D3EF;

    border-width:    1px 0px 1px 1px;
    border-style:    solid;
    border-color:    #FFF;
    cursor:    pointer;
    cursor: hand;
}

.ThemeShowroomMenuItemHover .ThemeShowroomMenuFolderText,
.ThemeShowroomMenuItemActive .ThemeShowroomMenuFolderText,
.ThemeShowroomMenuItemHover .ThemeShowroomMenuItemText,
.ThemeShowroomMenuItemActive .ThemeShowroomMenuItemText
{
    padding:    2px 5px 2px 5px;

    border-width:    1px 0px 1px 0px;
    border-style:    solid;
    border-color:    #FFF;
    cursor:    pointer;
    cursor: hand;
}

.ThemeShowroomMenuItemHover .ThemeShowroomMenuFolderRight,
.ThemeShowroomMenuItemActive .ThemeShowroomMenuFolderRight,
.ThemeShowroomMenuItemHover .ThemeShowroomMenuItemRight,
.ThemeShowroomMenuItemActive .ThemeShowroomMenuItemRight
{
    padding:    2px 0px 2px 0px;

    border-width:    1px 1px 1px 0px;
    border-style:    solid;
    border-color:    #FFF;
    cursor:    pointer;
    cursor: hand;
}

/* menu splits */

td.ThemeShowroomMenuSplit
{
    margin:        0px;
    padding:    0px;
    border:        0px;
}

div.ThemeShowroomMenuSplit
{
    margin:        3px;
    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" />
*/

.ThemeShowroomMenuItem img.seq1
{
    display:    inline;
}

.ThemeShowroomMenuItemHover seq2,
.ThemeShowroomMenuItemActive seq2
{
    display:    inline;
}

.ThemeShowroomMenuItem .seq2,
.ThemeShowroomMenuItemHover .seq1,
.ThemeShowroomMenuItemActive .seq1
{
    display:    none;
}