/*******************************************************************************
********************************************************************************
**
* - GENERAL
*
* - PAGE CONTAINERS
*
* - HEADER
*
* - CONTENT
*
* - FOOTER
**
********************************************************************************
 ******************************************************************************/




/* GENERAL ------------------------------------------------------------------ */

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, ul {
    border: 0 none #fff;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background: #f0f0f0;
	color: #000;
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: left;
}

a, span[role=link] {
	color: #326ca6;
}

h1 {
	color: #000;
	font-size: 183%;
    margin-bottom: 0.5em;
}
h2 {
	border-bottom: 1px solid #bbb;
    color: #000;
    font-size: 134%;
    margin-bottom: 0.5em;
}
h3 {
    border-bottom: 1px solid #bbb;
    font-size: 117%;
    margin-bottom: 0.5em;
}
h4 {
    font-size: 100%;
	margin: 15px 0 0 0;
}

h1 + .description {
    color: #505050;
    margin: -0.5em 0 0.84em;
}
h1 + .description > p:first-child {
    margin-top: 0;
}
div.aui-dialog {
    font-size: 1em;
}
.aui-dialog h2 {
    border: 0;
}
.dialog-tip {
    color: #505050;
    float: left;
    font-size: 12px;
    margin-left: 17px;
}
.dialog-tip kbd {
    font-size: 1em;
    font-weight: bold;
}
.aui-dialog-content {
    height: 100%;
    margin: -10px;
    padding-bottom: 20px;
    position: relative;
}
.aui-dialog-content > .aui-dialog-content-loading {
    margin: 10px;
}
.aui-dialog-content form.aui {
    bottom: 2.7em;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.aui-dialog-content form.aui .form-content-container > .description:first-child {
    margin-top: 0;
    padding-top: 0;
}
.aui-dialog-content form.aui .form-content-container {
    bottom: 6px;
    left: 0;
    overflow: auto;
    padding: 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
}
.aui-dialog-content form.aui .buttons-container {
    bottom: -2.7em;
    left: 0;
    margin: 0 0 5px;
    position: absolute;
    right: 0;
}
.aui-dialog-content form.aui .buttons {
    text-align: right;
}
.aui-dialog .dialog-title > form {
    float: right;
    font-size: 13px;
}

dl
{
	margin: 15px 0 0 0;
}

p
{
	margin: 10px 0 5px 0;
}

ol
{
	margin: 15px 0 0 0;
}

ol.standard
{
    text-align: left;
    margin: 10px 0 10px 0;
}

ol.standard li
{
    margin: 5px 0 0 25px;
}

ul.executableAgents
{
    margin: 5px 0 9px 10px;
}

.moreExecutableAgents
{
    border-top: 1px solid #DDDDDD;
    padding-bottom: 2px;
}

.moreExecutableAgents a
{
    display: block;
    text-align: center;
    text-decoration: none;
}

ul
{
	margin: 10px 0 0 0;
}

ul li
{
	margin: 5px 0 0 25px;
}

input, select, table, textarea
{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden
{
	display: none;
}

.assistive {
    border: 0;
    height: 0 !important;
    left: -5000px !important;
    overflow: hidden !important;
	position: absolute !important;
    top: 0;
    width: 4000px !important;
}
.assistive th,
.assistive td {
    border: 0;
    font-size: 1px;
    padding: 0;
}
table.aui > thead.assistive + tbody > tr:first-child > td {
    border-top: 0;
}

table.centeredTable > thead {
    text-align: center;
}

table.centeredTable > tbody td {
    text-align: center !important;
}

a.showLink
{
    text-decoration: underline !important;
}

#top
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}




/* PAGE CONTAINERS ---------------------------------------------------------- */

#nonFooter
{
    min-height: 100%;
    padding-bottom: 6em;
}

* html #nonFooter
{
	height: 100%;
}




/* HEADER ------------------------------------------------------------------- */

#header {
    background: #036;
    color: #FFF;
	min-height: 30px;
    overflow: hidden;
}

#header a {
    color: #FFF;
}

#logo {
	float: left;
	padding: 0 0 1px 15px;
}

#logo > a {
    display: block;
    background: url(../../../images/bamboo_header_logo.png) no-repeat;
    height: 30px;
    width: 104px;
    text-indent : -9999px;
    overflow: hidden;
}

#userOptions {
    float: right;
    margin: 0;
    padding: 9px 15px 0 0;
    line-height:1;
	list-style: none;
}

#userOptions li {
	float: left;
	margin-top: 0;
}

#userOptions a:hover {
    color: #DDE7EE;
}

#userInfo strong {
    color: #CEDAE5;
}

#profileLink, #loginLink {
	margin: 0 10px 0 30px;
}

#logoutLink, #signupLink {
    padding: 0 0 0 10px;
    margin: 0 30px 0 0;
    border-left: 1px dotted #FFF;
}

#menu
{
    background-color: #3C78B5;
    color: #FFF;
    font-size: 13px;
    line-height: 1.8em;
}

#menu ul
{
    list-style: none;
	margin: 0 0 0 5px;
    overflow: hidden;
}

#menu li
{
	float: left;
	margin: 0 10px 0 0;
}

#menu a {
    display: block;
    padding: 0 10px;
    color: #fff;
}

#menu a:hover,
#menu li.on a:hover {
    background: #fff;
    color: #333;
}

#menu li.on a
{
    background: #F0F0F0;
    color: #333;
}

/* CONTENT ------------------------------------------------------------------ */

#content {
	clear: both;
    overflow: hidden;
    padding: 10px 15px;
}

/* Tab overrides */
.aui-tabs > .tabs-pane {
    overflow: hidden;
}

/* Tabbed main content */
#content > .aui-tabs > .tabs-pane,
#admin-content,
#report-content,
#create-content,
#agent-content,
#welcome-content,
#setup-content,
#error-content,
#picker-content {
    background: #fff;
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 400px;
    overflow: hidden;
}
#report-content,
#create-content,
#agent-content,
#welcome-content,
#setup-content,
#error-content,
#picker-content {
    padding: 1em;
}
#content > .aui-tabs ul.tabs-menu li.menu-item a,
#build-content > .aui-tabs ul.tabs-menu li.menu-item a {
    background: transparent;
    border-color: transparent;
}
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item,
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a,
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:link,
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:visited,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:link,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:visited {
    border-color: transparent;
}
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:hover,
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:active,
#content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:focus,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:hover,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:active,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:focus{
    border-color: #ddd;
}


/* Build Decorator */
#status-ribbon {
    clear: both;
    margin: 0 -15px 15px;
    overflow: hidden;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#status-ribbon.has-job {
    padding-left: 110px;
}
#status-ribbon:before,
#status-ribbon:after {
    background: rgba(255, 255, 255, 0.2);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
#status-ribbon:after {
    bottom: 0;
    top: auto;
}
#status-ribbon > div {
    padding: 10px 10px 10px 0;
    position: relative;
}
.has-job > #sr-build {
    float: left;
    margin-left: -110px;
    width: 100px;
}
div#sr-job {
    margin-left: 10px;
}
#sr-job:after {
    border: 30px solid transparent;
    border-left: 30px solid #000;
    border-right: 0;
    content: "";
    height: 0;
    left: -10px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 5;
}
#sr-job:before {
    border: 30px solid transparent;
    border-left: 30px solid #f0f0f0;
    border-right: 0;
    content: "";
    height: 0;
    left: 0;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 5;
}
#status-ribbon h2,
#status-ribbon h3 {
    background: transparent;
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.05);
    border-left: 0;
    border-right: 0;
    color: #fff;
    font-size: 1.35em;
    line-height: 32px;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
#status-ribbon h2 {
    padding-left: 10px;
}
#status-ribbon h3 {
    padding-left: 40px;
}
#status-ribbon h2 > span,
#status-ribbon h3 > span {
    font-weight: normal;
}
#status-ribbon h2 > a,
#status-ribbon h3 > a {
    color: #fff;
}
#status-ribbon > .InProgress,
#status-ribbon > .Pending,
#status-ribbon > .Queued {
    background: #3c78b5;
}
#status-ribbon > .Failed {
    background: #a00;
}
#status-ribbon > .Successful {
    background: #393;
}
#status-ribbon > .NotBuilt,
#status-ribbon > .Unknown {
    background: #666;
}
.InProgress + #sr-job:after,
.Pending + #sr-job:after,
.Queued + #sr-job:after {
    border-left-color: #3c78b5;
}
.Failed + #sr-job:after {
    border-left-color: #a00;
}
.Successful + #sr-job:after {
    border-left-color: #393;
}
.NotBuilt + #sr-job:after,
.Unknown + #sr-job:after {
    border-left-color: #666;
}
#status-ribbon .icon {
    vertical-align: -2px;
}
#status-ribbon h2 > .icon-InProgress {
    background: url(../../../images/jt/icn_building_dark.gif) no-repeat 50% 50%;
}

div#progress-and-history-navigator {
    font-size: 1.35em;
    left: 0;
    line-height: 1.875;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.has-job > #progress-and-history-navigator {
    padding-left: 140px;
}
#status-ribbon .progress {
    border: 0;
    color: #fff;
    margin: 11px 0;
}
#status-ribbon .progress > .progress-bar {
    background: #6393c3;
    background: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 15px 0 10px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 15px 0 10px -10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 15px 0 10px -10px rgba(0, 0, 0, 0.3);
    left: auto;
    right: 0;
    -webkit-transition: width 5.3s linear;
    -moz-transition: width 5.3s linear;
    -o-transition: width 5.3s linear;
    transition: width 5.3s linear;
}
#status-ribbon .progress > .progress-text {
    visibility: hidden;
}

#history-navigator {
    float: right;
    padding: 10px 0;
    position: relative;
    z-index: 1;
}
#history-navigator > h4 {
    color: #fff;
    font-size: 0.75em;
    left: -3.9em;
    line-height: 2.84;
    margin: 0;
    position: absolute;
    top: 10px;
}
#history-navigator > ol {
    background: #fff;
    border: 1px solid #bbb;
    border-left: 0;
    border-right: 0;
    float: left;
    list-style: none;
    margin: 0;
}
#history-navigator li {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    float: left;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
#history-navigator li + li {
    margin-left: -1px;
}
#history-navigator li:hover,
#history-navigator .current {
    background: #f0f0f0;
    border: 1px solid #bbb;
    margin-bottom: -1px;
    margin-top: -1px;
    position: relative;
}
#history-navigator li.current {
    background: #e0f0ff;
}
#history-navigator li > a,
#history-navigator li > span {
    display: block;
    height: 2em;
    padding: 0 4px;
}
#history-navigator li .icon {
    vertical-align: -3px;
}
#hn-previous,
#hn-next {
    background: #fff;
    border: 1px solid #bbb;
    border-left: 0;
    border-right: 0;
    float: left;
    height: 2em;
    overflow: hidden;
    padding: 0 10px;
    text-decoration: none;
}
#hn-previous > span,
#hn-next > span {
    border: 8px solid;
    border-color: transparent #bbb;
    display: inline-block;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: -3px;
    width: 0;
}
#hn-previous > span {
    border-left-width: 0;
}
#hn-next > span {
    border-right-width: 0;
}
#hn-previous:hover > span,
#hn-next:hover > span {
    border-color: transparent #505050;
}
#history-navigator span#hn-previous > span,
#history-navigator span#hn-next > span {
    border-color: transparent #ddd;
}

#build-details {
    margin-bottom: 10px;
    overflow: hidden;
}
#build-container {
    margin-top: 15px;
    padding: 25px 0 0 210px;
}
#plan-navigator {
    background: #fff;
    border: 1px solid #bbb;
    border-left: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    margin-left: -225px;
    padding-bottom: 10px;
    position: relative;
    width: 209px;
}
#plan-navigator h2 {
    color: #8a8a8a;
    font-size: 1.5em;
    font-weight: normal;
    border: 0;
    left: 10px;
    margin: 0;
    position: absolute;
    top: -1.5em;
}
#plan-navigator h3 {
    border-bottom: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
#plan-navigator h3 > a {
    display: block;
    padding: 5px 10px;
}
#plan-navigator h4 {
    background: #f0f0f0;
    color: #505050;
    font-size: 1em;
    margin: 0;
    padding: 4px 4px 4px 10px;
}
#plan-navigator .progress {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#plan-navigator .progress > .progress-bar {
    background: #efefef;
    left: auto;
    right: 0;
    -webkit-transition: width 5.3s linear;
    -moz-transition: width 5.3s linear;
    -o-transition: width 5.3s linear;
    transition: width 5.3s linear;
}
#plan-navigator .active > .progress > .progress-bar {
    background: #5C94CC;
}
#plan-navigator .active > .icon-InProgress {
    background: url(../../../images/jt/icn_building_dark.gif) no-repeat 50% 50%;
}
#plan-navigator a {
    color: #326ca6;
}
#plan-navigator .disabled a {
    color: #666;
}
#plan-navigator li > a,
#plan-navigator li > span {
    float: left;
    min-height: 16px;
    position: relative;
    z-index: 1;
}
#plan-navigator li > span {
    margin-left: -20px;
}
#plan-navigator ul {
    border-bottom: 1px solid #ddd;
    list-style: none;
    margin: 0;
}
#plan-navigator ul ul {
    border: 0;
}
#plan-navigator li {
    border-top: 1px solid #ddd;
    margin: 0;
}
#plan-navigator ul ul li {
    overflow: hidden;
    padding: 4px 10px 4px 30px;
    position: relative;
}
#plan-navigator li.active,
#plan-navigator h3.active {
    background: #326ca6;
}
#plan-navigator li.active.Failed,
#plan-navigator h3.active.Failed {
    background: #a00;
}
#plan-navigator li.active.Successful,
#plan-navigator h3.active.Successful {
    background: #393;
}
#plan-navigator li.active.NotBuilt,
#plan-navigator li.active.Unknown,
#plan-navigator h3.active.NotBuilt,
#plan-navigator h3.active.Unknown{
    background: #666;
}
#plan-navigator li.active a,
#plan-navigator h3.active a {
    color: #fff;
}
#build-content {
    background: #fff;
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 400px;
    padding: 1em;
    position: relative;
}
#build-container > #build-content {
    float: left;
    padding: 0;
    width: 100%;
}
#build-content > .aui-tabs > .tabs-menu {
    line-height: 1;
    position: absolute;
    top: -24px;
}
#build-content > .aui-tabs > .tabs-pane {
    border: 0;
}
#build-content > .aui-tabs ul.tabs-menu li.menu-item a {
    background: transparent;
    border-color: transparent;
}
#build-content > .aui-tabs ul.tabs-menu li.menu-item strong {
    padding-bottom: 4px;
    padding-top: 6px;
}
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:link,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:visited {
    border-color: transparent;
}
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:hover,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:active,
#build-content > .aui-tabs.horizontal-tabs ul.tabs-menu li.menu-item a:focus {
    border-color: #ddd;
}

p.stage-summary {
    margin: 5px 0;
}
p.stage-description {
    color: #585858;
    margin: 5px 0;
}

#latestStatusHolder {
    float: right;
}


#breadcrumb {
    font-size: 1.167em;
    margin: 0 0 0.35em 0;
}
#breadcrumb a.current {
    font-size: 1.5em;
    font-weight: bold;
}
#breadcrumb > span:before,
#breadcrumb .breadcrumb-separator {
    color: #7a7a7a;
    content: "\203A";
    margin: 0 0.5em;
}
#breadcrumb span:first-child:before,
#breadcrumb .icon-disabled:before {
    display: none;
}

#breadcrumb .icon {
    vertical-align: -2px;
}

.plan-description {
    color: #808080;
    float: left;
    margin-bottom: 0.35em;
}

.bambooTabContainer {
    display: none;
}

.bambooTabContainer .ui-tabs-nav a
{
  outline: none!important;
}

.agentTabs .ui-tabs-nav li
{
    background-image: url(../../../images/blue_tab_left.gif) !important;
}
.agentTabs li.ui-tabs-selected a
{
    background-image: url(../../../images/blue_tab_on_right.gif) !important;
}

.agentTabs li.ui-tabs-selected
{
    background-image: url(../../../images/blue_tab_on_left.gif) !important;
}

.agentTabs .ui-tabs-nav a
{
    background-image: url(../../../images/blue_tab_right.gif) !important;
}

.ui-tabs-hide {
    display: none;
}

#external-operations {
    list-style: none;
    margin: 0;
    position: absolute;
    right: 12px;
    top: -25px;
    z-index: 10;
}

#agent-content #external-operations {
    float: right;
    margin-top: -35px;
    position: static;
}

#external-operations > li {
    float: left;
    margin: 0;
}

