/* Group */
#group_info_data {width: 751px; float: left; padding-top:15px; padding-left: 17px; padding-bottom: 14px; border: 1px solid #C9DFE6; background: #FFF url(/images/group/img_info_bg01.gif) repeat-x left bottom;}
#group_info_data .list_info {clear: both;}
#group_info_data .list_info .info {width: 620px; float: left; }
#group_info_data .start {width: 620px; clear:both; color: #666666; margin-top:10px; line-height: 17px;}
#group_info_data .text {width: 640px; clear:both; color: #424242; line-height: 17px; margin-bottom:4px;}
#group_info_data .btn {width: 620px; clear:both; margin-top:4px;}
#group_info_data .text textarea {border: 1px solid #E3E3E3; background-color: #F9F9F9; color: #424242; padding: 10px; width: 580px; line-height: 16px;}
#group_info_data .text .none {color: #939393; height: 15px;}
#group_info_data .d_info, #group_info_data .title {margin-right: 13px;}
#group_info_data .d_info {float: left; color: #666666; padding-top:9px; padding-bottom:8px}
#group_info_data .d_info02 {float: left; color: #666666; padding-top:2px; padding-bottom:6px}
#group_info_data .d_info02 img {vertical-align:middle; padding-right:4px; }
#group_info_data .admin {color: #FF6600; margin-left: 5px;}
#group_info_data .photo {width: 50px; margin-right: 20px; float:left; }
#group_info_data .title, #group_info_data .title a {font-size: 18px; font-weight: bold; letter-spacing:1px;}
#group_info_data .title { margin-top:2px;}
#group_info_data .data {float: left; width:500px; margin-bottom:16px;}
#group_info_data .data .sel {font-weight: bold; color: #424242;}
#group_info_data .data ul li  {float: left; position: relative; padding-left: 24px; background: url(/images/common/menu_spacebar02.gif) no-repeat 13px 50%;}
#group_info_data .data ul li.fst {padding-left: 0; background: none;}
.data_menu {position: absolute; padding-right: 2px; background: url(/images/group/img_box_bg02.gif) no-repeat left top; overflow:hidden;}
.data_menu .list {background-color: #FFF; border: 1px solid #93C9DC; padding: 6px 0 6px 6px;}
.data_menu .bottom {height:2px; background: url(/images/group/img_box_bg01.gif) repeat left bottom;}
.data_menu label {color: #424242;}

#post_list {width: 100%; border-top: 1px solid #C1E1EB;}
#post_list thead th {background-color: #D7F1F8;  border-bottom: 1px solid #C1E1EB; font-weight: normal; text-align: center; color: #005068;}
#post_list tbody td {border-bottom: 1px solid #E3E3E3; color: #666666; padding-top:3px;}
#post_list tbody dt, #post_list tbody dd {float: left;}
#post_list tbody dt {width: 24px;}
#post_list tbody dd {padding-top: 3px;}
#post_list tbody dd a{padding-left: 4px;}
#post_list thead th, #post_list tbody .subject , #post_list tbody .date {padding:7px 0 5px 0;}
#post_list tbody .subject {padding-left: 12px;}
#post_list tbody .subject div {width:430px; height:19px; overflow:hidden;}
#post_list tbody .file {padding-left: 31px; background: url(/images/common/icon/ico_file.gif) no-repeat 12px 3px;}
#post_list .no_message { padding:60px 0 60px 0 }

#group_member_view {width: 100%; overflow: hidden;}
#group_member_view .title, #group_member_view .title a {font-size: 14px;}
#group_member_view .name {color: #666666; margin-top: 8px;}
#group_member_view .file {height: 16px; padding-top: 7px; margin-top:7px; margin-bottom: 9px;}
#group_member_view .text {line-height: 18px; color: #000000;}

#group_make {width: 703px; overflow: hidden;}
#group_make .comment {color: #424242; padding: 0 0 10px 0; line-height: 19px;}
#group_make .commnet01 {color: #666666; padding-top: 4px;}
#group_make .input {width: 699px; overflow: hidden; border: 2px solid #E8F6FB;overflow: hidden;}
#group_make .input .box {width: 697px; background-color: #FDFFFF; border: 1px solid #B1DFF2; padding-top: 19px; padding-bottom: 22px;overflow: hidden;}
#group_make th {font-size: 14px; vertical-align: top; text-align: right; padding-top: 2px ;padding-right: 7px; color: #424242; font-weight: normal;}
#group_make td {padding-bottom: 12px;}
#group_make .gray, #group_make label {color: #424242;}
#group_make div.file {height: 16px; padding-top: 7px; margin-top:7px; margin-bottom: 9px;}
#group_make li.file {height: 19px; padding-top: 4px; margin-top:7px;}
#group_make li.btn {padding-top:7px; padding-bottom: 17px;}

.group_icon {width: 386px; height: 160px; overflow: auto; padding: 10px 0 8px 8px; border: 1px solid #9FCCFA; background-color: #EAF8FF;}
.group_icon ul {float: left; width: 58px; margin-left: 26px; margin-bottom: 15px;}
.group_icon li {text-align: center;}

/* Group List Wide view*/
#group_list_wide_view {width: 771px; padding-bottom:21px; border-bottom:1px solid #DADADA; overflow: hidden;}
#group_list_wide_view .list_info {clear: both;}
#group_list_wide_view .list_info .info {width: 701px; float: right;}
#group_list_wide_view .member {width: 701px; clear:both; color: #666666; padding-top:4px; line-height: 16px;}
#group_list_wide_view .start {width: 701px; clear:both; color: #666666; line-height: 16px;}
#group_list_wide_view .text {width: 701px; clear:both; color: #424242; padding-top:9px; line-height: 19px; }
#group_list_wide_view .data {width: 701px; clear:both; color: #424242; padding-top:4px; line-height: 19px;}
#group_list_wide_view .public, #group_list_wide_view .title {margin-right: 10px;}
#group_list_wide_view .public {float: left; color: #666666; padding-top:2px;}
#group_list_wide_view .admin {float: left; color: #FF6600; padding-top:2px;}
#group_list_wide_view .group {float: left; color: #666666; padding-top:2px;margin-right: 15px;}
#group_list_wide_view .photo {width: 60px; float: left;}
#group_list_wide_view .title, #group_list_wide_view .title a {font-size: 16px;}
#group_list_wide_view .title {float: left; color: #424242; padding-top:2px;}
#group_list_wide_view li.more {text-align: left; padding-top:4px; }
#group_list_wide_view div.more {width: 771px; clear: both; text-align: right; padding-bottom:5px;}
#group_list_wide_view .more  a {font-size: 12px; font-weight: normal; padding-left: 8px; padding-right: 15px; background: url(/images/common/icon/ico_arrow.gif) no-repeat 0 3px;}
#group_list_wide_view .gList_name { margin-left:10px;}

/* Group Member list*/
#group_member_list {width: 100%; overflow: hidden;}
#group_member_list .list_info {float:left; width: 360px;  margin-left: 14px;}
#group_member_list .list_info .info {width: 295px; float:left; }
#group_member_list .photo {width: 50px; float: left; margin-right: 14px;  margin-top:6px;}
#group_member_list .title, #group_member_list .title a {font-size: 16px;}
#group_member_list .title {float: left; color: #424242; padding-top:2px; margin-right: 10px;}
#group_member_list .list_info .title img {margin-bottom:-4px; margin-left:5px;} 
#group_member_list .admin {float: left; color: #FF6600; padding-top:7px;}
#group_member_list .blocked {float: left; color: #FC0404; padding-top:4px;}
#group_member_list .data {clear: both; color: #666666; padding-top:4px;}
#group_member_list .data, #group_member_list .data a { padding-top:2px; line-height: 17px;}
#group_member_list .menu {width: 295px; clear: both; overflow: hidden;}
#group_member_list .menu ul {width: 295px; clear: both; overflow:hidden; padding-top: 8px;}
#group_member_list .menu a {padding-left: 3px; padding-right: 3px; }
#group_member_list .menu li {float: left; background-color: #F1F1F1; padding-top:1px;}
#group_member_list .menu .bar {padding-left: 15px; background: #F1F1F1 url(/images/common/menu_spacebar02.gif) no-repeat 7px 50%;}
#group_member_list .admin, #group_member_list .admin a,
#group_member_list .blog, #group_member_list .blog a,
#group_member_list .menu, #group_member_list .menu a
#group_member_list .data, #group_member_list .data a {font-size: 12px;}
#group_member_list .comment {color: #666; font-size: 12px; padding: 10px 0 15px 0;}

/* Group Board */
#group_board_view {width: 100%; overflow: hidden;}
#group_board_view .list_info {clear: both;}
#group_board_view .list_info .info {width: 701px; float: right;}
#group_board_view .start {width: 701px; clear:both; color: #666666; line-height: 16px;}
#group_board_view .text {width: 701px; clear:both; color: #000000; padding:10px 0 10px 0; line-height:18px;}
#group_board_view .text p {line-height: 16px; }
#group_board_view .public, #group_board_view .title {margin-right: 10px;}
#group_board_view .photo {width: 58px; float: left; margin-right: 12px;}
#group_board_view .title, #group_board_view .title a {font-size: 14px; font-weight: bold;}
#group_board_view .title {float: left; color: #424242; padding-top:2px; }
#group_board_view .file {width: 701px; clear:both; height: 16px; padding-top: 7px; margin-top:7px; margin-bottom: 9px; }
#group_board_view .title .del, #group_board_view .reply .title .del { margin-left:7px; font-size:13px; font-weight:normal; text-decoration:none;}
#group_board_view .btn { clear: both; margin-top:10px; padding-bottom:3px }
#group_board_view .btn_answer { font-size:14px; padding-left:23px; padding-bottom:2px; background: url(/images/common/icon/ico_write.gif) no-repeat;}
#group_board_view .btn_list { font-size:14px; padding-left:20px; padding-bottom:2px; margin-left:25px; background: url(/images/common/icon/ico_list02.gif) no-repeat;}


#group_board_view .reply {clear: both; margin-left: 70px;}
#group_board_view .reply .list_info .info {width: 631px; float: right;}
#group_board_view .reply .start {width: 631px; clear:both; color: #666666; line-height: 16px;}
#group_board_view .reply .text {width: 608px; clear:both; color: #000000; padding:10px 0 10px 0;}
#group_board_view .reply .text p {line-height: 16px; }
#group_board_view .reply .title { padding-left: 45px; background: url(/images/common/icon/ico_re.gif) no-repeat left 50%;}
#group_board_view .reply .title, #group_board_view .reply .title a {font-size: 14px; font-weight: normal;}
#group_board_view .reply .file {width: 631px; clear:both; height: 16px; padding-top: 7px; margin-top:7px; margin-bottom: 9px;}

/* Group Invite */
.group_invite_tit {margin:18px 0 7px 0; color:#212121;}
.group_invite_comment {margin:10px 0 8px 0; line-height:22px;}
.group_invite_result {margin-top:15px; line-height:20px;}
.group_invite_result p {margin-bottom:10px;}
.group_invite_txt a {text-decoration:underline;}
.group_invite_list {margin-top:15px; line-height:19px;}
.group_invite_list ul {margin-bottom:25px;}


#group_board_write {width: 771px; background-color: #F9F9F9; border-top: 1px solid #E6E6E6; padding: 18px 0 14px 0; overflow:hidden;}
#group_board_write th {font-size: 14px; vertical-align: top; text-align: right; padding-top: 2px ;padding-right: 7px; color: #424242; font-weight: normal;}
#group_board_write div.file {height: 20px; padding-top: 7px; margin-top:7px; margin-bottom: 9px;}
#group_board_write div.post_body {padding-top: 7px; margin-top:7px; margin-bottom: 9px;}
#group_board_write div.post_body p {line-height:16px;}
#group_board_write li.file {height: 19px; padding-top: 4px; margin-top:7px;}
#group_board_write li.btn {padding-top:7px; padding-bottom: 17px;}

#reply_write {clear: both; margin-left: 70px;}
#reply_write .title {color: #E9165B; font-weight: bold;}
#reply_write .file {height: 20px; padding-top: 7px; margin-top:7px; margin-bottom: 9px;}
#reply_write .post_body {padding-top: 7px; margin-top:7px; margin-bottom: 9px; }
#reply_write .post_body p {line-height:16px;}
#reply_write .btn {padding-top: 11px; text-align: center;}

/* group info */
.group_info {position:relative; margin-left:15px;}
.group_info .photo {width:65px; float:left; margin-top:2px; }
.group_info li {color: #666666; font-size: 12px; padding-bottom: 3px; line-height: 16px;}
.group_info .public {padding-bottom: 7px;}
.group_info .more { font-size: 12px; font-weight: normal; padding-left: 8px; background: url(/images/common/icon/ico_arrow.gif) no-repeat 0 3px;}
.group_info .info { margin-left: 65px}
.group_info .title {font-size:14px;}
.group_info .admin {color: #FF6600; margin-left: 5px;}