/* BOILERPLATE */
html {margin: 0; padding: 0; border: 0 none;}
table, td, th, div, img, form {margin: 0; padding: 0; border: 1;}
input {margin: 0; padding: 0;}
td, th {vertical-align: top;}
img {border: 0;}
/* DEFAULT COLORS AND FONTS */
body {background: white; color: black;}
a:link, a:visited {color: #ED1840; text-decoration: none; border: 0 none;}
a:hover {color: #3E444F; text-decoration: none; border: 0 none;}
td, div, p, li, input, select, h1, h2, h3, h4
{font-family: Verdana, Arial, Helvetica, sans-serif;}
th, td, div, p, li, input, select
{font-size: 11px; line-height: 16px;}
/* SET UP TABLES (widths & heights) */
/* header on most pages */
#headtable {width: 100%; min-width: 710px; table-layout: auto;}
#logo {width: 200px; height: 62px;}
#toplinks {width: auto; height: auto;}
#mainnav {width: 100%; height: 16px;}
#buttonbottom {width: 100%; height: 3px;}
/* rest of page on most pages */
#maintable {width: 100%; min-width: 710px; table-layout: auto;}
#breadcrumbs {width: 100%;}
#lefttop, #righttop {height: 6px;}
#leftbottom, #rightbottom {height: 18px;}
#lefttop, #leftcol, #leftbottom {width: 160px;}
#righttop, #content, #rightbottom {width: 90%;}
#footer {width: 100%; height: 20px;}
#leftcol {height: 400px;}
/* HEADER */
#logo {text-align: left; vertical-align: middle; padding: 0 0 0 12px;}
#toplinks {padding: 0 15px 15px 0; text-align: right; vertical-align: bottom; white-space: nowrap;
color: #333; font-size: 10px; line-height: 10px;}
#toplinks a:link,
#toplinks a:visited {color: #333;}
#toplinks a:hover {color: #ED1840; text-decoration: underline;}
#toplinks form {display: inline;}
input.searchtext {font-size: 10px; line-height: normal; width: 105px; background: inherit;}
#toplinks input.submit {font-size: 9px; line-height: normal; text-align: center; color: #333;}
/* MAIN NAVIGATION */
/* IE Win behavior call (seems to need an absolute path) */
body {behavior: url(/includes/csshover.htc);}
/* top-level buttons */
#mainnav {background: url(../images/buttonbar_blank.gif) repeat-x left top; vertical-align: middle;}
#mainnav ul {list-style: none; margin: 0; padding: 0;}
#mainnav li {display: inline; float: left; position: relative;
text-align: center; background-image: none; list-style: none; margin: 0; padding: 0;
border-right: 1px solid #999; z-index: 1;}
li#button1 {width: 75px;}
li#button2 {width: 82px;}
li#button3 {width: 86px;}
li#button4 {width: 53px;}
li#button5 {width: 80px;}
li#button6 {width: 71px;}
li#button7 {width: 85px;}
#mainnav a {display: block; width: 100%; height: 16px; line-height: 16px;
font-size: 10px; font-weight: bold; text-transform: uppercase; word-spacing: 1px;}
#mainnav li:hover a.level1 {color: #3E444F;}
.company #button1 a.level1, .products #button2 a.level1, .solutions #button3 a.level1,
.news #button4 a.level1, .partners #button5 a.level1, .support #button6 a.level1, .resources #button7 a.level1
{color: #666; background: url(../images/buttonbar_blank_current.gif) repeat-x left top;}
#buttonbottom {background: black;}
/* 2nd-level = dropdown menus */
#mainnav ul.level2 {display: none; width: 185px; position: absolute; top: 16px; left: -1px;
border-top: 3px solid black;}
#mainnav li:hover ul.level2 {display: block;}
#mainnav ul.level2 li {text-align: left; list-style: none; background-image: none;
border-left: 1px solid #999; border-right: 1px solid #999;}
#mainnav ul.level2 a {width: 185px; height: 18px; line-height: 18px; text-indent: 10px;
background: #E2E3E5; font-size: 9px; font-weight: bold;
border-bottom: 1px solid white;}
#mainnav ul.level2 li.last a {border-bottom: 1px solid #999;}
#mainnav li#button1 ul.level2 {left: 3px;}
#mainnav li#button1 ul.level2 a {text-indent: 6px;}
/* BREADCRUMBS */
#breadcrumbs {color: #666; font-size: 10px; line-height: 24px; padding: 0 0 0 18px;}
#breadcrumbs a:link, #breadcrumbs a:visited {color: #ED1840;}
#breadcrumbs a:hover {color: #3E444F;}
/* LEFT NAVIGATION COLUMN */
#lefttop {background: url(../images/bg_leftcol_top.gif) no-repeat center bottom;}
#leftbottom {background: url(../images/bg_leftcol_bottom.gif) no-repeat center top;}
#leftcol {background: url(../images/bg_leftcol_body.gif) repeat-y center top;}
ul#leftnav {margin: 0; padding: 0;}
ul#leftnav li {font-size: 10px; line-height: 12px; font-weight: bold; text-transform: uppercase; word-spacing: 1px;
margin: 10px 15px 0 15px; padding-left: 7px; list-style: none; background-image: none;}
ul#leftnav li.level2 {margin: 7px 15px 0 23px; text-transform: none; word-spacing: 0;}
ul#leftnav li#current {color: #666; background: url(../images/bullet_small_red_ongrey.gif) no-repeat 0 3px;}
ul#leftnav a:hover {color: #3E444F;}
#leftcol p.quote {margin: 70px 15px 10px 15px; color: #666; font-size: 10px; line-height: 12px;}
span.author {display: block; margin-top: 7px;}
/* CONTENT AREA */
/* Misc */
#content {padding: 4px 0 10px 10px;}
div#contentbox {width: 655px;}
p {margin: 0 0 10px 0;}
b.alert {color: #ED1840;}
.borderbelow {border-bottom: 1px solid #999; padding: 0 0 10px 0;}
.fileinfo {color: #3E444F; font-size: 11px; font-weight: normal; white-space: nowrap;}
/* Headings */
h1, h2, h3, h4 {color: #3E444F; line-height: 130%;}
h1 {font-size: 18px; margin: 0 0 12px 0;}
h2 {font-size: 13px; margin: 18px 0 6px 0; text-transform: uppercase; word-spacing: 1px;}
h3 {font-size: 12px; margin: 12px 0 2px 0;}
h4 {font-size: 11px; margin: 10px 0 6px 0;}
h1.nottop {margin-top: 24px;}
h2.belowh3 {margin-top: 0;}
h2.border {border-top: 1px solid #999; padding: 18px 0 0 0; margin-bottom: 0; margin-left: 0;}
/* Lists */
.listintro {margin-bottom: 4px;}
ul {margin: 0 0 8px 0; padding: 0;}
ul li {margin: 0 0 2px 8px; padding-left: 12px; list-style: none;
background: url(../images/bullet_red_onwhite.gif) no-repeat 0 3px;}
ul ul li {list-style: none; background: none; padding: 0 0 0 15px; margin-left: 0;}
li span.ul2marker {color: #ED1840; font-weight: bold;}
ul.nobullet li {background-image: none; margin-left: 0; padding-left: 0;}
ul ul ul li {list-style: square; background: none; padding: 0 0 0 ; margin-left: 35px;}
ul ul ul ul li {list-style: circle; background: none; padding: 0 0 0 ; margin-left: 25px;}
ul.wide li {margin-bottom: 10px;}
ul.wide ul li {margin-bottom: 2px;}
ol {margin: 0 0 8px 25px; padding: 0;}
ol li {margin-bottom: 2px; padding: 0;}
dl {clear: both; border-top: 1px solid #999; padding: 18px 0 0 0;}
dl.noborder {border-top: none; padding-top: 0;}
dt {float: left; clear: both; text-align: right; color: #666; font-weight: bold;
width: 12em; white-space: nowrap; padding: 0; margin: 0;}
dd {padding: 0 0 6px 0; margin: 0 0 0 13.5em;}
ddr {padding: 0 0 6px 0; margin: 0 0 0 13.5em;}
ol.tablefootnotes {margin-top: 8px;}
ol.tablefootnotes li {font-size: 10px; line-height: 125%;}
/* Images, Icons, Boxes */
.box {float: right; margin: 0 0 5px 15px; text-align: left; font-size: 10px; line-height: 14px;}
.box img {margin-bottom: 5px;}
.box h4 {margin-top: 0;}
a.pdf {display: block; height: 16px; padding: 2px 0 2px 35px; white-space: nowrap;
background: url(../images/icon_pdf.gif) no-repeat 12px 50%;}
.caption {color: #3E444F; font-weight: bold; font-size: 10px; line-height: 12px;}
img.newsletter {float: right; clear: right; border: 1px solid #444; margin: 0 0 50px 15px;}
img.float-right {float: right; margin: 0 0 10px 15px;}
/* revised download box */
.download, .box-top, .box-bottom {width: 200px;}
.download {font-size: 10px; line-height: 12px; text-align: left;
float: right; margin: 0 0 5px 15px;
background: url(../images/box_blank_w200_body.gif) repeat-y center center;}
.download-top {height: 7px; background: url(../images/box_blank_w200_top.gif) no-repeat top center;}
.download-bottom {height: 7px; background: url(../images/box_blank_w200_bottom.gif) no-repeat bottom center;}
.download h4 {margin: 0 6px 3px 12px;}
.download a.pdf {padding: 4px 6px 4px 35px; height: auto; white-space: normal; margin: 0;} /* see also a.pdf */
.download .noicon {}
.noicon {margin: 0 6px 3px 12px;}
.lp-box {background-color: #E2E3E5; border: 1px solid #999; padding: 8px; margin-top: 20px;}
.lp-box p {margin-bottom: 8px;}
.lp-box h4 {margin-top: 0;}
/* Forms */
input.submit {width: auto;}
#content form div {margin: 6px 0; white-space: nowrap;}
#content form div.submit {margin-top: 20px;}
#content div input.radio,
#content div input.checkbox {margin-left: 30px;}
label.leftofinput {display: block; float: left; text-align: left; width: 9em; padding-right: 1em;}
.req {color: #ED1840;}
.docrequestform div {margin: 6px 0;}
.docrequestform input.radio,
.docrequestform input.checkbox {display: inline; width: auto; margin: 2px 0 0 30px; line-height: 12px;}
.docrequestform input.submit {margin: 15px 0 0 0;}
.docrequestform-asterisks label {display: block; line-height: 13px;}
.docrequestform-asterisks input {display: block; width: 150px; margin: 1px 0 3px 0;}
.docrequestform-asterisks select {display: block; width: 150px; margin: 1px 0 15px 0;}
.docrequestform-asterisks div {margin: 6px 0 14px 0px;}
.docrequestform-asterisks input.radio,
.docrequestform-asterisks input.checkbox {display: inline; width: auto; margin: 2px 0 0 0; line-height: 12px;}
.docrequestform-asterisks input.submit {width: auto; margin: 20px 0 0 0;}
/* Tables (inside content area) */
#content table {width: auto; margin: 15px auto 0 0;}
#content td, #content th {padding: 0px 5px; line-height: 115%;}
#content td.col1 {padding-left: 0 !important;}
#content table.center {margin-left: auto;}
.center {text-align: center;}
table.tablestyle1,
.tablestyle1 th, .tablestyle1 td {border: 1px solid #BBB;}
#content .tablestyle1 th.col1,
#content .tablestyle1 td.col1 {padding-left: 5px !important;}
table.tablestyle1 th {vertical-align: middle;}
table.tablestyle1 th.tabletitle {background: #E2E3E5;}
#content table.tablestyle2 {margin-top: 12px;}
#content table.tablestyle2 td {padding: 7px 10px;}
#content table.tablestyle2 h3 {margin-top: 0;}
table.tablestyleborder {margin: 0; padding: 0;}
/* FOOTER */
#footer {vertical-align: middle; color: #444; background: url(../images/bg_footer.gif) repeat-x left top;}
#footer div {font-size: 11px; line-height: 19px; margin: 0 0 1px 20px;}
#footer .privacy {font-size: 10px;}
/* ALTERNATE TEMPLATES */
/* no navigation single-column template */
body.nonav1col #contentbox {width: 500px; margin: 25px 30px 50px 70px;}
body.nonav1col #head {height: 78px; border-bottom: 3px solid black;
background: white url(/images/bg_squares_grey.gif) right top no-repeat;}
body.nonav1col #head img {margin: 24px 0 0 35px;}
/* no navigation two-column template */
body.nonav2col #contentbox {width: 500px; margin: 25px auto 50px 70px;}
body.nonav2col #head {height: 78px; border-bottom: 3px solid black;
background: white url(/images/bg_squares_grey.gif) right top no-repeat;}
body.nonav2col #head img {margin: 24px 0 0 35px;}
body.nonav2col #maintable {width: 520px; min-width: 520px; margin-top: 25px; margin-bottom: 50px; margin-left: 70px;}
body.nonav2col #maincol1 {width: 305px; padding-right: 30px;}
body.nonav2col #maincol2 {width: 155px; padding-left: 30px; border-left: 1px solid #96999F;}
body.nonav2col ul li {margin: 0 10px 2px 15px; padding-left: 0; list-style: disc; background: none;}
body.nonav2col b {color: black;}
/* NEW no navigation two-column template */
body.nonav3col #contentbox {width: 710px; margin: 25px auto 25px 70px;}
body.nonav3col #head {height: 78px; border-bottom: 3px solid black;
background: white url(/images/bg_squares_grey.gif) right top no-repeat;}
body.nonav3col #head img {margin: 24px 0 0 35px;}
body.nonav3col #maintable {width: 730px; min-width: 520px; margin-top: 25px; margin-bottom: 50px; margin-left: 35px;}
body.nonav3col #maincol1 {width: 515px; padding-right: 30px;}
body.nonav3col #maincol2 {width: 155px; padding-left: 30px; border-left: 1px solid #96999F;}
body.nonav3col ul li {margin: 0 10px 2px 15px; padding-left: 0; list-style: disc; background: none;}
body.nonav3col b {color: black;}
/* top nav, but no left nav */
body.noleftnav #leftcol {width: 30px; height: auto; background-image: none;}
body.noleftnav #content {width: 730px; padding: 4px 10px 10px 0; text-align: left;}
body.noleftnav td#maincol1 {width: 355px; padding: 0 30px 0 0;}
body.noleftnav td#maincol2 {width: 345px; padding: 0;}
body.noleftnav #content table {width: auto; margin-top: 0; text-align: left;}
body.noleftnav h1 {width: auto; margin-bottom: 8px}
/* SINGLE-PAGE CHANGES - CONTENT AREA */
#sitemap div#contentbox {width: 720px; margin: 20px auto 40px auto;}
#sitemap #content table {margin-top: -10px;}
#sitemap #content td {width: 170px;}
#sitemap #content h2 {margin: 16px 0 8px 0;}
#sitemap #content li {margin: 0 0 6px 0; line-height: 13px; padding-left: 0; background-image: none;}
#about .box {width: 129px; text-align: center;}
#about .box img {margin-bottom: 0;}
#company-overview #poty {width: 129px; text-align: center;}
#company-overview #poty img {margin-bottom: 0;}
#company-overview #dd200box {float: right; margin: 0 0 0 15px;}
#contact div#contentbox {width: 570px;}
#contact #content table {margin-top: -10px;}
#contact #content td.col1 {width: 280px;}
#management .col1 p {margin-bottom: 0;}
#board h2 {font-size: 12px; margin-bottom: 2px; text-transform: none;}
#board h4 {font-size: 11px; margin-top: 0; font-weight: normal;}
#investors #content td {padding: 0 15px 10px 0;}
#investors h2#first {margin: 25px 0 8px 0;}
#investors h2#sutter-hill {font: 18px "Times New Roman", Times, serif; color: black;}
#careers h2 {margin-top: 30px;}
#careers h3 {margin-top: 20px; margin-bottom: 6px;}
#media-center #content td {width: 160px; padding-bottom: 10px;}
#media-center #content li {margin: 0 0 6px 0; background-image: none; line-height: 14px; padding-left: 0;}
#customer-quotes h3,
#analyst-quotes h3 {margin: 25px 0 4px 0;}
#customer-quotes #content p.quote,
#analyst-quotes #content p.quote {margin: 0 0 6px 0;}
#customer-quotes p.quote-author,
#analyst-quotes p.quote-author {margin: 0 0 6px 20px;}
#analyst-quotes p.quote-source {margin: 0 0 0 20px; font-size: 10px; line-height: 13px; padding-left: 1.1em;}
#analyst-quotes p.quote-source span {font-style: italic;}
#logos #content table {margin: 0;}
#alllogos {margin: 20px 0 10px 0;}
#logos td.head {padding: 0;}
#logos td.col1 {vertical-align: middle; padding: 0 20px 0 0;}
#logos td.col2 {vertical-align: middle; padding: 0 20px 0 0;}
#logos td.col3 {vertical-align: middle; padding: 0;}
#product-images #content table {margin: 0;}
p.all-product-images {margin: 20px 0 10px 0;}
#product-images td.head {padding: 0;}
#product-images td.col1 {vertical-align: middle; padding: 8px 20px 8px 0;}
#product-images td.col2 {vertical-align: middle; padding: 0; line-height: 20px;}
#dd400 .download {float: none; margin: 0;}
#ddrep #pdfbox {width: 200px; height: 65px; text-align: left;
background: url(../images/box_blank_200x65.gif) no-repeat left top;}
#ddrep #pdfbox h4 {margin: 6px 0 0 12px;}
#ddrep th {text-align: left;}
#ddrep th.tabletitle {text-align: center;}
#dd-os #pdfbox {width: 200px; height: 50px; text-align: left;
background: url(../images/box_blank_200x50.gif) no-repeat left top;}
#dd-os #pdfbox h4 {margin: 6px 0 3px 12px;}
#cos #pdfbox {width: 200px; height: 65px; text-align: left;
background: url(../images/box_blank_200x65.gif) no-repeat left top;}
#cos #pdfbox h4 {margin: 6px 0 0 12px;}
#cos #pdfbox a.pdf {height: 30px; background-position: 12px 8px;}
#compatibility th {text-align: left;}
#compatibility th.tabletitle {text-align: center;}
#compatibility th.col3, #compatibility th.col4 {white-space: nowrap;}
#compatibility td.col3, #compatibility td.col4 {white-space: nowrap; text-align: center;}
#compatibility .col1 {width: 32%;}
#compatibility .col2 div {margin: 0 0 5px 12px; text-indent: -12px; line-height: 115%;}
#compatibility .col2 {padding-bottom: 0;}
#whitepapers h4 {margin: 0; font-style: italic;}
#whitepapers h3 {margin-top: 0;}
#roi #pdfbox {width: 200px; height: 50px; text-align: left;
background: url(../images/box_blank_200x50.gif) no-repeat left top;}
#roi #pdfbox h4 {margin: 6px 0 3px 12px;}
#customers .col1 {text-align: center;}
#customers p {line-height: 14px; margin-bottom: 8px;}
#customers p.signature {font-size: 10px; line-height: 13px; text-align: right; margin-bottom: 5px;}
#case-studies .col1 {text-align: center;}
#case-studies #content td {padding-right: 0;}
#cs-efi #content .col1 {width: 49%;}
#cs-mnw #content .col1 {width: 32%;}
#cs-paramit #content .col1 {width: 49%;}
#cs-quicken #content .col1 {width: 49%;}
#press-releases #content table {margin-top: 0;}
#press-releases #content td.col1 {font-weight: bold; white-space: nowrap;}
#press-releases #content td {border-bottom: 1px dotted #999;}
#press-releases tr#topblank td {height: 1px;}
#press-releases #content table.tablestyle2 {margin-top: -10px;}
#press-release h3 {margin: 20px 0 10px 0;}
#weee-country h3 {margin: 20px 0 10px 0;}
#media-coverage #content table {margin-top: 0;}
#media-coverage #content td {vertical-align: middle; padding: 10px 8px;}
#media-coverage #content .col1 {text-align: center;}
#media-coverage #content th.col1 {margin: 0; padding: 0; text-align: left;}
#media-coverage h2 {border-top: 1px solid #999; padding-top: 10px; margin-top: 30px;}
#media-coverage h2.noborder {border-top: none; padding-top: 0;}
#events div {margin-bottom: 20px}
#events h3,
#webcasts h3 {margin-top: 0;}
#events div,
#webcasts div {margin-bottom: 0;}
.newsletter .box {width: 151px; height: 30px; text-align: center; margin-bottom: 15px;
background: url(../images/box_blank_150x30.gif) no-repeat left top;}
.newsletter .box p {margin: 8px 0 3px 0; line-height: 12px;}
#partners-channel #content table {margin-top: 0;}
#partners-channel #content td {width: 135px; height: 80px; text-align: center; vertical-align: middle;
padding: 15px 0 15px 100px;}
#partners-channel #content td.col1 {padding: 15px 0 15px 60px !important;}
#partners-channel #content #emea td {height: 30px; padding-top: 10px; padding-bottom: 0;}
#partners-channel h2 {margin-top: 40px; border-top: 1px solid #999; padding-top: 18px;}
#partners-channel h2.top {margin-top: 18px;}
#partners-channel h3 {margin-top: 25px;}
#support .box {width: 162px;}
#search-return div#contentbox {padding-left: 30px;} /* delete these two search-return lines after changing the search engine */
#search-return h1 {margin-top: 15px;}
/* SEARCH RESULTS PAGE ONLY */
#search-results div#contentbox {width: 600px; padding-left: 30px;}
#search-results input {width: auto;}
#search-results h1 {margin-top: 15px;}
#search-results ol {margin-top: 20px; margin-bottom: 20px;}
#search-results #content,
#search-results ol li {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#search-results .terms {font-size: 12px; line-height: 18px;}
#search-results .numdocs {font-size: 11px; line-height: 18px;}
#search-results .prevnext {line-height: 30px;}
#search-results .heading {font-size: 12px; line-height: 16px; font-weight: bold;}
#search-results .description {font-size: 11px; line-height: 16px;}
#search-results .concordance {font-size: 10px; line-height: 14px;}
#search-results .url {font: 11px/16px normal normal Courier,"Courier New",monospace;}
/* HOME PAGE ONLY */
body#home {text-align: center; margin: 20px 20px 0 20px;}
#homelayout, #home #buttons, #buttontop, #home #buttontable,
#home #buttonbottom, #maingraphic, #home #news, #home #footer {width: 701px;}
#homelayout {margin-left: auto; margin-right: auto;}
#home #toplinks {padding-right: 0;}
#buttontop {width: 100%; height: 1px; background: url(../images/button_horizline.gif) repeat-x left top;}
#home li#button1 {border-left: 1px solid #999;}
#home #mainnav {border-right: 1px solid #999;}
#maingraphic {text-align: center;}
#maingraphic img {margin: 0 auto;}
#home #news {vertical-align: middle;}
#newsticker {margin: 20px 0;}
img#home-box1 {margin: 0 10px 20px 0;}
img#home-box2 {margin: 0 10px 20px 10px;}
img#home-box3 {margin: 0 10px 20px 10px;}
img#home-box4a {margin: 0 0 0 10px;}
img#home-box4b {margin: 0 0 0 10px;}
img#home-box4c {margin: 0 0 20px 10px;}
img#home-box6 {margin: 0px 0px 0px 10px;}
td#box4 img {display: block;}
/* newsletter subscribe box */
#box2 {padding: 0 10px 20px 10px; height: 120px;}
#box2 form, #box2 img {margin: 0; padding: 0;}
#box2 form {display: inline;}
#box2 div {background: #EBEBEB;}
#box2 #emailfields {height: 21px; padding: 0 3px 0 7px; text-align: left;}
#box2 input.text {width: 110px; font-size: 9px; line-height: 9px; margin-right: 1px;}
#box2 input.submit {width: auto; font-size: 9px; line-height: 11px;}
#box2 .boxbottom {height: 4px; padding: 0;
background: #EBEBEB url(/images/bg-homebox-bottom.gif) no-repeat bottom center;
font-size: 1px; line-height: 1px;} /* IE fix */
#home #footer {border: 1px solid #999; border-width: 0 1px; text-align: left;
background: url(../images/bg_footer_home.gif) repeat-x left top;}
/* OLD COLOR PALETTE: white, black, #FE000C, #333, #E3E3E3, grey lines: #999 */
/* NEW COLOR PALETTE: white, black, #ED1840, #3E444F, #E2E3E5, grey lines: #96999F */
/* toplinks gradient start #B2B4B9 */