.groupsWrapper {
	margin-top: 10px;
}

.groupsWrapper .block {
	margin-bottom: 10px;
}

.groupsWrapper .leftCol {
	float: left;
	width: 300px;
}
.groupsWrapper .leftCol h2 {
	color: #000;
	font-size: 21px;
	margin: 0 0 4px 0;
}
.groupsWrapper .leftCol h4 {
	color: #444;
	font-size: 14px;
	margin: 2px 0 4px 0;
}


.groupsWrapper .leftCol .sidebarGrid tr.alt {
	background-color: #F5F5F5;
}
.groupsWrapper .leftCol .sidebarGrid td {
	font-size: 8pt;
	vertical-align: top;
	padding: 6px 0;
}
.groupsWrapper .leftCol .sidebarGrid td.label {
	white-space: nowrap;
	text-align: left;
	color: #555;
	padding-left: 10px;
}
.groupsWrapper .leftCol .sidebarGrid td.value {
	text-align: right;
	color: #000;
}
.groupsWrapper .leftCol .sidebarGrid td a {
	font-weight: bold;
	text-decoration: underline;
}


.groupsWrapper .leftCol .sidebarAvatar {
	float: left;
	margin: 1px;
}

.groupsWrapper .mainCol {
	float: left;
	width: 660px;
	margin-left: 17px;
}

#groupHeader {
	position: relative;
	margin-bottom: 22px;
}

#groupHeader .coverPhoto {
	position: relative;
	width: 660px;
	height: 200px;
}

#groupHeader a.groupAvatar {
	position: absolute;
	margin: -123px 0 0 16px;
	padding: 5px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 10;
}
#groupHeader div.groupSocialBar {
	position: absolute;
	top: 208px;
	left: 180px;
}
#groupHeader div.groupSocialBar div.socialBlock {
	float: left;
	padding-right: 10px;
}

#groupHeader div.coverPhoto a.groupLabel {
	position: absolute;
	top: 139px;
	left: 183px;
	color: #6687B0;
	background-color: #000;
	font-size: 10px;
	text-decoration: none;
	padding: 2px 4px 1px 4px;
	-webkit-opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	z-index: 14;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#groupHeader div.coverPhoto h1 {
	position: absolute;
	top: 157px;
	left: 187px;
	color: #fff;
	font-size: 24pt;
	letter-spacing: -1px;
	z-index: 15;
	font-weight: normal;
}
#groupHeader div.coverPhoto div.bottomBar {
	position: absolute;
	width: 100%;
	height: 46px;
	bottom: 0;
	left: 0;
	background-color: #000;
	-webkit-opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	z-index: 2;
}

#groupHeader .joinBtn {
	position: absolute;
	display: block;
	background: transparent url('../images/groups/join-group-btn.png') no-repeat scroll 0 0;
	top: 200px;
	right: 0px;
	width: 111px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
}
#groupHeader .leaveBtn {
	background-image: url('../images/groups/leave-group-btn.png');
}
#groupHeader .processingBtn {
	background-image: url('../images/groups/join-processing-btn.png?v=3');
}

.groupsWrapper .noneFound {
	padding: 18px 0 20px 0;
	text-align: center;
	font-size: 8pt;
	color: #888;
}

.groupsWrapper .mainCol .wallThumbBlock {
	position: relative;
	float: left;
}
.groupsWrapper .mainCol .wallThumbBlock img.newImage {
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 1;
	border: 0;
}
.groupsWrapper .mainCol .wallThumbBlock img.thumbnail {
	border: 1px solid #6485AE;
}
.groupsWrapper .mainCol .wallThumbBlock a.modApproveWall {
	position: absolute;
	display: none;
	bottom: 1px;
	left: 1px;
	height: 16px;
	padding: 2px 5px 2px 22px;
	background: #fff url('../images/icons/color/plus.png') no-repeat scroll 3px 3px;
	color: #090;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	overflow: hidden;
	-webkit-opacity: 0.90;
	-moz-opacity: 0.90;
	filter:alpha(opacity=90);
}
.groupsWrapper .mainCol .wallThumbBlock a.modDeleteWall {
	position: absolute;
	display: none;
	bottom: 1px;
	right: 1px;
	height: 20px;
	width: 20px;
	background: #fff url('../images/icons/color/cross.png') no-repeat scroll 3px 3px;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
}

