.toolbar-frame {
    display: inline-block;
}

.toolbar-frame li {
    float: left;
}

.toolbar-frame .aui-dd-parent {
    margin-right: 3px;
    padding-right: 8px;
}

.toolbar-frame .aui-dd-parent a.aui-dd-link {
    color: #000000;
    text-decoration: none !important;
    padding-right: 10px;
    background: transparent url(../images/menu_indicator.gif) no-repeat right;
}

.toolbar-frame .aui-dd-parent:hover a.aui-dd-link,
.toolbar-frame .active a.aui-dd-link {
    color: #FFFFFF;
    background-image: url(../images/white_menu_indicator.gif);
}

.toolbar-frame .aui-dd-parent:hover,
.toolbar-frame .active {
    background-color: #6699CC;
}

.toolbar-frame .filter-toggle.active {
    background-color: transparent;
}

.toolbar-frame .aui-dd-parent .dropdown-holder {
    left: 0;
    position: absolute;
    top: 12px;
}

.diffControls .toolbar-frame .aui-dd-parent .dropdown-holder {
    right: 0;
    left: auto;
}

.diffControls .frx-permalink {
    margin-top: 2px;
    height: 16px;
}

.toolbar-frame .aui-dd-parent .aui-dropdown li {
    padding: 0;
    float: none;
}

#context-navigation .aui-dd-parent .aui-dropdown a {
    text-decoration: none;
}

.toolbar-frame .aui-dd-parent .aui-dropdown li.disabled a {
    color: lightgray;
}

.toolbar-frame .aui-dd-parent .aui-dropdown li.disabled a:hover {
    background-color: white;
}

/* toolbar filter */

.toolbar-frame li.filter-enabled {
    background-image: url(../images/sprite_diffs.png) !important;
    background-position: 11px -603px;
    background-repeat: no-repeat;
}

.toolbar-frame li.filter-enabled:hover {
    background-position: 11px -667px;
}


#atlas .aui-toolbar .toolbar-group .toolbar-trigger,
#atlas .aui-toolbar .aui-dd-parent a.aui-dd-trigger {
    font-size: 12px;
    /* @2ADG due to a stupidity of firefox (line-height: normal !important for inputs) we need to define consistent line-height for toolbar buttons */
    line-height: 16px;
}


#atlas .aui-toolbar .toolbar-group .active .toolbar-trigger,
#atlas .aui-toolbar .aui-dd-parent a.aui-dd-trigger.active {
    background: #336ea9;
    background-image: -moz-linear-gradient(top, #3b7fc4, #336ea9);
    background-image: -ms-linear-gradient(top,  #3b7fc4, #336ea9);
    background-image: -webkit-linear-gradient(top,  #3b7fc4, #336ea9);
    background-image: -o-linear-gradient(top,  #3b7fc4, #336ea9);
    background-image: linear-gradient(top,  #3b7fc4, #336ea9);
    border: 1px solid #486582;
    margin-left: -1px;
    color: white;
}
#atlas .toolbar-group .active:first-child .toolbar-trigger {
    margin-left: 0;
}

#atlas .aui-toolbar .toolbar-group .disabled.active .toolbar-trigger:active {
    background: #3C78B5 url("../images/aui/aui-toolbar-button-bg.png") top left repeat-x;
    color: white;
}

#atlas .aui-toolbar .toolbar-group .disabled .toolbar-trigger:focus,
#atlas .aui-toolbar .toolbar-group .disabled .toolbar-trigger:hover,
#atlas .aui-toolbar .toolbar-group .disabled .toolbar-trigger:active,
#atlas .aui-toolbar .toolbar-group .disabled.active .toolbar-trigger:focus,
#atlas .aui-toolbar .toolbar-group .disabled.active .toolbar-trigger:hover,
#atlas .aui-toolbar .toolbar-group .disabled.active .toolbar-trigger:active{
    border-color: #999;
}

#atlas .aui-toolbar .active.disabled,
#atlas .aui-toolbar .disabled .icon {
    opacity: 0.5;
}

