
<style type="text/css">
body{
    margin:0px;
    background:#FFF;
    font-family:Tahoma,Verdana,Arial;
    height: 100%;
}
.header-cont {
    width:100%;
    position:fixed;
    top:0px;
    opacity: .95;
    border: 1px solid #CCC;
}
.header_left {
    float:left;
    height:80px;
    background:#FFFFFF;
    border:1px 0px 0px 0px solid #CCC;
    width:40%;   
    min-width: 200px;
    
}
.header_right {    
    height:80px;
    background:#FFFFFF;
    border:1px 0px 0px 0px solid #CCC;
    width:100%; 
    text-align: right; 
}
.header_right_mobile {    
    height:80px;
    background:#FFFFFF;
    border:1px 0px 0px 0px solid #CCC;
    width:100%; 
    text-align: right;

}
.logo_main {
    max-width: 100%;
    min-width: 300px;
    height: auto;
    width: auto\9; /* ie8 */
}



.content_main {
    background: #F0F0F0;
    border: 0px solid #CCC;
    margin: 0;
	overflow: hidden;
}
.content_main_1 {
    background: #FFF;
    overflow: hidden;
    min_height: 500px;
    padding: 80px 5% 0% 5%;    



}

.content_1 {
    width:max;
    height: 5px;
    min-height: 700px;
    background: #FFFFFF;
    border: 0px solid #CCC;
    margin: 0;
    padding: 80px 0 0 2%;
}

.grad1 {
	height: 800;
    background: -webkit-linear-gradient(#DDD, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DDD, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DDD, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DDD, #FFFFFF); /* Standard syntax (must be last) */
}

#footer_section {
	width: 100%;
	height: max;
    position:fixed;
   	bottom:0;  
   	display: none;
}
.footer1 {
    background: #8DC53F;
    color: #000;
    width: 100%;
}
.footer1_left {
    float:left;
    width:40%;
    min-width: 200px;
}
.footer1_right {
    width:50%;
}
.footer1_center {
    text-align: center;
    width:100%;
}

.footer2 {
    color: #CCC;
    width: 100%;
    heightL 100%;
}
.footer2_left {
    float:left;
    width:100%;
    background: #000000;
}
.footer2_center {
    float:center;
    width:100%;
}
.footer_menu_space {
    padding: 10px 10px 10px 10px;    
}


.FSmall {
    font-size:12px;
}

span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;      
}

.mobile_menu {
    width: 25px;
    opacity: .4;
    margin: 0 0 0px 0;
}
.menu_Adjust {
    padding: 25px 20px 0px 0px;    
}
.menu_button {
    width: 27px;
    height: 27px;
    padding: 3px 0px 0px 0px; 
    opacity: .99; 
}
.menu_lines {
    width: 23px;
    height: 4px;
    background: #8DC53F;
    margin: 0 0 3px 0;
}
.menu_lines_text {
    width: 23px;
    height: 4px;
    color: #8DC53F;
    font-size: 9px;
    font-weight: bold;
}
.X_menu {
  	color: #8DC53F;
  	font-size: 2em;
  	font-weight: bold;
    margin: -5px 0 0 0;

}
.menu_bar2 {
    width:100%;
    height: auto;
    position:fixed;
    top:80px;
    background: #8DC53F;
    display: none;
    text-align: center;
    padding: 5px;
}
.white_box {
    border-radius: 4px;
    <!--background: #FFFFFF;-->
    border: 0px solid #000;
    padding: 10px;
    margin: 10px 10px 10px 10px;
}
.white_box:hover {
    background-color: #F0F0F0; 
    padding: 10px;
}
.pad_box {
    padding: 5px;
}
.pad_box_left {
    text-align: right;
    min-width: 90;
    float:left;   
    padding: 10px;
}
.pad_box_right {
    float:right; 
    width: 100%;  
    padding: 5px;
}
.pad_box_text_left {
    text-align: left;
    min-width: 90;
    float:right;   
    padding: 10px;
}
.pad_box_bottom_small {
    padding-bottom: 0px;
    font-size: 15px;
}

