body{
    font-size:12px;
    font-family:"黑体", Arial;
}
a:link {
    color: #999;
}
a:visited {
    color: #999;
}
a:hover {
    color: #999;
}
a:active {
    color: #999;
}
.body_area{
    width:1240px;
}
.main_area{
    float:left; width:960px;
}
.friend_area{
    float:left; width:100%; overflow:auto; height:530px;
}
.friend_card{
    float:left; width:300px; height:50px; margin:5px;border:solid #B8D4E8 1px;
}
.friend_grade{
    float:left; width:50px; height:100%; background-color: #B8D4E8; color:#FFFFFF; font-size:24px; text-align:center;line-height:50px;
}
.friend_detail{
    float:left; width:200px; height:100%;
}
.friend_param{
    float:left; width:50px; height:15px; background-color:#F0F5F8; text-align:center; line-height:15px;
}
.friend_param_bottom_slave{
    float:left; width:50px; height:15px; background-color: #EC7000; text-align:center; line-height:15px;
}
.friend_param_bottom_master{
    float:left; width:50px; height:15px; background-color: #ADDC0E; text-align:center; line-height:15px;
}
.friend_param_content{
    float:left; width:50px; height:20px; text-align:center; line-height:20px;
}
.friend_headPic{
    float:left; width:50px;height:100%;
}
.friend_headPic_img{
    width:50px; height:50px;
}
.friend_data{
    float:left; width:140px;
}
.person_area{
    float:left; display: none;
}
.person_param{
    float:left; width:110px;height:70px; margin:5px;
}
.person_head{
    height:20px;text-align:center; line-height:20px; background-color:#B8D4E8; font-size:14px; color:#FFFFFF;
}
.person_body{
    height:50px;text-align:center; line-height:50px; background-color:#F0F5F8; font-size:20px; font-weight:bold; color:#B8D4E8;
}
.ctrl_area{
    float:left; width:100%; margin:5px; display: none;
}
.task_area{
    float:left; width:260px; margin-left:5px; display:none;
}
.task_target{
    width:100%;margin-top:5px;
}
.task_target_title{
    float:left; background-color:#B8D4E8;font-size:18px; height:30px; color:#FFFFFF;width:60px; font-size:18px; text-align:center; line-height:30px; margin-bottom:5px;
}
.task_target_body{
    float:left; background-color:#F0F5F8;font-size:18px; height:30px; color:#B8D4E8;width:200px; font-size:16px; text-align:center; line-height:30px;margin-bottom:5px;
}
.task_head{
    margin-top:10px;border-bottom: #B8D4E8 solid 2px;color: #09C;height:20px;line-height:20px; text-align:center;
}
.task_head_no{
    float:left;width:30px;
}
.task_head_user{
    float:left; width:40px;
}
.task_head_name{
    float:left;width:40px; 
}
.task_head_time{
    float:left;width:150px; 
}
.task_param{
    float:left; width:100%;height:35px; line-height:35px;text-align:center; border-bottom:#B8D4E8 solid 1px;
}
.task_param_no{
    float:left; background-color:#F0F5F8; color:#B8D4E8; width:30px; font-size:18px; font-weight:bold;
}
.task_param_user{
    float:left; width:40px;
}
.task_param_name{
    float:left; width:40px;
}
.task_param_time{
    float:left; width:150px;
}
.login_dialog{
    border: #B8D4E8 solid 1px;
    text-align:center;
    width:300px;
    height:320px;
    top: 50%;
    left: 50%;
    margin-left:-150px;
    margin-top:-180px;
    background-color: #F0F5F8;
    position: absolute;
    position:fixed;
}

.login_text{
    float:left;
    height:25px;
    width:170px;
    border:1px #B8D4E8 solid;
    display:inline-block;
    background-color:#FFF
}

.login_text_id{
    width:135px;
    height:20px;
    border:none;
    vertical-align: top;
    line-height:20px;
    font-size:14px;
}

.login_text_pwd{
    width:160px;
    height:20px;
    line-height:20px;
    font-size:14px;
    border:none;
}

.login_user{
    padding:5px;
    cursor:pointer;
}

.login_select_user{
    border:none;
    width:25px;
    height:25px;
    cursor:pointer;
}

.login_user_list{
    width:170px; 
    display