/* Banner Landing Page Coding */

.main_div {
width:880px;
margin:auto;
}

.logo_tab{
width:338px; float:left;
}

.link_blue_lan {
    font-family:Verdana, Arial;
    font-size:11px;
    color:#0166a0;
	padding-top:10px;
}
.link_blue_lan a {
    color:#0166a0;
    text-decoration:none;
}
.link_blue_lan a:hover {
    color:#01a008;
    text-decoration:none;
}

.landing_tab1 {
    margin:0px auto;
    width:753px;
	height:25px;
    background-color:#EAEDE3;
    padding:0px 0px 0px 8px;
	
}
.landing_tab2 {
    width:753px;
	height:200px;
	padding:0px 0px 0px 8px;
	position:absolute;
}
.landing_tabspace {
   	width:426px;
	float:left;
	height:25px;
	padding:0px 0px 0px 8px;
}
.login_lebel{ width:100px; padding-left:15px; padding-top:5px;font-family:Verdana, Arial; height:22px; font-size:12px; float:left; color:#403E2E;}
.login_lebe2{ float:left; padding-left:10px; width:160px;}
.login_lebe3{ float:left; padding-left:10px; width:59px;}
.login_lebel4{ float:left; padding-left:10px; width:112px; height:24px; padding-top:5px; }
.login_lebel5{ float:left; padding-left:10px; width:112px; height:24px; padding-top:5px; }
.login_lebel6{ float:left; padding-left:5px; width:10px; height:24px; padding-top:8px; }
.login_text{ width:150px;height:22px;border:none;float:left;background:#fff;font:normal 12px arial;}

.landing_tab3 {
   	width:311px;
	float:left;
	height:30px;
	background-color:#EAEDE3;
    padding:0px 0px 0px 8px;
}

.link_blue_lan {
    font-family:Verdana, Arial;
    font-size:11px;
    color:#0166a0;
	padding-top:10px;
}
.link_blue_lan a {
    color:#0166a0;
    text-decoration:none;
}
.link_blue_lan a:hover {
    color:#01a008;
    text-decoration:none;
}
.logo_bg {
    width:762px;
    margin:auto;
}
.join_bg {
    width:809px;
    margin:auto;
}
.join_free {
    font-family:Myriad Pro, arial, verdana;
    font-size:14px;
    padding-left:30px;
    color:#5a5a5a;
    float:left;
    width:200px;
}
.search_free {
    padding-left:60px;
    font-family:Myriad Pro, arial, verdana;
    font-size:14px;
    color:#5a5a5a;
    float:left;
    width:260px;
}
.contact_free {
    float:right;
    width:200px;
    padding-right:50px;
    font-family:Myriad Pro, arial, verdana;
    font-size:14px;
    color:#5a5a5a;
}
.main_bg_banner {
    background:url(images/ban_bg_rept.gif) repeat-y;
    width:762px;
}
.ban_form_left {
    float:left;
    width:507px;
    padding:10px 30px 10px 43px;
}
.ban_right_div {
    float:left;
    width:199px;
}
.banner_yellow_bg {
    background:url(images/ban_why_join_rept.gif) repeat-x top left;
    height:245px;
    padding:3px 0px 0px 8px;
}
.bann_arrow {
    float:left;
    width:25px;
}
.bann_con_rig {
    float:left;
    width:158px;
    color:#383838;
    line-height:15px;
}
.georgia_16 {
    font-family:Georgia, "Times New Roman";
    font-size:17px;
    color:#c02822;
}
.bann_dotted_line {
    margin:0px auto;
    background:url(images/ban_dotted_line.jpg) repeat-x left center;
    height:30px;
    width:174px;
}
.bann_dott_line2 {
    margin:0px auto;
    background:url(images/ban_dotted_line.jpg) repeat-x left center;
    height:30px;
}
.bann_testi {
    margin:0px auto;
    width:170px;
}
.verdana_10 {
    font-size:10px;
    line-height:18px;
}

.main_page {
	width:935px;
	height:730px;
	border: solid 1px; color:#D03D2B;
}
.form_section {
	width:935px;
	height:690px;
	background-color:#F7F6DA;
}

.form_area {
	width:933px;
	height:560px;
	float:left
	margin:0px 0px 0px 5px;
	background-color:#FFFFFF;
}

.form_area2 {
	width:933px;
	height:100px;
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
}

.form_section_left {
	width:380px;
	padding:10px 100px 0px 20px;
	font:normal 16px arial;
	color:#434343
}

.form_section_right {
	width:290px;
	padding:10px 0px 0px 0px;
	
		
}
.landing_tab2 {
    width:320px;
	height:200px;
	padding:0px 0px 0px 8px;
	position:absolute;
}
.landing_tabspace3 {
   	width:311px;
	float:left;
	background-color:#6FA602;
	height:10px;
	padding:0px 0px 0px 8px;
}
.landing_tab3 {
   	width:311px;
	float:left;
	height:30px;
	background-color:#6FA602;
    padding:0px 0px 0px 8px;
}

.login_lebel{ width:110px; padding-left:15px; padding-top:5px;font-family:Verdana, Arial; height:22px; font-size:12px; float:left; color:#403E2E;}
.login_lebe2{ float:left; padding-left:10px; width:140px;}
.login_lebe3{ float:left; padding-left:0px; width:55px;}
.login_lebel4{ float:left; padding-left:8px; width:115px; height:24px; padding-top:5px; }
.login_lebel5{ float:left; padding-left:10px; width:112px; height:24px; padding-top:5px; }
.login_lebel6{ float:left; padding-left:5px; width:10px; height:24px; padding-top:8px; }
.login_text{ width:150px;height:22px;border:none;float:left;background:#fff;font:normal 12px arial;}

.form_lebel {
	width:140px;
	float:left;
	font:normal 16px arial;
	color:#434343
}

.terms {
	width:480px;
	float:left;
	padding-left:200px;
	font:normal 12px arial;
	color:#434343
}
.form_colon {
	width:10px;
	float:left;
	font:normal 16px arial;
	color:#434343
}
.form_element {
	width:270px;
	float:left;
	position: relative;
	font:normal 16px arial;
	color:#434343;

}

.male {
	width:80px;
	float:left;
	padding-left:6px;
	font:normal 14px arial;
	color:#434343
}

.divder_element {
	width:450px;
	height:35px;
	padding-left:10px;


}

.divder_element_1 {
	width:270px;
	height:35px;
	padding-left:10px;
}


.divder_error {
	width:280px;
	height:35px;
	color:#DB0006;
	font-family:Arial;
	font-size:12px;
}

.divder_element1 {
	width:370px;
	height:15px;
}

.divder_element1_1 {
	width:270px;
	height:15px;
}


.heading_bgcolor {
	width:935px;
	height:40px;
	background-color:#EC8F04;
	margin:0px auto;
}
.heading {display:block;float:left;margin:6px 15px 0px 16px;_margin:6px 15px 0px 8px; font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#fff}
.heading_middle {display:block;float:left;margin:10px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#4EA701}
.heading_girls {display:block; width:250px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#4EA701}
.heading_middle1 {display:block;float:left; font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#4EA701}
.heading_text1 {display:block;float:left; height:10px; width:200px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000; padding-left:10px;}
.heading_text {display:block;float:left; height:60px; width:250px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#68A436; padding-left:10px;}
.heading_small {display:block;float:left;margin:11px 15px 0px 0px;_margin:6px 15px 0px 8px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000}
.select_box{background:#FAFAFA;width:262px;height:24px;border:solid 1px #BDD6A8;font:normal 13px arial;color:#434343;margin-left:6px;padding:1px 0px}
.select_date{background:#FAFAFA;width:82px;height:24px;border:solid 1px #BDD6A8;font:normal 13px arial;color:#434343;margin-left:6px;padding:1px 0px}
.select_month{background:#FAFAFA;width:82px;height:24px;border:solid 1px #BDD6A8;font:normal 13px arial;color:#434343;margin-left:3px;padding:1px 0px}
.select_year{background:#FAFAFA;width:85px;height:24px;border:solid 1px #BDD6A8;font:normal 13px arial;color:#434343;margin-left:3px;padding:1px 0px}
.text_box{float:left;width:255px;height:20px;border:solid 1px #BDD6A8;font:normal 13px arial;color:#434343;margin-left:6px;background:#F4F4F4;}
.login_layer {position:absolute;top:7px;right:10px;width:311px;z-index:1000;font:normal 12px arial;text-align:left}

/* The hint to Hide and Show */
.hint {
   	position: absolute;
    right: -320px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #AEDD5C;
    padding: 10px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #E4FFD8 url(images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(images/pointer.gif) left top no-repeat;
}
/* Banner Landing Page Coding Ends Here */