@charset "utf-8";
/* CSS Document */


.marginR2 { margin-right: 1.5em}
.C50 .cBlock { margin-right: 0!important;}
.cBlock {background-position: bottom left; background-repeat: no-repeat; padding:9px; margin:1em 1.5em 0 0; }
.Block { _height: 1%; width: auto; }

.tagBody, .currency-20 .sum {
	background: url(http://i3.i.ua/guestbook_bg.gif) repeat-x #fff;
	background-position: left -1px;
	border: 0;
}
.Dimension { //cursor: default; min-width: 960px}
.currency-20 .sum { //background: #f0f0f0}
.cBlock .cFrame { border-width: 1px; border-style: solid; border-color: #fff #aaa #aaa #fff; background-color: #fff; }
.Tags li {background-color: #fff}
.Tags .current {background-color: #f0f0f0;}	
.Tags .current a { text-decoration: none; cursor: pointer}
.cBlock .Tags { position: relative; margin:0 0 -1px 0; }
.cBlock .Tags li {height:18px;line-height:22px;text-shadow:0 -1px 0 #fff;border-color:#fff #aaa #ddd #fff;padding-left: .8em;padding-right: .8em; margin:0; border-bottom-width:1px;border-bottom-style:solid; }
.cBlock .Tags li.current { border-bottom-color: #f0f0f0}
.cBlock .tagBody {border-color:#fff #aaa #aaa #fff; border-width:1px 1px 1px 1px; border-style: solid;}

/* universal background */
.up, .down, .sort-down, .sort-up,.currency-20 tr.old-data td span, .calc dd em, .calc dd i, .c-round, .c-round * {background-image:url(http://i3.i.ua/finance/up-down-sort.png); background-repeat: no-repeat;}

/* css3 sketch up */
.currency,.currency-20 th span,.currency-20 td, .currency-20 td span,.currency-20 .sum,.calc dt, .c-round-list a * {text-shadow:0 1px 0 #fff;}

.currency-20 tr:hover td span {color: #777}
.currency, .currency-20 ul,.cBlock .cFrame {_height: 1%}
.currency-20 ul {padding: 0; position: relative; overflow: hidden; }
.currency-20 .tagBody {padding: 0; margin: 0; overflow: hidden;}
.currency-20 table {margin:0; padding:0; border-collapse:collapse; border: 0; width: 100%; margin-right: 1px}
.currency-20 td {margin:0;padding:.4em 20px .3em 0; border-bottom: 1px solid #ddd; border-left: 1px dotted #aaa; _border-left:1px solid #ddd; text-align: right; vertical-align: baseline}
.currency-20 td.al { border-left:0;padding-left: .8em; width: 40%; margin-right: -100%; margin-left: 0; padding-right: 2px;vertical-align: middle}
.currency-20 td a {color:#445599; text-decoration: none; float: left; white-space: nowrap; margin-right: -100%;}

.currency-20 td span {font-size:11px; color:#fff; line-height:14px; float:right; position:relative; z-index:10; padding:0 0 3px 3px; visibility: hidden; margin-right:5px; margin-left:-100%;//margin-left:0; top:1px;}
.currency-20 td a:hover {text-decoration: underline}
.currency-20 tr:hover td span {visibility: visible}
.currency-20 th {margin:0; padding:0; color:#777; font-weight:normal; height: 27px; border-width:0 1px 1px 0; border-color:#aaa #ccc #ccc #fff; border-style:solid; }
.currency-20 th span {display:block; height:27px; border-left:1px solid #fff; padding: .1em 0 .1em 0; line-height: 27px;}
.currency-20 th span a { color: #777; text-decoration: none; font-size: 11px!important; padding-right: 1.7em}
.currency-20 th.bankName {width:50%; padding-left: .8em; text-align: left}
.currency-20 th.bankName span {border-left:0;}
.currency-20 th.c-ask, .currency-20 th.c-bid {width: 25%; text-align: right; }
.currency-20 th.c-bid {border-right:0;}
.currency-20 tr.old-data td span {background-position:right -322px ! important; color:#999!important; padding: 0 17px 0 3px; position: relative; right: -17px;visibility: visible}

.separate td { border-left: 0; height: 4px; //height: 9px}
.separate:hover td { background-color: transparent!important}

/*.currency-20 tr.old-data:hover td span {background-position:right -364px ! important;}*/
.currency-20 tr.old-data td, .currency-20 tr.old-data td a {color:#999!important;}
.currency-20 tr.old-data td, .currency-20 tr.old-data td span {background-color: #f3f3f3}
.up {background-position: right 5px; }
.down {background-position: right -37px; }
.up-c {color: #339900;}
.down-c {color:#cc0000;}
.best { color: blue}
.sort-down {background-position: right -66px; font-weight: bold!important}
.sort-down:first-child {background-position: 36px -66px;}
.sort-up {background-position: right -269px; font-weight: bold!important}
.sort-up:first-child {background-position: 36px -269px;}
.currency-20 td.al {text-align: left;}
.currency-20 .sum {ont-style: italic;}

.one-bank .up, .one-azs .up { background-position: right 10px}
.one-bank .down, .one-azs .down {background-position: right -30px}
.one-bank tr td { font-size: 16px}
.one-bank tr td.al, .one-azs tr td.al { font-size: 13px;}
.one-bank tr td i, .one-azs tr td i { font-size: 10px; color: #777; font-style: normal}
.one-bank th { width: 33%!important; }
.one-bank th span { padding-right: 1.5em}
.one-azs th {width: 15% !important;}
.one-azs th.c-ask span, .one-azs th.c-bid span {text-align: center;}
.one-azs td {padding-left: .3em;}
.one-azs a {white-space: normal !important; margin-right: 0 !important;}


.calc { overflow: hidden;}
.calc dt,.calc dd { height: 26px; ine-height: 32px; padding-top: 6px}
.calc dt { height: 24px; padding-top: 8px}
.calc dt { float: left; margin-right: -100%; width: 80px; display: inline-block; color: #777; text-align: right; font-weight: bold; padding-right: 15px}
.calc dd { position: relative; margin-left: 95px; z-index: 2}
.calc dd, .calc dt {border-bottom: 1px solid #ddd;}
.calc dd input { border-style: solid; border-color:#aaa #ccc #ccc #aaa; border-width:1px; font-size: 15px; ont-weight:600; outline: none; width: 90px; height: 17px; overflow: hidden; }
.calc dd.c-result input.rates {border-color:#aaa #ccc #ccc #aaa; margin-left: 1em; position: relative; top:-1px; width: 50px}
.calc dd input.rates {font-weight:normal; width: 70px; font-size: 13px; }
.calc dd i {position: absolute; bottom:-5px; left: 5px; background-position:-6px -97px; width: 9px; height: 5px}
.calc .c-rate {background-color:#fff7df; z-index: 1}
.calc .c-result {border-bottom: 0; height: auto; padding-bottom: 5px}
.calc dd.c-rate i {background-position:-6px -102px;}
.calc dd.c-result input { border-color: #eee;}
.calc dd.c-result span { color: #777; font-size: 15px}
.calc dd.c-result { padding-top: 4px; padding-bottom: 0; margin-bottom: 4px; position: relative; overflow: hidden}
.calc dd.c-result div { border-bottom: 1px solid #ddd; border-bottom-width:expression(this==this.parentNode.childNodes[this.parentNode.childNodes.length-1]?0:'1px'); margin:-1px 10px -1px 0; line-height: 26px; padding-top: 1px; padding-top: 3px; //padding-bottom: 3px;_padding-bottom: 2px}
/*.calc dd.c-result div:last-child { border: 0}*/
.calc dd em {background-position: -2px -107px; width: 15px; height: 15px; float: right; margin: 5px 2px 0 0; _margin-top: 3px; cursor:help;}

.calc dd em, .calc dd i,.c-round-list a {overflow: hidden}

/*table.nbu td, table.nbu th { width:auto!important}*/

.c-round-list {margin-bottom:5px}
.c-round-list a, .c-round-list a * {height:17px;line-height: 17px;//line-height: 16px;}
.c-round-list a {float: left;padding-left:8px; text-decoration: none; color: #000;}
.c-round-list a * {display: block;  padding-right:8px; _float: left; cursor: pointer}
.c-round-list span.floatleft { width: 84px; text-align: right; padding-right: 10px}
.c-round { background-position: left -122px;  background-color: #fff;}
.c-round * {background-position: right -139px;  font-weight: bold;}
.c-round-list a em { color: #777; font-weight: normal}
.c-round-bottom { margin-bottom:-3px; margin-top:7px;}

.sellbuy input { font-size:1em; position:relative; bottom:-2px; margin-right:2px}
#graph,.calcTbl{border-bottom:1px solid #aaa;border-right:1px solid #aaa;}
.calcTbl{ border-top:1px solid #fff;border-left:1px solid #fff;}.calcTbl{ //border:0; overflow:hidden; //display:inline}

.emptySearch { color:#999999}

.currLegend { margin:.5em 0 .5em 50px}

.norm {line-height:25px;//line-height:24px}

/* ----- bank info -----*/
h1.mainTitle {font-size:1.2em;}
h1.mainTitle a {font-size:1em; font-weight:normal}

.Block h1.mainTitle { background: 0; margin: 0; padding: 0; font-size: 1.1em; border: 0}

.Block address { border-top:1px solid #ddd; font-style: normal; padding: .5em 0}
.Block address:first-of-type { border: 0; //border-width: expression(this.parentNode==this.childNodes[0]?0:1);}
.onTheMap {line-height:16px; padding:0; font-style:italic; white-space:nowrap;}
.onTheMap img {width:16px; height:16px; background:url(http://i3.i.ua/icons/map.png) left -1px no-repeat #FFF; border:0; position:relative; top:3px; padding-right:3px;}


.bank-info-list {border-collapse: collapse;width: 100%}
.bank-info-list caption {font-size: 13px; font-weight: bold; text-align: left; padding: 1em 0 .5em 0}
.bank-info-list th {width: 125px; text-align: left}
.bank-info-list td{ padding-right: 10px}
.bank-stats-list th, .bank-stats-list td{border-top:1px solid #ddd}
.bank-stats-list tr:first-child th,.bank-stats-list tr:first-child td{border-top:0}
.bank-info-list th, .bank-info-list td, .bank-stats-list th, .bank-stats-list td {vertical-align: baseline}
.bank-stats-list {border-collapse: collapse; width: 100%}
.bank-stats-list th {width: 225px; vertical-align: text-top; text-align: left}
.bank-stats-list td { width: 90px; text-align: right; white-space: nowrap}

.legend {
height:10px;
vertical-align:middle;
width:10px;
}
element.style {
margin-left:-20px;
position:absolute;
}

.sections a:hover {
color:#0021C3;
}
.sections a {
color:#445599;
text-decoration:none;
}
.sections dd a, .sections dd span {
display:block;
padding:.2em;
position:relative;
}
.sections dd {
background:transparent url(http://i3.i.ua/catalog/line_bg.gif) repeat-x scroll 0pt 1px;
border:1px solid #DDDDEE;
margin:2px 0pt;
}
.sections dd a, .sections dd span {
display:block;
padding:.2em .2em .2em .6em;
position:relative;
}
.sections dt {
float:right;
padding:.5em .5em 0;
}
.sections .current {
font-weight:bold;
}
.sections div a, .sections div span {
border-top:1px dashed #DDDDEE;
font-weight:normal;
margin:0.2em;
padding:.2em 0 0 1em;
}
.counters {width:100%; }
.counters div {float:left;margin:0pt 1em 0.3em 0pt;position:relative;//white-space:nowrap}
.bankList { padding:0 0 1em 0; margin:0 0 1em 0; float:left; width:30%;}
.bankList div{ white-space: nowrap }


.input[name=currency] { margin:0 0 0 5px;}