/* ----------------------------------------------------------------------
 *
 * File: groups.css
 * Title: HauteNet helper styles for Groups section for screen media
 * Updated: June 15 2008
 *
 * ---------------------------------------------------------------------- */

ul#all-groups {
}
ul#all-groups li {
	list-style: none;
	display: block;
	float: left;
	padding: 10px;
	margin: 0 20px 20px 0;
	border: 2px #ccc solid;
}
ul#all-groups span {
	display: block;
	margin: 0;
	width: 185px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
ul#all-groups span a {
	display: block;
}
 
 
.group-admin-img {
  vertical-align: middle;
}
 
#main {
  width: 460px; 
	padding-right: 25px;
}
 
 
/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main
	 ---------------------------------------------------------------------- */
/*
#main div
, #main dl, #main dl dd, #main dl dt
, #main ul, #main ul li
, #main ol, #main ol li
, #main table, #main table caption, #main table tr td, #main table tr th	
, #main form.frm, #main form.frm fieldset, #main form.legend	{
	margin: 0;
	border-style: none;
	padding: 0;
	clear: none;
	float: none;
	text-align: left;
}
*/
#main h3
,#main #member_summary
,#main #member_url_display
,#main #new_messages
,#main #recent_bulletins
,#main #recent_topics
,#main #search_topics
,#main #recent_replies
,#main #new_members
,#main #new_events
,#main #connection-list
,#main #message_compose
,#main #message_view
,#main #bulletin_view
,#main #bulletin_compose
,#main #group_settings
,#main #admin_details
,#main #request_details
,#main #admin_settings
,#main #group_join
,#main #group_profile	{
	margin: 0 0 15px;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main table
	 ---------------------------------------------------------------------- */
#main table	{
	border-collapse: collapse;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main form.frm
	 ---------------------------------------------------------------------- */
#forum-form label
,#forum-form input 
,#group-form label
,#group-form input {
	font-size: 12px;
}
#forum-form form table 
,#group-form form table {
	width: 100%;
  border-collapse: collapse;
}
#forum-form .note 
,#group-form .note {
	color: #888;
	font-size: 11px;
}
#forum-form form th 
,#group-form form th {
	width: 100px;
	text-align: right;
	vertical-align: top;
}
#forum-form form th em 
,#group-form form th em {
	font-size: 125%;
	font-weight: bold;
	color: #aa0000;
}
#forum-form form th
,#forum-form form td 
,#group-form form th
,#group-form form td {
	padding: 7px;
	border-top: 1px solid #eee;
	border: none;
}
#forum-form form tr.alt 
,#group-form form tr.alt {
	background-color: #f5f5f5;
}
#forum-form form td label 
,#group-form form td label {
	display: block;
	margin: 2px 0 0;
}
#forum-form .input-text
,#forum-form select 
,#group-form .input-text
,#group-form select {
	width: 175px;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #sidebar
	 ---------------------------------------------------------------------- */
#sidebar #group_logo	{
	margin: 0 0 20px;
}

#sidebar #group_infobox	{
	margin: 0 0 12px;
  border: 1px solid #d8d5cd;
	padding: 8px; 	
  background-color: #fffce6;
}

#sidebar #group_infobox	h5.headline{
	margin: 0 0 10px;
	border-bottom: 1px solid #D8D5CD; 
	padding: 0 0 10px; 
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #group_name
	 ---------------------------------------------------------------------- */
#main h3	{
	border-bottom: 4px solid #d9d9d9;
	padding: 30px 0 20px; 
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #groups_list
	 ---------------------------------------------------------------------- */
#main #groups_list	{
	margin: 8px 0;
	padding: 8px 0;
}

#main #groups_list dl	{
	border-top: 1px solid #ddd;
	padding: 16px 0;
	float: left;
	position: relative;
	clear: both;
/*	width: 496px; */
}

#main #groups_list dl dt.group_name	{
	font-size: 13px;
	font-weight: bold;
	float: right;
	width: 248px;
}

#main #groups_list dl dd.group_logo	{
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 248px;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #member_summary
	 ---------------------------------------------------------------------- */
