/******************************************************************************
 * common
 ******************************************************************************/
BODY {
  background : #DBDBE8;
} 

H1 {
  font-family: verdana;
  font-weight: bold;
  font-size  : 20px;
  color      : black;

  text-align : left;
}

H2 {
  font-family: verdana;
  font-weight: bold;
  font-size  : 18px;
  color      : black;

  text-align : left;
}

H3 {
  font-family: verdana;
  font-weight: bold;
  font-size  : 16px;
  color      : black;

  text-align : left;
}

H4 {
  font-family: verdana;
  font-weight: bold;
  font-size  : 14px;
  color      : black;

  text-align : left;
}

H5 {
  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : black;

  text-align : left;
}

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

  text-align : left;
}

TD {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;

  empty-cells: show;
}

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

  text-align : left;
}

FORM {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

PRE {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/******************************************************************************
 * iOS facade specific
 ******************************************************************************/
.small_header {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : #35364B;

  padding-top: 3px;
}

.login_error_box {
  border-width: 1px 0px 1px 0px;
  border-color: #c0c0c0;
  border-style: dotted;

  margin: 11px 0px 11px 0px;
  padding: 5px 0px 5px 0px;
}

/******************************************************************************
 * common gui controls
 ******************************************************************************/
.gui_link {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
}

.gui_link_disabled {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color: gray;
}

.gui_button {
  border-width: 1px 1px 1px 1px;

  border-top-color: #a8a8a8;
  border-left-color: #a8a8a8;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background-image : url(/public/_common_look/ios/resource/images/button_back.gif);
  background-position: top left;
  background-repeat: repeat-x;

  padding: 0px 2px 0px 2px;
}

.gui_button_over {
  border-width: 1px 1px 1px 1px;

  border-top-color: #a8a8a8;
  border-left-color: #a8a8a8;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background-image : url(/public/_common_look/ios/resource/images/button_back_over.gif);
  background-position: top left;
  background-repeat: repeat-x;

  padding: 0px 2px 0px 2px;
}

.gui_button_disabled {
  border-width: 1 1 1 1;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #b0b0b0;
  border-bottom-color: #b0b0b0;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #e0e0e0;

  padding: 0px 2px 0px 2px;
}

.gui_button_link {
  border-width: 0px;

  font-family: verdana;
  font-weight: normal;

  font-size: 11px;
  color: blue;

  text-decoration: underline;
  cursor: pointer;

  background: transparent;

  padding: 0px 2px 0px 2px;
}

.gui_button_link_over {
  border-width: 0px;

  font-family: verdana;
  font-weight: normal;

  font-size: 11px;
  color: blue;

  text-decoration: underline;
  cursor: pointer;

  background: transparent;

  padding: 0px 2px 0px 2px;
}

.gui_button_link_disabled {
  border-width: 0px;

  font-family: verdana;
  font-weight: normal;

  font-size: 11px;
  color: #a0a0a0;

  text-decoration: underline;
  cursor: default;

  background: transparent;

  padding: 0px 2px 0px 2px;
}

.gui_button_big {
  border-width: 1px 1px 1px 1px;

  border-top-color: #a8a8a8;
  border-left-color: #a8a8a8;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : black;
  background-image : url(/public/_common_look/ios/resource/images/button_back.gif);
  background-position: top left;
  background-repeat: repeat-x;

  padding: 0px 2px 0px 2px;
}

.gui_button_big_over {
  border-width: 1px 1px 1px 1px;

  border-top-color: #a8a8a8;
  border-left-color: #a8a8a8;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : black;
  background-image : url(/public/_common_look/ios/resource/images/button_back_over.gif);
  background-position: top left;
  background-repeat: repeat-x;

  padding: 0px 2px 0px 2px;
}

.gui_button_big_disabled {
  border-width: 1 1 1 1;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #b0b0b0;
  border-bottom-color: #b0b0b0;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : #b0b0b0;
  background : #e0e0e0;

  padding: 0px 2px 0px 2px;
}

.gui_t_button_on {
  border-width: 1px 1px 1px 1px;

  border-top-color: #202020;
  border-left-color: #202020;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #d8d8d8;
  background-image : url(/public/_common_look/ios/resource/images/trigger_on.gif);
  background-position: 1px 1px;
  background-repeat: no-repeat;

  padding: 0px 2px 0px 14px;
}

.gui_t_button_on_disabled {
  border-width: 1px 1px 1px 1px;

  border-top-color: #202020;
  border-left-color: #202020;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #d8d8d8;
  background-image : url(/public/_common_look/ios/resource/images/trigger_on.gif);
  background-position: 1px 1px;
  background-repeat: no-repeat;

  padding: 0px 2px 0px 14px;
}

.gui_t_button_off {
  border-width: 1px 1px 1px 1px;

  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #202020;
  border-bottom-color: #202020;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #d8d8d8;
  background-image : url(/public/_common_look/ios/resource/images/trigger_off.gif);
  background-position: 1px 1px;
  background-repeat: no-repeat;

  padding: 0px 2px 0px 14px;
}

.gui_t_button_off_disabled {
  border-width: 1px 1px 1px 1px;

  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #202020;
  border-bottom-color: #202020;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #d8d8d8;
  background-image : url(/public/_common_look/ios/resource/images/trigger_off.gif);
  background-position: 1px 1px;
  background-repeat: no-repeat;

  padding: 0px 2px 0px 14px;
}

.gui_input {
  border: 1px solid #B0B0B0;

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

  /*background-image: url(/public/_common_look/ios/resource/images/input_off_back.gif);*/
}

.gui_input_not_editable {
  border: 1px solid #C0C0C0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  background-color : #DBDBDB;
}

.gui_input_disabled {
  border: 1px solid #C0C0C0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  background-color: #DBDBDB;
}

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

.gui_input_no_border_disabled {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
}

.gui_error {
  border-width: 1 1 1 1;
  border-color: red;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : red;
}

.gui_error_no_border {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : red;
}

.gui_button_no_border {
  border-width: 0 0 0 0;
  border-color: #606060;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #d0d0d0;
}

.gui_button_no_border_disabled {
  border-width: 0 0 0 0;
  border-color: #606060;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #bababa;
  background : #d0d0d0;
}

.gui_title {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : black;
}

.gui_title_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : #808080;
}

/******************************************************************************
 * rounded primitives
 ******************************************************************************/

/*** textfield, select ***/

span.rounded {
  background-image: url('/public/_common_look/ios/resource/images/rounded/left_cap.png');
  background-position: center left;
  background-repeat: no-repeat;

  padding: 8px 0px 8px 9px;
  height: 28px;

  white-space: nowrap;
}

span.rounded_disabled,
span.rounded_not_editable {
  background-image: url('/public/_common_look/ios/resource/images/rounded/left_cap_d.png');
  background-position: center left;
  background-repeat: no-repeat;

  padding: 8px 0px 8px 9px;
  height: 28px;


  white-space: nowrap;
}

span.rounded span {
  background-image: url('/public/_common_look/ios/resource/images/rounded/right_cap.png');
  background-position: center right;
  background-repeat: no-repeat;

  padding: 8px 9px 8px 0px;
  line-height: 28px;

}

span.rounded_disabled span,
span.rounded_not_editable span {
  background-image: url('/public/_common_look/ios/resource/images/rounded/right_cap_d.png');
  background-position: center right;
  background-repeat: no-repeat;

  padding: 8px 9px 8px 0px;
  line-height: 28px;

}

span.rounded span span {
  background-image: url('/public/_common_look/ios/resource/images/rounded/bg.png');
  background-repeat: repeat-x;

  line-height: 28px;

  padding: 8px 0px;
}

span.rounded_disabled span span,
span.not_editable span span {
  background-image: url('/public/_common_look/ios/resource/images/rounded/bg_d.png');
  background-repeat: repeat-x;

  line-height: 28px;

  padding: 8px 0px;
}

span.rounded input,
span.rounded_disabled input,
span.rounded_not_editable input {
  border: 0px solid transparent;

  background-color: transparent;
}

span.rounded select,
span.rounded_disabled select,
span.rounded_not_editable select {
  border: 0px solid transparent;
}

/*** textarea, iframe ***/

table.rounded,
table.rounded_disabled,
table.rounded_not_editable {
  border-collapse: collapse;
  empty-cells: show;

  padding: 0px;
  margin: 0px;
}

table.rounded td.tl {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/tl_cap.png');
}

table.rounded_disabled td.tl,
table.rounded_not_editable td.tl {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/tl_cap_d.png');
}

table.rounded td.t {
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/t_cap.png');
  background-repeat: repeat-x;
}

table.rounded_disabled td.t,
table.rounded_not_editable td.t {
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/t_cap_d.png');
  background-repeat: repeat-x;
}

table.rounded td.tr {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/tr_cap.png');
}

table.rounded_disabled td.tr,
table.rounded_not_editable td.tr {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/tr_cap_d.png');
}

table.rounded td.l {
  width: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/l_cap.png');
  background-repeat: repeat-y;
}

table.rounded_disabled td.l,
table.rounded_not_editable td.l {
  width: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/l_cap_d.png');
  background-repeat: repeat-y;
}

table.rounded td.r {
  width: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/r_cap.png');
  background-repeat: repeat-y;
}

table.rounded_disabled td.r,
table.rounded_not_editable td.r {
  width: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/r_cap_d.png');
  background-repeat: repeat-y;
}

table.rounded td.bl {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/bl_cap.png');
}

table.rounded_disabled td.bl,
table.rounded_not_editable td.bl {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/bl_cap_d.png');
}

table.rounded td.b {
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/b_cap.png');
  background-repeat: repeat-x;
}

table.rounded_disabled td.b,
table.rounded_not_editable td.b {
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/b_cap_d.png');
  background-repeat: repeat-x;
}

table.rounded td.br {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/br_cap.png');
}

table.rounded_disabled td.br,
table.rounded_not_editable td.br {
  width: 9px;
  height: 9px;

  background-image: url('/public/_common_look/ios/resource/images/rounded/br_cap_d.png');
}

table.rounded td.c {
  background-color: white;
}

table.rounded_disabled td.c,
table.rounded_not_editable td.c {
  background-color: #dbdbdb;
}

table.rounded textarea,
table.rounded iframe {
  border: 0px solid transparent;
}

table.rounded_disabled textarea,
table.rounded_not_editable textarea,
table.rounded_disabled iframe,
table.rounded_not_editable iframe {
  border: 0px solid transparent;
  background-color: #dbdbdb;
}

/******************************************************************************
 * plain text component
 ******************************************************************************/
.gui_plain_text {
  border-width: 1 1 1 1;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #909090;
  border-bottom-color: #909090;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #4040a0;
  background : white;

  padding: 11px 11px 11px 11px;
}

.gui_plain_text_disabled {
  border-width: 1 1 1 1;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #b0b0b0;
  border-bottom-color: #b0b0b0;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #e0e0e0;

  padding: 11px 11px 11px 11px;
}

.gui_plain_text_no_border {
  border-width: 0px;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #4040a0;
  background : white;

  text-align: left;

  padding: 2px;
}

.gui_plain_text_no_border_disabled {
  border-width: 0px;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #e0e0e0;

  text-align: left;

  padding: 2px;
}

/******************************************************************************
 * page container component
 ******************************************************************************/
.gui_page_container {
  border-width: 1 1 1 1;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #909090;
  border-bottom-color: #909090;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #4040a0;
  background : white;

  padding: 2px 2px 2px 2px;
}

.gui_page_container_disabled {
  border-width: 1 1 1 1;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #b0b0b0;
  border-bottom-color: #b0b0b0;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #e0e0e0;

  padding: 2px 2px 2px 2px;
}

/******************************************************************************
 * alert
 ******************************************************************************/
.gui_alert_text {
  border: 1px solid #E6F1F7;

  font-family: verdana;
  font-weight: normal;
  font-size  : 13px;
  color      : black;
  background : #E6F1F7;
}

.gui_alert_text_disabled {
  border: 1px solid #E6F1F7;

  font-family: verdana;
  font-weight: normal;
  font-size  : 13px;
  color      : black;
  background : #E6F1F7;
}

.gui_alert_text_not_editable {
  border: 1px solid #E6F1F7;

  font-family: verdana;
  font-weight: normal;
  font-size  : 13px;
  color      : black;
  background : #E6F1F7;
}

/******************************************************************************
 * form
 ******************************************************************************/
.gui_form_title {
  border-width: 1 0 1 0;
  border-top-style: solid;
  border-top-color: #398CB5;

  padding: 0px 5px 0px 5px;

  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : black;
  background : #C0DCEC;

  text-align: center;
}

.gui_form_title_disabled {
  border-width: 1 0 0 0;
  border-top-style: solid;
  border-top-color: #D0D0D0;

  padding: 0px 5px 0px 5px;

  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : #808080;
  background : #D5D5D5;

  text-align: center;
}

.gui_form_controls {
  border-width: 1 0 0 0;
  border-top-style: solid;
  border-top-color: #398CB5;

  padding: 2px 0px 2px 0px;

  text-align: right;
}

.gui_form_controls_disabled {
  border-width: 1 0 0 0;
  border-top-style: solid;
  border-top-color: #808080;

  padding: 2px 0px 2px 0px;

  text-align: right;
}

.gui_control {
  border-width: 0 0 0 0;
  border-color: #800080;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  background : #C0DCEC;
  color      : #08638B;

  padding: 0px 1px 0px 1px;
}

.gui_control_over {
  border-width: 0 0 0 0;
  border-color: #800080;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  background : #C0DCEC;
  color      : black;

  padding: 0px 1px 0px 1px;
}

.gui_control_disabled {
  border-width: 0 0 0 0;
  border-color: #800080;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #808080;
  background : #D0D0D0;

  padding: 0px 1px 0px 1px;
}

.gui_form_toolbar {
  border-width: 0 0 0 0;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #d0d0d0;

  text-align : left;
}

.gui_form_toolbar_disabled {
  border-width: 0 0 0 0;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #d0d0d0;

  text-align : left;
}

.gui_form_content {
  padding: 8px 2px 0px 2px;
}

.gui_form_content_disabled {
  padding: 8px 2px 0px 2px;
}

.gui_form_default_action {
  border-width: 0 0 0 0;
  border-color: white;
  border-style: solid;

  width:  1px;
  height: 1px;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  background: white;
}

.gui_form_default_action_disabled {
  border-width: 0 0 0 0;
  border-color: white;
  border-style: solid;

  width:  1px;
  height: 1px;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  background: white;
}

/******************************************************************************
 * dialog
 ******************************************************************************/
.gui_dialog {
  border-width: 4 4 4 4;
  border-color: #007DB5;
  border-style: solid;
}

.gui_dialog_disabled {
  border-width: 4 4 4 4;
  border-color: #cacaca;
  border-style: solid;
}

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

  padding: 4px 4px 4px 4px;

  text-align : left;
}

