/*
	Style for side tree menu
*/
.arrowlistmenu{
/*width: 180px; */   /*width of accordion menu*/
width: 15em;
font: .92em tahoma, verdana;
color: #333;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold tahoma;
color: #ccc;
background: #040; /* url(titlebar.png) repeat-x center left; */
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin-top: 2px;   /*me*/
}
/* just for main index/content2.html?  */
.arrowlistmenu h3.menuheader a { /*CSS class to apply to expandable header when it's expanded*/
color: #ccc;
display: block;   /* just for main index/content2.html?  */
}
/* end just for content2.html?  */

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
background: #fc6;
border: 1px solid #333;
color: #333;
}
.arrowlistmenu .menuheader:hover { /*CSS class to apply when the header is hovered*/
/*background-image: url(titlebar-active.png);*/
background: orange;
color: #333;
}
.arrowlistmenu .openheader a { /*CSS class to apply to expandable header when it's expanded*/
color: #333 !important;
}
.arrowlistmenu h3.menuheader a { /*CSS class to apply to expandable header when it's expanded*/
color: #ccc;
text-decoration: none;
}

.arrowlistmenu .openheader .menuheader { /*CSS class to apply to expandable header when it's expanded*/
color: #333;
}
.arrowlistmenu h3.menuheader:hover a{
color: #333;
text-decoration: none;	
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
/*border: 1px solid black;*/   /*me*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
/*background: lightblue url(plus.gif) no-repeat center left !important;*/   /*original*/
background: url(/images/dhtmlgoodies_plus9.gif) no-repeat center left !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
/*font-weight: bold;*/
background: #ffd685  url(/images/dhtmlgoodies_minus9.gif) no-repeat center left !important ;
}
/* me */


.arrowlistmenu ul li .opensubheader:hover{ /*Closed state CSS for sub menu header*/
background: lightblue url(/images/dhtmlgoodies_plus9.gif) no-repeat center left !important ;
/*background: #dcdcdc url(/images/dhtmlgoodies_plus9.gif) no-repeat center left !important ;*/
}

.arrowlistmenu ul li a{
color: #333;   /*#A70303*/
/*background: url(arrowbullet10.png) no-repeat center left;*/ /*custom bullet list image*/
/* #f5deb3 - wheat */
background: #Ffebc2 url(/images/file_checkmark_sm10.gif) no-repeat center left;  /* sccl */
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}


.arrowlistmenu ul li a:hover { /*hover state CSS*/
background-color: lightblue !important;
/*background-color: #dcdcdc !important; */
}
/* this doesnt work*/
/*
.arrowlistmenu ul li .closedsubheader a .selected {*/ /*selected state CSS */
/*
background-color: lightblue !important;
}
*/
/* maybe put this in later  
.arrowlistmenu ul li a.checklist:active{
color: purple;   
}
*/

/* sccl */
.arrowlistmenu ul li a.nolist {   /* for checklists with 0 or negative number of cards */
/* #Ffebc2 - a little lighter than wheat */
background: #f5deb3 url(/images/trans.gif) no-repeat center left;  /* sccl - cornsilk*/	
color: #777;
}
.arrowlistmenu ul li a.noexpand {
background: url(/images/Aiga_rightarrow_inv10.gif) no-repeat center left;  /* sccl */	
}
.arrowlistmenu ul li a.noexpand:hover { /*hover state CSS*/
background-color: #dcdcdc;
}