#external-operations > li > a,
#external-operations > li > div > .aui-dd-trigger {
    -moz-border-radius: 3px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius: 3px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color:#535353;
    cursor: pointer;
    display: block;
    font-size: 1.167em;
    padding: 2px 6px 3px 8px;
    text-decoration: none;
}

#external-operations > li > a:hover,
#external-operations > li > div > .aui-dd-trigger:hover,
#external-operations > li > div.active > .aui-dd-trigger {
    background-color: #326ca6;
    color: #fff;
}

#external-operations > li > a:hover > .icon-drop,
#external-operations > li > div > .aui-dd-trigger:hover .icon-drop,
#external-operations > li > div.active > .aui-dd-trigger .icon-drop {
    background-image: url(../../../images/menu_indicator_for_dark_backgrounds.gif);
}

#external-operations a.view,
#external-operations a.configure {
    padding-left: 31px;
}

#external-operations a.view {
    background: url(../../../images/icons/view_20.png) no-repeat 8px 50%;
}

#external-operations a.configure {
    background: url(../../../images/icons/tools_20.png) no-repeat 8px 50%;
}

/* Actions/Filter Menus with AUI Dropdown overrides */
#external-operations .aui-dropdown ul,
#external-operations .aui-dropdown > li {
    margin: 0;
}

#external-operations .item-link {
    color: #333;
    display: block;
    padding: 0.4em 0.5em;
    text-decoration: none;
}

#external-operations .item-link .icon {
    margin-right: 2px;
}

#external-operations .aui-dropdown > li > ul {
    border-top: 1px solid #bbb;
    margin-top: 4px;
    padding-top: 4px;
}

#external-operations .aui-dropdown > li > ul:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

#buildNav {
    clear: right;
    float: right;
    padding-top: 0.35em;
	white-space: nowrap;
}
#buildNav input.textField {
    width: 3em;
}
#buildNav input {
    border: 1px solid;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    overflow: hidden;
    padding: 0.3em 0 0.25em 0;
    text-align: center;
	width: auto;
}
#buildNav ol {
	float: left;
    list-style: none;
	margin: 0;
}
#buildNav li {
    float: left;
    font-weight: normal;
	margin: 0 0 0 1px;
	padding: 0.5em 0 0;
}
#buildNav li.current {
	padding-top: 0;
}
#buildNav li a {
    display: block;
    font-size: 0.75em;
    height: 9px;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
}
#buildNav li.queued input,
#buildNav li.queued a,
#buildNav li.inProgress input,
#buildNav li.inProgress a {
    background: #6EAAF7;
    border-color: #3C78B5;
    color: #006;
}
#buildNav li.success input,
#buildNav li.success a {
    background: #A6DBA6;
    border-color: #749974;
    color: #060;
}
#buildNav li.fail input,
#buildNav li.fail a {
	background: #EDA6A6;
    border-color: #996B6B;
    color: #4D3636;
}
#buildNav li.notBuilt input,
#buildNav li.notBuilt a,
#buildNav li.none input,
#buildNav li.none a {
    background: #DBDBDB;
    border-color: #999;
    color: #666;
}
#buildNavPrevious,
#buildNavNext {
    float: left;
    height: 11px;
    margin-top: 6px;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
	width: 6px;
}
#buildNavPrevious {
    background: url(../../../images/build_nav_arrow_left.gif) no-repeat;
    margin-right: 10px;
}
#buildNavNext {
    background: url(../../../images/build_nav_arrow_right.gif) no-repeat;
    margin-left: 10px;
}
span#buildNavPrevious {
	background-image: url(../../../images/build_nav_arrow_left_grey.gif);
}
span#buildNavNext {
	background-image: url(../../../images/build_nav_arrow_right_grey.gif);
}

span[role=link]
{
    cursor: pointer;
}

#buildFilter
{
	float: right;
	border: 0 none #FFFFFF;
	background-image: none;
	white-space: nowrap;
	font-weight: normal;
}

#buildFilter form
{
	margin: 4px 0 0 0;
}

#buildFilter fieldset
{
	display: inline;
}

#buildFilter select
{
	vertical-align: middle;
}

#submenu
{
	clear: both;
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
	background-color: #EEEEEE;
	line-height: 28px;
}

#submenu li
{
	display: inline;
	margin: 0 45px 0 0;
}

#submenu a
{
	color: #666666;
	text-decoration: none;
}

#submenu a:hover
{
	color: #000000;
}

#submenu li.on a
{
	color: #000000;
	font-weight: bold;
}

.headingInfo {
	float: right;
	line-height: 2.7;
    margin: 0;
}

.headingInfo a, .headingInfo a:visited
{
	text-decoration: none;
}

.headingInfo a:hover
{
	text-decoration: underline;
}

.headingInfo a.collapse
{
	padding-right: 12px;
	background-image: url(../../../images/icon_collapse_arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.headingInfo a.collapsed
{
	background-image: url(../../../images/icon_collapse_arrow_down.gif);
}

#creationOption {
    list-style: none;
    width: 80%;
}

#creationOption > li {
    margin: 10px 0;
}

#creationOption a {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#creationOption a:hover {
    border-color: #bbb;
    background: #fff;
}

#creationOption span  {
    color: #585858;
    display: block;
    padding-top: 10px;
}

#creationOption strong {
    font-size: 1.2em;
}

#onePageCreate .createAsEnabledSection {
    margin-top: 30px;
}

#onePageCreate #task-setup {
    border-bottom: 1px solid #ddd;
}

#buildSummary {
	clear: both;
    padding-right: 360px;
}

#buildSummary.success {
    background-color: #339933;
}

#buildSummary.suspended, #buildSummary.none, #buildSummary.notRun {
    background-color: #777;
}

#buildSummary.fail {
	background-color: #C33;
}

#buildTestSummary {
	clear: both;
}

#buildTestSummary.success {
    background-color: #393;
}

#buildTestSummary.suspended, #buildTestSummary.none, #buildTestSummary.notRun {
    background-color: #777;
}

#buildTestSummary.fail {
	background-color: #C33;
}

.buildTestSummaryHeader {
    margin-bottom: 10px;
}

div.noResult {
    text-align: center;
}

div.noResult > div.message {
    color: #505050;
    font-size: 32px;
    margin-top: 2em;
}

div.current {
    background-color: #3C78B5 !important;
}

#successRate {
	float: right;
	width: 325px;
    margin-bottom: 5px;
}

#agentSuccessRate, #cloverSuccessRate {
    margin: 0 10px 5px 5px;
}

#agentSuccessRate, #cloverSuccessRate p {
    font-size: 85%;
}

.bambooForm #successRatePercentage {
    float: right;
}

.successRatePercentage {
    border: 1px solid #BBB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	float: left;
	width: 115px;
	background: #FFF;
    text-align: center;
}

.successRatePercentage span {
    display: block;
    font-size: 300%;
    font-weight: bold;
    line-height: 1;
    margin: 8px 0 0;
    padding: 0;
}

.successRatePercentage p {
	margin: 0;
	padding: 0 0 8px 0;
	background-repeat: no-repeat;
	background-position: 0 100%;
	text-align: center;
}

#successRate dl {
	margin: 0 0 0 125px;
}

#successRate dt {
	display: inline;
	float: left;
	margin: 0 0.5em 0 0;
	border-top: 1px solid #BBB;
	padding: 8px 0;
	font-weight: bold;
}

#successRate dt.first {
	border-top: 0 none #FFFFFF;
}

#successRate dd {
	border-top: 1px solid #BBB;
	padding: 8px 0;
}

#successRate dd.first {
	border-top: 0 none #FFFFFF;
}

/* Build Results summary */

#buildResultsSummary
{
	display: inline;
	clear: both;
	width: 100%;
	margin: 15px 0 0 0;
	background-repeat: repeat-y;
}

#planDetails {
    margin-right: 355px;
}

#planDetails h2 {
    margin: 0 0 20px;
}

#planDetails dl {
    margin: 0;
    overflow: hidden;
}

#planDetails dt {
    clear: left;
    float: left;
    font-weight: bold;
    width: 8em;
}

#planDetails dd {
    float: left;
    margin-bottom: 1em;
}

.changesSummary {
	margin: 0 0 0 480px;
}
.changesSummary ul {
	list-style: none;
	margin: 0;
}
.changesSummary li {
	border-bottom: 1px solid #ddd;
    margin: 0;
	padding: 5px 0 0 40px;
	position: relative;
}
.changesSummary .profileImage {
	margin-left: -30px;
	position: absolute;
	top: 10px;
}
.changesSummary h3 {
    border: 0;
	font-size: 1em;
	margin: 0 0 -10px;
}

/*Common comments styling*/
.comments > .aui-toolbar {
    margin-left: 10px;
}
.comments > .aui-toolbar li {
    border: 0;
    margin: 0;
    padding: 0;
}

.comments form.aui .field-group {
    padding-left: 10px;
    padding-right: 16px;
}
.comments form.aui .field-group label {
    float: none;
    left: auto;
    margin: 0 0 3px;
    text-align: left;
    width: auto;
}
.comments form.aui .field-group label:after {
    content: ":";
}
.comments form.aui textarea {
    width: 100%;
}
.comments form.aui .buttons {
    padding-left: 10px;
    text-align: left;
}

.changesSummary > p,
.issueSummary > p,
.comments > p { /** for the no comments exist message**/
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 5px 10px 10px 10px;
}
.changesSummary > p,
.issueSummary > p {
    border: 0;
}
.comments > p {
    margin-bottom: 1em;
}
.comments > ul {
    list-style: none;
    margin: 0 0 1em;
}
.comments li {
    border-bottom: 1px solid #E5E5E5;
    margin-left: 0;
    padding: 5px 0 5px 40px;
    position: relative;    
}
.comments li img.profileImage {
    margin-left: -30px;
    position: absolute;
    top: 10px;
}
.comments > h3 {
    border: 0;
    font-size: 1em;
    font-weight: normal;
    margin-left: 10px;
}
.comments ul h3,
.comments ul h4 {
    border: 0;
    font-size: 1em;
    margin: 0 0 -10px 0;    
}
.comments h3 > time,
.comments h4 > time {
    font-weight: normal;
    font-size: 0.92em;
    color: #505050;
}

.commentDeleteLink {
    float: right;
    font-size: 0.92em;
    margin-right: 10px;
}

#displayFullCommits {
    background: url(../../../images/build_nav_arrow_right.gif) no-repeat 100% 50%;
    padding-right: 16px;
}

.artifactDescription
{
    color:#505050;
    padding-bottom: 5px;
}

.artifactSection
{
    padding: 10px 0 0 0;
}

.artifactSection h2
{
    background-color: white;
    border-top: none;
    border-bottom: none;
    padding: 0;
}
.artifactJobLink {
    padding-left: 2px;
}
#artifactLinks {
    list-style: none;
    margin: 0;
    padding: 0;
}
#artifactLinks > li {
    margin: 0;
}

p.moreLink a
{
	padding: 0 16px 0 0;
}

.graph {
	display: inline;
	float: left;
	width: 402px;
	margin: 0 15px;
	border: 1px solid #BBD0E5;
}

.graph h2 {
	border-top: 0 none #FFFFFF;
	margin: 0 0 15px 0;
	font-size: 100%;
	line-height: 2.5;
	text-align: center;
}
.graph > img {
    display: inline-block;
    margin-bottom: 15px;
}

.section
{
	clear: both;
	padding: 10px 0 20px 0;
}

.section ul
{
	margin-left: 1.3em;
}

#testsSummary,
.singleLine {
	list-style: none;
	margin: 10px 0;
    overflow: hidden;
}
#testsSummary li,
.singleLine li {
	float: left;
	margin: 0 40px 0 0;
	padding: 0 0 0 23px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.singleLine li {
    padding: 0;
}

#testsSummaryDuration {
    background-image:  url(../../../images/icons/icon_hourglass.gif);
}

#testsSummaryTotal {
	background-image: url(../../../images/icon_globe.gif);
}

#testsSummaryFailed .icon {
    margin-right: 7px;
}

#testsSummaryFixed {
	padding-left: 17px !important;
	background-image: url(../../../images/icon_plus_minus.gif);
}

#newFailures h4, #newFailures .testName a
{
	color: #C00;
}

#newFailures .testName a.subGrey
{
    color: gray;
    margin-left: 3px;
    text-decoration: none;
}

#newFailures .testName a.subGrey:hover
{
    text-decoration: underline;
}


#newFailures h4
{
	font-weight: normal;
}
.code
{
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	padding: 7px 10px;
	background-color: #F2F2F2;
	font-family: "Monaco", "Courier New", monospace;
    font-size: 8pt;
    overflow-y: auto;
}

.unitTestSummaryTable thead > tr {
    color: #000;
}

#existingFailures
{
	color: #C00;
}

#existingFailures table .c2 a.subGrey
{
    color: gray;
    margin-left: 3px;
    text-decoration: none;
}

#existingFailures table .c2 a.subGrey:hover
{
    text-decoration: underline;
}


#fixedTests
{
	color: #090;
}

#fixedTests table .c2 a.subGrey
{
    color: gray;
    margin-left: 3px;
    text-decoration: none;
}

#fixedTests table .c2 a.subGrey:hover
{
    text-decoration: underline;
}


.buildErrorsStatus {
	margin:10px 0 10px 10px;
}
.buildErrorsStatus > span {
    margin-right: 7px;
}

#recentFailures {
    clear: both;
}

#recentFailures ul
{
    padding-bottom: 10px;
}

#recentFailures td.recentFailuresReason {
    border-left: 0;
    border-top: 0;
}

#recentFailures  td.recentFailuresIcon {
    border-right: 0;
    border-top: 0;
    width: 1%;
    white-space: nowrap;
}

#recentFailures table p, .failurePeriod .details
{
	margin: 0;
	color: #7F7F7F;
	font-size: 90%;
}

#viewPlanActivityLogForm
{
    padding-top: 10px;    
}

#currentlyRunning #queues .queue
{
    margin: 15px 0 0 3px;
}

#queues .queue
{
	margin: 15px 0 0 0;
	color: #003366;
}

#activityLogHeader #queues
{
    padding-bottom: 0;
}

#queues #onlyQueue
{
	width: 100%;
    margin: 5px 0 0 0;
}

#queues .queueAlt
{
	display: inline;
	float: right;
}

#queues h3
{
	margin: 0 8px 0 0;
	padding: 7px 10px 7px 10px;

    /*background-color: #EBF1F7;*/
    /*background-color: #BBD0E5;*/
    background-color: #D5E1EE;
    border: 1px solid #BBD0E5;
    color: #003366;
	font-size: 100%;
}

#queues .queueAlt h3
{
	margin: 0 0 0 8px;
}

#queues ol
{
	margin: 0 8px 0 0;
	border: 1px solid #BBD0E5;
	border-top: 0 none #FFFFFF;
	list-style: none;
}

* html #queues ol
{
	height: 1px;
}

#queues .queueAlt ol
{
	margin: 0 0 0 8px;
}

#queues li
{
	border-top: 1px solid #BBD0E5;
	padding: 7px 10px;
	background-color: #ffffff;
}

#queues li.on
{
	border-top-color: #FFFFFF;
	padding-bottom: 10px;
	background-image: url(../../../images/queue_on.jpg);
	background-repeat: repeat-x;
	background-position: 0 100%;
    background-color: #EBF1F7;
}

#queues h4
{
	display: inline;
	float: left;
	width: 14em;
	margin: 0;
}

#queues h4 a
{
	margin: 0;
}

#queues .queueActions
{
	display: inline;
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
}

/* in Build Queue div all queueActions are hidden by default */
#queues #buildQueueDiv .queueActions
{
    display: none;
}

/* onlyu selected is shown */
#builders.actions-queueControl #buildQueueDiv .queueControlActions,
#builders.actions-queueReorder #buildQueueDiv .queueReorderActions
{
    display: inline;
}



#queues .queueActions li
{
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	border: 0 none #FFFFFF;
	padding: 0;
	background-color: transparent;
	background-image: none;
}

#queues .queueStatus
{
	margin: 0 4em 0 15em;
}

#queues li.on .queueStatus
{
	font-weight: bold;
}

#queues .queueStatus em
{
	display: block;
	font-size: 85%;
	font-style: normal;
}

.progressBar div
{
	width: 100%;
	height: 6px;
	overflow: hidden;
	margin: 0 -2px 0 0;
	border: 1px solid #BBD0E5;
	border-right-color: #003366;
	border-bottom-color: #003366;
	background-color: #3C78B5;
}

.progressBar .progressBarExpected
{
	border-color: #EEE;
	border-right-color: #999;
	border-bottom-color: #999;
	background-color: #CCC;
}

#queues .progressBar
{
	clear: both;
	margin: 0 2px 0 0;
	padding: 10px 0 0 0;
}

