
/********** a dark blue box with rounded corners ****************/
table.dark_blue_box *
{
  background-repeat: no-repeat;
}

table.dark_blue_box tr.top_row
{
  height: 7px;
}

table.dark_blue_box tr.top_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/dark_blue_box/topleft.gif);

  height: 7px;
}

table.dark_blue_box tr.top_row td.middle_column
{
  background-image: url(images/new_design/dark_blue_box/topnbottom.gif);
  background-repeat: repeat-x;
}

table.dark_blue_box tr.top_row td.right_column
{
  width: 7px;
  background-image: url(images/new_design/dark_blue_box/topright.gif);
}

table.dark_blue_box tr.middle_row
{
  /* nothing to say here */
}

table.dark_blue_box tr.middle_row td.left_column
{
  background-image: url(images/new_design/dark_blue_box/sides.gif);
  background-repeat: repeat-y;
}

table.dark_blue_box tr.middle_row td.middle_column
{
  background-image: url(images/new_design/dark_blue_box/sides.gif);
  background-repeat: repeat;
}

table.dark_blue_box tr.middle_row td.right_column
{
  background-image: url(images/new_design/dark_blue_box/sides.gif);
  background-repeat: repeat-y;
}

table.dark_blue_box tr.bottom_row
{
  height: 7px;
}

table.dark_blue_box tr.bottom_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/dark_blue_box/bottomleft.gif);

  height: 7px;
}

table.dark_blue_box tr.bottom_row td.middle_column
{
  background-image: url(images/new_design/dark_blue_box/topnbottom.gif);
  background-repeat: repeat-x;
}

table.dark_blue_box tr.bottom_row td.right_column
{
  width: 7px;
  background-image: url(images/new_design/dark_blue_box/bottomright.gif);
}
/*** END ***/



/********** a light blue box with rounded corners ****************/
.light_blue_box *
{
  background-repeat: no-repeat;
}

.light_blue_box .top_row
{
  height: 7px;
}

.light_blue_box .top_row .left_column
{
  width: 7px;
  background-image: url(images/new_design/light_blue_box/topleft.gif);
}

.light_blue_box .top_row .middle_column
{
  background-image: url(images/new_design/light_blue_box/topnbottom.gif);
  background-repeat: repeat-x;
}

.light_blue_box .top_row .right_column
{
  width: 7px;
  background-image: url(images/new_design/light_blue_box/topright.gif);
}

.light_blue_box .middle_row
{
  /* nothing to say here */
}

.light_blue_box .middle_row .left_column
{
  background-image: url(images/new_design/light_blue_box/sides.gif);
  background-repeat: repeat-y;
  width: 7px;
}

.light_blue_box .middle_row .middle_column
{
  background-image: url(images/new_design/light_blue_box/sides.gif);
  background-repeat: repeat;
}

.light_blue_box .middle_row .right_column
{
  background-image: url(images/new_design/light_blue_box/sides.gif);
  background-repeat: repeat-y;
}

.light_blue_box .bottom_row
{
  height: 7px;
}

.light_blue_box .bottom_row .left_column
{
  width: 7px;
  background-image: url(images/new_design/light_blue_box/bottomleft.gif);
}

.light_blue_box .bottom_row .middle_column
{
  background-image: url(images/new_design/light_blue_box/topnbottom.gif);
  background-repeat: repeat-x;
}

.light_blue_box .bottom_row .right_column
{
  width: 7px;
  background-image: url(images/new_design/light_blue_box/bottomright.gif);
}
/*** END ***/



/********** a box for holding content - blue top bit with gray bordered area underneath ****************/
table.content_box *
{
  background-repeat: no-repeat;
}

table.content_box tr.top_row
{
  height: 31px;
}

table.content_box tr.top_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/content_box/topleft.gif);

  /* safari won't display the row at the proper height without setting the height property on one td in the row */
  height: 31px;
}

table.content_box tr.top_row td.middle_column
{
  background-image: url(images/new_design/content_box/topmiddle.gif);
  background-repeat: repeat-x;
  color: white;
  font-weight: bold;
  text-align: center;
}

