/* Bamboo Stylesheet */
/** {*/
    /*margin: 0px;*/
    /*padding: 0px;*/
/*}*/

/* Standard HTML elements */

th {
    text-align: left;
}

h1 a, h2 a, h3 a{
    text-decoration: none;
    color: inherit;
}

pre
{
    font-family: "Monaco", "Courier New", monospace;
    font-size: 8pt;
}

a
{
    cursor: pointer;
}

h1 a:hover, h2 a:hover, h3 a:hover{
    text-decoration: underline;
}


img {
    border: 0px;
    vertical-align: middle;
}

form {
    margin: 0px;
    padding: 0px;
}

table
{
    border-collapse: collapse;
}


fieldset {
    margin: 0px;
    padding: 0px;
    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: 0px;
}

.clearer {
    clear: both;
}
.adminInfo {
    color: gray;
}


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: 0px;
}

.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: 0px;
    margin: 0px;
    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;
    text-decoration: none;
}

.navmenu li a {
    padding: 5px 10px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    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;
    text-decoration: none;
}


.navItemOver
{
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.navItemOver a
{
    color: #ffffff;
    text-decoration: none;
}

.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: 0px;
    margin-right: 5px;
}

.navmenu .actionLinks a.buildActions {
    display: block;
    padding: 5px 0px 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;*/
    /*text-decoration: none;*/
/*}*/

#submenu a:hover{
    text-decoration: underline;
}

#buildActionsToggler, #filterToggler, #buildNavigator {
    margin: -3px 0 -10px 0;
    padding: 3px 5px 0px 22px;
}

#buildActionsToggler, #filterToggler {
    margin: -3px 0 -10px 0;
    padding: 3px 5px 0px 22px;
    background-repeat: no-repeat;
    background-position: 5px 2px;
    background-image: url( ../images/icons/navigate_close.gif );
    letter-spacing: 0em;
    font-weight: bold;
    cursor: pointer;
}

#favouritesToggler
{
    margin-top: 5px;
    float: right;
	border: 0 none #FFFFFF;
	background-image: none;
	white-space: nowrap;
}

#favouritesToggler a {
    margin: 0;
    padding: 0;
    background-image: none;
}


/*#buildNavigator a.previousLink {*/
    /*padding: 0px 0px 0px 22px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 2% 2px;*/
    /*background-image: url( ../images/icons/arrow_left_small.gif );*/
/*}*/

/*#buildNavigator a.nextLink{*/
    /*padding: 0px 22px 0px 0px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 97% 2px ;*/
    /*background-image: url( ../images/icons/arrow_right_small.gif );*/
/*}*/

/*.buildSelector, .buildSelector input {*/
    /*display: block;*/
    /*float: left;*/
    /*margin: 0 2px 0 2px;*/
    /*text-align: center;*/
/*}*/

/*/* Build Results Specific Styles */
/*.buildSelector input.textField*/
/*{*/
    /*width: 27px;*/
/*}*/

/*#buildNavigator a, #buildNavigator img {*/
    /*display: block;*/
    /*float: left;*/
/*}*/

ul.nonImageBackedMenu, ul.nonImageBackedMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.nonImageBackedMenu a {
    display: block;
    padding: 5px 0 5px 5px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px dotted #bbbbbb;
    text-decoration: none;
}

ul.nonImageBackedMenu a:hover {
    text-decoration: underline;
    background-color: #fefefe;
}

/*****************/
/* 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: 0px 5px;
    padding: 5px;

}

.applicationError {
    padding: 10px;
    margin-top: .3em;
    margin-bottom: .5em;
    border: 1px solid red;
    background-color: #fff0f0;
}

.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;
}

.adminLink {
    color: inherit;
    text-decoration: underline;
}

.subGrey
{
    font-size: 90%;
    color: gray;
}

.subGrey a {
    color: inherit;
}

#adminMenu
{
    float: left;
    width: 170px;
    margin-left: -15px;
    margin-top: -10px;
}

#adminContent
{
    float: left;
    clear: none;
    width: 75%;
    margin-left: 30px;
}

.configureBuilderForm{
    vertical-align: top;
}

.editConfiguration .tabContent
{
    margin: 0px 10px 10px 10px;
}

.viewConfiguration p
{
    margin-left: 5px;
}

.viewConfiguration table#notificationTable
{
    width: 95%;
    margin: 10px;
}

.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;
}

/*********************************************/
/* Sortable Table Styles                     */
/*********************************************/
.sortableTable {
    margin-left: 1px;
    width: 98%;
}