.groupsWrapper .mainCol .contentArea {
	float: left;
	width: 480px;
	padding-top: 22px;
}

.groupsWrapper .mainCol .contentArea .recentCount {
	float: right;
	margin-right: 5px;
	padding: 3px 4px;
	background-color: #FDFDFD;
	font-size: 8pt;
	color: #216D09;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.groupsWrapper .mainCol .contentArea .groupDetails a {
	text-decoration: underline;
	color: #46678A;
}

#discussionForm input[type=text] {
	width: 451px;
	padding: 4px 5px;
	font-size: 11pt;
	margin-bottom: 8px;
}
#discussionForm input[type=submit] {
	margin-top: 6px;
}
#discussionForm textarea {
	width: 451px;
	padding: 4px 5px;
	font-size: 11pt;
	height: 225px;
	vertical-align: top; 
	transition: height 0.2s;
	-webkit-transition: height 0.2s; 
	-moz-transition: height 0.2s; 
}
#discussionForm textarea.replyBox {
	height: 65px;
	font-size: 10pt;
}

.groupsWrapper .mainCol .rightSidebar {
	float: left;
	margin-left: 20px;
	width: 160px;
}

.groupsWrapper .mainCol .rightSidebar ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}
.groupsWrapper .mainCol .rightSidebar ul li {
	display: list-item;
	text-align: -webkit-match-parent;
}

#groupRibbonStats {
	position: absolute;
	background: transparent url(../images/groups/group-stats-banner.png?v=1) no-repeat scroll 0 0;
	height: 55px;
	width: 178px;
	/* top: 353px; */
	top: 383px;
	left: 50%;
	margin-left: 318px;
}
#groupRibbonStats div.stats {
	color: #fff;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
}
#groupRibbonStats div.stats div {
	font-size: 8pt;
	font-weight: normal;
}
#groupRibbonStats div.stats.left {
	float: left;
	padding-left: 10px;
}
#groupRibbonStats div.stats.right {
	float: right;
	padding-right: 10px;
}

.rboxInner.thinHeight {
	padding-top: 4px;
	padding-bottom: 4px;
}