#main #member_summary	{
	font-size: 13px; 
	color: #666; 
	line-height: 1.5em;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #member_url
	 ---------------------------------------------------------------------- */
#main #member_url_display	{
	font-weight: bold;
	padding: 0 0 15px;
	border-bottom: #d9d9d9 solid 1px;
}
#main #member_url_display span	{
	color: #888;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #new_messages
	 ---------------------------------------------------------------------- */
#main #new_messages	{
}

#main #new_messages ul	{
	padding: 8px;
	width: inherit;
}

#main #new_messages ul li	{
	/*margin: 0 0 8px; */
	padding: 10px 0;
	list-style: none;
	border-bottom: 1px #eee solid;
}
#main #new_messages ul li .sender-profile-photo img {
	width: 30px;
	float: left;
	margin: 0 10px 0 0;
}
#main #new_messages ul li .message-from {
	font-size: 11px;
	line-height: 1.6em;
	color: #aaa;
}
#main #new_messages ul li .message-from b {
	font-weight: normal;
	color: #000;
}
#main #new_messages ul li .message-subject {
	font-size: 11px;
	font-weight: bold;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #recent_topics
	 #body-container #body-inner #content #main #recent_replies
	 ---------------------------------------------------------------------- */
#main #recent_topics	
,#main #search_topics
,#main #recent_replies	{
}
#main #recent_topics	ul
,#main #search_topics ul
,#main #recent_replies ul	{
	padding: 8px;
	width: inherit;
}
#main #recent_topics	ul li
,#main #search_topics ul li
,#main #recent_replies ul li 	{
	padding: 10px 0;
	list-style: none;
	border-bottom: 1px #eee solid;
}
#main #recent_topics ul li .div-left
,#main #search_topics ul li .div-left
,#main #recent_replies ul li .div-left 	{
	display: block; 
	float: left; 
	width: 75px;
}
#main #recent_topics ul li .div-right
,#main #search_topics ul li .div-right
,#main #recent_replies ul li .div-right 	{
	display: block; 
	float: left; 
	width:355px;
}

#main #recent_topics ul li .topic-title
,#main #search_topics ul li .topic-title
,#main #recent_replies ul li .topic-title 	{
	font-size: 14px; 
	font-weight: bold; 
	line-height: 1.4em;
}
#main #recent_topics ul li .topic-meta
,#main #search_topics ul li .topic-meta
,#main #recent_replies ul li .topic-meta 	{
	color: #888;
	font-size: 11px;
	line-height: 1.6em;
}
#main #recent_topics ul li .topic-meta b 
,#main #search_topics ul li .topic-meta b 
,#main #recent_replies ul li .topic-meta b	{
	color: #000;
	font-weight: normal;
}
#main #recent_topics ul li .topic-meta span 
,#main #search_topics ul li .topic-meta span 
,#main #recent_replies ul li .topic-meta span	{
	white-space: nowrap;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}
.meta-replies {
	color: #000;
}
.meta-replies
,.meta-poster {
	border-right: 1px solid #aaa;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #new_members
	 ---------------------------------------------------------------------- */
#main #new_members	{
}

#main #new_members ul	{
	padding: 8px;
	width: inherit;
}
#main #new_members ul li 	{
	padding: 10px 0;
	margin: 0 0 5px;
	background: #eee;
	list-style: none;
	border-top: 1px #ccc solid;
}

#main #new_members .member_options	{
	padding: 0;
	font-size: 11px;
}
#main #new_members .member_options li	{
	list-style: none;
	border: none;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

#main #new_members .member_name	{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}

#main #new_members .member_headline	{
	font-size: 11px; 
	line-height: 1.5em;
	color: #777;
}

#main #new_members .member_loc	{
	font-size: 11px; 
	line-height: 1.5em;
	color: #777;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #new_events
	 ---------------------------------------------------------------------- */
#main #new_events	{
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #connection-list
	 ---------------------------------------------------------------------- */
