html, body{height:100%;margin:0;padding:0;}
html { overflow-y: scroll; }
body{font-family:Tahoma; font-size:12px; margin:0; padding:0;}
applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;outline:0;vertical-align:baseline;background:transparent;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/*:focus {outline: 0;}*/
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;	border-spacing: 0;}
p{margin:0 0 10px 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6{font-size:12px; margin:20px 0 10px 0;}
a img{ border:none; }

textarea{ width:100%; border-style:solid; border-width:1px; padding: 2px 0 0 2px;  margin: 0 -2px; vertical-align:text-top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }


a::-moz-focus-inner,
::-moz-focus-inner { outline: medium none; border: none; }

.field.error input[type="text"]:not(.customInput), .field.error input[type="password"], .field.error textarea, .field.error select, .field.error .value-outline { margin: 0; border-color: #E76; border-width: 2px; }
.field.error .value-outline { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 3px; border-style: solid; background-color: #fff; }
.field .error-box { display: none; }
.field.error .error-box {  clear:both; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 3px 3px; behavior: url(/css/border-radius.htc); -moz-box-shadow: 0 2px 3px #883333 inset; -webkit-box-shadow: 0 2px 2px #cc3333 inset; box-shadow: 0 2px 3px #883333 inset; background-color: #c53; color: #FFF; font-size: 11px; margin: 0 2px; padding: 3px 10px; display: block; font-weight: bold; }
.field.error .name { color: #c30; }
.field.error .error-box .icon { -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; background-color: #830; border: 1px solid #FFF; display: inline-block; zoom: 1; *display: inline; font: bold 12px Arial; line-height: 13px; margin: 0 4px 0 -4px; text-align: center; width: 13px; height: 13px; zoom: 1; *display: inline; }
.field.error .error-box .error { display: inline; }

input[type="text"], input[type="password"], textarea, select, .noedit { margin: 1px; box-shadow: 1px 1px 2px #E5E5E5 inset; -moz-box-shadow: 1px 1px 2px #E5E5E5 inset; -webkit-box-shadow: 1px 1px 2px #E5E5E5 inset; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; background-color: #fff; font-size: 13px; }
input[type="text"], input[type="password"] { padding: 5px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus,
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { box-shadow: 1px 1px 2px #ddd inset; -moz-box-shadow: 1px 1px 2px #ddd inset; -webkit-box-shadow: 1px 1px 2px #ddd inset; border-color: #999; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #555; }

.field.error input[type="text"]:focus, .field.error input[type="password"]:focus, .field.error textarea:focus, .field.error select:focus { border-color: #AA4400; }


.field label input[type="checkbox"], .field label input[type="radio"], .field label .caption { vertical-align: top; }
.field label input[type="checkbox"], .field label input[type="radio"] { margin-bottom: -20px; margin-top: 5px; }
.field label input[type="checkbox"]{ position:relative; z-index:100; }
.ui-dialog .field label input[type="checkbox"]{ position:relative; z-index:1000000; }
/*.field label input[type="radio"] { margin-bottom: 2px; }*/
.field label { padding: 2px 7px 2px 2px; display: inline-block; } 
.field label .caption { display: block; margin-top: 4px; padding-left: 24px; }
.field .valueContainer .value { width: 100%; }

.field input[type="text"] { width: 250px; }
.field input[type="text"].short { width: 70px; }
.field .integer input[type="text"] { width: 100px; }
.field input[type="password"] { width: 180px; }
.field textarea { width: 300px; }
.field select { width: auto; }

label.payment-system { display: block; margin-bottom: 10px; }




/* cool-button ----- */

.cool-button a, a.cool-button { text-decoration: none; display: inline-block; zoom: 1; *display: inline; }

.cool-button a, a.cool-button,
.cool-button input, input.cool-button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid; cursor: pointer; font-family: Arial; font-size: 13px; font-weight: bold; padding: 3px 15px; outline: none; }
.cool-button a:hover, a.cool-button:hover,
.cool-button input:hover, input.cool-button:hover { background-position: left 3%; }
.cool-button .disabled, .cool-button.disabled { cursor: default; }

.cool-button input, input.cool-button { overflow: visible; /*IE7 fix*/ }

.cool-button input, input.cool-button,
.cool-button a, a.cool-button,
.cool-button .mate,   .cool-button.mate   { background-position: left top; }
.cool-button .glass,  .cool-button.glass  { background-position: left 64%; }
/* + metallic*/

.cool-button .smalest,   .cool-button.smalest,
.cool-button .embossed,  .cool-button.embossed { background-position: left 94%; }
.cool-button .smalest,   .cool-button.smalest   { padding: 3px 15px; }
.cool-button a, a.cool-button,
.cool-button input, input.cool-button,
.cool-button .largest,   .cool-button.largest   { padding: 6px 20px; }
.cool-button .large,     .cool-button.large   { padding: 10px 25px; font-size: 17px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.cool-button .dark, .cool-button.dark { background-position: 0 8%; }
.cool-button .dark:hover, .cool-button.dark:hover { background-position: 0 12%; }
.cool-button a:focus, a.cool-button:focus,
/*.cool-button input:focus, input.cool-button:focus { -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); }*/

.cool-button a, a.cool-button,
.cool-button input, input.cool-button {
/*
    -moz-box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.35) inset, -1px -1px 4px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.35) inset, -1px -1px 4px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.35) inset, -1px -1px 4px rgba(0, 0, 0, 0.1) inset;
*/
}

.cool-button .disabled.wait, .cool-button.disabled.wait { background-repeat: no-repeat; background-position: 1em 50%; padding-left: 2.8em }



input.cool-button-large, a.cool-button-large { padding: 10px 25px; border-width:1px; border-style:solid; font-size: 14px; font-weight:bold; font-family:Arial; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor:pointer; cursor:hand; text-decoration:none; }

/* ----------------- */



.floatfix:after, .RegisterForm .field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.floatfix, .RegisterForm .field { display: inline-block;} 
.floatfix, .RegisterForm .field { zoom: 1; display: block; }

.spacer{ clear: both; height: 1px; margin: 20px 0 10px; font-size:0; }
.separator{ clear: both; height: 1px; margin: 20px 0 10px; font-size:0; }
.textBlock .separator{ margin: 0px; }
.last .separator{ display:none; }

.page-wrapper { height: 100%; height: auto !important; min-height: 100%; }
.page-content { padding: 10px 20px 62px 20px; }
.page-layout .page-content { padding: 10px 0 62px 0; float:left; display:inline; }

.block{ display:block; }
.relative{position:relative;}
.none, .make-me-unsee-it, .unsee, .inv{display:none;}
.invisible { visibility: hidden; }
.clear{clear:both;}
.td-none{text-decoration:none;}
.nowrap{white-space:nowrap;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.ov-hidden{overflow:hidden; }
.fw-normal{font-weight:normal; }
.float-right{float: right; display:inline;}
.float-left{float: left; display:inline;}

.pager{margin:5px 0; }
.pager ul{float:right; }
.pager ul li { list-style: none; float: left; margin:0 0 0 2px; }
.pager ul li a{padding:1px 3px; font-weight:bold; display:block; }
.pager ul li a.selected { padding-top:0; padding-bottom:0; border-style:solid; border-width:1px; text-decoration:none; }
.magic-tab {cursor: pointer; float:left; padding: 0 10px;}
.magic-tab-selected { padding: 0 10px; border-bottom: none;}
.magic-contentHolder { clear: both; }
.amenities li { width: 33%; float: left; display:inline; }

a.inner, span.inner{ text-decoration:none; border-style:dashed; border-width:0 0 1px; cursor:pointer; }


/** Booking Old Style**/

.photogallery .photo-icons{margin-left:-2px;}
.photogallery .thumb {cursor: pointer; cursor:hand; border-style:solid; border-width:1px; padding:1px; }
.filter-container {font-size: 9px;}
.prev, .next{ display:block; width:11px; height:12px; margin:2px 0 0; outline:none; }
.prev{ background-position: -43px 0; }
.next{ background-position: -54px 0; }

.pager-bar{ margin:0 0 5px; }
.pager-bar .pager{ margin-bottom:0; }
.showing-found{ float:left; line-height:1.3; }

.sorting-bar{ padding:6px 10px; margin:0 0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:0.9em; }
.sorting-bar .ajax-link{ padding:0 0 0 10px; font-weight:bold; }

.foot .more-info{ float:right; display:inline; margin:6px 4px 0 0; height:12px; line-height:1; }
.more-info .opened{ display:none; }
.open .default{ display:none; }
.open .opened{ float:left; display:inline; }
.more-info .bg{ float:right; display:inline; width:11px; height:7px; background-position:-21px 0; margin:.3em 0 0 .2em; }
.open .bg{ background-position:-32px 0; }

.loading{display:block; padding:0 20px 20px; font-weight:bold; }
.loading .indicator{vertical-align:top;}

.big-picture-holder{overflow:hidden; margin:0 0 10px; }
.photo-title{ margin:0 0 20px; }

.form{ margin:0 0 10px; }
.form label{ display:block; margin:0 0 7px; }
.form .t{ display:inline-block; display:-moz-inline-box; /*width:60px;*/ font-size:0.9em; font-weight: bold; margin:0 0 1px;}
.input{ width:70px; font-size:1em; padding: 4px; border-style:solid; border-width:1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/*.form input.wide { width: 100% }*/
.form .currency{ width:100%;}
.form .country, .form .city{ width:100%; font-size: 13px; font-weight: bold; font-family: Tahoma; }
.form .datefrom { font-size:0.9em; font-family: Tahoma; margin:0 0 5px; text-align:center; width:170px; font-weight: bold; padding:2px 15px 2px 0; background-repeat:no-repeat; background-position:99% 3px; cursor:pointer; }
.form .rooms, .form .nights,
.form .per-room{ width:43px; font-weight: bold; }
.hotel-name-input{width:100%; font-size:1.1em; }
.find-hotel{ float:right; margin:0; }
.find-hotel .value, .find-hotel:hover .value, .find-hotel:focus .value{ padding-top:6px; padding-bottom:5px; }

.field input.date[type="text"]{text-align:center; width:110px; font-weight: bold; padding-right: 20px; background-repeat:no-repeat; background-position: 96% 5px; cursor:pointer; }

/*.error .error{ padding: 3px 10px; font: 11px Tahoma; display: none; clear:both; margin-top:1px; }*/

.nav-panel{margin:0;}
.nav-panel .back-link { float:right; padding: 7px 12px 0 4px; }
.nav-panel i.prev { margin: 10px 2px 0px; } 
.nav-panel .tab{font:1.6em Arial; float:left; line-height:1.5; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; padding:0 15px; }
.table-bottom td{ border-style:solid; border-width:0; padding-top:4px; padding-bottom:4px; font-weight:bold; }
tr.sep td{ padding:0; }
tr.sep .separator{ margin:1px 0; }
.table-head{ font:bold 1.2em Arial; margin:0; }
.table-head .tab{ border-radius:0 3px 0 0; -moz-border-radius:0 3px 0 0; -webkit-border-radius:0 3px 0 0; border-radius:0 3px 0 0; padding:0 10px; line-height:1.5; margin:0 6px 0 0;}
.roomsInfoBlock{ line-height:1.5; }
.persons-in-rooms{ font-size:0.9em; } 
.table-head .persons-in-rooms{ display:none; }

.totalChargedInDisplayCurrency{ font:bold 1.15em Arial; line-height:1.5; }
.totalChargedInNativeCurrency{ font:bold 1.8em Arial; line-height:1.5; }

.attention{ border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:6px 10px; font:1em Arial; width:75%; margin:0 auto; }

.box{ border-style:solid; border-width:1px; margin:0 0 14px; padding:1px 0;}
.box-noborders{ border:none; }
.box .content{ margin:9px 14px;}
.box-padded .content{ margin: 9px 23px; }
.box .content .content{ margin:9px 10px;}
.box .h{ border-style:solid; border-width:0; border-bottom-width:1px; margin:0 1px; background-position:0 -457px; padding:0 0 0 14px; font-size:1.1em; line-height:2.2em;}
.box-orange .h{ background-position: 0 -193px; }
.box-gray .h{ background-position: 0 -127px; }
.box .h  .separator{display:none;}
.box-padded .h{margin:9px; margin-right:8px; padding-left:13px; border-left-width:1px; border-right-width:1px;}
.box-padded .h  .separator{display:block; margin:0 -1px 0 -15px; padding:0 0 1px;}
.box-compact{padding:0;}
.box-compact .h{ font-size:0.9em; line-height:1.3em; margin:0; padding:0 0 0.2em 9px; border:none; }
.box-compact .content{margin:0; padding:0; }
.box .h a{ text-decoration:none; }
.box .h a:hover, .box .h a:focus{ text-decoration:underline; outline:none; }

.req{padding:0 3px;}
/*
.header { height: 50px; border-style: solid; border-width: 0 0 1px; margin: 0 0 20px; background-position: 0 -13px; width: 100%; }
.header .logo{ margin: 15px 0 0 25px; float:left; display:inline; }
.header .header-title{ font-size: 18px; padding: 0 0 0 30px; line-height: 50px; }
*/

.header { font-family: Tahoma; font-size: 12px; padding-left: 20px; height: auto; margin: 0; background-repeat:repeat-x; background-position:0 bottom; border-style:solid; border-width:0 0 1px; }
.header .headline { color: #888; font: normal 12px Arial; padding: 0px; }
.header .event-logo{ float:left; display:inline; margin:0 16px 10px 0; border-style:solid; border-width:1px; }
.header .event-logo img{ max-height:70px; -height:70px; margin:0; }
.header .event-info{ float:left; display:inline;  }
.header .body { padding: 11px 0 0 30px; float: left;  }
.header .info .datespan { font: bold 1.29em Arial; }
.header .info { margin: 0 0 10px; }
.header h1 { font-size: 1.8em; font-weight: normal; margin: 0 0 3px; }
.header .logo { float: left; margin: 8px 5px 0 0px; padding: 5px; }

.header-tabs { display: block; clear: both; }

.booking-submit .value{padding:6px 11px 5px 13px; font:bold 1.35em Arial; width:auto;}

/* для отступов внутри попап-страниц:*/
.popup {padding:20px;}
.popup .header {margin:-20px -20px 20px;}/* у шапки отступов не надо */
.popup .logo {margin-left:20px;}/* а логотип слева выровнен с контентом */
/**/

.footer { font-size: 0.9em; margin: -41px 0 0; overflow: hidden;}
.footer .service-by { float: right; padding: 10px 20px; }
.footer .wrapper { border-style: solid; border-width: 1px 0 0; }

.certificate { float: right; margin: 7px 0px; }

form .note {margin: 1px; padding: 7px; border: 1px solid #ddd; float: left; white-space: nowrap;}

.RegisterForm .textBlock { padding: 20px 0 15px; clear:both; }
.RegisterForm .textBlock .blockTitle { font-weight: bold; font-size: 14px; }
.RegisterForm .textBlock .blockNote { font-size: 11px; padding-top: 2px; }
.RegisterForm label { cursor: pointer; }

/* .RegisterForm .separator { height: 1em; clear: both; background: inherit} */

.textBlock { padding: 20px 0 15px; }
.textBlock .blockTitle { font-weight: bold;}

/** Tickets Style**/
.table-container{ width:100%; }
.magic-table { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-clip: padding-box; -moz-background-clip: content-box; -webkit-background-clip: padding-box; overflow:hidden; margin-bottom:5px; border-style:solid; border-width:1px; border-collapse:separate; width:100%; border-top-width: 0px; }
.magic-table td { border-top: 1px solid #999; text-align: left; /*font-size: 13px;*/ }
.magic-table th, .magic-table td{ padding: 9px 10px; text-align:left; line-height: 1.5; vertical-align:top; border-style:solid; border-width:0 0 1px; }
.magic-table td.row-action{ padding:0; }
.magic-table th { font-size: 14px; font-family: Arial; white-space: nowrap; }
.magic-table tr.table-header { border: none; }
.magic-table .level-pad { padding-left: 34px; }
.magic-table .first-column { padding-left: 3px; }
.magic-table th:first-child{ -moz-border-radius:4px 0 0; border-radius:4px 0 0; }
.magic-table th:last-child{ -moz-border-radius:0 4px 0 0; border-radius:0 4px 0 0; }
.magic-table tr.table-row.trash{ margin:1px 0; }
.magic-table tr.table-row.trash td:first-child{ border-style:solid; border-width:0 0 0 2px; padding-left:8px; }

.magic-table .ui-button-text-only {float:left; display:inline; margin:0; border-style:solid; border-width:1px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-decoration:none; }
.magic-table .ui-button-text-only .ui-button-text{ padding:0 9px; line-height:26px; font-size: 12px; font-weight: normal; font-family: arial; white-space: nowrap; }
.magic-table .ui-button-text-only .ui-icon{ vertical-align:text-top;  }
.magic-table .order{ float:left; display:inline; margin:4px 0 0 4px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-style:solid; border-width:1px; line-height:20px; height:20px; width:20px; text-align:center; text-decoration:none; }
.magic-table .dummy{ border-width:0; margin-right:3px; }
.magic-table th a { text-decoration: none; }

.field .nameContainer, .field .nameContainer .padding, .field .nameContainer .reqSign, .field .nameContainer .name, .field .valueContainer, .field .valueContainer .value, .field .descriptionContainer{float:left; display:inline; vertical-align: top; }

.field .value input[type="text"].customInput {width: 84px;}
.field .value textarea { width: 300px; }
.field .value textarea.rte { width: 420px; }

.field .nameContainer .name{ float:right; }
.field .nameContainer { width: 30%; text-align: right; padding-right: 5px; padding-top: 5px; }
.field .valueContainer { width: auto; max-width: 65%; /*margin-bottom:6px;*/ }
.input-field { white-space: nowrap; padding-top: 10px; }
.input-field .ml-icon { padding: 0 0 0 4px; position: relative; z-index: 10; vertical-align: middle; }
.input-field .ml-input { margin-left: -20px; padding: 4px 4px 4px 24px; position: relative; width: 200px; vertical-align: middle; margin-right: 4px; }
.input-textfield { white-space: nowrap; padding-top: 10px; }
.input-textfield .ml-icon { padding: 5px 0 0 4px; position: relative; z-index: 10; vertical-align: top; }
.input-textfield .ml-input { margin-left: -20px; margin-right: 4px;  padding-left: 24px; position: relative; width: 200px; height: 55px; vertical-align: top; resize: none; }
.input-textfield .ml-input-large { margin-left: -20px; margin-right: 4px;  padding-left: 24px; position: relative; width: 310px; height: 75px; vertical-align: top; resize: none; }
.input-field .checkbox { vertical-align: baseline; }
.input-field .checkbox.in-option { vertical-align: middle; margin-right: 7px; }
.input-field label { cursor: pointer; }
.input-field .input-option { line-height: 25px; }
.options .ml-input { width: 150px; vertical-align: middle; }
body .ui-button-small .ui-button-text { padding: 2px 5px; }
body .ui-button-micro .ui-button-text { padding: 2px; }
body .ui-button-micro { display:inline-block; display:-moz-inline-box; vertical-align: middle; }
body .form-fields td { line-height: 21px; }
body .magic-table .ui-button-text { padding: 0 5px; }
body .magic-table .ui-button-text-only .ui-icon { margin-top: -1px; margin-right: 3px; }
body .inline-block { display:-moz-inline-box; display:inline-block; vertical-align: top; }
body .ui-button-nl .ui-icon { margin-left: -6px; }
body .ui-button { margin: 0; }
.valueContainer .descriptionContainer{ display: block; padding: 2px 3px;}
.RegisterForm .field { padding: 4px 0 2px; clear:both; }
.RegisterForm .required .nameContainer { font-weight: bold; }
.RegisterForm .reqSign{ font-weight: bold;}
.magic-table .required .name{ font-weight:bold;}
.magic-table .required-asterisk{ display:none; }
.magic-table .required .required-asterisk{ display:inline; color:#d00; }

body .magic-table .position-control { display:-moz-inline-box; display:inline-block;  width: 18px; height: 18px; line-height: 13px; font-size: 11px; text-align: center; vertical-align: top;}
body .magic-table .position-control-empty { display:-moz-inline-box; display:inline-block; width: 20px; height: 1px; margin-right: 3px;}
body .magic-table .position-control .ui-button-text { padding: 1px; }
body .ui-button { margin-right: 2px; }

.footer .body { float: right; padding: 10px 20px; }
.footer .copyright, .footer .copyright img { vertical-align: middle; }
.footer .copyright{ padding:12px 30px 0; float:left; display:inline; }

.preview-field { border-top: 1px solid #ddd; margin: 10px 0 0; padding: 5px 0 0;}
.preview-field .field-content { border: 1px solid #999; margin: 5px 0; padding: 10px; background: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0 0 2px #888 inset; box-shadow: 0 0 2px #888 inset; -webkit-box-shadow: 0 0 2px #888 inset;}
h1.title { font: normal 18px Arial; padding-top: 0; margin-top: 0 }
.page-content form { margin: 10px; }
.table-bottom form { margin: 0; }
.page-content .description { padding: 13px 15px; border: 1px solid; font: normal 11px Arial; }
.page-content .note { padding: 10px 0px; font: normal 11px Tahoma; }
.page-content .note .star { font: bold 14px Tahoma; }
.page-content .contact { font: 11px arial; padding-bottom: 3px; text-align: right; }
.page-content .actions { padding: 10px 33% 0; white-space: nowrap; }
.page-content form .descriptionContainer { font-size: 11px; }
.page-content form .indicator { float: left; }

.preview .value select{ width:100%; }

#FormPreview{ padding: 10px;  border: 2px solid #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#FormPreview .preview-header{ position: absolute; top: 0; left: 0; padding: 5px 12px 0 10px; height: 20px; background: #999; color: #fff; font-weight: bold; border-radius: 0px 0px 5px 0px;  -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; }
#FormPreview .preview-indicator { display: block; position: absolute; top: 0; right: 0; background: #999; padding: 4px 4px 6px 6px; border-radius: 0px 0px 0px  5px;  -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; }
ul.default-style, .page-content .description ul { list-style: circle inside; margin: 5px 0px; }
ul.default-style li, .page-content .description li { padding-left: 15px; }
form .description {padding: 3px 12px; margin-top: 4px;}
.form-settings td { padding: 5px; vertical-align: top; }
.form-settings .name { text-align: right; }
.form-settings { padding: 15px; margin: 15px; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px; }
.form-settings .multi { padding: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
div.jHtmlArea .ToolBar ul li { padding: 1px 2px !important; }
div.jHtmlArea .ToolBar ul li:hover { padding: 0px 2px !important; margin: 1px 0px !important; background: none !important; background-color: #eee !important; }
div.jHtmlArea .ToolBar ul { background-position: 0 10px !important; border: 1px solid #DDDDDD !important; padding: 0 2px !important; }
div.jHtmlArea iframe { border: 1px solid #aaa; }
.in-compound {display: inline-block; margin: 0 14px 14px 0;}
.in-compound .nameContainer { width: inherit; display: block; text-align: left;}
.in-compound .valueContainer { width: inherit; display: block; text-align: left; margin-left: 7px;}
.required .in-compound .nameContainer { font-weight: normal;}
.in-compound.required .nameContainer { font-weight: bold;}
.in-compound .valueContainer { width: inherit;}
.RegisterForm .in-compound { padding: 0 0 2px;}
.in-compound .valueContainer, .in-compound .valueContainer .value { text-align: left;}
.valueContainer .value div.option {display:inline; margin: 0 5px 5px 0;}
.valueContainer .value td { padding-right: 14px; vertical-align: top; }

.option-separated {border-top:1px solid #DDD; margin:10px 0 0; padding:5px 0 0;}
.expert-option-title {display: inline-block; width: 250px; text-align: right; padding-right: 14px}

.options-switcher { text-decoration: underline; cursor: pointer;}

.addthis { padding: 13px 17px 7px; font-size: 11px; float: right; }
.addthis a { padding: 0px 5px !important; vertical-align: middle; }
.addthis a span { margin-right: 3px; }
.tooltip { border: 1px solid; padding: 2px 5px; }
.tooltip .ui-icon { margin: -1px 0 0  -4px; }

.magic-table .table-row td { vertical-align: middle; }
.magic-table td.row-action { width: 20px; }

body .magic-table .ui-button-np .ui-button-text { padding: 0; }
.event-config { text-align: left; }
.event-config-option { margin: 20px 0 10px; }
.event-config-header { border-bottom: 1px solid; padding: 3px 5px 3px 0; font-weight: bold; margin:0 0 10px; }
.event-config-content { padding: 3px 16px; line-height: 23px;  }
.option-dependable { padding: 5px 0 2px 50px;}
label { cursor: hand; cursor: pointer; }
.html-area .ml-icon { position: absolute; margin: 7px 0 0 7px;}
.html-area div.jHtmlArea { border: solid 1px #ccc; background: #f7f7f7; }
.html-area div.jHtmlArea iframe  { background: #fff; }
.html-area div.jHtmlArea div {margin: 0 1px 1px;}
.html-area div.jHtmlArea .ToolBar { margin: 0; }
.event-config-content .html-area div.jHtmlArea .ToolBar { text-indent: 28px; }
.html-area div.jHtmlArea .ToolBar ul { text-indent: 0;}
.event-config-option .input {width: auto;}
.event-config-option .wide_input {width: 670px;}
.event-config-option .event-config-error { border: none; background: #d33; color: #fff; font-weight: bold; padding: 3px; border-bottom: 1px solid #900;}
.event-config-option .event-config-header .ui-icon { background-image: url(./images/ui-icons_ef8c08_256x240.png); margin-top:-1px; }
.event-config-option .event-config-error .ui-icon { background-image: url(./images/ui-icons_ffffff_256x240.png); }
.event-config-option .event-config-save { border-top: 1px solid #aaa; text-align: left; padding: 2px; background: #f7f7f7;border-radius: 0 0 4px 4px; -moz-border-radius: 0 0  4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.event-config-option .event-config-save .ui-button-text { padding: 3px 7px; }
.event-config-option .event-config-save .ui-button-text .ui-icon  { background-image: url(./images/ui-icons_228ef1_256x240.png); margin-top: 1px;  }
.header-tabs { padding: 3px 10px 0px; background: #e2e2e2; border-bottom: 1px solid #A4A4A4; margin-top: -1px; }
.header-tab {  padding: 4px 17px; background: #f7f7f7; border: 1px solid #A4A4A4; border-bottom: none; margin-right: 2px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; text-decoration: none; color: #BB6655; font-size: 11px; font-weight: bold; }
.header-tab:hover { background: #fafaf0; }
.header-tabs .selected-tab { background: #fff; margin: -3px 2px -1px 0; padding: 6px 17px; text-decoration: none;  color: #444; }

.info-block { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; border: 1px solid #aaa; box-shadow: 0px 0px 3px #aaa; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; margin: 10px 0 15px;}
.info-block:last-child { margin-bottom: 0;}
.info-block .info-row{  padding: 0 5px; }
.info-block .info-header { padding: 2px 5px; border-bottom: 1px solid #A4A4A4; font-weight: bold; background: #e0e0e0; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.info-block .left-column { width: 29%; padding-right: 1%; border-right: 1px solid #d0d0d0; margin-right: -1px; text-align: right; color: #555; font-weight: bold; overflow: hidden;  }
.info-block .right-column { width: 68%; padding-left: 1%; border-left: 1px solid #d0d0d0; margin-right: -1px; }
.info-block .info-separator { border-top: 1px solid #d0d0d0; }
.info-block .left-column, .info-block .right-column { padding-bottom: 3px; padding-top: 2px; }

/* order info page */
.customMessage {}
.PaymentMessage {clear: both;}
.sendInvoice, .sendTickets {cursor: pointer; text-decoration: underline; color: blue; padding: 7px 0;}
.notificationsStatus {clear: both;} /* notifications sending statuses */
.notificationsStatus .success, .orderActions .success {} /* on AJAX successful result */
.notificationsStatus .error, .orderActions .error {} /* on AJAX error*/


.RegisterForm .ticketHeader { -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; border-bottom: 1px solid; font-size: 18px; font-weight: bold; margin: 0px; padding: 9px 28px 6px; }
.RegisterForm .ticketFields, .billingBlock .billingData { padding: 30px 30px; }
.RegisterForm .separateTicket, .billingBlock .billingData{ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 30px 0; }

.orderSteps { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; display: inline-block; padding-top: 15px; }
.orderSteps .step, .orderSteps .current-step, .orderSteps .complete-step { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; float:left; display:inline; padding: 3px 13px 3px 4px; border: 3px solid; font-weight: bold; line-height:32px; vertical-align:middle; margin:0 6px 0 0;}
.orderSteps .orderStepNum{ -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid; float:left; display:inline; font-size: 15px; height: 20px; padding: 3px; text-align: center; width: 20px; line-height:20px; margin:0 3px 0 0; }
.termsAndConditionsBox { width: 400px; height: 100px; overflow-y: scroll; background-color: #fff; margin: 5px 0px; padding: 5px; border: 1px solid #aaa; }



.ml-input-stretchy { margin-left: -24px; margin-right: 4px; padding-left: 24px; margin-bottom: 14px; position: relative; width: 95%; vertical-align: top; }

.customFormText { background-color: #F1F1F1; border: 2px solid #ccc; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; margin: 20px 0; padding: 14px;}
.customFormText ul { list-style: circle inside none; margin: 10px 0; }
.customFormText ul li { margin: 3px 0 0 15px; }

.get-widget { padding: 15px 20px 15px 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 600px; margin: 0 0 15px; min-width: 500px; }
.get-widget textarea, .get-widget input[type="text"] { display: block; margin: 10px 0px; width: 100%; }
.get-widget .widget-code { margin-right: 2px; padding-right: 2px; }
.get-widget .widget-code img { padding: 0px; margin: 2px 5px 2px }

.yourOrderId {padding-top: 12px; padding-bottom: 12px; font-weight: bold;}
.yourOrderId .note {font-weight: normal;}

.bp_status_message {white-space:normal; text-align: left; margin-top: 14px;}

.presetSelector{margin: 14px 0; padding: 2px;}
.form-notice { font-size: 11px; margin: 0 26px -19px; color: #555; }
.form-notice .star { color: red; font: bold 14px Tahoma; }
.formsBlock h1 { font: normal 20px Tahoma; margin: 10px 0 20px; }

.column-option-title {text-indent: 14px; font-size:0.9em;}
.row-total {font-weight:bold}
.importResult {margin-top: 14px; margin-bottom:14px; font-weight: bold;}

.logo_inviter { -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; -moz-box-shadow: 1px 1px 3px #DDD, -1px -2px 3px #DDD inset, 1px 1px 3px #FFF inset; -webkit-box-shadow: 1px 1px 3px #DDD, -1px -2px 3px #DDD inset, 1px 1px 3px #FFF inset; box-shadow: 1px 1px 3px #DDD, -1px -2px 3px #DDD inset, 1px 1px 3px #FFF inset; background-image: url("/img/cool-button-bg.png"); background-position: 0 -48px; border: 1px solid #CCC; display: inline-block; zoom: 1; *display: inline; background-color: #fff; }
.set-logo { font-weight: bold; height: 80px; text-align: center; vertical-align: middle; width: 80px; display: table-cell; background-position: 3px 4px; font-size: 11px; color: #333; }
.partner_logo {display:inline-block; text-align:center; margin:0 16px 0 0; }
.partner_logo img{margin-bottom:3px; }
.logo_delete{ margin-top:5px;  }
#event_logo_container, #partner_logo_container, #partner_logo_uploader_container{ padding-bottom:4px; }
.logo_event{margin-bottom:3px; }

.page-layout{ padding:30px 30px 60px 260px; margin:-10px 0 0 30px; font-family:Arial; }
.menubox{ float:left; display:inline; margin:0 0 0 -260px; width:227px; padding:15px 0; }
.menubox .link{ display:block; margin:0 0 0 27px; line-height:33px; border-style:solid; border-width:1px 0; text-decoration:none; }
.menubox .current{ margin:-1px 0 -1px 13px; border-width:0; padding-left:14px; border-radius:14px 0 0 14px; -moz-border-radius:14px 0 0 14px; -webkit-border-radius:14px 0 0 14px; }  
.menubox .h{ padding-left:27px; line-height:29px; border-style:solid; border-width:1px 0; margin:7px 0; background-position:left bottom; background-repeat:no-repeat; }
.menubox h1.current,
.menubox h2.current,
.menubox h3.current,
.menubox h4.current,
.menubox h5.current,
.menubox h6.current{ border-radius:0; -moz-border-radius:0; webkit-border-radius:0;}

.page, .page-content{ }
.page-layout .page-content, .page-layout .page{ padding-top:0; padding-right:0; min-width:100%; //width:100%; }
.a-box{ border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.box-header{ border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; border-style:solid; border-width:0 0 1px; }
.box-header, .box-body{ padding:13px 27px 15px; }
.box-body{ border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; border-style:solid; border-width:1px;  padding-bottom:45px; }
.box-header .h{ margin:0; font-family:'Arial Black',Arial,sans-serif; font-weight:bold; font-size: 1.5em; }
.box-header .descr { font-size: 1.2em; }
.box-info { margin:0 0 15px 15px; font-size:12px; list-style-type:circle; }
.box-info .item { font-size: 110%; list-style-image: url("/img/boolet.png"); margin: 3px; }
.table-bottom{ font-size:0.9em; margin: 10px 6px 15px 15px; padding:5px 0; }
.table-of-settings .name{ width:140px; }

.row-action .ui-button{ margin:0 3px 0 0; }
.row-action .down{ margin-left:6px; }
.row-action .up{ margin-right:6px; }

/* стили для страницы /manage/form/ */
.setup-and-preview{ padding:0 0 10px; margin:0 15px 0 0;}
.setup-area, .preview-area{ float:left; width:49.5%; }
.preview-area{ float:right; }
.setup-and-preview .actions{ min-height:35px; //height:35px; margin-bottom:10px; padding:0; }
.setup-and-preview .actions .cool-button{ float:right; display:inline; }
.setup-and-preview .view-modes{ float:right; position:relative; zoom:1; margin-top:-50px; }
.setup-and-preview .mode{ float:left; display:inline; padding:6px 9px; line-height:1; font-size:12px; border:solid 1px #999; }
.view-modes .mode-first{ border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; }
.view-modes .mode-last{ border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; }
.view-modes .mode-single{ margin-left:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.view-mode-formeditor .setup-and-preview .setup-area{ width:100%; }
.view-mode-formeditor .setup-and-preview .preview-area{ display:none; }
.view-mode-formpreview .setup-and-preview .preview-area{ width:100%; }
.view-mode-formpreview .setup-and-preview .setup-area{ display:none; }
.view-mode-maximize .setup-and-preview .setup-area,
.view-mode-maximize .setup-and-preview .preview-area{ width:49.5%; -width:49%; display:block; }
.view-mode-maximize .header,
.view-mode-maximize .footer,
.view-mode-maximize .menubox,
.view-mode-maximize .mode-editor,
.view-mode-maximize .mode-preview{ display:none; }
.view-mode-maximize .page-layout{ padding:0; margin:0; }
.view-mode-maximize .a-box{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
/**/

/* стили для таблицы /manage/form/ */
.form-configuration-table td,
.form-configuration-table th,
.form-configuration-table .order-buttons-both{ padding:3px; line-height:21px; }
.form-configuration-table th{ padding:6px 3px; }
.form-configuration-table td{ padding-bottom:0; }
.form-configuration-table .order-buttons-both .ui-button, 
.form-configuration-table .order-buttons-both .position-control-empty,
.form-configuration-table .order-buttons-both .level-icon{ float:left; display:inline; width:18px; height:18px; line-height:18px; }
.form-configuration-table .order-buttons-both .position-control-empty{ width:20px; height:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f3f3f3; }/* вместо бордеров, которые есть у стрелок сортировки */
.form-configuration-table .order-buttons-both .level-icon{ width:12px; height:16px; margin-left:-25px; background: transparent url(/img/bgLevelPad.png) no-repeat scroll 0 0; }
.form-configuration-table .ui-button{ margin:0 3px 3px 0; }
.form-configuration-table .level-pad{ white-space:nowrap; padding-left:46px; }
.form-configuration-table .name{ padding-left:6px; float:left; display:inline; width:50% /*нужно, но временно*/; }
/**/


/* стили для /manage/notifications/ */
.manage-notifications .ui-button{ margin:0 3px 3px 0; }
/**/

/* стили для /manage/visitStats/ */
.manage-visitstats .column-fieldName, 
.manage-visitstats .column-field-title{ padding-left:6px; }
.manage-visitstats td.column-field-title{ line-height:1.3; }
/**/

/* стили для таблицы с кнопками по наведению */
.actions-on-hover .row-hover .buttons-positioner{ position:relative; zoom:1;}
.actions-on-hover .row-hover td{ padding-bottom: 32px; }
.actions-on-hover .buttons-holder { position:absolute; right:0; bottom:-32px; z-index:15; white-space:nowrap; }
/**/

label.payment-system { padding-bottom: 25px; display: block; }
.payment-system .payment-title { font-weight: bold; }
.payment-system .payment-image { margin-left: 22px; margin-top: -7px; }
.payment-system .payment-description { font-size: 11px; color: #777; margin-left: 22px; margin-top: 3px; }

.column-visitor_company { max-width: 200px; overflow: hidden; }
.column-visitor_name { max-width: 100px; overflow: hidden; }

td.column-type, td.column-name{ line-height:1.3 !important; }

.tickets-type-table td.column-name, 
.tickets-type-table td.column-price, 
.tickets-type-table td.column-fees{ line-height:1.3; }

.search-filter{ text-align:left; margin:0; }
#filter_form{ margin:0 0 20px; }
.filter-searchwrap{ margin: 0; padding:8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.search-filter-full .filter-searchwrap{ padding:8px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; }
.filter-searchwrap .searchinput{ width:250px; }
.filter-name{ font-weight:bold; }
.filter-label .filter-name{ font-weight:normal; }
.search-filter .filter-group{ margin:0 70px 0 0; position:relative; line-height:14px; vertical-align:top; border-style:solid; border-width:0 0 0 1px; padding:0 0 0 8px;}
.search-filter .filter-group-first{ border-width:0; padding:0; }
.filter-group .filter{ margin:0; }
.filter-more{ margin-left:0; }
.more-filteroptions{ margin:5px 0 0; }
.filters-wrapper{ padding:8px; margin:1px 0 0; display:none; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}
.search-filter-full .filters-wrapper{ padding:8px; display:block; }

.badge-type-color{ width:200px; margin:0 0 10px; margin: 0 0 10px; padding: 0 0 10px; }
.badge-type-color .type-name{ white-space:normal; line-height:1.3; padding:0.4em 0 0 16px; }
.badge-type-color .pick-color{ float:left; margin-right: 10px; margin-top: -2px; }

.search-filters-toggler, .search-filters-reset{ padding:0 0 0 10px; display:inline-block; zoom:1; }
.search-filters-toggler .t{ border-style:dotted; border-width:0 0 1px; }
.search-filters-toggler .opened-text{ display:none; }
.search-filter-full .search-filters-toggler .opened-text{ display:inline; }
.search-filter-full .search-filters-toggler .closed-text{ display:none; }

.search-stats{ text-align:right; font-size: 15px; padding: 15px; }
.search-stats .stats_topic{ float:left; display:inline; margin:0 15px 0 0; }


.colorpicker { z-index: 100; }
td.money_column {text-align: right; padding-right:24px; width:50px;}

.export-block { padding: 20px; background-color: #E5E5E5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.export-block label { display: block; padding: 0 5px 15px; text-align: left; }

.billing-address-form .name{ width: 140px; text-align:right; }
.distributions-form .name{ width: 220px; text-align:right; }

.footer .tfe{ margin:-2px 25px 0 0; }

.time-separator { font-weight: bold; margin-left: 1px; margin-right: -2px; }

.steps{ margin: 7px -27px 20px; padding:0 27px; border-style:solid; border-width:0 0 1px; }
.steps .step{ position:relative; padding: 4px 20px; border-radius: 18px; -moz-border-radius:18px; -webkit-border-radius:18px; border-style:solid; border-width:3px; font-size: 13px; margin: 0 6px 6px 0; line-height:1.3; }
.step .arr{ position:absolute; top:100%; left:50%; margin:0 0 0 -3px; width:7px; height:4px; z-index:10; }
.step .number { border: 3px solid #E5E5E5; border-radius: 20px 20px 20px 20px; display: inline-block; font-size: 15px; font-weight: bold; height: 20px; line-height:20px; margin-left: -15px; margin-right: 5px; text-align: center; width: 20px; }
.step-complete .number { border-color: #fff; color: #aaa; }
.step a.step-link { text-decoration: none; text-shadow: 0 1px 0 #FFF; }
.step a.step-link:hover { text-decoration: underline; text-shadow: none; }
.step-complete .t{ text-decoration:underline !important; }
.step-ahead{ cursor:default; }
.step_content .indicator{ position:absolute; bottom:.8em; left:-20px; }
.steps .borderline{ height:0; padding:14px 0 0; margin:20px -27px 0; border-style:solid; border-width:0 0 1px;}

.mc-mailbody{ width:65%; margin:0 0 15px; }
.mc-mailbody .field .nameContainer{ display:none; }
.mc-mailbody .field .valueContainer{ width:97%; max-width:97%; }
.mc-mailbody div.jHtmlArea, 
.mc-mailbody div.jHtmlArea iframe,
.mc-mailbody div.jHtmlArea .ToolBar,
.mc-mailbody .field .valueContainer textarea{ width:100% !important; }
.mc-mailbody .field .valueContainer textarea, .mc-mailbody div.jHtmlArea iframe{ height:350px !important; }
.substitutes{ width:30%; }
.substitutes .h{ font-size:110%; font-family:Tahoma, Verdana, sans-serif; }
.substitutes .part{ margin:0 0 15px; }
.substitutes .subtitle{}
.substitutes .subst{ padding:.3em .6em .3em 0; }

.cmp_recipient{ padding:8px; border-style:solid; border-width:0 0 1px; min-height:39px;}
.cmp_recipient .name{ font-weight:bold; }
.cmp_recipient .email{ font-size:90%; }
.recipients-column{ margin:0 20px 25px 0; position:relative; }
.recipient-action{ padding:0 6px 0 0; font-size:95%; }

.recipients-filters, .rec-list{ border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-style:solid; border-width:1px;}
.recipients-filters{ font-size:110%; width:220px; border-width:1px 0 1px 1px; border-radius:8px 0 0 8px; margin: 69px -1px 25px 0; z-index:2; }
.rec_source_filter{ border-style:solid; border-width:1px 0 1px; }
.first-source-filter{ border-width:0 0 1px; }
.last-source-filter{ border-width:1px 0 0; }
.rec_source_filter .title{ border:none; /*font-weight:bold;*/ cursor:pointer; padding: 10px; }
.filter_container{ padding:8px 8px 0; margin:0 8px 8px; border-style:solid; border-width:1px; }
.sub-filter-title{ font-weight:bold; cursor:pointer; margin:0 -8px; padding:8px; border-style:solid; border-width:1px 0 0; }
.sub_title{ padding:0 0 8px; }
.sft-first{ border:none;}

.rec-list{ width:30%; min-width:174px; max-width:310px; }
.rec-list .recipients, .rec-list #rec_list{ height:500px; overflow-y:scroll; }
.filtered-recipients .recipients{ margin-left:10px; border-style:solid; border-width: 1px 0 0 1px; }
.rec-header{ padding:8px; /*border-style:solid; border-width:0 0 1px; height:52px;*/ }
.add-into-list{ padding:8px; }
.rec-manual-form label{ margin:0 0 .2em; }
.rec-manual-form .nm{ width:75px; text-align:right; margin:0 8px 0 0; font-size:12px; font-weight:bold; }

.mc-confirm{  }
.mc-confirm .data-block{ margin:0 0 10px; border-style:solid; border-width:1px; border-radius:8px; padding:8px 8px 8px 42px; background-repeat:no-repeat; background-position:8px 8px; max-width:630px; }
.mc-confirm .error_block{ margin:0 0 25px;  }
.mc-confirm .completed_block{ font-size:120%; font-weight:bold; }
.mc-confirm .block_title{ font-size:130%; margin:0 0 .7em; font-weight:bold; line-height:26px;  }
.mc-confirm .data_row{ margin:0 0 .7em; clear:both; overflow:hidden; }
.mc-confirm .data_title, .mc-confirm .data_value{ float:left; display:inline; }
.mc-confirm .data_title{ font-weight:bold; width:250px; }
.event-config-description { color: #777777; font-weight: normal; padding: 3px 15px; }
.field-title { display: inline-block; }

.cmp_recipient .hid{ visibility:hidden; }
.side-btn{ position:absolute; z-index:5; right:0; top:0; border-style:solid; border-width:0 0 0 1px; display:block; }
.recip-btn{ min-width:44px; height:44px; padding: 8px 8px 12px; }
.side-btn .icon{ margin:auto; width:26px; height:26px; background-position:0 0; }
.recipient-hover .hid{ visibility:visible; }
#cmp_selector{ width: 185px; }

.step-recipients{ min-width:613px; -width:609px; }
.page-content .step-mailbody form{ margin:0; }


/* Схема зала */
.seat-plan { position: relative; user-select: none; overflow: hidden; }
.seat-tip  { z-index: 1000; display: none; position: absolute; padding: 5px 8px; font-size: 90%; color: #777; background-color: #ffffff; text-shadow: 0 1px 0 #fff; margin-top: 9px; margin-left: -12px;
    background-image: -moz-linear-gradient(bottom, #e5e5e5, #fff);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e9eaeb)) !important; /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#fff, #e9eaeb) !important; /* Chrome 10+, Saf6 */
    background-image: -o-linear-gradient(bottom, #e9eaeb, #fff) !important; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9eaeb', EndColorStr='#ffffff') !important;*/ /* IE6–IE9 */
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1) -o-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
    border: 1px solid #ccc;
}
.seat-tip .seat-price { font-size: 13px; color: #444; font-weight: bold;  }
.seat-tip .name {   }
.seat-tip .value {  font-weight: bold; margin-left: -1px; }
.seat-tip .seat-tip-arrow { background-image: url(/img/tip-arrows.png); width: 100%; height: 10px; display: block; position: absolute; top: -8px; margin-left: -5px; background-position: center -2px; background-repeat: no-repeat; }
.seat-tip .seat-sector, .seat-tip .seat-row, .seat-tip .seat-seat { padding: 2px; }
.seat-tip .seat-sector { font-size: 120%; }

.plan-preloader, .plan-container { border: 5px solid #bbb; border-radius: 10px; overflow: hidden; /*box-shadow: 0 0 0 5px #ccc;*/ }
.plan-preloader { padding: 15px 25px; color: #444;
    background-image:    -moz-linear-gradient(bottom, #eaeaea, #fafafa);
    background-image: -webkit-linear-gradient(bottom, #eaeaea, #fafafa);
    background-image:      -o-linear-gradient(bottom, #eaeaea, #fafafa);
    background-image:         linear-gradient(bottom, #eaeaea, #fafafa);
    background-image:        -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#fafafa));
}

.plan-header { background-color: #eee; padding: 12px 20px; border-bottom: 1px solid #ccc;
    background-image:    -moz-linear-gradient(bottom, #eaeaea, #fafafa);    -moz-border-radius: 5px 5px 0 0;
    background-image: -webkit-linear-gradient(bottom, #eaeaea, #fafafa); -webkit-border-radius: 5px 5px 0 0;
    background-image:      -o-linear-gradient(bottom, #eaeaea, #fafafa);      -o-border-radius: 5px 5px 0 0;
    background-image:         linear-gradient(bottom, #eaeaea, #fafafa);         border-radius: 5px 5px 0 0;
    background-image:        -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#fafafa));
}
.seat-legend .seat-zone { display: inline-block; height: 40px; padding: 0 10px; text-shadow: 0 1px 0 #FFFFFF; color: #555555;
       -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.8), -2px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.8), -2px 0 0 rgba(0, 0, 0, 0.1);
         -o-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.8), -2px 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: -1px 0 0 rgba(255, 255, 255, 0.8), -2px 0 0 rgba(0, 0, 0, 0.1);
}
.seat-legend .seat-zone .zone-color { border: 3px solid #FFFFFF; display: inline-block; height: 18px; margin: -8px 3px; width: 18px;
       -moz-border-radius: 20px;    -moz-box-shadow: 0 1px 2px #000000 inset, 0 0 0 1px #CCCCCC;
    -webkit-border-radius: 20px; -webkit-box-shadow: 0 1px 2px #000000 inset, 0 0 0 1px #CCCCCC;
         -o-border-radius: 20px;      -o-box-shadow: 0 1px 2px #000000 inset, 0 0 0 1px #CCCCCC;
            border-radius: 20px;         box-shadow: 0 1px 2px #000000 inset, 0 0 0 1px #CCCCCC;
 }
.seat-legend { line-height: 38px; margin: -12px; }

.seat-order { background-color: #eee; padding: 12px 20px; border-top: 1px solid #ddd;
    background-image:    -moz-linear-gradient(bottom, #e0e0e0, #f5f5f5);    -moz-border-radius: 0 0 5px 5px;
    background-image: -webkit-linear-gradient(bottom, #e0e0e0, #f5f5f5); -webkit-border-radius: 0 0 5px 5px;
    background-image:      -o-linear-gradient(bottom, #e0e0e0, #f5f5f5);      -o-border-radius: 0 0 5px 5px;
    background-image:         linear-gradient(bottom, #e0e0e0, #f5f5f5);         border-radius: 0 0 5px 5px;
    background-image:        -webkit-gradient(linear, left bottom, left top, from(#e0e0e0), to(#f5f5f5));
}
.seat-order .order-empty, .seat-order .order-summary { display: inline-block; /*min-width: 300px;*/ }
.seat-order .order-details { display: none; position: absolute; bottom: 0; left: 0; min-width: 300px; margin-bottom: 16px; margin-left: -18px; }
.seat-order .order-details.details-opened { display: block; }
.seat-order .order-details .seat-ticket { position: relative; white-space: nowrap; background-color: #eee; border: 1px solid #BBBBBB; color: #656565; margin-bottom: -1px; opacity: 0.9; padding: 10px 15px; text-shadow: 0 1px 0 #FFFFFF;
    background-image:    -moz-linear-gradient(bottom , #E5E5E5, #FFFFFF);    -moz-border-radius: 5px;
    background-image: -webkit-linear-gradient(bottom , #E5E5E5, #FFFFFF); -webkit-border-radius: 5px;
    background-image:        -webkit-gradient(linear, left bottom, left top, from(#E5E5E5), to(#FFFFFF));
    background-image:      -o-linear-gradient(bottom , #E5E5E5, #FFFFFF);      -o-border-radius: 5px;
    background-image:         linear-gradient(bottom , #E5E5E5, #FFFFFF);         border-radius: 5px;

}
.seat-order .order-details .seat-ticket:hover { opacity: 1; }
.seat-order .order-toggle-details { cursor: pointer; padding-left: 40px; margin: -15px 10px -17px -15px; line-height: 40px; background: url("/img/toggleArrow.png") no-repeat scroll 0 -28px transparent; }
.seat-order .order-toggle-details.state-up { background-position: 0 -56px; }
.seat-order .cool-button { box-shadow: 0 1px 0 0 #F5F5F5; margin: -10px 10px; }
.seat-order .cool-button.gold-mate { border-color: #E99D00 !important; }
.seat-order .seat-ticket .ticket-remove { width: 12px; height: 12px; cursor: pointer; display: block; position: absolute; right: 10px; top: 11px; border: 1px solid #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; background: url("/img/cross_close.png")no-repeat scroll center center transparent; opacity: .5;  }
.seat-order .seat-ticket .ticket-remove:hover { opacity: .9; background-color: #fff; }
.seat-order .ticket-price,
.seat-order .order-summ .value,
.seat-order .order-total .value,
.seat-order .order-count .value,
.seat-order .seat-sector .value,
.seat-order .seat-row .value,
.seat-order .seat-seat .value
{ font-weight: bold; }
.seat-order .ticket-price { color: #444; }
.seat-order .order-empty { color: #555; }
.order-promocode .promocode-link { cursor: pointer; text-decoration: underline; }
.order-promocode .promocode-input { margin: -7px 0; }
.promocode-input .cool-button { margin-left: 0; padding: 4px 10px; }


.plan-zoom .ui-corner-all { border-radius: 0; }
.plan-zoom .ui-state-default, .plan-zoom .ui-widget-content, .plan-zoom .ui-widget-content .ui-state-default { background-image: inherit; border: none; color: inherit; }

.plan-zoom { display: none;  margin: -5px -4px -10px;
       -moz-border-radius: 5px;    -moz-box-shadow: 0 1px 0 #FFFFFF;
    -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #FFFFFF;
         -o-border-radius: 5px;      -o-box-shadow: 0 1px 0 #FFFFFF;
            border-radius: 5px;         box-shadow: 0 1px 0 #FFFFFF;
}
.plan-zoom .zoom-slider { border: 1px solid #BBBBBB; display: inline-block; vertical-align: middle; margin: 0 -5px; background-color: #ccc;
    background-image:    -moz-linear-gradient(top, #CCCCCC, #BBBBBB);
    background-image: -webkit-linear-gradient(top, #CCCCCC, #BBBBBB);
    background-image:      -o-linear-gradient(top, #CCCCCC, #BBBBBB);
    background-image:         linear-gradient(top, #CCCCCC, #BBBBBB);
    background-image:        -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#BBBBBB));
}
.plan-zoom .zoom-slide { position: relative; margin: 0 4px; display: inline-block;  height: 25px; width: 60px; background: none; }
.plan-zoom .zoom-slide .ui-slider-handle { border: 1px solid #BBBBBB; height: 25px; margin-left: -5px; margin-top: -1px; position: absolute; width: 8px; }

.plan-zoom .zoom-button,
.plan-zoom .zoom-slide .ui-slider-handle { background-color: #ddd;
    background-image:    -moz-linear-gradient(top, #f0f0f0, #DaDaDa) !important;    -moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #DaDaDa) !important; -webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset;
    background-image:      -o-linear-gradient(top, #f0f0f0, #DaDaDa) !important;      -o-box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset;
    background-image:         linear-gradient(top, #f0f0f0, #DaDaDa) !important;         box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset;
    background-image:        -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#DaDaDa)) !important;
}
.plan-zoom .zoom-button:hover { background-color: #e5e5e5; color: #444; /*border-color: #aaa;*/
    background-image:    -moz-linear-gradient(top, #f5f5f5, #e5e5e5) !important;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5) !important;
    background-image:      -o-linear-gradient(top, #f5f5f5, #e5e5e5) !important;
    background-image:         linear-gradient(top, #f5f5f5, #e5e5e5) !important;
    background-image:        -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)) !important;
}
.plan-zoom .zoom-button:active { background: #eee !important; }
.plan-zoom .zoom-button { user-select: none; -moz-user-select: none; font-family: Arial; cursor: pointer; font-weight: bold; border: 1px solid #C5C5C5; color: #777777; display: inline-block; font-size: 16px; width: 25px; height: 25px; vertical-align: middle; line-height: 23px; padding: 0; text-align: center; text-shadow: 0 1px 0 #FFFFFF; }
.plan-zoom .zoom-out { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; }
.plan-zoom .zoom-in  { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; line-height: 25px; }

.timer_container { background-position: 0 5px, 0 0; background-repeat: no-repeat;
    border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7), 0 0 0 4px rgba(180, 180, 180, 0.6);
    display: none; padding-left: 39px; position: fixed; right: 0; top: 20px; width: 100px; z-index: 1000;
    background-image: url("/img/clock.png"),    -moz-linear-gradient(top , rgba(160, 160, 160, 0.93), rgba(130, 130, 130, 0.93));
    background-image: url("/img/clock.png"), -webkit-linear-gradient(top , rgba(160, 160, 160, 0.93), rgba(130, 130, 130, 0.93));
    background-image: url("/img/clock.png"),      -o-linear-gradient(top , rgba(160, 160, 160, 0.93), rgba(130, 130, 130, 0.93));
    background-image: url("/img/clock.png"),         linear-gradient(top , rgba(160, 160, 160, 0.93), rgba(130, 130, 130, 0.93));
}
.timer_container.timed-out {
    background-image: url("/img/clock.png"),    -moz-linear-gradient(top , rgba(240, 70, 70, 0.9), rgba(200, 70, 70, 0.9));
    background-image: url("/img/clock.png"), -webkit-linear-gradient(top , rgba(240, 70, 70, 0.9), rgba(200, 70, 70, 0.9));
    background-image: url("/img/clock.png"),      -o-linear-gradient(top , rgba(240, 70, 70, 0.9), rgba(200, 70, 70, 0.9));
    background-image: url("/img/clock.png"),         linear-gradient(top , rgba(240, 70, 70, 0.9), rgba(200, 70, 70, 0.9));
}
.old-ie .timer_container, .ie9 .timer_container { background-color: #909295; background-image: url("/img/clock.png"); background-position: 0 5px; }
.ie9 .timer_container { background-color: rgba(130, 130, 130, 0.93); }
.old-ie .timer_container.timed-out, .ie9 .timer_container.timed-out { background-color: #dd5555; }
.ie9 .timer_container.timed-out { background-color: rgba(200, 70, 70, 0.9); }

.timer_container .time { color: #FFFFFF; font-family: arial; font-size: 32px; font-weight: bold; padding: 7px; text-shadow: 0 1px 0 #555555; }
.reservation_timed_out { display: none; }

.ie7 .ui-icon, .ie6 .ui-icon{ text-indent: 0 !important; }

.activity-status { font-size: 110%; line-height: 180%; background-color: #e0e0e0; padding: 15px 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.activity-status strong { font-size: 115%; }

.export-block .description { padding: 0; padding-bottom: 10px; border: none; }

.html-area .jHtmlArea{ width:100% !important; }
.html-area .jHtmlArea .ToolBar{ width:auto !important; }
.html-area .jHtmlArea iframe{ width:99.5% !important; }

.help-me { border: 1px solid #AAAAAA; color: white; cursor: pointer; display: inline-block; font-family: "Arial Black"; font-size: 12px; font-weight: bold; height: 7px; line-height: 7px; margin-left: 6px; padding: 3px;  text-align: center; text-shadow: 0 1px 0 #888888; width: 7px; background-color: #aaa;
    background-image:    -moz-linear-gradient(bottom , #9999AA, #DDDDEE) !important;
    background-image: -webkit-linear-gradient(bottom , #9999AA, #DDDDEE) !important;
    background-image:      -o-linear-gradient(bottom , #9999AA, #DDDDEE) !important;
    background-image:         linear-gradient(bottom , #9999AA, #DDDDEE) !important;
    background-image:        -webkit-gradient(linear, left bottom, left top, from(#9999AA), to(#DDDDEE)) !important;

    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;
    box-shadow: 0 1px 0 #FFFFFF; -moz-box-shadow: 0 1px 0 #FFFFFF; -webkit-box-shadow: 0 1px 0 #FFFFFF; -o-box-shadow: 0 1px 0 #FFFFFF;
    }
.help-me-tip { width: 250px; background-color: #E5E5E5; border-radius: 5px; padding: 8px 12px; font-size: 90%; }

.table-actions{ min-height:36px; margin:0 0 10px 0; }
.ie-6 .table-actions, .ie-7 .table-actions{ height:36px; }
.table-actions .group-actions{ border-radius:5px; padding:4px; }
.group-actions .selected_rows{ margin:0 10px; line-height:28px; min-width:118px; }
.selected-rows-empty{ display:none; }

.cancel-pending-ps{ border-radius:6px; padding: 10px 20px; background-color:#f3f3f3; }
.cancel-pending-ps .action{ margin:0 12px 0 -200px; }
.cancel-pending-ps .note{ width:70%; padding:0; }