/* <style>
/* tagy */
* {margin: 0; padding: 0;}
body {font-family: sans-serif; font-size: 12px; color: #000; background-color: #ededed; margin: 0 0 1em 0;}
a {font-size: 12px; color: #F84A00; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
h1 {font-size: 18px; font-weight: normal; margin-bottom: 0.5em;}
h2 {font-size: 14px; margin: 0.25em 0;}
h3 {font-size: 12px; margin: 0.25em 0;}
p {padding: 0; margin: 2px 0 10px 0; line-height: 160%;}
ul, ol {padding: 2px 0 12px 40px; line-height: 160%;}
dfn {font-style: normal; border-bottom: 1px dashed #bbbbbb; cursor: help;}
img {border: 0;}
small {color: #969696;}
td, th {font-size: 12px; padding: 1px;}
th {text-align: left; font-weight: bold;}
form td {padding: 2px;}
form > table > tbody > tr > th, .cform th {padding-right: 10px; text-align: right;}

/* formulare */
form {margin: 0 0 8px 0;}
form.inline {line-height: 1;}
fieldset {margin: 25px 0; padding: 8px; background-color: #f5f5f5; border: 1px solid #ededed;}
fieldset fieldset {background-color: #fff;}
fieldset.hs_fieldset > legend:hover {text-decoration: underline;}
legend {font-weight: bold; color: #000;}
label {padding-right: 0.5em;}

input, button, select, textarea {padding: 6px; margin: 0; box-sizing: border-box; font-size: 12px; line-height: 1 !important; vertical-align: middle;}

input[type=checkbox], input[type=radio] {padding: 0; margin: 3px; border: none; vertical-align: middle;}
input[type=text], input[type=password], input[type=number], input[type=email], input[type=search], select {height: 26px; border: 1px solid #bbbbbb; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.075);}
input[type=submit], input[type=button], input[type=reset], button {cursor: pointer; padding: 8px 12px; border: 1px solid #d9d9d9; background: #f5f5f5; background: linear-gradient(to bottom, #fcfcfc, #ededed); color: #000; font-size: 13px;}
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, button:focus {outline: 1px solid #fe6e27;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {background: #feccb3; background: linear-gradient(to bottom, #feccb3, #feb18b); border-color: #feb18b; outline: none;}
input[type=color] {padding: 0;}

select {padding: 0 20px 0 6px; background: #fff url("../images/select_arrow.png") right center no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; line-height: 2 !important;}
select::-ms-expand {display: none;}
select[multiple], select[size] {height: auto;}
optgroup option {padding-left: 16px;}

@-moz-document url-prefix() {
    input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner {border: 0; padding: 0;}
    input[type=text], input[type=password], select {padding-top: 0; padding-bottom: 0;}
}


/* layout */
div.wrapper {max-width: 1400px; min-width: 700px; margin: 0 auto;}

/* header */
#top {background: url("../images/top_bg.png") left bottom repeat-x;}
#header {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; padding: 0.7em 16px 0.5em 16px;}
#title {color: #757575;}
#usermenu {float: right; position: relative; top: 6px;}
#usermenu, #usermenu a {font-size: 14px; color: #969696;}
#usermenu a {text-decoration: none;}
#usermenu a:hover {color: #F84A00;}
a#usermenu-username {margin-right: 0.5em; font-weight: bold; color: #757575;}
#usermenu a.usermenu-web-link {margin-left: 0.5em;}
#usermenu-avatar {position: absolute; left: -42px; top: -8px; display: block; width: 32px; height: 32px; overflow: hidden; border: 1px solid #d9d9d9; background-color: #fff;}
#usermenu-avatar img {max-width: 32px; opacity: 0.9;}
#usermenu-avatar:hover img {opacity: 1;}

/* menu */
#menu {position: relative; padding: 5px 0 0 16px; background-color: #fe6e27; font-size: 0;}
#menu a {color: #fff; text-decoration: none; display: inline-block;}
#menu a span {display: inline-block; padding: 7px 16px; background: url("../images/menu_sep.png") right bottom no-repeat; font-size: 13px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#menu a:hover span, #menu a.act span {color: #000; background: #fff url("../images/menu_active.png") left top repeat-x; text-shadow: none;}

/* content */
#content {padding: 12px 16px 16px 16px; background-color: #fff;}

/* copyright / footer */
#footer {margin-bottom: 0.5em; text-align: right; padding: 8px 16px; background-color: #fe6e27;}
#footer, #footer a {font-size: 11px; text-decoration: none; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#footer a:hover {text-decoration: underline;}
#footer-links {float: left;}
#footer-links a {margin-right: 1em;}

/* login layout */
body.login-layout {background: radial-gradient(at center 270px, #ededed, #bbbbbb) no-repeat fixed;}
body.login-layout div.wrapper {width: 500px; min-width: 0;}
body.login-layout #header, body.login-layout #menu {display: none;}
body.login-layout #top {padding-top: 140px; background: url("../images/logo.png") center 50px no-repeat;}
body.login-layout #content {padding: 24px 16px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15); text-align: center;}
body.login-layout #content form {display: inline-block;}
body.login-layout ul.login-form-links, body.login-layout #content form {text-align: left;}
body.login-layout ul.login-form-links {padding: 0 0 0 3px; list-style-type: none;}
body.login-layout #content .message {text-align: left;}
body.login-layout #footer {background: none;}
body.login-layout #footer, body.login-layout #footer a {color: #000; text-shadow: none;}

/* external container */
#external-container {padding: 10px;}
#external-container h1 {border-bottom: 3px solid #ea4c00; padding-bottom: 3px; margin-bottom: 6px;}

/* index */
#index-table {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
#index-table > tbody > tr > td {padding: 10px; border: 1px solid #d9d9d9; background-color: #f5f5f5;}
#index-table h2 {margin-bottom: 6px; border-bottom: 2px solid #d9d9d9; padding-bottom: 6px;}
#index-table li {padding: 3px;}
#index-table table {width: 100%;}
#index-table table th, #index-table table td {text-align: left; padding: 0.2em; border-bottom: 1px solid #d9d9d9;}
#index-table table tr:last-child th, #index-table table tr:last-child td {border-bottom: none;}
.module-index #latest-version {font-weight: bold;}
.module-index #latest-version .version-latest {color: #009800;}
.module-index #latest-version .version-patch {color: #cda869;}
.module-index #latest-version .version-minor {color: #f06c00;}
.module-index #latest-version .version-major {color: #e60000;}
.module-index #latest-version .version-unk {color: #0077a7;}

/* content management */
#contenttable {width: 100%; border: 1px solid #ededed; line-height: 140%;}
#contenttable a {text-decoration: none;}
#contenttable h2 {margin: 0 0 8px 0; padding: 4px 0 7px 0; border-bottom: 1px solid #ededed;}
#contenttable div.pad {padding: 20px 0;}
td.contenttable-box {padding: 8px; margin: 0; border-right: 1px solid #ededed;}

#content-modules {border: none;}
#content-modules h2 {margin-top: 1em;}
#content-modules h2:first-child {margin-top: 0;}

/* page list */
table.page-list {width: 100%; margin-bottom: 0.5em; border-collapse: separate; border-spacing: 0; white-space: nowrap;}
table.page-list td {min-width: 19px; padding: 0 5px; border-left: 1px solid #fff; line-height: 30px; position: relative;}
table.page-list td:first-child {border-left: none;}

table.page-list a {color: #000;}

table.page-list td.page-title {width: 90%;}
table.page-list td.page-title a, table.page-list td.page-title span {display: block;}
table.page-list.page-list-full-tree td.page-title > :not(.node-level-p0) span.page-list-title {padding-left: 8px; border-left: 1px solid #bbbbbb;}
table.page-list.page-list-full-tree tr.page-separator td.page-title span.page-list-title {border-left-color: #969696;}
table.page-list.page-list-full-tree td.page-title a:hover span:after, table.page-list.page-list-single-level td.page-title a span:after {content: url("../images/down.png"); position: absolute; margin-left: 0.5em; margin-top: 2px;}

table.page-list tr:hover:not(.page-separator) td {background-color: #feb18b;}

table.page-list tr.page-separator td {border-top: 24px solid #fff; border-bottom: 2px solid #bbbbbb; background-color: #feb18b;}
table.page-list tr.page-separator.sorting td {border-top: none;}
table.page-list tr.page-separator:first-child td {border: none;}
table.page-list tr.page-separator td.page-title span.page-list-title span {font-weight: bold;}

table.page-list td.page-type {color: #898989;}
table.page-list tr:hover td.page-type {color: inherit;}

table.page-list td.page-actions {text-align: right; white-space: nowrap;}
table.page-list td.page-actions a {display: inline; padding: 2px 6px;}
table.page-list tr:hover td.page-actions a {background-color: #ededed; outline: 1px solid #bbbbbb;}
table.page-list td.page-actions a img.icon {margin: 0; padding: 0; vertical-align: middle;}
table.page-list td.page-actions a span {display: none;}

table.page-list tr.sortable-placeholder td {height: 36px;}
table.page-list td.page-list-sortcell {width: 1%; vertical-align: bottom;}

ul.page-list-breadcrumbs {margin: 0 0 0.5em 0; padding: 0.5em 1em; border-bottom: 2px solid #bbbbbb; list-style-type: none; background-color: #feccb3;}
ul.page-list-breadcrumbs li {display: inline; padding-right: 0.5em;}
ul.page-list-breadcrumbs li:not(:last-child):after {content: ">"; display: inline-block; margin-left: 0.5em;}
ul.page-list-breadcrumbs a {color: #000; font-weight: bold; vertical-align: middle;}
ul.page-list-breadcrumbs a:hover {color: #F84A00;}

/* editpages settings */
#settingseditform fieldset label{display: block;}
#settingseditform fieldset:first-child {margin: 0 0 25px 0;}
#settingseditform table td { padding: 4px 8px;border-bottom: 1px solid #d9d9d9;}
#settingseditform table tr:last-child td {border-bottom: none;}

/* box management */
.module-content-boxes .list {margin-bottom: 32px;}
.module-content-boxes td {white-space: nowrap;}
.module-content-boxes .box-title-cell {white-space: normal; width: 90%;}

/* article edit */
#ae-table {width: 99.1%; table-layout: fixed; border-collapse: collapse; float: left;}
#ae-table, #ae-table td {margin: 0; padding: 0;}
#content-cell {width: 75%;}
#content-cell textarea {width: 100%; height: 480px;}
#is-cell {width: 25%;}
#is-cell textarea {width: 213px; height: 179px;}
#is-cell label {display: block;}
#is-cell label input {margin: 0;}
#is-cell-wrapper {position: relative;}
#is-cell-content {padding: 0 5px 0 10px; position: absolute; left: 0; top: 0; width: 100%;}
#is-picture {margin: 10px 0; width: 100%; padding: 5px 0 40px 0; overflow: hidden; position: relative;}
#is-picture-file {display: block; max-width: 200px; max-height: 200px; margin: 0 auto; border: 1px solid #feb18b;}
#is-picture-upload {position: absolute; left: 10px; bottom: 10px;}
#is-picture-delete {position: absolute; right: 10px; top: 5px; padding: 3px;}
#is-picture-delete img, #is-picture-delete input {vertical-align: middle;}
#ae-lastrow {padding-bottom: 30px;}
#time-cell {z-index: 1; position: relative;}
.ae-artselect {width: 249px;}
.ae-artselect-disoption {color: #969696;}
.ae-twoi {border-collapse: collapse;}
.ae-twoi input, .ae-twoi select {width: 100% !important;}
.ae-twoi td {padding-left: 0 !important; padding-right: 16px !important; width: 330px;}
.ae-twoi th {width: 100px; white-space: nowrap;}

/* box manager */
#boxesedit {width: 100%;}
#boxesedit td.cell {padding: 10px 20px 25px 10px;}
#boxesedit td.cell > div {border: 1px solid #ededed; padding: 20px 15px;}

/* file manager */
#fman-action {border-bottom: 1px solid #ededed; margin-bottom: 10px;}
#fman-action h2 {margin-bottom: 6px;}
#fman-list {width: 100%; border-collapse: collapse; margin-bottom: 6px;}
#fman-list.mini {min-width: 0;}
#fman-list a {color: #000;}
#fman-list td:first-child a {display: block;}
#fman-list td {padding: 2px 4px; border: 1px solid #fff; line-height: 200%;}
#fman-list tr:hover td {background-color: #feccb3;}
#fman-list input {margin: 5px 4px 0 0; float: left;}
#fman-list tr.fman-uploaded td {background: #feb18b;}
#fmanFiles {white-space: nowrap;}
.fman-menu {border-width: 1px 0 1px 0; border-style: solid; border-color: #ededed;}
.fman-menu, .fman-menu2 {margin-top: 5px; padding: 5px;}
.fman-menu a, .fman-menu span, .fman-menu2 a, .fman-menu2 span {border-right: 1px solid #ededed; padding-right: 8px; margin-right: 8px;}

/* galleries */
.gallery-savebutton {float: left; margin: 0 14px 0 0; display: block;}
#gallery-edit {float: left; margin: 14px 0; padding: 5px; border: 1px solid #ededed;}
.gallery-edit-image {float: left; margin: 5px;}
.gallery-edit-image input {cursor: default;}
.gallery-edit-image table {border: 1px solid #bbbbbb; padding: 10px; background-color: #ededed; cursor: move;}
.gallery-edit-image a {color: #000; cursor: pointer;}
.gallery-edit-image a.lightbox img {border: 1px solid #969696; max-width: 300px;}

/* sqlex */
#sqlex {width: 100%; margin-top: 1em; border-collapse: collapse;}
#sqlex td {padding: 1em; border: 1px solid #ededed; vertical-align: top;}
#sqlex td:first-child ul {padding: 0; margin: 0; list-style-type: none;}
#sqlex li, #sqlex-result li {line-height: 160%;}
#sqlex-result h2 {margin-bottom: 1em;}
#sqlex-result table.list {width: 100%; background-color: #fff; outline: 6px solid #fff;}
#sqlex-result table.list textarea {width: 100%;}

/* settings */
#settingsnav {width: 20%; float: left; margin-right: 1em;}
#settingsnav, #settingsnav a {font-size: 12px;}
#settingsnav.scrollfix-top {position: fixed; top: 10px; height: calc(100% - 60px); overflow: auto; z-index: 100;}
#settingsnav input[type=submit] {width: 100%;}
#settingsnav ul {padding: 0; margin: 0.5em 0 0 0; border: 1px solid #ededed; background-color: #f5f5f5;}
#settingsnav li {display: block; list-style-type: none;}
#settingsnav li a {display: block; padding: 6px 11px; border-bottom: 1px solid #ededed; color: #000;}
#settingsnav a:hover, #settingsnav li.active a {background-color: #bbbbbb; color: #000;}

#settingsform {float: left; padding-bottom: 30em; width: 78%;}
#settingsform fieldset {margin: 0 0 5em 0;}
#settingsform label {font-weight: bold;}
#settingsform table {border-collapse: collapse;}
#settingsform table td {padding: 4px 8px; border-bottom: 1px solid #d9d9d9;}
#settingsform table td:first-child {white-space: nowrap; border-right: 1px solid #d9d9d9;}
#settingsform table th {padding-right: 8px; padding-left: 4px;}
#settingsform table tr:last-child td {border-bottom: none;}

/* plugins */
table.plugin-list {width: 100%; table-layout: fixed;}
table.plugin-list td {vertical-align: top;}
table.plugin-list > thead > tr > th:first-child {width: 30%;}

/* busy overlay */
body.busy-overlay-active {overflow: hidden;}
#busy-overlay {position: fixed; left: 0; top: 0; z-index: 5000; width: 100%; height: 100%; cursor: wait; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#busy-overlay > div {transition: opacity 1s; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.5);}
#busy-overlay.busy-overlay-visible > div {opacity: 1;}
#busy-overlay > div > div {position: absolute; left: 50%; top: 50%; margin: -60px 0 0 -150px; width: 300px; height: 120px; text-align: center;}
#busy-overlay > div > div > p {color: #fff; font-size: 1.8em;}

/* link styles */
a.normal {color: #000;}
a.invisible {color: #969696;}
a.notpublic {font-style: italic; color: #000;}
a.invisible-notpublic {color: #969696; font-style: italic;}
a.active-link {text-decoration: underline !important;}

/* highlight */
.hl {background-color: #f5f5f5;}

/* messages */
.message {margin: 1em 0; padding: 13px 5px 13px 48px; background-color: #ededed; background-position: 5px 5px; background-repeat: no-repeat;}
.message ul {margin: 0; padding: 5px 0 0 15px;}
.message-ok {background-color: #D0EDEE; background-image: url("../images/icons/info.png");}
.message-warn {background-color: #FFD183; background-image: url("../images/icons/warning.png");}
.message-err {background-color: #FFA7A7; background-image: url("../images/icons/error.png");}

/* preformatted */
pre {white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
pre.exception {max-height: 300px; margin: 1em 0; padding: 13px; overflow: auto; background-color: #FFA7A7;}
pre.cli-output {background-color: #000; color: #fff; padding: 10px;}

/* form tables */
.formtable {border: 1px dotted #ededed; background-color: #fcfcfc;}
.cform table {width: 100%; table-layout: fixed;}
.cform th {width: 111px;}
.cform th:first-child + td {width: 40%;}
.cform th:first-child + td:last-child {width: auto;}

/* text colors */
.text-success {color: #080;}
.text-warning {color: #FE7F00;}
.text-danger {color: #E71717;}

/* table cell colors */
.cell-success, .row-success th, .row-success td {background-color: #e1ffe1;}
.cell-warning, .row-warning th, .row-warning td {background-color: #fff0e1;}
.cell-danger, .row-danger th, .row-danger td {background-color: #fde3e3;}
tr.even td {background-color: #ededed;}
tr.odd td {background-color: #fcfcfc;}

/* form element sizes */
.arealine {width: 100%; height: 100px;}
.areasmall {width: 290px; height: 150px;}
.areasmall_100pwidth {width: 100%; height: 200px;}
.areasmallwide {width: 620px; height: 150px;}
.areamedium {width: 600px; height: 350px;}
.areabig {width: 100%; height: 400px;}
.areabigperex {width: 100%; height: 150px;}
.inputmini {width: 38px;}
.inputmini[type=number] {width:50px;}
.inputsmaller {width: 80px;}
.inputsmall {width: 145px;}
.inputmedium {width: 290px;}
.inputbig {width: 750px;}
.inputmax {width: 100%;}
.cli-input {font-family: monospace; background-color: #000; color: #fff;}
.inputfat {padding: 8px 16px !important;}
.selectmedium {width: 294px;}
.selectbig {width: 753px;}
.selectmax {width: 100%;}

/* horizontal rule */
.hr {height: 10px; background-image: url("../images/hr.gif"); background-position: left center; background-repeat: repeat-x;}
.hr hr {display: none;}

.paging {margin: 1em 0;}
.paging-label {display: none;}
.paging a {display: inline-block; padding: 0.3em 0.6em; border: 1px solid #ededed; text-decoration: none;}
.paging a.act, .paging a:hover {color: #000; background-color: #ededed;}
fieldset .paging a {background-color: #fff;}
fieldset .paging a.act, fieldset .paging a:hover {background-color: #bbbbbb; color: #fff;}

/* two-column layout */
table.two-columns {width: 100%; table-layout: fixed; border: 1px solid #ededed; border-collapse: collapse;}
table.two-columns > tbody > tr > td {width: 50%; padding: 5px 15px;}
table.two-columns > tbody > tr > td:first-child {border-right: 1px solid #ededed;}
table.two-columns > tbody > tr > td > h2 {margin: 20px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ededed;}
table.two-columns > tbody > tr > td > h2:first-child {margin-top: 5px;}
table.two-columns > tbody > tr > td > form:last-child {margin-bottom: 0;}

/* list */
table.list {margin: 10px 0; border-collapse: collapse; border: 1px solid #ededed; background-color: #fff;}
table.list.list-max {width: 100%;}
table.list.list-half {min-width: 50%;}
table.list caption {padding: 15px; border-bottom: 3px double #fcfcfc; background-color: #ededed; text-align: left;}
table.list thead th, .list thead td {font-weight: bold; background-color: #ededed;}
table.list td, .list th {padding: 7px 15px; border-bottom: 1px solid #ededed;}
table.list.list-hover tbody tr:hover:not(.nohover) td {background-color: #feede5;}
table.list.list-noborder th, .list.list-noborder td {border: none;}
table.list tbody + tbody {border-top: 3px double #ededed;}
table.list h3 {font-weight: normal; font-size: 16px;}
fieldset table.list thead td, fieldset table.list thead th {background-color: #bbbbbb;}
fieldset table.list td {border-color: #bbbbbb;}

td.actions {white-space: nowrap;}
td.actions a {margin-left: 0.5em;}
td.actions a:first-child {margin-left: 0;}

/* radio group */
div.radio-group {border: 1px solid #bbbbbb; background-color: #fff; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);}
div.radio-group label {display: block; float: left; padding: 5px; border-left: 1px solid #bbbbbb;}
div.radio-group label:first-child {border-left: none;}

/* inline list */
.inline-list {padding-left: 0; padding-right: 0; list-style-type: none;}
.inline-list > li {display: inline-block; padding-left: 0.5em;}
.inline-list > li:after {content: "|"; padding-left: 0.5em; color: #bbbbbb;}
.inline-list > li:first-child {padding-left: 0;}
.inline-list > li:last-child:after {display: none;}
.inline-list > li > strong {padding-right: 0.2em;}

/* buttons */
a.button {display: inline-block; margin: 0; padding: 6px; border: 1px solid #d9d9d9; background: #f5f5f5; background: linear-gradient(to bottom, #fcfcfc, #ededed); color: #000; vertical-align: middle; font-weight: normal; line-height: 1;}
a.button img.icon {margin: -1px 0 -1px 0; padding: 0 6px 0 0;}
a.button.block {display: block; margin: 6px;}
a.button.block img.icon {float: none; margin: 0; padding: 0 10px 0 0;}
a.button:hover {background: #feccb3; background: linear-gradient(to bottom, #feccb3, #feb18b); border-color: #feb18b;}
a.button.big, input[type=submit].button.big, input[type=button].button.big, input[type=reset].button.big, button.button.big {padding: 8px 12px; font-size: 13px;}
a.button.bigger, input[type=submit].button.bigger, input[type=button].button.bigger, input[type=reset].button.bigger, button.button.bigger {padding: 12px 18px; font-size: 14px;}
input[type=submit].button, input[type=button].button, input[type=reset].button, button.button {padding: 6px; font-size: 12px;}

/* inline separator */
span.inline-separator {margin-left: 0.5em; padding-right: 0.5em; border-left: 1px solid #d9d9d9;}

/* well */
.well {margin: 10px 0; padding: 10px; border: 1px solid #d9d9d9; background-color: #f5f5f5;}
.well h2 {font-weight: normal;}

/* sortables */
.sortable.ui-sortable {overflow: hidden;}
.sortable-handle {display: inline-block; vertical-align: middle; padding-right: 10px; width: 11px; height: 18px; background: url("../images/icons/drag-handle.png") left top no-repeat; cursor: move;}

/* generic */
.bborder {padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #ededed;}
fieldset .bborder {border-color: #969696;}
fieldset fieldset .bborder {border-color: #ededed;}
.backlink {display: block; font-weight: bold; padding-bottom: 10px;}
.icon {margin: -1px 0 0 0; padding-right: 5px; vertical-align: middle;}
.groupicon {vertical-align: middle; margin-top: -1px;}
.inline {display: inline;}
.hidden {display: none;}
.cleaner {clear: both;}
.micon {height: 15px; margin: 0 1px;}
.special {color: #F84A00;}
.small {font-size: 10px;}
.block {display: block;}
.note {color: #969696;}
.minwidth {min-width: 700px;}
.important {color: red;}
.highlight {color: #F84A00;}
.max-area {width: 100%; height: 100%;}
.max-width {width: 100%;}
.separated {margin-top: 1em;}
.clickable {cursor: pointer;}
.strike {text-decoration: line-through;}
.em {font-style: italic;}
.big-text {font-size: larger;}
.left {float: left; margin: 1px 10px 5px 1px;}
.right {float: right; margin: 1px 1px 5px 10px;}
tr.valign-top > *, table.valign-top > * > tr > * {vertical-align: top;}
.no-bullets {list-style-type: none; padding-left: 10px;}

/* tree */
.node-level-m0 {margin-left: 0 !important;}
.node-level-p0 {padding-left: 0 !important;}
.node-level-m1 {margin-left: 24px !important;}
.node-level-p1 {padding-left: 24px !important;}
.node-level-m2 {margin-left: 48px !important;}
.node-level-p2 {padding-left: 48px !important;}
.node-level-m3 {margin-left: 72px !important;}
.node-level-p3 {padding-left: 72px !important;}
.node-level-m4 {margin-left: 96px !important;}
.node-level-p4 {padding-left: 96px !important;}
.node-level-m5 {margin-left: 120px !important;}
.node-level-p5 {padding-left: 120px !important;}
.node-level-m6 {margin-left: 144px !important;}
.node-level-p6 {padding-left: 144px !important;}
.node-level-m7 {margin-left: 168px !important;}
.node-level-p7 {padding-left: 168px !important;}
.node-level-m8 {margin-left: 192px !important;}
.node-level-p8 {padding-left: 192px !important;}
.node-level-m9 {margin-left: 216px !important;}
.node-level-p9 {padding-left: 216px !important;}
.node-level-m10 {margin-left: 240px !important;}
.node-level-p10 {padding-left: 240px !important;}
.node-level-m11 {margin-left: 264px !important;}
.node-level-p11 {padding-left: 264px !important;}
.node-level-m12 {margin-left: 288px !important;}
.node-level-p12 {padding-left: 288px !important;}
.node-level-m13 {margin-left: 312px !important;}
.node-level-p13 {padding-left: 312px !important;}
.node-level-m14 {margin-left: 336px !important;}
.node-level-p14 {padding-left: 336px !important;}
.node-level-m15 {margin-left: 360px !important;}
.node-level-p15 {padding-left: 360px !important;}
.node-level-m16 {margin-left: 384px !important;}
.node-level-p16 {padding-left: 384px !important;}
.node-level-m17 {margin-left: 408px !important;}
.node-level-p17 {padding-left: 408px !important;}
.node-level-m18 {margin-left: 432px !important;}
.node-level-p18 {padding-left: 432px !important;}
.node-level-m19 {margin-left: 456px !important;}
.node-level-p19 {padding-left: 456px !important;}
.node-level-m20 {margin-left: 480px !important;}
.node-level-p20 {padding-left: 480px !important;}

/* codemirror */
div.CodeMirror {
outline: 1px solid  #fff;
border-width: 1px;
border-style: solid;
border-color: #bbbbbb #ededed #ededed #bbbbbb;
line-height: 1.5;
cursor: text;
background-color: #fff;
}
div.CodeMirror span.cm-hcm {color: #f60;}