HTML { } BODY { margin:0px; padding:0px; /* background-color:#062872; */ background-color:#F8F8F8; font-family:Tahoma,"bitstream vera serif",sans-serif; } A:link { color:#4E44B7; } A:active { color:#D81818; } A:visited { color:#688Daa; } .no-bullet { list-style-type:none; padding:0px; margin:0px; border:0px; } .left { text-align:left; margin:0px 5px 0px 5px; } .center { text-align:center; /* margin:0px 5px 0px 5px;*/ } .justify { text-align:justify; margin:0px; } .spaced { margin-top:10px; } .justify-spaced { text-align:justify; margin:10px 5px 0px 5px; } .padded { padding:10px; } .subheading11 { font-size:11pt; } .subheading { font-size:13pt; } #ISUG-ROOT { width:1005px; margin:0px; padding:0px; background-color:#F8F8F8; } #ISUG-breadcrumbs { font-size:9.5pt; color:#062872; padding:3px; } #ISUG-breadcrumbs A { color:#062872; } #ISUG-breadcrumbs A.here { color:red; } #ISUG-Header { margin:0px; padding:0px; width:1000px; text-align:center; background-color:#062872; font-family:Tahoma,"bitstream vera serif",sans-serif; } /* Header contents in header.css */ #ISUG-Body { margin:10px 0px 0px 0px; padding:0px; width:1000px; min-width:775px; text-align:center; font-size:9pt; background-color:#F8F8F8; } #ISUG-Body A { text-decoration:underline; color:inherit; } .pop-up-portal { margin:0px; font-size:9pt; left:-888em; right:expression(888 + 'em'); } .portal { margin:0px; font-size:9pt; } .portal-border { border:1px solid gray; } .portal-header { text-decoration:none; text-align:center; color:white; font-size:12pt; font-weight:bold; background-color:#9999CC; height:expression(100+"%"); } .portal-header-spaced { text-decoration:none; text-align:center; color:white; font-size:12pt; font-weight:bold; background-color:#9999CC; height:expression(100+"%"); padding:2px; } .portal-body { } .portal-header10-5 { text-decoration:none; text-align:center; color:white; font-size:10.5pt; font-weight:bold; background-color:#9999CC; height:expression(100+"%"); } .pop-up-portlet { left:-888em; right:expression(888 + 'em'); margin:0px; padding:0px; font-size:9pt; text-decoration:none; text-align:justify; height:100%; background-color:#F0F0F0; } .portlet { margin:10px; /* border:1px solid red;*/ font-size:9pt; text-decoration:none; text-align:justify; /* height:100%;*/ } .portlet-header { text-decoration:none; text-align:center; color:white; font-size:10.5pt; font-weight:bold; background-color:#000080; height:expression(100+"%"); } .portlet-body { text-decoration:none; text-align:justify; color:inherit; font-size:9pt; font-weight:normal; font-style:normal; background-color:#F0F0F0; padding:5px 10px 5px 10px; height:expression(100+"%"); } #ISUG-Body A:hover { color:red; text-decoration:none; } #ISUG-BodyPageTitle, .DataTitle { text-align:center; color:#000080; font-size:18pt; font-weight:bold; margin:15px 0px 15px 0px; padding:0px; } /* Basic structure of the left panel. */ #ISUG-BodyLeftPanel { color:#000080; background-color:#F8F8F8; width:140px; margin:0px; margin-left:1px; padding:0px; font-family:Tahoma,"bitstream vera serif",sans-serif; font-size:10.5pt; text-align:left; vertical-align:top; float:left; } .left-panel-header { font-weight:bold; text-align:center; background-color:#000080; color:#E0E0F0; } .google-box { margin:0px 0px 0px 0px; padding:0px; text-align:justify; border:1px solid gray; width:140px; } .resource-links-block { border:1px solid gray; text-align:left; width:140px; } .mini-ad-block { border:1px solid gray; width:140px; text-align:center; } /* Color of links in left panel. */ #ISUG-BodyLeftPanel A { color:#000080; text-decoration:none; } /* Color of links in left panel when hovered over. */ #ISUG-BodyLeftPanel A:hover { color:red; width:auto; } /* HR rules for left panel. */ #ISUG-BodyLeftPanel HR { width:50%; margin:3px 35px 3px 35px; } /* List within the left panel. */ #ISUG-BodyLeftPanel UL { width:expression(101%); margin:0px -1px 0px 0px; padding:0px; list-style-type:none; line-height:13px; font-size:9pt; background-color:#E0E0E0; border:0px; border-right:1px solid gray; border-right:expression(0); border-top:1px solid gray; } /* List elements within the left panel. */ #ISUG-BodyLeftPanel LI { margin:0px; padding:4px 5px 4px 5px; font-size:8.5pt; border-bottom:1px solid gray; border-right:1px; border-left:0px; width:expression(100%); height:14px; } /* * Arrows within list elements in the left panel. */ #ISUG-BodyLeftPanel LI .arrows { color:red; font-size:8pt; } /* * Sub-menus within the left panel. * We start off by sending these off screen. */ #ISUG-BodyLeftPanel LI UL { position:absolute; min-width:175px; left:-999em; right:expression(999 + 'em'); list-style-type:disc; margin:0px; padding:0px; border:1px solid gray; line-height:13px; } /* List elements of sub-menus within the left panel. */ #ISUG-BodyLeftPanel LI UL LI { list-style-type:none; margin:0px; height:13px; padding-right:0px; border:1px solid gray; } /* Sub-sub-menus within the left panel. */ #ISUG-BodyLeftPanel LI UL UL { margin:0px 0px 0px 0px; padding:0px; list-style-type:none; border-bottom:1px solid gray; width:auto; } /* Change the bg-colour of the list element when it's hovered over. */ #ISUG-BodyLeftPanel LI:hover { background-color:#C0C0C0; margin-bottom:0px; border-bottom:1px solid gray; } /* Change bg-colour of the list element when it's hovered over (MSIE).*/ #ISUG-BodyLeftPanel LI.sfHover { background-color:#C0C0C0; } /* Display the arrows when the list element is hovered over. */ #ISUG-BodyLeftPanel LI:hover .arrows { color:red; } /* Display the arrows when the list element is hovered over (MSIE). */ #ISUG-BodyLeftPanel LI.sfHover .arrows { color:red; } /* Display the arrows when sub-menu list element is hovered over. */ #ISUG-BodyLeftPanel LI:hover LI .arrows { color:red; } /* Display the arrows when sub-menu list element is hovered over (MSIE). */ #ISUG-BodyLeftPanel LI.sfHover LI .arrows { color:red; } /* Change bg-colour of list element with a sub-menu when hovered over.*/ #ISUG-BodyLeftPanel LI.menu:hover { background-color:#C0C0C0; margin-bottom:0px; border-bottom:1px solid gray; width:auto; } /* Change bg-colour of list element with a sub-menu when hovered over (MSIE).*/ #ISUG-BodyLeftPanel LI.menu.sfHover { background-color:#C0C0C0; margin-bottom:0px; padding-bottom:4px; width:138px; } /* Bring sub-menu to the foreground when list element hovered over. */ #ISUG-BodyLeftPanel LI:hover UL { left:142px; right:auto; margin-top:-41px; padding:0px; width:auto; /* margin-right:-1px;*/ border:1px solid gray; border-bottom:0px; white-space:nowrap; background-color:#E0E0E0; } /* Bring sub-menu to the foreground when list element hovered over (MSIE). */ #ISUG-BodyLeftPanel LI.sfHover UL { left:141px; margin-top:-27px; margin-left:-1px; margin-bottom:-1px; padding:1px; padding-left:0px; border:0px; /*1px solid gray;*/ border-bottom:0px; white-space:nowrap; background-color:#E0E0E0; width:expression(this.offsetWidth < 125 ? 125 : true); } #ISUG-BodyLeftPanel LI:Hover UL LI { margin:0px; margin-top:-1.1px; height:13px; border:1px solid gray; border-left:0px; background-color:#E0E0E0; padding-right:0px; padding-bottom:5px; width:100%; } #ISUG-BodyLeftPanel LI.sfHover UL LI { margin:0px; margin-top:-1px; height:13px; border:1px solid gray; border-top:1px solid gray; border-bottom:1px solid gray; /* border-right:0px;*/ padding-right:5px; padding-bottom:5px; background-color:#E0E0E0; width:100%; } #ISUG-BodyLeftPanel LI.sfHover UL LI { width:expression(this.offsetWidth < 200 ? 200 : true); } #ISUG-BodyLeftPanel LI.menu:hover LI { min-width:195px; } #ISUG-BodyLeftPanel LI:Hover UL LI.sub-menu { margin:0px; height:13px; width:100%; border-top:0px; } #ISUG-BodyLeftPanel LI:Hover UL LI.sub-menu-header { background-color:#000080; color:white; font-size:10.5pt; font-weight:bold; text-align:center; width:100%; } #ISUG-BodyLeftPanel LI.sfHover UL LI.sub-menu { margin:0px; margin-top:-1px; padding:4px; height:13px; width:100%; width:expression(this.offsetWidth < 200 ? 200 : true); } #ISUG-BodyLeftPanel LI.sfHover UL LI.sub-menu-header { background-color:#000080; color:white; font-size:10pt; font-weight:bold; text-align:center; width:100%; border:0px; padding:4px 5px 6px 5px; margin-bottom:-1px; padding-left:3px; height:13px; border-top:0px; } #ISUG-BodyLeftPanel LI:Hover UL UL, #ISUG-BodyLeftPanel LI.sfHover UL UL { left:-999em; right:expression(999 + 'em'); /* width:100%;*/ } #ISUG-BodyLeftPanel LI.menu LI:hover { background-color:#C0C0C0; padding-bottom:5px; padding-right:0px; width:100%; height:13px; } #ISUG-BodyLeftPanel LI LI.sfHover { background-color:#C0C0C0; border-bottom:1px solid gray; margin-top:-1px; height:13px; } #ISUG-BodyLeftPanel LI.menu LI.sub-menu:hover { background-color:#C0C0C0; padding-bottom:5px; padding-right:0px; width:120%; border:1px solid gray; height:13.0px; margin:-1px; margin-bottom:0px; } #ISUG-BodyLeftPanel LI.menu LI.sub-menu.sfHover { background-color:#C0C0C0; border:1px solid gray; border-bottom:0px; border-left:1px solid gray; margin:0px; margin-top:-1px; padding-bottom:5px; } #ISUG-BodyLeftPanel LI LI:hover .arrows { color:red; } #ISUG-BodyLeftPanel LI LI.submenu.sfHover .arrows { color:red; } #ISUG-BodyLeftPanel LI LI:hover UL { left:206px; margin-top:-40px; padding:0px; background-color:#F8F8F8; width:auto; min-width:200px; /* font-size:12pt;*/ border:1px solid gray; border-right:2px solid gray; border-bottom:0px; } #ISUG-BodyLeftPanel LI LI.sfHover UL { left:auto; right:-250px; margin-top:-2.25em; /* padding:10px;*/ padding-left:0px; background-color:#F8F8F8; width:250px; border:0px; } #ISUG-BodyLeftPanel LI LI.sfHover LI.sub-menu-header { height:21px; border-bottom:1px solid #000080; border-left:1px solid white; } #ISUG-BodyLeftPanel LI LI LI { width:100%; } #ISUG-BodyLeftPanel LI.menu LI.sub-menu LI:hover, #ISUG-BodyLeftPanel LI LI LI.sfHover { background-color:#C0C0C0; width:100%; } #ISUG-BodyLeftPanel LI.menu LI.sub-menu LI.sub-menu-header:hover, #ISUG-BodyLeftPanel LI LI LI.sub-menu-header.sfHover { background-color:#000080; color:white; font-size:10.5pt; font-weight:bold; text-align:center; width:100%; } #ISUG-BodyData { width:745px; float:left; margin:0px; padding:0px; } #ISUG-BodyDataBlock, .ISUG-BodyDataBlock { float:right; margin:0px; padding:0px; text-align:justify; color:#000080; font-size:9pt; /* background-color:#E0E0E0;*/ border-collapse:separate; padding:0px 20px 0px 18px; padding-left:expression(0+'px'); padding-right:expression(35+'px'); min-width:375px; width:565px; /* width:expression(592+'px');*/ /* Special for IE */ /* width:expression(this.width < 350 ? 350 : this.width);*/ min-height:100%; overflow:hidden; } #ISUG-BodyDataBlock A { font-weight:bold; } #ISUG-BlogData A { text-decoration:none; } #ISUG-BodyDataBlock A.nolink, .nolink { text-decoration:none; } #ISUG-BodyDataBlock UL.bullets-left { padding:0px; margin-left:20px; margin-right:5px; } #ISUG-BodyDataBlock OL.bullets-left { padding:0px; margin-left:20px; margin-right:5px; } /* * Note that we have bullets in an OL -- this is a workaround * for including ULs inside PopUpPortals. */ #ISUG-BodyDataBlock OL.bullets-left LI { list-style:disc outside; font-size:inherit; } #ISUG-BodyDataBlock OL.bullets LI { list-style:disc; } DL.partners { padding:1em; } DL.partners DT { font-size:medium; } DL.partners DD { margin-left:0; } DL.partners DD OL LI { font-size:medium; } #ISUG-BodyDataBlock A.learn-more { font-weight:normal; font-style:italic; text-decoration:underline; } #ISUG-BlogData UL UL LI A { text-decoration:underline; } #ISUG-BodyDataBlock .arrows, .ISUG-BodyDataBlock .arrows { color:#E0E0E0; font-size:12pt; text-decoration:none; } #ISUG-BodyDataBlock HR, .ISUG-BodyDataBlock HR { margin-left:10px; margin-right:10px; } #ISUG-BodyDataBlock HR.small { width:100px; } #ISUG-BodyDataBlock HR.center { text-align:center; } #ISUG-BodyDataBlock DIV.DataInfo { padding-bottom:1em; } /* This next one is for reference only -- change if page layout changes! */ #ISUG-BodyDataBlock-ListPopupPositioning { position:absolute; top:110px; left:190px; width:auto; min-width:350px; } #ISUG-BodyFooter { } #ISUG-BodyFooterAd { margin-left:170px; width:555px; text-align:center; } #ISUG-BodyRightPanel { float:right; color:#000080; background-color:#F8F8F8; width:250px; width:expression(this.width > 250 ? 250 : this.width); padding-top:0px; border:0px; /* border-left:2px solid #808080;*/ } #ISUG-BodyRightPanel A:hover { color:red; } .quicklinks { width:100%; font-size:9pt; border:1px solid gray; } .quicklinks-header { background-color:#000080; color:#F0F0F0; font-weight:bold; font-size:10pt; text-align:center; } #ISUG-BodyRightPanelQuickLinks, .ISUG-BodyRightPanelQuickLinks { color:#000080; margin:0px 5px 10px 20px; padding:0px; text-align:left; } #ISUG-BodyRightPanelQuickLinks-Indents, .ISUG-BodyRightPanelQuickLinks-Indents { color:#000080; margin-left:15px; padding:0px; } #ISUG-BodyRightPanelQuickLinks-Indents2 { color:#000080; margin-left:15px; padding:0px; } .ISUG-BodyRightPanelAds, .ad-panel-portal { width:100%; width:expression(252+'px'); margin:0px; margin-top:10px; /* border-top:2px ridge #000080;*/ /* border:1px solid gray;*/ /* background:white;*/ font-size:10pt; text-align:center; } .ad-panel-header { margin:0px; text-decoration:none; text-align:justify; color:white; background-color:#000080; width:250px; padding-left:31px; padding-right:31px; white-space:nowrap; } #ISUG-BannerAd250x240 { width:250px; height:240px; padding:0px; margin:0px; } #ISUG-BannerAd250x120 { width:250px; height:120px; padding:0px; margin:0px; border:0px; } #ISUG-BannerAd250x60 { width:248px; height:60px; padding:0px; margin:0px; text-align:center; } #ISUG-60PX-Banner { /* padding:0px; border:0px; height:62px; max-height:62px; max-width:468px; text-align:center; */ min-height:62px; } #ISUG-Footer { background-color:#062872; text-align:center; clear:both; width:100%; margin:0px; padding:5px 0px 5px 0px; color:#C0C0C0; font-size:8pt; font-family:Tahoma,"bitstream vera serif",sans-serif; font-weight:bold; } /*#UserGroupMenu, #UserGroupMenu UL,*/ #PopUpPortalsMenu, #PopUpPortalsMenu UL { text-align:left; margin:5px; padding:0px; width:100%; min-width:300px; line-height:1; } /*#UserGroupMenu A:hover,*/ #PopUpPortalsMenu A:hover { color:red; } /*#UserGroupMenu LI,*/ #PopUpPortalsMenu LI { padding:0px; margin:0px; margin-right:0px; color:#4E44B7; font-family:Tahoma,"bitstream vera serif",sans-serif; font-size:10pt; list-style:none; } #PopUpPortalsMenu LI A:hover { color:red; } #PopUpPortalsMenu LI A DIV { text-weight:bold; padding: 3px 0px 5px 0px; } /*#UserGroupMenu LI UL,*/ #PopUpPortalsMenu LI UL { position:absolute; left:-999em; right:expression(999 + 'em'); margin:0px; margin-left:-4px; padding:0px; list-style:none; background:#E0E0E0; border: 2px solid white; width:100%; /* min-width:530px;*/ } #PopUpPortalsMenu LI UL { margin-left:-2px; } /*#UserGroupMenu LI UL UL,*/ #PopUpPortalsMenu LI UL UL { position:absolute; top:0px; left:-999em; right:expression(999 + 'em'); /* Have no idea why this is required... */ /* margin-left:expression(-350+'px');*/ margin-top:expression(0+'px'); min-width:200px; width:auto; /* border:1px solid gray;*/ } DIV.MoreInfoItem { position:absolute; left:-999em; right:expression(999 + 'em'); margin:0px; margin-left:-4px; padding:0px; list-style:none; /* background:#E0E0E0; border: 2px solid white;*/ width:100%; /* min-width:530px;*/ } A.OpenCloseButton { font-size:smaller; font-weight:bold; text-decoration:none; right:0px; left:auto; padding:0px; margin:4px; margin-top:10px; border:1px solid white; color:red; /* width:18em;*/ } DIV.OpenCloseItem { position:absolute; left:-999em; right:expression(999 + 'em'); margin:0px; margin-left:-4px; padding:0px; list-style:none; /* background:#E0E0E0; border: 2px solid white;*/ width:100%; /* min-width:530px;*/ } /* #SIG-info { margin:0px; padding:0px; list-style:none; background:#E0E0E0; width:auto; font-size:10pt; } */ #ISUG-JournalContentsList, #ISUG-JournalContentsList UL { padding:0px; margin-left:15px; } .JournalArticleLink DIV { position:absolute; left:-999em; background-color:#E0E0E0; border:5px ridge white; color:#000080; padding:0px 5px 0px 5px; margin:0px; } .JournalArticleLink A DIV P { text-decoration:none; } .JournalCoverThumbnail { width:150px; } /* When the contents are listed in the middle block, display */ /* the previews 50px below the link, across the whole page. */ /* The 50px margin allows the user to mouse down and have */ /* the preview disappear. Otherwise they have to move up to */ /* remove the preview to mouse down to the article they want */ #ISUG-BodyDataBlock .JournalArticleLink SPAN:hover DIV { margin-top:0em; left:160px; right:0px; } #ISUG-BodyDataBlock .JournalArticleLink SPAN.sfHover DIV { left:160px; margin-top:0em; position:absolute; width:expression(document.body.clientWidth-160); padding-top:10px; padding-bottom:10px; } #ISUG-BodyDataBlock .JournalArticleLink SPAN DIV A:hover { color:red; } /* When the contents are listed in the right panel, display */ /* the previews in a fixed location at 200px from the top, */ /* across the left and middle panels (i.e., do not obscure */ /* the right panel. */ #ISUG-BodyRightPanel .JournalArticleLink SPAN:hover DIV { position:fixed; top:200px; left:0px; right:230px; } /* IE6 doesn't handle fixed correctly, so a-hacking we will go... */ #ISUG-BodyRightPanel .JournalArticleLink SPAN.sfHover DIV { position:absolute; height:100%; overflow-y:auto; top:200px; left:0px; width:expression(document.body.clientWidth - 230); padding-top:10px; padding-bottom:10px; } #ISUG-BodyRightPanel .JournalCoverImage { width:45px; float:left; margin-right:20px; } #ISUG-BodyDataBlock .JournalCoverImage { float:left; margin-right:20px; } .JournalPreviewCoverImage { float:left; margin:0px; padding:5px 5px 5px 0px; } .JournalArticleDownloadInfo { color:black; } .CurrentPartnersTableCol1 { width:50%; text-align:left; font-family:Tahoma,"bitstream vera serif",sans-serif; font-size:10pt; color:black; } .CurrentPartnersTableCol2 { width:50%; text-align:left; font-family:Tahoma,"bitstream vera serif",sans-serif; font-size:10pt; margin-right:10px; vertical-align:top; color:black; } .EventInfo { text-align:left; color:#000080; background-color:#F0F0F0; border:5px ridge gray; } .EventInfoTitle { text-align:left; } .EventInfoData { font-size:x-small; } .MouseOverForInfo A { padding:0px; margin:5px; } .MouseOverForInfo .HiddenInfo { position:absolute; left:-999em; } .MouseOverForInfo SPAN:hover .HiddenInfo { position:static; left:157px; right:262px; top:170px; color:#000080; font-size:10pt; margin:13px; border:1px solid gray; border-bottom:2px solid gray; } .MouseOverForInfo SPAN.sfHover .HiddenInfo { position:static; left:157px; right:262px; top:170px; color:#000080; font-size:10pt; margin:13px; border:1px solid gray; border-bottom:2px solid gray; } /* .MouseOverForInfo SPAN.sfHover DIV { position:absolute; left:+2em; color:#000080; font-size:12pt; } */ .JournalArchiveQuarterTitle { font-size:12pt; font-weight:bold; } .JournalArchiveArticleTitle { font-size:10pt; font-weight:bold; font-style:italic; } .JournalArchiveArticleAuthor { font-size:10pt; font-weight:normal; font-style:normal; } /* * Everything below here is technically obsolete, * but is still in use by some older pages that * have yet to be updated. */ #ISUG-BodyTable { width:100%; } .forminfo { border:4px ridge gray; padding:0px; } .forminfo H1 { margin:5px; font-weight:bold; font-face:Verdana; } .forminfo FORM { padding:8px; } .forminfo TABLE { font-size:inherit; }