p.seeme { background-color:lime; border:5px solid red; font:bold 14px/25px Tahoma; color:#000; padding:10px 20px; } span.seeme { background-color:red; color:#fff; font:bold 14px/25px Tahoma;} html{background-color:#fff;} body{background-color:transparent;color:#555; font-family:Arial, Helvetica, sans-serif; font-size:8pt;} .ms-WPBody{ font-size:8pt; } .ms-WPBody td{ font-size:8pt; } .ms-WPBody{ font-family:Arial, Helvetica, sans-serif; font-size:100%; } .ms-WPBody td{ font-family:Arial, Helvetica, sans-serif; font-size:100%; } strong{font-weight:bold;} em{font-style:italic;} .hide{display:none;} .hidden{display:none;} html.anonymous.readmode .hideFromAnonymous{ display:none; } html.authenticated.readmode .hideFromAuthenticated{ display:none; } html.editmode .hideFromAnonymous:before{ content:"[Auth] "; font-weight:bold; color:#bbb; } html.editmode .hideFromAuthenticated:before{ content:"[Anon] "; font-weight:bold; color:#bbb; } blockquote{margin-left:20px;} div.hr { clear:both; } div.hr hr{display:none;} a, .ms-WPBody a{ text-decoration: none; } a:visited, .ms-WPBody a:visited { color:#0471ac; } a:link, .ms-WPBody a:link { color:#0471ac; } a:hover { text-decoration:underline; } .ignoreSpTables table, .ignoreSpTables tbody, .ignoreSpTables tr, .ignoreSpTables td { display:inline; width:auto; } .ignoreSpTableWidth table, .ignoreSpTableWidth tbody, .ignoreSpTableWidth tr, .ignoreSpTableWidth td { width:auto; } .ms-cui-menu a:hover { text-decoration:none; } #s4-ribbonrow a:hover { text-decoration:none; } p{ margin:10px 0; } .richEditor a:visited { color:#379; } .richEditor a:link { color:#379; } .richEditor p { margin: 8px 0 16px; font-size:1.02em; line-height: 165%; } .richEditor h2{ margin:10px 0; } .richEditor h3{ margin:8px 0; font-size:2.76em; color:#999; } /*35px*/ .articleSummary h3.ms-WPTitle { font-size:10pt; } #content .ms-WPHeader h3 { margin:0; font-size:10pt; color:#035; } .richEditor h4{ margin:8px 0; font-size:2.1em; color:#0471ac; border-top:1px solid #c4cfdf; padding-top:.6em; font-family:'Rokkitt', Arial, Helvetica, sans-serif } /*21px*/ .richEditor h4 a:link, .richEditor h4 a:visited { color:#0471ac; } .richEditor h5{ margin:6px 0; font-size:1.25em; color:#999; } .richEditor h5 a:visited { color: #0471ac; } .richEditor h5 a:link { color: #0471ac; } .richEditor h6{ margin:6px 0; font-size:1.02em; color:#888; font-weight:bold; } .richEditor h2 a:link { } .richEditor ol{ margin:30px 0; } .richEditor ul{ margin:30px 0; } .richEditor ul li{ list-style:disc outside none; margin:10px 30px; } .richEditor ol li{ list-style:decimal outside none; margin:10px 30px; } .richEditor hr { height:1px; border-width:0; border-top:1px solid #c4cfdf; } .ms-rtestate-field table{ margin:30px 0; width:100%; } .ms-rtestate-field thead tr { background-color:#469; } .ms-rtestate-field thead th { color:#fff; padding:4px 8px; font-weight:bold; } .ms-rtestate-field tbody tr:nth-child(even) { background-color:#E6F6F6; } .ms-rtestate-field tbody td { vertical-align:top; padding:4px 8px } .ms-rtestate-field table.layout{ margin:0; width:auto; } .ms-rtestate-field table.layout thead tr { background-color:transparent; } .ms-rtestate-field table.layout thead th { color:#000; padding:0; font-weight:normal; } .ms-rtestate-field table.layout tbody tr:nth-child(even) { background-color:transparent; } .ms-rtestate-field table.layout tbody td { padding:0 } .ms-rtestate-field blockquote{ border-left:5px solid #7ab; padding:15px; margin-left:30px; color:#589; font-size:1.25em; background-color:#f6fafa;} #content .ms-rtestate-field blockquote img{ border:1px solid #f3f3f3; float:left; max-width:200px; margin-right:15px; } .ms-rtestate-field blockquote p{ margin:0 5px 10px 5px; } .ms-rtestate-field blockquote span{ font-style:italic; } .leftNav .richEditor h2{ font-size:38px; color:#666; margin:0; } .leftNav .richEditor h2 #headingTitle{ color:#999; } .leftNav .richEditor h3{ font-size:38px; color:#797d7f; margin:0; } .leftNav .richEditor h3 #headingTitle{ color:#046ca4; } .leftNav .richEditor h4{ font-size:1.4em; margin:0 0 16px 0; border-width:0; padding:0; color:#999; font-family:Arial, Helvetica, sans-serif; } .leftNav .richEditor .copy h4{ margin:8px 0; font-size:2.1em; color:#0471ac; border-top:1px solid #c4cfdf; padding-top:.6em; font-family:'Rokkitt', Arial, Helvetica, sans-serif } /*21px*/ .leftNav .richEditor .copy h4 a:link, .richEditor h4 a:visited { color:#0471ac; } .leftNav .richEditor .copy h5{ margin:6px 0; font-size:1.25em; color:#999; } .leftNav .richEditor .copy h5 a:visited { color: #0471ac; } .leftNav .richEditor .copy h5 a:link { color: #0471ac; } .leftNav .richEditor .copy h6{ margin:6px 0; font-size:1.02em; color:#888; font-weight:bold; } .leftNav .richEditor .ms-rtestate-field { line-height: 165%; } .leftNav .richEditor .picture .ms-rtestate-field { line-height: 165%; } html.ie7 .leftNav .richEditor .picture .ms-rtestate-field img{ float:left; clear:left; } .leftNav .richEditor .ms-rtestate-field h1{ display:none; } .leftNav .richEditor .ms-rtestate-field h2{ margin:30px 0; } .leftNav .richEditor .ms-rtestate-field hr{ height:0px; min-height:0px; max-height:0px; clear:both; border-style:none; border-top:1px solid #C4CFDF; border-collapse:collapse; background-color:#C4CFDF; } .leftNav .richEditor .ms-rtestate-field img{ max-width:700px; } /*layout*/ html.ie7 #s4-workspace { zoom:1 ! important; } #s4-bodyContainer { background:url("images/now-masterBackground.png") repeat-x scroll center top transparent; } #ctl00_MSO_ContentDiv{ background:url("images/now-masterBackgroundDotsSmaller.png") no-repeat scroll center 8px transparent; } #masterBackground{ background:url("images/now-headerGlow.png") no-repeat scroll center top transparent; } #masterLayout { width:990px; margin:0 auto; font-size:1.2em; } #masterContent{ position:relative; min-height:765px; background:url("images/now-masterContent.png") repeat-y center center; } /*social*/ html.ie8 .socialMenu { float:right; } .socialMenu li { float:left; } .socialMenu li a{ width:23px; height:22px; padding:0 5px; overflow:hidden; text-indent:-4200px; display:block; background:url(images/now-socialMenu.png) no-repeat; } .socialMenu li a[href="http://www.facebook.com/CNGNow"]{ background-position:0 0; padding-left:0; } .socialMenu li a[href="http://twitter.com/CNGnow"]{ background-position:5px -66px; } .socialMenu li a[href="http://www.youtube.com/CNGnow"]{ background-position:6px -132px; padding-right:0; } .socialMenu li a[href="http://www.facebook.com/CNGNow"]:hover{ background-position:0 -44px; } .socialMenu li a[href="http://twitter.com/CNGnow"]:hover{ background-position:5px -110px; } .socialMenu li a[href="http://www.youtube.com/CNGnow"]:hover{ background-position:6px -176px; } #utilitySocial .socialFacebook, #utilitySocial .socialTwitter { padding:1px 0 0 4px; } #utilitySocial .socialFacebook iframe{ width:47px ! important; } #utilitySocial .socialTwitter iframe{ width:60px ! important; } html.ie8 #utilitySocial .socialTwitter iframe{ width:56px ! important; } html.ie9 #utilitySocial .socialTwitter iframe{ width:55px ! important; } /* header */ #masterHeader { position:relative; height:128px; background:url("images/now-masterHeader.png") no-repeat scroll left bottom transparent; } html.pagemenu #masterHeader { background-position: -2970px bottom; } html.editmode #masterHeader { background-position:-1980px bottom; } html.message #masterHeader { background-position:-1980px bottom; } html.tweet #masterHeader { background-position:-990px bottom; } html.tweet.zone #masterHeader { background-position:-3960px bottom; } /*logo*/ #headerLogo { width:86px; height:86px; position:absolute; top:16px; left:16px; } #headerLogo a { display:block; height:100%; background:url("images/now-screenLogo.png") no-repeat scroll left top transparent; } #headerLogo h1 { width:86px; height:86px; overflow:hidden; text-indent:-4200px; } #headerLogo img { display:none; } /*community menu*/ #headerCommunityMenu { position:absolute; top:40px; left:160px; width:795px; height:25px; } #headerCommunityMenu li { float:left; } #headerCommunityMenu li a { display:block; height:25px; overflow:hidden; text-indent:-4200px; margin:0 16px; background:url("images/now-communityMenu.png") no-repeat; } #headerCommunityMenu li a[href="/"] { width:56px; background-position:center 0; margin-left:0; } #headerCommunityMenu li a[href="/about"] { width:58px; background-position:center -75px; } #headerCommunityMenu li a[href="/blog"] { width:40px; background-position:center -150px; } #headerCommunityMenu li a[href="/community"] { width:110px; background-position:center -225px; } #headerCommunityMenu li a[href="/news"] { width:52px; background-position:center -300px; } #headerCommunityMenu li a[href="/video"] { width:58px; background-position:center -375px; margin-right:0; } #headerCommunityMenu li a[href="/"]:hover { background-position:center -25px; } #headerCommunityMenu li a[href="/about"]:hover { background-position:center -100px; } #headerCommunityMenu li a[href="/blog"]:hover { background-position:center -175px; } #headerCommunityMenu li a[href="/community"]:hover { background-position:center -250px; } #headerCommunityMenu li a[href="/news"]:hover { background-position:center -325px; } #headerCommunityMenu li a[href="/video"]:hover { background-position:center -400px; } #headerCommunityMenu li a[href="/"].active { background-position:center -50px; } #headerCommunityMenu li a[href="/about"].active { background-position:center -125px; } #headerCommunityMenu li a[href="/blog"].active { background-position:center -200px; } #headerCommunityMenu li a[href="/community"].active { background-position:center -275px; } #headerCommunityMenu li a[href="/news"].active { background-position:center -350px; } #headerCommunityMenu li a[href="/video"].active { background-position:center -425px; } /*content menu*/ #headerContentMenu { position:absolute; top:68px; left:140px; width:572px; height:35px; padding:5px 258px 5px 13px; background:url("images/now-headerContentMenu.png") no-repeat; } #headerContentMenu li { float:left; } #headerContentMenu li a { display:block; height:24px; overflow:hidden; text-indent:-4200px; margin:0 12px; background:url("images/now-contentMenu.png") no-repeat; } #headerContentMenu li a[href="/what-is-cng"] { width:144px; background-position:left 0; } #headerContentMenu li a[href="/vehicles"] { width:110px; background-position:left -24px; } #headerContentMenu li a[href="/stations"] { width:110px; background-position:left -48px; } #headerContentMenu li a[href="/what-is-cng"]:hover { background-position:left -72px; } #headerContentMenu li a[href="/vehicles"]:hover { background-position:left -96px; } #headerContentMenu li a[href="/stations"]:hover { background-position:left -120px; } #headerContentMenu li a[href="/state"] { width:110px; background-position:left -192px; } #headerContentMenu li a[href="/state"]:hover { background-position:left -216px; } /*utility menus*/ #headerUtility{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:.95em; background-color:#4c4c4c; border-radius:5px; padding: 3px 10px 1px 0; padding:2px 8px 0; position:absolute; right:18px; display:inline-block; zoom:1; *display: inline; } #utilitySocial{ vertical-align:middle; display:inline-block; zoom:1; *display: inline; } #utilityIdentity { display:inline-block; zoom:1; *display: inline; } html.ie8 #utilityIdentity { padding-top: .25em; } #utilityIdentity li { white-space:nowrap; padding:0 10px; border-left:1px solid #fff; line-height:1.1em; display:inline-block; zoom:1; *display: inline; } #utilityIdentity li:first-child{ padding-left:0; } #utilityIdentity li:first-child { border:none; } #utilityIdentity li a { color:#fff; text-decoration:none; } #utilityIdentity li.identityCurrent { font-weight:bold; font-size:1.02em; } #utilityIdentity li a:hover { text-decoration:underline; } #utilityIdentity span[id*='lblfrom']{ font-weight:normal; } /*search*/ #headerSearch { position:absolute; width:205px; height:25px; top:72px; right:22px; text-align:right; } #headerSearch input { width:130px; height:25px; border:none; margin-right:5px; padding: 0 6px 0 26px; vertical-align:bottom; background:url("images/now-headerSearch.png") no-repeat left -75px transparent; font-size:1.2em; color:#888; line-height:175%; } html.ie #headerSearch input { line-height:165%; } #headerSearch button { width:38px; height:25px; border:none; overflow:hidden; text-indent:-4200px; background:url("images/now-headerSearch.png") no-repeat -162px -75px transparent; cursor:pointer; } .ie7 #headerSearch button { margin-top:1px; } #headerSearch.hover input { background-position: left top; } #headerSearch.hover button { background-position: -162px top; } #headerSearch.focus input { background-position: left -50px; } #headerSearch.focus button { background-position: -162px -50px; } #headerSearch.focus button:hover { background-position: -162px -25px; } /* go local */ .goLocal { width:335px; height:25px; position:relative; margin:1em 0; } .goLocal label{ width:120px; height:28px; background:transparent url('Images/now-headings.png') no-repeat -380px -219px; overflow:hidden; text-indent:-4200px; display:block; position:absolute; left:0; top:0; } .goLocal input { width:140px; height:25px; border:none; margin-right:5px; padding: 0 6px 0 26px; vertical-align:bottom; background:url("images/now-goLocal.png") no-repeat left -75px transparent; font-size:1.3em; color:#28b; line-height:175%; display:block; position:absolute; left:120px; top:0; font-weight:bold; } html.ie .goLocal input { line-height:165%; } .goLocal button { width:38px; height:25px; border:none; overflow:hidden; text-indent:-4200px; display:block; position:absolute; left:298px; top:-1px; background:url("images/now-goLocal.png") no-repeat -172px -75px transparent; cursor:pointer; } .ie7 .goLocal button { margin-top:1px; } .goLocal.hover input { background-position: left top; } .goLocal.hover button { background-position: -172px top; } .goLocal.focus input { background-position: left -50px; } .goLocal.focus button { background-position: -172px -50px; } .goLocal.focus button:hover { background-position: -172px -25px; } /* beta invite */ .requestInvite { width:335px; height:25px; position:relative; margin:.25em 0; } .requestInvite label{ display:none; } .requestInvite input { width:223px; height:25px; border:none; margin-right:5px; padding: 0 6px 0 33px; vertical-align:baseline; background:url("images/now-goEmail.png") no-repeat left -75px transparent; font-size:1.2em; color:#888; line-height:175%; } html.ie .requestInvite input { line-height:165%; } .requestInvite button { width:38px; height:25px; border:none; overflow:hidden; text-indent:-4200px; background:url("images/now-goEmail.png") no-repeat -262px -75px transparent; cursor:pointer; } .ie7 .requestInvite button { margin-top:1px; } .requestInvite.hover input { background-position: left top; } .requestInvite.hover button { background-position: -262px top; } .requestInvite.focus input { background-position: left -50px; } .requestInvite.focus button { background-position: -262px -50px; } .requestInvite.focus button:hover { background-position: -262px -25px; } /* page layout */ #pageLayout { padding:0 0 10px 18px; zoom:1; } html.home #pageLayout { padding-bottom:0; } html.home #content table#cbqwp { width:100% } #content, #zones { margin: 0; padding: 10px 330px 0 30px; }/*no margin!*/ html.ie7 #content{ zoom:1; padding-top:20px; } .nosidebar #content, .nosidebar #zones { padding-right: 47px; } .leftNav #content, .leftNav #zones { display:inline-block; vertical-align:top; margin:0; padding:20px 30px; width:705px; zoom:1; *display:inline; } #relatedContent { margin:0; padding: 0 330px 0 30px; } .leftNav #relatedContent { padding: 0; } html.message #content, html.message #zones{ padding-top:10px; } #sidebar { right:0; top:0; position:absolute; width:300px; background: transparent; z-index:3; } .leftNav #sidebar { display:inline-block; width:200px; position:static; margin-left:-18px; zoom:1; *display:inline; } #sidebar .ms-PartSpacingVertical { font-size: 1pt; margin-top: 10px; } /* message */ #messageQueue { background-color:#f1f1f1; border-bottom:#ddd; margin-right:17px; color:#8f8f8f; line-height:150%; position:relative; } #messageQueue .siteMessage { padding:0 313px 10px 30px; border-bottom:1px solid #bbb; } .nosidebar #messageQueue .siteMessage, html.content #messageQueue .siteMessage { padding-right:30px; } html.tweet #messageQueue .siteMessage { padding-left:30px; padding-top:10px; } .siteMessage img { float:left; margin:6px 18px 0 0; } #messageQueue a, #messageQueue a:link, #messageQueue a:visited { color:#69a; } #messageQueue h5, #messageQueue h4, #messageQueue h3, #messageQueue h2, #messageQueue h1 { color:#6da6b2; font: italic bold 1.55em Georgia, "Times New Roman", Times, serif; border-width:0; margin:0; padding:0; } #messageQueue p { margin:0; } #messageQueue a.dismiss { position:absolute; overflow:hidden; text-indent:-4200px; width:18px; height:18px; display:block; right:291px; top:0; z-index:1; background:url("images/now-icons.png") no-repeat 0 0 transparent;} .nosidebar #messageQueue a.dismiss, html.content #messageQueue a.dismiss { right:12px; } html.tweet #messageQueue a.dismiss { top:8px; } #messageQueue a.dismiss:hover { background-position:-18px 0; } .editmode #messageQueue .hr { height:11px; border-top: 1px solid #ddd; background: url("images/now-contentBackground.png") repeat-x scroll 0 0 transparent; } .message #messageQueue .hr { height:11px; border-top: 1px solid #ddd; background: url("images/now-contentBackground.png") repeat-x scroll 0 0 transparent; } .message.pagemenu #messageQueue .hr { background: none #046295; border-top-width:0; } html.tweet.zone #messageQueue .hr { height:13px; border-top-width: 0; background: url("images/now-featuredTwitterFooter.png") no-repeat scroll 0 0 #fff; } /* tweet */ #latestTweet { border-bottom: 1px solid #7BA7B6; line-height: 180%; margin: 0 17px 0 0; min-height: 50px; padding: 0 313px 4px 122px; background: url("images/now-tweetBackground.png") repeat-x scroll 0 0 #9EDAED; position: relative; z-index:2; } #latestTweet h4 { width:66px; height:53px; overflow:hidden; text-indent:-4200px; left:28px; top:-3px; position:absolute; background:url("images/now-twitterBirdSmaller.png") no-repeat left top transparent; cursor:pointer; } #latestTweet p { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 8px; font-size:1.25em; font-style:italic; font-weight:bold; } #latestTweet p a:link { color:#00adef; } #latestTweet p a:visited { color:#00adef; } #latestTweet p a { color:#00adef; } html.zone #latestTweet { border-bottom-width: 0; } #content h2.heading, #zones h2.heading { width:340px; height:41px; margin:10px 0; text-transform:uppercase; background-color:transparent; color: #626262; font-size:54px; font-weight:bold; line-height:78%; } #zones h2.heading.tour.diary{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -624px; margin-top:.7em; } #content h2.heading.news{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -41px; } #content h2.heading.blog{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -82px; } #content h2.heading.video{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -123px; } html.home #content h2.heading.news{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -369px; } html.home #content h2.heading.blog{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -451px; height:38px; margin-bottom: -7px; padding-bottom: 11px; } html.home #content h2.heading.video{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -410px; } #content h2.heading.about{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -205px; } #content h2.heading.stations{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -164px; } #content h2.heading.community{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left 0; } #content h2.heading.vehicles{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -246px; } #content h2.heading.what.is{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -287px; width:380px; } #content h2.heading.states{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -500px; width:380px; } #content h2.heading.privacy{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -541px; width:380px; } #content h2.heading.terms{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -582px; width:380px; } #content h2.heading.tour.diary{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -624px; width:380px; } #content h2.heading.badges{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -672px; width:380px; } #content h2.heading.advocacy.score{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -713px; width:500px; } .stateLayout #zones h2.heading{ width:340px; height:41px; margin:10px 0; text-transform:uppercase; background-color:transparent; color: #626262; font-size:54px; font-weight:bold; line-height:78%; } .stateLayout #zones h2.heading.news{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -369px; } .stateLayout #zones h2.heading.blog{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -451px; height:38px; margin-bottom: -7px; padding-bottom: 11px; } .stateLayout #zones h2.heading.video{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat left -410px; } html.state #content h2.heading{ text-indent:-4200px; overflow:hidden; background:url("images/now-stateHeadings.png") no-repeat left 41px; width:480px; } html.state #content h2.heading.alabama{ background-position:left top; } html.state #content h2.heading.alaska{ background-position:left -41px; } html.state #content h2.heading.arizona{ background-position:left -82px; } html.state #content h2.heading.arkansas{ background-position:left -123px; } html.state #content h2.heading.california{ background-position:left -164px; } html.state #content h2.heading.colorado{ background-position:left -205px; } html.state #content h2.heading.connecticut{ background-position:left -246px; } html.state #content h2.heading.delaware{ background-position:left -287px; } html.state #content h2.heading.florida{ background-position:left -328px; } html.state #content h2.heading.georgia{ background-position:left -369px; } html.state #content h2.heading.hawaii{ background-position:left -410px; } html.state #content h2.heading.idaho{ background-position:left -451px; } html.state #content h2.heading.illinois{ background-position:left -492px; } html.state #content h2.heading.indiana{ background-position:left -533px; } html.state #content h2.heading.iowa{ background-position:left -574px; } html.state #content h2.heading.kansas{ background-position:left -615px; } html.state #content h2.heading.kentucky{ background-position:left -656px; } html.state #content h2.heading.louisiana{ background-position:left -697px; } html.state #content h2.heading.maine{ background-position:left -738px; } html.state #content h2.heading.maryland{ background-position:left -779px; } html.state #content h2.heading.massachusetts{ background-position:left -820px; } html.state #content h2.heading.michigan{ background-position:left -861px; } html.state #content h2.heading.minnesota{ background-position:left -902px; } html.state #content h2.heading.mississippi{ background-position:left -943px; } html.state #content h2.heading.missouri{ background-position:left -984px; } html.state #content h2.heading.montana{ background-position:left -1025px; } html.state #content h2.heading.nebraska{ background-position:left -1066px; } html.state #content h2.heading.nevada{ background-position:left -1107px; } html.state #content h2.heading.new.hampshire{ background-position:left -1148px; } html.state #content h2.heading.new.jersey{ background-position:left -1189px; } html.state #content h2.heading.new.mexico{ background-position:left -1230px; } html.state #content h2.heading.new.york{ background-position:left -1271px; } html.state #content h2.heading.north.carolina{ background-position:left -1312px; } html.state #content h2.heading.north.dakota{ background-position:left -1353px; } html.state #content h2.heading.ohio{ background-position:left -1394px; } html.state #content h2.heading.oklahoma{ background-position:left -1435px; } html.state #content h2.heading.oregon{ background-position:left -1476px; } html.state #content h2.heading.pennsylvania{ background-position:left -1517px; } html.state #content h2.heading.rhode.island{ background-position:left -1558px; } html.state #content h2.heading.south.carolina{ background-position:left -1599px; } html.state #content h2.heading.south.dakota{ background-position:left -1640px; } html.state #content h2.heading.tennessee{ background-position:left -1681px; } html.state #content h2.heading.texas{ background-position:left -1722px; } html.state #content h2.heading.utah{ background-position:left -1763px; } html.state #content h2.heading.vermont{ background-position:left -1804px; } html.state #content h2.heading.virginia{ background-position:left -1845px; } html.state #content h2.heading.washington{ background-position:left -1886px; } html.state #content h2.heading.west.virginia{ background-position:left -1927px; } html.state #content h2.heading.wisconsin{ background-position:left -1968px; } html.state #content h2.heading.wyoming{ background-position:left -2009px; } html.state .horizontalScrollingList h4 { text-indent:-4200px; overflow:hidden; width:310px; background:url("images/now-stateHeadings.png") no-repeat left 17px; height:17px; } html.state h4.alabama.members { background-position: left -2050px; } html.state h4.alaska.members { background-position: left -2067px; } html.state h4.arizona.members { background-position: left -2084px; } html.state h4.arkansas.members { background-position: left -2101px; } html.state h4.california.members { background-position: left -2118px; } html.state h4.colorado.members { background-position: left -2135px; } html.state h4.connecticut.members { background-position: left -2152px; } html.state h4.delaware.members { background-position: left -2169px; } html.state h4.florida.members { background-position: left -2186px; } html.state h4.georgia.members { background-position: left -2203px; } html.state h4.hawaii.members { background-position: left -2220px; } html.state h4.idaho.members { background-position: left -2237px; } html.state h4.illinois.members { background-position: left -2254px; } html.state h4.indiana.members { background-position: left -2271px; } html.state h4.iowa.members { background-position: left -2288px; } html.state h4.kansas.members { background-position: left -2305px; } html.state h4.kentucky.members { background-position: left -2322px; } html.state h4.louisiana.members { background-position: left -2339px; } html.state h4.maine.members { background-position: left -2356px; } html.state h4.maryland.members { background-position: left -2373px; } html.state h4.massachusetts.members { background-position: left -2390px; } html.state h4.michigan.members { background-position: left -2407px; } html.state h4.minnesota.members { background-position: left -2424px; } html.state h4.mississippi.members { background-position: left -2441px; } html.state h4.missiouri.members { background-position: left -2458px; } html.state h4.montana.members { background-position: left -2475px; } html.state h4.nebraska.members { background-position: left -2492px; } html.state h4.nevada.members { background-position: left -2509px; } html.state h4.new.hampshire.members { background-position: left -2526px; } html.state h4.new.jersey.members { background-position: left -2543px; } html.state h4.new.mexico.members { background-position: left -2560px; } html.state h4.new.york.members { background-position: left -2577px; } html.state h4.north.carolina.members { background-position: left -2594px; } html.state h4.north.dakota.members { background-position: left -2611px; } html.state h4.ohio.members { background-position: left -2628px; } html.state h4.oklahoma.members { background-position: left -2645px; } html.state h4.oregon.members { background-position: left -2662px; } html.state h4.pennsylvania.members { background-position: left -2679px; } html.state h4.rhode.island.members { background-position: left -2696px; } html.state h4.south.carolina.members { background-position: left -2713px; } html.state h4.south.dakota.members { background-position: left -2730px; } html.state h4.tennessee.members { background-position: left -2747px; } html.state h4.texas.members { background-position: left -2764px; } html.state h4.utah.members { background-position: left -2781px; } html.state h4.vermont.members { background-position: left -2798px; } html.state h4.virginia.members { background-position: left -2815px; } html.state h4.washington.members { background-position: left -2832px; } html.state h4.west.virginia.members { background-position: left -2849px; } html.state h4.wisconsin.members { background-position: left -2866px; } html.state h4.wyoming.members { background-position: left -2883px; } h3.heading { width:160px; height:17px; overflow:hidden; text-indent:-4200px; margin:10px 0; background:url("images/now-headings.png") no-repeat left 0 transparent; } h3.heading.advocacy.leaders { width:300px; height:30px; overflow:hidden; text-indent:-4200px; margin:10px 0; background:url("images/now-headings.png") no-repeat -380px -555px transparent; } h4.heading { width:160px; height:17px; margin:30px 0 10px 0; padding-top:0; border-width:0; background-color:transparent; font-size:1.9em; font-family:'Rokkitt', Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#0471ac; } h4.heading.recentNews{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -17px; } h4.heading.recentBlog{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px 0; } h4.heading.recentVideo{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -34px; } h4.heading.incentives{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -275px; margin:10px 0; height:24px; } h4.heading.meet.the.community{ width:320px; } .homeBlock{ clear:both; } .homeBlock .latest { width:356px; margin-bottom:15px; float:left; } .homeBlock .recent { width:240px; margin-bottom:30px; float:right; } .homeBlock .recent ul { margin-top:10px; } .homeBlock dl{ margin-top:10px; } .homeBlock dt{ font-size:1.9em; font-family:'Rokkitt', Arial, Helvetica, sans-serif; font-weight:400; } .homeBlock dt a img{ display:block; } .homeBlock dt div{ background:url('Images/now-articleTitleBackground.png') left center; } #pageLayout .homeBlock dt div a{ color:#fff; padding:.3em .5em; display:block; } .homeBlock dt div a:hover{ text-decoration:underline; } .homethumb { display: inline-block; height: 78px; width: 78px; } .homeBlock a:hover{ text-decoration:underline; } .homeBlock .thumbnailImage{ width:78px; height:78px; } .homeBlock .featuredImage{ width:356px; height:166px; } .homeBlock dd{ color:#666; line-height:150%; } .homeBlock dd.metadata { line-height:100%; padding:10px 0; color:#999; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-style:italic; } .homeBlock dd.footer { line-height:100%; padding:4px 0 10px 0; color:#999; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-style:italic; } .homeBlock dd.footer div a{ text-decoration:none; } .homeBlock dd.footer div:first-child a{ text-decoration:none; } .homeBlock dd.footer div:first-child a.comments{ margin-right:4px; } .homeBlock dd.footer div:first-child a.comments:hover { text-decoration:underline; } .numberOfComments { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; display:inline-block; height:20px; background:url("Images/now-icons.png") -37px -1px; vertical-align:middle; padding:1px 5px 0; margin: 0 0 0 3px; } .ie .numberOfComments { padding-top:0; } #videoBlock dt{ background:url("Images/nowYouTubeDown.png") #fff no-repeat center top scroll; min-height: 225px; } .homeBlock dd.footer > div { display:inline-block; width:50%; text-align:right; zoom:1; *display: inline; } .homeBlock dd.footer > div:first-child { text-align:left; } .homeBlock dd.footer a{ color:#0471ac; } .homeBlock dd.footer a.readmore{ color:#999; } .homeBlock ul{ margin-top:10px; } .homeBlock ul li { line-height:160%; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.02em; font-weight:bold; font-style:italic; list-style:none; margin:0; } .homeBlock li a:visited{ color:#0471AC; } .homeBlock li a:link{ color:#0471AC; } .homeBlock li a{ color:#0471AC; } .homeBlock .recent li { margin:0 0 .75em 0 } .homeBlock .recent li.previewImage{ margin:0 0 1em 0; } .homeBlock .recent li.postLink a{ color:#0471ac; } .homeBlock .recent li.postLink a:hover{ text-decoration:underline; } .homeBlock .recent li.videoPreviewImage{ margin:0 0 1.6em 0; } .homeBlock .recent li.previewImage a.post{ display:inline-block; width:140px; vertical-align:top; } .homeBlock .recent li.previewImage a.post:first-child{ width:240px; } .homeBlock .recent li.previewImage a.homethumb{ width:78px; padding:4px 6px 0 0; } .homeBlock .videoPreviewImage a:first-child img{ width:78px; height:58px; position:absolute; top:-6px; } .ie .homeBlock .videoPreviewImage a:first-child img{ width:78px; height:64px; position:absolute; top:-7px; } .homeBlock .videoPreviewImage a{ display:inline-block; width:140px; vertical-align:top; } .homeBlock .videoPreviewImage a:first-child{ display:inline-block; overflow:hidden; height:42px; width:78px; position:relative; padding:4px 6px 0 0; margin-top:4px; } .ie .homeBlock .videoPreviewImage a:first-child{ height:46px; } /*leftNav*/ .copyAndPicture .copy { } .copyAndPicture .picture { float: right; margin: 0 -34px 15px 15px; } .ie9 .copyAndPicture .picture { margin-right:-35px } .ie7 .copyAndPicture .picture { margin-right:-38px } /* footer */ #masterFooter { position:relative; min-height:400px; color:#fff; font-size:1.2em; background:url("images/now-masterFooter.jpg") repeat scroll left top transparent; } #masterFooter a { text-decoration:none; color:#fff; line-height:150%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } #masterFooter a:hover { color:#fff; } #masterFooter div.hr{ border-bottom:1px solid #1ce; width:955px; margin:0 auto; } #footerCopyright{ width:900px; margin:0 auto; clear:both; padding:5em 0 0 0; font-size:.86em; font-weight:bold; text-align:center; } /* partners */ #footerPartners { border-bottom:1px solid #1f1f1f; padding:23px 28px 0; height:100px; width:900px; margin:0 auto; background: url("images/now-footerPartners.png") no-repeat center top; } #footerPartners li { height:100px; width: 150px; float:left; } #footerPartners li a { display:block; width:150px; height:100px; overflow:hidden; text-indent:-4200px; background:url("images/now-partnerSprites.png") no-repeat; } #footerPartners li a[href="http://www.pickensplan.com/"] { background-position: 0 0; } #footerPartners li a[href="http://www.chk.com/"] { background-position: -150px 0; } #footerPartners li a[href="http://www.cleanskies.org/"] { background-position: -300px 0; } #footerPartners li a[href="http://www.ngvc.org/"] { background-position: -450px 0; } #footerPartners li a[href="http://www.anga.us/"] { background-position: -600px 0; } #footerPartners li a[href="http://www.truebluenaturalgas.org/"] { background-position: -750px 0; } #footerPartners li a[href="http://www.pickensplan.com/"]:hover { background-position: 0 -100px; } #footerPartners li a[href="http://www.chk.com/"]:hover { background-position: -150px -100px; } #footerPartners li a[href="http://www.cleanskies.org/"]:hover { background-position: -300px -100px; } #footerPartners li a[href="http://www.ngvc.org/"]:hover { background-position: -450px -100px; } #footerPartners li a[href="http://www.anga.us/"]:hover { background-position: -600px -100px; } #footerPartners li a[href="http://www.truebluenaturalgas.org/"]:hover { background-position: -750px -100px; } /*footer menus*/ #footerMenus{ width:900px; margin:0 auto; padding: 12px 0 0 0; position:relative; } #footerMenus>li{ margin-left:30px; float:left; font-size:1.25em; color:#fff; font-weight:bold; } html.ie9 #footerMenus>li{ margin-left:26px; } #footerMenus>li:first-child{ margin-left:0; } html.ie9 #footerMenus>li:first-child{ margin-left:0; } #footerMenus>li>ul{ margin-top:.3em; } #footerMenus>li>ul a{ color:#6fb3d8; } /*social menu*/ #footerSocialMenu{ margin-top:10px; } #footerSocialMenu a[href="http://www.facebook.com/CNGNow"]{ background-position:0 -22px; } #footerSocialMenu a[href="http://twitter.com/CNGnow"]{ background-position:5px -88px; } #footerSocialMenu a[href="http://www.youtube.com/CNGnow"]{ background-position:6px -154px; } #footerSocialMenu a[href="http://www.facebook.com/CNGNow"]:hover{ background-position:0 0; } #footerSocialMenu a[href="http://twitter.com/CNGnow"]:hover{ background-position:5px -66px; } #footerSocialMenu a[href="http://www.youtube.com/CNGnow"]:hover{ background-position:6px -132px; } /* left navigation */ #sidebar .RadTreeView { white-space:normal; background-color:transparent; width:200px; margin:0; } #sidebar .RadTreeView .rtLines { margin-bottom:12px; } #content .RadTreeView .rtLines .rtBot, #content .RadTreeView .rtLines .rtMid, #content .RadTreeView .rtLines .rtTop, #content .RadTreeView .rtLines .rtFirst .rtUL, #content .RadTreeView .rtLines .rtLI, #content .RadTreeView .rtLines .rtFirst .rtUL, #sidebar .RadTreeView .rtLines .rtBot, #sidebar .RadTreeView .rtLines .rtMid, #sidebar .RadTreeView .rtLines .rtTop, #sidebar .RadTreeView .rtLines .rtFirst .rtUL, #sidebar .RadTreeView .rtLines .rtLI, #sidebar .RadTreeView .rtLines .rtFirst .rtUL, { background-image:none;} #sidebar h2.heading{ font-size:2em; font-family:'Rokkitt', Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; border-color:#3592C4 #025293 #013670 #1d719e; border-width:1px; border-style:solid; margin-top:12px; line-height:46%; background:url("Images/now-navigation.png") -200px center no-repeat; height:31px; padding:14px 0 0 16px; background-color:#056BA1;} #sidebar h2.heading a{ display:block; cursor:pointer; height:27px; } #sidebar h2.heading.what.is a{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -415px; } #sidebar h2.heading.vehicles a{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -443px; } #sidebar h2.heading.stations a{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -471px; } #sidebar h2.heading.states a{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -499px; } #sidebar h2.heading.search a{ text-indent:-4200px; overflow:hidden; background:url("images/now-headings.png") no-repeat -380px -527px; } #sidebar h2.heading a, #sidebar h2.heading a:link, #sidebar h2.heading a:visited { color:#fff; } #sidebar .RadTreeView > .rtUL .rtUL { } #sidebar .RadTreeView > .rtUL .rtUL .rtUL{ border-bottom-width:0; } #sidebar .RadTreeView .rtUL .rtLI { padding:0; min-height:25px; position:relative; background:transparent; } html.ie7 #sidebar .RadTreeView .rtLI .rtIn{ width:178px; } #sidebar .RadTreeView .rtUL .rtLI > div { background:url("Images/now-navigation.png") left center no-repeat; border-color:#3592C4 #025293 #013670 #1d719e; border-width:1px; border-style:solid; padding:0; min-height:23px; } #sidebar .RadTreeView > .rtUL > .rtLI > div { background-color:#056BA1; } #sidebar .RadTreeView .rtUL .rtLI > div.rtSelected { background:#056BA1 url("Images/now-navigation.png") left center no-repeat; border-color:#3592C4 #025293 #013670 #1d719e; border-width:1px; border-style:solid; padding:0; min-height:23px; } /*level 1 links*/ #sidebar .RadTreeView .rtLI .rtIn { line-height: 17px; padding:4px 4px 4px 16px; margin:0; color:#e9e9e9; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; display:block; border-width:0; background-image:none; } #sidebar .RadTreeView .rtLI > div.rtSelected .rtIn { color:#fff; background-color:transparent; } #sidebar .RadTreeView div.rtHover .rtIn { color:#fff; background:transparent url("images/now-navigation.png") -200px bottom no-repeat; } #sidebar .RadTreeView .rtLI span.rtIn { color:#666; } /*expandy/collapsy*/ #sidebar .RadTreeView .rtLI .rtSp { display:none; } #sidebar .RadTreeView .rtLI .rtMinus { display: inline-block; right: 8px; position: absolute; top: 8px; width: 15px; height:10px; background-position:left top; background-repeat:no-repeat; margin: 0; display:none;} #sidebar .RadTreeView .rtLI .rtPlus { display: inline-block; right: 8px; position: absolute; top: 8px; width: 15px; height:10px; background-position:left top; background-repeat:no-repeat; margin: 0; display:none;} #sidebar .RadTreeView .rtLI .rtPlus { background: url("Images/now-navigation.png") repeat scroll -400px -10px; display:none; } #sidebar .RadTreeView .rtLI .rtMinus { background: url("Images/now-navigation.png") repeat scroll -400px -20px; } #sidebar .RadTreeView .rtLI div.rtSelected .rtPlus { background-position: -400px -30px; } #sidebar .RadTreeView .rtLI div.rtHover .rtPlus { background-position: -400px -30px; } #sidebar .RadTreeView .rtLI div.rtSelected .rtMinus { background-position: -400px 0px; } #sidebar .RadTreeView .rtLI div.rtHover .rtMinus { background-position: -400px 0px; } /*level two*/ #sidebar .RadTreeView .rtLI .rtUL { padding-left: 0; margin:.3em 0; background-image:none; } #sidebar .RadTreeView .rtLI .rtLI .rtIn { color:#057aba; background:transparent; padding-left:32px; padding-right:0; } #sidebar .RadTreeView .rtLI .rtLI > div { padding:0; background:none transparent; border-width:0; } #sidebar .RadTreeView .rtLI .rtLI .rtHover .rtIn { background-color: transparent; color:#749aad; } #sidebar .RadTreeView .rtLI .rtLI > div.rtSelected { background: none transparent; border-width:0; } #sidebar .RadTreeView .rtLI .rtLI > div.rtSelected .rtIn { background: transparent; color:#057aba; } #sidebar .RadTreeView .rtLI .rtLI .rtPlus { background: url("Images/now-navigation.png") repeat scroll -400px -50px; display:none; } #sidebar .RadTreeView .rtLI .rtLI .rtMinus { background: url("Images/now-navigation.png") repeat scroll -400px -60px; display:none; } #sidebar .RadTreeView .rtLI .rtLI div.rtSelected .rtPlus { background-position: -400px -70px; } #sidebar .RadTreeView .rtLI .rtLI div.rtHover .rtPlus { background-position: -400px -70px; } #sidebar .RadTreeView .rtLI .rtLI div.rtSelected .rtMinus { background-position: -400px -40px; } #sidebar .RadTreeView .rtLI .rtLI div.rtHover .rtMinus { background-position: -400px -40px; } /*level three*/ #sidebar .RadTreeView .rtLI .rtLI .rtLI .rtIn { padding-left:48px; font-size:1em; } /* Articles */ .articleAuthoringTools{ border-bottom:1px solid #bbb; padding: 10px 313px 10px 30px; text-align:right; } .postItem { border-bottom:1px solid #C4CFDF; padding:12px 0; } .postItem:first-child { border-top:1px solid #C4CFDF; } .postItem.detail { border-width:0; } .thumb { float:left; width:120px; height:120px; margin:4px 0; } .thumb.widescreen{ max-height:70px; height:70px; overflow:hidden; position:relative; } .thumb.widescreen img{ top:-10px; position:absolute; } .thumb.widescreen img.postThumbnail{ height:auto; width:auto; } .thumb.standard { max-height:90px; height:90px; overflow:hidden; position:relative; } .thumb.standard img{ top:0px; position:absolute; } .thumb.standard img.postThumbnail{ height:auto; width:auto; } html.ie .thumb.widescreen img{ top:-15px; position:absolute; } html.ie .thumb.widescreen img.playOverlay{ top:-10px; } .thumb img.postThumbnail{ width:120px; height:120px; } .articlepost{ margin-left:136px; } .articlepost .boilerplate{ padding-top:.7em; clear:both; } .articleSummary .videopost{ margin-left:136px; } .postItem .articlepost:first-child{ margin-left:0; } .postItem h4, .postItem h3{ margin:0; padding:0; border-width:0; } .postItem.detail h3{ font-family:'Rokkitt', Arial, Helvetica, sans-serif; line-height:90%; } .postItem .postAuthor a:link, .postItem .postAuthor a:visited{ color:#0471ac; } .postItem.detail h3 a:link, .postItem.detail h3 a:visited, .postItem.detail h3 a { color: #0471ac; } .postItem .postAuthor img, .commentItem .commentAuthor img { display:none; } .postItem .postMetadata { line-height:180%; color:#999; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:.94em; font-style:italic; margin-top:.5em; } .postItem .postMetadata .by { text-transform:capitalize; } .postItem .postExcerpt{ margin:8px 0; line-height:160%; } .videopost .postItem .postExcerpt{ margin-left:0; } .postItem .excerptReadmore, .postItem .excerptReadmore span { float:right; text-align:right; font-weight:bold; color:#0471ac; font-family:Georgia, "Times New Roman", Times, serif; font-size:.94em; font-style:italic; margin-top:8px; } .postItem .excerptReadmore a{ color:#0471ac; } .postItem .excerptCommentCount { float:left; color:#aaa; font-size:.85em; margin-top:8px; } .postItem .excerptCommentCount a{ color:#0471ac; padding-left:18px; background:url(Images/now-icons.png) no-repeat -73px -1px; } .postItem .excerptCommentCount span.duration{ padding-left:20px; background:url(Images/now-icons.png) no-repeat -73px -75px; font-size:1.1em; } .postItem .excerptCommentCount a:hover{ background-position:-73px -19px; } .articleSummary .postFooter{ display:none; } .commentBody { min-height:70px; margin:0 0 0 86px; line-height:160%; font-size:100%; } .articleDetail .commentFooter { margin:6px 0; } .articleRss { color: #aaa; font-size: .85em; padding-top: 0.9em; } #content .articleRss a { background: url("Images/now-icons.png") no-repeat scroll -73px -39px transparent; color: #0471ac; padding-left: 18px; } #content .articleRss a:hover{ background-position:-73px -57px; } div.comments > div.commentList, div.comments > div.commentForm { display:none; } html.remarkable div.comments > div.commentList, html.remarkable div.comments > div.commentForm { display:block; } .commentItem { border-bottom:1px solid #eee; padding: 1em 2em; /*display:none;*/ } .commentItem.visible { display:block; } .commentAvatar{ float: left; padding:5px; margin: 0; text-align: right; width: 54px; border:1px solid #DDDDDD; } .commentAvatar img{ width:54px; } .commentEdit { color:#bbb; } .commentForm{ padding: 1em 0 1em 8.8em; } .commentForm .ms-formtable tbody tr:first-child{ display:none; } .commentForm .ms-formtable td.ms-formlabel { display:none; } #content .commentForm .ms-CommentHeader { position:static; color: #999999; font-size: 1.25em; margin: 6px 0; } .commentForm textarea { width:46em; } .commentForm input { margin: 15px 0; padding: 5px; width: 150px; height: auto; font: 120%/2.2em Arial,Helvetica,sans-serif; } .videopost .embeddedVideo{ border: 1px solid #DDDDDD; border-radius: 3px; height: 340px; margin: 5px 0 15px; width: 600px; } .leaderItem { border-top:1px solid #C4CFDF; padding: 1em 2em 0 .2em; margin-top:.7em; } .leaderAvatar{ float: left; padding:0; margin:0; width: 52px; height:52px; } .leaderAvatar img{ width:52px; height:52px; } .leaderBody{ font-size: large; font-weight:bold; line-height:300%; } .leaderRank{ color:#379; padding-left:1em; } .leaderDivider, .leaderMemberSince{ font-size:small; font-weight:normal; } .leaderScore { font-size:xx-large; color:#379; vertical-align:top; float:right; } /* Horizontal Scrolling Lists */ div.horizontalScrollingListParent{ margin:0 auto 10px; padding:10px 0 0; height:55px; } div.horizontalScrollingListParent ul{ height:55px; } div.horizontalScrollingListParent.unscrollable ul{ height:55px; } div.horizontalScrollingListParent li{ float:left; margin:0 14px; height:auto; width:auto; } div.horizontalScrollingListParent li img{ width:55px; height:55px; } div.horizontalScrollingListNav{ clear:both; height:0; } div.horizontalScrollingListNav li { position:absolute; top:48px; width:23px; height:35px; background:url("Images/now-icons.png"); display:block; cursor:pointer; overflow:hidden; text-indent:-4200px; } div.horizontalScrollingListNav li.prev { left:18px; background-position:-24px -90px; } div.horizontalScrollingListNav li.next{ right:18px; background-position:-1px -90px; } div.badgeTools { position:absolute; right:18px; top:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#fff; font-style:italic; } div.badgeTools li{ float:left; margin:0 10px; } div.photoList { margin-bottom:10px; } div.photoList li{ width:60px; height:60px; overflow:hidden; margin:0 11px 0 12px; background-color:#000; } div.photoList li a{ display:block; margin:-7px -15px; width:90px; height:90px; vertical-align:middle; text-align:center; } div.photoList li a img { min-width:60px; min-height:60px; max-width:90px; max-height:90px; height:auto; width:auto; } /* Breakouts */ div.breakOutLeft{ margin-left:-48px; margin-right:-15px; padding:10px 18px 0; position:relative; zoom:1; } .communityLayout div.breakOutLeft{ margin-left:-32px; margin-right:1px; } div.breakOutLeft.darkBackground{ border-width:1px; border-style:solid; border-color:#aaa #444 #222 #888; background:url("Images/now-darkBackground.png") repeat-x center -1px #555; } div.breakOutLeft.darkBackground a:visited, .breakOutLeft.darkBackground a:link{ color:#fff; } div.breakOutLeft.darkBackground h4{ color:#fff; font-size:1.9em; font-weight:bold; text-transform:uppercase; height:17px; overflow:hidden; margin:0; border-width:0; padding-top:0; font-family: 'Rokkitt', Arial, san-serif; font-weight:700; line-height:17px; } div.breakOutLeft.darkBackground h4.myBadges{ background:url("Images/now-headings.png") no-repeat -380px -85px; text-indent:-4200px; } div.breakOutLeft.stateUnlock { margin-left:-63px; margin-right:0; padding:0; } /* History List */ div.historyList { padding: 2em 0; } .communityLayout div.historyList{ padding:2em 16px; } div.historyList h4{ line-height:120%; font-size:2em; text-indent:-4200px; clear:both; overflow:hidden; height:27px; width:380px; background:url("images/now-headings.png") no-repeat -380px -359px; } .communityLayout div.historyList h4{ background-position: -380px -387px; } .communityLayout div.historyList .verb { text-transform:lowercase; } div.historyList li { clear:both; } div.historyList li div.historyImage{ float:left; } div.historyList li div.historyImage img{ width:40px; height:40px; } div.historyList li div.historyBody { margin-left: 54px; } div.historyList li div.historyBody h5{ color:#0471ac; font-weight:bold; margin:15px 0 5px; font-size:15px; } div.historyList li div.historyBody span.historyDate{ color:#828282; } #pageLayout div.historyList a{ text-decoration:underline; } /* Rotating Wildcard - right */ div.carousel{ width:300px; } #sidebar div.carousel > ul { height:285px; } html.ie7 div.carousel li{ background-color:transparent !important; } div.carouselNav{ text-align:center; } div.carouselNav a { display:inline-block; width:15px; height:15px; overflow:hidden; text-indent:-4200px; margin:3px; background: url(images/now-icons.png) -48px -87px; zoom:1; *display:inline; } html.ie7 div.carouselNav a { text-indent:0; font-size:.8em; color:#fff; } html.ie7 div.carouselNav a.activeSlide { color:#ccc; } html.ie7 div.carouselNav a:hover { text-decoration:none; color:#abeffa; } div.carouselNav a.activeSlide { background-position: -48px -102px; } div.carouselNav a:hover { background-position: -48px -117px; } /* Signup Wildcard */ div.signup.wildcard { color:#fff; width:264px; padding:18px; height:249px; background:url(images/now-signupBackground.jpg); } div.signup.wildcard a, div.signup.wildcard a:link, div.signup.wildcard a:visited { color:#fff; } div.signup.wildcard h3{ font-family: 'Rokkitt', Arial, san-serif; font-weight:700; font-size:52px; letter-spacing:-.06em; text-align:right; text-transform:uppercase; line-height:30px; } div.signup.wildcard h4{ font-family: 'Rokkitt', Arial, san-serif; font-weight:700; font-size:20px; letter-spacing:-.06em; margin:16px 0 6px 0; } html.ie7 div.signup.wildcard h3{ letter-spacing:-.05em; } html.ie7 div.signup.wildcard h4{ letter-spacing:-.05em; } html.ie8 div.signup.wildcard h3{ letter-spacing:-.03em; } html.ie8 div.signup.wildcard h4{ letter-spacing:-.03em; } html.ie9 div.signup.wildcard h3{ letter-spacing:normal; } html.ie9 div.signup.wildcard h4{ letter-spacing:normal; } div.signup.wildcard p{ text-align:right; } div.signup.wildcard p strong{font-family: 'Rokkitt', Arial, san-serif; font-weight:700; font-size:18px; } div.signup.wildcard p em{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:11px; line-height:3em; margin-left:-5px; } div.signup.wildcard p.signupComment{ clear:both; } html.ie7 div.signup.wildcard p em{ line-height:1em; margin:0 -3px; } div.signup.wildcard a[title*='Facebook'], div.signup.wildcard a[title*='Twitter'], div.signup.wildcard button{ text-indent:-4200px; overflow:hidden; display:block; width:91px; height:23px; border-width:0; background-color:transparent; cursor:pointer; background:url(images/now-social.png) left 46px; } div.signup.wildcard a[title*='Facebook']{ background-position:-91px 0; } div.signup.wildcard a[title*='Twitter']{ background-position:0 0; } div.signup.wildcard button{ background-position:-182px 0; float:right; } div.signup.wildcard a[title*='Facebook']:hover{ background-position:-91px -23px; } div.signup.wildcard a[title*='Twitter']:hover{ background-position:0 -23px; } div.signup.wildcard button:hover{ background-position:-182px -23px; float:right; } html.ie7 div.signup.wildcard button{ margin-left:10px; } div.signup.wildcard ul.socialChoices li{ float:left; margin-right:15px; } div.signup.wildcard ul.newAccountFields label{ display:none; } div.signup.wildcard ul.newAccountFields li{ text-align:right; margin:0 0 10px; } html.ie7 div.signup.wildcard ul.newAccountFields li{ float:left; } div.signup.wildcard input{ font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#888; padding:1px 5px; } div.signup.wildcard input[title='First'], div.signup.wildcard input[title='Last']{ width:254px; } div.signup.wildcard input[title='email']{ width:150px; float:left; } /* State Mini Badge */ .miniState{ background:url("images/now-microStateBadges.png") no-repeat left 27px; width:27px; height:27px; display:inline-block; overflow:hidden; text-indent:-4200px; cursor:pointer; *display:inline; zoom:1; margin-left:1%; } .miniState.AL{ background-position:0px 0px; } .miniState.AK{ background-position:-27px 0px; } .miniState.AZ{ background-position:-54px 0px; } .miniState.AR{ background-position:-81px 0px; } .miniState.CA{ background-position:-108px 0px; } .miniState.CO{ background-position:-135px 0px; } .miniState.CT{ background-position:-162px 0px; } .miniState.DE{ background-position:-189px 0px; } .miniState.FL{ background-position:-216px 0px; } .miniState.GA{ background-position:-243px 0px; } .miniState.HI{ background-position:0px -27px; } .miniState.ID{ background-position:-27px -27px; } .miniState.IL{ background-position:-54px -27px; } .miniState.IN{ background-position:-81px -27px; } .miniState.IA{ background-position:-108px -27px; } .miniState.KS{ background-position:-135px -27px; } .miniState.KY{ background-position:-162px -27px; } .miniState.LA{ background-position:-189px -27px; } .miniState.ME{ background-position:-216px -27px; } .miniState.MD{ background-position:-243px -27px; } .miniState.MA{ background-position:0px -54px; } .miniState.MI{ background-position:-27px -54px; } .miniState.MN{ background-position:-54px -54px; } .miniState.MS{ background-position:-81px -54px; } .miniState.MO{ background-position:-108px -54px; } .miniState.MT{ background-position:-135px -54px; } .miniState.NE{ background-position:-162px -54px; } .miniState.NV{ background-position:-189px -54px; } .miniState.NH{ background-position:-216px -54px; } .miniState.NJ{ background-position:-243px -54px; } .miniState.NM{ background-position:0px -81px; } .miniState.NY{ background-position:-27px -81px; } .miniState.NC{ background-position:-54px -81px; } .miniState.ND{ background-position:-81px -81px; } .miniState.OH{ background-position:-108px -81px; } .miniState.OK{ background-position:-135px -81px; } .miniState.OR{ background-position:-162px -81px; } .miniState.PA{ background-position:-189px -81px; } .miniState.RI{ background-position:-216px -81px; } .miniState.SC{ background-position:-243px -81px; } .miniState.SD{ background-position:0px -108px; } .miniState.TN{ background-position:-27px -108px; } .miniState.TX{ background-position:-54px -108px; } .miniState.UT{ background-position:-81px -108px; } .miniState.VT{ background-position:-108px -108px; } .miniState.VA{ background-position:-135px -108px; } .miniState.WA{ background-position:-162px -108px; } .miniState.WV{ background-position:-189px -108px; } .miniState.WI{ background-position:-216px -108px; } .miniState.WY{ background-position:-243px -108px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px} /*div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}*/ div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} div.star-rating-readonly a{cursor:default !important} div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* Station Detail */ .stationArea{ background: repeat-x url(images/now-stationBackground.png) center top; min-height:170px; margin:-9px -16px 0; padding:20px 16px 0; color:#666; position:relative; zoom:1; } .stationArea .stationBrand{ width:134px; height:134px; background:url(images/now-stationLogos.png) no-repeat left top; display:inline-block; *display:inline; zoom:1; vertical-align:top; } .stationArea .stationBrand.oncue{ background-position:left -134px; } .stationArea .stationBrand.cleanenergy{ background-position:left -268px; } .stationArea .stationData{ width:472px; margin-bottom:10px; display:inline-block; *display:inline; zoom:1; } html.ie7 .stationArea .stationData{ width:440px; } .stationData h3{ font-size:24px; color:#2e8bba; margin: 0 3%; } .stationData h3 a, .stationData h3 a:link, .stationData h3 a:visited{ color:#2e8bba; } .stationData .stationPrimary { width:50%; display:inline-block; *display:inline; zoom:1; padding:0 0 0 3%; vertical-align:top; } .stationData .stationSecondary { width:43%; display:inline-block; *display:inline; zoom:1; padding:0 0 0 3%; } .stationPrimary address{ line-height:1.4em; padding:1% 0; } .stationPrimary address .street1, .stationPrimary address .street2 { display:block; } .stationPrimary dl { margin:4% 0; } .stationPrimary dd { margin-right:5%; vertical-align:text-bottom; display:inline-block; *display:inline; zoom:1; } #pageLayout div.star-rating, #pageLayout div.star-rating a { background: url("images/now-icons.png") no-repeat; } #pageLayout div.star-rating a{ background-position: -17px -126px !important; } #pageLayout div.star-rating-on a { background-position: -17px -158px !important; } /* social share*/ .richEditor .pageShare { margin:0; padding:0; } .richEditor .pageShare li { float:left; margin: 0 5% 0 0; padding:0; list-style:none; } .richEditor .pageShare li.rss { float:right; } .pageShare li a { width:71px; height:18px; background:url(images/now-social.png) no-repeat left -18px; display:block; overflow:hidden; text-indent:-4200px; cursor:pointer; } .pageShare li.facebook a{ background-position:-344px 0; } .pageShare li.twitter a{ background-position:-273px 0; } .pageShare li.facebook a:hover{ background-position:-344px -18px; } .pageShare li.twitter a:hover{ background-position:-273px -18px; } .pageShare li.rss a{ background-position:-415px 0; } .pageShare li.rss a:hover{ background-position:-415px -18px; } #pageLayout .pageShare.layoutEmbedded { float:right; width:160px; } #pageLayout .pageShare.layoutEmbedded li { margin:0 0 0 5%; } .stationPrimary ul { margin:6% 0; } .stationPrimary li { float:left; margin-right:5%; } .stationPrimary li a { width:71px; height:18px; background:url(images/now-social.png) no-repeat left -18px; display:block; overflow:hidden; text-indent:-4200px; cursor:pointer; } .stationPrimary li.facebook a{ background-position:-344px 0; } .stationPrimary li.twitter a{ background-position:-273px 0; } .stationPrimary li.facebook a:hover{ background-position:-344px -18px; } .stationPrimary li.twitter a:hover{ background-position:-273px -18px; } .stationData .stationSecondary li{ margin:3% 0; } /* Station Comments */ .stationComments { margin-top:2em; color:#666; } .stationComments h4{ font-family: 'Rokkitt',Arial,san-serif; font-size: 2.4em; font-weight: bold; color:#333; border-bottom:1px solid #eee; padding-bottom:.25em;} .stationComments .commentItem { padding-left:0; } .stationComments .numberOfComments { vertical-align:text-top; margin-left:.75em; display:none; } .stationComments .commentAuthor { font-size:1.2em; font-weight:bold; } .stationComments .commentDate { font-style:italic; } .stationComments .commentRating { float:right; padding-right:9em; padding-top:.5em; } .stationComments .ratingNumber { display:none; } .stationComments div.star-rating, .stationComments div.star-rating a { background: url("images/now-icons.png") no-repeat; } #pageLayout .stationComments div.star-rating a{ background-position: -34px -147px !important; width:11px; } #pageLayout .stationComments div.star-rating-on a { background-position: -34px -169px !important; width:11px; } #pageLayout .stationComments div.star-rating { width:12px; height:11px; } /* Page Menu */ #pageMenu{ background:#046295; padding-right:300px; margin-right:17px; } #pageMenu li{ float:left; background:url("images/now-pagemenu.png") no-repeat center 40px; width:70px; padding:0 30px; } #pageMenu ul li:first-child { padding:0 13px; } #pageMenu li.edit{ float:right; } #pageMenu li a{ color:#fff; display:block; background:url("images/now-pagemenu.png") no-repeat center 40px; padding:0 0 12px; text-indent:-4200px; overflow:hidden; } #pageMenu li.profile { background-position:center -12px; } #pageMenu li.badges { background-position:center -52px; } #pageMenu li.edit { background-position:center -92px; width:60px; } #pageMenu li.newpost { background-position:center -131px; width:110px; } #pageMenu li.uploadimage { background-position:center -174px; width:140px; } #pageMenu li.uploadphoto { background-position:center -211px; width:140px; } #pageMenu li.videopost { background-position:center -211px; width:130px; } #pageMenu li.managelist { background-position:center -251px; width:130px; } #pageMenu li a:hover{ background-position:center bottom; } #pageMenu li a.selected{ background-position:center bottom; } #pageMenu.article li{ padding:0 14px; } #pageMenu.article li.edit{ float:left; } #pageMenu.article ul li:first-child { padding:0 25px; } /* Profile Detail */ .profileArea { background: url("images/now-profileBackground.png") repeat-x scroll center top transparent; color: #666666; margin: -4px -16px 0; min-height: 170px; padding: 20px 16px 0; position: relative; } .featuredLayout .profileArea { background: url("images/now-featuredProfileBackground.png") repeat-x scroll center top transparent; margin:-6px 0 0 0; } html.ie7 .profileArea { margin-top:-14px; } .profileArea .profileBrand{ width:132px; height:132px; background:url("images/now-defaultAvatar.png") no-repeat left top; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-top:3px; } .profileArea .profileBrand img { width:132px; height:132px; } .profileArea .profileData{ width:466px; margin-bottom:10px; display:inline-block; *display:inline; zoom:1; vertical-align: top; } .profileData h3{ font-size:24px; color:#2e8bba; margin: 0; } .profileData h3 a, .profileData h3 a:link, .profileData h3 a:visited{ color:#2e8bba; } .profileData .profilePrimary { width:65%; display:inline-block; *display:inline; zoom:1; padding:0 0 0 3%; vertical-align:top; } .profileData .profileSecondary { width:28%; display:inline-block; *display:inline; zoom:1; padding:0 0 0 3%; } .profileMetadata { font-size:.9em; } .profileWebsite { display:block; margin-top:.5em; } .profileFindMe { font-size:1.25em; } .profileFindMe strong{ color:#999; } .profileFindMe a{ font-size:.96em; } .profileFindMe .item-0 { margin-left:.4em; } .profileFindMe .item-1 { margin-left:.6em; border-left:1px solid #999; padding-left:.6em; } .badgeScore { display:inline-block; *display:inline; zoom:1; width:142px; } .badgeScore dl { border-radius:4px; background-color:#f5f5f5; width:142px; height:62px; position:relative; text-align:center; font-weight:bold; } .featuredLayout .badgeScore dl { right:16px; top: 16px; } .badgeScore dt { position:absolute; bottom:8px; font-size:.9em; color:#aaa; } .badgeScore dd { position:absolute; top:4px; height:54px; font-size:2.1em; line-height:140% } .badgeScore dt.advocacyLabel { width:75px; left:0; } .badgeScore dd.advocacyScore { width:75px; color:#3193c4; left:0; } .badgeScore dt.badgeLabel { width:65px; left:75px; } .badgeScore dd.badgeScore { width:65px; left:75px; border-left:1px solid #ddd; color:#4fc25a; } /* Related Content */ .relatedByTags{ position:relative; width:100%; margin-top:2em; padding-top:2em; border-top:2px solid #e3e3e3; } #content .relatedByTags h3, #relatedContent .relatedByTags h3 { line-height:120%; font-size:2em; text-indent:-4200px; overflow:hidden; height:27px; background:url("images/now-headings.png") no-repeat -380px -247px; width:380px; } .relatedNavigation a.next, .relatedNavigation a.prev { display:block; width:20px; height:202px; position:absolute; overflow:hidden; text-indent:-4200px; top:7em; } .relatedNavigation a.next { right:0; background:url("images/now-icons-horizontal.png") -15px center no-repeat #e3e3e3; } .relatedNavigation a.prev { left:0; background:url("images/now-icons-horizontal.png") 7px center no-repeat #e3e3e3; } .relatedNavigation a.next:hover, .relatedNavigation a.prev:hover{ background-color:#d3d3d3; } div.relatedNavigation div.relatedNav { position:absolute; right:0; top:4em; } div.relatedNav a { background: url("images/now-icons.png") repeat scroll -63px -87px transparent; display: inline-block; height: 15px; margin: 1px; overflow: hidden; text-indent: -4200px; width: 15px; } html.ie7 div.relatedNav a { color: #fff; font-size: 0.1em; text-indent: 0; } html.ie7 div.relatedNav a.activeSlide { color: #fff; } html.ie7 div.relatedNav a:hover { color: #fff; text-decoration: none; } div.relatedNav a.activeSlide { background-position: -63px -102px; } div.relatedNav a:hover { background-position: -63px -117px; } #relatedContent .relatedSets { margin: 2.5em 20px; } #content .relatedSets { margin: 1.7em 20px; } ul.relatedSet{ margin: 0; padding:0 2%; zoom:1; min-height:202px; float:left; } ul.relatedSet li{ width:49.8%; float:left; height:100px; background-color:#fff; min-width:273px; } ul.relatedSet li.set-item-1 { border:1px solid #ddd; border-width:0 1px 1px 0; } ul.relatedSet li.set-item-2 { border:1px solid #ddd; border-width:0 0 1px 1px; } ul.relatedSet li.set-item-3 { border:1px solid #ddd; border-width:1px 1px 0 0; } ul.relatedSet li.set-item-4 { border:1px solid #ddd; border-width:1px 0 0 1px; } ul.relatedSet h5 { font-family:'Rokkitt', Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight:bold; text-transform:uppercase; color:#0471AC; line-height:95%; margin: 0.5em 0 0.25em; overflow:hidden; text-indent:-4200px; background:url("Images/now-headings.png") no-repeat -380px -103px; display:none; } ul.relatedSet .nowBlog h5 { background-position: -380px -103px; } ul.relatedSet .nowNews h5 { background-position: -380px -120px; } ul.relatedSet .nowVideo h5 { background-position: -380px -137px; } ul.relatedSet .nowPdf h5 { background-position: -380px -154px; } ul.relatedSet .nowPage h5 { background-position: -380px -171px; } ul.relatedSet .thumb { width:78px; height:78px; margin: .75em; } ul.relatedSet .thumb.related > a { position: relative; } ul.relatedSet .thumb.nowVideo { overflow:hidden; width:90px; height:70px; position:relative; } ul.relatedSet .thumb.nowVideo img { width:90px; position:absolute; top:-9px; } ul.relatedSet .thumb.nowVideo img.thumbnailImageOverlay { top: -16px; height: 85px; } ul.relatedSet .thumb img{ width:78px; height:78px; } ul.relatedSet .thumb img.thumbnailImageOverlay { position: absolute; top: -65px; left: 0; } ul.relatedSet .titles { margin: 0.75em 0.75em 0.75em 97px; } ul.relatedSet .titles.nowVideo { margin: 0.75em 0.75em 0.75em 107px; } ul.relatedSet .titles a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; font-style:italic; color:#999; } /* search */ .srch-WPBody { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; line-height:150%; color: #555; } .ms-searchref-main { background-color: #fff; background-image: none; background-position: right center; background-repeat: no-repeat; border-width: 0; font-family:Arial, Helvetica, sans-serif !important; height: 100%; padding: .75em 0 .75em .75em; width: 175px; margin:1.25em 0 0 18px; } .srch-stats { color: #555; font-family:Arial, Helvetica, sans-serif !important; margin: .5em 0 0 0; padding:.8em 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; } li.ms-searchref-selected, li.ms-searchref-filtermsg { border-width: 0; } li.ms-searchref-selected { font-weight:bold; } .ms-searchref-categoryname { font-size: 1.2em; color:#555; height:1.1em; } .srch-results { max-width:none; padding:0; } .srch-Title3{padding:0;} .srch-Description2, .srch-Metadata2, .srch-Metadata1 { margin-left: 0; max-width: none; } .srch-urllink { display:none; } .srch-Page { clear: both; color: #555; font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 0.75em; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align:center;} .srch-Page strong, .srch-Page a:link, .srch-Page a:visited { float:none; display:inline-block; *display:inline; zoom:1; } /* State Autocomplete */ .better-autocomplete,.better-autocomplete > .result { list-style: none; padding: 0; margin: 0 !important; background: none; } .better-autocomplete { text-align: left; font-family: Arial, Helvetica, sans-serif; overflow: visible; cursor: default; background: white; width:575px ! important; border-color: #bfbfbf; border-style: solid; border-width:0; } .better-autocomplete > .result { position: relative; padding: 5px 7px; background: white; border-color: #bfbfbf; border-width: 0 1px 1px 0; border-style: solid; float:left; width:100px; } .better-autocomplete > .result > div { font-size: 12px; color: #3c3c3c; padding: 0; margin: 0 0 2px 0; cursor:pointer; } .better-autocomplete > .result > p { font-size: 11px; line-height: 1.3; color: #6f6f6f; padding: 0; margin: 0; } .better-autocomplete > .result:last-child { border-bottom: 1px solid #bfbfbf; } .better-autocomplete > .result.highlight { background: #0075ba; border-top-color: #1f4a64; } .better-autocomplete > .result.highlight > div, .better-autocomplete > .result.highlight > p { color: white; } /* 50/50 Two Column */ .twoColumn #masterContent { min-height:425px; } .twoColumn #content{ min-height:425px; background:url(images/now-lightblueBackground-425.png) repeat-x center top; margin:0 30px 0 13px; padding:0; } .twoColumn .column{ display:inline-block; *display:inline; zoom:1; width:42.5%; padding:3%; vertical-align:top; } .twoColumn .columnOne{ padding:3% 2% 3% 4.5% } .twoColumn .columnTwo{ padding:3% 4.5% 3% 2% } #UnlockStateImage { margin: 0pt auto; width: 250px; display: block; } /* Badge Detail */ .badgeArea { zoom:1; } .badgeFilter { background-color: #F0F0F0; height: 30px; line-height: 250%; margin: 0 -313px 0 -16px; padding-left: 10px; } html.ie7 .badgeFilter {margin: 0;} .badgeFilter strong{ float:left; margin-right:1em; } .badgeFilter li{ float:left; margin-right:1em; zoom:1; } .badgeList { clear:both; text-align:center; margin:0 -15px; } .badgeList li{ float:left; height:180px; width:130px; margin:15px; zoom:1; } html.ie7 .badgeList li{ margin:10px; } .badgeList li img{ height:130px; width:130px; margin-bottom:10px; } .badgeList li strong{ display:block; } .loadmore { clear:both; } /* Profile */ .profileEditBlock{ } .ProfileEditBlock{ margin:1em 0; background-color:#f0f0f0; border:1px solid #ddd; width:612px; } .profileEditBlock h2{ display:none; } .profileEditBlock h3{ background-color:#ddd; padding:.4em .7em; font-size:1.38em; } .ProfileEditBlock > ul{ margin:1em;} .yourProfile label { display:inline-block; *display:inline; zoom:1; width:160px; text-align:right; margin-right: 1em;} .ProfileEditBlock>ul>li { height:2em; margin:1em 0; } .yourProfile > ul > li > ul > li{ float:left; position:relative; padding-bottom:1em; margin: 0 2em 0 0; height:110px; } .yourProfile .avatarLabel{ float:left; width:160px; text-align:right; margin-right: 1em; } .yourProfile > ul > li > ul { float:left; margin: 20px 0 0 94px; } .yourProfile > ul > li > ul > li input[type='radio']{ position:absolute; bottom:5px; left:36px; } .yourProfile > ul > li > ul > li img{ width:80px; height:80px; } .yourProfile > ul > li > ul > li label{ width:80px; text-align:center; position:absolute; bottom:26px; height:12px; } .ProfileEditBlock input[type='text'] { padding:.25em; font-size:1.2em; margin-right: .5em; width:11em; } .ProfileEditBlock select { font-size:1.2em; padding:.2em .1em; } .ProfileEditBlock li.website{ height:50px; } .ProfileEditBlock li.website input{ width:36em; } html.ie div.avatarUploadControls input{ height:24px; padding:0 3px; } html.ie8 input.avatarUploadButton{ vertical-align:top; } html.ie7 li.avatar{ min-height:12em; } .ProfileEditBlock li.checkBoxList{ height:13em; } .ProfileEditBlock span.readOnly { font-weight:bold; font-size:110%; } .ProfileEditBlock.company li.state select { width:130px; } .ProfileEditBlock.company li.zip input.zip { width:50px; } .aboutMe > ul > li:first-child { height:7em; } .aboutMe textarea{ height:4.5em; width:44em; } html.ie7 .aboutMe textarea{ height:7em; width:28em; } .ProfileEditBlock .formSubmit{ clear:both; text-align:right; } .ProfileEditBlock ul li input[type='checkbox']{ margin-right:.6em; } .aboutMe ul li label:first-child { display:block; width:240px; text-align:left; margin-right: 1em; margin-bottom:.2em; } .aboutMe ul li.checkBoxList label:first-child { margin-bottom:.6em; } .ProfileEditBlock .formSubmit input[type="submit"]{ width:140px; height:42px; background:url('Images/now-saveChanges.png') no-repeat; padding:0 0 5px; margin:0 1em 0 0; border-width:0; text-transform:uppercase; font-weight:bold; color:#fff; font-size:.9em; } .ProfileEditBlock .formSubmit input[type="submit"]:hover{ background-position:left -42px; cursor:pointer; } .profileEditBlock p{ margin:1em; } .linkAccounts ul{ margin:1em; } .linkAccounts ul li{ float:left; margin-right:2em; } .linkAccounts ul li .facebook,.linkAccounts ul li .twitter{ height:22px; padding:0 0 0 29px; display:block; background:url(images/now-socialMenu.png) no-repeat left 22px; line-height:180%; } .linkAccounts ul li .facebook{ background-position:0 -44px; } .linkAccounts ul li .facebook.unlinked{ background-position:0 -22px; } .linkAccounts ul li .twitter{ background-position:0 -110px; } .linkAccounts ul li .twitter.unlinked{ background-position:0 -88px; } .linkAccounts ul li a{ line-height:180%; } /*community*/ .communityArea { background:url("images/now-communityBackground.png") no-repeat; min-height:300px; padding: 20px 16px 0; position: relative; color:#666; margin-top:-10px; } h3.heading.featured.profile { background: url("images/now-headings.png") no-repeat scroll -380px -103px transparent; height: 17px; margin: 10px 0; overflow: hidden; text-indent: -4200px; width: 220px; } .communityArea .profileData { margin-top:1.75em; width:390px; border-right:1px solid #ddd; } .communityArea .profileBrand { display:inline-block; *display:inline; zoom:1; width:128px; height:128px; overflow:hidden; } .communityArea .profileBrand img { width: 128px; } .communityArea .profileData .profilePrimary { width: 245px; } .communityArea .profileMetadata { display:none; } .communityArea .profileFindMe { display:none; } .communityArea .profilePrimary p { margin-right:10px; } .leaderboard dt { float:left; clear:both; margin:.2em 0; white-space:nowrap; } .leaderboard dd { float:right; margin:.2em 0; } html.ie7 .leaderboard dd { float:right; margin:.2em 0; clear:both; } .leaderboard dt a, .leaderboard dt a:link, .leaderboard dt a:visited, .leaderboard dd { color: #3193c4; } .leaderboard dl { font-size:1.1em; } .leaderboard h4 { color:#5e676a; font-size:1.8em; margin:.15em 0; font-weight:normal; } .communityLayout #zones { position:relative; padding: 10px 314px 0 14px; } #zones .leaderboard{ width:200px; position:absolute; right:0; top:5em; z-index:1; margin-right:333px; } .breakIn { position:relative; } .breakIn.transparentBackground { margin:2em 0 0; border-top:1px solid #c4cfdf; padding:1em 0 0; } div.featuredMemberBadges h4 { text-indent:-4200px; overflow:hidden; width:210px; background:url("images/now-headings.png") no-repeat -380px -119px; height:17px; } .breakIn div.horizontalScrollingListNav li.prev { left:0px; top:55px; } .breakIn div.horizontalScrollingListNav li.next { right:0px; top:55px; } .breakIn div.horizontalScrollingList li { margin: 0 13px; } .breakIn div.horizontalScrollingListNav li.prev { background-position: -17px -182px; } .breakIn div.horizontalScrollingListNav li.next { background-position: 1px -182px; } .transparentBackground div.horizontalScrollingListNav li { height: 32px; width:20px; } /* badges */ .singleBadgeArea{ background:url("images/now-communityBackground.png") no-repeat; min-height:300px; padding: 36px 16px 0; position: relative; color:#666; margin: 15px -16px 0; } .singleBadgeArea .extraLargeBadge{ float:right; margin-left:20px; border-left:1px solid #ddd; } .singleBadgeArea h3 { color: #2E8BBA; font-size:24px; font-weight:bold; } .singleBadgeArea p { font-size:.95em; } /* sidebarProfile */ .sidebarProfileArea { width:300px; } #sidebar .profileData{ background-color:#414141; border-radius:3px; padding:.5em; min-height:7.5em; position:relative; } #sidebar .profileData h3 { font-size:1.2em; } #sidebar .profileData h3 a{ color:#fff; } #sidebar .profileBrand{ background-color:#fff; float: left; padding:5px; margin: 0; text-align: right; width: 80px; border:1px solid #DDDDDD; } #sidebar .profileBrand img{ width:80px; } #sidebar .profilePrimary { width: 60%; padding: 0 0 0 4%; } #sidebar .profileSecondary { margin:0 2em; } #sidebar .profileSecondary .userSmFindMe a { padding:0 .75em; border-left:1px solid #ddd; } #sidebar .profileSecondary .userSmFindMe a:first-child { padding-left:0; border-left-width:0; } #sidebar .profileMetadata{ margin-top:.1em; } #sidebar .profileMetadata a{ font-size: 1.02em; color:#fff; } #sidebar .badgeScore { clear:both; position:static; } #sidebar .badgeScore dl{ left: 110px; position: absolute; top: 50px; width:180px; height:50px; } #sidebar .badgeScore dt { position:absolute; bottom:5px; color:#444; font-weight:normal; } #sidebar .badgeScore dd { position:absolute; height:40px; font-size:1.7em; top:5px; line-height:120%; } #sidebar .badgeScore dt.advocacyLabel { width:95px; bottom:5px; } #sidebar .badgeScore dd.advocacyScore { width:95px; color:#444; } #sidebar .badgeScore dt.badgeLabel { width:85px; left:95px; } #sidebar .badgeScore dd.badgeScore { position:absolute; width:85px; left:95px; border-left:1px solid #444; color:#444; } /* sidebarMeet */ #sidebar .meetCommunity { background:#444 url('Images/now-sidebarMeetBackground.png') no-repeat right top; width:300px; height:128px; position:relative; } #sidebar .meetCommunity h4{ display:none; } #sidebar .meetCommunity ul { position:absolute; top:40px; left:0; margin:7px; } #sidebar .meetCommunity li { float:left; margin:8px; } #sidebar .meetCommunity li img { width:55px; height:55px; } .userDetails{ display:none; height:76px; width:169px; position:relative; color:#fff; padding:16px 20px 30px 20px; background: url("images/now-tooltipDark.png") transparent no-repeat center bottom; font-size:120%; z-index:10; } .userDetails h6{ font-size:120%; } .userDetails p{ font-size:95%; margin:0; } .userDetails dl{ font-weight: bold; position: absolute; text-align: center; z-index: 2; width:169px; } .userDetails dt{ font-size:85%; position:absolute; top:24px; width:84px; } .userDetails dd{ font-size:145%; position:absolute; width:84px; height:32px; top:4px; } .userDetails .userAdvocacy{left:0;} .userDetails .userBadges{right:0;} .userDetails dd.userBadges{ border-left:1px solid #fff; } .userDetails img.waitCursor{ margin-top: 30px; margin-left: 60px; } /* community */ .communityLayout #zones .ms-PartSpacingVertical{ margin:0; } .historySmList{ padding: 0 40px 0 20px; } .historySmList h3{ background:#000; color:#fff; margin-bottom:10px; padding:5px 8px; font-size:100%; } .historySmList h5{ padding: .6em 0 .25em 0; font-size:100%; } .historySmDate { color:#777; font-style:italic; } /* super profile */ .articleSummaryCQWP h4{ font-weight:normal; } .communityLayout .articleSummaryCQWP{ padding:0 16px; } div.pp_pic_holder.light_square *{ background-color:transparent ! important; } div.pp_pic_holder.light_square .pp_description{ display:none ! important; } div.pp_pic_holder.light_square .pp_close{ display:none ! important; } div.pp_pic_holder.light_square #pp_full_res{ cursor:pointer; } /* Free-form video list */ .leftNav .richEditor .copy .pseudoVideoList h4 { border-width:0; } /* State Incentives */ a.stateIncentives { display:block; text-align:right; font: italic bold 1.07em Georgia, "Times New Roman", Times, serif; margin-top:-10px; } div.moreIncentives{ display:none; overflow:hidden; } /* score */ div.half{ width:49.8%; float:left; } .yourScore{ background:url('/Style Library/Images/now-score-background.png') transparent repeat-x scroll center top; padding:8px; margin:-30px 10px 20px 40px; text-align:center; min-height:15em; } .yourScore > div > p { background-color:#fff; line-height: 10em; margin: 0; } .yourScore > div{ min-height:9em; } .yourScore > div h3{ font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:.7em 0 0; font-style:italic; color:#777; background-color:#fff; } .yourScore .yourAdvocacyScore { background-color:#fff; font-size:6em; color:#2E8BBA; font-weight:bold; line-height:1; padding:0 0 .1em; margin:0; } .yourScore > div h5 { font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:1.1em 0 .4em; font-style:italic; color:#777; text-align:left; font-weight:bold; } /* state page */ .customSnugness h4 { margin:5px 0; } .customSnugness h4.heading.incentives { margin:5px 0; } .customSnugness ul.topHalfOfList{ margin-bottom:0; } .customSnugness ul.bottomHalfOfList{ margin-top:0; } .customSnugness ul.bottomHalfOfList li:first-child{ margin-top:0; } .customSnugness ul{ margin:1em 0; } .customSnugness p{ margin:4px 0; font-size: 1em; line-height: 140%;} .customSnugness hr{ margin:.75em 0 0; } html.state #zones .ms-PartSpacingVertical{ margin-top:6px; } /* state events*/ .eventWildcard h3 { background: #353535 url('images/now-stateEventHeader.png'); height:43px; text-indent:-4200px; position:relative; margin:0; padding:0; } .eventWildcard h3 em{ font-weight:normal; font-style:italic; color:#fff; top:28px; position:absolute; text-indent:0; font-family:Georgia, "Times New Roman", Times, serif; right:18px; font-size:.88em; } html.ie .eventWildcard h3 em{ top:29px; } .eventWildcard dl{ border:3px solid #353535; width:294px; background-color:#fff; } .eventWildcard dt{ padding: 8px 18px 2px 18px; font-weight:bold; } .eventWildcard dt.odd, .eventWildcard dd.odd{ background-color:#d4e6f4; } .eventWildcard dd{ padding: 2px 18px 8px 18px; } /* UserVoice Feedback Widget */ #uvTab { top: 20% !important; } html.contributor #uvTab { margin-right: 18px !important; } #uvw-dialog { margin:-250px 0 0 -219px !important; width:527px !important; } #uvw-dialog-content { position:relative !important; width:527px !important; overflow:hidden; } #uvw-dialog-iframe { width:888px !important; right:-5px !important; bottom:auto !important; left:auto !important; } #uvw-dialog-powered-by { display:none; } /***/ #badgeStripMenuControl #myBadgesInfo{ display:none; } /* callouts */ .ms-rteElement-Callout1 { background-color: #f4f4f4; border: 0px solid #FD9F08; float: left; padding: 1em; width:auto; margin: 0 1em .25em 0; font-style:italic; font-size:smaller; } .ms-rteElement-Callout2 { background-color: #f4f4f4; border: 0px solid #FD9F08; float: right; padding: 1em; width:auto; margin: 0 0 .25em 1em; font-style:italic; font-size:smaller; }