/* Topp bar */
#status {
  background-color: #23487D; 
  color: #fff;
}
#status a, #status a:active {
   color: #fff;
}
/* Level a */
#ews-ul-nav ul li {
  background-color:#23487D;
}
#ews-ul-nav ul li a {
  color: #fff;
}
#ews-ul-nav ul li a.active,
#ews-ul-nav ul li a:hover {
  background: #d3d3d3 url(gfx/menu-marker-black.png) right top no-repeat;
  color: #000;
}
#ews-ul-nav ul li.open {
  background: #d3d3d3 url(gfx/menu-marker-black.png) right top no-repeat;
}
#ews-ul-nav ul li.open a {
  color: #000;
}
#ews-ul-nav ul li ul li {
  background-color: #eee;
  border-top: #fff 1px solid;
}
#ews-ul-nav ul li ul li.open {
  background-color:#9FACAE;
}
#ews-ul-nav ul li ul li a {
  color: #000;
}
#ews-ul-nav ul li ul li a:hover,
#ews-ul-nav ul li.open ul li a:hover,
#ews-ul-nav ul li.close ul li a:hover {    
  background-color: #e3e3e3;
}
#ews-ul-nav ul li.close ul li ul li a {
  background-color: #f7f7f7;
}
#tabs-faner a.active, #tabs-login a.active,
#tabs-faner a:hover, #tabs-login a:hover {
  background-image: url(gfx/fane-blue.gif);
  color: #fff;
}

/* 
  Dotted grid, TODO - pixelsizes are skewed
  Each col loses 2px, and main table loses 2px.
*/
table.p3x3 {
  border-top: #ccc 2px dotted;
  border-left: #ccc 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-left,
table.p3x3 tbody tr.text td.p3x3-left,
table.p3x3 tbody tr.middle td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-left {
  border-right: #ccc 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-center,
table.p3x3 tbody tr.text td.p3x3-center,
table.p3x3 tbody tr.middle td.p3x3-center,
table.p3x3 tbody tr.foot td.p3x3-center {
  border-right: #ccc 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-right,
table.p3x3 tbody tr.text td.p3x3-right,
table.p3x3 tbody tr.middle td.p3x3-right,
table.p3x3 tbody tr.foot td.p3x3-right {
  border-right: #ccc 2px dotted;
}
table.p3x3 tbody tr.foot td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-center,
table.p3x3 tbody tr.foot td.p3x3-right {
  border-bottom: #ccc 2px dotted;
}