﻿/*====================================================
	Retail Communities Content stylesheet

	- Community colours and layotus
	- Base template is inherited from content
    - Colour theme styles are at the bottom

=====================================================*/
/*====================================
    Overview Page
=====================================*/

#mainContent h4.communitiesSearchHeading{
    color: #000;
    padding-bottom: 15px;
}

#mainContent h4.communitiesSearchHeading span.term{
    color: #008C9A;
}

.communityInteractions{
	background: url(/Standard.Website/Images/Consumer/bg_community_interactions.gif) no-repeat top left;
	height: 420px;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	width: 700px;
}

.communityInteractions .previewHold{	
	height: 340px;
	position: relative;
	width: 700px;
}

.communityInteractions .commPreview{	
	background: url(/Standard.Website/Images/Consumer/bg_community_interactions_preview.gif) no-repeat top left;
	display: none;
	height: 325px;
	left: 0;
	overflow: hidden;
	padding: 26px 26px 0 15px;
	position: absolute;
	top: 0;
	width: 659px;
	z-index: 49;
}

#mainContent #rightContentColumn .communityInteractions .commPreview h1,
#mainContent #rightContentColumn .communityInteractions .commPreview h2{
	background: #fff;
	border-bottom: none;
	color: #008c9a;
	font-size: 2.8em;
	line-height: 1.07em;	
	margin: 0;
	padding: 0;
}

#mainContent #rightContentColumn .communityInteractions .commPreview h1{
	background: #fff;
	border-bottom: none;
	color: #008c9a;
	font-size: 3em;
	line-height: 1.07em;	
	margin: 0;
	padding: 0;
}


.communityInteractions div.introPreview{	
	background: url(/Standard.Website/Images/Consumer/bg_community_interactions_intro.jpg) no-repeat top left;
	display: block;
	height: 291px;
	padding: 34px 366px 0 35px;	
	width: 299px;
	z-index: 50;
}

.communityInteractions div.introPreview p{
	color: #008c9a;
	font-family: Arial, Sans-Serif;
	font-size: 2.4em;
	line-height: 1.42em;	
	padding: 15px 0 0 0;
}

.communityInteractions .commPreview .previewLeftCol{
	float: left;
	height: 210px;
	padding: 8px 26px 0 20px;
	width: 413px;
}

.communityInteractions .commPreview .previewRightCol{
	float: left;
	height: 200px;
	position: relative;
	width: 200px;
}

.communityInteractions .commPreview .previewRightCol .frame{
	left: 0;
	position: absolute;
	top: 0;
}

.communityInteractions .commPreview .previewLeftCol span.stats{
	color: #666;
	display: block;
	font-size: 1.2em;
	line-height: 1.17em;
	padding: 7px 0 24px 0;
}

.communityInteractions .commPreview .previewLeftCol .largeCommIcon{
	float: left;
	height: 109px;
	padding: 2px 25px 0 0;
	width: 95px;
}

.communityInteractions .commPreview .previewLeftCol .largeCommIcon img{
	height: 109px;
	width: 95px;
}

.communityInteractions .commPreview .previewLeftCol p{
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 19px 0;
	width: 293px;
}

.communityInteractions .commPreview .previewLeftCol a.btnArrowBlue{
	left: 25px;	
}

.communityInteractions .commPreview .lowerExtraLinks{
	padding: 0 0 0 0;
}

#mainContent .communityInteractions .commPreview .lowerExtraLinks h5{
	color: #000;
	float: left;
	font-size: 1.1em;
	line-height: 1.18em;
	padding: 0 5px 5px 22px;
}

.communityInteractions .commPreview .commGroups{
	background: url(/Standard.Website/Images/Consumer/icon_discuss.gif) no-repeat left top;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
	width: 228px;
}

.communityInteractions .commPreview .commTools{
	background: url(/Standard.Website/Images/Consumer/icon_tools.gif) no-repeat 13px 2px;
	border-left: 1px solid #d5d5d5;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 0 0 15px;
	width: 346px;
}

.communityInteractions .commPreview .lowerExtraLinks a.viewAll{
	float: left;	
	line-height: 1.3em;
}

.communityInteractions .commPreview .lowerExtraLinks a.bullet{
	background: url(/Standard.Website/Images/Consumer/bullet_blue_on_grey.gif) no-repeat 5px 3px;
	display: block;
	float: left;
	padding: 0 0 5px 22px;
	width: 200px;	
}

.communityInteractions .commPreview .commTools a.bullet{
	padding: 0 15px 5px 22px;
	width: 136px;
}
	

/* Interaction Nav */
.communityInteractions .communityInteractionNav{
	height: 70px;
	padding: 10px 0 0 0;
	position: relative;
	width: 700px;
}

.communityInteractions .communityInteractionNav a{
	float: left;	
	margin: 10px 0 0 20px;
}

.communityInteractions .communityInteractionNav a.btnOverview{
	background: url(/Standard.Website/Images/Consumer/bg_btn_community_overview.gif) no-repeat top left;
	display: block;
	float: left;	
	height: 59px;
	margin: 0 11px 0 0;
	overflow: hidden;
	width: 95px;
}

.communityInteractions .communityInteractionNav a.selected,
.communityInteractions .communityInteractionNav a:hover.btnOverview{
	background-position: left bottom;
}

.communityInteractions .communityInteractionNav a.btnOverview img{
	height: 59px;
	width: 95px;
}

.communityInteractions .communityInteractionNav .focusArrow{
	left: 31px;
	position: absolute;
	top: 0;	
}

/* Discussion Search */
div.discussionSearch{
	background: transparent url(/Standard.Website/Images/Consumer/bg_discussion_search.gif) no-repeat center top;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 15px;
	width: 700px;
}

