/*  DO NOT USE CSS Imports.
    They will be out of scope when the PDF / Email renderer copies this file content
    inline for use in HTML-to-PDF generation or email */

/* HTML
******************************************************************************/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    height: 100%;
    margin:0;
    padding:0;
    font-size: 12px;
    font-family:'Trebuchet MS', Arial, helvetica, Sans-Serif;
}
@media screen {
    body {
        background: #cfcfcf url(Media/bg-lines-50.png);
    }
}

h1, h2, h3, h4, h5, h6, p {
    margin:10px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

input[type="text"],
input[type="password"],
textarea {
    border: solid 1px #b4b4b4;    
    -moz-box-shadow: inset 0 1px 3px #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ccc;
    box-shadow: inset 0 1px 3px #ccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:2px;
    margin: 0;
    font-size: 13px;
    font-family:'Trebuchet MS', Arial, helvetica, Sans-Serif;
    height: 25px;
}

textarea.one-line {
    height: 25px;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

pre {
    margin: 10px;
    color:#444;
}

table {
    border-spacing: 0;
}

/* Master
******************************************************************************/
#content-site {
}

#header-main {
    position: relative;
    height: 83px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* W3C */
}
#header-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 163px;
    background: url(Media/bg-header-trans.png) repeat-x;
    height: 37px;
}
#logo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 163px;
    height: 83px;
    text-indent: -9999px;
    background: url(Media/logo-aware-trans.png) no-repeat;
    cursor: pointer;
}
#logo-container.error {
    cursor: default;
}
#account-tools {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align:right;
}
#account-tools a {
    color: #2b6932;
}

#nav-tabset {
    position: absolute;
    bottom: 0;
    left: 153px;
    right: 0;
    height: 56px;
    line-height: 56px;
    font-size:130%;
    overflow:hidden;
    text-transform: uppercase;
    font-weight:bold;
}
#nav-tabset li {
    float:left;
}
#nav-tabset a {
    margin: 10px;
    display:block;
    text-decoration:none;
    color:#444;
    text-shadow: 1px 1px 1px white;
}
#nav-tabset a:hover {
    color:#666;
}
#nav-tabset .selectedTab a {
    color:#2B6932;
    text-shadow: 1px 1px 2px #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#section-main {
}

#footer-main {
    margin: 10px 10px 0 10px;
    padding-bottom: 10px;
    text-align: right;
    color: #444;
    text-shadow: 1px 1px 1px white;
}
#footer-main a {
    color: #444;
}
#footer-main a:hover {
    color: #2b6932;
}

@media print {
    .bread-crumbing{
        display: none;
    }
}

/* Main Section
******************************************************************************/
.bread-crumbing {
    margin: 6px 10px 10px 10px;
}
.bread-crumbing div:after {
    content: "\00a0\00bb";
}
.bread-crumbing h1.heading-content {
    margin-left: 0;
    margin-right: 0;
}
#section-main .heading-content {
    font-size: 130%;
    font-weight: bold;
    color: #2B6932;
    text-shadow: 1px 1px 1px white;
}
#section-main .bread-crumbing .heading-content {
    display: inline;
}
#section-main .bread-crumbing .heading-content a {
    color: #244222;
    text-decoration: none;
}
#section-main .bread-crumbing .heading-content a:hover {
    text-decoration: underline;
}

#section-main a:link {
    color: #000066;
    text-decoration: underline;
}
#section-main a:visited {
    color: #000099;
}
#section-main a:hover {
    color: #336699;
    text-decoration: none;
}
#section-main a:active {
    color: #336699;
}

ul.common-listing,
ul.common-listing ul,
ol.common-listing,
ol.common-listing ol {
    list-style-type: disc;
    margin: 10px;
}
ul.common-listing li,
ol.common-listing li {
    padding: 2px 0;
    margin-left: 20px;
}
.common-listing.compact {
    margin-top:0;
    font-size: 80%;
    line-height: 110%;
}

/* Content
******************************************************************************/
.section-content {
    overflow: hidden;
}
@media screen {
    .section-content {
        margin: 10px;
        background: white;
        border: solid 6px transparent;
        background-clip: padding-box;
        -moz-box-shadow: 0 0 3px 1px #000000;
        -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0 0 3px 1px #000000;
        -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
        box-shadow: 0 0 3px 1px #000000;
        box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
    }
}

/* Form
******************************************************************************/
h2.heading-entity-name {
    color: white;
    padding: 5px;
    font-size: 200%;
    font-weight: bold;
    background: #5f7927 url(Media/bg-fairway.png);
    text-shadow: 2px 2px 3px #000000;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 2px 2px 2px #000000;
    -moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.75);
    -webkit-box-shadow: inset 2px 2px 4px #000000;
    -webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 2px #000000;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.75);
}

