/* @override http://petadvisory.com:8888/site/templates/petadvisory/css/vertaccordian.css */


	/*
		Vertical Accordion Style Sheet
	*/

div#vertical_container {
	width: 178px;
}
	
.accordianspacer{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 158px;
	margin-left: 11px;
}
.accToggler{
	margin: 3px auto;
	padding: 3px;
	background-color: #a09a73;
	}
.accToggler {
		outline: none;
		color: #fff;
		cursor: pointer;
	display: block;
	text-align: center;
	text-transform: lowercase;
	font: bold 12px/13px Helvetica, Geneva, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	word-spacing: 1px;
}


	.accordion_toggle_active {
		
	font-weight: bold;
	text-transform: uppercase;
}
	
	.accContent {
	
		color: #444444;
		overflow: hidden;
	max-height: 200px;
}
		
		.accContent h2 {
			margin: 15px 0 10px 10px;
			color: #0099FF;
		}
		
		.accContent p {
			line-height: 150%;
			padding: 5px 10px 15px 14px;
		}
		
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 606px;
		background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
		padding: 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
	margin: 0;
}

	.vertical_accordion_toggle_active {
		background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}

	.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}

		.vertical_accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}

		.vertical_accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px;
		}
		
	/*
		Horizontal Accordion
	*/
	
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		display: block;
		height: 100px;
		width: 30px;
		background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
	
	.horizontal_accordion_toggle_active {
		background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
		border-right: 1px solid #f68263;
	}
	
	.horizontal_accordion_content {
		/* REQUIRED */
		height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		
		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
	}
		
		.horizontal_accordion_content p {
			width: 450px;
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
				
				
/* Container styling*/
#horizontal_container {
  margin: 20px auto 20px auto;
  width: 680px;   
  height: 100px;    
}

#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 620px;
}


/*
.accToggler{
	margin: 3px auto;
	padding: 3px;
	background: #acc95f;
	color: #f4f4f4;
	cursor: pointer;
}
.accContent{
	margin: 0px auto;
}
*/