#queues li.reorderedBuild {
    background-color: #FFFFDC;
}

#queues .queueItem img
{
    opacity: 0.25;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
}
#queues .queueItem a img {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

/* when toggle option is not clicked (ready to be clicked) */
#builders #buildQueueDiv span.toggleQueue {
    color:#003366;
    cursor: pointer;
    text-decoration: underline;
}

/* when toggle option was clicked */
#builders.actions-queueControl #buildQueueDiv .actionLinks span.toggleQueueControl,
#builders.actions-queueReorder #buildQueueDiv .actionLinks span.toggleQueueReorder
{
    color: gray;
    cursor: default;
    text-decoration: none;
}


/* For table/form configuration screens, eg notifications, requirements etc */

.dependencySection {
    margin:-10px 4px 5px;
}

#editConfigurationButton {
    float: right;
}

.bulkEditExistingView table
{
    width: 100%;
    margin: 0;
    border-bottom: none;
}

.bulkEditExistingView table thead th
{
    background-color: #E5E5E5;
}

.bulkEditExistingView table td.notificationLastColumn, .bulkEditExistingView table th
{
    border-right: none;
}

.bulkEditExistingView
{
    padding: 0;
}

.bulkEditExistingView .note {
    color: #999;
    font-style: italic;
}

.bulkEditExistingView img
{
    position: relative;
    bottom: 2px;
}

#editBulkSnippet .checkboxArea
{
    margin-top: -10px;
    margin-bottom: 5px;
    padding-left: 28px;
}

#bulkMavenDep .fieldLabelArea
{
    width: 27em;
}

/* NOTIFICATIONS ------------------------------------------------------------ */
td.selectedNotification {
    background-color: #FFFFDC;
}

.notificationRecipientType
{
    color:#999999;
    font-style:italic;
}

td.notificationGroupTop
{
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top:  1px solid #CCC;
    border-bottom: none;
}

td.notificationGroupMiddle
{
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top:  none;
    border-bottom: none;
}

td.notificationMiddleColumn
{
    border-left: none;
    border-right: none;
    border-top:  1px solid #CCC;
}

td.notificationLastColumn
{
    border-top:  1px solid #CCC;
    border-left: none;
    border-right: 1px solid #CCC;
    text-align: right;
}

th.notificationHeadingBar {
    border: 1px solid #CCC;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 1.5;
}


#systemNotificationForm .bambooForm
{
    background: transparent;
    border: 0;
}

#systemNotificationForm .bambooSection
{
    background: #F5F8FB;
}

#ft {
    background: #036;
    bottom: 0;
    clear: both;
    position: absolute;
    width: 100%;
}

#container {
    min-height: 100%;
    position: relative;
}

/* LICENSE MESSAGE ---------------------------------------------------------- */

#licenseMessage {
    background: #FFFFD0;
    border-top: 1px solid #A0A0A0;
    padding: 0.75em 0;
    text-align: center;
}
#licenseMessage > p {
    margin: 0;
}

/* FOOTER ------------------------------------------------------------------- */

#footer {
	min-height: 3em;
	background: #036 url(../../../images/footer.gif) repeat-x;
	color: #99B3CC;
	line-height: 1em;
}

#footer p {
	float: left;
	margin: 11px 0 0 15px;
}

#footer a {
	color: #99B3CC;
}

#footer ul {
	float: right;
	margin: 0 15px 0 0;
	list-style: none;
}

#footer li {
	float: left;
	margin: 11px 0 0 0.5em;
	border-left: 1px solid #99B3CC;
	padding: 0 0 0 0.5em;
}

#footer li:first-child {
	border-left: 0;
}

/* hides extra tabs on oauth admin page */
.dec_atl_admin ul.horizontal.tabs
{
    display: none;
}

#oauth-plugin table {
    width: 80%;
}

#oauth-plugin form.aui fieldset > div {
    clear: both;
    display: block;
    margin-bottom: 5px;
    min-height: 1.6em;
    padding: 0 0 5px 140px;
}
#oauth-plugin form.aui fieldset > div label {
    display: block;
    float: left;
    left: -140px;
    line-height: 1;
    margin-right: -130px;
    padding-top: 4px;
    position: relative;
    text-align: right;
    width: 130px;
}
#oauth-plugin form.aui .description {
    display: block;
    font-size: 11px;
}
#oauth-plugin form.aui .error {
    color: #c00;
    display: block;
    font-weight: bold;
}

/* Specialisation for setup wizard */
.leftPadding
{
    padding-left: 5px;
}

.startupTextBox {
    background: #f0f0f0;
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}
.startupTextBox > p:first-child {
    margin-top: 0;
}

.commitsHover
{
    padding: 10px;
}

.ideConnectorIcon
{
    padding-bottom: 3px;
}

.gav-grid {
    border:1px solid #CCC;
}

.gav-grid .gav-header-row {
    margin-top: 2px;
    background-color:#F0F0F0;
    border:1px solid #CCC;
    font-size:12px;
    text-align:left;
    border-bottom:0 none #FFF;
    vertical-align: text-top;
}

.gav-grid-row {
    padding: 4px;
}

.gav-grid th {
    border: 0 none;
}

table.aui .gav-grid-first-cell, table.aui .zebra .gav-grid-first-cell {
    background-image: url(../../../images/agent_arrow.gif);
    background-position: 8px 0;
    background-repeat: no-repeat;
    padding-left: 19px;
}

table.aui .gav-grid td {
    border: 0 solid;
}

#setupWaitMessage
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 7em;
    font-size: 120%
}

#candyBar
{
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    width: 150px;
}

.gadgetScreenshot
{
    display: inline;
    float: left;
    padding: 8px;
    width: 120px;
}

.gadgetText
{
    padding: 8px;
}

.addMailServerInline,
.addInstantMessagingServerInline {
    text-decoration: underline;
}

.help_icon
{
    width: 16px;
    height: 16px;
    border: 0;
}

.commentsummary
{
    margin: 5px;
}

#building > h2 {
    position: relative;
}

#manageAgents {
    float: right;
    font-size: 0.9em;
}

.my-bamboo {
    float: left;
    width: 49.1%;
}
.my-bamboo + .my-bamboo {
    float: right;
}

#currentActivity {
    float: left;
    width: 66%;
}
#currentActivity + div {
    float: right;
    margin-left: 1.99%;
    position: relative;
    width: 32%;
}
#currentActivity > div > p {
    margin: 10px 0 30px 10px;
}

#currentActivity > div > ul {
    list-style: none;
    margin: 10px 0 30px;
}

#currentActivity > div > ul > li {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 3px 0 3px 10px;
    position: relative;
}

div#building > ul > li {
    padding-right: 18px;
}

div#queue > ul > li {
    padding-right: 36px;
}

#currentActivity .buildInfo {
    float: left;
    margin-right: 18em;
}

#currentActivity .message {
    font-size: 0.83em;
    float: right;
    margin-left: -20.48em;
    padding: 2px 0;
}

#currentActivity .error {
    font-weight: bold;
    color: #c00;
}

#currentActivity .message.progress {
    padding: 0;
    width: 20em;
}

#currentActivity .progress-text {
    text-align: right;
}

.progress {
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
}

.progress > .progress-bar {
    background: #ebf1f7;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.progress > .progress-text {
    display: block;
    min-height: 1em;
    padding: 1px 0.5em;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 1;
}

#currentActivity .elastic,
#liveActivity .elastic {
    background: url(../../../images/jt/icn_elastic_cloud.gif) no-repeat 0 50%;
    padding-left: 17px;
}

#currentActivity .handle {
    background: url(../../../images/icons/arrow_move_ns.png) no-repeat;
    cursor: move;
    float: left;
    height: 16px;
    margin: 0 3px 0 -7px;
    width: 16px;
}

#currentActivity .ui-sortable-disabled .handle {
    display: none;
}

#currentActivity .buildActions {
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0;
}

#currentActivity .buildActions li {
    float: left;
    margin: 0;
}

#currentActivity ul.buildActions a {
    float: none;
    margin: 0;
}

#feedLink-recentlyBuilt {
    background: url(../../../images/rss.gif) no-repeat;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    text-decoration: none;
    text-indent: -9999px;
    top: 3px;
    width: 16px;
}

#feedLoading-recentlyBuilt,
#currentActivity .loading {
    background: url(../../../images/icons/wait.gif) no-repeat 0 50%;
    padding-left: 22px;
}

#feedContainer-recentlyBuilt {
    margin-bottom: 10px;
}

#showMoreLink-recentlyBuilt {
    text-decoration: none;
}

#moreWaiting-recentlyBuilt {
    display: none;
}

#showMoreLink-recentlyBuilt:active {
    outline: 0;
}

#showMoreLink-recentlyBuilt:hover span {
    background: #f9f9f9;
}

#showMoreLink-recentlyBuilt span,
#moreWaiting-recentlyBuilt span {
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #666;
    display: block;
    overflow: hidden;
    padding: 0.35em;
    text-align: center;
}

#moreWaiting-recentlyBuilt span {
    background: url(../../../images/icons/wait.gif) no-repeat 50% 50%;
    text-indent: -9999px;
}

.activityFeed .activity-item {
    margin: 0;
}

.activityFeed .activity-item-comment-form {
    margin-top: 5px;
}

#recentlyBuilt .timestamp {
    padding-left: 0.6em;
}

.agentManager {
    font-size: 12px;
}

.agentManager > h2 {
    background: transparent;
    border: 0;
    color: #222;
    font-size: 16px;
    line-height: 1.4;
    margin: 10px 10px 0;
    padding: 0;
}

.agentManager > p {
    margin: 10px;
}

.agentManager button {
    font-size: 90%;
}

.agentManager .buttons {
    border-top: 1px solid #ddd;
    margin: 0 10px 10px;
    text-align: left;
}

.agentManager .buttons > button {
    margin: 10px 10px 0 0;
}

.agentManager > ul {
    clear: both;
    margin: 7px 10px 5px;
    max-height: 250px;
    overflow: auto;
    padding-right: 5px;
}

.agentManager li {
    border-top: 1px solid #ddd;
    margin: 0 0 5px;
    min-height: 2em;
    overflow: hidden;
    padding: 5px 6em 0 0;
    position: relative;
}

.agentManager h3 {
    border: 0;
    font-size: 100%;
    margin: 0;
}

.agentManager .disabled a {
    padding: 0;
}

.agentManager .elastic > h3 > a {
    background: url(../../../images/jt/icn_elastic_cloud.gif) no-repeat 0 50%;
    padding-left: 17px;
}

.agentManager li > button {
    position: absolute;
    right: 0;
    top: 7px;
    width: 6em;
}

.agentManager li > span {
    font-size: 90%;
}

.image-reload {
    background: url(../../../images/refresh_grey_16.png) no-repeat 0 50%;
    display: inline-block;
    height: 16px;
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 18px;
    vertical-align: top;
    cursor: pointer;
}

#liveActivity > ul {
    list-style: none;
    margin: 0;
}

#liveActivity > ul > li {
    margin: 0 0 10px;
    padding: 10px 10px 10px 30px;
    position: relative;
}

#liveActivity .build-description {
    background: url(../../../images/iconsv3/queued_16.png) no-repeat 0 0;
    display: block;
    margin: 0 26px 10px 0;
    padding-left: 20px;
}

#liveActivity .building .build-description {
    background: url(../../../images/jt/icn_building.gif) no-repeat 0 0;
}

#liveActivity .build-stop,
#liveActivity .build-stop-disabled {
    position: absolute;
    right: 10px;
    top: 10px;
}

#liveActivity .message {
    font-size: 0.92em;
    padding: 2px 0;
}

#liveActivity .message.progress {
    padding: 0;
}

#liveActivity .message.progress > .progress-bar {
    -webkit-transition: width 5.3s linear;
    -moz-transition: width 5.3s linear;
    -o-transition: width 5.3s linear;
    transition: width 5.3s linear;
}

#liveActivity .toggle-details {
    background: url(../../../images/reload_icon.gif) no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 16px;
}

#liveActivity .collapsed .toggle-details {
    background: url(../../../images/jt/icn_expand.gif) no-repeat 50% 0;
}

#liveActivity .expanded .toggle-details {
    background: url(../../../images/jt/icn_collapse.gif) no-repeat 50% 0;
}

#liveActivity .additional-information {
    margin-top: 10px;
}

#liveActivity .collapsed .additional-information {
    display: none;
}

#liveActivity .issueSummary,
#liveActivity .changesSummary {
    margin: 0;
    padding: 0;
}

.pager a,
.pager span {
    display: inline-block;
    height: 11px;
    overflow: hidden;
    text-indent: -9999px;
    width: 9px;
}

.pager a.numberedLink {
    text-indent: 0;
    overflow: visible;
}

.pager a.firstLink {
    background: url(../../../images/build_nav_arrow_first.gif) no-repeat;
}
.pager a.lastLink {
    background: url(../../../images/build_nav_arrow_last.gif) no-repeat;
}
.pager a.previousLink {
    background: url(../../../images/build_nav_arrow_left.gif) no-repeat;
    width: 6px;
}
.pager a.nextLink {
    background: url(../../../images/build_nav_arrow_right.gif) no-repeat;
    width: 6px;
}
.pager span.firstLink {
    background: url(../../../images/build_nav_arrow_first_grey.gif) no-repeat;
}
.pager span.lastLink {
    background: url(../../../images/build_nav_arrow_last_grey.gif) no-repeat;
}
.pager span.previousLink {
    background: url(../../../images/build_nav_arrow_left_grey.gif) no-repeat;
    width: 6px;
}
.pager span.nextLink {
    background: url(../../../images/build_nav_arrow_right_grey.gif) no-repeat;
    width: 6px;
}

#audit-log {
    margin-top: 1em;
    overflow:auto;
}

#al-timestamp {
    width: 12em;	
}

#al-user {
    width: 14em;	
}

.chain-test-summary-title {
    background: #f2f2f2 no-repeat 6px 5px;
    border: 1px solid #c1c1c1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 15px;
    margin: 2px 0 0;
    padding: 5px 20px;
}

.chain-test-summary-title h4 {
    float: left;
    margin: 0;
}

.chain-test-summary-title > a {
    float: right;
    font-weight: bold;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.chain-test-summary .Failed {
    cursor: pointer;
}

.chain-test-summary > pre {
    border: 2px dotted #D9D9D9;
    border-top:0 none;
    color:black;
    margin-left:15px;
    margin-right: 15px;
    margin-top:0;
    display: none;
    background-color:#F2F2F2;
    font-family:"Monaco","Courier New",monospace;
    font-size:8pt;
    overflow-y:auto;
    padding:7px 10px;
}

.collapsed pre {
    display: none;
}

.expanded pre {
    display: block;
}

.chain-test-summary-title a {
    background-repeat: no-repeat;
}

.collapsed .chain-test-summary-title {
    background-image: url("../../../images/jt/icn_expand.gif");
}

.expanded .chain-test-summary-title {
    background-image: url("../../../images/jt/icn_collapse.gif");
}

.Failed .chain-test-summary-title {
    cursor: pointer;
}

.Failed .chain-test-summary-title a {
    background-image: url(../../../images/bad.gif);
}

.Successful .chain-test-summary-title a {
    background-image: url(../../../images/good.gif);
}

a.build-stop {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;    
    width: 16px;
}

#feedback-trigger
{
    display: block;
    margin: 0 auto;
}

#deleteBuildsForm > ul > li {
    padding: 0 0 10px 0;
}

.artifact.aui {
    table-layout: fixed;
}
.artifact td {
    word-wrap: break-word;
}
table.aui.artifact > tbody > tr:first-child > td {
    border-top-width: 1px;
}

table.aui.artifact > tbody > tr > th {
    font-weight: normal;
}

table.aui.artifact > tbody > tr.zebra > th {
    background-color: #FAFAFA;
}

.artifact-location {
    white-space: pre-wrap;
}
#artifact-delete-dependencies h2 {
    border: 0;
}

#artifact-delete-dependencies p {
    padding-bottom: 10px
}

#artifact-delete-navigator {
    background: #fff;
    padding-bottom: 10px;
}
#artifact-delete-navigator h4 {
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #000;
    font-size: 1em;
    margin: 0;
    padding: 4px 10px;
}
#artifact-delete-navigator a {
    color: #326ca6;
    text-decoration: none;
}
#artifact-delete-navigator .disabled a {
    color: #666;
}
#artifact-delete-navigator li > a {
    padding-left: 5px;
}
#artifact-delete-navigator a:hover {
    text-decoration: underline;
}
#artifact-delete-navigator ul {
    list-style: none;
    margin: 0;
}
#artifact-delete-navigator ul ul {
    margin-bottom: 20px;
}
#artifact-delete-navigator li {
    margin: 0;
}
#artifact-delete-navigator ul ul li {
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 4px 10px;
    position: relative;
}

