/* Stylesheet for tabs specific styles */

/* Container for tab */
td.tabContainer
{
	padding-left:					4px;
	vertical-align:					top;
}

/* Tab items container parent */
td.tabItemsTd
{
	background-color:				#897b52;
	padding:						0px;	/* fuck MSIE */
	border-top:						1px solid #897b52;
}

/* Tab items container parent in selected tab */
td.tabItemsTdSel
{
	border-top:						1px solid #598595;
	padding:						0px;	/* fuck MSIE */
}

/* Tab items container */
div.tabItemsDiv
{
	padding-top:					4px;
}

/* Tab items container for tools tab */
div.tabToolsItemsDiv
{
	padding-top:					4px;
	padding-bottom:					2px;
}

/* Tab items container for tab with selected channel */
div.tabItemsDivSel
{
	border-top:						4px solid #598595;
}

/* Tab header container */
td.tabsHeaderContainer
{
	padding:						0px; /* MSIE hack */
}

/* Left bottom corner of tab */
td.tabsCornerLB
{
	padding:						0px; /* MSIE hack */
	background:						url(../img/khaki.gif) no-repeat bottom left;
	width:							4px;
	height:							4px;
	min-width:						4px;
	min-height:						4px;
}

/* Left bottom corner of selected tab */
td.tabsCornerLBSel
{
	background:						url(../img/to_khaki.gif) no-repeat bottom left;
}

/* Left top corner of tab */
td.tabsCornerLT
{
	padding:						0px; /* MSIE hack */
	background:						url(../img/khaki.gif) no-repeat top left;
	width:							4px;
	height:							8px;
	min-width:						4px;
	min-height:						4px;
}

/* Left top corner of selected tab */
td.tabsCornerLTSel
{
	background:						url(../img/to_khaki.gif) no-repeat top left;
}

/* Right bottom corner of tab */
td.tabsCornerRB
{
	background:						url(../img/khaki.gif) no-repeat bottom right;
	width:							4px;
	height:							4px;
	min-width:						4px;
	min-height:						4px;
	font-size:						6px;
	padding:						0px; /* MSIE hack */
}

/* Right bottom corner of selected tab */
td.tabsCornerRBSel
{
	background:						url(../img/to_khaki.gif) no-repeat bottom right;
}

/* Right top corner of tab */
td.tabsCornerRT
{
	padding:						0px; /* MSIE hack */
	background:						url(../img/khaki.gif) no-repeat top right;
	width:							4px;
	height:							8px;
	min-width:						4px;
	min-height:						4px;
}

/* Right top corner of selected tab */
td.tabsCornerRTSel
{
	background:						url(../img/to_khaki.gif) no-repeat top right;
}

/* Tab caption text */
td.tabsCaption
{
	background-color:				#897b52;
	font-size:						12px;
	font-weight:					bold;
	padding-top:					6px;
	padding-bottom:					0px;
	padding-left:					8px;
	padding-right:					12px;
	vertical-align:					middle;
	text-align:						left;
	white-space:					nowrap;
	color:							#ffffff;
}

/* Caption text of selected tab */
td.tabsCaptionSel
{
	background-color:				#598595;
}

/* Container of one item of tab */
td.tabsItemTd
{
	color:							#000033;
	vertical-align:					top;
	text-align:						left;
	padding:						0px;
	padding-left:					0px;
	padding-right:					0px;
}

/* Tool strip in the tab */
td.tabsIcons
{
	padding-left:					8px;
	padding-right:					8px;
	width:							100%;
}

/* Tool strip in the marked tab */
td.tabsIconsSel
{
	background-color:				#598595;
}

/* Item of the tab */
div.tabsItemDiv
{
	color:							#d5d5d5;
	padding-left:					12px;
	padding-top:					2px;
	padding-bottom:					2px;
	padding-right:					16px;
	cursor:							pointer;
}

div.tabsItemDiv:hover
{
	color:							#ffffff;
}

/* Item of selected */
div.tabsItemDivSel
{
	background-color:				#598595;
}

/* Actual channel */
div.tabsItemDivMark
{
	color:							#ffffff;
	background:						url(../img/arr_blu.gif) no-repeat center left;
}

/* Left bottom corner of tools tab */
td.tabsToolsLB
{
	background:						url(../img/add_khaki.gif) no-repeat bottom left;
	width:							4px;
	height:							4px;
	min-width:						4px;
	min-height:						4px;
	padding:						0px; /* MSIE hack */
}

/* Right bottom corner of tools tab */
td.tabsToolsRB
{
	background:						url(../img/add_khaki.gif) no-repeat bottom right;
	width:							4px;
	height:							4px;
	min-width:						4px;
	min-height:						4px;
	padding:						0px; /* MSIE hack */
}

/* Left top corner of tools tab */
td.tabsToolsLT
{
	background:						url(../img/add_khaki.gif) no-repeat top left;
	width:							4px;
	height:							8px;
	min-width:						4px;
	min-height:						8px;
	padding:						0px; /* MSIE hack */
}

/* Right top corner of tools tab */
td.tabsToolsRT
{
	background:						url(../img/add_khaki.gif) no-repeat top right;
	width:							4px;
	height:							8px;
	min-width:						4px;
	min-height:						8px;
	padding:						0px; /* MSIE hack */
}

/* Caption of tools tab */
td.tabsToolsCaption
{
	font-size:						12px;
	font-weight:					bold;
	padding-top:					6px;
	padding-bottom:					0px;
	padding-left:					8px;
	padding-right:					12px;
	vertical-align:					middle;
	text-align:						left;
	white-space:					nowrap;
	color:							#ffffff;
	background-color:				#3d758e;
}

/* Bottom Web Kit hack for tools tab */
td.tabsToolsB
{
	background:						#3d758e;
	height:							2px;
	width:							70%;
}

/* Background of tools tab */
td.tabsToolsBg
{
	background:						#3d758e;
	padding-bottom:					2px;
	border-top:						1px solid #3d758e;
}

/* Common icon style in tab tools strip */
div.tabsToolsIco
{
	padding-left:					16px;
	font-size:						9px;
	height:							14px;
	text-transform:					uppercase;
	color:							#878787;
	float:							left;
	cursor:							pointer;
}

/* Edit tool in tab */
div.tabsToolsIcoEdit
{
	background:						url(../img/edit.gif) no-repeat top left;
}

/* Remove tool in tab */
div.tabsToolsIcoRemove
{
	background:						url(../img/remove.gif) no-repeat top left;
}

/* Show action icon */
div.tabsToolsIcoShow
{
	width:							100%;
	background:						url(../img/arr_bottom.gif) no-repeat center right;
	padding-right:					8px;
	cursor:							pointer;
}

/* Hide action icon */
div.tabsToolsIcoHide
{
	width:							100%;
	background:						url(../img/arr_top.gif) no-repeat center right;
	padding-right:					8px;
	cursor:							pointer;
}