.tool{
	float: left;
	cursor: pointer;
}

	.tool-collapse{
		right: 10px;
		width: 20px;
		height: 23px;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
		background-image: url(../images/panel/collapse-button-collapsed.png);
	}
	span.tool-collapse:hover{
		background-image: url(../images/panel/collapse-closed-left.png);
	}

	.tool-delete{
		width: 10px;
		height: 10px;
		background: url(../images/form/tool-close.png) no-repeat;	
	}

	.tool-add{
		width: 10px;
		height: 10px;
		background: url(../images/form/tool-add.png) no-repeat;	
		position: relative;
		top:7px;
	}
	
	.tool-collapse-expanded{
		background-image: url(../images/panel/collapse-button-expanded.png);
	}
	span.tool-collapse-expanded:hover{
		background-image: url(../images/panel/collapse.png);
	}

.filterset-container{
	float: left;
	width: 100%;
/*	height: 100%;*/
}

.filter-container{
	float: left;
	margin-top: 10px;
	width: 100%;
}	
	
li.filter{
	list-style: none;
}
	.filterset-header{
		height: 25px;
		border-top: 1px solid #e5e5e5;
		cursor: pointer;
	}

	.filterset-header-over{
		/*background: url(../images/panel/filterset-header-hover.png) !important repeat-x;*/
			background: #e6f3bb;
	}

	
		.filterset-header .tool-collapse{
			float: right;
			position: relative;
			top:0px;
		}
	
		.filterset-header-text{
			float: left;
			font-size: inherit;
		/*	position: relative;
			top: 5px;*/
			margin-top: 5px;
			margin-left: 11px;
		}
		
		.highlight{
			color: #7CAA00 !important;
			
		}
		.filterset-header-text .count{
			color: #5e5d4f;
			margin-left: 3px;
		}
		
		
	.filterset .container{
		overflow: hidden;
		padding: 5px 0;
	}

	
	.filter{
		float: left;
		width: 100%;
		margin: 3px 0;
		font-size: 12px;
		overflow: hidden;
	}
	
		.filter .tool-delete{
			opacity: 0;	
			filter: alpha(opacity=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			zoom:1;
		}
		.filter-over .tool-delete{
			opacity: 1.0;	
			filter: alpha(opacity=100);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			position: relative;
			top: 7px;
		}
	
		.filter-name, .filter-value{
			float: left;
			width: 45%;
			border: 1px solid #c8c7be;
			color: #555;
			position: relative;
			overflow: hidden;
		}
		
		.filter-name .filter-arrow{
			width: 8px;
			height: 4px;
			position: absolute;
			top: 7px;
			right: 3px;
			float: left;
			opacity: 0.0;	
			filter: alpha(opacity=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			cursor: pointer;
			zoom:1;
			background: url(../images/form/filter-arrow.png) no-repeat;
		}
		
		
		.filter-over .filter-arrow{
				/**
				 * first for all other browser
	 			 * second for ie7
	 			 * third for ie8
	 			 */
				opacity: 1;	
				filter: alpha(opacity=100);
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
				
		.filter-value{
			border-left: none;
		}

		.filter-value input{
			border: 0;
			padding: 2px;
			-moz-border-radius: 7px;
			-webkit-border-radius:7px;	
			-khtml-border-radius:7px;
			border-radius: 7px;
/*			width: 98%;*/
		}
		.filter-name input {
			-moz-border-radius: 7px;
			-webkit-border-radius:7px;	
			-khtml-border-radius:7px;
			border-radius: 7px;
		}
		.filter .combo-right {
			border: none;
		}
		
		.filter textarea{
			margin: 2px;
			border:none;
			height:16px;
			width:95%;
			font-size: inherit;
			overflow: hidden;
			float: left;
	}
.filter-value div {
	width:100% !important;
}
