/* CONCAT of
/2static/style/cru/crucible.css
/2static/style/cru/crucible-review-head.css
/2static/style/cru/crucible-comment.css
/2static/style/cru/crucible-dialog.css
*/
/* START /2static/style/cru/crucible.css */
body#reviewpage {
    width: 100%;
}

body#reviewpage #content{
    min-width: 1000px;
}

body#reviewpage #page {
    width: 100%;
    min-height: 100vh;
    min-width: inherit;
}

/* content */
#content {
    float: left;
    padding-bottom: 0;
    width: 100%;
}

body#reviewpage #content {
    float: none;
}

/* also viewing */
#also-viewing {
    display: none;
}

#bottom-status-notifications {
    bottom: 15px;
    right: 15px;
}
.status-notifications {
    position: fixed;
    /*z-index: 101;*/
    line-height: 25px;
}
#bottom-status-notifications div.notice,
#bottom-status-notifications div.information {
    -khtml-border-radius-topleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
#bottom-status-notifications div.information {
    background-color: #E0EFFF;
    min-width: 270px;
}
#bottom-status-notifications div.notice {
    background-color: #FFFFF0;
    min-width: 270px;
}
.status-notifications div.notice,
.status-notifications div.information {
    border-color: #D9E2EC #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

.status-notifications div.notice p,
.status-notifications div.information p {
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    border-radius: inherit;
}

.status-notifications div.notice p,
.status-notifications div.information p {
    padding: 0 12px 0 24px;
}

#bottom-status-notifications div.information p:first-child {
    background: #E0EFFF url(../../images/sprite_messages_tall.png) no-repeat scroll 3px -2936px;
    padding: 0 12px 0 24px;
}

#bottom-status-notifications div.notice p:first-child {
    background: #FFFFF0 url(../../images/sprite_messages_tall.png) no-repeat scroll 3px 5px;
    padding: 0 12px 0 24px;
}

#reviewpage #content-resizable {
    background-color: #fff;
}

#reviewpage #content-column {
    overflow: hidden;
}

#content-resizable .review-meta-info {
    padding: 5px 5px 0 10px;
    position: relative;
}

#content-resizable.ui-resizable-ghost {
    opacity: 0.7 !important;
    z-index: 3000;
}

#content-resizable.ui-resizable-ghost #review-meta .content-links,
#content-resizable.ui-resizable-ghost #review-meta #toggle-tree,
#content-resizable.collapsed #review-meta .content-links {
    display: none;
}

#content-resizable.ui-resizable-ghost #content-navigation,
#content-resizable.ui-resizable-ghost #review-meta h3,
#content-resizable.collapsed #content-navigation,
#content-resizable.collapsed #review-meta h3 {
    text-indent: -999em;
}

#content-resizable.ui-resizable-ghost #navigation-tree,
#content-resizable.collapsed #navigation-tree {
    visibility: hidden;
}

/* review toolbar */
#review-meta-toolbar {
    position: absolute;
    right: 0;
    top: 15px;
}

#toggle-tree {
    background: transparent url(../../images/sprite_review.png) no-repeat scroll 0 -1216px;
    height: 16px;
    width: 16px;
    display: inline-block;
    text-indent: -999em;
}

#content-resizable.collapsed #toggle-tree {
    background-position: 0 -1152px;
}

#review-meta-toolbar .add-content-link {
    background: transparent url(../../images/sprite_review.png) no-repeat scroll 0 -960px;
    display: inline-block;
    height: 16px;
    margin-right: 7px;
    text-indent: -999em;
    width: 16px;
}

#review-meta-toolbar .edit-content-link {
    background: transparent url(../../images/sprite_review.png) no-repeat scroll 0 -1024px;
    display: inline-block;
    height: 16px;
    text-indent: -999em;
    width: 16px;
}

.edit-mode #review-meta-toolbar .edit-content-link {
    background: transparent url(../../images/sprite_review.png) no-repeat scroll 0 -1088px;
}

.edit-mode-help h3 {
    cursor: pointer;
}

.tree .edit-remove-frx {
    display: none;
    color: #d04437;
    cursor: pointer;
    padding: 3px;
    padding-right: 0;
}

.edit-remove-frx .aui-icon::before {
    height: 13px;
    font-size: 13px;
    margin-top: -6px;
}

#tree-root .spinner img {
    height: 13px;
    background-size: contain;
    vertical-align: middle;
}

.tree .edit-remove-frx.disabled {
    color: #cccccc;
    cursor: default;
}

#reviewpage.edit-mode #footer {
    background-color: lemonchiffon;
}

.review-state-bar {
    font-size: 1px;
    width: 100%;
    clear: both;
    background-color: #F7F7F7;
    border: 1px solid #F7F7F7;
    height: 5px;
    margin: -3px 0 0;
}

.edit-mode .review-state-bar {
    background-color: lemonchiffon;
    border-top-color: #ccc;
}


.edit-mode .tree .edit-remove-frx {
    display: inline;
}

.edit-mode .deleteRev {
    display: inline;
}

.deleteRev {
    display: none;
    color: red;
}

/* Make it take up space so that the toolbar doesn't wrap when you enter edit mode. */
.add-revisions {
    visibility: hidden;
}
.edit-mode .add-revisions {
    visibility: visible;
}

/*
.edit-content-link {
    background: transparent url(../../images/sprite_dropdown.png) no-repeat scroll 3px -29px;
    padding: 5px 5px 5px 25px;
}
.add-content-link {
    background: transparent url(../../images/sprite_dropdown.png) no-repeat scroll 3px -90px;
    padding: 5px 5px 5px 25px;
}
*/

#content-resizable #content-navigation {
    width: 100%;
    font-size: 12px;
}

#content-resizable #content-navigation .panel {
    border-width: 1px 1px 1px 0;
}

#reviewpage #content-column .content-fixed {
    height: auto;
    background-color: white;
    border-left: 1px solid #ccc;
    position: relative;
    padding-top: 26px;
    overflow: visible;
}

#reviewpage #content-column.overview-active .content-fixed {
    height: 0;
}

#frx-pane {
    background-color: #ebf2f9;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 0 0 0 3px;
}

/* REVIEW TITLE */
#reviewpage #breadbox {
    height: auto;
    float: left;
    width: 100%;
    /* z-index higher than review toolbar and sticky frx header (so that it doesn't ghost in webkit). */
    /*z-index: 102;*/
}

#reviewpage .ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    right: 0;
    top: 0;
    height: 100%;
}

#reviewpage li.btn {
    padding: 1px;
}

span.btn {
    border: 1px #f7F7F7 solid;
    /*border-width: 0 1px;*/
    padding: 3px 6px 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    display: block;
}

#reviewpage .toolbar {
    border-top:  1px solid #ccc;
    border-left: none;
    border-bottom: 1px solid #ddd;
    min-width: 0;
}

#reviewpage .frx-toolbar .toolbar {
    border: none;
    padding-right: 28px;
}

#reviewpage #frx-content .toolbar {
    background: none;
}

#reviewpage .frx-toolbar .tb_left {
    border-right: none;
}

#reviewpage .toolbar .toolbar-keyboard-shortcuts {
    padding: 3px 16px;
    cursor: pointer;
    color: #666;
    font-size: 12px;
}

#reviewpage .toolbar .toolbar-keyboard-shortcuts .keyboard-icon{
    background-image: url(../../images/toolbar-keyboard-shortcuts.png);
    width: 17px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-position: 0 2px;
}

#reviewpage .toolbar .toolbar-keyboard-shortcuts:hover span:first-child {
    text-decoration: underline;
}

#reviewpage #review-info-container .toolbar {
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-left:  1px solid #ccc;
}
.toolbar .disabled,
.toolbar .disabled li {
    color: #BBBBBB;
}

span.btn.pressed {
    border-color: #729bd1;
    background-color: #dde1eb;
}
span.btn:hover, span.btn.pressed:hover {
    border-color: #a1badf;
    cursor: pointer;
    background-color: #69C;
    color: #fff;
}

#frxs table {
    width: 100%;
}

#frxs-filtered-warning {
    display: none;
}

#frxs-filtered-warning, #new-revisions {
    border-left: 3px solid white;
}

#new-revisions .overview-item .overview-body .overview-content {
    margin: 0;
}

/*possbily still in use?*/
#edit-content-container #navigation-tree .tree span.frx {
    margin-left: -14px;
    padding-left: 23px;
}

/* frxControls uses */
.frxControls {
    padding: 5px 110px 0px 5px; /*right padding must match .frx-details width*/
}

.frxinner .frxControls {
    display: none;
}

.frx-outdated a.aui-dd-link {
    color: #741311 !important;
}

/* frxs */
#frxs .frxouter {
    display: none;
    width: 100%;
}

#frxs div.activeFrx {
    display: block;
}

#frxs table.inlineSource {
    display: table;
    width: 100%;
}

#frxs div.frx-table-cloth {
    padding: 0;
    clear: both;
}

/*#frxs table.frx-table thead th {*/
    /*padding: 0;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
/*}*/

#reviewOverview {
    padding: 6px 6px 0;
}

.frxouter .path .fileRevisionPathLink,
.frxouter .path .fileRevisionErrorLink,
.frxouter .path .fileRevisionDirLink {
    display: inline-block;
    font-size: 14px;
    font-family: monospace;
    margin-left: 2px;
    padding-left: 20px;
    padding-top: 4px;
}
.frxouter .path .fileRevisionErrorLink {
    background: transparent url(../../images/sprite_messages_tall.png) no-repeat scroll 0 -840px;
}

.path-truncated .path-prefix {
    color: #666666;
}

.frx-actions {
    color: #003366;
    min-height: 77px;
}

.frx-actions-primary {
    vertical-align: middle;
}

.frx-actions-primary div.path {
    float: left;
}


.frx-actions-primary .stats {
    color: black;
    margin-left: 10px;
}

#tree-root .stats.aui-badge {
    vertical-align: top;
}

.stats.aui-badge {
    padding-left: 5px;
    display: none;
    margin-left: 5px;
}
.stats.aui-badge.aui-badge-subtle {
    padding-left: 4px;
}

.stats.aui-badge[data-count] {
    display: inline-block;
}

.stats.aui-badge[data-count="0"] {
    display: none;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stats.aui-badge {
        padding-bottom: 3px;
        line-height: 10px;
    }

    .stats.aui-badge.aui-badge-subtle {
        padding-bottom: 2px;
    }
}

.frx-actions-primary .operation-text {
    margin-left: 10px;
}

.frx-actions-secondary {
    float: right;
}

div.frx-actions-secondary a {
    margin-right: 6px;
}

#content-column .diffControls {
    padding-bottom: 0;
}

