/* Insitute for Supply Management

Handheld 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;		   
	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 {
	border: 0; /* no border on the header */
	padding: 0;	/* no padding - want this to go full container */
	position: relative; /* position relative to the rest of the screen, need to state to allow for absolute positioning later on in the header */
	z-index: 50; /* z-index to render on top of other items */}

/* hack for IE/Mac */	
* html div#header {
	/* hide from IE/Mac \*/
	height: 0.1%;		/* this is to fix an IE 5.0 bug. setting this value forces these elements to contain their child elements, meaning margins will no longer collapse. */
	height/**/: auto;	/* reset for IE/Win 5.5 and later by hiding this rule from 5.0 with the empty comment hack. also hidden from IE/Mac for the same reason. */
}	

/* this is the black bar datefield at top of page */
div#datefield {
	display: none;}


/******************************/
/* Start of Upper Container - contains the logos/search/utility navigation */
div#upperOuterContainer {
	border-left: none;	
	border-right: none;	/* right column's width and background color */
	position: relative; /* position to come after the datefield */}

/* this upperInnerColContainer contains the two columns that make up the top of the page. */
div#upperInnerColContainer {
	width: 100%; /* force this element to take the full width between the left and right columns. this is especially important as children of this element will have width:100%; set, and how that 100% value is interpreted depends on the width of it's parent (this element). */
	border: 0; /* no border on this container */
	margin: 0 -1px; 
	height: 110px; /* locks the height of the upperOuterContainer */
	position: relative;}

/* hack for older IE */
* html div#upperInnerColContainer {
	display: block;}

/******************************/
/* This upperLeftColumn contains the Main ISM Logo */
div#upperLeftColumn {
	display: none;}

/* This container contains the upper right/main column with the tagline/search/utility navigation bar */
div#upperMiddleColumn {
	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 */
	height: 102px; /* same height as the upperOuterContainer */
	border-bottom: 2px solid #153D7A; /* need the bottom border to get the blue line under the logos */
	position: relative;}

/* tagline logo */
div#upperMiddleColumn img.logoTagline {
	display: none;}


/******************************/
/* contains upper tan/grey bar and the top curve */
div#masthead {
	display: none;}


/* hack for IE/Mac */
* html div#upperMiddleColumn {
	/* 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/Win 5.0 */
* html div#upperMiddleColumn {
	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 */}


/******************************/
/* contains search box */
div#topSearch {
	float: none; /* float the search box right */
	right: 8px;
	padding: 0;  /* no padding */
	margin: 5px 10px 0 10px; /* add margin to the top and right to add a little spacing */
	height: 26px; /* height of the search box */}

div#topSearch form {
	margin: 0; /* no margin on the search form */
	padding: 0; /* no padding on the search form */}

/* search input field */
input.Search {
	height: 1em; /* use ems so size of the input field changes with the font size */
	padding: 0; /* no padding */
	border: 1px solid #E4E0D7; /* have the border match our site colors */}

/* Go button for search */
input.SearchButton {
	width: 19px; /* hard code width of image */
	height: 19px; /* hard code height of image */
	padding: 0; /* no additional padding */
	border: 0; /* no border */
	vertical-align: middle; /* vertically align the image */}

/* FOR LINKS NEXT TO SEARCH */
p.searchnav {
	font-size: x-small;  /* smaller font size */
	font-weight: normal; /* normal weight - no bold */
	margin: 0; /* no margin */
	padding: 0; /* no padding */
	text-align: left; /* align the text left so it is close to the left side of the screen */}	

p.searchnav a:link, p.searchnav a:visited, p.searchnav a:hover, p.searchnav a:active {
	color: #555555; /* color of the linkcs */
	background-color: #FFFFFF; /* background-color of the links */
	margin: 0; /* no margin on the links */
	padding: 0; /* no padding */}


/******************************/
/* Utility Nav Area starts - contains utility navigation */
/* This is the background blue bar that the utility navigation renders on top of. */
div#utilNavBar {
	position: absolute; /* absolutely position it at the bottom of the header container */
	z-index: 1; /* z-index 1 so it is in the back of everything else in the container */
	right: 0; /* position on the right side of the screen */
	bottom: -2px; /* position down 2 px to make up for the 2px border on the upperMiddleColumn */
	padding: 0;  /* no padding */
	margin: 0; /* no margin */
	width: 70%; /* cannot make this 100% because the blue bar appears behind the logos */
	height: 2.5em; /* height of the blue bar behind the navigation */
	border: 0; /* no border */
	color: #000000; /* text color in this container */
	background-color: #FFFFFF; /* background-color of this container */}

/* UTILITY NAVIGATION ON TOP of page */
div#utilnav {
	position: relative;
	left: -75px;
	top: 0px; /* position at the top of the blue bar */
	z-index: 50; /* z-index of 50 so it renders on top of the blue bar behind it. */
	font-size: x-small;  /* x-small font-size, no bigger or it will break the navigation */
	margin: 0; /* no margin */}

