/*====================================================
	Subpanel stylesheet: Left and right hand side

	- Base panel class
    --- size
    --- Colours
    - Left hand side 
    - Right/innerRight size 
    --- Descriptive mods, IE editors panel. (End of page)
=====================================================*/
/*====================================
	Base panel class - 200px
=====================================*/
.subPanel{
   margin-bottom: 15px;
   overflow: hidden;
   width: 200px;
}

.subPanel h4{
	padding: 15px;
}

.subPanel .content{
    padding: 11px 15px 11px 15px;
}

.subPanel .content p{
    font-size: 1.1em; /*1.2*/
    line-height: 1.36em; /* 1.59*/
    padding: 0 0 10px 0;
}

.subPanel .content p.sharePriceLink{
	padding-bottom: 0;
}

.subPanel .content p a.arrow, .subPanel .content p a.plus{
	font-size: 1.09em;
	line-height: 1.59em; 
	margin-bottom: 3px;
}

.subPanel .content p.thinArrowLinks a.arrow, .subPanel .content p.thinArrowLinks a.plus{
	padding-left: 24px;
}

.subPanel .content p.noPad{
    padding: 0;
}

.subPanel a.whyJoinVideo{
	background: transparent url(/Standard.Website/Images/Consumer/icon_video_orange_23x23.gif) no-repeat 0px 0px;
	color:#000000;
	display: block;
	float: left;
	font-size:1.2em;
	font-weight:bold;
	height: 18px;
	line-height:1.17em;
	margin: 0 0 7px 0;
	padding: 5px 0 0 25px;
}

.watchVidThumb{
	display: block;
	margin: 0 0 10px 0;
}

.whyJoinPara{
	width: 175px;
}

.subPanel .panelFoot{
    background-repeat: no-repeat;
    background-position: center top;
    height: 10px;
    overflow: hidden;
    width: 200px;
}

/* set icons for list items */
.subPanel .icon{
   margin: 0 0 15px 0;
}

.subPanel .icon li{
   background-repeat: no-repeat;
   background-position: 0 5px;
   font-size: 1.1em;
   line-height: 1.6em;
   padding: 5px 0 0 30px;
}

.subPanel a.joinCommunity{
	left: 25px;
	margin: 13px 0 5px 0px;
	position: relative;
}

/*====================================
	Colours
=====================================*/
/* Grey trim SubPanel */
#mainContent div.greyTrim h4{
	background: #f0f0f0 none no-repeat center top; 
	color: #000;
}

div.greyTrim .content{
	border-left: 1px solid #f0f0f0;	
	border-right: 1px solid #f0f0f0;	
}


/* Grey filled SubPanel */
#mainContent div.greyFill h4{
	background: #f0f0f0 none no-repeat center top; 
	color: #000;
	padding-bottom: 0px;
}

div.greyFill .content{
	background: #f0f0f0;
	border-left: 1px solid #f0f0f0;	
	border-right: 1px solid #f0f0f0;	
}

.greyFill .content {
    padding: 3px 10px 5px;
}

.greyFill .icon{
   margin: 0;
}

.greyFill .icon li{
   padding-top: 3px
}

/* Orange SubPanel */
#mainContent div.orangeNoFill h4{
    background: #e37230 none no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 12px 15px 10px 15px;
}

div.orangeNoFill .content{
	border-left: 1px solid #e37230;	
	border-right: 1px solid #e37230;	
}


/* Yellow SubPanel */
#mainContent div.yellowNoFill h4{
    background: #ee9815 none no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 12px 15px 10px 15px;
}

div.yellowNoFill .content{
	border-left: 1px solid #ee9815;	
	border-right: 1px solid #ee9815;	
}

/* Green SubPanel */
#mainContent div.greenNoFill h4{
    background: #62a023 none no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 12px 15px 10px 15px;
}

div.greenNoFill .content{
	border-left: 1px solid #62a023;	
	border-right: 1px solid #62a023;	
    border-color: #62a023;
    width: 168px;
}


/*====================================
	Left hand panels - 205px
=====================================*/
#leftContentColumn .subPanel,
#leftContentColumn .subPanel .panelFoot{
   margin-bottom:3px;
   width: 205px;
}

#leftContentColumn div.greyFill h4{
	padding:12px 15px 8px 15px;
	text-align:left
}

#leftContentColumn div.greyFill .content h4{
	padding:12px 0 8px 0;
	text-align:left
}

#leftContentColumn div.loggedin .content h4{
	padding:12px 5px 8px 5px;
	text-align:left
}

#leftContentColumn .subPanel .content {
    padding: 0 15px ;
}

#leftContentColumn .loggedin .content { /* for loggedin grey panel */
    padding:0 9px 15px 9px;
    width: 187px;
}

#leftContentColumn .loggedin  .content p{
    padding: 0;
    width: 187px;
}


#leftContentColumn .subPanel .content p.myCommDefault{
	font-size:1.1em;
	line-height:1.27em;
}

#leftContentColumn .subPanel .content p
#leftContentColumn .subPanel .content li{
   font-size:1.1em 
}

#leftContentColumn div.greyFill h3{
    background: #F7F7F7 none no-repeat center top;
    color:#008c9a;
    font-size:2.4em;
    padding: 15px 15px 12px 15px
}

/* Individual panel internal areas ----------------------*/

/* "Already a member" line */
#leftContentColumn .question{
   font-size: 1.2em;
   text-align: center;
   padding-top: 3px;
   margin-bottom: 13px;   
}

#leftContentColumn .question .plus{
    margin-left: 5px;
}

/* Add some padding to member line for Search results pages */
#leftContentColumn .searchResults{
    margin-top:40px;
    margin-bottom: 20px;
} 
    
/* Members information */
#leftContentColumn .memberships{
    background: transparent url(/Standard.Website/Images/Consumer/bg_join_now_free.gif) no-repeat 0 0;
    color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.5em;
    height: 89px;
    margin-bottom:5px;
    padding: 13px 10px 12px 10px;
    text-align: center;
    width: 185px;
}

#leftContentColumn .memberships a.orangeArrowBtn{
    font-family: Verdana,Arial,Sans-Serif;
    margin: 6px 0 0 4px;
}

#leftContentColumn .memberships strong{
    display: block;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.05em;
}

/* Why Join panel */
#leftContentColumn div.greyFill .blackmoresColour{
    color: #008C9A;
}

/* Member goals */
#leftContentColumn .subPanel .content .speechBubble{
    background: url(/Standard.Website/Images/Consumer/bg_wellbeing_goals_solid.gif) no-repeat top left;
    margin-top: 5px;
    padding: 13px 15px;
    position: relative;
    left: -5px;
    width: 160px;
}

#leftContentColumn .subPanel .content p.speechBubble{
	font-size: 1.1em;
	height: 64px;
}

#leftContentColumn div.otherMemberGoals .content  p.speechBubble{
	display: none;	
}
    
#leftContentColumn .speechBubble .author{
	color: #666;
    top: 78px;
    left: 80px;
    position: absolute;  
}

#leftContentColumn .speechBubble .author strong{
	color: #008C9A
}

#leftContentColumn .speechBubble .imageTypes{
	display: none;	
}
    
#leftContentColumn .speechBubble .personalGoal a{
	margin-right: 8px;
}

#leftContentColumn .speechBubble .author a{
    font-weight: bold;
}

#leftContentColumn .speechBubble .browseImageContainer{
	width: 154px;
}

#leftContentColumn .setYourGoal{
    margin-top: 10px;
    font-size:1.1em;
}

#leftContentColumn .setYourGoal span{
    color: #d5d5d5;
    padding-left: 25px;
}

/* Community icons and information */
#mainContent #leftContentColumn .communityListMask{
	height: 134px;
	overflow: hidden;
	width: 187px;
}

#mainContent #leftContentColumn  div.community h4{
    padding: 12px 15px 8px 5px;
}

#mainContent #leftContentColumn  div.community h4myCommH4{
    width: 167px;
}

#mainContent #leftContentColumn  div.community h4 img{

}

#leftContentColumn  div.community p{
    margin: 0;
}

#leftContentColumn .loggedin .communityInfo{
	float: left;
    padding: 2px 5px 0 5px;
    width: 177px;
}

#leftContentColumn .communityInfo li{
	float: left;
    height: 46px;
    margin: 0;
    padding: 0;
    width: 177px;
}

#leftContentColumn .communityInfo li.hiddenItem{
	display: none;	
}
 
#leftContentColumn .communityInfo li a{
	float: left;
    font-size: 0.91em;  /**/  
}

#leftContentColumn .communityInfo li a em{
    display: block;
}

   
#leftContentColumn  .subPanel .content .communityInfo li p{
    float: left;
    line-height: 1em;
    padding: 5px 0 0 10px;
    width: 128px;    
}

#leftContentColumn .greyFill .content .viewAll{
	clear: both;
    font-size: 1.1em;
    line-height:1.2em;
    text-align: left;
    width: 177px;
}



/*-- Logged in panel redefiniation -----------*/
#leftContentColumn .loggedin .content .speechBubble{
    background-image: url(/Standard.Website/Images/Consumer/bg_wellbeing_goals_solid2.gif);
    left: 0;
    margin-top: 0;
    padding: 0px 15px 18px 15px;
    position: relative;
    width:154px;
}

#leftContentColumn .loggedin .content .speechBubble .text{
    display: block;
    min-height: 53px;
    padding: 0 5px 
}

#leftContentColumn .loggedin .content .speechBubble .author{   
    left:90px;
    top:96px;
}

#leftContentColumn .loggedin .content .speechBubble .author a{
    font-weight:normal;
}

#leftContentColumn .loggedin .content .arrow{
    margin-left:5px
}

#leftContentColumn .loggedin .content .articleImage {
    display: block;
    height: 60px;
    margin: 10px 0;
    position: relative;
    width: 60px;
}

#leftContentColumn .loggedin .content .articleImage .frame {
    left: 0;
    position: absolute;
    top: 0;
}

/* Filter panel */
#leftContentColumn .filter .content{
    padding:0
}


/*====== Coloured images only! =========*/

/* Grey filled SubPanel */
#leftContentColumn div.greyFill h4,
#leftContentColumn div.greyFill h3{
	background-image: url(/Standard.Website/Images/Consumer/bg_left_pane_grey_top.gif); 
}
#leftContentColumn div.greyFill .content, #leftContentColumn div.greyFill h4{
    background-color:#f7f7f7;
    border: none;
}

#leftContentColumn div.greyFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_left_pane_greyfill_bottom.gif);
}

/* Grey Trim SubPanel (left) */
#leftContentColumn div.greyTrim h4,
#leftContentColumn div.greyTrim h3{
	background-image: url(/Standard.Website/Images/Consumer/bg_lSide_pane_grey_trim.gif); 
}

#leftContentColumn div.greyTrim .panelFoot{
	background-image: url(/Standard.Website/Images/Consumer/bg_lSide_pane_grey_trim_foot.gif);
}


/*====== Hot Topics subPanel =========*/
h4.hotTopH4{
    padding-top:0 !important;
}
.leftPnlHotTopic{
    padding:2px 0 15px 0;
} 
.leftPnlHotTopic .hotTopicsTop, .leftPnlHotTopic .hotTopicsBottom{
    display:none;
}
.leftPnlHotTopic .hotTopicsContent ul{
    list-style:none;
    width: 185px;
}
.leftPnlHotTopic .hotTopicsContent ul li{
    font-size:0.91em !important;
    float:left;
    clear:both;
    padding-bottom:6px;
    width:185px;
}
.leftPnlHotTopic .hotTopicsContent ul li a.commIcon{
    float:left;
    margin-left:4px;
}
.leftPnlHotTopic .hotTopicsContent ul li p{
    display:block;
    float: left;
    padding: 5px 0 0 10px !important;
    width: 128px !important;
}

/*====================================
	Right hand panels - 200px
=====================================*/
#mainContent  #rightContentColumn .subPanel h4.noBG{
	background-image: none;	
}

#mainContent .subPanel h4.minimalPadding{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

#mainContent div.subPanel h4.leftHeading{
	text-align: left;	
}



#mainContent div.subPanel .sharePricePanelContent{
	padding-bottom: 5px;
}

/*====== Coloured images only! =========*/

/* Grey trim SubPanel */
#mainContent #rightContentColumn div.greyTrim h4{
	background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_grey_top.gif); 
}

#rightContentColumn div.greyTrim .panelFoot{
	background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_grey_trim_foot.gif);
}

/* Grey filled SubPanel */
#mainContent #rightContentColumn div.greyFill h4{
	background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_grey_top.gif); 
}

#rightContentColumn div.greyFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_greyfill_bottom.gif);
}

/* Orange SubPanel */
#mainContent #rightContentColumn div.orangeNoFill h4{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_orange_top.gif);
}

