/* family.com general styles
-----------------------------*/
   
#mainContent {
  width:920px;
  _width: 925px;
  float:left;
  background:url(/images/bg-center.gif) repeat-y 610px 0;
  margin:1px 0 0 0;
  border-bottom:1px solid #EAEAEA;
  padding-bottom:1px;
  }

/* family.com general article styles
----------------------------------*/

h1 {
  font:normal 30px Georgia, "Times New Roman", Times, serif;
  color:#40352A;
  margin:0;
  }

h2 {
  font:bold 16px Georgia, "Times New Roman", Times, serif;
  margin:0;
  }

h3 {
  font:italic 13px Georgia, "Times New Roman", Times, serif;
  color: #ccc;
  margin:0;
  }

p {
  font-size: 12px;
  line-height: 19px;
  }

a.view {
  display:block;
  float:left;
  background:url(/images/bg-views.gif) no-repeat;
  padding-left:22px;
  }

a.share-view {
  display:block;
  float:left;
  background:url(/images/bg-share-view.gif) no-repeat;
  padding-left:22px;
  border-right:1px solid #EAEAEA;
  padding-right:10px;
  margin-right:10px;
  }

/* A Column styles start
----------------------------*/

#aColumn {
  width:610px;
  _width: 620px;
  float:left;
  padding:0 0 0 0;
  }
  
#aSingleColumn {
  width:950px;
  float:left;
  padding:0 0 0 0;
  }
  
#aSingleColumn #articleHeader{
display: none;
}

#aSingleColumn #article{
width:950px;
}

#community #aSingleColumn #article{
width:950px !important;
}

#cColumn a {
  font-size: 11px;
  color:#0EA0E4;
  }
  
.main_container_wrapper_general #mainContent {
background: none;
}

/* Article Header styles start
----------------------------*/
#articleHeader {
  text-align: center;
  padding: 30px 0px 10px 0px;
  *margin-bottom: -10px;
  _margin-bottom: -6px;
  width: 610px;
  *width: 612px;
  border-bottom: 1px solid #ccc;
  position:relative;
  }

#articleHeader .btn_over_image {
  position:absolute;
  text-indent: -9999px;
  display:block;
  cursor:pointer;
}

/* Family.com general article specific styles start
-----------------------------------------*/
#article {
  padding:0px 0px 60px 0px;
  overflow:hidden; 
  width:610px;
  *padding-top: 10px;
  float:left;
  }

/* Family.com article inline styles start
-----------------------------------------*/

#articleInline {
  width:255px;
  float:right;
  background:url(/images/article/inLineBGBottom.gif) no-repeat left bottom;
  position: relative;
  margin: 0 0 0 20px;
  }

.members-speak {
  width:255px;
  background:url(/images/article/inLineBG.gif) repeat-y  0 0;
  margin: 0 0 20px 0;
  }

.members-speak:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }


.members-speak h3 {
  padding:25px 0 0 42px;
  margin:0 0 0 0;
  width:225px;
  background:url(/images/article/hMembersSpeak.gif) no-repeat left top;
  color:#666;
  text-indent:-9999px;
  overflow:hidden;
  }

.members-speak .profileImg {
  float: left;
  margin: 0 0 0 -2px;
  }

.members-speak ul {
  width:150px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style:none;
  float: left;
  }

.members-speak ul li {
  padding:5px 10px 0 10px;
  font-size:11px;
  }

.members-speak ul li .memberName {
  display:block;
  color:#0EA0E4 !important;
  padding: 0;
  background: none;
  }

.members-speak ul li a {
  display:block-inline;
  color:#558599 !important;
  background:url(/images/bg-member-speak-link.gif) no-repeat 0 4px;
  padding-left:11px;
  }

#articleInline .photo-frame {
  position: absolute;
  height: 102px;
  width: 100px;
  background: url(/images/misc/photo-frame.png) no-repeat 0 0;
  top: 40px;
  left: -2px;
  }
  
* html #articleInline .photo-frame {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/misc/photo-frame.png', sizingMethod='crop');
  }
  
#articleInline .togglers {
  width: 250px;
  height: 14px;
  position: absolute;
  top: 80px;
  left: -2px;
  }
  
#articleInline .togglers .prev {
  float: left;
  }
  
#articleInline .togglers .next {
  float: right;
  }

/* Article Pagination styles start
-----------------------------------------*/

#pageNavigate {
  padding:25px 0 0 0;
  width:590px;
  display: inline;
  }

#pageNavigate .back-page {
  width:23px;
  height:22px;
  float:right;
  background:url(/images/article/bg-back-page.gif);
  padding:8px 0 0 8px;
  }

#pageNavigate .next-page {
  width:22px;
  height:22px;
  float:right;
  background:url(/images/article/bg-next-page.gif);
  padding:8px 0 0 8px;
  }

.next-page a,
.back-page a {
  display:block;
  float:left;
  width:14px;
  height:14px;
  text-indent:-9999px;
  overflow:hidden;
  }

