/**
 * Copyright (C) 2009 eXo Platform SAS.
 * 
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 2.1 of
 * the License, or (at your option) any later version.
 * 
 * This software 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
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */

.UIWidgets {
	padding: 10px 0px 0px 0px;
}

.UIWidgets .ItemSelectorContainer .EditIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 20px; height: 21px;
	background: url('background/WidgetControlIcon.gif') no-repeat top; /* orientation=lt */
	background: url('background/WidgetControlIcon-rt.gif') no-repeat top; /* orientation=rt */
	cursor: pointer;
	margin: 2px 0px;
}

.UIWidgets .ItemSelectorContainer .UIDropDownControl {
	width: 215px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin-top: 2px;
}

.UIWidgets .WidgetDecorator {
	width: 236px;
}

.UIWidgets .WidgetDecorator .TopLeftWidgetsDecorator {
	background: url(background/UIWidgets.gif) no-repeat top left;
	padding-left: 2px;
	height: 2px;
}

.UIWidgets .WidgetDecorator .TopRightWidgetsDecorator {
	background: url(background/UIWidgets.gif) no-repeat top right;
	padding-right: 2px;
	height: 2px;
}

.UIWidgets .WidgetDecorator .TopCenterWidgetsDecorator {
	background: url(background/UIWidgets.gif) repeat-x center -2px;
	height: 2px;	
}

.UIWidgets .WidgetDecorator .MiddleLeftWidgetsDecorator {
	background: url(background/MiddleLeftUIWidgets.gif) repeat-y left;
	padding-left: 2px;
}

.UIWidgets .WidgetDecorator .MiddleRightWidgetsDecorator {
	background: url(background/MiddleRightUIWidgets.gif) repeat-y right;
	padding-right: 2px;
}

.UIWidgets .WidgetDecorator .MiddleCenterWidgetsDecorator {
}

.UIWidgets .WidgetDecorator .WidgetsDecoratorBackground {
	padding: 5px;
}

.UIWidgets .WidgetDecorator .BottomLeftWidgetsDecorator{
	background: url(background/UIWidgets.gif) no-repeat left -4px;
	padding-left: 2px;
	height: 2px; 
}

.UIWidgets .WidgetDecorator .BottomRightWidgetsDecorator{
	background: url(background/UIWidgets.gif) no-repeat right -4px;
	padding-right: 2px;
	height: 2px; 
}

.UIWidgets .WidgetDecorator .BottomCenterWidgetsDecorator{
	background: url(background/UIWidgets.gif) repeat-x center -6px;
	height: 2px; 
}

/***************************************	UIWidgetContainer	 **************************************/

.UIWidgetContainer {
}

.UIWidgetContainer .WidgetContainerScrollArea {
	overflow: hidden;	
}

.UIWidgetContainer .WidgetNavigator {
	height: 27px;
	width: 75px;
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
}

.UIWidgetContainer .LeftWidgetNavBar {
	height: 25px;
	background: url('background/UIWidgets.gif') no-repeat left -8px;
	padding-left: 4px;	
}

.UIWidgetContainer .RightWidgetNavBar {
	height: 25px;
	background: url('background/UIWidgets.gif') no-repeat right -8px;
	padding-right: 4px;	
}

.UIWidgetContainer .CenterWidgetNavBar {
	height: 25px;
	background: url('background/UIWidgets.gif') repeat-x center -33px;
}

.UIWidgetContainer .WidgetNavigator .Icon {
	height: 16px;
	width: 16px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 4px 0px 0px 4px; /* orientation=lt */
	margin: 4px 4px 0px 0px; /* orientation=rt */
	cursor: pointer;
}	

.UIWidgetContainer .WidgetNavigator .DisableScrollDownButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayDownArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .ScrollDownButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .ScrollUpButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueUpArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .DisableScrollUpButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayUpArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .AddWidgetButton{
	background: url('background/WidgetControlIcon.gif') no-repeat left -21px;	
}

/***************************************	UIWidget	 **************************************/

.UIWidget .WidgetControlBar {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 76px; height: 20px;
	padding-right: 7px; /* orientation=lt */
	padding-left: 7px; /* orientation=rt */
}

.UIWidget .WidgetControl {
	width: 74px; height: 20px;
}

.UIWidget .WidgetApplication {
	padding: 0px 0px 5px 0px;
}

.UIWidget .WidgetControl .LeftControlBar {
	height: 19px;
	background: url('background/UIWidgets.gif') no-repeat left -58px;	
	padding-left: 2px;
}

.UIWidget .WidgetControl .RightControlBar{
	height: 19px;
	background: url('background/UIWidgets.gif') no-repeat right -58px;	
	padding-right: 2px;
}

.UIWidget .WidgetControl .CenterControlBar{
	height: 19px;
	background: url('background/UIWidgets.gif') repeat-x bottom;	
}

.UIWidget .WidgetControl .WidgetDragHandleArea {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 17px; height: 13px;
	cursor: move;
	margin: 3px 3px 0px 3px;
	background: url('background/WidgetDragArea2x2.gif');
}

.UIWorkspacePanel .UIWidget .WidgetControl .WidgetDragHandleArea {
	cursor: auto;
}

.UIWidget .WidgetControl .SeparatorLine {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 2px; height: 13px;
	margin: 3px 3px 0px 3px;
	background: url('background/SeparatorLine2x1.gif') repeat-y;
}

.UIWidget .WidgetControl .EditWidgetIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 3px 0px 0px; /* orientation=lt */
	margin: 2px 0px 0px 3px; /* orientation=rt */
	background: url('background/WidgetControlIcon.gif') no-repeat left -37px;	/* orientation=lt */
	background: url('background/WidgetControlIcon.gif') no-repeat right -37px; /* orientation=rt */
}

.UIWidget .WidgetControl .CloseWidgetIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	background: url('background/WidgetControlIcon.gif') no-repeat left bottom; /* orientation=lt */
	background: url('background/WidgetControlIcon.gif') no-repeat right bottom;	/* orientation=lt */
}
