/*  Style sheet contains the following category  */


	/*  overall styles for most pages  */
	/*  top bar  */
	/*  buttons */
	/*  tables  */
	/* - tabs */
	/*  data fields (entry fields and display fields)*/
	/*  instruction line/messages */
	/*  folder navigation */
	/*  help */
	/*  miscellaneous  */
/**/
/* 07/02/2000 PGA - Modified file for site design */


/*  overall styles for most pages   */
BODY {
   font-size : 9pt;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;

}

BODY.catalognav {
   font-size : 9pt;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
   background-color: #FF6600;

}

TD {
   font-size : 9pt;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : black;
}


A  {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : white;
   text-decoration : none;
}




A.Navi:link {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : white;
   text-decoration : none;
   font-size: 8pt;
}

A.Navi:hover { 
   font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
color:orange; text-decoration: underline}


A.Navi:visited {  
   font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
color : white;
   text-decoration : none;
}




INPUT  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
SELECT	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}



/*  top bar  */

/* navigation texts (home, logoff)  */

TD.titleNav {
   font-size : 8pt;
   color : #ffcc00;
}

A.titleNav {
   font-size : 8pt;
   color : white;
}

/*  SAP B2B Procurement Title  */
TD.appTitle {
   font-weight : bold;
   font-size : 10pt;
   color : white;
}



/*  buttons  */




/* Dark blue Button  */
TD.darkblueButton {
   font-size : 9pt;
   color : white;
   background-color : #5a73ad;
}



A.darkblueButton {
   color : white;
   text-decoration : none;
}



/* Dark blue  Bold Button  */
TD.darkblueButtonBold {
   font-weight : bold;
   font-size : 9pt;
   color : white;
   background-color : #5a73ad;
}


A.darkblueButtonBold {
   font-weight : bold;
   color : white;
   text-decoration : none;
}


/*  tables  */

/* Start: PGA 07/06/2000 */
/* Main table holding nav and contents cells */
TABLE.mainlayout {
   border : 0;
   cellspacing : 0;
   padding : 0;
   height : "102%";
   margin : -2px;
}
/* End: PGA 07/06/2000 */

/* Start: PGA 07/06/2000 */
/* Left Cell of Main Navigation  */
TD.leftnavbar {
   background-color : #FF6600;
   width : 217px;
   height : "100%";
}
/* End: PGA 07/06/2000 */

/* Start: PGA 07/06/2000 */
/* Left Cell of Main Navigation  */
TD.maincontents {
   background-color : #FFFFFF;
   vertical-align : text-top ;
   width : 583px;
   height : "100%";
}
/* End: PGA 07/06/2000 */

TABLE.infoTable {
   background-color : #82807a;
}

/* first row of table : main title of table  */
TD.tableName {
   font-weight : bold;
   color : white;
   background-color : #3366FF;
}

/* second row of table : table header  */

TD.tableHeader {
   font-size : 9pt;
   color : #ffffff;
   background-color : #9999FF;
}



/* second row of table : table data  */
TD.tableRow {
   font-size : 9pt;
   color: #9999ff;
   background-color : #ffffcc;
}



/* hyper linked items inside tables  */
A.orderItem {
   font-size : 9pt;
   color : navy;
   text-decoration : underline;
}



A.orderItem:hover {
   font-size : 9pt;
   color : red;
   text-decoration : underline;
}

/*  tabs  */

/* active tab  */
TD.forTab {
   font-weight : bold;
   color : #00406a;
}



A.forTab {
   font-weight : bold;
   color : #00406a;
}



/* inactive tab  */

TD.bakTab {
   color : #00406a;
}



A.bakTab {
   color : #00406a;
}






/*  data fields (entry fields and display fields)  */

/* for the right hand side of the data field to make the bgcolor tan  */

TD.entry {
   background-color : #c8c1b0;
}






/*  instruction line/messages */
/* instruction  */

TD.justBold {
   font-weight : bold;
}

/* error  */

TD.error {
   color : red;
}



/* confirmation message (used in inbox scenario)   */

TD.message {
   font-size : 9pt;
   color : navy;
}





/*  folder navigation   */

/* closed main folder  */




TD.closedMainFolder {
   font-size : 9pt;
   color :navy;
}







A.closedMainFolder {
   font-size : 9pt;
   color : navy;
}





A.closedMainFolder:hover {
   font-size : 9pt;
   color : navy;
   text-decoration : underline;
}




/* opened main folder  */

TD.openMainFolder {
   font-weight : bold;
   font-size : 9pt;
   color : navy;
   background-color : #ffffcc;
}




A.openMainFolder {
   font-weight : bold;
   font-size : 9pt;
   color : navy;
   background-color : #ffffcc;
}




/* closed sub folder  */


TD.closedSubFolder {
   font-size : 9pt;
   color : navy;
}





A.closedSubFolder {
   font-size : 9pt;
   color : navy;
}




A.closedSubFolder:hover {
   font-size : 9pt;
   color : navy;
   text-decoration : underline;
}





/* opened sub folder  */


TD.openSubFolder {
   font-size : 9pt;
   color : navy;
   background-color : #ffffcc;
}




A.openSubFolder {
   font-size : 9pt;
   color :navy;
   background-color : #ffffcc;
}



<!-- ****************************** help *********************** -->

/* help   */

/* help header   */

TD.helpHead {
   color : #cccccc;
}



/* help title   */

A.helpWhite {
   font-size : 8pt;
   color : white;
}

A.helpWhite:visited {
   font-size : 8pt;
   color : white;
}


TABLE.Roadmap {
   background-color : #42527b;
}

/* help content   */

TD.helpText {
   font-size : 8pt;
   color : white;
}



P.helpSubText {
   text-indent : -8px;
   margin-left : 8px;
}

 #helpLayer {
   width : 115px;
   top : 0;
   left : 10px;
   position : relative;
   z-index : 0;
   overflow : hidden;
   clip : rect(0,105px,1000px,5px);
}

/*  miscellaneous */

/* system templates   */


H2 {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : black;
}



BLOCKQUOTE {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : black;
}


INPUT.detailCount
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: #f0f8ff;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
INPUT.detailNetprice
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: #b6c2ac;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
INPUT.detailAttribute
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: #b6c2ac;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
BODY.formcontent
{
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    FONT-SIZE: x-small
}
TD.pageHdr1
{
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    FONT-SIZE: 20pt;
    FONT-WEIGHT: bold
}
TR.pageHdr2
{
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
INPUT.blueButton
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #fff;
    background-color: #6B8AC6;    
    FONT-FAMILY: Verdana, Geneva, sans-serif
}

A.blueButton:link
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
    vertical-align: BOTTOM;
    background-color: #6B8AC6;    
    TEXT-DECORATION: none;
}
A.blueButton:visited
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    background-color: #6B8AC6;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
    vertical-align: BOTTOM;
    TEXT-DECORATION: none
}
A.blueButton:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    background-color: #6B8AC6;
    COLOR: #ffbe21;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
    vertical-align: BOTTOM;
    TEXT-DECORATION: none
}