Jquery + Form

Olá pessoal! Não sei se estou postando no local exato, mas acredito que seja pois estou usando jquery. Tenho o formulário abaixo (imagem), estou usando jquery e css (encontrei este exemplo em um blog) para personalizar os campos (tamanho, borda, cores e efeito para mudar as cores no focus e no blur. Vejam o css e o script abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=https://lh4.googleusercontent.com/-kLf3GCxxSj8/TlUpoa_1xeI/AAAAAAAAAcc/pxkGkrFKKls/s640/form.PNG&key=fc5bd856d551d55b1a1568dde9474b4b8fabf734823b26484aa9e9104fed9e95" alt="form.PNG" />

CSS (Só de alguns campos para não ficar grande)

<style type="text/css">
 label{
float:left;
text-align:left;
width:40px;
padding-top:15px;
padding-right:10px;
padding-left:0px;
 font:bold 11px Arial;
 }
 #lbl2{
float:left;
text-align:left;
width:100px;
padding-top:15px;
padding-right:10px;
padding-left:0px;
font:bold 11px Arial;
 }
 #depto{
 width:200px;
 padding:10px;
 height:42px;
 outline:none;
 font:bold 11px Arial;
 }
 #email_cad{
 width:200px;
 padding:10px;
 height:42px;
 outline:none;
 font:bold 11px Arial;
 }
 #email_cad_conf{
 width:200px;
 padding:10px;
 height:42px;
 outline:none;
 font:bold 11px Arial;
 }
 .focusField{
 border:solid 2px #73A6FF;
 background:#EFF5FF;
 color:#000;
 }
 .idleField{
 background:#EEE;
 color:#6F6F6F;
border: solid 2px #DFDFDF;
 }
</style>

SCRIPT (Só de alguns campos também)

<script type="text/javascript">
 $(document).ready(function() {
 $("#depto").addClass("idleField");
$("#depto").focus(function() {
	$(this).removeClass("idleField").addClass("focusField");
});
$("#depto").blur(function() {
 $(this).removeClass("focusField").addClass("idleField");
 });
 $("#email_cad").addClass("idleField");
$("#email_cad").focus(function() {
	$(this).removeClass("idleField").addClass("focusField");
	if (this.value == this.defaultValue){
 this.value = '';
 }
	if(this.value != this.defaultValue){
 this.select();
 }
 });
 $("#email_cad").blur(function() {
 $(this).removeClass("focusField").addClass("idleField");
 if ($.trim(this.value) == ''){
 this.value = (this.defaultValue ? this.defaultValue : '');
 }
 });
 $("#email_cad_conf").addClass("idleField");
$("#email_cad_conf").focus(function() {
	$(this).removeClass("idleField").addClass("focusField");
	if (this.value == this.defaultValue){
 this.value = '';
 }
	if(this.value != this.defaultValue){
 this.select();
 }
 });
 $("#email_cad_conf").blur(function() {
 $(this).removeClass("focusField").addClass("idleField");
 if ($.trim(this.value) == ''){
 this.value = (this.defaultValue ? this.defaultValue : '');
 }
 });
</script>

 

O que eu queria saber na verdade é se teria alguma forma de mudar a seta do campo select com css, jquery ou javascript. Como vcs podem ver na imagem, o campo fica com os atributos do css e o efeito que o jquery faz ao selecionar, mas a seta fica padrão do navegador. Eu vi na internet que tem como usar imagem para substituir o select todo, mas eu queria manter o css e o jquery que eu já tenho, só queria alterar a "bendita" setinha. Alguém sabe de algo e pode me ajudar?!