/**
 *  BEGIN FLOCK GPL
 *
 *  Copyright Flock Inc. 2005-2009
 *  http://flock.com
 *
 *  This file may be used under the terms of the
 *  GNU General Public License Version 2 or later (the "GPL"),
 *  http://www.gnu.org/licenses/gpl.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.
 *
 *  END FLOCK GPL
 */

#content {
  /* BC: removing the top border, not in layout mockups */
  border-top: 0px solid #9c9c9c;
  border-left: 0px solid #9c9c9c;
}

#urlbar-search-splitter {
  display: none;
}

#sidebar-splitter {
  border-right: 1px solid #8e8e8e;
  border-left: 1px solid #bebebe;
  background-color: #ececec;
} 

#topbar[moz-collapsed="true"] {
  visibility: visible;
}



/* ::::: Toolbar styles ::::: */

#nav-bar {
  -moz-box-align: center;
  /*min-height: 36px !important;*/
  border-top: 0px !important;
}


/* ::::: General button styles ::::: */

.toolbarbutton-1 {
  -moz-appearance: none;
  border: none;
  padding-bottom: 2px !important;
  padding-top: 1px !important;
}

%ifdef XP_WIN
toolbar[mode="icons"] .toolbarbutton-1 {
  -moz-appearance: none;
  border: none;
  padding: 1px 3px 1px 3px !important;
}

toolbar[mode="full"] .toolbarbutton-1 {
  -moz-appearance: none;
  border: none;
  padding: 1px 3px 1px 3px !important;
}
%endif

toolbar[mode="text"] .toolbarbutton-1 {
  -moz-appearance: none;
  border: none;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}

toolbarbutton[type="checkbox"].toolbarbutton-1 {
   padding: 3px;
}

toolbar[iconsize="small"] .toolbarbutton-1 {
  list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  padding: 1px 3px 1px 3px !important;
}

toolbar toolbarbutton[checked="true"] {
  background-image: none !important;
  padding: 0px 3px 0px 3px !important;
}

#nav-bar[mode="full"] toolbarbutton {
  margin-left: 0px !important;
  margin-right: 0px !important;
  display: -moz-box !important;
}
#nav-bar[mode="full"] toolbarbutton.bookmarks-toolbar-customize {
  display: none !important;
}
#wrapper-personal-bookmarks #personal-bookmarks toolbarbutton.bookmarks-toolbar-customize {
  display: -moz-box !important;
}

toolbar toolbarseparator {
  height: 20px;
}
toolbar[iconsize="small"] toolbarseparator {
  height: 16px;
}

/* ::::: URL bar ::::: */

/* toolbar mode = text, still display star button */
toolbar[mode="text"] #favoritesButton .toolbarbutton-icon{
  display: -moz-box !important;
}

/* BC: New Star button is now 37px, was 32px */
#favoritesButton {
  min-width: 37px !important;
}

toolbar[iconsize="small"] #favoritesButton {
  min-width: 28px !important;
}

#urlbar-container {
  padding-left: 5px;
}

#urlbar {
  -moz-appearance: none !important;
  margin: 2px 0px 2px 0px !important;
  border: 0px;
  height: 22px;
  background-image: url("chrome://browser/skin/urlbar-bg.png");
  background-repeat: repeat-x;
  -moz-border-top-colors: #939393 #ddd !important;
  -moz-border-right-colors: #b2b2b2 #ddd !important;
  -moz-border-bottom-colors: #b2b2b2 #fff !important;
}

#urlbar > .autocomplete-textbox-container {
  -moz-appearance: none;
}

#urlbar[level="high"] ,
#urlbar[level="low"] {
  background-image: url("chrome://browser/skin/urlbar-bg-high.png");
  background-repeat: repeat-x;
}

#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container {
  background-color: transparent !important; /* BC:  We want to use our own styling for this urlbar */
}

#urlbar hbox {
  -moz-box-align: center;
}

#urlbar > dropmarker {
%ifdef XP_UNIX
%ifdef XP_MACOSX
/* Mac */
  -moz-appearance: none;
  background-color: transparent;
  border: none;
%else
/* Linux */
  list-style-image: url("chrome://browser/skin/icons/autocomplete-dropmarker.png");
  margin: 8px 2px 7px 0;
  border: 0;
  -moz-appearance: none;
%endif
%else
/* Windows */
  list-style-image: url("chrome://browser/skin/icons/autocomplete-dropmarker.png");
  background: none !important;
  margin: 0 2px -2px 0;
  border: 0;
  -moz-appearance: none;
%endif
}

#urlbar > dropmarker > stack > vbox > image,
#urlbar > dropmarker > stack > vbox > vbox > image{
  background-image: none;
  list-style-image: none;
}

#urlbar #page-proxy-stack {
  margin: 1px !important;
}

/* Autocomplete */
#urlbar .autocomplete-textbox-container {
  -moz-box-align: stretch;
}

#treecolAutoCompleteImage {
  max-width: 36px;
}

.ac-result-type-bookmark,
.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
  list-style-image: url("chrome://browser/skin/places/pageStarred.png");
  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: GrayText;
}

.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;
}

/* ::::: bookmarking panel ::::: */

#editBookmarkPanel {
  padding: 4px;
}

#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%;
}

/* ::::: Back and Forward ::::: */

toolbar[mode="icons"] #back-forward-dropmarker,
toolbar[mode="full"] #back-forward-dropmarker,
toolbar[mode="text"] #back-forward-dropmarker,
toolbar[iconsize="small"] #back-forward-dropmarker,
#back-forward-dropmarker {
  display: none !important;
}

toolbarpaletteitem #back-button {
  -moz-box-direction: normal !important;
}

#back-button toolbarbutton,
#unified-back-forward-button toolbarbutton {
  -moz-appearance: none;
  border: none;
  padding: 0px;
}

toolbar[mode="icons"] #forward-button dropmarker {
%ifndef XP_MACOSX
  margin-left: -8px;
%else
  margin-left: -5px;
%endif
}

toolbar[mode="full"] #back-button {
  -moz-box-direction: normal !important;
}

toolbar[mode="icons"] #back-button {
  -moz-box-direction: reverse;
%ifdef XP_MACOSX
  padding-right: 0;
%endif
}

toolbar[mode="icons"] #back-button dropmarker {
%ifndef XP_MACOSX
  margin-right: -8px;
%else
  margin-right: -5px;
%endif
}

%ifdef XP_UNIX
%ifndef XP_MACOSX
/* Linux only: Mozilla now uses native widgets for dropdown, but it looks really
 * bad in this case. So we just use the small triangle instead.
 */
#forward-button dropmarker,
#back-button dropmarker {
  -moz-appearance: none !important;
}

#forward-button .dropmarker-icon,
#back-button .dropmarker-icon {
  list-style-image: url(chrome://global/skin/arrow/arrow-dn.gif);
  height: 3px;
  width: 5px;
  -moz-image-region: rect(0px 5px 3px 0px);
}

#forward-button[disabled="true"] .dropmarker-icon,
#back-button[disabled="true"] .dropmarker-icon {
  list-style-image: url(chrome://global/skin/arrow/arrow-dn-dis.gif);
}

%endif
%endif


#forward-button dropmarker,
#back-button dropmarker {
  margin-top: 27px;
}

toolbar[mode="full"] #forward-button dropmarker,
toolbar[mode="full"] #back-button dropmarker{
%ifdef XP_UNIX
%ifdef XP_MACOSX
/* Mac */
  margin-top: 17px;
%else
/* Linux */
  margin-top: 21px;
  margin-bottom: 19px
%endif
%else
/* Windows */
  margin-top: 17px;
