body {
	text-align: center;
	background-color: #fff;
	font-size: 0.8em;
	font-family: verdana, helvetica, sans-serif;
}

a {
	color: #999;
}

div.container {
	text-align: left;
	margin: 0;
	width: 100%;
	background-color: #fff;
}

div.smaller {
	font-size: 0.9em;
}

div.adminpage div.autocomplete {
	float: right;
}

div.adminpage div.autocomplete input {
	border: 1px solid #999;
	padding: 0.2em;
	width: 200px;
}

ul.ui-autocomplete {
	font-size: 0.9em;
	text-align: left;
	margin-top: 10px;
}

ul.ui-autocomplete li {
	list-style-type: none;
}

/* header definition */

div.header {
	height: 3em;
	background-color: #999;
	background-image: url("/images/headerbg.png");
}

div.header img.logo {
	float: right;
	margin-right: 1em;
}

/* mainmenu definition */

div.mainmenu {
	background-image: url("/images/interface/mainmenubg.png");
	background-repeat: repeat-x;
	height: 30px;
}

div.mainmenu div.menuitemContainer {
	float: left;
	position: relative;
}

div.mainmenu a.menuitem {
	line-height: 30px;
	height: 30px;
	float: left;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	font-size: 0.9em;
	font-weight: bold;
}

div.mainmenu div.menuInner {
	background-position: top right;
	height: 30px;
	padding-right: 10px;
	float: left;
}

div.mainmenu a.menuitem div.hasSubmenu {
	padding-right: 20px;
	background-image: url("/images/interface/mainmenuarrow.png");
	background-repeat: no-repeat;
	background-position: center right;
}


div.mainmenu a.menuitem:hover {
	background-image: url("/images/interface/mainmenuleft.png");
	background-repeat: no-repeat;
}

