/*
 * ThemeGray Style Sheet
 * by Ian Reyes and Heng Yuan
 */

.ThemeGrayMenu,.ThemeGraySubMenuTable
{
        font-family: 		Tahoma;
        font-weight: 		bold;
        font-size: 		11px;
        width: 			262px;

        color: 			#460C0A;
        background-color: 	#ffffff;

        cursor:                	default;
        cursor:                	hand !important;
        white-space:        	nowrap;
}

.ThemeGraySubMenu
{
        width: 			194px;
        position:        	absolute;
        display:        	block;
        visibility:        	hidden;
        overflow:        	hidden;

        /*border:               1px outset #9C9A9C; */
        background-color: 	transparent;
}

.ThemeGraySubMenuTable
{
        width: 			194px;
        border-collapse:        separate;
        opacity:        	0.9;
        filter:			Alpha(style=0,opacity=90);
}

.ThemeGrayMenuItem,.ThemeGrayMenuItemHover,.ThemeGrayMenuItemActive
{
        cursor:                	default;
        cursor:                	hand !important;
        white-space:        	nowrap;
}

.ThemeGrayMainItem,
.ThemeGrayMenuItem
{
    background-image:		url(../afbeeldingen/menu_background.jpg);
    background-repeat:		repeat-x;
    text-align:			right;
    color:			#FFF;
    font-weight:		bold;
    text-transform:		uppercase;
    height: 			20px;
    width: 			262px;
}

.ThemeGrayMainItemHover,
.ThemeGrayMainItemActive
{
    text-align:			right;
    color:#FFFF99;
    background-image:		url(../afbeeldingen/menu_background_active.jpg);
    background-repeat:		repeat-x;
    text-transform:		uppercase;
    height: 			20px;
    width: 			262px;
}

.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive
{
    text-align:			right;
    color:			#FFF;
    background-image:		url(../afbeeldingen/menu_background_active.jpg);
    background-repeat:		repeat-x;
    text-transform:		uppercase;
    vertical-align:		top;
    width: 			262px;
    height:			20px;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight
{
        border: 		0;
        background-color: 	inherit;
        white-space: 		nowrap;
    	padding: 		0; 
	margin:			0;
}

/* sub menus sub components */

.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft
{
        padding:        	3px 0px 3px 3px;
        border:                	0;
        white-space:        	nowrap;
        background-color:       inherit;
}

.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText
{
        padding:        	3px 3px 3px 5px;

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

.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight
{
        padding:        	3px 1px 3px 0px;

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