@CHARSET "UTF-8";

.hidden {
  visibility: hidden;
  display   : none;
}

.invisible {
  visibility: hidden;
}

img {
  border-width: 0px;
}

grand {
  width: 100%;
}

.side-bar,
.main-content,
.main-table > tbody > tr > td {
  vertical-align: top;
}

.location-bar {
  border-bottom : solid 1px black;
  padding-top   : 0.3em;
  padding-bottom: 0.3em;
  margin-bottom : 0.3em;
  
  font-family: 'Trebuchet MS',Verdana,sans-serif;
  font-size  : 1.5em;
  font-weight: bold;
}
.location-bar .prefix {
  padding-left : 0.4em;
  padding-right: 0.2em;
}
.location-bar .clickable-text {
  text-decoration: none;
}
.location-bar .clickable-text:link,
.location-bar .clickable-text:active,
.location-bar .clickable-text:visited {
  color: #005500;
}
.location-bar .clickable-text:hover {
  background: khaki;
}

.location-bar .rev-to-path {
  margin-left: 0.4em;
}

.location-bar .projects,
.location-bar .projects .clickable-text:link,
.location-bar .projects .clickable-text:active,
.location-bar .projects .clickable-text:visited {
  color: black;
}

.location-bar > span.project,
.location-bar > span.branch,
.location-bar > span.revision,
.location-bar > span.path {
  padding-left : 0.2em;
}

.location-bar .root .prefix {
  padding-left : 0.2em;
  padding-right: 0.2em;
}

.location-bar .path {
  font-family: monospace;
  font-size  : 1.2em;
  color      : navy;
}
.location-bar .path,
.location-bar .path .clickable-text:link,
.location-bar .path .clickable-text:active,
.location-bar .path .clickable-text:visited {
  color: navy;
}

.location-bar .path .path-separator {
  color: black;
}

.side-bar,
.side-bar > hr {
  width: 18em;
}

table.list td {
  padding-left : 0.2em;
  padding-right: 0.2em;
}

table.list-item {
  width: 100%;
}

table.list-item td {
  font: 0.7em sans-serif;;
}

a,
a:link,
a:visited,
a:hover {
  color:#0F597F;
  font-weight:normal;
  outline:medium none;
  text-decoration:none;
}

.list-header > td {
  font-weight: bold;
  color      : #000044;
  text-align : center;
}

.list-header > td {
  font-weight: bold;
  color: white;
  background: none repeat scroll 0 0 grey;
}

.list {
  border: 2px solid grey;
  width: 100%;
}

.item > td {
  overflow-x: hidden;
  white-space: nowrap;
}

.item-odd {
  background-color: #F8FBFD;
}
.item-even {
  background-color: #E8F4F8;
}

.icon-columns {
  width: 30px;
  text-align: center;
}

/* ------------------------------------------ projects ------------------------------------------ */

.projects-item-controller {
  width: 30px;
}

/* ----------------------------------------- revisions ----------------------------------------- */

.revisions-header > td {
  border: 2px solid grey;
}
.revisions-item > td {
  border: 0px;
}

.revisions-item-number,
.revisions-item-changes,
.revisions-item-author {
  text-align: center;
  width     : 50px;
}

.revisions-item-author,
.revisions-item-date {
  font-size: 0.8em;
  overflow-x:hidden;
  white-space:nowrap;
  width:50px;
}

/* ------------------------------------------- file-list ---------------------------------------- */

.file-view,
.file-download {
  width     : 30px;
  text-align: center;
}

/* --------------------------------------- annotate and change ---------------------------------- */

.annotate table,
.change   table,
.diff     table {
  border-collapse: collapse;
  border         : 2px solid grey;
}

.diff > table {
  border        : 0px;
  vertical-align: top;
}
.diff > table > tbody > tr > td {
  vertical-align: top;
}

.annotate table,
.annotate td,
.annotate tr,
.change   table,
.change   td,
.change   tr,
.diff     table,
.diff     td,
.diff     tr {
  margin     : 0px;
  padding    : 0px;
  font-family: monospace;
}

.annotate table,
.annotate td,
.annotate tr,
.change   table,
.change   td,
.change   tr {
  font-size  : 1.05em;
}

.diff table,
.diff td,
.diff tr {
  font-size: 1em;
}


