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

.index_card_stack
{
	height:					auto;
	width:					100%;
	flex:					1;
	display:				flex;
	display:				-webkit-flex;
	display:				-ms-flex;
	flex-direction:			column;
	-webkit-flex-direction: column;
	position:				relative;
	left:					0px;
}

/* standard divs */

.index_card_tab_container
{
	width:					auto;
	height:					auto;
	position:				relative;
	float:					left;
	padding-left:			10px;
}

.index_card_tab_wrapper
{
	width:					auto;
	height:					auto;
	position:				relative;
	float:					left;
	cursor:					pointer;
}

.index_card_tabs
{
	width:					100%;
	height:					20px;
}

.index_card_content_container
{
	width:					auto;
	border-top:				2px solid #029cbf;
	position:               relative;
	float:					left;
	clear:					both;
	webkit-flex:			1;
	flex:					1;
}

.index_card_content_wrapper
{
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					100%;
	width:					100%;
	display:				flex;
	display:				-webkit-flex;
	visibility:				hidden;
	display:				none;
	padding:				10px;
	box-sizing:				border-box;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
}

.index_card_content_bucket
{
	height:					100%;
	min-height:             100px;
	position:               relative;
	visibility:				visible;
	webkit-flex:			1;
	flex:					1;
}

.index_card_content_scroll_area
{
	width:					100%;
	height:					100%;
	position:				relative;
	text-align:				left;
	float:					left;
	overflow:				hidden;
}

.index_card_content
{
	width:					100%;
	height:					100%;
	position:				relative;
	text-align:				left;
	float:					left;
	color:					black;
}

.index_card_tab_left_active
{
	width:					11px;
	height:					20px;
	background-image:   	url(/images/index_card/tab_left_active.png);
	position:				relative;
	float:					left;
}

.index_card_tab_center_active
{
	width:					19px;
	height:					20px;
	position:               relative;
	float:                  left;
	background-image:   	url(/images/index_card/tab_center_active.png);
}

.index_card_tab_title_active
{
	width:					1px;
	height:					20px;
	position:				relative;
	float:					left;
	font-size:           	14px;
	font-weight:         	bolder;
	text-align:          	center;
	color:               	black;
	vertical-align:      	middle;
	width:               	100%;
	border:              	none;
	margin:              	0px;
	padding-top:         	4px;
}

.index_card_tab_right_active
{
	width:					11px;
	height:					20px;
	background-image:   	url(/images/index_card/tab_right_active.png);
	position:				relative;
	float:					right;
}

.index_card_tab_close
{
    background-image:       url(/images/index_card/close.png);
    background-position:    0px 3px;
    background-repeat:      no-repeat;
    position:               absolute;
    width:                  9px;
    height:                 12px;
    cursor:                 pointer;
}

.index_card_tab_left_inactive
{
	width:					11px;
	height:					20px;
	background-image:   	url(/images/index_card/tab_left_inactive.png);
	position:				relative;
	float:					left;
}

.index_card_tab_center_inactive
{
	width:					19px;
	height:					20px;
	position:               relative;
	float:                  left;
	background-image:   	url(/images/index_card/tab_center_inactive.png);
}

.index_card_tab_title_inactive
{
	width:					1px;
	height:					20px;
	position:				relative;
	float:					left;
	font-size:           	14px;
	font-weight:         	bolder;
	text-align:          	center;
	color:               	#7e7e7e;
	vertical-align:      	middle;
	width:               	100%;
	border:              	none;
	margin:              	0px;
	padding-top:         	4px;
}

.index_card_tab_right_inactive
{
	width:					11px;
	height:					20px;
	background-image:   	url(/images/index_card/tab_right_inactive.png);
	position:				relative;
	float:					right;
}

.index_card_content_scrollbar
{
	width:            	15px;
	height:           	50px;
	position:         	relative;
	float:            	left;
	margin-left:      	10px;
	display:          	none;
}

.index_card_content_scrollbar_top
{
	background-image: 	url(/images/scrollbar/background_top.png);
	height:           	5px;
	width:            	15px;
}

.index_card_content_scrollbar_content
{
	background-image: 	url(/images/scrollbar/background_middle.png);
	height:           	40px;
	width:            	15px;
}

.index_card_content_scrollbar_bottom
{
	background-image: 	url(/images/scrollbar/background_bottom.png);
	height:           	5px;
	width:            	15px;
}

.index_card_content_scrollbar_handle
{
	width:            	15px;
	height:           	30px;
	cursor:			  	pointer;
}

.index_card_content_scrollbar_handle_top
{
	background-image: 	url(/images/scrollbar/handle_top.png);
	height:           	3px;
	width:            	15px;
}

.index_card_content_scrollbar_handle_content
{
	background-image: 	url(/images/scrollbar/handle_middle.png);
	height:           	24px;
	width:            	15px;
	position:		  	relative;
	float:            	left;
	clear:            	both;
}

.index_card_content_scrollbar_handle_bottom
{
	background-image: 	url(/images/scrollbar/handle_bottom.png);
	height:           	3px;
	width:            	15px;
	position:		  	relative;
	float:            	left;
	clear:            	both;
}