.green_box {
    border-radius: 4px;
    background: #8DC53F;
    border: 0px solid #000;
    padding: 10px;
    margin: 10px 10px 10px 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.green_box:hover {
    background-color: #8DC53F; 
    padding: 10px;
	opacity: 0.99;
}
.point {
    cursor: pointer;
}
a {
    text-decoration: none;
    color: #000000;
}
a.underline {
    text-decoration: underline;
    color: #000000;
}

.badResult{
	color: red;
	font-size: 15px;
    font-weight: bold;
}

.nameStar {
	color: red;
	font-weight: bold;
}

.passStar {
	color: red;
	font-weight: bold;
}

.emailStar {
	color: red;
	font-weight: bold;
}

.pop_box {
    width:100%;
    height:100%;
    position:absolute;
    display: ;
    text-align: center;
    opacity: .95; 
    margin: 0px;
    background: #FFF;
}

.pop_box2 {
    border-radius: 4px;
    max-width: 90%;
    min-width: 90%;
    min-height: 80%;
    position:absolute;
    background: #FFFFFF;
    border: 1px solid #CCC;
    right: 0%;
    left: 0%;
    margin: 5% 0% 5% 5%;
    
}

.pop_box2_Expand {
    border-radius: 0px;
    max-width: 100%;
    min-width: 100%;
    min-height: 97%;
    width:50%;
    height:50%;
    position:absolute;
    background: #FFFFFF;
    border: 0px solid #CCC;
    right: 0%;
    left: 0%;
   
    
}

.text_right {
    width:100%;
    text-align: right;    
}
.text_left {
    width:100%;
    text-align: left;    
}
.header_text {
    font-weight: regular;
    font-size: 16pt;
}

.form-box {
    border-radius: 4px;
    width:100%;
    max-width: 70%;
    color: #000;
    background: #f0f0f0;
    border: #8DC53F solid 0px;
    padding: 2px 2px;
    margin: 5px;
}

.form-box-clear {
    border-radius: 4px;
    width:100%;
    max-width: 99%;
    color: #000;
    background: #f0f0f0;
    border: #8DC53F solid 2px;
    padding: 8px 2px;
    margin: 0px;
}

section {
	margin: 10px 10px 10px 10px;
}



#emailValidation {
    visibility: hidden;
    height: 0;
}

#mobileValidation {
    visibility: hidden;
    height: 0;
}


.white_card {
    min-height: 300px;
    width: auto;
    min-width: 295px;
    max-width: 400px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 2px solid #F0F0F0;
    padding: 10px;
    margin: 5px auto 5px auto;
    top: 10%;
    left: 10%;
    bottom: 10%;
    position: static;
    <!-- transform: translate(2%, 2%) -->
}

.white_card:hover {
 	border: 2px solid #CCCCCC;
}

@media only screen and (max-width: 760px) {
    .header_right_mobile {
    	display: block;
    }
    .header_right {
        display: none;
    }
	.pad_box_left{
	    text-align: left;    
	}

	.white_card {	    
	    display: block;
	}
	
	.center {
    	margin: auto ;
    	border:0px solid #000;
    	
	}
	
	.headerName {
		max-width: 260px;
		min-width: 260px;
		font-size: 23pt;
		color: #8DC53F;
		margin: 10px;
		border-radius: 10px;
		border: 4px solid #CCCCCC;
		padding: 0% ;
	}


    .sectionBox {
        display: inline-table;
        margin: 0px;
        padding: 0px;
        border: solid 0px #CCCCCC;
    }
	
}

 @media only screen and (min-width: 760px) {
    .header_right_mobile {
		display: none;
    }
    .header_right {
        display: block;
    }
	.pad_box_left {
	    text-align: right;    
	}

	.content_main_1 {
	    display: block;	
	    position: static;
    	margin: 80px auto 0;
    	width: 100%;
		padding: 0% 7%;

	}
	
	.center {
    	margin: auto 3%;
    	border:0px solid #000;    	
	}
	
	.headerName {
		max-width: 350px;
		min-width: 349px;
		font-size: 32pt;
		color: #8DC53F;
		margin: 10px;
		border-radius: 10px;
		border: 4px solid #CCCCCC;
		padding: 0% ;
	}
	
	.white_card{
		max-width: 30%;
		margin: 20px;
		overflow: auto;
	}

    .sectionBox {
        display: flow-root;
        margin: 0px;
        padding: 0px;
        border: solid 0px #CCCCCC;
    }
}

@media only screen and (min-width: 1100px) {
	.header_menu_font {
	    font-size: 12pt;		
	}
}

@media only screen and (max-width: 1100px) {
	.header_menu_font {
	    font-size: 12pt;		
	}
}

</style>