div.button {
	position: relative;
	cursor: pointer;
	/* Esse valor deixa o texto centralizado verticalmente. Cuidado ao alterar.*/
	font-size: 75%;
	outline-style: none;
	border-radius: 2px;		
	border-style: solid;
	border-width: 1px;
	
	display: inline-block;
	#display: inline;
	#zoom: 1;
	#margin-right: 5px;
}

.button.button-active, .button.button-focused, .button:hover  {
	z-index: 2;
	border-color: #888889;
}

.button .button-content {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	line-height: 1.8em;
	text-align: center;
	padding: 3px 8px; /* ticon */
	white-space: nowrap;
}


.button[tdisabled=true], body.action-active .button, body.action-active .button * {
	color: #999999;
	cursor: default;
}

body.action-active .button.action-waiting {
	background-image: url(waiting.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	border-color: transparent;
}

body.action-active .button.action-waiting * {
	visibility: hidden;
}


/* MULTIPLE Button */
.button.button-multiple ul {
	padding: 5px;
	margin: 0;
	border: solid 1px #BBBBBB;
	position: absolute;
	top: 21px;
	left: 0px;
	background-color: #FFFFFF;
	z-index: 500;
	display: none;
}

.button.button-multiple li {
	-moz-user-select: none;
	user-select: none;
	list-style: none;
	padding: 5px;
	min-width: 100px;
	border-style: none;
	font-size: 100%;
}

body.action-active .button.button-multiple li {
	background-color: #FFFFFF;
}

.button.button-multiple .arrow-icon {
	background: transparent url("icons.png") no-repeat 50%;
	background-position: 0;
	width: 7px;
	height: 7px;
	vertical-align: middle;
	display: inline-block;
	
	/*IE7 hack: display:inline-block*/
	#display: inline;
	#zoom: 1;
}


.button.button-multiple.button-active ul {
	display: block;
}


/* UpdateState Button */
.button[tupdatestate=true] {
	font-weight: bold;	
}


/* Botões de uso comum */

/* Essa regra mantém compatibilidade com versões anteriores do twfc*/
.button.iconized .button-content {
	background-repeat: no-repeat;
	background-position: 3px 1px;
	padding-left: 25px;
}

.button.has-icon .button-content {
	padding-left: 24px;
}

.button.has-icon .button-icon {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin: -8px 2px 0px 4px;
	background-image: url(../images/icons.png);
}

/* Botões apenas com imagem, sem label */
.button.image {
	background: url(../images/icons.png) no-repeat;
	height: 16px;
	border: 0px;
	margin: 1px;
}

.button.has-icon.activate .button-icon, .button.image.activate {
	background-position: -96px -16px;
}
.button.has-icon.audit .button-icon, .button.image.audit {
	background-position: 0px -32px;
}
.button.has-icon.back .button-icon, .button.image.back {
	background-position: -32px 0px;
}
.button.has-icon.cancel .button-icon, .button.image.cancel {
	background-position: -112px 0px;
}
.button.has-icon.close .button-icon, .button.image.close {
	background-position: -16px 0px;
}
.button.has-icon.confirm .button-icon, .button.image.confirm {
	background-position: 0px 0px;
}
.button.has-icon.create .button-icon, .button.image.create {
	background-position: -64px -16px;
}
.button.has-icon.download .button-icon, .button.image.download {
	background-position: -80px 0px;
}
.button.has-icon.forward .button-icon, .button.image.forward {
	background-position: -48px 0px;
}
.button.has-icon.i18n .button-icon, .button.image.i18n {
	background-position: -16px -32px;
}
.button.has-icon.inactivate .button-icon, .button.image.inactivate {
	background-position: -112px -16px;
}
.button.has-icon.list .button-icon, .button.image.list {
	background-position: -80px -16px;
}
.button.has-icon.print .button-icon, .button.image.print {
	background-position: -96px 0px;
}
.button.has-icon.remove .button-icon, .button.image.remove {
	background-position: -16px 0px;
}
.button.has-icon.save .button-icon, .button.image.save {
	background-position: -16px -16px;
}
.button.has-icon.savenew .button-icon, .button.image.savenew {
	background-position: -16px -16px;
}
.button.has-icon.search .button-icon, .button.image.search {
	background-position: 0px -16px;
}
.button.has-icon.upload .button-icon, .button.image.upload {
	background-position: -64px 0px;
}
.button.has-icon.update .button-icon, .button.image.update {
	background-position: -32px -16px;
}
.button.has-icon.view .button-icon, .button.image.view {
	background-position: -48px -16px;
}

.button.link, .button.link .button-content {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	font-size: 12px;
	text-decoration: underline;
	color: blue;
}

/* Confirm Message */
.button-confirmMsgDialog-content {
	padding:20px !important;
}

.button-confirmMsgDialog-rightButton {
	float:right;
	padding-right:6px;	
}