/***
*****************
* Browser Hacks *
*****************

We always strive to have w3c validating css, but may have to use hacks to get things to look right.
Please add to this section if you need to introduce new style of browser specific hacks.


Good resource for more in depth explanations of hacks:
 - www.webdevout.net/css-hacks

---------
IE 8 and below
---------
<property>\9

---------
IE 7 only
---------
*:first-child+html {}

---------
IE 7 and below
---------
*<property>
  - will be read by IE but ignored by others. probably want to avoid, since "*" may be used for valid css in the future

--------------
IE 6 and below
--------------

* html {}

!important
  - ignored by IE if another declaration of the same property appeared later in the same style declaration block

_<property> OR -<property>
  - will be read by IE but ignored by others.  This will always work, since "-" and "_" are reserved for vendor
    specific css.

****/


/*
********************************************
*  GENERAL BODY STYLES   *
*   Layout, padding, margin, colors  *
********************************************
*/

/* Font style and size */

body, div.contentArea, input, select, textarea {
  font-family: Arial,sans-serif;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
}

body {
  margin: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  padding-top: 41px;
}


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


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

div.contentArea, input, select, textarea {
  font-size: 1em;
}

body, div.contentArea, div.FilterButton div.FilterLeft a:link {
  color: #000;
}

/* Background colors, margins, padding */
body {
  margin: 0;
  background-color: #fff;
} 

div.contentArea {
  padding: 4px 10px;
}

/* IE Hack IE6 and earlier  */
/* These ones are to get rid of the horizontal scrollbars */
_html div.contentArea  {
  padding: 8px 0 80px 0;
  margin-right: 8px;
  margin-left: 8px;
}

* html div#main {
  width: 100%;
}

/* End IE hack */

form {
  margin: 0;
}

/* Link styles for the application */
a:link {
  color: #0088cc;
  text-decoration: none;
}

a:visited {
  color: #0088cc;
  text-decoration: none;
}

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

a:hover {
  text-decoration: underline;
}

table {
  padding-top: 0;
}

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

table, td, tr {
  font-size: 1em;
}

table td input, table td textarea, table td select {
 font-size: 100%;
}

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

th, td {
  vertical-align: top;
}

th {
  text-align: left;
}

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

tr.InstructionHeader td, td.InstructionHeader, p.InstructionHeader {
  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;
}

/* 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: none !important;
}

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

table.PaddedTable, table.PaddedTable TD, tr.PaddedRow TD, td.PaddedCell {
  padding: 4px;
}

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

/* Container Tables */

table.Container {
  padding: 0;
  width: 100%;
  border: none;
}

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

table#TrackerSearchCriteria {
  border: none;
  border-collapse: collapse;
}

table#TaskManagerSettings {
  border-collapse: separate;	
}

.empty-space {
  padding: 4px;
}

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

table#RepositoryList,  table#UsedReplicaList, table#ReplicaList, table#FieldValueListTable, table#FieldValueTransitionListTable, table#allProjectsTable, table#listReportsContainer {
  border-collapse: collapse;
}

/* Container header styles */

tr.FieldLayout TD, tr.ContainerFooter TD, tr.LeftNavigationWidgetHeader td , tr.WidgetHeader td {
  border-collapse: collapse !important;
}

/* 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: 13px;
  line-height: 20px;
  padding: 4px 5px 1px 9px;
  height: 26px;
}

tr.ContainerHeader td, tr.WidgetHeader td, div.container-header {
  font-weight: bold;
  color: #000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-repeat: repeat-x;
  background-color: #d5d5d5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#d6d6d6), color-stop(.10,#cccccc));
  background-image: -moz-linear-gradient(top, #dddddd, #d6d6d6, #cccccc 90%);
  border-top: 1px solid #b4b2b2;
  border-bottom: 1px solid rgb(165, 165, 165);
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

tr.ContainerHeader td, tr.WidgetHeader td {
  border-collapse: collapse;
  padding: 3px 2px 3px 6px;
  font-size: 1.09em;
}

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

/*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-image: -moz-linear-gradient(top, #fafafa 0%, #f3f3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f3f3f3));
  background-image: -webkit-linear-gradient(top, #fafafa 0%,#f3f3f3 100%);
  background-image: -ms-linear-gradient(top, #dddddd 0%,#d6d6d6 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%,#f3f3f3 100%);
  background-image: linear-gradient(top, #fafafa 0%,#f3f3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#d6d6d6), color-stop(.10,#cccccc));
  background-image: -moz-linear-gradient(top, #dddddd, #d6d6d6, #cccccc 90%);
}

/* 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 {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          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;
}

table#AdminTrackerFieldsTable, table#AdminTrackerTransitionTable {
  border: 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) !important;
  padding: 0 !important;
  font-size: 1.09em;
  font-weight: bold;
  border: none;
  border-top: 1px solid rgb(167, 170, 172);
  border-bottom: 1px solid rgb(196, 200, 204);
}

/* IE Hack IE6 and earlier  */
/* misplaced pixel image causing padding problems*/
* html .LeftNavigationHeader img { 
  display: none;
}
/* End IE hack */

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

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

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

/* Images within headers */
tr.ContainerHeader img, tr.TabHeader img, tr.LeftNavigationWidgetHeader img, tr.WidgetHeader img {
  margin-left: 2px;
  padding-top: 2px;
  margin-right: 3px;
}

table.AppButtonTable td.AppButtonPaddingRight img {
  margin-top: -2px;
  width: 8px;
  height: 16px;
}

.padded-cell-without-border {
  width: 90%;
  padding: 0px 4px 0px 8px;
}

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

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

td.padded-cell {
  padding: 0px;
}
/*Similar to td.CategoryListBody but with curve border */
td.left-navigation-container {
  padding: 0;
  background-color: #fff;
  white-space: nowrap;
}

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

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

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

/*Container Footers */

