/*
 *************************************************************************
 * The contents of this file are subject to the Openbravo  Public  License
 * Version  1.1  (the  "License"),  being   the  Mozilla   Public  License
 * Version 1.1  with a permitted attribution clause; you may not  use this
 * file except in compliance with the License. You  may  obtain  a copy of
 * the License at http: //www.openbravo.com/legal/license.html 
 * Software distributed under the License  is  distributed  on  an "AS IS"
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
 * License for the specific  language  governing  rights  and  limitations
 * under the License. 
 * The Original Code is Openbravo ERP. 
 * The Initial Developer of the Original Code is Openbravo SLU 
 * All portions are Copyright (C) 2010 Openbravo SLU 
 * All Rights Reserved. 
 * Contributor(s):  ______________________________________.
 ************************************************************************
*/

/*============================================================
  The main navbar
============================================================*/
.OBNavBarToolStrip {
  margin-left: 4px;
  height: 26px;
  background-color: #FFFFFF;
}

/*============================================================
  Navbar button itself
============================================================*/

.OBNavBarImgButton,
.OBNavBarImgButtonOver,
.OBNavBarImgButtonFocused,
.OBNavBarImgButtonFocusedOver,
.OBNavBarImgButtonDown,
.OBNavBarImgButtonFocusedDown,
.OBNavBarImgButtonSelected,
.OBNavBarImgButtonSelectedFocused,
.OBNavBarImgButtonSelectedDown,
.OBNavBarImgButtonSelectedFocusedDown,
.OBNavBarImgButtonSelectedOver,
.OBNavBarImgButtonSelectedFocusedOver {
	cursor: pointer;
	font-size: 11px;
  text-align: center;
}

.OBNavBarImgButtonDisabled,
.OBNavBarImgButtonSelectedDisabled {
}

.OBNavBarTextButton,
.OBNavBarTextButtonOver,
.OBNavBarTextButtonFocused,
.OBNavBarTextButtonFocusedOver,
.OBNavBarTextButtonDown,
.OBNavBarTextButtonFocusedDown,
.OBNavBarTextButtonSelected,
.OBNavBarTextButtonSelectedFocused,
.OBNavBarTextButtonSelectedDown,
.OBNavBarTextButtonSelectedFocusedDown,
.OBNavBarTextButtonSelectedOver,
.OBNavBarTextButtonSelectedFocusedOver {
	cursor: pointer;
	font-size: 11px;
  text-align: center;
  padding: 0px 10px;
}

.OBNavBarTextButtonDisabled,
.OBNavBarTextButtonSelectedDisabled {
}

/*============================================================
  Navbar component styling
============================================================*/

.OBNavBarComponent {
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
  
  border-top: 1px solid #FFFFFF;
  
  background-image: url(./images/navbar/navbar-separator.png);
  background-position: right;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
}

.OBNavBarComponent:hover {
  border-top: 1px solid #72ab10;
  border-bottom: 1px solid #72ab10;
  border-left: 1px solid #72ab10;

  margin-left: -1px;

  background-image: url(./images/navbar/navbar-right-border.png);
  background-position: right;
  background-repeat: repeat-y;
}