#mainContent div.discussionSearch h4{
	width: 309px;
}

/* Overview current and popular */
.communityPopularColumns{
	background: transparent url(/Standard.Website/Images/Consumer/bg_community_two_panel.gif) no-repeat center 5px;
	padding: 5px 20px 0 20px;
	width: 690px;	
}

.communityPopularColumns .communityPopularColumnsFoot{
	background: transparent url(/Standard.Website/Images/Consumer/bg_community_two_panel_foot.gif) no-repeat center top;
	height: 10px;
	overflow: hidden;
	width: 690px;	
}

.communityPopularColumns .column{
	float: left;
	padding: 0 11px;
	width: 318px;
}

#mainContent .communityPopularColumns  h3{
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	height: 26px;
	line-height: 1.13em;
	padding: 14px 0 0 0;
}

.communityPopularColumns .popularCol{
	
}

.communityPopularColumns .currentCol{
	margin: 0 10px 0 0;
}

.communityPopularColumns .column li{
	padding: 10px 0 0 0;
	width: 318px;	
}

.communityPopularColumns .column li.listDivider {
	border-bottom: 1px solid #D5D5D5;
	font-size: 0;
	height:	10px;
	line-height: 0;
	list-style:	none;
	overflow: hidden;
	padding: 0;
}

.communityPopularColumns .column li .groupImage{
	display: block;
	float: left;
	height: 60px;
	padding: 0 10px 0 0;
	position: relative;
	width: 60px;
}

.communityPopularColumns .column li .groupImage .frame{
	left: 0;
	position: absolute;
	top: 0;
}	

.communityPopularColumns .column li .rightContent{
	float: left;
	padding: 4px 0 0 0;
	width: 248px;	
}

.communityPopularColumns .column li .rightContent a{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.17em;	
}

.communityPopularColumns .column li .rightContent .snippet{
	clear: both;
	color: #666;
	display: block;
	font-size: 1.1em;
	line-height: 1.27em;
	padding: 4px 0 5px 0;
}

.communityPopularColumns .column li .rightContent .snippet a{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.27em;
}

.communityPopularColumns .column li .rightContent .stats{
	clear: both;
	color: #d5d5d5;
	display: block;
	font-size: 1.1em;
	line-height: 1.18em;
}

.communityPopularColumns .column li .rightContent .stats img{
	vertical-align: -6px;	
}

.communityPopularColumns .column li .rightContent .stats .statText{
	color: #666;
}


/* Other goals */
.otherGoals{
	padding: 0 0 0 20px;
	width: 710px;	
}

.otherGoals .goalItem{
	background: url(/Standard.Website/Images/Consumer/bg_wellbeing_goals.gif) no-repeat left top;
	float: left;
	margin: 18px 0 0 0;
	padding: 0 23px 0 0;
	width: 212px;	
}

.otherGoals .goalItem .comment{
	font-size: 1.1em;
	height: 56px;
	line-height: 1.27em;
	padding: 21px 20px 0 20px;
	word-wrap: break-word;
}

.otherGoals .goalItem .memberImage{
	float: left;
	height: 60px;
	margin: 0 0 0 10px;
	position: relative;
	width: 60px;
}

.otherGoals .goalItem .memberImage .frame{
	left: 0;
	position: absolute;
	top: 0;	
}

.otherGoals .goalItem .memberName{
	color: #008c9a;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.14em;
	padding: 20px 0 3px 10px;	
}

.otherGoals .goalItem p{
	float: left;
	padding: 0 0 0 10px;
	width: 113px;
}


/*====================================
    Community Landing
=====================================*/
/* General Page Structure */
.communityContent{
	overflow: hidden;
	position: relative;
    padding: 6px 16px 0px 16px ;
    width: 698px
}

.groupCommunityContent{
}

.homeCommunityContent {
    padding-top:15px;
    padding-bottom: 15px
}

.postCommunityContent{	
}

.communityContentHead{
    height: 25px;
    overflow: hidden;
    width: 730px;
}
  
.communityContent .innerLeft{
    float:left;
    width: 498px;
}

.communityContent .innerRight{
    float: right;
    width: 200px;
}

.communityContent .communityTagCloud .content{
    font-size: 0.7em;
}

 .groupCommunityContent .innerLeft{
	padding-bottom: 15px;
 }

div.commFeatureWithSplit .content{
	background: url(/Standard.Website/Images/Consumer/bg_feature_panel_large_white.gif) no-repeat left top;
}

div.commFeatureWithSplit .content{
	padding-left: 0;
	padding-right: 0;
	width: 700px;	
}


div.commFeatureWithSplit .contentFoot{
	background: url(/Standard.Website/Images/Consumer/bg_feature_panel_large_white_foot.gif) no-repeat left top;
}


/* Tab menu */
.communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs.gif) no-repeat 0 0;
    height:60px;
    /*margin-top:15px;*/
    overflow: hidden;
    padding: 9px 13px 0px 10px;
    width: 707px;
}

.communityTabMenu li{ 
    float:left;
    position:relative;
    height: 60px;
    text-align:left;
    width:100px
}

.communityTabMenu li a{
    bottom:25px;
    font-size:1.2em;
    font-weight:bold;
    position:absolute;
    text-align:center;
    width:100px;
}

.communityTabMenu li.active a, 
.communityTabMenu li.active a:hover, 
.communityTabMenu li.active a:active{
    color:black;
    cursor:default;
    text-decoration: none
}


/*====================================
	Feature Box
====================================*/
/* Feature box home with gradient */

.communityHomeFeatureBox .content p{
    padding:15px 0;}

