/* ---------------------------------------------
	TOGGLE.CSS
-----------------------------------------------*/

div#itoggle{
	background:#FFF;
	padding:20px 20px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#333;
	}
h3{
	margin-bottom:4px;
	font-size: 14px;
	font-weight:bold;
	}
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;
	}

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

label.ilabel{
	display:inline-block;
	cursor:pointer;
	margin: 2px 0 0 0;
	}

label.itoggle,
label.itoggle span{
	display: block;
	float: left;
	width: 62px;
	height: 18px;
	margin-right: 15px;
	background: url(../../../../../administrator/components/com_joomailermailchimpintegration/assets/images/itoggle.png) left bottom no-repeat;
	cursor:pointer;
	text-indent:-5000px;

	clear: none !important;
	min-width: 62px !important;
	margin-top: 0 !important;
	}
label.itoggle.iToff{
	background-position:right bottom;
	}
label.itoggle span{
	background-position: left top;
	margin: 0;
	}
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;
*/
