body	{
	font-size:1em;
	padding:0;
	margin:0;
	font-family:Arial;
	}

#canvas {
	margin:0.5em
	}

#logo   {
	/* padding-left:5em; */
	height:5em;
	}

#logo h1 {
	color:#487D16;
	font-size:4em;
	margin:0;
	padding:0;
	}


#menubar {
	background-color:#487D16;
	color:white;
	font-size:large;
	font-weight:bold;
	padding:0.25em;
	}

#menubar a:link, #menubar a:visited {
	color:white;
	text-decoration:none;
	}
	
#content {
	padding:1em;

}

.listbox {
	border:1px dotted #487D16;
	padding:1em;
	
}

.filelistitem {
	font-size:smaller;
	border:1px dotted #487D16;
	background:#eeeeee;
	margin:0.5em;
	padding:0.5em;
	
}

.indent {
	padding-left:3em;
}

label.error {
	color:red;
	font-size:small;
}

#displayAreaStructTree {
  font-size:small;
  height:50em;
  overflow:scroll;
  padding-right:1em;
}

.structtreeitem {
  margin-bottom:0.5em;
  padding:0.5em;
  border:1px solid #487D16;
  background:#eeeeee;
}

.sti_highlight {
  border: 3px solid #487D16;
}

.sti_icons {
	display:block;
	float:left;
	width:6em;
}

.sti_title {
	display:block;
	float:left;
	width:26em;
	overflow:hidden;
	height:1.25em;
}

.sti_pages {
	display:block;
	float:left;
	overflow:hidden;
	width:5em;
	height:1.25em;
}

.sti_images {
	color:#487D16;
	display:block;
	font-style:italic;
	float:left;
	overflow:hidden;
	width:5em;
	height:1.25em;
}

/* .groupedItem {
	border:solid 1px #8B2319;
} */
.group_container {
	border:3px solid #487D16;
}

.group_navigation {
	background:#487D16;
	text-align:right;
	line-height:1.5em;
	font-size:x-small;
	color:#ffffff;
}

#StructTreeControl {
  margin-bottom:1em;
  font-size:small;
}

.editormainmenuitem {
	float:left;
	width:12em;
	font-size:x-small;
	text-align:center;
}

.editormainmenuitem a:link, .editormainmenuitem a:visited {
	color:inherit;
	text-decoration:none;
}

.editormainmenuitem a:hover {
	color:inherit;
	text-decoration:underline;
}

.editoriteminfo {
	text-align:right;
	font-size:x-small;
	margin-right:2.5em;
	margin-top:-1em;
}
#editorleft {
	width:38em;
	float:left;
}

#editorright {
	width:38em;
	margin-left:39em;
}

#editorimagenavigation {
	height:4.5em;
}

#editorimagedisplay {
	height:640px;
	width:580px;
}

#headlineeditor {
	margin:0;
	padding-top:0.75em;
	text-align:center;
}

#editorinputwidget, #functionswidget {
	width:50em;
	border:1px solid #487D16;
	padding:1em;
	background:#eeeeee;
	position:fixed;
	top:450px;
	left:210px;
}

#editorinputwidget {
	top:450px;
}

#functionswidget  {
	top:200px;
}
	

#editorinputwidgetmenu, #functionswidgetmenu {
	margin-top:-1.5em;
	text-align:right;
	font-size:x-small;
}

#editorinputwidgetmenu a:link, #editorinputwidgetmenu a:visited, #functionswidgetmenu a:link, #functionswidgetmenu a:visited {
	color:inherit;
	text-decoration:none;
}

#editorinputwidgetmenu a:hover, #functionswidgetmenu a:hover {
	color:inherit;
	text-decoration:underline;
}

#editorinputwidgetinner, #functionswidgetinner	{
	background:#ffffff;
	padding:0.5em;
}

#editorinputwidget h4, #functionswidget h4 {
	margin:0;
	padding:0;
}

.functionsitem a:link, .functionsitem a:visited {
	color:black;
	text-decoration:none;
}

.functionsitem a:hover {
	color:black;
	text-decoration:underline;
}

.functionsitem a img	{
	margin-bottom:-0.5em;
}

.functionsitem {
	padding:1em;
}

/* jquery ui autocomplete */

.ui-menu  {
	background:#eeeeee;
	border:1px solid #487D16;
	font-size:small;
	height:8em;
	overflow:auto;
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
	background:#aaaaaa;
	color:#ffffff;
	margin:0;
}