/* home2.css  v1  R10.1  jrg  2010-01-13 */

body {
font-family: Arial, Helvetica, sans-serif;
color: black;
background: white;
font-size: 82%; /* 13px */
margin: 0;
line-height: 1.3;
/* break-word is proposed for css3, but will cause a validation error */
word-wrap: break-word;
padding: 0 480px 0 480px;
text-align: center;
}

/* Jello Mold */
#border {
margin: 0 auto 0 auto;
padding: 0;
width: 100%;
max-width: 82px; /* version for IE is at the bottom of this style block */
position: relative;
z-index: 1;
}
#borderExpander {
background: white;
margin: 0 -480px 0 -480px;
min-width: 960px; /* Critical Safari fix! */
position: relative;
}
#borderExpander div {
height: 676px;
background: url(border-left.jpg) no-repeat;
}
#borderExpander div div {
background: url(border-rgt.jpg) no-repeat 100% 0;
}

/* Holly hack for IE \*/
* html #borderExpander { height: 0; }
/* */

#jmSizer {
margin: -676px auto 0 auto;
padding: 0;
width: 100%;
max-width: 64px;
position: relative;
z-index: 2;
}
#jmExpander {
background: white;
margin: 0 -480px 0 -480px;
min-width: 960px; /* Critical Safari fix! */
position: relative;
}

/* Holly hack for IE \*/
* html #jmExpander { height: 0; }
/* */

#jmExpander div {
text-align: left;
}

