html {
    background: url("/ui/admin/background.png") repeat-x top left;
    padding: 20px;
}

html.embedded {
    background: none;
    padding: 10px;
}

div.embedded {
    border: thin solid black;
    padding: 10px;
}

body {
    font-family: verdana, arial, sans-serif;
    font-size: small;
    min-width: 610px;
    max-width: 90%;
    margin: 0 auto;
    border: 1px solid #d9dbfc;
    background: #ffffff;
    overflow-y: scroll;
}

.none { color: grey; font-style: italic }
.unset {
    color: red;
    text-transform: uppercase;
}
.active { color: green; }
.inactive { color: red; }
.placeholder {
    color: #888;
    font-style: oblique;
}

.pre {
    white-space: pre;
    font-family: menlo regular, bitstream vera sans mono, lucida console, monospace;
}
.monospace, pre {
    font-family: menlo regular, bitstream vera sans mono, lucida console, monospace;
}

.nowrap {
    white-space: nowrap;
}

.filter {
    margin-bottom: 10px;
}
.filter input {
    vertical-align: middle;
}
.filter img {
    vertical-align: middle;
    margin-left: 3px;
    height: 32px;
}

.validation-error {
    color: #ff0000;
    margin-left: 10px;
}

p.disabled, .not-applicable, span.disabled {
  color: #aaa;
}

.feature-added {
    font-style: italic;
}

a, div.node-list li {
    color: black;
}
a, div.node-list li, .hotspot, .toggle, .feature-added {
    text-decoration: none;
    cursor: pointer;
}
a img {
    border: none;
}
.hotspot img {
    padding-left: 3px;
    vertical-align: middle;
}
.hotspot.button {
    font-size: smaller;
}
a.highlight, a:hover, .hotspot:hover, .toggle:hover, .feature-added:hover {
    color: #369;
}
.hotspot.disabled:hover {
    cursor: inherit;
    color: inherit;
}
.hotspot.disabled.none:hover {
    color: grey;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 0.2em 0;
    font-family: verdana, arial, sans-serif;
}

#content {
	margin: 1em;
}

#content h2, #content table {
    clear: both;
}

#header {
    background: #ffffff;
    position: relative;
    min-height: 63px;
    height: 3em;
    padding: 15px 0;
    margin-bottom: 10px;
}

.hierarchy, .attr-list {
    padding-right: 10px;
}

.h-resizable {
    border-right: thin solid #ddd;
    min-width: 150px;
    overflow-x: auto;
}
.v-resizable {
    overflow-y: auto;
}

#user-info {
    color: #1e1e1e;
    font-size: smaller;
}
#user-info a {
    padding-top: 5px;
    padding-right: 40px;
    color: #1e1e1e;
    text-decoration: underline;
}
div#help {
    position: absolute;
    top: 0;
    right: 100%;
    margin: 0;
    padding: 5px 10px 0 0 !important;
}
div#help img {
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    height: 25px;
}
.help-info:hover {
    cursor: help;
}

#header h1 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 2px;
    height: 8px;
    z-index: 100;
}

#header ul {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
	right: 0;
    margin: 0;
	padding: 0;
    list-style: none;
    z-index: 90;
    border-bottom: 1px solid #a3a3a3;
}

#header li {
    float: left;
    border-right: 1px solid #a3a3a3;
    border-top: 1px solid #a3a3a3;
    background: red;
}

#header ul a {
    float: left;
    display: block;
    padding: 4px 10px;
    background: #e6e5e6 url("/ui/admin/tab_background.png") repeat-x top left;
    font-weight: bold;
    font-size: 8pt;
    color: #1e1e1e;
    text-decoration: none;
}

#header ul li:hover { background-position: 100% -400px; }
#header ul li:hover a { background-position: 0% -400px; }

#header div {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 12px 20px 0;
}

