/* Insitute for Supply Management

Print stylesheet

Use Caution When Making ANY Changes to the Styles */

/* Home Page Style Begin with hp */
/* Conference Style begin with conf  */


/* use to hide elements for the print style sheet*/
div#printhandStyle {
	/*display: none !important;*/
}

div#printhandStyle img.hidden {
	visibility: visible;
}


/*********************************************************************************************************/
/************ Container Styles ***************/

body {
	font-size: small; /* default font size to small, adjust font in each container if needs to be larger/smaller */
	padding: 0;	/* no padding on whole page, adjust accordingly throughout */
	margin: 0; /* horizontal margins belong on #outerContainer. vertical margins are not there as well due to small rendering issues in IE/Win 5 when viewport is shorter than webpage */			   
	background-color: #FFFFFF; /* default background-color */
	color: #000000; /* default text color */
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif; /* default font */
	line-height: 1.2em; /* provides universal line-spacing */
	border: 0; /* no border around the page. */}


/******************************/
/* full page container - contains everything on the page. */
div#outerContainer {
	background-color: #FFFFFF; /* background for the middle column - change if we don't want it white */	
	border: 0; /* border around the entire container */
	margin: 0; /* horizontal margins here instead of on the body because we're setting min- width on this element. if margins set on body users will see an odd skip in the layout's rendering as it's resized below min-width. (JS-based min-width only.) */
	text-align: left; /* all text-aligned left, cannot set to center to center the page. */
	padding: 0;		   
	min-width: 55em; /* IE doesn't understand this property. EMs are used so that as the font size increases, the proportional limitations (min-width) increase with it, rather than creating a middle column that can only fit 3 or 4 characters in it. */
	font-size: 100%;}

/* hack needed for IE/Win 5 */
* html div#outerContainer {
	/* \*/ height: 0.1%;	/* IE/Win 5 needs this to prevent rendering issues if a minimum width is applied to this element and the viewport is sized narrower than it's minimum width. however this breaks IE/Mac so a comment hack is used to hide it. */
	position: relative;	/* IE/Mac 5.0 seems to need this. without it any child element with position: relative isn't rendered. */}


/******************************/
/* Upper page of the page - contains date/logos/search/utility navigation */
div#header {
	display: none; /* do not display the header */}


/******************************/
/* This is the Outer Container for the Lower Portion of the Page - contains both left/right columns and main page content */
div#mainOuterContainer {
	border: none; /* for print-style */
}

/* Container that holds the 3 columns */
div#mainInnerContainer {
	width: 100%; /* force this element to take the full width between the left and right columns. */
	border-width: 0 1px;
	border-right: 1px solid #FFFFFF; /* Needs to be the color of the main column background */
	border-left: 1px solid #E4E0D7; /* border needs to be #E4E0D7 otherwise the main navigation extends past its column */
	margin: 0 -1px;	/* compensate for the borders because of 100% width declaration */	}

/* hack for IE/Mac */
* html div#mainInnerContainer {	
	display: block;}
	

/* This is for the Sort Order - this allows the main body column to load before the left/right columns */
div#mainOrderContainer {
	float: left; /* float left so the right column, which is outside this element, has a place to go. */
	width: 100%; /* force this to go as wide as possible */
	margin-right: -1px;	/* make room for the mainRightColumn's overlap */}

/* hack for IE/Mac */
* html div#mainOrderContainer {
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 causes the widths of text boxes to be calculated narrower than they render, causing overflow of their parent elements. we need to explicitly handle this overflow. IE/Win 5.0 does not handle visible overflow correctly and so on some layouts, at some viewport widths you'll get a horizontal scroll bar. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win. without this the columns don't render on screen or text jog. */}

/* hack for IE/Mac */
* html div#mainOrderContainer {
	margin-right: -100%;	/* IE/Mac will force #mainOrderContainer to the width of #mainLeftColumn, even though that element is no longer inside it. this negative margin will help IE/Mac keep the three columns together under narrower viewports than normal.
	/* \*/ margin-right: -1px; /* reset the above hack for IE/Win */}
/******************************************/



/******************************************/
/* Start Style for Main/Middle Content Area */
div#mainMiddleColumn {
	float: right; /* middle column goes right of the left column since the two share the same parent element */
	width: 100%; /* make the middle column as wide as possible for a fluid layout. this is not possible if it's parent element, #mainOrderContainer, wasn't also at 100% width */
	margin-left: -1px;	/* make room for the mainLeftColumn's overflap */}

