Edit side by side

by Dhanck

HTML

<div class="gwt-DialogBox" style="left: 248px; top: 150px; visibility: visible; position: absolute; overflow: visible;">
    <div class="">
        <table cellspacing="0" cellpadding="0" class="" style="width: 620px;">
            <tbody>
                <tr class="dialogTop">
                    <td class="dialogTopLeft">
                        <div class="dialogTopLeftInner"></div>
                    </td>
                    <td class="dialogTopCenter">
                        <div class="dialogTopCenterInner">
                            <table cellpadding="0" cellspacing="0" class="Caption" style="width: 100%; height: 20px;">
                                <colgroup>
                                    <col>
                                        <col>
                                            <col>
                                </colgroup>
                                <tbody>
                                    <tr>
                                        <td>
                                            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAABVklEQVR42mM4xKfvfohP9+kdAZP/B/l0/x3l0/t3hs/gyz4+HW8GJBC6ahVzVXvv69rO/n9VbT3/Klu7/9V3T/oPljzEY6h1glfv5GV+o/+HgAYc49P/d4pP//VBfp0wmAGVLV2NjX1T4Jqb+6f9r2rrPgS3YRGDHvdxfr0Dl4CGgFxyis/g/1l+g/+XGGTsY3ZsMmoA2lbT0fcfpLm2c8J/IP5W09yliuxKhm1CKnzH+fSvn+M3BBqi9+800JDTzGqP2wuq59ZOmQnWDHJB66QZ/yvbujIZsIGD3Lq6J/kMfoK8AfLORV79/4f4dXeW9E06U9c98V/LxOkgg3Yw4AOHePVaYeFxBOQSZtVv00NSFlQDXVHT2f+huqVPGq8B5wUMBI7y6r07DnXFeR69//tFjbYBXfGmor03iYEYcJhfb85FfkOwASeABh3m1XnZXFaXjK4OANt1rREoEdJqAAAAAElFTkSuQmCC" width="16" height="8" class="gwt-Image">
                                        </td>
                                        <td class="GJAYUVXAT">
                                            <div class="gwt-HTML">Vermilion Reporting Suite</div>
                                        </td>
                                        <td class="GJAYUVXOO">
                                      ...

CSS

table td, select {
    font-family:Verdana, Arial, Arial, helvetica, sans-serif;
    font-size:8pt;
}
hr {
    height:1px;
    color:black;
    margin:initial;
}
.GJAYUVXPS {
    text-align:right;
    padding-right:5px;
}
.GJAYUVXLQ {
    cursor:pointer;
}
.GJAYUVXHO {
    border:1pt dashed lightgrey;
    color:#3eaaff;
}
.GJAYUVXIO {
    margin:20px auto;
    -webkit-box-shadow:0 6px 26px 2px rgba(0, 0, 0, 0.48);
    -moz-box-shadow:0 6px 26px 2px rgba(0, 0, 0, 0.48);
    box-shadow:0 6px 26px 2px rgba(0, 0, 0, 0.48);
}
.GJAYUVXJO {
    background-color:white;
    filter:alpha(opacity \=1);
    opacity:0.01;
}
.GJAYUVXLO {
    border:3pt solid blue;
}
.GJAYUVXDS {
    border-width:1px;
    border-spacing:0;
    border-style:dashed;
    border-color:blue;
    border-collapse:separate;
    background-color:#0094f7;
}
.GJAYUVXCT {
    background-color:#6cf;
}
.GJAYUVXCP {
    border:none;
    background-color:white;
    vertical-align:middle;
    overflow:hidden;
}
.GJAYUVXFS {
    border-width:1px;
    border-spacing:0;
    border-style:solid;
    border-color:red;
    border-collapse:separate;
    background-color:white;
    overflow:hidden;
}
.GJAYUVXJR {
    background:#f4f4f4;
    overflow:hidden;
    width:100%;
}
.GJAYUVXLR {
    text-align:center;
    vertical-align:middle;
    background:#f4f4f4;
    white-space:nowrap;
    overflow:hidden;
}
.GJAYUVXFP {
    background-color:white;
    filter:alpha(opacity \=1);
    opacity:0.01;
}
.GJAYUVXHP {
    background-color:black;
    position:absolute;
}
.GJAYUVXGP {
    background-color:black;
}
.GJAYUVXJP {
    cursor:n-resize;
}
.GJAYUVXKP {
    cursor:ne-resize;
}
.GJAYUVXIP {
    cursor:e-resize;
}
.GJAYUVXNP {
    cursor:se-resize;
}
.GJAYUVXMP {
    cursor:s-resize;
}
.GJAYUVXOP {
    cursor:sw-resize;
}
.GJAYUVXPP {
    cursor:w-resize;
}
.GJAYUVXLP {
    cursor:nw-resize;
}
.GJAYUVXMN {
    background-color:grey;
    filter:alpha(opacity \=40);
    opacity:0.4;
}
.GJAYUVXNN {
   ...