/* html, body { */
/*     line-height:1.5;background:#23538a; */
/*     background: -moz-linear-gradient(top,  #ffffff 0%, #D4E9FC 50%); /\* FF3.6+ *\/ */
/*     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#23538a)); /\* Chrome,Safari4+ *\/ */
/*     background: -webkit-linear-gradient(top,  #ffffff 0%,#23538a 50%); /\* Chrome10+,Safari5.1+ *\/ */
/*     background: -o-linear-gradient(top,  #ffffff 0%,#23538a 50%); /\* Opera 11.10+ *\/ */
/*     background: -ms-linear-gradient(top,  #ffffff 0%,#23538a 50%); /\* IE10+ *\/ */
/*     background: linear-gradient(top,  #ffffff 0%,#23538a 50%); /\* W3C *\/ */
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#23538a',GradientType=0 ); /\* IE6-9 *\/ */
/* } */

body {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 100;
    color: black;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.table_noborders {
    border: 0;
    padding: 0;
    border-collapse: collapse;
}
.table_noborders td {
    padding: 0;
}

h1 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #0057B4;
    text-align: left;
}

h2 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: #0057B4;
    text-align: left;
}

h3 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    color: #0057B4;
    text-align: left;
}

h {
    font-style: oblique;
}

a {
    color: #0057B4;
}

p {
    text-align: left;
}

table {
}

table td {
    text-align: left;
}

.related {
    width: auto;
    text-align: center;
    margin: 30px 0 0 0;
    padding: 10px 10px 0px 10px;
    border: 1px solid #ccc;
}
.related ul {
    padding: 0;
}
.related li {
    display: inline;
}
.related li a {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #eef6fe;
    display: inline-block;
    margin: 2px;
    padding: 3px 7px;
    text-decoration: none;
}
.related li a:hover {
    text-decoration: underline;
}

a.link_descr {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #eef6fe;
    display: inline-block;
    margin: 1px;
    padding: 3px 7px;
    text-decoration: none;
}
a.link_descr:hover {
    text-decoration: underline;
}

/* Rounded TABLE */
.rc_table {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.rc_table th {
    color: #FFFFFF;
    background-color: #038af6;
}
.rc_table th a {
    color: #FFFFFF;
}
.rc_table td {
    background-color: #eef6fe;
    padding: 7px;
}
.rc_odd td {
    background-color: #d4e9fc;
}
.rc_tl {
    border-top-left-radius: 10px;
}
.rc_tr {
    border-top-right-radius: 10px;
}
.rc_bl {
    border-bottom-left-radius: 10px;
}
.rc_br {
    border-bottom-right-radius: 10px;
}
.rc_l {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rc_r {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.rc_t {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.rc_b {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Rounded DIV */
div {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.services_feature {
    border: 1px solid #7bbef5;
    padding: 5px 20px;
    margin: 0 0 10px 0;
    text-align: justify;
}

.services_feature p {
    text-align: justify;
}

.grid {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #0057B4;
    border-collapse: collapse;
}

.grid th {
    font-weight: 600;
    border-width: 1px;
    border-color: #0057B4;
    padding: 2px;
    border-style: solid;
    text-align: center;
    background-color: #D4E9FC;
}

.grid td {
    border-width: 1px; 
    border-color: #0057B4;
    padding: 2px;
    border-style: solid;
    text-align: center;
}

img {
    display: block;
    border: 0;
}

.ua_menu {
    vertical-align: top;
}

.ua_menu a {
    font-family: tahoma, sans-serif;
    font-size: 8pt;
    color: #0057B4;
    text-decoration: none;
}

.ua_menu a img {
    display: block;
    border: 0;
}

/* Dropdown menu */
#nav {
    margin: 0;
    padding: 0;
    list-style: none;
}  

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float: left;
    display: block;
    /* width: 106px; */
    height: 42px;
    background: #D4E9FC;
    position: relative;
    z-index: 5500;
    margin: 0;
}

/* this is the parent menu */
#nav li a {
    display: block;
    padding: 20px 0 0 0;
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    height: 22px;
    text-decoration: none;
    text-align: center;
    color: #0057B4;
}

#nav li a:hover {
    color: #6699FF;
}

/* you can make a different style for default selected value */
#nav a.selected {
    color: #f00;
}

/* submenu, it's hidden by default */
#nav ul {
    position: absolute;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 200px;
    text-align: left;
    text-decoration: none;
    /* white-space: nowrap; */
    background: #D4E9FC;
}

#nav ul li {
    float: left;
    width: 100%;
    height: auto;
    background: #D4E9FC;
    margin: 0;
    padding: 3px;
    border-top: 1px solid #fff;
    position: relative;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    text-align: left;
    width: auto;
    margin: 0;
    display: block;
    height: auto;
    padding: 2px;
    text-decoration: none;
    color: #2875DE;
}

#nav ul a:hover {
    background: #49A3FF;
    color: #FFF;
    text-decoration: none;
}

.channel_list_selected {
    border: 1px solid;
    padding: 7px 5px 1px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    background-color: #038af6;
    border: 1px solid #038af6;
    text-decoration: none;
}

.channel_list {
    border: 1px solid;
    padding: 3px 5px 0px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #d4e9fc;
    border: 1px solid #d4e9fc;
    text-decoration: none;
}

.tariff_page_nav {
    text-align: center;
    padding: 0;
}
.tariff_page_nav li {
    display: inline;
    text-align: center;
}
.tariff_page_nav li a {
    display: inline-block;
    padding: 3px 7px;
    text-decoration: none;
}
.tariff_page_nav li a img {
    margin: 0 40px;
}

.tariff_for_dummies {
    text-align: center;
    margin: 0;
}
.tariff_for_dummies div {
    padding: 5px;
    margin: 10px 0;
    border: 1px solid #0057B4;
}
.tariff_for_dummies h2 {
    margin: 5px 0 5px 20px;
}
.tariff_for_dummies img {
    position: relative;
    margin: 0 0 0 -287px;
    left: 50%;
}

#set_stb_gs_show {
    margin: 1px 0 0 30px;
    float: right;
    cursor: pointer;
    color: #0057B4;
    text-decoration: underline;
}
#set_stb_gs {
    display: none;
}
#set_stb_tvhelp_show {
    margin: 1px 0 0 30px;
    float: right;
    cursor: pointer;
    color: #0057B4;
    text-decoration: underline;
}
#set_stb_tvhelp {
    display: none;
}

.more_info {
    cursor: help;
    display: inline-block;
    color: #CC9900;
    background-color: #FFFF99;
    width: 16px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
}
.more_info_div {
    cursor: default;
    position: absolute;
    max-width: 600px;
    padding: 10px;
    color: #000;
    background-color: #FFFF99;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 100;
    text-align: left;
    border: 1px solid #aaa;
    border-radius: 3px;
    z-index: 10000;
}

.pay_point_header {
    cursor: pointer;
    color: #0057B4;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}
.pay_point_header:hover {
    text-decoration: underline;
}
.pay_point_body {
    border: 1px solid #7bbef5;
    padding: 0 20px 10px 20px;
    margin: 5px 0;
    display: none;
}