#index-tools .title {
position:relative;
z-index:0;
display:block;
}
/*test*/
#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 0px;
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本体*/
#calendar_cal { margin:-1px 0 0; }
#calendar_cal table.calendarcallist {margin:0px 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:0px) { #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_items li a:hover {
}

#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; }

@charset "utf-8";
/* CSS Document */
#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:none; 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:0px; font-size:0px; 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:0px; 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:0px 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 0px;  }
    .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:"宋体";}

/* 新增小工�? 2010 09 08 */

.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:none; 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:0px 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;}