/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
        font-family:        Arial; 
        font-weight:        bold;
        font-size:        12px;
		    height:         22px;

        padding:        0;

        white-space:        nowrap;
        cursor:                default;
        background: none;
}

.ThemeOfficeSubMenu
{
        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:                0;
        padding:        0;
        margin-top: 2px;
        overflow:        visible;

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

.ThemeOfficeSubMenuTable
{
        overflow:        none;
        background-color:  #4a3768;   
		    width: 170px;
		
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
        border:                0;
		cursor:pointer;cursor:hand;
        white-space:        nowrap;  
                
}

.ThemeOfficeMainItem
{
	  font-family:        Arial; 
        font-weight:        bold;
        font-size:        11px;
      font-weight: bold;
      color: #ffffff;

      width: 102px;  
      height: 29px;
      padding-top: 8px;
      text-align: center;
	  

         
 }


td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
    /*    padding:        0px;
        border:         0px solid #000000; /* dit is de border wanneer in het hoofdmenu een item actief is */
        color:           #34006D; 
        background-image: url(../images/button_active.jpg);
        background-repeat: no-repeat;
        padding-top: 8px;
        
        width: 102px;  
        text-align: center
        
}
                                   
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
		    font-family:        Arial; 
        font-weight:        bold;
        font-size:        11px;
        
        
        color: #ffffff; 

}

.ThemeOfficeMenuItem
{
        color:					 #FFFFFF;
		font-size: 11px;
    background-color:  #18033b; 

        
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{                             
        color:					 #34006D;
		    font-size: 11px;
        background-color:  #d2ccd8;   

		    cursor:pointer;cursor:hand;
        
}


/* horizontal main menu */


.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
   
}

/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{

}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{

}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{

}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
	border-bottom: 1px solid #FFFFFF;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
	border-bottom: 1px solid #FFFFFF;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
	border-bottom: 1px solid #FFFFFF;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{

}

/* menu splits */

.ThemeOfficeMenuSplit
{
        margin:                0px;
        height:                1px;
        overflow:				hidden;
        border-top:        1px solid #702672;
         
        
}

.MenuStyle
{
	background-color: #FFFFFF;  
}


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

.ThemeOfficeMenuItem img.seq1
{
        display:        inline;
}

.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
        display:        inline;
}

.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
        display:        none;
}