@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
}

div.contentArea {
  padding: 0 10px;  
}

a.callbackLink {
  cursor: pointer;
}

/*Navigational elements which don't have visited links indication
.breadcrumb a:visited, .ImageListParentSelectedNoTop a:visited, .ImageListChild a:visited, .ImageListParent a:visited, .ImageListParentSelected a:visited, .ImageListChildSelected a:visited, .ObjectTree a:visited, .LeftNavigation a:visited, .PageNavTable a:visited {
  color: #0088cc;
}
*/
/* File Link headers */
a.FileLinkHeader {
  padding: 0 !important;
  font-size: 1.09em;
  font-weight: bold;
  border: none;
}

/*
*********************
 * TABLE STYLES *
*********************
*/

table td input, table td textarea, table td select {
 .font-size-adjust(100%);
}

table, tr, td, th {
  border-spacing: 0;
  line-height: 100%
}

/* Table instruction style */
tr.InstructionHeader {
  background-color: #f5f5f5 !important;
}

tr.InstructionHeader td, td.InstructionHeader, p.InstructionHeader {
  padding: 6px 0 6px 2em;
  border-collapse: collapse;
  border: 1px solid #d4d2d0;
  background: url(/sf-images/icons/icon_info_sml.png) 5px 0.4em no-repeat;
}

/* Mystery Style */ 
tr.InformationMessage td {
  color: #333 !important;
  background-color: #f0f0f0 !important;
  line-height: 15px !important;
}

/* Categories Filter section and Categories administration */
td.CategoryFilter {
  background-color: #f7f7f7;
  padding: 4px 2px;
  border-collapse: collapse;
  border: 1px solid #d4d2d0;
}

td.CategoryFilter td {
  border: 0 none !important;
}

td#filterTD a:hover, td#detailsTD a:hover, td#includeSubCategories a:hover {
  text-decoration: none;
}

td#detailsTD img {
  padding: 2px 5px 3px 0;
}

td#filterTD img {
  padding: 0 0 1px 0;
  margin: 0;
}

tr.PaddedRowWithTopBorder, tr.PaddedRowWithTopBorder td {
  border-top: 1px solid #d4d2d0;
  padding: 4px;
}

/* Container Tables */

.ctf-tab-wrap table.Container{	
	margin-top: 0;
	background-color: #e9f0f2
}

table.container-with-border {
  border: 1px solid #d4d2d0;
  border-top: none;
  border-collapse: collapse;
}

table#TrackerSearchCriteria {
  border: 0 none;
  border-collapse: collapse;
  table-layout: fixed;
}

table#TaskManagerSettings {
  border-collapse: separate;	
}

table#ItemDetailContainerTable_id table td, .empty-space {
  padding: 4px;
}

.cell-with-background {
  padding: 3px 2px;
  background: #E5E5E5;
  border: 1px solid #D4D2D0;
}

.viewRoleRemoveStyle {
  padding-top: 6px;
  background: none;
  border: 0 none;
  vertical-align: middle;
}

td.viewRoleRemoveStyle label {
  padding-right: 5px;
}

td.viewRoleRemoveStyle select {
  margin-left: 5px;
  margin-top: 5px;
}

table#RepositoryList,  table#UsedReplicaList, table#ReplicaList, table#FieldValueListTable, table#FieldValueTransitionListTable, table#allProjectsTable, table#listReportsContainer,
tr.FieldLayout TD, tr.ContainerFooter TD, tr.ContainerFooter_TrackerSummary td, tr.LeftNavigationWidgetHeader td , tr.WidgetHeader td {
  border-collapse: collapse;
}

/* Top level container headers */
table.ItemDetailContainer tr.ContainerHeader td, #titleChartContainerTable tr.ContainerHeader td,
 #listReportsContainer tr.ContainerHeader td, #project_home_content table table.Container tr.ContainerHeader td {
  font-size: 18px;
  font-weight: 600;
  color: #363f41
}
table.ItemDetailContainer .ItemDetailContainerCell, .WidgetHeader .ItemDetailContainerCell {
  background-color: #fff;
}

.ContainerHeader .progress-bar-heading {
  vertical-align: middle;
  padding: 25px;
  margin: 0;
}

/* header as a div */
div.container-header {
  font-size: 13px;
  line-height: 20px;
  padding: 15px;
}

/*Second level container headers - headers which are inside other components */
table table.ItemListTable tr.ContainerHeader td, table table.ItemDetailContainer tr.ContainerHeader td, tr.FieldLayout td, table table.Container tr.ContainerHeader td {
  background: #fff;
}

/* Specific to topic summary table */
table table.curve-table tr.ContainerHeader td, table.site-wide-categorization,
table.border-with-curve-edge, td.left-navigation-container {
  border-radius: 5px;
}

table.CategoryListTable, div.TreeNodeSelectedBox, td#topButtonContainer, table.site-wide-categorization,
table.border-with-curve-edge, td.left-navigation-container {
  border: 1px solid #d4d2d0;
}

.CategoryListDetails table.border-with-curve-edge {
  border: 0 none;
  background: #fff
}

table#AdminTrackerFieldsTable, table#AdminTrackerTransitionTable {
  border: 0 none;
}

table.site-wide-categorization {
  background-color: #f5f5f5;
  padding: 2px;
  margin-bottom: 2px;
}

/* Left column headers */
.LeftNavigationHeader, .LeftNavigationWidgetHeader td, .LeftNavigation tr.ContainerHeader td  {
  background: rgb(204, 204, 204);
  padding: 0 !important;
  font-size: 1.09em;
  font-weight: bold;
  border: 0 none;
  border-top: 1px solid rgb(167, 170, 172);
  border-bottom: 1px solid rgb(196, 200, 204);
}

tr.ContainerSection td {
  border-top: 1px solid #D4D2D0;
  padding-top:15px;
}

.LeftNavigationHeader, .LeftNavigationWidgetHeader td, .LeftNavigation tr.ContainerHeader td {
  padding: 0px !important;
}

td.LeftNavigationHeader {
  border: 0 none;
  border-top: 1px solid #9bd;
}

/* Images within headers */
tr.ContainerHeader img, tr.TabHeader img, tr.LeftNavigationWidgetHeader img, tr.WidgetHeader img {
  margin: 5px 10px 0 16px;
}

tr.ContainerHeader img.monitor-icon {
  margin: 0 5px;
}

table.AppButtonTable td.AppButtonPaddingRight img {
  margin: 7px 10px 0 5px;
  width: 7px;
  height: 5px;
}

.padded-cell-without-border {
  width: 90%;
  padding-left: 10px;
}

.cell-with-border-left {
  border-left: 1px solid #D4D2D0;
}

.cell-with-border-right {
  border-right: 1px solid #D4D2D0;
}

td.padded-cell {
  padding: 0;
}
/*Similar to td.CategoryListBody but with curve border */

.CategoryListLeftContainer {
  margin: 20px 0 20px 20px;
  border-radius: 6px;
  min-height: 486px;
}

.CategoryListRightContainer {
  min-height: 472px;
  background: #fff;
  border-radius: 6px;
  margin: 20px;
  padding-bottom: 20px
}

.CategoryListBody.BulletMenu {
  background: transparent;
}

/* Headers for the tracker search page */
#mySearchesContainer tr.ContainerHeader td, #sharedSearchesContainer tr.ContainerHeader td {
  border: 1px solid #c4c2c0;
}

.artifactDetails {
  width: 100%;
}

.artifactTitleRow .artifactTitle, .artifactDescriptionRow pre#descriptionRow {
  word-wrap: break-word;
  word-break: normal !important;
  max-width: 725px;
  width: 65%;
  line-height: 23px;
  text-align: left;
}

#artifactSummary tr.ContainerHeader td, #artifactComments tr.ContainerHeader td,  table.middle-container-header tr.ContainerHeader td {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#artifactComments div.side_by_side pre {
    width: 50%;
}

#artifactComments pre {
  white-space: pre-line !important;       /* css-3 */
  white-space: -moz-pre-line;  /* Mozilla, since 1999 */
  white-space: -pre-line;      /* Opera 4-6 */
  white-space: -o-pre-line;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  word-break: normal !important;
  max-width: 725px;
  width: 65%;
  line-height: 23px;
  text-align: left;
}

.artifactDescriptionRow pre#descriptionRow {
  line-height: 23px;
  white-space: pre-wrap !important;
}

#artifactSummarySection textarea {
  line-height: 23px;
}

#artifactComments .thumbnailWrapper {
  display: inline-block;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 202px;
  height: 192px;
  margin: 1px 10px 10px 1px;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.15), 1px 2px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.15), 1px 2px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.15), 1px 2px 2px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

#artifactComments .thumbnailSlate {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 200px;
  height: 160px;
}

#artifactComments .thumbnailDetails {
  vertical-align: middle;
  width: 200px;
  max-width: 200px;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

#artifactComments .thumbnailDetails .fileName {
  overflow: hidden;
  white-space: nowrap;
  width: 130px;
  max-width: 130px;
  display: inline-block;
  margin-left:2px;
  pointer-events: none;
  text-align: left;
}

#artifactComments .thumbnailDetails .fileName a {
  width: 130px;
  max-width: 130px;
  display: block;
  float: none;
}

#artifactComments .thumbnailDetails .fileName .font-fading {
  background: transparent url(/sf-images/icons/font-fading-normal.png);
  width: 22px;
  height: 22px;
  position: absolute;
  margin-left: 108px;
}


tr.OddRow:hover .font-fading, tr.EvenRow:hover .font-fading {
  background: transparent url(/sf-images/icons/font-fading-focussed.png) !important;
}


#artifactComments .thumbnailDetails .fileSize {
  width: 65px;
  max-width: 65px;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  margin: 0 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

#artifactComments .thumbnailWrapper .thumbnailSlate img.attachment {
  max-width: 200px;
  max-height: 160px;
}

#artifactComments .thumbnailWrapper .non-image .thumbnailSlate img.attachment {
  max-width: 100px;
}

/* For Tables in Tracker Field create and edit */
table.middle-container-header {
  border: 1px solid #d4d2d0;
  border-top: 0 none;
  border-collapse: collapse;
}

/*Container Footers */
tr.ContainerFooter  > td, tr.ContainerFooter_TrackerSummary  > td  {
  background: #fff;
  padding: 15px;
  border-radius: 0 0 6px 6px
}

#titleChartContainerTable tr.ContainerFooter  > td, tr.ContainerFooter_TrackerSummary  > td {
  padding-top: 0;
  padding-bottom: 5px
}

/* arrow image in search pages */
#searchCriteriaToggle, #predefinedSearchToggle, #mySearchesToggle, #sharedSearchesToggle {
  padding-top: 2px;
}

table#topicSummaryHeader {
  border: 0 none;
  border-collapse: separate;
}

#topicSummaryHeader tr.ContainerHeader img {
  margin-top: 0
}

.curve-bottom td {
  border-radius: 6px 6px 0 0;
}

/*Container Body */

td.ContainerBody, td.ContainerBodyWithBorder, td.ContainerBodyWithPaddedBorder {
  border-spacing: 0;
  padding: 0;
  width: 100%;
}

.CategoryListDetails td.ContainerBody {
  background: #fff;
  padding: 0 15px
}

td.ContainerBodyWithBorder {
  background: #fff
}

td.TrackerSearchBodyWithBorder {
  width: 50%;
}

/* Used for item detail tables */
.ctf-tab-wrap table.ItemDetailContainer {
  color: #404e54;
}

legend td.ItemDetailContainerCell table td {
  padding: 0
}

.ItemDetailContainer .ContainerBodyWithBorder {
  padding: 15px
}

.padded-cell-without-border .ItemDetailContainer {
  margin-bottom: 0
}

.ItemDetailContainer{
  margin-bottom: 10px
}

#chartPanel tr.ContainerFooter_TrackerSummary > td {
  padding-top: 0;
  padding-bottom: 5px
}

#chartPanel {
  border-top: 1px solid #cdd6db
}

.trackerListSummary #chartPanel, .pfListSummary  #chartPanel, .teamListSummary #chartPanel {
  display: none;
}
.trackerListSummary #removeParent, .pfListSummary  #removeParent, .teamListSummary #removeParent {
  margin: 2px;
}

.trackerListSummary #tableContainer, .pfListSummary  #tableContainer, .teamListSummary #tableContainer {
  margin-top: 2px;
}

.trackerListSummary #showHideChartButtonHolder, .pfListSummary  #showHideChartButtonHolder, .teamListSummary #showHideChartButtonHolder {
  font-size:15px;
  padding: 1px 0 0 10px;
}

.textSummary {
  max-width: 530px;
}

.textSummary .wordWrap {
  word-wrap: break-word;
  word-break: break-word;
}

.showHideLink {
  width: 11px;
  height: 11px;
  margin: 0px 0px 0 5px;
  font-size: 12px;
}

#tracker_summary_table_id .padded-cell-without-border > table > tbody > tr.hideFooter td {
  padding: 0;
  height: 4px;
  border-radius: 0 0 6px 6px;
}

table.ItemDetailContainer {
  border-spacing: 0;
  width: 100%;
  background: #fff
}

td.ItemDetailContainerCell {
  border-collapse: collapse;
  color: #404e54;
  padding: 15px;
  border-top: 0 none;
  background-color: #fff;
}

.ItemDetailContainerCell .container-table {
  margin: 15px 0;
}

#MyPage.ItemDetailContainerCell {
  padding-top: 0;
  line-height: 20px
}

#MyPage.ItemDetailContainerCell > table {
  margin: 0 0 10px;
}

#MyPage.ItemDetailContainerCell > table td.ContainerBody {
  padding: 4px 0;
}

.ctf-tab-wrap .Container .ItemDetailContainerCell .container-table {
  margin: 0
}

.ctf-tab-wrap .Container .ItemDetailContainerCell .container-table .ContainerHeader td {
   padding-top: 0
}

table.ItemDetailTable {
  background-color: #fff;
}

table.ReportsContainer {
  padding: 8px;
}

table.ReportsContainer h2 {
  margin: 0 0 8px 0;
}

td.ItemDetailName > strong{
  color: #404e54;
  font-size: 16px;
  padding: 0 25px 10px 0;
  margin: 0;
  font-weight: 600;
  display: block;
  position: relative;
}

#fileSectionRow td {
  padding: 0
}

#fileSection {
  margin-top: 10px;
  min-height: 40px;
  max-height: 150px;
  overflow-y: auto;
}

.fieldColumnsContainer > td:last-child {
  padding-left: 50px
}

td.ItemDetailValue2 {
  width: 130px;
}
 
td.DisableItem {
 color: #6e6e6e;
 opacity: 0.4
}
 
a.DisableItemLink:link, a.DisableItemLink:visited{
  color: #939393;
}

table.ItemDetailTable td.ItemDetailName, table.ItemDetailTable td.ItemDetailValue, .ItemDetailContainerCell td.ItemDetailName, .ItemDetailContainerCell td.ItemDetailValue, .ItemDetailContainer td.ItemDetailName, .ItemDetailContainer td.ItemDetailValue {  
  border-bottom: none;
}

/*Setting default margin for IE8 & IE9 standard mode*/
p{
  margin:0;
}

tr.ItemDetailRowWithBorder td {
  border-bottom: 1px solid #d4d2d0;
  padding: 4px;
}

div.ItemListDiv {
  padding-left: 15px;
  padding-right: 15px;
}

span.meta-repo-column {
  padding-left: 5px;
}

/* Used for item lists */
table.ItemListTable {
  width: 100%;
  padding: 0;
  background-color: #fff;
  border-spacing: 0;
  border-collapse: collapse !important;
}

tr.ItemListHeader td, tr.ItemListHeaderNoTopBorder td, th {
  background: #fff;
  border-bottom: 1px solid #e1eaec;
  padding: 10px 2px;
}

tr.ItemListHeader td span, tr.ItemListHeader td, tr.ItemListHeaderNoTopBorder td, th {
  color: #363f41;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
}
tr.docs-review-table-header td, tr.docs-review-table-header td span {
  color: #757B7C;
}
#TaskGroupSummaryTable tr.ItemListHeader:last-child td {
  font-size: 12px;
  padding: 10px 2px;
}

tr.ItemListTableRow td, tr.OddRow td, tr.EvenRow td, tr.ItemListNoData td, tr.PostListPendingTableRow td,
tr.filter-row td , .treeview td, td.treeview, tr.tbl-row td{
  border-spacing: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #d4d2d0;
  padding: 4px;
  color: #404e54;
  vertical-align: middle;
  outline: none
}

.docs-review-list-table td.reviewers {
  width: 250px !important;
  padding: 8px 10px !important;
}

.docs-review-list-table td:nth-child(2), .docs-review-list-table td:nth-child(3) {
 width: 100px;
}

.docs-review-list-table .ContainerFooter .AlignRight {
  position: absolute;
  right: 22px;
  margin-top: -3px;
}
.docs-review-list-table tr.OddRow td,
.docs-review-list-table tr.EvenRow td {
  vertical-align: top;
  padding: 15px 10px;
}

.docs-review-list-table td:nth-child(2) {
  padding-top: 10px !important;
}
.docs-review-list-table td.review-description {
  width: 400px !important;
}

.doc-reviewers-link {
  padding: 0 0 10px;
  display: inline-block;
}
.doc-review-img-span {
  padding: 0;
}
.docs-review-fa-icons {
  font-size: 21px !important;
  color: #757B7C;
  padding-right: 5px;
}
.docs-review-avatar-img {
  vertical-align: top !important;
  border-radius: 16px;
  height: 25px;
  width: 25px;
}
.docs-review-avatar-img + a {
  vertical-align: top;
  display: inline-block;
  margin-top: 7px;
  padding-left: 5px;
}
.review-status-icon{
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
.status-reviewed {
  color: #4BB3E3;
}
.documentDetailsTable td{
  padding: 10px !important;
}
.documentDetailsTable td.header-td {
  padding: 15px !important;
}
.documentDetailsTable td.ItemDetailName {
  font-weight: 600;
  color: #404e54 !important;
}
.documentDetailsTable label.tag-label {
  font-weight: 600;
  color: #404e54 !important;
}
.documentDetailsTable td.avatar-img {
  padding-top: 3px !important;
}
.document-details-icons {
  float: left;
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.54);
  margin: 1px 4px;
  font-size: 18px !important;
}
.document-details-icons:hover {
  color: #3dade0;
}
.document-details-icons.monitored {
  color: #3dade0;
}
.document-details-icons.favourite {
  color: #3dade0;
}
.docs-lock-icon {
  display: inline-block;
  margin-right: 5px;
}
.docs-date {
  display: inline-block;
  margin-top: 8px;
}
#docs-detail-tags {
  padding: 3px 10px 10px 10px !important;
}
#docs-detail-tags li {
  background: #0F97CA !important;
  margin-bottom: 0 !important;
  margin-top: 2px;
}
#docs-detail-tags ctf-tags-input .host {
  margin: 0 !important;
}
#docs-detail-tags ctf-tags-input .tags {
  min-height: 23px !important;
}
.docs-active-version {
  font-size: 14px;
  font-weight: 400;
}
.documentDetailsTable .dropdown-menu > li > a:hover,
.documentDetailsTable .dropdown-menu > li > a:focus {
  background: #6dbfe5 !important;
}
.flexFieldSection {
  border: none;
  background: #fff;
}
.flexFieldSection td {
  padding: 0 !important;
}
table#documentFlexFieldSection td {
  padding: 5px 10px 10px 0 !important;
}
tr.flexFieldSection .ItemDetailContainer {
  margin-bottom: 0;
}
tr.tbl-row td.treeview {
  white-space: nowrap;
}

