# 
# ***** BEGIN LICENSE BLOCK *****
# Zimbra Collaboration Suite Web Client
# Copyright (C) 2010, 2012, 2013, 2014, 2016 Synacor, Inc.
#
# This program is free software: you can redistribute it and/or modify it under
# the terms of the GNU General Public License as published by the Free Software Foundation,
# version 2 of the License.
#
# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
# without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
# See the GNU General Public License for more details.
# You should have received a copy of the GNU General Public License along with this program.
# If not, see <https://www.gnu.org/licenses/>.
# ***** END LICENSE BLOCK *****
# 
##########################################################################
#                            Skin Substitutions                          #
#------------------------------------------------------------------------#
#
#  Add or change entries below to customize this skin.  
#     See:  http://wiki.zimbra.com/?title=Themes
#
#========================================================================#


SkinName		= vami2
SkinVersion		= 2


##########################################################################
#                           Logo Licensing Rules 	   		 	         #
#------------------------------------------------------------------------#
#
#  If you are using the Zimbra Collaboration Suite (ZCS) under the 
#  open source license, and you have not modifed the software, 
#  then you are required to use the Zimbra logo (the default). 
#
# LogoImgDir		= /zimbra/skins/_base/logos
# LogoURL			= https://www.zimbra.com
#
#-------------------------------------------------------------------------
#  If you are using ZCS under the open source license, 
#  and you have modified the software, 
#  then you are required to use the Zimbra Inside logo. 
#
#	LogoImgDir		= /zimbra/skins/_base/logos/ZimbraInside
#	LogoURL			= https://www.zimbra.com
#
#-------------------------------------------------------------------------
#  If you are using ZCS under the network (commercial) license, 
#  then you are welcome to use your own logo in place of the Zimbra logo,
#  or to retain the original Zimbra logo. 
#
#	LogoImgDir		= /zimbra/skins/@SkinName@/logos
#	LogoURL			= http://www.yourcompany.com
#
#========================================================================#
t

##########################################################################
#                               Skin Colors                              #
#------------------------------------------------------------------------#
#
#### Base color and variants ####
	AppC		=	#e0e0e0
	AppC+95		=	#0b0b0b
	AppC+90		=	#161616
	AppC+85		=	#222222
	AppC+80		=	#2d2d2d
	AppC+75		=	#383838
	AppC+70		=	#434343
	AppC+65		=	#4e4e4e
	AppC+60		=	#5a5a5a
	AppC+55		=	#656565
	AppC+50		=	#707070
	AppC+45		=	#7b7b7b
	AppC+40		=	#868686
	AppC+35		=	#929292
	AppC+30		=	#9d9d9d
	AppC+25		=	#a8a8a8
	AppC+20		=	#b3b3b3
	AppC+15		=	#bebebe
	AppC+10		=	#cacaca
	AppC+05		=	#d5d5d5
	AppC-05		=	#e2e2e2
	AppC-10		=	#e3e3e3
	AppC-15		=	#e5e5e5
	AppC-20		=	#e6e6e6
	AppC-25		=	#e8e8e8
	AppC-30		=	#e9e9e9
	AppC-35		=	#ebebeb
	AppC-40		=	#ececec
	AppC-45		=	#eeeeee
	AppC-50		=	#f0f0f0
	AppC-55		=	#f1f1f1
	AppC-60		=	#f3f3f3
	AppC-65		=	#f4f4f4
	AppC-70		=	#f6f6f6
	AppC-75		=	#f7f7f7
	AppC-80		=	#f9f9f9
	AppC-85		=	#fafafa
	AppC-90		=	#fcfcfc
	AppC-95		=	#fdfdfd

#### Alternative color and variants ####
	AltC		=	#C7E6F6
	AltC+95		=	#0a0c0c
	AltC+90		=	#141719
	AltC+85		=	#1e2325
	AltC+80		=	#282e31
	AltC+75		=	#323a3e
	AltC+70		=	#3c454a
	AltC+65		=	#465156
	AltC+60		=	#505c62
	AltC+55		=	#5a686f
	AltC+50		=	#64737b
	AltC+45		=	#6d7f87
	AltC+40		=	#778a94
	AltC+35		=	#8196a0
	AltC+30		=	#8ba1ac
	AltC+25		=	#95adb9
	AltC+20		=	#9fb8c5
	AltC+15		=	#a9c4d1
	AltC+10		=	#b3cfdd
	AltC+05		=	#bddbea
	AltC-05		=	#cae7f6
	AltC-10		=	#cde9f7
	AltC-15		=	#cfeaf7
	AltC-20		=	#d2ebf8
	AltC-25		=	#d5ecf8
	AltC-30		=	#d8eef9
	AltC-35		=	#dbeff9
	AltC-40		=	#ddf0fa
	AltC-45		=	#e0f1fa
	AltC-50		=	#e3f3fb
	AltC-55		=	#e6f4fb
	AltC-60		=	#e9f5fb
	AltC-65		=	#ebf6fc
	AltC-70		=	#eef8fc
	AltC-75		=	#f1f9fd
	AltC-80		=	#f4fafd
	AltC-85		=	#f7fbfe
	AltC-90		=	#f9fdfe
	AltC-95		=	#fcfeff

#### Selection color and variants ####
	SelC		=	#C7E6F6
	SelC+95		=	#0a0c0c
	SelC+90		=	#141719
	SelC+85		=	#1e2325
	SelC+80		=	#282e31
	SelC+75		=	#323a3e
	SelC+70		=	#3c454a
	SelC+65		=	#465156
	SelC+60		=	#505c62
	SelC+55		=	#5a686f
	SelC+50		=	#64737b
	SelC+45		=	#6d7f87
	SelC+40		=	#778a94
	SelC+35		=	#8196a0
	SelC+30		=	#8ba1ac
	SelC+25		=	#95adb9
	SelC+20		=	#9fb8c5
	SelC+15		=	#a9c4d1
	SelC+10		=	#b3cfdd
	SelC+05		=	#bddbea
	SelC-05		=	#cae7f6
	SelC-10		=	#cde9f7
	SelC-15		=	#cfeaf7
	SelC-20		=	#d2ebf8
	SelC-25		=	#d5ecf8
	SelC-30		=	#d8eef9
	SelC-35		=	#dbeff9
	SelC-40		=	#ddf0fa
	SelC-45		=	#e0f1fa
	SelC-50		=	#e3f3fb
	SelC-55		=	#e6f4fb
	SelC-60		=	#e9f5fb
	SelC-65		=	#ebf6fc
	SelC-70		=	#eef8fc
	SelC-75		=	#f1f9fd
	SelC-80		=	#f4fafd
	SelC-85		=	#f7fbfe
	SelC-90		=	#f9fdfe
	SelC-95		=	#fcfeff
