/* new layout */
@media (min-width: 768px) and (max-width: 992px) {
    body{
        padding-top: 150px; /*this is to move the body down due to the nav height increase*/
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    body{
        padding-top: 100px; /*this is to move the body down due to the nav height increase*/
    }
}

body{
    line-height: 22px;
}

.whyus {
    /*background: #f9f9f9;
    border: 1px solid #f0f0f0;
    */
    padding-top: 20px;    
    min-height: 295px;
    margin-bottom: 35px;
}

.whyus .col-md5 img {
    max-width: 100%;
}

.whyusimg {
    margin-top: 16%;
}

.rsq_border_bottom{    
    border-bottom: 1px solid #e1e1e1;    
}

.rsq_border_right{    
    border-right: 1px solid #e1e1e1; 
}

footer {
    background: #221918;
    color: white;
    padding: 10px 10px;    
}

.rtsq_disclaimer{
    font-size: smaller;    
    margin: 20px 10px 10px 10px;
}

/* new layout - END */

/* custom font */
@font-face {
	font-family:'HelveticaNeueLTStd-LtCn';
	src: url('fonts/HelveticaNeueLTStd-LtCn_latin.eot');
	src: url('fonts/HelveticaNeueLTStd-LtCn_latin.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueLTStd-LtCn_latin.woff') format('woff'),
		url('fonts/HelveticaNeueLTStd-LtCn_latin.ttf') format('truetype'),
		url('fonts/HelveticaNeueLTStd-LtCn_latin.otf') format('opentype'),
		url('fonts/HelveticaNeueLTStd-LtCn_latin.svg#HelveticaNeueLTStd-LtCn') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-2215;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'HelveticaNeueLTStd-LtCn';
    font-weight: normal;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.rtsq_validation .field-validation-error
{
    display: block;
    /*width: 38%;*/
    float: left;
    margin-top: 20px;
    margin-left: 2%;
    color: red;
}



/*
a:link {
    color: blue;    
    text-decoration: none;
}

a:visited
{
    color: blue;
}

a:hover {
    color: red;    
    text-decoration: none;
}*/

a:hover {    
    text-decoration: none;
}

.rtsq_div {
    margin: 10px 5px;
}

/*input[type="submit"] {
    background: #ff8c1e;    
    color: #ffffff;    
    padding: 0 1em 0 1em;    
}*/

.rtsq_span {
    margin-right: 25px;
}
.rtsq_span2 {
    margin-right: 75px;
}

.rtsq_span3 {
    margin-right: 5px;
}

.rtsq_span4 {
    margin: 0 20px 0 5px;
}


input[type="text"].rtsqsmaller_box {
    width: 100px;
}

/*input[type='checkbox'] {
    vertical-align: bottom;
}*/

/* ----------------------table----------------------------------------*/
.rtsq_table {
    width: 100%;    
    margin-top: 10px;
    /*border-width: 0;*/    
    margin: 10px 0 5px 0;
    
}


.rtsq_table td, th {
    border: 0;  
    /*border: 5px solid red;*/
    vertical-align: top;  
    text-align: left;   
    padding: 5px;
}

.rtsq_table td.col1 {
    text-align: left;   
    /*width: 80px;*/
    width: 100px;
    vertical-align: top;
}

.rtsq_table td.col2 {
    text-align: left;    
    width: 130px;
    margin: 5px 0;
}

.rtsq_table2 {
    width: 100%;        
    border: 0;
    margin: 0;
    
}

.rtsq_table2 td, th {
    border: 0;    
    vertical-align: middle;  
    text-align: left;   
    padding: 5px;
}


/* ----------------------end----------------------------------------*/


.rtsq_button
{
	/*background: url(../images/v2/freedemo.png);*/
    background: #fe8e1e;
	width:103px;
	text-align:center;
	padding-top:7px;
	height:33px;
	font-size:14px;
	color:#FFF;	
	margin-right:7px;	
    border-radius: 6px;
}

.rtsq_button_nowidth
{
	background-color:#ff8c1e;
    
	text-align:center;
	padding-top:7px;
	height:33px;
	font-size:14px;
	color:#FFF;		
    padding: 5px 10px 5px 10px;	
    border-radius: 6px;
}

.rtsqblock {
    margin: 10px 0px 10px 15px;
}

.rtsq_error {
    color: red;
    font-size: 1em;
    margin: 10px 0 10px 0;
}



.rtsq_clear {
    clear: both;
}


#rtsq_footer {    
    margin: 25px 0 0 0;        
}


#rtsq_header {
    margin: 20px;
    height: 100px;  
    font-size: 14px;  
}


