/* ClassDatabaseSchema.css */

body
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
}

#mainDiv
{
	width: 1220px;
	height: 600px;
	margin: 0 auto 0 auto;
	border: 1px solid blue;
	border-radius: 15px;
	position: relative;
}

#mainCanvas
{
	/*width: 1220px;
	height: 600px;*/
	/*width and height are attributes in the canvas tag, so the line stroke is sharp and not fuzzy...
	ref:  http://stackoverflow.com/questions/3991113/html5-canvas-stroke-thick-and-fuzzy */
	position: absolute;
	left: 0px;
	top: 0px;
	/*border: 1px solid red;
	border-radius: 15px;*/
}

#linksDiv
{
	position: absolute;
	left: 20px;
	top: 10px;
	z-index: 3;
}

h1
{
	text-align: center;
	margin-top: 10px;
}

.col1
{
	width: 160px;
}

#custTable
{
	position: absolute;
	/*left: 420px;*/
	left: 20px;
	top: 60px;
	border: 1px solid gray;
	border-radius: 7px;
	width: 360px;
	padding: 10px;
}

#custTable th, #custTable td
{
	padding-right: 20px;
}

#securityTable
{
	position: absolute;
	left: 820px;
	top: 60px;
	border: 1px solid gray;
	border-radius: 7px;
	width: 360px;
	padding: 10px;
}

#securityTable th, #securityTable td
{
	padding-right: 20px;
}

#ordersTable
{
	position: absolute;
	/*left: 20px;*/
	left: 420px;
	top: 60px;
	border: 1px solid gray;
	border-radius: 7px;
	width: 360px;
	padding: 10px;
}

#ordersTable th, #ordersTable td
{
	padding-right: 20px;
}

#orderItemsTable
{
	position: absolute;
	/*left: 20px;
	top: 340px;*/
	left: 820px;
	top: 60px;
	border: 1px solid gray;
	border-radius: 7px;
	width: 360px;
	padding: 10px;
}

#orderItemsTable th, #orderItemsTable td
{
	padding-right: 20px;
}

#productsTable
{
	position: absolute;
	/*left: 420px;*/
	left: 820px;
	top: 340px;
	border: 1px solid gray;
	border-radius: 7px;
	width: 360px;
	padding: 10px;
}

#productsTable th, #productsTable td
{
	padding-right: 20px;
}

#suppliersTable
{
	position: absolute;
	/*left: 820px;*/
	left: 420px;
	top: 340px;
	border: 1px solid gray;
	border-radius: 7px;
	width: 360px;
	padding: 10px;
}

#suppliersTable th, #suppliersTable td
{
	padding-right: 20px;
}