.communityFeatureBox .information{
    line-height:1em;
    margin:0;
    padding:0
}

.communityFeatureBox .information li{
    background-image:none;
    border-right:1px solid #d5d5d5;
    color:#666666;
    float: left;
    font-size: 0.9em;
    list-style-type:none;
    padding:0 5px 0 0;
    margin:0 5px 0 0;
}

.communityFeatureBox .information li.last{
    border-right: none;
}

/* Feature box with split gradient */
div.commFeatureWithSplit{
	padding-top: 15px;	
}

#mainContent .commFeatureWithSplit h1,
#mainContent .communityFeatureBox h1{
	padding: 3px 15px 0 54px;
	position: relative;
	width: 616px;
}

#mainContent .commFeatureWithSplit h1{
	padding-left: 69px;
}

#mainContent .commFeatureWithSplit h1.groupHeading{
	padding-left: 14px;
}

.commFeatureWithSplit h1 a.commIcon,
.communityFeatureBox h1 a.commIcon{
	left: 0;
	margin: 0 15px 0 0;
	overflow: hidden;
	padding: 0;	
	position: absolute;
	top: -6px;
}

.commFeatureWithSplit h1 span.commIcon,
.communityFeatureBox h1 span.commIcon{
	left: 0;
	margin: 0 15px 0 0;
	overflow: hidden;
	padding: 0;	
	position: absolute;
	top: -6px;
	height:39px;
    text-decoration:none;
    width:39px;
}

.commFeatureWithSplit h1 a.commIcon{
	left: 15px;
}

.communityFeatureBox h1 a:hover.commIcon{
	background-position: bottom left;
}

.commFeatureWithSplit h1 img.bcArrow{
	vertical-align: -1px;
}

div.communityFeatureBox .shadowDivide{
	background: url(/Standard.Website/Images/Consumer/bg_comm_feature_divide.gif) no-repeat left bottom;
	clear: both;
	display: block;
	height: 31px;
	width: 700px;
}

#mainContent .commFeatureWithSplit h2{
	padding: 0 15px 11px 15px;
}

.commFeatureWithSplit .groupImage{
	float: left;
	height: 90px;
	padding: 0 0 0 15px; 
	position: relative;
	width: 90px;
}

.communityFeatureBox .secondCol .frame{
	right: 10px;
	position: absolute;
	top: 0;
}

.commFeatureWithSplit .groupImage .frame{
	left: 15px;
	position: absolute;
	top: 0;
}

.commFeatureWithSplit .rightContent{
	float: left;	
	overflow: hidden;
	width: 565px;
}

.commFeatureWithSplit .rightContent p{
	padding: 0 0 0 15px;
	float:left;
	width:385px; 
}
.commFeatureWithSplit .rightContent .addNewPostBtnWrapper{
    float:left;
    padding-left:15px;
    width:150px;
}
.commFeatureWithSplit .rightContent .stats{
	clear: both;
	color: #d5d5d5;
	display: block;
	font-size: 1.1em;
	line-height: 1.18em;
	padding: 15px 0 0 15px;
}

.commFeatureWithSplit .rightContent .stats .statText{
	color: #666;
}

.commFeatureWithSplit .rightContent .details{
	color: #d5d5d5;
	font-size: 1.2em;
	line-height: 1.17em;
	padding: 0 0 15px 15px;
}

.commFeatureWithSplit .rightContent .details span{
	color: #000;	
}

.commFeatureWithSplit .nextPrevDiscussions{
	color: #d5d5d5;	
	font-size: 1.2em;
	line-height: 1.17em;
	padding: 0 15px;
}

.commFeatureWithSplit .nextPrevDiscussions span{
	float: left;
}

.commFeatureWithSplit .nextPrevDiscussions a.prevDisc{
	background: url(/Standard.Website/Images/Consumer/bg_prev_arrow_gradient.gif) no-repeat left top;
	display: block;
	float: left;
	padding: 0 0 3px 20px;
}