.next-page a {
  background:url(/images/article/next-active.gif);
  }

.back-page a {
  background:url(/images/article/back.gif);
  }

#pageNavigate .pageNumbers {
  height:22px;
  float:right;
  display: inline;
  background:#F0F8FC;
  text-align:center;
  padding:8px 10px 0 10px;
  }

.pageNumbers a {
  margin:0 2px;
  }

.pageNumbers a:hover,
.pageNumbers a.active {
  color:#F67A47 !important;
  font-weight:bold;
  text-decoration:none;
  }

/* From Family.com grey box styles start
-----------------------------------------*/

#fromFamilytop {
  background:#F7F7F7 url(/images/article/bg-fromfamily-top.gif) no-repeat;
  width:590px;
  padding-top:9px;
  margin-top:9px;
  clear:both;
  }

#fromFamilybottom {
  background:url(/images/article/bg-fromfamily-bottom.gif) no-repeat 0 100%;
  width:568px;
  padding:0 12px 7px 10px;
  color:#999;
  font-size:11px;
  }

/* Member Views Styles start
----------------------------------------------------*/

#memberViews {
  border-top:1px solid #EAEAEA;
  padding:1px 0;
  width:590px;
  float:left;
  position: relative;
  }

#memberViewsContainer {
  width:570px;
  border-bottom:5px solid #F0F8FC;
  border-top:10px solid #F0F8FC;
  border-left:10px solid #F0F8FC;
  border-right:10px solid #F0F8FC;
  }
  
#memberViewsContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.memberViewsTop {
  width:560px;
  float:left;
  padding:10px 0 0 10px;
  }

.memberViewsTop h4 {
  font: 16px Georgia, "Times New Roman", Times, serif;
  color:#40352A;
  margin-bottom:6px;
  }

.memberViewsTop h3 {
  font:italic 16px Georgia, "Times New Roman", Times, serif;
  color:#F67A47;
  margin-bottom:6px;
  }

span.orange {
  font:italic 12px Georgia, "Times New Roman", Times, serif;
  color:#F67A47;
  margin-bottom:6px;
  }

.share-read-views {
  width:560px;
  float:left;
  padding:5px 0;
  }
  

/* Member Post/Quotes Styles start
----------------------------------------------------*/

.memberPost {
  width:545px;
  float:left;
  padding:0 0 15px 0;
  margin-left:5px;
  background:url(/images/bg-says-box.gif) repeat-x 0 100%;
  position: relative;
  }

*html .memberPost {
  height: 1%;
  }

.last {
  background:none;
  }

.memberPost .profileImg {
  float:left;
  width:115px;
  padding-top:15px;
  }

.memberPost .memberQuote {
  width:414px;
  float:left;
  padding-top:20px;
  font-size:11px;
  }

.memberQuote .memberName {
  font:bold 14px Georgia, "Times New Roman", Times, serif;
  color:#558599;
  }

.memberQuote .timestamp {
  display:block;
  color:#C3C2B1;
  font-style:italic;
  }

.memberQuote .helpful {
  width:414px;
  float:left;
  padding:2px 0 5px 0;
  font-size:10px;
  }

.memberQuote p {
  margin:0;
  overflow: auto; /* If the content is clipped, the browser should display a scroll-bar to see the rest of the content */
  }

.memberQuote a.not-acceptable {
  font-size:10px !important;
  color:#ccc !important;
  display:block;
  float:left;
  background:url(/images/bg-not-acceptable.gif) no-repeat 0 2px;
  padding-left:15px;
  margin-top:5px;
  }
	
.memberPost #sorryMsg {
	top: 50px;
	left: 145px;
	display: none;
	}

/* c Column styles start
----------------------------*/

#cColumn {
  width:300px;
  float:left;
  background:url(/images/bg-top-right.gif) no-repeat;
  padding-left:10px;
  _padding-left:5px;
  }

#cColumn h3 {
  padding: 10px 0 0 10px;
  }

/* c Column Toolbox styles start
---------------------------------*/

.right-blue {
  background:#F0F8FC;
  width:300px;/*width:280px;*/
  float:left;
  padding:5px 0 10px 0;/*padding:5px 10px 10px 10px;*/
  }

.right-blue:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

#relatedArticles {
  background:#fff;
  width:278px;
  padding:0 1px;
  margin: 0 auto 6px auto;/*margin-bottom:6px;*/
  }

#relatedArticles:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }


#cColumn span.orange {
  margin-left:8px;
  }

#relatedArticles ul {
  padding:5px 0;
  margin:0;
  list-style:none;
  width:278px;
  float:left;
  border-top:1px solid #EAEAEA;
  margin:10px 0 0 0;
  }

#relatedArticles ul li {
  width:269px;
  float:left;
  padding-left:9px;
  }

#cColumn #writeArticle ul li a {
  display:block;
  float:left;
  background:url(/images/bg-right-list.gif) no-repeat 0 7px;
  padding-left:11px;
  line-height:20px;
  color:#558599;
  font-size:11px;
  font:normal 11px/20px Arial, Helvetica, sans-serif;
  }

