/* Общие вещи */
/* ===================================================== */

* { margin: 0; padding: 0; list-style: none; }

body { background: white; color: black; line-height: 1; min-width: 800px; }
body, input, textarea { font: 13px Arial, Helvetica, sans-serif; }
fieldset { border: 0; }


a { cursor: pointer; cursor: hand; }
a img { border: 0; }
a:link { color: #05A; }
a:visited { color: #6D207C; }
a:hover { color: #C00; }
a:active { color: #9d103e; }
abbr { border: 0; }

/* Выравнивание всего по центру */
body #box { width: 800px; text-align: left; margin: 0 auto; position: relative; }

/* Горизонтальное выравнивание по центру */
.vac { display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: middle; *display: inline; }

/* Очистка плавающих блоков */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; overflow: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}

/* Значки операторов */
.op { background-image: url(icons.png); background-position: 16px 0; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; }

.mts		{ background-position: 0px 0; }
.beeline 	{ background-position: -16px 0; }
.megafon	{ background-position: -32px 0; }
.tele2		{ background-position: -48px 0; }
.utel		{ background-position: -64px 0; }
.smarts		{ background-position: -80px 0; }
.etk		{ background-position: -96px 0; }
.bwc		{ background-position: -112px 0; }
.nss		{ background-position: -128px 0; }
.motiv		{ background-position: -144px 0; }
.ntk		{ background-position: -160px 0; }
.skylink	{ background-position: -176px 0; }
.ulgsm		{ background-position: -192px 0; }
.uuss		{ background-position: -208px 0; }
.akos 		{ background-position: -224px 0; }
.life		{ background-position: -240px 0; }
.velcom		{ background-position: -256px 0; }
.diallog	{ background-position: -272px 0; }
.kievstar	{ background-position: -288px 0; }
.stek		{ background-position: -304px 0; }
.sotel		{ background-position: -320px 0; }
.altaysv	{ background-position: -336px 0; }


/* Подвал */
#footer  { margin-top: 40px; padding-bottom: 12px; line-height: 16px; }
#footer .hr { height: 1px; overflow: hidden; background: #e9e9e9; margin-bottom: 10px; }
#footer .hr hr { display: none; }
#footer .menu { float: left; }
#footer .vkontakte { float: left; margin-left: 88px; }
#footer .vkontakte a { display: block; width: 16px; height: 16px; overflow: hidden; background: url(vkontakte.png) no-repeat; text-indent: 20px; }
#footer .copy { float: right; }


/* Главная */
/* ===================================================== */

/* Зимний фон */
#winter-bg { position: absolute; top: 0; left: 0; width: 100%; height: 106px; background: url(winter-bg.png) repeat-x; }
#winter-bg  .l,
#winter-bg  .r { position: absolute; top: 0; width: 405px; height: 106px; }
#winter-bg  .l { background: url(winter-patterns.jpg) no-repeat left top; left: 0; }
#winter-bg  .r { background: url(winter-patterns.jpg) no-repeat right top; right: 0; }

/* Весна-лето */
#index.spring { background: url(sky.jpg) no-repeat top center; }
#index.spring #footer .hr { height: 26px; background: url(grass.png); margin-top: -25px; }
#index.spring #title h1 ins { background: url(sky.jpg) no-repeat center -30px; }

/* Блок с логотипом */
#index #title { text-align: center; padding-top: 30px; margin-bottom: 25px; z-index: 1; position: relative; }
#index #title h1 { font-size: 68px; text-align: center; line-height: 52px; color: #67cd1a; margin: 0 auto 5px auto; position: relative; white-space: nowrap; letter-spacing: -6px; }
#index #title h1 abbr { color: #2995d7; }
#index #title h1,
#index #title h1 span,
#index #title h1 ins { width: 168px; height: 52px; overflow: hidden; }
#index #title h1 span,
#index #title h1 ins { display: block; position: absolute; top: 0; left: 0; }
#index #title h1 ins { background: url(white-px.png); /*background: url(winter-bg.png) repeat-x 0 -40px;*/ }
#index #title h1 span { background: url(logo.png); -background: none; -filter: progid:DXIMageTransform.Microsoft.AlphaImageLoader(src='css/logo.png'); }
#index #title h2 { font-size: 13px; font-weight: normal; width: 320px; margin: 0 auto; }

/* Основное содержание */
#main { position: relative; margin-bottom: 30px;}

/* Левая колонка */
#main #info { width: 200px; float: left; }
#main #info h3 { font-size: 16px; line-height: 19px; margin-bottom: 2px; }

/* Вопросы и ответы */
#main #info #faq  { margin-bottom: 20px; }
#main #info #faq p { line-height: 17px; margin-bottom: 10px; }
#main #info #faq ins { text-decoration: none; }
#main #info #faq .expanded { height: 130px; overflow: hidden; padding-top: 8px; }
#main #info #faq .expanded h3 { margin-bottom: 4px; font-size: 13px; font-weight: bold; line-height: 17px; }
#main #info #faq .expanded p { margin-bottom: 0; }
#main #info #faq .collapsed h3 { font-size: 11px; line-height: 17px; font-weight: normal; margin-bottom: 0;  }
#main #info #faq .collapsed h3 span { background: url(dotted.png) repeat-x 0 13px; cursor: hand; cursor: pointer; color: #05A; }
#main #info #faq .collapsed h3 span.hover,
#main #info #faq .collapsed h3 span:hover { color: #C00; background-position: 0 -86px; }
#main #info #faq .collapsed p { display: none; }

/* Поддерживаемые операторы */
#main #info #supported { width: 210px; margin-bottom: 8px; }
#main #info #supported h3 { font-size: 16px; background: #e9e9e9 url(arr.png) no-repeat right center; line-height: 28px; padding-left: 12px; margin-left: -12px; margin-bottom: 8px; zoom: 1; position: relative; }

#main #info #supported ul li { float: left; line-height: 16px; padding-left: 20px; margin-right: 10px; margin-bottom: 6px; height: 16px; overflow: hidden; position: relative; }
#main #info #supported ul li ins { position: absolute; top: 0; left: 0; }

/* Стили формы */
#form { padding: 20px 30px 28px 30px; width: 260px; background: #e9e9e9; float: right; margin-right: 240px; -display: inline; position: relative; zoom: 1; z-index: 2; }
#form { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px;}
#form label { display: block; line-height: 17px; padding-bottom: 3px; }

/* Поля шириной в 100% */
#form .field-wrap { width: 100%; *overflow: hidden;}
#form .field-wrap div { margin-right: 10px; zoom: 1; }
#form .field-wrap input,
#form .field-wrap textarea { width: 100%; padding: 3px; zoom: 1; }

/* Номер абонента */
#form #phone-fs { position: relative; padding-bottom: 15px; }
#form #phone { font-size: 26px; }
#form #mno { position: absolute; right: 12px; top: 34px; width: 16px; height: 16px; }
#form .loading { background-image: url(loading.gif); }

/* Текст сообщения */
#form #message-fs { padding-bottom: 18px; }
#form #message { font-size: 15px; line-height: 19px; height: 82px; overflow: auto; }
#form #desc { font-size: 11px; color: #666; }

/* Счётчик символов */
#form #counter { border: 1px solid #fff; border-top-color: #d8d8d8; border-left-color: #d8d8d8; position: relative; margin: 1px 0 2px 0; }
#form #counter #progress { background: #6baf00; height: 3px; font-size: 1px; width: 0; }
#form #counter.excess { display: none; }
#form #desc { font-size: 11px; color: #666; padding-top: 1px; }

/* Код подтверждения */
#form #captcha-fs { padding-bottom: 20px; }
#form #captcha-desc { margin-bottom: 10px; }
#form #captcha-wrap { background: #afafaf; padding: 10px 0; }
#form #captcha-reload { width: 15px; height: 19px; overflow: hidden; background: url(reload-bg.png); position: relative; margin-right: -15px; left: -15px; }
#form #captcha-reload a { display: block; width: 11px; height: 11px; overflow: hidden; margin: 4px; margin-right: 0; background: url(reload.png) no-repeat left top; }
#form #captcha-reload a:link,
#form #captcha-reload a:visited { background-position: left top; }
#form #captcha-reload a:hover,
#form #captcha-reload a:active { background-position: right top; }
#form #captcha-img-div { margin-left: 10px; background: #e9e9e9 url(loading.gif) no-repeat center center; width: 100px; }
#form #captcha-img { display: block; }
#form #captcha-arrow { width: 18px; height: 15px; background: url(arrow.png); margin: 0 10px; overflow: hidden; }
#form #captcha { width: 90px; font-size: 18px; padding: 1px 3px; }

/* Кнопка отправки */
#form #submit-div { padding-top: 3px; padding-bottom: 1px; }
#form #submit { font-size: 19px; padding: 3px 10px; overflow: visible; }
#form #sending { margin-left: 15px; width: 16px; height: 16px; overflow: hidden; background: url(loading.gif); }

/* Ошибки */
#form .error { background: #c00; color: #fff; line-height: 17px; position: relative; margin-top: 2px; zoom: 1; padding: 5px 10px 6px 10px; -moz-border-radius: 5px; }
#form .error ins { display: block; position: absolute; width: 13px; height: 9px; background: url(err-arr.png); top: -9px; left: 10px; overflow: hidden;  }
* html #form .error ins { background: url(err-arr-ie.png); }
#form .error a { color: #fff; }

/* Успешный исход */
#success { background: #e9e9e9 url(corner-br.png) no-repeat bottom right; padding: 10px; clear: both; overflow: hidden; float: right; width: 300px; margin-right: 240px; -display: inline; position: relative; zoom: 1;}
#success  #corner-tl { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; background: url(corner-tl.png) no-repeat top left; }
#success #ok { font-size: 13px; font-weight: bold; padding: 10px; background: #64a300; color: #fff; text-align: center; margin-bottom: 5px; }
#success blockquote { background: #fff; padding: 20px; zoom: 1; }
#success blockquote h2 { font-size: 26px; font-weight: normal; }
#success blockquote p { font-size: 15px; line-height: 19px; margin-top: 12px; }
#success #mainlink { padding: 5px; margin-top: 8px; text-align: center; }

/* Реклама */
#main #ad { width: 200px; position: absolute; top: 0; right: 0; overflow: hidden; }
#main #ad h3 { font-size: 16px; padding-top: 8px; }
#main #ad .container {  }
#main #ad .desc { font-size: 11px; text-align: center; margin-top: 5px; }
#main #ad .desc a { color: #999; }
#main #ad .desc a:hover { color: #c00; }

/* Неподдерживаемые операторы */
#unsupported { margin-bottom: 10px; }
#unsupported .header { width: 210px; float: left; margin-right: 30px; }
#unsupported .header h3 { font-size: 16px; background: #e9e9e9 url(arr.png) no-repeat right center; line-height: 28px; padding-left: 12px; margin-left: -12px; margin-bottom: 5px; zoom: 1; position: relative; }
#unsupported .header div { line-height: 17px; }
#unsupported .content { width: 560px; float: left; padding-top: 7px; -overflow: hidden; }
#unsupported .content ul.thumbs { margin-bottom: 5px; }
#unsupported .content ul.thumbs li { background-repeat: no-repeat; float: left; margin-right: 26px; }
#unsupported .content ul.thumbs li a { display: block; position: relative; }
#unsupported .content ul.thumbs li ins { position: absolute; top: 1px; left: 0; }
#unsupported .content ul.thumbs li.last { margin-right: -5px; }
#unsupported .content ul.thumbs li .title { padding-left: 20px; font-size: 18px; line-height: 16px; }
#unsupported .content ul.thumbs li .thumb { width: 134px; height: 94px; background: url(thumb-bg.png) no-repeat; position: relative; margin: 3px -7px -9px -7px; -background: none; -filter: progid:DXIMageTransform.Microsoft.AlphaImageLoader(src='css/thumb-bg.png', sizingMethod='crop'); }
#unsupported .content ul.thumbs li .thumb img { position: absolute; left: 7px; top: 5px; }
#unsupported .content ul.small { padding-top: 12px; margin-left: -18px; }
#unsupported .content ul.small li { float: left; line-height: 16px; padding-left: 20px; background-repeat: no-repeat; margin-left: 18px; margin-bottom: 9px; position: relative; }
#unsupported .content ul.small li ins { position: absolute; top: 0; left: 0; }

/* Внутренние */
/* ===================================================== */

/* Шапка */
#inner #header { margin-top: 40px; margin-bottom: 25px; }

/* Блок с логотипом */
#inner #title { text-align: center; width: 170px; margin-right: 40px; float: left; }
#inner #title h1 { font-size: 52px; text-align: center; line-height: 52px; color: #67cd1a; margin: 0 auto 5px auto; position: relative; }
#inner #title h1 abbr { color: #2995d7; letter-spacing: -3px; }
#inner #title h1,
#inner #title h1 span,
#inner #title h1 ins { width: 168px; height: 52px; overflow: hidden; }
#inner #title h1 span,
#inner #title h1 ins { display: block; position: absolute; top: 0; left: 0; }
#inner #title h1 ins { background: url(white-px.png); }
#inner #title h1 span { background: url(logo.png); -background: none; -filter: progid:DXIMageTransform.Microsoft.AlphaImageLoader(src='../css/logo.png'); }
#inner #title h2 { font-size: 13px; font-weight: normal; }

/* Заголовок страницы */
#subtitle { width: 590px; height: 70px; background: #3da2dc url(subtitle-bg.jpg); overflow: hidden; float: left; position: relative; }
#subtitle .tl,
#subtitle .br { width: 10px; height: 10px; overflow: hidden; position: absolute; }
#subtitle .tl { background: url(subtitle-corners-tl.png); top: 0; left: 0; -background: none; -filter: progid:DXIMageTransform.Microsoft.AlphaImageLoader(src='../css/subtitle-corners-tl.png', sizingMethod='crop');}
#subtitle .br { background: url(subtitle-corners-br.png); bottom: 0; right: 0; -background: none; -filter: progid:DXIMageTransform.Microsoft.AlphaImageLoader(src='../css/subtitle-corners-br.png', sizingMethod='crop');}
#subtitle h3 { font-size: 28px; font-weight: bold; color: #fff; letter-spacing: -1px; margin: 25px 30px 0 30px; line-height: 30px; }

/* Зона с содержанием */
#content.onecol { margin-bottom: 20px; margin-left: 240px; margin-right: 30px; }
#content.onecol h4 { margin-top: 15px; font-size: 16px; font-weight: normal; margin-bottom: 5px; }
#content.onecol h5 { font-size: 11px; margin-bottom: 5px; }
#content.onecol p { margin-bottom: 8px; margin-left: 20px; line-height: 18px; }
#content { margin-bottom: 20px; }

/* Обратная связь */
/* ===================================================== */
.form-box { padding: 20px 30px; width: 360px; background: #e9e9e9 url(corner-br.png) no-repeat bottom right; margin-right: 240px; -display: inline; position: relative; zoom: 1; z-index: 2; margin-left: -30px; margin-top: 27px; }
.form-box .corner-tl { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; background: url(corner-tl.png) no-repeat top left; }
.form-box label { display: block; line-height: 17px; padding-bottom: 3px; }
.form-box textarea { height: 82px; overflow: auto; width: 97%; }
.form-box .input { margin-bottom: 10px; }
.form-box .submit input { font-size: 18px; padding: 3px 10px; overflow: visible; }
.form-box .submit { padding-bottom: 7px; }
.form-box .input input,
.form-box .input textarea { padding: 3px; zoom: 1; font-size: 15px; line-height: 19px; }


/* Статистика */
/* ===================================================== */
.legend-row { padding-left: 140px; clear: both; overflow: hidden; margin-bottom: 20px; }
.legend-row .today,
.legend-row .week { float: left; position: relative; height: 20px; }
.legend-row .today { width: 430px; margin-right: 30px; }
.legend-row .week { width: 200px; }
.legend-row ins { display: block; height: 2px; overflow: hidden; background: black; position: absolute; top: 7px; width: 100%; }
.legend-row span { display: block; position: absolute; width: 100%; text-align: center; line-height: 20px; }
.legend-row span em { background: white; padding: 0 10px; font-style: normal; }

.summary-row { margin-bottom: 30px; margin-left: 140px; }
.summary-row .count,
.summary-row .chart { height: 40px; float: left; }
.summary-row .count { width: 100px; margin-right: 10px; text-align: right; line-height: 17px; }
.summary-row .count b { display: block; font-size: 27px; font-weight: bold; line-height: 23px;  }
.summary-row .chart { width: 200px; margin-left: 20px; }

.brand-row { margin-top: 10px; }

.brand-row .brand ,
.brand-row .count,
.brand-row .chart  { height: 30px; float: left; }

.brand-row .brand { width: 120px; }
.brand-row .count { width: 100px; margin-right: 10px; }
.brand-row .chart { width: 200px; margin-left: 20px; }

.brand-row .brand  { font-size: 18px; line-height: 30px; position: relative; padding-left: 20px; }
.brand-row .brand ins { position: absolute; top: 7px; left: 0; }

.brand-row .count { position: relative; }
.brand-row .count ins { position: absolute; right: -3px; height: 30px; background: #eee; }
.brand-row .count span { position: absolute; right: 0; line-height: 30px; }

.gate-row { }

.gate-row .gate ,
.gate-row .count,
.gate-row .chart  { font-size: 11px; line-height: 20px; float: left; height: 20px;}

.gate-row .gate { width: 119px; background: url(bullet.png) no-repeat 7px 4px; padding-left: 21px; }
.gate-row .count { width: 100px; margin-right: 10px; text-align: right; }
.gate-row .chart { width: 200px; margin-left: 20px; position: relative; }
.gate-row .chart img { position: absolute; bottom: 3px; }

.clickable { cursor: pointer; padding-right: 13px; background: url(sh-plus.png) no-repeat right center; }
.clickable.open { background-image: url(sh-minus.png); }
.gates { display: none; }


/* Таблица со статистикой */
/* ===================================================== */
.age-stat { }
.age-stat td { line-height: 24px; }
.age-stat .row-title { text-align: right; padding-right: 7px; }
.age-stat .row-desc ins { display: inline-block; height: 20px; background: #eee; margin-top: 2px; overflow: hidden; vertical-align: top; }