#atlas .toolbar .disabled,
#atlas .toolbar .disabled a,
#atlas .toolbar .disabled:hover {
    cursor: default;
}

#atlas .aui-toolbar input[type=button],
#atlas .aui-toolbar input[type=submit] {
    cursor: pointer;
    line-height: normal;
}

#atlas .aui-toolbar input[type=button]:hover,
#atlas .aui-toolbar input[type=submit]:hover {
    border-color: #999;
    outline: 0;
}

#content-column .toolbar {
    padding: 10px;
    background-color: #EEEEEE;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    min-width: 720px;
    position: relative;
    white-space: nowrap;
    /*z-index: 100;*/
}

/* @2ADG: for adminpages we should not have the padding */
#adminpage #content-column .toolbar {
    padding: 0;
}

#content-column .toolbar:after {
    content: "";
    clear: both;
    display: block;
}

/* todo remove all these .toolbar rules when we only use aui-toolbar */
#content-column .toolbar.has-aui-toolbar {
    height: auto;
}

#content-column .aui-toolbar ul:first-child {
    margin-left: 5px;
}

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

#content-column .toolbar-bottom {
    border-bottom: none;
}

.toolbar-bottom .pagination {
    margin: 10px;
}

#content-column .toolbar-bottom .aui-toolbar {
    padding-top: 0;
    display: block;
}

.toolbar a {
    outline: none;
}

.toolbar .disabled-link {
    color: #535353;
}

.toolbar .tb_section {
    float: left;
    margin-left: 5px;
    padding-right: 5px;
}

.toolbar .tb_drop {
    float: left;
    margin-left: 5px;
    padding-right: 2px;
}

.frx-toolbar .toolbar .tb_drop {
    margin-left: 0;
    padding-right: 0;
}

.toolbar .tb_mid {
    padding-right: 0;
}

.toolbar ul {
    display: inline;
}

.toolbar .tb_section div {
    display: inline;
}

.toolbar .tb_left {
    border-right: 1px solid #e2e2e2;
}

.toolbar .tb_right {
    float: right;
}

.toolbar .tb_right_mid {
    border-left: 1px solid #e2e2e2;
}

.toolbar li {
    font-size: 12px;
    border-width: 0px;
    padding: 3px 9px;
    outline: 0;
    float: left;
    display: block;
}

.toolbar li.rss {
    padding: 6px 9px 0;
}

.toolbar .tb_button {
    cursor: pointer;
}

#mark-comments-read-button {
    text-decoration: underline;
    font-size: 0.9em;
}

#mark-comments-read-button a {
    color: #003366;
}

#mark-comments-read-button.tb_button.disabled {
    cursor: auto;
    text-decoration: none;
}

#mark-comments-read-button.tb_button.disabled a {
    color: #BBBBBB;
    text-decoration: none;
}

.toolbar li.select {
    padding: 0;
}

.toolbar li.select:hover {
    background-color: transparent;
}

.toolbar li.taskbar-diff {
    padding: 2px 6px;
}

.toolbar li input {
    padding: 0 5px;
    border: 1px solid #BBBBBB;
    margin: 0 5px;
    font-size: 12px;
}

.toolbar .toolbar-group .toolbar-item .toolbar-textinput {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    height: 22px;
    width: 180px;
    margin: 0;
    vertical-align: middle;
}

.toolbar .text:hover {
    text-decoration: none;
}

.toolbar .text:hover a {
    color: #FFFFFF;
}

.toolbar .text a:hover {
    text-decoration: none;
}

.toolbar li.toggle:hover {
    background-color: inherit;
    color: #000000;
}

.toolbar li.toggle:hover a {
    color: #000000;
}

.toolbar li.toggle.disabled:hover a {
    color: #AAAAAA;
}

.toolbar li a.active {
    font-weight:bold;
}

.toolbar-foot {
    border-bottom: none;
}

