/**
 * Copyright (C) 2003-2007 eXo Platform SAS.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Affero General Public License
 * as published by the Free Software Foundation; either version 3
 * of the License, or (at your option) any later version.
 *
 * 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<http://www.gnu.org/licenses/>.
 */
/**
 * Created by The eXo Platform SARL
 * Modifier : Nguyen Ngoc Thuy
 * April 23, 2007
 * version: $Id$
 */

.UINavigationPortlet {
	background: #b6b6b6;
	padding: 0px 8px;
}
	
.UINavigationPortlet .UINavigationBar {
	white-space: nowrap;
}

.UINavigationPortlet .UINavigationBar .UIHorizontalTabs {
	height: 33px;
}

.UINavigationPortlet .UINavigationBar .UIHorizontalTabs .TabsContainer {
	float: none;
}

*+html .UINavigationPortlet .UINavigationBar .UIHorizontalTabs .TabsContainer {	
	position: relative;
}

.UINavigationPortlet .UINavigationBar .LeftNavigationBar {
	background: url('DefaultSkin/background/LeftNavigation.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/LeftNavigation-rt.gif') no-repeat right top; /* orientation=rt */
	padding-left: 3px; /* orientation=lt */
	padding-right: 3px; /* orientation=rt */
	height: 32px;
}

.UINavigationPortlet .UINavigationBar .RightNavigationBar {
	background: url('DefaultSkin/background/RightNavigation.gif') no-repeat right top; /* orientation=lt */
	background: url('DefaultSkin/background/RightNavigation-rt.gif') no-repeat left top; /* orientation=rt */
	padding-right: 3px; /* orientation=lt */
	padding-left: 3px; /* orientation=rt */
	height: 32px;
}

.UINavigationPortlet .UINavigationBar .MiddleNavigationBar {
	height: 32px;
	background: url('DefaultSkin/background/MiddleNavigation.gif') repeat-x;
	padding: 0px 8px 0px 8px; 
}

.UINavigationPortlet .UITab a.TabLabel {
	display: block;
	padding: 0px 0px 0px 20px; /* orientation=lt */
	padding: 0px 20px 0px 0px; /* orientation=rt */
	background-position: left; /* orientation=lt */
	background-position: right; /* orientation=rt */
}

.UINavigationPortlet .UITab a.DefaultPageIcon {
	background: none;
	padding: 0px;
}

/*###########################--NavigationTabTab--############################*/

.UINavigationPortlet .UITab .NormalNavigationTab {
	line-height: 26px; 
	margin: 6px 8px 0px 0px; 
}

.UINavigationPortlet .UITab .NormalNavigationTab .LeftTab {
	line-height: 21px;
	padding-left: 3px;
}

.UINavigationPortlet .UITab .NormalNavigationTab .RightTab {
	line-height: 21px; 
	padding-right: 3px;
}

.UINavigationPortlet .UITab .NormalNavigationTab .MiddleTab {
	line-height: 21px;
	text-align: center;
	padding: 0px 4px 0px 4px;
}

.UINavigationPortlet .UITab .NormalNavigationTab .TabIcon {
	color: #fff;
	line-height: 21px;
}

.UINavigationPortlet .UITab .NormalNavigationTab a {
	color: #fff;
}

.UINavigationPortlet .UITab .NormalNavigationTab .DropDownArrowIcon {
	padding-right: 16px; /* orientation=lt */
	padding-left: 16px; /* orientation=rt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right; /* orientation=lt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left; /* orientation=rt */
	cursor: pointer;
}

/*###############-Hightlight Navigation Tab	-################*/

.UINavigationPortlet .UITab .HighlightNavigationTab {
	line-height: 26px;
	margin: 6px 8px 0px 0px; 
}

.UINavigationPortlet .UITab .HighlightNavigationTab .LeftTab {
	line-height: 26px; 
	padding-left: 3px;
	background: url('DefaultSkin/background/NavigationTab.gif') no-repeat left -108px;
}

.UINavigationPortlet .UITab .HighlightNavigationTab .RightTab {
	line-height: 26px; 
	padding-right: 3px;
	background: url('DefaultSkin/background/NavigationTab.gif') no-repeat right -130px;
}

.UINavigationPortlet .UITab .HighlightNavigationTab .MiddleTab {
	height: 21px; 
	text-align: center;
	padding: 0px 4px 0px 4px;
	background: #6d94c8;
	margin-bottom: 4px;
}

.UINavigationPortlet .UITab .HighlightNavigationTab .TabIcon {
	color: #fff;
	line-height: 21px;
}

.UINavigationPortlet .UITab .HighlightNavigationTab a {
	color: #fff;
}

.UINavigationPortlet .UITab .HighlightNavigationTab .DropDownArrowIcon {
	padding-right: 16px; /* orientation=lt */
	padding-left: 16px; /* orientation=rt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right; /* orientation=lt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left; /* orientation=rt */
	cursor: pointer;
}

/*###############-Selected Navigation Tab-################*/

.UINavigationPortlet .UITab .SelectedNavigationTab {
	line-height: 26px; 
	margin: 6px 8px 0px 0px; 
}

