body {
    font-family:        Arial, Helvetica;
    font-size:          9pt;
}

/* ************************************************************************
   Ajax Message
*/

#ajax_message {
    position:           fixed;
    display:            none;
    top:                -2px;
    left:               0;
    right:              0;
    margin:             auto;
    width:              300px;
    height:             auto;
    padding:            1px;
    border:             1px solid #1166dd;
    box-shadow:         3px 3px 4px rgba(0,0,0,0.7);
    text-align:         center;
    vertical-align:     middle;
    z-index:            100;
}
#ajax_message div#ajax_message_bg {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    background:         #1166dd;
    opacity:            0.3;
    z-Index:            1;
}
#ajax_message div#ajax_message_container {
    position:           relative;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    height:             auto;
    z-Index:            2;
}

/* ************************************************************************
   Dialog
*/

.dialog_container {
    position:           fixed;
    display:            none;
    top:                0;
    bottom:             0;
    right:              0;
    left:               0;
    z-index:            200;
    background:         rgba(0,0,0,0.5);
}

.dialog_columns {
    border:             1px solid black;
    box-shadow:         3px 3px 4px #000000;
    background:         #ffffff;
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    margin:             auto;
    width:              800px;
    height:             450px;
}

.dialog_columns.viewui {
    height:             70%;
    min-height:         400px;
}

.dialog {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    padding:            20px;
    overflow:           auto;
}
.dialog.withpreview {
    height:             350px;
    width:              380px;
    right:              auto;
}

.dialog_preview {
    position:           absolute;
    border:             2px inset #000000;
    background:         #eeeeee;
    height:             350px;
    width:              336px;
    left:               420px;
    top:                0;
    margin:             5px;
    padding:            15px;
    overflow:           auto;
}

.dialog_container .tab {
    display:            inline-block;
    position:           relative;
    top:                -27px;
    height:             15px;
    min-width:          100px;
    margin-left:        5px;
    padding:            5px;
    background:         #dddddd;
    color:              #777777;
    border:             1px solid black;
    border-radius:      4px 4px 0 0;
    font-weight:        bold;
    cursor:             pointer;
}
.dialog_container .tab.active {
    height:             16px;
    background:         #ffffff;
    color:              #000000;
    border:             1px solid black;
    border-bottom:      0;
}

.dialog_container .close_dialog {
    display:            inline-block;
    position:           absolute;
    top:                -30px;
    right:              0;
    height:             24px;
    width:              24px;
    background:         url(../img/icons/close.png) center center no-repeat;
    cursor:             pointer;
}

div.dialog.withpreview label {
    width:              100px;
}
div#content .dialog_preview label {
    width:              100px;
}
div#content .dialog_preview select {
    width:              200px;
}
div#content .dialog_preview .indented {
    margin-left:        105px;
}
div#content .dialog_preview input[type=text], div#content .dialog_preview textarea {
    width:              200px;
    border-style:       solid !important;
}
.dialog_container > .dialog_columns > .form_controls_bottom {
    position:           absolute;
    bottom:             20px;
    left:               20px;
    right:              20px;
}

/* ************************************************************************
   Error Message
*/

#error_message {
    display:            none;
    left:               0;
    right:              0;
    padding:            5px;
    background:         rgba(200,0,0,0.4);
    border:             1px solid #990000;
    white-space:        normal;
}

/* ************************************************************************
   Forms
*/

.form_controls_top {
    padding-bottom:     5px;
    border-bottom:      3px double #1166dd;
}

.form_controls_bottom {
    padding-top:        5px;
    border-top:         3px double #1166dd;
    clear:              both;
}

/* Form Elements      ************************************************** */
div#content input[type=text], div#content input[type=password],
div#content select, 
div#content textarea,
div#content .textarea, 
div#content .inputfield {
    width:              250px;
    height:             15px;
    padding:            3px;
    border:             1px solid #aaaaaa;
    background:         #eeeeee;
    font-family:        Arial, Helvetica;
    font-size:          9pt;
}
div#content input[type=file] {
    background:         #eeeeee;
    font-family:        Arial, Helvetica;
    font-size:          9pt;
}
div#content .textarea, 
div#content .inputfield {
    display:            inline-block;
    overflow:           auto;
}

div#content textarea, div#content .textarea {
    width:              500px;
    height:             7em;
}

div#content textarea.kdb_option_group {
    height:             1.3em;
}
div#content textarea.kdb_option_group:focus {
    height:             7em;
}

div#content input.required, 
div#content textarea.required, 
div#content select.required {
    background:         #fffbbc;
}