.rtsq_menu_item_right
{
    margin: 0 25px 0 0;
    float: right;        
}

.rtsq_menu_item_left
{
    margin: 0 25px 0 0;
    
}

.rtsq_block {
    display: block;
}

.rtsq_title {
    font-family: 'HelveticaNeueLTStd-LtCn';
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.rtsq_float_left {
    float: left;
    margin-right: 15px;
   
}

.rtsq_float_left2 {
    float: left;
    margin: 5px 30px 5px 5px;
}

.rtsq_float_right {
    float: right;
    margin-right: 15px;
}

.rtsq_float_right2 {
    float: right;   
}

.rtsq_float_end {
    clear: both;
}

.rtsq_highlight {
    font-weight: bold;
    color: red;    
}

.rtsq_error {
    color: red;
}

.rtsq_fade
{
    font-size: smaller;
    color: gray;
}

.rtsq_lighter{
    color: gray;
}

.rtsq_smaller_font
{
    font-size: smaller;
    
}

.rtsq_small_font
{
    font-size: 12px;
    
}


.rtsq_banner
{
    margin-bottom: 20px;
}

.rtsq_small
{
    font-size: 11px;
}

.rtsq_extraspace
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.two_column .col1 {
    width: 45%;
    float: left;
    margin: 0 0;
    
}

.two_column .col2 {
    width: 45%;
    float: left;
    margin: 0 0;
    
}

.two_column_end {
    clear: both;
}

.rtsq_chart_menu
{
    
  
    width: 850px;
}

.rtsq_chart_menu th
{
    background-color: #df7000; /*#ff8c1e; */
    color: white;
    text-align: center;
    margin: 0;
}

.rtsq_chart_menu input[type="text"]{
    width: 50px;    
}

.rtsq_box
{
    border: solid 1px #ff8c1e;
    display: inline-block;
    padding: 2px 5px;
    /*margin-left: 5px;*/
    margin: 5px 0 0 5px;
}
.rtsq_box_noborder
{    
    display: inline-block;
    padding: 0px;
    margin-left: 5px;
}

.rtsq_center{    
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

.rtsq_center_text
{
    text-align: center;
}

.rtsq_right_text
{
    text-align: right;
}

.rtsq_price_up
{
	
    color: #499300;
}

.rtsq_price_down
{
	color: #c60000;
}

.rtsq_standard_spacing
{
    margin-right: 10px;
}

.rtsq_marketbar
{
   
    /*background-color: rgb(202,255,249);*/
    background-color: #E6F2FF;
    width: 100%;    
}

.rtsq_one_index_col
{    
    width: 70px;    
    float: left;
     margin: 0px 5px;
}

.rtsq_one_index_col_align_right
{    
    width: 80px;    
    float: left;
    text-align: right;
    margin: 0px 10px;
}

.rtsq_align_right
{
    text-align: right;
    margin: 0px 10px;

}
.rtsq_one_index_col2
{    
    width: 300px;    
    float: left;
    margin: 0px 5px 5px 0px;
}

.rtsq_one_portfolio_col_company_name
{    
    width: 250px;  /*we need to update portfolioColumnWidth in rtsq.portfolio*/  
    float: left;    
    margin: 0px 5px; /*we need to update portfolioColumnWidth in rtsq.portfolio*/
}

.rtsq_one_portfolio_col
{    
    width: 80px;    /*we need to update portfolioColumnWidth in rtsq.portfolio*/
    float: left;
    margin: 0px 2px 2px 0px; /*we need to update portfolioColumnWidth in rtsq.portfolio*/
}

.rtsq_one_portfolio_col_align_right
{    
    width: 80px;    /*we need to update portfolioColumnWidth in rtsq.portfolio*/
    float: left;
    text-align: right;
    margin: 0px 2px; /*we need to update portfolioColumnWidth in rtsq.portfolio*/
}

.rtsq_one_timeframe_col
{
    width: 40px;    
    float: left;
}

.rtsq_index_table
{
    
    min-width: 600px;
    width: 600px;    
}
.rtsq_selected
{
    color: #ff8c1e;
}

.rtsq_logo_home
{
    margin-top: 15px;
}


.rtsq_body_center{    
   width: 100%;
   margin: 0 10px;
   
}

.rtsq_body{       
   margin: 10px 10px;
}

.rtsq_orange
{
    color: #fe8e1e;
}

.rtsq_signup_btn
{	
    font-size: 18px;
    min-height: 54px;
    width: 173px;   
}

.rtsq_signup_product_select_col1
{
    float: left;
    width: 5%;
    /*border: 1px solid red;*/
}

.rtsq_signup_product_select_col2
{
    float: left;
    width: 40%;    
}

.rtsq_signup_product_select_col3
{
    float: left;
    width: 15%;
    
}

.rtsq_signup_product_select_col4
{
    float: left;
    width: 15%;    
}

.rtsq_signup_product_select_btn
{
    float: left;
    margin-left: 60%;        
}

/*this class related to cardsum class, we should modify it if we modify cardtxt, cardinput */
.rtsq_signup_creditcard_term
{
    float: right;    
    margin-right: 40%;
    
}

.rtsq_trading_fee
{
    /*background: none repeat scroll 0 0 #fcfac2;*/       
    background-color: #fcfac2;
    margin: 10px 0px;
    padding-left: 5px;
}

.rtsq_trading_fee .col1
{
    float: left;
    font-weight: bold;
    width: 200px;
}

.rtsq_trading_fee .col2
{
    /*font-size:large;*/  
    float: left;    
}

.rtsq_submenu
{
    
    background-color: #df7000;
    margin-bottom: 5px;
    color: #ffffff;
    line-height: 40px;
    
   
}

.rtsq_submenu a
{
    /*color: #d7d7d7;*/
    color: #ffffff;
    display: inline-block;
}

.rtsq_submenu a:hover
{
    /*color: #ffffff;*/
    /*color: #bfdfff;*/
    color: yellow;
}

.rtsq_submenu_item
{
    /*padding-right: 10px;
    padding-left: 10px;*/  
    padding: 10px 15px;        
    border-right: 1px solid #804000;
    /*border: 1px solid #804000;*/    
}



.rtsq_whatNew {
    font-weight: bold;
    color: yellow;    
}

/*.rtsq_market_chart
{
    width: 650px;  
}
*/

.rtsq_portfolio_col1
{
    width: 120px;
    float: left;
}

.rtsq_table_container 
{
    display: table;
    /*border: 1px solid gray;*/
    width: 100%;
    height: 100%;   
    padding: 0;  
    margin: 0;       
}

.rtsq_table_container a
{
    color: #337ab7;

}


.rtsq_table_column {
    display: table-cell;
    vertical-align: top;
    display: inline-block;
    /*border: 1px solid blue; */
}

.rtsq_hidden {
    display: none;
}

#portfolioArea { 
    min-width: 80px; 
    min-height: 500px;
    vertical-align: top;
    width: 325px;
    
}  
 
#chartArea {
    min-height: 300px;
    min-width: 500px;  /*this is the minimum width allow for chart, seems like Firefox still allow it to be narrower, when this is modified, we need to modify minChartWidth in rtsq.portfolio*/
}

