.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    background-color: #FFF;
}

filterDatepicker {
}

filterComboBox {
}


#FilterButton button {
    background-image: url("../images/filter.png"); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 16px; /* make this the size of your image */
    padding-left: 16px; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

#filter-modal {
    /*height: 34px;*/
    position: fixed;
    left: 270px;
    top: 50px;
    z-index: 99;
    background-color: #f2f5f7;
    -webkit-box-shadow: 2px 2px 5px #000;
    -moz-box-shadow: 2px 2px 5px #000;
    box-shadow: 2px 2px 5px #000;
}

    #filter-modal ul {
        text-align: center;
        margin: 0;
        overflow: hidden;
    }

        #filter-modal ul li {
            display: inline-block;
            vertical-align: central;
            margin: 0 3px;
            padding: 6px 0;
            line-height: 0;
            float: left;
        }

            /*#filter-modal ul li#areaIconItem
    {
        margin-right: 6px;
    }*/

            #filter-modal ul li:first-child {
                margin-left: 6px;
                padding: 5px 6px 5px 0;
            }

            #filter-modal ul li:last-child {
                margin-right: 0;
                margin-left: 0;
                padding-right: 6px;
                padding-left: 0;
            }

    /*#filter-modal #cancelIconItem
    {
        -moz-transition: margin-right 0.3s;
        -o-transition: margin-right 0.3s;
        -webkit-transition: margin-right 0.3s;
        transition: margin-right 0.3s;
    }*/

    /*#filter-modal .cancelItemArrow
    {
        width: 0;
        height: 0;
        border-left: 10px solid #f2f5f7;
        border-right: none;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        display: inline-block;
        float: left;
        margin: -6px 6px -6px 0;
    }*/

    #filter-modal option {
        padding: 0 0.4em;
        float: left;
        width: 500px;
    }

    #filter-modal button {
        padding: 0 0.4em;
        float: left;
    }

        #filter-modal button span {
            float: left;
        }

    #filter-modal .icon {
        background: url("../images/sprite_measuretools.png") no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-indent: -9999px;
        float: left;
    }

    /*#filter-modal .icon.ruler
        {
            width: 24px;
            height: 24px;
        }

        #filter-modal .icon.distance
        {
            background-position: 0 -24px;
        }

        #filter-modal .icon.area
        {
            background-position: -16px -24px;
        }*/

    /*#filter-modal .check-button
        {
            float: right;
            padding: 0;
            height: 22px;
            width: 0px; 

            -moz-transition: width 0.3s;
            -o-transition: width 0.3s;
            -webkit-transition: width 0.3s;
            transition: width 0.3s;
        }

        #filter-modal .icon.check
        {
            background-position: -32px -24px;
            margin: 0 3px;
        }

        #filter-modal .icon.clear
        {
            background-position: -48px -24px;
        }*/

    #filter-modal button .icon {
        margin: 3px 6px 0 0;
    }

        #filter-modal button .icon.clear {
            margin-top: 2px;
        }

    #filter-modal button.pressed .icon {
        margin-top: 2px;
    }

        #filter-modal button.pressed .icon.distance {
            background-position: 0 -40px;
        }

        #filter-modal button.pressed .icon.area {
            background-position: -16px -40px;
        }

/*#filter-modal #cancelIconItem.hidden
    {
        margin-right: -85px;
    }*/