body { margin: 0; padding: 0; background: #cacaca; }
body,div,span,td,tr,th,table,tbody,a,li {
    font-family: "Helvetica Neue", Calibri, Arial, sans-serif; font-size: 10pt;
}
.ui-widget { font-size: 1em !important; }
.ui-button,.ui-button-text { line-height: 1.0 !important; }
table .ui-helper-clearfix::before,
table .ui-helper-clearfix::after {
    display: block;
}

#webneo {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}
#header {
	position: absolute;
	top: 0; left: 0; right: 0; height: 3em;
	padding: 0.5em 1em;
	border-width: 0 0 1px 0 !important;
	box-shadow: 0px 0px 3px #a0a0a0;
}
#header h1 { margin: 0; padding: 0; font-size: 16pt; color: #0073ea; }
#header span { margin: 0; padding: 0; }
#header form { position: absolute; top: 6px; right: 20px; }

#footer {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	padding: 0.5em;
	height: 1em;
	text-align: center;
	border-top: 1px solid #b0b0b0;
	background: #e0e0e0;
	box-shadow: 0px 0px 3px #a0a0a0;
}
#views {
	position: absolute;
	top: 4.2em; bottom: 2.2em; left: 0.2em; right: 0.2em;
	padding: 0.2em;
}
#views > div {
	position: absolute;
}
#views > div > div {
	position: absolute;
	top: 0.2em; bottom: 0.2em; left: 0.2em; right: 0.2em;
}
#views .ui-tabs-panel {
	position: absolute;
	top: 2.6em; bottom: 0.2em; left: 0.2em; right: 0.2em;
	overflow: auto;
    -webkit-overflow-scrolling: touch;

	padding: 0;
	background: white;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
}
#views .ag-toolbar {
	border-width: 0 0 1px 0 !important;
	padding: 0.1em;
}
#views > div > .ui-tabs {
	border: none; background: #e0e0e0; border: 1px solid #b0b0b0;
	box-shadow: 0px 0px 3px #a0a0a0;
}
#views > div > .ui-tabs .ui-tabs-nav {
	border: none; background: transparent;
	position: absolute;
	top: 0.2em; left: 0.2em; right: 0.2em;
}

#views div.ui-state-hover { background-color: #FFFFCC; }
#views div.ui-state-hover td.ui-state-default {
    background: #FFFFCC;
    font-weight: normal;
}

.ui-tabs .ui-tabs-nav {
	height: 2.4em;
	padding: 0 0.3em; margin: 0;
	overflow: hidden;
	border-radius: 0;
}
.ui-tabs .ui-tabs-nav li { margin-top: 0.2em; }
.ui-tabs .ui-tabs-nav li a {
	padding: 0.6em !important;
	line-height: 1.0 !important;
}
.ui-tabs .ui-tabs-nav li a span {
	height: 1em !important;
	line-height: 1.0 !important;
	padding: 0 !important; margin: 0 !important;
}

.ag-list {}
.ag-list table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.ag-list table  td.ui-state-hover { border-collapse: separate; }
.ag-list table td,
.ag-list table th { border-left: none !important; border-right: none !important; }
.ag-list table tbody td { cursor: pointer; }
.ag-list table th {
	text-align: left;
	padding: 0.4em 0.5em;
	border-top: none !important;
}
.ag-list table td { padding: 0.3em 0.5em; }
.ag-list table td.actions { text-align: right; padding: 0.1em; }

.ui-tabs-panel .loading {
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: center middle;
}

.ui-tabs-panel .pagemap {
	display: block;
	text-align: center;
	margin: 0.5em 0;
}

.empty span {
	display: block;
	position: absolute;
	top: 50%; left: 0; right: 0;
	text-align: center;
}


div.editor {
    border: none; border-radius: 0;
    padding: 0; margin: 0;
	position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}
