/* Hidden structure */

table#structure {
  visibility: hidden;
}


/* The underlying structure */

body.show_structure,
body.show_horizontal_structure,
body.show_vertical_structure {
  background: #eee;
}

body.show_structure table#structure,
body.show_horizontal_structure table#structure,
body.show_vertical_structure table#structure {
  visibility: visible;
  
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  
  margin: 0 auto;
  
  background: red;
  opacity: 0.65;
  
  font-size: 0.625em; /* 10px */
  line-height: 1; /* 10px */

  table-layout: fixed;
}

body.show_structure table#structure td,
body.show_horizontal_structure table#structure td,
body.show_vertical_structure table#structure td {
  height: 2.4em; /* 24px = 1em */
}

body.show_structure table#structure td.column_0,
body.show_horizontal_structure table#structure td.column_0,
body.show_vertical_structure table#structure td.column_0 {
  width: 14.4em; /* 144px */
}

body.show_structure table#structure td.column_1,
body.show_horizontal_structure table#structure td.column_1,
body.show_vertical_structure table#structure td.column_1 {
  width: 24em; /* 240px */
}

body.show_structure table#structure td.column_2,
body.show_horizontal_structure table#structure td.column_2,
body.show_vertical_structure table#structure td.column_2 {
  width: 2.4em; /* 24px */
}

body.show_structure table#structure td.column_3,
body.show_horizontal_structure table#structure td.column_3,
body.show_vertical_structure table#structure td.column_3 {
  width: 4.8em; /* 48px */
}

body.show_structure table#structure td.column_4,
body.show_horizontal_structure table#structure td.column_4,
body.show_vertical_structure table#structure td.column_4 {
  width: 19.2em; /* 192px */
}


/* Grid colors */

body.show_structure table#structure td.margin,
body.show_horizontal_structure table#structure td.margin,
body.show_vertical_structure table#structure td.margin,
body.show_vertical_structure table#structure td.light,
body.show_vertical_structure table#structure td.dark {
  background: #bdf; /* Dark blue */
}

body.show_structure table#structure tr.even td.margin,
body.show_vertical_structure table#structure tr.even td.margin,
body.show_vertical_structure table#structure tr.even td.light,
body.show_vertical_structure table#structure tr.even td.dark {
  background: #ace; /* Light blue */
}

body.show_structure table#structure td.light,
body.show_horizontal_structure table#structure td.light {
  background: #dfd; /* Light light green */
}

body.show_structure table#structure tr.even td.light {
  background: #bdb; /* Dark light green */
}

body.show_structure table#structure td.dark,
body.show_horizontal_structure table#structure td.dark {
  background: #cec; /* Light dark green */
}

body.show_structure table#structure tr.even td.dark{
  background: #aca; /* Dark dark green */
}


/* Everything else */

body.show_structure #everything,
body.show_horizontal_structure #everything,
body.show_vertical_structure #everything {
  position: relative;
}

body.show_structure #everything *,
body.show_horizontal_structure #everything *,
body.show_vertical_structure #everything * {
/*  background: transparent !important;*/
}