.frxinner .source {
    position: relative;
}

.diffControls .toolbar-frame .aui-dd-parent {
    position: static;
}

.diffControls .toolbar-frame .aui-dd-parent .dropdown-holder {
    position: relative;
    top: -0.6em;
    right: -0.6em;
}

.frxinner-scrollable {
    height: 500px;
    overflow: hidden;
}

.frxinner .source .frx-inner-info {
    padding: 5px;
}

#frx-dim-content {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.frx-dim {
    background: black;
    opacity: 0.5;
    float: right;
    position: absolute;
    z-index: 200;
}

.frx-dim-msg {
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
    position: absolute;
    z-index:250;
    width: 100%;
}

/* "empty" frxs */

.frx-unloaded,
.frx-message {
    background-color: white;
    border: 1px solid #CCCCCC;
    border-top: none;
    border-left: none;
    padding: 6px;
}

/* navigation tree */
#navigation-tree .filtered > span {
    opacity: 0.3;
}
#navigation-tree .filtered > span > a#scroll-to-general-comments,
#navigation-tree .filtered > span > a.scroll-to-frx{
    text-decoration: none;
    cursor: default;
    color: #777;
}

#clear-filter-link {
    display: none;
}

body.createreview {
    background-color: white;
}

#editDetailsContent .required {
    color: red;
    display: none;
    font-size: 1.5em;
    margin-right: 2px;
    vertical-align: top;
}

.crucible #content-resizable #navigation-tree {
    margin-left: 0;
    padding-top: 0;
}

/* column head */
#review-meta {
    position: relative;
}
#review-meta h3 {
    background-color: #f5f5f5;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-radius-topright: 3px;
    -moz-border-radius-topright: 3px;
    border-radius-topright: 3px;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    font-weight: normal;
    font-size: 14px;
    padding: 12px 0 11px 10px;
    margin: -5px -7px 0 -10px;
}

#review-meta strong {
    font-size: 0.9em;
    padding-left: 0.5em;
}

/* navigation tree */

#navigation-tree .tree span.reviewers {
    background: transparent url(../../images/sprite_dropdown.png) no-repeat scroll 20px -125px;
    padding-left: 40px;
}

#navigation-tree .tree.frx,
#navigation-tree .file {
    padding: 3px 5px;
    padding-right: 8px;
}

#navigation-tree .filetype-folder {
    display: inline-block;
    padding-left: 0;
}

#navigation-tree .activeFrx .file,
#navigation-tree .activeFrx .file:hover {
    background-color: #EBF2F9;
    border-radius: 3px;
}

#navigation-tree .file:hover {
    background-color: #F5F5F5;
}

#navigation-tree .edit-mode-help {
    color: black;
    border-bottom: 1px solid #CCCCCC;
    background-color: lemonchiffon;
}

#navigation-tree .edit-mode-help h3 {
    font-weight: bold;
    padding: 6px 0 3px 25px;
    background: transparent url(../../images/sprite_pagination.png) no-repeat scroll 0 0;
}

#navigation-tree .edit-mode-help h3.open {
    background-position: 10px -369px;
}

#navigation-tree .edit-mode-help h3.closed {
    background-position: 10px -179px;
}

#navigation-tree .edit-mode-help .info {
    padding: 0 5px 5px;
    line-height: 1.4;
}

#navigation-tree .edit-mode-help li {
    list-style-type: disc;
    margin-left: 20px;
}

/* overview */
#frx-overview {
    padding-top: 3px;
}

#frx-overview li {
    margin: 6px 12px 6px 20px;
}


.show-source-button {
    font-style: italic;
    text-decoration: underline;
}

#content-column span.frx-added,
#navigation-tree .tree span.frx-added a {
    color: #14892c;
}
#content-column span.frx-deleted,
#navigation-tree .tree span.frx-deleted a {
    color: #d04437;
}
#content-column span.frx-moved,
#navigation-tree .tree span.frx-moved a,
#content-column span.frx-copied,
#navigation-tree .tree span.frx-copied a {
    color: #815b3a;
}

#content-column span.frx-changed,
#navigation-tree .tree span.frx-changed a {
    color: #205081;
}

/* labels */
#content-column span.operation-text {
    background-image: url(../../images/sprite_labels.png);
    display: inline-block;
    font-size: 12px;
    margin-left: 4px;
    padding-left: 10px;
}

#content-column span.operation-text span {
    background-image: url(../../images/sprite_labels.png);
    display: inline-block;
    font-size: 12px;
    padding: 4px 4px 3px 0;
}

#content-column span.operation-text.frx-changed {
    background-position: 0 0;
}
#content-column span.operation-text.frx-changed span {
    background-position: 100% 0;
}

#content-column span.operation-text.frx-added {
    background-position: 0 -60px;
}
#content-column span.operation-text.frx-added span {
    background-position: 100% -60px;
}

#content-column span.operation-text.frx-deleted {
    background-position: 0 -120px;
}
#content-column span.operation-text.frx-deleted span {
    background-position: 100% -120px;
}

#content-column span.operation-text.frx-moved,
#content-column span.operation-text.frx-copied {
    background-position: 0 -180px;
}
#content-column span.operation-text.frx-moved span,
#content-column span.operation-text.frx-copied span {
    background-position: 100% -180px;
}

#navigation-tree .tree span.frx-incomplete {
    font-weight: bold;
}

#frx-pane #panel-target {
    border: none;
    position: static;
}

#frx-pane .frxouter.frx-incomplete .path span {
    font-weight: bold;
}

#frx-pane .frxouter.frx-incomplete .path span.no-read-status {
    font-weight: normal;
}

#frx-pane .frxouter.frx-complete .path span.badge-secondary-text,
#frx-pane .frxouter.frx-incomplete .path span.badge-secondary-text {
    font-weight: normal;
    color: #999;
}

#frx-pane .frxouter .anchor {
    margin: 0 5px;
    text-indent: -999em;
    display: inline-block;
    padding: 2px 9px;
    background: transparent url("../../images/sprite_diffs.png") no-repeat scroll 0 0;
}

#frx-pane .frxouter .anchor.failure {
    background-position: 0 -545px;
    text-decoration: none;
}

#frx-pane .frxouter .anchor.success {
    background-position: 0 -479px;
}

#navigation-tree #tree-root {
    margin-left: 0;
    margin-top: 15px;
}

#navigation-tree #tree-root li {
    padding-bottom: 0;
}

#tree-root li.source-node {
    margin-bottom: 20px;
}

#tree-root li.source-node .source-node-hr {
    border-top: 1px solid #EEE;
}

#tree-root li.source-node > span {
    color: #AAA;
    display: inline-block;
    padding: 0 8px 0 20px;
    position: relative;
    top: -7px;
    margin-bottom: -10px;
}

#tree-root li.source-node > span {
    background: white;
    margin-left: 12px;
    padding-left: 8px;
}

#tree-root li.source-node > span.closed {
    background-position: 8px -1113px;
}

#tree-root li.source-node > .tree {
    margin: 0 10px;
}

.tree .folder {
    padding: 3px 5px;
    padding-right: 8px;
    padding-left: 0;
    display: inline-block;
    margin-right: 10px;
}

.tree span {
    padding-left: 0;
}

.tree span.comments,
.tree span.objectives,
.tree span.summary,
.tree span.notifications {
    display: block;
}

#frx-overview span.number-of-files {
    color: #333;
}

.frxControls .frx-details {
    float: right;
    margin-right: -110px; /* must match width*/
    padding-top: 1px;
    text-align: center;
    width: 110px; /* must match .frxControls padding-right*/
    padding-top: 0.7em;
}

body.manage-files {
    background-color: white;
}

.manage-files .frxControls .frx-details {
    float: left;
}

.frxControls a.toggleFileRead,
.frxControls a.toggleFileRead-manual {
    background: transparent url(../../../images/select_none.gif) no-repeat bottom left;
    font-size: 0.9em;
    text-decoration: underline;
    padding-left: 18px;
    padding-top: 4px;
}

.frxControls.leaveUnread a.toggleFileRead,
.frxControls.read a.toggleFileRead-manual {
    background-image: url(../../../images/select_all.gif);
}


.frxControls .edit-revisions {
    margin-top: 1px;
    width: 120px;
    float: left;
}

.frxControls .edit-revisions .controls {
    width:90px;
    float:left;
}

.frxControls .edit-revision-spinner {
    vertical-align:middle;
}


/* slider */

#frxs table.frxSlider {
    width: auto;
}

.frxSlider-cells td {
    text-align: center;
    padding: 0 1em;
    white-space: nowrap;
}

.frxSlider-cell td {
    padding: 6px 0;
}
.frxSlider-cells td.new,
.frxSlider-cells td.new a {
    color: #3C662E;
}

.frxSliderDiv {
    float: left;
    overflow: auto;
    padding: 1px 0 3px 0;
    width: 100%;
    min-height: 33px; /* IE8 bizarrely hides the slider without this. It has no other effect. */
}

.frxSlider .ui-slider {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    background: gainsboro !important;
    border: none;
    border-radius: 1px;
    margin: 0px auto;
    height: 3px;
}

.frxSlider .ui-slider-range {
    background: red !important;
}

.frxSlider .ui-slider-handle {
    background: transparent url(../../images/sprite_slider.png) no-repeat scroll 0 -31px;
    border: medium none;
    cursor: pointer;
    height: 16px;
    top: -7px;
    width: 19px;
}

.frxSlider .ui-slider-handle:hover {
    text-decoration: none;
}

.frxSlider .ui-slider:hover a {
    background-position: 0 -63px;
}

.frxSlider .ui-slider:hover a:last-child {
    background-position: 0 -95px;
}

.frxSlider .ui-slider a.ui-slider-handle-locked
{
    background-position: 0 -127px;
}

.crucible .reports .chartTitle {
    text-transform: capitalize;
    font-size: medium;
    padding-left: 20px;
}

.crucible .reports .stats ul {
    text-align: center;
}

.crucible .reports .stats h4 {
    text-align: left;
}

.crucible .reports .details {
    padding: 10px 0 10px 20px;
}

.crucible .reports .moreInfoLink {
    margin-left: 5px;
    text-decoration: underline;
}

.crucible .reports .details .num {
    font-size: x-large;
    font-weight: normal;
    padding-left: 10px;
}

.crucible .reports .stats {
    margin: 0 10px;
    padding-top:10px ;
}

.crucible .reports .stats img {
    vertical-align: bottom;
    padding-bottom: 2px;
}

.crucible .reports .stats .num {
    font-size: x-large;
    padding:0 8px 0 4px;
}