/* main utility navigation - places it and removes bullets/padding of list */
div#utilnav ul {
	position: absolute;
	right: 0px; /* position list all the way to the right of the screen */
	padding: 0; /* remove padding from the list */
	margin: 0; /* remove margin from the list */
	list-style-type: disc; /* no style for the list */}

div#utilnav ul ul {
	display: none;; /* the width of the flyouts */}

/* positions the top level navigation  */
div#utilnav li {
	position: relative;
	padding: 0; /* no padding on the list items */}

/* top level utility navigation links - this is when the the person is not in this nav section */ 
div#utilnav a.utilmenuOFF:link, div#utilnav a.utilmenuOFF:visited, div#utilnav a.utilmenuOFF:active {
	color: #153D7A;
	background-color: #FFFFFF;
	font-size: x-small; 
	border: none;}

/* top level utility navigation links - this is when the the person is in this nav section */ 
div#utilnav a.utilmenuON:link, div#utilnav a.utilmenuON:visited, div#utilnav a.utilmenuON:active {
	color: #153D7A;
	background-color: #FFFFFF;
	font-size: x-small; 
	border: none;}
	
/* hide the sub levels (flyouts) and give them a position absolute so that they take up no room */
div#utilnav ul ul {
	display: none;}

/* style the table so that it takes no part in the layout - required for IE to work */
div#utilnav table {
	display: none;}

/* style the top level hover */ /* style the top level hover for IE table */
div#utilnav a.utilmenuOFF:hover, div#utilnav a.utilmenuON:hover, div#utilnav ul ul a:hover{
	color: #C72921;
	background-color: #FFFFFF;}

/* style the top level hover */
div#utilnav :hover > a.utilmenuOFF, div#utilnav :hover > a.utilmenuON, div#utilnav ul ul :hover > a {
	color: #C72921;
	background-color: #FFFFFF;}



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

/* Container that holds the 3 columns */
div#mainInnerContainer {
	width: 100%;		/* force this element to take the full width between the left and right columns. this is especially important as children of this element will have width:100%; set, and how that 100% value is interpreted depends on the width of it's parent (this element). */
	border-width: 0 1px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #E4E0D7;
	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 */
* 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 */
* 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%;}

h5.hpAnnouncement {
	text-align: center;
	font-style: italic;}

div#hpleftColumn {
	float: left;
	clear: right;}

h5.hpleftSectionHead {
	background-color: #F3F1ED; 
	width: 85%; 
	padding: 3px 5px; 
	margin: 0; 
	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;}

div#hpleftColumn img.hprightFloat {
	float:right; 
	border-style:none; 
	padding: 3px 5px; 
	margin: 0 0 0 5px;}

div#hpleftColumn img.hpleftFloat {
	float:left; 
	border-style:none; 
	padding: 3px 5px; 
	margin: 0 5px 0 0;}

