/* BASIC */
body{
background: #dddddd url('/static/images/background_withads.jpg?a19fa6640f72') repeat top left;
font-size: 14px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:normal;
text-align:justify;
}
ul,body,section,article,header,footer,aside,nav{
margin:0;
padding:0;
border:none;
}
h1{
    font-size:24px;
    color:#C52525;
    font-weight:400;
    margin: 5px 0;
}
h1.bankfont{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size:22px;
    font-weight:bold;
}
.font{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.clear{
clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.justified{
text-align:justify;
}
.spacer{
    clear:both;
    height:15px;
}
ul.indent{
    margin-left:25px;
}
/* COLORS */
.black{
color: #545454;
}
.red{
color: #e73f18;
}
.green{
color: #75b48f;
}
.darkgreen{
color: #61b080;
}
.blue{
color: #7ec7d9;
}
.darkblue{
color: #4a99b2;
}
a{
    color: #646464;
}
a:hover{
    color: #111;
}
/* MAIN */
#header{
height:112px;
}
#top{
width:800px;
float:right;
overflow: hidden;
height: 105px;
}
#logo{
  clear:left;
  width:200px;
  height:112px;
  margin-left:15px;
  float:left;
  background: url('/static/images/ukrbanks_with_flag.jpg?a19fa6640f72') 50% 50% no-repeat;
}
a.home{
    display:block;
    width:100%;
    height:100%;
}
#adtopxr{
width:728px;
height:90px;
margin: 0px 10px;
float:right;
text-align:center;
}
#topnav{
height:60px;
margin: 0 auto;
background: url('/static/images/menubar.jpg?a19fa6640f72') top left no-repeat;
width: 1135px;
font-size: 12px;
color: #FFFFFF;
}
#page{
min-height:600px;
border-right:5px solid #efefef;
background: #fff url('/static/images/page.gif?a19fa6640f72') top left repeat-y;
}
#content{
width:735px;
padding:10px;
color:#1f1f1f;
float:left;
clear:left;
}
#content ul{
  margin-left:25px;
}

section.wide #content {
  width: 1010px;
}

#infocolumn{
width:341px;
float:right;
clear:right;
padding:0px;
padding-left:5px;
padding-bottom:10px;
background-color:#efefef;
color:#000;
min-height:400px;
}
#footer{
clear:both;
min-height:200px;
background-color:#555;
color:#eee;
border-right:5px solid #555;
}
.container{
width:1101px;
margin: 0 auto;
}
.paper{
background-color:white;
border-left: 5px solid #eee;
border-right: 5px solid #eee;
}
.friendly{
list-style:none;
margin:0;
}
/* SOCIAL BAR */
#social{
height: 37px;
background-color: #ddd;
line-height:37px;
}
#social-icons{
float:left;
width:270px;
margin-left:15px;
}
#social-icons ul{
list-style: none;
border:0px;
padding:0px;
margin:0px;
margin-top:2px;
}
#social-icons ul li{
height:32px;
width:32px;
float:left;
margin-right:3px;
}
#social-icons ul li a{
height:32px;
width:32px;
display:block;
background: url('/static/images/socialbar.png?a19fa6640f72') no-repeat 0 0;
}
#social-icons ul li a:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
#social-icons ul li#social-icons-separator{
width:5px;
}
#social-icons ul li#twitter a{
background-position: 0 0;
}
#social-icons ul li#facebook a{
background-position: 0 -32px;
}
#social-icons ul li#iphone a{
background-position: 0 -64px;
}
#social-icons ul li#mail a{
background-position: 0 -96px;
}
#social-icons ul li#rss a{
background-position: 0 -128px;
}
#social-icons ul li#vkontakte a{
background-position: 0 -160px;
}
#stock{
float:left;
margin-left:70px;
width:480px;
}
#quotes-logo{
float:left;
margin-top:5px;
width:30px;
height:28px;
background:url('/static/images/stock.png?a19fa6640f72') no-repeat 0 0;
}
.quotes{
float:left;
width:430px;
margin-left:10px;
}
#quotes-name{
padding-right:15px;
font-weight:bold;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:16px;
letter-spacing:0px;
color:#555;
}
#quotes-img{
width:10px;
height:15px;
display: inline-block;
background-image: url('/static/images/stock.png?a19fa6640f72');
background-position: 0px 15px;
}
#quotes-val{
padding:0 10px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:16px;
}
#quotes-change{
padding:0 5px;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:16px;
}
#quotes-change.up{color:green;}
#quotes-change.down{color:red;}
#quotes-change.na{color:black;}
#quotes-img.up{background-position: -20px 15px;}
#quotes-img.down{background-position: -10px 15px;}
#quotes-img .na{background-position: 0px 15px;}