.crucible .reports .spark {
    width: 380px;
    margin-top: 10px;
    text-align: left;
    white-space: nowrap;
}

.crucible .reports .keyword {
    font-weight: bold;
}

#fileBox-browse {
    width: 100%;
}

#fileBox-browse .fileTree {
    padding: 0;
}

#fileBox-browse .fileTree, #fileBox-browse .fileResults {
    padding: 2px 0;
    vertical-align: top;
    overflow: auto;

}
#fileBox-browse .fileTree {
    width: 30%;
    float: left;
}
#fileBox-browse .fileResults {
    margin-left: 31%;
    width: 69%;
}

#fileBox-browse .folder {
    left: 0;
}

#fileBox-browse #navigation-tree {
    width: 100%;
}

#fileBox-browse #navigation-tree ul#tree-root {
    margin-top: 0;
}

span.complete {
    background: url(../../../images/icn_complete.gif) no-repeat right bottom;
    padding-right: 16px;
}


#reviewpage #content-resizable {
    margin: 0;
}

#reviewpage #content-resizable.collapsed .panel {
    overflow: hidden;
}



#reviewpage #content-column .toolbar {
    background-color: #f5f5f5;
}

#reviewpage #content-column .toolbar.diffControls {
    background-color: transparent;
    position: static;
}

#reviewpage #footer .fineprint {
    background-color: #fff;
}

#reviewpage .editable-field {
    box-sizing: border-box;
    -webkit-transition: box-shadow 150ms ease-in 0ms;
    transition: box-shadow 150ms ease-in 0ms;
    border-radius: 2.01px;
    cursor: text;
    display: inline-block;
    max-width: 100%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding: 2px 30px 2px 0;
    position: relative;
    vertical-align: top;
    word-break: break-word;
}

#reviewpage .read-mode.editable-field:hover {
    background-color: #FFF;
}

#reviewpage .editable-field.saving-mode,
#reviewpage .read-mode.editable-field:hover {
    box-shadow: 0 0 0 1px #CCC;
}

#reviewpage .editable-field .overlay-icon {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    background-color: #F0F0F0;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border-left: 1px solid #CCC;
    bottom: 0;
    height: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

#reviewpage .editable-field.saving-mode:hover,
#reviewpage .editable-field.saving-mode {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

#reviewpage .editable-field.saving-mode * {
    color: #999;
}

#reviewpage .editable-field .overlay-icon.icon-edit-sml {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42mNgGBKgoKAgAYj/Q3ECJZrBmCLNRBuASzNRXhhemj8AsQExmgWA+ABZmpEMUQDiC+RqBtnugOQVA1JTG8jWCVCvbIAaCKIboDgAZAFWg////08RptgAAMDo/Jm25cdCAAAAAElFTkSuQmCC);
    cursor: pointer;
}

#reviewpage .editable-field.saving-mode .overlay-icon {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=);
    cursor: not-allowed;
}

#reviewpage .editable-field.saving-mode .overlay-icon,
#reviewpage .editable-field.read-mode:hover .overlay-icon {
    -webkit-transition: opacity 150ms ease-in 0ms;
    transition: opacity 150ms ease-in 0ms;
}
#reviewpage .editable-field.saving-mode .overlay-icon,
#reviewpage .editable-field.read-mode:hover .overlay-icon {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    z-index: auto;
}

#reviewpage .editable-field.saving-mode .title-input,
#reviewpage .editable-field.read-mode .title-input {
    display: none;
}

#reviewpage .editable-field .title-content {
    display: none;
}

#reviewpage .editable-field.saving-mode .title-content,
#reviewpage .editable-field.read-mode .title-content {
    border: 1px solid transparent;
    display: block;
}

#reviewpage .title-input input {
    padding-left: 6px;
    width: 100%;
    max-width: none;
    min-width: 400px;
    height: 35px;
    line-height: 1.1;
    word-break: initial;
}

#reviewpage .editable-field .save-options {
    background-color: #F0F0F0;
    border: 1px solid #CCC;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
    outline: none;
    padding: 3px;
    position: absolute;
    right: 40px;
    z-index: 1;
}

#reviewpage .editable-field .save-options .aui-button,
#reviewpage .editable-field .save-options .aui-button.cancel {
    height: 24px;
    padding: 0 4px;
    margin: 0;
}

#reviewpage .editable-field .save-options .aui-button .icon-cancel {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA3UlEQVR42s1TMQqEMBC0yKO1UvAHaQKChZhO7SJoq9b6gPMT19mEvd0jHrmQoKWBKZLJ7IbZSRQ9ZqVpyhALQgZ4aXgWKkAkZFkGfd9vDhcjNPFCiDcAMF+Bmi6caNt2sMS/867rUA+L9xVKqdW+zDl/2ft5nsGsOuhF0zRDnudgC2k/TdMpji8Nxc67XaCqKhIeiOTONBLE4b5gHMf9jjh2O/uMDYlrn2HY+c/IoijWyxxYbn8No850TnxZlv4pUMIoJGbO2nUbO28k1lqHc0AJIxIhA7w0PHvOJ/wAWggjRD6SKhoAAAAASUVORK5CYII=);
}

#reviewpage .editable-field .save-options .aui-button .icon-save {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA9UlEQVR42mNgGFKgvr5+CRAfIVdzLhD/BuL/69evfwqkOUnRnAHSiIxPnz69/v///5zEaE5G13zs2LH///79A+r/746scDEQt6BpDkPXvH///v9QUPjnzx9GkCI+IJ4NU7Bhw4Y9UM3eQPwHWfOuXbtgmuuRbQlGt2Xu3LnHgfRbZLEtW7bANHeh+5F59uzZ69ENQcbAUIdpnoo1oIASzIsWLTqPTfOaNWtgmucTDPGFCxfeQNa8fPny/3///gVpXkp0nM+fP/8uSPPSpUv/A0MZpHkDyIWkJBpuoJ+vfPv2DaQZFHJsJCdboCZuIG4FYiGaZzAA03sW+3wCHCAAAAAASUVORK5CYII=);
}

#reviewpage .editable-field.saving-mode .save-options,
#reviewpage .editable-field.read-mode .save-options {
    display: none;
}

#reviewpage .editable-field .save-options .icon {
    display: inline-block;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-indent: -999em;
    vertical-align: text-top;
    width: 16px;
}

.review-avatar {
    position: relative;
}

.review-avatar a {
    height: 24px;
    width: 24px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}

.review-avatar ~ .review-avatar a {
    margin-left: 2px;
}

.review-avatar {
    white-space: nowrap;
}

.review-avatar.completed a {
    opacity: 0.5;
}

.review-avatar.completed .user.avatar {
    position: relative;
}

.review-avatar.completed .user.avatar::after {
    height: 12px;
    width: 12px;
    content: "";
    border: 2px solid #fff;
    border-radius: 8px;
    background-image: url('../../images/icon-approved.svg');
    background-size: 12px;
    position: absolute;
    top: -8px;
    right: -8px;
}

.review-avatar a.user-text-outside {
    height: auto;
    width: auto;
    margin: 0 10px;
}

.expandable-list-dropdown-content .review-avatar {
    line-height: 30px;
}

#fileBox.enter-text .enter-file-only,
#fileBox.enter-file .enter-text-only,
#fileBox.single-upload .diff-upload-only,
#fileBox.diff-upload .single-upload-only {
    display: none;
}

#fileBox fieldset.no-label {
    margin-left: 125px;
}
#fileBox fieldset.spinning .spinner img {
    background-position: 6px 3px;
}
#fileBox fieldset .spinner img {
    background-position: 26px 23px;
    height: 19px;
    width: 22px;
    margin-bottom: -3px;
}
#fileBox fieldset {
    display: block;
    margin: 5px 0;
}
#fileBox .edit {
    display: none;
}

#fileBox label.section {
    float: left;
    width: 120px;
    text-align: right;
    color: #333;
    font-size: 0.9em;
    padding-right: 5px;
    margin-top: 3px;
}

#fileBox textarea {
    width: 100%;
    height: 200px;
}

.managefiles .add-patch-column {
    padding: 20px;
}

.managefiles .add-patch-main-column {
    border-right: 1px solid #ccc;
    min-width: 300px;
}

.managefiles .add-patch-main-column .aui-message {
    word-wrap: break-word; /** paths */
}

.managefiles .existing-upload-files {
    margin: 10px;
}

.managefiles-legacy .messages,
.managefiles-legacy .error {
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid lightgray;
}

.managefiles-legacy .error {
    background-color: #FFCCBF;
}

.managefiles-legacy .error h3 {
    background: #FFCCBF url("../../images/sprite_messages_tall.png") no-repeat scroll 0 -841px;
    padding-left: 18px;

}

.managefiles-legacy .messages {
    background-color: aliceblue;
}

.managefiles-legacy .messages h3 {
    background: aliceblue url("../../images/sprite_messages_tall.png") no-repeat scroll 0 -2941px;
    padding-left: 18px;
}

.managefiles-legacy .messages ul,
.managefiles-legacy .error ul {
    list-style: disc inside none;
}

.existing-upload-files table {
    margin-left: 20px;
}

.existing-upload-files table .path {
    margin-left: 4px;
}

.existing-patch-files h3,
.existing-upload-files h3 {
    margin-bottom: 5px;
}

#review-meta-links > li > ul {
    display: inline-block;
}

.patch-controls + .spinner {
    display: inline-block;
    margin-top: -2px;
}

.patch-controls + .spinner > img {
    vertical-align: text-bottom;
}

.current-anchor,
.begin-edit,
.finish-edit,
.while-anchoring,
.while-getting-paths,
.anchor-selection,
.find-anchor,
.edit-anchor,
.unanchor {
    display: none;
}

.remove-patch {
    color: #d04437;
    cursor: pointer;
    padding: 3px 0 3px 3px;
}

.patch-controls.viewing .begin-edit,
.patch-controls.viewing.anchored > .current-anchor,
.patch-controls.viewing.anchored .edit-anchor,
.patch-controls.editing .finish-edit,
.patch-controls.editing > .anchor-selection,
.patch-controls.editing.anchored .unanchor,
.patch-controls.anchoring .while-anchoring,
.patch-controls.getting-paths .while-getting-paths {
    display: inline;
}

.unanchor {
    margin-left: 3px;
    padding-left: 3px;
}

.editing-anchor-buttons,
.anchored-path-edit,
.anchored-source-edit {
    max-width: 200px;
}

/* search bucket */
#searchBucket .searchTable, #searchBucket .searchFileBox, #searchBucket .fileBox {
    border: none;
}
#searchBucket .searchTableResults {
    border-left: 1px solid lightgray;
    position: relative;
    left: -1px;
}
#searchBucket .searchTableForm {
    width: 300px;
}

