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

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

@media projection, screen {

	/* Toggler2 - example simple style */
	.toggler2 {
	cursor:pointer;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	line-height:30px;
	display: block;
	border:solid 0px #d4d4d4;
	background-image: url(green.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 20;
	padding-left: 30px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.toggler2-closed {
		color:#999;
	}
	.toggler2-closed:hover {
		color: #000;
	}
	.toggler2-opened {
		color:#999;
	}
	.toggler2-opened:hover {
		color: #000;
	}

	/* Container */
	.toggler2-c {
		margin-bottom:0px;
	}
	.toggler2-c-closed {
		margin:0px 0px 0px 0px;
	   background:#fff;
	   border:solid 0px #d4d4d4;
	   border-top:0;
	   padding:5px;
		width:200px;
	}
	.toggler2-c-opened {
	margin:0px 0px 0px 0px;
	border:solid 0px #d4d4d4;
	border-top:0;
	padding:5px;
	width:200px;
	background-color: #FFFFFF;
	}

}

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

	.toggler2-c { margin-bottom:0px; }
	.toggler2 { display: none; }
	
}