tr.PostListPendingTableRow td{
  background-color: #ffefe7;
}

/* Making table labels more prominent */

tr.ItemListHeaderNoTopBorder td {
  border-top-width: 0;
  border-top-style: none;
}

tr.ItemListHeader img, tr.ItemListHeaderNoTopBorder img {
  float: none;
  margin-left: 5px;
}

/* Alternating Row color styles */
tr.EvenRow,  tr.OddRow {
  background: #fff; 
}

tr.OddRow:hover, tr.EvenRow:hover, tr.OddRow:hover td, tr.EvenRow:hover td {
  background-color: #f6f9fa;
}

::-webkit-input-placeholder{
  color: #c2cad0;
  font-style:italic
}

:-moz-placeholder {
  color: #c2cad0;
  font-style:italic
}

::-moz-placeholder {
  color: #c2cad0;
  font-style:italic
}

:-ms-input-placeholder {
  color: #c2cad0;
  font-style:italic
}

td.highlight {
  background: #d8eeff;
}

tr.Separator {
  color: #000;
  background-color: #d5d5d5;
  border: 1px solid #d5d5d5;
}

tr.Separator td {
  padding: 5px;
  vertical-align: middle;
}

tr.FieldLayout {
  background-color: #d6d6d6;
  border: 1px solid #d6d6d6;
}

/* This is the "No data found" message on empty tables and portlet windows*/
tr.ItemListNoData td {
  font-size: 1.02em;
  padding: 19px 25px 25px 28px;
  background: url(/sf-images/icons/icon_info_sml.png) 10px 1.2em no-repeat #fff;
  font-style: italic;
}

/* Used for folder lists (usually the left side of a item list navigation table */
table.CategoryListTable,
table.CategoryListTable0 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-right-style: none;
  vertical-align: top;
  padding: 0;
  background-color: #fff;
}

table.CategoryListTable0 {
  border-width: 0;
}

tr.CategoryListHeader {
  background-color: #eee;
  vertical-align: middle;
}

tr.CategoryListHeader td {
  padding: 3px !important;
  border-collapse: collapse;
  border-bottom: 1px solid #bbb;
}

tr.CategoryListHeader td img {
  vertical-align: middle;
}

td.CategoryListBody, td.CategoryListBodyWithPadding, td.ContainerLeftColEditMode {
  padding: 0;
  background-color: #f7f7f7;
  border-spacing: 0;
  border: 1px solid #d4d2d0;
  border-top:  0 none;
  white-space: nowrap;
  vertical-align: top;
}

td.ContainerLeftColEditMode {
  background-color: transparent;
  border: 0 none;
  border-right: 12px solid transparent;
}

td.CategoryListBody table, td.ContainerLeftColEditMode table, td.left-navigation-container table {
  padding: 0;
  width: 100%;
}

td.CategoryListBody td, td.ContainerLeftColEditMode td, td.TrackerSearchBodyWithBorder {
  padding: 0;
}

td.CategoryListBodyWithPadding {
  padding: 4px;
}

td.CategoryListBody {
  width: 15%;
  border: 0 none;
  background: #f9f7f7;
}

.CategoryListDetails table.site-wide-categorization {
  background: #fff;
  border: 0 none;
  border-radius: 6px;
  margin-bottom: 10px;
}

.CategoryListDetails table.site-wide-categorization td {
  padding: 3px 0 3px 15px;
  vertical-align: middle;
}

.CategoryListDetails .ItemDetailValue .Button {
  float: right;
  margin: 4px 13px;
}

/* Used for tab layouts */
td.headerTabsColor {
  width: 100%;
  background-color: #C7C9DF;
}

/* Classes used in page navigation tables (The bit that has the page numbers with the previous/next buttons) */
table.PageNavTable {
  border: 0 none;  
  margin:10px 0  0;
  
}

table.PageNavTable td {
  border: 0 none;
  vertical-align: middle
}

.PageNavTable .paginationtext {
  padding: 0 7px
}

.margin-right-space {
  margin-right: 15px
}

.margin-left-space,.ItemDetailValue p.margin-left-space {
  margin-left: 15px
}

table.modalForm td span.margin-left-space {
  margin-left: 30px;
  display: block;
}

.ContainerFooter .PageNavTable .paginationtext strong a{
  padding: 0 6px;
  color: #fff;
  border-radius: 5px;
  background: #3dade0
}

.PageNavTable .paginationtext a:hover {
  text-decoration: none
}

.ContainerFooter .PageNavTable .paginationtext a{
  color: #404e54
}


/* Classes used in the left navigation boxes */

table.LeftNavigation {
  background-color: #f7f7f7;
  line-height: 15px;
  border: 1px solid #cde;
  border-top: 0 none;
  border-collapse: collapse;
  margin-left: 0;
}

table.LeftNavigation td {
  padding: 8px 10px;
  white-space: normal;
}

table.LeftNavigation td #findtable td {
  white-space: nowrap;
}

.LeftNavigationHeader {
  font-size: 1.09em;  
  line-height: 20px;
  font-weight: bold;
  padding-left: 1px;
  background:  #DDDDDD;
  border-bottom:1px solid #666666;
  color:#555555;
}

/* Classes for tables that should have no borders (overriding whatever the containing table has) */
table.NoBorders, table.NoBorders td {
  border: 0 none
}

table.LeftNavigationWidget td {
  border-collapse: collapse;
  padding: 4px 0
}

table.LeftNavContent td {
  padding: 4px;
}

tr.LeftNavigationWidget td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Classes used on the SourceForge homepage */
td.siteNews {
  padding-left: 3px;
  padding-top: 8px;
  padding-bottom: 8px;
}

td.horisontalRule {
  border-top: 1px solid #808080;
}

td.ProjectStatusMiddle {
  background-color: #aecd4c;
}
/* The plus minus image properties (the image that hides/expands a table) */

img.PlusMinus {
  margin-right: 4px;
  float: left;
  vertical-align: middle;
}

/* Classes used in the editing of Roles */
.BulletMenu {
  width: 30%;
}

td.clusterName {
  width: 20%;
 }

tr.ClusterContainer td.clusterName {
  width: 20%;
  padding-top: 22px;
  padding-top: 13px\9;
 }

tr.clusterContainer {
  border-width: 1px;
  border-color: #d4d2d0;
  border-style: solid;
}

table.ClusterResources {
  padding: 8px;
}

tr.ClusterContainer td {
  padding: 6px 3px;
}

/* Used for the background of 3rd party project images */
td.aboutImageBackground {
  background-color: #fff;
}

#aboutScrolling {
  overflow: auto;
  height: 340px;
  z-index: 2;
  background-color: #E4E4E4;
}

/* These classes are used to create separator lines in a container */
td.HorizontalSeparator {
  background-color: #d4d2d0;
  padding: 0 !important;
  height: 1px;
}

.spacer{
  background-image: url("/sf-images/tracker/separator.gif") repeat-x;
  height: 20px;
}

/* Used during project template creation */

.itemlisttable th {
  border: 1px solid #999;
  border-collapse: collapse; 
  text-align: left;
  vertical-align: top;
  padding: 3px 2px
}

.ItemListTable td a:hover {
  text-decoration: none;
}

th {
  background-color: rgb(250, 250, 250);
}
  
.datatable {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
}

.col20, .col30 {
  white-space: nowrap;
}
.col20 {
  width: 20%;
}

.col30 {
  width: 30%;
}

/*
******************
 * TABS STYLES *
******************
*/

/* Basic tag block classes */
table.TabTable, table#TrackerSearchCriteria, table.container-with-border, table.container-table {
  width: 100%;
}

table.TabTable td > img {
  height: 21px;
}

table.TabTable td a {
  padding: 18px 2px 11px;
  display: block;
  min-width: 80px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.12em;  
  }

.left-navigation-container table.TabTable td a {
  padding: 16px 2px 8px
}

.left-navigation-container .ctf-tab-wrap{
  width: 280px;
  padding-bottom: 0
}

.left-navigation-container .ctf-tab-wrap table.TabTable td a,
.left-navigation-container .ctf-tab-wrap table.TabTable td a {
  white-space: normal;	
}

.ctf-tab-wrap table.TabTable {
  border-bottom: 1px solid #cdd6db;
  height: 50px
}

.left-navigation-container .ctf-tab-wrap .TabTable tr td:last-child {
  display: none
}

td.left-navigation-container table.TabTable td,
td.left-navigation-container table.TabTable th{
	padding: 0 10px
}

td.left-navigation-container table.TabTable td a,
td.left-navigation-container table.TabTable td a{
	min-width: 40px
}

td.left-navigation-container table.TabTable td:nth-last-child(2) {
	padding-right: 15px
} 

table.TabTable td, table.TabTable th {
  vertical-align: middle;
  background: 0 none;
  padding: 0 20px
}

.ctf-tab-wrap table.TabTable td, .ctf-tab-wrap table.TabTable th {
  vertical-align: top
}

.ctf-tab-wrap {
  background-color: #fff;
  border-radius: 6px;
  padding: 0 0 20px
}

.ctf-tab-wrap form {
  padding: 15px;
  margin-bottom: 0;
}

.ctf-tab-wrap #artifactSummary.Container, .ctf-tab-wrap #artifactComments.Container {
  margin-top: 0
}

.ctf-tab-wrap #artifactSummary.Container .NoBorders td, .ctf-tab-wrap #artifactComments.Container .NoBorders td {
  vertical-align: top;
  line-height: 22px;
}

.ctf-tab-wrap #artifactSummary.Container form, .ctf-tab-wrap #artifactComments.Container form {
  padding: 0
}

.ctf-tab-wrap .ItemDetailContainerCell {
  color: #404e54;
}

tr.TabHeader td, table#groupMemberList tr.ContainerHeader td {
  background:0 none
}

tr.TabHeader TD {
  padding: 3px 2px 3px 8px;
  border: 0 none;
}


/* The body of a tab */
td.TabBody, td.TabBody a, td.SelectedTabBody a {
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  font-weight: bold
}

.left-navigation-container .TabTable .SelectedTabBody a {
  padding-top: 12px
}

.TabTable td.TabBody:first-child, .TabTable td.SelectedTabBody:first-child {
  padding-left: 15px;
}

.ctf-tab-wrap td.TabBody, .ctf-tab-wrap td.TabBody a {
  color: #7a8991;
  font-size: 12px;
}

.ctf-tab-wrap td.SelectedTabBody a, .ctf-tab-wrap td.SelectedTabBody a:hover, .ctf-tab-wrap td.TabBody a:hover {
   color:  #363f41;
  text-decoration: none;
  font-weight: 600
}

.TabTable .tab-items-count, td.TabBody .tab-items-count,
td.SelectedTabBody a span.tab-items-count,
td.SelectedTabBody a:hover span.tab-items-count,
td.TabBody a:hover span.tab-items-count {
  min-height: 16px;
  min-width: 16px;
  border-radius: 100%;
  line-height: 16px;
  vertical-align: middle;
  display: inline-block;
  color: #fff;
  margin: -3px 0 2px 5px;
  padding-left: 1px;
  font-size:10px
}

td.SelectedTabBody a span.tab-items-count, td.SelectedTabBody a:hover span.tab-items-count,
td.TabBody a:hover span.tab-items-count {
  background:#3dade0;
}

td.TabBody .tab-items-count{
  background:#cdd6db
}

.status-tab {
  display: inline-block;
  width: 100%;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e1eaec;
  background: #f9fbfb;
  margin-bottom: 10px;
  margin-top: -1px
}

.status-tab .StatusFilter {
  float: left;
  width: 139px;
  text-align: center;
}

.status-tab .StatusFilter a {
  color: #404e54 !important;
  padding: 10px 0;
  display: block;
  font-size: 12px;  
}

.status-tab .StatusFilter a:hover {
  text-decoration: none;
}

.StatusFilter.StatusFilterSelected {
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  border-left: 1px solid #e1eaec;
  font-weight: 600;
  color: #363f41;
  padding: 10px 0;
  font-size: 12px;
}

.StatusFilter.StatusFilterSelected:first-child {
  border-right: 1px solid #e1eaec;
  border-left: 0 none;
}

.StatusFilterSelected {
  background: #fff;
  font-weight: bold;
}

.ctf-tab-wrap .with-border {
  border: 0 none;
  border-top: 1px solid #cdd6db;
}

.left-navigation-container .ctf-tab-wrap .TabTable {
  border-bottom: 0 none
}

.btn-bar {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 20px;
  left: 0
}

.btn-bar .btn {
  margin-right: 6px
}

/*
*****************
JUMP TO BUTTON
*****************/

.ButtonPadding {
  padding: 0 2px;
}

.JumpTo  {
  font-size: 1em;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 2px;
}

/*
*****************
 * LAYOUT STYLES *
*****************
*/  


/* Style classes for the menu bar */

.PaddedTable tr.sitelogo td {
  padding: 8px 6px;
  border-bottom: 1px solid #cdd6db;
  background: #fff;
}

.aboutTeamForge tr.ContainerFooter > td {
 padding: 15px;
}

.aboutTeamForge table.ItemDetailTable {
  margin-left: 15px;
}

.aboutTeamForge .ContainerFooter .AlignRight {
  padding: 10px
}

.aboutTeamForge table ul {
  padding-left: 30px
}

a.Asmall {
  font-size: .95em;
  color: #fff;
  text-decoration: none;
}

a.Asmall:hover {
  color: #9cf;
  text-decoration: underline;
}

.banner_logo {
  padding: 4px;
  margin: 0 0 10px 0;
}

li#createprojectlink, li#moreprojectslink {
  border-top: 1px solid #808080;
  margin-top: 2px;
  padding-top: 2px;
}

/* breadcrumb bar classes*/
.breadcrumb .project-lock img {
  vertical-align: top;
  margin: 0 0 0 5px;
  padding-top: 2px;
}

.divider {
  padding: 0 5px;
  color: #999;
}

.crumbs-container {
  margin: 10px 0
}

.crumbs-container table td {
  vertical-align: middle
}

.contentArea .crumbs-container .breadcrumb {
  margin: 0
}

#parentProjectsPath {
  top: 1px;
}

#showPath {
  padding-top: 5px;
}

.breadcrumb .parent {
  font-weight: 600;
  font-size: 11px;
  word-wrap: break-word;
}

.sectiontitle {
  color: #222;
  font-size: 1.35em;
  font-weight: bold;
}

.showhidepath {
  font-weight: normal;
  font-size: 11px;
}

h2.quickJumpDialogHeading {
  font-size: 1.25em;
  font-weight: 600;
  color: #363f41
}

.quickJumpDialogIdText {
  padding-left: 20px;
  color:#363f41;
  font-weight:normal
}

.jumpToFieldInactive {
  color: #777;
}

table#RolePermissions td.jumpToFieldInactive {
  line-height: 22px;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
.yuimenubar {
  visibility: visible;
  position: static;
 }

.yuimenu .yuimenu,.yuimenubar .yuimenu {
  visibility: hidden;
  position: absolute;
  top: -10000px;
  left: -10000px;
}

.yuimenubar li,.yuimenu li {
  list-style-type: none;
}

.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6 {
  margin: 0;
  padding: 1px;
}

.yuimenuitem a:visited {
  color: #000;
}

.yuimenuitem a:hover, .yuimenubaritem a:hover {
  text-decoration: none;
}

.yuimenuitemlabel,.yuimenubaritemlabel {
  text-align: left;
  white-space: nowrap;
}

.yuimenubar>.bd>ul:after {
  content:"."; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;
  line-height: 0;
}

.yuimenubaritem {
  float: left;
}

.yuimenubaritemlabel,.yuimenuitemlabel {
  display: block;
}

.yuimenuitemlabel .helptext {
  font-style: normal;
  display: block;
  margin: -1em 0 0 10em;
}

.yui-menu-shadow {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

.hide-scrollbars * {
  overflow: hidden;
}

.hide-scrollbars select {
  display:none;
}

.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars {
  overflow: visible;
}

.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow {
  overflow:hidden;
}

.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow {
  overflow:auto;
}

.yui-skin-sam .yuimenubar {
  background: url("/sf-images/masthead/links_bgSlice.png") repeat-x 0 0;
  line-height:2.0;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritem {
  border-right: solid 1px #afc1dc;
 }

.yui-skin-sam .yuimenubaritemlabel {
  padding: 1px 12px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border-style: solid;
  border-color: #808080;
  border-width: 0;
  margin: 0;
}
 
.yui-skin-sam .yuimenubaritemlabel:visited {
  text-decoration: none;
  color: #fff;
}

.yui-skin-sam .yuimenubaritemlabel:hover {
  color: #fff;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
  padding-right: 20px;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
  background: url(/sf-images/masthead/menubaritem_submenuindicator.png) right center no-repeat;
}

.yui-skin-sam .yuimenubaritem-selected {
  background: #ffdeae url(/sf-images/masthead/links_bgSlice_selected2.png) repeat-x;
}

.yui-skin-sam .yuimenubaritemlabel-selected {
  border-color: #7D98B8;
}  

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
  border-left-width: 1px;
  margin-left: -1px;
}

.yui-skin-sam .yuimenubaritemlabel-disabled, .yui-skin-sam .yuimenuitemlabel-disabled {
  cursor:default;
  color:#A6A6A6;
}

.yui-skin-sam .yuimenu {
  font-size: 93%;
  line-height: 1.5;
}

.yui-skin-sam .yuimenubar .yuimenu,.yui-skin-sam .yuimenu .yuimenu {
  font-size: 100%;
}

.yui-skin-sam .yuimenu ul.first-of-type {
  border-width: 0;
  max-height: 200px;
  overflow-y: auto;
}

.yui-skin-sam .yuimenu h6 {
  font-weight: bold;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0 0 0;
  color: #a4a4a4;
  padding: 3px 10px 0 10px;
 }

.yui-skin-sam .yuimenu ul.hastitle,.yui-skin-sam .yuimenu h6.first-of-type {
  border-width: 0;
}

.yui-skin-sam .yuimenu .yui-menu-body-scrolled {
  border-color: #808080;
  overflow: hidden;
}

.yui-skin-sam .yuimenu .topscrollbar,.yui-skin-sam .yuimenu .bottomscrollbar {
  height: 16px;
  border: 1px solid #808080; 
  background: #fff url(/sf-images/masthead/sprite_3.png) no-repeat 0 0;
}

.yui-skin-sam .yuimenu .topscrollbar {
  border-bottom-width: 0;
  background-position: center -950px;
}

.yui-skin-sam .yuimenu .topscrollbar_disabled {
  background-position: center -975px;
}

.yui-skin-sam .yuimenu .bottomscrollbar {
  border-top-width: 0;
  background-position: center -850px;
}

.yui-skin-sam .yuimenu .bottomscrollbar_disabled {
  background-position: center -875px;
}

.yui-skin-sam .yuimenuitem a:focus {
  outline: 0;
}

.yui-skin-sam .yuimenuitem a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #389fcf;
  outline: 0;
  border: 0 none;
}

