* { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid black; border-collapse: collapse; }

html { height: 100%; }
body { height: 100%; font-family: arial; font-size: 10px; background: #E2E2E2; }

noscript {background-color: red; color: white; }

.pystyraita { background-color: #637072; }
.pystysarake { background-color: #C4ECF6; }
.menu { height: 20px; background-color: #C4ECF6; }
.menu A { font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; color: #454B4C; text-decoration: none; }
.menu A:hover { text-decoration: underline; }
.menu A.valittu { text-decoration: none; }
.menu_border { height: 6px; background-color: #637072; }
.top_border { background: #E2E2E2; background-image: url('/images/top_border_2.gif'); background-repeat: repeat-x;
background-position: top left; }
.bottom_border { background: #E2E2E2; background-image: url('/images/top_border_2.gif'); background-repeat: repeat-x;
background-position: bottom left; }
.footer { height: 32px; background-color: #637072; }
.left_border {background-image: url('/images/vertical_borders_bg_2.gif'); background-repeat: repeat-y; background-position: top left;}
.right_border {background-image: url('/images/vertical_borders_bg_2.gif'); background-repeat: repeat-y; background-position: top right;}
.partner_link { font-size: 10px; font-family: Arial; color: #637072; font-weight: bold; text-decoration: none; padding-right: 15px; }
.partner_link:hover { color: #99ADAF; }
.footer_links { font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;
padding-right: 15px; }
.footer_links:hover { color: #99ADAF; }
.main_content_column { text-align: center; vertical-align: top; }
.tool_border_1 { height: 1px; background-color: #637072; }
.tool_border_2 { height: 1px; }
.otsikko_vasen { background: #637072 url('/images/tool_header_corners2.gif') no-repeat top left; padding: 0px 12px 0px 0px; height: 20px;}
.otsikko_keski { width: 100%; background-color: #637072; text-align: center; vertical-align: middle;
font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #FFFFFF; }
.otsikko_oikea { background: #637072 url('/images/tool_header_corners2.gif') no-repeat top right; padding: 0px 12px 0px 0px; height: 20px;}
.tool_border_3 { padding: 0px 1px 0px 0px; background-color: #637072; }
.tool_footer { font-family: arial, helvetica; font-size: 10px; text-align: center; border-top: 1px solid #CCCCCC; padding: 1px; }
.tool_empty { height: 14px; }

/*
tummansininen #637072 
vaaleansininen #C4ECF6
*/

input { font:10px verdana, arial; border: solid 1px #999999; text-align:center; }
/********************************************** ABC ********************************************************/

.abc_prob_input { width:32px; height: 14px; background-color:#FFFFFF; margin: 0px 1px 1px 0px; padding: 2px 0px 0px 0px; float: left; }
.abc_probs_labels { padding: 0px 3px 0px 0px; text-align: right; }
.abc_small_input { width:40px; background-color:#FFFFFF; margin: 0px 0px 0px 1px; float: left; }
.abc_small_pw_input { width:40px; background-color:#FFFFFF; margin: 0px 1px 0px 0px; float: left; }
.data_field_headers { text-align: center; vertical-align: bottom; }
.big_input { width:60px; background-color:#FFFFFF; margin: 0px 1px 0px 1px; float: left; }
.abc_nappi { width: 80px; height: 16px; background-color:#AAE3FE; font: 10px Verdana, Arial; }
.selectlista { width:32px; background-color:#FFFFFF; border:1px solid #999999; vertical-align:middle; font:10px Verdana, Arial;
padding: 0px 0px 0px 0px; margin: 3px 0px 3px 0px;}
.selectlista_2{ width:150px; background-color:#FFFFFF; border:1px solid #999999; vertical-align:middle; font:10px Verdana, Arial; 
text-align: center; }
.abc_prefs_heading { font:bold 10px verdana, arial; padding: 5px 0px 5px 0px; height: 10px; }
.abc_datataulu td { border-bottom: 1px solid #EDF7F9; }
.abc_datataulu td.abc_bet_type { text-align:right; vertical-align: bottom; border-bottom: 1px solid #EDF7F9; padding: 0px 5px 0px 0px; font:9px Verdana, Arial; }
.abc_datataulu td.cell_group_1 { text-align:center; vertical-align: bottom;
border-bottom: 1px solid #999999; border-left: 2px solid #EDF7F9; border-right: 2px solid #EDF7F9; }
.abc_datataulu td.abc_bet_type_valiotsikko { font-weight: bold; padding: 8px 5px 2px 0px; }
.abc_inner_border_horizontal {height: 1px; background: #747474 /*url('/images/line.gif')*/; }
.abc_inner_border_vertical {width: 1px; background: #747474 /*url('/images/line.gif')*/; padding: 0px 1px 0px 0px; }
.abc_example_link:link, .abc_example_link:visited, .abc_example_link:active { color:black; font-weight: bold;}
.abc_example_link:hover { color: #707070; }
.abc_update_nappi { width: 80px; height: 15px; border: 0px solid black; background-color: #C4ECF6; }
.abc_animation_cell { width: 6px; height: 4px; border: 1px solid #EDF7F9; }
.abc_info_1_1 { text-align:right; vertical-align: middle; padding: 3px 3px 3px 3px; border-left: 1px solid #C4ECF6; background-color: #DEEFF2; }
.abc_info_1_2 { text-align:right; vertical-align: middle; padding: 3px 5px 3px 3px; border-right: 1px solid #C4ECF6; background-color: #DEEFF2;
width: 60px; }
.abc_info_2_1 { text-align:right; vertical-align: middle; padding: 3px 3px 3px 3px; border-left: 1px solid #C4ECF6; background-color: #EDF7F9; }
.abc_info_2_2 { text-align:right; vertical-align: middle; padding: 3px 5px 3px 3px; border-right: 1px solid #C4ECF6; background-color: #EDF7F9; }

/********************************************** CONTACT *******************************************************/

#contact_html p {margin-top: 5px; }
#contact_html input { text-align: left; font-family: Arial, Helvetica; font-size: 12px; }
#contact_html input.send_feedback_nappi { background-color: #637072; text-align: center; color: #FFFFFF; width: 160px; height: 25px;
border-left: 2px solid #999999; border-top: 2px solid #999999; border-right: 2px solid black; border-bottom: 2px solid black; 
float: left; font-size: 11px; }
#contact_html input.send_feedback_nappi:active { padding-top: 2px; padding-left: 2px;
border-left: 2px solid black; border-top: 2px solid black; border-right: 2px solid #999999; border-bottom: 2px solid #999999; }
#contact_html input.send_feedback_nappi:hover { background-color: #7C8A8C;}

/********************************************** PIKKUKALUT ********************************************************/
.small_tool_left_column { text-align: right; padding-top: 1px;}
.small_tool_middle_column { padding: 1px 0px 0px 1px; }
.small_tool_right_column { padding: 1px 1px 0px 1px; }
.big_field_input { border: solid 1px #B2B2B2; width: 120px; padding: 1px 0px 1px 0px; background-color: #EAFBFF; }
.medium_field_input { float: left; border: solid 1px #B2B2B2; width: 60px; padding: 1px 0px 1px 0px; background-color: #EAFBFF; }
.small_field_input { float: left; border: solid 1px #B2B2B2; padding: 1px 0px 1px 0px; width: 30px; background-color: #EAFBFF; }
.darker_input_field { background-color: #DEEFF2; }
.horizontal_line_container { padding: 10px 10px 4px 10px; }
.horizontal_line_table { width: 100%; height: 2px; background-color: #637072; }
.small_tool_header { font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: bold; color: #637072; 
margin: 6px 0px 6px 0px; }
.pikkunappi { width: 25px; height: 25px; padding: 2px 0px 2px 0px; margin: 1px 1px 1px 1px; float: left; background-color: #B7DDE5;}
.pikkunappi:active { padding: 3px 0px 1px 1px; background-color: #ADD0D8; }
.pikkunappi:hover { background-color: #C6ECF4; }
.radio_input { width: 12px; height: 12px; border: 0px solid black; }

/********************************************** ARB CALC ********************************************************/
.ac_small_input_field { width: 60px; padding: 1px 0px 1px 0px; float: left; }
.ac_small_input_field_2 { width: 60px; padding: 1px 0px 1px 0px; float: left; background-color: #DAE3E5; }
.ac_radio_input { height: 12px; border: 0px solid black; }
.arb_calc_cell { padding: 1px 0px 0px 1px; }
.arb_calc_header_cell { font-weight: bold; vertical-align: bottom; padding: 1px 0px 5px 1px; }
.ac_checkbox_input { width: 14px; height: 14px; }
.arb_calc_result_cell { padding: 5px 0px 0px 1px; }


.bc_prob_td { text-align: right; padding: 1px 0px 0px 0px; }
.bc_prob_label { width: 100%; text-align: right; padding: 1px 3px 0px 0px; }
.bc_prob_input { width: 50px; padding: 1px; float: right; margin: 0px 10px 0px 0px; }
.bc_input_1  { width: 40px; padding: 1px 0px 1px 0px; float: left; background-color: #DAE3E5; }
.bc_input_2  { width: 30px; padding: 1px 0px 1px 0px; float: left; }
.bc_input_3  { width: 40px; padding: 1px 0px 1px 0px; float: left; }
.bc_input_4  { width: 50px; padding: 1px 0px 1px 0px; float: left; }
.bc_input_5  { width: 45px; padding: 1px 0px 1px 0px; float: left; background-color: #DAE3E5; }
.bc_input_6  { width: 55px; padding: 1px 0px 1px 0px; float: left; background-color: #DAE3E5; }
.bc_input_7  { width: 55px; padding: 1px 0px 1px 0px; float: left; background-color: #DAE3E5; margin: 0px 10px 0px 0px; }
.bc_data_th { text-align: center; vertical-align: bottom; }
.bc_bet_label {text-align: right; padding: 1px 3px 0px 0px; }