.commFeatureWithSplit .nextPrevDiscussions a.nextDisc{
	background: url(/Standard.Website/Images/Consumer/bg_next_arrow_gradient.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0 20px 3px 0;
	top: 0;
}

/*====================================
    Community Form Styles
=====================================*/
.communityForm .leftFormColumn{
	float: left;
	width: 475px;	
}

.communityForm .leftFormColumn p.note{
	color: #666;
	font-size: 1.1em;
	line-height: 1.27em;
	padding: 0 0 15px 0;	
}

.communityForm .leftFormColumn .formItem{
	overflow: hidden;
	padding: 0 0 15px 0;
	width: 475px;	
}

.communityForm .leftFormColumn .formItem{
	width: 465px;	
}

.communityForm .leftFormColumn .leftLabel{	
	display: block;
	float: left;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 7px 20px 0 0;	
	text-align: right;
	width: 155px;	
}

.communityForm .leftFormColumn .leftLabel{
	width: 109px;	
}

.communityForm .leftFormColumn .blankLeftLabel{
	float: left;
	height: 10px;
	width: 129px;	
}

.communityForm .leftFormColumn .fieldColumn{
	float: left;
	overflow: hidden;
	width: 300px;	
}

.communityForm .leftFormColumn .fieldValidation{
	color: #666;
	display: none;
	line-height: 1.2em;
	padding: 3px 0 0 3px;
	width: 292px;
}

.communityForm .leftFormColumn .fieldValidation{
	color: #666;
	display: none;
	line-height: 1.2em;
	padding: 3px 0 0 3px;
	width: 292px;
}

.communityForm .leftFormColumn div.fieldValidationActive{
	display: block;
}

.startDiscussionForm{
	padding: 15px 0 0 0;	
}

.startDiscussionForm h3{
	background: #f7f7f7; 
	border-bottom: 1px solid #d9d9d9;
	margin: 0 0 15px 0;
	padding: 13px 15px 6px 15px;
	position: relative;
}

.startDiscussionForm h3 .closeForm{
	position: absolute;
	right: 10px;
	top: 9px;
}

.communityForm .btnSendSubmit{
	background: url(/Standard.Website/Images/Common/bg_btn_next.gif) no-repeat top left;
	background-position: left top;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 130%;
	font-weight: bold;
	height: 36px;
	margin: 0 0 0 129px;
	overflow: hidden;
	padding: 0 0 0 35px;
	text-align: left;
	vertical-align: top;
	width: 85px;
}

.communityForm input.btnSendSubmitOver{
	background-position: left bottom;
	color: #fff;
}


.communityForm .btnBrowse{
	background: url(/Standard.Website/Images/Consumer/bg_btn_browse.gif) no-repeat top left;
	background-position: left top;
	border: none;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 130%;
	font-weight: bold;
	height: 36px;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0 0 0 35px;
	text-align: left;
	vertical-align: top;
	width: 104px;
}

.communityForm input.btnBrowseOver{
	background-position: left bottom;
	color: #fff;
}

.communityForm .btnCreateGroup{
	background: url(/Standard.Website/Images/Consumer/bg_btn_create_group.gif) no-repeat top left;
	background-position: left top;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 130%;
	font-weight: bold;
	height: 36px;
	margin: 0 0 0 129px;
	overflow: hidden;
	padding: 0 0 0 35px;
	text-align: left;
	vertical-align: top;
	width: 170px;
}

.communityForm input.btnCreateGroupOver{
	background-position: left bottom;
	color: #fff;
}

.communityForm .rightFormColumn{
	float: left;
	width: 255px;	
}

div.createGroupForm .rightFormColumn{
	width: 223px;	
}

.communityForm .rightFormColumn p.assistance{
	border-left: 1px solid #d5d5d5;
	color: #666;
	font-size: 1.1em;
	line-height: 1.27em;
	margin: 0 0 18px 0;
	padding: 0 0 0 20px;
	width: 175px;
}

.communityForm .rightNote{
	color: #666;
	font-size: 1.1em;
	line-height: 1.18em;
	padding: 0 0 13px 129px;	
}


/*====================================
    Community Groups
=====================================*/
/*====================================
	Groups and Discussion listings
    - copied from Wellbeing Blog in Content.css
    .communitySummaries was #innerLeftColumn .blogPosts .item 
=====================================*/  
.communityContent .whatAreBox a.blueArrow{
    font-size:1.2em;
	margin-right:20px;
}

.communitySummaries{
    width:480px
}

.communitySummaries .item{
    border-bottom:1px solid #d9d9d9;
    font-size:1.2em;
    margin:0 0 20px;
    padding:0 0 0 10px;
}

.communitySummaries .item h3{
    padding-bottom:10px
}

.communitySummaries .item p{
    padding:0 0 10px 0;
}

.communitySummaries .item .information{
    line-height:1em;
    margin:0;
    padding:0
}

.communitySummaries .item .information li{
    background-image:none;
    border-right:1px solid #d5d5d5;
    color:#666666;
    float: left;
    font-size: 0.9em;
    list-style-type:none;
    padding:0 5px 0 0;
    margin:0 5px 0 0;
}

.communitySummaries .item .information li.last{
    border-right: none;
}

.communitySummaries .item .information li a{
    font-weight:bold
}

.communitySummaries .item .information li.rating{
    border-right: none;
    position:relative;
    width:120px
}

.communitySummaries .item .information .stars-wrapper{
    position: absolute;
    top:-3px;
    left:45px
}

.groupCommunityContent .communitySummaries .item .content{
	padding-bottom: 15px;
}

div.groupTabList .item{
	width: 480px;	
}

div.groupTabList .item .content{
	padding: 1px 0 0 10px;
	width: 470px;
}

.communitySummaries .item .content{
    clear:both;
    padding:11px 0 0 0;
}

.communitySummaries .content .articleImage{
    margin:0;
    float:left;
    position:relative;
    height: 60px;
    width:60px
}

.communitySummaries .content .articleImage .frame{
    position:absolute;
    left:0;
    top:0
}

.communitySummaries .item .content .snippet{
    float:right;
    line-height:1.4em;
    width: 398px
}

.homeCommunityContent div.groupTabList .item .content .snippet {
    width: 398px;
}

/* What are boxes on Discussion and Groups pages */
#mainContent .communityContent .whatAreBox{
    background: #f0f0f0 url(/Standard.Website/Images/Consumer/bg_grey_round_bottom_700.gif) no-repeat left bottom;
    width:698px;
    padding-bottom:5px;
    margin-bottom:15px
}

#mainContent .communityContent .innerLeft .whatAreBox{
    padding-bottom:4px;
    width:478px;
}

#mainContent .communityContent .whatAreBox h4 {
    color:#fff;
    font-size:2.4em;
    font-weight: normal;
    padding:13px 50px 10px 20px;
    position: relative;
}
.communityContent .whatAreBox h4 .closePanel,
.communityContent .whatAreBox h4 .viewGroups{
	position: absolute;
	right: 15px;
	top: 15px;
}

#mainContent .homeCommunityContent .group h4 .viewGroups{
    line-height: 1.2em;
    height: 14px
}

#mainContent .homeCommunityContent .group h4 .viewGroups a{
    bottom:5px;
    color:#FFFFFF;
    font-size:0.5em;
    font-weight:bold;
    position:relative;
}