div.editor .ui-tabs {
	border: none; border-radius: 0;
	padding: 0; margin: 0;
    position: absolute;
    top: 2.8em; left: 0; right: 0; bottom: 0;
}
div.editor .ui-tabs-nav {
	border-left: none; border-right: none; border-radius: 0;
    position: absolute; top: 0; left: 0; right: 0;
	padding-left: 1em;
}
div.editor .ui-tabs-panel {
	padding: 0.2em 0.1em;
    position: absolute; top: 2.7em; left: 0; right: 0; bottom: 0;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
	border-top: 1px solid #bbb;
}
div.editor > div { border: none; border-radius: 0; }
div.editor table { width: 100%; border-spacing: 1px;}
div.editor table td.title,
div.editor table td.content {
	background: #f0f0f0;
	border-radius: 0 2px 2px 0;
	padding: 0 0.5em;
	vertical-align: top;
}
div.editor table td.content select,
div.editor table td.content input { margin: 10px 0; width: 100%; }
div.editor table td.title img { float: right; cursor: pointer; margin-left: 5px; }
div.editor table td.title {
	font-weight: bold;
	padding: 0.9em 0.5em;
	width: 6em;
	border-radius: 2px 0 0 2px;
	text-align: right;
}
div.editor table td.content .hierarchy-select select {
	margin-top: 0;
}
div.editor table td.content .hierarchy-select .hierarchy-toolbar {
	margin-top: 10px;
	padding: 1px;
	text-align: right;
}
div.editor div.toolbar { position: absolute; top: 0; left: 0; right: 0; height: 2.2em; padding: 0.3em 1em; }

div.editor .cke_skin_kama,
div.editor .cke_wrapper { border: none; border-radius: 0; }
div.editor .cke_skin_kama { padding: 0; }
span.cke_skin_kama { border: none; }

div#attached form { display: block; padding: 10px; }

div.fckeditcontainer  { margin: 0 -0.5em; }
div.fckdelete { border: 2px solid #1915ff; margin: -2px -0.4em; }
.cke_contents { font-size: 20px; }

div.editor iframe { border: 1px solid #ccc !important; }

div.editor table.attachments { width: 47%; float: left; margin: 0.5em; }
div.editor table.attachments td {
	padding: 0.5em;
	background: #f0f0f0;
}
div.editor table.attachments td.preview {
	border-radius: 2px 0 0 2px;
}
div.editor table.attachments td.buttons {
	width: 26px;
	border-radius: 0 2px 2px 0;
}
div.editor table.attachments td.img { width: 100px; text-align: center; }
div.editor iframe.uploader { border: none; width: 100%; height: 15em; }
div.editor div.uploader { margin: 0.5em; border: none; clear: left; width: 47%; padding: 10px 0; }

div.browser {
	margin: 0.5em;
	width: 47%; float: right; padding: 0.2em;
	background: #f0f0f0;
	border: none;
}
div.browser div { padding: 4px 10px; margin: 1px; }
div.browser div.attachment { padding: 0; background-image: none; }
div.browser input { width: 100%; }
div.browser table { border-spacing: 0px; }
div.browser table td { background: transparent; padding: 0; vertical-align: center; }
div.browser table td.img { padding: 5px; width: 100px; text-align: center; }
div.browser table td.img img { max-width: 100px; max-height: 100px; }
div.browser table td div { position: relative; padding: 5px; margin: 3px 0; }
div.browser table td div p { margin: 2px; margin-right: 50px; }
div.browser table td div p.name { font-weight: bold; }
div.browser table a { font-weight: bold; position: absolute; top: 2px; right: 2px; padding: 5px; }
div.browser form { margin: 0; padding: 0; }
div.browser div.results { text-align: center; background-image: none; }
div.browser div.pagemap { text-align: center; }

div.preview table { width: 100%; }
div.preview table td { padding: 1em; vertical-align: top; }
div.preview table td.img { width: 60%; padding-right: 0; }
div.preview table td.img div { text-align: center; }
div.preview table td.img div img { max-width: 100%; }
div.preview table td input { width: auto; }
div.preview table td pre {
	margin: 1em 0;
	white-space: pre-wrap;
}

table.uploader {
	background: #f0f0f0;
	border-radius: 2px;
}
table.uploader  td {
	padding: 0.3em 0.5em;
}

.hierarchy-tree {
	overflow: auto;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	padding: 1em;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.hierarchy-sub {
	margin-left: 1em;
	margin-top: 0.2em;
}
.hierarchy-item {
	border-top: 1px solid #e0e0e0;
	cursor: pointer;
	padding: 0.2em 0;
}
.hierarchy-item .ui-button {
	height: 16px;
	width: 16px;
	vertical-align: middle;
	margin-right: 0.5em;
}
.hierarchy-leaf .hierarchy-button {
	visibility: hidden;
}
.hierarchy-add-button {
	float: right;
}

.cke_chrome {
    border: none !important;
}