/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Purpose: the tab css
**
** Created: 2019/12/09
**
** Update:  $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Notes:
**
************************************************************************/

.tabs
{
	margin:         	0px;
	float:          	left;
	height:         	30px;
	visibility:			hidden;
	display:			none;
}

.tab_item
{
	float:            	left;
	height:           	30px;
	position:         	relative;
	margin-left:     	0px;
}

.tab_item_left_active
{
	background-image: 	url(/images/tab/left_active.png);
	width:            	14px;
	float:            	left;
	height:           	30px;
	position:         	relative;
}

.tab_item_middle_active
{
	background-image: 	url(/images/tab/middle_active.png);
	font-size:        	16px;
	font-weight:      	bold;
	color:            	#fa8d04;
	float:            	left;
	height:           	30px;
	position:         	relative;
	text-align:       	center;
	vertical-align:   	middle;
	padding-top:	  	5px;
}

.tab_item_right_active
{
	background-image: 	url(/images/tab/right_active.png);
	width:            	14px;
	float:            	left;
	height:           	30px;
	position:         	relative;
}

.tab_item_left_inactive
{
	background-image: 	url(/images/tab/left_inactive.png);
	width:            	14px;
	float:            	left;
	height:           	30px;
	position:         	relative;
}

.tab_item_middle_inactive
{
	background-image: 	url(/images/tab/middle_inactive.png);
	font-size:        	16px;
	font-weight:      	bold;
	color:            	#768187;
	float:            	left;
	height:           	30px;
	position:         	relative;
	text-align:       	center;
	vertical-align:   	middle;
	padding-top:	  	5px;
}

.tab_item_right_inactive
{
	background-image: 	url(/images/tab/right_inactive.png);
	width:            	14px;
	float:            	left;
	height:           	30px;
	position:         	relative;
}

.tab_item a:link 
{
    color: 				black;
    text-decoration: 	none;
}

.tab_item a:hover 
{
    color: 				black;
    text-decoration: 	none;
}

.tab_item a:visited 
{
    color: 				black;
    text-decoration: 	none;
}

.tab_item a:active 
{
    color: 				black;
    text-decoration: 	none;
}