/*
 * table definition classes
 * html-entity: table 
 */
.eco_home_button,
.eco_print_button 
{
color: #222;font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration:none;position:relative;top:-15px
}

.eco_tbl_base,
.eco_tbl_individual_route 
.eco_tbl_note,
.eco_tbl_display, 
.eco_tbl_buttons,
.eco_tbl_legend 
{
}


/*
 * cells for decribing titles
 * html-entitiy: td
 */

.eco_tbl_base_origin_title,
.eco_tbl_base_destination_title,
.eco_tbl_base_transportmodes_title,
.eco_tbl_base_cargo_title,
.eco_tbl_base_energy_title,
.eco_tbl_individual_route_title,
.eco_tbl_individual_route_switch_title,
.eco_tbl_note_title,
.eco_tbl_display_title 
{
  vertical-align:top; 
  text-align:left; 
  font-weight:bold; 
  white-space:nowrap;
}

.eco_div_result_title { 
  font-size: large;
  font-weight:bold; 
 }

/*
 * cells for data elements
 * html-entitiy: td
 */

.eco_tbl_base_origin_value,
.eco_tbl_base_destination_value,
.eco_tbl_base_transportmodes_value,
.eco_tbl_base_cargo_value,
.eco_tbl_base_energy_value,
.eco_tbl_note_value,
.eco_tbl_individual_route_value,
.eco_tbl_individual_route_switch_value,
.eco_tbl_individual_route_arrow,
.eco_tbl_individual_route_buttons
.eco_tbl_display_value {
  text-align:left;
}


/*
 * error message cells
 * html-entitiy: td
 */
.eco_tbl_base_origin_error,
.eco_tbl_base_destination_error,
.eco_tbl_individual_route_switch_error {
  color: red; 
  text-align:left; 
  font-weight:bold;

}

/*
 * cells for buttons
 * html-entitiy: td
 */
.eco_tbl_buttons_calculate,
.eco_tbl_buttons_recalculate,
.eco_tbl_buttons_change
{ 
}


/* 
 * area for input of individual route
 * html-entitiy: div
 */

.eco_tbl_base_transportmodes_value_individual_route {
  padding-left:50px;
  padding-bottom:15px;
}


/* 
 * classes for gaps between logical blocks
 * html-entitiy: div
 */

.eco_spacer_query_button,
.eco_spacer_button_display,
.eco_spacer_display_tables {
  margin-top:20px;
}


/*
 * classes for changing title of diagrams
 * html-entitiy: span
 */
.eco_txt_graphs_title,
.eco_txt_graphs_subtitle 
{
}      


/* 
 * classes for changing text of diagram elements
 * html-entitiy: span
 */
.eco_txt_table_abscissa,
.eco_txt_table_ordinate,
.eco_txt_graphs_abscissa,
.eco_txt_graphs_ordinate,
.eco_txt_graphs_values,
.eco_txt_graphs_unit 
{
}      