#========================================================================#




SkinImgDir			= /zimbra/skins/@SkinName@/img
SkinAnimatedImgDir	= /zimbra/img/animated
ImgDir				= /zimbra/img
DwtImgDir			= /zimbra/img/dwt

LoginBannerImg      =	@LogoImgDir@/LoginBanner.png
LoginBannerWidth    =	450px
LoginBannerHeight   =	100px

AppBannerImg        =	@LogoImgDir@/AppBanner.png
AppBannerWidth      =	120px
AppBannerHeight     =	35px

# Uncomment to override help URLs for this skin
#HelpAdminURL		=	/zimbraAdmin/help/admin/html/administration_console_help.htm
#HelpDelegatedURL	=	/zimbraAdmin/help/delegated/da_about_zimbra_collaboration_suite.htm

# Specify the width/height of ads when using skins that support them
SidebarAdWidth		=	0px
TopAdHeight			=	0px
BottomAdHeight		=	0px



HilightColor			= #e3da93
HilightColor-blurred	= #dddddd
MatchedColor			= @HilightColor@
RightClickColor			= @HilightColor@
HeaderColor				= @AppC+10@
HeaderColor-hover		= @AppC+15@
HeaderColor-selected	= @AppC+10@
ValueChangedColor		= @AltC+50@
	
InputBgColor			= white
WidgetBgColor			= @AppC+10@



#####################
# Logical zones in the skin
#####################

ChromeBg					= background-color:@AppC@;
ChromeText					= @Text@

InsetBg						= background-color:@AppC-75@;
InsetText					= @Text@

ToolbarColor				= @AppC+25@
ToolbarBg					= background-color: @ToolbarColor@;
ToolbarContainer			= @ToolbarBg@ @MediumOutsetBorder@	border-left-width:0px; border-right-width:0px;
InlineToolbarContainer		= @ToolbarBg@ @MediumOutsetBorder@	border-left-width:0px; border-right-width:0px;

TreeContainer				= background-color:@AppC-75@;
TreeHeaderContainer			= background-color:@HeaderColor@;	@BottomSeparator@
TreeHeaderText				= @Text@ font-weight:bold;

PageBg						= background-color:@AppC-25@;
PageHeaderBg				= background-color:@HeaderColor@;
PageHeaderText				= @Text@

AppBg						= background-color:@AppC-75@;
AppBorder					= @NormalInsetBorder@

SashBg						= background-color:@AppC@;

ListBg						= background-color:@AppC-75@;
ListBorder					= @NormalInsetBorder@

WizardBg					= @PageBg@



#####################
# Actual skin containers (for setting borders, background colors, etc).
#	These are applied to, eg, <div id='skin_border_logo'> in the skin.css file
#####################

SkinOuter					= @ChromeBg@
SkinBorderLogo				=
#IFDEF MSIE
	SkinBorderLogo			= padding-bottom:12px;
#ENDIF

SkinBorderSearch			= @InsetBg@ @NormalOutsetBorder@ @BigRoundCorners@	border-width:1px;


SkinBorderQuota				=
#IFDEF MSIE
	SkinBorderQuota			= padding-bottom:8px;
#ENDIF
SkinBorderSBToolbar			= @ToolbarContainer@
SkinBorderSB				= @InsetBg@ @NormalOutsetBorder@	border-top-width:0px;
SkinBorderSBSash                        = @VSashSize@ 

SkinBorderCurrentApp		= @InsetBg@ @NormalOutsetBorder@	margin-bottom:-1px; padding-left:4px;

SkinBorderTreeSash			= @HSashSize@
SkinBorderAppToolbar		= @ToolbarContainer@
SkinBorderAppChooser		= height:100%;
SkinBorderTree				= @InsetBg@ @NormalOutsetBorder@	height:100%;
SkinBorderMiniCal			= @InsetBg@ @NormalOutsetBorder@
SkinBorderApp				= @PageBg@  @NormalOutsetBorder@ 	height:100%;
SkinBorderStatus			= @InsetBg@ @NormalOutsetBorder@
SkinTextUsername			= @Text@ text-align:center;



#####################
#	Fonts
#####################

FontFamily-default			= font-family:Tahoma, Arial, Helvetica, sans-serif;
FontFamily-fixed			= font-family:monospace;
FontFamily-html				= font-family:Verdana,Arial,serif;

FontSize-normal				= font-size:11px;
FontSize-big				= font-size:13px;
FontSize-bigger				= font-size:15px; font-weight:bold; 
FontSize-biggest			= font-size:18px; font-weight:bold;
FontSize-smaller			= font-size:9px;
FontSize-miniscule			= font-size:6px;
FontSize-html				= font-size:10pt;

#####################
#	Text colors and styles (for use on widgets, Page, Header and App regions -- other regions may have different colors)
#####################
Text					 	= color: black;
Label-wrap				 	= color: black; 
Label				 		= @Label-wrap@ 		overflow:hidden;	
Text-light				 	= color: @AppC+25@;
Text-required			 	= color: darkred;
Text-disabled				= color: @AppC+55@;
Text-contrast				= color: white;
Text-hover					= @Text@
Text-active					= @Text@		
Text-selected				= @Text@		
Text-default				= @Text@
Text-focused				= @Text@
Text-today					= color:darkred;
Text-unread					= @Text@ 			font-weight:bold;
Text-deleted				= @Text-disabled@ 	text-decoration: line-through;
Text-important				= color:darkred;
Text-error					= color:darkred; 	font-weight:bold;
Text-success				= color:green;
Text-matched				= color:black;
Text-hint					= color: @AppC+55@; font-style:italic;
Text-anchor					= color: darkblue;	text-decoration:none;
Text-anchor-hover			= color: darkblue;	text-decoration:underline;
Text-anchor-active			= color: darkgreen;	text-decoration:underline;
Text-anchor-disabled		= @Text-disabled@	text-decoration:none;