.artifact-container {
    clear: left;
    float: left;
    width: 100%;
}

.artifact-result-left {
    float: left;
    width: 49.5%;
}
.artifact-result-right {
    float: right;
    width: 49.5%;
}

#bidTable .field-group {
    padding: 0;
}

#bidTable .field-group label {
    display: inline;
    float: none;
    margin: 0;
    position: static;
    width: auto;
}

a.user-picker {
	text-decoration: none;
}

.user-picker-ops {
	float: right;
	padding: 5px;
}
.user-picker-ops a {
	text-decoration: underline;
}

#ExecutableJobs .icon {
    margin-right: 5px;
}

tr.overridden kbd {
    font-family: inherit;
    font-weight: bold;
}
tr.overridden kbd + span {
    color: #505050;
    font-size: 11px;
}
tr.overridden kbd + span:before {
    content: " - ";
}

.in-place-edit .in-place-edit-view .icon-edit {
    display: none;
}
.in-place-edit .in-place-edit-view:hover .icon-edit {
    display: inline-block;
}

table.aui.variables-list > tbody > tr {
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: top;
}
table.aui.variables-list > tbody > tr:hover {
    background: #f0f0f0;
}
table.aui.variables-list > tbody > tr.active,
#addVariable {
    background: #e0f0ff;
}
#addVariable.inactive {
    background: transparent;
}
.variables-list .operations {
    text-align: center;
    width: auto;
}
.inline-edit-view {
    display: inline-block;
    min-height: 1.4em;
    padding: 4px;
    width: 95%;
}
.variables-list > tbody > tr:hover .inline-edit-view {
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    position: relative;
}
.variables-list > tbody > tr:hover .inline-edit-view:after {
    background:  url(../../../images/edit_12.png) no-repeat;
    content: "";
    height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 12px;
}
.variables-list .text.inline-edit-field {
    display: none;
    margin: 0;
    width: 95%;
}
#addVariable .inline-edit-field {
    display: block;
}
.inline-edit-field + .icon-loading {
    margin-left: -24px;
}
.inline-edit-field + .error {
    color: #c00;
    font-weight: bold;
}

#rightDockButton {
    float: right;
}

form.aui input.button.loadButton {
    margin-top: 0;
}

.wizardStatus {
    color: #8A8A8A;
    font-weight: bold;
    line-height: 1;
    margin: 5px;
}

.wizardStatus span {
    vertical-align: middle;
}
.wizardStatus .number {
    font-size: 28px;
}

.wizardStatus > div {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.wizardStatus .selected,
.wizardStatus .selected span {
    color: #000
}

.wizardStatus .icon {
    margin-left: 12px;
    margin-right: 12px;
}

/* ViewTaskList */
#viewTaskList .task .details {
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
    margin-top: 4px;
    overflow: hidden;
    padding: 4px 0;
}
#viewTaskList .task.collapsed .details {
    display: none;
}

#viewTaskList > ul {
    list-style: none;
}
#viewTaskList > ul > li {
    margin: 8px 0;
}
#viewTaskList > ul > li:first-child {
    margin-top: 0;
}
#viewTaskList .final-tasks-bar {
    background: #505050;
    color: #fff;
    padding: 3px 12px;
}
#viewTaskList .final-tasks-bar > span {
    font-size: 11px;
}
#viewTaskList .toolbar {
    padding-top: 0;
}

#viewTaskList .task .summary {
    padding-left: 20px;
    position: relative;
}

#viewTaskList .task .summary .toggle {
    left: 0;
    position: absolute;
}

#viewTaskList .task .summary h3 {
    border: 0;
}

#viewTaskList .task .task-description {
    color: #505050;
}

form.aui p.variableDescription {
    margin: 0 0 5px;
    padding: 0;
}
#fullChanges p {
    margin-left: 10px;
}
#fullChanges ul p {
    margin-left: 0;
}
#fullChanges ul {
	list-style: none;
	margin: 0;
}
#fullChanges li {
	border-bottom: 1px solid #ddd;
    margin-left: 0;
	padding: 5px 0 5px 40px;
	position: relative;
}
#fullChanges .profileImage {
	margin-left: -30px;
	position: absolute;
	top: 10px;
}
#fullChanges h3 {
    border: 0;
	font-size: 1em;
    margin: 0 0 -10px;
}
#fullChanges ul.files {
	margin: 0;
}
#fullChanges ul.files li {
    list-style: circle;
    padding: 0;
    margin: 0 0 0 20px;
    border-bottom: none;
}
/* Jira Issues Listing*/
div.addIssue.aui-toolbar {
    float: right;
}

#jiraIssuesHeader,
.jiraIssuesHeader
{
    background: url(../../../images/jt/24_jira.png) no-repeat 6px 0;
    min-height: 26px;
    padding-left: 36px;
}

th#jiraIssuesHeader
{
    line-height: 2;
}

/*Jira issue table*/
.jiraTestIssueTable {
    margin-left: 10px;
    width: 90%;
}

.jiraIssueTable, .jiraTestIssueTable {
    margin-bottom: 15px;
}

th.jiraIssueHeadingBar {
    background-color: #eeeeee;
    padding: 0 0 0 10px;
    line-height: 1.5;
}

.jiraIssueSectionHeading {
    font-weight: bold;
    color:#003366;
    font-size: 120%;
    display: inline;
}

.jiraIssueCount {
    display: inline;
    margin-left: 5px;
    font-weight: normal;
}

.jiraIssueItem, .jiraIssueItem td, th.jiraIssueHeadingBar {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
}

#jiraIssueSelected td{
    background-color: #FFFFDC;
}

.jiraIssueIcon img {
    margin-left: 3px;
    margin-top: 1px;
    height: 14px;
    width: 14px;
}

td.jiraIssueRelatedBuilds, td.jiraIssueOperations, td.jiraIssueStatus, td.jiraIssueLastBuilt  {
    text-align: right;
    white-space: nowrap;
}

td.jiraIssueLastBuilt {
    font-size: 90%;
}

.jiraIssueDetailsError  {
    color:#999999;
    font-style:italic;
}

/* jira issue summary section*/
.issueSummary {
    margin: 0 0 0 480px;
    padding: 10pt 0 0 0;
}
.issueSummary ul {
	list-style: none;
    margin: 0;
}
.issueSummary li {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 5px 0 0 40px;
    position: relative;
}
.issueSummary .issueTypeImg
{
	margin-left: -30px;
	position: absolute;
	top: 10px;
}
.issueSummary h3 {
    border: 0;
	font-size: 1em;
	margin: 0 0 -10px;
}
.issueSummary .jiraIssueTypeText {
    font-weight: normal;
    color: #999;
}
#displayFullJiraIssues {
    padding-right: 16px;
	background: url(../../../images/build_nav_arrow_right.gif) no-repeat 100% 50%;
}

.headingInfo a.viewAllLink
{
    padding-right: 16px;
	background-image: url(../../../images/build_nav_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

/* Bamboo Stylesheet */
/** {*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/* Standard HTML elements */

ol.noBullet, ul.noBullet
{
    list-style: none;
}

pre
{
    font-family: "Monaco", "Courier New", monospace;
    font-size: 11px;
}

a
{
    cursor: pointer;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}


fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

textarea {
    overflow: auto;
}


.selectedRow {
    background-color: #FFFFDC !important;
}

.selectedRow td {
    background-color: #FFFFDC !important;
}



.successfulLabel{
    font-weight: bold;
    color: #008000;
}
.failedLabel {
    font-weight: bold;
    color: #cc0000;
}

.first {
    margin-top: 0;
}

.clearer {
    clear: both;
}

div.row {
    clear: both;
    padding-top: 10px;
}

div.row span.label {
    float: left;
    width: 100px;
    text-align: right;
}

div.row span.formw {
    float: right;
    width: 335px;
    text-align: left;
}

.maxWidth
{
    width: 100%;
}

.logo {
    padding: 0;
}

.logotext {
    font-family: Arial, Impact, Tahoma, Helvetica, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    color: white;
    padding: 10px 4px 4px 4px;
}

.small {
    font-size: 10px;
}

.cWhite, .cWhite a {
    color: white;
}

/************/
/* Nav menu */
/********
    background: #3c78b5;

****/
.navmenu {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: white;
    background: #3c78b5;
}

.navmenu ul {
    margin: 0;
    padding: 0;
    padding-left: 6px;
    list-style: none;
}

.navmenu li {
    font: 10px Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

.navmenu li a, .navmenu li span {
    color: white;
    display: block;
    float: left;
}

.navmenu li a {
    padding: 5px 10px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

.navmenu ul li span {
    padding: 5px 3px;
    font-weight: normal;
}

.navmenu li a:hover {
    color: white;
    text-decoration: none;
    background-color: #003366;    
}

.navmenu li.current a
{
    color: white;
}


.navItemOver
{
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.navItemOver a
{
    color: #ffffff;
}

.navItem
{
    font-size: 10px;
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    vertical-align: middle;
    color: #ffffff;
}

.navItem a
{
    color: #ffffff;
}


/* The right
 links */

.navmenu .actionLinks {
    padding: 0;
    margin-right: 5px;
}

.navmenu .actionLinks a.buildActions {
    display: block;
    padding: 5px 0 5px 25px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px dotted #bbbbbb;
    background-image: url(../../../images/jt/icn_edit.gif);
}

.clickable
{
    cursor: pointer;
}

table.centred
{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

table caption
{
    font-size: 90%;
}


/*Sub menu*/
/*#submenu {*/
    /*font-size: 11px;*/
    /*text-transform: lowercase;*/
    /*margin: 3px 0 10px 0;*/
    /*color: #3c78b5;*/
    /*letter-spacing: 0.05em;*/
/*}*/

/*#submenu a{*/
    /*color: #3c78b5;*/
    /*font-weight: bolder;*/
/*}*/


/*****************/
/* Main Contents */
/*****************/

.widecolumn .entry p {
    font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
}

.widecolumn {
    line-height: 1.6em;
}

#bodyColumn h2 {
    margin-top: .3em;
    margin-bottom: .5em;
}

#bodyColumn {
    margin: 0 5px;
    padding: 5px;

}

.applicationError {
    padding: 10px;
    margin-top: .3em;
    margin-bottom: .5em;
    border: 1px solid red;
    background-color: #fff0f0;
}

.applicationError .agentErrorDetails {
    float: right;
    font-size: 10px;
}

.footer {
    text-align: center;
    width: 100%;
    background: #f0f0f0;
}

.footer p, .footer a {
    font: 9px Arial, helvetica, sans-serif;
    color: #666;
}

.grey
{
   color: gray;
}

#buildLeftCol {
    float:left;
    width:50%;
    margin-bottom:1em;
}

#buildRightCol {
    float:right;
    width:50%;
    margin-bottom:1em;
    }


.subGrey, .subGrey *
{
    font-size: 90%;
    color: gray;
}

.subGrey a {
    color: inherit;
}

.configureBuilderForm{
    vertical-align: top;
}

.centered
{
    margin-left: auto;
    margin-right: auto;
}

.fullyCentered
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tabContents
{
    padding: 3px 5px 0 5px;
}


img.centered
{
    display: block;
}

.hover
{
    background-color: #ffffff;
    cursor: pointer;
}

td.hover a{
    text-decoration: underline!important;
}


/*********************************************/
/* Unit Test Results                         */
/*********************************************/

.testCaseErrorLogSection .outputErrorLog
{
    color: #cc0000;
    overflow: auto;
    border: 1px dashed #cccccc;
    padding: 5px;
    margin-left: 15px;
    margin-bottom: 15px;
}

table.testResults {
    background-color: #fafafa;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

table.testResults th {
    background-color: #eee;
    padding: 5px;
}


table.testResults td {
    padding-left: 5px;
    border-right: 1px dotted #dddddd;
}


table.testResults td.unitTestErrors pre{
    overflow: auto;
    margin: 5px 5px 15px 5px;
    padding: 5px;
    border: 1px dashed #cccccc;
}

.ebsError, .ebsError *
{
    color: #cc0000;
    background-color: #ffe6e6;
}

tr.ebsErrorDark, tr.ebsErrorDark td, tr.ebsErrorDark *
{
    color: #cc0000;
    background-color: #f5d3d3;
}


td.testClassName, td.testClassDuration
{
    font-weight: bold;
    padding: 10px 5px 5px 5px;
}

td.testClassName a{
    color:inherit;
}

table.testResults td.testMethodName {
    padding: 3px 0 0 5em;
}

td.testMethodName a {
    color: inherit;
}

td.testClassDuration
{
    white-space: nowrap;
    width: 10% !important;
}

td.testDuration
{
    color: gray;
    white-space: nowrap;
    width: 10% !important;
}

.testResults .title
{
    font-weight:bold;
    font-size: 130%;
}

.upper
{
    font-size: 130%;    
}


/*********************************************/
/* Test Summary Table                        */
/*********************************************/

.testResultSummaryArea {
    float: left;
    width: 49%;
}

#currentlyRunning #changes
{
    margin: 0;
    padding: 0;
}

.changeLogSummaryArea {
    float: right;
    width: 49%;
}

.testSummary .details {
    font-weight:normal;
    font-size: 80%;
    color: gray;

}



/*********************************************/
/* New Failing Tests Classes                 */
/*********************************************/
.newTestFailuresSection ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.newTestFailuresSection li
{

}

.newTestFailuresSection .testName
{
    color: #cc0000;
    margin: 5px 0 5px 0;
}

.newTestFailuresSection .testName a
{
    color: #cc0000;
    font-weight: bold;
}


/**********************************************/
/* Existing Failures Group                    */
/**********************************************/

.existingFailuresGroupingSelection {
    font-size: 11px;
}

.existingFailuresGroupingSelection a {
    color: #326ca6;
    cursor: pointer;
}

.existingFailuresGroupingSelection a.disabled {
    text-decoration: none;
    color: #999999;
}

/**********************************************/

.errorLabel {
    font: 1em/2em verdana, arial, helvetica, sans-serif;
    font-style: italic;
    color: red;
}

.errorMessage {
    font-size: 1em;
    line-height: 2em;
    font-weight: bold;
    text-align: left;
    color: red;
}

.errorBoxMessage {
    margin-top: 0;
}

.errorText {
    font-weight: bold;
    color: red;
}

#jobLogDisplay {
    padding-bottom: 2px;
}
#jobLogDisplay > label {
    vertical-align: middle;
}
#jobLogDisplay > select {
    font-size: 0.75em;
}
#remoteAgentLog, #buildLog {
    border: 1px dashed #ccc;
}

#buildLog,
#remoteAgentLog
{
    width: 99%;
}

#buildLog .time
{
    white-space: nowrap;
    font-size: 85%;    
    color: gray;
    width: 1%;
}

#buildLog, #remoteAgentLog, #buildLog td, #remoteAgentLog td
{
    font-family: "Monaco", "Courier New", monospace;
    font-size: 11px;
}

#buildLog td, #remoteAgentLog td
{
    padding: 0 4px;
}

#buildLog .errorOutputLog
{
    color: #c00;
}

.chartParamForm
{
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    text-align: center;
}

/*Style for bambooInfoDisplay*/
.subHeadingDetails {
    /*some weird IE hack*/
    width: 100%;
    overflow: hidden;
    zoom: 1;
}


.showBorder {
    border-collapse: collapse;
    border: 1px #3c78b5 solid;
}

.subHeadingDetails .titleSection {
    font-weight: bold;
    background-color: #F0F0F0;
    padding: 4px;
    /*border-bottom: 2px #bbbbbb dotted;*/
    vertical-align: middle;

}

.subHeadingDetails .fieldArea {
    clear: left;
    display: block;
    overflow: hidden; /*border: 1px #bbbbbb solid;*/
/* This is to give IE a 'layout' */
    /*height: expression( '1%' );*/
}

.subHeadingDetails .fieldArea label.fieldLabelArea, .subHeadingDetails .fieldArea .firstColumn {
    display: block;
    float: left;
    width: 30%;
    padding: 1px 0;
    margin-right: 1%;
    margin-left: 1%; /*margin: 0 0 5px 0;*/
    text-align: left;
    font-weight: bold;
}

/* A style for use when there is no first column*/
.subHeadingDetails .fieldArea .secondColumn {
    margin-left: 32%;
}

.subHeadingDetails .fieldArea .fieldValueArea {
    display: block;
    float: left;
    width: 65%;
    padding: 1px 0; /*margin: 0 0 5px 0;*/
}

.subHeadingDetails .descriptionSection {
    padding: 4px;
}



a.rightFloat,
span.rightFloat {
    float: right;
    text-decoration: none;
}
a.rightFloat:hover {
    text-decoration: underline;
}

