/*-----------------------------------------------------------
** styles used for drag and drop functionality
**
**-----------------------------------------------------------
*/

	#destContainer {	/* BIG DIV containing HTML needed for the destination elements */
		padding:3px;
		position: relative;
		-moz-user-select:no;
	}

	#srcContainer {	/* BIG DIV containing HTML needed for the source elements */
		padding:3px;
		position: relative;
		float:left;
		-moz-user-select:no;
	}

	div.dsection {
		border: 1px solid #CCCCCC;
		margin: 0px;
		padding: 0px 0px 2px 0px;
		/*background-color: #EFEFEF;*/
		float: left;
		width:200px;
		height:22px;
		cursor:pointer;
		text-align: left;
	}

	div.section {
		border: 1px solid #CCCCCC;
		background-color: #EFEFEF;
		float:right;
		height:100%;
		width:225px;
		/*border:1px solid #000;*/
		padding:2px;
	}

	div.section h4 {
		font-size: 12px;
		padding: 2px 5px;
		margin: 0 0 10px 0;
		background-color: #CCCCCC;
		cursor: move;
		display: block;
	}

	div.lineitem {
		margin: 3px 10px;
		padding: 2px;
		background-color: #FFFFFF;
		cursor:pointer;
		width: 200px;
		font-size: 12px;
	}

	#destination .dropSmallBox {	/* Small answer divs (left-hand side) */
		border:1px solid #000;
		cursor:pointer;
		background-color:#76D6FF; /* Light blue background color */
		width: 200px;
		height: 20px;
		font-size: 12px;
		text-align: left;
		float: left;
	}

	#destination div div {	/* DIV after it has been dragged from right to left box */
		width: 300px;
		margin:0px;
		border:0px;
		padding:0px;
		text-align: left;
		background-color:#FFFFFF;
		display: inline;
	}