/* START FILE:testimonial.css */


/* line 9, ../sass/_testimonial.scss */
.testimAuthor {
	width: 100%;
	position: absolute;
	bottom: -60px;
	left: 40%;
	height: 60px;
	color: #465e75;
}
/* line 10, ../sass/_testimonial.scss */
.testimAuthor .name {
	font-weight: bold;
}
/* line 11, ../sass/_testimonial.scss */
.testimAuthor .place {
	font-style: italic;
}



/* line 21, ../sass/_testimonial.scss */
.testimonial i.fa {
	font-size: 20px;
	color: #3782c5;
	float: left;
	margin-right: 12px;
}
/* line 24, ../sass/_testimonial.scss */
.testimonial .quote {
	margin: 5px auto;
	text-align: center;
	zz-max-height: 138px;
	overflow: hidden;
}
/* line 30, ../sass/_testimonial.scss */
.testimonial .date {
	display: none;
}




/* line 40, ../sass/_testimonial.scss */
.sidebar #testimonials {
	width: 100%;
	margin: 10px auto 50px auto;
}
/* line 43, ../sass/_testimonial.scss */
.sidebar #testimonials .person, .sidebar #testimonials .location {
	left: auto;
	right: 120px;
}

 
#ttt-slider > div {
	position: absolute;
	width: 100%;
}

/* line 51, ../sass/_testimonial.scss */
#ttt-slider {
	width: 100%;
	position: relative;
	min-height: 180px;
	overflow: hidden;
	height: 300px;
}


/* line 78, ../sass/_testimonial.scss */
#content .testimonial {
	margin-bottom: 1em;
	padding-bottom: 2em;
	max-width: 800px;
	border-bottom: 1px solid #DEDEDE;
}
#content .sidebar .testimonial {border-bottom:none}
/* line 83, ../sass/_testimonial.scss */
#content .testimonial .quote {
	text-align: justify;
}
/* line 86, ../sass/_testimonial.scss */
#content .testimonial .person, #content .testimonial .location, #content .testimonial .date {
	float: right;
	margin-left: 2px;
	font-style: italic;
	font-size: 10pt;
}
/* line 92, ../sass/_testimonial.scss */
#content .testimonial .location:after {
	content: " -- ";
}

/* START FILE:../members/atchat/css/member-notification-area.css */
/* Basic colors and dimentions.
currently used only by STO and MPT and workin gon TTT
*/
.navDropdown{
	display:none;
	overflow: visible;
	box-sizing: border-box;
}
#MemberTopNav .navDropdown {
	width:100%;overflow: visible;
}

ul#MemberTopNav  li > .navDropdown.MenuActive,
.navDropdown.MenuActive,
#navTradingRoom li.hasSidePoper .sidePoper.MenuActive_2,
.MenuActive_2{ display: block; }

.navDropdown {display: none;}
#roomHistoryCalendar,
#RepliesDropdown,
#hdrSettings .navDropdown,
#dropdownMessages{   position:absolute;top:60px}
.memberNotificationBox {
	width: 70px;
	border-left: 1px solid #000;
	height: 60px;
	text-align: center;
	float: left;
}

.memberNotificationArea li a {
    text-align: left;
    padding: 0px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    margin: 0px auto;
    width: 84%;
    display: block;
}
.memberNotificationArea .navDropdown,
.members .memberNotificationArea .navDropdown {
	right: 0px;
	left: auto;
	background-color: #69676a;
	position: absolute;
}

.memberNotificationArea .btnSettings .fa,
.memberNotificationArea .btnMail .fa,
.memberNotificationArea .btnCalendar .fa,
.memberNotificationArea .btnReplies .fa  {
	color: #b8b7b9;
	font-size: 24px;
	line-height: 60px;
}
.memberNotificationArea .btnMail .fa,
.memberNotificationArea .btnReplies .fa {
	top:2px;
	left:-3px;
	position:relative;}

#hdrSettings img.roundBorder{
	vertical-align: middle;
	margin: 0 4px 0px 16px;
	width: 36px;
	height: 36px;
}

#headerCalendar a.activeClickable{	background-color: #69676a;}
#headerCalendar,
#hdrSettings,
#hdrViewMsgs,
#hdrGetReplies {
	background-color: #5f5d60;
	cursor: pointer;
	float: right;
	position: relative;
	text-align: center;
	width: 70px;
	border-left:1px solid #000;
}

#headerCalendar.darkactive,
#hdrGetReplies.darkactive,
#hdrViewMsgs.darkactive,
#hdrSettings.darkactive {
	background-color: #69676a;
}

#hdrGetReplies, #hdrViewMsgs, #headerCalendar {
	border-right-width: 0px;
}

.btnCalendar,
.btnSettings,
.btnMail,
.btnReplies {
	position: absolute;
	left:0px;
	top:0px;
	margin: auto;
	width: 100%;
	height: 60px;
	cursor: pointer;
}

#headerCalendar .navDropdown {
	top: 60px;
	background: transparent;
	left: 0%;
	width: 270px;
}

#headerCalendar .navDropdown > div {
	left: 0;
	top: 0;
	position: relative;
}
#hdrSettings { 
	border-right: 1px solid black
}

#settingsDropDown{top:50px}

#hdrSettings .btnSettings .fa {
	font-size: 26px;
}
#hdrSettings .navDropdown {
	margin-top:0px; 
	padding-top: 0px;
	width: 250px;
}
#hdrSettings .navDropdown li {
	box-sizing: border-box;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}

#RepliesDropdown {
	border: 3px solid #69676a;
	width: 400px;
	height: 220px;
	position: absolute;
	right: 0px;
	background-color: white;
}
#RepliesDropdown .repliesContent {
	color: black;
	padding: 10px;
	background-color: #FFF;
	overflow-y: auto;
	height: 140px;
}

#RepliesHeader {
	height: 40px;
	background-color: #69676a;
}
#RepliesHeader a {
	color: white;
	text-decoration: none;
	margin: 16px 16px 0 16px;
	font-size: 12px;
}

#MessagesHeader {
	height: 60px;
	background-color: #69676a;
}
#MessagesHeader a {
	color: white;
	text-decoration: none;
	margin: 16px 16px 0 16px;
	font-size: 12px;
}

#dropdownMessages {
	border: 3px solid #69676a;
	width: 400px;
	position: absolute;
	right: 0px;
	background-color: #fff;
}
#dropdownMessages .repliesContent {
	padding: 10px;
	background-color: #FFF;
	overflow-y: auto;
}
#dropdownMessages a.viewAllUnreadReplies {
	float: left;
}
#dropdownMessages a.markAllUnreadRepliesRead {
	float: right;
}

.foundUser .switchSmall {
	float: right;
	margin-top: 20px;
}

#MessagesContent {
	background-color: #fff;
	border-radius: 3px;
	min-height: 135px;
	max-height: 300px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#membersTopNav .topMenuIcons i.fa.isOnline {
	color: green;
}

#MessagesFooter {
	height: 60px;
	line-height: 60px;
	background-color: #69676a;
	clear: both;
	position: relative;
}

#MessagesFooter form input.inpRoundSearch { margin-top: 16px; }

#MessagesFooter .inpRoundSearch {
	width: 200px;
	margin-top: 10px;
	margin-left: 10px;
}

#MessagesFooter form {
	display: inline;
	height: 50px;
}

#MessagesFooter #numUsersOnline {
	text-align: right;
	float: right;
	width: 130px;
	margin-right: 10px;
	display: none;
	color: white;
}

#MessagesFooter .foundUsers {
	position: absolute;
	width: 300px;
	top: 42px;
	left: 24px;
	padding: 0px 10px;
	border: 2px solid #69676a;
	border-radius: 3px;
	background: #fff;
}

#MessagesFooter .foundUsers li.foundUser:hover {
	background-color: white;
}

#MessagesFooter .foundUser {
	width: 100%;
	height: 54px;
	border-bottom: 1px solid #eaebed;
	line-height: 54px;
	clear: both;
	color: #000;
	background-color: inherit;
	border-top: none;
}

#MessagesFooter .foundUser .realName {
	width: 150px;
	white-space: nowrap;
	margin-right: 0px;
	overflow-x: hidden;
	float: left;
	color: black;
	line-height: 54px;
	font-size: 12pt;
	text-align: left;
}

