@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ***** BEGIN LICENSE BLOCK *****
 * 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 Download Statusbar.
 *
 * The Initial Developer of the Original Code is
 * Devon Jensen.
 * Portions created by the Initial Developer are Copyright (C) 2003
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s): Devon Jensen <velcrospud@hotmail.com>
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either 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 LICENSE BLOCK ***** */

/*  The downbar is the entire statusbar that pops up when a download starts */
.db_downbar {
	padding-right:3px;
	overflow:hidden;
	margin:0px;
}

.db_downbarPopup {

}

/*  The progressmeter and filename description are contained within a stack (same attributes as a box)*/
.db_progressStack {
	max-width:135px;
	max-height:20px;
	min-height:20px;
	border: 1px solid threeDShadow;
	-moz-border-radius: 2px;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:2px;
	margin-right:1px;
}

.db_progress-bar {
	background-color: #89AFDB;
	border-right:1px solid red;
}

.db_progress-remainder {
	background-color:white;
}

.db_pauseStack {
	max-width:135px;
	max-height:20px;
	min-height:20px;
	
	border-color:red;
	border-style:solid;
	border-width:1px;
	
	-moz-border-radius: 2px;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:2px;
	margin-right:1px;
}

/* The finished files are contained in this hbox */
.db_finishedHbox {
	max-width:135px;
	max-height:20px;
	min-height:20px;
	-moz-border-radius:2px;
	background-color: #89AFDB;
	border: 1px solid threeDShadow;
	
	margin-top:1px;
	margin-bottom:1px;
	margin-left:2px;
	margin-right:1px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:0px;
}

/* Canceled (Stopped) downloads */
.db_notdoneHbox {
	max-width:135px;
	max-height:20px;
	min-height:20px; 
	-moz-border-radius:2px;
	background-color: #A3A3A3;
	border:1px solid threeDShadow;
	
	margin-top:1px;
	margin-bottom:1px;
	margin-left:2px;
	margin-right:1px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:0px;
}

.db_filenameLabel {
	font-size: 9pt;
	text-align: left;
	color:black;
}

/* The box holding the percent and speed numbers */
.db_progressVbox {
	padding:0px;
	margin:0px;
}

.db_progressIndicator {
	font-size: 5pt;
  	text-align: right;
  	margin:0px 3px 0px 0px;
  	padding:0px;
  	font-weight: bold;
}

.db_finishedIcon {
	max-height:16px;
	max-width:16px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:baseline;
}	

#downbar > stack:hover {
	border:1px #000080 solid;
}

#downbarMini {
	padding-left:1px;
	padding-right:1px;
}

#downbarMiniImage {
	list-style-image: url("chrome://downbar/skin/download_manager.png");
	height:16px;
}

#downbarMainMenuImage {
	list-style-image: url("chrome://downbar/skin/download_manager_wide.png");
	margin-left:2px;
	margin-right:0px;
}

#downbarHolder {
	border-top: 1px solid ThreeDShadow;
	margin:0px;
	padding:0px;
}

#downbarMainMenuButton {
	-moz-border-radius: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	border: 0px solid transparent;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid transparent;
	margin-right: 2px;
	margin-left: 1px;
	background-image: url("chrome://downbar/skin/buttonBackground.png");
}

#downbarMainMenuButton:hover {
	-moz-border-radius: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	border: 1px solid threeDShadow;
	background-color: transparent;
	background-image: url("chrome://downbar/skin/buttonBackgroundHover.png");
	
	margin-right: 2px;
	margin-left: 1px;
} 

#downbarClearButton {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px solid transparent;
	border-left: 1px solid ThreeDShadow;
	border-right: 1px solid transparent;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackground.png");
}

#downbarClearButton:hover {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid ThreeDShadow;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackgroundHover.png");
}

#downbarToMiniButton {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px solid transparent;
	border-left: 1px solid ThreeDShadow;
	border-right: 1px solid transparent;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackground.png");
}

#downbarToMiniButton:hover {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid ThreeDShadow;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackgroundHover.png");
}

#downbarToFullButton {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0px solid transparent;

	border-right: 1px solid ThreeDShadow;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackground.png");
}

#downbarToFullButton:hover {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid ThreeDShadow;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackgroundHover.png");
}

#downbarClearButtonMini {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackground.png");
}

#downbarClearButtonMini:hover {
	-moz-border-radius: 2px;
	border-left: 1px solid ThreeDShadow;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid ThreeDShadow;
	margin-right: 1px;
	background-image: url("chrome://downbar/skin/buttonBackgroundHover.png");
}


/*
#downbarClearButtonImage {
	list-style-image: url("chrome://downbar/skin/download_manager.png");
}

#downbarToMiniButtonImage {
	list-style-image: url("chrome://downbar/skin/download_manager.png");
}
*/

.fintip_transparent {
	-moz-appearance:none;
	background-color: transparent !important;
    border-width:0px !important;
    padding-left:0px;
    margin-bottom:0px;
    background-image:none !important;
}

.fintip_opaque {
	-moz-appearance:none;
	background-color: white !important;
    border-width:0px !important;
    padding:0px;
    margin-bottom:0px;
    background-image:none !important;
}

.progresstip_transparent {
	-moz-appearance:none;
	background-color: transparent !important;
    border-width:0px !important;
    padding-left:0px;
    margin-bottom:0px;
    background-image:none !important;
    
}

.progresstip_opaque {
	-moz-appearance:none;
	background-color: white !important;
    border-width:0px !important;
    padding:0px;
    margin-bottom:0px;
    background-image:none !important;
}


#db_finTipLeftImg {
	list-style-image: url("chrome://downbar/skin/leftTooltip.png");
	background-color: transparent;
	border-width:0px;
}

#db_finTipRightImg {
	list-style-image: url("chrome://downbar/skin/rightTooltip.png");
	background-color: transparent;
	border-width:0px;
}

#db_finTipMiddle {
	background-image: url("chrome://downbar/skin/middleTooltip.png");
	background-color: transparent;
}

#db_progTipLeftImg {
	list-style-image: url("chrome://downbar/skin/leftTooltip.png");
	background-color: transparent;
	border-width:0px;
}

#db_progTipRightImg {
	list-style-image: url("chrome://downbar/skin/rightTooltip.png");
	background-color: transparent;
	border-width:0px;
}

#db_progTipMiddle {
	background-image: url("chrome://downbar/skin/middleTooltip.png");
	background-color: transparent;
}

#db_finTipImgPreviewBox {
	background-image: url("chrome://downbar/skin/middleTooltip.png");
	background-color: transparent;
}

.db_tootipText {
	font-size: 8pt;
	color:black;
}

.db_tootipTitle {
	margin-top:8px;
	margin-left:15px;
	margin-bottom:2px;
	font-weight:bold;
	font-size:8pt;
	color: black;
}

.db_tooltipTextBox {
	font-size: 8pt;
	min-width:150px;
	/* color:black !important; 
	   background-color: white !important;
	   Color works but background color doesn't 
	   Have to use theme default */ 
}

.db_buttonText {
	font-size: 8pt;
	margin-right:3px;
	margin-left:3px;
}

.db_buttonTextMini {
	font-size: 7pt;
	margin-right:2px;
	margin-left:2px;
}

.db_seperatorThin {
	height: 5px;
}