/*############################################################################################################################*/
/*############################################################################################################################*/
/*###########################################   ITB Button   #################################################################*/
/*############################################################################################################################*/
/*############################################################################################################################*/

button.ui-button {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    height: 23px;
    line-height: 20px;
    text-transform: uppercase;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button.ui-button.ui-state-hover{
    background-color: #FFFFFF;
    background-image: none;
	border: 1px solid #FF0000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button.itbButton.ui-button-text-only {
    padding: 0 20px;
}

button.itbButton.ui-button-text-icon-primary {
    padding: 0 12px 0 48px;
}

button.itbButton.ui-button-text-icon-secondary {
    padding: 0 48px 0 12px;
}

button.itbButton.ui-button-text-icons {
    padding: 0 48px;
}

button.itbButton.ui-button-icon-only {
    padding: 0 12px;
}

button.itbButton.ui-button-icons-only {
    padding: 0 12px;
}

button.itbButton .ui-icon {
    top: 3px;
}

/* prio button */
button.itbButton.itbButtonPrio {
    border: 1px solid #FF0000;
}

/* active button browse */
.itbButtonBrowseActive span {
	color: #FF0000;
}