@charset "utf-8";
/*author: Pobear Wang*/
/*common column navigation*/
.col_tab_nav{
    clear: both;
    margin-top: 25px;
    background: url(../image/coltabnav_back.gif) left bottom repeat-x;
}

.col_tab_nav span{
    float: right;
    display: inline;
    margin-right: 10px;
    padding: 0 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    background: url(../image/link_back.gif) right -460px no-repeat;
}

.col_tab_nav span a{
    display: block;
    padding: 1px 5px 0 20px;
    line-height: 22px;
    color: #fff;
    background: url(../image/link_back.gif) left -431px no-repeat #efefef;
}

.col_tab_nav span a:hover{
    color: #fff;	
}

.col_tab_nav ul{
    float: left;
    display: inline;
    margin-left: 10px;
}

.col_tab_nav li{
    float: left;
    margin: 0 5px 0 0;
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: bold;
    background: url(../image/link_back.gif) left -373px no-repeat;	
}

.col_tab_nav li a{
    display: block;
    padding: 3px 15px 0 5px;
    line-height: 20px;
    color: #947288;
    background: url(../image/link_back.gif) right -402px no-repeat;
}

.col_tab_nav li.active{
    background: url(../image/link_back.gif) left -315px no-repeat;
}

.col_tab_nav li.active a{
    color: #939;
    background: url(../image/link_back.gif) right -344px no-repeat;
}

#message .filter_list{
    display: block;
    padding: 6px 0;
    background: #fefefe;
}

#message .filter_list span{
    margin-left: 15px;
}

#message .filter_list span a.g{
    color: #999;
}

#message .list{
    clear: both;
    background: #fefefe;
}

#message .list table{
    width: 100%;
}

#message .list td{
    padding: 5px 0;
    border-bottom: 1px solid #fcc;
}

.list td.new{
    width: 16px;
    cursor: pointer;
}

.list .active td{
    background: #fee;
}

.list .active h6{
    font-weight: bold;
}

.list .active td.new{
    background: url(../image/new_msg_back.gif) right center no-repeat #fff4f4;	
}

.list td.check{
    width: 30px;
    text-align: center;
}

.list td.avatar{
    width: 60px;
}

.list td.name{
    width: 125px;
    vertical-align: top;
}

.list td.info{
    vertical-align: top;
}

.list td.info p a{
    color: #9c7c91;
}

.list td.action{
    width: 42px;
}

.list td.action span{
    float: left;
    margin: 0 3px;
}

.list td em{
    margin: 0;
}

/*common page navigation bar*/
.page_bar{
    clear: both;
    padding: 8px 6px 8px 10px;
}

.page_bar span{
    display: block;
    float: left;
    color: #999;
}

.page_bar span strong{
    margin: 0 3px;
}

.page_bar ul{
    float: right;
}

.page_bar li{
    display: block;
    float: left;
    margin: 0 4px;
    padding: 0 0 0 5px;
    background: url(../image/link_back.gif) left -489px no-repeat;
}

.page_bar li.active{
    background: url(../image/link_back.gif) left -540px no-repeat;
}

.page_bar li a{
    display: block;
    padding: 0 8px 0 3px;
    text-decoration: none;
    background: url(../image/link_back.gif) right -515px no-repeat #fff;
}

.page_bar li.active a{
    font-weight: bold;
    color: #fff;
    background: url(../image/link_back.gif) right -566px no-repeat #fff;
}

.page_bar .first, .page_bar .next, .page_bar .previous, .page_bar .last{
    width: 22px;
    padding: 0;
    text-align: center;
}

.page_bar li.first a, .page_bar li.next a, .page_bar li.previous a, .page_bar li.last a{
    display: block;
    background: none;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    height: 20px;
    text-decoration: none;
}

.page_bar li.first a{
    background: url(../image/page_nav_back.gif) center top no-repeat #fefefe;
}

.page_bar li.first a:hover{
    background: url(../image/page_nav_back.gif) center -100px no-repeat #fefefe;
}

.page_bar li.previous a{
    background: url(../image/page_nav_back.gif) center -25px no-repeat #fefefe;
}

.page_bar li.previous a:hover{
    background: url(../image/page_nav_back.gif) center -125px no-repeat #fefefe;
}

.page_bar li.next a{
    background: url(../image/page_nav_back.gif) center -50px no-repeat #fefefe;
}

.page_bar li.next a:hover{
    background: url(../image/page_nav_back.gif) center -150px no-repeat #fefefe;
}

.page_bar li.last a{
    background: url(../image/page_nav_back.gif) center -75px no-repeat #fefefe;
}

.page_bar li.last a:hover{
    background: url(../image/page_nav_back.gif) center -175px no-repeat #fefefe;
}

/*message detail*/
#message .title{
    padding: 8px 10px 6px 10px;
    background: #fefefe;
    border-bottom: 1px solid #cebdc7;
}

#message .title a{
    display: block;
    width: 22px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#message .title .previous{
    background: url(../image/page_nav_back.gif) center -25px no-repeat;
    float: left;
}

#message .title .previous a:hover{
    background: url(../image/page_nav_back.gif) center -125px no-repeat;
}

#message .title .next{
    background: url(../image/page_nav_back.gif) center -50px no-repeat;
    float: right;
}

