.refreshOptionContainer
{
    height: 443px;
    overflow-y: auto;
    background-color:#f3f5f8;
    border: 1px solid #d9d9db;
    border-left:0;
    border-right:0;
}
.refreshKeyField
{
    padding-bottom:12px;
}
.refreshKeyField .refreshKeyFieldLine .connectionStepContentSep
{
    margin-bottom:8px;
}
/*
 add/remove icon
*/
.refreshKeyFieldLine
{
    margin-bottom:8px;
}
.refreshKeyField:hover .addIcon,
.refreshKeyField:hover .removeIcon 
{
    visibility:visible;
}
.refreshKeyField .addIcon,
.refreshKeyField .removeIcon {
    background: url(./images/icons/filtering_plus-minus.png);
}
.refreshKeyField .addIcon,
.refreshKeyField .removeIcon
{
    background-repeat: no-repeat;
    display:inline-block;
    width:20px;
    height:15px;
    visibility:hidden;
    cursor:pointer;
    opacity:.2;
    -webkit-transition:opacity linear .2s;
    transition:opacity linear .2s;
    float:right;
    margin-top:7px;
}
.refreshKeyField .refreshKeyFieldLine:hover .addIcon,
.refreshKeyField .refreshKeyFieldLine:hover .removeIcon
{
    opacity:1;
    -webkit-transition:opacity linear .2s;
    transition:opacity linear .2s;
}
.refreshKeyField .addIcon {
    background-position:0 0;
}
.refreshKeyField .removeIcon {
    background-position:-20px 0;
}