/* * Default: * - yellow gradient; * - height 20px; * - line-height 20px; * - boreder-radius 10px; **/ .button { display: inline-block; line-height: 18px; height: 18px; min-width: 78px; margin: 0; padding: 0 20px; border-top: 1px solid #e6ac00; border-left: 1px solid #d4a005; border-right: 1px solid #d4a005; border-bottom: 1px solid #c49300; white-space: nowrap; text-decoration: none !important; text-align: center; cursor: pointer; font-size: 12px; font-family: Verdana, Arial, sans-serif !important; position: relative; color: #2d2d2d !important; background: #febe00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmE0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #febe00 0%, #dba400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febe00), color-stop(100%,#dba400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #febe00 0%,#dba400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #febe00 0%,#dba400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #febe00 0%,#dba400 100%); /* IE10+ */ background: linear-gradient(to bottom, #febe00 0%,#dba400 100%); /* W3C */ filter: none; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.4); -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -o-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); } input.button, button.button { height: 20px; min-width: 120px; padding-bottom:4px; } .button:hover { text-decoration:none !important; border-top: 1px solid #e6c35c; border-left: 1px solid #debc59; border-right: 1px solid #debc59; border-bottom: 1px solid #c4a64e; background: #ffd966; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGJjNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffd966 0%, #ddbc58 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd966), color-stop(100%,#ddbc58)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd966 0%,#ddbc58 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd966 0%,#ddbc58 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd966 0%,#ddbc58 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd966 0%,#ddbc58 100%); /* W3C */ filter: none; } .button:active { border: none; padding: 1px 21px; background: #e6ac00; filter: none; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6); -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6); } /* Button size */ .button.h20 { font-size:12px; } .button.h30 { line-height:28px; height:28px; min-width:98px; font-size:14px; font-weight:normal; } input.button.h30, button.button.h30 { height: 30px; min-width: 140px; padding-bottom:4px; } .button.h40 { line-height:38px; height:38px; min-width: 118px; font-size:16px; /*font-weight: bolder;*/ } input.button.h40, button.button.h40 { height: 40px; min-width: 160px; padding-bottom:4px; } .button.h40.f14 { font-size: 14px; padding-left: 30px; padding-right: 30px; } .button.h50 { line-height:48px; height:48px; min-width:158px; font-size:18px; /*font-weight:bold;*/ -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; } input.button.h50, button.button.h50 { height: 50px; min-width: 200px; padding-bottom:4px; } .button.h60 { line-height:58px; height:58px; min-width:178px; font-size:18px; /*font-weight:bold;*/ -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; } input.button.h60, button.button.h60 { height: 60px; min-width: 220px; padding-bottom:4px; } .button[disabled="disabled"], .button.disabled { color: #a6a6a6 !important; cursor: default !important; background: #f2f2f2; filter: none; box-shadow: none; border: 1px solid #e6e6e6; padding: 0px 20px; } /* Orange */ .button.orange { min-width:100px; color:#fff !important; font-size:14px; padding:0 10px; font-weight:bold; -webkit-text-shadow:1px 1px 1px #c26900; -moz-text-shadow:1px 1px 1px #c26900; -o-text-shadow:1px 1px 1px #c26900; text-shadow:1px 1px 1px #c26900; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background: #f49600; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2YyOGQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTZlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f49600 0%, #f28d01 31%, #ee6e00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f49600), color-stop(31%,#f28d01), color-stop(100%,#ee6e00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f49600 0%,#f28d01 31%,#ee6e00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f49600 0%,#f28d01 31%,#ee6e00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f49600 0%,#f28d01 31%,#ee6e00 100%); /* IE10+ */ background: linear-gradient(to bottom, #f49600 0%,#f28d01 31%,#ee6e00 100%); /* W3C */ filter: none; box-shadow: none; border: none; } .button.orange:hover { background: #ee6e00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2YyOGQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDk2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ee6e00 0%, #f28d01 69%, #f49600 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee6e00), color-stop(69%,#f28d01), color-stop(100%,#f49600)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ee6e00 0%,#f28d01 69%,#f49600 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ee6e00 0%,#f28d01 69%,#f49600 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ee6e00 0%,#f28d01 69%,#f49600 100%); /* IE10+ */ background: linear-gradient(to bottom, #ee6e00 0%,#f28d01 69%,#f49600 100%); /* W3C */ filter: none; } .button.orange.h30 { height: 30px; } /* Blue */ .button.blue { border: 1px solid #283a69; color:#fff; min-width:80px; padding:0 10px; background: #5a70ac; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhNzBhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjM2Q1ODlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjM2M1NzllIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjM2E1NTk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMzg0ZjkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMzg1MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NmFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #5a70ac 0%, #3d589d 3%, #3c579e 45%, #3a5598 52%, #384f92 55%, #385090 97%, #556aa1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a70ac), color-stop(3%,#3d589d), color-stop(45%,#3c579e), color-stop(52%,#3a5598), color-stop(55%,#384f92), color-stop(97%,#385090), color-stop(100%,#556aa1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5a70ac 0%,#3d589d 3%,#3c579e 45%,#3a5598 52%,#384f92 55%,#385090 97%,#556aa1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5a70ac 0%,#3d589d 3%,#3c579e 45%,#3a5598 52%,#384f92 55%,#385090 97%,#556aa1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5a70ac 0%,#3d589d 3%,#3c579e 45%,#3a5598 52%,#384f92 55%,#385090 97%,#556aa1 100%); /* IE10+ */ background: linear-gradient(to bottom, #5a70ac 0%,#3d589d 3%,#3c579e 45%,#3a5598 52%,#384f92 55%,#385090 97%,#556aa1 100%); /* W3C */ filter: none; } .button.blue:hover { background: #556aa1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NmFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMzg1MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMzg0ZjkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjM2E1NTk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjM2M1NzllIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjM2Q1ODlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhNzBhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #556aa1 0%, #385090 3%, #384f92 45%, #3a5598 48%, #3c579e 55%, #3d589d 97%, #5a70ac 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556aa1), color-stop(3%,#385090), color-stop(45%,#384f92), color-stop(48%,#3a5598), color-stop(55%,#3c579e), color-stop(97%,#3d589d), color-stop(100%,#5a70ac)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #556aa1 0%,#385090 3%,#384f92 45%,#3a5598 48%,#3c579e 55%,#3d589d 97%,#5a70ac 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #556aa1 0%,#385090 3%,#384f92 45%,#3a5598 48%,#3c579e 55%,#3d589d 97%,#5a70ac 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #556aa1 0%,#385090 3%,#384f92 45%,#3a5598 48%,#3c579e 55%,#3d589d 97%,#5a70ac 100%); /* IE10+ */ background: linear-gradient(to bottom, #556aa1 0%,#385090 3%,#384f92 45%,#3a5598 48%,#3c579e 55%,#3d589d 97%,#5a70ac 100%); /* W3C */ filter: none; } /* Red */ .button.red { color: #fff !important; border-top: 1px solid #802121; border-left: 1px solid #782222; border-right: 1px solid #782222; border-bottom: 1px solid #6d1c1c; background: rgb(172,45,45); /* Old browsers */ background: -moz-linear-gradient(top, rgba(172,45,45,1) 0%, rgba(149,39,39,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,45,45,1)), color-stop(100%,rgba(149,39,39,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(172,45,45,1) 0%,rgba(149,39,39,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(172,45,45,1) 0%,rgba(149,39,39,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(172,45,45,1) 0%,rgba(149,39,39,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(172,45,45,1) 0%,rgba(149,39,39,1) 100%); /* W3C */ filter: none; -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -o-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); } .button.red:hover { background: rgb(171,64,64); /* Old browsers */ background: -moz-linear-gradient(top, rgba(171,64,64,1) 2%, rgba(148,56,56,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(171,64,64,1)), color-stop(100%,rgba(148,56,56,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(171,64,64,1) 2%,rgba(148,56,56,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(171,64,64,1) 2%,rgba(148,56,56,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(171,64,64,1) 2%,rgba(148,56,56,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(171,64,64,1) 2%,rgba(148,56,56,1) 100%); /* W3C */ filter: none; } .button.red:active { border: none; background: rgb(148,56,56); /* Old browsers */ background: -moz-linear-gradient(top, rgba(148,56,56,1) 0%, rgba(171,64,64,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,56,56,1)), color-stop(98%,rgba(171,64,64,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(148,56,56,1) 0%,rgba(171,64,64,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(148,56,56,1) 0%,rgba(171,64,64,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(148,56,56,1) 0%,rgba(171,64,64,1) 98%); /* IE10+ */ background: linear-gradient(to bottom, rgba(148,56,56,1) 0%,rgba(171,64,64,1) 98%); /* W3C */ filter: none; } /* Red */ .button.green { color: #fff !important; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green; border-bottom: 1px solid green; background: rgb(16, 114, 13); /* Old browsers */ background: -moz-linear-gradient(top, rgba(16, 114, 13,1) 0%, rgba(16, 114, 13,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16, 114, 13,1)), color-stop(100%,rgba(16, 114, 13,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(16, 114, 13,1) 0%,rgba(16, 114, 13,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(16, 114, 13,1) 0%,rgba(16, 114, 13,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(16, 114, 13,1) 0%,rgba(16, 114, 13,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(16, 114, 13,1) 0%,rgba(16, 114, 13,1) 100%); /* W3C */ filter: none; -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -o-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); } .button.green:hover { background: rgb(24, 168, 19); /* Old browsers */ background: -moz-linear-gradient(top, rgba(24, 168, 19,1) 2%, rgba(24, 168, 19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(24, 168, 19,1)), color-stop(100%,rgba(24, 168, 19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* W3C */ filter: none; } .button.green:active { border: none; background: rgb(24, 168, 19); /* Old browsers */ background: -moz-linear-gradient(top, rgba(24, 168, 19,1) 2%, rgba(24, 168, 19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(24, 168, 19,1)), color-stop(100%,rgba(24, 168, 19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(24, 168, 19,1) 2%,rgba(24, 168, 19,1) 100%); /* W3C */ filter: none; } /* Switcher buttons */ .switcher { border: 1px solid #a6a6a6; overflow: hidden; display: inline-block; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .switcher input[type=radio] {display: none;} .switcher label { float: left; /*color: #000;*/ min-width: 80px !important; width: auto !important; height: 20px; padding: 0 10px; text-align: center; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .switcher label:hover { border: none; } .switcher label:active { border: none; box-shadow: none; padding: 0px; } .switcher input:checked + label { background: #d7d7d7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #d7d7d7 0%, #e6e6e6 5%, #f0f0f0 11%, #fbfbfb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(5%,#e6e6e6), color-stop(11%,#f0f0f0), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d7d7d7 0%,#e6e6e6 5%,#f0f0f0 11%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d7d7d7 0%,#e6e6e6 5%,#f0f0f0 11%,#fbfbfb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d7d7d7 0%,#e6e6e6 5%,#f0f0f0 11%,#fbfbfb 100%); /* IE10+ */ background: linear-gradient(to bottom, #d7d7d7 0%,#e6e6e6 5%,#f0f0f0 11%,#fbfbfb 100%); /* W3C */ filter: none; cursor: default; } .switcher label span { margin: 0 !important; color: #2d2d2d !important; line-height: 20px !important; padding: 0 5px; text-align: center; } .switcher input:checked + label span {color: #a6a6a6 !important;} .switcher input + label .off {display: block !important;} .switcher input + label .on {display: none !important;} .switcher input:checked + label .on {display: block !important;} .switcher input:checked + label .off {display: none !important;} .left-switcher { border-right: 1px solid #a6a6a6 !important; -webkit-border-radius: 10px 0 0 10px !important; -moz-border-radius: 10px 0 0 10px !important; -o-border-radius: 10px 0 0 10px !important; border-radius: 10px 0 0 10px !important; } .right-switcher { -webkit-border-radius: 0 10px 10px 0 !important; -moz-border-radius: 0 10px 10px 0 !important; -o-border-radius: 0 10px 10px 0 !important; border-radius: 0 10px 10px 0 !important; }