.yui-skin-sam .yuimenuitemlabel {
  padding: 6px 20px; 
  color: #fff !important;
  text-decoration: none;
  cursor: pointer;
}

.yui-skin-sam .yuimenuitemlabel .helptext {
  margin-top: -1.5em;
}

.yui-skin-sam .yuimenuitem-hassubmenu {
  background-image: url(/sf-images/masthead/menuitem_submenuindicator.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.yui-skin-sam .yui-menu-shadow-visible {
  top: 3px;
  right: 0;
  left: -3px;
  bottom: -3px;
  visibility: none;
  background-color: #ddd;
}

.yui-skin-sam .yuimenuitemlabel-selected {
  color: #fff;
}

/* tooltip for smarttext tag */
.yui-tt {
  visibility:hidden;
  position:absolute;
  padding:4px;
  width:auto;
  color:#fff;
  background-color:#000;
  border-radius: 4px;
}

/* this class prevents the tooltip from being too big in IE6 */
.yui-tt-shadow {
    display: none;
}

.yui-tt div.bd {
  white-space:pre-line;
}

/* tracker left nav resize - start */

#trackerLeftNavTopPanel {
 padding-bottom:11px;
 width:100%;
 display:inline-table;
}

#trackerLeftNavTopPanelInner {
 height:100%;
 margin-right:13px;
 width:100%;
}

/* class for the drag-n-drop divider */
.yui-skin-sam .yui-resize .yui-resize-handle-b {
 background-image:url("/sf-images/tracker/drag_handle.gif");
 background-position:center center;
 background-repeat:no-repeat;
 border-top:1px solid #D4D2D0;
 cursor:s-resize;
 padding:2px 0;
}

/* mouse over for drag-n-drop divider */
.yui-skin-sam .yui-resize .yui-resize-handle-active {
  background-color: #86a4c7;
}

.yui-skin-sam .yui-resize .yui-resize-handle-inner-b {
  left: 46%;
}

/* class for the bar that is pulled around */
.yui-skin-sam .yui-resize-proxy {
 border-color:-moz-use-text-color -moz-use-text-color #7D98B8;
 border-style:none none solid;
 border-width:0 0 10px;
 position:absolute;
 visibility:hidden;
 z-index:1000;
}

#trackerLeftNavTopPanel .yui-resize-handle-b {
  height:6px;
}

/* This is the navigation tab styles */
table.NavTabContainer {
  width: 78px;
}

td.navTabActive, td.navTabInactive, td.navTabActive A, td.navTabInactive A {
  color: #424242;
  white-space: nowrap;
}

td.navTabActive, td.navTabInactive {
  position:relative;
  width:76px;
  height:39px;
  z-index:1;
  float: left;
  visibility: visible;
}

td.navTabActive IMG, td.navTabInactive IMG {
  padding-top: 3px;
}

td.navTabActive a:link, td.navTabActive a:visited {
  text-decoration: none;
}

.navTabActiveShadowLeft {
  background-image: url("/sf-images/tabs/tab_shadow_left.gif");
}

.navTabActiveShadowRight {
  background-image: url("/sf-images/tabs/tab_shadow_right.gif");
}

.navTabActiveShadowTop {
  background-color: #C6C6C6;
}

.navTabSpacer {
  position:relative;
  z-index:0;
  height:40px;
  background-image: url("/sf-images/tabs/inverse_tab_background.gif");
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #808080;
  visibility: visible;
}

.navTabShadow {
  height: 4px;
  background-image: url("/sf-images/tabs/inverse_tab_background_shadow.gif");
}

.navTabInactive {
  background-image: url("/sf-images/tabs/inverse_tab_background.gif");
}

.navTabInactive a:link, .navTabInactive a:visited, .navTabInactive a {
  text-decoration:none;
}

.navTabInactiveHighlight {
  background-color: #fff;
}

.navTabInactiveShadow {
  background-color: #808080;
}

/* Used for div layout (align left or align right) */
div.AlignLeft {
  float: left;
  position: relative;
}

div.AlignRight, #searchCriteriaContainer img.PlusMinus {
  float: right;
  position: relative;
}

div.AlignRight {
  margin: -6px -1px;
  padding-top: 3px
}

tr#pageList_footer div.AlignRight {
  padding-top: 5px;
} 

#poweredbylogo {
  float: left;
  padding: 0 22px 15px 0;
  margin-top: -17px;
}

/*
*****************
 * FORMS STYLES *
*****************
*/

optgroup.Separator {
  font-weight: normal;
  padding-left: 4px;
  padding-right: 3px;
  text-align: center;
}

optgroup.Separator option {
  padding-left: 0;
  text-align: left;
}

/* Form element properties */
input.UserPickerInput, input.inputfield, select.inputfield, textarea.inputfield, select.FilterInput, input.FilterInput, input[type="file"] {
  color: #555;
  padding: 2px;
  background-color: #fff;
  border: 1px solid #ccc;  
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

input.UserPickerInput, input.inputfield {
  height: 18px;
}


input.FilterInput {
  height: 16px;
}

input.UserPickerInput:focus, input.inputfield:focus, select.inputfield:focus, textarea.inputfield:focus, select.FilterInput:focus, input.FilterInput:focus, input[type="file"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input.inputfield[disabled], input.UserPickerInput[disabled], 
select.inputfield[disabled], select.FilterInput[disabled], textarea[disabled],textarea[isenabled=false] {
  color: #333;  
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  cursor: not-allowed;
}

input.titleDesc, textarea.titleDesc {
    width: 630px;
}

form#rejectComment textarea, form#rejectComment label {
  margin-left: 20px;
}

form[name=rejectComment] .Container td {
  padding: 14px 0;	
}

form[name=enterLicense] .PaddedTable td.ItemDetailName {
  padding-right: 0;
}

input.UserPickerInput {
  color: rgb(238, 238, 238);
}

select.FilterInput, input.FilterInput {
  width: 110px;
}

option.withDivider {
  border-top: 1px dashed #000;
}

.UserPicker {
  cursor: pointer;
}

/* This is for the required text form fields */
span.TextRequired {
  color: #900;
}

.divInvi {
  display: none;
  color: #cc3300;
  padding: 2px
}


/*
***************************
 * LIST STYLES *
***************************
*/
  
 
/* Basic classes for lists that use images as their 'bullets' */
div.ImageListChildSelected, div.ImageListParentSelected, div.ImageListParentSelectedNoTop,
div.ImageListParent, div.ImageListChild {
  list-style-position: inside;
  list-style-type: none;
  padding-right: 5px;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: nowrap;
}

/* Text color for the selected row*/ 
div.ImageListChildSelected a:visited, div.ImageListParentSelected a:visited, div.ImageListParentSelectedNoTop a:visited,
div.ImageListChildSelected a:link, div.ImageListParentSelected a:link, div.ImageListParentSelectedNoTop a:link {
  color: #1787ba;  
}

/* The actual list items and their indentation */
div.ImageListParent, div.ImageListParentSelected, div.ImageListParentSelectedNoTop, div.ImageListChildSelected {
  padding: 10px 15px;
}

div.ImageListParent:hover{
  background: #f9fbfb;
}

div.ImageListParent a:hover, div.ImageListParentSelected  a:hover, div.ImageListParentSelectedNoTop  a:hover {
  text-decoration: none; 
  background: 0 none
}

/* Standard properties for a row that is currently selected */
div.ImageListChildSelected, div.ImageListParentSelected, div.ImageListParentSelectedNoTop {
  background-color: #e1eaec;
  margin-left: 0;
}

/* Styles for messages that appear at the top of a page */
FONT.MessagesTitle {
  font-weight: bold;
}

/* Style for text headers */
div.HeaderText {
  font-size: 20px !important;
  color: #363f41;
  line-height: 25px;
}

/* Text colors for errors and success messages */
font.errorMessage, FONT.TextRequired {
  color: #D53808 !important;
}

/* Sub heading next to the radio buttons on the association picker */
div.AssociationSubHeader {
  font-size: inherit;
}

td.LeftNavTextTiny {
  font-family: Arial,sans-serif;
  font-size: 0.91em;
  white-space: nowrap;
}

form[name=auditFilter] table#AuditHistoryTable td pre.text, form[name=selectCommit] table#CommitList td pre.text {
  border: 0 none;
  background: 0 none;
  padding: 0;
  margin: 0;
  font-family: 'SourceSansPro-Regular',Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #404e54;
}

/* Style for superscript */
span.trademark {
  font-family: Arial,sans-serif;
  font-size: .65em;
  text-decoration: none;
  line-height: 0;
  vertical-align: super;
}

/* This is for change of approval fonts */
.PendingChange {
  font-size: 1.18em;
  font-style: italic;
}

div.EULA {
  color: #333;
  background-color: #f2f2f2;
  border: 1px solid #9B9B9B;
  overflow: auto;
}

SPAN.ItemCount {
  font-weight: normal;
}

/* The link for tool search and configure: on/off */
div.configure {
  padding: 3px;
  float: left;
}

div.configure-button {
  padding: 4px 1px;
}

span.searchlink {
  padding-right: 8px;
  font-size: 1.09em;
}

span.searchlink a:link, span.searchlink a:visited {
  color: #0055dd;
  text-decoration: underline;
  padding: 1px 2px;
}

span.searchlink a:hover {
  background-color: #0055dd;
  color: #fff;
  text-decoration: underline;
  padding: 1px 2px;
}

span.pwdPolicylink {
  color: #0055dd;
  padding-right: 8px;
  text-decoration: underline;
  font-size: 1.09em;
}

span.pwdPolicylink a:link, span.pwdPolicylink a:visited {
  color: #0055dd;
  text-decoration: underline;
  padding: 1px 2px;
}

span.pwdPolicylink a:hover {
  background-color: #0055dd;
  color: #fff;
  text-decoration: underline;
  padding: 1px 2px;
}

.strikethrough {
  text-decoration: line-through;
}

a.editpage, a.createpage { 
  color: #900;
  text-decoration: none;
}

a.editpage, a.editpage:hover, a.createpage, a.createpage:hover {
  border-bottom: 1px dashed #900;
}

/*system created groups*/
div.systemCreated {
  color: grey;
}

/*
***************************
 * MENU STYLES *
***************************
*/
  
/* Style classes for the pop-up menu */
.popupmenu, #menumouseover, .popupmenu A {
  color: #333;
}

.popupmenu {
  position:absolute;
  font-size:10px;
  font-weight: normal;
  line-height:18px;
  z-index:100;
  visibility:hidden;
  border: 1px solid #989898;
  background-color: #F0F0F0;
}

.popupmenu a, .popupmenu .heading, div.MenuItemDisabled, span.MenuItemDisabled {
  text-decoration:none;
  padding-left:10px;
  padding-right:10px;
  line-height: 17px;
  width:185px;
  font-size:14px;
}

.popupmenu a img {
  float: right;
  margin: 2px;
}

#menumouseover {
  background-color: #f3e9b9;
  color: #333;
  text-decoration: none;
}

#menumouseover a {
  color:#333;
}

div.MenuTitle {
  text-decoration: none;
  font-weight: 600;
  padding-left: 3px;
  font-size: 12px;
  text-transform: uppercase;
  color: #f9fbfb;
  padding: 10px 5px 10px 20px;
}

div.menu {
  min-width: 165px;
  position:absolute;
  font-weight: normal;
  font-size: 11px;
  line-height:18px;
  z-index:100;
  margin: 2px 0;
  padding-right: 0px !important;
  background-color: #3dade0;
  visibility: hidden;
  overflow-y: auto;
  max-height: 250px;
}

.menuHeader {
  display: block;
  padding: 10px 5px 10px 27px;
  font-size: 12px;
  text-transform: uppercase;
  color: #f9fbfb;
  letter-spacing: 0.14em;
  font-weight: 600;
}

div.menu a.menuItem, div.MenuItemColored, div.MenuItemDisabled, span.MenuItemDisabled {
  color: #fff;
  font-size: 14px;  
  cursor: default;
  display: block;
  padding: 6px 10px 8px 20px !important;
  text-decoration: none;
  white-space: nowrap;
}

#configureTableMenu {
  min-width: 130px;
}

#configureTableMenu .menuHeader {
  padding-left: 12px
}

div.MenuItemDisabled, span.MenuItemDisabled {
  color: #fff;
  background-color: #3dade0;
  opacity: 0.4;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight, div.menu div.MenuItemColored.a.menuItemHighlight, .menuSelected{
  background-color: #389fcf;
  color: #fff;
  cursor: pointer;
}

div.menu div.menuItemSep {
  border: 1px solid #fff;
  border-bottom: none;
  margin: 4px;
  height: 0;
}

/*
*******************************
 * Task Manager Status Colors *
*******************************
*/

Table#taskstatus img {
  height: 4px;
}

#taskStatusRollupPreference .ItemDetailValue input[type="text"] {
  text-align: center;
  text-indent: 0;
}

#taskStatusRollupPreference .PaddedTable  td{
  vertical-align: middle;
}

.auditTrail_quoteReply {
  float:right;
  padding-right:5px;
}

.auditTrail_quoteReply a {
  cursor: pointer;
}

.auditTrail_quoteReply i {
  padding: 3px;
  color: #3dade0;
}

div.auditTrail_quoteReply div.edit_comment_button {
  padding-right: 15px;
}
.edit_comment_button {
  float: left;
}

.reply_comment {
  float: right;
}

span[id^="comment-edit-time"] i{
  padding-left: 20px;
  padding-right: 20px;
  color: lightgray;
}

/*
******************
 * TREE STYLES *
******************
*/

/* Properties for nodes in a tree */
div.RootNode, div.RootNodeSelected {
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
}

div.RootNode, div.TreeNode, div.TreeNodeSelected, div.RootNodeSelected {
  padding-left: 5px;
  padding-right: 5px;
}

div.TreeNodeSelectedBox {
  padding-left: 4px;
  padding-right: 5px;
}

A.CategoryName {
  text-decoration: none;
}

div.ObjectTree a img.NodeIcon {
  margin-right: 4px;
  margin-bottom: 4px;
  width: 15px
}

#adminCategories div.ObjectTree a img.NodeIcon {
  width: 0
}

/* Properties for highlighting a node that is selected in a tree */

div.TreeNodeSelected, div.TreeNodeSelectedBox, div.RootNodeSelected {
  background-color: #e1eaec;
  margin: 0 -25px;
  padding: 6px 30px;
  height: 24px
}

div.ImageListChildSelected, div.ImageListParentSelected, div.ImageListParentSelectedNoTop {
  background-color: #e1eaec;
}

div.ImageListChild, div.ImageListChildSelected, .tracker_frist_column_header {
  padding-left: 20px;
  margin-left: 0
}

/* Text color for the selected node in the  tree */ 
div.TreeNodeSelected a:visited, div.TreeNodeSelectedBox a:visited, div.RootNodeSelected a:visited {
  color: #1787ba
}

.tree-node, .TreeNode {
  padding: 2px 0
}

div.TreeNodeSelected a, div.TreeNodeSelectedBox a, div.RootNodeSelected a, div.ImageListChildSelected a, div.ImageListParentSelected a,
div.ImageListParentSelectedNoTop a { 
  padding: 5px 0 6px
}

div.RootNodeSelected a {
  padding: 4px 0
}

/* Properties for the main tree div */
div.ObjectTree {
  width: auto;
  padding: 10px 25px
}

.tab-result-wrap .ObjectTree, .sidebar-result-tab {
  overflow-x: auto;
  padding-bottom: 20px;
}

.sidebar-result-tab {
  width: 280px;
}

/* Property for a static html tree node */
div.StaticTreeBranch {
  display: block;
  height: 24px;
  white-space: nowrap;
  width: auto;
  font-weight: bold
}

img.Branch {
  height: auto;
  width: auto;
  margin: -3px 5px 0 2px;
  vertical-align: middle;
  padding-right: 5px;
  cursor: pointer;
}

img.CreateIcon {
  padding: 3px 12px 5px 0
}

img.NodeIcon, img.RootNodeIcon {
  border: 0 none;
  vertical-align: middle;
  margin-right: 5px;
}

img.RootNodeIcon {
  margin-right: 1px
}


/* Property for status filter links */
span.StatusFilter {
  margin-left: 5pt;
  font-weight: normal; 
  font-size: 8pt;
}

span.StatusFilter a:link {
  color: #86a4c7;
}

span.StatusFilterSelected {
  font-weight: bold; 
}
/*
*****************
 * IMAGE STYLES *
*****************
*/

/* Image Classes */
img.FileTypeIcon {
  border-style: none;
  vertical-align: middle;
}

img.img-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
  
/*
***************************
 * DISCUSSIONS STYLES *
***************************
*/

div.Thread {
  border-spacing: 0;
  border: 0 none;
  border-collapse: collapse;
  padding: 0 0 0 20px;
}

* html div.Thread {
  width: 100%;
}

table.Container.DiscussionPost {
  background-color: #fff;
  border-spacing: 0;
  width: 100%;
  margin: 10px 0; 
  border-radius: 5px;
}

table.DiscussionPost > tbody {
  border: 1px solid #d4d2d0;
}

div.Thread table.DiscussionPost {
  margin-top: 5px;
}