#####################
#	colors for different kinds of notices and progress bar
#####################
InfoContainer				= background-color:#BFDFCA; border-color:darkgreen;
InfoText					= @Text@
WarningContainer			= background-color:#FFFFBB; border-color:yellow;
WarningText					= @Text@
CriticalContainer			= background-color:#F5BFBF; border-color: red;
CriticalText				= @Text@



#####################
#	Random colors
# TODO: rearrange this
#####################

SeparatorColor				= @AppC+30@
LightSeparatorColor			= @AppC+15@
DarkSeparatorColor			= @AppC+55@


# Drag and drop colors
DragBg						= background-color:@HilightColor@;
DragText					= @Text@
DropBg						= background-color:@HilightColor@;
DropText					= @Text@
DropAllowedColor			= green
DropNotAllowedColor 		= red


# backgrounds for various states
SelectedBg					= background-color:@AltC@ !important;
SelectedBg-blurred			= background-color:@HilightColor-blurred@ !important;
MatchedBg					= background-color:@MatchedColor@;
RightClickBg				= background-color:@RightClickColor@;
		
Transparent					= transparent


WindowTitleText				= @FontSize-big@; font-weight:bold; padding:0 5 2 5;
WindowTitleText-normal		= @Text-contrast@
WindowTitleText-light		= @Text@






#####################
#	WidgetHeader -- headers of trees, lists, message header, etc
# TODO: separate these out?
#####################

WidgetHeaderContainer			= border-bottom:1px solid @DarkSeparatorColor@; padding-top:1px;
WidgetHeaderContainer-normal	= background-color:@HeaderColor@;
WidgetHeaderContainer-hover		= background-color:@HeaderColor-hover@;
WidgetHeaderContainer-selected	= background-color:@HeaderColor-selected@;



#####################
# 	Colors and borders for "Widgets" (buttons, selects and tabs)
#####################
WidgetBorder			= @SmallRoundCorners@
WidgetBorder-normal		= background-color:@WidgetBgColor@;			@NormalOutsetBorder@
WidgetBorder-disabled	= background-color:@Transparent@;			@DisabledBorder@ 	@DisabledCursor@
WidgetBorder-hover		= background-color:@AppC@;					@NormalOutsetBorder@
WidgetBorder-selected	= background-color:@AppC-75@ !important;	@NormalOutsetBorder@
WidgetBorder-active		= background-color:@AppC-75@;				@NormalInsetBorder@
WidgetBorder-default	= background-color:@AltC-50@;				@DefaultBorder@
WidgetBorder-focused	= background-color:@SelC@;					@FocusBorder@

#TODO: DEPRECATE "clicked" for "active" and "toggled" for "selected" #
WidgetBorder-toggled	= background-color:@HilightColor@;			@NormalInsetBorder@


WidgetBorder-light		= @ChromeBg@;			@NormalOutsetBorder@
WidgetBorder-dark		= @ToolbarBg@;			@MediumOutsetBorder@






## BACKGROUNDS OF WIDGETS
# TODO: rename us!
ZTransparentBg				= background-color: transparent;

ZFieldBg-normal				= background-color: white;
ZFieldBg-error				= background-color: #f3f1bf;
ZFieldBg-required			= background-color: #fffee6;
ZFieldBg-focused			= background-color: @SelC@;
ZFieldBg-disabled			= background-color: transparent;




#####################
#	Inputs: input type=[text|password] elements only
#####################
InputBorder					= border: 1px solid; border-color: @AppC+75@ @AppC+10@ @AppC+10@ @AppC+75@;
InputBorder-disabled		= border: 1px solid @AppC+10@;

InputField					= @WidgetHeight@	padding: 2px 4px;		@TextCursor@	
InputField-normal			= @ZFieldBg-normal@		@InputBorder@
InputField-focused			= @ZFieldBg-normal@		@InputBorder@
InputField-error			= @ZFieldBg-error@ 		@InputBorder@
InputField-required			= @ZFieldBg-required@ 	@InputBorder@
InputField-disabled			= @Text-disabled@	@ZFieldBg-disabled@		@InputBorder-disabled@
InputField-hint				= @Text-hint@


#####################
#	"TextArea" inputs
#####################
TextArea					= padding: 2px 4px; 						@TextCursor@
TextArea-normal				= @Text@			@ZFieldBg-normal@		@InputBorder@
TextArea-focused			= @Text@			@ZFieldBg-normal@		@InputBorder@
TextArea-error				= @Text@			@ZFieldBg-error@ 		@InputBorder@
TextArea-required			= @Text@			@ZFieldBg-required@ 	@InputBorder@
TextArea-disabled			= @Text-disabled@	@ZFieldBg-disabled@		@InputBorder-disabled@



#####################
#	Tooltip
#####################
TooltipContainer			= @LightWindowOuterBorder@
TooltipText					= @Text@
TooltipText-label			= @Label@
TooltipArrowContainer		= background-color:@HeaderColor@; border-right:1px solid @SeparatorColor@;





FieldSet				 	= border: 1px solid @SeparatorColor@; @BoxSpacing@
FieldSetLabel				= @Label@ font-weight:bold;



#####################
#	Normal button, like in a dialog
#####################

Button							= @ButtonHeight@	@ActiveCursor@
	
ButtonBorder					= @SmallRoundCorners@
ButtonBorder-normal				= @WidgetBorder-normal@
ButtonBorder-disabled			= @WidgetBorder-disabled@
ButtonBorder-hover				= @WidgetBorder-hover@
ButtonBorder-active				= @WidgetBorder-active@
ButtonBorder-focused			= @WidgetBorder-focused@
ButtonBorder-selected			= @WidgetBorder-selected@
ButtonBorder-default			= @WidgetBorder-default@
	
ButtonText						= text-align:center;
ButtonText-normal				= @Text@
ButtonText-disabled				= @Text-disabled@
ButtonText-hover				= @Text-hover@
ButtonText-active				= @Text-active@
ButtonText-focused				= @Text-focused@
ButtonText-selected				= @Text-selected@
ButtonText-default				= @Text-default@
	
	

#####################
#	Buttons inside toolbars
#####################
	
ToolbarButton					= @ButtonHeight@ @ActiveCursor@
ToolbarButtonSpacing			= 
	
ToolbarButtonBorder				= @TransparentBorder@ @SmallRoundCorners@
ToolbarButtonBorder-normal		= @TransparentBorder@
ToolbarButtonBorder-disabled	= @TransparentBorder@
ToolbarButtonBorder-hover		= @WidgetBorder-hover@
ToolbarButtonBorder-active		= @WidgetBorder-active@
ToolbarButtonBorder-default		= @WidgetBorder-default@
ToolbarButtonBorder-focused		= @WidgetBorder-focused@
ToolbarButtonBorder-selected	= @WidgetBorder-selected@
	