#connection-list {
  padding: 10px;
	border: 1px solid #aaa;
	height: 437px;
	width: 438px;
	overflow: scroll;
}
#connection-list table {
  border-collapse: collapse;
}
#connection-list td {
  padding: 8px 0;
	border-bottom: 1px #ddd solid;
}
#connection-list td.network-profile-photo {
	width: 52px;
}
#connection-list td.network-profile-photo img {
	width: 40px; 
	height: 40px; 
	margin: 3px 0 0 3px;
}
#connection-list td.network-user-info {
	width: 329px;
}
#connection-list td.network-connection-count {
	width: 40px;
	font-weight: bold;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #messages_not_found
	 ---------------------------------------------------------------------- */
#main #messages_not_found	{
	margin: 24px auto; 
	padding: 24px;
	width: 384px; 
	background-color: #E5ECF9; 
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #message_compose
	 ---------------------------------------------------------------------- */
#main #message_compose	{
}

#main #message_compose h5.profile_name	{
	margin: 8px 0 2px;
}

#main #message_compose p.profile_headline	{
	color: #999;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #message_view
	 ---------------------------------------------------------------------- */
#main #message_view	{
	float: left;
}

#main #message_view	h5.subject	{
	padding: 0 0 8px;
	clear: both; 
}

#main #message_view	p.profile_photo	{
	padding: 0 8px 8px 0;
	float: left;
	width: 64px;
}

#main #message_view	p.profile_name
, #main #message_view	p.actions
, #main #message_view	p.sent_on	{
	padding: 0 0 4px;
	float: right;
	width: 424px;
}

#main #message_view	p.profile_name	{
	line-height: 1.4em;
}

#main #message_view	p.actions	{
	line-height: 1.4em;
}

#main #message_view	p.sent_on	{
}

#main #message_view	h6.headline	{
	font-size: 13px;
	font-weight: normal;
	border-top: 1px solid #d9d9d9; 
	padding: 8px 0; 
	clear: both; 
}

#main #message_view	p.contents	{
	margin: 0 0 0 4px;
	border-left: 4px solid #e5e5e5; 
	padding: 16px; 
	color: #666;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main table#bulletins_list
	 ---------------------------------------------------------------------- */
#main table#bulletins_list	{
	margin: 16px 0;
}

#main table#bulletins_list caption	{
	font-size: 15px;
	font-weight: bold;
	caption-side: top;
	text-align: left;
}

#main table#bulletins_list colgroup#colgp_bulletin_details	{
	width: 404px;
}

#main table#bulletins_list colgroup#colgp_bulletin_details col#col_bulletin_select	{
	width: 32px;
}

#main table#bulletins_list colgroup#colgp_bulletin_details col#col_bulletin_title	{
	width: auto;
}

#main table#bulletins_list col#col_bulletin_date	{
	width: 96px;
}

#main table#bulletins_list thead tr th	{
	border-bottom: 2px solid #ddd;
	padding: 8px 0;
	color: #888;
}

#main table#bulletins_list tbody tr td	{
	border-bottom: 1px solid #ddd;
	padding: 8px 0;
}

#main table#bulletins_list tbody p.bulletin_title	{
	padding: 0 8px 0 0;
}

#main table#bulletins_list tbody p.added_on	{
	font-size: 11px; 
	color: #999;
}

#main form input.button_generic	{
	display: block;
	border-style: none;
	padding: 2px 4px;
	color: #f5f5f5;
	background-color: #b5b5b5;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #bulletin_view
	 ---------------------------------------------------------------------- */
#main #bulletin_view	{
}

#main #bulletin_view h5.title	{
	padding: 16px 0 2px;
}

#main #bulletin_view p.added_on	{
	color: #999;
	font-size: 12px;
	padding: 0 0 16px;
}

#main #bulletin_view p.contents	{
	border-style: solid;
	border-width: 1px 0 0;
	border-color: #ddd;
	padding: 10px 5px 0;
	color: #333;
	line-height: 1.5em;
}

/* ----------------------------------------------------------------------
	 #topic_view
	 ---------------------------------------------------------------------- */
#main #topic_view	{
}

#main #topic_view h4.title	{
	padding: 16px 0 2px;
}