%endif
}

toolbar[iconsize="small"] #forward-button dropmarker,
toolbar[iconsize="small"] #back-button dropmarker{
  margin-top: 17px;
}

toolbar[mode="text"] #forward-button dropmarker,
toolbar[mode="text"] #back-button dropmarker {
  margin-top: 0px;
}
#back-button {
  -moz-image-region: rect(0px 32px 32px 0px);
}
#back-button:not([disabled="true"]):hover,
#back-button:not([disabled="true"])[buttonover="true"] {
  -moz-image-region: rect(50px 32px 82px 0px);
}
#back-button[disabled="true"] {
  -moz-image-region: rect(150px 32px 182px 0px);
}
/* BC: Adding Active(pressed) state */
#back-button:not([disabled="true"]):active {
  -moz-image-region: rect(100px 32px 132px 0px);
}

toolbar[iconsize="small"] #back-button:not([disabled="true"]) {
  list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  -moz-image-region: rect(0px 16px 16px 0px);
}

toolbar[iconsize="small"] #back-button:not([disabled="true"]):active,
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] #back-button:not([disabled="true"])[buttondown="true"] {
  -moz-image-region: rect(100px 16px 116px 0px);
}
toolbar[iconsize="small"] #back-button[disabled="true"] {
  -moz-image-region: rect(150px 16px 166px 0px) !important;
}
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 16px 66px 0px);
}

#unified-back-forward-button {
  margin-top: 0px;
}

%ifdef XP_MACOSX
/* ::::: Full Mode Spacing for Toolbar Buttons ::::: */

toolbar[mode="full"] #back-button,
toolbar[mode="full"] #forward-button,
toolbar[mode="full"] #home-button {
  min-width: 44px;
}
%endif

#forward-button {
  -moz-image-region: rect(0px 82px 32px 50px);
  margin: 0 8px 0 0;
}

#forward-button:hover,
#forward-button[buttonover="true"] {
  -moz-image-region: rect(50px 82px 82px 50px);
}
#forward-button[disabled="true"] {
  -moz-image-region: rect(150px 82px 182px 50px);
}
/* BC: Adding Active(pressed) state */
#forward-button:active,
#forward-button:hover:active,
#forward-button[buttonover="true"]:active {
  -moz-image-region: rect(100px 82px 132px 50px);
}

toolbar[iconsize="small"] #forward-button {
  margin-right: 3px;
}
toolbar[iconsize="small"] #forward-button:not([disabled="true"]) {
  list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  -moz-image-region: rect(0px 66px 16px 50px);
  padding-right: 2px;
}
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):active,
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] #forward-button:not([disabled="true"])[buttondown="true"],
toolbar[iconsize="small"] #forward-button:not([disabled="true"])[buttonover="true"]:active
{
  -moz-image-region: rect(100px 66px 116px 50px);
}
toolbar[iconsize="small"] #forward-button[disabled="true"] {
  -moz-image-region: rect(150px 66px 166px 50px) !important;
}
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 66px 66px 50px);
}

/* ::::: Large Adjacent Back and Forward ::::: */
 
/* large unified back button */

toolbar[mode="icons"] #back-button {
  -moz-appearance: none;
  padding: 0;
  -moz-padding-start: 2px;
  border: none;
}

toolbar[iconsize="large"][mode="icons"] #back-button {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(0 28px 32px 4px);
%ifdef XP_WIN
  padding: 0 !important;
%endif
  margin: 0 0 0 8px !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(50px 28px 82px 4px);
}
toolbar[iconsize="large"][mode="icons"] #back-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(150px 28px 182px 4px);
}
toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(100px 28px 132px 4px);
}

/* large unified forward button */

toolbar[mode="icons"] #forward-button {
  -moz-appearance: none;
  padding: 0;
  border: none;
}

toolbar[iconsize="large"][mode="icons"] #forward-button {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(0 52px 32px 28px);
  padding: 0 !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(50px 52px 82px 28px);
}
toolbar[iconsize="large"][mode="icons"] #forward-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(150px 52px 182px 28px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
  list-style-image: url("chrome://browser/skin/flockBackForward.png");
  -moz-image-region: rect(100px 52px 132px 28px);
}

/* ::::: Small Adjacent Back and Forward ::::: */
 
toolbar[iconsize="small"][mode="icons"] #back-button > .toolbarbutton-icon,
toolbar[iconsize="small"][mode="icons"] #forward-button > .toolbarbutton-icon {
  -moz-padding-end: 0;
}
 
/* small unified back button */

toolbar[iconsize="small"][mode="icons"] #back-button {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(0px 14px 16px 0) !important;
  margin: 0 -3px 0 8px !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(25px 14px 41px 0) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(75px 14px 91px 0px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(50px 14px 66px 0) !important;
}

/* small unified forward button */

toolbar[iconsize="small"][mode="icons"] #forward-button {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(0 28px 16px 14px);
  padding: 0 !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(25px 28px 41px 14px);
  padding: 0 !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(75px 28px 91px 14px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
  list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  -moz-image-region: rect(50px 28px 66px 14px);
}

/* ::::: Stop ::::: */

#stop-button {
  -moz-image-region: rect(0px 182px 32px 150px);
}
#stop-button:hover:active:not([disabled="true"]),
#stop-button:active:not([disabled="true"]) {
  -moz-image-region: rect(100px 182px 132px 150px);
}
#stop-button[disabled="true"] {
  -moz-image-region: rect(150px 182px 182px 150px);
}
#stop-button:hover:not([disabled="true"]) {
  -moz-image-region: rect(50px 182px 82px 150px);
}
toolbar[iconsize="small"] #stop-button:not([disabled="true"]) {
  -moz-image-region: rect(0px 166px 16px 150px);
}
toolbar[iconsize="small"] #stop-button:active:not([disabled="true"]) ,
toolbar[iconsize="small"] #stop-button:hover:active:not([disabled="true"]) {
  -moz-image-region: rect(100px 166px 116px 150px);
}
toolbar[iconsize="small"] #stop-button[disabled="true"] {
  -moz-image-region: rect(150px 166px 166px 150px) !important;
}
toolbar[iconsize="small"] #stop-button:hover:not([disabled="true"]) {
  -moz-image-region: rect(50px 166px 66px 150px);
}

#reload-button {
  -moz-image-region: rect(0px 132px 32px 100px);
}
#reload-button:hover:active {
  -moz-image-region: rect(100px 132px 132px 100px);
}
#reload-button[disabled="true"] {
  -moz-image-region: rect(150px 132px 182px 100px);
}
#reload-button:hover {
  -moz-image-region: rect(50px 132px 82px 100px);
}
toolbar[iconsize="small"] #reload-button {
  -moz-image-region: rect(0px 116px 16px 100px);
}
toolbar[iconsize="small"] #reload-button:hover:active {
  -moz-image-region: rect(100px 116px 116px 100px);
}
toolbar[iconsize="small"] #reload-button[disabled="true"] {
  -moz-image-region: rect(150px 116px 166px 100px) !important;
}
toolbar[iconsize="small"] #reload-button:hover {
  -moz-image-region: rect(50px 116px 66px 100px);
}

/* ::::: Home ::::: */

