﻿#dhtmlgoodies_dragDropContainer
{
	/* Main container for this script */ /*;*/ /*height: 720px;             border: 1px solid #317082; */
	background-color: #FFF;
	-moz-user-select: none;
}
#dhtmlgoodies_dragDropContainer ul
{
	/* General rules for all <ul> */
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 2px;
}
#dhtmlgoodies_dragDropContainer li, #dragContent li, li#indicateDestination
{
	/* Movable items, i.e. <LI> */
	list-style-type: none;
	height: 14px;
	background-color: #f4f2f2;
	border: 1px solid #000;
	padding: 2px;
	margin-bottom: 1px;
	cursor: pointer;
	font-size: 8pt;
	text-align: center;
}
li#indicateDestination, #dhtmlgoodies_mainContainer li#indicateDestination
{
	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	border: 1px dotted #317082;
	background-color: white;
}
/* LEFT COLUMN CSS */div#dhtmlgoodies_listOfItems
{
	/* Left column "Available items" */
	padding-right: 10px; /* CSS HACK */
	width: 180px; /* IE 5.x */
	width: /* */ /**/ 160px; /* Other browsers */
	width: /**/ 160px;
}
#dhtmlgoodies_listOfItems ul
{
	/* Left(Sources) column <ul> */
	height: 397px;
	border: 1px solid #999;
	width: 152px;
}
div#dhtmlgoodies_listOfItems div
{
	/*border: 1px solid #999;*/
}
#dhtmlgoodies_listOfItems div div
{
	/* Heading above left column */
	font-weight: 600;
	font-size: 10pt;
	color: #747474;
	height: 23px;
	font-family: Arial; /* border: solid 1px #747474; */ /*vertical-align:middle; */
}
/* END LEFT COLUMN CSS */#dhtmlgoodies_dragDropContainer .mouseover
{
	/* Mouse over effect DIV box in right column */ /*background-color: #f4f2f2;*/ /*border: 1px solid #317082;*/
}
/* Start main container CSS */div#dhtmlgoodies_mainContainer
{
	/* Right column DIV */ /*width: 450px;*/ /*float: left;*/
}
#dhtmlgoodies_mainContainer li
{
	/*Active - blue on the right*/
	background-color: #9BB9EB;
}
#dhtmlgoodies_mainContainer div
{
}
#dhtmlgoodies_mainContainer div div
{
	/* Heading above left column */
	font-weight: 600;
	font-size: 10pt;
	color: #747474;
	height: 23px;
	font-family: Arial;
	vertical-align: middle;
}
#dhtmlgoodies_mainContainer ul
{
	/* Small box in right column ,i.e <ul> */
	width: 152px;
	height: 210px;
	border: solid 1px #999;
	margin-bottom: 0px;
	overflow: hidden;
}
#dragContent
{
	/* Drag container */
	position: absolute;
	width: 150px;
	height: 20px;
	display: none;
	margin: 0px;
	padding: 0px;
	z-index: 2000;
}
#dragDropIndicator
{
	/* DIV for the small arrow */
	position: absolute;
	width: 7px;
	height: 10px;
	display: none;
	z-index: 1000;
	margin: 0px;
	padding: 0px;
}
