
/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * 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 mozilla.org code.
 *
 * The Initial Developer of the Original Code is
 * Netscape Communications Corporation.
 * Portions created by the Initial Developer are Copyright (C) 1998-1999
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Joe Hewitt (hewitt@netscape.com)
 *   Jason Kersey (kerz@netscape.com)
 *   Pierre Chanial (chanial@noos.fr)
 *   Dean Tessman (dean_tessman@hotmail.com)
 *   Blake Ross (blake@cs.stanford.edu)
 *   Pamela Greene (pamg.bugs@gmail.com)
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

@import url("chrome://global/skin/");
@import url("chrome://global/skin/browser.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
.tabbrowser-tabs{
  -moz-binding: url("chrome://global/skin/myFirefoxTab/myFirefoxTab.xml#tabbrowser-tabs") ;
}
.tabbrowser-tab{
  -moz-binding: url("chrome://global/skin/myFirefoxTab/myFirefoxTab.xml#tabbrowser-tab") !important;
}

#menubar-window-controlsm{ display:none;}

#menubar-items {
  -moz-box-orient: vertical; /* for flex hack */
  margin-left:2px ;
}

#menubar-items > menubar {
  -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
}

/* ..... fix searchbar "add engine" padding issue ..... */

#searchbar {
  -moz-binding: url("chrome://global/skin/myFirefoxTab/mySearchBar.xml#mySearchbar")  !important;
  margin-bottom:3px ;
}
#PersonalToolbar #search-container{
	min-width:200px ;
	max-width:250px ;
}
#PersonalToolbar .searchbar-textbox{
	margin:3px 0 3px 3px  !important;
} 
toolbar[iconsize="small"] #searchbar {
  margin-bottom:0px ;
}

#searchbar .searchbar-popup .open-engine-manager {
  -moz-padding-start: 4px;
}
#searchbar .searchbar-textbox {
  font-size:12px !important;
}

#searchbar  .searchbar-textbox:not([empty="true"]) {
  color: #575757;
  direction: ltr !important;
}

#searchbar .searchbar-textbox[empty="true"] {
  color: #575757;
  font-style : italic ;
  direction: ltr !important;
}


.searchbar-textbox[focused="true"]  {
  color: #000000 !important;
  direction: ltr !important;
}

#searchbar[empty="true"] html|input {
  direction: ltr !important;
  text-align: left !important;
}

#wrapper-search-container #searchbar html|*.textbox-input {
  visibility: hidden;
}
/* ::::: bookmark buttons ::::: */
toolbarbutton.bookmark-item  {
  -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbarbutton") !important;
}
toolbarbutton.bookmark-item[type="menu"]{
  -moz-binding: url("chrome://global/skin/globalBindings.xml#myMenu") !important;
}
toolbarbutton.bookmark-item[type="menu-button"]{
  -moz-binding: url("chrome://global/skin/globalBindings.xml#myToolbar-Menu-button") !important;
}

/*收藏栏上的收藏项目第一个左边有一个象索看不到*/
#bookmarksBarContent,
.bookmarks-toolbar-items > box{
	padding-left:1px;
}

#navigator-toolbox > #PersonalToolbar toolbarbutton{
  -moz-appearance:none !important;	
  margin: 0px 0px 1px 0px ;	
  padding: 0px 2px 0px 2px;
  min-width: 0;  
  max-width: 150px;
}

#navigator-toolbox[PersonalToolbar] #PersonalToolbar toolbarbutton{
  margin: 3px 0px 3px 0px  ;
}

#navigator-toolbox[PersonalToolbar]  #PersonalToolbar toolbarseparator{
	margin-top:4px ;
	margin-bottom:5px ;
}

.bookmark-item > .toolbarbutton-icon {
  width: 18px;
  height: 18px;	
  margin-right:2px;
}

.bookmark-item > .toolbarbutton-text {
  display: -moz-box !important;
  margin:0!important;
}
/* Prevent [mode="icons"] from hiding the label */
toolbarbutton.bookmark-item-microsummarized {
  max-width: 20em;
}
#wrapper-personal-bookmarks .toolbarpaletteitem-box {
  width: 16px;
  height: 16px;
}

.bookmarks-toolbar-customize {
  display: none;
  max-width: 15em !important;
}

toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  display: -moz-box;
}

toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  visibility: hidden;
}

toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  visibility: hidden;
}

toolbarpaletteitem[place="toolbar"] .places-toolbar-items {
  display: none;
}

/* ::::: bookmark menus ::::: */

menu.bookmark-item,
menuitem.bookmark-item {
  min-width: 0;
  max-width: 26em;
}

.bookmark-item > .menu-iconic-left {
  margin-top: 0;
  margin-bottom: 0;
}

.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  -moz-padding-start: 0px;
}

/* ::::: bookmark items ::::: */
.bookmark-item  {
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

.bookmark-item[container] {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

.bookmark-item[container][open] {
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}

.bookmark-item[container][livemark] {
  list-style-image: url("chrome://browser/skin/livemark-folder.png");
  -moz-image-region: auto;
}

.bookmark-item[container][livemark] .bookmark-item {
  list-style-image: url("chrome://browser/skin/livemark-item.png");
  -moz-image-region: auto;
}

.bookmark-item[container][query] {
  list-style-image: url("chrome://browser/skin/places/query.png");
  -moz-image-region: auto;
}

.bookmark-item[query][tagContainer] {
  list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
  -moz-image-region: auto;
}

.bookmark-item[query][dayContainer] {
  list-style-image: url("chrome://browser/skin/places/calendar.png");
  -moz-image-region: auto;
}

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

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

/* ::::: bookmark panel dropdown icons ::::: */

#editBMPanel_toolbarFolderItem {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
  -moz-image-region: auto !important;
}

#editBMPanel_bmRootItem {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important;
  -moz-image-region: auto !important;
}

#editBMPanel_unfiledRootItem {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
  -moz-image-region: auto !important;
}

/* ::::: primary toolbar buttons ::::: */
/* 以下是加入的内容,用于控件之间的距离 */
.toolbarbutton-1 {
  list-style-image: url("chrome://browser/skin/Toolbar.png");
}

toolbarbutton[class="chromeclass-toolbar-additional"],
toolbarbutton.toolbarbutton-1,
#nav-bar > toolbarbutton[type="menu-button"]{
  -moz-appearance: none !important;
  -moz-box-orient: vertical;
  min-width: 0px;
  border: 2px solid transparent;
  -moz-border-radius: 3px;  
  -moz-background-clip: padding !important;
}

toolbar[iconsize="large"] toolbarbutton.toolbarbutton-1 ,
toolbar[iconsize="large"] toolbarbutton.toolbarbutton-1[checked="true"],
toolbar[iconsize="large"] > toolbarbutton[type="menu-button"] {
  margin:2px  1px 2px 2px;
  padding:0px 1px 0px 1px  !important;  
}

#nav-bar[iconsize="large"] toolbarbutton.toolbarbutton-1 ,
#nav-bar[iconsize="large"] toolbarbutton.toolbarbutton-1[checked="true"],
#nav-bar[iconsize="large"] >toolbarbutton[type="menu-button"]{
  margin-top: 2px ;
  margin-bottom:5px ;
  padding:0px 0px 0px 0px  !important;   
}

toolbar[iconsize="small"] toolbarbutton.toolbarbutton-1,
toolbar[iconsize="small"] toolbarbutton.toolbarbutton-1[checked="true"],
toolbar[iconsize="small"] > toolbarbutton[type="menu-button"]{
  padding:1px 2px 1px 1px ;
  margin:1px  0 2px 3px;
}

#nav-bar[iconsize="small"] toolbarbutton.toolbarbutton-1 ,
#nav-bar[iconsize="small"] toolbarbutton.toolbarbutton-1[checked="true"],
#nav-bar[iconsize="small"] > toolbarbutton[type="menu-button"]{
  margin-top: 3px ;
  margin-bottom:4px ;  
}	

toolbarbutton[class="chromeclass-toolbar-additional"]:hover,
toolbarbutton.toolbarbutton-1:hover,
#nav-bar > toolbarbutton[type="menu-button"]:hover{
  -moz-border-top-colors:rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.7)  ;
  -moz-border-right-colors: rgba(0, 0, 0, 0.3)  rgba(225, 225, 225, 0.7) ;
  -moz-border-bottom-colors: rgba(0, 0, 0, 0.3)  rgba(225, 225, 225, 0.7) ;
  -moz-border-left-colors:  rgba(0, 0, 0, 0.3) rgba(225, 225, 225, 0.7) ;
}

