/** SpriteMaker */
[class^="ftsprite-"] {
	display: inline-block;
	background-image: url("/images/ftsprite-940.png");
	background-size: 195px 432px;
}
.ftsprite-nib-195x40 { /* nib-195x40.png */
	background-position: 0 0;
	width:195px;
	height:40px;
}
.ftsprite-addtext16 { /* addtext16.png */
	background-position: 0 -41px;
	width:16px;
	height:16px;
}
.ftsprite-imagebot16 { /* imagebot16.png */
	background-position: 0 -58px;
	width:16px;
	height:16px;
}
.ftsprite-blank16 { /* blank16.png */
	background-position: 0 -75px;
	width:16px;
	height:16px;
}
.ftsprite-animator16 { /* animator16.png */
	background-position: 0 -92px;
	width:16px;
	height:16px;
}
.ftsprite-animate24 { /* animate24.png */
	background-position: 0 -109px;
	width:24px;
	height:24px;
}
.ftsprite-new-emblem-34x34 { /* new-emblem-34x34.png */
	background-position: 0 -134px;
	width:34px;
	height:34px;
}
.ftsprite-new-star { /* new-star.png */
	background-position: 0 -169px;
	width:26px;
	height:26px;
}
.ftsprite-ft-premium-stars-b { /* ft-premium-stars-b.png */
	background-position: 0 -196px;
	width:20px;
	height:25px;
}
.ftsprite-ft-premium-stars-p { /* ft-premium-stars-p.png */
	background-position: 0 -222px;
	width:20px;
	height:25px;
}
.ftsprite-ft-premium-stars-g { /* ft-premium-stars-g.png */
	background-position: 0 -248px;
	width:38px;
	height:25px;
}
.ftsprite-ft-premium-stars-grey { /* ft-premium-stars-grey.png */
	background-position: 0 -274px;
	width:38px;
	height:25px;
}
.ftsprite-hamburger-50x40 { /* hamburger-50x40.gif */
	background-position: 0 -300px;
	width:50px;
	height:40px;
}
.ftsprite-facebook16 { /* facebook16.png */
	background-position: 0 -341px;
	width:16px;
	height:16px;
}
.ftsprite-twitter16 { /* twitter16.png */
	background-position: 0 -358px;
	width:16px;
	height:16px;
}
.ftsprite-ft-logonut-emblem { /* ft-logonut-emblem.png */
	background-position: 0 -375px;
	width:58px;
	height:57px;
}
/** SpriteMaker */
@media
(min--moz-device-pixel-ratio: 2.0),
(-o-min-device-pixel-ratio: 2.0),
(-webkit-min-device-pixel-ratio: 2.0),
(min-device-pixel-ratio: 2.0),
(min-resolution: 2.0dppx) {
[class^="ftsprite-"] {
	display: inline-block;
}
.ftsprite-nib-195x40 { /* nib-195x40.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 0;
	width:195px;
	height:40px;
}
.ftsprite-addtext16 { /* addtext16.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -40px;
	width:16px;
	height:16px;
}
.ftsprite-imagebot16 { /* imagebot16.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -57px;
	width:16px;
	height:16px;
}
.ftsprite-blank16 { /* blank16.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -73px;
	width:16px;
	height:16px;
}
.ftsprite-animator16 { /* animator16.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -90px;
	width:16px;
	height:16px;
}
.ftsprite-animate24 { /* animate24.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -106px;
	width:12px;
	height:12px;
}
.ftsprite-new-emblem-34x34 { /* new-emblem-34x34.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -119px;
	width:34px;
	height:34px;
}
.ftsprite-new-star { /* new-star.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -153px;
	width:26px;
	height:26px;
}
.ftsprite-ft-premium-stars-b { /* ft-premium-stars-b.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -180px;
	width:20px;
	height:25px;
}
.ftsprite-ft-premium-stars-p { /* ft-premium-stars-p.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -205px;
	width:20px;
	height:25px;
}
.ftsprite-ft-premium-stars-g { /* ft-premium-stars-g.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -231px;
	width:38px;
	height:25px;
}
.ftsprite-ft-premium-stars-grey { /* ft-premium-stars-grey.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -256px;
	width:38px;
	height:25px;
}
.ftsprite-facebook16 { /* facebook16.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -282px;
	width:16px;
	height:16px;
}
.ftsprite-twitter16 { /* twitter16.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -298px;
	width:16px;
	height:16px;
}
.ftsprite-ft-logonut-emblem { /* ft-logonut-emblem.png */
	background-image: url("/images/ftsprite-x2-940.png");
	background-size: 195px 372px;
	background-position: 0 -315px;
	width:58px;
	height:57px;
}
}
/*really-common: CSS reset and patterns shared by most ft sites (included in ftfluid template)*/
* { margin:0; padding:0; }