ToolbarButtonText				= @NoWrap@
ToolbarButtonText-normal		= @Text@
ToolbarButtonText-disabled		= @Text-disabled@
ToolbarButtonText-hover			= @Text-hover@
ToolbarButtonText-active		= @Text-active@
ToolbarButtonText-default		= @Text-default@
ToolbarButtonText-focused		= @Text-focused@



#####################
#	Select
#####################

Select						= @WidgetHeight@ @ActiveCursor@
SelectSpacing				= 

SelectBorder				=
SelectBorder-normal			= @WidgetBorder-normal@
SelectBorder-disabled		= @WidgetBorder-disabled@
SelectBorder-hover			= @WidgetBorder-hover@
SelectBorder-active			= @WidgetBorder-active@
SelectBorder-focused		= @WidgetBorder-focused@

SelectText					= text-align:left;	padding:0 6 0 6;	@NoWrap@
SelectText-normal			= @Text@	 
SelectText-disabled			= @Text-disabled@ 
SelectText-hover			= @Text-hover@ 
SelectText-active			= @Text-active@ 
SelectText-focused			= @Text-focused@
SelectText-empty			= @Text-disabled@ font-style:italic;

#####################
#	NORMAL TABS
#####################

TabBar						= padding-top:3px;
TabBarPrefix				= clear:left; float:left; @TabBottomBorder@ width: 1em; height:19;
TabBarSuffix				= clear:right; left; @TabBottomBorder@ width: 100%; height:19;


Tab							= float:left; clear:none; position:relative; @ActiveCursor@
TabSpacing					= 

TabBorder					= position:relative; 		@TabRoundCorners@
TabBorder-normal			= @WidgetBorder-normal@		@TabBottomBorder@
TabBorder-disabled			= @WidgetBorder-disabled@	@TabBottomBorder@
TabBorder-hover				= @WidgetBorder-hover@		@TabBottomBorder@
TabBorder-active			= @WidgetBorder-selected@	@TabBottomBorder@
TabBorder-focused			= @WidgetBorder-focused@	@TabBottomBorder@
TabBorder-selected			= border:px solid; border-color:@AppC+20@ @AppC+40@ @AppC-75@ @AppC+40@;	background-color:@AppC-75@ !important; @bColor@:@AppC-75@

TabText						= padding:0 6 0 6; text-align:center; white-space: nowrap;
TabText-normal				= @Text@
TabText-disabled			= @Text-disabled@
TabText-hover				= @Text-hover@
TabText-active				= @Text-active@
TabText-focused				= @Text-focused@
TabText-selected			= @Text@




#####################
# 	APP TABS
#####################

AppTab						= height:25px;
AppTabSpacing				= margin-right:6px;

AppTabBorder				= position:relative;			@AppTabRoundCorners@
AppTabBorder-normal			= @WidgetBorder-light@			@AppTabBottomBorder@
AppTabBorder-disabled		= @WidgetBorder-disabled@		@AppTabBottomBorder@
AppTabBorder-hover			= @WidgetBorder-hover@			@AppTabBottomBorder@
AppTabBorder-active			= @WidgetBorder-selected@		@AppTabBottomBorder@
AppTabBorder-focused		= @WidgetBorder-focused@		@AppTabBottomBorder@
AppTabBorder-selected		= @ToolbarBg@	@MediumOutsetBorder@	@AppTabBottomBorder@


AppTabText					= text-align:center;	padding:0px 5px;	@NoWrap@
AppTabText-normal			= @Text@
AppTabText-disabled			= @Text-disabled@
AppTabText-hover			= @Text-hover@
AppTabText-active			= @Text-active@
AppTabText-focused			= @Text-focused@
AppTabText-selected			= @Text@			





#####################
#   ANCHORS AND ZIMLETS
#####################

Anchor						= @Text-anchor@ @ActiveCursor@
Anchor-hover				= @Text-anchor-hover@ 	background-color:@HilightColor@; 
Anchor-active				= @Text-anchor-active@ 	background-color:@HilightColor@; 
Anchor-disabled				= @Text-anchor-disabled@ @DisabledCursor@
Anchor-matched				= background-color:@MatchedColor@; @Text@ text-decoration:none;

ZimletBg					= @Anchor@
ZimletBg-Hover				= @Anchor-hover@






#####################
#   MENUS
#####################
MenuContainer			 	= @LightWindowOuterBorder@

MenuItem					= padding-left:2px; padding-right:2px;	@ActiveCursor@

MenuItemBorder				= padding-left:2px; padding-right:2px;	border-left-width:0; border-right-width:0;	@ActiveCursor@
MenuItemBorder-normal		= @TransparentBorder@; background-color:@WidgetBgColor@;
MenuItemBorder-disabled		= @TransparentBorder@
MenuItemBorder-hover		= @WidgetBorder-hover@;
MenuItemBorder-active		= @WidgetBorder-active@


MenuItemText				= text-align:left;	@NoWrap@
MenuItemText-normal			= @Text@
MenuItemText-disabled		= @Text-disabled@
MenuItemText-hover			= @Text-hover@
MenuItemText-active			= @Text-active@
### NECESSARY ??? ###
MenuItemText-default		= @Text-default@
### NECESSARY ??? ###
MenuItemText-focused		= @Text-focused@
	
MenuItemTextPadding			= height:16px; white-space:nowrap; padding:0 2 0 5;
MenuItemSeparator			= @PrettyBottomSeparator@


#####################
#   LISTS
#####################

ListContainer					= @ListBg@
ListContainerWithBorder			= @AppBg@ @NormalInsetBorder@

ListHeaderContainer		 		= height:24px; 	
	
ListColHeaderContainer			= padding-left:@TextPaddingSize@;	@NoWrap@	@OverflowEllipsis@	@ActiveCursor@
ListColHeaderContainer-normal	= @WidgetHeaderContainer@	@WidgetHeaderContainer-normal@
ListColHeaderContainer-hover	= @WidgetHeaderContainer@	@WidgetHeaderContainer-hover@
ListColHeaderContainer-selected	= @WidgetHeaderContainer@	@WidgetHeaderContainer-selected@

