@charset "utf-8";
/* CSS Document */
.glossymenu{
margin:0; padding: 0;width: 240px; /*width of menu*/border: 0 solid #9A9A9A;border-bottom-width: 0;}

.glossymenu a.menuitem{
background:url(../images/accordionheadbg1.gif) no-repeat 0 0;font:bold 12px arial;color: #000!important;
display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;padding: 6px 0;padding-left: 10px;text-decoration: none; border-bottom:1px solid #cbcbcb; margin-bottom:2px;}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;top: 10px;right: 10px;border: none;}

.glossymenu a.menuitem:hover{background:url(../images/accordionheadbg1.gif) no-repeat 0 0;}
.glossymenu div.submenu{ background: white;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{background: #e7f3fc; color: #4e4b4b; font:normal 11px verdana; padding:0; margin:0; }
.glossymenu div.submenu ul li a{background: #e7f3fc; color: #4e4b4b; padding:9px 2px 9px 12px; font:normal 11px verdana; border-bottom:1px dotted #4e4b4b; display:block; text-decoration:none;}
.glossymenu div.submenu ul li a:hover{background: #d2d8e9; color: #000; border-left: 5px #000 solid; padding:9px 2px 9px 7px;}