/* This is the local CSS file for SAPweb Purchasing Applications */

/* It is built to coordinate with the generic SAPweb CSS file, "styles.css".
Be aware styles.css resets sizing on certain elements to .84em. */



/***** Specific formatting *****/

#headerComments{
  margin: 1em 0 2em 0;
  padding: 1px 0;
}

#headerComments .container
{margin-top: 1em;}

.itemNum
{
  padding-left: .5em;
  padding-right: .5em;
  width: 1%;
  vertical-align: top;
}

.sort div.txt
{
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0 14px;
}

.sort div.imgWrap
{
  position: absolute;
  top: 50%;
  right: -13px;
  margin-top: -4px;
}

.expandArrow
{
  float: right;
  width: 19px;
  height: 17px;
  vertical-align: top;
}

.expandArrowLabel {margin-right: 26px;}

.matGroup
{
  float: left;
  width: 3em;
}

.createreqecat .lineItemCol4 {width: 13em;}

.lineItemSpacer {width: .5em;}

.createreqecat .lineItemCol6 {width: 5.125em;}

.distribInput {width: 3em;}

.createreqecat .lineItemCol7 {width: 9em;}

.costObj {width: 4.5em;}

.createreqecat .lineItemCol8 {width: 8.5em;}

.glAcct
{
  float: left;
  width: 4.5em;
}

.glShim
{
  visibility: hidden;
  width: 6.5em;
}

.createreqecat .lineItemTotal
{
  width: 56.375em;
  margin-left: 45px;
  padding: 0;
}

.lineItem thead th {border-top-width: 1px;} /* Makes room for shim to hold width of table. */

.insideLabel {padding-left: 1px}

.matNum {padding-top: .3em}

.quantityEqSign
{
  float: right;
  width: 1.2em;
}

fieldset div {margin-top: .5em;}
fieldset .first  /* these two fieldsets need to have the same value for consistent spacing or slightly larger for first to give more spacing at top */
{
  margin-top: 0;
  padding-top: .8em;
}

fieldset .colwrap
{
  padding-top: .2em;
  margin-top: 0;
}

fieldset div.column
{
  float:left;
  margin-top: 0;
}

.separator span {font-size: .84em;}

.divider {margin: 1.2em 0 1.5em 0;}

.divider span {font-size: .84em;}

.divider span.hairspace {font-size: .2em;}

.searchhelpImg
{
  float:left;
  width: 1.5em;
  margin-left:.5em;
  vertical-align: top;
}

.distrib {margin-bottom: .2em}

#totalPO {padding-right:.6em;}



/***** Specific page formatting *****/

/* On each page the #mid div is given a
class name that corresponds to the
page name (e.g. class="displaypo").
This allows the navs to be formatted
differently on different pages by using
something like, .displaypo #nav2 {}. */

.searchforpo #content {margin-top: 1em;}

.searchforpo .divider {width: 7.5em}

.searchforpo label
{
  float: left;
  width: 9em;
  margin-left: .5em;
}

.searchforpo #column2 label {width: 7em}

.searchforpo label span {font-size: .84em;}

.searchforpo fieldset input
{
  float: left;
  width: 8em; /* Note since input is at .84ems this is really about 6.72em. Input borders add about .25em each input. */
}

#fundCtr {width: 12.8em} /* an exception to .searchforpo fieldset input */

.searchforpo fieldset .separator
{
  width: 1em;
  margin: 0 .75em 0 .75em;
  text-align: center;
}

.searchforpo fieldset .short {width: 5.6em;}

.searchforpo #column1 {width: 29em;}

.searchforpo #column2 {width: 20em;}

.searchforpo #nav4 {margin-top: 1em;}

.displaypo #nav2, .displaypo #nav3
{
  float:left;
}

.displaypo #nav2 {margin-right: 2em;}

.displaypo #nav2 th, .displaypo #nav3 th
{
  width: 14em;
}

.displaypo #nav4
{
  clear: left;
  padding-top: 2em;
  margin-bottom: 2em;
}

.displaypo #nav4 .container
{
  margin-top: 1em;
}

.displaypo .hdrTxtBlock
{
  margin-left: 14em;
}

.displaypo .hdrTxtTitle
{
  float: left;
  width: 14em;
}

.searchhelp #nav2, .searchhelp #content {margin-bottom: 1em}

.searchhelp #nav2 th {width:1%}

.searchhelp #nav2 td {width:22em}

.searchhelp #content {margin-bottom: 1em}

.createreqecat #nav2, .createreqecat #nav3
{
  float:left;
}

.createreqecat #nav2
{
  margin-right: 2em;
  margin-bottom: 1em;
}

.createreqecat #nav2 th
{
  width: 9em;
}

.createreqecat #nav3 th
{
  width: 14em;
}

.createreqecat #nav4
{
  clear: left;
  padding-top: 2em;
  margin-bottom: 2em;
}

.createreqecat #nav4 .container
{
  margin-top: 1em;
}

.createreqecat .hdrTxtBlock
{
  margin-left: 9em;
}

.createreqecat .hdrTxtTitle
{
  float: left;
  width: 9em;
}

.createreqecat .description
{
  width: 22.25em;
  padding-right: 9px;
}

.createreqecat .lineItemNum {width: 2.5em;}

.createreqecat .lineItemCol2
{
  width: 8.5em;
}

.createreqecat .lineItemCol3 {width: 9.25em;}


.createreqext vertTable th.req {padding-right: 16px} /* This sepcificity is required so .req can overcome horizTable th */

.createreqext #nav2, .createreqext #nav3
{
  float:left;
}

.createreqext #nav2, .createreqext #nav3
{
  margin-right: 2em;
  margin-bottom: 1em;
}

.createreqext #nav2 th
{
  width: 10em;
}

.createreqext #nav3 th
{
  width: 13em;
}

.createreqext #nav4
{
  clear: left;
  padding-top: 1em;
  margin-bottom: 2em;
}

.createreqext #nav4 .container
{
  margin-top: 1em;
}

.createreqext .hdrTxtTitle
{
  float: left;
  width: 10em;
}

.createreqext .hdrTxtBlock
{
  margin-left: 10em;
}

/* For elements that IE gives "haslayout" (e.g. textarea) margins on floats don't work. So these require a wrapper .container and the following two classes. */
.createreqext .hdrTxtBlockwLayoutWrap
{
  width: 56em;
}

.createreqext .hdrTxtBlockwLayout
{
  float: left;
  width: 45em;
}

.createreqext #nav2 td {width: 10em;}

#goodsRecip {width: 100%;}

#vendNum, #trackNum
{
  float: left;
  width: 65%;
}

.qty, .unit
{
  float: left;
}