/*
* styles.css
*
* The styles.css file contains CSS styles that are used for all browsers.
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body {background: url(../images/common/body-bg.gif) repeat-x;}
#Wrapper { width: 960px; } /* Width of "page" */
#MainChannel { width: 718px; } /* Width of left channel and center channel combined */
div.noSidebar #MainChannel { width: 960px; }
#Content { width: 718px; } /* Width of center channel */
div.noSidebar #Content { width: 960px; } /* Center channel with no sidebar */
#Sidebar { width: 206px; } /* Single sidebar on right */
/*#SidebarPrimary { width: 13.3em; }*/ /* Width of left channel */
/*#SidebarSecondary { width: 13.3em; }*/ /* Width of right channel */
/* = End Widths = */
#Wrapper {
margin: 0 auto; /* Make content centered */
padding: 0;
}
/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }
#MainBody {
padding: 0;
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; padding: 22px 0 30px 0;}
div.home #MainChannel {padding-bottom: 0; padding-top: 0;}
/* Center channel */
#Content { float: left; }
ul#Breadcrumbs { float: left; }
ul#Breadcrumbs li { float: left; }
ul#PageTools { float: right; }
ul#PageTools li { float: left; }
/* Right Channel */
#SidebarSecondary { float: right; }
/* If there's only a right channel */
#Sidebar { float: right; padding: 30px 0 30px 0;}
/* Setup some defaults, site-wide */
#Content h1 { color: #191818; font-size: 167%; font-weight: bold; padding-bottom: 6px; }
#Content h2 {
border-bottom: 1px solid #ccc;
color: #333;
font-size: 138.5%;
font-weight: bold;
margin-bottom: 8px;
margin-top: 8px;
padding-bottom: 4px;
}
#Content h3 { color: #d2492a; font-size: 131%; font-weight: bold; padding-bottom: 12px;}
#Content h4 { color: #d2492a; font-size: 108%; font-weight: bold; padding-bottom: 5px;}
#ContentChannel p { font-size: 108%; line-height: 1.4em; margin-bottom: 20px; }
#Content a {color: #005a8b;}
#Content ul {margin-bottom: 20px;}
#Content ul li {
background: url(../images/common/bullet.gif) no-repeat 5px 6px;
font-size: 108%;
padding-bottom: 13px;
padding-left: 20px;
}
#Content ol { margin-left: 40px; }
#Content ol li {
font-size: 108%;
list-style-type: decimal;
padding-bottom: 8px;
}
#Content .intro {background: url(../images/common/content-intro-bg.gif) no-repeat 0 0; padding-top: 18px;}
.noSidebar #Content .intro {background: url(../images/common/content-intro-wide-bg.gif) no-repeat 0 0;}
#Content .productIntro {margin-bottom: 25px; position: relative;}
#Content .productIntro .content {float: right; width: 385px;}
#Content .productIntro p {color: #333; font-size: 108%; border-bottom: 1px solid #e5e5e5;}
#Content .productIntro .buttons {padding-top: 12px;}
#Content .productIntro .buttons ul {margin-bottom: 0;}
#Content .productIntro .buttons ul li {
background: url(../images/products/product-intro-button.gif) no-repeat 0 0;
display: block;
float: left;
font-size: 100%;
height: 43px;
margin-right: 5px;
padding-left: 10px;
}
#Content .productIntro .buttons ul li.last {margin-right: 0;}
#Content .productIntro .buttons a {
background: url(../images/products/product-intro-button.gif) no-repeat 100% 100%;
color: #fff;
display: block;
height: 43px;
padding-right: 10px;
text-decoration: none;
}
#Content .productIntro .buttons a span {display: block; font-weight: bold; padding: 13px 12px 0 12px; white-space: nowrap;}
#Content .productImagery {float: left; width: 300px; }
#Content .productImagery .standardContainer {
display: block;
height: 243px;
margin-bottom: 13px;
width: 303px;
}
#Content .productImagery .standardContainer img {}
#Content .productImagery ul.thumbnails {padding-left: 0; margin-bottom: 0;}
#Content .productImagery ul.thumbnails li {
display: block;
float: left;
padding: 0 9px 0 0;
}
#Content .productImagery ul.thumbnails li img {border: 1px solid #e7e6e6; padding: 3px;}
#Content .productImagery ul.thumbnails li.last {padding-right: 0;}
#Content .productImagery ul.thumbnails li.selected img {border: 1px solid #364c4c;}
#Content .productImagery ul.thumbnails li img {cursor: pointer; padding: 2px;}
#Content #ProductImage {cursor: pointer;}
#Content .quoteBox {background: url(../images/common/quote-box-bg.gif) no-repeat 0 0; margin-bottom: 35px;}
div.noSidebar #Content .quoteBox {background: 0; border: 1px solid #e7e6e6; border-bottom: 0;}
#Content .quoteBox .channel {
border-bottom: 1px solid #e7e6e6;
padding: 15px 1px 10px 1px;
position: relative;
}
#Content .quoteBox .footer {background: url(../images/common/quote-box-bg.gif) no-repeat 100% 100%;}
#Content .quoteBox .channel .quoteContainer {background: url(../images/common/quote-box-content-bg.gif) repeat-y; display: table;}
#Content .quoteBox .logo {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 172px;
}
#Content .quoteBox .quote {
display: table-cell;
padding: 5px 0;
vertical-align: middle;
width: 544px;
}
div.noSidebar #Content .quoteBox .quote {width: 788px;}
#Content .quoteBox .channel .noLogo {background: 0;}
#Content .quoteBox .noLogo .quote { width: auto; }
#Content .quoteBox .quote q {
display: block;
font-size: 108%;
font-style: italic;
font-weight: bold;
padding: 0 55px;
}
#Content .quoteBox .quote cite {
color: #d44d2c;
display: block;
font-size: 93%;
padding: 8px 15px 0 55px;
text-align: right;
}
#Content .quoteBox .footer .content {color: #005a8b; float: right; padding-right: 5px;}
#Content .quoteBox .footer ul {margin-bottom: 0;}
#Content .quoteBox .footer ul li {background: 0; float: left; padding: 8px 0;}
#Content .quoteBox .footer ul li a {font-size: 93%; padding: 0 10px; text-decoration: none;}
.twoCol {}
.twoCol div.first {float: left; width: 320px;}
.twoCol div.last {float: right; width: 358px;}
.twoCol_right {}
.twoCol_right div.first {float: left; width: ;}
.twoCol_right div.last {float: right; width: ;}
#Content .callout {border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 22px;}
#Content .callout .channel {background: url(../images/common/callout-box.gif) no-repeat 0 0;}
#Content .callout .content {padding: 13px 10px 0 10px;}
#Content .callout .calloutText {
display: block;
float: left;
padding: 8px 0 11px;
text-align: right;
width: 100px;
}
#Content .callout .calloutText h3 {color: #d2492a; font-size: 161.6%; font-weight: bold; padding-bottom: 0;}
#Content .callout .button {float: right; display: block;}
#Content .getAnswer .button { padding-top: 12px; }
#Content .callout .button a {
background: url(../images/common/callout-button.gif) no-repeat 0 0;
color: #fff;
cursor: pointer;
display: block;
font-weight: bold;
height: 43px;
padding-left: 10px;
text-decoration: none;
}
#Content .callout .button a span {
background: url(../images/common/callout-button.gif) no-repeat 100% 100%;
display: block;
height: 31px;
padding: 12px 25px 0 15px;
white-space: nowrap;
}
#Content .getAnswer .button a span { width: 530px; }
#Content .callout .footer {background: url(../images/common/callout-box.gif) no-repeat 100% 100%; height: 10px;}
#Content ul.nextSteps {}
#Content ul.nextSteps li {background: 0; font-size: 100%; padding-bottom: 6px; padding-left: 0;}
#Content ul.nextSteps li a {
background: url(../images/common/next-steps-button.gif) no-repeat 0 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 93%;
font-weight: bold;
height: 35px;
text-decoration: none;
width: 358px;
}
#Content ul.nextSteps li a span {display: block; padding: 10px 30px 0 17px;}
#Content .solutionsContainer {margin-bottom: 20px;}
#Content .solutionsContainer .first {display: block; float: left; width: 466px;}
#Content .solutionsContainer .last {display: block; float: right; width: 477px;}
#Content .solutionsContainer .imageBlock {margin-bottom: 25px;}
#Content .solutionsContainer .imageBlock h3 {font-size: 108%; padding-bottom: 5px;}
#Content .solutionsContainer .imageBlock p {font-size: 100%; margin-bottom: 5px;}
#Content .solutionsContainer .imageBlock a.more {background: url(../images/common/more-arrow.gif) no-repeat 100% 7px; padding-right: 10px;}
#Content .twitterBox {margin-bottom: 20px;}
#Content .twitterBox .channel {background: url(../images/common/twitter-box.gif) no-repeat 0 0; padding-top: 10px; width: 956px;}
#Content .twitterBox .channel .tweetContainer {display: table;}
#Content .twitterBox .logo {display: table-cell; vertical-align: middle; width: 120px;}
#Content .twitterBox .logo .content {padding-left: 25px;}
#Content .twitterBox .logo a.twitter {
background: url(../images/icons/twitter-lg.gif) no-repeat 0 0;
display: block;
height: 78px;
outline: 0;
text-indent: -32000em;
width: 60px;
}
#Content .twitterBox .tweet {display: table-cell; vertical-align: middle; width: 836px;}
#Content .twitterBox .tweet .content {font-size: 123.1%; font-weight: bold; padding-right: 30px;}
#Content .twitterBox .footer {background: url(../images/common/twitter-box.gif) no-repeat 100% 100%; height: 10px; width: 956px;}
#Content .newsCol {}
#Content .newsCol .first {display: block; float: left; width: 464px;}
#Content .newsCol .last {display: block; float: right; width: 464px;}
#Content .newsHeader {
background: #f5f6f1;
border: 1px solid #d8d8d8;
margin-bottom: 15px;
padding: 8px 20px 7px 12px;
}
#Content .newsHeader .more {float: right;}
#Content .newsHeader .more a {
color: #d44d2c;
display: block;
font-size: 85%;
font-weight: bold;
padding-left: 18px;
padding-top: 5px;
text-decoration: none;
}
#Content .newsHeader h2 {border: 0; font-size: 108%; margin: 0; padding: 0;}
#Content dl.events {margin-bottom: 10px; padding: 0 12px;}
#Content dl.events dt {margin-bottom: 5px;}
#Content dl.events dt a {font-size: 108%; font-weight: bold;}
#Content dl.events dd {font-size: 93%; margin-bottom: 20px;}
#Content dl.newsListing {margin-bottom: 10px; padding: 0 12px;}
#Content dl.newsListing dt {font-size: 93%; margin-bottom: 3px;}
#Content dl.newsListing dd {margin-bottom: 20px;}
#Content dl.newsListing dd a {font-size: 108%; font-weight: bold;}
#Content div.eventCol {margin-bottom: 10px; padding: 0 12px;}
#Content div.eventCol p{margin-bottom: 10px; }
#Content div.eventCol p a {font-size: 103%; font-weight: bold;}
/*
TODO Standard Box Styles
*/
.highlightBox { }
.featureBox { }
/*
Image Block
Image on left, content on right
Content Title
Info about the image
*/
.imageBlock { }
.imageBlock h3 { float: right; width: 300px;}
.imageBlock p { float: right; }
.imageBlock p.image { float: left; margin-right: 0px; width: auto; }
/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p { color: #333; width: 300px; }
/*
Standard Document Lists
*/
#Content ul.documents { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; }
#Content ul.noBorder {border-bottom: 0; padding-bottom: 0;}
#Content ul.documents li { background: 0 !important; padding-bottom: 5px; padding-left: 0; }
#Content ul.documents li a {
display: block;
font-size: 93%;
padding-left: 24px;
line-height: 20px;
}
#Content ul.documents li a.pdf {
background: url(../images/icons/pdf.png) no-repeat 2px 1px;
}
#Content ul.documents li a.html {
background: url(../images/icons/html.png) no-repeat 7px 4px;
}
#Content ul.documents li a.video {
background: url(../images/icons/video.png) no-repeat 2px 2px;
}
#Content .productInfographic {margin-bottom: 15px;}
#Content .productInfographic .channel {background: url(../images/products/product-infographic-bg.gif) no-repeat 0 0; padding-top: 10px;}
#Content .productInfographic .footer {background: url(../images/products/product-infographic-bg.gif) no-repeat 100% 100%; height: 10px;}
#Content .productInfographic .channel .content {padding: 12px 32px 0 34px;}
#Content .productInfographic .channel h3 {font-size: 138.5%; padding-bottom: 5px;}
#Content .productInfographic .productGroup {margin-bottom: 10px;}
#Content .productInfographic .largeBox {display: block; float: left; margin-bottom: 3px}
#Content .productInfographic .largeBox a {
background: url(../images/products/infographic-large-box.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 58px;
width: 889px;
}
#Content .productInfographic .largeBox a:hover {background: url(../images/products/infographic-large-box.png) no-repeat 0 100%; }
#Content .productInfographic .smallBox {display: block; float: left; margin-bottom: 3px; padding-right: 3px;}
#Content .productInfographic .last {padding-right: 0;}
#Content .productInfographic .smallBox a {
background: url(../images/products/infographic-small-box.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 117px;
width: 220px;
}
#Content .productInfographic .smallBox a:hover {background: url(../images/products/infographic-small-box.png) no-repeat 100% 0;}
#Content .productInfographic .largeBox span, #Content .productInfographic .smallBox span {
display: block;
outline: 0;
text-indent: -32000em;
}
#Content .productInfographic .largeBox span {height: 58px; width: 889px;}
#Content .productInfographic .smallBox span {height: 117px; width: 220px;}
#Content .productInfographic #IntegrityManager span {background: url(../images/products/text_integrity_manager.png) no-repeat 0 0;}
#Content .productInfographic #StaticAnalysis span {background: url(../images/products/text_static_anslysis.png) no-repeat 0 0;}
#Content .productInfographic #DynamicAnalysis span {background: url(../images/products/text_dynamic_analysis.png) no-repeat 0 0;}
#Content .productInfographic #BuildAnalysis span {background: url(../images/products/text_build_analysis.png) no-repeat 0 0;}
#Content .productInfographic #ArchitectureAnalysis span {background: url(../images/products/text_architecture_analysis.png) no-repeat 0 0;}
#Content .productInfographic .productDescContainer {
color: #d44d2c;
display: block;
font-size: 108%;
font-weight: bold;
height: 74px;
width: 100%;
}
#Content .productInfographic .productDescContainer div.hide {display: none;}
#Content .productInfographic .productDescContainer .productDesc {display: table; height: 74px; margin: 0 20px;}
#Content .productInfographic .productDescContainer .productDesc span {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
}
#Content .productsLandingCols {margin-bottom: 10px;}
#Content .productsLandingCols div.first {float: left; width: 656px;}
#Content .productsLandingCols div.last {float: right; width: 277px;}
#Content .productsLandingCols div.last p {font-size: 93%; margin-bottom: 14px;}
#Content .productsLandingCols h2 {border: 0; color: #d44d2c}
#Content ul.coverity5Buttons {margin-bottom: 10px;}
#Content ul.coverity5Buttons li {font-size: 100%; padding-bottom: 6px; padding-left: 0;}
#Content ul.coverity5Buttons li a {
background: url(../images/common/coverity5-button.gif) no-repeat 0 0;
color: #fff;
display: block;
font-size: 93%;
font-weight: bold;
height: 35px;
text-decoration: none;
}
#Content ul.coverity5Buttons li a span {display: block; padding: 10px 15px 0 15px;}
/*
Layout horizontal buttons
*/
ul.buttons { margin-bottom: 8px; }
ul.buttons li {
background: 0 !important;
float: left;
font-size: 100% !important;
margin: 0 5px 0 0 !important;
padding: 0 !important;
}
ul.buttons li a {
background: url(../images/common/standard-button.gif) no-repeat 0 0;
color: #fff;
cursor: pointer;
height: 34px;
float: left;
padding-left: 10px;
text-decoration: none;
}
ul.buttons li a span {
background: url(../images/common/standard-button.gif) no-repeat 100% 100%;
color: #fff;
display: block;
font-weight: bold;
height: 26px;
padding: 8px 25px 0 15px;
white-space: nowrap;
}
/*
Standard Button Display
Sample Button
*/
a.button {
display: block;
float: left; /* Collapse around text */
text-decoration: none;
}
a.button:hover { text-decoration: none; }
a.button span { display: block; float: left; }
a.button em { display: block; float: left; }
/* Custom display properties for a button on the site - updated for each site */
a.sampleButton {
background: url(../images/common/sample-button-bg.png) no-repeat 100% 100%;
height: 41px; /* height of button image */
padding-right: 10px; /* right padding for image edge */
}
a.sampleButton span {
background: url(../images/common/sample-button-bg.png) no-repeat 0 0;
color: #fff;
font-size: 116%;
padding-left: 10px; /* balance out right padding */
}
a.sampleButton:hover span { color: #fc0; }
a.sampleButton em {
line-height: 41px; /* Provides vertical centering */
/* Add styles here if image has an icon on it, left or right of text */
}
/*
TODO More links
*/
a.more { }
/*
TODO Button Style
*/
a.button { }
a.buttonLarge { }
a.button span { }
a.button span em { }
/*
Same height columns
*/
div.columnWrapper {
position: relative; /* relative position on display table element causes problems */
}
ul.columns {
display: table;
margin: 0 !important; /* Override any values set for */
padding: 0 !important; /* lists in the content area */
}
ul.columns li.column {
display: table-cell;
vertical-align: top;
background: none !important; /* Override any values */
margin: 0 !important; /* set for lists in */
padding: 0 !important; /* the content area */
}
ul.twoUp li.column { width: 50%; }
ul.threeUp li.column { width: 33%; }
ul.sampleColumns { }
ul.sampleColumns li { border-right: 1px solid #333; width: 275px; }
ul.sampleColumns li.last { border-right: 0; }
ul.sampleColumns div.content { padding: 8px 16px 12px; }
ul.sampleColumns p.more {
bottom: 2px;
margin-bottom: 0;
position: absolute;
text-align: right;
width: 243px;
}
/* Standard Grid display */
/* From: http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php */
ul.grid { }
ul.grid li {
display:-moz-inline-stack !important;/* Firefox 2 and under to simulate display:inline-block */
display: inline-block !important;
padding: 0 !important;
vertical-align: text-top;
}
/* Set layout properties for specific grid implementations. The standard ul.grid
selector should remain unchanged from project to project.
Though you should use something more descriptive than just "sampleGrid"
*/
ul.sampleGrid li {
background: 0 !important;
margin: 0 10px 0 5px; /* Set as appropriate */
padding-bottom: 10px !important;
width: 250px; /* Set as appropriate */
}
/* Need vertical centering solution that works for both one and two lines of text.
See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
div.vertBox .channel { display: table; }
div.vertBox .channel .content { display: table-cell; vertical-align: middle; }
/* Set layout properties for specific vertical positioning implementations.
The standard selector should remain unchanged from project to project.
*/
div.sampleVertBox .channel {
border: 1px solid #333;
height: 39px; /* Set as appropriate */
}
div.sampleVertBox .content {
font-size: 93%; /* Set as appropriate */
line-height: 1.2em; /* Set as appropriate */
padding: 0 6px;
text-align: center;
width: 88px; /* Set as appropriate */
}
/* Sidebar */
#Sidebar {background: url(../images/rightcolumn/sidebar-bg.gif) no-repeat 0 100%; padding-bottom: 14px;}
#NavigationSecondary {background: url(../images/navigation/secondarynav-bg.gif) no-repeat 0 0; margin-bottom: 0px; padding-top: 1px;}
#NavigationSecondary ul {background: url(../images/navigation/secondarynav-bg.gif) no-repeat 100% 100%; padding: 1px;}
#NavigationSecondary ul li {border-bottom: 1px solid #e5e5e5; padding: 0 1px 1px 1px;}
#NavigationSecondary ul li.last {border-bottom: 0;}
#NavigationSecondary ul li a {
background: url(../images/navigation/secondarynav-link-bg.gif) no-repeat 0 0;
color: #999;
display: block;
font-size: 93%;
padding: 16px 10px 15px 30px;
text-decoration: none;
}
#NavigationSecondary ul li a:hover, #NavigationSecondary ul li a.active {background: url(../images/navigation/secondarynav-link-bg.gif) no-repeat 100% 0; color: #333;}
#Sidebar .tile {margin-bottom: 4px;}
#Sidebar .tile .channel {position: relative;}
#Sidebar .tile .aerospace {background: url(../images/rightcolumn/aerospace-defense-webinar.jpg) no-repeat 0 0; height: 202px;}
#Sidebar .tile a.integrityAudit {background: url(../images/rightcolumn/tile-integrity-audit.jpg) no-repeat 0 0; display: block; height: 260px; text-indent: -32000em;}
#Sidebar .tile .channel .content {bottom: 10px; left: 0; position: absolute; padding: 0 10px;}
#Sidebar .tile .channel .content h3 {color: #d2492a; font-size: 123.1%; font-weight: bold; padding-bottom: 5px;}
#Sidebar .tile .channel .content p {color: #333; font-size: 93%;}
#Sidebar .tile .footer {border: 1px solid #e7e6e6;}
#Sidebar .tile .footer .content a.callToAction {
background: #d44d2c url(../images/rightcolumn/tile-cta.gif) no-repeat 0 0;
color: #fff;
display: block;
font-size: 93%;
font-weight: bold;
padding: 7px 30px 8px 12px;
text-decoration: none;
}
.ui-tabs-hide { display: none; }
ul.tabNav { border-bottom: 1px solid #d8d8d8; margin: 0 !important; }
ul.tabNav li {
background: 0 !important;
border: 1px solid #d8d8d8;
float: left;
margin: 0 6px -1px 0;
padding: 0 !important;
}
ul.tabNav li.ui-state-active { border-bottom: 1px solid #fff; }
ul.tabNav a { color: #999 !important; cursor: pointer; float: left; text-decoration: none; }
ul.tabNav a:focus { outline: none; }
ul.tabNav li.ui-state-active a { color: #000 !important; }
ul.tabNav span { float: left; font-size: 85%; font-weight: bold; padding: 14px 8px 3px; min-width: 100px; }
#ContentChannel .tabs { padding-bottom: 25px; }
#ContentChannel .tabContent {
border: 1px solid #d8d8d8; border-top: 0;
padding: 20px 40px 10px;
}
#ContentChannel .tabContent p, #ContentChannel .tabContent li { font-size: 100%; }
a.todo { background: yellow !important; color: red !important; font-weight: bold; }
dl.news { border-bottom: 1px solid #e5e5e5; margin-bottom: 18px; padding-bottom: 18px; }
dl.news dt { color: #d2492a; font-size: 108%; font-weight: bold; padding-bottom: 2px; }
dl.news dd { float: left; width: 300px; }
dl.news dd.socialMedia { float: right; width: auto; }
dl.news a.twitter {
background: url(../images/icons/twitter-small.png) no-repeat 0 0;
float: left;
height: 16px;
margin-right: 10px;
text-indent: -32000em;
width: 16px;
}
dl.news a.linkedin {
background: url(../images/icons/linkedin-small.png) no-repeat 0 0;
float: left;
height: 16px;
text-indent: -32000em;
width: 16px;
}
p.pp_description { font-size: 108%; font-weight: bold; width: 90%; }
div.solutionsBox{
float: left;
width: 932px;
}
div.imagebox{
float: left;
width: 466px;
height: 160px;
}
div.imagebox2{
float: left;
width: 466px;
height: 125px;
}
div.solutionsBox p{
float: left;
width: 300px;
}
div.solutionsBox p.image{
float: left;
width: 140px;
}
div.solutionsBox h3{
float: left;
width: 300px;
}
#Content .threeColFeatureBoxes {
background: url(/images/common/three-col-feature-boxes-bg.gif) no-repeat 100% 100%;
margin-bottom: 24px;
padding-bottom: 3px
}
#Content .threeColFeatureBoxes .container {
background: url(/images/common/three-col-feature-boxes-bg.gif) no-repeat 0 0;
}
#Content .threeColFeatureBoxes .channel {}
#Content .threeColFeatureBoxes .footer {}
#Content .threeColFeatureBoxes .channel div.col {
padding-top: 27px;
}
#Content .threeColFeatureBoxes .footer div.col {
padding: 0 36px;
}
#Content .threeColFeatureBoxes div.first {
float: left;
padding-right: 20px;
width: 308px;
}
#Content .threeColFeatureBoxes div.middle {
float: left;
width: 308px;
}
#Content .threeColFeatureBoxes div.last {
float: right;
width: 308px;
}
#Content .threeColFeatureBoxes .channel .content {
padding: 0 36px;
}
#Content .threeColFeatureBoxes .footer .content {
padding: 0 36px 17px;
}
#Content .threeColFeatureBoxes .content p {
color: #666;
font-size: 93%;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.6em;
}
#Content .threeColFeatureBoxes h3 {
color: #156ea1;
font-size: 174%;
padding: 0 0 17px 46px;
}
#Content .threeColFeatureBoxes h3.compliance {
background: url(/images/icons/clipboard.png) no-repeat 0 0;
}
#Content .threeColFeatureBoxes h3.defects {
background: url(/images/icons/asterisk.png) no-repeat 0 0;
padding: 0 0 17px 62px;
}
#Content .threeColFeatureBoxes h3.featuredContent {
background: url(/images/icons/bookmark.png) no-repeat 0 0;
min-height: 39px;
padding: 0 0 17px 60px;
}
#Content .threeColFeatureBoxes a.button {
background: url(/images/common/feature-box-button.png) no-repeat 0 0;
color: #156ea1;
float: none;
font-weight: bold;
height: 30px;
padding-top: 8px;
text-align: center;
width: 235px;
}
#Content .threeColFeatureBoxes a.button:hover {background-position: 0 100%; color: #fff;}
#CustomerCarousel ul li {background: 0; padding-left: 0;}
#Content .banner {height: 184px; margin-top: 3px; padding-bottom: 21px; width: 960px;}
#Content .banner .channel {height: 144px; padding: 30px 35px 10px 450px;}
#Content .banner .medicalDevices {
background: url(../images/industry_solutions/mast-medical-devices.jpg) no-repeat 0 0;
}
#Content .banner .financialServices {
background: url(../images/industry_solutions/mast-financial-services.png) no-repeat 0 0;
}
#Content .banner .aerospaceDefense {
background: url(../images/industry_solutions/mast-aerospace.png) no-repeat 0 0;
}
#Content .banner h1 {color: #fff; font-size: 216%; line-height: 1.2em; padding-bottom: 19px;}
#Content .banner p {color: #fff; font-size: 123.1%; font-weight: bold;}
.right_logo{
float: right;
padding-left: 20px;
margin-bottom: 10px;
}
p.right_logo img{
padding-left: 20px;
margin-bottom: 10px;
}
div.noSidebar #MainChannel { width: 960px; }
#Content { width: 718px; } /* Width of center channel */
div.noSidebar #Content { width: 960px; }
#Content .hpBanner {
background: url(/images/products/coverity-hp-banner.jpg) no-repeat 0 0;
height: 479px;
margin-bottom: 15px;
margin-top: 3px;
width: 960px;
}
#Content .hpBanner .channel {
float: left;
padding: 28px 0 0 41px;
width: 425px;
}
#Content .hpBanner .channel h1 {
color: #fff;
font-size: 189%;
font-weight: normal;
line-height: 1.3em;
}
#Content .hpBanner .channel h2 {
border: 0;
color: #fff;
font-size: 108%;
font-style: italic;
font-weight: bold;
margin-top: 3px;
}
#Content .hpBanner .channel p {
color: #fff;
font-size: 100%;
}
#Content .hpBanner .channel p a {color: #fff;}
#Content .hpBanner .channel ul.mastButtons {padding-top: 5px;}
#Content .hpBanner .channel ul.mastButtons li {
background: url(/images/common/mast-button.gif) no-repeat 0 0;
float: left;
font-size: 116%;
height: 34px;
margin-right: 10px;
padding-left: 15px;
}
#Content .hpBanner .channel ul.mastButtons li a {
background: url(/images/common/mast-button.gif) no-repeat 100% 100%;
color: #fff;
display: block;
font-weight: bold;
height: 34px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
}
#Content .hpBanner .channel ul.mastButtons li a span {
display: block;
padding-right: 5px;
padding-top: 8px;
}
#Content .hpBanner .infographic {
float: right;
width: 494px;
}
#Content .devTestingColumns { }
#Content .devTestingColumns div.first { width: 463px; float: left; }
#Content .devTestingColumns div.last { width: 463px; float: right; }
#Content .devTestingColumns h2 { border: 0; color: #d44d2c; font-size: 153.9%; }
#Content .devTestingCharacteristics {
border: 3px solid #ddd;
border-left: 0;
border-right: 0;
padding-top: 25px;
margin-bottom: 20px;
}
#Content .devTestingCharacteristics h2 { border: 0; color: #d44d2c; font-size: 153.9%; }
#Content .devTestingCharacteristics h3 { color: #000; font-size: 123.1%; padding-bottom: 8px; }
#Content .devTestingCharacteristics li {
background: url(../images/development-testing/icons.png) no-repeat 0 0;
font-size: 100%;
padding-left: 104px;
}
#Content .devTestingCharacteristics li.speed { background-position: -960px 0; }
#Content .devTestingCharacteristics li.integration { background-position: -1920px 0; }
#Content .devTestingCharacteristics li.extensibility { background-position: -2880px 0; }
#Content .devTestingCharacteristics li.scalability { background-position: -3840px 0; }
#Content .devTestingCharacteristics li em { font-weight: bold; font-style: italic; }
#Content .devTestingWidget {
background: #444;
border-bottom: 5px solid #666;
height: 347px;
position: relative;
margin-bottom: 50px;
}
#Content .devTestingWidget .channel { background: #666; padding: 28px 431px 16px 36px; }
#Content .devTestingWidget h2 {
color: #fff;
font-size: 153.9%;
margin: 0 0 12px;
padding: 0;
border: 0;
}
#Content .devTestingWidget p {
color: #fff;
font-size: 153.9%;
font-weight: bold;
margin: 0;
}
#Content .devTestingWidget .infographic {
background: url(../images/development-testing/diagram-development.png) no-repeat 0 0;
position: absolute;
right: 0;
top: 0;
}
#Content .devTestingWidget .triggers {
background: #333;
border-bottom: 4px solid #999;
padding-left: 26px;
}
#Content .devTestingWidget dl {
border-top: 1px solid #444;
border-bottom: 4px solid #333;
color: #fff;
float: left;
margin-bottom: -4px;
}
#Content .devTestingWidget dl dt {
display: inline;
float: left;
margin: 0 0 -13px 2px;
padding-bottom: 9px;
}
#Content .devTestingWidget dl dt.last { margin-right: 2px; }
#Content .devTestingWidget dl dt.active {
background: url(../images/development-testing/arrow.png) no-repeat 50% 100%;
}
#Content .devTestingWidget dt em {
border-bottom: 4px solid #fff;
display: block;
font-weight: bold;
padding: 10px 8px 8px;
}
#Content .devTestingWidget dt.active em { border-color: #D44D2C; }
#Content .devTestingWidget dd {
left: 36px;
line-height: 1.4em;
position: absolute;
top: 255px;
width: 455px;
}
#DefineControlTestTabs {
-moz-box-shadow: 3px 3px 0px #b5b5b5;
-webkit-box-shadow: 3px 3px 0px #b5b5b5;
box-shadow: 3px 3px 0px #b5b5b5;
behavior: url(/includes/PIE.htc);
}
#DefineControlTestTabs .tabs { padding: 0; }
#DefineControlTestTabs h2 {
background: #9D9D9D;
border: 0;
color: #fff;
margin: 0;
padding: 8px 0 6px;
position: relative;
text-align: center;
text-transform: uppercase;
}
#DefineControlTestTabs ul.tabNav {
background: url(../images/development-testing/governance/coverity-product-sprite.gif) no-repeat 0 0;
border: 1px solid #9d9d9d;
border-bottom: 0;
height: 210px;
}
#DefineControlTestTabs ul.active1 { background-position: 0 -210px; }
#DefineControlTestTabs ul.active2 { background-position: 0 -420px; }
#DefineControlTestTabs ul.tabNav li { border: 0; margin: 0; }
#DefineControlTestTabs ul.tabNav a {
float: left;
height: 210px;
text-indent: -32000em;
width: 319px;
}
#DefineControlTestTabs .tabContent {
background: #fff url(../images/development-testing/governance/tab-content-bg.png) repeat-x 0 0;
border: 1px solid #9d9d9d;
border-top: 0;
padding: 40px 45px;
}
#DefineControlTestTabs .content { float: right; width: 420px; }
#DefineControlTestTabs .content ul { margin: 0; }
#DefineControlTestTabs .content li {
background: 0;
line-height: 1.4em;
padding-left: 0;
}
#DefineControlTestTabs .content li a { font-weight: bold; text-decoration: none; }
#DefineControlTestTabs .content li a.learnMore { font-weight: normal; }
#DefineControlTestTabs .tabContent img {
-moz-box-shadow: 3px 3px 0px #b5b5b5;
-webkit-box-shadow: 3px 3px 0px #b5b5b5;
box-shadow: 3px 3px 0px #b5b5b5;
behavior: url(/includes/PIE.htc);
border: 1px solid #999;
float: left;
z-index: 5;
position: relative;
}
#DefineControlTestTabs a.more {
background: url(../images/development-testing/governance/coverity-product-learn-more.png) no-repeat 0 0;
display: block;
height: 26px;
text-indent: -32000em;
width: 155px;
}
#ContentChannel p.productsIntro { padding-top: 4px; }