.gui_dialog_title_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #a0a0a0;
  background : #d0d0d0;

  padding: 4px 4px 4px 4px;

  text-align : left;
}

.gui_dialog_content {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #E6F1F7;

  padding: 11px 11px 11px 11px;

  text-align : left;
}

.gui_dialog_content_disabled {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #707070;
  background : #e0e0e0;

  padding: 11px 11px 11px 11px;

  text-align : left;
}

/******************************************************************************
 * panel
 ******************************************************************************/
.gui_panel_title {
  border-width: 1 1 1 1;
  border-color: #398CB5;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : white;
  background : #398CB5;

  text-align : left;
}

.gui_panel_title_disabled {
  border-width: 1 1 1 1;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #f0f0f0;
  background : #d0d0d0;

  text-align : left;
}

.gui_panel_content {
  border-width: 0 1 1 1;
  border-color: #398CB5;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #e9e9e9;

  padding: 4px 4px 4px 4px;

  text-align : left;
}

.gui_panel_content_disabled {
  border-width: 0 1 1 1;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #707070;
  background : #e0e0e0;

  padding: 4px 4px 4px 4px;

  text-align : left;
}

.gui_simple_panel_content {
  border-width: 1 1 1 1;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #f0f0f0;

  padding: 4px 4px 4px 4px;

  text-align : left;
}

.gui_simple_panel_content_disabled {
  border-width: 1 1 1 1;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #707070;
  background : #e0e0e0;

  padding: 4px 4px 4px 4px;

  text-align : left;
}

/******************************************************************************
 * tab panel
 ******************************************************************************/
.gui_tab_content_left {
  border-width: 1 1 1 0;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  background : white;
  padding    : 4px 4px 4px 4px;
}

.gui_tab_content_right {
  border-width: 1 0 1 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  background : white;
  padding    : 4px 4px 4px 4px;
}

.gui_tab_content_top {
  border-width: 0 1 1 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  background : white;
  padding    : 4px 4px 4px 4px;
}

.gui_tab_content_bottom {
  border-width: 1 1 0 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  background : white;
  padding    : 4px 4px 4px 4px;
}

.gui_tab_button {
  border-width: 1 1 1 1;
  border-color: #b0b0b0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #b0b0b0;

  padding: 0px 2px 0px 2px;
}

.gui_tab_button_over {
  border-width: 1 1 1 1;
  border-color: #b0b0b0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #f0f0f0;
  background : #b0b0b0;

  padding: 0px 2px 0px 2px;
}

.gui_tab_button_disabled {
  border-width: 1 1 1 1;
  border-color: #b0b0b0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #b0b0b0;

  padding: 0px 2px 0px 2px;
}

.gui_tab_button_selected,
.gui_tab_button_selected_over {
  border-width: 1 1 1 1;
  border-color: white;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;

  padding: 0px 2px 0px 2px;
}

.gui_tab_button_selected_disabled {
  border-width: 1 1 1 1;
  border-color: white;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : white;

  padding: 0px 2px 0px 2px;
}

.gui_tab_cell_top {
  border-width: 1 1 1 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #b0b0b0;
}

.gui_tab_cell_selected_top {
  border-width: 1 1 1 1;
  border-color: black;
  border-bottom-color: white;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;
}

.gui_tab_cell_delimiter_top {
  border-width: 0 0 1 0;
  border-color: black;
  border-style: solid;
}

.gui_tab_cell_bottom {
  border-width: 1 1 1 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #b0b0b0;
}

.gui_tab_cell_selected_bottom {
  border-width: 1 1 1 1;
  border-color: black;
  border-top-color: white;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;
}

.gui_tab_cell_delimiter_bottom {
  border-width: 1 0 0 0;
  border-color: black;
  border-style: solid;
}

.gui_tab_cell_left {
  border-width: 1 1 1 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #b0b0b0;
}

.gui_tab_cell_selected_left {
  border-width: 1 1 1 1;
  border-color: black;
  border-right-color: white;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;
}

.gui_tab_cell_delimiter_left {
  border-width: 0 1 0 0;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 5px;
}

.gui_tab_cell_right {
  border-width: 1 1 1 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #b0b0b0;
}

.gui_tab_cell_selected_right {
  border-width: 1 1 1 1;
  border-color: black;
  border-left-color: white;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;
}

.gui_tab_cell_delimiter_right {
  border-width: 0 0 0 1;
  border-color: black;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 5px;
}

/******************************************************************************
 * grid - default
 ******************************************************************************/
.gui_grid_table {
  border-width: 1 1 1 1;
  border-color: #a0a0b6;
  border-style: solid;

  cursor: default;
}

.gui_grid_table_disabled {
  border-width: 1 1 1 1;
  border-color: #c0c0c0;
  border-style: solid;

}

.gui_grid_table_not_editable {
  border-width: 1 1 1 1;
  border-color: #a0a0b6;
  border-style: solid;

  cursor: default;
}

.gui_grid_title {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : white;
  background : #a0a0b6;
}

.gui_grid_title_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #e0e0e0;
  background : #b0b0b0;
}

.gui_grid_title_not_editable {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : white;
  background : #a0a0b6;
}

.gui_grid_toolbar {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.gui_grid_toolbar_disabled {
  border-width: 1 1 1 1;
  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #a0a0a0;
  background : #e0e0e0;
}

.gui_grid_toolbar_not_editable {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.gui_grid_header {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.gui_grid_header_disabled {
  border-width: 1 1 1 1;
  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #c0c0c0;
  background : #e0e0e0;
}

.gui_grid_header_not_editable {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.gui_grid_header_over {
  border: 1px solid #808080;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background-image : url(/public/_common_look/ios/resource/images/grid/grid_header_back.gif);
  background-position: top left;
  background-repeat: repeat-x;

  padding: 0px 2px 0px 2px;
}

.gui_grid_header_text {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
}

.gui_grid_header_text_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #b0b0b0;
}

.gui_grid_header_text_not_editable {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
}

.gui_grid_row_number {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.gui_grid_row_number_disabled {
  border-width: 1 1 1 1;
  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #e0e0e0;
}

.gui_grid_row_number_not_editable {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.gui_grid_cell {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : white;
}

.gui_grid_cell_disabled {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #e0e0e0;
}

.gui_grid_cell_not_editable {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : #f0f0f0;
}

.gui_grid_cell_selected {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : white;
  background : #800080;
}

.gui_grid_cell_selected_disabled {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #f0f0f0;
  background : #b0b0b0;
}

.gui_grid_cell_selected_not_editable {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : white;
  background : #808080;
}

.gui_grid_cell_over {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : #ffffc0;
}

.gui_grid_cell_clicked {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #b0a0b0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : #f0e0f0;
}

.gui_grid_cell_selected_over {
  border-width: 0 1 1 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #ffffc0;
  background : #800080;
}

/******************************************************************************
 * grid_list - alternative grid style (file explorer look)
 ******************************************************************************/
.grid_list_table {
  border-width: 1 1 1 1;
  border-color: #808080;
  border-style: solid;

  cursor: default;
}

.grid_list_table_disabled {
  border-width: 1 1 1 1;
  border-color: #c0c0c0;
  border-style: solid;
}

.grid_list_table_not_editable {
  border-width: 1 1 1 1;
  border-color: #808080;
  border-style: solid;

  cursor: default;
}

.grid_list_title {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : white;
  background : #a0a0b6;
}

.grid_list_title_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #e0e0e0;
  background : #b0b0b0;
}

.grid_list_title_not_editable {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : white;
  background : #a0a0b6;
}

.grid_list_toolbar {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.grid_list_toolbar_disabled {
  border-width: 1 1 1 1;

  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #a0a0a0;
  background : #e0e0e0;
}

.grid_list_toolbar_not_editable {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.grid_list_header {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.grid_list_header_disabled {
  border-width: 1 1 1 1;

  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #c0c0c0;
  background : #e0e0e0;
}

.grid_list_header_not_editable {
  border-width: 1 1 1 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.grid_list_header_over {
  border: 1px solid #808080;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background-image : url(/public/_common_look/ios/resource/images/grid/grid_header_back.gif);
  background-position: top left;
  background-repeat: repeat-x;

  padding: 0px 2px 0px 2px;
}

.grid_list_header_text {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
}

.grid_list_header_text_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #b0b0b0;
}

.grid_list_header_text_not_editable {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
}

.grid_list_row_number {
  border-width: 0 1 0 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.grid_list_row_number_disabled {
  border-width: 0 1 0 1;

  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #e0e0e0;
}

.grid_list_row_number_not_editable {
  border-width: 0 1 0 1;

  border-top-color: #e9e9e9;
  border-left-color: #e9e9e9;
  border-right-color: #808080;
  border-bottom-color: #808080;

  border-style: solid;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #606060;
  background : #d0d0d0;
}

.grid_list_cell {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #e0e0e0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : white;
}

.grid_list_cell_disabled {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #e0e0e0;
}

.grid_list_cell_not_editable {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #e0e0e0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : #f0f0f0;
}

.grid_list_cell_selected {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #e0e0e0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : white;
  background : #800080;
}

.grid_list_cell_selected_disabled {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #d0d0d0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #f0f0f0;
  background : #b0b0b0;
}

.grid_list_cell_selected_not_editable {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #e0e0e0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : white;
  background : #808080;
}

.grid_list_cell_over {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #e0e0e0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : #ffffc0;
}

.grid_list_cell_clicked {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #b0a0b0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #404040;
  background : #f0e0f0;
}

.grid_list_cell_selected_over {
  border-width: 0 1 0 0;
  padding     : 2 3 2 3;
  border-color: #e0e0e0;
  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #ffffc0;
  background : #800080;
}

/******************************************************************************/
/* drag & drop                                                                */
/******************************************************************************/
div.floater {
  position: absolute;
  left: 0px;
  top: 0px;

  display: none;

  width: 24px;
  height: 22px;
  z-index: 1000;
}

.gui_dd {
  width: 24px;
  height: 22px;

  background-image: url(/public/_common_look/ios/resource/images/dd/dd.gif);
  background-repeat: no-repeat;

  display: inline-block;
  display: -moz-inline-box;
  float: left;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.gui_dd_disabled {
  width: 24px;
  height: 22px;

  background-image: url(/public/_common_look/ios/resource/images/dd/dd_disabled.gif);
  background-repeat: no-repeat;

  display: inline-block;
  display: -moz-inline-box;
  float: left;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.gui_dd_cant {
  width: 24px;
  height: 22px;

  background-image: url(/public/_common_look/ios/resource/images/dd/dd_cant.gif);
  background-repeat: no-repeat;

  display: inline-block;
  display: -moz-inline-box;
  float: left;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.gui_dd_over {
  width: 24px;
  height: 22px;

  background-image: url(/public/_common_look/ios/resource/images/dd/dd_o.gif);
  background-repeat: no-repeat;

  display: inline-block;
  display: -moz-inline-box;
  float: left;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.gui_dd_anim {
  width: 24px;
  height: 22px;

  background-image: url(/public/_common_look/ios/resource/images/dd/dd_anim.gif);
  background-repeat: no-repeat;

  display: inline-block;
  display: -moz-inline-box;
  float: left;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.gui_dd_anim_over {
  width: 24px;
  height: 22px;

  background-image: url(/public/_common_look/ios/resource/images/dd/dd_anim_o.gif);
  background-repeat: no-repeat;

  display: inline-block;
  display: -moz-inline-box;
  float: left;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/******************************************************************************/
/* tree                                                                       */
/******************************************************************************/

div.gui_tree {
  border: 1px solid #b0b0b0;

  overflow: auto;

  background: white;
}

div.gui_tree_disabled {
  border: 1px solid #b0b0b0;

  overflow: auto;

  background: #f0f0f0;
}

table.gui_tree_line {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  cursor: default;

  height: 20px;
}

div.gui_tree_label {
  border: 1px solid white;

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

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_label_disabled {
  border: 1px solid #f0f0f0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_label_over {
  border: 1px solid #f0f0a0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #ffffc0;

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_label_clicked {
  border: 1px solid #b0a0b0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #f0e0f0;

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_label_selected {
  border: 1px solid black;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : white;
  background : #800080;

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_label_selected_over {
  border: 1px solid black;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #ffffc0;
  background : #800080;

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_label_selected_disabled {
  border: 1px solid #505050;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #e0e0e0;
  background : #808080;

  cursor: default;

  padding: 1px 2px 1px 2px;
}

div.gui_tree_cell {
  border: 1px solid #d0d0d0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #707070;
  background : #f0f0f0;

  cursor: default;
  text-align: center;
  overflow: hidden;

  padding: 0px 4px 0px 4px;
  margin: 0px 0px 0px 4px;
}

div.gui_tree_cell_left {
  border: 1px solid #d0d0d0;

  border-left-width: 0px;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #707070;
  background : #f0f0f0;

  cursor: default;
  text-align: center;
  overflow: hidden;

  padding: 0px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
}

div.gui_tree_empty_line {
  overflow: hidden;
}

/******************************************************************************/
/* bubble                                                                     */
/******************************************************************************/
td.gui_bubble {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background-image: url(/public/_common_look/ios/resource/icons/bubble/bubble_back.gif);

  padding: 5px 0px 5px 0px;
}

td.gui_bubble .gui_plain_text_no_border {
  background: none;
}

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

  margin-left: 8px;
}

span.gui_bubble_label_disabled {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #737373;

  margin-left: 8px;
}

td.gui_bubble_title {
  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : #000376;
  /*background-color: #f5f5f5;*/
  background-image: url(/public/_common_look/ios/resource/icons/bubble/bubble_back.gif);
}

td.gui_bubble_error {
  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
  color      : red;
  background-color: white;
}

/******************************************************************************/
/* property canvas                                                            */
/******************************************************************************/

table.gui_pc {
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
}

table.gui_pc_disabled {
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
}

td.gui_pc_name {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #303030;
  background : #f0f0f0;
  text-align : right;
  white-space: nowrap;

  padding: 2px 4px 2px 4px;
}

td.gui_pc_name_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #e0e0e0;
  text-align : right;
  white-space: nowrap;

  padding: 2px 4px 2px 4px;
}

td.gui_pc_val {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;
  text-align : left;
  white-space: nowrap;

  padding: 2px 4px 2px 4px;
}

td.gui_pc_val_disabled {
  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #b0b0b0;
  background : #f0f0f0;
  text-align : left;
  white-space: nowrap;

  padding: 2px 4px 2px 4px;
}

/******************************************************************************/
/* WebDesktop                                                                 */
/******************************************************************************/

div.gui_desktop_content {
  background: #f0f0f0;
}

td.gui_desktop_tab {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : #1A455E;

  background:#8AC1DE;
  cursor: default;

  padding: 0px 2px 0px 2px;
}

td.gui_desktop_tab_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : #606060;

  background:#8AC1DE;
  cursor: default;

  padding: 0px 2px 0px 2px;
}


td.gui_desktop_tab_over {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : white;

  background:#8AC1DE;
  cursor: default;

  padding: 0px 2px 0px 2px;
}

td.gui_desktop_tab_selected {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : #215A7B;

  background:white;
  cursor: default;

  padding: 0px 2px 0px 2px;
}

td.gui_desktop_tab_selected_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : #808080;

  background:white;
  cursor: default;

  padding: 0px 2px 0px 2px;
}

/******************************************************************************/
/* WebArea                                                                    */
/******************************************************************************/

div.gui_area_content {
  padding: 4px;
}

/******************************************************************************/
/* WebDesktop / WebArea (DesktopPainter5)                                     */
/******************************************************************************/

/** FLOATING OUTER **/

div.gui_desktop_f_outer,
div.gui_desktop_f_outer_nores,
div.gui_desktop_f_outer_disabled {
  position: absolute;
  padding: 0px;
  margin: 0px;

  z-index: 0;
}

div.gui_desktop_f_outer div.f_tl,
div.gui_desktop_f_outer_nores div.f_tl {
  position: absolute;
  overflow: hidden;

  left: 0px;
  top: 0px;
  width: 23px;
  height: 40px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_t_left.png);
}

div.gui_desktop_f_outer_disabled div.f_tl {
  position: absolute;
  overflow: hidden;

  left: 0px;
  top: 0px;
  width: 23px;
  height: 40px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_t_left_d.gif);
}

/** top - title **/

div.gui_desktop_f_outer div.f_t,
div.gui_desktop_f_outer_nores div.f_t {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : white;

  position: absolute;
  overflow: hidden;

  left: 23px;
  top: 0px;
  height: 40px;
  padding-top: 23px;

  cursor: move;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_t.png);
}

div.gui_desktop_f_outer_disabled div.f_t {
  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;
  color      : white;

  position: absolute;
  overflow: hidden;

  left: 23px;
  top: 0px;
  height: 40px;
  padding-top: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_t_d.gif);
}

div.gui_desktop_f_outer div.f_ctrl,
div.gui_desktop_f_outer_nores div.f_ctrl,
div.gui_desktop_f_outer_disabled div.f_ctrl {
  position: absolute;
  overflow: hidden;

  right: 1px;
  top: 23px;
  width: 40px;
  margin-right: 23px;

  text-align: right;
  cursor: default;

  z-index: 1;
}

div.gui_desktop_f_outer div.f_tr,
div.gui_desktop_f_outer_nores div.f_tr {
  position: absolute;
  overflow: hidden;

  right: 0px;
  top: 0px;
  width: 23px;
  height: 40px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_t_right.png);
}

div.gui_desktop_f_outer_disabled div.f_tr {
  position: absolute;
  overflow: hidden;

  right: 0px;
  top: 0px;
  width: 23px;
  height: 40px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_t_right_d.gif);
}

div.gui_desktop_f_outer div.f_r {
  position: absolute;
  overflow: hidden;

  right: 0px;
  top: 40px;
  width: 23px;

  cursor: e-resize;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_right.png);
}

div.gui_desktop_f_outer_nores div.f_r {
  position: absolute;
  overflow: hidden;

  right: 0px;
  top: 40px;
  width: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_right.png);
}

div.gui_desktop_f_outer_disabled div.f_r {
  position: absolute;
  overflow: hidden;

  right: 0px;
  top: 40px;
  width: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_right_d.gif);
}

div.gui_desktop_f_outer div.f_br {
  position: absolute;
  overflow: hidden;

  right: 0px;
  bottom: 0px;
  width: 23px;
  height: 23px;

  cursor: nw-resize;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_right.png);
}

div.gui_desktop_f_outer_nores div.f_br {
  position: absolute;
  overflow: hidden;

  right: 0px;
  bottom: 0px;
  width: 23px;
  height: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_right.png);
}

div.gui_desktop_f_outer_disabled div.f_br {
  position: absolute;
  overflow: hidden;

  right: 0px;
  bottom: 0px;
  width: 23px;
  height: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_right_d.gif);
}

div.gui_desktop_f_outer div.f_b {
  position: absolute;
  overflow: hidden;

  left: 23px;
  bottom: 0px;
  height: 23px;

  cursor: n-resize;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b.png);
}

div.gui_desktop_f_outer_nores div.f_b {
  position: absolute;
  overflow: hidden;

  left: 23px;
  bottom: 0px;
  height: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b.png);
}

div.gui_desktop_f_outer_disabled div.f_b {
  position: absolute;
  overflow: hidden;

  left: 23px;
  bottom: 0px;
  height: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_d.gif);
}

