/*right pannel*/
.glossymenu
{
width:180px;
padding: 0 0 0 0;

}

.glossymenu a.menuitem{
background:url(../../images/bg-leftpannel3.jpg) no-repeat;
color: #ffffff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
font-style:normal;
font-weight:normal;
font-size:10pt;
font-family:arial;
text-align:left;
margin:0 0 7px 0;
padding:4px 0 12px 10px;
}


.glossymenu .menuitem:hover{
/*background-image: url('../../images/user-profile/plus.jpg');*/
margin:0 0 7px 0;
color: #0369b0;


}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;

}

.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 6px;
right:19px;
border: none;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:Arial;
font-size:9pt;
color: black;
font-weight:normal;
text-decoration:none;
line-height:16px;
text-align:left;
}

.glossymenu div.submenu ul li a:hover{
text-decoration:none;
color:#0369b0;

}
/*right pannel end*/

/*left pannel start*/
.glossymenu1 a.leftitems{
background: url(../../images/bg-leftpannel3.jpg) no-repeat;
color: #ffffff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
font-style:normal;
font-weight:normal;
font-size:10pt;
font-family:arial;
text-align:left;
margin:2px 0 5px 0;
padding:4px 0 12px 10px; 
}


.glossymenu1 .leftitems:hover {
/*background:url(../../images/user-profile/bg-left-pannel-o.jpg) repeat-x;*/
background:  url(../../images/bg-leftpannel3.jpg) no-repeat;
color: #000000;

}

.glossymenu1 .leftitems:activated {
/*background:url(../../images/user-profile/bg-left-pannel-o.jpg) repeat-x;*/
background: url(../../images/bg-leftpannel3.jpg) no-repeat;
color: #cbebf5;

}

.expand
{
background:  url(../../images/bg-leftpannel3.jpg) no-repeat;
color: #cbebf5;

}

.glossymenu1 div.submenu1{ /*DIV that contains each sub menu*/


}

.glossymenu1 div.submenu1 ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding:0;
}

.statusicon2{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 6px;
right:19px;
border: none;
}

.glossymenu1 div.submenu1 ul li a{
display: block;
font-family:Arial;
font-size:9pt;
color: black;
background-color: #fffffff;
font-weight:normal;
text-decoration:none;
text-align:left;
padding:2px 0px 2px 10px;
width:159px;

}

.glossymenu1 div.submenu1 ul li a:hover{
text-decoration:none;
color:#000000;
background-color:#DDDDDD;
padding:2px 0px 2px 10px;
width:159px;
}