/* hack for IE/Mac */
* html div#mainMiddleColumn {
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 causes the widths oftext boxes to be calculated narrower thanthey render, causing overflow of their parent elements. we need to explicitly handle this overflow. IE/Win 5.0 does not handle visible overflow correctly and so on some layouts, at some viewport widths you'll get a horizontal scroll bar. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win. without this the columns don't render on screen or text jog. */}

/* hack for IE/win 5.0 */
* html div#mainMiddleColumn {
	margin-right: -4px;	/* fix 3-pixel text jog in IE/Win 5.0. -4px because we also have to compensate for the overlaps from the left and right columns */
	margin-right/* */: 0;	/* reset value on 5.5 and later using comment hack to hide this rule from 5.0 */}

/* hack for IE/win 5.0 */
* html div#mainMiddleColumn .inside {
	margin-right: 14px;		/* compensate for negative margin in previous rule */
	margin-right/* */: 10px;	/* reset margins for 5.5 and later */}
	

/* FOR BREADCRUMB TO LINKS */
p.crumbNav {
	padding-top: 0;  /* removes paragraph padding */
	padding-bottom: 0;  /* removes paragraph padding */
	margin-top: -6px;  /* moves the breadcrumb 6px up to the top of the container */
	margin-bottom: 0px;  /* remove bottom margin */
	color:#000000; 
	font-weight:bold; 
	font-size:x-small;}
p.crumbNav a:link {color:#153D7A; font-weight:bold; font-size:x-small;}
p.crumbNav a:visited {color:#908C82; font-weight:bold; font-size:x-small;}
p.crumbNav a:hover {color:#B8161F; font-weight:bold; font-size:x-small;}
p.crumbNav a:active {color:#B8161F; font-weight:bold; font-size:x-small;}



/******************************************/
/* Start of the Home Page Container */
/* Items in this Section Can be Changed */
div#hpFullContainer {
	width: 100%; /* full width of the middle column */}

h5.hpAnnouncement {
	text-align: center; /* home page announcements are centered */
	font-style: italic; /* home page announcements are italicized */}

/* Home Page Left Column */
div#hpleftColumn {
	float: left;  /* left column of home page floated left */
	width: 50%; /* width is 50% to take half of the page */}

/* each of the left section heads - separated the columns in case we want to distinguish them in the future */
h5.hpleftSectionHead {
	background-color: #F3F1ED;  /* background-color of the section */
	width: 85%;  /* width not 100% so it does not run to close to the column next to it */
	padding: 3px 5px;  /* padding on the section head */
	margin: 0;  /* not margin */
	border: 2px solid #153D7A; /* only a top border */ 
	border-right-width: 0px; 
	border-bottom-width: 0px;
	border-left-width: 0px;}
	
div#hpleftColumn ul.hpLeftList {
	list-style-type: square; /* specify list style type */}

/* left column images with a right float */
div#hpleftColumn img.hprightFloat {
	float: right; 
	border-style:none; 
	padding: 3px 5px;  /* image padding */
	margin: 0 0 0 5px; /* 5px left margin */}

/* left column images with left float */
div#hpleftColumn img.hpleftFloat {
	float:left; 
	border-style:none; 
	padding: 3px 5px;  /* image padding */
	margin: 0 5px 0 0; /* right margin onyl */}

/* Home Page Right Column */
div#hprightColumn {
	float: right;  /* float this column right */
	width: 45%; /* % is less than 50% so there is extra space between the 2 columns.*/}

/* each of the right section heads */
h5.hprightSectionHead {
	background-color: #F3F1ED;  /* background-color of the section heads */
	width: 85%;  /* do not make 100% width */
	padding: 3px 5px;  /* padding on the section heads */
	margin: 0;  /* not margin */
	border: 2px solid #153D7A; /* only top border */ 
	border-right-width: 0px; 
	border-bottom-width: 0px;
	border-left-width: 0px;}

div#hprightColumn ul.hpRightList {
	list-style-type: square; /* specify list style type */}

/* Right Column ISM magazine cover - floated left */
div#hprightColumn img.hpISMMagCvr {
	float:left; 
	border-style:none; 
	padding: 3px 5px;  /* padding */
	margin: 0 5px 5px 0; /* right and bottom margin */}