html {
	font: 100%/1.5 Arial, sans-serif;
}
body {
	color: #424143;
	text-rendering: optimizeLegibility;
}
	body,
	input,
	button {
		-webkit-font-smoothing: antialiased; /*reduces 'thick' antialiasing, particularly on OS X*/
	}

p {
	line-height: 1.5;
	margin-bottom: 1em;
}

table {
	border-spacing: 0;
	border-collapse:collapse;
}

ul
{
	list-style:none;
}
a img {
	border: 0;
}

.cf {
	display: block;
	*zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/* hides the spin-buttons for firefox */
input[type=number] {
    -moz-appearance:textfield;
}
/*disable webkits spin buttons for input type=number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*don't overuse, use cf (clearfix) on groups with floated elements instead*/
.clear {
	clear: both;
}

/*helper classes*/
.group {
	display: block;
	margin-bottom: 1em;
}
.group--large {
	margin-bottom: 2em;
}
.hide,
.no-js .no-js-hide,
.no-localStorage .no-localStorage-hide {
	display: none!important;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.visuallyHidden {
	visibility: hidden !important;
}
.fade-in {
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	cursor: default;
	pointer-events: none;
	
}
.fade-out {
	opacity: 0;
}
.faded-in {
	filter: alpha(opacity=100);
	opacity: 1;
	cursor: inherit;
	pointer-events: inherit;
}
.no-anim {
	-webkit-transition: all 0s!important;
	transition: all 0s!important;
}
body.overlay {
	position: relative;
}
	body.overlay:after {
		content: "";
		position: absolute;
		z-index: 1999; /*just below tooltips and popups*/
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;		
		/*background-color: #333;
		background-color: rgba(0,0,0,.5);
		*/
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMTAvMTNvBa61AAAADUlEQVQImWNgYGBoAAAAhQCBuMOYEwAAAABJRU5ErkJggg==');
	}
button {
	font-family: Arial, sans-serif;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/*Yellow notification notes*/
.ft-note,
.ft-note-yellow,
.ft-error-note {
	margin: 0 20px 2em;
	background-color: #FAFAD2;
	border: 2px solid #DCDCB4;
	padding: 1em;
	max-width: 100%;
	text-align: center;
	color: #191919;
	box-shadow: inset 0 0 5px #666666;
}
.ft-note p,
.ft-note-yellow p,
.ft-error-note p {
	color: #191919;
	font-size: 15px;
	margin-bottom: .5em;
	/*line-height: 1em;			why? bad idea... looks bad with any multi-line text!*/
}
.ft-note p:only-child,
.ft-note-yellow p:only-child {
	margin-bottom: 0;
}
.ft-note h5,
.ft-note-yellow h5 {
	color: #2A2A2A;
	font-size: 15px;
	margin: .2em 0 .3em;
}
.ft-note-arrow-border,
.ft-note-arrow,
.ft-note-yellow-arrow-border,
.ft-note-yellow-arrow {
	position: absolute;
	height: 0;
	width: 0; 
	border-right: 20px solid #FAFAD2;
	border-bottom: 16px solid transparent;
	border-top: 16px solid transparent;
	z-index: 2;
	background: none;
	*display: none;
}
.ft-note-arrow-border,
.ft-note-yellow-arrow-border {	
	border-right: 20px solid #DCDCB4;
	z-index: 1;
}
.ft-note-arrow, .ft-note-arrow-border,
.ft-note-yellow-arrow, .ft-note-yellow-arrow-border {
	left: -15px;
	top: 20px;
}
.ft-note-arrow-border,
.ft-note-yellow-arrow-border {
	left: -20px;
}
.ft-note-small,
.ft-note-yellow-small {
	font-size: 13px;
}
.ft-note-small p,
.ft-note-yellow-small p {
	font-size: 13px;
	line-height: 19px;
}
.ft-note-small .ft-note-arrow, 
.ft-note-small .ft-note-arrow-border,
.ft-note-yellow-small .ft-note-yellow-arrow, 
.ft-note-yellow-small .ft-note-yellow-arrow-border {
	top: 16px;
}
/*Red error notes*/
.ft-error-note {
	background-color: #FFEBE8;
	border: 2px solid #DD3C10;
	box-shadow: inset 0 0 5px #666;
}
.ft-error-note p {
	font-size: 16px;
}
.ft-note-blue {
	background-color: #EAF7FA;
	border: 2px solid #EAF7FA;
}
.ft-note-green {
	background-color: #D9ECDA;
	border: 2px solid #D9ECDA;
}
/*ft-btns, including .ft-btn-border-mask for handling border-radius+gradient bug in IE9*/
.ft-btn-border-mask {
	float:left; /* evil*/
	margin: 5px 8px;
	border-radius: 3px;
	overflow:hidden;
}
/*primary (default) color is red*/
.ft-btn, .ft-btn-small {
	display: block;
	position:relative;
	overflow:hidden;
	padding: 7px 24px;
	width: 100%; /*of border-mask (needed f.e. for button element)*/
	*width: auto;
	
	color: white;
	font: bold 16px/1.25 Arial, sans-serif; /*line-height needed when inside justify-grid*/
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 400;
	
	text-align: center;
	white-space: nowrap;
	text-decoration: none;

	cursor: pointer;
	background: #f04f41;
	border: 1px solid #f04f41;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
}
button.ft-btn,
button.ft-btn-small {
	*padding: 7px 0;
}
.ft-btn:hover, .ft-btn-small:hover {
	border: 1px solid #d84734; 
	background: #d84734;
	box-shadow: none;
	    
}
.ft-btn:active {
	padding: 8px 24px 6px;
}

/*Small btns*/
.ft-btn-small {
	display: block;
	letter-spacing: 0;
	font-weight: normal;
	padding: 4px 12px;
}
.ft-btn-small:active {
	padding: 5px 12px 3px;
}

/*secondary (gray) buttons*/
.ft-btn.secondary,
.ft-btn-small.secondary {
	background: #ddd;
	filter: none;
	color: #333;
	border: 1px solid #ddd;
	text-shadow: none;
	font-weight: normal;
	/*box-shadow: 0 1px 0 #fff inset;*/
}
	.ft-btn.secondary:hover, .ft-btn.secondary:focus,
	.ft-btn-small.secondary:hover, .ft-btn-small.secondary:focus {
		background: #ccc;
		box-shadow: none;
	}
/*icons from ft-icon font inside buttons*/
.ft-btn .icon {
	margin-right: 1em; 
}
.ft-btn-small .icon {
	margin: 0 .75em 0 .25em;
}
/*Orange buy btns*/
.buy-button.ft-btn-border-mask {
}
.buy-button .ft-btn,
.buy-button .ft-btn-small {
	font-weight: bold;
	/*border: 1px solid #E35B00;*/
	/*background: #FF791F;
	background: -webkit-linear-gradient(top,  #ff9955 2%,#ffa163 2%,#ff6905 32%,#d85600 79%,#ca5100 88%,#ca5100 88%,#ca5100 97%);
	background: linear-gradient(to bottom,  #ff9955 2%,#ffa163 2%,#ff6905 32%,#d85600 79%,#ca5100 88%,#ca5100 88%,#ca5100 97%);
	box-shadow: 0 1px 0 #FECFAF inset;*/
	border-radius: 4px;
}
.buy-button .ft-btn:hover, .buy-button .ft-btn:active, .buy-button .ft-btn:focus,
.buy-button .ft-btn-small:hover, .buy-button .ft-btn-small:active, .buy-button .ft-btn-small:focus {
/*
	border: 1px solid #c24e01;
	background: #ffa467;
	background: -webkit-linear-gradient(top,  #ffa467 2%,#ffab73 6%,#ff791f 32%,#f66200 79%,#e85d00 88%,#e85d00 88%,#e85d00 97%);
	background: linear-gradient(to bottom,  #ffa467 2%,#ffab73 6%,#ff791f 32%,#f66200 79%,#e85d00 88%,#e85d00 88%,#e85d00 97%);
*/
}

/*round icon (ONLY - no text) btns*/
.ft-icon-btn-round {
	background-color: white;
	border: 1px solid #555555;
	border-radius: 50em;
	display: inline-block;
	height: 2.1em;
	width: 2.1em;
	margin-right: .5em;
	padding: .5em;
	text-decoration: none;
}
	.ft-icon-btn-round:active {
		padding: .5em;
	}
	.ft-icon-btn-round [class^="ftsprite-"],
	.ft-icon-btn-round .icon {
		vertical-align: top;
		margin: 0;
	}
	/*adjust color, a bit too dark for icon only*/
	.ft-icon-btn-round.ft-btn.secondary {
	  color: #555;
	}
	
/*Psuedo element arrows for (special) buttons*/

.arrow.ft-btn:after,
.arrow.ft-btn-small:after,
.arrow-left.ft-btn:before,
.arrow-left.ft-btn-small:before {
	border-radius: 50em;
	display: inline-block;
	font-size: 1em;
	height: 1.225em;
	width: 1.125em; /*was 1.225em*/
	*width: 0;
	*height: 0;
	text-align: center;
	background: rgba(0,0,0, .15);
	
	font-family: Georgia, Arial, sans-serif;
	line-height: 1.05; /*make Georgia arrow align inside it's element */
	position: relative; /*make Georgia arrow align with the Arial btn text*/
	top: -1px;
	margin-bottom: -5px; /*make sure increased height doesn't affect the btn's total height*/
}
	.disabled.arrow.ft-btn:after,
	.disabled.arrow.ft-btn-small:after,
	.disabled.arrow-left.ft-btn:before,
	.disabled.arrow-left.ft-btn-small:before {
		background: none;
	}
	.arrow.ft-btn:after,
	.arrow.ft-btn-small:after {
		/*content: ">";*/
		margin-left: 20px; /*push through padding to the right side*/
		margin-right: -10px;
		padding: 0 0 0 0.1em;
	}
	
	.arrow-left.ft-btn:before,
	.arrow-left.ft-btn-small:before {
		/*content: "<";*/
		margin-right: 20px; /*push through padding to the left side*/
		margin-left: -10px;
		width: 1.225em;
	}

	.arrow.ft-btn-small:after {
		font-size: .9em;
		margin: 0 0 0 10px;
	}
	
	.arrow-left.ft-btn-small:before {
		font-size: .9em;
		margin: 0 10px 0 0;
	}

/*make secondary btn arrows slightly lighter*/
.secondary.arrow.ft-btn:after,
.secondary.arrow.ft-btn-small:after,
.secondary.arrow-left.ft-btn:before,
.secondary.arrow-left.ft-btn-small:before {
	background: rgba(0,0,0,.1);
}


/*disabled state*/
/*double class selector (.x.y) IE6 only checks last one*/
.ft-btn.disabled,
.ft-btn-small.disabled,
.arrow.ft-btn.disabled:after,
.arrow.ft-btn-small.disabled:after {
	color: #AAA!important;
	background: #DDD!important;
	filter: none!important;
	border-color: #AAA!important;
	cursor: default!important;
	text-shadow: none!important;
	box-shadow: none!important;
}
.ft-btn.disabled {
	padding: 8px 24px 6px;
}
.ft-btn-small.disabled {
	padding: 5px 12px 3px;
}

.fade-in .ft-btn.disabled,
.fade-in .ft-btn-small.disabled {
	filter: alpha(opacity=0);
}
	.faded-in .ft-btn.disabled,
	.faded-in .ft-btn-small.disabled {
		filter: none;
	}
		.faded-in .disabled.ft-btn,
		.faded-in .disabled.ft-btn-small {
			filter: none;
		}

/*Form and form element default (green) styling*/
form .block-heading-label,
.ft-form-plain-label {
	/*color: #55794D;*/
	font-size: 16px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 2px;
}
.ft-form-plain-label {
	font-weight: normal;
}
form small {
	width: 100%;
	margin-left: 4px;
	font-size: 13px;
	font-style: italic;
	color: #333333;
}
input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
select, option,
textarea {
	background-color: white;
	width:95%;
	max-width: 100%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-size: .8125rem;
	border: 1px solid #bba;
	border-top: 1px solid #999;
	border-right: 1px solid #aaa;
	padding: 4px 0 4px 5px;
	margin-bottom: 2px;
	margin-left: .2em;
	margin-right: 1em
}
@media(max-width: 699px) {
	input[type="text"],
	input[type="search"],
	input[type="number"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	select, option,
	textarea {
		font-size: 16px;
		font-size: 1rem; /*required for iOS to not zoom in to inputs on focus!*/
	}
}


form textarea {
	padding-bottom: 0;
	min-height: 2em;
}
select {
	width: auto;
	height: 24px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
	/*increase select hit areas for mobiles*/
	@media(max-width: 699px) {
		select {
			height: 32px;
			padding: 6px 5px;
		}
	}
	/*.. and for tablets*/
	@media(min-width: 600px) and (max-width: 1200px) {
		.has-touch select {
			height: 32px;
			padding: 6px 5px;
		}
	}
option {
	width: auto;
	padding-left: 8px;
	border: 0;
	margin: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #4343d1;
}
.ft-line-through-text {
	display: block;
	margin-top: 1em;
	line-height: 1em;
	border: 1px solid #999;
	border-width: .1em 0 0;
	text-align: center;
}
	.ft-line-through-text span {
		background-color: white;
		padding: 0 1em;
		position: relative;
		top: -.65em;	
	}

/*collapsed content pattern
normally classes applied, content hidden/shown, by JS
*/
.collapse-arrow {
	cursor: pointer;
	/*lte IE7 doesn't support :after, so underline as link instead*/
	*text-decoration: underline;
}
.collapse-arrow:after {
	content: "\25bc";
	margin-left: .3em;
}
	.active.collapse-arrow:after,
	.active .collapse-arrow:after {
		/*rotate arrow*/
		content: "\25b2";
	}

/*Section container, by default green styling including border and labels*/
.ft-section-container-box {
	float: left;
	padding: 0 1em 1em;
	background-color: white;
	border: 2px solid #477B44;
	border-radius: 9px;
	box-shadow: inset 0 0 5px 3px #BBB;
}
.ft-section-container-box-title {
	text-align: center;
	color: #333333;
	border-bottom: 1px solid #333333;
	margin-bottom: .5em;
	font-weight: bold;
	padding-top: 1em;
}
.block-heading-label, 
.ft-section-container-box small, 
.ft-section-container-box input, 
.ft-section-container-box-login-extra, 
.ft-section-container-box select, 
.ft-section-container-box-register-extra, 
.ft-section-container-box-forgot-extra {
	clear: both;
	float: left;
}
/*why? because our forms are top to bottom, one line at the time?
9 Oct 2013 - Jonas added requirement for selector to be form element */
form.ft-section-container-box .ft-btn-border-mask,
.ft-section-container-box form .ft-btn-border-mask {
	clear: both;
	/*float: left;*/
	margin: 0;
	margin-top: 1.4em;
}
.ft-section-container-box .block-heading-label {
	/*color: #55794D;*/
	font-size: 16px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 2px;
}
.ft-section-container-box small {
	width: 100%;
}
.ft-section-container-box .ft-ajax-blocking-overlay {
	border-radius: 7px;
}
/*section container styled for being used as modal window*/
.modal.ft-section-container-box {
	box-shadow: 0 0 5px 3px #BBBBBB inset, 0 0 20px black;
}

/*-- Non-boxed, plain form divs --*/
.ft-plain-form-div {
	font-size: 15px;
	color: #333;
	max-width: 52%;
	margin: 0 .8em 2em 1.8em;
}

	.ft-form-plain-label,
	.ft-plain-form-div .block-heading-label {
		clear:both;
		float:left;
	}
	.ft-plain-form-div input {
		clear: both;
		display: block;
		width: 352px;
	}
	.ft-plain-form-div .ft-btn-border-mask {
		margin-top: 1em;
	}

/*compact form elements*/
.ft-form-inline-title-label {
	clear: both;
	/*color: #55794D;*/
	float: left;
	margin-top: 3px;
	width: 35%;
	margin-right: 3%;
	text-align: right;
	font-weight: normal;
}
.ft-form-inline-input-right,
input.ft-form-inline-input-right {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom: 2em;
}
	input.ft-form-inline-input-right {
		width: 62%;
		*width: 58%;
		margin-right: 0;
	}
.ft-form-input-extra-info {
	float: right;
	width: auto;
	margin-top: -1.8em;
	*width: 100%;
	*float: left;
	*text-align: right;
}
@media (max-width: 699px) {
	.ft-plain-form-div {
		max-width: none;
		margin: 0 0 2em 0;
	}
	.ft-form-inline-title-label {
		display: block;
		width: 100%; /*needed!*/
		text-align: left;
		float: none;
		font-weight: bold;
		margin-top: 7px; 
	}
	input.ft-form-inline-input-right {
		width: 95%;
	}
	.ft-form-input-extra-info {
		margin-right: 5%;
	}
}

html, body {
	height: 100%;
}
body {
	overflow-x: hidden; /*keep everything inside container on mobile*/
}
.hidden-text {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	margin: 0;
}
/*=== from account.css ===*/
.ft-account-social-login-btns {
	clear: both;
	float: left;
	*width: 234px;
	margin: 0.4em 0 0 0.2em;
}
	.ft-account-register-div .ft-account-social-login-btns {
		width: 95%;
	}
	@media(max-width: 700px){
		.ft-account-social-login-btns {
			width: 95%;
		}
	}
.ft-social-login-btn-border-mask {
	float: left;
	border-radius: 3px;
	overflow: hidden;
}
.fb-social-login-btn.ft-social-login-btn-border-mask {
	margin-right: 13px;
}
.twitter-social-login-btn.ft-social-login-btn-border-mask {

}
.ft-account-social-login-btn {
	margin-bottom: .5em;
	border: 1px solid #3A589A;
	border-bottom: 2px solid #3A589A;
	border-radius: 4px;
	background: #5771A9;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-shadow: 0 0 0 transparent, 0.05em 0.05em 0.1em #333333;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 1px 1px #8093BD inset;
	box-shadow: 0 1px 1px 1px #8093BD inset;
}
.ft-account-social-login-btn:hover {
	background: #6680B8;
}
.ft-account-social-login-btn-icon {
	float: left;
	width: 30px;
	height: 24px;
	border-right:1px solid #3A589A;
	-webkit-box-shadow: 1px 0 1px 0 #8093BD;
	box-shadow: 1px 0 1px 0 #8093BD;
}
.ft-account-social-login-btn-text {
	float: left;
	width: 75px;
	text-align: center;
}
.fb-social-login-btn .ft-account-social-login-btn {

}
.twitter-social-login-btn .ft-account-social-login-btn,
.twitter-social-login-btn .ft-account-social-login-btn-icon {
	border-color: #0971A1;
	-webkit-box-shadow: 0 1px 1px 1px #7DB9D4 inset;
	box-shadow: 0 1px 1px 1px #7DB9D4 inset;
}
	.twitter-social-login-btn .ft-account-social-login-btn-icon {
		-webkit-box-shadow: 1px 0 1px 0 #7DB9D4;
		box-shadow: 1px 0 1px 0 #7DB9D4;
	}
.twitter-social-login-btn .ft-account-social-login-btn {
	background: #3D93B8;
	background: -moz-linear-gradient(top,  #3f99bf 0%, #3f99bf 50%, #3895bd 51%, #3493bb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f99bf), color-stop(50%,#3f99bf), color-stop(51%,#3895bd), color-stop(100%,#3493bb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3f99bf 0%,#3f99bf 50%,#3895bd 51%,#3493bb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3f99bf 0%,#3f99bf 50%,#3895bd 51%,#3493bb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3f99bf 0%,#3f99bf 50%,#3895bd 51%,#3493bb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3f99bf 0%,#3f99bf 50%,#3895bd 51%,#3493bb 100%); /* W3C */	
}
.twitter-social-login-btn .ft-account-social-login-btn:hover {
	background: #49A3C9;
}

.google-plus-social-login-btn .ft-account-social-login-btn,
.google-plus-social-login-btn .ft-account-social-login-btn-icon {
	border-color: #B53E23;
	background: #DA4835;
	-webkit-box-shadow: 0 1px 1px 1px #DF7861 inset;
	box-shadow: 0 1px 1px 1px #DF7861 inset;
}
	.google-plus-social-login-btn .ft-account-social-login-btn:hover {
		background: #DC5B47;
	}
	.google-plus-social-login-btn .ft-account-social-login-btn-icon {
		-webkit-box-shadow: 1px 0 1px 0 #DF7861;
		box-shadow: 1px 0 1px 0 #DF7861;
	}

.fb-social-login-btn .ft-account-social-login-btn-icon {
	color: green;
	/*was: background: url("/images/ft-social-sign-up-btn-icon-sprite.png") -30px 0 no-repeat;*/
	background: url("/images/ft-secure-connect-social-icon-sprite.png") -30px 0 no-repeat;
}
.twitter-social-login-btn .ft-account-social-login-btn-icon {
	background: url("/images/ft-secure-connect-social-icon-sprite.png") top left no-repeat;
}
.google-plus-social-login-btn .ft-account-social-login-btn-icon {
	background: url("/images/ft-secure-connect-social-icon-sprite.png") -60px 0 no-repeat;
}

.ft-account-social-login-btns .ft-line-through-text {
	margin-top: 1.6em;
	color: #55794D;
}
.ft-account-login-extra {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.ft-account-login-extra button {
	padding: 0.5em;
}
.ft-account-login-extra a,
.ft-account-login-extra button,
.ft-account-register-extra a,
.ft-account-forgot-extra a {
	clear: none;
	font-size: 13px;
	color: #666666;
}
.ft-account-login-extra button {
	background: none;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}
.ft-account-login-btn {
	margin-top: 1.4em;
}
.ft-account-login-remember-password {
	float:left;
	height: 35px;
	margin-top: 1.4em;
	margin-left: 1em;
}
.ft-account-login-remember-password input[type="checkbox"], .ft-account-login-remember-password label {
	margin: 1em 0;
	width: auto;
}
.ft-account-login-remember-password label {
	float: left;
	clear: none;
	font-size: 13px;
	font-weight: normal;
	margin-left: 3px;
	line-height: 1.2; /* makes height of text match checkbox */
	*margin-top:1.1em;
	color: #333333;
}
/*-- Non-boxed, plain form divs --*/
.ft-plain-form-div {
	float: left;
	width: 100%;
	margin-bottom: 2em;
	font-size: 15px;
	color: #333;
}
.ft-form-plain-label,
.ft-plain-form-div .block-heading-label {
	clear:both;
	float:left;
}
/*--- --- Smaller Green form buttons ---*/
.ft-plain-form-div .ft-btn-border-mask {
	margin-top: 1em;
}
/*--- --- Using Non Bold Labels ---*/
label.ft-form-plain-label {
	font-weight: normal;
	font-size: 16px;
}
.ft-tooltip-holder,
.ft-account-tooltip-holder {
	display: none;
}
.ft-account-checkbox-line {
	clear:both;
	float: left;
	width: 100%;
	margin: 2px 0;
}
.ft-account-checkbox-line input[type="checkbox"],
.ft-account-checkbox-line input[type="radio"] {
	margin-left: 0.5em;
	margin-top: 3px;
}
.ft-account-checkbox-line input[type="radio"] {
	margin-top: 4px;
}

.ft-account-checkbox-line span,
.ft-account-checkbox-line a {
	max-width: 80%;
	font-weight: normal;
	margin-left: 5px;
	font-size: 14px;
	*line-height: 24px;
}
.ft-account-checkbox-line a {
	margin-left: 0;
}
.ft-account-terms-of-use {
	margin-top: 1em;
	border-top: 1px solid #CCC;
	padding-top: 1.5em;
	margin-bottom: -0.6em;
}
/*===END from account.css===*/
.ft-secure-wrapper{
	height: auto !important;
	min-height: 100%;
	height: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
}
/*make sure social login iframes inserted outside of wrapper takes up no space*/
.ft-secure-wrapper ~ iframe {
	height: 0!important;
	border: 0!important;
}
.ft-secure-wrapper h1 {
	margin-left: 0;
}
.ft-secure a {
	color: #040;
}
.ft-secure-header {
	float: left;
	width: 100%;
	height: 52px;
	background: #f8f8f8;
	/*border-bottom: 1px solid #CCCCCC;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ft-secure-logo-home-link {
	float: left;
	padding: 5px 10px;
	
	outline: none;
	border: 0;
}
.ft-secure-logo-home-link img {
	outline: none;
	height: 40px;
	border: 0;
}

@media(max-width:400px) {
	.ft-secure-logo-home-link img {
		height: 35px !important;
	}
}
.ft-secure-header-button {
	display: none;
	float: right;
	/*margin: 21px 10px 0 0;*/
	margin: 10px;
}
.ft-secure-header-button.ft-btn-border-mask {
	display: block;
}
.ft-secure-register-link {
	display: none;
	font-size: 14px;
	float: right;
	line-height: 52px;
	padding: 10px;
	margin-right: 2px;
	color: #254F22;
}
.ft-secure-content {
	float: left;
	width: 100%;
	padding: .8em .8em 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ft-secure-big-message {
	float: none;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 2em 0 1em;
	padding: 0.6em;
}
.ft-secure-content h2 {
	font-size: 16px;
}
.ft-secure-content h1,
.ft-secure-content h2,
.ft-secure-content h3 {
	margin-bottom: 0.5em;
}
.ft-secure-promo-image-heading {
	float: left;
	max-width: 100%;
	margin-left: -10px;
}
.center-container {
	float: left;
	position: relative;
	left: 50%;
}
	.ft-secure-start-reasons {
		float: left;
		position: relative;
		left: -50%;
	}
		.ft-secure-start-reasons li {
			color: #1A1A1A;
			text-align: left;
			line-height: 2em;
			display: block;
			white-space: nowrap;
		}
		.ft-secure-start-reasons a {
			color: #254F22;
			font-weight: bold;
		}
		.ft-start-reasons-star {
			margin-bottom: -3px;
			max-width: 26px;
		}
.ft-secure-content .ft-account-login-div,
.ft-secure-content .ft-account-register-div {
	border: 0;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;

	position: relative;
	padding: 0 0 3em;
	margin-bottom: 2em;
}
	label.ft-account-login-heading-label {
		display: none;
	}
.ft-secure-promo-area {
	clear: both;
	/*max-width: 90%;*/
	margin: 1em auto 2em;
	padding-top: 2em;
	border-top: 1px solid #AAA;
}
.ft-secure-promo-area h1,
.ft-secure-promo-area h2 {
	text-align: center;
}
.ft-secure-promo-area p {
	*width: 300px;
}
.ft-secure-footer {
	position: absolute;
	top: 100%;
	margin-top:-53px;
	left: 0;
	width: 100%;
	background: #424143;
	border-top: 1px solid #424143;
}
.ft-secure-footer,
.ft-secure-footer-links a {
	font-size: 14px;
	line-height: 26px;
	color: #a0a0a1;
}
.ft-secure-footer-links, 
.ft-secure-footer span {
	float: left;
	margin-left: 10px;
}
.ft-secure-footer-links {
	display: block;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
.ft-secure-footer-links a {
	float: left;
	margin-right: 10px;
	text-decoration: none;
}
.ft-secure-footer-links a:hover {
	text-decoration: underline;
	color: white;
}
.ft-back-to-top {
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding: 6px 0;
	margin-bottom: 1em;
	color: #408E40;
}
.ft-error-note p {
	line-height: 1.5em;
}
.ft-button-link {
	float: left;
	margin: 0 4px;
	display: inline;
	font-size: 16px;
	background: none;
	border: 0;
	padding: 0;
	line-height: 1.5em;
	text-decoration: underline;
	cursor: pointer;
}
.ft-secure-big-message .ft-button-link {
	float: none;
	margin: 0;
	line-height: 1em;
	font-size: 13px;
	font-style: italic;
	color: #333333;
}
.ft-secure-big-message-small-signup-message {
	display: block;
	margin-top: 4px;
}
.ft-form-inline-title-label {
	clear: both;
	/*color: #55794D;*/
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 7px; 
}
form select {
	width: 96%;
}

/* evil */
.ft-account-register-div .ft-btn-border-mask, .ft-account-login-div .ft-btn-border-mask {
	float: left;
}