#searchBucket th, #searchBucket td {
    padding: 0;
}

.searchFileBox {
    padding-bottom: 32px !important;
}
.searchFileBox .pagination {
    right: 7px;
}
.searchFileBox .pagination-top {
    top: 0;
}
.searchFileBox .pagination-foot {
    bottom: -3px;
}

/* file bucket */
#fileBucket .fileBox {
    border: 0;
}

#fileBucket, #searchBucket, #changesetBucket {
    padding: 2px 2px 0 2px;
    position: relative;
    margin-bottom: 12px;
}
 #fileBucket .fileBox.right-border {
    border-right: 1px solid lightgray !important;
}

/* changeset bucket*/
#changesetBucket .changeset_comment {
    display:block;
    font-size:95%;
    margin-top:3px;
}
#changesetBucket .changeset_id {
    font-weight:bold;
}
#changesetBucket .changeset_stats {
    font-size:x-small;
    color:#666;
}
#changesetBucket .changeset_author {
    font-weight:bold;
}
#changesetBucket > ul {
    list-style: none;
    font-size: small;
}
#changesetBucket > ul > li.light-scm {
    padding-left: 8px;
    margin-bottom: 12px;
}
#changesetBucket > ul > li.metadataOnly:hover {
    background-color: #f0f0f0;
}
#changesetBucket .csStatus.light-scm {
    float: left;
    padding-top: 3px;
}
#changesetBucket .stream {
    margin-left: 20px;
    margin-bottom: 4px;
    padding-top: 10px;
}
#changesetBucket .stream .title {
    clear: none;
    margin-left: 0;
}
#changesetBucket .stream h4 {
    background: none;
    padding-left: 0;
}
#changesetBucket .stream div.message {
    margin-top: 3px;
    margin-left: 29px;
}
#changesetBucket .stream .itemUser,
#changesetBucket .stream .morebox {
    display: none;
}
#changesetBucket .stream .itemExtras {
    right: 0;
}
#changesetBucket ul .expand {
    position:absolute;
    left:-18px;
    top:-2px;
}
#changesetBucket div.tabs {
    position:relative;
    height:27px;
}
#changesetBucket ul.tabs {
    position: absolute;
    bottom: -1px;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size:small;
}
#changesetBucket ul.tabs li {
    float: left;
    padding: 5px 12px 4px 10px;
    margin: 0 3px 0 0;
    border:1px  #ccc solid;
    border-width:1px 1px 0px 1px;
    font-weight:bold;
    background:#fff;
}
#changesetBucket ul.tabs li a {
    color:#333333;
}
#changesetBucket ul.tabs li.active {
    border-bottom:1px solid #f0f0f0;
    background:#f0f0f0;
    /*z-index:99;*/
    color:#EB5909;
}
#changesetBucket ul.tabs li.active a {
    color:#EB5909;
}
#changesetBucket .selectItems{
    border:1px solid #ccc;
    background-color:#f0f0f0;
    padding:10px 20px;
}
#changesetBucket .controls {
    padding:5px 0 10px 0;
}

#changesetBucket .controls ul {
    margin-left: 0;
}

.managefiles #controls-container {
    background-color: #EAF1FD;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
}

.controls{
    min-height:16px;
}
.controls ul,
.controls li{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.controls ul{
    position:relative;
}
.controls li{
    float: left;
    width: 33%;
}

.controls ul a{
    background: transparent url("../../../images/sprite_navigation.gif") no-repeat;
    cursor: default;
    margin: 0 6px;
    text-decoration: none;
}

.controls .next{
    float: right;
    text-align: right;
    width: 33%;
}

.controls .back a,
.controls .next a{
    color:#999999;
}

.controls .back a{
    padding-left:15px;
}
.controls .next a{
    padding-right:15px;
}

.controls a.live{
    color:#3366CC;
    cursor:pointer;
}
.controls a.live:hover{
    text-decoration:underline;
}
.controls .back a{
    background-position:0px -131px;
}
.controls .back a.live{
    color:#3366CC;
    background-position: 0 -3px;
}
.controls .next a{
    background-position:right -161px;
}
.controls .next a.live{
    background-position:right -67px;
}

/* review changesets */
#changesetBucket .controls {
    padding: 0 0 10px;
    position: relative;
    top: 0;
    width:    100%;
}

#changesetBucket #controls-goto{
    position: absolute;
    text-align: center;
    top: 12px;
    width: 100%;
}

#controls-goto{
    margin: -1em auto;
    width: 256px;
}

#controls-goto p{
    margin:0px;
    padding:0px;
}

#keynavHelp h3 {
    padding-left: 33%;
}

#keynavHelp table {
    line-height: 1.5;
    width: 100%;
    margin-bottom: 1em;
}

#keynavHelp th {
    text-align: right;
    vertical-align: middle;
    font-weight: normal;
    width: 33%;
    padding: 2px;
}

#keynavHelp td {
    padding-left: 0.25em;
    vertical-align: middle;
}

#wikimarkupHelp table {
    line-height: 1.5;
    width: 100%;
    margin-bottom: 1em;
}

#wikimarkupHelp tr, #wikimarkupHelp th, #wikimarkupHelp td {
    border: 1px solid #D2D2D2;
    text-align: left;
    vertical-align: top;
    width: 33%;
    padding-left: 6px;
}

#review-meta-info dt {
    float: left;
    clear: left;
    padding-right: 0.3em;
}

#reviewSummaryInput {
    height: 321px;
    width: 596px;
    margin-top: 6px;
    font-size: inherit;
    line-height: inherit;
}

/* managefiles search */
.row-result {
    height: 24px;
}
.row-result .csId {
    padding-left: 6px;
}
.row-comment {
    height: 24px;
}
.row-comment td {
    padding-left: 6px;
}
.row-comment .csComment {
    max-height: 80px;
    overflow: auto;
    overflow-x: hidden;
}
.row-file {
    height: 24px;
}

/* managefiles search */
.managefiles div.box {
    width:87%;
}

#controls-container .controls {
    width: 960px;
}
#controls-container fieldset {
    display: inline;
    margin-bottom: 4px;
    width: 400px;
}
#controls-container label {
    width: 120px;
    display: block;
    float: left;
    position: relative;
    top: 4px;
    right: 7px;
    text-align: right;
    font-size: 13px;
}

#controls-container .author-fieldset,
#controls-container .search-fieldset {
    width: 450px;
}

#controls-container .author-fieldset label,
#controls-container .search-fieldset label{
    width: 180px;
}

#controls-container select {
    margin-right: 12px;
    width: 156px;
}

#controls-container input {
    width:240px;
    padding: 2px;
}

#controls-container .changeset-search-submit {
    width: 100px;
    cursor: pointer;
}

#controls-container .fecru-autocomplete-dropdown-icon {
    top: 0px;
}

.manage-files .wbauthor-input {
    white-space: pre-wrap;
}

/* searchbucket */
#searchBucket .linkedPath {
    display: block;
    font-size: 16px;
    margin: 6px 9px;
}

#searchBucket .formAdvanced th {
    font-weight: normal;
}
#searchBucket .formAdvanced .stack {
    padding: 3px 0;
}
#searchBucket .formAdvanced .right {
    text-align: right;
}
#searchBucket .formAdvanced .aside {
    font-size: 10px;
}
#searchBucket .formAdvanced th {
    width: 95px;
}
#searchBucket .formAdvanced h5 {
    font-weight: normal;
    margin: 12px 0 6px;
}

#searchBucket .formAdvanced h5 a {
    text-decoration: none;
}

#searchBucket .formAdvanced h5 span {
    font-size: 11px;
    padding: 0 4px 0 12px;
}
#searchBucket .formAdvanced h5 em {
    padding: 0 4px;
}
#searchBucket .formAdvanced h5 em:hover {
    text-decoration: underline;
}
.container-tabbed .input-wide {
    border: 1px solid #DEDEDE;
    margin-bottom: 3px;
    padding: 4px 6px;
    width: 166px;
}
.container-tabbed #cru-author {
    height: 120px;
    margin-bottom: 3px;
}

.searchResults .revisions{
    margin: 12px 0;
}
.searchResults td{
    height: 30px;
    vertical-align: middle;
}
.row-file td {
}
.row-file .csFilename a {
    padding: 0 6px 0 0;
}
.row-file .csFilename a {
    padding: 0 6px 0 0;
}
.row-file .csFilename img {
    width: 10px;
    height: 10px;
}
.row-icon {
    width: 26px;
}
.row-icon img {
    width: 14px;
    height: 16px;
    margin: 0 6px;
}
.row-change {
    padding: 0 6px 0 0;
}
.row-zebra {
    background-color: #F0F0F0;
}
.searchResults .csId,
.searchResults .csComment {
    padding-left: 6px;
}
.searchResults .csComment {
    border-bottom: none;
    padding-bottom: 4px;
    padding-right: 6px;
}
.searchTable .button {
    margin: 9px 0 0;
}
.row-comment {
    border-bottom: 1px solid #CCCCCC;;
}
.row-continued td,
.row-continues td {
    text-align: right;
    color: #BEBEBE;
}
.row-continued span,
.row-continues span {
    padding-right: 6px;
}

.mimelink.binary-frx-revision {
    margin: 0 10px 10px;
}

.mimelink-note-cru.aui-message {
    font-size: 13px;
    color: black;
    margin: 10px;
}

div.binary-frx-revision img {
    background: transparent url(../../images/background_shop_204.png) 0 0 repeat;
}

.review-todo .owner a.avatar {
    display: inline-block;
    height: 18px;
    padding: 0 !important;
    width: 18px;
}

#review-updated-warning {
    display: none;
}

#review-updated-warning.collapsed .more-info {
    display: none;
}

#review-updated-warning .comment-warning {
    display: none;
    font-weight: bold;
    color: red;
    font-size: 0.8em;
    line-height: 14px;
}

body.review-updated #review-updated-warning {
    display: block;
}

.review_state.DRAFT-meta {
    color: darkorange;
}
.review_state.OPEN-meta {
    color: darkgreen;
}
.review_state.CLOSED-meta {
    color: firebrick;
}
.review_state.TRASH-meta {
    color: #666666;
}

.hide-source .frxinner {
    border-bottom: 1px solid #CCCCCC;
}

.hide-source .frxinner .source {
    display: none;
}


/* status bar */
#footer .statusbar {
    background: transparent url(../../images/background_masthead.gif) repeat-x scroll 100% 100%;
    text-align: left;
}
#footer .statusbar h5 {
    font-weight: normal;
}

