/* Nested Tables Stylesheet */

#tableDiv
{
  width: 310px;
  margin: 0 auto;
}

table
{
  border-collapse: collapse;
}

td
{
  border: none;
  border-collapse: collapse;
}

#table1
{
  width: 300px;
  height: 400px;
}

#table2
{
  width: 200px;
  height: 400px;
}

#table3
{
  width: 200px;
  height: 300px;
}

#table4
{
  width: 200px;
  height: 100px;
}

#table5
{
  width: 200px;
  height: 200px;
}

#table6
{
  width: 100px;
  height: 200px;
}

.tdTableContainer
{
  padding: 0px;
}

.tdTextContainer
{
  padding: 5px;
}

.td1
{
  border: 1px solid black;
  width: 200px;
  height: 400px;
}

.td1b
{
  background-color: #CCFFFF;
  border: 1px solid black;
  width: 100px;
  height: 400px;
}

.td2
{
  background-color: #FFFFCC;
  border-bottom: 1px solid black;
  width: 200px;
  height: 100px;
}

.td2b
{
  width: 200px;
  height: 300px;
}

.td3
{
  width: 200px;
  height: 100px;
}

.td3b
{
  width: 200px;
  height: 200px;
}

.td4
{
  background-color: #FFCCFF;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  width: 100px;
  height: 100px;
}

.td4b
{
  background-color: #CCFFCC;
  border-bottom: 1px solid black;
  width: 100px;
  height: 100px;
}

.td5
{
  width: 100px;
  height: 200px;
}

.td5b
{
  background-color: #CCCCFF;
  width: 100px;
  height: 200px;
}

.td6
{
  background-color: #FFFFCC;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  width: 100px;
  height: 100px;
}

.td6b
{
  background-color: #FFCCCC;
  border-right: 1px solid black;
  width: 100px;
  height: 100px;
}