/* ___________________________________________________________________________________________

   BASE structure :: обнуляем параметры по умолчанию
   __________________________________________________________________________________________ */

* { padding: 0; margin: 0; }
html, body { height: 100%; }
html, div, form { display: block; }

/* Обнуление cellpadding и cellspacing для таблицы
   с помошью обнуления padding и margin у элементов table, td, th и свойства border-collapse:collapse у table */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, b, u, i, sup, sub, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
}

body {
  background-color: #fff;
  margin:0 auto;
  padding:0;
  font: normal normal normal 13px/1.2em Arial, Tahoma, Helvetica, sans-serif;
  /* font: 12px/1.5 verdana, arial, helvetica, sans-serif; */
  word-spacing: normal;
  line-height: 17px;
}

/* Убираем окантовку вокруг объектов, когда нажимается кнопка мышки и не отпускается */
a { color: #0092E6; outline: 0 none; }
a:hover { text-decoration: none }
/*.b-scroll li a { margin: 0 0 0 5px }*/
p {
  font-size: 10pt;
  color: #878787;
  line-height: 16px;
  padding-bottom: 10px;
}


h1 { font-size: 12pt; color: #282828; padding: 10px 0 }
h2 { font-size: 11pt; color: #282828 }
h3 { font-size: 9pt; }

.hidden { display: none }

#contact-form input, #contact-form form,
.button input, .align_hcenter input { border: 0 none; }
input,/* input:hover,*/ form {
/*  background: none repeat scroll 0 0 transparent;*/

  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

/* Page content
============================================================================== */

/* top content - Устанавливаем верхний фон
------------------------------------------------------------- */

.wrap, .layout, .b-signup { width: 1020px;      /* Ширина самой страницы */ }
.wrap {
  height: 100%;
  margin: 0 auto;     /* Выравниваем по ширине */
  /*background: #fff;  */ /* Цвет заполнения пространства между footer и content */
  margin-top: -100px;
}

/* Макет */
.layout {
  margin: 0 auto;
  /*max-width: 1600px;*/
  min-height: 100%;
  position: relative;
  z-index: 4;
}

/* ___________________________________________________________________________________________

   HEADER :: Логотип + вход в Личный кабинет
   __________________________________________________________________________________________ */

/* Логотип компании
------------------------------------------------------------- */
.bg_header a.logo {
  background: url("../i/logo.png") no-repeat 0 0 transparent;
  height: 59px;
  width: 227px;
  float: left;
  margin: 15px 0 0 40px; /* Позиционируем */
  position: absolute;
}

/* Логотип (уменьшенный) на странице Техническая документация */
.logo {
  background: url("../i/logo.png") no-repeat scroll 0 -59px transparent;
  width: 183px;
  height: 48px;
  position: relative;
}

/* Разделительная полоса на странице Техническая документация */
.logo div {
  background: url("../i/sep_logo.png") no-repeat scroll 0 0px transparent;
  width: 646px;
  height: 6px;
  position: relative;
  float:left;
  margin: 58px 0 15px;
}


/* ___________________________________________________________________________________________

   MAIN PAGE
   __________________________________________________________________________________________ */

/* Адрес Центрального и Региональных офисов
===========================================*/
.contacts .regionalOffices {
  border-top: 1px dotted #9E9E9E;
  float: left;
  margin-top: 10px;
  width: 100%;
}

/* Название Страны и города Офиса */
.contacts .regionalOffices strong {
  font-size: 12pt;
  margin: 13px 0 0 8px;
  float: left;
}

.contacts .regionalOffices p, .contacts p {
  width: 100%;
  padding:0;
}
.contacts .regionalOffices p { float: left; }
.contacts .regionalOffices .address { float:left; position: absolute }

/* Выводим карту - Россия, Москва - Центральный офис */
.contacts .map_moscow, .contacts .map_kiev {
  width: 388px;
  height: 262px;
  float: right;
  padding-right: 10px;
}

.contacts .map_moscow { background-position: 0 0; margin-top: 40px }
.contacts .map_kiev { background-position: 0 -262px; margin: 10px 0 0; }


/* Библиотека с графическими файлами для email */
.email_ru span, .email_ua span, .email_by span, .email_kz span, .email_lv span, .email_tj span,
.b-help .email_ru span, .b-help .email_ua span, .b-help .email_by span, .b-help .email_kz span, .b-help .email_lv span, .b-help .email_tj span { width: 186px }

.email_ru span, .email_ua span, .email_by span, .email_kz span, .email_lv span, .email_tj span {
  background: url("../i/lib/email.gif") no-repeat scroll 0 0 transparent;
  float: left;
  height: 12px;
  margin: 10px 0 5px;
}
.b-help .email_ru span, .b-help .email_ua span, .b-help .email_by span, .b-help .email_kz span, .b-help .email_lv span, .b-help .email_tj span { margin: 10px 0 0 5px; }

.email_ru span { background-position: 0 0; }
.email_ua span { background-position: 0 -13px; }
.email_by span { background-position: 0 -26px; }
.email_kz span { background-position: 0 -39px; }
.email_lv span { background-position: 0 -52px; }
.email_tj span { background-position: 0 -65px; }


/* Форма для входа в "Личный кабинет" на главной странице
  ----------------------------------------------------------- */

/* Аутентификация */
#auth span p { padding: 3px 2px }
#auth span p strong { color: #56a300; font-weight: normal; padding-right: 60px; }
#auth {
  background: url("../i/auth.gif") no-repeat scroll 0 0 transparent;
  height: 25px;
  width: 100%;
  display: block;
  clear: both;
  position: relative;
  overflow: hidden;
  padding: 0 6px 0 6px;
  vertical-align: middle;
  z-index: 1;
}

/* Правая рамка формы */
#auth b {
  background: url("../i/auth.gif") no-repeat scroll 0 -50px transparent;
  height: 25px;
  width: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  margin-left: 100%;
  padding-right: 50px;
}

#auth span {
  background: url("../i/auth.gif") repeat-x scroll 0 -25px transparent;
  display: block;
  height: 25px;
  width: 100%;
}

#auth span input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  display: inline;
  overflow: hidden;
  padding: 2px 0 0;
  width: 100%;
}

#auth label, #reg label {
  display: block;
  font-size: 12px;
  margin-top: 7px;
  overflow: hidden;
}


/* Формы "Логин" и "Пароль" для варианта: в одном файле 3-и составляющих (боковины и середина), но без цветного-focus */
.enter {
  background: url("../i/login.png") no-repeat scroll 0 0 transparent;
  height: 23px;
  width: 100%;
  display: block;
  /*clear: both;*/
  position: relative;
  overflow: hidden;
  padding: 0 6px 0 6px;
  vertical-align: middle;
  /*z-index:10000;*/
  width: 77px;
  float: left;
  margin-right: 10px;
}

/* Правая рамка формы */
.enter b {
  background: url("../i/login.png") no-repeat scroll 0 -46px transparent;
  height: 23px;
  width: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  margin-left: 100%;
}

.enter span {
  background: url("../i/login.png") repeat-x scroll 0 -23px transparent;
  display: block;
  height: 23px;
  width: 100%;
}

.enter span input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  display: inline;
  overflow: hidden;
  padding: 2px 0 0;
  width: 100%;
}

/* Местоположение input eMail и login в Header
  ----------------------------------------------------------- */

input.login_focus,
input.pass_focus {
  margin-top: 0;
  padding: 0 5px;
}

/* Формы "Логин" и "Пароль" для варианта c цветным-focus'ом */
/* Меняем цвет активного окна input */
.login_focus, .pass_focus {
  background: url("../i/signup_input.png") no-repeat scroll left top transparent;
  height: 23px;
  margin-right: 10px;
  padding: 0 5px;
  width: 93px;
}

.pic_pre_signup .login_focus, .pic_pre_signup .pass_focus {
  background: url("../i/signup_pre_reg_form.png") no-repeat scroll left top transparent;
  height: 23px;
  margin-right: 0;
  padding: 0 5px;
  width: 117px;
}


.login_focus, .pass_focus { left:0; float: left; border:0; }
.login_focus { margin-left:37px; }

#login_form_auth input.login_focus,
#login_form_auth input.pass_focus { margin-top: 70px; color: #b4b4b4; }

/*#login_auth.focus, */.login_focus:focus, .pass_focus:focus {
  background: url("../i/signup_input.png") no-repeat scroll left bottom transparent;
  color: #000;
}

.pic_pre_signup .login_focus:focus, .pic_pre_signup .pass_focus:focus {
  background: url("../i/signup_pre_reg_form.png") no-repeat scroll left bottom transparent;
  color: #000;
}


 /* вход в Личный кабинет :: eMail + Login = кнопка Enter
===========================================*/
.bg_header form {
  margin-top: 29px;
  float: right;
  height: 69px;
}