#home-button {
  -moz-image-region: rect(0px 282px 32px 250px);
}
#home-button:active,
#home-button:hover:active {
  -moz-image-region: rect(100px 282px 132px 250px);
}
#home-button[disabled="true"] {
  -moz-image-region: rect(150px 282px 182px 250px);
}
#home-button:hover {
  -moz-image-region: rect(50px 282px 82px 250px);
}
toolbar[iconsize="small"] #home-button {
  -moz-image-region: rect(0px 266px 16px 250px);
}
toolbar[iconsize="small"] #home-button:active,
toolbar[iconsize="small"] #home-button:hover:active {
  -moz-image-region: rect(100px 266px 116px 250px);
}
toolbar[iconsize="small"] #home-button[disabled="true"] {
  -moz-image-region: rect(150px 266px 166px 250px);
}
toolbar[iconsize="small"] #home-button:hover {
  -moz-image-region: rect(50px 266px 66px 250px);
}


/* ::::: Print ::::: */

#print-button {
  -moz-image-region: rect(0px 982px 32px 950px);
}
#print-button:active,
#print-button:hover:active {
  -moz-image-region: rect(50px 982px 82px 950px);
}
#print-button[disabled="true"] {
  -moz-image-region: rect(150px 982px 182px 950px);
}
#print-button:hover {
  -moz-image-region: rect(50px 982px 82px 950px);
}
toolbar[iconsize="small"] #print-button {
  -moz-image-region: rect(0px 966px 16px 950px);
}
toolbar[iconsize="small"] #print-button:active,
toolbar[iconsize="small"] #print-button:hover:active {
  -moz-image-region: rect(100px 966px 116px 950px);
}
toolbar[iconsize="small"] #print-button[disabled="true"] {
  -moz-image-region: rect(150px 966px 166px 950px) !important;
}
toolbar[iconsize="small"] #print-button:hover {
  -moz-image-region: rect(50px 966px 66px 950px);
}


/* ::::: New Tab ::::: */

#new-tab-button {
  -moz-image-region: rect(0px 782px 32px 750px);
}
#new-tab-button:active,
#new-tab-button:hover:active,
#new-tab-button[checked="true"] {
  -moz-image-region: rect(100px 782px 132px 750px);
}
#new-tab-button[disabled="true"] {
  -moz-image-region: rect(150px 782px 182px 750px);
}
#new-tab-button:hover {
  -moz-image-region: rect(50px 782px 82px 750px);
}
toolbar[iconsize="small"] #new-tab-button {
  -moz-image-region: rect(0px 766px 16px 750px);
}
toolbar[iconsize="small"] #new-tab-button:active,
toolbar[iconsize="small"] #new-tab-button:hover:active {
  -moz-image-region: rect(100px 766px 116px 750px);
}
toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  -moz-image-region: rect(150px 766px 166px 750px) !important;
}
toolbar[iconsize="small"] #new-tab-button:hover {
  -moz-image-region: rect(50px 766px 66px 750px);
}

/* ::::: Sidebar Close ::::: */

sidebarheader toolbarbutton.tabs-closebutton {
  list-style-image: url("chrome://flock/skin/common/closeHelpMatrix.png");
  margin: 0;
}

sidebarheader toolbarbutton.tabs-closebutton:hover {
  -moz-image-region: rect(18px 16px 34px 0px);
}

sidebarheader toolbarbutton.tabs-closebutton:hover:active {
  -moz-image-region: rect(36px 16px 52px 0px);
}

/* ::::: Sidebar Help ::::: */

sidebarheader #sidebar-helpbutton {
  list-style-image: url("chrome://flock/skin/common/closeHelpMatrix.png");
  -moz-image-region: rect(0px 30px 16px 16px);
  -moz-appearance: none;
  background-color: transparent;
  border: 0;
  margin: 0;
}

sidebarheader #sidebar-helpbutton:hover {
  -moz-image-region: rect(18px 30px 34px 16px);
}

sidebarheader #sidebar-helpbutton:hover:active {
  -moz-image-region: rect(36px 30px 52px 16px);
}

/* ::::: New Window ::::: */

#new-window-button {
  -moz-image-region: rect(0px 682px 32px 650px);
}
#new-window-button:active,
#new-window-button:hover:active,
#new-window-button[checked="true"] {
  -moz-image-region: rect(100px 682px 132px 650px);
}
#new-window-button[disabled="true"] {
  -moz-image-region: rect(150px 682px 182px 650px);
}
#new-window-button:hover {
  -moz-image-region: rect(50px 682px 82px 650px);
}
toolbar[iconsize="small"] #new-window-button {
  -moz-image-region: rect(0px 666px 16px 650px);
}
toolbar[iconsize="small"] #new-window-button:active,
toolbar[iconsize="small"] #new-window-button:hover:active {
  -moz-image-region: rect(100px 666px 116px 650px);
}
toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  -moz-image-region: rect(150px 666px 166px 650px) !important;
}
toolbar[iconsize="small"] #new-window-button:hover {
  -moz-image-region: rect(50px 666px 66px 650px);
}

/* ::::: Downloads ::::: */

#downloads-button {
  -moz-image-region: rect(0px 632px 32px 600px);
}
#downloads-button:active,
#downloads-button:hover:active {
  -moz-image-region: rect(100px 632px 132px 600px);
}
#downloads-button[disabled="true"] {
  -moz-image-region: rect(150px 632px 182px 600px);
}
#downloads-button:hover {
  -moz-image-region: rect(50px 632px 82px 600px);
}
toolbar[iconsize="small"] #downloads-button {
  -moz-image-region: rect(0px 616px 16px 600px);
}
toolbar[iconsize="small"] #downloads-button:active,
toolbar[iconsize="small"] #downloads-button:hover:active {
  -moz-image-region: rect(100px 616px 116px 600px);
}
toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  -moz-image-region: rect(150px 616px 166px 600px) !important;
}
toolbar[iconsize="small"] #downloads-button:hover {
  -moz-image-region: rect(50px 616px 66px 600px);
}




/* ::::: History ::::: */

#history-button {
  -moz-image-region: rect(0px 1032px 32px 1000px);
}
#history-button:active,
#history-button:hover:active, 
#history-button[checked="true"] {
%ifdef XP_UNIX
  padding: 1px 3px 2px 3px !important;
%endif
  -moz-image-region: rect(100px 1032px 132px 1000px);
}
#history-button[disabled="true"] {
  -moz-image-region: rect(150px 1032px 182px 1000px);
}
#history-button:hover {
  -moz-image-region: rect(50px 1032px 82px 1000px);
}
toolbar[iconsize="small"] #history-button {
  -moz-image-region: rect(0px 1016px 16px 1000px);
}
toolbar[iconsize="small"] #history-button:active,
toolbar[iconsize="small"] #history-button:hover:active,
toolbar[iconsize="small"] #history-button[checked="true"] {
  -moz-image-region: rect(100px 1016px 116px 1000px);
}
toolbar[iconsize="small"] #history-button[disabled="true"] {
  -moz-image-region: rect(150px 1016px 166px 1000px) !important;
}
toolbar[iconsize="small"] #history-button:hover {
  -moz-image-region: rect(50px 1016px 66px 1000px);
}


/* ::::: Cut, Copy, Paste ::::: */

#cut-button {
  -moz-image-region: rect(0px 832px 32px 800px);
}
#cut-button:active,
#cut-button:hover:active,
#cut-button[checked="true"] {
  -moz-image-region: rect(100px 832px 132px 800px);
}
#cut-button[disabled="true"] {
  -moz-image-region: rect(150px 832px 182px 800px);
}
#cut-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 832px 82px 800px);
}
toolbar[iconsize="small"] #cut-button {
  -moz-image-region: rect(0px 816px 16px 800px);
}
toolbar[iconsize="small"] #cut-button:active,
toolbar[iconsize="small"] #cut-button:hover:active {
  -moz-image-region: rect(100px 816px 116px 800px);
}
toolbar[iconsize="small"] #cut-button[disabled="true"] {
  -moz-image-region: rect(150px 816px 166px 800px) !important;
}
toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 816px 66px 800px);
}

