/**
 * Checkator jQuery Plugin
 * A plugin for radio and checkbox elements
 * version 1.0, Dec 20th, 2013
 * by Ingi P. Jacobsen
 */

/* RESET */
input[type=radio],
input[type=checkbox] {
	margin-bottom: 0;
}

/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
	position: relative;
	z-index: 2;
	display: block;
}

/* SHARED SETTING */
.checkator_holder, .radioelm_holder { /* Holder for the new element */
	display: inline-block;
	position: relative;
}

/**** chaeckbox type1 */
.checkator { /* New element */
	width:13px; 
	height:13px;
	border: 0px solid #abadb3;
	background:url(../img/checkbox-inner.png) no-repeat center top; background-size:13px 28px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.checkator_source:checked+.checkator:after { /* Checked element dot */
	width:13px; 
	height:13px;
	background:url(../img/checkbox-inner.png) no-repeat center bottom; background-size:13px 28px;
	display: block;
	content: ' ';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	cursor:pointer;
}

/**** @End chaeckbox type1 */


/******* radio type1 */
#radioelm_.checkator {
	width:19px; 
	height:19px;
	border: 0px solid #abadb3;
	background:url(../img/radio-inner.png) no-repeat center top;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.checkator_source:checked+#radioelm_.checkator:after { /* Checked element dot */
	width:19px; 
	height:19px;
	background:url(../img/radio-inner.png) no-repeat center bottom;
	display: block;
	content: ' ';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	cursor:pointer;
}

/******* @End radio type1 */



.checkator_source:focus+.checkator { /* Focused element */
	border: 0px solid #cc0;
}
.checkator_source:hover+.checkator { /* Hovered element */
	/* Bug: There is a bug in chrome preventing this from working correctly */
	background-color: #def;
	border: 0px solid #79b;
}


/* RADIO SETTINGS */
.checkator.radio {
	border-radius: 50%;
}
.checkator.radio:after {
	border-radius: 50%;
}

/* CHECKBOX SETTINGS */
.checkator.checkbox { /* New element */
	border: 0px solid #abadb3;
}