.input-file{
    width:180px; /* you can change the width*/
    position:relative;
    font:12px;
    margin:0;
    zoom:1; /*clear float*/
    overflow:hidden; /*clear float*/
	cursor: pointer;
}

.input-file label:hover, .input-file div:hover{
    cursor:pointer;
}

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

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



.input-file label, .input-file div{
    float:left;
    white-space:nowrap;

    z-index:1;
    left:0;
    top:0;
    overflow:hidden;
    border:0;
	height:28px;
    background:transparent url(../images/browsefiles.gif) 0 0 no-repeat;
    border-color:#ccc #888 #888 #ccc;
    padding:0;
    font-weight:bold;
    display:inline;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
	cursor:pointer;
}

.input-file-no-path label, .input-file-no-path div{
    float:left;
}

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


.input-file label input, .input-file div input {
  border: medium none;
  height: 38px;
  opacity: 0;
  position: absolute;
}



.input-file var{
    display:none;
    background:url(../images/signup_input.gif) 0 0 no-repeat;
    position:relative;
    overflow:hidden;
    border:0;
    padding:0;
	margin:0;
	height:28px;
    border-color:#888 #ccc #ccc #888;
    zoom:1;
    _right:-3px; /*eliminate gap for IE*/
    /*visual candies*/
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
}

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

.input-file-no-path label, .input-file-no-path div{
    -webkit-border-radius:0px;
}


.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%;

}

.input-file var input:focus{
    outline:none;
}

#uploadPhoto .input-file, #uploadPhoto .input-file-no-path {
	float:left;
	width:180px;
	margin-left:0;
	margin-right:10px;
}
#uploadPhoto .input_file_path {
	float:left;
	width:180px;
	margin-left:0;
	margin-right:10px;
	background:url(../images/signup_input.gif) left top no-repeat;
}
#uploadPhoto .input_file_path input {
	background: url("../images/signup_input.gif") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFEA82;
    height: 28px;
    margin-bottom: 5px;
    width: 165px;
}
#uploadPhoto .input-file {
	width:132px;
	cursor: pointer;
}
#xuploadInput{
	bottom: 0px;
	left: 0px;
	font-size: 40px;
	height: 40px;
	width: 132px !important;
	margin-top: 8px;
}
#uploadPhoto .input-file-no-path {
	margin-top:-7px;
 }
#uploadPhoto .input_file_path {
	margin-top:6px;
}
#uploadPhoto .input-file label{
    background:transparent url(../images/button_choose_image.gif) 0 0 no-repeat !important;
	height:33px !important;
	cursor:pointer;
}
#uploadPhoto .input-file label:hover {
    background:transparent url(../images/button_choose_image.gif) left bottom no-repeat !important;
	height:33px !important;
}
#uploadPhoto .input-file label input {
	top: 10px;
	width:132px;
	height: 39px;
	color: #FFEA82;
	cursor: pointer;
}

.uploadvideo .input-file, .uploadvideo .input-file-no-path {
	width:132px !important;
}
.uploadvideo .input_file_path {
	width:180px !important;
	background:url(../images/signup_input.gif) left top no-repeat !important;
}
.uploadvideo .input_file_path input {
	width:155px !important;
	background:url(../images/signup_input.gif) left top no-repeat !important;
	color: #FFEA82;
}
#uploadPhoto.uploadvideo .input-file label{
    background:transparent url(../images/button_choose_video.gif) 0 0 no-repeat !important;
	height:33px !important;
}
#uploadPhoto.uploadvideo .input-file label:hover{
    background:transparent url(../images/button_choose_video.gif) left bottom no-repeat !important;
	height:33px !important;
}


#uploadPhoto.uploadvideo .input-file div{
    background:transparent url(../images/button_choose_video.gif) 0 0 no-repeat !important;
	height:39px !important;
	width:132px !important;
	margin-top:8px;
}
#uploadPhoto.uploadvideo .input-file div:hover{
    background:transparent url(../images/button_choose_video.gif) left bottom no-repeat !important;
	height:39px !important;
	width:132px !important;
	margin-top:8px;
}

#uploadmusic .input-file label.selecttrack {
    background:transparent url(../images/button_select_track.gif) 0 0 no-repeat !important;
	height:28px !important;
	margin-bottom:10px;
	cursor:pointer;
}
#uploadmusic .input-file label.selecttrack:hover{
    background:transparent url(../images/button_select_track.gif) left bottom no-repeat !important;
	height:28px !important;
	margin-bottom:10px;
	cursor:pointer;
}