
/* Toolbar */
#placesToolbar {
  border: none;
}

#placesToolbar > toolbarbutton[type="menu"]  {
  background: transparent url("chrome://browser/skin/places/menubutton-end.png") center right no-repeat;
  -moz-margin-start: 5px;
  -moz-padding-end: 6px;
}

#placesToolbar > toolbarbutton[type="menu"] > menupopup {
  -moz-margin-start: 2px;
  margin-top: -4px;
}
 
#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-icon {
  background: transparent url("chrome://browser/skin/places/menubutton-start.png") center left no-repeat;
  height: 23px;
  padding: 4px 2px;
}

#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-text {
  background: transparent url("chrome://browser/skin/places/menubutton-mid.png") center left repeat-x;
  height: 23px;
  padding: 4px;
  margin: 0;
}

/* back button */

#back-button {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(0px 28px 32px 4px);
  margin: 0 0 0 15px;
}
#back-button[disabled="true"] {
  -moz-image-region: rect(150px 28px 182px 4px);
}

#back-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 28px 82px 4px);
}

#back-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(100px 28px 132px 4px);
}

/* forward button */

#forward-button {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(0px 52px 32px 28px);
  margin: 0 0 0 -15px;
}
#forward-button[disabled="true"] {
  -moz-image-region: rect(150px 52px 182px 28px);
}

#forward-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 52px 82px 28px);
}

#forward-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(100px 52px 132px 28px);
}

/* organize button */
#organizeButton {
  list-style-image: url("chrome://browser/skin/wrench.png");
}

/* view button */
#viewMenu {
  list-style-image: url("chrome://browser/skin/wrench.png");
}

/* maintenance button */
#maintenanceButton {
  list-style-image: url("chrome://browser/skin/wrench.png");
}

/* Root View */
#placesView {
  border-top: 1px solid ThreeDDarkShadow;
  background-color: #f5f3ec;
}

#placesView > splitter {
  border: 0px;
  width: 3px;
  border-right: 1px solid #919191;
  border-left: 1px solid #919191;
}

#placesView > splitter > grippy,
#contentSplitter > grippy {
  background: transparent url("chrome://browser/skin/grippyHorizontal.png") 50% 50% no-repeat;
  padding: 0;
  margin: 0;
  min-height: 8px !important;
}

#placesView > splitter > grippy {
  background-image: url("chrome://browser/skin/grippyVertical.png");
  min-height: 26px !important;
  min-width: 4px;
}

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

#placesList {
  -moz-appearance: none;
  margin: 0px;
  border: none;
  padding: 0;
  background-color: #f5f3ec;
}

#placesList .tree-bodybox {
  background-color: #f5f3ec;
}

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

#contentSplitter {
  min-height: 10px;
  height: 10px;
  border-top: 1px solid #919191;
  border-bottom: 1px solid #919191;
}

#infoPane {
  padding: 10px;
  background-color: #f0f0f0;
}

/* Search Bar */
#searchbar {
  margin: 6px -4px 0px 2px;
}

.textbox-input-closebutton {
  -moz-appearance: none;
  margin: 1px 2px 1px 1px;
  min-width: 0;
  background-color: transparent;
  border: none;
  padding: 0 !important;
  list-style-image: url("chrome://global/skin/icons/close.png");
  -moz-image-region: rect(0px 16px 16px 0px);
  width: 16px;
  height: 16px;
  cursor: default;
}

.textbox-input-closebutton > .button-box {
  margin: 0;
  padding: 0;
  border: 0;
}

.textbox-input-closebutton:hover {
  -moz-image-region: rect(0px 32px 16px 16px);
}

.textbox-input-closebutton:hover:active {
  -moz-image-region: rect(0px 48px 16px 32px);
}

.small, .small[disabled="true"] {
  font-size: x-small;
  min-width: 0px;
  padding: 0px 4px 0px 4px;
  margin: 0px;  
  border: 0px;
}

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

#searchFilter {
  padding: 0px;
}

#searchFilter[empty="true"] {
  color: GrayText;
}

#searchFilter .textbox-input-box {
  padding: 2px 2px 3px 4px;
}

.filterList {
  -moz-appearance: none;
  background-color: transparent;
  border: 0px;
  margin: 2px;
  padding: 0px;
  min-width: 0px;
  width: 16px;
  height: 16px;
  list-style-image: url("chrome://browser/skin/Search-bar.png");
  -moz-user-focus: ignore;
  cursor: default;
}

.filterList .button-box {
  border: 0px;
  padding: 0px;
}

.filterList .button-menu-dropmarker {
  margin: 9px -3px -4px 8px;
}

/* Calendar */
.history-calendar {
  margin: 0px 0px 7px 6px;
}

.calendar-box {
  -moz-appearance: listbox;
  border: 1px solid black;
  background-color: white;
}
.calendar-header {
  background-color: #EEE;
}
.calendar-month-jump {
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
}
.calendar-month-jump:hover {
  background-color: #DDD;
}
.calendar-grid {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
}
.calendar-grid label { /* everything in the calendar grid */
  padding: 4px;
  margin: 0px;
  text-align: center;
  font-size: 80%;
}
.calendar-month-title {
  text-align: center;
}
.calendar-day-header {
  border-bottom: 1px solid #888;
}
.calendar-day { /* just days (excluding the day headers) */
  cursor: w-resize;
  color: white;
  background-color:white;
}
.calendar-day:hover {
  background-color: #DDD;
}
.calendar-day[selected="true"] {
  cursor: w-resize;
  background-color: #8C8;
}
.calendar-day[selected="true"]:hover {
  background-color: #6A6;
}
.calendar-day[month="this"] {
  color: black;
}
.calendar-day[month="other"] {
  color: #888;
}

#advancedSearchRows {
  border-bottom: 2px solid;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow;
  padding: 3px 3px 3px 0px;
}

#searchModifiers {
  padding-right: 3px;
}

#debugPanel {
  background-color: ThreeDFace;
  border-top: 2px solid; 
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
}

/* Expanders */

.expander-down,
.expander-up {
  margin-right: 5px !important;
}