#search{
float:right;
width:225px;
text-align:left;
color:white;
}
#search input[type=text]{
width:130px;
height:22px;
border:1px solid #ccc;
background-color:#eee;
color:#bbb;
padding-left: 5px;
margin-right: 5px;
}
#search input[type=submit]{
width:70px;
height:26px;
border:1px solid #c52525;
background-color:#c52525;
color:#fff;
font-weight:bold;
letter-spacing:0px;
cursor: pointer;
cursor: hand;
}
#search input[type=submit]:hover{
background-color:#dd4b4b;
border-color:#dd4b4b;
}
/*shadow boxes*/
.shadowbox{
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.shadowbox:before,
.shadowbox:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.shadowbox:before {
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
         border-radius:10px / 100px;
}

/***** Topnav Menu ********************/
#topnav ul {
float: left;
list-style: none;
margin: 0 0px;
padding:0 10px;
}

#topnav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}


#topnav li a {
color: #646464;
display: block;
font-size: 14px;
font-weight: normal !important;
text-decoration: none;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 10px 3px;
padding: 2px 3px 4px 3px;
position: relative;
}


#topnav li.special a {
  background-color:#bbbbbb;
  text-decoration: none;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#topnav li.promo a {
  background-color: green;
  color: white;
  text-decoration: none;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
}

#topnav li a:hover, #topnav li a:active, #topnav .current_page_item a {
background: #C52525;
color: #FFFFFF;
text-decoration: none;
-moz-border-radius: 5px;
border-radius: 5px;
}

#topnav li a.sf-with-ul {
}

#topnav li a .sf-sub-indicator {
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
}

#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
background: #E5E5E5;
color: #646464;
width: 100px;
font-size: 14px;
font-weight: bold;
float: none;
margin: 0;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;
border-right: 0px;
border-left: 0px;
position: relative;
-moz-border-radius: 0px;
border-radius: 0px;
z-index: 9999;
}
#topnav li li a:hover, #topnav li li a:active {
background: #DDDDDD;
color: #C52525;
}

#topnav li li a .sf-sub-indicator {
top: 11px;
right: 5px;
}

#topnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 180px;
margin: 0;
padding: 0;
}

#topnav ul li ul.sub-menu {
margin: 3px 0 0 5px !important;
}

@-moz-document url-prefix() {
 #topnav ul li ul.sub-menu {
    margin: 3px 0 0 10px !important;
 }
}

#topnav li ul a {
width: 160px;
}

#topnav li ul a:hover, #topnav li ul a:active {
}

#topnav li ul ul {
margin: -35px 0 0 179px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfHover ul ul, #topnav li.sfHover ul ul ul {
left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfHover ul, #topnav li li.sfHover ul, #topnav li li li.sfHover ul {
left: auto;
}

#topnav li:hover, #topnav li.sfHover {
position: static;
}

#topnav li.right {
float: right;
font-size: 16px;
margin: 0;
padding: 11px 10px 0 10px;
}

#topnav li.right a {
display: inline;
margin: 0;
padding: 0;
border: none;
background: none;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