td,p,span,input,textarea,select,ul,th,li
{font-family:arial, helvetica;font-size:12px;color:#000000;text-decoration:none;}
a                         {font-family:arial, helvetica; color:#003399;text-decoration:none;}
a.slider                  {color: #FFFFFF;text-decoration: none;}
a.slider:hover            {color: #FF9900;text-decoration: none;}
a.slider:active           {color: #FF9900;text-decoration: none;}
a.activeslider            {color: #FF9900;font-weight: bold;text-decoration: none;}
a.activeslider:hover      {color: #FF9900;font-weight: bold;text-decoration: none;}
a.activeslider:active     {color: #FF9900;font-weight: bold;text-decoration: none;}
.header                   {color: #ffffff;font-weight: bold;text-decoration: none;}
a.header                  {color: #bbbbbb;font-weight: bold; text-decoration: none;}
a.header:hover            {color: #CC0000;font-weight: bold; text-decoration: none;}
a.header:active           {color: #FF0000;font-weight: bold; text-decoration: none;}
a.language                {color: #bbbbbb;font-weight: bold;text-decoration: none;font-size:12px}
a.language:hover          {color: #CC0000;font-weight: bold;text-decoration: none;font-size:12px}
a.language:active         {color: #FF0000;font-weight: bold;text-decoration: none;font-size:12px}
a.activelanguage          {color: #ffffff;font-weight: bold;text-decoration: none;font-size:12px}
a.activelanguage:hover    {color: #FF0000;font-weight: bold;text-decoration: none;font-size:12px}
a.activelanguage:active   {color: #ff0000;font-weight: bold;text-decoration: none;font-size:12px}
.footerText               {color: #ffffff;}
.footerTextEmphasize      {font-weight: bold;color: #ffffff;}
a.footerLink               {color:#cccccc;}
a.footerLink:hover         {color:#FF9900;}
.pagetitle                {font-weight: bold;background-color: #009900;color: #FFFFFF;font-size:16px;}

.eco_ruler_1,
.eco_ruler_2,
.eco_ruler_3,
.eco_ruler_3,
.eco_ruler_4,
.eco_ruler_5,
.eco_ruler_6,
.eco_ruler_7,
.eco_ruler_distances
{
  border:none;
  color:#009900;
  background-color:#009900;
  height:1px;
  width:98%;
}

.eco_btn_node_edit,
.eco_btn_define_route,
.eco_btn_switch_add,
.eco_btn_switch_delete,
.eco_btn_calculate,
.eco_btn_recalculate,
.eco_btn_show,
.eco_btn_change
{
  color: #ffffff;
  background-color: #009900;
  border-color:#444444;
  border-width:1px;
  border-style:solid;
  padding:0px;

}

.eco_btn_node_edit:hover,
.eco_btn_define_route:hover,
.eco_btn_switch_add:hover,
.eco_btn_switch_delete:hover,
.eco_btn_calculate:hover,
.eco_btn_recalculate:hover,
.eco_btn_show:hover,
.eco_btn_change:hover
{
  color: #cc0000;
  background-color: #ffffff;
  border-color:#cc0000;
  border-width:1px;
  border-style:solid;
  padding:0px;
}

.eco_btn_node_edit_hover,
.eco_btn_define_route_hover,
.eco_btn_switch_add_hover,
.eco_btn_switch_delete_hover,
.eco_btn_calculate_hover,
.eco_btn_recalculate_hover,
.eco_btn_show_hover,
.eco_btn_change_hover
{
  color: #cc0000;
  background-color: #ffffff;
  border-color:#cc0000;
  border-width:1px;
  border-style:solid;
  padding:0px;
}

.eco_btn_node_edit_link,
.eco_btn_define_route_link,
.eco_btn_switch_add_link,
.eco_btn_switch_delete_link,
.eco_btn_calculate_link,
.eco_btn_recalculate_link,
.eco_btn_show_link,
.eco_btn_change_link
{
  color: #ffffff;
  background-color: #009900;
  border-color:#444444;
  text-decoration: none;
  border-color:#444444;
  border-width:1px;
  border-style:solid;
}
.eco_btn_node_edit_link:hover,
.eco_btn_define_route_link:hover,
.eco_btn_switch_add_link:hover,
.eco_btn_switch_delete_link:hover,
.eco_btn_calculate_link:hover,
.eco_btn_recalculate_link:hover,
.eco_btn_show_link:hover,
.eco_btn_change_link:hover
{
  color: #cc0000;
  background-color: #ffffff;
  border-color:#cc0000;
  text-decoration: none;
}
#eco_txt_progress_title 
{
  text-align:center; 
  font-weight:bold; 
  font-size:large; 
  white-space:nowrap;
}

.eco_tbl_distances_title
{
  font-size:large;
  font-weight:bold;
  text-align:left;
}
.eco_tbl_distances_header
{
  font-weight:bold;
}

.eco_tbl_distances_data
{
}
.eco_tbl_distances_sums
{
  font-weight:bold;
}