body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: block;
    color: #422F0A;
    background-color: #f3f3f3;
    font-size: 12px;
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    line-height: 1.2em;
    min-width: 800px;
}

.middle { position: relative; padding: 0; margin: 0 auto; width: 960px; /*height: 100%; */}
/* body > div#headerwrap   { position: fixed; } */
div#headerwrap          { left: 0pt; top: 0pt; width: 100%; background-color: #942724; /*z-index: 100*/ }
#header         { height: 50pt; color: #fff }
#header a       { color: #fff}
#header ul      { float: left; padding: 0;}
#header ul li   { display: inline; border-left: 1px solid #bbb; padding: 1pt 6pt; }
#header ul li:first-child { border-left: 0; }

#usermenu       { padding: 1em 6pt; }

#authbox        { float: right; text-align: right; margin: 1em 6pt; }
#authbox input  { border: none; width: 70pt; }

#main       { background-color: #fff; min-height: 500px }
#main > div { padding: 10pt; }

ul      { list-style-type: none;}
ul, li  { margin: 0; padding: 0; }
p       { padding: 4pt; }
th      { text-align: left; font-weight: normal; }


.poster { padding:10pt }

.form           { width: 50%; margin: 0 20pt; }
.form .listing,
.form table     { width: 100%; margin-bottom: 10pt }
.form th        { width: 80pt; padding: 6pt 10pt; }
th.required,
.form tr.required th { font-weight: bold }
.form label.error { color: red }
.form input { width: 100pt; }

.line-form              { margin-top: 6pt; /*border-top: 1px solid #dadada;*/  }
.line-form table        { width: 100%;  }
.line-form th           { }
.line-form .cinema,
.line-form .city,
.line-form .district    { width: 100pt }
.line-form .street,
.line-form .exhibitor   { width: 120pt }

.form-text      { width: 100% }
.form-select    { width: 100% }
.form-textarea  { width: 100%; height: 100pt }

.cinema-add-form            { padding: 10pt; }
.cinema-add-form fieldset   { border: 1px solid #dadada }

.event-add-form label,
.event-add-form input
    { float: left }

div.listing .line       { border-bottom: 1px solid #dadada; padding: 4pt; height: 13pt; }
div.listing .line:hover { background-color: #FFFFCC !important; }
div.listing .line div   { /*height: 13pt; */line-height: 10pt; vertical-align: middle; }

div.listing .line .left                 { display: block; float: left; clear: both; }
div.listing ul .line .left              { padding-left: 10pt; padding-right: 40pt }
div.listing ul ul .line .left           { padding-left: 20pt; padding-right: 30pt }
div.listing ul ul ul .line .left        { padding-left: 30pt; padding-right: 20pt }
div.listing ul ul ul ul .line .left     { padding-left: 40pt; padding-right: 10pt }
div.listing ul ul ul ul ul .line .left  { padding-left: 50pt; padding-right: 0pt }

div.listing ul.cities .line         { font-weight: bold; background-color: #fff; /*border-bottom-width: 2px; *//*border-top: 1px solid #dadada*/}
div.listing ul.districts .line      { font-weight: normal; background-color: #fafafa; border-bottom-width: 1px  }
div.listing ul.cinemas .line        { font-weight: normal; border-bottom-width: 1px }
div.listing ul.events .line         { }

/* div.listing .submit { border: none; padding: 3pt 10pt; background-color: #444; color: #fff; font-size: 10pt } */

.action         { padding: 3pt 10pt; }
.action:hover   { background-color: #444; color: #fff }

.toolbar  { }
.toolbar span,
.toolbar a              { display: inline; border-left: 1px solid #bbb; padding: 1pt 4pt; }
.toolbar *:first-child  { border-left: 0; }

.index-link { border-bottom: 1px solid #dadada; width: 30em; }
.index-link a { padding: 1em; font-size: 12pt; display: block; }
.index-link a:hover { background-color: #FFFFCC; }

.tabs               { height: 14pt; width: 100%; margin-bottom: 10pt; border-bottom: 1px solid grey; }
.tabs div           { height: 100%; padding: 0 5pt; line-height: 14pt; }
.tabs a             { display: block; float: left; height: 14pt; position: relative; bottom: 1px; padding: 0 5pt; margin: 0 1.5pt;
                      background-color: #f3f3f3; border: 1px solid grey; border-bottom: none; }
.tabs a:hover       { text-decoration: none }
.tabs .selected     { z-index: 10; bottom: -0px; background-color: #fff; font-weight: bold; }
.tabs .disabled     { color: #fff; background-color: #ccc; cursor: default}

.clear { clear: both }
.left  { display: block; float: left }
.right { display: block; float: right }
a { color: #422F0A; outline: none; text-decoration: none }
a:hover { text-decoration: underline }

/* .required { font-weight: bold } */
.message { font-weight: bold }
/* .errors { color: red } */
/* .error { color: red } */
.button { float: right; margin-right: 10pt; padding: 0 5pt }
.submit { float: right; }
.w80 { width: 80%; display: block; margin: auto }
.small { font-size: 85%; color: #CC3300 }

input.time { width: 40pt }

a.dp-choose-date {
        float: left;
        width: 16px;
        height: 16px;
        padding: 0;
        margin: 5px 3px 0;
        display: block;
        text-indent: -2000px;
        overflow: hidden;
        background: url(/img/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
        width: 60pt;
        float: left;
}