#chartMenu_1 {
    margin-top: 25px;    
    /*background-color: #E6F2FF;*/
    background-color: #ffffc6;
}

#chartMenu_1 span, #chartHeader span, #chartHeader select, #chartSettingDiv span
{
    margin-left: 5px;
    /*background-color: #E6F2FF;*/    
}

.chartBasicMenu{
    /*vertical-align: middle;*/
    min-width: 800px; 
}

.chartBasicMenu input, .chartBasicMenu select, .chartBasicMenu span, .chartBasicMenu a{
    margin-left: 5px;
    vertical-align: bottom;
    /*border: 1px solid blue;*/
}

.rtsq_inline_block{
    display: inline-block;
    vertical-align: top;
}

#chartSettingDiv td, th
{
    padding: 5px;
}

#researchLinks span, #chartHeader span, rtsq_gridItem_header span
{
    margin: 0 10px 0 5px;
}

#portfolio_note
{
    font-size: 12px;
   
}


#chartSettingDiv th
{
    background-color: #ff8c1e;
    color: white;
    text-align: center;
}

.rtsq_portfolio_row_odd
{
    /*background-color: #C1F3FF;*/
    background-color: #FFFFC6;
}

.rtsq_portfolio_row_even
{
     background-color: #FFFFFF;
}

#portfolioTableHeader
{
    font-weight: bold;
}

#quoteTable span, #quoteTable2 span
{
    margin-left: 5px;
}


.inputForm .col1
{
    float: left;
    width: 80px;
}

.inputForm .col2
{
    float: left;
    width: 200px;
}

.inputForm .colEnd
{
    clear: both;
}


#chartGrid{
    float: left;    
}

.rtsq_gridItem {
    float: left;
    min-width: 280px;
}

.rtsq_signin_info span{
    margin-right: 15px;
}
   
#chartGridSideBannerAd{
    display: none;
}

#chartGridBottomBannerAd{
    display: none;
}

.rtsq_highlight_menu{
    background: #ffffc6;
    padding: 5px 10px;
}

