html, body {background: transparent;}

.clear {clear: both;}

.kursInformer {}
.kursInformer a {text-decoration: none; color: #025a7b;}
.kursInformer a:hover {text-decoration: underline;}
.kursInformer .head .left, .kursInformer .foot .left {padding: 0 6px;}

.kursInformer .head {background: url(images/tr.png) no-repeat right top;}
.kursInformer .head .left {background: url(images/tl.png) no-repeat left top;}
.kursInformer .head .border {background: url(images/t_bg.png) repeat-x; border-top: 1px solid #025a7b; height: 32px;}
.kursInformer .head .border .content {padding: 4px 4% 0 2%;}
.kursInformer .head .border .content .text, .kursInformer .head .border .content a.right {float: right; font-size: 14px; font-weight: bold; margin-top: 4px; text-transform: uppercase;}
.kursInformer .head .border .content .logo {float: left;}
.kursInformer .head .border .content .logo:hover {text-decoration: none;}

.kursInformer .foot {background: url(images/br.png) no-repeat right bottom;}
.kursInformer .foot .left {background: url(images/bl.png) no-repeat left bottom;}
.kursInformer .foot .border {background-color: white; border-bottom: 1px solid #025a7b; height: 17px;}
.kursInformer .foot .border .content {padding: 0 0 0 14px;}
.kursInformer .foot .border .content #ref {float: right; font-size: 14px;}
.kursInformer .foot .border .content #ref a {/*color: #ff0000;*/ text-transform: uppercase; font-size: 10px;}

.kursInformer .time {font-size: 10px; text-transform: uppercase;}

.kursInformer .head .time {float: left; margin-left: 3px; line-height: 29px;}
.kursInformer .foot .time {float: left;}

.kursInformer .body {border-left: 1px solid #025a7b; border-right: 1px solid #025a7b;}

.kursInformer .body .table {}
.kursInformer .body .table table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.kursInformer .body .table table thead th {border-top: 1px solid #bdbdbd; height: 15px; text-transform: uppercase; font-size: 10px; color: #9c9c9c;}
.kursInformer .body .table table thead th a {color: white; text-decoration: underline;}
.kursInformer .body .table table th, .kursInformer .body .table table td {vertical-align: middle; text-align: center; border-bottom: 1px solid #bdbdbd; background: #ececec;}
.kursInformer .body .table table tbody td {color: black; font-size: 13px;}
.kursInformer .body .table table tbody td div.td {text-align: center; height: 20px; line-height: 20px; border-top: 1px solid #f2f2f2; overflow: hidden; word-wrap: break-word; word-break: break-all; text-overflow: ellipsis;/* white-space: nowrap;*/}
.kursInformer .body .table table tbody td.first {/*width: 20%;*/padding: 0 5px;}
.kursInformer .body .table table tbody td.first div.td {padding-left: 30%; font-weight: bold; text-transform: uppercase;}
.kursInformer .body .table table tbody td a {color: #363636;}

/* New styles */
.paddinghelper {padding:0px;}
.kursInformer {font-family:'Trebuchet MS', Arial, sans-serif; min-width:200px; font-size: 13px; color: #025a7b; max-width: auto;}
.kursInformer .head .border .content .text, .kursInformer .head .border .content a.right {float: left; font-size:14px; margin:0 0 0 3px; line-height: 29px; font-weight: normal;}
.kursInformer .head .border .content a.right:link, .kursInformer .head .border .content a.right:visited, .kursRegional .body .table table thead th .options a.active {color:#394d28; text-decoration:none;}
.kursInformer .head .border .content .text, .kursInformer .head .border .content a.right:hover, .kursInformer .head .border .content a.right:active {color:#394d28; text-decoration:underline;}
.kursInformer .head .left, .kursInformer .foot .left {padding:0 5px;}
.kursInformer .head .border {border:none; height:29px;}
.kursInformer .head .border .content {padding:0;}
.kursInformer .head .border .content .logo {display:block; position: relative; z-index: 10; background:url(images/logo_green.png) 0 0 no-repeat; width:30px; height:37px; margin-bottom:-8px; margin-left:5px;}
.kursInformer .body {border-left: 3px solid #bcd5b3; border-right: 3px solid #bcd5b3;}
.kursInformer .body .table table thead th {border:none; background:#f3f3f3; color:#666; width:auto !important; text-align:center; height:17px; vertical-align:middle;}
.kursInformer .body .table table tbody td {/*width:25%; */text-align:left; background:#fff; border:none; font-size:12px;}
.kursInformer .body .table table tbody td.first {/*width:100px;*/}
.kursInformer .body .table table tbody td div.td {border:none;}
.kursInformer .body .table table tbody td.first div.td {padding-left:0;}
.kursInformer .foot .border {height:24px; border:none; background:url(images/b_bg.png) 0 0 repeat-x;}
.kursInformer .foot .time {font-size:12px; color:#394d28; text-transform:none;}
.kursInformer .foot .border .content {padding:3px 3px 3px 5px;}
.kursInformer .foot .border .content #ref a {text-transform:none; font-size:13px;}
.kursInformer .foot .border .content #ref a:link, .kursInformer .foot .border .content #ref a:visited {color:#0087dc; text-decoration:none;}
.kursInformer .foot .border .content #ref a:hover, .kursInformer .foot .border .content #ref a:active {color:#0087dc; text-decoration:underline;}
.kursInformer .body .table table tbody td div.with-arrows {padding-right: 10px; background-position: 90% center; background-repeat: no-repeat;}
.kursInformer .body .table table tbody td div.arrow_up {/*color: #060; */background-image: url(images/up.png);}
.kursInformer .body .table table tbody td div.arrow_down {/*color: #C50E0F; */background-image: url(images/down.png);}

/* Regional */
.kursRegional .body .table table thead th #s_currency {float: left; text-align: left;}
.kursRegional .body .table table thead th .options {float: right; margin: 0 5px 0 0;}
.kursRegional .body .table table thead th .options a {color: #9C9C9C; border-bottom: 1px dashed #9C9C9C; text-decoration: none;}
.kursRegional .body .table table tbody td, .kursRegional .body .table table tbody td.first, .kursRegional .body .table table tbody td.last {width: auto;}
.kursRegional .body .table table tbody td.first div.td {font-weight: normal; text-transform: none;}
.kursRegional .body .table table tbody td div.td {text-align: left;}
.kursRegional .body .table table tbody td div.with-arrows {text-align: right; background-position: right center;}
.kursRegional .body .table table tbody tr.old > td {background-color: #FFD8D6;}

/* Mini */
.kursMini {min-width: 100px;}
.kursMini .foot .border {height: 2px;}
.kursMini .head .border {height: 18px;}
.kursMini .head .border .content .logo {margin-left: 0; height: 23px; width: 18px; background: url(images/logo_green_mini.png);}
.kursMini .body .table table tbody td, .kursMini .body .table table tbody td.first, .kursMini .body .table table tbody td.last {width: auto;}
.kursMini .body .table table tbody td.first div.td {font-weight: normal;}
.kursMini .body .table table tbody td.last div.td {padding-right: 2px; text-align: right;}
.kursMini .body {border-left-width: 2px !important; border-right-width: 2px !important;}
.kursMini .head .time {line-height: 18px; font-size: 9px;}
.kursMini .body .table table tbody td div.td {text-align: left; font-size: 11px; padding-top: 0; height: 20px; line-height: 20px;}

/* Valyuta */
.kursValyuta { min-width:250px; }
.kursValyuta .body .table table tbody td.first { width:100px; }

/* Konverter */
.kursKonverter .head .border {height: 36px;}
.kursKonverter .body .table table thead th, .kursKonverter .body .table table tbody td {padding: 0 5px;}
.kursKonverter .body .table table tbody td div.td {text-align: left;}

/* Blue */
.kursInformer.blue .head .border .content a.right:link, .kursInformer.blue .head .border .content a.right:visited, .kursRegional.blue .body .table table thead th .options a.active {color:#025a7b; text-decoration:none;}
.kursInformer.blue .head .border .content .text, .kursInformer.blue .head .border .content a.right:hover, .kursInformer.blue .head .border .content a.right:active {color:#025a7b; text-decoration:underline;}
.kursInformer.blue .head {background: url(images/tr_b.png) no-repeat right top;}
.kursInformer.blue .head .left {background: url(images/tl_b.png) no-repeat left top;}
.kursInformer.blue .head .border {background: url(images/t_bg_b.png) repeat-x;}
.kursInformer.blue .head .border .content .logo {display:block; background:url(images/logo_blue.png) 0 0 no-repeat;}
.kursInformer.blue .body {border-left: 3px solid #dae1e4; border-right: 3px solid #dae1e4;}
.kursInformer.blue .foot {background: url(images/br_b.png) no-repeat right bottom;}
.kursInformer.blue .foot .left {background: url(images/bl_b.png) no-repeat left bottom;}
.kursInformer.blue .foot .border {background:url(images/b_bg_b.png) 0 0 repeat-x;}
.kursInformer.blue .foot .time {color:#025a7b;}
/* Mini */
.kursMini.blue .head .border .content .logo {display:block; background:url(images/logo_blue_mini.png) 0 0 no-repeat;}

/* Orange */
.kursInformer.orange .head .border .content a.right:link, .kursInformer.orange .head .border .content a.right:visited, .kursRegional.orange .body .table table thead th .options a.active {color:#767254; text-decoration:none;}
.kursInformer.orange .head .border .content .text, .kursInformer.orange .head .border .content a.right:hover, .kursInformer.orange .head .border .content a.right:active {color:#767254; text-decoration:underline;}
.kursInformer.orange .head {background: url(images/tr_o.png) no-repeat right top;}
.kursInformer.orange .head .left {background: url(images/tl_o.png) no-repeat left top;}
.kursInformer.orange .head .border {background: url(images/t_bg_o.png) repeat-x;}
.kursInformer.orange .head .border .content .logo {display:block; background:url(images/logo_orange.png) 0 0 no-repeat;}
.kursInformer.orange .body {border-left: 3px solid #f2edcb; border-right: 3px solid #f2edcb;}
.kursInformer.orange .foot {background: url(images/br_o.png) no-repeat right bottom;}
.kursInformer.orange .foot .left {background: url(images/bl_o.png) no-repeat left bottom;}
.kursInformer.orange .foot .border {background:url(images/b_bg_o.png) 0 0 repeat-x;}
.kursInformer.orange .foot .time {color:#797558;}
/* Mini */
.kursMini.orange .head .border .content .logo {display:block; background:url(images/logo_orange_mini.png) 0 0 no-repeat;}


/* Pink */
.kursInformer.pink .head .border .content a.right:link, .kursInformer.pink .head .border .content a.right:visited, .kursRegional.pink .body .table table thead th .options a.active {color:#6c4040; text-decoration:none;}
.kursInformer.pink .head .border .content .text, .kursInformer.pink .head .border .content a.right:hover, .kursInformer.pink .head .border .content a.right:active {color:#6c4040; text-decoration:underline;}
.kursInformer.pink .head {background: url(images/tr_p.png) no-repeat right top;}
.kursInformer.pink .head .left {background: url(images/tl_p.png) no-repeat left top;}
.kursInformer.pink .head .border {background: url(images/t_bg_p.png) repeat-x;}
.kursInformer.pink .head .border .content .logo {display:block; background:url(images/logo_pink.png) 0 0 no-repeat;}
.kursInformer.pink .body {border-left: 3px solid #eec8c8; border-right: 3px solid #eec8c8;}
.kursInformer.pink .foot {background: url(images/br_p.png) no-repeat right bottom;}
.kursInformer.pink .foot .left {background: url(images/bl_p.png) no-repeat left bottom;}
.kursInformer.pink .foot .border {background:url(images/b_bg_p.png) 0 0 repeat-x;}
.kursInformer.pink .foot .time {color:#7d5252;}
/* Mini */
.kursMini.pink .head .border .content .logo {display:block; background:url(images/logo_pink_mini.png) 0 0 no-repeat;}