div.mainmenu a.menuitem:hover div.menuInner {
	background-image: url("/images/interface/mainmenuright.png");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

div.mainmenu a.menuitem:hover div.hasSubmenu {
	background-image: url("/images/interface/mainmenurightarrow.png");
}


div.mainmenu div.logout {
	float: right;
	margin-top: 2px;
	margin-right: 0.5em;
}

/* submenu items */

div.mainmenu div.menuitemContainer div.submenu {
	position: absolute;
	display: none;
	top: 30px;
	left: 0;
	border-top: 1px solid #bbb;
}

div.mainmenu div.menuitemContainer div.submenu a {
	display: block;
	background-image: none;
	text-decoration: none;
	background-color: #eee;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	color: #333;
	font-size: 0.9em;
	padding: 0.2em 0.5em;
	width: 120px;
}

div.mainmenu div.menuitemContainer div.submenu a:hover {
	background-color: #ddd;
	color: #000;
}

/* Adminpage definitions */
div.adminpage {
	padding: 1em;
}

/* admin header */
div.adminpage div.adminheader {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #aaa;
}

div.adminpage div.adminheader h1 {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 1.5em;
	margin-bottom: 0.2em;
}

div.adminpage div.adminheader h2 {
	font-style: italic;
	color: #555;
	font-size: 0.9em;
}

div.adminpage div.info {
	font-style: italic;
	color: #555;
	margin-bottom: 1em;
}

div.adminpage div.info strong {
	color: #000;
}

div.adminpage div.subinfo {
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
}

div.smaller {
	font-size: 0.9em;
}

div.smallest {
	font-size: 0.8em;
}

/* admin menu */

div.adminpage div.menucontainer {
	float: left;
}

div.adminpage div.menu {
	width: 260px;
	font-size: 0.9em;
	margin-bottom: 1em;
}

div.adminpage span.menuitem {
	display: block;
	font-weight: normal;
}


div.adminpage div.sortablemenulevel span {
	border: 1px dashed #ccc;
	cursor: move;
	padding-left: 0.3em;
	margin-right: 0.5em;
}

div.adminpage img.sorticon {
	float: right;
	margin-right: 0.2em;
	margin-top: 0.2em;
}

div.adminpage span.menuitem div.menuitemIcon {
	float: left;
	margin-right: 0.5em;
}

div.adminpage span.menuitem div.menuitemIcon img {
	margin-top: 0.2em;
}

div.adminpage span.menuitem img.openerIcon {
	cursor: pointer;
}

div.adminpage span.menuitem div.menuitemlabel {
	/* float: left; */
	margin-left: 15px;
}

div.adminpage span.menuitem div.menuitemlabel .inactive {
	text-decoration: line-through;
}

div.adminpage span.menuitem div.menuitemlabel a {
	color: #000;
	text-decoration: none;
	font-size: 0.95em;
	display: inline;
}

div.adminpage span.menuitem div.menuitemlabel a.active {
	color: #990000;
}

div.adminpage span.menuitem div.menuitemlabel a:hover {
	color: #000099;
}

div.adminpage div.submenucontainer {
	margin-left: 1em;
	display: none;
}

div.adminpage span.alphabetic {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

/* admin search */

div.adminpage div.searchContainer {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 0.4em;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 1em;
}

/* admin form */

div.adminpage div.form {
	float: left;
	font-size: 0.9em;
	margin-right: 1em;
	padding: 0 1em;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	min-height: 300px;
}

div.adminpage div.buttoncontainer {
	margin-bottom: 1em;
	padding: 0.3em;
	background-color: #ddd;
	border-bottom: 1px solid #aaa;
}

div.adminpage div.buttoncontainer a {
	margin-right: 0.5em;
}

div.adminpage div.buttoncontainer div.languages {
	float: right;
	margin-top: 0.3em;
}

div.adminpage div.buttoncontainer div.languages a {
	background-image: none;
}

div.adminpage div.buttoncontainer div.languages a img {
	border: 1px solid #999;
}

div.adminpage div.buttoncontainer div.languages a:hover img {
	border: 1px solid #000;
}

div.adminpage div.buttoncontainer div.languages a.active img {
	border: 1px solid #990000;
}

div.form div.formrow {
	padding: 0.2em 0;
}

div.adminpage div.form div.formlabel {
	float: left;
	width: 150px;
	padding-top: 0.2em;
}

div.adminpage div.form div.fieldtype10 div.formlabel {
	width: 100%;
	margin-top: 1em;
}

div.adminpage div.form img.langflag {
	float: right;
	margin-right: 1em;
}

div.adminpage div.form div.formfield {
	float: left;
}

div.adminpage div.form div.formdescription {
	margin-left: 1em;
}

div.adminpage div.form div.formdescription {
	float: left;
	font-style: italic;
	color: #555;
}

div.form div.multilangcb, div.form div.multilangcb input, div.form div.multilangcb img {
	float: left;
}

div.form div.multilangcb {
	margin-right: 1em;
}

div.form div.multilangcb img {
	vertical-align: top;
	margin-left: 0.3em;
	margin-top: 0.2em;
}

div.adminpage div.form .field {
	border: 1px solid #000;
	background-color: #eee;
	padding: 0.1em;
}

div.adminpage div.form input.datepicker {
	width: 80px;
	margin-right: 1em;
}

div.adminpage div.form input.timefield {
	width: 60px;
}

div.form input.field {
	width: 200px;
}

div.form input[type = "checkbox"] {
	vertical-align: middle;
}

div.form textarea.field {
	width: 350px;
	height: 60px;
}

div.form input.password {
	margin-bottom: 0.1em;
}

div.form div.cbdivider {
	margin: 0.3em 0;
}

div.form .richtext, div.form .plaintext {
	width: 450px;
	height: 250px;
}

div.form .plaintext {
	padding: 0.5em;
}

div.form .richTall {
	height: 400px;
}

div.form div.richdiv {
	display: none;
}

div.form div.manyrow {
	margin: 0.5em 0;
}

div.form div.manyrow div.manylabel {
	float: left;
	width: 70px;
	line-height: 1.8em;
}

div.form div.manyrowLeft {
	float: left;
}

div.form div.manyrowLeft div {
	float: left;
	line-height: 1.5em;
}

div.form div.manyrowLeft input {
	margin-right: 0.5em;
}

/* admin form collections */

div.collection div.collectionHeader:first-child {
	border-left: 1px solid #999;
}

div.collection div.active {	
	background-color: #ffcb11;
}

div.collection div.collectionHeader {
	float: left;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0.2em 0.4em;
	cursor: pointer;
}

div.collection div.collectionHeader img.langflag {
	float: right;
	margin: 0.1em 0 0 0.2em;
}



/* admin documents */

div.documents {
	float: left;
	font-size: 0.9em;
	width: 200px;
}

span.docRow {
	display: block;
	border: 1px solid #ccc;
	padding: 0.2em;
	margin-bottom: 0.5em;
	cursor: move;
}

span.docRow div.trashIcon {
	float: right;
	width: 15px;
}

span.docRow div.visibleIcon {
	float: left;
	width: 20px;
}

span.docRow div.docIcon {
	float: left;
	text-align: center;
	width: 30px;
}

span.docRow div.docName input {
	width: 110px;
	font-size: 0.8em;
}

/* access control */

div.accesscontrol {
	float: left;
	font-size: 0.9em;
}

div.accesscontrol div.adminpage {
	padding: 0;
	margin-bottom: 0.4em;
}

div.accesscontrol div.adminpage input {
	float: left;
	margin-right: 0.5em;
}

div.accesscontrol div.subs {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

/* formfields */

div#fieldlist {
	margin-top: 1em;
}

span.fieldrow {
	font-size: 0.85em;
	display: block;
	border: 1px solid #ccc;
	padding: 0.2em;
	margin-bottom: 0.5em;
	cursor: move;
}

span.fieldrow div.fieldlabel, span.fieldrow div.fieldtype, span.fieldrow div.remove, span.fieldrow div.mandatory {
	float: left;
}

span.fieldrow div.remove img {
	margin-left: 0.5em;
	margin-top: 0.3em;
}

span.fieldrow div.mandatory {
	margin-left: 0.5em;
	margin-top: 0.1em;
}

span.fieldrow div input {
	width: 80px;
	margin-right: 0.5em;
	border: 1px solid #999;
	padding: 0.2em;
}

span.fieldrow div select {
	width: auto;
}

div.adminpage div.formmenucontainer {
	width: 200px;
}

div.adminpage div.formfields {
	width: 240px;
	float: left;
	font-size: 0.9em;
}

div.adminpage div.collectioncb {
	float: left;
	margin-right: 1em;
}

div.adminpage div.collectioncb input.colfield {
	border: 1px solid #000;
	width: 50px;
	padding: 0.2em;
	background-color: #eee;
}

/* buttons */

div.buttons a {
	background-image: url('/images/buttons/button_right.png');
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: none;
	color: #000;
	font-size: 0.95em;
	font-family: arial;
	font-weight: bold;
	float: left;
}

div.buttons span {
	background-image: url('/images/buttons/button_left.png');
	background-repeat: no-repeat;
	background-position: center left;
	margin-right: 3px;
	padding: 0 10px 0 13px;
	line-height: 21px;
	float: left;
	cursor: pointer;
}

div.buttons a:hover {
	background-image: url('/images/buttons/button_right_active.png');
}

div.buttons a:hover span {
	background-image: url('/images/buttons/button_left_active.png');
}

div#debug {
	position: absolute;
	width: 50%;
	margin: 1em 25% 0 25%;
	border: 1px solid #000;
	padding: 0.5em;
	background-color: #fff;
}

.sortPlaceHolder {
	border: 1px dashed #ccc;
	background-color: #eee;
	width: 93%;
	padding: 0;
	margin: 0;
	height: 1em;
	display: block;
}

div#documentList .sortPlaceHolder {
	width: 100%;
	height: 2em;
}

div#fieldlist .sortPlaceHolder {
	width: 100%;
	height: 2em;
}

div.errorpage {
	border: 2px solid #ccc;
	margin: 4em auto;
	width: 700px;
	font-size: 0.9em;
}

div.errorpage div.errormessage {
	margin: 2em 2em;
}

div.errorpage div.labeltext {
	float: left;
	width: 60px;
	margin-right: 2em;
	color: #777;
}

div.errorpage div.errortext {
	float: left;
	width: 550px;
}

/* parent selectors */

div.parentselector {
	width: 350px;
}

div.parentselector div.parentname {
	float: left;
}

div.parentSelectorButtons {
	float: right;
	color: #777;
}

div.parentSelectorButtons span {
	cursor: pointer;
	color: #000;
}

div.parentSelectorButtons span.active {
	color: #990000;
}

div.parentinfo {
	border: 1px solid #ccc;
	background-color: #c4ffa1;
	width: 245px;
	padding: 0.5em;
	font-size: 0.85em;
	margin-bottom: 1em;
}