.sortableTable th {
    white-space: nowrap;
    cursor: pointer;
}

.sortableTable th.sortedDesc, .sortableTable th.sortedAsc{
    background-repeat: no-repeat;
    background-position: 90% 5px;
    background-color: #FFFFF0;
    font-weight: bold;
}

.sortableTable th.sortedDesc {
    padding-right: 10px;
    background-image: url( ../images/icon_collapse_arrow_down.gif );
}

.sortableTable th.sortedAsc {
    padding-right: 10px;
    background-image: url( ../images/icon_collapse_arrow_up.gif );
}

/*********************************************/
/* Unit Test Results                         */
/*********************************************/

.failedTestsSection {
    margin: 0 8px 0 8px;

}

.failedTestsSection strong {
    color: red;
}

.successfulTestsSection {
    margin: 0 8px 0 8px;
}

.successfulTestsSection strong {
    color: green;
}

.testCaseErrorLogSection .outputErrorLog
{
    color: #cc0000;
    overflow: auto;
    border: 1px dashed #cccccc;
    padding: 5px;
    margin-left: 15px;
    margin-bottom: 15px;
}

table.testResults a {
    text-decoration: none;
}

table.testResults a:hover {
    text-decoration: underline;
}
table.testResults {
    background-color: #fafafa;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0px;
    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;
}

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;
}

td.testSinceFailing
{
    color: gray;
    font-size: 9px;
}


.testResults .title
{
    font-weight:bold;
    font-size: 130%;
}


/*********************************************/
/* Test Summary Table                        */
/*********************************************/

.testResultSummaryArea {
    float: left;
    width: 49%;
}

#currentlyRunning #changes
{
    margin: 0;
    padding: 0;
}

.changeLogSummaryArea {
    float: right;
    width: 49%;
}

table.testSummary{
    background-color: #fafafa;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 98%;
    margin-bottom: 20px;
}

table.testSummary th {
    background-color: #eee;
    padding: 5px;
}

table.testSummary td {
    padding: 3px 0 0 5px;
    border-right: 1px dotted #dddddd;
}

table.testSummary td.testCase {
    font-weight: bold;
    color: #2E5B89;
}

table.testSummary td.testCase a:hover {
    text-decoration: underline;
}

table.testSummary td.recentFailures {
    text-decoration: none;
    color: gray;
}

table.testSummary td.recentFailures a:hover {
    text-decoration: underline;
}


table.testSummary a {
    color: inherit;
    text-decoration: none;
}

.testSummary .details {
    font-weight:normal;
    font-size: 80%;
    color: gray;

}



/*********************************************/
/* New Failing Tests Classes                 */
/*********************************************/
.newTestFailuresSection ul
{
    padding: 0 0 0 0px;
    margin: 0;
    list-style: none;
}

.newTestFailuresSection li
{

}

.newTestFailuresSection .testName
{
    color: #cc0000;
    margin: 5px 0px 5px 0;
}

.newTestFailuresSection .testName a
{
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}

.newTestFailuresSection .testName a:hover
{
    text-decoration: underline;
}




/**********************************************/
/* Existing Failures Group                    */
/**********************************************/

.existingFailuresGroupingSelection {
    font-size: 11px;
}

.existingFailuresGroupingSelection a {
    text-decoration: none;
    color: #3c78b5;
    cursor: pointer;
}

.existingFailuresGroupingSelection a.disabled {
    text-decoration: none;
    color: #999999;
}

/**********************************************/

.errorLabel {
    font: 11px / 20px verdana, arial, helvetica, sans-serif;
    font-style: italic;
    color: red;
}

.errorMessage {
    font: 11px / 20px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    color: red;
}

.errorText {
    font-weight: bold;
    color: red;
}

#remoteAgentLog, #buildLog
{
    padding: 10px;
    border: dashed 1px #cccccc;
}

#buildLog
{
    width: 95%;
}

#remoteAgentLog
{
    width: 100%;
}

#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: 8pt;
}

#buildLog td, #remoteAgentLog td
{
    padding: 0px 4px;
}

#buildLog .errorOutputLog
{
    color: #cc0000;
}

.chartParamForm
{
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    text-align: center;
}

.resultsFilter {
    width: 110px;
    border: solid 1px #3c78b5;
    color: #3c78b5;
    background-color: #D8E4F1;

}

#filterMenu, #buildMenu
{
    position: absolute;
    visibility: hidden;
}