#nav-bar > toolbarbutton[type="menu-button"] toolbarbutton{
	border:1px solid transparent !important ;
}
#nav-bar > toolbarbutton[type="menu-button"] toolbarbutton:hover{
	border:1px solid rgba(225, 225, 225, 0.7) !important ;
}
#nav-bar > toolbarbutton[type="menu-button"] toolbarbutton:hover:active{
	border:1px solid rgba(0, 0, 0, 0.2)  !important ;
}
#nav-bar > toolbarbutton[type="menu-button"] .toolbarbutton-icon{
	margin:0 2px 0 2px ;
}

toolbarbutton[class="chromeclass-toolbar-additional"]:hover:active,
toolbarbutton[class="chromeclass-toolbar-additional"][open="true"],
toolbarbutton[class="chromeclass-toolbar-additional"][checked="true"],
toolbarbutton.toolbarbutton-1:hover:active,
toolbarbutton.toolbarbutton-1[open="true"],
toolbarbutton.toolbarbutton-1[checked="true"],
#nav-bar > toolbarbutton[type="menu-button"][open="true"],
#nav-bar > toolbarbutton[type="menu-button"]:hover:active{
  -moz-border-top-colors:rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.2)  ;
  -moz-border-right-colors: rgba(0, 0, 0, 0.65)  rgba(225, 225, 225, 0.01) ;
  -moz-border-bottom-colors: rgba(0, 0, 0, 0.65)  rgba(0, 0, 0, 0.2) ;
  -moz-border-left-colors:  rgba(0, 0, 0, 0.65) rgba(225, 225, 225, 0.01) ;
}


toolbarbutton.toolbarbutton-1[checked="true"]> image ,
toolbarbutton.toolbarbutton-1:hover:active> image  {
  margin-top:1px ;
  margin-bottom:-1px ;
}
#stop-button:hover:active > image ,
#reload-button:hover:active > image ,
#go-button:hover:active > image {
  margin-top:0px ;
  margin-bottom:0px ;
}
.toolbarbutton-menubutton-button {
  -moz-appearance: none !important;
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
}

.toolbarbutton-menubutton-stack,
.toolbarbutton-menubutton-button,
.toolbarbutton-menubutton-stack:hover,
.toolbarbutton-menubutton-button:hover,
.toolbarbutton-menubutton-stack:hover:active,
.toolbarbutton-menubutton-button:hover:active ,
.toolbarbutton-menubutton-button[open="true"]{
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
}


.toolbarbutton-1 .toolbarbutton-icon {
  -moz-margin-end: 0px;
}

toolbar[mode="full"] .toolbarbutton-1,
toolbar[mode="full"] .toolbarbutton-menubutton-button {
  min-width: 57px;
  margin:5px ;
}


/* 自定义的文字与小图标的处理 */
toolbar[mode="text"] toolbarbutton{
  -moz-appearance:toolbarbutton !important;
}
toolbar[mode="text"] #stop-button,
toolbar[mode="text"] #reload-button ,
toolbar[mode="text"] #go-button-stack {
	background: none !important;
}
toolbar[mode="text"] #back-button .toolbarbutton-text,
toolbar[mode="text"] #forward-button  .toolbarbutton-text{
  padding:4px 5px 5px 5px !important ;
  margin: 5px !important ;
}

toolbar[mode="text"] #urlbar{
    height: 22px !important;
}

/* text mode  stop and reload button */

toolbar[mode="full"] #stop-button >label,
toolbar[mode="full"] #reload-button >label,
toolbar[mode="full"] .search-go-button >label{
   display:none ;
}

toolbar[iconsize="large"][mode="full"]  #reload-button{
    padding: 0px !important;
    min-width:26px  !important;
    width:26px  !important;
}

toolbar[iconsize="large"][mode="full"]  #stop-button{
    padding: 0px !important;
    min-width:26px  !important;
    width:26px  !important;
}

/*   toolbarbutton */
/* ::::: 24px primary toolbar buttons ::::: */
toolbar[mode="text"] .toolbarbutton-1 {
  margin:7px ;
}

toolbar[mode="icons"] .toolbarbutton-text {
  display: none;
}

toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
toolbar[mode="text"] .toolbarbutton-icon {
  display: none;
}

/*-- #unified-back-forward-button  -- */
#unified-back-forward-button{
	margin-bottom:2px ;
}
#back-button dropmarker,
#forward-button dropmarker{
	display:none !important;
}

#back-button ,
#forward-button{
  -moz-appearance: none !important;
  padding:0 !important;
  border:none !important;
  position:relative  !important;
  z-index:1  !important;
  -moz-box-align: center !important;
  -moz-box-pack: center !important;
}

/* back button-- */
#back-button ,
#nav-bar[saved-iconsize]  #back-button {
  margin:0 0 0 1px !important;  
}

toolbar[iconsize="large"] #back-button ,
#nav-bar[saved-iconsize]  #back-button {
  list-style-image: url("chrome://browser/skin/myToolButton/back-forward-large.png") !important;
  -moz-image-region: rect(27px 27px 54px 0px);
  width:29px !important;
  height:35px !important; ;
}

toolbar[iconsize="large"] #back-button .toolbarbutton-icon,
#nav-bar[saved-iconsize] #back-button .toolbarbutton-icon{
  margin:0px 1px 2px 1px ;
}

toolbar[iconsize="large"] #back-button:hover ,
#nav-bar[saved-iconsize] #back-button:hover {
  -moz-image-region: rect(54px 27px 81px 0px);
}

toolbar[iconsize="large"] #back-button:not([disabled="true"]):hover:active ,
#nav-bar[saved-iconsize] #back-button:hover:not([disabled="true"]):active {
  -moz-image-region: rect(81px 27px 108px 0px);
}

toolbar[iconsize="large"] #back-button[disabled="true"] ,
#nav-bar[saved-iconsize] #back-button[disabled="true"]{
  -moz-image-region: rect(0px 27px 27px 0px) ;
}

/* -forward-button- */

#forward-button,
#nav-bar[saved-iconsize] #forward-button{
  margin: 0 !important;
}
toolbar[iconsize="large"] #forward-button,
#nav-bar[saved-iconsize] #forward-button{
  list-style-image: url("chrome://browser/skin/myToolButton/back-forward-large.png") !important;
  -moz-image-region: rect(27px 54px 54px 27px); 
  width:29px !important;
  height:35px !important; ;  
}

toolbar[iconsize="large"] #forward-button .toolbarbutton-icon,
#nav-bar[saved-iconsize] #forward-button .toolbarbutton-icon{
  margin:0px 1px 2px 1px ;
}

toolbar[iconsize="large"] #forward-button:hover,
#nav-bar[saved-iconsize] #forward-button:hover{
  -moz-image-region: rect(54px 54px 81px 27px);
}

toolbar[iconsize="large"] #forward-button:not([disabled="true"]):hover:active,
#nav-bar[saved-iconsize] #forward-button:not([disabled="true"]):hover:active{
  -moz-image-region: rect(81px 54px 108px 27px);
}

toolbar[iconsize="large"] #forward-button[disabled="true"],
#nav-bar[saved-iconsize] #forward-button[disabled="true"]{
  -moz-image-region: rect(0px 54px 27px 27px) ;
}
/* dropmarker for unified back and forward buttons with keyhole icons */
toolbar[mode="text"] #back-forward-dropmarker {
	display:none ;
}

toolbar[mode="icons"] #back-forward-dropmarker {
  -moz-appearance: none;
  padding: 0;
  border: none;
  margin:2px 0 2px -58px ;
  width:76px ;
}
#nav-bar[saved-iconsize] #back-forward-dropmarker {
  margin:2px 0 2px -56px ;
  width:76px ;
}
toolbar[mode="icons"] #back-forward-dropmarker > image {
  display: -moz-box;
  margin: 0;
}

toolbar[mode="icons"] #back-forward-dropmarker > dropmarker {
  display: none;
}

#back-forward-dropmarker > menupopup{
	margin-top: 1px;
	margin-left: -1px;
}

#nav-bar[saved-iconsize] #back-forward-dropmarker,
toolbar[mode="icons"][iconsize="large"] #back-forward-dropmarker {
  list-style-image: url("chrome://browser/skin/myToolButton/BackMenu/backMenuPic.png");
  -moz-image-region: rect(0px 152px 29px 76px);
}
#nav-bar[saved-iconsize] #back-forward-dropmarker:not([disabled="true"]):hover ,
toolbar[mode="icons"][iconsize="large"] #back-forward-dropmarker:not([disabled="true"]):hover {
  -moz-image-region: rect(0px 228px 29px 152px);
}
#nav-bar[saved-iconsize] #back-forward-dropmarker[disabled="true"],
toolbar[mode="icons"][iconsize="large"] #back-forward-dropmarker[disabled="true"] {
  -moz-image-region: rect(0px 76px 29px 0px);
}
#nav-bar[saved-iconsize] #back-forward-dropmarker:not([disabled="true"]):hover:active,
#nav-bar[saved-iconsize] #back-forward-dropmarker[open="true"]:not([disabled="true"]),
toolbar[mode="icons"][iconsize="large"] #back-forward-dropmarker:not([disabled="true"]):hover:active,
toolbar[mode="icons"][iconsize="large"] #back-forward-dropmarker[open="true"]:not([disabled="true"]) {
  -moz-image-region: rect(0px 304px 29px 228px);
}