div#content input[type=text]:focus:not([readonly]), 
div#content input[type=password]:focus:not([readonly]), 
div#content textarea:focus:not([readonly]),
div#content .textarea :focus,
div#content .inputfield:focus {
    background:         #b2cef4;
}

div#content select {
    padding:            2px;
    height:             23px;
    width:              258px;
}

div#content select[size] {
    height:             auto;
}
div#content select.ticket_category {
    display:            inline-block;
}
div#content select.no_tickets {
    width:              7em;
}
div#content select[name^=option_type] {
    width:              12em;
}

optgroup {
    text-decoration:    none;
    font-style:         normal;
    font-weight:        bold;
    color:              #000000;
    background-color:   #bbbbbb;
}
option {
    background-color:   #eeeeee;
}

div#content input[type=checkbox], div#content input[type=radio] {
    position:           relative;
    top:                1px;
    border-style:       none;
    border-width:       0;
    padding:            1px;
}

div#content .form_element {
    display:            inline-block;
    margin-top:         4px;
    vertical-align:     top;
}

div#content .form_additional_info {
    display:            inline-block;
    margin:             0;
    margin-left:        175px;
    padding:            3px;
    width:              500px;
}

div#content .group_dependent.hidden {
    color:              #aaaaaa;
}
div#content .group_dependent.hidden .option_group_form {
    display:            none;
}

/* Buttons            ************************************************** */

div#content input[type=button], div#content input[type=submit],
div#content input[type=reset] {
    padding:            1px;
    padding-left:       10px;
    padding-right:      10px;
    line-height:        18px;
    border:             2px outset #5784c1;
    border-radius:      6px;
    background-color:   #b2cef4;
    background-repeat:  no-repeat;
    background-position:3px center;
}
div#content input[type=button]:hover, div#content input[type=submit]:hover,
div#content input[type=reset]:hover {
    background-color:   #8eb6ed;
}
div#content input[type=button]:active, div#content input[type=submit]:active,
div#content input[type=reset]:active {
    border:             2px inset #5784c1;
}

div#content input[type=button].continue {
    border:             2px outset #5784c1;
    background:         #baf4b2;
}
div#content input[type=button].continue:hover {
    background:         #8ce880;
}
div#content input.continue:active {
    border:             2px inset #5784c1;
}

div#content input[name=kdb_submit],
div#content input[name=kdb_activate] {
    background-image:   url(../img/icons/ok.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_abort] {
    background-image:   url(../img/icons/abort.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_save] {
    background-image:   url(../img/icons/save.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_save_as] {
    background-image:   url(../img/icons/save_as.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_save_close] {
    background-image:   url(../img/icons/save_close.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_delete],
div#content input[name=kdb_deactivate] {
    background-image:   url(../img/icons/delete.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_restore] {
    background-image:   url(../img/icons/restore.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_email] {
    background-image:   url(../img/icons/email.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_csv] {
    background-image:   url(../img/icons/csv.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_copy] {
    background-image:   url(../img/icons/copy.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_hidecolumns] {
    background-image:   url(../img/icons/table-columns.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_merge] {
    background-image:   url(../img/icons/merge.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_preview] {
    background-image:   url(../img/icons/preview.png);
    padding-left:       20px !important;
}
div#content input[name=kdb_update_fees] {
    background-image:   url(../img/icons/update_fees.png);
    padding-left:       20px !important;
}
div#content input[type=submit][value=""], div#content input[type=submit][value=" "] {
    padding-left:       15px !important;
}

div#content div.multibuttoncontainer {
    float:              left;
}
div#content div.multibutton {
    position:           absolute;
    display:            none;
    padding:            5px;
    background:         #dddddd;
    border:             1px solid #555555;
    border-radius:      8px;
    box-shadow:         3px 3px 4px rgba(0,0,0,0.7);
    z-index:            80;
}
div#content div.multibutton p {
    cursor:             pointer;
    margin:             0;
    margin-bottom:      5px;
    padding:            0;
}

/* Labels             ************************************************** */
label {
    display:            inline-block;
    font-size:          9pt;
    width:              170px;
    margin-top:         4px;
    margin-right:       5px;
    text-align:         right;
    vertical-align:     top;
}
label.for_radio {
    width:              auto;
}

label.left {
    text-align:         left !important;
}

label.invalid {
    margin-left:        10px;
    width:              auto;
    color:              red;
    text-align:         left;
}
label.fee {
    width:              auto;
    text-align:         left;
}
form label.required:after {
    content:            "*";
    font-weight:        bold;
    color:              red;
}

div#content .indented {
    display:            inline-block;
    margin-left:        175px;
}

/* Error & Access     ************************************************** */

div#content input[type=text].error, div#content input[type=password].error,
div#content textarea.error, div#content select.error,
div#content input[type=text].invalid, div#content input[type=password].invalid,
div#content textarea.invalid, div#content select.invalid {
    background:         #ffdd99;
}

*[disabled], *[readonly] {
    border-style:       dashed !important;
}
option[disabled] {
    border-style:       none !important;
    color:              #aaaaaa;
}

/* Toggle             ************************************************** */
div#content .toggle {
    margin-bottom:      1em;
}
div#content .toggle_part {
    display:            inline-block;
    vertical-align:     top;
    width:              30em;
}
div#content .toggle_control span {
    cursor:             pointer;
}
div#content .toggle_part ul {
    display:            block;
    background-color:   #eeeeee;
    border:             1px solid #aaaaaa;
    margin:             0;
    margin-top:         0.5em;
    overflow:           auto;
    padding-left:       0;
    height:             13em;
    width:              100%;
    list-style-type:    none;
}
div#content .toggle_part ul li {
    cursor:             pointer;
    clear:              both;
}
div#content .toggle_part ul li.toggle_header {
    cursor:             default;
    background-color:   #aaaaaa;
    font-weight:        bold;
}
div#content .toggle_part ul li.active {
    background:         #B2CEF4;
}
div#content .toggle_control {
    display:            inline-block;
    vertical-align:     top;
    font-size:          14pt;
    padding:            10px;
    padding-top:        2em;
}
div#content .toggle_part ul input[type=checkbox] {
    position:           relative;
    float:              right;
}
div#content .toggle_available ul input[type=checkbox] {
    display:            none;
}

