/* -------------- */
/* version: 19.0*/
/* skin: Salesforce */
/* cssSheet: dashboard */
/* postfix:  */
/* spritesEnabled: false */


.mComponent {
    padding-left:2px;
    margin-bottom:12px;
    margin-top:2px;
}

.mComponent .shadow {
  background-color: #D5D5D5;
}

.mComponent .cBody {
    background-color:#fff;
    text-align:center;
    background-image: url(../images/graphs/bgComponent.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.mComponent .cContent {
    background-color:#fff;
    width:auto;
    position: relative;
    left: -2px;
    top: -2px;
    border: none;
}

.mComponent .cContent .dashboardRowValue {
    float: right;
    padding: 3px;
    display: block;
}

.mComponent .cContent .dashboardRowLabel {
    padding: 3px;
    display: block;
}

/* ensure that tables and error msgs don't have a dark background */

.dashPreview .cContent table,
.cContent table.list,
.cContent span.errorMsg {
    background-color:#FFF;
}
.cContent {
    padding: 4px;
}
/* correct padding around the 'table' for metrics */
.firstMetric .cContent {
  padding: 4px 4px 0;
}
.subsequentMetric .cContent {
  padding: 0 4px ;
}
.lastMetric .cContent {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
}

.containsAChart .cContent {
  padding: 0;
}

.mComponent .cContent span.errorMsg {
    display:block;
}
.mComponent .cContent table td{
    padding: 0;
}
.mComponent .cContent table th {
    padding:3px;
    white-space: normal;
}

.mComponent .cContent .tableTitle {
    border: none;
    text-align: center;
}

.mComponent .cContent .tableTitle a {
    font-weight: bold;
}

.mComponent .headerRow .drilldownLink {
    text-decoration: none;
}

.mComponent .headerRow th {
  vertical-align: bottom;
  color: #000;
}

.mComponent .cContent .list {
    cursor: pointer;
    width: 100%;
}

.mComponent .cContent .list tr.last td,
.mComponent .cContent .last td  {
  border-bottom-width:0;
}

.mComponent .cHeader {
  padding:1px 0px 1px 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #C99C99;
  margin-left:-2px;
  margin-bottom:2px;
}

.containsAChart .cHeader {
  margin-bottom: 6px;
}
.mComponent .cHeader table {
  width: 100%;
}
.mComponent .cHeader table td{
  vertical-align: bottom;
  padding-bottom:1px;
}
.mComponent .cHeader table td.btnMove {
  text-align: right;
}
.mComponent .cHeader table td.btnMove a,
.mComponent .cHeader table td.btnMove img {
  padding: 0 2px;
}
.mComponent .cHeader table td.btnMove a img {
  padding:0;
}

.mComponent .cHeader .title h2.moduleTitle{
  font-weight:bold;
  color:#9F4646;
}
.mComponent .btnMove {
  font-size:0.91em;
  vertical-align:middle;
  text-align:right;
}
.mComponent .btnMove span {
  vertical-align:middle;
}
.mComponent .btnMove img {
  margin-right:1px;
  position: relative;
  top: 2px;
}
.mComponent .btnMove .btnLast {
  margin-right:5px;
}

table.componentTable tr,
table.componentTable td {
  vertical-align:top;
}

.componentTable .col2,
.componentTable .col3,
.componentTable .col4 {
  padding-left:5px;
  vertical-align:top;
}

#homePage .bPageBlock .pbBody {
  padding-left: 9px;
  padding-right: 9px;
}

/* display an unordered list horizontally with spacer in the middle */
.componentTable .columnSize ul {
  display: inline;
  padding-left: 0;
  margin-left: 0;
}

.componentTable .columnSize li {
  border-left: 1px solid #000;
  margin-left: .5em;
  padding-left: .5em;
  display:inline;
}

.componentTable .columnSize li.first {
  border-left: 0;
  margin-left: 1em;
  padding-left: 1em;
}

.componentTable .columnSize a.addComponent {
  display: block;
}

.columnSize .active a {
  font-weight: bold;
}

/* end unordered list */

.componentDate {
  font-size:0.91em;
  margin-top:5px;
}

.columnSize {
  font-size:0.91em;
  margin-bottom:15px;
}
.columnSize .csActive{
  font-weight:bold;
}
.mComponent .cFooter {
  font-style:italic;
}
.mComponent .cFooter .cRight {
  text-align:right;
}

.bPageBlock .pbHeader .pbButton label{
  font-size: 1em;
  vertical-align:bottom;
}
/*Q: why no just vertical-align: middle? */
/*A: it's not working in IE */
.bPageBlock .pbHeader .pbButton label {
  position: relative;
  top: -4px;
}

.metric {
  width:100%;
}
.metric .value {
  width: 1%;
}
.metric .value span {
  white-space: nowrap;
  display:block;
}
.metric a {
  text-decoration: none;
}

.metricWrapper .even table.metric td,
.mComponent .cContent .list tr.even td {
  background-color: #eee;
}

.metricWrapper .cContent td {
    border-bottom:1px solid #E3DEB8;
}

.metricWrapper .cHeader table {
  padding-bottom: 2px;
}

.metricWrapper .last td {
  border-bottom-width:2px;
}

.metricWrapper .mComponent {
  margin:0;
  padding:0;
}

.lastMetric .mComponent{
  margin-bottom: 10px;
}

.dashboard .bDescription {
  padding-bottom: 0;
}

.dashWide img.chart {
  width: 400px;
}
.dashMed img.chart {
  width: 280px;
}
.dashNarrow img.chart {
  width: 240px;
}
/**
 *Auto Complete ComboBox Classes
 */
.acCombo {
    border: 1px solid #B5B8C8;
    vertical-align: top;
    line-height: normal;
    top: 0px;
}

.acTrigger {background-image: url(/img/func_icons/trigger.gif);
	background-position: 0px 0px;width:17px;
	height:21px;;
    border-color:-moz-use-text-color -moz-use-text-color #B5B8C8;
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    vertical-align: middle;
    height:18px;
    border-bottom: 1px solid #B5B8C8;
    border-width:0 0 1px;
    cursor:pointer;
    width:17px;
    position: relative;
    vertical-align: top;
}

.x-form-trigger-over {
    background-image: url(/img/func_icons/trigger.gif);
	background-position: 0px 0px;width:17px;
	height:21px;;
    background-position: -17px top;
    height:18px;
}

.acContainer {
    margin-right: 15px;
}

.acList {
    border: 1px solid #B5B8C8;
    background:#FFFFFF none repeat scroll 0 0;
}


.acItem {
    padding-left: 30px;
}

.acItemSelector {
    background-color: #004088;
    color: #FFFFFF;
}

.acFolder {
    font-weight: bold;
    font-style: italic;
}

.acEmptyText {
    color: #808080;
}

.acErrorText {
    color: #808080;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

span.acContainer div{
    position:relative;
    white-space:nowrap;
    margin-left: 5px;
    display: inline;
    font-size: 100%;
}

.x-toolbar {
    background-color:#EEEEEE;
    border-color:#000000;
    border-style:solid;
    border-width:0 0 1px;
    display:block;
    padding:2px;
    position:relative;
}

#accomboPgToolbar.x-toolbar a {
    -moz-outline-style: none;
}

#accomboPgToolbar td.x-item-disabled a.x-menu-item {
    text-decoration: none;
}