.unified-nav-forward[_moz-menuactive],
menupopup[chromedir="rtl"] > .unified-nav-back[_moz-menuactive] {
  list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
}
.unified-nav-back[_moz-menuactive],
menupopup[chromedir="rtl"] > .unified-nav-forward[_moz-menuactive] {
  list-style-image: url("chrome://browser/skin/menu-back.png") !important;
}
/* stop button */

#stop-button {
  display :none ;
  padding: 0px !important;
  border:none !important;
  margin:-1px  -1px  -1px 0px  !important ;
  list-style-image: url("chrome://browser/skin/stop/stop-large.png") ;
  -moz-image-region: rect(0px 25px 22px 0px);
  position:relative ;
  z-index:1 ;
}
#stop-button[disabled="true"] {
  -moz-image-region: rect(0px 25px 22px 0px);
}

toolbar[iconsize="large"] #stop-button:hover ,
toolbar[iconsize="large"] #stop-button[disabled="true"]:hover{
  -moz-image-region: rect(0px 50px 22px 25px)  ;
}

toolbar[iconsize="large"] #stop-button:hover:active ,
toolbar[iconsize="large"] #stop-button[disabled="true"]:hover:active {
  -moz-image-region: rect(0px 75px 22px 50px)  ;
}

/* reload button */

#reload-button  {
  display :none ;
  padding: 0px !important;
  border:none !important;
  margin:  -1px 0 -1px 0  !important ;
  list-style-image: url("chrome://browser/skin/Goarrow/reload-button-large.png") ;
  -moz-image-region: rect(0px 25px 22px 0px);
}
#reload-button[disabled="true"]  {
  -moz-image-region: rect(0px 25px 22px 0px);
}
toolbar[iconsize="large"] #reload-button:hover:active,
toolbar[iconsize="large"] #reload-button[disabled="true"]:hover:active {
  -moz-image-region: rect(0px 75px 22px 50px) ;
}
toolbar[iconsize="large"] #reload-button:hover,
toolbar[iconsize="large"] #reload-button[disabled="true"]:hover {
  -moz-image-region: rect(0px 50px 22px 25px) ;
}

/* home button */

#home-button {
  -moz-image-region: rect(0px 120px 24px 96px);
}
#home-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 120px 48px 96px);
}
#home-button[disabled="true"] {
  -moz-image-region: rect(48px 120px 72px 96px);
}
#home-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 120px 120px 96px);
}
#PersonalToolbar[iconsize="large"] #home-button {
list-style-image: url(chrome://browser/skin/Toolbar-small.png) !important;
-moz-image-region: rect(0px 80px 16px 64px) !important;
}

/* download manager button */

#downloads-button {
  -moz-image-region: rect(0px 144px 24px 120px);
}
#downloads-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 144px 48px 120px);
}
#downloads-button[disabled="true"] {
  -moz-image-region: rect(48px 144px 72px 120px);
}
#downloads-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 144px 120px 120px);
}

/* history sidebar button */

#history-button {
  -moz-image-region: rect(0px 168px 24px 144px);
}
#history-button:not([disabled="true"]):not([checked="true"]):hover {
  -moz-image-region: rect(24px 168px 48px 144px);
}
#history-button[disabled="true"] {
  -moz-image-region: rect(48px 168px 72px 144px);
}
#history-button[checked="true"] {
  -moz-image-region: rect(72px 168px 96px 144px);
}
#history-button:not([disabled="true"]):not([checked="true"]):hover:active {
  -moz-image-region: rect(96px 168px 120px 144px);
}

/* bookmark sidebar button */

#bookmarks-button {
  -moz-image-region: rect(0px 192px 24px 168px);
}
#bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
  -moz-image-region: rect(24px 192px 48px 168px);
}
#bookmarks-button[disabled="true"] {
  -moz-image-region: rect(48px 192px 72px 168px);
}
#bookmarks-button[checked="true"] {
  -moz-image-region: rect(72px 192px 96px 168px);
}
#bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
  -moz-image-region: rect(96px 192px 120px 168px);
}

/* print button */

#print-button {
  -moz-image-region: rect(0px 216px 24px 192px);
}
#print-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 216px 48px 192px);
}
#print-button[disabled="true"] {
  -moz-image-region: rect(48px 216px 72px 192px);
}
#print-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 216px 120px 192px);
}

/* new tab button */

toolbar[iconsize="large"] #new-tab-button .toolbarbutton-icon {
  padding-left: 1px;
}
#new-tab-button {
  -moz-image-region: rect(0px 240px 24px 216px);
}
#new-tab-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 240px 48px 216px);
}
#new-tab-button[disabled="true"] {
  -moz-image-region: rect(48px 240px 72px 216px);
}
#new-tab-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 240px 120px 216px);
}

/* new window button */

toolbar[iconsize="large"] #new-window-button .toolbarbutton-icon {
  padding-left: 1px;
}
#new-window-button {
  -moz-image-region: rect(0px 264px 24px 240px);
}
#new-window-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 264px 48px 240px);
}
#new-window-button[disabled="true"] {
  -moz-image-region: rect(48px 264px 72px 240px);
}
#new-window-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 264px 120px 240px);
}

/* cut button */

#cut-button {
  -moz-image-region: rect(0px 288px 24px 264px);
}
#cut-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 288px 48px 264px);
}
#cut-button[disabled="true"] {
  -moz-image-region: rect(48px 288px 72px 264px);
}
#cut-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 288px 120px 264px);
}

/* copy button */

#copy-button {
  -moz-image-region: rect(0px 312px 24px 288px);
}
#copy-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 312px 48px 288px);
}
#copy-button[disabled="true"] {
  -moz-image-region: rect(48px 312px 72px 288px);
}
#copy-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 312px 120px 288px);
}

/* paste button */

#paste-button {
  -moz-image-region: rect(0px 336px 24px 312px);
}
#paste-button:not([disabled="true"]):hover {
  -moz-image-region: rect(24px 336px 48px 312px);
}
#paste-button[disabled="true"] {
  -moz-image-region: rect(48px 336px 72px 312px);
}
#paste-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(96px 336px 120px 312px);
}

/* fullscreen button */

#fullscreen-button {
  -moz-image-region: rect(0px 360px 24px 336px);
}
#fullscreen-button:hover,
#fullscreen-button[checked="true"] {
  -moz-image-region: rect(24px 360px 48px 336px);
}

/* ::::: 16px primary toolbar buttons ::::: */

toolbar[iconsize="small"] .toolbarbutton-1 {
  -moz-box-orient: vertical;
  min-width: 0;
  list-style-image: url("chrome://browser/skin/Toolbar-small.png");

}
toolbar[iconsize="small"] .toolbarbutton-1 .toolbarbutton-icon {
  -moz-margin-end: 0px;
}

toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
  border: 0 !important;
}

toolbar[iconsize="small"] .toolbarbutton-menubutton-stack,
toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover,
toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover,
toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active,
toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active {
  display: -moz-box;
}

/* back and forward button-- */
/* back button-- */
toolbar[iconsize="small"] #back-button {
  list-style-image: url("chrome://browser/skin/myToolButton/back-small.png") !important;
  -moz-image-region: rect(0px 29px 29px 0px);  
}

toolbar[iconsize="small"] #back-button .toolbarbutton-icon{
  margin:0 0px 2px 0px !important;
}

toolbar[iconsize="small"] #back-button:hover {
  -moz-image-region: rect(0px 58px 29px 29px);
}
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active{
  -moz-image-region: rect(0px 87px 29px 58px);
}
toolbar[iconsize="small"] #back-button[disabled="true"] {
  -moz-image-region: rect(0px 116px 29px 87px);
}

toolbar[iconsize="small"] #forward-button {
  list-style-image: url("chrome://browser/skin/myToolButton/forward-small.png") !important;
  -moz-image-region: rect(0px 29px 29px 0px);
}
toolbar[iconsize="small"] #forward-button .toolbarbutton-icon{
  padding: 0px !important;
  margin:0px 0px 2px 1px !important;
}
toolbar[iconsize="small"] #forward-button:hover{
  -moz-image-region: rect(0px 58px 29px 29px);
}
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active{
  -moz-image-region: rect(0px 87px 29px 58px);
}
toolbar[iconsize="small"] #forward-button[disabled="true"]{
  -moz-image-region: rect(0px 116px 29px 87px);
}