#topnav li.right a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* bottom nav */
#bottomnav{
min-height:180px;
width:100%;
padding-top:15px;
}
#bottommenu {
width:1010px;
margin: 0px auto;
}
#bottommenu li{
width:147px;
float:left;
margin-right:10px;
margin-left:10px;
color: #fff;
font-size:16px;
line-height:35px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#bottommenu li ul{
width:100%;
}

#bottommenu li ul li{
color: #aaa;
border:0;
margin:0;
line-height:23px;
font-size:12px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#bottommenu li ul li a{
color: #aaa;
text-decoration:none;
}
#bottommenu li ul li a:hover{
color:#eee;
text-decoration:underline;
}
#copyright{
clear:both;
text-align: center;
padding: 5px 0px;
color: #eee;
background-color: #444;
width: 95%;
margin-left: 3%;
margin-right: 2%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:12px;
}
#copyright a{
color:#eee;
}
#admin{
    clear: both;
    margin: 0 auto;
    width: 90%;
    text-align: center;
}
#admin a{
    color: #fff;
}
/*ads*/
#adypremium{
width:300px;
height:400px;
border:5px solid #ddd;
margin: 10px auto;
background-color:#f2f2f2;
}
#yandex_vert_ad{
width:330px;
min-height:150px;
margin: 10px auto;
}
#useful, #disclaimer{
clear:both;
padding: 5px 0px;
color: #eee;
width: 95%;
margin-left: 3%;
margin-right: 2%;
font-size:12px;
text-align:left;
color: #999;
}
#disclaimer{
  font-size: 11px;
  text-align: justify;
}
#useful a, #disclaimer a{
color:#999;
}
/******     SHARETHIS FIXES    ******/

div.sthoverbuttons-chicklets span{
    display: none;
}
.st_plusone_large {
    /*margin-bottom: 0px !important;*/
    margin-top: 10px !important;
}

/******    RSS    ******/
table#rss_table{
border-collapse:collapse;
border: 1px solid #ddd;
}
table#rss_table thead tr td{
background-color:#eee;
}
table#rss_table td{
padding:7px;
text-align:center;
}
table#rss_table td.rss_title{
text-align:left;
}
/******    CALENDAR    ******/
table.calendar {
width: 200px;
padding: 0;
margin: 0;
border: 1px solid #efefef;
color: #000;
text-align: center;
background-color: #fff;
}

table.calendar a.nav {
color: #777;
text-align: center;
text-decoration: none;
font-size: 18px;
}

table.calendar caption {
margin: 0;
padding: 0;
width: 200px;
background-color: #fff;
color: #777;
text-align: center;
}

table.calendar tr th {
color: #fff;
background-color: #999;
padding: 5px 0;
}

table.calendar tr td.today {
font-weight: bold;
background-color: #efefef;
}

table.calendar tr td {
padding: 5px 0;
text-align: center;
background-color: #f7f7f7;
}

table.calendar tr td a {
font-weight: bold;
}

table.calendar tr td a:link, table.calendar tr td a:visited {
color: #608194;
}

table.calendar tr td a:hover, table.calendar tr td a:active {
color: #6aa3ae;
}

div.block_calendar{
clear:both;
width:100%;
min-height:195px;
}

div.block_calendar div.block_calendar_ads{
float: left;
width:470px;
min-height: 195px;
}
div.block_calendar div.block_calendar_cal{
float:right;
width: 200px;
min-height: 200px;
}
/****** ADSENSE ******/
.bn {
    overflow: hidden;
    width: 339px;
    height: 280px;
    text-align: center;
}
/******    INDEX    ******/
#index_left{
    clear:left;
    float:left;
    width:348px;
}
#index_right{
    clear:right;
    float:right;
    width:330px;
}
#index_bottom{
    clear: both;
    float: left;
    margin-top: 30px;
    text-align:
    center; width: 100%;
}
#index_left ul, #index_right ul{
    margin-left: 0;
}
p.informers_demo a{
    margin: 0 5px;
}