table.DiscussionPost td.MetaData {
  vertical-align: top;
  padding: 5px;
  padding-left: 15px;
  border: 1px solid #d4d2d0;
  border-left: none;
  width: 150px;
}

table.DiscussionPost td.Post {
  vertical-align: top;
  padding: 5px;
  padding-left: 15px;
}

table.DiscussionPost td.Associations {
  padding-left: 15px;
}

table.DiscussionPost td.DeletedPost {
  padding: 10px;
  font-weight: bold;
}

table.DiscussionPost td.Post div.Title {
  font-weight: bold;
}

form[name=listPosts] table.DiscussionPendingPost {
  background-color: #ffefe7;
  border: 1px solid #d4d2d0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 3px 0 !important;
}

table.DiscussionPendingPost td.MetaData {
  vertical-align: top;
  padding: 5px;
  border-right: 1px solid #d4d2d0;
  width: 150px;
}

table.DiscussionPendingPost td.Post {
  vertical-align: top;
  padding: 5px;
}
 
table.DiscussionPendingPost td.Post div.Title {
  font-weight: bold;
}

div.instructionPendingText {
  font-weight:  normal;
  color: #404e54;
  font-size: 14px;
  padding: 4px 0;
}

pre.DiscussionText {
  font-family: Arial,sans-serif;
  font-size: 1em;
  margin: 5px 0 0 0 !important;
}

table.DiscussionPost td.PostButtons {
  padding: 10px;
}

#PostListTable td.PostButtons div.AlignRight {
  margin:0;
}

#PostListTable {
  background:#fff;
}

#PostListTable .ContainerBodyWithBorder {
  padding: 15px 15px 0;
  vertical-align: middle;
}

#PostListTable .ContainerBodyWithBorder td {
  vertical-align: middle;
  padding-right:10px;
}

#PostListTable .ContainerBodyWithBorder select {
  margin:0;
}

table.DiscussionPost a.arrowLeft {
  height: 15px;
}

form[name="listPosts"] .ItemListTableRow td {
  padding:5px 0 2px;
}
.ItemListHeaderNoTopBorder th, form[name="listPosts"] .ItemListTableRow > td {
  border: 1px solid #cdd6db;
  border-width:1px 0;
  padding: 10px;
  vertical-align: top;
}

.ItemListHeaderNoTopBorder th {
  color: #363f41;
  font-size: 12px;
  font-weight: 700;
}

table.Associations td.Associations {
  margin: 0 !important;
  padding: 0 !important;
}

/* Styles for "Associations"/"Attachment" post labels - depend on view style */

.AuxLabelNested {
  font-weight: bold;
}

.AuxLabelFlat {
  font-weight: bold;
}

/*
*****************
 * WIKI STYLES *
*****************
*/

div.WikiAttachment {
  border: 1px solid #d4d2d0;
  padding: 4px;
  margin: 4px;
}

#PageSourceBox {
  padding: 5px;
  min-width: 800px;
}

div#commentForm {
  margin: 0 20px 0 20px;
  display: none;
}

#pagecontent .collapse {
  display: block;
}

/*
***************************
 * PCE STYLES *
***************************
*/


.editproperties {
  background-image: url("/sf-images/icons/edit.png");
}

.deletecomponent {
  background-image: url("/sf-images/misc/cross.png");
}

.uparrow {
  background-image: url("/sf-images/icons/uparrow_gr.png");
}

.downarrow {
  background-image: url("/sf-images/icons/downarrow.png");
}

.uparrowgray {
  background-image: url("/sf-images/icons/uparrow_gr.png");
}

.downarrowgray {
  background-image: url("/sf-images/icons/downarrow.png");  
}

.uparrowgray, .downarrowgray {
  cursor:default;
  opacity: 0.4
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .editproperties {
      background-image: url("/sf-images/icons/edit@2x.png");
      background-size: 12px 12px;
    }
    
    .uparrowgray {
  	  background-image: url("/sf-images/icons/uparrow_gr@2x.png");
  	  background-size: 14px 14px;
  }
    
  .downarrowgray {
    background-image: url("/sf-images/icons/downarrow@2x.png");
    background-size: 14px 14px;
  }
  
  .deletecomponent {
    background-image: url("/sf-images/misc/cross@2x.png");
    background-size: 11px 12px  
  }
}

.editproperties,.deletecomponent,.uparrow,.downarrow,.uparrowgray,.downarrowgray {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  border-bottom: none;
  vertical-align: top;
  padding-right: 3px;
  padding-left: 2px;
  background-repeat: no-repeat;
  margin-top: 1px;
  position:relative\9; /* added so that links without text are clickable in IE8 */
}

.alt {
  display: none;
}

.componentbuttonbar {
  float: right;
  white-space: nowrap;
}

.page_component_buttons {
  float: right;
  margin-top: 3px;
}

tr.nocomponentheader table.ItemListTable {
  border-width: 1px 0;
  border-style: solid;
  border-color: rgb(206, 206, 206);
}

tr.nocomponentheader td.ItemDetailContainerCell {
  padding-bottom: 10px
}

tr.nocomponentheader td.nobordertop {
  border-top: none;
}
 

td.EditComponentContainerCell {
  border-collapse: collapse;
  vertical-align: top;
}

.pcetaskbar a:visited {
  color: #0355aa;
  text-decoration: none; 
}

.pcetaskbar a:hover {
  color: #0355aa;
  text-decoration: underline; 
}

.pcetaskbar ul li a a:hover{
  text-decoration: none !important; 
}

.addpagediv {
  width: 500px;
  margin-bottom: 4px;
}

.buttondiv {
  font-weight: normal;
}

.editcompdiv form {
  margin-bottom: 15px;
}

.axial {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 2px;  
}

.axial th {
  background: transparent;
  width: 9em;
  font-weight: normal;
  text-align: left;
  border: 1px solid #d4d2d0;
  border-collapse: collapse;
}

.minusicon {  
  background-image: url("/sf-images/icons/properties_minus.gif") !important;  
}

.plusicon {
  background-image: url("/sf-images/icons/properties_plus.gif") !important;
}

.minusicon, .plusicon {
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 3px;
  padding-right: 10px;
}

.borderedToolbar {
  border-spacing: 0;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #d4d2d0;
  border-style: none solid solid;
}

.pagecomponent {
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #fff;
}

.pceCompSpecific {
  visibility : hidden;
  position : absolute;
  left : -3000px;
}

.pagecomponent .ItemDetailContainerCell span,
.pagecomponent .ContainerBodyWithPaddedBorder {
  line-height: 20px
}

#component_type_chart .component_type_chart_conf .chart_conf_td {
  border-top: solid 1px #D4D2D0;
  border-left: solid 1px #D4D2D0;
  border-bottom: solid 1px #D4D2D0;
}

td.chart_conf_td_last {
  border-right: solid 1px #D4D2D0;
}

#component_type_chart .component_type_chart_conf table, .chart_preview {
  width: 250px;
}

div.chart_title {
  font-weight:bold;
  margin-bottom: 5px;
}

#component_type_chart .component_type_chart_preview {
  width:975px;
}

/* necessary so the table/div inside will now wrap while floating */
#component_type_chart .component_type_chart_conf {
  width:975px;
}

table.chart_preview_table {
  width:100%;
}

/* undo the nocomponent style */
table.chart_preview_table td {
  border: 0 none;
}

/* use hidden text instead of "hidden" so our test can change its value */
.chart_conf_td .hidden {
  display:none;
}

/* disabled text */
.disabled {
  color:#6e6e6e;
}

div.chartConfDataSource {
  padding-left:25px;
  margin-top:5px;
}

#create_component_tracker_search {
  width: 200px;
}

/* Project pages left navigation / accordion navigation */

#pcenav dt {
  padding: 4px 5px
}

#pcenav dd {
  background: #f9fbfb;
  margin: 0;
  border-width:1px 0;
  border-style: solid;
  border-color: #e9f0f2
}

#pcenav dd li {
	padding: 12px 15px
}

#pcenav a {
  display: block;
  text-decoration: none
}

#pcenav a.head {
  cursor:pointer;
  background:url("/sf-images/svgs/collabnet_icons_expand.svg") no-repeat scroll 0 0;
  float: right;
  text-decoration: none;
  display: block;
  width: 12px;
  height: 12px
}

#pcenav a.selectedNav {
  background:url("/sf-images/svgs/collabnet_icons_collapse.svg") no-repeat scroll 0 0;
}

#pcenav ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

#pcenav li {
  display: block;
  background: #f9fbfb;
}

#pcenav .NavSelected:first-child {
  border-radius: 6px 6px 0 0  
}

#pcenav .NavSelected {
  background: #e1eaec;
}

#pcenav li.subNavSelected, #pcenav dt.NavSelected {
  display: block;
  color: #1787ba;
  background: #e1eaec;
}

#project_home_content {
  padding-left: 10px;
}

#pcenav-empty {
  margin: 0;
  padding: 3px 0;
}


.projectlogo {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
  padding: 7px 5px 5px 9px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgb(228, 223, 223);
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
     -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
  filter: progid:DXImageTransform.Microsoft;
  background-color: #eeeeee;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  border: 1px solid rgb(228, 226, 226);
  border-top-left-radius:5px;
  border-top-right-radius:5px;  
}

div.projectlogo img {
  width: 260px;
}

#replaceprojectimage {
  padding: 20px 10px; 
  background-color: #fff;
  margin-bottom: 10px;
}

div.replaceprojectimage {
  margin-top: 2px;
}

p.attributetip {
  margin: 4px;
  font-style: italic;
  white-space: normal;
  padding-top: 5px;
}

.expanddata {
  background: url('/sf-images/icons/icon16_arrowcollapsed_gr.gif') top left no-repeat; 
 }

.collapsedata {
  background: url('/sf-images/icons/icon16_arrowexpanded_gr.gif') top left no-repeat;
 }
 
 .expanddata, .collapsedata {
  padding-left: 20px;
  padding-bottom: 1px;
  cursor: pointer; 
 }

/* Styles for configuration mode in content editor */

td.pce_leftnav_options {
  text-align: center;
}

.pce_leftnav_options .nowrap {
  background-color: #fff;
  margin: 0 0 3px;
  min-height: 56px;
  line-height: 56px;
  vertical-align: middle;
  border-radius: 6px;
  width: 280px;
  border-top-left-radius: 6px;
}

.pce_configure_options {
  margin-top: 0;
}

td.pce_configure_options {
  padding-left: 10px;
}

#deletePageFormDiv {
  margin: 0 0 8px;
  padding: 20px 0 21px 15px;
  background-color: #fff !important;
  border-radius: 6px;
}
#deletePageFormDiv form {
  margin: 0;
}

.pce-add-page {
  background-color: #fff;
  padding: 8px 0 8px 2px;
}

/* separate class from pce_configure_option since we have other class below that turns all link into buttons */
.pce_edit_configure_options {
   padding: 15px;
}

.nowrap {
  white-space: nowrap;
}

.project_home_leftnav_config {
  padding: 0 3px 0 2px;
}

.pce_edit_configure_options {
  border-left: 0 none;
  border-radius: 6px;
  background-color: #fff;
}

.pce_edit_configure_options form table.ItemListTable tr {
  padding-left: 23px;
}

.pce_leftnav_options a:visited, .pce_configure_options a:visited, .pce-add-page a:visited, .AppButton a:visited {
  color: #fff;
}

dl {
  margin-top: 0;
  margin-bottom: 0;
}

dt {
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
}

td#project_home_leftnav div.left-navigation dl {
  margin-top: 0
}

td#project_home_leftnav .left-navigation .divider:before {
  display: none
}

.project-home-project-admin {  
  margin-left: 10px;
}

.sidebar-wrap .left-navigation dl dt.project-home-project-admin:hover {
  padding-left: 25px
}

/* Styles for project pages when in view mode */
.modalForm {
  width:100%;
  height:100%;
}

.modalForm td {
  padding: 5px 3px 2px 3px;
}

.modalFormTitle {
  background-color:#efefef;
  width:150px;
  text-align:right;
}
.custom-label.modalFormElemHeader {
  font-weight:bold;
}

.modalForm, .custom-label.modalFormElemHeader, .modalFormElem {
  background-color:#fff;
}

#pageCompFormDiv {
  width:550px;
}


/* this is the pce page title class at th top of the pce page content area */

h1.pcePageTitle {
  font-size: 1.09em;
  font-weight: bold;
  margin: 0 0 15px 1px;
  padding: 5px 1px 1px 1px;
}

/* class for indicating the row has been cut - for cut/paste */
/* class for indicating the row has been dropped - for drag/drop in edit content */
tr.cutClass, tr.Dropped {
  background-color:#ffffbb;
}


/* The class for the tracker component ajax load */
.tracker_component_load {
  margin-left: 15px;
  color: #BC8F8F;
  font-weight: normal;
}

.tracker_comp_search_result {
  display: none;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}

/*
*****************************************
 * ACTIVITY TABLE / HTML SNIPPET STYLES *
*****************************************
*/
#activitybox {
  background-color: #E9F6FD;
  border: 1px solid #9caccc;
  clear: both;
}

.activitybox_topleft {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
}

.activitybox_topleft td {
  padding: 0 10px;
  border-right: 1px solid #9caccc;
}

.activitybox_topleft td.activitytable_right {
  border: none;
}

#activitybox h2 {
  text-align: center;
  border: none;
  border-bottom: 1px dashed #369;
  font-size: 1.2em;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;
  background-color: #E9F6FD;
}

#activitybox div {
  padding-top: 3px;
  padding-bottom: 3px;
}

.add_icon, .add_icon2 {  
  background: url("/sf-images/icons/activitytable/add-new-artifact.gif");
}

.download_icon, .download_icon2 {
  background: url("/sf-images/icons/activitytable/download.gif");
}

.edit_icon, .edit_icon2 {
  background: url("/sf-images/icons/activitytable/edit.png");
}

.launch_icon, .launch_icon2 {
  background: url("/sf-images/icons/activitytable/launch.gif");
}

.report_icon, .report_icon2 {
  background: url("/sf-images/icons/activitytable/generate-report.gif");
}

.view_icon, .view_icon2 {
  background: url("/sf-images/icons/activitytable/query-artifacts.gif");
}

.add_icon, .add_icon2, .download_icon, .download_icon2, .edit_icon, .edit_icon2, .launch_icon, .launch_icon2, .report_icon, .report_icon2, .view_icon, .view_icon2 {
  padding-left: 14px;
  background-repeat: no-repeat;
  background-position:  0 .5em;
}

/* Extra spacing for alternate icon divs */
.add_icon2, .download_icon2, .edit_icon2, .launch_icon2, .report_icon2, .view_icon2 {
  margin-bottom: 4px;
}

#activitybox ul {
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  margin-top: 3px;
}

#activitybox ul li {
  padding-left: 8px;
  margin: 0 0 3px 6px;
  list-style-type: none;
  background: url("/sf-images/icons/activitytable/bullet-small.gif") no-repeat .1em .6em;
}


/*
*********************
 * PROFILES STYLES *
*********************
*/

table.Profile {
  border: 1px solid #999;
  background-color: #fff;
  width: 100%;
  border-collapse: collapse;
}

table.Profile td.Summary {
  padding: 3px;
  vertical-align: top;
  text-align: left;
  width: 2%;
  white-space: nowrap;
  border-right: 1px solid #999;
}

table.Profile.Long {
  background-color: #ffc1c1;
}

table.Profile.Method {
  border: 1px solid #006400;
}

table.Profile.Query {
  border: 1px solid #ffd700;
}

table#queryList.ItemListTable td {
   word-break: normal;
}

table.Profile td.ErrorMessage {
  border: inherit;
  background-color: #b22222;
  color: #FFF;
  font-weight: bold;
}

/*
***********************************
 * FORM SUBMIT BUTTON STYLES *
 ***********************************
 */

/* Basic font, positioning, borders, padding, styles */
div.Button, div.DropDownRight, div.ButtonSelection,
div.Middle, div.MiddleDisabled, div.MiddleDisabledDropDown, div.MiddleDropDown, .btn {
  font-weight: normal;
  text-decoration: none; 
  white-space: nowrap;
  float: left;
  border: none;
  margin: 0 1px;
}

/* For IE9*/
:root div.DropDownRight, div.MiddleDropDown, div.ButtonSelection, div.FilterRight, div.FilterLeft, div.ButtonSelection {
  margin: 0px 1px;
  padding-top: 8px;
}

.ButtonSpace, .ButtonSpaceSeparator {
  float: left;
}

div.Button div.MiddleDisabled a {
  text-decoration: none;
  color: #C1D1E2;
}

div.Button div.MiddleDropDown {
  padding: 0 0 0 8px;
  border-radius: 4px 0 0 4px;
  height: 36px;
  background-color: #3dade0;
}

div.Button div.DropDownRight {
  line-height: 20px;
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
  height: 21px\9;
}

.Button .Middle form {
  margin: 0;
}

.Middle a strong {
  font-weight: normal;
}

/*For IE8 and below */
div.ButtonSpaceSeparator {
  float: left;
  margin-right: 4px;
  margin-left: 2px;
  display: none;
}

/* Active Button styles */
div.Button .caret {
  margin-top: 13px;
  margin-right: 4px;
}

div.Button div.DropDownRight .caret {
  border-bottom-color: #fff;
  border-top-color: #fff;
}

/*For IE9 and other browsers */
:root div.Button div.DropDownRight {
  height: 36px;
  padding: 0px 2px;
  line-height: 24px
}

div.ButtonSelection {
  line-height: 21px;
}

div.Button div.MiddleDropDown a {
  margin-top: 4px;
}

div.Button div.Middle, div.Button div.MiddleDropDown, div.Button div.MiddleDropDown a:link, div.Button div.MiddleDropDown a:visited, div.Button div.Middle a:link, div.Button div.Middle a:visited {
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  font-weight: normal;
}

div.Button div.Middle a, div.Button div.MiddleDropDown a {
  text-decoration: none;
  padding: 6px;
  display: inline-block;
}

div.Button div.Middle img {
  margin-top: -5px;
  margin-bottom: -4px;
  padding-right: 4px;
  border: 0 none;
}
 
div.reorder-button {
  padding: 0;
  clear: both;
  margin: 10px;
}

form[name=reorderObjects] td.ContainerBodyWithPaddedBorder > img{
  vertical-align: top;
  max-width: 15px;
  max-height: 15px;
}

 form[name=selectUsers] .OddRow td, form[name=selectUsers] .EvenRow td{ 
 padding:10px 15px 10px 24px;
}
form[name="selectUsers"] tr.OddRow:hover td, form[name="selectUsers"] tr.EvenRow:hover td, form[name="addAttachment"] table.PaddedTable, form[name="rejectComment"] table.PaddedTable {
 background:#fff;
}

