/*

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

*/

body {
	font-family: arial;
}

/* drag container*/
#drag {
	width:100%;
}

/* drag objects (DIV inside table cells) */
.drag {
	margin: auto;
	border: 0px;
}

/* container for the right table */
#right {
	width: 100%;
	font-size: 12px;
}
	/* align p text */
	#right p {
		text-align: left;
	}

	/* tables general */
	div#right table {
		float: left;
		width: 300px;
		background-color: #808EA3;
		empty-cells: hide;
	}
		/* table cells */
		div#right td {
			background-color: #808EA3;
			page-break-inside: avoid;
			border: 1px solid #ddd;
			height: 22px;
		}
		/* page container has two tables (to make the columns independent because of the different element sizes) */
		.page {
			margin: auto;
			display: table;
			/* this was needed to display left and right table propery */
			/* otherwise only right table has been displayed (?!) */
			border: 1px solid white;
		}
			/* tables in right container after first table should be printed on separated page */
			.other {
				page-break-before: always;
			}

/* hide needless title, DIV containers and buttons */
.title,
div#left,
div#left_container,
div#redips_clone,
input {
	width: 0px;
	height: 0px;
	display: none;
}