/*
 * Picker Plugin [Formstone Library]
 * @author Ben Plum
 * @version 0.2.5
 *
 * Copyright © 2012 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
 
 	.picker-element { left: -999999px; position: absolute; }
	.picker { width: 16px; }
	.picker .picker-label { color: #888; cursor: pointer; display: block; float: left; font-size: 14px; 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 #ACB0B3;
		cursor: pointer;
		display: block;
		height: 14px;
		width: 14px;
		background: #DEE7ED;
		background-image: -webkit-linear-gradient(bottom, #DEE7ED, #FEFFFF);
		background-image: -moz-linear-gradient(bottom, #DEE7ED, #FEFFFF);
		background-image: -o-linear-gradient(bottom, #DEE7ED, #FEFFFF);
		background-image: -ms-linear-gradient(bottom, #DEE7ED, #FEFFFF);
		background-image: linear-gradient(bottom, #DEE7ED, #FEFFFF);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE7ED', endColorstr='#FEFFFF');
	}
	
	.picker:hover .picker-label,
	.picker.focus .picker-label { color: #555; }
	.picker:hover .picker-handle,
	.picker.focus .picker-handle { border-color: #aaa; }
	
	/* Radio Input */
	.picker.picker-radio .picker-handle { 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.picker.picker-radio .picker-flag {
		display: block;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		height: 6px;
		margin: 4px;
		width: 6px;
	}
	
	.picker.picker-radio:hover .picker-flag,
	.picker.picker-radio.focus .picker-flag { background: #aecfe0; }
	.picker.picker-radio.checked .picker-flag { background: #71AAC8; box-shadow: inset 1px 2px #6992A9; }
	
	.picker.picker-radio.checked .picker-handle{
		background: #DEE7ED;
		background-image: -webkit-linear-gradient(bottom, #FEFFFF, #DEE7ED);
		background-image: -moz-linear-gradient(bottom, #FEFFFF, #DEE7ED);
		background-image: -o-linear-gradient(bottom, #FEFFFF, #DEE7ED);
		background-image: -ms-linear-gradient(bottom, #FEFFFF, #DEE7ED);
		background-image: linear-gradient(bottom, #FEFFFF, #DEE7ED);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFFFF', endColorstr='#DEE7ED');	
	}
	
	/* Checkbox Input */
	.picker-checkbox{ float: left; }
	.picker.picker-checkbox .picker-handle { border-radius: 3px; }
	.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(fs-picker-icon.png) no-repeat center; }
	
	/* 'Disabled' State */
	.picker.disabled .picker-label { color: #ccc; cursor: default; }
	.picker.disabled .picker-handle { border-color: #eee; cursor: default; }
	.picker.picker-radio.disabled .picker-flag { background: #fff; }
	.picker.picker-radio.disabled.checked .picker-flag { background: #eee; }
	.picker.picker-checkbox.disabled .picker-flag::after { color: #eee; content: ''; }
	.picker.picker-checkbox.disabled.checked .picker-flag::after { color: #eee; content: '\2714'; }