/* time spent */
#time-spent {
    background: transparent url(../../images/sprite_dropdown.png) no-repeat scroll 4px -398px;
    display: block;
    height: 24px;
}

#time-spent.spinner {
    background: transparent url(../../../images/spinner.gif) 4px 50% no-repeat;
}

#time-spent.enabled:hover{
    background-color: lemonchiffon;
}

#time-spent.edit {
    background-color: lemonchiffon;
}

#time-spent-input {
    border: none;
    margin: 0;
    padding-left: 24px;
    width: 4em;
    font-size: 11px;
    background-color: transparent;
    height: 20px;
    color: black;
}

#time-spent-input.enabled:focus {
    outline: none;
}

.edit #time-spent-input.enabled {
    border: 1px inset lemonchiffon;
    height: 18px;
}

.toolbar li.time-spent-parent {
    height: 24px;
    padding: 0 9px;
    width: 100px;
}

#submit-time {
    background: transparent url(../../images/sprite_dropdown.png) no-repeat scroll 3px -59px;
    display: block;
    height: 24px;
    width: 23px;
    cursor: pointer;
}

/**
 * Submit time to JIRA dialog
 */
.submit-time-template {
    display: none;
}

.submit-time-dialog {
    display: none;
    width: 400px;
    height: 152px;
    z-index: 9999;
}

.submit-time-dialog span.close{
    position:absolute;
    display:block;
    width:25px;
    height:17px;
    top:4px;
    right:0;
}
.submit-time-dialog span.close a{
    display:block;
    width:18px;
    height:18px;
    text-indent:-999em;
    background:transparent url(../../images/sprite_stars.png) no-repeat scroll 0 -577px;
    outline:none;
    border:none;
}
.submit-time-dialog span.close a:hover{
    text-decoration:none;
}
.submit-time-dialog .submit-time-label{
    padding:0 12px;
    position:absolute;
    top:0;
    left:0;
    width:371px;
}
.submit-time-dialog h4 {
    background: transparent url(../../images/sprite_jira.png) no-repeat scroll 3px -57px;
    border: none;
    font-size: 1.2em;
    height: 41px;
    margin-bottom: 6px;
    margin-top: 12px;
    outline: none;
    padding-top: 2px;
    position: relative;
}
.submit-time-dialog h4 span{
    font-weight: normal;
    padding-left: 51px;
}

.submit-time-dialog fieldset{
    border: none;
}

.submit-time-dialog label{
    font-size: 0.87em;
}

.submit-time-dialog .input label {
    display: inline-block;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 6px;
    text-align: right;
    width: 65px;
}

.submit-time-dialog .input input {
    border: 1px solid #999999;
    display: inline-block;
    margin-top: 2px;
    padding: 4px 0 4px 4px;
    width: 290px;
}

#time-amount {
    width: 80px;
}

#time-sofar {
    color: #526DA3;
    display: inline-block;
    font-size: 0.87em;
    font-style: italic;
    padding-top: 6px;
    width: 200px;
}

.submit-time-dialog .input input.submit-time-issue {
    display: none;
}

.submit-time-dialog .input select {
    border: 1px solid #637EB4;
    color: #637EB4;
    margin-top: 2px;
    padding: 3px;
    width: 200px;
}

.submit-time-dialog .input .generated,
.submit-time-dialog .input .focussed {
    color: #FFFFFF;
}

.submit-time-dialog span.submit-time-spinner {
    background: #FFFFFF url(../../../images/spinner.gif) no-repeat scroll 50% 50%;
    display: inline-block;
    height: 16px;
    padding-left: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

.submit-time-dialog ul,
.submit-time-dialog li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.submit-time-dialog .button{
    padding-top: 5px;
}
.submit-time-dialog .button li{
    width: 91px;
    float: right;
}
.submit-time-dialog .button li.odd{
    text-align: right;
}
.submit-time-dialog .button button,
.submit-time-dialog .button input{
    width: 90px;
}

/* overview */
#frxs .overview-item {
    min-width: 425px;
    padding: 5px;
    position: relative;
}

#frxs .overview-item.new-alert {
    background: #DDEEAA;
    border-color: #3C662E;
    padding: 10px;
}

#frxs .overview-item.warning {
    background-color: #FFFFE7;
    border-color: #222;
}

.overview-item .overview-body {
    overflow: hidden;
    line-height: 1.3;
}
.overview-item .overview-body .overview-content {
    margin: 10px 0;
}

.overview-item .meta-objectives {
    font-style: italic;
}

.overview-item .tip-view-new-frxs,
.overview-item .tip-edit-objectives,
.overview-item .tip-edit-details {
    font-style: normal;
    cursor: pointer;
}

/* status */
#status {
    display: inline-block;
    position: relative;
}

#status h5 {
    font-weight: normal;
}

#status li {
    background: #CCCCCC url(../../images/background_status.png) no-repeat -320px 0;
    display: block;
    float: left;
}
#status li.status-passed {
    background-position: 0 0;
}
#status li.status-current {
    background-position: -307px 0;
}
#status span {
    display: block;
    background: transparent url(../../images/foreground_status.png) repeat -63px 0;
    height: 14px;
    text-indent: -999em;
    width: 46px;
}

#status li.status-open {
    background: #99CC00 url(../../images/background_status_open.png) no-repeat 0 0;
}

#status li.status-open span {
    width: 180px;
}

#status li.status-current span{
    background-position: -310px 0;
}
#status li.status-start.status-current span{
    background-position: -382px -18px;
}
#status li.status-start.status-passed span{
    background-position: -63px -18px;
}
#status li.status-end span{
    width: 15px;
    background-position:-510px -18px;
}
#status li.status-end.status-current span{
    background-position: -309px -18px;
    width: 15px;
}

#status ul.status-trashed li {
    background: #990000 url(../../images/background_status.png) no-repeat 0 100%;
}

#summary-input,
#objectives-input {
    display: none;
    position: relative;
    width: 600px;
}

#summary-input .input,
#objectives-input .input {
    display: inline;
    float: left;
    height: 120px;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 5px;
    padding-top: 5px;
    top: 1px;
    width: 100%;
}

#summary-input .wiki-preview-pane,
#objectives-input .wiki-preview-pane {
    display: none;
    float: left;
    height: 120px;
}

#summary-input .wiki-preview-button-holder,
#objectives-input .wiki-preview-button-holder {
    float: right;
    margin-right: -30px;
    margin-top: 2px;
    position: static;
}

#summary-input .submit-summary,
#objectives-input .submit-objectives {
    background: transparent url(../../images/sprite_messages.png) no-repeat 0 -318px;
    padding: 0 6px;
    cursor: pointer;
    display: block;
}

#summary-input .discard-summary,
#objectives-input .discard-objectives {
    background: transparent url(../../images/sprite_messages.png) no-repeat 0 -190px;
    padding: 0 6px;
    cursor: pointer;
    display: block;
}

#summary-input .submit-summary.spinner,
#summary-input .discard-summary.spinner,
#objectives-input .submit-objectives.spinner,
#objectives-input .discard-objectives.spinner {
    background: transparent url(../../images/spinner_003366.gif) no-repeat 100%;
}

.edit-link {
    font-size: 0.75em;
    font-style: italic;
    font-weight: normal;
    margin-left: 5px;
    vertical-align: middle;
}

#reviewHead span.title a {
    color: #000;
    text-decoration: underline;
}

#reviewHead em {
    color: #CCCCCC;
    font-style: normal;
    font-weight: normal;
}

#state-message span {
    text-transform: lowercase;
}

#state-due {
    padding-left: 6px;
}

#state-due.state-overdue {
    color: #741311;
}

#review-dashboard {
    margin: 4px 0 0 9px;
    min-height: 56px;
}

#dashboard-status {
    display: inline;
    float: left;
    margin-right: 11px;
    padding: 0 0 4px 0;
}

#dashboard-reviewers {
    display: inline-block;
    white-space: nowrap;
}

#editDetailsForm {
    font-size: 14px;
}

#editDetailsForm .fecru-autocomplete-dropdown-icon.visible {
    right: 5px;
}

#editDetailsForm .form-field-reviewers .fecru-autocomplete-wrapper > input {
    background-color: white;
    border-color: #999999;
}

#editDetailsForm .form-field-reviewers > fieldset > label {
    padding-top: 3px;
}

#editDetailsForm .form-field-author {
    display: inline-block;
    margin-right: 13px; /* Spacing between author and moderator matches reviewers and suggest reviewers. */
}
#editDetailsForm .form-field-moderator {
    display: inline-block;
    padding-left: 1px;
}
#editDetailsForm .form-field-moderator label {
    width: auto;
}

#managefiles .form-field-author select,
#managefiles .form-field-moderator select {
    width: 160px;
}

#editDetailsForm .autocompleteSpinner {
    right: 9px;
    top: 0;
}

#editDetailsForm .form-field-reviewers .fecru-autocomplete-wrapper {
    margin-right: 13px;
}

#editDetailsForm #jiraIssueKeyField {
    margin-top: -2px;
}

#editDetailsForm .edit-details-anybody {
    display: inline-block;
    width: auto;
    padding-left: 10px;
}

#editDetailsForm .edit-details-anybody div.checkbox {
    line-height: 1.43;
}
#editDetailsForm #reminder-days-block .error {
    background: none;
    margin-left: 0;
}

#editDetailsForm span.view:hover {
    background-color: lemonchiffon;
}

.linked-issue-error {
    color: red;
}

#prev-element-link {
    cursor: pointer;
    height: 20px;
    padding: 4px 5px 0;
}
#prev-element-link:hover {
    background-color: #6699CC;
}
#prev-element-link span {
    background: transparent url(../../images/sprite_review.png) no-repeat scroll 0 -128px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 14px;
}

#next-element-link {
    cursor: pointer;
    height: 20px;
    padding: 4px 5px 0;
}

#next-element-link:hover {
    background-color: #6699CC;
}
#next-element-link span {
    background: transparent url(../../images/sprite_review.png) no-repeat scroll 0 -64px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 14px;
}
#prev-element-link span.spinner,
#next-element-link span.spinner {
    background: transparent url(../../images/spinner_003366.gif) no-repeat 100%;
}

#element-navigation {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    padding: 4px 5px 0;
}

#element-link {
    background-position: 0 6px;
    display: inline-block;
    height: 16px;
    padding: 0;
    width: 9px;
}

/* frx queued */
#frx-content #frxs div.frx-queued {
    background-color: #FFFFFF;
}

#frx-content {
    position: relative;
}

div.preAjaxLoad {
    background: transparent url(../../images/spinner_003366.gif) 0 0 no-repeat;
    height: 20px;
    line-height: 20px;
    margin: 3px;
    padding-left: 20px;
}