toolbar[mode="icons"][iconsize="small"] #back-forward-dropmarker {
  list-style-image: url("chrome://browser/skin/myToolButton/back-forward-ground-small.png");
  -moz-image-region: rect(0px 148px 29px 74px);
}
toolbar[mode="icons"][iconsize="small"] #back-forward-dropmarker:not([disabled="true"]):hover {
  -moz-image-region: rect(0px 222px 29px 148px);
}
toolbar[mode="icons"][iconsize="small"] #back-forward-dropmarker[disabled="true"] {
  -moz-image-region: rect(0px 74px 29px 0px);
}
toolbar[mode="icons"][iconsize="small"] #back-forward-dropmarker:not([disabled="true"]):hover:active,
toolbar[mode="icons"][iconsize="small"] #back-forward-dropmarker[open="true"]:not([disabled="true"]) {
  -moz-image-region: rect(0px 296px 29px 222px);
}

toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker {
  margin:0px 0 0px -58px ;
  width:74px ;
}
/* stop button */

toolbar[iconsize="small"] #stop-button .toolbarbutton-icon {
  padding-left: 1px;
  margin-left:3px ;
}
toolbar[iconsize="small"] #stop-button {
  height: 22px;
  list-style-image: url("chrome://browser/skin/stop/stop-small.png")  !important ;
  -moz-image-region: rect(0px 24px 24px 0px);
  background: transparent !important;
  border: 0px  !important;
}
toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover {
  list-style-image: url("chrome://browser/skin/stop/stop-small.png")  !important ;
  -moz-image-region: rect(0px 48px 24px 24px);
  background: transparent !important;
  border: 0px  !important;
}
toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover:active {
  list-style-image: url("chrome://browser/skin/stop/stop-small.png")  !important ;
  -moz-image-region: rect(0px 72px 24px 48px);
  background: transparent !important;
  border: 0px  !important;
}
toolbar[iconsize="small"] #stop-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/stop/stop-small.png")  !important ;
  -moz-image-region: rect(0px 96px 24px 72px);
  background: transparent !important;
  border: 0px  !important;
}

/* reload button */

toolbar[iconsize="small"] #reload-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #reload-button {
  height: 22px;
  list-style-image: url("chrome://browser/skin/Goarrow/reload-button-small.png")  !important ;
  -moz-image-region: rect(0px 24px 24px 0px);
  background: none !important;
  border: 0px  !important;

}
toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover {
  list-style-image: url("chrome://browser/skin/Goarrow/reload-button-small.png")  !important ;
  -moz-image-region: rect(0px 48px 24px 24px);
  background: none !important;
  border: 0px  !important;
}
toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover:active {
  list-style-image: url("chrome://browser/skin/Goarrow/reload-button-small.png")  !important ;
  -moz-image-region: rect(0px 72px 24px 48px);
  background: none !important;
  border: 0px  !important;
}
toolbar[iconsize="small"] #reload-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/Goarrow/reload-button-small.png")  !important ;
  -moz-image-region: rect(0px 96px 24px 72px);
  background: none !important;
  border: 0px  !important;
}

/* home button */

toolbar[iconsize="small"] #home-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #home-button {
  list-style-image: url("chrome://browser/skin/Toolbar-small.png") !important;
  -moz-image-region: rect(0px 80px 16px 64px) !important;
}
toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 80px 32px 64px) !important;
}
toolbar[iconsize="small"] #home-button[disabled="true"] {
  -moz-image-region: rect(32px 80px 48px 64px) !important;
}
toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 80px 80px 64px) !important;
}

/* download manager button */

toolbar[iconsize="small"] #downloads-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #downloads-button {
  -moz-image-region: rect(0px 96px 16px 80px);
}
toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 96px 32px 80px);
}
toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  -moz-image-region: rect(32px 96px 48px 80px);
}
toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 96px 80px 80px);
}

/* history sidebar button */

toolbar[iconsize="small"] #history-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #history-button {
  -moz-image-region: rect(0px 112px 16px 96px);
}
toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover {
  -moz-image-region: rect(16px 112px 32px 96px);
}
toolbar[iconsize="small"] #history-button[disabled="true"] {
  -moz-image-region: rect(32px 112px 48px 96px);
}
toolbar[iconsize="small"] #history-button[checked="true"] {
  -moz-image-region: rect(48px 112px 64px 96px);
}
toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
  -moz-image-region: rect(64px 112px 80px 96px);
}

/* bookmark sidebar button */

toolbar[iconsize="small"] #bookmarks-button .toolbarbutton-icon {
  padding-left: 2px;
}
toolbar[iconsize="small"] #bookmarks-button {
  -moz-image-region: rect(0px 128px 16px 112px);
}
toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
  -moz-image-region: rect(16px 128px 32px 112px);
}
toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  -moz-image-region: rect(32px 128px 48px 112px);
}
toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  -moz-image-region: rect(48px 128px 64px 112px);
}
toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
  -moz-image-region: rect(64px 128px 80px 112px);
}

/* print button */

toolbar[iconsize="small"] #print-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #print-button {
  -moz-image-region: rect(0px 144px 16px 128px);
}
toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 144px 32px 128px);
}
toolbar[iconsize="small"] #print-button[disabled="true"] {
  -moz-image-region: rect(32px 144px 48px 128px);
}
toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 144px 80px 128px);
}

/* new tab button */

toolbar[iconsize="small"] #new-tab-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #new-tab-button {
  -moz-image-region: rect(0px 160px 16px 144px);
}
toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 160px 32px 144px);
}
toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  -moz-image-region: rect(32px 160px 48px 144px);
}
toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 160px 80px 144px);
}

/* new window button */

toolbar[iconsize="small"] #new-window-button {
  -moz-image-region: rect(0px 176px 16px 160px);
}
toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 176px 32px 160px);
}
toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  -moz-image-region: rect(32px 176px 48px 160px);
}
toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 176px 80px 160px);
}

/* cut button */

toolbar[iconsize="small"] #cut-button .toolbarbutton-icon {
  padding-right: 1px;
}
toolbar[iconsize="small"] #cut-button {
  -moz-image-region: rect(0px 192px 16px 176px);
}
toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 192px 32px 176px);
}
toolbar[iconsize="small"] #cut-button[disabled="true"] {
  -moz-image-region: rect(32px 192px 48px 176px);
}
toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 192px 80px 176px);
}

/* copy button */

toolbar[iconsize="small"] #copy-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #copy-button {
  -moz-image-region: rect(0px 208px 16px 192px);
}
toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 208px 32px 192px);
}
toolbar[iconsize="small"] #copy-button[disabled="true"] {
  -moz-image-region: rect(32px 208px 48px 192px);
}
toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 208px 80px 192px);
}

/* paste button */

toolbar[iconsize="small"] #paste-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #paste-button {
  -moz-image-region: rect(0px 224px 16px 208px);
}
toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 224px 32px 208px);
}
toolbar[iconsize="small"] #paste-button[disabled="true"] {
  -moz-image-region: rect(32px 224px 48px 208px);
}
toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 224px 80px 208px);
}

/* fullscreen button */

toolbar[iconsize="small"] #fullscreen-button {
  -moz-image-region: rect(0px 256px 16px 240px);
}
toolbar[iconsize="small"] #fullscreen-button:hover,
toolbar[iconsize="small"] #fullscreen-button[checked="true"] {
  -moz-image-region: rect(64px 256px 80px 240px);
}

/* ::::: fullscreen window controls ::::: */
#window-controls {
  -moz-box-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  -moz-padding-start: 2px;
  -moz-padding-end: 2px;
}

#main-window #minimize-button {
  list-style-image: url("chrome://global/skin/icons/window-controls.png")  !important;
  -moz-image-region: rect(0px 22px 16px 0px) !important;
  margin-bottom:10px ;
  background:none ;
}
#main-window #minimize-button:hover {
  -moz-image-region: rect(16px 22px 32px 0px) !important;
}
#main-window #minimize-button:hover:active {
  -moz-image-region: rect(32px 22px 48px 0px) !important;
}

#main-window #restore-button {	
  list-style-image: url("chrome://global/skin/icons/window-controls.png")  !important;
  -moz-image-region: rect(0px 44px 16px 22px) !important;
  margin-bottom:10px ;
  background:none ;
}
#main-window #restore-button:hover {
  -moz-image-region: rect(16px 44px 32px 22px) !important;
}
#main-window #restore-button:hover:active {
  -moz-image-region: rect(32px 44px 48px 22px) !important;
}

