/* ThangLD */

/*************************************/
/*              MAIN BODY
/*************************************/

.breadcrum
{
    text-align:left;
    font-size:15px;
    font-weight:bold;
    margin-bottom:5px;
}

.breadcrum a
{
    text-decoration:none;
    color:black;
}

.breadcrum .symbol
{
    float:left;
    width:25px;
    height:31px;
    background: url(../../../design/pic/group/breadcrum.gif) no-repeat;
}

.breadcrum .text
{
    float:left;
    margin-top:3px;
    margin-left:5px;
}

.clear
{
    clear:both;
}

/*########################
 	Hội đăng nhiều bài viết nhất
########################*/
 
.topPostedGroup
{
	width:220px;
	padding:1px;
	border:1px solid #D8E4E5;
}
.topPostedGroup .header
{
	height:25px;
	cursor:pointer;
	color:white;
}
.topPostedGroup .header .header_title
{
	float:left;
}
.topPostedGroup .header .header_title .left
{
	float:left;
	width:5px;
	height:24px;
	background: url(header_title_left_bg.gif) no-repeat;
}
.topPostedGroup .header .header_title .content
{
	float:left;
	height:19px;
	background-color:#86C1C5;
	padding-top:5px;
	font-size:13px;
	font-weight:bold;
}
.topPostedGroup .header .header_title .right
{
	float:left;
	width:5px;
	height:24px;
	background: url(header_title_right_bg.gif) no-repeat;
}
.topPostedGroup .header .header_background
{
	margin-left:2px;
	background:#E0EBED none repeat scroll 0 0;
	width:43px;
	float:left;
	height:25px;
}
.topPostedGroup .body
{
	margin-left:5px;
	margin-top:5px;
}
.topPostedGroup .body .group
{
	height:23px;
	border-bottom:1px solid #EEEEEE;
	padding-top:7px;
}
/*########################
 	Category list style
 ########################*/

.category_list
 {
    background: url(../../../design/pic/group/category_list.gif) repeat-x;
	width: 100%;
    height: 30px;
 	font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size:12px;
	text-align: left;
 }

 .category_list_text a
 {
    font-weight:bold;
    color:#353535;
    text-decoration:none;
 }

 .category_list_text
 {
    padding-top:7px;
    padding-left:24px;
    color:#0D61A5;
 }

.category_list_header
{
	background: url(../../../design/pic/group/category_list_header.gif) repeat-x;
	height: 30px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
}

.category_list_footer
{
	background: url(../../../design/pic/group/category_list_footer.gif) repeat-x;
	width: 100%;
	height: 21px;
    text-align:right;
}

.button_category_list_footer_img
{
	padding-right:1px;
    padding-left:1px;
}

.title_category_list
{
    float: left;
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
    margin: 8px 0 0 10px;
}

.button_category_list_footer
 {
     padding-right:11px;
     padding-top:6px;
 }

.text_title_header_category_list
 {
     padding-left:10px;
 }



/*########################
 	New Group style
 ########################*/

.new_groups
{
    background-color: #fff;
    width:497px;
    border:solid 1px;
    border-color:#1373A2;
    text-align:left;
}
.new_groups .body .group
{
	border-bottom:1px solid #EEEEEE;
	height: 125px;
}

.new_group_header
{
    background: url(../../../design/pic/group/new_groups_header.gif) repeat-x;
	height: 30px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
}

.new_group_item
{
    background: url(../../../design/pic/group/new_groups_item.gif) repeat-x;
    height: 140px;
 	font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size:12px;
    border-bottom: 1px dashed #E0E0E0;
}

.new_group_image
{
    float:left;
    width:90px;
    height:80px;
    padding-left:14px;
    padding-top:17px;
}

.new_group_image a
{
    text-decoration:none;
}

.new_group_content
{
    width:90px;
    float:left;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size:11px;
}

.new_group_title
{
    margin-top:20px;
}
.new_group_title a
{
    font-weight:bold;
    text-decoration:none;
    font-size:13px;
    color:#790000;
}

.new_group_title li
{
    list-style-image: url("../../../design/pic/group/mui_ten_xanh.gif");
}

.new_group_description li
{
    list-style-image: url("../../../design/pic/group/new_group_li.png");
    padding-left:0;
}

.new_group_category
{
    float:right;
    width:90px;
    height:47px;
    margin-top:15px;
    margin-right:10px;
    background-image: url("../../../design/pic/group/new_groups_category.gif");
    background-repeat:no-repeat;
    font-size:11px;

    font-weight:bold;
}

.new_group_category_text
{
    width:80px;
    margin-left:7px;
    margin-top:10px;
}

.new_group_category_text a
{
    color:#888686;
    text-decoration:none;
}


/*************************************/
/*         TOP LARGEST GROUP         */
/*************************************/

.largest_groups
{
    background-color: #fff;
    width:217px;
    border:solid 1px;
    border-color:#1373A2;
    text-align:left;
}

.largest_groups_header
{
    background: url(../../../design/pic/group/largest_groups_header.gif) repeat-x;
	height: 30px;
    padding:0 0 0 0;

}

.largest_groups_header_image
{
    padding-top:1px;
    float:left;
}

.largest_groups_header_text
{
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    color:#000000;
    padding-top:7px;
    padding-right:60px;
    float:right;
}



.largest_groups_item
{
    height:28px;
	border-bottom:1px solid #EEEEEE;
}

.largest_groups_text
{
    background: url(../../../design/pic/group/largest_groups_item.gif) repeat-x;
    padding-left:13px;
    height:28px;
}

.largest_groups_name
{
    float:right;
    height:21px;
    padding-top:7px;
    text-align:left;
    width:86.19%;
	
}

.largest_groups_name_text
{
    margin-left:13px;
}

.largest_groups_name_text a
{
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    color:#000000;
}

.largest_groups_index
{
    float:left;
    margin:0;
    width:28px;
    height:21px;
    padding-top:7px;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    color:#025194;
	border-right:1px solid #EEEEEE;
}

.largest_groups_index_text
{
    
}

.largest_groups_left_border
{
    background: url(../../../design/pic/group/largest_groups_left_border.png) no-repeat;
    width:1px;
    height:28px;
    float:left;
    position:relative;
}

.largest_groups_footer
{
	background: url(../../../design/pic/group/largest_groups_footer.gif) repeat-x;
	width: 100%;
	height: 22px;
    text-align:right;
}

.largest_groups_footer_text
{
    padding-top:3px;
    padding-right:5px;

}
.largest_groups_footer_text a
{
    color:#025194;
    text-decoration:none;
}

/*************************************/
/*           FEATURED GROUP          */
/*************************************/

.featured_group
{
    background-color: #fff;
    width:497px;
    border:solid 1px;
    border-color:#1373A2;
    text-align:left;
}
.featured_group .header .header_background
{
    width:390px;
}
.featured_group .body
{
    margin-top:20px;
	margin-bottom:20px;
}
.featured_group .body .avatar
{
    float:left;
    margin-left:15px;
}

.featured_group .body .avatar img {
    float:left;
    margin-left:15px;
    height:190px;
    width:190px;
}
.featured_group .body .description
{
	float:left;
}

.featured_group_title
{
    font-weight:bold;
    font-size:14px;
    color:#790000;
    width:180px;
    list-style-image: url("../../../design/pic/group/mui_ten_xanh.gif");
}