/* "Регистрация" и  "Забыли пароль" */
/*.bg_header form .LoginAccount a {
  color: #0092E6;
  margin-top: 10px;
  position: absolute;
  right: 42px;
}
*/
.bg_header form .LoginAccount #auth a { margin-top:0 }
/* Input поля eMail и login в Header
  ----------------------------------------------------------- */

.bg_header form .LoginAccount span input {
  border: medium none;
  font-size: 13px;
  margin: 3px 5px;
  padding: 0 1px;
  width: 64px;  /* Длина поля input */
}



/* !!!!!!!!! Кнопка "Вход" в личный кабинет - Блок неактивен из-за смены кнопки !!!
    <a onclick="" class="button" href="/login" title="Вход в Личный кабинет"><b><span>Вход</span></b></a>
  ----------------------------------------------------------- */
.bg_header form .LoginAccount .button { top: -1px; float: left }
.b-signup form .button { top: -1px; }

/* Перемещаем ссылку "Забыли пароль?" ближе к краю поля ввода Pass */
.bg_header form a.signup { position: absolute; margin-top: 30px; }
.bg_header form a.forgot-password { position: absolute; position: absolute; margin-top: 30px; }
.bg_header form a.auth {
  padding-right: 8px;
  position: absolute;
  right: 0;
}

.bg_header form div.auth {
  float: right;
  margin-top: -19px;
  padding-right: 0px;
  position:relative;
  cursor: pointer;
  color: #0092E6;
  border-bottom: 1px dotted #0092E6;
}
.bg_header form div.auth:hover {
  border-bottom: 0px dotted #0092E6;
  margin-right: 0px;
  padding-right: 0;
  width: 40px;
}




/* Окно "Авторизация"
  ----------------------------------------------------------- */
.b-signup .align_hcenter .pic_signup {
  width: 371px;
  height: 170px;
  float:left;
  z-index: 20;
}

.b-signup .align_hcenter .pic_pre_signup {
  width: 399px;
  height: 216px;
  float:left;
  z-index: 20;
}

.pic_pre_signup p { padding: 0 15px !important; color: #fff; }
.pic_pre_signup p.txt_head_reg { line-height: 22px; padding: 4px 15px !important; }
.pic_pre_signup div input { font-size: 9pt; }
.pic_pre_signup .pre_registered div {
  float: left;
  margin-left: 131px;
  margin-top: -27px;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
}
.pic_pre_signup .form_pre_registered { padding: 50px 10px 0 10px; }

.pic_pre_signup .for_registered_users, .pic_pre_signup .pre_reg_wait_for_pass { padding-top: 20px; }
.pic_pre_signup #pre_reg_wait_for_pass_form input.login_focus { margin-left: 15px; margin-bottom: 10px; }
.pic_pre_signup #pre_reg_wait_for_pass_form p { float: left; }
.pic_pre_signup .pre_registered input.login_focus { margin-left: -12px; margin-top: 1px; }


/*.pic_pre_signup .pre_reg_wait_for_pass p { padding-top: 10px; }*/

.for_registered_users span { float: left; width: 100%; }
.for_registered_users span p { margin-bottom: 10px; float: left; }
.for_registered_users span p a { color: #fff; width: 100%; text-decoration: underline; cursor: pointer; }

.b-signup div.close { position:absolute; right:0; margin: 8px 9px 0 0; width: 21px; height: 21px; cursor: pointer; }

.b-signup .align_hcenter a { position: absolute; float: right; right:0 }

.b-signup .login, .b-signup .password, .b-signup .button { left:0; margin-top: 70px; }

.b-signup .login { margin-left:37px }

/* Линки на "Регистрация" и "Забыли пароль" в окне "Авторизация" */
.b-signup .align_hcenter a.signup,
.b-signup .align_hcenter a.pass { float:left; margin-top: 10px; height: 24px; }

/*
  .b-signup .align_hcenter a.signup { left: 31px; width: 77px; }
  .b-signup .align_hcenter a.pass { left: 35px; width: 97px; }
*/


.pic_wait {
  background: url("../i/loadingAnimation.gif");
  display: block;
  height: 80px;
  width: 80px;
  left: 50%;
  margin: 0 0 0 -30px;
  position: fixed;
  top: 30%;
  z-index: 10003;
}




/* NEWS :: Блок новостей на главной странице
========================================================= */
.b-news { padding-top: 18px; float: left; width: 100%; }
.b-news h1 { padding-bottom: 17px; }

/* Новостной раздел :: Строка с 2-мя новостями по горизонтали */
.b-news div,
.b-news div#fix {
  float: left;
  height: 80px;
  width: 215px;
  border-right: 1px dotted #000;
  margin-right: 9px;
  padding: 4px 0 5px 0;
  overflow: hidden;
}
/* Убираем разделитель справа с последней (3-ей) колонки новостей */
.b-news div#fix { border-right:0; }

/* Выводим дату публикации новости */
.b-news p { font-size: 10pt; color: #686868; float: left }
.b-news a {
  margin-left: 17px;
  font-size: 10pt;
  font-weight: normal;
}

/* Аннотация о новости + cсылка на неё */
.b-news div a {
  float: left;
  margin: 0 10px 0 1px;
  padding:0;
}
*+html .b-news div a { width: 100%; } /* Прижимаем к левому краю для IE7 */
.b-news div a { width: 100%\0/; } /* Прижимаем к левому краю для IE8 */

/* Обрамленный текст - если есть свежая новость - "Новое" */
.b-news span {
  background-color: #58c202;
  color: #fff;
  float: left;
  font-size: 12px;
  margin: -2px 0 0 10px;
  padding: 2px 8px;
}

/* Строка с последними 3-я новостями */
.b-news .last-news { width: 100%; float: left; position: relative; }

/* CAP-Banner :: Блок с меняющимися картинками в телефоне
========================================================= */
/* Баннер заглушка */
.cap-banner {
  background: url("../i/phone_rotate.png") no-repeat scroll 0 0 transparent;
  width: 172px;
  height: 281px;
  float: left;
  padding-right:0;
}

.b-main #rotator { position:relative; }
.b-main #rotator ul li { float:left; position:absolute; list-style: none; }
.b-main #rotator ul li.show { z-index:500; }

/* Прописываем картинки, которые будут ратироваться в баннере-телефоне */
.b-main .rotator#pic1,
.b-main .rotator#pic2,
.b-main .rotator#pic3,
.b-main .rotator#pic4,
.b-main .rotator#pic5,
.b-main .rotator#pic6 {
  /*background: url("../i/lib/phone_rotate-sms-new.png") no-repeat scroll 0 0 transparent;*/  /* По умолчанию выставляем 1-ый элемент: #pic1 */
  width: 116px;
  height: 142px;
  float: left;
  margin: 52px 0 0 28px;
}

/* Хак для любого IE, включая 8й в режиме стандартов */
/* Данный прозрачный png неправильно выводится, поэтому ставим сюда jpg в непрозрачным фоном */
.b-main .rotator#pic1,
.b-main .rotator#pic2,
.b-main .rotator#pic3,
.b-main .rotator#pic4,
.b-main .rotator#pic5,
.b-main .rotator#pic6 {
  background: url("../i/phone_rotate-sms-ie.jpg")\9;
}

.b-main .rotator#pic2 { height: 130px; width: 110px; margin: 68px 0 0 31px; background-position: 0 -143px; }
.b-main .rotator#pic3 { height: 129px; width: 110px; margin: 68px 0 0 31px; background-position: 0 -273px; }
.b-main .rotator#pic4 { height: 134px; background-position: 0 -402px; }
.b-main .rotator#pic5 { height: 129px; width: 110px; margin: 68px 0 0 31px; background-position: 0 -536px; }
.b-main .rotator#pic6 { height: 134px; background-position: 0 -665px; }


/* MAIN | PRODUCTS :: Блок "Наши сервисы"
========================================================= */
/* Обрамляем снизу border:dotted */
.b-products {
  border-bottom: 1px dotted #000;
  float: left;
  width: 100%;
  padding-top: 35px;
  margin-bottom: 24px;
  position: relative;
}

.b-products h1 { padding:0 0 10px }

/* Строка раздела "Наши продукты" */
.b-products .row {
  float: left;
  width: 100%;
  padding: 5px 5px 10px;
}

/* Краткая информация о продуктах */
.b-products .description { float: left; width: 520px; }

/* Левая и правая колонка */
/*.bl_products a, .br_products a { padding-left:0px }    *//* Отступ ссылки на новость от иконки */
/*.bl_products p, .br_products p { margin-left: 66px }  */ /* Отступ аннотации новости от иконки */

/*.b-products .row div { float:left; width: 290px }*/

.bl_products, .br_products { width: 255px; }  /* Ширина блока */
.bl_products { float: left }   /* Левый блок с информацией о продуктах */
.br_products { float: right }  /* Правый блок с информацией о продуктах */

.bl_products p span { white-space: nowrap; overflow:hidden;width:100%; }  /* Заменяет тэг "nobr" */