#main-window #close-button {
  list-style-image: url("chrome://global/skin/icons/window-controls.png")  !important;
  -moz-image-region: rect(0px 66px 16px 44px) !important;
  margin-bottom:10px ;
  background:none ;
}
#main-window #close-button:hover {
  -moz-image-region: rect(16px 66px 32px 44px) !important;
}
#main-window #close-button:hover:active {
  -moz-image-region: rect(32px 66px 48px 44px) !important;
}

/* ::::: nav-bar-inner ::::: */
#urlbar-container {
/* 控制高度 */
  margin :2px 0 6px 3px;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  border: 0 !important;

}

toolbar[mode="text"] #urlbar-container {
  border: 0px   !important ;
}

toolbar[iconsize="small"] #urlbar-container {
  margin-top:1px ;
  margin-bottom:1px ;
  height: 20px !important ;
  -moz-box-orient: horizontal !important ;
  -moz-box-align: stretch  !important ;
  -moz-margin-end: 0px  !important ;
  border: 0px solid  !important ;
}

#main-window toolbar[iconsize="large"] #urlbar {
  -moz-appearance: none;
  margin: 0 4px 0 0 ;
  height:26px !important;
  width: 7em;
  min-width: 7em;
  background:none ;
  border:none ;
}
#main-window toolbar[iconsize="large"]  #urlbar > #myUrlbarStack{
  border-top: 3px solid ;
  -moz-border-top-colors: rgba(252, 254, 253, 0.27 ) rgba(51, 51, 51, 0.76) rgba(254, 254, 254, 0.93 ) ;
  border-bottom: 3px solid ;
  -moz-border-bottom-colors: rgba(253, 255, 255, 0.36) rgba(157, 157, 157, 0.56) rgba(254, 254, 254, 0.93);
  background-color: rgba(255, 255, 255, 0.75) ;
  -moz-background-clip: padding;
  border-left:0 ;
  border-right:0 ;
}

#main-window toolbar[iconsize="large"]  #urlbar > .myUrlbar-left-corner{
 background:url("chrome://global/skin/myFirefox/urlBar/urlbarLeft.png") no-repeat top left;
}
#main-window toolbar[iconsize="large"]  #urlbar > .myUrlbar-right-corner{
 background:url("chrome://global/skin/myFirefox/urlBar/urlbarRight.png") no-repeat top left;
}
#main-window toolbar[iconsize="large"]  #urlbar > hbox > .myUrlbar-Middle{
 background:url("chrome://global/skin/myFirefox/urlBar/urlbarMiddle.png") no-repeat top left;
}

#main-window  toolbar[iconsize="large"] #urlbar[focused="true"] > #myUrlbarStack{
 background-color: rgba(255, 255, 255, 0.99) ;
 -moz-border-right-colors: rgba(255, 255, 255, 0.5) rgba(50, 50, 50, 0.3) rgba(255, 255, 255, 0.99);
 -moz-border-bottom-colors: rgba(255, 255, 255, 0.5) rgba(50, 50, 50, 0.3) rgba(255, 255, 255, 0.99);
}

#main-window toolbar[iconsize="large"]  #urlbar[focused="true"] > hbox > .myUrlbar-Middle{
 background: rgba(255, 255, 255, 0.99) ;
}

#main-window  toolbar[iconsize="large"] #urlbar-container:hover #urlbar:not([focused="true"]) > #myUrlbarStack{
 background-color: rgba(255, 255, 255, 0.90) ;
}
#main-window toolbar[iconsize="large"] #urlbar-container:hover #urlbar:not([focused="true"]) > hbox > .myUrlbar-Middle{
 background: rgba(255, 255, 255, 0.99) ;
}

toolbar[mode="text"] #urlbar ,
toolbar[iconsize="small"] #urlbar {
  -moz-appearance: none;
  margin: 4px 0px 4px 3px !important ;
  height:22px !important;
  min-height:22px ;
  width: 7em;
  min-width: 7em;
  border: 1px solid  ;
  -moz-border-top-colors: #7e9cb8  ;
  -moz-border-bottom-colors: #7e9cb8  ;
  -moz-border-right-colors: #7e9cb8  ;
  -moz-border-left-colors: #7e9cb8  ;
  -moz-background-clip: padding;
  background-color: rgba(255, 255, 255, 0.75) ;
}

toolbar[mode="text"] #urlbar:hover ,
toolbar[iconsize="small"] #urlbar:hover ,
toolbar[iconsize="small"] #urlbar[focused="true"]{
  background: white ;
}
toolbar[mode="text"] #urlbar {
  background: white ;
}

toolbar[iconsize="small"] #go-button-stack,
toolbar[iconsize="small"] #go-button-stack:hover ,
toolbar[iconsize="small"] #go-button-stack:hover:active{
    margin-left: 4px  !important ;
	margin-right:7px  !important ;
    background-image: none  !important ;
  border: 0px  !important ;
}

/* Location bar dropmarker */
#urlbar  .autocomplete-history-dropmarker {
  -moz-appearance: none;
  padding: 0;
  height:24px;
  border: 0px;
  list-style-image:url("chrome://global/skin/icons/history-dropmarker.png") ;
  -moz-image-region: rect(0px, 17px, 24px, 0px) ;
  background : transparent;
  margin : -2px 0px -2px 0 !important;
  position:relative  !important;
  z-index:10  !important;
}

#urlbar  .autocomplete-history-dropmarker:hover {
  -moz-image-region: rect(0px, 34px, 24px, 17px) ;
}

#urlbar  .autocomplete-history-dropmarker[open="true"] {
  padding: 0;
  -moz-image-region: rect(0px, 51px, 24px, 34px) ;
}

/* 对glasser 进行设计 */
#main-window  toolbar[glassToMe="true"][iconsize="large"]  #urlbar {
	border:0 !important;
	background:none !important;
}
#main-window >#navigator-toolbox > #nav-bar[glassToMe="true"][iconsize="small"]{
  padding-bottom:3px !important;
}
toolbar[glassToMe="true"][iconsize="small"]  #urlbar {
  margin-top:  2px  !important ;
  margin-bottom:  2px  !important ;
  height:24px !important;
  min-height:24px !important;
}
toolbar[glassToMe="true"][iconsize="small"] #search-container{
  margin-top:  2px  !important ;
  margin-bottom:  2px  !important ;
  }
toolbar[glassToMe="true"][iconsize="small"]  .searchbar-textbox{
  height:24px !important;
  min-height:24px !important;
}

toolbar[glassToMe="true"] #page-proxy-stack {
  margin-left:0px ;
}
toolbar[glassToMe="true"][iconsize="small"] #page-proxy-stack {
  width:16px ;
  padding: 0px ;
}
toolbar[glassToMe="true"] #identity-box {
  padding:0 !important;
}

toolbar[glassToMe="true"] #identity-box > hbox{
  margin:-2px 0 -2px -1px !important;
}
toolbar[glassToMe="true"][iconsize="small"] #identity-box > hbox{
  margin:-1px 0px -1px 1px !important;
}

#nav-bar[glassToMe="true"][iconsize="large"] > toolbarbutton.toolbarbutton-1 ,
#nav-bar[glassToMe="true"][iconsize="large"] > toolbarbutton.toolbarbutton-1[checked="true"]{
  margin-top: 2px !important;
  margin-bottom:5px !important;
  padding:0px 1px 0px 1px  !important;
}

toolbar[glassToMe="true"][iconsize="small"] toolbarbutton.toolbarbutton-1,
toolbar[glassToMe="true"][iconsize="small"] toolbarbutton.toolbarbutton-1[checked="true"]  {
  padding:1px 3px 1px 2px !important;
  margin-top: 4px !important;
  margin-bottom:2px !important;
}


/* star button */
#star-button {
  padding: 0;
  list-style-image: url("chrome://browser/skin/places/bookmark.png");
  -moz-image-region: rect(0px 16px 16px 0px);
}
toolbar[iconsize="small"] #star-button {
  list-style-image: url("chrome://browser/skin/places/bookmark-small.png");
}

#star-button:hover {
  -moz-image-region: rect(0px 32px 16px 16px);
}

#star-button:hover:active {
  -moz-image-region: rect(0px 48px 16px 32px);
}

#star-button[starred="true"] {
  list-style-image: url("chrome://browser/skin/places/editBookmark.png") !important;
}


/* bookmarking panel */
#editBookmarkPanel {
  -moz-appearance: menupopup;
  color: MenuText;
  padding: 4px;
}

#editBookmarkPanel > hbox ,
#editBookmarkPanel > vbox{
  background: #f0f0f0 !important;
}