/* More Articles Module styles start
-------------------------------------*/

#moreArticles {
  background:#fff;
  width:280px;
  margin: 10px auto 0 auto;/*margin-top:10px;*/
  }

#moreArticles:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.tabs {
  margin-top:10px;
  width:280px;
  float:left;
  }

.tabs a {
  display:block;
  width:140px;
  height:34px;
  text-indent:-9999px;
  float:left;
  overflow:hidden;
  }

.tabs a.highest-rated {
  background:url(/images/highest-rated.gif);
  }

.tabs a.highest-rated_active {
  background:url(/images/highest-rated-active.gif);
  }

.tabs a.most-discussed {
  background:url(/images/most-discussed.gif);
  }

.tabs a.most-discussed_active {
  background:url(/images/most-discussed-active.gif);
  }

#moreArticles .list-article {
  width:276px;
  float:left;
  padding:0 2px;
  background:url(/images/more-articles-list.gif) repeat-y;
  display: block;
  }

#moreArticles .list-article ul, #moreArticles .list-discussed ul {
  width:276px;
  padding:5px 0;
  margin:0;
  list-style:none;
  float:left;
  background:url(/images/bg-more-articles-list.gif) repeat-x 0 100%;
  min-height:156px;
  }

* html #moreArticles .list-article ul, * html #moreArticles .list-discussed ul {
  height:156px;
  }

#moreArticles .list-article ul li, #moreArticles .list-discussed ul li {
  width:267px;
  float:left;
  padding-left:9px;
  font:bold 12px Georgia, "Times New Roman", Times, serif;
  color:#F67A47;
  }


#moreArticles .list-discussed {
  width:276px;
  float:left;
  padding:0 2px;
  background:url(/images/more-articles-list.gif) repeat-y;
  display: none;
  }


/* Write Article Module styles start
-------------------------------------*/

#writeArticle {
  background:#fff;
  width:280px;
  margin:5px auto 0 auto;/*margin-top:5px;*/
  }

#writeArticle:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

#writeArticle ul {
  width:276px;
  padding:5px 0;
  margin:0;
  list-style:none;
  float:left;
  }

#writeArticle ul li {
  width:267px;
  float:left;
  padding-left:9px;
  font:bold 12px Georgia, "Times New Roman", Times, serif;
  color:#F67A47;
  }
  
  .errorShow {
  font-weight: bold;
  color: #ff0000;
  }
  
#home .footer_community {
display: none;
}
#community .footer_community {
display: block;
}

/* community login pop up  */
.box_trans_320 {
background: url(/images/community/bg_box_trans_320.png) repeat-y 0 0;
width: 306px;
padding: 0px 7px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://family.go.com/images/community/bg_box_trans_320.png", sizingMethod="scale");
}

.box_trans_320_top {
background: url(/images/community/bg_box_trans_320_top.png) no-repeat 0 0;
height: 7px;
width: 320px;
overflow:hidden;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://family.go.com/images/community/bg_box_trans_320_top.png", sizingMethod="crop");
}

.box_trans_320_bot {
background: url(/images/community/bg_box_trans_320_bot.png) no-repeat 0 0;
height: 7px;
width: 320px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://family.go.com/images/community/bg_box_trans_320_bot.png", sizingMethod="crop");
}

.box_white_306 .mid  {
background: url(/images/community/bg_box_white_306.gif) repeat-y 0 0;
width: 270px;
padding: 11px 18px;
}

.box_white_306 .top {
background: url(/images/community/bg_box_white_306_top.png) no-repeat 0 0;
height: 10px;
overflow:hidden;
width: 306px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://family.go.com/images/community/bg_box_white_306_top.png", sizingMethod="crop");
/* margin-bottom:-3px; */
/* margin-top:-3px; */
}

.box_white_306 .bot {
background: transparent url(/images/community/bg_box_white_306_bot.png) no-repeat 0 0;
height: 10px;
width: 306px;
overflow:hidden;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://family.go.com/images/community/bg_box_white_306_bot.png", sizingMethod="crop");
clear:both;
}

.login_box a#close_popup {
float:right;
color:#508EC1;
cursor:pointer;
outline-style:none;
}

.login_box h2 {
font-family:Arial,Helvetica,Arial,sans-serif;
color:#F29D08;
font-size:24px;
font-weight:normal;
letter-spacing:-0.05em;
margin:0;
padding-top:5px;
}

.login_box p {
color:#666666;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
margin-bottom:24px;
margin-top:0;
line-height:18px;
}

.login_box a#become_member {
float:left;
cursor:pointer;
color:#508EC1;
outline-style:none;
}
.login_box a#login {
background:transparent url(/images/community/btn_login.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:36px;
margin:0 !important;
text-indent:-9999px;
width:100px;
cursor:pointer;
color:#508EC1;
outline: none;
}



