html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
blockquote:before, blockquote:after,
text-decoration: line-through;
abbr[title], dfn[title] {
border-bottom:1px dotted;
border-collapse:collapse;
border-top:1px solid #cccccc;
input[type=button], input[type=submit], button {
border: 1px solid #aaaaaa;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
font-family: Helvetica, sans-serif;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 10px rgba(0,0,0,0.1);
text-shadow: 0 1px 0 white;
input[type=button]:hover, input[type=submit]:hover, button:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d8d8d8));
background: -webkit-linear-gradient(top, #f8f8f8, #d8d8d8);
input[type=button]:focus, input[type=submit]:focus, button:focus {
-webkit-box-shadow: 0 0 4px rgba(27, 155, 224, 0.9),
inset 0 0 10px rgba(0,0,0,0.15),
0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-background-clip: padding-box;
input[type=button]:active, input[type=submit]:active, button:active, input[type=checkbox]:active {
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff))!important;
background: -webkit-linear-gradient(top, #dddddd, #ffffff);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
input[type=button]:disabled, input[type=submit]:disabled, button:disabled {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
input[type=checkbox]:active {
input[type=checkbox], input[type=radio] {
-webkit-appearance: none;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
border: 1px solid #aaaaaa;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 3px rgba(0,0,0,0.1);
input[type=checkbox]:focus, input[type=radio]:focus {
-webkit-box-shadow: 0 0 4px rgba(27, 155, 224, 0.9),
inset 0 0 10px rgba(0,0,0,0.15),
0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-background-clip: padding-box;
input[type=checkbox]:hover, input[type=radio]:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d8d8d8));
background: -webkit-linear-gradient(top, #f8f8f8, #d8d8d8);
input[type=checkbox]:checked::after, input[type=radio]:checked::after {
font-family: Arial, sans-serif!important;
text-shadow: 0 1px 0 white;
input[type=checkbox]:disabled, input[type=radio]:disabled {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
input[type=radio]:checked::after {
input[type="text"], textarea, input[type=email], input[type=password], input[type=url], input[type=date], input[type=time] {
border: 1px solid #aaaaaa;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
font-family: Helvetica, sans-serif;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 10px rgba(0,0,0,0.15);
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus, input[type=url]:focus, input[type=date]:focus, input[type=time]:focus {
-webkit-box-shadow: 0 0 4px rgba(27, 155, 224, 0.9),
inset 0 0 10px rgba(0,0,0,0.15),
0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-background-clip: padding-box;
input[type=text]:disabled, textarea:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=url]:disabled, input[type=date]:disabled, input[type=time]:disabled {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-appearance: none;
border: 1px solid #aaaaaa;
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
background: -webkit-linear-gradient(top, #dddddd, #ffffff);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 1px rgba(0,0,0,0.1);
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #aaaaaa;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
-webkit-background-clip: content-box;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 3px rgba(0,0,0,0.1);
input[type=range]:hover::-webkit-slider-thumb {
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d4d4d4));
background: -webkit-linear-gradient(top, #f8f8f8, #d8d8d8);
input[type=range]:disabled {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
input[type=range]:disabled::-webkit-slider-thumb {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
.buttonset input[type=button], .buttonset input[type=submit], .buttonset button {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),
inset 0 0 10px rgba(0,0,0,0.1);
.buttonset input[type=button]:first-child, .buttonset input[type=submit]:first-child, .buttonset button:first-child {
border-radius: 3px 0 0 3px;
.buttonset input[type=button]:last-child, .buttonset input[type=submit]:last-child, .buttonset button:last-child {
border-radius: 0 3px 3px 0;
.buttonset input[type=button]:active, .buttonset input[type=submit]:active, .buttonset button:active {
.buttonset input[type=button]:hover, .buttonset input[type=submit]:hover, .buttonset button:hover {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),
inset 0 0 10px rgba(0,0,0,0.1);
-webkit-appearance: none;
background: url(http://i.imgur.com/Lt32a.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
border: 1px solid #aaaaaa;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 10px rgba(0,0,0,0.15);
text-shadow: 0 1px 0 white;
background: url(http://i.imgur.com/Lt32a.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d8d8d8));
-webkit-background-clip: padding-box;
background: url(http://i.imgur.com/Lt32a.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
background: url(http://i.imgur.com/Lt32a.png) center right no-repeat, #eeeeee;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
input[type=checkbox].switch {
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
background: -webkit-linear-gradient(top, #dddddd, #ffffff);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 2px 2px rgba(0,0,0,0.1);
input[type=checkbox].switch::after {
border: 1px solid #aaaaaa;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
-webkit-background-clip: content-box;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 3px rgba(0,0,0,0.1);
input[type=checkbox].switch:checked {
background: -webkit-gradient(linear, left top, left bottom, from(#B1CBDD), to(#CCE9FF));
background: -webkit-linear-gradient(top, #B1CBDD, #CCE9FF);
border: 1px solid #8FA2B3;
input[type=checkbox].switch:checked::after {
input[type=checkbox].switch:disabled, input[type=checkbox].switch:disabled::after {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
input[type=checkbox].switch:checked:disabled {
font-family: Helvetica, sans-serif;
border: 1px solid #aaaaaa;
-webkit-background-clip: content-box;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
.select input[type=radio] {
padding: 6px 5px!important;
border-bottom: 1px solid #aaaaaa;
border-top: 1px solid #ffffff;
font-size: 13px!important;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 0 10px rgba(0,0,0,0.1);
.select input[type=radio]::after {
font-family: Helvetica, sans-serif;
.select input[type=radio]:hover {
background: rgba(0,0,0,0.05);
.select input[type=radio]:checked {
background: rgba(190, 218, 238, 0.7);
border-bottom: 1px solid #8FA2B3;
border-top: 1px solid #CCE9FF;
.select input[type=radio]:disabled {
font-family: Helvetica, sans-serif;
.select input[type=radio]:first-child {
.select input[type=radio]:last-child {