INPUT.grbutton,
BUTTON.grbutton {
    height: 19px;
}

@-moz-document url-prefix() {
    INPUT.grbutton, BUTTON.grbutton {
        padding: 0px 4px 1px 4px;
        height: 18px;
    }
}

.grbutton {
    display: block;
    float: left;
    /*margin-right: 20px;*/

    outline: none;
    cursor: pointer;

    font-family: Arial, serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;

    text-transform: uppercase;
    text-decoration: none !important;

    padding: 0 7px;
    height: 17px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.grbutton:hover, .dd_content .grbutton:hover {
    text-decoration: none !important;
}

.grbutton i {
    font-style: normal;
}

.flat {
    font-weight: normal;
    color: #fff !important;
    background: #a6a6a6;
    text-transform: none;
}

.flat:hover {
    background: #666;
}

.flat.inactive, .flat.inactive:hover, .flat[disabled=disabled] {
    background: #ccc !important;
    cursor: default;
}

.dark {
    color: #fff !important;
    border: 1px solid #333;

    background: #797979;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23797979%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%238e8e8e%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%235c5c5c%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #797979 0%, #8e8e8e 6px, #5c5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(6px,#8e8e8e), color-stop(100%,#5c5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #797979 0%, #8e8e8e 6px, #5c5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #797979 0%, #8e8e8e 6px, #5c5c5c 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #797979 0%, #8e8e8e 6px, #5c5c5c 100%); /* IE10+ */
    background: linear-gradient(top, #797979 0%, #8e8e8e 6px, #5c5c5c 100%); /* W3C */
    -pie-background: linear-gradient(top, #797979 0%, #8e8e8e 6px, #5c5c5c 100%); /* W3C */
}

.dark:hover {
    border: 1px solid #242424;

    background: #555;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23555%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23646464%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23414141%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #555 0%, #646464 6px, #414141 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(6px,#646464), color-stop(100%,#414141)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555 0%, #646464 6px, #414141 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #555 0%, #646464 6px, #414141 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #555 0%, #646464 6px, #414141 100%); /* IE10+ */
    background: linear-gradient(top, #555 0%, #646464 6px, #414141 100%); /* W3C */
    -pie-background: linear-gradient(top, #555 0%, #646464 6px, #414141 100%); /* W3C */
}

.dark.inactive, .dark.inactive:hover, .dark[disabled=disabled] {
    cursor: default;

    color: #fff !important;

    border: 1px solid #adadad;

    background: #c9c9c9;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23c9c9c9%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23d2d2d2%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23adadad%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #c9c9c9 0%, #d2d2d2 6px, #adadad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(6px,#d2d2d2), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c9c9c9 0%, #d2d2d2 6px, #adadad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c9c9c9 0%, #d2d2d2 6px, #adadad 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c9c9c9 0%, #d2d2d2 6px, #adadad 100%); /* IE10+ */
    background: linear-gradient(top, #c9c9c9 0%, #d2d2d2 6px, #adadad 100%); /* W3C */
    -pie-background: linear-gradient(top, #c9c9c9 0%, #d2d2d2 6px, #adadad 100%); /* W3C */
}

.orange {
    color: #fff !important;

    border: 1px solid #58300f;

    background: #d07022;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23d07022%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23df863d%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%239d551a%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #d07022 0%, #df863d 6px, #9d551a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d07022), color-stop(6px,#df863d), color-stop(100%,#9d551a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d07022 0%, #df863d 6px, #9d551a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d07022 0%, #df863d 6px, #9d551a 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d07022 0%, #df863d 6px, #9d551a 100%); /* IE10+ */
    background: linear-gradient(top, #d07022 0%, #df863d 6px, #9d551a 100%); /* W3C */
    -pie-background: linear-gradient(top, #d07022 0%, #df863d 6px, #9d551a 100%); /* W3C */
}

.orange:hover {
    border: 1px solid #462306;

    background: #aa5a18;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23aa5a18%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23c66b21%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%2383420c%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #aa5a18 0%, #c66b21 6px, #83420c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa5a18), color-stop(6px,#c66b21), color-stop(100%,#83420c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aa5a18 0%, #c66b21 6px, #83420c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aa5a18 0%, #c66b21 6px, #83420c 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #aa5a18 0%, #c66b21 6px, #83420c 100%); /* IE10+ */
    background: linear-gradient(top, #aa5a18 0%, #c66b21 6px, #83420c 100%); /* W3C */
    -pie-background: linear-gradient(top, #aa5a18 0%, #c66b21 6px, #83420c 100%); /* W3C */
}

.silver {
    color: #333 !important;

    border: 1px solid #adadad;

    background: #dedede;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23dedede%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23ececec%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23b1b1b1%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #dedede 0%, #ececec 6px, #b1b1b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(6px,#ececec), color-stop(100%,#b1b1b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 0%, #ececec 6px, #b1b1b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #ececec 6px, #b1b1b1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #dedede 0%, #ececec 6px, #b1b1b1 100%); /* IE10+ */
    background: linear-gradient(top, #dedede 0%, #ececec 6px, #b1b1b1 100%); /* W3C */
    -pie-background: linear-gradient(top, #dedede 0%, #ececec 6px, #b1b1b1 100%); /* W3C */
}

.silver:hover {
    color: #fff !important;

    border: 1px solid #797979;

    background: #9c9c9c;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%239c9c9c%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23a8a8a8%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%237c7c7c%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #9c9c9c 0%, #a8a8a8 6px, #7c7c7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9c), color-stop(6px,#a8a8a8), color-stop(100%,#7c7c7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9c9c9c 0%, #a8a8a8 6px, #7c7c7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9c9c9c 0%, #a8a8a8 6px, #7c7c7c 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #9c9c9c 0%, #a8a8a8 6px, #7c7c7c 100%); /* IE10+ */
    background: linear-gradient(top, #9c9c9c 0%, #a8a8a8 6px, #7c7c7c 100%); /* W3C */
    -pie-background: linear-gradient(top, #9c9c9c 0%, #a8a8a8 6px, #7c7c7c 100%); /* W3C */
}

.yellow {
    color: #8e5628 !important;

    border: 1px solid #f7a623;

    background: #f7d061;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23f7d061%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23f7dc90%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23f7c42c%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #f7d061 0%, #f7dc90 6px, #f7c42c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d061), color-stop(6px,#f7dc90), color-stop(100%,#f7c42c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7d061 0%, #f7dc90 6px, #f7c42c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7d061 0%, #f7dc90 6px, #f7c42c 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f7d061 0%, #f7dc90 6px, #f7c42c 100%); /* IE10+ */
    background: linear-gradient(top, #f7d061 0%, #f7dc90 6px, #f7c42c 100%); /* W3C */
    -pie-background: linear-gradient(top, #f7d061 0%, #f7dc90 6px, #f7c42c 100%); /* W3C */
}

.yellow:hover {
    color: #fff !important;

    border: 1px solid #bd8b0e;

    background: #e6a910;

    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23e6a910%3B%22/%3E%3Cstop%20offset%3D%2231%25%22%20style%3D%22stop-color%3A%20%23f0b627%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23c18e0e%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); /* IE9 */
    background: -moz-linear-gradient(top, #e6a910 0%, #f0b627 6px, #c18e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6a910), color-stop(6px,#f0b627), color-stop(100%,#c18e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e6a910 0%, #f0b627 6px, #c18e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e6a910 0%, #f0b627 6px, #c18e0e 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e6a910 0%, #f0b627 6px, #c18e0e 100%); /* IE10+ */
    background: linear-gradient(top, #e6a910 0%, #f0b627 6px, #c18e0e 100%); /* W3C */
    -pie-background: linear-gradient(top, #e6a910 0%, #f0b627 6px, #c18e0e 100%); /* W3C */
}


.grbutton.has-input {
    border:0px none;
    cursor:pointer;
    height:19px;
    padding:0px 3px 0px 0px;
    border-radius:0px;
    }
    .grbutton.has-input INPUT {
        border:0px none;
        cursor:pointer;
        display:block;
        float:none;
        font: bold 10px Arial, serif;
        height:17px;
        margin-right:0px !important;
        padding:0px 4px 0px 7px;
        text-transform:uppercase;
        text-align:center;
        white-space:nowrap;
        width:auto;
        height:19px;
        }

.orange.has-input {
    background:url(../images/bt/bt-orange.gif) no-repeat 100% -19px;
    background-color:transparent !important;
    }
.orange.has-input INPUT {
    background:url(../images/bt/bt-orange.gif) no-repeat 0px 0px;
    color:#fff;
    }
.orange.has-input:hover {
    background:url(../images/bt/bt-orange.gif) no-repeat 100% -57px;
    background-color:transparent !important;
    border:0px none;
    }
    .orange.has-input:hover INPUT {
        background-position:0px -38px;
        }


.silver.has-input {
    background:url(../images/bt/bt-silver.gif) no-repeat 100% -19px;
    background-color:transparent !important;
    }
.silver.has-input INPUT {
    background:url(../images/bt/bt-silver.gif) no-repeat 0px 0px;
    color:#000;
    }

.silver.has-input:hover {
    background:url(../images/bt/bt-silver.gif) no-repeat 100% -57px;
    background-color:transparent !important;
    border:0px none;
    }
    .silver.has-input:hover INPUT {
        background-position:0px -38px;
        color:#fff;
        }


.dark.has-input {
    background:url(../images/bt/bt-dark.gif) no-repeat 100% -19px;
    background-color:transparent !important;
    }
.dark.has-input INPUT {
    background:url(../images/bt/bt-dark.gif) no-repeat 0px 0px;
    color:#fff;
    }

.dark.has-input:hover {
    background:url(../images/bt/bt-dark.gif) no-repeat 100% -57px;
    background-color:transparent !important;
    border:0px none;
    }
    .dark.has-input:hover INPUT {
        background-position:0px -38px;
        color:#fff;
        }


.silver.inactive.has-input:hover,
.inactive.has-input:hover {
    background-position:100% -19px !important;
    cursor:default;
    }
    .silver.inactive.has-input:hover INPUT,
    .inactive.has-input:hover INPUT {
        background-position:0px 0px !important;
        cursor:default;
        }

.has-input INPUT[disabled=disabled],
.has-input.inactive:hover INPUT {
    color:#999;
    }

.bt-space {
    display:block;
    float:left;
    height:1px;
    width:14px;
    }