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

.flock-button {
    -moz-appearance: none;
    background: url("chrome://flock/skin/photo/tb_right_border.png") no-repeat;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: 100% 2px;
%endif
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer;
}
 
.flock-button:hover {
    background: url("chrome://flock/skin/photo/tb_right_border_hover.png") no-repeat;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: 100% 2px;
%endif
}

.flock-button[isActive="true"],
.flock-button:hover:active {
    background: url("chrome://flock/skin/photo/tb_right_border_active.png") no-repeat;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: 100% 2px;
%endif
}
.flock-button[disabled="true"]  {
    background: url("chrome://flock/skin/photo/tb_right_border_disabled.png") no-repeat !important;
    cursor: default;
%ifdef XP_WIN
    background-position: 100% 1px !important;
%else
    background-position: 100% 2px !important;
%endif
}
.flock-button[disabled="true"] .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/tb_slice_disabled.png") repeat-x center !important;
    color: #666666;
}

.flock-button[disabled="true"] .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/tb_left_border_disabled.png") no-repeat !important;
}

.flock-button label {
    display: none;
}
.flock-button[label] label {
    display: -moz-box !important;
}
.flock-button .toolbarbutton-text {
    margin-left: -5px !important;
    margin-right: 5px !important;
    padding-left: 5px !important;
%ifdef XP_WIN
    padding-top: 6px !important;
%else
    padding-top: 5px !important;
%endif
    padding-bottom: 9px !important;
    padding-right: 5px !important;
    background: url("chrome://flock/skin/photo/tb_slice.png") repeat-x center;
    color: #ffffff;
    font-weight: bold;
}
.flock-button:hover .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/tb_slice_hover.png") repeat-x center;
}
.flock-button[isActive="true"] .toolbarbutton-text,
.flock-button:hover:active .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/tb_slice_active.png") repeat-x center;
}
.flock-button > .toolbarbutton-icon {
    min-height: 26px;	
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 3px;
    background: url("chrome://flock/skin/photo/tb_left_border.png") no-repeat;
}
.flock-button:hover > .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/tb_left_border_hover.png") no-repeat;
}
.flock-button[isActive="true"] > .toolbarbutton-icon,
.flock-button:hover:active > .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/tb_left_border_active.png") no-repeat;
}
.flock-button:hover {
    padding: 0;
}
.flock-button[isActive="true"],
.flock-button:hover:active {
    padding: 0;
}

.flock-button[styletype="whitebutton"] {
    background: url("chrome://flock/skin/photo/lightButtonRightBorder.png") no-repeat !important;
%ifdef XP_WIN
    background-position: 100% 1px !important;
%else
    background-position: top right !important;
%endif
}

.flock-button[styletype="whitebutton"] .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/lightButtonBg.png") repeat-x center !important;
    color: #494949 !important;
}

.flock-button[styletype="whitebutton"] > .toolbarbutton-icon {
    min-height: 26px;
    min-width: 4px;
    background: url("chrome://flock/skin/photo/lightButtonLeftBorder.png") no-repeat !important;
}

.flock-button[styletype="whitebutton"]:hover {
    background: url("chrome://flock/skin/photo/lightButtonRightBorderHover.png") no-repeat !important;
%ifdef XP_WIN
    background-position: 100% 1px !important;
%else
    background-position: top right !important;
%endif
}

.flock-button[styletype="whitebutton"]:hover .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/lightButtonBgHover.png") repeat-x center !important;
    color: #494949 !important;
}

.flock-button[styletype="whitebutton"]:hover > .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/lightButtonLeftBorderHover.png") no-repeat !important;
}

.flock-button[styletype="whitebutton"][isActive="true"],
.flock-button[styletype="whitebutton"]:active {
    background: url("chrome://flock/skin/photo/lightButtonRightBorderActive.png") no-repeat !important;
%ifdef XP_WIN
    background-position: 100% 1px;
%else
    background-position: top right !important;
%endif
}

