/**//* General properties */

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: x-small;

    background-color: #fff;
    color: #000;

    /* required for fake fixed elements in IE 6 and below */
    _background-image: url(/i/1x1.gif);
    _background-attachment: fixed;
}

a, a:visited {
    color: #0019ff;
}

a:hover {
    color: #d60;
}

h1 {
    font-size: 175%;
}

h2 {
    font-size: 140%;
}

h3 {
    font-size: 120%;
}

table {
    empty-cells: show;
}

form {
    margin: 0;
    padding: 0;
}

.heading {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
    padding: 0.5ex 0.5em;
    vertical-align: middle;
    background-color: #039;
    color: #fff; /* inverted */
}

.heading a {
    text-decoration: none;
    color: #fff; /* inverted */
}

/* Navigation header */

#header {
    margin: 0;
    padding-top: 43px;
    background-color: #ccf;
    border-bottom: 1px solid #fff; /* merge border with content background */
    overflow: hidden; /* to avoid scrollbars because of tabs and wizard tabs extended width */

    /* fake fixed position for IE 6 and below */
    _position: absolute;
    _left:  expression(scrollLeft-scrollLeft+document.documentElement.scrollLeft);
    _top:   expression(scrollTop-scrollTop+document.documentElement.scrollTop);
    _width: expression(document.documentElement.clientWidth);
    _z-index: 1900;
}

/* new broswers with position:fixed support and child selectors */
body > div#header, body > form > div#header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
}

.nav {
    margin: 0 300px 0 0;
    padding: 0;

    color: #039;
}

.nav h1, .nav h2 {
    display: inline;
    white-space: pre;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.nav h1 {
    font-size: 140%;
    font-weight: bold;
}

.nav h2 {
    font-size: 130%;
    font-weight: normal;
}

.nav a, .nav a:link, .nav a:visited {
    text-decoration: none;
    padding: 0 0.6em;

    color: #039;
}

.nav a:hover, .nav a:active {
    text-decoration: underline;
    color: #d60;
}

/* Navigation tabs */

#tabs {
    position: relative; /* to allow absolute-positioned children */
    padding-left: 1em;
    height: 5em;
    width: 1000em;
    border-bottom: 1px solid #039;
}

#tabs ul {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
}

#tabs li {
    display: inline;
    list-style: none;
}

#tabs a, #tabs a:link, #tabs a:visited, #tabs span {
    display: block;
    float: left;
    padding: 4px 1em;
    margin: 1px 0 0 0.4em;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid;
    border-bottom: none;
    color: #039;
}

#tabs span, #tabs .current a, #tabs .current a:link, #tabs .current a:visited, #tabs .current a:hover {
    padding-bottom: 6px;
    margin-top: 0;

    border-color: #039;
    background-color: #fff;
}

#tabs a {
    background-color: #99f;
    border-color: #039;

    -moz-user-select: none; /* mozilla only */
}

#tabs a:hover {
    margin-top: 0;
    padding-bottom: 5px;

    background-color: #bfddff;
    border-color: #039;
}

#tabs .back a, #tabs .back a:link, #tabs .back a:visited, #tabs .back span {
    margin: 1px 0;
    padding: 3px 0.4em;
    font-weight: normal;
    border: 1px solid #ccf;
    background-color: #ccf;
    color: #039;
}

#tabs .back span {
    cursor: default;
    color: #ccf;

    -moz-user-select: none; /* mozilla only */
}

#tabs .back a:hover {
    /* override default tab rising behaviour */
    margin: 1px 0;
    padding: 3px 0.4em;
    border-color: #039;
    color: #000;
    background-color: #ffc480;
}

.tab-popup {
    display: none;
    visibility: hidden;
    position: fixed;
    z-index: 1903;

    background-color: #eee;
    border-style: solid;
    border-color: #039;
    border-width: 2px 1px 1px 1px;
    cursor: pointer;
}

.tab-popup .choice {
    margin: 1.5ex 1em;
    font-size: 110%;
}

.tab-popup-blend {
    position: absolute;
    left: 0;
    top: -2px;
    height: 2px;
    line-height: 2px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #eee;
}

#tabs a.tab-opened {
    background-color: #eee;
    margin-top: 0;
    padding-bottom: 5px;
}

#tabs a.tab-opened:hover {
    background-color: #bfddff;
}

/* Page content */

#page {
    clear: both;
    margin: 0;
    padding: 1em;
}

