/* CSS Document */
.welcome_1{ margin:auto; padding-top:60px;}
.welcome_top{ position: absolute; top:0px; z-index:1000; left:0px; width:100%; height:41px; background:url(../../images/top_menubg.gif) repeat-x; }
.top_menu{ position:relative; width:800px; margin:auto;}
.top_menu_01{ position: absolute; width:750px; top:0px;left:0px;}
.top_menu_text{ position: absolute; line-height:30px; top:10px;left:75px;}
.theme1{ position: absolute; width:200px; height:10px; top:44px; left:580px;}
.theme2{ position:relative; float:left; width:10px; height:10px; padding-right:6px; cursor:pointer;}
.theme3{ position:relative; float:left;height:10px; padding-right:6px;}

.top_menu_02{ position:relative; width:780px; line-height:40px; text-align:right;}
.top_menu_02 a{ color:#666666; text-decoration:none;}
.top_menu_02 a:hover{ color:#666666; text-decoration: underline;}


.wel_title{ position:relative; width:770px; line-height:32px; color:#666666; font-size:14px; background:url(../../images/04.gif) repeat-x; height:33px; padding:0px 15px;}
.wel_title_nav{ position:relative; width:770px;padding:0px 15px; background:#F6F6F6; height:30px; border-bottom:1px solid #eeeeee;}
.wel_title_nav ul{ position:relative;list-style:none; list-style-position:outside;  width:770px;}
.wel_title_nav ul li{ position:relative; float:left;}

.wel_nav a{ color:#333333; font-size:14px; font-weight:bold;  font-family:tahoma; display:block;line-height:30px; padding:0px 15px; text-decoration:none; }
.nav_bg1 a{ background:#FFFFFF; color:#E77817; border-bottom:1px solid #FFFFFF; border-left:1px solid  #eeeeee; border-right:1px solid  #eeeeee;}
.nav_bg2 a{ color:#999999; }


.m1{color:#245d90;}
.m2{color:#666666;}
.t1{ position:relative; width:600px;}

.font_size_11{ font-size:11px;}

.black_overlay{
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height:1200px;
            background-color: black;
            z-index:1000;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
.black_overlay_tree{
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height:1200px;
            background-color: black;
            z-index:1000;
            -moz-opacity: 0.2;
            opacity:.20;
            filter: alpha(opacity=20);
        }		
.wel_left{ position:relative; float:left; width:160px; padding-left:10px; padding-right:20px;}
.wel_right{ position:relative; float:left; width:600px; padding-right:10px;}
.profile{ position:relative; width:130px; padding:10px 15px;}
.profile_img{ position:relative; width:120px; padding:1px; border:1px solid #CCCCCC; background:#FFFFFF;}
.profile_text{ position:relative; width:130px; padding-top:8px;}

.wel_box1_title{ position:relative;width:600px; line-height:30px; font-size:14px;  font-family:tahoma; border-bottom:1px solid #666666;}

.wel_box1{ position:relative;width:600px; line-height:30px; font-size:14px;  font-family:tahoma; border-bottom:1px solid #CCCCCC;}

.wel_box2{ position: relative; float:left; width:190px; padding:10px 0px 10px 10px;  }
.wel_box2_img{ position:relative; float:left; width:60px; }
.wel_box2_text{ position:relative; float:left; width:130px; }
.wel_box2_text p{ line-height:20px; margin:0px; font-size:11px; color:#666666;}


.wel_box3{ position: relative; float:left; width:400px; padding:10px 0px; }
.wel_box3_icon{ position:relative; float:left; width:66px; text-align:center;}
.wel_box3_icon p{ line-height:20px; margin:0px; font-weight:bold;}
.linewel{ border-bottom:1px solid #ccc;}
.wel_box3_icon a{ color: #666666; font-size:11px; text-decoration:none;}
.wel_box3_icon a:hover{ color:#FF7F00; text-decoration:none;}
.wel_box3_icon img{ border:0px;}

.new_invita{ position:relative; float:left; width:160px; background:#E9F0F5; padding-bottom:10px; }
.new_invita_1{ position:relative; width:140px; height:22px; background:#8FAFCC; padding:0px 10px; line-height:22px; color:#FFFFFF; font-size:12px;}
.new_invita_2{ position:relative; float:left;  width:140px; padding:10px; }
.new_invita_2_1{ position:relative; width:40px; float:left;}
.new_invita_2_2{ position:relative; width:100px; float:left; }
.new_invita_2_2 p{ position:relative; width:100px; margin:0px; padding:0px; color:#666666; line-height:18px;font-size:11px;}
.new_invita_3{ position:relative; float:left;  width:140px; padding:0px 10px;}


.new_invit{ position:absolute; width:450px; top:140px; padding:20px; left:280px; height:250px; background:#F7F7F7; z-index:1001;}
.new_invit_1{ position:relative; width:450px; height:30px;background:#ffffff;}
.new_invit_2{ position:relative; width:450px; height:10px;}
.new_invit_3{ position:relative; float:left; width:450px;background:#ffffff; padding-bottom:20px;}
.new_invit_4{ position:relative; width:410px; height:25px; line-height:25px; padding:15px 20px 6px 20px; font-size:12px;}
.new_invit_5{ position:relative; width:410px; height:25px; padding:0px 20px; line-height:25px; font-size:12px;}
.new_invit_6{ position:relative; float:left; width:450px; padding:10px 0px 10px 0px;}
.up_text01{ position:relative; float:left; margin:0px; line-height:30px; padding-left:20px; font-size:18px; font-weight:bold;}
.up_text02{ position:relative; float:right; margin:0px; padding-right:20px; line-height:30px;}


.setting{ position:relative; float:left; width:240px; background:#FFFFFF; height:80px; padding:10px; margin-top:10px; margin-right:30px; margin-bottom:15px;}
.setting_img{ position:relative; float:left; height:80px; padding-right:15px;}
.setting_img img{ border:1px solid #cccccc; padding:2px;}
.setting_text{ position:relative; float:left; height:80px; line-height:20px; font-size:12px; }

/*--------------sharing-------------------*/

.shar_s1{ color:#255e91; cursor:pointer;}
.shar_s2{ color:#E15D1F; cursor:pointer; text-decoration:underline;}

.setup01{ position:relative;
				float:left;
				width:520px;
				padding-left:40px;font-size:12px; color:#666666;
}
.sharing_01{font-size:12px; color:#666666; }
.sharing_none{ position:relative; float:left; width:600px;}
.shar_text{ width:300px; height:80px;}


/*--------------Family Tree out-------------------*/
/*.family_tree{ position:relative; margin:0px; padding:0px; width:100%; text-align:center; padding-bottom:20px;}
.family_tree li{ position: absolute; list-style:none; list-style-position: outside; border:1px solid #CCCCCC; width:110px; height:130px; background:#FFFFFF;}
.family_tree li p{ position:relative; margin:0px; padding:0px; width:110px; line-height:20px; font-size:11px;}


.add_family{ position:absolute; top:-1px; left:115px; width:210px; padding-top:10px; height:200px; border:1px solid #CCCCCC; background: #ffffff; z-index:12;} 
 
.add_family_1{ position:relative; float:left;padding-bottom:10px; padding-left:10px; text-align:left; width:240px; height:20px; line-height:20px; font-size:11px;}

.view_family{ position:absolute; top:-1px; left:115px; width:170px; padding-top:10px; height:120px; border:1px solid #CCCCCC; background: #ffffff; z-index:12;} 
 
.view_family_1{ position:relative; float:left;padding-bottom:10px; padding-left:10px; text-align:left; width:170px; height:20px; line-height:20px; font-size:11px;}



.tree_line1{ position:absolute; top:54px; left:-40px; width:40px; height:95px; border-top:1px solid #990000; z-index:10; }
.tree_line1_1{ position:absolute; top:0px; left:0px; width:20px; height:95px; border-right:1px solid #990000; z-index:11;}

.tree_line2{ position:absolute; top:130px; left:0px; width:110px; height:20px;  z-index:10; }
.tree_line2_1{ position:absolute; top:0px; left:0px; width:55px; height:20px; border-right:1px solid #990000;z-index:11;}

.tree_line3{ position:absolute; top:-21px; left:0px; width:110px; height:20px; border-top:1px solid #990000; z-index:10; }
.tree_line3_1{ position:absolute; top:0px; left:0px; width:45px; height:20px; border-right:1px solid #990000; z-index:11;}

.tree_line4{ position:absolute; top:-21px; left:0px; width:195px; height:20px;  z-index:10; }
.tree_line4_1{ position:absolute; top:0px; left:55px; width:145px; height:20px; border-left:1px solid #990000;border-top:1px solid #990000; z-index:11;}

.tree_line5{ position:absolute; top:-21px; left:0px; width:195px; height:20px;  z-index:10; }
.tree_line5_1{ position:absolute; top:0px; left:-90px; width:145px; height:20px; border-right:1px solid #990000;border-top:1px solid #990000; z-index:11;}

.tree_line6{ position:absolute; top:-21px; left:-95px; width:260px; height:20px; border-top:1px solid #990000; z-index:10; }
.tree_line6_1{ position:absolute; top:0px; left:0px; width:150px; height:20px; border-right:1px solid #990000; z-index:11;}

.tree_line7{ position:absolute; top:54px; left:-40px; width:40px; height:75px; border-top:1px solid #990000; z-index:10; }
.tree_line7_1{ position:absolute; top:0px; left:0px; width:20px; height:75px;  z-index:11;}

.tree_line8{ position:absolute; top:130px; left:0px; width:110px; height:40px;  z-index:10; }
.tree_line8_1{ position:absolute; top:0px; left:0px; width:55px; height:40px; border-right:1px solid #990000;z-index:11;}

.tree_line9{ position:absolute; top:54px; left:-40px; width:40px; height:115px; border-top:1px solid #990000; z-index:10; }
.tree_line9_1{ position:absolute; top:0px; left:0px; width:20px; height:115px; border-right:1px solid #990000; z-index:11;}

.tree_line10{ position:absolute; top:-21px; left:0px; width:120px; height:20px;  z-index:10; }
.tree_line10_1{ position:absolute; top:0px; left:55px; width:75px; height:20px; border-left:1px solid #990000;border-top:1px solid #990000; z-index:11;}*/


/*--------------Family Tree new-------------------*/

.tree01{ position:relative; width:200px; height:140px; padding:10px; background: url(../../images/tree/tree01.gif) no-repeat; margin:auto;}
.tree02{ position:relative; float:left; width:170px; height:115px;padding:10px; background: url(../../images/tree/tree02.gif) no-repeat;}
.tree03{ position:relative; float:left; width:148px; height:103px;padding:6px; background: url(../../images/tree/tree03.gif) no-repeat;}
.tree04{ position:relative; float:left; width:148px; height:103px;padding:6px; background: url(../../images/tree/tree04.gif) no-repeat;}

.tree_box02{ position:relative; width:910px; height:195px; margin:auto;}
.tree_box03{ position:relative; width:1240px; height:175px; margin:auto;}
.tree_box04{ position:relative; width:1430px; height:175px; margin:auto;}

.tree_c1{ color:#2996cc; font-size:12px; line-height:18px;}
.tree_c2{ color:#cc2929; font-size:11px; line-height:16px;}
.tree_c3{ color:#33991f; font-size:11px; line-height:16px;}
.tree_c4{ color:#a646c7; font-size:11px; line-height:16px;}

.tree_f1{ font-size:20px; line-height:28px;}
.tree_f2{ font-size:15px; line-height:20px;}
.tree_f3{ font-size:13px; line-height:18px;}

.tree_size{ font-size:11px;}

.tree_line_01{ position:relative; float:left; width:749px; height:60px; background: url(../../images/tree/tree_line01.gif) no-repeat; margin:auto;}
.tree_line_02{ position:relative; float:left;width:389px; height:60px; background: url(../../images/tree/tree_line02.gif) no-repeat;}
.tree_line_03{ position:relative; float:left;width:209px; height:60px; background: url(../../images/tree/tree_line03.gif) no-repeat;}
.tree_line_04{ position: absolute;width:80px; height:30px; top:50px; background: url(../../images/tree/tree_line04.gif) no-repeat;}


.tree_add_01{ position: absolute; width:200px; height:140px;padding:10px; top:0px; left:225px;  background: url(../../images/tree/tree01.gif) no-repeat; z-index:10;}
.tree_add_02{ position: absolute; width:170px; height:115px;padding:10px; top:0px; left:200px; background: url(../../images/tree/tree02.gif) no-repeat;z-index:10;}
.tree_add_03{ position: absolute; width:153px; height:103px;padding:6px; top:0px; left:170px; background: url(../../images/tree/tree03.gif) no-repeat;z-index:10;}
.tree_add_04{ position: absolute; width:153px; height:103px;padding:6px; top:0px; left:170px; background: url(../../images/tree/tree04.gif) no-repeat;z-index:10;}

.add_te01{ position:absolute; width:450px; height:280px; padding:15px; background:#F7F7F7; left:300px; top:100px; z-index:1002;}
.add_te02{ position: relative; width:430px; height:30px; padding:0px 10px; line-height:30px; background:#ffffff;}
.add_te02_1{ position:relative; float:left; width:390px; line-height:30px; font-size:18px; font-weight:bold; text-align:left;}
.add_te02_2{ position:relative; float:left; width:40px;line-height:30px; text-align:right;}
.add_te{ position:relative; width:450px;}
.add_te03{ position: relative;float:left; width:430px; padding:10px; background:#ffffff;}
.add_te04{ position: relative;float:left; width:430px; padding-bottom:10px; }
.add_te04_1{ position: relative; float:left; width:80px; line-height:20px;}
.add_te04_2{ position: relative; float:left; width:350px; line-height:20px;}
.add_te04_3{ position: relative; float:left; width:350px;}
.add_te04_image1{ position:relative; float: left; width:120px; height:90px; padding:2px; border:1px solid #CCCCCC;}
.add_te04_image2{ position:relative; float: left; width:210px;  padding-left:10px;}
.add_te04_image2 p{ position:relative; float: left; width:210px; margin:0px; padding:0px; line-height:18px;}


.view_te01{position:absolute; width:500px; height:400px; padding:15px; background:#F7F7F7; left:300px; top:100px; z-index:1002;}
.view_te02{ position: relative; width:480px; height:30px; padding:0px 10px; line-height:30px; background:#ffffff;}

.view_te02_1{ position:relative; float:left; width:440px; line-height:30px; font-size:18px; font-weight:bold; text-align:left;}
.view_te02_2{ position:relative; float:left; width:40px;line-height:30px; text-align:right;}
.view_te{ position:relative; width:480px;}
.view_te03{ position: relative;float:left; width:480px; padding:10px; background:#ffffff;}
.view_te04{ position: relative;float:left; width:480px;line-height:20px; }
.view_te05{ position: relative;float:left; width:480px; padding-top:8px; }




/*--------------post card-------------------*/

.card1{ position:absolute; width:580px; height:420px;top:80px; left:200px; z-index:1001;}
.card2{ position:relative; float:left;  width:550px; padding:15px; background: #E8E8E8;}

.card3{ position:relative;  float:left;width:550px; background:#FFFFFF;}
.card4{ position:relative;  float:left;width:520px; height:30px; line-height:30px; margin-bottom:10px; background:#FFFFFF; padding:0px 15px;}
.card4 p{ padding:0px; margin:0px;}

/*--------------competition ------------------*/

.compet_img{ position:relative; float:left; width:150px;}
.compet_img img{width:120px; height:90px; padding:3px; border:1px solid #666666;}

.compet_text{ position:relative; float:left; width:400px;}
.compet_text p{ position:relative; width:400px; margin:0px; padding:0px; line-height:18px; font-size:11px; color:#666666;}

.compet_text1{ position:relative; float:left; width:370px;}
.compet_text1 p{ position:relative; width:370px; margin:0px; padding:0px; line-height:18px; font-size:11px; color:#666666;}



.pro01{ position:relative; width:400px; height:18px; background:#E9F0F5;}
.pro02{ position:relative;  height:18px;  background:#CC0000;}
.compet_big_img{ position:relative; float:left; width:560px; padding-top:10px;}
.close_big_img1{ position:absolute; width:27px; height:27px; cursor:pointer; top:10px; right:0px; background:url(../../images/close1.gif) no-repeat;}
.close_big_img2{ position:absolute; width:27px; height:27px;cursor:pointer; top:10px; right:0px; background:url(../../images/close2.gif) no-repeat;}

.pro03{ position:relative; float:left; height:18px; line-height:18px; padding-top:6px;}
/*.poll_but1{ position:relative;float:left; height:18px; display:block; text-decoration:none; padding:0px 10px;line-height:18px; background:#6d9cbf; color:#FFFFFF;font-size:11px; margin-right:15px;cursor:pointer;}
.poll_but2{ position:relative;float:left; height:18px; display:block; text-decoration:none; padding:0px 10px;line-height:18px; background:#286295; color:#FFFFFF;font-size:11px; margin-right:15px;cursor:pointer;}
*/
.c_tabs{ position:relative; padding:0px; margin:0px;}
.c_tabs li{ position:relative; line-height:20px; list-style-position:outside; margin-left:20px; padding-bottom:15px; list-style: disc;}

.win_left{ position:relative; float:left; width:126px; padding-right:15px;}
.win_left_img1{ position:relative;float:left; width:120px; height:90px; padding:3px; background:#FFFFFF; cursor:pointer; margin-bottom:10px;}
.win_left_img2{ position:relative;float:left; width:120px; height:90px; padding:3px; background:#FF8E2E; cursor:pointer; margin-bottom:10px;}



.win_left_text1{ position:relative;float:left; width:124px; height:23px; border:1px solid #FFFFFF; background:url(../../images/winner_bg.gif) repeat-x;}
.win_left_text2{ position:relative;float:left; width:94px; height:23px; background:url(../../images/winner.gif) no-repeat 12px center; padding-left:40px; line-height:23px; color:#FFFFFF;}

.win_right{ position:relative; float:left; width:339px; background:#FFFFFF; height:111px; padding:10px;}
.win_right p{margin:0px; padding:0px;  line-height:18px;}
.win_load1{ position:relative; float:left; width:339px; height:18px; background:url(../../images/winner_load.gif) repeat-x;}
.win_load2{ position:relative; float:left; height:18px; background: url(../../images/winner_load2.gif) repeat-x;}
.wf{color:#FF8118; font-weight:bold;}

.win_viewpic{ position:absolute; top:80px; padding:15px; left:180px; background:#F7F7F7; z-index:1001;}
/*--------------Milestones ------------------*/
.photo_t1{ position:relative; float:left; width:50px;}
.photo_t2{ position:relative; float:left; width:126px; padding-right:15px;}
.photo_t2 img{ width:120px; height:90px; padding:2px; border:1px solid #CCCCCC;}
.photo_t3{ position:relative; float:left; width:300px;}
.photo_t3 p{ margin:0px; padding:0px; line-height:20px;}

.photo_t4{ position:relative; float:left; width:126px; padding-right:15px;}
.photo_t4 img{ width:120px; height:90px; padding:2px; border:1px solid #CCCCCC; background:#FFFFFF;}

.add_pe{ position:relative; width:220px; float:left;padding-bottom:5px;}
.add_pe2{ position:relative; width:300px; float:left; padding-bottom:5px;}


/*--------------wish list ------------------*/
.evn1{ height:20px; line-height:20px;}
.event01{ position:relative;float:left; width:570px; padding-bottom:10px;}
.event02{ position:relative; float:left; width:100px; }
.event03{ position:relative; float:left;  width:470px;}
.event_bor{border-bottom:1px solid  #EEEEEE;}

.gift_01{ position:relative; float:left; width:126px; height:96px; background:#FFFFFF;}
.gift_01 img{ width:120px; height:90px; padding:2px; border:1px solid #CCCCCC;}

.gift_02{ position:relative; float:left; width:300px; padding-left:15px;}
.gift_02 p{ padding:0px; margin:0px; line-height:20px;}

.currency01{ position: absolute; width:76px; height:15px; line-height:15px; top:0px; left:100px; padding:4px 20px 2px 4px; background:url(../../images/select_menu.gif) no-repeat left;}
.currency02{ position: absolute; width:94px;  border:1px solid #7f9db9; top:20px; left:100px; padding:2px; background:#FFFFFF; }
.currency03{ position: relative; width:94px; line-height:17px;}

.gift_view01{ position:relative; float:left; width:126px; height:96px; background:#FFFFFF; cursor:pointer; display:block;}
.gift_view01 img{ width:120px; height:90px; padding:2px; border:1px solid #CCCCCC;}

.gift_view02{ position:relative; float:left; width:126px; height:96px; background:#FFFFFF; cursor:pointer; display:block;}
.gift_view02 img{ width:120px; height:90px; padding:2px; border:1px solid #666666;}





/*CSS manu style pagination*/
.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #EAEAEA 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #EAEAEA 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #EAEAEA 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #EAEAEA 1px solid; BACKGROUND-COLOR: #EAEAEA;
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}