/* Global */
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	min-width: 935px;
	line-height: 1.5;	
	background-color: #ffffff;
}


@font-face {  
  font-family: "HelveticaLight";  
  src: url(/fonts/HelveticaNeueLight.ttf); /* IE */  
  src: local("HelveticaNeueLight.ttf"), url(/fonts/HelveticaNeueLight.ttf) format("truetype"); /* non-IE */  
}  
 

#wrapper {
	width: 935px;
	padding: 20px;
	margin: 0 auto;
	background: #ffffff;
	text-align: left;
}

#footer {
	width: 935px;
	padding: 10px 0px;
	margin: -20px auto;
	background: #ffffff;
	color: #666666;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #cccccc;
}

.contentFull {
	float: left;
	width: 745px;
	border-top: 3px solid #999999;
	padding-top: 20px;
}

.contentHalf {
	float: left;
	width: 448px;
}

.contentNarrow {
	float: left;
	width: 204px;
	padding-left: 20px;
}

.contentWide {
	float: left;
	width: 446px;
	padding-right: 20px;
}

.contentWideRight {
	float: left;
	width: 446px;
	padding-left: 10px;
}

.screenshotImg {
	float: left;
	width: 600px;
	padding-right: 20px;
}

.screenshotTxt {
	float: left;
	width: 215px;
	margin-left: 28px;
}

.contentNarrowLeft {
	float: left;
	width: 215px;
	margin-right: 20px;
}

.contentNarrowRight {
	float: left;
	width: 215px;
	margin-left: 28px;
}

div.thumbnail {
	float: left;
	width: 215px;
	margin-right: 10px;
}

.calloutBox {
	float: left;
	width: 651px;
	border:1px solid #6096b6; 
	padding: 20px; 
	background-color: #d8ecf8;
}

.scrollBox {
	height:250px; 
	width:325px; 
	overflow-y:scroll; 
	display:block;
	border: 1px solid black; 
	padding: 10px;
	font-size: 11px;
	border: #999999 1px solid;
}

a { color:#3399cc;
}

a img {
	border: none;
}

a.bold {
	font-weight: bold;
}

a.noFlashHP {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
}

a.noFlashHP:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

p.small {
	font-size: 11px;
}

.overviewCopy {
	font-size: 14px;
    font-family: HelveticaLight, Helvetica, Arial, Sans-Serif; 
}

h1 {
	font-size: 36px; 
	color: #333333; 
	font-weight: normal; 
	margin-top: -10px; 
	margin-bottom: 0px;
    font-family: Helvetica, Arial, Sans-Serif; 
}

h1.masthead {
	font-size: 42px;
	font-weight: bold;
	color: #333333;
	padding: 0;
	margin: 10px 0 0 0;
	letter-spacing: -1px;
}

h1.content {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 0;
	margin: 0;
}

h2 {
    font-family: Helvetica, Arial, Sans-Serif;  
	font-size: 18px; 
	color: #666666; 
	font-weight: normal;
	margin: 0px;
}

h2.content {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding: 0;
	margin: 0;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0px;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 15px 0 -5px 0;
}

h5.partnerMap {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 10px 0 -10px 0;
}

/* Header */
#header {
    background: #ffffff;
	width: 935px;
	height: 76px;
	padding: 0;
	margin-right: 0;
	border-bottom: 1px solid #cccccc;
}
#content {
    background: #ffffff;
	width: 935px;
	padding: 30px 0 0 0;
}

#logo p {
	float: left;
	padding: 0;
	margin: 0;
	vertical-align:top;
}

/* Menu */
#menu {
	margin-top: -27px;
	float: right;
	width: 895px;
	height: 30px;
}

ul.solutionsNav {
	padding: 0 0 0 2px;
	list-style: none;
	line-height: 2;
	font-size: 11px;
	margin: 0;
}

li.solutionsNavOff {
	padding: 0 0 2px 0px;
	font-size: 11px;
	font-family: Helvetica;
}