#MessagesFooter .foundUser div.realName {
	color: gray;
}

#MessagesFooter .foundUser a.realName i {
	color: #03a678;
	padding: 0;
}

#MessagesFooter .foundUser .profileLink,
#MessagesFooter .foundUser label {
	float: right;
	margin: 20px 0 0 7px;
	width: 16px;
	color: #03a678;
	font-size: 16px;
	display: block;
	clear: none;
}

#MessagesFooter #MemberUserSearch {
	float: left;
}

#MessagesFooter .foundUser label {
	margin: 8px 0;
}


.atc-msgUser {
	text-align: left;
}

.numMessages {
	border-radius: 10px;
	background-color: #e74c3c;
	margin: 10px 10px 0px 10px;
	font-weight: 700;
	width: 20px;
	height: 20px;
	line-height: 17px;
	text-align: center;
	color: #fff;
	float: right;
	font-size: smaller;
	cursor: pointer;
}

.messageUser {
	width: 100%;
	color: black;
	border-bottom: 1px solid #dedede;
	padding-bottom: 8px;
	cursor: pointer;
}

.messageUser .atc-avatar {
	float: left;
	clear: left;
	margin-top: 0;
}

.messageUser .atc-msgUser {
	width: 50%;
	float: left;
	margin-top: 5px;
}

.messageUsername {
	font-weight: bold;
}

#numReplies,
#numMail {
	background-color: #241b65;
	border-radius: 10px;
	border: 2px solid #241b65;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	left: 60%; 
	line-height: 20px;
	margin:8px auto;  
	position: absolute;
	text-align: center;
	top: 0px;
	width: 20px;
	z-index: 2; 
}

#numMail {
	text-align: center;
}

#numMail.hasMessages {
	background-color: #e74c3c;
	border-color:#e74c3c;
}

.memberNotificationArea a.btnSettings fa{}
.memberNotificationArea a.btnSettings {	
	color: white;
	cursor: pointer;
	display: block;	 
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 13px;
	font-weight: 700;
	line-height: 40px;
	position: relative;
	text-decoration: none; 
}
.memberNotificationArea {
	box-sizing: border-box;
	float: right;
	height: 60px;
	margin-right: 0px;
	font-size: 14px;
	position: fixed;
	top: 0;
	right: 6%;
	z-index: 99;
}

#hdrSettings .accText .ui-icon {
	display: inline-block;
	position: relative;
	top: 4px;
}
#hdrSettings .accText {
	font-size: 13px;
	font-weight: bold;
	margin-left: 65px;
	position: relative;
	top: -4px;
}


/* START FILE:../members/atchat/css/forms.css */
/*
  
    Created on : Jun 3, 2015, 10:22:58 AM
    Author     : jason

TODO: remove GENERIC_FORMS section from roomlayout.css once all sites are using this file 
*/


.divEmail {display:none}

/*=== GENERIC_FORMS === this block will be duplicate in roomlayout until all sites are using this file */
form label {
	margin-top:10px;
	float: left;clear:both;
	margin-right: 5px;
	text-align: right;
	width: 200px;
}
fieldset { border: none; margin:0; padding:0;}
form input,form select/*, form .select2-container*/{margin-top:10px;}
form input[type=submit],
button[type=submit] {
	margin-left:200px;
}
label.checkbox {
	margin-left: 200px;
	width: auto;
}
form br, form hr { clear: both; }
form select { width: 200px; }
.slider { 
	width: 160px; 
	float: left;
	margin-top: 12px;
}
.sliderValue { 
	width: auto; 
	float: left; 
	margin: 12px 0 0 12px; 
}
textarea {
	height: 70px; 
	width: 450px;
	margin-top: 12px; 
}
/*=== END GENERIC_FORMS ===*/

/*START_COPIED_EWT*/
.formfield.field-comments .textLabel {
	display: none;
}
/*END_COPIED_EWT*/

/*START_COPIED_STO*/

/*=== GENERIC_FORMS a copy from atchat, need for public items === */
form label,
div.formfield div.textLabel{
	margin-top:10px;
	float: left;
	clear:both;
	margin-right: 5px;
	text-align: right;
	width: 200px;
}
form input,form select { margin-top:10px;}
#regcontent input[type=submit],
form input[type=submit]{margin-left:165px;padding: 1px 8px;width:254px;}
fieldset { border: none; }
form label {line-height: 21px;}
label.inlineLabel { 
	width: auto;
	margin:0 7px 0 0;
	padding:0; 
	clear: none; 
	display: inline;
} 

h1.bullseye span{clear: both;display: block}

#regcontent label,#regcontent input.text,#regcontent select {
	display: block; 
	float: left; 
	width: 150px;
	margin-bottom: 10px;
}
#regcontent .usePlaceholders fieldset label{display: none;}
#regcontent .usePlaceholders fieldset .checkbox label{display: block;}
#regcontent input { width: 250px; clear: both; }
#regcontent select { width: auto;}
#regcontent label { text-align: right; padding-right: 10px; }
#regcontent textarea, textarea { width: 500px; height: 75px; display:block; margin-left:auto; margin-right:auto; }

#regcontent fieldset {
	width: 100%;
	min-width: 200px;
	box-sizing: border-box;
	padding: 10px 5%;
	margin-top: 1.5em;
}
#regcontent .usePlaceholders div.field{
	clear: both;
	box-sizing: border-box; 
	width: 100%; 
	max-width: 500px;
	margin: 1px auto;

}
#regcontent .usePlaceholders input{
	border: 1px solid #919191;
	box-sizing: border-box; 
	padding: 4px;
	display: block;
	width: 100%; 
	max-width: 500px;
	margin: 1px auto;
}
#regcontent .usePlaceholders input[type=submit]{
	max-width: 180px;
} 
#regcontent .helptext{display: inline}
#regcontent .usePlaceholders input[type=radio],
#regcontent  input[type=checkbox]{width: 20px;}
#regcontent .usePlaceholders input[type=radio],
#regcontent .usePlaceholders input[type=checkbox]{
	float: left;
	width: 20px;
	margin: 10px 1px;
}
legend {
	font-size: 1.25em;font-weight: bold;
}
label#termsAgreement, div.thelabel {
	clear: none;
	width: 90%;
	display: inline;
	text-align:left;
	height: auto;
	margin: 0 0 1.5em 7px;
	padding:0;
}

input#terms, input#checkbox16384, input#checkbox8192, input#checkbox4096, input.reginput {
	float:left;
	width:auto;
	padding-right: 3px;
}
@media only screen and (min-width: 769px)  {
	#regcontent input[name=cc_cvm],
	input[name=cc_cvm] {
		width: 4em;
	}
}

@media only screen and (max-width: 768px) {
	/* line 209, ../sass/_forms.scss */
	#regcontent label,
	div.formfield label,
	div.formfield div.textLabel {
		margin-top: 10px;
		clear: both;
		text-align: center;
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
		width: 200px;
	}
	#regcontent select,
	div.formfield textarea,
	div.formfield input[type=text],
	div.formfield input[type=password],
	div.formfield input[type=email], div.formfield select {
		width: 80%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
	}
	/* line 223, ../sass/_forms.scss */
	div.formfield button {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
	}

	/* line 232, ../sass/_forms.scss */
	#AccountHelp label,
	#AccountHelp label.checkbox,
	#AccountHelp input,
	#AccountHelp select,
	#AccountHelp input[type=submit],
	#AccountHelp button[type=submit],
	#SettingsPage form label,
	#SettingsPage form label.checkbox,
	#SettingsPage form input,
	#SettingsPage form select,
	#SettingsPage form input[type=submit],
	#SettingsPage form button[type=submit] {
		width: 100%;
		display: block;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		text-align: left; 
	}
	#AccountHelp label.checkbox input,
	#SettingsPage form label.checkbox input {
		width: auto;
	}
	#AccountHelp .securityCode,
	#SettingsPage form .securityCode {
		position: initial;
	}

	/* was outside of mediaquery on TTT */
	#AccountHelp #AccountHelp-Content div.hints {
		width: auto;
		position: relative;
		top: -7px;
		margin: 0 0 1.5em 7px;

	}

}