a { color: #0085d5; outline: none; text-decoration: none; cursor:pointer }
/*a:visited { color: #7e417f; }*/
a:hover { color: #ff9900; }
a:active { color: #ff9900; }
a img { border: none; }

ul, li {
list-style: none;
padding: 0;
margin: 0;
}
li.flyout {
position: relative;
z-index: 1;
}
li.sfhover,
li.flyout:hover {
z-index: 2;

background: #e7eef2 url(flyout_bg.gif) no-repeat;
}

div.panel li.flyout a {
background: url(flyout_gray.gif) no-repeat 100% 50%;
border-color: #eeeeed;
}
div.panelhover li.flyout a,
div.panel:hover li.flyout a {
background: url(flyout_small.gif) no-repeat 100% 50%;
border-color: white;
}
div.panel li a,
div.panelhover li.flyout a,
div.panel:hover li.flyout a {
padding: 1px 10px 1px 3px;
display: block;
}
dl li a {
display: block;
padding: 3px;
border: 1px solid white;
border-bottom: none;
position: relative;
z-index: 1;
}
dl li.sfhover,
dl li.flyout:hover {
background: #e7eef2 url(flyout_bg2.gif) no-repeat bottom;
}
div#corporate.accordion dl li.sfhover,
div#corporate.accordion dl li.flyout:hover {
background: none;
border-color: white;
}
div#corporate.accordion dl li.flyout a,
div#corporate.accordion dl li.flyout:hover a,
div#corporate.accordion dl li.sfhover a,
dl li.flyout a {
background: none;
border-color: white;
border: 1px solid white;
border-bottom: none;
}
div#corporate.accordion dl li.flyout span,
dl li.flyout span {
background: url(flyout_small.gif) no-repeat 100% 50%;
padding-right: 10px;
}
dl li.sfhover span,
dl li.flyout:hover span {
background: none;
}
dl li.sfhover a,
dl li.flyout:hover a,
div.panel li.sfhover a,
div.panel li.flyout:hover a {
border: 1px solid #c0c0c0;
border-bottom: none;
background: #edf2f5 url(flyout_top2.gif) no-repeat 0 bottom;
z-index: 2;
color: black;
}
div#util li.sfhover2 a,
div#corporate dl li.sfhover2 a,
div#tabs div.panel li.sfhover2 a {
background-image: none;
}
div#util a:hover,
dl li.sfhover a:hover,
dl li.flyout:hover a:hover,
div.panel li.sfhover a:hover,
div.panel li.flyout:hover a:hover { color: #ff9900; }

dl li.sfhover li a,
dl li.flyout:hover li a,
div.panel li.sfhover li a,
div.panel li.flyout:hover li a {
color: #0085d5;
padding: 5px 20px 0 20px;
}
dl li.sfhover li a:visited,
dl li.flyout:hover li a:visited,
div.panel li.sfhover li a:visited,
div.panel li.flyout:hover li a:visited {
color: #7e417f;
}
li.flyout li a {
font-weight: normal;
}
iframe {
position: absolute;
left: 0;
width: 0;
height: 0;
z-index: -1;
bottom: 0;
}
div > iframe,
ul > iframe {
display: none;
}
dl iframe,
div#util iframe {
top: -1px;
}
div#nocsslinks {
display: none;
}
div#logo {
float: left;
width: 554px;
height: 150px;
}
div#util {
position: relative;
z-index: 3;
float: right;
color: #999999;
font-size: 86%;
margin-top: 24px;
margin-left: -15px;
}
div#util a {
color: #666666;
padding-left: 3px;
padding-right: 3px;
}
div#util li {
float: left;
position: relative;
width: auto;
margin: 0 3px;
padding-top: 3px;
}
div#util li.flyout {
margin-left: 0;
padding-top: 0;
}
div#util li.flyout li a {
float: none;
}
div#util li.flyout a {
float: left;
display: block;
background: url(flyout_util.gif) no-repeat 100% 50%;
padding: 2px 8px 3px 3px;
border: 1px solid white;
border-bottom: none;
}
div#util li.flyout li {
clear: left;
padding: 0;
width: 100%;
margin: 0;
}
div#util li.sfhover a,
div#util li.flyout:hover a {
border-color: #c0c0c0;
background: white;
z-index: 2;
}
div#util li.flyout ul {
top: -1px;
bottom: auto;
padding: 1px;
width: 150px;
position: absolute;
}
div#util ul {
float: left;
position: relative;
z-index: 2;
}
div#util li.flyout div {
left: auto;
bottom: auto;
clear: left;
position: relative;
top: 0;
}
div#util form {
float: left;
margin: 0 0 0 1em;
padding: 0 1.5em;
border-left: 1px solid #999999;
}
input, select {
font-size: 100%;
border: 1px solid #999999;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
}
input {
position: absolute;
}
input.error,
span.error select {
border-color: #e12b33;
color: #666666;
background: #fff3b2;
}
input#searchterm {
padding-left: 2px;
width: 150px;
position: static;
}
input#searchterm.lightgrey {
color: #999999;
font-style: italic;
}
input#searchterm.active {
color: #666666;
font-style: normal;
}
input.gobutton {
background: #0693c9 url(btn.gif) repeat-x;
color: white;
font-weight: bold;
border: 1px solid #1e6883;
position: static;
}
input.sfhover,
input.gobutton:hover {
color: #0085d5;
background: white;
border: 1px solid #999999;
}
div#hero {
position: relative;
clear: both;
height: 380px;
z-index: 1;
width: 100%;
overflow: hidden;
}
p.T7L {
margin: 0;
position: relative;
}
p.T7L span {
display: block;
}
p.T7L span.altcontent {
font-size: 110%;
display: block;
padding: 15px;
}
p.T7L span.altcontent strong {
font-size: 110%;
}
p.T7L a span {
display: inline;
}
div#corpContainer {
height: 380px;
margin-top: -380px;
display: table;
width: 100%;
}
div#corporate {
border: 7px solid #515357;
right: 8px;
top: 14px;
background: white;
width: 306px;
position: relative;
float: right;
z-index: 2;
margin-bottom: 110px;
}
div#corporate.sfhover,
div#corporate:hover {
z-index: 3;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
dt {
background: #f2f2f2;
border-top: 1px solid #e8e8e8;
font-size: 84%;
}
dl.selected dt {
font-size: 92%;
border-bottom: 1px solid #e8e8e8;
}
dt a {
display: block;
padding: 0 6px 0 10px;
}
dl.selected dt a {
color: #ff9900;
}
dt strong {
display: block;
padding: 4px 0;
}
dl.expandable dt strong {
background: url(flyout.gif) no-repeat 100% 50%;
}
dl.selected dt strong {
background: url(flyout_hover.gif) no-repeat 100% 50%;
}
dd {
padding: 0;
display: none;
font-size: 92%;
}
dl#news dd {
font-size: 84%;
}
dl.selected dd {
display: block;
}
dd div {
padding: 20px 16px 20px 135px;
}
dd.noimg div {
padding: 10px 16px 10px 7px;
}
dd div div,
dd.noimg div div {
padding: 0;
}
dl#news dd div {
padding: 3px 10px;
}
dl#news p {
display: block;
margin: 5px 0;
padding: 0 0 7px 0;
background: url(dot.gif) repeat-x bottom;
}
dl#news p.more {
background: none;
padding-bottom: 0;
}
dl#news span {
color: black;
font-weight: bold;
}
dl#news dd a,
dl#news dd a:hover {
color: #333333;
}
dl#news dd a strong {
background: none;
color: #0085d5;
}
dl#news dd a:hover strong {
color: #ff9900;
}
dl#news dd a:visited strong {
color: #7e417f;
}
dd span.corpimg {
float: left;
margin-left: -125px;
overflow: hidden;
width: 125px;
}
dd ul {
margin: 0;
width: 150px;
font-weight: bold;
}
dd li.flyout div ul {
width: 130px;
}
dd.noimg ul {
width: 280px;
}
dd.noimg li.flyout div ul {
width: 235px;
}
.accordion dl,
.accordion dt,
.accordion dd {
position: relative;
margin: 0;
}
.accordion dd {
height: 0;
overflow: hidden;
display: none;
}
.accordion .selected dd {
height: auto;
}
div#tabs {
position: relative;
margin: -80px 15px 0 15px;
z-index: 2;
clear: both;
}
div#tabs.sfhover,
div#tabs:hover {
z-index: 3;
}
ul#tabnav li {
position: relative;
float: left;
display: block;
margin-right: 2px;
}
ul#tabnav li a {
color: white;
display: block;
padding-left: 3px;
background: url(nav_left.gif) no-repeat 0 0;
float: left;
font-size: 92%;
}
ul#tabnav li strong {
float: left;
display: block;
padding-right: 3px;
background: url(nav_right.gif) no-repeat right top;
}
ul#tabnav li span {
float: left;
display: block;
line-height: 29px;
padding: 0 12px;
background: url(navbg.gif) repeat-x;
height: 29px;
}
ul#tabnav li a:hover {
background-image: url(navhover_left.gif);
}
ul#tabnav li a:hover strong {
background-image: url(navhover_right.gif);
color: #0085D5;
}
ul#tabnav li a:hover span {
background-image: url(navhover.gif);
}
ul#tabnav li.selected {
z-index: 2;
}
ul#tabnav li.selected a,
ul#tabnav li.selected a:hover {
background-image: url(navsel_left.gif);
}
ul#tabnav li.selected a strong,
ul#tabnav li.selected a:hover strong {
background-image: url(navsel_right.gif);
}
ul#tabnav li.selected span {
background-image: url(navsel.gif);
color: #ff9900;
}
div.clearer {
clear: both;
}
div#tabnavband {
border-top: 1px solid #d1d1d1;
clear: left;
position: relative;
z-index: 1;
top: -1px;
}
div.tabcontent {
clear: left;
border: 1px solid #d1d1d1;
border-top: none;
position: relative;
z-index: 2;
top: -1px;
background: white;
}
div.panel a {
font-size: 92%;
}
div.panel li {
border-top: 1px solid #d1d1d1;
margin-top: -1px;
z-index: 1;
position: relative;
font-weight: bold;
}
div.panel li.sfhover,
div.panel li.flyout:hover {
border-top: 1px solid white;
z-index: 2;
}
div#util li.sfhover li a,
div#util li.flyout:hover li a,
div.panel li.sfhover li a,
div.panel li.flyout:hover li a,
li.sfhover li a,
li.flyout:hover li a {
border: none;
background: none;
}
div.panel li.flyout li {
border-top: 1px solid #d1d1d1;
padding: 2px 0;
}
dl li.flyout li {
padding: 4px 0;
}
div#corporate dl li.flyout li a,
div#tabs div.panel li.flyout li a {
padding: 0;
}
div#corporate.accordion li.flyout div,
li.flyout div {
position: absolute;
top: 1px;
left: 62px;
display: none;
z-index: 1;
float: left;
}
dl li.flyout div,
div#util li.flyout div {
top: auto;
}
div.panelhover li.sfhover a,
div.panel li.flyout:hover a {
background: #edf2f5 url(flyout_top2.gif) no-repeat 0 0;
border: 1px solid #c0c0c0;
border-top: none;
}
li.sfhover div,
li.flyout:hover div {
display: block;
}
li.flyout div.twocolumn,
li.flyout ul {
position: absolute;
bottom: 0;
background: white url(flyoutmenu_bg.gif) repeat-x bottom;
border: 1px solid #c0c0c0;
z-index: 2;
padding: 10px 15px;
}
dl li.flyout ul {
background: white url(flyoutmenu_bg2.gif) repeat-x top;
top: -1px;
bottom: auto;
}
div#util li.flyout ul {
background: white;
}
div.panel li.flyout div.twocolumn {
top: auto;
left: 0;
width: 350px;
padding-left: 0;
}
div.panel li.flyout div.twocolumn ul {
position: relative;
border: none;
padding: 0;
float: left;
width: 89.99%;
background: transparent;
}
div.panel li.flyout div.twocolumn ul li {
margin-left: 15px;
}
h2 {
margin: 0;
font-size: 150%;
padding: 10px 9px 0 9px;
color: #555555;
}
div#tabs.jsenabled h2 {
display: none;
}
h3 {
margin: 0 16px 3px 16px;
font-size: 135%;
border-bottom: 3px solid #d1d1d1;
padding: 9px 0 8px 0;
}
div#industriesContent h3 {
font-size: 120%;
padding-bottom: 5px;
}
div#libraryContent h3 {
padding-right: 50%;
}
div.left,
div.panelleft {
float: left;
width: 23%;
}
div.right,
div.panelright {
float: right;
width: 49.9%;
}
div.panel {
background: #eeeeed;
min-height: 528px;
margin: 9px 5px 9px 9px;
position: relative;
z-index: 1;
}
div.right div.panel {
margin: 9px 9px 9px 4px;
}
div.panel:hover,
div.panelhover {
background: white;
z-index: 2;
}
div.panel ul {
margin: 0 16px 9px 16px;
}
div.panel ul ul {
margin: 0;
}
div.panel li.first {
border-top: 1px solid #eeeeed;
}
div.panel li li.first {
border-top: none;
}
div.panelhover li.first,
div.panel:hover li.first {
border-top: 1px solid white;
}
div.panel li.flyout div,
div.panel li.flyout ul {
width: 100%;
}
div.panel li.flyout ul.twocolumn {
width: 370px;
padding: 15px 0 15px 15px;
}
div.panel li.flyout ul.twocolumn li {
width: 170px;
margin: 0 15px 0 0;
padding-left: 0;
padding-right: 0;
float: left;
}
div.feature {
width: 225px;
position: absolute;
height: 210px;
right: 9px;
top: 9px;
overflow: hidden;
}
div.feature span {
display: block;
position: absolute;
top: 18px;
left: 23px;
color: #666666;
width: 182px;
}
div.feature a:hover span { color: #ff9900; }
div#footer {
clear: both;
font-size: 86%;
}
div#footer p {
text-align: center;
color: #999999;
margin: 0;
padding: 1.2em 0 1em 0;
}
div#footer p a {
color: #666666;
padding: 0 3px;
}
div#footer p a:hover { color: #ff9900; }
div#footer p strong {
font-weight: normal;
padding: 3px;
}
li.flyout blockquote {
padding:0;margin:0;border-top: 1px solid #c0c0c0;
position: absolute;
z-index: 10;
top: 0;
left: 0;
height:0;
line-height:0;
display:none;
}
.intpop,
.extpop {
  padding-right: 11px;
  background: url(newwinlink.gif) no-repeat right center;
}
.extpop {
  padding-right: 13px;
  background-image: url(externallink.gif);
}
.intpop em,
.extpop em {
  display: none;
}

@media print {
	body {
	padding: 0;
	}
	#border {
	max-width: 100%;
	}
	#borderExpander {
	min-width: 0;
	margin: 0;
	}
	#jmSizer {
	max-width: 100%;
	}
	#jmExpander {
	margin: 0;
	min-width: 0;
	}
	div#hero {
	visibility: hidden;
	}
	div.tabcontent {
	display: block !important;
	}
	div.panel li {
	margin-top: 0;
	}
	div.panel li.first {
	border-top: none;
	}
	div.panel li.flyout a {
	border: none;
	}
	div#tabs.jsenabled h2 {
	display: block;
	}
	div.panel {
	display: table;
	}
	div.feature {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	margin: 9px 9px 9px 0;
	}
	ul#tabnav li.selected a {
	background-image: url(nav_left.gif);
	}
	ul#tabnav li.selected strong {
	background-image: url(nav_right.gif);
	}
	ul#tabnav li.selected span {
	background-image: url(navbg.gif);
	color: white;
	}
}