/* STYLES FOR CONTENT AREA OF AI REFRESH */
/*###################### generic #air_maincontent styles #######################*/
/*--- general elements ---*/
#air-maincontent { font-family: Arial, Helvetica, sans-serif; margin: 0 0 20px 20px; width: 600px; font-size: 12px; position: relative; z-index: 1; }
#air-maincontent a { color: #1b468e; font-weight: bold; text-decoration: none; }
#air-maincontent a:hover { text-decoration: underline; }
#air-maincontent h2 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #1b468e; font-weight: bold; margin: 0 0 8px 0; padding: 0; }
#air-maincontent h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #1b468e; font-weight: bold; margin: 0 0 8px 0; padding: 0; }
#air-maincontent hr { height: 1px; width: 100%; border: 0; margin: 0 0 10px 0; padding: 0; text-align: left; display: block; }
#air-maincontent img { border: 0; }
#air-maincontent p { font-size: 12px; padding: 0; margin: 0 0 8px 0; }
#air-maincontent table { border: 0;}
/*--- header bars ---*/
/* syntax:
Produces regular bar of scheme "color": Title Text
Produces bar of scheme "color" with "more" arrow: Title Text
Produces bar of scheme "color" with "more" arrow, and right floated "more" text: Title Textmore info
*/
#air-maincontent h2.title, #air-maincontent h3.title, #air-maincontent h4.title { font-family: Arial, Helvetica, sans-serif; padding: 1px 3px 0 6px; margin: 0 0 10px 0; height: 16px; font-size: 11px; font-weight: bold; text-align: left; }
#air-maincontent h2.more, #air-maincontent h3.more, #air-maincontent h4.more { background: url(../images/morearrow_yellow_bg.gif) top right no-repeat; }
#air-maincontent h2.title span.title, #air-maincontent h3.title span.title, #air-maincontent h4.title span.title { float: left; display: block; }
#air-maincontent h2.title span.more, #air-maincontent h3.title span.more, #air-maincontent h4.title span.more { padding: 0 18px 0 0; text-align: right; font-size: 11px; font-weight: bold; float: right; display: block; }
/*--- header bar color schema ---*/
#air-maincontent h2.blue, #air-maincontent h3.blue, #air-maincontent h4.blue { background-color: #40546d; color: #fff; }
#air-maincontent h2.blue a, #air-maincontent h3.blue a, #air-maincontent h4.blue a { color: #fff; }
#air-maincontent h2.beige, #air-maincontent h3.beige, #air-maincontent h4.beige { background-color: #879c8c; color: #fff; }
#air-maincontent h2.ltblue, #air-maincontent h3.ltblue, #air-maincontent h4.ltblue { background-color: #d7dfec; color: #40546d; }
#air-maincontent h2.newblue, #air-maincontent h3.newblue, #air-maincontent h4.newblue { background-color: #25a; color: #fbb803; }
/*--- div color schema ---*/
#air-maincontent div.blue { background-color: #e7ecf4; margin-bottom: 20px; border-bottom: 1px solid #40546d; padding: 0px; }
#air-maincontent hr.blue { background-color: #40546d; color: #40546d; }
#air-maincontent div.blue hr.blue { margin: 0 17px 0 5px; width: 250px; }
#air-maincontent hr.ltblue { background-color: #99adce; color: #99adce; }
#air-maincontent div.beige { background-color: #eed; margin-bottom: 20px; border-bottom: 1px solid #c4c2a1; padding: 0px; }
#air-maincontent hr.beige { color: #879c8c; background: #879c8c; }
#air-maincontent div.beige p, #air-maincontent div.blue p { padding: 9px 17px 12px 5px; font-size: 11px; margin: 0px; }
/*--- layout classes for one, two,"two-thirds" and four column layout ---*/
/* see http://wsproto.sddmz55.mcgraw-hill.com/ai/refresh/buildout/air_onecol.html (also air_twocol.html, air_twothirdscol.html, air_threecol.html, air_fourcol.html) for usage */
#air-maincontent .onecol, #air-maincontent .twocol, #air-maincontent .threecol, #air-maincontent .fourcol, #air-maincontent .twothirdscol { padding: 0; margin: 18px 0 0 0; clear: both; width: 580px; }
#air-maincontent .twocol-1 { margin: 0 0 18px 0; padding: 0; width: 280px; clear: left; float: left; }
#air-maincontent .twocol-2 { margin: 0 0 18px 20px; padding: 0; width: 280px; float: left; }
#air-maincontent .threecol-1 { margin: 0 0 18px 0; padding: 0; width: 180px; clear: left; float: left; }
#air-maincontent .threecol-2 { margin: 0 0 18px 20px; padding: 0; width: 180px; float: left; }
#air-maincontent .fourcol-1 { margin: 0 0 18px 0; padding: 0; width: 130px; clear: left; float: left; }
#air-maincontent .fourcol-2 { margin: 0 0 18px 20px; padding: 0; width: 130px; float: left; }
#air-maincontent .twothirdscol-a { margin: 0 0 18px 0; width: 380px; float: left; }
#air-maincontent .twothirdscol-b { margin: 0 0 18px 20px; width: 180px; float: left; }
#air-maincontent .twothirdscol-a-1 { margin: 0 0 18px 0; width: 180px; clear: left; float: left; }
#air-maincontent .twothirdscol-a-2 { margin: 0 0 18px 20px; width: 180px; float: left; }
#air-maincontent .twothirdscol-a-3 { margin: 0 0 18px 0; width: 380px; clear: left; }
/*--- general maincontent classes ---*/
#air-maincontent .airHeadline { font-family: Arial, Helvetica, sans-serif; color: #1b468e; font-weight: bold; font-size: 12px; }
#air-maincontent .datetime { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #4d4c4c; /*white-space: nowrap;*/
}
#air-maincontent span.more a { color: #FFD011; }
#air-maincontent .down { color: #930; }
#air-maincontent .up { color: #2a7902; }
/*###################### AI refresh Home Page styles #######################*/
/*--- market commentary ---*/
#air-marketcommentary h2.title { /*border-top: 1px solid #829dc9; background: #d7dfec url(../images/morearrow_resnotes.gif) top right no-repeat; color: #1b468e;*/ margin: 0; }
#air-marketcommentary table { width: 380px; padding: 0; margin: 0; clear: both; }
#air-marketcommentary td { padding: 8px 0px 8px 0px; vertical-align: baseline; }
#air-marketcommentary td.symbol { font-size: 12px; color: #1b468e; width: 60px; }
#air-marketcommentary td.symbol a { color: #1b468e; font-weight: normal; }
#air-marketcommentary td.star { color: #40546d; font-size: 12px; font-weight: bold; width: 240px; }
#air-marketcommentary td.price { color: #40546d; font-size: 12px; width: 80px; text-align: right; font-weight: bold; }
#air-marketcommentary .airHeadline { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #1b468e; text-transform: uppercase; }
#air-marketcommentary .headRow { border-bottom: 1px solid #cfd4da; padding: 10px 0 10px 0; }
#air-marketcommentary .headRow2 { border-bottom: 1px solid #cfd4da; border-top: 1px solid #40546d; padding: 8px 0 8px 0; }
#air-marketcommentary .oneoftwo { border-bottom: 1px solid #40546d; }
/*#air-marketcommentary span.more a { color: #40546d; }*/
/*--- market movers ---*/
#air-marketmovers { width: 380px; }
#air-marketmovers h2.title { margin: 0; }
#air-marketmovers table { width: 380px; padding: 0; margin: 0; clear: both; font-size: 12px; }
#air-marketmovers .change { font-weight: bold; }
#air-marketmovers .mm-cosym { width: 250px; padding: 10px 0 8px 0; }
#air-marketmovers .mm-change { width: 130px; text-align: left; padding: 0 0 8px 0; }
#air-marketmovers .headRow { padding: 0 0 10px 0; }
#air-marketmovers .headRow2 { border-top: 1px solid #40546d; padding: 8px 0 8px 0; }
#air-marketmovers .oneoftwo { border-bottom: 1px solid #40546d; padding: 0 0 10px 0; }
#air-marketmovers .symbol { font-weight: normal; padding-left: 10px; }
#air-marketmovers .summary { font-size: 12px; }
/*--- lower two column area ---*/
.homeModule { margin: 0 0 20px 0; }
#air-maincontent div.homeModule h3.title, #air-maincontent div.homeModule h4.title { margin: 0 0 7px 0; }
/*--- today's markets ---*/
#todays-markets { background: #f6f6ee; margin: 0 0 20px 0; border-bottom: 1px solid #c4c2a1; }
#indices-tabs { width: 180px; margin: 0; padding: 0; background: #f6f6ee; list-style: none; height: 17px; }
#indices-tabs li { padding: 0; margin: 0; background: #f6f6ee; float: left; height: 17px; }
#indices-tabs a { padding: 0; margin: 0; background: #f6f6ee; display: block; height: 17px; }
#indices-tabs #inx { background: url(../images/indices_tabs_all.gif) 0px 0px no-repeat; width: 61px; }
#indices-tabs #indu { background: url(../images/indices_tabs_all.gif) -61px 0px no-repeat; width: 58px; }
#indices-tabs #compx { background: url(../images/indices_tabs_all.gif) -119px 0px no-repeat; width: 61px; }
#chart-img { background-color: #eed; margin: 7px 0px 7px 0px; padding: 0px; border: 0px; }
#market-prices { width: 180px; background-color: #eed; border-top: 1px solid #c4c2a1; }
#market-prices #mp-sp { background-color: #fff; border-top: 1px solid #c4c2a1; }
#market-prices td { height: 23px; border-top: 1px solid #c4c2a1; font-size: 10px; padding-right: 2px; }
#market-prices tfoot td { font-size: 10px; padding: 9px 6px 9px 6px; color: #7e7e77; }
#market-prices td.active { background-color: #fff; }
#market-prices td.mp-index { padding-left: 6px; }
#market-prices td.mp-close { text-align: right; }
#market-prices td.mp-change { text-align: right; }
#market-prices td.mp-percent { text-align: right; padding-right: 6px; }
/*--- new on AI ---*/
#new-ai { margin: 0 0 20px 0; border-bottom: 1px solid #c4c2a1; background-color: #eed; }
#air-maincontent #new-ai p { padding: 0 7px 11px 7px; font-size: 11px; }
/*--- promotion ---*/
#promotion h4.title { margin: 0; }
/*###################### AI refresh Splash Page styles #######################*/
/*--- login module ---*/
#air-leftcol-login { position: relative; margin: 0 0 6px 0; border-bottom: 1px solid #5e80ba; border-top: 1px solid #5e80ba; width: 179px; background: url('../images/login_title.gif') no-repeat 0 0; color: #40556d; font-size: 11px; font-weight: bold; }
#air-leftcol-login fieldset { padding: 10px 0 16px 19px; border: 0; margin: 22px 0 0 0; background: url('../images/login_bg.gif'); }
#air-leftcol-login #login-id, #air-leftcol-login #login-pass { width: 99px; margin: 0 0 9px 0; padding: 3px 0px 0px 5px; border: 1px solid #1b468e; color: #000; font-weight: normal; vertical-align: middle; line-height: 13px; font-size: 11px; display: block; }
#air-leftcol-login #login-go { position: absolute; top: 93px; left: 132px; display: block; }
#air-leftcol-login a { text-decoration: none; color: #40556d; }
/*--- leftcol promotion module ---*/
#promotion { margin: 0; border-bottom: 1px solid #c4c2a1; padding: 18px 0 0 0; clear: left; }
#promotion img { display: block; border: 0; }
#promotion h4 { font-family: Arial, Helvetica, sans-serif; padding: 1px 3px 0 6px; margin: 0 0 0 0; height: 16px; font-size: 11px; font-weight: bold; text-align: left; background-color: #879c8c; color: #fff; }
/*--- center col promotion banner ---*/
#air-splash-promo a { margin: 0; padding: 0; }
#promoimg-1 { display: block; margin: 0; border: 0; }
#promoimg-2, #promoimg-3 { display: inline; margin: 0; border: 0; }
/*--- rollover divs for "subscriber features" ---*/
.moreFeatures { height: 17px; margin: 0; padding: 0 3px 0 6px; line-height: 17px; background: #cccccc; color: #000; font-size: 11px; visibility: hidden; }
/*--- performs same function as maincontent span.title and span.more, just coded incorrectly on splash page so we need this ---*/
#air-centercol h2 div.title { float: left; }
#air-centercol h2 div.more { padding: 0 18px 0 0; text-align: right; font-size: 11px; font-weight: bold; float: right; }
#air-centercol h2 div.more a { color: #ffd011; }
/*--- Research Notes and Broker News and Views ---*/
#air-research-notes table, #air-broker-news table { width: 380px; margin: 0; }
#air-maincontent #air-broker-news p { margin: 10px 0 0 0; }
#air-research-notes td, #air-broker-news td { padding: 8px 0px 8px 0px; vertical-align: baseline; }
#air-research-notes td.symbol, #air-broker-news td.symbol { font-size: 12px; color: #1b468e; width: 60px; border-bottom: 1px solid #cfd4da; }
#air-research-notes td.symbol { width: 60px; }
#air-broker-news td.symbol { width: 300px; }
#air-research-notes td.symbol a, #air-broker-news td.symbol a { font-weight: normal; }
#air-research-notes td.star { color: #40546d; font-size: 12px; font-weight: bold; width: 240px; border-bottom: 1px solid #cfd4da; }
#air-research-notes td.price, #air-broker-news td.price { color: #40546d; font-size: 12px; width: 80px; text-align: right; font-weight: bold; border-bottom: 1px solid #cfd4da; }
#air-research-notes .headRow, #air-broker-news .headRow { border-bottom: 1px solid #cfd4da; padding: 0 0 10px 0; }
/*###################### About AI styles #######################*/
/* about ai styles */
#air-maincontent .nobold { font-weight: normal; }
#air-maincontent p.bannerp { padding: 10px 0 0 0; }
#air-maincontent p.contactus { font-size: 11px; font-weight: bold; }
div.aboutmod { padding: 21px 0 0 0; font-size: 11px; } /* allows for application of "New Feature" background treatment*/
div.aboutmodNew { padding: 21px 0 0 0; font-size: 11px; } /* allows for application of "Coming Soon" background treatment*/
div.aboutmodNew h2, div.aboutmodNew h3, div.aboutmodNew h4 { margin: 0; color: #1b468e; font-size: 14px; border-top: 1px solid #40546d; padding: 10px 0 15px 2px; }
div.aboutmodcontent { padding: 0; font-size: 11px; color: #666; }
div.aboutmodcontent img { margin: 0 0 10px 0; display: block; }
#air-maincontent div.aboutmodcontent p { font-size: 11px; margin: 0; padding: 0; }
#air-maincontent div.aboutmodcontent p.twooftwo { padding: 10px 0 0 0; }
#air-maincontent div.aboutmodcontent p.viewsample { border-top: 1px solid #1b468e; padding: 10px 0 0 0; }
#air-maincontent div.aboutmodcontent p.more { margin: 9px 0 0 0; }
#air-maincontent div.aboutmodcontent p.more a { font-size: 10px; padding: 0 10px 0 0; background: url(../images/about_morearrow.gif) no-repeat right center; color: #25a; font-weight: bold; }
#air-maincontent div.aboutmodNew div.aboutmodcontent p.more { margin: 9px 0 9px 0; background: #e7ecf4; padding: 2px 0 4px 0; }
#air-maincontent div.aboutmodNew div.aboutmodcontent p.more a { font-size: 10px; padding: 0 10px 0 8px; background: url(../images/about_morearrow.gif) no-repeat right center; color: #25a; font-weight: bold; line-height: 12px; }
/*--- "New Feature" and "Coming Soon" classes --- */
div.newfeat { margin-bottom: 20px; background: url(../images/about_newfeat_title.gif) no-repeat right top; } /* application of "New Feature" background treatment*/
div.newfeat div.aboutmodcontent { color: #666; font-weight: bold; }
#air-maincontent div.newfeat h4.blue { background-color: #25a; color: #fbb803; }
div.comesoon { background: url(../images/about_comesoon_title.gif) no-repeat right top; } /* application of "Coming Soon" background treatment*/
div.newcome { background: url(../images/about_newcome_title.gif) no-repeat right top; } /* application of "New Feature/Coming Soon" background treatment*/
div.newcome2 { background: url(../images/about_newcome_title2.gif) no-repeat right top; } /* different application of "New Feature/Coming Soon" background treatment*/
div.new2 { background: url(../images/about_newfeat_title2.gif) no-repeat right top; } /* different application of "New Feature" background treatment*/
/*--- About AI lists ---*/
ul.aboutul { margin: 0 0 8px 0; padding: 0; list-style-type: none; }
ul.aboutul li { margin: 0; padding: 0 0 7px 13px; background: url(../images/about_bullet_lg.gif) no-repeat left top; }
div.aboutmodcontent ul { margin: 8px 0 0 0; padding: 0; list-style-type: none; }
div.aboutmodcontent li { margin: 0; padding: 0 0 5px 9px; background: url(../images/about_bullet_sm.gif) no-repeat left top; }
/*--- unique left col newsletters module ---*/
#about-newsletter { margin: 0; padding: 35px 0 0 0; clear: left; }
#about-newsletter div.aboutmodcontent p.more a { font-size: 11px; padding: 0 10px 0 0; background: url(../images/about_subscribearrow.gif) no-repeat right center; color: #177b2f; font-weight: bold; text-decoration: none; }
#about-newsletter a:hover { text-decoration: underline; }
#about-newsletter h4.title{ padding: 1px 3px 0 20px; margin: 0; height: 16px; font-size: 11px; font-weight: 700; text-align: left; background: #879c8c; color: #fff; }
#about-newsletter div.aboutmodcontent { padding: 10px 0 15px 20px; background: #d3dfd3; border-bottom: 1px solid #879c8c; }
#about-newsletter div.twooftwo { padding: 19px 0 25px 20px; border: 0; }
#about-newsletter div.aboutmodcontent p { padding: 0 10px 0 0; background: #d3dfd3; }
/*--- unique New Features module on About AI Overview ---*/
#home-newfeat { background: url(../images/about_home_newbg.gif); padding: 0 0 20px 0; margin: 21px 0 0 0; }
#home-newfeat div.aboutmodcontent { _height: 0.1em; } /* HACK!!! overcoming IE peekaboo bug*/
#home-newfeat div.aboutmodcontent p { color: #000; padding: 0 3px 0 6px; }
#home-newfeat h5 { margin: 15px 0 10px 0; padding: 0; }
#home-newfeat h5 img { margin: 0; padding: 0; }
/*###################### FAQ styles #######################*/
dl.airfaq { margin: 0; padding: 0; }
dl.airfaq dt { margin: 0; padding: 20px 0 5px 0; font-weight: bold; }
dl.airfaq dd { margin: 0; padding: 0; font-weight: normal; color: #333; }
dl.airfaq table { margin: 10px 0 10px 10px; padding: 0; font-size: 12px; }
dl.airfaq td { margin: 0; padding: 0 20px 5px 0; }
dl.airfaq .symbol { color: #1b468e; font-weight: bold; }
dl.airfaq .backToTop { padding: 8px 0 0 0; }
dl.airfaq .backToTop a { padding: 0 0 0 15px; background: transparent url(../images/arrow_up.gif) bottom left no-repeat; }
ul.airfaq { margin: 0; padding: 0; list-style-type: none; }
ul.airfaq li { margin: 0; padding: 0 0 5px 0; }
/*###################### Site Map styles #######################*/
#air-maincontent ul.sitemap { list-style-type: none; margin: 0 0 10px 0; padding: 0; font-size: 11px; }
#air-maincontent p.sitemap { font-size: 11px; color: #666; }
#air-maincontent ul.sitemap li { margin: 0; padding: 0 0 6px 0; line-height: 15px; color: #666; }
#air-maincontent ul.sitemap li.section { padding: 0 0 5px 0; }
#air-maincontent ul.sitemap li.divider { border-top: 1px solid #40546d; padding: 5px 0 5px 0px; margin: 5px 0 6px 0; }
#air-maincontent ul.sitemap li#spstars.divider { border: 0; padding: 0; }
#air-maincontent ul.sitemap li.divider a { font-weight: bold; }
#air-maincontent ul.sitemap li a { font-weight: normal; }
#air-maincontent ul.sitemap li span.nolink { color: #1b468e; }
#air-maincontent ul.sitemap li span.page { font-size: 10px; }
#air-maincontent ul.sitemap li.divider ul { margin: 0; padding: 5px 0 0 10px; list-style-type: none; }
#air-maincontent ul.sitemap li.divider ul a { font-weight: normal; }
#air-maincontent h3.nolist, #air-maincontent h4.nolist { margin: 0 0 20px 0; }
/*###################### Timeout styles #######################*/
#air-maincontent #timeout h2 { margin: 0 0 25px 0; color: #f33; }
#air-maincontent #timeout .twocol-1 { width: 290; margin: 0 0 18px 0; padding: 0 10px 0 0; border-right: 1px solid #40546d; }
#air-maincontent #timeout .twocol-2 { margin: 0 0 18px 9px; }
#air-maincontent #timeout #air-leftcol-login { margin: 18px 0 0 0; width: 280px; background: url('../images/timeout_login_title.gif') no-repeat 0 0; }
#air-maincontent #timeout #air-leftcol-login fieldset { background: url('../images/timeout_login_bg.gif'); }
#air-maincontent #timeout #air-leftcol-login #login-id, #air-maincontent #timeout #air-leftcol-login #login-pass { width: 199px; }
#air-maincontent #timeout #air-leftcol-login #login-go { top: 90px; left: 232px; }
/*###################### special Alerts Pop-Up styles #######################*/
#air-alerts-popup { width: 100%; margin: 0 0 0 1px; padding: 0; }
#air-alerts-popup h1 { padding: 12px 0 17px 21px; margin: 0 0 33px 0; background: #2254a9; }
#air-alerts-popup h2 { padding: 0 0 11px 0; }
#air-alerts-popup #air-maincontent { width: 450px; margin: 0 0 40px 20px;}
#air-alerts-popup #air-maincontent p { margin: 14px 0 0 0; }
#air-alerts-popup #air-footer { width: 520px;}
#air-alerts-popup #air-footer #footer-top { background: #e7ecf4; }
/*###################### pagination bar styles (on "Newly Added" and "Updated" Stock Reports pages) #######################*/
div.air-pagination-bar { margin: 0; padding: 0; background: #ddd; height: 30px; border-top: 1px solid #ccccff; vertical-align: middle; }
div.air-pagination-bar ul { float:left; margin: 5px 0 0 10px; padding: 0; list-style: none; }
div.air-pagination-bar ul li { float:left; padding: 0 5px 0 0; }
div.air-pagination-bar ul li.air-pag-prev { padding: 0 7px 0 12px; background: url(../images/arrow_prev.gif) no-repeat 0px 3px; }
div.air-pagination-bar ul li.air-pag-next { padding: 0 12px 0 2px; background: url(../images/arrow_next.gif) no-repeat 100% 3px; }
div.air-pagination-bar div { float:right; margin: 5px 10px 0 0; padding: 0; }