@charset 'utf-8';
@import 'afw.css';

.new_hovered { color: #088dc5; text-decoration: none; cursor: pointer;}

.pageNavigation ul {padding: 0;margin: 1.5em 0 0 0;font-size: 11px;}
.pageNavigation ul li {padding: 0;margin: 1px;list-style-type: none;float: left;}
.pageNavigation ul li a {display: block; padding: 0;text-align: center;min-width: 24px;}
.pageNavigation ul li.titlePages { width: 82px; text-align: center; }
.pageNavigation ul li.currentPage a:link,
.pageNavigation ul li.currentPage a:visited,
.pageNavigation ul li.currentPage a:hover,
.pageNavigation ul li.currentPage a:active {color: #cc4e4e;border: 1px solid #cc4e4e;cursor: default;}
.pageNavigation ul li a:link,
.pageNavigation ul li a:visited,
.pageNavigation ul li a:hover,
.pageNavigation ul li a:active {text-decoration: none;cursor: pointer;}
.pageNavigation ul li a:link {background: #F5F5F5;border: 1px solid #F5F5F5;}
.pageNavigation ul li a:hover {border: 1px solid #EBEBEB;}
.l-icon { width: 18px; }

/* options */
html, body { height: 100%; }
body { font: 14px Arial; }
td { vertical-align: top; }
form { display: inline; }
big { font-size: 24px; }
small { font-size: 10px; }

/* special */
a:hover { text-decoration: none; border: 0; }

/* helpers */
.cp { cursor: pointer; }
.l-float { float: left; }
.r-float { float: right; }
.hidden, .no_display { display: none; }
.nobr { white-space: nowrap; }
.dashed { text-decoration: none; border-bottom: 1px dashed; }
.clear { clear: both; height: 1px; }
.ntd { text-decoration: none; }
#loader { background: url(/images/ajax-loader.gif) no-repeat left top; width: 220px; height: 19px; float: left; }

/* sizes */
.w5p { width: 5%; }
.w10p { width: 10%; }
.w25p { width: 25%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w100p { width: 100%; }

/* fonts */
.ts10 { font-size: 10px; }
.ts11 { font-size: 11px; }
.ts12 { font-size: 12px; }
.ts13 { font-size: 13px; }
.ts18 { font-size: 18px; font-weight: bold; }
.ts24 { font-size: 24px; font-weight: bold; }
.ts30 { font-size: 30px; font-weight: bold; }

/* margins */
.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }

.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }

.m15 { margin: 15px; }
.mt15 { margin-top: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }

.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }

/* paddings */
.p2 { padding: 2px; }
.pt2 { padding-top: 2px; }
.pl2 { padding-left: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }

.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }

.p20 { padding: 20px; }
.pt20 { padding-top: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

/* colors */
.c-black { color: #000; }
.c-white { color: #fff; }
.c-red { color: #ff0700; }
.c-grey { color: #808080; }
.c-blue { color: #088dc5; }
.c-green { color: #34b800; }
.c-orange { color: #ff9c00; }
.bg-grey { background: #f5f5f5; }

/* aligns */
.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }
.ta-justify { text-align: justify; }

/* icons */
.icon { padding-left: 20px; }
.icon-big { padding-left: 30px; display: block; margin: 0 5px; height: 30px; float: left; }
.icon-link-faq { background-image: url(/images/new/icon-faq.gif); }
.icon-link-quit { background-image: url(/images/new/icon-quit.gif); }
.icon-link-support { background-image: url(/images/new/icon-support.gif); }
.icon-link-forum { background-image: url(/images/new/forum_logo.gif); }
.icon-add { background-image: url(/images/new/icon-add.gif); }
.icon-plus { background-image: url(/images/new/icon-add.png); }
.icon-arrow { background-image: url(/images/new/icon-arr.png); }
.icon-dl { background-image: url(/images/icon-dl.png); padding-left: 25px; }
.icon-lock { background-image: url(/images/icons/lock.png); }
.icon-unlock { background-image: url(/images/icons/lock_open.png); }
.icon-control-play { background: url(/images/icons/control_play.png) no-repeat left center; }
.icon-control-play-blue { background: url(/images/icons/control_play_blue.png) no-repeat left center; }
.icon-control-pause { background: url(/images/icons/control_pause.png) no-repeat left center; }
.icon-control-pause-blue { background: url(/images/icons/control_pause_blue.png) no-repeat left center; }
.icon-cross { background: url(/images/icons/cross.png) no-repeat left center; }
.icon-basket-put { background: url(/images/icons/basket_put.png) no-repeat left center; }
.icon-basket-remove { background: url(/images/icons/basket_remove.png) no-repeat left center; }
.icon-wrench-orange { background: url(/images/icons/wrench_orange.png) no-repeat left center; }
.icon-error { background: url(/images/icons/error.png) no-repeat left center; }
.icon-information { background: url(/images/icons/information.png) no-repeat left center; }
.icon-exclamation { background: url(/images/icons/exclamation.png) no-repeat left center; }
.icon-image-add { background: url(/images/icons/image_add.png) no-repeat left center; }
.c-icon-edit-add {
  background-image: url(/images/icons/edit_add.png);
  background-repeat: no-repeat;
  }
.c-icon-edit-remove {
  background-image: url(/images/icons/edit_remove.png);
  background-repeat: no-repeat;
  }
.icon-money { background: url(/images/icons/money.png) no-repeat left center; }
.icon-heart { background: url(/images/icons/heart.png) no-repeat left center; }
.icon-heart-add { background: url(/images/icons/heart_add.png) no-repeat left center; }
.icon-heart-delete { background: url(/images/icons/heart_delete.png) no-repeat left center; }

/* cursors */
.slider { position: absolute; width: 20px; height: 15px; background: url(/images/slider.png) no-repeat center top; z-index: 5; }
.cursor-34 { position: absolute; width: 34px; height: 28px; background: url(/images/new/cursor-34.png) no-repeat left top; z-index: 5; }
.cursor-44 { position: absolute; width: 44px; height: 28px; background: url(/images/new/cursor-44.png) no-repeat left top; z-index: 5; }
.cursor-64 { position: absolute; width: 64px; height: 28px; background: url(/images/new/cursor-64.png) no-repeat left top; z-index: 5; }
.cursor-78 { position: absolute; width: 78px; height: 28px; background: url(/images/new/cursor-78.png) no-repeat left top; z-index: 5; }
.cursor-98 { position: absolute; width: 98px; height: 34px; background: url(/images/new/cursor-98.png) no-repeat left top; z-index: 5; }
.cursor-108 { position: absolute; width: 108px; height: 34px; background: url(/images/new/cursor-108.png) no-repeat left top; z-index: 5; }
.cursor-112 { position: absolute; width: 112px; height: 34px; background: url(/images/new/cursor-112.png) no-repeat left top; z-index: 5; }
.cursor-120 { position: absolute; width: 120px; height: 34px; background: url(/images/new/cursor-120.png) no-repeat left top; z-index: 5; }
.cursor-128 { position: absolute; width: 128px; height: 28px; background: url(/images/new/cursor-128.png) no-repeat left top; z-index: 5; }
.cursor-139 { position: absolute; width: 139px; height: 28px; background: url(/images/new/cursor-139.png) no-repeat left top; z-index: 5; }
.cursor-197 { position: absolute; width: 197px; height: 28px; background: url(/images/new/cursor-197.png) no-repeat left top; z-index: 5; }


/***********************************/
/**   M A I N    C O N T E N T    **/
/***********************************/

/* special helpers */
.link-close { display: block; width: 40px; float: right; padding-left: 12px; background: url(/images/new/cal-close.gif) no-repeat left center; text-decoration: none; text-decoration: none; border-bottom: 0px !important; }
.link-close span { display: block; border-bottom: 1px dashed #de0000; color: #fa3a36; font-size: 11px; }

.informer .text.hidden { display: block; overflow: hidden; height: 15px; }
.informer .text a { color: #088dc5; border-bottom: 1px dashed #088dc5; }

.rubles { float: right; min-width: 100px; height: 27px; background: #fffc00 url(/images/new/rubles-bg.gif) no-repeat left top; padding: 1px 0 0 25px; font-size: 24px; text-align: right; }
.rubles span { background: url(/images/new/rub-big.gif) no-repeat right top; }
.sum { width: 100px; float: right; font-size: 13px; background: #fff url(/images/new/rub.gif) no-repeat right center; font-weight: bold; border: 1px solid #b2b2b2; text-align: right; padding-right: 20px; }

.span-profile { color: #000; margin-right: 50px; font: 13px monospace; font-weight: bold; border-bottom: 1px solid #000; }
.span-profile span { color: #f00; border-bottom: 1px solid #f00; }

.warning { padding: 15px; background: #ffece5; border: 1px solid #f00; }

/* by IDs */
#wrap { width: 100%; height: 100%; }

#wrap .header td { font-size: 12px; background: #000; }
#wrap .header .menu { background: #323232 url(/images/new/header-bg.gif) repeat-x left top; }
#wrap .header .link-profile { color: #fff; margin-right: 50px; font: 13px monospace; font-weight: bold; border-bottom: 1px solid #fff; text-decoration: none; }
#wrap .header .link-profile span { color: #f00; border-bottom: 1px solid #f00; }
#wrap .header .link-profile:hover { border: 0; }
#wrap .header .link-profile:hover span { border: 0; }

#wrap .center > table { width: 100%; }
#wrap .center td.content, td.right { height: 100%; padding: 20px 0; }
#wrap .center td.right { width: 230px; padding: 20px; font-size: 12px; }

#wrap .footer td { padding: 1px; font-size: 11px; color: #c6c6b5; background: #000; }

#topMenuLeft { position: relative; width: 262px; height: 26px; background: url(/images/new/top-menu-left-bg.png) no-repeat left top; overflow: hidden; padding: 3px; }
#topMenuLeft li { width: 131px; height: 26px; float: left; text-align: center; list-style: none; }
#topMenuLeft li a { position: relative; display: block; width: 131px; height: 21px; float: left; color: #000; text-decoration: none; font-size: 14px; padding-top: 5px; z-index: 10; }
#topMenuLeft li a:hover { color: #ff0700; }
#topMenuLeft li.active a { color: #fff; }
#topMenuLeft li.cursor { position: absolute; width: 131px; height: 26px; background: url(/images/new/top-menu-left-cursor.png) no-repeat left; z-index: 5; }

#topMenuRight { position: relative; width: 726px; height: 26px; background: url(/images/new/top-menu-right-bg.png) no-repeat left top; overflow: hidden; padding: 3px; }
#topMenuRight li { width: 121px; height: 26px; float: left; text-align: center; list-style: none; }
#topMenuRight li a { position: relative; display: block; width: 121px; height: 21px; float: left; color: #000; text-decoration: none; font-size: 14px; padding-top: 5px; z-index: 10; }
#topMenuRight li a:hover { color: #ff0700; }
#topMenuRight li.active a { color: #fff; }
#topMenuRight li.cursor { position: absolute; width: 121px; height: 26px; background: url(/images/new/top-menu-right-cursor.png) no-repeat left; z-index: 5; }

#rightSelector { position: relative; width: 223px; height: 28px; background: #f5f5f5; padding: 0 5px; margin: 0 auto; }
#rightSelector li { width: 108px; height: 34px; float: left; text-align: center; list-style: none; }
#rightSelector li a { position: relative; display: block; width: 108px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; z-index: 10; }
#rightSelector li a:hover { color: #ff0700; }

.news .item { overflow: hidden; padding-top: 20px; }
.news .item .date { width: 125px; background: #fff9e5; margin-right: 20px; clear: right; }
.news .item p { margin-bottom: 5px; }
.news .item .date .content { margin-left: 30px; background: #f9e7c4; padding: 5px; text-align: right; }
.news .item .date .content .day { font-size: 36px; }
.news .item .date .content .year { color: #e83c33; }
.news .item.first .date { background: #e83c33; }
.news .item.first .date .content { background: #e83c33; color: #fff; }
.news .item.first .date .content .year { color: #ffa49f; }

#purseSelector { position: relative; width: 130px; height: 56px; background: #f5f5f5; font-size: 12px; }
#purseSelector li { width: 139px; height: 28px; float: left; text-align: center; list-style: none; margin-left: -2px; }
#purseSelector li a { position: relative; display: block; width: 139px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; z-index: 10; }
#purseSelector li a:hover { color: #ff0700; }

#payTypeSelector { position: relative; width: 240px; height: 28px; background: #f5f5f5; font-size: 12px; padding: 0 5px; margin: 0 auto; }
#payTypeSelector li { width: 120px; height: 34px; float: left; text-align: center; list-style: none; }
#payTypeSelector li a { position: relative; display: block; width: 120px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; z-index: 10; }
#payTypeSelector li a:hover { color: #ff0700; }

.profile-adblock { background: #fff9e5 url(/images/new/rub-huge.png) no-repeat right top; padding: 25px; overflow: hidden; margin-top: 40px; }

/* areas */
#areas .area { overflow: hidden; margin-bottom: 5px; padding: 10px; }
#areas .area .close { display: none; color: #808080; border-bottom: 1px dashed #808080; text-decoration: none; float: right; font-size: 11px; }
#areas .area.expanded .close { display: block; }

#areas .area.approved { background: #efffe5; }
#areas .area.banned { background: #ffede5; }
#areas .area.normal { background: #f5f5f5; }

#areas .area .main { float: left; width: 250px; margin-right: 40px; }
#areas .area .main .title { padding-right: 10px; }

#areas .area a.url { color: #f00; font-size: 11px; }
#areas .area.expanded a.url { padding-left: 10px; padding-top: 5px; }

#areas .area .info { padding-left: 10px; display: none; }
#areas .area .info small { display: block; margin: 5px 0; }
#areas .area.expanded .info { display: block; }
#areas .area .info .pay { width: 170px; margin: 10px; padding: 10px; }
#areas .area .info .pay td { background: #fff; padding: 2px; }
#areas .area .info .pay small { margin: 0; }
#areas .area .info .pay .money { text-align: right; padding-right: 20px; background: #fff url(/images/new/rub.gif) no-repeat right center; }
#areas .area .info .pay .icons { text-align: center; margin-top: 10px; }

#areas .area.active .title { background: url(/images/new/icon-area-active.png) no-repeat right top; }
#areas .area.stopped .title { background: url(/images/new/icon-area-stopped.png) no-repeat right top; }
#areas .area.expanded .title { background: none; }

.expandable { color: #000; text-decoration: none; background: url(/images/new/arrow-black.gif) no-repeat left center; padding-left: 15px; }
.expandable span { color: #088dc5; border-bottom: 1px dashed #088dc5; }
.expandable.expanded { background: url(/images/new/arrow-black-exp.gif) no-repeat left center; }

#areas .area .blocks { float: left; width: 300px; margin-right: 40px; }
#areas .area .blocks .list { font-size: 10px; }
#areas .area .blocks .list .element { padding: 10px 0; }

#areas .area .filters { float: left; }

#areas .area .filters .adv { display: none; }
#areas .area.expanded .filters .adv { display: block; }

#areas .area .filters .filt { display: none; }
#areas .area.expanded .filters .filt { display: block; }
#areas .area.expanded .filters .filt a { padding-left: 20px; text-decoration: none; margin: 5px 0; float: left; clear: right; }
#areas .area.expanded .filters .filt a span { border-bottom: 1px dashed #ff9c00; }

#areas .area .warning { background: none; }

#campTypes { position: relative; width: 442px; height: 28px; background: #f5f5f5; font-size: 12px; padding: 0 5px; }
#campTypes li { width: 108px; height: 34px; float: left; text-align: center; list-style: none; }
#campTypes li a { position: relative; display: block; width: 108px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; z-index: 10; }
#campTypes li a:hover { color: #ff0700; }

#faqTypes { position: relative; width: 600px; height: 28px; background: #f5f5f5; font-size: 12px; padding: 0 5px; }
#faqTypes li { width: 120px; height: 34px; float: left; text-align: center; list-style: none; }
#faqTypes li a { position: relative; display: block; width: 120px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; z-index: 10; }
#faqTypes li a:hover { color: #ff0700; }

#teaserTypes { position: relative; width: 334px; height: 28px; background: #f5f5f5; font-size: 12px; padding: 0 5px; }
#teaserTypes li { width: 108px; height: 34px; float: left; text-align: center; list-style: none; }
#teaserTypes li a { position: relative; display: block; width: 108px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; z-index: 10; }
#teaserTypes li a:hover { color: #ff0700; }

#areas .area .icons a { float: left; display: block; margin: 0 5px; }
#areas .area .playActive { width: 30px; height: 30px; background: url(/images/icon-run-big.png) no-repeat left top; }
#areas .area .playDisable { width: 30px; height: 30px; background: url(/images/icon-run-big-d.png) no-repeat left top; }
#areas .area .pauseActive { width: 30px; height: 30px; background: url(/images/icon-stop-big.png) no-repeat left top; }
#areas .area .pauseDisable { width: 30px; height: 30px; background: url(/images/icon-stop-big-d.png) no-repeat left top; }

/* tables */
#main table { width: 100%; }
#main table td { padding: 10px; vertical-align: top; }
#main table td.va-middle { vertical-align: middle; }
#main table td.line { height: 10px; line-height: 0; padding: 0; }
/* spec */
#main table.nopad { width: auto; }
#main table.nopad td { padding: 0; }
#main table th.nopad { padding: 0; }
#main table td.nopad { padding: 0; }
/* head */
#main table thead tr { border-bottom: 1px solid #000; }
#main table thead th { font-size: 11px; padding: 10px; text-align: left; font-weight: normal; }
#main table thead th a { color: #808080; border-bottom: 1px dashed #808080; text-decoration: none; }
#main table thead th a:hover { border-color: #fff; }
#main table thead td.spec { background: #f9e7c4; }
#main table thead th.spec { background: #f9e7c4; }
#main table thead th.r { text-align: right; }
#main table thead th.c { text-align: center; }
/* body */
#main table tbody td.r { text-align: right; }
#main table tbody td.c { text-align: center; }
#main table tbody td.spec { background: #f9eed9; }
#main table tbody tr.odd td { background: #fff9e5; }
#main table tbody tr.odd td.spec { background: #f9e7c4; }
#main table tbody td .info { padding-left: 10px; font-size: 11px; color: #808080; }
#main table tbody td .info a { color: #ff0700; }
#main table tbody td .info a:hover { text-decoration: none; }
/* foot */
#main table tfoot tr { border-top: 1px solid #000; }
#main table tfoot td.r { text-align: right; }
#main table tfoot td.c { text-align: center; }
#main table tfoot td.spec { background: #f9e7c4; }

#faq-content div { margin-bottom: 15px; }
#faq-content h5 { margin-bottom: 5px; }

/* forms */
.form-block { background: #f5f5f5; overflow: hidden; padding: 10px; }
.form-block .row { margin-bottom: 10px; overflow: hidden; }
.note { font-size: 11px; color: #808080; }
label.ch { position: relative; top: -2px; margin: 0; cursor: pointer; }
label.ch2 { top: -5px; }

/* widths */
.w45 { width: 45px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w750 { width: 750px; }
.w850 { width: 850px; }
/* heights */
.h75 { height: 75px; }

#leftbar #period .date { padding: 5px; }
#leftbar #period .date.active { background: #f5f5f5; width: 125px; }
#leftbar #period .date label { border-bottom: 1px dashed #000; cursor: pointer; }
#leftbar #period .date.active label { border: 0; color: #ff0700; }
#leftbar #period .date input { width: 120px; cursor: pointer; }

#leftbar #calendar { position: absolute; margin: -325px 0 0 140px; width: 240px; height: 330px; background: #f5f5f5; display: none; }
#leftbar #calendar .close { display: block; width: 40px; float: right; margin: 2px 5px 0 0; padding-left: 12px; background: url(/images/new/cal-close.gif) no-repeat left center; text-decoration: none; }
#leftbar #calendar .close span { display: block; border-bottom: 1px dashed #de0000; color: #fa3a36; font-size: 11px; }
#leftbar #calendar .now { color: #088dc5; text-decoration: none; font-size: 13px; white-space: nowrap; text-align: center; margin: 5px; display: block; width: 170px; }
#leftbar #calendar .now span { border-bottom: 1px dashed #088dc5; }
#leftbar #calendar .days { overflow: hidden; margin-left: 10px; width: 145px; font-size: 11px; margin-top: -5px; }
#leftbar #calendar .days span { display: block; float: left; width: 14px; text-align: right; padding: 2px; margin: 1px; color: #000; }
#leftbar #calendar .days span.weekend { color: #f00; }
#leftbar #calendar .years { float: right; width: 74px; padding-right: 5px; }
#leftbar #calendar .years select { width: 74px; }

/* calendar */
#leftbar #calendar .calendar { width: 100%; }
#leftbar #calendar .calendar .clear { clear: both; }
#leftbar #calendar .calendar .month { overflow: hidden; margin: 0 0 10px; }
#leftbar #calendar .calendar .month .day { display: block; float: left; width: 14px; height: 12px; border: 1px solid #fff; text-align: right; padding: 1px 2px; color: #000; text-decoration: none; font-size: 11px; }
#leftbar #calendar .calendar .month .day.weekend { color: #f00; }
#leftbar #calendar .calendar .month .day.link:hover { background: #007; color: #fff; border: 1px solid #eee; }
#leftbar #calendar .calendar .month .day.today { background: #fffc00; border: 1px solid #000; }
#leftbar #calendar .calendar .months { width: 143px; height: 258px; background: #fff; border: 1px solid #c9c9c9; margin: 5px; padding: 5px; }
#leftbar #calendar #cal-months { width: 143px; height: 253px; }
#leftbar #calendar .calendar .col-menu { width: 72px; float: right; display: block; border: 1px solid #c9c9c9; margin-right: 5px; }
#calendar-cursor {position: relative; width: 70px; height: 270px; background: #f5f5f5; font-size: 12px; }
#calendar-cursor li { height: 22px; width: 70px; float: left; list-style: none; margin-left: -2px;}
#calendar-cursor li a { position: relative; display: block; width: 64px; height: 16px; float: left; color: #000; text-decoration: none; padding: 6px 9px; z-index: 10; }
#calendar-cursor .calendar-cursor { position: absolute; width: 82px; height: 66px; background: url(/images/new/calendar-cursor.png) no-repeat left; z-index: 5; margin-left: -7px; }
#calendar-cursor li a:hover { color: #ff0700; }

.typesOfStat { position: relative; width: 129px; height: 56px; background: #f5f5f5; font-size: 12px; }
.typesOfStat li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfStat li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfStat li a:hover { color: #ff0700; }

.typesOfStat3 { position: relative; width: 129px; height: 90px; background: #f5f5f5; font-size: 12px; }
.typesOfStat3 li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfStat3 li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfStat3 li a:hover { color: #ff0700; }

.typesOfInf { position: relative; width: 129px; height: 196px; background: #f5f5f5; font-size: 12px; }
.typesOfInf li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfInf li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfInf li a:hover { color: #ff0700; }

#switcher { position: relative; width: 187px; height: 168px; background: #f5f5f5; font-size: 12px; }
#switcher li { width: 197px; height: 28px; float: left; list-style: none; margin-left: -2px; }
#switcher li a { position: relative; display: block; width: 192px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
#switcher li a:hover { color: #ff0700; }

#infTypes { position: relative; width: 129px; height: 82px; background: #f5f5f5; font-size: 12px; }
#infTypes  li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
#infTypes  li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
#infTypes  li a:hover { color: #ff0700; }

.typesOfStat2 { position: relative; width: 129px; height: 112px; background: #f5f5f5; font-size: 12px; }
.typesOfStat2 li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfStat2 li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfStat2 li a:hover { color: #ff0700; }

.typesOfWebStat { position: relative; width: 129px; height: 60px; background: #f5f5f5; font-size: 12px; }
.typesOfWebStat li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfWebStat li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfWebStat li a:hover { color: #ff0700; }

.typesOfChart { position: relative; width: 129px; height: 90px; background: #f5f5f5; font-size: 12px; }
.typesOfChart li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfChart li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfChart li a:hover { color: #ff0700; }

.flashOrStatic { position: relative; width: 129px; height: 60px; background: #f5f5f5; font-size: 12px; }
.flashOrStatic li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.flashOrStatic li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.flashOrStatic li a:hover { color: #ff0700; }

.teasersOrCampaigns { position: relative; width: 129px; height: 90px; background: #f5f5f5; font-size: 12px; }
.teasersOrCampaigns li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.teasersOrCampaigns li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.teasersOrCampaigns li a:hover { color: #ff0700; }

.typesOfStep { position: relative; width: 129px; height: 60px; background: #f5f5f5; font-size: 12px; }
.typesOfStep li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfStep li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfStep li a:hover { color: #ff0700; }

.typesOfStep { position: relative; width: 129px; height: 90px; background: #f5f5f5; font-size: 12px; }
.typesOfStep li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfStep li a { position: relative; display: block; width: 124px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 15px; z-index: 10; }
.typesOfStep li a:hover { color: #ff0700; }

.typesOfActivities { position: relative; width: 129px; height: 170px; background: #f5f5f5; font-size: 12px; }
.typesOfActivities li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfActivities li a { position: relative; display: block; width: 129px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 10px; z-index: 10; }
.typesOfActivities li a:hover { color: #ff0700; }

.typesOfPeriod { position: relative; width: 129px; height: 196px; background: #f5f5f5; font-size: 12px; }
.typesOfPeriod li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfPeriod li a { position: relative; display: block; width: 129px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 10px; z-index: 10; }
.typesOfPeriod li a:hover { color: #ff0700; }

.typesOfPeriodShort { position: relative; width: 129px; height: 150px; background: #f5f5f5; font-size: 12px; }
.typesOfPeriodShort li { width: 139px; height: 28px; float: left; list-style: none; margin-left: -2px; }
.typesOfPeriodShort li a { position: relative; display: block; width: 129px; height: 21px; float: left; color: #000; text-decoration: none; padding-top: 7px; padding-left: 10px; z-index: 10; }
.typesOfPeriodShort li a:hover { color: #ff0700; }

.addFilter {
top: 0;
left: 0;
width: 444px;
padding: 0.6em;
}

#underground {
position: absolute;
top: 0;
left: -1px;
height: 100%;
z-index: 10;
background-color: black;
}

.undergrounded {
position: absolute;
z-index: 1000;
-moz-border-radius:		8px;
-webkit-border-radius:	8px;
background: #FFF;
}

.closePopup {
float: right;
}

.closePopup a {
display: block;
text-decoration: none;
width: 20px;
height: 20px;
background: url(/images/close_btn.png) 0 0 no-repeat;
}

.errorNote {
padding: 5px 0 0 20px;
background: url(/images/attention.gif) 0 0.2em no-repeat;
}

.navbar { margin: 25px 10% 20px; font-size: 12px; }
.navbar td.pager { padding-right: 20px; }
#main table td.pager { padding-top: 5px; }
.navbar td.pager a { float: left; margin: 2px 3px; color: #000; padding: 0 3px; border: 1px solid #fff; }
.navbar td.pager a.current { padding: 0 3px; color: #808080; border: 1px solid #808080; text-decoration: none; }
.navbar td.perpage { padding: 2px 0 0 20px; width: 200px; }
#main table tfoot .navbar tr { border: 0; }

#samples { width: 300px; background: #fff; border: 2px solid #000; padding: 10px; position: absolute; z-index: 1000; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 12px; }
#samples li { margin: 3px 0; }

.info { font-size: 13px;width: 600px;  }
.info .row { margin: 5px 0 10px; overflow: hidden; }
.info .row .tab { margin-right: 10px; float: left; width: 50%; text-align: right; font-weight: bold; }
.info .row .d-block { overflow: hidden; display: block; }

.captch_err { margin: -11px auto 0; width: 232px; border: 1px solid gray; padding: 6px; text-align: center; }