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