padding-right: 20px;

}

.right .changes {

    clear: both;

}

.right .changes .changed_total {

    display: block;

    float: right;

    text-align: center;

    min-width: 45px;

    cursor: pointer;

    color: #444444;

    background: #FEA;

    -webkit-border-radius: 0px 0px 0px 6px;

    border-radius: 0px 0px 0px 6px;

    padding: 1px;

}

.right .changes .added, .changed, .removed {

    display: block;

    padding: 1px;

    color: #444444;

    float: right;

    text-align: center;

    min-width: 15px;

}

.right .changes .added {

    background: #CFC;

}

.right .changes .changed {

    background: #FEA;

}

.right .changes .removed {

    background: #FAA;

}

.right .merge {

    padding: 1px 3px 1px 3px;

    background-color: #fca062;

    font-size: 10px;

    color: #ffffff;

    text-transform: uppercase;

    white-space: nowrap;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    margin-right: 2px;

}

.right .parent {

    color: #666666;

    clear: both;

}

.right .logtags {

    line-height: 2.2em;

}

.branchtag, .logtags .tagtag, .logtags .booktag {

    margin: 0px 2px;

}

.branchtag,

.tagtag,

.booktag,

.spantag {

    padding: 1px 3px 1px 3px;

    font-size: 10px;

    color: #336699;

    white-space: nowrap;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    border: 1px solid #d9e8f8;

    line-height: 1.5em;

}

#graph_content .branchtag,

#graph_content .tagtag,

#graph_content .booktag {

    margin: 1.1em 0;

    margin-right: 0.5em;

}

.branchtag,

.tagtag,

.booktag {

    float: left;

}

.right .logtags .branchtag,

.right .logtags .tagtag,

.right .logtags .booktag,

.right .merge {

    float: right;

    line-height: 1em;

    margin: 1px 1px !important;

    display: block;

}

.booktag {

    border-color: #46A546;

    color: #46A546;

}

.tagtag {

    border-color: #62cffc;

    color: #62cffc;

}

.logtags .branchtag a:hover,

.logtags .branchtag a,

.branchtag a,

.branchtag a:hover {

    text-decoration: none;

    color: inherit;

}

