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

.ilabel{
	display:block;
	font-size:12px;
	padding-bottom:10px;
	cursor:pointer;
	}

.itoggle,
.itoggle span{
	display: block;
	float:left;
	width: 93px;
	height: 27px;
	margin-left: 15px;
	background: url(../images/itoggle.png) left bottom no-repeat;
	cursor:pointer;
	text-indent:-5000px;
	}
.itoggle.iToff{
	background-position:right bottom;
	}
.itoggle span{
	background-position: left top;
	margin: 0;
	}
.iT_checkbox{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
	
.itoggle-container{
    margin: 10px auto;
	padding:0px;
}

.itoggle-container .label{
	display: inline-block;
	float:left;
    padding: 5px;
}

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