/*END_COPIED_STO*/


/* START FILE:../members/atchat/css/form-validation.css */
form input.btnPurple[type=submit], form button.btnPurple[type=submit] {
	background-color: #241b65;
	border-radius: 4px;
	border: 1px solid #ddd;
	color: white;
	float: none;
	font-size: 12pt;
	height: auto;
	line-height: 34px;
	margin-left: 25%;
	padding: 0 10px 0 10px;
	width: 50%;
}

form input.btnPurple[type=submit]:disabled, form button.btnPurple:disabled[type=submit] {
	background-color: #666;opacity: 0.5;
}



form select.hasValidationError,
form input.hasValidationError {
	border: 2px solid #6e2325;
	border-radius: 2px;
	position: relative;
	z-index: 11;
}
form label.hasValidationError {
	border: 2px solid #6e2325;
	border-radius: 2px;	
    padding-right: 10px;
	position: relative;
	z-index: 4;
	border-radius: 6px;
	overflow: visible;
	background-color: white;
}
form label.hasValidationError:after{content: ' is required.'}
form label#termsAgreement.hasValidationError {box-sizing: border-box;padding: 5px;}
form label#termsAgreement.hasValidationError:after{content: ''}
 
label.hasValidationError .connectLine {
	border-top: 2px solid #6e2325;
	width: 20px;
	right: -20px;
	position: absolute;
	top: 8px;
	z-index: -1;
}


/* START FILE:sto-member-notification-area.css */
/*
used for overriding colors ect in atchat/css/member-notification-area.css
*/
/* 
    Created on : Jun 3, 2015, 10:29:45 AM
    Author     : jason
*/



/* START FILE:../members/atchat/css/videos.css */
video{width:100%} 
.videoSidebar {
	float:right;
	position:relative;
	text-align: center;
	width:38%;
}

.video-container {
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0;
	position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
} 

#divListtags {
	width:640px;margin: 10px auto;
}
.divAddVideoTagForm{
	background-color: lightblue;
	display:none;
	margin: 5px auto;
	max-width: 500px; 
	min-width: 200px;
	padding: 10px;
	position: relative;
	width: 40%;
}
.divAddVideoTagForm input[type=submit]{margin-left:10px}
.btn-video-addTag {
	display:block;
	float:none;
	font-weight: bold;
	margin: 5px auto;
	max-width: 200px;
	min-width: 150px;
	text-align: center;
	width: 20%;
	text-decoration: none;
}
.atc-videoTag > a,
.atc-videoTag > a:visited {
	text-decoration: none;
}
.atc-videoTag > a.atc-btnVideoTag {
	text-decoration: underline;
}

#frmAddVideoTag input#tags{width:70%;}
.btnClose {position: absolute;right:2px ;top:2px}
.atc-videoTags {width:100%;margin: 10px auto;}
.atc-videoTags .atc-videoTag {
	float: left;
	line-height: 1.5em;
	min-height: 24px;
	min-width: 150px;
	position: relative;
	text-align: left;
	width:20%;
}
.atc-videoTags i.fa {margin-left:12px;float:right}
.atc-tagAdminActions {
	background-color: rgba(220,220,255,1.0);
	bottom: -20px;
	display:none;
	left:20px;
	padding: 5px;
	position: absolute;
	z-index: 5;
}
.atc-tagAdminActions i.fa{margin:0px 10px;} 

.videoGalleryElement {
	float: left;
	margin: 1%;
	min-height: 82px;
	min-width: 440px;
	width: 48%;
}
.videoGalleryElement .txtBlock {
	float: left;
	margin-left: 10px;
	width: 275px;
}
/*=== END VIDEOS ===*/

.youtubewrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.youtubewrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}


@media only screen and (max-width: 768px)  {
	#divListtags {
		width:100%;
		margin: 10px auto;
	}
}

/* START FILE:../members/atchat/css/generic.css */
/*
basic styles used by all sites and not directly related to any given feature
copied from at.css w/i sto
*/

.clear, .clearfix{clear: both;}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.indent{padding-left: 2em;}
.biggerBolder{font-size: 1.25em;font-weight: bold;}
.margintop.bodyPadding,
.margintop {margin-top: 1.5em}
#menu.isVisible,
.isVisible{display: block;}
.smallText {font-size: smaller;}
.thirdPage {
	box-sizing: border-box;
	padding: 1% 2%;
	margin:0 0.66666666%;
	width: 32%;
}
.width-half.floatleft,
.width-half.floatright,
.width-half {width: 49.9%;margin-right: 0}
.showOnlyIfIsOnReg {display: none}
body.isOnReg .showOnlyIfIsOnReg {display: block}
body.isOnReg #bottomnav a.hideIfIsOnReg,
body.isOnReg #menu li.hideIfIsOnReg,
body.isOnReg .hideIfIsOnReg{
	display: none;
}

@media only screen and (min-width: 769px)  {
	.isMembers ul#menu li.showOnlyPhone,
	.showOnlyPhone {display: none;}
	.showOnlyIfIsOnReg.floatleft
	.showOnlyIfIsOnReg {display: none;float: none;}
}
@media only screen and (max-width: 768px)  {
	.showOnlyPhone {display: block;}
	.showOnlyPhoneInline {display: inline;}
	.showOnlyPhoneInlineBlock {display: inline-block;}
	.thirdPage { 
		padding: 1% 2%; 
		width: 100%;
		margin: 10px auto;
	}	
}

/* START FILE:../chum/css/videos.css */
.videocontent{
	width:96%;
	margin:0 auto; 
	text-align: center;
}
.videoDescription { margin: 1em 0 1em 0; text-align: left; }

.aspectRatio-100 div.video-js{padding-top:100%}
.aspectRatio-90 div.video-js{padding-top:90%}
.aspectRatio-85 div.video-js{padding-top:85%}
.aspectRatio-80 div.video-js{padding-top:80%}
.aspectRatio-75 div.video-js{padding-top:76%}
.aspectRatio-66 div.video-js{padding-top:66.666%}
.aspectRatio-56 div.video-js{padding-top:56.25%}

.aspectRatio-100 div.vjs-fullscreen ,
.aspectRatio-90 div.vjs-fullscreen ,
.aspectRatio-85 div.vjs-fullscreen ,
.aspectRatio-80 div.vjs-fullscreen ,
.aspectRatio-75 div.vjs-fullscreen ,
.aspectRatio-66 div.vjs-fullscreen ,
.aspectRatio-56 div.vjs-fullscreen {padding-top:0px ;}

.videoLinks{font-size: 20pt;line-height: 1.3em;}
#videoGalleryFrameBg{
	width:100%;
}
#videoGalleryFrame{
	box-sizing: border-box;
	width:100%;
	padding: 0px 7%;
}
.galleryElement{
	width:100%;
	margin:10px auto;
	border-bottom: 10px solid #eee;
	padding-top: 10px;
	padding-bottom: 30px;
}
.galleryElement img{width:80%;margin:0px auto 10px;display:block;}


/* START FILE:forms.css */
/* now is in atchat/css/forms.css */
form input.btnPurple[type=submit], form button.btnPurple[type=submit] {
	background-color: #241b65;
	border-radius: 4px;
	border: 1px solid #ddd;
	color: white;
	float: none;
	font-size: 12pt;
	height: auto;
	line-height: 34px;
	margin-left: 25%;
	padding: 0 10px 0 10px;
	width: 50%;
}

form input.btnPurple[type=submit]:disabled, form button.btnPurple:disabled[type=submit] {
	background-color: #666;opacity: 0.5;
}


/* START FILE:topnav.css */
.width7per {
	border-left:1px solid black;
	display:inline-block;
	float:right;
	height:60px;
	max-width:81px;
	width:7%;
}

.inpRoundSearch {
	background-color:white;
	background-image:url(/images/atc-srch-blue.png);
	background-position:8px 6px;
	background-repeat:no-repeat;
	border:none;
	border-radius:15px;
	color:#898989;
	height:30px;
	margin-top:16px;
	padding:0 15px 0 28px;
	max-width: 300px;
	width:45%;
}


#hdrCalendar {
	height:60px;
	position:relative;
}

