/******************************************************************************************************
 * This file represents all styles used within the various Widget user controls on the site. Widgets
 * are small content areas that rest primarily in the sidebars of the site.
 ******************************************************************************************************/
 
 /** BASIC CONTAINER DIVS *****************************************************************************/
 .WidgetH4 {
 	font-weight: normal;
 	text-transform: none;
 }
 
 .WidgetContainer,
 .WidgetContainerC,
 .WidgetContainerPoise {
 	width: 226px;
 }
 
 .WidgetContainer div.Top,
 .WidgetContainerC div.Top,
 .WidgetContainerPoise div.Top {
 	width: 226px;
 }
 
 .WidgetContainer div.Top div.Content{
 	width: 226px;
 	padding: 3px 0px 3px 0px;
 }
 
 .WidgetContainerC div.Top div.Content {
 	width: 226px;
 	padding: 10px 0px 10px 0px;
 }
 .WidgetContainerPoise div.Top div.Content {
 	width: 192px;
 	padding: 10px 16px 10px 18px;
 }
 
 .WidgetContainer{
	background: url(Images/Widgets/widgetContainer_bg.gif) repeat-y;
 }
 .WidgetContainerC{
	background: url(Images/Widgets/widgetContainerC_bg.gif) repeat-y;
 }
 .WidgetContainerPoise{
	background: url(Images/Widgets/widgetContainerPoise_bg.gif) repeat-y;
 }
 .WidgetContainer div.Top{
	background: url(Images/Widgets/widgetContainer_top.gif) no-repeat top;
 }
 .WidgetContainerC div.Top{
	background: url(Images/Widgets/widgetContainerC_top.gif) no-repeat top;
 }
 .WidgetContainerPoise div.Top{
	background: url(Images/Widgets/widgetContainerPoise_top.gif) no-repeat top;
 }
 .WidgetContainer div.Top div.Content{
	background: url(Images/Widgets/widgetContainer_btm.gif) no-repeat bottom;
 }
 .WidgetContainerC div.Top div.Content{
	background: url(Images/Widgets/widgetContainerC_btm.gif) no-repeat bottom;
 }
 .WidgetContainerPoise div.Top div.Content{
	background: url(Images/Widgets/widgetContainerPoise_btm.gif) no-repeat bottom;
 }
 
 .WidgetInnerContainer {
 	border-left: solid 1px #009b7b;
 	border-right: solid 1px #009b7b;
 	border-bottom: solid 1px #009b7b;
 	margin: 0px 2px 0px 3px;
 	width: 218px;
 	text-align:center;
 }
 
 .WidgetInnerHeaderContainer {
 	background: url(Images/Widgets/differenceHeader_bg.gif) repeat-x top;
 	margin: 0px 2px 0px 3px;
 	height: 25px;
 	width: 220px;
 	text-align:center;
 }
 
 .WidgetInnerHeaderContainer div.HeaderContent {
 	padding: 3px 0px 0px 0px;
 }
 
 .WidgetInnerHeaderContainer div.HeaderContent h5 {
	color: #fefefe;
	line-height:1.3em;
 }
 
 
 /** From The Community Widget ******************************/
 /** This is in the CurrentDiscussionsWidget -- Widget view */
 
 div.FromTheCommunityWidget div.WidgetInnerHeaderContainer{
 	background: url(Images/Widgets/Title_FromTheCommunityWidget.gif) no-repeat top;
 }
 div.FromTheCommunityWidget div.Top div.WidgetInnerContainer,
 div.FromTheCommunityWidget div.Top div.WidgetInnerHeaderContainer {
 	border:none;
 	margin:0;
 	width:220px;
 }
 div.FromTheCommunityWidget div.Top div.Content{
 	padding:3px 2px;
 	width:222px;
 }
 
 div.FromTheCommunityWidgetContent{
 	border: solid 1px #009b7b;
 	padding-bottom:3px;
 }
 div.FromTheCommunityWidgetContent div.WidgetInnerHeaderContainer{
 	border:none;
 }
 div.FromTheCommunityWidgetContent div.WidgetInnerHeaderContainer div.HeaderContent h5{
 	text-indent:-9000px;
 }
 div.FromTheCommunityWidgetNode{
 	padding:0px 9px 6px 9px;
 	text-align:left;
 }
 div.FromTheCommunityWidgetContent .hrDotted{
 	margin:0 8px 0px 8px;
 }
 div.FromTheCommunityWidgetImageAndTitle img{
 	float:left;
 	width:63px;
 	height:63px;
 	margin-right:6px;
 }
 div.FromTheCommunityWidgetImageAndTitle h6{
 	padding-top:7px;
 }
 div.FromTheCommunityWidgetImageAndTitle p{
 	font-size:1.2em;
 	font-weight:bold;
 	letter-spacing:0.1em;
 }
 div.FromTheCommunityWidgetImageAndTitle p a{
 	letter-spacing:0;
 }
