.toggle-button { display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); position: relative; text-align: left; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.toggle-button.deactivate {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default !important; }
.toggle-button.deactivate label, .toggle-button.deactivate span { cursor: default !important; }
.toggle-button > div { display: inline-block; width: 150px; position: absolute; top: 0; }
.toggle-button > div.disabled { left: -50%; }
.toggle-button input[type=checkbox] { display: none; }
.toggle-button span, .toggle-button label { cursor: pointer; position: relative; float: left; display: inline-block; }
.toggle-button label { background: #fefefe; margin-left: -4px; margin-right: -4px; border: 1px solid #E6E6E6; margin-top: -1px; z-index: 100; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6); background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6); background-image: -o-linear-gradient(top, #fefefe, #e6e6e6); background-image: linear-gradient(top, #fefefe, #e6e6e6); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.toggle-button span { color: #fefefe; text-align: center; font-weight: bold; z-index: 1; }
.toggle-button span.labelLeft { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; padding-left: 3px; }
.toggle-button span.labelRight { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; color: black; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(bottom, #fefefe, #e6e6e6); background-image: -moz-linear-gradient(bottom, #fefefe, #e6e6e6); background-image: -o-linear-gradient(bottom, #fefefe, #e6e6e6); background-image: linear-gradient(bottom, #fefefe, #e6e6e6); padding-right: 3px; }
.toggle-button span.primary, .toggle-button span.labelLeft { color: #fefefe; background: #abc9e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYzllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Nzk4YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #abc9e5 0%, #6798c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abc9e5), color-stop(100%,#6798c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #abc9e5 0%,#6798c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #abc9e5 0%,#6798c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #abc9e5 0%,#6798c5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #abc9e5 0%,#6798c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc9e5', endColorstr='#6798c5',GradientType=0 ); /* IE6-8 */ }
.toggle-button span.info { color: #fefefe; background: #5bc0de; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4)); background-image: -webkit-linear-gradient(bottom, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(bottom, #5bc0de, #2f96b4); background-image: -o-linear-gradient(bottom, #5bc0de, #2f96b4); background-image: linear-gradient(bottom, #5bc0de, #2f96b4); }
.toggle-button span.success { color: #fefefe; background: #62c462; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #62c462), color-stop(100%, #51a351)); background-image: -webkit-linear-gradient(bottom, #62c462, #51a351); background-image: -moz-linear-gradient(bottom, #62c462, #51a351); background-image: -o-linear-gradient(bottom, #62c462, #51a351); background-image: linear-gradient(bottom, #62c462, #51a351); }
.toggle-button span.warning { color: #fefefe; background: #dbb450; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbb450), color-stop(100%, #f89406)); background-image: -webkit-linear-gradient(bottom, #dbb450, #f89406); background-image: -moz-linear-gradient(bottom, #dbb450, #f89406); background-image: -o-linear-gradient(bottom, #dbb450, #f89406); background-image: linear-gradient(bottom, #dbb450, #f89406); }
.toggle-button span.danger { color: #fefefe; background: #ee5f5b; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f)); background-image: -webkit-linear-gradient(bottom, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(bottom, #ee5f5b, #bd362f); background-image: -o-linear-gradient(bottom, #ee5f5b, #bd362f); background-image: linear-gradient(bottom, #ee5f5b, #bd362f); }