#mainContent .group .content,
#mainContent .discussion .content{
    background-color:#f0f0f0;
    padding:20px 20px 0 20px;
    width: 436px;
}

#mainContent .homeCommunityContent div.fullWidth .content,
#mainContent .homeCommunityContent div.whatAreBox .content,
#mainContent div.whatAreBox .content{
	width: 658px;
}

#mainContent .group .content p,
#mainContent .discussion .content p{
	font-size:1.2em;
    line-height: 1.25em;
    padding-bottom: 12px;
}

#mainContent .homeCommunityContent .group .content,
#mainContent .homeCommunityContent .discussion .content,
#mainContent div.innerLeft div.whatAreBox div.content{
    width: 436px;
}


#mainContent .homeCommunityContent .group .content,
#mainContent .homeCommunityContent .discussion .content{
    font-size: 1em
}


/* redefine inherted properties for home page */
#mainContent .innerLeft .group .content .content,
#mainContent .innerLeft .discussion .content .content{
    border-left: none;
    border-right: none;
    padding: 0;
    font-size: 0.9em
}

.homeCommunityContent .communitySummaries .item{
    padding-bottom: 15px;
    padding-left:0;
}

.homeCommunityContent .communitySummaries .last{
    border-bottom:none;
    margin-bottom:0
}

.homeCommunityContent .communitySummaries .item h5{
    padding-bottom:5px
}

.homeCommunityContent .communitySummaries .item .content .snippet {
    width:365px;
}

/* Tools listing on community landing*/
.commToolsOverview .commToolsPanel{
    background: #f0f0f0 url(/Standard.Website/Images/Consumer/bg_comm_tools_foot.gif) no-repeat left bottom;
    margin: 0 0 20px 0;
    width: 478px;
}

#mainContent .commToolsOverview .commToolsPanel h3.commToolsPanelHead{
    background: #f7f7f7 url(/Standard.Website/Images/Consumer/bg_comm_tools_head.gif) no-repeat left top;
    padding: 14px 20px 10px 20px;
    width: 438px;
}

.commToolsOverview .commToolsPanel .toolSeparator{
	border-top: 1px solid #d9d9d9;
	clear: both;
	font-size: 0em;
	height: 0px;
	line-height: 0em;
	margin: 0 auto;
	overflow: hidden;
	width: 438px;
}

.commToolsOverview .commToolsPanel .toolItem{
	padding: 12px 20px;
	width: 438px;
}

.commToolsOverview .commToolsPanel .toolItem .toolIcon{
	float: left;
	height: 60px;
	width: 60px;
}

.commToolsOverview .commToolsPanel .toolItem .toolDesc{
	float: left;
	padding: 0px 0 0 20px;
	width: 358px;
}

#mainContent .commToolsOverview .commToolsPanel .toolItem .toolDesc h4{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25em;
}

.commToolsOverview .commToolsPanel .toolItem .toolDesc h4 a,
.commToolsOverview .commToolsPanel .toolItem .toolDesc h4 span{
	color: #008997;
}

.commToolsOverview .commToolsPanel .toolItem .toolDesc p{
	color: #666;
	font-size: 1.1em;
	line-height: 1.27em;
	padding: 5px 0 0 0;
}




/* Tools listing on community tools tab*/
div.commToolsTab{
    margin: 0 0 00px 0;
    width: 478px;
}

div.commToolsTab .toolSeparator{
	border-top: 1px solid #d9d9d9;
	clear: both;
	font-size: 0em;
	height: 0px;
	line-height: 0em;
	overflow: hidden;
	width: 478px;
}

div.commToolsTab .toolItem{
	padding: 17px 0px;
	position: relative;
	width: 478px;
}

div.commToolsTab .toolItem .toolIcon{
	float: left;
	height: 60px;
	width: 60px;
}

div.commToolsTab .toolItem .toolDesc{
	float: left;
	padding: 0px 0 0 20px;
	width: 398px;
}

#mainContent div.commToolsTab .toolItem h4{
	font-family: Verdana, Sans-Serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.11em;
	padding: 0px 0 13px 0;
}

div.commToolsTab .toolItem h4 a{
	color: #008c9a;
}

div.commToolsTab .toolItem .toolDesc p{
	color: #000;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 0px 0 0 0;
}

#mainContent div.commToolsTab .toolItem .fortyWeekEmail h5{
	color: #666;
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.18em;
	padding: 11px 0 8px 0;
}

div.commToolsTab .toolItem .fortyWeekEmail .fieldWrapper{
	margin-top: 3px;	
}

div.commToolsTab .toolItem .fortyWeekEmail .btnSub{
	margin: 9px 25px 0 0;
}

div.commToolsTab .toolItem .fortyWeekEmail .btnUpdate{
	margin-left: 5px;
}

div.commToolsTab .toolItem .fortyWeekEmail a.viewSample{
	font-size: 1.2em;
	line-height: 1.17em;
	position: absolute;
	right: 0px;
	top: 20px;
}

/* Groups - Purple -------------*/
#mainContent .group h4{
    background: #7c649f url(/Standard.Website/Images/Consumer/bg_purple_round_top_700.gif) no-repeat 0 0;
}

#mainContent .communityContent .innerLeft .group{
    background: url(/Standard.Website/Images/Consumer/bg_community_groups_bottom.gif) no-repeat left bottom;
}

#mainContent .innerLeft .group h4{
    background: #7c649f url(/Standard.Website/Images/Consumer/bg_community_groups_top.gif) no-repeat 0 0;
}

#mainContent .innerLeft .group .content{
    background-color:#fff;
    border-left: 1px solid #7c649f;
    border-right: 1px solid #7c649f;
}