#hdrCalendar .navDropdown {
	background:transparent;
	left:50%;
	top:60px;
}

#hdrCalendar .navDropdown >div {
	left:-50%;
	position:relative;
	top:-6px;
}

#navHelp >a >i {
	font-size:26px;
	opacity:0.40;
	position:relative;
	top:3px;
}

#navHelp.darkactive >a >i {
	opacity:1.0;
}

/* START FILE:tr-nav.css */

.navTradingRoomBtn{min-width:120px;}
a.btnTradingRoomLink img {display: inline;vertical-align: middle;width:32px;height: 23px}
@media only screen and  (min-width: 769px)  {
	body.tnavh-navTradingRoomBtn .navTradingRoomBtn >a, 
	body.tnavh-navMidDayMinute .navMidDayMinute >a, 
	body.tnavh-navMyRoom #navMyRoom >a,
	body.tnavh-navLiveVideo .navLiveVideo >a,
	body.tnavh-navMyRoom .navMyRoom >a,
	body.tnavh-navHelp .navHelp >a,
	body.tnavh-navScoreBoard .navScoreBoard > a {
		border-radius: 4px;
		background-color: #362c71;
	}
	.no-touch .btnTradingRoomLink:hover {background-color: #67c3ce; }
}
a.btnTradingRoomLink {
	min-width:120px;
	width:100%;
	height: 36px;
	display: block;
	float: left;
	border-radius: 3px;
}
.navDropdown.MenuActive {
	box-shadow: 0px 6px 6px lightslategrey; 
	background-color: white;
	border-radius:0 4px 4px 4px;
}
.navDropdown {display:none ;}
.navDropdown ul {
	margin:0px;
	padding:0px;
}

ul#menu .navDropdown ul li {
	clear: both;
	margin: 0px 0px;
}
ul#menu a.activeClickable {
	background-color: white;
	color: #241b65;
	border-radius: 4px 4px 0 0;
}

ul#menu .navDropdown li{
	border-radius: 0;
	border: none;
	background-color: transparent;
	color: #241b65;
}
ul#menu .navDropdown li a {color: #241b65}
ul#menu .navDropdown li:hover a {color: #d69727}
.navDropdown li{
	list-style: none;width:100%;padding: 0px  ;
	margin:0px;
	border-top:1px solid black;
	background-color: #69676a;
	color:white;
	min-height:40px;
	line-height:40px ;
}
.no-touch #hdrSettings .navDropdown  li:hover{background-color: #777} 
.navDropdown {
	display: none;
	position: absolute;
	top:36px;
	left: 16px;
	width:200px;
}
/* === END TRNAV === */ 



/* START FILE:sidebar.css */
 
.analystSnippet {
	clear: left;
	max-height: 500px;
	margin:15px auto;
	max-width: 360px;
	width: 100%;
	height: 160px;
	background: url('/images/featuring-mike-paulenoff-blank.png') top left no-repeat;
	padding-top: 120px;
	line-height: 22px;
}
.analystSnippet span:first-of-type { width: 170px; display: inline-block; margin-left: 150px; }
.analystSnippet span:nth-child(2) { width: 270px; display: inline-block; margin-left: 110px; }
.analystSnippet span:nth-child(3) { width: 280px; display: inline-block; margin-left: 50px; }
.analystSnippet a { font-weight: bold; }
/*
.analystSnippet img{
	margin:15px auto;
	display: block;
	max-width: 342px;
	width: 100%;
}
*/

#rightcol .signupBullets{
	box-sizing: border-box;
	right: 20px;
	margin-left: 0;
	background-image: url('/images/bulletarea-382x409.png');
	padding: 30px; 
	background-repeat: no-repeat;
	width: 382px;
	height: 409px;
	position: relative; 
	float: left;}
#rightcol ul.yellowBullets {padding-left: 20px; margin-bottom: 2em;}
#rightcol .yellowBullets li{
	font-size: 10pt;
	line-height: 18pt;
}
#rightcol a.btnPurple{
	width: 208px;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	font-size: 12pt;
	box-shadow: 0 0 14px -2px #333;
	color: white;
}
#rightcol .purpleRibbon{
	background-image: url('/images/ribbon-279x68.png');
	position: absolute;
	box-sizing: border-box;
	font-weight: bold;
	padding-top: 7px;
	width: 279px;
	height: 68px;
	left: 52px;
	top: -35px;
	color: white;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}


.hasRight84pxCol {
	box-sizing: border-box;
	width: 100%;
	position: relative;
	padding-right: 84px;
}
.right84pxCol{
	width:84px;
	position: absolute;
	right:0;}

.btnPurple{
	border: none;
	border-radius: 4px;
	color: white;
	font-size: 18pt;
	line-height: 67px;
	display: block;
	background-color: #241b65;
	text-align: center;
	text-decoration: none;
	height: 67px;
	width: 300px;
}

#rightcol >div{margin-bottom: 40px;}
#rightcol .newsletterSignup{
	padding: 3% 6%;
}
.newsletterSignup {line-height: 1.2em;}
#rightcol .homePgTestiminonials{
	box-sizing: border-box;
	padding: 0% 6%;
}
h2.newsletter{margin-top: 16px;}
#leftNewsletter .smallText{margin: 10px auto}
#leftNewsletter input#ea{
	border-radius: 3px;
	border: none;
	box-sizing: border-box;
	display: block;
	height: 36px;
	line-height: 36px;
	float: left;
	padding-left: 12px;
	width: 94%}
#leftNewsletter label{display: none;}
#leftNewsletter .btnPurple {
	font-size: 11pt;
	width: 84px; 
	height: 36px;
	line-height: 36px;
	float: right;} 


/* START FILE:home_page.css */
 
.latestJackWrap{
	background-color: #f8f8f8;
	float: right;
	box-sizing: border-box;
	padding-left: 380px;
	padding-right: 6%;
	width: 94%;
	clear: none;
	position: relative;
	overflow-y: hidden;
	z-index: 20;
    font-size: 10pt;
}

#heroKo .analystSnippet {
	border-right: 1px solid #cfcfc7;	
	position: absolute;
	top: 0;
	left: 0;
	height: 260px;
}
#heroKo{ 
	padding-top: 120px; 
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-height: 560px;
	width: 100%;
	position: relative;
	margin-top: -100px
}
#heroKoCanvas{ 
	position: absolute;
	z-index: 5;
	top:0px;
	width:100%; 
}
.joinZone{
	width: 500px;
	float: left;
	clear: none;
	margin: 0 6% 0 4%;
	color: #140f38;
}
.joinZone span{
	font-style: italic;
	font-size: 16pt;}
.joinZone h3 {
	font-size: 28pt;
	margin: 10px 0;}
.joinZone .btnPurple{
	margin-top: 55px;
	box-shadow: 0 0 14px -2px #333;
	text-decoration: none;
	color: white;
}
#hero {
	box-sizing: border-box;
	padding-top: 124px;
	background-repeat: no-repeat;
	background-image: url('/images/hero-bg-1296x871.jpg');
	background-size: 100% 100%;
	width:100%;
	min-height: 571px;
	position: relative;
}
.signupBullets{
	margin-left: 12%;
	background-image: url('/images/bulletarea-493x381.png');
	padding: 13px 19px;
	background-repeat: no-repeat;
	width: 467px;
	height: 343px;
	position: relative;
	float: left;
}
.yellowBullets{position: relative;z-index: 10}
#bulletBg{
	position: absolute;
	z-index: 5;
	top:0px;
	width:100%; 
}
.purpleRibbon{
	background-image: url('/images/ribbon-279x68.png');
	position: absolute;
	box-sizing: border-box;
	font-weight: bold;
	padding-top: 7px;
	width: 279px;
	height: 68px;
	left: 113px;
	top: -35px;
	color: white;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}
.purpleRibbon a, .purpleRibbon a:visited { color: white; text-decoration: none; }
ul.yellowBullets {
	margin-top: 30px;
	padding-left: 50px;
	box-sizing: border-box}
.yellowBullets li {
	color: white;
	font-size: 12pt;
	line-height: 20pt;
	list-style: none;
	margin-top: 10px;
	font-weight: 200;
	position: relative;}