.featured_group_title a
{
    color:#790000;
    text-decoration:none;
}

.featured_group_detail li
{
    font-size:12px;
    list-style-image: url("../../../design/pic/group/li_fg.gif");
    width:180px;
    margin-bottom:5px;
}

.featured_group_footer
{
    margin-top:77px;
    margin-right:50px;
    font-size:11px;

    font-weight:normal;
    text-align:right;
}

.featured_group_footer a
{
    color:#024984;
    text-decoration:none;
}

/*************************************/
/*         FEATURED GROUP 2          */
/*************************************/

.featured_group2
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
}

.featured_group2 .body
{
    background: url(../../../design/pic/group/featured_group_body.gif) repeat-x bottom;
    padding-bottom:10px;
}

.featured_group2 .body .avatar
{
    margin-top:10px;
}

.featured_group2 .body .title
{
    
    margin-top:10px;
    margin-left:15px;
}

.featured_group2 .body .title .symbol
{
    width:15px;
    height:18px;
    background: url(../../../design/pic/group/mui_ten_xanh_fg.gif) no-repeat;
    float:left;
}

.featured_group2 .body .title .text
{
    margin-left:5px;
    float:left;
    width:170px;
}

.featured_group2 .body .title .text a
{
    font-size:13px;
}

.featured_group2 .body .description
{
    margin-left:20px;
    margin-top:5px;
}
.featured_group2 .body .description .symbol
{
    width:8px;
    height:12px;
    background: url(../../../design/pic/group/li_fg.gif) no-repeat;
    float:left;
}

.featured_group2 .body .description .text
{
    margin-left:5px;
    float:left;
    width:170px;
}

.featured_group2 .footer
{
    background: url(../../../design/pic/group/featured_group_footer.gif) repeat-x;
    height:36px;
}

.featured_group2 .footer .nhap_hoi
{
    margin-top:10px;
    float:left;
    margin-left:20px;
}

.featured_group2 .footer .ghe_tham
{
    margin-top:10px;
    float:right;
    margin-right:20px;
}


/*************************************/
/*             SEARCH BOX            */
/*************************************/

.search_box
{
    background-color: #fff;
    width:100%;
    text-align:left;
    height:88px;
}

.search_box_left_border
{
    float:left;
    background: url(../../../design/pic/group/search_box_right_border.png);
    width:4px;
    height:88px;
}

.search_box_right_border
{
    float:right;
    background: url(../../../design/pic/group/search_box_left_border.png);
    width:4px;
    height:88px;
}

.search_box_body
{
    background: url(../../../design/pic/group/search_box_body2.gif) no-repeat;
    width:241px;
    height:88px;
    padding-left:11px;
    margin-right:0;
    float:left;
    position:relative;
}

.search_box_body_desc
{
    margin-top:10px;
}

.search_box_title
{
    font-size:12px;
    color:#004388;
    font-weight:bold;
}

#frmSearchGroup
{
    margin-top:15px;
}

.search_box_tag
{
    font-size:12px;
    color:#353535;
    font-weight:normal;
    margin-top:5px;
}

.search_box_input
{
    border:1px solid #1373A2;
	width:190px;
}

.search_box_button
{
    background: url(../../../design/pic/group/search_box_button.gif) repeat-x;
    font-size:13px;
    color:#FEFEFF;
    font-weight:bold;
    border:1px solid #1373A2;
    width:42px;
    height:20px;
    text-align:center;
}

/*************************************/
/*       LATEST UPDATED GROUPS       */
/*************************************/

.latest_updated_groups
{
    background-color: #FFFFFF;
    width:100%;
    border:solid 1px #1373A2;
    text-align:left;
}

.latest_updated_groups_header
{
    background: url(../../../design/pic/group/latest_updated_groups_header.gif) repeat-x;
	height: 30px;
    padding:0 0 0 0;
    margin:1px;
}

.latest_updated_groups_header_title
{

    margin-left:8px;


}

.latest_updated_groups_header_title_text
{
    float:left;
    font-size:12px;
    color:#004388;
    font-weight:bold;
    padding-top:7px;
}

.latest_updated_groups_header_title_text img
{
    margin-right:10px;
}

.latest_updated_groups_header_funny_quote
{
    margin-top:7px;
    font-size:13px;
    color:#FEFEFF;
    font-weight:normal;
    text-align:right;
    margin-right:3px;
    float:right;
}

.latest_updated_groups .body
{
    background: url(../../../design/pic/group/border_bottom_bang_hoi_moi_cao_nhat.gif) repeat-x bottom;
}

.latest_updated_groups .body .groups
{
    background: url(../../../design/pic/group/border_top_bang_hoi_moi_cao_nhat.gif) repeat-x top;
    border-bottom:2px #C6DBE5 dashed;
    height:119px;
}

.latest_updated_groups .body .groups .avatar
{
    float:left;
    margin-left:25px;
    margin-top:20px;
    margin-right:10px;
    width:100px;
}

.latest_updated_groups .body .groups .avatar img
{
    border:1px solid #4D4D4D;
}

.latest_updated_groups .body .groups .description
{
    float:left;
    margin-top:20px;
}

.latest_updated_groups .body .groups .description .title
{
    
}

.latest_updated_groups .body .groups .description .title .symbol
{
    float:left;
    width:13px;
    height:14px;
    background: url(../../../design/pic/group/latest_updated_groups_title_li.gif) no-repeat;
}

.latest_updated_groups .body .groups .description .title .text
{
    float:left;
    margin-left:7px;
    margin-bottom:15px;
}

.latest_updated_groups .body .groups .description .posts .symbol
{
    margin-top:3px;
    float:left;
    width:6px;
    height:6px;
    background: url(../../../design/pic/group/new_group_li.gif) no-repeat;
}

.latest_updated_groups .body .groups .description .posts .text
{
    float:left;
    margin-left:3px;
    margin-bottom:5px;
}


.latest_updated_groups .body .groups .join
{
    float:right;
    margin-right:20px;
    margin-top:60px;
}

.latest_updated_groups .body .groups .join .nhap_hoi
{
    margin-top:3px;
}

.latest_updated_groups .body .groups .join .nhap_hoi .symbol
{
    margin-right:3px;
    float:left;
    width:14px;
    height:14px;
    background: url(../../../design/pic/group/tham_gia_bang_hoi.gif) no-repeat;
}

.latest_updated_groups .body .groups .join .nhap_hoi .text
{
    float:left;
}

.latest_updated_groups .body .groups .join .ghe_tham
{
    margin-top:3px;
}

.latest_updated_groups .body .groups .join .ghe_tham .symbol
{
    margin-right:3px;
    float:left;
    width:14px;
    height:14px;
    background: url(../../../design/pic/group/xem_thong_tin_bang_hoi.gif) no-repeat;
}

.latest_updated_groups .body .groups .join .ghe_tham .text
{
    float:left;
}

.latest_updated_groups_body_left
{
    float:left;
    border-bottom:2px dashed #E5E5E5;
    border-right:2px dashed #E5E5E5;
    width:342px;
    height:125px;
    background-color:#FFFFFF;
    padding:0;
    margin:0;
    background: url(../../../design/pic/group/latest_updated_groups_body.gif);

}
.latest_updated_groups_body_homepage
{
    float:left;
	height: 125px;
    width:364px;
    background-color:#FFFFFF;
    padding:0;
    margin:0;
	border-right:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
}
.latest_updated_groups_body_right
{
    float:right;
	height: 125px;
    border-bottom:2px dashed #E5E5E5;
    width:341px;
    background-color:#FFFFFF;
    padding:0;
    margin:0;
    background: url(../../../design/pic/group/latest_updated_groups_body.gif);
}