/*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 0px;
    margin-right: 1%;
    margin-left: 1%; /*margin: 0px 0px 5px 0px;*/
    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 0px; /*margin: 0px 0px 5px 0px;*/
}

.subHeadingDetails .descriptionSection {
    padding: 4px;
}



a.rightFloat {
    float: right;
    text-decoration: none;
}
a.rightFloat:hover {
    text-decoration: underline;
}


.pageDescriptionSection {

}

.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: 90px;
    white-space: nowrap;
}

.noteBox, .warningBox, .infoBox, .tipBox
{
    padding: 10px 0px 10px 30px;
    background-repeat: no-repeat;
    background-position: 5px 12px;;
    margin: 10px 10% 10px 10%;
}

.noteBox a, .warningBox 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;
}

.warningBox
{
	background-image: url(../images/icons/serious_warning_16.gif);
    border: solid 1px #c00;
    background-color: #fcc;
}

.infoBox
{
	background-image: url(../images/icons/information.gif);
    border: solid 1px #3c78b5;
    background-color: #D8E4F1;
}

.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.buildKeyColumn, .authorBuildsTable td.whenColumn, .authorBuildstable td.testSummaryColumn {
    width: 13%;
}

.authorBuildsTable td.commentsColumn.td {
    width: 61%;
}

.authorBuildsTable a {
    text-decoration: underline;
    color: inherit;
}

.authorBuildsTable td {
    text-align: left;
    vertical-align: top;
}

td.commentColumn
{
    padding: 0px!important;
    margin: 0px!important;
}

td.commentColumn div {
    /*margin-left: -4px;*/
    /*margin-right: -4px;*/
    padding: 4px 4px;
}

td.commentColumn .actionLinks
{
    font-size: 9px;
    margin-left: 10px;
}

td.commentColumn .actionLinks, td.commentColumn .actionLinks a
{
    color: inherit;
}
td.commentColumn .altRow
{
    background-color: #F4F8FB;
}




/*********************************************/
/* 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.Suspended, #Suspended, .Suspended, .Suspended a{
    color: gray;
}

a.NeverExecuted, #NeverExecuted, .NeverExecuted, .NeverExecuted a{
    color: gray;
}

#buildActions
{
    width: 180px;
    border: solid 1px #3c78b5;
    color: #3c78b5;
    background-color: #D8E4F1;
}

.menuGroup {
    background: #efefef;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#buildActions.menuGroup .menuLabel
{
    color: white;
    background: #3c78b5;
}

.menuGroup .menuLabel {
    padding: 4px;
    border-bottom: solid 1px #5F9ACF;
    background: #ddd;
    color: #036;
    font-weight: bold;
}

.menuGroup .menuBody {
    padding-left: 4px;
    padding-bottom: 10px;
}

.menuBody p {
    margin: 5px;
}

.menuGroup .build {
    padding: 3px 3px 3px 0px;
}

.leftcol, #leftcol .strut {
    width: 240px;
}

.leftcol a, #breadcrumbs a {
    text-decoration: none;
}
/*********************************************/
/* Web Menu                                  */
/*********************************************/
.webMenu {
    clear: both;
	margin: 0 15px 0 15px;
	padding: 10px 0 90px 0;
}

.webMenuSection {
    display: inline;
    float: left;
	width: 170px;
	margin: 5px 0 0 0;
    padding: 0;
}

.webMenuSection ul{
    margin-top: 0;
    padding:0;
    list-style: none;
}

.webMenuSection li {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    background-color: #D8E4F0;
}

.webMenuSection h2 {
    border: 0 none #FFFFFF;
	padding: 3px 10px;
	background-color: #EBF1F7;
	background-repeat: no-repeat;
	background-position: 93% 6px;
    font-size: 100%;
}

.webMenuSection img {
    border: 0;
    vertical-align: middle;
}

ul.webMenuItem {
	margin-bottom: 5px;
    display: block;
	color: #003366;
	text-decoration: none;
    list-style: none;
}

ul.webMenuItem a:hover {
    background-color: #C4D6E9;
}

ul.webMenuItem a {
	display: block;
    zoom: 1;
    padding: 5px 7px 5px 20px;
	color: #003366;
    text-decoration: none;
}


/*********************************************/
/* Build Tabs                              */
/*********************************************/

/* box properties (exclusive of borders), positioning, alignments, list types, text-indent */
/*.tabs {*/
    /*width: 100%;*/
    /*padding: 0px;*/
    /*margin: 0px;*/
    /*margin-top: 12px;*/
    /*float: left;*/
    /*border-bottom: 1px solid #ddd;*/