/* Tools - Grey -------------*/
#mainContent .communityContent div.whatAreTools h4{
	background: #f7f7f7 url(/Standard.Website/Images/Consumer/bg_what_tools.gif) no-repeat 0 0;
	color: #000;
}


/* Discussions - Blue -------------*/
#mainContent .discussion h4{
    background: #057DC1 url(/Standard.Website/Images/Consumer/bg_blue_round_top_700.gif) no-repeat 0 0;
}

#mainContent .communityContent .innerLeft .discussion{
    background: url(/Standard.Website/Images/Consumer/bg_community_discussion_bottom.gif) no-repeat left bottom;
}

#mainContent .innerLeft .discussion h4{
    background: #057DC1 url(/Standard.Website/Images/Consumer/bg_community_discussion_top.gif) no-repeat 0 0;
}

#mainContent .innerLeft .discussion .content{
    background-color:#fff;
    border-left: 1px solid #057DC1;
    border-right: 1px solid #057DC1;
}


/* Show me panel */
.showMePanel{
	border-bottom: 1px solid #008c93;
	padding: 18px 0 15px 0;	
	width: 730px;
}

.communityContent .showMePanel{
	margin: 0 0 15px 0;
	width: 698px;	
}

#mainContent .showMePanel h4{
	color: #000;
	float: left;
	padding: 10px 10px 0 10px;	
}

.showMePanel .dropdownHalfWrapper{
	float: left;
	margin: 3px 0 0 0;	
}

.showMePanel .divider{
	border-right: 1px solid #d5d5d5;
	float: left;
	height: 36px;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;	
}

.showMePanel .searchBox{
	background: transparent url(/Standard.Website/Images/Common/bg_search_field_239x36.gif) no-repeat left top;
	float: left;
	height: 36px;
	overflow: hidden;
	padding: 0 0 0 16px;
	width: 223px;
}

.showMePanel div.searchBoxFocus{
	background: transparent url(/Standard.Website/Images/Common/bg_search_field_239x36.gif) no-repeat left bottom;
}

.showMePanel .searchTextInput{
	border: 1px solid #fff;
	color: #999;
	float: left;
	font-size: 16px;
	line-height: 18px;
	margin: 7px 0 0 0;
	padding: 0;
	width: 190px;
}

.showMePanel div.searchBoxFocus .searchTextInput{
	background: #fff3eb;
	border: 1px solid #fff3eb;
	color: #000;
}

.showMePanel .searchBox .searchBtn{
	margin: 7px 0 0 0;	
}	

.showMePanel .closeCreateDiscForm{
	display: none;
}

.startDiscussionForm{
	display: none;
}

div.activeForm{
	display: block;
}

/* default, hide. bondan 2011-01-09 */
.addPostModeration.hide,
.addPostAuthenticated.hide
{
    display: none;
}

.addPostModeration.show,
.addPostAuthenticated.show
{
    display: block;
}

/*====================================
    Community Discussions
	-inherits some listing styles 
	 from groups
=====================================*/
/* Posts */
.discussionPostGroup{
	padding: 0 0 10px 0;
	width: 698px;
}

.discussionPostGroup .discussionPostDivider{
	border-bottom: 1px solid #d9d9d9;
	height: 10px;
	margin: 0 0 5px 0;
	overflow: hidden;
	width: 698px;
}

.discussionPostGroup .discussionPost{
	background: #f7f7f7;
	border-bottom: 1px solid #d9d9d9;
	margin: 0 0 5px 0;
	padding: 15px;
	width: 668px;	
}

.discussionPostGroup .discussionReplyPost{
	background: #f7f7f7;
	margin: 0 0 5px 30px;
	padding: 15px;
	width: 637px;	
}

.discussionPostGroup .alternatePost{
	background: #fff;
}

.discussionPostGroup .leftCol{
	float: left;
	padding: 0 20px 0 0;
	position: relative;
	width: 60px;	
}

.discussionPostGroup .leftCol .frame{
	background: url(/Standard.Website/Images/Consumer/frame_grey_60x60.gif) no-repeat top left;
	height: 60px;
	left: 0;
	position: absolute;
	top: 0;
	width: 60px;	
}

.discussionPostGroup div.alternatePost .leftCol .frame{
	background: url(/Standard.Website/Images/Consumer/frame_white_60x60.gif) no-repeat top left;
}

.discussionPostGroup .rightCol{
	float: left;
}

.discussionPostGroup .discussionPost .rightCol{
	width: 588px;
}

.discussionPostGroup .discussionReplyPost .rightCol{
	width: 552px;
}

.discussionPostGroup .rightCol .details{
	color: #d5d5d5;
	font-size: 1.1em;
	line-height: 1.18em;
}

.discussionPostGroup .rightCol .details a{
	font-weight: bold;
}

.discussionPostGroup .rightCol .details span{
	color: #666;	
}

.discussionPostGroup .rightCol .postContent{
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 8px 0 11px 0;
}

.discussionPostGroup .rightCol .postOptions{
	color: #d5d5d5;	
}

.discussionPostGroup .rightCol .postOptions a{
	display: block;
	float: left;
	font-size: 1.1em;
	line-height: 1.36em;
	padding: 4px 0 0 0;
}

.discussionPostGroup .rightCol .postOptions .replyBtn{
	background: url(/Standard.Website/Images/Consumer/icon_arrow_blue_on_grey.gif) no-repeat top left;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	height: 18px;
	line-height: 1.17em;
	padding: 4px 0 0 30px;
}

.discussionPostGroup .rightCol .postOptions a.selected{
	background-position: left bottom;
	color: #008c9a;
}

