@CHARSET "UTF-8";
.xTabFolder
{
	list-style       : none; 
	margin           : 0px; 
	padding          : 0px;
}

/* selected text background will not be changed */
.tab-title::selection 
{
	background       : inherit;
}

/* selected text background will not be changed */
/* special solution for firefox                 */
.tab-title::-moz-selection 
{
	background       : inherit;
}

/* Title */
.xTabFolder .tab-title
{
	margin           : 0px;
	padding          : 0px;
	background-color : #989493;
	cursor           : pointer;
	float            : left;
	height           : 16px; 	
}

/* selected */
.xTabFolder .tab-title-selected
{

	background-color : #990000;
	cursor           : default;
}

/* title text */
.xTabFolder .tab-title-text
{
    padding          : 0px;
    margin           : 0px;
    font-weight      : bold;
    font-size        : 9px; 
	padding-left     : 10px;
	padding-right    : 10px;
	color            : white;
	
	vertical-align   : text-bottom;
}

/* last image */
.xTabFolder .tab-title-end
{
	background-color : white;  
	vertical-align   : top;
}

.xTabFolder img.tab-title-end
{
	background       : white url(../images/xTabFolder/right.gif);
}

.xTabFolder .tab-title-selected img.tab-title-end
{
	background       : white url(../images/xTabFolder/selected-right.gif);
}

.xTabFolder .before-selected img.tab-title-end 
{
	display          : none;
}

/* last image on the last tab */
.xTabFolder .tab-title-last img.tab-title-end 
{
	background       : white url(../images/xTabFolder/last.gif);
}

            
.xTabFolder .tab-title-last-selected img.tab-title-end 
{
	background       : white url(../images/xTabFolder/last-selected.gif);
}
/*
 This is another correct solution 
 for normal browsers.
.xTabFolder .tab-title-last[class~="tab-title-selected"] img.tab-title-end
{
	background       : white url(../images/xTabFolder/last-selected.gif);
}
*/

.xTabFolder .tab-title-begin
{
	padding          : 0px; 
	margin           : 0px;
  
	float            : left;
	display          : none;
}

.xTabFolder .tab-title-selected .tab-title-begin
{
	display          : inline;	
	background       : white url(../images/xTabFolder/selected-left.gif);
}

.xTabFolder .tab-title-first .tab-title-begin
{
	display          : none;
}

.xTabFolder .tab  
{
	border           : 0px solid #990000;
	border-top       : 1px solid #c2c2c2;	
}