tr.ContainerFooter td {
  padding: 3px 2px 3px 2px;
  background-repeat: repeat-x;
  background-color: #d5d5d5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

tr.ContainerFooter  > td {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#d6d6d6), color-stop(.10,#cccccc));
  background-image: -moz-linear-gradient(top, #dddddd, #d6d6d6, #cccccc 90%);
}

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

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

.curve-bottom td {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*Container Body */

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

td.ContainerBodyWithPaddedBorder {
  padding: 4px;
}

td.ContainerBodyWithBorder, td.ContainerBodyWithPaddedBorder, td.TrackerSearchBodyWithBorder {
  margin: 0;
  border: 1px solid rgb(206,206,206);
  border-top: none;
  border-collapse: collapse;
  border-spacing: 0;
}

td.TrackerSearchBodyWithBorder {
  width: 50%;
}

/* Used for item detail tables */
table.ItemDetailContainer {
  background-color: #fff;
  border-spacing: 0;
  width: 100%;
}

td.ItemDetailContainerCell {
  border: 1px solid rgb(206, 206, 206);
  border-collapse: collapse;
  padding: 5px;
  border-top: none;
}

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

table.ReportsContainer {
  padding: 8px;
}

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

td.ItemDetailName, td.ItemDetailValue {
  border-style: none;
  padding: 3px;
}

td.ItemDetailName {
  white-space: nowrap;
}

td.ItemDetailValue {
  width: 95%;
  vertical-align: middle;
}

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

a.DisableItemLink:visited{
  color: #939393;
}

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

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

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

table#TaskGroupSummaryTable {
  border: 1px solid #e5e5e5;
}

tr.ItemListHeader td, tr.ItemListHeaderNoTopBorder td, th {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #e5e5e5;
  padding: 2px;
  border-bottom: none;
  padding-left: 2px;
  
}

tr.ItemListTableRow td, tr.OddRow td, tr.EvenRow td, tr.ItemListNoData td, tr.PostListPendingTableRow td {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #d4d2d0;
  padding: 2px;
}

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

/* Making table labels more prominent */
tr.ItemListHeader td, tr.ItemListHeaderNoTopBorder td {
  font-weight: bold;
}

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

tr.ItemListHeader, tr.ItemListHeaderNoTopBorder {
  color: #000;
  padding: 2px;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  border-top:1px solid grey;
}

tr.ItemListHeader img, tr.ItemListHeaderNoTopBorder img {
  float: right;
  margin: 2px;
}

/* Used for the small numbers for multi-sorting the columns*/
sup.sorting, sup.sorting:visited {
    color: #0000FF;
    float: right;
}

/* Alternating Row color styles */
tr.EvenRow {
  background-color: #f2f4f8; 
}

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

tr.OddRow:hover, tr.EvenRow:hover, tr.OddRow:hover td, tr.EvenRow:hover td {
  background-color: rgb(228, 228, 228);
  border-bottom-color: rgb(194, 194, 194);
  border-top-color: rgb(233, 233, 233);
  color: #000;
}

td.highlight {
  background: #d8eeff;
}

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

tr.Separator td {
  padding: 2px;
}

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: 15px 0 15px 30px;
  background: url(/sf-images/icons/icon_info_sml.png) 10px 1.2em no-repeat;
  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: none;
  white-space: nowrap;
  vertical-align: top;
}

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.CategoryListDetails {
  vertical-align: top;
  padding-left: 4px;
  background-color: #fff;
  border-color: #d4d2d0;
  padding-top: 1px;
}

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

table.PageNavTable td {
  border: none;
  padding: 0 3px;
}

/* Classes used in the left navigation boxes */

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

table.LeftNavigation td {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 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:none repeat scroll 0 0 #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-style: none;
  border-width: 0;
}

table.LeftNavigationWidget td {
  border-collapse: collapse;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 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-image: url("/sf-images/misc/project_status_middle.gif");
}
/* 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");
  background-repeat: 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; 
}

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

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

.col30 {
  width: 30%;
  white-space: nowrap;
}

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

/* IE6 and below hack */
* html table.TabTable {
  border-collapse: collapse;
}

table.TabTable td, table.TabTable th {
  vertical-align: middle;
}

tr.TabHeader td, table#groupMemberList tr.ContainerHeader td {
  background: rgb(189, 189, 189);
  color: #000;
}

tr.TabHeader TD {
  padding: 3px 2px 3px 8px;
  border: 1px solid #d4d2d0;
  border-bottom: none;
  border-top: none;
}

/* IE6 and below hack */
* html tr.TabHeader TD {
  padding-bottom: -1px;
}

/* The body of a tab */
td.TabBody, td.TabBody a, td.SelectedTabBody a {
  font-weight: bold;
  text-decoration:none;
  white-space: nowrap;
  width: auto;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

td.TabBody, td.TabBody a {
  color: rgb(78, 72, 72) !important;
}

td.SelectedTabBody a {
  color: #000 !important;
}

/*
*****************
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: 1px solid #d4d2d0;
  border-bottom: none;
}

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

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

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

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

/* breadcrumb bar classes*/
.project-lock {
  padding-right: 3px;
  float: left;
}

.breadcrumb-arrow {
  padding: 15px 0px;
}

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

.breadcrumb .parent {
  font-weight: bold;
  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;
}

.quickJumpDialogIdText {  
  padding-left: 20px;
}

.jumpToFieldInactive {
  color: #777777;
}

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

/** These zoom values make the menu bar appear in ie6/ie7 - start */
*:first-child+html .yuimenubar ul {
  /* for some reason, IE7 doesn't recognize 'normal' for zoom, so use 1.0 instead */
  zoom: 1.0;
}

* html .yuimenubar ul {
  zoom: 1.0;
}

*:first-child+html .yuimenubar .yuimenu ul {
  zoom: 1.0;
}

* html .yuimenubar .yuimenu ul {
  /* must use "normal" here or the yui submenu > thing doesn't work correctly*/
  zoom: normal;
}
/** These zoom values make the menu bar appear in ie6/ie7 - end */

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

*:first-child+html .yui-skin-sam .yuimenubar {
  line-height:1.9; 
}

* html .yui-skin-sam .yuimenubar {
  line-height:1.9;
}

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

*:first-child+html .yui-skin-sam .yuimenubaritemlabel {
  position: relative;
 }

* html .yui-skin-sam .yuimenubaritemlabel {
  position: relative;
 }

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

*:first-child+html .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
  display: inline-block;
}
* html .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
  display: inline-block;
}

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

*:first-child+html .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
  left: -1px;
}

* html .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
  left: -1px;
}

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

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

*:first-child+html .yui-skin-sam .yuimenu {
  line-height: 1.45;
}

* html .yui-skin-sam .yuimenu {
  line-height: 1.45;
}

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

.yui-skin-sam .yuimenu .bd {
  border: 1px solid #CCC;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.yui-skin-sam .yuimenu ul {
  padding: 2px 0;
  border-width: 1px 0 0 0;
  border-color: #ccc;
  border-style: solid;
}

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

.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 {
  border-bottom: 1px solid #fff;
}

.yui-skin-sam .yuimenuitemlabel {
  padding: 1px 24px 1px 12px; 
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

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

*:first-child+html .yui-skin-sam .yuimenuitemlabel .helptext {
  margin-top: -1.45em;
}

* html .yui-skin-sam .yuimenuitemlabel .helptext {
  margin-top: -1.45em;
}

.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 .yuimenuitem-selected {
  background-color: #0077B3;
}

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

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

/* tooltip for smarttext tag */
.yui-tt {
  visibility:hidden;
  position:absolute;
  padding:4px;
  width:auto;
  color:#ffffff;
  background-color:#000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  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 {
 overflow:hidden;
 padding-bottom:11px;
 width:100%;
}

#trackerLeftNavTopPanelInner {
 height:100%;
 margin-right:13px;
 overflow-x:hidden;
 overflow-y:auto;
 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;
}

