.magic_combo .head {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}
.magic_combo .head input {
    background-color: transparent;
    border: medium none;
    width: 100%;
}
.magic_combo .head .btn {
    border-left: 1px solid #CCCCCC;
    float: right;
    position: relative;
}
.magic_combo > .body {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #CCCCCC;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 99999;
}
.magic_combo .tr {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}
.magic_combo .td {
    background-color: #FFFFFF;
    border:1px  #cecece;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    cursor: default;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    padding:2px 0 0 4px;
}
.magic_combo tr:hover td {
    background-color: #FBCC88;
}
.magic_combo tr.selected td {
    background-color: #FBEC88;
}

.icon {
    background-image: url("images/icons.png");
    float: left;
    height: 16px;
    overflow: hidden;
    width: 16px;
}
.icon-triangle-1-n {
    background-position: 0 -16px;
}
.icon-triangle-1-s {
    background-position: -64px -16px;
}
.icon-minus {
    background-position: -48px -128px;
}
.icon-plus {
    background-position: -16px -128px;
}
.icon-pencil {
    background-position: -64px -112px;
}