﻿/*
@reference "../Base/bootstrap-3.3.7.css";
@reference "core.css";
@reference "articles.css";
@reference "ps2-forms.css";
@reference "patrick.css";
@reference "public-main.css";
*/
/* New Flyout Menu */

#global-nav-home, #global-nav-home:visited {position:absolute;margin-left:0px;width:56px;height:47px;background:url("/images/ps2/ui/global-nav-home.png") top left no-repeat transparent;border-right:1px solid #363636;border-left:1px solid #666;}

	#global-nav-home:hover {background-position:0 -47px;border-right:1px solid #676767;border-left:1px solid #999;}

#global-nav, #global-nav ul, li.main-level-item, ul.main-site-nav, li.main-site-nav li {list-style:none outside none;}
li.main-level-item {list-style:none outside none; float:left;}
	
	#global-nav, li.main-level-item, ul.main-site-nav, li.main-site-nav li {margin:0;padding:0;height:47px;}
		
	#global-nav ul { height: auto;margin:0;padding:0;}

		#global-nav {height:47px;position:absolute;margin-left:57px;z-index:10000;width:760px}
        	
        		
        			.main-level-item a.main-level-link, .main-level-item a.main-level-link:visited {
        				font-family:'LinotypeUniversW01-Bold 723697', Arial, Helvetica, sans-serif;
        				color:#fff;
        				font-size:18px;
        				padding:14px 24px 15px;
        				display:block;
        				background:url("/images/ps2/ui/global-nav-links.png") top left repeat-x transparent;
        				border-right:1px solid #666;
        				border-left:1px solid #363636;
        				-moz-text-shadow:0px -1px 0px black;
        				-o-text-shadow:0px -1px 0px black;
        				-webkit-text-shadow:0px -1px 0px black;
        				text-shadow:0px -1px 0px black;		
        				}
        			
        			.main-level-item a.main-level-link:hover {
        				text-decoration:none;
        				background-position:0 -47px !important;
        				}
        				
					.nav-active { background-position:0 -47px !Important; }
        	
#flyOutBackground {display:none;position:absolute;top:47px;left:-70px;z-index:999;height:186px;width:998px;
                   background:url(/images/ps2/ui/global-nav-flyout.png) top left repeat-x #333;
                   -moz-border-radius:0 0 8px 8px;
                   -o-border-radius:0 0 8px 8px;
                   -webkit-border-radius:0 0 8px 8px;
                   border-radius:0 0 8px 8px;
					-moz-box-shadow:0px 3px 2px rgba(0, 0, 0, 0.9);
					-o-box-shadow:0px 3px 2px rgba(0, 0, 0, 0.9);
					-webkit-box-shadow:0px 3px 2px rgba(0, 0, 0, 0.9);
					box-shadow:0px 3px 2px rgba(0, 0, 0, 0.9);
                   }
    
    /* container for sub-navigation menus */    			
	.sub-nav 
	{
		display:none;
		position:absolute;
		top:47px;
		padding-top:22px !important;
		left:-70px;
		z-index:1000;
		width:998px;
		height:164px !important;
        background:url(/images/ps2/ui/global-nav-flyout.png) top left repeat-x #333;
        -moz-border-radius:0 0 8px 8px;
        -o-border-radius:0 0 8px 8px;
        -webkit-border-radius:0 0 8px 8px;
        border-radius:0 0 8px 8px;
		}

/* END NEW FLYOUT MENU UI */

/* START Header Styles
------------------------------------------------- */
/* site-nav
------------------------------------- */
.main-site-nav-wrapper {
  background: url("/images/ps2/ui/top_nav_bkg.png") repeat-x top left;
  height: 47px;
  overflow: hidden;
  -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.9);
  -o-box-shadow:0 0px 10px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, 0.9);
  box-shadow:0 0px 10px rgba(0, 0, 0, 0.9);
  }