div.gui_desktop_f_outer div.f_bl {
  position: absolute;
  overflow: hidden;

  left: 0px;
  bottom: 0px;
  width: 23px;
  height: 23px;

  cursor: ne-resize;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_left.png);
}

div.gui_desktop_f_outer_nores div.f_bl {
  position: absolute;
  overflow: hidden;

  left: 0px;
  bottom: 0px;
  width: 23px;
  height: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_left.png);
}

div.gui_desktop_f_outer_disabled div.f_bl {
  position: absolute;
  overflow: hidden;

  left: 0px;
  bottom: 0px;
  width: 23px;
  height: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_b_left_d.gif);
}

div.gui_desktop_f_outer div.f_l {
  position: absolute;
  overflow: hidden;

  left: 0px;
  top: 40px;
  width: 23px;

  cursor: e-resize;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_left.png);
}

div.gui_desktop_f_outer_nores div.f_l {
  position: absolute;
  overflow: hidden;

  left: 0px;
  top: 40px;
  width: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_left.png);
}

div.gui_desktop_f_outer_disabled div.f_l {
  position: absolute;
  overflow: hidden;

  left: 0px;
  top: 40px;
  width: 23px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/float_left_d.gif);
}

div.gui_desktop_f_outer div.f_inner,
div.gui_desktop_f_outer_nores div.f_inner {
  position: absolute;
  overflow: hidden;

  left: 23px;
  top: 40px;

  background-color: #27688d;
}

div.gui_desktop_f_outer_disabled div.f_inner {
  position: absolute;
  overflow: hidden;

  left: 23px;
  top: 40px;

  background-color: #9f9f9f;
}

/** FLOATING OUTER - TOOLBAR **/

div.gui_desktop_f_outer div.f_toolbar,
div.gui_desktop_f_outer_nores div.f_toolbar,
div.gui_desktop_f_outer_disabled div.f_toolbar {
  position: absolute;
  overflow: hidden;
  cursor: default;

  left: 23px;
  right: 23px;
  bottom: 20px;
  height: 25px;

  text-align: center;
  white-space: nowrap;
}

/** DESKTOP OUTER **/

div.gui_desktop_outer,
div.gui_desktop_outer_disabled {
  position: absolute;
}

div.gui_desktop_outer_disabled {
  background-color: 9f9f9f;
}

/** AREA OUTER **/

div.gui_desktop_outer div.pixel,
div.gui_desktop_outer_disabled div.pixel {
  position: absolute;
  width: 3px;
  height: 3px;
  overflow: hidden;

  z-index: 1;
}

div.gui_desktop_outer div.pixel_tl {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_tl.gif);
}

div.gui_desktop_outer_disabled div.pixel_tl {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_tl_d.gif);
}

div.gui_desktop_outer div.pixel_tr {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_tr.gif);
}

div.gui_desktop_outer_disabled div.pixel_tr {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_tr_d.gif);
}

div.gui_desktop_outer div.pixel_bl {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_bl.gif);
}

div.gui_desktop_outer_disabled div.pixel_bl {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_bl_d.gif);
}

div.gui_desktop_outer div.pixel_br {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_br.gif);
}

div.gui_desktop_outer_disabled div.pixel_br {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_corner_br_d.gif);
}

div.gui_desktop_outer div.area_outer,
div.gui_desktop_outer_disabled div.area_outer {
  position: absolute;
  overflow: hidden;
}

/** AREA TABS 1 **/

div.gui_desktop_outer table.tabs,
div.gui_desktop_outer_disabled table.tabs {
  table-layout: fixed;
}

div.gui_desktop_outer table.tabs td,
div.gui_desktop_outer_disabled table.tabs  td {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

div.gui_desktop_outer table.tabs td.l {
  width: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_left.gif);
}

div.gui_desktop_outer_disabled table.tabs td.l {
  width: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_left_d.gif);
}

div.gui_desktop_outer table.tabs td.c {
  border-bottom: 1px solid #A6A6B6;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back.gif);
}

div.gui_desktop_outer table.tabs td.c_large {
  border-bottom: 1px solid #e0e0e0;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_sel_back.gif);
}

div.gui_desktop_outer_disabled table.tabs td.c {
  border-bottom: 1px solid #A6A6B6;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back_d.gif);
}

div.gui_desktop_outer_disabled table.tabs td.c_large {
  border-bottom: 1px solid #f5f5f5;
  border-right: 0px none;

  color: #a0a0a0;
  background: #f5f5f5;
}

div.gui_desktop_outer table.tabs td.r {
  border-bottom: 1px solid #A6A6B6;

  width: 6px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back.gif);
}

div.gui_desktop_outer_disabled table.tabs td.r {
  border-bottom: 1px solid #A6A6B6;

  width: 6px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back_d.gif);
}

/** AREA TABS 2 - ACTUAL TABS **/

div.gui_desktop_outer table.tabs2,
div.gui_desktop_outer_disabled table.tabs2 {
  table-layout: auto;
}

div.gui_desktop_outer table.tabs2 td {
  border-bottom: 1px solid #A6A6B6;
  border-right: 1px solid #85879B;

  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;

  color: black;

  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;

  cursor: default;
}

div.gui_desktop_outer_disabled table.tabs2 td {
  border-bottom: 1px solid #A6A6B6;
  border-right: 1px solid #A6A6B6;

  font-family: verdana;
  font-weight: bold;
  font-size  : 13px;

  color: #909090;

  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;

  cursor: default;
}

div.gui_desktop_outer table.tabs2 td.c {
  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back.gif);

  padding: 0px 9px;
}

div.gui_desktop_outer table.tabs2 td.c_over {
  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back.gif);

  color: white;

  padding: 0px 9px;
}

div.gui_desktop_outer_disabled table.tabs2 td.c {
  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_back_d.gif);

  color: #808080;

  padding: 0px 9px;
}

div.gui_desktop_outer table.tabs2 td.c_sel {
  border-bottom-color: #e0e0e0;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_sel_back.gif);

  padding: 0px 9px;
}

div.gui_desktop_outer table.tabs2 td.c_large {
  border-bottom-color: #e0e0e0;
  border-right: 0px none;

  background-image: url(/public/_common_look/ios/resource/images/desktop/tab_sel_back.gif);

  padding: 0px 9px;
}


div.gui_desktop_outer_disabled table.tabs2 td.c_sel,
div.gui_desktop_outer_disabled table.tabs2 td.c_large {
  border-bottom-color: #f5f5f5;

  color     : #a0a0a0;
  background: #f5f5f5;

  padding: 0px 9px;
}

div.gui_desktop_outer table.tabs2 td.lr_sel,
div.gui_desktop_outer_disabled table.tabs2 td.lr_sel {
  border-bottom-color: #f5f5f5;
}

