/* ********** GENERIC ********** */
body {
	background-color: #fff;
	color: #77838f; 
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
*.darkFont { color: #080808; }
.hidden { display: none; }
html:not(.isMobile) .showOnlyOnPhone {
	display: none;
}
a, a:visited { color: #37a6eb ; }
h1,h2,h3,h4 { color: #4A575A; line-height: 1em;}
.floatright { float: right; }
.floatleft, .alignleft { float: left; margin-right: 10px; margin-bottom: 10px;}
.graybg { background-color: #F1F1F1; }
.grayBorder { border-color: #F1F1F1 !important; }
.clearfix, .clear { clear: both; }
a.clear{display: block;clear:both}
.nooverflow { white-space: nowrap; overflow: hidden; }
.justify { text-align: justify; }
.center, .aligncenter { text-align: center; }
.zeroTop, .zerotop { margin-top: 0; padding-top: 0; }
.zeroBottom, .zerobottom { margin-bottom: 0; padding-bottom: 0; }
.text-danger { color: #AA3939; }
.green { background-color: #74c947; color: white; } 
.fullWidth{width: 100%}
.btnGreen {
	background-color:#34cb74;
	box-sizing: border-box;
	clear: both;
	display: block;
	float: none;
	margin: 24px auto;
	max-width: 378px;
	padding: 20px 0px;
	text-align: center;
	text-decoration: none;
}
.yellow { background-color: #E2C539; }
.bluegreen { color: #1B5B6C; }
.bold { font-weight: 600; }
.italic { font-style: italic; }
.txtWhite {	color: #fff;}
/* mobile-color:#343e40; seems like a bad idea to ch color for mobile, visibility? contrast?*/
h1 { font-size: 32px; color: #384042;}
h2 { font-size: 26px; color: #384042; font-weight: 600}
h3 { font-size: 18px; color: #384042;}
h3 { font-size: 16px; color: #384042;}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.atc-footerLinks li.btnAllowPhoneView,
.btnAllowPhoneView,
html body .showOnlyPhone { display: none; }
.isVisible {
	display: block;
}

.message { text-align: center; color: #976363; font-size: 16px; font-weight: bold;}

/* ********** WIREFRAME ********** */

.fullWidthContent{
	background-color: white;
	box-sizing: border-box;
	padding: 1px 40px 40px;
	margin: 25px;
	position: relative;
	border-color: #f0f0f0;
	box-shadow: 0 0 4px #f0f0f0; 
}
body.isTradingRoom .fullWidthContent{
	background-color: #f9f9f9;
	box-shadow: none;
	padding: 1px 0px;
}
.publicWrapper {	
	background-color: white;
	box-sizing: border-box;
	padding: 1px 40px;
	margin: 40px 25px 25px; 
	position: relative;
	min-height: 400px;
}

.hasSidebar {min-height: 600px;}
.hasSidebar #genMeta,
.hasSidebar .pageMeta,
.hasSidebar .contentArea{/*float:left;width:68% */}
.publicWrapper.hasSidebar {padding-right: 460px;}
.sidebar{
	width: 440px;
	position: absolute;
	top: 5px;
	right: 0px;
	float: none;
}
.pageMeta p.byline{ line-height: 1em; margin-top: 0; font-style: italic; }
.pageMeta h1{margin-left: 0}
.sidebar .homePageSignup{width:100%;}
.sidebar-invite{
	background-color: #483843;
	box-sizing: border-box;
	color:white;
	padding: 10px 20px 28px;
}
.sidebar-invite a,
.sidebar-invite h2,
.sidebar-invite h3{color:white;}
.sidebar-invite h2{
	font-size: 30pt;
	font-weight: 700;
	margin: 24px auto 6px;
}
.sidebar-invite .italic{
	font-size: 15pt;
	font-weight:400;
}
.sidebar-invite .what-receive{padding-top:  18px}
.sidebar-invite hr{position: relative;top: 2px;}
.sidebar-invite ul{
	font-size: 14pt;
	line-height: 1.85em;
	margin-top: 32px;
	padding-left: 82px;
}
.sidebar-invite .btnGreen{
	font-size: 16pt;
	font-weight: bold;
	height: 49px;
	line-height: 49px;
	margin: 30px auto 40px;
	min-width: 288px;
	padding: 0;
	text-shadow: 1px 1px #248b50;
	width: 60%;
}
/* ************** SIGNUP PAGE ************** */

.hero-form-wrap.onSignupPage{
	background-color:#5988ad;
	border-radius: 20px; 
	padding-top: 4px;
}
.hero-form-wrap.onSignupPage form{border:none}


/*===  TESTIMONIALS ===*/ 
#testimonials-wrapper {   color: #000; font-size: 10pt; line-height: 1.5em;width: 100%}
#testimonials { position: relative; width: 100%; height: 200px; display: block;   overflow:hidden; }
div.testimonial { margin-bottom: 1.5em; }
div.scrollingtext { position:absolute; width: 100%;}

.testim { margin-bottom: 5em; text-shadow: #4A4A4A 1px 1px 1px; }
.testim span { display: block; }
.testim .person, .testim .date { display: block; font-size: 8pt; margin: 10px 0 0 30px; }
.testim .date { margin-top: 0; }
.testimonial .person:after { content: ','; }
.testimonial span.date { margin-left: 0.5em; }

/** Testimonials Page **/
#TestimonialsPage { line-height: 1.5em; }
#TestimonialsPage .testimonial .quote { display: block; float: none; font-weight: bold; }
#TestimonialsPage .person, #TestimonialsPage .date { display: inline-block; }
#TestimonialsPage .person { margin-left: 30px; }
#TestimonialsPage .rightFloatyBox { float: right; min-width: 400px; padding: 7px; border: 1px solid #DEDEDE; margin: 0 0 10px 10px; font-size: 12pt;}
#TestimonialsPage .rightFloatyBox a { display: block; margin-bottom: 0.5em; margin-top: 0.5em; }

#testimonials-wrapper{
	box-sizing: border-box;
	box-shadow: 3px 3px 3px #aaa;
	background-color: #cac7c9;
	padding: 20px; 
	border-radius: 12px ;
	margin-bottom: 20px;
}
/*===  END TESTIMONIALS ===*/ 

/*===  ABOUT PAGE ===*/ 
ul.aboutNavigation { list-style: none; margin:0; padding:0;}
ul.aboutNavigation li { padding: 0; padding-left: 10px; display: inline-block; }
ul.aboutNavigation li:first-of-type { padding-left:0 }
img.leftImage { float: left; margin: 0 7px 7px 0; }
.aboutPage h4 { margin-bottom: 0; margin-top: 2em;}
.aboutPage a ~ p { margin-top: 3px; }
.underline { text-decoration: underline; }
.rounded-96 { border-radius: 48px; padding: 0; border: 1px solid #ADADAD; }
/*===  END ABOUT PAGE ===*/ 



/* ===  SIGNUP from ttt=== */ 
.colorGold {color:gold;}
.colorSilver {color:silver;}
.pageSignup fieldset{
	border: none ;
	clear: both;
}

#emailConfirmForm fieldset fieldset {
	margin-bottom: 0;
	padding-bottom: 0;
}
fieldset fieldset .hdrNotifyAlertLevel{display: none}

.pageSignup div.signup{
	max-width: 740px;
	float:left;
	padding:2% 1%;

	border-radius: 8px;
	box-sizing: border-box;
	zz-padding: 2% 5% ;
	position: relative;
}
.pageSignup #rightcol div.signup {
	border: 1px solid #000;
}

.pageSignup form {margin:1em 0;width:600px;}
.pageSignup #rightcol {
	float: right;clear:none;

	top: 50px;
	max-width: 33%;
}
.pageSignup #rightcol .signup{padding: 2% 4%}
.pageSignup #rightcol img.avatarAbout{float: left; margin: 0 20px 7px 2em;}
.pageSignup #testimonials {width: 100%}
.pageSignup #regcontent {
	position: relative;
	box-sizing: border-box;
	padding-right: 33%;
	width: 100%;
}
.pageSignup .homePgTestiminonials h2 {text-align: center;}
.pageSignup .biggerBolder{color: rgb(16, 91, 94);font-size: 13pt;}
.pageSignup #testimonials {margin-left: 0}
.pageSignup #wrapper {position: relative}

.pageSignup input#terms {float: left}
.pageSignup label#termsAgreement, div.thelabel {
	clear: none;
	width: 90%;
	display: inline;
	text-align:left;
	height: auto;
	margin: 0 0 1.5em 7px;
	padding:0;
	line-height: normal
}
label.hasValidationError .connectLine{top: 20px}
.itmEmailNotif {margin-bottom: 10px;}
.itmEmailNotif .helptext{display: none;}
.itmEmailNotif label{line-height: 1.1em;}


/*
.a1:nth-of-type(3)   {  width: 100%;clear:both; }
.a1:nth-of-type(3) h3  { margin-top:0 }
.a1   {  width: 48%; float: left; }
.a2   {   width: 48%; float: right;  }
*/
.pgWelcome .indent{padding-left: 145px;}
.pgWelcome #regSubmit {margin-top: 15px;}

.hparticle{clear:both;}