::-webkit-input-placeholder {
  color: #222 !important;
  text-shadow: 1px 1px 2px black;
}
::-moz-placeholder {
  color: #222 !important;
    text-shadow: 1px 1px 2px black;
}
:-ms-input-placeholder {
  color: #222 !important;
    text-shadow: 1px 1px 2px black;
}
:-moz-placeholder {
  color: #222 !important;
    text-shadow: 1px 1px 2px black;
}

.td-head-g {
    background-image: -moz-linear-gradient(#5fc59c, #399e6b);
}

.tr-cell-x,
.td-cell-x {
    background-color: #000000;
}

.inp-inner {
    border: 0;
    padding: 0.4em 0;
    margin: 0;
    background: none;
    width: 100%;
}

.inp-out {
    border-radius: 0.4em;
    padding: 0 0.4em;
}

.inp-out-r {
    border: 1px solid #F0A0A0;
    background: #F0A0A0;
}

.inp-out-g {
    border: 1px solid #A0D0A0;
    background: #A0D0A0;
}

.inp-out-y{
    border: 1px solid #FFFFC0;
    background: #FFFFC0;
}

.inp-out-w {
    border: 1px solid #F0F0F0;
    background: #F0F0F0;
}

.inp-out-b {
    border: 1px solid #303030;
    background: #303030;
}

.btn {
    cursor: pointer;
    background-clip: padding-box;
    border-radius: 0.4em;
    display: block;
}

.btn-normal {
    padding: .3em 10px;
}

.btn-small {
    padding: .0em 10px;
}

.btn-big {
    padding: .6em 10px;
}

.tr-text-x,
.td-text-x,
.td-text-g,
.td-text-b,
.btn-text-r,
.btn-text-b {
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    color: #FFFFFF;
    font-family: monospace;
}

.td-text-r,
.td-text-y,
.td-text-w,
.btn-text-g,
.btn-text-y,
.btn-text-w {
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    color: #000000;
    font-family: monospace;
}

.btn-color-r {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #000000;
    border-color: rgba(128, 128, 128, .3);
    background-image: linear-gradient(#FF6060, #FF0000);
}

.btn-color-g {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #000000;
    border-color: rgba(128, 128, 128, .3);
    background-image: linear-gradient(#70A070, #00A000);
}

.btn-color-y {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #000000;
    border-color: rgba(128, 128, 128, .3);
    background-image: linear-gradient(#E0E080, #E0E000);
}

.btn-color-w {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #000000;
    border-color: rgba(128, 128, 128, .3);
    background-image: linear-gradient(#FFFFFF, #A0A0A0);
}

.btn-color-b {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #FFFFFF;
    border-color: rgba(128, 128, 128, .3);
    background-image: linear-gradient(#303030, #000000);
}

.td-head-r {
    background-image: linear-gradient(#EE5050, #EE0000);
}

.td-head-r:hover{
    background-image: linear-gradient(#FF6060, #FF0000);
}

.td-head-g {
    background-image: linear-gradient(#70A070, #00A000);
}

.td-head-g:hover {
    background-image: linear-gradient(#90D090, #00A000);
}

.td-head-y {
    background-image: linear-gradient(#E0E080, #E0E000);
}

.td-head-y:hover{
    background-image: linear-gradient(#F0F080, #F0F060);
}

.td-head-w{
    background-image: linear-gradient(#DDDDDD, #808080);
}

.td-head-w:hover{
    background-image: linear-gradient(#FFFFFF, #A0A0A0);
}

.td-head-b{
    border-top: 1px solid #555;
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    background-image: linear-gradient(#303030, #000000);
}

.td-head-b:hover{
    background-image: linear-gradient(#707070, #202020);
}