/* selectDateRange */
div[event-log-date-range-selector] .selectDateRange {
    position: relative;
    height: 28px;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl {
    padding: 0 25px 0 25px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnPrev,
div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnNext {
    display: block;
    position: absolute;
    top: 0;
    width: 26px;
    height: 28px;
    background-image: url(../images/common/sp_form.png);
    background-repeat: no-repeat;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnPrev {
    left: 0;
    background-position: 0 -104px;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnNext {
    right: 0;
    background-position: -104px -104px;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnPrev:hover /*, div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnPrev:focus BE-861*/
{
    background-position: -78px -104px;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnNext:hover /*, div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnNext:focus BE-861*/
{
    background-position: -182px -104px;
}

div[event-log-date-range-selector] .selectDateRange.readOnly .dateRangeCtrl .btnPrev {
    background-position: -52px -104px;
    cursor: default;
}

div[event-log-date-range-selector] .selectDateRange.readOnly .dateRangeCtrl .btnNext {
    background-position: -156px -104px;
    cursor: default;
}

div[event-log-date-range-selector] .selectDateRange.readOnly .dateRangeCtrl .state {
    color: #b4b4b4;
    cursor: default;
}

div[event-log-date-range-selector] .selectDateRange.disabled .dateRangeCtrl .btnPrev {
    background-position: -26px -104px;
    cursor: default;
}

div[event-log-date-range-selector] .selectDateRange.disabled .dateRangeCtrl .btnNext {
    background-position: -130px -104px;
    cursor: default;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnNext.disabled {
    background-position: -130px -104px;
    cursor: default;
}

/*div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnNext.disabled .btnNext:hover .btnNext:focus { BE-861*/
/*background-position: -130px -104px;*/
/*cursor: default;*/
/*}*/

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnPrev.disabled {
    background-position: -26px -104px;
    cursor: default;
}

/*div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .btnPrev.disabled .btnPrev:hover .btnPrev:focus { BE-861*/
/*background-position: -26px -104px;*/
/*cursor: default;*/
/*}*/

div[event-log-date-range-selector] .selectDateRange.disabled .dateRangeCtrl .state {
    color: #b4b4b4;
    border: 1px solid #c5c5c5;
    background: #e6e6e6;
    cursor: default;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .state {
    display: block;
    position: relative;
    height: 28px;
    padding: 0px 28px 0 15px;
    text-align: center;
    border: 1px solid #b4b4b4;
    background: #fff;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeCtrl .state:after {
    display: block;
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 6px;
    background: url(../images/common/arr_light_close.png) no-repeat left top;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeList {
    display: none;
    position: absolute;
    left: 25px;
    right: 25px;
    top: 27px;
    text-align: left;
    border: 1px solid #b4b4b4;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 50;
    cursor: pointer;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeList li {
    position: relative;
    height: 27px;
    padding: 8px 15px 0 15px;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeList li:hover, div[event-log-date-range-selector] .selectDateRange .dateRangeList li:focus {
    background: #f7f2c0;
}

div[event-log-date-range-selector] .selectDateRange .dateRangeList li.selection {
    background: #dcf1f2;
}

/* open */
div[event-log-date-range-selector] .selectDateRange.open .dateRangeCtrl .state:after {
    background: url(../images/common/arr_light_open.png) no-repeat left top;
}

div[event-log-date-range-selector] .selectDateRange.open .dateRangeList {
    display: block;
}