/* screen styles for all browsers */

body { font-size:62.5%; background-color:#fff; color:#333; }
body, input, select, textarea, button { font-family:"Lucida Sans", "Lucida Grande", sans-serif; }

#page { width:940px; margin:0 auto; }

#titleBar, #mainContent, #footer, .footnotes { float:right; width:688px; padding-left:12px; }

#homePage #mainContent { position:relative; top:-50px; }

.footnotes { font-size: 1em; border-top: 1px solid #e6e6e6; padding-top: 1em; margin: 2em 0; }
.footnotes ol { color: #888; list-style: decimal; margin-left: 20px; }
.footnotes li { padding: 0 0 .5em; }

/* footnote marker */
sup { font-size: .8em; vertical-align: top; }

#footer { background-color:#e8eff5; margin:20px 0 0; }
#footer p { font-size:1em; padding:8px 3px; }
#footer p,
#footer a:link,
#footer a:visited { color:#888; }
#footer a:hover,
#footer a:active { color:#666; }

#header { padding:0 0 15px; }
#header img { float:left; margin:15px 20px 0;}
#titleBar { background:url(../images/bg_titlebar.gif) no-repeat right top; }
#titleBar h1 { font-size:2.4em; color:#50718d; margin:35px 0 0; }
#homePage #titleBar { height:35px; }

#leftNav { float:left; width:230px; background:url(../images/bg_leftnav.gif) no-repeat 0 .5em; padding:35px 0 0; }

#primaryNav li { float:left; clear:left; }
#primaryNav ul { display:none; padding:0 0 6px; }

#primaryNav a:link,
#primaryNav a:visited { float:left; color:#808080; padding:2px 0 13px; margin-left:55px; font-size:1.1em; text-decoration:none; }
#primaryNav a:hover,
#primaryNav a:active { color:#000; }

#primaryNav ul a:link,
#primaryNav ul a:visited { color:#555; padding:0 0 10px; margin-left:20px; white-space:nowrap; line-height: 1.3; }
#primaryNav ul a:hover,
#primaryNav ul a:active { color:#000; }

/*
#primaryNav a.navOn { font-weight:bold; color:#111; margin-left:0; padding-left:20px; background:url(../images/bullet_green.gif) no-repeat 10px .3em; }
#primaryNav ul a.navOn { font-weight:normal; color:#8ab356; margin-left:0; }
*/

/* --- primary nav 'on' states --- */

/* show the associated sub nav list */
body.primaryNavOpt1 #subNav1,
body.primaryNavOpt2 #subNav2,
body.primaryNavOpt3 #subNav3,
body.primaryNavOpt4 #subNav4,
body.primaryNavOpt5 #subNav5,
body.primaryNavOpt6 #subNav6,
body.primaryNavOpt7 #subNav7, 
body.primaryNavOpt8 #subNav8,
body.primaryNavOpt9 #subNav9 { display:block; }

/* set the top level on state */
body.primaryNavOpt1 #primaryNavOpt1:link,
body.primaryNavOpt1 #primaryNavOpt1:visited,
body.primaryNavOpt1 #primaryNavOpt1:hover,
body.primaryNavOpt1 #primaryNavOpt1:active,
body.primaryNavOpt2 #primaryNavOpt2:link,
body.primaryNavOpt2 #primaryNavOpt2:visited,
body.primaryNavOpt2 #primaryNavOpt2:hover,
body.primaryNavOpt2 #primaryNavOpt2:active,
body.primaryNavOpt3 #primaryNavOpt3:link,
body.primaryNavOpt3 #primaryNavOpt3:visited,
body.primaryNavOpt3 #primaryNavOpt3:hover,
body.primaryNavOpt3 #primaryNavOpt3:active,
body.primaryNavOpt4 #primaryNavOpt4:link,
body.primaryNavOpt4 #primaryNavOpt4:visited,
body.primaryNavOpt4 #primaryNavOpt4:hover,
body.primaryNavOpt4 #primaryNavOpt4:active,
body.primaryNavOpt5 #primaryNavOpt5:link,
body.primaryNavOpt5 #primaryNavOpt5:visited,
body.primaryNavOpt5 #primaryNavOpt5:hover,
body.primaryNavOpt5 #primaryNavOpt5:active,
body.primaryNavOpt6 #primaryNavOpt6:link,
body.primaryNavOpt6 #primaryNavOpt6:visited,
body.primaryNavOpt6 #primaryNavOpt6:hover,
body.primaryNavOpt6 #primaryNavOpt6:active,
body.primaryNavOpt7 #primaryNavOpt7:link,
body.primaryNavOpt7 #primaryNavOpt7:visited,
body.primaryNavOpt7 #primaryNavOpt7:hover,
body.primaryNavOpt7 #primaryNavOpt7:active, 
body.primaryNavOpt8 #primaryNavOpt8:link,
body.primaryNavOpt8 #primaryNavOpt8:visited,
body.primaryNavOpt8 #primaryNavOpt8:hover,
body.primaryNavOpt8 #primaryNavOpt8:active,
body.primaryNavOpt9 #primaryNavOpt9:link,
body.primaryNavOpt9 #primaryNavOpt9:visited,
body.primaryNavOpt9 #primaryNavOpt9:hover,
body.primaryNavOpt9 #primaryNavOpt9:active { font-weight:bold; color:#111; margin-left:0; padding-left:20px; 
background:url(../images/bullet_green.gif) no-repeat 10px .5em; }

/* on detail pages remove background image from primary nav link */
body.primaryNavOpt1.hidePrimaryOn #primaryNavOpt1:link,
body.primaryNavOpt1.hidePrimaryOn #primaryNavOpt1:visited,
body.primaryNavOpt1.hidePrimaryOn #primaryNavOpt1:hover,
body.primaryNavOpt1.hidePrimaryOn #primaryNavOpt1:active,
body.primaryNavOpt2.hidePrimaryOn #primaryNavOpt2:link,
body.primaryNavOpt2.hidePrimaryOn #primaryNavOpt2:visited,
body.primaryNavOpt2.hidePrimaryOn #primaryNavOpt2:hover,
body.primaryNavOpt2.hidePrimaryOn #primaryNavOpt2:active,
body.primaryNavOpt3.hidePrimaryOn #primaryNavOpt3:link,
body.primaryNavOpt3.hidePrimaryOn #primaryNavOpt3:visited,
body.primaryNavOpt3.hidePrimaryOn #primaryNavOpt3:hover,
body.primaryNavOpt3.hidePrimaryOn #primaryNavOpt3:active,
body.primaryNavOpt4.hidePrimaryOn #primaryNavOpt4:link,
body.primaryNavOpt4.hidePrimaryOn #primaryNavOpt4:visited,
body.primaryNavOpt4.hidePrimaryOn #primaryNavOpt4:hover,
body.primaryNavOpt4.hidePrimaryOn #primaryNavOpt4:active,
body.primaryNavOpt5.hidePrimaryOn #primaryNavOpt5:link,
body.primaryNavOpt5.hidePrimaryOn #primaryNavOpt5:visited,
body.primaryNavOpt5.hidePrimaryOn #primaryNavOpt5:hover,
body.primaryNavOpt5.hidePrimaryOn #primaryNavOpt5:active,
body.primaryNavOpt6.hidePrimaryOn #primaryNavOpt6:link,
body.primaryNavOpt6.hidePrimaryOn #primaryNavOpt6:visited,
body.primaryNavOpt6.hidePrimaryOn #primaryNavOpt6:hover,
body.primaryNavOpt6.hidePrimaryOn #primaryNavOpt6:active,
body.primaryNavOpt7.hidePrimaryOn #primaryNavOpt7:link,
body.primaryNavOpt7.hidePrimaryOn #primaryNavOpt7:visited,
body.primaryNavOpt7.hidePrimaryOn #primaryNavOpt7:hover,
body.primaryNavOpt7.hidePrimaryOn #primaryNavOpt7:active, 
body.primaryNavOpt8.hidePrimaryOn #primaryNavOpt8:link,
body.primaryNavOpt8.hidePrimaryOn #primaryNavOpt8:visited,
body.primaryNavOpt8.hidePrimaryOn #primaryNavOpt8:hover,
body.primaryNavOpt8.hidePrimaryOn #primaryNavOpt8:active,
body.primaryNavOpt9.hidePrimaryOn #primaryNavOpt9:link,
body.primaryNavOpt9.hidePrimaryOn #primaryNavOpt9:visited,
body.primaryNavOpt9.hidePrimaryOn #primaryNavOpt9:hover,
body.primaryNavOpt9.hidePrimaryOn #primaryNavOpt9:active { background-image:none; }

body.subNavOpt1 #subNavOpt1:link,
body.subNavOpt1 #subNavOpt1:visited,
body.subNavOpt1 #subNavOpt1:hover,
body.subNavOpt1 #subNavOpt1:active,
body.subNavOpt2 #subNavOpt2:link,
body.subNavOpt2 #subNavOpt2:visited,
body.subNavOpt2 #subNavOpt2:hover,
body.subNavOpt2 #subNavOpt2:active,
body.subNavOpt3 #subNavOpt3:link,
body.subNavOpt3 #subNavOpt3:visited,
body.subNavOpt3 #subNavOpt3:hover,
body.subNavOpt3 #subNavOpt3:active,
body.subNavOpt4 #subNavOpt4:link,
body.subNavOpt4 #subNavOpt4:visited,
body.subNavOpt4 #subNavOpt4:hover,
body.subNavOpt4 #subNavOpt4:active,
body.subNavOpt5 #subNavOpt5:link,
body.subNavOpt5 #subNavOpt5:visited,
body.subNavOpt5 #subNavOpt5:hover,
body.subNavOpt5 #subNavOpt5:active,
body.subNavOpt6 #subNavOpt6:link,
body.subNavOpt6 #subNavOpt6:visited,
body.subNavOpt6 #subNavOpt6:hover,
body.subNavOpt6 #subNavOpt6:active,
body.subNavOpt7 #subNavOpt7:link,
body.subNavOpt7 #subNavOpt7:visited,
body.subNavOpt7 #subNavOpt7:hover,
body.subNavOpt7 #subNavOpt7:active,
body.subNavOpt8 #subNavOpt8:link,
body.subNavOpt8 #subNavOpt8:visited,
body.subNavOpt8 #subNavOpt8:hover,
body.subNavOpt8 #subNavOpt8:active,
body.subNavOpt9 #subNavOpt9:link,
body.subNavOpt9 #subNavOpt9:visited,
body.subNavOpt9 #subNavOpt9:hover,
body.subNavOpt9 #subNavOpt9:active { color:#63941E; margin-left:0; padding-left:20px; background:url(../images/bullet_green.gif) no-repeat 10px .3em; }



/* general text styles */

.textBlock { clear:left; float:left; width:60%; }
.homeSummary .textBlock { float: none; }
.textBlock.textBlockParallel { clear:none; }
.textBlock.textBlockSml { width:43%; }
.textBlock.textBlockMed { width: 75%; }

h2, h3, h4 { font-weight:bold; }

h2 { font-size:1.4em; line-height:1.4em; padding:0 0 1em; }
h3.byline { font-size:1.2em; color:#666; padding:0 0 2em; margin:-.5em 0 0; }
h3.emp { font-size:1.3em; color:#81BA3E; padding:.5em 0; }

b, strong { font-weight:bold; }

a:link, 
a:visited { color:#3e82bb; }
a:hover,
a:active { color:#2a5a81; }

a.anchor:link, 
a.anchor:visited,
a.anchor:hover,
a.anchor:active { background: url(../images/icon_anchor.gif) no-repeat left; padding-left:15px; }

a.newWindow:link, 
a.newWindow:visited { background:url(../images/icon_new_window.gif) no-repeat right; padding-right:14px; }
a.newWindow:hover,
a.newWindow:active { background-image:url(../images/icon_new_window_hover.gif); }

p { font-size:1.2em; line-height:1.5em; padding:0 0 1em; }
p.pgIntro { font-size:1.5em; width:75%; padding:0 0 1.2em; }
p.indent-right { width: 70%; }
#homePage p.pgIntro { color:#52728a; font-size:1.6em; line-height:1.7em; width:88%; }

ul.standard { margin:0 2em 1em; list-style-type:disc; }
ul.standard li { font-size:1.2em; line-height:1.4em; padding:0 0 .5em; }

p.documentLink { position:relative; padding-left:20px; }
p.documentLink a.docIcon { position:absolute; top:2px; left:0; }

span.title { display:block; color:#666; font-size:.9em; }
span.publication { font-style:italic; white-space:nowrap; }

blockquote, #focus-diagram { float:right; width:340px; font-size:1.2em; font-weight:bold; line-height:1.5em; color:#63941E; border-top:1px solid #63941E; border-bottom:1px solid #63941E; padding:12px 0; margin:0 0 2em; }
cite { display:block; font-weight:normal; padding:.8em 0 0; }
em { font-style:italic; }

#focus-diagram { font-size: 1.1em; line-height: 1.3; color: #333; border-bottom: 0; }
#focus-diagram h4 { margin: 0 0 .5em; padding: 2em 5px 0; border-top:1px solid #63941E; }

#focus-diagram p { font-size: 1em; font-weight: normal; margin: 0 5px 1em; color: #666; }
#focus-diagram tbody th { color: #555; }
#focus-diagram td { color: #666; }

.photoCaption, .photoOnly { float:right; margin:7px 0 0; }
.photoCaption { width:350px; }
.photoOnly { width:230px; }
.photoCaption p.caption { margin-top:.5em; font-size:.9em; color:#888; }

.homeSummary { margin: 0 0 2em; }

.homeFeatureBlock { position: relative; background:#eeefef url(../images/box_corner_solid_dark.gif) no-repeat right bottom; margin:10px 0 35px; padding:7px 0 0; }
.homeFeatureContent { float:right; width:338px; padding:.3em 12px 6px; }
.homeFeatureContent p { font-size:1.1em; }

#homePageFeature { float:left;  width:325px; height:265px; background-color:#fff; }
#homePageFeature p { font-size:1.1em; padding:30px 0 0 18px; }
#homePageFeature p#homePageBackup { padding:40px 0 0 35px; }

.homeFeatureBlock .slideshow-controls { position: absolute; top: -20px; right: 0; }

.homeFeatureBlock a.show-slide:link,
.homeFeatureBlock a.show-slide:visited,
.homeFeatureBlock a.show-slide:hover,
.homeFeatureBlock a.show-slide:active { float: left; width: 10px; height: 10px; overflow: hidden; background: url(../images/icons-slideshow.gif) no-repeat left bottom; margin-left: .6em; text-indent: -99px; }

.homeFeatureBlock a.show-slide.active { background-position: 0 0; }

.callout { clear:right; float:right; background:#f3f4f4 url(../images/box_corner_solid.gif) no-repeat right bottom; margin:0 0 20px; }
.callout.calloutStripe { background:#fff url(../images/box_corner_stripe.gif) no-repeat right bottom; border:1px solid #b3c79b; border-bottom:0; border-right:0; }
.callout.calloutSquare { background-image:none; margin-bottom:7px; }
.callout.calloutPlain { background-image:none; background-color: #fff; }
.calloutMed { width:350px; }
.calloutSml { width:230px; }

#homePage .callout.calloutStripe { float:left; }

.callout h2, .callout h3 { padding:6px 12px; }
.calloutContent { padding:10px 12px 8px; }
.callout.calloutStripe .calloutContent { padding-top:.3em; padding-bottom:0; }

.callout h2, .callout h3 { margin:7px 0 0; line-height:1em; text-align:right; }
.callout h2 { background-color:#fff; font-size:1.3em; }
.callout h3 { font-size:1.1em; padding-bottom:0; }
.callout.calloutStripe h2 { padding:3px 12px; color:#81BA3E; text-align:left; background:transparent; }

.callout p { font-size:1.1em; color:#666; }
.callout p.fineprint { font-size:.9em; line-height:1.2em; color:#777; }

.section { padding:0 0 2.8em; }
.section h3 { font-size:1.1em; color:#666; font-weight:bold; padding:0 0 .3em; }
.section h4 { font-size:1.1em; line-height:1.5em; padding:0 0 .1em; }
.section h4 span, .newsBlock h4 span { color:#777; }
.section p { padding-bottom:1.2em; }

.sideBar { clear:right; float:right; width:340px; }
#teamList.sideBar { width:350px; }
.sideBar p { font-size:1.1em; color:#666; }
.sideBar .section { padding:0 0 1em; }

table { width:100%; margin:0 0 .8em; }
td { font-size:1.2em; line-height:1.5em; padding:0 1em .5em 0; }
td.eventLocation { text-align:right; color:#888; }

span.location { display: block; font-style: italic; }

#emailSignupForm { display:none; }
#emailSignupForm.showSignupForm { display:block; }

fieldset { padding:0 0 1em; }
label { display:block; padding:0 0 .3em; font-size:1.1em; }
label.error { font-weight:bold; color:#c24c34; }
input { font-size:1.1em; margin:0 0 .5em; }
input.fullwidth { width:90%; }
input.submitBtn { display:block; font-size:1.1em; cursor:pointer; }

.sectionHdr {  border-top:1px dotted #999; padding:.8em 0 1.5em; }
.sectionHdr h2 { float:left; padding:0; }
.sectionHdr a { float:right; padding-top:.3em; font-size:.9em; }

.newsBlock { float:right; width:347px; }
.newsBlockHdr { padding:0 0 1.5em; }
.newsBlockHdr h3 { float:left; font-size:1.1em; padding:0 0 0 12px; background:url(../images/bullet_green.gif) no-repeat 0 .3em; }
.newsBlockHdr a { float:right; font-size:.9em; }
.newsBlock h4 { font-size:1.1em; padding:0 0 .2em; color:#666; }
.newsBlock p { font-size:1.1em; line-height:1.4em; }
.newsBlock p.intro { font-size:1em; margin:-.8em 0 0; color:#777; }

.articleFooter { border-top:1px dotted #999; border-bottom:1px dotted #999; margin:1em 0 0; padding:1em 0 0; }
.articleFooter h4 { font-size:1.2em; padding:0 0 .5em; }
.articleFooter p.pressMark { text-align:center; }

.teamGroup { float:left; padding:2em 40px 0 0; }
.teamGroup h4 { padding:0 0 .8em; }

#directions { margin-top:2em; padding-top:1em; border-top:1px solid #ccc; }


ul.anchors { margin: .5em 0 2.5em; }
ul.anchors li { font-size: 1.2em; padding: 0 0 .8em; }

ul.anchors a:link,
ul.anchors a:visited { color: #63941E; background: url(../images/icon_anchor.gif) no-repeat left; padding-left:15px; text-decoration: none; }
ul.anchors a:hover,
ul.anchors a:active { text-decoration: underline; }

ul.anchors a span { font-size: .9em; color: #333; }

.biography { position: relative; margin: 1.5em 0; }
.biography img { position: absolute; top: 0; right: -135px; }
.biography h2 { padding: 0 0 .5em; }
.biography h2 span { color: #4d4d4d; font-weight: normal; }



.data-table { margin: 0 0 2em; }
.data-table table { border-bottom: 1px solid #ddd; }

.data-table thead th { color: #81B341; vertical-align: bottom; text-transform: uppercase; font-weight: bold; line-height: 1.3; border-bottom: 1px solid #ddd; padding: .2em .5em; }

.data-table th.data-table-indication { width: 250px; }	
.data-table-indication span { display: block; }
.data-table tfoot { display: none; }

.data-table td,
.data-table th.fullrow { font-size: 1em; border-bottom: 1px solid #ddd; padding: .5em .2em .5em .5em; }

.data-table th.fullrow { padding-top: .8em; font-weight: bold; white-space: nowrap; }

.data-table td span { font-weight: bold; }
.data-table td span.product { font-size: 1.1em; }
.data-table td.odd { background-color: #f2f2f2; }
.data-table td.subhead { padding-left: 1.2em; }

.data-table td.arrowtail, .data-table td.arrowhead { background-image: url(../images/arrow-green.gif); background-repeat: no-repeat; text-indent: -9999em; }
.data-table td.arrowtail { background-position: left 2.5em; }
.data-table td.arrowhead { background-position: right 2.5em; }

.data-table td#fx0002-arrow.arrowhead,
.data-table td#fx0003-arrow.arrowhead,
.data-table td#fx0005-arrow.arrowhead { background-position: -24em 2.5em; }

.collapsible h2 { position: relative; }
.collapsible h2 a.view-details { font-size: .8em; font-weight: normal; text-decoration: none; margin-left: 1em; }
.collapsible div { margin: 0 0 1em; }

.data-table .collapsible div { width: 570px; }
.data-table p, .data-table li { font-size: 1.1em; }
.data-table li { padding: .3em 0; color: #666; }
.data-table ul.details { margin: 0 1em 0 0; width: 230px; }

#pipeline { position: relative; width: 680px; clear: both; padding-top: 1em; }
#pipeline table { width: 100%; }
#pipeline th { width: 12%; }

#focus-intro { float: left; width: 100%; }
#focus-intro img { float: right; }
#focus-intro .pgIntro { float: left; width: 50%; }

#focus-table { width: 680px; clear: both; background-color: #f2f2f2; padding: 10px; margin-left: -10px; }
#focus-table td.subhead { width: 25%; }


/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */		
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		

/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */