/* Sidebars */
.sidebar-placesTree {
  -moz-appearance: none;
  border: 0;
  margin: 0;
  border-top: 1px solid ThreeDShadow;
}
/*
.sidebar-placesTreechildren::-moz-tree-cell(leaf) ,
.sidebar-placesTreechildren::-moz-tree-image(leaf) {
  cursor: pointer;
}
*/
.sidebar-placesTreechildren::-moz-tree-row(){
  margin-left:1px ;
  margin-right:1px ;
  border: 1px solid transparent;
}
.sidebar-placesTreechildren::-moz-tree-row(hover){
  background-color: #f0f0f0 !important;
  border: 1px solid #f0f0f0 ;
  -moz-border-radius:1px ;  
}

.sidebar-placesTreechildren::-moz-tree-cell(hover){
  background:url("chrome://global/skin/tree/SideBar-go-arrow.png")  no-repeat;
  background-position: center right !important;
}
.sidebar-placesTreechildren::-moz-tree-cell(separator,hover){
  background:#f0f0f0;
}
.sidebar-placesTreechildren::-moz-tree-cell-text(hover) {
  padding-right:18px ;
  text-decoration: underline;
  color:#3399ff ;
  cursor: pointer;
}

.sidebar-placesTreechildren::-moz-tree-cell-text(container) ,
.sidebar-placesTreechildren::-moz-tree-cell-text(title, query){
  text-decoration: none !important;
}

/* ::::: twisty  自已加的:::::  */

.sidebar-placesTreechildren::-moz-tree-twisty {
  padding-right: 4px;
  padding-top: 1px;
  width: 0px; /* The image's width is 9 pixels */
  /* list-style-image: url("chrome://global/skin/tree/twisty-clsd.png"); */
}

.sidebar-placesTreechildren::-moz-tree-twisty(open) {
  width: 0px; /* The image's width is 9 pixels */
  /* list-style-image: url("chrome://global/skin/tree/twisty-open.png"); */
}

/* ::::: lines connecting cells  自已加的 ::::: */

.sidebar-placesTreechildren::-moz-tree-line {
  border: 1px dotted transparent;
}

.sidebar-placesTreechildren::-moz-tree-line(selected, focus) {
  border: 1px dotted transparent;
}


/* Trees */
treechildren::-moz-tree-image(title) {
  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
  padding-right: 2px;
  margin: 0px 2px;
  width: 16px;
  height: 16px;
}

treechildren::-moz-tree-image(title, livemarkItem) {
  list-style-image: url("chrome://browser/skin/livemark-item.png");
}

treechildren::-moz-tree-image(title, separator) {
  list-style-image: none;
  width: 0;
  height: 0;
}

treechildren::-moz-tree-image(title, container) {
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

treechildren::-moz-tree-image(title, open) {
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}

treechildren::-moz-tree-image(title, container, livemark) {
  list-style-image: url("chrome://browser/skin/livemark-folder.png");
  -moz-image-region: auto;
}

treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) {
  list-style-image: url("chrome://browser/skin/places/allBookmarks.png");
  -moz-image-region: auto;
}

treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
  -moz-image-region: auto;
}

treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png");
  -moz-image-region: auto;
}

treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
  -moz-image-region: auto;
}

/* query-nodes should be styled even if they're not expandable */
treechildren::-moz-tree-image(title, query) {
  list-style-image: url("chrome://browser/skin/places/query.png");
  -moz-image-region: auto;
}

treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(container, OrganizerQuery_Tags) {
  list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
  -moz-image-region: auto;
}

/* calendar icon for folders grouping items by date */
treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("chrome://browser/skin/places/calendar.png");
  -moz-image-region: auto;
}

treechildren::-moz-tree-image(title, query, hostContainer) {
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

treechildren::-moz-tree-image(title, query, hostContainer, open) {
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}

treechildren::-moz-tree-image(title, query, OrganizerQuery_History) {
  list-style-image: url("chrome://browser/skin/places/history.png");
}

/* We want some queries to look like ordinary folders. This must come
   after the (title, query) selector, or it would get overridden. */
treechildren::-moz-tree-image(title, query, folder) {
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

treechildren::-moz-tree-image(title, query, folder, open) {
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}

treechildren::-moz-tree-row(session-start) {
  border-top:1px dotted ThreeDShadow;
  font-weight: bold;
}

treechildren::-moz-tree-cell-text(date, session-continue) {
  color: -moz-Field;
}

/* Browser Sidebars */

/* Default button vert. margins are 1px/2px, and this can cause misalignment */
#viewButton {
  margin-top: 2px;
  margin-bottom: 2px;
}
#viewButton dropmarker{
  -moz-appearance: none !important;
  list-style-image: url("chrome://global/skin/arrow/menubutton-dropmarker.png");
  -moz-image-region: auto;
  width:7px ;
  height:4px ;
  border:none ;
  margin:2px  !important;
  padding:0  !important;
  background:none ;
 }