@charset "UTF-8";
/* CSS Document */

#mainContent.twoColR.group { float: left; margin: 0;  }



/* ========== FORMS ========== */


/* ----- Create/Edit Group ----- */
#edit-terms-wrapper { margin-bottom: 0; }
.groupForm #edit-submit { margin-top: 10px; }
.groupForm .smallTxt { font-size: .85em; font-weight: normal; }


/* ----- Create New Thread ----- */
#node-form.hwthreadForm { margin: 0; } 
.hwthreadForm .button { margin: 10px 0; }
.hwthreadForm #edit-promote-wrapper { margin-bottom: 5px; }
.hwthreadForm .form-radios { margin: 5px 0 30px; }
#mainContent.twoColR.threadForm { padding-top: 20px; }

/* ----- Request to Join Group ----- */
#edit-notes-wrapper { margin-top: 20px; }


/* ========== RELATED NAV ========== */
#relatedNav .headerStyle1 { background: none; font-size: .85em; border-bottom: solid 1px #e4e7b0; margin: 30px 0 5px 0; padding-bottom: 3px; }
#relatedNav .descriptionStyle1 { font-size: .8em; padding-right: 5px; }
#relatedNav .subItem { font-size: 1em; padding-left: 10px; }
  
#memberRequests { font-size: .8em; margin: 10px 0; }
  #memberRequests .highlight { background: #e85a37; border: 1px solid #d05131; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; display: inline-block; min-width: 12px; padding: 0 2px; text-align: center; }

#leader .avatarThumb { float: left; margin-right: 10px; max-height: 30px; max-width: 30px; }  
#leader .username { float: left; font-size: .9em; }

#relatedNav #memberBlock { margin-bottom: 30px; }
#relatedNav #memberBlock .memberBox { margin-bottom: 5px; }
#relatedNav .memberBox .user { float: left; margin-right: 10px; width: 53px; }
#relatedNav .memberBox .username { display: block; font-size: .75em; line-height: 1.1em; margin-top: 5px; }

/* ----- Expandable Heading ----- */
#relatedNav .expandable #hideLink { float: right; font-size: .65em; margin: 9px 10px 0; padding-left: 15px; text-transform: uppercase; }




/* ========== MESSAGE BOARD ========== */

/* ----- Pager ----- */
.item-list .pager { clear: none; float: right; }

/* Next */
.item-list .pager li.pager-next { height: 19px; margin-top: 5px; }
.item-list .pager li.pager-next a { background-position: right -296px; height: 12px; line-height: 11px; }

/* Prev */
#mainContent .item-list .pager li.pager-previous { background: url(images/gradients-1.png) 0 -128px repeat-x; display:block; font-size:12px; height: 19px; line-height: 19px;  margin: 5px 10px 0 10px;   padding:0 0 0 8px; }
  #mainContent .item-list .pager li.pager-previous:hover { background: url(images/gradients-1.png) 0 -155px repeat-x; }
#mainContent .item-list .pager li.pager-previous a, #mainContent .item-list .pager li.pager-previous a:visited, #mainContent .item-list .pager li.pager-previous a:hover, #mainContent .item-list .pager li.pager-previous a:active { background: url(images/icons-groups.png) left -100px no-repeat; color: #fff; display:inline-block; font-size:12px; height: 12px; line-height: 11px; padding:3px 5px 3px 13px; text-decoration: none; text-indent: 0; width: auto; }