li.solutionsNavOn {
	padding: 0 0 2px 0px;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
}

.solutionsNav a {
	text-decoration: none;
}

#secondaryMenu {
	margin-top: -100px;
	float: right;
	height: 30px;
}
	
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu span {
	font-size: 12px;
}

#menu a {
	width: 173px;
	display: block;
	float: right;
	height: 17px;
	margin: 5px 1px 0 0;
	border-bottom: 4px solid #CCCCCC;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

#menu a:hover {
	border-bottom: 4px solid #39b0da;
}

#menu .current_page_item a {
	border-bottom: 4px solid #39b0da;
	font-weight: bold;
}

/* Solutions */

.SolutionContentFull {
	float: left;
	width: 935px;
	background-repeat: repeat-x;
}

div.solutionMasthead {
	width: 893px;
	height: 336px;
	padding: 20px;
	border: 1px solid #cccccc;
}

div.solutionFeatureIcon {
	float: left;
	width: 120px;
	margin-left: 35px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
}

div.solutionFeatureText {
	float: left;
	width: 292px;
	margin-bottom: 20px;
}

.SolutionPartnerLogos {
	width: 895px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding: 10px 20px 0 20px;
}

.SolutionPartnerLogos h1 {
	font-size: 11px;
	font-weight: bold;
	margin-top: -5px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.solutionIntro {
	font-weight: bold;
	color: #666666;
	font-size: 15px;
	padding: 10px;
	margin-top:10px;
	line-height: 1.5;
}

.statSource {
	font-style: italic; 
	font-size: 10px;
}

div.solutionLogo {
	width: 165px;
	float: left;
	padding-left: 15px;	
}

div.solutionName {
	width: 300px;
	float: left;
}

h2.solutionHeadline  {
    font-family: Helvetica, Arial, Sans-Serif;  
	font-size: 18px; 
	color: #ffffff; 
	font-weight: normal;
	padding-left: 15px;	
	margin: 0px;
}

h1.solutionHeadline  {
	font-size: 48px; 
	color: #ffffff; 
	font-family: HelveticaLight;
	line-height: 1.3;
	margin-top: -10px; 
	margin-bottom: 0px;
	width: 510px;
}

h1.solutionName  {
	font-size: 22px; 
	color: #dfe233; 
	margin-top: 0px; 
	margin-bottom: 10px;
	font-weight: bold;
}

.solutionMasthead p {
	font-size: 13px; 
}

div.solutionFeatures {
	background-image: url(/images/hp-q409/bottom-gradient.png); 
	background-repeat: repeat-x; 
	border-top: 1px dotted #cccccc; 
	padding-left: 10px;
}

div.callout {
	 width: 425px; 
	 padding: 15px; 
	 background-color: #f1f1f1; 
	 float: left;
}

.callout h3 {
	margin-bottom: -10px;
	margin-top: 5px;
}


h1.solutionFeatures {
	font-size: 24px;
	font-family: HelveticaLight;
	margin-left: 10px;
	margin-bottom: 15px;
	color: #3399cc;
}

h2.solutionFeatures {
	font-size: 18px;
	font-family: HelveticaLight;
	color: #333333;
}

p.callout {
	font-size: 24px;
	font-family: HelveticaLight;
	color: #333333;
	margin-bottom: 5px;
}

div.literatureMenu {
	float: left;
	width: 230px;
	font-size: 11px;
	padding-left: 35px;
	margin-left: 30px;
	margin-top: 10px;
}

.literatureMenu h5 {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: -10px;
	padding: 0px;
}

.literatureMenu p {
	line-height: 130%;
}

div.caseStudyCalloutTxt {
	 float: left; 
	 padding-left: 25px; 
	 padding-top: 5px;
	 margin: 15px 0;
	 width: 260px;
	 border-top: 1px dotted #cccccc;
}

div.caseStudyCalloutImg {
	 float: left; 
	 padding-top: 5px;
	 margin: 15px 0;
	 width: 90px;
	 border-top: 1px dotted #cccccc;
}

.caseStudyCalloutTxt h4 {
	border: 0px;
	font-size: 14px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

.caseStudyCalloutTxt h5 {
	border: 0px;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.integrationLogos {
	border: 1px dotted #cccccc; 
	padding: 20px; 
	text-align: center;
}

.integrationLogos h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
}

.integrationLogos h4 {
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dotted #cccccc;
	margin-bottom: 0px;
}

.bottomNarrow {
	float: left;
	width: 204px;
	padding-left: 20px;
	margin-top: 0px;
}

.bottomNarrowLeft {
	float: left;
	width: 204px;
	padding-right: 20px;
	margin-top: 0px;
}

.bottomWide {
	float: left;
	width: 436px;
	padding-right: 20px;
}

.bottomWide h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -10px;
	padding-bottom: 0px;
}

.solutionMenuPgWide {
	width: 490px; 
	float: left; 
	padding-left: 20px;
}

.solutionMenuPgNarrow {
	width: 169px; 
	float: left; 
	padding-top: 15px;
}

h3.solutionsNav {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -10px;
	margin-left: 5px;
	margin-top: 5px;
}

ul.solutionsMenuNav {
	padding: 0 0 0 5px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 2;
	padding-left: 20px;
}

ul.partnerDirectory {
	margin-top: 10px;
	padding: 0;
	list-style-type:none;
	width: 140px;
}

.partnerDirectory li {
	border-bottom: 1px dotted #cccccc;
	padding: 5px 0;
}

#map_canvas {
	height: 600px;
}