table.content_box tr.top_row td.right_column
{
  width: 10px;
  background-image: url(images/new_design/content_box/topright.gif);
}

table.content_box tr.middle_row
{
  /* nothing to say here */
}

table.content_box tr.middle_row td.left_column
{
  background-image: url(images/new_design/content_box/left.gif);
  background-repeat: repeat-y;
}

table.content_box tr.middle_row td.middle_column
{

}

table.content_box tr.middle_row td.right_column
{
  background-image: url(images/new_design/content_box/right.gif);
  background-repeat: repeat-y;
}

table.content_box tr.bottom_row
{
  height: 10px;
}

table.content_box tr.bottom_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/content_box/bottomleft.gif);

  height: 10px;
}

table.content_box tr.bottom_row td.middle_column
{
  background-image: url(images/new_design/content_box/bottom.gif);
  background-repeat: repeat-x;
}

table.content_box tr.bottom_row td.right_column
{
  width: 10px;
  background-image: url(images/new_design/content_box/bottomright.gif);
}
/*** END ***/


/********** a box for holding content - light blue top bit with gray bordered area underneath ****************/
table.content_box2 *
{
  background-repeat: no-repeat;
}

table.content_box2 tr.top_row
{
  height: 31px;
}

table.content_box2 tr.top_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/content_box2/topleft.gif);

  /* safari won't display the row at the proper height without setting the height property on one td in the row */
  height: 31px;
}

table.content_box2 tr.top_row td.middle_column
{
  background-image: url(images/new_design/content_box2/topmiddle.gif);
  background-repeat: repeat-x;
}

table.content_box2 tr.top_row td.right_column
{
  width: 10px;
  background-image: url(images/new_design/content_box2/topright.gif);
}

table.content_box2 tr.middle_row
{
  /* nothing to say here */
}

table.content_box2 tr.middle_row td.left_column
{
  background-image: url(images/new_design/content_box2/left.gif);
  background-repeat: repeat-y;
}

table.content_box2 tr.middle_row td.middle_column
{

}

table.content_box2 tr.middle_row td.right_column
{
  background-image: url(images/new_design/content_box2/right.gif);
  background-repeat: repeat-y;
}

table.content_box2 tr.bottom_row
{
  height: 10px;
}

table.content_box2 tr.bottom_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/content_box2/bottomleft.gif);

  height: 10px;
}

table.content_box2 tr.bottom_row td.middle_column
{
  background-image: url(images/new_design/content_box2/bottom.gif);
  background-repeat: repeat-x;
}

table.content_box2 tr.bottom_row td.right_column
{
  width: 10px;
  background-image: url(images/new_design/content_box2/bottomright.gif);
}
/*** END ***/


/********** a simple box with gray border ****************/
table.simple_box *
{
  background-repeat: no-repeat;
}

table.simple_box tr.top_row
{
  height: 7px;
}

table.simple_box tr.top_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/simple_box/topleft.gif);
}

table.simple_box tr.top_row td.middle_column
{
  background-image: url(images/new_design/simple_box/topmiddle.gif);
  background-repeat: repeat-x;
}

table.simple_box tr.top_row td.right_column
{
  width: 10px;
  background-image: url(images/new_design/simple_box/topright.gif);
}

table.simple_box tr.middle_row
{
  /* nothing to say here */
}

table.simple_box tr.middle_row td.left_column
{
  background-image: url(images/new_design/simple_box/left.gif);
  background-repeat: repeat-y;
}

table.simple_box tr.middle_row td.middle_column
{

}

table.simple_box tr.middle_row td.right_column
{
  background-image: url(images/new_design/simple_box/right.gif);
  background-repeat: repeat-y;
}

table.simple_box tr.bottom_row
{
  height: 10px;
}

table.simple_box tr.bottom_row td.left_column
{
  width: 7px;
  background-image: url(images/new_design/simple_box/bottomleft.gif);
}

table.simple_box tr.bottom_row td.middle_column
{
  background-image: url(images/new_design/simple_box/bottom.gif);
  background-repeat: repeat-x;
}

table.simple_box tr.bottom_row td.right_column
{
  width: 10px;
  background-image: url(images/new_design/simple_box/bottomright.gif);
}
/*** END ***/

