/* 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. */



/*** Element Styles ***/


h1
{
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0 1em 0;
}

div, img, fieldset, legend
{
  margin: 0;
  padding: 0;
  border: 0;
}

legend
{
  font-weight: bold;
}

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

caption
{
text-align: left;
font-size: .84em;
font-weight: bold;
}

/* HTML pseudo-classes */

body a:link {
  font-weight : bold;
  color : #0066CC;
}

body a:visited {
  font-weight : bold;
  color : #2879AA;
}

body a:active {
  font-weight : bold;
  color : #0066CC;
}



/*** Utility styles ***/

.container
{
  position: relative;
  top: 0px;
  left: 0px;
  padding-top: 1px; /* container must have top margin, border, or padding to prevent collapse (i.e. contained top margin is expressed on "container") of margins of enclosed blocks. */
}

.container 
{
  display: inline-block; /* This is here to fix clearing in IE Mac & must be removed for other browsers below. */
}

.container:after
{
  content: ".";
  display: block;
  height: 0;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}
/* IE-Mac hack removal \*/ .container{display: block;} /* End hide from IE-mac */

.nowrap {white-space: nowrap;}

.center {text-align: center;}


/*** Replacements for .td SAPweb styles ***/

/* These are here to make these SAPweb styles work outside of tds. Items marked "layout" are local styling that happens to be on the same element */

body
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100.1%; /* layout */ /* Keeps IE from going micro on smallest font size */
}

#banner
{
  background: #405580;
  color: #FFFFFF;
  padding: 3px;  /* layout */
}

#banner span
{
  font-size: .84em;
  font-weight: bold;
}

#nav
{
  background: #EFEFEF;
  font-size: .84em;
  padding: 3px;  /* layout */
}

.data {
  background-color : #EFEFEF;
  font-size: .84em;
}

#errorBlock {background: #FFFF99;}

#successBlock {background: #FFFFFF;}

#noteBlock {background: #DCE7ED;}

.mainTable th /* replaces .tablehead.th */
{
  background-color : #98B0C7;
  font-weight : bold;
  font-size : 0.84em;
  color : #000000;
}



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

#nav1 img {margin-top:.5em;}

#date
{
  width: 13em;
  float: right;
  text-align: right;
  color : #B8CCD9;
}

#homeLinks
{
  width: 7.5em;
  float: right;
  text-align: right;
}

#errorBlock, #successBlock, #noteBlock
{
  margin-bottom: .3em;
}

#errorBlock div.container, #successBlock div.container, #noteBlock div.container
{
  padding: 3px;
}

#errorBlock span, #successBlock span, #noteBlock span
{
  vertical-align: top;
}

#errorBlock .container div, #successBlock .container div, #noteBlock .container div
{
  margin-left: 24px;
}

.messageIcon
{
  float: left;
}

#headerTable {margin-top: 1em;}
  
#headerTable td, #headerTable th
{
  border-top: #B8CCD9 solid 2px;
  border-collapse: collapse;
  padding: 3px 0;
  text-align: left;
  font-weight: normal;
}

#headerTable td {padding-right: 3px}

#headerTable th {vertical-align: top;}

#headerTable td.data {padding: 3px;}

#headerTable table
{
  display: inline-table;
  float: left;
}

#headerTable .col1 td
{border-right: #B8CCD9 solid 2em;}

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

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

.hdrTxtBlock {max-width: 45em}
  
.mainTable td, .mainTable th
{
  border-top: #B8CCD9 solid 2px;
  border-right: #B8CCD9 solid 2px;
  border-collapse: separate;
  padding: 3px;
  text-align: center;
}

.mainTable td {vertical-align: top;}

.mainTable .right {text-align: right;}

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

.mainTable {margin-right: -2px;}

.mainTable th.itemNum
{
  padding-left: .5em;
  padding-right: .5em;
  width: 1%;
}

.sort .txt a:link, .sort .txt a:visited
{
  color: #000000;
  text-decoration: underline;
}

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

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

.arrow {width: 19px;}

.matNum {padding-top: .3em}

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

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

.displaypo #headerTable th {width: 14em;}

.displaypo .hdrTxtBlock
{
  margin-left: 14em;
  padding: 2px 3px;
}

.displaypo .hdrTxtTitle
{
  float: left;
  width: 14em;
  margin-right:-3px; /* Removes 3px proprietary offset in IE */
}

.posearchresults .mainTable {margin-top: 1em;;}


/***** SUIT Styles *****/

#nav1 {margin-top:.5em;}

#mid {margin: 0 2.5%;}

#lo1 {margin-top: 2em;}