

/*
* 	Signin/Signup Pages
*
*/
.PromoHeader { width:990px; height:250px; margin:0 0 20px 0; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/signup-header.png?v=1465513191) no-repeat; }
.PromoHeader h1,.PromoHeader h2 { margin:0; text-indent:-9999px; overflow:hidden; }

.SigninPage .signin-or-signup { padding:20px; background:#e6e6e6;  }
.SignupPage .Content { padding-top:0; }
.signin-or-signup2 { width:580px; background:#e6e6e6; padding:0 20px 20px; }

.form2 { padding-top:10px; -webkit-box-shadow: 1px 1px 0px rgba(0,64,127,0.3); -moz-box-shadow: 1px 1px 0px rgba(0,64,127,0.3); }
.form2 .medium-fields input { padding:7px 5px 0px; font-size:16px; }
.form2 fieldset.halfsies { float:left; width:250px; padding:20px 20px 5px; }
.form2 .half1 { background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/or.png?v=1465513191) right center no-repeat; margin-right:20px;}
.form2 fieldset.half2 { padding-top:20px; }

.big-url { width:550px; font-size:32px; padding:8px 10px 6px; border:1px solid #d6d6d6; background:#fff; }
.big-url input { width:325px; padding:0; border:0; background:0; font-size:32px !important; }
.initial-field-state{color:#aaa;}

.site-url input { width:545px; font-size:42px; }

.bckg_img_aaa_png {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEWqqqr///8FH9MDAAAAAnRSTlP/AOW3MEoAAAAOSURBVAgdY0hgeMDwAAAFZgIh/YKwLgAAAABJRU5ErkJggg==);}

/* signup page */
.SignupSitePage .Content{width:535px;margin:0 40px 0 0;}
.SignupSitePage .Sidebar{float: right;width:415px;margin:0;}
.SignupSitePage .PromoHeader{height:150px;margin:40px 0 20px;padding-bottom:60px;background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/promos/signup_page_heading.png?v=1465513191) no-repeat;border-bottom:1px solid #eee;}
.SignupSitePage .big-subhead{margin-bottom:20px;font-size:33px; line-height:1.3; font-weight: 300;}
.SignupSitePage .big-subhead strong { font-weight:bold;}
.SignupSitePage .form2 { width:530px; border:1px solid #ddd; background-color:#E2F3FF; border:1px solid #C9E0E3; }
.SignupSitePage .form2-message { width:490px; }
.SignupSitePage .form2 h3 { font-size:22px; }
.SignupSitePage .form2 .site-url  { width:465px; }
.SignupSitePage .form2 .site-url input { width:465px; }
.SignupSitePage .signin-or-signup2 { width:490px; background:0; margin-top:-1px; padding:0 20px 20px; background-color:#E2F3FF; border:1px solid #C9E0E3; border-top:0; }
.SignupSitePage .signin-or-signup { background:#E2F3FF; }
.SignupSitePage .launch-on-buzzfeed-instead { padding:10px 0 0; font-size:18px; line-height:1.4; }

.detail-box { margin:5px 0 20px!important; width:230px!important; padding-left:187px; }
.detail-box img { float:left; margin-left:-186px; }
.detail-box h3 { margin:2px 0 5px 0; font-weight: 600; font-size: 18px; color:#222; }
.detail-box p { font-size:13px; line-height:1.3; color:#333; }

.DashboardOverview { margin:30px 0 10px; padding:10px 0; }
.Grey { background:#f0f0f0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.DashboardOverview h2 { margin-bottom:30px; color:#e32; font-size:28px; line-height:32px; font-weight: 300; }
.Grey h2 { margin-left:13px;  text-shadow: white 0px 1px 0px; }

.FAQ { font-size: 13px; }
.faq-col { float:left; width:460px; }
.faq-col + .faq-col { margin-left:60px; }
.faq-q { margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee; -webkit-break-inside: avoid }
.faq-q h5 { font-size:15px; margin-bottom:8px; }
.faq-q p { margin-bottom:8px; line-height:1.3; color:#333; }

.invite-code { margin-top:15px;}
.invite-code input { float:left; margin-right:10px; width:130px; font:18px Courier,sans-serif; padding:5px 8px; border:1px solid #d6d6d6; background:#fff; }
.invite-code p { padding-top:3px; }


/* Registration Tabs*/
ul.registration-nav { float:left; }
ul.registration-nav li { float:left; margin-right:2px; }
ul.registration-nav a { display:block; color:#07e; font-weight: 600; font-size: 24px; padding:15px 20px;  text-align:center; }
ul.registration-nav a:hover { background:#f6f6f6; color:#e32; }
ul.registration-nav li.current a { background:#E6E6E6; color:#000; }


/* Top Buzz*/
.TopBuzzPage .head { margin-bottom:0; }
.TopBuzzPage .head h1 span { display:block; position:absolute; right:5px; bottom:4px; font-weight: 600; font: 12px "Lucida Grande"; text-align:right;  }


/* search page */
form.search-box { position:absolute; left:150px; top:12px; }
form.search-box input { margin: 0 0 5px 5px; }
form.search-box input.search { width:350px; font-size:18px; padding-left:3px; }
form.search-box input.submit { font-size:14px; }
p.num-results { font-weight:bold; font-size:14px; }

/* Archive Page */
.ArchivePage .head { width:100%; margin-bottom:0; }
.ArchivePage .years { margin-bottom:60px;  overflow: auto;font-size: 14px;}
.ArchivePage .year { float:left; width:100%; margin-bottom:5px; padding-top:3px;height: auto;
border: 0; }
.ArchivePage .year:hover {background:#fff;}
.ArchivePage .year h2 { float:left; width:65px; margin:0; font-size: 14px;line-height: 17px;}
.ArchivePage .year li { display:inline; margin-right:20px; padding:1px 4px; color:#CCC; }
.ArchivePage .year li.current { background:#07e; }
.ArchivePage .year li.current a { color:#fff; }
.ArchivePage .week li { display:inline; width: 20px; padding:1px 4px}
.ArchivePage .month {float:left;}
.ArchivePage .month .heading li {font-weight: bold; color:#e32; }
.ArchivePage .curday {background-color: #07e; }
.ArchivePage .curday a {color: #fff;  }
.ArchivePage .day { float:left; margin-right:9px; margin-bottom:20px; border-top: 1px solid #EDEDED;padding-top:15px; /*background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-black.png?v=1465513191) top left repeat-x;*/ }
.ArchivePage .day1 { margin-left:0; }
.ArchivePage .flow {float:left; width: 470px; margin-left: 40px;}

/* Display Pages */
.DisplayPage .PrimaryContent { float:left; width:600px; margin-right:50px; }
.DisplayPage .SecondaryContent { float:left; width:300px; }
.DisplayPage .PrimaryContent p { font-size:13px; line-height: 1.35; }
.DisplayPage .section { margin-bottom:20px; /*background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-grey.png?v=1465513191) top left repeat-x;*/ padding-top:5px; }


/* Network Page  */
.NetworkSection .content h2, .WidgetPage h2,  .Content .methods h2, .BuilderPage h2{ margin-bottom:10px; font: 15px "Gill Sans", Verdana, sans-serif; text-transform:uppercase; letter-spacing:1px; color:#e32!important; }
.NetworkPage .content h1 { overflow:hidden; width:950px; height:150px; font:50px Georgia,serif; color:#222; margin-bottom:40px; text-indent:-9999px; background: url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/network/network-headline.png?v=1465513191) no-repeat; }
.NetworkPage .section { width:100%; overflow:hidden; background:0!important; }
.NetworkPage .pitch { float:left; width:600px; margin-right:50px; }
.NetworkPage .pitch h2 { overflow:hidden; width:600px; height:55px; margin-bottom:10px; text-indent:-9999px; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/network/network-subhead.png?v=1465513191) no-repeat; }
.NetworkPage .pitch ol { width:500px; list-style-type:decimal; padding-left:30px; margin-bottom: 10px; float: none; }
.NetworkPage .pitch ol li { margin-bottom:15px; line-height:1.3; font-size:13px; }
.NetworkPage .pitch ol li h5 { font-size:15px; margin-bottom:3px;}
.NetworkPage .pitch p { margin-left:30px; }
.NetworkPage .box { float:left; width:290px; background:#eee; padding:5px;}
.NetworkPage .box .pad { border:1px solid #fff; padding:15px; }
.NetworkPage .site-list li { font:16px Georgia; margin-bottom:3px; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/icons/arrow-right.png?v=1465513191) 5px left no-repeat; padding-left:15px; }
.NetworkPage .site-list p { margin:10px 0 0 0; }
.NetworkSection .methods { float:left; width:100%; margin:25px 0 50px; padding:10px 0; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-black.png?v=1465513191) top left repeat-x; }
.NetworkSection .methods ul li { float:left; width:210px; margin-left:36px; line-height:1.4;}
.NetworkSection .methods ul li.first { margin-left:0; }


/* Platform    */
.PlatformPage .Content { margin-top:20px; }
.PlatformPage .Content h1 { width:500px; float:left; font-size:42px; margin-right:50px; color:#111; line-height:1.3;}
.PlatformPage .Content h1 strong { font-weight:normal; color:#e32; }
.PlatformPage .section { overflow:hidden; width:100%; background:0!important; }

.PlatformPage .box { float:left; overflow:hidden; width:400px; background:#ddd; padding:0;}
.PlatformPage .box .pad {border:1px solid #fff; min-height:160px; overflow:hidden; padding:15px; margin:5px;}

.PlatformPage label { display:block; }
.PlatformPage input.text { width:340px; margin-bottom:10px; font-size:16px!important; padding:2px 3px; }
.PlatformPage textarea { width:340px; margin-bottom:10px; font-size:16px!important; padding:2px 3px; }
.PlatformPage .affiliations {  height:60px; margin-bottom:10px; }
.PlatformPage .favorites { height:60px; }
.PlatformPage input.submit { margin-bottom:10px; font-size:14px; }


/*  Other Network Pages*/
ul.LocalNav { position:absolute; left:647px; top:123px; text-align:left; }
ul.LocalNav li { display:inline; padding-left:2px; font:normal 13px "Lucida Grande",Verdana,Sans-Serif; position:relative; }
ul.LocalNav li.current a { color:#222; font-weight:bold; }
ul.LocalNav li:before { content:' / '; padding-right:4px; color:#bbb;}
ul.LocalNav li.first:before { content:''; }


/* widget / badge builder */
.WidgetPage .Controls, .LightboxPreviewPage .Controls { float:left; width:260px; margin-right:40px; }
.WidgetPage .Preview, .LightboxPreviewPage .Preview { float:left; width:650px;  }
.ImageBadgePage .Controls { float:left; width:450px; margin-right:50px; }
.ImageBadgePage .Preview { float:left; width:450px;  }
.BuilderPage { width:100%; overflow:hidden; font-size:13px; line-height:1.35; }
.BuilderPage .section { padding:10px 0; font-size:13px; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-grey.png?v=1465513191) top left repeat-x;  }
.BuilderPage .subsection { overflow:hidden; width:100%; margin-bottom:12px; }
.WidgetPage .Controls h5 { margin-bottom:5px!important; font-weight:bold!imporant; color:#000!important}
.BuilderPage .Controls .col { width:85px; float:left; line-height:1.6em; margin-bottom:15px;}
.BuilderPage .Controls .col p { line-height:1.5em; }
#rowscols-chooser { float:left; margin-right:20px; width:150px; }
#rowscols-chooser .row { float:left; height:24px; margin-bottom:2px; }
#rowscols-chooser .box  { width:30px; height:24px; background:#e4e4e4; margin:0 2px 2px 0; float:left; cursor:pointer;}
#rowscols-chooser .empty  { background:#fff; cursor:default; }
#rowscols-chooser .empty:hover  { background:#fff!important; }
#rowscols-chooser .box:hover { background:#07e; }
#rowscols-chooser .selected  { background:#aaa; }
#imagesize-chooser { float:left; width:80px; overflow:hidden; }
#imagesize-chooser div { margin-bottom:5px; cursor:pointer;}
#imagesize-chooser a.large { display:block; background:#e4e4e4; width:65px; height:43px; padding:5px 0 0 7px; font-size:11px; color:#666 }
#imagesize-chooser a.small { display:block; background:#e4e4e4; width:45px; height:32px; padding:5px 0 0 7px; font-size:11px; color:#666 }
#imagesize-chooser a:hover { background:#07e; color:#fff; }
#imagesize-chooser a.current { background:#aaa; color:#fff; }
#color-chooser { overflow:hidden; }
#color-chooser div { float:left; margin:0 7px 2px 0; padding:1px 10px; cursor:pointer; }
.color-chooser-advanced { padding-top:10px; }
#advanced_color { overflow:hidden; }
.widget-color { float:left; width:100%; margin-bottom:3px;}
.widget-color label { display:block; float:left; width:140px; margin-top:4px; }
.widget-color input { width:80px; }
.make-widget-button { font-size:120%; }
#WidgetPreview { width:100%; }
#BuzzFeedWidget { margin:0 auto; }


/* Sites Page */
.Sites { padding:10px 0; font-size:13px; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-grey.png?v=1465513191) top left repeat-x;  }
.Sites ul { overflow:hidden; width:100%; }
.Sites ul li { overflow:hidden; float:left; width:210px; margin-left:36px; margin-bottom:5px; white-space: nowrap; }
.Sites ul li.first { margin-left:0; }


/* Plugin Page */
.Plugin1 { float:left; width:450px; margin-right:50px; }
.Plugin2 { float:left; width:450px; }
.callout-right { float:right; padding-left:15px; }
ul.download-links  { margin-bottom:15px; }
.download-links li { margin-bottom:5px; }
.download { background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/icons/arrow-down-blue.png?v=1465513191) 0 3px no-repeat; padding-left:13px; font-weight:bold; font-size:11px; }
.download:hover { background-image:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/icons/arrow-down-red.png?v=1465513191); }


/* About Pages */

.AboutSection .PrimaryContent { float:left; width: 735px; margin-right:30px; }
.AboutSection .SecondaryContent { float:right; width:225px; margin-right:0; }
#video_buzz_element_about_video {width: 625px; margin: 0 auto;}

.AboutToolsNav {width:990px; }
.AboutToolsNav ul { width:990px; margin-bottom:42px; margin-top: 20px; padding: 5px 0; border-bottom:1px #e5e5e5 solid; }
.AboutToolsNav li { display:inline; margin:0 50px 0 0; font:48px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:100; line-height:56px; }
.AboutToolsNav li:last-child { margin-right: 0px !important;}
.AboutToolsNav li a {color:black; padding:5px;}
.AboutToolsNav li a:hover {border-top:1px #ee3322 solid;}
.AboutToolsNav li.current a:hover, .AboutToolsNav  li.current-alt a:hover {border-top:none;}
.AboutToolsNav li.current, .AboutToolsNav li.current-alt {border-bottom:1px #ee3322 solid; border-top:none; padding:5px 0;}
.AboutToolsNav li.current { font-size: 48px; font-weight: 600; }
.AboutToolsNav li.hiring {background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/about/hiring.png?v=1465513191)) top left no-repeat; padding:22px 5px 5px 0; }
.AboutToolsNav li.ja-jp-style { margin: 0 35px 0 0; }

.AboutSection h2 { font-size: 18px; font-weight: 600; color:#ee3322; line-height:28px; }
.AboutSection h3 { font-size: 12px; font-weight: 600; line-height:14px; margin:14px 0 0 0;}

.AboutSection ul.links { width:100%; float:none; }
.AboutSection  p { font-size:16px; margin-bottom:20px; line-height:1.5; }
.AboutSection  .Photos {width:420px; margin:0 0 30px 30px; float:right; }

.AboutSection .team .wrap-section-left, .AboutSection .team .wrap-section-right {float:left; width:460px;}
.AboutSection .team .wrap-section-right {float:right;}
.AboutSection .team img {float:left; margin:0 10px 10px 0;}
.AboutSection .team .section {width:460px; margin:0 0 30px 0; float:none; display:inline-block; border-bottom:1px #ee3322 solid }
.AboutSection .team  .left {float:left; margin-right:70px;}
.AboutSection .team p {font-size:14px; line-height:20px; margin-bottom:15px;}
.AboutSection .team h2 {font-size:22px; margin-bottom:5px;}
.AboutSection .team h3 { font-size:14px; margin:0 0 20px 0;}

.AboutSection .AboutPage p {font-size:20px;}
.AboutSection .AboutPage h2 { font-weight: 600; font-size: 36px; line-height:42px; margin:0 0 28px 0; color:black;}

.AboutSection .jobs {width:990px; float:left;}
.AboutSection .jobs p {width:540px;}
.AboutSection .jobs img {margin-bottom:40px;}
.AboutSection .jobs .listings {width:540px;}
.AboutSection .jobs .listings h2 {border-bottom: 1px solid #E76; margin:15px 0;}
.AboutSection .about-stats, .AboutSection .about-links {font-size: 20px; line-height: 30px;}
.AboutSection .about-stats {list-style-type: disc; padding-left: 20px;}
.AboutSection .about-stats li {margin-bottom: 8px;}
.AboutSection .svg-icon--about-stats {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Asketch%3D%22http%3A//www.bohemiancoding.com/sketch/ns%22%3E%3Ctitle%3EArtboard%201%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cg%20sketch%3Atype%3D%22MSArtboardGroup%22%20fill%3D%22none%22%3E%3Ccircle%20fill%3D%22%23e32%22%20sketch%3Atype%3D%22MSShapeGroup%22%20cx%3D%22255.5%22%20cy%3D%22256.5%22%20r%3D%22243.5%22/%3E%3Cpath%20d%3D%22M414.449%20251.191l-19.843-140.697-131.772%2053.163%2052.23%2030.154-49.339%2085.455-85.457-49.339-84.195%20145.832%2047.16%2027.226%2056.967-98.672%2085.457%2049.339%2076.565-132.614%2052.228%2030.154%22%20fill%3D%22%23fff%22%20sketch%3Atype%3D%22MSShapeGroup%22/%3E%3C/g%3E%3C/svg%3E");
  background-size: 30px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  top: 2px;

}
/* Legal Section */
.LegalNav ul { width:990px; margin-bottom:42px; padding:5px 0; border-bottom:1px #e5e5e5 solid; }
.LegalNav li { display:inline; margin:0 55px 0 0; font:40px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:100; line-height:56px; }
.LegalNav li:last { margin: 0px; }
body.non_english .LegalNav li { margin: 0px 10px 0 0; }
body.non_english .LegalNav li:last { margin: 0px; }
.LegalNav li a {color:black; padding:5px;}
.LegalNav li a:hover {border-top:1px #ee3322 solid; }
.LegalNav li.current {border-bottom:1px #ee3322 solid; border-top:none; padding:9px 0; font-weight:200;}
.LegalNav li.current a:hover {border-top:none;}

.LegalSection .PrimaryContent { float:left; width: 650px; margin-right:30px; }
.LegalSection h2 { font-weight: 600; font-size: 36px; line-height:42px; margin:0 0 28px 0;}
.LegalSection h3 { font-weight: 600; font-size: 18px; color:#ee3322; line-height:42px; }

.LegalSection  p { font-size:14px; margin-bottom:21px; line-height:21px;}
.LegalSection  p.LegalIntro { font-size:20px; padding-bottom:21px; line-height:28px; background-position:bottom left; background-repeat:repeat-x;}
.LegalSection ol, .LegalSection.BuzzFeedCookies .PrimaryContent ul { font-size:14px; margin-left:28px; line-height:21px;}
.LegalSection.BuzzFeedCookies .PrimaryContent li { list-style: disc; }
.LegalSection ol { list-style-type:decimal; }
.LegalSection.BuzzFeedCookies .PrimaryContent ul { margin-bottom: 20px; }
.LegalSection .PrimaryContent li { margin:10px 0; }
.LegalSection span.small-title{font-weight: 600; font-size: 14px; color:#E32;}
.LegalSection span.bold {font-weight: bold;}
.LegalSection p.address {margin-bottom: 0px; text-align: center;}
/* Tools Section */

.Tools .AboutToolsNav li { margin-right: 45px; }

.Tools h2 {font-weight: 600; font-size: 36px; color:black; margin:20px 0;}
.Tools h3 {font-weight: 600; font-size: 24px; color:black; margin:0 0 5px 0; }
.Tools p {font-size:14px; line-height:1.5; }
.Tools .SecondaryContent > p {font-size:20px; line-height:1.5; }
.Tools .PrimaryContent { float:left; width: 700px; margin-right:30px; }
.Tools .SecondaryContent { float:right; width:260px; margin: 54px 0 0 0; }

.ToolsMobile {padding:30px 0; background-position:top left; background-repeat:repeat-x;}
.ToolsMobile .section {width:300px; float:left; margin:0 35px 20px 0; }
.ToolsMobile img {float:left; margin-right:10px;}
.ToolsMobile h4 {margin-bottom:5px;}
.ToolsMobile li {float:left; }

.ToolsBrowser {padding:20px 0; background-position:top left; background-repeat:repeat-x;}
.ToolsBrowser .section {width:300px; float:left; margin:0 35px 20px 0; }
.ToolsBrowser img {float:left; margin-right:10px;}
.ToolsBrowser h4 {margin-bottom:5px; margin-top: 5px;}
.ToolsBrowser li {float:left;}

.ToolsWidgets {padding-top:30px; background-position:top left; background-repeat:repeat-x;}
.ToolsWidgets img  {float:left; margin-right:10px;}
.ToolsWidgets h4 a {margin:0 0 5px 0;}
.widget_box { float:left; margin:0 15px 30px 0; width:335px; }

#ToolsRss {width: 100%; padding: 30px 0 15px 0; background-position:top left; background-repeat:repeat-x; float:left;}
.Tools .RssAbout p {margin-bottom: 8px;}
.Tools .RssAbout p.indent {margin-left: 12px;}
#ToolsRss .RssFeeds li a {font-size: 14px ; line-height:1.7em;}
#ToolsRss .section {width:150px; float:left; margin:0 10px 10px 0; }
#ToolsRss .section .section {margin:0;}
#ToolsRss h4, .LegalSection.BuzzFeedCookies h4 {font-weight: 600; font-size: 16px; margin:5px 0;}
#ToolsRss .RssFeeds h4 {color:#ee3322;}
#ToolsRss h3 {float:left;background:gray;}
.Tools .email-promo-box {width: 250px !important;}


/* Email Signup Box */
.email-promo-box { width:205px !important; padding:10px; border:1px solid #f4e4e4; background:#f6f6f6;}
.email-promo-box h2 { display:block; margin:0px; font-weight: 600; font-size: 24px; line-height:1.2 helvetica,arial,sans-serif; color: black;}
.box-a h2.a { display:block; }
.box-b h2.b { display:block; }
.box-c h2.c { display:block; font-size:23px; }
.email-promo-box.promo_new { width:205px!important; border-top:1px solid #e32; }
.email-promo-box.promo_new h2 { color:#e21; }


/* Contact Section */
.contact h2 {font-weight: 600; font-size: 24px; margin:0 0 20px 0; color:black;}
.contact h3 {font-weight: 600; font-size: 16px; color:#ee3322;}
.contact p {font-size:16px; margin-bottom:10px;}
.contact .section {font-size:18px; line-height:1.3;; margin-top:20px;}
.contact select#issue optgroup {padding:5px;}
.contact select#issue optgroup option {margin-bottom:2px;}
.contact select#issue optgroup option:first-child {border-top:1px solid #e5e5e5; padding-top:3px;}

/* ErrorPage */
.ErrorPage .Content { width:600px; margin-left: auto; margin-right: auto;}
.ErrorPage .Content h1 { font-size:60px; margin-bottom:10px; }
.ErrorPage h3 { margin-bottom:18px; }
.ErrorPage p { font-size:18px; margin:15px 0 0 0;}
.ErrorPage form {margin-top:0;}
.ErrorPage div.widget { margin-top:25px; }
.ErrorPage .error-image { position:fixed; right:0; bottom:0; }
.ErrorPage.ErrorPage500 .Content { width: 100%; text-align: center; }

/* FAQ */
.PrimaryContent.FAQ {float:left; width: auto;}
.FAQ .content_header {border-bottom: 1px solid #e32;  padding-bottom: 10px; float:left; clear:both;}
.FAQ .content_header h1 {font: 100 48px; line-height:56px 'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif !important; color: black;}
.FAQ .content_header h1 .help {font-weight: 600; font-size: 48px; color: black;}
.FAQ .content_header h1 .help:after { content: " / "; font:48px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
.FAQ .content_header h1 .help:hover span{color: #E32;}
.FAQ .top {width: 650px; margin:0 auto 20px; padding:20px; font-size: 20px; float:right;}
.FAQ .top ul { margin: 10px 15px;}
.FAQ .top ul li { margin-left: 15px; list-style-type: disc; font-size:16px;}
.FAQ .section {width: 600px;}
.FAQ .section + .section { padding-top:20px; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-black.png?v=1465513191) top left repeat-x;}
.FAQ .section > ul > li { margin-bottom:10px; padding-bottom:5px; background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/lines/horizontal-grey.png?v=1465513191) bottom left repeat-x; }
.FAQ .section ul li p, .FAQ .section ul li li {font-size:14px !important; margin:14px 0;}
.FAQ .section ul.examples, .FAQ .section ol { margin-left: 20px;}
.FAQ .section ul.examples li {list-style-type:disc; list-style-position: inside;}
.FAQ .section ol li {list-style-type:decimal; list-style-position: inside;}
.FAQ .section > p.FaqTop {font-size:14px; margin-bottom:10px;}
.FAQ .index { float:left; margin-left: 20px;}
.FAQ .index > li {float:left; margin-bottom: 20px; width:970px; clear:both;}
.FAQ .index ul {float:right; width:665px; padding: 15px 10px 15px 20px; border-left:5px solid #e32;}
.FAQ .index li:hover ul {background-color: rgba(0,0,0,.05)/*rgba(238,54,21,.1)*/;}
.FAQ .index .col {width:325px; margin: 0; float:left; clear:none;}
.FAQ .index h2 {float:left; clear:left; width:250px; text-align:right; padding: 15px 20px 0 0;}
.FAQ .index li li {float:left; width: 300px; margin: 0 0 10px 25px; font-size: 14px; line-height:16px; list-style-type: disc;}
.FAQ .feedback {width: 950px; padding: 20px; font-size:20px; text-align:center;}
.FAQ h1 {font-size: 40px; font-weight: bold; color: #e32;}
.FAQ h2 { font-weight: 600; font-size: 24px; color:#ee3322;}
.FAQ h3 { font-weight: 600; font-size: 18px; color:black;}
.FAQ .topics h2 {color:black; border-bottom: 1px solid #E32; font-size: 24px; font-weight: 600; padding: 8px; margin-bottom: 8px;}
.FAQ .topics ul li { font-size: 18px; line-height:22px; font-weight: bold; padding: 8px;}
.FAQ .topics ul .selected {border-left: 5px solid #E32;}
.FAQ .topics ul .selected a{color: #E32;}
.FAQ .topics ul li:hover {background-color: rgba(0,0,0,.05)}
.FAQ .topics .sub_header_bar {line-height:20px;}


/* Copied from BuzzFeed.css */
a.rss { background:url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/icons/rss-small.png?v=1465513191) left 3px no-repeat; padding-left:14px; }


/* Press Page - /about/press */
.Press .PrimaryContent { float:left; width: 735px; margin-right:30px; }
.Press .SecondaryContent { float:right; width:225px; margin: 49px 0 0 0; }
.Press .SecondaryContent p {line-height: 19px;}
.Press .tabbed_nav {float:left;margin:5px 0 10px; width:100%;background:#fff;border-bottom:1px solid #e5e5e5;}
.Press .tabbed_nav ul {padding:0;}
.Press .tabbed_nav ul li {float:left;}
.Press .tabbed_nav ul li a {float:left;margin:6px 20px 0 2px;padding:8px 4px;border:1px solid transparent;border-bottom:0; font-size: 18px; font-weight: normal; color: #000;}
.Press .tabbed_nav ul li a:hover {background-color:#fff; border-top-color: #ee3322; color: #000;}
.Press .tabbed_nav ul li.selected a {margin-bottom:-1px;color:#ee3322;background-color:#FFF;border:1px solid transparent;border-bottom-color:#FFF; border-bottom-color: #ee3322; font-weight: bold;}
.Press .AboutNav ul {margin-bottom: 12px;}
.Press ul#press_list {padding: 8px 0;}
.Press ul#press_list li {position: relative; padding: 4px 0 8px 25px; margin: 0; display: none}
.Press ul#press_list li .favicon {position: absolute; top: 9px; left: 0; display: inline-block; width: 16px; height: 16px; empty-cells: show; background-position: 0 0; background-repeat: no-repeat; background-color: transparent;}
.Press ul#press_list li h2 {font-size: 16px; font-family: Georgia, Times, serif; font-weight: normal; padding: 0 0 2px 0; margin: 0; line-height: 21px;}
.Press ul#press_list li h2 a {}
.Press ul#press_list li h2 a:hover, ul#press_list li h2 a:focus {}
.Press ul#press_list li p, ul#press_list li.article h2, ul#press_list li.article h4 {font-size: 18px; font-family: Arial,Helvetica,sans-serif; color: #222222; padding: 0; margin: 0; font-weight: bold}
.Press ul#press_list li p span {font-weight: normal;  font-size: 14px; color: #828282;}
.Press ul#press_list li.article .favicon {top: 6px;}
.Press ul#press_list li.article h2 {line-height: 21px; padding: 0 0 1px 0;}
.Press ul#press_list li.article h4, ul#press_list li.article p {padding: 0 0 5px 0; font-size: 14px; line-height: 19px; font-family: Georgia,Times,serif; color: #333; font-weight: normal;}
.Press ul#press_list li.article h4 {line-height: 19px; font-size: 15px; font-weight: normal; padding: 0 0 1px 0; font-style:italic;}
.Press ul#press_list li.article .article_body {padding: 8px 0 0 0;}
.Press ul#press_list.press_loading li, ul#press_list.press_news li.press_news, ul#press_list.press_releases li.press_releases, ul#press_list.press_blog li.press_blog {display: block;}
.Press ul#press_list li.press_empty {display: block; padding: 20px 0;}
.Press ul#press_list li.press_empty h2 {color: #828282;}
.Press ul#press_list.press_loading li.press_empty {display: none;}
.Press a.load_more{clear:both;padding:6px;display:block;color:#333 !important;font-weight:bold;text-align:center;-moz-text-shadow:0 1px 0 #FFF;-webkit-text-shadow:0 1px 0 #FFF;text-shadow:0 1px 0 #FFF;background-color:#F7F7F7;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16,rgb(234,234,234)),color-stop(0.58,rgb(255,255,255)));background-image:-moz-linear-gradient(center bottom,rgb(234,234,234) 16%,rgb(255,255,255) 58%);border:1px solid #CCC;-moz-border-radius:4px;border-radius:4px;}
a.load_more:hover{background-color:#F9F9F9;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16,rgb(239,239,239)),color-stop(0.58,rgb(255,255,255)));background-image:-moz-linear-gradient(center bottom,rgb(239,239,239) 16%,rgb(255,255,255) 58%);border-color:#DDD;}
a.load_more:active{background-color:#F0F0F0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16,rgb(255,255,255)),color-stop(0.58,rgb(239,239,239)));background-image:-moz-linear-gradient(center bottom,rgb(255,255,255) 16%,rgb(239,239,239) 58%);}
a.load_more span{display:block;}
.press_sidebar em {font-size: 10px; font-weight: bold; color: #444; font-style: normal; text-transform:uppercase;}
.Press ul#press_list.is_draggable li.article {cursor: url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/global/cursors/hand.png?v=1465513191) 3 3, auto;}

.downloads {font-size:15px; margin-top:25px; float:left;}
.downloads .vertical-list {margin-top:30px; display: inline-block;}
.downloads .logo {background: url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/about/logosprite.png?v=1465513191) no-repeat 0 0; float:left; width:150px; height:50px; margin:0 10px 50px 0;}
.downloads .logo span {padding-top:35px; display:block; text-align:center; font-size:13px;}
.downloads .buzzfeedlogo {background-position:0 0; height:25px;}
.downloads .animalslogo {background-position:0 -26px; height:27px;}
.downloads .celeblogo {background-position:0 -53px; height:26px; clear:left;}
.downloads .foodlogo {background-position:0 -79px; height:27px; clear:left;}
.downloads .fwdlogo {background-position:0 -106px; height:26px;}
.downloads .lgbtlogo {background-position:0 -132px; height:28px;}
.downloads .musiclogo {background-position:0 -160px; height:27px; clear:left;}
.downloads .politicslogo {background-position:0 -187px; height:28px;}
.downloads .rewindlogo {background-position:0 -216px; height:29px;}
.downloads .sportslogo {background-position:0 -271px; height:23px;}
.downloads .badgeslogo {background-position:0 -295px; height:33px; }
.downloads .entertainmentlogo {background-position:0 -328px; height:17px;}
.downloads .businesslogo {background-position:0 -345px; height:27px;}
.downloads .readerlogo {background-position:0 -371px; height:27px;}
.downloads .buzzreadslogo {background-position:0 -398px; height:26px;}
.downloads .fashionlogo {background-position:0 -423px; height:27px;}
.downloads .diylogo {background-position:0 -450px; height:32px;}
.downloads .geekylogo {background-position:0 -483px; height:29px;}
.downloads .communitylogo {background-position:0 -513px; height:27px;}
.downloads .newslogo {background-position:0 -545px; height:25px; width: 217px;}
.downloads .lifelogo {background-position:50px -576px; height:25px; }
.downloads .colorchip {margin-right:30px; float:left; text-align:center;}
.downloads .colorchip .chip {height:50px; width:70px; margin:10px 0; border:1px solid #c2c2c2;}
.downloads .colorchip ul {background:#f5f5f5; padding:5px; border:1px solid #c2c2c2;}
.downloads .colorchip li:first-child {padding-bottom:10px;}
.downloads .colorchip li {padding-bottom:5px; color:#444; font-size:10px; font-weight:bold;}


/* BuzzFeeds- Staff Directory */

.buzzfeeders_top {height:45px;}
.buzzfeeders_top .sort {padding:15px 0 0 50px; float:left;}
.buzzfeeders_top .sort a.toggle_right {margin-left: -4px;}
.buzzfeeders_top .sort a.selected {background-image:-moz-linear-gradient(top,rgba(204, 204, 204, 0.4),rgba(204, 204, 204, 0.4))!important; background-color:#07e;}
.buzzfeeders_top h1 {font-weight: 600; font-size: 40px; float:left}
ul.buzzfeeders {margin-top:30px;}
ul.buzzfeeders p {text-transform:uppercase; font-weight:bold; margin:20px 0 5px 0;}
ul.buzzfeeders li {display:inline-block; margin:0 5px 5px 0; position:relative;}
ul.buzzfeeders li a {color:white;}
ul.buzzfeeders li h2 {background:#07e; width:146px; max-height:94px; position:absolute; bottom:3px; padding:5px; display:none;  font-weight:normal;}
ul.buzzfeeders li a:hover h2 {display:block;}
ul.buzzfeeders li .photos {width: 156px; height: 104px;}
ul.buzzfeeders li .photos img {width: 156px; height: 104px; background-repeat: no-repeat;}

.bfemployee .ptools {z-index:1;}
.bfemployee .shareBox {display:none;}
.bfemployee .user-bg {display:none;}
.bfemployee .buzz-datetime {display:none!important;}

/* Style Guide */

.StyleGuide .PrimaryContent {width:594px; font-size:14px; line-height:20px; color: #323232; float:left;}
.StyleGuide .SecondaryContent {width:396px; float:right;}
.StyleGuide h1 {font-size: 36px; font-weight: 800; margin:20px 0;}
.StyleGuide h2 {font-size:30px; font-weight: 600;color:#ee3322; margin:40px 0 20px 0; text-transform:capitalize;}
.StyleGuide h3 {font-size:16px; font-weight: 700;color:#ee3322; margin-bottom:5px;}
.StyleGuide .red {font-weight:bold; color:#ee3322; float:none;background:transparent;}
.StyleGuide ol {margin-bottom:20px;}
.StyleGuide ol li {list-style-type:decimal; margin:0 0 5px 40px;}
.StyleGuide p {margin-bottom:20px;}
.StyleGuide p.example {font-weight:bold; margin-left:20px;}
.StyleGuide img {float:right;}
.StyleGuide

/* Email Prefrences */
#msg-pref-fields .item {border-top:1px solid white; width:400px; margin-bottom:5px; padding-top:5px;}
#msg-pref-fields .item input {float:left; margin-right:8px; width: 14px;}
#msg-pref-fields .item p {font-size:11px; margin-left:26px;}

#colWrapper { width: 100%; font-size: 14px; line-height: 1.1;}
#colWrapper h1 { font-size: 36px; line-height: 1.1; font-weight: 100;}
#colWrapper h2 { font-size:24px; line-height: 1.1; font-weight: 600;color: #000; }

.ToolsEmail #colWrapper .social-icon {background-image: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/global/unified_sprite.png?v=1465513191'); background-repeat: no-repeat; display: inline-block; height: 38px; margin: 0 14px 0 0; width: 38px;}
.ToolsEmail #colWrapper .sprite { display: inline-block; background-image: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/sprites/mail_page.png?v=1465513191'); background-repeat: no-repeat;}
.ToolsEmail #colWrapper .pointer:hover { cursor: pointer; }

.ToolsEmail .AboutToolsNav li { margin-right: 28px;}

.ToolsEmail #colWrapper.mobile-ios h2, .ToolsEmail #colWrapper.mobile-android h2, .ToolsEmail #colWrapper.moreTools h2   { font-size: 36px; margin-bottom: 15px;}
.ToolsEmail #colWrapper.mobile-ios p.text, .ToolsEmail #colWrapper.mobile-android p.text, .ToolsEmail #colWrapper.moreTools p.text   { margin-bottom: 15px;}

.ToolsEmail #colWrapper.mobile-ios .appStoreSmall { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/app_store_small.png?v=1465513191') no-repeat; display: inline-block; width: 135px; height: 40px; text-indent: -9999px; }
.ToolsEmail #colWrapper.mobile-ios .appStoreLarge { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/app_store_large.png?v=1465513191') no-repeat; display: inline-block; width: 220px; height: 65px; text-indent: -9999px; }
.ToolsEmail #colWrapper.mobile-ios .iosRow { clear: both; }
.ToolsEmail #colWrapper.mobile-ios .iosPreLaunch { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/ios_prelaunch.jpg?v=1465513191') right top no-repeat; padding-right: 500px; min-height: 250px; padding-top: 50px; padding-bottom: 40px; }
.ToolsEmail #colWrapper.mobile-ios .iosIntroduce { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/ios_introduce.jpg?v=1465513191') right top no-repeat; padding-right: 500px; min-height: 250px; padding-top: 50px; padding-bottom: 40px; }
.ToolsEmail #colWrapper.mobile-ios .iosSimple { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/ios_simple.jpg?v=1465513191') left top no-repeat; padding-left: 510px; min-height: 210px; padding-top: 90px; padding-bottom: 40px; }
.ToolsEmail #colWrapper.mobile-ios .iosGetApp, .ToolsEmail #colWrapper.mobile-android .androidGetApp  { text-align: center; }

.ToolsEmail #colWrapper.mobile-android .androidRow { clear: both; }
.ToolsEmail #colWrapper.mobile-android .googlePlay { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/google_play.png?v=1465513191') no-repeat; display: inline-block; width: 188px; height: 62px; text-indent: -9999px; }
.ToolsEmail #colWrapper.mobile-android .androidIntroduce { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/android_introduce.jpg?v=1465513191') right top no-repeat; padding-right: 500px; min-height: 250px; padding-top: 50px; padding-bottom: 40px; }
.ToolsEmail #colWrapper.mobile-android .androidNative { background: url('/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/tools/android_native.jpg?v=1465513191') left top no-repeat; padding-left: 510px; min-height: 210px; padding-top: 90px; padding-bottom: 40px; }
.ToolsEmail #colWrapper.mobile-android .androidGetApp  { padding-top: 40px;}

.moreTools .etc {margin-top: 30px;}
.moreTools .etc a {color:black;}
.ToolsEmail #colWrapper.moreTools .etc .faux_select {border:none;}

.ToolsEmail #colWrapper.moreTools .socialPlatforms { float: left; width: 50%; }
.ToolsEmail #colWrapper.moreTools .select_container { display: block; clear: both; position: relative; margin: 10px 0; height: 38px;}
.ToolsEmail #colWrapper.moreTools .social-icon { display: inline-block; }
.ToolsEmail #colWrapper.moreTools .select { font-size: 18px; line-height: 24px; position: absolute; top: 0px; left: 0px; width: 397px !important; height: 37px !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }
.ToolsEmail #colWrapper.moreTools .select option {color: #ee3322; padding: 0 5px; }
.ToolsEmail #colWrapper.moreTools .follow_url .select { left: 52px; }
.ToolsEmail #colWrapper.moreTools .faux_select { vertical-align: top; border: 1px solid #cccccc; font-size: 20px; color: #222222; width: 375px; height: 35px; line-height: 35px; display: inline-block; padding: 0 10px;}
.ToolsEmail #colWrapper.moreTools .faux_select .arrow { display: inline-block; float: right; margin-top: 13px; width: 0; height: 0; vertical-align: middle; border-top: 6px solid #cccccc; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; margin-left: 0px; }

.ToolsEmail #colWrapper.moreTools .rssFeeds { float: left; width: 50%; }
.ToolsEmail #colWrapper.moreTools .rssFeeds #rss_icon { width: 38px; height: 39px; background-position: -152px -466px; margin: 0 20px 0 0; vertical-align: top; }

.ToolsEmail #colWrapper.moreTools #fb_icon { background-position: 0px -467px; }
.ToolsEmail #colWrapper.moreTools .select_container:hover #fb_icon {background-position: 0px -505px;}

.ToolsEmail #colWrapper.moreTools #tw_icon {background-position: -38px -467px; }
.ToolsEmail #colWrapper.moreTools .select_container:hover #tw_icon {background-position: -38px -505px;}

.ToolsEmail #colWrapper.moreTools #tu_icon {background-position: -76px -467px;}
.ToolsEmail #colWrapper.moreTools .select_container:hover #tu_icon {background-position: -76px -505px;}

.ToolsEmail #colWrapper.moreTools #su_icon {background-position: -190px -467px;}
.ToolsEmail #colWrapper.moreTools .select_container:hover #su_icon {background-position: -190px -505px;}

.ToolsEmail #colWrapper.moreTools #pt_icon {background-position: -114px -467px;}
.ToolsEmail #colWrapper.moreTools .select_container:hover #pt_icon {background-position: -114px -505px;}

.ToolsEmail #colWrapper.moreTools #yt_icon {background-position: -266px -467px;}
.ToolsEmail #colWrapper.moreTools .select_container:hover #yt_icon {background-position: -266px -505px;}

.ToolsEmail #colWrapper.moreTools #gp_icon {background-position: -304px -467px;}
.ToolsEmail #colWrapper.moreTools .select_container:hover #gp_icon{background-position: -304px -505px;}

.ToolsEmail #colWrapper .icon { display: inline-block; margin: 10px 20px 0 0; width: 40px; height: 40px; }
#colWrapper .borderMe { border: 1px solid #aaa; }
#colWrapper select.select { position: absolute; z-index: 10; line-height: 26px; z-index: 10; opacity: 0; -webkit-appearance: none; width: 210px !important; height: 30px  !important; }

.ToolsEmail #colWrapper #col1 #bf_bubble_note { display: inline-block; margin: 10px 0 0 10px; vertical-align: top; }
.ToolsEmail #colWrapper #col1 #bubbleWords { border: 1px solid #d9d9d9; padding: 5px 10px; width: 180px; background-color: #F5FCFE; }
.ToolsEmail #colWrapper #col2 { width: 50px; float: left; }
.ToolsEmail #colWrapper #col2 #horLineBreak { height: 500px; width: 0px; border-right: 1px solid #d9d9d9; margin: 0 auto; }
.ToolsEmail #colWrapper #col3 { width: 390px;float: right; margin-bottom: 75px; }

.ToolsEmail .defaultPage .newsletterBox #email_signup { margin: 30px 0 0; width: 40%; }

#colWrapper #col_bottom { clear: both; padding: 15px 0; border-top: 1px solid #d9d9d9; }
#colWrapper #col_bottom #rss_icon { width: 24px; height: 24px; background-position: -90px -213px; margin: 0 5px 0 0; }
#colWrapper #col_bottom .rss_feed { width: 210px; height: 30px; margin: 10px 20px 0 0; display: block; }
#colWrapper #col_bottom #main_rss_feed { background-position: -0px -650px; }
#colWrapper #col_bottom #section_rss_feed { background-position: -0px -681px; }
#colWrapper #col_bottom #more_rss_feed { background-position: -0px -712px; }

/* Sign Up Page */
.SignupPage #login-fieldset input { width: 100%; border: 1px solid #D9D9D9; padding: 5px; font-size: 16px; margin: 0 0 10px 0; display: block; }
.SignupPage .sprite { background: url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/sprites/signup.png) no-repeat; }
.SignupPage .checkOn { width: 17px; height: 16px; background-position: -24px 0; }
.SignupPage .checkOff { width: 17px; height: 16px; background-position: 0 0; }
.SignupPage .checkOn:hover, .checkOff:hover { cursor: pointer; }
.SignupPage .error-msg { background-color: #EE3322; color: #fff; padding: 5px; font-size: 18px; margin: 0 0 10px 0; }
.SignupPage .spinner { position: relative; top: -10px; margin: 0 auto; width: 32px; height: 32px; background: url(/National_Library/20170827070107oe_/https://webappstatic.buzzfeed.com/static/images/public/spinners/big_on_e6e6e6.gif?v=1465513191) no-repeat; }
.SignupPage .user-agreement { color: #888; font-size: 11px; text-align:center;margin: 10px 0 0 0; float:left;}
.SignupPage .user-agreement a { color: #888; text-decoration: underline; }
.SignupPage .line-break { width: 100%; clear: both; height: 1px; display: block; margin: 10px 0; }

.SignupPage #colWrapper #col_top h1 { font-size: 48px; margin: 0 0 40px 0; }

.SignupPage #colWrapper #col1 { width: 450px; overflow: hidden; float: left; }
.SignupPage #colWrapper #col1 #col1-header { margin: 0 0 25px 0; }
.SignupPage #colWrapper #col1 #fb-instructions { display: block; margin: 30px 0 0 0; }

.SignupPage #colWrapper #col2 { width: 450px; overflow: hidden; float: right; margin: 0 0 40px 0; }
.SignupPage #colWrapper #col2 #old-signup-box { background-color: #F9F9F9; padding: 20px 20px 0 20px; margin: 20px 0 0 0; float:left; width:450px;}
.SignupPage #colWrapper #col2 #cool_signup { float: left; margin: 0 10px 0 0; }
.SignupPage #colWrapper #col2 #old-button-wrapper { text-align: center; display: block; margin: 20px 0 0 0; }
.SignupPage #colWrapper #col2 #alias-count-message { margin: 15px 0 0 10px; }

.SignupPage #colWrapper #col_bottom {margin: 0 0 30px 0; padding: 30px 0 0 0; text-align: center; border-bottom: 1px solid #d9d9d9; float:left;}
.SignupPage #colWrapper #col_bottom h2 { font-size: 18px; display:inline; }
.SignupPage #colWrapper #col_bottom .block-wrapper { width: 300px; float: left; margin: 0 0 30px 0; }
.SignupPage #colWrapper #col_bottom .block-wrapper:first-child { margin: 0 50px 0 0; }
.SignupPage #colWrapper #col_bottom .block-wrapper:last-child { margin: 0; float: right; }
.SignupPage #colWrapper #col_bottom .block-img { float: left; width: 105px; height: 105px; }
.SignupPage #colWrapper #col_bottom .block-txt { float: right; width: 180px; text-align: left; }
.SignupPage #colWrapper #col_bottom #discoverImg { background-position: 0 -26px; }
.SignupPage #colWrapper #col_bottom #participateImg { background-position: 0 -135px; }
.SignupPage #colWrapper #col_bottom #publishImg { background-position: 0 -255px; }

.SignupPage #colWrapper #pop-up { width: 500px; border: 1px solid #d9d9d9; position: absolute; padding: 40px; top: 25px; left: 200px; background: #FFF; }
.SignupPage #colWrapper #pop-up h2 { font-size: 18px; line-height: 1.5; font-weight: 600;}
.SignupPage #colWrapper #pop-up span { line-height: 20px; }
.SignupPage #colWrapper #pop-up .hr-bar { border-top: 1px solid #d9d9d9; width: 100%; height: 1px; margin: 15px 0; }
.SignupPage #colWrapper #pop-up #old_msg a { color: #000; text-decoration: underline; }
.SignupPage #colWrapper #pop-up #pop-up-header { margin: 0 0 10px 0; font-size: 42px; }
.SignupPage #colWrapper #pop-up #fb-alert-message { font-size: 18px; margin: 0 0 15px 0; }
.SignupPage #colWrapper #pop-up #fb-username-header { font-size: 18px; display: inline-block; float: left; position: relative; top: 5px; }
.SignupPage #colWrapper #pop-up #fb-bf-username { float: right; width: 250px; }
.SignupPage #colWrapper #pop-up .fb-checkBox { float: left; margin: 0 10px 0 0; }
.SignupPage #colWrapper #pop-up .user-agreement { text-align: left; margin: 20px 0; }

.SignupPage #colWrapper.notLoggedIn .showLoggedIn { display: none; }
.SignupPage #colWrapper.loggedIn .showLoggedIn { display: block; }
.SignupPage #colWrapper.loggedIn .hideLoggedIn { display: none; }
.SignupPage #colWrapper.loggedIn #col2 { width: 455px; margin: 0 auto 25px auto; float: none; border: 1px solid #D9D9D9; padding: 20px; }
.SignupPage #colWrapper.loggedIn #col2 #old-register-button, .SignupPage #colWrapper.loggedIn #col2 #alias-count-message, .SignupPage #colWrapper.loggedIn #old-registration-spinner { float: left; top: 0px; }
.SignupPage #colWrapper.loggedIn #col2 #account-details { height: 0px; overflow: hidden; }
.SignupPage #colWrapper.loggedIn #col2 #old-signup-box, .SignupPage #colWrapper.loggedIn #col2 #old-button-wrapper { margin: 0px; }
.SignupPage #colWrapper.loggedIn #col2 #old-signup-box { padding: 20px 25px 0 20px; }
.SignupPage #old-signup-box input[type=text], .SignupPage #old-signup-box input[type=password] { border: 1px solid #c2c2c2; color: #7e7e7e; font-size: 14px; margin: 0 auto 10px; padding: 5px 5px; width: 410px; }
.SignupPage #old-signup-box input.initial-field-state {color: #aaaaaa;}

/* Business Page */
.Content.EmailVertical { width: 600px !important; margin: 0 auto; float: none; padding-top: 30px; display:block; }
.Content.EmailVertical .defaultPage { width: 600px !important; }
.Content.EmailVertical h2 { color: black; font-size: 30px; line-height:34px; font-weight: bold; margin: 0 0 30px; }
.Content.EmailVertical.Business h2 { font-size	36px; line-height: 42px; }
.Content.EmailVertical p { margin-bottom: 30px; font-size: 18px;}
.Content.EmailVertical.Business p strong { font-size: 24px; font-weight: 600;}
.Content.EmailVertical p strong { font-size: 18px; font-weight: 600;background: transparent;}
.Content.EmailVertical .newsletter_prompt { width: 100%; }
.Content.EmailVertical .newsletter_prompt td {  vertical-align: middle; }
.Content.EmailVertical .newsletter_prompt td p { margin-bottom: 0px; padding-left: 20px;}
.Content.EmailVertical .EmailSignup { margin-bottom: 30px; margin-top: 30px; }
.Content.EmailVertical .EmailSignup p { margin-bottom: 10px; }
.Content.EmailVertical .EmailSignup .clarification { font-size: 11px; color: #666; width: 440px; margin-top: 10px; }
.Content.EmailVertical .EmailSignup .email_field { width: 420px !important; font-size:12px; padding:7px; margin-right:15px; border-style:solid; border-width:1px; border-color:#CCC; }
.Content.EmailVertical .EmailSignup #sailthru_submit_email-1 { float: right; }
.Content.EmailVertical .EmailSignup .error-border {border-color:#E32!important;}
.Content.EmailVertical .EmailSignup .sailthru_email_form {width: 195px; border: 1px solid #CCC; padding: 5px; font-size: 14px; color: #000}
.Content.EmailVertical .EmailSignup .sailthru_email_signup {margin-bottom: 10px; background: #f2f2f2; padding: 20px; }
.Content.EmailVertical .sailthru_email_success, .Content.EmailVertical .sailthru_email_failure { display: block; text-align: center; padding: 5px; width: auto; border: 1px dotted rgb(170, 170, 170); margin: 10px auto; background-color: rgb(238, 238, 238); }
.Content.EmailVertical .sailthru_email_failure { background: #E32; color: #fff; }
.Content.EmailVertical .twitter-follow-descr, .Content.EmailVertical .twitter-follow-btn { display: block; float: left; margin-right: 20px;}
.Content.EmailVertical .twitter-follow-descr { width: 50px; line-height: 20px; }
.Content.EmailVertical .twitter-follow-btn { margin-right: 30px; }
.Content.EmailVertical .text {  font-size: 14px; line-height: 1.1;}
.ToolsEmail.EmailVertical #colWrapper #col1 #email_signup { display: block;}

/* New contact page styles */
.contact-item {background-color: #ddd;	color: #000; float: left; display: block;	width: 315px;	min-height: 120px;	padding: 20px 5px 5px 20px; margin: 0 0 0 20px;}
.contact-item:hover {background-color: #0074f1; color: #fff;}
.contact-items .first-item {margin: 0;}
.contact-items-separator {width: 100%; height: 20px;}
.contact-item h3, .contact-item p {margin: 0; padding: 0;}
.contact-item h3 {font-size: 24px; line-height: 28px; font-weight: 600;}
.contact-item p {font-size: 14px; line-height: 18px;}
.contact-others {font-size: 18px; line-height: 22px; font-weight: 600;margin: 30px 0 0;}
.contact-others span {font-size: 14px; line-height: 18px;}
.contact-form {background-color: #ddd; width: 480px; padding: 20px 20px; margin: 0 auto;}
.hide-contact-items, .hide-contact-form, .hide-contact-embed {display: none;}
.contact-form .loader { float: right; margin: 10px;}
.contact-form h2.contact-form-title {color: #000; font-size: 24px; line-height: 28px; font-weight: 600; margin: 0 0 10px; padding: 0;}
.contact-form h3.contact-form-sub-title {color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 0 0 10px; padding: 0;}
/* End about contact page styles */

/* COUNTRY STYLE FOR NAV TABS */
.AboutToolsNav li.jp-style {
  font: 40px 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* ABOUT NAV TABS TO HIDE */
.AboutToolsNav li.ja-jp-team, div.ja-jp-press-tabs {
  display : none;
}

/* LEGAL NAV LINKS */
.LegalNav li.ja-jp-privacy-link {}
.LegalNav li.ja-jp-useragreement-link {}
.LegalNav li.ja-jp-dmca-link {}

.AboutToolsNav li.en-style {}
.AboutToolsNav li.fr-style {}
.AboutToolsNav li.es-style {}
.AboutToolsNav li.de-style { font-size: 44px; }
.AboutToolsNav li.pt-style {}

/* JP PRESS PAGE */
.Press .SecondaryContent .ja-press-sidebar { float:right; width:225px; margin: 0 0 0 0; }

/* end of country-style */

/* JOB LISTINGS */
.listings .custom_ghs a {
    text-decoration: none !important;
    color: #2975CA !important;
}

.listings .custom_ghs a:hover {
    text-decoration: underline !important;
}

.listings .custom_ghs #wrapper {
    max-width: 980px !important;
    margin: 0 auto !important;
    overflow: auto !important;
    padding: 0px 10px !important;
    min-height: 100% !important;
    margin: 0 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    height: 100% !important;
}

/* .listings .custom_ghs #wrapper:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px
} */

.listings .custom_ghs #main {
    max-width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 100px !important;
}

.listings .custom_ghs .opening {
    margin-bottom: 25px !important;
}

.listings .custom_ghs .opening a {
    font-size: 16px !important;
    font-weight: bold !important;
}

.listings .custom_ghs .location {
    color: #666 !important;
    margin: 8px 0px !important;
}

.listings .custom_ghs .company-name {
    font-size: 16px !important;
    font-size: 16px !important;
}

/* CUSTOM JOB LISTINGS GRNHS */
#custom_grnhse_iframe #application {
  display: none;
}