h2.heading-form {
    font-weight: bold;
    font-size: 120%;
    font-style: italic;
    color: #244222;
    text-shadow: 1px 1px 2px #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

h2.heading-form.new {
    clear: both;
}
.form-content + h2.heading-form,
.section-columns + h2.heading-form {
    margin-top: 0;
}

.form-content {
    overflow: hidden;
}
div.validation-summary-errors {
    margin:10px;
    padding:10px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(221,221,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* W3C */
    color: #990000;
    font-weight: bold;
}

@media print {
    div.validation-summary-errors {
        display: none;
    }
}
.DDControl.validation-summary-errors {
    display: none;
}
div.validation-summary-errors ul {
    font-weight: normal;
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 10px;
}
div.validation-summary-errors li {
    padding: 2px 0;
}
span.validation-summary-errors {
    color: #990000;
    font-weight: bold;
}
.field-validation-error {
    color: #ff0000;
}
.field-validation-valid {
    display: none;
}
input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
textarea.input-validation-error,
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid {
    display: none;
}
.validation-summary-errors .exception-key {
    display: block;
}
.validation-summary-errors span.exception-container {
    display: block;
    font-family:Consolas;
    color:#330000;
    font-weight: normal;
}
.validation-summary-errors span.exception-message {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}
.validation-summary-errors span.exception-container:first-child span.exception-message:first-child {
    margin-top: 0;
}
.validation-summary-errors span.exception-stack-trace {
    display: block;
    font-size: 11px;
    border:solid 1px #b4b4b4;
    margin-top: 2px;
    padding:5px;
    background-color:#efefef;
    -moz-box-shadow: inset 0 1px 4px #ccc;
    -webkit-box-shadow: inset 0 1px 4px #ccc;
    box-shadow: inset 0 1px 4px #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: auto;
}

.section-table {
    display: table;
}
.section-table-row {
    display: table-row;
}
.section-table-cell {
    display: table-cell;
    vertical-align: top;
}
.section-table-cell > .editor-section {
    margin-right: 0;
}
.section-table-cell:last-child > .editor-section {
    margin-right: 10px;
}
.section-columns {
    overflow: hidden;
}
.section-column {
    width: 50%;
    float: left;
}
.section-column.third {
    width: 33%;
    float: left;
}
.section-column.fourth {
    width: 25%;
    float: left;
}
.section-column.two-thirds {
    width: 67%;
    float: left;
}
.section-column.three-fourths {
    width: 75%;
    float: left;
}
.section-column:last-child,
.section-column:last-child > * {
    margin-left: 0;
}
h3.editor-section-title {
    color: #2B6932;
    letter-spacing: 0.25em;
    text-shadow: 1px 1px 2px #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    border-bottom: dotted 1px #cccccc;
}

.editor-section {
    margin: 10px 11px 10px 10px;
    padding-top: 10px;
    padding-left: 10px;
    -moz-box-shadow: 0 2px 2px #ccc;
    -webkit-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.15) 0, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* W3C */
}

.editor-section.contract {
    margin: 2px;
    -moz-box-shadow: inset 0 1px 4px #ccc;
    -webkit-box-shadow: inset 0 1px 4px #ccc;
    box-shadow: inset 0 1px 4px #ccc;
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 100%); /* W3C */
}

.editor-section .intro {
    text-shadow: 1px 1px 1px #ffffff;
}
.editor-section .intro p {
    margin: 0 10px 10px 0;
}
h2.heading-form + .form-content > .editor-section,
h2.heading-form + form > .form-content > .editor-section,
h2.heading-entity-name + form > .form-content > .editor-section,
h2.heading-form + .form-content > .section-columns > .section-column .editor-section,
h2.heading-form + form > .form-content > .section-columns > .section-column .editor-section,
h2.heading-form + .form-content > .section-columns > .section-column h3.editor-section-title,
h2.heading-form + form .form-content > h3.editor-section-title {
    margin-top: 0;
}
.editor-columns {
    overflow: hidden;
}
.editor-columns.quadruple {
    width: 800px;
}
.editor-column {
    width: 50%;
    float: left;
}
.editor-column.fourth {
    width: 25%;
    float: left;
}
.editor-column.three-fourths {
    width: 75%;
    float: left;
}
.editor-row {
    overflow: hidden;
}
.editor-pair {
    overflow: hidden;
    float: left;
    width: 100%;
    padding-right:10px;
    padding-bottom:10px;
}
.editor-row > .editor-pair.full,
.section-table-cell > .editor-row > .editor-pair.full {
    width: 100%;
}
.editor-row > .editor-pair.two-thirds-relative,
.section-table-cell > .editor-row > .editor-pair.two-thirds-relative {
    width: 66.6%;
}
.editor-row > .editor-pair.half-relative,
.section-table-cell > .editor-row > .editor-pair.half-relative {
    width: 50%;
}
.editor-row > .editor-pair.third-relative,
.section-table-cell > .editor-row > .editor-pair.third-relative {
    width: 33.3%;
}
.editor-row > .editor-pair.fourth-relative,
.section-table-cell > .editor-row > .editor-pair.fourth-relative {
    width: 25%;
}
.editor-row > .editor-pair.hole-relative,
.section-table-cell > .editor-row > .editor-pair.hole-relative {
    width: 8.4%;
}
.editor-row > .editor-pair,
.section-table-cell > .editor-row > .editor-pair {
    width: 200px;
}
.editor-row > .editor-pair.quarter {
    width: 50px;
}
.editor-row > .editor-pair.quarter-plus {
    width: 65px;
}
.editor-row > .editor-pair.half {
    width: 100px;
}
.editor-row > .editor-pair.half-plus {
    width: 150px;
}
.editor-row > .editor-pair.half-plus-plus /* LOL SORRY */{
    width: 160px;
}
.editor-row > .editor-pair.one-plus,
.section-table-cell > .editor-row > .editor-pair.double {
    width: 350px;
}
.editor-row > .editor-pair.double,
.section-table-cell > .editor-row > .editor-pair.double {
    width: 400px;
}
.editor-row > .editor-pair.triple,
.section-table-cell > .editor-row > .editor-pair.triple {
    width: 600px;
}
.editor-row > .editor-pair.quadruple {
    width: 800px;
}
.editor-row > .editor-pair.tall textarea {
    height: 100px;
}
.display-label, 
.editor-label {
    color: #444444;
    text-shadow: 1px 1px 1px #ffffff;
    margin-bottom: 2px;
}
.display-field, 
.editor-field {
}
.meta-data {
    color: #339933;
}
.editor-pair input[type="text"],
.editor-pair input[type="password"],
.editor-pair textarea,
.editor-pair select,
.editor-pair span.k-numerictextbox {
    width: 100%;
}

