﻿.picurlinput{
    display: inline-block;
    border-radius: 4px;
    width: 400px;
    height: 43px;
    line-height: 37px;
    color: #97A1A8;
    background: #fff;
    border: 1px solid #d9d9d9;
    position: relative;
}
.jFiler-input-dragDrop {

}

.jFiler-input-inner{
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 420px;
}
.jFiler-input-inner a{
    background-color: #3F6C9E;
    color: #ffffff;
    font-size: 16px;
}

.jFiler-input-dragDrop:empty:before{
    content: attr(placeholder);
    color:#97A1A8;
}
.jFiler-input-dragDrop:focus:before{
    content:none;
}

.jFiler-input-choose-btn {
    display: inline-block;
    width:110px;
    height:45px;
    text-decoration: none;
    text-align: center;
    line-height:45px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
    color: #1f9dd7;
    border-radius: 3px;
    border: 1px solid #1f9dd7;
    background-color: #fff;
}

.jFiler-input-choose-btn:hover,
.jFiler-input-choose-btn:active {
    background-color: #1f9dd7;
}

.jFiler-input-choose-btn:active {
    background-color: #f5f5f5;
}

/* gray */
.jFiler-input-choose-btn.gray {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fcfcfc,#f5f5f5);
    background-image: -o-linear-gradient(top,#fcfcfc,#f5f5f5);
    background-image: linear-gradient(to bottom,#fcfcfc,#f5f5f5);
    background-image: -moz-linear-gradient(top,#fcfcfc,#f5f5f5);
}

.jFiler-input-choose-btn.gray:hover {
    filter: alpha(opacity=87);
    opacity: 0.87;
}

.jFiler-input-choose-btn.gray:active {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#fcfcfc));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#fcfcfc);
    background-image: -o-linear-gradient(top,#f5f5f5,#fcfcfc);
    background-image: linear-gradient(to bottom,#f5f5f5,#fcfcfc);
    background-image: -moz-linear-gradient(top,#f5f5f5,#fcfcfc);
}

/* blue */
.jFiler-input-choose-btn.blue {
    color: #008BFF;
    border: 1px solid #008BFF;
}

.jFiler-input-choose-btn.blue:hover {
    background: #008BFF;
}

.jFiler-input-choose-btn.blue:active {
    background: #008BFF;
}

/* green */
.jFiler-input-choose-btn.green {
    color: #27ae60;
    border: 1px solid #27ae60;
}

.jFiler-input-choose-btn.green:hover {
    background: #27ae60;
}

.jFiler-input-choose-btn.green:active {
    background: #27ae60;
}

/* red */
.jFiler-input-choose-btn.red {
    color: #ed5a5a;
    border: 1px solid #ed5a5a;
}

.jFiler-input-choose-btn.red:hover {
    background: #ed5a5a;
}

.jFiler-input-choose-btn.red:active {
    background: #E05252;
}

/* black */
.jFiler-input-choose-btn.black {
    color: #555;
    border: 1px solid #555;
}

.jFiler-input-choose-btn.black:hover {
    background: #555;
}

.jFiler-input-choose-btn.black:active {
    background: #333;
}

.jFiler-input-choose-btn.blue:hover,
.jFiler-input-choose-btn.green:hover,
.jFiler-input-choose-btn.red:hover,
.jFiler-input-choose-btn.black:hover {
    border-color: transparent;
    color: #fff;
}

.jFiler-input-choose-btn.blue:active,
.jFiler-input-choose-btn.green:active,
.jFiler-input-choose-btn.red:active,
.jFiler-input-choose-btn.black:active {
    border-color: transparent;
    color: #fff;
    filter: alpha(opacity=87);
    opacity: 0.87;
}