/* ---------- Wrapper ---------- */

.portlet-layout {
    border-collapse: collapse;
    clear: both;
    display: table;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
}

.ie6 div.portlet-layout, .ie7 div.portlet-layout {
    height: 1%;
}

.portlet-column {
    display: table-cell;
    vertical-align: top;
}

.ie6 div.portlet-column, .ie7 div.portlet-column {
    float: left;
    overflow: hidden;
    width: 100%;
}

.ie6 div.aui-column-last, .ie7 div.aui-column-last {
    margin-right: -1px;
}

.portlet-column-content {
    padding: 5px;
}

.ie6 .portlet-column-content, .ie7 .portlet-column-content {
    zoom: 1;
}

.portlet-column-content-only, .ltr .portlet-column-content-first, .rtl .portlet-column-content-last {
    padding-left: 0;
}

.portlet-column-content-only, .ltr .portlet-column-content-last, .rtl .portlet-column-content-first {
    padding-right: 0;
}

/* ---------- Column widths ---------- */

.portlet-column-content.empty {
    padding: 50px;
}

#main-content.dragging .portlet-column {
    border: 3px double #828F95;
    height: 100px;
    min-height: 100px;
}

/* Tablet */
@media only screen and (min-width: 768px) {
    .portlet-column {
        display: table-cell;
        vertical-align: top;
    }
}