/* * styles.css * * The styles.css file contains CSS styles that are used for all browsers. */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */ body {font:13px arial,verdana,helvetica,clean,sans-serif; background: #fff url(/images/common/background-main-body.png) 0 0 repeat-x;}select, input, textarea {font:99% verdana,arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;}body * {line-height:1.22em;} a:focus, a:active {outline: none;} /* Make the various elements *really* obvious */ /* Gutter between body background and content */ #Header, #MainBody, #Footer, #About, #GeneralAbout { margin: 0; } #Wrapper {width: 965px;} /* Width of "page" */ #MainChannel {width: 747px;} /* Width of left channel and center channel combined */ #SidebarSecondary {width: 212px;} /* Width of right channel */ /* = End Widths = */ body.noSidebarSecondary #MainBody { background: 0; } body.noSidebarSecondary #MainChannel { width: 960px; } body.noSidebarSecondary #Content { width: 797px; } body.noSidebarPrimaryOrSidebarSecondary #MainBody { background: 0; } body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 965px; } body.noSidebarPrimaryOrSidebarSecondary #Content { width: 965px; } #Wrapper { margin: 0 auto; /* Make content centered */ } /* Link at top of document to jump over navigation and go straight to content - For usability */ #ContentJump { display: none; } #Header { position: relative; z-index: 10; } #SiteId {position:relative; padding:25px 0 25px 8px;} #ToolBar {position:absolute; top:15px; right:0; font-size:85%; z-index: 100;} #ToolBar li {float:left;color:#887; margin-top: 4px;} #ToolBar a {color:#887; text-decoration:none; background:url("/images/common/toolbar-divider.gif") center right no-repeat; padding-right:5px; margin-right:5px;} #ToolBar a:hover {text-decoration:underline;} #ToolBar li.login {background: url(/images/common/toolbar-login-bg.gif) 0 3px no-repeat; padding-left: 13px;} #ToolBar li.last {margin-top: 0;} #ToolBar li.last a {background:0;} #ToolBar input.text {border: 0; background: url(/images/common/toolbar-input-bg.gif) no-repeat; height: 17px; width: 104px; padding: 0 5px;} #ToolBar input.submit {position:relative; top:5px; } /* Top Navigation */ ul#NavigationPrimary { font-size: 90%; font-weight: bold; margin-bottom: 5px; padding:0; text-transform: uppercase; z-index: 2; } ul#NavigationPrimary li { /* Topnav item */ float: left; /* Keep nav in a line */ position: relative; /* To position dropdowns based on topnav items */ z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */ background:url("/images/common/primary-nav-divider.gif") 100% 50% no-repeat; } ul#NavigationPrimary li.over { z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */ } ul#NavigationPrimary li a { /* Topnav link */ color:#484848; display: block; letter-spacing: 200%; margin:0 15px; padding: 0; padding-top: 4px; text-decoration: none; } ul#NavigationPrimary li.first a {margin-left: 10px;} ul#NavigationPrimary li a.active { border-left:1px solid #FFF; border-right:1px solid #FFF; border-bottom:4px solid #c01; } ul#NavigationPrimary li a.over { /* Topnav links on hover (over) */ color:#bf0413; } ul#NavigationPrimary li ul { /* Dropdown menu */ display: none; left: 0; position: absolute; top: 100%; width: 180px; z-index: 8; background:#3a3a3a; text-transform: none; } ul#NavigationPrimary li.over ul { display: block; /* Show the dropdown on hover */ background:#3a3a3a; border-left:1px solid #ddd; border-right:2px solid #ddd; border-bottom:1px solid #ddd; } ul#NavigationPrimary li ul li { /* Dropdown item */ float: none; /* Make dropdown items appear on top of each other, not next to */ margin:0; padding:0; background: none; } ul#NavigationPrimary li ul li a { width:168px; font-size:90%; color:#c4c4c4; padding:4px 0 2px 12px; margin:0; border:0; border-bottom:1px solid #5a5a5a; font-weight: normal; } /* Dropdown link */ ul#NavigationPrimary li ul li a.parent { /* Default formatting for parent list items */ background: url(/images/common/primary-nav-sub-level-indicator.gif) 160px 5px no-repeat; } ul#NavigationPrimary li ul li a.over { color:#FFF; background: #c31b14; } ul#NavigationPrimary li ul li ul, ul#NavigationPrimary li.over ul li ul { /* Flyout menu */ display: none; /* Hide flyout */ left: 90%; position: absolute; top: 5px; background: #979797; } ul#NavigationPrimary li.over ul li.over ul { display: block; /* Show flyout on hover */ } ul#NavigationPrimary li.over ul li.over ul a {background: #979797; color: #fff;} ul#NavigationPrimary li.over ul li.over ul a.over {background: #c31b14;} #MainBody { position: relative; /* to facilitate */ z-index: 2; /* topnav dropdowns */ } /* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */ #MainChannel { float: left; } /* Center channel */ #Content { float: left; } #Breadcrumbs { background: url(/images/common/breadcrumb-bg.gif) 0 0 no-repeat; clear: left; color: #b4b4b4; font-size: 85%; font-weight:bold; padding:10px 0 20px 10px; margin-bottom:10px; } #Breadcrumbs li { float: left; } #Breadcrumbs a {color:#484848; text-decoration:none; font-weight:normal; background:url("/images/common/breadcrumb-divider.gif") center right no-repeat; padding-right:10px; margin-right:5px;} #Breadcrumbs a:hover {color:#bf0413} /* Right Channel */ #SidebarSecondary { float: right; } h2.secondaryNavHead {font-weight: bold; background: url(/images/secondary-channel/secondary-nav-head-bg.gif) 0 0 no-repeat; color: #fff; padding: 8px 10px;} ul#SecondaryNav {margin-bottom: 15px;} ul#SecondaryNav li {background: url(/images/secondary-channel/secondary-nav-off-bg.gif) 0 0 repeat-x; padding: 0 1px;} ul#SecondaryNav li a {display: block; border-top: 1px solid #a9b7c1; color: #fff; text-decoration: none; padding: 8px 10px 8px 20px; background: url(/images/secondary-channel/secondary-nav-arrow-off.gif) 10px 12px no-repeat;} ul#SecondaryNav li a:hover {color: #ccc} ul#SecondaryNav li.active {background: url(/images/secondary-channel/secondary-nav-active-bg.gif) 0 0 repeat-y;} ul#SecondaryNav li.active a {background: url(/images/secondary-channel/secondary-nav-arrow-active.gif) 10px 12px no-repeat; color: #484848;} ul#SecondaryNav li.last {background: url(/images/secondary-channel/secondary-nav-off-last-bg.gif) 0 100% no-repeat;} ul#SecondaryNav li.activeLast {background: url(/images/secondary-channel/secondary-nav-active-last-bg.gif) 0 100% no-repeat;} ul#SecondaryNav li.activeLast a {background: url(/images/secondary-channel/secondary-nav-arrow-active.gif) 10px 12px no-repeat; color: #484848;} ul#SecondaryNav li.withsubs a {padding-bottom: 0;} ul#SecondaryNav li.active ul li {background: none;} ul#SecondaryNav li.active ul li a {border-top: none; padding: 0 10px 3px 35px; font-size: 85%; background-position: -2000px;} ul#SecondaryNav li.active ul li a:hover {color: #bf0413; } ul#SecondaryNav li.active ul li.first a {padding-top: none;} ul#SecondaryNav li.active ul li.active a {color: #bf0413; } ul#SecondaryNav li.active ul li.last {padding-bottom: 8px;} h2.promoListHead {font-weight: bold; background: url(/images/secondary-channel/promo-header.gif) 0 0 no-repeat; color: #fff; padding: 8px 10px;} #SidebarSecondary h3 { color: #b50310; font-size: 90%; font-weight: bold; padding: 5px; margin: 0 10px; text-transform: uppercase; } #SidebarSecondary .promoContainer {background: url(/images/secondary-channel/promo-container.gif) 0 100% no-repeat; padding: 0 1px;} #SidebarSecondary ul.promolistItems {padding: 10px; margin-bottom: 15px; font-size: 85%;} #SidebarSecondary ul.promolistItems li {padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;} #SidebarSecondary ul.promolistItems li a {color: #484848;} #SidebarSecondary ul.promolistItems li a:hover {color: #bf0413;} #SidebarSecondary ul.promolistItems li.last {padding-bottom: 0; border-bottom: none; margin-bottom: 0;} #SidebarSecondary ul.promolistItems li.viewAll a {text-transform: uppercase; text-decoration: none; color: #757575; background: url(/images/secondary-channel/view-all-bullet.gif) 3px 4px no-repeat; padding-left: 10px;} #SidebarSecondary ul.promolistItems li.viewAll a:hover {color:#bf0413;} #SidebarSecondary .promoImageHead {background: url(/images/secondary-channel/promo-image-head.gif) 0 0 no-repeat; height: 10px;} #ContentChannel {color:#484848; padding:0; padding: 0 0 0 5px;} #ContentChannel a {color:#bf0413; text-decoration:none;} #ContentChannel a:hover {color:#069;} #ContentChannel h1 {color: #bf0413; margin-bottom:15px; font-size:1.9em;} #ContentChannel h2 {color:#484848; font-weight:bold; margin-bottom:5px; font-size:1.2em;} #ContentChannel h3 {font-weight:bold;} #ContentChannel h4 {color:#6689a4; font-weight:bold; margin-bottom:5px; font-size:1.1em;} #ContentChannel p {margin:0 0 10px 0;} #ContentChannel ul {margin:0 0 15px 40px; list-style: disc; } #ContentChannel ul ul {margin-bottom: 0; margin-top: 4px;} #ContentChannel li {list-style-image: url(/images/common/bullet-lev1.gif); padding-bottom: 5px;} #ContentChannel li li {list-style-image: url(/images/common/bullet-lev2.gif); padding-bottom: 2px;} #ContentChannel li li li {list-style-image: url(/images/common/bullet-lev3.gif);} #ContentChannel p.intro {line-height: 150%; font-size: 110%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0;} #ContentChannel .center {text-align:center;} #ContentChannel .regularPageContent {padding-right: 20px;} #ContentChannel .right {text-align:right;} #ContentChannel .leftbuttonlink {background:url("../pics/common/left-link-button.gif") top left no-repeat; font-size:.9em; margin-bottom:20px;} #ContentChannel .rightbuttonlink {background:url("../pics/common/right-link-button.gif") top right no-repeat;} #ContentChannel .rightbuttonlink a {text-decoration:none; font-weight:bold; color:#665; padding:3px 10px 4px 25px; display:block;} #ContentChannel .rightbuttonlink a:hover {color:#069;} #ContentChannel table.general {margin-bottom: 15px;} #ContentChannel table.general th.first {color: #fff; font-weight: bold; padding: 5px 10px; text-align: center; background: url(/images/common/table-header-left.gif) no-repeat 0 0;} #ContentChannel table.general th {border: none; color: #fff; font-weight: bold; padding: 5px 10px; text-align: center; background: url(/images/common/table-header-mid.gif) no-repeat 0 0;} #ContentChannel table.general th.last {padding: 0;} #ContentChannel table.general th.last div {padding: 5px 10px; background: url(/images/common/table-header-right.gif) no-repeat 100% 0; border-right: none;} #ContentChannel table.general td {border: 1px solid #e2e2e2; border-collapse: collapse; padding: 3px 5px;} #ContentChannel table.general tr.even td {background: #f2f2f2} #ContentChannel .twoCol {} #ContentChannel .twoColLeft {width: 340px; float: left; margin-bottom: 15px;} #ContentChannel .twoColRight {width: 340px; float: right; margin-bottom: 15px;} #ContentChannel .tabContent .twoColLeft {width: 320px} #ContentChannel .tabContent .twoColRight {width: 320px} #ContentChannel ul.expandableContent .twoColLeft {width: 300px;} #ContentChannel ul.expandableContent .twoColRight {width: 300px;} #ContentChannel ul.screenShots {margin: 0; padding: 0; clear: both;} #ContentChannel ul.screenShots li {float: left; margin-right: 15px; list-style: none !important;} #ContentChannel a.viewScreenLarge {color: #757575; font-size: 85%; text-transform: uppercase; padding-left: 10px; background: url(/images/secondary-channel/view-all-bullet.gif) 3px 4px no-repeat;} #ContentChannel a.viewScreenLarge:hover {color:#bf0413;} .quote {color: #fff; margin-bottom: 20px; background: #b50310 url(/images/common/quote-top-left.gif) no-repeat 0 0; } .quote .header {width: 3px; height: 3px; background: url(/images/common/quote-top-right.gif) no-repeat 100% 0; float: right;} .quote .footer {background: url(/images/common/quote-bot-left.gif) no-repeat 0 100%;} .quote .channel {background: url(/images/common/quote-top-right.gif) no-repeat 100% 0; color: #fff; padding: 20px 30px 0 30px;} .quote p {} .quote .cite {text-align: right; font-style: italic; color: #f0cdcf; background: url(/images/common/quote-bot-right.gif) no-repeat 100% 100%; padding-right: 23px; padding-bottom: 11px; border: none;} #SidebarSecondary .quote { background: 0; color: #484848; font-size: 87%; margin-bottom: 0px; } #SidebarSecondary .quote p { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0 10px 10px 10px; padding: 7px 5px; } #SidebarSecondary .quote .cite { background: 0; border: none; color: #484848; font-style: normal; font-weight: bold; margin-bottom: 10px; padding: 0 10px 11px 0; } .mainHighlight {background: url(/images/common/main-highlight-bg-top.png) 0 0 no-repeat; padding-top: 10px; margin-bottom: 15px;} .mainHighlight .content {background: url(/images/common/main-highlight-bg-bot.png) 0 100% no-repeat; padding: 0 20px 20px 20px;} .mainHighlight h1 {color:#484848 !important; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;} .mainHighlight h1 em {color: #bf0413;} .mainHighlight ul.buttons {margin: 0 !important; padding: 0; height: 72px;} .mainHighlight ul.buttons li {float: left; list-style: none !important; margin-right: 5px;} .mainHighlight ul.buttons li a {display: block; width: 226px; height: 72px; text-indent: -2000px;} .mainHighlight ul.buttons li a.downloadPostgres {background: url(/images/products/btn-download-postgres-bg.gif) 0 0 no-repeat;} .mainHighlight ul.buttons li a.downloadPostgres:hover {background: url(/images/products/btn-download-postgres-bg.gif) -226px 0 no-repeat;} .mainHighlight ul.buttons li a.getDataSheet {background: url(/images/products/btn-get-datasheet-bg.gif) 0 0 no-repeat;} .mainHighlight ul.buttons li a.getDataSheet:hover {background: url(/images/products/btn-get-datasheet-bg.gif) -226px 0 no-repeat;} .mainHighlight ul.buttons li a.requestInfo {background: url(/images/products/btn-request-info-bg.gif) 0 0 no-repeat;} .mainHighlight ul.buttons li a.requestInfo:hover {background: url(/images/products/btn-request-info-bg.gif) -226px 0 no-repeat;} #ProductsLandingDiagram .content {padding-left: 5px; width: 708px;} #ProductsLandingDiagram h1 {margin-left: 15px; background: url(/images/products/landing/open-source-bg.gif) 99% 0 no-repeat;} #ProductsLandingDiagram #MainImgRollOver {background: url(/images/products/landing/default.jpg) 0 0 no-repeat; height: 335px;} #ProductsLandingDiagram h2 {font-size: 180%; font-weight: normal; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;} #ProductsLandingDiagram h2 em {color: #bf0413;} #ProductsLandingDiagram h2 em.sql {color: #6787a0;} #ProductsLandingDiagram h3 {margin-bottom: 20px;} #ProductsLandingDiagram p.rollOverText {text-transform: uppercase; color: #757575; background: url(/images/products/landing/roll-over-text-bg.gif) 0 50% no-repeat; padding-left: 10px; font-size: 80%; margin-bottom: 35px;} #ProductsLandingDiagram p.learnMore {font-weight: bold; background: url(/images/products/landing/learn-more-bg-left.gif) 0 0 no-repeat; padding-left: 5px;} #ProductsLandingDiagram p.learnMore a {display: block; height: 28px; background: url(/images/products/landing/learn-more-bg-right.gif) 100% 0 no-repeat; color: #fff; text-decoration: none; padding-top: 10px; text-align: center; padding-right: 5px;} #ProductsLandingDiagram .contentText {height: 350px;} #ProductsLandingDiagram p.learnMoreSQL {background-image: url(/images/products/landing/learn-more-sql-bg-left.gif)} #ProductsLandingDiagram p.learnMoreSQL a {background-image: url(/images/products/landing/learn-more-sql-bg-right.gif)} #ServicesDiagram ul.servicesNav {margin: 0; padding: 0; margin-bottom: 10px; width: 700px;} #ServicesDiagram ul.servicesNav li {margin: 0; padding: 0; height: 149px; margin-right: 10px; list-style: none; float: left;} #ServicesDiagram li#TrainingImage {background: url(/images/services/diagram/training.gif) 0 0 no-repeat;} #ServicesDiagram li#CertificationImage {background: url(/images/services/diagram/certification.gif) 0 0 no-repeat;} #ServicesDiagram li#PartnersImage {background: url(/images/services/diagram/partners.gif) 0 0 no-repeat;} #ServicesDiagram li#ConsultingImage {background: url(/images/services/diagram/consulting.gif) 0 0 no-repeat;} #ServicesDiagram li#SupportImage {background: url(/images/services/diagram/support.gif) 0 0 no-repeat;} #TrainingText, #CertificationText, #PartnersText, #ConsultingText, #SupportText {display: none;} #ServicesDiagram h2 {font-size: 170%; font-weight: normal;} fieldset.generic {clear: both;} fieldset.generic label {display:block; width: 400px; text-align: right; margin-bottom: 5px; } fieldset.generic label span.required { font-weight: bold;} fieldset.generic input {width: 250px;} fieldset.generic select {width: 253px;} .genericRadioBtnGroup {padding-bottom: 5px;} .genericRadioBtnGroup .theLabel {float:left; width: 142px; text-align: right; padding-right: 5px;} form div.intro {margin: 0 20px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5;} form div.intro span.title {color: #bf0413; font-size: 120%; font-weight: bold;} form div.intro span.required {font-weight: normal; font-style:italic; color: #396a8c;} form div.intro span.required b {font-style: normal;} fieldset.controls {text-align: right; padding: 10px 5px 10px 0; clear: both;} form span.helpText {font-style: italic; color: #396a8c;} form .loneHelpText {margin-left: 100px; padding-top: 8px;} .formTwoCol fieldset.controls input.button {color: #fff; font-weight: bold; padding-top: 4px; padding-bottom: 8px; border: none; background: url(/images/forms/submit-bg.gif) 0 0 no-repeat; width: 138px;} .formTwoColLeft fieldset.controls {background: url(/images/forms/form-bg-2col-left-bot-bg.gif) 0 100% no-repeat;} .formTwoColLeft {width: 533px; float: left;} .formTwoColLeft .fields {background: url(/images/forms/form-bg-2col-left-top-bg.gif) 0 0 no-repeat;} .formTwoColRight fieldset.generic label {width: 370px;} .formTwoColRight fieldset.generic input {width: 270px;} .formTwoColRight {width: 417px; float: right;} .formTwoColRight .fields {background: url(/images/forms/form-bg-2col-right-top-bg.gif) 0 0 no-repeat;} .formTwoColRight fieldset.controls {background: url(/images/forms/form-bg-2col-right-bot-bg.gif) 0 100% no-repeat;} .formTwoColRight .rememberMe {position:relative} .formTwoColRight .rememberMe .content{position: absolute; left: 150px; top: 5px;} #Footer {font-size: 85%; margin:10px 0; padding-top:10px; color: #909195;} #Footer p.copy { float: left; padding-bottom:3px;} #Footer p.description { float: left; padding-bottom:3px; margin-right: 15px; margin-left:15px;text-align:justify; } #Footer p.description a { color: #909195;background:0; padding-right:0px; margin-right:0px;} #Footer p.description a:hover { color:#bf0413; } #Footer ul.siteLinks { text-align: center; } #Footer ul.siteLinks li { display: inline; } #Footer a {color:#909195; text-decoration:none; background:url("/images/common/footer-divider.gif") center right no-repeat; padding-right:5px; margin-right:2px;} #Footer a:hover {color:#bf0413;} #Footer li.last a {background:0;} /* Utility Classes */ .selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Expandable Content component */ ul.expandableContent { margin: 0 !important; } ul.expandableContent li { background: url(/images/common/tabs/content-closed-bg-top.gif) no-repeat 0 0; list-style: none !important; list-style-image: none !important; margin: 0 0 10px !important; padding-top: 5px !important; padding-bottom: 0 !important; } ul.expandableContent li li { background: #fff !important; list-style-image: url(/images/common/bullet-lev1.gif) !important; padding-top: 0; margin-bottom: 0 !important; } ul.expandableContent li ul {margin-bottom: 15px !important;} ul.expandableContent li ul ul {margin-bottom: 0 !important;} ul.expandableContent li li li {list-style-image: url(/images/common/bullet-lev2.gif) !important;} ul.expandableContent li li li li {list-style-image: url(/images/common/bullet-lev3.gif) !important;} ul.expandableContent li.expanded { background-image: url(/images/common/tabs/content-open-bg-top.gif); } ul.expandableContent li div.content { background: url(/images/common/tabs/content-closed-bg-bot.gif) no-repeat 0 100%; padding: 10px 10px 10px 60px; } ul.expandableContent li.expanded div.content { background-image: url(/images/common/tabs/content-open-bg-bot.gif); } ul.expandableContent li a.expand, ul.expandableContent li a.collapse { background: url(/images/common/tabs/open-close-tab-content.gif) no-repeat 0 0; display: block; float: left; height: 22px; margin: 6px 0 0 12px; text-indent: -32000em; width: 33px; } ul.expandableContent li a.collapse { background-position: -33px 0; } /*UI tabs*/ div.tabbedContent { } .tabbedContent ul.tabNav { margin: 0 !important; } .tabbedContent ul.tabNav li { background: url(/images/common/tabs/tab-off-bg-left.gif) 0 0 no-repeat; float: left; list-style: none !important; margin-left: 3px; padding-left: 3px; width: 238px; /* 3 tabs default */ padding-bottom: 0 !important; } .tabbedContent ul.tabs4 li { width: 177px; } .tabbedContent ul.tabs5 li { width: 140px; } .tabbedContent ul.tabs5 li.last { width: 142px; } /* Even out the lines */ .tabbedContent ul.tabNav li.first { margin-left: 0; } .tabbedContent ul.tabNav li.ui-tabs-selected { background-image: url(/images/common/tabs/tab-active-bg-left.gif); } .tabbedContent ul.tabNav li a { background: url(/images/common/tabs/tab-off-bg-right.gif) 100% 0 no-repeat; color: #484848 !important; display: block; font-size: 90%; font-weight: bold; height: 31px; padding: 15px 0 0 10px; text-transform: uppercase; } .tabbedContent ul.tabNav li a:hover {color: #bf0413 !important;} .tabbedContent ul.tabNav li.ui-tabs-selected a { background-image: url(/images/common/tabs/tab-active-bg-right.gif); color: #fff !important; } .tabbedContent .tabContent { background: #84aac1 url(/images/common/tabs/tabs-bottom-bg.gif) 0 100% no-repeat; color: #222222; padding: 15px; width: 699px; } .tabbedContent .tabContent .contentContainer {background: url(/images/common/tabs/content-open-bg-bot.gif) no-repeat 0 100%;} .tabbedContent .tabContent .contentContainer .content {background: url(/images/common/tabs/content-open-bg-top.gif) no-repeat 0 0; padding: 10px;} /* #GenericTab ul.tabNav {margin: 0;} #GenericTab .openCloseContainer {position: relative; margin-bottom: 10px; background: url(/images/common/tabs/content-closed-bg-top.gif) 0 0 no-repeat; padding-top: 5px;} #GenericTab .openClose {position: absolute; left: 10px; top: 10px;} #GenericTab .openClose a {display: block; width: 33px; height: 22px; background: url(/images/common/tabs/open-close-tab-content.gif) 0 0 no-repeat; text-indent: -2000px;} #GenericTab .contentOpenClosed {padding: 10px 10px 10px 60px; height: 45px; overflow: hidden; background: url(/images/common/tabs/content-closed-bg-bot.gif) 0 -235px no-repeat; } */ /* .ui-tabs-nav { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; float: left; position: relative; z-index: 10; } .ui-tabs-nav li.ui-tabs { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none !important; float: left; width: 200px; margin-left: 3px; padding-left: 3px; padding-bottom: 0 !important; background: url(/images/common/tabs/tab-off-bg-left.gif) 0 0 no-repeat; } .ui-tabs-nav li.first {margin-left: 0} .ui-tabs-nav li.ui-tabs a { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; display: block; background: url(/images/common/tabs/tab-off-bg-right.gif) 100% 0 no-repeat; text-decoration: none; color: #484848 !important; padding-top: 15px; height: 31px; padding-left: 10px; text-transform: uppercase; font-weight: bold; font-size: 90%; } .ui-tabs-nav li.ui-tabs a:hover { color: #bf0413 !important; } .ui-tabs-nav li.ui-tabs-selected { border-bottom-color: #ffffff; background: url(/images/common/tabs/tab-active-bg-left.gif) 0 0 no-repeat; } .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover { background: url(/images/common/tabs/tab-active-bg-right.gif) 100% 0 no-repeat; color: #fff !important; } .ui-tabs-panel { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; clear:left; } */ .ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; } /* home page specific */ .home #ContentChannel {padding: 0;} .home #Footer ul.siteLinks { text-align: right; } .home #Highlight ul {list-style: none; padding: 10px 0 0 0; margin: 0 0 0 15px;} .home #Highlight ul li {list-style: none; padding: 0; margin: 0; float: left; } .home #Highlight ul li.text {width: 55px; height: 27px; text-indent: -2000px; background: url(/images/home/highlights-view-our-solutions.gif) 0 0 no-repeat; margin-top: 40px; margin-right: 10px;} .home #Highlight ul li.btn {margin-left: 5px;} .home #Highlight ul li.btn a {display: block; width: 284px; height: 84px; text-indent: -2000px;} .home #Highlight ul li.btn a:hover {background-position: -284px 0;} .home #Highlight ul li.oracle a {background: url(/images/home/btn-oracle.gif) 0 0 no-repeat;} .home #Highlight ul li.dbTuning a {background: url(/images/home/btn-database-tuning.gif) 0 0 no-repeat;} .home #Highlight ul li.dbReplication a {background: url(/images/home/btn-database-replication.gif) 0 0 no-repeat;} .home #Highlight ul li.dbTraining a {background: url(/images/home/btn-training.gif) 0 0 no-repeat;} div#HomeTabs { } #HomeTabs ul.tabNav {position: relative; margin: 0 !important; } #HomeTabs ul.tabNav li { float: left; list-style: none !important; margin-left: 8px; padding-left: 0; } #HomeTabs ul.tabNav li.first { margin-left: 0; } #HomeTabs ul.tabNav li.last { margin-left: 9px; } #HomeTabs ul.tabNav li a { color: #484848 !important; display: block; font-size: 90%; font-weight: bold; height: 44px; /* height and top padding = 59px */ padding: 15px 0 0 0; text-transform: uppercase; } #HomeTabs ul.tabNav li a:hover {color: #bf0413 !important; background-position: -235px 0 no-repeat !important;} #HomeTabs ul.tabNav li.ui-tabs-selected a {color: #bf0413 !important;} #HomeTabs ul.tabNav li a.powerTools {background: url(/images/home/tab-power-tools-bg.gif) 0 0 no-repeat; padding-left: 60px; width: 175px;} #HomeTabs ul.tabNav li.ui-tabs-selected a.powerTools {background: url(/images/home/tab-power-tools-bg.gif) -235px 0 no-repeat;} #HomeTabs ul.tabNav li a.itResources {background: url(/images/home/tab-it-bg.gif) 0 0 no-repeat; padding-left: 60px; width: 175px;} #HomeTabs ul.tabNav li.ui-tabs-selected a.itResources {background: url(/images/home/tab-it-bg.gif) -235px 0 no-repeat;} #HomeTabs ul.tabNav li a.trainingCal {background: url(/images/home/tab-training-cal-bg.gif) 0 0 no-repeat; padding-left: 60px; width: 175px;} #HomeTabs ul.tabNav li.ui-tabs-selected a.trainingCal {background: url(/images/home/tab-training-cal-bg.gif) -235px 0 no-repeat;} #HomeTabs ul.tabNav li a.newsEvents {background: url(/images/home/tab-news-events-bg.gif) 0 0 no-repeat; padding-left: 60px; width: 175px;} #HomeTabs ul.tabNav li.ui-tabs-selected a.newsEvents {background: url(/images/home/tab-news-events-bg.gif) -235px 0 no-repeat;} #HomeTabs .tabContent { background: url(/images/home/tabs-content-pane-bg.gif) 0 100% no-repeat; color: #222222; padding: 15px 25px; width: 915px; border-top: 1px solid #d3d3d3; margin-top: -1px; } /* home page tab content styles */ #TabNewsEvents .colLeft {width: 540px; float: left;} #TabNewsEvents .colRight {width: 315px; float: right;} .home ul.headers {list-style: none !important; padding: 0 0 5px 0 !important; margin: 0 0 10px 0 !important; clear: both; border-bottom: 1px solid #e5e5e5;} .home ul.headers li {list-style: none !important; padding: 0 !important; margin: 0 !important; float: left;} .home ul.headers li h2 {margin-bottom: 0 !important; color: #484848 !important; } .home ul.headers li.viewAll {float: right;} .home ul.headers li.viewAll a {text-transform: uppercase; text-decoration: none; color: #757575; background: url(/images/secondary-channel/view-all-bullet.gif) 3px 4px no-repeat; padding-left: 10px; font-size: 80%;} .home dl.tabAnnouncements dt {font-weight: bold; color: #bf0413; width: 140px; padding-right: 10px; float: left; text-align: right;} .home dl.tabAnnouncements dd a {color: #484848 !important; text-decoration: underline !important;} .home dl.tabAnnouncements dd {margin-bottom: 10px; padding-left: 150px;} .home dl.tabEvents dt {padding-left: 65px; font-weight: bold; margin-bottom: 5px;} .home dl.tabEvents dd {padding-left: 65px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; font-size: 90%;} .home dl.tabEvents dd.last {border-bottom: none;} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 165px; } #Quotes ul { list-style: none !important; margin: 0; } #Quotes ul li { list-style: none !important; margin: 0; padding: 0;} /* End supporting CSS for jCarousel */ /*Added by AKS*/ ul#Sections_Small { padding-top: 10px; } ul#Sections_Small li { list-style: none; background: 0; float: left; padding: 0 5px 7px 0; margin: 0; } ul#Sections_Small li a { background-position: 0 0; background-repeat: no-repeat; color: #c01; font-size: 85%; font-weight: bold; display: block; line-height: 31px; text-indent: 34px; vertical-align: middle; width: 125px; } ul#Sections_Small li a:hover { background-position: 100% 0; } ul#Sections_Small li a.gettingStarted { background-image: url(/images/common/buttons/getting-started_sm.gif); } ul#Sections_Small li a.articles { background-image: url(/images/common/buttons/articles_sm.gif); } ul#Sections_Small li a.tutorials { background-image: url(/images/common/buttons/tutorials_sm.gif); } ul#Sections_Small li a.webcasts { background-image: url(/images/common/buttons/webcasts_sm.gif); } ul#Sections_Small li a.whitepapers { background-image: url(/images/common/buttons/whitepapers_sm.gif); } ul#Sections_Small li a.documentation { background-image: url(/images/common/buttons/documentation_sm.gif); } ul#Sections_Small li a.faqs { background-image: url(/images/common/buttons/faqs_sm.gif); } ul#Sections_Small li a.licenses { background-image: url(/images/common/buttons/licenses_sm.gif); } ul#Sections_Small li a.overview { background-image: url(/images/common/buttons/overview_sm.gif); } ul#Sections_Small li a.projects { background-image: url(/images/common/buttons/projects_sm.gif); } ul#Sections_Small li a.forums { background-image: url(/images/common/buttons/forums_sm.gif); } ul#Sections_Small li a.blades { background-image: url(/images/common/buttons/blades_sm.gif); } ul#Sections_Small li a.blogroll { background-image: url(/images/common/buttons/blogroll_sm.gif); } ul#Sections_Small li a.partners { background-image: url(/images/common/buttons/partners_sm.gif); } ul#Sections_Small li a.linux { background-image: url(/images/common/buttons/linux_sm.gif); } ul#Sections_Small li a.mac { background-image: url(/images/common/buttons/mac_sm.gif); } ul#Sections_Small li a.windows { background-image: url(/images/common/buttons/windows_sm.gif); } ul#Sections_Small li a.solaris { background-image: url(/images/common/buttons/solaris_sm.gif); }