.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;
text-decoration: none;
text-align:left;
}
.applemenu div.silverheader a.services{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
background:transparent url(../images/MBJB/eservices.png) no-repeat scroll 9px 79%;
}
.applemenu div.silverheader a.comunity{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
background:transparent url(../images/MBJB/ekomuniti.png) no-repeat scroll 9px 79%;
}
.applemenu div.silverheader a.calendar{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
background:transparent url(../images/MBJB/calendar.png) no-repeat scroll 9px 79%;
}
.applemenu div.silverheader a.solat{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
background:transparent url(../images/MBJB/solat.png) no-repeat scroll 9px 80%;
}
.applemenu div.silverheader a.undi{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
background:transparent url(../images/MBJB/poll.png) no-repeat scroll 9px 79%;
}
.applemenu div.silverheader a.weather{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
}
.applemenu div.silverheader a.transaksi{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
}
#weather .portlet-content{
text-align:justify;
margin-left: -20px;
}
#transaksi .portlet-content {
    padding-left: 7px;
    text-align: left;
}
.applemenu div.transaksibottom{
background:transparent url(../images/MBJB/portletbottom.png) no-repeat;
padding-bottom:13px;
width:210px;
margin-left:-10px;
margin-bottom:-14px;
}
.applemenu div.silverheader a.subscribe{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
margin-top: -4px;
background:transparent url(../images/MBJB/via-email.png) no-repeat scroll 5px 97%;
}
#subscribe .portlet-content{
text-align:center;
margin-left: -20px;
}
.applemenu div.silverheader a.staff{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
margin-top: -4px;
background:transparent url(../images/MBJB/stafflinks.png) no-repeat scroll 8px 130%
}
#staff .portlet-content{
text-align:justify;
margin-left: -20px;
}
.applemenu div.silverheader a.videoAccordion{
color:#265072;
font-size: 14px;
padding-top: 13px;
text-align:center;
margin-top: -4px;
}
.applemenu div.videobottom{
background:transparent url(../images/MBJB/portletbottom.png) no-repeat;
padding-bottom:13px;
width:210px;
margin-left:-10px;
margin-bottom: -14px;
}
.applemenu div.silverheader{
background:transparent url(../images/MBJB/portletheader.png) no-repeat;
padding-bottom:4px;
width:210px;
margin-left:-10px;
}
.applemenu div.silverbottom{
background:transparent url(../images/MBJB/portletbottom.png) no-repeat;
padding-bottom:13px;
width:210px;
margin-left:-10px;
}
.applemenu div.silverheader a:visited{
/*color: white;*/
}
 .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*/
padding: 5px;
padding-left:15px;
margin-left:-10px;
text-align:justify;
width:190px;
color: #000000;
background: url(../images/MBJB/portletcenter.png) repeat-y 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"*/
}