body {
    font-family: Arial, sans-serif
}

table {
    border-collapse: inherit !important;
}

.keyboard-container {
	text-align: center;
}

.g-ad {
    text-align:center;
}

.key-sect {
    padding-top: 0px !important;
}

#keyboard {
    max-width: 1194px;
    overflow-x: scroll !important;
	margin: 0 auto;
    clear: both;
    background: #d5d9dc;
    -moz-border-radius-topleft: 7px 21px;
    -moz-border-radius-topright: 7px 21px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 7px 21px;
    border-top-right-radius: 7px 21px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 28px 15px 20px 15px;
    -webkit-box-shadow: inset 0 0 8px #bbb, 0 1px 0 #aaa, 0 4px 0 #bbb, 0 10px 30px #ddd;
    -moz-box-shadow: inset 0 0 8px #bbb, 0 1px 0 #aaa, 0 4px 0 #bbb, 0 10px 30px #ddd;
    box-shadow: inset 0 0 8px #bbb, 0 1px 0 #aaa, 0 4px 0 #bbb, 0 10px 30px #ddd;
}

#keyboard tr td {
    /*padding: 4px 8px;*/
    vertical-align: top
}

.key_row div {
    float: left
}

.key_block {
    border-collapse: separate;
    border-spacing: 8px;
    margin: 0;
    padding: 0
}

.key_block tr td,
.key_row div {
    padding: 12px 16px;
    margin: 4px;
    color: #aaa;
    font: bold 9pt arial;
    text-decoration: none;
    text-align: center;
    background-color: #eff0f2;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #f5f5f5;
    -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    text-shadow: 0px 1px 0px #f5f5f5;
}

.key_block td.blank {
    border-color: transparent
}

.key_small {
    font-size: 10px
}

.key_row {
    clear: both
}

.key_un {
    border-color: silver
}

.key_highlight {
    background-color: #ff8c00 !important;
    color: #fff;
}

.key_pressed {
    background-color: #008000 !important;
    color: #fff !important;
    text-shadow: none !important;
}

.key_pressed_m {
    background-color: #20b2aa !important;
    color: #fff !important;
    text-shadow: none !important;
}

.key-arrow {
    font-size: 22px !important;
    color: #777;
}

.key-arrow-ud {
    padding: 12px 25px !important;
}

.key-arrow-lr {
    padding: 12px 21px !important;
}

.num-pad {
    margin-top: -30px !important;
}

.tab-key {
    padding: 12px 29px !important;
}

.enter-key {
    padding: 12px 24px !important;
}

.shift-key {
    padding: 12px 42px !important;
}

.space-key {
    width: 150px !important;
}

#resetbutton {
    clear: both;
    padding: 16px
}

#resetbutton input[type="reset"] {
    cursor: pointer;
    padding: 12px 30px;
    border-width: 0;
    margin: 4px;
    color: #fff;
    font: bold 10pt arial;
    text-decoration: none;
    text-align: center;
    background-color: #c0392b;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    -moz-box-shadow: 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
}

#resetbutton textarea {
    display: inline-block;
    border: 0;
    outline: 0;
    background: #eee;
    margin-bottom: -18px;
    padding: 6px 10px;
}

#hidden_text {
    width: 1px;
    height: 1px;
    border: 0
}

#key32 {
    width: 100px;
    text-align: center
}

.key_name {
    font-family: monospace
}

.label {
    float: left;
    padding-right: 20px;
    font-style: italic
}

#notes {
    float: left;
    margin: 0 0 32px 20px;
    padding: 0
}

#soundArea {
    margin-right: 80px;
    margin-top: 0px;
    padding: 12px 16px;
    color: #777;
    font: bold 9pt arial;
    text-decoration: none;
    text-align: center;
    background-color: #eff0f2;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #f5f5f5;
    -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    text-shadow: 0px 1px 0px #f5f5f5;
}

#mouse-tester {
    margin: 0 auto;
    clear: both;
    background: #d5d9dc;
    -moz-border-radius-topleft: 7px 21px;
    -moz-border-radius-topright: 7px 21px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 7px 21px;
    border-top-right-radius: 7px 21px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 28px 15px 20px 15px;
    -webkit-box-shadow: inset 0 0 8px #bbb, 0 1px 0 #aaa, 0 4px 0 #bbb, 0 10px 30px #ddd;
    -moz-box-shadow: inset 0 0 8px #bbb, 0 1px 0 #aaa, 0 4px 0 #bbb, 0 10px 30px #ddd;
    box-shadow: inset 0 0 8px #bbb, 0 1px 0 #aaa, 0 4px 0 #bbb, 0 10px 30px #ddd;
}

#mouse-tester tr td {
    padding: 12px 32px;
    margin: 4px;
    color: #aaa;
    font: bold 9pt arial;
    text-decoration: none;
    text-align: center;
    background-color: #eff0f2;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #f5f5f5;
    -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    text-shadow: 0px 1px 0px #f5f5f5;
}

#mouse-tester .mouse-2 {
    padding: 12px 10px;
    border-spacing: 10px;
}

.clicked {
    background-color: #008000 !important;
    color: #fff !important;
    text-shadow: none !important;
}


.home-hero-button:hover {
    background-color: #fff;
    color: #4457c0;
}

.menu-active {
    border: 1px solid #fff;
}

.h2:after, h2:after {
    content: "";
}

.cont-tester {
    width: 98% !important;
}

.sect-tester {
    padding: 30px 0 !important;
}