* {
    margin: 0;
    padding: 0;
}
html, body, .main {
    height: 100%;
}
body > .main {
    height: auto;
    min-height: 100%;
}
* html .main {
    height: 100%;
}
body, input {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
}
body {
    font-size: 0.90em;
    -font-size: 10pt;
    /*ie6*/
    margin: 0;
    padding: 0;
    min-width: 1024px;
}
input {
    font-size: 1em;
    vertical-align: middle;
}
input[type=text], input[type=password], input[type=email] {
    width: 231px;
}
input[type=text], input[type=password], input[type=email], textarea {
    padding: 3px;
}
input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
}
input[type=checkbox] {
    margin-right: 5px;
}
img {
    border: 0;
    vertical-align: middle;
    box-sizing: initial;
}
a {
    color: #017DC0;
}
a:hover {
    color: red;
}
a:active, a:focus {
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}
.content {
    padding-bottom: 112px;
}
.body {
    margin: 0 auto;
    max-width: 1400px;
}
h1, h2, h3 {
    padding: 0;
    font-style: italic;
}
h1, h2 {
    font-weight: bold;
}
h1 {
    font-size: 370%;
    margin: 0;
}
h2 {
    font-size: 186%;
    margin: 0.3em 0 0.3em;
}
h3 {
    font-size: 157%;
    font-weight: normal;
    margin: 0.4em 0 0.5em;
}
p {
    padding: 0 0 1.2em;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
table, tr, td {
    padding: 0;
    margin: 0;
}
table, td {
    vertical-align: top;
}
ol, ul {
    margin: 0 0 1.2em 20px;
    padding: 0;
}
ol {
    counter-reset: li;
    list-style: none;
    *list-style-type: decimal;
}
ol > li {
    position: relative;
    margin: 10px 0 10px 2em;
    padding: 0 8px 8px;
}
ol > li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: -4px;
    left: -2em;
    width: 2em;
    padding: 0 0 8px;
    font-weight: bold;
    color: #999999;
    font-size: 150%;
    text-align: center;
}
ul {
    margin-left: 42px;
}
ul li {
    margin: 0;
    padding: 0 0 8px 3px;
}
ul li input[type=radio] {
    margin-top: 0;
}
ol ul li {
    list-style-type: disc;
}
.error_list li {
    padding: 0;
}
.phone {
    font-weight: bold;
}
.top {
    width: 100%;
    margin: 5px 50px 10px 0;
}
.top td {
    vertical-align: middle;
}
.cabinet {
    width: 290px;
}
.cabinet-reg, .cabinet-info, .cabinet-logout {
    padding: 7px 8px;
}
.cabinet-login {
    color: #000;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
    background: #FDE058 url(/images/login.gif) 10px center no-repeat;
}
.cabinet-login span {
    color: #000;
    margin-left: 7px;
    *border: 1px solid #FDE058;
    /* ie */
    border-bottom: 1px dashed #000;
}
.cabinet-info a, .cabinet-logout a {
    display: block;
    color: #000;
    text-decoration: none;
}
.cabinet-logout {
    background: #FFF;
}
.login-container {
    z-index: 2;
    position: relative;
}
.login-content {
    padding: 10px 10px 25px 30px;
    width: 330px;
    position: absolute;
    *left: -150px;
    /* ie7 */
    -lef\t: -130px;
    /* ie6 */
    top: 10px;
    z-index: 2;
    background: #FDE058;
    border-bottom: 1px solid #7F7F7F;
}
.cabinet-info {
    background: #FDE058;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}
.icon-tdt, .icon-ic, .icon-bp, .icon-telepak {
    background: no-repeat left 2px;
}
.icon-tdt {
    background-image: url(/images/icon-tdt.gif);
}
.icon-ic {
    background-image: url(/images/icon-ic.gif);
}
.icon-bp {
    background-image: url(/images/icon-bp.gif);
}
.icon-telepak {
    background-image: url(/images/icon-telepak.gif);
}
.menu {
    width: 263px;
    padding-left: 27px;
    margin-top: 47px;
}
.menu ul {
    padding: 0;
    margin: 0;
}
.menu li {
    list-style: none;
    padding: 0 0 10px 23px;
    margin: 0;
}
.menu .current a {
    color: #000;
}
.page {
    margin: 25px 50px 0 0;
}
.header {
    position: relative;
}
.header-desc {
    font-style: italic;
    padding: 5px 0 15px;
}
.header-logo {
    padding-right: 20px;
}
.header-product {
    float: left;
}
.logo-tdt {
    left: -16px;
    padding-left: 116px;
    background: url(/images/logo-tdt.gif) left top no-repeat;
}
.logo-ic {
    left: -30px;
    padding-left: 130px;
    background: url(/images/logo-ic.gif) left top no-repeat;
}
.logo-bp {
    left: -63px;
    padding-left: 163px;
    background: url(/images/logo-bp.gif) left top no-repeat;
}
.logo-telepak {
    left: -51px;
    padding-left: 151px;
    background: url(/images/logo-telepak.gif) left top no-repeat;
}
.submenu {
    margin: 20px 0 20px;
    height: 49px;
}
.submenu div {
    padding: 10px 20px 0 20px;
}
.submenu td {
    padding: 7px 10px 15px;
    white-space: nowrap;
}
.submenu a {
    color: #000;
    font-weight: bold;
}
.submenu-ic a, .submenu-bp a {
    color: #FFF;
}
.submenu .current {
    font-weight: bold;
    background-color: #FFF;
}
.gradient-tdt {
    background: #FDDD46;
    background: -moz-linear-gradient(center left, #FDDD46, #D76084);
    background: -webkit-gradient(linear, left center, right center, from(#FDDD46), to(#D76084));
    background: -webkit-linear-gradient(center left, #FDDD46, #D76084);
    background: -o-linear-gradient(left, #FDDD46, #D76084);
    background: linear-gradient(center left, #FDDD46, #D76084);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fddd46', endColorstr='#d76084');
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fddd46', endColorstr='#d76084')";
    *zoom: 1;
    /* for ie gradient */
}
.gradient-ic {
    background: #3485C6;
    background: -moz-linear-gradient(center left, #3485C6, #8D60A4);
    background: -webkit-gradient(linear, left center, right center, from(#3485C6), to(#8D60A4));
    background: -webkit-linear-gradient(center left, #3485C6, #8D60A4);
    background: -o-linear-gradient(left, #3485C6, #8D60A4);
    background: linear-gradient(center left, #3485C6, #8D60A4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#3485c6', endColorstr='#8d60a4');
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#3485c6', endColorstr='#8d60a4')";
    *zoom: 1;
    /* for ie gradient */
}
.gradient-bp {
    background: #D34544;
    background: -moz-linear-gradient(center left, #D34544, #993366);
    background: -webkit-gradient(linear, left center, right center, from(#D34544), to(#993366));
    background: -webkit-linear-gradient(center left, #D34544, #993366);
    background: -o-linear-gradient(left, #D34544, #993366);
    background: linear-gradient(center left, #D34544, #993366);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#d34544', endColorstr='#993366');
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#d34544', endColorstr='#993366')";
    *zoom: 1;
    /* for ie gradient */
}
.right .gradient-ic, .right .gradient-bp {
    color: #FFF;
}
.right .gradient-ic a, .right .gradient-bp a {
    color: #DBDBDB
}
.right .form {
    padding: 15px 20px 18px;
}
.submenu-tdt div {
    background-image: url(/images/submenu-tdt.png);
}
.submenu-ic div {
    background-image: url(/images/submenu-ic.png);
}
.submenu-bp div {
    background-image: url(/images/submenu-bp.png);
}
.submenu-tdt div, .submenu-ic div, .submenu-bp div {
    -background-image: none;
    /* ie6 */
}
.submenu-cabinet {
    background: #FDE058;
}
.flag {
    font-style: italic;
    line-height: 110%;
    min-height: 60px;
    padding: 15px 25px 15px 15px;
    background: url('/images/flag.png') no-repeat right center;
    background-size: 10px 100%;
    *background: none;
}
.flag p {
    padding-bottom: 3px;
}
.button {
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    text-decoration: none;
    text-shadow: #0593C3 0 -1px 1px;
    margin: 1px 0;
    padding: 4px 16px 5px;
    border: 0;
    border-top: 1px solid #D7F2F6;
    border-bottom: 1px solid #3C6C83;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -moz-box-shadow: 0 -1px 0 #B3E7EE, 0 1px 0 #BACBD4;
    -webkit-box-shadow: 0 -1px 0 #B3E7EE, 0 1px 0 #BACBD4;
    box-shadow: 0 -1px 0 #B3E7EE, 0 1px 0 #BACBD4;
    background: #6FBDDC;
    background: -moz-linear-gradient(#A8E0EB, #379BCD);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#A8E0EB), to(#379BCD));
    background: -webkit-linear-gradient(#A8E0EB, #379BCD);
    background: -o-linear-gradient(#A8E0EB, #379BCD);
    background: linear-gradient(#A8E0EB, #379BCD);
    white-space: nowrap;
    box-sizing: content-box;
}
.button:hover {
    color: #FFF;
    background: #379BCD;
    background: -moz-linear-gradient(#379BCD, #A8E0EB);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#379BCD), to(#A8E0EB));
    background: -webkit-linear-gradient(#379BCD, #A8E0EB);
    background: -o-linear-gradient(#379BCD, #A8E0EB);
    background: linear-gradient(#379BCD, #A8E0EB);
}
.button:active {
    position: relative;
    top: 1px;
}
.button2 {
    border: 0;
    border-top: 1px solid #D2ECB8;
    border-bottom: 1px solid #4E8348;
    -moz-box-shadow: 0 -1px 0 #D2ECB8, 0 1px 0 #BCD4C5;
    -webkit-box-shadow: 0 -1px 0 #D2ECB8, 0 1px 0 #BCD4C5;
    box-shadow: 0 -1px 0 #D2ECB8, 0 1px 0 #BCD4C5;
    background: #6EB428;
    background: -moz-linear-gradient(#A7DB67, #5EA512);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#A7DB67), to(#5EA512));
    background: -webkit-linear-gradient(#A7DB67, #5EA512);
    background: -o-linear-gradient(#A7DB67, #5EA512);
    background: linear-gradient(#A7DB67, #5EA512);
    text-shadow: #6EB428 0 -1px 1px;
}
.button2:hover {
    background: #5EA512;
    background: -moz-linear-gradient(#5EA512, #A7DB67);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5EA512), to(#A7DB67));
    background: -webkit-linear-gradient(#5EA512, #A7DB67);
    background: -o-linear-gradient(#5EA512, #A7DB67);
    background: linear-gradient(#5EA512, #A7DB67);
}
.button-white {
    font-style: italic;
    display: inline-block;
    padding: 0 16px;
    margin: 1px 0;
    border: 1px solid #CCCCCC;
    color: #017DC0;
    background-color: #FFFFFF;
    height: 32px;
    line-height: 32px;
    border-radius: 17px;
    min-width: 60px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    top: 0;
    box-sizing: content-box;
}
.button-white:hover {
    color: red;
}
.button img {
    padding-right: 7px;
}
.download-button {
    position: relative;
    padding-left: 32px;
}
.download-button:before {
    display: block;
    content: '';
    width: 11px;
    height: 13px;
    background: url(/images/btn-download.gif) center no-repeat;
    position: absolute;
    top: 6px;
    left: 16px;
}
.download-button2:before {
    background-image: url(/images/btn-download2.gif);
}
.buy-button span {
    background: url(/images/btn-buy.gif) left 4px no-repeat;
    padding: 0 0 0 21px;
}
.buy-button-disabled span {
    background: url(/images/btn-buy-disabled.gif) left 4px no-repeat;
    padding: 0 0 0 21px;
}
.disabled, .disabled:hover {
    color: #FFF;
    text-shadow: #B1B1B1 0 -1px 1px;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #AFAFAF;
    background: #CECECE;
    background: -moz-linear-gradient(#E4E4E4, #C0C0C0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E4E4E4), to(#C0C0C0));
    background: -o-linear-gradient(#E4E4E4, #C0C0C0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#c0c0c0');
    box-shadow: 0 -1px 0 #E7E7E7, 0 1px 0 #E3E3E3;
    -moz-box-shadow: 0 -1px 0 #E7E7E7, 0 1px 0 #E3E3E3;
    -webkit-box-shadow: 0 -1px 0 #E7E7E7, 0 1px 0 #E3E3E3;
}
.disabled:active {
    top: 0px;
}
.dl-b {
    vertical-align: bottom;
}
.dl-b td {
    padding-right: 15px;
}
.dl-b .button {
    font-size: 120%;
}
.dl-b .download-button:before, .dl-b .download-button2:before {
    top: 8px;
}
.dl-c {
    margin: 0;
    clear: left;
    padding: 20px 15px 20px 35px;
    background: #DAEFF6;
}
.dl-text {
    padding-right: 40px;
}
.container-close-button {
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
    position: relative;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #333333;
    background-image: url(/images/close.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.video {
    float: left;
    width: 150px;
    height: 115px;
    text-align: center;
    margin: 0 25px 20px 0;
    background: url(/images/video.gif) center center no-repeat;
}
.video div {
    width: 130px;
    height: 75px;
    margin: 25px 10px 15px;
    overflow: hidden;
}
.video table {
    height: 75px;
    width: 130px;
}
.video td, .db td {
    font-style: italic;
    vertical-align: middle;
}
.video-c {
    position: relative;
}
.video-content {
    width: 790px;
    height: 608px;
    background: url(/images/video-bg.gif) no-repeat;
    text-align: center;
    padding-top: 120px;
}
.video-text-toggle {
    text-align: center;
    padding: 30px 0 25px;
}
.video-text {
    padding-bottom: 70px;
}
.video-c .modal-close-button {
    top: 41px;
    left: 640px;
    position: absolute;
}
.db {
    float: left;
    width: 149px;
    height: 189px;
    cursor: pointer;
    text-align: center;
    margin: 0 37px 38px 0;
    background: url(/images/db.gif) center center no-repeat;
}
.db div {
    width: 129px;
    margin: 44px 10px 25px;
    overflow: hidden;
}
.db table {
    width: 100%;
    height: 120px;
}
.products-ft {
    margin: 0 50px 40px;
    font-style: italic;
}
.products-ft .title {
    font-weight: bold;
    font-size: 120%;
    margin: 3px 0 7px;
    white-space: nowrap;
}
.products-ft .title a {
    color: #000;
}
.products-ft p {
    line-height: 120%;
    padding: 0 0 3px;
}
.y-block {
    background: #FDE058;
    padding: 15px 30px;
    margin-bottom: 45px;
}
.y-block p {
    margin-left: 0 !important;
}
.y-block p:last-child {
    padding-bottom: 0 !important;
}
.y-block ul {
    margin-left: 15px;
}
.b-block {
    background: #DAEFF6;
    padding: 15px 30px;
    margin-bottom: 45px;
}
.smi {
    font-size: 85%;
    line-height: 120%;
}
.smi {
    font-style: italic;
}
.smi, .smi a {
    color: #666;
}
.lg {
    font-size: 120%;
}
.task-content {
    padding-left: 30px;
}
.ps-link {
    cursor: pointer;
    color: #017DC0;
    border-bottom: 1px dashed #017DC0;
    font-style: italic;
}
.ps-link-open {
    color: #FF3300;
    border-bottom: 1px dashed #FF3300;
}
.ps-link-b {
    cursor: pointer;
    color: #333333;
    text-decoration: underline;
}
.email {
    color: #000;
    text-decoration: none;
}
.main {
    min-width: 300px;
    margin-right: 290px;
}
.main p {
    margin-left: 30px;
}
.main li p {
    margin-left: 0;
}
.right {
    width: 240px;
    float: right;
    padding-left: 50px;
}
.right h2 {
    margin: 0.1em 0 0.4em;
    line-height: 100%;
}
.right h3 {
    margin-top: 0;
}
.right a {
    font-style: italic;
}
.right p {
    padding: 0 0 0.4em;
}
.report-c {
    float: left;
    width: 149px;
    text-align: center;
    background: url(/images/report-bg.gif) top center no-repeat;
    margin: 0 40px 33px 0;
    cursor: pointer;
}
.report {
    width: 129px;
    overflow: hidden;
    margin: 30px 10px 20px;
}
.report, .report table {
    height: 139px;
}
.report table {
    width: 100%;
}
.report td {
    vertical-align: middle;
}
.report-c .button {
    margin-top: 9px;
}
.report a {
    font-style: italic;
}
.report-box {
    display: table;
    float: left;
    width: 149px;
    height: 189px;
    text-align: center;
    margin: 0 40px 33px 0;
    border-collapse: collapse;
}
.report-content {
    display: table-cell;
    vertical-align: middle;
    background: url(/images/report-bg.gif) top left no-repeat;
    width: 119px;
    height: 139px;
    cursor: pointer;
    padding: 30px 10px 20px;
}
.report-content a {
    font-style: italic;
}
.gallery {
    clear: left;
}
.gallery-c {
    margin: 20px 0;
}
.gallery-c .modal-close-button {
    top: 20px;
    position: relative;
}
.gallery-bg-corner {
    background: url('/images/gallery-bg-corner.gif') no-repeat right top;
    width: 113px;
    height: 113px;
}
.gallery-content {
    margin-top: 25px;
}
.gallery-desc {
    padding: 30px 20px 20px 40px;
}
.gallery-text {
    padding-bottom: 20px;
}
.gallery-author {
    line-height: 29px;
}
.gallery-c, .gallery-content, .gallery-img {
    width: 820px !important;
}
.gallery-img > img {
    max-width: 800px;
}
.gallery-c, .gallery-content, .gallery-img {
    min-width: 600px;
}
.gallery-img {
    text-align: center;
}
.gallery-img > img {
    margin: 10px auto 20px;
    border: 1px solid #CCC;
}
.bg-white {
    background: #FFF;
}
.table {
    width: 100%;
    margin-bottom: 40px;
}
.table tr:nth-child(1) td {
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}
.table th {
    color: #333;
    background: #DAEFF6;
    padding: 10px 0 10px 30px;
    font-size: 85%;
    text-align: left;
}
.table td {
    padding: 14px 30px;
    border-bottom: 1px dotted #CCC;
}
.table p {
    margin-left: 0;
}
.table-min td, .table-min th {
    padding: 9px 15px;
}
.table-striped tr:nth-child(2n) {
    background: #EEE;
}
.table-striped > tbody > tr:nth-child(2n+1) {
    background: #FFF;
}
.faq {
    clear: left;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCC;
}
.faq p {
    margin-left: 0;
}
.faq-num {
    float: left;
    color: #999999;
    font-size: 150%;
    font-weight: bold;
}
.faq-c {
    margin-left: 40px;
}
.faq .show-full {
    color: #017DC0;
    cursor: pointer;
    text-decoration: underline;
}
.faq .full, .faq .show-full {
    margin-top: 1.5em;
}
.faq-question {
    font-style: normal;
}
.rr-tdt {
    *background: #D76084;
}
.rr-tdt .rr-text {
    padding: 13px 30px 11px 66px;
    background: url(/images/rr-tdt.gif) right top no-repeat;
}
.rr-ic {
    background: url(/images/rr-ic-bg.gif) left top repeat-y;
}
.rr-bp {
    background: url(/images/rr-bp-bg.gif) left top repeat-y;
}
.rr-ic .rr-text, .rr-bp .rr-text {
    color: #FFF;
    height: 97px;
    padding: 16px 30px 0 66px;
    background: url(/images/rr.gif) right top no-repeat;
}
.rr-ic .smi a, .rr-bp .smi a {
    color: #DDD;
}
.overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /*ie*/
    z-index: 1001;
}
.modal {
    position: absolute;
    z-index: 1002;
}
.modal-close-button {
    float: right;
    cursor: pointer;
    height: 18px;
    padding-left: 22px;
    color: #FFF;
    background: url(/images/modal-close-button.gif) no-repeat;
}
.db-c {
    width: 860px;
}
.db-content {
    background: #FFF;
    padding: 10px 30px;
    min-height: 500px;
}
.db-content .smi {
    margin-left: 10px;
}
.db-header {
    margin: 0;
    height: 66px;
    text-align: center;
    padding: 30px 140px 0;
    background: url(/images/db-header-bg.gif) center center no-repeat;
}
.db-footer {
    height: 66px;
    text-align: center;
    padding-bottom: 30px;
    background: url(/images/db-footer-bg.gif) center center no-repeat;
}
.db-img, .db-content .button {
    margin-bottom: 30px;
}
.bp-docs td {
    width: 50%;
}
.bp-docs ul {
    margin: 0 0 0 30px;
    padding: 0;
    position: relative;
    left: -2px;
}
.bp-docs li {
    list-style: none;
    background: url(/images/doc.gif) left top no-repeat;
    margin: 3px 0 4px 0;
    padding: 0 0 10px 30px;
    vertical-align: top;
}
.hr {
    margin-bottom: 40px;
}
.hr, .hr div {
    height: 2px;
    -height: auto;
    -padding-top: 1px;
}
.hr div {
    background: url(/images/hr.png);
}
.hr-telepak {
    margin-top: 30px;
    background: #8EC71A;
    background: -moz-linear-gradient(top left, #8EC71A, #4E8314);
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(#8EC71A), to(#4E8314));
    background: -o-linear-gradient(left, #8EC71A, #4E8314);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#8ec71a', endColorstr='#4e8314');
}
.hr-main {
    background: #FEDC18;
    background: -moz-linear-gradient(top left, #FEDC18, #D04261);
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(#FEDC18), to(#D04261));
    background: -o-linear-gradient(left, #FEDC18, #D04261);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fedc18', endColorstr='#d04261');
}
.hr-telepak div, .hr-main div {
    -background: none;
    /* ie6 */
}
.hr-top {
    position: relative;
}
.hr-top, .hr-top table, .hr-top div {
    width: 100%;
    height: 2px;
}
.hr-top-left {
    zoom: 1;
    /* for ie gradient */
    background: #FDDD46;
    background: -moz-linear-gradient(center left, #FDDD46, #D76084);
    background: -webkit-gradient(linear, center left, center right, from(#FDDD46), to(#D76084));
    background: -webkit-linear-gradient(left, #FDDD46, #D76084);
    background: -o-linear-gradient(left, #FDDD46, #D76084);
    background: linear-gradient(left, #FDDD46, #D76084);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fddd46', endColorstr='#d76084');
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fddd46', endColorstr='#d76084')";
}
.hr-top-right {
    background: #FDDD46;
    background: -moz-linear-gradient(center left, #D76084, #A38CBF);
    background: -webkit-gradient(linear, center left, center right, from(#D76084), to(#A38CBF));
    background: -webkit-linear-gradient(left, #D76084, #A38CBF);
    background: -o-linear-gradient(left, #D76084, #A38CBF);
    background: linear-gradient(left, #D76084, #A38CBF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#d76084', endColorstr='#a38cbf');
    zoom: 1;
    /* for ie gradient */
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#d76084', endColorstr='#a38cbf')";
}
.hr-top td {
    width: 50%;
}
.hr-top div {
    background: url(/images/hr.png) repeat-x;
    -background: none;
    position: absolute;
    top: 0;
    left: 0;
}
.telepak-docs {
    margin: 0;
    margin-left: 25px;
    padding: 0;
}
.telepak-docs li {
    height: 19px;
    list-style: none;
    background: url(/images/telepak-doc.gif) left center no-repeat;
    margin-bottom: 15px;
    padding-left: 24px;
    vertical-align: top;
}
.version {
    float: left;
    height: 26px;
    margin: 1.7em 0 0 10px;
    padding-left: 5px;
    background: url(/images/version-l.gif) left bottom no-repeat;
}
.version div {
    height: 16px;
    -height: auto;
    /*ie*/
    -min-height: auto;
    padding: 5px 10px 5px 5px;
    background-color: #DAEFF6;
    background-image: url(/images/version-r.gif);
    background-repeat: no-repeat;
    background-position: right top;
    box-sizing: initial;
}
.c {
    margin-bottom: 20px;
}
.c p {
    margin-left: 0;
}
.products div {
    padding-left: 110px;
    position: relative;
    left: -12px;
}
.products-tdt {
    background: url(/images/logo-tdt-m.gif) 23px 0 no-repeat;
}
.products-bp {
    background: url(/images/bp132.png) 0 3px no-repeat;
    background-size: 84px;
}
.products-ic {
    background: url(/images/logo-ic-m.gif) 10px 8px no-repeat;
}
.products-telepak {
    background: url(/images/logo-telepak-m.gif) 4px 0 no-repeat;
}
.radio_list, .error_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.radio_list li {
    margin-right: 20px;
}
.radio-h li {
    float: left;
}
.clear {
    clear: both;
}
.label {
    font-weight: bold;
    padding-bottom: 5px;
}
.error {
    color: #CC3300;
    font-size: 85%;
}
.form {
    background: #DAEFF6;
    padding: 30px;
}
.widget {
    padding-bottom: 13px;
}
textarea {
    width: 500px;
    resize: vertical;
}
.help {
    color: #666;
    font-size: 85%;
    padding-top: 5px;
    min-width: 100px;
}
.text-h, .textarea-h {
    width: 100%;
    max-width: 800px;
}
.text-h .help, .textarea-h .help {
    padding: 3px 0 0 2.5%;
}
.text-h .help {
    width: 100%;
}
.separator {
    background: url(/images/separator.gif) repeat-x left top;
    height: 1px;
    margin-bottom: 20px;
}
.cancel-link {
    color: #666;
    cursor: pointer;
    text-decoration: underline;
}
.b {
    font-weight: bold;
}
.pager {
    font-size: 125%;
    margin: 30px 0;
    position: relative;
    left: -5px;
}
.pager a, .pager span {
    padding: 3px 6px;
    margin: 0 5px;
}
.pager .current-page {
    color: #FFF;
    background: #3399CC;
}
.login-openid {
    border-top: 1px solid #CCC;
    margin-top: 18px;
    padding-top: 12px;
}
.login-openid a img {
    vertical-align: top;
    margin-left: 10px;
}
.notice, .error-message {
    margin-bottom: 20px;
    padding: 20px;
}
.notice {
    background: #FEF8D8;
}
.error-message {
    background: #FFDDD9;
    color: #CC1A00;
}
.telepak-page-num {
    color: #666666;
    margin-bottom: 5px;
}
.telepak-page {
    border: 1px solid #CCCCCC;
}
.tooltip {
    position: relative;
}
.tooltip div {
    display: none;
    position: absolute;
    width: 300px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #666666;
}
.menu-separator {
    border-bottom: 1px solid #E1E1E1;
    padding-top: 30px;
    margin-bottom: 20px;
    width: 140px;
}
.task-title {
    margin: 20px 0;
}
.widget-pay-variants td {
    padding-bottom: 7px;
}
.hl {
    color: #000;
    background: #FF0;
}
a .hl {
    text-decoration: underline;
}
.rk {
    margin: 0 0 80px 0;
    height: 124px;
}
.rk-tr {
    background: url(/images/rk-tr.gif) right top no-repeat scroll;
    height: 11px;
}
.rk-tl {
    background: url(/images/rk-tl.gif) left top no-repeat scroll;
    height: 11px;
}
.rk-br {
    background: url(/images/rk-br.gif) right bottom no-repeat scroll;
}
.rk-bl {
    background: url(/images/rk-bl.gif) left bottom no-repeat scroll;
}
.rk-c {
    padding: 8px 0;
}
.rk-tr, .rk-tl, .rk-br, .rk-bl {
    background-size: 100% 10px;
}
.rk-c, .rk-top, .rk-bottom {
    height: 4px;
    width: 591px;
    min-width: 591px;
}
.rk-top {
    background: url(/images/rk-border.gif) center -1px no-repeat;
}
.rk-bottom {
    background: url(/images/rk-border.gif) center top no-repeat;
}
.rk-center {
    height: 98px;
    border: 1px solid #E9E9E9;
    border-left: 0;
    border-right: 0;
}
.rk-left {
    width: 6px;
    background: url(/images/rk-left.gif) left top no-repeat;
}
.rk-right {
    width: 4px;
    background: url(/images/rk-right.gif) left top no-repeat;
}
.rk-left-img, .rk-left-bg {
    background: url(/images/rk-left-bg.gif) left top;
}
a.rk-left-img {
    width: 100px;
    height: 98px;
    display: block;
}
a.rk-left-img > img {
    padding-top: 21px;
    padding-left: 21px;
}
td.rk-left-bg {
    height: 98px;
    width: 290px;
    vertical-align: middle;
    padding-right: 20px;
}
td.rk-left-bg > a {
    font-style: italic;
    line-height: 120%;
    font-size: 85%;
    color: #000;
    text-decoration: none;
}
.rk-right-bg {
    height: 98px;
    width: 160px;
    background: url(/images/rk-right-bg.gif) left top;
    padding: 0 0 0 33px;
    vertical-align: middle;
    line-height: 120%;
    font-size: 85%;
}
.rk-right-bg > a {
    color: #000;
}
.rk-left-bg div {
    overflow: hidden;
    max-height: 78px;
    margin: 10px 0;
}
/* blog */
.blog {
    width: 100%;
    -width: auto;
}
.blog .body p {
    margin-left: 0;
}
.blog td {
    vertical-align: top;
}
.blog .date, .blog .img, .blog .post {
    padding: 0 0 30px;
}
.blog .img {
    display: none;
}
.blog .post {
    width: 100%;
    padding-top: 10px;
}
.blog .date {
    min-width: 40px;
    padding-right: 40px;
    text-align: center;
}
.blog .date .day {
    font-size: 260%;
    border-bottom: 1px solid #B2B2B2;
}
.post-date {
    margin: 15px 0 5px;
}
.blog .date .month {
    font-size: 75%;
}
.blog .img {
    padding-right: 40px;
}
.blog .img img {
    width: 112px;
}
.post-type, .post .type {
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    padding: 0 4px;
    vertical-align: top;
    text-decoration: none;
}
a.post-type {
    text-decoration: none;
}
a.post-type:hover {
    color: #FFFFFF;
}
.update {
    background: #4DA4D3;
    color: #FFF;
}
.advice {
    background: #76BF40;
    color: #FFF;
}
.instruction {
    background: #76BF40;
    color: #FFF;
}
.post-title, .post .title {
    font-size: 180%;
    font-style: italic;
    padding-top: 5px;
    padding-bottom: 10px;
}
.post-body, .post .body {
    padding-bottom: 15px;
    margin-left: 30px;
}
.post-body p, .post .body p {
    margin-left: 0;
}
.blog .post-body {
    margin-left: 0;
}
.post-program {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #666;
    text-decoration: underline;
    margin-left: 5px;
}
.post-separator {
    /*background: url(/images/post-separator.gif) repeat-x left top;*/
    /*height: 1px;*/
    /*padding-bottom: 15px;*/
}
.post .comments {
    background: url(/images/comments.gif) left 4px no-repeat;
    padding: 2px 0 5px;
}
.post .comments a {
    padding-left: 23px;
}
.filter {
    margin-bottom: 40px;
}
.filter span {
    padding: 7px 11px;
}
.filter a {
    color: #000;
}
.filter .current {
    background: #3399CC;
}
.filter .current a {
    color: #FFF;
    text-decoration: none;
}
.blog-up {
    position: relative;
    left: -20px;
    margin-bottom: 15px;
}
.blog-up img {
    padding-right: 10px;
}
.comments-count {
    font-size: 150%;
    font-style: italic;
    margin-bottom: 25px;
}
.comment-date {
    color: #666;
}
.comment {
    margin: 10px 0 25px;
}
/* forum */
.forum {
    border-bottom: 0;
}
.forum td {
    padding: 20px 0;
    vertical-align: middle;
}
.forum .clear-border td {
    border: 0;
}
.forum .forum-title {
    font-size: 150%;
    padding-right: 20px;
}
.forum .forum-topics-count {
    background: url(/images/topics-count.gif) left center no-repeat;
    padding: 3px 0 0 21px;
}
.forum .forum-posts-count {
    background: url(/images/posts-count.gif) left center no-repeat;
    padding-left: 24px;
}
.forum-info {
    font-style: normal;
}
.forum-info-user {
    color: #000 !important;
    font-weight: bold;
}
.forum .topic-closed, .forum .topic-closed a {
    color: #999999;
}
.forum .topic-fixed, .forum .topic-fixed a {
    color: #FF9900;
}
.forum .topic-state {
    font-size: 85%;
    padding: 0 4px;
}
.forum .topic-state-fixed {
    background: #FDE058;
}
.forum .topic-state-closed {
    background: #CCCCCC;
    color: #FFF;
}
.forum .topic-state-new, .forum .topic-new-posts-count {
    background: #99CC7F;
    color: #FFF;
}
.forum .topic-new-posts-count {
    padding: 2px 4px;
    margin-left: 5px;
}
.forum-post {
    padding: 24px 20px 0;
    position: relative;
    left: -20px;
    word-wrap: break-word;
}
.forum-post-text {
    padding: 10px 0;
}
.forum-answerpost {
    margin: 0 0 26px;
    font-size: 85%;
}
.forum-post .forum-info-user, .forum-post .forum-info-date, .forum-search .forum-info-user, .forum-search .forum-info-date {
    margin-right: 12px;
}
.forum-post .forum-info .forum-info-date {
    color: #666;
    font-size: 85%;
}
.forum-post .forum-info .forum-info-link {
    color: #017DC0;
    font-size: 85%;
}
.forum-topic-title {
    margin-top: 0;
    margin-bottom: 0;
}
.forum-topic-nav {
    margin: 10px 0 5px;
    left: -3px;
    position: relative;
}
.forum-topic-nav > a, .forum-topic-nav > span {
    display: inline;
    margin: 0 3px;
    padding: 2px 4px;
    text-decoration: none;
    font-size: 105%;
    font-weight: bold;
}
.forum-topic-nav > a {
    color: #FFFFFF;
    background-color: #3399CC;
}
.forum-topic-nav-fixed > a {
    color: #FFFFFF;
    background-color: #FFA41E;
}
.forum-topic-nav-closed > a {
    color: #FFFFFF;
    background-color: #CCCCCC;
}
.forum-menu {
    font-size: 85%;
}
quote {
    display: block;
    padding: 15px 20px 25px;
    background: #FEF8D8;
}
.forum-post-current {
    background: #FDE058;
}
.forum-post-separator {
    height: 1px;
    background: url(/images/separator.gif) repeat-x left top;
}
.enter-menu {
    padding: 10px 0;
}
.enter-menu a {
    color: #000;
    padding: 10px 10px 11px;
}
.enter-menu-selected {
    font-weight: bold;
    background: #DAEFF6;
    text-decoration: none;
}
.enter-form {
    padding: 30px 30px 0;
    background: #DAEFF6;
}
.forum-addpost {
    position: relative;
    left: -20px;
    margin-top: 40px;
}
.forum-user-login {
    margin: 30px 0 40px;
    background: #FDE058;
    padding: 10px 30px;
}
.forum-search {
    border-bottom: 1px dotted #CCC;
    padding: 30px 0 40px;
}
.forum-search-num {
    float: left;
}
.forum-search-result {
    padding-left: 30px;
}
.forum-search-title {
    font-size: 150%;
    margin-bottom: 15px;
}
.forum-search-num {
    color: #999999;
    font-size: 85%;
}
.forum-search .forum-menu, .forum-search .forum-menu a {
    color: #999999;
}
#forum-active-topics .title {
    padding: 0 20px 25px 0;
}
#forum-active-topics .forum-title, .forum-posts-count, .forum-topics-count {
    color: #666666;
    font-size: 85%;
    font-style: normal;
}
#forum-active-topics .forum-topic-title {
    font-weight: bold;
    font-style: normal;
}
#forum-active-topics .forum-posts-count {
    background-position: left 3px;
    padding-top: 2px;
}
.forum-buttons {
    margin: 10px 0;
}
.topic-pages {
    margin-top: 4px;
}
.topic-pages span {
    font-weight: bold;
    margin-right: 4px;
}
.topic-pages span a {
    background: #3399CC;
    color: #FFF;
    padding: 1px 3px;
}
.topic-pages-fixed span a {
    background: #FF9900;
}
.topic-pages-closed span a {
    background: #CCC;
}
#ad_preview_l {
    background: url(/images/ad_preview_bg.gif) left top no-repeat;
    margin: 10px 0 10px -12px;
    width: 426px;
    height: 115px;
}
#ad_preview_r {
    background: url(/images/ad_preview_bg.gif) right bottom no-repeat;
    margin-left: 18px;
    height: 115px;
}
#ad_preview_c {
    top: 8px;
    width: 390px;
    height: 97px;
    position: relative;
    margin-right: 18px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    background: url(/images/rk-left-bg.gif) left bottom repeat-x;
}
#ad_preview_img {
    float: left;
    width: 55px;
    height: 55px;
    margin: 15px;
}
#ad_preview_text {
    height: 50px;
    max-height: 50px;
    margin-bottom: 5px;
    overflow: hidden;
}
#ad_preview_url {
    color: #017DC0;
    text-decoration: underline;
    overflow: hidden;
}
#ad_preview_message {
    margin: 10px 15px 15px 70px;
    font-size: 85%;
}
.form-price {
    font-size: 125%;
    font-style: italic;
    background: #FDE058;
    padding: 15px 30px;
    margin-bottom: 20px;
}
#video-list {
    display: table;
}
.right #video-list {
    margin: 15px 0;
}
.right .video {
    margin-bottom: 18px;
}
/* video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
a.pslink {
    display: inline-block;
    border-bottom: 1px dashed #0088CC;
    text-decoration: none;
}
a.pslink:hover {
    border-bottom: 1px dashed #FF0000;
}
.pslink-active {
    color: #FF3300;
    border-bottom: 1px dashed #FF3300 !important;
}
.icon-pay-19 {
    width: 19px;
    height: 19px;
    display: inline-block;
    background-repeat: no-repeat;
}
label > .icon-pay-19 {
    vertical-align: bottom;
    margin: 0 6px 0 2px;
}
.icon-inv {
    background-image: url(/images/pp-inv.gif);
}
.icon-cb {
    background-image: url(/images/pp-cb.gif);
}
.icon-terminal {
    background-image: url(/images/pp-terminal.gif);
}
.icon-yandex {
    background-image: url(/images/pp-yandex.gif);
}
.icon-wm {
    background-image: url(/images/pp-wm.gif);
}
.icon-qiwi {
    background-image: url(/images/pp-qiwi.gif);
}
.icon-card {
    background-image: url(/images/pp-card.gif);
}
div.inline {
    display: inline-block;
}
input.input-small {
    width: 90px;
}
.radio-h div.label {
    float: left;
}
.alert {
    padding: 10px;
    margin: 0 0 10px 0;
}
.alert-error {
    background: #F2DEDE;
    color: #9F0D09;
}
/*.icon-forum {*/
/*background: url('/images/icon-forum.gif') no-repeat 0 1px;*/
/*padding-left: 20px;*/
/*display: inline-block;*/
/*}*/
.post-forum-link {
    position: relative;
    left: -22px;
    margin: 10px 0 0;
}
.enter-toggle-btn {
    vertical-align: middle;
    margin: 0 0 5px 20px;
}
input.fullwidth, textarea.fullwidth {
    width: 98%;
}
.btn-link {
    border: 0;
    color: #017DC0;
    text-decoration: underline;
    cursor: pointer;
}
.btn-link:hover {
    color: red;
}
.info {
    font-size: 85%;
    color: #666;
}
.date {
    width: 100px !important;
}
.social-btn {
    display: inline-block;
    vertical-align: top;
}
.forum-post img {
    max-width: 770px;
}
.youtube {
    background: url('/images/youtube.gif') left 2px no-repeat;
    padding-left: 23px;
}
.telepak-arr {
    width: 61px;
    height: 28px;
    background: url('/images/telepak-arr.gif') center no-repeat;
    margin: 24px 15px 0;
}
.menu {
    width: 100%;
    box-sizing: border-box;
}
.main {
    width: 70%;
    margin-right: 0;
}
.right {
    width: 30%;
    box-sizing: border-box;
    padding-left: 30px;
}
.page {
    margin-right: 4%;
}
.col-left {
    width: 23%;
}
.col-center {
    width: 77%;
}
textarea {
    width: 100%;
    max-width: 600px;
    min-width: 400px;
}
.footer-col {
    display: inline-block;
    vertical-align: middle;
    margin-left: 80px;
}
@media screen and (max-width: 1240px) {
    .table-min td, .table-min th {
        padding-left: 10px;
        padding-right: 10px;
    }

    .right h2 {
        font-size: 160%;
    }

    input[type=text], input[type=password], input[type=email] {
        width: 200px;
    }
}
html {
    height: 100%;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
body, .body {
    position: relative;
    min-height: 100%;
}
.body {
    padding-bottom: 200px;
}
.footer {
    border-top: 2px solid #FFDE00;
    padding: 30px 50px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

table.blog > tr:first-child > td, table.blog > tbody > tr:first-child > td {
    border-top: none;
}
table.blog > tr > td, table.blog > tbody > tr > td {
    border-top: 15px solid #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
}
table.blog > tr:last-child > td, table.blog > tbody > tr:last-child > td {
    border-bottom: none;
}

.gradient-bpg {
    background: #00862B;
    background: -moz-linear-gradient(center left, #00862B, #255F06);
    background: -webkit-gradient(linear, left center, right center, from(#00862B), to(#255F06));
    background: -webkit-linear-gradient(center left, #00862B, #255F06);
    background: -o-linear-gradient(left, #00862B, #255F06);
    background: linear-gradient(center left, #00862B, #255F06);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#00862b', endColorstr='#255f06');
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#00862b', endColorstr='#255f06')";
    *zoom: 1;
    /* for ie gradient */
    position: relative;
}

.submenu.gradient-bpg table {
    position: absolute;
    bottom: 0;
    left: 20px;
}

.submenu.gradient-bpg a {
    color: #FFF;
}

.pattern-bpg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/arrow.gif');
    opacity: 0.1;
}

.icon-dev {
    background: url('/images/+.gif') left 1px no-repeat;
    padding-left: 23px;
}

.icon-forum {
    background: url('/images/forum.gif') left 2px no-repeat;
    padding-left: 23px;
}

.bp-docs li {
    background-image: url('/images/doc-bpg2.gif');
}

.icon-bp {
    background-image: url('/images/bp16.png');
}