/* CSS Document */
.menuheader{
width: 224px; /*width of menu*/
padding:6px 3px 6px 3px;
text-align:center;
background-color:#F30100;
color:#F1F7D5;
font-weight:bold;
}

.glossymenu{
margin: 0px 10px 5px 0px;
padding: 0;
width: 230px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
border:0px solid #F2F0EA; padding:6px 8px 6px 23px; margin-top:0px; cursor:pointer; background-color:#c1dcf9;
color: #333;
display: block;
border-bottom:1px dotted #fff;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
background-image: url(../images/sidebulletgif.gif);
background-repeat: no-repeat;
background-position: .5em 1em;


}
.glossymenu a.selected{
border:0px solid #F2F0EA; padding:6px 8px 6px 23px; margin-top:0px; cursor:pointer; background-color:#D6E1A4;
color: #333;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
border-bottom:1px dotted #fff;

background-image: url(../images/sidebulletgif.gif);
background-repeat: no-repeat;
background-position: .5em 1em;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #333333;
}

.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-color:#E8EFF6;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #eff6fa;

}

.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 dotted #c1dcf9;

}

.glossymenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 35px;
background-image: url(../images/bullet1.gif);
background-repeat: no-repeat;
background-position: 1.7em .9em;

}

.glossymenu div.submenu ul li a:hover{
background: #E3ECF0;
color: #000;
background-image: url(../images/bullet1.gif);
background-repeat: no-repeat;
background-position: 1.7em .9em;

}
.glossymenu div.submenu ul li a.subselected{
background: #D6E1A4;
color: #000;
background-image: url(../images/bullet1.gif);
background-repeat: no-repeat;
background-position: 1.7em .9em;

}