.discussionPostGroup .rightCol .postOptions span{
	display: block;
	float: left;
	font-size: 1.2em;
	line-height: 1.17em;
	padding: 4px 5px 0 5px;
}

.addPostPanel{
	background: url(/Standard.Website/Images/Consumer/bg_add_post_panel.gif) no-repeat left 5px;
	margin: 0;
	padding: 5px 20px 3px 20px;
	width: 658px;	
} 

.addPostPanelFoot{
	background: url(/Standard.Website/Images/Consumer/bg_add_post_panel_foot.gif) no-repeat top left;
	height: 10px;
	overflow: hidden;
	padding: 0 0 15px 0;
	width: 698px;	
}

#mainContent .addPostPanel h3{
	color: #fff;
	height: 31px;	
	margin: 0 0 15px 0;
	padding: 13px 0 0 0;
}

.discussionPostGroup .discussionPostForm{
	padding: 10px 0 0 0;	
}

.discussionPostForm .fullWidthTextBox{
	margin: 0 0 10px 0;
	width: 578px;	
}

.addPostPanel .discussionPostForm .fullWidthTextBox{
	width: 648px;	
}

.discussionPostForm .btnSendSubmit{
	background: url(/Standard.Website/Images/Consumer/bg_btn_find.gif) no-repeat top left;
	background-position: left top;
	border: none;
	color: #000;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 130%;
	font-weight: bold;
	height: 36px;
	margin: 0 20px 0 0;
	overflow: hidden;
	padding: 0 0 0 35px;
	text-align: left;
	vertical-align: top;
	width: 85px;
}

.discussionPostForm input.btnSendSubmitOver{
	background-position: left bottom;
	color: #fff;
}

.discussionPostForm p{
	color: #666;
	float: left;	
	font-size: 1.1em;
	line-height: 1.18em;
	padding: 0 0 0 20px;
	width: 473px;
}

.addPostPanel .discussionPostForm p{
	padding-bottom: 5px;
	padding-left: 0;
	width: 543px;
}

.addPostPanel .discussionPostForm p.notloggedIn{
	padding-left:0;
	margin-bottom: 15px
}

.addPostPanel .discussionPostForm p.notloggedIn .plus{
	margin-left: 10px;
	}

.hiddenPostForm{
	display: none;	
}

.communityContent .footNote{
	color: #666;
	font-size: 1.1em;
	line-height: 1.18em;
}

.communityContent .lowerOptions{
	padding: 15px 0;	
}

/*====================================
    Community Themes
=====================================*/
/* Fitness */
.communityFitness div.communityFeatureBox{
    background: #99BF12 url(/Standard.Website/Images/Consumer/bg_comm_feature_fitness.gif) no-repeat left top;
}

.communityFitness div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_fitness.gif) no-repeat left bottom;
}

.communityFitness .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_fitness.gif) no-repeat left bottom;
}

.communityFitness .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_fitness.gif) no-repeat scroll 0;
}

.communityFitness .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_fitness.gif) no-repeat scroll 0;
}

.communityFitness .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_fitness.gif) no-repeat left bottom;
}

.communityFitness .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_fitness.gif) repeat-y left top;
}

.communityFitness .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_fitness_energy.gif) no-repeat left top;
}

/* Cold and Flu */
.communityColdFlu div.communityFeatureBox{
    background: #f39b15 url(/Standard.Website/Images/Consumer/bg_comm_feature_cold_flu.gif) no-repeat left top;
}

.communityColdFlu div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_cold_flu.gif) no-repeat left bottom;
}

.communityColdFlu .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_cold_flu.gif) no-repeat left bottom;
}

.communityColdFlu .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_cold_flu.gif) no-repeat scroll 0;
}

.communityColdFlu .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_cold_flu.gif) no-repeat scroll 0;
}

.communityColdFlu .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_cold_flu.gif) no-repeat left bottom;
}

.communityColdFlu .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_cold_flu.gif) repeat-y left top;
}

.communityColdFlu .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_cold_flu.gif) no-repeat left top;
}

/* Digestion */
.communityDigestion div.communityFeatureBox{
    background: #057dc1 url(/Standard.Website/Images/Consumer/bg_comm_feature_digestion.gif) no-repeat left top;
}

.communityDigestion div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_digestion.gif) no-repeat left bottom;
}

.communityDigestion .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_digestion.gif) no-repeat left bottom;
}

.communityDigestion .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_digestion.gif) no-repeat scroll 0;
}

.communityDigestion .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_digestion.gif) no-repeat scroll 0;
}

.communityDigestion .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_digestion.gif) no-repeat left bottom;
}

.communityDigestion .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_digestion.gif) repeat-y left top;
}

.communityDigestion .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_digestion.gif) no-repeat left top;
}

/* Healthy Aging */
.communityHealthyAging div.communityFeatureBox{
    background: #ec7530 url(/Standard.Website/Images/Consumer/bg_comm_feature_healthy_aging.gif) no-repeat left top;
}

.communityHealthyAging div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_healthy_aging.gif) no-repeat left bottom;
}

.communityHealthyAging .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_healthy_aging.gif) no-repeat left bottom;
}

.communityHealthyAging .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_healthy_aging.gif) no-repeat scroll 0;
}

.communityHealthyAging .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_healthy_aging.gif) no-repeat scroll 0;
}

.communityHealthyAging .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_healthy_aging.gif) no-repeat left bottom;
}

.communityHealthyAging .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_healthy_aging.gif) repeat-y left top;
}

.communityHealthyAging .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_healthy_aging.gif) no-repeat left top;
}

