#index-tools .title{position:relative;z-index:0;display:block}
#index-tools .title h4{width:100%!important}
#index-tools .title h4 a{color:#267cd3}
#index-tools-index{margin:20px 10px}
#index-tools-index .c_channel{float:left;width:340px;margin:0 0 20px}
#index-tools-index .d_icon{float:left;width:60px;height:60px;overflow:hidden}
#index-tools-index .d_icon img{width:60px;height:60px}
#index-tools-index .d_msg{float:right;line-height:150%;width:255px;height:57px;padding:3px 10px 0}
#index-tools-index .d_func{float:right;text-align:center;margin:10px 0;width:275px}
#index-tools-index .d_func .e_item{margin:0 5px}
#index-tools-index .d_func .e_item a{font-size:14px;text-decoration:underline}
.calsubnav{width:700px;margin:5px 9px 0;clear:both;position:relative;z-index:2;background:transparent url(/img/mybabytree/cal/calsubnav_bg.gif) no-repeat 0 26px}
#index-tools .block .cal_func{line-height:24px;font-size:14px;margin:0 5px}

.calsubnav .cal_func{position:absolute}
#index-tools .block .cal_func a{color:#ee6b22;text-decoration:underline}
.calsubnav ul{clear:both;text-align:right}
.calsubnav li{display:-moz-inline-box;display:inline-block;+display:inline;+zoom:1;width:78px;height:34px;overflow:hidden;margin:0 6px 0 0}
.calsubnav li a{display:block;width:78px;height:34px;line-height:33px;overflow:hidden;background:transparent url(/img/mybabytree/cal/calsubnav-item_bg.gif) no-repeat 0 3px;text-align:center;color:#267cd3!important;text-decoration:none}
.calsubnav li.active a,.calsubnav li a:hover{font-weight:bold;color:#7d7d7d!important;background:transparent url(/img/mybabytree/cal/calsubnav-item_bg_all.gif) no-repeat 0 0;text-decoration:none}
#calendar_cal{margin:-1px 0 0}
#calendar_cal table.calendarcallist{margin:0 9px;width:698px;background-color:#d2d2d2}
#calendar_cal table.calendarcallist .monthnavigation,#calendar_cal table.calendarcallist .monthname{height:40px;vertical-align:middle;font-weight:bold}
#calendar_cal td{padding:0;width:14%;height:100px;background-color:#FFF;vertical-align:top}
#calendar_cal caption{text-align:left;background:#d6d6d6 url(http://www.babytree.com/img/babytree/myblue/calendar_cal_caption_bg.gif) repeat-x;margin:0 13px;height:27px;line-height:27px}
@media screen and (min-width:0){#calendar_cal caption{margin:0}
}
#calendar_cal caption span{margin:0 0 0 20px;margin-top:6px;display:inline-block;font-size:14px}
#calendar_cal caption img{vertical-align:middle}
#calendar_cal th{width:14%;background-color:#b0b0b0;height:23px;line-height:23px;color:#FFF;font-weight:normal;font-size:14px}
#calendar_cal .date{display:block;text-align:center;color:#626365;font-weight:bold;background-color:#e0e4e7;padding:3px 0}
td#today{background-color:#ffffce}
td#today .date{background-color:#bacada;color:#222}
#calendar_cal .cal_items{margin:2px 2px 0}
#calendar_cal .cal_items li{margin:0 0 2px}
#calendar_cal .calendarcallist .cal_items li{width:94px}
#calendar_cal .cal_items li a{display:block;+display:inline-block;+width:90px;overflow:hidden;color:#FFF;padding:0 2px}
#calendar_cal .cal_items li.cal_1_sche a,#calendar_cal .calendarlegend .cal_1_sche{background-color:#679}
#calendar_cal .cal_items li.cal_2_diary a,#calendar_cal .calendarlegend .cal_2_diary{background-color:#c56db7}
#calendar_cal .cal_items li.cal_3_class a,#calendar_cal .calendarlegend .cal_3_class{background-color:#4485bf}
#calendar_cal .cal_items li.cal_4_activ a,#calendar_cal .calendarlegend .cal_4_activ{background-color:#e2882f}
#calendar_cal .cal_0_more{text-align:center;margin:0 2px 2px}
#calendar_cal .cal_0_more a{color:#ee6b22;text-decoration:underline;display:inline-block}
#calendar_cal .cal_0_more a b{font-family:"Verdana"}
#calendar_cal .calendarlegend{background-color:#f1f1f1;border-bottom:1px solid #bababa;margin:10px;padding:6px 10px}
#calendar_cal .calendarlegend ul{display:inline}
#calendar_cal .calendarlegend li{display:inline;margin:0 15px 0 0}
#calendar_cal .calendarlegend li label{color:#FFF;padding:0 2px;display:inline-block}
#calendar_cal .calendarlegend li input{vertical-align:middle}

#index-tools #calendar_cal.c_perweek .cal_items li{width:342px}
#index-tools #calendar_cal.c_perweek .cal_items li a{width:338px;margin:0}
#index-tools #calendar_cal.c_perweek .calendar_popup{width:346px}
#index-tools #calendar_cal.c_perweek .calendar_popup li{+margin:0 0 2px -16px}
#index-tools #calendar_cal.c_perday .d_nonhour .cal_items li{width:692px}
#index-tools #calendar_cal.c_perday .d_nonhour .cal_items li a{width:688px}
#index-tools #calendar_cal.c_perday .d_hour{border-top:1px solid #d2d2d2;width:696px}
#index-tools #calendar_cal.c_perday .d_hour .cal_items li{width:692px;overflow:hidden}
#index-tools #calendar_cal.c_perday .d_hour .cal_items li .e_exact{color:#616565;font-weight:bold;background-color:#eaeef6;width:80px;float:left;text-align:center}
#index-tools #calendar_cal.c_perday .d_hour .cal_items li a{width:608px;_width:605px;overflow:hidden}

.calendar_popup{position:absolute;width:200px;border:1px solid #9a9a9a;border-width:1px 2px 2px 1px;background-color:#FFF}
.calendar_popup h6{background-color:#e0e4e7;line-height:24px;color:#2c72dc;padding:0 5px;border-bottom:1px solid #9a9a9a}
.calendar_popup h6 .e_day{color:#626365;margin:0 0 0 5px}
.calendar_popup .e_close{text-align:right;font:10px/24px Verdana;margin:-25px 5px 0 0;cursor:pointer;font-weight:bold;color:#000}
.calendar_popup .cal_items{float:left;display:inline;padding:1px 0 0}
.calendar_popup .cal_items li{background-color:green}
#index-tools .calendar_popup .cal_items li a{width:192px;+margin:0 0 0 -16px}
.calendar_detail_popup{background-color:#f0faff;border:2px solid #b3b3b3;border-left:1px solid #95d3ff;border-top:1px solid #95d3ff;width:350px;padding:10px}
.calendar_detail_popup .e_close{position:relative;width:345px}
.calendar_detail_popup .e_close a{font:10px Verdana;cursor:pointer;font-weight:bold;color:#000;position:absolute;right:-8px;top:-4px}
.calendar_detail_popup .e_close a:hover{text-decoration:none}
.calendar_detail_popup table{margin:0 0 10px;width:100%}
.calendar_detail_popup th{text-align:left;width:70px;vertical-align:top;line-height:140%}
.calendar_detail_popup td{vertical-align:top;color:#000;border-bottom:1px dashed #bababa}
.calendar_detail_popup .e_button{display:-moz-inline-box;display:inline-block;+display:inline;+zoom:1;-moz-box-pack:center;text-align:center;width:48px;line-height:100%;border:2px solid #9a9a9a;border-left:1px solid #bababa;border-top:1px solid #bababa;margin:0 10px 0;padding:3px 0;+padding:5px 0 3px;cursor:pointer;color:#4485bf;font-weight:bold}
.calendar_detail_popup .e_button a{color:#4485bf!important}
.calendar_detail_popup .e_button a:hover{text-decoration:none}
.calendar_detail_popup #delete_panel{margin:10px 10px 0;padding:5px 0 0;border-top:1px solid #cacaca;text-align:center;display:none}
.calendar_detail_popup #delete_panel span.f_button{display:inline-block;margin:0 10px 0 0}
.calendar_detail_popup #delete_panel span a{display:inline-block;height:17px;overflow:hidden;padding:0 2px}
.calendar_detail_popup #delete_panel span.f_button a{color:#FFF;background-color:#4485bf}

#cal_add_form{margin:30px 0}
#cal_add_form th,cal_add_form td{vertical-align:top;color:#222}
#cal_add_form th{text-align:right;width:80px}
#cal_add_form th span{font-weight:normal;color:#666;margin:0 0 0 3px}
#cal_add_form div th{font-weight:normal;width:62px}
#cal_add_form td{padding:0 0 10px}
#cal_add_form td p{margin:0 0 10px}

#utilityTool a{color:#2c6bc1}
#utilityTool{color:#606060;padding:0 15px 0 5px}
#utilityTool h1{font-weight:normal;font-size:14px;font-family:"宋体";padding:0 5px 5px;background:url(/img/mybabytree/mytool/bg050501.gif) repeat-x bottom;line-height:150%}
#utilityTool h4{border:0 none;background:url(/img/mybabytree/mytool/icon03.gif) no-repeat 0 6px;font-size:12px;font-family:"宋体";padding-left:8px;color:#ea6262}
#utilityTool h5{font-size:12px;font-family:"宋体";padding:5px 27px;background:url(/img/mybabytree/mytool/icon01.gif) no-repeat 18px 10px;border- bottom:1px solid #cbcbcb}

#ContDiv1,#ContDiv2{width:676px;margin:20px 12px}
.box{padding:3px 0 0}
.box_Cont{padding:10px 16px}
#ContDiv1 .box{background:url(/img/mybabytree/mytool/box-top.gif) no-repeat top}
#ContDiv1 .box_Cont{background:url(/img/mybabytree/mytool/box-bottom.gif) no-repeat bottom #fde6e6}
#utilityTool #ContDiv1 h4{color:#f44880}
#ContDiv1 dd{color:#c21d53}
#ContDiv1 .countInput{border-color:#f5b5c6}
#ContDiv1 .current .countBgBottom{background:url(/img/mybabytree/mytool/bottom2.gif) no-repeat}
#ContDiv1 .current .countBg{background:url(/img/mybabytree/mytool/m-repeat2.gif) right repeat-y #fff;position:relative;z-index:0}
#ContDiv1 .current .countBg dl{background:url(/img/mybabytree/mytool/r-top2.gif) no-repeat top right}
#ContDiv1 .current .countBg dt{padding-left:100px;padding-top:5px;padding-bottom:5px}

.pdr25{padding-right:5px}
span.selectDate{position:relative;z-index:1}
span.selectDate .date{left:30px;top:30px}
.selectDateBox{margin:0 23px;border-top:1px dashed #d7d6d6;height:180px;padding-top:15px;position:relative;z-index:0}

#utilityTool .selectDateBoxh4{background:0;padding-left:0}
#utilityTool .date1,#utilityTool .date2,#utilityTool .date3{position:absolute;left:5px;background-repeat:no-repeat;padding-left:15px;background-position:0 3px}
#utilityTool .date1{background-image:url(/img/mybabytree/mytool/icon08.gif);color:#ed1b23;top:105px}
#utilityTool .date2{background-image:url(/img/mybabytree/mytool/icon09.gif);color:#17a40c;top:125px}
#utilityTool .date3{background-image:url(/img/mybabytree/mytool/icon10.gif);color:#faa619;top:145px}
#utilityTool .date{border:1px solid #c5c5c5;position:absolute;left:80px;top:15px;width:240px;height:140px;background:#fff;z-index:100}
#utilityTool .date .caption{font-size:12px;font-weight:bold;color:#7c7c7c;text-align:center;height:23px}
#utilityTool .date th{color:#7c7c7c;background:#edecec;font-weight:normal;width:34px}
#utilityTool .date td{color:#fff;border-bottom:1px solid #eeeded;line-height:18px}
#utilityTool .date th,#utilityTool .date td{height:18px;text-align:center;font-family:"宋体";font-size:12px;color:#7c7c7c}
#utilityTool .date .date_1{background:url(/img/mybabytree/mytool/icon04.gif) no-repeat 8px 1px;color:#fff}
#utilityTool .date .date_2{background:url(/img/mybabytree/mytool/icon06.gif) no-repeat 8px 1px;color:#fff}
#utilityTool .date .date_3{background:url(/img/mybabytree/mytool/icon07.gif) no-repeat 8px 1px;color:#fff}
#utilityTool .date_1,#utilityTool .date_2,#utilityTool .date_3{cursor:pointer}

#ContDiv2 .box{background:url(/img/mybabytree/mytool/box-top2.gif) no-repeat top}
#ContDiv2 .box_Cont{background:url(/img/mybabytree/mytool/box-bottom2.gif) no-repeat bottom #fef4e5}
.CountBox dd{padding:4px 0 4px 8px;color:#ea6262;margin:0}
.countBgBottom{height:0;font-size:0;line-height:0;overflow:hidden;margin-bottom:12px}
.CountBox strong{font-size:14px}
#utilityTool .current h4{border:0 none;font-size:14px;margin-bottom:5px}

.current .countBgBottom{background:url(/img/mybabytree/mytool/bottom.gif) no-repeat;height:3px;font-size:0;line-height:0}
.current dd{padding:5px 0 5px 25px}
.current .countBg{background:url(/img/mybabytree/mytool/m-repeat.gif) right repeat-y #fff}
.current .countBg dl{background:url(/img/mybabytree/mytool/r-top.gif) no-repeat top right;padding:10px 0}
.block{display:block}
.none{display:none}

.dateButton,.countButton{background:url(/img/mybabytree/mytool/dateButton.gif) no-repeat;width:75px;height:20px;border:0;vertical-align:middle;margin:0 9px}
.countButton{background:url(/img/mybabytree/mytool/countButton.gif) no-repeat;height:20px;width:68px}
.countInput,.countInput2{width:90px;height:18px;line-height:18px;border:1px solid #f4d8af;padding-left:3px;vertical-align:middle}
.countInput2{width:45px}
.moreEdit{text-align:center}
.moreEdit2{padding:0 0 15px 7px;color:#333}

.SearchBox{background:url(/img/mybabytree/mytool/search-top.gif) top no-repeat;padding-top:4px;width:677px;color:#2c6bc1;margin:0 auto 10px}
.SearchBox dl{background-color:#d6e9ff;padding:0 20px 0}
.SearchBox dt{background:url(/img/mybabytree/mytool/icon05.gif) no-repeat 0 13px;font-size:14px;font-weight:bold;padding:8px}
.SearchBox dd{margin:0;text-indent:8px;padding-bottom:8px}
.SearchBox input{vertical-align:middle}
.searchInput{border:1px solid #dcdcdc;width:460px;padding:5px 3px;margin-right:15px}
.searchButton{background:url(/img/mybabytree/mytool/searchButton.gif) no-repeat;width:69px;border:0;height:22px;text-indent:-9999px}
.SearchBottom{height:4px;font-size:0;background:url(/img/mybabytree/mytool/search-bottom.gif) no-repeat bottom}

.CommendBox{width:636px;height:1%;overflow:hidden;background:#f4f9ff;padding:10px 20px;color:#2c6bc1;margin:10px auto}
.CommendBox dt{background:url(/img/mybabytree/mytool/icon05.gif) no-repeat 0 13px;font-size:14px;font-weight:bold;padding:8px}
.CommendBox dd{width:50%;background:url(/img/mybabytree/mytool/icon02.gif) no-repeat 0 8px;float:left;text-indent:12px;line-height:180%;text- align:left;margin:0}
.picList{height:1%;overflow:hidden;padding:10px}
.picList a{display:block;float:left;margin:0 5px;text-align:center;width:53px;word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:120%}
.picList img{border:1px solid #b5b5b5;width:50px;height:50px;display:block;margin-bottom:3px}
#utilityTool select{width:95px;height:20px;line-height:20px}
.searchButton,.countButton{cursor:pointer}
.boxContBottom{background:url(/img/mybabytree/mytool/box-bottom.gif) no-repeat bottom;font-size:0;height:3px}
.moreEdit2{font-family:"宋体"}
.tools-content{padding:15px 10px;width:620px;margin:auto}
.tools-content p{text-indent:2em;padding:5px}
.date{background:url(/img/know2010/date.gif) no-repeat 3px 3px;border-width:1px;height:20px;border:1px solid #bbb;width:120px;padding-left:23px;color:gray;line-height:18px}
.dateTab{margin:30px auto}
.dateTab td{line-height:30px}

#result .selectDateBox{margin:0 13px;padding:15px 10px 15px 25px;border-top:1px dotted #d7d6d6;height:180px;position:relative;z-index:0}
#result .selectDateBox h4{background:0;padding-left:0}
#result .date1,#result .date2,#result .date3{position:absolute;left:5px;background-repeat:no-repeat;padding-left:15px;background-position:0 6px;top:185px}
#result .date1{background-image:url(/img/mybabytree/mytool/icon08.gif);color:#ed1b23;left:180px}
#result .date2{background-image:url(/img/mybabytree/mytool/icon09.gif);color:#17a40c;left:300px}
#result .date3{background-image:url(/img/mybabytree/mytool/icon10.gif);color:#faa619;left:410px}
#result .date{border:1px solid #c5c5c5;position:absolute;left:80px;top:15px;width:240px;height:140px;background:#fff;z-index:100;padding-left:0}
#result .date .caption{font-size:12px;font-weight:bold;color:#7c7c7c;text-align:center;height:23px}
#result .date th{color:#7c7c7c;background:#edecec;font-weight:normal;width:34px}
#result .date td{color:#fff;border-bottom:1px solid #eeeded;line-height:18px}
#result .date th,#result .date td{height:18px;text-align:center;font-family:"宋体";font-size:12px;color:#7c7c7c;padding-top:1px}
#result .date .date_1{background:url(/img/mybabytree/mytool/icon04.gif) no-repeat 8px 1px;color:#fff}
#result .date .date_2{background:url(/img/mybabytree/mytool/icon06.gif) no-repeat 8px 1px;color:#fff}
#result .date .date_3{background:url(/img/mybabytree/mytool/icon07.gif) no-repeat 8px 1px;color:#fff}
#result .date_1,#result .date_2,#result .date_3{cursor:pointer}
.CommendBox{margin:0 13px 0 67px;padding:15px 10px 15px 25px;line-height:200%}
.CommendBox dt{font-size:14px}
.pdl-80{margin:15px 0 0 90px}
.pdl-80 td{line-height:40px}
.black{color:#000}
.boy-girl{background:#eff8ff;padding:20px 10px;margin:25px auto;display:hidden}
.ma0-auto{margin:0 auto}
.orange{color:#f60}

.select-form{padding:5px 0}
.select-form dd{margin:8px 0}
.line30{line-height:25px}
.constellation-list{zoom:1;padding:0 0 15px 55px}
.constellation-list li{width:180px;float:left;height:90px;padding:3px;margin:13px;display:inline}
.view-info{clear:both;padding:5px 0 0 20px}
.star-title{display:inline-block;text-align:center;padding:0 5px;color:#06d}
.constellation-list li.current{background:#e5e5e5;position:relative;z-index:1}
.star-div{border:1px solid #7dbded;width:;position:absolute;width:325px;padding:10px;background:#eff8ff;top:70px;left:0;display:none;z-index:10}
.constellation-list li.current .star-div{display:block}
.star-div dl{font-size:14px;line-height:180%}
.star-div p{text-indent:2em;padding:5px 0 0}
.pdl-40{padding-left:75px}

.guide-tab{border-collapse:collapse;margin-top:10px}
.guide-tab td{border:1px solid #d3d3d3;line-height:19px;padding:6px 0 6px 10px}
.guide-tab thead td{background:#f5f5f5}
.guide-tab caption{color:#06d;font-size:14px;line-height:30px}
.know-button-2,.know-button-2 a{background:url(/img/know2010/know-button.gif) 0 0 no-repeat;display:inline-block;height:22px;line-height:22px;color:#fff;text-decoration:none}
.know-button-2 a{background-position:100% -22px;padding:0 15px}
.know-button-2 a:hover{text-decoration:none}
.relative{position:relative}
.addItem{position:absolute;width:450px;padding:15px 15px 25px;left:30px;top:50px;border:1px solid #d3d3d3;background:#fff;line-height:35px}
.addItem th{font-weight:normal;text-align:right;padding-right:5px}
.pdl20{padding-left:60px}

.baby-naming{background-color:#e2eefb;width:650px;padding:35px 15px 15px;margin:0 auto;color:#345d88}
.baby-naming-inner{background-color:#FFF;border:1px solid #b1bbc5;border-width:0 1px 1px 0;padding:10px 20px}
.baby-naming-inner table{border-bottom:1px dotted #b6c1ce}
.baby-naming-inner .last{border-bottom:0 none}
.baby-naming-inner td{padding:10px 0}
.baby-naming-inner td p{margin:5px 0}
.baby-naming-inner td img{vertical-align:middle;margin:0 4px 0 0}
.baby-naming-inner select{margin:0 4px 0 0}
.baby-naming-inner option{padding:0 10px 0 0}
.baby-naming-inner .input-text{width:35px;margin:0 4px 0 0}
.baby-naming-inner .input-radio,.baby-naming-inner .input-check{width:13px;height:13px;margin:0 4px 0 0}
.baby-naming-inner .example{color:#999;float:right}