#backoffice *
{ margin:0; padding:0; overflow:hidden; border:none; }

#backoffice th
{ text-align:left; }

#backoffice img
{ vertical-align:middle; }

#backoffice select,
#backoffice textarea,
#backoffice input[type="text"],
#backoffice input[type="password"]
{
  width:280px;
  font-size:11px;
  border:1px solid #9aa2ab;
}
#backoffice textarea
{ height:100px; overflow:auto; }

#backoffice a
{ text-decoration:none; color:#9aa2ab; }

#backoffice
{
  margin:0 auto 0 auto;
  padding:0;
  width:1004px;
  color:#9aa2ab;
  font-size:11px;
  font-family: Arial, Verdana, "sans serif";
}

#backoffice .confirm,
#backoffice .error,
#backoffice .warning,
#backoffice .question,
#backoffice .info,
#backoffice .forbidden
{
  background-repeat:no-repeat;
  width:625px;
  height:39px;
  margin:auto auto 10px auto;
  padding: 10px 10px 10px 75px;
  font-weight:bold;
  color:#0074b8;
}
#backoffice .confirm
{ color:#19962c; background-image:url(../images/decorate/bg_confirm.jpg); }
#backoffice .error
{ color:#cc071e; background-image:url(../images/decorate/bg_error.jpg); }
#backoffice .warning
{ color:#cc071e; background-image:url(../images/decorate/bg_warning.jpg); }
#backoffice .forbidden
{ color:#cc071e; background-image:url(../images/decorate/bg_forbidden.jpg); }
#backoffice .question
{ background-image:url(../images/decorate/bg_question.jpg); }
#backoffice .info
{ background-image:url(../images/decorate/bg_info.jpg); }


#backoffice #container
{
  display:block;
  background-color:#b4bdc6;
}

#backoffice #header
{
  background-image:url(../images/decorate/header.jpg);
  width:804px;
  height:100px;
  text-align:right;
}

#backoffice #action_bar
{ padding-top:1px; border-bottom:1px solid #9aa2ab; }
#backoffice #action_bar a
{ margin:0 10px; display:block; float:left; }
#backoffice #action_bar a img
{ margin-right:4px; }

#backoffice #admin_area
{
  color:#c0cedf;
  background-image:url(../images/decorate/user_area_bg.jpg);
  background-repeat:no-repeat;
  width:200px;
}

#backoffice #admin_area .AdminIdentity
{
  /*-- Total height: 55px --*/
  height:35px;
  padding-top:20px;

  font-weight:bold;
  text-align:center;
  width:170px;
  margin:15px 15px 8px 15px;
}

#backoffice #admin_area .AdminActions
{
  width:200px;
  height:35px;
  margin:auto;
  text-align:center;
}

#backoffice #admin_area .AdminActions a
{ margin:0 10px; }

#backoffice #footer
{
  background-image:url(../images/decorate/footer.jpg);
  height:77px;
}

#backoffice #middle_column,
#backoffice #left_column
{
  min-height:597px;
}

#backoffice #left_column
{
  width:200px;
  float:left;
}

#backoffice #wrapper
{
  background-image:url(../images/decorate/left_bg.jpg);
  background-repeat:no-repeat;
  background-position: left bottom;
  background-color:#b4bdc6;
  width: 994px;
}

#backoffice #middle_column
{
  background-color:#fff;
  float:left;
  width:794px;
  min-height:800px;
}

#backoffice #ContentContainer
{ padding:10px; }

#backoffice #menu ul
{ padding-left:5px; padding-right:5px; list-style:none; }

#backoffice #menu ul ul,
#backoffice #menu ul li,
#backoffice #menu ul ul li
{ overflow:visible; }

#backoffice #menu ul ul
{ padding-left:15px;padding-right:0; list-style-type:square; list-style-position:outside; margin-bottom:5px; }

#backoffice #menu .level_title
{ font-weight:bold; border-bottom:1px solid #9aa2ab; text-transform:capitalize; }

#backoffice #menu .wbMenuName
{ font-weight:bold; border-bottom:1px solid #9aa2ab; }

#backoffice .box
{ width:180px; margin:8px auto; overflow:hidden; }

#backoffice .box .box_content
{ padding:0 8px; }
#backoffice .box .box_middle
{ border-right:1px solid #9aa2ab; border-left:1px solid #9aa2ab; background-color:#fff; }

#backoffice .box .box_top,
#backoffice .box .box_top_right
{ background-repeat:no-repeat; height:6px; line-height:0; font-size:1px; }
#backoffice .box .box_top
{ background-image:url(../images/decorate/box_border_top_left.png); background-position:left top; padding:0 0 0 15px; }
#backoffice .box .box_top_right
{ background-image:url(../images/decorate/box_border_top_right.png); background-position:right top; padding:0 15px 0 0; }

#backoffice .box .box_bottom,
#backoffice .box .box_bottom_right
{ background-repeat:no-repeat; height:6px; line-height:0; font-size:1px; }
#backoffice .box .box_bottom
{ background-image:url(../images/decorate/box_border_bottom_left.png); background-position:left top; padding:0 0 0 15px; }
#backoffice .box .box_bottom_right
{ background-image:url(../images/decorate/box_border_bottom_right.png); background-position:right top; padding:0 15px 0 0; }

#backoffice a img
{
  opacity: 0.5;
  moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
#backoffice a:hover img
{
  opacity: 1.0;
  moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

#backoffice table
{ width:100%; }

#backoffice .wb_list_header th
{ border-top:1px solid #9aa2ab; border-bottom:1px solid #9aa2ab; text-align:center; }
#backoffice .wb_list_header th a
{ margin:0 10px;  }

#backoffice .wb_list td
{ text-align:center; padding-top:2px; padding-bottom:2px;  }

#backoffice .wb_list_paginator
{ text-align:center; margin-top:10px; }

#backoffice .wb_list_paginator a,
#backoffice .wb_list_paginator span
{ margin-left:10px; margin-right:10px; }

#backoffice .wb_list_paginator .currentpage
{ font-weight:bold; font-size:12px; }

#backoffice .filter_box
{ border: 1px solid #ccc; padding:10px; margin-bottom:10px; }

#backoffice .filter_box_title
{ font-size:14px; font-weight:bold; text-decoration:underline; margin-bottom:5px; }

/** Common styles **/
#backoffice .text_left
{ text-align:left; }
#backoffice .text_right
{ text-align:right; }
#backoffice .text_center
{ text-align:center; }

#backoffice .clearfloat
{ clear:both; height:0; font-size: 1px; line-height: 0px; }
#backoffice .red_bold, .warning
{ color: red; font-weight: bold; }

#backoffice .italic
{ font-weight:normal; font-style:italic; }

#backoffice .capitalize
{ text-transform: capitalize; }

#backoffice .uppercase
{ text-transform: uppercase; }

#backoffice .color_alt1 td,
#backoffice .color_alt2 td
{ padding:2px 5px; }

#backoffice .color_alt1
{ background-color:transparent; }

#backoffice .color_alt2
{ background-color:#d0deec; }

#backoffice legend,
#backoffice #ContentContainer h2
{
  display:block;
  color:#0b396d;
  font-size:12px;
  font-weight:normal;
  background-image:url(../images/decorate/grey_gradient.jpg);
  background-repeat: repeat-y;
  background-color:#fff;
  padding: 2px 5px;
  margin:5px 0;
}

#backoffice #ContentContainer h3
{
  text-align:left;
  display:block;
  border-bottom:1px solid #9aa2ab;
  font-size:14px;
  color:#9aa2ab;
  background: transparent;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:5px;
}

/** Trees **/
#backoffice .draggable_element .tree_title
{ cursor:move; }

#backoffice .tree_title
{ display:block; }
#backoffice .tree_title a img
{
  opacity: 1.0;
  moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

#backoffice ul.wb_tree ul,
#backoffice ul.wb_tree
{
  list-style-type:none;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
}
#backoffice ul.wb_tree li
{ background-image:url(../images/decorate/grey_bar.jpg); background-repeat:repeat-x; background-position:0 28px; margin-bottom:2px; }
#backoffice ul.wb_tree ul li
{ background-position:0 22px; }

#backoffice ul.wb_tree img
{ margin-right:4px; }
#backoffice ul.wb_tree ul img
{ height:23px; margin-right:4px; }

#backoffice .tree_actions,
#backoffice .tree_translations
{ float:right; }

#backoffice .tree_actions img,
#backoffice .tree_translations img
{ vertical-align:top; }

#backoffice .tree_translations
{ margin-right:20px; }

#backoffice .not_translated
{
  opacity: 0.3;
  moz-opacity: 0.3;
  filter:alpha(opacity=30);
}
/** End Trees **/

.error h2
{ color:red; font-size:12px; font-weight:normal; }

#backoffice #LoginArea
{
  display:block;
  margin:auto;
  text-align:center;
  margin-top:18%;
  width: 824px;
  line-height:26px;
}


#backoffice #LoginArea .box
{ width:824px; background-color:#b4bdc6; background-image: url(../images/decorate/header-bo.jpg); height:340px; background-repeat:no-repeat;  }

#backoffice #LoginArea .box .box_content
{ padding:0 8px; height:140px; }
#backoffice #LoginArea .box .box_middle
{ border-right:1px solid #9aa2ab; border-left:1px solid #9aa2ab; background-color:none; background-image: url(../images/decorate/header-bo.jpg); background-position:0px -100px; color:#FFFFFF; font-size:12px;}

#backoffice #LoginArea .box .box_middle input {
height:18px; font-size:12px; border:#666666 solid 1px; font-weight:bold; margin-bottom:3px;
}

#backoffice #LoginArea .box .box_top,
#backoffice #LoginArea .box .box_top_right
{ background-repeat:no-repeat; height:6px; line-height:0; font-size:1px; margin-bottom:94px;  height:100px; }
#backoffice #LoginArea .box .box_top
{ background-image:url(../images/decorate/box_border_top_left2.gif); height:6px; }
#backoffice #LoginArea .box .box_top_right
{ background-image:url(../images/decorate/box_border_top_right2.gif); }

#backoffice #LoginArea .box .box_bottom
{ margin-top:94px; height:100px; }
#backoffice #LoginArea .box .box_bottom,
#backoffice #LoginArea .box .box_bottom_right
{ background-repeat:no-repeat; height:6px; line-height:0; font-size:1px; }
#backoffice #LoginArea .box .box_bottom
{ background-image:url(../images/decorate/box_border_bottom_left2.gif); }
#backoffice #LoginArea .box .box_bottom_right
{ background-image:url(../images/decorate/box_border_bottom_right2.gif); }









#backoffice #LoginForm
{
  display: block;
  height: 120px;
  text-align:left;
  padding-left:200px;
}

#backoffice #PasswordLostForm
{ text-align:center; }

#backoffice ul.tabs li
{ float:left; border:1px solid #9aa2ab; border-bottom:none; padding:2px 10px; margin-right:2px; }
#backoffice .tab_selected
{ font-weight:bold; }
#backoffice .tab_content_frame
{ border:1px solid #9aa2ab; padding:10px; }