#editBookmarkPanelStarIcon {
  list-style-image: url("chrome://browser/skin/places/starred48.png");
  width: 48px;
  height: 48px;
}

#editBookmarkPanelStarIcon[unstarred] {
  list-style-image: url("chrome://browser/skin/places/unstarred48.png");
}

#editBookmarkPanelTitle {
  font-size: 130%;
}

#star-button > .toolbarbutton-icon {
  margin:0 2px 2px 2px ;
}

toolbar[iconsize="small"] #urlbar .autocomplete-history-dropmarker{
  margin:  0 0 0 1px !important ;
  list-style-image: url("chrome://global/skin/icons/autocomplete-dropmark-arrow1.png") !important;
  -moz-image-region: rect(0px, 16px, 20px, 0px) !important;
  background:none !important;
}

toolbar[iconsize="small"] #urlbar .autocomplete-history-dropmarker:hover,
toolbar[iconsize="small"] #urlbar[focused="true"] .autocomplete-history-dropmarker{
  margin:  0 0 0 1px !important ;
  padding: 0px !important;
  border: 0px !important;
  -moz-image-region: rect(0px, 32px, 20px, 16px) !important;
  background:url("chrome://global/skin/icons/history-dropmarkersmall.png") no-repeat top left !important;
}

/* This needs to be at least as large as the maximum possible width
   of the container that holds the icons in the right side of the urlbar.
   This is a spacer so that the urlbar/searchbar boundary doesn't shift
   (due to flex calculations) when the urlbar icons appear and disappear. */
#urlbar-icons-spacer {
  width: 100px;
}

#urlbar-icons {
  margin-top:1px ;
  margin-bottom:1px ;
  margin-right:1px ;
  height: 16px;
}
#urlbar-icons image{
	margin:1px ;
}
toolbar[iconsize="large"] #urlbar-icons image{
	margin:0 1px 0 1px ;
}
toolbar[iconsize="large"] #urlbar-icons {
  margin-top:2px ;
  margin-bottom:2px ;
}
#urlbar-icons > #feed-button {
  display:none ;
}

#urlbar-search-splitter {
  min-width: 6px;
  width:6px ;
  -moz-margin-start:-6px;
  border: none;
  background: transparent;
}

#urlbar-search-splitter + #urlbar-container > #urlbar ,
#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
  -moz-margin-start: 0;
}

#wrapper-urlbar-container #urlbar {
  -moz-user-input: disabled;
  cursor: -moz-grab;
}

/* Keep the URL bar LTR */

#urlbar .autocomplete-textbox-container {
  direction: ltr;
}

#PopupAutoComplete {
  direction: ltr !important;
}

#PopupAutoComplete .autocomplete-treebody {
  direction: ltr;
}

/* ::::: page proxy icon ::::: */

#urlbar-throbber {
  width: 16px;
  height: 16px;
}

#page-proxy-stack {
  width: 20px;
  height: 20px;
  padding: 2px;
 }

toolbar[iconsize="small"] #page-proxy-stack {
  padding: 1px 2px 1px 2px;
}

#page-proxy-favicon:not([src]) {
  list-style-image: url("chrome://global/skin/icons/folder-item1.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px)
}

#page-proxy-favicon[pageproxystate="invalid"] {
  -moz-image-region: rect(16px, 16px, 32px, 0px);
}

#urlbar-throbber {
  list-style-image: url("chrome://browser/skin/places/searching_16.png");
}

statusbarpanel#statusbar-display {
  -moz-padding-start: 0;
}

/* ::::: autocomplete ::::: */

#treecolAutoCompleteImage {
  max-width: 36px;
}

.ac-result-type-bookmark,
.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
  list-style-image: url("chrome://browser/skin/places/editBookmark.png");
  -moz-image-region: rect(0px 16px 16px 0px);
  width: 16px;
  height: 16px;
}

.ac-result-type-tag,
.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
  list-style-image: url("chrome://browser/skin/places/tag.png");
  width: 16px;
  height: 16px;
}

.ac-comment {
  font-size: 1.15em;
}

.ac-extra > .ac-comment {
  font-size: inherit;
}

.ac-url-text {
  color: #0055bb;
}

.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  color: GrayText;
}

.ac-comment[selected="true"], .ac-url-text[selected="true"] {
  color: inherit !important;
}

.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
{
  color: GrayText;
  font-size: smaller;
}

.autocomplete-treebody::-moz-tree-cell(suggesthint) {
  border-top: 1px solid GrayText;
}
/* ::::: go button ::::: */

/* In text icon mode, the Go button scales independently of the location bar,
 * and the button can be much taller, so we have to center align the elements
 * (instead of stretching them) to prevent the location bar from stretching
 * vertically to match the button's height and growing too tall. Despite this
 * center alignment, the history dropmarker still stretches to the location
 * bar's height, as it's inside the location bar's textbox, which is stretchy.
 */

toolbar[iconsize="small"] #go-button {
  padding: 0 2px;
  margin:1px 0 1px 0 ;
  list-style-image: url("chrome://browser/skin/Go-arrow.png");
  -moz-image-region: rect(0px 16px 16px 0px);
}

toolbar[iconsize="small"] #go-button:hover {
  -moz-image-region: rect(16px 16px 32px 0px);
}

#urlbar[pageproxystate="invalid"] > #urlbar-icons > :not(#go-button) ,
toolbar[iconsize="small"] #urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button {
  visibility: collapse;
}

/* go-button large */
toolbar[iconsize="large"] #myGoBox > #go-button {
  -moz-appearance:none  !important;
  padding: 0px ;
  border: 0px  ;
  margin:  -1px 0 -1px 0  !important ;
  position:relative ;
  z-index:1 ;
  list-style-image:url("chrome://browser/skin/Goarrow/go-arrow-large.png");
  -moz-image-region: rect(0px 25px 22px 0px) ;
}
toolbar[iconsize="large"] #myGoBox > #go-button:hover:active {
  -moz-image-region: rect(0px 75px 22px 50px)  !important;
}
toolbar[iconsize="large"] #myGoBox > #go-button:hover {
  -moz-image-region: rect(0px 50px 22px 25px)  !important;
}
toolbar[iconsize="large"] #urlbar[myFirefoxUrlbar]  #myGoBox > #go-button {
	display:none;
}
toolbar[iconsize="large"] #urlbar-container[empty="false"] #urlbar[pageproxystate="invalid"] #myGoBox > #go-button {
	display:-moz-box;
}

toolbar[iconsize="large"] #urlbar[pageproxystate="invalid"]  #myGoBox > :not(#go-button) ,
toolbar[iconsize="large"] #urlbar[pageproxystate="valid"]   #myGoBox > #go-button {
  visibility: collapse;
}

toolbar[iconsize="large"] #urlbar-icons > #go-button{
  display:none;
  width:0 ;
}

/* Private browsing */
.myInPrivatebox{
	display:none ;
}
#main-window[browsingmode="private"] .myInPrivatebox{
	display:-moz-box ;
	margin:0 !important;
	height:20px ;
	background:url("chrome://global/skin/icons/inPrivate.png") repeat-x;	
}

/* 以下的转到的自定义部分 将转到与刷新入在同一区域 */
#myUrlbarStack #stop-button {
    display:-moz-box;
}

toolbar[iconsize="small"] #go-button-stack #stop-button {
    display:-moz-box;
}
toolbar[iconsize="small"] #go-button-stack #reload-button{
   display:-moz-box;
}

toolbar[iconsize="large"] #urlbar  #reload-button{
   display:-moz-box;
}

toolbar[iconsize="large"] #urlbar[pageproxystate="invalid"]  #reload-button {
  visibility: collapse ;
}

toolbar[iconsize="large"] #urlbar-container[empty="true"]  #reload-button{
  visibility: visible ;
} 
/* ::::: content area ::::: */

#sidebar {
  background-color: Window;
}

/* ::::: content area ::::: */
#status-bar {
  border-top: none;
}

#security-button {
  list-style-image: none;
  min-width: 20px;
  -moz-box-direction: reverse;
  display: none;
}

#security-button[level="high"] {
  list-style-image: url("chrome://browser/skin/Secure.png");
  -moz-image-region: rect(36px, 18px, 54px, 0px);
  display: -moz-box;
}

#security-button[level="low"] {
  list-style-image: url("chrome://browser/skin/Secure.png");
  -moz-image-region: rect(36px, 18px, 54px, 0px);
  display: -moz-box;
}

#security-button[level="broken"] {
  list-style-image: url("chrome://browser/skin/Security-broken.png");
  -moz-image-region: rect(36px, 18px, 54px, 0px);
  display: -moz-box;
}

