/* NRDC stylesheet "frame" elements (header, footer, side columns, etc.) author: Michael Barrish (http://lumino.us) updated: April 1, 2015 CONTENTS - Global Defaults and Elements - Grid - Col-left - Share Module - NRDC Sites Module - Col-right - Footer /******** GLOBAL DEFAULTS ********/ body { color: #333; font-family: arial, helvetica, "helvetica neue", sans-serif; font-size: small; margin: 0; padding: 0; text-align: center; } * html body { font-size: x-small; fon\t-size: small; } a { color: #333; text-decoration: underline; } a:visited { color: #5d5d5d; } a:hover { color: #000; } a.rss { background: url(/_images/rss.gif) 100% 50% no-repeat; padding-right: 17px; } .no-decoration { text-decoration: none; } .no-decoration:hover { text-decoration: underline; } .more-special { color: #0530aa; font-weight: bold; text-decoration: none; white-space: nowrap; } .more-special:hover { color: #0530aa; text-decoration: underline } .more-special:after { content: ' \203a'; } img { border: 0; } p#skip { position: absolute; height: 1px; left: 0; overflow: hidden; top: -1000px; width: 1px; } /******** GRID ********/ body { background-color: #fff; text-align: center; } /* solves horizontal scrollbar caused by Twitter iframe under body > iframe { left: 0!important; } */ iframe#twttrHubFrame { left: 0!important; } /* for Windows 10 [http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/] */ @-ms-viewport { width: device-width; } /* eliminates 20px white square in footer on Chrome due to iframe */ [src^="http://img-cdn.mediaplex.com"] { left: -999em; position: absolute; } /* eliminates 13px height space at bottom of viewport */ iframe[name="google_conversion_frame"] { left: -9999em; position: absolute; } #viewport { float: left; width: 100%; } #container { margin: 0 auto; position: relative; text-align: left; width: 1008px; } .global-header-wrapper { background-color: transparent; float: left; margin-bottom: 25px; position: relative; text-align: left; width: 100%; } .global-header-wrapper:after { background: url(/_images/header-footer/bg-sprite-header-footer-2x.png) 0 -0 repeat-x; background-size: 41px 353px; bottom: 3px; content: ""; height: 18px; left: 0; position: absolute; width: 100%; z-index: 9; } .home .global-header-wrapper:after { background-position: 0 -340px; bottom: -3px; height: 24px; } #header { height: 140px; margin: 0 auto; position: relative; width: 1008px; } #content-wrapper { float: left; margin-bottom: 20px; padding: 0 29px; position: relative; width: 950px; } .home #content-wrapper, .action #content-wrapper { background: none; margin: 0; padding: 0; width: 1008px; } #content { float: left; position: relative; width: 950px; z-index: 1; } .col2c #content, .col2-right #content { background: #fff url(/_images/bg-content-col2c.gif) repeat-y !important; } .abo-bei #container #content, .pol #container #content, .col2-left-separator #content { background: #fff url(/_images/bg-content-col2b.gif) repeat-y; } .layoutv2 #container #content { background-image: none; background-color: #fff; width: 968px; } .issues.layoutv2 #container #content { /*background: #fff url(/_images/bg-content.gif) repeat-y;*/ width: 950px; } .home #content, .action #content { background: none !important; padding: 0 0 20px; width: 1008px; } #col-left { display: inline; float: left; font-family: "trebuchet ms", "lucida grande", arial, "helvetica neue", helvetica, sans-serif; margin: 0 12px 0 1px; min-height: 1px; width: 183px; } .abo-ind #col-left { background: #f0f1f2; border-top: 2px solid #2d297d; } #col-main { display: inline; float: left; margin-right: 19px; width: 542px; } .col2v2 #col-main { margin-right: 0; padding: 0 30px 30px; width: 638px; } .sea-ind #col-main { margin: 0 0 0 196px; padding-top: 2em; width: 542px; } .col2 #col-main, .col2-left #col-main { margin: 0; width: 744px; } .col2c #col-main, .col2-right #col-main { display: inline; margin: 0 19px 0 9px; width: 729px; } .col2v2 #col-main .pagebody { padding: 0 20px; } #col-right, #col-right-proxy { float: left; font-family: "trebuchet ms", "lucida grande", arial, "helvetica neue", helvetica, sans-serif; width: 183px; } .layoutv2 #col-right, .layoutv2 #col-right-proxy { float: left; font-family: "trebuchet ms", "lucida grande", arial, "helvetica neue", helvetica, sans-serif; margin-top: 11px; width: 250px; } .issues.layoutv2 #col-right, .issues.layoutv2 #col-right-proxy { width: 183px; } .col2v2 #col-right, .col2v2 #col-right-proxy { float: left; font-family: "trebuchet ms", "lucida grande", arial, "helvetica neue", helvetica, sans-serif; margin-top: 11px; width: 250px; } .global-footer-wrapper { background-color: #14284b; float: left; margin-top: 100px; width: 100%; } #footer { margin: 0 auto; padding: 96px 0 106px; width: 1008px; } .col1-no-nav #content { background: url(/_images/bg-content-alt.gif) repeat-y; padding-top: 0; } .col1-no-nav #content-inner { background: #fff; float: left; padding-bottom: 2em; width: 950px; } .col1-no-nav #share { padding-top: 0; } .col1-no-nav #header { background: url(/_images/header-footer/bg-header.gif) repeat-y; border-top: 2px solid #a0a6ad; float: left; height: 124px; position: relative; width: 950px; } .col1-no-nav #mission { background: url(/_images/header-footer/nav/bg-nav.jpg) left bottom repeat-x; color: #005b93; font: 93% arial, "helvetica neue", helvetica, sans-serif; height: 24px; left: 0; line-height: 24px; margin: 0; position: absolute; top: 111px; width: 950px; } .col1-no-nav #mission span { padding-left: 16px; } /******** HEADER ********/ #logo { left: -8px; position: absolute; top: 2px; z-index: 10; } #header .search { position: absolute; right: 217px; top: 0; width: 183px; } /* hide search by default */ #cse-search-box-initiator { display: none; } #header .search input[type="text"] { border: none; border-bottom: 1px solid #98a0a9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #90929b; font-family: "Knockout 32 A", "Knockout 32 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif; font-size: 108%; font-style: normal; font-weight: 400; height: 26px; line-height: 1 !important; left: 0; padding: 3px 33px 0 0; position: absolute; top: 0; width: 150px; } #header .search input[type="submit"] { background: url(/_images/header-footer/bg-sprite-header-footer-2x.png) 8px -90px no-repeat; background-size: 41px 353px; border: none; display: none; height: 29px; padding: 0; position: absolute; top: 0; right: 0; width: 30px; } #header .search .search-toggle { height: 29px; position: absolute; right: -23px; top: 0; width: 17px; } #header .search input[type="submit"]:hover, #header .search-toggle:hover { cursor: pointer; } #header .search-toggle-label { background: url(/_images/header-footer/bg-sprite-header-footer-2x.png) 0 -50px no-repeat; background-size: 41px 353px; display: inline-block; height: 20px; margin: 6px 0 0 0; text-indent: -9999em; width: 17px; } .global-engage-nav { height: 30px; list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 180px; } .global-engage-nav .btn2 { float: left; margin-left: 2px; width: 88px; } #nav { height: 36px; right: 0; margin: 0; position: absolute; top: 48px; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; text-align: center; } #nav li { display: inline; margin: 0; } #nav a { color: #00b2e2; display: inline-block; float: left; font-family: "Knockout 50 A", "Knockout 50 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif; font-size: 131%; font-style: normal; font-weight: 400; height: 36px; letter-spacing: 1px; line-height: 36px; padding: 0 16px; position: relative; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease; } #nav a:hover { color: #0090db; } #nav li:last-child a { padding-right: 0; } #nav a:before { background: url(/_images/header-footer/bg-sprite-header-footer-2x.png) 0 -140px no-repeat; background-size: 41px 353px; content: ""; height: 36px; left: -5px; position: absolute; top: -1px; width: 18px; } #nav li:first-child a:before { background: none; } #container #nav li.getinvolved { background-image: url(/_images/header-footer/nav/nav-get.jpg); } #container #nav li.getinvolved a { background-image: url(/_images/header-footer/nav/nav-get.jpg); } #nav h2 { color: #005b93; font: 85% arial, "helvetica neue", helvetica, sans-serif; margin: 0; padding: 0 0 0 16px; } .col1-no-nav #content { background: url(/_images/bg-content-alt.gif) repeat-y; padding-top: 0; } .col1-no-nav #content-inner { background: #fff; float: left; padding-bottom: 2em; width: 950px; } .col1-no-nav #share { padding-top: 0; } .col1-no-nav #header { background: url(/_images/header-footer/bg-header.gif) repeat-y; border-top: 2px solid #a0a6ad; float: left; height: 124px; position: relative; width: 950px; } .col1-no-nav #mission { background: url(/_images/header-footer/nav/bg-nav.jpg) left bottom repeat-x; color: #005b93; font: 93% arial, "helvetica neue", helvetica, sans-serif; height: 24px; left: 0; line-height: 24px; margin: 0; position: absolute; top: 111px; width: 950px; } .col1-no-nav #mission span { padding-left: 16px; } /******** COL-LEFT ********/ #col-left h2 { color: #005b93; font-size: 93%; line-height: 1.1; margin: 0 0 .2em 8px; text-transform: uppercase; } #col-left ul.sub { margin: 0 0 1.5em; padding: 0; } #col-left ul.sub li { line-height: 1; list-style: none; margin: 0 0 .5em; padding: 0 0 0 8px; } #col-left ul.sub a { color: #000; font-size: 85%; text-decoration: none; } #col-left ul.sub a:hover { text-decoration: underline; } #col-left ul.sub li.active { background: url(/_images/col-left/bg-li-active.gif) left 4px no-repeat; font-weight: bold; } #col-left .module { border-top: 1px solid #666; clear: left; margin: 1em 0; padding-top: 1em; } #col-left .firstmodule { border-top: none; margin-top: 0; } #col-left .module h2 { color: #005b93; font-size: 93%; line-height: 1.1; margin: 0 0 .2em; text-transform: uppercase; } #col-left .module dl { margin: -.5em 0 0; } #col-left .module dt { font-size: 85%; line-height: 1.3; margin: 1em 0 0; padding: 0; } #col-left .module dd { font-size: 85%; line-height: 1.3; margin: 0; padding: 0; } #col-left .module dd.source { margin: -1px 0; font-style: italic; } #col-left .module ul { margin: 0; padding: 0; } #col-left .module li { font-size: 85%; line-height: 1.3; margin: 0 0 .5em 1.33em; padding: 0; } #col-left .module p { font-size: 85%; line-height: 1.3; margin: 0 0 1em; padding: 0; } #col-left .module p.more { margin-top: .5em; text-align: right; } /* About */ .abo-ind #col-left .module { margin: 1em 9px; } .abo-ind #col-left .module li { background: url(/about/images/bg-li-abo.gif) left .35em no-repeat; list-style: none; margin: 0 0 1em; padding: 0 0 0 .75em; } .abo-ind a.arrow { background: url(/about/images/bg-li-abo.gif) left .2em no-repeat; padding-left: .75em; } .abo-ind #col-left .voices li div { left: -.75em; margin-bottom: .6em; position: relative; top: .2em; } .abo-ind #col-left .voices { border: none; } .abo-ind #col-left .module h2 { color: #014582; font-size: 124%; font-weight: bold; margin-bottom: .6em; text-transform: none; } .abo-ind #col-left .newsignup { background: #d5d5d5; border-top: none; margin: 1.5em 0 0; padding: 1em 9px 9px; text-transform: none; } .abo-ind #col-left .newsignup p { color: #000; margin-bottom: .5em; } .abo-ind #col-left .newsignup p.more { margin-top: 1em; text-align: left; } .abo-ind #col-left .newsignup form { margin: 0; padding: 0; } .abo-ind #col-left .newsignup label { display: none; } .abo-ind #col-left .newsignup input.text { color: #999; float: left; font-size: 85%; padding: .1em 0; width: 113px; } .abo-ind #col-left .newsignup input.submit { margin-left: 4px; } /* Partnership for the Earth */ .par #col-left .module h2 { color: #4e6d1a; font-size: 93%; font-weight: bold; line-height: 1.1; margin: 0 0 .3em; text-transform: none; } .par #col-left .module { margin: 0 0 1em; padding: 1em 9px 0 9px; } .par #col-left .contact { background: #bad950; border-top: none; font-size: 116%; margin: 1em 0 0; padding: 1em 9px; } .par #col-left .quote { border-top: none; } .par #col-left .quote dl { color: #4e6d1a; font-size: 124%; } .par #col-left .quote dd { font-style: italic; } .par #col-left .summary { border: none; margin: 0 9px; padding: 1em 0; } /******** SHARE MODULE ********/ #share { background: #fff; display: inline; float: left; font-family: arial, "helvetica neue", helvetica, sans-serif; margin-left: 1px; padding: 2em 0; width: 940px; } #share ul { margin: 0; padding: 0; text-align: center; } #share li { display: inline; list-style: none; margin: 0; padding: 0 2em; } /* begin 4/09 changes */ .file-3532 #share { padding: 0 0 .5em; } #share p { font-size: 93%; text-align: center; } #share span.sharethis_0 { font-size: 93%; } #share span.message { bottom: -1px; font-style: italic; padding-right: 5px; position: relative; } #share a.stbutton { padding-right:0; } /* end 4/09 changes */ /******** NRDC SITES MODULE ********/ #nrdcsites { background: url(/_images/header-footer/bg-nrdcsites.jpg) repeat-x; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; clear: left; display: inline; float: left; font-family: arial, "helvetica neue", helvetica, sans-serif; line-height: 1.2; margin: 0 0 0 1px; padding: 1em 0 .8em; width: 948px; } #nrdcsites h2 { color: #666; font-size: 85%; margin: 0 0 .6em 16px; padding: 0; text-transform: uppercase; } #nrdcsites dl { margin: 0 0 .25em 6px; } dl#social { text-align: right; } #nrdcsites dt { color: #777; display: inline; font-size: 85%; font-weight: bold; text-transform: uppercase; margin: 0 0 0 10px; padding: 0 .3em 0 0; } dl#social dt { color: #777; display: inline; font-size: 85%; margin: 0; padding: 0 .3em 0 0; } #nrdcsites dd, dl#social dd { border-left: 1px solid #999; color: #999; display: inline; font-size: 85% !important; margin: 0; padding: 0 .4em; } #nrdcsites dd.first, dl#social dd.first { border-left: none; padding-left: 0; } #nrdcsites dd a, dl#social dd a { color: #358425; } #nrdcsites dd a:hover, dl#social dd a:hover { text-decoration: none; } /* begin 4/09 changes */ .file-3532 #nrdcsites h2 { color: #555; } #nrdcsites dl.social, dl#social { margin-top: .5em; } #nrdcsites dl.social dt { color: #555; } #nrdcsites dl.social a { padding-right: 18px; } dl#social a { padding: 6px 28px 6px 0; } #nrdcsites dl.social a.facebook { background: url(/_images/content/icon-facebook.png) right top no-repeat; } dl#social a.facebook { background: url(/_images/content/icon-facebook24.png) right top no-repeat; } #nrdcsites dl.social a.twitter { background: url(/_images/content/icon-twitter.png) right top no-repeat; } dl#social a.twitter { background: url(/_images/content/icon-twitter24.png) right top no-repeat; } #nrdcsites dl.social a.youtube { background: url(/_images/content/icon-youtube.png) right top no-repeat; } dl#social a.youtube { background: url(/_images/content/icon-youtube24.png) right top no-repeat; } dl#social { background: #fff; border-bottom: 1px solid #ddd; display: inline; float: left; margin: 0 0 0 1px; padding: 1.5em 0; text-align: center; width: 948px; } /* end 4/09 changes */ /******** COL-RIGHT ********/ .pol #col-right, .pol #col-right-proxy { background: #f1f1f1; } #col-right .module, #content .faux-colright .lastcol .module, #col-right-proxy .module { background: url(/_images/col-right/bg-sidemodule.gif) repeat-x; margin-top: 1em; padding-top: 1em; } #content .faux-colright .lastcol .module { margin-left: 9px; } .pol #col-right .module, .pol #col-right-proxy .module { padding: 1em 0 0; } .pol #col-right .module, .pol #col-right-proxy .module { padding: 1em 0 0; } .pol #col-right dl, .pol #col-right h2, .pol #col-right p.more, .pol #col-right ul, .pol #col-right-proxy dl, .pol #col-right-proxy h2, .pol #col-right-proxy p.more, .pol #col-right-proxy ul { margin-right: 19px; margin-left: 9px; } .pol #col-right .newsignup h2, .pol #col-right-proxy .newsignup h2 { margin-left: 0; } #col-right .firstmodule, #col-right-proxy .firstmodule, #content .faux-colright .lastcol .firstmodule { background: none; margin-top: 0; padding-top: 0; } #col-right h2, #col-right-proxy h2, #content .faux-colright .lastcol h2 { color: #005b93; font-size: 93%; font-weight: bold; line-height: 1.2; margin: 0 0 .5em; padding: 0; text-transform: uppercase; } .pol #col-right h2, .pol #col-right-proxy h2 { color: #900; } #col-right .action h2, #col-right-proxy .action h2, #content .faux-colright .lastcol .action h2 { color: #d9691a; } #col-right .module h3, #col-right-proxy .module h3, #content .faux-colright .lastcol .module h3 { color: #005b93; font-size: 93%; line-height: 1.2; margin: 0 0 .5em; } .pol #col-right .track, .pol #col-right-proxy .track { background: none; margin-top: 0; padding: 0; } .pol #col-right .track h2, .pol #col-right-proxy .track h2 { background: url(/policy/images/bg-h2-track.jpg) no-repeat; font-size: 93%; line-height: 1.1; margin: 0 0 -1em; padding: 14px 0 23px 46px; } .pol.landing #col-right .track h2, .pol.landing #col-right-proxy .track h2 { background: url(/policy/images/bg-h2-track250.jpg) no-repeat; } #col-right dl, #col-right-proxy dl, #content .faux-colright .lastcol dl { margin: -.5em 0 .5em; } #col-right dt, #col-right-proxy dt, #content .faux-colright .lastcol dt { font-size: 85%; line-height: 1.3; margin: 1em 0 0; padding: 0; } #col-right dd, #col-right-proxy dd, #content .faux-colright .lastcol dd { font-size: 85%; line-height: 1.3; margin: 0; padding: 0; } #col-right dd.source, #col-right-proxy dd.source, #content .faux-colright .lastcol dd.source { margin: -1px 0; font-style: italic; } #col-right ul, #col-right-proxy ul, #content .faux-colright .lastcol ul { margin: 0 0 .5em; padding: 0; } #col-right li, #col-right-proxy li, #content .faux-colright .lastcol li { font-size: 85%; line-height: 1.3; margin: 0 0 .5em 1.33em; padding: 0; } #col-right p, #col-right-proxy p, #content .faux-colright .lastcol p { font-size: 85%; line-height: 1.3; margin: 0 0 1em; padding: 0; } #col-right .module p, #col-right-proxy .module p, #content .faux-colright .lastcol .module p { margin: 0 0 .5em; } #col-right p.more, #col-right-proxy p.more, #content .faux-colright .lastcol p.more { margin-top: -.5em; text-align: right; } .pol #col-right .newsignup p.more, .pol #col-right-proxy .newsignup p.more { margin: 0; } .pol #col-right .newsignup, .pol #col-right-proxy .newsignup { background: #fff; padding: 1.5em 0 0; } .pol #col-right .newsignup h2, .pol #col-right-proxy .newsignup h2 { color: #005b93; text-transform: none; } #col-right .newsignup .form, #col-right-proxy .newsignup .form, #content .faux-colright .lastcol .newsignup .form { background: url(/_images/col-right/bg-newsignup.jpg) repeat-x; border-bottom: 1px solid #ddd; margin-bottom: 1em; padding: 1em 9px 9px 9px; text-transform: none; } #col-right .newsignup .form h2, #col-right-proxy .newsignup .form h2, #content .faux-colright .lastcol .newsignup .form h2 { color: #d9691a; } #search label { float: left; margin-top: 3px; width: 30px; } #col-right .newsignup .form form, #col-right-proxy .newsignup .form form, #content .faux-colright .lastcol .newsignup .form form { margin: 0; padding: 0; } #col-right .newsignup .form label, #col-right-proxy .newsignup .form label, #content .faux-colright .lastcol .newsignup .form label { display: none; } #col-right .newsignup .form input.text, #col-right-proxy .newsignup .form input.text, #content .faux-colright .lastcol .newsignup .form input.text { color: #999; float: left; font-size: 85%; padding: .1em 0; width: 98px; } #col-right .newsignup .form input.submit, #col-right-proxy .newsignup .form input.submit, #content .faux-colright .lastcol .newsignup .form input.submit { margin-left: 8px; } #col-right .sidebar, #col-right-proxy .sidebar, #content .faux-colright .lastcol .sidebar { margin-left: 0; width: auto; } #col-right .sidebar .youTubeModule a.lightwindow img, #col-right-proxy .sidebar .youTubeModule a.lightwindow img { width: 159px !important; } #col-right .sidebar .youTubeModule a.lightwindow, #col-right-proxy .sidebar .youTubeModule a.lightwindow { display: block; margin-top: .75em; } #col-right .sidebar .youTubeModule a.link, #col-right-proxy .sidebar .youTubeModule a.link { font-size: 85%; font-weight: bold; margin-top: -1em; padding: 0 12px; } #content .faux-colright .col { display: inline; margin-right: 0; } #content .faux-colright .lastcol { background: url(/_images/content/bg-faux-colright.gif) repeat-y; display: inline; margin: 1em 0 0 9px; } /* related content */ #col-right .module, #col-right-proxy .module, #content .faux-colright .lastcol .module { float: left; width: 183px; } #col-right .relatedcontent h4, #col-right-proxy .relatedcontent h4, #content .faux-colright .lastcol .relatedcontent h4 { font-size: 85%; font-style: italic; font-weight: normal; margin: 0 0 .6em; } #col-right .relatedcontent div, #col-right-proxy .relatedcontent div, #content .faux-colright .lastcol .relatedcontent div { float: left; margin-bottom: .5em; width: 183px; } #col-right .relatedcontent div img, #col-right-proxy .relatedcontent div img, #content .faux-colright .lastcol .relatedcontent div img { display: inline; float: left; margin-right: 8px; } #col-right .relatedcontent div p, #col-right-proxy .relatedcontent div p, #content .faux-colright .lastcol .relatedcontent div p { line-height: 1.1; } #col-right .relatedcontent div p a, #col-right-proxy .relatedcontent div p a, #content .faux-colright .lastcol .relatedcontent div p a { display: block; margin-bottom: .3em; } .contentfeature #col-right .sidebar, .contentfeature #col-right-proxy .sidebar { width: 248px; } .contentfeature #col-right .sidebar h3.alt, .contentfeature #col-right-proxy .sidebar h3.alt { font-style: italic; margin-bottom: .25em; text-transform: none; } .contentfeature #col-right, .contentfeature #col-right-proxy { display: inline; margin: 15px 0 0; width: 250px; } .contentfeature #col-right .module, .contentfeature #col-right-proxy .module { background: none; margin: 1.25em 0 0; padding: 0; width: 250px; } .contentfeature #col-right .sidebar .module, .contentfeature #col-right-proxy .sidebar .module { padding: 0 9px; width: auto; } .contentfeature #col-right .firstmodule, .contentfeature #col-right-proxy .firstmodule { margin-top: 3px; } .contentfeature #col-right .firstmodule .module, .contentfeature #col-right-proxy .firstmodule .module { margin-top: 0; } .contentfeature #col-right .module h2, .contentfeature #col-right-proxy .module h2 { font-size: 100%; } .contentfeature #col-right h2.nrdc-related, .contentfeature #col-right-proxy h2.nrdc-related { clear: left; font-size: 108%; margin-bottom: 0; padding-top: 1.5em; text-align: center; text-transform: none; } .contentfeature #col-right .module h3, .contentfeature #col-right-proxy .module h3 { color: #333; font-size: 85%; font-weight: bold; } .contentfeature #col-right .module dl, .contentfeature #col-right .module h3, .contentfeature #col-right .module h4, .contentfeature #col-right .module ol, .contentfeature #col-right .module p, .contentfeature #col-right .module ul, .contentfeature #col-right-proxy .module dl, .contentfeature #col-right-proxy .module h3, .contentfeature #col-right-proxy .module h4, .contentfeature #col-right-proxy .module ol, .contentfeature #col-right-proxy .module p, .contentfeature #col-right-proxy .module ul { padding: 0 3px; } .contentfeature #col-right p.more, .contentfeature #col-right-proxy p.more { margin-top: 0; } /* Campaign */ .campaign-enh #content { padding-top: 0; } .campaign-enh #col-right, .campaign-enh #col-right-proxy { margin: 3px 0 0 50px; width: 250px; } .campaign-enh #col-right .module, .campaign-enh #col-right-proxy .module { background: #e7e7e7; padding: 0 0 1em; margin-bottom: 3em; width: 250px; } .smarterliving #col-right .module, .smarterliving #col-right-proxy .module{ margin-bottom: 1em; } .campaign-enh #col-right #follow-us, .campaign-enh #col-right-proxy #follow-us { float: left; margin-bottom: 1em; width: 250px; } .campaign-enh #col-right #follow-us li, .campaign-enh #col-right-proxy #follow-us li { float: left; list-style: none; margin: 0 12px 0 0; } .campaign-enh #col-right #follow-us li iframe, .campaign-enh #col-right-proxy #follow-us li iframe { margin-top: 3px; } .campaign-enh #col-right .newsletter-signup, .campaign-enh #col-right-proxy .newsletter-signup { background: none; margin-bottom: 2em; } .campaign-enh #col-right .newsletter-signup h2, .campaign-enh #col-right-proxy .newsletter-signup h2 { float: left; } .campaign-enh #col-right .newsletter-signup label, .campaign-enh #col-right-proxy .newsletter-signup label { height: 1px; left: 0; overflow: hidden; position: absolute; top: -1000px; width: 1px; } .campaign-enh #col-right .newsletter-signup input, .campaign-enh #col-right-proxy .newsletter-signup input { float: left; margin: 0; } #col-right .newsletter-signup input.text, #col-right-proxy .newsletter-signup input.text { border: 1px solid #868686; color: #999; display: inline; font-size: 93%; height: 23px; line-height: 23px; padding-left: 2px; width: 206px; margin-right: 4px; } .smarterliving #col-right .newsletter-signup input.text, .smarterbusiness #col-right .newsletter-signup input.text, .smarterliving #col-right-proxy .newsletter-signup input.text, .smarterbusiness #col-right-proxy .newsletter-signup input.text{ width: 181px; } * html .campaign-enh #col-right .newsletter-signup input.text, * html .campaign-enh #col-right-proxy .newsletter-signup input.text { width: 196px; } ##col-right .related-content, #col-right-proxy .related-content { padding: 0; } .smarterliving #col-right .related-content, .smarterliving #col-right-proxy .related-content { background: #e7e7e7 !important; margin-bottom: 3em !important; padding: 0 !important; } .campaign-enh #col-right .switchboard h2, .campaign-enh #col-right-proxy .switchboard h2 { background: url(/_images/col-right/h2-switchboard-campaign.gif) no-repeat; height: 26px; margin: 0; text-indent: -9999px; width: 242px; } #col-right .related-content dl, #col-right-proxy .related-content dl { padding-top: 1em; width: 250px; } #col-right .related-content dt, #col-right-proxy .related-content dt { font-size: 93%; line-height: 1.1; margin: .6em 17px .2em; } #col-right .related-content dt a, #col-right-proxy .related-content dt a { font-weight: bold; text-decoration: none; } #col-right .related-content dt a:hover, #col-right-proxy .related-content dt a:hover { text-decoration: underline; } #col-right .related-content dd, #col-right-proxy .related-content dd { background: url(/_images/col-right/bg-module-item.gif) left bottom no-repeat; margin: 0 13px; padding: 0 4px .6em; } .campaign-enh #col-right .related-content .item, .campaign-enh #col-right-proxy .related-content .item { background: url(/_images/col-right/bg-module-item.gif) no-repeat; float: left; margin: .5em 0 0 17px; padding-top: .5em; width: 208px; } .campaign-enh #col-right .related-content .content, .campaign-enh #col-right-proxy .related-content .content { float: left; padding: 0; } .campaign-enh #col-right .related-content .item-image .image, .campaign-enh #col-right-proxy .related-content .item-image .image { display: inline; float: left; margin: 0 8px 0 0; } .campaign-enh #col-right .related-content .item-image .content *, .campaign-enh #col-right-proxy .related-content .item-image .content * { padding: 0; } .campaign-enh #col-right .related-content .item-first, .campaign-enh #col-right-proxy .related-content .item-first { background: none; padding-top: 0; } .campaign-enh #col-right .related-content h3, .campaign-enh #col-right-proxy .related-content h3 { line-height: 1.1; margin: 0; padding: 0 4px; } .campaign-enh #col-right .related-content h3 a, .campaign-enh #col-right-proxy .related-content h3 a { text-decoration: none; } .campaign-enh #col-right .related-content h3 a:hover, .campaign-enh #col-right-proxy .related-content h3 a:hover { text-decoration: underline; } .campaign-enh #col-right .related-content p, .campaign-enh #col-right-proxy .related-content p{ margin-bottom: 0; padding: 0 4px; } /* Smarter Living (see Campaign, above, for related-content module) */ .smarterliving #col-right .module, .smarterliving #col-right-proxy .module { background: #e7e7e7; padding: 0 0 1em; margin-bottom: 3em; width: 250px; } #engage { border: 1px solid #ef610a; float: left; margin-bottom: 2em; width: 250px; } #engage .padder { padding: 15px 16px; } #engage .newsletter-signup { float: left; margin-bottom: 1em; } *:first-child+html #engage .newsletter-signup { margin-bottom: 0; } * html #engage .newsletter-signup { margin-bottom: 0; } #engage .newsletter-signup label { height: 1px; left: 0; overflow: hidden; position: absolute; top: -1000px; width: 1px; } #engage .newsletter-signup input { float: left; margin: 0; } #engage .newsletter-signup input.text { border: 1px solid #868686; color: #999; display: inline; font-size: 93%; height: 23px; line-height: 23px; padding-left: 2px; width: 152px; margin-right: 4px; } #engage #facebook-like { /* background: #a4d4d9; float: left; padding: 3px 0 0 12px; width: 204px;*/ display: none; visibility: hidden; } #engage #stay-connected { float: left; margin-top: 1em; width: 216px; } *:first-child+html #engage #stay-connected { margin-top: 0; } * html #engage #stay-connected { margin-top: 0; } #engage #stay-connected h2 { display: inline; float: left; margin-right: 13px; width: 83px; } #engage #stay-connected ul { float: left; width: 120px; } #engage #stay-connected li { display: inline; float: left; list-style: none; margin: 0 0 0 7px; } /* Tag Alerts */ #container #col-right .tagalert, #container #col-right-proxy .tagalert, .tagalert-wrap .tagalert { background: #fcfcfc url(/_images/col-right/tagalerts/bg-tagalert.jpg) repeat-x left bottom; border: 1px solid #e5e5e5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: #aaa 1px 1px 1px; -moz-box-shadow: #aaa 1px 1px 1px; box-shadow: #aaa 1px 1px 1px; margin: 1.25em 0 1em; padding: 3px 7px 10px; position: relative; width: 167px; /* behavior: url(/stylesheets/PIE.htc); */ } .contentfeature #content #col-right .tagalert, .contentfeature #content #col-right-proxy .tagalert { margin-top: 1.25em; width: 235px; } .tagalert-wrap { clear: right; display: inline; float: right; width: 181px; } .tagalert-wrap.wide { width: 250px; } .contentfeature #content #col-right .tagalert, .contentfeature #content #col-right-proxy .tagalert { margin-top: 1.25em; width: 235px; } .tagalert-wrap .tagalert { width: auto; } .tagalert-wrap.wide .tagalert { float: left; width: 235px; } #col-right .tagalert.globalwarming, #col-right-proxy .tagalert.globalwarming, .tagalert.globalwarming { background: #fcfcfc url(/_images/col-right/tagalerts/bg-tagalert-globalwarming.jpg) repeat-x left bottom; padding-bottom: 17px; } #col-right .header, #col-right-proxy .header, .tagalert .header { float: left; position: relative; } #content .tagalert-wrap h2 { margin: 0 0 .5em; } #col-right .tagalert .opening, #col-right-proxy .tagalert .opening, .tagalert .opening { background: url(/_images/col-right/tagalerts/bg-h2-opening.gif) no-repeat; display: block; margin-bottom: .4em; height: 18px; text-indent: -9999px; width: 149px; } #col-right .tagalert .topic, #col-right-proxy .tagalert .topic, .tagalert .topic { color: #d42401; display: block; font-size: 138.5%; text-align: center; } .tagalert .tooltip { display: inline; margin-left: 2px; position: relative; text-decoration: none; } .tagalert .updates { margin-left: 0; left: 100px; position: absolute; top: 0; } .tagalert .tooltip .target { cursor: pointer; height: 15px; width: 12px; } .tagalert .label .target { background: url(/_images/col-right/tagalerts/bg-tooltip-target.gif) no-repeat; display: inline-block; position: relative; text-indent: -9999px; z-index: 1; } .tagalert .updates .target { display: block; text-indent: -9999px; } .tagalert .tooltip .content { background: transparent url(/_images/col-right/tagalerts/bg-tooltip-content3.gif) no-repeat center top; border-bottom: 1px solid #777; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; font-size: 100%; left: -9999px; line-height: 1.4; padding: 20px 10px 10px; position: absolute; top: 1.2em; } .tagalert .updates .content { font-size: 85%; } .tagalert .tooltip:hover .content { left: -173px; width: 180px; z-index: 2; } .tagalert form, #container .tagalert form { float: left; margin-bottom: .75em; } .tagalert .checkbox { margin-bottom: 1em; } .tagalert .checkbox input { display: inline; float: left; margin: 0 .3em 1em 0; } .tagalert .checkbox label { font-size: 85%; line-height: 1.2; } .tagalert .input input { float: left; font-size: 85%; padding: 3px 0; width: 121px; } .tagalert-wrap .input input { width: 116px; } .contentfeature #col-right .tagalert .input input, .contentfeature #col-right-proxy .tagalert .input input { width: 161px; } .tagalert input[type=image] { float: left; margin: -2px 0 0 3px; } #col-right .tagalert p.feedback, #col-right-proxy .tagalert p.feedback, .tagalert-wrap p.feedback { margin-bottom: 0; text-align: right; } .contentfeature #col-right .tagalert p.feedback, .contentfeature #col-right-proxy .tagalert p.feedback { clear: left; } .tagalert-wrap p.feedback { font-size: 85%; } #col-right .tagalert p.feedback a, #col-right-proxy .tagalert p.feedback a, .tagalert-wrap p.feedback a { color: #555; } #col-right .tagalert p.feedback a:hover, #col-right-proxy .tagalert p.feedback a:hover, .tagalert-wrap p.feedback a:hover { color: #000; } /* C4 ad */ #col-right .c4.ad, #col-right .c4.ad.module, #col-right-proxy .c4.ad, #col-right-proxy .c4.ad.module { background: #006600 url(/_images/col-right/c4ad/bg-green.jpg) no-repeat left bottom; -moz-box-shadow: inset 0 0 10px #333; -webkit-box-shadow: inset 0 0 10px #333; box-shadow: inset 0 0 10px #333; margin: 0 0 1em; padding: 14px 0 0; position: relative; width: 100%; /* behavior: url(/stylesheets/PIE.htc); */ } #col-right .c4.ad.module, #col-right-proxy .c4.ad.module { *margin-top: 2em !important; } #col-right .c4.ad h2, #col-right-proxy .c4.ad h2 { margin: 0 0 .5em; text-align: center; } #col-right .c4.ad .item, #col-right-proxy .c4.ad .item { margin-bottom: 1em; } #col-right .c4.ad p, #col-right-proxy .c4.ad p { font-family: arial, helvetica, "helvetica neue", sans-serif; font-size: 123.1%; color: #fff; margin-bottom: .75em; padding: 0 11px; } #col-right .c4.ad p a, #col-right-proxy .c4.ad p a{ color: #fff; text-decoration: none; } #col-right .c4.ad .btn, #col-right-proxy .c4.ad .btn { margin: -3px 11px 0 0; text-align: right; } #col-right .c4.ad .bttn, #col-right-proxy .c4.ad .bttn { padding: 0 11px; } .dean-ad { float: left; margin-bottom: -1em !important; padding-bottom: 14px; width: 100%; } .col1 .dean-ad { margin-bottom: 2em !important; } .dean-ad .wrapper { background: url(/_images/col-right/dean-ad/bg-bottom.png) 0 100% no-repeat; border: 1px solid #d3d3d3; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding-bottom: 14px; width: 100%; /* behavior: url(/stylesheets/boxsizing.htc); */ } .dean-ad .content { background: #213161 url(/_images/col-right/dean-ad/bg-content.png) 0 100% repeat-x; padding: 15px 0 15px 15px; } #content .dean-ad h2 { color: #fff; font-size: 108%; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, "Dejavu Sans", "Urw Gothic L", sans-serif; line-height: 1.33; margin-bottom: .75em; text-transform: none; } .dean-ad .title { display: block; font-size: 116%; } .dean-ad .cover { float: right; margin: 0 0 .25em .35em; } #content .dean-ad p { color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, "Dejavu Sans", "Urw Gothic L", sans-serif; margin: 0 10px 1em 0; } .dean-ad a.btn { color: #fff; } .col1 .dead-ad .btn { font-size: 108% !important; } /******** FOOTER ********/ #footer .row { float: left; padding-bottom: 2em; width: 1008px; } #footer ul { margin: 0; padding: 0; } /* Footer Logo */ .logo-footer { text-align: center; } /* Footer Navs */ #footer .nav-footer { margin: 36px 0 13px; text-align: center; } #footer .nav-footer-more { margin: 0 0 30px; } .nav-footer li { display: inline-block; line-height: 1; list-style: none; margin: 0; padding: 0 7px 0 3px; position: relative; } /* vertical divider */ .nav-footer-more li:after { background-color: #00b8de; content: ""; display: inline-block; height: .75em; position: absolute; right: 0; top: 2px; width: 1px; } .nav-footer-more li:last-child:after { background-color: transparent; } .nav-footer li.toprated { padding-left: 46px; } .nav-footer li.toprated:before { background: url(/_images/header-footer/bg-sprite-header-footer-2x.png) 0 -320px no-repeat; background-size: 41px 353px; content: ""; display: inline-block; height: 18px; left: 0; position: absolute; top: 3px; width: 82px; } .nav-footer a { color: #00b8de; font-family: "Surveyor Text A", "Surveyor Text B", Georgia, serif; font-size: 85%; font-style: normal; font-weight: 700; letter-spacing: 2px; line-height: 1; position: relative; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease; } .nav-footer a:hover { color: #0090db; text-decoration: none !important; } .nav-footer a:before { background: url(/_images/header-footer/bg-sprite-header-footer-2x.png) 0 -140px no-repeat; background-size: 41px 353px; content: ""; height: 18px; left: -13px; position: absolute; top: -7px; width: 9px; } .nav-footer li:first-child a:before { background: none; } .nav-footer-more a { font-family: "Knockout 32 A", "Knockout 32 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0; text-transform: none; } .nav-footer-more a:before { background: none; } /* Copyright */ #footer .copyright { color: #00b8de; font-family: "Knockout 32 A", "Knockout 32 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 85%; margin: 0 0 12px; text-align: center; } .nav-footer-social { margin: 0; padding: 0; text-align: center; } .nav-footer-social li { display: inline-block; list-style: none; margin: 0; } .nav-footer-social a { background: transparent url(/_images/header-footer/bg-sprite-header-footer-2x.png) 0 -250px no-repeat; background-size: 41px 353px; display: inline-block; float: left; margin-left: 13px; overflow: hidden; text-align: left; text-indent: -9999em; } .nav-footer-social .facebook { background-position: 0 -250px; height: 18px; margin-left: 17px; width: 10px; } .nav-footer-social .facebook:hover { background-position: 0 -193px; } .nav-footer-social .twitter { background-position: -10px -250px; height: 19px; margin-left: 7px; width: 24px; } .nav-footer-social .twitter:hover { background-position: -10px -193px; } .nav-footer-social .youtube { background-position: 0 -269px; height: 17px; width: 24px; } .nav-footer-social .youtube:hover { background-position: -0 -212px; } .nav-footer-social .tumblr { background-position: -24px -270px; height: 20px; width: 12px; } .nav-footer-social .tumblr:hover { background-position: -24px -213px; } .nav-footer-social .rss { background-position: 0 -290px; height: 17px; width: 17px; } .nav-footer-social .rss:hover { background-position: 0 -233px; } /* Action Alert - used on About and About/Victories */ .moduleid-1228 { background: url(/_images/bg-line-horizontal.gif) repeat-x left bottom; margin-bottom: 1.5em; padding-bottom: 1.5em; overflow: hidden; } #container .moduleid-1228 h2 { color: #de5c12; font-family: "Trebuchet MS","Helvetica Neue",Arial,Helvetica,"Dejavu Sans","Urw Gothic L",sans-serif; font-size: 197%; font-weight: bold; line-height: 1.1; margin: 0 0 .4em; } .moduleid-1228 .media { float: left; margin-right: 13px; position: relative; } .moduleid-1228 .media h3 { background: rgba(0, 0, 0, 0.3); /* -pie-background: rgba(0, 0, 0, 0.3); */ color: #fff; font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, "Dejavu Sans", "Urw Gothic L", sans-serif; font-size: 123.1%; left: 0; margin: 0; padding: 8px 12px 7px; position: absolute; text-transform: uppercase; top: 0; width: 276px; /* behavior: url(/stylesheets/PIE.htc); */ } .moduleid-1228 .media h3 a { color: #fff; text-decoration: none; } .moduleid-1228 .text { overflow: hidden; } .moduleid-1228 .bttn { text-align: center; } .moduleid-1228 strong { color: #de5c12; } /* styling for the auto completion box in searches can't use an id, it's totally random */ table.gsc-completion-container td{ text-align: left; } div.hiddenAd{ display:none; } #useralert-container, .useralert-container { bottom: 0; min-height: 145px; position: fixed; right: -519px; width: 550px; z-index: 9999; } #useralert, .useralert { background-color: #e7e7e7; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e7e7e7)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e7e7e7); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e7e7e7); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e7e7e7); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e7e7e7); background-image: linear-gradient(#ffffff, #ffffff 25%, #e7e7e7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0); border: 1px solid #1a1510; border: 1px solid #1A1510; bottom: 0; padding: 13px 26px 13px 19px; position: absolute; right: 0; text-align: left; width: 499px; } #useralert .open, .useralert .open { background: url(/_images/useralert/controls.png) no-repeat 2px 2px; display: block; height: 30px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 23px; } #useralert .open.inactive, .useralert .open.inactive { display: none; } #useralert .close, .useralert .close { background: url(/_images/useralert/controls.png) no-repeat 5px -181px; display: block; height: 30px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 23px; } #useralert .content, .useralert .content { left: 8px; padding: 0; position: relative; } #useralert h2, .useralert h2 { color: #000f84; font-size: 138.5%; font-weight: normal; line-height: 1.1; margin: 0 0 .5em; text-transform: uppercase; } #useralert p, .useralert p { color: #000; font-size: 108%; margin: 0 0 1em; } #useralert .bttn, .useralert .bttn { min-height: 30px; margin-top: 1.5em; text-align: right; } .useralert-tabbed-share p { font-size: 100%; } /* Beta Message */ .beta-message { background: url(/_images/bg-beta.png) no-repeat; height: 88px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 88px; z-index: 1; } /* Tabbed Share */ .tabbed-share { width: 100%; } .tabbed-share .tabs { border-bottom: 1px solid #b0cbe0; float: left; list-style: none; margin: 0; padding: 0; width: 100%; } .tabbed-share .tabs li { float: left; margin: 0; } .tabbed-share .tabs a { background: #ecf6fb url(/_images/bg-tabbed-share.png) no-repeat .4em 45%; border: 1px solid #b0cbe0; border-radius: .6em .6em 0 0; bottom: -1px; color: #005b93; float: left; font-weight: bold; margin-right: .5em; outline: none; padding: .4em 2em .3em; position: relative; text-align: center; text-decoration: none; top: 1px; /* behavior: url(/stylesheets/PIE.htc); */ } .tabbed-share li.twitter a { background-position: -135px 45%; } .tabbed-share li.email a { background-position: -275px 45%; } .tabbed-share li.action a { background-position: -399px 45%; color: #e27001; } .tabbed-share .tabs a:hover { background-color: #fff; } .tabbed-share .tabs li.active a { background-color: #fff; border-bottom-color: #fff; color: #005b93; } .tabbed-share li.active.action a { color: #e27001; } .tabbed-share .content { background: #fff; border: 1px solid #b0cbe0; border-top: none; clear: left; left: 0; padding: 1em; } .tabbed-share textarea, .tabbed-share input { border: 1px solid #ddd; color: #666; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; margin-bottom: .25em; padding: .25em; width: 85%; } .tabbed-share .twitter textarea { box-sizing: border-box; -moz-box-sizing: border-box; min-height: 7em; position: relative; width: 100%; /* behavior: url(/stylesheets/boxsizing.htc); */ } .tabbed-share .counter { color: #999; font-size: 100%; font-weight: bold; text-align: right; } .tabbed-share .email label { float: left; width: 12%; } .tabbed-share .label, .tabbed-share .from { float: left; padding-bottom: .5em; width: 10%; } .tabbed-share .from { color: #666; width: 85%; } .tabbed-share .email form { margin: 0; } .tabbed-share .email .btn { margin: .5em 0 0 12%; } /* narrow */ .tabbed-share-narrow { margin: 1em 0; } .tabbed-share-narrow .tabs a { font-size: 93%; padding: .5em .4em .3em 2em; } .tabbed-share-narrow input { width: 95%; } .tabbed-share-narrow .twitter textarea { min-height: 8em; } .tabbed-share-narrow .email label, .tabbed-share-narrow .email input { display: block; float: none; font-size: 93%; } .tabbed-share-narrow .email textarea { font-size: 93%; } .tabbed-share-narrow .email form div { margin-bottom: .5em; } .tabbed-share-narrow .email .btn { margin: .5em 0 0; } /* Buttons [via http://twitter.github.com/bootstrap/base-css.html] */ .btn a { color: #000; text-decoration: none; } .btn { display: inline-block; padding: 5px 10px 4px; margin-bottom: 0; font-size: 100%; color: #000; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #f1f1f1, #bbbbbb); background-image: -ms-linear-gradient(top, #f1f1f1, #bbbbbb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #f1f1f1, #bbbbbb); background-image: -o-linear-gradient(top, #f1f1f1, #bbbbbb); background-image: linear-gradient(top, #f1f1f1, #bbbbbb); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); *margin-left: .3em; position: relative; text-decoration: none; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #000; text-decoration: none; background-color: #bbbbbb; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0; } .btn-large { padding: 9px 14px; font-size: 116%; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 1px; } .btn-small { padding: 5px 9px; font-size: 85%; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px; } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-dark.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0084ca, #113b77); background-image: -ms-linear-gradient(top, #0084ca, #113b77); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0084ca), to(#113b77)); background-image: -webkit-linear-gradient(top, #0084ca, #113b77); background-image: -o-linear-gradient(top, #0084ca, #113b77); background-image: linear-gradient(top, #0084ca, #113b77); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #113b77; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-action { background-color: #e27001; background-image: -moz-linear-gradient(top, #fca234, #e27001); background-image: -ms-linear-gradient(top, #fca234, #e27001); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fca234), to(#e27001)); background-image: -webkit-linear-gradient(top, #fca234, #e27001); background-image: -o-linear-gradient(top, #fca234, #e27001); background-image: linear-gradient(top, #fca234, #e27001); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-action:hover, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] { background-color: #e27001; color: #fff; } .btn-action:active, .btn-action.active { background-color: #c67605 \9; } a.btn-action, a.btn-action:hover { color: #fff; text-transform: uppercase; } .btn-submit { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #3f9c00, #157114); background-image: -ms-linear-gradient(top, #3f9c00, #157114); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f9c00), to(#157114)); background-image: -webkit-linear-gradient(top, #3f9c00, #157114); background-image: -o-linear-gradient(top, #3f9c00, #157114); background-image: linear-gradient(top, #3f9c00, #157114); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-submit:visited { color: #fff; } .btn-submit:hover, .btn-submit:active, .btn-submit.active, .btn-submit.disabled, .btn-submit[disabled] { color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); background-color: #157114; } .btn-submit:active, .btn-submit.active { color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); background-color: #408140 \9; } /* btn2 */ .btn2 { background-color: #00b2e2; border: none; display: inline-block; color: #fff !important; font-family: "Knockout 50 A", "Knockout 50 B", "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif; font-size: 123.1%; font-style: normal; font-weight: 400; line-height: 30px; height: 30px; letter-spacing: 1px; text-align: center; transition: background-color 0.3s ease; } .btn2-alt { background-color: #fc4f3d; } a.btn2 { text-decoration: none; } .btn2-stripes { padding: 0 44px 0 22px; position: relative; } .btn2-stripes:after { background: url(/_images/sprite-reskin-icons-2x.png) -50px 0 no-repeat; background-size: 150px 150px; content: ""; display: inline-block; height: 15px; right: 17px; position: absolute; top: 11px; width: 10px; } .btn2-right { float: right; zoom: 1; } .btn2-right:after, .btn2-right:before { content: ""; display: table; } .btn2-right:after { clear: both; } .btn2:hover { background-color: #0090db; } .btn2-alt:hover { background-color: #e04636; } /******** HELPER CLASSES ********/ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .nuke { display: none !important; visibility: hidden; } .hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .hide.focusable:active, .hide.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .moduleid-1228 .bttn { text-align: center; }