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

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

@media projection, screen {
	
	.detailsToggler {
		border: 1px solid #DEE6ED;
		background-color: Transparent;
		font-size: smaller;
		height: 2em;
		line-height: 2em;
	}

	.detailsToggler-closed {
		color:#fff;
		background-image: none;
	}
	
	.detailsToggler-closed:hover {
		color: #fff;
	    background-color: #2B5289;
	    background-image: url(Skins/SC_DarkBlue/media/TabAct.gif);
	    background-repeat: repeat-x;
	    background-position: 50% 100%;
	    text-decoration: underline;
		height: 2em;
		line-height: 2em;
	}

	.detailsToggler-opened {
		color:#fff;
        background-image: none;
	}

	.detailsToggler-opened:hover {
		color: #fff;
	    background-color: #2B5289;
	    background-image: url(Skins/SC_DarkBlue/media/TabAct.gif);
	    background-repeat: repeat-x;
	    background-position: 50% 100%;
		text-decoration: underline;
		height: 2em;
		line-height: 2em;
	}

}