.propertiesComponent {
	background-color: #ffffff;
}

.propertiesContainer {
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
}

.innerGroup .propertiesContainer {
	padding-left: 20px;
}

.propertiesComponent .collapseButton {
	cursor: pointer;
}

.propertiesComponent .collapseButton img.collapsed {
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}

.propertyLine {
	width:100%;
	padding-bottom:5px;
	white-space: nowrap;
	position: relative;
}

div.propertyLine .control {
	position: relative;
}

div.propertyLine input, div.propertyLine .select {
	font: 9pt Arial, Helvetica, sans-serif;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #c7c7c7;
	height: 20px;
	padding: 0;
	margin: 0;
	width: 100%;
	outline: none;
	padding-left: 5px;
}

div.propertyLine .control .select {
	/* our style */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	padding-right: 35px; /* triangle image width */
	padding-left: 5px;   /* like inputs */

	border-radius: 0px;  /* ! it's not 0 by default */
}

div.propertyLine .control .fancyArrow {
	width: 18px;
	height: 18px;
	position: absolute;
	display: inline-block;
	right: 5px;
	background: transparent url(../images/selectArrow.png) no-repeat;
	pointer-events: none;
}

.propertyOptions {
	position: absolute;
	border: 1px solid gray;
	background-color: white;
	padding:0px;
	max-height: 100px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}

.propertyOptions .propertyOption {
	padding-left:5px;
	position: relative;
	background-clip: padding-box;
	min-height: 15px;
}

.propertyOptions .propertyOption.selected {
	background-color: lightgray;
}

div.propertyLine input:focus {
	border: 1px solid blue;
}

div.propertyLine .select:focus {
	border: 1px solid blue;
}

div.propertyLine div.caption {
	display: inline-block;
	font: 12pt Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}

div.propertyLine div.label {
	vertical-align: top;
	padding-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	cursor: default;
	color: #000;
}

div.propertyLine div.labelRO {
	font: italic 9pt Arial, Helvetica, sans-serif;
	color: #818182;
}

div.propertyLine div.controlmessage {
	display: inline-block;
	max-width: 250px;
}

div.propertyLine div.control {
	width: 100%;
}

div.propertyLine .controlRO {
	color: #818182;
	font: italic 9pt Arial, Helvetica, sans-serif;
	background-color: #d1d1d2;
}

div.propertyLine div.message {
	white-space: normal;
}

div.propertyLine div.message.error {
	background-color: #deb7b1;
}

div.propertyLine div.message.warning {
	background-color: #dedeaa;
}

div.propertyLine div.message.information {
	background-color: #aaaaaa;
}

div.propertyLine div.buttons {
	vertical-align: top;
	display: inline-block;
}

div.propertyLine div.buttons button {
	padding: 0;
	margin: 0;
	width: 46px;
	height: 16px;
	font: 9pt Arial, Helvetica, sans-serif;
	border: 0;
	background-color: #0071bc;
	border: 2px solid #0071bc;
	color: white;
}

div.propertyLine div.buttons button:hover {
	border: 2px solid #d98800;
}

div.propertyLine div.buttons button.applyButton {
	width: 24px;
}

div.propertyLine div.buttons button.cancelButton {
	width: 24px;
}

div.propertyLine .help {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
}

.multipleline div.propertyLine div.label {
	display: block;
}

.multipleline div.propertyLine div.controlmessage {
	padding-left: 20px;
}

.multipleline div.propertyLine div.label {
	padding-left: 20px;
}

div.propertyLine .boolean-checkbox {
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid gray;
	background-color: white;
	margin-top: 2px;
	margin-right: 2px;
}

div.propertyLine .boolean-checkbox:checked {
	border: 2px solid white;
	background-color: gray;
}

div.propertyLine .boolean-label {
	cursor: pointer;
}

div.slider-property div.label, div.slider-property div.buttons {
	padding-top: 5px;
}

div.slider-property .jqxSlider {
	display: inline-block;
}

div.slider-property div.control input {
	width: 60px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	margin-top: 4px;
	margin-left: 3px;
}

.propertiesComponent .radioproperty input[type="radio"] {
	width: auto;
	margin-right: 5px;
	margin-top: 5px;
}

propertiesComponent input[type="radio"] .radioValue {

}

/* sortable */
.propertiesComponent.ui-sortable .propertyLine,
.propertiesComponent.ui-sortable .caption,
.propertiesComponent.ui-sortable .propertyLine .label,
.propertiesComponent.ui-sortable .propertyLine .select,
.propertiesComponent.ui-sortable .propertyLine input
{
	/*border: 1px solid rgba(64, 64, 64, 0.5);*/
	cursor:move;
}

.propertiesComponent.ui-sortable .propertyLine:hover {
	background-color: rgba(127, 127, 127, 0.2);
}

.propertiesComponent.ui-sortable .propertyContainer.empty {
	height: 0px;
}

