/* '************************************************************************************************* ' ' Name: Corporate Internet Shared Stylesheet ' ' Path: /cmgshared/stylesheets/CMInternet.css ' ' Description: Corporate Internet Shared Stylesheet for .Net 4 applications ' ' Revision History: ' ' Date Revised By SIR # / Description ' ------------------------------------------------------------------------ ' 01/18/10 DRC Fixed compatibility with transitional doc types, added support for master pages. ' 01/13/10 DRC Cleanup dropdown nav styles to better match portal site ' 03/01/11 SJH 2011 Web Template Redesign ' 04/21/11 SJH CSS validated as CSS level 2.1 except for .headerTabItems ' 09/21/11 TAZ Updated A:link color to #0000ff & A:active to #dc661d per E-Channel decision '************************************************************************************************* */ /******************************************************/ /* Base Styles */ /******************************************************/ A:link{COLOR:#0000ff;TEXT-DECORATION:none} A:visited{COLOR:#881635;TEXT-DECORATION:none} A:hover{COLOR:#dc661d} A:active{COLOR:#dc661d} BODY{BACKGROUND:url(/cmgshared/images/bg_grid.gif);BACKGROUND-COLOR:#FFF;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:10pt;MARGIN:0;PADDING:0} IMG{BORDER-BOTTOM:0;BORDER-LEFT:0;BORDER-RIGHT:0;BORDER-TOP:0} TABLE{MARGIN:0;PADDING:0} TH{BACKGROUND-COLOR:#FEFDF3;COLOR:#c60} DIV,FORM,TD{MARGIN:0;PADDING:0} TH A:link,TH A:visited{COLOR:#c60} /******************************************************/ /* Header Styles */ /******************************************************/ .headLink{FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:10px;FONT-WEIGHT:700;MARGIN-RIGHT:14px;TEXT-DECORATION:none} A.headLink:link,A.headLink:visited{COLOR:#DDBDBE} A.headLink:hover{COLOR:#fff} A.headLink:active{COLOR:#DDBDBE} .contentHeader{CLEAR:left;FLOAT:left;TEXT-ALIGN:left;WIDTH:100%} .contentHeader .title{CLEAR:left;COLOR:#DC661D;FLOAT:left;FONT-FAMILY:Arial, helvetica, sans-serif;FONT-SIZE:12pt;FONT-WEIGHT:700;PADDING-BOTTOM:7px} .contentHeader .subtitle{CLEAR:left;COLOR:#61384D;FLOAT:left;FONT-FAMILY:Arial, helvetica, sans-serif;FONT-SIZE:11pt;FONT-WEIGHT:700;PADDING-BOTTOM:7px} .contentHeader .error{CLEAR:left;COLOR:red;FLOAT:left;FONT-FAMILY:arial, helvetica, san-serif;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING-BOTTOM:7px} .contentHeader .info{CLEAR:left;COLOR:#000;FLOAT:left;FONT-FAMILY:arial, helvetica, san-serif;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING-BOTTOM:7px} .headerTabItems{POSITION:absolute;TOP:0;LEFT:0;Z-INDEX:10;DISPLAY:none;BORDER:solid 1px #BFC3C2;PADDING-BOTTOM:6px;PADDING-RIGHT:6px;-WEBKIT-BORDER-RADIUS:0 8px 8px 8px;-MOZ-BORDER-RADIUS:0 8px 8px;BORDER-RADIUS:0 8px 8px 8px;-WEBKIT-BOX-SHADOW:#B9C5CE 0 0 3px;-MOZ-BOX-SHADOW:#B9C5CE 0 0 3px;BOX-SHADOW:#B9C5CE 0 0 3px} .headerTabItems.dropdown{FONT-WEIGHT:400;WIDTH:200px;BACKGROUND-COLOR:#FCFCFC;PADDING-TOP:4px} .headerTabItems.panels{FONT-SIZE:12px;BACKGROUND-COLOR:#EEE;BACKGROUND:0 to(#FFFFFF))} .headerTabItems td{VERTICAL-ALIGN:top;BACKGROUND-COLOR:transparent;PADDING-LEFT:5px} .headerTabItems .panel{FLOAT:left;CLEAR:left;WIDTH:200px;BORDER:solid 1px #DCDCDC;-WEBKIT-BORDER-RADIUS:4px 4px 4px 4px;-MOZ-BORDER-RADIUS:4px;BORDER-RADIUS:4px 4px 4px 4px;-WEBKIT-BOX-SHADOW:#DCDCDC 0 0 2px;-MOZ-BOX-SHADOW:#DCDCDC 0 0 2px;BOX-SHADOW:#DCDCDC 0 0 2px;BACKGROUND-COLOR:#FFF;MARGIN-TOP:5px;PADDING-BOTTOM:4px} .headerTabItems .heading{COLOR:#8A2034;FONT-SIZE:13px;FONT-WEIGHT:700;PADDING:2px 5px 0 6px} .headerTabItems .heading A{COLOR:#8A2034;TEXT-DECORATION:none} .headerTabItems .heading A:visited{COLOR:#8A2034;TEXT-DECORATION:none} .headerTabItems .heading A:hover{COLOR:#dc661d;TEXT-DECORATION:none} .headerTabItems .heading A:active{COLOR:#8A2034;TEXT-DECORATION:none} .headerTabItems .subheading{FONT-SIZE:12px;COLOR:#4B4B4B;PADDING:2px 5px 0 7px} .headerTabItems.panels .subheading{FONT-WEIGHT:700} .headerTabItems.dropdown .subheading{FONT-WEIGHT:400} .headerTabItems .subheading A{COLOR:#4B4B4B;TEXT-DECORATION:none} .headerTabItems .subheading A:visited{COLOR:#4B4B4B;TEXT-DECORATION:none} .headerTabItems .subheading A:hover{COLOR:#dc661d;TEXT-DECORATION:none} .headerTabItems .subheading A:selected{COLOR:#4B4B4B;TEXT-DECORATION:none} .headerTabItems ul{MARGIN-TOP:0;MARGIN-BOTTOM:2px;PADDING-LEFT:10px;PADDING-RIGHT:5px;MARGIN-LEFT:12px;TEXT-INDENT:0;COLOR:#4B4B4B} .headerTabItems ul li{COLOR:#E48145;FONT-SIZE:11px} .headerTabItems ul li span{COLOR:#4B4B4B} .headerTabItems ul li A{COLOR:#4B4B4B;TEXT-DECORATION:none} .headerTabItems ul li A:visited{COLOR:#4B4B4B;TEXT-DECORATION:none} .headerTabItems ul li A:hover{COLOR:#E48145;TEXT-DECORATION:none} .headerTabItems ul li A:active{COLOR:#4B4B4B;TEXT-DECORATION:none} .headerTabItems ul li img{CURSOR:pointer;DISPLAY:none} .headerTabItems.panels A:hover{TEXT-DECORATION:none} /******************************************************/ /* Aaa Font Rezizing */ /******************************************************/ .aaaSmall{FONT-SIZE:9pt} .aaaLarge{FONT-SIZE:11pt} /******************************************************/ /* Design-time Support */ /******************************************************/ .designerNoCss{DISPLAY:none} .designerLabel{BACKGROUND-COLOR:#FF0;COLOR:#000;FONT-WEIGHT:700;TEXT-ALIGN:center} /******************************************************/ /* Visibility Control */ /******************************************************/ .printonly{DISPLAY:none} .screenonly{} /******************************************************/ /* SSO Signon Page */ /******************************************************/ .ssoLogin .leftCol{FLOAT:left;CLEAR:left;WIDTH:140px;TEXT-ALIGN:right;PADDING:10px 10px 5px 5px} .ssoLogin .rightCol{FLOAT:left;TEXT-ALIGN:left;PADDING:10px 0 5px} .ssoLogin .rightCol .inputBox{FLOAT:left;CLEAR:left;WIDTH:250px} .ssoLogin .rightCol .forgotLink{FLOAT:left;PADDING-LEFT:5px;WHITE-SPACE:nowrap} .ssoLogin .loginBtn{PADDING:5px 0 0 155px} .ssoLogin .noFavs{PADDING:30px 0 0} .ssoLogin .rightCol .inputHelp,.ssoLogin .rightCol .error{FLOAT:left;CLEAR:left;WHITE-SPACE:nowrap} /******************************************************/ /* Mobile Device Support */ /******************************************************/ .mobi#base{BACKGROUND:#fff;MARGIN:0} .mobi #base-content #contentLayout{MIN-HEIGHT:0} .mobi #base-container #base-offset,.mobi #base-container-full #base-offset{WIDTH:100%} .mobi #base-container .threeColumn#contentLayout #contentColumn,.mobi #base-container-full .threeColumn#contentLayout #contentColumn{MARGIN:auto 10px;WIDTH:auto} .mobi #base-container .twoColumn#contentLayout #contentColumn,.mobi #base-container-full .twoColumn#contentLayout #contentColumn{FLOAT:left;MARGIN:auto 10px;WIDTH:auto} .mobi #base-container .twoColumn#contentLayout #contentColumnLeft,.mobi #base-container-full .twoColumn#contentLayout #contentColumnLeft{MARGIN:auto 10px;WIDTH:auto} .mobi #base-container-full .twoColumn#contentLayout #contentColumn #innerContentColumn{MARGIN:0} .mobi #base-container .oneColumn#contentLayout #contentColumn,.mobi #base-container-full .oneColumn#contentLayout #contentColumn{MARGIN:auto 10px} /*.mobi .contentWrapper{HEIGHT:auto;PADDING-LEFT:8px;PADDING-RIGHT:8px}*/ .mobi #headertop{HEIGHT:auto} .mobi #headertop .links{FLOAT:right;MARGIN:0;PADDING:10px} .mobi #headertop .links a:hover{COLOR:#000} .mobi A.headLink:link,.mobi A.headLink:visited{COLOR:#555} .mobi A.headLink:active{COLOR:#555} .mobi #headertop .imgLogo{FLOAT:left;HEIGHT:44px;MARGIN:0;PADDING:0} .mobi .imgMiddle,.mobi .headerLogo .imgLeft,.mobi .headerLogo .imgRight{DISPLAY:none} .mobi #navbar #pagetoolbar,.mobi #navbar .breadcrumbs,.mobi #navbar .userName{DISPLAY:none} .mobi #navbar .applicationInfo{FLOAT:none;CLEAR:none;PADDING-LEFT:8px;MARGIN-RIGHT:0;TEXT-ALIGN:left} .mobi #navbar .secondaryLinks{WHITE-SPACE:normal;MARGIN:0;PADDING:0 5px 0 8px} .mobi#base #navbar .secondaryLinks A{COLOR:#336394;WHITE-SPACE:nowrap;MARGIN:0;PADDING:0 8px 0 0;TEXT-DECORATION:underline} .mobi#base #navbar .secondaryLinks A:link,.mobi#base #navbar .secondaryLinks A:visited{COLOR:#336394;WHITE-SPACE:nowrap;MARGIN:0;PADDING:0 8px 0 0;TEXT-DECORATION:underline} .mobi#base #navbar .secondaryLinks A:hover{BACKGROUND-COLOR:#fff;COLOR:#dc661d} .mobi#base #navbar .secondaryLinks A:active{COLOR:#336394;WHITE-SPACE:nowrap;MARGIN:0;PADDING:0 8px 0 0;TEXT-DECORATION:underline} .mobi#base #navbar .secondaryLinks .selected A{BACKGROUND-COLOR:#fff;COLOR:#606394;FONT-WEIGHT:700;TEXT-DECORATION:none} .mobi #navbar .applicationTitle,.mobi #navbar .applicationSubtitle,.mobi #navbar .error,.mobi #navbar .info{PADDING-LEFT:8px} .mobi #navbar .breadcrumbs{PADDING:0 0 3px 10px} .mobi #leftnavColumn,.mobi #rightnavColumn{DISPLAY:none} .mobi #base-content #contentLayout{MARGIN:10px 0} .mobi #base-content .contentFooter .help{FLOAT:left;MARGIN-TOP:0;PADDING:0 0 0 10px} .mobi .contentFooter .bar,.mobi .contentFooter .accent{DISPLAY:none} .mobi #base-footer{PADDING:5px 8px 0} .mobi #base-footer .links,.mobi #base-footer .copyright{TEXT-ALIGN:left;PADDING:5px 0 0} .mobi #base-footer{COLOR:#000;FONT-SIZE:10px;LINE-HEIGHT:14px;OVERFLOW:hidden;TEXT-ALIGN:center} .mobi #base-footer .links a,.mobi #base-footer .links a:link,.mobi #base-footer .links a:visited{COLOR:#000;TEXT-DECORATION:none} .mobi .ssoLogin .leftCol{WIDTH:auto;PADDING:0} .mobi .ssoLogin .rightCol{CLEAR:left;PADDING:0 0 15px} .mobi .ssoLogin .loginBtn{PADDING-LEFT:0} .mobi .ssoLogin .rightCol .inputBox{WIDTH:150px} .mobi .notmobile{DISPLAY:none} /******************************************************/ /* BenefitsForYou Theme */ /******************************************************/ .bfy #navbar .applicationSubtitle{COLOR:#61384D} .bfy #navbar .secondaryLinks A:hover{BACKGROUND-COLOR:#892034} .bfy #navbar .secondaryLinks A:active{BACKGROUND-COLOR:#035688} .bfy #navbar .secondaryLinks .selected A{BACKGROUND-COLOR:#035688} .bfy .contentHeader .title{COLOR:#881635} .bfy #leftnavColumn .leftnavPanels .leftnavTop{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') no-repeat 0 -18px;HEIGHT:20px} .bfy #leftnavColumn .leftnavPanels .leftnavLevel0{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y 0 -58px;COLOR:#881635;FONT-SIZE:14px;FONT-WEIGHT:700;PADDING-LEFT:10px} .bfy #leftnavColumn .leftnavPanels .leftnavLevel1{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y 0 -58px;COLOR:#4B4B4B;PADDING-BOTTOM:2px;PADDING-LEFT:10px} .bfy #leftnavColumn .leftnavPanels .leftnavLevel2{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y -25px -58px;COLOR:#336394;PADDING-BOTTOM:4px} .bfy #leftnavColumn .leftnavPanels .leftnavDots{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y 0 -58px;FONT-SIZE:2px;LINE-HEIGHT:2px} .bfy #leftnavColumn .leftnavPanels .leftnavBottom{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') no-repeat 0 0;HEIGHT:14px} .bfy #rightnavColumn .rightnavPanels .rightnavTop{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') no-repeat 0 -38px;HEIGHT:20px} .bfy #rightnavColumn .rightnavPanels .rightnavLevel0{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y 0 -58px;COLOR:#881635;FONT-SIZE:14px;FONT-WEIGHT:700;PADDING-LEFT:5px} .bfy #rightnavColumn .rightnavPanels .rightnavLevel1{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y 0 -58px;COLOR:#4B4B4B;PADDING-BOTTOM:2px;PADDING-LEFT:10px} .bfy #rightnavColumn .rightnavPanels .rightnavLevel2{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y -25px -58px;COLOR:#336394;PADDING-BOTTOM:4px} .bfy #rightnavColumn .rightnavPanels .rightnavDots{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') repeat-y 0 -58px;FONT-SIZE:2px;LINE-HEIGHT:2px} .bfy #rightnavColumn .rightnavPanels .rightnavBottom{BACKGROUND:url('/cmgshared/images/sprite_bfyNavbox.gif') no-repeat 0 0;HEIGHT:14px} .bfy #rightnavColumn .rightnavPanels li.rightnavLevel2,.bfy #leftnavColumn .leftnavPanels li.leftnavLevel2,.headerTabItems.bfy ul li{COLOR:#048693} /******************************************************/ /* CPI Theme */ /******************************************************/ .cpi .imgLogo{MARGIN-TOP:-94px} .cpi #headertop .links{MARGIN-RIGHT:210px} .cpi A.headLink:link,.cpi A.headLink:visited{COLOR:#013863} .cpi A.headLink:hover{COLOR:#fff} .cpi A.headLink:active{COLOR:#013863} .cpi #navbar .applicationSubtitle{COLOR:#61384D} .cpi #navbar .secondaryLinks A:hover{BACKGROUND-COLOR:#892034} .cpi #navbar .secondaryLinks .selected A{BACKGROUND-COLOR:#035688} .cpi .contentHeader .title{COLOR:#881635} .cpi #leftnavColumn .leftnavPanels .leftnavTop{BACKGROUND:url('/cmgshared/images/cpi_navbox_topleft.gif')} .cpi #rightnavColumn .rightnavPanels .rightnavTop{BACKGROUND:url('/cmgshared/images/cpi_navbox_topright.gif')} .cpi #leftnavColumn .leftnavPanels .leftnavLevel1 A:link,.cpi #leftnavColumn .leftnavPanels .leftnavLevel1 A:visited{COLOR:#013863} .cpi #rightnavColumn .rightnavPanels .rightnavLevel1 A:link,.cpi #rightnavColumn .rightnavPanels .rightnavLevel1 A:visited{COLOR:#013863} .cpi #leftnavColumn .leftnavPanels .leftnavLevel1 A:hover,.cpi #rightnavColumn .rightnavPanels .rightnavLevel1 A:hover{COLOR:#dc661d} .cpi #leftnavColumn .leftnavPanels .leftnavLevel1 A:active,.cpi #rightnavColumn .rightnavPanels .rightnavLevel1 A:active{COLOR:#013863} .cpi #leftnavColumn .leftnavPanels li.leftnavLevel2,.cpi #rightnavColumn .rightnavPanels li.rightnavLevel2,.headerTabItems.cpi ul li{COLOR:#048693} .cpi.mobi #headertop .imgLogo{HEIGHT:auto;PADDING:3px 7px 7px 3px} .cpi.mobi #headertop .links{MARGIN:0} /******************************************************/ /* Asset Management Theme */ /******************************************************/ .assetman #leftnavColumn .leftnavPanels .leftnavTop{BACKGROUND:url('/cmgshared/images/assetman_navbox_topright.gif')} .assetman #rightnavColumn .rightnavPanels .rightnavTop{BACKGROUND:url('/cmgshared/images/assetman_navbox_topright.gif')} .assetman #leftnavColumn .leftnavPanels li.leftnavLevel2,.assetman #rightnavColumn .rightnavPanels li.rightnavLevel2,.headerTabItems.assetman ul li{COLOR:#A3B68C} /*-----------------------*/ /* START INTERNET 2011 */ /*-----------------------*/ /* WRAPS */ #base{BACKGROUND:url(/cmgshared/images/bg_grid.gif);MARGIN:0 12px} #base-container{MARGIN:0 Auto} #base-container-full{MARGIN:0 Auto;WIDTH:100%} #base-container #base-offset{MARGIN:0 Auto;WIDTH:887px} #base-container-full #base-offset{MIN-WIDTH:887px} #base-content{BACKGROUND-COLOR:#fff;OVERFLOW:hidden} #base-content #contentLayout{MARGIN:15px;MIN-HEIGHT:330px;OVERFLOW:hidden;TEXT-DECORATION:none} /* DEFAULT LAYOUTS */ #base-container #leftnavColumn{FLOAT:left;WIDTH:220px} #base-container #rightnavColumn{FLOAT:right;WIDTH:220px} #base-container .twoColumn#contentLayout #contentColumn{FLOAT:right;MARGIN-LEFT:10px;WIDTH:627px} #base-container .twoColumn#contentLayout #contentColumnLeft{FLOAT:left;MARGIN-RIGHT:10px;WIDTH:627px} #base-container .threeColumn#contentLayout #contentColumn{FLOAT:left;MARGIN:auto 10px;WIDTH:397px} /* FULL WIDTH LAYOUTS */ #base-container-full .twoColumn#contentLayout #contentColumn{FLOAT:left;WIDTH:100%} #base-container-full .twoColumn#contentLayout #contentColumn #innerContentColumn{MARGIN-LEFT:230px} #base-container-full .twoColumn#contentLayout #contentColumnLeft{FLOAT:left;MARGIN-RIGHT:230px} #base-container-full .twoColumn#contentLayout #leftnavColumn{FLOAT:left;MARGIN-LEFT:-100%;WIDTH:220px} #base-container-full .twoColumn#contentLayout #rightnavColumn{FLOAT:right;MARGIN-LEFT:-220px;WIDTH:220px} #base-container-full .twoColumn#contentLayout,#base-container-full .threeColumn#contentLayout{POSITION:relative} #base-container-full .threeColumn#contentLayout #contentColumn{MARGIN:auto 230px; OVERFLOW:hidden} #base-container-full .threeColumn#contentLayout #leftnavColumn{FLOAT:Left;WIDTH:220px} #base-container-full .threeColumn#contentLayout #rightnavColumn{POSITION:absolute;RIGHT:0;TOP:0;WIDTH:220px} /* HEADER */ #headertop{HEIGHT:94px} #headertop .links{CLEAR:right;FLOAT:right;MARGIN-TOP:-94px;WHITE-SPACE:nowrap;Z-INDEX:9} #primarynav{BACKGROUND-IMAGE:url(/cmgshared/images/bg_nav_gradient.gif);CLEAR:both;HEIGHT:auto} .imgLeft{FLOAT:left;HEIGHT:94px;MARGIN-TOP:-94px;Z-INDEX:6} .imgLogo{CLEAR:left;FLOAT:left;MARGIN-TOP:-47px;Z-INDEX:8} .imgMiddle{FLOAT:left;HEIGHT:94px;WIDTH:100%;Z-INDEX:5} .imgMiddle IMG{HEIGHT:94px;WIDTH:100%} .imgRight{FLOAT:right;HEIGHT:94px;MARGIN-TOP:-94px;Z-INDEX:7} #MyServicesTabGroup{BACKGROUND-COLOR:#fff;OVERFLOW:hidden;PADDING-TOP:7px;POSITION:relative} #tblMenu{float:left;margin-top:8px;margin-left:14px;} #tblbottomline{float:left;margin-left:14px;width:100%} #pnlTabs{float:left;width:100%;} #pnlTabs a.menuLink { color: #ffffff; text-decoration: none; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; } #pnlTabs a:link.menuLink { color: #ffffff; text-decoration: none; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; } #pnlTabs a:visited.menuLink { color: #ffffff; text-decoration: none; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; } #pnlTabs a:active.menuLink { color: #ffffff; text-decoration: none; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; } #pnlTabs a:hover.menuLink { color: #ffffff !important; text-decoration: none; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; } /*----------------*/ /* NAVBAR STYLES */ /*----------------*/ #navbar{BACKGROUND-COLOR:#fff;OVERFLOW:hidden;PADDING-TOP:7px;POSITION:relative} #navbar .applicationInfo{CLEAR:right;COLOR:#000;FLOAT:right;FONT-SIZE:9pt;FONT-WEIGHT:700;MARGIN:0 15px 3px auto} #MyServicesTabGroup .applicationInfo{CLEAR:right;COLOR:#000;FLOAT:right;FONT-SIZE:9pt;FONT-WEIGHT:700;MARGIN:0 15px 3px auto} #navbar .applicationSubtitle{COLOR:#DC661D;FONT-SIZE:11pt;FONT-WEIGHT:700;PADDING:0 0 3px 15px;VERTICAL-ALIGN:bottom;WHITE-SPACE:nowrap} #navbar .applicationTitle{COLOR:#881635;FONT-SIZE:12pt;FONT-WEIGHT:700;PADDING:0 0 3px 15px;VERTICAL-ALIGN:bottom;WHITE-SPACE:nowrap} #navbar .secondaryLinks{BORDER-BOTTOM:5px solid transparent;CLEAR:left;FLOAT:left;FONT-SIZE:13px;MARGIN: 0 0 0 5px;PADDING:0 0 3px 5px;VERTICAL-ALIGN:top;WHITE-SPACE:nowrap} #navbar .secondaryLinks A{BACKGROUND-COLOR:transparent;COLOR:#000;MARGIN-LEFT:2px;PADDING:0 8px 2px 8px;TEXT-DECORATION:none} #navbar .secondaryLinks A:link{BACKGROUND-COLOR:transparent;COLOR:#000} #navbar .secondaryLinks A:visited{BACKGROUND-COLOR:transparent;COLOR:#000;TEXT-DECORATION:none} #navbar .secondaryLinks A:hover{BACKGROUND-COLOR:#881635;COLOR:#fff;TEXT-DECORATION:underline} #navbar .secondaryLinks A:active{BACKGROUND-COLOR:#dc661d;COLOR:#fff;TEXT-DECORATION:none} #navbar .secondaryLinks .selected A{BACKGROUND-COLOR:#dc661d;COLOR:#fff;TEXT-DECORATION:none} #navbar .breadcrumbs{CLEAR:left;COLOR:#000;FLOAT:left;FONT-SIZE:11px;PADDING:0 0 3px 15px;WHITE-SPACE:nowrap} #MyServicesTabGroup .breadcrumbs{CLEAR:left;COLOR:#000;FLOAT:left;FONT-SIZE:11px;PADDING:0 0 3px 15px;WHITE-SPACE:nowrap} #navbar .breadcrumbs A:link,#base-header #navbar .breadcrumbs A:visited{COLOR:#7b7f80} #MyServicesTabGroup .breadcrumbs A:link,#base-header #navbar .breadcrumbs A:visited{COLOR:#7b7f80} #navbar .breadcrumbs A:hover,#base-header #navbar .breadcrumbs A:active{COLOR:#dc661d} #MyServicesTabGroup .breadcrumbs A:hover,#base-header #navbar .breadcrumbs A:active{COLOR:#dc661d} #navbar .error{CLEAR:left;COLOR:red;FLOAT:left;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING:4px 0 4px 15px;WIDTH:99%} #navbar .info{CLEAR:left;COLOR:#000;FLOAT:left;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING:4px 0 4px 15px;WIDTH:99%} #navbar .userName{CLEAR:right;COLOR:#757575;FLOAT:right;FONT-SIZE:9pt;MARGIN:2px 15px 3px auto} /* TOOLBAR */ #pagetoolbar{CLEAR:right;DISPLAY:inline-block;FLOAT:right;FONT-SIZE:7pt;FONT-WEIGHT:700;PADDING:3px 16px 3px 0;WHITE-SPACE:nowrap} #pagetoolbar #largetextlink .largetextimg{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;BACKGROUND-POSITION:-17px 0;DISPLAY:inline-block;HEIGHT:16px;WIDTH:16px} #pagetoolbar #largetextlink .largetextimgon{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;BACKGROUND-POSITION:-33px 0;DISPLAY:inline-block;HEIGHT:16px;WIDTH:16px} #pagetoolbar #mediumtextlink .mediumtextimg{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;BACKGROUND-POSITION:-49px 0;DISPLAY:inline-block;HEIGHT:16px;WIDTH:16px} #pagetoolbar #mediumtextlink .mediumtextimgon{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;BACKGROUND-POSITION:-65px 0;DISPLAY:inline-block;HEIGHT:16px;WIDTH:16px} #pagetoolbar #printimg{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;DISPLAY:inline-block;BACKGROUND-POSITION:0;HEIGHT:16px;MARGIN-LEFT:6px;WIDTH:16px} #pagetoolbar #printlink{MARGIN-LEFT:12px} #pagetoolbar #printlink A{CURSOR:pointer} #pagetoolbar #smalltextlink .smalltextimg{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;BACKGROUND-POSITION:-81px 0;DISPLAY:inline-block;HEIGHT:16px;WIDTH:16px} #pagetoolbar #smalltextlink .smalltextimgon{BACKGROUND:url(/cmgshared/images/sprite-icons.gif) no-repeat;BACKGROUND-POSITION:-97px 0;DISPLAY:inline-block;HEIGHT:16px;WIDTH:16px} #pagetoolbar #textsizesmall,#base-header #navbar #pagetoolbar #textsizemedium,#base-header #navbar #pagetoolbar #textsizelarge{MARGIN-RIGHT:1px} #pagetoolbar A{COLOR:#336394;CURSOR:pointer;TEXT-DECORATION:none} #pagetoolbar A:hover{COLOR:#dc661d} /*CSS classes for MyServicesTabs*/ .menuBottom { background: url(/cmgshared/images/Tab-Sprite.png); background-position: 0px -324px; background-repeat: repeat; height: 3px; } .tabSprite { background: url(/cmgshared/images/Tab-Sprite.png); height: 34px; } .tabLeftblackFirst { background-position: 0px -1px; background-repeat: no-repeat; width: 7px; } .tabLeftblack { background-position: 0px -41px; background-repeat: no-repeat; width: 7px; } .tabCenterblack { background-position: 0px -81px; background-repeat: repeat; text-align: center; } .tabRightblack { background-position: 0px -121px; background-repeat: no-repeat; } .tabLeftOrangeFirst { background-position: 0px -162px; background-repeat: no-repeat; width: 7px; } .tabLeftOrange { background-position: 0px -202px; background-repeat: no-repeat; width: 7px; } .tabCenterOrange { background-position: 0px -242px; background-repeat: repeat; text-align: center; } .tabRightOrange { background-position: 0px -282px; background-repeat: no-repeat; } .tabLast { background: url(/cmgshared/images/Tab-Sprite.png); background-position: 0px -329px; background-repeat: no-repeat; width: 7px; } /*CSS classes for MyServicesTabs*/ /*-------------------*/ /* END NAVBAR STYLES */ /*-------------------*/ .pagetitle{FONT-WEIGHT:bold; FONT-SIZE:12pt; FONT-FAMILY:Arial, helvetica, sans-serif; PADDING-TOP:7px; COLOR:#881635;} .navPortlet{MARGIN-BOTTOM:15px} /* LEFT NAVIGATION */ #leftnavColumn .leftnavPanels{PADDING:0;TEXT-ALIGN:left;VERTICAL-ALIGN:top} #leftnavColumn .leftnavPanels UL{MARGIN:auto;PADDING:0} #leftnavColumn .leftnavPanels li.leftnavLevel0{LIST-STYLE-TYPE:none} #leftnavColumn .leftnavPanels .leftnavLevel0{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y 0 -58px;COLOR:#881635;FONT-SIZE:14px;FONT-WEIGHT:700;PADDING-LEFT:10px} #leftnavColumn .leftnavPanels .leftnavLevel0 A:link,#leftnavColumn .leftnavPanels .leftnavLevel0 A:visited{COLOR:#881635;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel0 A:hover{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel0 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels li.leftnavLevel1{LIST-STYLE-TYPE:none} #leftnavColumn .leftnavPanels .leftnavLevel1{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y 0 -58px;COLOR:#4B4B4B;PADDING-BOTTOM:2px;PADDING-LEFT:10px} #leftnavColumn .leftnavPanels .leftnavLevel1 .selected,.leftnavPanels .leftnavLevel1 .selected A:link,.leftnavPanels .leftnavLevel1 .selected A:visited,.leftnavPanels .leftnavLevel2 .selected,.leftnavPanels .leftnavLevel2 .selected A:link,.leftnavPanels .leftnavLevel2 .selected A:active{COLOR:#dc661d;FONT-WEIGHT:700} #leftnavColumn .leftnavPanels .leftnavLevel1 A:link{COLOR:#0000ff;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel1 A:visited{COLOR:#881635;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel1 A:hover{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel1 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels li.leftnavLevel2{COLOR:#DC661D;MARGIN-LEFT:25px;VERTICAL-ALIGN:middle} #leftnavColumn .leftnavPanels .leftnavLevel2 A:link{COLOR:#0000ff;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel2 A:visited{COLOR:#881635;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel2 A:hover{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel2 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavPanels .leftnavLevel2{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y -25px -58px;COLOR:#336394;PADDING-BOTTOM:4px} #leftnavColumn .leftnavPanels .leftnavLevel2 .notselected{COLOR:#336394} #leftnavColumn .leftnavPanels li.leftnavDots{LIST-STYLE-TYPE:none;PADDING-BOTTOM:4px;PADDING-LEFT:5px} #leftnavColumn .leftnavPanels .leftnavDots{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y 0 -58px;FONT-SIZE:2px;LINE-HEIGHT:2px} #leftnavColumn .leftnavPanels .leftnavTop{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') no-repeat 0 -18px;HEIGHT:20px} #leftnavColumn .leftnavPanels .leftnavTop img{HEIGHT:1px;WIDTH:220px} #leftnavColumn .leftnavPanels .leftnavBottom{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') no-repeat 0 0;HEIGHT:14px} /*#leftnavColumn .leftnavTree{PADDING-LEFT:11px;PADDING-RIGHT:0;PADDING-TOP:2px;TEXT-ALIGN:left;VERTICAL-ALIGN:top;WIDTH:170px}*/ #leftnavColumn .leftnavTree{PADDING-TOP:2px;TEXT-ALIGN:left;VERTICAL-ALIGN:top;WIDTH:170px} /*Removed Padding for LL*/ #leftnavColumn .leftnavTree ul{LIST-STYLE-TYPE:none;MARGIN:auto;PADDING:0} #leftnavColumn .leftnavTree .leftnavLevel0{COLOR:#dc661d;FONT-FAMILY:Arial, Helvetica, Sans-Serif;FONT-SIZE:10pt;FONT-WEIGHT:700;HEIGHT:18px;PADDING-LEFT:5px} #leftnavColumn .leftnavTree .leftnavLevel0 A:link,#leftnavColumn .leftnavTree .leftnavLevel0 A:visited{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavTree .leftnavLevel0 A:hover{COLOR:#dc661d;TEXT-DECORATION:underline} #leftnavColumn .leftnavTree .leftnavLevel0 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavTree .leftnavLevel1{COLOR:#000;FONT-FAMILY:Arial, Helvetica, san-serif;FONT-SIZE:8pt;FONT-WEIGHT:700;LINE-HEIGHT:16px;PADDING-BOTTOM:2px;PADDING-LEFT:5px;TEXT-DECORATION:none} #leftnavColumn .leftnavTree .leftnavLevel1 .selected,#leftnavColumn .leftnavTree .leftnavLevel1 .selected A:link,#leftnavColumn .leftnavTree .leftnavLevel1 .selected A:visited{COLOR:#dc661d} #leftnavColumn .leftnavTree .leftnavLevel1 A:link,#leftnavColumn .leftnavTree .leftnavLevel1 A:visited{COLOR:#000;TEXT-DECORATION:none} #leftnavColumn .leftnavTree .leftnavLevel1 A:hover{COLOR:#dc661d;TEXT-DECORATION:underline} #leftnavColumn .leftnavTree .leftnavLevel1 A:active{COLOR:#000;TEXT-DECORATION:none} /*#leftnavColumn .leftnavTree .leftnavLevel2{FONT-FAMILY:Arial, Helvetica, Sans-Serif;FONT-SIZE:8pt;PADDING-BOTTOM:4px;PADDING-LEFT:13px;TEXT-DECORATION:none}*/ #leftnavColumn .leftnavTree .leftnavLevel2{FONT-FAMILY:Arial, Helvetica, Sans-Serif;FONT-SIZE:8pt;PADDING-LEFT:13px;TEXT-DECORATION:none}/*Removed Bottom Padding for LL*/ #leftnavColumn .leftnavTree .leftnavLevel2 A:link,#leftnavColumn .leftnavTree .leftnavLevel2 A:visited{COLOR:#000;TEXT-DECORATION:none} #leftnavColumn .leftnavTree .leftnavLevel2 A:hover{COLOR:#dc661d;TEXT-DECORATION:underline} #leftnavColumn .leftnavTree .leftnavLevel2 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #leftnavColumn .leftnavTree .leftnavLevel2 .notselected{COLOR:#000} #leftnavColumn .leftnavTree .leftnavLevel2 .selected,#leftnavColumn .leftnavTree .leftnavLevel2 .selected A:link,#leftnavColumn .leftnavTree .leftnavLevel2 .selected A:visited{COLOR:#dc661d;FONT-WEIGHT:700} #leftnavColumn .leftnavTree .leftnavTop,#leftnavColumn .leftnavTree .leftnavBottom,#leftnavColumn .leftnavTree .leftnavDots{DISPLAY:none} /* RIGHT NAVIGATION */ #rightnavColumn .rightnavPanels{PADDING:0;TEXT-ALIGN:left;VERTICAL-ALIGN:top} #rightnavColumn .rightnavPanels UL{MARGIN:auto;PADDING:0} #rightnavColumn .rightnavPanels li.rightnavLevel0{LIST-STYLE-TYPE:none;PADDING-LEFT:10px} #rightnavColumn .rightnavPanels .rightnavLevel0{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y 0 -58px;COLOR:#881635;FONT-SIZE:14px;FONT-WEIGHT:700;PADDING-LEFT:5px} #rightnavColumn .rightnavPanels .rightnavLevel0 A:link,#rightnavColumn .rightnavPanels .rightnavLevel0 A:visited{COLOR:#881635;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel0 A:hover{COLOR:#dc661d;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel0 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels li.rightnavLevel1{LIST-STYLE-TYPE:none} #rightnavColumn .rightnavPanels .rightnavLevel1{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y 0 -58px;COLOR:#4B4B4B;PADDING-BOTTOM:2px;PADDING-LEFT:10px} #rightnavColumn .rightnavPanels .rightnavLevel1 .selected,.rightnavPanels .rightnavLevel1 .selected A:link,.rightnavPanels .rightnavLevel1 .selected A:visited,.rightnavPanels .rightnavLevel2 .selected,.rightnavPanels .rightnavLevel2 .selected A:link,.rightnavPanels .rightnavLevel2 .selected A:active{COLOR:#dc661d;FONT-WEIGHT:700} #rightnavColumn .rightnavPanels .rightnavLevel1 A:link{COLOR:#0000ff;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel1 A:visited{COLOR:#881635;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel1 A:hover{COLOR:#dc661d;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel1 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels li.rightnavLevel2{COLOR:#dc661d;MARGIN-LEFT:25px;VERTICAL-ALIGN:middle} #rightnavColumn .rightnavPanels .rightnavLevel2 A:link{COLOR:#0000ff;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel2 A:visited{COLOR:#881635;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel2 A:hover{COLOR:#dc661d;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel2 A:active{COLOR:#dc661d;TEXT-DECORATION:none} #rightnavColumn .rightnavPanels .rightnavLevel2{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y -25px -58px;COLOR:#336394;PADDING-BOTTOM:4px} #rightnavColumn .rightnavPanels .rightnavLevel2 .notselected{COLOR:#336394} #rightnavColumn .rightnavPanels li.rightnavDots{LIST-STYLE-TYPE:none;PADDING-BOTTOM:4px;PADDING-LEFT:5px} #rightnavColumn .rightnavPanels .rightnavDots{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') repeat-y 0 -58px;FONT-SIZE:2px;LINE-HEIGHT:2px} #rightnavColumn .rightnavPanels .rightnavTop{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') no-repeat 0 -38px;HEIGHT:20px} #rightnavColumn .rightnavPanels .rightnavTop img{HEIGHT:1px;WIDTH:220px} #rightnavColumn .rightnavPanels .rightnavBottom{BACKGROUND:url('/cmgshared/images/sprite_internetNavbox.gif') no-repeat 0 0;HEIGHT:14px} /* CONTENT AREA */ div.bodycontent{CLEAR:left;OVERFLOW:hidden} div.bodycontent div{OVERFLOW:hidden} .bodycontent{COLOR:#555;FONT-FAMILY:Arial, Helvetica, sans-serif;TEXT-ALIGN:left;VERTICAL-ALIGN:top;WIDTH:100%} .bodycontent A:link{COLOR:#0000ff;TEXT-DECORATION:none} .bodycontent A:visited{COLOR:#881635;TEXT-DECORATION:none} .bodycontent A:hover{COLOR:#dc661d} /* FOOTER */ #base-content .contentFooter{CLEAR:both;COLOR:#000;FONT-SIZE:10pt;OVERFLOW:hidden} #base-content .contentFooter .accent{CLEAR:right;FLOAT:right} #base-content .contentFooter .bar{CLEAR:right;FLOAT:right;HEIGHT:20px;WIDTH:100%} #base-content .contentFooter .bar IMG{WIDTH:100%} #base-content .contentFooter .bar IMG.footerBar{HEIGHT:20px;WIDTH:100%} #base-content .contentFooter .help{FLOAT:right;MARGIN:9px 10px auto auto} #base-footer{COLOR:#fff;FONT-SIZE:10px;LINE-HEIGHT:14px;OVERFLOW:hidden;TEXT-ALIGN:center} #base-footer .links a,#base-footer .links a:link,#base-footer .links a:visited{COLOR:#fff;TEXT-DECORATION:none} #base-footer .links{MARGIN:4px auto auto} #base-footer .copyright{MARGIN:3px auto 7px} /*-----------------------*/ /* END INTERNET 2011 */ /*-----------------------*/ /*-----------------------*/ /* OTHER CONTENT STYLES */ /*-----------------------*/ .header{COLOR:#000;FONT-SIZE:14px;FONT-WEIGHT:700;PADDING-BOTTOM:4px} .formField{PADDING:4px 0 0 8px} div.formLabel{FLOAT:left;WIDTH:150px} .formLabel{FONT-WEIGHT:700;TEXT-ALIGN:right;PADDING:4px 0 0} .formTextboxText{MARGIN-LEFT:10px} .requiredField{COLOR:red;FONT-WEIGHT:700} .errorMessage{COLOR:red;FONT-SIZE:10px} /* Use these classes for rounded corners using background images */ /* topedge/botedge/leftedge/rightedge/botleft/botright/topleft/topright */ div.botedge{BACKGROUND: url(/cmgshared/images/dot2.gif) repeat-x 0px 100%} div.botleft{BACKGROUND: url(/cmgshared/images/bl.gif) no-repeat 0px 100%} div.botright{BACKGROUND: url(/cmgshared/images/br.gif) no-repeat 100% 100%} div.topedge{BACKGROUND: url(/cmgshared/images/dot2.gif) repeat-x 0px 0px} div.topleft{BACKGROUND: url(/cmgshared/images/tl.gif) no-repeat 0px 0px} div.topright{BACKGROUND:url(/cmgshared/images/tr.gif) no-repeat 100% 0px;PADDING:5px} div.leftedge{BACKGROUND: url(/cmgshared/images/dot2.gif) repeat-y 0px 0px} div.rightedge{BACKGROUND: url(/cmgshared/images/dot2.gif) repeat-y 100% 0px} /* Thin border for misc tables. CSS3 rounded corners only supported in newer browsers */ .tableBorderThin{BORDER:1px solid #7b7f80;BORDER-RADIUS:10px;-MOZ-BORDER-RADIUS:10px;-WEBKIT-BORDER-RADIUS:10px;PADDING:5px} /* Sets wide 2-D border - RESERVE for use around photos and factoid boxes ONLY. */ .tableBorderWide{BORDER-BOTTOM:4px solid #036;BORDER-LEFT:4px solid #99ADC2;BORDER-RIGHT:4px solid #335C85;BORDER-TOP:4px solid #CCD6E0;PADDING:0} /* Data tables. Non-active sortable column header title. */ .colheader{BACKGROUND-COLOR:#FFFBF2;BACKGROUND-REPEAT:no-repeat;BORDER-BOTTOM-COLOR:#333;BORDER-BOTTOM-STYLE:solid;BORDER-BOTTOM-WIDTH:2px;BORDER-RIGHT-COLOR:#7F99B2;BORDER-RIGHT-STYLE:solid;BORDER-RIGHT-WIDTH:1px;COLOR:#dc661d;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING:2px 3px 3px;TEXT-DECORATION:none} A.colheader:link,A.colheader:visited,A.colheader:hover,A.colheader:active{COLOR:#dc661d} /* Data tables. Non sorted column header title */ .colnotsorted{BACKGROUND-COLOR:#FFFBF2;BACKGROUND-REPEAT:no-repeat;BORDER-BOTTOM-COLOR:#333;BORDER-BOTTOM-STYLE:solid;BORDER-BOTTOM-WIDTH:2px;BORDER-RIGHT-COLOR:#7b7f80;BORDER-RIGHT-STYLE:solid;BORDER-RIGHT-WIDTH:1px;COLOR:#dc661d;CURSOR:pointer;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING:4px 3px 1px;TEXT-DECORATION:none;VERTICAL-ALIGN:bottom} /* Data tables. Sortable column header style for active column. */ .colsortedby{BACKGROUND-COLOR:#FFFBF2;BORDER-BOTTOM-COLOR:#333;BORDER-BOTTOM-STYLE:solid;BORDER-BOTTOM-WIDTH:2px;BORDER-RIGHT-COLOR:#7b7f80;BORDER-RIGHT-STYLE:solid;BORDER-RIGHT-WIDTH:1px;COLOR:#dc661d;CURSOR:pointer;FONT-SIZE:10pt;FONT-WEIGHT:700;PADDING:2px 3px 3px;TEXT-DECORATION:none} A.colsortedby:link,A.colsortedby:visited,A.colsortedby:hover,A.colsortedby:active{COLOR:#dc661d} /* Data tables. Table column headers in data tables. */ .tableHeader{BACKGROUND-COLOR:#fffbf2;BACKGROUND-REPEAT:no-repeat;BORDER-BOTTOM-COLOR:#333;BORDER-BOTTOM-STYLE:solid;BORDER-BOTTOM-WIDTH:2px;BORDER-RIGHT-COLOR:#7b7f80;BORDER-RIGHT-STYLE:solid;BORDER-RIGHT-WIDTH:1px;COLOR:#dc661d;FONT-WEIGHT:700;PADDING:4px 3px 1px;TEXT-DECORATION:none;VERTICAL-ALIGN:bottom} /*Data tables. Darker color of alternate rows in data tables. */ .tableShadeRow{BACKGROUND-COLOR:#e9e9e9;BORDER-BOTTOM:1px solid #7b7f80;BORDER-LEFT:0;BORDER-RIGHT:1px solid #7b7f80;BORDER-TOP:0;MARGIN:0 1px;PADDING:1px 3px 6px;TEXT-DECORATION:none;VERTICAL-ALIGN:top} /*Data tables. Lighter color of alternate rows in data tables. */ .tableWhiteRow{BACKGROUND-COLOR:#FFF;BORDER-BOTTOM:1px solid #7F99B2;BORDER-LEFT:0;BORDER-RIGHT:1px solid #7F99B2;BORDER-TOP:0;MARGIN:0 1px;PADDING:1px 3px 6px;TEXT-DECORATION:none;VERTICAL-ALIGN:top} /*-----------------------*/ /* START @MEDIA STYLES */ /*-----------------------*/ /*----------------------------------------------------------------------------*/ /* 02/09/2010 DRC */ /* Eliminated all the previous redundant styles, now includes only override */ /* styles that are actually needed. */ /* 03/01/2011 SJH Added @MEDIA STYLES and cleaned/compressed css */ /*----------------------------------------------------------------------------*/ @media print { /* 02/09/2010 DRC: Styles for selecting showing and hiding parts of the page, basically pulled from the older css. Note that the 'printonly' class has been retained for backwards compatibility only - some browsers such as Firefox have trouble with the 'inline' setting, but it seems to work fine with IE. */ .printonly{DISPLAY:inline} .screenonly{DISPLAY:none} /* 02/09/2010 DRC: The left and right nav panels are currently being rendered with backgrounds, which do not print. This effectively kills the whitespace caused when background images do not print. */ .leftnavPanels .leftnavBottom,.rightnavPanels .rightnavBottom{BACKGROUND-IMAGE:none;HEIGHT:8px} .leftnavPanels .leftnavTop,.rightnavPanels .rightnavTop{DISPLAY:none} .leftnavDots, .rightnavDots{DISPLAY:none} #navbar #pagetoolbar{DISPLAY:none} #headertop .links{DISPLAY:none} #primarynav{DISPLAY:none} #base-container #leftnavColumn,#base-container #rightnavColumn{WIDTH:200px} .NavScreenOnly#base-container .twoColumn#contentLayout #contentColumn{FLOAT:right;MARGIN-LEFT:10px;WIDTH:auto} .NavScreenOnly#base-container .twoColumn#contentLayout #contentColumnLeft{FLOAT:left;MARGIN-RIGHT:10px;WIDTH:auto} .NavScreenOnly#base-container .threeColumn#contentLayout #contentColumn{FLOAT:left;MARGIN:auto 10px;WIDTH:auto} .NavScreenOnly#base-container-full .twoColumn#contentLayout #contentColumn{FLOAT:left;WIDTH:100%} .NavScreenOnly#base-container-full .twoColumn#contentLayout #contentColumn #innerContentColumn{MARGIN-LEFT:10px} .NavScreenOnly#base-container-full .twoColumn#contentLayout #contentColumnLeft{FLOAT:left;MARGIN-RIGHT:10px} .NavScreenOnly#base-container-full .threeColumn#contentLayout #contentColumn{MARGIN:auto 10px;OVERFLOW:hidden} } /*---------------------*/ /* END @MEDIA STYLES */ /*---------------------*/