.latest_updated_groups_body_right_border
{
    float:right;
    width:50px;
    background: url(../../../design/pic/group/latest_updated_groups_right_border.gif);
    height:125px;
}

.latest_updated_groups_body_content_holder
{
    width:280px;
    height:125px;
}

.latest_updated_groups_body_content_image
{
    float:left;
    margin-left:15px;
    margin-top:23px;
    border:1px solid #ABABAB;
}

.latest_updated_groups_body_content_description
{
    text-align:left;
    float:right;
    margin-top:13px;
    width:224px;
    height:125px;
}

.latest_updated_groups_body_content_description_title
{

}

.latest_updated_groups_body_content_description_title li
{
    list-style-image: url('../../../design/pic/group/mui_ten_xanh.gif');
}

.latest_updated_groups_body_content_description_title a
{
    font-size:12px;
    color:#790000;
    text-decoration:none;
    font-weight:bold;
}

.latest_updated_groups_body_content_description_text li
{
    list-style-image: url('../../../design/pic/group/new_group_li.png');
    font-size:11px;
    color:#414141;
}

.latest_updated_groups_body_content_description_text a
{
    text-decoration:none;
    color:#004388;
}

.latest_updated_groups_footer
{
	height: 35px;
    text-align:center;
    font-size:12px;
}

.latest_updated_groups_footer .text
{
    float:right;
    margin-right:15px;
    margin-top:8px;
}

.latest_updated_groups_footer_text
{
    height:33px;
    padding-top:11px;
}

.latest_updated_groups_footer_text a
{
    text-decoration:none;
    color:#7A8081;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    font-weight:bold;
}


.latest_updated_groups_footer_selected_page
{
    background: url(../../../design/pic/group/latest_updated_groups_footer_paging.gif) repeat-x;
	height: 23px;
}

.latest_updated_groups_footer_selected_page a
{
    text-decoration:none;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
    font-size:13px;
    font-weight:bold;
    margin-top:5px;
}

.latest_updated_groups .body2
{
    background: url(../../../design/pic/group/forum_list_bottom.gif) bottom repeat-x;
    height:100%;
}

.latest_updated_groups .body2 .groups
{
    
    border-bottom:1px dashed #7F7F7F;
    height:90px;
}

.latest_updated_groups .body2 .groups .avatar
{
    float:left;
    margin-top:10px;
    margin-left:15px;
    border:1px solid #005680;
}

.latest_updated_groups .body2 .groups .description
{
    float:left;
    margin-top:10px;
    margin-left:5px;
}


/*########################
 	TOP RICHEST GROUPS
 ########################*/

.richest_groups
 {
    background: url(../../../design/pic/group/richest_groups_header.gif) repeat-x;
	width: 100%;
	text-align: left;
    border:solid 1px #1373A2;
    background-color:#FFFFFF;
 }

.richest_groups_header
{
	background: url(../../../design/pic/group/category_list_header.gif) repeat-x;
	height: 30px;
}

.richest_groups_header_text
{
    font-size:13px;
    color:#000000;
    font-weight:bold;
    padding-top:7px;
    float:right;
    width:170px;
    margin-left:5px;
}

.richest_groups_header_image
{
    margin-top:1px;
    margin-left:4px;
    float:left;
}

.richest_groups_body
{
    height:66px;
    background: url(../../../design/pic/group/richest_groups_body.gif) repeat-x;
    border-bottom:1px dashed #7F7F7F;
}

.richest_groups_body_avatar
{
    float:left;
    margin-top:9px;
    margin-left:7px;
}

.richest_groups_body_text
{
    float:right;
    margin-top:9px;
    margin-left:10px;
    width:135px;
}

.richest_groups_body_title
{


}

.richest_groups_body_title a
{
    font-size:11px;
    color:#353535;
    font-weight:bold;
    text-decoration:none;
}

.richest_groups_body_description
{
    font-size:11px;
    color:#353535;
    font-weight:normal;
}

.richest_groups_body_description_number
{
    font-size:11px;
    color:#790000;
    font-weight:normal;
}

.richest_groups_footer
{
    background: url(../../../design/pic/group/richest_groups_footer.gif) repeat-x;
    height:23px;
    text-align:right;
    font-size:11px;
    color:#024984;
    font-weight:normal;
    padding-right:5px;
}

.richest_groups_footer_text
{
    padding-top:5px;
}

.richest_groups_footer_text a
{
    color:#024984;
    text-decoration:none;
}

.richest_groups_footer_text img
{
    margin-left:2px;
}

/*########################
 	   BROWSE GROUPS
 ########################*/

.browse_groups
{
    background-color: #fff;
    width:100%;
    border:solid 1px;
    border-color:#1373A2;
    text-align:left;

}

.browse_groups_header
{
    background: url(../../../design/pic/group/bang_hoi_tieu_bieu_header_background.gif) repeat-x;
	height: 30px;
    padding:0 0 0 0;
    margin:1px 1px 1px 1px;
}

.browse_groups_header_image
{
    margin-top:9px;
    margin-left:16px;
}

.browse_groups_header_text
{
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    color:#004388;
    margin-left:8px;
}

.browse_groups_body
{
    background: url(../../../design/pic/group/browse_groups_in_category_body.gif) repeat-x;
	height: 120px;
    border-bottom:1px dashed #C6DBE5;
}

.browse_groups_image
{
    float:left;
    margin-left:26px;
    margin-top:14px;
}

.browse_groups_navigator
{
    float:right;
    margin-top:64px;
    margin-right:20px;
}

.browse_groups_navigator a
{
    text-decoration:none;
    color:#024984;
}

.browse_groups_description
{
    float:left;
}

/*########################
 	  ACTIVE MEMBERS
 ########################*/

.active_members
{
    background-color: #fff;
    border:solid 1px;
    border-color:#1373A2;
    width:217px;
}

.active_members_header
{
	background: url(../../../design/pic/group/category_list_header.gif) repeat-x;
	height: 30px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
    width:215px;
}

.active_members_body
{
    background: url(../../../design/pic/group/active_members_body.gif) repeat-x;
    height:178px;
    width:217px;
	text-align:center;
}

.active_members .body .member
{
    width:108px;
    height:89px;
    margin-top:14px;
	float:left;
	border-bottom:1px solid #EEEEEE;
}

/*########################
 	     MY GROUPS
 ########################*/

.my_groups_footer_text
{
    margin-top:15px;
    font-size:15px;

}

.my_groups_footer_text a
{
    text-decoration:none;
    color:#000000;
    font-weight:normal;
    font-size:12px;
}

/*########################
 LATEST UPDATED GROUPS PAGE
 ########################*/

.latest_updated_groups_body
{
    border-bottom:2px dashed #E5E5E5;
    height:125px;
    background-color:#FFFFFF;
    padding:0;
    margin:0;
}

.latest_updated_groups_page_content_holder
{
    width:655px;
    height:125px;
    float:left;
    background: url(../../../design/pic/group/latest_updated_groups_page_body.gif) repeat-x;
}

