<!--<div class = "collision" style="top:0px;left:0px;">-->
<div class="dialogLayoutleft ui-layout-west" style="overflow: hidden;">
    <div class = "csInfo">
        <span class="namelabel resource-dialog-label i18n-name">name</span>
        <span>:</span>
        <span class="objName"></span>
    </div>
    <fieldset class = "impact-type">
        <legend class  = "resource-dialog-label">impact_type</legend>
    </fieldset>
    <div class = "csMode">
        <label class  = "resource-dialog-label">modes</label>
        <form>
            <div style="margin-bottom:5px;">
                <input type="radio" name = "collisionType" id="ccb" class="cst circleCheckbox">
                <label class="resource-dialog-label" for="ccb">circle</label>
            </div>
            <div style="margin-bottom:5px;">
                <input type="radio" name = "collisionType" id="bcb" class="cst boxCheckbox">
                <label class="resource-dialog-label" for="bcb">box</label>
            </div>
            <div style="margin-bottom:5px;">
                <input type="radio" name = "collisionType" id="scb" class="cst shapeCheckbox">
                <label class="resource-dialog-label" for="scb">custom_shape</label>
            </div>
        </form>
        <label class  = "resource-dialog-label">impact_block</label>
        <div class = "shapeLayout_coll"></div>
        <a class = "addCollShape dialogButton resource-dialog-label">add</a>
        <a class = "editCollShape dialogButton resource-dialog-label">edit</a>
        <a class = "delCollShape dialogButton resource-dialog-label ">remove</a>
    </div>
</div>

<div class="ui-layout-center">
    <div class="collisionTopToolButtons ui-layout-north" style="overflow: hidden;">
        <label class  = "resource-dialog-label">impact_area</label>
    	<div class='select-impact-zone'></div>
    	<div class="operation-btn">
    		<button title="add" name="add">add</button>
    		<button title="edit" name="edit">edit</button>
    		<button class="impact-area-remove" title="remove" name="remove">remove</button>
    	</div>
    </div>
    <div class="dialogLayoutright_c ui-layout-center">

        <div class="collisionShape">
            <canvas id = "csc" class="collision-canvas" width="500px;" height="500px;" style="position:relative;">
            </canvas>
            <div class="collisionShapePoint"></div>
        </div>
        <div class="listLayout listLayout_coll" style="overflow:auto;"></div>
        <div class='collisionToolButtons'>
            <a class='zoomIn' title="Ctrl++"></a>
            <a class='zoomOut' title = "Ctrl+-"></a>
            <a class="zoom-to-1" title = "Ctrl+0"></a>
        </div>
    </div>
    <!--        <div class="listLayout_coll"></div>-->
</div>
<!--</div>-->