/* If the screen size is 600px wide or less, : mobile view */
@media screen and (max-width: 1001px) {

	/* responsive table navigation bar */
	.d-sm-block{
		display: block;
	}

	.d-sm-none{
		display: none;
	}
	.w-100{
		width: unset;
	}
	/* TradeForm.jsp */
	.tr_header{
		width: unset;
	}
	
	/* //TradeForm.jsp */
	
	#table {
		width: 100%;
		display: table;
		z-index: 50
	}
	.row {display: table-row; width: 100%;}
	.cell {display: table-cell; width: 100%;}

	
	#logo {
		width: 100%; height: 200%;
	}
	
	#topline_bar{
		width: 100%; height: 100%;
	}
	
	#investor_home{
		width: 100%; height: 400%;
	}
	
	#sameCompanyAddr {
        width: 50px;
        height: 50px;
    }
	
	#leftNavBar, #investorAgreement, #Layer1, #Layer6, #Layer7, #Layer8 , #Layer9  {
		display: none;
	}
	
	#footer_legal{
		font-size: 200%;
	}
	
	#Layer1, #Layer2, #Layer4, #Layer12, #Layer10, #Layer20, #Layer7 {
		display: none;
	}
	
	#Layer21{
		position:absolute; 
		align: center;
		left:10px; top:93px; width:98%; height:100%; z-index:21
	}
	
	#Layer121{
		position:absolute; 
		align: center;
		left:10px; top:93px; width:98%; height:100%; z-index:21
	}

	
	
	
	
	.page_title{
		color:white; face:"arial"; font-size: 300%;
	}
	
	
	
	/* image styling*/
	.button_next{
		border: 0px; width: 20% ;height: 300%;
	}
	
	.steps{
		width:10%; height:400%; border: 0px;
	}
	
	.steps_gray{
		width:10%; height:400%; border: 0px;
	}
	
	.investor_registr1, .investor_registr1 table, .submission-form, .submission-form table{
		width: 100%;
	}
	
	.investor_registr1 input, .investor_registr1 select{
	    display: block;
        width: 100%;
		font-size: 300%;
		height:300%;
      /* padding: 12px; */
        border: 1px solid #ccc;
        border-radius: 4px;
	}
	
	
	.investor_registr1 .field{
		font-size: 300%;
	}
	
	
	.radio_button {
		width: 100%;
		height: 100%;
	}

	
	

	
	
	tbody {
		overflow-x: scroll;
		
	}

	body {
		background-color: gray;
		max-width: 100%;
	}

	input:focus {
	  background-color: yellow;
	}
	
	input[name="Submit"] {
		height:100%; 
		width: 50%; 
		
	}
	.login {
		align:center;
		height:50px;
		width:100%;
		display: block;
		font-size: 40px;
		background-color: white;
	}

		
	tbody {
		background-color:white;
	}
	
	.white_space1 {
		display: none;
	}
	
	
}

/* If the screen size is 601px wide or more: deskstop view */
@media screen and (min-width: 1001px) {
	.d-md-block{
		display:block;
	}
	.d-md-none{
		display: none;
	}

    body {
  		background-color: white;
		max-width: 100%;
  	}
	
	/* hide mobile navigation */ 
		#leftNavBar_m {
		display: none;
	}
	
	.login {
		align:center;
		font-size:100%;
		height:25px; 
		width:100px; 
		display: block;
		background-color: white;
	}
	
	input[name="Submit"] {
		width: 100px;
		height: 25px;
	}
	
	/* from investor registration page 1 */
	.page_title{
		color:white; face:"arial";
	}
	
	/* image styling*/
	.button_next{
		border: 0px; width: 77px ;height: 18px;
	}
	
	.steps{
		width:12px; height:12px; border: 0px;
	}
	
	
	#Layer21{
		position:absolute; 
		left:1px; top:10px; width:1000px; height:76px; z-index:21
	}
	

p { Font-Family :   Arial,Geneva,Helvetica,Sans-Serif; 
	Font-Size : 12px; }

A {
Font-Family :   Arial, Geneva, Helvetica, Sans-Serif; 
text-decoration : none;
font-weight : bold;
color: #336699;
 

}
A:hover {
Font-Family :   Arial, Geneva, Helvetica, Sans-Serif; 
text-decoration : none;
color: #336699
}

A:visited {
Font-Family :   Arial, Geneva, Helvetica, Sans-Serif; 
text-decoration : none;
color: #336699;
 

}

B		{ Font-Family :   Arial,Geneva,Helvetica,Sans-Serif; Font-Size : 12px; }

TD		{ Font-Family :   Arial,Geneva,Helvetica,Sans-Serif; 
Font-Size : 12px; 

 
}

TD.bold { font-weight: bold; }
TD.fieldlalign { color: #336699; text-align: left;}
TD.field { Font-Family :  Arial ;
color: #336699;  
Font-Size : 12px;  
text-align: right;
font-weight : bold;
}

TD.field2 { Font-Family :  Arial ;
color: white;  
Font-Size : 12px; 
font-weight : bold;
}

TD.noteField { Font-Size: 8pt; }

TD.center { text-align: center; }
 
TD.centerfield { color: #336699; text-align: center;}
TD.errorfield { color: #ff0000; text-align: right; }
TD.columnheader {color: #336699; text-align: left;
 font-weight: bold;}
TD.columnheaderRight { color: #336699; text-align: right;
 font-weight: bold;}
TD.columnheaderCenter { color: #336699; text-align: center;
 font-weight: bold;}
TD.colheaderWhite			
{ Color : #FFFFFF; 
Font-Size: 10px; 
Text-Align : center;  
Background-Color : #336699;}

TD.progrNameRed { color: #FF0000; font-size: 12px; text-align: right;  }

INPUT		
{ Font-Family :  Arial,Geneva,Helvetica,Sans-Serif; 
Font-Size : 12px; 
}

SELECT		{ 
Font-Family : Arial,Geneva,Helvetica,Sans-Serif; 
Font-Size : 12px; 
}


SELECT.monospaced		
{ Font-Family :  Arial, courier new,monospaced; 
Font-Size : 12px; 
}


.text	{ Font-Family : Arial,Geneva,Helvetica,Sans-Serif; Font-Size : 12px; }
.error { color: #ff0000; }
.errorfield { color: #ff0000; text-align: right; }
.bold { font-weight: bold; }
.right { text-align: right; }
.red 	{ color: #FF0000;  
Font-Family :  Arial, courier new,monospaced; 
Font-Size : 11px; 
}
.boldred { font-weight: bold; color: #FF0000; }
.boldwhite { font-weight: bold; color: #FFFFFF; }
TD.greetingLarge	{ 
Font-Family :  Arial, courier new,monospaced; 
Font-Size : 14px;    }

TD.greetingSmall	{ 
Font-Family :  Arial, courier new,monospaced; 
Font-Size : 11px;  
}

TD.message			{ Text-Align : left; text-indent: 5px;}

TD.wideSpacing { line-height: 16px; }

#tradingSublayer {
	position: absolute;
	left: 85px;
	top: 28px;
	height: 10px;
	visibility: hidden;
	zIndex: 5;
	}
	
#circleLayer {
	position: absolute;
	left: 180px;
	top: 65px;
	visibility: visible;
	}
	
#choicesLayer {
	position: absolute;
	left: 194px;
	top: 65px;
	visibility: hidden;
	zIndex: 5;
	}

 
TD.h3		{ 
Font-Family :   Arial; 
Font-Size : 20px; 
color: #336699;
font-weight: bold; 
} 

TD.header				{ Color: #336699; font-weight: bold; }
.hdh {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #003399}
	
 }