body {
    padding: 0px;
    margin: 0px;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 14px;
    color: #444444;
    background-image: url(  'images/ozadje.jpg' );
    background-repeat: repeat-x;
    
}

A{ color: #355aaf; text-decoration:none}
A:hover { text-decoration:underline;}

H3{ font-weight:bold; font-size: 16px; margin: 0 0 0 0; }

.floatfix { clear:both; height:0; line-height:0; }
.float_clear{clear:both;}
.hide { display:none; }
.float_l { float:left;}
.float_r { float:right;}

#wrap_all
{
    margin:0 auto;
    width: 900px; 
}
/* --- HEAD ----*/
#head
{
    border-bottom: solid 2px #c0c0c0;
    margin: 22px 0px 10px 0px;
    clear:both;
}

#head_left { float:left; padding: 0px 0px 0px 30px; }
#head_right { float: right; padding: 0px 30px 0px 0px;}
#head_right_top{ float:right;  }
#head_right_bottom{clear:both; text-align:right; padding: 6px 0px 0px 0px; color: #666666; font-size:18px;}
/* --- end HEAD --- */

/* --- BODY ---- */
#body
{
    min-height:400px;
    width: 760px;
    margin:0 auto;
}


/* --- end BODY --- */
#foot
{
    color: #888888;
    border-top: solid 2px #c0c0c0;
    padding: 5px 3px 5px 3px;
}
#foot A {color: #888888; text-decoration: none; }
#foot A:hover { text-decoration: underline; }
#foot_left { float:left; text-align:left; }
#foot_right { float:right; text-align:right; }

/* --- TOP SELECTIONS AREA -----*/
#btop { 
    clear:both;
    margin:0 auto 0px auto;
    /*border-bottom:1px solid #C0C0C0;*/ 
}
#btop_col1 { float:left; width: 250px; }
#btop_col2 { float: left; width: 250px; }
#btop_col3 { float: left; width: 250px; }

    /*col 1 - calendar*/
    #date_picker_wrapper { margin: 10px 0 10px 0;}
    #btop_col1 .message1 { font-size: 11px; color:#666666; width:150px;}

.btop_col_top{ height: 20px; font-weight:bold; font-size: 16px; padding-bottom: 6px;}
#btop_col3 .select_links{ 
    display:block; 
    float:right;
    padding-right: 20px;
    font-size:11px;
    font-weight:normal;
    height:20px;
    line-height:20px;
}
#btop_col3 .select_links A{ }


.select_valutes_box{
    height: 100px;
    border: solid 1px #dddddd;
    border-width: 1px 0 1px 0;
    width:230px;
    overflow:auto;
    clear:both;
    
}
.select_valutes_box DIV
{
    border-bottom:solid 1px #ffffff;
    padding: 0px 0 0px 5px;
}
.select_valutes_box DIV:hover
{
    background-color: #e3e3e3;
    border-bottom:solid 1px #d3d3d3;
    cursor:pointer;
}
.select_valutes_box .selected
{
    background-color: #d5e0f0;
    border-bottom:solid 1px #bed0e9;
    font-weight:bold;
    color: #555555;
}
.select_valutes_box .selected:hover
{
    background-color: #e2eaf5;
    border-bottom:solid 1px #c5d5eb;
}

/* --- INPUT AMOUNT AREA ---*/
#input_amount_area
{
    background-position: #e9eff8 url('images/blue_bg.png');
    text-align: center;
    margin: 0 auto 18px auto;
    background-color: #e9eff8; 
    background-image: url('images/blue_bg.png');
    background-repeat: repeat-x;
    padding: 10px 0 10px 0;
    border-top: solid 1px #c4d3ec;
    border-bottom: solid 0px #d9e2f2;
}
#input_amount_area .wrap_table { margin: 0 auto; }
#input_amount_area .wrap_table_td { padding: 0 7px; }
#input_amount_area .flag_from { 
    display: inline-block;
    height:11px; 
    width: 16px; 
    background-image: url('images/flags_small_sprite.png'); 
    background-repeat: no-repeat;
    padding: 10px 0 0 0;
    font-weight:bold;
    text-align:center;
    /*background-position: -256px -593px;*/
    
}
#input_amount_area .loading_results_wrap
{
    display:inline-block;
    width: 20px;
}

#btn_calculate
{
    color: #444444;
    height: 32px;
    font-weight: bold;
    background-color: #eeeeee;
    border:solid 2px #aaaaaa;
    padding: 0 12px;
    
    
}
#btn_calculate:hover
{
    color: #294587;
    height: 32px;
    font-weight: bold;
    background-color: #d8e0f3;
    border:solid 2px #6081ce;
    padding: 0 12px;
}
.btn
{
    color: #444444;
    height: 32px;
    font-weight: bold;
    background-color: #eeeeee;
    border:solid 2px #aaaaaa;
    padding: 0 12px;
    
    
}
.btn:hover
{
    color: #294587;
    height: 32px;
    font-weight: bold;
    background-color: #d8e0f3;
    border:solid 2px #6081ce;
    padding: 0 12px;
}


/* --- RESULTS AREA ---*/
#results_area {clear:both; margin: 0 auto 25px auto;}
.results_table{ margin: 0 auto; }
.results_table_td { width: 270px;  padding: 3px 7px 3px 7px; text-align: left; }
.results_table .result_row
{
    border-bottom: solid 1px #c0c0c0;
    text-align:right;
    padding: 0px 5px 0px 0px;
    height:30px;
}
.results_table .result_row TABLE {float:right;}
.result_value 
{
    font-size: 18px;
    font-weight: bold;
    padding: 0 6px;
}
.result_name
{
    font-size: 16px;
    padding: 0 5px;
    font-size: 18px;
}

.results_table .exchange_info
{
    font-size:12px;
    color: #999999;
}


/* --- ADDS AREA ---*/
#adds_area{
    clear:both;
    margin: 15px auto 20px auto;
    text-align: center;
}
.adds_text{
    width:468px; 
    background-color:#f6f6f6; 
    padding-top:1px; 
    padding-bottom:2px; 
    font-size:9px; 
    color:#999999;
    margin: 0 auto; 
}

/* ---- sprites ------*/
#divimg_bookmark
{
    float:left;
    width: 53px;
    height: 53px;
    background-image: url('images/icons_sprite.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
}
#divimg_bookmark:hover{ background-position: -53px 0px; cursor:pointer; }

#divimg_recommend{
    float:left;
    width: 53px;
    height: 53px;
    background-image: url('images/icons_sprite.png');
    background-position: 0px -53px;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
}
#divimg_recommend:hover{background-position: -53px -53px; cursor:pointer;}
/* ---- END sprites ------*/

.back_button
{
    vertical-align: middle;
    text-align: center;
}



/*----------------------------------------------------------------------*/
/*-----ACCELERATOR------------------------------------------------------*/
.acc_setting_title{ font-size:17px; margin: 0 0 5px 0; color:#243d77;}

.acc_select_to_table{
    border-top: solid 1px #c4d3ec;
    border-bottom: solid 1px #c4d3ec;
    margin: 5px auto 5px auto;
    border-spacing: 0px;
    
}
.acc_select_to_table td{
    text-align:left;
    padding:2px;
    
}
.acc_select_to_table td .flag_small{
    text-align:left;
    padding:0px 4px 0px 2px;
    
}
.acc_select_to_table td:hover{
    background-color: #d9e3f2;
    
}
.acc_select{ 
    padding-left: 30px;
    font-size:11px;
    font-weight:normal;
    color: #444444;
}





/*----- end ACCELERATOR-------------------------------------------------*/
/*----------------------------------------------------------------------*/