.latest_updated_groups_page_right_border
{
    width:30px;
    height:125px;
    float:right;
    background: url(../../../design/pic/group/latest_updated_groups_page_right_border.png);
}

.latest_updated_groups_page_body_content_image
{
    float:left;
    margin-left:15px;
    margin-top:23px;
    border:1px solid #ABABAB;
}

.latest_updated_groups_body_page_content_description
{
    text-align:left;
    float:right;
    margin-top:7px;
    width:524px;
    height:125px;
}

/*########################
       GROUP DETAILS
 ########################*/

.group_details
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
}

.group_details .header
{
    background: url(../../../design/pic/group/category_list_header.gif) repeat-x;
	height: 30px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
}

.group_details .header a
{
    text-decoration:none;
    color:black;
}

.group_details .header ul
{
    margin:0;
    padding-left:20px;
    padding-top:7px;
}

.group_details .header ul li
{
    list-style-image: url("../../../design/pic/group/mui_ten_trang_quay_phai.gif");
    font-size:12px;
    font-weight:bold;
}

.group_details .body .headline
{
    height:100%;
    background: url(../../../design/pic/group/headline_banghoi.gif) repeat-x top;
}

.group_details .body .headline .left_quote
{
    float:left;
    width:13px;
    height:13px;
    margin-top:7px;
    margin-left:5px;
    background: url(../../../design/pic/group/left_coma.gif) no-repeat;
}

.group_details .body .headline .headline_text
{
    margin-top:5px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    font-size:13px;
    color:#1175BA;
    font-weight:bold;
    width:160px;
}

.group_details .body .headline .right_quote
{
    float:right;
    width:13px;
    height:13px;
    background: url(../../../design/pic/group/right_coma.gif) no-repeat;
    margin-top:26px;
    margin-right:5px;
}

.group_details .body .group_description
{
    background: url(../../../design/pic/group/group_details_description.gif) repeat-x;
    height:288px;
}

.group_details .body .group_description .group_avatar
{
    padding-top:9px;
}

.group_details .body .group_description .group_information ul
{
    margin:0;
    padding-left:45px;
    padding-top:7px;
    padding-bottom:15px;
}

.group_details .body .group_description .group_information ul li
{
    list-style-image: url("../../../design/pic/group/group_details_li.png");
}

.group_details .body .group_owner .header
{
    background: url(../../../design/pic/group/group_details_owner_header.gif) repeat-x;
    height:44px;
}

.group_details .body .group_owner .header .image
{
    float:left;
}


.group_details .body .group_owner .header .text
{
    float:right;
    font-size:13px;
    font-weight:bold;
    margin-top:15px;
    padding-right:65px;
}

.group_details .body .group_owner .description .avatar
{
    float:left;
    margin-left:3px;
    margin-top:3px;

}

.group_details .body .group_owner .description .avatar img
{
    border:1px solid #005680;
}

.group_details .body .group_owner .description .information
{
    float:left;
    width:145px;
    margin-top:3px;
    margin-left:5px;
}


.group_details .group_owner .group_owner_description .group_owner_avatar
{
    float:left;
    
}

.group_details .group_owner .group_owner_description .group_owner_information
{
    float:right;
    
}


/*########################
       PHOTO GALLERY
 ########################*/

.album_details .body
{
	text-align:left;
	padding-top:10px;
}
.album_details .body .tong_so
{
	margin-left:20px;
}
.group_gallery_photos
{
    background-color: #fff;
    border-top:solid 1px #1373A2;
    border-left:solid 1px #1373A2;
    border-right:solid 1px #1373A2;
    border-bottom:solid 1px white;
    text-align:left;
}

.group_gallery_photos .body
{
    background-color:#FFFFFF;
}

.group_gallery_photos .body .photo_count
{
    margin-left:25px;
    margin-top:5px;
}

.album_details .body ul
{
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
    padding-left:0px;
    margin-top:16px;
}

.album_details .body ul li
{
    float:left;
	min-height:155px;
	width:100px;
	background-image:none;
    margin-left:16px;
    margin-right:16px;
    margin-bottom:20px;
}

.group_gallery_photos .body .photos_item .image
{
    height:100px;
}

.group_gallery_photos .body .photos_item .image img
{
    
}

.group_gallery_photos_item
{
    margin-left:16px;
    margin-right:16px;
    display:inline;
    margin-top:16px;
    margin-bottom:22px;
    width:110px;
}

.group_gallery_photos .footer
{
    height:42px;
    background: url(../../../design/pic/group/group_gallery_photos_footer.gif) repeat-x;

}

.group_gallery_photos .footer a
{
    text-decoration:none;
    font-weight:bold;
    font-size:13px;
}

.group_gallery_photos .footer .upload_photo
{
    margin-left:20px;
    float:left;
}

.group_gallery_photos .footer .view_gallery
{
    float:right;
    margin-right:18px;
}

.group_gallery_photos_item_image
{
    min-height:100px;
    height:102px;
}

.group_gallery_photos_item_image img
{
    border:1px solid #747474;
}

.group_gallery_photos_item_upload_by a
{
    text-decoration:none;
    color:black;
}

.group_gallery_photos_body .photo_count
{
    margin-top:8px;
    margin-left:25px;
}

.group_gallery_photos_body ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
    padding-left:0px;
    margin-left:-5px;
    margin-top:16px;
}
.group_gallery_photos_body ul li
{
	float:left;
	min-height:155px;
	width:100px;
	background-image:none;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:20px;
}

.group_gallery_photos_item
{
    margin:0;
}

.group_gallery_photos_item .nickname
{
    margin-top:10px;
}

.group_gallery_photos_item .nickname a
{
    text-decoration:none;
}

.group_gallery_photos_footer
{
    background: url('../../../design/pic/group/group_gallery_photos_footer.png') repeat-x;
    min-height:42px;
}

.group_gallery_photos_show_all
{
    clear:both;
    float:right;
    margin-right:18px;
}

.group_gallery_photos_show_all a
{
    color:#004791;
    text-decoration:none;
    font-weight:bold;
}

.group_gallery_photos_upload_link
{
    float:left;
    margin-left:20px;
}

.group_gallery_photos_upload_link a
{
    color:#004791;
    text-decoration:none;
    font-weight:bold;
}



/*########################
       GROUP FORUM
 ########################*/

.group_forum_list
{
    background-color:#FFFFFF;
    border:solid 1px #1373A2;
    border-top:none;
    text-align:left;
}

.group_forum_list_header
{
    background: url(../../../design/pic/group/group_forum_header.gif) repeat-x;
    height:38px;
}

.group_forum_list_header .noidung
{
    margin-left:12px;
    margin-right:12px;
    color:#004388;
    height:28px;
}

.group_forum_title
{
    position:relative;
    float:left;
    background: url(../../../design/pic/group/dien_dan_bang_hoi.gif) no-repeat;
    width:152px;
    height:38px;
    margin-top:-15px;
}

.group_forum_hoi_dap_gan_nhat_title
{
    float:right;
    background: url(../../../design/pic/group/group_forum_hoi_dap_gan_nhat.gif) repeat-y;
    height:38px;
    width:107px;
    margin:0;
}

.group_forum_hoi_dap_gan_nhat_title .chu
{
    padding-top:5px;
    padding-left:10px;
    width:50px;
}

