@charset "utf-8";
/* 家庭账单专用 */
.cont-body{padding:0 34px;}
.fbill_header{ background:url(../images/family-bills-ban1.jpg) no-repeat center; height:200px;}

/*未登录的页面*/
.fbill-feature{ margin:20px auto 70px; text-align:center;width:940px;}
.fbill-feature .title{ font-size:16px; padding:15px 0;}
.fbill-feature1,.fbill-feature2,.fbill-feature3{ background:url(../images/family-bills-feature.gif) no-repeat left top; cursor:pointer;height:153px; margin:0 auto; width:153px;}
.fbill-feature1{ background-position:0 0;}
.fbill-feature2{ background-position:-153px 0;}
.fbill-feature3{ background-position:-306px 0;}

/*登陆后的页面*/
.fbill-prolist{ background:#fcf8e2;}
.fbill-prolist .title{ background:url(../images/fbill-title.jpg) no-repeat center;height:47px; margin-bottom:8px; width:198px;}
.fbill-prolist .bot{ background:url(../images/fbills-leftbot-bg.gif) no-repeat center; background-position:0 0; height:30px; line-height:30px; margin-top:20px;}
.fbill-prolist .pro{padding:0;}
.fbill-prolist .pro li{font-size:14px;  height:37px; line-height:37px; padding:7px 0 7px 32px; margin:0; width:167px;}
.fbill-prolist .pro li a{color:#494949; }
.fbill-prolist .pro li.selected{ background:#f5e9c8;}

.fbill-prolist .pro li.selected a{color:#863600; font-weight:bold;}
.fbill-ico1,.fbill-ico2,.fbill-ico3,.fbill-ico4,.fbill-ico5{height:37px; width:36px; margin-right:10px;}
.fbill-ico1{ background-position:-7px -268px;}
.fbill-ico2{ background-position:-7px -308px;}
.fbill-ico3{ background-position:-7px -345px;}
.fbill-ico4{ background-position:-7px -383px;}
.fbill-ico5{ background-position:-10px -422px;}

/*右边基本信息模块*/
.fbill-basic{ background:url(../images/fbill-basic-bg.gif) no-repeat center; height:130px; margin-top:16px;padding:27px 75px;width:631px;}
.fbill-basic p{color:#000;}
.fbill-basic .left{width:134px;}
.fbill-basic .right{padding-left:229px;width:268px;}
.fbill-basic .left img{border:3px solid #fff; border-radius:3px; margin-bottom:5px;}
.fbill-basic .right p{ line-height:25px;text-align:left;}
.fbill-basic .detail{border-bottom:1px dashed #a5b6b5; height:24px; line-height:24px; padding-bottom:20px; margin-bottom:10px;}
.fbill-basic .detail img{margin:8px 10px 0;}
/*收支情况*/
.fbill-payment{ background:#fff; margin-top:15px; text-align:left; width:781px;border:#dcdcdc 1px solid;}
.fbill-payment .top{ background:url(../images/fbill-payment-top.gif) no-repeat center; height:40px; line-height:40px; padding-left:29px;width:752px;
}
.fbill-payment .fp-table{ margin:0 auto; text-align:center;width:773px; }
.fbill-payment .fp-table th,.fbill-payment .fp-table td{ height:52px; line-height:52px; text-align:center;}
.fbill-payment .fp-table th{ color:#000;font-size:14px;border-bottom:1px solid #c69463;}
.fbill-payment .fp-table td{border-bottom:1px solid #cecece;}
.fbill-payment .fp-table td .income-ico,.fbill-payment .fp-table td .expend-ico{ margin:20px 8px 0 28px;}
.fbill-payment .line{ background:#c59669; height:1px; margin:17px auto; width:752px;}

.graph-area{padding:0 0 30px 0;}
.fbill-payment .graph-area p{padding-left:33px;}
.legend{border:1px solid #8f9190; border-radius:5px; height:0px; margin:0 auto;padding:10px; width:150px;}
.legend div,.legend table{left:310px !important;top:395px !important;}
.legend table .legendLabel{ padding:0 10px 0 5px;_padding:0 8px 0 4px;}

/*消费比例*/
.costgrahp{ background:#fff; margin-top:14px;}
.costgrahp .top{height:50px;line-height:50px; padding-left:33px;}
.pieLabel div{ font-size:14px !important; font-weight:bold !important;}

/*记账*/
.bookkeep{ background:#fff; float:left; width:781px;}
.bookkeep .top{height:45px;width:770px;}
.bookkeep .top .right{width:487px; height:43px; border-bottom:2px solid #cbbaab;}
.bookkeep .top ul{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border:none !important;
    padding: 0 !important;
	width:274px !important;}
.bookkeep .top ul li{ float:left; height:45px; line-height:45px; margin:0 !important; padding:0 !important;width:134px;}
.bookkeep .top ul li.ui-state-default{ background:#fff;border-style: solid solid solid solid;
    border-width: 1px 1px 2px 1px; border-color:#ddd #ddd #CBBAAB #ddd; height:42px; line-height:42px;}
.bookkeep .top ul li.ui-state-active{ background:#F7E4AF;border-style: solid solid none solid;
    border-width: 2px 2px 0 2px; border-color:#CBBAAB; height:43px; line-height:43px;}
.bookkeep .top ul li.ui-state-default a{color:#863600; float:none !important; padding:0 !important;}
.bookkeep .top ul li.ui-state-active a{color:#000; font-weight:bold;}

.bookkeep .cont{border-style: none solid  solid solid;
    border-width: 0 2px 2px 2px; border-color:#CBBAAB;
    padding: 30px 0; width:757px;}
.bookkeep .cont td {
    height: 30px;
    line-height: 30px;
    padding: 4px;
}
/*设置账单*/
.setkeep{ background:#fff; min-height:460px; overflow:hidden; padding:15px; text-align:left;}
.keeplist{ margin-top:20px; overflow:hidden;width:761px;}
.keeplist li{ float:left; padding-right:30px;}
.keeplist li label{ float:right; padding-left:10px;}
.keeplist li input{ float:left;}
.setkeep p{ margin-top:40px; text-align:center;}

.ui-poptip{  color: #fff;

    line-height: 1.5;	
	float:left;
	margin:20px 0;
   }
/*.ui-poptip-shadow {
    background-color: rgba(99, 89, 79, 0.15);
    border-radius: 2px;
    float: left;
    padding: 2px;
}*/

.ui-poptip-container {
    background-color: #63594f;
    border: 1px solid #63594f;
    border-radius: 2px;
    float: left;
    padding: 5px 22px 5px 10px;
    position: relative;
}
.ui-poptip-arrow-7 {
    bottom: 11px;
    left: 14px;
}
.ui-poptip-arrow {
    font-family: SimSun,Hiragino Sans GB;
    font-size: 14px;
    font-style: normal;
    line-height: 21px;
    position: absolute;
    z-index: 10;
}
.ui-poptip-content:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.ui-poptip-content {
    display: block;
    float: none;
    width: auto;
}

.ui-poptip-arrow-7 em {
    left: 0;
    top: 1px;
}
.ui-poptip-arrow em {
    color: #63594f;
    font-family: SimSun,Hiragino Sans GB;
    font-size: 14px;
    font-style: normal;
    line-height: 21px;
    position: absolute;
    z-index: 10;
}
em {
    font-style: normal;
    font-weight: 500;
}

.ui-poptip-arrow span {
    color: #63594f;
    font-family: SimSun,Hiragino Sans GB;
    font-size: 14px;
    font-style: normal;
    left: 0;
    line-height: 21px;
    position: absolute;
    top: 0;
    z-index: 10;
}
/*预估账单金额*/
.prospect-table{ font-size:14px; margin-top:30px;width:100%;}
.prospect-table td,.prospect-table th{border-collapse:collapse; height:39px; line-height:39px; text-align:center;}
.prospect-table td{border:1px solid #d2cecb;}
.prospect-table th{border:1px solid #413831; background:#413831;color:#fff;}
.prospect-table input{ border:1px solid #ccc;height:24px; line-height:24px; }
.prospect-table .prospect-money{color:#ed9229;width:137px;}
.total-money{ color:#fe1500 !important;font-size:16px; font-weight:bold;width:137px;}
.account-input{width:200px !important;}
.operator-btn{ cursor:pointer;}
.extra td{ background:#F7E4AF;}

.collect_firm{ line-height:18px !important;}