html, body, div, ul, li, nav, hr, h1, h2, h3, h4, h5, h6, p
{
	margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;
	-moz-padding-start: 0
}

ul { padding: 0 }

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner
{
	padding: 0 !important;
	border: 0 none !important;
}

a[name="#"], a[name="_"] { cursor: pointer }

.layer-hidden { display: none }

.layer-drop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; cursor: default }

.layer-full
{
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; cursor: default;
	overflow: hidden
}

.layer-centered, .layer-modal
{
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; cursor: default;
	cursor: default; background : rgba(234,234,234,0.4); overflow:hidden;
}

.markdown { white-space: normal }
.markdown br+em+br { min-height: 1em }
p.markdown, div.markdown { padding-bottom: 1em }

.header { color:#555555 }
.panelheader
{
	font-size:140%; font-weight:bold;
	background: linear-gradient(#fff,#ddd)
}

.bordered_top { border-top: 1px solid #bbbbbb; }
.bordered_right { border-right: 1px solid #bbbbbb; }
.bordered_bottom { border-bottom: 1px solid #bbbbbb; }
.bordered_left { border-left: 1px solid #bbbbbb; }

.highlight { text-decoration:none; font-weight:normal; color:#ff3333 }
.highlight[disabled] { text-decoration:none; font-weight:normal; color:#ffaaaa }

.opacifier { animation: fade-in 0.25s; -webkit-animation: fade-in 0.25s }
.noselect { user-select: none; -webkit-user-select: none; -moz-user-select: none }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

img.list_hidden { float: left; vertical-align: top; opacity: 0.01 }
img.list_visible { float: left; vertical-align: top }
.list_highlight table { width: 100%; border-spacing: 0 }
.list_highlight td { padding: 0 }
.list_highlight { border: 1px solid transparent; border-bottom: none }
.list_highlight:hover { background: linear-gradient(#fff,#ddd) }
.list_highlight:hover+.list_children { background: #f0f0f0 }
.list_selected { background: linear-gradient(#fff,#ddd) }
.list_selected:hover { background: linear-gradient(#fff,#ccc) }

.splitter_pane:hover { background: rgba(192,192,192,0.3) }
.splitter_drag { background: rgba(128,128,128,0.3) }
.splitter_top { background: rgba(128,128,128,0.2) }
.splitter_right { background: rgba(128,128,128,0.2) }
.splitter_bottom { background: rgba(128,128,128,0.2) }
.splitter_left { background: rgba(128,128,128,0.2) }

.hoverparent img { transition: opacity 0.2s ease 0.1s; -webkit-transition: opacity 0.2s ease 0.1s }
.hoverparent input.list_visible { transition: opacity 0.2s ease 0.1s; -webkit-transition: opacity 0.2s ease 0.1s }
.hoverparent .list_icon { transition: opacity 0.2s ease 0.1s; -webkit-transition: opacity 0.2s ease 0.1s }

.dialog .hoverparent img { transition: none; -webkit-transition: none }
.dialog .hoverparent input.list_visible { transition: none; -webkit-transition: none }
.dialog .hoverparent .list_icon { transition: none; -webkit-transition: none }

.hoverparent img.list_visible { opacity: 0.01 }
.hoverparent:hover img.list_visible { opacity: 1 }
.hoverparent input.list_visible { opacity: 0.01 }
.hoverparent:hover input.list_visible { opacity: 1 }
.hoverparent .list_icon { opacity: 0.7 }
.hoverparent:hover .list_icon { opacity: 1 }

.uppercase { text-transform:uppercase }

.peephole
{
	position: absolute; top: 50%; left: 50%;
	max-width: calc(100% - 2em); max-height: calc(100% - 2em);
	z-index: 100000;
	box-shadow: 0 0 5px #000, 0 0 1em rgba(192,192,192,0.25);
	cursor:default
}

.absolute-dialog
{
	background: #fff;
	cursor: default;
	position:absolute;
	top:0;right:0;bottom:0;left:0;
}

.absolute-dialog-title
{
	height: 1.6em;
	border-bottom: 1px solid #bbb;
	background: linear-gradient(#fff,#ddd);
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none; -webkit-user-select: none
}

.absolute-dialog-content
{
	position: absolute;
	top: 1.6em; right: 0; bottom: 0; left: 0;
	padding: 1em
}

.centered
{
	position: absolute; top: 50%; left: 50%;
	max-width: calc(100% - 2em); max-height: calc(100% - 2em);
	z-index: 100000;
	cursor:default
}

.dialog
{
	background: #fff;
	cursor: default;
	box-shadow: 0 0 5px #000, 0 0 10px rgba(192,192,192,64);
	overflow: hidden
}

.dialog.scrollable
{
	overflow: auto;
}

.dialog-title
{
	padding: 0.5em;
	border-bottom: 1px solid #bbb;
	background: linear-gradient(#fff,#ddd);
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none; -webkit-user-select: none
}

.dialog-content { padding: 1em; overflow: hidden }
.dialog-content:first-child { padding-top: 2em }

.form-dialog-row
{
	padding: 0.3em 0
}

.form-dialog-row>*
{
	box-sizing: border-box; vertical-align: middle
}

.form-dialog-row>textarea
{
	min-height: 8em;
}

.form-dialog-row.form-dialog-labelled>*:first-child
{
	display: inline-block; width: 40%; white-space: nowrap
}

.form-dialog-row.form-dialog-labelled>*:last-child
{
	display: inline-block; width: 60%
}

.form-dialog-row.form-dialog-tight-labelled>*:first-child
{
	display: inline-block; width: 20%
}

.form-dialog-row.form-dialog-tight-labelled>*:last-child
{
	display: inline-block; width: 80%
}

.form-dialog-row.form-dialog-narrow-labelled>*:first-child
{
	display: inline-block; width: 30%
}

.form-dialog-row.form-dialog-narrow-labelled>*:last-child
{
	display: inline-block; width: 70%
}

.form-dialog-row.form-dialog-wide-labelled>*:first-child
{
	display: inline-block; width: 70%
}

.form-dialog-row.form-dialog-wide-labelled>*:last-child
{
	display: inline-block; width: 30%
}

.form-dialog-row.form-dialog-wide>*
{
	display: block; width: 100%
}

.form-dialog-button-row
{
	padding: 1.5em 0 1em 0; text-align: center
}

.form-dialog-button-row>*
{
	margin-left: 0.5em
}

.form-dialog-button-row>*:first-child
{
	margin-left: 0
}

.form-layout
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box; 
	height: 100%;
	padding: 1em;
}

.form-layout-remain
{
	height: 100%
}

.form-layout-row
{
	display: flex;
	margin: 1em 0 0 0;
	flex-wrap: wrap;
}

.form-layout-row:first-child { margin: 0; }

.form-layout-row>*:last-child { width: 100%; }
.form-layout-row>*:last-child> :last-child { width: 100%; }

.form-layout-row.form-layout-tight-labelled >*:first-child { min-width: 6em; width:20%; flex-grow: 20; }
.form-layout-row.form-layout-narrow-labelled >*:first-child { min-width: 9em; width:35%; flex-grow: 35; }
.form-layout-row.form-layout-medium-labelled >*:first-child { min-width: 12em; width:50%; flex-grow: 50; }
.form-layout-row.form-layout-labelled >*:first-child { min-width: 12em; width:50%; flex-grow: 50; }
.form-layout-row.form-layout-wide-labelled >*:first-child { min-width: 12em; width:65%; flex-grow: 65; }
.form-layout-row.form-layout-broad-labelled >*:first-child { min-width: 12em; width:80%; flex-grow: 80; }
.form-layout-row.form-layout-tight-labelled >*:last-child { width: 80%; flex-grow: 80; }
.form-layout-row.form-layout-narrow-labelled >*:last-child { width: 65%; flex-grow: 65; }
.form-layout-row.form-layout-medium-labelled >*:last-child { width: 50%; flex-grow: 50; }
.form-layout-row.form-layout-labelled >*:last-child { width: 50%; flex-grow: 50; }
.form-layout-row.form-layout-wide-labelled >*:last-child { width: 35%; flex-grow: 35; }
.form-layout-row.form-layout-broad-labelled >*:last-child { width: 20%; flex-grow: 20; }

.form-layout-button-row
{
	padding: 0.5em 0; text-align: center
}

.form-layout-button-row>*
{
	margin-left: 0.5em
}

.form-layout-button-row>*:first-child
{
	margin-left: 0
}

label.box { display: inline-block; padding: 0.2em 0.5em 0.2em 0; overflow: hidden; white-space: nowrap }
label.box>input:first-child { display: none }
label.box>span { display: inline-block; vertical-align: middle; user-select: none }
label.box>input + span
{
	width: 1em; height: 1em;
	background-color: #666; opacity: 0.5;
	background-size: contain; margin-right: 0.2em
}
label.box>span + span
{
	white-space: normal
}
label.box>input[type=checkbox] + span { border-radius: 0.2em }
label.box.box_on>input[type=checkbox] + span { background-image: url('/img/check.png'); opacity: 1 }
label.box>input[type=checkbox]:checked + span { background-image: url('/img/check.png'); opacity: 1 }
label.box.box_null>input[type=checkbox] + span { background-image: url('/img/radio.png'); opacity: 1 }
label.box>input[type=radio] + span { border-radius: 1em }
label.box>input[type=radio]:checked + span { background-image: url('/img/radio.png'); opacity: 1 }

fieldset.control { margin: 0; padding: 0.1em; box-sizing: border-box; border: 1px solid #aaa }
fieldset.control>* { margin: 0.1em !important; padding: 0.2em; box-sizing: border-box; display: inline-block; vertical-align: middle }

.script_error { box-shadow: 0 0 4px rgba(255,0,0,1) inset }

.survey_editor_component .list_highlight:hover { background: linear-gradient(#fff,#ddd) }
.survey_editor_component { font-family: Verdana,Arial,sans-serif; font-size:13px; color: #000000 }
.project_controller_element { font-family: Verdana,Arial,sans-serif; font-size:13px; color: #000000 }
.comment { border:1px solid #bbbbff; background: linear-gradient(#fff,#ddd) }


.error { color:#ff0000; font-weight:bold; text-transform:uppercase; }
.ti_image { margin-right:1px }
.ti_name { color:#0000aa }
.ti_variable { color:#0000aa }
.ti_label1 { color:#000000; font-weight:bold }
.ti_label2 { color:#000000; font-weight:bold }
.ti_extra1, .ti_extra2 { color:#000000 }
.ti_unknown { background: rgba(192,192,192,0.3) }
input.ti_id { color:#0000aa }
input.ti_var { color:#0000aa }
input.ti_expr, textarea.ti_expr { color:#5f0000 }
input.ti_text, textarea.ti_text { color:#5f5f5f }
input:invalid { outline:#ff0000 solid thin;color:#ff0000;}
textarea.ti_params { color:#5f005f }
textarea.ti_exprs { color:#5f5f00 }
textarea.ti_attribs { color:#009900 }
table.list { width: 100%; border-bottom: 1px solid #dddddd; white-space: nowrap }
table.list th { text-align: left; border-left: 1px solid #bbbbbb; padding-left: 4px; background: rgba(192,192,192,0.3) }
table.list th:first-child { border-left: none }
table.list td { background: transparent; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; padding: 1px; padding-left: 4px; cursor: pointer }
table.list td:first-child { border-left: none }
table.list tr:hover td { background: linear-gradient(#fff,#ddd); border-top: 1px solid #dddddd }
table.list tr.selected td { background: linear-gradient(#fff,#ddd); border-top: 1px solid #dddddd }

.property-body { vertical-align:top;min-width:30em;margin-right:15em;height:30em;margin-bottom:10pt;overflow:auto }
.property-body.property-module { height:auto;margin-top:1em;margin-right:0; }
.property-body fieldset legend { color:#777; padding:0.3em;}
.property-body fieldset { border:1px solid #aaa; padding-left:0.5em;margin-bottom:.5em; }

.property-menu { width:13em;float:right }
.property-line { padding: 0 0 .5em 0; }
.property-label { display:inline-block;width:30%;vertical-align:middle; }
.property-label.property-valign-top { vertical-align:top; }
.property-value { display:inline-block;width:70%;vertical-align:middle }
.property-image img { max-width:30em;margin: 3pt 0 0 0;border:1px dashed #777; }
.property-value >* { vertical-align:middle; }
input.property-value,textarea.property-value { box-sizing:border-box; }

.property-value input[type=checkbox] { margin-left:1em; }

.property-color input[type=color] { width:40pt;height:15pt;border:0;border-spacing:0; }

.property-multi-color input[type=color] { width:2em;height:2em;border:0;padding:0; }

.property-number span { margin:4pt }
.property-number input { width:50pt;text-align:right; }

.property-dimension span { margin:4pt }
.property-dimension input[type=number] { width:50pt;text-align:right; }
.property-dimension select { margin-left:15px;margin-right:15px; }

.property-text-area { min-height:60pt; }

.property-file-editor { height:30em; max-height: 100%; width:100%; }

.property-range { padding:1pt; border: 1px solid #bbbbbb; }
.property-range span { width:40pt;display:inline-block;text-align:right;vertical-align:middle; }
.property-range div { display:inline-block;vertical-align:middle;width:calc(100% - 46pt);padding:2px 3pt 0 3pt; }
.property-range div input { width:100%;box-sizing:border-box; }

button::-moz-focus-inner, 
select::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  margin: -0.2rem -0.9rem !important;
  border: 0 none !important;
}

.series-editor-container { position: relative }
.series-editor { position: relative; user-select: none; -webkit-user-select: none }
.series-anchored-editor { margin-bottom: 20px; border: 1px solid #dddddd  }
.series-tool button { padding: 0.1rem 0.7rem !important; font-size: 80%; margin: 0 0 0 0.2rem }
.series-tool button:first-child { margin-left: 1.5rem }
.series-tool button:last-child { margin-right: 1.5rem }
.series-list { position: relative }
.series-tail { height: 70px; position: relative; background: rgba(112,112,112,0.1); visibility: hidden }
.series-label { position: absolute; left: 10px; bottom: 10px; color: #a0a0a0; font-size: 14px; font-style: italic }
.series-anchor { display: none; position: absolute; right: 10px; bottom: 10px; color: #a0a0a0; font-size: 14px; cursor: pointer; text-decoration: underline }
.series-anchored-editor:hover .series-anchor { display: block }
.series-editor-opener { padding-left: 12px; color: #a0a0a0; font-size: 14px; cursor: pointer; text-decoration: underline; margin-bottom: 20px }

.series-editor-container:hover .series-tail { visibility: visible }
.series-editor:hover .series-tail { visibility: visible }
.series-list:hover+.series-tail { visibility: hidden }

.series-dock
{
	position: absolute; z-index: 2500; height: 10px; left: 50%;
	transition: height 0.1s ease 0.2s;
	-webkit-transition: height 0.1s ease 0.2s;
	transform: translateX(-50%); -webkit-transform: translateX(-50%);
	top: 0; border: 1px solid #b0b0b0; border-top-color: #e7e7e7; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;
	background: #ffffff url('/img/reveal-down.png') no-repeat center bottom; overflow: hidden; display: none;
}

.series-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000 }
.series-dock:hover+.series-cover, .series-cover:hover { background: rgba(112,112,112,0.1) }
.series-dock-hover-container:hover>.series-dock { display: block }
.series-item .series-item .series-dock { display: none }
.series-item .series-item .series-cover { display: none }
.series-item-invisible { display: none }

.series-item-toggle { cursor: pointer; position: absolute; z-index: 2510; top: 50%; width: 1rem; height: 1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.series-item-toggle-expand { background: transparent url('/img/lic.png') no-repeat left center }
.series-item-toggle-collapse { background: transparent url('/img/lio.png') no-repeat left center }

.series-item-level-0 > .series-item-toggle { left: 0rem }
.series-item-level-1 > .series-item-toggle { left: 1rem }
.series-item-level-2 > .series-item-toggle { left: 2rem }
.series-item-level-3 > .series-item-toggle { left: 3rem }
.series-item-level-4 > .series-item-toggle { left: 4rem }
.series-item-level-5 > .series-item-toggle { left: 5rem }
.series-item-level-6 > .series-item-toggle { left: 6rem }
.series-item-level-7 > .series-item-toggle { left: 7rem }
.series-item-level-8 > .series-item-toggle { left: 8rem }
.series-item-level-9 > .series-item-toggle { left: 9rem }
.series-item-level-10 > .series-item-toggle { left: 10rem }
.series-item.series-item-level-0 { padding-left: 0.75rem}
.series-item.series-item-level-1 { padding-left: 1.75rem}
.series-item.series-item-level-2 { padding-left: 2.75rem}
.series-item.series-item-level-3 { padding-left: 3.75rem}
.series-item.series-item-level-4 { padding-left: 4.75rem}
.series-item.series-item-level-5 { padding-left: 5.75rem}
.series-item.series-item-level-6 { padding-left: 6.75rem}
.series-item.series-item-level-7 { padding-left: 7.75rem}
.series-item.series-item-level-8 { padding-left: 8.75rem}
.series-item.series-item-level-9 { padding-left: 9.75rem}
.series-item.series-item-level-10 { padding-left: 10.75rem}

.series-dock-container .series-dock, .series-dock:hover { height: auto; background: #ffffff none no-repeat center bottom }
.series-dock-container .series-dock { display: block }
.series-dock-container .series-tool { display: block }
.series-dock:hover .series-handle { display: none }

.series-tool { margin: 0.25rem; text-align: center; white-space: nowrap }

.series-dock-hover-container .series-tool
{
	transition: opacity 0.1s ease 0s;
	-webkit-transition: opacity 0.1s ease 0s;
	opacity: 0
}

.series-dock-hover-container .series-dock:hover .series-tool { opacity: 1 }

.series-item { position: relative; min-height: 2.5em; cursor: default; overflow: hidden }

.series-cut-item { background: #a0a0c0 }
.series-copy-item { background: #a0c0a0 }
.series-forbidden-item { background: #c0a0a0 }
.series-cut-item:hover { background: #b0b0c0 }
.series-copy-item:hover { background: #b0c0b0 }
.series-forbidden-item:hover { background: #c0b0b0 }

.series-editor-layer-title
{
	position: absolute; top : 0; right: 0; height: 19px; left: 0;
	padding: 4px; text-align: center; font-weight: bold; color: #3f3f3f; background: #eee;
	border-bottom: 1px solid #ccc
}

.series-editor-layer-container
{
	position: absolute; top: 50px; right: 30px; bottom: 30px; left: 100px; background: #fff;
	box-shadow: 0 0 1px rgb(160,160,160), 0 0 3px 3px rgba(192,192,192,64)
}

.series-editor-layer
{
	position: absolute; top: 40px; right: 20px; bottom: 60px; left: 20px;
	border: 1px solid #ddd; overflow: auto
}

.series-editor-compound-layer
{
	position: absolute; top: 40px; right: 20px; bottom: 60px; left: 20px;
	padding: 1em; border: 1px solid #ddd; overflow: auto
}

.series-editor-layer-buttons
{
	position: absolute; right: 0; bottom: 0; left: 0;
	padding: 1.5em 20px 1em 20px; text-align: center
}

.menubar { z-index: 4750 }
.menubar a { cursor: pointer; white-space: nowrap; font-size: 10.5pt; user-select: none; -webkit-user-select: none; -moz-user-select: none }
.menubar ul ul { display: none; top: -100% }
.menubar ul li:hover > ul { display: block; z-index: 6000 }
.menubar ul { list-style: none; position: relative; display: block }
.menubar ul li { position: relative }
.menubar ul:after { content: ""; clear: both; display: block }

.menubar>ul { white-space: nowrap }
.menubar>ul>li
{
	float: left;
	transition: max-height 0.2s ease 0.3s;
	-webkit-transition: max-height 0.2s ease 0.3s;
	-moz-transition: max-height 0.2s ease 0.3s;
}

.menubar>ul>li>.menu-button { display: none }

.menubar.em-60->ul>li>.menu-button
{
	position: absolute; right: 0; top: 0; bottom: 0;
	min-width: 5em;
	display: block; z-index: 500
}

.menubar.em-60->ul>li>.menu-button>div { display: none }

.menubar.em-60->ul>li.portal-active>.menu-button>div, .menubar.em-60->ul>li.portal-placeholder>.menu-button>div
{
	display: inline-block;
	position: absolute; top: 50%; right: 0.3em;
	transform: translateY(-50%);
	border: 2px solid #fff;
	border-radius: 0.3em;
	padding: 0.2em
}

.menubar.em-60->ul>li.portal-active>.menu-button>div>span, .menubar.em-60->ul>li.portal-placeholder>.menu-button>div>span
{
	display: inline-block;
	vertical-align: middle;
	font-size: 120%;
	color: #fff;
}

.menubar.em-60->ul>li { float: none; max-height: 0; overflow: hidden; margin: 0; padding: 0 5rem 0 0 }
.menubar.em-60-:hover>ul>li { max-height: 5em }
.menubar.em-60-:focus>ul>li { max-height: 5em }

.menubar .overlay * { all: revert }

.series-editor .menubar.em-60->ul>li { max-height: none }
.series-editor .menubar { z-index: 500 }

.portal-editor-item.portal-editor-repr
{
	pointer-events: none
}

.portal-editor-item .portal-editor-debug
{
	text-align: center; font-style: italic; color: #666
}

.portal-editor-item .portal-editor-error
{
	padding: 1em; text-align: center; 
	font-weight: bold; color: #dd6666
}

.menubar.em-60->ul>li.portal-active
{
	max-height: none; pointer-events: none;
}

.menubar.em-60->ul>li.portal-placeholder
{
	max-height: none;
}

.menubar.em-60>ul { padding: 0 2rem }
.menubar.em-60>ul>li { float: left }

.menubar ul li a { display: block; padding: 0.6em 1em }
.menubar ul ul { position: absolute; top: 100% }
.menubar ul ul li { float: none; position: relative }
.menubar ul ul li a { padding: 0.6em 1em; color: #2f2f2f }	
.menubar ul ul li:not(.disabled) a:hover { background: #666; color: #fff }
.menubar ul ul li.portal-active>a { background: #666; color: #fff }
.menubar ul ul ul { position: absolute; left: 100%; top:0 }

.menubar.top
{
	border-bottom: 1px solid #bbb;
	background: linear-gradient(#fff,#ddd)
}

.menubar.left
{
	float: left; height: 100%;
	border-right: 1px solid #bbb;
	background: linear-gradient(left,#fff,#ddd);
	background: -webkit-linear-gradient(left,#fff,#ddd);
	background: -moz-linear-gradient(left,#fff,#ddd),
}

.menubar.left>ul { display: inline-block; padding: 0 }
.menubar.left>ul li { float: none; display: block }
.menubar.left ul li a { padding: 0.3em 1em }
.menubar.left ul ul { top: 0; left: 100% }

.menubar.right { float: right; height: 100% }
.menubar.right>ul { display: inline-block; padding: 0 }
.menubar.right>ul li { float: none; display: block }
.menubar.right ul li a { padding: 0.3em 1em }
.menubar.right ul ul { top: 0; right: 100% }
.menubar.right ul ul ul { left: auto; right: 100% }

.menubar ul ul { background: #eee; padding: 0; ; box-shadow: 0 0 1pt #444 }
.menubar ul li a { padding: 0.4em 1em; color: #2f2f2f; text-decoration: none }
.menubar ul ul li { min-width: 8em }
.menubar ul ul li a { padding: 0.3em 1em }
.menubar ul>li:not(.disabled):hover { background: #666 }
.menubar ul>li:not(.disabled):hover>a { color: #fff }
.menubar li.disabled a { color: #aaa }
.menubar li img { float:left; position: absolute; left: -1px; top: 6px }
.menubar ul li.portal-active { background: #444 }
.menubar ul li.portal-active>a { color: #fff }
.menubar ul li.portal-active:hover { background: #666; color: #fff }
.menubar ul>li.part:hover { background: none }
.menubar.top ul>li.part:last-child { float: right; }