.groupsWrapper .mainCol .contentArea .rboxTabHeader .breadcrumb {
	padding: 3px 0 2px 0;
}
.groupsWrapper .mainCol .contentArea h2.threadTitle {
	padding-left: 65px;
}
.groupsWrapper .mainCol .contentArea h2 span.pgRight {
	float: right;
	font-weight: normal;
	padding-right: 5px;
	font-size: 8pt;
	color: #999;
}
.groupsWrapper .mainCol .contentArea .postBlock {
	margin-bottom: 8px;
	clear: both;
}
.groupsWrapper .mainCol .contentArea .postBlock .leftCol {
	float: left;
	width: 50px;
	padding: 0 5px 2px 5px;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol {
	float: left;
	position: relative;
	width: 394px;
	padding: 6px 8px;
	margin-left: 8px;
	font-weight: normal;
	background: #FEFEFE;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #DCDCDC;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol .infoRow {
	font-size: 11px;
	color: #949494;
	border-bottom: 1px solid #f6f6f6;
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-top: -2px;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol .infoRow .rightMeta {
	float: right;
	font-size: 10px;
	color: #AAA;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol .infoRow .rightMeta .modBar {
	display: none;
	color: #999;
	font-weight: bold;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol .aro {
	position: absolute;
	width: 8px;
	height: 9px;
	top: 12px;
	left: -8px;
	background: url(../images/elements/other/messageArrow_left.png) no-repeat 0 0;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol .edited {
	font-size: 9px;
	color: #BBB;
	padding-top: 3px;
	margin-top: 8px;
	border-top: 1px solid #DDD;
}
.groupsWrapper .mainCol .contentArea .postBlock .rightCol .edited a {
	color: #BBB;
	text-decoration: underline;
}
.groupsWrapper .notAMember {
	text-align: center;
	padding: 12px 0 20px 0;
	color: #600;
}
.groupsWrapper .notAMember div {
	font-weight: bold;
	padding-bottom: 8px;
}
.groupsWrapper .notAMember a {
	text-decoration: underline;
}
.groupsWrapper .reportWallpaper {
	font-size: 7pt;
	color: #900;
	float: right;
	margin-top: 8px;
}

.groupsWrapper .memberUnit {
	float: left;
	width: 210px;
	background-color: #fff;
	padding: 6px;
	margin: 0 5px 5px 5px;
	border: 1px solid #ddd;
}
.groupsWrapper .memberUnit .memberAvatar {
	float: left;
	margin: 2px 8px 0 0;
}
.groupsWrapper .memberUnit .content {
	float: right;
	width: 152px;
	overflow: hidden;
}
.groupsWrapper .memberUnit .content .usernameLink {
	display: block;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 4px;
}
.groupsWrapper .memberUnit .content .dateBlock {
	clear: both;
	font-size: 8pt;
	color: #46678A;
}
.groupsWrapper .bannedMembersList .instructions {
	padding: 0 0 10px 0;
	color: #888;
}
.groupsWrapper .bannedMembersList .buttonTiny {
	float: left;
	margin: 0 4px 2px 0;
}

.groupsWrapper .memberAvatar {
	display: block;
	position: relative;
	height: 50px;
	width: 50px;
}
.groupsWrapper .memberAvatar img {
	position: absolute;
	top: 0;
	left: 0;
}
.groupsWrapper .memberAvatar span.rank {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #2B4F7B;
	color: #eee;
	-webkit-opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	padding: 1px 4px;
	font-size: 13px;
	font-weight: bold;
}

#modifyGroupBlock td {
	padding: 10px;
	vertical-align: top;
}
#modifyGroupBlock td.label {
	width: 160px;
	font-weight: bold;
	padding-right: 20px;
}
#modifyGroupBlock td div.note {
	padding-top: 6px;
	font-size: 8pt;
	font-weight: normal;
	color: #888;
}
#modifyGroupBlock td div.note em {
	color: #000;
}
#modifyGroupBlock td.value input[type=text], #modifyGroupBlock td.value textarea {
	width: 500px;
}
#modifyGroupBlock td.value textarea {
	height: 64px;
}
#modifyGroupBlock td.value textarea.tall {
	height: 300px;
}
#modifyGroupBlock td.value input[type=submit] {
	padding: 5px 12px;
	font-weight: bold;
}
.newGroupDetails {
	margin: 5px 4px 10px 4px;
	padding: 6px;
	border: 1px solid #D5D5D5;
	background-color: #F9F9F9;
	font-size: 8pt;
}
#groupHomeTeaser {
	margin-top: 20px;
	padding: 6px;
	border: 1px solid #D5D5D5;
	background-color: #F9F9F9;
	font-size: 8pt;
}
#middlecolumn h2.groupHomeHeader {
	margin: 5px 0 8px 4px;
	font-size: 20px;
	color: #666;
	font-weight: 700;
	line-height: 12px;
}
#middlecolumn h2.groupHomeHeader span {
	font-weight: normal;
}
#groupWallpaperContainer {
	padding: 5px;
}
#groupWallpaperContainer .previewContainer {
	position: relative;
	margin:  0 0 8px 6px;
	width: 450px;
}
#groupWallpaperContainer .previewContainer a.arrow {
	position: absolute;
	/* top: 134px; */
	top: 135px;
	text-indent: -9999px;
	height: 70px;
	width: 48px;
	overflow:hidden;
	font-weight: bold;
	background: transparent url('../images/groups/trans-prev-next-arrows.png') scroll no-repeat 0 0;
}
#groupWallpaperContainer .previewContainer a.arrow.prev {
	left: 0;
	background-position: 0 0;
}
#groupWallpaperContainer .previewContainer a.arrow.next {
	right: -1px;
	background-position: -48px 0;
}
#groupWallpaperContainer h1 {
	font-size: 16pt;
	text-align: center;
	margin: 0 0 4px 0;
}
#groupWallpaperContainer .column {
	float: left;
}
#groupWallpaperContainer .column.leftCol {
	width: 242px;
	padding-right: 4px;
}
#groupWallpaperContainer .column.rightCol {
	margin-top: 10px;
	width: 212px;
}
#groupWallpaperContainer .column.rightCol .fixedWideButton {
	width: 160px;
	text-align: center;
}
#groupWallpaperContainer .column.rightCol .fixedWideButton span {
	margin: 0;
}
#groupWallpaperContainer .column.rightCol .buttonM {
	float: right;
	text-decoration: none;
	clear: both;
	margin-bottom: 4px;
}
#groupWallpaperContainer .column .leftColBlock {
	font-size: 8pt;
	padding: 10px 0 10px 10px;
}
#groupWallpaperContainer .column .leftColBlock .memberAvatar {
	margin-right: 6px;
}
#groupWallpaperContainer .column .leftColBlock a {
	color: #46678A;
}
#groupWallpaperContainer .column .leftColBlock .wallpaperTags {
	display: none;
	margin-top: 6px;
}
#groupWallpaperContainer .column .leftColBlock .uploadedMeta {
	float: left;
	padding-top: 5px;
	width: 176px;
	overflow: hidden;
}
#groupWallpaperContainer .column .leftColBlock .uploadedMeta a {
	font-weight: bold;
	font-size: 10pt;
}
#groupWallpaperContainer .column .leftColBlock label {
	float: left;
	width: 90px;
	font-weight: bold;
}

