/*page title doesn't fit with all subnav: resetting it*/
#pageTitleText { top:15px !important; z-index:2002; }
/*fonts*/
@font-face { font-family: Couri; src: url(/layout/fonts/couri.ttf); }
@font-face { font-family: Cour; src: url(/layout/fonts/cour.ttf); }
@font-face { font-family: Dragon; src: url(/layout/fonts/Dragon.ttf); }
@font-face { font-family: Helvetica Neue CE 35 Thin; src: url(/layout/fonts/Helvetica Neue CE 35 Thin.ttf);
}
@font-face { font-family: Helvetica; src: url(/layout/fonts/Helvetica Neue CE 35 Thin.ttf);
}
@font-face { font-family: Montserrat-Light; src: url(/layout/fonts/montserrat-light-webfont.ttf); }

/* Additional Font Classes */
.fontOpenSansItalic { font-family: 'OpenSans-Italic'; }
.fontAlienBold { font-family: 'Alienleague-Bold'; }
.fontAlienExpand { font-family: 'Alienleague-Expand'; }
.fontUbuntuMono { font-family: 'Ubuntu Mono'; }
.fontUbuntuMonoItalic { font-family: 'Ubuntu Mono Italic'; }
.fontUbuntuMonoBold { font-family: 'Ubuntu Mono Bold'; }
.fontUbuntuMonoBoldItalic { font-family: 'Ubuntu Mono Bold Italic'; }
.fontUbuntuMedium { font-family: 'Ubuntu Medium'; }
.fontUbuntuMediumItalic { font-family: 'Ubuntu Medium Italic'; }
.fontUbuntuLight { font-family: 'Ubuntu Light'; }
.fontUbuntuCondensed { font-family: 'Ubuntu Condensed'; }
.fontUbuntuBoldItalic { font-family: 'Ubuntu Bold Italic'; }
.fontUbuntuBold { font-family: 'Ubuntu Bold'; }
.fontUbuntuItalic { font-family: 'Ubuntu Italic'; }
.fontUbuntuMonoItalic { font-family: 'Ubuntu Mono Italic'; }
.fontGreatVibes { font-family: 'Great Vibes'; }