#page .frm, #page h1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#content {
    clear: both;
    margin: 111px 0 0 0;
    padding: 1em;
    z-index: 100;
    background-color: #fff;
}

.content-columns#content {
    /* columns will define their own padding */
    padding-left: 0;
    padding-right: 0;
}

form #content {
    /* provide additional space for wizard tabs */
    margin-top: 134px;
}

form #tabs span {
    background-color: #eee;
}

/* vertical centering on the page*/
#centered {
    width: 100%;
    height: 100%;
}

#centered tr {
    height: 90%;
}

.left-column {
    padding: 0;
    background-color: #ccf;
    border: 1px solid #039;
    border-left-width: 0;
}

.right-column {
    padding: 0 0 0 1em;
    border-bottom: 1px solid #039;
}

.side-nav {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    margin: 0.6em 0 0.6em 0.6em;
    padding: 0;
}

.side-nav li {
    list-style: none;
}

.side-nav a, .side-nav a:link, .side-nav a:visited, .side-nav span {
    display: block;
    position: relative;
    border: 1px solid #039;
    border-right-width: 0;
    background-color: #99f;
    color: #039;
    text-decoration: none;
    padding: 0.3ex 1em 0.3ex 1em;
    margin-left: 2px;
    margin-top: 0.5ex;
    margin-right: 0;
    margin-bottom: 0 !important;
    /* margin-bottom: -1.25em; */
}

.side-nav a:hover {
    color: #039;
    border-color: #039;
    background-color: #bfddff;
}

.side-nav span {
    margin-left: 0;
    right: -1px;
    border-color: #039;
    background-color: #fff;
}

/* System logo and user login role choice */

.logo {
    color: #c00;
}

h1.logo {
    font-family: Arial, Tahoma, helvetica, sans-serif;
    font-size: 200%;
}

.logo a, .logo a:visited {
    text-decoration: none;

    color: #c00;
}

.crossroads a, .crossroads a:link, .crossroads a:visited {
    margin: 0.5em;
    padding: 0.4em 0.6em;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;

    background-color: #fff;
    border-color: #fff;
    color: #0019ff;
}

.crossroads a:hover {
    text-decoration: none;

    border-color: #039;
    color: #000;
    background-color: #ffc480;
}

/* Copyright footer */

#centered tr.copyr {
    height: 5em;
}

.copyr, .copyr a, .copyr a:hover, .copyr a:visited {
    color: #000;
}

.copyr h2 {
    font-size: 100%;
    margin: 0.5em 1em;
}

.copyr a {
    text-decoration: none;
}

.copyr a:hover, .copyr a:active {
    text-decoration: underline;
}

/* Choice page */

.choice {
    margin: 0 2em;
    font-size: 130%;
}

.choice dt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 2ex 0 0.7ex 0;

    color: #0019ff;
}

.choice dt a {
    text-decoration: none;
}

.choice dt a:hover {
    text-decoration: underline;
}

.choice dd {
    max-width: 700px;
}

/* List or report table */

table.list {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 1em;

    border-color: #039;
}

.list select {
    vertical-align: middle;
}

.col-heads .actions select {
    font-family: monospace;
}

.list-actions td, .list-actions th {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    vertical-align: middle;
    font-size: 110%;
    padding: 0.3em;

    background-color: #9cf;
    border-bottom-color: #039;
}

.page-buttons {
    vertical-align: middle;
}

.page-buttons input {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    vertical-align: middle;
    width: 2em;
    padding: 0;
}

.page-goto {
    vertical-align: middle;
}

.page-goto input.page {
    vertical-align: middle;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    font-size: 100%;
    padding: 0.05em;
    width: 2em;

    border-color: #000;
    color: #000;
    background-color: #fff;
}

.page-goto input.go {
    vertical-align: middle;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 2em;
    padding: 0;
}

.page-header {
    vertical-align: middle;
}

.list-actions a {
    margin: 1px;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border: none;
}

.list-actions a:hover {
    margin: 0;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;

    border-color: #000;
    color: #000;
    background-color: #ffc480;
}

.list-actions select, .list-actions input {
    vertical-align: middle;
    font-size: 100%;
}

.list-actions optgroup {
    font-size: 100%;
    font-weight: normal;
}

.prompt {
    padding-left: 1.6em;
    vertical-align: middle;
}

.list-body {
    /* overflow: auto; */
    padding: 0;
}

.form-fields .list-body {
    font-size: 85%;
    border: 1px solid #ccc;
}

.list-body table {
    border-width: 0;
    border-collapse: collapse;
}