/* Right Column Pro Purchaser Image - floated left */
div#hprightColumn img.hpMbrBenePP {
	float:left; 
	border-style:none; 
	padding: 3px 5px;  /* padding */
	margin: 0 3px 5px 0; /* right and bottom margin */}

/* Right column - CSSL Logo - floated right */
div#hprightColumn img.hpCSSLLogo {
	float: right; 
	border-style: none; 
	padding: 3px 5px;  /* padding */
	margin: 0 3px 5px 0; /* right and bottom margin */}

/* Right Column image - CAPS Logo - floated right */
div#hprightColumn img.hpCAPSLogo {
	float: right; 
	border-style: none; 
	padding: 3px 5px;  /* padding */
	margin: 0 3px 5px 5px; /* right/bottom/left margin */}
/**********************************************/


/* Start Styles for Left Column */	
div#mainLeftColumn {
	display: none; /* do not display the mainLeftColumn */}


/* Start Style for Right Column */
div#mainRightColumn {
	display: none; /* do not display the mainRightColumn */}


/* FOR FOOTER TEXT AND LINKS */
div#footer {
	text-align: center;
	font-size: x-small; 
	border: solid 1px #000000;
	border-width: 1px 0;
	padding: .5em 0 .75em 0;
	line-height: 1.3em;
	margin: 0; 
	border: none;
	background-color: #FFFFFF;
	color: #000000;	}

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	background-color: #FFFFFF;
	color: #000000;	}

div#footer p {
	background-color: #FFFFFF;
	color: #000000;	
	margin: 0; 
	padding: 0;
}

.inside {
	margin: 10px; /* margin, instead of padding, used to induce margin collapse if needed by child elements */
}

/****************************************************/