/* frx unqueued */
.frx-unloaded a {
    background: transparent url(../../images/sprite_messages_tall.png) 0 -3359px no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 3px;
    padding-left: 22px;
}

/* review-history */
#review-history {
    width: 100%;
    margin-top: 2.3em;
}

#review-history thead {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #F5F5F5;
    border-bottom:  1px solid #ccc;
}

#review-history thead tr {
    position: relative;
    width: 100%;
}

#review-history th {
    text-align: left;
    line-height: 1.7em;
    color: #EBEBEB;
    padding: 5px 10px;
    /* @2ADG */
    font-size: 13px;
}

#review-history tr {
    border-top: 1px solid #CCCCCC;
}
#review-history thead tr {
    border-top: 0;
}

#review-history tr.current-user {
    background-color: #E0EFFF;
}

#review-history td {
    padding: 8px;
    white-space: nowrap;
    vertical-align: top;
}

#review-history td.wrap {
    white-space: normal;
}

#review-history div.wrap {
    word-wrap: break-word;
}

#review-history thead tr .header {
    background: url(../../images/tablesorter-blue-bg.gif) no-repeat center right;
    cursor: pointer;
}

#review-history thead tr .headerSortUp {
    background-image: url(../../images/tablesorter-blue-asc.gif);
}
#review-history thead tr .headerSortDown {
    background-image: url(../../images/tablesorter-blue-desc.gif);
}
#review-history thead tr .headerSortDown, thead tr .headerSortUp {
    color: #CCCCCC;
}

/* review history values */
table.review-history-values {
    margin-bottom:4px;
    margin-top: 4px;
    width: 100%;
}

#review-history table.review-history-values td {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    white-space: normal;
}

table.review-history-values td.cells-one {
    width: 100%;
}
table.review-history-values td.cells-two {
    width: 50%;
}

div.frxouter .toolbar {
    visibility: hidden;
    width: auto;
}
div.activeFrx .toolbar {
    visibility: visible;
}

.frx-header-container,
.frx-header {
    padding: 0;
}

.frx-header-container .frx-header {
    border-bottom: 1px solid #ccc;
    background: #ffffff;
}

.copyCode {
    display: none;
}

.inlineSource .copyCode {
    display: inline;
}
.inlineSource .copyCode.hidden {
    display: none;
}

.frxinner {
    overflow-x: auto;
    width: 100%; /* we have to set the width to enable scrolling in IE */
}

body#reviewpage #footer {
    display: none;
}

.frxbackground {
    background-color: #ffffff;
    display: inline-block;
    min-width: 100%;
}

.frx-loading {
    border-top: none;
}

/**
 * Create issue dialog
 */
.create-issue-template {
    display: none;
}

.create-issue-dialog {
    display: none;
    width: 393px;
    height: 150px;
    z-index: 9999;
}

.create-issue-dialog span.close{
    position:absolute;
    display:block;
    width:25px;
    height:17px;
    top:4px;
    right:0;
}
.create-issue-dialog span.close a{
    display:block;
    width:18px;
    height:18px;
    text-indent:-999em;
    background:transparent url(../../images/sprite_stars.png) no-repeat scroll 0 -577px;
    outline:none;
    border:none;
}
.create-issue-dialog span.close a:hover{
    text-decoration:none;
}
.create-issue-dialog .create-issue-label{
    padding:0 12px;
    position:absolute;
    top:0;
    left:0;
    width:371px;
}
.create-issue-dialog h4 {
    background:transparent url(../../images/sprite_jira.png) no-repeat scroll 3px -57px;
    height:41px;
    margin-bottom:6px;
    margin-top:12px;
    padding-top:2px;
    font-size:1.2em;
    outline:none;
    border:none;
}
.create-issue-dialog h4 span{
    font-weight:normal;
    padding-left:51px;
}

.create-issue-dialog fieldset{
    border:none;
}

.create-issue-dialog label{
    font-size:0.87em;
}

.create-issue-dialog .input label{
    font-weight:bold;
    display:inline-block;
    padding-top:6px;
    text-align:right;
    padding-right:5px;
}
.create-issue-dialog .input input {
    border:1px solid #637EB4;
    color:#637EB4;
    width:300px;
    padding:4px 0 4px 4px;
    margin-top:2px;
    display:inline-block;
}
.create-issue-dialog .input select {
    border:1px solid #637EB4;
    color:#637EB4;
    width:200px;
    padding:3px;
    margin-top:2px;
}
.create-issue-dialog .input .generated,
.create-issue-dialog .input .focussed {
    color:#FFFFFF;
}
.create-issue-dialog span.issue-assignee-spinner {
    display:inline-block;
    background: #fff url(../../../images/spinner.gif) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
}
.create-issue-dialog span.issue-assign-to-me{
    padding-left:5px;
    display:inline;
    cursor:pointer;
    font-size:75%;
    color:#637EB4;
    text-decoration:underline;
}

.create-issue-dialog ul,
.create-issue-dialog li{
    margin:0;
    padding:0;
    list-style-type:none;
}

.create-issue-dialog .button{
    padding-top:5px;
}
.create-issue-dialog .button li{
    width:91px;
    float:right;
}
.create-issue-dialog .button li.odd{
    text-align:right;
}
.create-issue-dialog .button button,
.create-issue-dialog .button input{
    width:90px;
}

/* content shield */
#content-shield {
    display: none;
    position: absolute;
}

.shielded * {
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.shielded #content-shield {
    display: block;
    z-index: 9999;
}

.shielded .ui-resizable-helper {
    background: #DBDBDB no-repeat 50% 50%;
    border-right: 1px solid #666666;
    opacity: 0.3;
}

/* frxs filter */
#reviewpage .add-revisions  {
    color: #000;
}

#reviewpage .toolbar-setting.filter:hover,
#reviewpage .add-revisions:hover {
    background-color: #6699CC;
    color: #FFFFFF;
    text-decoration: none;
}

#reviewpage .add-revisions-link {
    color: inherit;
    font-weight: normal;
}

#reviewpage .add-revisions .spinner {
    background: transparent url(../../images/spinner_003366.gif) no-repeat scroll 50% 50%;
}

#reviewpage .add-revisions .spinner .add-revisions-link {
    /* making the text transparent instead of setting the css visibility to hidden
       prevents Safari from generating a MouseOut event that hides the popup. */
    color: transparent;
}

#reviewpage .add-revisions-link:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#reviewpage .active .add-revisions-link {
    color: #FFFFFF;
}

.filter #frxFilterOptions {
    width: 230px;
}

.frx-filter ol {
    padding: 0.5em 0;
}

.frx-filter a,
.frx-filter strong,
.frx-filter em {
    background: #FFFFFF;
    color: #535353;
    display: block;
    padding: 5px 1em;
}

#navigation-filter-link {
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
}

.frx-filter a {
    padding: 5px 24px;
}

#filter-frxs-clear {
    padding-left: 12px !important;
}

.frx-filter-option a:hover,
.frx-filter-option a:active,
.frx-filter-option a:focus {
    background-color: #79AAD6;
    color: #FFFFFF;
    text-decoration: none;
}

.frx-filter-option.disabled a {
    color: lightgray;
    cursor: default;
}

.frx-filter-option.disabled a:hover {
    background-color: #FFFFFF;
}

.frx-filter .selected a {
    background-image: url(../../images/sprite_diffs.png);
    background-position: 3px -604px;
    background-repeat: no-repeat;
}

a.frx-filter-clear {
    color: #003366;
    font-weight: bold;
    padding: 5px 13px;
}

a.frx-filter-clear.disabled {
    color: silver;
    font-weight: normal;
}
a.frx-filter-clear.disabled:hover {
    cursor: default;
    text-decoration: none;
}

.jira-auth-span {
    display: block;
    padding-top: 10px;
}

/* see: https://studio.atlassian.com/browse/APL-405 */
.create-issue-dialog-spacer {
    padding-bottom: 155px;
}

#patch-details {
    padding: 20px;
}

.add-patch-column.review-cli-column ul {
    list-style-type: disc;
    padding-left: 25px;
}

.add-patch-column.review-cli-column ul li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.add-patch-column p.review-cli-download-button {
    margin-top: 35px;
}

.add-patch-column .code-container {
    background-color: #f5f5f5;
    border: 1px #ccc solid;
    color: #333;
    font-family: monospace;
    font-weight: normal;
    text-transform: none;
    border-radius: 3px;
    padding: 3px 15px 5px;
}

#patch-details #choose-existing-patch {
    padding-left: 40px;
    list-style: none;
}

#patch-details #choose-existing-patch .patch-controls,
.add-patch-main-column .patch-controls {
    padding-left: 20px;
}

.add-patch-main-column .patch-controls .patch-revisions,
#patch-details .patch-controls .patch-revisions {
    padding-left: 30px;
    display: none;
}

#patch-details #anchor-repository .patch-name {
    display: none;
}

#patch-details #anchor-repository .unanchored-label {
    margin-top: 5px;
}

#patch-details #anchor-repository .editing .unanchored-label,
#patch-details #anchor-repository .viewing.anchored .unanchored-label {
    display: none;
}

#patch-details form, .add-patch-main-column form {
    font-size: 14px;
}

#patch-details .form-container {
    margin-top: 10px;
}

#patch-details #patch-action {
    display: none;
}

#patch-details #anchor-messages-container {
    margin: 20px;
}

.patch-revisions-expand {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url(../../images/sprite_delta.png) no-repeat scroll 4px -66px;
}

.patch-revisions-expand.expanded {
    background: transparent url(../../images/sprite_delta.png) no-repeat scroll 4px -128px;
}

.add-patch-main-column .fileRevision span {
    max-width: 400px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add-patch-main-column #charset-select {
    width: 80%;
}

.add-patch-main-column .inline-select {
    display: inline-block;
    padding-top: 2px;
}

/* END /2static/style/cru/crucible.css */
/* START /2static/style/cru/crucible-review-head.css */
/* review masthead */
#review-waypost {
    background:transparent url(../../images/sprite_title-v2.png) no-repeat scroll 0 -111px;
    height: 50px;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
}

.aui-page-header-image.review-page-header-image {
    background:transparent url(../../images/sprite_title-v2.png) no-repeat scroll 0 -115px;
    height: 48px;
    width: 48px;
}

#review-crumb {
    color: #003366;
    font-size: 14px;
    margin-right: 360px;
    padding-left: 50px;
    position: relative;
    white-space: nowrap;
    /* @2ADG higher line height creates too much space between .copy header and breadcrumbs */
    line-height: 1;
}

#review-crumb .crumb {
    background: transparent url(../../images/sprite_breadcrumbs.png) no-repeat scroll 2px -59px;
    padding-left: 12px;
}

