/* $Rev$ */
/* custom upload file field */
.input-file{
    width:300px; /* you can change the width*/
    position:relative;
    font:x-small/160% Verdana;
    zoom:1; /*clear float*/
    overflow:hidden; /*clear float*/
}
.input-file label:hover{
    color:#663300;
}
.input-file label span{
    display:none;
}
.input-file label input{
    display:block;
    width:100%;
}
.input-file label{
    float:right;
    white-space:nowrap;
    position:relative;
    z-index:1;
    left:0;
    top:0;
    overflow:hidden;
    border:solid 1px #ccc;
    background-color:#ccc;
    border-color:#ccc #888 #888 #ccc;
    padding:0.25em 22px 0.2em 22px;
    font-weight:bold;
    display:inline;
    margin-left:3px;
}
.input-file-no-path label{
    float:left;
}
.input-file label span{
    display:inline;
}
* html  .input-file label span{
    position:relative;
    display:block;
}
*+html  .input-file label span{
    position:relative;
    display:block;
}
.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);

}
.input-file var{
    display:block;
    position:relative;
    overflow:hidden;
    border:solid 1px #ccc;
    padding:0.25em 0.6em 0.2em 0.6em;
    border-color:#888 #ccc #ccc #888;
    zoom:1;
    _right:-3px;

}
#proj-upload-form .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:#000;
    /*font-style:italic;*/
    top:0;
    left:0;
    padding:0.25em 0.6em 0.2em 0.6em;
    height:100%;
}
* html .input-file var input{
    padding:0.5em 0.6em 0.3em 0.6em;
    top:-1px;
}
/* hack for Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input-file var input {
        top:-2px;
        padding:0em 0.6em 0.2em 0.6em;
    }
}
/* hack for Opera */
@media all and (min-width:0px) {
    head~body .input-file var input {
        top:-1px;
        padding:0em 0.6em 0.2em 0.6em;
    }
}
x:-moz-any-link:nth-child(0), #upload-field {
    top:0px;
    padding:0.1em 0.6em 0.2em 0.6em;
} /* FF 3.5+ */
.input-file var input:focus{
    outline:none;
}