#copy-button {
  -moz-image-region: rect(0px 882px 32px 850px);
}
#copy-button:active,
#copy-button:hover:active,
#copy-button[checked="true"] {
  -moz-image-region: rect(100px 882px 132px 850px);
}
#copy-button[disabled="true"] {
  -moz-image-region: rect(150px 882px 182px 850px);
}
#copy-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 882px 82px 850px);
}
toolbar[iconsize="small"] #copy-button {
  -moz-image-region: rect(0px 866px 16px 850px);
}
toolbar[iconsize="small"] #copy-button:active,
toolbar[iconsize="small"] #copy-button:hover:active {
  -moz-image-region: rect(100px 866px 116px 850px);
}
toolbar[iconsize="small"] #copy-button[disabled="true"] {
  -moz-image-region: rect(150px 866px 166px 850px);
}
toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 866px 66px 850px);
}

#paste-button {
  -moz-image-region: rect(0px 932px 32px 900px);
}
#paste-button:active,
#paste-button:hover:active,
#copy-button[checked="true"] {
  -moz-image-region: rect(100px 932px 132px 900px);
}
#paste-button[disabled="true"] {
  -moz-image-region: rect(150px 932px 182px 900px);
}
#paste-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 932px 82px 900px);
}
toolbar[iconsize="small"] #paste-button {
  -moz-image-region: rect(0px 916px 16px 900px);
}
toolbar[iconsize="small"] #paste-button:active,
toolbar[iconsize="small"] #paste-button:hover:active {
  -moz-image-region: rect(100px 916px 116px 900px);
}
toolbar[iconsize="small"] #paste-button[disabled="true"] {
  -moz-image-region: rect(150px 916px 166px 900px);
}
toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
  -moz-image-region: rect(50px 916px 66px 900px);
}




/**************
 * status bar
 **************/
statusbar#status-bar {
%ifdef XP_UNIX
  background: url("chrome://browser/skin/statusbar-background.png") bottom #FFFFFF repeat-x;
  border-top: 1px solid #A3A3A3 !important;
%endif
%ifdef XP_WIN
  border-bottom: 0;
  border-right: 0;
%endif
  font-size: 12px;
  -moz-appearance: none !important;
}

statusbar#status-bar statusbarpanel {
%ifdef XP_WIN
  background: url("chrome://browser/skin/statusbar-background.png") bottom #FFFFFF repeat-x;
  border-top: 1px solid #A3A3A3 !important;
%endif
  -moz-appearance: none !important;
  -moz-box-align: center;
  -moz-box-pack: center;
}

statusbar#status-bar statusbarpanel.statusbar-resizerpanel {
  background: transparent !important;
  padding: 0;
  border: 0 !important;
  -moz-appearance: none !important;
  -moz-box-pack: end;
  -moz-box-align: end;
}

/**********************
 Toolbars and toolbox
 ***********************/

#navigator-toolbox {
  -moz-appearance: none;
  border-top: 0;
%ifdef XP_UNIX
%ifdef XP_MACOSX
/* Mac */
  background-color: #e2e2e2;
%else
/* Linux */
  background-color: #e2e2e2 !important;
%endif
%else
/* Windows */
  background-color: #e2e2e2;
%endif
}

menubar + toolbar,
#nav-bar,
toolbar[type="menubar"] {
  -moz-appearance: none !important;
  background: url("chrome://browser/skin/toolbar-background.png") center center #e2e2e2 repeat-x;
  border-bottom: 0px;
  /*BC height is too big, drop to 40px, not 44 (with 2px top/bottom padding) */
  padding: 0px;
}

toolbar {
  min-width: 1px;
  min-height: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 0px;
  background-color: #e2e2e2;
  background-image: none;
  padding: 2px 0 2px 0;
}
/* BC: Changed BG to match new theme */
toolbar[type="menubar"], menubar {
  min-width: 1px;
  min-height: 20px;
  border-top: 0px !important;
  background-image: none;
  background-color: #FFFFFF;
  border-bottom-style: solid;
  border-bottom-color: rgb(177, 165, 152);
  border-bottom-width: 1px;
}


/*********************
 * searchbar styles
 ********************/

/* hide default searchbar stuff */
searchbar .search-go-button {
  display: none !important;
}

searchbar .searchbar-textbox {
  height: 16px;
  width: 135px;
  background: transparent;
}
searchbar .searchbar-dropmarker-image {
  display: none;
}

searchbar {
  background: url("chrome://browser/skin/search-bar-background.png") no-repeat 0px 3px !important;
  width: 186px;
  margin-top: -2px;
}

searchbar .searchbar-engine-button {
  background-color: transparent;
  margin: 0 0 1px 0;
  padding: 0 5px 0 1px;
  min-width: 16px;
  min-height: 16px;
  outline: 0;
  -moz-appearance: none;
}

%ifdef XP_MACOSX

searchbar .searchbar-textbox {
	margin-bottom: 1px;
}

%else

searchbar .searchbar-engine-image {
	margin-bottom: -1px;
}

%endif

searchbar .search-go-button-stack {
  display: none !important;
}

%ifdef XP_MACOSX

searchbar .flyout-dropmarker {
	list-style-image: url(chrome://global/skin/icons/autocomplete-dropmarker.png);
  margin: 0 10px -2px 0;
  border: 0;
  -moz-appearance: none;
}

%else

searchbar .flyout-dropmarker,
searchbar .flyout-dropmarker:hover,
searchbar .flyout-dropmarker:active {
  list-style-image: url("chrome://browser/skin/icons/autocomplete-dropmarker.png");
  margin: 0 2px -2px 0;
  border: 0;
  -moz-appearance: none;
}

%endif


/******************
 * close buttons
 ******************/

.messageCloseButton,
.findbar-closebutton {
  list-style-image: url(chrome://global/skin/icons/closetab.png);
  -moz-image-region: rect(0px 16px 16px 0px);
}

.messageCloseButton:hover,
.findbar-closebutton:hover {
  list-style-image: url(chrome://global/skin/icons/closetab.png) !important;
  -moz-image-region: rect(0px 32px 16px 16px);
}

.messageCloseButton:hover:active,
.findbar-closebutton:hover:active {
  list-style-image: url(chrome://global/skin/icons/closetab.png) !important;
  -moz-image-region: rect(0px 48px 16px 32px);
}

#page-proxy-deck {
  margin-left: 2px !important;
}

/* :::: Custom Sub-bar css :::: */

/* Parent elem is #PersonalToolbar */
/* States are:
 * - Norm
 * - Hover
 * - Down [checked="true"]
 * - Notification
 * - Notify:hover
 *
 */
#PersonalToolbar {
  -moz-appearance: none !important;
  height: 28px;
  background: url("chrome://browser/skin/personal-toolbar-bg.png") repeat-x top left;
  background-color: #F2F2F2;
  border: none;
  border-bottom: 1px solid #979797;
  padding: 0px 0px 0px 5px;
}

    #PersonalToolbar > toolbarbutton,
    #PersonalToolbar > toolbarpaletteitem toolbarbutton {
        -moz-appearance: none;
        padding: 0px 0px 0px 0px !important;
        background-color: transparent !important;
        margin: 0px 1px 0px 1px;
    }

    /* BC: Flockbar icons in text/full mode are too wide, 
     * inherited from browser.css 
     */

    /* Note: Mac gives a background color on [checked="true"] items */
    #PersonalToolbar > toolbarbutton[checked="true"],
    #PersonalToolbar > toolbarpaletteitem toolbarbutton[checked="true"] {
        background-color: transparent !important;
        padding: 0px !important; /* BC: Button shifts when 'checked' */
    }


    #PersonalToolbar[mode="full"] .toolbarbutton-1,
    #PersonalToolbar[mode="full"] toolbarbutton
    {
      min-width: 16px;
    }
      #PersonalToolbar[mode="full"] toolbarbutton > label,
      #PersonalToolbar[mode="full"] toolbarbutton > toolbarbutton > label
      {
        display: none !important; /* BC: Some buttons have important declared for text, we don't want that text in here.*/
      }
      /* BC: Lets show the flockbar text in text-only mode */
      #PersonalToolbar[mode="text"] .toolbarbutton-text {
        display: -moz-box;
      }
      /* BC: Don't hide the text for bookmarks ever */
      #PersonalToolbar[mode="full"] #personal-bookmarks .toolbarbutton-text {
        display: -moz-box !important; /* BC: Need to bump this up to override the important for all toolbar buttons, this will be removed later on when the the unnecessary importants are removed*/
      }
    /* BC: Lets show the flockbar text in text-only mode */
    #PersonalToolbar[mode="text"] toolbarbutton:hover .toolbarbutton-text,
    #PersonalToolbar[mode="text"] toolbarbutton[checked="true"] .toolbarbutton-text {
      color: #2E61D9;
    }

        /* end cap for the bar */
        #PersonalToolbar > #personal-bookmarks {
            background-image: url("chrome://browser/skin/sub-bar-end.png");
            background-repeat: no-repeat;
            padding-left: 37px;
        }
            /* end cap for the bar */
            #PersonalToolbar > #personal-bookmarks > hbox {
                background-image: url("chrome://browser/skin/personal-bar-bg.png");
                background-repeat: repeat-x;
                padding-bottom: 2px;
            }