.list-body select {
    font-size: 100%;
    padding: 0;
    margin: 0;
}

.col-heads th, .form-fields .col-heads th {
    vertical-align: middle;
    text-align: center;
    white-space: pre;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 110%;
    font-weight: normal;
    padding: 0.1em 0 0.1em 0.2em;

    background-color: #bfddff;
    /* border-bottom-color: #aaa; */
    border-bottom-color: #99f;
    border-right-color: #aaa;
}

.col-heads .filter {
    text-align: right;
    font-weight: bolder;
}

.col-heads th a {
    text-decoration: none;

    color: #000;
}

.col-heads th a:hover {
    text-decoration: underline;

    color: #d60;
}

.col-heads .order {
    padding-left: 0.5em;
    font-size: 90%;
    vertical-align: baseline;
}

.col-heads .hider {
    margin: 1px; /* 0.25em; */
    padding: 0;
    font-size: 90%;
    font-weight: bold;
    vertical-align: super;
    border-width: 1px;
    border-style: solid;

    border-color: #bfddff;
}

.col-heads a.hider:hover {
    text-decoration: none;

    border-color: #000;
    color: #000;
    background-color: #ffc480;
}

.list-body tbody td.gb, .list-body tbody th.gb, .col-heads .gb {
    /* border between different group of columns */
    border-right-color: #99f;
}

.list-body tbody td, .list-body tbody th {
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 0.2em;

    border-bottom-color: #ccc;
    border-right-color: #aaa;
}

.list-body td pre {
    margin: 0;
}

.list-body td.sel {
    text-align: center;
}

