/* CSS for MM, AP. GL  Files in folders: Procedures > Items and Procedures > Reports */

body {
	background-color: #ffffff;} /* white */

A:link {
	color: #16477c;} /*link color before hover or visit.  #003b49 is the Premier color. This is lighter so links are distinctive.  */


A:visited {
	color: #4da8bd;} /* color of link when previously visited */

A:hover {
    color: #2349f7;} /* color of link when hovering over it with mouse */


p, ol, ul, form, blockquote, body, div { 
	color: #000000; /* black */
	font-size: 12pt;
	font-family: Calibri;
	font-weight: normal;
	vertical-align: top;
	text-align: left;} /* font specifications for  paragraphs, ordered and unordered lists, etc. */
	
/* No h1 head used. Reserving that for other areas */


h2 {
    border-style: solid;
    border-width: 2px;
	border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-color: #16477c; 
	font-family:Calibri;
	font-weight: normal;
	font-size: 18pt;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 10px;
	color:#000000; /* black */}
	
	
h3 {
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	font-size: 16pt;
	color: #16477c; /* was blue */
	font-family:Calibri;
	font-weight: normal;
	text-decoration: underline;}

h4 {
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	font-family: Calibri;
	font-size: 16pt;
	color: #000000; /* black */
	font-weight: normal;}

h5 {
	padding-bottom: 0px;
	padding-top: 2px;
	color: #000000; /* black */
	text-align: left;
	font-family: Calibri;
	font-size: 14pt;
	font-weight: normal;
	text-decoration:underline;}
	
hr {
	color: #16477c;} /*horizontal rule color*/
		
 
	
/* Old table styling. Keeping it here because may be a few buried tables that use it. */
/* Use PlainTable class instead.*/
/* Screen help for Contracts uses .helpTable for fields and actions tables. */
/* Note: bug in IE 9, 10, 11 prevents width: auto from centering tables. So, when you use class="mensa" for a table, you also have to use align="center" on the <table> tag. */

.mensa {
	/*width: auto;
	margin:auto;  
	margin-left:auto;
	margin-right: auto;   Centers table; horizontal width adjusts to screen size. Columns will wrap. See below for nowrap. Does not work in IE10, 11: bug */
	width:80%; 
    margin-left:10%;  
    margin-right:10%;  compensates for above bug */
	border: 2px #16477c; /* was lighter blue #5774fb; */
	border-style: solid;
	border-collapse:separate;
	}

.mensa td /* Note: does not change the default which is text wrap. If you wish text to NOT wrap, insert nowrap="nowrap" in td tag */
{
	vertical-align:top;
	border-collapse:separate;
	border: 1px;
	border-top-color:  #16477c;  /* was lighter blue #5774fb; */
	border-right-color: #CCF;
	border-bottom-color: #CCF;
	border-left-color: #16477c;  /* was lighter blue #5774fb; */ 
	border-style: solid;
	padding:4px;
	}
	
.noPad  /* removes top and bottom padding from paragraph, to mimic the br tag spacing.*/
{margin-top: 2px;
margin-bottom:2px;}
	
.PlainTable {
	border: 2px #16477c; 
	border-style: solid;
	border-collapse:separate;} /* formats tables with 2 px border */

.PlainTable td /* Note: does not change the default which is text wrap. If you wish text to NOT wrap, insert nowrap="nowrap" in td tag */ /* table row styling */
{
	vertical-align:top;
	border-collapse:separate;
	border: 1px;
	border-top-color:  #0f768d;  
	border-right-color: #CCF;
	border-bottom-color: #CCF;
	border-left-color: #16477c;  
	border-style: solid;
	padding:4px;
	}
.PlainTable p {margin-top:0;
               margin-bottom:0;} /*styles paragraphs inside tables with PlainTable class */

.note {
	color: #16477c;/* was #16477c bright blue, bold, underlined*/
	font-family: Calibri;
	font-size: 12pt; 
	font-weight: bold;
	text-decoration: underline;}
	/* Used to designate a note in text; e.g. Note: */

.panel {
	color: #16477c; /* styles text for panel names */
	font-family: Calibri;
	font-size: 12pt; 
	font-weight: bold;
	font-style: italic;}
	/* Used for panel names. */

.link {
	color:#16477c; 
	font-weight:bold;} /* bright blue, bold, normal text*/
	/* Used for text of pushbuttons and links in the app. E.g. "Click Save."" */

ul {
	list-style-type: disc;}

ol ul { 
	list-style-type: disc;}

.small {
	font-size: 10pt;}
		/* Can be used to downsize headings 2 and 4, if you need underlined smaller text */

.blue {
	color:#16477c;}


.mediumgray {
	color: #797979;}
	/* Medium gray */

.darkgray {
	color: #4f5657;}
	/* Darkest gray. Use when you have to talk about a value that is "grayed out" */

.orange {
	color: #f47321;}
	/*Brighter orange*/
	

.dkorange {
	color: #ae370e;}
	/* Darker orange */

.center {
	text-align: center;}
	/* Centers paragraphs, headings. If you must center an entire table, this does not work. Use align="center" with tables. */
	
.minutes {
	color: #16477c;
	font-family:Calibri;
	font-size: 8pt; 
	font-weight: bold;} 
	/* 8 point, bold. Use for image annotations, such as legends on graphs. And other stuff as needed. */
     
	/* Bulleted list, small green square bullets. Used in chapter TOCs and other lists. */

.square {   
	list-style-position: outside;
	list-style-image:url(images/SquareBulletGreen.png);}
	
	/* Bulleted list, small square blue bullets.*/
.bluelist {
	list-style-image: url(images/SmSquareBlueBullet.gif);}	
	
	/*turquoise square bulleted list */ 
.dkturqlist {
	list-style-position: outside;
	list-style-image: url(images/SmSquareDkTurqBullet.gif);} 

.bignum {
	font-size: 12pt;
	font-weight:bold;
	font-family: Calibri;
	color: #1f978f;}
	 /*Sets text to large, bold. Used in some navigation panels. */ 

.redbold {
	color: #FF0000;
	font-weight: bold;}
	/* Red bold - useful for warnings, etc. Used in some panels to indicate values above a threshold */	

.white {
	color: #ffffff;
	font-size: 10pt;}
	/* White text. Used to hide intentionally misspelled words -- eg: requsition -- so that the search engine will find them. */
	/* If you change the background color of the doc., change this class to match.*/
	 
.whiteNav {
	color: #ffffff;
	font-size: 14pt;
	font-weight:bold;}
	/* White. Used for left menu text on first Navigation panel.*/

.greenbold {
	color: #339900;
	font-weight: bold;}
		/* Green bold - Can be used for "New" designation. Used for mfr in Analysis Workbench.*/
		/* Used in some panels to indicate values below a threshold */

	
	/* Highlighting classes */

	/* USE .hilite below for highlighting TEXT. Creates a yellow background around text.*/	 
.hilite {
	background-color:#FFFF66;}

	
/* DO NOT use this class below -- highlight -- for highlighting TEXT. This version of highlighting IS USED ONLY BY THE SEARCH ENGINE */ 
	/* javascript routine in the function "highlight()". All the search engine needs is this CSS entry.*/
	/* There is another version above - hilite - to use if you want to highlight something in text. */

.highlight {
	background: #FFFF40;}
	

	
/*The next 2 entries set the W for Work With and the i for inquiry to the same font and color as the application.*/
.workwith {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	color: #1f978f;
	}

/* i symbol for inquire. Use instead of an i image (which does exist) */
.inquiry {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	color: #116cb3;
	}

/* Generate Company Name and PremierConnect. Wrap an  nbsp  in a span. Call this class from span */
/* For example <span class="GetPC">&nbsp;</span> */
/* Important: This line below must be in any the head of any file that uses a pseudo element in the css */
/* <meta http-equiv="X-UA-Compatible" content="IE=edge" />  edge is thecurrent highest browser level for IE */
.GetCompany:before{content: "Premier";}

.GetPC:before{content:" PremierConnect";
              font-style:italic;}


/* Copyright notice at the bottom of each page. Copyright notice is in the Library. Use this to style it. */
.copyright {
	font-family: Calibri;
	color: #808080; /*Small, gray text.*/
	font-size: 9pt;
	text-align: left;}


/* Styles version indicator next to h2 chapter title */
.version {
	font-size: 8pt;
	font-family: Calibri;
	font-weight:normal;}

	
/* CLASSES BELOW ARE USED RARELY, ONLY IN SPECIFIC CHAPTERS, IN THE RELEASE NOTES, OR ARE PROBLEMATIC BECAUSE OF IE BUGS */	


/* Used in Procedures/VendorsGen.htm for third level nested lists. */
.triblockbullet {
	list-style-position:outside;
	list-style-image:url(images/Triblockbullet.png);} /* Decorative bullet -- 3 squares offset together. */

	 
/* light gray blue background color for table cells. Use with TR or TD */
.tblBkcol {background-color:#cadef6;} /*old: c2cdfe */

/* light blue background color for table cells. Use with TR or TD. Used in EDI Setup tables */
.tblBkcol2 {background-color:#b3c8dd;} /*old: dce4fe */

/* light yellow background color for table cells. Use with TR or TD. Used in Financial Reports Create */
.tblBkcol3 {background-color:#fffde3;} /*#ffffcc */


/* Color and style for alpha links in Glossary -- each letter. */
.glossary_letters {
	color: #000000;
	background-color:#ccf4f2;}

	
/* Used in Release Notes. Forces an indent from the left margin. Might be used elsewhere in a few places. 
.indenttext { 
	font-size: 12pt; 
	font-weight: normal;  
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 40px; 
	font-family: Calibri;
	color: inherit;}*/
	
/* Used in Release Notes under each figure title in Release Notes to indicate the path to the figure -- if the figure is a panel. */
.path {
	font-size:11px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	color: #666;
	text-align:center;}
		
		 
/* Used for the alphabet letter links at the top of the alpha index: IndexTable.htm */
.alpha {
	font-family: Calibri;
	font-size: 12pt;
	font-weight:bold;
	color: #0a14b6;} 
	
/* Used in the alpha index IndexTable.htm to style index entries. */
.ix { 
	font-family: Calibri;
	font-size: 12pt;
	color: #0a14b6;} 	

/* .helpTable class styles Field tables and Task tables in ? panel Help for Contracts and Analysis. */
/* Not normally used in Procedures for MM, GL, AP, but here if you want to use for something.*/

.helpTable {
	width: 98%;
	border: 1px #5774fb;
	border-collapse:separate;
    border-style: solid;
	padding:1px;
	}


.helpTable td /* Note: does not change the default which is text wrap. If you wish text to NOT wrap, insert nowrap="nowrap" in td tag */
{
	vertical-align:top;
	border-collapse:separate;
	border: 1px;
	border-top-color: #5774fb;
	border-right-color: #cccbd1;
	border-bottom-color: #cccbd1;
	border-left-color: #5774fb;
	border-style: solid;
	padding:4px;
	}
 
 /*Bordercolordark and bordercolorlight, border, cellspacing, cellpadding */
 /* are not supported in HTML4  */
	
/*OLD NOT USED  - Keep as examples */
/* .conTableused for TOC in Procedures chapters, except TOCs in Reports folder chapters. See .reptChpLinks class below. */
/* Centering (margin: auto) does not work in IE 8, 9, 10. Default is flush left. Just leave it at that, or use align=center for tables. We can't do everything. */
/* No need to add any parameters to the <td> tags, except for the last */
/* <td> tag that styles the row for links to the Main Help, Search Online Doc, and Shortcut Keys */

/* In the last row, use: <td class="center", colspan="2">. */
/* Also for that row, use <p class="nostack">. .nostack class is below.*/
/* Example of code for last row: (This creates a single row on the horizontal, with 3 cols., centered.) 
<tr>
<td colspan="2" class="center">
<p class="nostack"><a href="../MainHelpContents.htm" target="_blank">Main Help Page</a>&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p class="nostack"><a href="../search.asp" target="_blank">Search Online Doc</a>&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p class="nostack"><a href="../ShortcutKeys.htm" target="_blank">Shortcut Keys</a></p>
</td>
</tr>
*/

.contTable{
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	/* margin-left:auto;
	margin-right: auto;   Centers table; horizontal width adjusts to screen size. Columns will wrap. See below for nowrap. Does not work in IE10, 11: bug */
	  } 
/* Except for the IE bug, the table would center and  its horizontal width  adjust to screen size. Columns will wrap as needed.*/
 

.contTable td {
	text-wrap:none;
	vertical-align:top;
}	


/* The class .nostack sets consecutive paragraphs on the same horizontal line,*/
/* instead of inserting vertical space between the paragraphs. */
/* Used rarely, if at all. */
/* Use for the last line of TOC tables at the top of each Procedure chapter. 
/* See example above for contTable class. You can also use nostack to create horizontal tables.*/


/* The next two entries are for horizontal tables, blue text. The nostack class goes on the <ul> tag: <ul class="nostack"> */
.nostack {	
	font-family: Calibri;
	font-size: 10pt;
	color: #16477c;
	} 

.nostack li{
	margin-left:7px;
	display: inline;} /* styles horizontal element in a non-stacked list */


/* .acctTable styles tables that show accounts credits and debits on left; account names on right. Different classes for the tds */
/* Used in only one or two chapters */

.acctTable {
	border: 2px;
	padding: 4px; 
	border-collapse: collapse;
 }
	
.acctTable td {
	vertical-align:top;
	padding: 0px 10px 0px 10px;
}
	/* important: color border-bottom-color specifier must come before border-bottom-styler specifier.*/
.acctTable1 { /*use for top td on left. styles borders */
	border-right: 1px;
    border-bottom: 1px;
    border-right-color:  #16477c;
    border-right-style: solid;
	border-bottom-color: #16477c;/* was #16477c;*/
	border-bottom-style: solid;
	}
 

.acctTable2 { /*use for top td on right. styles borders */
   border: 1px;
   border-bottom-color:  #16477c; /* was #16477c; */
   border-left-color:  #16477c;
   border-left-style: solid;
   border-bottom-style: solid;
   }
	
.acctTable3 { /*use for bottom td on left. styles borders */
	border: 1px;
 	border-right-color:  #16477c;
	border-right-style: solid;
	vertical-align:top}
	
		
/* Use .repChpLinks for the three links to Main Contents, etc. at the top of chapters in the "Reports" folder only.*/

.reptChpLinks {
	margin:auto;
   } 


.reptChpLinks td {
		 text-align:center; 
		 width:150px;
		 }

/* Use .colTop if you need to specifically set a table column to vertical top. Default is middle. */
.colTop {vertical-align:top;}	


	

	
/* Legacy,until we can change. Pls. use Note CLASS instead. */
#note {
	color: #16477c; /*same as class note */
	font-family: Calibri;
	font-size: 12pt; 
	font-weight: bold;
	text-decoration: underline;}
	
#coolstuff {
	border: medium #1f978f;}
		/* Not sure where used. Was once used in Release Notes. Keep as legacy for old release notes. */
	