.logtags .tagtag {

    padding: 1px 3px 1px 3px;

    background-color: #62cffc;

    font-size: 10px;

    color: #ffffff;

    white-space: nowrap;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.tagtag a,

.tagtag a:hover,

.logtags .tagtag a,

.logtags .tagtag a:hover {

    text-decoration: none;

    color: inherit;

}

.logbooks .booktag, .logbooks .booktag, .logtags .booktag, .logtags .booktag {

    padding: 1px 3px 1px 3px;

    background-color: #46A546;

    font-size: 10px;

    color: #ffffff;

    white-space: nowrap;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.logbooks .booktag, .logbooks .booktag a, .right .logtags .booktag, .logtags .booktag a {

    color: #ffffff;

}

.logbooks .booktag, .logbooks .booktag a:hover,

.logtags .booktag, .logtags .booktag a:hover,

.booktag a,

.booktag a:hover {

    text-decoration: none;

    color: inherit;

}

div.browserblock {

    overflow: hidden;

    border: 1px solid #ccc;

    background: #f8f8f8;

    font-size: 100%;

    line-height: 125%;

    padding: 0;

    -webkit-border-radius: 6px 6px 0px 0px;

    border-radius: 6px 6px 0px 0px;

}

div.browserblock .browser-header {

    background: #FFF;

    padding: 10px 0px 15px 0px;

    width: 100%;

}

div.browserblock .browser-nav {

    float: left

}

div.browserblock .browser-branch {

    float: left;

}

div.browserblock .browser-branch label {

    color: #4A4A4A;

    vertical-align: text-top;

}

div.browserblock .browser-header span {

    margin-left: 5px;

    font-weight: 700;

}

div.browserblock .browser-search {

    clear: both;

    padding: 8px 8px 0px 5px;

    height: 20px;

}

div.browserblock #node_filter_box {

}

div.browserblock .search_activate {

    float: left

}

div.browserblock .add_node {

    float: left;

    padding-left: 5px;

}

div.browserblock .search_activate a:hover, div.browserblock .add_node a:hover {

    text-decoration: none !important;

}

div.browserblock .browser-body {

    background: #EEE;

    border-top: 1px solid #CCC;

}

table.code-browser {

    border-collapse: collapse;

    width: 100%;

}

table.code-browser tr {

    margin: 3px;

}

table.code-browser thead th {

    background-color: #EEE;

    height: 20px;

    font-size: 1.1em;

    font-weight: 700;

    text-align: left;

    padding-left: 10px;

}

table.code-browser tbody td {

    padding-left: 10px;

    height: 20px;

}

table.code-browser .browser-file {

    background: url("../images/icons/document_16.png") no-repeat scroll 3px;

    height: 16px;

    padding-left: 20px;

    text-align: left;

}

.diffblock .changeset_header {

    height: 16px;

}

.diffblock .changeset_file {

    background: url("../images/icons/file.png") no-repeat scroll 3px;

    text-align: left;

    float: left;

    padding: 2px 0px 2px 22px;

}

.diffblock .diff-menu-wrapper {

    float: left;

}

.diffblock .diff-menu {

    position: absolute;

    background: none repeat scroll 0 0 #FFFFFF;

    border-color: #003367 #666666 #666666;

    border-right: 1px solid #666666;

    border-style: solid solid solid;

    border-width: 1px;

    box-shadow: 2px 8px 4px rgba(0, 0, 0, 0.2);

    margin-top: 5px;

    margin-left: 1px;

}

.diffblock .diff-actions {

    padding: 2px 0px 0px 2px;

    float: left;

}

.diffblock  .diff-menu ul li {

    padding: 0px 0px 0px 0px !important;

}

.diffblock  .diff-menu ul li a {

    display: block;

    padding: 3px 8px 3px 8px !important;

}

.diffblock  .diff-menu ul li a:hover {

    text-decoration: none;

    background-color: #EEEEEE;

}

table.code-browser .browser-dir {

    background: url("../images/icons/folder_16.png") no-repeat scroll 3px;

    height: 16px;

    padding-left: 20px;

    text-align: left;

}

table.code-browser .submodule-dir {

    background: url("../images/icons/disconnect.png") no-repeat scroll 3px;

    height: 16px;

    padding-left: 20px;

    text-align: left;

}

.box .search {

    clear: both;

    overflow: hidden;

    margin: 0;

    padding: 0 20px 10px;

}

.box .search div.search_path {

    background: none repeat scroll 0 0 #EEE;

    border: 1px solid #CCC;

    color: blue;

    margin-bottom: 10px;

    padding: 10px 0;

}

.box .search div.search_path div.link {

    font-weight: 700;

    margin-left: 25px;

}

.box .search div.search_path div.link a {

    color: #003367;

    cursor: pointer;

    text-decoration: none;

}

#path_unlock {

    color: red;

    font-size: 1.2em;

    padding-left: 4px;

}

.info_box span {

    margin-left: 3px;

    margin-right: 3px;

}

.info_box .rev {

    color: #003367;

    font-size: 1.6em;

    font-weight: bold;

    vertical-align: sub;

}

.info_box input#at_rev, .info_box input#size {

    background: #FFF;

    border-top: 1px solid #b3b3b3;

    border-left: 1px solid #b3b3b3;

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    color: #000;

    font-size: 12px;

    margin: 0;

    padding: 1px 5px 1px;

}

.info_box input#view {

    text-align: center;

    padding: 4px 3px 2px 2px;

}

.yui-overlay, .yui-panel-container {

    visibility: hidden;

    position: absolute;

    z-index: 2;

}

#tip-box {

    position: absolute;

    background-color: #FFF;

    border: 2px solid #003367;

    font: 100% sans-serif;

    width: auto;

    opacity: 1;

    padding: 8px;

    white-space: pre-wrap;

    -webkit-border-radius: 8px 8px 8px 8px;

    -khtml-border-radius: 8px 8px 8px 8px;

    border-radius: 8px 8px 8px 8px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

