%include ../shared.inc

/* Places Organizer Sidebars */

#placesList {
  -moz-appearance: none;
  border: none;
  margin: 0;
}

#placesList > treechildren::-moz-tree-row {
  background-color: transparent;
  border-color: transparent;
}

#placesList > treechildren::-moz-tree-row(selected) {  
  background: @sidebarItemBackground@;
  border-top: @sidebarItemBorderTop@;
}

#placesList > treechildren::-moz-tree-row(selected,focus) {  
  background: @sidebarItemFocusedBackground@;
  border-top: @sidebarItemFocusedBorderTop@;
}

#placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected) {
  background: @sidebarItemGraphiteBackground@;
  border-top: @sidebarItemGraphiteBorderTop@;
}

#placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected,focus) {
  background: @sidebarItemGraphiteFocusedBackground@;
  border-top: @sidebarItemGraphiteFocusedBorderTop@;
}

#placesList > treechildren:-moz-window-inactive::-moz-tree-row(selected) {
  background: @sidebarItemInactiveBackground@;
  border-top: @sidebarItemInactiveBorderTop@;
}

#placesList > treechildren::-moz-tree-row(History),
#placesList > treechildren::-moz-tree-row(history)  {
  background-color: blue;
}

#placesList > treechildren::-moz-tree-cell(leaf) ,
#placesList > treechildren::-moz-tree-image(leaf) {
  cursor: pointer;
}

#placesList > treechildren::-moz-tree-cell-text(leaf, hover) {
  cursor: pointer;
  text-decoration: underline;
}

#placesList > treechildren::-moz-tree-cell(separator) {
  cursor: default;
}

#placesList > treechildren::-moz-tree-separator {
  border-top: 1px solid #505d6d;
  margin: 0 10px;
}

#placesList > treechildren::-moz-tree-cell-text(selected) {  
  font-weight: bold !important;
  color: #ffffff !important;
}

#placesToolbar {
  padding: 0 4px 3px;
}

#placesView {
  border-top: none !important;
}

#placesView > splitter {
  -moz-border-start: none !important;
  -moz-border-end: 1px solid #404040;
  min-width: 1px;
  width: 1px;
  background-image: none !important;       
}

#placesToolbar > toolbarbutton {
  list-style-image: url("chrome://browser/skin/places/toolbar.png");
  margin: 4px 4px 5px;
  padding: 1px 3px;
  border: 1px solid @toolbarbuttonBorderColor@;
  border-radius: @toolbarbuttonCornerRadius@;
  box-shadow: @loweredShadow@;
  background: @toolbarbuttonBackground@;
  background-origin: border-box;
}

#placesToolbar > toolbarbutton:not([disabled="true"]):active:hover,
#placesToolbar > toolbarbutton[open="true"] {
  background: @toolbarbuttonPressedBackgroundColor@;
  text-shadow: @loweredShadow@;
  box-shadow: @toolbarbuttonPressedInnerShadow@, @loweredShadow@;
}

#placesToolbar > toolbarbutton:-moz-window-inactive {
  border-color: @toolbarbuttonInactiveBorderColor@;
  background-image: @toolbarbuttonInactiveBackgroundImage@;
}

#placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon {
  opacity: 0.5;
}

#placesToolbar > toolbarbutton > .toolbarbutton-icon {
  margin: 1px 4px;
}

#placesToolbar > toolbarbutton > .toolbarbutton-text {
  display: none;
}

#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
  list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker.png);
  padding: 0;
  margin-top: 1px;
  -moz-margin-end: 2px;
}

#placesToolbar > toolbarbutton > menupopup {
  margin-top: 1px;
}

/* back and forward button */
#back-button:-moz-locale-dir(ltr),
#forward-button:-moz-locale-dir(rtl) {
  -moz-image-region: rect(0px, 16px, 16px, 0px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
  border-right: 0;
}

#forward-button:-moz-locale-dir(ltr),
#back-button:-moz-locale-dir(rtl) {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

#back-button > .toolbarbutton-icon {
  -moz-margin-start: 3px !important;
  -moz-margin-end: 2px !important;
}

#forward-button > .toolbarbutton-icon {
  -moz-margin-start: 2px !important;
  -moz-margin-end: 3px !important;
}

/* organize button */
#organizeButton {
  -moz-image-region: rect(0px, 48px, 16px, 32px);
}

/* view button */
#viewMenu {
  -moz-image-region: rect(0px, 64px, 16px, 48px);
}

/* maintenance button */
#maintenanceButton {
  -moz-image-region: rect(0px, 80px, 16px, 64px);
}

/* Root View */
#placesView {
  border-top: 1px solid ThreeDDarkShadow;
  -moz-user-focus: ignore;
}

/* Place List, Place Content */
.placesTree {
  margin: 0px;
}

#placesList {
  -moz-appearance: none;
  background-color: #d2d8e2;
  width: 160px;
  margin: 0px;
  border: 0px;
}

#placesList:-moz-window-inactive {
  background-color: #e8e8e8;
}

#infoPaneBox {
  border-top: 1px solid #919191;
  background-color: #f0f0f0;
  padding: 10px;
}

#placeContent {
  -moz-appearance: none;
  border: 0px;
}

#placeContent > treechildren::-moz-tree-row {
  border-top: none !important;
  padding-top: 1px;
}

