/* Styles for Example #1 */
#example1{
margin:0;
padding:0;
width:980px;
list-style-type:none;
line-height:120%;
}
#example1 .closed{
background-image:url(ha-down.gif);
}
#example1 .closed,#example1 .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}
#example1 .header{
background-color:#d90505;
}
#example1 .opened{
background-image:url(ha-up.gif);
}
#example1 a{
display:block;
font-weight:bold;
text-decoration:none;
}
#example1 a.hover{
border-top:1px solid #ec7474;
border-bottom:1px solid #d90505;
background-color:#d90505;
color:#FFFFFF;
}
#example1 ul{
overflow: hidden;
margin:0;
padding:0 10px 0 10px;
}
#example1 li{
margin:0;
padding:0;
list-style-type:none;
background-color:#9e0707;
color:#FFFFFF;
}
#example1 li a{
padding:2px 10px 2px 4px;
border-top:1px solid #9a2e2e;
border-left:1px solid #9a2e2e;
border-right:1px solid #9a2e2e;
border-bottom:1px solid #7a3939;
background-color:#890303;
color:#FFFFFF;
}
#example1 li.active a,#example1 li li.active a{
border-top:1px solid #5F5F5F;
border-bottom:1px solid #7B7B7B;
border-left:1px solid #757575;
border-right:1px solid #9A9A9A;
background-color:#404040;
color:#FFFFFF;
}
#example1 li.active li a,#example1 li li a{
padding:2px 4px 2px 8px;
border-top:1px solid #696969;
border-left:1px solid #696969;
border-right:1px solid #8A8A8A;
border-bottom:1px solid #7B7B7B;
background-color:#757575;
color:#FFFFFF;
}