/* BC: Special Text-only css to prevent text shift when 'checked' */
    #PersonalToolbar[mode="text"] > toolbarbutton,
    #PersonalToolbar[mode="text"]:active > toolbarbutton {
      margin-top: 5px;
    }

/* :::::: Regular Toolbar icons (forced in small mode) in the flockbar :::::: */

    #PersonalToolbar #forward-button dropmarker,
    #PersonalToolbar #back-button dropmarker{
      margin-top: 10px;
%ifdef XP_UNIX
%ifndef XP_MACOSX
      margin-bottom: 6px;
%endif
%endif
    }

    #PersonalToolbar #forward-button dropmarker{
      margin-left: 2px;
    }
    #PersonalToolbar #back-button dropmarker{
      margin-right: 2px;
    }
    #PersonalToolbar[mode="text"] > #wrapper-back-button #back-button > toolbarbutton,
    #PersonalToolbar > #wrapper-back-button #back-button > toolbarbutton,
    #PersonalToolbar #back-button:not([disabled="true"]) {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 16px 16px 0px) !important;
      padding: 1px 1px 1px 0 !important;
    }
    
    #PersonalToolbar #back-button:not([disabled="true"]):active,
    #PersonalToolbar #back-button:not([disabled="true"]):hover:active,
    #PersonalToolbar #back-button:not([disabled="true"])[buttondown="true"] {
      -moz-image-region: rect(100px 16px 116px 0px) !important;
      padding: 1px 1px 1px 0 !important;
    }
    #PersonalToolbar #back-button[disabled="true"] {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(150px 16px 166px 0px) !important;
      padding: 1px 1px 1px 0 !important;
    }
    #PersonalToolbar #back-button:not([disabled="true"]):hover {
      -moz-image-region: rect(50px 16px 66px 0px) !important;
      padding: 1px 1px 1px 0 !important;
    }


    #PersonalToolbar[mode="text"] > #wrapper-forward-button #forward-button > toolbarbutton,
    #PersonalToolbar > #wrapper-forward-button #forward-button > toolbarbutton,
    #PersonalToolbar #forward-button:not([disabled="true"]) {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 66px 16px 50px) !important;
      padding: 1px 0 1px 1px !important;
    }
    #PersonalToolbar #forward-button:not([disabled="true"]):active,
    #PersonalToolbar #forward-button:not([disabled="true"]):hover:active,
    #PersonalToolbar #forward-button:not([disabled="true"])[buttondown="true"],
    #PersonalToolbar #forward-button:not([disabled="true"])[buttonover="true"]:active
    {
      -moz-image-region: rect(100px 66px 116px 50px) !important;
      padding: 1px 0 1px 1px !important;
    }
    #PersonalToolbar #forward-button[disabled="true"] {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(150px 66px 166px 50px) !important;
      padding: 1px 0 1px 1px !important;
    }
    #PersonalToolbar #forward-button:not([disabled="true"]):hover {
      -moz-image-region: rect(50px 66px 66px 50px) !important;
      padding: 1px 0 1px 1px !important;
    }


    #PersonalToolbar #stop-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 166px 16px 150px);
    }
    #PersonalToolbar #stop-button:active,
    #PersonalToolbar #stop-button:hover:active {
      -moz-image-region: rect(100px 166px 116px 150px);
    }
    #PersonalToolbar #stop-button[disabled="true"] {
      -moz-image-region: rect(150px 166px 166px 150px) !important;
    }
    #PersonalToolbar #stop-button:hover {
      -moz-image-region: rect(50px 166px 66px 150px);
    }


    #PersonalToolbar #go-button {
      -moz-box-flex: 0;
      list-style-image: url("chrome://browser/skin/Go.png");
      -moz-image-region: rect(0px 20px 20px 0px);
    }
    #PersonalToolbar #go-button:active,
    #PersonalToolbar #go-button:hover:active {
      padding: 3px 4px 1px 4px;
    }
    #PersonalToolbar #go-button[disabled="true"] {
      -moz-image-region: rect(0px 60px 20px 40px);
    }
    #PersonalToolbar #go-button:hover {
      -moz-image-region: rect(0px 40px 20px 20px);
    }


    #PersonalToolbar #reload-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 116px 16px 100px);
    }
    #PersonalToolbar #reload-button:hover:active {
      -moz-image-region: rect(100px 116px 116px 100px);
    }
    #PersonalToolbar #reload-button[disabled="true"] {
      -moz-image-region: rect(150px 116px 166px 100px) !important;
    }
    #PersonalToolbar #reload-button:hover {
      -moz-image-region: rect(50px 116px 66px 100px);
    }


    #PersonalToolbar .stopreload-stop {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 166px 16px 150px);
    }
    #PersonalToolbar .stopreload-stop:hover:active
    toolbar[iconsize="small"] .stopreload-stop:active
    {
      -moz-image-region: rect(100px 166px 116px 150px);
    }
    #PersonalToolbar .stopreload-stop[disabled="true"] {
      -moz-image-region: rect(150px 166px 166px 150px);
    }
    #PersonalToolbar .stopreload-stop:hover {
      -moz-image-region: rect(50px 166px 66px 150px);
    }


    #PersonalToolbar .stopreload-reload {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 116px 16px 100px);
    }
    #PersonalToolbar .stopreload-reload:active,
    #PersonalToolbar .stopreload-reload:active:hover
    {
      -moz-image-region: rect(100px 116px 116px 100px);
    }
    #PersonalToolbar .stopreload-reload[disabled="true"] {
      -moz-image-region: rect(150px 116px 166px 100px);
    }
    #PersonalToolbar .stopreload-reload:hover {
      -moz-image-region: rect(50px 116px 66px 100px);
    }


    #PersonalToolbar #home-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 266px 16px 250px);
    }
    #PersonalToolbar #home-button:active,
    #PersonalToolbar #home-button:hover:active {
      -moz-image-region: rect(100px 266px 116px 250px);
    }
    #PersonalToolbar #home-button[disabled="true"] {
      -moz-image-region: rect(150px 266px 166px 250px);
    }
    #PersonalToolbar #home-button:hover {
      -moz-image-region: rect(50px 266px 66px 250px);
    }


    #PersonalToolbar #print-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 966px 16px 950px);
    }
    #PersonalToolbar #print-button:active,
    #PersonalToolbar #print-button:hover:active {
      -moz-image-region: rect(100px 966px 116px 950px);
    }
    #PersonalToolbar #print-button[disabled="true"] {
      -moz-image-region: rect(150px 966px 166px 950px) !important;
    }
    #PersonalToolbar #print-button:hover {
      -moz-image-region: rect(50px 966px 66px 950px);
    }


    #PersonalToolbar #new-tab-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 766px 16px 750px);
    }
    #PersonalToolbar #new-tab-button:active,
    #PersonalToolbar #new-tab-button:hover:active {
      -moz-image-region: rect(100px 766px 116px 750px);
    }
    #PersonalToolbar #new-tab-button[disabled="true"] {
      -moz-image-region: rect(150px 766px 166px 750px) !important;
    }
    #PersonalToolbar #new-tab-button:hover {
      -moz-image-region: rect(50px 766px 66px 750px);
    }


    #PersonalToolbar #new-window-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 666px 16px 650px);
    }
    #PersonalToolbar #new-window-button:active,
    #PersonalToolbar #new-window-button:hover:active {
      -moz-image-region: rect(100px 666px 116px 650px);
    }
    #PersonalToolbar #new-window-button[disabled="true"] {
      -moz-image-region: rect(150px 666px 166px 650px) !important;
    }
    #PersonalToolbar #new-window-button:hover {
      -moz-image-region: rect(50px 666px 66px 650px);
    }


    #PersonalToolbar #help-button {
      padding: 0px;
      padding-right: 15px;
      list-style-image: url("chrome://browser/skin/helpButtonMatrix.png");
      -moz-image-region: rect(0px 16px 16px 0px);
    }
    #PersonalToolbar #help-button:active,
    #PersonalToolbar #help-button:hover:active {
      -moz-image-region: rect(40px 16px 56px 0px);
    }
    #PersonalToolbar #help-button[disabled="true"] {
      -moz-image-region: rect(60px 16px 76px 0px);
    }
    #PersonalToolbar #help-button:hover {
      -moz-image-region: rect(20px 16px 36px 0px);
    }


    #PersonalToolbar #downloads-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 616px 16px 600px);
    }
    #PersonalToolbar #downloads-button:active,
    #PersonalToolbar #downloads-button:hover:active {
      -moz-image-region: rect(100px 616px 116px 600px);
    }
    #PersonalToolbar #downloads-button[disabled="true"] {
      -moz-image-region: rect(150px 616px 166px 600px) !important;
    }
    #PersonalToolbar #downloads-button:hover {
      -moz-image-region: rect(50px 616px 66px 600px);
    }


    #PersonalToolbar #history-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 1016px 16px 1000px);
    }
    #PersonalToolbar #history-button:active,
    #PersonalToolbar #history-button:hover:active,
    #PersonalToolbar #history-button[checked="true"] {
      -moz-image-region: rect(100px 1016px 116px 1000px);
      padding: 0 !important;
    }
    #PersonalToolbar #history-button[disabled="true"] {
      -moz-image-region: rect(150px 1016px 166px 1000px) !important;
    }
    #PersonalToolbar #history-button:hover {
      -moz-image-region: rect(50px 1016px 66px 1000px);
    }


    #PersonalToolbar #cut-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 816px 16px 800px);
    }
    #PersonalToolbar #cut-button:active,
    #PersonalToolbar #cut-button:hover:active {
      -moz-image-region: rect(100px 816px 116px 800px);
    }
    #PersonalToolbar #cut-button[disabled="true"] {
      -moz-image-region: rect(150px 816px 166px 800px) !important;
    }
    #PersonalToolbar #cut-button:hover {
      -moz-image-region: rect(50px 816px 66px 800px);
    }


    #PersonalToolbar #copy-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 866px 16px 850px);
    }
    #PersonalToolbar #copy-button:active,
    #PersonalToolbar #copy-button:hover:active {
      -moz-image-region: rect(100px 866px 116px 850px);
    }
    #PersonalToolbar #copy-button[disabled="true"] {
      -moz-image-region: rect(150px 866px 166px 850px);
    }
    #PersonalToolbar #copy-button:hover {
      -moz-image-region: rect(50px 866px 66px 850px);
    }


    #PersonalToolbar #paste-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 916px 16px 900px);
    }
    #PersonalToolbar #paste-button:active,
    #PersonalToolbar #paste-button:hover:active {
      -moz-image-region: rect(100px 916px 116px 900px);
    }
    #PersonalToolbar #paste-button[disabled="true"] {
      -moz-image-region: rect(150px 916px 166px 900px);
    }
    #PersonalToolbar #paste-button:hover {
      -moz-image-region: rect(50px 916px 66px 900px);
    }


    #PersonalToolbar #mail-button {
      list-style-image: url("chrome://browser/skin/Toolbar-small.png");
      -moz-image-region: rect(0px 1066px 16px 1050px);
    }
    #PersonalToolbar #mail-button:active,
    #PersonalToolbar #mail-button[checked="true"] {
      -moz-image-region: rect(100px 1066px 116px 1050px);
    }
    #PersonalToolbar #mail-button[disabled="true"] {
      -moz-image-region: rect(150px 1066px 166px 1050px);
    }
    #PersonalToolbar #mail-button:hover {
      -moz-image-region: rect(50px 1066px 66px 1050px);
    }


