.table_nopad_nospace
{
  border-spacing: 0px;
}

.table_nopad_nospace TD
{
  padding: 0px;
  margin: 0px;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* tree defintions */

.tree_control_icon
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  display: block;
}

.tree_item_icon
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  display: block;
}

.tree_control_plus,
.tree_control_minus
{
  cursor: pointer;
}

.tree_indent_cell
{
  width: 19px;
  vertical-align: top;
}

.tree_line_cell
{
  background-image: url('../images/tree/I.png');
  background-repeat: repeat-y;
  background-position: center top;
}

.tree_icon_cell
{
  text-align: center;
}

.tree_item_cell
{
  padding-left: 3px;
  padding-bottom: 3px;
  vertical-align: top;
}

.control_tree_icon
{
  cursor: pointer;
}

.tree_active_item
{
  background-color: #dddddd;
}

/* list defintions */

.list_active_item 
{
  background-color: #dddddd;
}

/* common menu definitions */

.submenu_down_left
{
  display: none;
  position:absolute;
  top:100%;
  left:0;
}

.submenu_down_right
{
  display: none;
  position:absolute;
  top:100%;
  right:0;
}

.submenu_up_left
{
  display: none;
  position:absolute;
  bottom:100%;
  left:0;
}

.submenu_up_right
{
  display: none;
  position:absolute;
  bottom:100%;
  right:0;
}

.submenu_right_top
{
  display: none;
  position:absolute;
  top:0;
  left:100%;
}

.submenu_right_bottom
{
  display: none;
  position:absolute;
  bottom:0;
  left:100%;
}

.submenu_left_top
{
  display: none;
  position:absolute;
  top:0;
  right:100%;
}

.submenu_left_bottom
{
  display: none;
  position:absolute;
  bottom:0;
  right:100%;
}

/* popup menu defintions */

.p_menu_item_container
{
	z-index: 10000;
  position:relative;
  float:left;
  clear:left;
  width: 200px;
}

.p_menu_item
{
	z-index: 10000;
  background-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  padding: 3px;
  cursor: pointer;
}

.p_menu_item a
{
  color: black;
  text-decoration: none;
  display: block;
}

div.p_menu_item:hover
{
  background-color: gray;
}

div.p_menu_item:hover a
{
  color: white;
}

.p_menu_active_item
{
  background-color: #002B5F;
}

.p_menu_active_item a
{
  color: white;
}

div.p_menu_active_item:hover
{
  background-color: #416884;
  color: white;
}

/* top menu defintions */

.t_menu_item_container
{
  position:relative;
  float:left;
}

.t_menu_item
{
  background-color: #eeeeee;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  padding: 3px;
  cursor: pointer;
}

.t_menu_item a
{
  color: black;
  text-decoration: none;
  display: block;
}

div.t_menu_item:hover
{
  background-color: gray;
}

div.t_menu_item:hover a
{
  color: white;
}

.t_menu_active_item
{
  background-color: #002B5F;
}

.t_menu_active_item a
{
  color: white;
}

div.t_menu_active_item:hover
{
  background-color: #416884;
  color: white;
}

/* bottom menu defintions */

.b_menu_item_container
{
  position:relative;
  float:left;
}

.b_menu_item
{
  background-color: #eeeeee;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  padding: 3px;
  cursor: pointer;
}

.b_menu_item a
{
  color: black;
  text-decoration: none;
  display: block;
}

div.b_menu_item:hover
{
  background-color: gray;
}

div.b_menu_item:hover a
{
  color: white;
}

.b_menu_active_item
{
  background-color: #002B5F;
}

.b_menu_active_item a
{
  color: white;
}

div.b_menu_active_item:hover
{
  background-color: #416884;
  color: white;
}

/* left menu defintions */

.l_menu_item_container
{
  position:relative;
  float:left;
  clear:left;
  width: 200px;
}

.l_menu_item
{
  background-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  padding: 3px;
  cursor: pointer;
}

.l_menu_item a
{
  color: black;
  text-decoration: none;
  display: block;
}

div.l_menu_item:hover
{
  background-color: gray;
}

div.l_menu_item:hover a
{
  color: white;
}