.hl-tip-box {

    visibility: hidden;

    position: absolute;

    color: #666;

    background-color: #FFF;

    border: 2px solid #003367;

    font: 100% sans-serif;

    width: auto;

    opacity: 1;

    padding: 8px;

    white-space: pre-wrap;

    -webkit-border-radius: 8px 8px 8px 8px;

    -khtml-border-radius: 8px 8px 8px 8px;

    border-radius: 8px 8px 8px 8px;

    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

.mentions-container {

    width: 90% !important;

}

.mentions-container .yui-ac-content {

    width: 100% !important;

}

.ac {

    vertical-align: top;

}

.ac .yui-ac {

    position: inherit;

    font-size: 100%;

}

.ac .perm_ac {

    width: 20em;

}

.ac .yui-ac-input {

    width: 100%;

}

.ac .yui-ac-container {

    position: absolute;

    top: 1.6em;

    width: auto;

}

.ac .yui-ac-content {

    position: absolute;

    border: 1px solid gray;

    background: #fff;

    z-index: 9050;

}

.ac .yui-ac-shadow {

    position: absolute;

    width: 100%;

    background: #000;

    opacity: .10;

    filter: alpha(opacity = 10);

    z-index: 9049;

    margin: .3em;

}

.ac .yui-ac-content ul {

    width: 100%;

    margin: 0;

    padding: 0;

    z-index: 9050;

}

.ac .yui-ac-content li {

    cursor: default;

    white-space: nowrap;

    margin: 0;

    padding: 2px 5px;

    height: 18px;

    z-index: 9050;

    display: block;

    width: auto !important;

}

.ac .yui-ac-content li .ac-container-wrap {

    width: auto;

}

.ac .yui-ac-content li.yui-ac-prehighlight {

    background: #B3D4FF;

    z-index: 9050;

}

.ac .yui-ac-content li.yui-ac-highlight {

    background: #556CB5;

    color: #FFF;

    z-index: 9050;

}

.ac .yui-ac-bd {

    z-index: 9050;

}

.reposize {

    background: url("../images/icons/server.png") no-repeat scroll 3px;

    height: 16px;

    width: 20px;

    cursor: pointer;

    display: block;

    float: right;

    margin-top: 2px;

}

#repo_size {

    display: block;

    margin-top: 4px;

    color: #666;

    float: right;

}

.locking_locked {

    background: #FFF url("../images/icons/block_16.png") no-repeat scroll 3px;

    height: 16px;

    width: 20px;

    cursor: pointer;

    display: block;

    float: right;

    margin-top: 2px;

}

.locking_unlocked {

    background: #FFF url("../images/icons/accept.png") no-repeat scroll 3px;

    height: 16px;

    width: 20px;

    cursor: pointer;

    display: block;

    float: right;

    margin-top: 2px;

}

.currently_following {

    padding-left: 10px;

    padding-bottom: 5px;

}