.main-site-nav {
  position: relative; }
  .main-site-nav ul {
    margin: 0px;
    padding: 0;
    float: right; }
    .main-site-nav ul li {
      float: left;
      margin-left: 0px;
      padding-left: 12px;
      padding-right: 12px; }
      
      .main-site-nav ul li a {
        padding-top: 15px;
        padding-bottom: 10px;
        display: block;
        color: #fff;
        font-family: 'LinotypeUniversW01-Bold 723697', Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-transform: uppercase; }
      .main-site-nav ul li a:hover {
        text-decoration: none;
        border-bottom: 6px solid #ff0000; }
      .main-site-nav ul li a:focus {
        outline: none;
        border-bottom: 6px solid #ff0000; }
      .main-site-nav ul li .navlink-corporate-access, .main-site-nav ul li .navlink-articles, .main-site-nav ul li .navlink-newsletter, .main-site-nav ul li .navlink-about {
        /*padding: 0;
        height: 47px;*/ }
      .main-site-nav ul li .navlink-home {
        padding: 0;
        height: 47px; }

/* header-flyout
------------------------------------- */
.header-flyout {
  overflow: hidden;
  position: relative;
  height: 0; }

.headerFlyoutScrollContainer {
  overflow: hidden;
  position: relative; }

.headerFlyoutScrollContent {
  position: relative; }

.headerFlyoutScrollItem {
  float: left;
  position: relative;
  min-height: 140px; }

/* nav-flyout-panel
------------------------------------- */
.fly-out-panel-timer-container {
  position: relative;
  background: url("/images/ps2/ui/flyout_corp_mouseovers.png") no-repeat -9999px -9999px; }

.nav-fly-out-panel {
  display: none;
  margin-bottom: 20px;
  padding: 0;
  background: url("/images/ps2/ui/flyout_bkg.png") repeat-x top left;
  height: 186px; }
  .nav-fly-out-panel ul {
    margin: 0;
    padding-left: 20px;
    color: #ccc; }
    
  .nav-fly-out-panel a, .nav-fly-out-panel a:visited, .sub-nav a, .sub-nav a:visited {color: #ddd;}
  .nav-fly-out-panel a:hover {color: #fff;}
    
  .nav-fly-out-panel .divider-vertical {
    position: absolute;
    left: 50%;
    top: 0;
    height: 170px;
    width: 28px;
    margin-left: -21px;
    background: url("/images/ps2/ui/divider_vertical.png") no-repeat bottom center; }

/* headerFlyoutScrollItem
------------------------------------- */
.headerFlyoutScrollItem {
  padding: 20px 0 0 0; }

.corp-col-1-inner, .corp-col-2-inner,
.articles-col-1-inner, .articles-col-2-inner, .about-col-1-inner, .articles-col-3-inner, .newsletter-col-1-inner, .about-col-2-inner, .about-col-3-inner,
.newsletter-col-1-inner, .newsletter-col-2-inner, .about-col-1-inner, .about-col-2-inner, .about-col-3-inner {
  height: 140px; }

.corp-col-1-inner {
  margin: 0;
  padding-left: 37px;
  padding-top: 24px;
  height: 116px; }
  .corp-col-1-inner dl, .corp-col-1-inner dt, .corp-col-1-inner dd {
    margin: 0;
    padding: 0; }
  .corp-col-1-inner dl dt {
    float: left;
    width: 161px; }
  .corp-col-1-inner dl dd {
    margin-left: 176px; }
    .corp-col-1-inner dl dd h3 {
      margin: 9px 0;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 24px;
      line-height: 29px; }
    .corp-col-1-inner dl dd a {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      border: 1px solid #ccc;
      float: left;
      display: block;
      padding: 0 3px;
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 16px;
      line-height: 26px; }

.corp-col-2-inner {
  margin: 0 0 0 -3px;
  border-left: 1px solid #999;
  padding: 0 0 0 23px;
  position: relative; }
  .corp-col-2-inner h3 {
    margin: 0px 0px 14px 0px;
    padding:10px 0 0 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase; }
  .corp-col-2-inner ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .corp-col-2-inner ul li {
      margin-bottom: 13px;
      padding-left: 34px;
      background: url("/images/ps2/ui/flyout_icons_alpha_vert.png") no-repeat top left;
      height: 24px;
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 16px;
      line-height: 24px;
      width:100%; }
      .corp-col-2-inner ul li a:hover {
        text-decoration: none; }
      .corp-col-2-inner ul li .corp-mouseover-image {
        display: block;
        position: absolute;
        top: 22px;
        right: 60px;
        width: 108px;
        height: 108px; }
    .corp-col-2-inner ul .corporate-subscriptions {
      background-position: 0 -216px; }
    .corp-col-2-inner ul .corporate-subscriptions:hover {
      background-position: 0 -756px; }
      .corp-col-2-inner ul .corporate-subscriptions:hover .corp-mouseover-image {
        background: url("/images/ps2/ui/flyout_corp_mouseovers.png") no-repeat top left;
        background-position: -264px 0; }
    .corp-col-2-inner ul .emarketers-coverage {
      background-position: 0 -36px; }
    .corp-col-2-inner ul .emarketers-coverage:hover {
      background-position: 0 -576px; }
      .corp-col-2-inner ul .emarketers-coverage:hover .corp-mouseover-image {
        background: url("/images/ps2/ui/flyout_corp_mouseovers.png") no-repeat top left;
        background-position: -132px 0; }
    .corp-col-2-inner ul .our-clients {
      background-position: 0 -72px; }
    .corp-col-2-inner ul .our-clients:hover {
      background-position: 0 -612px; }
      .corp-col-2-inner ul .our-clients:hover .corp-mouseover-image {
        background: url("/images/ps2/ui/flyout_corp_mouseovers.png") no-repeat top left;
        background-position: 0 0; }
    .corp-col-2-inner ul .corporate-subscriptions:hover a, .corp-col-2-inner ul .emarketers-coverage:hover a, .corp-col-2-inner ul .our-clients:hover a {
      color: #fff;
      text-decoration: none; }
/* ------------------------------  END -------------------------------------- */

.articles-col-2-inner .today-articles .disabled-article, .about-col-1-inner .today-articles .disabled-article
{
	color: #ccc !important;
}
.articles-col-2-inner .today-articles h3, .about-col-1-inner .today-articles h3
{
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.articles-col-2-inner .today-articles .list, .about-col-1-inner .today-articles .list
{
	list-style: square;
	margin: 10px 0px 0px 16px;
	padding: 0;
}
.articles-col-2-inner .today-articles .list li, .about-col-1-inner .today-articles .list li
{
	margin-bottom: 6px;
}
.articles-col-2-inner .today-articles .list li a, .about-col-1-inner .today-articles .list li a
{
	color: #ccc;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.articles-col-2-inner .today-articles .list li a:visited, .about-col-1-inner .today-articles .list li a:visited
{
	color: #ccc;
}
.articles-col-2-inner .today-articles .list li a:hover, .about-col-1-inner .today-articles .list li a:hover
{
	color: #fff;
}



.articles-col-1-inner {
  padding-left: 9px;
  padding-top: 7px;
  height: 133px; }
  .articles-col-1-inner dl, .articles-col-1-inner dt, .articles-col-1-inner dd {
    margin: 0;
    padding: 0; }
  .articles-col-1-inner dl dt {
    float: left;
    width: 74px; }
  .articles-col-1-inner dl dd {
    margin-left: 88px; }
    .articles-col-1-inner dl dd h3 {
      margin-bottom: 10px;
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 17px;
      line-height: 21px; }
    .articles-col-1-inner dl dd a {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      border: 1px solid #ccc;
      padding: 4px 9px;
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 12px;
      line-height: 14px; }

.articles-col-2-inner, .about-col-1-inner {
  margin-left: 17px;
  border-left: 1px solid #999;
  padding-left: 24px; }
  .articles-col-2-inner h3, .about-col-1-inner h3 {
    margin: 0px 0px 10px 0px;
    padding:10px 0 0 0;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase; }
  .articles-col-2-inner ul, .about-col-1-inner ul {
    margin: 0;
    padding: 0 0 0 16px;
    list-style-type: square; }
    .articles-col-2-inner ul li, .about-col-1-inner ul li {
      margin: 0 0 9px 0;
      padding: 0;
      color: #ccc;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 12px;
      line-height: 16px; }

.articles-col-3-inner, .newsletter-col-1-inner, .about-col-2-inner, .about-col-3-inner {
  margin-left: 24px;
  border-left: 1px solid #999;
  padding-left: 20px; }
  .articles-col-3-inner ul, .newsletter-col-1-inner ul, .about-col-2-inner ul, .about-col-3-inner ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .articles-col-3-inner ul li, .newsletter-col-1-inner ul li, .about-col-2-inner ul li, .about-col-3-inner ul li {
      margin: 10px 0;
      padding-left: 34px;
      background: url("/images/ps2/ui/flyout_icons_alpha_vert.png") no-repeat top left;
      height: 24px;
      padding-bottom:14px;
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 16px;
      line-height: 24px; }
      .articles-col-3-inner ul li a:hover, .newsletter-col-1-inner ul li a:hover, .about-col-2-inner ul li a:hover, .about-col-3-inner ul li a:hover {
        text-decoration: none; }
    .articles-col-3-inner ul .latest-articles, .newsletter-col-1-inner ul .latest-articles, .about-col-2-inner ul .latest-articles, .about-col-3-inner ul .latest-articles {
      background-position: 0 -108px; }
    .articles-col-3-inner ul .latest-articles:hover, .newsletter-col-1-inner ul .latest-articles:hover, .about-col-2-inner ul .latest-articles:hover, .about-col-3-inner ul .latest-articles:hover {
      background-position: 0 -648px; }
    .articles-col-3-inner ul .latest-webinars, .newsletter-col-1-inner ul .latest-webinars, .about-col-2-inner ul .latest-webinars, .about-col-3-inner ul .latest-webinars {
      background-position: 0 -144px; }
    .articles-col-3-inner ul .latest-webinars:hover, .newsletter-col-1-inner ul .latest-webinars:hover, .about-col-2-inner ul .latest-webinars:hover, .about-col-3-inner ul .latest-webinars:hover {
      background-position: 0 -684px; }
    .articles-col-3-inner ul .advertising-opportunities, .newsletter-col-1-inner ul .advertising-opportunities, .about-col-2-inner ul .advertising-opportunities, .about-col-3-inner ul .advertising-opportunities {
      background-position: 0 -180px; }
    .articles-col-3-inner ul .advertising-opportunities:hover, .newsletter-col-1-inner ul .advertising-opportunities:hover, .about-col-2-inner ul .advertising-opportunities:hover, .about-col-3-inner ul .advertising-opportunities:hover {
      background-position: 0 -720px; }
    .articles-col-3-inner ul .latest-articles:hover a, .newsletter-col-1-inner ul .latest-articles:hover a, .about-col-2-inner ul .latest-articles:hover a, .about-col-3-inner ul .latest-articles:hover a, .articles-col-3-inner ul .latest-webinars:hover a, .newsletter-col-1-inner ul .latest-webinars:hover a, .about-col-2-inner ul .latest-webinars:hover a, .about-col-3-inner ul .latest-webinars:hover a, .articles-col-3-inner ul .advertising-opportunities:hover a, .newsletter-col-1-inner ul .advertising-opportunities:hover a, .about-col-2-inner ul .advertising-opportunities:hover a, .about-col-3-inner ul .advertising-opportunities:hover a {
      color: #fff;
      text-decoration: none; }

.newsletter-col-1-inner {
  margin-left: 9px;
  padding: 0;
  border: none; }
  .newsletter-col-1-inner ul .view-todays-issue {
    background-position: 0 -108px; }
  .newsletter-col-1-inner ul .view-todays-issue:hover {
    background-position: 0 -648px; }
  .newsletter-col-1-inner ul .manage-newsletter-subscription {
    background-position: 0 0; }
  .newsletter-col-1-inner ul .manage-newsletter-subscription:hover {
    background-position: 0 -540px; }
  .newsletter-col-1-inner ul .view-todays-issue:hover a, .newsletter-col-1-inner ul .manage-newsletter-subscription:hover a {
    color: #fff;
    text-decoration: none; }

.newsletter-col-2-inner a:hover, .about-col-1-inner a:hover {color:#FFF;}

.newsletter-col-2-inner {
  margin-left: -13px;
  border-left: 1px solid #999;
  padding-left: 47px;
  padding-top: 16px;
  height: 124px; }
  .newsletter-col-2-inner dl, .newsletter-col-2-inner dt, .newsletter-col-2-inner dd {
    margin: 0;
    padding: 0; }
  .newsletter-col-2-inner dl dt {
    float: left;
    width: 74px; }
  .newsletter-col-2-inner dl dd {
    margin-left: 94px; }
    .newsletter-col-2-inner dl dd h3 {
      margin: 7px 0;
      padding-top:12px;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 21px;
      line-height: 28px; }
    .newsletter-col-2-inner dl dd input[type='text'] {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      display: block;
      float: left;
      width: 276px;
      height: 24px;
      border: 1px solid #ccc;
      margin-right: 11px;
      padding: 0 12px;
      color: #b2b2b2;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 17px;
      line-height: 24px; }
    .newsletter-col-2-inner dl dd input[type='text']:focus {
      box-shadow: none; }
    .newsletter-col-2-inner dl dd button[type='submit'] {
      display: block;
      float: left;
      width: 50px;
      height: 26px;
      border: none;
      padding: 0;
      background: url("/images/ps2/ui/flyout_button_go.png") no-repeat right center; }

.about-col-1-inner {
  border: none;
  margin: 0;
  padding-left: 13px; }

.about-col-2-inner {
  margin-left: 6px;
  padding-left: 12px; }
  .about-col-2-inner ul .about-emarketer {
    background-position: 0 -252px; }
  .about-col-2-inner ul .about-emarketer:hover {
    background-position: 0 -792px; }
  .about-col-2-inner ul .corporate-subscriptions {
    background-position: 0 -216px; }
  .about-col-2-inner ul .corporate-subscriptions:hover {
    background-position: 0 -756px; }
  .about-col-2-inner ul .about-emarketer:hover a, .about-col-2-inner ul .corporate-subscriptions:hover a, .about-col-2-inner ul .advertise-with-emarketer:hover a {
    color: #fff;
    text-decoration: none; }

.about-col-3-inner {
  margin-left: 21px;
  padding-left: 12px; }
  .about-col-3-inner ul .newsroom {
    background-position: 0 -288px; }
  .about-col-3-inner ul .newsroom:hover {
    background-position: 0 -828px; }
  .about-col-3-inner ul .career-opportunities {
    background-position: 0 -324px; }
  .about-col-3-inner ul .career-opportunities:hover {
    background-position: 0 -864px; }
  .about-col-3-inner ul .contact-us {
    background-position: 0 -360px; }
  .about-col-3-inner ul .contact-us:hover {
    background-position: 0 -900px; }
  .about-col-3-inner ul .newsroom:hover a, .about-col-3-inner ul .career-opportunities:hover a, .about-col-3-inner ul .contact-us:hover a {
    color: #fff;
    text-decoration: none; }

/* logo and login form
------------------------------------- */
.main-site-nav-wrapper .container a.button-client-login {
    display: block;
    float: right;
    border: none;
    padding: 0;
    margin: 12px 15px 0 0;}

.logo-and-login-form-wrapper {
  border-bottom: 1px solid #aaa;
  padding: 11px 0 9px 0; }

.logo a {
  display: block;
  line-height: 53px;
  text-decoration: none;
  background: url("/images/ps2/ui/eMarketer_logo_233_53.png") no-repeat top left;
  width: 233px;
  height: 53px; }
.logo a:hover, .logo a:focus {
  text-decoration: none;
  outline: none; }

.contact-number p {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 15px;
  padding-right: 5px;
  text-align: right;
  color: #666;
  height: 22px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold; }

/* banner ad
------------------------------------- */
.banner-ad-wrapper {
  padding: 20px 0;
  border-bottom: 1px solid #aaa;
  height: 108px;
  text-align: center; }

.banner-ad {
  text-align: center;
  min-height: 90px; }
  
.banner-ad .container span {
  display: inline-block; }
  
.banner-ad-wrapper span {
  display: inline-block; }

.banner-ad-inner {
  min-width: 728px; min-height:90px; padding:8px; border:1px solid #CCC; display: inline-block;}

/* END Header Styles
------------------------------------------------- */
