/* CSS Document */
        .col
        {
            float: left;
            margin: 3px;
            padding: 3px;
        }

        #col1
        {
            width: 200px;
            height: auto;
            border: 3px solid #EEE8AA;
        }
        div.middleMenu div, div.rightMenu div  {
            margin: .2em;
            }        

        img.drag
        {
            width: 40px;
            height: 40px;
            position: relative;
        }

        #droppable
        {
            width: 980px;
            height: 525px;
            border: 3px solid #EEE8AA;
            /*float: center;  */          
        }

        .droppable
        {
            width: 980px;
            height: 525px;
            border: 3px solid #EEE8AA;
            /*float: center;  */          
        }

        .right
        {
            float: right;
        }

        .left
        {
            float: left;
        }
        
        .center
        {
            float: center;
        }        

        .clear
        {
            clear: both;
        }

        ul li
        {
            list-style: none;
        }

        .drag-list img
        {
            width: 25px;
            vertical-align: middle;
            cursor: move;
        }

        .drag-list ul
        {
            margin: 0;
            padding: 0;
        }

        .drag-list li
        {
            margin-bottom: 3px;
        }

        .remove-drag-hover
        {
            background-color: #aff492!important;
        }

        .drop-area /* Να είναι λευκό και το ενεργό */
        {
            background-color: #fff;
        }

        .xicon
        {
            margin-top: 3px;
            position: absolute;
            margin-left: -2px;
            color: #FFF;
            font: message-box;
            text-decoration: none;
        }

            .xicon:hover
            {
                background-color: #fff;
                color: #000;
                width: 26px;
                height: 40px;
                text-align: center;
            }

        .tip
        {
            font-size: 12px;
            clear: both;
        }