.OBNavBarComponentHideLine {
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

.OBNavBarComponentSelected {
  border-top: 1px solid #72ab10;
  border-left: 1px solid #72ab10;

  margin-left: -1px;

  background-image: url(./images/navbar/navbar-right-border.png);
  background-position: right;
  background-repeat: repeat-y;
}

/*============================================================
  User profile form with tabs
============================================================*/

.OBNavBarComponentFormTabSetContainer {
  font-size: 12px;
  font-family: 'lucida sans', sans-serif;
  background-color: transparent;
  border-top: 2px solid #72ab10;
  margin-top: -2px;
}

/* note only the top styles are present here because in Openbravo tabs in forms are shown in the top
if the tab headers are on the right, left or bottom the same styles can be used */

.OBNavBarComponentFormTabButtonTopSelected,
.OBNavBarComponentFormTabButtonTopSelectedFocused,
.OBNavBarComponentFormTabButtonTopSelectedFocusedOver,
.OBNavBarComponentFormTabButtonTopSelectedFocusedDown,
.OBNavBarComponentFormTabButtonTopSelectedDown,
.OBNavBarComponentFormTabButtonTopSelectedDisabled,
.OBNavBarComponentFormTabButtonTopSelectedOver {
  border-top: 1px solid #72ab10;
  border-right: 1px solid #72ab10;
  border-bottom: 4px solid #fff;
  border-left: 1px solid #72ab10;
  margin-bottom: -2px;
  font-weight: bold;
  font-size: 12px;
  font-family: 'lucida sans', sans-serif;
  padding-left: 10px;
  padding-right: 10px;
}

.OBNavBarComponentFormTabButtonTop,
.OBNavBarComponentFormTabButtonTopOver,
.OBNavBarComponentFormTabButtonTopDown,
.OBNavBarComponentFormTabButtonTopDisabled {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  font-size: 12px;
  font-family: 'lucida sans', sans-serif;
  padding-left: 10px;
  padding-right: 10px;
}

.OBNavBarComponentFormTabButtonTopSelectedFocused,
.OBNavBarComponentFormTabButtonTopSelectedFocusedOver,
.OBNavBarComponentFormTabButtonTopSelectedFocusedDown {
  border-top-color: #fa962f;
  border-right-color: #fa962f;
  border-bottom-color: #fff;
  border-left-color: #fa962f;
  color: #fa962f;
}

/*============================================================
  Standard flyout styling
============================================================*/

.OBFlyoutLayout {
  background-color: #fff;
  border: 1px solid #72ab10;
}

/*=======================================================================
 * OBQuickLaunchRecentLinkButton Item
=======================================================================*/

.OBQuickLaunchRecentLinkButton,
.OBQuickLaunchRecentLinkButtonOver,
.OBQuickLaunchRecentLinkButtonDown,
.OBQuickLaunchRecentLinkButtonFocused,
.OBQuickLaunchRecentLinkButtonFocusedOver,
.OBQuickLaunchRecentLinkButtonFocusedDown {
  font-family: 'lucida sans', sans-serif;
  font-size: 11px;
  vertical-align: middle;
  background: transparent;
  padding: 3px 5px 3px 5px;
}

.OBQuickLaunchRecentLinkButton,
.OBQuickLaunchRecentLinkButtonOver,
.OBQuickLaunchRecentLinkButton:hover {
  cursor: pointer;
  color: #333333;
}

.OBQuickLaunchRecentLinkButtonDown,
.OBQuickLaunchRecentLinkButton:active {
  color: #004E27;
}

.OBQuickLaunchRecentLinkButtonFocused,
.OBQuickLaunchRecentLinkButtonFocusedOver,
.OBQuickLaunchRecentLinkButtonFocusedDown,
.OBQuickLaunchRecentLinkButton:focus {
  color: #fa962f;
}

.OBQuickLaunchRecentLinkButtonOver,
.OBQuickLaunchRecentLinkButtonFocusedOver,
.OBQuickLaunchRecentLinkButton:hover {
  text-decoration: underline;
}

/*=======================================================================
 * OBHelpAboutLinkButton Item
=======================================================================*/

.OBHelpAboutLinkButton,
.OBHelpAboutLinkButtonOver,
.OBHelpAboutLinkButtonDown,
.OBHelpAboutLinkButtonFocused,
.OBHelpAboutLinkButtonFocusedOver,
.OBHelpAboutLinkButtonFocusedDown {
  font-family: 'lucida sans', sans-serif;
  font-size: 11px;
  vertical-align: middle;
  background: transparent;
  padding: 3px 5px 3px 5px;
}

.OBHelpAboutLinkButton,
.OBHelpAboutLinkButtonOver,
.OBHelpAboutLinkButton:hover {
  cursor: pointer;
  color: #333333;
}

.OBHelpAboutLinkButtonDown,
.OBHelpAboutLinkButton:active {
  color: #004E27;
}

.OBHelpAboutLinkButtonFocused,
.OBHelpAboutLinkButtonFocusedOver,
.OBHelpAboutLinkButtonFocusedDown,
.OBHelpAboutLinkButton:focus {
  color: #fa962f;
}

.OBHelpAboutLinkButtonOver,
.OBHelpAboutLinkButtonFocusedOver,
.OBHelpAboutLinkButton:hover {
  text-decoration: underline;
}