/**
 * BEGIN clav.mozdev.org MPL
 * 
 * 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 Browser code.
 * 
 * The Initial Developer of the Original Code is
 * Stephen Clavering <mozilla@clav.me.uk>
 * Portions created by the Initial Developer are Copyright (C) 2005
 * the Initial Developer. All Rights Reserved.
 * 
 * Contributor(s):
 * Flock Inc. <contact@flock.com>
 * 
 * Alternatively, the contents of this file may be used under the terms of
 * either of 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 clav.mozdev.org MPL
 */

#nav-bar[iconsize="large"] {
  -moz-box-align: center;
  min-height: 40px !important;
}
#nav-bar[iconsize="small"] {
  -moz-box-align: center;
}

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

#urlbar-container {
  padding-left: 5px;
}
  #urlbar {
    margin-left: 0px !important;
  }
/* ::::: Accounts Button Regular Toolbar Button ::::: */

#accounts-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1382px 32px 1350px);
}
#accounts-button:active,
#accounts-button:hover:active,
#accounts-button[checked="true"] {
%ifdef XP_UNIX
  padding: 1px 3px 2px 3px !important;
%endif
  -moz-image-region: rect(100px 1382px 132px 1350px);
}
#accounts-button[disabled="true"] {
  -moz-image-region: rect(150px 1382px 182px 1350px);
}
#accounts-button:hover {
  -moz-image-region: rect(50px 1382px 82px 1350px);
}

notification[value='account-needed'] .messageImage  {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 1366px 16px 1350px);
}
toolbar[iconsize="small"] #accounts-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 1366px 16px 1350px);
}
toolbar[iconsize="small"] #accounts-button:active,
toolbar[iconsize="small"] #accounts-button:hover:active {
  -moz-image-region: rect(100px 1366px 116px 1350px);
}
toolbar[iconsize="small"] #accounts-button[disabled="true"] {
  -moz-image-region: rect(150px 1366px 166px 1350px);
}
toolbar[iconsize="small"] #accounts-button:hover {
  -moz-image-region: rect(50px 1366px 66px 1350px);
}

#PersonalToolbar #accounts-button {
  list-style-image: url("chrome://flock/skin/toolbar/flockBarIcons.png");
  -moz-image-region: rect(0px 194px 19px 175px);
}
#PersonalToolbar #accounts-button:active,
#PersonalToolbar #accounts-button:hover:active,
#PersonalToolbar #accounts-button[checked="true"],
#PersonalToolbar #accounts-button[checked="true"]:hover,
#PersonalToolbar #accounts-button[checked="true"]:hover:active {
  -moz-image-region: rect(50px 194px 69px 175px);
  padding: 0 !important;
}
#PersonalToolbar #accounts-button:hover {
  -moz-image-region: rect(25px 194px 44px 175px);
}

/* ::::: Mail ::::: */

#mail-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1082px 32px 1050px);
}
#mail-button:active,
#mail-button[checked="true"] {
  -moz-image-region: rect(100px 1082px 132px 1050px);
}
#mail-button:hover {
  -moz-image-region: rect(50px 1082px 82px 1050px);
}
#mail-button[disabled="true"] {
  -moz-image-region: rect(150px 1082px 182px 1050px);
}

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

#PersonalToolbar #mail-button {
  list-style-image: url("chrome://flock/skin/toolbar/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);
}

/* ::::: Help Button ::::: */
#help-button {
  list-style-image: url("chrome://flock/skin/toolbar/helpButtonMatrixLarge.png");
  -moz-image-region: rect(0 32px 32px 0);
}
#help-button:active,
#help-button:hover:active {
  -moz-image-region: rect(100px 32px 132px 0);
}
#help-button[disabled="true"] {
  -moz-image-region: rect(150px 32px 182px 0);
}
#help-button:hover {
  -moz-image-region: rect(50px 32px 82px 0);
}

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

#PersonalToolbar #help-button {
  list-style-image: url("chrome://flock/skin/toolbar/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);
}

/* ::: StopReload Hybrid Button ::: */
%ifdef XP_MACOSX
#nav-bar[mode="full"] .stopreload-stop,
#nav-bar[mode="full"] .stopreload-reload {
  display: -moz-box !important;
  min-width: 44px !important;
}
%endif
/* BC: Large hybrid stop/reload button, stop state */
.stopreload-stop {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 182px 32px 150px);
}
.stopreload-stop:active,
.stopreload-stop:hover:active {
  -moz-image-region: rect(100px 182px 132px 150px);
}
.stopreload-stop[disabled="true"] {
  -moz-image-region: rect(150px 182px 182px 150px);
}
.stopreload-stop:hover {
  -moz-image-region: rect(50px 182px 82px 150px);
}

