/**
 * Vertical Accordions
 */

.accordion_toggle {
		display: block;
		height: 30px;
		width: 680px;
		background-color: #14b432;
		/** background-image: url(../images/toggle_inactive.png) no-repeat top right #14b432; **/
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #fff500;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		cursor: pointer;
		border-bottom: 1px solid #fff500;
		border-right: 1px solid #14b432;
		border-left: 1px solid #14b432;
		margin: 0 0 0 0;
}

.accordion_toggle_active {
		background-color: #fff500;
		/** background-image: url(../images/toggle_active.png) no-repeat top right #fff500; **/
		color: #14b432;
		font-weight: bold;
		border-top: 1px solid #14b432;
		border-right: 1px solid #14b432;
		border-bottom: 1px solid #14b432;
		border-left: 1px solid #14b432;
}

.accordion_content {
		background-color: #ffffff;
		color: #444444;
		width: 700px;
		overflow: hidden;
		/** border-top: 1px solid #009000; **/
		/** border-right: 1px solid #deebd6; **/
		border-bottom: 1px solid 1px solid #14b432;
		border-right: 1px solid #14b432;
		border-left: 1px solid #14b432;

		/** border-left: 1px solid #009000;**/
		text-align: left;
}

.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #090;
}



.accordion_content h4 {
		font-size: 14px;
		margin: 15px 0 5px 10px;
		color: #070;
}

.accordion_content ul {
		list-style-type: circle;
		padding: 5px 10px 15px 25px;
		line-height: 150%;
		/** list-style-image: url(http://palvelin/hakemisto/pallukka.gif); **/
}

.accordion_content ul li {
}


.accordion_content p {
		text-align: justify;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
}

.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 600px;
		background: #FFFFAA;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #14b432;
		font-weight: bold;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		border-top: 1px solid #fff500;
		border-bottom: 1px solid #fff500;
		cursor: pointer;
		margin: 0 0 5px 0;
}

.vertical_accordion_toggle_active {
		/**background: url(../images/accordion_toggle_active.gif) no-repeat top right #fff500;**/
		color: #14b432;
		font-weight: bold;
		border-top: 1px solid #14b432;
		border-bottom: 1px solid #14b432;
}

.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 25px;
}

/*
 * Horizontal Accordion
 */

.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */

		/* REQUIRED */
		display: block;
		height: 180px;
		width: 30px;
		background: url(images/h_accordion_toggle.jpg) no-repeat top left #FFFFAA;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
		background: #14B432;
		border-right: 1px solid #14B432;
}

.horizontal_accordion_content {
		/* REQUIRED */
		height: 180px;	/* 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;
		padding-bottom: 1px;
}

.horizontal_accordion_content p {
		width: 300px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
}

/*
 * Container styling
 */

#horizontal_container {
		margin: 20px auto 20px auto;
		width: 680px;
		height: 180px;
}

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