.list-body .actions {
    text-align: center;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.col-heads .actions {
    text-align: left;
}

.list-body .actions a {
    margin: 1px; /* to avoid shift when border is enabled */
    padding: 0.1ex 0.1em;
    border: none;
    text-decoration: underline;
}

.list-body .actions a:hover {
    margin: 0;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;

    border-color: #000;
    color: #000;
    background-color: #ffc480;
}

.list-body td textarea {
    font-family: monospace;
    font-size: 110%;
}

.list-body .total {
    background-color: #bfddff;
}

.list-body .even {
    background-color: #e6faff;
}

.list-body .odd {
    background-color: #fff;
}

.list-body tr.highlight-even {
    background-color: #ffe1c0;
}

.list-body tr.highlight-odd {
    background-color: #ffedd9;
}

.list-body tr.chosen {
    background-color: #dfceff;
}

.list-body tr.even:hover, .list-body tr.odd:hover, .list-body tr.highlight-even:hover, .list-body tr.highlight-odd:hover, .list-body tr.chosen:hover, .list-body tr.over {
    background-color: #ccf;
}

/* tree item node button */
.node {
    display: block;
    float: left;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;

    border-color: #039;
}

a.node {
    text-decoration: none;

    color: #000;
}

a.node:hover {
    color: #000;
    background-color: #ffc480;
}

span.node {
    border-style: none;
    margin: 1px;
}

/* Form */

table.frm {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 1em;

    border-color: #039;
}

.form-header .prompt {
    vertical-align: middle;
    font-weight: normal;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 75%;
}

.form-header input, .form-header select {
    vertical-align: middle;
}

.form-header select {
    vertical-align: middle;
    font-size: 100%;
}

.form-errors th {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    font-size: 125%;
    padding: 0.5ex 0.5em;

    background-color: #ffc480;
    border-bottom-color: #039;
}

.form-actions th {
    border-top-width: 1px;
    border-top-style: solid;
    vertical-align: middle;
    text-align: right;
    font-size: 110%;
    padding: 0.3em;

    background-color: #9cf;
    border-top-color: #039;
}

.form-actions .cancel {
    margin-left: 1em;
}

.form-actions a {
    display: block;
    margin: 0.3em;
    float: left;
}

.form-body {
    padding: 0;
    margin: 0;
    vertical-align: top;
    text-align: left;
}

.form-fields {
    font-size: 120%;

    background-color: #f8f8f8;
}

.form-fields th {
    text-align: right;
    vertical-align: top;
    font-weight: normal;
    padding-right: 0.3em;
    padding-left: 0.5em;
    padding-bottom: 0.4em;
    max-width: 200px;
    /* IE6 and below do not have max-(width|height), so use expression hidden in _property */
    _width: expression( ( parseInt( this.clientWidth ) > 200 ? 200 : this.clientWidth ) + 'px' );
/*    padding: 0.5em;    */
}

.form-fields td {
    text-align: left;
    vertical-align: top;
    padding-bottom: 0.4em;
/*    padding-top: 0.2em; */
}

/*
.form-fields td div {
    max-width: 50em;
}
*/
.form-fields input, .form-fields textarea, .form-fields select {
    font-size: 110%;
    font-family: monospace;
/*    vertical-align: middle; */
}

.form-fields input.checkbox {
    margin: 0 5px 0 3px;
}

.form-fields label.field-note {
    display: inline-block;
    vertical-align: top;
}

/*
.form-fields label, .form-fields label * {
    vertical-align: middle;
}
*/

.form-fields label a.help {
    font-size: 70%;
    vertical-align: super;
    font-weight: normal;
    padding: 0 0.4ex;
    margin-left: 0.25em;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;

    border-color: #bfddff;
}

.form-fields label a.help:hover {
    text-decoration: none;

    border-color: #000;
    color: #000;
    background-color: #ffc480;
}

.form-fields label.missing, .form-fields label.invalid {
    color: #d60;
}

.form-fields optgroup {
    font-size: 100%;
    font-weight: normal;
}

.required {
    font-weight: bold;
}

.missing {
    font-weight: bold;
}

.invalid {
    font-weight: normal;
    font-style: italic;
}

.warning {
    font-size: 150%;
    font-weight: bold;
    color: #F00;
}

.fldmissing, .fldinvalid, .form-fields .radio-fields-matrix-invalid {
    border-style: solid;
    border-width: 2px;

    border-color: #d60;
}

.form-fields dl {
    margin: 0;
    padding: 0;
}

th.form-separator {
    text-align: left;
}

.form-separator div {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 1em;

    border-color: #039;
}

td.form-separator div {
    max-width: none;
}

.form-separator span {
    float: left;
    margin-left: 3em;

    color: #039;
    background-color: #f8f8f8;
}

.wizard-height {
    min-height: 375px;
    /* IE trick */
    height: auto !important;
    height: 375px;
}

.wizard-steps {
    clear: both;
    position: relative; /* to allow absolute-positioned children */
    padding-top: 2px; /* must match item top margin */
    padding-left: 1em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 2em;
    width: 1000em;

    background-color: #eee;
    border-bottom-color: #039;
}

.wizard-steps ul {
    clear: both;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
}

.wizard-steps li {
    display: inline;
    list-style: none;
}

.wizard-steps a, .wizard-steps span {
    display: block;
    float: left;
    padding: 0.5ex 1em;
    margin: 1px 0 0 0.2em;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 110%;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-bottom-style: none;
}

.wizard-steps a, .wizard-steps a:link, .wizard-steps a:visited, .wizard-steps span {
    color: #039;
}

.wizard-steps a:hover {
    background-color: #bfddff;
    border-color: #039;
}

.wizard-steps span {
    border-bottom-style: solid;

    background-color: #fff;
    border-top-color: #039;
    border-right-color: #039;
    border-bottom-color: #fff;
    border-left-color: #039;
}

.cal-button {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 80%;
    line-height: 100%;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0.3em;
    margin: 0 0 0 0.2em;
}

.status {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 130%;
    text-align: center;
    padding: 0.4em 1em;
    margin: 0 0 0.8em 0;
    border-style: solid;
    border-width: 1px;
    position: relative; /* Fix for IE < 7.0 Peekaboo Bug (disappearing box) */

    color: #000;
    background-color: #ffc480;
    border-color: #039;
}

.status a, .status a:visited {
    text-decoration: none;
    color: #0019ff;
}

.status a:hover {
    text-decoration: underline;
    color: #0019ff;
}

.infobox {
    float: right;
    clear: right;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 1.5em;
    border: 1px solid #039;

    border-collapse: collapse;

    width: 45em;
    min-width: 45em !important;
}

.infobox .status {
    margin: 0;
    border: 0;
}

.reportbox {
    float: left;
    margin: 1em;
    border: 1px solid #039;
    border-collapse: collapse;
    font-size: 120%;
    width: 30em;
    min-width: 30em !important;
}

.infobox thead th, .reportbox thead th {
    padding: 0.2em;
    font-size: 130%;

    background-color: #039;
    color: #fff;
}

.note {
    font-size: 75%;
    font-weight: normal;
}

td.c, th.c {
    text-align: center;
}

td.l, th.l {
    text-align: left;
}

td.r, th.r {
    text-align: right;
}

/* Menu */

#menu {
    /* Hide menu structure */
    display: none;
}