.bambooCommandLog, .buildOutputLog
{
    white-space: pre-wrap;
}

.bambooCommandLog div
{
    margin: 10px;
    padding: 10px;
    color: #000;
    border: solid 1px #3c78b5;
    background-color: #D8E4F1;
}

.bambooCommandLog
{
    padding: 10px;
}

.buildOutputLog {
    color: #003366;
}

td.operations
{
    width: 100px;
    white-space: nowrap;
}

.adminErrorBox
{
    padding: 2px 2px 2px 30px;
    background-repeat: no-repeat;
    background-position: 6px 7px;;
    margin: 2px 14px 0 14px;
    background-image: url(../../../images/icons/warning_16.gif);
    border: solid 1px #F0C000;
    background-color: #FFFFCE;
}

.adminErrorBox p {
    margin-top: 3px;
}

.adminErrorBoxLinks {
    padding-right: 8px;
    padding-top: 2px;
    float: right;
    font-size: 80%;
}

.noteBox, .infoBox, .tipBox
{
    padding: 20px 0 15px 37px;
    background-repeat: no-repeat;
    background-position: 17px 20px;
    margin: 10px 10% 10px 10%;
    text-align: left;
}

.noteBox a, .infoBox a, .tipBox a
{
	font-weight: bold;
}

.noteBox
{
	background-image: url(../../../images/icons/warning_16.gif);
    border: solid 1px #F0C000;
    background-color: #FFFFCE;
}

.noteBox p {
    margin-top: 3px;
}

.infoBox
{
	background-image: url(../../../images/icons/information.gif);
    border: solid 1px #3c78b5;
    background-color: #D8E4F1;
    clear: both;
}

.infoMessage {
    background: url(../../../images/icons/information.gif) no-repeat 23px 3px;
    padding: 5px 0 10px 45px;
    text-align: left;
}

.tipBox
{
    border: solid 1px #090;
    background-color: #dfd;
}



/*********************************************/
/* Author Pages                              */
/*********************************************/
.authorSummary {
    margin-bottom: 20px;
    margin-right: 1%;
    float: left;
    width: 48%;
    overflow: hidden;
}

.authorBuildsTable td {
    vertical-align: middle;
}

.authorBuildsTable td.whenColumn, .authorBuildstable td.testSummaryColumn {
    width: 13%;
}

.authorBuildsTable td.commentColumn.td {
    width: 61%;
}

td.commentColumn
{
    padding: 0!important;
}

td.commentColumn > div.commentList > div {
    border-top: 1px dotted #ccc;
    padding: 4px;
}

td.commentColumn > div.commentList > div:first-child {
    border-top: 0;
}

td.commentColumn .actionLinks {
    font-size: 10px;
    margin-left: 10px;
}

/*********************************************/
/* Left-Hand-Side Navigation                 */
/*********************************************/

#navColumn .body div, body.docs #toc li li {
    background-repeat: no-repeat;
    background-position: .5em .5em;
}

#navColumn .body .heading {
    background-image: none;
}

/* For the main page */


a.Failed, #Failed, .Failed, .Failed a{
    color: red;
}

a.Successful, #Successful, .Successful, .Successful a{
    color: green;
}

a.Unknown, #Unknown, .Unknown, .Unknown a{
    color: gray;
}

a.Suspended, #Suspended, .Suspended, .Suspended a{
    color: gray;
}

a.NeverExecuted, #NeverExecuted, .NeverExecuted, .NeverExecuted a{
    color: gray;
}

.leftcol, #leftcol .strut {
    width: 240px;
}


/*********************************************/
/* Admin decorator                           */
/*********************************************/
.dec_adminpage #content,
.dec_atl_admin #content {
    margin-right: 15px;
    padding: 10px 2.2em 10px 200px;
}
#admin-content {
    float: left;
    padding: 1em;
    width: 100%;
}
#admin-menu {
    float: left;
    list-style: none;
    margin: 0 0 0 -185px;
    width: 170px;
}
#admin-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#admin-menu li {
    margin: 0;
    padding: 0;
}
#admin-menu > li {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBB;
    border-radius: 5px;
    margin-bottom: 5px;
}
#admin-menu h2 {
	background-repeat: no-repeat;
	background-position: 93% 50%;
    border: 0;
    font-size: 100%;
    margin: 0;
	padding: 7px 10px;
}
#admin-menu ul ul {
	color: #036;
	margin-bottom: 5px;
	text-decoration: none;
}
#admin-menu a {
	display: block;
    padding: 5px 7px 5px 10px;
}

#admin-menu .active a {
    color: #000;
    font-weight: bold;
}


/*********************************************/
/* Build Tabs                              */
/*********************************************/

.subtabmenu {
    border-bottom: 2px #dddddd solid;
    background-color: #dddddd;
}

.subtabmenu a.current {
    border-bottom: 2px #dddddd solid;
    background-color: #dddddd;
    text-decoration: none;
}

.lhsmenu {
    text-align: left;
}

.rhsmenu {
    text-align: right;
    padding-right: 3px;
}

/*********************************************/
/* Make tables look nice                     */
/*********************************************/

.grid {
    margin-top: 2px;
}

.grid th {
}

.wide {
    width: 98%
}

.grid td {
    border: 1px solid #ccc;
}

table.lined td, table.lined tr, td.lined, tr.lined {
    border-bottom: 1px solid #ccc;
}

/*********************************************/
/* Test Results table                        */
/*********************************************/

.testResults {
    background-color: white;
    margin-top: 2px;
    margin-bottom: 5px
}

.testResults th {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 2px 4px 2px 4px;
    text-align: left;
    font-weight: bold;
}

.testResults td {
    padding: 3px 4px 3px 4px;
    padding-left: 5px;
}

/*********************************************/
/* Changes Summary table                     */
/*********************************************/

table.changesSummary {
    width: 100%;
}

table.changesSummary th, table.changesSummary td {
    padding: 1px 10px 1px 10px;
}

table.changesSummary th {
    border-bottom: 1px solid #3c78b5;
}

table.changesSummary td.author {
	padding-left: 0;
	border-right: 1px dotted #3c78b5;
}

/*********************************************/
/* Popup Notes                               */
/*********************************************/

.popupFont {
    font-family: verdana, arial, helvetica, sans-serif;
}

