/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; color: #4d4d4d; padding: 0; background-color: #f1f1f3; margin: 0; }
p {  margin: 0 0 15px 0; }
img { display: block; border: 0; }
table, td, th { font-size: 11px; padding: 0; border: 0; }
form { padding: 0; margin: 0; }
a { color: #005883; text-decoration: underline; }
a:hover { color: #005883; text-decoration: underline; }
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
h1 { font-size: 16px; font-weight: bold; margin: 0 0 20px 0; }
h2 { font-size: 13px; font-weight: bold; margin: 0 0 15px 0; }
h3 { font-size: 11px; font-weight: bold; color: #339e35; margin: 0 0 2px 0; }
h4 { font-size: 11px; font-weight: normal; color: #339e35; padding: 0; margin: 0 0 2px 0; }

.subtitle { color: #0084cb; font-weight: bold; }
.footnote { font-size: 10px; color: #999; }
.superscript { font-size: 9px; color: #999; vertical-align: 2px; }
.posting { color: #808080; padding: 5px 0 0 0; }
.copy { padding: 0 10px 0 10px; }
.intro { font-weight: bold; color: #339e35; margin: 0 5px 0 0; }
.linkBold { font-weight: bold; color: #005883; }
.linkBold a { font-weight: bold; }
.linkBold { padding: 0 0 0 11px; background-image: url(../images/common/bullet2.gif); background-repeat: no-repeat; background-position: 0px 5px; margin: 10px 0 8px 0; }
.clearBoth { width: 100%; }
.clearBoth:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
.indent { margin: 0 0 20px 20px; }
.indent p { margin: 0 0 10px 0; }
.returnTo img { display: inline; vertical-align: -1px; }
.returnTo a { font-weight: bold; }
.suppInfo { font-size: 11px; font-weight: normal; color: #808080; }
.suppInfo img { display: inline; }

.pageNavWrapper { float: right; }
.pageNavTop { width: 130px; margin: 0 0 20px 0; }
.pageNavTop:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
.pageNavTop ul li { float: left; }
.pageNavTop ul li.pages { margin: 0 8px 0 8px; }
.pageNavTop ul li img { padding: 3px 0 0 0; }
.pageNavBottom { width: 130px; margin: 20px 0 0 0; }
.pageNavBottom:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
.pageNavBottom ul li { float: left; }
.pageNavBottom ul li.pages { margin: 0 8px 0 8px; }
.pageNavBottom ul li img { padding: 3px 0 0 0; }




/*

Primary layout styles

*/

#page { position: relative; width: 874px; padding: 0 6px 0 6px; background-image: url(../images/common/bg_page.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; }
#content { width: 854px; line-height: 140%; padding: 0 10px 0 10px; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }





/*

Header styles

*/

#header { width: 874px; padding: 0 0 20px 0; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #logo { float: left; padding: 28px 0 0 20px; }
#header #tagline { float: right; padding: 26px 20px 0 0; }





/*

Global Navigation styles

*/

#nav { width: 874px; margin: 0 0 10px 0; }
#nav #band { margin: 0 0 1px 0; }
#nav #menu { width: 854px; padding: 9px 0 6px 20px; background-color: #0084cb; }
#nav #menu ul li { float: left; padding: 0 20px 0 7px; }
#nav #menu ul li.first { padding: 0 103px 0 0; }
#nav #menu:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }





/*

Home styles

*/

#home #row1 { width: 854px; margin: 0 0 15px 0; }
#home #row1:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#home #row1 #calloutLetter { float: left; width: 260px; margin: 0 10px 0 0; }
#home #row1 #calloutEdit { float: left; width: 584px; }
#home #row1 #calloutEdit #option1 { position: absolute; margin: 290px 0 0 15px; }
#home #row1 #calloutEdit #option1 img { padding: 0 10px 0 0; }
#home #row1 #calloutEdit #option2 { position: absolute; margin: 290px 0 0 156px; }
#home #row1 #calloutEdit #option2 img { padding: 0 10px 0 0; }
#home #row1 #calloutEdit #option3 { position: absolute; margin: 290px 0 0 297px; }
#home #row1 #calloutEdit #option3 img { padding: 0 10px 0 0; }
#home #row1 #calloutEdit #option4 { position: absolute; margin: 290px 0 0 438px; }
#home #row1 #calloutEdit #option4 img { padding: 0 10px 0 0; }

#home #row2 { width: 854px; margin: 0 0 15px 0; }
#home #row2:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#home #row2 #calloutFAQ { float: left; width: 584px; margin: 0 10px 0 0; }
#home #row2 #calloutFinancials { float: left; width: 260px; }

#home #row3 { width: 854px; margin: 0 0 15px 0; }
#home #row3:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#home #row3 #calloutWebcasts { float: left; width: 186px; height: 303px; border: 1px solid #d9d9d9; margin: 0 10px 0 0; }
#home #row3 #calloutDownloads { float: left; width: 186px; height: 303px; border: 1px solid #d9d9d9; margin: 0 10px 0 0; }
#home #row3 #calloutPress { float: left; width: 186px; height: 303px; border: 1px solid #d9d9d9; margin: 0 10px 0 0; }
#home #row3 #calloutStock { float: left; width: 260px; height: 303px; }

#home #row3 #calloutWebcasts .subtext { padding: 15px; }
#home #row3 #calloutWebcasts ul { margin: 0 0 15px 0; }
#home #row3 #calloutWebcasts ul li { padding: 0 0 0 11px; background-image: url(../images/common/bullet1.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 0; }

#home #row3 #calloutDownloads .subtext { padding: 10px; }
#home #row3 #calloutDownloads .subhead img { margin: 0; }
#home #row3 #calloutDownloads img { margin: 0 0 15px 0; }

#home #row3 #calloutPress .subtext { padding: 15px; }
#home #row3 #calloutPress ul { margin: 0 0 15px 0; }
#home #row3 #calloutPress ul li { padding: 0 0 0 11px; background-image: url(../images/common/bullet1.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 0; }

#home #row3 #calloutStock .subhead { font-weight: bold; color: #fff; background-color: #808080; padding: 5px 0 5px 10px; }
#home #row3 #calloutStock table { width: 260px; }
#home #row3 #calloutStock table tr.shaded td { background-color: #eee; }
#home #row3 #calloutStock table td { padding: 2px 0 2px 0; }
#home #row3 #calloutStock table td.label { padding-left: 10px; }
#home #row3 #calloutStock table td.value { font-weight: bold; text-align: right; padding-right: 10px; }
#home #row3 #calloutStock .subtext { padding: 10px; }

#home #terms { padding: 0 0 0 20px; }
#home #footer { margin-top: 25px; }





/*

Letter styles

*/

#letter #content { padding-top: 13px; }
#letter #copyNarrow { float: left; width: 358px; padding: 30px 20px 0 173px; }
#letter #copy { width: 560px; margin: 0 0 0 173px; }
#letter #imageCEO {  float: left; width: 229px; }
#letter #imageCEO img {  margin: 0 0 10px 0; }
#letter .caption { width: 230px; font-size: 10px; text-align: center; }
#letter ul.letterCopy { margin: 25px 0 25px 0; }
#letter ul.letterCopy li { padding: 0 0 0 11px; background-image: url(../images/common/bullet3.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 20px; }
#letter ul.letterCopy li a { color: #005883; text-decoration: none; }
#letter #callout { float: right; margin: 5px 0 35px 20px; }
#letter .signature { font-weight: bold; color: #0084cb; }

#letter .dataTable { width: 560px; margin: 10px 0 30px 0; }
#letter .dataTable th.subhead { font-family: verdana; font-size: 80%; font-weight: normal; text-align: left; }
#letter .dataTable tr.border1 td.border0 { border: none; }
#letter .dataTable tr.border2 td.border0 { border: none; }
#letter .dataTable tr.border1 td { border-bottom: 1px solid #666; }
#letter .dataTable tr.border2 td { border-bottom: 2px solid #666; }
#letter .dataTable tr.borderSpace td { border-bottom: 10px solid #fff; }
#letter .dataTable tr th { font-family: verdana; font-size: 10px; text-align: right; vertical-align: bottom; padding: 2px 5px 2px 0; border-bottom: 1px solid #666; }
#letter .dataTable tr .normal { font-weight: normal; }
#letter .dataTable tr td { white-space: nowrap; font-size: 11px; text-align: right; vertical-align: bottom; padding: 2px 5px 3px 0; }
#letter .dataTable tr td.label { white-space: normal; text-align: left; }
#letter .dataTable tr td.footnote { white-space: normal; font-size: 10px; line-height: 12px; text-align: left; }
#letter .dataTable tr .left { text-align: left; }
#letter .dataTable tr td.indent1 { padding-left: 15px; }
#letter .dataTable tr td.indent2 { padding-left: 30px; }
#letter .dataTable tr td.indent3 { padding-left: 45px; }
#letter .dataTable tr td.indent4 { padding-left: 60px; }
#letter .dataTable tr td.current { font-weight: bold; }
#letter .dataTable .dataHead th { text-align: center; }
#letter .dataTable .dataHead tr.bottomRow th { text-align: right; border: none; }

#letter tr.theadSupp th { text-align: right; border: none; }
#letter tr.theadSupp th.thBorder { border-bottom: 1px solid #666; }

#letter .notes { width: 560px; font-size: 10px;  }
#letter .notes p { line-height: 12px; margin: 0 0 8px 0; }





/*

Financials styles

*/

#financials #columnLeft { float: left; width: 196px; margin: 0 30px 0 0; }
#columnLeft #calloutDownloads { width: 194px; border: 1px solid #d9d9d9; margin: 0 0 0 0; }
#columnLeft #calloutDownloads .subtext { padding: 10px; }
#columnLeft #calloutDownloads .subhead img { margin: 0; }
#columnLeft #calloutDownloads img { margin: 0 0 15px 0; }

#financials #columnMain { float: left; width: 580px; margin: 13px 0 0 0; }
#financials #columnMain .download10K { font-size: 14px; font-weight: bold; }
#financials #columnMain table td { vertical-align: top; padding: 0 10px 0 0; }
#financials #columnMain table td.part { font-weight: bold; padding: 20px 0 5px 0; }
#financials #columnMain table td.part a { font-weight: bold; }





/*

Two-Column styles

*/

#twoColumn #content { width: 736px; padding-top: 13px; padding-left: 128px; }
#twoColumn .column { float: left; width: 320px; padding: 0 40px 0 0; }
#twoColumn .lower { margin-top: 43px; }
#twoColumn .name, #twoColumn .category { font-weight: bold; color: #005883; }
#twoColumn .company { font-weight: bold; color: #808080; }
#twoColumn table { width: 100%; margin: 0 0 20px 0; }
#twoColumn table th { font-size: 10px; font-weight: normal; text-align: right; padding: 0 0 3px 0; border-bottom: 1px solid #ccc; }
#twoColumn table td { padding: 0 0 3px 0; }
#twoColumn table td.year { font-size: 10px; font-weight: bold; color: #808080; }
#twoColumn table td.price { color: #339e35; text-align: right; }





/*

Editorial styles

*/

#edit #columnLeft { float: left; width: 200px; margin: 0 16px 0 0; }
#edit #columnLeft #sideNav { width: 200px; height: 149px; background-image: url(../images/edit/sidenav/nav_bground.gif); margin: 0 0 16px 0; }
#edit #columnLeft #sideNav ul { width: 196px; border-bottom: 1px solid #d9d9d9; }
#edit #columnLeft #sideNav ul:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#edit #columnLeft #sideNav ul li { float: left; }

#edit #columnMain { float: left; width: 638px; margin: 13px 0 0 0; }



/*

  Editorial styles : Market Opportunity

*/

#edit #columnMain #slideImg { padding: 0 0 20px 0; }
#edit #columnMain #marketNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#edit #columnMain #marketNav #buttonPrev { float: left; display: none; cursor: pointer; }
#edit #columnMain #marketNav #buttonNext { float: right; cursor: pointer; }



/*

  Editorial styles : Vision

*/

#edit #columnMain #visionHighlights { width: 616px; padding: 10px; border: 1px solid #d9d9d9; margin: 25px 0 0 0; }
#edit #columnMain #visionHighlights table { width: 616px; background-color: #005883; margin: 0 0 15px 0; }
#edit #columnMain #visionHighlights table td { width: 30%; color: #fff; vertical-align: top; padding: 10px; }
#edit #columnMain #visionHighlights table .subsectionHead { font-size: 13px; font-weight: bold; padding: 0 0 5px 0; border-bottom: 1px solid #7fabc1; margin: 0 0 5px 0; }
#edit #columnMain #visionHighlights table ul { margin: 10px 0 8px 0; }
#edit #columnMain #visionHighlights table ul li { padding: 0 0 0 11px; background-image: url(../images/common/bullet4.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 10px; }
#edit #columnMain #visionHighlights table .note { cursor: pointer; }
#edit #columnMain #visionHighlights div.visionFooter { padding: 10px; }
#edit #columnMain #visionHighlights div.visionFooter p { font-size: 10px; line-height: 12px; color: #808080; margin-bottom: 12px; }



/*

  Editorial styles : Success Stories

*/

#edit #columnMain #successQuote { width: 636px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }
#edit #columnMain #successQuote table { width: 636px; height: 100px; }
#edit #columnMain #successQuote table td.logo { width: 160px; text-align: center; vertical-align: middle; }
#edit #columnMain #successQuote table td.logo img { display: inline; padding: 10px 0 10px 0; }
#edit #columnMain #successQuote table td.text { width: 476px; font-size: 16px; line-height: 20px; color: #0084cb; text-align: left; padding: 15px 15px 15px 0; vertical-align: middle;  }
#edit #columnMain #successCaption { width: 461px; font-size: 14px; color: #fff; padding: 25px 15px 15px 162px; background-color: #0084cb; background-image: url(../images/edit/success/bg_quote.gif); background-repeat: no-repeat; margin: 0 0 35px 0; }
#edit #columnMain #successCopy { width: 563px; padding: 0 65px 0 10px; }

#edit #columnMain #successHighlights { width: 616px; padding: 20px 0 0 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 25px 0 25px 0; }
#edit #columnMain #successHighlights table { width: 616px; }
#edit #columnMain #successHighlights table td { width: 25%; vertical-align: top; padding: 0 20px 30px 0; }
#edit #columnMain #successHighlights table td h2 { margin-bottom: 8px; }
#edit #columnMain #successHighlights table td p { margin-bottom: 8px; }

#edit #columnMain #successMore { width: 616px; }
#edit #columnMain #successMore:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#edit #columnMain .successBox { float: left; width: 275px; padding: 0 30px 0 0; }
#edit #columnMain .successBox a { font-weight: bold; }

#edit #columnMain ul.successCopy { margin: 10px 0 20px 0; }
#edit #columnMain ul.successCopy li { padding: 0 0 0 11px; background-image: url(../images/common/bullet3.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 20px; }

#edit #columnMain ul.successCopySub { margin: 10px 0 20px 0; }
#edit #columnMain ul.successCopySub li { padding: 0 0 0 11px; background-image: url(../images/common/bullet5.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 20px; }

#edit #columnMain #successFlash { float: right; width: 194px; padding: 4px; border: 1px solid #ccc; margin: 0 0 10px 15px; } 


/*

  Editorial styles : Culture

*/

#edit #columnMain #cultureHighlights { width: 613px; padding: 40px 0 10px 25px; border-bottom: 1px solid #d9d9d9; background-image: url(../images/edit/culture/bg_highlight.gif); margin: 0 0 30px 0; }
#edit #columnMain #cultureHighlights:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#edit #columnMain .cultureBox { float: left; width: 279px; }
#edit #columnMain .cultureBox a { font-weight: bold; }
#edit #columnMain .marginRight { margin-right: 35px; }

#edit #columnMain #cultureMoreStories { width: 608px; padding: 0 20px 0 10px;  }
#edit #columnMain #cultureMoreStories:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#edit #columnMain #cultureCaseHeader { width: 602px; padding: 18px; background-color: #005883; }
#edit #columnMain #cultureCaseHeader .name { font-size: 30px; color: #fff; margin: 0 0 15px 0; }
#edit #columnMain #cultureCaseHeader .title { font-size: 16px; color: #fff;  }

#edit #columnMain #cultureCaseMap td.quote { font-size: 16px; color: #fff; line-height: 24px; vertical-align: top; padding: 18px; background-color: #0084cb; }
#edit #columnMain #cultureCaseMap td.map { vertical-align: top; background-color: #0084cb; }

#edit #columnMain #cultureCaseCopy { width: 598px; padding: 25px 30px 0px 10px; background-image: url(../images/edit/culture/bg_copy.gif); background-repeat: no-repeat; }
#edit #columnMain #cultureCaseCopy h2 { color: #339e35; }
#edit #columnMain #cultureCaseCopy #sidePics { float: left; padding: 0 15px 0 0; }
#edit #columnMain #cultureCaseCopy #sidePics img { padding: 4px; border: 1px solid #d9d9d9; margin: 0 0 10px 0; }




/*

  Editorial styles : FAQs

*/

#edit #columnMain #faqs { padding: 25px; border: 1px solid #e5e5e5; }
#edit #columnMain #faqs ul li { padding: 0 0 0 11px; background-image: url(../images/common/bullet1.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 8px 0; }
#edit #columnMain #faqsAnswers { padding: 20px; }
#edit #columnMain #faqsAnswers .question { font-size: 13px; font-weight: bold; color: #339e35; margin: 0 0 10px 0; }
#edit #columnMain #faqsAnswers .answer { margin: 0 0 20px 0; }





/*

Footer styles

*/

#footer { width: 854px; color: #808080; padding: 10px 0 10px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 34px 0 0 0; }
#footer:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer ul li { float: left; padding: 0 8px 0 0; background-image: url(../images/common/divider.gif); background-repeat: no-repeat; background-position: center right; margin: 0 8px 0 0; }
#footer ul li.last { padding: 0; background-image: none; margin: 0; }