#rightContentColumn div.orangeNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_orange_bottom.gif);
}

/* Yellow SubPanel */
#mainContent #rightContentColumn div.yellowNoFill h4{
    background-image:url(/Standard.Website/Images/Consumer/bg_side_pane_yellow_top.gif);
}


#rightContentColumn div.yellowNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_yellow_bottom.gif);
}

/* Green SubPanel */
#mainContent #rightContentColumn div.greenNoFill h4{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_green_top.gif);
}

#rightContentColumn div.greenNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_green_bottom.gif);
}

/* Blackmores Colour SubPanel */
#mainContent #rightContentColumn div.blackmoresNoFill h4{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_blk_top.gif);
}

#rightContentColumn div.blackmoresNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_blk_bottom.gif);
}

/*=====================================*/


#rightContentColumn .subPanel .content p.smallParagraph{
    font-size: 1.1em;
    line-height: 1.27em;
    padding: 0 0 10px 0;
}

#rightContentColumn .subPanel .content a.arrowBtnWht{
	/*needs a fix for ie6, weird render overlap on scroll*/
}

#rightContentColumn .subPanel .content p strong{
    display: block;
}

#rightContentColumn .subPanel .content ul.lastList{
	margin: 0;	
}

#rightContentColumn .subPanel .content abbr, #rightContentColumn .subPanel .content acronym{
	border: none;
	text-decoration: none;	
}

#rightContentColumn .subPanel .content strong.phone{
	background: url(/Standard.Website/Images/Consumer/icon_phone_side_green.gif) no-repeat 10px 0px;
	clear: both;
	color: #000;
	display: block;
	font-size: 1.09em;
	line-height: 1.17em;
	padding: 4px 10px 3px 40px;
}

#rightContentColumn .subPanel .content span.times{
	clear: both;
	color: #999;
	display: block;
	font-family: Arial,Sans-Serif;
	font-size: 0.91em;
	line-height: 1.3em;
	padding: 3px 10px 13px 10px;
}


/*====== Colour specific overrides =========*/
/* Grey trim SubPanel */
#mainContent #rightContentColumn div.greyTrim h4{
	background: #f0f0f0 url(/Standard.Website/Images/Consumer/bg_side_pane_grey_top.gif)	no-repeat center top; 
	color: #000;
}

#rightContentColumn div.greyTrim .content{
	border-left: 1px solid #f0f0f0;	
	border-right: 1px solid #f0f0f0;	
}

#rightContentColumn div.greyTrim .panelFoot{
	background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_grey_trim_foot.gif);
}

#rightContentColumn div.greyTrim .content .arrowBtnWht{
	margin: 8px 0 0 0;
}

/* Grey filled SubPanel */
#mainContent #rightContentColumn div.greyFill h4{
	background: #f0f0f0 url(/Standard.Website/Images/Consumer/bg_side_pane_grey_top.gif)	no-repeat center top; 
	color: #000;
	padding-bottom: 0px;
}

#rightContentColumn div.greyFill .content{
	background: #f0f0f0;
	border-left: 1px solid #f0f0f0;	
	border-right: 1px solid #f0f0f0;	
}

#rightContentColumn div.greyFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_greyfill_bottom.gif);
}

#rightContentColumn .greyFill .content {
    padding: 3px 10px 5px;
}

#rightContentColumn .greyFill .icon{
   margin: 0;
}

#rightContentColumn .greyFill .icon li{
   padding-top: 3px
}

#rightContentColumn .greyFill .wellbeingRssContent{
	width: 180px;	
}

#rightContentColumn .greyFill .wellbeingRssContent .centerRssButton{
	padding-left: 47px;	
}

/* Grey without Heading title  */
#rightContentColumn div.noHeaderTitle .content{
	background:#F0F0F0 url(/Standard.Website/Images/Consumer/bg_side_pane_grey_top.gif) center top no-repeat !important;
	border:none;	
}

/* Orange SubPanel */
#mainContent #rightContentColumn div.orangeNoFill h4{
    background: #e37230 url(/Standard.Website/Images/Consumer/bg_side_pane_orange_top.gif) no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 12px 15px 10px 15px;
}

#rightContentColumn div.orangeNoFill .content{
	border-left: 1px solid #e37230;	
	border-right: 1px solid #e37230;	
}

