/* some corrections for the menu tree */

#menu_tree .x-grid-body
{
  border-width: 0px;
}

#menu_tree .x-grid-item
{
  background-color: transparent;
}

/* we want a larger font for the navigation tree */

#menu_tree .x-grid-cell
{
  font-size:12px;
}

/* links of the tree should not be decorated */ 

#menu_tree  a,
#menu_tree  a:hover,
#menu_tree  a:visited,
#menu_tree  a:active
{
  text-decoration: none;
  color: black;
}

/* we want another background for the selected item in the navigation tree */ 

#menu_tree .x-grid-item-over 
{
  background-color: #eeeeee;
}

#menu_tree .x-grid-item-selected
{
  background-color: #ABC7EC;
}

/* we want a smaller height for the display fields */

.x-form-display-field-default
{
  height: 16px;
}

/* we want normal font for tabs like in ExtJS 3 */

.x-tab .x-tab-inner 
{
  font-weight: normal;
}

.x-tab-active .x-tab-inner  
{
  font-weight: bold;
}

/* we don not want such a big top padding in the group row*/
/* we do not want the thick border of the group, 1px insted 2px  */

.x-grid-group-hd
{
  padding-top: 4px;
  border-width: 0 0 1px;
}

/* 
We do not need up down buttons in the item selector. 
The border is not good. Turn it off.
*/

.x-form-itemselector-body .x-boundlist
{
  border: 0;
}

.x-form-itemselector-btn-top,
.x-form-itemselector-btn-up,
.x-form-itemselector-btn-down,
.x-form-itemselector-btn-bottom
{
  display: none;
}

#doublet_fields .x-form-itemselector-btn-up,
#doublet_fields .x-form-itemselector-btn-down
{
  display: block;
}

/*
We want the grid line like it is in the normal grid
*/

#infoblock_tree_panel .x-grid-row .x-grid-cell,
#website_tree_panel .x-grid-row .x-grid-cell,
#object_tree_panel .x-grid-row .x-grid-cell, 
#category_tree_panel .x-grid-row .x-grid-cell, 
#block_tree_panel .x-grid-row .x-grid-cell, 
#export_tree_panel .x-grid-row .x-grid-cell,
#page_selector_tree .x-grid-row .x-grid-cell 
{
  border-color: #FAFAFA #EDEDED #EDEDED;
  border-style: solid;
  border-width: 1px 0;
  border-right: 1px solid #D0D0D0;  
}