@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { background-color: #f5f5f5; color: #333; font: 12px Arial, Helvetica, sans-serif; margin-top: 15px; text-align: center; } ul, li { list-style: none; } img { border: 0; } table { border-collapse:collapse; } .left { float: left; } .clear { clear: both; } /*-------TOP SUPPORT NAV-------*/ /*-----------------------------*/ #topSupport { font: 11px helvetica, arial, sans-serif; margin: 0 auto 3px auto; overflow: hidden; padding-right: 33px; width: 978px; } #topSupport p, #topSupport input { float: right; } #topSupport input { overflow: hidden; } #searchBox { border-bottom: 1px solid #a3a3a4; border-left: 1px solid #a3a3a4; border-right: 0; border-top: 1px solid #464749; color: #a2a3a4; font: 11px helvetica, arial, sans-serif; height: 16px; padding: 2px 0 0 5px; text-transform: uppercase; width: 120px; } #searchBtn { background: transparent url(/images/redesign09/wrap/iconSearch.gif) no-repeat; border: 0; height: 20px; cursor: pointer; text-indent: -9999px; width: 23px; } #topSupport p { color: #1e1e1e; letter-spacing: 1px; line-height: 2.0em; padding-right: 18px; padding-left: 5px; } #topSupport a { color: #1e1e1e; } #wrapper { margin: 0 auto; width: 1004px; } #wrapperTop { background: transparent url(/images/redesign09/wrap/wrapTopBg.png) no-repeat; font-size: 1px; height: 10px; } #wrapperBody { background: transparent url(/images/redesign09/wrap/wrapBodyBg.png) repeat-y; padding: 13px 30px 30px 24px; text-align: left; width: 950px; } #wrapperBtm { background: transparent url(/images/redesign09/wrap/wrapBtmBg.png) no-repeat; font-size: 1px; height: 11px; } #leftsidebar { margin-right: 22px; width: 201px; } #middle { margin-right: 22px; width: 498px; } #rightsidebar { width: 205px; } #leftsidebar, #rightsidebar { padding-top: 20px; } /*-------HEADER/TOP NAV-------*/ /*----------------------------*/ #header { margin-bottom: 25px; width: 950px; } #header h1 { float: left; } #header h1 a { display: block; height: 30px; width: 161px; } #topNav, #topNav ul { line-height:1.5em; list-style-position:outside; list-style-type:none; margin:0; padding:0; } #topNav { background: transparent url(/images/redesign09/wrap/topNavBg.png) repeat-x; float: right; margin-top: 2px; } #topNav a { padding: 3px 0 0; float: left; height: 22px; } #topNav a:link, #topNav a:active, #topNav a:visited { color:#FFFFFF; display:block; text-decoration:none; } #topNav a:hover { background: #888 url(/images/redesign09/wrap/topNavOverBg.png) repeat-x; } #topNav a span { background: transparent url(/images/redesign09/wrap/topNavDiv.gif) right 50% no-repeat; padding: 0 25px; } #topNav a:hover span { background: transparent url(/images/redesign09/wrap/topNavDivOver.gif) right 50% no-repeat; } #topNav li { float:left; height: 25px; position:relative; z-index: 5; } #topNav li.last { border-right: 0; } #topNav li a.firstItem { background: transparent url(/images/redesign09/wrap/topNavFirstBg.png) top left no-repeat; } #topNav li a.firstItem:hover { background: transparent url(/images/redesign09/wrap/topNavFirstBg.png) left -25px no-repeat; } #topNav li a.lastItem { background: transparent url(/images/redesign09/wrap/topNavLastBg.png) top right no-repeat; } #topNav li a.lastItem:hover { background: transparent url(/images/redesign09/wrap/topNavLastBg.png) right -25px no-repeat; } #topNav li a.lastItem span, #topNav li a.lastItem:hover span { background: none; } /* Setup Top Navigation Highlighting */ /* Change navItemRef1 through 6 to match the id attribute of the body tag in the html page. */ /* For example, if the first navigation item is Products, set navItemRef1 below to Products and */ /* in the related HTML pages set the body id attribute to */ #Products #topNav li a.firstItem { background: transparent url(/images/redesign09/wrap/topNavFirstBg.png) left -25px no-repeat; } #Training #topNav li#navTraining a.topItem, #NEProviders #topNav li#navNEProviders a.topItem, #CodeCenter #topNav li#navCodeCenter a.topItem { background: #888 url(/images/redesign09/wrap/topNavOverBg.png) repeat-x; } #ServicesRegistry #topNav li a.lastItem { background: transparent url(/images/redesign09/wrap/topNavLastBg.png) right -25px no-repeat; } #topNav ul { display:none; font: 11px helvetica, arial, sans-serif; left: 0px; position:absolute; top:25px; width:151px; } #topNav li.first ul { left: 5px; } #topNav ul li { border-right: 0; height: auto; } #topNav li ul a { background: transparent url(/images/redesign09/wrap/nav2ndLevelBg.png) bottom right no-repeat; float:left; height: auto; padding: 7px 9px 8px 9px; width:133px; } #topNav li ul a:hover { background: transparent url(/images/redesign09/wrap/nav2ndLevelBgOver.png) bottom right repeat; background-color: #8a8a8a; } #topNav li ul li.firstDropTop a { background: transparent url(/images/redesign09/wrap/nav2ndLevelBg.png) top right repeat; } #topNav li ul li.firstDropTop a:hover { background: transparent url(/images/redesign09/wrap/nav2ndLevelBgOver.png) top right repeat; } #topNav li ul li.firstDropBtm a { background: transparent url(/images/redesign09/wrap/nav2ndLevelBtm.png) bottom left repeat; } #topNav li ul li.firstDropBtm a:hover { background: transparent url(/images/redesign09/wrap/nav2ndLevelBtmOver.png) bottom left repeat; } #topNav ul li a div { background: transparent url(/images/redesign09/wrap/topNavArrow.png) right 4px no-repeat; padding-right: 10px; } #topNav ul ul { top:auto; } #topNav li ul ul, #topNav li.first ul ul { left:141px; margin:0 0 0 10px; } #topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li:hover ul ul ul ul { display:none; } #topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li li li li:hover ul { display:block; } #topNav ul ul a:link, #topNav ul ul a:active, #topNav ul ul a:visited, #topNav ul li.firstDropTop li a, #topNav ul li.firstDropBtm li a { background: transparent url(/images/redesign09/wrap/nav3rdLevelBg.png) bottom left repeat; color: #3e3e3e; } #topNav ul ul a:hover, #topNav ul li.firstDropTop li a:hover, #topNav ul li.firstDropBtm li a:hover { background: transparent url(/images/redesign09/wrap/nav3rdLevelBgOver.png) bottom left repeat; color: #fff; } #topNav li ul li.secondDropTop a { background: transparent url(/images/redesign09/wrap/nav3rdLevelBg.png) top right repeat; } #topNav li ul li.secondDropTop a:hover { background: transparent url(/images/redesign09/wrap/nav3rdLevelBgOver.png) top right repeat; } #topNav li ul li.secondDropBtm a { background: transparent url(/images/redesign09/wrap/nav3rdLevelBtm.png) bottom left repeat; } #topNav li ul li.secondDropBtm a:hover { background: transparent url(/images/redesign09/wrap/nav3rdLevelBtmOver.png) bottom left repeat; } /*#topNav li#navAboutUs ul ul, #topNav li#navAboutUs.first ul ul { left: -161px; } #topNav li#navAboutUs ul li a div { background: transparent url(/images/redesign09/wrap/topNavArrow2.png) right 4px no-repeat; padding-right: 10px; }*/ /*-------SIDE NAV-------*/ /*----------------------*/ #pagenav { background: #e0e0e0 url(/images/redesign09/wrap/sideNavBg.jpg) bottom left no-repeat; float: left; padding-bottom: 6px; margin-bottom: 20px; overflow: hidden; } #pagenav a, #pagenav span { color: #575756; display: block; float: left; font-size: 11px; padding: 4px 25px; text-decoration: none; width: 151px; } #pagenav li { background: transparent url(/images/redesign09/wrap/sideNavItemBg.gif) top left repeat-y; font-size: 1px; float: left; } #pagenav li a.select { background: transparent url(/images/redesign09/wrap/sideNavSelect.gif) 10px 6px no-repeat; font-weight: bold; } #pagenav li a:hover { text-decoration: underline; } #pagenav li li { background: transparent url(/images/redesign09/wrap/sideNavDot.gif) 33px 9px no-repeat; font-weight: normal; } #pagenav li li a { padding: 4px 25px 4px 43px; width: 121px; font-weight: normal; } #pagenav li li a.select { font-weight: bold; } #pagenav h2, #pagenav h3 { float: left; width: 201px; } #pagenav h2 a, #pagenav h3 a { color: #fff; font-size: 12px; font-weight: bold; padding: 9px 11px 7px 11px; text-transform: uppercase; } #pagenav h2 a:hover, #pagenav h3 a:hover { background: none; text-decoration: none; } #pagenav h2 { background: transparent url(/images/redesign09/wrap/sideNavTopLevelBg.png) top left repeat-x; } #pagenav h3 { background-color: #003b81; margin-bottom: 5px; margin-top: 3px; } #relatedinfo { float: left; font-size: 11px; padding: 0 15px; } #relatedinfo h4 { font-size: 11px; margin-bottom: 5px; text-transform:uppercase; } #relatedinfo li { background: transparent url(/images/redesign09/wrap/sideNavDot2.gif) left 10px no-repeat;; } #relatedinfo li, #relatedinfo p { padding: 4px 0 4px 10px; } #relatedinfo a { color: #575756; text-decoration: none; } #relatedinfo a:hover { text-decoration: underline; } #relatedinfo p.link { cursor:pointer; text-decoration: underline; } /*-------RSIDE-------*/ /*-------------------*/ .ctaContactContainer { height: 57px; margin-bottom: 6px; position: relative; width: 205px; } .ctaContact { background: transparent url(/images/redesign09/wrap/ctaContact.jpg) top left no-repeat; color: #fff; font-size: 11px; font-weight: bold; height: 51px; padding: 6px 20px 0 0; position: absolute; top: 0; right: 0; text-align: right; width: 185px; } .ctaContact .line1 { font-size: 10px; } .ctaContact a{ color: #fff; text-decoration: none; } .ctaContact a:hover { text-decoration: underline; } .sideBoxes { border-left: 1px solid #b2b3b5; border-right: 1px solid #cbcccd; position: relative; z-index: 1; } .topRight { background: transparent url(/images/redesign09/wrap/sideBoxTopRight.gif) top right no-repeat; height: 5px; position: absolute; width: 5px; top: 0; right: -1px; z-index: 3; } .sideBoxes h3 { background: transparent url(/images/redesign09/wrap/sideBoxHeadBg.png) top left repeat-x; color: #333333; cursor: pointer; font-size: 10px; height: 27px; line-height: 11px; } .sideBoxes h3.viewAll a { color: #333333; display:block; height: 19px; padding: 8px 25px 0 15px; text-decoration: none; } .sideBoxes h3 span { background: transparent url(/images/redesign09/wrap/sideBoxArrow.gif) 193px 17px no-repeat; display: block; height: 19px; padding: 8px 25px 0 15px; } .sideBoxes ul { border-bottom: 1px solid #cbcccd; color: #605e5e; font-size: 10px; overflow: hidden; padding: 10px 15px 0 15px; } .sideBoxes li { padding-bottom: 10px; } .sideBoxes li a { color: #605e5e; text-decoration: none; } .sideBoxes li a:hover { text-decoration: underline; } .sideBoxes li.more a { text-decoration: underline; } #videoList li { clear: left; overflow: hidden; } #videoList img { border: 1px solid #abacad; float: left; margin-right: 6px; width: 73px; } #videoList p { float: left; width: 92px; } /*-------MAIN CONTENT-------*/ /*--------------------------*/ #content { float: left; } #content h1 { color: #333333; font-size: 21px; margin-bottom: 4px; margin-top: 15px; } #content h2 { font-size: 17px; margin-bottom: 14px; } #content h3 { font-size: 14px; margin-bottom: 11px; } #content h4 { font-size: 12px; margin-bottom: 8px; } #content .subhead { color: #a72921; font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 17px; } #content li { line-height: 18px; } #content p { line-height: 18px; margin-bottom: 22px; } #content p.lessMargin { margin-bottom: 10px; } #content a { color: #5c5b5b; } #content ul, #content ol { margin-bottom: 15px; margin-left: 25px; } #content ul li, .subpanes div ul li { background: transparent url(/images/redesign09/wrap/listDot.gif) left 7px no-repeat; margin-bottom: 6px; padding-left: 14px; } #content ul li strong { color: #000; } .multiList ul { float: left; width: 190px; } #content ul ul { list-style-type:circle; margin-bottom: 5px; margin-top: 5px; } #content ul ul li { background: none; list-style-type:circle; padding-left: 3px; } #content ol { margin-left: 40px; } #content ol li { list-style-type:lower-alpha; list-style-position: outside; margin: 0 0 6px 0px; } #content .breadcrumbs { height: 20px; margin: 0; } #content .breadcrumbs li { background: none; color: #6e6e6e; display:inline; font-size: 10px; margin: 0 3px 0 0; padding: 0; } .breadcrumbs li a { color: #6e6e6e; text-decoration: none; } .breadcrumbs li a:hover { text-decoration: underline; } .breadcrumbs li a.select { font-weight: bold; } #content .marquee { height: 180px; margin: 0; width: 499px; } #content .marquee li { background: none; margin: 0; padding: 0; } #content .subtabs { height: 27px; margin: 0 0 7px 0; } #content .subtabs li { background: none; float: left; margin: 0 4px 0 0; padding: 0; } .subtabs li a { background: transparent url(/images/redesign09/wrap/flowTab.png) no-repeat; color: #303030; display: block; float: left; font-size: 13px; height: 23px; padding: 4px 0 0 11px; text-decoration: none; text-transform: uppercase; width: 124px; } .subtabs li a:hover { background-position: 0 -27px; } #content .subtabs li a.current, #content .subtabs li a.current:hover { background-position: 0 -54px; color: #fff; } .corner { display: block; height: 7px; position: absolute; width: 7px; font-size: 1px; clear: both; vertical-align: middle; } #flowPaneTopCorner { background: transparent url(/images/redesign09/wrap/flowPaneTopRight.gif) no-repeat; top: -1px; right: -1px; } #flowPaneBtmCorner { background: transparent url(/images/redesign09/wrap/flowPaneBtmLeft.gif) no-repeat; bottom: -1px; left: -1px; } .subpanes { border: 1px solid #cbcccd; float: left; margin: 0 0 8px 0; padding: 18px; position: relative; } .subpanes p.last { margin-bottom: 0; } .pdf { line-height: normal; } .pdf a { background: transparent url(/images/redesign09/wrap/iconPdf.gif) top right no-repeat; color: #575656; padding-right: 28px; padding-top: 10px; text-decoration: none; } .pdf a:hover { text-decoration: underline; } .enlarge a { color: #000; display: block; font-size: 10px; font-weight: bold; text-decoration: none; } .enlarge a:hover { text-decoration: hover; } #pagetool li { display: inline; margin-right: 6px; } #pagetool { margin-left: 224px; } /*-------ALT LAYOUT - NO RIGHT SIDEBAR-------*/ /*-------------------------------------------*/ #middle_norightsidebar { margin-right:22px; width:610px; } /*-------FOOTER-------*/ /*--------------------*/ #footer{ font-size: 10px; margin: 0 auto 20px auto; overflow: hidden; padding: 5px 30px 0 24px; text-align: left; width: 950px; } #footer h2 { background: transparent url(/images/redesign09/wrap/tagline.gif) no-repeat; display: block; float: left; height: 29px; text-indent: -9999px; width: 950px; } #footer p, #footer ul, #footer li, #footer div { float: left; } #footer p#copyright { padding-top: 4px; } #footerNav { margin: 2px 20px 0 20px; } #footerNav li { border-right: 1px solid #333; padding-right: 9px; padding-top: 2px; } #footerNav li.last { border-right: 0; } #footerNav a { color: #333; margin-left: 9px; text-decoration: none; text-transform: uppercase; } #footerNav a:hover { text-decoration: underline; } #share p { margin-right: 9px; padding-top: 4px; } #share ul li a { background: transparent url(/images/redesign09/wrap/iconsShare.gif) no-repeat; display: block; height: 21px; margin-right: 3px; text-indent: -9999px; width: 22px; } #share ul li#shareYouTube a { background-position: -25px 0; } #share ul li#sharePodcasts a { background-position: -50px 0; } #share ul li#shareFacebook a { background-position: -75px 0; } #share ul li#shareTelecomTV a { background-position: -100px 0; }