/* tracker left nav resize - end */

/* end YUI styles */


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

#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: #555555;
  padding: 2px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          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;
}

input.UserPickerInput {
  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;
}


/*
***************************
 * 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: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
}

div.ImageListChildSelected IMG, div.ImageListParentSelected IMG, div.ImageListParentSelectedNoTop IMG,
div.ImageListParent IMG, div.ImageListChild IMG {
  padding-right: 4px;
}
/* Standard properties for a row that is currently selected */
div.ImageListChildSelected, div.ImageListParentSelected, div.ImageListParentSelectedNoTop {
  background-color: #86a4c7;
  margin-left: 0;
}

/* Text color for the selected row*/ 
div.ImageListChildSelected a:visited, div.ImageListParentSelected a:visited, div.ImageListParentSelectedNoTop a:visited {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

div.ImageListChildSelected a:link, div.ImageListParentSelected a:link, div.ImageListParentSelectedNoTop a:link {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* The actual list items and their indentation */
div.ImageListParent, div.ImageListParentSelected, div.ImageListParentSelectedNoTop {
  padding-left: 5px;
}

div.ImageListChild, div.ImageListChildSelected, .tracker_frist_column_header {
  padding-left: 10px;
}


/*
******************
 * TEXT STYLES *
******************
*/
  
  /* Text colors for errors and success messages */

/* Note about TextRequired. This here is for the error text - there's a second use of the class for 
required text fields */

div.errorMessage, div.instructionText, div.greenText, div.warningText {
  font-weight:  normal;
  font-size: 110%;
  margin: 3px 0 6px 0;
  padding: 8px 35px 8px 24px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
} 

div.greenText {
  color: #468847;
  background: #dff0d8 url(/sf-images/icons/icon_success_sml.png) 0.4em 0.7em no-repeat;
  border-color: #d6e9c6;
}

div.errorText {
  font-weight:  bold;
  background: #ffefe7;
  padding: 3px 1em 6px 5px;
  font-size: 110%;
  margin: 3px 0 6px 0;
  color: #b94a48;
}
  
div.errorMessage {
  color: #b94a48;
  background: #f2dede url(/sf-images/icons/icon_error_sml.png)  0.4em 0.7em no-repeat;
  border-color: #eed3d7;
}

div.instructionText {
  color: #3a87ad;
  background: #d9edf7 url(/sf-images/icons/icon_info_sml.png)  0.4em 0.7em no-repeat;
  border-color: #bce8f1;
}

div.warningText {
  background: #fcf8e3 url(/sf-images/icons/icon_warning_sml.png) 0em 0.2em no-repeat;
}

.close {
  float: right;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

div.errorMessage .close, div.instructionText .close, div.greenText .close, div.warningText .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

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

/* Style for text headers */
div.HeaderText {
  font-size: 1.45em !important;
  font-weight: bold !important;
}

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

/* IE Hack IE6 and earlier  */
/*even smaller in IE*/
* html td.LeftNavTextTiny { 
  font-size: 0.82em;
}
/* End IE hack */


/* Style for "pre"-formatted text */
pre {
  font-family: Arial,sans-serif;
  font-size: 1.15em;
}

pre.text {
  font-family: Arial,sans-serif;
  font-size: 1em;
  margin: 0;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}

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

#main {
  padding-top: 3px;
}

/* 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 { 
  color: #900;
  text-decoration: none;
  border-bottom: 1px dashed #900;
}

a.editpage:hover { 
  border-bottom: 1px solid #900;
}

a.createpage { 
  color: #900;
  text-decoration: none;
  border-bottom: 1px dashed #900;
}

a.createpage:hover { 
  border-bottom: 1px solid #900;
}


/*
***************************
 * 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;
  height: 17px;
  width:165px;
  font-size:11px;
}

.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: bold;
  font-style: oblique;
  padding-left: 3px;
}

div.menu {
  min-width: 165px;
  position:absolute;
  font-weight: normal;
  font-size: 11px;
  line-height:18px;
  z-index:100;
  border: 1px solid #CCC;
  padding-right: 0px !important;
  background-color: #fff;
  visibility: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.menuHeader {
  padding: 3px;
  border-bottom: 1px solid #aeaaa3;
  display: block;
  background-color: #cccbca;
}

div.menu a.menuItem, div.MenuItemColored, div.MenuItemDisabled, span.MenuItemDisabled {
  color: #000;
  cursor: default;
  display: block;
  padding: 3px 1em !important;
  text-decoration: none;
  white-space: nowrap;
}

div.MenuItemDisabled, span.MenuItemDisabled {
  color:#6e6e6e;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight, div.menu div.MenuItemColored.a.menuItemHighlight, .menuSelected{
  background-color: #86a4c7;
  color: #fff;
}

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

.menu IFRAME { /*Hack for IE6 z-index select bug*/
  display:none;
  display/**/:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  filter:mask();
  width:200px;
  height:50px;
  src:"javascript:'<html></html>'";
}   

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

.statusWarning {
	background: #cec040; /* Old browsers */
	background: -moz-linear-gradient(top, #cec040 0%, #f2eba3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cec040), color-stop(100%,#f2eba3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cec040 0%,#f2eba3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cec040 0%,#f2eba3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cec040 0%,#f2eba3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cec040 0%,#f2eba3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec040', endColorstr='#f2eba3',GradientType=0 ); /* IE6-9 */
	text-align: left;
}

.statusNotStarted {
	background: #9999db; /* Old browsers */
	background: -moz-linear-gradient(top, #9999db 0%, #dadaf2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9999db), color-stop(100%,#dadaf2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9999db 0%,#dadaf2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9999db 0%,#dadaf2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9999db 0%,#dadaf2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9999db 0%,#dadaf2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9999db', endColorstr='#dadaf2',GradientType=0 ); /* IE6-9 */
	text-align: left;
}

.statusAlert {
	background: #cd3e3c; /* Old browsers */
	background: -moz-linear-gradient(top, #cd3e3c 0%, #f84e4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd3e3c), color-stop(100%,#f84e4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cd3e3c 0%,#f84e4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cd3e3c 0%,#f84e4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cd3e3c 0%,#f84e4b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cd3e3c 0%,#f84e4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3e3c', endColorstr='#f84e4b',GradientType=0 ); /* IE6-9 */
	text-align: left;
}

.statusOK {
	background: #88ee11; /* Old browsers */
	background: -moz-linear-gradient(top, #88ee11 0%, #cdf29f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88ee11), color-stop(100%,#cdf29f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #88ee11 0%,#cdf29f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #88ee11 0%,#cdf29f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #88ee11 0%,#cdf29f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #88ee11 0%,#cdf29f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ee11', endColorstr='#cdf29f',GradientType=0 ); /* IE6-9 */
	text-align: left;
}

.statusComplete {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #f2efef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#f2efef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#f2efef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#f2efef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#f2efef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bbbbbb 0%,#f2efef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#f2efef',GradientType=0 ); /* IE6-9 */
	text-align: left;
}

Table#taskstatus img {
  height: 4px;
}

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

.auditTrail_quoteReply a {
  cursor: pointer;
}

/*
****************************
 * Tracker Priority Colors *
****************************
*/
  
.priority0 {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #f2efef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#f2efef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#f2efef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#f2efef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#f2efef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bbbbbb 0%,#f2efef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#f2efef',GradientType=0 ); /* IE6-9 */
}

.priority1 {
	background: #cd3e3c; /* Old browsers */
	background: -moz-linear-gradient(top, #cd3e3c 0%, #f84e4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd3e3c), color-stop(100%,#f84e4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cd3e3c 0%,#f84e4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cd3e3c 0%,#f84e4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cd3e3c 0%,#f84e4b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cd3e3c 0%,#f84e4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3e3c', endColorstr='#f84e4b',GradientType=0 ); /* IE6-9 */
}

.priority2 {
	background: #d2612e; /* Old browsers */
	background: -moz-linear-gradient(top, #d2612e 0%, #fe9c70 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2612e), color-stop(100%,#fe9c70)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d2612e 0%,#fe9c70 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d2612e 0%,#fe9c70 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d2612e 0%,#fe9c70 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d2612e 0%,#fe9c70 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2612e', endColorstr='#fe9c70',GradientType=0 ); /* IE6-9 */
}

.priority3 {
	background: #d18322; /* Old browsers */
	background: -moz-linear-gradient(top, #d18322 0%, #ffbb67 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d18322), color-stop(100%,#ffbb67)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d18322 0%,#ffbb67 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d18322 0%,#ffbb67 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d18322 0%,#ffbb67 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d18322 0%,#ffbb67 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d18322', endColorstr='#ffbb67',GradientType=0 ); /* IE6-9 */
}

.priority4 {
	background: #c99a51; /* Old browsers */
	background: -moz-linear-gradient(top, #c99a51 0%, #f8ce8f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c99a51), color-stop(100%,#f8ce8f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c99a51 0%,#f8ce8f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c99a51 0%,#f8ce8f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c99a51 0%,#f8ce8f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c99a51 0%,#f8ce8f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c99a51', endColorstr='#f8ce8f',GradientType=0 ); /* IE6-9 */
}

.priority5 {
	background: #cec040; /* Old browsers */
	background: -moz-linear-gradient(top, #cec040 0%, #f2eba3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cec040), color-stop(100%,#f2eba3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cec040 0%,#f2eba3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cec040 0%,#f2eba3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cec040 0%,#f2eba3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cec040 0%,#f2eba3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec040', endColorstr='#f2eba3',GradientType=0 ); /* IE6-9 */
}

.priority6 {
  background-color: #30FF00 !important;
}

select .priority0 {
  background: #bbbbbb;
}

select .priority1 {
  background: #cd3e3c;
}

select .priority2 {
  background: #d2612e;
}

select .priority3 {
  background: #d18322;
}

select .priority4 {
  background: #c99a51;
}

select .priority5 {
  background: #cec040;
}
/*
******************
 * 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;
}

/* Properties for highlighting a node that is selected in a tree */
div.TreeNodeSelected, div.TreeNodeSelectedBox, div.RootNodeSelected {
  background-color: #86a4c7;
  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: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

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

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

img.Branch {
  height: 20px;
  width: 19px;
  margin: 0px 2px 0px 2px;
  vertical-align: middle;
}

img.NodeIcon, img.RootNodeIcon {
  border: 0 none;
  vertical-align: middle;
}
/* 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;
}

  
/*
***************************
 * DISCUSSIONS STYLES *
***************************
*/

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

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

table.DiscussionPost {
  background-color: #fff;
  border: 1px solid #d4d2d0;
  border-spacing: 0;
  width: 100%;
  margin: 3px 0 !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

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

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

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

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

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 {
  background: #CCDDEE url(/sf-images/misc/hourglass.png)  0.4em 0.5em no-repeat;
  font-weight:  normal;
  padding: 6px 2em;
  font-size: 110%;
  margin: 3px 0 6px 0;  
}
 
div.Content {
}

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

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

table.Associations td.Associations {
  margin: 0 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;
}

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


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

a.editproperties:hover {
  background-image: url("/sf-images/icons/edit_hover.png") !important;
}

.deletecomponent {
  background-image: url("/sf-images/icons/delete.png") !important;
}

a.deletecomponent:hover {
  background-image: url("/sf-images/icons/delete_hover.png") !important;
}

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

a.uparrow:hover {
  background-image: url("/sf-images/icons/uparrow_hover.png") !important;
}

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

a.downarrow:hover {
  background-image: url("/sf-images/icons/downarrow_hover.png") !important;
}

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

.downarrowgray {
  background-image: url("/sf-images/icons/downarrow_gr.png") !important;
  cursor:default;
}

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

div.contentactions_on, div.contentactions_off {
  float: left; 
  font-size:  0.92em; 
  padding-right: 2em;
}

div.contentactions_off {
  padding-right: 0.2em;
}

.contentactions_on a, .contentactions_off a {
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  border-color: #b9b9b9 #8d8787 #b1afaf;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 2px 8px;
  font-weight:normal;
  text-decoration:none;
}

tr.nocomponentheader td {
  border-top: 1px solid rgb(206, 206, 206);
}

tr.nocomponentheader td.nobordertop {
  border-top: none;
}
 
.contentactions_on a:hover,  .contentactions_off a:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #e6e6e6;
  border-color: #b9b9b9 #8d8787 #b1afaf;
}

td.EditComponentContainerCell {
  border: 1px solid #d4d2d0;
  background: #f7f7f7;
  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;
}

.editcompdiv {
  margin-bottom: 40px;
}

.buttondiv {
  font-weight: normal;
}

.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 {
  padding-left: 18px;
  background-image: url("/sf-images/icons/properties_minus.gif") !important;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 3px;
  padding-right: 10px;
}

.plusicon {
  padding-left: 18px;
  background-image: url("/sf-images/icons/properties_plus.gif") !important;
  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: 8px;
}

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

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

/* needed for IE7, which was not displaying the td with the chart without the width */
td.chart_content {
  width:100%;
}

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

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

/*IE Hack IE7 and earlier*/
*:first-child+html #create_component_tracker_search {
  width: 20%;
}
* html #create_component_tracker_search {
  width: 20%;
}
/* Project pages left navigation / accordion navigation */


#pcenav dt {
  background-color: #e5e5e4;
  padding: 4px 5px;
  border-top: 1px solid #c4c2c0;
}

#pcenav dd {
  padding: 0 !important;
  background: #f2f5f9;
  margin: 0;
}

#pcenav a {
  display: block;
}

#pcenav a.head {
  cursor:pointer;
  background:url("/sf-images/icons/collapsed.gif") no-repeat scroll 0 0;
  float: right;
  text-decoration: none;
  display: block;
  width: 16px;
}

#pcenav a.selectedNav {
  background-image: url("/sf-images/icons/expanded.gif");
}

#pcenav  li.subNavSelected a, #pcenav dt.NavSelected a {
  color: #fff;
}

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

#pcenav li {
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
  background-color: #fff;
  border-top: 1px solid #c4c2c0;
}

#pcenav li.subNavSelected, #pcenav dt.NavSelected {
  display: block;
  background: #86a4c7 !important;
}