.add_icon {

    background: url("../images/icons/add.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 0px;

    text-align: left;

}

.accept_icon {

    background: url("../images/icons/accept.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 0px;

    text-align: left;

}

.edit_icon {

    background: url("../images/icons/application_form_edit.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 0px;

    text-align: left;

}

.delete_icon {

    background: url("../images/icons/delete.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 0px;

    text-align: left;

}

.refresh_icon {

    background: url("../images/icons/arrow_refresh.png") no-repeat scroll

        3px;

    padding-left: 20px;

    padding-top: 0px;

    text-align: left;

}

.pull_icon {

    background: url("../images/icons/connect.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 0px;

    text-align: left;

}

.rss_icon {

    background: url("../images/icons/rss_16.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 4px;

    text-align: left;

    font-size: 8px

}

.atom_icon {

    background: url("../images/icons/rss_16.png") no-repeat scroll 3px;

    padding-left: 20px;

    padding-top: 4px;

    text-align: left;

    font-size: 8px

}

.archive_icon {

    background: url("../images/icons/compress.png") no-repeat scroll 3px;

    padding-left: 20px;

    text-align: left;

    padding-top: 1px;

}

.start_following_icon {

    background: url("../images/icons/heart_add.png") no-repeat scroll 3px;

    padding-left: 20px;

    text-align: left;

    padding-top: 0px;

}

.stop_following_icon {

    background: url("../images/icons/heart_delete.png") no-repeat scroll 3px;

    padding-left: 20px;

    text-align: left;

    padding-top: 0px;

}

.action_button {

    border: 0;

    display: inline;

}

.action_button:hover {

    border: 0;

    text-decoration: underline;

    cursor: pointer;

}

#switch_repos {

    position: absolute;

    height: 25px;

    z-index: 1;

}

#switch_repos select {

    min-width: 150px;

    max-height: 250px;

    z-index: 1;

}

.breadcrumbs {

    border: medium none;

    color: #FFF;

    float: left;

    font-weight: 700;

    font-size: 14px;

    margin: 0;

    padding: 11px 0 11px 10px;

}

.breadcrumbs .hash {

    text-transform: none;

    color: #fff;

}

.breadcrumbs a {

    color: #FFF;

}

.flash_msg {

}

.flash_msg ul {

}

.error_red {

    color: red;

}

.error_msg {

    background-color: #c43c35;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35) );

    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35) );

    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35', GradientType=0 );

    border-color: #c43c35 #c43c35 #882a25;

}

.error_msg a {

    text-decoration: underline;

}

.warning_msg {

    color: #404040 !important;

    background-color: #eedc94;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94) );

    background-image: -moz-linear-gradient(top, #fceec1, #eedc94);

    background-image: -ms-linear-gradient(top, #fceec1, #eedc94);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94) );

    background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);

    background-image: -o-linear-gradient(top, #fceec1, #eedc94);

    background-image: linear-gradient(to bottom, #fceec1, #eedc94);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0 );

    border-color: #eedc94 #eedc94 #e4c652;

}

.warning_msg a {

    text-decoration: underline;

}

.success_msg {

    background-color: #57a957;

    background-repeat: repeat-x !important;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957) );

    background-image: -moz-linear-gradient(top, #62c462, #57a957);

    background-image: -ms-linear-gradient(top, #62c462, #57a957);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957) );

    background-image: -webkit-linear-gradient(top, #62c462, #57a957);

    background-image: -o-linear-gradient(top, #62c462, #57a957);

    background-image: linear-gradient(to bottom, #62c462, #57a957);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0 );

    border-color: #57a957 #57a957 #3d773d;

}

.success_msg a {

    text-decoration: underline;

    color: #FFF !important;

}

.notice_msg {

    background-color: #339bb9;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9) );

    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);

    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9) );

    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);

    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);

    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0 );

    border-color: #339bb9 #339bb9 #22697d;

}

.notice_msg a {

    text-decoration: underline;

}

.success_msg, .error_msg, .notice_msg, .warning_msg {

    font-size: 12px;

    font-weight: 700;

    min-height: 14px;

    line-height: 14px;

    margin-bottom: 10px;

    margin-top: 0;

    display: block;

    overflow: auto;

    padding: 6px 10px 6px 10px;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    position: relative;

    color: #FFF;

    border-width: 1px;

    border-style: solid;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

}

#msg_close {

    background: transparent url("../images/cross_grey_small.png") no-repeat scroll 0 0;

    cursor: pointer;

    height: 16px;

    position: absolute;

    right: 5px;

    top: 5px;

    width: 16px;

}

div#legend_data {

    padding-left: 10px;

}

## -*- coding: utf-8 -*-

<%inherit file="main.html"/>

<p>${_('URL')}: <a href="${cs_comment_url}">${cs_comment_url}</a></p>

<h4>${_('%s commented on a %s changeset.') % (cs_comment_user,cs_target_repo) |n}</h4>

%if status_change:

    <p>${_('The changeset status was changed to')}: <b>${status_change}</b></p>

%endif

<p>${_('Comment')}:<br/>

${body}

</p>

<p>${_('Changeset')}: ${h.short_id(raw_id)}</p>

<p>${_('Description')}:<br/>

${h.shorter(message, 256)}

</p>