.rtsq_draw_cursor{
    cursor: crosshair;
}

.rtsq_no_wrap{
    white-space: nowrap;
}

.rtsq_wrap{
    white-space: normal
}

.rtsq_market_list{
    height: 440px;
}

.btn-rtsq {
    background-color: #ff8c1e;
    border-color: #d46b06;
    /*background-color: #d56800;
    border-color: #CE6700;*/
    color: #fff;
    min-width: 100px;
}
.btn-rtsq-chart{
    height: 25px;
    padding: 1px 12px;
}

.btn-rtsq2 {
    background-color: #ff8c1e;
    border-color: #d46b06;        
    color: #fff;    
}


.panel-body-rtsq{
    padding: 0;
}

.rtsq_symbolBox {
    min-width: 0;
    width: 80px;
    display: inline;
}

.rtsq_gridItem .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 2px;
}


/*============================== realtimestockquotecharts - legacy - may need to clean up ==============================*/
/*.rtsqc br 
{
	line-height:25px;
}*/

.neotext {
padding: 2%;
background: #fcfac2;
overflow: auto;
border: 1px solid #fffcb3;
}

.neo
{
	float:left;
	clear:both;
	padding-top:10px;
	display:block;
	max-width:55%;
}
.neoprice
{
	float:right;
	padding-top:10px;
	display:block;
	max-width:45%;
}

/*.signupbtn
{
	background: url(../../images/v2/signupbtn.png);
	width:93px;
	text-align:center;
	padding-top:7px;
	height:33px;
	font-size:14px;
	color:#FFF;
	float:right;
	font-family: 'OpenSansRegular';
}
.signupbtn a
{
	color:#FFF;
}
.signupbtn a:hover
{
	color:#FFF;
}
.freedemo
{
	background: url(../../images/v2/freedemo.png);
	width:93px;
	text-align:center;
	padding-top:7px;
	height:33px;
	font-size:14px;
	color:#FFF;
	float:right;
	margin-right:7px;
	font-family: 'OpenSansRegular';
}
.freedemo a
{
	color:#FFF;
}
.freedemo a:hover
{
	color:#FFF;
}*/

/*============================== realtimestockquotecharts - END - may need to clean up ==============================*/

/*============================== newcard.html - legacy - may need to clean up==============================*/
.cardtxt
{
	display:block;
	width:20%;
	clear:both;
	float:left;
	margin-top:20px;
}
.cardtxt span
{
	color:#F00;
}
.sqform hr
{
	clear:both;
	display:block;
	width:100%;
	margin-top:3%;
	margin-bottom:3%;
	margin-top:15px;
}

.cardinput
{
	border:1px solid #CCC;
	border-radius:3px;
	width:40%;
    min-height:30px;
    float:left;
    margin-top:15px;
}

.cardinput2
{
	
	width:40%;
    min-height:30px;
    float:left;
    margin-top:15px;
}

.carderror
{
	display:block;
	width:38%;	
	float:left;
	margin-top:20px;
    margin-left: 2%;
    color: red;
}
.cardsum
{
	float: right;
    font-size: 18px;
    min-height: 54px;
    width: 173px;
    margin-right: 40%;
}

.cardrxtarea
{
	border:1px solid #CCC;
	border-radius:3px;
	width: 60%;
    min-height:150px;
    float:left;
    margin-bottom:20px;
    margin-top:15px;

}

.clearz {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}
/*============================== newcard.html END ==============================*/

/* when we have nav bar at top, we need to adjust the postion of anchor where hyperlink use to jump to an area in the page*/
.rtsq_anchor_adjustment{
    padding-top: 50px;  /* must be the same as navbar height*/
    margin-top: -50px;
}

.rtsq_horz_line{
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.rtsq_message{
    /*min-width: 500px;*/
    min-height: 200px;
    
}

.rtsq_savedSettingDescription{    
    min-height: 80px;
    margin-bottom: 10px;
}

.rtsq_html_chart_page input, .rtsq_html_chart_page select{
    height: 25px;
    vertical-align: bottom;
}

#chartArea input, #chartArea select{
    height: 25px;
    vertical-align: bottom;
}

.deleteChartLink{
    color: #d9d9d9;
}

.rtsq_organizeSavedSetting_btn{
    width: 200px;
}

.rtsq_savedChartSetting{
    max-width: 220px;
}

.rtsq_social{
    text-align: right;
}


.rtsq_align_bottom{
    vertical-align:bottom;
}

#refreshLabel{
    margin-bottom: 0px;    
    vertical-align: bottom;
    font-style: normal;
}