#project_home_content {
  padding: 0px 3px 0 10px;
}

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

#pcenav {
  border: 1px solid #c4c2c0;
  border-top: none;
  background-color:#fff;
  margin-bottom:10px;
  margin-top: 0;
  -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);
}

.projectlogo {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
  padding: 3px 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: 206px;
}

#replaceprojectimage {
  padding: 4px 2px 30px 4px; 
  border: 1px solid #cde;
  border-bottom: none;
  background-color: #f7f7f7;
  margin-bottom: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

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

p.attributetip {
  margin: 4px;
  font-style: italic;
}

div.revert-project-image {
  position: absolute;
  right: 0;
}

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

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

/* Styles for configuration mode in content editor */

.pce_leftnav_options {
  background-color: #E5E5E4;
  padding: 8px 0 8px 6px;
  border-top-left-radius: 5px;
}

.pce_configure_options {
  margin-top: 0;
  padding: 8px 0 8px 6px;
  background-color: #86a4c7;
  border-top-right-radius: 5px;
}

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

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

.nowrap {
  white-space: nowrap;
}

.project_home_leftnav_config {
  background-color: #E5E5E4;
  padding: 0 3px 0 2px;
}

.project_home_content_config, .pce_configure_options {
  border-left: 6px solid #86a4c7;
  border-right: 1px solid #86a4c7;
  border-bottom: 1px solid #86a4c7;
}

