/* colorpicker */
.colorpicker {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing:border-box;

	border-radius: 3px;
}

	.colorpicker .colorpicker-container {
		border-collapse:collapse;
		border: none;
		border-radius: inherit;
	}
	.colorpicker .colorpicker-container > tbody {
		border-radius: inherit;
	}
	.colorpicker .colorpicker-container-row, .colorpicker.table {
		border: none;
		height: 0; /* mozilla: force parent height calculation */
		border-radius: inherit;
	}
	.colorpicker .colorpicker-checkbox-cell {
		border-radius: inherit;
	}
	.colorpicker .colorpicker-checkbox {
		padding: 0;
		margin: auto 2px auto 3px;
		vertical-align: middle;
		display: block;
	}

	.colorpicker .colorpicker-color-cell {
		border: none;
		border-radius: inherit;
	}
	.colorpicker .colorpicker-textvalue-cell {
		border: none;
		height: 100%; /* mozilla: force parent height calculation */
		border-radius: inherit;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.colorpicker .colorpicker-textvalue-cell > input[type=text] {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: inherit;
		border-bottom-left-radius: inherit;
		box-sizing:border-box;
		border-right: none;
		line-height: normal;
	}

	.colorpicker .colorpicker-color {
		width: auto;
		min-width: 1.5em;
		height: 1.5em;
		box-sizing: border-box;
		border: 1px solid #a9a9a9;
		border-right: none;
		padding: 0;
		margin: 0;
		border-top-left-radius: inherit;
		border-bottom-left-radius: inherit;
		border-top-right-radius: inherit;
		border-bottom-right-radius: inherit;
		vertical-align: middle;
		display: block;
	}
	.colorpicker.bordered .colorpicker-color {
		border-radius: 0;
		border-top:none;
		border-bottom: none;
	}

	.colorpicker .colorpicker-dropbutton-cell {
		border: none;
		height: 0; /* mozilla: force parent height calculation */
		border-radius: inherit;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.colorpicker .colorpicker-dropbutton {
		font-size: inherit;
		margin: 0px 0px 0px 0px;
		padding: 2px 1px;
		min-width: 20px;
		width: 20px;
		height: 100%;
		box-sizing: border-box;
		vertical-align: middle;
		display: block;
		border-radius: 3px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: inherit;
		border-bottom-right-radius: inherit;
	}

	.colorpicker.bordered {
	}
		.colorpicker.bordered .colorpicker-textvalue-cell > input[type=text] {			
		}
		.colorpicker.bordered .colorpicker-dropbutton-cell > .colorpicker-dropbutton {
			height:100%;
		}

	.colorpicker > .colorpicker-droplist {
		border: none;
		background-color: #fff;
		overflow: auto;
		position: absolute;
		z-index: 100000;
		display: block;
	}


/* Property Grid tweaks */
.propgrid .property-row .colorpicker .colorpicker-textvalue-cell > input[type=text] {
	border-radius:3px;
	border: none;
	height: 1.5em;
}

.propgrid .property-row .colorpicker .colorpicker-dropbutton {
	padding: 0;
	border-radius: 3px;
	margin: 0px 0px 0px 1px;
	height:1.5em;
}