/**
 * ----------------------------------------------------------------------------
 * 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: 1.4em;

		font-weight:bold;

		line-height:30px;

		display: block;
		
		

	}

	.toggler-closed {
		color:#333;
		padding-left:20px;
		height:30px;
		background:url(bgjquery.jpg) no-repeat;
		border: solid 1px white;
	}

	.toggler-closed:hover {

		color: #000;

		padding-left:20px;

		height:30px;

		background: #fff url('togglerch.gif') center right no-repeat;

		border: solid 1px #e3e3e3;

	}

	.toggler-opened {

		color:#333;

		padding-left:20px;

		height:30px;

		background: #efefef url('togglero.gif') center right no-repeat;

		border: solid 1px white;

	}

	.toggler-opened:hover {

		color: #000;

		padding-left:20px;

		height:30px;

		background: #fff url('toggleroh.gif') center right no-repeat;

		border: solid 1px #e3e3e3;

	}



	/* Container - default style */

	.toggler-c {
	}

	.toggler-c-closed {

	   background:transparent;

	   border:solid 1px #e3e3e3;

		margin:-25px 0px 25px 0px;

	   padding:20px;

	}

	.toggler-c-opened {

		margin:-25px 0px 25px 0px;

	   padding:20px;

	   background:#efefef;

	   border:solid 1px #fff;

	}



}



/* Print -------------------------------------------------------------------- */

@media print {



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

	.toggler { display: none; }



}