.pce_edit_configure_options {
  border-left: 6px solid #C4C2C0;
  border-right: 1px solid #C4C2C0;
  border-bottom: 1px solid #C4C2C0;
}

.pce_leftnav_options a, .pce_configure_options a, .pce-add-page a  {
  background: #ffffff url('/sf-images/button/button_background_gray.gif') repeat-x bottom left;
  border: 1px solid #cccccc;
  border-collapse: collapse !important;
  border-color: #a3a2a2 #a3a2a2 #9d9b9b;
  border-bottom-color: #b3b3b3;
  padding: 5px 6px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  text-decoration: none; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pce_leftnav_options a:hover, .pce_configure_options a:hover, .pce-add-page a:hover {
  background: #f0f0f0 url('/sf-images/button/button_background_hover.gif') repeat-x bottom;
  border: 1px solid #cccccc;
  border-collapse: collapse !important;
  border-color: #a3a2a2 #a3a2a2 #9d9b9b;
  border-bottom-color: #b3b3b3;
  text-decoration: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

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

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

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

td#project_home_leftnav div.left-navigation dl {
  margin-top: 10px;
}

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

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

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

.modalFormTitle {
  background-color:#efefef;
  width:150px;
  text-align:right;
}
.modalFormElemHeader {
  font-weight:bold;
  background-color:#fff;
}
.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;
}

/*IE Hack IE7 and earlier*/
*:first-child+html h1.pcePageTitle {
  margin-top: 0.1em;
}

* html h1.pcePageTitle {
  margin-top: 0.1em;
}

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

/* class that will be placed on the project home page row in edit content structure */
tr.projectHome {
  border-bottom: 2px solid #d4d2d0;
}

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

/* Commented Backslash Hack hides rule from IE5-Mac - pads activity box header in IE-Win \*/
* html #activitybox h2 {
  padding-top: 8px;
}
/* End IE hack */

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

.add_icon, .add_icon2 {
  padding-left: 14px;
  background: url("/sf-images/icons/activitytable/add-new-artifact.gif") no-repeat 0 .5em;
}

.download_icon, .download_icon2 {
  padding-left: 14px;
  background: url("/sf-images/icons/activitytable/download.gif") no-repeat 0 .5em;
}

.edit_icon, .edit_icon2 {
  padding-left: 14px;
  background: url("/sf-images/icons/activitytable/edit.png") no-repeat 0 .5em;
}

.launch_icon, .launch_icon2 {
  padding-left: 14px;
  background: url("/sf-images/icons/activitytable/launch.gif") no-repeat 0 .5em;
}

.report_icon, .report_icon2 {
  padding-left: 14px;
  background: url("/sf-images/icons/activitytable/generate-report.gif") no-repeat 0 .5em;
}

.view_icon, .view_icon2 {
  padding-left: 14px;
  background: url("/sf-images/icons/activitytable/query-artifacts.gif") no-repeat 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.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 {
  font-weight: normal;
  text-decoration: none; 
  white-space: nowrap;
  float: left;
  border: none;
  margin: 0px 1px;
}
/* For IE8 and below */
div.DropDownRight, div.MiddleDropDown, div.ButtonSelection {
  margin: 1px 1px\9;
}
/* For IE9*/
:root div.DropDownRight, div.MiddleDropDown, div.ButtonSelection, div.FilterRight, div.FilterLeft, div.ButtonSelection {
  margin: 0px 1px;
}
.ButtonSpace, .ButtonSpaceSeparator {
  float: left;
}

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

div.Button div.Middle, div.Button div.MiddleDropDown, div.Button div.DropDownRight {
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  border-color: #b9b9b9 #8d8787 #b1afaf;
  border-bottom-color: rgb(155, 151, 151);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.Button div.Middle {
  line-height: 18px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

}

div.Button div.MiddleDropDown {
  padding: 2px 2px;
  border-radius: 4px 0px 0px 4px;
  height: 18px;
}

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

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

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

div.Button div.DropDownRight .caret {
  border-bottom-color: rgb(255, 255, 255);
  opacity: 0.75;
  /* For I8 and below */
  filter: alpha(opacity: 75);
}

/*For IE9 and other browsers */
:root div.Button div.DropDownRight { 
  height: 22px;
}

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: #000;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-weight:normal;
}

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

div.Button div.ButtonSelection {
  border-left: -2px;
  color: #000;
  background-color: rgb(255, 255, 255);
  border-top: 1px solid rgb(197, 195, 195);
  border-right: 1px solid rgb(219, 219, 219);
  border-bottom: 1px solid rgb(138, 138, 138);
  border-left: 1px solid rgb(202, 197, 197);
  margin-left: -2px;
  height: 16px;
  padding: 3px 8px;
}

div.Button div.Middle:hover, div.Button div.MiddleDropDown:hover, div.Button div.DropDownRight:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #e6e6e6;
}

