@charset "utf-8";

/* CSS Document */

.glossymenu{

text-align: left;

margin: 5px 0;

padding: 0 0 0 15px;

width: 170px; /*width of menu*/

border-bottom-width: 0;

}



.glossymenu a.menuitem{

background: #fff;

font-family: Arial, Helvetica, sans-serif;

border-bottom: solid 1px #ccc;

font-size: 14px;

color: #000;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 4px 0;

padding-left: 10px;

text-decoration: none;

}





.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: #000;

}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

top: 5px;

right: 5px;

border: none;

}



.glossymenu a.menuitem:hover{

background: #000;

color: #fff;

}



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

background: #fff;

}



.glossymenu div.submenu ul{ /*UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

}



.glossymenu div.submenu ul li{

border-bottom: 1px solid #ccc;

}



.glossymenu div.submenu ul li a{

display: block;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: black;

text-decoration: none;

padding: 2px 0;

padding-left: 10px;

}



.glossymenu div.submenu ul li a:hover{

background: #DFDCCB;

colorz: white;

}