/** AREA TOOLBARS **/

div.gui_desktop_outer table.toolbar_t {
  border-bottom: 1px solid #a0a0a0;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_toolbar_back.gif);

  height: 30px;
}

div.gui_desktop_outer_disabled table.toolbar_t {
  border-bottom: 1px solid #a0a0a0;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_toolbar_back.gif);

  height: 30px;
}

div.gui_desktop_outer table.toolbar_b {
  border-top: 1px solid #a0a0a0;
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_toolbar_back.gif);

  height: 30px;
}

div.gui_desktop_outer_disabled table.toolbar_b {
  border-top: 1px solid #b6b6b6;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_toolbar_back_d.gif);

  height: 30px;
}

div.gui_desktop_outer table.toolbar_t td,
div.gui_desktop_outer_disabled table.toolbar_t td,
div.gui_desktop_outer table.toolbar_b td,
div.gui_desktop_outer_disabled table.toolbar_b td {
  white-space: nowrap;
  vertical-align: middle;
}

div.gui_desktop_outer table.toolbar_t ul,
div.gui_desktop_outer_disabled table.toolbar_t ul,
div.gui_desktop_outer table.toolbar_b ul,
div.gui_desktop_outer_disabled table.toolbar_b ul {
  margin: 0;
  padding: 0;
}

div.gui_desktop_outer table.toolbar_t ul li,
div.gui_desktop_outer_disabled table.toolbar_t ul li,
div.gui_desktop_outer table.toolbar_b ul li,
div.gui_desktop_outer_disabled table.toolbar_b ul li {
  list-style-type: none;
  white-space: nowrap;
  display: inline;

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

div.gui_desktop_outer table.toolbar_t table.menu_button,
div.gui_desktop_outer_disabled table.toolbar_t table.menu_button,
div.gui_desktop_outer table.toolbar_b table.menu_button,
div.gui_desktop_outer_disabled table.toolbar_b table.menu_button {
  margin-top: 3px;
}

div.gui_desktop_outer table.toolbar_t ul li span,
div.gui_desktop_outer_disabled table.toolbar_t ul li span,
div.gui_desktop_outer table.toolbar_b ul li span,
div.gui_desktop_outer_disabled table.toolbar_b ul li span,
div.gui_desktop_outer table.toolbar_t ul li input,
div.gui_desktop_outer_disabled table.toolbar_t ul li input,
div.gui_desktop_outer table.toolbar_b ul li input,
div.gui_desktop_outer_disabled table.toolbar_b ul li input,
div.gui_desktop_outer table.toolbar_t ul li img,
div.gui_desktop_outer_disabled table.toolbar_t ul li img,
div.gui_desktop_outer table.toolbar_b ul li img,
div.gui_desktop_outer_disabled table.toolbar_b ul li img {
  vertical-align: middle;
}



/** AREA ACTION CONTAINER **/



div.gui_desktop_outer table.actions_t {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_actions_back.gif);

  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
}

div.gui_desktop_outer table.actions_t_disabled {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_actions_back.gif);

  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
}

div.gui_desktop_outer_disabled table.actions_t,
div.gui_desktop_outer_disabled table.actions_t_disabled {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_actions_back_d.gif);

  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
}

div.gui_desktop_outer table.actions_t td.separator,
div.gui_desktop_outer_disabled table.actions_t td.separator,
div.gui_desktop_outer table.actions_t_disabled td.separator,
div.gui_desktop_outer_didabled table.actions_t_disabled td.separator {
  background-image: url(/public/_common_look/ios/resource/images/desktop/area_actions_separator.gif);
  width: 2px;
}

div.gui_desktop_outer table.actions_t td.label {
  font-size: 11px;
  font-weight: bold;
  color: #1A455E;
  cursor: default;

  background-image: url(/public/_common_look/ios/resource/images/desktop/down.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

div.gui_desktop_outer table.actions_t td.label_over {
  font-size: 11px;
  font-weight: bold;
  color: #1A455E;
  cursor: default;

  background-color: white;
  background-image: url(/public/_common_look/ios/resource/images/desktop/down.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

div.gui_desktop_outer_disabled table.actions_t td.label,
div.gui_desktop_outer table.actions_t_disabled td.label,
div.gui_desktop_outer_disabled table.actions_t_disabled td.label {
  font-size: 11px;
  font-weight: bold;
  color: #c0c0c0;
  cursor: default;
}

div.gui_desktop_outer div.action_list {
  border-left: 1px solid #8A8C9F;
  border-bottom: 1px solid #8A8C9F;

  position: absolute;
  right: 0px;
  top: 30px;
  height: 1px;
  z-index: 1000;

  overflow: hidden;
  display: none;
}

div.gui_desktop_outer div.action_list table {
  border-collapse: collapse;
}

div.gui_desktop_outer div.action_list tr {
  background-color: #f0f0f0;
  cursor: default;
}

div.gui_desktop_outer div.action_list tr.row_separator td {
  height: 3px;
  background-color: #C1C4DF;
  padding: 0px;
  margin: 0px;
}

div.gui_desktop_outer div.action_list tr.odd {
  background-color: white;
}

div.gui_desktop_outer div.action_list tr.over,
div.gui_desktop_outer div.action_list tr.odd_over {
  background-color: #800080;
}

div.gui_desktop_outer div.action_list td {
  font-family: verdana;
  font-weight: normal;
  font-size  : 13px;
  color      : black;

  padding: 4px;
}

div.gui_desktop_outer div.action_list td.dis {
  color: #b0b0b0;
}

div.gui_desktop_outer div.action_list tr.over td,
div.gui_desktop_outer div.action_list tr.odd_over td {
  color: white;
}


/** AREA CONTENT **/



div.gui_desktop_outer div.content {
  overflow: auto;
  background: #E1E1E1;
}

div.gui_desktop_outer div.content_add {
  overflow: auto;
  background: #F5F5F5;
}

div.gui_desktop_outer div.content_edit {
  overflow: auto;
  background: #F5F5F5;
}

div.gui_desktop_outer div.content_view {
  overflow: auto;
  background: #E0E0E0;
  /*background-image: url(/public/_common_look/ios/resource/images/desktop/area_view_back.gif);*/
}

div.gui_desktop_outer_disabled div.content,
div.gui_desktop_outer_disabled div.content_add,
div.gui_desktop_outer_disabled div.content_edit,
div.gui_desktop_outer_disabled div.content_view {
  overflow: auto;
  background: #e0e0e0;
}

/** AREA BOTTOM CAPS **/

div.gui_desktop_outer div.area_outer div.bl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 0px;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_b_left.gif);
}

div.gui_desktop_outer_disabled div.area_outer div.bl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 0px;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_b_left_d.gif);
}

div.gui_desktop_outer div.area_outer div.bc {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 4px;
  bottom: 0px;
  height: 4px;

  background: #f4f4f4;
}

div.gui_desktop_outer_disabled div.area_outer div.bc {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 4px;
  bottom: 0px;
  height: 4px;

  background: #e0e0e0;
}

div.gui_desktop_outer div.area_outer div.br {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_b_right.gif);
}

div.gui_desktop_outer_disabled div.area_outer div.br {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_b_right_d.gif);
}

div.gui_desktop_outer div.area_outer div.tbl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 0px;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_bt_left.gif);
}

div.gui_desktop_outer_disabled div.area_outer div.tbl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 0px;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_bt_left_d.gif);
}


div.gui_desktop_outer div.area_outer div.tbc {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 4px;
  bottom: 0px;
  height: 4px;

  background: #D9D9E2;
}

div.gui_desktop_outer_disabled div.area_outer div.tbc {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  left: 4px;
  bottom: 0px;
  height: 4px;

  background: #dbdbdb;
}


div.gui_desktop_outer div.area_outer div.tbr {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_bt_right.gif);
}

div.gui_desktop_outer_disabled div.area_outer div.tbr {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0px;
  width: 4px;
  height: 4px;

  background-image: url(/public/_common_look/ios/resource/images/desktop/area_bt_right_d.gif);
}

/******************************************************************************/
/* WebDateChooser                                                             */
/******************************************************************************/

table.gui_date {
  border-width: 1px 1px 1px 1px;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #909090;
  border-bottom-color: #909090;

  border-style: solid;

  text-align: center;

  width: 189px;
  table-layout: fixed;
}

table.gui_date_disabled {
  border: 1px solid #b0b0b0;

  text-align: center;

  width: 196px;
  table-layout: fixed;
}

table.gui_date tr.header,
table.gui_date tr.header td {
  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : black;
  background : #E2E2EB;
}

table.gui_date_disabled tr.header,
table.gui_date_disabled tr.header td {
  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : black;
  background : #ebebeb;
}

table.gui_date tr.header2,
table.gui_date_disabled tr.header2 {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
}

table.gui_date tr.cell_header,
table.gui_date tr.cell_header td {
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  background : #E2E2EB;

  text-align: center;
}

table.gui_date_disabled tr.cell_header,
table.gui_date_disabled tr.cell_header td {
  font-weight: bold;
  font-size  : 11px;
  color      : #808080;
  background : #ebebeb;

  text-align: center;
}

table.gui_date tr.cell {
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;

  cursor: default;
}

table.gui_date_disabled tr.cell {
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #f5f5f5;

  cursor: default;
}

table.gui_date tr.cell td {
  border: 1px solid white;

  width : 19px;
  height: 19px;

  background: white;

  text-align: center;
}

table.gui_date tr.header2 td,
table.gui_date table.months tr.header2 td {
  border: 1px solid #FaFaFF;

  width : 19px;
  height: 19px;

  background: #FaFaFF;

  text-align: center;
}

table.gui_date_disabled tr.cell td,
table.gui_date_disabled tr.header2 td
{
  border: 1px solid #f5f5f5;

  width : 19px;
  height: 19px;

  background: #f5f5f5;

  text-align: center;
}

table.gui_date tr.cell td.weekend {
  border: 1px solid white;

  color: black;

  text-align: center;
}

table.gui_date tr.cell td.clicked {
  border: 1px solid #b0a0b0;

  color      : #404040;
  background : #f0e0f0;

  text-align: center;
}

table.gui_date tr.cell td.selected,
table.gui_date table.months tr.header2 td.selected {
  border: 1px solid black;

  color      : white;
  background : #800080;

  text-align: center;
}

table.gui_date_disabled tr.cell td.selected,
table.gui_date_disabled table.months tr.header2 td.selected {
  border: 1px solid black;

  color      : #f5f5f5;
  background : #808080;

  text-align: center;
}

table.gui_date tr.cell td.over,
table.gui_date table.months tr.header2 td.over {
  border: 1px solid #f0f0a0;

  color      : black;
  background : #ffffc0;

  text-align: center;
}

/******************************************************************************/
/* WebListbox                                                                 */
/******************************************************************************/
div.gui_lb {
  border-width: 1px 1px 1px 1px;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #909090;
  border-bottom-color: #909090;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;

  cursor: default;

  overflow:auto;
}

div.gui_lb_disabled {
  border-width: 1px 1px 1px 1px;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #b0b0b0;
  border-bottom-color: #b0b0b0;

  border-style: solid;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;
  background : #e0e0e0;

  cursor: default;

  overflow:auto;
}

div.gui_lb li.item {
  list-style-type: none;

  white-space: nowrap;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : white;

  margin: 0px;
  padding: 0px;
}

div.gui_lb li.item_over {
  list-style-type: none;

  white-space: nowrap;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background : #ffffc0;

  cursor: default;

  margin: 0px;
  padding: 0px;
}

div.gui_lb li.item_selected {
  list-style-type: none;

  white-space: nowrap;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : white;
  background : #800080;

  cursor: default;

  margin: 0px;
  padding: 0px;
}

div.gui_lb li.item_selected_over {
  list-style-type: none;

  white-space: nowrap;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #ffffc0;
  background : #800080;

  cursor: default;

  margin: 0px;
  padding: 0px;
}

div.gui_lb_disabled li.item {
  list-style-type: none;

  white-space: nowrap;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #808080;

  cursor: default;

  margin: 0px;
  padding: 0px;
}

div.gui_lb_disabled li.selected {
  list-style-type: none;

  white-space: nowrap;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #e0e0e0;
  background : #808080;

  cursor: default;

  margin: 0px;
  padding: 0px;
}

/******************************************************************************/
/* WebGrid - advanced                                                         */
/******************************************************************************/

/* DIV */

/* outer */

div.gui_gridadv_outer {
  border: 1px solid #b5b5b5;
  padding: 0;
  margin: 0;

  background-color: #f5f5f5;

  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
  color      : #404040;

  cursor: default;

  position: relative;
  overflow: hidden;
}

/* outer - area view */
div.content_view div.gui_gridadv_outer {
  background-color: #eaeaea;
}

div.gui_gridadv_outer_disabled {
  border: 1px solid #d0d0d0;
  padding: 0;
  margin: 0;

  background-color: #ebebeb;

  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
  color      : #404040;

  cursor: default;

  position: relative;
  overflow: hidden;
}

/* title */

div.gui_gridadv_outer div.title {
  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : #606060;
  background : #d0d0d0;

  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #a8a8a8;

  width:100%;
  height:16px;

  padding-left: 2px;
  padding-right: 2px;
  margin: 0;

  overflow: hidden;
  white-space: nowrap;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid_header_back.gif');
}

div.gui_gridadv_outer_disabled div.title {
  font-family: verdana;
  font-weight: bold;
  font-size  : 12px;
  color      : #606060;
  background : #d0d0d0;

  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #a8a8a8;

  width:100%;
  height:16px;

  padding-left: 2px;
  padding-right: 2px;
  margin: 0;

  overflow: hidden;
  white-space: nowrap;
}

