/* General settings for the entire page */
body {
    margin:0px 0px 0px 0px;
    padding:0px;
    font-family:verdana, arial, helvetica, "sans serif";
    color:#333;
    background-color:white;
}

/* consistent colours */
h2 {
  color: #333;
}
h3 {
  color: #333;
}

/* The project logo in the upper left-hand corner of each page */
div.logo {
  display: table-cell;
  text-align: left;
  vertical-align: bottom;
  font-weight: bold;
  color: #333;
}

/* The page title centered at the top of each page */
div.title {
  display: table-cell;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  color: #333;
  vertical-align: bottom;
  width: 100%;
}

/* The login status message in the top right-hand corner */
div.status {
  display: table-cell;
  padding-right: 10px;
  text-align: right;
  vertical-align: bottom;
  padding-bottom: 5px;
  color: #333;
  font-size: 0.8em;
  font-weight: bold;
}

/* The header across the top of the page */
div.header {
    margin:10px 0px 10px 0px;
    padding:1px 0px 0px 20px;
    border-style:solid;
    border-color:black;
    border-width:1px 0px;
    background-color:#eee;
}

/* The main menu bar that appears at the top left of the page beneath
** the header. Width must be co-ordinated with the container below */
div.mainmenu {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 0.9em;
  font-weight: bold;
  padding:5px;
  background-color:#eee;
  border:1px solid #999;
  width:8em;
}

/* Main menu is now a list */
div.mainmenu ul {
  padding: 0;
  list-style:none;
}
div.mainmenu a, div.mainmenu a:visited{
  padding: 1px 10px 1px 10px;
  color: #333;
  text-decoration: none;
}
div.mainmenu a:hover {
  color: #eee;
  background-color: #333;
}

/* Container for the sub-menu and content so they don't spread
** out underneath the main menu */
#container {
  padding-left: 9em;
}

/* The submenu bar that *sometimes* appears below the main menu */
div.submenu {
  padding: 3px 10px 3px 10px;
  font-size: 0.9em;
  text-align: center;
  border:1px solid #999;
  border-width:1px 0px;
  background-color: #eee;
  color: #333;
}
div.submenu a, div.submenu a:visited {
  padding: 3px 10px 3px 10px;
  color: #333;
  text-decoration: none;
}
div.submenu a:hover {
  color: #eee;
  background-color: #333;
}

/* All page content from the bottom of the menu or submenu down to
** the footer */
div.content {
  float right;
  padding: 2ex 1ex 0ex 2ex;
}

/* Some pages have section dividers */
div.section {
  margin-bottom: 0px;
  margin-top: 1em;
  padding: 1px 1px 1px 1px;
  font-size: 1.2em;
  font-weight: bold;
  border-style:solid;
  border-color:#999;
  border-width:1px 0px;
  background-color: #eee;
  color: #333;
}

/* The "Date" that occurs on the left hand side of timelines */
div.divider {
  background: #eee;
  border: 2px #999 solid;
  font-size: 1em; font-weight: normal;
  padding: .25em;
  margin: .2em 0 .2em 0;
  float: left;
  clear: left;
  color: #333
}

/* The footer at the very bottom of the page */
div.footer {
  font-size: 0.8em;
  margin-top: 12px;
  padding: 5px 10px 5px 10px;
  text-align: right;
  background-color: #eee;
  color: #555;
}

/* <verbatim> blocks */
pre.verbatim {
   background-color: #f5f5f5;
   padding: 0.5em;
}

/* The label/value pairs on (for example) the ci page */
table.label-value th {
  vertical-align: top;
  text-align: right;
  padding: 0.2ex 2ex;
}/* The nomenclature sidebox for branches,.. */
div.sidebox {
  float: right;
  background-color: white;
  border-width: medium;
  border-style: double;
  margin: 10;
}

/* The nomenclature title in sideboxes for branches,.. */
div.sideboxTitle {
  display: inline;
  font-weight: bold;
}

/* The defined element in sideboxes for branches,.. */
div.sideboxDescribed {
  display: inline;
  font-weight: bold;
}

/* The defined element in sideboxes for branches,.. */
span.disabled {
  color: red;
}

/* The suppressed duplicates lines in timeline, .. */
span.timelineDisabled {
  font-style: italic;
  font-size: small;
}

/* the format for the timeline data table */
table.timelineTable {
  cellspacing: 0;
  border: 0;
  cellpadding: 0
}

/* the format for the timeline data cells */
td.timelineTableCell {
  valign: top;
  align: left;
}

/* the format for the timeline leaf marks */
span.timelineLeaf {
  font-weight: bold;
}

/* the format for the timeline version links */
a.timelineHistLink {

}

/* the format for the timeline version display(no history permission!) */
span.timelineHistDsp {
  font-weight: bold;
}

/* the format for the timeline time display */
td.timelineTime {
  vertical-align: top;
  text-align: right;
}

/* the format for the grap placeholder cells in timelines */
td.timelineGraph {
width: 20;
text-align: left;
vertical-align: top;
}

/* the format for the tag links */
a.tagLink {

}

/* the format for the tag display(no history permission!) */
span.tagDsp {
  font-weight: bold;
}

/* the format for wiki errors */
span.wikiError {
  font-weight: bold;
  color: red;
}

/* the format for fixed/canceled tags,.. */
span.infoTagCancelled {
  font-weight: bold;
  text-decoration: line-through;
}