form[name=selectUsers] tr td{
 border-bottom:0;
}

form[name="addAttachment"] div.containerFooter {
  margin: 20px;
}

form[name="addAttachment"] div.containerFooter .AlignRight {
  padding-bottom: 10px;
}

form[name="addAttachment"] td.ItemDetailHelpText,form[name="addAttachment"] td.ItemDetailValue {
  padding: 15px;
}
.white-padded-modal tr.ContainerFooter {
  border-top: 1px solid #cdd6db;
}

.artifactFieldError {
  display: block;
  width: 200px
}

/*
***************************
 * MISC STYLES *
***************************
*/

.floatleft, div.FilterButton div.FilterLeft img, tr.ItemListHeader img.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.selectiongroup { 
  padding: 2px 0 6px 2em;
}

img#filtericon {
  padding: 0 3px;
  margin-right: 3px;
}

.filterSeparator:before, .filterSeparator:after {
  content: "|";
  display: block;
  position: absolute;
  top: 50%;
  line-height: 16px;
  margin-top: -8px;
  color: #cdd6db;
}

.filterSeparator:before {
  right: -1px;
}

.filterSeparator:after {
  background: none repeat scroll 0 0 #fff;
  left: -2px;
  width: 1px;
}

tr#filter td {
  position: relative;
  vertical-align: middle;
}

#filter td select.FilterInput {
  margin-bottom: 0;
}

tr#filter table.NoBorders td, div.FilterButton div.FilterLeft img {
  border: 0 none;
}

tr#filter:hover{
  background: #fff;
  border: 0 none;
}

tr#filter button.FilterInput, tr#filter input, tr#filter .filter-input-no-border{
  background:0 none;
  border:0 none;
  border-radius: 0;
  box-shadow: none;
  color: #404e54;
  font-size: 14px;
  margin-bottom: 0;
  padding: 0;
  width: auto
}

tr#filter button.FilterInput, tr#filter .inputfield{
  margin: 0;
}

tr#filter button.FilterInput span.ui-icon {
  background: url('/sf-images/misc/dropdown_dark.gif') no-repeat center 8px;
}

.ui-multiselect-menu .ui-multiselect-filter {
  margin: 0;
  float: none;
}

.ui-multiselect-menu .ui-multiselect-filter input {
  margin: 0;
}

.ui-multiselect-menu .ui-multiselect-filter input[type="search"] {
  font-size: 11px;
  box-sizing: border-box;
  margin: 0;
  width: 100% !important;
  height: auto;
  border: 1px solid #ccc;
}

tr#filter button.FilterInput, tr#filter .inputfield{
  width: 92%;
}

tr#filter button.FilterInput{
  width: 100% !important;
  white-space: nowrap;
}

tr#filter button.FilterInput span:not(.ui-icon) {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

tr#filter td input.inputfield ~ input{
  width: -moz-calc(92% - 70px);
  width: -webkit-calc(92% - 70px);
  width: calc(92% - 70px);
}

tr#filter input.inputfield:nth-last-of-type(2) {
  width: 60px;
}

tr#filter.filter-row .cal-icon {
 min-width: 102px;
 width: 102px;
 padding-left: 0;
 text-align: left;
}

.ui-multiselect-checkboxes label#filterLabel > label {
  background: none;
  border: 0 none;
  display: inline;
  margin-right: 5px;
  position: relative;
}

form[name="selectArtifactsForm"] table.PageNavTable {
  margin-bottom:10px;
}

.ui-multiselect-checkboxes label#filterLabel > label input {
  float: left;
  margin-left: 0
}

.dropdown-menu div.datepicker {
  padding: 0;
  width: auto;
}

.dropdown-menu .datepicker input {
  background: url("/sf-images/icons/date_popup.png") no-repeat scroll 95% 5px #fff;
}

div.FilterButton {
    float: right;
    position: relative;
    padding: 0px;
    margin: -6px 0;
    padding-top: 3px
}

div.FilterButton div.FilterLeft {
  display: inline-block;
  font-size: 11px;
  line-height: 21px;
  height: 25px;
  padding: 3px 0 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 30px 0 0 30px;
  text-transform: uppercase;
  font-weight: 600 !important;
}

div.FilterLeft a {
  text-decoration: none !important;
  display: inline-block;
  color: #fff !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  letter-spacing: 0.14em;
  font-size: 11px !important;
}

div.FilterButton div.FilterRight {
  display: inline-block;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 11px 10px;
  border-radius: 0 30px 30px 0;
  height: 25px;
  margin-left: -2px;
}

div.FilterButton div.FilterRight .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

div.FilterRight {
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    border: none;
    margin: 0px 1px;
}

div.FilterButton .caret {
    margin-left: -2px;
    margin-bottom: 0px;
}

td#filterImgContainer {
   background-image: url("/sf-images/icons/table/filter_grey.png") !important; 
   background-repeat: no-repeat !important;
   background-position: 4px;
   width: 20px;
   min-width: 10px;
}

.FilterButton a:focus {
  outline: none;
}

div.menu img {
    width: 11px;
    border: 0 none;
    float: none;
    margin: 0
}

/*Containerheaders for  Tracker, Planning Folder page and Tracker Search page*/
#ArtifactListTableHeader tr.ContainerHeader td, #ArtifactListTable tr.ContainerHeader td {
  font-size: 13px
}

#ArtifactListTableData img {
  margin-left: 5px;
}

/*Hide Summary Charts*/
#TrackerSummaryChartsSmall td{
padding-right:5px;
border-style:none;
}

#ArtifactListTableDivFooter {
 height: 30px;
 width: 100%;
}

#ArtifactListTableFooter {
  float : right;
  width: 100%
}

#smallChart  {
  float:right;
  display:none;
  width:100%;
}

#graphHolder {
  float: right;
  width: 30%; 
}

#showHideChartButton img {
  border:  0 none;
  text-decoration: none;
}

div.small-header {
  font-size: 18px;
}

#showHideChartButtonHolder {
  float: right;
  padding: 4px 0 0 10px;
}

.hidePaddings td {
  height: 25px;
}

td.chart-cell-height {
  height: 20px;
}

#titleHolder {
  float: left;
  padding-right: 5px;
  line-height: 20px
}

/* end Hide Summary Charts*/

div#showAllForShared, div#showAllForMy {
  font-size: 11px;
  font-weight: normal;
}

div.WarningInPanel   {
  padding: .4em;
  background-color: #fefedd;
  color: #000;
}

.fieldLabel_gray {
  color:#606060;
  font-weight:bold;
}

.fieldValue {
  color:#000;
  font-weight:normal;
  line-height:110%;
}

div.smallTitle, span.smallTitle {
  font-size: smaller;
  padding-bottom: 1px;
}

td.ContainerBodyWithBorderNoTopBorder {
  border-top: none;
  border-left: 1px solid rgb(206, 206, 206);
  border-right: 1px solid rgb(206, 206, 206);
}

tr.rowSelected {
  background-color: #fff;
}

td.noMargin {
  margin: 0;
}

table.marginBottom {
  margin-bottom:8px;
}

table.marginTop {
  margin-top:8px;
}

table#searchCriteriaContainer td {
  border-collapse: collapse;
}

table.marginTop3 {
   margin-top: 3em;
}

.fieldLabel_gray {
  color:#606060;
  font-weight:bold;
}

th.ItemListHeaderFirst , th.ItemListHeader{
  background-color: #DEE0EC;
  padding: 4px;
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: middle;
  text-align:left;
  border: 1px solid #9B9B9B;
}

tr.ItemListHeader > td {
  white-space: nowrap; 
  vertical-align: middle;
  padding: 15px 10px 20px 10px;
}

th.FieldLabel_Gray, td.FieldLabel_Gray, td.FieldItem, td.FieldItemLarge, td.FieldItemLargerBold {
  padding: 4px;
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: top;
  color:#9b9b9b;
}

.fieldValue {
  color: #000;
  font-weight: normal;
  line-height: 110%;
}

span.PlainFont {
  font-size: 1.0em;
  font-weight: normal;
}

span.LargeFontBold, p.LargeFontBold {
  font-size: 1.2em;
  font-weight: bold;
}

span.Font_Gray, span.FontBold_Gray {
  color: #9b9b9b; 
}

span.FontBold_Gray {
  font-weight: bold;
}

div.padding {
  padding: 4px 8px;
}

.bottomspace20 {
  padding-bottom: 20px !important;
}

#MonitoringUsersTable tbody.user_monitoring_list {
  min-height: 250px;
  max-height: 250px;
  display: inline-block;
  width: 100%;
  overflow-y: auto;
  background: #fff;
}

/*specific to my monitoring settings*/
.grayText  {
  color: #999;
  text-decoration: none;
}

span.font8WithLeftMargin {
    margin-left: 10px; font-size: 8pt;
}

/*
********************************************
*  filter bar buttons for tables       *
********************************************
*/
 
 

#ArtifactListTable tr.ContainerHeader select.inputfield {
  margin-bottom: 2px;  
}

#ArtifactListTable tr.ContainerHeader select.inputfield {
  margin-bottom: 2px;
  height: 28px
}

#ArtifactListTable tr.ContainerHeader div.AlignRight,
#ArtifactListTable tr.ContainerHeader div.FilterButton {
  padding-top: 8px
}

table.small-header tr.ContainerHeader .AppButtonText {
  font-size: 0.87em;
}

table table.ItemListTable tr.ContainerHeader .AppButtonText {
   font-size: 0.83em !important;
}

.row-selected td, tr.row-selected:hover td{
  background: #e1eaec;
}

#ArtifactListTable tr.ContainerHeader td .AppButtonText, #ArtifactListTableHeader tr.ContainerHeader td .AppButtonText {
  font-size: 11px !important;
}

.FilterAppButton a, .FilterAppButton a:visited {
  text-decoration:none;
  color: #333;
}

.HeaderRowBar {
  padding-top: 3px;
}

/*
********************************************
*  tree/list/grid buttons for tables       *
********************************************
*/
 
div.TreeListGridButtonOff, div.TreeListGridButtonOn {
  float: left;
  display: inline-block;  
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;	
}

div.TreeListGridButtonOn {
  margin-right: 0; 
  margin-bottom: 0;  
  line-height: 20px;
  background-image: none;
  outline: 0;  
  font-weight: 600;
  letter-spacing: 0.14em;
  background-image: none;
}

div.FirstTLGButton {
  margin-left: 0.69em;
  border-radius: 30px 0 0 30px; 
}

table.TLGButtonTable {
  font-size: 14px;
  padding: 0;
}

div.TreeListGridButtonOff td,  div.TreeListGridButtonOn td {
  background: none repeat scroll 0 0 transparent !important;
  border-width: 0 !important;
  padding: 0 !important;
  font-weight: normal;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
}

div.TreeListGridButtonOff:hover {
  text-decoration: none;
  transition: background-position 0.1s linear;
}

.TLGButtonTable td img {
  padding-right: 8px;
  padding-left: 4px;
}

.TreeListGridButtonOn .AppButtonText {
  color: #fff;
  padding: 0 9px 0 0 !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

/**************Fixing the Icon that shows the rules for Password requirements***********/
div.ctf-tooltip {	
 left: 49.75px;   
 top: 411px;
 position: absolute;
 padding: 10px;
 visibility: hidden;
 background: none repeat scroll 0 0 #FFFCB4;    
}

div.ellipsis {
  width: 0;
  min-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

img.menuImgHidden {
  visibility: hidden;
}

tr.TabHeader table.TLGButtonTable td.AppButtonPadding img {
  margin-right: 4px !important;
}

table.TLGButtonTable .AppButtonText {
  font-weight: 600 !important;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 11px !important;
  padding: 3px 9px 0 2px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
********************************************
*  openCollabNet page Styles   *
********************************************
*/

#opencollabnet_sfee {
 padding-left: 6px;
 padding-right: 6px;
}


#opencollabnet_sfee div.h2 {
  border: 1px solid #d4d2d0;
  border-top: none;
  border-collapse: collapse;
  padding: 8px;
  padding-top: 0;
  margin-right: 1em;
}

#opencollabnet_sfee div.h2 h2 {
  border: 1px solid #ace;
  border-top: 1px solid #69c;  
  padding: 3px 5px;
  font-size: 1.27em;
  font-weight: bold;
  border-collapse: collapse;
  margin: 0 -8px 1em -8px;
}

#opencollabnet_sfee div.h3 h3 {
   padding: 0;
}

#opencollabnet_sfee .page_module {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

#opencollabnet_sfee .page_module .moduleList ul {
  list-style: none;
  margin: 0;
  margin-top: 5px;
  padding-left: 6px;  
}

#opencollabnet_sfee .page_module .moduleList li {
  margin: 0 0 .50em 0;
}
#opencollabnet_sfee .page_module .more {
  font-weight: bold;
}

/* edit_role.jsp's Source Code Permission table */

#editRole_scmPerm td {
  border-right:0;
  border-left:0;
  vertical-align: middle;
}

#editRole_scmPerm .fgp_path_label, #editRole_scmPerm .fgp_path_indent1 {
  padding-left:15px;
}

#editRole_scmPerm .fgp_path_label, .my_page_tabs_space {
  margin-top:5px;
}

#editRole_scmPerm .fgp_path_label img {
  vertical-align: bottom;
  margin-right: 5px;
}

#editRole_scmPerm .fgp_path_indent2 {
  padding-left:15px;
  vertical-align: middle;
}

#editRole_scmPerm .fgp_path_indent2 > table td{
  border-bottom: none;
}

#editRole_scmPerm .fgp_path_repo_perm {
  vertical-align: top;
}

tr.fgp_disabled td {
  background-color:#f2f5f9;
}

.showmoreicon {
  margin-bottom: -2px;
  margin-left: 4px;
}

/* copy color of tr.cutClass */
tr.fgp_mod_setting td {
  background-color:#ffffbb;
}

div#assignedPlanningFolderPath {
  display:none;
}

a.planningFolderPopup img {
  margin-left:2px;
  vertical-align:middle;
  border: none;
}

.planningFolderPopup, a.teamPopup {
  display: inline-block;
  margin-right: 10px;
  min-width: 60px;
}

/*
********************************************
*  License Banner Styles   *
********************************************
*/

.license-banner {
  padding: 5px 42px 2px 8px;
  margin: 10px 10px 0;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  background-color: #3dade0;
  border-radius: 4px;
  display: none
}
#licenseBanner td {
  vertical-align: middle;
  padding-left: 15px;
}

#licenseBanner td a {
  color: #fff;
  text-decoration: underline
}

#licenseBanner td #admin {
  padding-left: 18px;
}

.license-banner td b {
  background-color: #0f97ca;
  border-radius: 4px;
  font-weight: normal;
  padding: 2px 4px;
  text-align: center;
}

.license-banner td a:hover {
  color: #C0C0C0;
}

.license-banner td a:visited {
  color: #808080;
}

#licenseBannerExpired {
  background-color: #f84942;
}

/* help text */
.formHelpText {
  margin:5px;
  padding-left:5px;
  font-style: italic;
}

/* showing differences on artifact changes */
.ins, ins {
  background: #BEB;
}
.del, del {
  background: #EBB;
}
.differences {
    clear:both;
    overflow:automatic;
}
.diff {
    margin-left:   22px;
    margin-top:     12px;
    margin-bottom:  12px;
}
.side_by_side {
    margin-left:   15px;
    margin-top:     12px;
    margin-bottom:  12px;
    width: 850px;
    display: none;
    clear:both;
}

.side_by_side > div {
  margin-right: 15px	
}

.side_by_side_from {
    width: 400px;
    border-right: 1px solid #aaa;
    float: left;
    margin-left: 0;
    margin-right: 0;
    white-space: pre-wrap;
    overflow: auto;
}
.side_by_side_to {
    width: 400px;
    border-left: 1px solid #aaa;
    float: left;
    margin-left: 0;
    padding-left: 2em;
    position: relative;
    right: 1px;
    white-space: pre-wrap;
    overflow: auto;
}

.differences .side_by_side_from {
  padding-right: 7px;
  border-right: 1px solid #ccc;
  border-radius: 0
}

.differences .side_by_side_to {
  padding-left: 7px;  
}

.difftoggle, .sidetoggle, .hidetoggle {
  padding: 0 3px;
}

img.profilePicture {
  margin:5px;
  width:100px;
  height:100px;
}

.profilePictureControls {
  vertical-align:top;
  padding-top: 10px;
}

td.profileDetail-picture-true {
  width:90%;
}

td.profileDetail-picture-false {
  width:100%;
}

td.profileDetail-picture-true div.profileDetail {
  padding:5px;
}

div.profileDetailEmpty {
  padding:3px;
  font-style:italic;
  color:#6e6e6e;
}

font.greyed {
  color:#848284
}

.defaultTracker {
    background: url('/sf-images/icons/defaultTracker.gif') no-repeat left;
    padding: 0 0 5px 20px;  
}
/* Alien!!! */
.alien {
    background: url('/sf-images/icons/alien.png') no-repeat left center;
    padding: 8px;
    margin: 0 0 0 5px;

}

td.showMoreResults {
    padding: 3px 0 3px 10px;
    font-weight: bold;
}

.trackerIcon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right:4px;
}

#iconTable td {
    padding:0 12px 5px 0;
        white-space:nowrap;
}

div.summary-chart {
  margin: 0 auto;
  display: inline-block;
  cursor: pointer;
}

.legend {
    white-space: nowrap; 
    font-size: 7.5pt;
}
.legend table {
    margin:0 5px; 
    padding:0; 
}

.legend div {   
    padding: 0 3px; 
    margin: 2px 5px 0 0; 
    height: 9px; 
    float: left;
}
.legend .closed {
    background: #669966;    
}
.legend .open {
    background: #f84c49;
}

/* for create-in widget */
div.selectionMenu {
  visibility: hidden;
  position:absolute;
  top:-1000px;
  z-index:2;
}

a.menuItemWithMargin, div.menuItemWithMargin {
  margin-left: 11px;
}

div.instructionHeader {
  padding: 6px 0 6px 2em;
  background: url(/sf-images/icons/icon_info_sml.png) 5px 0.4em no-repeat;
}

.forumReplyToEmailDisable {
     color: #777;
     border: #9B9B9B 1px solid;
     background-color: #f2f2f2;
     padding: 0;
}
/* used by view planning folder rank mode to show d&d enabled */
table.dndEnabled tr.tbl-row {
  cursor:move;
}