.sendyourname { padding: 1% !important; font-family:Helvetica Neue CE 35 Thin; line-height:1.5em; }
.sendyourname h2, .sendyourname h3, .sendyourname p { line-height:1.5em; }
.sendyourname input, .sendyourname select, .sendyourname textarea { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.sendyourname textarea { padding:10px 30px; width:220px !important; }
/*counter*/
.cntBackground { background:url('/layout/images/send-your-name/counterBackgroundFull.png') no-repeat center right; width:300px; height:50px; text-align:right; float:left; color:white; margin:-10px 15px 10px 15px; position:relative; z-index:1; }
.cntHumans {/* background-color:#eb6937; min-height:74px; height:74px;*/ background:url('/layout/images/send-your-name/orangeGradientBG.jpg') repeat; width:100%; height:50px; }
 @media only screen and (max-width : 1052px) {
.cntHumans { height:75px; }
}
 @media only screen and (max-width : 800px) {
.cntHumans { height:120px; }
.cntBackground, .cntText, .cntHashTag { display:block; margin:0 auto; clear:both; }
.cntText, .cntHashTag { text-align:center; }
}
.cntNumber { text-align:right; width:100%; margin:11px 0 0 4px; font-size:33px; letter-spacing:0.312em; }
.cntText {/*float:left;*/ color:#ffffff;/*font-size:13px;line-height:1.2em;*/ font-size:1.2em; line-height:1.3em; margin-top:10px; text-transform:uppercase; }
.cntHashTag { font-size:1.2em; color:#FFDB9F; text-shadow:black 1px 1px 1px; font-weight:bold; }
.mapButtonsBox { float:right; margin-left:10px; }
.mapBtn { float:right; background-color:#f5a256; border:solid 1px #e76239; color:#b64f2e; font-size:17px; padding:5px 30px 3px 30px; margin: 0 20px 10px 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-weight:bold; border: 1px #b64f2e solid; cursor: pointer }
.mapBtn:hover { border: 1px #FFFFFF solid }
.formNotesRed { color:rgb(178, 4, 4); clear:both; font-size:16px !important; }
.formLinkBlue { color:#013394; }
/*send name form*/
#sampleBoardingPass { width:35%; float:left; min-height:549px; }
#sendNameFormBox .embedSNM img, #sendNameInviteFormBox .embedSNM img { width: 100px; margin-top: -18px; }
#sendNameFormBox .boardingpass, #sendNameInviteFormBox .boardingpass { position:relative; margin:25px 3% 0px 3%; z-index:4; }
.formNotesRed { line-height:1.2em; margin:20px 0px; }
#sampleBoardingPass h2 { color:#ffffff; margin: 0px 20px 0px 30px; font-weight:normal; font-size:27px; }
#sampleBoardingPass .inviteLink { position:relative; z-index:3; background:url(/layout/images/send-your-name/goldenArrow.png) right no-repeat; padding-right:30px; background-size: 25px 60px; display:block; margin: 0px 20px 20px 30px; font-weight:normal; font-size:36px; line-height:1em; }
.sendyourname .lightBlue { color:#8eb1db; }
.sendyourname .orange { color:#ec7a21; }
#sendNameForm .submitBtnBox { width:100%; /*background-image:url(/layout/images/send-your-name/largeSubmitButton.png);*/ background:url(/layout/images/send-your-name/searchButton.png) top right; background-size: cover;/*min-width:459px;width:459px;min-height:50px;height:50px;*/ min-width:260px; width:260px; min-height:56px; height:56px; margin-top: 20px; }
#sendNameForm #Submit { color:white; font-size:23px; width:100%; height:100%; background-color:transparent; border:none; text-align:left; cursor:pointer; margin-top:0px; }
/*recaptcha*/
#recaptcha_widget_div { margin-top: 20px; width:65% }
.recaptchatable { border: 0px solid #dfdfdf !important; width:100%; }
.portraitMode .recaptchatable { width: auto; }
#recaptcha_table td { background-color:rgba(163,124,79,0.33); }
/*.recaptchatable a img{width:50px !important; height:auto !important;}*/
.recaptchatable a img { width:1px !important; height:1px !important; }
img#recaptcha_logo { margin-top:40px; }
#captcha_hardtoread { position: relative; color: navy !important; font-size: 80% !Important; font-weight: bold; left: 50%; margin: 0 !important; top: 65px; padding: 0 !important; }
/*img#recaptcha_reload {display:none;}*/
#recaptcha_reload_btn { background:url(/images/mep/refreshBtn.png?2) left no-repeat !important; background-size: 172px 32px; width:172px !important; height:32px !important; display:block; margin-top:12px; }
#recaptcha_reload_btn:hover { background-image:url(/images/mep/refreshBtnOver.png?2)!important; }
/*img#recaptcha_switch_audio {display:none;}*/
#recaptcha_switch_audio_btn { background:url(/images/mep/playBtn.png?2) left no-repeat !important; background-size: 43px 32px; width:43px !important; height:32px !important; display:block; margin-top:2px; }
#recaptcha_switch_audio_btn:hover { background-image:url(/images/mep/playBtnOver.png?2)!important; }
/*img#recaptcha_whatsthis {display:none;}*/
#recaptcha_whatsthis_btn { background:url(/images/mep/helpBtn.png?2) left no-repeat !important; background-size: 43px 32px; width:43px !important; height:32px !important; display:block; margin-top:2px; }
#recaptcha_whatsthis_btn:hover { background-image:url(/images/mep/helpBtnOver.png?2)!important; }
img#recaptcha_logo { display:none; }
#recaptcha_table { background-image:url(http://www.google.com/recaptcha/api/img/clean/logo.png)!important; background-repeat:no-repeat; background-position:91% 60%; background-size:99px 50px; }
/*<img width="71" height="36" alt="" id="recaptcha_logo" src="http://www.google.com/recaptcha/api/img/clean/logo.png">*/

/*search form*/
#sendNameSearchFormBox { position:relative; min-height:549px; width:100%; background-image:url(/layout/images/send-your-name/night-sky-br2-20.jpg); background-size: cover; min-height:961px; height:961px; text-align:center; }
#sendNameSearchForm { position: relative; z-index: 2; text-align:left; margin: 15px 0 15px 15px; width:auto; display:table; }
#sendNameSearchFormBox h1 { font-family: Dragon, Arial, Helvetica; color:#8daed9; padding-top:100px; margin:0px auto; font-size:70px; font-weight:normal; }
#sendNameSearchFormBox h2 { color:#f39e1f; font-size:30px; font-weight:normal; margin:0px auto; }
#sendNameSearchForm .questionMark,
#sendNameSearchFormBox .questionMark { font-family:Arial, Helvetica, sans-serif; font-weight: thin }
/*#sendNameSearchForm .submitBtnBox {width:100%; background-image:url(/layout/images/send-your-name/searchButton.png); background-size: cover;min-width:355px;width:355px;min-height:56px;height:56px;margin-top: 20px;}*/
#sendNameSearchForm .submitBtnBox { width:100%; background-image:url(/layout/images/send-your-name/searchButton.png); background-size: cover; min-width:355px; width:355px; min-height:56px; height:56px; margin-top: 20px; }
#sendNameSearchForm #SearchSubmit { color:white; font-size:23px; width:100%; height:100%; background-color:transparent; border:none; text-align:left; cursor:pointer; margin-top:0px; }
/*invite form*/
/*#sendNameInviteFormBox {position:relative;min-height:549px;  width:100%; background-image:url(/layout/images/send-your-name/sendNameFormBg.jpg); background-size: cover; text-align:center; padding-top:20px;}
#sendNameInviteForm {position:relative;text-align:left; margin: 50px auto; width:auto; display:table; }*/
#sendNameInviteFormBox .social { width:87%; margin:0 auto; padding-left:3%; }
#sendNameInviteFormBox .social img { width:18%; }
#sendNameInviteFormBox h2 { color:#2661B3; font-size:33px; font-weight:normal; margin:0px auto; }
#sendNameInviteForm .submitBtnBox { width:100%; background-image:url(/layout/images/send-your-name/searchButton.png); background-size: cover; background-repeat:no-repeat; min-width:402px; width:402px; min-height:64px; height:64px; margin: 25px auto 0 auto; }
#sendNameInviteForm #Submit { color:white; font-size:30px; width:100%; height:100%; background-color:transparent; border:none; text-align:left; cursor:pointer; margin-top:0px; }
.short-url {
	cursor: pointer;
	font-size: 16px;
	font-weight:bold; 
	margin: 15px 0 0 15px;
	position: relative;
	z-index: 2;
}
.short-url .link {
	color: #FFDB9F; 
	display: block;
}
.portraitMode .short-url .link {
	font-size: 14px;
}
/*decorative borders*/
.sendNameSearchFormBox-topBorderMask,.sendNameBorders-topBorderMask { background-image: url("/layout/images/send-your-name/topLeftCorner.png"),  url("/layout/images/send-your-name/topRightCorner.png"); background-origin: border-box, border-box; background-position: left top, right top; background-repeat: no-repeat, no-repeat; /*height:568px;*/
	position:absolute; top:0; width:100%; height:549px; z-index: 1;
}
.sendNameSearchFormBox-rightBorderMask,.sendNameBorders-rightBorderMask { background-image: url("/layout/images/send-your-name/topRightCorner.png"); background-origin: border-box; background-position: right top; background-repeat: no-repeat; position:absolute; top:0; right:0; height:549px; width:35px; }
.sendNameSearchFormBox-leftBorderMask,.sendNameBorders-leftBorderMask { background-image: url("/layout/images/send-your-name/topLeftCorner.png"); background-origin: border-box; background-position: left top; background-repeat: no-repeat; position:absolute; top:0; left:0; height:549px; width:35px; }

.errorMessage { font-weight:bold; color:#cc0000 !important; font-size:1.5em; font-style:italic; }
/*forms*/
.class-form {z-index: 2;position:relative;}
.class-form .required-label {
	font-size: 10px;
    float: right;
    margin: -20px 97px 0 0;
}
.class-form .input-label { /* max-height: 30px;*/
    max-height: 40px; }
.class-form .row { position: relative; margin-top: 20px; }
.class-form .row img { position: absolute; z-index: 4; }
.class-form .row .title { position: absolute; z-index: 5; font-family:Arial, Helvetica; /*font-size: 12px;*/
	font-size: 16px; font-weight: bold; color:#223770; /*padding-top: 7px;*/
    padding-left: 10px; }
.class-form .row .title label sup { 
	margin-left: 2px;
	vertical-align: baseline; 
}
.class-form .row input { /*margin-left: 90px;*/ margin-left: 120px; /*height: 25px;*/ height: 33px; margin-top: 2px; width: 45%; background-color:rgba(163,124,79,0.33); border: 0; /*opacity:.33;*/
    padding-left: 30px; color:#000000; 
	z-index: 3;
}
.portraitMode .class-form .row input,
.portraitMode .class-form .row textarea,
.portraitMode .class-form .row table {
	width: auto;
}

.portraitMode .class-form .row.email-msg {
	padding-right: 40px;
}

@media only screen and (max-width: 800px) {
	.portraitMode .class-form .row input {
	    max-width: 175px;
	}
	.portraitMode .class-form .row textarea {
	    max-width: 145px;
	}
	#sendNameInviteForm .submitBtnBox {
	    min-width: inherit;
	    width: 340px;
	}
}

.class-form .row .submitBtnBox input { padding-left: 20px; }
::-webkit-input-placeholder { /* WebKit browsers */
 color:    #404040;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #404040;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #404040;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #404040;
}
#sendNameSearchForm .class-form .row input { color:#d2b49a; background-color:rgba(5,5,5,0.50); width:65%; }
 #sendNameSearchForm ::-webkit-input-placeholder { /* WebKit browsers */
 color:    #d2b49a;
}
#sendNameSearchForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #d2b49a;
 opacity:  1;
}
#sendNameSearchForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #d2b49a;
 opacity:  1;
}
#sendNameSearchForm :-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #d2b49a;
}
.class-form .select { width: 48%; /*height: 25px;*/ height: 33px; /*margin-left: 90px;*/ margin-left: 120px; margin-top: 3px; overflow: hidden; /*background-color:rgba(163,124,79,0.15);*/
	background-color:rgba(163,124,79,0.33); /*background: url(new_arrow.png) no-repeat right #ddd;*/
    /*border: 1px solid #ccc;*/
	border: 0px solid #ccc; color:#404040; }
#sendNameSearchForm .class-form .select {/*color:#bc956a;*/ color:#d2b49a; background-color:rgba(5,5,5,0.50); width:70%; }
.class-form .select.normalize { -webkit-appearance: none; -webkit-border-radius: 0px; }
.class-form .row input[type="submit"] { margin-left: 0px; width: 340px; }
.class-form .input-dropdown { position: absolute; left: 60%; height: 18px; top: 10px; }
.ie .class-form .input-dropdown, .ff3 .class-form .input-dropdown { display:none; }
#sendNameSearchForm .class-form .input-dropdown { left:86% }
.class-form .input-select-wrapper { overflow: hidden; width: 100%; }
/* MAP PAGE World/US */
#mapPage { position:relative; }
#mapPage .mapBtn.active { background-color: #F5DFCB }
#mapPage .mapHeader { background:url('/layout/images/send-your-name/insight/map-header-insight.jpg') center center; width:100%; height:335px; } /* Was: /layout/images/send-your-name/map/mapHeaderImage.jpg */
#mapPage .mapHeader .stepNumber { position:relative; top:30%; left:5%; }
#mapPage .mapHeader .stepNumber img { width:100px; }
#mapPage .mapHeader .stepNumber span { font-size: 50px; text-transform: uppercase; color: #98B8DE; position: relative; top: -65px; font-family: Dragon, Arial, Helvetica; left: 115px; line-height: 85%; }
#mapPage .cntHumans { padding-top:20px; position:relative; }
#mapPage .mapContainer { background:url('/layout/images/send-your-name/map/mapGoldBackground.png'); background-repeat: round; }
#mapPage .scale { width:78%; display:inline-block; text-align: right; /*right:0;*/ margin-bottom: 25px }
#mapPage .scale img { width:60%; position:relative; right:50px; }
#mapPage #googleMap { width:100%; height:auto; text-align:center; overflow:hidden; }
#mapPage #googleMap div:first-child { width:100% !important; }
/*WORLD MAP*/
#mapPage .mapCountryLegend {/*margin-top:-150px;*/ position: relative; /*bottom:0; left:0;*/ margin:20px; padding-bottom: 20px; }
#mapPage .countryLegend { line-height:2em; background: #eb6937; display:table; color: white; text-transform: uppercase; margin: 0px auto; }
#mapPage .countryLegend .countryLegendTitle { text-align:center; font-size:80%; margin: 20px 20px -14px 20px; }
#mapPage .countryLegend .countryLegendTitle .hashTag { font-weight:bold; text-shadow: black 1px 1px 1px; font-weight: bold; color:#FFDB9F; }
#mapPage .countryLegend .countryList { list-style:none; text-shadow: black 1px 1px 2px; /*padding-left:10%;*/ font-size:150%; }
#mapPage .countryLegend .countryList li { list-style:none; }
#mapPage .countryLegend .countryList .countryName { /*width:48%;*/ text-align:left; display:inline-block; font-weight:normal; /*letter-spacing:-1px;*/ }
#mapPage .countryLegend .countryList .countNumber { font-weight:bold; /*padding-right:10%; width:38%;*/ text-align:right; display:inline-block; float:right; clear:right; }
/*UNITED STATES*/
#mapPage .mapStateLegend { margin-top:0; position: relative; bottom:0; padding-bottom: 20px; }
#mapPage .stateLegend { line-height:2em; background:#eb6937; display:table; color:white; text-transform:uppercase; /*min-width:180px; max-height:300px; overflow:auto;*/ margin: 0px auto; }
#mapPage .stateLegend .stateLegendTitle { text-align:center; font-size:80%; margin: 20px 20px -14px 20px; }
#mapPage .stateLegend .stateLegendTitle .hashTag { font-weight:bold; text-shadow: black 1px 1px 1px; font-weight: bold; color:#FFDB9F; }
#mapPage .stateLegend .stateList { list-style:none; text-shadow: black 1px 1px 2px; /*padding-left:10%;*/ font-size:150%; }
#mapPage .stateLegend .stateList li { list-style:none; }
#mapPage .stateLegend .stateList .stateName { /*width:48%;*/ text-align:left; display:inline-block; font-weight:normal; /*letter-spacing:-1px;*/ }
#mapPage .stateLegend .stateList .countNumber { font-weight:bold; /*padding-right:10%; width:38%;*/ text-align:right; display:inline-block; float:right; clear:right; }
/*boarding pass and social media*/
    #page-confirmation.background { /*background: url('/layout/images/send-your-name/blueGradientBackground.jpg');
        background-position:50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		min-height:549px; width:100%;*/
    }
#page-confirmation .boarding { margin-top: 200px; padding-left: 50px; padding-right: 50px; position: relative; }
/* #page-confirmation .image-boarding img { max-width: 100%; width: 100%; z-index: 2; position: relative; height:auto; } */
#page-confirmation .success { font-family: Dragon, Arial, Helvetica; font-size: 40px; color: #8eafda; position: absolute; top: -90px; }
#page-confirmation .description { font-family: Dragon, Arial, Helvetica; font-size: 22px; color: #8eafda; position: absolute; top: -101px; left: 250px; letter-spacing: 2px; }
#page-confirmation .white { color: white; }
#page-confirmation .orange { color: #ec7a22; }
#page-confirmation .yellow { color: #f3b017; }
#page-confirmation .light-orange { color: #febf72; }
#page-confirmation .font-helvetica { font-family: Helvetica; }
#page-confirmation .font-cour { font-family: Cour; }
#page-confirmation .your-name { font-size: 15px; font-weight: normal; margin-bottom: 4px; }
#page-confirmation .and-to { font-size: 11px; font-weight: normal; margin-bottom: 4px; position: relative; top: -5px; }
#page-confirmation .name { font-size: 21px; font-family: Helvetica; font-weight: normal; margin-bottom: 4px; position: absolute; top: 39%; margin-left: 33%; z-index: 3; }
#page-confirmation .graphic-right { position: absolute; top: -100px; right: 50px; max-height: 60%; z-index: 2; }
#page-confirmation .boarding-pass { position: absolute; top: -39px; left: 61px; font-family: Helvetica; color: #ff6623; }
#page-confirmation .invite { font-family: Helvetica; position: absolute; bottom: -77px; left: 64px; color: white; }
#page-confirmation .social { font-family: Helvetica; position: absolute; bottom: -122px; /* left: 50%; */
    color: white; /* margin-left: -190px; */
    bottom: -172px; 
}
#page-confirmation .social a { text-decoration: none; }

/* Social Media Icons Sprite Map */

.social-media-icons {
	margin: -90px 0 15px 0;
    position: relative;
	z-index: 2;
}

.portraitMode .social-media-icons {
	margin-top: -105px;
}

.social-media-icons a {
	background: url('/layout/images/send-your-name/sprite-maps/social-media-icons.png');
	display: block;
	float: left;
	min-height: 70px;
	min-width: 70px;
}

/* Social Media Icons Sprite Map Coordinates */

.social-media-icons .facebook {
	background-position: 0px 0px;
}

.social-media-icons .icons {
	margin-top: 10px;
    margin-right: 5px;
}

.social-media-icons .facebook:hover {
	background-position: 0px -73px;
}

.social-media-icons .twitter {
	background-position: -77px 0px;
}

.social-media-icons .twitter:hover {
	background-position: -77px -73px;
}

.social-media-icons .googlePlus {
	background-position: -154px 0px;
}

.social-media-icons .googlePlus:hover {
	background-position: -154px -73px;
}

.social-media-icons .pinterest {
	background-position: -231px 0px;
}

.social-media-icons .pinterest:hover {
	background-position: -231px -73px;
}

.social-media-icons .email {
	background-position: -308px 0px;
}

.social-media-icons .email:hover {
	background-position: -308px -73px;
}

/* Page Specific Styles */
#sendNameInviteFormBox .social-media-icons .facebook {
	margin-left: 20px;
}

.portraitMode #sendNameInviteFormBox .social-media-icons .facebook {
	margin-left: 0px;
}

@media only screen and (min-width : 1100px) and (max-width : 1300px) {
	#sendNameInviteFormBox .social-media-icons .facebook {
		margin-left: 0px;
	}
}

@media only screen and (min-width : 750px) and (max-width : 1300px) {

	.landscapeMode #sendNameInviteFormBox input {
		width: 70%;
	}

	.portraitMode #sendNameInviteFormBox input {
		width: 66%;
	}
}

