/* Общие
-----------------------------------------------------------*/
.left {float: left;}
.right {float: right;}

.mr14 {margin-right: 14px;} .mr12 {margin-right: 12px;} .mr9 {margin-right: 9px;} .mr6 {margin-right: 6px;}
.mt3 {margin-top: 3px;} .mt2 {margin-top: 2px;}

.wp100 {width: 100%;}

.green, .green:hover {color: #56891f;}
.gray, .gray:hover {color: #666666;}
.red, .red:hover {color: red;}

.hidden {display: none;}

.empty {padding-top: 0.5em; display: block;}

.date-common {margin: 0; padding: 0; color: #666666; font-size: 7pt; height: 10px; line-height: 9px; display: block;}
.date-common .icon-cont, .date-common .icon-cont-alpha {float: left; margin-right: 3px;}

.date-inline {color: #666666; font-size: 7pt; padding-left: 12px; background-position: 0 -88px; margin-left: 10px; line-height: 13px; display: inline-block;}
.date-inline-gray {color: #666666; font-size: 7pt; padding-left: 12px; background-position: 0 -178px; margin-left: 10px; line-height: 13px; display: inline-block;}

.num-comments {padding-left: 15px; font-size: 7pt; text-decoration: none;}
.num-comments:hover {text-decoration: underline;}

.num-personal {padding-left: 15px; font-size: 7pt; text-decoration: none;}
.num-personal:hover {text-decoration: underline;}

.num-rating {padding-left: 13px; font-size: 7pt; text-decoration: none;}
.num-rating:hover {text-decoration: underline;}

.num-post {padding-left: 14px; font-size: 8pt; color: #6d914b; text-decoration: underline;}
.num-post:hover {text-decoration: none; color: #6d914b;}

.blog-shadow-bottom {background: url(images/bg-shadow-bottom.png) center top no-repeat; height: 31px;}
.shadow-full {background: url(images/bg-shadow-full.png) center top no-repeat; height: 31px;}

.notify {border: 1px solid #090; color: #040; background-color: #afa; margin: 1em 0; padding: 0.5em;}
.warning-user {border: 1px solid #983F00; color: #542300; background-color: #FECCA8; margin: 1em 0; padding: 0.5em;}

/* Кнопки
----------------------*/
.button-1 {height: 23px; line-height: 21px; background: url(../images/controls/bg-but-1-left.png) left top no-repeat; padding-left: 6px;}
.button-1 .in {color: #333333; height: 23px; background: url(../images/controls/bg-but-1-in.png) left top repeat-x;}
.button-1 .suf {height: 23px; background: url(../images/controls/bg-but-1-right.png) right top no-repeat; padding-right: 7px;}
.button-1 a {color: #004a56; font-size: 8pt;}
.button-1 a:hover {color: #0291a2;}
.button-1 a.i-mult {padding-left: 12px; background: url(../images/controls/bg-but-1-mul.png) 0 2px no-repeat;}
.button-1 a.i-arr {padding-left: 12px; background: url(../images/controls/bg-but-1-arr.png) 0 2px no-repeat;}
.button-1 a.i-art {padding-left: 12px; background: url(../images/controls/bg-but-1-art.png) 0 3px no-repeat;}
.button-1 a.i-art:hover {background-position: 0 -47px;}
.button-1 a:hover {background-position: 0 -48px;}

a.i-arr {padding-left: 12px; background: url(../images/controls/bg-but-1-arr.png) 0 2px no-repeat;}
a.i-arr:hover {background-position: 0 -48px;}

.button-2 {height: 19px; line-height: 17px; background: url(../images/controls/bg-but-2-left.png) left top no-repeat; padding-left: 6px;}
.button-2 .in {color: #333333; height: 19px; background: url(../images/controls/bg-but-2-in.png) left top repeat-x;}
.button-2 .suf {height: 19px; background: url(../images/controls/bg-but-2-right.png) right top no-repeat; padding-right: 6px;}
.button-2 a {color: #005970; font-size: 8pt;}
.button-2 a:hover {color: #0291a2;}
.button-2 a:hover {background-position: 0 -48px;}

.button-3 {height: 26px; line-height: 21px;}
.button-3 a {display: block; height: 26px; float: left; color: #fff; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-3-r.png) 100% 0 no-repeat; padding-right: 12px;}
.button-3 a span {display: block; float: left; height: 26px; background: url(../images/controls/bg-but-3.png) 0 0 no-repeat; padding-left: 12px;}
.button-3 a:hover {color: #fff; background-position: 100% -26px;}
.button-3 a:hover span {background-position: 0 -26px;}
.button-3 a:active {background-position: 100% -52px;}
.button-3 a:active span {background-position: 0 -52px;}

.button-3-80 {height: 26px; line-height: 21px;}
.button-3-80 a, .button-3-80 button {display: block; width: 80px; height: 26px; text-align: center; float: left; border:0; color: #fff; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-3-80.png) 100% 0 no-repeat;}
.button-3-80 a:hover, .button-3-80 button:hover {color: #fff; background-position: 100% -26px;}
.button-3-80 a:active, .button-3-80 button:active {background-position: 100% -52px;}
.button-3-80 button {padding-bottom: 6px;}

.button-3-100 {height: 26px; line-height: 21px;}
.button-3-100 a, .button-3-100 button {display: block; width: 100px; height: 26px; text-align: center; float: left; border:0; color: #fff; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-3-100.png) 100% 0 no-repeat;}
.button-3-100 a:hover, .button-3-100 button:hover {color: #fff; background-position: 100% -26px;}
.button-3-100 a:active, .button-3-100 button:active {background-position: 100% -52px;}
.button-3-100 button {padding-bottom: 6px;}

.button-3-120 {height: 26px; line-height: 21px;}
.button-3-120 a, .button-3-120 button {display: block; width: 120px; height: 26px; text-align: center; float: left; border:0; color: #fff; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-3-120.png) 100% 0 no-repeat;}
.button-3-120 a:hover, .button-3-120 button:hover {color: #fff; background-position: 100% -26px;}
.button-3-120 a:active, .button-3-120 button:active {background-position: 100% -52px;}
.button-3-120 button {padding-bottom: 6px;}

.button-4 {height: 26px; line-height: 21px;}
.button-4 a {display: block; height: 26px; float: left; color: #004a56; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-4-r-sm.png) 100% 0 no-repeat; padding-right: 12px;}
.button-4 a span {display: block; float: left; height: 26px; background: url(../images/controls/bg-but-4.png) 0 0 no-repeat; padding-left: 12px;}
.button-4-plus a span {background: url(../images/controls/bg-but-4-plus.png) 0 0 no-repeat; padding-left: 34px;}
.button-4 a:hover {color: #004a56; background-position: 100% -26px;}
.button-4 a:hover span {background-position: 0 -26px;}
.button-4 a:active {background-position: 100% -52px;}
.button-4 a:active span {background-position: 0 -52px;}

.button-4-plus-123 {height: 26px; line-height: 21px;}
.button-4-plus-123 a {padding-left: 34px; display: block; width: 89px; height: 26px; float: left; color: #004a56; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-4-plus-123.png) 100% 0 no-repeat;}
.button-4-plus-123 a:hover {color: #004a56; background-position: 100% -26px;}
.button-4-plus-123 a:active {background-position: 100% -52px;}

.button-4-plus-145 {height: 26px; line-height: 21px;}
.button-4-plus-145 a {padding-left: 34px; display: block; width: 111px; height: 26px; float: left; color: #004a56; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-4-plus-145.png) 100% 0 no-repeat;}
.button-4-plus-145 a:hover {color: #004a56; background-position: 100% -26px;}
.button-4-plus-145 a:active {background-position: 100% -52px;}

.button-4-uv {width: 147px; height: 26px; line-height: 21px;}
.button-4-uv a {display: block; height: 26px; float: left; color: #004a56; font-size: 10pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-4-uv.png) no-repeat; padding-left: 15px; padding-right:30px;}
.button-4-uv a:hover {color: #004a56; background-position: 0 -26px;}
.button-4-uv a:active {background-position: 0 -52px;}

.button-5-72 {height: 31px; line-height: 28px;}
.button-5-72 a, .button-5-72 button {display: block; width: 72px; height: 31px; text-align: center; float: left; border:0; color: #333333; font-size: 11pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-5-72.png) 100% 0 no-repeat; text-shadow: 0 1px 1px #ffffff;}
.button-5-72 a:hover, .button-5-72 button:hover {color: #333333; background-position: 100% -31px;}
.button-5-72 a:active, .button-5-72 button:active {background-position: 100% -62px;}
.button-5-72 button {padding-bottom: 6px;}

.button-6-72 {height: 32px; line-height: 26px;}
.button-6-72 a, .button-6-72 button {display: block; width: 72px; height: 32px; text-align: center; float: left; border:0; color: #fff; font-size: 11pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-6-72.png) 100% 0 no-repeat;}
.button-6-72 a:hover, .button-6-72 button:hover {color: #fff; background-position: 100% -32px;}
.button-6-72 a:active, .button-6-72 button:active {background-position: 100% -64px;}
.button-6-72 button {padding-bottom: 6px;}

.button-6-100 {height: 32px; line-height: 26px;}
.button-6-100 a, .button-6-100 button {display: block; width: 100px; height: 32px; text-align: center; float: left; border:0; color: #fff; font-size: 11pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-6-100.png) 100% 0 no-repeat;}
.button-6-100 a:hover, .button-6-100 button:hover {color: #fff; background-position: 100% -32px;}
.button-6-100 a:active, .button-6-100 button:active {background-position: 100% -64px;}
.button-6-100 button {padding-bottom: 6px;}

.button-6-180 {height: 32px; line-height: 26px;}
.button-6-180 a, .button-6-180 button {display: block; width: 180px; height: 32px; text-align: center; float: left; border:0; color: #fff; font-size: 11pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-6-180.png) 100% 0 no-repeat;}
.button-6-180 a:hover, .button-6-180 button:hover {color: #fff; background-position: 100% -32px;}
.button-6-180 a:active, .button-6-180 button:active {background-position: 100% -64px;}
.button-6-180 button {padding-bottom: 6px;}

.button-6-120 {height: 32px; line-height: 26px;}
.button-6-120 a, .button-6-120 button {display: block; width: 120px; height: 32px; text-align: center; float: left; border:0; color: #fff; font-size: 11pt; font-family: Tahoma; text-decoration: none; background: url(../images/controls/bg-but-6-120.png) 100% 0 no-repeat;}
.button-6-120 a:hover, .button-6-120 button:hover {color: #fff; background-position: 100% -32px;}
.button-6-120 a:active, .button-6-120 button:active {background-position: 100% -64px;}
.button-6-120 button {padding-bottom: 6px;}

.button-0 {height: 23px; line-height: 21px;}
.button-0 a {color: #004a56; font-size: 8pt;}
.button-0 a:hover {color: #0291a2;}
.button-0-label {color: #666666;}

/* Captcha
----------------------*/
.captcha-block {color: #666666; font-size: 8pt;}
.captcha-block .captcha-lc {float: left; width: 175px; height: 50px; border-right: 1px solid #ffffff;}
.captcha-block .captcha-image {border: 1px solid #a8acaf; cursor: pointer;}
.captcha-block .captcha-reload-text {display:block; color:#666; text-decoration:none; cursor: pointer; padding-top: 3px; height: 16px;}
.captcha-block .captcha-reload-text span {margin-left:6px; border-bottom: 1px dashed #5b5b5b;}
.captcha-block .captcha-reload-text i {display:block; float: left; width:12px; height:16px; background:url('/images/captcha/captcha-reload.png') no-repeat;}
.captcha-block .captcha-rc {float: left; width: 175px; height: 50px; border-left: 1px solid #c2c2c2; padding-left: 22px;}
.captcha-block .captcha-rc input {width: 110px; height: 19px; border: 1px solid #abadb3; padding: 0 3px;}
.captcha-block .captcha-label {display: block; padding-bottom: 3px;}

/* Выпадающие списки
----------------------*/
.drop-down-1 {height: 20px; line-height: 17px; background: url(../images/controls/bg-dd1-arrow.png) 100% 9px no-repeat #66aaba;}
.drop-down-1 a.selected, .drop-down-1 a.selected:hover {color: #fff; text-decoration: none; font-size: 9pt; padding: 0 20px 0 7px; height: 20px; display: block;}
.drop-down-1 a.selected span {border-bottom: 1px dashed #ffffff;}
.drop-down-1 .menu-items {display: none; background-color: #ffffff; z-index: 10000; position: relative; padding: 0 7px; border: 1px solid #66aaba;}
.drop-down-1 .menu-items .item {border-top: 1px dotted #cccccc; background: url(../images/controls/bg-dd1-dot.png) 0 10px no-repeat;}
.drop-down-1 .menu-items .pl7 {padding-left: 7px;}
.drop-down-1 .menu-items .item a {color: #005970; text-decoration: none; line-height: 22px; font-size: 9pt;}
.drop-down-1 .menu-items .item #datepicker a {color: #ffffff; line-height: 1em; font-size: 8pt;}
.drop-down-1 .menu-items .item #datepicker .ui-datepicker-today a {color: #000000;}
.drop-down-1 .menu-items .item a:hover {color: #0191a2; text-decoration: underline;}
.drop-down-1 .menu-items .item .hasDatepicker {padding-bottom: 5px;}
.drop-down-1 .menu-items .first {border-width: 0px;}
.drop-down-1 .shadow {box-shadow: 1px 3px 5px #777777;}

/* Тени
----------------------*/
.column-2 .block-shadow-bottom {background: url(images/bg-shadow-block-right.png) center top no-repeat; height: 31px;}

.column-2 .BannerRight {padding-left: 14px;}

/* Админ элементы
----------------------*/
.admin-controls {float: right; margin: 0 0 5px 15px;}
.admin-controls img {float: right; margin: 0 5px 0 15px;}

/* Вспомогательные меню
----------------------*/
.menu-right {padding-left: 14px;}
.menu-right .block-title {color: #262626; font-size: 15pt; font-weight: normal; line-height: 1.2em;}
.menu-right .in {border-bottom: 1px solid #B4B4B4; border-top: 1px solid #B4B4B4;}
.menu-right .in ul {padding-left: 15px; padding-bottom: 10px;}

/* Системные сообщения
----------------------*/
.message {margin-bottom: 12px; font-family: Arial; font-size: 10pt; font-style: italic; color: #63571c; border: 1px solid #d4bc4c; background-color: #f8f5e6; padding: 18px;}
.error-message {color: #c7513e; border: 1px solid #d45f4c; background-color: #f8e9e6;}
.error-field {border: 1px solid #d45f4c !important;}
.note-message {color: #666666; border: 1px solid #bfc3c4; background-color: #ececec; box-shadow: 1px 1px 0 #ffffff;}

/* Форма в таблице
----------------------*/
.table-form {border-collapse: collapse;}
.table-form td {padding-bottom: 12px;}
.table-form .label {font-size: 12pt; color: #333333;}
.table-form .val {padding-left: 10px;}
.table-form .val input {height: 19px; width: 198px; border: 1px solid #c9c9c9; padding: 3px 8px;}
.table-form select {padding: 2px; height: 24px; font-size: 10pt;}
.table-form select option {background-color: #eaf4f7; padding: 6px; display: block;}

/* Уголки на заголовках
----------------------*/
.corner-red {background: url(images/bg-title-corner-red.png) left top no-repeat;}
.corner-orange {background: url(images/bg-title-corner-orange.png) left top no-repeat;}
.corner-blue {background: url(images/bg-title-corner-blue.png) left top no-repeat;}
.corner-green {background: url(images/bg-title-corner-green.png) left top no-repeat;}

/* AJAX индикатор загрузки
----------------------*/
.preload {background: url(images/ajax-loader.gif) 50% 40% no-repeat;}