.input-file{
    width:auto; /* you can change the width*/
    position:relative;
    font:x-small/160% Verdana;
    margin:3px 0;
    zoom:1; /*clear float*/
    overflow:hidden; /*clear float*/
}






.input-file label:hover{
    color:#663300;
    cursor:pointer;
}

.input-file label span{
    display:none;
}

.input-file label input{
    display:block;
    width:100%;
}



html.js .input-file label{
    float:right;
    white-space:nowrap;
    position:relative;
    z-index:1;
    left:0;
    top:0;
    overflow:hidden;
    border:solid 0px #ccc;
    background:url(images/btn-choose-file.gif) top right no-repeat;
   border:0;
    padding:0 0 0 8px; height:27px;
    font-weight:bold;
    display:inline;
    -webkit-border-top-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
}

html.js .input-file-no-path label{
    float:left;
}

html.js .input-file label span{
    display:inline;
}


html.js .input-file label input{
    width:auto;
    position:absolute;
    right:0;
    top:0;
    border:none;
    font-size:5em;
    line-height:12px;
    opacity:0;
    zoom:1;
    filter:alpha(opacity=0);
    cursor:pointer;
}


.input-file var{
    display:none;
    background: #fee581 url(images/text_field_bgr.gif) top right  repeat-y;
    position:relative;
    overflow:hidden;
    border:0;
	margin-top:1px;
    padding:0 3px; line-height:24px;
    zoom:1;
    _right:-3px; /*eliminate gap for IE*/
    /*visual candies*/
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
}

html.js .input-file var{
    display:block;
}

.input-file-no-path label{
    -webkit-border-radius:2px;
}


.input-file var input{
    
    display:block;
    width:100%;
    position:absolute;
    padding:0;
    border:none;
    background:transparent;
    font-size:100%;
    color:#311309;
    font-style:italic;
    top:0;
    left:0;
    padding:0.25em 0.6em 0.2em 0.6em;
    height:100%;
    
}


.input-file var input:focus{
    outline:none;
}
#submitbtn, .submitbtn {background: url(images/send.gif) no-repeat; border:0; height:25px; width:94px; margin:15px 0 0 115px}
#regfromfields {border:0}
#regfromfields label {width:700px; clear:both; display:block}
#regfromfields label input {float:right}

span.select {
   position: absolute;
  /* width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 18px;
   padding: 0 34px 0 8px;
   color:#300C00;
   font: 12px/18px arial,sans-serif;
   background:#fde480 url('images/bg_select.jpg') right no-repeat;
   overflow: hidden;
 }