#changes {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 1000;
    padding: 5px 10px 10px 33px;
    text-align: right;
    min-height: 5em;
    margin: 0 -1em 10px 0;
    background: #f9e5e5 url("/ui/admin/exclamation.png") 15px/10px no-repeat;
}

#changes form {
    display: inline;
}

div.no-search { }

#errors {
    border: 2px solid red;
    padding: 15px;
    margin-bottom: 10px;
    color: red;
    font-weight: bold;
    clear: right;
}

.attention {
    color: #d50403;
    background: #ffffff;
    border: 1px solid #a3a3a3;
    padding: 1em;
}

h2 .click-to-edit {
    font-size: 0.9em;
}

h4#node-description:empty {
    display: none;
}
h4#node-description {
    background-color: #eee;
    color: #777;
    border: 1px solid #a3a3a3;
    border-radius: 8px;
    padding: 5px;
}
#node-dates dd, #node-dates dt {
    padding: 2px;
}
#node-dates dd {
    font-style: italic;
}
#node-dates dd:empty {
    color: #888;
}
#node-dates dd:empty::before {
    content: "<not saved>";
}

dl.properties dt {
    float: left;
    min-width: 100px;
    padding-right: 10px;
}

li.active-tab a {
    background: #ffffff !important;
    color: #ac0305 !important;
}
li.active-tab {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

#search #actions {
    margin-bottom: 5px;
}

#back {
    padding-top: 5px;
    font-size: smaller;
    clear: left;
}

table th { font-size: smaller; padding-left: 10px; padding-right: 10px; }
table td.checkable { text-align: center }

span.locked {
    background: url("/ui/admin/locked-27x30.png") no-repeat left center;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: -9px;
    margin-right: 3px;
}

#login #content {
	margin: 0 auto;
	width: 564px;
}
#login #content form {
	background: #e9f4fd;
	padding: 1px 15px 20px 15px;
}
#login #content h2 {
	color: #636464;
}
#login #content input {
	background: #fefefe;
	border: 1px solid #c0c0c0;
}

form.aligned p {
	width: 275px;
	clear: left;
}
form.aligned label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
}

form.aligned input.text {
	margin-left: 10px;
	width: 150px;
}
form.aligned select {
	margin-left: 10px;
	width: 154px;
}
/* ----------------------------------------------------------------- */

#toggle-search-lists {
    font-size: smaller;
    float: right;
    padding: 7px 15px;
    background-color: white;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
#search-lists {
    display: none;
}
#exportable-search {
    margin: 0;
    padding: 0;
}
#search-export {
    margin-top: -12px;
}
#search-export > div:first-child {
    position: relative;
    margin: 15px 10px 5px 10px;
    padding-top: 5px;
    border-top: thin dashed #ccc;
}
#search-export > div > span.ui-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -6px;
}
#search-export > div > a {
    font-size: smaller;
    padding-left: 22px;
}
#search-export .export-spec {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    border: thin solid #eee;
    background-color: #fcfcfc;
}
#search-export .export-spec td.export-attr {
    padding-right: 20px;
}
#search-export .export-spec p:first-child {
    margin-top: 0;
}
#core-fields span {
    padding-right: 20px;
}
hr {
    margin-top: 20px;
    border-left: none;
    border-right: none;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #eee;
    height: 2px;
    width: 85%;
}
.search-list {
    min-height: 2em;
    max-height: 10em;
    padding: 2px 5px !important;
    overflow: auto;
}
.search-list > span {
    display: block;
    padding: 3px;
    margin: 0;
}
#load-more-results {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    background-color: #eee;
}
#load-more-results span {
    display: block;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: url("/ui/admin/tree/spinner.gif") no-repeat 5px center;
}

/* user/account search results */
#search-results.columnize > .columnize-row > .result:hover h3 {
    color: #369;
}
#search-results.columnize > .columnize-row > .result {
    padding-left: 5px;
    padding-right: 55px;
    max-width: 250px;
    cursor: pointer;
}
#search-results.columnize > .columnize-row {
    margin-bottom: 30px;
}
#search-results .result p {
    font-size: smaller;
}
#search-results .result p.changed,
#search-results .result p.deleted,
#search-results .result p.new {
    color: red;
}