/* Библиотека с символическими картинками продуктов компании */
.b-products .ico_SMS-payments,
.b-products .ico_SMS-mailing,
.b-products .ico_SMS-services,
.b-products .ico_Plastic,
.b-products .ico_phone_info,
.b-products .ico_IVR,
.b-products .ico_Our_content {
  background: url("../i/lib/b-products.png") no-repeat scroll 0 0 transparent;  /* По умолчанию выставляем 1-ый элемент: ico_SMS-payments */
  height: 57px;   /* Высота одной картинки */
  width: 56px;
  float:left;
  margin-right: 10px;
}

.b-products .ico_SMS-mailing { background-position: 0 -57px; }
.b-products .ico_SMS-services { background-position: 0 -114px; }
.b-products .ico_Plastic { background-position: 0 -171px; }
.b-products .ico_IVR { background-position: 0 -228px; }
.b-products .ico_Our_content { background-position: 0 -285px; }
.b-products .ico_phone_info { background-position: 0 -340px; }

/* Примечание в конце блока "Наши продукты" */
.note p {
  font-size: 10pt;
  padding-bottom: 10px;
/*  line-height: 15px;*/
  float:left;
}



/*-----------------------------------------------------------------------
// CONTENT BLOCK :: LEFT/RIGHT
//------------------------------------------------------------------------*/

.b-main, .b-left, .script, .b-help, .b-vip {
  width: 694px;
  float: left;
  padding: 0 5px 0 40px;
  position: relative;
}
/*.b-mc { padding-left: 0; }*/

*+html .b-main, *+html .b-left, *+html .script, *+html .b-help, *+html .b-vip {
  padding: 0 5px 0 40px;
}
*+html .b-mc { padding-left: 0; }

.b-vip { width: 100% }
.b-right {
  width: 238px;
  float: right;
  margin: 15px 30px 0 10px;
}
.b-right.help { width: 223px; }

.b-right a { margin: 15px 0; float: right }

.b-right p {
  color: #878787;
  line-height: 17px;
  padding: 0;
  float: left;
  width: 100%;
  font-size: 8pt;
  text-align: right;
}

.b-right h2 { margin: 37px 0 15px; float: right; text-align: right }
*+html .b-right h2 { width: 100% }






/* ___________________________________________________________________________________________

   CONTACTS :: Правый информационный блок
   __________________________________________________________________________________________ */

/* Блок - Контакты с выбором Офиса + телефона и eMail
  ----------------------------------------------------------- */

/* Выделяем текст в блок для текущего региона */
.contact .b-green {
  background-color: #5CAA01;
  color: #FFFFFF;
  float: right;
  font-size: 12px;
  margin: 3px 0 3px 47%;
  padding: 2px 4px;
  text-align: right;
}

/* Телефон региона */
.contact p strong a {
  font-size: 21px;
  color: #5caa01;
  padding-bottom: 5px;
  float: right;
  width: auto;
  text-decoration: none;
}

/* Телефон региона */
.contact p strong {
  font-size: 21px;
  color: #5caa01;
  padding-bottom: 5px;
  float: right;
  width: auto;
  text-decoration: none;
}
/* CSS-хак для браузера Internet Explorer 7 */
*+ html .contact p { width: 100%; text-align: right; }

/*.contact .b-office strong { margin-right: 10px; }*/ /* Отступ от раскрывающего списка - текст "Офис" */

.contact a {
  float: right;
  color: #0092E6;
  text-align: right;
  margin: 0;
/*  outline:0 none;*/
/*  text-decoration: none;*/
}

.contact a.feedback { margin: 82px 0 65px }
.contact a.email span {
  background: url("../i/lib/email.gif") no-repeat scroll 0 0 transparent;
  height: 12px;
  width: 150px;
  float: left;
  text-align: right;
  margin-top: 10px;
}
*+html .contact a.email { float: right; margin-right: 80px; position: relative; }

/* Высота блока, который нужно скрыть при выборе Региона в Контактах */
.b-right .regions { height: 133px }
*+html .b-right .regions { height: 153px; }




/* MAIN | MAP :: Блок "Карта покрытия"
========================================================= */
ul#b-map {
  background-image: url("../i/map/mapworld.png");
  display: block;
  height: 138px;
  margin: -5px 0 5px 0;
  padding: 0;
  width: 252px;
  float: left;
}

ul#b-map li {
  display: block;
  padding: 0;
  position: absolute;
}

li#cz1 { margin-left: 77px; margin-top: 119px; }
li#cz2 { margin-left: 50px; margin-top: 45px; }
li#cz3 { margin-left: 164px; margin-top: 145px; }
li#cz4 { margin-left: 242px; margin-top: 130px; }
li#cz5 { margin-left: 138px; margin-top: 41px; }
li#cz6 { margin-left: 82px; margin-top: 102px; }
li#cz7 { margin-left: 108px; margin-top: 39px; }

ul#b-map li a {
  display: block;
  left: -34px;
  position: absolute;
  text-decoration: none;
  top: -57px;
}

a#z1 { height: 64px; width: 32px; }
a#z2 { height: 61px; width: 58px; }
a#z3 { height: 18px; width: 19px; }
a#z4 { height: 44px; width: 43px; }
a#z5 { height: 75px; width: 141px; }
a#z6 { height: 21px; width: 19px; }
a#z7 { height: 23px; width: 40px; }
a#z1:hover, a#z1:active { background-image: url("../i/map/mapz1_argentina.png"); }
a#z2:hover, a#z2:active { background-image: url("../i/map/mapz2_usa.png"); }
a#z3:hover, a#z3:active { background-image: url("../i/map/mapz3_south-africa.png"); }
a#z4:hover, a#z4:active { background-image: url("../i/map/mapz4_australia.png"); }
a#z5:hover, a#z5:active { background-image: url("../i/map/mapz5_euroasia.png"); }
a#z6:hover, a#z6:active { background-image: url("../i/map/mapz6_columbia.png"); }
a#z7:hover, a#z7:active { background-image: url("../i/map/mapz7_greenland.png"); }
ul#b-map li a:visited, ul#b-map li a:active, ul#b-map li a:hover { color: #fff; }




#layerContent {
  clear: left;
  margin: 0 auto;
  padding-bottom: 30px; /* Расстояние между нижней границей footer и content */
  width: 100%;
  float:left;
}

/* ___________________________________________________________________________________________

   FOOTER
   __________________________________________________________________________________________ */
.footer {
  background: url("../i/footer.gif") no-repeat scroll center bottom transparent;
  height: 16px;
  /*margin-top: -16px;*/
  margin-top: 0;
  overflow: hidden;
/*  position: relative;*/
  width: 100%;
  z-index: 10;
  float: left;
}


















.b-left ul { float: left; }
.b-left .chapter ul { float: none; }

.b-left .chapter ul, .b-left ul {
  list-style-type: disc !important;
  margin: 0 0 10px;
  padding: 0;
  color: #878787;
  font-size: 10pt;
  line-height: 16px;
  width: 100%;
}
.b-left .slide-menu ul { float: left }  /* Для меню из "Личного кабинета" */

.b-left .chapter ul { margin-left: 0; }

.b-left ul.bold { font-weight: bold; }

.b-left ul.decimal { list-style-type: decimal !important; }
ul.lower-alpha { list-style-type: lower-alpha !important; float:left; color: #878787; margin: 0 0 0 20px; }
ul p { float:left; }


.b-left ul li { margin: 0 0 0 15px; }
.b-left ul.decimal li { margin: 0 0 0 20px; }
.b-left .about ul a { color: #5caa01 }





.offscreen {
    left: -9999px;
    overflow: hidden;
    position: absolute;
}


#signin {
    color: #666666;
    font-size: 11px;
    margin: 0;
}
#signin p {
    margin: 0;
}
#signin .textbox label {
    display: block;
    padding: 0 0 3px;
}
#signin .textbox input {
    -moz-border-radius: 4px 4px 4px 4px;
    background-attachment: scroll;
    background-color: #CAD7D1;
    border-bottom-width: 1px;
    border-left: 1px solid white;
    border-top: 1px solid #DDDDDD;
    display: block;
    font-size: 13px;
    margin: 0;
    padding: 3px;
    width: 96%;
}
#signin .textbox input:focus {
    border-bottom-color: #CCCCCC;
    border-top-color: #CCCCCC;
    outline-width: 0;
}
#signin .textbox label {
    display: block;
    padding: 0 0 3px;
}