div.Button div.FilterRight {
  cursor: pointer;
}

/* Disabled Button styles */
div.Button div.MiddleDisabled, div.Button div.MiddleDisabledDropDown {
  padding: 2px 2px;
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: default;
  color: rgb(192, 191, 191);
  background-color: #e6e6e6;
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.Button div.MiddleDisabled {
  border-color: rgb(179, 176, 176) rgb(185, 185, 185) #b1afaf;
  border-bottom-color: rgb(185, 182, 182);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
}

div.Button div.MiddleDisabledDropDown {
  border-color: rgb(189, 184, 184) rgb(190, 184, 184) rgb(201, 194, 194);
  border-radius: 4px 0px 0px 4px;
  padding-left: 6px;
  padding-right: 6px;
}
 
div.Button div.Middle img {
  margin-top: -5px;
  margin-bottom: -4px;
  padding-right: 4px;
  border: 0px none;
}
 
div.reorder-button {
  padding: 10px 0px;
  clear: both;
  margin: 10px 0px;
}

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

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

.floatright {
  float: right;
}

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

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

tr#filter {
  background-color: #c4c2c0;
}

tr#filter td {
   border: 1px solid #c4c2c0;
   background-color: rgb(236, 236, 236) !important;
   background-repeat: repeat-x;
}

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

div.FilterButton {
    float: right;
    position: relative;
    padding: 0px;
}

div.FilterButton div.FilterLeft {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  border-color: #b9b9b9 #8d8787 #b1afaf;
  border-bottom-color: rgb(158, 156, 156);
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  padding: 1px 2px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 4px 0px 0px 4px;
     -moz-border-radius: 4px 0px 0px 4px;
          border-radius: 4px 0px 0px 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.FilterLeft a {
    text-decoration: none;
    padding: 1px 2px 1px 2px;
    display: inline-block;
    color: #000;
}

div.FilterButton div.FilterRight {
  display: inline-block;
  color: #000;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 5px 5px 10px 5px;
  -webkit-border-radius: 0px 4px 4px 0px;
     -moz-border-radius: 0px 4px 4px 0px;
          border-radius: 0px 4px 4px 0px;
  margin-left: -2px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  border-color: #b9b9b9 #8d8787 #b1afaf;
}

div.FilterButton div.FilterRight .caret {
    border-top-color: #000;
    border-bottom-color: #000;
    opacity: 0.75;
      /* For I8 and below */
    filter: alpha(opacity: 75);
}

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

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

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

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

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

/*Hide Summary Charts*/

#TrackerSummaryChartsSmall td{
padding-right:5px;
border-style:none;

}

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

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

#showHideChartButton {
  float:right;
  padding-top: 5px;
}

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

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

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

table#titleChartContainerTable tr.ContainerHeader td, .small-header tr.ContainerHeader td {
  font-size: 1.09em;
}

div.small-header {
  font-size: 1.09em;
}

#showHideChartButtonHolder {
  float: right;
}

.hidePaddings td {
  height: 25px;
}

.hidePaddings #showHideChartButtonHolder {
  padding-top: 2px;
}

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

#titleHolder {
  float: left;
}

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

.ContainerHeader td div {
  padding-right: 0.69em;
}

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.FieldLabel_Gray, td.FieldLabel_Gray {
  padding: 4px 4px;
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: top;
  color:#9b9b9b;
}

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

td.FieldItem {
  padding: 4px 4px;
  font-size: 1.0em;
  font-weight: normal;
  vertical-align: top;
}

td.FieldItemLarge {
  padding: 4px 4px;
  font-size: 1.10em;
  font-weight: normal;
  vertical-align: top;
}

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

td.FieldItemLargerBold {
  padding: 4px 4px;
  font-size: 1.30em;
  font-weight: bold;
  vertical-align: top;
}

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

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

span.Font_Gray {
  color: #9b9b9b; 
}

span.FontBold_Gray {
  font-weight: bold;
  color: #9b9b9b;
}

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

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

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

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


