.ui-dialog { font-size: 0.9em; }
.ui-widget button { font-size: 0.9em; }
.exhibit-editable-missing { font-style: italic; border: 1px solid #eed76b; }
form table, #confirm, #chooseChild {font-size: 0.8em; font-family: "Trebuchet MS", sans-serif}
form tr.required td:first-child label {font-weight: bold;}
td {vertical-align: top;}
.hidden {display: none;}
.AlphaRange, .Cloud, .Hierarchical, .Image, .NumericRange, .Slider, .TextSearch {display: none;}
.List {display: table-row;}
.Map, .Tabular, .Thumbnail, .Timeline, .Timeplot, .VEMap {display: none;}
.Tile {display: table-row;}
.a, .img {display: none;}
.span {display: table-row;}
.control {position: fixed; border-bottom: 1px solid #333; border-left: 1px solid #333; padding: 10px; top: 0; right: 0; z-index: 1000; opacity: 0.9; background: #eee;}
button.delete {text-align: center; margin: 0 0 10px 10px;}

#lensEditorPane, #viewEditorPane {
	font-size: small;
	padding: 0px;
	margin: 0px;
}
#facetPickerDialog {
	font-size: medium;
}
.edit-content {background:#ffe87c;border:1px dashed #aaa;line-height: 2em;}
.edit-lens:before {content: "[Lens]"; display: block;font-style:italic;color: #333;}
.edit-lens {margin: 0 0 5px;padding:10px;border:1px solid #fcc;}
.edit-view:before {content: "[Double-click to edit view]";font-style:italic;color:#333;}
.edit-view {margin: 0 0 5px;padding:10px;border:5px solid #ffe87c;}
.edit-viewPanel:before {content: "[Double-click here to edit view panel]"; display: block;font-style:italic;color: #333;}
.edit-viewPanel {padding:3px;border:1px solid #fffea9;}
.edit-facet:before {content: "[Double-click to edit facet]";font-style:italic;color:#333;}
.edit-facet {margin: 0 0 5px 0;padding:10px;border:5px solid #ffe87c;}

div#heading h1 {
	margin: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#heading h4 {
	margin: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #689;
}

#viewPane{
	/*margin-top: 40px;*/
	position: absolute; 
	top: 35px; /*110px;*/
	padding: 0px 2px 0px 2px;
	width: 100%;
}
#lensEditorPane, #viewEditorPane {
	left: 0px;
	position: absolute; 
	top: 25px; /*110px;*/
	padding: 0px 2px 0px 2px;
	width: 100%;
}
.active-state {
	color: #acd;
	font-weight: bold;
}
.active-state:hover {
	color: #000;
	font-weight: bold;
}
/* 
	Menu - top level
*/
ul.topnav { 
	position: fixed; 
	top: -14px; /*65px;*/
	left: -35px;
	width: 100%;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f5f7f8;
	border-top: 1px solid #acd;
	border-bottom: 1px solid #acd;
	list-style: none;
	z-index: 1000; 
	
}
ul.topnav li {
	float: left;
	width: 60px;
}
ul.topnav a:hover { 
	color: #000; 
}
ul.topnav a:active { 
	color: #ffa500; 
}
ul.topnav li a { 
	display: block; 
	padding: 4px 8px; 
	color: #222; 
	text-decoration: none;
}
ul.topnav li:last-child a { 
	border-right: none; 
} /* Doesn't work in IE */
ul.topnav li.hover, ul.topnav li:hover { 
	background: #fff; 
	color: black; 
	position: relative; 
}
ul.topnav li.hover a {
	color: black; 
}

/* 
	Menu - level 2
*/
ul.topnav ul { 
	width: 8em;
	visibility: hidden; 
	position: absolute; 
	top: 100%;
	border: 1px solid #acd;
	list-style: none;
	padding-left: 0;
}
ul.topnav ul li { 
	width: 8em; /*100%;*/
	font-weight: normal; 
	background: #fff; 
	color: #000;
	float: none; 
	left: 0;
}
ul.topnav ul li:hover {
	width: 8em;
	background: #acd;
	float: none; 
}
/* IE 6 & 7 Needs Inline Block */
ul.topnav ul li a {
	border-right: none; 
	/*width: 100%;*/
	width: 7em;
	display: inline-block; 
} 
/* 
	Menu - level 3
*/
ul.topnav ul ul { 
	left: 100%; 
	top: 0;
	list-style: none;
	padding-left: 0;
}
ul.topnav li:hover > ul { 
	visibility: visible; 
}