﻿/***** FOR SAVING TO MYMVI *****/
#ReportActions img {
	display:block;
	float:left;
	padding:0 5px 0 0;
	margin:-10px 0 0 0;
	text-decoration:none;
}

#ReportActions a {
	display:block;
	padding-top:10px;
	text-decoration:none;
	/*margin-top:5px;*/
}

#ReportActions li a {
	float:left;
	display:block;
	padding-top:10px;
	font-size:0.8em;
	color:#000;
	text-decoration:underline;
}

#ExportActions ul {
	list-style-type:none;
	display:inline;
	line-height:0px;
}

#ExportActions li
{
	line-height:20px;
}

#ExportActions a
{
	margin-right:60px;
}

#ExportActions li a 
{

	text-decoration:underline;
}

#ExportActions
{

	margin-top:20px;
}

#ExportActions li img
{
    width:25px;
}

#ShopperQuestionDetail #ExportActions
{
    margin-top:5px;
}

#ReportActions #ExportActions,
#articleDisplay #ReportActions,
 #articleDisplay #ExportActions
{
    float:left;
}

h2.pageTitle 
{
    font-size: 14pt;
}

.listFilters  {
	border:1px solid #8E908F;
	display:block;
	width:225px;
}

#ShopperQuestionsList .listFilters
{
    width:200px;
}

.saveReportShow {
	position:absolute;
	
	width:250px;
	border:2px solid #3AB2E6;
	background-color:#FFF;
	padding:0 10px 10px 10px;
	z-index:20;
}

.saveReportShow h3 {
	text-align:left;
	margin:0;
	padding:0;
	width:100%;
}

.saveReportShow p {
    clear:both;
    text-align:right;
    margin:0;
    padding:0;
    color:#3AB2E6;
}

#ReportActions li .saveReportShow p a {
    float:none;
}

.saveReportHide {
	position:absolute;
	top:0;
	left:-5000px;
	visibility:hidden;
}

#iriLogoHolder, #ecrmLogoHolder {
	position:relative;
	top:75px;
	left:775px;
}

#iriLogoHolder img, #ecrmLogoHolder img {
	border:0;
}

.closeWindow {
	position:absolute;
	font-weight:bold;
	white-space:nowrap;
	top:5px;
	left:780px;
}


.shopperHeaderLabel,
#ShopperRightHandDiv a.shopperHeaderLabel
{
	color:#3AB2E6;
	font-weight:bold;
	font-size:18px;
	line-height:25px;
}

#ShopperRightHandDiv a.shopperHeaderLabel:hover
{
	text-decoration:underline;
}

.marginTop10
{
	margin-top:10px;
}

.rightHandShadow
{
	padding-bottom:22px;
}

.noTextDecoration
{
	text-decoration:none;
}

.noListStyle
{
	list-style-type:none
}


.alpha-shadow {
  float:right;
  background:url(../Images/Shadows/shadow1.gif) no-repeat bottom right;
  margin-top:13px;
}

.shopperDownloadSummary
{
	clear:both;
	color:#3AB2E6;
	display:block;
	font-weight:bold;
}

#content-sidebar
{
    margin-right:-20px;

}
.ShopperScapeButton
{
    padding-left:15px;
    line-height: 30px;
}

#ShopperQuestionsListing a.moreLink:link, 
#ShopperQuestionsListing a.moreLink:active,
#ShopperQuestionsListing a.moreLink:visited,
#ShopperQuestionsListing a.moreLink
{
    color:Black;
    text-decoration:none;
    font-weight:normal;
}

#ShopperQuestionsListing a.moreLink:hover
{
    	color:#3AB2E6;
}

#ShopperQuestionsListing td.uiItem
{
    border-bottom: 1px dotted;
    padding:15px 10px 15px 0px;
}

#ShopperHeading
{
    background:url('/Images/Shopper/heading.png') no-repeat;
    height:22px;
}

#ShopperHeadingLarge
{
    background:url('/Images/Shopper/heading_large.png') no-repeat;
    height:22px;
    width:725px;
    line-height:23px;
}