/*
********************************************
*  filter bar buttons for tables       *
********************************************
*/
 
 div.FilterAppButton {
  float: left;
  border-right: 1px solid #cccccc;
  margin-right: 0;
  cursor: pointer;
  padding-right: 2px !important;
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  border-color: #b9b9b9 #8d8787 #b1afaf;
  border-bottom-color: rgb(155, 151, 151);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.FirstButton {
  border-left: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-top-left-radius: 4px;
  border-color: #b9b9b9 #8d8787 #b1afaf;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.last-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-color: #b9b9b9 rgb(214, 214, 214) #b1afaf;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

table.AppButtonTable {
  font-size: 1.09em;
  padding: 0;
}

table.AppButtonTable:hover {
  background: #f0f0f0 url('/sf-images/button/button_background_hover.gif') repeat-x bottom;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.FilterAppButton td {
  background: transparent !important;
  border-width: 0 !important;
  font-weight: normal;
  padding: 2px 0 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.FilterAppButton:hover, div.FilterButton div.FilterLeft:hover, div.Button div.FilterRight:hover {
  background: #f0f0f0 url('/sf-images/button/button_background_hover.gif') repeat-x bottom;
}

tr.TabHeader table.AppButtonTable td.AppButtonPadding img {
  margin-left: 2px;
}

.AppButtonPaddingLeft {
  padding: 0 1px;
  float: left;
}

.AppButtonPaddingRight {
  padding: 0 1px;
  border-width:0 !important;
  float: right;
}

.AppButtonPadding {
  border-width: 0;
}
  
.AppButtonPadding img {
  padding-right: 2px;
  padding-left: 1px;
}

#removefilterbutton img {
  padding-right: 3px;
}

table.AppButtonTable .AppButtonText {
  font-weight:normal !important;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 0.83em !important;
  color: #333333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

tr.TabHeader .AppButtonText {
  font-size: 0.92em !important;
}

tr.ContainerHeader .AppButtonText {
   font-size: 0.81em !important;
}

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

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


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

/* IE Hack IE6 and earlier  */
/* Button hover corrections */
* html div.AppButton div.Middle a:hover {
  border:none;
  background: #ececec url('/sf-images/button/button_background_gray.gif') repeat-x bottom left;
  padding: 2px 9px;
  margin: -2px -9px;
  display: block;  
}

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

.HeaderRowBar {
  padding-top: 3px;
}

.TabHeader td div {
  padding-right:0.69em;
}

/*
********************************************
*  tree/list/grid buttons for tables       *
********************************************
*/
 
div.TreeListGridButtonOff {
  display: inline-block;
  float: left;
  margin-right: 0;
  font-size: 12px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid rgb(53, 52, 52);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: rgb(155, 151, 151);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

div.TreeListGridButtonOn {
  color: #fff;
  float: left;
  margin-right: 0;
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #a2a2a2;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-repeat: repeat-x;
  border: 1px solid rgb(126, 123, 123);
  border-color: #b4adad #858585 #5a5a5a #5a5a5a;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  outline: 0;
}

div.FirstTLGButton {
 border-left: 1px solid #888888;
 margin-left: 0.69em;
 border-bottom-left-radius: 4px;
 border-top-left-radius: 4px;
 border-bottom-right-radius: 0px;
 border-top-right-radius: 0px;
}

table.TLGButtonTable {
  font-size: 1.09em;
  padding: 0;
}

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

div.TreeListGridButtonOff:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  color: #333333;
  background-color: #e6e6e6;
}

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

tr.TabHeader table.TLGButtonTable td.AppButtonPadding img {
  margin-left: 2px;
}

table.TLGButtonTable .AppButtonText {
  font-weight:normal !important;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 0.83em !important;
}


.TreeListGridButtonOff a, .TreeListGridButtonOff a:visited {
  text-decoration:none;
  color: #000;
}

.TreeListGridButtonOn a, .TreeListGridButtonOn a:visited {
  text-decoration:none;
  color: #fff;
}

/*
********************************************
*  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 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_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;
}

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

.license-banner {
  padding: 4px 30px 4px 12px;
  margin: 8px 12px 0;
  color: rgb(9, 5, 0);
  font-size: 110%;
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* 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_from {
    width: 400px;
    border-right: 1px solid #aaa;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    white-space: pre-wrap;
    overflow: auto;
}
.side_by_side_to {
    width: 400px;
    border-left: 1px solid #aaa;
    float: left;
    margin-left: 0px;
    padding-left: 2em;
    position: relative;
    right: 1px;
    white-space: pre-wrap;
    overflow: auto;
}
.difftoggle {
  padding: 0px 3px 0px 3px;
}
.sidetoggle {
  padding: 0px 3px 0px 3px;
}
.hidetoggle {
  padding: 0px 3px 0px 3px;
}

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


.profilePictureControls {
  vertical-align:top;
}


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
}


tr.treeview {
   border-bottom: 1px #aaa; 
}

tr.treeview td {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #d4d2d0;
  padding: 2px;
}

tr.treeview:hover, tr.treeview:hover td {
  background-color: rgb(228, 228, 228);
  border-bottom-color: rgb(194, 194, 194);
  border-top-color: rgb(233, 233, 233);
  color: #000;
  -webkit-box-shadow: inset 0px 1px 1px rgb(211, 204, 204);
     -moz-box-shadow: inset 0px 2px 2px rgb(211, 204, 204);
          box-shadow: inset 0px 1px 1px rgb(211, 204, 204);
}

.treeview .treeCol {
  padding: 1px 5px 0px 0px;
  *padding-top: 0px;    
  white-space: nowrap;
}

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

}

td.showMoreResults {
    padding: 3px 0px 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;
    padding-top: 5px;
}
.legend table {
    margin:0px 5px 0px 0px; 
    padding:0; 
}
.legend table td {
    white-space: nowrap;
  padding:0; 
}
.legend div {   
    padding: 0px 3px 0px 3px; 
    margin: 2px 5px 0px 0px; 
    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 0px 6px 2em;
  background: url(/sf-images/icons/icon_info_sml.png) 5px 0.4em no-repeat;
}

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

/* used by view planning folder rank mode to show d&d busy */
table.dndWait tr.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:#000000; 
 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 2px 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: 0px;
  padding: 0px;
  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: 0px 5px 5px 5px;
  width: 50%;
}

#FieldValidationResultsHeader {
  background-color: #C4C2C0;
  border-left: 1px #9B9B9B solid;
  border-right: 1px #9B9B9B solid;
  border-top: 1px #9B9B9B solid;
  font-weight: bold;
  margin: 2px 0px 0px 0px;
  padding: 5px 5px 5px 0px;
}

#FieldValidationResultsContainer {
  background-color: #F2F2F2;
  border: 1px #9B9B9B solid;
  font-size: 1.18em;
  font-style: italic;
  margin: 0px;
  padding: 10px;
}

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

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

#FieldValidationQuickReferenceHeader {
  background: #c4c2c0;
  border: 1px solid #c4c2c0;
  border-top: 1px solid #a4a2a0;
  font-size: 1.09em;
  font-weight: bold;
}

#FieldValidationQuickReferenceHeader td {
  padding: 3px 5px;
}

#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, #artifactSummary td.ItemDetailValue {
  white-space:nowrap;
}

.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;
  overflow-x: hidden;
  overflow-y: hidden;
}

  #treeBranch tr {
  padding:0px;
  margin:0px;
}

#treeBranch td {
  padding:0px;
  margin:0px;
}

#treeBranch img {
  padding:0px;
  margin:0px;
}

#treeBranch input {
  padding:0px;
  margin:0px;
}

.documentPermissionStyle {
  padding:0px !important;
  margin:0px !important;
}

.documentPermissionStyle tr {
  padding:0px !important;
  margin:0px !important;
}

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

.documentPermissionStyle input{
  padding:0px !important;
  margin:0px !important;
}

.documentPermissionStyle img{
  padding:0px !important;
  margin:0px !important;
}

#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 {
  padding-top: 3px;
  padding-bottom: 3px;
}

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

.left-navigation-header {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
  padding: 3px 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;
}

td.left-navigation-container .left-navigation-header {
  border-top: none;
}

.left-navigation {
  line-height: 15px;
  border-collapse: collapse;
  padding-top: 5px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: normal;
  margin-bottom: 9px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
}

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

.newusers-enabled, .newusers-disabled {
  padding: 2px;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

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

.newusers-enabled {
  background-color: #468847;
}

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

.btn a {
  padding: 2px 6px;
  display: inline-block;
}

.btn a:link {
  color: #333333;
  text-decoration: none;
}

.btn a:visited {
  color: #333333;
  text-decoration: none;
}

.btn-selected {
    color: #FFFFFF !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
    background-image: none;
    background-color: #A2A2A2 !important;
    cursor: auto;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 
    border: 1px solid rgb(126, 123, 123);
    border-color: #b4adad #858585 #5a5a5a #5a5a5a;
    outline: 0; 
    padding: 2px 6px;
}

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

   
}