.toolbar .tb_toggle {
    background: transparent url(../images/sprite_triple.png) no-repeat 9px -93px;
    font-size: 11px;
    color: #000;
    padding: 3px 5px 2px 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.toolbar .tb_toggle.active {
    background-position: 9px -31px;
}

/* toolbar stream-jump */

.toolbar-jump {
    top: 0 !important;
}

.toolbar-jump input {
    border: 1px solid #BBBBBB;
    height: 13px;
    padding: 3px;
    position: relative;
    top: 2px;
    color: #999999;
    width: 101px;
}

.toolbar-jump .generated,
.toolbar-jump .focussed  {
    color: #5C5C5E;
}

/* toolbar-links */

.toolbar-bar li {
     float: left;
 }

a.toolbar-history {
    background-position: 0 -29px;
}

a.toolbar-permalink {
    background-position: 0 3px;
}

a.toolbar-charts {
    background-position: 0 -317px;
}

a.toolbar-patch {
    background-position: 0 -507px;
}

a.toolbar-review {
    background-position: 0 -189px;
    color: #E77C33;
}

a.toolbar-goto {
    background-position: 0 -156px;
}

a.toolbar-hidden,
a.toolbar-empty a {
    display: none;
}

.toolbar-text {
    background: none;
    border-left: 1px solid #CCCCCC;
    padding-left: 25px;
}

.toolbar-text a {
    color: #436590;
}

.toolbar-input {
    margin: 0 24px;
}

.toolbar-bar {
    white-space: nowrap;
    float: left;
}

.toolbar-bar span.toolbar-jump {
    position: relative;
    top: 5px;
    padding-right: 8px;
}

.toolbar-end {
    float: right;
}

.toolbar-end span {
    position: relative;
    top: 5px;
}

.toolbar-toggle {
    padding: 0 10px 0 8px;
}

/* toolbar stream-pagination */

.toolbar-pagination {
    color: #CCCCCC;
    position: relative;
    top: 5px;
    display: inline;
}

.toolbar-pagination a, .toolbar-pagination span {
    background: transparent url(../images/sprite_pagination.png) no-repeat 0 -1023px;
    color: #436590;
}

.toolbar-pagination span {
    top: 0;
}

.toolbar-pagination .pagination-back {
    margin-right: 8px;
    padding-left: 16px;
}

.toolbar-pagination .pagination-back-off {
    background-position: 0 -1087px;
    margin-right: 8px;
    padding-left: 16px;
    color: #CCCCCC;
    cursor: default;
    text-decoration: none;
}

.toolbar-pagination .pagination-next {
    background-position: right -1151px;
    margin-left: 8px;
    padding-right: 17px;
    padding-left: 0;
}

.toolbar-pagination .pagination-next-off {
    background-position: right -1215px;
    margin-left: 8px;
    padding-right: 17px;
    padding-left: 0;
    color: #CCCCCC;
    cursor: default;
    text-decoration: none;
}

/* toolbar stream-toggle */

.toolbar-toggle {
    position: relative;
    top: 5px;
}

#accordion-toggle {
    position: relative;
}

.toolbar-toggle a {
    background-position: 4px -380px;
}

.toolbar-toggle a.expanded {
    background-position: 6px -446px;
}


/* toolbar disabled */

.toolbar .disabled,
.toolbar .disabled a {
    color: #BBBBBB;
    cursor: default;
}

.toolbar .disabled:hover {
    color: #BBBBBB;
    cursor: default;
}

.toolbar .disabled:hover a {
    color: #BBBBBB;
}

/* toolbar icons */

.toolbar .icon {
    background: transparent url(../images/sprite_review.png) no-repeat scroll 5px 0;
    display: block;
    height: 24px;
    margin: 0 !important;
    outline: none;
    padding: 0 !important;
    text-indent: -999em;
    width: 24px;
    cursor: pointer;
}

.toolbar .icon.disabled {
    opacity: 0.3;
    cursor: default;
}

.toolbar .next-file-button {
    background-position: 5px -60px;
}

.toolbar .prev-file-button {
    background-position: 5px -124px;
}

.toolbar #collapseAllFrxs {
    background-position: 5px -444px;
}

.toolbar #expandAllFrxs {
    background-position: 5px -508px;
}

.toolbar .next-comment-button {
    background-position: 5px -571px;
}

.toolbar .prev-comment-button {
    background-position: 5px -635px;
}