p.FromTheCommunityWidgetQuote{
 	clear:left;
 	padding-top:3px;
 	font-size:1.2em;
 	font-weight:normal;
 	letter-spacing:0;
 	font-style:italic;
}
 
 
 
 .ModalPopup{
 	position:relative;
 	top:-100px;
 }
 .ModalPopup{
	background: url(Images/Shared/ModalPopup_bg.gif) no-repeat;
	text-align:center;
	width:316px;
	height:124px;
	padding:56px 34px 0 32px;
	font-size:1.4em;
 }
 .ModalPopup span{
 	display:block;
 	padding-bottom:22px;
 	text-align:left;
 }
 .ModalPopup input{
 	margin-left:5px;
 	margin-right:5px;
 }
 .simplemodal-overlay {background-color:#E5EDE6;}
 
 
 
 .PoiseAdContainer{
 	position:relative;
 	padding:2px 0 5px 0;
 }
 .PoiseAdContainer a:link h3,
 .PoiseAdContainer a:visited h3{
 	color:#009b7b;
 	text-decoration:none;
 }
 .PoiseAdContainer a:link h4,
 .PoiseAdContainer a:visited h4{
 	text-transform:uppercase;
 	color:#333;
 	text-decoration:none;
 }
 .PoiseAdContainer a:hover h3,
 .PoiseAdContainer a:active h3,
 .PoiseAdContainer a:hover h4,
 .PoiseAdContainer a:active h4{
 	text-decoration:underline;
 }
 .PoiseAdContainer img{
 	position:absolute;
 	top:43px;
 	left:36px;
 }
 .PoiseAdContainer p{
 	padding-top:158px;
 	line-height:1.5em;
 }
 .PoiseAdContainer a.FooterLink:link,
 .PoiseAdContainer a.FooterLink:hover,
 .PoiseAdContainer a.FooterLink:active,
 .PoiseAdContainer a.FooterLink:visited{
 	text-decoration:underline;
 }
 
 /** CALLOUT WIDGET *****************/
 .WidgetCalloutContainer{
 	padding: 10px;
 	width: 198px;
 } 

 .WidgetCalloutImageAndTitle{
 	float: left;
 }
 
 .WidgetCalloutImage{
 	float: left;
 	padding: 0px 3px 0px 0px;
 }
 
 .WidgetCalloutTitle{
 	float: left;
 	text-align: left;
 	font-size:1.4em;
 }
 
 .WidgetCalloutTitle p{
 	color: #005cab;
 	font-weight: bold;
 }
 
 .WidgetCalloutTitle span{
 	color: #000000;
 }
 
 .WidgetCalloutCopy{
 	clear: both;
 	text-align: left;
 }
 
 .WidgetCalloutCopy p{
 	font-style: italic;
 	font-size: 1.2em;
 }
 
 
 /** SIGN IN WIDGET ****************************************************************************************/
 
 .SignInContentContainer {
 	min-height: 100px;
 	height: auto !important;
 	height: 100px;
 	margin: 4px 14px;
 	text-align: left;
 } 
 .SignInContentContainer p{
 	padding-bottom:3px;
 }
 
 .SignInContentContainer div.SignOutRow {
 	padding: 0px 0px 5px 0px;
 	text-align: center;
 }
 
 .SignInContentContainer div.SignInRow h6 a img {
 	margin-top:6px;
 	margin-bottom:3px;
 }
 
 .SignInContentContainer div.SignInRow {
 	padding: 0px 0px 2px 0px;
 	text-align: center;
 }
 .SignInContentContainer div.SignedInRow {
 	padding: 0px 0px 2px 0px;
 	text-align: left;
 }
p.GoToMyPrivateMsgsRow{
	font-weight:bold;
	font-style:italic;
	padding-bottom:3px;
	padding-left:3px;
}
.FriendRequestsLine{
	padding-left:3px;
}
 
 .SignInContentContainer div.DidYouKnowRow {
 	padding: 10px 0px 2px 0px;
 	text-align: left;
 }
 
 .SignInContentContainer div.DidYouKnowRow p {
 	font-size:1.3em;
 }
 .SignInContentContainer div.MailBoxRow {
 	font-weight: bold;
 	padding: 0px 0px 0px 5px;
 }
 
 .SignInContentContainer h6.AltH6 {
 	color: #009B7B;
 	text-transform:uppercase;
 }
 
 .SignInContentContainer .hrDotted {
 	
 	background: url(Images/Widgets/hr_dotted.gif) repeat-x;
 	margin: 1px 0px 2px;
 }
 
 .WidgetSignIn {
 	padding: 0px 0px 0px 0px;
 	text-align: center;
 }
 
 /** SEE THE DIFFERENCE WIDGET *****************************************************************************/
 
.QuickPostWidget{
	margin-left:1px;
}
.QuickPostWidget h4.WidgetH4{
	margin-left:5px;
	margin-right:0px;
}
.QuickPostWidget h4.WidgetH4{
	margin-left:5px;
	margin-right:0px;
}
.DifferenceContainerInkBlot {
    padding: 5px 0px 5px 0px;
}
.QuickPostWidget ul{
    display: inline;
	margin:0;
	padding:0;
}
.QuickPostWidget li{
    display:inline;
	background:none;
	padding:0;
}
 .QPTextbox{
 	width:190px;
 	margin-top:4px;
 	margin-bottom:4px;
 	border:solid 1px #484848;
 }
 .QPFeedback{
 	padding:10px;
 	font-weight:normal;
 	text-transform:none;
 	font-size:1.4em;
 }
 .QPJoinNowBtn{
 	margin-top:10px;
 }
 
 .GenderRow
 {
    text-align: right;
 	padding: 5px 10px 5px 0;
 }
 .GenderRow h4.WidgetH4{
	margin-left:0;
	display:inline;

 }
 
 .GenderRow h4,
 .GenderRow input,
 .GenderRow img
 {
 	float:none;
 	vertical-align: top;
 }
 .GenderRow img{
 	padding-right:5px;
 }
 .GenderRow img,
 .GenderResponseRow img
 {
 	position:relative;
 	top:2px;
 }
 
 .GenderRowSubmit
 {
 	padding: 5px 0px 5px 0px;
 }
 
 img.GenderLabel
 {
 	margin: 5px 0px 0px 0px;
 }
 
.QuickPostWidget .SubmitAnswersButton
 {
 	padding: 7px 0px 0px 45px;
 }
 
 .GenderHR
 {
 	border-top:solid 1px #C1DFF6;
 	height: 1px;
 	margin: 3px 2px 5px;
 	overflow: hidden;
 	padding: 0px 0px 0px 0px;
 }
.QuickPostWidget h6{
	text-align:left;
	text-transform:uppercase;
	padding-left:10px;
}
 .GenderResponseL{
 	text-align:right;
 	vertical-align:top;
 	padding:0 3px 4px 10px;
 }
 .GenderResponseR{
 	text-align:left;
 	vertical-align:top;
 	font-style:italic;
 	font-size:1.2em;
 }
 .QuickPostWidgetFooterLink{
 	margin:4px 0 8px 50px;
 }
 .QPResponse{
 	padding:10px 10px 15px 10px;
 }
 .QPResponse img{
 	margin:8px 0 0 0;
 }
 
 /** FIND THE PRODCUT *****************************************************************************/
 
 .FindTheProduct{
 	padding: 3px 0px 3px;
 }
 
 .Widget{
    width: 225px;
 }
 
 
  /** Resource Library *****************************************************************************/
 
 .ResourceLib{
 	padding: 3px 0px 3px;
 }
 
  /** Meet Our Team *****************************************************************************/
 
 .MeetOurTeam{
 	padding: 3px 0px 3px;
 }
 
 
.FriendsWidget{
	margin-top:7px;
	margin-left:1px;
}
.FriendsWidget h3{
	text-align:left;
	color:#fff;
	text-transform:none;
	padding-left:10px;
}
.FriendWrapper{
	width:108px;
	height:100px;
	margin:10px 0 5px 0;
	font-weight:bold;
	font-size:0.9em;
	vertical-align:bottom;
	overflow:hidden;
}
.FriendsWidgetFooter{
	background:url(Images/Shared/hr_dotted.gif) repeat-x;
	font-size:1.4em;
	padding:4px 0 6px 0;
	font-weight:bold;
	margin:0 10px;
}



/** Profile Widget  ***************************************************************************/

.ProfileWidget{	
	width:179px;
	margin-left:15px;	
}
.ProfileWidget div.Top{
	width:179px;
}
.ProfileWidget div.Top div.Content{
	width:162px;
	padding:15px 0 15px 15px;
}
.ProfileWidget{background: url(Images/Utility/Profile/ProfileWidget_bg.gif) repeat-y left;}
.ProfileWidget div.Top{background: url(Images/Utility/Profile/ProfileWidget_top.gif) no-repeat top left;}
.ProfileWidget div.Top div.Content{background: url(Images/Utility/Profile/ProfileWidget_btm.gif) no-repeat bottom left;}

.ProfileWidget img.ProfilePic{
	border:solid 1px #414141;
}
.ProfileWidget span.GenderLabel img{
	margin:0 0 10px 4px;
}
.ProfileWidget p.ProfileQuote{
	font-style:italic;
	margin:0 0 6px;
	font-weight:normal;
}
.ProfileWidget a.ChangeProfilePicLink{
	display:block;
}


.JourneyPuller img.ProfilePic{
	border:solid 1px #009B7B;
}
.JourneyPuller .JourneyPullerSectionWrapper{
	background:#009B7B;
	text-align:center;
}
.JourneyPullerSectionWrapper{
	margin:10px 0 4px 0;
}