/* -------------- */
/* version: 8.0*/
/* skin: Salesforce */
/* cssSheet: elements */
/* postfix:  */


/*
the premise here is to provide a sheet for the formatting of complex widgets ( motifElements,  dueling list boxes etc)
This should contain rules that would otherwise be in common.css, but are skin independant
This prevent us from having to duplicate css.
*/

/* used by user-defined motifs to clear image backgrounds */
.userDefinedMRU img.userDefinedImage { background-image:none; }
.userDefinedMotif img.userDefinedImage { background-image:none; }
.userDefinedRL img.userDefinedImage { background-image:none;}
.userDefinedRL .pbHeader .pbTitle h3 { margin-left: 4px; }
/* end user-defined motifs */

/* begin motifElement */
.motifElement {
  border: 1px solid black;
  width: 150px;
  margin-right: .3em;
  text-decoration: none;
  padding: 0;
  overflow: hidden;
  height: 1.5em;
  display: block;
  text-decoration: none;
  cursor: default;
  background-color:#fff;
}

a.motifElement:hover {
  text-decoration: none;
}

.motifElement .iconChoice,
.motifElement .iconChoice img {
  width: 19px;
  height: 100%;
  background-color: #fff;
  float:left;
}

.motifElement .colorChoice {
  margin: 0;
  width: 128px;
  height: 100%;
  float:right;
  text-align:center;
}

.motifColorElement,
.motifColorElement .colorChoice {
  width:48px;
}

.motifColorElement .iconChoice {
  display: none;
}

.customDefinedMotif .iconChoice img.mruIcon {
  background-image: none;
}

/* this applies by default when the element is empty */
.motifElement .mruIcon {
  height: 16px;
  width: 16px;
}

/* begin motifInputElement */
.motifInputElement .motifElement,
.pickableMotifElement {
  cursor: pointer;
}

.motifInputElement {
  width: 170px;
  height: 20px;
  margin: 2px 10px 2px 0;
}

.motifInputElement .motifElement {
  position:absolute;
}

.motifInputElement .lookup {
  position: relative;
  left: 155px;
  top:1px;
}

/* end motifInputElement */

/* begin MotifColorInputElement */
.motifColorInputElement {
  width: 70px;
  height: 20px;
  margin: 2px 10px 2px 0;
}
.motifColorInputElement .motifColorElement {
  position:absolute;
}
.motifColorInputElement .lookup {
  position: relative;
  left: 55px;
  top: 1px;
}
/* end MotifColorInputElement */

.custom .primaryPalette,
.bPageBlock .detailList .motifElement td {
  color: #fff;
}

/* Mouseover info element */
.mouseOverInfoOuter {
    position: relative;
    display: inline;
}



.mouseOverInfo{
    position: absolute;
    display: none;
    left: 22px;
    bottom: 20px;
    width: 20em;
    background-color: #FEFDB9;
    padding:  2px;
    border: 1px solid black;
    z-index: 11;
    /*Mozilla:*/
    opacity: 0;
}


.whatIsThisElement {
  margin-left: 0.5em;
  vertical-align: bottom;
}
/* End mouseover info element */

/* ManageableInfoElement */
.manageableInfo {
  border: 1px solid #DDD;
  padding: 6px;
  margin-bottom: 4px;
  color: #333;
  background-color: #ADC7BD;
  font-weight: bold;
}

.manageableMoreInfo {
  border: 1px solid #DDD;
  padding: 4px;
  margin: 4px 0;
  background-color: #FFF;
  font-weight: normal;
  display: none;
}

.manageableMoreInfo th {
  font-weight: bold;
  vertical-align: top;
}

/*End ManageableInfoElement */

/* Begin VerticallyArrangableSelectElement */
.verticalSelectElement .upDownButtons {
  vertical-align: middle;
}

.verticalSelectElement .upDownButtons img {
  display: block;
}

.verticalSelectElement label {
  display:block;
  text-align:center;
  font-weight: bold;
}
/* End VerticallyArrangableSelectElement */

/*Begin number-label image (just like the one used in custom webTab wizard) */
img.numberLabel {
	float: right;
}
/*End number-label image */

/* Used to conceal the scroll bars on the single-line text area used for formula default values */
#DefaultValue.FormulaText {
    overflow: hidden;
}