  #leftbar {float: left; width: 251px;background-color:#fff;}
    #lefttitle {width: 211px; height: 250px; padding: 0 20px; background: url(../../images/family/lefttitlebg.jpg) no-repeat; font-weight: bolder; font-size: 16px; color: #9FA7BE; letter-spacing:6px; position:relative;}
		#lefttitle center {position:absolute;top:100px;}
	#leftnav {background: #E1E3D0 url(../../images/family/leftnavbg.gif) no-repeat bottom; padding: 10px 20px; width: 200px; margin-left: 6px;}
		#leftnav a {color: #3B5998; text-decoration: none;}
		#leftnav a:hover {text-decoration: underline;}
		#leftnav b {color: #555}
		#leftnav #search-form {margin: 5px 0;}
		#leftnav #search-form #keyword {width: 125px;}
		#leftnav ul {margin: 5px; padding: 0; list-style-type: none;}
		#leftnav ul#tag li {float: left;margin-right: 10px;}
	
  #content {float: left; width: 589px;padding: 0 10px; color: #333; background-color: #fff;}
  	#content h3 {font-size: 16px;}
  	#content a {color: #92A7B9}
	#content a:hover {text-decoration: none;}
  	#content p {margin: 0; word-wrap:break-word;}
	#content .sep {height: 20px; width: 100%; background: url(../../images/family/dotted.gif) repeat-x 50% 50% }
	#content .title {font-size: 14px; padding-left: 15px; position: relative;}
		#content .title a { color: #7d7d7d; text-decoration:none;}
	    #content .title span {background: white; padding: 0 5px;}
		#content .title .close {position: absolute; padding: 0 5px; top: 0; right: 0px; height:20px; width: 13px; background:#fff url(../../images/family/switch.gif) no-repeat top;}
		#content .title .open {position: absolute; padding: 0 5px; top: 0; right: 0px; height:20px; width: 13px; background:#fff url(../../images/family/switch.gif) no-repeat bottom;}
	    #content .first .title {background: url(../../images/family/diary_title_0.gif) no-repeat}
	    #content .odd .title {background: url(../../images/family/diary_title_1.gif) no-repeat}
	    #content .even .title {background: url(../../images/family/diary_title_2.gif) no-repeat}
	    
	#content .author {text-align: right;}
	#content .content {padding: 5px; background: #fff; color: #000; word-break: break-all; overflow:auto;}
	#content .content:hover {background: #f8f8f8}
		#content .content a {color: #BCA7BF}
		#content .gbook {padding: 10px;border: 2px solid;background: #F9F9F9}
		#content .gbook .replylist {padding: 10px; margin: 10px; border: 1px solid #EFE2D9; background: #FcFcFc}
		#content .gbook .toolbar {border: 1px solid white;border-bottom-color:#f3f3f3;color: #999;margin: 10px -5px}

	#content a.more {color: #D3739A} 
	#content .category {margin-top: 10px;}
	
	#content form.diaryform {padding: 10px; background: #FCF9F0;}
	#content form.diaryform p {padding: 5px 0;}
	#content form.diaryform {border: 1px dotted #E8EADF}

	#content form.diaryform .attribute {padding: 10px; margin-top: 10px;border: 1px solid #ccc; background: #f5f5f5; color: #39f}
	#content form.diaryform .attribute legend {font-weight: bolder;}	
	hr {margin-top: 10px;height: 1px;border: 1px dotted #D1D7DC;}

	
#myDialogId .myButtonClass {
  font-size: 14px;
  width:96px;
  height: 31px;
  line-height: 31px;
  background: url(../../images/family/btn.png) no-repeat;
  cursor: pointer;
  border: 0;
  font-weight: bolder;
  font-family: '微软雅黑', '宋体';
}
#myDialogId .ok_button { color:#C6FF71;}
#myDialogId .cancel_button { color:#fff;}
.alert_buttons {background: #DAE3ED}
.alert_message h2 {margin: 0;color: #c00; font-size: 14px; height: 30px; line-height: 30px; text-align: center; background: url(../../images/family/h2bg.png) repeat-x;}
.alert_message div {margin: 5px 5px 0 5px; background: #fff;}
.alert_message div p {margin: 0;color: #000; border-bottom: 1px dotted #ccc; padding: 10px; }
.alert_message center {padding: 10px; background: #fffff2; font-size: 14px; font-weight: bolder; color: #993;}
