/* Main container for this script */
        #dhtmlgoodies_dragDropContainer{        
                -moz-user-select:none;
        }

	/* General rules for all <ul> */
        #dhtmlgoodies_dragDropContainer ul{     
                margin-top:0px;
                margin-left:0px;
                margin-bottom:0px;
                padding:2px;
        }

	/* Movable items, i.e. <LI> */
        #dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{      
                list-style-type:none;
                height:20px;
                background-color:#EEE;
                color:#444444;
                border:1px solid #000;
                padding:2px;
                margin-bottom:2px;
                cursor:pointer;
                font-size:0.9em;
        }

	/* Box indicating where content will be dropped - 
	   i.e. the one you use if you don't use arrow */
        li#indicateDestination{ 
                border:1px solid #317082;
                background-color:#FFF;
        }

        /* LEFT COLUMN CSS */
	/* Left column "Available Widgets" */
        div#dhtmlgoodies_listOfItems{   
                float:left;
                padding-left:2px;
                padding-right:2px;
                width: 100%;   
        }
	
	/* Left(Sources) column <ul> */
        #dhtmlgoodies_listOfItems ul{   
        }

        div#dhtmlgoodies_listOfItems div{
        }
	
	/* Left column <ul> */
        div#dhtmlgoodies_listOfItems div ul{    
		/* Space at the left of list - the arrow will be positioned there */
                margin-left:1px;       
        }

	/* Heading above left column */
        #dhtmlgoodies_listOfItems div p{        
                margin:0px;
                font-weight:bold;
                padding-left:2px;
                background-color:#317082;
                color:#FFF;
                margin-bottom:5px;
        }
        /* END LEFT COLUMN CSS */

	/* Mouse over effect DIV box in right column */
        #dhtmlgoodies_dragDropContainer .mouseover{     
                background-color:#E2EBED;
                color:#444444;
                border:1px solid #317082;
        }

        /* Start main container CSS */

	/* Right column DIV */
        div#dhtmlgoodies_mainContainer{ 
                float:left;
        }

	/* Parent <div> of small boxes */
        #dhtmlgoodies_mainContainer div{        
                float:left;
                margin-right:1px;
                margin-bottom:1px;
                margin-top:0px;
                border:1px solid #999;
        }
        #dhtmlgoodies_mainContainer div ul{
        }

	/* Heading above small boxes */
        #dhtmlgoodies_mainContainer div p{      
                margin:0px;
                padding:0px;
                padding-left:2px;
                font-weight:bold;
                background-color:#317082;
                color:#FFF;
                margin-bottom:5px;
        }

	/* Small box in right column ,i.e <ul> */
        #dhtmlgoodies_mainContainer ul{ 
                height:80px;
                border:0px;
                margin-bottom:0px;
                overflow:hidden;

        }

	/* Drag container */
        #dragContent{   
                position:absolute;
                width:120px;
                height:20px;
                display:none;
                margin:0px;
                padding:0px;
                z-index:2000;
        }

	/* DIV for the small arrow */
        #dragDropIndicator{     
                position:absolute;
                width:7px;
                height:10px;
                display:none;
                z-index:1000;
                margin:0px;
                padding:0px;
        }