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

/*#######################-VTabSimpleStyle VerticalSlideTabs-######################*/
	
.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab{
	cursor: pointer;
	line-height: 26px;
	background: #fafafa url(background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	height: 26px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab .LeftIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 16px;	height: 16px;
	background: url('background/BlueNextArrow.gif') no-repeat;
	margin: 6px 0px 0px 3px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab .TabLabel {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: 22px; line-height: 22px;	
	color: #606060; font-weight: bold;
	text-transform: capitalize;
}

/***-SelectedTab VTabSimpleStyle VerticalSlideTabs-***/

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab {
	cursor: pointer;
	background: #e5e5e5 url(background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	height: 26px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .LeftIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 16px;	height: 16px;
	background: url('background/BlueDownArrow.gif') no-repeat;
	margin: 4px 0px 0px 3px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .TabLabel {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: 26px; 
	line-height: 26px;	
	color: #058ee6; 
	font-weight: bold; 
	text-transform: capitalize;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlContainer {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	padding-right: 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 4px 2px 0px 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .EditIcon{
	width: 16px;	
	height: 17px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .DeleteIcon{
	width: 20px;	height: 17px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
}

.UIVerticalSlideTabs .VTabSimpleStyle .UIVTabContent {
	background: #ffffff url(background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	padding: 10px;
	margin: 1px 0px 1px 1px;
	text-transform: capitalize;
}


/*#######################-VTabStyle3 VerticalSlideTabs-######################*/

.UIVerticalSlideTabs .VTabStyle3 {
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLeft {
	padding-left: 4px;
	background: url('background/VTabStyle3.gif') no-repeat left top;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabRight {
	padding-right: 4px;
	background: url('background/VTabStyle3.gif') no-repeat right top;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabRepeat {
	height: 26px;
	background: url('background/VTabStyle3.gif') repeat-x left -26px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .LeftIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow-rt.gif') no-repeat; /* orientation=rt */
	margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLabel {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: 26px; line-height: 26px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .SwitchButton {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat;
	margin: 6px 3px 0px 0px; /* orientation=lt */
	margin: 6px 0px 0px 3px; /* orientation=rt */
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .UIVTabContent {
	background: #ffffff;
	border: solid 1px #b2b1b1;
	padding: 5px;
	margin: 1px 0px;
}

/***-SeltectedTab VerticalSlideTabs-***/

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab {
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabLeft {
	padding-left: 3px;
	background: url('background/VTabStyle3.gif') no-repeat left -52px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabRight {
	padding-right: 3px;
	background: url('background/VTabStyle3.gif') no-repeat right -52px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabRepeat {
	height: 26px;
	background: url('background/VTabStyle3.gif') repeat-x bottom;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .LeftIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat;
	margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabLabel {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: 26px; line-height: 26px;	
	color: blue;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .SwitchButton {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat;
	margin: 6px 3px 0px 0px; /* orientation=lt */
	margin: 6px 0px 0px 3px; /* orientation=rt */
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .UIVTabContent {
	background: #ffffff;
	border: solid 1px #b2b1b1;
	margin: 1px 0px;
	padding: 5px;
}

/************************************************/

.UIVerticalSlideTabs .VTabStyle4 {
	border: 1px solid #b8babf;
	margin-bottom: 2px;
}

.UIVerticalSlideTabs .VTabStyle4 .NormalTab	{
	background: #dadada url(background/VTabStyle4.gif) repeat-x left top;
	line-height: 21px;
	padding: 0px 0px 0px 8px;
	text-align: left; /* orientation=rt */
}

.UIVerticalSlideTabs .VTabStyle4 .NormalTab .TabLabel {
	overflow: hidden;
	color: #000;
	text-transform: capitalize;
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle4 .SelectedTab {
	background: transparent url(background/VTabStyle4.gif) repeat-x left top;
	line-height: 21px;
	padding: 0px 0px 0px 8px;
	cursor: pointer;
	margin-bottom: 1px;
	text-align: left; /* orientation=rt */
}

.UIVerticalSlideTabs .VTabStyle4 .SelectedTab .TabLabel {
	color: #000;
	text-transform: capitalize;
}

.UIVerticalSlideTabs .VTabStyle4 .LabelTab {
	color: #6d6d6d;
	font-weight: bold;
	margin-bottom: 5px;
}

.UIVerticalSlideTabs .VTabStyle4 .LableText {
	color: #6d6d6d;
}

.UIVerticalSlideTabs .VTabStyle4 .UIVTabContent	{
	background: white;
	padding: 0px;
}

.UIVerticalSlideTabs .VTabStyle4 .UIVTabContent .OverflowContainer {
	_width: 92%;
	_padding: 7px 0px;
}

.UIVerticalSlideTabs .VTabStyle4 .VTabContentBG {
	background: url(background/VTabContentBG.gif) repeat-x left top;
	padding: 7px;
	_padding: 0px 7px;
}

.UIVerticalSlideTabs .VTabStyle4 .VTabContentBG img {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 0px 4px 0px 0px; /* orientation=lt */
	margin: 0px 0px 0px 4px; /* orientation=rt */
}

.UIVerticalSlideTabs .VTabStyle4 .VTabContentBG .ContentInfo {
	padding-top: 15px;
}

.UIVerticalSlideTabs .VTabStyle4 .UIVTabContent .TabLable {
	overflow: hidden;
	width: 70%;
}