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

/* NOTE THAT NEW FONTS HAVE GONE TO kfonts.scss */


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

@media projection, screen {

	/* Toggler - default style */
	.toggler {
  		margin:10px 0 10px 0;
		cursor:pointer;
		text-decoration: none;
/*		font-size: 14px;   */
		font-weight:normal !important;
/*		line-height:21px; */
		display: block;
/* CB */
clear:both;
/*CB*/
	}
	.toggler-closed {
		color:#333;
		padding-left:20px;
		/* height:30px;	*/	
/*	remove this fix as it breaks iPad title height	height:100%; */
		background: #efefef url('togglerc.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-closed:hover {
		color: #000;
		padding-left:20px;
		/* height:30px;		*/
/*		height:100%;   */
		background: #fff url('togglerch.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		/* height:31px; */		
/*		height:100%; */
		background: #efefef url('togglero.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:20px;
		/*height:31px;		*/
/*		height:100%; */
		background: #fff url('toggleroh.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}


.toggler-c-opened {
 /* overflow:hidden; */
    overflow: scroll; /* added for tables */
}


	/* Container - default style */
	.toggler-c {
background: #efefef !important;

	}
	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
		margin:-10px 0px 10px 0px;
	   padding:20px;
	}
	.toggler-c-opened {
		margin:-10px 0px 10px 0px;
	   padding:20px;
	   background:#efefef;
	   border:solid 1px #fff;
	   
	}

}






/* adding new rules for the expandables for the new webdesign (kfonts etc) Keeping these fonts in this file for now */










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

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

}