.b-left a.view_more,
.b-left p.view_techdoc,
.b-left p.view_user_sms_billing,
.b-left p.view_user_sms_messaging,
.b-left p.view_user_ivr_billing { color: #0092E6; cursor: pointer; }  /* Определяем мнимую ссылку на документ для незалогиненного пользователя */
/* Библиотека с разными вспомогательными картинками 16x16 */
/*.listStyleText a span,*/
.b-left p a span,
.b-left p.view_techdoc span,
.b-help p a span
 /*,
.button_select */{
  background: url("../i/lib/misc.png") no-repeat scroll 0 0 transparent;
  height: 16px;   /* Высота одной картинки */
  width: 16px;
  float: right;
}

/*.button_select { background-position: 0 0px; }*/
*+ html .button_select { position: absolute; }
/*.listStyleText a span { position: absolute; margin: 3px 0 0 7px }*/

/*.b-left p a span {  }*/




/*.listStyleText a span { background-position: 0 -16px; }*/
.b-left p a span, .b-left p.view_techdoc span { background-position: 0 -32px; float: left; padding: 0 3px 0 0; }
.b-help p a span { background-position: 0 -177px; width: 30px; height: 25px; float:left; padding-right:10px }

.b-left .pictogr p { padding: 5px 7px; margin-right:5px; }
.b-left .pictogr p a span.promo-rolic, .b-left .pictogr p.view_techdoc span.promo-rolic { background-position: 0 -48px; }
.b-left .pictogr p a span.ppoint, .b-left .pictogr p.view_techdoc span.ppoint { background-position: 0 -64px; }


.b-left .mailing { float: left; width:100% }
.b-left .add { float: left; width:100% }







#register-form .field, #register-form .field b, #register-form .field .input {
  background: url("../i/input.png") no-repeat scroll left top transparent;
  display: inline-block;
}

#register-form  a.field b {
  background: url("images/input-select.png") no-repeat scroll right top transparent;
}

#register-form .field b {
  background-position: right top;
}

#register-form .field .input {
  background-position: left bottom;
  background-repeat: repeat-x;
  border: 0 none;
  color: #777777;
  display: inline-block;
  float: left;
  font-size: 15px;
  height: 29px;
  margin: 0 10px;
  outline: medium none;
  padding: 0;
  width: 200px;
}

.description p { padding-top: 4px }


/* ___________________________________________________________________________________________

   SERVICES | MAIN :: Блок "Сервисы"
   __________________________________________________________________________________________ */

.b-left.h1 h1 { padding-left: 110px } /* Выравниваем заголовок с текстом */
.b-left h1 { padding-top:0 }
.b-left .section, .b-left .section#fix {
  width: 98%;
  float: left;
  border-bottom: 1px dotted #9e9e9e;
  margin-bottom: 15px
}

.b-left.tech .section { width: 100% }

.b-left .section#fix { border-bottom: 0 none }  /* Убираем в конце раздела горизонтальный разделитель между блоками */
.b-left .section.content { border-bottom: 0 none; }

.b-left .section div.note a, .b-left .row div a { font-size: 11pt; }
.b-left .section div.note a {
  float: left;
  margin: 0 0 10px;
  color: #2d2d2d;
  text-decoration: underline;
}