/* ----------------------------------------------------------------- */

.ui-filterable-filtered {
    display: none !important;
}
table.ui-editabletable.ui-editabletable-buttons-below {
    margin-bottom: 20px;
}
div.ui-editabletable-buttons {
    padding-top: 5px;
    padding-left: 10px;
}
div.ui-editabletable-buttons span {
    font-size: smaller;
}
div.ui-editabletable-buttons span img {
    vertical-align: middle;
    padding-left: 5px;
}
#dialog-new-attribute input {
    width: 75%;
}
.main.attributes th {
    font-size: inherit;
    padding-left: 0;
}
.attributes td {
    padding-right: 10px;
    vertical-align: middle;
}
.attributes th {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}
.attributes img {
    vertical-align: middle;
}

.hidden { display: none; }

table.attributes input.text {
    width: 30em;
}
table.attributes caption {
    white-space: nowrap;
    padding-bottom: 5px;
}
.new-attribute-section {
    font-size: smaller;
}
.real-section-name {
    font-style: oblique;
}

/* ----------------------------------------------------------------- */
div.permission-set {
    display: inline-block;
    margin-right: 70px;
    clear: left;
    vertical-align: top;
}
#other-permissions td {
    vertical-align: top;
    padding-right: 20px;
    line-height: 140%;
}
div.permission-set ul {
    list-style: none inside;
    padding-left: 0;
}
div.permission-set ul ul {
    padding-left: 22px;
}
div.permission-set li {
    padding-top: 3px;
}
#other-permissions span {
    padding-right: 15px;
    padding-bottom: 2px;
}
div.permission-set span, #other-permissions span {
    margin-left: 0px;
    padding-left: 20px;
    white-space: nowrap;
    background: url(/ui/admin/perm-unchecked.png) no-repeat center left;
    cursor: pointer;
}
div.permission-set span.inherited, #other-permissions span.inherited {
    background: url(/ui/admin/perm-inherited.png) no-repeat center left;
}
div.permission-set span.selected, #other-permissions span.selected {
    background: url(/ui/admin/perm-checked.png) no-repeat center left;
}
div.permission-set span.blocked, #other-permissions span.blocked {
    background: url(/ui/admin/perm-blocked.png) no-repeat center left;
}
#permission-account-inheritance {
    margin-top: 20px;
    margin-right: 30px;
    float: right;
    max-width: 280px;
    border: thin dotted black;
    padding: 10px;
}
#permission-account-inheritance h4 {
    margin-top: 0;
}
#show-key {
    text-align: right;
    font-size: smaller;
    margin: -7px 15px 5px;
    float: right;
    cursor: pointer;
    background-color: #f9f9f9;
}
#show-key span {
    border-bottom: thin solid lightGrey;
    border-left: thin solid lightGrey;
    border-right: thin solid lightGrey;
    padding: 5px 15px;
    background-color: #f9f9f9;
    z-index: 0;
}
#permissions #key {
    clear: both;
    display: none;
    border: thin solid lightGrey;
    border-top: none;
    padding: 10px;
    margin: -12px 0 11px;
    background-color: #f9f9f9;
}
#permissions #key img {
    vertical-align: middle;
}
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* multi-column side-by-side stuff */

/* FIXME: use a class for these things */

div#req-level-details, div#catalogue-results, div#exceptions, div#store-details , div#attr-info {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding-left: 15px;
    overflow: auto;
}
div.multicolumn { clear: both; display: table }
.multicolumn .wrapper { display: table-row }
/* ----------------------------------------------------------------- */