#rightContentColumn div.orangeNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_orange_bottom.gif);
}

/* Yellow SubPanel */
#mainContent #rightContentColumn div.yellowNoFill h4{
    background: #ee9815 url(/Standard.Website/Images/Consumer/bg_side_pane_yellow_top.gif) no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 12px 15px 10px 15px;
}

#rightContentColumn div.yellowNoFill .content{
	border-left: 1px solid #ee9815;	
	border-right: 1px solid #ee9815;	
}

#rightContentColumn div.yellowNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_yellow_bottom.gif);
}

/* Green SubPanel */
#mainContent #rightContentColumn div.greenNoFill h4{
    background: #62a023 url(/Standard.Website/Images/Consumer/bg_side_pane_green_top.gif) no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 12px 15px 10px 15px;
}

#rightContentColumn div.greenNoFill .content{
	border-left: 1px solid #62a023;	
	border-right: 1px solid #62a023;	
    border-color: #62a023;
    width: 168px;
}

#rightContentColumn div.greenNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_green_bottom.gif);
}

/* Blackmores SubPanel */
#mainContent #rightContentColumn div.blackmoresNoFill h4{
    background: #008491 url(/Standard.Website/Images/Consumer/bg_side_pane_blk_top.gif) no-repeat center top;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.22em;
    padding: 10px 15px 10px 15px;
}

#mainContent #rightContentColumn div.blackmoresNoFill h4 img{
    position: relative;
    top: 5px;
    margin-right: 5px
}

#rightContentColumn div.blackmoresNoFill .content{
	border-left: 1px solid #008491;	
	border-right: 1px solid #008491;	
    border-color: #008491;
    color:#000;
    /* font-size:0.9em; -- Was smaller but making it the same across all boxes so we can reuse styles */
    width: 168px;
}

#rightContentColumn div.greenNoFill .panelFoot{
    background-image: url(/Standard.Website/Images/Consumer/bg_side_pane_green_bottom.gif);
}
/* group icons */
/* grey background icons */
#rightContentColumn .greyFill .health li{
    background-image: url(/Standard.Website/Images/Consumer/icon_health_grey.gif );
}

#rightContentColumn .greyFill .learning li{
    background-image: url(/Standard.Website/Images/Consumer/icon_learning_centre_grey.gif );
}

#rightContentColumn .greyFill .learningVideo li{
    background-image: url(/Standard.Website/Images/Consumer/icon_video_grey_sml.gif );
}

#rightContentColumn .greyFill .learningPodcast li{
    background-image: url(/Standard.Website/Images/Consumer/icon_podcast_grey_sml.gif );
}


#rightContentColumn .greyFill .product li{
    background-image: url(/Standard.Website/Images/Consumer/icon_product_grey.gif );
}

#rightContentColumn .greyFill .wellbeing li{
    background-image: url(/Standard.Website/Images/Consumer/icon_wellbeing_grey.gif );
}

/* white background icons */
#rightContentColumn .orangeNoFill  .health li{
    background-image: url(/Standard.Website/Images/Consumer/icon_health_white.gif );
}

#rightContentColumn .orangeNoFill  .learning li{
    background-image: url(/Standard.Website/Images/Consumer/icon_learning_centre_white.gif );
}

#rightContentColumn .orangeNoFill .product li{
    background-image: url(/Standard.Website/Images/Consumer/icon_product_white.gif );
}


#rightContentColumn .orangeNoFill .wellbeing li{
    background-image: url(/Standard.Website/Images/Consumer/icon_wellbeing_white.gif );
}

#rightContentColumn .orangeNoFill  .discussion li{
    background-image: url(/Standard.Website/Images/Consumer/icon_community_white.gif );
}

