/* CSS Document */

	.selectables div{
		position: absolute;
		width: 120px;
		line-height: 12px;
		vertical-align: middle;
		padding-right: 5px;
		padding-top: 5px;
		height: 40px;
		clear: left;
		display: block;
		color:#FFFFFF;
		text-align: right;
		cursor: move;
	}
	#draggables {
		height: 100px;
	}
	#draggables div {
		height: 35px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		padding-left:35px;
		line-height:35px;
		background-repeat:no-repeat;
		background-color: transparent;
		z-index:99;
	}
	#droppables{
		left: 130px;
		z-index:99;
		clear: both;
	}
	.selectables div {
		margin: 10px;
	}
	.labels{
		top: 0px;
		z-index:0;
		float:right;
	}
	.labels div {
		margin: 2px;
		width: 160px;
		height: 600px;
		background-position:top;
	}
	.dropNeed{
		background: transparent url(/interactions/needswants/needs.png) no-repeat center;
		float:left;
	}
	.dropWant{
		background: transparent url(/interactions/needswants/wants.png) no-repeat center;
		float:left;
	}
	.dropNone{
		background: transparent url(/interactions/needswants/none.png) no-repeat center;
		float:left;
		}
	.drag{
		top: 0px;
		left: 0px;
	}
	.dragOrange{
		background: transparent url(/interactions/needswants/dragOrange.png) no-repeat left top;
	}
	.dragBlue{
		background: transparent url(/interactions/needswants/dragBlue.png) no-repeat left top;
	}
	.col2{
		left: 60px;
	}
	.col3{
		left: 120px;
	}
	.col4{
		left: 180px;
	}
	.col5{
		left: 240px;
	}
	.col6{
		left: 300px;
	}
	#other input, #misc1 input, #misc2 input, #misc3 input{
		border: none;
		background: transparent;
		text-align: right;
		color:#FFFFFF;
	}