/* used by view planning folder rank mode to show d&d busy */
table.dndWait tr.treeview, table.dndWait td.treeview, table.dndWait a {
  cursor:wait;
}

/* To display tooltip for password requirements */
.ctf-tooltip {
 font-size:10px;
 font-family: Arial,sans-serif;
 border:solid 1px #666666; 
 width:100px; 
 padding:1px;
 position:absolute; 
 z-index:100;
 visibility:hidden; 
 color:#000; 
 top:20px;
 left:90px; 
 background-color:#ffffcc;
 layer-background-color:#ffffcc;
}

.sectionSeparator {
  border-bottom: 1px solid #84ACE6;
  padding-top: 8px;
  font-weight: bold;
  padding-bottom: 0px;
  padding-left: 0px;
}

.separatorLabel {
  background:#84ACE6;
  color: #fff;
  padding:2px 5px 3px 5px;  
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;  
}

span.separatorLabel, span.rowColumnSeparatorLabel {
  padding-top: 2px;
  font-weight: bold;
}

.rowSeparator {
  border-bottom: 1px dotted #D4D2D0;  
}

/* Styles for the Field Validation UI */
table.FieldValidationTable {
  margin: 0;
  padding: 0;
  width: 100%;
}

td.FieldValidationLabel {
  padding: 5px;
  white-space: nowrap;
  width: 10%;
}

td.FieldValidationValueContainer {
  padding: 5px;
}

td.FieldValidationValueContainer input, td.FieldValidationTableSplitPanel textarea {
  width: 100%;
}

td.FieldValidationTableSplitPanel {
  padding: 0 5px 5px 5px;
  width: 50%;
}

#FieldValidationResultsHeader {
  font-weight: bold;
  padding: 15px;
}

#FieldValidationResultsContainer {
  font-style: italic;
  margin: 0;
  padding: 0 15px;
}

#FieldValidationResultsContainer p {
  margin: 0;
  padding: 0;
}

span.FieldValidationMatch {
  background-color: #aaccee;
}

#FieldValidationQuickReferenceHeader {
  font-size: 1.09em;
  font-weight: bold;
}

#FieldValidationQuickReferenceContainer {
  font-size: 1.18em;
}

table.FieldValidationCenteredTable {
  margin: 0 auto;
}

table.FieldValidationCenteredTable td {
  padding-right: 15px;
}

/* add some margins to the lower right of popup to prevent link "outlines" from causing scrolling to appear */
div#popupContent {
  margin: 1px;
}

/*for IE, need to manually put a background color for selected disabled options */
.selectedDisabledOptions {
  background-color: #316AC5;
  color: #333;  
}

/* used for helpText */
td.ItemDetailHelpText {
  border-style: none;
  padding: 3px 1px;
}

/* field validation result */
.fv_result {
  margin-left:1px;
}

/* prevent field validation images from wrapping */
#artifactTable td.ItemDetailValue {
  white-space:nowrap;
}

form[name="viewArtifactForm"] td.ItemDetailValue, #artifactSummary form[name="viewArtifactForm"] td.ItemDetailValue, form[name="viewArtifactForm"] td.ItemDetailValue, #artifactComments form[name="viewArtifactForm"] td.ItemDetailValue {
  vertical-align:middle;
}

#artifactTable textarea {
  min-width: 180px;
}

.snippet{
  font-size:9pt;
  line-height:10.5pt;
  padding:2px;
  margin-top:2px;
  margin-bottom:2px;
  border:1px solid #b0c4de;
  background-color:#eee;
  overflow:hidden;
}

  #treeBranch tr, #treeBranch td, #treeBranch img, #treeBranch input,
  .documentPermissionStyle,  .documentPermissionStyle tr,  .documentPermissionStyle td, .documentPermissionStyle input, .documentPermissionStyle img {
  padding:0;
  margin:0;
}

#treeBranch .editRoleDocumentFolderChildRow input {
  margin-top: 8px;
  float: left
}

#listReportsContainer{
  float:left;
  border-color: transparent;
}

#myprojects-submenu li a {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

/** css for login menu */

.login-menu {
  padding-left: 5px;
  width: auto;
}

div.login-menu div.input-text input.inputfield {
  padding-right: 10px;
  width: 135px;
}

div.login-menu div.input-text, div.login-menu div.AlignRight {
  padding-top: 3px;
  padding-bottom: 3px;
}

div#teamLeftNav div#teamLeftNavTopPanelTitle {
  height: 20px;
}

.tab-result-wrap {
  min-height: 180px;
  position: relative;
  padding-bottom: 60px
}

.tab-result-wrap a:hover, .sidebar-wrap a:hover {
  text-decoration: none
}

th {
  text-align: left;
}

.sidebar-wrap .left-navigation-header, #pcenav .navGradient, #pcenav .NavSelected {
  padding:10px 15px;
  border-bottom: 1px solid #cdd6db;
  font-size: 18px;
  color: #363f41;
  white-space: normal;
  font-weight: 600;
  line-height: 20px
}

.sidebar-wrap .left-navigation-header {
  padding: 15px
}

#pcenav .navGradient, #pcenav .NavSelected { 
  border-bottom: 0 none;
  font-size: 14px;
}

#pcenav .navGradient:first-child {
  border-bottom: 1px solid #e9f0f2;
}

.sidebar-wrap .LeftNavContent input.inputfield {
  width: 150px;
  padding: 4px 6px
}

.sidebar-wrap .left-navigation {
  line-height: 15px;
  padding: 15px 12px 5px 15px;
  white-space: normal
}

.sidebar-wrap .left-navigation dl {
  margin-bottom: 0
}

.sidebar-wrap .left-navigation dl dt {
  padding: 3px 0;
  font-weight: normal
}

.sidebar-wrap .left-navigation dl .project-home-project-admin:hover {
  background: #f9fbfb;
  margin: 0 -10px 0 -15px;  
}

.sidebar-wrap .left-navigation dl dt:hover {
  background: #f9fbfb;
  margin: 0 -10px 0 -15px;
  padding-left: 15px;
  padding-right: 10px
}

.sidebar-wrap .left-navigation dl dt:hover .floatright a{
  padding-right: 10px
}

.sidebar-wrap .left-navigation dl dt:hover a {
  text-decoration: none
}

hr.separator {
  border-bottom-width: 1px;
  border-bottom-color: white;
}

.newusers-enabled, .newusers-disabled {
  padding: 2px;
  color: #fff;
  font-weight: bold; 
}

.newusers-disabled {
  background-color: #b94a48;
}

.newusers-enabled, .newusers-disabled {
  background: none;
  border-bottom: 1px solid #cdd6db;  
  color: #363f41;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

#localLogin[name="login"] .Container,  #forcePasswordChangeForm  {
  margin: auto;
  width: 520px;
}

#localLogin[name="login"] .LeftNavContent td, #localLogin[name="login"] .LeftNavContent td label {
  vertical-align: middle;
  font-size: 14px;
}

#localLogin[name="login"] .sidebar-wrap .LeftNavContent input.inputfield {
  margin:0;
}

.QuickLinks .sidebar-wrap .left-navigation td {
    padding-bottom: 10px;
}

#localLogin[name="login"] .sidebar-wrap .left-navigation td label {
    font-size: 13px;
}

#localLogin[name="login"] {
  margin:0;
}

#localLogin[name="login"] .AlignRight .Button {
 float:right;
}

#localLogin[name="login"] .Container td.ItemDetailName {
  width:60px;
}

#localLogin[name="login"] .LeftNavContent td input.inputfield, form[name="resetPassword"]  .ContianerBodyWithPaddedBorder td input.inputfield{
  margin:0;
}

.forgotPassword {
  text-align:right;
}

#localLogin[name="login"] .LeftNavContent td hr {
  margin: 10px 0 0;
}

#localLogin[name="login"] .Container .forgotPassword {
 margin-bottom:10px;
}

form#resetPassword {
  border-radius: 6px;
  background:#fff;
  width: 500px;
  margin:auto;
}

form[name="resetPassword"]  .ContianerBodyWithPaddedBorder {
  padding:15px;
}

form[name="resetPassword"]  .ContianerBodyWithPaddedBorder td {
  vertical-align:middle;
  padding: 0 3px 10px;
}

.new-user {
  margin-top: 10px;
  text-align: right;
}

.QuickLinks td {
  line-height: 18px;
  padding-bottom: 2px;
}

.text-align-left {
  text-align: left;
}

.hide:hover, show:focus {
  outline: none;
  outline-offset: 0;
}

div[displayclosedartifacts="disabled"],div[enableButton="disabled"],div[disabled="disabled"],[isenabled="false"]{
   pointer-events: none;
   opacity: 0.4;
   filter: alpha(opacity=40);
   cursor:default;
}

.toggle-btn {
  margin: 0 10px;
  display: inline-block;
  white-space: nowrap;
  float: right;
  min-width: 353px;
}

.btn-wrapper-cell .btn-secondary.btn-rounded {
  padding: 0;
}

.btn-wrapper-cell .btn-secondary.btn-rounded a{
  padding: 3px 20px 2px 20px;
}

.toggle-left {
	border-radius: 4px 0 0 4px;
	float: left;
}

.toggle-middle {
	border-radius: 0;
	float: left;
}
	
.toggle-right {
	border-radius: 0 4px 4px 0;
	float: right;
}

.btn-wrapper-cell .toggle-right a {
  padding: 3px 17px;
}


/**
 * Styles for patch message info for BTF sites.
 * These styles are used in trunk/releng/components/runtime/cron/default-cron/weekly/50-check_updates.sh
 */
img.patch-msg, .patch-msg-count {
  margin-top: 5px;
}

.patch-msg-count {
  border-radius: 2px;
  color: #71a7e3;
  font-size: 11px;
  line-height: 1.2;
  padding: 1px 3px;
  position: absolute;
  right: 2px;
  text-indent: 0;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
  top: 0;
}

#patch-list {
  background-color: #FCF8E3;
  color: #C09853 !important;
  margin: 2px;
}

.patch-version-msg {
  white-space: nowrap;
  vertical-align: middle;
  padding: 3px 15px;
}

.patch-version-help {
  margin: 0 3px;
}

/** End of patch message styles */

/**
 Pop up windows of inline editing
**/
.meter-wrap{
  position:relative;
  display:block;
  margin:auto;
  width:100%;
}
	
.meter-text-message, .progress-text  {
  font-size: 15px;
}

.completed-text {
	margin-left: 25px;
	padding-bottom: 20px;
}

#boxes .inLineEditErrors{
  display:none;
  margin:auto;
  overflow:auto;
  height:150px;
  width:90%;
}

#boxes .modal-footer {
	padding: 15px;
	background: 0 none;
}

.inlineeditInputError{
	border: 1px solid red;	
	border-radius: 3px;
	box-shadow: 0 0 10px #000;
}

/**
so the calendar goes over the artifact table
*/
div.calendar {
  font-size: 1em;
  position: relative;
  z-index: 9999;
}

#_SfButton_inLineEditSaveButton, #_SfButton_inLineEditCancelButton {
  display:none;	
}

.boxed-border {
  border: 1px solid #ECECEC !important;
}

/**
 End of Pop up windows of inline editing
**/

/*Edit Role Document Folder Tree*/
.editRoleDocumentFolderChildren {
  padding-left: 3px;
}

img.BranchDF {
  width: 19px;
  margin: 0 2px;
  vertical-align: middle;
  float:left;
  height:25px;
}

.editRoleDocumentFolderChildRow {
  padding-bottom: 2px;
  padding-left:0;
  float:left;
}

#treeBranch .editRoleDocumentFolderChildRow input:focus, #treeBranch .editRoleDocumentFolderChildRow input:hover, #treeBranch .editRoleDocumentFolderChildRow input:active {
 outline: none;
}

.editRoleDocumentFolderChildrenCheckbox{
  float:left;
  padding-left:5px;
  padding-top:2px;
}

.editRoleDocumentFolderLabelRow{
  padding-bottom: 5px;
  padding-left:5px;
  float:right;
  margin-top: 4px;	
}

.editRoleDocumentFolderChildrenContainer{
  display:none;
}

 .floatingHeader {
  position: fixed;
  top: 41px;
  visibility: hidden;
  z-index: 100;
}

.floatingHeader #checkbox_head {
  padding-left: 20px
}

.floatingHeader #monitoringUserId_head {
  padding-right: 20px
}

.floatingFooter{
  position: fixed;
  visibility: hidden;
}
 
div.tbl-container {
  width: 100%;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-base-color: #ffeaff;
  border: 2px;
}

.inline-edit-disabled,
tr.OddRow:hover td.inline-edit-disabled,
tr.EvenRow:hover td.inline-edit-disabled, 
.inline-edit-disabled  {
  cursor: not-allowed;
  opacity: 0.6;
}

.inline-edit-disabled a {
    text-decoration: none;
    cursor: not-allowed;
}

Title a:hover {
 text-decoration: none;
}

/* Shows a hand hovering on the cell background of an editable drop down */
.edit select {
    cursor: pointer;
}

/** css for Jump to ID field */


.iaf-topnav-dropdown-menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/** End of Jump to ID field */

/* planning board style */
.item-destination, .item-table, .table-header, .resizable {
   padding: 0;
   margin: 0;
   border: 0;
}

.planningColumn {
	height: 98%;
	background-color: #ffffff; /* This is required as IE 10 leaves scroll-area's box-shadow line behind while scrolling*/
}

.item-destination {
   min-height: 88%;
   clear: both;
}

.item-nodata  {
	display: block;
	font-size: 1.02em;
	padding: 21px 0 15px 30px;
	background: url(/sf-images/icons/icon_info_sml.png) 10px 1.2em no-repeat;
	font-style: italic;
	margin: 4px 0 0;
}

.item-table {
   table-layout: fixed;
   width: 100%;
   padding: 0;
   margin: 2px 0 0 0;
   border: 0;
   min-width: 780px;
}

.table-column {
   padding: 0;
}

.item-table .resizeable-header {
   border-right: 1px solid black;
}

.column-header {
  padding: 8px 0 0 0;
  border-width: 0 0 1px;
  background-color: #eee;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.header-icon-row {
   height: 32px;
}

.planningcolumn {
   margin: 0;
   height: 32px;
   padding: 0;
   color: #fff;
}

.artifact-priority {
    width: 4px;
    cursor: auto;
}

.artifact-card {
    table-layout: fixed;
    width: 100%;        
}

/* Artifact Editor Styles. */

.artifact-editor {
   font-size: 8pt;
   vertical-align: top;
}

.artifact-editor>div {
   float: left;
   width: 100%;
}

.artifact-editor label {
   white-space: nowrap;
   padding: .2em .2em .2em 0;
   font-size: 1.1em;
}

.editor-description label {
   display: block;
}

.editor-description>div>textarea {
   width: 97.65% ! important;
   margin: 0 ! important;
   overflow-x: auto;
   overflow-y: scroll;
}
.editor-selectionBox,.tracker-list {
	padding-bottom: 3px;
	padding-top: 3px;
}

.ui-accordion-content {
   height: auto !important;
}

.edit-artifact-link {	
	background-image: url("/sf-images/icons/edit_card");	
}

.edit-artifact-link, .icon-trash,.icon-edit {
	cursor: pointer;
	display: inline-block;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

label[for=copy-title] {
	padding-left:3px;
}

label[for=editor_new_tracker]{
	padding-right:5px;
}

.help-text-icon {
  background-image: url("/sf-images/misc/helpText.png");
  display: inline-block;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding: 1px;
}

.otherfields-accordion-content-table select {
    width: 205px;
}

.otherfields-accordion-content-table textarea {
    resize: none;
}

.otherfields-accordion-content-table input, .otherfields-accordion-content-table textarea {
    width: 200px;
}

.otherfields-accordion-content {
	max-height: 140px;
	overflow-x: hidden !important;
}

.artifact-editor-settings-column-1 {
    float:left;
    width: 45%;
}

.settings-accordion-content-table select {
    width: 90px;
}

h3.settings-accordion-header {
	margin-bottom: 0
}

.artifact-editor-settings-column-1 input {
    width: 83px;
}

.artifact-editor-settings-column-2 {
    float:left;
    width: 50%;
    padding-left: 5px;
}

.artifact-editor-settings-column-2 input {
    width: 45px;
}

.artifact-editor-content {
    float:left;
    width: 45%;   
}

.artifact-editor-effort {
    float: left;
    width: 20%;
    padding-left: 5px;
}

.artifact-editor-effort-unit {
    float: left;
    width: 25%;
    padding-left: 10px;
}

.settings-column-row {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

/* planning easyui combo tree overrides. */
.tree, .combo-text {
    font-size: 1.1em !important;
}
.combo-arrow {
    background: url("/sf/js/easyui/themes/gray/images/menu_downarrow.png") no-repeat scroll 5px 8px #EDEDED !important;
}

.combo-text, .combo-arrow {
   height: 20px !important; 
   cursor: pointer !important;
}

.table-column .column-header {
    padding: 8px 2px 0!important;
}

.table-column .column-header .combo {
    position: static;
    box-sizing: border-box;
    margin: 0 !important;
    width: calc(100% - 4px)!important;
}

.table-column .column-header .combo .combo-text {
  width: calc(100% - 18px)!important;
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  margin-bottom: 0px;
}

.tree-node-hover {
   background : none repeat scroll 0 0 #EDEDED !important
}
.tree-node-selected {
   background : none repeat scroll 0 0 #e1eaec !important
}

.tree-folder{
   background: url("/sf-images/pngs/folder_closed.png") no-repeat scroll 0 0 transparent;
}

.tree-folder-open{
   background: url("/sf-images/pngs/folder_open.png") no-repeat scroll 0 0 transparent;
}

.tree-file {
   background: url("/sf-images/pngs/folder_closed.png") no-repeat scroll 0 0 transparent;
}

.tree-file, .tree-folder {
	margin-right: 10px;
}

.tree-expanded {
   background: url("/sf-images/pngs/minus.png") no-repeat scroll 0 0 transparent;
}

.tree-collapsed {
   background: url("/sf-images/pngs/plus.png") no-repeat scroll 0 0 transparent;
}


.truncateText  {
   background-color: #f5f5f5 !important;
   padding: 6px 0px 6px 2em;
   border-collapse: collapse;
   border: 1px solid #d4d2d0;
   background: url(/sf-images/icons/icon_info_sml.png) 5px 0.4em no-repeat;
   margin: 4px;
}

.refresh-btn {
	padding: 3px 5px;
	margin: -1px 2px 0;
	padding-right:4px\9;/* added so that refresh button aligned properly in IE8 */
}
.add-btn{
	padding: 3px 5px;
	margin: 0 2px 0;
	float:left;
	margin-top: 2px;
	
}

.content-selector-container {
	height: 27px;
	margin-left: 4px;
}

.infoText {
	display:none;
}

.modal-small {
	width:350px;
	text-align:center;
	margin: -250px 0 0 -180px ! important;
}

/* End of planning board style */
.left-navigation.divider {
   height: 1px;
   margin: 9px 1px;
   overflow: hidden;
   background-color: #e5e5e5;
   border-bottom: 1px solid #ffffff;
}

.PostCreator {
  font-weight: bold;
}

.PostDate {
  color: rgb(145, 143, 143);
  font-size: 11px;
  padding: 10px 0 5px;
}

.PostId {
  font-weight: bold;
  color: rgb(92, 92, 92);
}

.componenttitle, div.header-title {
  float: left;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600
}

div.header-title .ItemCount {
  font-size: 16px;
}

.trackerListSummary .header-title, .pfListSummary .header-title, .teamListSummary .header-title  {
  display: inline;
  float: none;
}

.pagecomponent table.Container tr.EvenRow, .pagecomponent table.Container tr.OddRow {
  background-color: #fff;
}

.pagecomponent table.Container tr.ItemListHeader td:first-child, 
.pagecomponent table.Container tr.EvenRow td:first-child, 
.pagecomponent table.Container tr.OddRow td:first-child, 
.pagecomponent table.Container tr.ItemListHeader th:first-child {
  padding-left: 23px;
}

.pagecomponent table.Container td.ContainerBodyWithPaddedBorder {
 border-bottom: 8px solid #fff;
}

.pagecomponent table.Container td.ContainerBody table.ItemListTable tr:last-child td {
  border-bottom: none;
} 

.pagecomponent table.Container div.tracker_comp_search_result div.Button {
  padding-top: 10px;
  padding-bottom: 10px;
}
 
#progressBar img {
  height: 20px;
}

#progressBar table {
 width: 100%;
}