.btn-selected:hover {
  background-color: #A2A2A2 !important;  
}

.toggle-btn {
    margin: 0 15px;
    display: inline-block;
    white-space: nowrap;
}

.btn-wrapper-cell {
    min-width: 250px;
    width: 250px;
}

.toggle-size {
    width: 60px;
}

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

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

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

/** End of patch message styles */

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

.completed-text {
	width:150px;
	margin:auto;
}

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

#boxes .modal-footer {
	padding:3px 3px 3px;
}

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

/**
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: 0px 2px 0px 2px;
  vertical-align: middle;
  float:left;
  height:25px;
}

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

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

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

.editRoleDocumentFolderChildrenContainer{
  display:none;
}

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

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

.inline-edit-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

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

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

/** css for Jump to ID field */
.jump-field-container {
  width: 142px;
  height: 29px;
  padding: 5px 10px 5px 5px;
  background: url('/sf-images/masthead/Jump_id_bg.png') 0 5px no-repeat;
}

span#jumpFieldLabel {
  font-weight: bold;
}

.jump-field-label {
  width: 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  float: left;
  margin: 5px 0;
 }

.jump-field-textbox {
  width: 80px;
  border: none !important;
  outline: 0px;
  float: left;
  font-size: 12px;
  color: #999;
  margin-top: 1px;
  padding: 4px 0 !important;
  border-top-right-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  box-shadow: none !important;
  transition: none !important;
}

.quick-search  input,
.quick-search {
  padding: 6px 10px;
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *zoom: 1;
}

div.quick-search-field-container {
  height: auto;
  width: 233px;
  white-space: nowrap;
}

.responsive-on div.quick-search-field-container {
  margin-left: -5px;
}

div.quick-search-field-container input {
  height: 12px;
  line-height: 12px;
  width: 88px;
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: middle;
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

div.quick-search-field-container input:focus {
  z-index: 2;
}

div.quick-search-field-container ul#quick-search-dropdown-toggle {
  list-style: none;
  margin-left: 105px;
}

div.quick-search-field-container  ul.dropdown-menu {
  margin: 5px 21px 0px 0px;
}

.responsive-on div.quick-search-field-container  ul.dropdown-menu {
  margin: 0px -10px;
}

.responsive-on .pull-right .quick-search-field-container ul.dropdown-menu {
  margin-left: -20px;
}

.quick-search-field-label, .quick-search-icon {
  display: inline-block;
  *display: inline;
  margin-left: -3px;
  *margin-left: .3em;
  font-size: 12px;
  white-space: nowrap;
  height: 12px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333 !important;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

li.dropdown a.quick-search-field-label {
  text-overflow: ellipsis;
  width: 100px;
  max-width: 100px;
  overflow: hidden;
  cursor: default; 
  text-decoration: none;
  padding: 3px 1px 9px;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

li.dropdown a.quick-search-field-label > b.caret {
  border-top-color: #000 !important;
  opacity: 1;
  margin-top: 6px !important;
}

.quick-search-icon {
  padding: 6px 10px;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: url("/sf-images/masthead/searchicon_thumb.png");
  background-position: 3px 6px;
  background-repeat: no-repeat;
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

#quick-search-dropdown i {
  padding: 0 4px;	
}

#quick-search-dropdown i.icon-ok {
  margin-left: -14px;
}

.responsive-on #quick-search-dropdown i.icon-ok {
  margin-left: 0;
}

.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: 15px 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 0px 0px 0px;
  border-width: 0 0 1px;
  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 #e5e5e5;
  border-radius: 4px;
}

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

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

.artifact-priority {
    width: 2px;
    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 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 {
	cursor: pointer;
	background-image: url("/sf-images/icons/edit_card");
	display: inline-block;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

.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: 40%;
}

.settings-accordion-content-table select {
    width: 90px;
}

.artifact-editor-settings-column-1 input {
    width: 83px;
}

.artifact-editor-settings-column-2 {
    float:left;
    width: 55%;
    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 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
    width: calc(100% - 31px)!important;
}

.table-column .column-header .combo .combo-text {
  width: calc(100% - 18px)!important;
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}

.tree-node-hover {
   background : none repeat scroll 0 0 #EDEDED !important
}
.tree-node-selected {
   background : none repeat scroll 0 0 #B1C8E8 !important
}

.tree-file {
   background: url("/sf/js/easyui/themes/gray/images/tree_folder.gif") no-repeat scroll 0 0 transparent !important;
}
.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;
}

.include-closed-btn {
	background: url(/sf-images/icons/show_closed_artifacts.png) 4px -0.2em
		no-repeat;
	padding: 0px 12px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	margin-bottom:3px;
	margin-top:3px;
	
}

.refresh-btn {
	padding: 3px 5px;
	margin: -1px 2px 0px;
	padding-right:4px\9;/* added so that refresh button aligned properly in IE8 */
}
.add-btn{
	padding: 3px 5px;
	margin: 0px 2px 0px;
	float:left;
	margin-top: 2px;
	
}

.content-selector-container {
	height: 27px
	margin-left: 4px;
}

.infoText {
	display:none;
}

.workflowInfo{
	padding: 4px 30px 4px 12px;
margin: 8px 12px 0;
color: rgb(9, 5, 0);
font-size: 110%;
font-weight: normal;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
}
.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;
}

.project-title-crumb {
  font-size: 15px;
  color: #333;
  font-weight: bold;
}

.PostCreator {
  font-weight: bold;
}

.PostDate {
  color: rgb(145, 143, 143);
  font-size: 11px;
}

.PostId {
  font-weight: bold;
  color: rgb(92, 92, 92);
}

.componenttitle, div.header-title {
  float: left;
  margin-top: 4px;
}

#progressBar img {
  height: 20px;
}

.transitionRequiredFieldMarkInstruction {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    background-color: #CC3300;
    padding-left:2px;
    padding-right:2px;
    vertical-align:middle;
    margin: 1px;
}

.transitionRequiredFieldMark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    background-color: white;
    padding-left:2px;
    padding-right:2px;
    vertical-align:middle;
}

/* Styles for contextual menu */
tr.treeview td > li.contextual-menu {
  position: relative;
  visibility: hidden;
  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: none;
  content: '';
}

table#ArtifactListTableData li.dropup > ul.dropdown-menu:after {
  top: 150px;
  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 {
   visibility: visible;
 }
 .contextual-menu .dropdown-menu .divider {
   margin: 4px 1px;
 }
 .contextual-menu li, .contextual-menu a{
   line-height: 16px;
 }