#accomboPgToolbar td.x-item-disabled a.x-menu-item:hover {
    text-decoration: none;
}

.x-btn button{
    background:transparent none repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    font-size: 82%;
    font-weight:normal;
    margin:0;
    padding-left:3px;
    padding-right:3px;
}

.x-item-disabled {
    color:gray;
    cursor:default;
    opacity:0.6;
}
.x-item-disabled * {
    color:gray !important;
    cursor:default !important;
}

.x-combo-list {
    border:1px solid #000000;
    overflow:hidden;
}
.x-btn-bl {
    background:transparent none no-repeat scroll 0 -3px;
    height:3px;
    width:3px;
}
.x-btn-br {
    background:transparent none no-repeat scroll -3px -3px;
    height:3px;
    width:3px;
}
.x-btn-bc {
    background:transparent none repeat-x scroll 0 -15px;
    height:3px;
}

.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i {
    display:block;
    font-size: 7.5%;
    line-height:1px;
    overflow:hidden;
    width:3px;
}

.x-combo-list-inner {
    overflow:auto;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow-x:hidden;
}

.tableTotalRow {
    background-color: #818290;
}

.tableTotalCell {
    color: #FFFFFF !important;
    font-weight: bold;
    vertical-align: middle !important;
}


/* End dashboard formatting  */