#reviewHead, #reviewHeadInput {
    /* @2ADG: the line height could be removed after we have a new page header for review */
    line-height: 1;
    color: #000000;
    font-size: 20px;
    margin-left: 45px;
    margin-top: 0;
    overflow: hidden;
    padding: 8px 0 3px 4px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 700px;
}

#reviewHead.editable {
    cursor: text;
}
#reviewHead.editable:hover {
    background-color: lemonchiffon;
}

#reviewHeadInput {
    margin-right: 432px;
    display: none;
    padding: 0;
    overflow: visible;
}

#reviewHeadInput .input {
    border:1px solid #333333;
    font-family:Helvetica,Arial,sans-serif;
    font-size:1em;
    font-weight:bold;
    line-height:1.116;
    padding:3px 0 3px 2px;
    width:100%;
}

#reviewHeadInput .submit-title {
    background: transparent url(../../images/sprite_messages.png) no-repeat 0 -318px;
    padding: 0 6px;
    cursor: pointer;
}

#reviewHeadInput .discard-title {
    background: transparent url(../../images/sprite_messages.png) no-repeat 0 -190px;
    padding: 0 6px;
    cursor: pointer;
}

#reviewHeadInput .submit-title.spinner,
#reviewHeadInput .discard-title.spinner {
    background: transparent url(../../images/spinner_003366.gif) no-repeat 100%;
}
/*[{!crucible_review_head_css_p0xy429!}]*/
/* END /2static/style/cru/crucible-review-head.css */
/* START /2static/style/cru/crucible-comment.css */
div#generalComments.activeFrx {
    background-color: #FFFFFF;
    border-bottom-color: #CCCCCC;
    margin: 0;
}

#comment-forms-holder {
    display: none;
}

#generalCommentsInner {
    background-color: #FFFFFF;
    overflow-y: hidden;
    overflow-x: auto;
}

#general-comments-container {
    margin-left: 0;
    margin-right: 0;
}

#general-comments-container.no-comment #generalCommentForm {
    border-top: none;
}

.frxouter .generalCommentPathLink {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
}

.frxouter .add-comment {
    margin: 0 0 -9px 8px;
    padding: 2px 20px 0 0;
}

.revision_comments_frxinner {
    background-color: #FFFFFF;
    padding: 1px 6px;
}

.revision-comments .comment-container {
    margin: 0;
}

.addReviewCommentLink {
    font-style: italic;
    padding-left: 5px;
    text-decoration: underline;
}

.addFileCommentLink {
    font-style: italic;
    padding-left: 0;
    text-decoration: underline;
}

.inline-comment-tip {
    background-color: #FFFFFF;
    padding: 4px 10px;
}

.hide-source .inline-comment-tip {
    display: none;
}

.inline-comment-hidden-source-tip {
    display: none;
    background-color: #FFFFFF;
    padding: 4px 10px;
}

.hide-source .inline-comment-hidden-source-tip {
    display: block;
}

/* $$comments */
.fileCommentForm {
    padding: 5px 5px 10px;
    background-color: #FFFFFF;
}

.comment-container {
    margin: 0;
    padding: 0;
}

.comment-container .comment-container {
    margin: 0 0 0 44px;
    padding: 0;
}

.comment-container .comment-container.comment-container__no-indent {
    margin-left: 0;
}

.comment-container.gwt .comment-container.gwt {
    margin: 5px 0 5px 15px;
}

#content-resizable .commentForm.reply {
    margin: 5px 0 5px 15px;
}

.author.gwt {
    margin-bottom: 5px;
}

.comment-list {
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 0;
    margin: 10px 20px;
    background-color: #fff;
    overflow: visible; /* needed to show in-product-help below comment */
}

.commentForm .ui-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.4;
    display: none;
}

.commentForm .disabled .ui-block {
    display: block;
}

.comment-list .comment-list {
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.comment {
    padding: 10px;
    min-height: 40px;
    position: relative;
    min-width: 425px;
    border-left: 2px solid transparent;
}

.comment:hover:not(form) {
    background-color: #fafafa;
}

.comment-header {
    margin-left: 44px;
}

.comment-header .user {
    font-weight: bold;
}

.comment-container ~ .comment-container,
.commentForm ~ .comment-container,
.comment-container ~ .fileCommentForm,
.reply-container .comment-container {
    border-top: 1px #ccc solid;
}

.comment.unread,
.comment.leaveUnread {
    background-color: #ebf2f9;
}

.comment.unread:hover,
.comment.leaveUnread:hover {
    background-color: #e0ebf6;
}

.comment span.leaveUnread,
.comment span.markAsRead,
.comment span.markAsUnread {
    display: none;
}

.comment.unread span.leaveUnread,
.comment.read span.markAsUnread,
.comment.leaveUnread span.markAsRead {
    display: inline;
}

.comment.current_comment {
    border-bottom: 1px solid #ccc;
    border-left-color: #3B73AF;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    margin-bottom: -1px;
}

.comment.current_comment .excerpt .reply-count {
    right: 16px;
}

.comment.draft {
    background-color: #f5f5f5;
}

.comment.draft:hover {
    background-color: #eee;
}

.comment.draft .comment-content {
    font-style: italic;
}

.comment .comment-content {
    word-wrap: break-word;
}

.comment.draft ~ .reply-container .publishComment {
    display: none;
}

.comment .userlogo {
    float: left;
    padding-right: 10px;
}

.comment .smalluserlogo {
    padding-right: 5px;
    display: none;
}

.comment .comment-extra {
    float: right;
    margin-top: 0;
}

.hovercommentWrapper .replyToComment {
    display: none;
}

.hovercommentWrapper .comment h4 {
    cursor: default !important;
}

.comment-container.comment-collapsing,
.comment-container.comment-expanding {
    transition: opacity 800ms, height 800ms;
    overflow: hidden;
}

.comment-container.comment-collapsing,
.comment-container.comment-collapsed {
    opacity: 0.5;
}

.comment-container .excerpt {
    display: none;
}

.comment-container.comment-collapsed .excerpt {
    display: inline;
}

.comment-container.comment-collapsed .reply-container,
.comment-container.comment-collapsed .comment-body {
    display: none;
}

.comment-container.comment-collapsed .comment h4 {
    cursor: s-resize;
}

.comment-container .comment h4 {
    cursor: n-resize;
    margin-left: 44px;
}

.comment h4 {
    font-weight: bold;
    color: #3b73af;
}

.comment.unread h4 {
    font-weight: bold;
}

.comment a.disabled {
    color: #ccc;
    cursor: default;
    text-decoration: none;
}

.comment .reply-count {
    color: #999999;
    position: absolute;
    right: 20px;
}

.comment .reply-count .link {
    cursor: pointer;
    margin-left: 5px;
}

.comment .comment-body {
    line-height: 20px;
    padding-left: 44px;
}

.comment-actions ul.label-line li:before {
    content: "";
    padding: 0;
}

.comment-actions .label-line .draft-indicator {
    margin-right: 5px;
}

.comment ul {
    display: block;
}

.comment li {
    list-style-type: none;
    display: inline;
}

.comment-actions a.starrable {
    background: none;
    width: auto;
    height: auto;
    float: none;
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.comment-actions a.starrable span.throbbing {
    background: none;
}

#atlas .comment-actions a.starrable.star-throb {
    background: none;
    color: #ccc;
    text-decoration: none;
    cursor: default;
}

#atlas .comment-actions a.starrable.star-throb > span {
    color: inherit;
}

.comment-actions {
    position: relative;
    margin: 3px 0 0 0;
    line-height: 1.2;
}

.comment-actions-inner *:not(.aui-lozenge) {
    color: #707070;
    font-size: 12px;
    outline: 0;
}

.comment-actions-inner li {
    position: relative;
}

.comment-actions-inner .aui-inline-dialog-contents h2 {
    white-space: nowrap;
}

.comment-actions .jira-link-title.load-from-jira-server {
    display: inline-block;
    line-height: 20px;
    padding-left: 0;
}

.comment-actions .jira-issue-lazy-load .aui-icon,
.comment-actions .jira-link-title .aui-icon {
    margin-top: -3px;
    margin-left: -2px;
}

.comment-actions .jira-link-title.load-from-jira-server {
    background-position: 17px 2px;
}

.comment-actions .jira-link-title.load-from-jira-server a {
    margin-left: 19px;
}

.comment-actions .jira-link-title.load-from-jira-server .aui-lozenge {
    margin-left: 5px;
}

.comment-actions li:not(:empty) ~ li .prevent-comment-action-separator a:before {
    display: none;
}

.comment-actions li:not(:empty) ~ li a:before,
.comment-actions li:not(:empty) ~ li .prevent-comment-action-separator .first-element:before,
.comment-actions li:not(:empty) ~ li .prevent-comment-action-separator.first-element:before {
    content: "·";
    color: #333;
    font-size: 14px;
    padding: 0 5px;
    text-decoration: underline;
    display: inline-block;
}

/* This funny rule is for fix the underlined action separator problem in IE.
    Please don't remove it without check the damn IEs */
.comment-actions li:not(:empty) ~ li a:before,
.comment-actions li:not(:empty) ~ li .prevent-comment-action-separator .first-element:before,
.comment-actions li:not(:empty) ~ li .prevent-comment-action-separator.first-element:before {
    text-decoration: none;
}

.comment-actions li.hidden-action:before {
    padding: 0;
}

.comment .comment-actions-secondary {
    float: right;
}

.comment .comment-actions-primary ul + ul {
    margin-top: 5px;
}

/* permalink */

.frxouter a.frx-permalink {
    background: url(../../images/permalink_light_16.png) no-repeat 0 0 transparent;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    width: 16px;
    margin-left: 8px;
}

a.frx-permalink:hover {
    background-image: url(../../images/permalink_dark_16.png);
}

.frxouter a.frx-permalink span {
    padding-left: 16px;
}

.overview-item a.frx-permalink {
    float: right;
}

/* TODO use better images and add to review sprite*/