/* simple index card */

.index_card_simple_tab_container
{
	width:					auto;
	height:					auto;
	position:				relative;
}

.index_card_tab_wrapper
{
	width:					auto;
	height:					auto;
	position:				relative;
	float:					left;
	cursor:					pointer;
}

.index_card_simple_tabs
{
	width:					100%;
	height:					24px;
}

.index_card_tabs
{
	width:					100%;
	height:					20px;
}

.index_card_simple_content_container
{
	width:					auto;
	webkit-flex:			1;
	flex:					1;
	position:				relative;
	float:					left;
	clear:					both;
	border:          		1px solid #029cdf;
	-webkit-border-radius:  10px; /* Safari, Chrome */
    -khtml-border-radius:   10px; /* Konqueror */
    border-radius:          10px; /* CSS3 */
}

.index_card_simple_content_wrapper
{
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					100%;
	width:					100%;
	display:				flex;
	display:				-webkit-flex;
	visibility:				hidden;
	display:				none;
	padding:				10px;
	box-sizing:				border-box;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
}

.index_card_simple_content_bucket
{
	height:					100%;
	min-height:             100px;
	position:               relative;
	webkit-flex:			1;
	flex:					1;
}

.index_card_simple_content_scroll_area
{
	width:					100%;
	height:					100%;
	position:				relative;
	text-align:				left;
	float:					left;
	overflow:				hidden;
}

.index_card_simple_content
{
	width:					auto;
	height:					auto;
	position:				relative;
	text-align:				left;
	float:					left;
	color:					black;
}

.index_card_simple_tab_left_active
{
	width:					24px;
	height:					24px;
	background-image:   	url(/images/index_card/simple_tab_left_active.png);
	position:				relative;
	float:					left;
}

.index_card_simple_tab_center_active
{
	width:					auto;
	height:					24px;
	position:               relative;
	float:                  left;
}

.index_card_simple_tab_title_active
{
	width:					1px;
	height:					24px;
	position:				relative;
	float:					left;
	font-size:           	14px;
	font-weight:         	bolder;
	text-align:          	center;
	color:               	black;
	vertical-align:      	middle;
	width:               	100%;
	border:              	none;
	margin:              	0px;
	padding-top:         	4px;
}

.index_card_simple_tab_right_active
{
	width:					24px;
	height:					24px;
	position:				relative;
	float:					right;
}

.index_card_simple_tab_left_inactive
{
	width:					24px;
	height:					24px;
	background-image:   	url(/images/index_card/simple_tab_left_inactive.png);
	position:				relative;
	float:					left;
}

.index_card_simple_tab_center_inactive
{
	width:					auto;
	height:					24px;
	position:               relative;
	float:                  left;
}

.index_card_simple_tab_title_inactive
{
	width:					1px;
	height:					24px;
	position:				relative;
	float:					left;
	font-size:           	14px;
	font-weight:         	bolder;
	text-align:          	center;
	color:               	#7e7e7e;
	vertical-align:      	middle;
	width:               	100%;
	border:              	none;
	margin:              	0px;
	padding-top:         	4px;
}

.index_card_simple_tab_right_inactive
{
	width:					24px;
	height:					24px;
	position:				relative;
	float:					right;
}

.index_card_simple_tab_close
{
    background-image:       url(/images/index_card/close.png);
    background-position:    0px 3px;
    background-repeat:      no-repeat;
    position:               absolute;
    width:                  9px;
    height:                 12px;
    cursor:                 pointer;
}

.index_card_simple_content_scrollbar
{
	width:            	20px;
	height:           	60px;
	position:         	relative;
	float:            	left;
	margin-left:      	10px;
	display:          	none;
}

.index_card_simple_content_scrollbar_top
{
	background-image: 	url(/images/scrollbar/background_top.png);
	height:           	10px;
	width:            	20px;
}

.index_card_simple_content_scrollbar_content
{
	background-image: 	url(/images/scrollbar/background_middle.png);
	height:           	40px;
	width:            	20px;
}

.index_card_simple_content_scrollbar_bottom
{
	background-image: 	url(/images/scrollbar/background_bottom.png);
	height:           	10px;
	width:            	20px;
}

.index_card_simple_content_scrollbar_handle
{
	width:            	20px;
	height:           	60px;
	cursor:			  	pointer;
}

.index_card_simple_content_scrollbar_handle_top
{
	background-image: 	url(/images/scrollbar/handle_top.png);
	height:           	10px;
	width:            	20px;
}

.index_card_simple_content_scrollbar_handle_content
{
	background-image: 	url(/images/scrollbar/handle_middle.png);
	height:           	40px;
	width:            	20px;
	position:		  	relative;
	float:            	left;
	clear:            	both;
}

.index_card_simple_content_scrollbar_handle_bottom
{
	background-image: 	url(/images/scrollbar/handle_bottom.png);
	height:           	10px;
	width:            	20px;
	position:		  	relative;
	float:            	left;
	clear:            	both;
}