body {
  font-family: Tahoma;
  font-size:10pt;
  color: #f4f4f4;
  background-color:#555;
  margin:0;
}

h1 {
  margin:0 0 0.5em 0;
  font-size:180%
}
a {color:#f4f4f4}

ul li {
  margin-top: 2px;
}

img.silk {
  width:16px;
  height:16px;
  padding:0;
  margin:0
}

/* ----------------------------------------------------------------------------
 * Custom CSS Popups
 * ---------------------------------------------------------------------------- */
div.popup {
  display: none;
  position: absolute;
  padding: 5px;
  background-color: #4c4dba;
  text-align: left;
  color: #fff;
  font-family: Tahoma;
  font-size: 100%;
  width: 30em;
  margin-top: 5px;
  margin-left: 5px;
  z-index: 100;
}

div.popup h1 {
  font-size: 120%;
  font-weight: bold;
}

div.popup table.popupComponentsTable tr th {
  background-color: #4c4dba;
  font-family: Tahoma;
  font-size: 70%;
  color: #f4f4f4;
  padding-left: 0;
}
div.popup table.popupComponentsTable tr td {
  background-color: #4c4dba;
  font-family: Tahoma;
  font-size: 70%;
  font-weight: bold;
  color: #f4f4f4;
  padding-right: 0;
}

/* ----------------------------------------------------------------------------
 * Support Popup in table headers and data cells
 * ---------------------------------------------------------------------------- */
th.withPopup, td.withPopup {
  cursor: pointer
}

th.withPopup:hover > div:last-child.popup, td.withPopup:hover > div:last-child.popup  {
  display: block;
}
/*
 * If you are fast you can mouse over the popup, which will cause it to stay visible because it's inside the td element
 * this prevents that annoying behaviour by hiding the popup if you manage to hover over it
 */
th.withPopup:hover > div:last-child.popup:hover, td.withPopup:hover > div:last-child.popup:hover {
  display: none;
}


/* ----------------------------------------------------------------------------
 * Support Popup in productId headers
 * ---------------------------------------------------------------------------- */
td.suiteProjectHeader.withPopup {
  cursor: pointer
}

td.suiteProjectHeader.withPopup:hover > div:last-child.popup {
  display: block;
}

/*
 * If you are fast you can mouse over the popup, which will cause it to stay visible because it's inside the td element
 * this prevents that annoying behaviour by hiding the popup if you manage to hover over it
 */
td.suiteProjectHeader.withPopup:hover > div:last-child.popup:hover {
  display: none;
}


/* ----------------------------------------------------------------------------
 * Support Popup in test details
 * ---------------------------------------------------------------------------- */
img.silkWithPopup {
  width:16px;
  height:16px;
  padding:0;
  margin:0;
  cursor: pointer
}

img.silkWithPopup:hover + .popup {
  display: block;
}


/* ----------------------------------------------------------------------------
 * Page structure
 * ---------------------------------------------------------------------------- */
div#header {
  background-color: #201e1e;
  padding: 5px 10px;
  margin: 0
}

div#content {
  padding: 10px
}


div#content h2:first-child {
  margin-top: 0
}