ListColHeaderText				= 
ListColHeaderText-normal		= @Text@
ListColHeaderText-hover			= @Text@
ListColHeaderText-selected		= @Text@
	
ListRowsContainer				= 


#####################
#   LIST ITEMS
#####################

# TODO: use padding/etc so we don't have to define colors twice?
ListItemBgColor-normal			=	@AppC-95@
ListItemBgColor-alt				=	@AppC-75@
ListItemBgColor-hover			=	@AppC-25@
ListItemBgColor-active			=	@AppC-25@
ListItemBgColor-matched			=	@MatchedColor@
ListItemBgColor-selected		=	@SelC@ !important
ListItemBgColor-actioned		=	@RightClickColor@ !important


ListItemContainer				= @ListItemHeight@; 		@ActiveCursor@			border-style:solid; border-width:1px 0px; border-bottom-color:@AppC-60@;
ListItemContainer-normal		= background-color:@ListItemBgColor-normal@;		border-top-color:@ListItemBgColor-normal@;
ListItemContainer-alt			= background-color:@ListItemBgColor-alt@;			border-top-color:@ListItemBgColor-alt@;
ListItemContainer-disabled		= background-color:@ListItemBgColor-normal@;		border-top-color:@ListItemBgColor-normal@;		### USED? ###
ListItemContainer-hover			= background-color:@ListItemBgColor-hover@; 		border-top-color:@ListItemBgColor-hover@;
ListItemContainer-active		= background-color:@ListItemBgColor-active@; 		border-top-color:@ListItemBgColor-active@;
ListItemContainer-matched		= background-color:@ListItemBgColor-matched@; 		border-top-color:@ListItemBgColor-matched@;
ListItemContainer-selected		= background-color:@ListItemBgColor-selected@; 		border-top-color:@ListItemBgColor-selected@;
ListItemContainer-focused		= 											 		@FocusBorder@ border-width:1px 0px;
ListItemContainer-sel-focus		= background-color:@ListItemBgColor-selected@; 		@FocusBorder@ border-width:1px 0px;
ListItemContainer-actioned		= background-color:@ListItemBgColor-actioned@;	border-color:@ListItemBgColor-actioned@;
ListItemContainer-dragProxy		= background-color:@ListItemBgColor-actioned@;

ListItemText					= vertical-align:middle; white-space: nowrap; overflow: hidden;	@OverflowEllipsis@
ListItemText-normal				= @Text@
ListItemText-alt				= @Text@
ListItemText-disabled			= @Text-disabled@
ListItemText-hover				= @Text@
ListItemText-active				= @Text@
ListItemText-matched			= @Text@
ListItemText-focused			= @Text@
ListItemText-selected			= @Text@
ListItemText-sel-focus			= @Text@
ListItemText-actioned			= @Text@
ListItemText-dragProxy			= @Text@



#####################
#   OVERVIEW TREE
#####################
TreeStartWidth				= 190px
TreeItem					= @TransparentBg@ @TreeItemHeight@	@ActiveCursor@
TreeItemText				= @Text@
TreeItemSpacing-selected				= margin-right:2px;
TreeMinWidth				= 150px
TreeMaxWidth				= 300px


#####################
#   OVERVIEW TREE ACCORDION
#####################

AccordionBorder					= @NormalInsetBorder@

AccordionItemBorder				= 
AccordionItemBorder-normal		= background-color:@WidgetBgColor@;		@NormalOutsetBorder@
AccordionItemBorder-selected	= background-color:@AltC-20@;			@AltOutsetBorder@

AccordionItemText				= @SmallBoxSpacing@	@NoWrap@

AccordionItemText-normal		= @Text@
AccordionItemText-selected		= @Text@



#####################
#   MINI-CALENDAR
#####################

MiniCalBg					= @AppBg@

MiniCalHeaderBg				= @WidgetHeaderContainer@	@WidgetHeaderContainer-normal@ height:16px;
MiniCalHeaderText			= @PageHeaderText@	width:auto;

MiniCalDOWBg				= background-color:@AppC-25@; @BottomSeparator@
MiniCalDOWText				= @Text-disabled@ 	text-align:center;

MiniCalButton				= text-align:center; 	@ActiveCursor@
MiniCalButton-normal		= @Text@				@SmallTransparentBorder@
MiniCalButton-hover			= @Text-hover@			@SmallOutsetBorder@
MiniCalButton-active		= @Text-active@			@SmallInsetBorder@
MiniCalButton-today			= @Text-today@			@SmallOutsetBorder@		border-color:darkred !important;

MiniCalDay-hilited			= font-weight:bold;
MiniCalDay-today			= @Text-today@
MiniCalDay-wrongMonth		= @Text-disabled@
MiniCalDay-selected			= @SelectedBg@





#####################
#   PROGRESS BARS
#####################

ProgressBarContainer			= @NormalInsetBorder@ border-width:1px; padding:1px;	width: 100px; height: 6px;
ProgressBarContainer-unused		= background-color: #FFFFFF;
ProgressBarContainer-info		= @InfoContainer@
ProgressBarContainer-warning	= @WarningContainer@
ProgressBarContainer-critical	= @CriticalContainer@


################
#    TOASTER
################

ToastText					= @FontSize-bigger@	text-align:center;
ToastContainer				= @HugeRoundCorners@ @ToastOpacity@ border:3px solid;
ToastContainer-info			= @InfoContainer@		@InfoText@
ToastContainer-warning		= @WarningContainer@	@WarningText@
ToastContainer-critical		= @CriticalContainer@	@CriticalText@


################
#    VEIL
################
VeilColor					= background-color:white;


################
#   NOTICE 
#
#   -- little information panel		
#  TODOC: WHERE ?
################
NoticeText					= font-weight:bold;
#IFDEF MSIE
NoticeContainer				= @WindowOuterBorder@	width:100%;
#ENDIF

#IFDEF GECKO
NoticeContainer				= @WindowOuterBorder@	
#ENDIF	

NoticeContainer-info		= @InfoContainer@		@InfoText@
NoticeContainer-warning		= @WarningContainer@	@WarningText@
NoticeContainer-critical	= @CriticalContainer@	@CriticalText@





################
#   HORIZONTAL SASH - splits a pane into two tall panels
################
HSashSize					= width:@SashSize@;	height:100%;
HSashContainer				= @HSashSize@ 	@SashBg@	@ColResizeCursor@
HSashThumb					= margin-left:1px;



