.applemenu{
margin: 5px 0;
padding: 0;
width: 185px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
}
.applemenu div.silverheader a{
/*background: black url(silvergradient.gif) repeat-x center left;*/
font: bold 12px Arial;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 5px 0;
padding-left: 34px;
text-decoration: none;
text-align:left;
}
.applemenu div.silverheader a.services{
background:transparent url(../images/mbjb/E_SERVIS.png) no-repeat scroll 9px 50%;
}
.applemenu div.silverheader a.comunity{
background:transparent url(../images/mbjb/E_COMMUNITY.png) no-repeat scroll 9px 50%;
}
.applemenu div.silverheader a.calendar{
background:transparent url(../images/mbjb/E_CALENDAR.png) no-repeat scroll 9px 50%;
}
.applemenu div.silverheader a.solat{
background:transparent url(../images/mbjb/ico_prayer.png) no-repeat scroll 9px 50%;
}
.applemenu div.silverheader a.undian{
background:transparent url(../images/mbjb/ico_poll.png) no-repeat scroll 9px 50%;
}
.applemenu div.silverheader{
background:transparent url(../images/mbjb/portletHeader1.jpg) no-repeat;
padding-bottom:4px;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
/*color: white;*/
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
/*background-image: url(silvergradientover.gif);
color: white;*/
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
padding-left:15px;
background:#FFCC00 url(../images/mbjb/portletBg.jpg) repeat-x scroll 0 0;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}