.landscapeMode .class-form .row textarea {
	width: 66% ! important;
}

/* #page-confirmation .social img { max-width: 70px; } */
#page-confirmation .download { position: absolute; /*bottom: -29px;*/
		bottom: -45px; right: 70px; z-index: 1; }
#page-confirmation .download img { max-height: 50px; }
#page-confirmation .download a { text-decoration: none; }
#page-confirmation .certificate-id { z-index: 3; color: #000000; font-family: Cour; }
/* @media only screen and (max-width : 1000px) {
#page-confirmation .certificate-id { top: 46px; left: 42%; }
}*/
.page-confirmation-wrapper { /*height: 869px;*/height: 880px; position: absolute; background: url('/layout/images/send-your-name/blueGradientBackground-q12.jpg'); background-position:50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-right: 10px; width: 98%; }
.page-confirmation-wrapper.v2 { background: url('/layout/images/send-your-name/insight/invite/insight-invite-share-page.jpg'); }
.decorative-element { position: absolute; left: 45px; top: -44PX; max-height: 84%; z-index: 4; }
/* Embed Code style */
.embedSNM { width:100%; margin-right:3%; margin-bottom:25px; height:34px; position:relative; z-index:3; }
.ico-embed { color: #2661B3; margin:2px 3% !important; font-size:85%; }
#sampleBoardingPass .ico-embed { color: #ffffff; font-size:65%; }
.lastdaynote { font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; line-height:normal; text-align:center; margin-top:0px; }
/*Invite Link*/
.inviteLink { color: #F9D290; }
#mainBoardingPassStatement { position:relative; top:100px; }
#sendNameInviteFormBox .fancybox-overlay, #sendNameFormBox .fancybox-overlay { z-index: 888010; }
#sendNameShare #sendNameSearchForm{ margin-top:8% !important;}
.chrome #sendNameShare #sendNameSearchForm{ margin-top:5% !important;}
@media only screen and (max-width : 1400px) {
.chrome #sendNameShare #sendNameSearchForm{ margin-top:1% !important;}}
@media only screen and (max-width : 1150px) {
.chrome #sendNameShare #sendNameSearchForm{ margin-top:0% !important;}}
@media only screen and (max-device-width : 640px) {
#sendNameShare #sendNameSearchForm{ margin-top:-10px !important;}}

/*
	Did you know that you can easily minify your CSS using a URL like? http://cssminifier.com
	
	Or minify JS using: http://javascript-minifier.com
	
	Or use http://pngcrush.com or http://jpgoptimiser.com or http://img-resize.com
	
	Or obfuscate/de-obfuscate Dean Edwards Packer code with: http://dean.edwards.name/packer/
	
	Or simply format your JS & HTML code using: http://jsbeautifier.org
	
	JSLint: http://www.jslint.com
*/

/*** Google Map Tooltip Fixes as this themeDefault.css style is overriding the tooltips. See line 7: 
	*, p, a {
		font-size: 100%;
	}
	
	Google Map tooltips look like these HTML tags:
	<div id="googleMap">
		<svg>
			<g>
				<text text-anchor="start" x="478" y="173.05" font-family="Arial" font-size="13" font-weight="bold" stroke="none" stroke-width="0" fill="#000000">GL</text>
				<text text-anchor="start" x="449" y="233.05" font-family="Arial" font-size="13" stroke="none" stroke-width="0" fill="#000000">Names:</text>
				<text text-anchor="start" x="498" y="233.05" font-family="Arial" font-size="13" font-weight="bold" stroke="none" stroke-width="0" fill="#000000">53</text>
			</g>
		</svg>
	</div>
***/

#googleMap svg g text[font-size="13"] {
	font-size: 13px;
}

#googleMap svg g text[font-family="Arial"] {
	font-family: arial;
}

#googleMap svg g text[font-weight="bold"] {
	font-weight: bold;
}

#googleMap svg g text[fill="#000000"] {
	background-color: #000000;
}

#googleMap svg g text[stroke="none"],
#googleMap svg g text[stroke-width="0"] {
	border: 0px;
}