.toolbar .view-post {
    background-position: 5px -251px;
}

.toolbar .view-next {
    background-position: 5px -187px;
}

.toolbar .step-post {
    background-position: 5px -316px;
}

.toolbar .step-next {
    background-position: 5px -380px;
}

.toolbar .view-post a,
.toolbar .view-next a,
.toolbar .step-post a,
.toolbar .step-next a {
    display: block;
    height: 24px;
    width: 24px;
}

.toolbar li.view-select {
    padding: 2px 0 0;
}

.toolbar .icon-toggle.disabled {
    cursor: pointer;
}

/* right floated */
.toolbar-frame-right {
    float: right;
}

/* IDE link */

.ide-icon {
    cursor: pointer;
    display: none;
}

.toolbar .ide-icon {
    float: left;
    padding: 4px 6px;
}

.toolbar .ide-icon:hover {
    background-color: #6699CC;
}

/* filter */

.constraint-toggle > .trigger-icon {
    background: transparent url(../images/sprite_branchselector.png) 0 -98px no-repeat;
    width: 14px;
    height: 16px;
    display: inline-block;
}

.constraint-toggle > .trigger-icon__with-margin {
    margin-right: 5px !important;
}

.constraint-toggle.active > .trigger-icon,
.active > .constraint-toggle > .trigger-icon  {
    background-position: 0 -148px;
}

#constraint-form .aui-toolbar {
    background: transparent;
    border: none;
    height: auto;
    min-width: 0;
    width: auto;
}

#constraint-form .aui-toolbar .toolbar-group {
    margin: 0;
}
#constraint-form .aui-toolbar {
    margin-left: 50px;
    top: -2px;
}
/* calendar button */

.calendar-toggle > .trigger-icon {
    background: url("../aui/css/atlassian/images/icons/aui-icon-forms.gif") no-repeat scroll 2px -17px transparent;
    width: 18px;
    height: 20px;
    display: inline-block;
}

/* toolbutton
    emulates the toolbar button styling for stand-alone buttons
*/
.toolbutton {
    background: url("../images/aui/aui-toolbar-button-bg.png") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #DDDDDD;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000000;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 5px;
    min-width: 14px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

.toolbutton:hover,
.toolbutton:active,
.toolbutton.active {
    background: url("../images/aui/aui-toolbar-button-bg.png") repeat-x scroll left top #3C78B5;
}

.toolbutton:hover a,
.toolbutton:active a,
.toolbutton.active a,
.toolbutton:hover,
.toolbutton:active,
.toolbutton.active {
    color: #FFFFFF;
    text-decoration: none;
}

/* toolbar-lean
	cleam the padding away from the non-AUI toolbar buttons to increase their target
	.toolbar-setting == .aui-dd-parent
*/

#atlas .filter {
    background-image: url(../images/sprite_diffs.png);
    background-position: 6px -799px;
    background-repeat: no-repeat;
}

#atlas .toolbar .toolbar-lean,
#atlas .toolbar-lean .toolbar-setting {
    margin: 0;
    padding: 0;
}

#atlas .toolbar-lean a.aui-dd-link {
	background-position: 50px center;
    display: inline-block;
    padding: 4px 24px 3px 16px;
}

#atlas .toolbar-lean .toolbar-setting .dropdown-holder {
    top: 1px;
}

#atlas .toolbar-lean .filter {
    background-position: 10px -798px;
}

#atlas .toolbar-lean .filter-enabled {
    background-position: 10px -734px;
}

#atlas .toolbar-lean .filter-toggle {
    color: inherit;
    display: inline-block;
    font-weight: 400;
    padding: 4px 16px 3px 32px;
}

#atlas .toolbar .aui-dropdown li a {
    padding-left: 24px;
}

#atlas .active .filter-toggle,
#atlas .toolbar-lean .filter-toggle:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#atlas .filter .selected a,
#atlas .selectable .selected a {
    background-image: url(../images/sprite_diffs.png);
    background-position: 3px -602px;
    background-repeat: no-repeat;
}/*[{!style_toolbar_css_2z3u41q!}]*/