.editor-row.field-and-button {
    display: table-row;
}
.editor-row.field-and-button > .editor-pair {
    display: table-cell;
    float: none;
    white-space: nowrap;
}
.editor-row.field-and-button > .editor-pair.full {
    width:100%;
}

.editor-field.field-and-button {
    display: table-row;
}
.editor-field.field-and-button > .fab-field {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.editor-field.field-and-button > .fab-button {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.section-table-cell > .editor-row > .editor-pair.balance-info {
    width: 100%;
}
.giant-value-container {
    background-color: #999;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px #000000;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 1px 2px #000000;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    box-shadow: inset 0 1px 2px #000000;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    text-align: right;
    padding: 5px;
}

.editor-pair .medium-value {
    font-size: 125%;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000000;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.9);
}

.editor-pair .giant-value {
    font-size: 200%;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.form-buttons {
    margin: 10px;
}
.form-buttons.block-follower {
    /* Follows blocks that already have an uncollapsable bottom margin, such as the venue container */
    margin: 0 10px 10px 10px;
}

tfoot td.sub-buttons {
    text-align: right;
    border-bottom: none;
}

.message {
    position: absolute;
    left: 25%;
    right: 25%;
    padding: 4px 10px;
    font-weight: bold;
    -moz-border-bottom-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-left-radius:4px;
    -moz-border-bottom-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
}

.message.success {
    background-color: #ccffcc;
    border-right: solid 1px #009900;
    border-bottom: solid 1px #009900;
    border-left: solid 1px #009900;
    color: #009900;
}
.message.failure {
    background-color: #ffcccc;
    border-right: solid 1px #990000;
    border-bottom: solid 1px #990000;
    border-left: solid 1px #990000;
    color: #990000;
}

.labeled-checkbox {
    display: inline-block;
    margin-right: 10px;
    background: #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px 5px 4px;
}

.labeled-checkbox input[type="checkbox"] {
    width:13px;
    height:13px;
    padding:0;
    margin:0;
    vertical-align: bottom;
}

input[type="text"].tens-edit {
    width: 30px;
}
input[type="text"].hundreds-edit {
    width: 40px;
}

/* Detail
******************************************************************************/
div.venue-container {
    overflow: hidden;
    margin-top: 10px;
    margin-left: 10px;
}
div.venue-container > p:first-child.items-none {
    margin-top: 0;
    margin-left: 0;
}
.editor-field > p.items-none {
    margin: 0;
}
.x-comments > p.items-none {
    margin-left: 0;
}
div.venue {
    float: left;
    width: 300px;
    height: 200px;
    overflow: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(221,221,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* W3C */
}

h4.venue-name {
    text-shadow: 1px 1px 1px white;
    border-bottom: dashed 1px #999;
}
#section-main h4.venue-name a {
    color: #444;
    text-decoration: none;
}
#section-main h4.venue-name:hover {
    border-bottom: solid 1px #336699;
}
#section-main h4.venue-name a:hover {
    color: #336699;
}
h5.venue-part-name {
    margin-top: 10px;
    margin-bottom: 4px;
    font-style: italic;
}
.venue-columns {
    overflow: hidden;
}
.venue-column {
    width: 50%;
    float: left;
}
.venue-columns > .venue-column > .grid-container {
    margin: 0 10px 10px 10px;
}
.venue-description {
    color: #006666;
    font-style: italic;
}

.simple-form td,
.simple-form th {
    padding:4px 12px;
    border-bottom:solid 1px #eee;
}
.simple-form th,
.simple-form .light-header {
    text-align:right;
    background-color:#f5f5f5;
    border-right:solid 1px #999;
    width: 1px;
    white-space: nowrap;
}

/* Grid
******************************************************************************/
.filter-content {
    padding:10px;
    margin: 10px;
    -moz-box-shadow: inset 0 1px 1px #999;
    -webkit-box-shadow: inset 0 1px 1px #999;
    box-shadow: inset 0 1px 1px #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    background: rgb(221,221,221); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(221,221,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(221,221,221,1) 0,rgba(255,255,255,1) 100%); /* W3C */
    margin-bottom:10px;
}