h2.column-title {
        background-color: #eaeaea;
        padding-left: 10px;
        border-bottom: 4px solid #ddd;
        height: 30px;
        line-height: 30px;
        position: relative;
}
h2.column-title a {
        color: #545454;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h2.column-title a:hover {
        text-decoration: underline;
}
/******    LIGHTBOX    ******/
div.thumbnail {
padding: 5px 5px 10px 5px;
background-color: #eee;
border: 1px solid #ccc;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
/******    PAGES    ******/
img.minilogo{
    margin-right:5px;
    vertical-align:middle;
}
/******    DEPOSITS    ******/
ul#deposits{
    list-style: none;
    padding: 0;
    margin: 5px 0;
}

ul#deposit li.promote{
    padding: 10px;
    font-size: 18px;
}

ul#deposits li span{
    font-size: 16px;
    line-height: 40px;
    letter-spacing: -1px
}

ul#deposits li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 40px;
}

table#deposit_info{
    width: 100%;
}

table#deposit_info td.field{
    text-align: right;
    padding-right: 5px;
    color: #888;
    width: 28%;
    line-height: 20px;
}
table#deposit_info td.value{
    text-align: left;
    border-bottom: 1px dotted #888;
}

table#deposit_rate{
    width: 90%;
    margin: 0 auto;
}

table#deposit_rate thead tr td{
    text-align: center;
    font-size: 10px;
    background: #efefef;
    padding: 3px;
}

table#deposit_rate tbody tr td{
    text-align: center;
    font-weight: bold;
}


.join_informer_829 * { border: none; padding: 0; margin: 0; }
.join_informer_829 { text-align:left; clear: both; padding: 5px;background-color:#FFFFFF;}
.join_informer_829 a.join_link, a.join_text {font-size: 12px; font-family: Arial; margin-bottom:10px; color:#333333;text-decoration:none; font-weight:normal;}
.join_informer_829 a.join_link:hover, a.join_text:hover { color:#333333;text-decoration:underline;}
.join_informer_829 .join_img {width: 90px; height: 90px;  margin-right: 2px; }
.join_informer_1882 * { border: none; padding: 0; margin: 0; }
.join_informer_1882 { text-align:left; clear: both; padding: 5px;background-color:#EFEFEF;}
.join_informer_1882 a.join_link, a.join_text {font-size: 12px; font-family: Arial; margin-bottom:10px; color:#333333;text-decoration:none; font-weight:normal;}
.join_informer_1882 a.join_link:hover, a.join_text:hover { color:#333333;text-decoration:underline;}
.join_informer_1882 .join_img {width: 90px; height: 90px;  margin-right: 2px; }

/******    SHOW NEWS    ******/
a.source {
        color: green;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 15px;
        text-decoration: none;
}
a.source:hover {
        text-decoration: underline;
}
div.source{
        border-top: 1px solid #ccc;
        text-align: right;
        min-height:40px;
        padding-top: 10px;
        margin-top: 15px;
}
div#share_ukrbanks{
        float:left;
        width:400px;
        text-align: left;
}
img.logo{
        margin-right: 10px;
        margin-bottom: 1px;
}
/******    ADS    ******/
div.ad125{
    width:127px;
    height: 127px;
    margin: 10px;
    margin-top: 0;
    float:right;
    text-align:center;
}

/******    NEWS LIST    ******/
#records ul {
    list-style: none;
    margin:0;
    padding:0;
}

#records ul li {
	padding: 3px 0px;
	text-align: justify;
	color: #777;
	font-size: 12px;
}

#records ul li a.source {
	color: green;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

#records ul li a.source:hover {
	text-decoration: underline;
}

#records ul li a.record {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	letter-spacing: -1px;
	line-height: 18px
}

#records ul li a.record:hover {
	color: #777;
}