.yellowBullets li i.fa{
	position: absolute;
	color: #d69727;
	top: 3px;
	font-size: 14pt;
	left: -16px}

.isHomepage #content{background-color: white}


.wrapComments {
	line-height: 1.65em;
	color: black;
	font-size: 11pt;
}
.wrapComments h1 {
	font-size: 32pt;
	color: #a18d69;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfcfc7;
}
.wrapComments a{
	color: #241b65;
	text-decoration: none;
	font-weight: bold;
}
.wrapComments a.headline{
	color:#241b65;
	font-size: 16pt;
	font-weight:normal;
	text-decoration: none; 
}
.wrapComments .commentsDate{
	display: block;
	clear:both;
	font-size: 11pt;
	color: #959595;}
.wrapComments .commentsBy{
	display: block;
	clear:both;
	font-size: 9pt;
	color: #959595;
}



.recentCalls {
	border: 1px solid #cfcfc7;
	height: 240px}
.recentCalls h2{
	color: #140f38;
	font-weight: normal }
.recentCalls .portinfo{
	clear: both;
	line-height: 2.2em;}
.recentCalls .symbol {
	color: #241b65;
	float: left;
	width: 55%;}
.recentCalls .symbol a{
	text-decoration: none;
	color: #241b65;
}
.recentCalls .callDifference{
	color: #d69727;
	display: block;
	float: right;
	width: 60%;
}
.recentCalls .priceInfo{
	color: #959595;
	float: right;
	width: 43%;
}
.newsletterSignup {
	background-color: #a18d69;
	color: #010101;
    border-radius: 7px;
}
.newsletterSignup.thirdPage	{height: 240px;}
.newsletterSignup h2, .newsletterSignup h2 a, .newsletterSignup h2 a:visited {
	color: white;
	font-weight: normal
}
.homePgTestiminonials{
	border: 1px solid #241b65;
	height: 240px;
}
.homePgTestiminonials h2{
	color: #140f38;
	font-weight: normal;
	margin-bottom: 12px;
}
#testimonials {
	position: relative; 
	height: 164px; 
	display: block; 
	overflow: hidden; 
}

div.scrollingtext { position: absolute; }
.testimonial .person, .testimonial .location { 
	font-size: 10px;
	text-align: right; 
	float: right;
	display: block; 
	clear: none;
}
.testimonial .quote {
	color: #3b3b3b;
	clear: both;
	margin-bottom: 1em;
}
.testimonial .date { display: none; }
div.testimonial {
	line-height: 1.7em;
	color: #959595;
	margin-bottom: 1.5em;
	padding-bottom: 3.5em;
	border-bottom: 1px dashed #000;
	clear: both;
} 

@media only screen and (max-width: 1170px) and (min-width: 769px)  {

	#hero {
		padding-top: 44px;}
	.joinZone {width:90%}
	.joinZone h3{
		width:50%;float: left;display: block;
		font-size: 22px;}
	.joinZone span	{
		width:50%;
		clear: left;
		float: left;
		display: block}
	.joinZone .btnPurple {
		clear: none;
		margin-top: -55px;
		float: right;
	}
}
@media only screen and (max-width: 768px)  {

	.isHomepage #content .bodyPadding{}
	.isHomepage #content {
		position: relative;
	}

	#hero {min-height:550px; }
	#hero .joinZone{
		position: absolute;
		text-align: center;
		margin: 0;
		top:10px;
		width:100%;
	}
	#hero .joinZone h3{
		font-size: 20pt;
		margin: 0;
	}
	#hero .joinZone .btnPurple{
		margin: 90px auto 0;
		width: 250px;
	}
	#heroKo {
		padding: 0;
		top:140px;
		margin-bottom: 140px;
		background-image: none;
	}
	#heroKo .analystSnippet{
		position: relative;
		border-right: none;
		margin-top: 0;
		max-width: 342px;
		width: 100%;
		min-height: 100px;
	}
	#heroKo .analystSnippet img{		
		margin-top: 0;
		max-width: 100%}
	.latestJackWrap{
		padding: 0;
		margin: 5px auto;
		float: none;
	}

	#hero .purpleRibbon{
		top:-175px;
		left:0px;
		position: relative;
		margin: 0 auto;
	}
	#hero .signupBullets{
		clear: both;
		width: 100%;
		margin: 0 auto;
		min-height: 343px;
		height: auto;
		box-sizing: border-box;
		padding: 0px;
		background-image: none;/* url('/images/bulletarea-ko-800x872.png');*/
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		top:120px;
	} 
	#bulletBg{ 
		top:0px;
		width:100%; 
	}
	#hero .signupBullets ul{margin-top: -20px;
							padding: 0 10%;}
}
@media only screen and (max-width: 400px)  {
	#hero .joinZone h3{
		font-size: 16pt;
	}
}


/* START FILE:sto.css */

/* === WIREFRAME === */
*, *::before, *::after { -moz-box-sizing: unset; -webkit-box-sizing: unset; box-sizing: unset; }
body {
	background-color: white; 
	margin: 0;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10.0pt;
	color: #3B3B3B;
	line-height: 25px;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4em;
	font-family: 'Libre Baskerville',serif;}
h1{
	color: #a18d69;
	border-bottom: 1px solid #cfcfc7;
}
a, a:visited, a:hover {
	color: #241b65;
	text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
.center{text-align: center;margin-left: auto;margin-right: auto;float: none;}

#content {
    background-color: #f8f8f8;
    clear: both;
    padding-bottom: 20px;
    font-size: 12pt;
}
body.isTradingRoomPage #content { font-size: 10pt; }
#content p,#content div.paragraph{line-height: 25px;}
#contentwrap{
	clear: both;
	margin: 0 6%;
	box-sizing: border-box;
}
.isNotHomepage #content {
	background-color: #fff;
	padding: 12px 6%;}
.isNotHomepage.isOnReg #content {
	background-color: #fff;
	padding: 12px 0%;
}
.isOnReg #publicTopNav img.imgRndJack{
	height:80px;
	width:80px;
	margin-left: 6%;
	border-radius: 80px;
	margin-top: 4px;
}
img.imgRndMike {
	height:80px;
	width:80px;
	border-radius: 80px;
}
.leftImage {
	float: left;
	margin: 0 10px 10px 0;
}
div#contentwrap{	
	position: relative;
	padding-top: 10px;
}
#regcontent{
	position: relative;
	box-sizing: border-box;
	padding-right: 380px;
	width:100%;
}
.isMembers #regcontent{padding-right: 0}
#rightcol{
	position: absolute;
	right:0;
	top:80px;
	max-width: 360px;
}
.bodyPadding{margin: 0 6%;}
.chartwrapper img { max-width: 100%; }

/* === END WIREFRAME === */ 
/* === PUBLIC_HEADER === */ 
div.logo {
	width: 163px;
	height: 60px;
	background-color: #140f38;
	background-image: url('/images/main-logo-163x60.png');
	background-repeat: no-repeat;
	/*background-image: url('/images/logo-236x52.png');*/
}

.logoWrap{
	background-color: #140f38;
	padding-top: 22px;
	box-sizing: border-box;
	height: 60px;
	overflow: visible;
	width:256px;
	float: left;
	display: inline-block;
	margin:0 10px 0 6%;
	position: relative;
	z-index: 2;
}


#genMeta h1 {clear:both}
.topNav {
	height: 90px;
	background-color: #140f38;
	padding-top:0px;
	box-sizing: border-box;	
	font-family: 'Nunito', Arial, Helvetica, sans-serif;
}

ul#menu {
	float: right;
	margin-top:0px; 
	font-size: 12pt; 
	background-color: #140f38;
	/*
	margin-right: 0px;
	padding: 0px;
	min-width: 660px;;
	width: 100%;
	*/
}
ul#menu.forPublic {
	position: absolute;
	top: 28px;
	right: 6%;
	width: auto;
	max-width: 780px;
	width: 80%;
}
ul#menu li{
	position: relative;
	float:left;
	box-sizing: border-box;
	border-radius: 4px;
	list-style: none;
	display: inline-block;
	margin:0px 1.0% 0px;	
	padding: 0px 10px;
	text-align: center;
}
ul#menu li.navHome {min-width:80px;}
ul#menu li.navAbout {min-width:110px;}
ul#menu li.navTour {min-width:70px;}
ul#menu li.navContact {min-width:90px;}
ul#menu li.navMidDayMinute {min-width:140px;margin: 0}
ul#menu li.navLogin {min-width:80px;}
ul#menu li.active{	
	background-color:#241b65
}
ul#menu li>a{
	float: none;
	margin: 0 auto;
	display: block;
	font-weight: 200;
	text-decoration: none;
	text-align: center;
	line-height: 32px;
	padding: 5px 1%;
	white-space: nowrap;
	color:white}

