.filter .leftPanel, .filter .rightPanel{
	float: left;
}
.filter .leftPanel{
	width: 600px;
}
.filter .leftPanel .field:not(.submit){
	width: 400px;
}

.filter{
	font-size: 10px;
}
.filter .note{
	padding: 30px 0px;
}
.filter .if{
	margin-bottom: 50px;
}
.filter .if .set{
	margin-bottom: 5px;
}
.filter .if .set:last-child{
	margin-bottom: 0px;
}
.filter .if .set .combinator, .filter .if .set .setMinHeight, .filter .if .set .conditions{
	display: table-cell;
}

.filter .if .set .combinator{
	height: 100%;
	width: 38px;
	text-transform: uppercase;
	background-color: #f9f9f9;
	text-align: center;
	vertical-align: middle;
	position: relative;
	font-size: 10px;
}
.filter .if .set .combinator.and{
	background-color: #9ac6e5;
}
.filter .if .set .combinator.or{
	background-color: #c8e0f1;
}
.filter .if .set .combinator .controls{
	position: absolute;
	top: 100%;
	left: 0px;
}
.filter .if .set .combinator .controls .control{
	white-space: nowrap;
	font-weight: bold;
	padding: 10px 10px;
	text-align: left;
	color: #666;
}
.filter .if .set .combinator .controls .control:hover{
	background-color: #f0f0f0;
}
.filter .if .set .combinator .title{
	font-weight: bold;
	opacity: 0.7;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}

.filter .if .set .combinator:hover{
	background-color: #f0f0f0;
	cursor: pointer;
}

.filter .if .set .setMinHeight{
	height: 69px;
	width: 5px;
}

.filter .if .set .conditions{
	min-width: 300px;
}
.filter .if .set .conditions .condition{
	height: 32px;
	padding-bottom: 5px;
}
.filter .if .set .conditions .condition:nth-child(2n + 1) .box{
	background-color: #f5f5f5;
}
.filter .if .set .conditions .condition:last-of-type{
	padding-bottom: 0px;
}
.filter .if .set .conditions .condition .property{
	float: left;
}
.filter .if .set .conditions .condition .property .box{
	display: block;
	height: 12px;
	min-width: 30px;
}
.filter .if .set .conditions .condition .property .box.delete{
	min-width: 0px;
	font-weight: bold;
	color: #777;
}
.filter .if .set .conditions .condition .property .box:not(.editing):hover{
	 background-color: #f9f9f9;
	 opacity: 0.8;
	 cursor: pointer;
}
.filter .if .set .conditions .condition .property .box.dropdown.editing{
	padding-top: 6px;
	padding-bottom: 14px;
	padding-left: 0px;
	padding-right: 0px;
}
/*.filter .if .set .conditions .condition .property:first-child .box{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}*/
.filter .if .set .conditions .condition .property:last-child .box{
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.filter form .field.submit{
	margin-top: 0px;
}
.filter .leftPanel .field.button{
	width: 160px;
}


.filter .rightPanel{
	width: 300px;
}

.filter .rightPanel .section{
	margin-bottom: 30px;
	padding-top: 10px;
	font-size: 12px;
}
.filter .rightPanel .section .title{
	text-transform: uppercase;
	font-weight: bold;
	opacity: 0.8;
	margin-bottom: 20px;
}
.filter .rightPanel .section .link{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
}