.popupCaptionFont {
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.popupBgColour {
    background-color: #f0f0f0;
    padding: 3px 4px 3px 4px;
    border: 1px solid black;
}

.popupCaptionBgColour {
    background-color: #869A94;
}


/*********************************************/
/* Comments                                  */
/*********************************************/
#commentToggle
{
	float: right;
	border: 0 none #FFFFFF;
	background-image: none;
	white-space: nowrap;
    display: inline;
    margin: 0;
}

#commentToggle a
{
	display: block;
	padding: 0 6px 0 0;
	background-image: none;
}

#commentToggle a:hover
{
    cursor: pointer;
}




/*********************************************/
/* Help                                      */
/*********************************************/

.sampleCode {
    border: 1px solid #ccc;
    padding: 3px 4px 3px 4px;
    padding-bottom: 5px;
    background-color: #f0f0f0;
    font-family: "Monaco", "Courier New", monospace;
    font-size: 8pt;
}

.inlineCode {
    font-family: "Monaco", "Courier New", monospace;
}

code {
    display: block;
    padding: 5px 0 5px 15px;
    margin: 1em;
    border: 1px solid #dddddd;
    color: #555555;
    background-color: white;
    font-family: "Monaco", "Courier New", monospace;
}

.apiSection {
    color: black;
    background-color: white;
    background-repeat: no-repeat;
    font: 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    margin-bottom: 0.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 0.5em;
    padding-left: 0.0em;
}

.api {
    font: 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}



.disabled, .disabled a, .disabled > td
{
    color: #505050;
}

.warning
{
    color: #cc0000;
}

.queue th, .queue td {
    border: 1px solid #cccccc;
    padding: 4px;
    vertical-align: top;
}

.queueInfo
{
    padding: 4px;
    background-color: #efefef;
    font-weight: bold;
}


.queueBuilds
{
    width: 100%;
}

.queueBuilds, .queueBuilds table, .queueBuilds td
{
    margin: 0 !important;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.queueBuilds td
{
    padding: 4px;
}

.queueBuilds .building,  .queueBuilds .building td
{
    font-weight: bold;
    background-color: #fffff0;
}

.elasticAgentSubTableCell
{
    background-repeat: no-repeat;
    background-image: url(../../../images/agent_arrow.gif);
    background-position: 35px 0;
    padding-left: 46px!important;
}

.elasticRowTopless td
{
    border-top: none;
    background-color: #f6f6f6;
    padding: 4px;
}

.elasticHeaderImage
{
    padding: 4px;
}

td.agentStatus, td.agentStatus *
{
    white-space: nowrap;
}

.elasticRowBottomless td
{
   border-bottom: none;

}

.elasticRow td {
    white-space: nowrap;    
}
.minColumn
{
    width: 1%;
}

.noBorder
{
    border: none!important;
}

.headingLinks {
    float: right;
    font-size: 50%;
}


.actionLinks
{
    float: right;
    font-size: 80%;
	margin-right: 3px;
}


/* Suggesttion from http://www.quirksmode.org/oddsandends/wbr.html*/
wbr:after {
    content: "\00200B";
}
/* AJAX Goodies */

.ProgressBar {
    border: 1px solid #ccc;
    padding: 3px 3px 3px 3px;
    color: white;
    background-color: white;
}

table.changeSets th
{
    background-color: #f4f8fb;
    width: 8em;
}

table.changeSets
{
    border: 1px dotted #3c78b5;
    width: 100%;
    margin: 10px 0;
}

table.changeSets th, table.changeSets td
{
    padding: 5px;
}

table.changeSets td ul
{
    padding-left: 15px;
    margin-top: 0;
}

table.changeSets td ul a
{
    text-decoration: none;
}

table.changeSets td ul a:hover
{
    text-decoration: underline;
}

#failedTestResultsSection strong
{
    color: red;
}

/* Floating toolbar style*/
.toolbar {
    float: right;
    padding: 4px 5px 0 0;
    vertical-align: middle;
    text-align: right;
}
ul.toolbar {
    list-style: none;
    margin: 0;
}
ul.toolbar > li {
    display: inline-block;
    margin: 0 !important;
}
ul.toolbar > li + li:before {
    content: "| ";
    margin: 0 3px;
}

.tools {
    padding: 3px 5px;
    border: 1px dotted #bbb;
    background-color: #fefefe;
    vertical-align: middle;
    text-align: left;
}

.toolbar a {
    font-size: inherit;
    font-weight: normal;
}

#buildErrorOutputSection
{
    margin-bottom: 20px;
}

.floatingPanel
{
    float: left;
    width: 48%;
    margin-right: 1%;
    overflow: hidden;
}

.floatingPanel .fieldArea label.fieldLabelArea, .evenWidth .fieldArea label.fieldLabelArea{
    width: 48%;
}

.floatingPanel .fieldArea .fieldValueArea, .evenWidth .fieldArea label.fieldLabelArea {
    width: 48%;
}

.paddedClearer
{
    clear: both;
    padding-bottom: 10px;
}

.highlightedStat
{
    float: right;
    border: solid 1px #3c78b5;
    color: #3c78b5;
    background-color: #D8E4F1;
    text-align: center;
    padding: 10px;

}

.highlightedStat .title
{
    font-size: 22pt;
	font-weight: bold;
}

.highlightedStat .details {
    margin-top: 6px;
}
/*-------------------------------------------------------------------------------------------- Report Related Styles */
.reportParam {
    float: left;
    width: 35%;
    padding: 1px 10px 0 1px
}
.reportParam .aui h2 {
    margin-top: 0;
}

.reportDisplay {
    float: left;
    width: 63%;
}



/*-------------------------------------------------------------------------------------------- Portlet Related Styles */

.portlet {
    margin-bottom: 10px;
}

.portlet h2{
    border: 0;
    background-color: #d5e1ee;
}

.portlet ol.errorLog li {
    margin-left: 20px;
}

/*------------------------------------------------------------------------------------------- Build Plans List Styles */

.narrowPlanList .buildList {
    list-style: none;
    margin: 0;
}

.narrowPlanList .projectSection {
    border-top: 1px solid #ddd;
}

.narrowPlanList .buildListItem {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 0;
    width: 100%;
}

.narrowPlanList .buildListStatusIcon {
    float: left;
    margin: 3px 0 0 3px;
}

.narrowPlanList .buildListItemOperations {
    float: right;
    margin: 5px 5px 0 0;
}

.narrowPlanList .buildListProjectHeader {
    background: #f0f0f0;
    cursor: pointer;
    margin: 0;
    padding: 4px 0 4px 4px;
}

.narrowPlanList .buildListItemHeader {
    font-weight: bold;
    margin-left: 23px;
    padding: 4px 0 4px 0;
    word-spacing: 2px;
}

.narrowPlanList .projectHeaderSummary {
    color: #505050;
    font-size: 11px;
}

.narrowPlanList .projectDisplayToggler {
    float: right;
    font-size: 10px;
    margin: 1px 5px 0 0;
}

.narrowPlanList .projectLink {
    font-weight: bold;
}

.narrowPlanList .buildListItemDetails {
    background: #f0f0f0;
    color: #505050;
    padding: 4px 0 4px 23px;
}

.narrowPlanList .buildListItemDetails ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.narrowPlanList .buildListItemDetails li {
    border-right: 1px solid #bbb;
    display: inline;
    margin: 0 4px 0 0;
    padding: 0 4px 0 0;
}
.narrowPlanList .buildListItemDetails li.last {
    border: 0;
}

/*------------------------------------------------------------------------------------------------ User Search Styles */
.inlineSearchForm {
    border: 1px solid #CCCCCC;
    margin-bottom: 1em;
    padding: 6px 4px 6px 4px;
}

.inlineSearchField {
    float: left;
    width: 29%;
    vertical-align: bottom;
}

.inlineSearchField .inlineSearchLabel {
    margin-right: 3px;
    width: 35%;
}

.inlineSearchField input.textField {
    width: 65%;
}

.inlineSubmitButton {
    float: left;
    width: 13%;
}

.inlineSearchDescription {
    color: #7F7F7F;
    font-size: 95%;
    line-height: 100%;
    margin-top: 10px;
}

/* -----------------------------------------------------------------------------------------------  Permission Styles */

table.permissions .checkboxCell {
    text-align: center;
    padding: 0;
    width: 10%;
    vertical-align: middle;
}

.clickable:hover, .clickable:hover td {
    background-color: #FFFFDC;
}

.permissionAddField .fieldValueArea {
    float: left;
}

.permissionAddField input.textField {
    /*width: 80%;  Removing for IE and Opera*/
}

.permissionForm .formArea {
    float: left;
    display: block;
    width: 73%;
}

.permissionForm .helpTextArea {
    float: right;
    display: block;
    width: 24%;
    background-color: white;
    border: 1px solid #ccc;
    padding: 3px;
}

/*.permissionForm .buttons-container {*/
    /*margin-top: 10px;*/
/*}*/

/*.permissionForm .buttons {*/
    /*margin-top: 10px;*/
/*}*/

.helpTextArea ul {
    margin: 5px 8px;
    font-size: 11px;
}

.helpTextArea li {
    margin-left: 13px;
}

.helpTextArea .helpTextHeading {
    margin-left: 5px;
    font-weight: bold;
}

.helpTextNote {
    padding-top: 3px;
}

.helpTextNote li {
    list-style: none;
}

.permissionDisplay {
    width: 98%;
}

/* -----------------------------------------------------------------------------------------------  Permission Styles */

.capabilitiesView {
    margin: 0 5px 0 5px;
}

.capabilitiesView ul.capabilityList {
    padding: 0;
}

.capabilitiesView li.capability {
    list-style: none;
    padding: 5px 0 5px 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

.capabilitiesView li.lastCapability {
    border-bottom: 0!important;
}

.capabilitiesView li.capability .capabilityTitle {
    display:block;
    float:left;
    width: 20%;
}

.capabilitiesView li.capability .operations {
    float: right;
    vertical-align: middle;
}

.capabilitiesView li.capability .capabilityKey {
    display: block;
    float: left;
    width: 20%;
}

.capabilitiesView li.capability .capabilityValue {
    display: block;
    width: 60%;
    float: left;
}


/* ---------------------------------------------  Toggle related styles (REPLACES TMIB's collapse styles in main.css) */
.toggleOn {
    padding-right: 12px;
	background-image: url(../../../images/icon_collapse_arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
    cursor:pointer;
}

.toggleOff {
    padding-right: 12px;
    background-image: url(../../../images/icon_collapse_arrow_down.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    cursor:pointer;
}

/* -------------------------------------------------------------------------------------------  Banner related styles */
.statusBanner
{
    background-repeat: no-repeat;
    background-position: 5px 12px;
    margin: 10px 0;
    padding: 10px 10px 10px 30px;;
    vertical-align: middle;
}

.statusBanner .buildLink, .statusBanner .buildCount,  .statusBanner .big, .statusBanner strong
{
	font-size: 150%;
    line-height: 130%;
    font-weight: bold;
}

.currentlyBuilding
{
    background-image: url("../../../images/jt/icn_building.gif");
    border: solid 1px #3c78b5;
    color: #2E5B89;
    background-color: #D8E4F1;
}

.currentlyBuilding a, .currentlyBuilding .big
{
	color: #326ca6;
}

/* Tooltip */
.tooltip {
    padding: 5px;
}

.tooltip .icon {
    vertical-align: text-bottom;
}

/*Header*/
h1.headerPageLine {
    font-size: 15px;
    margin-top: 1px;
    padding-bottom: 2px;
}

h1.headerObjectLine {
    margin-top: 1px;
    margin-bottom: 0;
    padding-bottom: 1px;
    border: none;
}

.toggleButton {
    margin-top: 10px;
    float: right;
}


#welcomeImage, #welcomeMessage
{
    float: left;
    margin-right: 20px;
}

table.noFormat, table.noFormat tr, table.noFormat td
{
    border: none;
}

/**
form buttons
suggestion from http://tom.me.uk/scripting/submit.html
*/

.formLink {
   color: #326ca6;
   background-color: transparent;
   text-decoration: none;
   border: none;
   padding: 0;
   margin:0;
   cursor: pointer;
}

.formLink:hover {
    text-decoration: underline;
}

ul.pager
{
    float: right;
    display: inline;
    margin: 0;

}

ul.pager .label
{
    font-size: 90%;
}

ul.pager li
{
    display: inline;
    list-style: none;
    margin: 0 2px 0 2px;
}

.loading-indicator
{
    background: url("../../../images/icons/ajax-loader.gif") no-repeat 0 10px;
    padding: 10px 10px 10px 20px;
    margin-left: 10px;
}

.capabilitiesParent {
    display: block;
    float: none;
    margin-top: 10px;
    overflow: hidden;
    width: auto;
}

.capabilitiesParent .ui-tabs-nav {
    border-right: 1px solid #bbb;
    float: left;
    margin: 20px 0 0 0;
    padding-bottom: 11px;
    width: 178px;
}

.capabilitiesParent .ui-tabs-nav li {
    background: transparent;
    border: 1px solid #bbb;
    display: block;
    float: none;
    margin: 0 -1px -1px 6px;
    padding: 0;
    overflow: hidden;
}

.capabilitiesParent .ui-tabs-nav li.ui-state-active {
    border-right: 0;
    margin-left: 0;
}

.capabilitiesParent .ui-tabs-nav li a {
    background: #f0f0f0;
    color: #333;
    display: block;
    font-weight: bold;
    outline: 0;
    padding: 0.4em 0.5em 0.2em;
    text-decoration: none;
}

.capabilitiesParent .ui-tabs-nav li.ui-state-active a {
    background: #fff;
}

.capabilitiesParent .ui-tabs-panel {
    border-color: #bbb;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 10px 0 0 178px;
    padding: 10px 0 10px 20px;
}
.capabilitiesParent .bambooForm {
    clear: none;
    display: block;
    float: none;
}

.capabilitiesParent .buttons {
    margin-top: 5px;
}

table.capabilities
{
    margin: 0;
}

table.capabilities td.agentCell
{
    white-space: nowrap;
}

table.capabilities td.valueCell
{
    width: 50%;
}

table.capabilities td
{
    line-height: 100%;
    padding: 5px 5px ;
    /*margin: 0;*/
}

table.requirements td.labelPrefixCell
{
    width: 30%;
}

table td.noRightBorder, table th.noRightBorder
{
    border-right: none;
}

table td.noLeftBorder , table th.noLeftBorder
{
    border-left: none;
}


table#requirements .noAgents *
{
    background-color: #fcc;
    color: red;
    font-weight: bold;
}

table#requirements .labelPrefixCell span
{
    text-transform: lowercase;
}
table#requirements .labelPrefixCell
{
    border-right: none;
    color: #505050;
    width: 5em;
}

table#requirements .labelCell
{
    white-space: nowrap;
    width: 1%;
    padding-right: 1em;
    border-right: none;
    border-left: none;
}

table#requirements td.matchingAgents
{
    width: 8.5em;
    text-align: right;
}

table#requirements .valueCell
{
    border-left: none;
    border-right: none;
    color: #505050;
    width: 2em;
}

table#requirements .valueCell2
{
    border-left: none;
    color: #505050;
}

table.agentPlanMatrix th {
    font-weight: normal;
}

table.agentPlanMatrix .planHeading {
    width: 20%;
}

table.agentPlanMatrix .agentHeading {
    vertical-align: middle;
    text-align: center;
    width: 10%;
}

table.agentPlanMatrix .checkboxCell {
    text-align: center;
    padding: 0;
    vertical-align: middle;
}

tr.agentOffline *
{
    color: #999999;
}

table.unitTestSummaryTable .c1 {
    width: 35%;
}

table.unitTestSummaryTable .c2 {
    width: 45%;
    border: 1px solid #CCCCCC;
}

#amazonLogs
{
    display: block;
    margin-top: 5px;
    width: 100%;
    border: 1px #ccc solid;
    height: 200px;
}


/* Bamboo Dropdown overrides */
.section .aui-dropdown {
    margin-left: 0;
}

/* For split Dropdowns */
.aui-dd-parent .drop-wrap {
    border-left: 1px dotted #999;
    display: inline-block;
    height: 15px;
    margin-left: 2px;
    padding-left: 2px;
}
.aui-dd-parent .drop-wrap .aui-dropdown-trigger {
    display: inline-block;
}
/*
    Icon Sprite Pattern

    Full documentation: https://extranet.atlassian.com/x/1QJPbQ

    Common use cases:

    <a href="http://example.com/"><span class="icon icon-help"></span> Help</a>
    ...for links with an icon and visible text "Help"

    <a href="http://example.com/" title="Help"><span class="icon icon-help">Help</span></a>
    ...for icon-only links/buttons, no visible text.

    <li class="i-am-in-a-dropdown-or-similar"><a href="http://example.com/"><span class="icon icon-page"></span> Title of a Page</a></li>
    ...for links with an icon to indicate if the target is a page, blog post, etc.
*/

/* Icon Setup */
.icon {
    display: inline-block;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}
.icon > span {
    height: 0;
    left: -5000px;
    overflow: hidden;
	position: absolute;
    top: 0;
    width: 4000px;
}

/* Icons */
/*-------Plan/Job Status---------*/
.icon-project-fail,
.icon-failed,
.icon-Failed {
    background: url(../../../images/iconsv3/plan_failed_16.png) no-repeat 50% 50%;
}
.icon-project-success,
.icon-Successful,
.icon-successful {
    background: url(../../../images/iconsv3/plan_successful_16.png) no-repeat 50% 50%;
}
.icon-NotBuilt,
.icon-Unknown,
.icon-unknown {
    background: url(../../../images/iconsv3/plan_canceled_16.png) no-repeat 50% 50%;
}
.icon-project-none,
.icon-NeverExecuted,
.icon-Suspended,
.icon-disabled {
    background: url(../../../images/iconsv3/plan_disabled_16.png) no-repeat 50% 50%;
}

.icon-project-current,
.icon-InProgress,
.icon-building {
    background: url(../../../images/jt/icn_building.gif) no-repeat 50% 50%;
}
.icon-Pending,
.icon-Queued,
.icon-queued {
    background: url(../../../images/iconsv3/queued_16.png) no-repeat 50% 50%;
}
.icon-sync {
    background: url(../../../images/jt/icn_checkinout.gif) no-repeat 50% 50%;
}

/*-------Misc Icons---------*/

.icon-collapse {
    background: url(../../../images/icons/icon_blockexpanded.png) no-repeat 50% 50%;
}
.icon-expand {
    background: url(../../../images/icons/icon_blockcollapsed.png) no-repeat 50% 50%;
}
.icon-history {
    background: url(../../../images/sprite_changeset-plus.png) no-repeat 1px -31px;
}
.icon-drop {
    background: url(../../../images/menu_indicator_for_light_backgrounds.gif) no-repeat 50% 50%;
}
.icon-delete {
    background: url(../../../images/delete.gif) no-repeat 50% 50%;
}
.icon-drop:hover {
    background: #326ca6 url(../../../images/menu_indicator_for_dark_backgrounds.gif) no-repeat 50% 50%;
}
.icon-loading {
    background: url(../../../images/icons/wait.gif) no-repeat 50% 50%;
}
.icon-warning {
    background: url(../../../images/warning.gif) no-repeat 50% 50%;
    height: 24px;
    width: 24px;
}
.icon-job {
    background: url(../../../images/iconsv3/job_16.png) no-repeat 50% 50%;
}
.icon-favourite {
    background: url(../../../images/jt/icn_favourites_off.gif) no-repeat 50% 50%;
}
.icon-favourite-remove {
    background: url(../../../images/jt/icn_favourites_on.gif) no-repeat 50% 50%;
}
.icon-view {
    background: url(../../../images/view.gif) no-repeat 50% 50%;
}
.icon-wallboard {
    background: url(../../../images/iconsv3/wallboard_18.png) no-repeat 50% 50%;
    height: 18px;
    width: 18px;
}
.icon-build-run {
    background: url(../../../images/iconsv3/start.png) no-repeat 50% 50%;
}
.icon-build-stop {
    background: url(../../../images/iconsv3/stop.png) no-repeat 50% 50%;
}
.icon-build-cancel {
    background: url(../../../images/jt/icn_cancelbuild.gif) no-repeat 50% 50%;
}
.icon-build-configure {
    background: url(../../../images/jt/icn_edit.gif) no-repeat 50% 50%;
}
.icon-build-enable {
    background: url(../../../images/iconsv3/enable_16.png) no-repeat 50% 50%;
}
.icon-build-disable {
    background: url(../../../images/iconsv3/disable_16.png) no-repeat 50% 50%;
}
.icon-build-delete,
.icon-task-delete,
.icon-variable-delete {
    background: url(../../../images/icons/trash_16.gif) no-repeat 50% 50%;
}
.icon-comment-add {
    background: url(../../../images/message_add.gif) no-repeat 50% 50%;
}
.icon-edit {
    background: url(../../../images/edit_12.png) no-repeat 50% 50%;
}
.icon-shared {
    background: url(../../../images/icons/shared.png) no-repeat 50% 50%;
}
.icon-unshared {
    background: url(../../../images/icons/unshared.png) no-repeat 50% 50%;
}
.icon-rss {
    background-image: url(../../../images/rss.gif);
}
.icon-permalink {
    background: url(../../../images/permalink_dark_16.png) no-repeat 50% 50%;
}
.icon-artifact {
    background: url(../../../images/iconsv3/artifact_16.png) no-repeat 50% 50%;
}
.icon-artifact-shared {
    background: url(../../../images/iconsv3/shared_16.png) no-repeat 50% 50%;
}
.icon-tick {
    background: url(../../../images/icons/icon_tick.gif) no-repeat 50% 50%;
}
.icon-cross {
    background: url(../../../images/icons/icon_cross.gif) no-repeat 50% 50%;
}
.icon-wizard-arrow {
    background: url(../../../images/wizard_arrow.png) no-repeat 50% 50%;
    height: 20px;
    width: 20px;
}

/*------------------------------------------------------------------------------------------- Wide Build Plans List Styles */

#allPlansToggler {
    float: right;
    margin: -5px 0 5px 0;
}


span.buildSummaryDetails  {
    display: inline;
    font-size: 10px;
}

span.buildSummaryDetails > span {
    border-left: 1px solid gray;
    display: inline;
    margin: 0 0 0 4px;
    padding: 0 0 0 4px;
}

span.buildSummaryDetails > span:first-child {
    border: 0;
}

/** PlanOperations **/
#currentActivity .buildActions a,
#currentActivity .buildActions span,
#liveActivity .build-stop,
#liveActivity .build-stop-disabled,
#buildResults .build-stop,
#buildResults .build-stop-disabled
{
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-left: 2px;
}
#buildResults .build-stop,
#buildResults .build-stop-disabled
{
    float: right;
    margin-right: 2px;
}

.build-stop
{
    background: url("../../../images/iconsv3/stop.png") no-repeat;
}
.build-stop-disabled
{
    background: url("../../../images/icons/delete_disabled.gif") no-repeat;
}

#currentActivity .build-elastic {
    background: url("../../../images/jt/icn_elastic_cloud.gif") no-repeat;
}

#currentActivity .build-elastic-disabled {
    background: url("../../../images/jt/icn_elastic_cloud.gif") no-repeat;
    opacity: 0.25;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
}

#dashboard > thead > tr > th {
    background: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

#dashboard > tbody > tr > td {
    border-left: 0;
    border-right: 0;
}

#dashboard .planOperations {
    float: right;
}

#dashboard .projectLink {
    font-weight: bold;
}

#dashboard td.twixie {
    padding-left: 2px;
    padding-right: 0px;
    width: 16px;
}

/*AUI override - zebra doesn't like hidden fields AJS-569*/
#dashboard > tbody > tr > td {
    background-color: #FFF;
    border-bottom: 1px solid #EFEFEF;
}
#dashboard > tbody > tr.zebraOverride > td {
    background-color: #FAFAFA;
}

#dashboard > table{
    border-bottom: 2px solid #CCC;
}

/*End AUI override*/

/*AUI override - i can't use rowspan to negate zebras because i dont know how many plans there is going to be*/
#dashboard > tbody > tr > td.projectSection {
    background-color: #FFF;
    border-bottom: none;
}
/*End AUI override*/

#external-operations.dashboardExternal {
    position: relative;
    float: right;
    top: 2px;
}

#external-operations .icon-wallboard {
    margin-right: 7px;
}
/*********************************************/
/* Bamboo Javascript status css         */
/*********************************************/

#plan-status {
    background: #fff;
    border: 1px solid #bbb;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #036;
    padding: 0 11px;
}
#plan-status p {
    background: url(../../../images/jt/icn_building.gif) no-repeat 100% 50%;
    line-height: 26px;
	margin: 0;
	padding: 0 25px 0 0;
}
#plan-status p.success a {
    color: #090;
}
#plan-status p.success {
	background-image: url(../../../images/iconsv3/plan_successful_16.png);
}
#plan-status p.failed a {
    color: #c00;
}
#plan-status p.failed {
	background-image: url(../../../images/iconsv3/plan_failed_16.png);
}
#plan-status p.current {
	background-image: url(../../../images/jt/icn_building.gif);
}
#plan-status p.queued {
	background-image: url(../../../images/iconsv3/queued_16.png);
}
#plan-status p.none {
	background-image: url(../../../images/iconsv3/plan_disabled_16.png);
}
#plan-status p.notBuilt a {
    color: #333;
}
#plan-status p.notBuilt {
    background-image: url(../../../images/iconsv3/plan_canceled_16.png);
}
/* Form related styles */

/* Form tags */
optgroup {
    background-color: #f7f7f7;
    font-weight: normal;
    color: #666;
}
optgroup option {
    background-color: #fff;
    color: #000;
}

/* Bamboo Form */
.bambooForm {
    float: left;
    clear: left;
    width: 100%;
}

.bambooAuiDialogForm {
	border-top: 0;
	border-bottom: 0;
    background-color: #fff;
}

.bambooAuiDialogForm .fieldLabelArea {
    font-size: 12px;
    font-weight:bold;
    color: #003366;
}

.bambooAuiDialogForm ul.actionErrorList {
    margin-top: 0;
    margin-bottom: 8px;
}

.bambooAuiDialogForm .build-description {    
    display: block;
    margin: 0 26px 10px 0;
    padding-left: 20px;
    font-weight: normal;
}

.bambooAuiDialogForm .build-description > a {
    font-weight : bold;
}

.hideHeadingSection
{
    border-top: none;
    /*padding-top: 5px;*/
}

.tabContent .bambooForm
{
    margin-top: 10px;
}

#tabContainer .tabContent .bambooForm
{
    margin: 10px 5px 10px 5px;
    width: 99%;
}

.bambooForm input[type=reset], .bambooForm input[type=submit], .bambooForm input[type=button], .bambooForm button {
    min-width: auto !important; /* hack for ie */
    min-width: 80px;
}

.bambooForm .formActionsBar {
    margin-left: 1em;
}

.bambooForm .formCompleteContentSelectionStatus {
    border: solid #ccc;
    border-width: 1px 0;

    margin: 0.5em 0;
    padding: 0.5em 0;
}

