/* 
Project: i-Switch (i-Phone Style radio/checkboxes)
Author: Andrew Kamau
Date: Feb 12
*/

/*
.i-switch-left, .i-switch-right, .i-switch-left span, .i-switch-right span { background: url('/core-css/css_core/i-switch.gif') repeat-x; display: block; float: left; }
.i-switch-left span, .i-switch-right span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.i-switch-left span { background-position: left -90px; padding: 0 10px; }
.i-switch-right span { background-position: right -180px;padding: 0 10px; }
.i-switch-right.selected { background-position: 0 -30px; }
.i-switch-right.selected span { background-position: right -210px; color: #fff; }
.i-switch-left.selected { background-position: 0 -60px; }
.i-switch-left.selected span { background-position: left -150px; color: #fff; }
.i-switch label { cursor: pointer; width: auto !important;  }
#.i-switch input { display: none; }
*/

.i-switch label { cursor: pointer; width: auto !important; }
.i-switch input { border: 0 none; padding: 0; }
.i-switch-left, .i-switch-right { background: none repeat scroll 0 0 #F8F8F8; display: block; float: left; border-style:solid; border-color:#BEBEBE; }
.i-switch-left { border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-width: 1px 0px 1px 1px; }
.i-switch-right  { border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-width: 1px 1px 1px 0px; }
.i-switch-left span, .i-switch-right span { line-height: 30px; display: block; font-weight: bold; padding: 0 10px; }
.i-switch-left.i-selected span, .i-switch-right.i-selected span { color: #fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4), 2px 2px 1px rgba(0, 0, 0, 0.3); }
.i-switch-right:hover, .i-switch-left:hover { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 2px 2px 1px rgba(0, 0, 0, 0.1); }
.orange-switch .i-switch-right.i-selected, .orange-switch .i-switch-left.i-selected { box-shadow: 1px 1px 0 #FDD882 inset, -1px -1px 0 rgba(0, 0, 0, 0.4) inset; background: #F3731F; background: -moz-linear-gradient(top, #FCB512 0%, #F3731F 100%) repeat-x; background: -ms-linear-gradient(top, #FCB512 0%, #F3731F 100%) repeat-x; background: -o-linear-gradient(top, #FCB512 0%, #F3731F 100%) repeat-x; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCB512), color-stop(1, #F3731F)) repeat-x; background: -webkit-linear-gradient(top, #FCB512 0%, #F3731F 100%) repeat-x; background: linear-gradient(top, #FCB512 0%, #F3731F 100%) repeat-x; -pie-background: linear-gradient(#FCB512, #F3731F); #border-color:#E4630C; }
.green-switch .i-switch-right.i-selected, .green-switch .i-switch-left.i-selected { box-shadow: 1px 1px 0 rgba(204, 228, 180, 0.9) inset, -1px -1px 0 rgba(0, 0, 0, 0.4) inset; background: #568A11; background: -moz-linear-gradient(top, #86BB1E 0%, #568A11 100%) repeat-x; background: -ms-linear-gradient(top, #86BB1E 0%, #568A11 100%) repeat-x; background: -o-linear-gradient(top, #86BB1E 0%, #568A11 100%) repeat-x; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86BB1E), color-stop(1, #568A11)) repeat-x; background: -webkit-linear-gradient(top, #86BB1E 0%, #568A11 100%) repeat-x; background: linear-gradient(top, #86BB1E 0%, #568A11 100%) repeat-x; -pie-background: linear-gradient(#86BB1E, #568A11); #border-color:#426D0D; }
.grey-switch .i-switch-right.i-selected, .grey-switch .i-switch-left.i-selected { box-shadow: 1px 1px 0 rgba(0, 0, 0, 0) inset, -1px -1px 0 rgba(0, 0, 0, 0.4) inset; background: #666666; background: -moz-linear-gradient(top, #929292 0%, #666666 100%) repeat-x; background: -ms-linear-gradient(top, #929292 0%, #666666 100%) repeat-x; background: -o-linear-gradient(top, #929292 0%, #666666 100%) repeat-x; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #929292), color-stop(1, #666666)) repeat-x; background: -webkit-linear-gradient(top, #929292 0%, #666666 100%) repeat-x; background: linear-gradient(top, #929292 0%, #666666 100%) repeat-x; -pie-background: linear-gradient(#929292, #666666); #border-color:#555555; }
.blue-switch .i-switch-right.i-selected, .blue-switch .i-switch-left.i-selected { box-shadow: 1px 1px 0 rgba(200, 236, 251, 0.9) inset, -1px -1px 0 rgba(19, 117, 159, 0.9) inset; background: #17A4E2; background: -moz-linear-gradient(top, #8CD7F7 0%, #17A4E2 100%) repeat-x; background: -ms-linear-gradient(top, #8CD7F7 0%, #17A4E2 100%) repeat-x; background: -o-linear-gradient(top, #8CD7F7 0%, #17A4E2 100%) repeat-x; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8CD7F7), color-stop(1, #17A4E2)) repeat-x; background: -webkit-linear-gradient(top, #8CD7F7 0%, #17A4E2 100%) repeat-x; background: linear-gradient(top, #8CD7F7 0%, #17A4E2 100%) repeat-x; -pie-background: linear-gradient(#8CD7F7, #17A4E2); #border-color:#8CD7F7; }