.subPanel .content a.learnAssistant {
    background-image: url(../../Images/Consumer/bg_btn_assistant.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 25px;
    line-height: 1.11em;
    padding: 18px 0 0 44px;
    width: 132px;
}

.subPanel .content a.healthAssistant {
    background-image: url(../../Images/Consumer/bg_btn_assistant.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 25px;
    line-height: 1.11em;
    padding: 18px 0 0 44px;
    width: 132px;
}

/*========================================*/
/* Product Assistant Panel */
.subPanel .content a.productAssistant {
    background-image: url(../../Images/Consumer/bg_btn_assistant.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 25px;
    line-height: 1.11em;
    padding: 18px 0 0 44px;
    width: 132px;
}

.subPanel .content a.productAssistant: hover{
    background-position: right bottom;
    text-decoration: none;
}

/* Editors in Yellow subpanel */
.editors{
}

.editors li{
    clear: both;
    height: 70px;
    width: 160px
}

.editors .memberImage{
    display: block;
    float: left;
    height: 60px;
    position: relative;
    width: 60px;
}
.editors .memberImage .frame{
    position: absolute;
    left: 0;
    top: 0;
}

.editors .editorName{
    display: block;
    float: right;
    font-weight: bold;
    padding-top: 25px;
    width: 90px;
}

.recentCommunityMember .editors li{
	width: 168px;	
}

.recentCommunityMember .editors .editorName{
	color: #666;
	font-weight: normal;
	padding-top: 8px;
	width: 98px;
}

.recentCommunityMember .editors .editorName a{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.18em;
}

#rightContentColumn div.recentCommunityMember div.content{
	padding-bottom: 0px;	
}

/* Re Define bottom padding of content area on the Yellow editors Panel */
#rightContentColumn div.yellowNoFill .content {
    padding-bottom: 0;
}

#rightContentColumn div.communityTagCloud div.content{
	padding-left: 15px;
	padding-right: 15px;	
}

#mainContent #rightContentColumn div.joinGroupPanel h4{
	font-weight: normal;
	padding-bottom: 8px;
	text-align: center;
}

#rightContentColumn div.joinGroupPanel div.content a{
	left: 25px;
	margin-bottom: 5px;
}

/*========================================*/
/* InnerRight memberships panel */
#rightContentColumn .memberships {
    background:transparent url(/Standard.Website/Images/Consumer/bg_join_now_free_smaller.gif) no-repeat scroll 0;
    color:#FFFFFF;
    font-family:Verdana,Arial,Sans-Serif;
    font-size:1.5em;
    height:89px;
    margin-bottom:5px;
    padding:13px 10px 12px;
    text-align:center;
    width:185px;
}

#rightContentColumn .memberships strong {
    display:block;
    font-family:Arial,Verdana,Sans-Serif;
    font-size:2em;
    font-weight:normal;
    line-height:1.05em;
}

#rightContentColumn .memberships a.orangeArrowBtn {
    font-family:Verdana,Arial,Sans-Serif;
    margin:6px 0 0 4px;
}

.points{
    font-size: 1.2em;
    margin: 20px 15px
}
.points li{
    padding-bottom:15px;
}


/*========================================*/
/* InnerRight welcome kit panel */

.rightHandPanels{
	color: #666666;
	font-family: Verdana, Geneva, sans-serif;
	width: 186px;
}

.rightHandPanelsTop{
	background: #FFFFFF url(/Standard.Website/Images/Consumer/bg_rightpanel_rounded_top.gif) no-repeat center top;
	font-size: 1px;
	height:15px;
	line-height: 1px;
	width: 186px;
}

.rightHandPanelsContent{
	border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    height: 130px;
    padding: 0 7px;
    width: 170px;
    background-color:White;
}

.rightHandPanelsContent p{
	text-align:left;
}

.rightHandPanelsContent p a.arrow
{
    display: block;
    background-position: left 2px;
	margin-left:1px!important;
	width:120px!important;
	padding: 2px 0 3px 27px!important;
}

.rightHandPanelsContent .contentInside { width: 164px !important;padding-bottom:7px!important;margin-bottom:7px!important; }

.rightHandPanels h2
{
	font-size:1.4em!important;
	color:Black!important;
	font-weight:bold!important;
	padding: 0px 0px 5px 9px;
	text-align: left;
}

.welcomeKitPanelContent p{
	font-size: 1.1em;
	line-height: 1.54em;
	padding: 0 0 12px 0;
	text-align: left;
	width: 171px!important;
}

.welcomeKitPanelContent p.rightPanelText{
	float:left;
	color:Black!important;
	margin-left: 5px;
	padding-left: 8px;
	padding-top: 32px!important;
	width: 97px !important;
}

.rightHandPanelsBottom{
	background: #FFFFFF url(/Standard.Website/Images/Consumer/bg_rightpanel_rounded_bottom.gif) no-repeat center top;
	font-size: 1px;
	line-height: 1px;
	padding: 0 0 15px 0;
	width: 186px;
}