.comment textarea,
.commentForm textarea {
    width: 100%;
    height: 100px;

    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    outline: 0;

    resize: vertical;

    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: #333;

    font-family: inherit;
    font-size: 14px;
    padding: 5px;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.comment-form-placeholder textarea {
    border-radius: 3px;
    resize: none;
    height: 60px;
}

.comment-actions a.commentIssueKeyLinking,
.comment-actions span.commentIssueStatusUnlinked,
.comment-actions span.commentIssueStatusLinking,
.comment-actions a.commentIssueResolveButton {
    display: none;
}

.comment .wiki-buttons {
    background-color: #f5f5f5;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px #ccc solid;
    border-top: none;
    text-align: right;
}

.comment .wiki-buttons > span,
.comment .wiki-buttons > a {
    background: none;
    color: #999;
    margin-right: 10px;
}

.comment .wiki-buttons > span:last-child,
.comment .wiki-buttons > a:last-child {
    margin-right: 0;
}

.comment .wiki-buttons > a.copyCode {
    margin-right: 20px;
}

.comment .wiki-buttons > span:hover,
.comment .wiki-buttons > a:hover {
    color: #333;
}

.comment-actions span.error {
    color: firebrick;
}

/* comment resolution */
.comment-resolution:not(:empty) {
    border-top: 1px solid #e9e9e9;
    padding-top: 7px;
    margin-top: 9px;
    font-size: 12px;
}

.comment-resolution--lozenge,
.comment-resolution--date {
    margin-left: 5px;
}

.comment-resolution--actions {
    margin-left: 10px;
}

.comment-resolution--date {
    color: #707070;
}

/* comment area */
div.replyCommentForm {
    border-top: 1px #ccc solid;
    margin: 0 0 0 44px;
}

.commentForm {
    font-family: Helvetica, Arial, sans-serif;
}

.commentForm form a.aui-button {
    outline: 0;
}

form.comment {
    display: block;
    padding-bottom: 20px;
}

.commentForm fieldset {
    padding-top: 10px;
    font-size: 12px;
}

.commentForm span.spinner span {
    background: transparent url(../../images/spinner_b0ccea.gif) no-repeat scroll 0 0;
}

form.aui.comment .field-group {
    padding: 10px 0;
}

.comment-needs-resolution,
.commentForm .defectFlag,
.commentForm .defectFields {
    display: inline-block;
    margin-right: 10px !important;
}

.commentForm .defectFlag.checkbox {
    margin: 6px 0;
}

.commentForm .defectFields {
    vertical-align: middle;
}

.comment-needs-resolution--checkbox,
.commentForm .defectFlag input {
    margin-left: 0;
}

.commentForm .defectField.select {
    max-width: 250px;
    min-width: 165px;
    width: auto;
}

.commentForm .autosavemessage {
    float: right;
    margin-right: 10px;
    color: #999;
    font-size: 12px;
}

/*to be removed after the gwt comment has been restyled*/
.comment-body .draftIndicator {
    background-color: #3A3A3A;
    color: #FFFFFF;
    padding: 3px 4px 3px 3px;
}

.comment-body .defectIndicator {
    background-color: #741311;
    color: #FFFFFF;
    padding: 3px 4px 3px 3px;
}

.hide-comments .comment-row .comment-list,
.hide-comments .above-comments.comment-list,
.show-above-comments .comment-row .comment-list,
.show-inline-comments .above-comments.comment-list {
    display: none;
}

.hide-comments .comment-row .show-comment-container,
.hide-comments .comment-row .show-comment-container .comment-container {
    display: block;
}

/* sidebar comments */
#content-resizable #cscomment-root-pane {
    padding: 24px 0 0;
    position: relative;
}

#cscomment-root-pane .comment a.avatar {
    text-decoration: none;
}

#comment-controls {
    background: #FFFFFF url(../../images/sprite_toolbar.png) repeat scroll 0 -125px;
    border-bottom: 1px solid #CCCCCC;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#comment-controls a,
#comment-controls span {
    display: inline-block;
    height: 24px;
    float: left;
    line-height: 24px;
    padding-left: 6px;
}

#comment-controls span {
    float: right;
    padding-right: 6px;
}

#comment-controls .disabled {
    color: #ccc;
    text-decoration: none;
}

#comment-comments {
    overflow: auto;
    padding: 0 4px;
}

#comment-comments > .comment-list-container {
    padding-bottom: 1px;
}

#content-resizable .comment-list-container {
    min-width: 240px;
}

#content-resizable .comment-list-container .gwt:first-child {
    margin-top: 0;
    padding-top: 5px;
}

/* warning */
#comment-comments .warning {
    color: #999999;
    padding: 6px;
}

/* a sidebar comment */
#content-resizable .userlogo-gwt .gwt-Image {
    height: 24px;
    vertical-align: middle;
    width: 24px;
}

#content-resizable .comment-head .comment-extra {
    float: none;
}

/* add a sidebar comment */
#content-resizable .commentForm {
    margin: 6px 0 0;
}

#content-resizable .commentForm button {
    min-width: 60px;
}

/*[{!crucible_comment_css_klcs426!}]*/
/* END /2static/style/cru/crucible-comment.css */
/* START /2static/style/cru/crucible-dialog.css */
/* Ajax dialog styles that need to be used outside the review page. */

body.ajax-dialog .aui-blanket {
    background: #000 url(../../images/spinner_blanket.gif) no-repeat 50% 50%;
}

/* dialog */
.lingo h3 {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 10px;
}

.lingo h4 {
    margin-bottom: 10px;
}

.lingo ul {
    margin-top: 10px;
}

.lingo ul a.avatar {
    font-size: 100%;
}

.lingo ul li {
    line-height: 24px;
}

/* progress */
.progress {
    float:left;
    width:100%;
}
.progress li {
    float: left;
    margin: 0 12px 0 0;
}
.progress span {
    color: #BEBEBE;
    line-height: 41px;
    padding: 0 0 0 4px;
}
.progress .number-circle {
    text-align: center;
    display: block;
    height: 40px;
    width: 40px;
    background: #BEBEBE url(../../images/background_circle_40.png);
    float: left;
    padding: 0 0 0 0;
}
.progress .current span {
    color: #6699CC;
}
.progress .current .number-circle {
    background-color: #6699CC;
}

.lingo .progress {
    margin: 0 0 12px 0;
}

.lingo .note {
    clear: both;
    color: #333333;
    padding: 5px 0 10px;
}

.lingo .review-members .runner {
    margin-top: 0;
}

.lingo .review-todo {
    margin-top: 4px;
}


/* edit review */
.dialog .formBucket h4 {
    font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    margin: 10px 0 4px;
}
.dialog .formBucket select {
    width: 180px;
}

.dialog .formBucket .text {
    border: 1px solid #BEBEBE;
    padding: 5px;
}
.dialog .formBucket .textarea {
    border: 1px solid #BEBEBE;
    max-height: 100px;
}
.dialog .checkboxes label {
    font-size: 13px;
}

.dialog-row {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.dialog-half {
    width: 300px;
    float: left;
}

#reviewers-options {
    position: relative;
}

#editDetailsForm .smallTip {
    font-size: 10px;
    color: #666666;
    position: relative;
    left: 6px;
}

#suggest-reviewers-inline-dialog2 {
    z-index: 9999 !important;
    max-width: 620px;
}

#suggest-reviewers-inline-dialog2 .suggested-reviewer {
    font-size: 13px;
}

#suggest-reviewers-inline-dialog2 .suggested-reviewer:hover {
    background: #f5f5f5;
    cursor: pointer;
}
#suggest-reviewers-inline-dialog2 .suggested-reviewer--valligned {
    vertical-align: middle;
    display: inline-block;
}

#suggest-reviewers-inline-dialog2 .spinner-container {
    padding: 10px 53px;
}

#suggest-reviewers-inline-dialog2 .suggest-reviewers-info {
    padding: 10px;
    font-size: 13px;
    color: #999;
}

#suggest-reviewers-inline-dialog2 .aui-inline-dialog-contents {
    padding: 10px;
}

#suggest-reviewers-inline-dialog2 table.aui > tbody > tr:last-child {
    border-bottom: 0;
}

#editDetailsContent #description {
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 100%;
}

#editDetailsContent .wiki-preview-pane {
    box-sizing: border-box;
}

.chooseUsersAutocomplete div {
    position: absolute;
}
.chooseUsersAutocomplete .spinner {
    position: absolute;
    left: 185px;
}

.linked-jira {
    margin-bottom: 12px;
    line-height: 16px;
}

.linked-jira-content {
    margin-left: 8px;
}

.linked-jira-content {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 3px;
}

.linked-jira-content dl {
    display: table-row;
}

.linked-jira-content dt,
.linked-jira-content dd {
    display: table-cell;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.linked-jira-content dt {
    color: #333;
    text-align: right;
    min-width: 3em;
    white-space: nowrap;
}

.linked-jira-content dd {
    padding-left: 16px;
}

#linked-jira-log-work .aui-toolbar {
    background-color: transparent;
    border-top: medium none;
    padding: 0 8px 0 0;
    position: relative;
    width: auto;
    vertical-align: middle;
}

#linked-jira-log-work .toolbar-group {
    height: 24px;  
    margin: 0;
}

#linked-jira-log-work .trigger-icon {
    background: url("../../images/sprite_dropdown.png") no-repeat scroll 0 -402px transparent;
    padding-left: 16px;
}

#linked-jira-log-work .disabled {
    cursor: default;
}

#linked-jira-log-work .toolbar-group.loading {
    background: transparent url("../../images/spinner_003366.gif") no-repeat scroll right 4px;
    padding-right: 22px;
}

.aui-dialog input.text {
    border: 1px solid #CECECE;
    padding: 4px;
    width: 232px;
}

.aui-dialog input.text.full-width-field {
    width: 100%;
}

/* @2ADG : this is for making the long-field a long field */
.aui-dialog input.text.long-field {
    max-width: 500px;
    width: 100%;
}

.review-completed > .linked-jira {
    margin-bottom: 12px;
}

.review-todo {
    border: 1px solid #EEEEEE;
}

.review-todo table {
    width: 100%;
    padding: 1px;
}

.review-todo th {
    background-color: #F0F0F0;
}

.review-todo td, .review-todo th {
    vertical-align: middle;
    padding: 5px 10px;
    text-align: left;
    line-height: 16px;
}

.review-todo tbody tr.zebra {
    background-color: #F7F7F7;
}

.review-todo td.due {
    white-space: nowrap;
}

#reminder-days-block.disabled,
#reminder-days-block.disabled a,
#reminder-days-block.disabled .error{
    color: #BBBBBB;
    cursor: default;
    text-decoration: none;
}

#reminder-days-block.disabled .remove-reminder {
    display: none;
}

#reminder-days-block .error {
    display: block;
    margin-left: 124px; /* label width: 120x + label padding-right: 4px */
    color: #F00;
}

#reminder-days {
    width: 2em;
    text-align: center;
}

.spinner-16x16 {
    display:inline-block;
    background: #fff url(../../../images/spinner.gif) no-repeat 0 1px;
    width: 16px;
    height: 16px;
}/*[{!crucible_dialog_css_bdgy427!}]*/
/* END /2static/style/cru/crucible-dialog.css */