.annotate table,
.annotate td,
.annotate tr,
.change   table,
.change   td,
.change   tr,
.diff     table,
.diff     td,
.diff     tr {
  white-space: pre;
}

.annotate .linenumbers,
.annotate .revnumbers,
.annotate .code,
.change   .linenumbers,
.change   .code,
.diff     .linenumbers,
.diff     .code {
  vertical-align: top;
}

.annotate .linenumbers td,
.annotate .revnumbers  td,
.change   .linenumbers td,
.change   .revnumbers  td {
  text-align  : right;
  border-right: 1px solid grey;
}

.annotate .code,
.change   .code, {
  text-align: left;
}

.annotate .code .list-header > td,
.change   .code .list-header > td,
.diff     .code .list-header > td {
  text-align: left;
}

.code td {
  padding-left: 0.5em;
}

.annotate > table,
.change   > table,
.diff     > table {
  width: 100%;
}

.linenumbers,
.revnumbers,
.linenumbers > table,
.revnumbers > table {
  width: 30px;
  text-align: right;
  padding-right: 1em;
}

.code,
.code > table {
  width: 100%;
}

.change-org-removed td,
.change-code-removed td,
.diff-org-removed td,
.diff-code-removed td {
  background-color: #FF9F9F;
}
.change-new-removed td,
.diff-new-removed td {
  background-color: #FFBFBF;
}

.change-new-inserted td,
.change-code-inserted td,
.diff-new-inserted td,
.diff-code-inserted td {
  background-color: #A2EDA2;
}
.change-org-inserted td,
.diff-org-inserted td {
  background-color: #C9FFC9;
}

.diff-org-empty td,
.diff-new-empty td,
.diff-code-empty td {
  background-color: #DDDDDD;
}

.change-org-range-separator  td,
.change-new-range-separator  td,
.change-code-range-separator td {
  font-size: 0.7em;
  background-color: grey; /* #E3E3E3;*/
}

.change-item,
.diff-item {
  padding-bottom: 1.5em;
}

.change-item-type,
.diff-item-type {
  text-transform: capitalize;
}

.change-item-info,
.diff-item-info {
  font-size  :1.1em;
  font-weight: bold;
}

.change-item-is-binary,
.diff-item-is-binary {
  font-weight: bold;
}

.change-item-name,
.diff-item-name {
  color: #497FBF
}

.change-title,
.diff-title {
  font-size      :1.4em;
  padding-bottom: 0.8em;
  font-weight   : bold;
}

.change-item-links,
.diff-item-links {
  float: right;
}

.change-item-link
.diff-item-link {
  font-size   : 0.8em;
  font-weight : normal;
  padding-left: 0.5em;
}

/* ---------------------------------------------- sidebar --------------------------------------- */

.side-bar > div > div {
  background-color: #EBF2FF;
  padding         : 0.5em;
  margin-left     : 0.2em;
  margin-right    : 0.2em;
  margin-bottom   : 0.5em;
}

.sidebar-info {
  font-size: 0.8em;
}

.info-head {
  text-align    : center;
  font-weight   : bold;
  font-size     : 1.1em;
  padding-bottom: 0.3em;
}

.info-item {
  padding-bottom: 0.3em;
}

.info-item > .item {
  padding-left: 1em;
  display: block;
}

.sidebar-info > div > div .title {
  font-weight: bold;
}

.modification-first {
  padding-bottom: 0.3em;
}

.revision-comitter,
.revision-date,
.modification-first-comitter,
.modification-first-date {
  padding-left: 1em;
}

.revision-reference > .title-name,
.modification       > div > .title,
.revision           > div > .title {
  padding-right: 0.4em;
  font-weight  : bold;
}

.modification-rest > table > tbody > tr > td {
  font-size: 0.85em;
}

.modification-rest > div > .title-date {
  padding-left: 0.4em;
}

.modification-first-message {
  background-color: #FFFBC6;
}

.modification-rest > table > tbody > tr > .links > a {
  text-align  : right;
  font-size   : 0.7em;
  padding-left: 0.6em;
}
.modification-rest > table > tbody > tr {
  vertical-align: baseline;
}
.modification-rest > div > .links > .item {
  padding-left: 0.5em;
}

.modification-rest .item-message {
  overflow   : hidden;
  white-space: nowrap;
  width      : 100%;
}

.info-document,
.revision-message,
.revision-comitter,
.revision-date {
  background-color: #FBFBFB;
}