div.selectbox-wrapper {
  font-family:Arial, Helvetica, sans-serif;
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:0px;
  padding-left:5px;
  padding-right:5px;
  font-size:10px;
  color:#0333;
  font-weight:bold;
  text-align:left;
  max-height:300px;
  overflow:auto;
  text-align:center;
  z-index:100;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  z-index:100;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
  z-index:100;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
  z-index:100;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  z-index:100;
}

label {
    display: block;
	z-index:100;
}
.selectbox /* look&fell of  select box*/
{
  padding-left:5px;
  padding-right:5px;
  padding-top:4px;
  padding-bottom:4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;;
  width:93px; 
  height:14px;
  display : block;
  text-align:left; 
  background: url('../images/short-rounded.png') left;
  background-repeat:no-repeat;
  /*height:18px;*/
  cursor: pointer;
  border:0px;
  color:#444;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

.selectbox2 /* look&fell of  select box*/
{
  padding-left:5px;
  padding-right:5px;
  padding-top:4px;
  padding-bottom:4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;;
  width:132px; 
  height:14px;
  display : block;
  text-align:left; 
  background: url('../images/long-rounded.png') left;
  background-repeat:no-repeat;
  /*height:18px;*/
  cursor: pointer;
  border:0px;
  color:#444;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

select {
	background: url('bg_select.png') right;
	z-index:100;
}