###################
#   VERTICAL SASH - splits a pane into two wide panels
###################
VSashSize					= height:@SashSize@;	width:100%;
VSashContainer				= @VSashSize@	@SashBg@ 	@RowResizeCursor@	border-top:1px solid @SeparatorColor@; border-bottom:1px solid @DarkSeparatorColor@;
VSashThumb					= margin-top:1px;




#####################
#	SLIDERS
#####################

Slider							= text-align:left; vertical-align:top;

SliderBorder					= background-color:@AltC@;			@AltInsetBorder@		@SmallRoundCorners@
SliderThumbBorder				= background-color:@WidgetBgColor@;	@NormalOutsetBorder@	@SmallRoundCorners@

HSliderSize						= width:200px; height:20px;
HSliderBorder					= @SliderBorder@

HSliderThumbSize				= width: 16px; height:100%;
HSliderThumbBorder				= @SliderThumbBorder@  	width:16px; 	height:100%; 	padding:2 0 0 2;

VSliderSize						= width: 20px; height: 200px;
VSliderBorder					= @SliderBorder@

VSliderThumbSize				= width:16px; height:16px;
VSliderThumbBorder				= @SliderThumbBorder@ 	width:100%;		height:100%;	padding:2 0 0 2;


################
#    VIRTUAL WINDOWS, eg: for Chat
################
WindowBg					= @AppBg@
WindowContainer				= @WindowBg@	@LightWindowOuterBorder@
WindowContainer-focused		= @WindowBg@	@WindowOuterBorder@





###################
###################
###################
#
#	APP OR SKIN REGION SPECIFIC STUFF
#
###################
###################
###################


###################
#   SEARCH BUILDER
###################

PickerContainer				= @PageBg@ @RightSeparator@ @PickerSize@
SearchHelperToolbarMargin	= margin-top:3px;
#IFDEF MSIE
SearchHelperToolbarMargin	= margin-top:-1px;
#ENDIF
SBMinHeight                     = 50px;
SBMaxHeight                     = 300px; 




###################
#   MAIL-APP SPECIFIC STUFF
###################

# Colors for mail messages
MailMsgHeader				= background-color:@HeaderColor@; @BottomSeparator@ padding:3px; 
MailMsgHeaderText			= @Text@
MailMsgHeaderLabel			= @Label@

MailMsgBody					= background-color: white;
MailMsgBodyText				= @Text@
MailMsgBodyText-fixed		= @FontFamily-fixed@
MailMsgBodyText-html		= @FontFamily-default@



###################
#   CONTACTS-APP SPECIFIC STUFF
###################
ContactsCardSize			= height:140px;



###################
#   DRAG AND DROP STUFF
###################

DndAllowedContainer			= border: 2px solid @DropAllowedColor@ !important; 		@DragBg@;
DndNotAllowedContainer		= border: 2px solid @DropNotAllowedColor@  !important; 	@DragBg@;	



###################
#   CALENDAR-SPECIFIC STUFF
###################

# Free-Busy view
FreeBusyViewHeaderWidth		= width:26px;
FreeBusyViewGridWidth		= width:13px;
FreeBusyViewGridHeight		= height:22px; line-height:21px;






################
#   BORDERS
#
#	Cross-platform borders created from the skin "colors", 
#	use these rather than hard-coding borders for a particular widget, etc
#
################
TransparentBorder			= border-top:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid transparent; border-left:1px solid transparent;
 
NormalOutsetBorder			= border-top:1px solid @AppC+20@; border-right:1px solid @AppC+40@;  border-bottom:1px solid @AppC+40@; border-left:1px solid  @AppC+20@;

MediumOutsetBorder			= border-top:1px solid @AppC+40@; border-right:1px solid @AppC+50@;  border-bottom:1px solid @AppC+50@; border-left:1px solid  @AppC+40@;
DarkOutsetBorder			= border:1px solid; border-color:@AppC+50@ @AppC+75@ @AppC+75@ @AppC+50@;

NormalInsetBorder			= border-top:1px solid @AppC+50@; border-right:1px solid @AppC+20@;  border-bottom:1px solid @AppC+20@; border-left:1px solid  @AppC+50@;
MediumInsetBorder			= border:1px solid; border-color:@AppC+40@ @AppC+30@ @AppC+30@ @AppC+40@;
DarkInsetBorder				= border:1px solid; border-color:@AppC+75@ @AppC+50@ @AppC+50@ @AppC+75@;

AltOutsetBorder				= border:1px solid; border-color:@AltC+20@ @AltC+40@ @AltC+40@ @AltC+20@;
AltInsetBorder				= border:1px solid; border-color:@AltC+50@ @AltC+20@ @AltC+20@ @AltC+50@;

SelOutsetBorder				= border:1px solid; border-color:@SelC+20@ @SelC+40@ @SelC+40@ @SelC+20@;
SelInsetBorder				= border:1px solid; border-color:@SelC+50@ @SelC+20@ @SelC+20@ @SelC+50@;

DisabledBorder				= border:1px solid; border-color:@AppC+10@;
DefaultBorder				= @AltOutsetBorder@
FocusBorder					= @SelOutsetBorder@

DragBorder					= @FocusBorder@

FieldBorder					= border:1px solid;	border-color:@AppC+80@ @AppC+30@ @AppC+30@ @AppC+80@;
AppTabBottomBorder			= border-bottom-width: 0px;
TabBottomBorder				= border-bottom-width: 1px; border-bottom-style: solid; 	@bColor@:black;

WindowOuterBorderStyle		= padding:4px; @BigRoundCorners@	@PopupShadow@
WindowInnerBorderStyle		= padding:4px; @BigRoundCorners@

WindowOuterBorder			= @WindowOuterBorderStyle@	background-color:@AppC+65@;	@DarkOutsetBorder@
WindowInnerBorder			= @WindowInnerBorderStyle@	@PageBg@					@DarkInsetBorder@
LightWindowOuterBorder		= @WindowOuterBorderStyle@	background-color:@AppC+10@;	@MediumOutsetBorder@
LightWindowInnerBorder		= @WindowInnerBorderStyle@	background-color:@AppC-20@;	@MediumInsetBorder@

SmallTransparentBorder		= padding:2px; border:0px;
SmallOutsetBorder			= padding:1px; border:1px solid;	border-color:@AppC+20@ @AppC+40@ @AppC+40@ @AppC+20@;
SmallInsetBorder			= padding:1px; border:1px solid;	border-color:@AppC+50@ @AppC+20@ @AppC+20@ @AppC+50@;


