var selectWidth="270";

document.write('<style type="text/css">input.styled {display:none;} select.styled {height:28px;position:relative; width: ' + selectWidth + 'px; opacity:0; filter:alpha(opacity=0);z-index: 5;} .disabled {opacity:0.5; filter:alpha(opacity=50);}</style>');
var Custom={
init:function(){
var inputs=document.getElementsByTagName("input"),span=Array(),textnode,option,active;
inputs=document.getElementsByTagName("select");
for(a=0;a<inputs.length;a++){
if(inputs[a].className=="styled"){
 
option=inputs[a].getElementsByTagName("option");
active=option[0].childNodes[0].nodeValue;
textnode=document.createTextNode(active);
for(b=0;b<option.length;b++){if(option[b].selected==true){textnode=document.createTextNode(option[b].childNodes[0].nodeValue);}}
span[a]=document.createElement("span");
span[a].className="select";
span[a].id="select"+inputs[a].name;

span[a].appendChild(textnode);
inputs[a].parentNode.insertBefore(span[a],inputs[a]);}}
document.onmouseup=Custom.clear;},
choose:function(){
option=this.getElementsByTagName("option");
for(d=0;d<option.length;d++){if(option[d].selected==true){document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;}}}}
window.onload=Custom.init;