/* Turns off Background Colors */

.pageContentBlueBox {
	background-image: none;
}
.pageContentBlueBox #footer {
	background-color: transparent;
	margin-top: -35px;
}

.embed-print-icons .tabs {
	background: transparent url('/layout/images/send-your-name/sprite-maps/embed-print-icons.png') no-repeat left top;
}

.embed-print-icons .tabs {
	display: block;
	float: right;
	height: 31px;
}

.embed-print-icons .tabs.embed {
	background-position: 0px 0px;
	min-width: 102px;
}

.embed-print-icons .tabs.print {
	background-position: -102px 0px;
	min-width: 89px;
}

/***************************************************/
/*** All of the Page Specific Styles Start Here: ***/
/***************************************************/

/***********************/
/* BEGIN: Color Styles */
/***********************/

.bkgWhite {
	background-color: #FFFFFF;
}

.bkgOrange {
	background-color: #eb4f2d;
}

.txtWhite,
.pageContent h1.txtWhite,
.pageContent h1.txtWhite a,
.pageContent h2.txtWhite,
.pageContent h2.txtWhite a  {
	color: #FFFFFF ! important;
}

.txtGray{color:#ABABAB;}
.txtOrange {
	color: #cc3300;
}

.txtOrange-1 {
	color: #eb4f2d ! important;
}

.txtOrange-2 {
	color: #c96103 ! important;
}

.txtGold-1 {
	color: #ffcf45 ! important;
}

.txtGold-2 {
	color: #ffb43c ! important;
}

.txtGold-3 {
	color: #f2a53b ! important;
}

.txtSilver {
	color: #abadad;
}

.txtBlue,
.pageContent h1.txtBlue,
.pageContent h1.txtBlue a,
.pageContent h2.txtBlue,
.pageContent h2.txtBlue a {
	color: #224487 ! important;
}

.txtBlue-2 {
	color: #1885d1 ! important;
}

.txtBrightBlue {
	color: #77b3f2 ! important;
}

.txtNeonBlue {
	color: #1797ed ! important;
}

.txtSkyBlue {
	color: #77b3f2 ! important;
}

.txtLtBlue,
.pageContent h1.txtLtBlue,
.pageContent h1.txtLtBlue a,
.pageContent h2.txtLtBlue,
.pageContent h2.txtLtBlue a {
	color: #8dafd9 ! important;
}

.txtBlack {
	color: #000000 ! important;
}

/*********************/
/* END: Color Styles */
/*********************/

/***************************/
/* BEGIN: Home Page Styles */
/***************************/
/* see /layout/css/general/send-your-name/insight/home-page.css */

/*************************/
/* END: Home Page Styles */
/*************************/

/****************************************/
/* BEGIN: Page Confirmation Page Styles */
/****************************************/

#page-confirmation .sendNameSearchFormBox-topBorderMask {
	z-index: 1;
}

