#qf-selector
{
	width: 570px;
	padding: 6px 2px;
	overflow: auto;
	white-space: nowrap;
	border: 1px solid #eeeeee;
	height: 32px;
}

.draggable-field
{
	cursor: pointer;
	border: 1px solid #996600;
	background-color: #ffeecc;
	margin: 0 8px 0 0;
	padding: 2px;
}

.dragged-field
{
	cursor: pointer;
}

.dropped-field
{
	cursor: pointer;
}

.query-aggregator, .qb-query
{
	line-height: 30px;
	border: 1px solid #006699;
	padding: 0 4px;
}

.droppable-field-target, .qb-clause
{
	display: inline;
	border-bottom: 2px solid #3366ff;
	background-color: #ddeeff;
	padding: 2px;
}

.droppable-field-group, .qb-group
{
	display: inline;
	border-bottom: 2px solid #333333; /* #ffcc66 */
	background-color: #fff6e6;
	padding: 2px;
}

.query-operator, .qb-operator
{
	padding: 2px;
	border-bottom: 2px solid #99cc33;
	background-color: #eeffdd;
	cursor: default;
}

.group-field
{
/*	border: 1px solid black; */
}

.qb-query, .qb-operator, .qb-clause, .qb-target /* .qb-sentence,  */
{
	padding: 0 2px 1px;
	vertical-align: top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.qb-group-symbol
{
	font-weight: bold;
}

.qb-query
{
	line-height: 30px;
}

.qb-query .qb-query
{
	border: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
}

.qb-target
{
	border-bottom-color: #cccccc;
	background-color: #eeeeee;
	padding: 0 4px;
}

#qb-inter
{
	line-height: 38px;
	height: 38px;
}

.qb-active
{
	color: #ffffff;
	background-color: #000000;
	border-bottom-color: #666666;
	padding: 0 30px;
}

.qf-params
{
/*
	background-color: #cccccc;
	border: 1px solid red;
*/
}

/*
.qf-eraseclause
{
	border: 1px solid red;
	margin: 0 10px 0 0;
	cursor: default;
}
*/

.qb-selected
{
	font-weight: bold;
}