/* set any default styles for all elements */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body { font-family: 'Open Sans', sans-serif; color:#6B6C6E;} 

/* element style properties */

a img { border: 0 none; }
img { border: 0 none; }
/* img { behavior:	url("/_includes/images/pngbehavior.htc"); } */
a, a:visited, a:active, a:link { text-decoration: none; color:#003399;  }
a:hover { text-decoration: underline; color:#003399; }
input, textarea { background: #f2f0f0; }
form { margin: 0; }
form input, form select, form option, form textarea, form img { z-index: 2000; position: relative; }
#resource-cart-contents form input, #resource-cart-contents form img {z-index:100;}

p {  }
h1 {color:#CC162E;font-size:20pt;line-height:24pt;font-weight:bold;  }
h2 {color:#422986;font-size:18pt;line-height:20pt;font-weight:bold; }
h3 {color:#EE1947;font-size:15pt;line-height:18pt;font-weight:normal;  }
h4 {  }
h5 {color:#777777;font-weight: normal;margin-top: -15px}
h6 {  }
ul {  }
li {  }


#AccessCodeForm {width:400px;text-align:center;background:#f2f0f0;clear:both;padding:2px 25px 5px 25px;margin:25px auto;overflow:hidden;float:none;}
#pageAccess {padding:10px 0;}
#pageAccess h3 {display:none;/*margin:5px 0 5px 0;padding:0;font-size:16px;line-height:22px;color:#003399;*/}
#AccessCodeExit {float:left;text-align:center;clear:left;margin:10px auto 0 auto;padding:0 0 0 0;text-align:center;width:234px;}
#AccessCodeExit input {width:100px;margin:0px 0 0 0;;}
#AccessCodeForm .form-group {width:auto;/*float:left;text-align:right;*/}
#AccessCodeForm label {    font-size: 22px;
    line-height: 28px;
    margin-bottom: 17px;
    font-weight: bold;
    display: block;
    color: #5D3E75;}
#accessLogin {display:block;width:54% !important;float:none;margin:0 auto;background:#90489A;color:#ffffff;border-color:#90489A;line-height:22px;padding:5px;}
#AccessCodeForm #access_code {line-height:28px;border:1px solid #5D3E75;width:50% !important;float:none;margin:0 auto 15px;padding:0 2%;}
.formErrors p strong {color:#ffffff;}

/* use this to force a clean break after floating elements */
body {margin:0 auto; /*background:url(/_includes/images/skins/2019/19_default/bg-drop.png) top no-repeat;*/
	background-color: #8963a8;
	background-image: -webkit-linear-gradient(124deg, #8963a8, #492e5f);
	background-image: -moz-linear-gradient(124deg, #8963a8, #492e5f);
	background-image: -o-linear-gradient(124deg, #8963a8, #492e5f);
	background-image: -ms-linear-gradient(124deg, #8963a8, #492e5f);
	background-image: linear-gradient(124deg, #8963a8, #492e5f);
}

#wrapper_bg	{background:url(/_includes/images/skins/2019/19_default/bg-drop.png) top center no-repeat;height:100%;}
#wrapper 	{width:980px;/*height:675px;*/margin:0 auto; repeat-y;clear:both;margin-bottom:200px;overflow:hidden;}
#header 	{width:980px;padding:0;float:left;height: 194px;margin-top:0px;

	/*background-color: rgba(137,99,168,0);
	background-image: -webkit-linear-gradient(right, rgba(65,41,134,0), #412986);
	background-image: -moz-linear-gradient(right, rgba(65,41,134,0), #412986);
	background-image: -o-linear-gradient(right, rgba(65,41,134,0), #412986);
	background-image: -ms-linear-gradient(right, rgba(65,41,134,0), #412986);
	background-image: linear-gradient(to left, rgba(73,46,95,0), #492e5f);
	*/
}
#header .title {text-transform: uppercase;font-family: 'Open Sans Condensed', sans-serif; font-size:68px; color:white; float:right; margin-top: 12px; line-height: 1; margin-right: 20px; text-shadow: -1px 4px 8px rgba(3,3,3,.75);}
#header .logo {margin-top:70px;width:350px;height:110px;float:left;background:url(/_includes/images/skins/2019/19_default/logo-playbook.png);}
#header h1 {width:270px;height:70px;float:right;background:url(/_includes/images/skins/2016/16_default/logo_mondelezWhite.png) top no-repeat;padding:0;margin:9px 42px 0 0;}


#content, #content_home	{width:980px;/*height:578px;*/float:left;/*background:url(/_includes/images/skins/2016/16_default/bg_content.gif) top center repeat-y #ffffff;*/overflow:hidden;}
/*#content_home {background:url(/_includes/images/skins/default/bg_homeContent.gif) repeat-y;}*/

#nav		{border:2px solid;border-color:rgba(216, 206,224,.35);border-bottom:0;width:232px;min-height:0px;height:auto !important;height:0px;margin:0;float:left;font-size:16pt;line-height:18pt;}

#content_home #nav {}

#navQ		{float:left;background:#fff;width:234px;height:60px;padding:8px 0 0 0;margin:0;text-align:center;font-weight:none;color:#cd0032;font-size:18px;}
#navQ h1	{font-size:11pt;line-height:13pt;color:#422986;margin-bottom:5px;font-weight:normal;margin:0;}
#navQ a:link,#navQ a:visited,#navQ a:active {color:#003399;}
#navQ a:hover {text-decoration:none;}

#nav .bonusFunded {padding:9px 5px 0 40px;margin:0;margin-left:-2px;width:163px;height:47px;background:url(/_includes/images/skins/default/bg_BonusFunded.jpg) top center no-repeat;}
#nav .bonusFunded h5 {color:green;font-size:9pt;line-height:10pt;margin:0;font-weight:bold;}
#nav .bonusFunded h6 {color:#ffffff;font-size:8pt;line-height:10pt;margin:0;}

#nav .allFunded {padding:9px 5px 0 40px;margin:0;margin-left:-2px;width:163px;height:47px;background:url(/_includes/images/skins/default/bg_AllFunded.jpg) top center no-repeat;}
#nav .allFunded h5 {color:#AA5F05;font-size:9pt;line-height:10pt;margin:0;font-weight:bold;}
#nav .allFunded h6 {color:#ffffff;font-size:8pt;line-height:10pt;margin:0;}

#nav #nav-flavor-bursts {position:absolute;margin-top:0px;margin-left:-14px;clear:left;}

#nav ul#qm0 {margin:0;padding:0;clear:both;margin-top:7px;}
#nav ul#qm0 li {list-style:none;}
#nav ul#qm0 li ul {background:#ffffff;}

#nav ul li#mainnav_li_break div {
	border-bottom: 2px solid rgba(216, 206,224,.35);
    width: 50%;
    margin: 15px 0 15px 12px;
}
/*
#nav ul#qm0 li:nth-child(odd) {background:#502e81;}
#nav ul#qm0 li:nth-child(even) {background:#3b2066;}

#nav ul#qm0 ul li:nth-child(odd) {background:#98989E;}
#nav ul#qm0 ul li:nth-child(even) {background:#A7A7AB;}
*/
#qm0 a, ul li a#mainnav_agency {
	background-color:rgba(216, 206,224,.35) !important;
	font-weight: 600;
	font-size:17px;
	line-height:19px;
    color: #391453;
    display: block;
    margin: 4px 10px;
    padding: 5px 8px;
    text-align: left;
    width: 196px !important;
	text-transform:uppercase;
	text-decoration:none;
}
#qm0 a:hover, ul li a#mainnav_agency:hover {
	color:#3FC9D4 !important;
	background-color:rgba(63, 201,212,.25) !important;
	text-decoration:none !important;
	}


#main	{width:725px;float:right; padding:0px 10px 10px 0px;font-size:16px;line-height:23px;display:table-cell;}

#main #title {background:#522b7d;color:#fff;height:30px;font-size:24px;line-height:30px;padding:0 0 0 30px;float:left;width:100%;font-weight:800;}
/*#main #home {padding:0 0 0 10px;}*/

#main #home > div {margin-bottom:10px;padding:10px 40px;float:left;}
.section-header {width:100%;}
.section-header, .section-header img, .section-header-content {float:left;}
.section-header-content {padding:5px 0px 10px 75px;clear:left;}
.section-header > img {clear:both;}

#main #home-welcome .welcome .carousel li table {width:100%;}
#main #home-welcome .welcome .carousel li table td {border-bottom:1px solid #CFCFCF;}
#main #home-welcome .welcome .carousel li table tr:last-child td {border:0px;}

#main #home-welcome .welcome .carousel li table td:nth-child(2) {width:33%;text-align:right;}
#main #home-welcome .welcome .carousel li h2 {margin:0px 0px 5px 0px !important;}


#main #home-welcome {background:#F9F9F9;}

#main .red .section-header .section-header-content {background:url(/_includes/images/skins/2019/19_default/bg-header-red.png) top left repeat-y;}

#main #home-whats-new {background:#F9F9F9;}
#main .teal .section-header .section-header-content {background:url(/_includes/images/skins/2019/19_default/bg-header-teal.png) top left repeat-y;}

#main #home-winning-plays {background:#ffffff;}
#main .purple .section-header .section-header-content {background:url(/_includes/images/skins/2019/19_default/bg-header-purple.png) top left repeat-y;}

.carousel-wrapper {width:645px;margin:0px auto 25px auto;background:#00B8C7;padding:10px 0 10px 0;position:relative;}
#home-winning-plays .carousel-wrapper {float:left;margin:0px 0px 25px 0;}

#main #inner {min-height:558px;height:auto !important;height:558px;/*width:686px;*/padding:0px;/*margin:10px 20px 0 0;*/}

#main #inner #inner-content {padding:15px;background:#f8f8f8;overflow:hidden;min-height:385px;height:auto !important;height:558px;}

/*#content .main .home {width:755px;background:url(/_includes/images/skins/default/home_background.jpg); background-repeat:no-repeat;}*/
/*#content .main .header {margin:28px 50px 0 50px; font-family:Tahoma, Geneva, sans-serif; }*/
/*#content .main .header2 {margin:0 50px 0 240px; font-family:Tahoma, Geneva, sans-serif; }*/

/*#content .main .copy {margin:260px 50px 0 50px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; }
#content .main .int {width:765px; padding:20px;}*/

#main #home_snippetRight {width:369px;float:right;margin:0;}
#main #home_snippetLeft {width:337px;float:left;margin:0 0 10px 0;text-align:center;}

#main .homeSplash {margin-top:30px;padding-top:290px;padding-left:22px;font-size:18px;line-height:20px;color:#522b7d;background:url(/_includes/images/skins/2016/16_default/bg_homeSplash.jpg) top center no-repeat;margin-bottom:15px;}

.drop-shadow {box-shadow: 4px 3px 4px 1px rgba(0,0,0,.3);}

#breadcrumb {margin:0px 0 10px 0px;font-size:10pt;color:#502171;background:#F8F8F8;font-weight:600;}
#breadcrumb a:link,#breadcrumb a:visited,#breadcrumb a:active {color:#502171;}
#breadcrumb a:hover {color:navy;}

#breadcrumb ul {margin:0 0 0 10px;padding:0;}
#breadcrumb ul li {display:inline;margin:0 5px 0 0;}

.tickercontainer {margin-top:0 !important;}
#ShoppingCartSticky {padding:0 !important;;}

table.simpleGrid {background:#999999;width:auto;}
.simpleGrid th, .simpleGrid td {padding:4px;}
.simpleGrid th {background:#47148C;font-weight:bold;color:#ffffff;}
.simpleGrid td {background:#ffffff;} 

/*#getStartedCalendar {background:#ffffff;}
#getStartedCalendar td {font-size:12px;line-height:11px;text-align:right;padding:0 5px 0 5px;color:#000000;font-family:verdana;}
#getStartedCalendar a:link,#getStartedCalendar a:visited,#getStartedCalendar a:active {color:#47148C;}
#getStartedCalendar a:hover {color:red;}*/

/*Get Started Calendar 10/2/2012*/
.gsCalendar {width:700px;}
.gsCalendar td {font-size:11px;line-height:11pt;font-family:Verdana, Geneva, sans-serif;}


.gsCalendar .gsQuarters td {text-align:center;border-right:1px solid #999999;font-weight:bold;text-transform:uppercase;color:#47148C;}

.gsCategory td {height:28px;}
.gsCategory .Confections {background:url(/_includes/images/skins/2016/16_default/category_Confections.gif) bottom right no-repeat;}
.gsCategory .MultiCultural {background:url(/_includes/images/skins/2016/16_default/category_MultiCultural.gif) bottom right no-repeat;}
.gsCategory .Snacks {background:url(/_includes/images/skins/2019/19_default/category_Snacks.gif) bottom right no-repeat;}
.gsCategory .Grocery {background:url(/_includes/images/skins/2019/19_default/category_Grocery.gif) bottom right no-repeat;}
.gsCategory .Convenience {background:url(/_includes/images/skins/2019/19_default/category_Convenience.gif) bottom right no-repeat;}
.gsCategory .SpecialRequests {background:url(/_includes/images/skins/2019/19_default/category_SpecialRequests.gif) bottom right no-repeat;}

.gsSubCategory .gsLabel {background:#47148C;color:#ffffff;text-align:center;padding:0;height:23px;}
.gsSubCategory .gsLabel img {margin:0 !important;}
.gsSubCategory td:first-child {border-right:1px solid #47148c;}

.gsSubCategorySpacer td {height:3px;}

.gsToolKit .gsGrid {width:118px;text-align:center;font-size:11px;line-height:11pt;text-transform:uppercase;}
.gsToolKit .gsLabel {text-align:left;padding-right:5px;color:#47148C;width:200px;text-transform:uppercase;}
.gsToolKit .gsLabel .bonusFunded {color:#006A00;padding-left:0px;/*font-size:10px;*/text-transform:uppercase;}
.gsToolKit .fundingClosed {color:#006A00; text-align:center !important;line-height:10px;/*font-size:10px !important;text-transform:uppercase;*/}
.gsToolKit .gsLabel .bonusFunded100 {color:#C17900;padding-left:0px;font-size:10px;text-transform:uppercase;}

.gsToolKit .gsLabel .retailtainment {color:#ff01a8;padding-left:0px;font-size:10px;text-transform:uppercase;}
.gsToolKit .gsLabel .retailtainment a {color:#ff01a8;}

.gsToolKit .gsDate{text-align:center; color:#47148C; width:200px;}
.gsToolKit td {border:1px solid #CACACA;border-top:none;border-left:none;padding:1px;height:10px;vertical-align:middle;}

.gsQ .gsCalendar {width:560px;}
.gsQ .gsToolKit .gsGrid {width:236px;text-align:center;}
.gsQ .gsToolKit .gsLabel {width:220px;}

.gs2015 .gsGrid {width:90px;height:20px;vertical-align:middle;font-size:10px;}
.gs2015 .gsGrid img {}
.gs2015 .gsToolKit td:nth-of-type(4) {text-align:right;}
.gs2015 .gsToolKit td:nth-of-type(4) img {margin-left:4px;}
.gs2015 .gsLabel {border-right:none;}
.gs2015 td {font-size:10px;}
.gs2015 .gsIcon {width:20px;text-align:center;vertical-align:middle;}
.gs2015 .gsIcon img {margin-right:2px;}
.gs2015 .gsToolKit td:nth-of-type(2) {border-right:0;}

.whats_new tr:nth-child(odd) th, .whats_new tr:nth-child(odd) td {background:#f2f0f0;}

.whats_new td, .whats_new th {padding:7px 5px;border-bottom:1px solid #CFCFCF;text-align:left;font-size:13px;vertical-align:top;text-align:right;}
.whats_new tr:first-child th, .whats_new tr:first-child td {border-top:1px solid #cfcfcf;}

.whats_new th {width:80%;text-align:left;}

/* START 2017 updates for home page and whats new sharing c4 content */
.whats_new {width:100%;margin:0 auto;}
.whats_new h2 {font-size:16px;margin:2px 0;line-height:20px;color:#82388D;}
.whats_new td {width:auto;text-align:left;}
.whats_new td:last-child {text-align:right;}
.whats_new th {width:auto;}
.whats_new thead tr td {background:rgba(255,255,255,0) !important;border-top:none !important;}

.home-whats-new {width:100%;padding:5px;border:1px solid #cfcfcf;float:left;margin-bottom:15px;}
.home-whats-new a {color:#a93db9;}
.home-whats-new .whats_new tbody > tr {display:none;}
.home-whats-new .whats_new tbody > tr:nth-child(-n+6){display:table-row;}
.home-whats-new .whats_new tbody > tr:nth-child(6) td, .home-whats-new .whats_new tbody > tr:nth-child(6) th {border-bottom:0;}

.whats-new-label {overflow:auto;background:#82388D;}
.whats-new-label img {float:left;}
.winning-plays-label {overflow:auto;background:#F15B29;}
.winning-plays-label img {float:left;}
.upcoming-deadlines-label {overflow:auto;background:#fff;text-align:center;width:100%;float:left;clear:both;margin:0 0 15px 0;}
.upcoming-deadlines-label img {margin:0 auto;display:block;}
.upcoming-deadlines-wrapper {background:#CC162E;border-radius:10px;overflow:auto;padding:15px 0;}
.upcoming-deadlines {width:75%;overflow:auto;}
.upcoming-deadlines td {color:#f39898;font-size:16px;line-height:18px;padding:3px 0;text-align:center;}
.upcoming-deadlines td:first-child {font-weight:bold;text-align:left;}
.whats_new td, .whats_new th {padding:2px !important;}
.upcoming-deadlines td a:link,.upcoming-deadlines td a:visited,.upcoming-deadlines td a:active {color:#fff;}
.upcoming-deadlines td a:hover {color:#f39898;}
/* END 2017 updates for home page and whats new sharing c4 content */





.winning_plays td, .winning_plays th {padding:7px 5px;border-bottom:1px solid #f2f0f0;text-align:left;font-size:13px;vertical-align:top;text-align:right;}
.winning_plays th {width:70%;text-align:left;}

.momentDetails td {width:222px;vertical-align:top;}
.momentDetails td.gutter {width:20px;}
.momentDetails h2 {font-size:18px; line-height:22px;margin:0;}


#footer {float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#adadb0;  position:relative; bottom: 0;}

#items {clear: none;float: left;padding-left: 10px;padding-top: 10px;width: 690px;font-family:Tahoma, Geneva, sans-serif; font-size:14px;}

.asset, .assetName {width:60%;text-align:left;}
.hi, .lo, .doc, .hi-res, .lo-res {width:13%;}
.hi, .hi-res {text-align:right;}
.lo, .lo-res {text-align:left;}
.doc {text-align:center;}
.separator, .sep {width:4%;text-align:center;}

.asset, .assetName, .hi, .hi-res, .lo, .lo-res, .doc, .separator, .sep {vertical-align:top;}

.recipes .asset {width:50%;}

/* Tooltip Popup Styles for all Asset Popups - used to be solely for Recipes*/
#screenshot {
	position:absolute;
	border:1px solid #a1a1a1;
	background:#333;
	padding:0px;
	display:none;
	color:#fff;
	width:250px;
	text-align:center;
	font-size:12px;
	overflow:hidden;
	}
#screenshot img {display:block;}
.recipeThumb img {width:40px;height:40px;border:1px solid #a1a1a1 !important;;margin-right:10px;}
/* End Recipe Tooltip Popup Styles */


#sidebarInstructions { font-size: 10px; line-height: 13px; color: #fff; padding: 10px; clear: both; }
#sidebarInstructions a {color:#1CB8BF;}
#sidebarInstructions a:hover {color:#CD0032;}
.recipes th {border-botom:1px solid #000000;}

/*Footnotes*/
sup {vertical-align: baseline; position: relative; top: -0.4em;}
.footnote { font-style: italic;
    /* color: #939393; */
    font-size: 10px;
    border-top: 1px solid #c9c9c9;
    margin-top: 60px;
    padding-top: 15px;
}


/* Recipe Search */
#recipeSearch {float:left;margin:25px 10px 0 10px;width:214px;}
#recipeSearch input {font-size:15px;border:0;color:#4F2170; font-family: 'Open Sans', sans-serif;background:#ffffff;margin:0;padding:1% 5%;width:90%;line-height:24px;border:0;height:24px;}

#recipeSearch ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4F2170;
    opacity: 1; /* Firefox */
	
}
#recipeSearch :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #4F2170;
}
#recipeSearch ::-ms-input-placeholder { /* Microsoft Edge */
    color: #4F2170;
}

#recipeSearch h3 {color:#ffffff;margin:0;padding:0;line-height:24px;font-size:15px;}
#recipeSearch #search {margin:0px;}
#recipeSearch button {float:right;text-align:center;border:0;background-color:rgba(0,0,0,0);font-size:15px;letter-spacing:.15em;line-height:24px;padding:1px 11px;text-transform:uppercase;margin:16px 0 0 0;color:#fff;font-weight:400;border:1px solid #D9D2E0;}
#recipeSearch button:hover {color: #3FC9D4 !important;background-color: rgba(63, 201,212,.25) !important;border-color:#3FC9D4;}
#recipeSearchResults {width:100%;float:left;margin:0 0 50px 0;border-bottom:1px solid #f2f0f0}

#recipeSearchForm {background:#f2f0f0;width:100%;float:left;padding:10px 0;}
#recipeSearchForm input.form-control {background:#ffffff !important;width:100% !important;float:left;margin:0 !important;padding:5px 0 6px 5px;z-index:1;}
#recipeSearchForm button.btn {float:left;min-width:0 !important;width:100px !important;}

#recipeSearchResults table {width:100%;}

#recipeSearchForm .form-group {width:60%;float:left;margin-left:10px;}
#recipeSearchForm .form-inline {width:100%;clear:both;}
#recipeSearchResults .gs-title a, #recipeSearchResults .gs-title a b {color:#CD0032 !important;}
#recipeSearchResults .gs-visibleUrl {color:#502D81 !important;}

.gsc-result-info {font-style:italic;font-weight:normal;padding:5px 0;text-align:left;border-bottom:2px solid #fff;width:100%;margin:0 0 25px 0;}
.gsc-table-result {width:100%;}
.gsc-table-cell-snippet-close {border-top:1px solid #f2f0f0;padding:10px 0;}

/* Resource Cart */

#cart {width:100% !important;overflow:hidden;margin-bottom:25px;}

.item {clear: none;float: left;padding: 5px 0;width: 100%;background:#f2f0f0;margin:0 0 5px 0;}
.item_name{}
.item_thm {width:9%; display:inline-block;float:left;margin-left:1%;}
.item_thm img {width:50px;height:50px;}
.item_description {display:inline-block; float:left;width:77%; vertical-align:top;}
.item_remove{display:inline-block; vertical-align:top;line-height:14px;width:12%;text-align:left;margin-right:1%;}

#HMTResourceCart .formButtons {margin:25px 0 0 0;padding:10px 0 0 0;border-top:1px solid #47148C;}
#HMTResourceCart .formButtons input, #HMTResourceCart .formButtons a {margin:0 5px 0 0 !important;min-width:0 !important;width:auto !important;}
#HMTResourceCart .formButtons a {text-decoration:none;font-weight:bold !important;font-size:13px;line-height:17px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#HMTResourceCart #field_email .formFieldLabel {margin:0 0 10px 0;}
#HMTResourceCart div.formField {border:none;padding:0;margin:10px 0;}
#HMTResourceCart #cart input {width:auto !important;float:left;margin:0 10px 0 0;}
/*td {padding-top:4px;}*/

/*#scroll {height:535px; width:100%; overflow:auto; }*/

/* Education Tab Styles*/

.education .education_header td {background:#CC162E;color:#fff !important;padding:0 0 0 5px;}
.education .education_header td * {color:#fff;}
.education {width:95% !important;}

/*Recaps table*/
.recaps tr:nth-child(odd) td {background:#f2f0f0;}
.recaps th {background:#3b2066; color:white; padding:10px 5px;}
.recaps td {width:10%; padding:7px 5px;border-bottom:1px solid #CFCFCF;text-align:center;font-size:13px;vertical-align:top}
.recaps tr:first-child th, .recaps tr:first-child td {border-top:1px solid #cfcfcf;}
#Uploads {height:100px; overflow:hidden;}

/* Profile */

div.registerDisclaimer {text-align:center;padding-top:15px;}