.flock-button[styletype="whitebutton"][isActive="true"] .toolbarbutton-text,
.flock-button[styletype="whitebutton"]:active .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/lightButtonBgActive.png") repeat-x center !important;
}

.flock-button[styletype="whitebutton"][isActive="true"] > .toolbarbutton-icon,
.flock-button[styletype="whitebutton"]:active > .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/lightButtonLeftBorderActive.png") no-repeat !important;
}

/*******************************
 * smaller styled button
 ******************************/
 .flock-button[styletype="small"] {
    -moz-appearance: none;
    background: url("chrome://flock/skin/photo/flock_buttonSmallRight.png") no-repeat;
%ifdef XP_WIN
    background-position: 95% 6px;
%else
    background-position: 95% 6px;
%endif
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer;
}

 toolbarbutton[type="menu"] .flock-button[styletype="small"] {
    -moz-appearance: none;
    background: url("chrome://flock/skin/photo/flock_buttonSmallRightMenu.png") no-repeat;
%ifdef XP_WIN
    background-position: 95% 6px;
%else
    background-position: 95% 6px;
%endif
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer;
}

.flock-button[styletype="small"] dropmarker image {
  list-style-image: url("chrome://flock/skin/photo/flock_buttonSmallRightMenu.png");
  margin-left: -5px;
}

.flock-button[styletype="small"]:hover {
    background: url("chrome://flock/skin/photo/flock_buttonSmallRight.png") no-repeat;
%ifdef XP_WIN
    background-position: 95% 6px;
%else
    background-position: 95% 6px;
%endif
}

.flock-button[styletype="small"][isActive="true"],
.flock-button[styletype="small"]:hover:active {
    background: url("chrome://flock/skin/photo/flock_buttonSmallRight.png") no-repeat;
%ifdef XP_WIN
    background-position: 95% 6px;
%else
    background-position: 95% 6px;
%endif
}
.flock-button[styletype="small"][disabled="true"]  {
    background: url("chrome://flock/skin/photo/tb_right_border_disabled.png") no-repeat !important;
    cursor: default;
%ifdef XP_WIN
    background-position: 100% 1px !important;
%else
    background-position: 100% 2px !important;
%endif
}
.flock-button[styletype="small"][disabled="true"] .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/tb_slice_disabled.png") repeat-x center !important;
    color: #666666;
}

.flock-button[styletype="small"][disabled="true"] .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/tb_left_border_disabled.png") no-repeat !important;
}

.flock-button[styletype="small"] .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/flock_buttonSmallMid.png") repeat-x center !important;
    color: #888888;
    font-size: 0.9em;
	font-weight: normal;
	margin-left: -7px !important;
%ifndef XP_WIN
    margin-top: -1px;
%endif
}
.flock-button[styletype="small"]:hover .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/tb_slice_hover.png") repeat-x center;
}
.flock-button[styletype="small"][isActive="true"] .toolbarbutton-text,
.flock-button[styletype="small"]:hover:active .toolbarbutton-text {
    background: url("chrome://flock/skin/photo/tb_slice_active.png") repeat-x center;
}
.flock-button[styletype="small"] > .toolbarbutton-icon {
    min-height: 14px;	
    background: url("chrome://flock/skin/photo/flock_buttonSmallLeft.png") no-repeat !important;
}
.flock-button[styletype="small"]:hover > .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/tb_left_border_hover.png") no-repeat;
}
.flock-button[styletype="small"][isActive="true"] > .toolbarbutton-icon,
.flock-button[styletype="small"]:hover:active > .toolbarbutton-icon {
    background: url("chrome://flock/skin/photo/tb_left_border_active.png") no-repeat;
}
.flock-button[styletype="small"]:hover {
    padding: 0;
}
.flock-button[styletype="small"][isActive="true"],
.flock-button[styletype="small"]:hover:active {
    padding: 0;
}

