/* General settings for the entire page */
body {
  margin: 0ex 1ex;
  padding: 0;
  background-color: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 12pt;
  color: #000;
  text-align: center; /* workaround for IE box centering */
}

/* Header includes logo and project name */
div.header {
  margin: auto;
  min-width: 900px;
  width: 80%;
  margin-top: 20px; 
}

/* The project logo at the top of each page */
div.logo {
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px #000;
}

/* The page title under main menu */
div.title {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  color: #333;
  margin-left: 20px;
  margin-top: 0;
  padding-top: 20px;
  text-shadow: 0 1px #fff;
}

/* The login status message in the top right-hand corner */
div.status {
  float: right;
  text-align: right;
  color: #777;
  font-size: 0.8em;
  margin-top: 20px;
  margin-right: 20px;
}

/* The main menu bar that appears at the top of the page beneath
** the header */
div.mainmenu {
  padding: 10px 0;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  background: #315FD5;  
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 1px solid #69F;
  border-bottom: 1px solid #152952;
  text-shadow: 0 -1px #152952;
  margin-bottom: 0;
}

/* The submenu bar that *sometimes* appears below the main menu */
div.submenu {
  padding: 3px 10px 3px 0px;
  font-size: 0.75em;
  text-align: center;
  color: #333;
  margin-top: 5px;
  margin-bottom: 2px;
}

div.mainmenu a:link, div.mainmenu a:visited {
  padding: 3px 10px 3px 10px;
  color: #fff;
  text-decoration: none;
  border: 0;
}

div.submenu a:link, div.submenu a:visited {
  padding: 1px 10px;
  color: #222;
  border: 1px solid #BDBDBD;
  background: #CCC;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  text-shadow: 0 1px #fff;
}

div.submenu a:hover {
  color: #fff;
  background: #858585;
  border-color: #5B5B5B;
  text-shadow: 0 1px #000;
}

div.mainmenu a:hover, div.mainmenu a:visited:hover {
  color: #9CF;
  text-decoration: none;
}


div.container {
  margin: auto;
  min-width: 900px;
  width: 80%;  
  background: #69F;
  margin-top: 20px;
}

div.container, div.subcontainer {
  background: #eeeeee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 0;
  text-align: left;
}

div.subcontainer {
  width: 100%;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* All page content from the bottom of the menu or submenu down to
** the footer */
div.content {
  padding: 10px 20px 20px 20px;
  font-size: 0.8em;
}

/* 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;
  color: #5B677E;
  border-bottom: 2px solid #B6BECD;
}

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

/* The footer at the very bottom of the page */
div.footer {
  margin: auto;
  min-width: 900px;
  width: 80%;
  font-size: 0.8em;
  padding: 5px 10px 5px 10px;
  text-align: right;
  color: #777;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Make the links in the footer less ugly... */
div.footer a { color: white; }
div.footer a:link { color: white; }
div.footer a:visited { color: white; }
div.footer a:hover { background-color: white; color: #558195; }

/* <verbatim> blocks */
pre.verbatim {
  background-color: #f3f3f3;
  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;
}

/* For marking important UI elements which shouldn't be
   lightly dismissed. I mainly use it to mark "not yet
   implemented" parts of a page. Whether or not to have
   a 'border' attribute set is arguable. */
.achtung {
  color: #ff0000;
  background: #ffff00;
  border: 1px solid #ff0000;
}

div.miniform {
  font-size: smaller;
  margin: 8px;
}

hr { 
  height: 0;
  color: #ccc;
  background-color: #ccc;
  border: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

table {
  font-size: 1em;
}

a:link {
   color: #004080;
   text-decoration: none;
}

a:visited {
   color: #6A4A95;
   text-decoration: none;
}

a:hover {
  color: #24548F;
  text-decoration: underline;
}

a:visited:hover {
   color: #6A4A95;
   text-decoration: underline;
}

table.report {
  margin-bottom: 1em;
  border: 1px solid #bbb;
  border-spacing: 0;
  border-collapse: collapse;
}

table.report td, table.report th {
  border: 1px solid #bbb;
  border-width: 1px;
  border-spacing: 0;
  padding: 4px;
}

/* Ticket view */

td.tkt-label {
  text-align: right;
  color: #666;
}

td.tkt-label-comments {
  color: #666;
}

td.tkt-value, td.tkt-value-comments {
  background-color: #fcfcfc;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
}

td.tkt-value-comments {
  padding: 15px;
}/* 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;
}