
/*  ---form page copy----------- */

#acdnmenuDemo img {margin-left:24px;}  
        #acdnmenuDemo div.arrowImage
        {
            left:auto; right:8px;
			word-wrap:break-word;
        }
        #dm, #dm1 {height:300px;
		
		word-wrap:break-word;
		} 
/*  ------------------------------------------ */
		




/* ##### Top level items #####*/
/*#acdnmenu 
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
    /*height: 280px;
    width: 260px;   
	text-decoration:none;
	word-wrap:break-word;
	
}*/

#acdnmenu ul.top
{
	width: 240px; padding:0px; 
	margin:10px 0px 11px 10px; 
	float:left;
	border-bottom:1px solid #cfd0d2;
	border-top:1px solid #cfd0d2;
	text-decoration:none;
	
	word-wrap:break-word;
	
}

#acdnmenu div.heading, #acdnmenu a.link
{
    padding:8px; padding-left:12px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#505050;  
	
   /* background-image:url(bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;*/
	
    text-decoration:underline;
	word-wrap:break-word;
	
	

}

/*#acdnmenu div.current,  #acdnmenu div.current a.link
{
    color:#cc3366;
    text-decoration:underline;
    background-position:0 -64px;
	font-weight:bold;
	background:#f6f6fa;
	word-wrap:break-word;
	
}*/
/*#acdnmenu div:hover, #acdnmenu a.link:hover {
	background-image: linear-gradient(to bottom, #ffffff, #eeeff4);
	color:#c81b5d;
    text-decoration:underline;
	word-wrap:break-word;
	
}*/



/* arrow image for the top headings */
/*#acdnmenu div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    right:2px; /* Changing it to "left:2px;" will position the arrow image to the left */
    /*background-image:url(arrows.gif);
    background-position:0 0;
    text-decoration:underline;
	word-wrap:break-word;
}*/

#acdnmenu div.current div.arrowImage {
    background-position:0 -12px;
    text-decoration:underline;
}

#acdnmenu li.separator
{
    border-top:1px solid #cfd0d2;/*1*/
    border-bottom:none; 
	word-wrap:break-word;
	height:auto;
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
	padding-left:10px; /*This determines the hierarchical offset*/ 
	text-decoration:none;
}

#acdnmenu ul.sub div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
	word-wrap:break-word;
}
/*#acdnmenu ul.sub div.heading a
{
    color:Black;
    text-decoration:underline;
}*/

#acdnmenu ul.sub div.current
{
    color:#505050;
    background:none; 
    text-decoration:underline;
	word-wrap:break-word;
}

/*#acdnmenu ul.sub a.link
{
    font:normal 12px Arial;
    color:#333;
    padding:5px; padding-left:15px;
    text-decoration:underline;
    background:none; 
}*/

/*#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
{
	color:#c81b5d;
	text-decoration:none;
    background:none; 
}*/


/*#acdnmenu ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background-image:url(arrows.gif);
    background-position:0 -24px;
	text-decoration:none;
}*/
#acdnmenu ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#acdnmenu li {font-size:13px; line-height:16px; text-decoration:none;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1; text-decoration:none; }
#acdnmenu li {*float:left;*width:100%;}

#acdnmenu ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:10px;
    color:Black;
    text-decoration:underline;
}

#acdnmenu ul.sub div.current
{
    color:#505050;
    background:none; 
    text-decoration:underline;
	
	
}


#acdnmenu>ul{visibility: hidden;}
#acdnmenu li {padding:0;margin:0;}

#acdnmenu div.heading, #acdnmenu div.current
{
	position:relative;
    cursor: pointer;
	text-decoration:none;
	
}
#acdnmenu div.arrowImage {position:absolute; overflow:hidden; text-decoration:none;}
