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

.UIHorizontalTabs {
}

.UIHorizontalTabs .CenterHorizontalTabs {
	/*overflow-y: hidden;*/
	background: url('background/NormalTabStyle.gif') repeat-x center top;
	padding: 0px 6px;
}

.UIHorizontalTabs .TabsContainer {
 	height: 24px;
}

.UIHorizontalTabs .UITab {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	font-weight: bold;
	text-align: center;
	width: auto;
}

/*###########################-- NormalTabStyle --############################*/

.UIHorizontalTabs .NormalTabStyle .NormalTab {
	line-height: 24px; 
	margin-right: 1px; 
	color: #202020; 
	font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab a {
	line-height: 24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .LeftTab {
	padding-left: 12px; /* orientation=lt */
	padding-left: 3px; /* orientation=rt */
	line-height: 24px;
	background: url('background/NormalTabStyle.gif') no-repeat left -24px; /* orientation=lt */
	background: url('background/NormalTabStyle-rt.gif') no-repeat left -24px; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .RightTab {
	line-height: 24px;
	padding-right: 3px; /* orientation=lt */
	padding-right: 12px; /* orientation=rt */
	background: url('background/NormalTabStyle.gif') no-repeat right -24px; /* orientation=lt */
	background: url('background/NormalTabStyle-rt.gif') no-repeat right -24px; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .MiddleTab {
	line-height: 24px;
	background: url('background/NormalTabStyle.gif') repeat-x center -48px;
	cursor: pointer;
	padding: 0px 8px;
	text-align: right; /* orientation=rt */
	white-space: nowrap; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab {
	line-height: 24px;
	margin-right: 1px;
	color: #0666d2; 
	font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab {
	line-height: 24px;
	padding-left: 12px; /* orientation=lt */
	padding-left: 3px; /* orientation=rt */
	background: url('background/NormalTabStyle.gif') no-repeat left -72px; /* orientation=lt */
	background: url('background/NormalTabStyle-rt.gif') no-repeat left -72px; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .RightTab {
	line-height: 24px;
	padding-right: 3px; /* orientation=lt */
	padding-right: 12px; /* orientation=rt */
	background: url('background/NormalTabStyle.gif') no-repeat right -72px; /* orientation=lt */
	background: url('background/NormalTabStyle-rt.gif') no-repeat right -72px; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .MiddleTab {
	line-height: 24px;
	background: url('background/NormalTabStyle.gif') repeat-x center -96px;
	cursor: pointer;
	padding: 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab {
	line-height: 24px;
	margin-right: 1px;
	color: #307dcc; 
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab {
	line-height: 24px;
	padding-left: 15px; /* orientation=lt */
	padding-left: 3px; /* orientation=rt */
	background: url('background/NormalTabStyle.gif') no-repeat left -120px; /* orientation=lt */
	background: url('background/NormalTabStyle-rt.gif') no-repeat left -120px; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .RightTab {
	line-height: 24px;
	padding-right: 3px; /* orientation=lt */
	padding-right: 15px; /* orientation=rt */
	background: url('background/NormalTabStyle.gif') no-repeat right -120px;  /* orientation=lt */
	background: url('background/NormalTabStyle-rt.gif') no-repeat right -120px; /* orientation=rt */
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .MiddleTab {
	line-height: 24px;
	background: url('background/NormalTabStyle.gif') repeat-x center -144px;
	cursor: pointer;
	font-weight: normal;
	padding: 0px 8px;
	text-align: right; /* orientation=rt */
	white-space: nowrap; /* orientation=rt */
}

/*###########################-- MessageTabDialog --############################*/
/*==============================NormalTab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog {
	padding-top: 1px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab {
	line-height: 31px;
	margin-right: 1px; /* orientation=lt */
	margin-left: 1px; /* orientation=rt */
	color: #202020; font-weight: normal;
	overflow: hidden; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab {
	padding-left: 2px; /* orientation=lt */
	padding-right: 2px; /* orientation=rt */
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab {
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab {
	line-height: 31px;
	cursor: pointer;
	padding: 4px 8px 5px 4px; /* orientation=lt */
	padding: 4px 4px 5px 8px; /* orientation=rt */
	color: black; 
	font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{
	color: orange;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon {
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
	line-height: 21px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -105px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -105px; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -21px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -21px; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -63px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -63px; /* orientation=rt */
}

/*==============================Disable Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .DisabledTab {
	line-height: 31px;
	margin-right: 2px; /* orientation=lt */
	margin-left: 2px; /* orientation=rt */
	color: #202020; font-weight: normal;
	overflow: hidden; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab {
	padding-left: 2px; /* orientation=lt */
	padding-right: 2px; /* orientation=rt */
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab {
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab {
	line-height: 31px;
	cursor: pointer;
	padding: 4px 8px 5px 4px; /* orientation=lt */
	padding: 4px 4px 5px 8px; /* orientation=rt */
	color: gray;	
	font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon { 
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
	line-height: 21px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -84px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -84px; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left top; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right top; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -42px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -42px; /* orientation=rt */
}

/*==============================Selected Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .SelectedTab {
	line-height: 27px;
	color: #058ee6;
	margin-right: 2px; /* orientation=lt */
	margin-left: 2px; /* orientation=rt */
	overflow: hidden; /* orientation=rt */
 }

.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab {
	line-height: 31px;
	padding-left: 2px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat left -126px; /* orientation=lt */
	background: url('background/MessageTabDialog-rt.gif') no-repeat left -126px; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .RightTab {
	line-height: 31px;
	padding-right: 2px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -126px; /* orientation=lt */
	background: url('background/MessageTabDialog-rt.gif') no-repeat right -126px; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
	line-height: 31px;
	background: url('background/MessageTabDialog.gif') repeat-x center -156px;
	cursor: pointer;
	padding: 4px 8px 5px 4px; /* orientation=lt */
	padding: 4px 4px 5px 8px; /* orientation=rt */
	color: #058ee6;	font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab	div:hover{
	color: orange;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon {
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
	line-height: 21px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -105px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -105px; /* orientation=rt */

}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -21px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -21px; /* orientation=rt */
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon {
	background: url('background/MessageTabDialog.gif') no-repeat left -63px; /* orientation=lt */
	background: url('background/MessageTabDialog.gif') no-repeat right -63px; /* orientation=rt */
}

/***************************** GrayTabStyle ************************/
.UIHorizontalTabs .GrayTabStyle {
	margin-right: 2px; /* orientation=lt */
	margin-left: 2px; /* orientation=rt */
}

.UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab {
	background: url(background/TabEditInline.gif) no-repeat left top;
	padding-left: 4px;
	cursor: pointer;
}

.UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab {
	background: url(background/TabEditInline.gif) no-repeat right top;
	padding-right: 4px;
}

.UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab {
	background: url(background/TabEditInline.gif) repeat-x left -25px;
	line-height: 24px;
	color: #000; 
	padding: 0px 8px;
	font-weight: normal;
}

.UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab {
	background: url(background/TabEditInline.gif) no-repeat left -50px;
	padding-left: 4px;
	cursor: pointer;
}

.UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab {
	background: url(background/TabEditInline.gif) no-repeat right -50px;
	padding-right: 4px;
}

.UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab {
	background: url(background/TabEditInline.gif) repeat-x left -75px;
	line-height: 24px;
	color: #000; 
	padding: 0px 8px;
	font-weight: normal;
}