ul#menu li.btnLogin {min-width: 50px}
ul#menu li.btnLogout {min-width: 65px}
ul#menu li.liBlue a,
ul#menu li.liOrange a {
	background-color: #3782c5;
	color:white;
	border-radius: 1px;
	padding:7px 25%;
	font-weight: normal; 
	margin-left: 50px;
}
ul#menu li.liOrange a {
	background-color: #fea030;
	margin-left: 0;
}
.educationLinks {
	text-align:center;
	margin: 10px auto 1px; 
	clear:left;}
.outlineBorder{
	border:2px solid;
	color:#a18d69;
	min-width: 84px;
}
ul#menu li.outlineBorder a{color:#a18d69;}

#wrapper { 
	position: relative;
	margin-top: 0;
}

/* === FOOTER === */ 
#footer{
	background-color: #141414;
	text-align: center;
	color: #454545;		
	font-family: 'Nunito', Arial, Helvetica, sans-serif;
	/*margin-top: 48px;*/
}
#bottomnav a {
	color:white;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	margin-left:15px;
	margin-left:15px;
	margin-right:15px;
	text-transform: uppercase;
}
#bottomnav {
	line-height: 58px;
	min-height: 58px;
}
#footer #copyright{
	font-size: 8pt;
	border-top: 1px solid #222;
	line-height: 46px;
	min-height: 65px;}

/* === END FOOTER === */ 

/* ===  SIGNUP === */ 
.colorGold {color:gold;}
.colorSilver {color:silver;}
.pageSignup #rightcol{top: 12px;}
.pageSignup fieldset{border: 1px solid #a9a9a9 ;}
.isNotHomepage.isOnReg.pageSignup #content { padding-top: 0; }
.pageSignup div.signup{
	border-radius: 8px;
	box-sizing: border-box;
	padding: 0 5% 2% 5%;
	position: relative;
}
.pageSignup #rightcol div.signup {
	border: 1px solid #000;
}

h2.bullseye{ 
	width: 100%; 
}
.tabPortfolio{display: none;}
#regcontent #registerForm label { float: left;}

.pageSignup div.homePgTestiminonials {border-radius: 8px;}
#rightcol div.signup i.fa{font-size: 2em;position: absolute;left:  5%;}
form[name=registerForm] i.fa{font-size: 2em;}
zz.pageSignup div.signup h3 {margin-left: -10%;}
/* === END SIGNUP === */ 

/* this #regcontent th was over ridding the JQUI calendar*/
#regcontent table {
	width: 100%;
	border-collapse: collapse; border-spacing: 0;
	margin-right: auto;
	margin-left: auto;
}
#regcontent  th, #regcontent td, #regcontent table {
	border: 1px solid #a18d6a;
}
#regcontent .hasDatepicker th,#regcontent .hasDatepicker  td,#regcontent .hasDatepicker  table  {
	border: none;
}

#regcontent th { text-align: center; }
#regcontent td.alignRight { text-align: right; }
h2.book { 
	background: #535353 url(/images/h2_book_icon.gif) no-repeat top left;
	padding:5px 0 5px 35px;
	color:white;
	margin-bottom: 0px;
	border-top: 3px #140f38 solid; 
}

/*welcome page*/
#regcontent .itmEmailNotif > label[for=weekly_wizards] + div {display:inline; }
#regcontent .itmEmailNotif > div.helptext {display:inline-block; margin-bottom: 10px; padding-top: 7px;}
.prodEmailNotif h3.hProduct {padding-left: 30px; font-size: x-large;}

.videocontent span[itemprop=name]{display: none;}
.videoDateCreated{font-weight: bold;}
body.isMembers .pageMeta.videoHeader .sectionpadding{ padding-bottom: 1px}

.zeroBottom, .zerobottom {
	margin-bottom:0;
	padding-bottom:0;
}
.zeroTop, .zerotop {
	margin-top: 0;
	margin-top: 0;
}

/* from mpt/main.css */

.closedTradesBox dl {
	margin: 0;
	width: 100%;
}
.closedTradesBox dt {
	width: 48%;
	color: white;
	text-align: center;
	border-radius: 3px;
	background-color: #1B5B6C;
	margin-bottom: 2em;
	display: inline-block;
}
.closedTradesBox dd {
	display: inline-block;
	margin: 0 0 0 10px;
	width: 40%;
	vertical-align: middle;
}
.closedTradesBox dd strong, .closedTradesBox dd br {
	display: none;
}
.closedTradesBox div.hr1 { display: none; }

.articleAlert {
	float: right;
	width: 300px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 1px;
	margin: 10px 0 1px 10px;
}
.articleAlert h4 {
	font-size: 1.10em;
	line-height: 1.25em;
	margin: 0;
}
.articleAlert fieldset {
	border: none;
}
.articleFooter .articleCalendar {
	float: right;
	font-size: 14px;
}

.articleTeaser {
    padding: 12px;
    border: 1px solid #DFDFDF;
    margin-bottom: 1em;
    text-align: justify;
}
.articleTeaser h3 {
    margin-top: 0;
    padding-top: 0;
}

div.followlinks {
	width: 320px;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}
#ArticleAlertForm input[type=submit]{margin-left: 0}


/* FAQS */
#faqs a.faq {
	display: block;
	padding: 8px 0 8px 0;
	font-weight: bold;
	text-decoration: none;
	margin-top: 1em;
	background-color: #F1F1F1;
}
#faqs a.plus:before {
	font-family: FontAwesome;
	content: "\f0fe";
	margin-right: 5px;
	padding-left: 8px;
}
#faqs a.minus:before {
	font-family: FontAwesome;
	content: "\f146";
	margin-right: 5px;
	padding-left: 8px;
}
#faqs .answer {
	display: none;
	background-color: #FAFAFA;
	padding: 3px 7px;
}

/* ***** TABLES ******/
#portfolio th, th {
	background-color: #1B5B6C;
	color: white;
}
.youtubewrap {
	position: relative;
	padding-bottom: 56.25%; /* NOTE: this is 16:9 ratio, if you need something else, you will have to put it in the DOM element */
	padding-top: 25px;
	height: 0;
}
.youtubewrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-width: 300px;
}
.youtubewrap iframe.hasFeaturedNextTo {
	width: 70%;
}
.youtubewrap .floatingFeaturedIn {
	float: right;
	width: 26%; 
	min-width: 190px;
}
img.chartoverflow, .chartwrapper img {
	max-width: 100%;
}

.bylineTime { color: #7d7d7d; }
.byline .fa-twitter {
    color: #a7c5f9;
    font-size: 1.5em;
}

.chartdisplay img {
    max-width: 100%;
}
img.bylineAvatar {
    max-height: 52px;
    float: left;
    vertical-align: baseline;
    margin: -2px 7px 7px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
article .byline {
    margin-top: 1em;
}
blockquote {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    margin: 1.5em 0 1.5em 1.5em;
    padding: .75em .5em .75em 1em;
    background-color: white;
    border-left: 0.5em solid #DDD;
}
blockquote .person {
    display: block;
    text-align: right;
    color: #0a001f;
    font-style: italic;
}
blockquote:before {
    display: block;
    height: 3px;
    margin-top: -0.25em;
    margin-left: -0.95em;
    content: "“";
    font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif;
    color: #999;
    overflow: visible;
    position: absolute;
}

#LoadingEntriesNotification {
    padding: 20px;
    font-size: 14pt;
    color: gray;
    display: none;
}


/* START FILE:members.css */
#frmAdvSearch{
	box-sizing: border-box;
	clear:none;
	height: 60px; 
	overflow: hidden;
	padding-left: 200px;
	position: absolute;
	left: 6%;
	text-align: left; 
	white-space: nowrap;
	width: 94%;
	z-index: 1;
}
#frmAdvSearch a {
	color:white;
	text-decoration: none;
	font-size: 8pt;
}
#frmAdvSearch form{
	box-sizing: border-box;
	border-right-width: 6%;
	padding-right: 300px;
	float: left;  
	padding-left: 1%;
	background-color: #69676a;
	height: 60px;
	width: 100%;
}