#dynamic-data-container,
.simple-form,
.grid-container {
    margin: 10px;
}
form + .grid-container {
    margin-top: 0;
}
.editor-field .grid-container {
    margin: 0;
}
.editor-columns > .editor-column .grid-container {
    margin: 0 0 10px 0;
}
.editor-columns > .editor-column:first-child .grid-container {
    margin: 0;
}
.light-grid th {
    padding:4px 8px;
    text-align:left;
    background-color:#f5f5f5;
    border-bottom:solid 1px #999;
    vertical-align: bottom;
}
.light-grid td {
    padding:4px 8px;
    border-bottom:solid 1px #eee;
    background-color: white;
    vertical-align: middle;
}
.light-grid td.error-container,
.light-grid td.contract-container {
    padding:0;
}
.light-grid td.numeric,
.light-grid td.date-time,
.light-grid th.numeric,
.light-grid th.date-time {
    text-align: right;
}
.light-grid td.function,
.light-grid th.function {
    text-align: center;
}
.light-grid.narrow > tr > td,
.light-grid.narrow > thead > tr > td,
.light-grid.narrow > tbody > tr > td,
.light-grid.narrow > tr > th,
.light-grid.narrow > thead > tr > th,
.light-grid.narrow > tbody > tr > th,
.light-grid.narrow > tr,
.light-grid.narrow > thead > tr,
.light-grid.narrow > tbody > tr,
.light-grid th.narrow,
.light-grid td.narrow {
    white-space: nowrap;
    width: 1px;
}
.light-grid.narrow > tr > td.wide,
.light-grid.narrow > thead > tr > td.wide,
.light-grid.narrow > tbody > tr > td.wide,
.light-grid.narrow > tr > th.wide,
.light-grid.narrow > thead > tr > th.wide,
.light-grid.narrow > tbody > tr > th.wide,
.light-grid.narrow > tr.wide,
.light-grid.narrow > thead > tr.wide,
.light-grid.narrow > tbody > tr.wide {
    white-space:normal;
    width:auto;
}
.light-grid tr.quote-order {
    font-style: italic;
}
.light-grid tr.status-1 {
    /* Draft */
    color: #090;
}
.light-grid tr.status-2 {
    /* Submitted */
    color: #090;
}
.light-grid tr.status-3 {
    /* Awaiting Signature */
    color: #009;
}
.light-grid tr.status-4 {
    /* Rejected */
    color: #900;
}
.light-grid tr.status-5 {
    /* Signed */
    color: #099;
}
/* The status classes are now repeated as they might be combined with a quote order 
   This is to support MS Excel-friendly reports that avoid combining multiple classes
   on a single element. */
.light-grid tr.quote-order-status-6 {
    /* Archived */
    color: #666;
    font-style: italic;
}
.light-grid tr.quote-order-status-1 {
    /* Draft */
    color: #090;
    font-style: italic;
}
.light-grid tr.quote-order-status-2 {
    /* Submitted */
    color: #090;
    font-style: italic;
}
.light-grid tr.quote-order-status-3 {
    /* Awaiting Signature */
    color: #009;
    font-style: italic;
}
.light-grid tr.quote-order-status-4 {
    /* Rejected */
    color: #900;
    font-style: italic;
}
.light-grid tr.quote-order-status-5 {
    /* Signed */
    color: #099;
    font-style: italic;
}
.light-grid tr.quote-order-status-6 {
    /* Archived */
    color: #666;
    font-style: italic;
}
.light-grid th.skinny-right,
.light-grid td.skinny-right {
    padding-right: 0
}
.light-grid th.skinny-left,
.light-grid td.skinny-left {
    padding-left: 0;
}

.light-grid.topped th,
.light-grid.topped td {
    vertical-align: top;
}
.light-grid tfoot th,
.light-grid tfoot td {
    border-bottom: none;
}
.light-grid tfoot th {
    background: none;
    text-align: right;
}
.light-grid tfoot tr.strong-footer th,
.light-grid tfoot tr.strong-footer td {
    font-weight: bold;
}

.items-none {
    color: #ff0000;
    font-style: italic;
}
form + p.items-none {
    margin-top: 0;
}

.light-footer {
    text-align: right;
}
.light-grid input[type="checkbox"] {
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}

.grid-help {
    margin: 10px 11px 10px 10px;
    padding: 10px 0;
    text-shadow: 1px 1px 1px #ffffff;
    -moz-box-shadow: 0 2px 2px #ccc;
    -webkit-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.15) 0, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 100%); /* W3C */
}

.grid-help p {
    margin: 10px;
}
.grid-help p:first-child {
    margin-top: 0;
}
.grid-help p:last-child {
    margin-bottom: 0;
}
span.editor-type {
    color: #999;
}

/* Misc
******************************************************************************/
@media print {
    .print-none {
        display: none;
    }
}

.max {
    width: 100%;
}

a img.link-icon {
    vertical-align: middle;
    margin-left: 4px;
}

.scooted-down {
    margin-top: 10px;
}

tr.hover-function a.small.orange.button {
    opacity: 0.25;
}
tr.hover-function:hover a.small.orange.button {
    opacity: 1;
}

.notice {
    border: solid 1px rgb(150, 29, 65);
    background-color: #ffcccc;
    margin: 10px 0;
    padding: 10px;
}

#section-main a.button,
.button {
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px white;
    text-transform:uppercase;
    padding: 0 12px;
    margin: 0 3px 3px 0;
    outline: none;
    cursor: pointer;
    color: white;
    font-family:'Trebuchet MS', Arial, helvetica, Sans-Serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    -moz-box-shadow: 0 2px 2px #212121;
    -moz-box-shadow: 0 2px 2px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 2px 2px #212121;
    -webkit-box-shadow: 0 2px 2px rgba(33,33,33,.2);
    box-shadow: 0 2px 2px #212121;
    box-shadow: 0 2px 2px rgba(33,33,33,.2);
    border-collapse: separate;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
}

#section-main a.button.small,
.button.small {
    height: 20px;
    line-height: 20px;
    font-size: 90%;
    text-transform:none;
}

