body
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    background-color: #8000ff;
}
.headLine
{
    border: 3px solid black;
    margin: 1em 1em 1em 1em;
    padding: 0.5em 1em 0.5em 1em;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em;
    background-color: Silver;
    border-radius: 1em;
}
.note
{
    font-weight: bold;
    color: #A00000;
}
.linkButton
{
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}
.hide
{
    display: none;
}
.topAlign
{
    vertical-align: top;
}
.container
{
    margin: 1em 1em 1em 1em;
    border: 3px solid black;
    padding: 1em 1em 1em 1em;
    background-color: #ffffff;
    border-radius: 1em;
}
.previewContainer
{
    background-color: #eceded;
    width: 640px;
    display: inline-block;
}
.previewContainer img
{
    display: inline-block;
    vertical-align: top;
}
.instructions
{
    font-size: .9em;
    font-style: italic;
    padding-bottom: .5em;
}
.label
{
    font-weight: bold;
    white-space: nowrap;
}

tr
{
    vertical-align: top;
}

.error
{
    border-bottom: solid 1px red;
    border-left: solid 1px red;
    border-right: solid 1px red;
    border-top: solid 1px red;
    background-color: #ffa0a0;
}

.longWrap {
    word-break: break-all;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
    background-color: mediumpurple;
    color: white;
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    background-color: lavender;
    color: black;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
    border: 1px solid mediumpurple;
}

.template-item {
    display: block;
    color: blue;
}