#main #topic_view .topic-meta
,#main #topic_view .reply-meta {
	color: #999;
	font-size: 11px;
	line-height: 1.6em;
	padding: 0 0 16px;
}
#main #topic_view .reply-meta {
	padding: 0;
}
#main #topic_view .topic-meta b
,#main #topic_view .reply-meta b {
	color: #000;
	font-weight: normal;
}
#main #topic_view .topic-meta span
,#main #topic_view .reply-meta span {
	white-space: nowrap;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}
span.flag_entity 
,span#flag_entity {
	white-space: normal !important;
	padding:0 !important;
	margin:0 !important;
}
.lnk_flag {
	padding-left: 10px;
	background-image: url(https://s3.amazonaws.com/hautenet.com/static/images/icons/icon_flag_sm.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.meta-added-on {
	border-right: 1px solid #aaa;
}

#main #topic_view p.topic-content	{
	padding: 0 0 10px;
	color: #333;
	line-height: 1.5em;
}
#main #topic_view p.topic-content img {
    max-width: 440px;
}
#main #topic_view p.topic-reply-action	{
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #ddd;
	padding: 10px 0 20px;
	color: #333;
	line-height: 1.5em;
}
#main #topic_view .lnk_reply {
	font-size: 14px;
	padding: 8px 12px;
	background: #98426D;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 5px 10px;
}
.topic_closed {
	color: #888;
	font-size: 14px;
}

#topic-reply-list	{
}
#topic-reply-list li 	{
	padding: 10px 0;
	margin: 0 0 5px;
	background: #fff;
	list-style: none;
	border-top: 1px #ccc solid;
}
#topic-reply-list li .div-left {
	display: block; 
	float: left; 
	width: 50px; 
	padding-left: 10px;
	padding-right: 10px;
}
#topic-reply-list li .div-left img {
	width: 40px;
}
#topic-reply-list li .div-right {
	display: block; 
	float: left; 
	width:370px;
}

#topic-reply-list .member_options	{
	padding: 0;
	font-size: 11px;
}
#topic-reply-list .member_options li	{
	list-style: none;
	border: none;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

#topic-reply-list .member_name	{
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
}
#topic-reply-list .member_loc	{
	font-size: 11px; 
	line-height: 1.2em;
	color: #777;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #bulletin_compose
	 ---------------------------------------------------------------------- */
#main #bulletin_compose	{
}

#main #bulletin_compose h5	{
	margin: 0 0 8px;
}

/* manage */

#main #manage_topics table {
	margin-top: 15px;
  width: 100%;
  border-collapse: collapse;
}
#main #manage_topics tr th {
	color: #888;
	padding:  5px 8px 9px;
  border-bottom: 2px solid #ddd;
}
#main #manage_topics tr td {
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
}


#main #manage_topics .manage-topic-title	{
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
}

#main #manage_topics .manage-topic-meta {
	color: #999;
	font-size: 11px;
	line-height: 1.6em;
	padding: 0;
}
#main #manage_topics .manage-topic-meta b {
	color: #000;
	font-weight: normal;
}
#main #manage_topics .manage-topic-meta span {
	white-space: nowrap;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}
#main #manage_topics .manage-meta-when {
	border-right: 1px solid #aaa;
}
#main #manage_topics .manage-topic-status {
	font-weight: bold;
	font-size: 12px;
}
#main #manage_topics .close_topic {
	font-weight: 11px;
	color: #666;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #group_settings
	 ---------------------------------------------------------------------- */
#main #group_settings	{
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #admin_details
	 ---------------------------------------------------------------------- */

	 
/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main table#requests_list
	 ---------------------------------------------------------------------- */
#main table#requests_list	{
	margin: 16px 0;
}

#main table#requests_list caption	{
	font-size: 15px;
	font-weight: bold;
	caption-side: top;
	text-align: left;
}

#main table#requests_list col#col_request_details	{
	width: 404px;
}

#main table#requests_list col#col_request_date	{
	width: 96px;
}

#main table#requests_list thead tr th	{
	border-bottom: 2px solid #ddd;
	padding: 8px 0;
	color: #888;
}

#main table#requests_list tbody tr td	{
	border-bottom: 1px solid #ddd;
	padding: 8px 0 16px 0;
}

