/**
 * default style
 */
.nbtButton {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
a.nbtButton {
    text-decoration: none;
}
a.nbtButton > * {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    height: 23px;
}
.nbtButton .nbtButton_left{
    width: 5px;
    background: transparent url('../img/button_default.png') no-repeat 0px -46px;
}
.nbtButton .nbtButton_middle{
    line-height: 20px;
    padding-left: 3px;
    padding-right: 3px;
    background: transparent url('../img/button_default.png') repeat-x 0px -23px;
}
.nbtButton .nbtButton_right{
    width: 5px;
    background: transparent url('../img/button_default.png') no-repeat 0px 0px;
}

.nbtButton .nbtButton_icon{
    display: inline-block;
    height: 23px;
}

/* Unfortunately the icon image dimensions are different and where the actual icon
starts in the image also differs, so all the padding-left attribute needs to be
customized and is the width of the actual icon*/

.nbtButton .nbtButton_search_icon{
    padding-left: 17px;
    background: transparent url('../img/tool-search.png') no-repeat center;
}

.nbtButton .nbtButton_trash_icon{
    padding-left: 14px;
    background: transparent url('../img/tool-trash.png') no-repeat -4px;
}

.nbtButton .nbtButton_download_icon{
    padding-left: 14px;
    background: transparent url('../img/tool-download.png') no-repeat center;
}

.nbtButton .nbtButton_add_icon{
    padding-left: 13px;
    background: transparent url('../img/tool-add.png') no-repeat -3px;
}

.nbtButton .nbtButton_resume_icon{
    padding-left: 13px;
    background: transparent url('../img/tool-resume.png') no-repeat -3px;
}

.nbtButton .nbtButton_resume-spin_icon{
    padding-left: 16px;
    background: transparent url('../img/tool-resume-spin.gif') no-repeat center;
}

.nbtButton .nbtButton_edit_icon{
    padding-left: 13px;
    background: transparent url('../img/tool-edit.png') no-repeat -3px;
}

.nbtButton .nbtButton_close_icon{
    padding-left: 12px;
    background: transparent url('../img/tool-close.png') no-repeat -1px;
}

.nbtButton .nbtButton_save_icon{
    padding-left: 14px;
    background: transparent url('../img/tool-save.png') no-repeat center;
}

.nbtButton .nbtButton_update_icon{
    padding-left: 13px;
    background: transparent url('../img/tool-update.png') no-repeat -4px;
}

.nbtButton .nbtButton_cancel_icon{
    padding-left: 13px;
    background: transparent url('../img/tool-close.png') no-repeat 0px;
}

.nbtButton_hover {
}
.nbtButton_hover .nbtButton_left{
    background: transparent url('../img/button_hover.png') no-repeat 0px -46px;
}
.nbtButton_hover .nbtButton_middle{
    background: transparent url('../img/button_hover.png') repeat-x 0px -23px;
}
.nbtButton_hover .nbtButton_right{
    background: transparent url('../img/button_hover.png') no-repeat 0px 0px;
}

.nbtButton_click {
}
.nbtButton_click .nbtButton_left{
    background: transparent url('../img/button_click.png') no-repeat 0px -46px;
}
.nbtButton_click .nbtButton_middle{
    background: transparent url('../img/button_click.png') repeat-x 0px -23px;
}
.nbtButton_click .nbtButton_right{
    background: transparent url('../img/button_click.png') no-repeat 0px 0px;
}

.nbtButton_disabled {
    cursor: default;
    opacity: 0.35;
    -ms-filter: "alpha(opacity=35)"; /* IE 8 */
}

/**
 * transparent style
 */
.nbtButton_transparent {
    border: 1px solid transparent;
}
a:hover.nbtButton_transparent {
    border: 1px solid #C1C1C1;
}
a:active.nbtButton_transparent {
    border: 1px solid #C1C1C1;
}

.nbtButton_transparent .nbtButton_left {
    background: transparent;
}
.nbtButton_transparent .nbtButton_middle {
    background: transparent;
}
.nbtButton_transparent .nbtButton_right {
    background: transparent;
}

.nbtButton_transparent.nbtButton_hover .nbtButton_left {
    background: transparent;
}
.nbtButton_transparent.nbtButton_hover .nbtButton_middle {
    background: transparent;
}
.nbtButton_transparent.nbtButton_hover .nbtButton_right {
    background: transparent;
}

.nbtButton_transparent.nbtButton_click .nbtButton_left {
    background: #C1C1C1;
}
.nbtButton_transparent.nbtButton_click .nbtButton_middle {
    background: #C1C1C1;
}
.nbtButton_transparent.nbtButton_click .nbtButton_right {
    background: #C1C1C1;
}

a:hover.nbtButton_transparent.nbtButton_disabled {
    border: 1px solid transparent;
}
a:active.nbtButton_transparent.nbtButton_disabled {
    border: 1px solid transparent;
}
.nbtButton_transparent.nbtButton_disabled .nbtButton_left {
}
.nbtButton_transparent.nbtButton_disabled .nbtButton_middle {
}
.nbtButton_transparent.nbtButton_disabled .nbtButton_right {
}

.nbtButton .nbtButton_text {
    padding-left: 3px;
}