/* BC: Small hybrid stop/reload button, stop state */
toolbar[iconsize="small"] .stopreload-stop {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 166px 16px 150px);
}
toolbar[iconsize="small"] .stopreload-stop:hover:active
toolbar[iconsize="small"] .stopreload-stop:active
{
  -moz-image-region: rect(100px 166px 116px 150px);
}
toolbar[iconsize="small"] .stopreload-stop[disabled="true"] {
  -moz-image-region: rect(150px 166px 166px 150px);
}
toolbar[iconsize="small"] .stopreload-stop:hover {
  -moz-image-region: rect(50px 166px 66px 150px);
}

/* BC: Small hybrid stop/reload button, stop state */
#PersonalToolbar .stopreload-stop {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 166px 16px 150px);
}
#PersonalToolbar .stopreload-stop:hover:active
#PersonalToolbar .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);
}

/* BC: Large hybrid stop/reload button, reload state */
.stopreload-reload {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 132px 32px 100px);
}
.stopreload-reload:active,
.stopreload-reload:hover:active {
  -moz-image-region: rect(100px 132px 132px 100px);
}

%ifdef XP_UNIX
%ifndef XP_MACOSX
/* Linux */
.stopreload-reload:hover:active,
.stopreload-stop:hover:active {
  -moz-image-region: rect(100px 133px 132px 101px);
}
%endif
%endif

.stopreload-reload:hover {
  -moz-image-region: rect(50px 132px 82px 100px);
}

/* BC: Small hybrid stop/reload button, reload state */
toolbar[iconsize="small"] .stopreload-reload {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 116px 16px 100px);
}
toolbar[iconsize="small"] .stopreload-reload:active,
toolbar[iconsize="small"] .stopreload-reload:active:hover
{
  -moz-image-region: rect(100px 116px 116px 100px);
}
toolbar[iconsize="small"] .stopreload-reload[disabled="true"] {
  -moz-image-region: rect(150px 116px 166px 100px);
}
toolbar[iconsize="small"] .stopreload-reload:hover {
  -moz-image-region: rect(50px 116px 66px 100px);
}

/* BC: Small hybrid stop/reload button, reload state */
#PersonalToolbar .stopreload-reload {
  list-style-image: url("chrome://flock/skin/toolbar/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);
}

/* ::::: Feedback button ::::: */

#feedback-button {
  list-style-image: url("chrome://flock/skin/toolbar/feedback-button.png");
  -moz-image-region: rect(3px 41px 35px 9px);
}
#feedback-button:hover,
#feedback-button:active {
  -moz-image-region: rect(63px 41px 95px 9px);
}
toolbar[iconsize="small"] #feedback-button,
#PersonalToolbar > toolbarpaletteitem #feedback-button,
#PersonalToolbar > #feedback-button {
  list-style-image: url("chrome://flock/skin/toolbar/feedback-button-sm.png");
  -moz-image-region: rect(2px 20px 18px 4px);
}
toolbar[iconsize="small"] #feedback-button:hover,
toolbar[iconsize="small"] #feedback-button:active,
#PersonalToolbar > #feedback-button:hover,
#PersonalToolbar > #feedback-button:active {
  -moz-image-region: rect(32px 20px 48px 4px);
}

/* ::::: Bookmarks ::::: */

#bookmarks-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 532px 32px 500px);
}
#bookmarks-button:active,
#bookmarks-button:hover:active,
#bookmarks-button[checked="true"] {
%ifdef XP_UNIX
  padding: 1px 3px 2px 3px !important;
%endif
  -moz-image-region: rect(100px 532px 132px 500px);
}
#bookmarks-button[disabled="true"] {
  -moz-image-region: rect(150px 532px 182px 500px);
}
#bookmarks-button:hover {
  -moz-image-region: rect(50px 532px 82px 500px);
}

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

#PersonalToolbar #bookmarks-button {
  list-style-image: url("chrome://flock/skin/toolbar/flockBarIcons.png");
  -moz-image-region: rect(0px 144px 19px 125px);
}
#PersonalToolbar #bookmarks-button:active,
#PersonalToolbar #bookmarks-button:hover:active,
#PersonalToolbar #bookmarks-button[checked="true"],
#PersonalToolbar #bookmarks-button[checked="true"]:hover,
#PersonalToolbar #bookmarks-button[checked="true"]:hover:active {
  -moz-image-region: rect(50px 144px 69px 125px);
  padding: 0 !important;
}
#PersonalToolbar #bookmarks-button:hover {
  -moz-image-region: rect(25px 144px 44px 125px);
}


/* ::::: Sidebar styles ::::: */
#sidebar {
  width: 250px !important; /* Set the default width for all sidebars */
}

#sidebar-box {
  -moz-appearance: none;
  background-color: transparent;
  border-left: 0px solid #9c9c9c; /* BC: This just looks weird being here */
 }

#sidebar-box sidebarheader label {
  font-size: 13px;
  color: #ffffff;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#sidebar-box sidebarheader {
  -moz-appearance: none;
  border: 0px !important;
  background: #262626 url(chrome://flock/skin/toolbar/sidebarHeaderSlice.png) top left repeat-x !important;
  height: 25px !important;
}