#main table#requests_list tbody p.added_on	{
	font-size: 11px; 
	color: #999;
}

#main table#requests_list tbody dl.request_info	{
	position: relative;
	float: left;
	width: 384px;
}

#main table#requests_list tbody dl.request_info dt.request_user	{
	font-size: 12px;
	font-weight: normal;
	padding: 4px 0;
	float: right;
	width: 304px;
	color: #888;
}

#main table#requests_list tbody dl.request_info dd	{
	padding: 4px 0;
}

#main table#requests_list tbody dl.request_info dd.request_user_photo	{
	float: left;
	width: 64px;
}

#main table#requests_list tbody dl.request_info dd.request_subject
, #main table#requests_list tbody dl.request_info dd.request_status	{
	font-size: 13px;
	float: right;
	width: 304px;
}

.status_requested	{
	color: #000;
}

.status_expired	{
	color: #cecece;
}

.status_declined	{
	color: #ff0066;
}

.status_accepted {
	color: #008000;
}

#main table#requests_list tbody dl.request_info dd.request_contents	{
	float: right;
	width: 304px;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #request_details
	 ---------------------------------------------------------------------- */
#main #request_details	{

}

#main #request_detail h5.title
, #main #request_details p.requester_photo
, #main #request_details p.requester_info
, #main #request_details p.requester_status
, #main #request_details p.headline
, #main #request_details p.contents
, #main #request_details p.requester_contact_info	{
	padding: 2px 0 4px;
}

#main #request_details h5.title
, #main #request_details p.requester_info
, #main #request_details p.requester_status	{
	float: right;
	width: 424px;
}

#main #request_details h5.title	{
	font-size: 13px;
	font-weight: normal;
}

#main #request_details p.requester_photo	{
	font-size: 13px;
	font-weight: normal;
	float: left;
	width: 64px;
}

#main #request_details p.headline	{
	clear: both;
}

#main #request_details ul.buttons	{
	padding: 16px 0;
}

#main #request_details ul.buttons li	{
	display: inline;
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #admin_settings
	 ---------------------------------------------------------------------- */
#main #admin_settings	{
}


/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #group_join
	 ---------------------------------------------------------------------- */
#main #group_join	{
}

#main #group_join p.headline	{
	padding: 2px 0 4px;
}

/* ----------------------------------------------------------------------
	 #body-container #body-inner #content #main #group_profile
	 ---------------------------------------------------------------------- */
#main #group_profile	{
}

#main #group_profile #group_desc	{
	padding: 0 0 12px;
}

#main #group_profile #group_desc h3.headline	{
}

#main #group_profile #group_desc p.headline_details	{
	font-size: 11px; 
	padding: 4px 0;
}

#main #group_profile #group_desc p.added_on	{
	font-size: 11px; 
	font-style: italic;
	color: #aaa; 
}

#main #group_profile #group_about_us	{
	margin: 16px 0 0;
	border-top: 4px #d9d9d9 solid; 
	padding: 12px 0 0; 
}

#main #group_profile #group_about_us h5.headline	{
	line-height: 1.6em; 
	color: #999;
}

#main #group_profile #group_about_us p.profile_summary	{
	font-size: 13px; line-height: 1.5em;
	color: #666; 
}

#main #group_profile #group_contact_info	{
	margin: 16px 0 0;
	border-top: 1px #d9d9d9 solid; 
	padding: 12px 0 0; 
}

#main #group_profile #group_contact_info h5.headline	{
	line-height: 1.6em; 
	padding: 0 0 8px; 
	color: #999;
}

#main #group_profile #group_contact_info p.profile_name	{
	font-size: 12px;
}

#main #group_profile #group_contact_info p.profile_title	{
	font-size: 12px; 
	color: #777;
}

#main #group_profile #group_contact_info p.profile_loc	{
	font-size: 11px; 
	padding: 7px 0;
}

#main #group_profile #group_profile_url	{
	margin: 16px 0 0;
	padding: 12px 0 0; 
}

#main #group_profile #group_profile_url h5.headline	{
	line-height: 1.6em; 
	padding: 0 0 8px; 
	color: #999;
}