/* CSS Document */
/* Styles for Example #1 */

/* This changes the width of the menu */
#example1{
margin:0;
padding:0;
width:300px; 
list-style-type:none;
line-height:100%;
}
#example1 .closed{
background-image:url(ha-down.gif);
}
/* This controls the closed headings that have subcontent only */
#example1 .closed,#example1 .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}
#example1 .header{
background-color:#7B7B7B;
	
}
#example1 .opened{
background-image:url(ha-up.gif);
}
#example1 a{
	display:block;
	font-weight:normal;
	text-decoration:none;
	font-size: 12px;
}

/* This controls the hover backgrounds on main headings only */
#example1 a.hover{
border-top:1px solid #5F5F5F;
border-bottom:1px solid #7B7B7B;
background-color:#7B7B7B;
color:#FFFFFF;
}
#example1 ul{
overflow: hidden;
margin:0;
padding:0;

}
#example1 li{
margin:0;
padding:0;
list-style-type:none;
background-color:#848484;
color:#FFFFFF;

}
#example1 li a{
padding:2px 10px 2px 4px;
border-top:1px solid #9A9A9A;
border-left:1px solid #9A9A9A;
border-right:1px solid #696969;
border-bottom:1px solid #757575;
background-color:#848484;
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;

}
.ha_tab_content {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
		
}
/* This controls inner submenu backgrounds */
#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;
}

/* Styles for Example #2 ---------------------------------------*/
#example2{
	margin:0;
	padding:0;
	width:200px;
	list-style-type:none;
	background-color:#FFFFFF;
	color:#000000;
	line-height:100%;
	height:300px;
}

#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
background-color:"#FFFFFF";
}
#example2 li{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 12px;
	font-family: "Trebuchet MS";
	line-height: 1.5;
	background-color:"#FFFFFF";
	text-align: left;
}


/* Total Menu Width = (Total width - 4th pading value) */ 

#example2 li a{
	width:185px;
	padding:5px 0 0 15px;
	display:block;
	color:#000000;
	background-image:url(ha-header.jpg);
	height:25px; /* Individual Tab Menu height */
	text-decoration: none;
	background-color:"#FFFFFF";
}

#example2 li li a{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
	background: none;
	padding:0px 0px 5px 0px;
	line-height: normal;
	display: inline;
	text-decoration: underline;
}

#example2 li li a:hover{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #0099FF;
	background: none;
	padding:0px 0px 5px 0px;
	line-height: normal;
	display: inline;
}

#tab_div{
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 15px;
	text-align: left;
}

#tab_more{	
	text-decoration: none;
	text-align: right;
	border-bottom-width: 0px;
	border-bottom-style: none;
	color:#666666;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: normal;	
}


#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;
}

/* This controls the tab content */
#example2 li li{
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	padding:10px 15px 10px 15px;
	height:270px; /* Menu height */
	font-size: 10px;
	line-height: 1;
}
#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;
	background-repeat: no-repeat;
}
#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;
}

.subitem {
	font-size: 11px;
	color: #999999;
	background-color:"#FFFFFF";
}