/* Style below can be changed */
h1, h2, h3, h4, h5, h6 {color: #153D7A; line-height: 1.4em;}
li {margin-left: 0px; padding-bottom: 3px; text-indent: 0px;}

/* DEFAULT LINK/MAIN CONTENT AREA LINKS */
a:link {color: #153D7A;}
a:visited {color: #908C82;}
a:active {color: #B8161F;}
a:hover {color: #B8161F; text-decoration:none;}

/* Use for all Red Text on the Site */
.redText {
	color: #C72921;}

/* used to clear both sides of a column */
.clearCols {
	clear: both;}
	
.clearCols {
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;		/* this padding/margin hack is here for older Mozilla engines (Netscape 7, 6, FireFox pre 2.0) which will not allow an element to clear unless it has some effect on how the rest of the layout renders (ie, it takes up space). Hidden from IE/Mac as it triggers a horizontal scrollbar. */
}

/* formatted the hr to have the color match our site colors */
hr {
	border: 0;	
	color: #E4E0D7;
	background-color: #E4E0D7; 
	height: 2px;}
	
	
/***************************************/
/* Everything Below was moved from previous stylesheets */
th {
	font-size:small;
	color:#000000;
	font-weight:bold;
	text-align: center;}

ul.docsurvey {font-size:100%;}	 
	 
p.f2  {font-size:90%;}
td.f2  {font-size:85%;}
th.f2  {font-size:85%; font-weight:bold;text-align: center;}
div.f2  {font-size:90%;}
ol.f2  {font-size:90%;}
ul.f2  {font-size:90%; line-height:20px;}
blockquote.f2  {font-size:90%;}

p.f1  {font-size:80%;}
td.f1  {font-size:65%;}
th.f1  {font-size:65%;text-align: center;}
div.f1  {font-size:80%;}
ol.f1  {font-size:80%;}
ul.f1  {font-size:80%;}
blockquote.f1  {font-size:80%;}

p.f3  {font-size:82%;}
td.f3  {font-size:75%;}
th.f3  {font-size:75%;text-align: center;}
div.f3  {font-size:82%;}
ol.f3  {font-size:82%;}
ul.f3  {font-size:82%; margin-left:17px;}
blockquote.f3  {font-size:82%;}
td.spacer {background-color: #004477;}

.tblcell {font-size:8pt}
.SmallList {font-size:8pt}


/* IN THIS SECTION */
.righttablehead {font-size: small; font-weight: bold; color: #ffffff;}	

/* FOR BACK TO LINKS */
.backto {color: #000000; font-weight: bold; font-size: x-small;}
.backto a:link {color: #153D7A;}
.backto a:visited {color: #908C82;}
.backto a:hover {color: #B8161F;}
.backto a:active {color: #B8161F;}	

/* FOR SUPERSCRIPT TEXT */
sup {font-size: x-small;}

/* FOR SUBSCRIPT TEXT */
sub {color: #000000; font-size: x-small;}

/* NOTE TEXT (FOR PDF NOTE LINE ETC - SMALLER TEXT) */
.note {color: #000000; font-size: x-small;}	
	
/* FOR PRE TEXT */
pre {color: #000000; font-size: small;}

/* CALLOUT  TEXT (FOR TEXT THAT NEEDS SPECIAL ATTENTION) */
.callout {color: #153D7A; font-size: small; font-weight: bold;}

/* APPLICATION FIELDS TEXT (FOR TEXT FIELDS IN APPLICATIONS) */
.label {color: #000000; font-size: small;} 	

/* ERROR FIELDS TEXT (FOR TEXT FIELDS IN APPLICATIONS WITH ERRORS) */
.labelerror {color: #a10404; font-size: small; font-weight: bold;}

/* FOOTNOTE TEXT (FOR APPLICATIONS WHEN SMALL TEXT IS NEEDED) */
.footnote {color: #000000; font-size: x-small;}

/* FOR INFORMATIONAL TABLES */
.titlerow {background-color: #153D7A; color: #FFFFFF; font-size: small; font-weight: bold;}
.alterrow {background-color: #eeeeee;}
.closingrow {background-color: #eeeeee;}


/*STYLES FROM OLD SITE */
.address {
	font-size: 7.5pt;
	line-height: 8pt;}
	
.cpy {
	font-size: 9pt;
	color: #333333;}

.quicksearch {
	font-size: 8pt;
	color: #333333;}	

.subnavheader {
	font-size: 11px;
	color: #333333;}		
		
.date {
	font-size: 9pt;
	color: #ffffff;
	font-weight: bold;}

.teaser {
	font-size: 8pt;
	color: #153D7A;}
	
.flyout {
 	background-color: #153D7A;
 	position: absolute;
 	width: 220px;}
	
.notHot {
 	text-decoration: none;
 	font-size: 11px;
 	font-weight: normal;
 	line-height: 12px;
 	color: #990000;}
	
.Hot {
 	text-decoration: none;
 	font-size: 11px;
 	font-weight: normal;
 	line-height: 12px;
	color: #C72921;}
	
.red {color: #C72921;}
.error {color: #C72921; font-weight :bold;}
.required {font-size: 88%; color: #C72921;}
td.error {color: #C72921; font-weight: bold;}
td.bw	{background-color: #153D7A; color: #FFFFFF; font-size: 82%;}
tr.bw	{background-color: #153D7A; color: #FFFFFF; font-size: 82%;}
.indent {margin-left: 20px; margin-right: 20px;}

.sectionbox {
	background-color: #153D7A;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;}

.error2 {
	color: #C72921; 
	font-weight: bold;
	border-left: 5px solid #edeeef; 
	border-bottom: 1px solid #edeeef;}

/* This is for the buttons in the shopping cart */
input.ButtonBlue {
	border: 1px solid Black;
	width: 110px;
	border: 1px solid Black;
	background-color: #153D7A;
	cursor: pointer;
	color: #ffffff;
	font-size: 85%;
	height: 20px;
	font-weight: bold;}


/* BROUGHT OVER FROM CAREER CENTER - CAREERCENTER.CSS */
/* nn4 hack */
.welcome {
	font-size: 75%;}

#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFF;
}

#permissions {
	position: relative;
	width: 400px;
	border: 1px solid #e4e0d7;
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
}

#permissions p{}

/*this is the beginning of the button menu system*/
#menu {
	text-align: center;
	position: relative;
	padding: 2px 20px 10px 20px;
	width: 200px;}

#menu p {
	font-size: 125%;
	letter-spacing: 3px;}

#menu ul {
	font-family: "Lucida Grande", Arial, sans-serif;
	/*font-size: 12px;*/
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style-type: none;}

#menu li {
	margin: 0px;
	padding: 1px;}

#menu a {
	margin: 0px;
	padding: 3px 3px 3px 10px;
	width: 100%;
	display: block;
	color: #000000;}

#menu a {
	background-color: #e4e0d7;
	border-top: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	border-bottom: 2px solid #969696;
	border-right: 2px solid #969696;
	text-decoration: none;}

#menu a:hover, #menu a:focus {
	border-top: 2px solid #969696;
	border-left: 2px solid #969696;
	border-bottom: 2px solid #DEDEDE;
	border-right: 2px solid #DEDEDE;
	background: #aaa292;}
/*this ends the menu buttons*/

th.header, th.list {
	background-color: #edeeef;
	color: navy;
	font-weight : bold;
	font-variant : small-caps;
	/*border-top: 1px solid black;*/}

th.searchHeader {
	background-color: #edeeef;
	color: black;
	font-weight: bold;
	font-size: 80%;}

th.footer {
	background-color: #edeeef;
	color: navy;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid black;}

.line {
	border-bottom: 1px solid silver;
	/*font-size: 80%;*/
	font-size: 85%;}

a:link.header{text-decoration: none;}
a:visited.header{text-decoration: none;}
a:active.header{text-decoration: none;}
a:hover.header{text-decoration: none;}


/* BROUGHT OVER FROM SURVEY - ISM-SURVEY.CSS */
.Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #153D7A;}

.Disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	font-style: italic;}

.Question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #153D7A;}

.Choice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CE003E;}

.ChoiceComment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;}

P.Error {
	color: #B8161F;
	background-color: #FFFFFF;
	font-weight: bold;}

TD.Prompt {
	text-align: right;
	background-color: #FFFFFF;
	color: #153D7A;}

TD.Error {
	font-weight: bold;
	text-align: right;
	background-color: #FFFFFF;
	color: #B8161F;}

TD.BlueBackground {
	background-color: #153D7A;
	color: #FFFFFF;}

Caption {
	text-align: center;
	background-color: #ffcc00;
	color: #000000;
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 10px;}

TD.List {font-weight: bold;}

TD.Bar0 {background-color: #dfdfdf;}

TD.Bar1,.tablelist {background-color: #eeeeee;}

.Function {font-size: 12px;}

.Small {font-size: 10px;}

Span.Prompt {
	font-size: 14px;
	text-align: right;
	background-color: #FFFFFF;
	color: #153D7A;
	font-weight : bold;}


/* BROUGHT OVER FROM SR - SR.CSS */
ul.imageList {list-style: none;}

li.img {
	display: inline;
	margin: 0 50px 0 0;}
	
img.sponsor {
	border: 0px;
	vertical-align: middle;
	margin: 50px 0 0 0;}
	

/* Line above the Recommended Content / Related Resources */	
.dottedline {
  border-bottom: 1px dotted #989898; 
  margin-bottom: 18px;}
  
/* RED HEADERS CALL OUT */
.redhead {font-size: x-small; font-weight: bold; background-color: #C72921; color: #ffffff;}	
.redhead a:link {color: #ffffff; text-decoration: none;}
.redhead a:visited {color: #ffffff; text-decoration: none;}
.redhead a:hover {color: #ffffff; text-decoration: none;}
.redhead a:active {color: #ffffff; text-decoration: none;}

.resourcesheader {color: #be5f0f; font-size: small; font-weight: bold;}

.resourcestext {color: #636363; font-size: x-small;}
.resourcestext a:link {color: #636363; text-decoration: underline;}
.resourcestext a:visited {color: #908C82; text-decoration: underline;}
.resourcestext a:hover {color: #B8161F; text-decoration: underline;}
.resourcestext a:active {color: #B8161F; text-decoration: underline;}


/* New Styles - added from styles placed around the site. */ 
div#ProdDetailContainer { 
	width: 100%;} 

div#ProdDetailleftColumn {
	float: left;  /* left column of home page floated left */
	width: 20%; /* width is 50% to take half of the page */
	/*height: 500px;*/}

div#ProdDetailrightColumn {
	float: right;  /* float this column right */
	width: 70%; /* % is less than 50% so there is extra space between the 2 columns.*/}
	
form.ProdDetailCart {
	float: right; 
	margin: 10px 25px 5px 5px; 
	padding: 3px 3px; 
	text-align:center;}

.centerText {
	text-align: center;}