/*}*/

/*.tabs ul {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*padding-left: 6px;*/
    /*list-style: none;*/
/*}*/

/*.tabs li {*/
    /*margin:0;*/
    /*padding:0;*/
    /*display: inline;*/
    /*font-weight: bold;*/
    /*float: left;*/
/*}*/
/*.tabs li a, .tabs li .tabnolink, .tabs li .tabnolink-current {*/
    /*padding: 2px 8px;*/
    /*display: block;*/
/*}*/

/*.tabs li .tabnolink {*/
    /*color: #999;*/
/*}*/

/*.tabs li a.current, .tabs li .tabnolink-current {*/
    /*background: #bbb;*/
    /*color: white;*/
    /*text-decoration: none;*/
/*}*/

/*.tabs li a.tabnolink-completed {*/
    /*background: #B5EAAA;*/
    /*margin-right: 1px;*/
/*}*/

.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 {
    background-color: white;
    margin-top: 2px;
    margin-bottom: 5px;
}

.grid th {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 2px 4px 2px 4px;
    text-align: left;
    font-size: 12px;
}

.wide {
    width: 98%
}

.altRow {
    background-color: #F5F7F1;
}

.grid td {
    border: 1px solid #ccc;
    padding: 3px 4px 3px 4px;
    padding-left: 5px;
}

/*********************************************/
/* 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 tr.altRow td {
    background-color: #F4F8FB;
}
table.changesSummary td.author {
	padding-left: 0px;
	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;
}

/*********************************************/
/* Labels                                    */
/*********************************************/

#labelArea, #labelArea a {
    font-size: 11px;
    color: #666;
}

#labelArea .individualLabel {
    background-image: url( ../images/bad.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 13px;
}

#labelArea .individualLabel .hover {
    cursor: pointer;
}

#labelArea .individualLabel, #labelArea .labelTitle {
    float: left;
    margin-right: 3px;
}

#labelArea #labelForm .textField{
    width: 150px;
}

#labelArea #labelForm .errorMessage {
    font-size: 10px;
    display: inline;
}

.labelSortSelection {
    font-size: 11px;
}

.labelSortSelection a {
    text-decoration: none;
    color: #3c78b5;
}

.labelSortSelection a.disabledLink {
    text-decoration: none;
    color: #999999;
}

#labelCrumb
{
	margin: 0 0 0.5em 0;
	color: #999999;
}

#labelCrumb a
{
	color: #003366;
	font-weight: bold;
}

ul.labelDisplay {
    line-height: 2em;
    list-style: none;
}

ul.labelDisplay li {
    float: left;
    color: #003366
}

ul.labelDisplay a {
    text-decoration: none;
    color: inherit;
}

ul.labelDisplay a:hover {
    text-decoration: underline;
}

/*********************************************/
/* 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;
	text-decoration: 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 0px 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
{
    color: gray;
}

.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: 0px !important;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
}

.queueBuilds td
{
    padding: 4px;
}

.queueBuilds .building,  .queueBuilds .building td
{
    font-weight: bold;
    background-color: #fffff0;
}

.minColumn
{
    width: 1%;
}

.headingLinks {
    float: right;
    font-size: 50%;
}

.boxLinks {
    padding-right: 8px;
    float: right;
    font-size: 80%;
}

.actionLinks
{
    float: right;
    font-size: 80%;
	margin-right: 3px;
}

.actionLinks a
{
    text-decoration: none;
}

.actionLinks a:hover{
    text-decoration: underline;
}

/* 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: 0px;
}

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;
}

.bambooForm .toolbar
{
    padding-top: 7px;
}

.toolbar * {
    color: #003366;
    font-weight: normal;
    font-size: inherit;
}

.tools {
    padding: 3px 5px;
    border: 1px dotted #bbbbbb;
    background-color: #fefefe;
    vertical-align: middle;
    text-align: left;
}

.toolbar .sectionStart {
    margin-left: 16px;
}

.toolbar a {
    text-decoration: none;
}

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

#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;
}

.marginned
{
    margin: 10px;
}

.topMarginned
{
    margin-top: 10px;
}

.topPadded
{
    padding-top: 15px;
}

.bottomPadded
{
    padding-bottom: 15px;
}

ul.yuiImageBacked {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.yuiImageBacked a
{
    padding: 5px 0 5px 25px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    text-decoration: none;
}

ul.imageBacked, ul.imageBacked li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.imageBacked a
{
    display: block;
    padding: 5px 0 5px 25px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px dotted #bbbbbb;
    text-decoration: none;
    color: #3C78B5;
}

ul.imageBacked a:hover {
    text-decoration: underline;
}

option.imageBacked, option.selectall, select.imageBacked option {
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
}

.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: 40%;
    padding: 1px 10px 0px 1px
}

.reportDisplay {
    float: left;
    width: 58%;
}



/*-------------------------------------------------------------------------------------------- Portlet Related Styles */

