/* CSS index: (append = and search to get to the section (=SOMETHING)) Global: - WRAPPER - HEADER - CONTENT AREA - ACTIONS: on the right, contact me, etc. - PROMOTION: the small block for featured promotion at the bottom - FOOTER - HACKS Page Specific: - 2_INTRO: contains h1, flash, etc. - 2_CONTENT (left, two col layout) - 2_SIDEBAR (right, two col layout) - 3_BREADCRUMBS (left, three col layout) - 3_CONTENT (center, three col layout) - 3_SIDEBAR (right, three col layout) - BASIC_CONTENT FORMATTING - LIST_CUSTOMERS: customer list Color guide: canvas #e3e3e3 text #333 link #669900 site options link #006699 main nav link #333 nav hover background #5381ac */ @media print { body { color: #333 !important; } a, a:link, a:visited { color: #333 !important; text-decoration:none !important; } #navMain, #headerSearch, #zz1_GlobalNav, #navExternal, #sidebar, #footer, {display: none;} a img {border: none;} } * {margin: 0; padding: 0;} html body {background:#C5B9BD; color: #333; font: normal 11px Verdana, Arial, lucida, sans-serif; text-align:justify; line-height:1.6;} /* basic tag definitions */ a, div.ms-WPBody a:link, div.ms-WPBody a:visited {color: #669900; text-decoration: none;} a:hover, div.ms-WPBody a:hover {text-decoration: underline;} a img {border: none;} fieldset {border: none;} input {font: normal 100% Verdana, Arial, lucida, sans-serif;} table {font-size: 1em;} p.read-more {text-align: right;} h3 a:hover {text-decoration: none;} .img_border {border: 1px solid #c5c5c5; margin-top: 3px;} /* =WRAPPER */ #wrapper {width: 880px; margin: 0 auto; padding: 0 25px; background: url(images/wrapper_stretch_bg.gif) 0 0 repeat-y;} /* =HEADER */ #headerMain {position: relative; z-index: 100; width: 880px; margin: 0; padding: 15px 0 7px;} #logo {display: block; overflow: hidden; height: 79px; width: 240px;} #logo img {display: block;} /* --> search */ #headerSearch {float: right; width: 180px; margin: 0; padding: 24px 0 0;} * html #headerSearch {margin: 0 -6px 0 0;} *+html #headerSearch {margin: 0 -6px 0 0;} #headerSearch fieldset {float: right;} #headerSearch legend {display: none;} #headerSearch-term {width: 95px; border: 1px solid #767676; margin: 0 3px 0 0; padding: 2px 1px;} #headerSearch-submit {background: #fff; border: none; padding: 2px 0; color: #333; cursor: pointer; font-weight: bold; vertical-align: top;} /* --> search Spain Site*/ #headerSearchES {float: right; width: 195px; margin: 0; padding: 24px 0 0;} /*increase width if box bumps down text on search field */ * html #headerSearchES {margin: 0 -6px 0 0;} *+html #headerSearchES {margin: 0 -6px 0 0;} #headerSearchES fieldset {float: right;} #headerSearchES legend {display: none;} #headerSearchES-term {width: 95px; border: 1px solid #767676; margin: 0 -3px 0 0; padding: 2px 1px;} /*decrease space after search box and text by reducing right margin */ #headerSearchES-submit {background: #fff; border: none; padding: 2px 0; color: #333; cursor: pointer; font-weight: bold; vertical-align: top;} /* --> search French Site*/ #headerSearchFR {float: right; width: 195px; margin: 0; padding: 24px 0 0;} /*increase width if box bumps down text on search field */ * html #headerSearchFR {margin: 0 -6px 0 0;} *+html #headerSearchFR {margin: 0 -6px 0 0;} #headerSearchFR fieldset {float: right;} #headerSearchFR legend {display: none;} #headerSearchFR-term {width: 95px; border: 1px solid #767676; margin: 0 -3px 0 0; padding: 2px 1px;} /*decrease space after search box and text by reducing right margin */ #headerSearchFR-submit {background: #fff; border: none; padding: 2px 0; color: #333; cursor: pointer; font-weight: bold; vertical-align: top;} /* --> external navigation */ #navExternal {float: right; list-style-type: none; position: absolute; z-index: 1000; right: -13px; top: 36px;} #navExternal li {display: inline; float: left; line-height: 1;} #navExternal li a {display: block; padding: 7px 12px; color: #006699; font-size: .9em; font-weight: bold;} #navExternal li a:hover {text-decoration: underline;} #navExternal li.dropdown {position: relative;} #navExternal li.dropdown:hover a, #navExternal li.dropdown.sfhover a {background: #5381ac; color: #fff; text-decoration: none;} #navExternal li.dropdown div.dropdown_wrapper {display: block; position: absolute; left: -1000em; z-index: 1000; width: 150px; padding: 8px 0 0 0; background: url(images/nav_dropdown_top.png) 0 0 no-repeat;} #navExternal li.dropdown div.dropdown_inside {width: 150px; padding: 0 0 13px 0; background: url(images/nav_dropdown_bottom.png) bottom left no-repeat;} #navExternal li.dropdown ul {list-style-type: none; padding: 0 10px 7px 18px; background: url(images/nav_dropdown_mid.png) 0 0 repeat-y;} * html #navExternal li.dropdown div.dropdown_wrapper {border: 1px solid #5381ac; padding: 0; background: #f7f7f7;} * html #navExternal li.dropdown div.dropdown_inside {padding: 0; background: transparent;} * html #navExternal li.dropdown ul {padding: 8px 6px 10px 14px; background: transparent;} #navExternal li.dropdown:hover div.dropdown_wrapper {left: auto; right: -4px;} #navExternal li.dropdown.sfhover div.dropdown_wrapper {left: auto; right: 0;} #navExternal li.dropdown li {display: block; float: none; padding: 2px 0 1px; line-height: 1.2;} #navExternal li.dropdown li a {display: inline; padding: 0; color: #4b4b4b; font-weight: normal;} #navExternal li.dropdown:hover li a, #navExternal li.dropdown.sfhover li a {background: transparent; color: #4b4b4b;} #navExternal li.dropdown li a:hover {background: transparent; color: #4b4b4b; text-decoration: underline;} /* --> main navigation */ #zz1_GlobalNav {float: left; margin: 21px 0 0 -14px;} * html #zz1_GlobalNav {position: relative;} #zz1_GlobalNav table.topNavItem {background: transparent;} #zz1_GlobalNav a.topNavItem {display: block; height: auto; padding: 7px 14px; background: transparent; color: #333; font-size: 1em; font-weight: bold; line-height: 1;} #zz1_GlobalNav a.topNavItem:hover, #zz1_GlobalNav a.topNavHover {background: #5381ac; color: #fff; text-decoration: none;} div.topNavFlyOuts {min-width: 18px; border: 1px solid #5381ac; margin: 8px 0 0; padding: 0px 0 0; background: #f7f7f7;} div.topNavFlyOuts table {position: relative; z-index: 1000; min-width: 180px; background: transparent; font-size: 1em;} div.topNavFlyOuts table table {padding: 0; background: transparent;} div.topNavFlyOuts table.topNavFlyOutsItem {border: none; min-width: 180px; padding: 0; background: transparent; font-size: 1em;} div.topNavFlyOuts a.topNavFlyOutsItem {width: 200px; display: block; height:auto; border: none; padding: 2px 14px 4px; background: transparent; color: #333; font-size: .9em; font-weight: bold; } div.topNavFlyOuts a.topNavFlyOutsItem:hover { background-color: #5381ac; color: #fff; text-decoration: none; width:200px; }*/ #wrapper .topNavItem {font-size: 1em; font-family: Verdana, Arial, lucida, sans-serif;} * html div.topNavFlyOuts, * html div.topNavFlyOuts table, * html div.topNavFlyOuts table.topNavFlyOutsItem {width: 200px;} /* --> main navigation for French Site */ #zz1_GlobalNav_fr {float: left; margin: 21px 0 0 -9px;} * html #zz1_GlobalNav_fr {position: relative;} #zz1_GlobalNav_fr table.topNavItem {background: transparent;} #zz1_GlobalNav_fr a.topNavItem {display: block; height: auto; padding: 7px 8px; background: transparent; color: #333; font-size: 1em; font-weight: bold; line-height: 1;} #zz1_GlobalNav_fr a.topNavItem:hover, #zz1_GlobalNav_fr a.topNavHover {background: #5381ac; color: #fff; text-decoration: none;} /* --> main navigation for Netherland Site */ #zz1_GlobalNav_nl {float: left; margin: 21px 0 0 -8px;} * html #zz1_GlobalNav_nl {position: relative;} #zz1_GlobalNav_nl table.topNavItem {background: transparent;} #zz1_GlobalNav_nl a.topNavItem {display: block; height: auto; padding: 7px 8px; background: transparent; color: #333; font-size: 1em; font-weight: bold; line-height: 1;} #zz1_GlobalNav_nl a.topNavItem:hover, #zz1_GlobalNav_nl a.topNavHover {background: #5381ac; color: #fff; text-decoration: none;} /* =SPOTLIGHT (Flash area) */ #spotlight {position: relative; z-index: 10; left: -5px; overflow: hidden; height: 225px; width: 890px; background-image: url(images/flashsubstitute_home_bg.jpg); background-repeat:no-repeat;} #spotlight h1 { font-size:1.4em; line-height: 1 em; font-weight:normal;} /* =CONTENT AREA */ #contentArea {padding: 15px 0 50px;} /* =M_CONTENT (home page) */ #content {float: left; width: 627px; padding: 0 0 0 20px;} #content div.intro {margin: 3px 0 25px;} #content div.intro h2 {margin: 0; padding: 0 0 8px; color:#666666; font-size: 1.6em;} #content div.intro p {margin: 0 0 10px;} #content div.intro h1 {margin: 0; padding: 0 0 8px; color: #135688; font-size: 1.2em;} /* --> tabs */ .tabbed {list-style-type: none; overflow: hidden; position: relative; z-index: 11; height: 23px;} .tabbed li {display: inline; float: left; overflow: hidden; height: 22px; margin: 0 3px 0 0; background: url(images/tab_left_bg.jpg) 0 0 no-repeat;} .tabbed li a {display: inline; float: left; height: 22px; padding: 0 8px; color: #666; background: url(images/tab_right_bg.jpg) right top no-repeat; font-size: 1em; font-weight: bold; line-height: 2.2;} .tabbed li.active {height: 23px;} .tabbed li.active a {height: 23px; color: #336699;display: inline} .tabbed li.active a:hover {cursor: default; text-decoration: none;} div.tabbed_content {clear: both; display: none; border-top: 1px solid #d8d8d8; margin-top: -1px; padding: 20px 0 0 11px;} div.notabbed_content {clear: both; display: none; margin-top: -1px; padding: 20px 0 0 11px;} div.tabbed_content.active {display: block;} div.tabbed_content.active p {margin: 0 0 1.5em;} div.tabbed_content p {margin: 0 0 1.5em;} div.notabbed_content.active {display: block;} div.notabbed_content.active p {margin: 0 0 1.5em;} div.notabbed_content p {margin: 0 0 1.5em;} .slideshow { height: 229px; width: 926px; margin: auto;} /* --> tabs on home page */ #navSolutions li a {padding: 0 11px;} #solutions div.tabbed_content {padding-top: 30px;} #solutions div.tabbed_content h3 {display: none;} #solutions div.tabbed_content p.intro {display: inline; float: left; width: 193px; padding: 0 40px 0 0; line-height: 1.7;} #solutions div.tabbed_content ul.featured li {display: inline; float: left; position: relative; width: 142px; padding: 112px 40px 0 8px;} #solutions div.tabbed_content ul.featured li img {position: absolute; left: 0; top: 0;} #solutions div.tabbed_content ul.featured li h4 {color: #336699; font-size: 1.1em;} #solutions div.tabbed_content ul.featured li p {margin: 0 0 .5em;} #solutions div.notabbed_content {padding-top: 30px;} #solutions div.notabbed_content h3 {display: none;} #solutions div.notabbed_content p.intro {display: inline; float: left; width: 193px; padding: 0 40px 0 0; line-height: 1.7;} #solutions div.notabbed_content ul.featured li {display: inline; float: left; position: relative; width: 142px; padding: 112px 40px 0 8px;} #solutions div.notabbed_content ul.featured li img {position: absolute; left: 0; top: 0;} #solutions div.notabbed_content ul.featured li h4 {color: #336699; font-size: 1.1em;} #solutions div.notabbed_content ul.featured li p {margin: 0 0 .5em;} /* ----> tabs with table mark-up */ #contentArea table.navMain {border-collapse: collapse;} #contentArea table.navMain td {padding: 0 1px 0 0;} #contentArea table.topNavItem td {overflow: hidden; height: 22px; padding: 0; background: url(images/tab_left_bg.jpg) 0 0 no-repeat;} #contentArea table.topNavItem td a {display: block; height: 22px; padding: 0 8px; color: #666; background: url(images/tab_right_bg.jpg) right top no-repeat; font-size: 1em; font-weight: bold; line-height: 2.2;} #contentArea table.topNavSelected td {position: relative; z-index: 11; height: 23px; margin-bottom: -1px;} #contentArea table.topNavSelected td a {height: 23px; color: #336699;} #contentArea table.topNavSelected td a:hover {cursor: default; text-decoration: none;} /* =SIDEBAR */ #sidebar {float: right; width: 180px; padding: 15px 0 0;} #sidebar.threecol {padding: 0;} #sidebar.twocol {padding: 0;} #contentArea .mainSidebar {padding: 0; width: 180px;} /* =SIDEBAR TABS */ #sidebarTabs h2, #sidebarTabs a.login {display: block; overflow: hidden; height: 17px; min-height: 17px; height: auto !important; margin: 0 0 0; padding: 0 15px; background: url(images/sidebar_tab_bg.gif) 0 0 no-repeat; color: #666; cursor: pointer; font-size: 1em; font-weight: bold; line-height: 21px;} #sidebarTabs a.login:hover {text-decoration: none;} div.sidebarTabBox {display: block; width: 159px; padding: 0 15px 10px; font-size: .9em;} div.sidebarTabBox dl {color: #666; padding: 0 5px 0 0;} div.sidebarTabBox dt {background: url(images/link_indicator.gif) no-repeat scroll 0 4px; padding: 8px 0 1.2em; font-size: 1.11em;} #sidebar div.sidebarTabBox dt a {font-size: .9em; color: #678E23;} #sidebar div.sidebarTabBox dl a {color: #333;} #sidebar div.sidebarTabBox dl a:hover {color: #669900; text-decoration: none;} #sidebar div.sidebarTabBox dl a.resource {color: #669900;} #sidebar div.sidebarTabBox dl a.resource:hover {text-decoration: underline;} div.sidebarTabBox dl.alternate dt {color: #333; font-size: 1em;} /* =ACTIONS */ #userActions {padding: 0;} #sidebar.threecol #userActions {width: 180px; margin: 0 0 3px;} #sidebar.twocol #userActions {width: 180px; margin: 15px 0 0px;} #contentArea .mainSidebar #userActions {width: 180px; padding: 0;} #userActions li {list-style-type: none; padding: 0 0 0px; font-size: 1em;} * html #userActions li {padding: 0 0 8px;} #userActions li a {display: block; height: 30px; width: 100%; line-height: 32px;} #userActions li a strong {display: block; height: 30px; padding-left: 50px;} #userActions li a:hover {cursor: pointer;} #userActions-contact a {background: url(images/action_bg.gif) 0 6px no-repeat; color: #fff;} #userActions-contact a strong {background: url(images/icon_phone.gif) 11px 0 no-repeat;} #sidebar #userActions-contact a {background-image: url(images/action_threecol_bg.gif);} #userActions-share a {background: url(images/icon_share.gif) no-repeat 0 0; margin: 0 12px 0 0; padding: 0 0 0 14px; color: #666666;} #userActions-blog a strong {background: url(images/icon_blog.gif) no-repeat 0 0; padding: 0 0 0 16px; color: #666666;} /* #sidebar #userActions -> on partner's page, remove padding and reduce height to prevent double box appearance 2/17/09 - ababb */ #sidebar #userActions div.highlighted {padding: 0} #sidebar #userActions div.highlighted h2 {height: 17px;} /* =ACTIONS NEW*/ /* revamped user actions to appear above tabbed content 2/11/2009 -- ababb */ /* #sidebar.threecol #userActionsNew{width: 180px; margin: 8px 0 30px;} #sidebar.twocol #userActionsNew{width: 180px; margin: 5px 0 0px;} #contentArea .mainSidebar #userActionsNew{width: 180px; padding: 0 0 0 1px;} #content #userActions-share a {background: url(images/icon_share.gif) no-repeat 0 0; margin: 0 12px 0 0; padding: 0 0 0 14px; color: #666666;} #content #userActions-blog a {background: url(images/icon_blog.gif) no-repeat 0 0; padding: 0 0 0 16px; color: #666666;} #userActionsNew li a strong {display: block; height: 30px; padding-left: 50px;} */ #userActionsNew {margin: 15px 0; padding: 0; width: 530px;} #userActionsNew li {display: inline; float: left; list-style-type: none; font-size: 1em;} #userActionsNew li a {display: block;color: #666666; /* height: 25px; width: 100%; line-height: 30px; */} #userActionsNew li a:hover {cursor: pointer;color: #666666;} #userActionsNew-blog a {background: url(images/icon_blog.gif) no-repeat 0 0; padding: 0 0 0 16px;color: #666666;} /* =2_INTRO */ #twocolIntro {position: relative; z-index: 9; height: 157px; width: 351px; margin: 5px 0 0 -1px; padding: 15px 500px 0 30px; background: url(images/twocol_heading.jpg) 0 0 no-repeat;} #twocolIntro h1 {color: #125687; font-size: 1.6em; line-height: 1.2;} #twocolIntro p.tagline {margin: 0 0 .8em; color: #125687; font-size: 1.2em;} #twocolIntro p.tagline strong {font-weight: normal;} #twocolIntro div.container {font-size: 1.1em; margin: 0 0 .5em;} #twocolIntro div.container p {margin: 0 0 .5em;} #twocolIntro div.container ul, #twocolIntro div.container ol {margin: 0 0 .5em 30px;} /* --> flash area */ #twocolIntro #featured {position: absolute; right: -7px; top: -5px; height: 178px; width: 486px; color: #fcfcfc; font-size: .9em; } #twocolIntro #featured a {font-weight: bold;} #twocolIntro #featured_one {position: absolute; right: -7px; top: -5px; height: 178px; width: 486px; color: #fcfcfc; font-size: .9em; background-image:url(images/overview_oneimage_bg.jpg)} #twocolIntro #featured_one a {font-weight: bold;} /* =2_CONTENT */ #twocolContent {float: left; width: 672px;} #twocolContent h1 {margin: 0 0 .4em; color: #125687; font-size: 1.4em; line-height: 1.2;} #twocolContent h2 {margin: 0 0 .4em; padding: .5em 0 0; color: #336699; font-size: 1.4em;} #twocolContent h3 {color: #666; font-size: 1.1em;} #twocolContent h4 {color: #333; font-size: 1em;} .tabbed_content p {margin: 0 0 1.5em; font-size: 1em;} .tabbed_content ul, .tabbed_content ol {margin: 0 0 1.5em 30px; font-size: 1em;} .tabbed_content li {margin: 0 0 .2em;} .notabbed_content p {margin: 0 0 1.5em; font-size: 1em;} .notabbed_content ul, .tabbed_content ol {margin: 0 0 1.5em 30px; font-size: 1em;} .notabbed_content li {margin: 0 0 .2em;} /* =3_BREADCRUMBS */ #breadcrumbs {float: left; width: 134px; padding: 0 10px 10px 0;} #breadcrumbs table table a {padding: 2px 0 3px; color: #333; font-weight: bold; font-family: Verdana, Arial, lucida, sans-serif; line-height: 1.4;} #breadcrumbs table table a:hover {background: transparent;} #breadcrumbs table table table a {color: #666;} #breadcrumbs td td td td {padding-left: 9px;} #breadcrumbs table table table table a {color: #333; font-weight: normal;} #breadcrumbs .leftNavSelected {border: none; background: transparent;} #breadcrumbs .leftNavHover {background: transparent;} #breadcrumbs a.leftNavSelected {background: transparent; color: #336699;} .infaLeftNavSelected {color: #336699;} /* =3_CONTENT */ #threecolContent {float: left; width: 530px;} #threecolContent h1 {margin: 0 0 .4em; color: #125687; font-size: 1.4em; line-height: 1.2;} #threecolContent h2 {margin: 0 0 .6em; color: #336699; font-size: 1.3em;} #threecolContent h2 a {color: #336699;} #threecolContent h2 a:hover {color: #336699; text-decoration: underline;} #threecolContent h3 {color: #666; font-size: 1.3em;} #threecolContenth3 a {color: #666;} #threecolContent h3 a:hover {color: #669900;} #threecolContent h4 {color: #333; font-size: 1.1em;} #threecolContent p {margin: 0 0 1.1em;} /*#threecolContent ul, .tabbed_content ol {margin: 0 0 1.5em 30px; font-size: 1em;} #threecolContent li {margin: 0 0 .2em;}*/ /* --> heading */ #threecolContent #intro {position: relative; z-index: 1; width: 530px; height: 131px; margin: 0 0 0 -5px;padding: 0 0 11px 2px; background: url(images/threecol_heading.gif) 0 0 no-repeat;} #threecolContent #intro h1 {color: #fff; font-size: 1.4em; padding: 11px 120px 19px 20px;} #threecolContent #intro img.intro_image {position: absolute; right: 7px; top: 8px;} #threecolContent #intro div.container {padding: 0 130px 0 20px; color: #666;} #threecolContent #intro p {margin: 0 0 .8em;} /* --> boxes */ #sidebar div.highlighted {background: url(images/sidebar_gbox_top.gif) no-repeat 0 0; margin: 0 0 1em 0;} #sidebar div.infoBox.highlighted {background: none;} #sidebar div.highlighted div.infoBox_inside {background: url(images/sidebar_gbox_bottom.gif) no-repeat bottom left;} /* #sidebar .buttonized New class to control look and feel of button-like navigational items in the sidebar e.g. Careers, Job Search, Be Informed, Partners 2/27/09 - ababb */ #sidebar div.infoBox.buttonized a:hover {cursor: pointer;} #sidebar div.buttonized div.infoBox_inside h2 {background: none;} /* #sidebar .infoBox -> revamped sidebar minus accordion action #sidebar .infoBox_adjacent_header #sidebar .infoBox_adjacent_content #sidebar .infoBox_adjacent_data -> revamped sidebar where items cannot be nested inside of each other 2/13/09 - ababb */ #sidebar .infoBox {background-color: #fff; border: 1px solid #d1d1d1; padding: 0 0 0.2em 0;} #sidebar .infoBox_adjacent_header { border-width: 1px 1px 0; border-style: solid solid none; border-color: #d1d1d1; } #sidebar .infoBox h2, #sidebar .infoBox_adjacent_header h2 {background: url(images/bg-sidebar-infobox-header.gif) repeat-x left bottom; padding: 3px 12px; font-size: 1.1em; font-weight: bold; min-height: 17px; height: auto !important; height: 17px; color: #369;} #sidebar .infoBox_adjacent_header h2 a{color: #369;} #sidebar .infoBox_adjacent_header h2 a:hover{color: #678e23;} /* */ /*#sidebar .infoBox_inside2 h2 {padding: 0 13px;margin: 8px 0 -5px 0; color: #336699; font-size: 1em;} #sidebar .infoBox_inside h2 {margin: 0 0 .2em -2px; color: #336699; font-size: 1em;}*/ /* #sidebar .infoBox_adjacent_content -> Events section sidebar content 2/18/09 -- ababb */ #sidebar .infoBox_adjacent_content {background: url(images/bg-sidebar-infobox.gif) repeat-y 0 0; border-width: 0 1px 1px; border-style: none solid solid; border-color: #d1d1d1; padding: 0 0 3px 0;} #sidebar .infoBox_inside {background: url(images/bg-sidebar-infobox.gif) repeat-y 0 0;} #sidebar .infoBox_adjacent_content dl { color: #666; font-size: .9em; padding-top: 4px; padding-right: 13px; padding-bottom: 4px; padding-left: 13px; } #sidebar .infoBox_inside dl{ color: red; font-size: .9em; padding-top: 4px; padding-right: 13px; padding-bottom: 4px; padding-left: 13px; } #sidebar .infoBox_adjacent_content dt {padding: 0 0 3px 1.2em;} #sidebar .infoBox_adjacent_content dt a:hover{color: #678e23!important;text-decoration: underline;} /*#sidebar .infoBox_inside dd, #sidebar .infoBox_adjacent_content dd {padding: 0 0 .9em 1.2em;}*/ #sidebar .infoBox_inside dd, #sidebar .infoBox_adjacent_content dd { margin-top:-4px; padding:0 0 0.9em 1.2em; } #sidebar .infoBox_adjacent_content dt {background: url(images/link_indicator.gif) no-repeat 0 4px; padding-left: 1.2em;} /* #sidebar .infoBox_adjacent_data -> All other section sidebar (Brochures, Reports, Demos, etc.) content 2/18/09 -- ababb */ #sidebar .infoBox_adjacent_data {background: url(images/bg-sidebar-infobox.gif) repeat-y 0 0; border-width: 0 1px; border-style: none solid; border-color: #d1d1d1; padding: 0; color:#336699!important;} #sidebar .infoBox_adjacent_data dl {background: url(images/bg-sidebar-infobox.gif) repeat-y 0 0; padding: 4px 13px 0; color: #666; font-size: .9em; } #sidebar .infoBox_adjacent_data dd {padding: 0 0 3px 1.2em;} #sidebar .infoBox_adjacent_data dd a {color: #333333!important;} #sidebar .infoBox_adjacent_data dd a:hover {color: #678e23!important;text-decoration: underline;} #sidebar .infoBox_adjacent_data dl dt {background: url(images/link_indicator.gif) no-repeat 0 4px; padding-left: 1.2em;color: #336699!important;} #sidebar .infoBox_adjacent_data .Newsdt {background: url(images/link_indicator.gif) no-repeat 0 4px; padding-left: 1.2em;color: #336699!important;} #sidebar .infoBox_inside dl a, #sidebar .infoBox_adjacent_content dl a, #sidebar .infoBox_adjacent_data dl a {color: #666666;} #sidebar .infoBox_adjacent_data dl a:hover {color: #678e23;text-decoration: underline;} #sidebar .infoBox_inside dt {background: url(images/link_indicator.gif) no-repeat 0 4px; padding-left: 1.2em;padding: 0 0 4px 1.2em;;color: #678e23;} } #sidebar .infoBox_inside dl a:hover, #sidebar .infoBox_adjacent_content a:hover, #sidebar .infoBox_adjacent_data a:hover {color: #669900; text-decoration: underline;} #sidebar .read-more a, #sidebar .infoBox_adjacent_data dl a.last {display: block; padding: 0 0 6px;} #sidebar .infoBox_adjacent_content p.read-more a, #sidebar .infoBox_adjacent_data p.read-more a {float: right; background: url(images/INFA/link_indicator-2.gif) no-repeat 0 5px; padding: 0 5px 4px 8px; font-weight: normal; text-align: left; color: #678e23; } #sidebar .infoBox_adjacent_content p.read-morehome a, #sidebar .infoBox_adjacent_data p.read-morehome a {float: right; padding: 0 13px 4px 8px; font-weight: normal; text-align:right; color: #678e23!important; } #sidebar .infoBox_inside p.read-morehome a {float: right!important; padding: 0 13px 4px 8px!important; font-weight: normal; text-align:right; color: #678e23; } #sidebar div.promotion {margin: 10px 0 0;} #sidebar div.promotion a {display: block;} #sidebar div.promotion a img {display: block;} /* =BASIC_CONTENT FORMATTING */ #threecolContent div.tabbed_content h1 {margin: 0 0 .4em; color: #125687; font-size: 1.3em; line-height: 1.2;} #threecolContent div.tabbed_content h1 a {color: #125687;} #threecolContent div.tabbed_content h2 {clear: both; margin: 0 0 .5em; color: #336699; font-size: 1.1em;} #threecolContent div.tabbed_content h2 a {color: #336699;} #threecolContent div.tabbed_content h2 a:hover {color: #336699; text-decoration: underline;} #threecolContent div.tabbed_content h3 {color: #666; font-size: 1em;} #threecolContent div.tabbed_content h3 a {color: #666;} #threecolContent div.tabbed_content h3 a:hover {color: #669900;} #threecolContent div.tabbed_content p.excerpt {margin: 0 0 8px; font-size: .9em;} #threecolContent div.tabbed_content p.data {margin: 0; font-size: 1em;} #threecolContent div.tabbed_content p.data em {font-style: normal;} #threecolContent div.tabbed_content p.action {margin: -8px 0 2em; font-size: .9em;} /* =BASIC_CONTENT FORMATTING */ #threecolContent div.notabbed_content h1 {margin: 0 0 .4em; color: #125687; font-size: 1.3em; line-height: 1.2;} #threecolContent div.notabbed_content h1 a {color: #125687;} #threecolContent div.notabbed_content h2 {clear: both; margin: 0 0 .5em; color: #336699; font-size: 1.1em;} #threecolContent div.notabbed_content h2 a {color: #336699;} #threecolContent div.notabbed_content h2 a:hover {color: #336699; text-decoration: underline;} #threecolContent div.notabbed_content h3 {color: #666; font-size: 1em;} #threecolContent div.notabbed_content h3 a {color: #666;} #threecolContent div.notabbed_content h3 a:hover {color: #669900;} #threecolContent div.notabbed_content p.excerpt {margin: 0 0 8px; font-size: .9em;} #threecolContent div.notabbed_content p.data {margin: 0; font-size: 1em;} #threecolContent div.notabbed_content p.data em {font-style: normal;} #threecolContent div.notabbed_content p.action {margin: -8px 0 2em; font-size: .9em;} /* --> blogs */ #threecolContent div.blogs h3 {clear: both; padding: 0 0 3px; color: #333; font-size: 1.1em;} #threecolContent div.blogs h3 a {color: #333;} #threecolContent div.blogs h3 a:hover {color: #669900;} #threecolContent div.blogs img {margin: 0 10px 1em 0;} #threecolContent div.blogs p, #threecolContent div.blogs div.description {margin: 0 0 1.5em; font-size: 1em; line-height: 1.6; font-family: Verdana, Arial, lucida, sans-serif;} #threecolContent div.blogs p.date {clear: both; margin: 0; font-size: 1em; font-weight: bold;} #threecolContent div.blogs p.category {margin: 0 0 .4em; font-size: .9em; font-weight: bold;} /* =LIST_CUSTOMERS */ #customer_list {clear: both; /* margin-top: -22px; */ padding: 0 0 0 4px;} #customer_list p.sort {margin: 0 0 20px;} #customer_list p.sort a {color: #333;} #customer_list p.sort em {font-style: normal; font-weight: bold;} #customer_list p.sort strong {color: #336699; font-weight: bold;} #customer_list_content {clear: both; width: 519px; border-top: 1px solid #d8d8d8; margin: 0 0 0 -4px; padding: 0 7px 0 4px;} #customer_list_content div.intro {clear: both; padding: 17px 0 0; margin: 0 0 3em;} #customer_list_content div.intro p {clear: both; margin: 0 0 1em;} #customer_list_content ul.list li {clear: both; list-style-type: none; padding: 0 0 1.5em 125px;} #customer_list_content ul.list img.list_image {float: left; position: relative; top: -1.2em; z-index: 50; margin: 0 0 15px -125px;} #customer_list_content ul.list h2 {color: #333; font-size: 1em;} #customer_list_content ul.list p {margin: 0 0 1em;} #customer_list_content ul.list p.action {margin: 0; text-align: right;} /* --> dropdowns */ div.dropdown {display: inline; float: left; position: relative; z-index: 100; margin: 0 0 17px;} #customer_list_content div.dropdown {display: inline; float: right; margin: 10px 0 0;} #contentArea div.dropdown h2 {overflow: hidden; height: 20px; width: 110px; border: 1px solid #c2c2c2; padding: 0 30px 0 4px; background: url(images/dropdown.gif) 128px 1px no-repeat; color: #333; font-size: 1em; font-weight: normal; cursor: pointer; line-height: 20px;} div.dropdown_content {display: none; position: absolute; left: 0; top: 21px; width: 18em; border: 1px solid #c2c2c2; padding: 6px 10px 8px 10px; background: #fff;} #customer_list_content div.dropdown_content {left: auto; right: 0;} div.dropdown:hover div.dropdown_content, div.dropdown.sfhover div.dropdown_content {display: block;} #contentArea div.dropdown_content h3 {color: #333; font-size: .9em;} div.dropdown_content h3.border {border-top: 1px solid #ccc; margin: 8px 0 0; padding: 6px 0 0;} div.dropdown_content ul {list-style-type: none; padding: 0 10px 0 0;} div.dropdown_content li {margin: 0 0 1px;} div.dropdown_content a {color: #333; font-size: .9em;} /* =PROMOTION */ #promotion {width: 880px;} /* = FOOTER */ #footer {position: relative; width: 905px; margin: 10px -25px 0 -25px; padding: 10px 0 35px 25px; background: #c5b9bd url(images/footer_bg.png) 0 0 no-repeat; color: #4d4d4d;} #footer a {color: #4d4d4d;} #navSitemap {width: 895px; border-collapse: collapse; font-size: 1em;} #navSitemap td {padding: 0 30px 30px 20px; vertical-align: top;} #navSitemap h2 {display: inline; padding: 0 7px 6px 0; font-size: .9em; border-bottom: 1px solid #535353;} #navSitemap ul {padding: 15px 0 0;} #navSitemap li {list-style-type: none; padding: 2px 0; font-size: .9em;} #footerFinal {clear: both; width: 880px; padding: 10px 0 0; text-align: center;} #footerFinal p {display: inline; font-size: .9em;} #footerFinal p#copyright {padding-right: 30px;} /* =HACKS */ /* --> clearfix (clearing of floats) */ #headerInformatica:after, #contentArea:after, div.tabbed_content.active:after, div.notabbed_content.active:after, #sidebar .infoBox_adjacent_content:after, #sidebar .infoBox_adjacent_data:after, #userActionsNew:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #headerInformatica, #contentArea, div.tabbed_content.active, div.notabbed_content.active, #sidebar .infoBox_adjacent_content, #sidebar .infoBox_adjacent_data, #userActionsNew {display: inline-block;} /* Hides from IE-mac \*/ * html #headerInformatica, * html #contentArea, * html div.tabbed_content.active, * html div.notabbed_content.active, * html #sidebar .infoBox_adjacent_content, * html #sidebar .infoBox_adjacent_data, * html #userActionsNew {height: 1%;} #headerInformatica, #contentArea, div.tabbed_content.active, div.notabbed_content.active, #sidebar .infoBox_adjacent_content, #sidebar .infoBox_adjacent_data, #userActionsNew {display: block;} /* End hide from IE-mac */ /* =SHAREPOINT */ #sharepointConsoles, #sharepointNav {position: relative; z-index: 100;} #sharepointNav div.clear {height: 0; overflow: hidden; clear: both;} #sharepointConsoles table {width: 928px; border-collapse: collapse; margin: 0 -24px;} #sharepointConsoles table table {width: 100%; border-collapse: separate; margin: 0;} html body div.ms-MenuUIPopupBody {z-index: 5000;} html body .ms-consoletitleareaframe {display: none;} #sharepointConsoles .ms-consolestatus table {width: auto; padding: 0 13px;} #sharepointConsoles .ms-consolestatus table table {width: 100%; padding: 0;} table#PublishingMenu2 {width: auto; padding: 0 15px;} table#PublishingMenu2 .ms-consoletoolbar {padding: 0 10px 0 5px;} #consoleMenuBar2 table table {width: auto;} #consoleMenuBar2 table table table {width: 100%;} #consoleErrorMessageRow table table {width: auto;} #sharepointNav span {display: block; width: 880px; border-bottom: 1px solid #ccc; margin: 0 -24px; padding: 5px 24px; background: #D6E8FF;} #sharepointNav span span {display: inline; width: auto; border-bottom: none; margin: 0; padding: 0; background: transparent;} #sharepointNav div span {float: left; padding-right: 50px;} #sharepointnav div span span {float: none; padding-right: 0;} #sharepointNav a {color: #444; font-weight: bold;} #sharepointNav a:hover {text-decoration: underline;} #sharepointNav .ms-SPLink {margin: 0; padding: 0; font-size: 1em;} #sharepointNav .ms-HoverCellActive, #sharepointNav .ms-SpLinkButtonActive {border: none; background: transparent;} /* --> Editing SharePoint Web Parts */ #wrapper .ms-WPTitle {color: #333 !important; font-size: 10px; font-weight: bold;} #sidebar .ms-WPTitle {width: 160px;} #contentArea .ms-WPBody, #contentArea table, #contentArea tbody, #contentArea tr, #contentArea td {font-size: 1em;} #contentArea .ms-PartSpacingVertical {overflow: hidden; height: 0; margin: 0;} /* customer overview page */ .customer_dirbox { width: 245px; } #customer_dirbox div.highlighted {margin: 10px 0 0; background: url(images/cust_dir_tabletop.jpg) 0 0 no-repeat;} #customer_dirbox div.highlighted div.infoBox_inside {padding: 7px 11px 14px 14px; background: url(images/cust_dir_tablebot.jpg) bottom left no-repeat;} #customer_headlines { margin-right: 10px; margin-left: 14px;} #customer_headlines dd {padding: 8px 0 1px;} #customer_headlines dd a {color: #333;} #customer_headlines dd a:hover {color: #669900; text-decoration: none;} /* end customer overview page */ /* Knowledge center page */ .resource_box { width: 315px; } #resource_box div.highlighted {margin: 10px 0 0; background: url(images/resource_tabletop.jpg) 0 0 no-repeat;} #resource_box div.highlighted div.infoBox_inside {padding: 7px 11px 14px 14px; background: url(images/resource_tablebot.jpg) bottom left no-repeat;} .box_grayborder {border:1px #e1e1e1 solid; background-color:#FFFFFF; padding:6px; } .letters {letter-spacing: .2em; color:#000000;} .letters a {color:#000000;} .letters a:visited {color:#000000;} .letters a:hover {color:#669900; text-decoration:none;} .letters a:active {letter-spacing: .18em; color:#669900; font-weight:bold; text-decoration:none;} /* end knowlege center overview page */ /* Form BUTTONS */ .buttons a{ display:block; float:left; margin:2px 7px 0 0; background-image:url(images/button_bg.gif); background-repeat:repeat-x; background-color:#84ad33; border:1px solid #959595; height: 11px; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; text-transform:uppercase; line-height:140%; text-decoration:none; font-weight:bold; color:#FFF; cursor:pointer; padding:3px 10px 6px 10px; /* Links */ } .buttons button{ display:block; float:left; margin:2px 7px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:1px solid #959595; height: 22px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#FFF; cursor:pointer; padding:3px 7px 0px 7px; /* Links */ background-image: url(images/button_bg.gif) ; background-color:#84ad33; background-repeat: repeat-x; } .buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:3px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:0px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } button:hover, .buttons a:hover{ background-color: #84ad33; border:1px solid #529214; color:#336699; } .buttons a:active{ background-color:#84ad33; border:1px solid #529214; color:#fff; text-transform:uppercase; } /* GRAY BUTTONS */ button.gray, .buttons a.gray{ background-image: url(images/button_bg_gray.gif) ; background-color:#ececec; color:#4d4d4d; } .buttons a.gray:hover, button.gray:hover{ background-color:#ececec; border:1px solid #336699; color:#336699; } .buttons a.gray:active{ background-color:#ececec; border:1px solid #529214; color:#fff; } /* end form buttons of buttons */ /* text style for dates and summary used in news and events overview page*/ div.datestyle {font-size: .9em;} div.datestyle dl {color: #666; padding: 0 5px 0 0;} div.datestyle dt {font-size: 1.11em;} div.datestyle dt a {font-size: .9em;} div.datestyle dl a {color: #333;} div.datestyle dl a:hover {color: #669900; text-decoration: none;} div.datestyle dd {padding: 0px 0 12px; font-size: 1.11em;} #datestyle {font-size: .9em;} #datestyle dl {color: #666; padding: 0 5px 0 0;} #datestyle dt {font-size: 1.11em;} #datestyle dt a {font-size: .9em;} #datestyle dl a {color: #333;} #datestyle dl a:hover {color: #669900; text-decoration: none;} #datestyle dd {padding: 0px 0 12px; font-size: 1.11em;} .greentext {color: #669900; text-decoration: none;} .greentext a {color: #669900; text-decoration: none;} .greentext a:link {color: #669900; text-decoration: none;} .greentext a:visited {color: #669900; text-decoration: none;} .greentext a:hover {color: #669900; text-decoration: underline;} .graytext {color: #666; text-decoration: none;} .graytext a {color: #666; text-decoration: none;} .graytext a:link {color: #666; text-decoration: none;} .graytext a:visited {color: #666; text-decoration: none;} .graytext a:hover {color: #666; text-decoration: underline;} .maintext {color: #333; text-decoration: none;} .maintext a {color: #333; text-decoration: none;} /* end of text style */ .maintext a:link {color: #333; text-decoration: none;} .maintext a:visited{color: #333; text-decoration: none;} .maintext a:hover {color: #669900; text-decoration: none;} /* forms style*/ div.form select { border: 1px solid #c0c0c0; font-family:verdana, arial, sans-serif; font-size:9px; margin: 5px 0 0 0; width: 150px; color:#333; } .texta { border: 1px solid #c0c0c0; font-size:9px; margin: 5px 0 0 0; color:#333; } div.form textarea { padding:30px; } /* table style*/ .table_header { padding-top: 5px; padding-bottom: 5px; font-size: 1.1em; color: #336699; font-weight: bold; border-bottom: 1px solid #D8D8D8; border-spacing: 5px; } .table_subheader { font-weight: bold; padding: 3px 3px 3px 12px; font-size: 1.1em; } .table_content { padding: 3px 3px 3px 12px; background-color:#F2F2F2; border-bottom: 5px solid #FFF; } /* Additions by WU */ /* News and Events */ #img_pressrelease{ background-image: url(Images/INFA/banners/pressrelease.jpg) ; width: 80px; height: 80px; } #img_events{ background-image: url(Images/INFA/banners/upcomingevents.jpg) ; width: 80px; height: 80px; } #img_news{ background-image: url(Images/INFA/banners/news.jpg) ; width: 80px; height: 80px; } #datestyle {font-size: .9em;} #datestyle dl {color: #666; padding: 0 5px 0 0;} #datestyle dt {font-size: 1.11em;} #datestyle dt a {font-size: .9em;} #datestyle dl a {color: #333;} #datestyle dl a:hover {color: #669900; text-decoration: none;} #datestyle dd {padding: 0px 0 12px; font-size: 1.11em;} #buttons a{ display:block; float:left; margin:2px 7px 0 0; background-image:url(images/button_bg.gif); background-repeat:repeat-x; background-color:#84ad33; border:1px solid #959595; height: 11px; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:140%; text-decoration:none; text-transform: uppercase; font-weight:bold; color:#FFF; cursor:pointer; padding:3px 10px 6px 10px; /* Links */ } #buttons button{ display:block; float:left; margin:2px 7px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:1px solid #959595; height: 22px; text-transform: uppercase; text-decoration:none; font-weight:bold; color:#FFF; cursor:pointer; padding:3px 7px 0px 7px; /* Links */ background-image: url(images/button_bg.gif) ; background-color:#84ad33; background-repeat: repeat-x; } #buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } #buttons button[type]{ padding:3px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } #buttons button img, #buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } #button:hover, #buttons a:hover{ background-color: #84ad33; border:1px solid #529214; color:#336699; } #buttons a:active{ background-color:#84ad33; border:1px solid #529214; color:#fff; } /* GRAY BUTTONS */ button.gray, #buttons a.gray{ background-image: url(images/button_bg_gray.gif) ; background-color:#ececec; color:#4d4d4d; } #buttons a.gray:hover, button.gray:hover{ background-color:#ececec; border:1px solid #336699; color:#336699; } #buttons a.gray:active{ background-color:#ececec; border:1px solid #529214; color:#fff; } /* boxed for emphasis */ .box { width: 185px; } #box div.highlighted {margin: 10px 0 0; background: url(images/tabletop.jpg) 0 0 no-repeat;} #box div.highlighted div.infoBox_inside {padding: 7px 11px 14px 14px; background: url(images/tablebot.jpg) bottom left no-repeat;} /* end of box */ blockquote { padding-right: 30px;padding-left: 30px;} ol { list-style-type: decimal; padding-right: 20px;padding-left: 20px;} /* =2_SIDEBAR */ .twocol #sidebar {float: right; width: 180px; padding: 15px 0 0;} /* =3_SIDEBAR */ .threecol #sidebar {float: right; width: 180px;} /* =3_SIDEBAR -> Spotlight / Download Box Appears on third level/tertiary pages in side bar above UserAction 2/13/09 -- ababb */ #sidebar div.spotlight { background-image: url(images/spotlight-bg.gif); background-repeat:no-repeat; margin: 0 0 0px; padding: 10px 13px; height: 131px;} #sidebar div.spotlight h2 {margin: 0 0 8px; color: #336699; font-size: 1.2em; text-transform: uppercase;} #sidebar div.spotlight img {float: left; margin: 0 1.2em 0 0;} /* for highlight sidebar */ #sidebar .infoBox_inside2 h2 {padding: 0 13px;margin: 8px 0 -5px 0; color: #336699; font-size: 1em;} hr { color: #ccc; background-color: #ccc; height: 1px; border: 0;} .read-morehome { margin-top: 5px; } .infoBox buttonized { margin-top: 5px; } /*Home Page Redesign Styles */ maincol { width: 660px; } .maincol .col2 { margin-top: 10px; width: 300px; } .maincol .divider{ background-image: url(images/col_divider.gif); background-repeat: no-repeat; height:210px; width:2px; margin-top: 30px; } .maincol .col3 { margin-top: 10px; width: 300px; } .maincol .col1, .col2, .col3, .col4, .divider { display: inline; float: left; } .maincol .col2 .inner-col2 { width: 280px; margin-top: 10px; margin-left:0; } .maincol .col3 .inner-col3 { width: 300px; margin-top: 10px; margin-left: 15px; } .homeLogo { background:url(../images/homelogo.jpg) no-repeat top; height:350px; } .bulletsFormText{padding-top:100px;} .bottom { width: 660px; } .bottom .b1, .b2, .b3, .b4 { display: inline; float: left; margin-top: 5px; } .bottom .b1 { width: 320px; margin-right: 20px; background-image: url(images/product_spotlight_new.gif); background-repeat: no-repeat; clear: left; float: left; } .bottom .b3 { width: 320px; margin-right: 20px; background-image: url(images/product_spotlight-long.gif); background-repeat: no-repeat; } .bottom .b2 { width:320px; background-image: url(images/product_spotlight_new.gif); background-repeat: no-repeat; float: left; } .bottom .b4 { width:320px; background-image: url(images/product_spotlight-long.gif); background-repeat: no-repeat; } .bottom .b1 .inner-b1 { width: 290px; margin-top: 15px; margin-left: 15px; } .bottom .b3 .inner-b1 { width: 290px; margin-top: 15px; margin-left: 15px; } .bottom .b2 .inner-b2 { width: 290px; margin-top: 15px; margin-left: 15px; } .bottom .b4 .inner-b2 { width: 290px; margin-top: 15px; margin-left: 15px; } .set2 a, .set2 a:visited {color: #336699 !important; text-decoration: none;} .set2 a:hover{text-decoration: underline !important; color:#669900 !important;} .set2 li { margin-top:10px; margin-bottom: 15px; list-style-image: url(images/main-arrow.gif); margin-left: 15px; } .image1 { width: 88px; height: 64px; float: right; margin-top: -22px; } .left-spot { width: 192px; float:left; } .read_more { font-weight: bold; float: right; color: #669900; margin-top: 10px; } .cloudc { margin-bottom: 5px; border: 1px solid #ececec; margin-top: 7px; padding-top: 0px; } /*Demo Section */ #demo { padding-right:20px} #demo h2 {margin-left: 15px; margin-right: 15px; color: #135688; font-size: 1.2em;} #demo ul{list-style-type: none;padding: 0;margin: 0;} #demo li{background-image: url(images/raquo.gif);background-repeat: no-repeat;background-position: 0 .4em;padding-left: .9em; margin-left: .7em} #democontent { width:661px; background-image: url(images/demobg.gif); margin-top:-2px ; background-repeat:repeat-y} #democontent img {margin-right: 4px;} /*Knowledge Section */ #knowledge_search { background-image: url(images/knowledgecenter_bg.gif); background-repeat: no-repeat; padding: 8px 14px 17px 14px; height:212px; width:661px;margin-top: 10px} #knowledge_search h2 {color: #135688; font-size: 1.1em; font-weight:bold; padding-bottom:12px;} #knowledge_search h3 {color: #669900; font-size: 1.0em; font-weight:bold; padding-bottom:2px;} /*Knowledge Search Results Section */ #knowledge_results { padding: 0px 14px 0px 14px; width:645px;} #knowledge_results h2 {color: #135688; font-size: 1.1em; font-weight:bold; padding-bottom:5px; padding-top: 8px;} #knowledge_results h3 {color: #333; font-size: 1.0em; } #knowledge_results .title {color: #669900; font-size: .9em; font-weight:bold; list-style:none; background-color:#f2f2f2; border-top:solid #c8c8c8 1px; padding: 7px 9px 11px 9px;} #knowledge_results .abstractopened{ padding-left: 9px; padding-top:4px; font-weight: bold; line-height:10px; background-color:#fff; padding-bottom: 7px; color: #333; font-size: .9em;} #knowledge_results .abstractclosed { padding-left: 9px; padding-top:4px; font-weight: bold; line-height:10px; background-color:#fff; padding-bottom: 7px; border-bottom:solid #c8c8c8 1px; color: #333; font-size: .9em;} #knowledge_results .description { padding-left: 42px; padding-bottom: 18px; background-color:#fff; font-weight: normal; } .minusplus_btn_title {padding-right:4px;} .minusplus_btn_abstract {padding-left:4px; margin-bottom: -2px} /* forms style*/ .knowledge_field_formatting { font-family: verdana, arial, sans-serif; font-size: 10px; width: 198px; } .required { color: crimson; vertical-align:top; margin-right:-3px; } select { font: normal 100%/1.4 Verdana, Arial, lucida, sans-serif; } .submitbutton { color: #fff; margin:2px 7px 0 0; padding:3px 8px 6px 8px; /* Links */ border: 0px solid; background-image: url(images/button_bg.gif) ; background-color: #669900; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; font-weight:bold; height: 20px; cursor:hand; cursor:pointer; } .submitbutton a: hover { cursor:hand; } /*Quote Boxes */ .quotebox { background-image:url(images/quotemiddle.gif); background-repeat:repeat-y; width: 520px; } .quotetop { background-image:url(images/quotetop.gif); background-repeat: no-repeat; background-position:top; height: 45px; font-size: 10px; text-align: right; padding-right:20px; padding-top:17px; } .quotetop a { color: #336699; text-decoration: underline; } .quotetop a:hover { color: #336699; text-decoration: none; } .quotemiddle { padding-left:25px; padding-right:40px; padding-bottom: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style:italic; color: #336699; } .quotebottom { background-image:url(images/quotebottom.gif); background-repeat: no-repeat; background-position:bottom; height: 57px; font-size: 11px; color: #333333; text-align: right; padding-right:40px; } /* *************************************************************************************************************************************************************** */ /* ******************* START - SEO Page Optimization CSS ******************* */ /* Landing Pages Blue More Button */ a.bluebutton { float: right; background: url(Images/more_right.gif) no-repeat scroll top right; display:block; height:20px; /*CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right:8px; margin-bottom:5px; margin-top:5px; padding-right:8px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ text-decoration: none;/* FONT PROPERTIES */ color: #fff; } a.bluebutton span { background: url(Images/more_left.gif) no-repeat; display:block; padding: 1px 0 4px 6px; color: #fff; } a.bluebutton:hover span{ text-decoration:underline; } /* Landing Pages Top Banner */ #spotlight_seo { background-repeat: no-repeat; height: 225px; overflow: hidden; position: relative; width: 890px; z-index: 10; } .styled_quotemark { text-indent: -9999px; float: left; width: 15px; height: 15px; background: url(Images/quotemark.gif) 0 0 no-repeat; margin: 3px 5px -4px 0; } .read-more a.seo { float: right; display: block; text-indent: -9999px; width: 48px; height: 20px; margin: 5px 10px 5px; background: url(Images/btn-more.html) 0 0 no-repeat; } .read-more a:hover, .read-more a:active { background-position: left bottom; } h1.entry_page { color: #206899; font-size: 1.6em; } h2.entry_page { color: #669900; font-size: 1.2em; } ul.entry_page { list-style-position: outside; } ul.entry_page li { list-style-image: url(Images/main-arrow-blue.gif); margin: 0 0 0 40px; padding: 0; } .customer_spotlight { position: absolute; top: 12px; right: 22px; width:237px; } .customerspotlight_body { overflow: hidden; background: url(Images/bg-customerspotlight-body.gif) 0 0 repeat-y; height:100%; padding:0 10px 0 10px; } .customer_spotlight img { float: left; margin: 0 10px; } .customer_spotlight h2.seo { text-indent: -9999px; width: 237px; height: 38px; background: url(Images/bg-customerspotlight-topcap.gif) 0 0 no-repeat; margin:0; } .customer_spotlight h3.seo { font-size: 1.4em; color: #312f31; } .customer_spotlight p.seo { display: inline; _width: 237px; width: 217px; margin: 5px 0 0 0; padding:5px 0 0 0; color: #666; } .customer_spotlight p.quote_by { float: left; width: 105px; margin: 5px 0 0 0; font-size: 0.9em; font-style: italic; color: #666; } .customer_spotlight a.seo { float: right; right:10px; display: block; text-indent: -9999px; width: 100px; height: 32px; background: url(Images/btn-read-more.png) 0 0 no-repeat; margin: 8px 0 0 0 ; } .customer_spotlight a.seo:hover, .customer_spotlight a.seo:active { background-position: left bottom; } .customerspotlight_bottomcap { width: 237px; height: 9px; background: url(Images/bg-customerspotlight-bottomcap.gif) 0 0 no-repeat; } .seo_banner { /*background-image: url(/INFA_Images/entry_pages/data-warehouse-design-and-development.jpg);*/ position: relative; } .seo_banner h2 { font-size: 2em; font-stretch: extra-condensed; color: #336699; margin: 35px 0 10px 30px; width: 300px; } .seo_banner p { color:#333; width: 280px; margin-left: 30px; } .seo_banner_white { /*background-image: url(/INFA_Images/entry_pages/data-warehousing.jpg);*/ position: relative; } .seo_banner_white h2 { font-size: 2em; font-stretch: extra-condensed; color:#FFFFFF; margin: 70px 0 10px 30px; } .seo_banner_white p { color:#FFFFFF; width: 300px; margin-left: 30px; } /* ******************* END - SEO Page Optimization CSS ******************* */ .title_tab { padding-left:15px; *padding-left:15px; _padding-left:15px;} div.demo, div.inner { color: #000; text-align: left; font-family: verdana, arial, sans-serif; font-size:10px;} div.demo { float: left; width: 580px; padding: 10px; margin-top: 1em; background:#F7E7E3; }