/* ---------------------------------------------


	TOGGLE.CSS


-----------------------------------------------*/





div#itoggle{


	background:#FFF;


	padding:20px 20px 0;


	-moz-border-radius:10px;


	-webkit-border-radius:10px;


	color:#333;


	}


div#itoggle h3{


	margin-bottom:4px;


	font-size: 14px;


	font-weight:bold;


	}


div#itoggle p{


	color:#666;


	margin-bottom:10px;


	}





div#console{


	display:none;


	position:absolute;


	top:8px;


	right:8px;


	width:160px;


	padding:6px 8px 8px 8px;


	text-align:right;


	background:#000;


	-moz-border-radius:6px;


	-webkit-border-radius:6px;


	background:url(/global/images/console.gif);


	}


div#console p{


	margin:0;


	font-size:11px;


	font-family:"Courier New", Courier, monospace;


	}





div#itoggle input.iT_checkbox_on{


	display:block !important;


	float:left;


	position:relative !important;


	top:-43px !important;


	left:100px !important;


	margin-bottom:-43px;


	}





/* -----------------------------


	This is the important bit


-------------------------------*/





div#itoggle label.ilabel{


	display:block;


	font-size:12px;


	padding-bottom:10px;


	cursor:pointer;


	}





div#itoggle label.itoggle,


div#itoggle label.itoggle span{


	display: block;


	width: 93px;


	height: 27px;


	margin-bottom: 20px;


	background: url(itoggle.png) left bottom no-repeat;


	cursor:pointer;


	text-indent:-5000px;


	}


div#itoggle label.itoggle.iToff{


	background-position:right bottom;


	}


div#itoggle label.itoggle span{


	background-position: left top;


	margin: 0;


	}


div#itoggle input.iT_checkbox{


	position:absolute;


	top:-9999px;


	left:-9999px;


	}





/*	


	If you want the corners to be


	transparent, add these two lines


	to the main block above. Only


	works on webkit and mozilla browsers


	For more reliable results, make your


	own png using the supplied .psd


	


	-moz-border-radius:6px;


	-webkit-border-radius:6px;


*/