.progress-bar {
  padding: 20px 20px 4px 14px;
  width:200px;
}

.progress-bar-text {
  padding: 0 0 4px 25px;
  font-size: 14px;
}

.progress-bar-errors {
  padding-top: 25px;
}

.progress-bar-warning{
  margin-left:65px;
  max-width:550px;
  padding: 10px;
  border-radius: 6px
}

#inLineEditErrorsContainer .progress-bar-warning {
  margin-left: 35px;
}

.progress-bar-errors .warning-header {
  margin-left: 25px;
}
.warning-header, .progress-bar-errors .warning-header {
  margin-bottom: 20px;
}


#popupContent .progress-bar-table {
  width:547px;
  background: #fff;
  border: 0 none;
  border-radius: 0;
  position: absolute\9;
  top: 0\9;
}

.progress-bar-table .ContainerHeader {
  border-bottom: 1px solid #d4d2d0;
  font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #000;
}

.progress-bar-table .ContainerFooter div.Button div.Middle a {
  display: inline-block;
}

.progress-bar-table tr.ContainerFooter td {
  padding: 15px\9;
}
.transitionRequiredFieldMarkInstruction, .transitionRequiredFieldMark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #CC3300;
    padding-left:2px;
    padding-right:2px;
    vertical-align:middle;
    margin: 1px;
    font-weight: bold
}
.pf-node-assigned {
	font-style: italic;
	font-weight: 600;
}

/* Styles for contextual menu */
tr.treeview td > li.contextual-menu,
td.treeview > li.contextual-menu {
  position: relative;
  opacity: 0;
  display: inline-block;
  vertical-align: top;
  list-style: none;
}

li.contextual-menu > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-top: 0 none;
  content: '';
}

table#ArtifactListTableData li.dropup > ul.dropdown-menu:after {
  top: 100%;
  left: 10px;
  border-top: 6px solid #ffffff;
  border-bottom: none;
}

li.contextual-menu a:hover {
  text-decoration: none;
}

li.contextual-menu .dropdown-menu {
  left: -10px;
}
 tr.treeview:hover td > li.contextual-menu,
 td.treeview:hover > li.contextual-menu {
   opacity: 1;
 }
 .contextual-menu .dropdown-menu .divider {
   margin: 4px 1px;
 }
 .contextual-menu li, .contextual-menu a{
   line-height: 16px;
 } 

div.scm-association-sub-elements {
  margin-left: 20px;
}

.with-border {
	border: 1px solid #d4d2d0
}
.no-border {
    border: none !important;
}

.leftnav-overflow {
  min-height: 180px;
  overflow-x: auto;
  overflow-y: hidden;
}

.create-artifact-contextual-icon {
  display: none;
  left: 250px;
  top: 8px;
  position: absolute; 
  cursor: pointer;
}

.contextual-icon {
  display: none;
  left: 156px;
  text-align: right;
  top:0;
  position: absolute; 
  margin-left: 11px;
  background-color: #f9fbfb;
  height: 89%;
  padding-left: 10px;
  padding-right: 0;
  cursor: pointer;
}

div.tracker-row,
div.highlight-contextual-menu {
  background-color: #f9fbfb;
}
.highlight-contextual-menu .contextual-icon,
.tracker-row .create-artifact-contextual-icon {
	display: block;
}
.RootNodeSelected.highlight-contextual-menu a:visited {
	color: #0088cc;
}
.viewTeamMembers{
	list-style-type: none;
	padding-left: 0;
}

.teamOwnerIcon {
  background: url(/sf-images/icons/owner-team.png) 0em 0.2em no-repeat;
  display:inline-block;
  height:16px;
  width:23px;
  margin-left:10px;
  padding-top: 2px;
}

.teamMemberLink {
  cursor:pointer;
  word-wrap: break-word;
}

.teamOwnerInfo {
  padding-left: 0px;	
}

.taskboard-header .btn, .item-table .btn {
  padding: 6px 10px;
  margin: 2px 6px 2px
}

.table.Container {
  background: #fff
}

.white-bg-modal .status-tab .StatusFilter {
  width: 50%;
  margin-left: -1px;
}

.white-bg-modal .ContainerFooter {
  border-top: 1px solid #e1eaec;
}

#titleChartContainerTable .ContainerHeader td {
  border-bottom: 0 none
}

tr.ContainerHeader span.floatright a:first-child {
  margin-right: 10px;
}

.white-bg-modal tr.ContainerHeader td, .white-bg-modal tr.WidgetHeader td, .white-bg-modal div.container-header, .white-bg-modal tr.ContainerFooter > td {
  border-radius: 0
}

.white-bg-modal tr.ContainerHeader td, .white-bg-modal tr.WidgetHeader td, .white-bg-modal div.container-header {  
  padding: 10px 15px;
}

tr.WidgetHeader {
  border-bottom: 1px solid #cdd6db
}

.white-bg-modal .ObjectTree {
  max-height: 250px;
  overflow-y: auto;
  margin-left: 15px;
  padding: 0;
  min-height: 250px;
}

.white-bg-modal table.PaddedTable td{
  padding: 10px 0;
}

 #pane {
 background-color:#fff;
}

#pane .ItemDetailContainer td.ItemDetailName, #pane .ItemDetailContainer td.ItemDetailValue {
 vertical-align:middle;
 padding:5px 15px 0;
}

#pane .ProjectRoleDetails {
 margin-top: 15px;
}
 
#pane strong {
 display: inline-block;
 padding: 15px 0 0;
}

#pane .ItemDetailContainer .ItemDetailContainer {
 margin: 0 15px;
}

.ItemDetailContainer #RolePermissionDetails.ItemDetailContainer,  .ItemDetailContainer #SiteWideRolePermissionDetails.ItemDetailContainer {
 margin:0;
}

#pane .AlignRight {
   margin: 0 15px 5px;
}

.PaddedTable .ItemDetailValue label.valueField-label {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}


.apply-filter label {
  font-size: 12px;
  color: #404e54;
  text-transform: uppercase;
  padding: 0 0 0 5px;
  text-align: left;
  height: 28px;
  font-weight: bold !important;
  display: inline-block;
}

.apply-filter select.inputfield {
  margin-bottom: 0;
}

.valign-middle {
  vertical-align: middle;
}

td.left-navigation-container table.TabTable td:first-child, .padding-left-space, form#groupPicker .padding-left-space,
form[name=handleChangeApprovalRequests] .padding-left-space {
	padding-left: 15px
}

table#RepositoryList.PaddedTable TD {
  padding: 5px
}

table#RepositoryList .no-break-col {
  white-space: nowrap
}

table#RepositoryList input[type="radio"].marginfix{
  margin-left: -2px
}

.legend table td {
  white-space: nowrap;
  padding: 1px; 
}

tr#trDefaultTextValue td.ItemDetailName {
  padding-left: 0;
}

table#artifactTable td {
  padding-right: 10px;
  border-right: 0 none;
}

table#TaskSearchCriteria table.PaddedTable td, table#WikiPageSearchCriteria table.PaddedTable td, table#DocumentSearchCriteria table.PaddedTable td {
  padding-right: 10px;
  border-right: 0 none;
}

.white-padded-modal .PaddedTable td.ItemDetailName{
  padding-right:15px;
  border-right: 0 none;
}

.white-padded-modal .PaddedTable {
  width:auto;
}

.white-padded-modal tr.ContainerFooter{
  border-top:0;
}

.ContainerBodyWithPaddedBorder .ItemDetailValue .inputfield, table#component_type_chart .ItemDetailName .inputfield,
form[name=browseCategory] tr#filter input {
  padding: 0;
  border:0 none;
  background: 0 none;
  box-shadow: none;
  min-height: 28px;
  color: #404e54;
  font-size: 14px;
  border-radius: 3px;  
  background: #e9f0f2;
  margin: 0;
  text-indent: 5px;
  margin-right: 5px
}

.ContainerBodyWithPaddedBorder .ItemDetailValue input.inputfield,
.ContainerBodyWithPaddedBorder .ItemDetailValue textarea.inputfield,
#component_type_chart .ItemDetailValue select.inputfield {
  width: 100%;
}

.ContainerBodyWithPaddedBorder .ItemDetailValue input.inputfield[name=capacity],
.ContainerBodyWithPaddedBorder .ItemDetailValue input.inputfield[name=pointsCapacity] {
  width: 50px;
}

.ContainerBodyWithPaddedBorder .ItemDetailValue input.flexfield,
.ContainerBodyWithPaddedBorder .ItemDetailValue textarea.flexfield {
  width: auto;
}


form[name=browseCategory] .ContainerBodyWithPaddedBorder .ItemDetailValue input.inputfield {
  width: 250px;
  border: 1px solid #b6bdbf
}

form[name=removeCategory] {
  padding: 0
}

form[name=browseCategory] tr#filter input {
  width: 100%;
}

form[name=browseCategory] td.ItemDetailValue .Button {
  margin: 1px 10px;
}

form[name=browseCategory] .filter-row .NoBorders td {
    padding: 0 5px;
}

form[name=browseCategory] tr#filter td {
    vertical-align: top;
}

form[name=browseCategory] .filterSeparator:before, form[name=browseCategory] .filterSeparator:after {
  margin-top: 11px;
  top:0;
}

form[name=browseCategory] .NoBorders .filterSeparator:before, form[name=browseCategory] .NoBorders .filterSeparator:after {
  margin-top:8px;
}

form[name=browseCategory] table#categoryTable td, form[name=SearchCategoriesForm] table.Container td {
  vertical-align: top;
}

form[name=browseCategory] td label {
  font-size: 14px;
}

form[name=browseCategory] .btn.btn-secondary.btn-rounded a {
  padding: 0px;
}

form[name="browseCategory"] table#categoryTable tr.filter-row td .NoBorders > tbody > tr:first-child > td{
  padding-top:10px;
  vertical-align:top;
}


form[name="browseCategory"] table#categoryTable tr:not(.filter-row) td {
    vertical-align: middle;
}

table#component_type_chart table.chart_properties {
  margin: 10px;
}

table#component_type_chart {
  width: auto;
  border-collapse: separate;
}

.chartConfDataSource > a.planningFolderPopup:hover,
.chartConfDataSource > a.planningFolderPopup:focus,
.chartConfDataSource > a.planningFolderPopup:active {
  text-decoration: none;
}

table#component_type_chart table.chart_properties div.nowrap {
  margin: 5px 0;
}

.container-padding {
  padding: 15px
}

.ctf-tab-wrap form .container-padding {
 padding: 0
}

.ContainerBodyWithPaddedBorder .ItemDetailValue input.inputfield.cal-icon {
  width: 210px
}

.ContainerBodyWithPaddedBorder .ItemDetailValue select.inputfield, table#component_type_chart .ItemDetailName .inputfield {
  min-width: 220px;
  text-indent: 5px;
  outline: none
}

.ItemDetailValue select.inputfield {
  height: 28px
}

table#component_type_chart .ItemDetailName label {
display: inline-block;
margin-right: 10px;
}

.ContainerBodyWithPaddedBorder .ItemDetailValue textarea#accomplished,
.ContainerBodyWithPaddedBorder .ItemDetailValue textarea#planned,
.ContainerBodyWithPaddedBorder .ItemDetailValue textarea#issues {
  width: auto
}

.ContainerBodyWithPaddedBorder .ItemDetailValue #remainingEff,
.ContainerBodyWithPaddedBorder .ItemDetailValue #estimatedEff,
.ContainerBodyWithPaddedBorder .ItemDetailValue #actualEff,
.ContainerBodyWithPaddedBorder .ItemDetailValue #effSpent,
.ContainerBodyWithPaddedBorder .ItemDetailValue #pointsFld,
.ContainerBodyWithPaddedBorder .ItemDetailValue #fldPoints,
.ContainerBodyWithPaddedBorder .ItemDetailValue #points {
  width: 50px;
  margin-right: 10px;
  text-indent: 5px
}

.ContainerBodyWithPaddedBorder .ItemDetailValue #estimatedEffortUnit,
.ContainerBodyWithPaddedBorder .ItemDetailValue #remainingEffortUnit,
.ContainerBodyWithPaddedBorder .ItemDetailValue #actualEffortUnit,
.ContainerBodyWithPaddedBorder .ItemDetailValue #effortSpentUnit  {
  min-width: 156px
}

.ContainerBodyWithPaddedBorder .ItemDetailValue textarea.inputfield {
  background: #e9f0f2;
  min-height: 80px;
  border-radius: 3px;
  text-indent: 0;
  padding: 5px;
  box-sizing: border-box;
  resize: vertical;
  white-space: pre-wrap;
}

.ItemDetailValue textarea.inputfield {
	padding: 6px
}

.primary-checkbox, .primary-radio {
  display: inline-block;
  filter: alpha(opacity=0);
  opacity: 0
}

 .custom-label {
	cursor: pointer
 }
 
 .ItemDetailValue .custom-label label {
   font-size: 14px
 }
 
 div.checkbox_margin {
  margin: 10px 0 0 24px;
}

#empty-label.custom-label{
  padding-left: 18px;
  width: 3px;
}

.ItemListTable #empty-label.custom-label,  #allProjectsTable #empty-label.custom-label,
#RepositoryList #empty-label.custom-label {
  vertical-align: top
}

.row-fluid .control-label {
  line-height: 28px;
}

form[name="adminPlanningFoldersForm"] .ItemListTable .inputfield {
  margin-bottom: 0;
} 

.PaddedTable .ItemDetailName .primary-checkbox + .custom-label, .PaddedTable .ItemDetailName .primary-checkbox:checked + .custom-label,
.PaddedTable .ItemDetailName .primary-radio + .custom-label, .PaddedTable .ItemDetailName .primary-radio:checked + .custom-label {
	display: inline
}

#empty-label + .custom-label {
  padding-left: 0;
}

.bottom-spacing {
  margin-bottom: 5px;
}

form[name=component] .bottom-spacing .primary-radio+.custom-label {
  display: inline;
}

form[name=massUpdateArtifactsForm] td.ItemDetailValue, form[name=page] td.ItemDetailValue {
  white-space: nowrap;
}

form[name=page] td.ItemDetailValue label {
  white-space: normal;
}

form[name=editUser] .ContainerBodyWithPaddedBorder .ItemDetailValue select.inputfield{
  min-width: 152px;    
}

.primary-select {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
  border: 0 none;
  box-shadow: none;
  margin-top: -2px
}

.primary-select option{
  padding: 15px;
  background: #fff;
  border: 0 none
}

.primary-select option:hover{
  background: #f9fbfb
}

 form label.input-file-wrap {
  display: inline-block;
  position: relative;
  height: 26px;
  min-width: 120px;
  max-width: 800px;
  cursor: pointer
}

select[multiple] {
	background: #fff
}

.input-file-wrap input[type='file'].custom-file-field {
 opacity:0;
 position:absolute;
 max-width:180px;
}

.input-file-wrap .overlay-button {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  min-width: 80px;
}

span.selected-file {
  position: relative;
  left: 142px;
  top: 6px;
  color: #404e54;
  font-size: 14px;
  min-width: 100px;
  max-width: 600px
}

span.selected-file-name {
  width: 160px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

#replaceprojectimage span.selected-file-name {
  width: 120px;
}

#fileSection table tr td a img {
  padding-left: 140px;
}

table#TrackerNamePriorityTable td {
  padding: 4px 4px 4px 0 
}

#project_admin_section > table > tbody > tr.ContainerHeader > td, 
#page_section > table > tbody > tr.ContainerHeader > td,
#taskmgr_section > table > tbody > tr.ContainerHeader > td, 
#tracker_section > table > tbody > tr.ContainerHeader > td,
#planning_section > table > tbody > tr.ContainerHeader > td,
#docman_section > table > tbody > tr.ContainerHeader > td,
#wiki_section > table > tbody > tr.ContainerHeader > td,
#scm_section > table > tbody > tr.ContainerHeader > td,
#frs_section > table > tbody > tr.ContainerHeader > td,
#discussion_section > table > tbody > tr.ContainerHeader > td
#datamart_section > table > tbody > tr.ContainerHeader > td {
  background-image: none;
}

#tableContainer {
 background: #fff;
 border-radius: 6px 6px  0 0;
 margin-top: 10px
}

#tableContainer .ContainerBody {
  padding:0 15px 15px;
}

#tracker_summary_table_id .padded-cell-without-border > table > tbody > tr > td{
  background: none repeat scroll 0 0 #fff;
  border-radius: 6px 6px 0 0;
  padding: 0 15px 15px; 
}

#tracker_summary_table_id .padded-cell-without-border > table > tbody > tr > td div.small-header {
  margin: 0 -15px
}

#tracker_summary_table_id .padded-cell-without-border #titleChartContainerTable .ContainerHeader > td{
padding-top: 15px 
}

