@CHARSET "UTF-8";

.filters-container-layout .filter {
	float:left;
	width:30%;
	margin:0 2px 5px 0;
	}
.filters-container-layout .location {
	float:right;
	width:35%;
	border-left:1px dotted silver;
	}
.filters-container-layout .location div {
	margin-left:.5em;
	}
	.filters-container-layout .location label.b-notlink {
		display:block;
		margin:.2em 0;
		}

.filters-container {
	width:570px;
	height:440px;
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
}
ul.filters-container {
	list-style:none;
	width:25em;
	}
	ul.filters-container li {
		padding-left:2em;
	}
.scrollable-pane {
	overflow:auto;	
}

.filters-container ul {
	width:170px;
	height:100px;
	overflow:auto;
	float:left;
	list-style:none;
	margin:5px;
	padding:0;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}
.filters-container ul li {
	padding:0 0 0 20px;
}
.filter-selected {
	background:#eee;
}
ul.filter-selected-list {
	width:210px;
	height:380px;
	margin:5px;
	padding:0;
	overflow:auto;
	list-style:none;
	font-size:12px;
}
ul.filter-selected-list li {
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}
button.filters-ok, button.filters-apply {
	margin:5px 0;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}
button.filter-clear {
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	position:absolute;
	top:0;
	right:0;
	margin:0 0.5em;
	border:1px solid black;
	background:white;
	color:black;
	padding:0;
	}
#filters-selection div {
	margin-bottom:.5em;
	height:auto;
	position:relative;
	}
	#filters-selection div div {
		margin-bottom:0;
		width:90%;
		height:auto;
	}
	
ul.filters-container .color {
	width:140px;
	float:left;
	display:block;
	margin-bottom:2px;
	}
	.filters-container .color div {
		width:16px;
		height:16px;
		float:left;
		margin-right:3px;
		}