#records ul li a.category {
        font-size: 13px;
        color: #222;
        text-decoration: none;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#records ul li a.category:hover {
        text-decoration: underline;
}

#records ul li span.desc {
	font-size: 13px;
	color: #666666;
	line-height: 15px;
}

#records ul li span.date {
	font-size: 13px;
	color: #777;
        font-weight: bold;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#records ul li a.more {
	font-size: 12px;
	font-weight: bold;
	color: red;
	text-decoration: none;
}

#records ul li a.more:hover {
	color: red;
	text-decoration: underline;
}
/*format date*/
div.formatted_date {
	border: 1px solid #bababa;
	clear: left;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	padding: 0;
	height: 11px;
}

div.formatted_date p {
	float: left;
	width: 11px;
	height: 11px;
	font-size: 9px;
	color: white;
	padding: 0 2px;
	background-color: #d44a28;
	margin: 0;
	border-right: 1px solid #bababa;
}

div.formatted_date p:last-child {
	width: 20px;
	color: black;
	border: 0;
	background-color: #ececec;
}
/*style for last news blocks*/
div.lastrecords h2 {
	background-color: #eaeaea;
	padding-left: 10px;
	border-bottom: 4px solid #ddd;
	height: 30px;
	line-height: 30px;
	position: relative;
}
div.lastrecords.index h2, h2.title {
        background-color: whiteSmoke;
        height: 19px;
        line-height: 17px;
        text-transform: uppercase;
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 10px;
        color: gray;
        border:0;
        padding:0;
}

div.lastrecords h2 a, h2.title a {
	color: #545454;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

div.lastrecords.index h2 a, h2.title a {
        padding: 0 8px 1px 3px;
        background-color: white;
        border-left: 5px solid #DE4F4F;
}

div.lastrecords h2 a:hover, h2.title a:hover {
	text-decoration: underline;
}

div.lastrecords h2 div.rss {
	width: 40px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	background-color: #C52525;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.lastrecords h2 div.rss a {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
}
div.lastrecords.index ul li img.bullet{
        border:0;
        margin-right: 3px;
        margin-bottom: 2px;
}
div.lastrecords.index h2 div.rss{
        display:none;
}

div.lastrecords ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.lastrecords ul li {
	text-align: justify;
	color: #545454;
	font-size: 12px;
	padding: 0 5px;
}
div.lastrecords.index ul li{
        padding: 2px 5px;
        clear: left;
}
div.lastrecords.index ul li.full{
        padding-bottom: 6px;
}

div.lastrecords ul li a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	line-height: 15px;
}

div.lastrecords ul li a:hover {
	text-decoration: underline;
}

div.lastrecords ul li.all a {
	display: block;
	margin: 5px auto;
	border: 3px solid #ddd;
	background-color: #eaeaea;
	text-align: center;
	font-weight: bold;
	width: 150px;
	color: #545454;
}

div.lastrecords ul li.all a:hover {
	background-color: #f1f1f1;
	text-decoration: none;
}

div.lastrecords ul li.full a {
        color: black;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        font-size: 15px;
        text-decoration: underline;
}
div.lastrecords ul li.full a:hover {
        text-decoration: underline;
}

div.lastrecords ul li a.source {
        color: green;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 13px;
        text-decoration: none;
}

div.lastrecords ul li a.source:hover {
        text-decoration: underline;
}

/******    PAGINATION    ******/
div.pagination{
    margin: 10px 0;
    min-height:25px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
div.pagination div.pagination_link{
    float:left;
    width:170px;
    text-align:center;
    font-size:18px;
    color: #777;
    min-height:25px;
}
div.pagination div.pagination_link a{
    font-size:18px;
    color: #C52525;
}
div.pagination div.pagination_text{
    float:left;
    width:335px;
    text-align:center;
    font-size:16px;
}