.l_menu_active_item
{
  background-color: #002B5F;
}

.l_menu_active_item a
{
  color: white;
}

div.l_menu_active_item:hover
{
  background-color: #416884;
  color: white;
}

.l_menu_header
{
  background-color: black;
}

.l_menu_header a
{
  color: white;
  text-decoration: none;
}

div.l_menu_header:hover
{
  background-color: black;
}

div.l_menu_header:hover a
{
  color: white;
}

/* right menu defintions */

.r_menu_item_container
{
  position:relative;
  float:left;
  clear:left;
  width: 200px;
}

.r_menu_item
{
  background-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  padding: 3px;
  cursor: pointer;
}

.r_menu_item a
{
  color: black;
  text-decoration: none;
  display: block;
}

div.r_menu_item:hover
{
  background-color: gray;
}

div.r_menu_item:hover a
{
  color: white;
}

.r_menu_active_item
{
  background-color: #002B5F;
}

.r_menu_active_item a
{
  color: white;
}

div.r_menu_active_item:hover
{
  background-color: #416884;
  color: white;
}

.r_menu_header
{
  background-color: black;
}

.r_menu_header a
{
  color: white;
  text-decoration: none;
}

div.r_menu_header:hover
{
  background-color: black;
}

div.r_menu_header:hover a
{
  color: white;
}

/* system message box definitions */

#sys_msgbox
{
  background-color: #CED9E7;
  border-radius: 4px;
  visibility: hidden;
  position: fixed;
  top:0;
  left:0;
  z-index: 20000;
  -webkit-box-shadow: 5px 5px 10px #000000;
     -moz-box-shadow: 5px 5px 10px #000000;
          box-shadow: 5px 5px 10px #000000;
}

.sys_msgbox table
{
  border: 0 !important;
  border-spacing: 0 !important;
  border-collapse: collapse !important;
  max-width: 500px;
}

.sys_msgbox td
{
  border: 0 !important;
  padding: 0px !important;
}

.sys_msgbox td.sys_mbox_title
{
  color: #15428B !important;
  font: bold 12px tahoma,arial,verdana,sans-serif !important;
  padding: 3px 5px 15px 5px !important;
}

.sys_msgbox td.sys_mbox_title_button
{
  padding: 3px 5px 15px 0px !important;
}

.sys_msgbox td.mbox_button_cell
{
  text-align: center !important;
  padding: 7px !important;
}

.sys_msgbox td.sys_mbox_icon_cell
{
  vertical-align: top !important;
  padding: 0px 15px 0px 10px !important;
}

.sys_msgbox td.sys_mbox_text_cell
{
  vertical-align: top !important;
}

a.mbox_close
{
  display: block;
  height: 15px;
  overflow: hidden;
  width: 15px;
  background: none no-repeat scroll 0 0 transparent;
  background-image: url("../images/extjs/tool-sprites.gif");
  background-position: 0 0;
  cursor: pointer;
}

a.mbox_close:hover
{
  background-position: -15px 0;
}

a.mbox_help
{
  display: block;
  height: 15px;
  overflow: hidden;
  width: 15px;
  background: none no-repeat scroll 0 0 transparent;
  background-image: url("../images/extjs/tool-sprites.gif");
  background-position: 0 -300px;
  cursor: pointer;
}

a.mbox_help:hover
{
  background-position: -15px -300px;
}

.sys_mbox_text
{
  color: black !important;
  font: 12px tahoma,arial,helvetica,sans-serif !important;
}

.mbox_button
{
  width: 75px !important;
  font: 12px tahoma,arial,helvetica,sans-serif !important;
  cursor: pointer !important;
}


/* inplace editing definitions */

#inplace_msgbox
{
  background-color: #CED9E7;
  border-radius: 4px;
  visibility: hidden;
  position: fixed;
  top:0;
  left:0;
  z-index: 22000;
  -webkit-box-shadow: 5px 5px 10px #000000;
     -moz-box-shadow: 5px 5px 10px #000000;
          box-shadow: 5px 5px 10px #000000;
}

.sys_msgbox td.inplace_item_cell
{
  border: 0 !important;
  padding: 4px !important;
}

