/* ThemePanelMenu Style Sheet */

.ThemePanelMenu
{
	font-family:	verdana, arial, sans-serif;
	font-size:	14px;
	background-color:	#F7F3F7;
        width: 100%;

	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelSubMenuTable
{
	font-family:	verdana, arial, sans-serif;
	font-size:	14px;
	background-color:	#F7F3F7;

	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelSubMenu
{
	position:	absolute;
	visibility:	hidden;

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

	/* the following property is only useful in IE */
/*
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
*/
}

.ThemePanelSubMenuTable
{
	border:		1px solid #9C9A9C;
}

.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelMainItem
{
	background: url(../../images/button.gif) #F7EAD4 no-repeat center bottom;
        height:97px;
        text-align:center;
	border-left:	4px solid #FFFFFF;
	font-weight: bold;
}

TD.ThemePanelMainItem
{
        width:20%;
	padding:	0px;
}

.ThemePanelMenuItem
{
	background-color:	#F7EAD4;
}

.ThemePanelMainItemHover,
.ThemePanelMainItemActive
{
	background: url(../../images/button.gif) #F7E4C1 no-repeat center bottom;
	background-color:	#F9F2E4;
        height:97px;
        text-align:center;
	border-left:	4px solid #FFFFFF;
        width:20%;
        color: #7E1315;
	font-weight: bold;
}

TD.ThemePanelMainItemHover,
TD.ThemePanelMainItemActive
{
        width:20%;
	padding:	0px;
}

.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
	background-color:	#F9F2E4;
}


/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */


.ThemePanelMainFolderLeft,.ThemePanelMainItemLeft,
.ThemePanelMainFolderText,.ThemePanelMainItemText,
.ThemePanelMainFolderRight,.ThemePanelMainItemRight
{
	text-align: center;
	border:		0px;
}

/* vertical main menu sub components */

td.ThemePanelMainFolderLeft,td.ThemePanelMainItemLeft
{
        padding-top:        2px;
        padding-bottom:        2px;
        padding-left:        0px;
        padding-right:        2px;
        border-top:        1px solid #3169C6;
        border-bottom:        1px solid #3169C6;
        border-left:        1px solid #F7E4C1;
        background-color:        inherit;
}

td.ThemePanelMainFolderText,td.ThemePanelMainItemText
{
        padding-top:        2px;
        padding-bottom:        2px;
        padding-left:        5px;
        padding-right:        5px;

        border-top:        1px solid #3169C6;
        border-bottom:        1px solid #3169C6;

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

td.ThemePanelMainFolderRight,td.ThemePanelMainItemRight
{
        padding-top:        2px;
        padding-bottom:        2px;
        padding-left:        0px;
        padding-right:        0px;
        border-top:        1px solid #3169C6;
        border-bottom:        1px solid #3169C6;
        border-right:        1px solid #3169C6;
        background-color:        inherit;
}

tr.ThemePanelMainItem td.ThemePanelMainFolderLeft,
tr.ThemePanelMainItem td.ThemePanelMainItemLeft
{
        padding-top:        3px;
        padding-bottom:        3px;
        padding-left:        1px;
        padding-right:        2px;

        white-space:        nowrap;

        border:                0;
        background-color:        inherit;
}

tr.ThemePanelMainItem td.ThemePanelMainFolderText,
tr.ThemePanelMainItem td.ThemePanelMainItemText
{
        padding-top:        3px;
        padding-bottom:        3px;
        padding-left:        5px;
        padding-right:        5px;

        border:                0;
        background-color:        inherit;
}

tr.ThemePanelMainItem td.ThemePanelMainItemRight,
tr.ThemePanelMainItem td.ThemePanelMainFolderRight
{
        padding-top:        3px;
        padding-bottom:        3px;
        padding-left:        0px;
        padding-right:        1px;

        border:                0;
        background-color:        inherit;
}

/* sub menu sub components */

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
        padding-top:        2px;
        padding-bottom:        2px;
        padding-left:        1px;
        padding-right:        3px;
        border-top:        1px solid #F7E4C1;
        border-bottom:        1px solid #F7E4C1;
        border-left:        1px solid #F7E4C1;
        background-color:        inherit;
        white-space:        nowrap;
}

.ThemePanelMenuFolderText,.ThemePanelMenuItemText
{
        padding-top:        12px;
        padding-bottom:        5px;
        padding-left:        15px;
        padding-right:        15px;
        border-top:        1px solid #F7E4C1;
        border-bottom:        1px solid #F7E4C1;
        background-color:        inherit;
        white-space:        nowrap;
}

.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
        padding-top:        2px;
        padding-bottom:        2px;
        padding-left:        0px;
        padding-right:        0px;
        border-top:        1px solid #d5d5d5;
        border-bottom:        1px solid #d5d5d5;
        border-right:        1px solid #d5d5d5;
        background-color:        inherit;
        white-space:        nowrap;
}

.ThemePanelMenuItem .ThemePanelMenuFolderLeft,
.ThemePanelMenuItem .ThemePanelMenuItemLeft
{
        padding-top:        3px;
        padding-bottom:        3px;
        padding-left:        2px;
        padding-right:        3px;

        white-space:        nowrap;

        border:                0;
        background-color:        #AE9056;
}

.ThemePanelMenuItem .ThemePanelMenuFolderText,
.ThemePanelMenuItem .ThemePanelMenuItemText
{
        padding-top:        13px;
        padding-bottom:        6px;
        padding-left:        15px;
        padding-right:        15px;

        border:                0;
        background-color:        inherit;
}

.ThemePanelMenuItem .ThemePanelMenuFolderRight,
.ThemePanelMenuItem .ThemePanelMenuItemRight
{
        padding-top:        3px;
        padding-bottom:        3px;
        padding-left:        0px;
        padding-right:        1px;

        border:                0;
        background-color:        inherit;
}

/* menu splits */

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

/* 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" />
*/

.ThemePanelMenuItem img.seq1
{
        display:        inline;
}

.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
        display:        inline;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
        display:        none;
}