#menuloader {
    /* hide menu loader completely */
    display: none;
}

.menu-bar {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;

    background-color: #ccc;
    color: #000;
    border-color: #039;
}

.menu-bar-logo {
    float: left;
    padding: 4px 10px;
    font-weight: bold;
    margin: 0 4px 0 0;

    background-color: #000;
    color: #fff; /* inverted */
}

.menu-bar-logo a, .menu-bar-logo a:visited {
    text-decoration: none;

    color: #fff; /* inverted */
}

.menu-bar-logo a:hover, .menu-bar-logo a:active {
    color: #d60;
}

.menu-bar-info {
    float: right;
    padding: 0;
    margin: 0 0 0 4px;
    z-index: 3100;
}

.menu-bar-info-body {
    padding: 4px 4px 4px 10px;
    font-weight: bold;
    background-color: #000;
    color: #fff; /* inverted */
}

.menu-bar-info a, .menu-bar-info a:link, .menu-bar-info a:visited, .menu-bar-info a:active {
    padding: 0.1em 0.5em;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;

    background-color: #ccc;
    color: #000;
    border-color: #fff; /* inverted */
}

.menu-bar-info a:hover {
    background-color: #619af5;
    color: #fff; /* inverted */
    border-color: #316ac5;
}

.menu-bar-info .plain {
    font-weight: normal;
}

.menu-bar table.menu {
    border-collapse: collapse;
    cursor: default;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.menu-bar-item-shadow, .menu-popup-shadow {
    background-color: #000;
}

.menu-bar-item div.closed, .menu-bar-item div.opened {
    padding: 1px 1px 2px 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-style: solid;
    position: relative;
}

.menu-bar-item div.closed {
    border-color: #ccc;
}

.menu-bar-item div.closed div {
    border-color: #ccc;
}

.menu-bar-item div.opened {
    top: 1px; /* move down to merge with upper edge of popup */
    padding-bottom: 1px;

    background-color: #eee;
    color: #000;
    border-color: #aaa;
}

.menu-bar-item div div {
    padding: 1px 5px;
    border-width: 1px;
    border-style: solid;
    white-space: pre;
}

.menu-bar-item div.opened div {
    padding-bottom: 2px;

    border-color: #eee;
}

.menu-bar-item div div.active {
    background-color: #619af5;
    color: #fff;
    border-color: #316ac5;
}

.menu-popup {
    cursor: default;
    padding: 1px;
    border-width: 1px;
    border-style: solid;

    background-color: #eee;
    color: #000;
    border-color: #aaa;
}

.menu-popup table {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-collapse: separate;
}

.menu-popup td {
    border-width: 1px 0;
    border-style: solid;
    padding: 1px;

    border-color: #eee;
}

.menu-popup td.icon {
    display: block;
    width: 16px;
    height: 16px;
    border-left-width: 1px;

    background-color: #ccc;
    border-color: #ccc;
}

.menu-popup td.label {
    padding-left: 6px;
    padding-right: 6px;
    white-space: pre;
}

.menu-popup td.arrow {
    font-weight: bold;
    width: 10px;
    text-align: center;
    border-right-width: 1px;
}

.menu-popup tr.separator td {
    line-height: 1px;
}

.menu-popup tr.separator td div {
    margin: 1px;
    background-color: #aaa;
}

.menu-popup tr.separator td.icon {
    height: 3px;

    background-color: #ccc;
    border-color: #ccc;
}

.menu-popup tr.active, .menu-popup tr.active td.icon {
    background-color: #619af5;
    color: #fff;
}

.menu-popup tr.active td {
    border-color: #316ac5;
}

.color_preview {
    display: block;
    width: 6em;
    height: 12pt;
    border: 1px black solid;
}

.logo_image {
    border: 0;
}

#logo_image {
    vertical-align: middle;
    position: absolute;
    top: 23px;
    right: 0;
}

.field-note {
    width: 40em;
}

.error-note {
    width: 40em;

    border: 1px solid;
    font-weight: normal;
    font-size: 125%;
    padding: 0.5ex 0.5em;

    background-color: #ffc480;
    border-color: #039;
}

.bold {
    font-weight: bold;
}

tr.change_row {
    font-style: italic;
}

.borderless, table.borderless td, table.borderless th {
    border: 0;
}

option.missed {
    color: red;
}

div#help div.left {
    float: left;
    width: 25%;
    white-space: nowrap;
}

div#help div.right {
    float: right;
    width: 25%;
    text-align: right;
    white-space: nowrap;
}

