.c9-toolbarbutton {
    height             : 21px;
    overflow           : hidden;
    cursor             : default;
    position           : relative;
    line-height        : 17px;
    border:1px solid transparent;
    -moz-user-select: -moz-none;
    -khtml-user-select : none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select        : none;
}

.with-arrow.c9-toolbarbutton {
    padding-right: 5px;
}

.hbox > .c9-toolbarbutton {
    height: 23px;
}

.c9-toolbarbutton .c9-icon {
    display: none;
    width:23px;
    height:19px;
    position:absolute;
    top:2px;
    left:2px;
    background-position : 0 0;
    background-repeat   : no-repeat;
}

.c9-toolbarbuttonIcon .c9-icon{
    display : block;
}

.c9-toolbarbuttonOver {
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius : 5px;
    border:1px solid #1c1c1c;

    -moz-box-shadow    : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    box-shadow         : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

    background         : #343434;
    background         : -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), color-stop(1, #333333));
    background         :-moz-linear-gradient(center bottom, #333333 0%, #3a3a3a 100%) repeat scroll 0 0 transparent;
}

.c9-toolbarbutton .c9-label {
    position:relative;
    overflow:hidden;
    font-family:Arial;
    font-size:12px;
    color:#d6d6d6;
    line-height:14px;
    height:15px;
    padding:4px 6px 0 6px;
}

.with-arrow.c9-toolbarbutton .c9-label {
    background:url("@{image-path}/btn-arrow.png") no-repeat right 9px;
    padding-right: 11px;
}

.with-arrow.c9-toolbarbutton .c9-label {
    background:url("@{image-path}/btn-arrow.png") no-repeat right 9px;
    padding-right: 11px;
}

.with-arrow.c9-toolbarbutton .c9-label {
    background:url("@{image-path}/btn-arrow.png") no-repeat right 9px;
    padding-right: 11px;
}

.c9-toolbarbuttonEmpty .c9-icon {
    position:relative;
}

.c9-toolbarbuttonEmpty .c9-label {
    display:none;
}

.c9-toolbarbuttonIcon .c9-label{
    padding:4px 6px 0 22px;
}
.record.c9-toolbarbuttonIcon .c9-label{
    padding:4px 6px 0 26px;
}

.c9-toolbarbuttonIcon.preview .c9-label {
    padding-left : 25px;
}

.c9-toolbarbuttonDown {
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius : 5px;
    border:1px solid #1c1c1c;

    -moz-box-shadow    : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    box-shadow         : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

    background         : #343434;


    background         : -webkit-gradient(linear, left top, left bottom, from(#282828), color-stop(1, #2e2e2e));
    background         :-moz-linear-gradient(center bottom, #2e2e2e 0%, #282828 100%) repeat scroll 0 0 transparent;
}

.c9-toolbarbuttonDown .c9-icon {
    background-position: 0 -19px;
}

.c9-toolbarbuttonDisabled .c9-icon {
    background-position : 0 -38px;
}
.record.c9-toolbarbuttonDisabled .c9-icon, .record.c9-toolbarbuttonDown .c9-icon {
    background-position : 0 0;
}

.c9-toolbarbuttonDisabled .c9-label {
    color       : #606060;
    text-shadow : rgba(0, 0, 0, 1) 0px 1px 0px;
}