/* toolbar */

div.gui_gridadv_outer div.toolbar {
  border-width: 1px 0px 1px 1px;

  border-top-color: #f0f0f0;
  border-left-color: #f0f0f0;
  border-right-color: #a8a8a8;
  border-bottom-color: #a8a8a8;

  border-style: solid;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid4_toolbar_back.gif');

  height:23px;

  overflow: hidden;

  padding-left: 2px;
  padding-right: 2px;
  margin: 0;
}

div.gui_gridadv_outer_disabled div.toolbar {
  border-width: 1px 0px 1px 1px;

  border-top-color: #f0f0f0;
  border-left-color: #f0f0f0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  background-color: #e0e0e0;

  height:23px;

  overflow: hidden;

  padding-left: 2px;
  padding-right: 2px;
  margin: 0;
}

div.gui_gridadv_outer div.toolbar div.sc_label {
  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
  color      : black;

  float:right;
  position:relative;
  top: -17px;
  left: -4px;
  white-space: nowrap;
}

div.gui_gridadv_outer_disabled div.toolbar div.sc_label {
  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
  color      : #a0a0a0;

  float:right;
  position:relative;
  top: -17px;
  left: -4px;
  white-space: nowrap;
}


div.gui_gridadv_outer div.toolbar div.sc_label span {
  font-weight: bold;
}

div.gui_gridadv_outer_disabled div.toolbar div.sc_label span {
  font-weight: bold;
}

/* inner */

div.gui_gridadv_outer div.inner {
  border-width: 0px 0px 0px 1px;
  border-left-color: #c0c0c0;
  border-style: solid;

  overflow-y: hidden;
  overflow-x: scroll;
  padding: 0;
  margin: 0;

  position: absolute;
  right: 0px;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid_inner_back.gif');
  background-color: white;
  background-position: top left;
  background-repeat: repeat-x;
}

/* label empty */
div.gui_gridadv_outer div.inner td.label_empty,
div.gui_gridadv_outer_disabled div.inner td.label_empty {
  font-family: verdana;
  color: #b0b0b0;
}

/* outer - area view */
div.content_view div.gui_gridadv_outer div.inner {
  background-color: transparent;
}

div.gui_gridadv_outer_disabled div.inner {
  border-width: 0px 0px 0px 1px;
  border-left-color: #c0c0c0;
  border-style: solid;

  overflow-y: hidden;
  overflow-x: scroll;
  padding: 0;
  margin: 0;

  position: absolute;
  right: 0px;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid_inner_back_disabled.gif');
  background-color: #E2E2E2;
  background-position: top left;
  background-repeat: repeat-x;
}


/* num */

div.gui_gridadv_outer div.num {
  overflow:hidden;
  padding: 0px 2px 0px 0px;
  margin: 0px;

  position: absolute;
  left: 0px;
}

div.gui_gridadv_outer_disabled div.num {
  overflow:hidden;
  padding: 0px 2px 0px 0px;
  margin: 0px;

  position: absolute;
  left: 0px;

  background-color: #e0e0e0;
}

/* TOOLBAR */
div.gui_gridadv_outer div.toolbar ul,
div.gui_gridadv_outer_disabled div.toolbar ul {
  margin: 0;
  margin-top: 1px;
  padding: 0;
}

div.gui_gridadv_outer div.toolbar ul li,
div.gui_gridadv_outer_disabled div.toolbar ul li {
  list-style-type: none;
  white-space: nowrap;
  display: inline;
}

/* TABLE */

div.gui_gridadv_outer table.main_table,
div.gui_gridadv_outer_disabled table.main_table {
  table-layout: fixed;

  margin: 0;
}

/* TR */

div.gui_gridadv_outer table.main_table tr,
div.gui_gridadv_outer_disabled table.main_table tr {
  font-family: "courier new";
  font-weight: normal;
  font-size  : 12px;
  color      : #404040;

  cursor: default;

  margin: 0px;
  padding: 0px;

  height: 22px;
}

/* TR header */

div.gui_gridadv_outer table.main_table tr.header {
  font-weight: normal;
  color: #404040;
  background-color: #d0d0d0;

  line-height: 20px;
}

div.gui_gridadv_outer_disabled table.main_table tr.header {
  font-weight: normal;
  color: #b0b0b0;
  background-color: #d0d0d0;

  line-height: 20px;
}

/* TR num */

div.gui_gridadv_outer table.main_table tr.num {
  font-weight: normal;
  font-size: 12px;
  color: #404040;
}

div.gui_gridadv_outer_disabled table.main_table tr.num {
  font-weight: normal;
  font-size: 12px;
  color: #a0a0a0;
}

div.gui_gridadv_outer table.main_table tr.num_over {
  font-weight: bold;
  font-size: 12px;
  color: black;
}

/* TR row */

div.gui_gridadv_outer table.main_table tr.row,
div.gui_gridadv_outer table.main_table tr.row_marked {
  font-weight: normal;
  color: black;
  background-color: white;
}

/* outer - area view */
div.content_view div.gui_gridadv_outer table.main_table tr.row {
  background-color: transparent;
}

div.gui_gridadv_outer_disabled table.main_table tr.row {
  font-weight: normal;
  color: #808080;
  background-color: #e2e2e2;
}

div.gui_gridadv_outer table.main_table tr.row_over,
div.gui_gridadv_outer table.main_table tr.row_marked_over {
  font-weight: normal;
  color: black;
  background-color: #ffffc0;
}

/* --- TR add / view / edit --- */

div.gui_gridadv_outer table.main_table tr.row_add,
div.gui_gridadv_outer_disabled table.main_table tr.row_add {
  background-color: #c1c1c1;
  text-align: center;
}

div.gui_gridadv_outer table.main_table tr.row_view,
div.gui_gridadv_outer_disabled table.main_table tr.row_view {
  background-color: #eaeaea;
}

