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

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

@media projection, screen {

	.detailsToggler {
		margin: 10px 0 0 0;
		padding: 4px 0;
		cursor: pointer;
		text-decoration: none;
		font-size: 1em;
		font-weight: bold;
		padding-left: 10px;
		display: block;
		border: 1px solid #DEE6ED;
	}

	.detailsToggler-closed {
		color: #333;
		background: #efefef url('/js/css/images/togglerc.gif') center right no-repeat;
	}

		.detailsToggler-closed:hover {
			color: #000;
			background: #fff url('/js/css/images/togglerch.gif') center right no-repeat;
		}

	.detailsToggler-opened {
		color: #333;
		background: #efefef url('/js/css/images/togglero.gif') center right no-repeat;
	}

		.detailsToggler-opened:hover {
			color: #000;
			background: #fff url('/js/css/images/toggleroh.gif') center right no-repeat;
		}

	.detailsToggler-c {
		padding-left: 10px;
	}

	.detailsToggler-c-closed, .detailsToggler-c-opened {
		border: 1px solid #e3e3e3;
		border-top-width: 0;
		margin: -10px 0px 25px 0px;
		padding: 10px;
	}

	.detailsToggler-c-closed {
		background: transparent;
	}


	/* Toggler - default style */
	.toggler {
		margin: 25px 0 25px 0;
		cursor: pointer;
		text-decoration: none;
		font-size: 1.25em;
		font-weight: bold;
		line-height: 30px;
		display: block;
		border: 1px solid #DEE6ED;
	}

	.toggler-closed {
		color: #333;
		padding-left: 20px;
		height: 30px;
		background: #efefef url('/js/css/images/togglerc.gif') center right no-repeat;
		border: 1px solid #DEE6ED;
		text-decoration: none;
	}

		.toggler-closed:hover {
			color: #000;
			padding-left: 20px;
			height: 30px;
			background: #fff url('/js/css/images/togglerch.gif') center right no-repeat;
			border: 1px solid #DEE6ED;
			text-decoration: none;
		}

	.toggler-opened {
		color: #333;
		padding-left: 20px;
		height: 30px;
		background: #efefef url('/js/css/images/togglero.gif') center right no-repeat;
		border: 1px solid #DEE6ED;
		text-decoration: none;
	}

		.toggler-opened:hover {
			color: #000;
			padding-left: 20px;
			height: 30px;
			background: #fff url('/js/css/images/toggleroh.gif') center right no-repeat;
			border: 1px solid #DEE6ED;
			text-decoration: none;
		}

	/* 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;
	}
}