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

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

@media projection, screen {

	/* Toggler - default style */
	.toggler {
	   	margin: 25px 0 25px 0;
		cursor: pointer;
		text-decoration: none;
		font-size: 15px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 30px;
		display: block;
		color: #334c64;
	}
	
	.toggler-closed {
		color: #334c64;
		padding-left: 20px;
		height: 30px;
		background: #efefef url('../images/togglerc.gif') center right no-repeat;
		border: solid 1px #dbdbdb;
	}
	
	.toggler-closed:hover {
		color: #000;
		padding-left: 20px;
		height: 30px;
		background: #f5f5f5 url('../images/togglerch.gif') center right no-repeat;
		border: solid 1px #dbdbdb;
		text-decoration: none;
	}
	
	.toggler-opened {
		color: #334c64;
		padding-left: 20px;
		height: 30px;
		background: #efefef url('../images/togglero.gif') center right no-repeat;
		border: solid 1px dbdbdb;
		text-decoration: none;
	}
	
	.toggler-opened:hover {
		color: #000;
		padding-left: 20px;
		height: 30px;
		background: #f5f5f5 url('../images/toggleroh.gif') center right no-repeat;
		border: solid 1px #efefef;
		text-decoration: none;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
		background: transparent;
		border: solid 1px #efefef;
		margin: -25px 0px 25px 0px;
	   	padding: 20px;
	   	text-decoration: none;
	}
	
	.toggler-c-opened {
		margin: -25px 0px 25px 0px;
	   	padding: 20px;
	   	background: #f5f5f5;
	   	border: solid 1px #fff;
	   	text-decoration: none;
	}

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

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}