.group_forum_luot_xem_title
{
    float:right;
    background: url(../../../design/pic/group/group_forum_luot_xem.gif) repeat-y;
    height:38px;
    width:73px;
    margin:0;
}

.group_forum_luot_xem_title .chu
{
    width:50px;
    padding-top:5px;
    padding-left:10px;
}

.group_forum_body
{
    background: url(../../../design/pic/group/forum_list_bottom.gif) bottom repeat-x;
    height:100%;
}

.group_forum_body .bai_viet
{
    border-top:1px dashed #B4B4B4;
    height:56px;
    margin-left:12px;
    margin-right:12px;
}

.group_forum_body .bai_viet .image
{
    margin-top:12px;
    width:32px;
    height:32px;
    background: url(../../../design/pic/group/group_forum_list_li.gif) no-repeat;
    float:left;
}

.group_forum_body .bai_viet .noi_dung
{
    margin-top:12px;
    float:left;
    margin-left:10px;
}

.group_forum_body .bai_viet .noi_dung .title a
{
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
}

.group_forum_body .bai_viet .noi_dung .nut
{
    width:6px;
    height:6px;
}

.group_forum_body .hoi_dap
{
    float:right;
    width:107px;
    height:56px;
    background: url(../../../design/pic/group/group_forum_left.gif) repeat-y left;
	
}

.group_forum_body .hoi_dap .text
{
    margin-top:28px;
    margin-left:10px;
	word-wrap:break-word;
}

.group_forum_body .luot_xem
{
    float:right;
    width:73px;
    height:56px;
    background: url(../../../design/pic/group/group_forum_left.gif) repeat-y left;
}

.group_forum_body .luot_xem .text
{
    margin-top:28px;
    margin-left:10px;
}

.group_forum_list .footer
{
    height:36px;
    background: url(../../../design/pic/group/group_forum_footer.gif) repeat-x;
}

.group_forum_list .footer .text
{
    float:right;
    margin-top:5px;
    margin-right:13px;
}

.group_forum_list .footer .text a
{
    text-decoration:none;
    font-weight:bold;
}

/*########################
   DANH SÁCH THÀNH VIÊN
 ########################*/

.group_view_member_list
{
    background-color:#FFFFFF;
    border:solid 1px #1373A2;
    text-align:left;
}

.group_view_member_list .body
{
    background: url("../../../design/pic/group/group_member_list_body_bottom.png") repeat-x;
}

.group_view_member_list .body ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    margin-top:16px;
}
.group_view_member_list .body ul li
{
	float:left;
	height:100px;
	width:100px;
	background-image:none;
    margin-bottom:20px;

}

.group_view_member_list .body .group_gallery_photos_item .user_photo
{
    height:77px;
}

.group_view_member_list .body .group_gallery_photos_item .user_photo img
{
    border:1px solid #005680;
}

.group_view_member_list .footer
{
    background: url("../../../design/pic/group/group_member_list_footer.png") repeat-x;
    height:37px;
}

.group_view_member_list .footer .text
{
    float:right;
    margin-top:13px;
    margin-right:18px;
}

.group_view_member_list .footer .text a
{
    text-decoration:none;
    font-weight:bold;
}

/*########################
          SHOUT BOX
 ########################*/

.small_group_shoutbox
{
    background-color:#FFFFFF;
    border:solid 1px #1373A2;
    text-align:left;
}

.small_group_shoutbox .body
{
    height:440px;
}

.small_group_shoutbox .body .content
{
    margin-left:6px;
    margin-right:6px;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    background: url(../../../design/pic/group/shoutbox_body.gif) repeat-x;
    height:420px;
    margin-bottom:5px;
    clear:both;
}

.small_shoutbox_data
{
    height:410px;
    overflow:auto;
}

.group_shoutbox_item
{
    margin-bottom:5px;
}

.small_group_shoutbox .small_textbox
{
    background: url(../../../design/pic/group/group_shoutbox_footer.gif) repeat-x;
    height:77px;
}

.small_group_shoutbox_input
{
    width:190px;
    height:37px;
    margin-left:12px;
    margin-top:15px;
    font-size:20px;
    padding-top:10px;
}


.group_shoutbox
{
    background-color:#FFFFFF;
    border:solid 1px #1373A2;
    text-align:left;
}

.group_shoutbox .body
{
    height:170px;
}

.group_shoutbox .body .content
{
    margin-left:6px;
    margin-right:6px;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    background: url(../../../design/pic/group/shoutbox_body.gif) repeat-x;
    height:150px;
    margin-bottom:5px;
    clear:both;
}

.shoutbox_data
{
    height:130px;
    overflow:auto;
}

.group_shoutbox_item
{
    margin-bottom:5px;
}

.group_shoutbox .textbox
{
    background: url(../../../design/pic/group/group_shoutbox_footer.gif) repeat-x;
    height:40px;
}

.group_shoutbox_input
{
    width:650px;
    font-size:20px;
    margin-top:10px;
	margin-left:10px;
}

/*########################
       MEMBER LIST
 ########################*/

.member_list
{
    background-color:#FFFFFF;
    border:solid 1px #1373A2;
    text-align:left;
}

.member_list .body
{

    background: url(../../../design/pic/group/member_list_body.gif) bottom repeat-x;
    height:100%;
    padding-bottom:15px;
}

.member_list .body ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
    padding-left:0px;
    margin-top:16px;
	margin-left:4px;
}

.member_list .body ul li
{
	float:left;
	min-height:100px;
	width:75px;
	background-image:none;
    margin-left:0;
    margin-right:0;
    margin-bottom:20px;
}

.member_list .body .member_info
{
    text-align:center;
}

.member_list .body .member_info .avatar
{
    width:50px;
    height:50px;
}

.member_list .body .member_info .nickname
{
    margin-top:5px;
    margin-bottom:5px;
}

.member_list .body .member_info .delete
{
    background: url(../../../design/pic/group/xoa_thanh_vien_background.gif) repeat-x;
    height:19px;
    padding-top:3px;
}

.member_list .body .member_info .delete a
{
    text-decoration:none;
    color:#444444;
}

.member_list .footer
{
    height:36px;
    background: url(../../../design/pic/group/member_list_footer.gif) bottom repeat-x;
}

.member_list .footer .tong_so
{
    margin-top:11px;
    margin-left:26px;
    float:left;
}

.member_list .footer .paging
{
    margin-top:11px;
    margin-right:26px;
    float:right;
    height:15px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
}

.member_list .footer .paging a
{
    text-decoration:none;
    font-weight:normal;
}


/*########################
          NAVIGATOR
 ########################*/
.group_navigator
{
    width:256px;
    height:138px;
    background: url(../../../design/pic/group/nen2.gif) no-repeat;
}

.group_navigator .register
{
    width:170px;
    height:32px;
    background: url(../../../design/pic/group/dang_ky.gif) no-repeat;
}

.group_navigator .edit
{
    float:left;
    margin-left:4px;
    margin-top:2px;
}

.group_navigator .upload_photo
{
    float:right;
    margin-right:4px;
    margin-top:2px;
}

.group_navigator .invite
{
    float:left;
    margin-left:4px;
    margin-top:2px;
}

.group_navigator .delete
{
    float:right;
    margin-right:4px;
    margin-top:2px;
}

/*########################
       IMAGE GALLERY
 ########################*/

.member_list .body_list_picture
{

    background: url(../../../design/pic/group/member_list_body.gif) bottom repeat-x;
    height:100%;
    padding-bottom:15px;
}

