/**
 * Checkator jQuery Plugin
 * A plugin for radio and checkbox elements
 * version 1.1, 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 { /* Holder for the new element */
	display: inline-block;
	position: relative;
		
		width: 14px !important;
		height: 14px !important;
		margin: 0 3px 0 4px !important;
		/*
		display: block;
		float: left !important;
		*/
}
.checkator_element { /* New element */
	border: 1px solid #555;
	/* background-color: #fff; */
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/**
* QQ- comments it out
* See below for tick alternative
*/	
.QQ-checkator_source:checked+.checkator_element:after { /* Checked element dot */
	/* background-color: #7fa92c; */
	background-color: #668;
	display: block;
	content: ' ';
	top: 20%;
	right: 20%;
	bottom: 20%;
	left: 20%;
	position: absolute;
}

/**
* modified :after to show a tick
* relies on fixed size of box
*/

.checkator_source:checked+.checkator_element:after { /* Checked element dot */
	background: url(/public/js/checkbox-checkator/tick-12px-grey.png);
	width: 14px;
	height: 14px;
	display: block;
	content: ' ';
	position: absolute;

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


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

/* CHECKBOX SETTINGS */
.checkator_element.checkbox { /* New element */
	border: 1px solid #555;
}