.isMembers  ul#menu li{min-width:6.5%} 
.isMembers ul#menu .navDropdown.MenuActive li{min-width:200px} 
.isMembers  ul#menu {
	/*
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	*/
	background-color: #221c48;
	height: 52px;
	line-height: 52px;
	padding: 0 6%;
}

.isMembers .logoWrap {padding-top: 2px;width: 200px}

#membernav div.logo{
	background-image: url('/images/main-logo-130x48.png');
	height: 48px;
	margin: 3px auto 0;
 
}
.memberNavWrapper{
	background-color: #221c48;
	width: 100%;
	height: 52px;	
	position: relative;
	z-index: 64;
	text-align: center;
}
.isMembers ul#menu{
	/*
	box-sizing: border-box;
	margin: 0 auto;
	width: 990px;
	*/
	display: inline-block;
	float: none;
	padding-left: 0;
	padding-right: 0;
}
.isMembers ul#menu > li {
	margin: 0  5px;
	padding-left: 15px;
	padding-right: 15px;
}

.isMembers ul#menu li>a { 
	position: relative;
	float: left;
	margin: 5px 1px 0;
	padding: 5px 5%;
	height: 32px;
	line-height: 22px; 
	display: block;
}
#membernav{
	position: fixed;
	left:0;
	top:0;
	height: 60px;
	width: 100%;
	box-sizing: border-box;
	z-index: 65;
}
body.isTradingRoomPage #content{background-color: #eceae7;}
body.isTradingRoomPage #footer{display: none;}
body.isMembers{
	background-color: #eceae7;
	padding-top: 60px; }
.topNav ul#menu li>a {
	font-size: 1em;
}
#RightRepliesColumn.rightColumnFixedPosition,
#RightRepliesColumn.absolutePosition{
    /*
	width: 37.7%;
	right: 6%;
	*/
}
#RightReplies-Header {
	background-color: #140f38;
	height: 38px;
	font-size: 11pt;
	line-height: 31px;
}

.atc-header {
	color:white;
	box-sizing: border-box;
	height: 36px; 
	background-color: #a18d69;
	padding: 6px 0px 5px 0;
	border-radius: 3px;
	white-space: nowrap;
}
/*Analysis*/
.atc-section_19 .atc-header {background-color: #1b6562;}
/*Live Video*/
.atc-section_24 .atc-header {background-color: #d69727;}
/*Trade Alerts*/
.atc-section_202 .atc-header,
.atc-section_26 .atc-header {background-color: #1b6562;}
.atc-header a{
	color:white;
	font-weight: bold;
	text-decoration: none;
}
.atc-productName,#AccountHelp-Nav{display: none;}
.atc-replies,
.atc-replies.atc-unreadreplies{
	height: 26px;
	line-height: 26px;
}
.atc-replies  span.ui-icon ,
.atc-replies.atc-unreadreplies span.ui-icon {
	margin-top: 4px;
}
.ui-dialog[aria-describedby="PostingGuidelines_Popup"]{z-index: 200}

#HeaderInlineForm { display: inline-block; }
form.symbolEntryForm input { margin-top: 0; }
form#AddCategoryForm { margin-bottom: 1.5em; }
.adminFeature { display: none; }
#ToggleAdminFeatures { float: right; }
.watchlistSymbol { margin-left: 1.5em; }
.adminNotify { position: fixed; width: 33%; left: 33%; height: auto; z-index: 999; background-color: #BCBDAB; padding: 1em; font-size: 1.25em; box-shadow: 2px 2px 3px #888888; }
.warning { color: #9B6B6B; }
a.adminFeature > i { margin-left: 0.5em; cursor: pointer; }
.ui-sortable:not(.ui-sortable-disabled), .ui-sortable:not(.ui-sortable-disabled) a { cursor: move; }

@media only screen and (max-width: 1170px)  {
	#RightRepliesColumn.rightColumnFixedPosition,
	#RightRepliesColumn.absolutePosition{
		width: 42.7%;
		right: 1%;
	}
	.isMembers  ul#menu li .fa-stack {display: none;}
	.isMembers  ul#menu li >a {line-height: 32px;}
	.isMembers  ul#menu li {
		min-width: 11%;
		margin: 0 5px;
	} 
	.isMembers ul#menu{ 
		margin: 0 auto;
		width: 800px;
	}

	.memberNotificationArea {right: 1%}
	.isMembers  ul#menu{padding: 0 1%}	 

}
@media only screen and (max-width: 1000px) and (min-width: 769px)  { 
	.isMembers  ul#menu >li {
		min-width: 6% ;
		max-width: 18%}
}
@media only screen and (max-width: 768px)  {
	.isMembers  ul#menu{width: 80%}
	#membernav div.logo{
		margin: -1px 30px 0; 
	}
	#EditorForm.atcEditorForm {
		top: 0px;
	}
	.memberNavWrapper{display: inline}
}


/* START FILE:membernav.css */
.memberHeader {
	background-color: #262626;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #000;
}
.isMembers .publicHeaderImageBuffer {
	display: none;
}
.memberLogoHeader {
	float: left;
	width: 194px;
	height: 60px;
	background-color: #384346;
	border-right: 1px solid #000;
}
.memberLogoHeader a {
	display: block;
	padding: 7px 0 0 30px;
}
.memberLogoHeader img {
	width: 130px;
	height: 48px;
	border: none;
}
.memberNotificationArea {
	float: right;
	height: 60px;
	margin-right: 10px;
	font-size: 14px;
	/* position: absolute; */
	top: 0;
	right: 10px;
}
#MemberTopNav .navDropdown {
	width:100%;overflow: visible;
}

.memberNotificationBox:not(#hdrSettings) .navDropdown {
	margin-top: -5px;
}
 
.memberSearchArea {
	float: left;
	width: 45%;
}
.memberTopNavArea {
	clear: both;
	width: 100%;
	background-color: #0E272C;
	height: 53px;
	line-height: 53px;
	z-index: 65;
	position: relative;
}
.memberTopNavArea li {
	width: 16%;
	min-width: 170px;
	display: inline-block;
}
.memberTopNavArea ul {
	width: 100%;
	display: inline-block;
	text-align:center;
}
.sidePoper { display: none; }
ul#menu li.hasSidePoper{position: static}
.memberNavWrapper li.hasSidePoper .sidePoper {
	/* .memberTopNavArea .sidePoper:hover,*/
	display: none; 
	min-height: 242px;
	width: 200px;
	position: absolute;
	background-color: #eef;
	text-align: left;
	padding: 20px;
	/*right: -200px;*/
	left: 160px;
	top: 0px;
	border-radius:3px;
	font-weight: bold;
}

.navDropdown { 
	display: none;
	position: absolute;
	min-height: 30px;
	min-width: 16%;
	background-color: transparent;
	z-index: 66;
}


.btnReplies,
.btnMail {width:100%;height:60px;
		  display: block;
		  position: absolute;top:0;left:0}
.btnCalendar{width:100%;height:60px;
			 display: block;
			 position: relative;top:0;left:0}
.btnReplies{position: absolute}

ul#MemberTopNav  li > .navDropdown.MenuActive,
.navDropdown.MenuActive,
.memberNavWrapper li.hasSidePoper .sidePoper.MenuActive_2,
.MenuActive_2{ display:  block; }

.memberNavWrapper .sidePoper > a {
	background-color: transparent;
	line-height: 2em;
	text-decoration: none;
}
.memberNavWrapper .sidePoper > a:not(.isMain):before {
	font-family: FontAwesome;
	content: "\f111";
	position: relative;
	margin-right: 10px;
	top: -3px;
	font-size: 10px;
}