div#help div.center {
    text-align: center;
}

div#help span.uline {
    text-decoration: underline;
}

div#help hr {
    clear: both;
}

div#help {
    font-size: small;
}

/* creative preview */
.creative-preview {
    overflow: hidden;
    margin: 0;
    max-width: 300px;
    max-height: 200px;
    /* IE6 and below do not have max-(width|height), so use expression hidden in _property */
    _width: expression( ( parseInt( this.scrollWidth ) > 300 ? 300 : this.scrollWidth ) + 'px' );
    _height: expression( ( parseInt( this.scrollHeight ) > 300 ? 300 : this.scrollHeight ) + 'px' );
}

.neg {
    color: red;
    white-space: nowrap;
}

.positive {
    color: #0c0;
    white-space: nowrap;
}

/* scrollable text box with agreement etc. */
.eula {
    white-space: pre;
    font-family: monospace;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    width: 500px;
    max-height: 200px;
    /* IE6 and below do not have max-(width|height), so use expression hidden in _property */
    _height: expression( ( parseInt( this.scrollHeight ) > 200 ? 200 : this.scrollHeight ) + 'px' );
}.creative-url-group {
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #039;
}

span.na {
    color: #a0a0a0;
    font-style: italic;
}

td.fields_group {
    padding: 0;
    margin: 0;
}

input.color_picker {
    vertical-align: middle;
}

td.separator_in_email {
    font-style: italic;
    text-align: center;
}

.filter_hider {
    font-weight: bold;
    font-size: 130%;
    text-decoration: none;
    outline: 0;
}

a.filter_hider, a.filter_hider:link, a.filter_hider:visited {
    color: #0019ff;
}

a.filter_hider:hover {
    color: #d60;
}

.pnote {
    background: transparent;
    margin: 1em 0;
}
._clear_both {
    clear: both;
}
.pnote .b1, .pnote .b1b, .pnote .b2, .pnote .b3, .pnote .b4 {
    display: block;
    overflow: hidden;
    font-size: 1px;
}
.pnote .b1, .pnote .b1b, .pnote .b2, .pnote .b3 {
    height: 1px;
}
.pnote .b4 {
    border-left: 1px dashed;
    border-right: 1px dashed;
}
.pnote .b3 {
    border-left: 1px dashed;
    border-right: 1px dashed;
}
.pnote .b2 {
    border-left: 1px dashed;
    border-right: 1px dashed;
}
.pnote .b2 {
    margin: 0 3px;
    border-width: 0 2px;
}
.pnote .b3 {
    margin: 0 2px;
}
.pnote .b4 {
    height: 2px;
    margin: 0 1px;
}
.pnote .b1 {
    margin: 0 5px;
    border-bottom: 1px dashed;
}
.pnote .b1b {
    margin: 0 5px;
    border-top: 1px dashed;
}
.pnote .pnote_content {
    padding: 0 1em;
    border-left: 1px dashed;
    border-right: 1px dashed;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 125%;
}
.pnote ._b_v {
    border-color: #039;
    background-color: #fff;
}
.pnote ._b_h {
    border-color: #fff;
    background-color: #fff;
}
.pnote_edit_link {
    padding: 0;
    border-bottom: 1px dotted;
    border-color: #039;
}
.pnote_edit_link a {
    font-size: x-small;
    text-decoration: none;
}

td.form-custom-html {
    padding: 1em;
}

.form_note {
    width: 45em;
    color: #039;
}

.form-fields .radio-fields-matrix td {
    font-size: x-small;
    text-align: left;
    color: #039;
}

.form-fields .radio-fields-matrix-title {
    font-size: x-small;
    text-align: left;
    font-weight: bold;
}

.form-fields .radio-fields-matrix-note {
    font-weight: normal;
}

.form-fields .radio-fields-matrix-title-color {
    background-color: #fff;
}

.form-fields .radio-fields-matrix-highlighted-cell {
    background-color: #ffc480;
}

span.chars_left {
    color: #aaaaaa;
    font-size: x-small;
    padding: 0 1em;
}

.form-fields .radio-fields-matrix-invalid-value {
    background-color: #ffc480;
    font-size: x-small;
}

#js-tab-body > .hidden, .js-select-blocks > .hidden, .js-links-select-blocks > .hidden {
    display: none;
}

#js-tab-body > .current, .js-select-blocks > .current, .js-links-select-blocks > .current {
    display: block;
}

.js-select-blocks select {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: x-small;
    margin-right: 5px;
}