/* Healthy Living */
.communityHealthyLiving div.communityFeatureBox{
    background: #c31f1f url(/Standard.Website/Images/Consumer/bg_comm_feature_healthy_living.gif) no-repeat left top;
}

.communityHealthyLiving div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_healthy_living.gif) no-repeat left bottom;
}

.communityHealthyLiving .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_healthy_living.gif) no-repeat left bottom;
}

.communityHealthyLiving .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_healthy_living.gif) no-repeat scroll 0;
}

.communityHealthyLiving .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_healthy_living.gif) no-repeat scroll 0;
}

.communityHealthyLiving .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_healthy_living.gif) no-repeat left bottom;
}

.communityHealthyLiving .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_healthy_living.gif) repeat-y left top;
}

.communityHealthyLiving .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_healthy_living.gif) no-repeat left top;
}

/* Mens Health */
.communityMensHealth div.communityFeatureBox{
    background: #057b30 url(/Standard.Website/Images/Consumer/bg_comm_feature_mens_health.gif) no-repeat left top;
}

.communityMensHealth div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_mens_health.gif) no-repeat left bottom;
}

.communityMensHealth .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_mens_health.gif) no-repeat left bottom;
}

.communityMensHealth .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_mens_health.gif) no-repeat scroll 0;
}

.communityMensHealth .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_mens_health.gif) no-repeat scroll 0;
}

.communityMensHealth .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_mens_health.gif) no-repeat left bottom;
}

.communityMensHealth .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_mens_health.gif) repeat-y left top;
}

.communityMensHealth .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_mens_health.gif) no-repeat left top;
}

/* Parenting */
.communityParenting div.communityFeatureBox{
    background: #332a86 url(/Standard.Website/Images/Consumer/bg_comm_feature_parenting.gif) no-repeat left top;
}

.communityParenting div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_parenting.gif) no-repeat left bottom;
}

.communityParenting .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_parenting.gif) no-repeat left bottom;
}

.communityParenting .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_parenting.gif) no-repeat scroll 0;
}

.communityParenting .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_parenting.gif) no-repeat scroll 0;
}

.communityParenting .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_parenting.gif) no-repeat left bottom;
}

.communityParenting .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_parenting.gif) repeat-y left top;
}

.communityParenting .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_parenting.gif) no-repeat left top;
}

/* Pregnancy */
.communityPregnancy div.communityFeatureBox{
    background: #f393d2 url(/Standard.Website/Images/Consumer/bg_comm_feature_pregnancy.gif) no-repeat left top;
}

.communityPregnancy div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_pregnancy.gif) no-repeat left bottom;
}

.communityPregnancy .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_pregnancy.gif) no-repeat left bottom;
}

.communityPregnancy .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_pregnancy.gif) no-repeat scroll 0;
}

.communityPregnancy .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_pregnancy.gif) no-repeat scroll 0;
}

.communityPregnancy .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_pregnancy.gif) no-repeat left bottom;
}

.communityPregnancy .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_pregnancy.gif) repeat-y left top;
}

.communityPregnancy .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_pregnancy.gif) no-repeat left top;
}

/* Stress */
.communityStress div.communityFeatureBox{
    background: #ba9b6c url(/Standard.Website/Images/Consumer/bg_comm_feature_stress.gif) no-repeat left top;
}

.communityStress div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_stress.gif) no-repeat left bottom;
}

.communityStress .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_stress.gif) no-repeat left bottom;
}

.communityStress .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_stress.gif) no-repeat scroll 0;
}

.communityStress .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_stress.gif) no-repeat scroll 0;
}

.communityStress .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_stress.gif) no-repeat left bottom;
}

.communityStress .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_stress.gif) repeat-y left top;
}

.communityStress .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_stress.gif) no-repeat left top;
}

/* Weight */
.communityWeight div.communityFeatureBox{
    background: #e2057c url(/Standard.Website/Images/Consumer/bg_comm_feature_weight.gif) no-repeat left top;
}

.communityWeight div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_weight.gif) no-repeat left bottom;
}

.communityWeight .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_weight.gif) no-repeat left bottom;
}

.communityWeight .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_weight.gif) no-repeat scroll 0;
}

.communityWeight .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_weight.gif) no-repeat scroll 0;
}

.communityWeight .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_weight.gif) no-repeat left bottom;
}

.communityWeight .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_weight.gif) repeat-y left top;
}

.communityWeight .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_weight.gif) no-repeat left top;
}

/* Womens Health */
.communityWomensHealth div.communityFeatureBox{
    background: #d43e91 url(/Standard.Website/Images/Consumer/bg_comm_feature_womens_health.gif) no-repeat left top;
}

.communityWomensHealth div.communityFeatureBox .featureBoxFoot{
    background: url(/Standard.Website/Images/Consumer/bg_comm_feature_foot_womens_health.gif) no-repeat left bottom;
}

.communityWomensHealth .communityContentHead{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_head_womens_health.gif) no-repeat left bottom;
}

.communityWomensHealth .communityTabMenu {
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_womens_health.gif) no-repeat scroll 0;
}

.communityWomensHealth .communityTabMenu li.active{
    background:transparent url(/Standard.Website/Images/Consumer/bg_tabs_active_womens_health.gif) no-repeat scroll 0;
}

.communityWomensHealth .communityContent{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_foot_womens_health.gif) no-repeat left bottom;
}

.communityWomensHealth .communityContentWrapper{
    background: url(/Standard.Website/Images/Consumer/bg_comm_border_sides_womens_health.gif) repeat-y left top;
}

.communityWomensHealth .communityFeatureBox h1 .commIcon{
	background: url(/Standard.Website/Images/Common/icon_womens_health.gif) no-repeat left top;
}
