/* настройки документа */
* {margin: 0; padding: 0;}
html {height: 100%;}
body {
    /*background: url('../img/background.gif'); */
    font-family: Tahoma;
    min-height: 100%;
    background-color: #333d43;
}
a {color: #135AC5; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}

h1 {font-size: 100%;}
h1.title {font-size: 100%; padding: 5px 30px;}
h2 {font-size: 100%; padding: 10px;}
ul.clear {list-style-image: none; list-style-type: none; margin: 0; padding: 0;}
div.clear {clear: both;}

/* элементы формы */
input, textarea, select {font-family: Tahoma; color: #1C3B4C; font-size: 90%;}
textarea, select {border: 1px solid #2e6384;}
/* input[type='text'], input.text {border: 1px solid #2E6384;} */

/* контейнер вывода ошибки доступа к странице (403, 404) */
div.errorAccess {font-size: 250%; font-weight: bold; color: #681c21;}

/* обрамляющий класс для главного контейнера сообщений (MessageSet) */
div.commonMessage {margin: 5px 0;}

div.shortForm {background-color: #f8d29c; padding: 15px; margin: 5px 0;}

a.buttonLink {font-weight: normal;}

#ajaxLoading {
    position: absolute;
    top: 39%;
    width: 100%;
    z-index: 999;
}
#ajaxLoading div {background-color: #1c3b4c; color: #ffffff; border: 2px solid #2e6384; font-size: 16px; font-weight: bold; text-align: center; padding: 15px; width: 200px; margin: 0 auto;}
div.dialogMessage {padding: 15px;}
div.dialogMessageIcon {margin: 3px 0 0 15px;}

/* ################################## */
/* ВИЗУАЛЬНЫЕ КОМПОНЕНТЫ */
/* ################################## */

/* персональный контейнер для визуального компонента */
div.control {margin: 10px 0;}

/* обрамляющий контейнер поля формы, которое содержит ошибку */
div.error {border: 1px solid #db4733; background-color: #fedede; color: #681c21; padding: 5px 10px;}

/* поле формы, обязательное для заполнения */
span.require {color: #db4733; font-size: 90%; font-weight: bold;}

/* панель в которой размещаются компоненты-фильтры */
div.filterPanel {background-color: #d5d5d5; padding: 5px 10px 8px 10px; margin-bottom: 1px; color: #aa2222; font-size: 82%; font-weight: bold;}
div.description {font-size: 70%; font-weight: normal; margin-top: 50px;}

/* панель для вывода расширенной информации (она может включаться/отключаться) */
div.panelExtends {background-color: #dddddd; padding: 20px; border: 1px solid #bbbbbb; margin-top: 2px; width: 500px;}

/* кнопки используемые в компонентах Pager, FilterSymbol */
input.buttonLabel {padding: 1px 4px; color: buttontext; cursor: hand; border: 1px buttonshadow solid; background-color: buttonface;}
input.buttonLabelSelected {background-color: #ffffff;}

/* ################################## */
/* компоненты класса FormControl */
/* ################################## */

/* компонент Button, шаблон Button.tpl */
input.button, input.buttonDisabled {padding: 2px 10px;}
input.buttonFilter {font-size: 85%; padding: 0 3px;}

/* компонент CheckBox, шаблон CheckBox.tpl */
div.checkBox {}
input.checkBox {}
span.checkBoxCaption {padding-left: 10px;}

/* компонент CheckFile, шаблон CheckFile.tpl */
div.checkFile {}
input.checkFile {}

/* компонент CheckImage, шаблон CheckImage.tpl */
div.checkImage {padding: 5px; font-size: 80%; font-weight: bold;}
input.checkImage {}

/* компонент CheckTextBox, шаблон CheckTextBox.tpl */
div.checkTextBox {}
div.checkTextBoxCaption {padding-bottom: 5px;}
input.checkTextBox {width: 400px; border: 1px solid #2E6384; padding: 2px;}
textarea.checkTextBox {width: 400px; height: 100px;}

/* компонент ComboBox, шаблон ComboBox.tpl */
div.comboBox {}
div.comboBoxCaption {padding-bottom: 5px;}
select.comboBox {width: 400px;}

/* компонент ComboBox, шаблон ComboBoxEdit.tpl */
div.comboBoxEdit {}
div.comboBoxEditCaption {padding-bottom: 5px;}
select.comboBoxEdit {width: 200px;}
input.comboBoxEditTextBox {width: 150px; border: 1px solid #2E6384; padding: 2px;}

/* компонент ComboBox, шаблон FilterComboBox.tpl */
div.filterComboBoxCaption {padding-bottom: 5px;}
select.filterComboBox {width: 250px;}
div.filterComboBoxWideCaption {padding-bottom: 5px;}
select.filterComboBoxWide {width: 400px;}

/* компонент ComboBox, шаблон RadioBox.tpl */
div.radioBox {}
div.radioBoxCaption {padding-bottom: 5px;}
div.radioBoxItems {border: 1px solid #2E6384; background-color: #ffffff; color: #1C3B4C; font-size: 90%; padding: 1px;}
div.radioBoxItem, div.radioBoxItemSelected {padding: 1px 5px; white-space: nowrap;}
div.radioBoxItemSelected {background-color: #0A246A; color: #ffffff;}
td.radioBoxColumn {vertical-align: top;}

/* компонент ComboBox, шаблон FilterRadioBox.tpl */
div.filterRadioBoxCaption {padding-bottom: 5px;}
div.filterRadioBoxItems {border: 1px solid #2E6384; background-color: #ffffff; color: #1C3B4C; font-size: 100%; padding: 1px;}
div.filterRadioBoxItem, div.filterRadioBoxItemSelected {padding: 1px 5px; white-space: nowrap;}
div.filterRadioBoxItemSelected {background-color: #0A246A; color: #ffffff;}
div.filterRadioBoxButton {font-size: 90%; text-align: right;}
td.filterRadioBoxColumn {vertical-align: top;}

/* компонент ListBox, шаблон ListBoxTransfer.tpl */
div.listBoxTransfer {}
div.listBoxTransferCaption {padding-bottom: 5px;}
div.listBoxTransfer select {width: 400px; height: 200px; float: left;}
div.listBoxTransfer select.sendData {display: none;}
div.listBoxTransferButtons {width: 100px; float: left; padding: 50px 30px;}
div.listBoxTransferButtons a {width: 100px; height: 30px; background: #D2E6E6; text-align: center; padding: 10px 0 0; margin: 0 0 10px; cursor: pointer; text-decoration: none; color: #666; display: block; font-size: 90%;}
div.listBoxTransferButtons a:hover {background: #2E6384; color: #fff; text-decoration: none;}
div.listBoxTransferButtons a.disabled,
div.listBoxTransferButtons a.disabled:hover {background: #ccc; color: #000; cursor: auto;}

/* компонент DateBox, шаблон DatePicker.tpl */
div.datePicker {}
div.datePickerCaption {padding-bottom: 3px;}
input.datePicker {/*float: left;*/}

/* компонент FileBox, шаблон FileBox.tpl */
div.fileBox {}
div.fileBoxCaption {padding-bottom: 5px;}
input.fileBox {width: 400px;}
div.fileBoxMaxSize {font-size: 75%;}
div.fileBoxExts {font-size: 75%;}

/* компонент ListBox, шаблон ListBox.tpl */
div.listBox {}
div.listBoxCaption {padding-bottom: 5px;}
select.listBox {width: 400px; height: 250px;}

/* компонент ListBox, шаблон CheckListBox.tpl (длинный) */
div.checkListBox {}
div.checkListBoxCaption {padding-bottom: 5px;}
div.checkListBoxItems {border: 1px solid #2E6384; background-color: #ffffff; color: #1C3B4C; font-size: 90%; padding: 1px;}
div.checkListBoxItem, div.checkListBoxItemSelected {padding: 1px 5px; white-space: nowrap;}
div.checkListBoxItemSelected {background-color: #0A246A; color: #ffffff;}
div.checkListBoxLink {text-align: right; padding: 3px 15px 3px 0; font-size: 85%; background-color: #f5f5f5;}
td.checkListBoxColumn {vertical-align: top;}

/* компонент ListBox, шаблон FilterCheckListBox.tpl */
div.filterCheckListBoxCaption {padding-bottom: 5px;}
div.filterCheckListBoxItems {border: 1px solid #2E6384; background-color: #ffffff; color: #1C3B4C; font-size: 100%; padding: 1px;}
div.filterCheckListBoxItem, div.filterCheckListBoxItemSelected {padding: 1px 5px; white-space: nowrap;}
div.filterCheckListBoxItemSelected {background-color: #0A246A; color: #ffffff;}
div.filterCheckListBoxButton {font-size: 90%; text-align: right;}
div.filterCheckListBoxLink {text-align: right; padding: 3px 15px 3px 0; font-size: 85%; background-color: #f5f5f5;}
td.filterCheckListBoxColumn {vertical-align: top;}

/* компонент ListBox, шаблон ListBoxPermissions.tpl */
table.listBoxPerms {width: 100%; border-collapse: collapse; margin-top: 1px; background-color: #ffffff; font-size: 82%;}

table.listBoxPerms tr.head {background-color: #b3cad3;}
table.listBoxPerms th {border: 1px solid #568da4; color: #122632; font-weight: bold; padding: 5px 10px; text-align: left;}
table.listBoxPerms th.type {text-align: center;}
table.listBoxPerms th.view {background-color: #ccddcc;}
table.listBoxPerms th.add {background-color: #ddddcc;}
table.listBoxPerms th.edit {background-color: #ccccdd;}
table.listBoxPerms th.delete {background-color: #ddcccc;}

table.listBoxPerms tr.module {background-color: #D4E1E6; font-weight: bold;}
table.listBoxPerms tr.manager {background-color: #E7F1F5; font-weight: bold;}
table.listBoxPerms tr.inflink {background-color: #f7cba1;}
table.listBoxPerms tr.permission {background-color: #c9ecb8;}
table.listBoxPerms tr.action {}

table.listBoxPerms td {border: 1px solid #acc8d4; padding: 3px 15px;}
table.listBoxPerms td.type {text-align: center;}
table.listBoxPerms td.view {background-color: #eeffee;}
table.listBoxPerms td.add {background-color: #ffffee;}
table.listBoxPerms td.edit {background-color: #eeeeff;}
table.listBoxPerms td.delete {background-color: #ffeeee;}
table.listBoxPerms td div.permissions {background-color: #66bb66;}
table.listBoxPerms td div.restructions {background-color: #bb6666;}

/* компонент TableGrid, шаблон TableGrid.tpl */
div.tableGrid {padding: 7px;}
table.tableGrid {background-color: #f5f5f5;}
div.tableGridCaption {padding-bottom: 5px;}
input.tableGridCheckBox {}
input.tableGridTextBox {width: 160px; font-size: 120%; border: 1px solid #2E6384; padding: 2px;}
select.tableGrid {font-size: 120%;}
div.tableGridEmpty {border: 1px solid #b3cad3; background-color: #e0eaee; padding: 5px; color: #122632; font-weight: bold; font-size: 90%; width: 350px;}

/* компонент TextBox, шаблон TextBox.tpl  */
div.textBox {}
div.textBoxCaption {padding-bottom: 5px;}
input.textBox {width: 400px; border: 1px solid #2E6384; padding: 2px;}
textarea.textBox {width: 404px; height: 60px;}
textarea.textBoxWide {width: 404px; height: 120px;}
div.textBoxInfoline {font-size: 75%;}

/* компонент TextBox, шаблон Password.tpl */
div.password {}
div.passwordCaption {padding-bottom: 5px;}
input.password {width: 200px; border: 1px solid #2E6384; padding: 2px;}

/* компонент TextBox, шаблон TextBoxSearch.tpl */
div.textBoxSearchCaption {padding-bottom: 5px;}
input.textBoxSearch {background: url('../../icons/magnifying-glass.gif') no-repeat #ffffff; vertical-align: middle; width: 145px; border: 1px solid #2E6384; padding: 2px 2px 2px 20px;}
input.textBoxSearchButton {vertical-align: middle; padding: 0 3px;}

/* компонент TextBox, шаблон TextBoxCaptcha.tpl  */
div.textBoxCaptcha {float:left; width:175px; padding:0 5px 15px 175px;}
div.textBoxCaptchaIco {float: left; width: 25px; clear: right;}

/* компонент TextBoxSuggest, шаблон TextBoxSuggest.tpl */
input.autocomplete {background: url('../../icons/autocomplete.gif') no-repeat #ffffff left; padding-left: 20px; width: 382px;}

/* ################################## */
/* компоненты класса Set */
/* ################################## */

/* контейнер сообщений об ошибках ErrorSet: как системных, так и пользовательских, шаблон ErrorSet.tpl */
div.errorSet {border: 1px solid #db4733; background-color: #fbadad; padding: 5px;}
div.errorSet ul {margin-left: 20px; list-style-type: square;}
div.errorSet li {color: #681c21;}

/* компонент Menu, шаблон Menu.tpl */
div.fullMenu {}
div.fullMenu div.menuItem {}
div.fullMenu div.menuItemCaption {}
div.fullMenu div.menuSubItem {}
div.fullMenu div.menuSubItemCaption {}
div.fullMenu div.menuIsEmpty {}

/* компонент Menu,  шаблон MenuComboBox.tpl */
div.menuComboBox {padding: 3px 20px;}
div.menuComboBox select.menuComboBox {font-size: 110%; width: 250px;}
div.menuComboBox option.containerItem {background-color: #5699c4; color: #ffffff;}
div.menuComboBox option.selectedItem {background-color: #e0eaee; font-weight: bold;}

/* контейнер сообщений MessageSet: как системных, так и пользовательских, шаблон MessageSet.tpl */
div.messageSet {border: 1px solid #dbad31; background-color: #fafbad; padding: 5px;}
div.messageSet ul {margin-left: 20px; list-style-type: square;}
div.messageSet li {color: #856623;}

div.captionHelper {font-size: 80%; font-style: italic;}

/* ################################## */
/* компоненты класса Simple */
/* ################################## */

/* компонент File,  шаблон File.tpl */
div.filePanel {background-color: #ffffff; border: 1px solid #acc8d4; padding: 5px; color: #1C3B4C;}

/* компонент FilterSymbol, шаблон FilterSymbol.tpl */
div.filterSymbols, div.filterOtherSymbols {padding: 4px 5px;}
div.filterOtherSymbols {border-top: 1px solid #b0b0b0;}

/* компонент Image, шаблон Image.tpl */
div.imagePanel {background-color: #ffffff; border: 1px solid #acc8d4; padding: 5px; color: #1C3B4C;}

/* компонент timeRange */
div.timeRangeSlider {width: 400px; margin: 10px;}
div.timeRangeText {width: 400px;}

/* компонент Label, шаблон Label.tpl */
div.label {background-color: #fffeeb; border: 1px solid #ffbc85; padding: 5px; color: #421E00; width: 395px;}
div.label ul {font-size: 86%; margin-left: 20px;}

/* компонент LinkLabel, шаблон Label.tpl */
div.linkLabel {margin-bottom:10px;}
div.linkLabel a {}
.linkLabelWithIcon {font-size:12px; }

/* компонент Pager, шаблон Pager.tpl */
div.pager {background-color: #5B8495; padding: 5px 10px; margin-bottom: 1px; color: #ffffff; font-size: 82%;}
span.pagerCaption {}
span.itemsCount {font-weight: bold;}
span.pagerItemNav {}
span.pagerItem {}
span.pagerItemSelected {}

/* компонент Pager, шаблон PagerBox.tpl */
select.pager {}

/* компонент listBox, шаблон sortBox.tpl */
div.sortBox {border: 1px solid #789aaf; width: 400px; background: #fff;}
div.sortBox li {border: 1px solid #949393; background: url(../../img/sortBoxBg.png) repeat-x 0 0; height: 45px; margin: 3px; color: #333; font-size: 21px; line-height: 45px; position: relative; padding: 0 140px 0 40px; overflow: hidden; cursor: n-resize;}
div.sortBox li a,
div.sortBox li span.settings,
div.sortBox li span.checkbox,
div.sortBox li span.time,
div.sortBox li span.ico {position: absolute; top: 0px; left: 0px; width: 40px; height: 45px; display: block; background: url(../../img/scheduleIco.png) no-repeat 0 -45px;}
div.sortBox li span.checkbox {right: 50px; top: 8px; left: auto; width: 61px; height: 31px; background: url(../../img/checkBoxSwitch.png) no-repeat 0 0; cursor: pointer;}
div.sortBox li span.time {right: 119px; left: auto; width: auto; background: none;}
div.sortBox li span.settings,
div.sortBox li a {right: 12px; top: 10px; left: auto; width: 26px; height: 26px; background: url(../../img/settingsIco.png) no-repeat 0 -26px;}
div.sortBox li span.settings {display: none;}
div.sortBox li.ads span.ico {background-image: url(../../img/advertIco.png);}
div.sortBox li.trailers span.ico {background-image: url(../../img/trailerIco.png);}
div.sortBox li.hall span.ico {background-image: url(../../img/hallIco.png);}

div.sortBox li:hover,
div.sortBox li.ui-sortable-helper {border: 1px solid #848383; background-position: 0 -45px; color: #fff;}
div.sortBox li:hover a,
div.sortBox li.ui-sortable-helper a {background-position: 0 -52px;}
div.sortBox li:hover span.ico,
div.sortBox li.ui-sortable-helper span.ico {background-position: 0 -90px;}

div.sortBox li.disabled {border: 1px solid #848383; background-position: 0 -90px; color: #808080;}
div.sortBox li.disabled span.settings {display: block; background-position: 0 0;}
div.sortBox li.disabled a {background-position: 0 0; display: none;}
div.sortBox li.disabled span.ico {background-position: 0 0;}
div.sortBox li.disabled span.checkbox {background-position: 0 -31px;}

div.transferSortBox {height: 300px}
div.transferSortBox div.sortBox {width: 220px; height: 300px; float: left; margin: 0 10px; overflow: auto; position: static;}
div.transferSortBox div.sortBox ul {min-height: 300px;}
div.transferSortBox div.sortBoxTo {margin: 0 10px 0 0}
div.transferSortBox li {padding: 0 10px;}
div.transferSortBox li.ui-draggable-dragging {width: 172px;}
div.transferSortBox li span {display: none;}
div.transferSortBox select {display: none;}
div.transferSortBox div.sortBoxTo li {padding: 0 30px 0 10px;}
div.transferSortBox div.sortBoxTo span.delete {display: block;}
div.transferSortBox span.delete {background: url(../../img/delete.png) no-repeat center center; position: absolute; right: 5px; top: 13px; width: 21px; height: 20px; padding: 1px; cursor: pointer;}
div.transferSortBox span.delete:hover {border: 1px solid #666; background-color: #fff; padding: 0;}

div.correctionGrid table {border: 1px dotted #808080; padding: 10px; margin: 10px;}
div.correctionGrid table td, div.correctionGrid table th {width: 80px; text-align: center}
div.correctionGrid table td input {width: 50px}
div.correctionGrid span.addRow {float: left; color: dodgerblue; margin-top: 10px; cursor: pointer}

div.maintenance {
    background: white;
    font-size: 20px;
    font-weight: bold;
    color: red;
    text-align: center;
    padding: 20px;
}

.scrollUp, .scrollDown {
    display: none;
    background: transparent url(/templates/themes/cinemaadm/img/reports/scrollUp.png) no-repeat top left;
    background-position: 50% 50%;
    width: 30px;
    height: 30px;
    bottom: 85px;
    opacity: 0.7;
    white-space: nowrap;
    cursor: pointer;
    margin: 10px 0px 10px 240px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.scrollDown {
    display: none;
    background: transparent url('/templates/themes/cinemaadm/img/reports/scrollDown.png') no-repeat top left;
    background-position: 50% 50%;
    bottom: 50px;
}