#translations, #customise-cat-attrs, #punchout-identities, .product-chooser {
    max-height: 400px;
    overflow: auto;
    border-style: inset;
}
#translations .inherited {
    color: #bbb;
}
textarea.translation {
    width: 40em;
    height: 4em;
    overflow: auto;
}
#add-translation {
    margin-top: 10px;
}

/* ----------------------------------------------------------------- */
iframe#conversions {
    width: 100%;
    height: 200px;
    overflow: auto;
    border: none;
    margin-top: 20px;
}
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* CATALOGUE TAB STARTS HERE */

.real-content {
    clear: both;
}

div.multicolumn div#node-data {
    padding: 10px;
    width: 95%;
    border: none;
}

#keep-node-details {
    padding-top: 5px;
}
div#node-sections {
    padding-bottom: 5px;
}
span#node-views {
    float: right;
    margin-top: -2em;
    font-size: smaller;
    display: none;
}
#dialog-new-product .attr-name {
    text-transform: capitalize;
}

.node-link {
    color: black;
    white-space: nowrap;
}
.node-link.folder {
    padding-left: 20px;
    background: url(/ui/admin/tree/folder.png) no-repeat center left;
}
.node-link.item {
    padding-left: 20px;
    background: url(/ui/admin/tree/file.png) no-repeat center left;
}
.node-link.ui-draggable-dragging {
    color: black;
}

/* ----------------------------------------------------------------- */
/* cat visibility */

#account-exceptions {
    border: thin solid #ddd;
    padding: 10px;
    width: 50%;
    display: inline-block;
}

#account-exceptions div {
    height: 10em;
    overflow: auto;
}

#account-exceptions table {
    width: 100%;
    border-collapse: collapse;
}
#account-exceptions td {
    width: 100%;
    padding: 3px;
}
#edit-account-exceptions {
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

#dialog-analyse-orderability #analysis-results .analysis-section {
    border: thin solid #ddd;
    margin: 5px;
    margin-top: 10px;
    padding: 5px 10px;
}
#dialog-analyse-orderability #analysis-results .analysis-section h5 {
    margin-top: 0;
    padding-bottom: 2px;
    border-bottom: thin dashed #ddd;
    font-weight: normal;
    font-style: oblique;
    font-size: larger;
}
#dialog-analyse-orderability .analysis-section table {
    width: 100%;
}
#dialog-analyse-orderability .analysis-section td.small {
    width: 1%;
    padding-right: 30px;
    white-space: nowrap;
}
#dialog-analyse-orderability .analysis-section td.status {
    background-image: url("/ui/admin/bad.png");
    background-position: left;
    background-repeat: no-repeat;
    width: 30px;
}
#dialog-analyse-orderability .analysis-section td.status.good {
    background-image: url("/ui/admin/good.png");
}
#dialog-analyse-orderability .analysis-section td.status.undecided {
    background-image: none;
}

/* ----------------------------------------------------------------- */
#catalogue-attrs {
    margin-top: 10px;
}
#catalogue-attrs .attr-search {
    padding-right: 10px;
}
#catalogue-attrs #attr-list {
    overflow: auto;
    border: thin dotted black;
    min-height: 100px;
    max-height: 300px;
    padding: 5px;
    height: 100%;
}
#catalogue-attrs #create-attr img {
    vertical-align: middle;
    padding-right: 5px;
}
#search-attrs .ui-collapse-content {
    padding: 0.5em 0em;
}
#attr-list {
    min-width: 230px;
}
#attr-list .presets {
    padding-left: 4px;
    font-size: smaller;
    white-space: nowrap;
}
#attr-list .presets img {
    vertical-align: middle;
}
#attr-list table {
    width: 100%;
}
#attr-list td {
    font-size: x-small;
}
#attr-list .in-preset {
    text-align: center;
    padding-right: 0;
}
#attr-list th {
    text-align: center;
    font-weight: normal;
    font-size: x-small;
    max-width: 50px;
    padding-right: 0;
    padding-left: 0;
}
#attr-info fieldset {
    border: thin solid #ddd;
    margin-bottom: 20px;
}
#attr-name span.hotspot {
    font-weight: bold;
}
#attr-type {
    font-style: italic;
}
#attr-inherited td, #attr-units td {
    padding-top: 15px;
}
#attr-flags input {
    margin-right: 25px;
}
#restricted-values {
    width: 80%;
    height: 8em;
    margin-right: 10px;
}
#delete-restrictions {
    vertical-align: top;
}

