body {font-family:verdana; }

form {padding:1%;}

fieldset {
  margin-bottom:30px;
  }

legend {
  font-weight:bold;
  color:orange;
}

label {
  display:block;
  margin-top:3%;
  }

textarea {
    width:90%;
    height:300px;
}
input {
    width:50%;   
    padding:1%;
}

input[type="number"] {
  width:10%;
  text-align:right;
  }
input[type="image"] {
  width:30px;
}

label input[type="tel"] {
  display:inline!important; 
  width:30px;
}

label input[type="checkbox"], 
label input[type="radio"] {
  width:15px;
  display:inline!important; 
  margin:0% 0 0 20px;
  }

input[type="button"], 
button[type="button"],
input[type="submit"],
input[type="reset"] {
  width:60px;
  border-radius:10px;
  background-color:lightblue;
  color:blue;
  font-weight:bold;
  border:2px solid blue;
  padding:5px;
}

input[type="button"]:hover, 
button[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color:blue;
  color:white;
}


input[type=range]:focus {outline: none;}
output {color:blue; font-weight:bold;}

::placeholder {
  color:#CC9999;
}
:required { 
  border:1px solid #CC9999; 
}
:invalid {
  border:3px solid red;
}
:valid {
  border:2px solid green;
}
:autofocus:outline-style {color:#CC0000;}

:disabled {
  background: -moz-repeating-linear-gradient(142deg, #CCCCCC, #CCCCCC 4px, #999999 22px);/* FF3.6+ */
  background: -webkit-repeating-gradient(linear, 142deg, color-stop(4px, CCCCCC), color-stop(22px, 999999));/* Chrome,Safari4+ */
  background: -webkit-repeating-linear-gradient(142deg, #CCCCCC, #CCCCCC 4px, #999999 22px);/* Chrome10+,Safari5.1+ */
  background: -o-repeating-linear-gradient(142deg, #CCCCCC, #CCCCCC 4px, #999999 22px);/* Opera 11.10+ */
  background: -ms-linear-gradient(142deg, #CCCCCC, #CCCCCC 4px, #999999 22px);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
  background: repeating-linear-gradient(142deg, #CCCCCC, #CCCCCC 4px, #999999 22px);/* W3C */
}

input:checked + label { 
  color: green;
  font-style: italic;
}

input[type=button]:default { }
input:read-only { }
span.keystroke {border-bottom:1px solid #FF0000;}