/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

 /* Screen ------------------------------------------------------------------- */

@media projection, screen {

	/* Toggler2 - example simple style */
	.toggler2 {
	font-size: 1em;
	line-height: normal;
	color: #333333;
	background-image: url(../images/h2-img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	text-decoration: none;
	display: block;
	margin-top: 20px;
	}
	.toggler2-closed {
	color:#666666;
	}
	.toggler2-closed:hover {
		color: #000;
	}
	.toggler2-opened {
	font-size: 1em;
	line-height: normal;
	color: #333333;
	background-image: url(../images/h2-img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	.toggler2-opened:hover {
		color: #000;
	}

	/* Container 
	.toggler2-c {
		margin-bottom:25px;
	}
	.toggler2-c-closed {
		margin:-25px 0px 25px 0px;
	   background:#fff;
	   border:solid 1px #d4d4d4;
	   border-top:0;
	   padding:20px;
		width:536px;
	}
	.toggler2-c-opened {
	   margin:-25px 0px 25px 0px;
	   background:#FFF8DC;
	   border:solid 1px #d4d4d4;
		border-top:0;
	   padding:20px;
		width:536px;
	}*/

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler2-c { margin-bottom:25px; }
	/*.toggler2 { display: none; }*/
	
}