div.selectbox-wrapper {
    position:absolute;
    width:400px;
    background-color:white;
    margin:0px;
    margin-top:-1px;
    f1ont-size:0.8em;
    text-align:left;
    max-height:200px;
   *height:200px; /*IE6 fix */
   overflow: auto;
   z-index: 300;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:5px 0;
  border:1px solid #ccc;
  border-width: 0 1px 1px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EEF4FF;
}
div.selectbox-wrapper ul li.current { 
  background-color: #DAE8FE;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0 5px;
  padding:2px;
  cursor:pointer;
  background-color: #EEF4FF;
  border-top: 1px solid white;
  padding: 6px 10px;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 0px 0px;
  padding: 6px 10px;
  font-family: "AxelRegular","Lucida Grande","Verdana",sans-serif;
  font-size:0.8em;
  width : 10em; 
  d1isplay : block;
  text-align:left; 
  /*height:18px;*/
  cursor: pointer;
  border: medium none;
  color:#444444;
  background: #eeeeee url('/demo/css/graphic/nq_yaml/images/dashboard/select-arrow2.png') 95% center no-repeat;
  text-shadow: 0 1px 1px #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-background-clip: padding-box;
}

.selectbox1 /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url('bg_select_green.png') right;
  /*height:18px;*/
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

div.selectbox2-wrapper {
  position:absolute;
  background-color:white;
  border:1px dotted #DADF81;
  margin:0px;
  padding:0px;
  text-align:right;
  overflow:auto;
}
div.selectbox2-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox2-wrapper ul li.selected { 
  background-color: #ECEFB7;
}
div.selectbox2-wrapper ul li.current { 
  background-color: #CBE5B0;
}
div.selectbox2-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
div.selectbox2-wrapper ul li.groupname {
  font-style: italic;
  font-weight: bold;
  font-size: smaller;
  cursor: default;
}

.selectbox2{
/*   margin: 0px 5px 10px 100px; */
  padding-right:20px;
  width : 180px; 
  display : block;
  text-align:right; 
  background: url('bg_select_g2.png') right;
  height:20px;
  cursor: pointer;
  border:1px solid #ECEFB7;
}


input[type=text].selectbox:focus {
  background: #ffffff url('/demo/css/graphic/nq_yaml/images/dashboard/select-arrow2.png') 95% center no-repeat;
}