#list1 .titleac { font-weight:bold; background-color:#666; color:#fff;}
			#list1, #list2 { width:18em; padding-left: 3px; }
			.titleac, .mytitle { cursor:pointer; border:1px solid #ccc; margin-top:0.0em; padding:0.4em; }
			.on  .mytitle { background-color:#C0C0C0; }
			.off .mytitle { background-color:#E0E0E0; }
			.content, .mycontent    { background-color:#F5F5F5; padding:0.1em; border:1px solid #C0C0C0; border-top-width:0; }
			#log { position:absolute; top:0; right:1em; text-align:right; }

















/* Styles for Example #2 */
#identifier{
margin:0;
padding:0;t
width:200px;
list-style-type:none;

color:#000000;
height:auto;
}

#identifier a{
display:block;
font-weight:normal;
text-decoration:none;
}
#identifier ul{
overflow: hidden;
margin:0;
padding:0;
}
#identifier li{
margin:0;
padding:0;
list-style-type:none;
}
#identifier li a{
width:200px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background-image:url(images/ha-header.jpg);
height:25px;
}
#identifier li a.closed{
color:#000000 !important;
background-image:url(images/ha-header.jpg) !important;
}
#identifier li.firstitem a.closed{
color:#000000 !important;
background-image:url(images/ha-header-first.jpg) !important;
}
#identifier li.lastitem a.closed{
color:#000000 !important;
background-image:url(images/ha-header-last.jpg) !important;
}
#identifier li li.events{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 15px 0 15px;
height:150px;
}
#identifier li a.opened{
background-image:url(images/ha-header-active.jpg);
color:#FFFFFF;
}
#identifier li.firstitem a.opened{
background-image:url(images/ha-header-first-active.jpg);
color:#FFFFFF;
}
#identifier li.lastitem li{
margin-bottom:-4px;
}
#identifier li.lastitem ul{
background-image:url(images/ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}