#user-slots {
    width: 100%;
    height: 300px;
    font-size: 90%;
}

#user-slots > div {
    width: 249px;
}

#user-slots .left {
    float: left;
}
#user-slots .right {
    position: absolute;
    margin-left: 251px;
}
#user-slots .item {
    width: 214px;
    height: 32px;
    position: absolute;
    line-height: 85%;
    margin-top: 5px;
    overflow: hidden;
}
#user-slots .left .item {
    margin-left: 35px;
    text-align: left;
}
#user-slots .right .item {
    margin-right: 35px;
    text-align: right;
}
#user-slots .icon {
    height: 32px;
    width: 32px;
    position: absolute;
}

#user-slots .left .icon {
    margin-left: 0px;
}
#user-slots .right .icon {
    margin-left: 217px;
}

#user-slots .slot {
    height: 32px;
    widht: 100%;
    background-color: rgba(0,0,0,0.2);
    margin-top: 2px;
}

.slot.head .icon {
    background: url('./icons/slot_head.jpg') no-repeat 0 0;
}
.slot.chest .icon {
    background: url('./icons/slot_chest.jpg') no-repeat 0 0;
}
.slot.legs .icon {
    background: url('./icons/slot_legs.jpg') no-repeat 0 0;
}
.slot.gloves .icon {
    background: url('./icons/slot_gloves.jpg') no-repeat 0 0;
}
.slot.feet .icon {
    background: url('./icons/slot_feet.jpg') no-repeat 0 0;
}
.slot.back .icon {
    background: url('./icons/slot_back.jpg') no-repeat 0 0;
}
.slot.underwear .icon {
    background: url('./icons/slot_underwear.jpg') no-repeat 0 0;
}
.slot.rbracelet .icon {
    background: url('./icons/slot_rbracelet.jpg') no-repeat 0 0;
}
.slot.rhand .icon {
    background: url('./icons/slot_rhand.jpg') no-repeat 0 0;
}
.slot.hair .icon {
    background: url('./icons/slot_hair.jpg') no-repeat 0 0;
}
.slot.ear .icon {
    background: url('./icons/slot_ear.jpg') no-repeat 0 0;
}
.slot.neck .icon {
    background: url('./icons/slot_neck.jpg') no-repeat 0 0;
}
.slot.finger .icon {
    background: url('./icons/slot_finger.jpg') no-repeat 0 0;
}
.slot.lbracelet .icon {
    background: url('./icons/slot_lbracelet.jpg') no-repeat 0 0;
}
.slot.lhand .icon {
    background: url('./icons/slot_lhand.jpg') no-repeat 0 0;
}

#detail-info {
    background-color: rgba(0,0,0,0.2);
}
#user-items {
    text-align: left;
    width: 600px;
}
#user-items > div {
    width: 249px;
    display: inline-block;
}

.icon {
    height: 32px;
    width: 32px;
}

.item {
    background-color: rgba(0,0,0,0.2);
    margin-bottom: 2px;
    font-size: 90%;
}

.page-content table td.route {
    width: 120px;
    text-align: right;
}
.page-content table td.action-button {
    width: 80px;
    text-align: right;
}
.skill-level {
    width: 50px;
}
.skill-enchant-cost {
    width: 70px;
}

.item4037 {
    color: #fef29e;
}

.item4030 {
    color: #77a9fe;
}