/**
 * 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
 */

/* ::::: Photos ::::: */

#photos-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 332px 32px 300px);
}
#photos-button:active,
#photos-button:hover:active {
%ifdef XP_UNIX
%ifndef XP_MACOSX
  padding: 1px 3px 2px 3px !important;
%endif
%endif
  -moz-image-region: rect(100px 332px 132px 300px);
}
#photos-button[disabled="true"] {
  -moz-image-region: rect(150px 332px 182px 300px);
}
#photos-button:hover {
  -moz-image-region: rect(50px 332px 82px 300px);
}
#photos-button[hasNew][checked="true"],
#photos-button[checked="true"]{
%ifdef XP_UNIX
  padding: 1px 3px 2px 3px !important;
%endif
  -moz-image-region: rect(350px 332px 382px 300px);
}
#photos-button[hasNew][checked="true"]:hover,
#photos-button[checked="true"]:hover {
%ifdef XP_UNIX
  padding: 1px 3px 2px 3px !important;
%endif
  -moz-image-region: rect(400px 332px 432px 300px);
}
#photos-button[hasNew][checked="true"]:active,
#photos-button[hasNew][checked="true"]:hover:active,
#photos-button[checked="true"]:active,
#photos-button[checked="true"]:hover:active {
  -moz-image-region: rect(450px 332px 482px 300px);
}
#photos-button[hasNew] {
  -moz-image-region: rect(200px 332px 232px 300px);
}
#photos-button[hasNew]:hover {
  -moz-image-region: rect(250px 332px 282px 300px);
}
#photos-button[hasNew]:active,
#photos-button[hasNew]:hover:active {
  -moz-image-region: rect(300px 332px 332px 300px);
}

toolbar[iconsize="small"] #photos-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 316px 16px 300px);
}
toolbar[iconsize="small"] #photos-button:active,
toolbar[iconsize="small"] #photos-button:hover:active {
  -moz-image-region: rect(100px 316px 116px 300px);
}
toolbar[iconsize="small"] #photos-button[disabled="true"] {
  -moz-image-region: rect(150px 316px 166px 300px);
}
toolbar[iconsize="small"] #photos-button:hover {
  -moz-image-region: rect(50px 316px 66px 300px);
}
toolbar[iconsize="small"] #photos-button[hasNew][checked="true"],
toolbar[iconsize="small"] #photos-button[checked="true"]{
  padding: 1px 3px 2px 3px !important;
  -moz-image-region: rect(350px 316px 366px 300px);
}
toolbar[iconsize="small"] #photos-button[hasNew][checked="true"]:hover,
toolbar[iconsize="small"] #photos-button[checked="true"]:hover {
  padding: 1px 3px 2px 3px !important;
  -moz-image-region: rect(400px 316px 416px 300px);
}
toolbar[iconsize="small"] #photos-button[hasNew][checked="true"]:active,
toolbar[iconsize="small"] #photos-button[hasNew][checked="true"]:hover:active,
toolbar[iconsize="small"] #photos-button[checked="true"]:active,
toolbar[iconsize="small"] #photos-button[checked="true"]:hover:active {
  -moz-image-region: rect(450px 316px 466px 300px);
}
toolbar[iconsize="small"] #photos-button[hasNew] {
  -moz-image-region: rect(200px 316px 216px 300px);
}
toolbar[iconsize="small"] #photos-button[hasNew]:hover {
  -moz-image-region: rect(250px 316px 266px 300px);
}
toolbar[iconsize="small"] #photos-button[hasNew]:active,
toolbar[iconsize="small"] #photos-button[hasNew]:hover:active {
  -moz-image-region: rect(300px 316px 316px 300px);
}

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

/* ::::: Photo Uploader Button Styles ::::: */

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

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

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