#message .title .next a:hover{
    background: url(../image/page_nav_back.gif) center -150px no-repeat;	
}

#message .title h4{
    float: left;
    padding-left: 60px;
}

#message .entry{
    clear: both;
    padding: 8px 0;
    margin: 0 10px;
}

#message .entry .person{
    float: left;
    width: 60px;
}

#message .entry .name{
    float: left;
    width: 125px;
}

#message .entry .name em{
    margin: 0;
}

#message .entry .body{
    float: left;
    width: 555px;
}

#message .entry .body img{
    margin: 0 2px;
    vertical-align: middle;
}

#message .msg_divide{
    margin-left: 185px;
    height: 1px;
    font-size: 0;
    background: #fcc;
}

#message .reply_area{
    margin-left: 185px;
}

#message .reply_area p{
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

#message .reply_area p a{
    float: right;
    font-size: 12px;
    margin-right: 10px;
}

#message .reply_area div.c{
    padding: 4px 0;
}

/*send message form*/
#message .send_area{
    padding: 25px 0;
    background: #fefefe;
}

#send_msg_form textarea{
    height: 175px;
}

#send_msg_form .error_msg, #send_msg_form .form_check_msg{
    margin-left: 75px;
}

#send_msg_form .wysiwyg .form_check_msg{
    margin-left: 0;
}


#message #reply_form .error_msg, #message #reply_form .form_check_msg{
    padding-left: 22px;
}

.send_area .left{
    float: left;
    width: 485px;
}

.send_area .right{
    float: left;
    width: 275px;
}

#send_msg_form label{
    display: block;
    float: left;
    width: 75px;
    text-align: right;
    font-weight: bold;
}

#send_msg_form p.add{
    display: inline;
    float: right;
    margin-right: 8px;
    _margin-right: 3px;
}

#send_msg_form div.block{
    clear: both;
    padding: 5px 0;
}

#send_msg_form .wysiwyg{
    float: left;
}

#send_msg_form div.action{
    margin-left: 75px;
}

#send_msg_form div.users{
    float: left;
    _margin-left: 3px;
    width: 365px;
    _height: 22px;
    min-height: 22px;
    height: auto;
}

#send_msg_form div.users a{
    +white-space:nowrap;
    text-decoration: none;
    cursor: text;
    color: #333;
}

#send_msg_form span.remove{
    margin: 0 4px 0 2px;
    letter-spacing: 9px;
    cursor: pointer;
    background: url(../image/action_icon.gif) left -317px no-repeat;
}

#send_msg_form a:hover span.remove{
    background: url(../image/action_icon.gif) left -334px no-repeat;
}

#message .right h5{
    height: 24px;
    line-height: 24px;
    padding-left: 15px;
    color: #fff;
    border-right: 1px solid #a88c9d;
    background: url(../image/add_friend_dir.gif) left center #bd17bd no-repeat;
}

#message .right h5 span{
    float: right;
    margin-right: 5px;
}

h5 span.delete a{
    background: url(../image/action_icon.png) left -194px no-repeat;
}

#message .user_list{
    margin-left: 6px;
    border: 1px solid #a88c9d;
    border-top: none;
}

#message .user_list ul{
    height: 340px;
    overflow: auto;
}

#message .user_list p{
    padding: 4px;
    background: #fff0f0;
    border-bottom: 1px solid #fcc;
}

#message .user_list li{
    padding: 5px 20px 5px 5px;
    +padding-bottom: 2px;
    +display: inline;
    clear: both;
    border-bottom: 1px solid #ded3db;
}

#message .user_list li.active{
    background-color: #f5f1f4;
}

#message .user_list li .add{
    float: right;
}

#message .user_list li .add a{
    display: none;
    margin-top: 9px;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    color: #fff;
}

#message .user_list li.active .add a{
    display: block;
    background: url(../image/vtk_icon.gif) left -502px no-repeat;
}

#message .user_list li .user, #message .user_list li .name{
    float: left;
    margin: 0 5px 0 0;
}

#message .list td.select_all{
    padding: 2px 0 2px 5px;
}

#message .select_all input{
    margin-right: 5px;
}

#message .select_all{
	background: #fbfbfb;
}

/*notice list*/
#message #notice_list .notice_content{
    width: 600px;
    float: left;
}

#notice_list td.name{
    width: 80px;
}

#notice_list td.info p{
    color: #666;
}

#notice_list td.info h6{
    font-size: 13px;
}

#notice_list td.info p a{
    color: #939;
    margin: 0 5px;
}

#notice_list td.action{
    width: 26px;
}

#notice_list .notice_type_nav{
    float: left;
    width: 160px;
}

#notice_list .notice_type_nav h4{
    padding-left: 20px;
    color: #947288;
    background: #eceaeb;
    font-size: 13px;
    line-height: 27px;
}

#notice_list .notice_type_nav ul{
    background: #fbf9fa;
}

#notice_list .notice_type_nav li{
    padding: 0 6px;
    font-size: 12px;
    line-height: 27px;
    border-bottom: 1px solid #ded3da;
}

#notice_list .notice_type_nav li a{
    margin-left: 15px;
}

#notice_list .notice_type_nav li.active{
    background: #939;
}

#notice_list .notice_type_nav li.active a{
	color: #fff;
}