@CHARSET "ISO-8859-1";

#base, #count {
	width: 100px;
}

#octavesUp, 
#octavesDown,
#numerator, 
#denominator {
	width: 20px;
}


#hzRange {
	width: 40px;
}



.generate-harmonics input.input-field, 
 .generate-harmonics .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.generate-harmonics .input-field:focus, 
.generate-harmonics .select-field:focus{
    border: 1px solid #0C0;
}

.generate-harmonics input[type=submit],
.generate-harmonics input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.generate-harmonics input[type=submit]:hover,
.generate-harmonics input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}
.generate-harmonics input[type=checkbox]
{
  padding: 0px; 
  margin: 0px; 
}