/* Styles for Example #1 */
#example1{
margin:0;
padding:0;
width:200px;
list-style-type:none;
line-height:120%;
}
#example1 .closed{
background-image:url("../../../../PublishingImages/MultilevelMenuImgs/ha-down.gif");
}
#example1 .closed,#example1 .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}
#example1 .header{

background-image: url("../../../../PublishingImages/BackanImgs/left_menu.gif");
background-repeat: repeat-x;

}
#example1 .opened{
background-image:url("../../../../PublishingImages/MultilevelMenuImgs/ha-up.gif");
}
#example1 a{
display:block;
font-weight:bold;
text-decoration:none;
font-family:Tahoma;
font-size:12px;
}
#example1 a.hover{
border-top:1px solid #d9e2f3;
border-bottom:1px solid #d9e2f3;
background-image: url("../../../../PublishingImages/BackanImgs/left_menu.gif");
background-repeat: repeat-x;
height:21px;
}
#example1 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example1 li{
margin:0;
padding:0;
list-style-type:none;
background-image: url("../../../../PublishingImages/BackanImgs/left_menu.gif");
background-repeat: repeat-x;
height:21px;
}
#example1 li a{
padding:2px 10px 2px 4px;
border-top:1px solid #d9e2f3;
border-left:1px solid #d9e2f3;
border-right:1px solid #d9e2f3;
border-bottom:1px solid #d9e2f3;
background-image: url("../../../../PublishingImages/BackanImgs/left_menu.gif");
background-repeat: repeat-x;
height:21px;
}
#example1 li.active a,#example1 li li.active a{
border-top:1px solid #d9e2f3;
border-bottom:1px solid #d9e2f3;
border-left:1px solid #d9e2f3;
border-right:1px solid #d9e2f3;
background-image: url("../../../../PublishingImages/BackanImgs/left_menu.gif");
background-repeat: repeat-x;
height:21px;
}
#example1 li.active li a,#example1 li li a{
padding:2px 4px 2px 8px;
border-top:1px solid #d9e2f3;
border-left:1px solid #d9e2f3;
border-right:1px solid #d9e2f3;
border-bottom:1px solid #d9e2f3;
background-image: url("../../../../PublishingImages/BackanImgs/left_menu.gif");
background-repeat: repeat-x;
height:21px;
}


/* Styles for Example #2 */
#example2{
margin:0;
padding:0;
width:300px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;
height:300px;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:285px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background-image:url(ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(ha-header-last.jpg) !important;
}
#example2 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 15px 0 15px;
height:175px;
}
#example2 li a.opened{
background-image:url(ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.opened{
background-image:url(ha-header-first-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}