[onclick] {
 cursor: pointer;
}

#defaultPermissions .ItemDetailName strong{
 border: 0 none;
 display: inline;
 font-size: 14px;
}

.ui-multiselect-menu .ui-multiselect-checkboxes{
 margin-left:0;
}
.ui-multiselect-menu .ui-multiselect-checkboxes input[type=checkbox]{
 position:inherit;
 margin:0 8px 0 0;
}

form[name=selectRole], form[name=userMembership], form[name=selectTrackers], form[name=trackerUnits]{
  padding:15px;
}

form[name=configureProjectTools] .ContainerBodyWithPaddedBorder {
  padding: 0
}

form[name=configureProjectTools] .ContainerBodyWithPaddedBorder .ContainerHeader td {
  padding-left: 0;
  padding-top: 0
}

.ctf-tab-wrap form[name=viewUserRolesForm]{
  padding:0 15px;
  margin-top: 15px
}

#savedSearches table.curve-bottom {
  border-bottom:0;
}
#savedSearches > table.Container {
  border-top:1px solid #cdd6db;
}
#savedSearches table.Container td {
  border: 0 none;
}
#savedSearches table.Container.curve-bottom td {
  border-radius:6px;
}
#savedSearches form {
  margin:0;
}
#savedSearches table.Container label {
  font-size:14px;
  font-weight:normal;
  line-height: 18px;
  vertical-align: middle;
}
#savedSearches .ItemListTable {
  border-radius:0 0 6px 6px;
}

#searchCriteriaDiv .marginTop3 {
  margin-top:5px;
}

#searchCriteriaDiv table.PaddedTable TD, #searchCriteriaDiv tr.PaddedRow TD, #searchCriteriaDiv td.PaddedCell {
  padding-right:5px;
}
#searchCriteriaDiv .ContainerBodyWithPaddedBorder .PaddedTable label.custom-label {
  padding-left:27px;
}

#searchCriteriaDiv form[name="searchTracker"] .ContainerBodyWithPaddedBorder .PaddedTable .selectiongroup label.custom-label {
  padding: 0;  
}

form[name="searchTracker"] .selectiongroup {
  padding: 2px 0 2px 31px;
}

form[name="searchTracker"] .planningFolderPopup {
  margin-right: 10px;
}

form[name="searchTracker"] .selectiongroup td label {
  line-height: 27px;
  vertical-align: top;
}

#searchCriteriaDiv form[name="searchTracker"] .ItemDetailHelpText {
  margin: 0;
  width: 23px;
}

#searchCriteriaDiv select.inputfield {
  height:28px;
}
#searchCriteriaDiv select[multiple="multiple"],#searchCriteriaDiv .ContainerBodyWithPaddedBorder .ItemDetailValue select[multiple="multiple"] {
  background:#e9f0f2;
  width:200px;
  height:250px;
}

form[name="adminEditUnitsForm"] .ItemDetailValue td {
   padding-right: 10px;
}

form[name=systemRequestForm], form[name=predecessorListForm], .Container form[name=selectAccessRequestForm], .Container form[name=successorListForm] {
  padding: 0 15px;  
  background: #fff;  
}

form[name=systemRequestForm], form[name=predecessorListForm] {
  margin-bottom: 10px;
  border-radius: 0 0 6px 6px;
}

.Container form[name=selectAccessRequestForm], .Container form[name=successorListForm] {  
  margin-bottom: 0;  
  border-radius: 6px;
}

.Container form[name=successorListForm] {
  margin-top: 10px;
}

.border_radius {
  border-radius: 6px;
}

td.btn_return {
  border-top: 1px solid #cdd6db;
  padding: 15px 29px 15px 15px;
}

table.ContainerBody.margin_top {
  margin-top: 15px;
}

form[name=selectAccessRequestForm] .ContainerHeader td, form[name=systemRequestForm] .ContainerHeader td,
form[name=predecessorListForm] .ContainerHeader td, form[name=successorListForm] .ContainerHeader td {
  padding-left: 0;
}

.ctf-tab-wrap form[name=viewTask],  .ctf-tab-wrap form[name=removePluggableForm], 
 .ctf-tab-wrap form[name=selectLinkedApplication] {
  margin-top: 0
}

form[name=parentForm], form[name=childrenListForm], form[name=editProject]{
 padding:0;
}

form[name=parentForm] tr.ContainerHeader td, form[name=childrenListForm] tr.ContainerHeader td {
 padding-left:0;
}

form[name=addGroup] table tr.OddRow td:first-child, form[name=addGroup] table tr.EvenRow td:first-child {
  padding-left: 15px;
}

form[name=addGroup] table.PaddedTable tr > td.ItemDetailName {
  width: 89px;
  padding-right: 0; 
}

form[name=addGroup] table.PaddedTable tr > td.ItemDetailValue {
  width: 262px;
}

form[name=addGroup] table.PaddedTable tr > td.ItemDetailValue input {
  width: 258px;
}

form[name=addGroup] table.PaddedTable tr > td.addGroupSearchString {
  width: 366px;
  padding: 0;
}

form[name=fieldForm] table tr.OddRow td, form[name=fieldForm] table tr.EvenRow td {
  padding-left: 10px;
}

div.field-abstract {
  font-size: 12px;
}

.text-valign {
  vertical-align: middle
}

td.addGroupSearchString label {
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 2px;
  height: 28px;
  line-height: 28px;
}

table.PaddedTable td.addGroupSearchString input {
  width: 258px;
  background-color: #e9f0f2;
  color: #404e54;
  border-right: 3px;
  border: 0 none;
  min-height: 28px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  text-indent: 10px;
}

form[name=addGroup] table.PaddedTable tr > td.addGroupSearchButton {
  padding: 2px 0 0 0;
}

.ctf-tab-wrap form[name=viewTask] {
  margin-bottom: 0;
  padding: 0
}

.ctf-tab-wrap form[name=viewTask] td.ContainerBodyWithPaddedBorder {
   padding-top: 5px
}

#templateStructureAndContent th {
  border-bottom: 1px solid #d4d2d0;
  vertical-align: middle;
  padding-left: 10px
}

#templateStructureAndContent th + td, #templateStructureAndContent .ItemListHeader td.col30 {
  padding-left: 10px
}

table p.marTop10 {
  margin-top: 10px
}

table#parentListTable td {
  padding: 4px;
}

table#parentListTable tr.ContainerHeader {
  padding-left: 4px;
  padding-top: 0;
}

table#parentListTable tr.ItemListNoData td {
  padding: 19px 25px 25px 28px;
}

table#parentListTable {
  margin-top: 8px;
}

td.valignMiddle {
  vertical-align: middle;
}

#configureProjectTools .ItemListTable label {
 font-size: 14px
}

#MyPage tr.ContainerFooter td {
  padding: 10px 0;
}

.mid-menu-bar-blank-background {
  height: 56px;
  line-height: 56px;
  width: 100%;
  text-align: center;
}

form[name="userRoleMatrix"] td {
   min-width: 55px;
   border: 1px solid transparent;
   padding: 5px;
}

form[name="userRoleMatrix"] .TabHeader td {
  min-width: inherit;
}

form[name="userRoleMatrix"] tr.ItemListTableRow td, form[name="userRoleMatrix"] tr.OddRow td, form[name="userRoleMatrix"] tr.EvenRow td,
form[name="userRoleMatrix"] tr.ItemListNoData td, form[name="userRoleMatrix"] tr.PostListPendingTableRow td, 
form[name="userRoleMatrix"] tr.filter-row td, form[name="userRoleMatrix"] tr.ItemListHeader td {
  border-bottom-color: #d4d2d0;
}

#userRoleMatrix .floatingHeader td:first-child, #userRoleMatrix .visibleArea td:first-child {
 min-width:150px;
}

#dashboardTable .dashboard-chart td {
  border: 0;
  background-color: #e1eaec;
}

.table-layout {
 table-layout:fixed;
}
.contentArea > table.vc_table > tbody > tr > td {
  padding: 15px;
}

body table.vc_table {
  background: #fff;
  border-radius: 6px;
}

body table.vc_table .container-header {
  padding: 15px 0;
}

table.auto {
  width: auto;
}

table.auto td {
  padding: 10px 0 0;
  vertical-align: middle;
}

body #main {
  margin-top: 10px
}

body #main table > tbody > tr.ItemListNoData > td {
  padding: 15px 29px;
  background-position: 10px center;
}

/* viewvc css changes-- */

.contentArea table.vc_table .inputfield, .contentArea table.vc_table form{
  margin:0;
}


table.vc_table input.btn[type="submit"] {
  display: inline-block;
  padding: 8px 20px;
}

.Paddedtable.vc_table div {
  line-height: 18px;
}

.vc_table .vc_revision_table th {
  border: 0 none;
  padding-right: 10px;
  vertical-align: top;
  font-size:12px;
}

.vc_table .vc_revision_table td {
  vertical-align: middle;
}

.vc_header_sort, .vc_header {
  padding: 10px;
}

td.vc_change_log {
  padding: 0 0 0 10px;
}

.contentArea .vc_table hr {
  margin: 10px 0;
}
/* --viewvc css changes */

.floatingHeader td {
  padding: 8px 4px;
}

#white-background {
  background: #fff;
}

#MyPageNews td.ContainerBodyWithPaddedBorder {
   line-height: 19px;
   padding: 10px 0 0;
}

form[name=editRole] .row-selected td {
  background-color: #fff;
}

.ui-multiselect-menu {
  min-width: 150px;
}

#trackercontent {
  margin-bottom: 5px
}

#massUpdateArtifactsForm > table > tbody > tr.ItemDetailRowWithBorder > td > table > tbody > tr > td, #massUpdateArtifactsForm > table  > td{
  border: 0 none;
}

.textarea-resize-vertical {
  resize: vertical;
}

.small-left-margin {
    margin-left: 6px;
}

.project-template h3 {
    font-weight: 600 !important;
    margin-top: 3px !important;
}

.project-template .ctf-content .project-name {
    line-height: 25px;
}

/*
   Gallery CSS
*/
.galleryWindow .modal-dialog {
  width: 95% !important;
  height: 100% !important;
  margin: -40px auto !important;
}

.galleryWindow .modal-header .imageHeader .avatar {
  display: inline-block;
  margin-right: 5px;
}

.galleryWindow .modal-header .imageHeader .avatar img {
  vertical-align: baseline;
}

.galleryWindow .modal-header .imageHeader .description {
  display: inline-block;
  width: 90%;
}

.galleryWindow .modal-header .imageHeader .description dl {
  display: inline-block;
  margin: 0px;
}

.galleryWindow .modal-header .close {
  margin-top: 3px;
}

.galleryWindow .modal-body {
  height: 80vh !important;
  max-height: 100% !important;
  overflow-y: hidden !important;
}

.galleryWindow .modal-body .row {
  height: 100%;
}

.galleryWindow .imageContainer {
  height: 100%;
}

.galleryWindow .imageContainerTable {
  width: 100%;
  height: 100%;
  display: table;
}

.galleryWindow .imageContainerTableRow {
  display: table-row;
}

.galleryWindow .imageContainerTableCell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.galleryWindow .imageContainerTableCell img {
  max-width: 100%;
  max-height: 76vh;
}

/* IE 10+ the hight has to be restricted */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .galleryWindow .imageContainerTableCell img {
    max-height: 76vh;
    max-width: 69vw;
  }
}

.galleryWindow .imageDescription {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  height: 100%;
  overflow-y: auto;
}

.galleryWindow .imageDescription pre {
  white-space: pre-line;
  word-wrap: break-word;
  word-break: normal !important;
  line-height: 1.5;
}

.galleryWindow .prev {
  height: 100%;
  float: left;
}
.galleryWindow .prev .btn{
  position: absolute;
  top: 50%;
}

.galleryWindow .next {
  height: 100%;
  float: right;
  margin-right: 42px;
}

.galleryWindow .next .btn {
  position: absolute;
  top: 50%;
}

form[name="editRole"] .sidebar-wrap {
    width: 300px;
}

#userFlexField {
    white-space: pre-line;
}


/* attachments - drag - drop */

.browseButton {
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    text-shadow: none;
    border: none;
    text-align: center;
    vertical-align: middle;
  }

.maxFile {
      font-size: 12px;
  }

.fileInfoList {
    list-style-type: none;
    line-height: 20px;
    margin: 0;
    padding: 2px;
}

.drag-overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.1);
    overflow-x: hidden;
    border: dashed;
}

.drag-overlay-content {
    position: relative;
    top: 50%;
    width: 25%;
    text-align: center;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 10px;
    color: #fff;
    background: #808080;
    font-size: 20px;
    border-radius: 6px;
}

.dragIcon {
    border-radius: 5px;
    background: #fff;
}

a#cloneFilespreview, 
a#cloneFilespreview:link, 
a#cloneFilespreview:active {
    color: #1787ba !important;
    font-weight: normal !important;
    text-decoration: none !important;
    padding: 0px !important;
    font-size: 14px !important;
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif !important;
    letter-spacing: 0em !important;
}

a#cloneFilespreview:hover,
a#cloneFilespreview:link:hover,
a#cloneFilespreview:active:hover {
    color: #0063a1 !important;
}

.DropDownRight {
    position: relative;
    width: 30px;
}

.jq-skin-sam {
    bottom: 26px;
    position: absolute;
    right: 29px;
}

.jq-bd {
    min-width: 161px;
}

.jq-first-of-type {
    min-width: 130px;
    list-style-type: none;
}

.jq-menu {
    bottom: 36px; 
    right: 30px; 
    position: absolute;
}

.jq-menuitemlabel {
    font-size: 13px;
}

.floating-buttons-show {
  background: #fff;
  text-align: right;
  float: right;
  padding: 10px;
  box-shadow: 0px 0px 3px rgba(0,0,0,.3);
  position: fixed;
  z-index: 99;
  bottom: 0;
  margin: 0 10px;
  display: inline-block;
  right: 0;
  width: 98.5%;
  visibility: visible;
}

.floating-buttons-show .Button {
  float: right;
  margin-left: 10px;
}

.floating-buttons-hide {
  visibility: hidden;
}

.tracker-icons {
   display: inline-block;
}

.tracker-icons .fa {
     border: 1px solid #ddd;
     width: 28px;
     display: block;
     margin-right: 6px;
     text-align: center;
     border-radius: 3px;
     padding: 4px;
     float: left;
     height: 28px;
     cursor: pointer;
     color: rgba(0, 0, 0, 0.54);
  }

.tracker-icons .fa:hover {
   color: #3dade0
}

.tracker-icons .float-left {
   float: left
}

.tracker-icons .monitored {
   color: #3dade0
}

.CategoryListDetails tr.ItemListHeader > td {
  padding: 15px 6px 20px 6px;
}

.effSpent-checkbox {
    position: relative;
    top: 5px;
    cursor: pointer;
}

.effortSpentIcon img {
  max-width: 16px !important;
  max-height: 16px;
  filter: invert(46%) sepia(17%) saturate(4216%) hue-rotate(159deg) brightness(98%) contrast(103%)
}
.documentDetailsTable .flexFieldSection {
  border-top: none;
}
.flex-field-separator {
  background: #fff;
}
.documentDetailsTable .separator-section {
  position: relative;
  border-top: 1px solid #cdd6db;
  padding-top: 8px !important;
}
.separator-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 6px;
  padding: 5px 15px 10px 10px;
  background: #fff;
  float: left;
  color: #1787B4;
  cursor: pointer;
}
.separator-label span {
  color: #1787B4;
  font-size: 16px;
  font-weight: bold;
}
.custom-field-icon {
  position: relative;
  right: 7px;
  color: #1787B4;
  top: 0;
  font-size: 20px !important;
}
.document-version {
  color:#498500;
}
.oldDocumentDetailsTable .flexFieldSection {
  border-top: 1px solid #cdd6db;
}
.newDocumentDetailsTable .flexFieldSection .ItemDetailContainer {
  margin: 0 40px 20px !important;
  width: calc(100% - 40px);
}
.newDocumentDetailsTable .sectionSeparator {
  border-bottom: 1px solid #eee;
  padding: 1px 0 4px 0 !important;
}
.newDocumentDetailsTable .separatorLabel{
  background: none !important;
  color: #5A82AD !important;
  font-size: 16px;
  padding-left: 0 !important;
}
.newDocumentDetailsTable .rowColumnSeparatorLabel {
  color: #5A82AD;
}
.newDocumentDetailsTable td.ItemDetailName {
  font-weight: 400;
}
.newDocumentDetailsTable .ItemDetailValue{
  line-height: 20px;
}
.newDocumentDetailsTable .docs-review-avatar-img + a {
  margin-top: 4px !important;
}
.newDocumentDetailsTable .docs-date {
  margin-top: 4px !important;
}
.newDocumentDetailsTable .ItemDetailValue {
  padding-top: 7px !important;
}
.newDocumentDetailsTable .document-link {
  word-break: break-word;
}
.newDocumentDetailsTable .document-link a {
  float: left;
  padding-right: 4px;
}
.newDocumentDetailsTable .document-link .FileTypeIcon {
  position: relative;
  top: 2px;
}
.newDocumentDetailsTable .fav-icon {
  float: left;
  cursor: pointer;
}
.newDocumentDetailsTable .doc-description {
  padding: 0 10px !important;
}
.newDocumentDetailsTable .doc-description table {
  position: relative;
  top: 10px;
}
.newDocumentDetailsTable td.ItemDetailContainerCell table td {
  font-size: 14px;
}
.newDocumentDetailsTable .lock-icons {
  width: 18px;
  height: 18px;
}
.newDocumentDetailsTable .tag-list {
  width: inherit !important;
  column-width: auto !important;
}
.newDocumentDetailsTable .lock-icon {
  font-size: 18px;
  position: relative;
  top: 5px;
  padding: 0 1px 0 5px;
  color: #D61F21;
}
.custom-fields-section {
  overflow: auto;
  display: block;
}
.custom-scroll {
  scrollbar-width: thin;
  scrollbar-color: #cccccc #f2f2f2;
  /* ie scrollbar color properties */
  scrollbar-base-color: #f2f2f2;
  scrollbar-face-color: #cccccc;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-highlight-color: #cccccc;
  scrollbar-track-color: #f2f2f2;
  scrollbar-arrow-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-dark-shadow-color: #cccccc;
}
.custom-scroll::-webkit-scrollbar{
  width: 6px;
  height: 6px
}
.custom-scroll::-webkit-scrollbar-thumb{
  background: #cccccc;
  border-radius: 0px;
}
.custom-scroll::-webkit-scrollbar-track{
  background: #f2f2f2;
}