/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
  z-index:2;
}

div.horz_menu a {
	display: block;
	float: left;
	padding: 2px;
	  z-index:2;
}
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu {	border-bottom: 1px solid black;   z-index:2;}

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
  z-index:2;
	border:  1px solid black;
	/*width:70px;*/
	background: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	margin-right: 1px;
	margin-left: 1px;
}

div.sample1 div.horz_menu a {
  z-index:2;
	background-position: center;
	padding-right:9px; padding-left:9px;
}
div.sample1 div.vert_menu a {
  z-index:2;
	margin-bottom: -1px;
	padding: 1px;
	width: 80px;
}

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active {
  z-index:2;
	background: #000000;
	color: #FFFFFF;
}





div.sample2 div.vert_menu {	border-bottom: 1px solid black; }

div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a
{
	border:  1px solid black;
	padding: 1px 0px 1px 0px;
	
	/*width:70px;*/
	
	background: #FFFFFF;
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}

div.sample2 div.horz_menu a {
	margin-right:  5px;
	background-position: center;
	padding-right:9px; padding-left:9px;
}
div.sample2 div.vert_menu a { margin-bottom: -1px; }

div.sample2 div.horz_menu a:hover,
div.sample2 div.vert_menu a:hover,
div.sample2 div.horz_menu a.active,
div.sample2 div.vert_menu a.active {
	background: #000000;
	color: #FFFFFF;
}