/* :::::: Go Button Customization :::::: */
#go-button {
  -moz-appearance: none;
  -moz-box-flex: 0 !important;
  margin: 0px !important;
  padding: 0px;
  border: none;
}
    #urlbar-container + #mail-button + #go-button,
    #urlbar-container + #go-button {
      list-style-image: url("chrome://browser/skin/urlicons.png");
      -moz-image-region: rect(0px 271px 22px 250px);
      padding: 0px;
    }
    #urlbar-container + #mail-button + #go-button:hover,
    #urlbar-container + #go-button:hover {
      list-style-image: url("chrome://browser/skin/urlicons.png");
      -moz-image-region: rect(50px 271px 72px 250px);
      padding: 0px;
    }
    #urlbar-container + #mail-button + #go-button:hover:active,
    #urlbar-container + #go-button:hover:active {
      list-style-image: url("chrome://browser/skin/urlicons.png");
      -moz-image-region: rect(100px 271px 122px 250px);
      padding: 0px;
    }
    #urlbar-container + #mail-button + #go-button[disabled="true"],
    #urlbar-container + #go-button[disabled="true"] {
      list-style-image: url("chrome://browser/skin/urlicons.png");
      -moz-image-region: rect(150px 271px 172px 250px);
      padding: 0px;
    }
      toolbar:not([mode="text"]) #urlbar-container + #mail-button + #go-button > label,
      #urlbar-container + #go-button > label {
        display: none !important;
      }
      toolbar:not([mode="text"]) #urlbar-container + #mail-button > label {
        display: none !important;
      }
      #nav-bar[mode="full"] > #urlbar-container + #mail-button,
      #nav-bar[mode="text"] > #urlbar-container + #mail-button,
      #nav-bar[mode="full"] > #urlbar-container + #go-button,
      #nav-bar[mode="text"] > #urlbar-container + #go-button {
        min-width: 0px;
      }
      