.questionDetailWidth
{
    width:78%;
}

.narrowColumnShopper
{
    float:left;
    width:215px;
}

.wideColumnShopper
{
    float:left;
    padding-right:10px;
    width:475px;
    padding-left:25px;
}

#ShopperInstructions
{
    margin-top:15px;
    padding-top:10px;
    float:left;
    padding-left:5px;
    padding-bottom:15px;
    width:90%;
}

#ShopperQuestionsListing .featuredInsightsGridRow
{
    border-bottom:1px dotted #CCC;
}
.ShopperScapeInstructions
{
    padding-top: 20px;
    float: left;    
}

.SSInstructionsColumns
{
    padding-top:10px;
}
.SSInstructionsIconColumn
{
    float:left; 
    width:30px;
}
.SSInstructionsTextColumn
{
    margin-left:5px;
    float:left; 
    width:60px;
}

/*shopper carousel settings*/
 .carouselImage
 {
     width: 315px;
     height: 250px;
 }
 .carouselOuter
 {
    width:315px;
    height: 100%;
    background-color: #333;
 }
 .carouselDetails
 {
     width: 315px;
     float: none;
     clear: both;
 }
 .leftRotatorButton, .leftRotatorButton:hover
 {
     left: 2px;     
 }
 .rightRotatorButton, .rightRotatorButton:hover
 {
     left: 18px;
 }
 .pauseButton, .resumeButton
 {
     left: 34px;
 } 
a.carouselLink, a.carouselLink:Link
{
    font-size: 12px;
    line-height: 19px;
    font-size: 16px;
    font-weight:normal;
    font-family: dino, Arial, Sans-Serif;
    cursor: pointer;
}
.carouselLink, a.carouselLink:visited, a.carouselLink:link, .carouselLinkSmall, a.carouselLinkSmall {
    color: #333;
    text-decoration:none;
}
a.carouselLink:hover
{   
    color: #000;
    text-decoration: underline; 
}

/*shopper carousel settings
 .carouselImage
 {
     width: 100%;
     height: 100%;
 }
 .carouselOuter
 {
    width:500px;
    height: 275px;
 }
 .carouselDetails
 {
     width: 125px;
 }
 .leftRotatorButton, .leftRotatorButton:hover
 {
     left: 385px;     
 }
 .rightRotatorButton, .rightRotatorButton:hover
 {
     left: 415px;
 }
 .pauseButton, .resumeButton
 {
     left: 400px;
 } 
a.carouselLink
{
    font-size: 12px;
    line-height: 18px;
}*/


/* --------------------------------------------------------------------------------*/
/* New Developer Styles */
/* --------------------------------------------------------------------------------*/

.wideColumn.carousel  
{
    width: 335px; 
    padding-right: 15px;
    margin-right: 30px;
    /*border-right: 1px #333 solid;*/
}

.carousel .contentHeader {
    background-color: #333333;
    display: inline-block;
    height: 25px;
    left: 160px;
    padding: 0 5px 0 55px;
}

.carousel .contentHeader .floatright
{
    position: static;
}

.carousel .buttons
{
    position: relative;
    top: 25px;
    left: -50px;
}

.boxhlWrapper 
{
    float: left;
}

.carousel .carouselModule
{
    background-color: #f4f4f4;
    border-top: none;
  /* -webkit-box-shadow: inset 1px 0px 27px 9px rgba(177,214,230,1);
    -moz-box-shadow: inset 1px 0px 27px 9px rgba(177,214,230,1);
    box-shadow: inset 1px 0px 27px 9px rgba(177,214,230,1);*/
    color: #000;
    padding: 10px;
   /* border: 1px solid #333333; */
}

.carouselOuter 
{
    background-color: transparent;
}

.carouselDetails
{
   width: 300px;
   margin-left: 0;
   padding: 10px 8px 0;
}
    
 h2.carousel 
{
    height:100%; 
}
 
.carousel h2 {
    /*text-align: right;*/
}

div.boxHyperLink 
{
    margin: 6px 2px;
}