.bambooForm .formActionsBar input, .bambooForm .formActionsBar button {
    min-width: 0;
    vertical-align: middle;
}

.bambooForm input, .bambooForm label
{
    vertical-align: bottom;
}

/* Used for field label separtion e.g. OR */
.bambooForm .sectionSubHeader {
    font-weight: bold;
    font-style: italic;
}

/* Sub area h1 */
.descriptionSection {
    padding: 4px 4px 4px 0;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 10px;
    border: none;
    line-height: 110%;
}

.bambooForm fieldset {
    margin-bottom: 0;
}

.bambooForm .formFooter {
    padding: 5px 0;
}

.noTopBorder
{
    border-top: none!important;
}

.bambooForm .formFooter.wizardFooter {
    text-align: right;
}

.bambooForm .formFooter.wizardFooter #cancelButton{
    margin-left: 10px;
}


.bambooForm .fieldAreaError{
}

.bambooForm .fieldArea .errorBox {
    color: #cc0000;
    font-weight: bold;
}

.bambooForm .fieldArea {
    clear: left;
    margin: 0 0 0 1em;
	padding-bottom: 1px;
}

.bambooForm .fieldArea label.fieldLabelArea, .bambooForm .fieldArea .firstColumn {
	display: inline;
	position: relative;
	float: left;
	margin-top: 0.15em;
	padding: 0 0 5px 0;

}

.bambooForm .fieldArea .fieldValueArea
{
}

.fieldDescription {
	margin: 3px 0 0 0;
	padding: 0 0 5px 0;
	font-size: 95%;
    line-height: 100%;
    color: #7F7F7F;
}

/* Special styles for checlbox*/

.bambooForm label.labelForCheckbox, .bambooForm .checkboxArea .fieldDescription {
    float: none;
    display: block;
    padding: 0;
    margin-bottom: 5px;
    text-align: left;
}

.radioOptionDescription
{
    margin-top: 0;
    margin-left: 20px;
}

.bambooForm .checkboxLabel {
}

.bambooForm .checkboxErrorLabel {
    color: red;
}

.bambooForm span.required {
    color: red;
}

.bambooForm .fieldLabelArea .required
{
	position: absolute;
	top: 0;
	height: 8px;
	margin: 0 0 0 -4px;
    vertical-align: top;
}

.bambooForm .aui-message {
    margin: 1em;
}
form.aui .aui-message.error {
    color: inherit;
}
form.aui .aui-message p {
    padding: 0;
}

.buttons {
    text-align: center;
    margin: 0 auto;
}
form.aui .buttons {
    text-align: inherit;
}
form.aui .buttons .icon {
    margin-right: 5px;
}

.emphasise a {
    font-weight: bold;
}

.bambooForm span.note {
    background: #fff;
    color: #999;
    font-size: 0.92em;
    margin: 0 0 0 5px;
}

.plan-requirements .formFooter {
    overflow: auto;
    padding: 0.6em 0.5em 0.5em;
}

.plan-requirements .formFooter .button-link {
    margin: -0.2em 0 0 1em;
}

.button-link,
    .button-link:link,
    .button-link:visited,
    .button-link:hover {
    background: #f0f0f0;
    border: 1px solid #fafafa;
    border-right: 1px solid #848484;
    border-bottom: 1px solid #848484;
    color: #000;
    padding: 0.2em 0.4em;
    text-align: center;
    text-decoration: none;
}

.button-link:active,
    .button-link:focus {
    background: #f0f0f0;
    border: 1px solid #848484;
    border-right: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa;
    color: #000;
    text-decoration: none;
}

form.capability-types .descriptionSection {
    overflow: auto;
}

form.capability-types fieldset {
    border: 1px solid #aaa;
    display: block;
    float: left;
    margin: 0 0 10px 30px;
    padding: 4px 4px 0 0;
    position: relative;
    width: auto;
}

form.capability-types fieldset span.alternate {
    background: #f5f8fb;
    color: #326ca6;
    left: -30px;
    position: absolute;
    text-transform: uppercase;
    top: -6px;
}

form.capability-types fieldset label {
    float: left;
    margin: 0 0 4px 0;
    width: auto;
}

form.capability-types fieldset #builder-path-label {
    clear: both;
}

form.capability-types fieldset label span {
    display: block;
    float: left;
    line-height: 2;
    text-align: right;
    padding: 0 5px 0 0;
    width: 100px;
}

form.capability-types fieldset label input {
    width: 210px;
}

form.capability-types fieldset label input#builder-path {
    width: 533px;
}

form.capability-types fieldset.disabled label input {
    background: #f5f8fb;
}

#add-requirement .descriptionSection {
    overflow: auto;
}

#add-requirement fieldset {
    border: none;
}

/* Width Styles. Standard is a 13em column and the narrow one is a 6em column */

/* A style for use when there is no first column*/
.bambooForm .fieldArea {
	padding-left: 14em;
}

#choosePlansForBulkAction .fieldArea {
    padding-left: 2em;
}

.bambooForm .fieldArea label.fieldLabelArea, .bambooForm .fieldArea .firstColumn {
	left: -14em;
	width: 13em;
	margin-right: -13em;
}

.bambooForm .fieldLabelArea .required
{
	left: 13em;
}

.bambooForm.narrowForm .fieldArea {
	padding-left: 7em;
}

.bambooForm.narrowForm .fieldArea label.fieldLabelArea, .bambooForm .fieldArea .firstColumn {
	left: -7em;
	width: 6em;
	margin-right: -6em;
}

.bambooForm.narrowForm .fieldLabelArea .required
{
	left: 6em;
}

.bulk-project-bar {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-top: 3px;
    overflow: hidden;
}

.bulk-project-bar .bulk-project-name {
    color: #000;
    font-weight: bold;
    float: left;
}

.bulk-project-bar .bulk-project-name div.checkbox{
    display: inline-block;
    padding: 0 !important;
}

.bulk-project-links {
    color: #505050;
    float: right;
    font-weight: normal;
}

.bulk-plan {
    overflow: hidden;
}

.bulk-plan-left {
    float: left;
}

.bulk-plan-right {
    border-left: 1px solid #ddd;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 79%;
}

.bulk-plan-name > div.checkbox {
    padding: 0 0 0 40px !important;
}

.bulk-command {
    color: #505050;
}

.bulk-job {
    margin-left: 1em;
}

.bulk-job > div.checkbox {
    padding: 0 !important;
}

.bulk-job-links {
    color: #505050;
    padding-left: 4px;
}

.bambooForm .buildExpiryIndent {
    margin-left: 2em;
}

/* checkbox control */
/* firefox */
.checkboxArea input[type=checkbox] {
    position: relative;
    top: 2px;
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.checkboxArea input[type=checkbox] {
         top: 0;
    }
}

.cron-builder .icon {
    padding-left: 5px;
}

.cronEditorForm {
    border-top: 1px solid #F0F0F0;
    padding-left: 140px;
    padding-top: 20px;
}

form.aui .cronEditorForm div.checkbox,
form.aui .cronEditorForm div.radio,
form.aui .cronEditorForm .field-group {
    padding-left: 0;
}

.cronEditorForm .timeForm .textField {
    width: 3em;
}

.cronEditorForm .monthForm select {
    margin-left: 3px;
}


form.aui .cronEditorForm div.matrix {
    width: 250px;
}

form.aui .cronEditorForm  div.matrix div.checkbox {
    width: 125px;
}

/*Overide for aui-forms.css*/
form.aui .cronEditorForm fieldset .field-group,
form#returnCronExpression fieldset .field-group {
    margin-bottom: 0;
    min-height: 0;
    padding-top: 0;
}

form#returnCronExpression div.radio {
    float: left;
    padding: 0 0 5px 30px;
}

form.aui div.matrix.tight-matrix .radio {
    width: auto;
}
form.aui div.matrix.tight-matrix .radio + .radio {
    margin-left: 1em;
    padding-left: 0;
}

.popupRemoveErrorLogForm
{
    display: none;
}

.planCheckboxList {
    padding-top: 5px;
    padding-bottom: 5px;
}

.planCheckboxList .fieldLabelArea {
    padding-left: 12px;
    width: 13px;
    float: left;
}

.planCheckboxList .checkboxArea {
    clear: none;
}

.form-view {
    line-height: 1.4;
    margin: 0 0 2em;
    position: relative;
}
.form-view fieldset {
    border: 0;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
}
.form-view .field-group {
    clear: both;
    display: block;
    margin-bottom: 5px;
    min-height: 1.6em;
    padding: 0 0 5px 140px;
}
.form-view .field-group:last-child,
.form-view fieldset fieldset:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.form-view .field-group label {
    color: #505050;
    float: left;
    display: block;
    left: -140px;
    line-height: 1;
    margin-right: -130px;
    padding-top: 4px;
    position: relative;
    width: 130px;
    text-align: right;
}
.form-view div.description {
    font-size: 11px;
}
.form-view .field-value {
    display: inline-block;
    line-height: 1;
    padding-top: 4px;
}
.form-view.form-view-header {
    margin-bottom: 0;
}

/* AUI toolbar customization */
.aui-toolbar .disabled, .aui-toolbar.disabled span {
    opacity: 0.5;
}
.aui-toolbar .active, .aui-toolbar .active span {
    opacity: 1;
}
.toolbar-group .toolbar-item:first-of-type span {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.toolbar-group .toolbar-item:last-of-type span {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


/* copied from AUI's forms.css form.aui h2 */
.form-view h2 {
    border-bottom: 1px solid #ddd;
    /*clear: both;*/ /* difference from AUI */
    color: #222;
    font-size: 16px;
    margin: 10px 0;
}

.form-view h2.has-aui-toolbar {
    line-height: 1.6em;
}

.form-view > .aui-toolbar {
    float: right;
    padding: 4px 5px 0 0;
    vertical-align: middle;
    text-align: right;
}

.aui-toolbar.inline {
    background: transparent;
    border-top: none;
    clear: none;
    padding: 0;
    width: auto;
}
.aui-toolbar.inline .toolbar-group {
    margin: 0;
}
.aui-toolbar > .toolbar-group > .toolbar-item .aui-dropdown > .dropdown-item > a {
    display: block;
    text-decoration: none;
}
.aui-toolbar > .toolbar-group > .toolbar-item > .toolbar-trigger .icon-drop:hover {
    background: url(../../../images/menu_indicator_for_light_backgrounds.gif) no-repeat 50% 50%;
}
.aui-toolbar > .toolbar-group > .toolbar-item.aui-dd-parent > .toolbar-trigger {
    padding-right: 4px;
}

/* "long-field" isn't long enough for our licenses */
form.aui textarea.license-field {
    width: 610px;
}
.chainStructureSummary {
    margin-right: 355px;
}
.result-summary {
    clear: both;
    overflow: hidden;
}
.result-summary > .details {
    float: left;
    padding: 0;
    width: 49.5%;
}
.result-summary > .details dl {
    margin: 0 0 1.25em;
    overflow: hidden;
    padding-left: 10em;
}
.result-summary > .details dl > dt {
    color: #505050;
    float: left;
    margin-left: -10em;
    padding-right: 1em;
    text-align: right;
    width: 9em;
}
.result-summary > .details dl > dd {
    margin-bottom: 0.75em;
}
.result-summary > .details dl .icon {
    vertical-align: text-bottom;
}
.result-summary > .details .status + dd + .status {
    display: none;
}
.result-summary > .details .completed + dd span,
.result-summary > .details .queued + dd span,
.result-summary > .details .successful-since + dd span,
.result-summary > .details .first-to-pass-since + dd span,
.result-summary > .details .failing-since + dd span,
.result-summary > .details .fixed-in + dd span {
    color: #505050;
}
.result-summary > .details .duration + dd > span {
    border-bottom: 1px dashed #bbb;
    cursor: pointer;
}
.result-summary #buildResultsSummary {
    display: block;
    margin: 0 0 15px;
}
.result-summary #buildResultsSummary #buildResults {
    display: block;
    float: none;
    width: auto;
}

.result-summary > .variables .variables-container {
    overflow: auto;
    width: 100%;
}
.result-summary > .variables td:first-child {
    color: #505050;
    padding: 0 1em 1em 10px;
    vertical-align: top;
    white-space: nowrap;
}
.result-summary > .variables td + td {
    padding: 0 10px 1em 0;
}
.result-summary > .variables tbody > tr:first-child > td {
    padding-top: 5px;
}