div#hprightColumn {
	float: right;
}

h5.hprightSectionHead {
	background-color: #F3F1ED; 
	width: 85%; 
	padding: 3px 5px; 
	margin: 0; 
	border: 2px solid #153D7A; /* only a top border */ 
	border-right-width: 0px; 
	border-bottom-width: 0px;
	border-left-width: 0px;}

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

div#hprightColumn img.hpISMMagCvr {
	float:left; 
	border-style:none; 
	padding: 3px 5px; 
	margin: 0 5px 5px 0;}

div#hprightColumn img.hpMbrBenePP {
	float:left; 
	border-style:none; 
	padding: 3px 5px; 
	margin: 0 3px 5px 0;}

div#hprightColumn img.hpCSSLLogo {
	float: right; 
	border-style: none; 
	padding: 3px 5px; 
	margin: 0 3px 5px 0;}

div#hprightColumn img.hpCAPSLogo {
	float: right; 
	border-style: none; 
	padding: 3px 5px; 
	margin: 0 3px 5px 5px;}
/**********************************************/





/* Start Styles for Left Column */	
div#mainLeftColumn {
	float: left;
	margin-right: 1px;	/* overlap the middle column to help with clearing. see general notes above. */
	clear: right;}

* html #mainLeftColumn {
	/* 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. */}

/************************************************/
div#mainVertMenu {
	position: relative;
	font-size: small;
	text-decoration: none;
	z-index: 25;}

div#mainVertMenu ul {
	display: block;
	list-style-type: disc;}

div#mainVertMenu li {
	padding: 0;
	position: relative;}

/* style the top level links */
div#mainVertMenu a.VertMenuOFF:link, div#mainVertMenu a.VertMenuOFF:visited, div#mainVertMenu a.VertMenuOFF:active {
	display: block;
	background-color: #FFFFFF;
	color: #153D7A;
	border: none;
	line-height: normal;}

div#mainVertMenu a.VertMenuON:link, div#mainVertMenu a.VertMenuON:visited, div#mainVertMenu a.VertMenuON:active {
	display: block;
	background-color: #FFFFFF;
	color: #153D7A;
	border: none;
	line-height: normal;}

div#mainVertMenu ul ul {
	/* Handheld */
	display: none;}

div#mainVertMenu ul ul ul {
	/* Handheld */
	display: none;}

div#mainVertMenu table {
	/* Handheld */
	display: none;}

/* style the top level hover */
div#mainVertMenu a.VertMenuOFF:hover, div#mainVertMenu a.VertMenuON:hover, div#mainVertMenu ul ul a:hover {
	color: #C72921;}

div#mainVertMenu :hover > a.VertMenuOFF, div#mainVertMenu :hover > a.VertMenuON, div#mainVertMenu ul ul :hover > a, div#mainVertMenu ul ul ul :hover > a {
	color: #C72921;}

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

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

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

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

div#footer p {
	margin: 0; 
	padding: 0;}

/* hack for IE/Mac */	
* html div#footer {
	/* hide from IE/Mac \*/
	height: 0.1%;		/* this is to fix an IE 5.0 bug. setting this value forces these elements to contain their child elements, meaning margins will no longer collapse. */
	height/**/: auto;	/* reset for IE/Win 5.5 and later by hiding this rule from 5.0 with the empty comment hack. also hidden from IE/Mac for the same reason. */
}

.inside {
	margin: 10px; /* margin, instead of padding, used to induce margin collapse if needed by child elements */}
	
/* hack for IE 5.0 */	
* html .inside {
	margin: 10px 0.75em;	/* i don't yet understand this bug in IE 5.0 which forces the right column down if the side margins are at a very specific value. if your side column widths are set in EMs, 0.75em seems to work fine. */
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}



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

img.CPSMBanner {
	padding-left: 6px; 
	border-style: none;
	height: 157px;
	width: 130px;}
	
.centerText {
	text-align: center;}