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

#webmail-button menulist,
#webmail-button menuitem,
#webmail-button menu {
  font-size: 12px;
}

#webmail-button menuitem.header {
  -moz-appearance: none !important;
  color: #000;
  background-image: url("chrome://flock/skin/webmail/webmail-hdr.png");
  background-repeat: repeat-x;
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
  font-weight: bold;
}

#webmail-button menuitem.header:not([disabled]) {
  -moz-appearance: none !important;
  background-image: url("chrome://flock/skin/webmail/webmail-enabled-hdr.png");
  background-repeat: repeat-x;
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
  font-weight: bold;
}

#webmail-button menuitem.header:not([disabled]):hover {
  color: #fff;
  cursor: pointer;
}

#webmail-button menuitem[checked="true"] {
  font-weight: bold;
}

#webmail-button .message {
  font-size: 10px;
  padding-left: 10px !important; /* Mac needs !important */
}

  #webmail-button .message .menu-text {
    margin-left: 23px !important;
  }

#webmail-button .more {
  font-size: 10px;
  text-transform: lowercase;
  padding-left: 10px !important; /* Mac needs !important */
}

  #webmail-button .more .menu-text {
    margin-left: 23px !important;
  }

#webmail-button .bold {
  font-weight: bold;
}

/* ::::: Webmail button ::::: */
#webmail-button dropmarker {
  display: none;
}

#webmail-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 1532px 32px 1500px);
  border: 0px;
  -moz-box-orient: vertical;
}
#webmail-button:active,
#webmail-button:hover:active {
  -moz-image-region: rect(100px 1532px 132px 1500px);
}
#webmail-button[disabled="true"] {
  -moz-image-region: rect(150px 1532px 182px 1500px);
}
#webmail-button:hover {
  -moz-image-region: rect(50px 1532px 82px 1500px);
}
#webmail-button[newitems="true"],
#webmail-button[hasNew="true"] {
  -moz-image-region: rect(200px 1532px 232px 1500px);
}
#webmail-button[newitems="true"]:active,
#webmail-button[newitems="true"]:hover:active,
#webmail-button[hasNew="true"]:active,
#webmail-button[hasNew="true"]:hover:active {
  -moz-image-region: rect(300px 1532px 332px 1500px);
}
#webmail-button[newitems="true"]:hover,
#webmail-button[hasNew="true"]:hover {
  -moz-image-region: rect(250px 1532px 282px 1500px);
}
#webmail-button[checked="true"] {
  padding: 1px 3px 2px 3px;
  -moz-image-region: rect(350px 1532px 382px 1500px);
}
#webmail-button[checked="true"]:active,
#webmail-button[checked="true"]:hover:active {
  -moz-image-region: rect(450px 1532px 482px 1500px);
}
#webmail-button[checked="true"]:hover {
  padding: 1px 3px 2px 3px;
  -moz-image-region: rect(400px 1532px 432px 1500px);
}

toolbar[iconsize="small"] #webmail-button {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar-small.png");
  -moz-image-region: rect(0px 1516px 16px 1500px);
}
toolbar[iconsize="small"] #webmail-button:active,
toolbar[iconsize="small"] #webmail-button:hover:active,
toolbar[iconsize="small"] #webmail-button[checked="true"],
toolbar[iconsize="small"] #webmail-button[checked="true"]:hover {
  -moz-image-region: rect(100px 1516px 116px 1500px);
}
toolbar[iconsize="small"] #people-button[disabled="true"] {
  -moz-image-region: rect(150px 1516px 166px 1500px);
}
toolbar[iconsize="small"] #webmail-button:hover {
  -moz-image-region: rect(50px 1516px 66px 1500px);
}
toolbar[iconsize="small"] #webmail-button[newitems="true"],
toolbar[iconsize="small"] #webmail-button[hasNew="true"] {
  -moz-image-region: rect(200px 1516px 216px 1500px);
}
toolbar[iconsize="small"] #webmail-button[newitems="true"]:hover,
toolbar[iconsize="small"] #webmail-button[hasNew="true"]:hover {
  -moz-image-region: rect(250px 1516px 266px 1500px);
}
toolbar[iconsize="small"] #webmail-button[newitems="true"]:active,
toolbar[iconsize="small"] #webmail-button[newitems="true"]:hover:active,
toolbar[iconsize="small"] #webmail-button[hasNew="true"]:active,
toolbar[iconsize="small"] #webmail-button[hasNew="true"]:hover:active {
  -moz-image-region: rect(300px 1516px 316px 1500px);
}

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