/**
 * The main CSS file for the Semantic Drilldown extension.
 */

/* Normal (sidebar) display of categories list */

div#drilldown-categories-wrapper {
	float: right;
	background: white;
	padding: 0px 25px 25px 25px;
}

ul#drilldown-categories {
	border: 2px #888888 solid;
	list-style: none;
}

ul#drilldown-categories li {
	padding: 3px 8px 3px 8px;
	margin: 0px;
	list-style-image: none;
}

p#categories-header {
	font-weight: bold;
}

ul#drilldown-categories li.category {
	border-top: 1px #aaaaaa solid;
	background: #e9e9e9;
}

ul#drilldown-categories li.selected {
	background: white;
}

/* Tab-based display of categories list
 * - based in part on
 * http://unraveled.com/publications/assets/css_tabs/index3.html
 */

div#drilldown-categories-tabs-wrapper {
}

ul#drilldown-categories-tabs {
	padding-bottom: 40px;
	list-style: none;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px #999999 solid;
	margin: 1em 0 1em 0; /* set margins as desired */
}

ul#drilldown-categories-tabs a:hover {
	background: #f5f5f5;
}

li#categories-header {
	font-weight: bold;
	background: #c9c9c9;
}

ul#drilldown-categories-tabs li.category {
	border: 1px #aaaaaa solid;
	border-bottom: none;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	background: #e9e9e9;
	font-size: smaller;
	display: inline;
}

ul#drilldown-categories-tabs li.category a {
	padding: 3px 4px 3px 4px;
}

ul#drilldown-categories-tabs li.selected {
	padding: 3px 4px 3px 4px;
	background: white;
	border: 1px #999999 solid;
	border-bottom: 1px white solid;
}

/* End of categories-list CSS */

div#drilldown-header {
	font-size: large;
	font-weight: bold;
}

span.drilldown-header-value {
	font-weight: normal;
}

div.drilldown-filters {
	margin-top: 10px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px #aaaaaa solid;
}
span.drilldown-or {
	color: gray;
	font-weight: normal;
}

div.drilldown-filter-label {
	font-weight: bold;
}

span.drilldown-filter-notes {
	font-weight: normal;
}

div.drilldown-filter-values {
}

.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; }
button.ui-button-icon-only {
	width: 1.7em;
	height: 1.5em;
	vertical-align: bottom;
	margin-top: 0.2em;
}