/* First */
.item-list .pager li.pager-first { background: url(images/icons-groups.png) left -121px no-repeat; display: block; margin:4px 0 0 0; padding:0 0 0 20px; }
.item-list .pager li.pager-first a { color: #4c96c3; }


/* ----- Shared Table Styling ----- */
.group .sticky-table { margin: 30px 0 10px 0; width: 100%; }
.group .sticky-table th { border-bottom: solid 1px #dfdfe0;  padding: 0 0 0 10px; text-align: left; }
  .group .sticky-table th:first-child { padding-left: 0; }
  .group .sticky-table th a { color: #807f83; }
.group .sticky-table li { list-style: none; }
.group .sticky-table td { border-bottom: solid 1px #ececed; border-left: solid 1px #dfdfe0; padding: 15px 10px; vertical-align: top; }
  .group .sticky-table td:first-child { border-left: none; padding-left: 0;  }
  .group .sticky-table tr.even, .group .sticky-table tr.even td { background: #f5f5f5; }
  .group .sticky-table tr.odd, .group .sticky-table tr.odd td { background: #fff; }
.group .sticky-table td.goTo, .goTo { background: #ececed; border-top: solid 1px #dfdfe0; clear: both; padding: 5px 10px; }
.group .sticky-table .goTo .more1, .more1 { display: block; font-weight: bold; font-size: 1.1em; }

/* Inactive */
.group .sticky-table tr.inactive td, .group .sticky-table tr.inactive { background: #fff; color: #dfdfe0;  }
.group .sticky-table tr.inactive .groupName { color: #99c3dd; }
.group .sticky-table tr.inactive .groupDescription { color: #dfdfe0; }
.group .sticky-table tr.inactive .groupPicThumb { opacity: .6; }

/* ----- Forum List ----- */ 
.group .sticky-table td.topicName { padding-left: 10px; }
.group .sticky-table .postTitle { display: block; }
  .group .sticky-table .postTitle .lock16 { float:right; } 
.group .sticky-table .postAuthor { color: #8e8d91; font-size: .9em; }
.group .sticky-table .badge { display: inline-block; vertical-align: middle; }
.group .sticky-table .lastPoster { }
  .group .sticky-table .timestamp { color: #4c96c3;}
.group .sticky-table .jumpThread { color: #8e8d91; display: block; font-size: .8em; margin-top: 2px; text-transform: uppercase; }
.group .sticky-table .jumpThread16 { float: left; margin: 0 5px 0 0; }

/* Announcements, Sticky, Related */
.group .sticky-table tr.odd.sticky td, .group .sticky-table tr.even.sticky td { background: #e5f0f6; border-bottom: solid 1px #cce1ee; }
.group .sticky-table tr.odd.announcement td, .group .sticky-table tr.even.announcement td { background: #fff8e7; border-bottom: solid 1px #fedf95; }
.group .sticky-table tr .related { padding: 0; }

.group .sticky-table .megaPhone16 { float: left; margin: 5px 0 0 0; }
.group .sticky-table .sticky16 { float: left; margin: 5px 0 0 0; }
.group .sticky-table .sticky16 + .megaPhone16 { margin: 11px 0 0 -12px }
.group .sticky-table .sticky16 + .postWrapper, .group .sticky-table .megaPhone16 + .postWrapper { margin-left: 30px; }




/* ----- Thread Post ----- */
/* Locked Thread */
.hwthread .lock16 { float: left; margin: 0 10px 0 0; }

#threadHeading { border-top: solid 1px #dfdfe0; border-bottom: solid 1px #dfdfe0; font-size: .9em; margin: 10px 0 0 0; padding: 5px 10px; }

.hwthread .avatar { float: left; }
.threadContent { margin: 0 0 0 60px;}
.threadInfo { color: #8e8d91; margin-bottom: 5px; }
  .threadInfo .badge { }

.threadPost { clear:left; padding: 20px 10px; }
#threadReplies #comment-form { padding: 0; }


#mainContent.node #threadReplies .links:after { clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;}
  #mainContent.node #threadReplies .links {display: inline-block;}  /* for IE/Mac */
  html[xmlns] #mainContent.node #threadReplies .links { display: block; }
  /* start commented backslash hack \*/
  * html #mainContent.node #threadReplies .links { height: 1%; }
  #mainContent.node #threadReplies .links { display: block; }
  /* close commented backslash hack */

/* Social Sharing */
.group #postInfo { border-bottom:none; padding: 5px 0; }
#postInfo #postTools { margin: 5px 0 0 0; }
#postInfo #postTools .tool { list-style: none; margin: 0 0 0 10px; }


/* Post Actions */
.postActions a { color: #a6a5a8; float: left; font-weight: bold; font-size: .9em; margin: 0 15px 0 0; }
  .postActions .icon { float: left; margin: 0 2px 0 0; }
  
/* Post Actions */
#mainContent.node #threadReplies .links li { float: left; padding: 0; margin:0 10px 0 0; list-style: none; }
#mainContent.node #threadReplies .links li a { float: left; }

/* Ban User */
#threadReplies .comment .links li.ban_user a:link, #threadReplies .comment .links li.ban_user a:visited { background: url(images/icons.png) 0 -586px no-repeat; color: #a09fa2; display:block; font-size: .875em; font-weight: bold; line-height:16px; padding-left: 20px; text-decoration: none; text-transform: capitalize;  }
  #threadReplies .comment .links li.ban_user a:hover, #threadReplies .comment .links li.ban_user a:active { color: #807f83; }

/* Delete */
#threadReplies .comment .links li.hwthread_comment_delete a:link, #threadReplies .comment .links li.hwthread_comment_delete a:visited { background: url(images/icons.png) 0 -602px no-repeat; color: #a09fa2; display:block; font-size: .875em; font-weight: bold; line-height:16px; padding-left: 20px; text-decoration: none; text-transform: capitalize;  }
  #threadReplies .comment .links li.hwthread_comment_delete a:hover, #threadReplies .comment .links li.hwthread_comment_delete a:active { color: #807f83; }

/* Delete All */
#threadReplies .comment .links li.delete_all_user a:link, #threadReplies .comment .links li.delete_all_user a:visited, #threadReplies .comment .links li.delete_all_host a:link, #threadReplies .comment .links li.delete_all_host a:visited { background: url(images/icons.png) 0 -618px no-repeat; color: #a09fa2; display:block; font-size: .875em; font-weight: bold; line-height:16px; padding-left: 20px; text-decoration: none; text-transform: capitalize;  }
  #threadReplies .comment .links li.delete_all_user a:hover, #threadReplies .comment .links li.delete_all_user a:active, #threadReplies .comment .links li.delete_all_host a:hover, #threadReplies .comment .links li.delete_all_host a:active { color: #807f83; }

/* Edit */
#threadReplies .comment .links li.hwthread_comment_edit a:link, #threadReplies .comment .links li.hwthread_comment_edit a:visited { background: url(images/icons.png) 0 -634px no-repeat; color: #a09fa2; display:block; font-size: .875em; font-weight: bold; line-height:16px; padding-left: 16px; text-decoration: none; text-transform: capitalize;  }
  #threadReplies .comment .links li.hwthread_comment_edit a:hover, #threadReplies .comment .links li.hwthread_comment_edit a:active { color: #807f83; }

/* Reply */
#threadReplies .comment .links li.hwthread_comment_reply a:link, #threadReplies .comment .links li.hwthread_comment_reply a:visited { background: url(images/icons.png) 0 -650px no-repeat; color: #a09fa2; display:block; font-size: .875em; font-weight: bold; line-height:16px; padding-left: 20px; text-decoration: none; text-transform: capitalize;  }
  #threadReplies .comment .links li.hwthread_comment_reply a:hover, #threadReplies .comment .links li.hwthread_comment_reply a:active { color: #807f83; }

/* Report Abuse */
#mainContent.node #threadReplies .comment .links li.abuse_flag_comment, #threadReplies .comment .links li.abuse_flag_comment { float: right; }
#threadReplies .comment .links li.abuse_flag_comment a:link, #threadReplies .comment .links li.abuse_flag_comment a:visited { background: url(images/icons.png) 0 -666px no-repeat; color: #a6a5a8; display:block; font-size: .75em; line-height:16px; padding-left: 20px; text-decoration: none; }
  #threadReplies .comment .links li.abuse_flag_comment a:hover, #threadReplies .comment .links li.abuse_flag_comment a:active { color: #a09fa2;  }


/* First Post Esteem Override */
.threadPost .threadInfo { margin-bottom: 35px; }
.threadPost { position: relative; }
.threadPost #esteems { background: #f5f5f5; border-bottom: solid 1px #dfdfe0; border-top: solid 1px #dfdfe0; bottom: 0; float: none; left: 10px; height: 19px; margin: 20px 0 0 0; padding: 5px; position: absolute; width: 745px; }
.threadPost #esteemsTitle { background: url(images/default-sprite.png) -50px -132px no-repeat; height: 8px; float: left; margin: 5px 10px 0 0; width: 72px; }
.threadPost #esteems .esteem, .threadPost #esteems .esteem:link, .threadPost #esteems .esteem:visited { background: url(images/buttons-gradients.png) 0 -600px repeat-x; border: solid 1px #d3d2d4; border-left: solid 1px #f2f2f2; color: #807f83; display: inline-block; font-size: 12px; font-weight: bold; height: 16px; line-height: 16px; padding:0 7px; position: relative; text-decoration: none; width: auto; z-index: 0; } 
.threadPost #esteems .esteem:hover, .threadPost #esteems .esteem:active { background-position:  0 -625px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #807f83; }
.threadPost #esteems .esteemActions .item:first-child .esteem { border-left: solid 1px #dfdfe0; }

#mainContent .threadPost .item { float: left; list-style: none; margin: 0; position: relative; }

.threadPost #esteems .text { display: block; height: 7px; margin: 5px 0 0 0; }
    .threadPost #esteems .improved .text { background: url(images/default-sprite.png) -50px -141px; width: 94px; }
    .threadPost #esteems .changed .text { background: url(images/default-sprite.png) -50px -148px; width: 75px; }
    .threadPost #esteems .saved .text { background: url(images/default-sprite.png) -50px -155px; width: 61px; }

#esteems .vote, #esteems .esteem:hover .vote, #esteems .esteem:active .vote { display: none; }
.threadPost #esteems .improved { z-index: 9; }
  .threadPost #esteems .changed { z-index: 8; }
  .threadPost #esteems .saved { z-index: 7; }


  


/* ----- Related Stuff ----- */
#relatedStuff { background: #f5f5f5; margin: 0; position: relative; }
#relatedStuff .topShadow { background: url(images/shadow-group-popular-top.png) no-repeat; background-position: center; height: 9px; width: 100%; }
#relatedStuff .bottomShadow { background: url(images/shadow-group-popular-bottom.png) no-repeat; background-position: center; bottom: 0; clear: both; height: 9px; width: 100%; }
#relatedStuff .relatedContentAd { margin: 20px auto 0 auto; }
#relatedStuff .content { padding: 10px; }

/* Popular Stuff */
#relatedStuff .block h2 { font-size: 1.2em; margin-bottom: 10px; }
#relatedStuff .block li { color: #b9b9bb; list-style: square; margin-bottom: 15px; }
#relatedStuff .block li a { display:block; text-decoration: none; }
#relatedStuff .block a.subInfo .title { display:block; font-size: 1.1em; }
  #relatedStuff .block a.subInfo:hover .title, #relatedContent .popular.block a:active .title { text-decoration: underline; }
#relatedStuff .block a.subInfo .readCount { color:#a6a5a8; }
#relatedStuff .block a.subInfo .commentCount { bottom:0; color:#a6a5a8; }


/* ========== MEMBER LIST ========== */
.groupMembers { margin: 10px 0 30px 0; width: 100%; }

/* User Info */
.groupMembers .avatar, #pendingRequests .avatar { float: left; }
.groupMembers .userInfo, #pendingRequests .userInfo { margin: 0 0 0 60px; }
.groupMembers .userInfo .user, #pendingRequests .userInfo .user { display: block; }
.groupMembers .userInfo .profile, #pendingRequests .userInfo .profile { clear: none; margin-right: 10px;}
.groupMembers .userInfo .profile, .groupMembers .userInfo .message, #pendingRequests .userInfo .profile, #pendingRequests .userInfo .message { color: #807f83; font-size: .85em; }

/* Group Badge */
.badge { display: inline-block; height: 17px; vertical-align: middle; text-indent: -9999px; }
.badge.moderator { background: url(images/badges-groups.png) no-repeat 0 0; width: 62px; }
.badge.leader { background: url(images/badges-groups.png) no-repeat 0 -17px; width: 47px;}


/* Admin Actions */
.groupMembers .sticky-table .action { display: block; }
.groupMembers .sticky-table .icon { float: left; margin-right: 2px; }
.groupMembers .sticky-table .up16, .groupMembers .sticky-table .down16 { margin: 2px 8px 0 0; }
.groupMembers #adminActions .icon, #pendingRequests #adminActions .icon { float: left; margin: 0 3px 0 0; }
.groupMembers .sticky-table .approve { margin-bottom: 10px; text-align: center; width: 80px; }
.groupMembers .sticky-table .approve, .groupMembers .sticky-table .reject { clear: left; display: inline-block; float: left; text-align: center; width: 80px; }

/* ----- Pending Members ----- */
#pendingRequests .message {}






/* ========== MAIN LANDING ========== */

/* Search Groups */
.groupListSearch h2 { color:#807f83; margin-bottom:10px; }
.groupListInfo h2 { margin-bottom:8px; }

#hwsolr-groups-search-form { margin:0 0 10px 0; }
#hwsolr-groups-search-form > div {
    display: table;
}
#hwsolr-groups-search-form .form-item {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
#hwsolr-groups-search-form input.form-submit {
    background-color: #00ccb5;
    background-image: none;
    border: none;
    border-radius: 0;
    color: #fff;
    display: table-cell;
    padding: 0 10px;
}
#hwsolr-groups-search-form label { display: none; }
  

/* Join Group */
.groupDetail #topTitle h1 { clear: none; }
.groupDetail #topTitle .button, .groupThread #topTitle .button { float: right; margin: 0 0 0 10px; }

#joinPromo { margin-top: 20px; }
#joinPromoTitle { font-size: 1.6em; margin-bottom: 10px; }
#herWomen373 { background: url(images/her-women-373.jpg) no-repeat 0 0; height: 43px; margin-bottom: 10px; width: 100%; }
#joinPromoCopy { width:100%; }

/* ----- Active Members Carousel ----- */
#activeMembers { margin-top: 30px;  }
.activeTitle { border-bottom: solid 1px #dfdfe0; }
#activeMembers .prevPage { float: left; margin: 20px 5px 0 0; }
#activeMembers .nextPage { float: left; margin: 20px 0 0 5px; }

#activeCarousel { height: 85px; float: left; overflow:hidden; position:relative; width: calc(100% - 70px); }
#activeCarousel li { float: left; margin: 0 10px 0 0; width: 166px; }
#activeCarousel .items { margin: 10px 0; position:absolute; width:20000em; }
#activeCarousel .avatar { float: left; }
#activeCarousel .username { display: block; margin-left: 60px; }
#activeCarousel .lastActive { margin-left: 60px; font-size: .8em; }


/* ----- Private Group ----- */
.notificationStyle1 { background: #f2f2f2; border: solid 1px #dfdfe0; font-weight: bold; margin: 10px 0 20px 0; padding: 10px; }
.requestJoin:link, .requestJoin:hover, .requestJoin:active, .requestJoin:visited { color: #807f83; float: left; line-height: 2em; padding-right: 10px; }
#herImages { margin-top: 30px; margin-top: 30px; }
#herImages img { margin-left: 20px;}
  #herImages img:first-child { margin-left: 0;}
.backGroups:link, .backGroups:hover, .backGroups:active, .backGroups:visited { color: #807f83; padding-right: 10px; }


/* ========== GROUP LIST ========== */
.groupList .groupListing { display: block; text-decoration: none; }
.groupList .groupPicThumb { float: left; max-width: 160px; }
.groupList .groupName { color: #333; display: block; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; font-weight: 400; line-height: 1.1; margin-bottom: 20px; margin-left: 190px; }
  .groupList .groupName:hover, .groupList .groupName:active { color: #00ccb5; }
.groupList .groupDescription { color: #807f83; display: block; margin-left: 190px; }
@media (max-width: 500px) {
  .groupList .groupPicThumb { max-width: 100%; max-height: 100%; width: 100% }
  .groupList .groupName { margin-left: 0; }
  .groupList .groupDescription { margin-left: 0; }
}
.groupList .item-list { float: left; margin-bottom: 30px; width: 100%; }
.groupList .item-list .pager { float: left; }
.groupList .lastActive { width: 85px }

/* ----- Create Group ----- */
.groupList .createGroup:link, .groupList .createGroup:visited, .groupList .createGroup:hover, .groupList .createGroup:active { color: #807f83; }
.groupListInfo .groupListTitle { font-weight: normal; margin-bottom: 15px; }
.groupListInfo .createGroupTitle:link, .groupListInfo .createGroupTitle:visited, .groupListInfo .createGroupTitle:hover, .groupListInfo .createGroupTitle:active { color: #807f83; }
.groupListInfo .createLink:link, .groupListInfo .createLink:visited, .groupListInfo .createLink:hover, .groupListInfo .createLink:active { color: #807f83; text-decoration: none; }
.groupListInfo .createHighlight { color: #e85a37; }
  .groupListInfo .createHighlight:hover, .groupListInfo .createHighlight:active  { text-decoration: underline; }

/* ========== MODAL ========== */
#acceptModal .accept { color: #807f83; display: block; }