@import url("../../common/i/weathertypes.css");

/*
 * Copyright 2017 Oath, Inc.
 * All Rights Reserved.
 */

body {width:1000px; margin:auto; font-family:Arial,sans-serif;}
a, a:link, a:visited {text-decoration:none;}
div#bdi {width:980px; margin:auto;}

div.mBdr {border-width:0px 1px; border-color:#f3f5f6;border-style:solid;}
div.innerBdr {border-width:0.1em 0.1em 0.1em; border-color:#d7d7d7; border-style:solid;}
div.tileEdge, div.tileOutline {border-width:1px; border-style:solid;}
div.tileEdge {border-color:#e2e3e4; border-width:2px;}
div.tileOutline {border-color:#cdcdcd;background-color:#ffffff;}
.tileOutline img {float:left; margin:10px;}

div#hdr {height:108px;}
div#hdrbk {width:978px; background-image:url(CS_header_mid.jpg); background-repeat:repeat-x; position:absolute;}
.AOL div#hdrbk {width:978px; background-image:url(aol_header_mid.gif); background-repeat:repeat-x; position:absolute;}
div#hdrbk img {float:left;}
.AOL div#hdrbk img {float:left; margin:25px 0 0 25px;}
div.hdrbkRt {height:108px; width:2px; float:right; background-image:url(CS_header_right.jpg); background-repeat:no-repeat;}
.AOL div.hdrbkRt {height:108px; width:2px; float:right; background-image:url(aol_header_right.gif); background-repeat:no-repeat;}

div#hdrCnt {position:absolute; z-index:20;}
div#hdrLogoCover {height:108px; width:228px; float:left;}
div#hdrSrch {width:576px; float:left;}
#hdrSrch div.logo {height:35px; width:572px; margin-bottom:5px;}
#hdrSrch div.bar {height:27px;}
#hdrSrchText, #hdrSrchBtn {border-color:#b3d2ee; border-width:2px; border-style:solid; font-size:.81em;}
.AOL #hdrSrchText, #hdrSrchBtn {border-color:#afd8ef; border-width:2px; border-style:solid; font-size:.81em;}
#hdrSrchText {float:left; width:464px; height:21px;}
#hdrSrchBtn {float:left; width:102px; height:27px; border-left-style:none; background-image:url(CS_button_search.gif); background-repeat:repeat-x; font-weight:bold; cursor:pointer; padding-bottom:2px;}
.AOL #hdrSrchBtn {float:left; width:102px; height:27px; border-left-style:none; background-image:url(aol_but_search.gif); background-repeat:repeat-x; font-weight:bold; cursor:pointer; padding-bottom:2px; color:#ffffff;}
#hdrSrch div.lnks {text-align:center;}
#hdrSrch .lnks ul {margin:5px 0; padding-left:0; font-size:.75em; color:#ffffff;}
#hdrSrch li {display: inline; list-style-type: none; border-left: 1px solid; padding-left:.3em; padding-right:.1em;}
#hdrSrch li.first {border: 0;}
#hdrCnt a:link, #hdrCnt a:visited {color:#ffffff;}

div#hdrLnks {float:left;color:#ffffff;font-size:.81em;}
#hdrLnks div.greeting {padding:15px 0 0 18px; height:22px;}
#hdrLnks a.signinout {text-decoration:underline;}
#hdrLnks ul {list-style-image:url(CS_arrow_right.gif); list-style-position:inside; margin:0; padding-left:20px;}
#hdrLnks li {vertical-align:middle;}
div#hdrShdw {height:38px; background-repeat:repeat-x;background-image:url(CS_shadow.gif);}
.AOL div#hdrShdw {height:38px; background-repeat:repeat-x;background-image:url(aol_shadow.gif);}

#mnContent .tileEdge {margin-bottom:10px;}

#mnContent .promoContainer {margin-bottom:10px; padding-left:2px;}

div#mnFooter {color:#014493;}
div#mnFooter.tileEdge {margin-bottom:0;}
#mnFooter img {float:left;margin:10px 20px 10px 10px;}
#mnFooter div#cpyrText {float:left;}
#mnFooter p {color:#000000; margin:20px 0 6px;}
#mnFooter ul#ftLnks {padding:0;margin:0.5em 0;}
#mnFooter #ftLnks li {display:inline; list-style-type:none; padding-right:1em;}

div#mnbkgd {background-color:#edf6ff; background-image:url(CS_gradient.gif); background-repeat:repeat-x; padding-top:10px;}
.AOL div#mnbkgd {background-color:#edf6ff; background-image:url(aol_gradient.gif); background-repeat:repeat-x; padding-top:10px;}

div#main {/*overflow:hidden;*/ clear:both; float:left; margin:0;}
div#nav, div#mnContent {position:relative;}
div#nav {width:142px; right:814px; float:left;}
#nav div.menuBlk {background-color:#d5e6f8; border-style: none solid; border-width:1px; border-color:#e2e3e4;}
.AOL #nav div.menuBlk {background-color:#dbedf8; border-style: none solid; border-width:1px; border-color:#e2e3e4;}
div#mailButton, #nav div#navWhatsNew {margin-bottom:10px;}
#nav div#navWhatsNew {font-size:.88em; font-weight:bold; color:#2384d3;}
#nav div#navWhatsNew a, div#navWhatsNew a:link, div#navWhatsNew a:visited {color:#2384d3;}
#nav a img {border:none;}

div#newMailCount {font-size:11px;position:absolute;top:26px;left:42px;;color:#ffffff;z-index:100;}

h3.title {background-color:#2384d5; color:#ffffff; font-weight:bold; font-size:.88em;margin:0;padding-left:6px;}
.AOL h3.title {background-color:#7abee5; color:#ffffff; font-weight:bold; font-size:.88em;margin:0;padding-left:6px;}
h3.menu.title {line-height:2em;}

li.yp {padding-bottom:5px;}
input.ypText {width:87px; border-width:1px; border-color:#b3d2ee; height:16px;}
input.ypSubmit {color:#ffffff; background-image:url(CS_button_blue.gif); background-repeat:repeat-x; font-weight:bold; cursor:pointer; font-size:.81em; border-style:none; padding:2px 4px; margin-left:5px;}
.AOL input.ypSubmit {color:#ffffff; background-image:url(aol_but_pink.gif); background-repeat:repeat-x; font-weight:bold; cursor:pointer; font-size:.81em; border-style:none; padding:2px 4px; margin-left:5px;}
p.clear {clear:both; margin:0;}

div#mnContent {width:813px; left:154px; padding:0 5px 0 4px; float:left;}
div#mnLeft {width:450px; float:left; margin-right:8px;}
div#mnRight {width:355px; float:left;}
div#mnSingle {width:813px;} /* 450+355+8 */
div#mnFooter {width:809px; clear:both; /*float:left;*/ background-color:white;}
div#bottom {clear:both; height:50px;}
div#main div.bottom {clear:both; height:0;}

/*#mnContent a, #mnContent a:link, #mnContent a:visited {color:inherit;} */

.mainContent {color:#011493;}
.mainContent h3 {background-image:url(CS_headerbar.gif); line-height:2em; color:#ffffff; font-size:.88em; font-weight:bold; margin:0;padding-left:10px;}
.AOL .mainContent h3 {background-image:url(aol_headerbar.gif); line-height:2em; color:#ffffff; font-size:.88em; font-weight:bold; margin:0;padding-left:10px;}
.mainContent h4 {font-weight:bold; font-size:.75em; margin:10px 0 0;}
.mainContent p {font-size:.75em; margin:.25em 0;}
.mainContent p.clear {margin:0px;}
.mainContent ul {font-size:.75em; list-style-type:square; margin:0 10px; padding:8px 0 8px 15px;}
.mainContent ol {font-size:.75em; margin:0 10px; padding:8px 0 8px 15px;}
.mainContent li {line-height:1.25em;}
.mainContent a, .mainContent a:link, .mainContent a:visited {color:#014493;}
.mainContent img {border:none;}

.feature a, .feature a:link, .feature a:visited {color:#014493;}
div.breaking {background-color:#edf6ff; height:34px; padding:10px 10px 0; color:#cf1010; font-weight:bold;}
.breaking a {font-size:.75em;}
.breaking a, .breaking a:link, .breaking a:visited {color:#cf1010;}
.breaking h4 {color:#cf1010; display:block; font-weight:bold; margin:0; font-size:1em;}
.breaking p {margin:2px 0 0;font-size:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.document {margin:10px}

.mainFeature h4, .needToKnow h4 {margin:0; padding-top:10px;}
.mainFeature img {float:left; margin:5px 10px 10px;}
.mainFeature h4 {font-size:14px; font-weight:bold; color:#014493;}
.mainFeature p {margin:10px; font-size:12px;}

div.needToKnow {clear:both; background-color:#edf6ff; padding: 0 10px;}
.needToKnow h4 {font-size:.75em; font-weight:bold; color:#000000;}
.needToKnow ul {padding:0.5em 0 0.5em 15px; font-size:.75em; margin:0;}

.headlineList a, .headlineList a:link, .headlineList a:visited {color:#014493;}

div.adContainer {background-color:#d5e6f8;padding:18px 27px 18px 28px; margin-bottom:10px;}
.AOL div.adContainer {background-color:#dbedf8;padding:18px 27px 18px 28px; margin-bottom:10px;}

.fromTheEditor .topWrapper .left, .fromTheEditor .topWrapper .right {float:left; width:136px; margin:0;}
.fromTheEditor .topWrapper .right {margin-left:10px; margin-top:5px; padding-left:10px; border-left:1px solid #e2e3e4; min-height:95px;}
.fromTheEditor .right h4 {margin-top:5px;}
.fromTheEditor ul {clear:both; margin:0 10px; padding:10px 0 10px 15px; border-top:1px solid #e2e3e4;}
.fromTheEditor .topWrapper img {width:120px;}

.wxWrapper {color:#ffffff; background-color:#8dcdf2; height:60px;}
.wxWrapper .skyicon {float:left;}
.wxWrapper .temp {color:#ffffff; font-size:32px; line-height:46px; float:left;}
.wxWrapper .text {float:left; margin-left:10px; padding-top:8px;}
.wxWrapper .text p {color:#ffffff; font-size:12px; margin:0;}
.wxWrapper .text p.location {font-weight:bold;}
.wxWrapper p.input {font-weight:bold; line-height:46px; margin:0 0 0 10px;}
.wxWrapper input.box {margin:0 5px; width:87px; border-width:1px; border-color:#b3d2ee; height:16px;}
.wxWrapper input.button {background-image:url(CS_button_blue.gif); background-repeat:repeat-x; cursor:pointer; border-style:none; padding:2px 4px; font-weight:bold; color:#ffffff; width:30px;}
.AOL .wxWrapper input.button {background-image:url(aol_but_pink.gif); background-repeat:repeat-x; cursor:pointer; border-style:none; padding:2px 4px; font-weight:bold; color:#ffffff; width:30px;}

.updateWrapper {margin:0 10px;}
.updateWrapper div.indices {font-size:12px;}
.updateWrapper div.index {line-height:23px; border-bottom:1px solid #e2e3e4;}
.updateWrapper div.links {margin:10px 0;}
.updateWrapper a.indexName {font-weight:bold; width:62px; display:inline-block;}
.updateWrapper a.value {color:#000000; width:92px; display:inline-block; text-align:right;}
.updateWrapper a.change {width:92px; color:#000000; display:inline-block; text-align:right;}
.updateWrapper a.change.negative {color:#fe0000;}
.updateWrapper a.change.positive {color:#009900;}
.updateWrapper input.tickers {width:89px;}
.updateWrapper .links form {float:left; line-height:30px;}
.updateWrapper .links input.button {background-image:url(CS_button_blue.gif); background-repeat:repeat-x; cursor:pointer; border-style:none; padding:2px 4px; font-weight:bold; color:#ffffff; margin:0 5px;}
.AOL .updateWrapper .links input.button {background-image:url(aol_but_pink.gif); background-repeat:repeat-x; cursor:pointer; border-style:none; padding:2px 4px; font-weight:bold; color:#ffffff; margin:0 5px;}
.updateWrapper .links ul {float:left; padding: 0 0 0 15px;}


.featurePromo img {width:90px;}
div.pcWrapper {margin-right:10px;}
div.pcWrapper.photo {margin-left:115px;}
div.pcWrapper.nophoto {margin-left:10px; margin-right:10px;}
div.pcWrapper ul {margin:10px 0; padding-top:10px; border-top:1px solid #e2e3e4;}
.highlights img {width:99px;}
div.rWrapper {float:left; width:226px;}
div.rWrapper ul {padding-left:5px;}
.celeboftheday img {width:40px;}
.celeboftheday img.pops {width:48px;}
.celeboftheday .rWrapper {margin-bottom:10px;}
div#mnLeft  .celeboftheday .rWrapper {width:inherit;float:none;}
div#mnLeft  .celeboftheday .rWrapper p {margin:10px;}
div#mnRight .celeboftheday .rWrapper {width:269px;}
.celeboftheday div#celebEVERGREEN {float:left;width:10px;display:none;}

.twocolumns ul {column-count:2; -moz-column-count:2; /*-webkit-column-count:2;*/ -webkit-list-style-type:square; column-gap:3em;}

#myBenefits div.wrapper {padding:0 10px;}
#myBenefits p {color:#000000;}
#myBenefits p.clear {height:0;}
#myBenefits .wrapper ul {margin:0;clear:left;padding-top:0;padding-bottom:10px;}

.menuBlk ul {margin:0; list-style-type:none; font-weight:bold; font-size:.81em; padding:0;}
.menuBlk li {border:solid 1px #b3d2ee; border-top: none;padding-left:6px; color:#2384d5; line-height:1.93em;}
.AOL .menuBlk li {border:solid 1px #b3d2ee; border-top: none;padding-left:6px; color:#2190d0; line-height:1.93em;}
.menuBlk a:link, .menuBlk a:visited {color:#2384d5;}
.AOL .menuBlk a:link, .menuBlk a:visited {color:#2190d0;}
.menuBlk .premiervalues a:link, .menuBlk .premiervalues a:visited {color:#878638;}
.menuBlk li.premiervalues {line-height:16px;padding-top:5px;padding-bottom:5px;}

.withLead p.more {margin: 10px 10px 10px 13px}
.withLead ul {margin:10px; padding-top:10px; padding-bottom:0; border-top:1px solid #e2e3e4;}

div#whatsnewShade {position:absolute;height:151px; width:271px; border: 5px solid #327b83; background-color:#ffffce; background-image:url(np_gradient.gif);font-size:11px;line-height:16px;color:#004592; z-index:500;left:350px; top:-300px;}
div#whatsnewShade img {border:none};
div#whatsnewShade img.logo {float:left;margin-left:4px;}
div#whatsnewShade img.close {float:right;}
div#whatsnewShade ul {clear:both; margin:0; padding: 0 5px 0 17px; font-family:Verdana;}
div#whatsnewShade ul li a {color:#004592;}
div#whatsnewShade ul li a:link {color:#004592;}
div#whatsnewShade ul li a:visited {color:#004592;}

.Walmart div#hdrbk, .isp div#hdrbk {background-image:url(NS_header_mid.gif);}
.Walmart div.hdrbkRt, .isp div.hdrbkRt {background-image:url(NS_header_right.gif);}
.Walmart div#hdrShdw, .isp div#hdrShdw {background-image:url(NS_shadow.gif);}
.Walmart div#mnbkgd, .isp div#mnbkgd {background-image:url(NS_gradient.gif);background-color:#eaf2f4;}
.Walmart #hdrSrchBtn, .isp #hdrSrchBtn {background-image:url(NS_button_search.gif); color:#ffffff;}
.Walmart #hdrLnks ul, .isp #hdrLnks {list-style-image:url(NS_arrow_right.gif);}

.Walmart h3.title, .isp h3.title {background-color:#aacad2;}
.Walmart .menuBlk li, .isp .menuBlk li {border-color:#aacad2; color:#448e94;}
.Walmart .menuBlk a:link, .Walmart .menuBlk a:visited, .isp .menuBlk a:link, .isp .menuBlk a:visited {color:#448e94;}
.Walmart input.ypText, .isp input.ypText {border-color:#aacad2;}
.Walmart input.ypSubmit, .isp input.ypSubmit {background-image:url(NS_button_orange.gif);}

.Walmart .updateWrapper .links input.button, .isp .updateWrapper .links input.button {background-image:url(NS_button_orange.gif);}

.Walmart .mainContent h3, .isp .mainContent h3 {background-image:url(NS_headerbar.gif);}

.Walmart .wxWrapper, .isp .wxWrapper {color:#000000; background-color:#aacad2;}
.Walmart .wxWrapper .temp, .Walmart .wxWrapper .text p, .isp .wxWrapper .temp, .isp .wxWrapper .text p {color:#000000;}
.Walmart .wxWrapper input.box, .isp .wxWrapper input.box {border-color:#aacad2;}
.Walmart .wxWrapper input.button, .isp .wxWrapper input.button {background-image:url(NS_button_orange.gif);}
.Walmart div.adContainer, .isp div.adContainer {background-color:#d4e4e8;}

.CS7 #hdrbk img {float:left;padding-right:526px; background-image:url(CS_header_mid.jpg);}
.Walmart.CS7 #hdrbk img {background-image:url(NS_header_mid.gif);}
.CS7 #hdrSrchText {height:27px;}
.CS7 li.yp {padding-bottom:0;}
.CS7 input.ypText {height:21px; line-height:18px;}
.CS7 input.ypSubmit {line-height:18px; height:21px;}
.CS7 .wxWrapper input.box {height:20px;}
.CS7 .wxWrapper input.button {font-size:12px; height:21px; width:30px; line-height:18px;}
.CS7 .updateWrapper input.button {font-size:12px; height:21px; line-height:18px;}
.CS7 .updateWrapper .index a {float:left;}
.CS7 .updateWrapper .index a.indexName {clear:both;}
.CS7 div.breaking {padding:10px 10px 5px; height:auto;}
.CS7 .breaking p {white-space:normal;}

.IE7 .wxWrapper input.tickers, .IE6 .wxWrapper input.tickers {border-width:2px;}
.IE6 .wxWrapper p.input {padding-top:16px; vertical-align:middle;}
.IE7 .wxWrapper input.button, .IE6 .wxWrapper input.button  {border:0px none; padding:1px 4px;}
.IE7 input.ypSubmit, .IE6 input.ypSubmit {border:0px none;}
.IE7 .updateWrapper input.button, .IE6 .updateWrapper input.button {border:0px none; padding:2px 4px;}