/* :::::: Mail Button Customization :::::: */

#urlbar-container + #mail-button {
  list-style-image: url("chrome://browser/skin/urlicons.png");
  -moz-image-region: rect(0px 222px 22px 200px);
  padding: 0px !important; /* BC: This is creating that space around the mail button when connected to the urlbar & go button */
  margin: 0px;
}
#urlbar-container + #mail-button:hover {
  list-style-image: url("chrome://browser/skin/urlicons.png");
  -moz-image-region: rect(50px 222px 72px 200px);
  padding: 0px;
}
#urlbar-container + #mail-button:hover:active {
  list-style-image: url("chrome://browser/skin/urlicons.png");
  -moz-image-region: rect(100px 222px 122px 200px);
  padding: 0px;
}
#urlbar-container + #mail-button[disabled="true"],
#urlbar-container + #mail-button[disabled="true"]:active {
  list-style-image: url("chrome://browser/skin/urlicons.png");
  -moz-image-region: rect(150px 222px 172px 200px);
  padding: 0px;
}


/* :::::: Media Bar Styling :::::: */

#mediabar > hbox > toolbarbutton,
#mediabar > hbox > toolbarbutton > toolbarbutton {
  -moz-appearance: none;
  border: 0px;
}
#mediabar > hbox > toolbarbutton > toolbarbutton {
  padding: 0px;
}

/* :::::: Right/left ends for the navigation-toolbar background :::::: */
%ifdef XP_MACOSX
#main-window {
  /* MacOSX */
  -moz-binding: url("chrome://browser/skin/window.xml#unifiedWindow");
  background: url("chrome://browser/skin/toolbar-background.png") repeat-x left top #e2e2e2;
}
%endif
#navigator-toolbox {
%ifdef XP_UNIX
%ifdef XP_MACOSX
  /* MacOSX */
  background: url("chrome://browser/skin/navbar-right-end.png") no-repeat right top;
%else
  /* Linux */
  background: url("chrome://browser/skin/navbar-right-end-long.png") no-repeat right 25px;
%endif
%else
  /* Windows */
  background: url("chrome://browser/skin/navbar-right-end-long.png") no-repeat right 22px;
%endif
  -moz-appearance: none !important;
}
#nav-bar {
  background: url("chrome://browser/skin/navbar-left-end.png") no-repeat left top;
}

%ifdef XP_UNIX
%ifndef XP_MACOSX
/* Linux only (overrides the previous rule) */
#navigator-toolbox {
  background: url("chrome://browser/skin/navbar-right-end-long.png") no-repeat right 25px;
}
%endif
%endif


%ifndef XP_MACOSX
/* :::::: Fullscreen mode (Linux/Windows) :::::: */
#main-window[inFullscreen="true"] {
  background-position: left top;
}

#navigator-toolbox[inFullscreen="true"] {
  background-position: right top;
}

/* :::::: Popup Window (Linux/Windows) :::::: */
window[chromehidden~="menubar"] #navigator-toolbox {
  background-position: right top;
}
%endif


/* :::::: Favorites Collection Toolbar Styling :::::: */

#FavoriteCollection {
  background-image: url("chrome://browser/skin/personal-bar-bg.png");
  background-repeat: repeat-x;  
  padding: 0px;
  border: 0px;
}
  #FavoriteCollectionToolbar {
    background-color: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
  }
    .favoritesToolbarSelector {
      height: 22px;
      background-image: url("chrome://browser/skin/textbox-bg-end.png");
      background-repeat: no-repeat;
      background-position: top right;
      background-color: transparent;
      border: 0px;
      padding-right: 13px;
    }
      .favoritesToolbarSelector > stack {
        background-image: url("chrome://browser/skin/textbox-bg-start.png");
        background-repeat: no-repeat;
        background-position: top left;
        padding-left: 13px;
      }
        .favoritesToolbarSelector > stack > .favoritesMenulistButton {
          background-image: url("chrome://browser/skin/textbox-bg-mid.png");
          background-repeat: repeat-x;
        }

/* star button */
#star-button {
  list-style-image: url("chrome://flock/skin/favorites/starButton.png") !important;
  -moz-appearance: none;
  -moz-box-align: center;
  -moz-box-pack: center;
  margin: 0;
  border: none !important;
  padding: 0px !important;
%ifdef XP_MACOSX
  margin-right: -3px;
%else
  margin-right: -4px;
%endif
  background-color: transparent;
  color: -moz-DialogText;
  -moz-image-region: rect(0px 38px 37px 0px);
}

#star-button[starred="true"] {
  -moz-image-region: rect(200px 38px 237px 0px);
}

#star-button:active {
  -moz-image-region: rect(100px 38px 137px 0px);
}

#star-button:hover,
#star-button[starred="false"]:hover {
  -moz-image-region: rect(50px 38px 87px 0px);
}

#star-button[starred="true"]:active {
  -moz-image-region: rect(300px 38px 337px 0px);
}

#star-button:hover:active,
#star-button[starred="false"]:hover:active {
  -moz-image-region: rect(100px 38px 137px 0px);
}

#star-button[starred="true"]:hover {
  -moz-image-region: rect(250px 38px 287px 0px);
}

#star-button[starred="true"]:hover:active {
  -moz-image-region: rect(300px 38px 337px 0px);
}

#star-button[disabled=true] {
  -moz-image-region: rect(150px 38px 187px 0px);
}
#star-button[disabled=true]:hover {
  -moz-image-region: rect(150px 38px 187px 0px);
}
#star-button[disabled=true]:hover:active {
  -moz-image-region: rect(150px 38px 187px 0px);
}


toolbar[iconsize="small"] #star-button {
  list-style-image: url("chrome://flock/skin/favorites/starButton_small.png") !important;
  padding: 0px 0px 0px 0px !important;
%ifdef XP_MACOSX
  margin-right: -3px;
%else
  margin-right: -4px;
%endif
  -moz-image-region: rect(0 28px 28px 0);
}

toolbar[iconsize="small"] #star-button[starred="true"] {
  -moz-image-region: rect(200px 28px 228px 0);
}

toolbar[iconsize="small"] starbutton:active {
  -moz-image-region: rect(100px 28px 128px 0);
}

toolbar[iconsize="small"] #star-button:hover,
#star-button[starred="false"]:hover {
%ifdef XP_MACOSX
  margin-top: -1px;
%else
  margin-top: 0;
%endif
  -moz-image-region: rect(50px 28px 78px 0);
}

toolbar[iconsize="small"] #star-button[starred="true"]:active {
  -moz-image-region: rect(300px 28px 328px 0);
}

toolbar[iconsize="small"] #star-button:hover:active,
#star-button[starred="false"]:hover:active {
  -moz-image-region: rect(100px 28px 128px 0);
}

toolbar[iconsize="small"] #star-button[starred="true"]:hover {
  -moz-image-region: rect(250px 28px 278px 0);
}

toolbar[iconsize="small"] #star-button[starred="true"]:hover:active {
  -moz-image-region: rect(300px 28px 328px 0);
}

toolbar[iconsize="small"] starbutton[disabled="true"] {
  -moz-image-region: rect(150px 28px 178px 0);
}
toolbar[iconsize="small"] starbutton[disabled="true"]:hover {
  -moz-image-region: rect(150px 28px 178px 0);
}
toolbar[iconsize="small"] starbutton[disabled="true"]:hover:active {
  -moz-image-region: rect(150px 28px 178px 0);
}