.mapBubble h3 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 0;
}

.mapBubble p {
	font-size: 11px;
}



/*Platform*/
div.platformMasthead {
	float: left;
	width: 710px;
	height: 220px;
	padding: 15px;
	border-bottom: 1px solid #999999;
}

.platformMasthead h1 {
	font-size: 36px; 
	color: #333333; 
	font-weight: normal; 
}

.platformMasthead h2 {
	font-size: 18px; 
	color: #666666; 
	width: 310px;
	font-weight: normal;
}

/*License Agreement*/
h3.license {
	font-size: 14px;
}

h4.license {
	font-size: 12px;
}

/* Buzz */
.quote {
	background-color: #39b0da; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	padding: 10px;
}

.quote p {
	color: white;
	font-size: 14px;
}

.quoteSourceLeft {
	float: left;
	width: 550px;
	text-align: right;
	padding-right: 20px;
}

.quoteSourceRight {
	float: left;
	width: 550px;
	text-align: left;
	padding-left: 20px;
}

/* Features & Editions */
.features_list {
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	border-top: 1px solid #cccccc;
	width: 170px;
	font-size: 11px;
	font-weight: bold;
}

.features_columns {
	border-right: 1px solid #cccccc; 
	border-top: 1px solid #cccccc;
	text-align: center;
	width: 125px;
	font-size: 11px;
	font-weight: bold;
}

ul.editions {
	padding: 0;
	font-size: 11px;
	list-style: none;
}