/* XXXsw prevent margins of a value-less label from shifting the image */
#security-button > label:not([value]) {
  display: none;
}

#page-report-button {
  list-style-image: none;
  width: 20px;
  display: none;
}

#page-report-button[blocked] {
  list-style-image: url("chrome://browser/skin/Info.png");
  display: -moz-box;
}

/* ::::: throbber ::::: */

#navigator-throbber {
  -moz-binding: url(chrome://global/content/bindings/button.xml#button);		
  -moz-appearance: none !important;
  -moz-box-orient: vertical !important;
  -moz-user-focus: ignore;
  margin:0 5px 0 0 !important;
  border: none !important;
  padding: 0px !important;
  height:16px !important ;  
  min-width: 0;
  background-color: transparent;
  list-style-image: url("chrome://global/skin/myFxva/tab-icon/vista-white.png");
}
#navigator-throbber .button-icon{
  -moz-appearance: none !important;
  padding:0px !important;
  margin:0px !important;
}

#navigator-throbber[busy="true"] {
  list-style-image: url("chrome://global/skin/throbber/Throbber-small-new.gif") ;
  background:url("chrome://global/skin/throbber/Throbber-small.png") no-repeat center center ;

}
toolbar[iconsize="small"] #navigator-throbber,
toolbar[mode="text"] #navigator-throbber {
  list-style-image: url("chrome://global/skin/myFxva/tab-icon/vista-white.png");
}
toolbar[iconsize="small"] #navigator-throbber[busy="true"],
toolbar[mode="text"] #navigator-throbber[busy="true"] {
  list-style-image: url("chrome://global/skin/throbber/Throbber-small-new.gif") ;
  background:url("chrome://global/skin/throbber/Throbber-small.png") no-repeat center center ;
}

.tabs-closebutton > .toolbarbutton-icon {
  -moz-margin-end: 0px !important;
  -moz-padding-end: 2px !important;
  -moz-padding-start: 2px !important;
}

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

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

#sidebar-box .tabs-closebutton {
  margin-bottom: 0px !important;
  padding: 0 !important;
}

#FindToolbar > .tabs-closebutton {
  border: 1px solid transparent;
  padding: 3px 2px 4px 2px !important;
}
.tabs-closebutton {
  list-style-image: url("chrome://global/skin/icons/close.png");
  -moz-appearance: none;
  -moz-image-region: rect(0px, 16px, 16px, 0px);
  padding: 4px 2px;
  border: none !important;
}

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

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

toolbarbutton.chevron {
  list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
}

toolbarbutton.chevron > .toolbarbutton-text {
  display: none; /* hide chevron label */
}

toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  display: none;
}

toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  display: -moz-box; /* display chevron icon in text mode */
}

toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  display: -moz-box;
}

toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
   display: none;
}

#sidebar-throbber[loading="true"] {
  list-style-image: url("chrome://global/skin/throbber/Throbber-small-new.gif") ;
  background:url("chrome://global/skin/throbber/Throbber-small.png") no-repeat center center ;
  -moz-margin-end: 4px;
}

#main-window  toolbar[iconsize="large"] #urlbar[level="high"][verified="verifiedIdentity"]> #myUrlbarStack{
  color: #000000;
  background:url("chrome://global/skin/myFirefox/urlBar/HeightLever.png") repeat-x top left;
  -moz-background-clip: padding !important;
  -moz-border-top-colors:rgba(252, 254, 253, 0.27 ) rgba(51, 51, 51, 0.76) rgba(156, 198, 142,0.8) !important;
  -moz-border-bottom-colors:rgba(253, 255, 255,0.36) rgba(157, 157, 157, 0.56) rgba(152, 198,142,0.8) !important;
  -moz-background-clip: padding !important;
}

#main-window toolbar[iconsize="large"] #urlbar[level="high"][verified="verifiedIdentity"] > hbox > .myUrlbar-Middle {
  background:rgba(156, 198, 142,0.8) ;
}

#main-window  toolbar[iconsize="large"] #urlbar-container:hover  #urlbar[level="high"][verified="verifiedIdentity"]:not([focused="true"]) > #myUrlbarStack{
  background:rgba(150, 235, 120, 0.5) !important ;
  -moz-background-clip: padding !important;
  -moz-border-top-colors: rgba(252, 254, 253, 0.27 ) rgba(51, 51, 51, 0.76) rgba(155, 200, 140, 0.6) !important;
  -moz-border-bottom-colors:rgba(253, 255, 255,0.36) rgba(157, 157, 157, 0.56) rgba(155, 200, 140,0.6) !important;
}
#main-window toolbar[iconsize="large"]  #urlbar-container:hover #urlbar[level="high"][verified="verifiedIdentity"]:not([focused="true"]) > hbox > .myUrlbar-Middle {
  background:rgba(150, 235, 120, 0.5) !important ;
}

#main-window  toolbar[iconsize="large"] #urlbar[level="high"][verified="verifiedIdentity"][focused="true"] > #myUrlbarStack{
  background: rgba(255, 255, 255, 0.99) !important;
  -moz-background-clip: padding !important;
  -moz-border-top-colors: rgba(255, 255, 255, 0.5) rgba(50, 50, 50, 0.7) rgba(255, 255, 255, 0.99) !important;
  -moz-border-left-colors: rgba(255, 255, 255, 0.5) rgba(50, 50, 50, 0.7) rgba(255, 255, 255, 0.99)!important;
}

#main-window toolbar[iconsize="large"]  #urlbar[level="high"][verified="verifiedIdentity"][focused="true"]:hover > hbox > .myUrlbar-Middle{
  background-color: rgba(255, 255, 255, 0.99) !important;
}

#main-window toolbar #urlbar[level="low"] {
  color: #000000;
  background: #f1f3d2 !important;
  -moz-background-clip: padding !important;
}

toolbar[iconsize="large"] #urlbar #lock-icon {
  margin-top:4px ;
  margin-bottom:4px ;
  margin-left:3px ;
}

#urlbar[level="high"] #lock-icon {
  -moz-image-region: rect(0px, 18px, 18px, 0px);
  list-style-image: url("chrome://browser/skin/Secure.png");
}
#urlbar[level="high"] #lock-icon:hover {
  -moz-image-region: rect(18px, 18px, 36px, 0px);
  list-style-image: url("chrome://browser/skin/Secure.png");
}
#urlbar[level="high"] #lock-icon:active {
  -moz-image-region: rect(36px, 18px, 54px, 0px);
  list-style-image: url("chrome://browser/skin/Secure.png");
}
#urlbar[level="low"] #lock-icon {
  -moz-image-region: rect(0px, 18px, 18px, 0px);
  list-style-image: url("chrome://browser/skin/Secure.png");
}
#urlbar[level="low"] #lock-icon:hover {
  -moz-image-region: rect(18px, 18px, 36px, 0px);
  list-style-image: url("chrome://browser/skin/Secure.png");
}
#urlbar[level="low"] #lock-icon:active {
  -moz-image-region: rect(36px, 18px, 54px, 0px);
  list-style-image: url("chrome://browser/skin/Secure.png");
}
#urlbar[level="broken"] #lock-icon {
  -moz-image-region: rect(0px, 18px, 18px, 0px);
  list-style-image: url("chrome://browser/skin/Security-broken.png");
}
#urlbar[level="broken"] #lock-icon:hover {
  -moz-image-region: rect(18px, 18px, 36px, 0px);
  list-style-image: url("chrome://browser/skin/Security-broken.png");
}
#urlbar[level="broken"] #lock-icon:active {
  -moz-image-region: rect(36px, 18px, 54px, 0px);
  list-style-image: url("chrome://browser/skin/Security-broken.png");
}

#feed-button[feeds] {
  list-style-image: url("chrome://browser/skin/feeds/myFeed-button.png");
  -moz-image-region: rect(0px 32px 16px 16px);
}

#feed-button[feeds]:hover {
  -moz-image-region: rect(0px 32px 16px 16px);
}

#feed-button[feeds][open="true"],
#feed-button[feeds]:hover:active {
  -moz-image-region: rect(0px 48px 16px 32px);
}

#feed-button:not([feeds]) {
  list-style-image: url("chrome://browser/skin/feeds/myFeed-button.png") !important;
  -moz-image-region: rect(0px 16px 16px 0px);
}


/* ::::: About Popup Blocking dialog ::::: */
#pageReportFirstTime statusbarpanel.statusbar-resizerpanel {
  visibility: collapse;
}

#checkForUpdates[loading="true"] {
  list-style-image: url("chrome://global/skin/throbber/Throbber-small-new.gif") ;
  background:url("chrome://global/skin/throbber/Throbber-small.png") no-repeat center center ;
}