#placeContent > treechildren::-moz-tree-row(odd) {
  background-color: #edf3fe;
}

#placeContent > treechildren::-moz-tree-row(selected),
#placeContent > treechildren::-moz-tree-row(odd, selected) {
  background-color: -moz-mac-secondaryhighlight;
}

#placeContent > treechildren::-moz-tree-row(selected, focus), 
#placeContent > treechildren::-moz-tree-row(odd, selected, focus) {
  background-color: Highlight;
  color: HighlightText !important;
}

#placeContent > treechildren::-moz-tree-cell,
#placeContent > treechildren::-moz-tree-column {
  border-right: 1px solid #d7dad7;
}

#placeContent > treechildren::-moz-tree-cell(separator) {
  border-color: transparent;
}

.small {
  min-width: 0px;
  padding: 0px 4px 0px 4px;
  margin: 0px;  
  border: 0px;
}

.small .button-text,
.small .button-box {
  padding: 0px;
  border: 0px;
}

/* Scope Bar */

#advancedSearch > hbox, 
#advancedSearchRows > row {
  background-color: #E8E8E8;
  border-top: 1px solid #F8F8F8;
  border-bottom: 1px solid #BABABA;
}

#advancedSearchRows > row,
#searchActions {
  -moz-padding-start: 2px;
  -moz-padding-end: 8px;
}

#organizerScopeBar {
  padding: 3px;
  -moz-appearance: none;
  background: @scopeBarBackground@;
  border-bottom: @scopeBarSeparatorBorder@;
}

#scopeBarTitle {
  font: icon;
  color: @scopeBarTitleColor@;
  font-weight: bold;
  text-shadow: @loweredShadow@;
  margin: 0 6px 1px;
}

#organizerScopeBar > toolbarbutton {
  border: 0;
  font: icon;
  font-weight: bold;
  color: #2D2D2D;
  border-radius: 10000px;
  padding: 0 10px 1px;
  margin: 1px;
  font-weight: bold;
}

#organizerScopeBar > toolbarbutton > .toolbarbutton-text {
   margin: 0 !important;
}

#organizerScopeBar > toolbarbutton:hover,
#organizerScopeBar > toolbarbutton[checked="true"] {
  color: #FFF !important; /* !imp because of [checked="true"] (see toolbarbutton.css) */
  text-shadow: 0 1px rgba(0, 0, 0, .4);
  background-color: rgba(0, 0, 0, .32);
}

#organizerScopeBar > toolbarbutton:active:hover,
#organizerScopeBar > toolbarbutton[checked="true"] {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255,
255, 0.4);
}

#organizerScopeBar > toolbarbutton:active:hover {
  background-color: rgba(0, 0, 0, .5);
}

#organizerScopeBarExpander {
  margin: 0;
  padding: 0;
  -moz-padding-end: 2px;
}

#organizerScopeBar  > .expander-up {
  list-style-image: url("chrome://browser/skin/places/plus.png") !important;
}

#organizerScopeBar  > .expander-up:hover:active {
  list-style-image: url("chrome://browser/skin/places/plus-active.png") !important;
}

#organizerScopeBar  > .expander-down {
  list-style-image: url("chrome://browser/skin/places/minus.png") !important;
}

#organizerScopeBar  > .expander-down:hover:active {
  list-style-image: url("chrome://browser/skin/places/minus-active.png") !important;
}

#saveSearch {
  margin: 0 4px;
  padding: 0 10px;
  -moz-appearance: none;
  border-radius: 10000px;
  border: @roundButtonBorder@;
  text-shadow: @loweredShadow@;
  background: @roundButtonBackground@;
  box-shadow: @roundButtonShadow@;
}

#saveSearch > .button-box > .button-text {
  margin: 0 !important;
}

#saveSearch:active:hover {
  background: @roundButtonPressedBackground@;
  box-shadow: @roundButtonPressedShadow@;
}

#saveSearch:focus {
  box-shadow: @focusRingShadow@, @roundButtonShadow@;
}

#saveSearch:active:hover:focus {
  box-shadow: @focusRingShadow@, @roundButtonPressedShadow@;
}

/**** expanders ****/

.expander-up,
.expander-down {
  -moz-appearance: none;
  margin-left: 8px;
  padding: 0;
  min-width: 0;
}

.expander-up {
  list-style-image: url("chrome://browser/skin/places/expander-open.png") !important;
}

.expander-down {
  list-style-image: url("chrome://browser/skin/places/expander-closed.png") !important;
}

.expander-down:hover:active {
  list-style-image: url("chrome://browser/skin/places/expander-closed-active.png") !important;
}

.expander-up:hover:active {
  list-style-image: url("chrome://browser/skin/places/expander-open-active.png") !important;
}

/**
 * info pane
 */

/* More/Less button */

#infoBoxExpander {
  list-style-image: url("chrome://browser/skin/places/twisty-open.gif");
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  max-width: 0;
}

#infoBoxExpanderLabel {
  display: none;
}

#infoBox[minimal="true"] #infoBoxExpander {
  list-style-image: url("chrome://browser/skin/places/twisty-closed.gif");
}

#itemsCountText,
#selectItemDescription {
  color: GrayText;
}

.editBMPanel_rowLabel {
  text-align: end;
}
