/******************************************************************************
 * image components
 ******************************************************************************/
.bordered_image {
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
}

.bordered_image_disabled {
  border-width: 1px 1px 1px 1px;
  border-color: gray;
  border-style: solid;
}

.bordered_legend {
  border-width: 1px 1px 1px 1px;
  border-color: #cacaca;
  border-style: solid;
}

.bordered_legend_disabled {
  border-width: 1px 1px 1px 1px;
  border-color: #e0e0e0;
  border-style: solid;
}

/******************************************************************************
 * data-gui component
 ******************************************************************************/
.data_gui_main_title {
  color           : black;
  font-family     : Verdana, Arial;
  font-size       : 12px;
  font-weight     : bold;
  background-color: #E9EAE5;
  
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #CACACA;

  margin-top    : 8px; 
  margin-bottom : 8px; 
  padding-left  : 8px; 
  padding-right : 8px; 
  padding-top   : 2px; 
  padding-bottom: 2px
}

.data_gui_title {
  color           : black;
  font-family     : Verdana, Arial;
  font-size       : 11px;
  font-weight     : bold;
  
  margin-bottom : 16px; 
  padding-left  : 8px; 
  padding-right : 8px; 
  padding-bottom: 8px; 
}

.data_gui_label {
  width : 75px;
  height: 22px; 
  
  padding-left: 8px; 
  padding-right: 4px; 
  
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
}

/******************************************************************************
 * result component
 ******************************************************************************/
.dg_res_title_0 {
  color           : black;
  font-family     : Verdana, Arial;
  font-size       : 14px;
  font-weight     : bold;
  font-variant    : small-caps;
  letter-spacing  : 4px;
  background-color: #E9EAE5;
  
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #CACACA;

  margin-top    : 8px; 
  margin-bottom : 8px; 
  padding-left  : 8px; 
  padding-right : 8px; 
  padding-top   : 2px; 
  padding-bottom: 2px;
}

.dg_res_title_1 {
  color           : black;
  font-family     : Verdana, Arial;
  font-size       : 12px;
  font-weight     : bold;
  background-color: white;
  
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #CACACA;

  margin-top    : 8px; 
  margin-bottom : 8px; 
  padding-left  : 0px; 
  padding-right : 8px; 
  padding-top   : 2px; 
  padding-bottom: 2px;
}

.dg_res_cell {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;

  padding-right : 4px;
  padding-bottom: 1px;

  vertical-align: text-bottom;
}

.dg_res_cell_imp {
  font-family     : verdana;
  font-weight     : bold;
  font-size       : 11px;
  color           : black;
  background-color: #E9EAE5;

  border-left  : 1px solid #EAEAEA;
  border-top   : 1px solid #EAEAEA;
  border-right : 1px solid #808080;
  border-bottom: 1px solid #808080;

  padding-left  : 1px; 
  padding-right : 1px; 

  vertical-align: text-bottom;
}

.dg_res_cell_sum {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;

  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: black;

  padding-right: 4px; 

  vertical-align: text-bottom;
}

.dg_res_cell_bold {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;

  padding-right: 4px; 

  vertical-align: text-bottom;
}

.dg_res_cell_comment {
  font-family: verdana;
  font-weight: normal;
  font-style : italic;
  font-size  : 10px;
  color      : #808080;

  padding-left: 32px; 

  vertical-align: text-bottom;
}

.dg_res_bycell {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  
  padding-right: 4px; 
}

.dg_res_group_content {
  margin-left: 8px; 
}

.dg_res_err_title {
  color           : red;
  font-family     : Verdana, Arial;
  font-size       : 12px;
  font-weight     : bold;
  background-color: #FFFFAF;
  
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: red;

  margin-top    : 8px; 
  margin-bottom : 8px; 
  padding-left  : 0px; 
  padding-right : 8px; 
  padding-top   : 2px; 
  padding-bottom: 2px;
}

.dg_res_err {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : red;
  
  margin-left: 8px; 

  vertical-align: text-bottom;
}

.dg_res_text {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  
  margin-left: 8px; 
}

.dg_res_text_comment {
  color           : #404040;
  font-family     : Verdana, Arial;
  font-size       : 12px;
  font-weight     : bold;
  font-style      : italic;
  background-color: #E1EAFE;
  
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #C8D6FB;

  margin-top    : 8px; 
  margin-bottom : 8px; 
  padding-left  : 8px; 
  padding-right : 8px; 
  padding-top   : 2px; 
  padding-bottom: 2px;
}