html, body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

#content iframe {
    width: 100%;
    height: 100%;
    border: 0 none;
    margin: 0;
}

#content {
    width: 100%;
    height: calc(100% - 140px);
}

#top {
    width: 100%;
}

#title {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    text-indent: 20px;
}

#items {
    float: left;
    clear: both;
    width: 100%;
}

#items .item {
    float: left;
    width: 25%;
    margin-bottom: 15px;
}

#items .item.item_double {
    width: 100%;
}

#items .item .label {
    float: left;
    width: 102px;
    line-height: 22px;
    text-align: right;
}

#items .item .label a {
    color: blue;
}

#items .item .component {
    width: calc(100% - 102px);
    float: left;
}

#items .item .component span.content {
    float: left;
    line-height: 22px;
    height: 22px;
}

#items .item.item_double .component {
    height: 44px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 24px;
    width: calc(100% - 126px);
}

#items .item.item_double .component div.content {
    line-height: 22px;
}

#items .item.item_double .component.more {
    position: relative;
}

#items .item.item_double .component.more #more{
    display: none;
}

#items .item.item_double .component.more #more {
    content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    right: 10px;
    width: 8px;
    height: 8px;
    cursor: pointer;
}

#items .item.item_double .component.more.collapsed #more {
    background: url("/platform/commons/icons/more_down.gif");
}

#items .item.item_double .component.more.expanded #more {
    background: url("/platform/commons/icons/more_up.gif");
}