/*
 * jQuery UI Tabs 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

.ui-tabs { position: relative;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding-left:0; height: 25px;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; border-bottom: 0 !important; white-space: nowrap; height: 25px; line-height: 25px; padding:0 8px 0;}
.ui-tabs .ui-tabs-nav li a {text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  background: none; }
.ui-tabs div.ui-tabs-panel
{
    background: #F1F1F1;
}
.ui-tabs .ui-tabs-hide { display: none !important; }


/** MY STYLE
.ui-tabs .ui-tabs-nav li{ text-align: center; }
.ui-tabs .ui-tabs-nav li.tab_nav_1{ width: 77px;}
.ui-tabs .ui-tabs-nav li.tab_nav_2{ width: 35px;}
.ui-tabs .ui-tabs-nav li.tab_nav_3{ width: 59px;}
.ui-tabs .ui-tabs-nav li.tab_nav_4{ width: 59px;}
**/
.ui-tabs-panel{ padding: 0 10px 4px 8px;}
.ui-tabs-panel .zebra{ background: #eaeaea}

.exchange_money .head{ font-size: 9px; color: #c4c4c4; height: 22px; line-height: 22px; text-transform: uppercase;}

.exchange_money .small_title_buy{ padding: 0 0 0 105px;}
.exchange_money .small_title_sale{padding: 0 0 0 40px;}


.exchange_money .small_title_za{ padding: 0 0 0 105px;}
.exchange_money .small_title_kurs{padding: 0 0 0 42px;}

.exchange_money .box{ height: 24px; line-height: 24px;}
.exchange_money .box{ margin: 0 0 11px 0}
.exchange_money .box span{ float: left;}
.exchange_money .box .flag{ background: #f1f1f1;}
.exchange_money .box .iso{ color: #222; font-size: 16px; background: #f1f1f1; width: 53px; text-align: center}
.exchange_money .box .buy { width: 80px; text-align: right; padding: 0 10px 0 10px;}
#tabs-2 .exchange_money .box .buy{width: 40px;}
.exchange_money .box .sale{width: 80px; text-align: right;}
#tabs-2 .exchange_money .box .sale{width: 105px; text-align: right;}
.exchange_money .box .buy, .exchange_money .box .sale{ color: #7f7f7f;}
.exchange_money .box .up{ background: url('images/arrows/up.gif') no-repeat 10px 50%;}
.exchange_money .box .down{ background: url('images/arrows/down.gif') no-repeat 10px 50%;}



.exchange_metal .head{ font-size: 9px; color: #c4c4c4; text-align: center; padding: 10px 0 6px 0;}
.exchange_metal .head_2{ padding: 0 0 0 60px;}
.exchange_metal .head a{color:#0089c5; font-weight: normal;}
.exchange_metal .head a.active{ color: #000; background: none;}

.exchange_metal .title{font-weight: bold; font-size: 9px; color: #c4c4c4; text-transform: uppercase;text-align: center;padding: 5px 0 6px 0;}


.exchange_metal .sub_head{ font-size: 9px; color: #c4c4c4; height: 22px; line-height: 22px; text-transform: uppercase;}

.exchange_metal .sub_head_1{ float: left; width: 67px;}
.exchange_metal .sub_head_2{ float: left; width: 73px;}
.exchange_metal .sub_head_3{ float: left;}

.exchange_metal .box{ height: 24px; line-height: 24px;}
.exchange_metal .box{ margin: 0 0 4px 0}
.exchange_metal .box span{ float: left;}
.exchange_metal .box .iso{ color: #222; font-size: 10px; width: 28px; text-align: left;padding: 0 5px 0 20px;}
.exchange_metal .box .buy{ width: 55px; margin: 0 0 0 10px;font-size: 10px;}
.exchange_metal .box .sale{font-size: 10px; width: 60px; text-align: right;}
.exchange_metal .box .buy, .exchange_metal .box .sale{ color: #7f7f7f; padding: 0 0 0 5px;}
.exchange_metal .box .up{ background: url('images/arrows/up.gif') no-repeat 0 50%;}
.exchange_metal .box .down{ background: url('images/arrows/down.gif') no-repeat 0 50%;}

.gold .box .iso{ background: url('images/metals/gold/bullion.png') no-repeat 0 50% #f1f1f1; }
.silver .box .iso{ background: url('images/metals/silver/bullion.png') no-repeat 0 50% #f1f1f1; }

.gold .coin .iso{ background: url('images/metals/gold/coin.png') no-repeat 0 50% #f1f1f1 !important; }
.silver .coin .iso{ background: url('images/metals/silver/coin.png') no-repeat 0 50% #f1f1f1 !important; }

#kup{ display: none}

.unch{ font-size: 11px; margin: 10px 0 0 0; line-height: 20px;  color: #7f7f7f;}
.unch span{ display: block; font-weight: bold; font-size: 9px; color: #c4c4c4; text-transform: uppercase;text-align: center;}
.unch em{ font-size: 9px;}