#page-confirmation .success-msg {
	color: #8eafda;
	float: left;
	font-family: Dragon, Arial, Helvetica;
	font-size: 18px;
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
	margin: 50px 0 25px 50px;
}

#page-confirmation .info .group {
	float: left;
	margin: 40px 0 0 0px;
}

#page-confirmation .info .group .mission-name {
	margin-top: -5px;
}

#page-confirmation .boarding-pass {
	margin: 5px 0 20px 50px;
	position: relative;
	top: 0;
	left: 0;
}

#page-confirmation .confirmation-text {
	font-size: 75%; 
	font-weight: normal; 
	font-family: Arial, Helvetica;
	position: relative;
	bottom: inherit;
	top: 0;
}

#page-confirmation .social-media-icons {
	margin: -100px 45px 0 0;
	z-index: 2;
}

#page-confirmation .embed-print-icons {
	cursor: pointer;
	margin-right: 50px;
	z-index: 2;
}

#page-confirmation .boarding {
	margin-top: 0px;
}

#page-confirmation  .boarding .center {
	text-align: center;
}

#page-confirmation  .boarding .center.link {
	margin-top: 20px;
}

/**************************************/
/* END: Page Confirmation Page Styles */
/**************************************/

/**************************/
/* BEGIN: Map Page Styles */
/**************************/

