<!--
	.accordion_toggle {
		display: block;
		height: 30px;
		width: 310px; /*680px;*/

background: #7a003c; /*ace1fa;*/
color: #ffffff;

		padding: 0 10px 0 10px;
		line-height: 30px;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		border-bottom: 2px solid #ffffff;
		cursor: pointer;
		margin: 0 0 0 0;
	}
	
	.accordion_toggle_active {

background: #a95c77; /*00aeef;*/
color: #ffffff;

		border-bottom: 2px solid #ffffff;
	}
	
	.accordion_content {
background-color: #f2e5e7; /*eefafe;*/
color: #444444;
		
		/*overflow: hidden;*/   /* BAD  - problem with this: if text resized then container is not resized and therefore cuts off text */
		overflow-y: scroll;		/* GOOD - works for all text sizes - adds an empty scrollbar to "each" accordion */	
		max-height: 253px;
	}
					
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}
		
		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
		
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 250px; /*600px;*/
/*background: url(/_includes/accordion/images/Base/accordion_toggle.jpg) no-repeat top right #ffffff;*/
background: #ffffff;		

		padding: 0 10px 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 0 0 0;
	}

	.vertical_accordion_toggle_active {
		/*background: url(/_includes/accordion/images/Base/accordion_toggle_active.jpg) no-repeat top right #e0542f;*/
		background: #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 10px;
		}
		
	/*
		Horizontal Accordion
	*/
	
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		display: block;
		height: 100px;
		width: 30px;
		/*background: url(/_includes/accordion/images/h_accordion_toggle.jpg) no-repeat top left #ffffff;*/
		background: #ffffff;		
		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(/_includes/accordion/images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;*/
		background: #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: 325px; /*680px; */
  height: 100px;    
}

#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 270px; /*620px; */
}
-->