html{
			min-height:100%;
		}
	body{
			padding-bottom:40px;
			min-height:100%;
			background: #ccc;
			font-family: sans-serif;
		}
	.header{
			height: 90px;    
			background-color: #243238; 
			padding: 10px 0;
			text-align: center;
		}		
	.header .container h4{
			color: #fff; 
			margin:10px 0 0;
			font-size:20px;
		}
	 hr.topBdr{
			margin:2px 0; 
			border:1px solid #ccc;
			display:block
			
		}	
	.header .container h3{
			margin-top:-2px; 
			color: #fff;
		}			
	.container .form{
			margin:0;
		}			
	.account-wall{
			max-width:480px; 
			padding:20px 20px 30px; 
			margin:50px auto; 
			background-color: #f7f7f7;
		}	
		
	.form-signin .btn-primary,
	.panel-primary > .panel-heading,
	.panel-info > .panel-heading{background-color: #243238; color: #fff }
	
	.mainWrapper .btn-primary{background-color: #3c1dfa;}
	
	.mainWrapper .btn-primary:hover{background-color: #243238;}
	
	.panel-primary > .panel-heading,
	.panel-info > .panel-heading{border-color: #243238; }
	
	.form-signin  #customerNo{margin-bottom: 20px}
	.form-signin{
			margin-bottom: 10px;
		}		
	.form-signin input[type="text"]{ 
			margin-bottom: -1px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			text-align: left;
		}
	.form-signin .btn-block{ 
			margin-top: 20px;
		}		
	
	
	.text-info{color: #243238}
	
	.account-wall{	
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		}		
	.footer{
		    width:100%;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    text-align: center;
		}
	.footer_bottom{
			background-color:#243238; 
			text-align: center; 
			width: 100%;
			color:#fff;
			padding:5px 0;
		}
	.fo_contenttop{
			padding-top:10px;
		}
	.mainWrapper{
			padding-top:20px ; 
			padding-bottom: 40px
		}
	a.button6{
			display:inline-block;
			padding:0.7em 1.4em;
			margin:0 0.3em 0.3em 0;
			border-radius:0.15em;
			box-sizing: border-box;
			text-decoration:none;
			font-family:'Roboto',sans-serif;
			text-transform:uppercase;
			font-weight:400;
			color:#FFFFFF;
			background-color:#3369ff;
			box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
			text-align:center;
			position:relative;
		}
	a.button6:active{
			top:0.1em;
		}
	#example{
			width:70%; margin: 0px auto;
		}
	#example td{
			width:50%; text-align: center
		}
	.data{
			text-align: left !important;
		}
	.endTable{
			width: 70%; 
			margin:auto; 
			margin-top: 15px;
		}
	.radioWrap{width:50%; float:left}
	
		@media screen and (max-width: 1000px){	
			.header .container h4{
				font-size: 16px;
			}
			.header .container h3{
				font-size: 16px;
			}
			
		}
	
	@media screen and (max-width: 600px){	
			.header .container h4{
				font-size: 12px;
			}
			.header .container h3{
				font-size: 12px;
			}
			body{padding-bottom:0}
			.footer{position:relative; left:auto; bottom:0}
			#example th,#example td{font-size:8px; width:auto; padding:2px}
		}