/*News & Events*/
.prDate {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

.prLongHead {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-top: 1px solid #cccccc;
	padding: 5px 0;
}

.prShortHead {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 10px 0;
}

/*Team*/
.teamBio {
	border-top: 1px dotted #cccccc;
}


/* Sidebars */

.sidebar {
	float: left;
	width: 160px;
	padding-right: 30px;
	line-height: 150%;
}

.sidebar2 {
	line-height: 150%;
}

.sidebar a {
	text-decoration: none;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.sideNav {
	padding: 0 0 0 5px;
	list-style: none;
}

ul.sideNavSub {
	padding: 0 0 0 5px;
	list-style: none;
}

ul.sideNavAll {
	padding: 5px 0 0 5px;
	list-style: none;
	margin-top: 10px;
	border-top: 1px dotted #cccccc;
}

li.sideNavOff {
	padding: 0 0 2px 15px;
	background: url(images/bullet-nav-off.png) no-repeat;
}

li.sideNavSubOff {
	padding: 0 0 2px 15px;
	background: url(images/bullet-sub-nav-off.png) no-repeat;
}

li.sideNavOn {
	padding: 0 0 2px 15px;
	background: url(images/bullet-nav-on.png) no-repeat;
}

li.sideNavSubOn {
	margin-top: 2px;
	padding: 0 0 2px 15px;
	background: url(images/bullet-sub-nav-on.png) no-repeat;
}

li.sideNavAll {
	padding: 0 0 2px 15px;
	background: url(images/bullet-nav-all.png) no-repeat;
	font-size: 11px;
}

li.matrix {
	border-bottom: 1px solid #cccccc;
	list-style: none;
	padding: 5px 0;	
}	

li.matrixFinal {
	list-style: none;
	padding: 5px 0;	
}	

ul.matrix {
	margin-left: 0px;
	padding-left: 0px;
}

ul.textMenu {
	padding: 0;
	list-style: none;
}

.textMenu li {
	border-top: 1px dotted #cccccc;
	padding: 5px;
}

.newsDate  {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
	

.sidebar h2 {
	margin: 0 0 7px 0;
	font-size: 12px;
	border-top: 3px solid #CCCCCC;	
}

.sidebar h3 {
	margin: 0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
}

/* Table */

.borderTable {
	border-top: 1px dotted #cccccc;
	margin-bottom: 20px;
}

.borderTable th {	
	border-right: 1px dotted #cccccc;
	text-align: left;
	vertical-align: top;
	width: 32%;
	font-weight: normal;
}

.borderTable td {	
	text-align: left;
	vertical-align: top;
	width: 68%;
	font-weight: normal;
}

.borderTable li {
	padding: 0 0 7px 0;
	margin: 0 0 0 -10px;
}

.borderTable h2 {
	color: #999900;
}

td.handle {
	font-size: 12px;
	font-weight: bold;
	color: #0099cc;
	background: #f5fbfd;
	vertical-align: top;
	width: 32%;
}

td.content {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background: #f5fbfd;
	vertical-align: top;
	width: 68%;
}

td.header {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #999999;
}

td.subHeader {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #e0e0e0;
}

td.spreadsheetGray {
	border-top: 1px solid #c2e4eb;
	background-color:#f5f5f5;
	font-size: 11px;
}

td.spreadsheetGrayFinal {
	border-top: 1px solid #c2e4eb;
	border-bottom: 1px solid #c2e4eb;	
	background-color:#f5f5f5;
	font-size: 11px;
}

td.spreadsheetWhite {
	border-top: 1px solid #c2e4eb;
	background-color:#ffffff;
	font-size: 11px;
}

td.spreadsheetWhiteFinal {
	border-top: 1px solid #c2e4eb;
	border-bottom: 1px solid #c2e4eb;	
	background-color:#ffffff;
	font-size: 11px;
}

td.spreadsheetHeader {
	border-top: 1px solid #cccccc;
	font-size: 14px;
	font-weight: bold;
}

td.spreadsheetFooter {
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	font-weight: bold;
}

/* Contact Form */

.error {
	font-size: 14px;
	color: #cc3333;
	margin-bottom: 20px;
}

.missing_field {
	background: #d7e023;
}


/* Homepage Bullets */

ul.hpBullets {
	font-size: 26px;
	color: #ffffff;
	list-style: none;
}

li.hpBulletRed {
	padding-left: 20px;
	background: url(images/hp-bullet-red.png) no-repeat;
}

li.hpBulletOrange {
	padding-left: 20px;
	background: url(images/hp-bullet-orange.png) no-repeat;
}

li.hpBulletYellow {
	padding-left: 20px;
	background: url(images/hp-bullet-yellow.png) no-repeat;
}

li.hpBulletGreen {
	padding-left: 20px;
	background: url(images/hp-bullet-green.png) no-repeat;
}

li.hpBulletBlue {
	padding-left: 20px;
	background: url(images/hp-bullet-blue.png) no-repeat;
}