.member_list .body_list_picture ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
    padding-left:0px;
    margin-top:16px;

}

.member_list .body_list_picture ul li
{
	float:left;
	width:171px;
	background-image:none;
    margin-left:0;
    margin-right:0;
    margin-bottom:20px;
}

.member_list .body_list_picture .member_info
{

}

.member_list .body_list_picture .member_info .avatar
{
    width:156px;
    height:191px;
    
}

.member_list .body_list_picture .member_info .avatar .image
{
    border:1px solid #AAAAAA;
    padding:2px;
}

.member_list .body_list_picture .member_info .avatar img
{
	max-width:150px;
	max-height:185px;
}

.member_list .body_list_picture .member_info .title
{
    color:#004388;
    font-weight:bold;
}

.member_list .body_list_picture .member_info .title a
{
    color:#004388;
    font-weight:bold;
    text-decoration:none;
}

.member_list .body_list_picture .member_info .nickname
{
    margin-top:5px;
    margin-bottom:5px;
}

.member_list .body_list_picture .member_info .delete
{
    background: url(../../../design/pic/group/xoa_thanh_vien_background.gif) repeat-x;
    height:19px;
    padding-top:3px;
}

.member_list .body_list_picture .member_info .delete .delete_photo
{
    float:left;
    margin-left:15px;
}

.member_list .body_list_picture .member_info .delete .default
{
    float:right;
    margin-right:15px;
}

.member_list .body_list_picture .member_info .delete a
{
    text-decoration:none;
    color:#444444;
}

.member_list .body .title
{
    margin-top:5px;
    margin-bottom:5px;
    font-size:13px;
    color:#1175BA;
    font-weight:bold;
}

.member_list .footer_image
{
    margin-bottom:15px;
    margin-top:10px;
}

.member_list .footer_image a
{
    text-decoration:none;
    color:#7A8081;
    font-size:12px;
    font-weight:bold;
}

.forum_title
{
    font-size: 15px;
    font-weight:bold;
    color: #7A8081;
}

.tham_gia_bang_hoi
{
    margin:10px;
}

/*########################
       FORUM LIST
 ########################*/

.forum_topic
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
}

.forum_topic .body
{
    background-color:#FFFFFF;
}

.forum_topic .body .title_forum
{
    margin:1px;
}

.forum_topic .body .title_forum .header1
{
    float:left;
    background: url(../../../design/pic/group/forum_list_header1_background.gif) repeat-y left;
    color:#004388;
    width:492px;
    height:38px;
    margin:0;
}

.forum_topic .body .title_forum .header1 .text
{
    margin-top:9px;
    margin-left:15px;
}

.forum_topic .body .title_forum .header2
{
    float:left;
    background: url(../../../design/pic/group/forum_list_header2_background.gif) repeat-y left;
    color:#004388;
    width:73px;
    height:38px;
    margin:0;
}

.forum_topic .body .title_forum .header2 .text
{
    margin-top:5px;
    margin-left:10px;
}

.forum_topic .body .title_forum .header3
{
    float:right;
    background: url(../../../design/pic/group/forum_list_header3_background.gif) repeat-y left;
    color:#004388;
    width:114px;
    height:38px;
    margin:0;
}

.forum_topic .body .title_forum .header3 .text
{
    margin-top:5px;
    margin-left:10px;
    width:50px;
}

.forum_topic .body .content
{
    border-top:1px dashed #BFBFBF;
}

.forum_topic .body .content .topic_list
{
    float:left;
    width:492px;
    height:67px;
}



.forum_topic .body .content .topic_list .avatar
{
    height:47px;
    border-right:1px solid #ACACAC;
    float:left;
    width:68px;
    margin-top:9px;
}

.forum_topic .body .content .topic_list .avatar .image
{
    margin-left:10px;
    border:1px solid #126289;
}

.forum_topic .body .content .topic_list .topic_description
{
    float:left;
    padding-top:7px;
    padding-left:6px;
}

.forum_topic .body .content .topic_list .topic_description .symbol1
{
    float:left;
    background: url(../../../design/pic/group/group_forum_list_li.gif) no-repeat top;
    width:31px;
    height:31px;
}

.forum_topic .body .content .topic_list .topic_description .topic_title
{
    padding-top:10px;
}

.forum_topic .body .content .topic_list .topic_description .topic_title a
{
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
}

.forum_topic .body .content .topic_list .topic_description .author
{
    float:left;
}

.forum_topic .body .content .topic_list .topic_description .symbol2
{
    float:left;
    margin-left:10px;
    width:6px;
    height:6px;
    background: url(../../../design/pic/group/latest_updated_groups_content_li.gif) no-repeat;
    margin-top:4px;
}

.forum_topic .body .content .topic_list .topic_description .time
{
    float:left;
    margin-left:3px;
}

.forum_topic .body .content .hoi_dap
{
    background: url(../../../design/pic/group/topic_list_header2.gif) repeat-y;
    float:left;
    width:73px;
    height:67px;
}

.forum_topic .body .content .hoi_dap .text
{
    margin-top:40px;
    margin-left:16px;
}

.forum_topic .body .content .hoi_dap_gan_nhat
{
    background: url(../../../design/pic/group/topic_list_header3.gif) repeat-y;
    float:right;
    width:114px;
    height:67px;
}

.forum_topic .body .content .hoi_dap_gan_nhat .text
{
	word-wrap:break-word;
    margin-top:40px;
    margin-left:16px;
	
}

.forum_topic .body .footer1
{
    border-top:1px dashed #BFBFBF;
    height:34px;
    background: url(../../../design/pic/group/forum_list_footer1.gif) repeat-x;
}

.forum_topic .body .from_to
{
    margin-left:15px;
    margin-top:10px;
}

.forum_topic .footer .post_new
{
    float:right;
    margin-top:5px;
    margin-right:30px;
}

.forum_topic .footer .post_new .symbol
{
    float:left;
    width:25px;
    height:34px;
    background: url(../../../design/pic/group/group_forum_them_chu_de.png) no-repeat;
}

.forum_topic .footer .post_new .text
{
    float:left;
    margin-left:5px;
    margin-top:7px;
}

.forum_topic_paging
{
    margin-top:11px;
    margin-left:15px;
    float:left;
    height:15px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    color:#7A8081;
    font-weight:bold;
}

.forum_topic_paging a
{
    text-decoration:none;
    color:#7A8081;
    font-weight:normal;
}

.forum_topic .footer
{
    margin:0;
    height:36px;
    background: url(../../../design/pic/group/member_list_footer.gif) bottom repeat-x;
}

/*########################
       FORUM LIST
 ########################*/

.view_topic
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
    padding:1px;
}

.view_topic .body
{
    background-color:#FFFFFF;
}

.view_topic .body .title1
{
    float:left;
    background: url(../../../design/pic/group/view_topic_user_background.gif) repeat-y;
    width:129px;
    height:36px;
    padding-left:15px;
}

.view_topic .body .title1 .text
{
    margin-top:10px;
}

.view_topic .body .title2
{

    float:left;
    background: url(../../../design/pic/group/view_topic_entry_header2_background.gif) repeat-y;
    width:520px;
    height:36px;
    padding-left:15px;
}

