/* 
 * Picker v3.0.8 - 2014-01-29 
 * A jQuery plugin for replacing default checkboxes and radios. Part of the formstone library. 
 * http://formstone.it/picker/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */ 

 	.picker-element { *left: -9999px; opacity: 0; position: absolute; z-index: -1;
	 	-webkit-transition: none;
	 	   -moz-transition: none;
	 	    -ms-transition: none;
	 	     -o-transition: none;
	 	        transition: none;
 	}
/*	.picker { cursor: pointer; margin: 0 0 10px 0; overflow: hidden; } */
	.picker { cursor: pointer; margin: 0 0 10px 0; }
	.picker .picker-label { color: #888; cursor: pointer; display: block; float: left; font-size: 12px; float: left; line-height: 16px;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
		        user-select: none;
	}
	.picker .picker-handle { border: 1px solid #ccc; display: block; float: left; height: 16px; margin: 0 5px 0 0; width: 16px; }

	/* Focus */
	.picker.focus .picker-label { color: #555; }
	.picker.focus .picker-handle { border-color: #aaa; }

	/* Radio Input */
	.picker.picker-radio .picker-handle { border-radius: 8px; }
	.picker.picker-radio .picker-flag { background: #fff; display: block; border-radius: 4px; height: 8px; margin: 3px; width: 8px; }

	.picker.picker-radio.focus .picker-flag { background: #ddd; }
	.picker.picker-radio.checked .picker-flag { background: rgba(210, 210, 210, 0.4); }

	/* Checkbox Input */
	.picker.picker-checkbox .picker-handle { border-radius: 3px; background: rgba(255, 255, 255, 1)}
	.picker.picker-checkbox .picker-flag { background: #fff; border-radius: 2px; display: block; height: 100%; margin: 0; width: 100%; }

	/* 'Checked' */
	.picker.picker-checkbox.checked .picker-flag { background: #fff url(jquery.fs.picker-icon.png) no-repeat center; }

	/* 'Toggle' Style Input */
	.picker.picker-toggle { padding: 0 0 20px 0; position: relative; }
	.picker.picker-toggle .picker-toggle-label { color: #ccc; font-size: 12px; position: absolute; text-transform: uppercase; top: 4px; z-index: 200;}
	.picker.picker-toggle .picker-toggle-label.on { left: 5px; }
	.picker.picker-toggle .picker-toggle-label.off { color: #000; right: 5px; }
	.picker.picker-toggle .picker-label { display: none; }
	.picker.picker-toggle .picker-handle { border-radius: 0px; height: 20px; position: relative; width: 238px; }
	.picker.picker-toggle .picker-flag { background: rgba(210, 210, 210, 0.4); border-radius: 0px; display: block; height: 100%; left: 50%; margin: 0; position: absolute; top: 0; width: 50%;
		-webkit-transition: left 0.1s linear;
		   -moz-transition: left 0.1s linear;
		    -ms-transition: left 0.1s linear;
		     -o-transition: left 0.1s linear;
		        transition: left 0.1s linear;
	}
	/*
	.picker.picker-toggle .picker-flag:after { content: '' !important; }
	*/
	.picker.picker-toggle.checked .picker-toggle-label.on { color: #000; }
	.picker.picker-toggle.checked .picker-toggle-label.off { color: #ccc; }
	.picker.picker-toggle.checked .picker-flag { background: rgba(210, 210, 210, 0.4); left: 0; }

	/* 'Disabled' State */
	.picker.disabled { cursor: default; opacity: 0.5; }
	.picker.disabled .picker-label { cursor: default; }
	.picker.disabled .picker-handle { cursor: default; }

	/*
	.picker.picker-checkbox.disabled .picker-flag:after { color: #eee; content: ''; }
	.picker.picker-checkbox.disabled.checked .picker-flag:after { color: #eee; content: '\2714'; }
	*/

	@media screen and (min-width: 740px) {
		.picker:hover .picker-label { color: #555; }
		.picker:hover .picker-handle { border-color: #aaa; }

		.picker.picker-radio:hover .picker-flag { background: #ddd; }

		.picker.disabled:hover .picker-label { color: #888; }
		.picker.disabled:hover .picker-handle { border-color: #ccc; }

		.picker.picker-radio.disabled:hover .picker-flag { background: #fff; }
	}