charset "utf-8";
/*
Copyright (c) 2015, Votigo, Inc. All rights reserved.

Author:			Votigo, Inc
Development:	priyanka@votigo.com
*/

/*
[struct]		page structure (wrapper, templates, etc.)
[links]			default link treatments
[overrides]		overrides for defaults
[forms]			web forms
[copy]		 	default copy treatments
[extras]		extra effects and utility classes
*/

html {
	color:#353c41;
	background:#eff0f1;
	/*overflow: -moz-scrollbars-vertical;*/
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
em, strong {
	/*font-style:normal;*/
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
abbr {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
	color:#353c41;
}
body {
    color: #666;
    font: 14px/1.3 arial,helvetica,sans-serif;
}
select, input, button, textarea {
	font:99% Arial, sans-serif;
}

select, textarea, input[type="text"], input[type="password"], .forminput input {float:left; font-size: 110%; font-weight: normal; line-height: 20px; display: inline-block;  padding: 4px 6px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;  -o-transition: border linear 0.2s, box-shadow linear 0.2s;  transition: border linear 0.2s, box-shadow linear 0.2s;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus {border-color: rgba(59, 89, 152, 0.5); outline: 0; outline: thin dotted \9;  /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(59, 89, 152, 0.6);  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(59, 89, 152, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(59, 89, 152, 0.6);}
.form_submission .error-message, .form_submission span.error-span {display:block; clear:both; float:left; color:#ff0000; padding:5px 0 0 0;}
.xss-error-message {clear: both;}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* [links] */

/* default link styles */

a,a:link {
	color:#00b4ff;
	text-decoration:underline;outline:none;
}
a:visited {
	color:#00b4ff;
	text-decoration:underline;outline:none;
}
a:focus ,a:hover {
	color:#8edeff;
	text-decoration:none;outline:none;
}
a:active {
	color:#00b4ff;
	text-decoration:underline;outline:none;
}

/*
Browser-specific (invalid) styles to make preformatted text wrap.
http: //users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html
*/
pre {
	white-space:pre-wrap; /* css-3 */
	white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
	white-space:-pre-wrap; /* Opera 4-6 */
	white-space:-o-pre-wrap; /* Opera 7 */
}
/* [extras] */

/* utility classes */

.spacer, .break { /* used for clearing floats, mostly */
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.break {
	height:1.231em;
}
.print { /* hide me completely! */
	display:none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.taleft {
	 text-align:left;
}
.taright {
	text-align:right;
}
.tacenter {
	text-align:center;
}
.mright10 {
	margin-right:10px;
}
.displayblock {
	display:block;
}
.displaynone, a.displaynone {
	display:none;
}

/* [struct] */
#wrapper {
	width:100%;
	/*max-width:810px;*/
	margin:auto;
}

#page-body {
	position:relative;
	clear:both;
	max-width:810px;
	margin:auto;
	/*padding-bottom:60px;*/
	color:#333;
}

/* [default css] */
/* We'll move this to set via js */
a,a:link, a:visited, a:focus ,a:hover, a:active {color:#5ea9dd;}
a:visited, a:focus ,a:hover {opacity:0.8;}
#page-body::before {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%;}
#page-body #flashMessage { border: 1px solid #ff0000; color: #ff0000; float: left; margin: 10px 1%; padding: 5px 0px; text-align: center; width: 98%; }


/* [BROWSER WARNING] */
#browser-warning {width:100%; background:#c73e14; padding:10px 0; color:#fff; text-align:center; font-weight:bold; font-size:14px;}
#browser-warning span {display:inline-block; height:16px; }
span.browser-warning-icon {background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/warning.png) no-repeat 0 0; width:17px; margin-right:5px;}
#browser-warning a {color:#fff; text-decoration:underline;}

/* [hide tabs based on page] */
.confirmation-bdy a.topRefer, .home-bdy a.topHome {display:none;}

/* [like gate] */
.like-gate-image {text-align:center;}
.refreshMsg {color:#353c41; padding:10px 0 5px 5px;; font-weight:bold; font-size:90%}
.refreshMsg a {color:#353c41; text-decoration:underline;}
a.savelf, a.savelf:active, a.savelf:link, a.savelf:focus {text-decoration:none; background:#8a8a8a; border:1px solid #797979; color:#fff; margin:0px 0 0 0; padding:3px 10px; font-weight:bold; cursor:pointer; border-radius: 5px; -moz-border-radius:5px;}
a.savelf:hover {background:#797979; border:1px solid #797979;}
a.new-button-action, a.new-button-action:active, a.new-button-action:link, a.new-button-action:focus {text-decoration:none; background:#6d84b4; border:1px solid #3b5998; color:#fff; margin:0px 0 0 0; padding:3px 10px; font-weight:bold; cursor:pointer; border-radius: 5px; -moz-border-radius:5px;}
a.new-button-action:hover {background:#3b5998; border:1px solid #3b5998;}
#colorbox {top:80px !important;}
.clear{clear:both;}


/* [top bar] */
.topLnkR, .topLnkRPreview {float:left; width:100%; padding:0 0; background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/black-png-50.png) repeat 0 0;}
div.topLinkRShareLang {display:block; float:left; width:250px; padding:5px 0 5px 2%;}
.topLnkR span.topLinkRDetails, .topLnkRPreview span.topLinkRDetails {float:right; width:auto; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif; font-size:16px; text-transform:uppercase; padding:5px 2% 5px 0;}
.topLinkRShare {float:left; width:120px;}
.topLinkRShare a, .topLinkRShare a {display:block; width:24px; height:19px; float:left; text-align:left; text-indent:-9999px; margin:5px 0 5px 2%;}
.topLnkR #facebooktop, .topLnkRPreview #facebooktop {background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/vote-share.png?v=1);}
.topLnkRPreview #facebooktop, .topLnkR #facebooktop {margin-left:10px;}
.topLnkR #twittertop, .topLnkRPreview #twittertop {background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/vote-share.png?v=1) no-repeat -51px 0;}
.topLinkRDetails a {color:#fff; display:inline-block; padding:6px 0 0 10px; opacity:1;}
.topLinkRDetails a:hover {opacity:0.5; transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out;}

.topLnkR div.langdropdown, .topLnkRPreview div.langdropdown {float:left; margin:0 10px 0 0; width:110px;}
.topLnkR #languageSelector, .topLnkRPreview #languageSelector {z-index:99999;}
.topLnkR a.invite{display:none; width:auto; text-indent:0px;}
.topLnkRPreview a.invite_pre{display:block; width:auto; text-indent:0px;}
.topLnkR .fbloginicon, .topLnkRPreview .fbloginicon{background-image: url("https://dcveehzef7grj.cloudfront.net/img/smb/topficon.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block;height: 17px;width: 18px;}
.topLnkR .fblogintxt, .topLnkRPreview .fblogintxt{padding:1px 6px;}
.langdropdown span.customSelect {font:13px Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif; background:#fff url(https://dcveehzef7grj.cloudfront.net/img/smb/2u7rpec.png) right center no-repeat; border:1px solid #ddd; color:#555; padding:2px 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; width:85px; text-align:left; margin-top:3px;}
.langdropdown-ind span.customSelect {width:125px;}


/* [header] */
header {clear:both; float:left; width:100%; margin:0;text-align:center; max-width:100%;}
header table {width:100%; /*height:100%;*/}
header td {text-align:center;}
header td h1 {font-weight:bold; font-size:150%; padding:5% 2%; display:block;}
header {position:relative; background-position: center center; background-repeat: no-repeat;}
header::before {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%;}
header td {color:#fff;}
header img.header-graphic{max-width:100%; margin:0 auto; vertical-align:text-bottom;}


/* [click to reveal] */
span.sweep-not-active {text-align:center; display:block; width:100%; text-align:center; clear:both;}
.click-to-reveal {text-align:center; width:100%; padding: 0 0;}
.click-to-reveal::before {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%;}
.click-to-reveal-padding {padding:0 20px 20px 20px;}
.sweeps-description {width:90%; padding:10px 0 10px 0; float:left; text-align:center; font-size:100%; font-weight:normal; margin-left:5%;}
.sweeps-description li {font-weight:normal;}
.sweeps-description strong {font-weight:bold;}
.sweeps-description ol, .sweeps-description ul {padding:10px 0; font-weight:normal;}
.sweeps-description ol li {list-style-type:decimal; list-style-position:inside; font-weight:normal;}
.sweeps-description ul li {list-style-type:disc; list-style-position:inside; font-weight:normal;}
.sweeps-description img {max-width:100%;}

/* [landing page embed] */
#app-media-box {width:100%;}
#app-media-box iframe {max-width:100%;}
#app-media-box img {max-width:100%;}

/* enter button */
.enter-button {clear:both; width:auto; position:relative;}
a#form-enter-button, a#form-enter-button:visited {display: inline-block; *display: inline; margin-bottom: 0; *margin-left: .3em; font-size: 16px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); font-weight:bold; text-decoration:none; color: #333333;}
a#form-enter-button:hover, a#form-enter-button:active { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;}
a.enterbtn span { float: left; margin: 10px 83px; }
a.enterbtn img { /*width: 100%;*/ }

/* [confirmation] */
/* [embed] */
#app-media-box-conf {width:100%; clear:both; padding:10px 0;}
#app-media-box-conf iframe, #app-media-box iframe { max-width: 100%; }
#app-media-box-conf img {max-width:100%;}
.confirmation {text-align:center; /*width:96%; padding: 20px 2%;*/ width:100%;}
.confirmation-inner {width:96%; padding: 20px 2%;}
.confirmation-inner div.pers-name-holder {font-size:150%; font-weight:bold;}
.confirmation-inner div.pers-desc-holder {padding-bottom:10px;}
.confirmation .conf-copy, .confirmation .instantSweepConf {width:100%; padding:10px 0 10px 0; float:none!important; text-align:center; font-size: 20px; font-weight: bold;}
.confirmation::before {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%;}
.sharebox {clear:both; width:200px; margin:auto; text-align:left; position:relative;}
.sharebox .title {padding:10px 0;}
#confirmation_page_text img, .conf-copy img {max-width:100%}
.confirmation .pers-img-holder {width:100%;}
.confirmation .pers-img-holder img {max-width:100%;}
.pers-desc-holder strong {font-weight:bold;} 

/* [confirmation: viral] */
.personal-referral-link {clear:both; float:left; text-align:center; width:100%; padding:10px 0 10px 0;}
.personal-referral-link span {display:block; width:100%; padding:0 0 5px 0;}
.personal-referral-link input {float:none; text-align:center;}
a.defaultbtncss {margin-top:20px;}
a.defaultbtncss, a.defaultbtncss:visited {display: inline-block; *display: inline; padding: 10px 83px; margin-bottom: 0; *margin-left: .3em; font-size: 16px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); font-weight:bold; text-decoration:none; color: #333333;}
a.defaultbtncss:hover, a.defaultbtncss:active { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;}
#referral-share-box {display:none; text-align:center; width:800px; left:50%; margin-left:-400px; top:50px; position:absolute; z-index:4; background-color:#fff;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px;}
#referral-share-box .overlayTopBar {float:left; color: #000; background-color: #ddd; border-bottom: 1px solid #ccc; font-weight: bold; padding: 12px 0; width:100%; text-shadow: 0 1px 0 #f4f4f4; font-size:18px; text-transform:uppercase;}
#referral-share-box .details-container {float:left; width:94%; padding:20px 0 20px 20px; text-align:left;}


/* [confirmation: trivia answers] */
.confirmation .viralText {padding: 10px; line-height:1.5; float:left; max-width:600px;}
.confirmation .revealTrivia {width:90%; margin:20px 0 20px 0; float:left; font-size:14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; padding:20px 5%; background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background: rgba(255, 255, 255, .2);}
.confirmation .revealTrivia p.trivia-number {display:inline-block; float:left; width:100%; text-align:left; }
.confirmation .revealTrivia p.trivia-number span.final-number {padding:0 5px; font-weight:bold;}
.confirmation .revealTrivia ul {float:left; width:100%; padding:10px 0; text-align:left;}
.confirmation .revealTrivia li {clear:both; float:left; font-size:14px; padding:10px 0; width:100%;}
.confirmation .revealTrivia li span {display:block;}
.confirmation .revealTrivia li span.correct {float:left; width:20px; height:20px; background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/trivia-correct.png) no-repeat 0 0;}
.confirmation .revealTrivia li span.incorrect {float:left; width:20px; height:20px; background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/trivia-incorrect.png) no-repeat 0 0;}
.confirmation .revealTrivia li p {float:left; padding-left:5px; width:90%;}
.confirmation .revealTrivia li .tr-ans {font-weight:bold; clear:left;}
.confirmation .strikeincorrect {color:red; display:inline; font-weight:normal; margin-right:5px; text-decoration:line-through;}


/* [form] */
.form {width:100%;position:relative;}
.formpadding {padding:10px 10%;}
div.form::before {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%;}

/* reg form top details */
.reg-form-top-details {width:90%; padding:10px 0 10px 0; float:left; text-align:center; font-size:100%; font-weight:normal; margin-left:5%;}
.reg-form-top-details li {font-weight:normal;}
.reg-form-top-details strong {font-weight:bold;}
.reg-form-top-details ol, .reg-form-top-details ul {padding:10px 0; font-weight:normal;}
.reg-form-top-details ol li {list-style-type:decimal; list-style-position:inside; font-weight:normal;}
.reg-form-top-details ul li {list-style-type:disc; list-style-position:inside; font-weight:normal;}
.reg-form-top-details img {max-width:100%;}


/* jstorage implementation */
#alreadyregisteredDiv, #newregisterDiv {text-align:right; padding:0 0 20px 0;}

/* form elements containers */
.forminput, div.customquestions, #Verification {clear:both; width:100%; padding:10px 0; float:left;}

/* shared widths */
.forminput input, .customtextarea textarea, .custominput input, .verification-input input {width:270px;}
.form #SweepuserentryCountry, .customselect select {width:284px;}

/* shared paddings */
.customquestions-label, .verification-label, .labelCont {text-align:right; width:35%; float:left; padding-right:10px;}
.form p.example-txt {clear:both; font-size: 88%;}
#captchTxt, #newsletter_text, #rules_text {clear:both; padding:10px 0 0 35%; margin-left:10px;}
p.subbut_cont, div.subbut_cont, p.reqfields {clear:both; padding:20px 0 0 35%; margin-left:10px;}

/* right column */
.customquestions-input, .verification-input, .inputCont {float:left; width:60%;}

/* misc elements */
.form label span, p.reqfields span {color:#ff0000;}
.form #ContactDateMonth, .form #ContactDateDay {margin-right:5px;}
.customquestions-input i {padding:0 0 5px 0; opacity:0.8; display:inline-block; clear:left; width:100%;}
.customcheckbox .width100per {clear:both; width:100%; padding:5px 0;}
.customcheckbox .width100per label, .customradio .customquestions-input label {float:left; width:80%; padding:0 0 0 5px; margin:0;}
.customradio input, .customcheckbox .width100per input {float:left; clear:both;}
.verification-input span.defaultRealLabel {display:inline-block; clear:left;}

/* submit button */
.form a.defaultbtn, .form input.defaultbtn {display: inline-block; *display: inline; padding: 10px 38px; margin-bottom: 0; *margin-left: .3em; font-size: 16px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); font-weight:bold;}
.form a.defaultbtn:hover, .form a.defaultbtn:active, .form input.defaultbtn:hover { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;}

/* cancel button mark color as important so it cannot be overwritten */
.form a#form-cancel-button, .form a#form-cancel-button:visited  {display: inline-block; *display: inline; padding: 10px 38px; margin-bottom: 0; *margin-left: .3em; font-size: 16px; line-height: 20px; color: #333333 !important; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); font-weight:bold; text-decoration:none; color: #333333; margin-right:10px;}
.form a#form-cancel-button:hover, .form a#form-cancel-button:active { color: #333333 !important; background-color: #e6e6e6; *background-color: #d9d9d9; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;}
#span-submitbtn, #span-cancelbtn {display:inline-block; float:left;}
#span-cancelbtn {margin-right:10px;}

/* [footer] */
.footer-container {width:100%; max-width:810px; margin:auto; padding-top:5px;}

/* [footer: abbr rules] */
.footer-disclaimer-container {float:left; width: 100%; padding: 0 0;}
.ftr-disclaimer-inner {color:#fff; width:790px; max-width:96%; padding:10px 10px; margin:auto; font-size:80%; background: url(https://dcveehzef7grj.cloudfront.net/img/facebook/black-png-50.png) repeat 0 0;}

/* [overlays] */
.shadowOverlay {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; display: none; z-index: 3;}
#shadowBox {background-color: #000; filter: alpha(opacity=80); opacity: 0.8; z-index:1;}
.overlayTopBar .olTitle {padding:0 0 0 20px; float:left;}
.overlayTopBar .olClose {float:right; padding:0 20px 0 0;}
.overlayTopBar a.close {display: block; color: #777; font-weight: bold; padding:0; text-decoration: none; text-shadow: 0 1px 0 #f4f4f4;}
.mainol-container {display:none; text-align:center; width:800px; left:50%; margin-left:-400px; top:50px; position:absolute; z-index:4; background-color:#fff;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px;}

/* Sweeps: Rules / details */
#showRules .overlayTopBar {float:left; color: #000; background-color: #ddd; border-bottom: 1px solid #ccc; font-weight: bold; padding: 12px 0; width:100%; text-shadow: 0 1px 0 #f4f4f4; font-size:18px; text-transform:uppercase;}
#showRules .rules-container {float:left; width:94%; padding:20px 0 20px 20px; text-align:left; line-height:1.2;}
#promotion-details .overlayTopBar {float:left; color: #000; background-color: #ddd; border-bottom: 1px solid #ccc; font-weight: bold; padding: 12px 0; width:100%; text-shadow: 0 1px 0 #f4f4f4; font-size:18px; text-transform:uppercase;}
#promotion-details .details-container {float:left; width:94%; padding:20px 0 20px 20px; text-align:left;}

.dates-holder {width:45%; padding-right:2%; float:left;}
.dates-holder p.title {font-size:18px; font-weight:bold;}
.dates-box {width:100%; margin:10px 0 0 0;}
.dates-box p {padding:0 10px 10px 0;}
.dates-box p.hdr-top span {font-size:120%; font-weight:bold; text-decoration:underline;}
.eligibility-holder {padding:0; float:left; width:45%; /*padding-left:4%;*/}

.zeropaddingright {padding-right:0;}
.widthtotal100 {width:100%;}

.eligibility-holder p {padding:10px 0 0 0;}
.eligibility-holder p.title {font-size:18px; font-weight:bold; padding:0;}
.contest-prize-box {clear:both; width:100%; padding:10px 0 10px 0;}
.contest-prize-box p.title {font-size:18px; font-weight:bold;}
.prizes-box {line-height:1.3; padding:10px 0 0 0;}

/* prizes box rte styles */
.prizes-box ol li {list-style-type:decimal; list-style-position:inside;}
.prizes-box ul li {list-style-type:disc; list-style-position:inside;}
.prizes-box strong {font-weight:bold;}
.prizes-box em {font-style:italic;}

/* rules rte styles */
.rules-container ol li {list-style-type:decimal; list-style-position:inside;}
.rules-container ul li {list-style-type:disc; list-style-position:inside;}
.rules-container strong {font-weight:bold;}
.rules-container em {font-style:italic;}

/* [referral sweeps] */
#refer-overlay {display:none; text-align:center; width:480px; left:50%; margin-left:-240px; top:50px; position:absolute; z-index:4; background-color:#fff;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px;}
#refer-overlay .overlayTopBar {float:left; color: #000; background-color: #ddd; border-bottom: 1px solid #ccc; font-weight: bold; padding: 12px 0; width:100%; text-shadow: 0 1px 0 #f4f4f4; font-size:18px; text-transform:uppercase;}
#refer-overlay .refer-container {padding:20px; float:left; width:440px;}
#refer-overlay .refer-container div.get-link-copy {clear:both; line-height:1.3; padding-bottom:20px; text-align:left; float:left}
#refer-overlay .refer-container #email-address {padding:5px; color:#abadb3; max-width:370px; width:70%; margin:auto; text-align:left; float:left;}
#refer-overlay .refer-container div.action-btns {clear:both; float:left; width:100%; padding-top:20px;}
#refer-overlay .refer-container div.action-btns a {float:left; display:block; clear:none; margin:8px 0 0 0;}
#refer-overlay .refer-container div.action-btns input {margin:0 0 0 20px; padding:0; clear:none; float:left; width:80px; height:26px;}
#refer-overlay .refer-container div.error {display:none; clear:both; width:100%; color:#ff0000; padding:5px 0 0 0; text-align:left;}

/* Fixing height: 100%; bugs */
#served-on-embed .mainol-container { height: 90%; overflow: auto; top: 5%; }
#served-on-embed #wrapper { width: 99%; }

/**************** quiz *****************/
#questions_container {text-align:center;clear:both;position:relative;}
.quiz_live_score_container {margin: 0 auto; float:none; margin-top:10px; text-align:center; background:#000; display:inline-block; padding:5px 10px; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; color:#fff; display:none;}
#quiz_live_score, .quiz_live_score {font-weight:bold;}
.confirmation_page {width: 100%; position : relative; display: none; top: 50px;	font-size: 20px; text-align: center; position: relative}
.question_wrap {width: 100%; padding-bottom:20px; display: none;position: relative;}
.show_all .question_wrap{display:block;}
.question_wrap::before, .quiztmrtxtcont::before {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%;}
.begin_quiz {width: 100%; position: relative; top: 50px; font-size: 20px; text-align: center;}
.question-block {display: inline-block; width: 100%; text-align: center; font-size: 130%; /*padding:20px 0;*/ padding-top:20px;}
.quiz-question-media {float:left; width:100%; display:block;}
.quiz-question-media img {max-width:100%;}
.answer-blocks {display: inline-block;	text-align: center;	width: 49%; max-height: 500px; padding:0 0.5% 1% 0; margin:0; vertical-align:top; position:relative;}
.answer-blocks:nth-child(odd) {/*background: #CCC;*/ padding-right:0; padding-left:0.5%;}
.answer-blocks:nth-child(odd) img {float:right;}
.answer-blocks:nth-child(even)  {/*background: #eee;*/}
.answer-blocks:nth-child(even) img {float:left;}
.answer-block-img img:hover {opacity:0.5; transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out;}
.score-conf {font-size:150%;}
span.quiz-q-color, span.quiz-h-color {display:block; float:left; width:100%; padding:10px 0; font-weight:bold;}
.answer-blocks:nth-child(odd) {padding-left:0.9%;}
.answer-block-img span.ab-img {display:inline-block; position:relative;}
.answer-block-img:nth-child(odd) span.ab-img {float:right; margin-right:0.5%;}
.answer-block-img:nth-child(even) span.ab-img {float:left; margin-right:0.5%;}
.next-qs-block a{display: inline-block;text-decoration: none;background: #000;color: #fff;padding: 10px 20px;border-radius: 5px;}
.form_submission .next-qs-block .error-span{float:none;padding:0 0 15px 0;}

/* HIDE RADIO */
.answer-blocks label>input {visibility: hidden; /* Makes input not-clickable */	position: absolute; /* Remove input from document flow */}

/* IMAGE STYLES */
.answer-blocks label>input+img, .answer-blocks > img, .answer-block-img > span > img {cursor: pointer; max-height: 500px; width:100%\9; /* IE 8 */ max-width:100%;}

/* LINK STYLES */
.answer-block-txt {width:87.5%; max-height:auto; padding:0; text-align:left; margin:5px 5%; border:1px solid #e7e7e7;}
.answer-block-txt-hover {width:87.5%; max-height:auto; padding:0; text-align:left; margin:5px 5%; border:1px solid #e7e7e7;}
.answer-block-txt:hover {/*background:#e2e2e2;*/}
.answer-blocks > a {display:inline-block; width:100%; text-decoration:none; margin:auto; padding:2%;box-sizing:border-box;}
.answer-block-txt:nth-child(odd), .answer-block-txt-hover:nth-child(odd), .answer-block-txt:nth-child(even), .answer-block-txt-hover:nth-child(even) {padding:0px;}

.wrongAnswer { border: 6px solid #FF0000; }
.correctAnswer { border: 6px solid green; }

img.correctAnswer, img.wrongAnswer { max-width: 97%;}

.quiztmrtxt{text-align:right;padding:10px 10px 0px 0px;font-size:14px;font-weight:bold;}

.answer-block-txt .correct-answer, .answer-block-txt-hover .correct-answer {position:absolute; top:0; left:0; width:100%; height:100%; background:#97b164; opacity: 0.5; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.answer-block-txt .incorrect-answer, .answer-block-txt-hover .incorrect-answer {position:absolute; top:0; left:0; width:100%; height:100%; background:#e80505; opacity: 0.5; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.answer-block-img .correct-answer {position:absolute; top:0; left:0; width:100%; height:100%;  background:#97b164; opacity: 0.5; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.answer-block-img .incorrect-answer {position:absolute; top:0; left:0; width:100%; height:100%; background:#e80505; opacity: 0.5; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}

.ca-icon {position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-15px; width:30px; height:30px; background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/trivia-quiz-correct.png) no-repeat center center; background-size:100% 100%;}
.ica-icon {position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-15px; width:30px; height:30px; background:url(https://dcveehzef7grj.cloudfront.net/img/facebook/trivia-quiz-incorrect.png) no-repeat center center; background-size:100% 100%;}

.answer-block-txt .ca-icon, .answer-block-txt-hover .ca-icon, .answer-block-txt .ica-icon, .answer-block-txt-hover .ica-icon {right:10px; left:auto; background-size:20px 20px;}

/* (RADIO CHECKED) IMAGE STYLES */
.answer-blocks label>input:checked+img {/*border: 2px solid #f00;*/}

.exptxtcont{display:none;margin:10px auto;padding:15px;border:2px solid #e7e7e7;box-sizing:border-box;width:87.5%;}
.exptxtcont .exptxthdr{font-size:120%;font-weight:bold;}
.exptxtcont .exptxtval{font-size:100%;}

.next-qs-block{padding-bottom:20px;}
.hidele{display:none !important;}

.progress{position:relative;width:100%;height:15px;background:#C7DA9F;border-radius:10px;overflow:hidden;display:none;margin-top:10px !important;}
.progress-bar{position:absolute;top:0px;left:0px;width:0px;height:15px;background:#85C220;}

.loading {display: none; position: fixed; left: 50%; top: 50%;	height: 400px;	margin-top: -200px;	width: 600px;	margin-left: -300px; text-align: center; /*background-color: white;  background: url('loading.gif') no-repeat center 50%;*/ z-index: 101;}
.transparentCover {display: none; position: absolute; left: 0px; top: 0px; width: 100%;	height: 100%; background: #000000; opacity: 0.4; filter: alpha(opacity = 40); -moz-opacity: 0.4; -khtml-opacity: 0.4; z-index: 100;}

/* secondary optin ui start */
.newsltr-option {
    clear: both;
    padding: 10px 0;
}
.newsltr-option:first-child {
    padding-top: 0;
}
/* secondary optin ui end */

/* Styling for facebook */
@media screen and (max-width: 810px) {
	.ftr-disclaimer-inner {padding:10px 20px;}
	#referral-share-box{width:96%;margin-left:5%;left:0px;}
}

/* Styling for mobile devices*/
@media screen and (min-width: 150px) and (max-width: 790px) {

	/* [form] */

	/* shared widths */
	.forminput input, .customtextarea textarea, .custominput input, .verification-input input {width:100%; max-width:270px;}
	.form #SweepuserentryCountry, .customselect select {width:100%; max-width:284px;}

	/* answer blocks */
	.answer-blocks {width:48%; padding:0 1% 3% 1%;}
	.answer-blocks:nth-child(odd) {/*background: #CCC;*/ padding-right:0; padding-left:1%;}
	.answer-block-txt {width:87.5%; max-height:auto; padding:0; text-align:left; margin:5px 5%; padding:1%; border:1px solid #e7e7e7;}
	.answer-block-txt-hover {width:87.5%; max-height:auto; padding:0; text-align:left; margin:5px 5%; padding:1%; border:1px solid #e7e7e7;}
	.answer-block-txt:hover {/*background:#e2e2e2;*/}
	.answer-blocks label>a {display:inline-block; width:80%; text-decoration:none; margin:auto;}
	.answer-block-txt:nth-child(odd), .answer-block-txt-hover:nth-child(odd), .answer-block-txt:nth-child(even), .answer-block-txt-hover:nth-child(even) {padding:1%;}

	/* shared paddings */
	.forminput label, .customquestions-label, .verification-label {text-align:left; width:100%; float:left; padding:0 0 10px 0;}
	.labelCont {text-align:left; width:100%; float:left; padding:0 0 0 0;}
	.form p.example-txt {clear:both; padding-left:0; margin-left:0;}
	#newsletter_text, #rules_text {clear:both; padding:10px 0 0 0; margin-left:0; width:100%;}
	p.subbut_cont, div.subbut_cont, p.reqfields {clear:both; padding:20px 0 0 0; margin-left:0;}

	/* right column */
	.customquestions-input, .verification-input, .inputCont {float:left; width:100%;}

	/* misc elements */
	.form #ContactDateMonth, .form #ContactDateDay, .form #ContactDateYear {max-width:80px;}

	/* [footer: abbr rules] */
	.footer-disclaimer-container {float: left; width: 100%; padding: 0 0;}
	.ftr-disclaimer-inner {color:#fff; width:96%; max-width:96%; padding:10px 2%; margin:auto; font-size:80%; background: url(https://dcveehzef7grj.cloudfront.net/img/facebook/black-png-50.png) repeat 0 0;}

	/* [overlays] */
	.mainol-container {display:none; width:90%; left:50%; margin-left:-45%;}

	/* Sweeps: Rules */
	#showRules .rules-container {word-wrap:break-word; width:92%; padding:20px 4%;}
	.prizes-box {word-wrap:break-word; width:94%; padding-left:0; padding-right:4%;}
	#cboxContent .refreshMsg{font-size:14px !important;}
}


@media only screen and (max-width: 480px){

	/* [top bar] */
	div.topLinkRShareLang {display:block; float:right; width:100%; padding:5px 0 5px 0;}
	.topLnkR div.langdropdown, .topLnkRPreview div.langdropdown {float:right; padding-right:0; margin-right:0;}
	.topLnkR div.langdropdown-ind, .topLnkRPreview div.langdropdown-ind {width:156px;}

	.topLnkR span.topLinkRDetails, .topLnkRPreview span.topLinkRDetails {padding-top:0;}
	.topLinkRDetails a {padding-top:0;}
	.topLinkRShare {margin-left:5px;}


	/* misc elements */
	.form #ContactDateMonth, .form #ContactDateDay, .form #ContactDateYear {max-width:75px;}

	/* submit button */
	.form a.defaultbtn, .form input.defaultbtn {padding: 8px 18px;}
	.form a.cancelbtn, .form a.cancelbtn:visited, .form a#form-cancel-button, .form a#form-cancel-button:visited {padding: 8px 18px;}
	#span-cancelbtn {margin-right:5px;}

	/* answer blocks */
	.answer-blocks {width:47.2%; padding:0 1% 3% 1%;}
	.answer-blocks:nth-child(odd) {/*background: #CCC;*/ padding-right:0; padding-left:1.5%;}
	.answer-block-txt {width:87.5%; max-height:auto; padding:0; text-align:left; margin:5px 5%; padding:1%; border:1px solid #e7e7e7;}
	.answer-block-txt-hover {width:87.5%; max-height:auto; padding:0; text-align:left; margin:5px 5%; padding:1%; border:1px solid #e7e7e7;}
	.answer-block-txt:hover {/*background:#e2e2e2;*/}
	.answer-blocks label>a {display:inline-block; width:100%; text-decoration:none; margin:auto;}
	.answer-block-txt:nth-child(odd), .answer-block-txt-hover:nth-child(odd), .answer-block-txt:nth-child(even), .answer-block-txt-hover:nth-child(even) {padding:1%;}

	/* sharebox */
	.sharebox {width:200px;}

	/* [footer] */
	.footer-container {max-width:100%;}

}
@supports (-webkit-overflow-scrolling: touch) {
	#cboxContent .refreshMsg{font-size:14px !important;}
}