/* 
    Document   : drag
    Created on : 13.06.2008, 14:55:07
    Author     : User 1
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.tdclass {
 border: 1px solid; 
 color: #000000;
 height: 5px;
 width 5px;
 font-size: 0px;
}
        .grTd { border: 1px solid; color: #CCCCCC;}
        .inputclass {border: 0px; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
        
        .DragContainer {
        BORDER-RIGHT: #ff6600 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff6600 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #ff6600 1px solid; WIDTH: 170px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6600 1px solid
        }
        .OverDragContainer {
        BORDER-RIGHT: #ff6600 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff6600 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #ff6600 1px solid; WIDTH: 170px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6600 1px solid
        }
        .OverDragContainer {
        BACKGROUND-COLOR: #eee
        }
        .DragBox {
        BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; WIDTH: 160px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
        }
        .OverDragBox {
        BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; WIDTH: 160px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
        }
        .DragDragBox {
        BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; WIDTH: 160px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
        }
        .miniDragBox {
        BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; WIDTH: 160px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
        }
        .OverDragBox {
        BACKGROUND-COLOR: #ffff99
        }
        .DragDragBox {
        BACKGROUND-COLOR: #ffff99
        }
        .DragDragBox {
        FILTER: alpha(opacity=50); BACKGROUND-COLOR: #ff99cc
        }
        LEGEND {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666699; FONT-FAMILY: verdana, tahoma, arial
        }
        FIELDSET {
        PADDING-RIGHT: 3px; PADDING-LEFT: 170px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; 
        }
        .History {
        FONT-SIZE: 10px; OVERFLOW: auto; WIDTH: 100%; FONT-FAMILY: verdana, tahoma, arial; HEIGHT: 82px
        }
        #DragContainer8 {
        BORDER-RIGHT: #ff6600 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff6600 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ff6600 1px solid; WIDTH: 110px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6600 1px solid; HEIGHT: 110px
        }
        .miniDragBox {
        FLOAT: left; MARGIN: 0px 5px 5px 0px; WIDTH: 20px; HEIGHT: 20px
        }