/* 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: #e3e3e3; color: #333; font: normal 62.5%/1.4 Verdana, Arial, lucida, sans-serif;} /* 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/infa/wrapper_stretch_bg.gif) 0 0 repeat-y;} /* =HEADER */ #headerInformatica {position: relative; z-index: 100; width: 880px; margin: 0; padding: 15px 0 7px;} #logo {display: block; overflow: hidden; height: 38px; width: 151px;} #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/infa/nav_dropdown_top.png) 0 0 no-repeat;} #navExternal li.dropdown div.dropdown_inside {width: 150px; padding: 0 0 13px 0; background: url(../images/infa/nav_dropdown_bottom.png) bottom left no-repeat;} #navExternal li.dropdown ul {list-style-type: none; padding: 0 10px 7px 18px; background: url(../images/infa/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/infa/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: #135688; font-size: 1.2em;} #content div.intro p {margin: 0 0 25px;} /* --> 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/infa/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/infa/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;} /* --> 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/infa/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/infa/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.threecol-new { margin-top:15px; 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/infa/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/infa/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 10px; 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/infa/action_bg.gif) 0 6px no-repeat; color: #fff;} #userActions-contact a strong {background: url(../images/infa/icon_phone.gif) 11px 0 no-repeat;} #sidebar #userActions-contact a {background-image: url(../images/infa/action_threecol_bg.gif);} #userActions-share a {background: url(../images/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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 .6em; color: #336699; font-size: 1.3em;} #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; height:400px; 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/infa/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;} /* =3_CONTENT New Solution Wide Top Banners */ #threecolContentWide { float:left; width: 530px;} #threecolContentWide h1 {margin: 0 0 .4em; color: #125687; font-size: 1.4em; line-height: 1.2;} #threecolContentWide h2 {margin: 0 0 .6em; color: #336699; font-size: 1.3em;} #threecolContentWide h2 a {color: #336699;} #threecolContentWide h2 a:hover {color: #336699; text-decoration: underline;} #threecolContentWide h3 {color: #666; font-size: 1.3em;} #threecolContentWide h3 a {color: #666;} #threecolContentWide h3 a:hover {color: #669900;} #threecolContentWide h4 {color: #333; font-size: 1.1em;} #threecolContentWide 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 */ #threecolContentWide-intro {width:736px; height:135px; float:right;} #threecolContentWide-intro div.container { width:400; margin:20px 0 0 25px; padding:0; } #threecolContentWide-intro div.container h1 { font-size: 1.4em; padding:0; margin:0 0 3px 0; } #threecolContentWide-intro div.container p { margin: 0 0 .8em;} #threecolContentWide-intro div.container h1.blue { color:#336699;} #threecolContentWide-intro div.container p.blue { color:#336699;} #threecolContentWide-intro div.container h1.dark_blue { color:#125687;} #threecolContentWide-intro div.container p.dark_blue { color:#12568;} #threecolContentWide-intro div.container h1.grey { color:#666666;} #threecolContentWide-intro div.container p.grey { color:#666666;} #threecolContentWide-intro div.container h1.black { color:#000;} #threecolContentWide-intro div.container p.black { color:#000;} #threecolContentWide-intro div.container h1.white { color:#fff;} #threecolContentWide-intro div.container p.white { color:#fff;} /* END =3_CONTENT New Solution Wide Top Banners */ /* --> boxes */ #sidebar div.highlighted {background: url(../images/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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/infa/link_indicator.gif) no-repeat 0 4px; padding-left: 1.2em;color: #336699!important;} #sidebar .infoBox_adjacent_data .Newsdt {background: url(../images/infa/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/infa/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.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;} /* =BASIC_CONTENT FORMATTING New Solution Wide Top Banners pages */ #threecolContentWide div.tabbed_content h1 {margin: 0 0 .4em; color: #125687; font-size: 1.3em; line-height: 1.2;} #threecolContentWide div.tabbed_content h1 a {color: #125687;} #threecolContentWide div.tabbed_content h2 {clear: both; margin: 0 0 .5em; color: #336699; font-size: 1.1em;} #threecolContentWide div.tabbed_content h2 a {color: #336699;} #threecolContentWide div.tabbed_content h2 a:hover {color: #336699; text-decoration: underline;} #threecolContentWide div.tabbed_content h3 {color: #666; font-size: 1em;} #threecolContentWide div.tabbed_content h3 a {color: #666;} #threecolContentWide div.tabbed_content h3 a:hover {color: #669900;} #threecolContentWide div.tabbed_content p.excerpt {margin: 0 0 8px; font-size: .9em;} #threecolContentWide div.tabbed_content p.data {margin: 0; font-size: 1em;} #threecolContentWide div.tabbed_content p.data em {font-style: normal;} #threecolContentWide div.tabbed_content p.action {margin: -8px 0 2em; font-size: .9em;} /* =BASIC_CONTENT FORMATTING New Solution Wide Top Banners pages */ #threecolContentWide div.notabbed_content h1 {margin: 0 0 .4em; color: #125687; font-size: 1.3em; line-height: 1.2;} #threecolContentWide div.notabbed_content h1 a {color: #125687;} #threecolContentWide div.notabbed_content h2 {clear: both; margin: 0 0 .5em; color: #336699; font-size: 1.1em;} #threecolContentWide div.notabbed_content h2 a {color: #336699;} #threecolContentWide div.notabbed_content h2 a:hover {color: #336699; text-decoration: underline;} #threecolContentWide div.notabbed_content h3 {color: #666; font-size: 1em;} #threecolContentWide div.notabbed_content h3 a {color: #666;} #threecolContentWide div.notabbed_content h3 a:hover {color: #669900;} #threecolContentWide div.notabbed_content p.excerpt {margin: 0 0 8px; font-size: .9em;} #threecolContentWide div.notabbed_content p.data {margin: 0; font-size: 1em;} #threecolContentWide div.notabbed_content p.data em {font-style: normal;} #threecolContentWide 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/infa/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: 21px -25px 0 -25px; padding: 25px 0 35px 25px; background: #e3e3e3 url(../images/infa/footer_bg.gif) 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 .long {font-size:.9em; font-weight:bold; border-bottom: 1px solid #535353; padding: 0 7px 6px 0; margin-bottom:-6px;} #navSitemap ul {padding: 15px 0 0;} #navSitemap li {list-style-type: none; padding: 2px 0; font-size: .9em;} #footerFinal {clear: both; width: 880px; padding: 35px 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/infa/cust_dir_tabletop.jpg) 0 0 no-repeat;} #customer_dirbox div.highlighted div.infoBox_inside {padding: 7px 11px 14px 14px; background: url(../images/infa/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/infa/resource_tabletop.jpg) 0 0 no-repeat;} #resource_box div.highlighted div.infoBox_inside {padding: 7px 11px 14px 14px; background: url(../images/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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/infa/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/infa/tabletop.jpg) 0 0 no-repeat;} #box div.highlighted div.infoBox_inside {padding: 7px 11px 14px 14px; background: url(../images/infa/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/infa/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 .col1 { width: 205px; margin-top: 10px; } .maincol .col2 { margin-top: 10px; width: 228px; } .maincol .divider{ background-image: url(../images/infa/col_divider.gif); background-repeat: no-repeat; height:210px; width:2px; margin-top: 30px; } .maincol .col3 { margin-top: 10px; width: 210px; } .maincol .col1, .col2, .col3, .col4, .divider { display: inline; float: left; } .maincol .col1 .inner-col1 { width: 195px; margin-top: 10px; margin-right: 15px; } .maincol .col2 .inner-col2 { width: 195px; margin-top: 10px; margin-right: 10px; margin-left:15px; } .maincol .col3 .inner-col3 { width: 190px; margin-top: 10px; margin-left: 15px; } .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/infa/product_spotlight_new.gif); background-repeat: no-repeat; clear: left; float: left; } .bottom .b3 { width: 320px; margin-right: 20px; background-image: url(../images/infa/product_spotlight-long.gif); background-repeat: no-repeat; } .bottom .b2 { width:320px; background-image: url(../images/infa/product_spotlight_new.gif); background-repeat: no-repeat; float: left; } .bottom .b4 { width:320px; background-image: url(../images/infa/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/infa/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/infa/raquo.gif);background-repeat: no-repeat;background-position: 0 .4em;padding-left: .9em; margin-left: .7em} #democontent { width:661px; background-image: url(../images/infa/demobg.gif); margin-top:-2px ; background-repeat:repeat-y} #democontent img {margin-right: 4px;} /*Knowledge Section */ #knowledge_search { background-image: url(../images/infa/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 { color: #669900; } .submitbutton { color: #fff; margin:2px 7px 0 0; padding:3px 8px 6px 8px; /* Links */ border: 0px solid; background-image: url(../images/infa/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/infa/quotemiddle.gif); background-repeat:repeat-y; width: 520px; } .quotetop { background-image:url(../images/infa/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/infa/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-read-more.png) 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 h2.seo_quote { text-indent: -9999px; width: 237px; height: 38px; background: url(../Images/bg-quotespotlight-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 ******************* */ /* *************************************************************************************************************************************************************** */ /* ******************* START - New Platform Diagram ******************* */ /* for platform div */ .platform { background:#ffffff; border:solid 2px; border-color:#999999; width:656px; height:300px; padding:0; margin-bottom:10px; } .platform-inner { background:#dddee0; width:652px; height:296px; margin:2px; padding:0px;} .platform-top { width:644px; height:40px; padding:0px; margin: 0px } .platform-top p { color:#336699; font-size:1.4em; font-weight:bold; padding-top:10px; } .platform-top p a { color:#336699; text-decoration: none; } /* for instruction tab */ div.instructionstab { width:614px; margin:-1px 0 10px 18px; padding: 0px 0 0 0px; clear: left; z-index: 1;font-weight:bold;} div.instructionstab.inactive { display: none; } /* for cloud tab */ div.cloudtab { background:url(/Documents/platform_diagram/cloudbg.gif) no-repeat; width:614px; margin:-1px 0 0 18px; padding: 10px 0 0 10px; clear: left; z-index: 1; } div.cloudtab.inactive { display: none; } ol#cloudtoc { list-style:none; margin:0px -1px 0 18px; padding-left:0px; width:614px; z-index: 2; position:relative; float:none; } ol#cloudtoc a { background: url(/Documents/platform_diagram/cloudtab_n.gif) no-repeat; display: block; float: left; text-decoration: none;} ol#cloudtoc a:hover { background: url(/Documents/platform_diagram/cloudtab_a.gif) no-repeat; } ol#cloudtoc li { width:614px; height:40px; padding:0; display: inline; } ol#cloudtoc li a.active { background: url(/Documents/platform_diagram/cloudtab_a.gif) no-repeat; } ol#cloudtoc span { background: url(/Documents/platform_diagram/cloudtab_n.gif) no-repeat; display: block; padding: 0 10px 0 0; } ol#cloudtoc li a.active span { background: url(/Documents/platform_diagram/cloudtab_a.gif) no-repeat; } ol#cloudtoc a:hover span { background: url(/Documents/platform_diagram/cloudtab_a.gif) no-repeat; } /* for tabs other than cloud */ div.tab { background:url(/Documents/platform_diagram/textbox.gif) no-repeat; width:614px; margin:-2px 0 0 18px; padding: 15px 0px 0 0px; clear: left; z-index: 1;} div.tab.inactive { display: none; } ol#toc { list-style:none; margin:5px 0 0 0; padding:0 0 0 27px; width:614px; z-index: 2; position:relative; float:none; } ol#toc a { background: url(/Documents/platform_diagram/tab_n.gif) no-repeat; display: block; float: left; text-decoration: none; margin-top:8px;} ol#toc a:hover { background: url(/Documents/platform_diagram/tab_h.gif) no-repeat; } ol#toc li { width:76px; height:76px; padding:0; display: inline; } ol#toc li a.active { background: url(/Documents/platform_diagram/tab_a.gif) no-repeat; } ol#toc span { background: url(/Documents/platform_diagram/tab_n.gif) no-repeat; display: block; padding: 0 10px 0 0; } /*padding in between buttons */ ol#toc li a.active span { background: url(/Documents/platform_diagram/tab_a.gif) no-repeat; } ol#toc a:hover span { background: url(/Documents/platform_diagram/tab_a.gif) no-repeat; } /* ******************* END - New Platform Diagram ******************* */ /* ******************* START - New Products Page ******************* */ .products { background: url(/Documents/products_images/bottombg.gif) repeat-x; border:solid 1px; border-color:#dadada; width:647px; height:410px; padding:0; margin-bottom:15px; } a#products-bg { background: url(/Documents/products_images/button_n.gif) top no-repeat; width:71px; height:72px; } a#products-bg:hover { background: url(/Documents/products_images/button_h.gif) top no-repeat; min-height:100%; } ol#products_bg { list-style: none; margin:9px 0 0 -17px; width:640px; position:relative; float:none; } ol#products_bg a { background: background: url(/Documents/products_images/button_n.gif) no-repeat top; width:71px; height:72px; margin:0 0 20px 8px; float: left; display: block; } ol#products_bg a:hover { background:background: url(/Documents/products_images/button_h.gif) no-repeat top; } ol#products_bg li { width:71px; height:72px; padding:0; display: inline; } /* ******************* END - New Products Page ******************* */ /* *************************************************************************************************************************************************************** */ /* ******************* START - GES styles ******************* */ .boxexpand { width:533px; background:url(/Documents/ges_images/edbg.gif) repeat-y; margin:0px; overflow:hidden; } .boxexpand .top {background:url(/Documents/ges_images/edbg_top.gif) no-repeat;} .boxexpand .bottom { background:url(/Documents/ges_images/edbg_bot.gif) no-repeat 0 100%; margin: 0px; width:533px; overflow:hidden; padding-bottom: 15px; } .boxexpand .title { font-size: 12px; color: #135688; font-weight:bold; margin-bottom: 17px; width:520px; padding: 14px 10px 0px 10px; } .boxexpand p { font-size: 11px; font-weight:normal; margin-bottom: 17px; width:520px; padding:0px 10px 0px 10px; } .boxexpand h2 {margin: 0; padding: 0 0 8px;color: #135688; font-size: 1.2em;} ol#coursesmenu { list-style:none; margin: 0 0 0 -10px; width:533px; z-index: 2; position:relative; float:none;} /*ol#coursesmenu a { background: url(plat_images/tab_n.gif) no-repeat; display: block; float: left; text-decoration: none; }*/ ol#coursesmenu .product a{ background: url(/Documents/ges_images/byproduct_n.gif) no-repeat; display: block; float: left; text-decoration: none; cursor: pointer; width:118px; height:41px; margin-right:2px;} ol#coursesmenu .product a:hover{background: url(/Documents/ges_images/byproduct_h.gif) no-repeat; text-decoration: none; } ol#coursesmenu .role a { background: url(/Documents/ges_images/byrole_n.gif) no-repeat; display: block; float: left; text-decoration: none; cursor: pointer; width:118px; height:41px; margin-right:2px;} ol#coursesmenu .role a:hover{background: url(/Documents/ges_images/byrole_h.gif) no-repeat; text-decoration: none;} ol#coursesmenu .path a { background: url(/Documents/ges_images/bypaths_n.gif) no-repeat; display: block; float: left; text-decoration: none; cursor: pointer; width:145px; height:41px; margin-right:2px} ol#coursesmenu .path a:hover {background: url(/Documents/ges_images/bypaths_h.gif) no-repeat; text-decoration: none; } ol#coursesmenu .search a { background: url(/Documents/ges_images/bysearch_n.gif) no-repeat; display: block; float: left; text-decoration: none; cursor: pointer; width:118px; height:41px; margin-right:2px } ol#coursesmenu .search a:hover {background: url(/Documents/ges_images/bysearch_h.gif) no-repeat; text-decoration: none; } ol#coursesmenu .rolepage a { background: url(/Documents/ges_images/role_n.gif) no-repeat; display: block; float: left; text-decoration: none; cursor: pointer; width:145px; height:41px; margin-right:22px; margin-bottom:10px} ol#coursesmenu .rolepage a:hover {background: url(/Documents/ges_images/role_h.gif) no-repeat; text-decoration: none; } ol#coursesmenu li {display: inline; font-weight:bold;} /* ******************* START - GES Products Page ******************* */ .ges_products { background: url(/Documents/ges_images/gesproducts_bg.gif) repeat-x; width:533px; height:64px; padding-left:-10px; } a#ges_products_bg { background: url(/Documents/ges_images/gesproducts_n.gif) no-repeat top; width:60px; height:64px; } a#ges_products_bg:hover { background: url(/Documents/ges_images/gesproducts_h.gif) no-repeat top; min-height:100% } ol#toc_gesproducts { background: url(/Documents/ges_images/gesproducts_bg.gif) repeat-x; width:522px; height: 64px; list-style: none; margin:9px 0 0 2px; padding:5px 0 0 5px; position:relative; float:none; } ol#toc_gesproducts a { background: background: url(/Documents/ges_images/gesproducts_n.gif) no-repeat top; width:60px; margin-right:5px; display: block; float: left; height: 64px; } ol#toc_gesproducts a:hover { background:background: url(/Documents/ges_images/gesproducts_h.gif) no-repeat top; } ol#toc_gesproducts li { width:60px; height:64px; padding:0; display: inline; } /* ******************* END - GES Products Page ******************* */ /* ******************* START - centricity Page ******************* */ /* for info buttons */ a.centricitybluebutton { float: left; 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.centricitybluebutton span { background: url(../Images/more_left.gif) no-repeat; display:block; padding: 2px 0 6px 6px; color: #fff; } a.centricitybluebutton:hover span{ text-decoration:underline; } /* for customer centricity div */ .customer_centricity { background:#ffffff; background-image:url(../Images/customercentricity_bg.gif); width: 531px; background-repeat:no-repeat; } .customer_centricity-bottom { background-image:url(../Images/customercentricity_bg_bot.gif); background-repeat:no-repeat; background-position:bottom;width: 531px; margin:0px; padding-bottom:27px; } .picture_centricity { width:130px; margin:19px 0 10px 9px; z-index: 1; padding:0px; float:left; clear: both; } div.picture_centricity h2 { margin: 0; padding: 0px 0 0 5px; color: #135688; font-size:1.4em;} /* for info */ div.centricity_tab { width:358px; margin:0px 0 0 153px; padding: 20px 0 0 20px; z-index: 1; position:relative; float:none;} div.centricity_tab.inactive { display: none; } .centricityset li { margin-top:0px; margin-bottom: 10px; list-style-image: url(../images/infa/main-arrow.gif); margin-left:-50px; } /* for tabs */ ol#toc_cent { list-style:none; margin:0 0 0 150px; padding: 19px 0 0 0; z-index: 2; position:relative; float:none; height:37px; } ol#toc_cent a { background: url(../Images/tabbtn_left.gif) no-repeat; display: block; float: left; text-decoration: none; color:#333333; height: 37px; } ol#toc_cent a:hover { color:#006699; } ol#toc_cent li { padding:0px; display: inline; } ol#toc_cent li a.active { background: url(../Images/tabbtn_left_on.gif) no-repeat; color:#006699 ;font-weight:bold; } ol#toc_cent span { background: url(../Images/tabbtn_right.gif) no-repeat; display: block; background-position: top right; padding:10px;} ol#toc_cent li a.active span { background: url(../Images/tabbtn_right_on.gif) no-repeat; background-position: top right; } ol#toc_cent a:hover span { background-position: top right; } /* ******************* END - centricity Page ******************* */ /* ******************* Solutions - Family Pages **************** */ .solutions img {float: left; margin:0 20px 20px 0; } .solutions h2 { text-align:left; margint:0 0 0 160px; } .solutions p { text-align:left; margin-left:0 0 0 160px; } ul.solutions { list-style:none; margin: 10px 0 0 20px; } .solutions_banner { background-repeat:no-repeat; position: relative; } .solutions_banner h2 { font-size: 2em; margin: 20px 0 0 20px; } .solutions_banner h3 { font-size: 1em; margin:0 0 0 20px; } .solutions_banner p { width: 300px; margin:10px 0 10px 20px; } .solutions_banner h2.blue { color:#336699;} .solutions_banner h3.blue { color:#336699;} .solutions_banner p.blue { color:#336699;} .solutions_banner h2.dark_blue { color:#125687;} .solutions_banner h3.dark_blue { color:#125687;} .solutions_banner p.dark_blue { color:#12568;} .solutions_banner h2.grey { color:#666666;} .solutions_banner h3.grey { color:#666666;} .solutions_banner p.grey { color:#666666;} .solutions_banner h2.dark_grey { color:#333;} .solutions_banner h3.dark_grey { color:#333;} .solutions_banner p.dark_grey { color:#333;} .solutions_banner h2.black { color:#000;} .solutions_banner h3.black { color:#000;} .solutions_banner p.black { color:#000;} .solutions_banner h2.white { color:#fff;} .solutions_banner h3.white { color:#fff;} .solutions_banner p.white { color:#fff;} /* ******************* Big Data - Homepage **************** */ .bigdata_bottom { width: 660px; } .bigdata_bottom .b1, .b2 { width: 300px; height: 135px;display: inline; float: left; margin-top: 10px; padding-bottom:0px; background-image: url(/Documents/big_data/bigdatabgtext.jpg); background-repeat: no-repeat; background-position:bottom; } .bigdata_bottom .b3, .b4 { width: 300px; height: 135px;display: inline; float: left; margin-top: 50px ; background-image: url(/Documents/big_data/bigdatabgtext.jpg); background-repeat: no-repeat; background-position:bottom; padding-top: -2px; margin-bottom: 50px !important; } .bigdata_bottom .b1 { margin-right: 40px; clear: both; float: left; } .bigdata_bottom .b3 { margin-right: 40px; clear: both; float: left; } .bigdata_inner { width: 265px; margin-top: 10px; margin-left:15px; height: 90px; } .bigdata_btn { width:290px; height:80px; background-image:url(/Documents/big_data/bigdata_btn.jpg); background-repeat:no-repeat; text-align: right ;padding-top: 8px; margin-top: 5px; display:block; padding-right: 10px; font-weight: bold; margin-left: 0px; clear: both;} .bigdata_image { width: 135px; height: 91px; float: left; margin-right: 10px ; } .bigdata_title { width: 300px; height: 25px; text-align:right; border-bottom: #669900 solid 1px; margin-top:5px;} .bigdata_link a { width:290px; font-weight:bold ; } #bigdata_movie {position: relative; z-index: 10; left: 0px; overflow: hidden; height: 225px; width: 890px; background-image: url(/Documents/big_data/bigdatamovie_bg.jpg);background-repeat:no-repeat;} .bigdata_demos {position: relative; left: 0px; overflow: hidden; height:140px; width: 630px; padding: 0px 0px 10px 15px; background-image: url(/Documents/big_data/biddata_demos_bg.jpg);background-repeat: repeat-x; background-position:bottom; margin-top:50px;} .bigdata_demos ul li img { margin-bottom: 3px;} .bigdata_demos ul li h4 { font-size: 11px; color:#336699; padding-left:3px;} .bigdata_demos ul {margin: 10px 0 0px 0 ; padding:0; list-style-type:none;} .bigdata_demos ul li {display: inline; padding:0; margin:0 51px 0 0; } .bigdata_demos ul li span {float: left; width: 108px; margin-right: 60px; margin-bottom: 15px;} .more_btn { text-align: right ; padding-right: 20px;font-weight: bold; clear: both; margin-top:-10px;} .bigdata_table {position: relative; left: 0px; height:234px; width: 640px; padding: 2px 0px 10px 0px; background-image: url(/Documents/big_data/bigdata_btmbgwhole.jpg);background-repeat: no-repeat; margin-top:15px; color:#666;} .bigdata_table ul li h4 { font-size: 11px; color:#666; padding-bottom: 30px;} .bigdata_table ul {margin: 7px 0 0px 0 ; padding:0; list-style-type:none;} .bigdata_table ul li {display: inline; padding:0; margin:0 51px 0 0; background-color:#FF0;} .bigdata_table ul li span {float: left; width:132px;padding-right:12px; margin-bottom: 1px; padding-left: 12px; border-right: solid 1px #999; height: 230px;} .float-right { float:right; padding:2px 0 20px 20px; } .float-left { float:left; padding:2px 20px 20px 0; } .bigdata_hr { color:#336699; margin:0 0 10px 0; } /* ******************* End of Big Data - Homepage **************** */