select{
	color: darkgray;
	border: solid 1px ##ACACAC;
	background: ##F7F7F7;
	background: -webkit-gradient(linear, left top, left bottom, from(##F7F7F7), to(##C3C3C3));   
	background: -moz-linear-gradient(top,  ##F7F7F7,  ##D4D4D4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='##000', endColorstr='##C8C8C8');
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	/*padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .22em; 
	-moz-border-radius: .22em;
	border-radius: .22em;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.45);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.45);
	box-shadow: 0 1px 2px rgba(0,0,0,.45);
	/*
	
	background-color: ##4098d3;
    color: ##fff;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 33%, rgba(255,255,255,0.5) 34%);
  background-color:blue;/*transparent;
   width: 80px;
   padding: 2px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:600;
   color:gray;
   line-height: 1;
   border: 0;
   border-radius: 4px 4px 4px 4px;
   height: 22px;
  -webkit-appearance: none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);  
	*/
  }
btn{    
    height: 40px;
    padding: 5px;
    background-color:##ececec;
    border: 0;
    outline: none;
    font-size: 16px;       
    /*width: 240px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn:after {
    content: &##9660; /*"▼";  */
    padding: 12px 8px;
    position: absolute;  right: 10px; top: 0;    
    z-index: 1;
    text-align: left;
    width: 10%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box;   
}


.btn-div{
	topbar-arrows: false; 
	color:black; /*text color*/
	border: solid 1px ##D4D4D4;
	padding: 3px 8px;
	background: ##F7F7F7;
	background: -webkit-gradient(linear, left top, left bottom, from(##F7F7F7), to(##D4D4D4));   
	background: -moz-linear-gradient(top,  ##F7F7F7,  ##D4D4D4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='##faa51a', endColorstr='##f47a20');
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	/*padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .28em; 
	-moz-border-radius: .28em;
	border-radius: .28em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/*  
.select-1 {   cell box, similar to table border 
    border:1px solid ##e3e3e3;    
    border-radius:3px;
    color:##616263;
    overflow: hidden; 
    height: 40px;    
    width: 240px;
    position: relative;
    display: block;
}
*/
select-1{       
    height: 40px;
    padding: 5px;
    background-color:##ececec;
    border: 0;
    outline: none;
    font-size: 16px;       
    /*width: 240px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-1:after {
    content: &##9660; /*"▼";  */
    padding: 12px 8px;
    position: absolute;  right: 10px; top: 0;    
    z-index: 1;
    text-align: left;
    width: 10%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box;   
}


.select-1-div{
	topbar-arrows: false; 
	color:black; /*text color*/
	border: solid 1px ##D4D4D4;
	background: ##F7F7F7;
	background: -webkit-gradient(linear, left top, left bottom, from(##F7F7F7), to(##D4D4D4));   
	background: -moz-linear-gradient(top,  ##F7F7F7,  ##D4D4D4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='##faa51a', endColorstr='##f47a20');
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	/*padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	/*
background-color: ##4098d3;
    color: ##fff;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 51%);
	
	
	width: 80px;
	height: 22px;
	overflow: hidden;
	background: url(arrowhead.png) no-repeat right ##363636;
	border-top:##575757 1px solid;
	-webkit-border-radius: 4px 4px 4px 4px;
	 -moz-border-radius: 4px 4px 4px 4px;
		  border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0 2px 4px rgba(107, 105, 105, 0.15), 0 1px 2px rgba(0, 0, 0, 0.25);
	 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		  -moz-box-shadow:    0px 8px 3px -9px ##000000;
		  -webkit-box-shadow: 0px 8px 3px -9px ##000000;
		  box-shadow:         0px 8px 3px -9px ##000000;
		  
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 2px 2px 2px 0 rgba(0,0,0,0.22);  
*/
}

select-1 > option { 
  background: ##F7F7F7;
  	/*-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	border: solid 1px gray;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);*/
}