#shared-artifacts > ul {
    list-style: none;
}
#shared-artifacts li,
#shared-artifacts > p {
    margin-left: 16px;
}
#shared-artifacts .icon {
    margin-right: 4px;
}
#shared-artifacts span {
    color: #505050;
}
#shared-artifacts .filesize {
    font-size: 0.92em;
    margin-left: 0.35em;
}
#shared-artifacts,
.result-summary .test-summary {
    margin-bottom: 2em;
}
.result-summary .test-summary > .toolbar > span {
    color: #505050;
}
.result-summary .test-summary ul {
    list-style: none;
    margin: 15px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.result-summary .test-summary li {
    float: left;
    font-size: 3em;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 0 0.5%;
    width: 33%;
}
.result-summary .test-summary li:first-child {
    margin: 0;
}
.result-summary .test-summary a {
    text-decoration: none;
}
.result-summary .test-summary .new-failures a,
.result-summary .test-summary .existing-failures a {
    color: #a00;
}
.result-summary .test-summary .fixed a {
    color: #000;
}
.result-summary .test-summary .new-failures a:hover,
.result-summary .test-summary .existing-failures a:hover,
.result-summary .test-summary .fixed a:hover {
    color: #326ca6;
}
.result-summary .test-summary > ul span {
    color: #7a7a7a;
    display: block;
    font-size: 0.306em;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 0.1em;
}
.result-summary .test-summary a:hover span {
    color: #326ca6;
    text-decoration: underline;
}
.result-summary > .stages,
.result-summary > .comments,
.result-summary > .variables,
.result-summary > .changesSummary,
.result-summary > .issueSummary {
    clear: right;
    float: right;
    margin: 0 0 2em;
    padding: 0;
    width: 49.5%;
}

.result-summary > .stages > h2,
.chainStructureSummary > h2 {
    margin-bottom: 1em;
}

.stageList {
    list-style: none;
    margin: 0;
}
.stageList > li {
    background: #fff;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 21px;
    position: relative;
}
.stageList > li > div {
    border-left: 8px solid #d2d2d2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.stageList > .Successful > div {
    border-left: 8px solid #070;
}
.stageList > .Failed > div {
    border-left: 8px solid #c00;
}
.stageList > .NotBuilt > div {
    border-left: 8px solid #ccc;
}
.stageList > .InProgress > div,
.stageList > .Pending > div {
    border-left: 8px solid #07c;
}

.stageList .jobError {
    color: #c00;
    float: right;
}

.stageList .noMatchingAgent {
    color: #c00;
    margin-right: 20px;
    margin-left: 20px;
}

.stageList > li > div > dl {
    background: #f0f0f0;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #000;
    margin: 0;
    overflow: hidden;
    padding: 10px 15px;
}
.stageList > .collapsed > div > dl {
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.stageList > li > div > dl > dt {
    background: url(../../../images/jt/icn_collapse.gif) no-repeat 0 0;
    cursor: pointer;
    float: left;
    font-weight: bold;
    padding-left: 16px;
}
.stageList > .collapsed > div > dl > dt {
    background: url(../../../images/jt/icn_expand.gif) no-repeat 0 0;
}
.stageList > .not-collapsible > div > dl > dt {
    background: transparent;
    cursor: default;
    padding: 0;
}
.stageList > li > div > dl > dt > span {
    color: #666;
    font-weight: normal;
    margin-left: 5px;
}
.stageList > li > div > dl > dd {
    float: right;
}
.stageList div > ul {
    border-top: 1px solid #d2d2d2;
    list-style: none;
    margin: 0;
    overflow: hidden;
}
.stageList .collapsed ul {
    display: none;
}
.stageList > li > div > ul > li {
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 8px 15px 8px 30px;
    position: relative;
}
.stageList .Pending,
.stageList .Queued,
.stageList .InProgress {
    background: #ebf1f7;
}
.stageList a.job,
.stageList a.configure {
    float: left;
    min-height: 15px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.stageList a.job:hover,
.stageList a.configure:hover {
    text-decoration: underline;
}
.stageList ul dl {
    color: #333;
    float: right;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.stageList ul dl > dt {
    color: #727272;
    float: left;
    margin: 0 0.3em 0 1em;
    text-align: right;
}
.stageList ul dl > dt:after {
    content: ":";
}
.stageList ul dl > dd {
    float: left;
    white-space: nowrap;
    width: 9em;
}
.stageList ul dl > dd.duration {
    width: 7em;
}
.stageList > li > div.arrow {
    background: #d2d2d2 url(../../../images/stage-separator.gif) no-repeat 50% 0;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    bottom: -22px;
    height: 21px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 41px;
}
.stageList > li.last > div.arrow,
.stageList > li.ui-sortable-helper > div.arrow {
    display: none;
}
.stageList > li:last-child > div.arrow { /* on its own line because IE8 won't parse any additional rules once hitting the :last-child selector */
    display: none;
}
.stageList .progress {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.stageList .progress > .progress-bar {
    background: #fff url(../../../images/job-progress-bar-bg.png) repeat-y 100% 0;
    padding-right: 10px;
}
.stageList .progress > .progress-text {
    color: #4a4a4a;
    float: right;
    min-height: 15px;
    padding: 8px 40px 8px 0;
    text-align: right;
}

/* Stage Configuration */
#editstages > li > div,
#editstages > li > div > ul,
#editstages > li > div > ul > li {
    overflow: visible;
}
.stageList .ui-droppable {
    min-height: 33px;
}
.stageList .ui-droppable > li:hover {
    background: #fafafa;
}
.stageList.ui-sortable > li > div > dl > dt {
    background: url(../../../images/handle.png) no-repeat 0 50%;
    padding-left: 15px;
}
.stageList.ui-sortable dl,
.stageList.ui-sortable > li > div > dl > dt {
    cursor: move;
}
#editstages a.job {
    float: none;
}
.stageList > li > div > dl > dd > .actions {
    list-style: none;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 100;
}
.stageList > li > div > ul > li > .actions {
    float: right;
    list-style: none;
    margin: 0;
}
.stageList > li > div > dl > dd > .actions > li {
    background: url(../../../images/menu_indicator_for_light_backgrounds.gif) no-repeat 20px 50%;
    margin: 0;
}
.stageList > li > div > dl > dd > .actions.active > li,
.stageList > li > div > dl > dd > .actions > li:hover {
    background: #326ca6 url(../../../images/menu_indicator_for_dark_backgrounds.gif) no-repeat 20px 50%;
}
.stageList > li > div > dl > dd > .actions li > span {
    background: url(../../../images/icons/tools_12.png) no-repeat 6px 50%;
    cursor: pointer;
    display: block;
    height: 16px;
    padding: 0 16px 0 6px;
    text-indent: -9999px;
    width: 12px;
}
.stageList .actions ul,
.stageList .actions li {
    margin: 0;
}
.stageList .actions ul a {
    display: block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    white-space: nowrap;
}
.stageList .actions ul a:hover {
    text-decoration: underline;
}
.stageList a.configure,
.stageList a.enableDisable{
    float: right;
}
.stageList > li > div > ul > li > .actions > li {
    display: inline-block;
}
.stageList > li > div > ul > li > .actions > li + li:before {
    color: #808080;
    content: "|";
}
.stageList .actions .icon-drop {
    background: url(../../../images/menu_indicator_for_light_backgrounds_lighter.gif) no-repeat 50% 50%;
}
.stageList .actions .icon-drop:hover,
.stageList .actions.active .icon-drop {
    background: #326ca6 url(../../../images/menu_indicator_for_dark_backgrounds.gif) no-repeat 50% 50%;
}

.stageList .builder {
    color: #666;
    float: left;
    font-size: 0.9em;
    line-height: 1.5;
    margin-left: 0.4em;
    overflow: hidden;
}
.stageList .builder dt {
    position: absolute;
    left: -9999px;
}
.stageList .builder dd {
    width: auto;
}
.stageList .builder .noAgentInfo {
    float: right;
    font-weight: bold;
}
.stageList .create-job {
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
}
.stageList .create-job > a {
    background: url(../../../images/jt/create_12.png) no-repeat 3px 50%;
    margin-left: 10px;
    padding-left: 20px;
    text-decoration: none;
}
.stageList .create-job > a:hover {
    text-decoration: underline;
}
.stageList .ui-droppable .handle {
    background: url(../../../images/handle.png) no-repeat 15px 50%;
    cursor: move;
    height: 80%;
    left: 0;
    position: absolute;
    top: 10%;
    width: 30px;
}

.stageList ul.ui-state-active {
    background: #f5f8fb;
}
.stageList ul.ui-state-hover {
    background: #e1eefa;
}

.stageList > .ui-sortable-placeholder {
    background: #f5f8fb;
    border: 2px dashed #bbb;
    margin: 0 0 20px;
    visibility: visible !important;
}
.stageList ul > .ui-draggable-dragging {
    background: #fff !important;
    border: 1px solid #d2d2d2 !important;
    z-index: 1000;
}

#planDetailsSummary {
    clear: left;
    float: left;
    width: 100%;
}

#buildSummary h2 {
    margin-bottom: 5px;
}

#buildSummary .toolbar {
    padding-top: 9px;
}

#planSummaryGraphs {
    margin-top: 5px;
}

#planSummaryGraphs {
    clear: both;
    width: 345px;
    float: right;
}

#planSummaryGraphs img {
    margin-bottom: 10px;
}

#planStatsSummary {
    float: right;
    margin-right: -360px;
    width: 345px;
}

#planDetailsSummary > .details {
    float: none;
    width: auto;
}

#planDetailsSummary #liveActivity {
    padding-bottom: 10px;
}

#stageListSummary .stageList {
    margin-left: 0;
}

.history-permalinks {
    list-style: none;
    overflow: hidden;
}
.history-permalinks > li {
    float: left;
    margin: 0 16px 0 0;
}
.history-permalinks .icon {
    margin-right: 4px;
}

.addStage .aui-toolbar {
    float: right;
    margin-left: 20px;
}



.tests-table-container {
    margin-top: 1em;
    position: relative;
}
/* overriding Bamboo's table styles */
.tests-table.aui {
    table-layout: fixed;
    width: 100%;
}
.tests-table a {
    text-decoration: none;
}
.tests-table a:hover {
    text-decoration: underline;
}
.tests-table th {
    border: 0;
}
.tests-table td {
    border-left: 0;
    border-right: 0;
}
.tests-table caption {
    font-size: 1.25em;
}
.tests-table caption > span {
    display: block;
    font-weight: bold;
    text-align: left;
}
.tests-table.aui > thead > tr > td { /* compensating for rule not in AUI */
    background: #f0f0f0;
}
.tests-table.aui > tbody > tr > td {
    border-top: 1px dotted #ccc;
}
.tests-table.aui .zebra,
.tests-table .zebra > td {
    background: transparent;
}
.tests-table .collapsed + .stack-trace {
    display: none;
}
.tests-table .stack-trace .code {
    background: #f9f9f9;
    border-bottom: 2px solid #ccc;
    border-top: 0;
    color: #000;
    overflow: visible;
    padding: 0;
}
.tests-table .stack-trace .code > pre {
    border-top: 1px dotted #ccc;
    margin: 0;
    overflow: auto;
    padding: 1.5em;
}
.tests-table .twixie,
.tests-table .status {
    padding-left: 0;
    padding-right: 0;
    width: 16px;
}
.tests-table .twixie > span {
    cursor: pointer;
}
.tests-table .failing-since {
    width: 30%;
}
.tests-table td.failing-since > a {
    color: #c00;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
}
.tests-table td.failing-since > a:hover {
    text-decoration: underline;
}
.tests-table .reason {
    color: #585858;
    font-size: 0.9em;
    white-space: nowrap;
}
.tests-table .job {
    white-space: nowrap;
    width: 20%;
}
.tests-table .duration {
    white-space: nowrap;
    width: 60px;
}

/* Expand/Collapse all */
.tests-table .twixie > ul {
    list-style: none;
    margin: 0;
    padding: 0.5em;
    position: absolute;
    right: 0;
    top: 0;
}
.tests-table .twixie > ul > li {
    float: left;
    line-height: 21px;
    margin: 0;
}
.tests-table .twixie > ul > .expand-all {
    margin-right: 10px;
}
.successfulTestsText > strong {
    color: #070;
}
.failedTestsText > strong {
    color: #c00;
}
/* Task Setup Layout */
#task-setup {
    border-top: 1px solid #ddd;
    margin-bottom: -1em;
    min-height: 320px;
    overflow: hidden;
    padding-left: 374px;
    position: relative;
}
#task-setup:after {
    background: #D0D0D0;
    background: -moz-linear-gradient(left, #D0D0D0 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#D0D0D0), color-stop(100%,#FFFFFF));
    background: linear-gradient(left, #D0D0D0 0%, #FFFFFF 100%);
    bottom: 0;
    content: "";
    left: 344px;
    position: absolute;
    top: 0;
    width: 7px;
}
#task-list {
    float: left;
    margin-left: -374px;
    width: 344px;
}
#task-config {
    float: left;
    padding-top: 10px;
    width: 100%;
}

/* Task List */
#task-list > ul {
    list-style: none;
    margin: -1px 0 10px;
}
#task-list > ul > li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0 0 -1px;
    padding: 6px 28px 6px 12px;
    position: relative;
}
#task-list .task {
    cursor: pointer;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
#task-list .task:hover {
    background: #f0f0f0;
}
#task-list .task.active {
    background: #326ca6;
}
#task-list .task-title {
    border: 0;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}
#task-list .task-description {
    color: #505050;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

#task-list li.invalid h3 {
    color: #c00;
}
#task-list li.invalid.active h3 {
    color: #FFF;
}
#task-list .task a {
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
#task-list .task .icon-loading {
    margin-top: -8px;
    position: absolute;
    right: 6px;
    top: 50%;
}
#task-list .active .task-title {
    font-weight: bold;
}
#task-list .active .task-description,
#task-list .task.active a {
    color: #fff;
}
#task-list .final-tasks-bar {
    background: #f0f0f0;
    color: #505050;
    padding: 3px 12px;
}
#task-list .final-tasks-bar > h3 {
    border: 0;
    display: inline-block;
    font-size: 1em;
    margin: 0;
}
#task-list .final-tasks-bar > div {
    display: inline-block;
    font-size: 11px;
}
#task-list > .aui-toolbar {
    margin: 0 5px 1em;
    vertical-align: middle;
}
#task-list > .aui-toolbar + .icon-loading {
    vertical-align: baseline;
}
#task-config .aui-toolbar.delete {
    position: absolute;
    right: 0;
    top: -6px;
}
#task-config .invalidPlugin {
    position: relative;
}
#task-config .invalidPlugin h2 {
    margin-top: 10px;
}
#task-config form.aui .long-field {
    max-width: 500px;
    width: 90%;
}
#task-config .aui-message {
    margin-right: 20px;
}

/* Sorting styling for Tasks List */
#task-list > ul.ui-sortable > li {
    padding-left: 24px;
}
#task-list > ul.ui-sortable > .task:before {
    background: url(../../../images/handle-repeatable.gif) repeat;
    bottom: 8px;
    content: "";
    cursor: move;
    left: 8px;
    position: absolute;
    top: 9px;
    width: 8px;
}
#task-list > ul.ui-sortable > li.final-tasks-bar {
    cursor: pointer;
    padding-left: 8px;
}
#task-list .ui-sortable-helper {
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
#task-list #final-tasks-prompt {
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    color: #505050;
    font-style: italic;
    padding: 6px 0;
    text-align: center;
}
.task + #final-tasks-prompt {
    display: none;
}

/* Task Types Dialog */
#task-types-dialog .dialog-page-menu {
    margin-right: 0;
    width: 199px;
}
.task-type-list {
    list-style: none;
    margin: 0;
    overflow: hidden;
}
.task-type-list > li {
    border: 2px #fff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 102px;
    margin: 0;
    overflow: hidden;
    padding: 0 20px 0 102px;
    position: relative;
    width: 192px;
}
.task-type-list > li:hover {
    background: #eee;
}
.task-type-icon-holder {
    background: url(../../../images/task-type-default.png) no-repeat 50% 50%;
    border: 1px solid #eee;
    float: left;
    height: 80px;
    margin: 11px 0 0 -91px;
    width: 80px;
}
.task-type-title {
    border: 0;
    margin: 11px 0 0;
}
.task-type-title > a {
    color: #333;
    text-decoration: none;
}
.task-type-description {
    color: #333;
    height: 64px;
    margin-top: 2px;
    overflow: hidden;
}
.task-type-list .icon-loading {
    bottom: 12px;
    position: absolute;
    right: 12px;
}

/* When no Tasks are available */
#task-setup.no-tasks:after,
.no-tasks > #task-config,
.no-tasks > #task-list > h2,
.no-tasks > #task-list > ul {
    display: none;
}
#task-setup.no-tasks {
    padding: 0;
}
.no-tasks > #task-list {
    float: none;
    margin: 10px 0 0;
    width: auto;
}
#no-tasks-message {
    color: #949494;
    display: none;
    font-size: 32px;
    margin-top: 2em;
    text-align: center;
}
.no-tasks > #no-tasks-message {
    display: block;
}
.no-tasks > #task-list > .aui-toolbar {
    left: -40px;
    margin-left: 50%;
}
.no-tasks > #task-list > .aui-toolbar + .icon-loading {
    margin-left: -40px;
}

.label-list {
    display: inline;
    font-size: 11px;
    list-style: none;
    margin: 0;
}
.label-list > li {
    display: inline-block;
    margin: 0 0 3px;
    padding: 0;
    position: relative;
}
.label-list .label,
.label-list .remove-label-caption {
    background: #d0dfee;
    border: 1px solid #d0dfee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #036;
    padding: 0 5px 1px;
    text-decoration: none;
    white-space: nowrap;
}
.label-list .remove-label-caption {
    display: none;
    padding-right: 18px;
}
.label-list .label:hover {
    border-color: #326ca6;
}
.label-list .remove-label {
    background: url(../../../images/icons/delete_8_gray.gif) no-repeat;
    display: none;
    height: 8px;
    margin-top: -3px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    text-indent: -9999px;
    top: 50%;
    width: 8px;
}
.labels-edit {
    margin-right: 2px;
}
.labels-edit > .icon,
.labels-edit + .icon-loading {
    vertical-align: middle !important;
}
#labels-dialog form.aui .text {
    width: 400px;
}
#labels-dialog .label,
#labels-dialog .labels-edit {
    display: none;
}
#labels-dialog .remove-label-caption,
#labels-dialog .remove-label {
    display: inline;
}

.labelSortSelection {
    font-size: 11px;
}
.labelSortSelection a.disabledLink {
    text-decoration: none;
    color: #505050;
}
#labelCrumb {
    clear: both;
    color: #505050;
	margin: 0 0 0.5em 0;
}
#labelCrumb a {
	font-weight: bold;
}
ul.labelDisplay {
    line-height: 2em;
    list-style: none;
}
ul.labelDisplay li {
    float: left;
}


#loginContent {
    background: #fff;
    border: 1px solid #bbb;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
    margin: 1em auto;
    min-width: 250px;
    padding: 1em;
    width: 460px;
}

#loginContent .captcha-image {
    border: 1px dashed #bbb;
}

#loginContent .buttons {
    margin-top: 10px;
}
.logs-table-container {
    position: relative;
}
table.chain-logs-table.aui > caption {
    font-size: 1em;
    padding-left: 0;
    padding-top: 0;
}
.chain-logs-table caption > span {
    display: block;
    text-align: left;
}
.chain-logs-table .twixie {
    padding-left: 0;
    padding-right: 0;
    width: 16px;
}
.chain-logs-table .twixie > span {
    cursor: pointer;
}
.chain-logs-table.aui > thead > tr > td {
/* compensating for rule not in AUI */
    background: #f0f0f0;
}
.chain-logs-table.aui > tbody > tr > td {
    border-top: 1px dotted #ccc;
}

/* Expand/Collapse all */
.chain-logs-table .twixie > ul {
    list-style: none;
    margin: 0;
    padding: 0 0.5em 0.5em;
    position: absolute;
    right: 0;
    top: 0;
}
.chain-logs-table .twixie > ul > li {
    float: left;
    line-height: 21px;
    margin: 0;
}
.chain-logs-table .twixie > ul > .expand-all {
    margin-right: 10px;
}

/* Log content*/
.chain-logs-table .collapsed + .log-trace {
    display: none;
}
.chain-logs-table .log-trace .code {
    background: #f9f9f9;
    border-bottom: 2px solid #ccc;
    border-top: 0;
    color: #000;
    overflow: visible;
    padding: 0;
}
.chain-logs-table .log-trace .code > div {
    border-top: 1px dotted #ccc;
    margin: 0;
}
.chain-logs-table .log-trace .code > div table {
    color: #000;
    font-family: "Monaco", "Courier New", monospace;
    overflow: auto;
    padding: 1.5em;
}
.chain-logs-table .log-trace .code > div table .time {
    color: gray;
    font-size: 85%;
    padding: 0 0.5em;
    white-space: nowrap;
}