.mapPage {
}

/************************/
/* END: Map Page Styles */
/************************/

/****************************/
/* BEGIN: Learn Page Styles */
/****************************/

.learnPage .bg-white.form {
	margin-right: 20px;
}

/**************************/
/* END: Learn Page Styles */
/**************************/

/*****************************/
/* BEGIN: Invite Page Styles */
/*****************************/
/*For Prod*/
.invitePage .pageContentBox { background: transparent; }
/* Font Styles */
.invitePage .emailInformationNotice {display:block;color:#223770;background-color:white;padding:5px 30px;width:70%;text-align:center;margin:20px auto;}
.invitePage .privacyPolicy{display:block;text-align:center;}
/* Form */
.invitePage #sendNameInviteFormBox, .invitePage #sendNameFormBox { position:relative; min-height:549px; width:100%; background-image:url(/layout/images/send-your-name/blueGradientBG.jpg); background-repeat:repeat-x; background-size: 100% 100%; }
.invitePage #sendNameInviteFormContent form { width: 90%; margin: 0 0px 0 auto; }
.invitePage .class-form .required-label { font-size: 16px; float: right; margin: 0px 97px 0 0; }
.invitePage .class-form .row input { width: 70%; }
.invitePage .class-form .row textarea { width: 66% !important; }
.invitePage #recaptcha_widget_div { width: 73.5%; margin-left: 120px; }
.invitePage #recaptcha_table { background-image: url(/layout/images/send-your-name/recaptchaWhite.png)!important; background-repeat: no-repeat; background-position: 88% 60%; background-size: 99px 50px; }
#recaptcha_privacy { display: none; }
#recaptcha_widget_div { display: inline-block; margin-left: 120px; }
img#recaptcha_logo { margin-top: 0; padding-top: 40px; background: url(/images/mep/send-name-to-mars/captcha-hard-to-read.png); background-size: 100% 100%; background-position-y: -228px; }
.invitePage .class-form .row input, .invitePage .class-form .row textarea, .invitePage #recaptcha_table td { color: #223770;background-color: rgba(255,255,255,0.9); }
.invitePage #sendNameInviteForm .submitBtnBox { background: none; background-repeat: no-repeat; min-width: 402px; width: 402px; min-height: 64px; height: 64px; margin: 25px auto 0 120px; }
.invitePage #sendNameInviteForm #Submit { background: transparent url('/layout/images/send-your-name/sprite-maps/buttons.png') no-repeat left top; font-size: 22px; background-position: -75px -59px; padding: 0 0 0 15px; }
/* End Form */
.invitePage #sendNameInviteFormBox h2.ShareTitle span { display: block; margin: 0; padding: 0; line-height: normal; }
.invitePage p.errorMessage, .invitePage p.confirmationMessage { text-align: left; font-size: 95%; font-weight: bold; background-color: #cc0000; color: white !important; margin: 0; margin-bottom: 3px; padding:2px; width:88%; }
.invitePage p.confirmationMessage { background-color:#2DCC00; }
.invitePage #sendNameInviteFormBox .social { position: relative; }
.invitePage .class-form .row label { margin-top: 6px; float: left; color:#223770 }
.invitePage #sendNameInviteForm { background-image: url('/images/general/bg/PIA18478-Copper_1.jpg'); color: #FFFFFF; background-size: cover; position: relative; width: 65%; min-height: 549px; float: right; }
.invitePage #sendNameInviteForm #sendNameInviteFormContent { margin:0; padding: 5%; font-size: 16px; background-color: rgba(0, 0, 0, 0.3); }
.invitePage #sendNameInviteFormBox h2 { font-size: 30px; text-transform: none; }
.invitePage .insightSpacecraft img { width:100%; margin-top:40px; }
.invitePage .short-url { cursor: pointer; font-size: 16px; font-weight: bold; margin: 25px 0 0 15px; position: relative; z-index: 2; }

/* Mobile Break point */
@media only screen and (max-width: 1260px) { 
  .invitePage #recaptcha_widget_div { margin-left: 0; } 
}

@media only screen and (max-width: 900px) {
  .invitePage #sampleBoardingPass{display:none;}
  .invitePage #sendNameInviteForm{width:100%;}
  .invitePage #sendNameInviteFormBox input{width:100% !important; max-width:450px;}
  .invitePage .class-form .row textarea{width:100% !important; max-width:420px;}
  .invitePage #sendNameInviteFormContent form{margin:0 0 0 35px;}
  .invitePage #recaptcha_table {margin-left:85px !important}
}
@media only screen and (max-width: 640px) {
  .invitePage #sendNameInviteFormBox input{max-width:300px;}
  .invitePage .class-form .row textarea{max-width:270px;}
    .invitePage #recaptcha_table {margin-left:-40px !important}
}
/***************************/
/* END: Invite Page Styles */
/***************************/



/*******************************************/
/**** Begin: Frequent Flyer Page Styles ****/
/*******************************************/

/* See: /cmsroot/layout/css/general/send-your-name/insight/frequent-flyer.css */

/*****************************************/
/**** END: Frequent Flyer Page Styles ****/
/*****************************************/

/**************************/
/* BEGIN: FAQ Page Styles */
/**************************/

.faqPage #sendYourNameFAQ {position:relative;}
.faqPage #sendYourNameFAQ .faqLinks a{display:block;font-weight:bold;margin-bottom:5px;margin:0 25px 10px;}
.faqPage #sendYourNameFAQ #frequently-asked-questions{padding:50px 0 0;}
.faqPage #sendYourNameFAQ #frequently-asked-questions div{padding-bottom:50px;}
.faqPage #sendYourNameFAQ #frequently-asked-questions h3{text-transform:none;}
.faqPage #sendYourNameFAQ #frequently-asked-questions p{line-height:150%;padding:0 0 0 30px;}
.faqPage #sendYourNameFAQ #frequently-asked-questions a{text-decoration:underline;color:#e04514}
.faqPage #sendYourNameFAQ .sectionInner{background-color:white;}
.faqPage #sendYourNameFAQ .sectionInner.padded{padding:50px;}
.faqPage #sendYourNameFAQ #frequently-asked-questions h3:before, #sendYourNameFAQ #frequently-asked-questions h3:after {content: "";position: absolute;bottom: -2px;}
.faqPage #sendYourNameFAQ #frequently-asked-questions h3:after {top: -2px;height: 2px;background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(transparent));background-image: -webkit-linear-gradient(transparent, #000);background-image: -moz-linear-gradient(transparent, #000);background-image: -o-linear-gradient(transparent, #000);}
.faqPage #sendYourNameFAQ #frequently-asked-questions a.topLink{display:block;text-align:right; padding-top:20px;color:#BCD1EF;text-decoration:none;font-weight:75%;}
.faqPage #sendYourNameFAQ #frequently-asked-questions a:hover{color:#29608c}

/************************/
/* END: FAQ Page Styles */
/************************/

/************************************/
/* BEGIN: Boarding Pass Page Styles */
/************************************/

.boardingPassPage .social-media-icons {
	float: right;
}

.boardingPassPage .successMsg {
	color: #8eafda;
	font-family: Dragon, Arial, Helvetica;
    font-size: 40px;
	text-transform: uppercase;
}

.boardingPassPage .embed-print-icons {
	display: block;
	width: 250px;
	height: 100px;
	float: right;
	position: absolute;
    right: 45px;
    bottom: 80px;
}

.boardingPassPage .frequent-flyer-account {
	color: #ffffff;
    text-align: center;
    display: block;
	margin-top: 25px;
}

/**********************************/
/* END: Boarding Pass Page Styles */
/**********************************/

/**********************************/
/**** BEGIN: Login Page Styles ****/
/**********************************/

.loginPage .frequentFlyer {
	margin-top: 20px;
	margin-bottom: 20px;
}

.loginPage .frequentFlyer .requiredLabel {
	float: left;
    margin: 15px 0 0 0;
    color: #d2b49a;
}

.loginPage .frequentFlyer .instructions {
	margin-top: 15px;
}

/********************************/
/**** END: Login Page Styles ****/
/********************************/

/*******************************************/
/**** BEGIN: Multiple Login Page Styles ****/
/*******************************************/

.multipleLoginPage {
}

/*****************************************/
/**** END: Multiple Login Page Styles ****/
/*****************************************/

/*override prod do not replace*/
.pageContent .section h1, .pageContent .section h2, .pageContent .section h3, .pageContent .section h4, .pageContent .section h5{padding:0; margin:29px 0 0 0;}
.pageContent h2, .pageContent h2 a{letter-spacing:normal; text-transform:none;}