.navDropdown ul {
	/*background-color: #384346;
 top: 14px;
	*/
	display: block;
	min-height: 30px;
	z-index: 13;
	position: relative;

}
.navDropdown li {	 
	line-height: 44px; 
	display: block;
	width: auto;
	min-width: 200px;
}
.navDropdown a {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
}

.isVisible {
	display: block;
}
.memberTopNavArea a {
	color: white;
	text-decoration: none;
	display: block;
}
.memberTopNavArea a i:not(.fa-bars) {
	color: #7E9BA3;
	font-size: 2em;
	position: relative;
	top: 5px;
	margin-right: 4px;
}
.memberTopNavArea a i.fa-caret-down {
	font-size: 16px;
	color: white;
	top: 0px;
	margin: 0 0 0 3px;
}
.navline {
	height: 30px;
	border-left: 4px solid #384346;
	position: absolute;
	left: 50%;
	z-index: -1;
}
#TopNavSearchForm, #MobileNavSearchForm {
	margin: 0;
	padding: 0;
	max-width: none;
	position: relative;
}
#TopNavSearchForm input[type=submit], #MobileNavSearchForm input[type=submit] {
	position: absolute; 
	top: -1000px;
}
#TopNavAdvancedSearch {
	position: relative;
	top: 20px;
	font-size: 14px;
	color: white;
	text-decoration: none;
	font-weight: 400;
}

label.searchLabel {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	width: auto;
	left: 36px;
	color: #3A7BAC;
}
label.searchLabel:before {
	font-family: FontAwesome;
	content: "\f002";
}
input#TopNavSearchBox { /* AKA the input element */
	margin: 16px 20px 0 15px;
	border: none;
	width: 60%;
	outline: 0;
}
#TopNavSearchForm .searchLabel {
	top: 18px;
}

#MessagesFooter form input.inpRoundSearch {
	margin-top: 12px;
	margin-left: 14px;
}
#numUsersOnline {
	color: #fff;
}

#AccountHelp-Nav {
	display: none;
}

#MemberTopNav .hasDropdown {position: relative} 
#MemberTopNav .navDropdown ul{min-width :300px;}

body.tnav-navFilters #navFilters
,body.tnav-navHelp #navHelp
,body.tnav-navMarkets #navMarkets
,body.tnav-navWatchLists #navWatchLists
,body.tnav-navTradingRoom #navTradingRoom
{
	background-color: #384346;
} 
ul#MemberTopNav li#navMyAccount img{vertical-align: middle}

/* START FILE:mediaqueries.css */

@media only screen and (min-width: 1170px)  {
	.joinZone {
		position: relative;
		top:40px;}
}
@media only screen and (max-width: 1370px) and (min-width: 1170px)  {
	.signupBullets {
		margin-left: 6%;
	}
	.joinZone {
		margin-left: 2%	;
		margin-right: 2%	;
	}
}
@media only screen and (max-width: 1170px) and (min-width: 769px)  { 
	ul#menu.forPublic {
		box-sizing: border-box;
		padding-left: 270px;
		min-width: 0;
		max-width: 1000px;
		width: 98%;
		top: 28px;
		right: 1%;
	}
	#hero .signupBullets{
		margin:0 auto;
		float: none;
		top: 80px;
	}
	.joinZone{
		margin: 0 ;
		position: absolute;
		top: 10px;
		width: 100%;
		text-align: center;
	}
	.joinZone h3,.joinZone >span{
		margin: 5px auto;
		float: none;
	}
	.joinZone a.btnPurple{
		position: relative;
		float: none;
		margin: 5px auto;
		top: 440px;
		clear: both;
	}
	#hero {min-height: 650px;}
}

@media only screen and (max-width: 1000px) and (min-width: 769px)  {
	ul#menu.forPublic li{
		height:30px;
	}
	ul#menu.forPublic li a{	
		line-height:20px;
		box-sizing: border-box;
		height:30px;
	}
}


@media only screen and (max-width: 1070px) and (min-width: 769px)  {
	ul#menu.forPublic { 
		top: 10px; 
	}
	.signupBullets,
	.joinZone{
		margin-left: auto;margin-right: auto;
		padding-top: 1px;
		float: none;}
	.logoWrap{width:236px;} 
}
@media only screen and (max-width: 1170px)  {

	.hideOnTablet,
	.fa-circle-thin{display: none}	
	#frmAdvSearch{width: 99%}
	#frmAdvSearch{left:1%;}
	.logoWrap{margin-left: 1%}
	#contentwrap{margin: 0 1%}

	.isNotHomepage #content{padding: 12px 1%}
	ul#menu li>a i{font-size: 1em;}

	ul#menu li{
		margin:0px 0.5% 0px;
	}  
}  
@media only screen and (min-width: 769px)  {
	html:not(.isMobile)  .showOnlyOnPhone {display: none !important;}
	.showInlineOnlyOnPhone{display:none;}
	.atc-footerLinks .btnAllowPhoneView{display: none;}
	.wrapOnlyOnMobile{white-space: nowrap}

	body.tnavh-navHome .navHome > a,
	body.tnavh-navAbout .navAbout > a,
	body.tnavh-navTour .navTour > a,
	body.tnavh-navContact .navContact > a,
	body.tnavh-navJackWrap .navJackWrap > a,
	body.tnavh-navLogin .navLogin > a 	{
		border-radius: 4px;
		background-color: #362c71;
	}
	#btnWriteComment{display: none;}
}

@media only screen and (max-width: 960px)  { 
	#rightcol {
		margin: 40px auto;
		position: relative;
		top:0;
	} 
	#RightRepliesColumn.rightColumnFixedPosition, #RightRepliesColumn.absolutePosition {		 
		/*width: 100%; */
	}
	.isMembers ul#menu li {margin: 0 1px;}
	#regcontent {
		padding-right: 0;
	}
}
html:not(.isMobile)  .showOnlyOnPhone {display: none !important;}
@media only screen and (max-width: 768px)  { 
	.columnZone .thirdPage {width:100%}
	.columnZone .thirdPage.middleThird {border-top:1px solid #aaa ;border-bottom:1px solid #aaa;padding-bottom: 12px }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	html.has-touch select, html.has-touch textarea, html.has-touch input {
		font-size: 16px !important; 
	}
}



/* START FILE:customize.css */
*, *::before, *::after {
    box-sizing: unset;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: revert;
}

a {
    text-decoration: underline;
}

p {
    margin-top: revert;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/*
h1, h2, h3, h4, h5, h6 {
    margin-top: revert;
}
*/

h4, .h4 {
    font-size: 16px;
}

h3, .h3 {
    font-size: 18.72px;
}

h2, .h2 {
    font-size: 1.5em;
}

h1, .h1 {
    font-size: 2em;
}

fieldset {
    padding: revert;
    margin: revert;
}

input, button, select, optgroup, textarea {
    line-height: initial;
}

img {
    vertical-align: inherit;
}

#PagePadding .atcSplitView #RightRepliesColumn.col-lg-5 {
    max-width: revert;
    padding-right: revert;
    padding-left: revert;
}

@media only screen and (min-width: 769px) {
    #PagePadding .atcSplitView #RightRepliesColumn.col-lg-5 {
        width: 42.7%;
    }
}

.ui-dialog-titlebar *, *::before, *::after {
    box-sizing: border-box;
}

.atc-btnWrapper *, *::before, *::after {
    box-sizing: border-box;
}

.atc-btnWrapper button {
    border-radius: revert;
}

#wrapper .card {
    border: unset;
}

#wrapper .card .card-header{
    padding: revert;
    margin-bottom: revert;
    background-color: unset;
    border-bottom: unset;
}

#wrapper .card .card-body{
    padding: unset;
}

table.histportfolio tr {
    text-align: center;
}

#TopNav a:hover {
    color: unset;
}

a:hover {
    color: #6299ca;
}

a.atc-expandpost:hover {
    text-decoration: none;
}

@media only screen and (min-width: 1171px) {
    a.atc-replies:hover {
        color: #fff;
    }
}

a.atc-replies:hover {
    text-decoration: none;
}

.atc-header a:hover {
    color: inherit;
}

@media only screen and (max-width: 460px) {
    .videoGalleryElement {
        min-width: 300px;
    }
}

h1.atc-entryHeadline  {
    font-size: 1.17em;
    color: #3B3B3B;
}