/* ----------------------------------------------------------------- */
#node-locations img.remove-from-view {
    margin-left: 30px;
}
#node-locations p.add-to-view {
    margin-bottom: 0;
    margin-top: 0;
}
#node-locations img {
    vertical-align: middle;
    margin-left: 10px;
}
#node-locations th {
    padding-left: 0;
}
#node-locations table {
    margin-bottom: 1em;
}

/* ----------------------------------------------------------------- */
#string-list-attributes input.text {
    width: 30em;
}
#add-standard-attribute {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
#update-node-standard-attributes span.has-units input {
    margin-right: 5px;
}
div.search-attributes-to-add {
    margin-top: -5px;
    margin-bottom: 5px;
}
div.attributes-to-add {
    border: thin solid black;
    padding: 3px;
}
div.attributes-to-add > div {
    min-height: 10em;
    max-height: 15em;
    overflow: auto;
}
div.attributes-to-add table {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    border-spacing: 0;
    border-collapse: collapse;
}
div.attributes-to-add thead tr.header th {
    border-bottom: thin solid #aaa;
    text-align: center;
    padding: 3px;
}
div.attributes-to-add thead {
    display: none;
}
div.attributes-to-add tbody tr {
    cursor: auto;
}
div.attributes-to-add.has-attrs tbody tr {
    cursor: pointer;
}
div.attributes-to-add.has-attrs thead {
    display: table-header-group;
}
div.attributes-to-add thead tr.space {
    height: 5px;
}
div.attributes-to-add tbody td {
    white-space: nowrap;
    vertical-align: top;
}
div.attributes-to-add tbody tr.ui-selected {
    width: 100%;
}
div.attributes-to-add table tbody td.attr-name {
    border-right: thin solid #aaa;
}
div.attributes-to-add tbody td.attr-type {
    text-align: center;
}
div.attributes-to-add.has-attrs tfoot td {
    border-right: thin solid #aaa;
}
div.attributes-to-add tr.no-attrs, .ui-selectable tr.no-rows {
    text-align: center;
    font-style: italic;
    color: #ccc;
    cursor: auto;
}
.ui-selectable .ui-selectee {
    cursor: pointer;
}

/* ----------------------------------------------------------------- */
div.full-list-value > table, div.full-list-value form > table {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.add-list-attr-value, #add-string-list-attr, #add-node-list-attr {
    font-size: smaller;
}
td.list-values {
    border: thin solid #ccc;
    width: 100%;
    overflow: auto;
}
td.list-values table {
    width: 100%;
}
td.list-values table td.remove-list-attr-value {
    width: 100%;
}
td.list-values.inherited > span {
    display: block;
}
td.list-values .remove-list-attr-value a {
    margin-left: 10px;
}
td.list-values.inherited {
    color: #bbb;
    padding: 5px 7px;
    font-style: italic;
}
td.node-list-values.inherited .node-link {
    color: #bbb !important;
}
td.list-values table {
    border-spacing: 0;
}
td.list-values td input {
    margin-left: -2px;
}
td.list-values table td {
    padding: 2px 7px;
    white-space: nowrap;
}
td.inheritance-location {
    padding-left: 10px;
    font-size: smaller;
    vertical-align: middle;
    line-height: 150%;
}
td.inheritance-location span {
    white-space: nowrap;
}