.sys_msgbox td.inplace_icon_cell
{
  border: 0 !important;
  padding: 4px !important;
}

.sys_msgbox td.inplace_icon_cell .inplace_icon
{
  border: 0 !important;
  display: block !important;
}

/* progress indicator */

._sys_load_lightbox 
{
  display: none;
  height: 100%; 
  width: 100%;
  position: fixed; 
  top: 0%; 
  left: 0%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  z-index: 100000;
}

._sys_load_lightbox > div 
{
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

._sys_load_lightbox > div > div 
{
  display: inline-block;
  position: relative;
}

._sys_load_lightbox > div > div
{
  background: #fff;
  border-radius: 2px;
  background-image: url('../images/loading-big.gif');
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
              shadow: 0px 0px 3px 3px #fff;
  -webkit-box-shadow: 0px 0px 3px 3px #fff;
     -moz-box-shadow: 0px 0px 3px 3px #fff;
          box-shadow: 0px 0px 3px 3px #fff;
}

/* lightbox */

._sys_lightbox
{
  display: none;
  height: 100%; 
  width: 100%;
  position: fixed; 
  top: 0%; 
  left: 0%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

._sys_lightbox > div 
{
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

._sys_lightbox > div  > div 
{
  display: inline-block;
  position: relative;
  text-align: left;
  /*
              shadow: 0px 0px 20px 20px white;
  -webkit-box-shadow: 0px 0px 20px 20px white;
     -moz-box-shadow: 0px 0px 20px 20px white;
          box-shadow: 0px 0px 20px 20px white;
  */        
}

._sys_lightbox_head
{
  width: 500px;
  height: 30px;
  background-color: #eeeeee;
  border: 4px solid orange;
  border-bottom: 0px;
}

._sys_lightbox_title
{
  padding-left: 4px;
  overflow: hidden;
  position: absolute;
  height: 30px;
  line-height: 30px;
  padding-right: 30px;
  font-weight: bold;
}

._sys_lightbox_close
{
  display: block;
  height: 30px;
  position: absolute;
  left: 100%;
  width: 30px;
  margin-left: -30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  background: url(../images/cross.png) no-repeat center center;
  opacity: 0.8;
}

._sys_lightbox_close:hover
{
  opacity: 1;
}
  
._sys_lightbox_body
{
  width: 500px;
  height: 300px;
  border: 4px solid orange;
  overflow: auto;
  background-color: white;
}

._sys_lightbox_toolbar
{
  width: 500px;
  border: 4px solid orange;
  border-top: 0px;
  background-color: white;
  display: none;
}

._sys_lightbox_toolbar input[type=button]
{
  cursor: pointer;
}

._sys_lightbox_loading
{
  background-image: url('../images/loading-bar.gif');
  background-repeat: no-repeat;
  background-position: center;
}

._sys_lightbox_body_center
{
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

img._sys_lightbox_image
{
  display: block;
  margin: 0px auto;
  transition: opacity 2s;
  -webkit-transition: opacity 2s;
  opacity: 0;
}

img._sys_lightbox_image_reveal
{
  opacity: 1;
}
  
/* user message box */

._user_msgbox
{
  display: none;
  height: 100%; 
  width: 100%;
  position: fixed; 
  top: 0%; 
  left: 0%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

._user_msgbox > div 
{
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

._user_msgbox > div  > div 
{
  display: inline-block;
  position: relative;
  text-align: left;
}

._user_msgbox_head
{
  width: 400px;
  height: 25px;
  background-color: #eeeeee;
  border: 4px solid orange;
  border-bottom: 0px;
}

._user_msgbox_title
{
  padding-left: 4px;
  overflow: hidden;
  position: absolute;
  height: 25px;
  line-height: 25px;
  padding-right: 30px;
  font-weight: bold;
}

._user_msgbox_close
{
  display: block;
  height: 25px;
  position: absolute;
  left: 100%;
  width: 30px;
  margin-left: -30px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  background: url(../images/cross.png) no-repeat center center;
  opacity: 0.8;
}

._user_msgbox_close:hover
{
  opacity: 1;
}
  
._user_msgbox_body
{
  width: 400px;
  border: 4px solid orange;
  background-color: white;
}

._user_msgbox_body table
{
  border-collapse: collapse;
}

._user_msgbox_body table td
{
  padding: 0px;
  vertical-align: top;
}

._user_msgbox_body table td._user_msgbox_icon
{
  padding: 12px 15px 7px 15px;
}

._user_msgbox_text
{
  padding: 7px 7px 7px 7px;
  overflow: auto;
  max-height: 200px;
}

._user_msgbox_buttons
{
  text-align: center;
  padding: 5px 9px 9px 9px;
}

._user_msgbox_buttons input[type=button]
{
  cursor: pointer;
}

/* navigation arrows */

.navigation_arrow
{
  cursor: pointer;
}

/* clear class */

.clear_float
{
  clear: both;
}

.no_data_message
{
  font-weight: bold;
  color: maroon;
}

.found_key
{
  background-color: yellow;
}

.error
{
  color: red;
  font-weight: bold;
}

/* object list */

.object_table
{
  border-collapse: collapse;
}

.object_table td,
.object_table th
{
  border: 1px solid gray;
  padding: 4px;
}

.object_table td
{
  cursor: pointer;
}

.object_table th.sortable
{
  cursor: pointer;
}

.object_table th
{
  padding: 4px 15px 4px 15px;
}
.object_table tr:hover td
{
  background-color: #eeeeee;
}

.object_table tr:active td
{
  background-color: #ffffe1;
}

.object_table th.sortable:hover
{
  background-color: #eeeeee;
}

.object_table th.sortable:active
{
  background-color: #ffffe1;
}

.object_table td.flag
{
  text-align: center;
}

th.sorted_asc
{
  background-image: url("../images/sort_asc.png");
  background-position: right center;
  background-repeat: no-repeat;
}

th.sorted_desc
{
  background-image: url("../images/sort_desc.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.active_path_item
{
  font-weight: bold;
}

.obect_search_mask .error_message
{
  color: red;
  font-weight: bold;
}

.obect_search_mask .error_field .field_caption
{
  color: red;
}

.obect_search_mask .error_field .field_control
{
  border-color: red;
}

.obect_search_mask .error_field .field_control_area.flag
{
  border: 1px solid red;
}

.obect_search_mask .field_error_message
{
  position: absolute;
  border: 1px solid red;
  background-color: white;
  z-index: 1000;
  display: none;
  padding: 5px;
  margin-right: 5px;
  margin-top: 2px;
  
  -moz-box-shadow: 3px 3px 4px #3A495B;
  -webkit-box-shadow: 3px 3px 4px #3A495B;
  box-shadow: 3px 3px 4px #3A495B;
}

.obect_search_mask .field
{
  margin: 5px 0px 5px 0px;
}

.obect_search_mask .field_caption
{
  width: 200px;
  float: left;
}

.obect_search_mask .field_control_area
{
  float: left;
}

.obect_search_mask .field_control
{
  width: 300px;
}

.obect_search_mask .field_control.from,
.obect_search_mask .field_control.to
{
  width: 146px;
}

.obect_search_mask .field_control.to
{
  margin-left: 2px;
}

.obect_search_mask .field_control.list_multi
{
  height: 100px;
}

/* diagrams */

.diagram_block td
{
  vertical-align: top;
  padding-right: 10px;
}

.diagram_details
{
  border-collapse: collapse;
}

.diagram_details th
{
  background-color: #eeeeee;
  border: 1px solid #aaaaaa;
  padding: 4px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.diagram_details td
{
  padding: 2px 4px 2px 4px;
  border: 1px solid #aaaaaa;
  vertical-align: top;  
  white-space: nowrap;
}

.diagram_details .total td
{
  font-weight: bold;
}

.diagram_details td.number_cell
{
  text-align: right;
}

img.diagram_image
{
  border: 1px solid #AAAAAA;
}

.read_only
{
  background-color: #eeeeee;
}

/* captcha */

.captcha_picture_container,
.captcha_control_container
{
  float: left;
}

.captcha_control
{
  width: 140px;
}

.captcha_control_container
{
  padding-left: 10px;
}

.captcha_picture
{
  border: 1px solid gray;
  cursor: pointer;
}