.view_topic .body .title2 .symbol
{
    float:left;
    background: url(../../../design/pic/group/bieu_tuong_bai_viet.gif) no-repeat;
    width:19px;
    height:19px;
    margin-top:7px;
}

.view_topic .body .title2 .topic_title
{
    float:left;
    margin-top:5px;
    margin-left:3px;
    margin-top:10px;
}

.view_topic .body .post
{
    border-top:1px black dotted;
}

.view_topic .body .post .author
{
    float:left;
    margin-top:15px;
    width:129px;
    padding-left:15px;
}

.view_topic .body .post .author .name
{
	word-wrap:break-word;
    margin-left:10px;
    margin-bottom:10px;
}

.view_topic .body .post .topic
{
    float:left;
	width:500px;
}

.view_topic .body .post .topic .body_header
{
    width:535px;
    height:28px;
    background: url(../../../design/pic/group/view_topic_entry_header_background.gif) repeat-x;
}

.view_topic .body .post .topic .body_header .trich_dan
{
    margin-top:5px;
    float:left;
    margin-left:20px;
}

.view_topic .body .post .topic .body_header .trich_dan .symbol
{
    float:left;
    width:14px;
    height:13px;
    background: url(../../../design/pic/group/trich_dan.gif) no-repeat;
}

.view_topic .body .post .topic .body_header .trich_dan .text
{
    float:left;
    margin-left:3px;
}

.view_topic .body .post .topic .body_header .sua
{
    margin-top:5px;
    float:left;
    margin-left:5px;
}

.view_topic .body .post .topic .body_header .sua .symbol
{
    margin-top:2px;
    float:left;
    width:13px;
    height:10px;
    background: url(../../../design/pic/group/xoa_bai_viet.gif) no-repeat;
}

.view_topic .body .post .topic .body_header .sua .text
{
    float:left;
    margin-left:3px;
}

.view_topic .body .post .topic .body_header .xoa
{
    margin-top:5px;
    float:left;
    margin-left:5px;
}

.view_topic .body .post .topic .body_header .xoa .symbol
{
    margin-top:2px;
    float:left;
    width:13px;
    height:10px;
    background: url(../../../design/pic/group/xoa_bai_viet.gif) no-repeat;
}

.view_topic .body .post .topic .body_header .xoa .text
{
    float:left;
    margin-left:3px;
}

.view_topic .body .post .topic .body_header .time
{
    margin-top:5px;
    float:right;
    margin-right:40px;
}

.view_topic .body .post .topic .body
{
    float:left;
    padding-top:5px;
    padding-left:40px;
    background: url("../../../design/pic/group/border_trai_bai_viet.gif") repeat-y left;
    width:495px;
}

.view_topic .body .post .topic .body .body_content
{
    margin-top:20px;
}

.view_topic .body .post .topic .body .body_footer
{
    float:right;
}

.view_topic .body .post .topic .body .body_footer .reply
{
    float:right;
}

.view_topic .body .post .topic .body .body_footer .back_to_top
{
    float:right;
    margin-left:5px;
    margin-top:4px;
}

.view_topic .footer
{
    background: url(../../../design/pic/group/member_list_footer.gif) repeat-x;
    height:36px;
}

.view_topic .footer .stat
{
    margin-top:15px;
    margin-left:15px;
    float:left;
}

.view_topic  .paging a
{
    text-decoration:none;
    color:#7A8081;
    font-size:12px;
    font-weight:bold;
}

.view_topic .footer .paging
{
    margin-top:15px;
    margin-right:15px;
    float:right;
}

.view_topic .footer .paging a
{
    text-decoration:none;
    color:#7A8081;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    font-weight:bold;
}



/*########################
       GROUP TEXT
 ########################*/

.group_text
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
    margin:1px;
}

.group_text .body
{
    min-height:70px;
    background: url(../../../design/pic/group/member_list_body.gif) bottom repeat-x;
    height:100%;
}

.group_text .body .text
{
    margin-left:20px;
    padding-top:30px;
}

.group_text .footer
{
    margin:0;
    height:36px;
    background: url(../../../design/pic/group/member_list_footer.gif) bottom repeat-x;
}

.group_text .footer .xem_dien_dan
{
    float:left;
    margin-top:8px;
    margin-left:50px;
}

.group_text .footer .xem_dien_dan .symbol
{
    float:left;
    width:20px;
    height:21px;
    background: url(../../../design/pic/group/bieu_tuong_dien_dan.gif) no-repeat;
}

.group_text .footer .xem_dien_dan .text
{
    float:left;
    margin-left:3px;
    margin-top:4px;
}

.group_text .footer .xem_thu_vien
{
    float:left;
    margin-top:7px;
    margin-left:100px;
}

.group_text .footer .xem_thu_vien .symbol
{
    float:left;
    width:21px;
    height:22px;
    background: url(../../../design/pic/group/bieu_tuong_gallery.gif) no-repeat;
}

.group_text .footer .xem_thu_vien .text
{
    float:left;
    margin-left:3px;
    margin-top:4px;
}

.group_text .footer .xem_thanh_vien
{
    float:right;
    margin-right:50px;
    margin-top:8px;
}

.group_text .footer .xem_thanh_vien .symbol
{
    float:left;
    width:21px;
    height:25px;
    background: url(../../../design/pic/group/bieu_tuong_thanh_vien.gif) no-repeat;
}

.group_text .footer .xem_thanh_vien .text
{
    float:left;
    margin-left:3px;
    margin-top:4px;
}

/*########################
     FORUM LIST REPLY
 ########################*/
.group_forum_reply
{
    margin-top:10px;
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
    padding:1px;
}

.group_forum_reply .header .symbol
{
    float:left;
    width:22px;
    height:24px;
    background: url(../../../design/pic/group/symbol_gui_phan_hoi.gif) no-repeat;
    margin-left:50px;
    margin-top:7px;
}

.group_forum_reply .header .text
{
    float:left;
    margin-left:3px;
    margin-top:13px;
}

.group_forum_reply .footer
{
    height:30px;
    background: url(../../../design/pic/group/group_forum_reply_footer.gif) repeat-x;
}



.invite_to_group
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
    margin:1px;
}

.invite_to_group .header
{
    background: url(../../../design/pic/group/group_member_list_header.gif) repeat-x;
	height: 30px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
}

.invite_to_group .header a
{
    text-decoration:none;
    color:black;
}

.invite_to_group .header ul
{
    margin:0;
    padding-left:20px;
    padding-top:7px;
}

.invite_to_group .header ul li
{
    list-style-image: url("../../../design/pic/group/mui_ten_trang_quay_phai.gif");
    font-size:12px;
    font-weight:bold;
}

.invite_to_group .body
{
    min-height:70px;
    background: url(../../../design/pic/group/member_list_body.gif) bottom repeat-x;
    height:100%;
    padding-bottom:20px;
}

.invite_to_group .body .body_header
{
    background: url(../../../design/pic/group/invite_to_group_body_top.gif) repeat-x;
    height:42px;
}

.invite_to_group .body .body_header .textbox
{
    float:left;
    margin-left:20px;
    margin-top:10px;
}

.invite_to_group .body .body_header .textbox input
{
    border:1px solid #7A7A7A;
}

.invite_to_group .body .body_header .button_tim
{
    float:left;
    margin-top:9px;
}

