/* Nobody really wants a border by default */
img {
	border-width: 0px;
}

.float-stretch {
	position: relative;
	width: 100%;
	visibility: hidden;
	clear: both;
}

/* Any generic block that is floated over the page */
.panel {
	border: 1px solid #000;
	padding: 1ex 1em;
	background-color: #c0c0c0;
}

/* Labels for forms */
.form th {
	vertical-align: top;
	text-align: right;
}

/* Activated when the user hovers over a editable field */
.editable-area {
	cursor: pointer;
	border: 1px solid #99ccff;
	background-image: url(/plugin_assets/maple/images/editable-area.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/* Widget to drag content with */
.drag.text {
	font-size: 60%;
	border: 1px solid #000;
	background-color: #17004F;
	color: #fff;
	padding: 0.15ex 0.20em;
	-moz-border-radius: 1em;
}

.tab-content {
	display: none;

	margin: 1ex 1em;
	margin-top: 0ex;
	padding: 1ex 1em;
	border: 1px solid #000;
}

.tab-content.active-tab-body {
	display: block;
}

#tabs {
	list-style: none;
	padding: 0px;
	margin: 1ex 1em;
	margin-bottom: 0ex;
}

#tabs li {
	font-size: 90%;
	display: inline;

	/* FIXME: This seems so arbitrary and will probably break on other
	browsers. It seems to be this should be 150 (1ex to 2 * 0.25ex) but
	that is too big. What is a way to make the line height the same as
	the characters + 2 * 0.25ex? */
	line-height: 155%;
	padding: 0.25ex 1em;

	background-color: #c0c0c0;
	border: 1px solid #000;
}

#unused_page label {
	font-weight: bold;
}

#control-panel {
	background-color: lightgray;
	position: absolute;
	top: 0px;
	right: 0px;
	white-space: nowrap;
}
#control-panel form, #control-panel form div {display: inline}

#sitemap.edit ul {
	min-height: 4ex;
}

#orphaned-pages-container {
	float: right;
}
#orphaned-pages-container ul {
	margin-left: 0px;
}

#orphaned_pages .controls-box,
#orphaned_pages .controls-link {
	display: none
}

#sitemap .folder {
	font-weight: bold;
}

#sitemap form,
#sitemap form div {
	display: inline;
}

#management-content {
	width: 60em;
	height: 40ex;
}

#editor-window,
#image-editor-window {
	width: 805px;
	/*height: 70ex;*/
	padding: 1ex 1em;
}

#close-management {
	font-size: 70%;

	float: right;
	margin-right: 2em;
	padding: 0.25ex 0.5em;

	border: 1px solid #000;
	background-color: #efefef;
}