.container-12 {
width:92%;
max-width:960px;
margin-left:4%;
margin-right:4%;
}

.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
display:inline;
float:left;
position:relative;
margin-left:1%;
margin-right:1%;
}

.container-12 .grid-1 {
width:6.333%;
}

.container-12 .grid-2 {
width:14.667%;
}

.container-12 .grid-3 {
width:23.000%;
}

.container-12 .grid-4 {
width:31.333%;
}

.container-12 .grid-5 {
width:39.667%;
}

.container-12 .grid-6 {
width:48.000%;
}

.container-12 .grid-7 {
width:56.333%;
}

.container-12 .grid-8 {
width:64.667%;
}

.container-12 .grid-9 {
width:73.000%;
}

.container-12 .grid-10 {
width:81.333%;
}

.container-12 .grid-11 {
width:89.667%;
}

.container-12 .grid-12 {
width:98.000%;
}

.container-12 .prefix-1 {
padding-left:8.333%;
}

.container-12 .suffix-1 {
padding-right:8.333%;
}

.container-12 .push-1 {
left:8.333%;
}

.container-12 .pull-1 {
left:-8.333%;
}

.container-12 .prefix-2 {
padding-left:16.667%;
}

.container-12 .suffix-2 {
padding-right:16.667%;
}

.container-12 .push-2 {
left:16.667%;
}

.container-12 .pull-2 {
left:-16.667%;
}

.container-12 .prefix-3 {
padding-left:25.000%;
}

.container-12 .suffix-3 {
padding-right:25.000%;
}

.container-12 .push-3 {
left:25.000%;
}

.container-12 .pull-3 {
left:-25.000%;
}

.container-12 .prefix-4 {
padding-left:33.333%;
}

.container-12 .suffix-4 {
padding-right:33.333%;
}

.container-12 .push-4 {
left:33.333%;
}

.container-12 .pull-4 {
left:-33.333%;
}

.container-12 .prefix-5 {
padding-left:41.667%;
}

.container-12 .suffix-5 {
padding-right:41.667%;
}

.container-12 .push-5 {
left:41.667%;
}

.container-12 .pull-5 {
left:-41.667%;
}

.container-12 .prefix-6 {
padding-left:50.000%;
}

.container-12 .suffix-6 {
padding-right:50.000%;
}

.container-12 .push-6 {
left:50.000%;
}

.container-12 .pull-6 {
left:-50.000%;
}

.container-12 .prefix-7 {
padding-left:58.333%;
}

.container-12 .suffix-7 {
padding-right:58.333%;
}

.container-12 .push-7 {
left:58.333%;
}

.container-12 .pull-7 {
left:-58.333%;
}

.container-12 .prefix-8 {
padding-left:66.667%;
}

.container-12 .suffix-8 {
padding-right:66.667%;
}

.container-12 .push-8 {
left:66.667%;
}

.container-12 .pull-8 {
left:-66.667%;
}

.container-12 .prefix-9 {
padding-left:75.000%;
}

.container-12 .suffix-9 {
padding-right:75.000%;
}

.container-12 .push-9 {
left:75.000%;
}

.container-12 .pull-9 {
left:-75.000%;
}

.container-12 .prefix-10 {
padding-left:83.333%;
}

.container-12 .suffix-10 {
padding-right:83.333%;
}

.container-12 .push-10 {
left:83.333%;
}

.container-12 .pull-10 {
left:-83.333%;
}

.container-12 .prefix-11 {
padding-left:91.667%;
}

.container-12 .suffix-11 {
padding-right:91.667%;
}

.container-12 .push-11 {
left:91.667%;
}

.container-12 .pull-11 {
left:-91.667%;
}

