/*

Darko Bunic
http://www.redips.net/
May, 2011.

*/

//body{
	font-family: arial;
	margin: 0px; /* for IE6 / IE7 */
}

/* make drag container visible */
#drag{
	//border: 2px dashed LightBlue;
	display: table;
	width:110%;
	//height: 5000px;
	margin: auto;
}
	/* table */
	div#drag table {
		border-collapse: collapse;
		//background-color: #eee;
	}
	
	/* table cells */
	div#drag td{
		//border: 1px solid navy;
		height: 5px;
	}
	
/* left container */
#left {
	float: left;
	display: table;
}

/* container for the right table */
#right {
	float: right;
	display: table;
	width: 300px;
}
	
	#sticky_table {
		width: 194px;
		height: 155px;
		margin-bottom: 10px;
		z-index: 10;
	}
	#sticky_table table {
		top: 10px;
		right: 30px;
		border:solid 0px #FF0;
		//position: fixed;
	}

	/* scrollable drag container */
	#scrollable {
		position: fixed;
		overflow: auto;
		width: 220px;
		height: 300px;
	}

/* drag object (DIV inside table cell) */
.drag{
//	margin: auto;
//	text-align: center;
//	width: 87px;
//	height: 35px;
//	font-size: 10pt;
//	line-height: 35px;
//	border: 2px solid SteelBlue;
//	background-color: white;
}