/* Insitute for Supply Management Screen 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 - including the ISM print logo */ div#printhandStyle { display: none !important;} div#printhandStyle img.hidden { visibility: hidden; } /*********************************************************************************************************/ /************ 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 { 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 { background-color: #000000; color: #CCCCCC; width: 100%; /* width is full container */ padding: .25em 0; /* a small amount of padding at top/bottom which change with font size */ margin: 0; /* no margin needed */ line-height: .9em; /* line-height in ems to adjust with font-size */} /* this is the paragraph containing the date */ div#datefield p { font-size: x-small; /* smaller font-size for date */ font-weight: normal; /* normal font weight - not bold */ text-align: right; /* align the text the the right of the screen */ margin: 0 21px 0 0; /*give a right margin so it is not right at the edge of the screen*/} /******************************/ /* Start of Upper Container - contains the logos/search/utility navigation */ div#upperOuterContainer { border-left: 11.8em solid #E4E0D7; /* left column's width and background color - the color behind the main logo */ 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: 102px; /* 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 { float: left; /* left the column left */ margin-left: -11.8em; /* move it further left. the value here should be the same value as the left border width on #upperOuterContainer/#mainOuterContainer, but negative, since we are lining up the upper and lower columns */ width: 11.8em; /* need to set a definite width, should be the same width as the left border width on #upperOuterContainer/#mainOuterContainer, since we are lining up the upper and lower columns */ margin-right: 1px; /* overlap the middle column to help with clearing. */ height: 102px; /* needs to be the same height as the upperOuterContainer */ border-bottom: 2px solid #153D7A; /* need the bottom border to get the blue line under the logos */ position: relative;} /* Main ISM Logo */ div#upperLeftColumn img.logoTop { position: absolute; /* absolutely positioned to get lined up in column */ z-index: 20; /* z-indexed to render on top of other items */ left: 0; /* positions this to the left side of the screen, the column size will get larger as the font-size increases but this keeps the logo positioned at left edge */ padding: 0; /* no padding on the logo */ margin: 0; /* no margin on the logo */ width: 136px; /* can hard code the width because logo will not change often */ height: 102px; /* hard code height because it will not often change */ border: 0; /* no border on the logo */} /* hack for IE/Mac */ * html div#upperLeftColumn { /* 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. */} /* 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 { position: absolute; /* absolutely positioned to bring to the left edge of this column */ z-index: 2; /* z-index lower than main ISM logo to render behind the Main Logo */ padding: 0; /* no padding */ margin: 0; /* no margin */ width: 229px; /* hard code the width as it will not change */ height: 102px; /* hard code the height as it will not change */ border: 0; /* no border on tagline */} /******************************/ /* contains upper tan/grey bar and the top curve */ div#masthead { background-color: #E4E0D7; /* match background-color to left column */ color: #000000; width: 100%; /* make width full container */ height: 32px; /* this is the height of the top curve */ padding: 0; /* no padding */ margin: 0; /* no margin */} /* Top curve styles */ div#masthead img.topCurve { float: right; /* float to the right side of the screen */ padding: 0; /* no padding */ margin: 0 10px 0 0; /* 10px margin on the right side to provide a buffer */ width: 423px; /* hard code the width */ height: 32px; /* hard code the height */ border: 0; /* no border */} /* 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: right; /* float the search box right */ padding: 0; /* no padding */ margin: 5px 10px 0 0; /* 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: right; /* align the text right so it is close to the right 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: 90%; /* cannot make this 100% because the blue bar appears behind the logos */ height: 1.60em; /* height of the blue bar behind the navigation */ border: 0; /* no border */ color: #FFFFFF; /* text color in this container */ background-color: #153D7A; /* background-color of this container */} /* UTILITY NAVIGATION ON TOP of page */ div#utilnav { position: relative; right: 2px; /* position 2px from the right edge, so the flyouts do not cause a scroll bar and so the links do not cause a scroll bar */ 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 */ font-weight: bold; /* bold text */ 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: none; /* no style for the list */} div#utilnav ul ul { width: 15em; /* the width of the flyouts */} /* positions the top level navigation */ div#utilnav li { float: left; /* must float left or they render backwards order */ position: relative; width: 9.8em; /* width of the top level navigation items */ 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: #FFFFFF; /* color of the text on the links */ background-color: #153D7A; /* background-color of the links */ text-decoration: none; /* no underline */ display: block; /* display as a block item */ font-size: x-small; /* x-small font size - any larger will break layout */ width: 8.7em; /* width of the top navigation items with padding removed */ border-top: none; /* no top border */ border-right: none; /* no right border */ border-bottom: none; /* no bottom border */ border-left: 1px solid #FFFFFF; /* only a left border so it appears 1px wide */ height: 2.1em; /* height of the links */ padding: 0px .55em 0px .55em; /* no top of bottom padding - only left and right */ text-align: center; /* center the links */ line-height: 2.1em; /* line-height must equal height */} /* 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: #FFFFFF; /* color of the text on the links */ background-color: #C72921; /* background-color of the links */ text-decoration: none; /* no underline */ display: block; /* display as a block item */ font-size: x-small; /* x-small font size - any larger will break layout */ width: 8.7em; /* width of the top navigation items with padding removed */ border-top: none; /* no top border */ border-right: none; /* no right border */ border-bottom: none; /* no bottom border */ border-left: 1px solid #FFFFFF; /* only a left border so it appears 1px wide */ height: 2.1em; /* height of the links */ padding: 0px .55em 0px .55em; /* no top of bottom padding - only left and right */ text-align: center; /* center the links */ line-height: 2.1em; /* line-height must equal height */} /* a hack so that IE5.5 faulty box model is corrected */ * html div#utilnav a.utilmenuOFF, * html div#utilnav a.utilmenuOFF:visited, * html div#utilnav a.utilmenuON, * html div#utilnav a.utilmenuON:visited { width: 15em; w\idth: 8.7em;} /* hide the sub levels (flyouts) and give them a position absolute so that they take up no room */ div#utilnav ul ul { visibility: hidden; position: absolute; height: 0; top: 2.1em; /* position from the top of the Utility Nav bar */ width: 15em; /* length of the flyouts in ems to change in size as font-size changes */ left: -9.7em; /* use -5.1em when font-size is x-small. moves flyout navigation to the left */} /* another hack for IE5.5 */ * html div#utilnav ul ul { top: 2.1em; t\op: 2.1em;} /* This is the table layout for IE6 in the conditional comments */ div#utilnav table { position: absolute; top: 0; left: 0;} /* style -- flyout links */ div#utilnav ul ul a:link, div#utilnav ul ul a:visited, div#utilnav ul ul a:active { background-color: #E4E0D7; /* background color for the flyouts */ color: #000000; /* text color for flyouts */ font-size: small; /* changed the font-size to from x-small to match the main navigation flyouts */ font-weight: normal; /* no bold text */ text-align: left; /* align the text left */ height: auto; /* height is automatic */ line-height: normal; /* line-height is automatic */ border-top: 1px solid #FFFFFF; /* top border only */ border-right: 1px solid #FFFFFF; /* right border only */ border-bottom: none; /* not bottom border */ border-left: none; /* no left border */ width: 13.9em; /* width of the flyouts without the padding */ padding: 2px .5em 3px .5em; /* padding for the flyout */ display: block; /* display as a block item */ text-decoration: none; /* no underline for the links */} /* yet another hack for IE5.5 */ * html div#utilnav ul ul a { width: 15em; w\idth: 13.9em;} /* style the top level hover for either On/Off */ /* 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: #FFFFFF; /* text color when hovering */ /*background-color: #C72921;*/ /* this is needed because IE6 fails to show the descendant ul when VertMenuON is set. IE6 fix for hover bugs using background-position: 0 0; */ background: #C72921 0 0;/* background color when hovering */} /* style the top level hover when on the flyout */ div#utilnav :hover > a.utilmenuOFF, div#utilnav :hover > a.utilmenuON, div#utilnav ul ul :hover > a { color: #FFFFFF; /* text color when hovering */ background-color: #C72921; /* background color when hovering */} /* make the second level visible when hover on first level list OR link */ div#utilnav ul li:hover ul, div#utilnav ul a:hover ul{ visibility: visible;} /******************************/ /* This is the Outer Container for the Lower Portion of the Page - contains both left/right columns and main page content */ div#mainOuterContainer { border-left: 11.8em solid #E4E0D7; /* left column's width and background color */ border-right: 13.8em solid #F3F1ED; /* right column's width and background color */} /* 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 { float: left; /* float left, where it'll live */ margin-left: -11.8em; /* move it further left. the value here should be the same value as the left border width on #mainOuterContainer, but negative - must also equal the upperLeftColumn */ width: 11.8em; /* need to set a definite width, should be the same width as the left border width on #mainOuterContainer - must equal the upperLeftColumn */ margin-right: 1px; /* overlap the middle column to help with clearing. see general notes above. */} /* hack for IE/Mac */ * 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. */} /************************************************/ /* START OF MAIN NAVIGATION AREA - DO NOT CHANGE ANYTHING */ div#mainVertMenu { position: relative; padding: 0; /* no padding */ margin: 0; /* no margin */ font-size: small; /* font-size is small - do not change */ font-weight: bold; /* bold the text in this area */ text-decoration: none; width: 11.8em; /* make the container equal to the column width */ z-index: 25; /* z-index so it renders above the middle column */} /* Navigation list */ div#mainVertMenu ul { display: block; /* display the list as block items */ margin: 0; /* remove the margin */ padding: 0; /* remove any padding */ list-style-type: none; /* no style on the nav items */} div#mainVertMenu li { padding: 0; /* remove the padding on the list items */ position: relative;} /* style the top level links - this is the style when the navigation is off */ div#mainVertMenu a.VertMenuOFF:link, div#mainVertMenu a.VertMenuOFF:visited, div#mainVertMenu a.VertMenuOFF:active { display: block; /* display the links as a block */ background-color: #153D7A; /* background-color is blue */ color: #FFFFFF; /* text color is white */ text-decoration: none; /* no underline */ width: 10.7em; /* width of the links minus the padding */ padding: 2px .55em 3px .55em; /* padding on the links */ border-top: 1px solid #8A9EBD; /* only a top border */ border-right: none; border-bottom: none; border-left: none; line-height: normal; /* line-height must be normal any bigger looks weird */ font-size: small; /* font-size is small - not smaller */} /* style the top level links - this is the style when the navigation is on */ div#mainVertMenu a.VertMenuON:link, div#mainVertMenu a.VertMenuON:visited, div#mainVertMenu a.VertMenuON:active { display: block; /* display the links as a block */ background-color: #C72921; /* background-color is red */ color: #FFFFFF; /* text color is white */ text-decoration: none; /* no underline */ width: 10.7em; /* width of the links minus the padding */ padding: 2px .55em 3px .55em; /* padding on the links */ border-top: 1px solid #8A9EBD; /* only a top border */ border-right: none; border-bottom: none; border-left: none; line-height: normal; /* line-height must be normal any bigger looks weird */ font-size: small; /* font-size is small - not smaller */} /* hide the first level flyout menu and position it */ div#mainVertMenu ul ul { position: absolute; visibility: hidden; /* hide them until hover */ top: 0; /* position to the top of the top level of the previous link */ left: 11.8em; /* moved to the left the width of the left column */ height: 0; width: 20em; /* width of the flyout */} /* hide the second level flyout menu and position it */ div#mainVertMenu ul ul ul { position: absolute; visibility: hidden; /* hide until the hove */ top: 0; /* position to the top level of the previous link */ left: 20em; /* positioned left the width of the first level flyout */ width: 20em; /* width of the flyout */} /* table styles for IE6 flyouts */ div#mainVertMenu table { position: absolute; top: 0; left: 0;} /* style of the first level flyout */ div#mainVertMenu ul ul a:link, div#mainVertMenu ul ul a:visited, div#mainVertMenu ul ul a:active { background-color: #E4E0D7; /* background-color matches left column color */ color: #000000; /* text color is balck */ /*font-size: x-small;*/ /* cannot specify font-size of layout breaks */ font-weight: normal; /* normal font-weight not bold */ text-align: left; /* left-align the text */ height: auto; /* height auto breaks layout */ line-height: normal; border-top: 1px solid #FFFFFF; /* top border */ border-right: 1px solid #FFFFFF; /* right border */ border-bottom: none; /* no bottom otherwise 2px wide */ border-left: 1px solid #FFFFFF; /* left border */ width: 19em; /* width of the link minus the padding */ padding: 2px .5em 3px .5em; /* link padding */ display: block; /* display as a block item */ text-decoration: none; /* no underline */} /* style the second level flyout */ div#mainVertMenu ul ul ul a:link, div#mainVertMenu ul ul ul a:visited, div#mainVertMenu ul ul ul a:active { background-color: #F3F1ED; /* background-color matches the right column */ color: #000000; /* text color is black */ /*font-size: x-small;*/ /* cannot specify font-size of layout breaks */ font-weight: normal; /* normal font-weight not bold */ text-align: left; /* left-align the text */ height: auto; /* height auto breaks layout */ line-height: normal; border-top: 1px solid #FFFFFF; /* top border */ border-right: 1px solid #FFFFFF; /* right border */ border-bottom: none; /* no bottom otherwise 2px wide */ border-left: 1px solid #FFFFFF; /* left border */ width: 19em; /* width of the link minus the padding */ padding: 2px .5em 3px .5em; /* link padding */ display: block; /* display as a block item */ text-decoration: none; /* no underline */} /* style the top level hover - on/off */ div#mainVertMenu a.VertMenuOFF:hover, div#mainVertMenu a.VertMenuON:hover, div#mainVertMenu ul ul a:hover { /*background-color: #C72921;*/ /* this is needed because IE6 fails to show the descendant ul when VertMenuON is set. IE6 fix for hover bugs using background-position: 0 0; */ background: #C72921 0 0; color: #FFFFFF;} /* style the hover when on the flyout items */ div#mainVertMenu :hover > a.VertMenuOFF, div#mainVertMenu :hover > a.VertMenuON, div#mainVertMenu ul ul :hover > a, div#mainVertMenu ul ul ul :hover > a { background-color: #C72921; color: #FFFFFF;} /* make second level visible when on the top level */ div#mainVertMenu ul li:hover ul, div#mainVertMenu ul a:hover ul { visibility: visible; z-index: 500;} /* keep the third level hidden when you hover on first level list OR link */ div#mainVertMenu ul :hover ul ul { visibility: hidden;} /* make the third level visible when you hover over second level list OR link */ div#mainVertMenu ul :hover ul :hover ul { visibility: visible; z-index: 999;} /* END OF THE MAIN NAVIGATION AREA STYLES */ /************************************************/ /* Start Style for Right Column */ div#mainRightColumn { float: right; /* float on the right side of the layout */ margin-right: -13.8em; /* move it further right. the value here should be the same value as the right border width on #mainOuterContainer, but negative */ width: 13.8em; /* need to set a definite width, should be the same width as the right border width on #mainOuterContainer */ margin-left: 1px; /* overlap the middle column */} /* hack for IE/Mac */ * html #mainRightColumn { /* 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. */} /* need to the upper right column to get the white background */ /* contains the lover curve, send page and In This Section header */ div#upperrightColumn { position: relative; padding: 0; /* no padding */ margin: 0; /* no margin */ background-color: #FFFFFF; /* background must be white */ color: #000000; /* text color is black */} /* container for the bottom curve */ div#BottomCurve { background-color: #FFFFFF; color: #000000; height: 24px; /* height of the container */} /* bottom curve image styles */ div#BottomCurve img.BottomCurve { position: absolute; right: 0px; /* to the right edge */ top: 0px; /* to the top of the container */ padding: 0; /* no padding */ margin: 0 10px 0 0; /* 10px right margin to equal margin the top curve */ width: 20px; /* hard code the width */ height: 24px; /* hard code the height */ border: 0; /* no border */} /* for the navigation near the bottom curve */ p.curveNav { font-size: x-small; /* x-small font size */ font-weight: normal; /* normal font weight */ margin: 0; /* no margin */ padding: 0 0 10px 5px; /* bottom and left padding */ text-align: left; /* align the text left */} /* Sendpage links */ p.curveNav a.sendpage:link, p.curveNav a.sendpage:visited, p.curveNav a.sendpage:hover, p.curveNav a.sendpage:active { color: #555555; background-color: #FFFFFF; margin: 0; padding: 0;} /* Send Page Email Icon */ div#upperrightColumn img.iconemail { padding: 0; /* no padding */ margin: 0 4px 0 0; /* 4px right margin */ width: 21px; /* hard code the width */ height: 11px; /* hard code the height */ border: 0; /* no border */} /* In This Section Header */ div#redSectionHead { position: relative; margin: 0; /* no margin */ padding: 1px 0 1px 6px; /* top/bottom/left padding */ background-color: #C72921; /* red background color */ color: #FFFFFF; /* white text for this section */ font-size: x-small; font-weight: bold; /* bold font weight */ height: 18px; /* height of the red curve image */} div#redSectionHead p { padding: 0; /* remove padding */ margin: 0; /* remove margin */} /* red curve image for in this section area */ div#upperrightColumn img.redCurve { position: absolute; top: 0px; /* position to the top */ right: 0px; /* position all the way to the right */ padding: 0; /* no padding */ margin: 0; /* no margin */ width: 46px; /* hard code the width */ height: 20px; /* hard code the height */ border: 0; /* no border */} /* start of the lower right column - including the home page/conference/ navigation columns. */ div#lowerrightColumn { position: relative; margin: 0; /* remove margin */ padding: 0; /* remove padding */ font-size: x-small;} /* list for the secondary right column navigation */ div#lowerrightColumn ul { list-style-type: none; /* no style on this list */ padding: 3px 5px 0 8px; /* top/right and left padding */ margin: 0; /* remove margin */} /* tri level navigation list */ div#lowerrightColumn ul ul { list-style-type: none; /* no style on the list */ padding: 0; /* remove the padding */ margin: 0; /* remove the margin */} /* list items for tri level navigation */ div#lowerrightColumn ul ul li { padding-bottom: 5px; /* 5px bottom padding */ padding-left: 14px; /* 14x left padding to move the list items */ background-image: url("../PageLayoutImages/dash.gif"); /* need to use a background item to get the dash for the tri-level nav items */ background-repeat: no-repeat; background-position: .3em .5em; /* position of the background image */} /* SECONDARY NAVIGATION IN RIGHT COLUMN - This is when the navigation is not selected. */ div#lowerrightColumn ul a.subnavOFF:link, div#lowerrightColumn ul a.subnavOFF:visited { color: #000000; font-size: x-small; font-weight: normal; padding: 2px 0 3px 0;} div#lowerrightColumn ul ul a.subnavOFF:hover { color: #B8161F; font-size: x-small; font-weight: normal; padding: 2px 0 3px 0;} div#lowerrightColumn ul ul a.subnavOFF:active { color: #153D7A; font-size: x-small; font-weight: normal; padding: 2px 0 3px 0;} /* SECONDARY NAVIGATION IN RIGHT COLUMN - This is when the navigation is selected. */ div#lowerrightColumn ul a.subnavON:link, div#lowerrightColumn ul a.subnavON:visited, div#lowerrightColumn ul a.subnavON:hover, div#lowerrightColumn ul a.subnavON:active { color: #153D7A; font-size: x-small; font-weight: bold; padding: 2px 0 3px 0;} /* TRI NAVIGATION IN RIGHT COLUMN - This is when the navigation is not selected. */ div#lowerrightColumn ul ul a.trinavOFF:link, div#lowerrightColumn ul ul a.trinavOFF:visited { color: #000000; font-size: x-small; font-weight: normal; padding: 2px 0 3px 0;} div#lowerrightColumn ul ul a.trinavOFF:hover { color: #B8161F; font-size: x-small; font-weight: normal; padding: 2px 0 3px 0;} div#lowerrightColumn ul ul a.trinavOFF:active { color: #153D7A; font-size: x-small; font-weight: normal; padding: 2px 0 3px 0;} /* TRI NAVIGATION IN RIGHT COLUMN - This is when the navigation is selected. */ div#lowerrightColumn ul ul a.trinavON:link, div#lowerrightColumn ul ul a.trinavON:visited, div#lowerrightColumn ul ul a.trinavON:hover, div#lowerrightColumn ul ul a.trinavON:active { color: #153D7A; font-size: x-small; font-weight: bold; padding: 2px 0 3px 0;} /* Right Column Home Page Styles */ /* These styles may be changed - they are specifically for the home page right column */ div#hpRightCol { float: right; /* float the container right */ margin: 5px 0px 30px 0px; /* top/bottom margin */ padding: 0px 0px 0px 5px; /* left padding only */ line-height: 1.3em; /* line-height cannot be any smaller than this. */} div#hpRightCol a:link {color: #153D7A; padding: 1px 0 2px 0;} div#hpRightCol a:visited {color: #908C82; padding: 1px 0 2px 0;} div#hpRightCol a:active {color: #B8161F; padding: 1px 0 2px 0;} div#hpRightCol a:hover {color: #B8161F; text-decoration:none; padding: 1px 0 2px 0;} /* Home Page Section Header */ h5.hpRightColSectionHead { font-size: small; /* small font size - any smaller looks weird */ padding: 3px 0px 2px 5px; /* top/bottom and left padding */ margin: 0; border: 2px solid #153D7A; /* only a top border */ border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; line-height: 1.3em;} /* Home Page paragraph style */ p.hpRightInfo { padding: 0px 5px 4px 5px; /* padding for the paragraphs */} /* Right Column Conference Styles */ div#confRightCol { float: right; /* float the container right */ margin: 5px 0px 30px 0px; /* margins */ padding: 0px 0px 0px 5px; /* padding */ line-height: 1.3em; /* don't make this any smaller */} div#confRightCol a:link {color: #153D7A; padding: 1px 0 2px 0;} div#confRightCol a:visited {color: #908C82; padding: 1px 0 2px 0;} div#confRightCol a:active {color: #B8161F; padding: 1px 0 2px 0;} div#confRightCol a:hover {color: #B8161F; text-decoration:none; padding: 1px 0 2px 0;} /* Conference Right Column Section Headers */ h5.confRightColSectionHead { font-size: small; padding: 3px 2px 2px 5px; /* Padding */ margin: 0; border: 2px solid #153D7A; /* only a top border */ border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; line-height: 1.3em;} ul.confRightNav { list-style-type: none;} /* FOR FOOTER TEXT AND LINKS */ div#footer { text-align: center; background-color: #000000; color: #ffffff; font-size: x-small; border: solid 1px #000000; border-width: 1px 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: #ffffff; background-color: #000000;} div#footer p { background-color: #000000; color: #ffffff; 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 - this is used only on the main middle column */} /* 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;} #InsideSupplyBox { border: #E4E0D7 solid 1px; padding: 5px; } /***************************************/ /* 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;} /* Ratings and Reviews */ #rate { overflow:hidden; } ul#starlist, #starlist ul { display: inline; behavior: url('http://www.ism.ws/applications/CMSIncludes/IEFixes.htc'); } #starlist:hover, #starlist.hover { cursor: pointer; } #starlist li { display: inline; list-style-type: none; } #startext { margin: 0 auto; font-weight:bold; } #startitle { margin: 0 auto; font-weight:bold; } #ratingtitle { margin: 0 auto; font-weight:bold; } #ratinglist { display: inline; behavior: url('http://www.ism.ws/applications/CMSIncludes/IEFixes.htc'); } #ratinglist li { display: inline; list-style-type: none; } #commentbox h2 { font-size:1.1em; } #ratings h2 { font-size:1.1em; } #commentsubmit, #commentcancel { margin: 0; padding: 2px 3px; font: bold 10px Arial, Sans-serif; background: #153D7A; border: 1px solid #153D7A; color: #fff; vertical-align: top; } .reviewitem { padding-bottom:30px; }