### FOR GECKO, DO PRETTIER BORDERS

#IFDEF GECKO
TransparentBorder			= border:2px solid transparent;	@lColor@: transparent;	@tColor@: transparent;			@bColor@: transparent;				@rColor@: transparent;
NormalOutsetBorder			= border:2px solid; 	@lColor@: @AppC+30@ @AppC-10@; 	@tColor@: @AppC+30@ @AppC-10@; 	@bColor@: @AppC+50@ @AppC+20@;		@rColor@: @AppC+50@ @AppC+20@;
MediumOutsetBorder			= border:2px solid; 	@lColor@: @AppC+30@ @AppC+10@;	@tColor@: @AppC+30@ @AppC+10@;	@bColor@: @AppC+55@ @AppC+25@;		@rColor@: @AppC+40@ @AppC+25@;
DarkOutsetBorder			= border:2px solid; 	@lColor@: @AppC+50@ @AppC+70@; 	@tColor@: @AppC+50@ @AppC+70@; 	@bColor@: @AppC+75@ black; 			@rColor@: @AppC+75@ black;
	
NormalInsetBorder			= border:2px solid; 	@lColor@: @AppC+30@ @AppC+50@; 	@tColor@: @AppC+30@ @AppC+50@; 	@bColor@: @AppC+10@ @AppC+30@;		@rColor@: @AppC+10@ @AppC+30@;
MediumInsetBorder			= border:2px solid; 	@lColor@: @AppC+55@ @AppC+25@; 	@tColor@: @AppC+55@ @AppC+25@; 	@bColor@: @AppC+30@ @AppC+10@;		@rColor@: @AppC+30@ @AppC+10@;
DarkInsetBorder				= border:2px solid; 	@lColor@: @AppC+75@ black;		@tColor@: @AppC+75@ black; 		@bColor@: @AppC+50@ @AppC+60@;		@rColor@: @AppC+50@ @AppC+60@;
	
AltOutsetBorder				= border:2px solid; 	@lColor@: @AltC+30@ @AltC-10@; 	@tColor@: @AltC+30@ @AltC-10@; 	@bColor@: @AltC+50@ @AltC+20@;		@rColor@: @AltC+50@ @AltC+20@;
AltInsetBorder				= border:2px solid; 	@lColor@: @AltC+30@ @AltC+50@; 	@tColor@: @AltC+30@ @AltC+50@; 	@bColor@: @AltC+10@ @AltC+30@;		@rColor@: @AltC+10@ @AltC+30@;
	
SelOutsetBorder				= border:2px solid; 	@lColor@: @SelC+30@ @SelC-10@; 	@tColor@: @SelC+30@ @SelC-10@; 	@bColor@: @SelC+50@ @SelC+20@;		@rColor@: @SelC+50@ @SelC+20@;
SelInsetBorder				= border:2px solid; 	@lColor@: @SelC+30@ @SelC+50@; 	@tColor@: @SelC+30@ @SelC+50@; 	@bColor@: @SelC+10@ @SelC+30@;		@rColor@: @SelC+10@ @SelC+30@;

DisabledBorder				= border:1px solid; 	@lColor@: @AppC+10@; 			@tColor@: @AppC+10@;			 @bColor@: @AppC+10@;				@rColor@: @AppC+10@;
DefaultBorder				= @AltOutsetBorder@
FocusBorder					= @SelOutsetBorder@

WindowOuterBorderStyle		= padding:2px; @MediumRoundCorners@	@PopupShadow@
WindowInnerBorderStyle		= padding:4px; @BigRoundCorners@

#ENDIF







################
#	OPACITY -- use these rather than having lots of IFDEFS in the CSS files
################
Icon-disabled				= opacity:.5;
ToastOpacity				= opacity:.95;
HalfOpacity					= opacity:.5;
VeilOpacity					= opacity:0.5;
DndOpacity					= opacity:0.7;
FullOpacity					= opacity:1;


#IFDEF GECKO
Icon-disabled				= -moz-opacity:.5;	opacity:.5;
ToastOpacity				= -moz-opacity:.95;	opacity:.95;
HalfOpacity					= -moz-opacity:.5;	opacity:.5;
VeilOpacity					= -moz-opacity:.5;	opacity:.5;
DndOpacity					= -moz-opacity:.7;	opacity:.7;
FullOpacity					= -moz-opacity:1;	opacity:1;
#ENDIF


#IFDEF MSIE
Icon-disabled				= filter:alpha(opacity=50);
ToastOpacity				= filter:alpha(opacity=95);
HalfOpacity					= filter:alpha(opacity=50);
VeilOpacity					= filter:alpha(opacity=50);
DndOpacity					= filter:alpha(opacity=70);
FullOpacity					= filter:alpha(opacity=100);
#ENDIF


################
#	CURSORS - Use these rather than setting the properties directly in CSS to avoid x-platform wierdness
################
InactiveCursor				= cursor: default;
ActiveCursor				= cursor: pointer;
DisabledCursor				= cursor: default !important; cursor: not-allowed !important;
BusyCursor					= cursor: wait;
TextCursor					= cursor: text;
RowResizeCursor				= cursor: s-resize; cursor:row-resize;
ColResizeCursor				= cursor: e-resize; cursor:col-resize;







################
#   Widget sizing
################

WidgetHeight				= height:20px;

ButtonHeight				= height:22px;
TextButtonWidth				= width:60px;
ListItemHeight				= height:18px;
TreeItemHeight				= height:18px; 
AccordionItemHeight			= height:20px;


#IFDEF MSIE	
#ButtonHeight				= @WidgetHeight@
#ENDIF


WidgetHeaderSize			= @WidgetHeight@
WidgetHeaderSize-medium		= height:26px;
WidgetHeaderSize-big		= height:36px;

PickerSize					= width:200px;
SashSize					= 8px

MiniCalButtonSize			= 

TextPaddingSize				= 3px
#IFDEF MSIE
TextPaddingSize				= 0px
#ENDIF
PanelPaddingSize			= 10px
BoxPaddingSize				= 5px
BoxMarginSize				= 5px
SmallBoxPaddingSize			= 2px
SmallBoxMarginSize			= 2px

SmallIconWidth				= 16px
SmallIconHeight				= 16px
BigIconWidth				= 32px
BigIconHeight				= 32px