#groupsFooter {
	clear: both;
	margin: 20px 0 12px 0;
	padding: 6px;
	border-top: 1px solid #EEE;
	color: #AAA;
	font-size: 8pt;
	text-align: center;
}
#groupsFooter a {
	color: #AAA;
	text-decoration: underline;
}



/* Start Buttons */
.buttonTiny, .buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {  cursor: pointer; font-size: 11px; color: #fff; font-weight: bold; text-shadow: 0 -1px #6f6f6f; display: inline-block; line-height: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.buttonTiny span, .buttonS span, .buttonM span, .buttonL span, .buttonH span { text-shadow: 0 1px 0 #6f6f6f; margin-left: 10px; }
.buttonTiny { padding: 1px 5px 2px 5px; font-size: 10px; font-weight: normal; line-height: 12px; }
.buttonS { padding: 6px 14px; }
.buttonM { padding: 7px 15px; }
.buttonL { padding: 8px 18px; }
.buttonH { float: right; padding: 4px 12px 4px 12px; color: #fff!important; margin: 7px 10px 6px 10px; }
.bGreen:hover, .bRed:hover, .bBlue:hover, .bGreyish:hover, .bBlack:hover, .bLightBlue:hover, .bGold:hover, .bSea:hover, .bBrown:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.bDefault, .dualBtn, .searchLine button { border: 1px solid #c3c3c3; box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; color: #686868; text-shadow: none;
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.bDefault:hover, .dualBtn:hover, .searchLine button:hover { -webkit-transition: box-shadow 0.05s ease-in-out; -moz-transition: box-shadow 0.05s ease-in-out; transition: box-shadow 0.05s ease-in-out;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
background: linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
 }
.bDefault:active, .dualBtn:active, .titleToolbar > li > a:active, .titleOpt > a:active, .searchLine button:active { background: #eee; color: #505050; border-color: #c0c0c0; box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; text-shadow: 0 -1px 1px #f1f1f1; }
.bDefault span { text-shadow: none; }

.bGreen { border: 1px solid #68a341; box-shadow: 0 1px 2px 0 #a4ca6c inset; -webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset; -moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;
background: #96c161;
background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
background: linear-gradient(top, #96c161 0%,#609c3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 );
 }
.bGreen:active { background: #74aa49; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bRed {  border: 1px solid #a95151; box-shadow: 0 1px 2px 0 #cd8787 inset; -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset; -moz-box-shadow: 0 1px 2px 0 #cd8787 inset;
background: #c57979;
background: -moz-linear-gradient(top,  #c57979 0%, #a34c4c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));
background: -webkit-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
background: -o-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
background: -ms-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
background: linear-gradient(top,  #c57979 0%,#a34c4c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 );
}
.bRed:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.bRed:active { background: #b15e5e; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBlue {  border: 1px solid #3e76af; box-shadow: 0 1px 2px 0 #66b2d2 inset; -webkit-box-shadow: 0 1px 2px 0 #66b2d2 inset; -moz-box-shadow: 0 1px 2px 0 #66b2d2 inset;
background: #5ba5cb;
background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));
background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );
}
.bBlue:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.bBlue:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bGreyish { border: 1px solid #5e6779; box-shadow: 0 1px 2px 0 #9ca6b3 inset; -webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset; -moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
background: #8c97a6;
background: -moz-linear-gradient(top,  #8c97a6 0%, #596171 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c97a6), color-stop(100%,#596171));
background: -webkit-linear-gradient(top,  #8c97a6 0%,#596171 100%);
background: -o-linear-gradient(top,  #8c97a6 0%,#596171 100%);
background: -ms-linear-gradient(top,  #8c97a6 0%,#596171 100%);
background: linear-gradient(top,  #8c97a6 0%,#596171 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 ); 
}
.bGreyish:active { background: #6d7787; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBlack {  border: 1px solid #4e4e4e; box-shadow: 0 1px 2px 0 #959595 inset; -webkit-box-shadow: 0 1px 2px 0 #959595 inset; -moz-box-shadow: 0 1px 2px 0 #959595 inset;
background: #838383;
background: -moz-linear-gradient(top,  #838383 0%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#444444));
background: -webkit-linear-gradient(top,  #838383 0%,#444444 100%);
background: -o-linear-gradient(top,  #838383 0%,#444444 100%);
background: -ms-linear-gradient(top,  #838383 0%,#444444 100%);
background: linear-gradient(top,  #838383 0%,#444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#444444',GradientType=0 ); 
}
.bBlack:active { background: #5d5d5d; box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; }

.bLightBlue { border: 1px solid #5897c3; box-shadow: 0 1px 2px 0 #84c4dd inset; -webkit-box-shadow: 0 1px 2px 0 #84c4dd inset; -moz-box-shadow: 0 1px 2px 0 #84c4dd inset;
background: #6db5d5;
background: -moz-linear-gradient(top,  #6db5d5 0%, #4a91c0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));
background: -webkit-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
background: -o-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
background: -ms-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
background: linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 );
}
.bLightBlue:active { background: #559cc7; box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; }

.bGold { border: 1px solid #c4853e; box-shadow: 0 1px 2px 0 #ddb65b inset; -webkit-box-shadow: 0 1px 2px 0 #ddb65b inset; -moz-box-shadow: 0 1px 2px 0 #ddb65b inset;
background: #d5a44c;
background: -moz-linear-gradient(top,  #d5a44c 0%, #c07833 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));
background: -webkit-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
background: -o-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
background: -ms-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
background: linear-gradient(top,  #d5a44c 0%,#c07833 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a44c', endColorstr='#c07833',GradientType=0 );
}
.bGold:active { background: #ca8e40; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bSea {  border: 1px solid #5a837e; box-shadow: 0 1px 2px 0 #95b8b6 inset; -webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset; -moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;
background: #7ca6a3;
background: -moz-linear-gradient(top,  #7ca6a3 0%, #547b76 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca6a3), color-stop(100%,#547b76));
background: -webkit-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
background: -o-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
background: -ms-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
background: linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca6a3', endColorstr='#547b76',GradientType=0 );
}
.bSea:active { background: #68918d; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBrown {  border: 1px solid #9c6b3c; box-shadow: 0 1px 2px 0 #c8a85f inset; -webkit-box-shadow: 0 1px 2px 0 #c8a85f inset; -moz-box-shadow: 0 1px 2px 0 #c8a85f inset;
background: #bb934f;
background: -moz-linear-gradient(top,  #bb934f 0%, #996336 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb934f), color-stop(100%,#996336));
background: -webkit-linear-gradient(top,  #bb934f 0%,#996336 100%);
background: -o-linear-gradient(top,  #bb934f 0%,#996336 100%);
background: -ms-linear-gradient(top,  #bb934f 0%,#996336 100%);
background: linear-gradient(top,  #bb934f 0%,#996336 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb934f', endColorstr='#996336',GradientType=0 );
}
.bBrown:active { background: #ad7f45; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.buttonM span.icon-heartempty {
	float: left;
	margin-left: 0;
	height: 16px;
	width: 16px;
	background: transparent url('../images/heart-empty.png') scroll no-repeat 0 -1px;
}
.buttonM span.icon-heartfull {
	float: left;
	margin-left: 0;
	height: 16px;
	width: 16px;
	background: transparent url('../images/heart-full.png') scroll no-repeat 0 -1px;
}
/* End Buttons */




/* Group Discussions */
.groupsWrapper .mainCol .contentArea .threadList {
	margin: 0 5px 10px 10px;
}
.groupsWrapper .mainCol .contentArea .threadList .row {
	padding: 6px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f4f4f4 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e8e8e8',GradientType=0 );
}
.groupsWrapper .mainCol .contentArea .threadList .row.alt {
	background-color: #EBEBEB;
}
.groupsWrapper .mainCol .contentArea .threadList .row .iconBubble {
	padding-left: 31px;
	background: transparent url(../images/groups/bubbles.png) no-repeat scroll 1px 3px;
}
.groupsWrapper .mainCol .contentArea .threadList .row .title {
	float: left;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #444;
	width: 320px;
}
.groupsWrapper .mainCol .contentArea .threadList .row .posterLine {
	display: block;
	font-size: 7pt;
	color: #777;
	clear: left;
}
.groupsWrapper .mainCol .contentArea .threadList .row .right {
	float: right;
	padding: 2px 3px 0 0;
	color: #777;
	font-size: 7pt;
	text-align: right;
}
.groupsWrapper .mainCol .contentArea .threadList .row label {
	font-size: 9pt;
}
/* End Group Discussions */


/* === Subnav styles === */
.groupNav { border-bottom: 1px solid #c3c3c3; line-height: 22px; margin: 68px 0 15px 0 !important; list-style: none; padding: 0; }
.groupNav li { font-size: 11px; position: relative; display: inline-block; }
.groupNav li a > img { display: block; float: left; padding: 5px 10px 0 0; }
.groupNav li a { color: #6a6a6a; padding: 8px 14px 8px 14px; display: block;  border-top: 1px solid #fdfdfd; border-bottom: 1px solid #cecece; font-weight: bold; text-decoration: none;
background: #f7f7f7;
background: -moz-linear-gradient(top,  #f7f7f7 0%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
background: linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6',GradientType=0 );
 }
.groupNav li a.modLinkAttention { 
	color: #D00;
}
.groupNav li a.modLink { 
background: -moz-linear-gradient(top,  #f7f7f7 0%, #D7ECFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D7ECFF), color-stop(100%,#D7ECFF));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#D7ECFF 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#D7ECFF 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#D7ECFF 100%);
background: linear-gradient(top,  #f7f7f7 0%,#D7ECFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#D7ECFF',GradientType=0 );
}
.groupNav li a.modLink:hover { 
background: -moz-linear-gradient(top,  #f7f7f7 0%, #BED7EE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BED7EE), color-stop(100%,#BED7EE));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#BED7EE 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#BED7EE 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#BED7EE 100%);
background: linear-gradient(top,  #f7f7f7 0%,#BED7EE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#BED7EE',GradientType=0 );
}
.groupNav li a:hover {
background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
background: -o-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
background: -ms-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
background: linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e8e8e8',GradientType=0 );
}
.groupNav li a:active { background: #f0f0f0; }
.groupNav .activeli { border-left: 4px solid #505050; }
.groupNav .activeli a { margin-right: -1px !important; color: #A64949; padding-left: 10px; }
/* End Subnav Styles */



.block .visual-block {
    background:url(../images/global/bg-visual-300.gif?v=1) repeat-y -300px 0;
}
.block .visual-holder {
    background:url(../images/global/bg-visual-300.gif?v=1) no-repeat 0 0;
}
.block .visual-frame {
    background:url(../images/global/bg-visual-300.gif?v=1) no-repeat -600px 100%;
    padding: 18px 20px;
}


#middlecolumn .groupHomeCol {
	float: left;
	width: 388px;
}
#middlecolumn .groupHomeColRight {
	margin-left: 9px;
}
#middlecolumn .groupContainerBlock {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#middlecolumn .groupContainerBlock h4 {
	display: block;
	margin: -7px -7px 6px -7px;
	padding: 5px 6px;
	color: #fff;
	font-size: 13px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #5E6779;
	box-shadow: 0 1px 2px 0 #9CA6B3 inset;
	-webkit-box-shadow: 0 1px 2px 0 #9CA6B3 inset;
	-moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
	background: #8C97A6;
	background: -moz-linear-gradient(top, #8C97A6 0%, #596171 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8C97A6), color-stop(100%,#596171));
	background: -webkit-linear-gradient(top, #8C97A6 0%,#596171 100%);
	background: -o-linear-gradient(top, #8C97A6 0%,#596171 100%);
	background: -ms-linear-gradient(top, #8C97A6 0%,#596171 100%);
	background: linear-gradient(top, #8C97A6 0%,#596171 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 );
}
#middlecolumn .groupContainerBlock div.groupBlock.noMarginRight {
	margin-right: 0;
}
#middlecolumn .groupContainerFullWidth .groupBlock {
	margin-right: 10px;
}
#middlecolumn .groupContainerBlock .buttonS {
	margin-top: 4px;
}
#middlecolumn .groupBlock {
	margin: 2px 4px 2px 2px;
	width: 183px;
}
#middlecolumn .groupBlock .meta {
	width: 138px;
}
#middlecolumn .groupBlock .groupAvatar {
	margin-right: 6px;
}







/** BEGIN SOCIALITE **/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }
.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

#groupSocialIcons { display: block; list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
#groupSocialIcons > li { display: block; float: left; margin: 0; overflow: hidden; }
#groupSocialIcons .socialite { display: block; position: relative; width: 80px; height: 30px; background: url('../images/socialite.png') 0 0 no-repeat; }
#groupSocialIcons .socialite-loaded { background: none; margin-top: 3px; margin-right: 10px; }

#groupSocialIcons .twitter-share { background-position: 0 0; }
#groupSocialIcons .googleplus-one { background-position: 0 -45px; }
#groupSocialIcons .facebook-like { background-position: 0 -90px; }
#groupSocialIcons .linkedin-share { background-position: 0 -135px; }
#groupSocialIcons .pinterest-pinit { background-position: 0 -175px; }
/** END SOCIALITE **/





/** BEGIN SlideJS **/
#featuredGroups {
    width:580px;
    padding:10px;
    margin:0 auto;
    position:relative;
    z-index:0;
}
#featuredGroups .wrapper {
    width:600px;
    height:260px;
    position:relative;
}
#featuredGroups .ribbon {
    position:absolute;
    top:-3px;
    left:-15px;
    z-index:500;
}
#featuredGroups .wrapper .frame {
    position:absolute;
    z-index:0;
    width:739px;
    height:271px;
    top:-3px;
    left:-80px;
}
#featuredGroups .wrapper .slides_wrapper {
    position:absolute;
    top:15px;
    left:4px;
    z-index:100;
}
#featuredGroups .wrapper .slides_wrapper .slides_container {
    width:570px;
    overflow:hidden;
    position:relative;
    display:none;
}
#featuredGroups .wrapper .slides_wrapper .slides_container div.slide {
    width:570px;
    height:200px;
    display:block;
	overflow: hidden;
}
#featuredGroups .wrapper .slides_wrapper .slides_container div.slide p {
	margin: 0;
}
#featuredGroups .wrapper .slides_wrapper .next, #featuredGroups .wrapper .slides_wrapper .prev {
    position:absolute;
    top:84px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}
#featuredGroups .wrapper .slides_wrapper .next {
    left:585px;
}
#featuredGroups .wrapper .pagination {
	position: absolute;
	top: 240px;
	left: 50%;
    width:140px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	margin: 0 0 0 -80px;
}
#featuredGroups .wrapper .pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}
#featuredGroups .wrapper .pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../images/slidejs/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}
#featuredGroups .wrapper .pagination li.current a {
    background-position:0 -12px;
}
#featuredGroups .wrapper .slides_wrapper .slides_container div.slide .caption {
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(0,0,0,.5);
    width:540px;
    font-size:1.3em;
    line-height:1.33;
    color:#fff;
    border-top:1px solid #000;
    text-shadow:none;
}
#featuredGroups .wrapper .slides_wrapper .slides_container div.slide .caption a {
	color: #fff;
	font-weight: bold;
}
/** END SlideJS **/