/* Special Forms      ************************************************** */

.login_form input[type=text], .login_form input[type=password] {
    width:              150px !important;
}

/* ************************************************************************
   Tables
*/

table.padding tr th, table.padding tr td {
    padding:            5px;
    padding-left:       0;
}

table.border tr th, table.border tr td {
    text-align:         center;
    border:             2px solid #C8D5E9;
    empty-cells:        show;
}

table.alignleft tr th, table.alignleft tr td {
    padding:            5px;
    text-align:         left;
}

table.borderrows {
    margin-top:         20px;
    border-collapse:    collapse;
}
table.borderrows tr th, table.borderrows tr td {
    border-top:         1px solid black;
}
table.borderrows tr:last-child th, table.borderrows tr:last-child td {
    border-bottom:      1px solid black;
}

table.borderrowsselect {
    margin-top:         20px;
    border-spacing:     0px;
}

table tr.withborder th, table tr.withborder td {
    border-top:         1px solid black;
    border-bottom:      1px solid black;
}
table tr.withbordertop th, table tr.withbordertop td {
    border-top:         1px solid black;
}

thead {
    position:           relative;
}

/* -------------------------------------------------------------------------- */
/* General link settings                                                      */
/* -------------------------------------------------------------------------- */

div#content a, div#content a:link {
    color:              #525f87;
    text-decoration:    none;
    font-weight:        bold;
}
div#content a:visited {
    color:              #525f87;
    text-decoration:    none;
    font-weight:        bold;
}
div#content a:hover {
    color:              #525f87;
    text-decoration:    underline overline;
    font-weight:        bold;
}
div#content a:active {
    color:              #525f87;
    text-decoration:    none;
    font-weight:        bold;
}
div#content a.disabled {
    color:              #aaaaaa;
    text-decoration:    none;
    font-weight:        bold;
}
div#content a.disabled:hover {
    color:              #aaaaaa;
    text-decoration:    none;
    font-weight:        bold;
}

/* ************************************************************************
   Standard elements
*/

h2 {
    font-size:          14pt;
    margin-top:         30px;
    margin-bottom:      10px;
}

h3 {
    font-size:          12pt;
    margin-top:         30px;
    margin-bottom:      10px;
}

h4 {
    font-size:          11pt;
    margin-top:         25px;
    margin-bottom:      10px;
}

h5 {
    font-size:          10pt;
    margin-top:         15px;
    margin-bottom:      5px;
}

.dialog_preview > h2, .dialog_preview > h3 {
    margin-top:         0px;
}

.first {
    margin-top:         15px;
}

.nomargin {
    margin:             0;
}

.disabled {
    color:              #999999;
}

.waitlisted {
    color:              #990000;
}

span.tooltip {
    position:           absolute;
    display:            none;
    font-weight:        normal !important;
    min-width:          150px;
    max-width:          350px;
    text-align:         left;
    padding:            5px;
    background:         rgba(241, 237, 172, 0.9);
    border:             1px solid #e3da4d;
    box-shadow:         3px 3px 4px rgba(0,0,0,0.5);
    z-index:            200;
}

.alignright {
    text-align:         right !important;
}