.invite_to_group .body .users_found
{
    position:relative;
    height:100%;
    width:100%;
    background: url(../../../design/pic/group/invite_to_group_body_search.gif) repeat-x bottom;
    background-color:#E4E4E4;
    margin-top:-11px;
    padding-top:25px;

}

.invite_to_group .body .users_found ul
{
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    padding-left:0px;
    margin-left:15px;
    margin-bottom:10px;
}
.invite_to_group .body .users_found ul li
{
    float:left;
	width:60px;
	background-image:none;
    margin-bottom:20px;
    margin-right:13px;
}

.invite_to_group .body .list
{
    background-color:#ECECEC;
    border:1px solid #BEBEBE;
    width:90%;
    overflow:auto;
    text-align:left;
}

#friends_list
{
    margin-top:50px;
    min-height:200px;
    overflow:hidden;
}

#friends_list .symbol
{
    position:relative;
    background: url(../../../design/pic/group/friends_list.gif) no-repeat;
    width:141px;
    height:33px;
    margin-top:-35px;
    margin-left:-3px;
}

#invited_list
{
    margin-bottom:20px;
    margin-top:35px;
    min-height:200px;
}

#invited_list .symbol
{
    position:relative;
    background: url(../../../design/pic/group/invited_list.gif) no-repeat;
    width:142px;
    height:33px;
    margin-top:-35px;
    margin-left:-3px;
}

.invite_to_group .body .send_email
{
    
}

.invite_to_group .body .send_email .symbol
{
    
    float:left;
    background: url(../../../design/pic/group/send_email.gif) no-repeat;
    width:142px;
    height:33px;
    position:relative;
    margin-left:32px;
    margin-bottom:-2px;
    _margin-left:16px;
    _margin-bottom:-50px;
}

.invite_to_group .body .send_email textarea
{
    width:90%;
    height:90px;
    overflow:hidden;
}

.invite_to_group .body .send_email .giai_thich
{
    position:relative;
    float:left;
    margin-top:10px;
    color:#4F4F4F;
    font-size:12px;
    font-style:italic;
    _margin-bottom:-12px;
}

.invite_to_group .body .list ul
{
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
    padding-left:0px;
    margin-left:15px;
    margin-top:16px;
}

.invite_to_group .body .list ul li
{
    float:left;
	width:60px;
	background-image:none;
    margin-bottom:20px;
    margin-right:13px;
}

.invite_to_group .body .list .avatar
{
    height:52px;

}

.invite_to_group .body .list .avatar img
{
    border:1px solid #116188;
    cursor:pointer;
}

/*########################
     FORUM LIST REPLY
 ########################*/

.comment_gallery
{
	margin-top:10px;
	text-align:left;
	background-color:#FFFFFF;
    border:solid 1px #1373A2;
}

#ajax_main_form
{
	text-align:center;
	width:95%;
}

.comment-acomment
{
	margin-top:10px;
	margin-left:15px;
}

.comment-acomment .blog-cmt-left
{
	float:left;
	text-align:center;
}

.comment-acomment .blog-cmt-left .blog-cmt-nick a
{
	font-weight:bold;
	text-decoration:none;
	color:black;
}

.comment-acomment .blog-cmt-right 
{
	float:left;
}

.comment-acomment .blog-cmt-right .blog-cmt-tail
{
	float:left;
	background:url('../../../design/pic/blog/cmt_tail.gif') no-repeat;
	width:15px;
	height:22px;
	margin:10px 0px 0px 10px;
}
.comment-acomment .blog-cmt-right .blog-cmt-top
{
	background:url('../../../design/pic/blog/cmt_top.gif') no-repeat;
	width:542px;
	height:10px;
}
.comment-acomment .blog-cmt-right .blog-cmt-bottom
{
	background:url('../../../design/pic/blog/cmt_bottom.gif') no-repeat;
	width:542px;
	height:10px;
}
.comment-acomment .blog-cmt-right .blog-cmt-body
{
	background:url('../../../design/pic/blog/cmt_body.gif') repeat;
	width:522px;
	padding:0px 10px 0px 10px;
}

.comment-acomment .blog-cmt-right  .blog-cmt-info
{
	float:right;
	margin-top:3px;
}

/*########################
        FACEBOX
 ########################*/

#facebox .b {
  background:url(../../../design/pic/facebox/b.png);
}

#facebox .tl {
  background:url(../../../design/pic/facebox/tl.png);
}

#facebox .tr {
  background:url(../../../design/pic/facebox/tr.png);
}

#facebox .bl {
  background:url(../../../design/pic/facebox/bl.png);
}

#facebox .br {
  background:url(../../../design/pic/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer
{
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay
{
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide
{
  z-index:-100;
}

.facebox_overlayBG
{
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay
{ /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*########################
			EVENT
 ########################*/

.add_edit_event
{
    background-color: #fff;
    border:solid 1px #1373A2;
    text-align:left;
}

.add_edit_event .header
{
    background: url(../../../design/pic/group/category_list_header.gif) repeat-x;
	height: 30px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
}

.add_edit_event .header a
{
    text-decoration:none;
    color:black;
}

.add_edit_event .header ul
{
    margin:0;
    padding-left:20px;
    padding-top:7px;
}

.add_edit_event .header ul li
{
    list-style-image: url("../../../design/pic/group/mui_ten_trang_quay_phai.gif");
    font-size:12px;
    font-weight:bold;
}

.add_edit_event .body
{
    min-height:70px;
    background: url(../../../design/pic/group/member_list_body.gif) bottom repeat-x;
    height:100%;
}

.add_edit_event .body .text
{
    margin-left:20px;
    padding-top:30px;
}

.add_edit_event .footer
{
    margin:0;
    height:36px;
    background: url(../../../design/pic/group/member_list_footer.gif) bottom repeat-x;
}

.add_edit_event .footer .xem_dien_dan
{
    float:left;
    margin-top:8px;
    margin-left:50px;
}

.add_edit_event .footer .xem_dien_dan .symbol
{
    float:left;
    width:20px;
    height:21px;
    background: url(../../../design/pic/group/bieu_tuong_dien_dan.gif) no-repeat;
}

.add_edit_event .footer .xem_dien_dan .text
{
    float:left;
    margin-left:3px;
    margin-top:4px;
}

.add_edit_event .footer .xem_thu_vien
{
    float:left;
    margin-top:7px;
    margin-left:100px;
}

.add_edit_event .footer .xem_thu_vien .symbol
{
    float:left;
    width:21px;
    height:22px;
    background: url(../../../design/pic/group/bieu_tuong_gallery.gif) no-repeat;
}

.add_edit_event .footer .xem_thu_vien .text
{
    float:left;
    margin-left:3px;
    margin-top:4px;
}

.add_edit_event .footer .xem_thanh_vien
{
    float:right;
    margin-right:50px;
    margin-top:8px;
}

.add_edit_event .footer .xem_thanh_vien .symbol
{
    float:left;
    width:21px;
    height:25px;
    background: url(../../../design/pic/group/bieu_tuong_thanh_vien.gif) no-repeat;
}

.add_edit_event .footer .xem_thanh_vien .text
{
    float:left;
    margin-left:3px;
    margin-top:4px;
}

/*########################
		VIEW PICTURE
 ########################*/
 
 
.member_list .body .album_info
{
	margin-left:10px;
	margin-top:20px;
	float:left;
}
.member_list .body .navigator_album
{
	margin-right:10px;
	margin-top:20px;
	float:right;
}