/* 
 * Picker v3.1.2 - 2014-11-25 
 * 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 { opacity: 0; position: absolute; -webkit-transition: none; transition: none; z-index: -1; }
.no-touch .picker-element { left: -99999px; }
.picker { cursor: pointer; margin: 0 0 3px 0; overflow: hidden; }
.picker:hover .picker-handle { border-color: #aaaaaa; }

.picker .picker-label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.picker .picker-handle { border: 1px solid #bbbbbb; display: block; float: left; height: 16px; margin: 0 5px 0 0; width: 16px; }

.no-touch .picker:hover .picker-label { color: #555; }
.no-touch .picker:hover .picker-handle { border-color: #aaa; }
.picker.focus .picker-label { color: #555; }
.picker.focus .picker-handle { border-color: #aaa; }
.picker.picker-radio .picker-handle { border-radius: 8px; background: 990000; }
.picker.picker-radio .picker-flag { background: transparent; border-radius: 4px; display: block; height: 8px; margin: 3px; width: 8px; }
.picker.picker-radio.focus .picker-flag { background: #ddd; }
.picker.picker-radio.checked .picker-flag { background: #008bab; }
.no-touch .picker.picker-radio:hover .picker-flag { background: #ddd; }
.no-touch .picker.picker-radio.disabled:hover .picker-flag { background: #fff; }
.picker.picker-checkbox .picker-handle { border-radius: 3px; }
.picker.picker-checkbox .picker-flag { background: transparent; border-radius: 2px; display: block; height: 100%; margin: 0; width: 100%; }
.picker.picker-checkbox.checked .picker-flag { background-image: url(jquery.fs.picker-icon.png); background-repeat: no-repeat; background-position: center; }
.picker.picker-toggle { padding: 20px 0 0; position: relative; }
.picker.picker-toggle .picker-toggle-label { color: #999; font-size: 12px; position: absolute; text-transform: uppercase; top: 0; }
.picker.picker-toggle .picker-toggle-label.on { left: 0; }
.picker.picker-toggle .picker-toggle-label.off { color: #333; right: 0; }
.picker.picker-toggle .picker-label { display: none; }
.picker.picker-toggle .picker-handle { border-radius: 3px; height: 20px; position: relative; width: 100%; }
.picker.picker-toggle .picker-flag { background: #666; border-radius: 2px; display: block; height: 100%; left: 50%; margin: 0; position: absolute; top: 0; width: 50%; -webkit-transition: left 0.1s linear; transition: left 0.1s linear; }
.picker.picker-toggle.checked .picker-toggle-label.on { color: #333; }
.picker.picker-toggle.checked .picker-toggle-label.off { color: #999; }
.picker.picker-toggle.checked .picker-flag { background: #666; left: 0; }
.picker.disabled { cursor: default; opacity: 0.5; }
.picker.disabled .picker-label, .picker.disabled .picker-handle { cursor: default; }
.no-touch .picker.disabled:hover .picker-label { color: #888; }
.no-touch .picker.disabled:hover .picker-handle { border-color: #ccc; }

.picker .picker-label { display: block; margin-left: 15px; padding-left: 8px; }

.picker.picker-checkbox .picker-flag,
.picker.picker-radio .picker-handle { box-shadow: inset 0 -3px 4px 1px #f1f1f1; }

.picker.picker-checkbox:hover .picker-flag,
.picker.picker-radio:hover .picker-handle { background-color: #faf8d5; box-shadow: inset 0 -3px 4px 1px #f1eec0; }

.picker.picker-checkbox:hover .picker-handle { border-color: #f3c860; }