/* the format for tags,.. */
span.infoTag {
  font-weight: bold;
}

/* the format for fixed/cancelled tags,.. on wiki pages */
span.wikiTagCancelled {
  text-decoration: line-through;
}

/* format for the file display table */
table.browser {
/* the format for wiki errors */
  width: 100% ;
  border: 0;
}

/* format for cells in the file browser */
td.browser {
  width: 24% ;
  vertical-align: top;
}

/* format for the list in the file browser */
ul.browser {
  margin-left: 0.5em;
  padding-left: 0.5em;
}

/* table format for login/out label/input table */
table.login_out {
  text-align: left;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

/* captcha display options */
div.captcha {
  text-align: center;
}

/* format for the layout table, used for the captcha display */
table.captcha {
  margin: auto;
  padding: 10px;
  border-width: 4px;
  border-style: double;
  border-color: black;
}

/* format for the label cells in the login/out table */
td.login_out_label {
  text-align: center;
}

/* format for login error messages */
span.loginError {
  color: red;
}

/* format for leading text for notes */
span.note {
  font-weight: bold;
}

/* format for textare labels */
span.textareaLabel {
  font-weight: bold;
}

/* format for the user setup layout table */
table.usetupLayoutTable {
  outline-style: none;
  padding: 0;
  margin: 25px;
}

/* format of the columns on the user setup list page */
td.usetupColumnLayout {
  vertical-align: top
}

/* format for the user list table on the user setup page */
table.usetupUserList {
  outline-style: double;
  outline-width: 1;
  padding: 10px;
}

/* format for table header user in user list on user setup page */
th.usetupListUser {
  text-align: right;
  padding-right: 20px;
}

/* format for table header capabilities in user list on user setup page */
th.usetupListCap {
  text-align: center;
  padding-right: 15px;
}

/* format for table header contact info in user list on user setup page */
th.usetupListCon {
  text-align: left;
}

/* format for table cell user in user list on user setup page */
td.usetupListUser {
  text-align: right;
  padding-right: 20px;
  white-space:nowrap;
}

/* format for table cell capabilities in user list on user setup page */
td.usetupListCap {
  text-align: center;
  padding-right: 15px;
}

/* format for table cell contact info in user list on user setup page */
td.usetupListCon {
  text-align: left
}

/* layout definition for the capabilities box on the user edit detail page */
div.ueditCapBox {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

/* format of the label cells in the detailed user edit page */
td.usetupEditLabel {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

/* color for capabilities, inherited by nobody */
span.ueditInheritNobody {
  color: green;
}

/* color for capabilities, inherited by developer */
span.ueditInheritDeveloper {
  color: red;
}

/* color for capabilities, inherited by reader */
span.ueditInheritReader {
  color: black;
}

/* color for capabilities, inherited by anonymous */
span.ueditInheritAnonymous {
  color: blue;
}

/* format for capabilites, mentioned on the user edit page */
span.capability {
  font-weight: bold;
}

/* format for different user types, mentioned on the user edit page */
span.usertype {
  font-weight: bold;
}

/* leading text for user types, mentioned on the user edit page */
span.usertype:before {
  content:"'";
}

/* trailing text for user types, mentioned on the user edit page */
span.usertype:after {
  content:"'";
}

/* format for missing priviliges note on user setup page */
p.missingPriv {
 color: blue;
}

/* format for leading text in wikirules definitions */
span.wikiruleHead {
  font-weight: bold;
}

/* format for labels on ticket display page */
td.tktDspLabel {
  text-align: right;
}

/* format for values on ticket display page */
td.tktDspValue {
  text-align: left;
  vertical-align: top;
  background-color: #d0d0d0;
}

/* format for ticket error messages */
span.tktError {
  color: red;
  font-weight: bold;
}

/* format for example tables on the report edit page */
table.rpteditex {
  float: right;
  margin: 0;
  padding: 0;
  width: 125px;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}

/* format for example table cells on the report edit page */
td.rpteditex {
  border-width: thin;
  border-color: #000000;
  border-style: solid;
}

/* format for user color input on checkin edit page */
input.checkinUserColor {
# no special definitions, class defined, to enable color pickers, f.e.:
#  add the color picker found at http:jscolor.com  as java script include
#  to the header and configure the java script file with
#   1. use as bindClass :checkinUserColor
#   2. change the default hash adding behaviour to ON
#  or change the class defition of element identified by id="clrcust"
#  to a standard jscolor definition with java script in the footer.
}

/* format for end of content area, to be used to clear page flow(sidebox on branch,.. */
div.endContent {
  clear: both;
}

/* format for general errors */
p.generalError {
  color: red;
}

/* format for tktsetup errors */
p.tktsetupError {
  color: red;
  font-weight: bold;
}

/* format for th script errors */
p.thmainError {
  color: red;
  font-weight: bold;
}

/* format for th script trace messages */
span.thTrace {
  color: red;
}

/* format for report configuration errors */
p:reportError {
  color: red;
  font-weight: bold;
}

/* format for report configuration errors */
blockquote.reportError {
  color: red;
  font-weight: bold;
}

/* format for artifact lines, no longer shunned */
p.noMoreShun {
  color: blue;
}

/* format for artifact lines beeing shunned */
p.shunned {
  color: blue;
}