hallo,

I'm trying to style the solpartmenu using its classes but something is wrong: only the classes .MainMenu_MenuItem do cause some changes in the menu. All other classes seem not to cause any changes.

My template is in html and I uploaded also an xml file with the specs for the solpartmenu, here is the code of my xml file:

<Objects>
 <Object>
  <Token>[SOLPARTMENU:1]</Token>
  <Settings>
   <Setting>
    <Name>display</Name>
    <Value>vertical</Value>    
   </Setting>
   <Setting>
    <Name>menucontainercssclass</Name>
    <Value>MainMenu_MenuContainer</Value>    
   </Setting>   
   <Setting>
    <Name>menubarcssclass</Name>
    <Value>MainMenu_MenuBar</Value>    
   </Setting>   
   <Setting>
    <Name>menuitemcssclass</Name>
    <Value>MainMenu_MenuItem</Value>    
   </Setting>   
   <Setting>
    <Name>menuiconcssclass</Name>
    <Value>MainMenu_MenuIcon</Value>    
   </Setting>
   <Setting>
    <Name>menuitemselcssclass</Name>
    <Value>MainMenu_MenuItemSel</Value>    
   </Setting>
   <Setting>
    <Name>menubreakcssclasss</Name>
    <Value>MainMenu_MenuBreak</Value>    
   </Setting>
   <Setting>
    <Name>submenucssclass</Name>
    <Value>MainMenu_SubMenu</Value>    
   </Setting>
   <Setting>
    <Name>forcefullmenulist</Name>
    <Value>true</Value>    
   </Setting>
   <Setting>
    <Name>userootbreadcrumbarrow</Name>
    <Value>false</Value>    
   </Setting>
   <Setting>
    <Name>usearrows</Name>
    <Value>false</Value>    
   </Setting> 
   <Setting>
    <Name>rootmenuitembreadcrumbcssclass</Name>
    <Value>MainMenu_rootmenuitembreadcrumb</Value>    
   </Setting> 
   <Setting>
    <Name>submenuitembreadcrumbcssclass</Name>
    <Value>MainMenu_submenuitembreadcrumb</Value>    
   </Setting>
   <Setting>
    <Name>rootmenuitemcssclass</Name>
    <Value>MainMenu_rootmenuitem</Value>    
   </Setting>   
   <Setting>
    <Name>rootmenuitemactivecssclass</Name>
    <Value>MainMenu_rootmenuitemactive</Value>    
   </Setting>   
   <Setting>
    <Name>submenuitemactivecssclass</Name>
    <Value>MainMenu_submenuitemactive</Value>    
   </Setting>
   <Setting>
    <Name>rootmenuitemselectedcssclass</Name>
    <Value>MainMenu_rootmenuitemselected</Value>    
   </Setting>   
   <Setting>
    <Name>submenuitemselectedcssclass</Name>
    <Value>MainMenu_submenuitemselected</Value>    
   </Setting>           
  </Settings>
 </Object>
 <Object>
  <Token>[LOGIN]</Token>
  <Settings>
   <Setting>
    <Name>CssClass</Name>
    <Value>logboxtxt</Value>
   </Setting>
  </Settings>
 </Object> 
 <Object>
  <Token>[USER]</Token>
  <Settings>
   <Setting>
    <Name>CssClass</Name>
    <Value>logboxtxt</Value>
   </Setting>
  </Settings>
 </Object> 
 <Object>
  <Token>[BREADCRUMB]</Token>
  <Settings>
   <Setting>
    <Name>CssClass</Name>
    <Value>optionsbartxt</Value>
   </Setting>
   <Setting>
    <Name>Separator</Name>
    <Value><![CDATA[&lt;span class=&quot;crumb_sep&quot;&gt;&nbsp;\&nbsp;&lt;/span&gt;]]></Value>
   </Setting>
   <Setting>
    <Name>RootLevel</Name>
    <Value>0</Value>
   </Setting>   
  </Settings>
 </Object> 
</Objects>

Here is the code of portal.css that I modified directly in the editor of the site:

.MainMenu_MenuContainer {
border-left:1px #cccccc solid;
background-color:#ff0000;
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
background-color:#ffff00;
color:#000000;
text-transform:uppercase;
letter-spacing:1px;
font-family:arial;
font-size:90%;
width:211px;
padding-left:15px;
border-left:1px #000000 solid;
}

.MainMenu_MenuIcon {
}

.MainMenu_Submenu {
text-transform:lowercase;
font-size:95%;
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
font-weight:bold;
color:#ff0000;
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

Can you see a mistake somewhere? What am I missing? thanks for advice