/* Common */
* { margin:0; padding:0; }
body { background: url(/images/bkgd-body.gif) repeat; font-family:verdana; font-size:11px; }
#page { background: url(/images/bkgd-body-gradient.gif) repeat-x; text-align:center; }
#wrapper { margin:0 auto; padding:0 10px; width:776px; min-height:670px; background:url(/images/bkgd-shadow.png) repeat-y !important; background:url(/images/s.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bkgd-shadow.png', sizingMethod='scale'); }
#content { text-align:left; }
img { border:0; }
a { color:#669; text-decoration:none; }
a:hover { text-decoration:underline; }
a.backtotop { display:block; margin-top:5px; font-size:11px; }
a.highlight { font-size:14px; font-weight:bold; }
a.chart { color:#FFF; font-size:12px; font-weight:bold; }
p { margin-top:15px; }
.clear { clear:both; }
.spdrHR { height:1px; margin:0 10px 10px 10px; background-color:#9AB; }
.boxBorder { border:1px solid #9AB; }
.boxMargin { margin:10px; }
.boxMarginTwo { margin:5px; }
.verticalMargin { margin:10px 0; }
.verticalMarginTwo { margin:5px 0; }
.horizontalMargin { margin:0 10px; }
.horizontalMarginTwo { margin:0 5px; }
.boxPadding { padding:10px; }
.boxPaddingTwo { padding:5px; }
.verticalPadding { padding:10px 0; }
.verticalPaddingTwo { padding:5px 0; }
.horizontalPadding { padding:0 10px; }
.horizontalPaddingTwo { padding:0 5px; }

/* Typography */
.pageTitle { color:#456; font-size:18px; font-weight:bold; }
.subTitle { color:#333; font-size:14px; font-weight:bold; }
.asOf, .tblNotes { color: #666; font-size:10px; line-height:10px; }
.siteText { font-size:11px; }
.contentText { font-size:12px; }
.error { color:#C00; font-size:11px; font-weight:bold; }
.smallText { font-size:10px; }
.mktGreen { color:#390; }
.mktRed { color:#C00; }
.textHead { font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }

/* Tables */
table { border-spacing:0; border-collapse:collapse; font-size:11px; }
.data { border-spacing:1px; *border-spacing:0; border-collapse:separate; *border-collapse:collapse; background-color:#9AB; font-size:11px; }
.data tr { background-color:#FFF; }
.data thead tr { background-color:#CCC; }
.data td, .data th { *border:1px solid #9AB; padding:2px 4px; white-space:nowrap; }
/*.data { border-spacing:1px; _border-spacing:0; border-collapse:separate; _border-collapse:collapse; background-color:#9AB; font-size:11px; }
.data tr { background-color:#FFF; }
.data thead tr { background-color:#CCC; }
.data td, .data th { _border:1px solid #9AB; padding:2px 4px; white-space:nowrap; }*/
.data img { vertical-align:middle; border:0; }
.coloredRow { background:url(/images/bkgd-table-row.gif) repeat-x; }
.cellSpacing td { padding:5px 0; }
.cellSpacing div { margin-left:5px; }

/* Lists */
ul, .spdrList { list-style-type:none; padding:0; margin:5px 0 10px; }
ul li, .spdrList li { background:url(/images/li-red-square.gif) no-repeat 0 .5em; padding:0 0 5px 7px; }
ul li.on, .spdrList li.on { background-image:none; padding:0 0 5px 7px; font-weight:bold; }
ul li div, .spdrList li div { padding-left:7px; font-weight:normal; }

/* Forms */
form { display:inline; }
input.inputText { width:75px; height:21px; border:1px solid #7F9DB9; }
input.inputTextTwo { width:35px; height:17px; border:1px solid #7F9DB9; margin:1px; }
input.go { width:24px; height:24px; vertical-align:bottom; }

/* Site Header, Content Wells, and Footer */
#head { height:88px; padding:0 10px; font-size:10px; line-height:25px; background: url(/images/bkgd-site-header.gif) repeat-x bottom; }
#head div span { color:#678; }
#head a { font-weight:bold; }
#login { float:right; }
#amexFeedback { float:left; }
#logoSearchParent { margin-top:7px; text-align:left; }
#siteSearch { float:right; margin-top:15px; }
#mainWell { float:left; width:630px; padding:10px 0 10px 10px; font-size:12px; }
#mainWell p, #mainWell li { line-height:16px; }
#mainWell table { line-height:normal; }
#secondaryWell { float:left; width:121px; padding-left:15px; }
#footer { width:647px; margin:0 auto; color:#FFF; font-size:10px; }
#footer span { display:block; float:left; width:627px; background-color:#252E31; line-height:26px; }
#footer a { color:#FFF; font-weight:bold; }
#footer p { margin:5px 0; }
#footerLeft { float:left; width:10px; height:26px; background:url(/images/footer-corner-left.gif) no-repeat; }
#footerRight { float:left; width:10px; height:26px; background:url(/images/footer-corner-right.gif) no-repeat; }

/* Navigation */
#navPrimary { background-color:#000; margin:1px 0; color:#9AB; font-size:10px; height:25px; padding:0 18px; }
#navPrimary div { float:left; line-height:25px; _line-height:24px; }
#navPrimary a { font-weight:bold; color:#9AB; padding:0 5px; }
#nav_XLY:hover, #nav_XLY.over { background-color:#CADB2A; }
#nav_XLP:hover, #nav_XLP.over { background-color:#00989B; }
#nav_XLE:hover, #nav_XLE.over { background-color:#FFCD07; }
#nav_XLF:hover, #nav_XLF.over { background-color:#99CA3C; }
#nav_XLV:hover, #nav_XLV.over { background-color:#05A0C6; }
#nav_XLI:hover, #nav_XLI.over { background-color:#9BC4DD; }
#nav_XLB:hover, #nav_XLB.over { background-color:#817EBB; }
#nav_XLK:hover, #nav_XLK.over { background-color:#7D277B; }
#nav_XLU:hover, #nav_XLU.over { background-color:#F58020; }
#nav_XLY:hover a, #nav_XLY.over a, #nav_XLP:hover a, #nav_XLP.over a, #nav_XLE:hover a, #nav_XLE.over a, #nav_XLF:hover a, #nav_XLF.over a, #nav_XLV:hover a, #nav_XLV.over a, #nav_XLI:hover a, #nav_XLI.over a, #nav_XLB:hover a, #nav_XLB.over a, #nav_XLK:hover a, #nav_XLK.over a, #nav_XLU:hover a, #nav_XLU.over a { color:#FFF; }
#navSecondary { float:left; position:relative; width:119px; height:230px; font-size:10px; background: url(/images/bkgd-second-nav.gif) repeat-x; }
#navTertiary { float:left; width:119px; font-size:10px; margin-top:10px; }

/* Homepage Elements */
#spdrImageSwap { float:left; }
#toolsPromo { float:left; position:relative; width:300px; border-left:1px solid #FFF; border-right:1px solid #FFF; height:230px; background: url(/images/bkgd-tools-promo.gif) repeat-x; }
#toolsPromo p { margin-bottom:10px; }
#finPros { position:absolute;left:10px;bottom:10px;background:url(/images/bkgd-financial-pros.gif);width:240px;height:20px;color:#FFF;padding:5px 0 0 30px; }
#equalStrategy { background:url(/images/bkgd-financial-pros.gif);width:240px;height:20px;color:#FFF;padding:5px 0 0 30px; margin-top:5px; }
#finPros a, #equalStrategy a { color:#FFF; }
.toolsWhatsNew { float:left; width:130px; font-size:10px; padding:10px 10px 10px 0; }
#marketStory { float:left; width:355px; }
.smallHead { color:#678; font-weight:bold; margin-bottom:5px; }
.byline { color:#678; font-weight:bold; font-size:10px; }
a.marketStoryTitle { font-family:arial; font-size:20px; color:#345; }
a.marketStoryTitle:hover { color:#336; }
.callout { margin:5px 0; }
#research { margin:15px 0 10px; }
#marketVisuals { float:left; width:278px; margin:10px; border:1px solid #9AB; text-align:center; }
#marketVisuals img { margin:1px 0; }
#marketsTbl { width:100%; font-size:10px; text-align:right; border-bottom:1px solid #9AB; }
#marketsTbl td { height:17px; border-top:1px solid #9AB; padding:0 5px; font-weight:bold; }
#marketsTbl th { border-top:1px solid #9AB; text-align:left; padding-left:5px; }
#spectrum { height:50px; background: url(/images/bkgd-market-spectrum.gif) repeat-x; }
#spectrum table { width:268px; font-size:10px; }
#spectrum table td { width:130px; text-align:center; height:48px; }
#mapText { position: relative; }

/* HP Watchlist */
#watchlist { float:left; width:121px; margin:15px 0; }
#watchlist div { background-color:#000; color:#FFF; text-indent:5px; line-height:20px }
#watchlist div a { color:#FFF; }
#watchlist table { width:100%; font-size:10px; text-align:right; border-bottom:1px solid #9AB; }
#watchlist td { height:17px; border-top:1px solid #9AB; padding:0 4px; }
#watchlist th { border-top:1px solid #9AB; text-align:left; padding-left:4px; font-weight:normal; }
#watchlist span { display:block; margin:3px 5px; font-size:10px; }

/* Eqsnaps */
.eqBoxHeader { background:url(/images/bkgd-data-head.gif) repeat-x; height:22px; border-bottom-width:0; }
.eqTabs { background:url(/images/bkgd-data-head.gif) repeat-x; font-size:11px; height:22px; line-height:22px; color:#345; }
.eqTabs div { float:left; border-right:1px solid #9AB; padding:0 15px; height:22px; line-height:22px; }
.eqTabs span { display:block; float:right; padding-right:15px; _padding-top:5px; }
.eqTabs span { display:block; float:right; }
.eqTabs span img { vertical-align:middle; }
.eqTabsOn { font-size:11px; background:url(/images/bkgd-tabs-on.gif) repeat-x; font-weight:bold; }
#eqHeader { border-left:1px solid #9AB; border-right:1px solid #9AB; width:628px; font-size:11px; }
#eqHeaderCompanyInfo { float:left; width:412px; padding:10px 0 0 10px; }
#eqHeaderCompanyInfo div { margin-top:10px; }
#eqTicker { font-size:18px; font-weight:bold; padding-right:10px; }
#eqCompany { font-size:13px; font-weight:bold; }
#eqPriceTrade { float:left; width:195px; padding:10px 5px; border-left:1px solid #9AB; }
#eqPriceTrade div { float:right; width:65px; font-size:10px; }
#eqPrice { font-size:18px; font-weight:bold; }
#eqHeaderUp { color:#090; font-size:13px; font-weight:bold; }
#eqHeaderDown { color:#C00; font-size:13px; font-weight:bold; }
#eqHeaderNoChange { font-size:13px; font-weight:bold; }