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

.selreplace_scroll 
{
	display:               block;
	width:                 20px;
	background-color:      #b1b6c2;
}

.selreplace_scrollinner 
{
	background-color:      #b1b6c2;
	width:                 20px;
	display:               block;
	height:                10px;
	overflow:              hidden;
}

.selreplace_scrollhandle 
{
	cursor:                pointer;
	height:                30px;
	width:                 20px;
	display:               block;
	background:            url(/images/dialog/select_scrollbar_handle.png); 
}

.selreplace_scrollbuttonup,.selreplace_scrollbuttondown 
{
	display:               block;
	width:                 20px;
	height:                20px;
	cursor:                pointer;
}

.selreplace_scrollbuttondown 
{
	background:            url(/images/dialog/select_arrow_down.png); 
}

.selreplace_scrollbuttonup 
{
	background:            url(/images/dialog/select_arrow_up.png); 
}

.selreplace_select 
{
	display:               block; 
	overflow:              hidden;
	background-color:      #cfd9db;
	z-index:               5000;
}

.selreplace_selectbutton 
{
	background:            url(/images/dialog/select_arrow.png); 
	display:               block; 
	width:                 25px; 
	height:                25px; 
	position:              absolute; 
	right:                 5px; 
	top:                   0px;
	cursor:                pointer;
}

.selreplace_selectbutton_disabled 
{
	background:            url(/images/dialog/select_arrow_disabled.png); 
	display:               block; 
	width:                 25px; 
	height:                25px; 
	position:              absolute; 
	right:                 5px; 
	top:                   0px;
}

.selreplace_optionsel 
{
	background-color:      white;
	padding:               5px;
	width:                 400px; 
	display:               block;
	font-size:			   14px;
	font-weight:		   normal;
	text-align:			   right;
	height:                14px;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow: 		ellipsis;
  	-o-text-overflow: 	ellipsis;
}	

.selreplace_optionimg
{
	float:                 left; 
	padding-right:         5px;
}

.selreplace_option 
{
	padding:               5px;
	width:                 400px; 
	display:               block;
	background-color:      #e2e2e2;
	font-weight:		   normal;
	text-align:			   right;
	font-size:			   14px;
	height:                14px;
	cursor:				   pointer;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow: 		ellipsis;
  	-o-text-overflow: 	ellipsis;
}

.selreplace_selectinner
{
	margin:             5px 30px 5px 5px;
	white-space:		nowrap;
	overflow:			hidden;
	text-align:			right;
	padding-right:		15px;
	text-overflow: 		ellipsis;
  	-o-text-overflow: 	ellipsis;
}

.selreplace_selectbox 
{
	background-color:      #e2e2e2;
	z-index:               6000;
	overflow:              hidden; 
	width:                 402px;
	
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius:  5px; /* Konqueror */
    border-radius:         5px; /* CSS3 */
}