/*

Darko Bunic
http://www.redips.net/
Nov, 2010.

*/

body{
    font-family: arial;
    margin: 0px; /* for IE6 / IE7 */
}

/* make drag container visible */
#drag{
    /*border: 2px dashed ;*/
    display: table;
    width: 800px;
    margin: 5px;
    padding-left: 0px;
}

/* table */
div#drag table {
    border-collapse: collapse;
}

/* table cells */
div#drag td{
    /*border: 1px solid navy;*/
    /*height: 50px;*/
    height: 30px;
    text-align: center;
    font-size: 10pt;
    padding: 2px;
    border-color:transparent;
    /*background-color:red;*/
}

/* drag object (DIV inside table cell) */
.drag{
    margin: auto;
    text-align: center;
    width: 128px;
    /*      height: 25px;
        line-height: 25px;*/
    height: 25px;
    line-height: 25px;
    border-style:none;
    /*	border: 2px solid SteelBlue;*/
    /*background-color: lightgreen;*/
    background-color:transparent;
    border-color:transparent;
}

/* fixed table */
#fixed_table{
    position: fixed;
    top: 134px;
    left: 351px;
    background-color: #eee;
}

/* fixed table container */
#fixed_container{
    position: fixed;
    top: 133px;
    left: 575px;
    width: 218px;
    height: 300px;
    /* make it visible */
    border: 2px solid SlateGray;
    overflow: auto;
}
#fixed_container table{
    margin: 0px auto;
    background-color: #eee;
}