.shopperTrends 
{
    float:left; 
    width:414px;
    /*border-top: 1px #333 solid;*/
}

.shopperTrends h2.shopperTitleBox
{
    margin-bottom: 15px;
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(white), to(#333)); 
    background: -webkit-linear-gradient(top left, white, #333); 
    background: -moz-linear-gradient(top left, white, #333); 
    background: -o-linear-gradient(top left, white, #333); 
    background: -ms-linear-gradient(top left, white, #333); 
    background: linear-gradient(to bottom right, white, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#333333',gradientType='1'); /* for IE */
}
.shopperTitleBox sup
{
    bottom:6px;
}

.shopperTrends #fiDetailsArticle
{
    margin-top: 0;
}

#fiDetailsArticle.stArticle 
{
   /* padding-bottom: 20px;*/
}

.stTitle, h3.articleTitle, .siLeft h4  
{
    color: #000;
    font-size: 13pt;
    font-weight: bold;
    margin: 0;   
}

.siLeft h4  
{
    font-size: 12pt;
    font-weight: normal; 
}

.trendsDate
{
    margin-bottom: 5px;
}

h3.articleTitle, h3.articleDate   
{
  line-height: normal;
}

h3.articleDate   
{
 color: #3AB2E6;
 text-decoration:none;
}

.trendsContentType 
{
    text-transform: uppercase;
}

.stLink a
{
   color: #1B74BB;
}

h2.shopperTitleBox
{
    text-align: right; 
    margin: 0;
    
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(white), to(#333)); 
    background: -webkit-linear-gradient(top left, white, #333); 
    background: -moz-linear-gradient(top left, white, #333); 
    background: -o-linear-gradient(top left, white, #333); 
    background: -ms-linear-gradient(top left, white, #333); 
    background: linear-gradient(to bottom right, white, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#333333',gradientType='1'); /* for IE */
}

.shopperTitleBox h2.pageTitle, .shopperTitleBox h3.pageTitle
{
    text-align: right; 
    border-top: 1px solid #333333;
    line-height: normal;
    padding-bottom: 0;
    margin-left: 0;
}

.carousel h2.shopperTitleBox
{
    background-color: #333;
}

h2.shopperTitleBox span, .shopperTitleBox h2.pageTitle span, .shopperTitleBox h3.pageTitle span
{
    color: #fff;
    font-size: 15pt;
    /*background-color: #333;*/
    display: inline-block;
    padding: 5px 15px;
}

.carousel h2.shopperTitleBox span
{
    background-color: none;
}

.shopperTitleBox.noBorder h2.pageTitle, .shopperTitleBox h3.pageTitle
{
    border: none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 204px;
}

.shopperTitleBox.noBorder.posStatic h2.pageTitle
{
    position: static;
}

.shopperTitleBox.noBorder h2.pageTitle span, .shopperTitleBox h3.pageTitle span
{
    background: transparent;
    font-size: 14pt;
    color: #333;
    padding: 0 15px;
}

h3.shopperSubTitle
{
    color: #000;
    font-size: 14pt;
    font-weight: normal;
    line-height: normal; 
    margin-top: 0;   
    padding-top: 10px;
}
h3.CompDynamics
{
    padding-bottom:2px;
}

.shopperSubTitle2
{
    color: #000;
    font-size: 11pt;
    font-family: Arial;
    font-weight: normal;
    line-height: normal; 
    margin-top: 0;       
}

.retailerInsights
{
    margin-top: 25px;
    /*border-top: 1px solid #333;*/
}

.crossChannel
{
    margin-top: 25px;
}

.shopperScape 
{
    margin-top: 25px;
    /*border-top: 1px #333 solid;*/
}
 
.siLeft 
{
    margin-right:20px;
    float: left;
}

.siRight 
{
    float: left;
}

.siBorderTopBlue 
{
    border-top: 1px #1cbce5 solid;
}
    
/* Featured Insights control */
 .featuredInsightsGridRow td.uiItem 
 {
     padding: 0 0 15px;
 }
 
 /* /Featured Insights control*/
 
 
.retailerInsights .siLeft,
.crossChannel .siLeft
{ 
    width: 481px;
}

.retailerInsights .siRight,
.crossChannel .siRight
{ 
    width: 274px;
    margin-left: 20px;
}

.shopperScape .left
{ 
    width: 400px;
}

.shopperScape .right
{ 
    width: 334px;
}

.shopperRightBox 
{
    /*border:1px solid #666666;
    padding:10px;*/    
    margin-bottom: 20px;
}

.shopperRightBox ul
{
    margin-bottom: 10px;
}

.crossChannel .left h4
{
    font-size: 13pt;
    line-height: normal; 
    margin: 0 0 10px;
}

.crossChannel .siLeft ul
{
    padding-left: 15px;
    margin-bottom: 20px;
    display: inline-block;
}

.crossChannel .siLeft ul li
{
    float:left; 
    width:225px;
    height: 40px; 
    margin-right:2px;
    padding-left: 5px;
}

.shopperRightBox h4
{
    font-size: 13pt;
    line-height: 14pt; 
    margin: 0 0 10px;
    padding-left: 45px;
}

.shopperRightBox ul
{
    margin-left: 20px;
} 

a.moreLink
{
    text-transform: uppercase;
    font-weight: bold;
} 

.siLeft a.moreLink
{
    /*line-height: 40px;*/
} 

.retailerInsights .siLeft a.moreLink
{
    margin-left: 110px;
} 

.shopperRightBox a.moreLink
{
    margin-left: 50px;
} 

.font14pt 
{
    font-size: 14pt;
}

.lineHeightNormal 
{
    line-height: normal;
}

.font333 
{
    color: #333;
}

h4.annualRetailer  
{
    background: url("/images/shopper/Kantar_Shopper_briefcase.png") no-repeat;
}

h4.demoSpending  
{
    background: url("/images/shopper/Kantar_Shopper_Graph.png") no-repeat;
 }

.wider90  
{
    width: 90%;
}

.contentListBorder
{
    border: none;
}


.hidden  
{
    display: none;
}

/* Shopper Insights List Filter */

.filterTitle.button
{
    margin-top: 20px;
} 
 ul.siFilterList 
 {
     margin: 0;
     padding: 0;
 }
.listFilters 
{
    width: 763px;
    padding: 10px;
}

li.filterTitle 
{
    display:inline-block;
    margin-right: 20px;
}

li.filterTitle select
{
    width: 125px;
    margin: 3px 0 5px;
}

li.filterTitle .dateRange select
{
    width: auto;
    margin: 0;
}

.filterButton
{
    width:140px;
    line-height: 24px;
    border: 1px solid black;
    font-size: 14px;
    /*text-transform: uppercase;*/
    color: #1D76BD;    
    font-weight:bold;
}

.filterButton span
{
    width:114px;
    text-align:center;
    display: inline-block;
    border-right: 1px solid black;
}

.filterButton:hover {
   background-color:#f3f3f3;
}

.imgFilterIcon
{
    text-align: right;
    display: inline-block;
}

.subTitle 
{
    font-size: .8em;
}

.inlineBlock 
{
    display: inline-block;
}

.leftWidth 
{
    width: 135px;
}

.rightWidth 
{
    width: 600px;
}

/* About Shopper Insights specific */

.shopperInsightsImg 
{
    display: block;
    height: 187px;
    background: url("/images/shopper/Kantar_About_insights_header.png") no-repeat;
}


.siBracketBox
{
    margin: 20px 0;
    height: 165px;
}

.siBracketBox div
{
    display: inline-block;
   
}

.siBracketBox p
{
    margin-bottom: 10px;
}

.siBracketBoxLeft 
{
    font-size: 10pt;
    text-transform:uppercase;   
    width: 150px;
    text-align: right;  
    height:100%;
}

.siBracketBoxLeft span
{
    display: inherit;
    height:25px;  
    vertical-align: middle;
    color: #666;
    font-weight:bold;
}

.siBracketBoxMid 
{
    border: 1px #333 solid;
    border-right-width: 0; 
    width: 5px;
    margin-left: 10px; 
    vertical-align: top;
    height: 100%;
}
.siBracketBoxRight 
{
    width: 500px; 
    margin-left: 10px;
    vertical-align: middle;
}

.dottedBorderTop 
{
    border-top: 2px dotted #444;
}

.width535px 
{ 
    width:535px;
}

.width275px 
{ 
    width:275px;
}

.width225px 
{ 
    width:225px;
}

.marginTop20
{
    margin-top: 20px;
}

.marginTop30
{
    margin-top: 20px;
}

.paddingTop30
{
    padding-top: 30px;
}

.paddingTop10
{
    padding-top: 10px;
}

/* Shopper Insights List specific */

.fiContentDetails span:first-child 
{
    /*display: block;*/ /*prevents More link from being inline*/
}

.fiContentTitle 
{
    font-size: 13pt;
    padding-bottom: 5px;
}

p.fiContentTitle
{
    padding-bottom: 0;
}

#fiDetailsBlog span.fiContentDetails 
{
    margin-bottom: 5px;
    display: block;
}

#fiDetailsArticle  
{
    margin-top: 10px;
    width: 100%;
}

#fiDetailsArticle p.fiContentTitle
{
   margin-bottom: 0;
}

#fiDetailsArticle p
{
   /*margin: 0 5px;*/
}

/* .listFilters .label 
{
    display: none;
}*/


div#ShopperDataReport .paddingBottom5 {
    padding-bottom: 0;
}

.siContentGraphicImage, .siImageIcon
{
    text-align:center;
    float:left;
}
.siContentGraphicImage img, .siImageIcon img
{
    width:100px;
    height:75;
    padding-top: 5px;
}
.siArticleContent
{
    float:left;
    margin-left:10px;
    width:75%;
} 

/*override slidedeck filmstrip styles*/
.rotatorImageFI
{
    height:146px;
    width: 163px;    
}
.thumbnailPanelStandard
{
    width:750px;
    margin: 10px 0 0;
}

.SITrendsViewAll
{
    padding-top: 12px;
}

a.continueReading
{
    text-transform: uppercase;   
    font-weight: bold;
}
a.continueReading:link, a.continueReading:active, a.continueReading, a.continueReading:visited {
    color: #1D76BD;
    text-decoration: underline;
}
a.continueReading:hover, a.continueReading:hover {
    color: #155A93;
}
.blurbStandard
{
    padding-top:5px;
}

.featuredInsightsGridRow a, .featuredInsightsGridRow a:link, .featuredInsightsGridRow a:visited,  #fiContentTitle a:active, #fiContentTitle a:focus
{
    color: #1D76BD;    
}
.featuredInsightsGridRow a:hover
{
    color: #155A93;
}

.linkButton, 
.linkButtonDisabled, 
a.linkButton, 
a.linkButtonDisabled,
a.BackgroundBlueLarge, 
a.BackgroundBlueLarge:visited,
a.BackgroundBlue, 
a.BackgroundBlue:visited, 
input.BackgroundBlueButton,
a.BackgroundBlueSmall, 
a.BackgroundBlueSmall:visited, 
input.BackgroundBlueSmall,
a.linkButton:hover, 
a.linkButtonDisabled:hover,
a.BackgroundBlueLarge:hover, 
a.BackgroundBlueLarge:visited:hover,
a.BackgroundBlue:hover, 
a.BackgroundBlue:visited:hover, 
input.BackgroundBlueButton:hover,
a.BackgroundBlueSmall:hover, 
a.BackgroundBlueSmall:visited:hover, 
input.BackgroundBlueSmall:hover {
    bottom: 8px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    padding: 5px 10px;
    text-transform: uppercase;
    background: rgb(10,120,197);
    border-radius: 0;
    border: 0;
}

a.linkButton:hover, 
a.BackgroundBlueLarge:hover, 
a.BackgroundBlueLarge:visited:hover,
a.BackgroundBlue:hover, 
a.BackgroundBlue:visited:hover, 
input.BackgroundBlueButton:hover,
a.BackgroundBlueSmall:hover, 
a.BackgroundBlueSmall:visited:hover, 
input.BackgroundBlueSmall:hover {
    background: rgb(10,54,100); /* Old browsers */
}

a.linkButtonDisabled
{
    background: rgb(204,204,204);
}

.siThemes
{
    /*border-left: 1px solid #333333;
    border-right: 1px solid #333333;*/
    padding:20px 0px;
    margin-top:-8px;
    width:350px;
    
    text-align:center;
    font-size:14px;
    font-style: italic;
    border-left:1px solid #0A78C5;
    border-right:1px solid #0A78C5;
    border-bottom:1px solid #0A78C5;
    
  -moz-box-shadow:    5px 5px 5px #666666;
  -webkit-box-shadow: 5px 5px 5px #666666;
  box-shadow:         5px 5px 5px #666666;
  background: none repeat scroll 0 0 #EAF1F7;
    
}
.siShopperscapeSummary
{
    width:70%;
    position:relative;    
    font-style:italic;
    float:left;
    padding-top:10px;
    padding-bottom:15px;
}
.siPDFLink1, .siPDFLink2
{
    float:left;
    position:relative;
    padding-top:15px;
    padding-left:10px;
}
.siPDFLink2
{
    padding-top:2px;    
}
.siShopperscapeSectionLeft
{
    width:45%;
    padding-right:20px;
    border-right:1px solid black;
}
.siShopperscapeSectionRight
{
    width:45%;
}
.siShopperscapeSubSection
{
    float:left;
    padding-bottom:10px;
}
.siEasyReporting
{
    float:left;
    width:350px;
    padding-right:10px;
}

.siShopperscapeSectionLeft h2, .siShopperscapeSectionRight h2
{
    color: Black;
}  
    
#WebinarDetailDiv 
{
    background-color: #000;
}

.upcomingEvents 
{
    float:left;
    border:1px solid gray;
    background: transparent;
    margin-top:25px;
    padding:15px;
}

.upcomingEvents .contentSubHeader
{
    font-family: Arial;
    font-size: 16px;
    text-transform: none;
}

.upcomingEvents a.eventTitle
{
    font-family: Arial;
    font-size: 13px !important;
    font-weight: bold;
}

.upcomingEvents .eventMeta
{
    font-family: Arial;
}
.eventMetaShopper
{
    font-family: Arial;
}

#localNav table 
{
    margin-left: 0;
}

.defaultTextColor 
{
    color: #333;
}

#divPageTitle h2.pageTitle 
{
    font-size: 14pt;
}

.shadow {
  -moz-box-shadow:    5px 5px 5px #666666;
  -webkit-box-shadow: 5px 5px 5px #666666;
  box-shadow:         5px 5px 5px #666666;
  background: none repeat scroll 0 0 #EAF1F7;
}

sup
{
    bottom: 5px;
    font-size: 11px;
}


h4.ShopperThemeDiv {
    overflow: hidden;
    text-align: center;
    clear:both;
    font-size:12px;
}
h4.ShopperThemeDiv:before,
h4.ShopperThemeDiv:after {
    background-color: #0A78C5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 70%;
}
h4.ShopperThemeDiv:before {
    right: 0.5em;
    margin-left: -90%;    
}
h4.ShopperThemeDiv:after {
    left: 0.5em;
    margin-right: -45%;
}
.eventsAndWebinarsContainer
{
    border-bottom: 1px dashed grey;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.Utility1Title
{
    font-size: 11pt;
    font-weight: normal; 
    margin-left:5px;
    font-family:Arial;   
    text-transform:none;
    line-height:17px;
}
.ShopperInfoHelp
{
    margin-bottom: -5px;
}
.dashboardContainer
{
    margin-top: -9px;
}
a.NoDecoration, a.NoDecoration:hover, a.NoDecoration:active, a.NoDecoration:visited
{
    text-decoration: none;
}
a.aspNetDisabled, a.aspNetDisabled:hover
{
    color:#333;
}
.leftSmRotatorButton:hover, .rightSmRotatorButton:hover
{
    cursor: pointer;
}