/* ----------------------------------------------------------------- */
#catalogue-export > h5:first-child {
    margin-top: 0;
}
#catalogue-export > h5 {
    margin-top: 30px;
}
.export-info {
    border: thin solid #ccc;
    width: 100%;
    height: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.export-info thead td {
    padding: 2px 5px;
    font-family: verdana, arial, sans-serif;
    font-size: x-small;
    font-weight: normal;
    border: thin solid #ccc;
    background-color: #eee;
    text-align: center;
}
.export-info thead td.node {
    width: 70%;
    text-align: left;
}
.export-info td {
    padding: 2px 5px;
}
.export-info td.export-range, .export-info td.remove-export {
    text-align: center;
}
.export-info tbody tr.padding:first-child td {
    height: 1.75em;
}
.export-info tbody tr.padding td {
    height: 0;
    padding: 0;
    margin: 0;
}
#run-export {
    margin-top: 10px;
}
#exported-views {
    border: thin solid #ccc;
}
/* CATALOGUE TAB ENDS HERE */
/* ----------------------------------------------------------------- */
/* USER TAB STARTS */

#user-data h2 {
    margin-bottom: 15px;
}

#change-password > span {
    display: inline-block;
    vertical-align: middle;
}
#change-password span.separator {
    padding-left: 20px;
    padding-right: 20px;
}

#update-user-access input[type=checkbox] {
    margin-left: 0;
}

/* ----------------------------------------------------------------- */
table.accounts {
    margin: 15px 0;
    padding-left: 0;
    padding-right: 0;
    border-collapse: collapse;
    width: 100%;
}
table.accounts tr.header th {
    padding-left: 0px;
    text-align: left;
    font-size: 11pt;
}
table.accounts td.remove {
    text-align: right;
}
table.accounts .account-specific-attrs > div {
    margin-bottom: 20px;
}
#default-account {
    margin-bottom: 10px;
}
#standard-account-membership {
    margin-bottom: 5px;
}
#other-account-memberships-header {
    margin-bottom: 10px;
}
.other-account-membership img {
    vertical-align: middle;
    margin-right: 30px;
}
.other-account-membership span.account {
    display: inline-block;
    margin-right: 50px;
}

#history .user-link:first {
    margin-top: 5px;
}
.user-link, .account-link, .order-link, .find-session {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 27px;
    cursor: pointer;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.user-link {
    background-image: url("/ui/admin/user.png");
}
.order-link {
    background-image: url("/ui/admin/tree/file.png");
}
.find-session {
    background-image: url("/ui/admin/shortcut.png");
}
/* USER TAB ENDS HERE */
/* ----------------------------------------------------------------- */
/* ACCOUNT TAB STARTS */

#account-data h2 {
    margin-bottom: 15px;
}

#history .account-link:first {
    margin-top: 5px;
}
.account-link {
    background-image: url("/ui/admin/account.png");
}
#acc-parent-link {
    background-image: url("/ui/admin/shortcut.png");
    margin-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
}
#req-levels .default {
    color: #888;
    font-style: oblique;
}
#req-levels {
    float: left;
}
#req-level-details h3 {
    margin-top: 0;
}
#new-final-approval-level {
    padding-right: 15px;
}
.req-level div.approvers > div, .req-level div.requisitioners > div {
    background-color: #f7f7f7;
    max-height: 300px;
    overflow: auto;
    border: thin solid #aaa;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
#req-user-list table {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    border-spacing: 0;
    border-collapse: collapse;
}
div#req-user-list {
    border: thin solid black;
    padding: 3px;
    max-height: 15em;
    overflow: auto;
}
#search-req-user-list {
    margin-bottom: 5px;
}
#update-account-logo img {
    cursor: pointer;
}
/* ACCOUNT TAB ENDS HERE */
/* ----------------------------------------------------------------- */
#requisitioners {
    margin-left: -100%;
    margin-top: -20px;
    left: -30px;
    float: left;
    position: relative;
}

