.date-range-filter-frame {
    padding: 3px 2px 0px 2px;
    height: 30px;
    border: 1px solid #d1d1d1;
    -moz-box-shadow: #9c9c9c;
    background: #eaeaea;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eaeaea));
    background: -webkit-linear-gradient(top, #fafafa, #eaeaea);
    background: -moz-linear-gradient(top, #fafafa, #eaeaea);
    background: -ms-linear-gradient(top, #fafafa, #eaeaea);
    background: -o-linear-gradient(top, #fafafa, #eaeaea);
    border-radius: 5px;
}

.primaryControl {
    float: left;
    margin-left: 10px;
}

.rangePicker {
    width: 135px;
    display: inline-block;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    height: 30px;
}

    .rangePicker .searchBoxClearIcon {
        position: relative;
        top: -4px;
    }

.date-range-close {
    cursor: pointer;
    z-index: 951 !important;
    width: 17px;
    height: 17px;
    background: url('/content/images/filters/close_filter.png');
    float: right;
    margin: 3px 3px 0 0;
    border: 0;
}

.date-range-filter-frame #openRangePickerButton {
    background: white;
    background: url('/content/images/DateRangeFilter/calendar_big.png') no-repeat center;
    width: 31px;
    height: 27px;
}

.date-range-filter-frame span {
    color: black;
    font-size: 13px;
}

.date-range-filter-frame .searchBoxClearIcon {
    border: 0;
}

.searchBoxClearIcon, .searchBoxSearchIcon {
    border: 0;
}

.searchBoxSearchIcon.executeSearchButton {
    position: relative;
    left: 11px;
    cursor: pointer;
}

.date-range-filter-frame input[type=text] {
    width: 85px;
    border: 0;
}

.date-range-filter-popup {
    display: none;
    background-color: white;
    height: 65px;
    width: 330px;
    border-radius: 5px;
    border: 1px solid lightgrey;
}

    .date-range-filter-popup span {
        color: black;
        font-size: 12px;
    }