.b-left .bl_services a,
.b-left .br_services a,
.b-left .bc_services a { color: #2d2d2d; text-decoration: underline; }
.b-left .bl_services a:hover,
.b-left .br_services a:hover,
.b-left .bc_services a:hover { text-decoration: none; }

.b-left .section div.note a:hover { text-decoration: none; }

.b-left .section div { margin-left:110px; }
.b-left .section div .example { margin-left:0; }

.b-left .section div.pictogr { margin-left: -8px }
*+html .b-left .section div p { float: left; width:100% }

/* Картинка в разделе */
/*.b-left .section a span {
  float: left;
  width: 96px;
  height: 96px;
  margin: 0 10px 10px 0;
}
*/


/* Строка раздела "Сервисы" */
.b-left .row {
  float:left;
  width: 100%;
  padding: 5px;
}

/* Ссылка на ресурс "Наш контент для вашего сайта" */
.b-left .row div a {
  color: #2D2D2D;
  margin-bottom: 10px;
}

/* Раздел - "Наш контент для вашего сайта:tow */
.b-left .description { float:left; width: 100%; }



/* Левая, средняя и правая колонка */
.bl_services a, .bc_services a, .br_services a { margin-left: 10px; }         /* Отступ ссылки на информационный текст от иконки */
.bl_services p, .bc_services p, .br_services p { margin: 10px 5px 0 106px }   /* Отступ аннотации информационного текста от иконки */


a.ico_horo, a.ico_astro, a.ico_hiro, a.ico_ero, a.ico_mobcontent { margin-left: 0 }

/*.b-products .row div { float:left; width: 290px }*/

/* Ширина блока для раздела "Наш контент для вашего сайта" */
.bl_services, .br_services { width: 330px; }
.bc_services { float: left; width: 100% } /* Блок по центру */
.bl_services { float: left }    /* Левый блок с информацией о продуктах */
.br_services { float: right }  /* Правый блок с информацией о продуктах */


/* Библиотека с символическими картинками продуктов компании */
.b-left .ico_horo,
.b-left .ico_astro, .b-left .ico_astro,
.b-left .ico_hiro,
.b-left .ico_ero,
.b-left .ico_mobcontent {
  background: url("../i/services/content.png") no-repeat scroll 0 0 transparent;  /* По умолчанию выставляем 1-ый элемент: .ico_horo */
  height: 96px;   /* Высота одной картинки */
  width: 96px;
  float:left;
}

.b-left .ico_hiro { background-position: 0 -96px; }
.b-left .ico_astro { background-position: 0 -192px; }
.b-left .ico_ero { background-position: 0 -288px; }
.b-left .ico_mobcontent { background-position: 0 -384px; }





.b-left .content div.ico_astro, .b-left .content div.ico_ero {
  background: url("../i/services/content_show.jpg") no-repeat scroll 0 0 transparent;
  height: 114px;   /* Высота одной картинки */
  width: 578px;
  float:left;
  margin: 10px 0;
}
.b-left .content div.ico_astro { background-position: 0 0; }
.b-left .content div.ico_ero { background-position: 0 -117px !important; }

.b-left .content div.ico_namobilnik {
  background: url("../i/services/content_mobile.jpg") no-repeat scroll 0 0 transparent;
  width: 488px;
  height: 201px;
  float:left;
  margin: 10px 0;
}

.b-left .chapter { margin-left: 165px }

/* Библиотека с графическими файлами для подраздела "Сервис" - Большие картинки */
.b-left .ico_payments-Big,
.b-left .ico_ivr-Big,
.b-left .ico_mailing-Big,
.b-left .ico_plastic-Big,
.b-left .ico_interactive-Big,
.b-left .ico_phone_info-Big {
  background: url("../i/services/service_ico-main.png") no-repeat scroll 0 0 transparent;  /* По умолчанию выставляем 1-ый элемент: .ico_payments-Big */
  float:left;
  width: 175px;
  margin: 0 10px 0 -20px;
}

.b-left .ico_payments-Big { height: 232px; }
.b-left .ico_ivr-Big { height: 162px; background-position: 0 -232px }
.b-left .ico_interactive-Big { height: 157px; background-position: 0 -394px }
.b-left .ico_plastic-Big { height: 117px; background-position: -10px -550px }
.b-left .ico_mailing-Big { height: 138px; background-position: -20px -669px }
.b-left .ico_phone_info-Big { height: 192px; background-position: 0 -810px }

/* Библиотека с графическими файлами для подраздела "Сервис\SMS-рассылки" */
.b-left .ico_sms-fm,
.b-left .ico_sms-quiz,
.b-left .ico_sms-voting,
.b-left .ico_sms-chat,
.b-left .ico_sendex,
.b-left .ico_script,

.b-left .ico_smspay,
.b-left .ico_interactive,
.b-left .ico_ivr,
.b-left .ico_plastic,
.b-left .ico_phone_info {
  background: url("../i/services/service_note-ico96x96.png") no-repeat scroll 0 0 transparent;  /* По умолчанию выставляем 1-ый элемент: .ico_sms-fm */
  float:left;
  width: 96px;
  height: 96px;
  margin: 0 10px 10px 0;
}

.b-left .ico_smspay { background-position: -96px 0; }
.b-left .ico_interactive { background-position: -96px -192px; }
.b-left .ico_ivr { background-position: -96px -288px; }
.b-left .ico_plastic { background-position: -96px -384px; }
.b-left .ico_phone_info { background-position: -96px -480px; }

.b-left .ico_sms-quiz { background-position: 0 -96px; }
.b-left .ico_sms-voting { background-position: 0 -192px; }
.b-left .ico_sms-chat { background-position: 0 -288px; }
.b-left .ico_sendex { background-position: 0 -384px; }
.b-left .ico_script { background-position: 0 -480px; }


/* Библиотека с графическими файлами для подраздела "Сервис\SMS-рассылки" */
.b-left .plastic-ico  {
  border: 1px solid gray;
  margin: 40px 0;
  padding: 10px;
  width: 505px;
  height: 405px;
  float: left;
}

.b-left .plastic-ico span {
/*  background: url("../i/services/plastic-ico.png") no-repeat scroll 0 0 transparent;*/
  float:left;
  width: 505px;
  height: 405px;
}






.b-left.tech .section div { margin-left: 240px; }
.b-left.tech .section.content { margin-bottom: 25px; padding: 10px 0 0; }





.mailing { padding: 0 0 10px 0; margin-top: 10px  }
.mailing h2 { font-size: 11pt; text-decoration: none; }
.mailing .product-ico { float: left; width: 96px; }
/*.mailing .note { padding-left: 170px }*/

/*.mailing .add { float: left; width: 140px; }*/
.mailing .note { padding-left: 110px }

.include_msg .mailing li {
  color: #504E4E;
  list-style: none outside none;

  margin: 1px 0;
  padding: 2px 0;
  text-decoration: none;
}

.mailing li a {
  color: #0092E6 !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt !important;
  text-decoration: underline;
}



.b-left .pic {
  background: url("../i/services/SMS-payments.png") no-repeat scroll 0 0 transparent;
  height: 284px;
  width: 180px;
  float:left;
  padding-right: 10px;
}


/*.b-left h1 { padding-top:0 }*/
.b-left h3 { font-size:10pt; padding-top: 10px }
.b-left .example h3 { padding-top:0 }
.b-left h2 { padding-bottom: 10px; width: 100%; float: left; text-decoration: none; }
.b-left div a { text-decoration: none; }  /* ХАК для Chrome, иначе активизируется тэг а по умолчанию */
.b-left #b-padding h2 { padding: 0 0 10px; width: 100%; float: left }
.b-left.b-vip h2 { padding-bottom: 10px; width: 100%; float: none; text-decoration: none; font-size: 12pt; }

.script h1 { float: left }
.script h2 { padding: 10px 0; width: 100%; float: left }
.b-left .example h2 { font-size: 10pt }



/* Библиотека с графическими файлами для подраздела "Сервис\Прием SMS-платежей\TAB-menu" */
.b-left .ico_onetime,
.b-left .ico_subscr,
.b-left .ico_ppc,
.b-left .ico_mc {
/*  background: url("../i/services/subscr-ico.png") no-repeat scroll 0 0 transparent;*/   /* По умолчанию выставляем 1-ый элемент: .ico_onetime */
  float:left;
  width: 123px;
  margin: 0 10px 15px 0;
}

.b-left .ico_onetime { height: 74px }
.b-left .ico_subscr { height: 323px; background-position: 0 -74px }
.b-left .ico_ppc { height: 218px; background-position: 0 -410px }
.b-left .ico_mc { background-position: 0 -628px; height: 342px; }


/* Библиотека с графическими файлами для подраздела "Сервис\Прием SMS-платежей\TAB-menu" */
.b-left .ico_onetime_ex,
.b-left .ico_subscr_ex,
.b-left .ico_ppc_ex,
.b-left .ico_moblie_ex {
/*  background: url("../i/services/subscr-ico_ex.png") no-repeat scroll 0 0 transparent; */ /* По умолчанию выставляем 1-ый элемент: .ico_onetime_ex */
  float:left;
  width: 669px;
  margin: 0 10px 15px 0;
}

.b-left .ico_onetime_ex { height: 217px; }
.b-left .ico_subscr_ex { height: 217px; background-position: 0 -217px }
.b-left .ico_ppc_ex { height: 252px; background-position: 0 -434px }
.b-left .ico_moblie_ex { height: 328px; background-position: 0 -685px; margin-top: -60px; }


.b-left .horo-ico-many .horo-ico {
  /*background: url("../i/services/horo-ico-many.png") no-repeat scroll 0 0 transparent;*/
  width: 512px;
  height: 89px;
  margin: 0 0 10px 0;
}


.b-left .horo-ico-many a.prg, .b-left .horo-ico-many a.god, .b-left .horo-ico-many a.love,
.b-left .horo-ico-many a.ideal, .b-left .horo-ico-many a.sex, .b-left .horo-ico-many a.test {
  width: 249px;
  height: 26px;
  position: absolute;
  outline:0 none;
}

.b-left .horo-ico-many a.god { margin-left: 262px; }
.b-left .horo-ico-many a.ideal { margin-top: 31px; margin-left: 262px }
.b-left .horo-ico-many a.love { margin-top: 31px; }
.b-left .horo-ico-many a.sex { margin-top: 62px }
.b-left .horo-ico-many a.test { margin-top: 62px; margin-left: 262px; }


.b-left .text { margin-left: 150px; padding-right: 10px; padding-bottom: 10px }

.b-left .text-sub { padding:10px; float:left }
.b-left #b-padding .text-sub h2 { padding-top: 20px; float:left }


.example, .example.end {
  border-bottom: 1px dotted #9E9E9E;
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.example.end {
  border-bottom: 0 none;
}



/*.feedback form div, */form#contact-form div div { float: left; width: 100%; }
.register form div.agreement { margin-top: 15px; position: relative; right: -2px; }
.register form div.agreement a { cursor: pointer; color: #878787; text-decoration: underline; }
.register form div.agreement a:hover { cursor: pointer; text-decoration: none; }
.feedback form label, .register form label { display: block; margin: 0 0 3px; color: #878787; }
.register form label,
.register form label.ui-checkbox { width: 300px; float: left; cursor: default; }

.register form .agreement label.ui-checkbox { width: 5px; float: left; cursor: default; }

input.rounded_input {
  background: url("../i/form1.gif") no-repeat scroll left top transparent;
  color: #B4B4B4;
  height: 18px;
  margin-bottom: 15px;
  padding: 3px 7px 2px 5px;
  width: 290px;
  border: 0 none;
}

.rounded_input:focus {
  background: url("../i/form1.gif") no-repeat scroll left bottom transparent !important;
  color: #79826C;
}

.feedback textarea, .register textarea {
  background: url("../i/commentform.gif") no-repeat;
  border: 0px solid #8B8378;
  color: #222222;
  padding: 5px;
  width: 301px;
  height: 147px;
  resize: none;
}

.feedback textarea:focus, .register textarea:focus {
  background: url("../i/commentform.gif") no-repeat left bottom transparent !important;
  color: #79826C;
}

.feedback .textarea { margin-top: 20px }
.ip label {
  color: #878787;
  display: block;
  margin: 0 0 3px;
}

.ip textarea {
  width: 80% !important;    /* Ширина поля в процентах */
  resize: none;  /* Запрещаем изменять размер */
  float: left;
  font-family: monospace,"Courier New";
  margin-bottom: 10px;
}
textarea#htaccess { height: 110px; }
textarea#iptables { height: 90px; }










/* Input поля eMail и login в Header

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



.border { border-left: 4px solid #5ca901; margin: 3px 0 10px 10px; padding: 5px 0 }
.border p { padding: 0 10px; }
.border strong {
  float: left;
  margin:0;
  padding: 0 10px;
  width: 100%;
}








/* Раскрывающаяся страница в Технической документации */
.script #b-scroll-html_pages {
  margin-left: 25px;
  display: block;
  margin-top: 10px;
}







/*.b-tdoc_scroll p { padding: 5px 10px; padding-left:0; margin-top: 5px; width: 100% }*/


/* NEWS
============================================================================== */
.b-left.news p { padding:0; }
.b-left.news .section, .b-left.news #fix.section { padding: 5px 0 10px }













/* ____________________________________________________________________________________________

   BLOCK :: Технологии\Техдокументация
   __________________________________________________________________________________________ */

/* Графическая рамка
  ----------------------------------------------------------- */
.techdoc {
  height: 31px;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}

/* Графическая рамка для расположения названия сервиса и его описания -левая, правая рамка и середина */
.techdoc .l, .techdoc .r, .techdoc .content {
  background: url("../i/lib/techdoc.gif") repeat-x scroll 0 0 transparent;
  height: 62px;
}

/* Характеристики левой и правой рамки */
.techdoc .l, .techdoc .r {
  left: -6px; /* Ширина рамки */
  top: -31px;
  position: absolute;
  width: 12px;
}

.techdoc .r { /* Прижимаем вправо рамку */
  left: 100%;
  margin-left: -6px;
}

/* Вывод контента в графической обрамленной рамке
  ----------------------------------------------------------- */
/* Выравниваем все вправо */
.techdoc p {
  float: right;
  padding: 3px 0;
  color: #535353;
}

.techdoc .content { padding: 5px 10px 0; }
/* Меняем местами блоки - Название сервиса и Описание */
.techdoc .content strong { float: left; width: 220px } /* Текcт слева */
.techdoc .content .pictogr p { padding: 3px 0 0 10px; width: 140px; float: left; }  /* Текст с пиктограммой размещаем справо со смещением от названия Сервиса */
.techdoc .content .pictogr p.banner { float: right; width: 120px; }



/* Библиотека с  символическими картинками продуктов компании "Система распределения нагрузки"
  ----------------------------------------------------------- */
.b-left .ico_load1,
.b-left .ico_load2,
.b-left .ico_load3 {
  /*background: url("../i/load.png") no-repeat scroll 0 0 transparent;*/
  width: 223px;
  height: 111px;   /* Высота одной картинки */
  float:left;
}

.b-left .ico_load1 { background-position: 0 0; }
.b-left .ico_load2 { background-position: 0 -111px; }
.b-left .ico_load3 { background-position: 0 -222px; }

/* Раздел Глоссарий
    Решение для разделителя - не вставляя никаких классов и оперируя лишь обычным списком.
  ----------------------------------------------------------- */
.glossary {
  float:left;
  overflow: hidden; /* небходимо для того, чтобы спрятать верхний бордюр у первого пункта и нижний бордюр у последнего пункта */
  /*padding: 1px 0px;*/

}

.glossary div {
  float: left;
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #5eaa02; /* нижняя граница для всех пунктов */
  /*margin-bottom:-3px;   */            /* сдвигаем все элементы вниз */
  margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
  height: 1%; /* для устранения бага в IE6 и IE7 */

}

.glossary p { float: left; width: 250px; color: #000; }
.glossary span { float:right; width: 440px }





/* ___________________________________________________________________________________________

   HELP : Помощь
   __________________________________________________________________________________________ */

.b-help h1 { padding-top: 0 }
.b-help .info { padding-bottom: 35px; float:left }
.b-help.partners { float:left; width: 900px; padding-bottom: 20px; position: relative }

.b-help .pic {
  font-size: 1em;
  padding-right: 1px;
  width: 160px;
  display: block;
  float: left;
  /*font-weight: bold;*/
  position: relative;
}

/* Картинки для партнеров и абонентов */
.b-help a.partners, .b-help a.user {
  background: url("../i/help.png") no-repeat scroll 0 0 transparent;
  width: 168px;
  height: 96px;
  cursor: pointer;
  float:left;
}

.b-help a.user { background-position: 0 -96px; height: 41px; }




.b-faq {
  height: 100%;
  text-align: left;
}

.b-faq .text {
  text-align: left;
  margin-left:190px;
}
.b-faq .text a { float: left; margin: 5px 0; width: 100%; }
.b-faq .text .line { margin-top: 20px; float:left; }
.b-faq .text .line p { float: left; }
.b-faq .text .line a { float: none; width: 0%; margin-right: 10px }

/* Вопросы для партнеров
 ----------------------------------------------------------- */
.partners h1 { font-size: 12pt; color: #000; padding-bottom:25px }
.partners h1 span { color: #0092e6; text-decoration:underline; }

.partners p {
  font-size: 10pt;
  padding-bottom: 3px;
  text-align: left;
  float: left;
  color: #878787;
  width: 100%;
}

.partners .total_faq a {
  float: left;
  margin: 5px 0;
  font-size: 10pt;
  width: 100%;
  cursor: pointer;
}

/*.b-left-l { width: 220px }*/

.total_faq {
  background: #EAF0F7;
  float: left;
  height: 100%;
  padding: 10px;
  text-align: left;
  width: 94%;
  font-weight: bold;
  margin-bottom:30px;
}

.partners .b-region-select { width: 219px; margin-right: 0; /*padding-top:30px*/ }
.partners .b-right { margin-right:0; margin-bottom: 15px; }
.partners .dropdown_region dd ul { right:0; }

.partners .contact .b-green {
  background-color: #fff;
  color: #000;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 1px;
  text-align: left;
}

.partners .b-right .regions {  height: 20px; }
.partners .b-right .regions { float: left; }

.partners .contact p { width: auto; float: right; }
.partners .total_faq p { margin: 6px 0 2px; color: #000; font-size:11pt; }
.partners .pic .b-region-select { margin-top: 20px !important; }
.partners p strong {
  color: #2D2D2D;
  float: left;
  font-size: 10pt;
  text-align: left;
}


.b-help.partners .pic { width: 223px }

.b-help.partners h1, .partners .b-faq .text { margin-left: 240px; }
.partners .b-faq .text strong { font-size:10pt; margin: 10px 0 3px; float:left; width:100%; }
.partners ul.decimal li { float:left; }
.partners .b-faq .text a { float: none; }


/* ___________________________________________________________________________________________

   ABOUT :
   __________________________________________________________________________________________ */

ul.diag li,
ul.diag li#mark_active, ul.diag li:hover {
  background: url("../i/about_progress.png") no-repeat scroll 0 -93px transparent;
  width: 365px;
  height: 93px;
  float:left;

  list-style-type: none !important;
  padding: 0;
  margin: 1px 0 !important;
  font-size: 11pt;
  line-height: 16px;
}

ul.diag li#mark_active a, ul.diag li a:hover {
  color: #fff;
  text-decoration: none;
  background: url("../i/about_progress.png") no-repeat scroll 0 0 transparent;
}

ul.diag li a {
  color: #282828;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.diag li a span {
  float: left;
  margin: 20px 10px;
  padding: 10px;
}

ul.diag li#mark_active div.pie,
ul.diag li#mark_active div.awards,
ul.diag li#mark_active div.tutu,
ul.diag li#mark_active div.rating {
  background: url("../i/about_diags.jpg") no-repeat scroll 0 0 transparent; /* По умолчанию выставляем 1-ый элемент: .pie */
  width: 344px;
  height: 400px;
  position: absolute;
  left: 410px;
  margin-top:0;
}

ul.diag li#mark_active div.awards { background-position: 0 -400px; margin-top: -115px; }
ul.diag li#mark_active div.rating { background-position: 0 -800px; margin-top: -210px; height: 425px; }
ul.diag li#mark_active div.tutu { background-position: 0 -1223px; margin-top: -305px; height: 425px; }

ul.diag li a#rating span, ul.diag li a#tutu span { margin-top: 28px }


/* ___________________________________________________________________________________________

   MISC
   __________________________________________________________________________________________ */

/* Характеристика баннеров на главной странице */
.flashContent { position: relative; width: 100%; float: left; }
#promoton { width: 699px; height: 144px; }
.banner_swf-main { width: 699px; height: 288px; }

/* Выравнивание элемента по центру (по горизонтали)
 ----------------------------------------------------------- */
.align_hcenter, .align_hcenter_footer {
  float: right !important;
  position: relative;
  right: 50%;
  padding: 20px 0;
}

.align_hcenter .bg_ny_smsonline_3340x102 { padding: 0; }

.align_hcenter_footer { padding: 0; }
.align_hcenter_footer p, .align_hcenter_footer p a {
  color: #fff;
  text-decoration: none;
  z-index: 100; /* Хак для Opera и Safari, без него не выводится footer с ссылками  */
}
.align_hcenter_footer p a:hover { text-decoration: underline; }
.align_hcenter_footer p a { text-transform: lowercase }

.align_hcenter_footer p,
.align_hcenter input, .align_hcenter a, .align_hcenter .pic_signup, .align_hcenter a, .align_hcenter .pic_pre_signup,
.b-mc .align_hcenter h2, .b-mc .align_hcenter div,
.align_hcenter .bg_ny_smsonline_3340x102 {
  position: relative !important;
  right: -50%;
}

.b-signup .align_hcenter input, .b-signup .align_hcenter a {
  position: relative !important;
  right: 0;
  outline: 0 none !important;
}

/* Личный кабинет - выравниваем кнопку */
.choose-date .align_hcenter,
#fieldsWrapper .align_hcenter { padding: 0; margin: -4px 0 0 30px; } /* "Оперативная статистика" */


/* BLOCK :: Технологии\IVR и Сервис\Наш контент- раскрывющийся slide
  ----------------------------------------------------------- */

/* Обнуляем смещение текста, которое по умолчанию идет в других блоках */
.b-left .section div#slideBar_drop-down_list { margin-left:0; }

/* Сразу скрываем текст обернутый slide (свернутый список) */
#slideBar_drop-down_list { display: none; }

a.btn-slide {
  background: url("../i/lib/misc.png") no-repeat scroll 0 0 transparent;
  text-align: center;
  height: 16px;
  padding: 0;
  margin: 0 auto;
  display: block;
  text-decoration: none;
}

/* slideBar по все ширине */
.slide {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 16px;
  background: #e4e8ea;
}

.slide a:focus { outline: none; }

/* Кнока для BarSlide - свернут (стрелка вниз)/раскрыт(стрелка вверх) список*/
.slide a { background-position: center -92px; }
.slide a.active { background-position: center -80px; }


/* Затемнение всей области страницы
  ----------------------------------------------------------- */
.bg-shadow {
  background-color: #646464;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 10;

  -moz-opacity: 0.70; /* Firefox */
  opacity: 0.70; /* Opera */
  filter:alpha(opacity=70); /* IE */
}

.WrapBG_winShadow { float: left; position: relative; background: #fff; z-index: 200; }
.WrapShadowWin_signup {
  float: left;
  position: fixed;
  margin-top: 100px;
  z-index: 200;
}
#window_PRE_AUTH .WrapShadowWin_signup { margin-top: 155px; }

.WrapShadowWin_agreement {
  background: #fff;
  float: left;
  position: fixed;
  margin-top: 165px;
  z-index: 200;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
}




/* Кнопки "Обратная связь", "Задать вопрос менеджеру", "Отправить сообщение"
  ----------------------------------------------------------- */

/* Кнопка "Обратная связь" */
#feedback, #question, #send_message, .send_request, .send_request_enabled, .signup1, .next, #hook_up {
  /*background: url("../i/lib/button.png") no-repeat scroll 0 0 transparent;*/
  height: 35px;   /* Высота одной картинки */
  cursor: pointer;
  float:left;
}
.signup1, .next { height: 26px; }

#feedback { float: right; width: 172px; }
#feedback:hover { background-position: 0 -35px; }

a.feedback_link { padding-bottom: 10px; float: left; }

/* Кнопка "Задать вопрос менеджеру" */
/*#question { background-position: 0 -70px; width: 240px; }*/
#question:hover { background-position: 0 -105px; }

/* Кнопка "Отправить сообщение" */
/* Кнопка "Отправить заявку" */
#send_message, .send_request, .send_request_enabled {
  position: relative;
  margin-top: 15px;
  float: left;
  height: 25px;
}

#send_message { background-position: 0 -141px; width: 158px; }
#send_message:hover { background-position: 0 -166px; }
.align_hcenter input#send_message { margin-left: 70px }

/*.send_request_disable { background-position: 0 -191px; width: 131px;; }
.send_request_disable:hover { background-position: 0 -216px; }
*/

.send_request { background-position: 0 -191px; width: 131px; cursor: default; }
.send_request_enabled:hover { background-position: 0 -216px; cursor: pointer; }


.align_hcenter input.send_request,
.align_hcenter input.send_request_enabled { margin-left: 80px; margin-top: -8px }

.button { display: inline-block; position: relative; }
/* Кнопка "Вход" */
.signup1 { background-position: 0 -331px; width: 42px; }
.signup1:hover { background-position: 0 -357px; }

.next { background-position: 0 -383px; width: 51px; }
.next:hover { background-position: 0 -409px; }



/* Смена стандартных Сheckbox и Radio на нетривиальные
  ----------------------------------------------------------- */

/* Подгружаем через jquery.ui.checkbox.js и jquery.ui.widget.js */
label.ui-checkbox,
label.ui-radio {
  background: url(/i/lib/icon_checkbox.png) 0 -81px no-repeat;
  margin-bottom: 2px;
  padding: 0 20px 0 20px !important;
  width: 100%;
}
label.ui-radio { padding-top: 0; }



label.ui-checkbox { background: url("/i/lib/icon_checkbox.png") 0 0 no-repeat; padding-bottom: 3px; cursor: pointer; float: left; }
.agreement label.ui-checkbox { padding-bottom: 0 }
.agreement { color: #878787; }

.agreement label.ui-checkbox, .agreement label.ui-radio { padding: 0 10px !important }

label.ui-checkbox-state-hover { background-position: 0 0px; }
label.ui-checkbox-state-checked { background-position: 0 -26px; }
label.ui-checkbox-state-checked-hover { background-position: 0 -53px; }

label.ui-radio-state-hover { background-position: 0 -81px; }
label.ui-radio-state-checked { background-position: 0 -107px; }
label.ui-radio-state-checked-hover { background-position: 0 -133px; }

.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
  cursor: pointer;
}









textarea { font: 12px Arial, Tahoma, Helvetica, sans-serif; }
/*.b-vphone textarea { position:absolute; width: 131px; height: 117px; }*/




#map { width:650px; height:400px; border:1px solid #ccc; margin-left: 10px }
/* http://flowplayer.org/documentation/skinning/index.html */
.map .content { float: left; padding: 5px 0; width: 660px; }
.map span, .map .Detailed_info span { float: right; color: #000; }
.map .Detailed_info span { float: right; color: #000; font-size: 10pt; margin-bottom:5px }

/* Меняем местами блоки - Название сервиса и Описание */
.map .content strong { float: left; width: 185px } /* Текcт слева */

.map .country { padding-left:5px }
.map .transcript { float: left; padding: 0 7px }
.map .content .transcript p { padding: 0; width: 430px; }

.map .info {
  background: #eef8e4;
  display: block;
  float: left;
  position: relative;
  height: 115px;
  margin: 0 3px 10px -9px;
  margin-left:-4px\9;
  padding: 11px;
  width: 99%;
  width: 98%\9;
}

.map .Detailed_info .content .transcript p { font-size:10pt; padding: 0; width: 180px; float:left; }
.map .Detailed_info strong { float: left; font-size:12pt; }

.map .Detailed_info .content .transcript p span,
.map .Detailed_info .content .transcript p.view_user_sms_billing font,
.map .Detailed_info .content .transcript p.view_user_sms_messaging font,
.map .Detailed_info .content .transcript p.view_user_ivr_billing font { width: 280px; float:left }


span.play_off_main { background: url("/i/play_off.png") no-repeat scroll 0 0 transparent; }
span.play_off_main:hover { background: url("/i/play_on.png") no-repeat scroll 0 0 transparent; }

span.play_off_main,
span.play_off_main:hover {
  cursor: pointer;
  height: 64px;
  left: 358px;
  top: 108px;
  position: absolute;
  width: 64px;
}

.agreement ol li span { float:left; font-weight: normal }
.agreement ul ul li:before {
  counter-increment: list; /* Увеличиваем значение счетчика */
  content: counter(list) ". "; /* Выводим число */
 }
.agreement ul li { font-weight: bold }
.agreement ul ul li { list-style-type: none; font-weight: normal }

/* Вложенные списки с автоматической нумерацией */
.agreement li { list-style-type: none; } /* Убираем исходную нумерацию */
.agreement ol { counter-reset: list1; } /* οнициируем счетчик */
.agreement ol li:before {
 counter-increment: list1; /* Увеличиваем значение счетчика */
 content: counter(list1) ". "; /* Выводим значение */
  /* Хак для Chrome. При данном ХАК'e Заголовок списока li смещается вниз от нумерации */
 margin-right: 4px;
 float: left;
}
.agreement ol ol { counter-reset: list2; } /* οнициируем счетчик вложенного списка */
.agreement ol ol li:before {
 counter-increment: list2; /* Увеличиваем значение счетчика */
 content: counter(list1) "." counter(list2) ". "; /* Выводим значение типа 2.1, 2.2,... */
}

.agreement ol ol ol { counter-reset: list3; } /* οнициируем счетчик вложенного списка */
.agreement ol ol ol li:before {
 counter-increment: list3; /* Увеличиваем значение счетчика */
 content: counter(list1) "." counter(list2) "." counter(list3) ". "; /* Выводим значение типа 2.1.1, 2.2.2,... */
}

.agreement ol ol ol ol { counter-reset: none; } /* οнициируем счетчик вложенного списка */
.agreement ol ol ol ol li:before {
 counter-increment: none; /* Увеличиваем значение счетчика */
 content: none;
}

.agreement ol.disc li:before {
 counter-increment: none; /* Увеличиваем значение счетчика */
 content: none;
}
.agreement ol.disc li { list-style-type: disc }

.agreement ol.alpha li:before {
 counter-increment: none; /* Увеличиваем значение счетчика */
 content: none;
}
.agreement ol.alpha li { list-style-type: alpha }

.agreement ol li { line-height: 17px; padding-bottom: 10px; font-weight: bold }
.agreement ol li li { line-height: 19px; padding-bottom: 0px; font-weight: normal }




/* Формы "Логин" и "Пароль" */
#button {
  background: url("../i/login.png") no-repeat scroll 0 0 transparent;
  height: 23px;
  width: 100%;
  display: block;
  /*clear: both;*/
  position: relative;
  overflow: hidden;
  padding: 0 6px 0 6px;
  vertical-align: middle;
  /*z-index:10000;*/
  width: 77px;
  float: left;
  margin-right: 10px;
}
/* #button:hover { background: url("../i/login.png") no-repeat scroll 0 -69px transparent; } */

/* Правая рамка формы */
#button b/*, #button b:hover*/ {
  background: url("../i/login.png") no-repeat scroll 0 -46px transparent;
  height: 23px;
  width: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  margin-left: 100%;
}
/*
#button b:hover {
  background: url("../i/login.png") no-repeat scroll 0 -115px transparent;
}
*/
#button span/*, #button span:hover*/ {
  background: url("../i/login.png") repeat-x scroll 0 -23px transparent;
  display: block;
  height: 23px;
  width: 100%;
}
/*
#button span:hover {
  background: url("../i/login.png") repeat-x scroll 0 -92px transparent;
}
*/

#button span input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  display: inline;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

p#b a {
  text-decoration: none;
}
p#b span {
  background: #2d2d2d;
  color: #fff;
  font-weight: normal;
  padding: 2px 6px;
}

