/**************** Body and tag styles ****************/
*{margin:0; padding:0;}

body
{ 
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:22px;
text-align:left;
color:#303030;
background:#e8eaec;
}

a{
color:#009242;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#c63418; text-decoration:none; background-color:inherit;}
a img{border:none;}

/*p{padding:0 0 26px 0;}
p form{margin-top:0; margin-bottom:20px;}*/
p {margin:10px 3px 5px 3px;  text-indent:32px;   color:#000; } /*font:normal normal 15px/26px "宋体";*/

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

.panelA{margin-bottom:2px;padding:2px,1px,1px,2px;border:1px;color:#009242;line-height:24px; text-align:center;}
.panelA li {display:inline; list-style:none; margin:0 3px 0 3px; color:#000;padding:1px 1px 1px 1px; border:solid 1px #009242; background:#fff}
.panelA a{color:#009242;}
.panelA li a:link, panelA li a:visited {color:#009242;}
.panelA li a:hover, panelA .seleced, panelA li a#active, panelA li a:active {color:#c63418; text-decoration:none}
.panelA .seleced {background:#eee; text-decoration:none}

.panelB{margin-bottom:2px;padding:2px,1px,1px,2px;border:0px;width:100%}
.panelB li {display:inline; list-style:none; margin:0 3px 0 3px; color:#000;padding:1px 1px 1px 1px;}
.panelB a{color:#000;}
.panelB li a:link, panelB li a:visited {color:#009242;}
.panelB li a:hover, panelB .seleced, panelB li a#active, panelB li a:active {text-decoration:none}
.panelB .seleced {background:#eee; text-decoration:none}
.PageNavPanel{border:0px;width:100%; text-align:center;}
 
.button{margin: 0 0 0 0;font:bold 14px Arial, Sans-serif;border:1px solid #CCC;background:#FFF;padding:1px 1px;color:#009242;}
.ButtonA1{width: 46px;height: 25px;border: 1px;background-image: url(images/ButtonA1.gif);background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}
.ButtonA2{width: 75px;height: 25px;border: 1px;background-image: url(images/ButtonA2.gif);background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}
.ButtonA3{width: 97px;height: 25px;border: 1px;background-image: url('images/ButtonA3.gif');background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}
.ButtonA4{width: 155px;height: 25px;border: 1px;background-image: url('images/ButtonA4.gif');background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}
.ButtonB1{width: 52px;height: 21px;border: 0px;background-image: url(images/ButtonB1.gif);background-repeat: no-repeat;color: #fff;vertical-align: middle;}
.ButtonB2{width: 90px;height: 21px;border: 0px;background-image: url(images/ButtonB2.gif);background-repeat: no-repeat;color: #fff;vertical-align: middle;}
.EditBox{border:solid 1px #009242;margin:2px 0px 2px 8px;}
.TextBox{margin:2px 0px 2px 8px;  font-weight:normal; color:#000;}
.TextArea{margin:2px 0px 2px 8px;  font-weight:normal; color:#000; height:40px;}
.Label{margin:2px 0px 2px 8px;}
.TableA {border:solid 1px #009242;}
.TDA {border:solid 1px #009242; color:#000000;}
.LineA1{margin-top:0px; border-bottom:1px solid #009242;width:100%; line-height:5px;}
.blankline{margin-top:0px;border:0px;width:100%; line-height:2px;}
.blankline2{margin-top:0px;border:0px;width:100%; line-height:5px;}  

 .headtext{ margin-left:2px; vertical-align:middle; font-size:14px;color:#FFFFFF;vertical-align:middle;}    
 .headedit{ vertical-align:middle; font-size:14px;color:#000000}     
 .tableA{border: 1px solid #008000; background-color: #009242;}
 .tableB{border: 1px solid #008000; background-color: #F3F3F3;}
 .tableC{border: 1px solid #008000;}
 .tableD{border: 1px solid #009242;}
 .tabletrA{background-color: #009242;} 
 .tabletrB{background-color: #F3F3F3;} 
/**************** login Nav ****************/
.TabLogin {width: 110px;float: left;display: inline;overflow: hidden;}
.TabLogin li {float: left; }
.TabLogin li a {float: left;width: 110px;height: 29px;line-height: 29px;text-align: center;background: #ebf7e9;border: solid #7bce74;border-width: 0 1px 1px 0;}
.TabLogin li a:link,.TabLogin li a:visited {color: #2e7428;}
.TabLogin li a.current,.TabLogin li a:hover,.TabLogin li a:active {background: #fff; color:#000; border: solid #7bce74;border-width: 0 1px 1px 0;font-weight: bold;padding-right: 1px;}
.disable {display: none;}
  
.LnkButtonA a
{
	margin:5px 5px 0px 5px;
	font-size: 12px;
	width: 60px;
	height: 17px;
	line-height:17px;
	background-image: url('images/But01_out.gif');
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	padding-top:3px;
	padding-bottom:5px;
	color:Black;
}
.LnkButtonA a:link
{
	color:Black;
}
.LnkButtonA a:hover
{
	background-image: url(images/But01_over.gif);
}
.LnkButtonA a:visited 
{
	color:Black;
}
/**************** Header and navigation styles ****************/

#container
{
    background-position: #ffffff;
    width: 990px;
    margin: 1px auto;
    padding: 1px 0 ;
    text-align: left;
    background: #ffffff;
    color: #000000;
    border: 1px solid #C0C0C0;
}

#header
{
position:relative;    
height:80px;
width:988px;
margin:0 1px 1px 1px;
background:#009242;
color:#ffffff;
}


#header h1{
padding:35px 0 0 20px;
font-size:38px;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size:22px;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#header a{
color:#fff;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}
#logo { margin-top:3px;margin-left:1px;float: left;text-align: center; }

#login {position: absolute;top: 20px; right: 5px; margin-top:3px;margin-left:1px;float: left;height:100%; text-align: center; vertical-align:middle;}
        #logincontent{margin-top:30px;margin-left:5px;float: left;vertical-align:middle;}

#headinfo
{
position: absolute;
top: 10px; right: 5px;
list-style:none;
font: bold 12px  'Trebuchet MS', Tahoma, verdana,  sans-serif;	    
height:36px;
line-height:36px;
color:#ffffff;
}

#headinfo li {display:inline; list-style:none; margin:0 3px 0 0; color:#000;padding:1px 1px;}
#headinfo a{color:#eee;}
#headinfo li a:hover, #headinfo li a#active, #headinfo li a:active {color:#fff; border:1px solid #fff; background:#009242; text-decoration:none}

#hlhomeinfo
{
position: absolute;
top: 50px; right: 5px;
list-style:none;
font: bold 13px  'Trebuchet MS', Tahoma, verdana,  sans-serif;	    
height:35px;
line-height:35px;
}

#hlhomeinfo li {display:inline; list-style:none; margin:0 1px 0 1px; color:#000;padding:1px 1px 1px 1px; border:solid 1px #ead28b; background:#fff}
#hlhomeinfo a{color:#eee;}
#hlhomeinfo li a:hover, #hlhomeinfo li a:active {color:#fff;  background:#009242;}


#navigation
{
position: absolute;
top: 50px; right: 5px;
font: bold 13px  'Trebuchet MS', Tahoma, verdana,  sans-serif;
}
/*
#navigation li {display:inline; list-style:none; margin:0 3px 0 3px; color:#000;padding:1px 1px 1px 1px; border:solid 1px #ead28b; background:#fff}
#navigation a{color:#000;}
#navigation li a:link, #navigation li a:visited {color:#009242;}
#navigation li a:hover, #navigation .seleced, #navigation li a#active, #navigation li a:active {color:#fff;  background:#009242; text-decoration:none}
#navigation .seleced {background:#eee; text-decoration:none}
*/

#navigation li {display:inline; text-align: center;line-height: 30px;}
#navigation li a {color:#2e7428;padding:3px 2px 3px 2px;background: #ebf7e9;border: solid #7bce74;border-width: 1px 1px 1px 1px;}
#navigation li a:link,#navigation li a:visited {color: #2e7428;}
#navigation li a:hover,#navigation li a:active {color:#000; padding:3px 2px 3px 2px;background: #fff; border: solid #7bce74;border-width: 1px 1px 1px 1px;font-weight: bold;}
#navigation li a.seleced {color:#333; padding:3px 2px 3px 2px;background: #fff; border: solid #7bce74;border-width: 1px 1px 1px 1px;font-weight: bold;}

/**************** Content styles ****************/

#content{clear:both;width:988px;margin:0px 0px 0px 0px;font-size:14px;min-height:490px;height:auto !important;height:490px;overflow:visible; }
    .box{margin-bottom:2px;padding:2px,1px,1px,2px;border:1px solid #009242;background-color:#fff;color:#009242;line-height:24px;}
    .box1{margin-bottom:2px;border:1px solid #009242; padding:2px,1px,1px,2px;}
	    .box1 .title{background-color:#009242;height:21px;text-align:left;  line-height:20px;}
	    .box1 .titletext{padding:5px 2px 2px 8px;color:#FFFFFF}	  	    
		.box1 .list{text-align:left;line-height:20px;}
		.box1 .list li{list-style:none; display:block; padding:2px; margin-bottom:2px; border-style:none;}
        .box1 .list li a{font-weight:bold; text-decoration:none;}
        .box1 .list li a:hover{text-decoration:none;}

        .box1 .listh{margin:2px 2px 2px 2px;border:1px;color:#009242;line-height:16px; text-align:center;}
        .box1 .listh li {display:inline; list-style:none; margin:0 3px 0 3px; color:#000;padding:1px 1px 1px 1px; border:solid 1px #009242; background:#fff}
        .box1 .listh a{color:#000;}
        .box1 .listh li a:link, panelA li a:visited {color:#009242;}
        .box1 .listh li a:hover, panelA .seleced, panelA li a#active, panelA li a:active {color:#c63418; text-decoration:none}
                
    /*picbox1 begin*/
    .picbox1{float:right;margin-top:5px;border:1px solid #009242;}
	    .picbox1title{background-color:#046ACA;height:21px;text-align:left;}
	    .picbox1titletext{padding:5px 0px 0px 8px;color:#FFFFFF}	  	    
		.picbox1list{text-align:left;line-height:20px;}
		.picbox1list li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
        .picbox1list li a{font-weight:bold; text-decoration:none;}
        .picbox1list li a:hover{text-decoration:none;}
                
    .picbox1 {background: #FFFFFF url(images/picbox1_img03.gif) repeat-x;}
    .picbox1 .title {height: 60px;background: url(images/picbox1_img04.gif) no-repeat;}
    .picbox1 .title h1, .picbox1 .title h2 {height: 35px;	margin: 0;padding: 15px 0 0 20px;
                                              background: url(images/picbox1_img05.gif) no-repeat right top;
                                              text-transform: uppercase;letter-spacing: -1px;font-size: 26px;
                                              font-weight: bold;color: #FFFFFF;}

    .picbox1 .list {padding: 10px 20px 0 20px;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}

    .btm { background: url(images/picbox1_img06.gif) repeat-x left bottom; }
    .btm .l { background: url(images/picbox1_img07.gif) no-repeat left bottom; }
    .btm .r { background: url(images/picbox1_img08.gif) no-repeat right bottom; }
    /*picbox1 end*/            
          
#content h2{
display:block;
margin:0 0 16px 0;
font-size:27px;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

/*
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; letter-spacing:-1px; color:#009242;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}
*/

/**************** login Pic ****************/
#loginpic{clear:both;width:988px;padding:5px 0;margin:0 1px;font-size:13px;color:#fff;background:#009242;}
#homepic{height:220px;text-align:center; vertical-align:baseline;}

/**************** panel ****************/
#left{margin:5px 5px 5px 5px;float:left;width:45%;}
#right{margin:5px 5px 5px 5px;float:right;width:50%;}

#leftmax{margin:2px 1px 1px 1px;float:left;width : 706px; display:block;}
#rightmin{margin:2px 0px 1px 1px;float:right;width:270px;background: #FDF9EE;border: 0px solid #C0C0C0;height:100%;}
		
#leftmax2{margin:2px 1px 1px 1px;float:left;width:770px; display:block;}
#rightmin2{margin:2px 0px 1px 1px;float:right;width:210px;background: #FDF9EE;border: 0px solid #C0C0C0;height:100%;}
		
#leftmin{margin:2px 1px 1px 1px;float:left;width:238px;background: #FDF9EE;border: 0px solid #C0C0C0;height:100%;}
#rightmax{margin:2px 0px 1px 1px;float:right;width:726px;display:block;}			


#lefttree{float:left;width : 74%; height:100%; text-align:center;}
#righttree{float:right;width:25%;background: #FDF9EE;border: 0px solid #C0C0C0;height:100%;}


/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:22px;
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:26px;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:14px;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:14px;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:14px; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Footer styles ****************/

#footer{clear:both;width:988px;padding:5px 0;margin:0 1px;font-size:12px;color:#fff;background:#009242;}
    .bottomtext{ margin-left:2px; vertical-align:middle; font-size:12px;color:#FFFFFF}   
#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#fff;background-color:inherit; font-weight:bold;}
#footer a:hover{color:#eee; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both; height:2px;}
.small{font-size:12px;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}


/***********************************对话框***************************************************************/
#dlgwin{clear:both;margin:0px 0px 0px 0px;font-size:14px;}
   #dlgwin .button{margin: 0 0 0 0;font:bold 14px Arial, Sans-serif;border:1px solid #CCC;background:#FFF;padding:1px 1px;color:#009242;}
   #dlgwin .ButtonA1{width: 46px;height: 25px;border: 1px;background-image: url(images/ButtonA1.gif);background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}
   #dlgwin .ButtonA2{width: 75px;height: 25px;border: 1px;background-image: url(images/ButtonA2.gif);background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}
   #dlgwin .ButtonA3{width: 97px;height: 25px;border: 1px;background-image: url(images/ButtonA3.gif);background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}  
   #dlgwin .ButtonA4{width: 155px;height: 25px;border: 1px;background-image: url(images/ButtonA4.gif);background-repeat: no-repeat;background-color: #fff;color: #666666;vertical-align: middle;}  
   #dlgwin .EditBox{border:solid 1px #009242;margin:2px 0px 2px 8px; width:100%}
   #dlgwin .TextBox{margin:2px 0px 2px 8px;  font-weight:normal; color:#000; width:100%}
   #dlgwin .TextArea{margin:2px 0px 2px 8px;  font-weight:normal; color:#000; height:40px; width:100%}
   #dlgwin .Label{margin:2px 0px 2px 8px;}
/***********************************栏目提示对话框***************************************************************/
    #loft_win {border:#009242 1px solid;}
    #loft_win_min {border:#009242 1px solid;}
    .loft_win_head {color: #FFFFFF; font-size:13px; background-color:#009242; height:25px; padding:0,5,0,5;}
    #contentDiv {background-color:#FFFFFF; border:#009242 1px solid; border-left-style:none; border-right-style:none;}
/************************************家庭树CSS************************************************************/
#Myhome {
	position:relative;
	float: left;
	width: 100%;
	overflow: hidden;
	height: 100%;
	text-align:left;z-index:0;
}

#MyFamilyTree {
	width: 1000%;
	height: 1000%;
	position: absolute;
	z-index: 0;
}

DIV.dragAble{
	background:none;
}
.dragAble {position:relative;cursor:move;overflow:visible;} 
.dragAble{position:absolute;height:auto;z-index:99;}
#me {
	position: relative;
	left: 308px;
	top: 200px;
	z-index: 10;
	text-align: center;
	border: 2px solid #D04400;
	background: #F85818;
}

.block {
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 12px;
	width: 135px;
	height: 56px;
	border: 2px solid #5CA020;
	padding: 2px;
	z-index: 99;
}

.acrossline {
	background: url('../../images/tr.gif') no-repeat center top;
	height: 2px;
	width: 106px;
	text-align: center;
}

.acrosslinewife {
	background: url('../../images/tr.gif') repeat-x center top;
	height: 2px;
	width: 256px;
	text-align: center;
}

.acrossline2 {
	position: absolute;
	z-index: -1;
	left: 0;
	top: -83px;
	margin-left: 18.5px;
}

.plumbline {
	position: relative;
	background: url('../../images/td.gif');
	height: 80px;
	width: 2px;
	margin: 0 auto;
	left: 0;
	top: 0;
}

.man {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	margin-top: -30px;
	margin-left: -190px;
	margin-right: 0px;
	text-align: center;
}

.person-img {
	float: left;
	width: 48px;
	height: 48px;
	margin-top: 2px;
	border: 1px solid #A7B03D;
	text-align: center;
	overflow: hidden;
	background: none;
	background-color: #fff;
}

.person-img .img {
	width: 48px;
	height: 48px;
}

.person-info {
	float: left;
	width: 80px;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	text-align: left;
	padding: 5px 0 5px 2px;
}

.person-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol,ul,li{
	list-style:none; margin:0; padding:0;
}

#me .man h3,#me .women h3,#me .junior h3,#me .brother-block h3 {
	color: #333;
}

#me h3 {
	color: #fff;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
}

.person-info ul h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
}

#me .man a,#me .women a,#me .junior a,#me .brother-block a {
	color: #666;
}

.person-info a {
	color: #fff;
	text-decoration: none;
}

.person-info ul li {
	line-height: 15px;
}

#me ul li a {
	color: #fff;
}

.women {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	margin-top: -30px;
	margin-left: 52px;
}

.women .person-img {
	border: 1px solid #F5AC9E;
}

#me div.brother-left2 {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	height: 76px;
	width: 225px;
	margin-left: -152px;
	margin-top: -32px;
	background: url('../../images/tr.gif') repeat-x center top; /***长横线****/
}

#me div.brother-left2 .brother-block {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: -70px;
	left: 0;
	top: 0;
}

#me .brother-block {
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	width: 135px;
	height: 56px;
    border-width: 2px;
    border-style:solid;
	padding: 2px;
	z-index: 10;
	margin: inherit;
}

#me div.brother-left2 .plumbline-short {
	position: absolute;
	height: 28px;
	top: -30px;
	left: 50%;
}

.plumbline-short {
	position: relative;
	background: url('../../images/td.gif');
	height: 80px;
	width: 2px;
	margin: 0 auto;
}

#me .brother-block .person-info {
	color: #333;
}

.acrossline1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	margin-top: 28px;
	margin-left: 138px;
}

.acrossline1wife {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	margin-top: 28px;
	margin-left: 138px;
}

.myWife {
	margin-left: 100px;
}

.myWife_up {
	margin-left: 250px;
}

#me .junior {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 10;
	margin-left: 0;
	margin-top: 80px;
	margin-left: -70px;
    border-width: 2px;
    border-style:solid;
}

.myBaby {
	margin-left: -18px;
	width: 135px;
}

#me div.brother-left {
	position: absolute;
	z-index: 20;
	height: 76px;
	width: 500px;
	left: -430px;
	top: -32px;
	background: url('../../images/tr.gif') repeat-x center top; /***长横线****/
}

#me div.brother-left .brother-block {
	position: relative;
	float: left;
	left: 0;
	top: 0;
	margin-top: 30px;
	margin-left: -74px;
}

#me div.brother-left .plumbline-short {
	position: absolute;
	height: 30px;
	top: -30px;
	left: 50%;
}

#me div.brother {
	position: absolute;
	width: 500px;
	height: 76px;
	z-index: 20;
	left: 50%;
	top: -30px;
	background: url('../../images/tr.gif') repeat-x center top; /***长横线****/
	text-align: right;
}

div.brother .brother-block {
	position: relative;
	float: right;
	top: 28px;
	right: -70px;
}

div.brother .plumbline-short {
	position: absolute;
	height: 28px;
	top: 0;
	left: 50%;
	top: -30px;
}

#me div.brother2 {
	position: absolute;
	width: 225px;
	height: 76px;
	z-index: 20;
	left: 50%;
	top: -30px;
	background: url('../../images/tr.gif') repeat-x center top; /***长横线****/
	text-align: right;
}

div.brother2 .brother-block {
	position: relative;
	float: right;
	top: 28px;
	right: -70px;
}

div.brother2 .plumbline-short {
	position: absolute;
	height: 28px;
	top: 0;
	left: 50%;
	top: -30px;
}

.womenbg{
  	background: #FCD9BB;
	border-color: #DC6E0B;
}
.manbg{
  	background: #E6ECB1;
	border-color: #9FA92C;
}

.deathbg{
  	background: #CCCCCC;
	border-color: #9FA92C;
}

.otherbg{
  	background: #CCCCFF;
	border-color: #9FA92C;
}


 .style1
 {
    border-style: none;
    border-color: inherit;
    border-width: medium;    
 }