.UINavigationPortlet .UITab .SelectedNavigationTab .LeftTab {
	line-height: 21px; 
	background: url('DefaultSkin/background/NavigationTab.gif') no-repeat left -28px;
	padding-left: 3px;
}

.UINavigationPortlet .UITab .SelectedNavigationTab .RightTab {
	line-height: 21px; 
	background: url('DefaultSkin/background/NavigationTab.gif') no-repeat right -55px;
	padding-right: 3px;
}

.UINavigationPortlet .UITab .SelectedNavigationTab .MiddleTab {
	line-height: 21px;
	background: url('DefaultSkin/background/NavigationTab.gif') repeat-x;
	text-align: center;
	padding: 0px 4px 0px 4px;
}

.UINavigationPortlet .UITab .SelectedNavigationTab .TabIcon {
	color: #f57a00;
	line-height: 21px;
	padding-bottom: 5px;
	background: url('DefaultSkin/background/NavigationTab.gif') no-repeat center -82px;
}

.UINavigationPortlet .UITab .SelectedNavigationTab a {
	color: #f57a00;
}

.UINavigationPortlet .UITab .SelectedNavigationTab .DropDownArrowIcon {
	padding-right: 16px; /* orientation=lt */
	padding-left: 16px; /* orientation=rt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right center;	/* orientation=lt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left center; /* orientation=rt */
	cursor: pointer;
}

.UINavigationPortlet .MenuItemContainer {
	white-space: nowrap;
	border: solid #b7b7b7 1px;
	text-align: left; /* orientation=lt */
	text-align: right; /* orientation=rt */
}

.UINavigationPortlet .MenuItemContainer .MenuItemDecorator {
	border: 1px solid #fcfcfc;
	background: white;
	padding-bottom: 6px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.UINavigationPortlet .MenuItemContainer .MenuItem {
	border-bottom: 1px solid #fff;
	cursor: pointer;
	line-height: 24px;
	height: 24px;
	width: auto;
	display: block;
	white-space: nowrap;
	font-weight: normal;
	padding-left: 5px; /* orientation=lt */
	padding-right: 5px; /* orientation=rt */
}

.UINavigationPortlet .MenuItemContainer .MenuItem a {
	padding: 0px 20px 0px 25px; /* orientation=lt */
	padding: 0px 25px 0px 20px; /* orientation=rt */
	display: block;
}

.UINavigationPortlet .MenuItemContainer .MenuItem a:hover {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer .SelectedItem {
	line-height: 24px;
	width: auto; 
	background: #c7c7c7;
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer .SelectedItem a {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer	.SelectedItem .NormalItem a {
	color: #000;
}

.UINavigationPortlet .MenuItemContainer	.SelectedItem .NormalItem a:hover {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer	.NormalItem .SelectedItem a {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer .ItemIcon {
	height: 24px;
	width: auto;
}

.UINavigationPortlet .MenuItemContainer .MenuItem .ArrowIcon {
	height: 24px; 
	width: auto;
	background: url('DefaultSkin/background/Button.gif') no-repeat right -48px; /* orientation=lt */ 
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -48px; /* orientation=rt */ 
}	

/*============ Scroll Buttons =====================*/

.UINavigationPortlet .ScrollButtons {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	padding-top: 10px;
	display: none;
}

.UINavigationPortlet .ScrollLeftButton {
	cursor: pointer;
	background: url('DefaultSkin/background/Button.gif') no-repeat left -15px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat right -15px; /* orientation=rt */
	width: 10px;
	height: 15px;
	padding-left: 12px; /* orientation=lt */
	padding-right: 12px; /* orientation=rt */
	margin: 0px 5px;
}

.UINavigationPortlet .ScrollRightButton {
	cursor: pointer;
	background: url('DefaultSkin/background/Button.gif') no-repeat right -15px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -15px; /* orientation=rt */
	width: 10px;
	height: 15px;
}

.UINavigationPortlet .DisableScrollLeftButton {
	cursor: pointer;
	background: url('DefaultSkin/background/Button.gif') no-repeat left -30px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat right -30px; /* orientation=rt */
	width: 10px;
	height: 15px;
	padding-left: 12px; /* orientation=lt */
	padding-right: 12px; /* orientation=rt */
	margin: 0px 5px;
}

.UINavigationPortlet .DisableScrollRightButton { 
	cursor: pointer;
	background: url('DefaultSkin/background/Button.gif') no-repeat right -30px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -30px; /* orientation=rt */
	width: 10px;
	height: 15px;
}

.UINavigationPortlet .HighlightScrollLeftButton {
	cursor: pointer;
	background: url('DefaultSkin/background/Button.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat right top; /* orientation=rt */
	width: 10px;
	height: 15px;
	padding-left: 12px; /* orientation=lt */
	padding-right: 12px; /* orientation=rt */
	margin: 0px 5px;
}

.UINavigationPortlet .HighlightScrollRightButton {
	cursor: pointer;
	background: url('DefaultSkin/background/Button.gif') no-repeat right top; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left top; /* orientation=rt */
	width: 10px;
	height: 15px;
}