/* Custom color buttons have a light-to-dark background gradient and a dark text shadow */
#section-main a.blossom,
.blossom {
    background: rgb(150,29,65); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(205,81,145,1) 0, rgba(150,29,65,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(205,81,145,1)), color-stop(100%,rgba(150,29,65,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(205,81,145,1) 0,rgba(150,29,65,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(205,81,145,1) 0,rgba(150,29,65,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(205,81,145,1) 0,rgba(150,29,65,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(205,81,145,1) 0,rgba(150,29,65,1) 100%); /* W3C */
    text-shadow: rgb(150,29,65) 0 -1px 1px;
}
/* Hovered buttons have a dark-to-light background gradient and a text glow */
#section-main a.blossom:hover,
.blossom:hover {
    background: rgb(205,81,145); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(150,29,65,1) 0, rgba(205,81,145,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(150,29,65,1)), color-stop(100%,rgba(205,81,145,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(150,29,65,1) 0,rgba(205,81,145,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(150,29,65,1) 0,rgba(205,81,145,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(150,29,65,1) 0,rgba(205,81,145,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(150,29,65,1) 0,rgba(205,81,145,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

#section-main a.red,
.red {
    background: rgb(150,29,29); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(205,81,81) 0, rgba(150,29,29,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(205,81,81,1)), color-stop(100%,rgba(150,29,29,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(205,81,81,1) 0,rgba(150,29,29,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(205,81,81,1) 0,rgba(150,29,29,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(205,81,81,1) 0,rgba(150,29,29,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(205,81,81,1) 0,rgba(150,29,29,1) 100%); /* W3C */
    text-shadow: rgb(150,29,29) 0 -1px 1px;
}
/* Hovered buttons have a dark-to-light background gradient and a text glow */
#section-main a.red:hover,
.red:hover {
    background: rgb(205,81,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(150,29,29,1) 0, rgba(205,81,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(150,29,29,1)), color-stop(100%,rgba(205,81,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(150,29,29,1) 0,rgba(205,81,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(150,29,29,1) 0,rgba(205,81,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(150,29,29,1) 0,rgba(205,81,81,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(150,29,29,1) 0,rgba(205,81,81,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

.green {
    background: rgb(65,150,29); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(145,205,81,1) 0, rgba(65,150,29,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(145,205,81,1)), color-stop(100%,rgba(65,150,29,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(145,205,81,1) 0,rgba(65,150,29,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(145,205,81,1) 0,rgba(65,150,29,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(145,205,81,1) 0,rgba(65,150,29,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(145,205,81,1) 0,rgba(65,150,29,1) 100%); /* W3C */
    text-shadow: rgb(65,150,29) 0 -1px 1px;
}
#section-main a.red:hover,
.green:hover {
    background: rgb(145,205,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(65,150,29,1) 0, rgba(145,205,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(65,150,29,1)), color-stop(100%,rgba(145,205,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(65,150,29,1) 0,rgba(145,205,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(65,150,29,1) 0,rgba(145,205,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(65,150,29,1) 0,rgba(145,205,81,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(65,150,29,1) 0,rgba(145,205,81,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

#section-main a.blue,
.blue {
    background: rgb(29,65,150); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(81,145,205,1) 0, rgba(29,65,150,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(81,145,205,1)), color-stop(100%,rgba(29,65,150,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(81,145,205,1) 0,rgba(29,65,150,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(81,145,205,1) 0,rgba(29,65,150,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(81,145,205,1) 0,rgba(29,65,150,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(81,145,205,1) 0,rgba(29,65,150,1) 100%); /* W3C */
    text-shadow: rgb(29,65,150) 0 -1px 1px;
}
#section-main a.blue:hover,
.blue:hover {
    background: rgb(81,145,205); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(29,65,150,1) 0, rgba(81,145,205,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(29,65,150,1)), color-stop(100%,rgba(81,145,205,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(29,65,150,1) 0,rgba(81,145,205,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(29,65,150,1) 0,rgba(81,145,205,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(29,65,150,1) 0,rgba(81,145,205,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(29,65,150,1) 0,rgba(81,145,205,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

#section-main a.forestgreen,
.forestgreen {
    background: rgb(36,85,80); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,145,140,1) 0, rgba(36,85,80,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(96,145,140,1)), color-stop(100%,rgba(36,85,80,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(96,145,140,1) 0,rgba(36,85,80,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(96,145,140,1) 0,rgba(36,85,80,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(96,145,140,1) 0,rgba(36,85,80,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(96,145,140,1) 0,rgba(36,85,80,1) 100%); /* W3C */
    text-shadow: rgb(36,85,80) 0 -1px 1px;
}
#section-main a.forestgreen:hover,
.forestgreen:hover {
    background: rgb(96,145,140); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(36,85,80,1) 0, rgba(96,145,140,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(36,85,80,1)), color-stop(100%,rgba(96,145,140,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(36,85,80,1) 0,rgba(96,145,140,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(36,85,80,1) 0,rgba(96,145,140,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(36,85,80,1) 0,rgba(96,145,140,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(36,85,80,1) 0,rgba(96,145,140,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

#section-main a.orange,
.orange {
    background: rgb(255,184,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,184,0,1) 0, rgba(255,136,1,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,184,0,1)), color-stop(100%,rgba(255,136,1,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,184,0,1) 0,rgba(255,136,1,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,184,0,1) 0,rgba(255,136,1,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,184,0,1) 0,rgba(255,136,1,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,184,0,1) 0,rgba(255,136,1,1) 100%); /* W3C */
    text-shadow: #be6800 0 -1px 1px;
}
#section-main a.orange:hover,
.orange:hover {
    background: rgb(255,136,1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,136,1,1) 0, rgba(255,184,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,136,1,1)), color-stop(100%,rgba(255,184,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,136,1,1) 0,rgba(255,184,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,136,1,1) 0,rgba(255,184,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,136,1,1) 0,rgba(255,184,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,136,1,1) 0,rgba(255,184,0,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

#section-main a.black,
.black {
    background: rgb(25,25,25); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(200,200,200,1) 0, rgba(25,25,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(200,200,200,1)), color-stop(100%,rgba(25,25,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0,rgba(25,25,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(200,200,200,1) 0,rgba(25,25,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(200,200,200,1) 0,rgba(25,25,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(200,200,200,1) 0,rgba(25,25,25,1) 100%); /* W3C */
    text-shadow: rgb(0,0,0) 0 -1px 1px;
}
#section-main a.black:hover,
.black:hover {
    background: rgb(150,150,150); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25,25,25,1) 0, rgba(150,150,150,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(25,25,25,1)), color-stop(100%,rgba(150,150,150,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(25,25,25,1) 0,rgba(150,150,150,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(25,25,25,1) 0,rgba(150,150,150,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(25,25,25,1) 0,rgba(150,150,150,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(25,25,25,1) 0,rgba(150,150,150,1) 100%); /* W3C */
    text-shadow: white 0 0 2px;
}

#section-main a.button:active,
.button:active {
    -moz-box-shadow: inset 0 2px 2px #212121;
    -moz-box-shadow: inset 0 2px 2px rgba(33,33,33,.2);
    -webkit-box-shadow: inset 0 2px 2px #212121;
    -webkit-box-shadow: inset 0 2px 2px rgba(33,33,33,.2);
    box-shadow: inset 0 2px 2px #212121;
    box-shadow: inset 0 2px 2px rgba(33,33,33,.2);
}

.test-results {
    border: dotted 1px black;
    padding: 10px;
    margin-top: 10px;
}

.field-type-1 {
    color: #006600;
}
.field-type-2 {
    color: #000099;
}

/* Comments
******************************************************************************/
.comment-container {
    margin: 10px 10px 10px 0;
    position: relative;
}
.comment-author {
    font-weight: bold;
    color: #009900;
}
.comment-body {
    margin: 2px 0;
}
.comment-date {
    color: #999;
}
.comment-form {
    margin-right: 10px;
}
.comment-container.can-delete:hover {
    background: #efefef;
}
.comment-delete-link {
    position: absolute;
    top: 3px;
    right: 0;
}
.comment-delete-confirm {
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 4px 6px 6px;
    -moz-box-shadow: inset 2px -2px 2px #212121;
    -moz-box-shadow: inset 2px -2px 2px rgba(33,33,33,.2);
    -webkit-box-shadow: inset 2px -2px 2px #212121;
    -webkit-box-shadow: inset 2px -2px 2px rgba(33,33,33,.2);
    box-shadow: inset 2px -2px 2px #212121;
    box-shadow: inset 2px -2px 2px rgba(33,33,33,.2);
}

input[type="text"].comment-input {
    width: 100%;
    color: #999;
}

/* Query-only
******************************************************************************/
.copy-address-into-shipping-button,
.copy-event-information-button,
.indexed-woi,
.work-order-row-detail,
.add-work-order-item-from-order-item-button,
.add-work-order-item-from-scratch-button,
.work-order-item-rows,
.work-order-item-row-delete-button,
.contest-format-dropdown,
.prize-combobox,
.prize-info-terms-dropdown,
.prize-type-dropdown,
.item-notes,
.pi-company-name,
.pi-venue-name,
.pi-venue-part-name,
.pi-venue-part-yardage,
.prize-info-rows,
.prize-info-row-delete-button,
.hole-selection-checkbox,
.hole-selection-button,
.window-close-button,
.prize-info-dialog-rows,
.add-holes-button,
.selection-template-container,
.delete-conditional-visibility,
.comment-delete-confirm-link,
.comment-delete-cancel-link,
.venue-part-row-delete-button,
.order-item-row,
.work-order-row,
.order-payment-row,
.event-date-info-row-delete-button,
.event-date-info,
.event-date-info-add-button,
.order-item-row-delete-button,
.work-order-row-delete-button,
.order-payment-row-delete-button,
.subtotal-result,
.indexed-edi,
.indexed-pi,
.widget-date,
.widget-time,
.widget-money,
.widget-money1000,
.widget-integer,
.widget-quantity,
.widget-multiselect,
.widget-editor,
.date-starting,
.time-starting{}

/* Controls
******************************************************************************/
/* Kendo switches to content-box for its controls.
   Switch back to border-box inside tabstrip content area to get proper borders and padding */
.k-tabstrip .k-content * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
/* No additional padding needed inside tabstrip */
.k-tabstrip .k-content {
    padding: 0;
}
/* Switch once again so kendo widgets in my own content blocks within the tabstrip get proper sizing */
.k-tabstrip .k-content .k-widget * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
/* Fix the double-border */
.k-tabstrip-items .k-loading.k-complete {
    border: none;
}
/* Fix the fractional margins created by their use of em units */
.k-tabstrip .k-content, .k-panelbar .k-tabstrip .k-content {
    margin: 0 4px 4px 4px;
}
.k-window {
    max-width: 80%;
    max-height: 80%;
}
input[type=text] {
    padding: 2px;
}

div.editor-field > .k-combobox,
div.fab-field > .k-combobox {
    width: 100%;
}

.editor-row.field-and-button .k-dropdown {
    width: 100%;
}

.combo-client {
    overflow: hidden;
}
.combo-primary {
    float: left;
}
.combo-secondary {
    float: right;
    font-size: 90%;
    color: #444;
}
.k-state-focused .combo-secondary {
    color: green;
}
.widget-numeric {
    text-align: right;
}
.widget-textarea-expander,
.widget-textarea-expander-high {
    background-color: #ffffcc;
}
.Chrome .nudged.widget-textarea-expander,
.Safari .nudged.widget-textarea-expander {
    margin-bottom: -6px;
}
.Firefox .nudged.widget-textarea-expander {
}

table.k-editor {
    height: 500px;
}
/* Order
******************************************************************************/
.order-filter .editor-section {
    margin-top: 0;
}
.filter-checkbox {
    display: block;
}
#order-base-row .section-table-cell {
    width: 25%;
}
#order-base-row .section-table-cell.double {
    width: 50%;
}

.price-table {
    margin: auto 5px 8px auto;
}
.price-table th {
    padding-right: 10px;
    border-right: solid 1px #ccc;
}
.price-table th,
.price-table td {
    color: white;
    border-bottom: solid 1px #ccc;
    padding: 6px;
    text-align: right;
}

.small-date .k-datepicker,
.order-item-row-detail .k-datepicker,
.order-item-row-detail .k-timepicker,
.work-order-row .k-datepicker {
    width: 95px;
}

.title-container {
    display: table;
    width: 100%;
}
.item-name {
    display: table-row;
}
.item-name .item-title {
    display: table-cell;
}
.item-name .item-title input[type="text"]{
    width: 100%;
}
.item-name .item-button {
    display: table-cell;
    width: 1px;
    white-space: nowrap;
    padding-left: 10px;
}
#section-main a.item-notes-button {
    color: #999;
    text-decoration: none;
}

.light-grid .event-date-info-rows td {
    padding-right: 4px;
    padding-left: 4px;
}
.light-grid .event-date-info-rows td:first-child {
    padding-left: 8px;
}
.light-grid .event-date-info-rows td:last-child {
    padding-right: 8px;
}

.light-grid .editor-pair.note {
    padding: 10px 0 0 0;
}
.light-grid td.numeric.order-amount .k-numerictextbox {
    width: 90px;
}
.light-grid td.numeric.medium-integer .k-numerictextbox {
    width: 90px;
}
.light-grid td.numeric.small-integer .k-numerictextbox {
    width: 50px;
}
.light-grid td.medium-dropdown .k-dropdown,
.light-grid th.medium-dropdown .k-dropdown {
    width: 100px;
}
.light-grid tr.ContestGolf td,
.light-grid tr.Superticket td,
.light-grid tr.GolfHoleSign td,
.light-grid tr.work-order-row td,
.light-grid tr.order-payment-row td {
    border-bottom:none;
}
.id-new {
    font-style: italic;
}
.selection-template {
    overflow: hidden;
    margin: 0 10px 10px 10px;
    padding: 10px 10px 5px 10px;
    -moz-border-bottom-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-left-radius:4px;
    -moz-border-bottom-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-box-shadow: inset 1px -2px 2px #212121;
    -moz-box-shadow: inset 1px -2px 2px rgba(33,33,33,.2);
    -webkit-box-shadow: inset 1px -2px 2px #212121;
    -webkit-box-shadow: inset 1px -2px 2px rgba(33,33,33,.2);
    box-shadow: inset 1px -2px 2px #212121;
    box-shadow: inset 1px -2px 2px rgba(33,33,33,.2);
    background-color: #c0eec0;
}

.selection-template dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    color: #006600;
}
.selection-template dt:after {
    content: ":";
}
.selection-template dd {
    margin: 0 0 0 110px;
    padding: 0 0 5px 0;
}

.light-grid input.prize-type-dropdown,
.light-grid .k-dropdown.prize-type-dropdown {
    width: 100px;
}

.light-grid input.prize-info-terms,
.light-grid .k-dropdown.prize-info-terms-dropdown {
    width: 150px;
}

.editor-pair .light-grid input.prize-amount.k-numerictextbox,
.editor-pair .light-grid span.prize-amount.k-numerictextbox {
    width: 80px;
}

.prize-combobox-container span.k-combobox {
    width: 100%;
}

.winner-data-display-button {
    display: block;
    width: 16px;
    height: 16px;
    background: url("Media/icons/award-star-faded.png") no-repeat;
}
.winner-data-display-button.has-winner {
    background: url("Media/icons/award-star.png") no-repeat;
}
.prize-info-add-sign-button {
    display: block;
    width: 16px;
    height: 16px;
    background: url("Media/icons/sign-faded.png") no-repeat;
}
.prize-info-add-sign-button.has-sign {
    background: url("Media/icons/sign.png") no-repeat;
}
.info-container {
}
.info-container.single-line {
    white-space: nowrap;
}
.info-type-label {
    display: inline-block;
    border-radius: 4px;
    padding: 2px 4px;
    color: white;
}
.info-type-label.info-type-1 {
    background-color: #000099;
}
.info-type-label.info-type-2 {
    background-color: #444444;
}
.winner-data-container .winner-data {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    border-left: solid 1px #eee;
    -moz-box-shadow: 0 -2px 2px #000000;
    -moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 -2px 2px #000000;
    -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.5);
    box-shadow: 0 -2px 2px #000000;
    box-shadow: 0 -2px 2px rgba(0,0,0,0.5);
    border-collapse: separate;
    padding: 10px 0 0 10px;
    text-align: left;
}

.winner-data-container .winner-data h3.editor-section-title {
    margin-top: 0;
    margin-left: 0;
}

.order-item-controls {
    padding: 5px 10px;
    background-color: #999;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px #000000;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 1px 2px #000000;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    box-shadow: inset 0 1px 2px #000000;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    text-shadow: 1px 1px 2px #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    color: white;
    margin: 0 10px 10px 0;
}

.order-item-controls p {
    margin: 10px 0;
}
.order-item-controls p:first-child {
    margin-top: 0;
}

.total-row .large-total {
    font-size: 150%;
}

.growth.up {
    color: #009900;
}
.growth.down {
    color: #990000;
}
.growth.neutral {
    color: #444;
}
.numeric.non-legit-offset {
    background-color: #efefef;
}
.date-params {
    display: none;
}

/* Dialogs
******************************************************************************/
h1.dialog-title {
    margin: 0 5px 5px 5px;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    color:#2B6932;
    text-shadow: 1px 1px 2px #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.dialog-buttons {
    text-align: center;
}
.golf-hole-selection-dialog .hole-table {
    margin: 10px auto;
}

.contest-format-column {
    display: none;
}

.Putting .contest-format-column {
    display: table-cell;
}

/* Templates
******************************************************************************/
.page-control-panel {
    margin: 10px;
    padding: 5px 5px 3px 5px;
    background-color: #999;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px #000000;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 1px 2px #000000;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    box-shadow: inset 0 1px 2px #000000;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
}

.email-form th {
    text-align: right;
    font-weight: bold;
}
.email-form th,
.email-form td {
    padding: 4px;
    vertical-align: top;
}
.email-form td input[type="text"] {
    width: 400px;
}
.email-form td textarea {
    width: 400px;
}

.function-container {
    display: table-row;
}
.function-item {
    display: table-cell;
    text-align: right;
    padding: 5px;
}
.function-description {
    display: table-cell;
    color: white;
    padding: 5px;
}

@media screen {
    .template-rendering {
        border: dashed 1px #999;
        margin: 10px auto;
        width: 800px;
    }
}

.work-order-print,
.contract-print,
.invoice-print {
    font-family: Arial;
    line-height: 1.2em;
}
.work-order-print p,
.contract-print p,
.invoice-print p {
    margin: 10px;
}
.work-order-print .grid-container,
.contract-print .grid-container,
.invoice-print .grid-container {
    margin: 10px;
}
.hidden {
    display: none;
}
.work-order-header,
.contract-header,
.invoice-header {
    overflow: hidden;
}
.work-order-logo,
.contract-logo,
.invoice-logo {
    float: left;
    margin: 10px;
}
.work-order-address-business,
.contract-address-business,
.invoice-address-business {
    float: left;
    margin: 10px;
}
.work-order-title-container,
.contract-title-container,
.invoice-title-container {
    float: right;
    text-align: right;
    margin: 10px;
}
.work-order-title,
.contract-title,
.invoice-title {
    font-size: 150%;
    font-weight: bold;
    margin:0 0 4px 0;
    line-height: 100%;
}

.work-order-addresses,
.contract-addresses,
.invoice-addresses {
    overflow: hidden;
}
h2.address-name {
    font-weight: bold;
    font-size: 110%;
    border-bottom: solid 1px #999;
    margin: 0 0 4px 0;
}
.work-order-address-client,
.contract-address-client,
.invoice-address-client {
    float: left;
    margin: 10px;
}
.work-order-address-shipping,
.contract-address-shipping,
.invoice-address-shipping {
    float: left;
    margin: 10px;
}
.work-order-event-info,
.contract-event-info,
.invoice-event-info {
    width: 250px;
    float: right;
    margin: 10px;
    text-align: right;
}
.work-order-contact-user,
.contract-contact-user,
.invoice-contact-user {
    margin: 10px;
    border: solid 1px #ccc;
}
.work-order-print .work-order-contact-user p,
.contract-print .contract-contact-user p,
.invoice-print .invoice-contact-user p {
}
.print-logo {
    width: 200px;
    height: auto;
}

.invoice-thank-you {
    text-align: center;
    font-size: 150%;
    font-weight:bold;
    padding-bottom: 10px;
    border-bottom: dotted 1px #999;
}

.invoice-remit-return {
    text-align: center;
}
.invoice-remit-payment {
    margin: 10px;
    overflow: hidden;
}
.invoice-remit-payment-to {
    float: left;
}
.invoice-remit-info {
    float: right;
}

.light-grid .total-row {
    font-weight: bold;
}
.light-grid tbody.total tr.total-row th,
.light-grid tbody.total tr.total-row td {
    background-color: #ddd;
    border-bottom: solid 1px #444;
}
.light-grid tbody.total th {
    text-align: right;
}

.contract-table-footnote {
    margin: 10px;
}
.contract-fine-print {
    margin: 10px;
    font-style: italic;
    font-size: 90%;
    color: #666;
    line-height: 110%;
}
.signature-line-container {
    margin: 30px 10px 10px 10px;
    position: relative;
    border-bottom: solid 1px black;
}
.signature-signing-party {
    position: absolute;
    left: 0;
    bottom: 2px;
}
.signature-date {
    position: absolute;
    right: 25%;
    bottom: 2px;
}
.quote-notification {
    margin: 10px;
}

.ordered-list-header {
    font-weight: bold;
    text-align: center;
}
strong.advantage-critical {
    color: red;
}