var cornerWidth = 8;

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function createRoundedTop()
{
	document.write("		<td class=" + quoted("top-left-corner-8px-40i") + "><div style=" + quoted("display:block; width:" + cornerWidth + "px; height:" + cornerWidth + "px;") + "><!-- --></div></td>");
	document.write("		<td></td>");
	document.write("		<td class=" + quoted("top-right-corner-8px-40i") + "><div style=" + quoted("display:block; width:" + cornerWidth + "px; height:" + cornerWidth + "px;") + "><!-- --></div></td>");
}

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function createRoundedBottom()
{
	document.write("		<td class=" + quoted("bottom-left-corner-8px-40i") + "><div style=" + quoted("display:block; width:" + cornerWidth + "px; height:" + cornerWidth + "px;") + "><!-- --></div></td>");
	document.write("		<td></td>");
	document.write("		<td class=" + quoted("bottom-right-corner-8px-40i") + "><div style=" + quoted("display:block; width:" + cornerWidth + "px; height:" + cornerWidth + "px;") + "><!-- --></div></td>");
}

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function addRoundedTop(table)
{
	// document.createElement();

	var row = document.createElement('tr');

	var leftCorner = document.createElement('td');
	leftCorner.className = 'top-left-corner-8px-40i';
	leftCorner.style.display = 'block';
	leftCorner.style.width = cornerWidth + 'px';
	leftCorner.style.height = cornerWidth + 'px';
	leftCorner.innerHtml = "<!-- -->";

	var middle = document.createElement('td');

	var rightCorner = document.createElement('td');
	rightCorner.className = 'top-right-corner-8px-40i';
	rightCorner.style.display = 'block';
	rightCorner.style.width = cornerWidth + 'px';
	rightCorner.style.height = cornerWidth + 'px';
	rightCorner.innerHtml = "<!-- -->";

	// ---

	row.appendChild(leftCorner);
	row.appendChild(middle);
	row.appendChild(rightCorner);

	table.appendChild(row);
}

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function addRoundedBottom(table)
{
	// document.createElement();

	var row = document.createElement('tr');

	var leftCorner = document.createElement('td');
	leftCorner.className = 'bottom-left-corner-8px-40i';
	leftCorner.style.display = 'block';
	leftCorner.width = cornerWidth + 'px';
	leftCorner.style.width = cornerWidth + 'px';
	leftCorner.style.height = cornerWidth + 'px';
	leftCorner.innerHtml = "<!-- -->";

	var middle = document.createElement('td');

	var rightCorner = document.createElement('td');
	rightCorner.className = 'bottom-right-corner-8px-40i';
	rightCorner.style.display = 'block';
	rightCorner.width = cornerWidth + 'px';
	rightCorner.style.width = cornerWidth + 'px';
	rightCorner.style.height = cornerWidth + 'px';
	rightCorner.innerHtml = "<!-- -->";

	// ---

	row.appendChild(leftCorner);
	row.appendChild(middle);
	row.appendChild(rightCorner);

	table.appendChild(row);
}

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function addLeftBorder(row)
{
	// document.createElement();

	var cell = document.createElement('td');

	var div = document.createElement('div');

	cell.style.display = 'block';
//	cell.style.display = 'inline';
	cell.style.width = cornerWidth + 'px';
	cell.style.minWidth = cornerWidth + 'px';
	cell.width = 5*cornerWidth + 'px';
//	cell.innerHtml = '&nbsp;<!-- -->';

	div.style.display = 'block';
//	div.style.display = 'inline';
	div.style.width = cornerWidth + 'px';
	div.style.minWidth = cornerWidth + 'px';
	div.width = 5*cornerWidth + 'px';

	cell.appendChild(div);
	
	row.appendChild(cell);
}

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------