.portlet {
    margin-bottom: 10px;
    border: 1px solid #BBD0E5;
}
.portlet h2{
    border: 0px;
    background-color: #d5e1ee;
}
.portlet .portletBody {
    margin: 6px;
}

.portlet ol.errorLog li {
    margin-left: 20px;
}

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

.narrowPlanList .buildList {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.narrowPlanList .projectSection
{
    border-top: 1px solid #BBD0E5;
}

.narrowPlanList .buildListItem {
    display: block;
    margin: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.narrowPlanList .buildListStatusIcon {
    margin-left: 3px;
    margin-top: 6px;
    float: left;
}

.narrowPlanList .buildListItemOperations {
    float: right;
    margin: 5px 5px 0 0;
}

.narrowPlanList .buildListProjectHeader {
    margin: 0px;
    padding: 4px 0 4px 4px;
    background-color: #ebf1f7;
    color: #003366;
    cursor: pointer;
}

.narrowPlanList .buildListItemHeader {
    word-spacing: 2px;
    font-weight: bold;
    margin-left: 23px;
    padding: 4px 0 4px 0px;
}

.narrowPlanList .projectHeaderSummary {
    color: #3c78b5;
    font-size: 10px;
}

.narrowPlanList .projectDisplayToggler {
    float: right;
    margin: 1px 5px 0 0;
    font-size: 10px;
}

.narrowPlanList .projectLink {
    font-weight: bold;
    text-decoration: none;
    color: #003366;
}

.narrowPlanList a.projectLink:hover {
    text-decoration: underline;
}

.narrowPlanList .buildListItemDetails {
    color: gray;
    background-color: #F5F5F5;
    padding: 4px 0 4px 23px;
}

.narrowPlanList .buildListItemDetails ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.narrowPlanList .buildListItemDetails li {
    padding: 0 4px 0 0;
    margin: 0 4px 0 0;
    border-right: 1px solid gray;
    display: inline;
}
.narrowPlanList .buildListItemDetails li.last {
    border: 0;
}

/*------------------------------------------------------------------------------------------------ User Search Styles */
.inlineSearchForm {
    border: 1px solid #CCCCCC;
    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%;
}

/* -----------------------------------------------------------------------------------------------  Permission Styles */
table.permissions {
    margin-bottom: 10px;
    margin-left: 1em;
}

table.permissions th {
    padding: 2px;
}

table.permissions .checkboxCell {
    text-align: center;
    padding: 0;
    width: 10%;
    vertical-align: middle;
}

.clickable:hover, .clickable:hover td {
    background-color: #FFFFDC;
}

.permissionAddLabel {
    margin-left: 1em;
    float: left;
}

.permissionFieldLabel .fieldArea {
    padding-left: 0!important;
    margin-left: 3px!important;
    margin-right: 3px!important;
    clear: none!important;
    float: left;
}

.permissionAddField .fieldArea {
    padding-left: 0!important;
    margin-left: 3px!important;
    margin-right: 3px!important;
    clear: none!important;
    float: left;
}

.permissionAddField .fieldValueArea {
    float: left;
}

.permissionAddField input.textField {
    /*width: 80%;  Removing for IE and Opera*/
}

.permissionAddButton {
    margin-left:3px;
    float: left;
}

#viewGlobalPermissions
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.permissionForm {
    display: block;
}

.permissionForm .formArea {
    float: left;
    display: block;
    width: 73%;
}

.permissionForm .helpTextArea {
    float: right;
    display: block;
    width: 24%;
    margin-right: 1%;
    background-color: white;
    border: 1px solid #ccc;
}

.helpTextArea ul {
    margin: 5px 8px;
    font-size: 11px;
}

.helpTextArea .helpTextHeading {
    margin-left: 5px;
    font-weight: bold;
}

.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;
}

.subSection h3 a.toggleOn
{
	padding-left: 20px;
	background-image: url(../images/icon_collapse_minus.gif);
	background-repeat: no-repeat;
	background-position: 0 0.18em;
	color: #C2C2C2;
	text-decoration: none;
}

.subSection h3 a.toggleOff
{
    padding-left: 20px;
    background-image: url(../images/icon_collapse_plus.gif);
    background-repeat: no-repeat;
    background-position: 0 0.18em;
    color: #C2C2C2;
    text-decoration: none;
}


/* -------------------------------------------------------------------------------------------  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: #3c78b5;
}

.successBanner
{
    background-image: url("../images/jt/icn_plan_passed.gif");
	border: 1px solid #090;
	background-color: #dfd;
	color: #090;
}

.successBanner a
{
	color: #090;
}

.failBanner
{
    background-image: url("../images/jt/icn_plan_failed.gif");
	border: 1px solid #c00;
	background-color: #fcc;
	color: #c00;
}

.failBanner .fixedIn
{
    margin-top: 1em;
}

.failBanner a
{
	color: #c00;
}

/* Breadcrumbs */
#breadCrumbs {
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    color: #3c78b5;
    background-color: #D8E4F1;
}