#requisitioners-group {
    border: thin dashed black;
    padding: 10px;
    margin-left: 50%;
}
/* ----------------------------------------------------------------- */

#set-exchange-rates .apply-changes {
    margin-bottom: 10px;
}

#vat-rate-periods .rate-details {
    border: thin solid #ddd;
    padding: 10px;
    margin: 5px 0;
}

.vat-rates {
    margin-top: 10px;
}
.vat-rates tr td {
    text-align: center;
}
.deleted-vat .start-date, .deleted-vat .end-date {
    text-decoration: line-through;
}
/* ----------------------------------------------------------------- */

.request-status {
    white-space: pre;
}
#stores {
    margin-right: 20px;
}
#stores li {
    white-space: nowrap;
    font-size: smaller;
}
#store-details .ui-progressbar {
    max-width: 75%;
}
#store-details ol {
    list-style-type: lower-roman;
}
#session-dump {
  width: 95%;
  overflow: auto;
  border: thin solid black;
  padding: 5px;
}

div.tasks p {
    margin-top: 0;
}
div.tasks table {
    border: thin solid #aaa;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 10px;
    padding: 5px;
}
div.tasks tr.first {
    background-color: #ddd;
}
div.tasks tr.first th {
    padding: 10px;
    font-weight: normal;
    font-size: 10pt;
    text-align: left;
    border: thin solid #aaa;
}
div.tasks tr.task td {
    padding: 5px 10px;
}
div.tasks tr.first th.first, div.tasks tr.task td.scheduled-time {
    border-right: thin solid #aaa;
}
div.tasks tr.task td.scheduled-time, div.tasks tr.task td.fail-time {
    font-style: italic;
    white-space: nowrap;
}
table#running-tasks tr.first th, table#running-tasks tr.task td {
    border-right: thin solid #aaa;
}
table#running-tasks tr.first th.last, table#running-tasks tr.task td.last {
    border-right: 0;
}
table#running-tasks .abort img {
    vertical-align: middle;
    padding-left: 20px;
}
#failed-tasks {
    margin-top: 25px;
}
#failed-tasks td.failure {
    width: 100%;
}
#failed-tasks td.failure img, table#failed-tasks .view-stack {
    vertical-align: middle;
}
#failed-tasks div.error-msg {
    margin-bottom: 10px;
}
#failed-tasks td.failure span.buttons {
    float: right;
    padding-left: 15px;
    vertical-align: middle;
}
#failed-tasks td.failure span.buttons a {
    padding-left: 5px;
}
.ui-progressbar .pblabel {
    font-size: small;
    font-style: italic;
    line-height: 2em;
    padding: 0 1em;
}
.ui-progressbar {
    position: relative;
    margin: 2px 10px;
    min-width: 200px;
    z-index: 2;
}
.ui-progressbar .ui-progressbar-value {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: -1;
}

.feedback {
    width: 35px;
    height: 25px;
    vertical-align: middle;
    background-position: 10px center;
    background-repeat: no-repeat;
    display: inline-block;
}
.feedback.good {
    background-image: url("/ui/admin/good.png");
}
.feedback.bad {
    background-image: url("/ui/admin/bad.png");
}

span.bean-name {
    width: 200px;
    display: inline-block;
}

/* ----------------------------------------------------------------- */
/* collapsing sections */

h5.ui-collapse-header {
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}
.ui-collapse-content .ui-collapse-header, .ui-collapse.plain .ui-collapse-header {
    background: inherit;
}
.ui-collapse-content p:first-child {
    margin-top: 0;
}
.ui-collapse-content p:last-child {
    margin-bottom: 0;
}

