@charset "utf-8";
/* CSS Document */

/*
<div class="dytxt t10 l5 w75 h17 lh17 hodb tac nsel" id="_txt">Select</div>
<div class="cont_cb t25 l5 w75 h467" id="_cb">
<div class="row_cb">EXAMPLE</div>
</div>

<script> // Drop down ----------------------------------------
function FUNCTION(fname,fid){
$('#_txt').text($.deURL(fname));
$('#_val').val($.deURL(fid));}

$('#_txt').on("click",function(){
var theHTML = "";

$.ajax({url:".php",
type:'POST',dataType:'json',data:{"repid":repid,"repna":repna},
success:function(result){
if(result.error != "N"){emessage($.enURL(this.url+"<br />"+this.data+"<br />"+result.error));}else{
var theHTML = '<div class="row_cb" onclick=FUNCTION("Select","0")>Select</div>';
var theH = 22;
$.each(result.list, function(i,item){
var bc = ""; if(item. == $('#_txt').text()){bc = "bcfse";}
theHTML += '<div class="row_cb '+bc+'" ';
theHTML += 'onclick=FUNCTION("'+$.enURL(item.)+'","'+item.+'")>';
theHTML += item.+" "+item.;
theHTML += '</div>'; 
theH = theH + 20;});
if(theH > 700){theH = 700;};
$('#_cb').html(theHTML).css("height",theH+"px");
$('#_cb').fadeIn();}},
error:function(xhr, status, error){
var errtxt = "ajax error: "+this.url+"<br />"+"<br />"+this.data+"<br />"+error+"<br />"+status+"<br />"+xhr.responseText+"<br />"+this.data;
emessage($.enURL(errtxt));}});

$('#_cb').fadeIn(function(){

$('#_cb > .row_cb').on("click",function(){
$('#_txt').text($(this).text());
$('#_cb').fadeOut();})

$('#_cb').off('mouseleave').on('mouseleave',function(){$(this).fadeOut()});});})
</script>
*/

/*-------------------drop down list-------------------*/
/*-------------------drop down list-------------------*/
.cont_cb, .contf_cb{
position: absolute;

visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease;


/*
display: block;
display: none;*/
background-color: rgba(157,157,157,0.80);
box-shadow: 5px 5px 8px 2px rgba(1,1,1,0.80);
border: solid;
border-color: #000000;
border-width: 1px;
overflow-x: hidden;
overflow-y: auto;
z-index: 999;
}

.row_cb{
position: relative;
display: block;
background-color: rgba(157,157,157,0.80);
color: black;
border: none;
text-indent: 3px;
font-size: 11px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
height: 20px;
line-height: 20px;
width: 100%;
overflow: hidden;
}

.row_cb:hover{
cursor: pointer;
background-color: rgba(55,140,219,0.90);
}

.cell_cb{
display: block;
float: left;
font-size: 11px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
height: 20px;
line-height: 20px;
text-align: left;
text-indent: 2px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: rgba(0,0,0,0);
}