/* CSS Document */

.ddaccordion{
margin: 5px 0;
padding: 0;
width: 220px; /*width of menu*/
}

.ddaccordion div.header a{
background: url(../images/bg_sideNav.jpg) repeat-x;
font: normal 13px, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
font-family: MyriadPro;
font-size: 14px; font-weight: bold;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0px 0;
padding-left: 8px;
text-decoration: none;
height: 37px; line-height: 37px;
}


.ddaccordion div.header a:visited, .ddaccordion div.header a:active{
color: white;
}


.ddaccordion div.selected a, .ddaccordion div.header a:hover{
background: url(../images/bg_sideNav_hover.jpg) repeat-x;
color: white;
}

.ddaccordion div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
/*height: 300px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

div.submenu ul {
	
}

div.submenu ul li {
	display: block;
	border-bottom: 1px dashed #999;
	padding: 5px 0px;
}

div.submenu ul li.last {
	display: block;
	border-bottom: 0px;
}

div.submenu ul li a {
	height: 20px; line-height: 20px;
	background: url(../images/sideNav_dotted.jpg) no-repeat 2px 3px;
	padding-left: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; font-weight: bold;
	color: #2890c5;
}

div.submenu ul li a:hover {
	color: #8992a1;
}