html{
			height:100%;
			display: block;
	   }

        body {
        	height: 100%;
			font-style: normal;
			padding: 0px;
        	margin: 0px; 
        	/*box-sizing: border-box; -moz-box-sizing: border-box;*/        	
        	
        	background-repeat: repeat;
        	-webkit-font-smoothing: antialiased;
        	
		}
		
		.left-large-pad{
			padding-left: 50px;
		}
		
		.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
			font-weight: bold;
		}
		
		#pageStep{
			font-weight: bold;
			font-size: 1.1em;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		#header{
			font-weight: bold;
			font-size: 1.1em;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.header-center-highlight{
			font-weight: bold;
			font-size: 1.1em;
			margin-top: 20px;
			margin-bottom: 20px;
			text-align: center; 
			background: #f5f5f5; 
			padding-top:20px; 
			padding-bottom: 20px;
		}
				
    	.container { 
		  max-width: 1000px;
		  min-height:100%;		  
		  
		  margin-left: 0px;
		  /*
		  margin-right: auto;
		  */
		  text-align: left;		 
		  background-color: #fff;
		  position:relative;		 
		} 

		.content {	
			width:97%;
			margin-left: auto;
		    margin-right: auto;
		    padding: 1em 1em 1em 1em;
		    padding-bottom:2.5em;   /* Height of the footer element */		    
		 }
		 
		 .padded{
    		line-height: 1.5em;
    		text-align: left;
    		padding: .5em 0em;
    		vertical-align: baseline;     		  		
    	} 
    	.flex_container{
    		width: 100%;    		
    		display: -webkit-box;
  			display: -webkit-flex; 
  			display: -ms-flexbox;
  			display: flex;
    		-webkit-flex-wrap: wrap;
  			-ms-flex-wrap: wrap;
  			flex-wrap: wrap;
  			flex-direction: row; 
  			-webkit-flex-direction: row;   			
  			-ms-flex-direction: row;  
  			/*		
   			-webkit-align-items: center; 
   			align-items: center; 
   			-webkit-justify-content: center; 
   			justify-content: center; 
   			*/   			
    	} 
    	
		header{ 
    		width:100%;
    	}
    	
		p {
			line-height: 1.3em;
			word-wrap: break-word;
			margin-bottom: 0.8em;			
		}

		li {
			line-height: 1.3em;
			word-wrap: break-word;
			margin-bottom: 0.5em;
		}
    	
    	a img {   
			border: none;  
		} 
    	
    	img{
    		max-width: 100%;
    		width:auto;
    		height: auto;  		
    		vertical-align: baseline;
    	}
  	
    	.button {
    		diplay: block;
    		padding: 0.4em; 
    		font-size: 1.1em;
    		width: 130px;
    		min-width: 100px;
    		/*margin-left:20px;*/
    		margin-right:20px;
    		margin-bottom:20px;
    	}
    	
    	.button_large {
    		diplay: block;
    		padding: 0.4em; 
    		font-size: 1.1em;
    		width: 300px;
    		min-width: 100px;
    		margin-left:20px;
    		margin-bottom:20px;
    	}
    	
    	.button_short {
    		diplay: block;
    		padding: 0.4em; 
    		font-size: 1.1em;
    		width: 90px;
    		min-width: 90px;
    		margin-bottom:20px;
    	}

		.button_space {
    		diplay: block;
    		float: left;
    		padding: 0.3em; 
    		font-size: 1.2em;
    		width: 1.5em;    		
    	}
    	
    	.tblDataLabel{
    		padding-left: 0px;
    		padding-bottom: 8px;
    		font-weight: bold;
    		text-align: right;
    	}
    	
    	.tblData {
    		padding-left: 0px;
    		padding-bottom: 8px;
    	}
    	
    	.label-align{
    		text-align: right;
    	}
      	 	    
 	    label {
			color: rgb(77, 77, 77);
			margin-bottom: .4px; 
			display: block; 
			cursor: pointer;
			font-weight: bold;
			padding-bottom: 0.3em;			
		}
		
		label.required:after {content: " *"; color: red;}
 	    
 	    input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
		  -webkit-appearance: none; 
		  -moz-appearance: none;
		  display: block;
		  line-height: 1.4em; 
		  font-size: 1.1em;
		  border: 1px solid #bbb;
		  max-width: 100%;
		  /*min-width: 250px;*/
		  width:250px;
		  padding: .2em .2em; 
		}
		
		input[type=file] {
		 -webkit-appearance: none; 
		  -moz-appearance: none;
		  display: block;
		  line-height: 1.4em; 
		  font-size: 1.0em;
		  border: 1px solid #bbb;
		  max-width: 100%;
		  /*min-width: 350px;*/
		  width:500px;
		  padding: .2em .2em; 
		}
		
		textarea {
			font-size: 1.1em;
		}
		
		.input-group-addon {
			border-radius: 0px;
		}
		
		.control-width{
			width:250px !important;
		}
		
		.control-width5{
			
		}
		
		.control-width-min{
			width:80px;
		}
		
		.error{
			/*color: red;*/
			color: #cd0000;
			font-weight: strong;
		}
		
		.center{
			max-width: 90%;
			margin: 0 auto;
		}
		
		.help{
			font-size: 12px;
		}
				
		#img_header_main{
			display: none;
			min-height: 142px;
		}
    	
    	
    	@media screen and (max-width: 750px){
    	    
    	    .container{
    	    width: 100%;
    	    margin: 0px; 
    	    }

    		.content {
			width: 95%;
    		padding: 2% 2% 2% 2%;
    		
    		}    		
    		
    		.flex_container{ 
    		text-align: left;    		   			
    		display: block;
    		}
    		  		
    		.padded{    		
    		 padding: .5em 0em;  		
    		}
    		
    		.data_label{
				 width: 100%;
    		}

    		.data_entry{
				width: 100%;
    		}

    		.label-align{
    			text-align: left;
    		}
    		
    		.control-width5{
				width:250px;
			}
			
			#img_header_left {
				display: none;
			}
			
			#img_header_right {
				display: none;
			}
			
				 		
    	}
    	
    	
    	@media screen and (max-width: 474px){
    		 .container{
	    	    width: 100%;
	    	    margin: 0px; 
    	      }
    	      
    	      .left-large-pad{
				padding-left: 15px;				
			   }
				
				#img_header_main{
					display: block;
					min-height: 120px;
				}
				
				#img_header{
					display: none;
				}	
    	}	
    	    		
    	@media screen and (min-width: 1000px){
    	.flex_container{
    		width: 1000px;
    		/*
    		margin-left: auto;
    		margin-right: auto; 
    		*/   		
    	}
	}
	
/*

	bootstrap overwrite

*/	
	
.form-control:focus{
	border-color: none;
	/*-webkit-box-shadow: none;*/
	box-shadow: none;
}

.form-control{
	border-radius: inherit;
	font-size: 1.1em;
	padding-left: 3px;
}

/*

	5 column solution

*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}