/* Personal toolbar */
.toolbar-drop-indicator {
  background: url("chrome://browser/skin/places/toolbarDropMarker.png") 50% 50% no-repeat;
}

.toolbar-drop-indicator-bar {
  visibility: hidden;
  height: 18px;
  margin-bottom: -18px;
  position: relative;
}

.toolbar-drop-indicator-bar[dragging="true"] {
  visibility: visible;
}

toolbarbutton.bookmark-item[dragover="true"][open="true"] {
  -moz-appearance: none;
  background: Highlight !important;
  color: HighlightText !important;
}

/* Bookmark drag and drop styles */
.bookmark-item[dragover-into="true"] > .menu-iconic-text {
  background: Highlight !important;
  color: HighlightText !important;
}

/* rules for menupopup drop indicators */
.menupopup-drop-indicator-bar {
  position: relative;
  /* these two margins must together compensate the indicator's height */
  margin-top: -1px;
  margin-bottom: -1px;
}

.menupopup-drop-indicator {
  list-style-image: none;
  height: 2px;
  -moz-margin-end: -4em;
  background-color: Highlight;
}

/* ::::: Identity Indicator Styling ::::: */
/* Location bar visuals*/

#urlbar > .autocomplete-textbox-container {
  -moz-box-align: stretch;
}

#identity-box {
  overflow: -moz-hidden-unscrollable;
}
#nav-bar[iconsize="large"] #identity-box {
  margin-left:-1px ;
  margin-right:-4px !important;
}
#nav-bar[iconsize="small"] #identity-box {
  margin-right:-2px ;
}

#identity-box > hbox {
  background: transparent url(navbar-textbox-buttons.png) repeat-x;
  color: -moz-dialogText;
  padding: 0 ;
  margin:-1px 0  -1px 0px ;
  border:1px solid transparent ;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
 }
toolbar[iconsize="small"]  #identity-box > hbox {
  margin:0px ;
}

#identity-box.verifiedDomain > hbox {
  background-position: 0 -60px;
  color: white;
}

#identity-box.verifiedIdentity,
#identity-box.verifiedDomain #page-proxy-stack {
  background: url(urlbar-favicon-glow.png) center center no-repeat;
}

#identity-box.verifiedDomain:hover > hbox {
  background-position: 0 -120px;
}

#identity-box.verifiedIdentity > hbox {
  background-position: 0 -180px;
  color: white;
}
#identity-box.verifiedIdentity:hover > hbox {
  background-position: 0 -240px;
}


#identity-box:focus {
  outline: 1px dotted -moz-DialogText;
  outline-offset: -3px;
}

#identity-box.verifiedDomain:focus ,
#identity-box.verifiedIdentity:focus {
  outline: 1px dotted white;
}

#identity-icon-label {
  padding: 0 2px;
  margin: 0;
}

#identity-icon-label[value=""] {
  display: none;
}


/* Popup Icons */
#identity-popup-icon {
  height: 64px;
  width: 64px;
  padding: 0;
  list-style-image: url("chrome://browser/skin/identity.png");
  -moz-image-region: rect(0px, 64px, 64px, 0px);
}

#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
  -moz-image-region: rect(64px, 64px, 128px, 0px);
}

#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
  -moz-image-region: rect(128px, 64px, 192px, 0px);
}

/* Popup Body Text */
#identity-popup-content-box > description,
#identity-popup-encryption-label {
  white-space: pre-wrap;
  -moz-padding-start: 15px;
  margin: 2px 0 4px;
}

#identity-popup-content-box > label {
  white-space: pre-wrap;
  -moz-padding-start: 15px;
  margin: 0;
}

#identity-popup-content-host ,
#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
  font-size: 1.2em;
}

#identity-popup-content-host {
  margin-top: 3px;
  margin-bottom: 5px;
  font-weight: bold;
  max-width: 300px;
}

#identity-popup-content-owner {
  margin-top: 4px;
  margin-bottom: 0 !important;
  font-weight: bold;
  max-width: 300px;
}

.verifiedDomain > #identity-popup-content-owner {
  font-weight: normal;
}

#identity-popup-content-verifier {
  margin: 4px 0 2px;
}

#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
  margin-top: 10px;
  margin-left: -24px;
}

#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
  list-style-image: url("chrome://browser/skin/Secure24.png");
}

#identity-popup-more-info-button {
  margin-top: 6px;
  -moz-margin-end: 1px;
}

/* Popup Bounding Box */
#identity-popup {
  -moz-appearance: menupopup;
  color: MenuText;
}

/* Bug 413060, comment 14: Match #identity-box's -moz-margin-start, less 1px */
#identity-popup[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  -moz-margin-start: 3px;
}

#identity-popup-container {
  background: #f0f0f0 !important;
  min-width: 280px;
  padding: 10px;
}

#download-monitor {
  list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  -moz-image-region: rect(0px 96px 16px 80px);
}

/* Bookmarks Toolbar menu-item */
#bookmarksToolbarFolderMenu {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
  -moz-image-region: auto;
}

/* ::::: Keyboard UI Panel ::::: */

.KUI-panel {
  -moz-appearance: none;
  background: rgba(27%,27%,27%,.9) url(KUI-background.png) repeat-x;
  color: white;
  border-style: none;
  -moz-border-radius: 20px;
}

.KUI-panel[level="top"] {
  background-color: rgba(27%,27%,27%,.65);
}

.KUI-panel-closebutton {
  list-style-image: url(KUI-close.png);
  -moz-appearance: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
}

.KUI-panel-closebutton:not(:hover) {
  opacity: .6;
}

.KUI-panel-closebutton > .toolbarbutton-icon {
  margin: 0;
}

/* ::::: Ctrl-Tab and All Tabs Panels ::::: */

.tabPreview-canvas {
  -moz-box-shadow: 1px 1px 3px rgb(12%,12%,12%);
}

.ctrlTab-favicon[src],
.allTabs-favicon[src] {
  background-color: white;
  width: 24px;
  height: 24px;
  padding: 2px;
  opacity: .7;
}

/* Ctrl-Tab */

#ctrlTab-panel {
  padding: 20px 10px 10px;
  font-weight: bold;
  text-shadow: 0 0 1px rgb(27%,27%,27%), 0 0 3px rgb(27%,27%,27%);
}

.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas {
  margin-bottom: 2px;
}

.ctrlTab-preview .ctrlTab-preview-inner {
  padding-bottom: 10px;
}

#ctrlTab-showAll .ctrlTab-preview-inner {
  padding: 10px;
  background-color: rgba(255,255,255,.2);
  -moz-border-radius: .5em;
}

.ctrlTab-preview:focus .ctrlTab-preview-inner,
#ctrlTab-showAll:focus .ctrlTab-preview-inner {
  color: white;
  background-color: rgba(0,0,0,.6);
  text-shadow: none;
  padding: 8px;
  border: 2px solid white;
  -moz-border-radius: .5em;
}

.ctrlTab-preview:not(#ctrlTab-showAll):focus .ctrlTab-preview-inner {
  margin: -10px -10px 0;
}

#ctrlTab-showAll {
  margin-top: .5em;
}

/* All Tabs */

#allTabs-panel {
  padding: 10px;
  margin-left: -10px;
  background-color: rgba(0,0,0,.61);
  -moz-border-radius: .5em;
}

#allTabs-panel:not(.KUI-panel) {
  -moz-appearance: none;
/*  background: rgb(27%,27%,27%) url(KUI-background.png) repeat-x;*/
  background-color: rgba(0,0,0,.61);
  border: none;
  color: white;
}

#allTabs-meta {
  margin-bottom: 10px;
}

#allTabs-filter {
  -moz-margin-start: 24px;
  -moz-margin-end: 0;
}

#allTabs-tab-close-button {
  /*XXX without this, the closebutton can cause the panel to expand horizontally */
  margin-right: -16px;
  background:none;  
  list-style-image: url("chrome://global/skin/icons/Search-close.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px)  !important;;
}

#allTabs-tab-close-button:hover{
  -moz-image-region: rect(0px, 32px, 16px, 16px)  !important;;
}

#allTabs-tab-close-button:hover:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px)  !important;;
}

#allTabs-tab-close-button > .toolbarbutton-icon {
  margin: 0;
}
.allTabs-preview{
	border:1px solid transparent;
}

.allTabs-preview:focus,
.allTabs-preview:hover,
.allTabs-preview[closebuttonhover] {
  color: white;
  background-color: rgba(0,0,0,.4);
  -moz-border-radius: .5em;
  border:1px solid rgba(255,255,255,0.8);  
}

.allTabs-preview:focus {
  border: 1px solid white;
}

.allTabs-preview-label {
  -moz-transform: translate(0, 1px);
}