/* 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-owner {
  font-weight: bold;
  max-width: 300px;
}

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

#identity-popup-content-owner {
  margin-bottom: 0 !important;
}

#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;
  -moz-margin-start: -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 {
  margin-top: 5px;
  list-style-image: url("chrome://browser/skin/Secure24.png");
}

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

/* Mozilla 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-image: none;
  min-width: 280px;
  padding: 10px;
}

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

#identity-popup-more-info-button > .button-box > .button-text {
  margin: 0 !important;
}

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

#identity-box > hbox {
  border-right: 1px solid #999999;
  background: url("chrome://browser/skin/urlbar/normal.png") repeat-x center center;
  -moz-box-pack: center;
}

#identity-box:hover:active > hbox {
  background: url("chrome://browser/skin/urlbar/normal-active.png") repeat-x center center;
}

#identity-icon-label {
  margin: 0;
  color: black;
  padding: 2px 3px 3px 2px;
  -moz-padding-end: 6px;
}

#identity-box.unknownIdentity > hbox > #identity-icon-label {
  display: none;
}

/* Verified domain */
/* - Normal state */
#identity-box.verifiedDomain > hbox {
  padding: 0;
  background: url("chrome://browser/skin/urlbar/secure.png") repeat-x center center;
  -moz-box-pack: center;
}

/* - Active state */
#identity-box.verifiedDomain:hover:active > hbox {
  padding: 0;
  background: url("chrome://browser/skin/urlbar/secure-active.png") repeat-x center center;
  -moz-box-pack: center;
}

/* Verified Identity */
/* - Normal state */
#identity-box.verifiedIdentity > hbox {
  padding: 0;
  background: url("chrome://browser/skin/urlbar/verified.png") repeat-x center center;
  -moz-box-pack: center;
}

/* - Active state */
#identity-box.verifiedIdentity:hover:active > hbox {
  background: url("chrome://browser/skin/urlbar/verified-active.png") repeat-x center center;
}

#identity-box.verifiedDomain > hbox > #identity-icon-label[value=""] {
  -moz-padding-start: 0;
  -moz-padding-end: 0;
}

/* Favicon Glow */
#identity-box > hbox > #page-proxy-stack,
#identity-box.verifiedIdentity > hbox > #page-proxy-stack,
#identity-box.verifiedDomain > hbox > #page-proxy-stack {
  -moz-margin-start: -3px;
  width: 24px;
  height: 20px;
  padding: 2px 4px;
  background: url("chrome://browser/skin/urlbar/urlbar-favicon-glow.png") center center no-repeat;
}

#identity-box > hbox > #page-proxy-stack {
  background: none;
}


/* 
  Flock UX button styles 
  Example use of the small size chrome button is the buttons on the status change
  flyout found in the people side bar me card.
  Example use of the medium size chrome button is the login button on the people
  sidebar me card.
 */
.small-chrome-button,
.med-chrome-button {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  -moz-appearance: none;
  cursor: pointer;
  font-weight: bold;
  color: #545454;
  border: 0;
  padding: 3px;
}

.med-chrome-button {
  font-size: 10px;
  line-height: 10px;
}

.med-chrome-button:hover,
.med-chrome-button:active,
.med-chrome-button:hover:active,
.small-chrome-button:hover,
.small-chrome-button:active,
.small-chrome-button:hover:active {
  color: #121212;
}

.med-chrome-button > label {
  text-align: center;
  margin: 0;
  height: 19px;
  min-height: 19px;
  background: transparent url("chrome://global/skin/chrome-button-med-bkgnd.png") top left repeat-x;
  padding: 3px 4px 0 4px;
}

.med-chrome-button:hover > label {
  background: transparent url("chrome://global/skin/chrome-button-med-bkgnd-hover.png") top left repeat-x;
}

.med-chrome-button:active > label,
.med-chrome-button:hover:active > label {
  background: transparent url("chrome://global/skin/chrome-button-med-bkgnd-active.png") top left repeat-x;
}

.med-chrome-button .button-left,
.med-chrome-button .button-right, 
.med-chrome-button .toolbarbutton-icon,
.med-chrome-button .toolbarbutton-menu-dropmarker {
  height: 19px;
  min-height: 19px;
  list-style-image: url("chrome://global/skin/chrome-button-med-matrix.png");
  padding: 0;
  margin: 0;
}

.med-chrome-button .button-left,
.med-chrome-button .button-right, 
.med-chrome-button .toolbarbutton-icon {
  width: 5px;
  min-width: 5px;
}

.med-chrome-button .toolbarbutton-menu-dropmarker {
  list-style-image: url("chrome://global/skin/chrome-button-med-matrix.png");
  width: 9px;
  min-width: 9px;
}

/* Drop marker states */
.med-chrome-button .toolbarbutton-menu-dropmarker {
  -moz-image-region: rect(0px 26px 19px 14px);
}

.med-chrome-button:hover .toolbarbutton-menu-dropmarker {
  -moz-image-region: rect(20px 26px 39px 14px);
}

.med-chrome-button:active .toolbarbutton-menu-dropmarker,
.med-chrome-button:hover:active .toolbarbutton-menu-dropmarker {
  -moz-image-region: rect(40px 26px 59px 14px);
}

 /* Left and right ends of the button */
.med-chrome-button .toolbarbutton-icon,
.med-chrome-button .button-left {
 -moz-image-region: rect(0px 5px 19px 0px);
}

.med-chrome-button .button-right {
  -moz-image-region: rect(0px 12px 19px 7px);
}

.med-chrome-button:hover .toolbarbutton-icon,
.med-chrome-button:hover .button-left {
  -moz-image-region: rect(20px 5px 39px 0px);
}

.med-chrome-button:hover .button-right {
  -moz-image-region: rect(20px 12px 39px 7px);
}

.med-chrome-button:active .toolbarbutton-icon,
.med-chrome-button:hover:active .toolbarbutton-icon,
.med-chrome-button:active .button-left,
.med-chrome-button:hover:active .button-left {
  -moz-image-region: rect(40px 5px 59px 0px);
}

.med-chrome-button:active .button-right,
.med-chrome-button:hover:active .button-right {
  -moz-image-region: rect(40px 12px 59px 7px);
}

.small-chrome-button {
  font-size: 9px;
  line-height: 9px;
}

.small-chrome-button label {
  margin: 0;
  height: 16px;
  min-height: 16px;
  background: transparent url("chrome://global/skin/chrome-button-small-bkgnd.png") top left repeat-x;
  padding: 2px 4px 0 4px;
}

.small-chrome-button:hover label {
  background: transparent url("chrome://global/skin/chrome-button-small-bkgnd-hover.png") top left repeat-x;
}

.small-chrome-button:active label,
.small-chrome-button:hover:active label {
  background: transparent url("chrome://global/skin/chrome-button-small-bkgnd-active.png") top left repeat-x;
}

.small-chrome-button .button-left,
.small-chrome-button .button-right {
  width: 5px;
  height: 16px;
  min-width: 5px;
  min-height: 16px;
  list-style-image: url("chrome://global/skin/chrome-button-small-matrix.png");
}

.small-chrome-button .button-left {
  -moz-image-region: rect(0px 5px 16px 0px);
}

.small-chrome-button .button-right {
  -moz-image-region: rect(0px 12px 16px 7px);
}

.small-chrome-button:hover .button-left {
  -moz-image-region: rect(17px 5px 33px 0px);
}

.small-chrome-button:hover .button-right {
  -moz-image-region: rect(17px 12px 33px 7px);
}

.small-chrome-button:active .button-left,
.small-chrome-button:hover:active .button-left {
  -moz-image-region: rect(34px 5px 50px 0px);
}

.small-chrome-button:active .button-right,
.small-chrome-button:hover:active .button-right {
  -moz-image-region: rect(34px 12px 50px 7px);
}