body {
margin:0;
font:10pt/1.35 Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, .title {
margin-bottom:0.5em;
margin-top:0.5em;
}

h1 {
font-size:1.5em;
color:#333433;
}

h2, .section {
font-size:1.2em;
margin:1em 0;
/*
padding:0.1em 0.3em;
background-color:#f0f3f0;
border-top:1px solid #cccfcc;
border-bottom:1px solid #e4e6e4;
*/
}

.light {
font-weight:100;
}

.heading, .section {
margin:1em 0;
padding:0.1em 0.3em;
background-color:#F3F3F3;
border-top:1px solid #D6D6D6;
/*border-bottom:1px solid #e4e4e4;*/
}

hr {
margin:2em 0;
border:0;
height:1px;
color:#ccd4cc;
background-color:#ccd4cc;
}

sup, sub {
line-height:0;
}

p {
margin-top:1em;
margin-bottom:1em;
}

.with-under {
margin-bottom:0;
}

.under {
margin-top:0;
}

.gray {
color:#666866;
}

.green {
color:#337700;
}

.red {
color:#cc0000;
}

.violet {
color:44400aa;
}

.highlight {
background-color:#fffdcc;
}

a:link {
color:#0044c0;
}

a:active {
color:#cc0000;
}

a:visited {
color:#553399;
}

blockquote {
margin-top:1em;
margin-bottom:1em;
margin-left:0;
padding-left:20px;
border-left:2px solid #ccd4cc;
color:#111;
}

a.button {
padding:8px 0;
font-size:11pt;
background:#0044c0;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-decoration:none;
border:1px solid #001180;
}

a.button span {
padding:7px 20px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-top:1px solid #8eb4f9;
border-bottom:1px solid #113390;
text-shadow:#000 0 0 2px;
font-weight:600;
background:-webkit-gradient(linear, left bottom, left top,
    color-stop(0.05, rgba(255, 255, 255, 0)),
    color-stop(1, rgba(255, 255, 255, 0.4))
);
background: -moz-linear-gradient( center bottom,
    rgba(255, 255, 255, 0) 5%,
    rgba(255, 255, 255, 0.4) 100%
);;
}

a.button:hover {
background:#1155c1;
}

a.button:hover span {
border-top-color:#9ec4ff;
}

a.button:active {
background:#113390;
}

a.button:active span {
border-top:1px solid #112290;
border-bottom:1px solid #1155c1;
background:#113390;
}

.top-space {
margin-top:2em;
}

.bottom-space {
margin-bottom:2em;
}

.logo {
float: left;
margin: 0 2em;
vertical-align:text-top;
border: none;
}

.mainmenu {
  background-color: #E6EBF6;
/*  background-color: #D7E8F1;*/
  border-bottom: 1px solid #5980CC;
  padding: 10px 15px 6px 10px;
}

.mainmenu a {
 padding-left: 15px;
 padding-right: 15px;
}

.mainmenu a:visited, .submenu a:visited {
  color:#0044c0;
}

.mainmenu a.active {
  padding-top: 6px;
  padding-bottom: 8px;
  margin-top: 3px;
  border-top: 1px solid #5980CC;
  border-left: 1px solid #5980CC;
  border-right: 1px solid #5980CC;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  background-color: #fff;
}

.submenu {
  background-color: #fff;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, #EEEEEE),
      color-stop(1, #FFFFFF)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      #EEEEEE 0%,
      #FFFFFF 100%
  );
  border-bottom: 1px solid #C0C0C0;
  padding: 8px 15px 6px 10px;
}

.submenu a {
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
}

table.report {
width: 100%;
border: 1px solid #ccd4cc;
border-collapse: collapse;
margin-top: 1em;
}

table.report th, table.report td {
}

.footer {
margin:1em 0;
padding:15px;
color:#666866;
/*border-top: 1px solid #ccd4cc;*/
text-align: right;
}
.footer a {
color:#666866;
}

.status {
float: right;
color: #666866;
margin-right: 10px;
}

.status a {
padding: 0;
}

div.sidebox{
padding-left: 10px !important;
border: none !important;
border-left:1px solid #cccfcc !important;
float:right;
background-color: #fff !important;
}

div.sideboxTitle{
width: 100% !important;
padding: 3px !important;
font-weight: 600;
}

.label-value th {
text-align: right;
}

.divider {
color: #666866;
border-bottom: 1px solid #cccfcc;
white-space: nowrap;
}

.timelineTime {
color: #666866;
}

.header {
  margin-top: 1em;
  overflow: auto;
  margin-bottom: 1em;
}

.title-header {
  float: left;
}

.title {
font-size:2em;
color:#333433;
margin-bottom: 0;
margin-top: 0;
}

.title a {
  color: #000;
  text-decoration: none;
}

.page-title {
  margin-top: 0;
  font-size: 1.5em;
  color: #666866;
}

.content {
  padding-top: 1em;
  padding-left: 15px;
  width: 92%;
}

.tktDspLabel {
  color: #666866;
}

.tktDspValue {
  background-color: #fff !important;
  border-bottom: 1px solid #eee;
}

.timelineTableCell {
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 6px;
/*  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.5, rgba(255,255,255,0)),
      color-stop(1, #FFFFFF)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      rgba(255,255,255,0) 50%,
      #FFFFFF 100%
  );  
*/}

li { 
  margin-top: 0.5em; 
  margin-bottom: 0.5em;
}

table.browser {
  width: none;
}

.browser ul {
  margin-left: 2em;
  margin-right: 2em;
  list-style-type: square;
  color: #D2A24A;
}

.browser li a {
text-decoration:none;
}

.browser li a:hover {
text-decoration:underline;
}

textarea, pre, code {
  font: 9pt "Droid Sans Mono", Menlo, "DejaVu Sans Mono", Inconsolata, "Bitstream Vera Sans Mono", "Lucida Console", monospace;
}

pre {
  color: #111;
  overflow: auto;
}

pre.diff {
  overflow: none;
}

pre.diff {
  color: #000;
}

pre .diff-position {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:block;
  width: 100%;
  font-style: italic;
  padding: 0.5em 0;
  margin: 0.5em 0;
  border-top: 1px dotted #A2B5CD;
  border-bottom: 1px dotted #A2B5CD;
  color: #A2B5CD;
}

pre .diff-added {
  background-color: #CEFBC3 !important;
}

pre .diff-removed {
  background-color: #F5C2C1 !important;
}/* 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: 20px;
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 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;
}

/* TODO */
table.detail-browser {
  width: 100%;
  border: 1px solid #EEE;
  border-collapse: collapse;
}

/* TODO */
table.detail-browser th {
  border: 1px solid #EEE;
  padding: 4px 6px;
  text-align: left;
}

/* TODO */
table.detail-browser td {
  padding: 4px 6px;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
}

/* TODO */
table.detail-browser tr.odd td {
  background-color: #F4F4F4;
}

/* TODO */
table.detail-browser td.age {
  font-style: italic;
}

/* TODO */
table.detail-browser td.age.months {
  color: green;
}

/* TODO */
table.detail-browser td.age.weeks {
  color: #AAAA00;
}

/* TODO */
table.detail-browser td.age.days {
  color: red;
}

/* TODO */
table.detail-browser td.age.minutes {
  color: red;
  font-weight: bold;
}

/* TODO */
table.detail-browser td.age.seconds {
  color: red;
  font-weight: bold;
}

/* TODO */
table.detail-browser td.age.now {
  color: red;
  font-weight: bold;
}

/* TODO */
table.detail-browser td.age.future {
  color: blue;
  font-weight: bold;
}

/* 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: 1px;
  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 capabilities, 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:"'";
}

/* selected lines of text within a linenumbered artifact display */
div.selectedText {
  font-weight: bold;
  color: blue;
  background-color: #d5d5ff;
  border: 1px blue solid;
}

/* 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 xfersetup errors */
p.xfersetupError {
  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;
}

/* a broken hyperlink */
span.brokenlink {
  color: red;
}

/* List of files in a timeline */
ul.filelist {
  margin-top: 3px;
  line-height: 100%;
}