# The following are derived from the above
PanelPadding				= padding:@PanelPaddingSize@;

TextPadding					= padding-left:@TextPaddingSize@; padding-right:@TextPaddingSize@;
BoxMargin					= margin:@BoxMarginSize@;
BoxPadding				 	= padding:@BoxPaddingSize@;
BoxSpacing					= @BoxPadding@ @BoxMargin@
LeftBoxPadding				= padding-left:@BoxPaddingSize@;

SmallBoxPadding				= padding:@SmallBoxPaddingSize@;
SmallBoxMargin				= margin:@SmallBoxMarginSize@;
SmallBoxSpacing				= @SmallBoxPadding@ @SmallBoxMargin@

AddVerticalSpace			= margin:@BoxMarginSize@ 0;

ImagePadding				= padding-right: @BoxMarginSize@;

SmallIconSize				= width:@SmallIconWidth@; height:@SmallIconHeight@;
BigIconSize					= width:@SmallIconWidth@; height:@SmallIconHeight@;


################
# different separator pieces
################


SeparatorBorder				= border: 1px solid @SeparatorColor@;
LeftSeparator				= border-left: 1px solid @SeparatorColor@;
TopSeparator				= border-top: 1px solid @SeparatorColor@;
BottomSeparator				= border-bottom: 1px solid @SeparatorColor@;
RightSeparator				= border-right:  1px solid @SeparatorColor@;
SeparatorBg					= background-color: @SeparatorColor@; padding: 0px;

	PrettyBottomSeparator		= height:1px; border-bottom:1px solid @SeparatorColor@; @FixIESizeQuirk@
#IFDEF GECKO
	PrettyBottomSeparator	= height:2px; border-bottom:2px solid; @bColor@:@LightSeparatorColor@ @DarkSeparatorColor@;
#ENDIF

LeftSeparator-light			= border-left: 1px solid @LightSeparatorColor@;
TopSeparator-light			= border-top: 1px solid @LightSeparatorColor@;
RightSeparator-light		= border-right: 1px solid @LightSeparatorColor@;
BottomSeparator-light		= border-bottom: 1px solid @LightSeparatorColor@;

SectionLabel				= @Label@ @BottomSeparator@ @FontSize-bigger@



################
#	Syntactic sugar
################
FullSize					= width:100%; height:100%;
FullWidth					= width:100%;
FullHeight					= height:100%;
	
CompactTable				= border-collapse:collapse; border-spacing:0px; padding:0px;
TableFixed					= table-layout:fixed;
NoWrap						= white-space:nowrap; overflow:hidden;

TransparentBg				=




################
#	ROUNDED CORNERS 
#	-- enabled for GECKO and SAFARI(v.3) -- NOT MSIE
################

NoRoundCorners				= 
SmallRoundCorners			= 
MediumRoundCorners			= 
BigRoundCorners				=
HugeRoundCorners			=
TabRoundCorners				=
AppTabRoundCorners			=
RemoveLeftRoundCorners		= 
RemoveTopRoundCorners		= 
RemoveRightRoundCorners		= 
RemoveBottomRoundCorners	= 

#IFNDEF MSIE
NoRoundCorners				= @roundCorners(0)@
SmallRoundCorners			= @roundCorners(1px)@
MediumRoundCorners			= @roundCorners(2px)@
BigRoundCorners				= @roundCorners(3px)@
HugeRoundCorners			= @roundCorners(14px)@
TabRoundCorners				= @roundCorners(3px 3px 0px 0px)@
AppTabRoundCorners			= @roundCorners(3px 3px 0px 0px)@
RemoveLeftRoundCorners		= @blRadius@:0px;	@tlRadius@:0px;
RemoveTopRoundCorners		= @trRadius@:0px;	@tlRadius@:0px;
RemoveRightRoundCorners		= @brRadius@:0px;	@trRadius@:0px;
RemoveBottomRoundCorners	= @brRadius@:0px;	@blRadius@:0px;
#ENDIF




#
###	Browser workarounds
#

DisableSelection			= user-select: none; 
FixBoxModel					=
OverflowEllipsis			= 
WordWrapPRE					= white-space: pre; /* CSS2 */	# from http://tinyurl.com/rw2jw
VerticalScrollOverflow		= overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow-y:auto;
FixIESizeQuirk				= font-size:1px; line-height: 1px;


#IFDEF GECKO
FixBoxModel					= -moz-box-sizing:border-box;
DisableSelection			= -moz-user-select: none;
WordWrapPRE					= white-space: -moz-pre-wrap;
#ENDIF

#IFNDEF GECKO
WordWrapPRE					= white-space: -hp-pre-wrap; /* HP printers */	white-space: pre-wrap; /* CSS 2.1 */	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
#ENDIF

#IFDEF SAFARI
FixBoxModel					= box-sizing:border-box; -webkit-box-sizing:border-box;
DisableSelection			= -khtml-user-select: none;
#ENDIF

#IFDEF OPERA
WordWrapPRE					= white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */
#ENDIF


#IFDEF MSIE
WordWrapPRE					= word-wrap: break-word; /* IE */
OverflowEllipsis			= text-overflow: ellipsis;
#ENDIF



################
#	SHORTHAND FOR SETTING ADVANCED CSS PROPERTIES 
#	-- Use these above so we can more easily support browsers 
#		that have these properties, as the property names are often
#		-moz-XXX or -webkit-XXX
#
# TODO: add shadows for webkit ?
################
lColor						= border-left-color
tColor						= border-top-color
rColor						= border-right-color
bColor						= border-bottom-color

PopupShadow					= 

#IFDEF GECKO
lColor						= -moz-border-left-colors
tColor						= -moz-border-top-colors
rColor						= -moz-border-right-colors
bColor						= -moz-border-bottom-colors

borderRadius				= -moz-border-radius
tlRadius					= -moz-border-radius-topleft
trRadius					= -moz-border-radius-topright
blRadius					= -moz-border-radius-bottomleft
brRadius					= -moz-border-radius-bottomright
#ENDIF

#IFDEF SAFARI
borderRadius			 	= -webkit-border-radius
tlRadius					= -webkit-border-top-left-radius
trRadius					= -webkit-border-top-right-radius
blRadius					= -webkit-border-bottom-left-radius
brRadius					= -webkit-border-bottom-right-radius

PopupShadow 				= -webkit-box-shadow:5px 5px 5px #666666;
#ENDIF



