h1,h2,h3,h4,h5,h6,p,form,ul,li {margin: 0; padding: 0;} h3 {font-size: 14px;} #leftcol {float: left; width: 200px;margin-right: 10px; display: inline;} #babyfile {width: 200px; padding-top: 25px; background: url(../../images/family/babyfilebg.jpg) no-repeat} #babyfile center {padding: 30px 0;} #babyfile ul {margin: 0; padding: 10px; list-style-type: none;} #babyfile ul li span {padding-right: 20px; } #babyfile .btm {height: 35px; line-height: 35px; text-align: center; background: url(../../images/family/babyfilebg.jpg) bottom no-repeat} #leftbg {margin: 10px auto; padding-top: 10px; width: 191px; background: #F3E6DE url(../../images/family/leftbg.gif) no-repeat;} #leftbg ul.tools {margin: 0 auto; width: 170px; list-style-type: none; padding: 0;} #leftbg ul.tools li {height:39px; width: 164px; margin: 5px 0; padding: 3px; background: url(../../images/family/toolsbg.gif) no-repeat;} #leftbg .readme {width: 154px; margin: -6px auto 0 auto; padding: 3px; color: #008000; border: 1px solid #EDEDCE; background: #FFFFF2;} #leftbg .graybg {margin: 5px auto; width: 170px; background: url(../../images/family/graybg.png) no-repeat;} #leftbg .graybg .btm {clear: both; height: 6px; background: url(../../images/family/graybg.png) bottom no-repeat} #leftbg .graybg h3 {margin: 5px 10px; padding: 5px; color: #393939; border-bottom: 1px solid #e5e5e5;} #leftbg .graybg h3 div {font-size: 10px; color: #0066CC} #leftbg .graybg h3 div a {text-decoration: none} #leftbg .graybg ul {float: left; padding: 0; margin: 0px 5px;;} ul#friend li {margin: 0 5px; list-style-type: none;} ul#friend li a {text-decoration: none; color: #8c8c8c; padding-right: 13px; background: url(../../images/family/rarr.png) right no-repeat;} ul#friend li a:hover {text-decoration: underline; padding-right: 20px; color: #333;} ul#guest li {float: left; margin: 1px; display: inline; border: 1px dotted #ccc; padding: 1px; list-style-type: none;} ul#guest li:hover {border: 1px solid #FF8864;} ul#guest li img {float: left;} #leftbg .btm {background: #F3E6DE url(../../images/family/leftbtm.gif) no-repeat; height: 12px;} #centercol {float: left; width: 439px; margin-right: 11px; display: inline;} #family_cover { width: 435px; height: 220px; background: url(../../images/family/family_cover_bg.gif) no-repeat; padding: 2px;} #upload_familycover {position: relative; right: -410px; bottom: 25px; cursor: pointer} #cover_upload {margin: 20px; background: #ffc; text-align: center;} #cover_upload form {border: 0; padding: 10px;} /* new photo */ #new_photo {float: left; width: 435px; margin: 0 2px; display: inline; position: relative; } #new_photo h5 {float: right; width: 58px; padding-left: 10px; margin-top: 15px; font-size: 10px; background: url(../../images/family/intoIcon.gif) no-repeat} #new_photo h5 a {text-decoration: none;} #new_photo h3 {padding: 15px; background: url(../../images/family/newalbum_topbg.gif) center bottom no-repeat;} #new_photo ul.list {margin-left: 10px; list-style-type: none; width: 205px; float: left; display: inline;} * html #new_photo ul.list { margin-left: -16px; } #new_photo ul.list a {text-decoration: none} #new_photo ul.list a:hover {color: #77BCE6;} #new_photo ul.list a span {background: #77BCE6; padding: 6px 3px; color: white; font-weight: bolder; margin-right: 5px; line-height: 25px;} #new_photo ul.list a:hover span, #new_photo ul.list li.curr span {background: #0284CF; color: #C3FE4C;} #new_photo ul.pic {list-style-type: none; width: 210px; float: left; margin-left: 10px;} #new_photo ul.pic li {width: 67px; height: 125px; float: left; position: relative;} li.pic1 {background: url(../../images/family/newphoto_bg1.gif) no-repeat;} li.pic2 {background: url(../../images/family/newphoto_bg2.gif) no-repeat;} li.pic3 {background: url(../../images/family/newphoto_bg3.gif) no-repeat;} #newphotos img.thumb {position: absolute; top: 8px; left: 9px;} #newphotos li.pic2 img.thumb {top: 28px;} ul.pic span.zoomin {position: absolute; top: 57px; left: 0px; cursor: pointer;} ul.pic span.picname {position: absolute; top: 80px; padding: 0 5px; text-align: center; width: 57px;} li.pic2 span.picname {top: 100px;} #newphotos div.larpic {position: absolute; width: 320px; z-index: 100; bottom: 80px; left: -200px;} #newphotos div.larpic h4 {padding: 15px; font-size: 12px; background: url(../../images/family/reviewbg.png) no-repeat;} #newphotos div.larpic .photo {width: 290px;padding: 0 15px; background: url(../../images/family/reviewbg2.png) repeat-y; font-size: 14px; color: #D02010; font-weight: bolder;} #newphotos div.larpic .btm {text-align: right; color: #5985A4; width: 280px; padding: 0 20px; background: url(../../images/family/reviewbg.png) bottom no-repeat; height: 80px;} /* new diary */ #new_diary {float: left; width: 435px; margin: 0 2px; display: inline; } #new_diary h5 {float: right; margin-top: 15px; } #new_diary h5 a {text-decoration: none; padding: 2px 10px; font-size: 10px; background: url(../../images/family/intoIcon.gif) no-repeat} #new_diary h3 {padding: 0 15px;} #new_diary form input.text {width: 300px; border-color: #E2D8C0} #newdiary {background: #F9F4DE; padding: 10px;} #newdiary p {margin: 5px 0;} #newdiary p input.radio {width: auto; margin: 0 5px; background: #F9F4DE; border:0;} #new_diary_list {float: left; width: 100%; color: #50504E; } #new_diary_list .normal {background: url(../../images/family/diary_normalbg.gif) no-repeat; margin-top: 5px; color: #CD410C;} #new_diary_list .normal .bottom{height: 23px; padding: 10px; background: url(../../images/family/diary_normalbtm.gif) no-repeat;} #new_diary_list .newly {background: url(../../images/family/diary_newlybg.gif) no-repeat; margin-top: 5px; color: #CD410C;} #new_diary_list .newly .bottom{height: 23px; padding: 10px; background: url(../../images/family/diary_newlybtm.gif) no-repeat;} #new_diary_list .normal a {color: #82792F; text-decoration: underline;} #new_diary_list .normal a:hover {color: #D5CF8C; text-decoration: none;} #new_diary_list .newly a {color: #F57F50; text-decoration: underline;} #new_diary_list .newly a:hover {color: #FFB67B; text-decoration: none;} #new_diary_list h3 {padding: 10px 10px 0 10px;} #new_diary_list .normal h3 a, #new_diary_list .newly h3 a {text-decoration: none} #new_diary_list h5 {text-align: right; font-size: 10px; margin: -2px 20px 0 0; font-weight: normal;} #new_diary_list .content {margin: 10px; color: #50504E} /* new gbook */ #new_gbook {float: left; width: 435px; margin: 0 2px; display: inline; } #new_gbook h3 {padding: 15px; background: url(../../images/family/newgbook_topbg.gif) center bottom no-repeat;} #new_gbook h5 {float: right; margin-top: 15px; } #new_gbook h5 a {text-decoration: none; padding: 2px 10px; font-size: 10px; background: url(../../images/family/intoIcon.gif) no-repeat} #new_gbook_list {float: left; width: 100%; background: #F5F0F0;} #gbook_list p {margin: 10px auto; padding-bottom: 20px; border-bottom: 1px dotted #ccc; position: relative; width: 420px; color: #7A7A7A;} #gbook_list p em { position: absolute; bottom: 0px; right: 5px; font-size: 10px; color: #CF6931;} #new_gbook_list fieldset {margin: 10px; border: 2px solid #F88CAC; padding: 10px;} #new_gbook_list fieldset legend {color: #F44074; font-weight: bolder;} #rightcol {float: left; width: 200px;} #blackboard {width: 200px; background: url(../../images/family/blackboard.jpg) no-repeat;} #blackboard h3 {font-size:14px; text-align: center; padding-top: 30px;} #blackboard #blackboard_show_content, #blackboard form p {margin: 10px 20px 0 20px;} #blackboard p textarea {width: 150px; height: 130px; overflow: hidden;} #blackboard .btm {height: 30px; padding: 5px 20px; text-align: right; background: url(../../images/family/blackboard.jpg) bottom no-repeat;} #blackboard .btm .btn {margin-left: 0;} #remind {width: 200px; margin-top: 10px; background: url(../../images/family/remind.gif) no-repeat;} #remind .btm {height: 12px; background: url(../../images/family/remind.gif) bottom no-repeat;} #remind h3 {padding: 5px 15px;} #remind h5 {float: right; margin: 10px; font-size: 10px; font-weight: normal;} #remind ul {margin: 10px;} #remind ul li {margin-left: 18px; margin-top: 5px; list-style-image: url(../../images/family/blackarr.gif)} #things {width: 200px; margin-top: 15px; padding-bottom: 6px; background: url(../../images/family/thingsbtm.gif) bottom no-repeat;} #things ul.top {float: left; width: 200px; height: 29px; background: url(../../images/family/things_topbg.gif) right bottom no-repeat; list-style-type: none;} #things ul.top li {float: left; height: 25px; line-height: 25px; text-align: center; width: 84px; color: #0296CD; font-weight: bolder; background: url(../../images/family/things1.png) no-repeat;} #things ul.top li.link { background: url(../../images/family/things0.png) no-repeat; color: #999; cursor: pointer;} #things ul.list {float: left; width: 178px; border: 1px solid #7FC8E6; border-top: 0; border-bottom: 0; padding: 10px;} #things ul.list li {margin-left: 18px; margin-top: 5px; list-style-image: url(../../images/family/blackarr.gif); border-bottom: 1px dotted #e5e5e5} #things ul.list li:hover {background: #f5f5f5} #things ul.list li i {font-size: 9px; color: #0296CD} #familyfile {width: 200px; margin-top: 15px; background: url(../../images/family/familyfile.png) no-repeat;} #familyfile h3 {padding: 5px 15px;} #familyfile ul.top {float: left; margin: 0 7px; display: inline; list-style-type: none;} #familyfile ul.top li {float: left; height: 25px;line-height: 25px; text-align: center; width: 93px; color: #F44276; font-weight: bolder; background: url(../../images/family/familyfile1.gif) no-repeat;} #familyfile ul.top li.link { background: url(../../images/family/familyfile0.gif) no-repeat; color: #fff; cursor: pointer;} #familyfile ul.list {margin: 0 15px; display: inline; width: 170px; float: left;} #familyintro ul.list li {margin-top: 5px; list-style-type: none; border-bottom: 1px dotted #e5e5e5; color: #666;} #familyintro ul.list li b {padding-right: 10px; background: url(../../images/family/blackarr.gif) right no-repeat} #familymember ul.list li {margin-left: 25px; margin-top: 5px; line-height: 32px; list-style-image: url(../../images/family/blackarr.gif);} #familymember ul.list li span {margin-left: -25px; padding: 5px; line-height: 150%; display: block; border: 1px solid #FCCBDA; border-top: 0; border-left: 0; background: url(../../images/family/brief.png) bottom repeat-x} #familyfile .btm {height: 12px; clear: both; background: url(../../images/family/familyfile.png) bottom no-repeat;} #familytags {width: 200px; margin-top: 15px; padding-bottom: 6px; background: url(../../images/family/familytagsbg.gif) bottom no-repeat;} #familytags ul.top {float: left; width: 200px; list-style-type: none;} #familytags ul.top li {float: left; height: 25px; line-height: 25px; text-align: center; width: 100px; color: #333; font-weight: bolder; background: url(../../images/family/familytags1.png) no-repeat;} #familytags ul.top li.link { background: url(../../images/family/familytags0.png) no-repeat; color: #999; cursor: pointer;} #familytags div.list {float: left; width: 178px; padding: 10px; border: 1px solid #d1d1d1; border-top: 0; border-bottom: 0;} #familytags div.list a {margin-right: 10px;} span.sx_1 {background: url(../../images/icon/sx_1.gif) no-repeat top right;} span.sx_2 {background: url(../../images/icon/sx_2.gif) no-repeat top right;} span.sx_3 {background: url(../../images/icon/sx_3.gif) no-repeat top right;} span.sx_4 {background: url(../../images/icon/sx_4.gif) no-repeat top right;} span.sx_5 {background: url(../../images/icon/sx_5.gif) no-repeat top right;} span.sx_6 {background: url(../../images/icon/sx_6.gif) no-repeat top right;} span.sx_7 {background: url(../../images/icon/sx_7.gif) no-repeat top right;} span.sx_8 {background: url(../../images/icon/sx_8.gif) no-repeat top right;} span.sx_9 {background: url(../../images/icon/sx_9.gif) no-repeat top right;} span.sx_10 {background: url(../../images/icon/sx_10.gif) no-repeat top right;} span.sx_11 {background: url(../../images/icon/sx_11.gif) no-repeat top right;} span.sx_12 {background: url(../../images/icon/sx_12.gif) no-repeat top right;} span.xz_1 {background: url(../../images/icon/xz_1.gif) no-repeat top right;} span.xz_2 {background: url(../../images/icon/xz_2.gif) no-repeat top right;} span.xz_3 {background: url(../../images/icon/xz_3.gif) no-repeat top right;} span.xz_4 {background: url(../../images/icon/xz_4.gif) no-repeat top right;} span.xz_5 {background: url(../../images/icon/xz_5.gif) no-repeat top right;} span.xz_6 {background: url(../../images/icon/xz_6.gif) no-repeat top right;} span.xz_7 {background: url(../../images/icon/xz_7.gif) no-repeat top right;} span.xz_8 {background: url(../../images/icon/xz_8.gif) no-repeat top right;} span.xz_9 {background: url(../../images/icon/xz_9.gif) no-repeat top right;} span.xz_10 {background: url(../../images/icon/xz_10.gif) no-repeat top right;} span.xz_11 {background: url(../../images/icon/xz_11.gif) no-repeat top right;} span.xz_12 {background: url(../../images/icon/xz_12.gif) no-repeat top right;} span.xb_male {background: url(../../images/icon/boy.png) no-repeat top right;} span.xb_female {background: url(../../images/icon/girl.png) no-repeat top right;} #errormessage {margin: 0 auto; width: 595px; height: 296px; background: url(../../images/errorbg.jpg) no-repeat} #errormessage p {padding: 150px 50px 50px 50px; font-size: 20px;}