.ui-collapse { width: 100%; margin-bottom: 10px; }
.ui-collapse .ui-collapse-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}
.ui-collapse .ui-collapse-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-collapse .ui-collapse-header a {
    display: block;
    font-size: x-small;
    padding: .5em .5em .5em .7em;
}
.ui-collapse-icons .ui-collapse-header a { padding-left: 2.2em; }
.ui-collapse .ui-collapse-content {
    padding: 1em;
    border: thin dotted lightGrey;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
    font-size: small;
}
.ui-collapse-content-active {
    display: block;
}
.ui-collapse span.ui-collapse-loading {
    background-image: url("/ui/admin/tree/spinner.gif");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: 5px;
}

#view-properties .ui-collapse-content {
    padding: 0.5em 0em;
}
.ui-collapse-content .apply-changes {
    margin-bottom: 0;
    padding-left: 0.5em;
}
.ui-collapse-header .buttons {
    float: right;
}
.ui-collapse-header .buttons img {
    vertical-align: middle;
    height: 15px;
    margin-top: -3px;
    padding-left: 10px;
    cursor: pointer;
}
/* ----------------------------------------------------------------- */
.ui-resizable-n, .ui-resizable-s { cursor: ns-resize !important; }
.ui-resizable-e, .ui-resizable-w { cursor: ew-resize !important; }
.ui-resizable-se, .ui-resizable-nw { cursor: nwse-resize !important; }
.ui-resizable-ne, .ui-resizable-sw { cursor: nesw-resize !important; }
.ui-resizable-handle {
    z-index: auto !important;
}

/* ----------------------------------------------------------------- */
.ui-dialog .ui-icon-info, .ui-dialog .ui-icon-alert {
    float: left;
    margin: 0 7px 40px 0;
}
.dialog {
    display: none;
}
.dialog fieldset {
    border: thin solid #ddd;
    margin-top: 5px;
    padding: 10px;
}
.dialog legend {
    padding: 0 5px;
}
.dialog input.text {
    width: 95%;
}
.dialog label {
    display: block;
}
.dialog label.validation-error {
    margin-top: -10px;
}
.dialog .error a {
    color: #00f;
}
.dialog .highlight {
    color: #999;
}
.dialog a.highlight {
    color: #369;
}
.ui-dialog-buttonpane button.disabled {
    color: #bbb;
}
.ui-dialog-buttonpane button.left {
    position: absolute;
    left: 1em;
}
/* ----------------------------------------------------------------- */

.sorter-helper-wrapper {
    line-height: 2em;
}
.ui-sorter-placeholder {
    background-color: #eee;
}
/* ----------------------------------------------------------------- */

.ui-selected {
    background-color: #ccc;
}
.ui-selecting {
    background-color: #eee;
}

/* ----------------------------------------------------------------- */
div#site-links {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f7f7f7;
    border-top: thin solid #ccc;
    font-size: x-small;
    text-align: center;
    padding: 10px 0 10px 0;
    z-index: 20000;
    font-family: verdana, arial, sans-serif;
}
/* ----------------------------------------------------------------- */
dl#order-properties dd {
    margin-top: 5px;
    margin-bottom: 5px;
}
dl#order-properties .account-link, dl#order-properties .user-link {
    padding-top: 0;
    padding-bottom: 0;
}
table.basket-details {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    border-collapse: collapse;
}
table.basket-details th {
    background-color: #f7f7f7;
    border-top: thin solid #d3d3d3;
    border-bottom: thin solid #d3d3d3;
}
table.basket-details thead {
    border: thin solid #d3d3d3;
}
table.basket-details tbody td {
    border: thin solid #d3d3d3;
}
table.basket-details td, table.basket-details th {
    padding: 0.5em 1em;
}
table.basket-details td {
    border-right: thin solid #d3d3d3;
}
table.basket-details th.description {
    width: 75%;
}
table.basket-details td.number, table.basket-details th.number {
    text-align: center;
}
table.basket-details td.price, table.basket-details th.price {
    text-align: right;
}
table.basket-details tfoot td.price {
    border: thin solid #d3d3d3;
}
table.basket-details dd.payment {
    text-transform: capitalize;
}

#json-editor, #json-attribute-editor {
    height: 800px;
}