#breadCrumbs ul {
    margin: 0;
    padding: 0;
    padding-left: 6px;
    list-style: none;
}

#breadCrumbs li {
    font: 10px Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

#breadCrumbs li a, #breadCrumbs li span {
    color: #3c78b5;
    display: block;
    float: left;
}

#breadCrumbs li a {
    padding: 5px 3px;
    font-weight: normal;
    text-decoration: none;

}
#breadCrumbs ul li span {
    padding: 5px 3px;
    font-weight: normal;
}

#breadCrumbs li.current a {
    font-weight: bold;

    /*color: #D8E4F1;*/
    /*background-color: #3c78b5;*/
}

#breadCrumbs li a:hover, #breadCrumbs li.current a {
    color: #2E5B89;
    text-decoration: underline;
}

/* The right action links */

#breadCrumbs .actionLinks
{
    padding: 0px;
	margin-right: 5px;
}


/* Tooltip */
.tooltip
{
    font-size: 10px;
    background-color: #FFFFF0;
    border: 1px solid #3c78b5;
    padding: 5px;
}

/*Header*/
h1.headerPageLine {
    font-size: 15px;
    margin-top: 1px;
    padding-bottom: 2px;
}

h1.headerObjectLine {
    margin-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 1px;
    border: none;
}

.toggleButton {
    margin-top: 10px;
    float: right;
}

/* Dojo Style over rides*/


#dojoOverride .dojoTabPaneTab {
    border: solid 1px #ACC8E3;
    border-bottom: 0;
    background: #d8e7f1;
}

#dojoOverride .dojoTabPaneTab span {
    background: #d8e7f1;
    color: #3c78b5;
    font-weight: bold;
}

#dojoOverride .dojoTabPaneTab.current {
    border: solid 1px #3c78b5;
    background: #f4f8fb;
    border-bottom: 0;
    background-position: 0 0px;
    padding-bottom: 1px;
    margin-bottom: -2px
}

#dojoOverride .dojoTabPaneTab.current span {
    background: #f4f8fb;
}

.dojoTabPaneTab.current {
    z-index: 2!important;
}

div.dojoTooltip
{
    padding: 0px;
    border: none;
}

#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: #3C78B5;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   padding: 0;
   margin:0;
   cursor: pointer;
  }

a.formLink {
    text-decoration: none;
}

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-image: url("../images/icons/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: 0 10px ;
    padding: 10px;
    padding-left: 20px;
    margin-left: 10px
}

table.capabilities
{
    padding: 0;
    margin: 0;
}

table.capabilities td.agentCell
{
    white-space: nowrap;
}

table.capabilities td.labelPrefixCell, table.requirements td.labelPrefixCell
{
    width: 30%;    
}

table.capabilities td
{
    line-height: 100%;
    padding: 5px 5px ;
    /*margin: 0;*/
}



table#requirements .noAgents *
{
    background-color: #fcc;
    color: red;
    font-weight: bold;
}

table#requirements .labelPrefixCell span
{
    text-transform: lowercase;
}
table#requirements .labelPrefixCell
{
    width: 5em;
    border-right: none;
}

table#requirements .labelCell
{
    font-weight: bold;
    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
{
    width: 2em;    
    border-left: none;
    border-right: none;    
}

table#requirements .valueCell2
{
    border-left: none;
}

table.agentPlanMatrix {
    margin-bottom: 10px;
    margin-left: 1em;   
}

table.agentPlanMatrix th {
    padding: 5px;
}

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;
}