div.gui_gridadv_outer table.main_table tr.row_edit {
  background-color: white;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_edit {
  background-color: #eaeaea;
}

/* --- TR selected --- */

div.gui_gridadv_outer table.main_table tr.row_selected,
div.gui_gridadv_outer table.main_table tr.row_marked_selected {
  font-weight: normal;
  color: white;
  background-color: #800080;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_selected {
  font-weight: normal;
  color: white;
  background-color: #c0c0c0;
}

div.gui_gridadv_outer table.main_table tr.row_selected_over,
div.gui_gridadv_outer table.main_table tr.row_marked_selected_over {
  font-weight: normal;
  color : #ffffc0;
  background-color: #800080;
}

div.gui_gridadv_outer table.main_table tr.row_clicked,
div.gui_gridadv_outer table.main_table tr.row_clicked_over,
div.gui_gridadv_outer table.main_table tr.row_marked_clicked,
div.gui_gridadv_outer table.main_table tr.row_marked_clicked_over {
  font-weight: normal;
  background-color : #f0e0f0;
}

/* TD */

div.gui_gridadv_outer table.main_table td,
div.gui_gridadv_outer_disabled table.main_table td {
  vertical-align: middle;
  font-weight: normal;
  overflow: hidden;
  padding: 0px 4px 0px 4px;

  font-family: "Courier new";
  font-size: 12px;
  line-height: 20px;
}

div.gui_gridadv_outer table.main_table td span,
div.gui_gridadv_outer_disabled table.main_table td span {
  display: block;
  white-space: normal;
  overflow: hidden;
  width: 100%;

  font-family: "Courier new";
  font-size: 12px;
  line-height: 20px;
}

/* TD A */

div.gui_gridadv_outer table.main_table td a,
div.gui_gridadv_outer table.main_table td a:visited {
  color: blue;
}

div.gui_gridadv_outer table.main_table tr.row_selected td a,
div.gui_gridadv_outer table.main_table tr.row_selected td a:visited,
div.gui_gridadv_outer table.main_table tr.row_selected_over td a,
div.gui_gridadv_outer table.main_table tr.row_selected_over td a:visited {
  color: white;
}

div.gui_gridadv_outer_disabled table.main_table tr.row td a,
div.gui_gridadv_outer_disabled table.main_table tr.row td a:visited {
  color: #a0a0a0;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_selected td a {
  color: white;
}

/* --- TD INPUT edit --- */

div.gui_gridadv_outer table.main_table tr.row_edit td textarea,
div.gui_gridadv_outer table.main_table tr.row_edit td input {
  border: 1px solid white;

  font-family: "Courier new";
  font-size: 12px;

  /*padding: 0px 1px;*/
  margin: 0px;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_edit td textarea,
div.gui_gridadv_outer_disabled table.main_table tr.row_edit td input,
div.gui_gridadv_outer table.main_table tr.row_edit td.edit_disabled textarea,
div.gui_gridadv_outer table.main_table tr.row_edit td.edit_disabled input {
  border: 1px solid #eaeaea;
  background-color: #eaeaea;

  font-family: "Courier new";
  font-size: 12px;

  /*padding: 0px 1px;*/
  margin: 0px;
}

div.gui_gridadv_outer table.main_table tr.row_edit td input[type=checkbox],
div.gui_gridadv_outer_disabled table.main_table tr.row_edit td input[type=checkbox] {
  margin-top: 4px;
}

/* --- TD SELECT add / edit --- */

div.gui_gridadv_outer table.main_table tr td select {
  font-family: "Courier new";
  font-size: 12px;

  margin-top: 0px;
}

div.gui_gridadv_outer_disabled table.main_table tr td select {
  font-family: "Courier new";
  font-size: 12px;

  margin-top: 0px;
}

/* --- TD INPUT add --- */

div.gui_gridadv_outer table.main_table tr.row_add td textarea,
div.gui_gridadv_outer table.main_table tr.row_add td input {
  font-family: "Courier new";
  font-size: 12px;

  /*padding: 0px 1px;*/
  margin: 0px;
}

div.gui_gridadv_outer table.main_table tr.row_add td.add_disabled textarea,
div.gui_gridadv_outer table.main_table tr.row_add td.add_disabled input {
  border: 1px solid #c1c1c1;

  font-family: "Courier new";
  font-size: 12px;

  /*padding: 0px 1px;*/
  margin: 0px;

  background-color: #c1c1c1;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_add td textarea,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td input {
  font-family: "Courier new";
  font-size: 12px;

  /*padding: 0px 1px;*/
  margin: 0px;
}

/* TH */

div.gui_gridadv_outer table.main_table th,
div.gui_gridadv_outer_disabled table.main_table th  {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  overflow: hidden;
  color: black;
  padding: 0px 2px 0px 2px;
}

/* TH header */

div.gui_gridadv_outer table.main_table tr.header th {
  border-width: 1px 0px 1px 1px;

  border-top-color: #eaeaea;
  border-left-color: #eaeaea;
  border-right-color: #a8a8a8;
  border-bottom-color: #a8a8a8;

  border-style: solid;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid4_header_back.gif');
}

div.gui_gridadv_outer_disabled table.main_table tr.header th {
  border-width: 1px 0px 1px 1px;

  border-top-color: #eaeaea;
  border-left-color: #eaeaea;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  color: #808080;
  background-color: #e0e0e0;
}

div.gui_gridadv_outer table.main_table tr.header th.over {
  color: black;
  background-image: url('/public/_common_look/ios/resource/images/grid/grid4_header_back_over.gif');
}

div.gui_gridadv_outer table.main_table tr.header th.sortable {
  border-width: 1px 0px 1px 1px;

  border-top-color: #eaeaea;
  border-left-color: #eaeaea;
  border-right-color: #a8a8a8;
  border-bottom-color: #a8a8a8;

  border-style: solid;

  font-weight: normal;
}

div.gui_gridadv_outer_disabled table.main_table tr.header th.sortable {
  border-width: 1px 0px 1px 1px;

  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  font-weight: normal;
}


div.gui_gridadv_outer table.main_table tr.header th.sortable_over {
  border-width: 1px 0px 1px 1px;

  border-top-color: #eaeaea;
  border-left-color: #eaeaea;
  border-right-color: #a8a8a8;
  border-bottom-color: #a8a8a8;

  border-style: solid;

  font-weight: normal;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid4_header_back_over.gif');
}

/* TH sort */

div.gui_gridadv_outer table.main_table tr.header th.sort {
  border-left-width: 0px;
  border-right-width: 1px;
  border-right-color: #a8a8a8;

  border-style: solid;

  width: 1px;
  overflow: hidden;

  padding: 0;
  margin: 0;
}

div.gui_gridadv_outer_disabled table.main_table tr.header th.sort {
  border-left-width: 0px;
  border-right-width: 1px;
  border-right-color: #c0c0c0;

  border-style: solid;

  width: 1px;
  overflow: hidden;

  padding: 0;
  margin: 0;
}

div.gui_gridadv_outer table.main_table tr.header th.sort_over {
  border-left-width: 0px;
  border-right-width: 1px;
  border-right-color: #a8a8a8;

  border-style: solid;

  width: 1px;
  overflow: hidden;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid4_header_back_over.gif');

  padding: 0;
  margin: 0;
}

/* TH resizer */

div.gui_gridadv_outer table.main_table tr.header th.resizer {
  border-width: 1px 1px 1px 1px;

  border-top-color: #eaeaea;
  border-left-color: #eaeaea;
  border-right-color: #a8a8a8;
  border-bottom-color: #a8a8a8;

  border-style: solid;

  background-image: url('/public/_common_look/ios/resource/images/grid/grid_resizer_back.gif');

  width: 5px;
  cursor: e-resize;
  overflow: hidden;

  padding: 0;
  margin: 0;
}

div.gui_gridadv_outer_disabled table.main_table tr.header th.resizer {
  border-width: 1px 1px 1px 1px;

  border-top-color: #eaeaea;
  border-left-color: #eaeaea;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  background-color: #e0e0e0;

  width: 5px;
  cursor: default;
  overflow: hidden;

  padding: 0;
  margin: 0;
}

/* --- TD num --- */

div.gui_gridadv_outer table.main_table tr.num td,
div.gui_gridadv_outer_disabled table.main_table tr.num td {
  text-align: center;
  vertical-align: top;
  padding: 2px 4px 0px 0px;

  white-space: nowrap;
  overflow: visible;
}

div.gui_gridadv_outer table.main_table tr.num_over td {
  font-weight: bold;

  text-align: center;
  vertical-align: top;
  padding: 2px 4px 0px 0px;

  white-space: nowrap;
  overflow: visible;

  background-color: #e0e0e0;
}

div.gui_gridadv_outer table.main_table tr.num td.edit,
div.gui_gridadv_outer table.main_table tr.num_over td.edit,
div.gui_gridadv_outer_disabled table.main_table tr.num td.edit {
  vertical-align: top;

  background-color: #e0e0e0;
}

/* --- TD row --- */

div.gui_gridadv_outer table.main_table tr.row td,
div.gui_gridadv_outer table.main_table tr.row_marked td,
div.gui_gridadv_outer table.main_table tr.row_over td,
div.gui_gridadv_outer table.main_table tr.row_marked_over td,
div.gui_gridadv_outer table.main_table tr.row_selected td,
div.gui_gridadv_outer table.main_table tr.row_marked_selected td,
div.gui_gridadv_outer table.main_table tr.row_selected_over td,
div.gui_gridadv_outer table.main_table tr.row_marked_selected_over td,
div.gui_gridadv_outer table.main_table tr.row_clicked td,
div.gui_gridadv_outer table.main_table tr.row_marked_clicked td,
div.gui_gridadv_outer table.main_table tr.row_view td {
  border-width: 0 1px 1px 0;
  padding     : 0 3px 0 3px;
  border-color: #e0e0e0;
  border-style: solid;
}

div.gui_gridadv_outer_disabled table.main_table tr.row td,
div.gui_gridadv_outer_disabled table.main_table tr.row_over td,
div.gui_gridadv_outer_disabled table.main_table tr.row_selected td,
div.gui_gridadv_outer_disabled table.main_table tr.row_selected_over td,
div.gui_gridadv_outer_disabled table.main_table tr.row_clicked td,
div.gui_gridadv_outer_disabled table.main_table tr.row_view td {
  border-width: 0 1px 1px 0;
  padding     : 0 3px 0 3px;
  border-color: #e0e0e0;
  border-style: solid;
}

/* --- TD add --- */

div.gui_gridadv_outer table.main_table tr.row_add td.add,
div.gui_gridadv_outer table.main_table tr.row_add td.add_disabled,
div.gui_gridadv_outer table.main_table tr.row_add td.add_empty {
  border-width: 1px 1px 2px 1px;

  border-top-color: #d0d0d0;
  border-left-color: #d0d0d0;
  border-right-color: #c0c0c0;
  border-bottom-color: #a0a0a0;

  border-style: solid;

  text-align: center;
  vertical-align: middle;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_add td.add,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td.add_disabled,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td.empty {
  border-width: 1px 1px 1px 1px;

  border-top-color: #dbdbdb;
  border-left-color: #dbdbdb;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;

  border-style: solid;

  text-align: center;
  vertical-align: middle;

  color: #808080;
  background-color: #dbdbdb;
}

/* --- TD edit --- */

div.gui_gridadv_outer table.main_table tr.row_edit td.edit,
div.gui_gridadv_outer table.main_table tr.row_edit td.edit_empty,
div.gui_gridadv_outer table.main_table tr.row_edit td.edit_disabled {
  border-width: 1px 1px 1px 0px;
  padding: 0 2px 0 0px;
  border-color: #606060;
  border-right-color: #a0a0a0;
  border-style: solid;
  border-right-style: dashed;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_edit td.edit,
div.gui_gridadv_outer_disabled table.main_table tr.row_edit td.edit_empty,
div.gui_gridadv_outer_disabled table.main_table tr.row_edit td.edit_disabled {
  border-width: 1px 1px 1px 0px;
  padding: 0 2px 0 0px;
  border-color: #606060;
  border-right-color: #a0a0a0;
  border-style: solid;
  border-right-style: dashed;
}

/* --- TD edit empty / disabled --- */

div.gui_gridadv_outer table.main_table tr.row_edit td.edit_empty,
div.gui_gridadv_outer table.main_table tr.row_edit td.edit_disabled {
  padding: 0 2px 0 2px;
  vertical-align: top;
  background-color: #eaeaea;
}

div.gui_gridadv_outer_disabled table.main_table tr.row_edit td.edit_empty,
div.gui_gridadv_outer_disabled table.main_table tr.row_edit td.edit_disabled {
  padding: 0 2px 0 2px;
  vertical-align: top;
  background-color: #eaeaea;
}

/* --- TD add empty / disabled --- */

div.gui_gridadv_outer table.main_table tr.row_add td.add_empty,
div.gui_gridadv_outer table.main_table tr.row_add td.add_disabled {
  /*background-color: #dbdbdb;*/
}

div.gui_gridadv_outer_disabled table.main_table tr.row_add td.add_empty,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td.add_disabled {
  background-color: #dbdbdb;
}

/* --- TD marked --- */

div.gui_gridadv_outer table.main_table tr.row_marked td,
div.gui_gridadv_outer table.main_table tr.row_marked_over td,
div.gui_gridadv_outer table.main_table tr.row_marked_selected td,
div.gui_gridadv_outer table.main_table tr.row_marked_selected_over td {
  font-weight: bold;
  color: green;
}

div.gui_gridadv_outer table.main_table tr.row_marked_selected td {
  font-weight: bold;
  color: white;
}

div.gui_gridadv_outer table.main_table tr.row_marked_selected_over td {
  font-weight: bold;
  color: #ffffc0;
}

/* --- TD sorted --- */

div.gui_gridadv_outer table.main_table tr.row td.sorted {
  border-width: 0 1px 1px 0;
  padding     : 0 3px 0 3px;
  border-right-color: #d0d0d0;
  border-bottom-color: #eaeaea;
  border-style: solid;
}

div.gui_gridadv_outer_disabled table.main_table tr.row td.sorted {
  border-width: 0 1px 1px 0;
  padding     : 0 3px 0 3px;
  border-right-color: #d0d0d0;
  border-bottom-color: #d0d0d0;
  border-style: solid;
}


/* --- TD empty --- */

div.gui_gridadv_outer table.main_table tr td.empty {
  border-width: 0px;
  padding     : 0 3px 0 3px;
  border-color: white;
  border-style: solid;
  /*background-color: white;*/
}

div.gui_gridadv_outer_disabled table.main_table tr td.empty {
  border-width: 0px;
  padding     : 0 3px 0 3px;
  border-color: white;
  border-style: solid;
  /*background-color: #E2E2E2;*/
}


/* --- STATUSBAR --- */

div.gui_gridadv_outer table.statusbar {
  background-color: #F0F0F0;

  table-layout: fixed;
  position: absolute;
  left: 0px;

  margin: 0;
}

div.gui_gridadv_outer_disabled table.statusbar {
  background-color: #D8D8D8;

  table-layout: fixed;
  position: absolute;
  left: 0px;

  margin: 0;
}


div.gui_gridadv_outer table.statusbar * td,
div.gui_gridadv_outer_disabled table.statusbar * td {
  font-family: "Courier new";
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;

  white-space: nowrap;
  vertical-align: middle;
  empty-cells: visible;

  overflow: hidden;
  padding: 0px 3px 0px 3px;
}

div.gui_gridadv_outer table.statusbar * tr.sb_title td.sb_title,
div.gui_gridadv_outer_disabled table.statusbar * tr.sb_title td.sb_title {
  border-left: 1px solid #E0E0E0;

  color: #808080;

  text-align: left;
  padding: 0px 2px;
}

div.gui_gridadv_outer table.statusbar * tr.sb_title td.dmy_srt,
div.gui_gridadv_outer_disabled table.statusbar * tr.sb_title td.dmy_srt {
  border-right: 1px solid #F0F0F0;

  margin: 0px;
  padding: 0px;
}

div.gui_gridadv_outer table.statusbar * tr.sb_title td.dmy_res,
div.gui_gridadv_outer_disabled table.statusbar * tr.sb_title td.dmy_res {
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;

  width: 5px;

  margin: 0px;
  padding: 0px;
}

div.gui_gridadv_outer table.statusbar * tr.sb_value td {
  border-left: 1px solid #E0E0E0;

  color: black;
  text-align: center;
}

div.gui_gridadv_outer_disabled table.statusbar * tr.sb_value td {
  border-left: 1px solid #E0E0E0;

  color: #808080;
  text-align: center;
}

div.gui_gridadv_outer table.sb_comm_title,
div.gui_gridadv_outer_disabled table.sb_comm_title {
  /*border-top: 1px dashed #b0b0b0;*/

  position: absolute;
  left: 0px;
  z-index: 10;
}

div.gui_gridadv_outer table.sb_comm_title * td {
  text-align: center;
  line-height: 20px;

  color: black;
}

div.gui_gridadv_outer_disabled table.sb_comm_title * td {
  text-align: center;
  line-height: 20px;

  color: #A0A0A0;
}


/******************************************************************************/
/* Tooltip                                                                    */
/******************************************************************************/

div.gui_tooltip {
  border: 2px solid #2065AF;
  background-color: white;

  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
  color      : black;

  position: absolute;
  left: 1px;
  top: 1px;
  display : block;
  z-index:2000000000;

  /*white-space: nowrap;*/

  padding: 4px 8px 4px 8px;
}

div.gui_tooltip hr {
  color: #2065AF;
  background-color: #2065AF;
  height: 1px;
}

div.gui_tooltip pre {
  font-family: verdana;
  font-weight: normal;
  font-size  : 12px;
}

/******************************************************************************/
/* AlertCanvas                                                                */
/******************************************************************************/

div.gui_a_canvas {
  font-family: verdana;
  font-weight: bold;
  font-size  : 14px;
  color      : #404040;

  position: relative;
  left: 0px;
  top: 0px;

  padding: 2px 2px 2px 2px;
}

div.gui_a_canvas_disabled {
  font-family: verdana;
  font-weight: bold;
  font-size  : 14px;
  color      : #a0a0a0;

  position: relative;
  left: 0px;
  top: 0px;

  padding: 2px 2px 2px 2px;
}

div.gui_a_canvas div,
div.gui_a_canvas_disabled div {
  text-align : justify;

  padding: 5px 11px 11px 40px;
}

div.gui_a_canvas img,
div.gui_a_canvas_disabled img {
  position:absolute;
  left:5px;
  top:5px;
}

/******************************************************************************/
/* SimpleWebList                                                              */
/******************************************************************************/

ul.gui_list,
ul.gui_list_disabled {
  margin: 0;
  padding: 0;
}

ul.gui_list li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e0e0e0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : black;
  background-color: white;

  list-style-type: none;
  white-space: nowrap;

  padding: 2px 2px 2px 2px;
}

ul.gui_list_disabled li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e0e0e0;

  font-family: verdana;
  font-weight: normal;
  font-size  : 11px;
  color      : #a0a0a0;
  background-color: #f5f5f5;

  list-style-type: none;
  white-space: nowrap;

  padding: 2px 2px 2px 2px;
}

ul.gui_list li.a {
  background-color: #f5f5f5;
}

ul.gui_list_disabled li.a {
  background-color: #f0f0f0;
}

/******************************************************************************/
/* splash screen                                                              */
/******************************************************************************/

div.splash_outer {
  position: absolute;
  left    : 0px;
  top     : 0px;
  width   : 99%;
  height  : 99%;
  z-index : 100000000;

  cursor: pointer;
}

div.splash {
  font-family: verdana;
  font-weight: normal;
  font-size  : 32px;
  color      : #27488A;

  position: absolute;
  left    : 50%;
  top     : 50%;
  width   : 600px;
  height  : 452px;
  z-index : 1;

  margin-left: -300px;
  margin-top : -226px;

  cursor: pointer;
}

div.splash_text {
  font-family: verdana;
  font-weight: normal;
  font-size  : 24px;
  color      : #27488A;

  position: absolute;
  left    : 111px;
  top     : 120px;
  width   : 540px;
  height  : 320px;
  z-index : 3;
}

div.splash_shadow {
  font-family: verdana;
  font-weight: normal;
  font-size  : 24px;
  color      : #DBCF6A;

  position: absolute;
  left    : 112px;
  top     : 122px;
  width   : 540px;
  height  : 320px;
  z-index : 2;
}

div.splash_text div.title,
div.splash_shadow div.title {
  font-weight: bold;

  position: absolute;
  left    : 0px;
  top     : 0px;
  z-index : 2;
}

div.splash_text div.subtitle,
div.splash_shadow div.subtitle {
  position: absolute;

  left   : 0px;
  top    : 30px;
  z-index: 2;
}

div.splash_text div.version,
div.splash_shadow div.version {
  font-size: 12px;
  position : absolute;
  font-weight: bold;

  left   : 0px;
  top    : 211px;
  z-index: 2;
}

div.splash_text div.user,
div.splash_shadow div.user {
  font-size: 12px;
  position : absolute;
  font-weight: bold;

  left   : 0px;
  top    : 228px;
  z-index: 2;
}

/******************************************************************************/
/* desktop container                                                          */
/******************************************************************************/

div.desk_cont,
div.desk_cont_disabled {
  position: absolute;
  left: 0px;
  top: 24px;

  width: 100%;

  overflow: hidden;
}

/*** main toolbar *********************/

div.desk_cont div.main_tool,
div.desk_cont_disabled div.main_tool {
  position: absolute;
  overflow: visible;
  left: 0px;
  top: 0px;

  height: 23px;
  z-index: 2;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_toolbar_back.gif');

  white-space: nowrap;
}

div.desk_cont div.main_tool ul,
div.desk_cont_disabled div.main_tool ul {
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.desk_cont div.main_tool ul li,
div.desk_cont_disabled div.main_tool ul li {
  list-style-type: none;
  white-space: nowrap;
  display: inline;

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

/*** title ****************************/

div.desk_cont div.dc_title,
div.desk_cont_disabled div.dc_title {
  position: absolute;
  left: 40px;
  top: 0px;

  height: 23px;
  z-index: 1;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_title_back.gif');

  white-space: nowrap;
}

div.desk_cont div.dc_title_gap,
div.desk_cont_disabled div.dc_title_gap {
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;

  z-index: 2;

  background-color: #02151F;
}

div.desk_cont div.dc_title span {
  font-family: verdana;
  font-size: 13px;
  font-weight: bold;

  color: white;
}

div.desk_cont_disabled div.dc_title span {
  font-family: verdana;
  font-size: 13px;
  font-weight: bold;

  color: #c0c0c0;
}

div.desk_cont div.dc_title div.dc_corner_l,
div.desk_cont_disabled div.dc_title div.dc_corner_l {
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: -1px;
  width: 5px;
  height: 24px;
  z-index: 2;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_title_corner_l.gif');
}

div.desk_cont div.dc_title div.dc_corner_r,
div.desk_cont_disabled div.dc_title div.dc_corner_r {
  position: absolute;
  overflow: hidden;
  top: 0px;
  right: 0px;
  width: 3px;
  height: 24px;
  z-index: 2;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_title_corner_r.gif');
}

div.desk_cont div.dc_title div.container,
div.desk_cont_disabled div.dc_title div.container {
  position: relative;
  top: 8px;
  left: 10px;
}

div.desk_cont div.dc_title div.container span,
div.desk_cont_disabled div.dc_title div.container span {
  position: relative;
  top: 1px;
}

div.desk_cont div.dc_title table.container,
div.desk_cont_disabled div.dc_title table.container {
  position: absolute;
  top: -3px;
  height: 25px;
}

div.desk_cont div.dc_title td.container,
div.desk_cont_disabled div.dc_title td.container {
  padding: 0px 4px;
}

div.desk_cont div.dc_title td.container span,
div.desk_cont_disabled div.dc_title td.container span {
  top: 0px;
}


div.desk_cont img.ctrl_x,
div.desk_cont_disabled img.ctrl_x {
  position: absolute;
  right: 8px;
  top: 5px;
}

/*** left toolbar *********************/

div.desk_cont div.tool_l {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 100%;

  overflow: visible;
  z-index: 3;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_t_left_back.gif');
}

div.desk_cont_disabled div.tool_l {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 100%;

  overflow: visible;
  z-index: 3;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_t_left_back.gif');
}

div.desk_cont div.tool_l div.top_gap,
div.desk_cont_disabled div.tool_l div.top_gap {
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 5px;

  z-index: 1;

  background-color: #02151F;
}


div.desk_cont * div.tab,
div.desk_cont_disabled * div.tab,
div.desk_cont * div.tab_over,
div.desk_cont_disabled * div.tab_over {
  position: absolute;
  left: 0px;
  z-index: 1000000000;
}

div.desk_cont * div.tab table,
div.desk_cont_disabled * div.tab table,
div.desk_cont * div.tab_over table,
div.desk_cont_disabled * div.tab_over table {
  border-collapse: collapse;
  border-width: 0px;

  margin: 0px;
  padding: 0px;
}

div.desk_cont * div.tab * td,
div.desk_cont_disabled * div.tab * td,
div.desk_cont * div.tab_over * td,
div.desk_cont_disabled * div.tab_over * td {
  margin: 0px;
  padding: 0px;
}

div.desk_cont * div.tabb {
  position: relative;
  overflow: hidden;

  width: 40px;
  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tab.gif');
}

div.desk_cont_disabled * div.tabb {
  position: relative;
  overflow: hidden;

  width: 40px;
  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tab_d.gif');
}

div.desk_cont * div.tabb_selected {
  position: relative;
  overflow: hidden;

  width: 40px;
  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tab_sel.gif');
}

div.desk_cont_disabled * div.tabb_selected {
  position: relative;
  overflow: hidden;

  width: 40px;
  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tab_sel_d.gif');
}

div.desk_cont * div.tab_over * div.tabb,
div.desk_cont * div.tab_over * div.tabb_selected {
  position: relative;
  overflow: hidden;

  width: 40px;
  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tab_o.gif');
}

div.desk_cont * div.tooltip,
div.desk_cont_disabled * div.tooltip {
  position: relative;

  height: 37px;

  white-space: nowrap;
  display: none;
}

div.desk_cont * div.tab_over * div.tooltip {
  border-right: 1px solid #19445D;

  position: relative;

  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tooltip_back.gif');

  white-space: nowrap;

  display: block;

  margin: 0px;
  padding: 0px;

  cursor: default;
}

div.desk_cont * div.tab_over * div.tooltip span {
  font-family: verdana;
  font-size: 13px;
  font-weight: bold;

  color: black;

  position: relative;
  top: 11px;

  margin-left: 4px;
  margin-right: 4px;

  cursor: default;
}


div.desk_cont * div.control,
div.desk_cont_disabled * div.control {
  position: relative;

  display: none;
}

div.desk_cont * div.tab_over * div.control {
  border-right: 1px solid #19445D;

  position: relative;

  height: 37px;

  background-image: url('/public/_common_look/ios/resource/images/desktop/container_tooltip_back.gif');

  display: block;
}

div.desk_cont * div.tab_over * div.control img {
  position: relative;

  top: 7px;
  margin: 0px 4px 0px 4px;
}


/******************************************************************************/
/* panel advanced                                                             */
/******************************************************************************/

div.panel_adv,
div.panel_adv_disabled {
  position: relative;
  overflow: hidden;

  margin-top: 6px;
  margin-bottom: 6px;
}

/*** TITLE ***************************/

div.panel_adv div.tc,
div.panel_adv_disabled div.tc {
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;

  position: absolute;
  left: 2px;
  top: 0px;
  height: 18px;
  line-height: 18px;

  overflow: hidden;

  color: black;
}

div.panel_adv div.tc_over {
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;

  position: absolute;
  left: 2px;
  top: 0px;
  height: 18px;
  line-height: 18px;

  overflow: hidden;

  color: black;
  background-color: #FFFFC0;
}

/*** TOOLBAR *************************/

div.panel_adv div.padv_toolbar_b {
  /*background-image: url('/public/_common_look/ios/resource/images/panel/toolbar_back.gif');*/

  position: absolute;
  overflow: hidden;

  top: 0px;
  height:23px;

  padding: 0;
  margin: 0;
}

div.panel_adv div.padv_toolbar_l {
  /*background-image: url('/public/_common_look/ios/resource/images/panel/toolbar_l.gif');*/

  position: absolute;
  overflow: hidden;

  top: 0px;
  width: 6px;
  height:23px;

  padding: 0;
  margin: 0;
}

div.panel_adv div.padv_toolbar_r {
  /*background-image: url('/public/_common_look/ios/resource/images/panel/toolbar_r.gif');*/

  position: absolute;
  overflow: hidden;

  top: 0px;
  width: 6px;
  height:23px;

  padding: 0;
  margin: 0;
}

div.panel_adv_disabled div.padv_toolbar_b {
  background-color: #e0e0e0;

  position: absolute;
  overflow: hidden;

  top: 0px;
  height: 23px;

  padding: 0;
  margin: 0;
}

div.panel_adv_disabled div.padv_toolbar_l,
div.panel_adv_disabled div.padv_toolbar_r {
  background-color: #e0e0e0;

  position: absolute;
  overflow: hidden;

  top: 0px;
  width: 6px;
  height: 23px;

  padding: 0;
  margin: 0;
}

div.panel_adv div.padv_toolbar_b ul,
div.panel_adv_disabled div.padv_toolbar_b ul {
  margin: 2px 0px 0px 0px;
  padding: 0;
}

div.panel_adv div.padv_toolbar_b ul li,
div.panel_adv div.padv_toolbar_b ul li {
  list-style-type: none;
  white-space: nowrap;
  display: inline;

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

/*** CONTENT *************************/

div.panel_adv div.content {
  position: absolute;
  overflow: auto;
  background-color: transparent;
}

div.panel_adv_disabled div.content {
  overflow: auto;
  background: #e0e0e0;
}

/*** BORDER *************************/

div.panel_adv div.brd {
  position: absolute;
  overflow: hidden;
}

div.panel_adv_disabled div.brd {
  position: absolute;
  overflow: hidden;
}

/******************************************************************************/
/* WebEcho                                                                    */
/******************************************************************************/

div.echo {
  border: 2px solid blue;

  position: absolute;
  overflow: hidden;
  right: 0px;
  bottom: 0px;
  height: 1px;
  z-index: 2100000000;

  background-color: white;
}

div.echo table {
  margin: 2px;
}

div.echo table tr td {
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;

  color: blue;

  vertical-align: middle;
  line-height: 30px;
}

/******************************************************************************/
/* FAVORITES                                                                  */
/******************************************************************************/

img.favorite {
  cursor: pointer;
}

img.favorite_disabled {
  cursor: default;
}

/******************************************************************************/
/* SUGGESTION TEXT FIELD                                                      */
/******************************************************************************/
span.gui_sugg_hilite {
  border: 1px solid #E0E0D0;
  background-color: #FFFFC0;
}

tr.selected span.gui_sugg_hilite,
tr.odd_selected span.gui_sugg_hilite,
tr.alert_selected span.gui_sugg_hilite {
  border: 1px solid #800080;
  background-color: transparent;
}

input.gui_sugg_tf {
 background-position: top right;
 background-repeat: no-repeat;
 background-image: url(/public/_common_look/ios/resource/icons/suggestion/sugg_bulb.gif);

 padding-right: 16px;
}

input.gui_sugg_tf_disabled,
input.gui_sugg_tf_not_editable {
 background-color : #dbdbdb;
 padding-right: 16px;
}

div.gui_sugg_tf {
  border: 1px solid black;
  background-color: white;

  position: absolute;
  overflow: auto;
}

div.gui_sugg_tf table {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

div.gui_sugg_tf tr {
  border-bottom: 1px solid #e4e4e4;
}

div.gui_sugg_tf tr.odd {
  background-color: #f0f0f0;
}

div.gui_sugg_tf tr.alert {
  color: #803030;
}

div.gui_sugg_tf tr.alert_odd {
  color: #803030;
  background-color: #f0f0f0;
}

div.gui_sugg_tf tr.info {
  color: #303080;
}

div.gui_sugg_tf tr.info_odd {
  color: #303080;
  background-color: #f0f0f0;
}

div.gui_sugg_tf tr.odd_selected,
div.gui_sugg_tf tr.selected,
div.gui_sugg_tf tr.alert_selected,
div.gui_sugg_tf tr.alert_odd_selected,
div.gui_sugg_tf tr.info_selected,
div.gui_sugg_tf tr.info_odd_selected {
  color: white;
  background-color: #800080;
}

div.gui_sugg_tf td {
  font-family: verdana;
  font-size: 13px;
  white-space: nowrap;

  cursor: default;

  padding: 2px 4px 2px 4px;
}

div.gui_sugg_tf td.favorite,
div.gui_sugg_tf tr.selected td.favorite {
  background-color: white;
}

div.gui_sugg_tf tr.odd td.favorite,
div.gui_sugg_tf tr.odd_selected td.favorite,
div.gui_sugg_tf tr.alert_odd td.favorite {
  background-color: #f0f0f0;
}

/******************************************************************************/
/* SUGGESTION COMBOBOX                                                        */
/******************************************************************************/

input.gui_sugg_combo {
 background-position: top right;
 background-repeat: no-repeat;
 background-image: url(/public/_common_look/ios/resource/icons/suggestion/sugg_down.gif);

 padding-right: 16px;

 cursor: default;
}

input.gui_sugg_combo_focus {
 background-position: top right;
 background-repeat: no-repeat;
 background-image: url(/public/_common_look/ios/resource/icons/suggestion/sugg_down.gif);

 padding-right: 16px;
 /*background-color: #ffffc0;*/

 cursor: default;
}

input.gui_sugg_combo_disabled,
input.gui_sugg_combo_not_editable {
 background-color : #dbdbdb;

 padding-right: 16px;

 cursor: default;
}

input.gui_sugg_filter {
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px dotted black;
  border-bottom: 1px dotted black;

  font-family: verdana;
  font-size: 13px;

  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/public/_common_look/ios/resource/images/suggest/search.gif);

  background-color: #ffffc0;

  position: absolute;
  padding-left: 4px;
  padding-right: 16px;
}

input.gui_sugg_filter_loading {
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px dotted black;
  border-bottom: 1px dotted black;

  font-family: verdana;
  font-size: 13px;

  font-family: verdana;
  font-size: 13px;

  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/public/_common_look/ios/resource/images/suggest/loading.gif);

  background-color: #ffffc0;

  position: absolute;
  padding-left: 4px;
  padding-right: 16px;
}

input.gui_sugg_combo_clear,
input.gui_sugg_combo_clear_not_editable,
input.gui_sugg_combo_clear_disabled {
  border-left-width: 0px;
  position: relative;
  left: -1px;
  
  color: white;
  background-position: center;
  background-repeat: no-repeat;
 
  width: 15px;
  
  padding: 1px;
  margin: 0px;
  cursor: default;
}

/******************************************************************************/
/* SIMPLE LAYOUT CONTAINER                                                    */
/******************************************************************************/

table.simple_layout_container {
  border: 0px none;
  margin: 0px;
  padding: 0px;
}



/******************************************************************************/
/* menu                                                                       */
/******************************************************************************/

table.menu_button,
table.menu_button_disabled {
  position: absolute;
  height: 19px;
  line-height: 19px;

  border-collapse: collapse;
  border-width: 0px;

  display: inline;

  padding: 0px;
  margin: 0px;

  background-color: transparent;
}

/* inside grid's add row */
div.gui_gridadv_outer table.main_table tr.row_add td table.menu_button,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td table.menu_button,
div.gui_gridadv_outer table.main_table tr.row_add td table.menu_button_disabled,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td table.menu_button_disabled {
  position: static;
}


div.gui_gridadv_outer table.main_table td table.menu_button td,
div.gui_gridadv_outer_disabled table.main_table td table.menu_button td,
div.gui_gridadv_outer table.main_table td table.menu_button tr,
div.gui_gridadv_outer_disabled table.main_table td table.menu_button tr,
div.gui_gridadv_outer table.main_table td table.menu_button_disabled td,
div.gui_gridadv_outer_disabled table.main_table td table.menu_button_disabled td,
div.gui_gridadv_outer table.main_table td table.menu_button_disabled tr,
div.gui_gridadv_outer_disabled table.main_table td table.menu_button_disabled tr {
  padding: 0px;
  margin: 0px;

  height: 19px;
  line-height: 19px;
}

/*** space holder ********************/

span.menu_spaceholder {
  position: static;
  display: inline;

  font-family: verdana;
  font-size: 11px;
  font-weight: normal;

  visibility: hidden;
}

/* inside grid's add row */
div.gui_gridadv_outer table.main_table tr.row_add td span.menu_spaceholder,
div.gui_gridadv_outer_disabled table.main_table tr.row_add td span.menu_spaceholder {
  display: none;
}

/*** left cap *************************/

table.menu_button tr.menu_row td.l {
  width: 4px;
  height: 19px;
}

table.menu_button_disabled tr.menu_row td.l {
  width: 4px;
  height: 19px;
}

table.menu_button tr.menu_row_over td.l {
  width: 4px;
  height: 19px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_l.gif');
}

table.menu_button tr.menu_row_selected td.l {
  width: 4px;
  height: 19px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_l_sel.gif');
}

/*** icon cap *************************/

table.menu_button tr.menu_row td.i {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;
}

table.menu_button_disabled tr.menu_row td.i {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;
}

table.menu_button tr.menu_row_over td.i {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_c.gif');
}

table.menu_button tr.menu_row_selected td.i {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_c_sel.gif');
}

/*** center cap ************************/

table.menu_button tr.menu_row td.c {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;

  cursor: default;
}

table.menu_button_disabled tr.menu_row td.c {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;

  cursor: default;
}

table.menu_button tr.menu_row_over td.c {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_c.gif');

  cursor: default;
}

table.menu_button tr.menu_row_selected td.c {
  height: 19px;

  white-space: nowrap;
  vertical-align: middle;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_c_sel.gif');

  cursor: default;
}

/*** label ****************************/

table.menu_button tr.menu_row td.c,
table.menu_button tr.menu_row_over td.c,
table.menu_button tr.menu_row_selected td.c {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;

  color: black;

  padding-right: 4px;
  padding-left: 4px;

  cursor: default;
}

table.menu_button tr.menu_row td.c span,
table.menu_button tr.menu_row_over td.c span,
table.menu_button tr.menu_row_selected td.c span {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;

  color: black;

  display: inline;
  position: static;

  padding-right: 4px;
  padding-left: 4px;

  cursor: default;
}

table.menu_button_disabled tr.menu_row td.c span,
table.menu_button_disabled tr.menu_row td.c {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;

  color: gray;

  display: inline;
  position: static;

  padding-right: 4px;
  padding-left: 4px;

  cursor: default;
}

/*** right cap ***********************/

table.menu_button tr.menu_row td.r {
  width: 13px;
  height: 19px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_r.gif');
}

table.menu_button_disabled tr.menu_row td.r {
  width: 13px;
  height: 19px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_r_d.gif');
}

table.menu_button tr.menu_row_over td.r {
  width: 13px;
  height: 19px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_r_o.gif');
}

table.menu_button tr.menu_row_selected td.r {
  width: 13px;
  height: 19px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_label_r_sel.gif');
}

/*** floating *************************/

div.menu_button_floating {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000000;
}

div.menu_button_floating div.panel {
  border: 1px solid #364856;
  border-right-width: 2px;
  border-bottom-width: 2px;

  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;

  background-color: #B7CBDB;
}

/*** item list ***********************/

div.menu_button_floating div.panel table tr {
  height: 21px;
}

div.menu_button_floating div.panel table tr td.l {
  width: 22px;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_float_l.gif');

  text-align: center;

  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 4px;
  padding-left: 4px;
}

div.menu_button_floating div.panel table tr.over td.l {
  background-color: #0A246A;
  background-image: none;
}

div.menu_button_floating div.panel table tr td.c {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;

  color: black;

  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 6px;
  padding-left: 6px;

  cursor: default;
}

div.menu_button_floating div.panel table tr.disabled td.c {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;

  color: gray;

  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 6px;
  padding-left: 6px;

  cursor: default;
}

div.menu_button_floating div.panel table tr.over td.c {
  color: white;
  background-color: #0A246A;
}

div.menu_button_floating div.panel table tr td.r {
  width: 14px;

  cursor: default;

  text-align: center;

  background-image: url('/public/_common_look/ios/resource/images/menu/m_float_l.gif');
}

div.menu_button_floating div.panel table tr.over td.r {
  background-color: #0A246A;
  background-image: none;
}

/*** separator ***********************/

div.menu_button_floating div.panel table tr.separator {
  height: 2px;
}

div.menu_button_floating div.panel table tr.separator td {
  background-color: #DCE8F0;
}

/******************************************************************************/
/* WebCardItem                                                                */
/******************************************************************************/

div.card_title {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
}

pre.card {
  font-family: verdana;
  font-size: 12px;

  padding: 0px 0px 0px 12px;
}

/******************************************************************************/
/* WebPanelTabView                                                            */
/******************************************************************************/

div.tab_view {
  border-left: 1px solid #E2E2EA;
  border-right: 1px solid #A6A6B6;

  position: absolute;
  overflow: hidden;
  top: 0px;
  height: 23px;

  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_back.gif');
}

div.tab_view ul.tabs {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 23px;

  cursor: text;

  margin: 0px;
  padding: 0px;
}

div.tab_view ul.tabs li {
  list-style-type: none;
  display: inline;

  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  cursor     : default;

  white-space: nowrap;
  line-height: 23px;

  margin: 0px;
  padding: 5px 14px 4px 14px;
}

div.tab_view ul.tabs li.first {
  padding: 5px 2px 4px 1px;
}

div.tab_view ul.tabs li.over {
  color: white;
}

div.tab_view ul.tabs li.selected {
  border-bottom: 1px solid #CACACA;

  position: relative;
  top: 2px;

  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_sel_back.gif');

  padding: 2px 14px 2px 14px;
}

div.tab_view_border {
  border-left: 1px solid #E2E2EA; /*white;*/
  border-bottom: 1px solid #8B8CA1; /*#A6A6B6;*/
  border-right: 1px solid #8B8CA1; /*#A6A6B6;*/

  position: absolute;
  overflow: hidden;

  background-color: #CECED6; /*#E7E7E7;*/
}

div.tab_view_border div.cnt {
  border-left: 1px solid #E6E6E6;  /*#8B8CA1;*/
  border-bottom: 1px solid #E6E6E6;  /*#E2E2EA;*/
  border-right: 1px solid #E6E6E6; /*#E2E2EA;*/

  position: absolute;
  overflow: hidden;
  top: 0px;
}

div.gui_desktop_outer div.content_add div.tab_view_border div.cnt {
  background: #F5F5F5;
}

div.gui_desktop_outer div.content_edit div.tab_view_border div.cnt {
  background: #F5F5F5;
}

div.gui_desktop_outer div.content_view div.tab_view_border div.cnt {
  background: #E0E0E0;
}

div.gui_desktop_outer_disabled div.content div.tab_view_border div.cnt,
div.gui_desktop_outer_disabled div.content_add div.tab_view_border div.cnt,
div.gui_desktop_outer_disabled div.content_edit div.tab_view_border div.cnt,
div.gui_desktop_outer_disabled div.content_view div.tab_view_border div.cnt {
  background: #E6E6E6;
}

/******************************************************************************/
/* WebPanelTabView2                                                           */
/******************************************************************************/

div.tab_view_2 {
  position: absolute;
  overflow: hidden;
  top: 0px;
  height: 23px;

  background-image: url('/public/_common_look/ios/resource/images/tab_view/tabs_back_2.gif');
}

div.tab_view_2 table.tabs {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 23px;
  border-collapse: collapse;
  table-layout: auto;
  width:100px;

  cursor: text;

  margin: 0px;
  padding: 0px;
}

div.tab_view_2 table.tabs td {
  font-family: verdana;
  font-weight: bold;
  font-size  : 11px;
  color      : black;
  cursor     : default;
  text-align : center;
  vertical-align: middle;

  white-space: nowrap;
  line-height: 23px;
  height: 23px;

  margin: 0px;
}

div.tab_view_2 table.tabs td.left {
  width: 4px;
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_left_2.gif');
}

div.tab_view_2 table.tabs td.center {
  color: #404040;
  
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_back_2.gif');
  padding-left: 5px;
  padding-right: 5px;
}

div.tab_view_2 table.tabs td.center_over {
  color: white;
  
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_back_2.gif');
  padding-left: 5px;
  padding-right: 5px;
}

div.tab_view_2 table.tabs td.right {
  width: 4px;
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_right_2.gif');
}

div.tab_view_2 table.tabs td.left_selected {
  width: 4px;
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_sel_left_2.gif');
}

div.tab_view_2 table.tabs td.center_selected {
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_sel_back_2.gif');
  padding-left: 5px;
  padding-right: 5px;
}

div.tab_view_2 table.tabs td.center_over_selected {
  color: white;
  
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_sel_back_2.gif');
  padding-left: 5px;
  padding-right: 5px;
}

div.tab_view_2 table.tabs td.right_selected {
  width: 4px;
  background-image: url('/public/_common_look/ios/resource/images/tab_view/tab_sel_right_2.gif');
}

div.tab_view_2_cnt {
  position: absolute;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

div.gui_desktop_outer div.content_view div.tab_view_2_cnt {
}

div.gui_desktop_outer div.content_add div.tab_view_2_cnt,
div.gui_desktop_outer div.content_edit div.tab_view_2_cnt {
  background-color: #F0F0F0;
}

/******************************************************************************/
/* INFO PANEL                                                                 */
/******************************************************************************/

div.info_panel {
  margin-right: 4px;
}

div.info_panel div.info_header {
  border-bottom: 1px dotted #c0c0c0;

  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 6px;
}

div.info_panel div.info_header table {
  margin-bottom: 4px;
}

div.info_panel div.info_header * td {
  font-family: verdana;
  font-size: 13px;
  font-weight: bold;

  empty-cells: hidden;
}

div.info_panel div.info_content {
  /*border: 3px solid #d0d0d0;
  background-color: white;*/

  margin-left: 1px;
  margin-right: 1px;
}

/******************************************************************************/
/* CLIENT - DEBUG                                                             */
/******************************************************************************/

div.debug_client {
  border: 1px solid lightgreen;

  font-family: verdana;
  font-size: 11px;
  font-weight: bold;

  cursor: default;
  color: lightgreen;
  background-color: black;

  position: relative;
  display: inline;
  overflow: hidden;
  z-index: 1;
}

div.debug_client_over {
  border: 1px solid black;

  font-family: verdana;
  font-size: 11px;
  font-weight: bold;

  cursor: default;
  color: black;
  background-color: lightgreen;

  position: relative;
  display: inline;
  overflow: hidden;
  z-index: 1;
}

div.debug_client_floating {
  position: absolute;
  overflow: auto;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2000000000;

  background-color: #215A7B;
  /*filter: alpha(opacity=97);
  opacity: 0.97;*/
}

div.debug_client_floating div {
  border: 4px solid black;

  position: absolute;
  overflow: hidden;
  left: 4px;
  top: 4px;

  background-color: white;

  padding: 11px;
}

div.debug_client_floating div center {
  border: 1px solid #c5c5c5;

  font-family: verdana;
  font-size: 12px;
  font-weight: bold;

  background-color: #e0e0e0;

  padding: 5px;
}

div.debug_client_floating div table {
  border-collapse: collapse;
}

div.debug_client_floating div table tr td.label {
  border: 1px solid #c5c5c5;

  font-family: verdana;
  font-size: 12px;
  font-weight: bold;

  text-align: right;

  background-color: #e0e0e0;

  padding: 4px;
}

div.debug_client_floating div table tr td.value {
  border: 1px solid #e0e0e0;

  font-family: verdana;
  font-size: 12px;
  font-weight: normal;

  text-align: left;

  padding: 4px;
}

div.debug_client_floating div table tr td.value ul {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

div.debug_client_floating div table tr td.value ul li {
  font-family: verdana;
  font-size: 12px;
  font-weight: normal;

  list-style-type: circle;
}