/* Новая кнопка для регистрации "резиновая" */
.button_sprite, .button_sprite .l, .button_sprite .r {
  background: url("../i/lib/button_sprite.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 25px;
  text-decoration: none;
}
.button_sprite.small, .button_sprite.small .l, .button_sprite.small .r {
  background: url("../i/lib/button_sprite_small.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  text-decoration: none;
}
* html .button_sprite, * html .button_sprite .l, * html .button_sprite .r,
* html .button_sprite.small, * html .button_sprite.small .l, * html .button_sprite.small .r { display: inline; }

.button_sprite { background-repeat: repeat-x !important; position: relative; right: -50%; }
.button_sprite .l { padding-left: 16px; margin-left: -7px; }
.button_sprite .r { color: #fff; padding-right: 19px; margin-right: -7px; }
.button_sprite.send_request_enabled_button input:hover { cursor: pointer; outline: 0 none; color: #0092E6; }
.button_sprite input,
.button_sprite a {
  background-color: transparent;
  border: 0 none;
  font: normal 14px/23px Arial;
  height: 25px;
  margin: 0 -19px;
  padding: 0px 20px 5px 20px !important;
  width: auto;
}

.button_sprite.small input {
  /*
  font: bold 12px/23px Arial;
  height: 20px;
  margin: 0 -27px;
  padding: 0 20px 5px 22px !important;
  */
  background-color: transparent;
  border: 0 none;
  font: bold 11px/23px Arial;
  height: 20px;
  margin: -2px -9px 0;
  padding: 0px 10px 0px 10px !important;
  width: auto;
  line-height: 11px;
}

.button_sprite.small .l { padding-left: 6px; margin-left: -7px; }
.button_sprite.small .r { color: #fff; padding-right: 9px; margin-right: -7px; }

.button_virtual_phone {
  margin-top: 65px;
  position: absolute;
}
.new { margin-left: -8px; }
.ok { margin-left: 83px; }


* html .button_sprite input, * html .button_sprite a {
  left: -19px;
  padding-bottom: 2px;
  position: relative;
}

.button_sprite a { color: #000 !important; }

.button-gray { background-position: 0 0; }
.button-gray .l { background-position: 0 -25px; }
.button-gray .r { background-position: 100% -50px; }
.button-gray.send_request_enabled_button:hover { background-position: 0 -75px }
.button-gray.send_request_enabled_button .l:hover { background-position: 0 -100px; }
.button-gray.send_request_enabled_button .r:hover { background-position: 100% -125px; }

.button-gray.small .l { background-position: 0 -20px; }
.button-gray.small .r { background-position: 100% -40px; }
.button-gray.small.send_request_enabled_button:hover { background-position: 0 -60px }
.button-gray.small.send_request_enabled_button .l:hover { background-position: 0 -80px; }
.button-gray.small.send_request_enabled_button .r:hover { background-position: 100% -100px; }

.align_hcenter.register, .align_hcenter.feedback { right: 72%; }
.button_sprite input,
.button_sprite a { right: 0; background: none; font-family: Tahoma; font-size: 12px; }



/* Мобильная коммерция (МК) */
.wrap_b-mc { width: 900px; }
/*.b-left.b-mc { padding-left: 0; }*/
.b-mc {
  float:left;
  overflow: hidden; /* небходимо для того, чтобы спрятать верхний бордюр у первого пункта и нижний бордюр у последнего пункта */
  /*padding: 1px 0px;*/
  width: 850px;
}

.b-mc div.what {
  /*float: left;*/
  /*margin-bottom:-3px;   */            /* сдвигаем все элементы вниз */
  margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
  height: 1%; /* для устранения бага в IE6 и IE7 */
  padding: 5px 0 30px;
  width: 100%;

}
.b-mc h1 { color: #18aa00; font-size: 25pt; padding: 50px 0 80px; }
.b-mc p { float: left; width: 450px; color: #000; margin-right: 140px; }
.b-mc p font { float: left; padding-top: 10px; color: #878787; }
.b-mc p span,
.b-mc h2 {
  float: none !important;
  width: 100%;
  color: #2c6eb8;
  font-size: 15pt;
  padding-bottom: 15px;
  font-weight: normal;
}
.b-mc h2 { font-size: 18pt; }

.b-mc span a { text-decoration: underline; }
.b-mc span div {
  color: #77c900;
  float: left;
  padding: 30px 0 15px;
  width: 100%;
}
.b-mc span div font { font-size: 20pt; }
.b-mc span div strong { font-size: 15pt; }
.b-mc span div strong font { font-style: normal !important; }

.b-left.b-mc span div strong {
/*  background: url("../i/services/pick_up_the_phone.jpg") no-repeat scroll 0 0 transparent;*/
  float: left;
  height: 35px;
  margin-left: -70px;
  position: relative;
  width: 46px;
}
.b-left.b-mc span div strong .b-mc_pick_up_the_phone {
  float: left;
  margin-top: -22px;
  padding-left: 70px;
  width: 400px;
}

.b-mc span { float:right; width: 210px }
.b-mc strong font { font-style: italic; }



/* Библиотека с графическими файлами для подраздела "Сервис" - Большие картинки */
.b-left .ico_mb_man,
.b-left .ico_mb_ball {
  background: url("../i/services/services_ico-mb.png") no-repeat scroll 0 0 transparent;  /* По умолчанию выставляем 1-ый элемент: .ico_payments-Big */
  float:left;
  width: 260px;
  height: 309px;
  margin: 0 70px 0 20px;
}


.b-left .ico_mb_man { background-position: 0 0 }
.b-left .ico_mb_ball { background-position: 0 -309px }

.b-left.b-mc .chapter {
  float: left;
  margin-left: 0;
  width: 380px;
}
.b-left.b-mc .part1,
.b-left.b-mc .part2 { float: left; width: 100%; position: relative; padding-top: 40px; }

.b-left.b-mc .part2, .b-left.b-mc .part2 { padding: 40px 0; }

.b-left.b-mc .part1 .chapter { padding-top: 70px; }
.b-left.b-mc .part2 .chapter { padding-top: 80px; }


.b-left.b-mc .align_hcenter div.logo_mc {
  background: url("../i/services/logo_mc.png") no-repeat scroll 0 0 transparent;
  width: 758px;
  height: 73px;
}


.b-mc .part2 ol { list-style-type: decimal; color: #878787; margin-left: 20px; }

/* Второй вариант */
.bg_ny_banner {
  background: url("../i/bg_ny.png") repeat-x scroll 0 0 transparent;
  width: 100%;
  margin-top: 102px;
}

.bg_spring_banner {
  /*background: url("../i/bg_spring.png") repeat-x scroll 0 0 transparent;*/
  width: 100%;
  margin-top: 150px;
}

/* Второй первый */
.bg_header_banner_ny_smsonline_3340x102 {margin-top: 102px; }
.banner_ny_smsonline_3340x102 {
  position: absolute;
  width: 100%;
  width: 100%;
}

.bg_ny_smsonline_3340x102 {
  background: url("../i/bg_ny_smsonline_5500x97.jpg") no-repeat scroll 0 0 transparent;
  height: 102px;
  width: 3340px;
  margin-top:-122px
}

.bg_ny_smsonline_726x50 {
  background: url("../i/bg_ny_smsonline_726x50.jpg") no-repeat scroll 0 0 transparent;
  height: 50px;
  left: 130px;
  margin-left: 122px;
  margin-top: -43px;
  width: 720px;
}

.wrap_NY_smsonline {
  background: url("../i/NY_smsonline.png") no-repeat scroll 0 0 transparent;
  height: 102px;
  margin: -102px auto 0;
  width: 1020px;
}

.banner_tl {
    background: url("../i/NY_smsonline.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 102px;
    margin-left: -938px;
    margin-top: 0;
    overflow: visible;
    width: 1020px;
}

.banner_tr {
      background: url("../i/NY_smsonline.png") no-repeat scroll 0 0 transparent;
      /*
    height: 102px;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 1020px;
    */
    height: 102px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 1020px;
    z-index: 995;
}

.snow {
    background: url("../i/snow.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 25px;
    margin-left: 100px;
    margin-top: -25px;
    overflow: visible;
    position: relative;
    width: 25px;
    z-index: 995;
}
.snow1 {
    background: url("../i/snow.png") no-repeat scroll 0 0 transparent;
   float: left;
    height: 25px;
    margin-left: 460px;
    margin-top: -40px;
    overflow: visible;
    position: relative;
    width: 25px;
    z-index: 995;
}

  .vacancy { color: #878787; }
  .vacancy ol { list-style-type: decimal; margin: 5px 0 5px 20px; }
  .vacancy ol li:before {
    float: left;
    margin-right: 4px;
}
  .vacancy ol li {
    float: left;
    margin: 10px;
    width: 100%;
}

/*
.gate_table {
  float: left;
}
*/

.bulk_table {
  float: right;
}

.code_insert {
  margin-left: -35px;
  margin-top: -10px;
}

.code_insert .script { margin: 0; width: 100px; }

textarea.codecontainer {
  border: 1px dashed gray;
  width: 98%;
  background-color: #f9f9f9;
  clear: left;
  font: 9pt Tahoma;
  height: 2730px;
  margin-top: 0;
  overflow-y: hidden;
  resize: none;
  padding: 5px;
}

/* Chrome browser  */
@media all and (-webkit-min-device-pixel-ratio:0) {
  textarea.codecontainer { height: 2400px; }
}

/* from bootstrap.css */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}