/* family.com article styles
-----------------------------*/

#mainContent {
width:920px;
float:left;
background:url(/images/bg-top-right-2.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:bold 14px Georgia, "Times New Roman", Times, serif;
margin:0;
}

p {
font-size: 12px;
line-height: 19px;
}

a.view,
span.view {
background:transparent url(/images/bg-views.gif) no-repeat scroll 0%;
border-right:1px solid #EAEAEA;
display:block;
float:left;
font-size:10px;
margin-right:10px;
padding:3px 10px 0px 22px;
}

.share-read-views .loginArticleComment {
background:transparent url(/images/bg-profile-blue.gif) no-repeat scroll 0px 50%;
color:#0EA0E4;
padding:0px 0px 0px 18px;
}

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.share {
display:block;
float:left;
background:url(/images/bg-share-view.gif) no-repeat;
padding-left:22px;
}

a.share-view-solo {
display:block;
float:left;
background:url(/images/bg-share-view.gif) no-repeat;
padding-left:22px;
border:0;
padding-right:0;
margin-right:0;
}

/* From login.css 
-----------------*/

a.back {
background-image: url(/images/back-to-page.gif);
width: 225px;
height: 25px;
float: right;
text-indent: -9999px;
margin: 10px 20px 0 0;
}

a.back-to-blog {
background-image: url(/images/back-to-blog.gif);
width: 167px;
height: 16px;
float: right;
text-indent: -9999px;
margin: 10px 20px 0 0;
}

/* A Column styles start
----------------------------*/

#aColumn {
width:590px;
float:left;
padding:19px 20px 0 0;
_padding:19px 26px 0 0;
}

#cColumn a {
color:#0EA0E4;
font-size: 11px;
}

/* Article Header styles start
----------------------------*/

.blog-header {
width:530px;
/*float:left;
position: relative;*/
}

.blog-header img {
float:left;
}

.blog-header #articleTools {
width:285px;
float:left;
padding-right:20px;
}

#articleTools .print-mail {
width:285px;
float:left;
height:18px;
margin:3px 0 12px 0;
background:url(/images/article/gray-border.gif) repeat-y 25px 0;
}

.print-mail a {
display:block;
margin-right:18px;
text-indent:-9999px;
float:left;
}

.print-mail a.mail {
width:17px;
height:9px;
background:url(/images/article/bg-mail.gif) no-repeat;
margin-top:4px;
overflow:hidden;
}

.print-mail a.print {
width:16px;
height:14px;
background:url(/images/article/bg-print.gif) no-repeat;
overflow:hidden;
}

.blog-header .byline {
font:13px Georgia, "Times New Roman", Times, serif;
color:#558599;
display:block;
letter-spacing:-1px;
margin:-2px 0 4px 0;
}

.blog-header .ratings {
padding-top:28px;
width:285px;
float:left;
font-size:11px;
}

.blog-header .blogHeader {
background:url(/images/bg-says-box.gif) repeat-x 0 100%;
}

.blog-header .blogHeader h1 {
position: relative;
bottom: -15px;
width: 74%;
}

.blog-header .blogHeader .timestamp {
font-size:11px;
color:#C3C2B1;
width: 100%;
text-align: right;
padding-bottom: 5px;
}

.blog-header .blogHeaderBottom:after {
clear: both;
content: ".";
height: 0;
display: block;
visibility: hidden;
}

.blog-header .blogHeaderBottom {
margin: 5px 0 4px 0;
*height: 1%;
}

.blog-header .blogHeaderBottom h4 {
margin: 0;
padding: 0;
color:#f67a47;
font-size:16px;
font-weight:bold;
float:left;
}

.blog-header .blogHeaderBottom h4 em {
color:#666;
font-weight:normal;
}

.blog-header .blogHeaderBottom a {
float:right;
}

.blogCategory {
font-size:11px;
color:#C3C2B1;
}

.blogCategory .category {
font-weight:bold;
color:#f67a47;
}

.ratings .rated-views {
width:287px;
height: 19px;
padding: 3px 0 0 0;
border-bottom:1px solid #EAEAEA;
}

.rated-views .rated {
width:187px;
height: 17px;
float:left;
padding:4px 0 1px 4px;
margin: -4px 0 0 0;
border-right:1px solid #EAEAEA;
}

.rated img {
float:left;
margin-right:2px;
}

.rated .ratedBy {
display:block;
float:left;
margin-left:7px;
}

.rated-views .views {
width:85px;
float:left;
padding:0 0 1px 10px;
}

.ratings .more {
width:285px;
float:left;
color:#999;
padding:10px 0;
border-bottom:1px solid #EAEAEA;
}

.more .moreAbout {
display:block;
float:left;
background:url(/images/bg-more.gif) no-repeat 100% 50%;
padding-right:8px;
margin-right:8px;
}

/* .rater added by alberto 1.17.07
-----------------------------------------*/
.rated-views .rater {
background: url(/images/misc/bg-stars-on.gif) no-repeat 0 0;
width:187px;
height: 17px;
float:left;
padding:4px 0 1px 4px;
margin: -4px 0 0 0;
border-right:1px solid #EAEAEA;
display: block;
}

.rater img {
padding-right: 2px;  
}

.rater .rateLevel {
display:block;
float:left;
margin-left:7px;
}  

/* Family.com article inline styles start
-----------------------------------------*/

#articleInline {
width:255px;
float:right;
background:url(/images/article/inLineBGBottom.gif) no-repeat 20px bottom;
padding: 0 0 0 20px;
position: relative;
}

.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 .profileImg img {
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: 16px;
}

* 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: 18px;
}

#articleInline .togglers .prev {
float: left;
}

#articleInline .togglers .next {
float: right;
}

/* Article Pagination styles start
-----------------------------------------*/

#pageNavigate {
padding:1px 0 0 0;
width:590px;
display:block;
/*border-top:1px solid #eaeaea;*/
clear:both;
}

#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, .next-page span,
.back-page a, .back-page span {
display:block;
float:left;
width:14px;
height:14px;
text-indent:-9999px;
overflow:hidden;
}

.next-page a {
background:url(/images/article/next-active.gif);
}

.next-page span {
background:url(/images/article/next.gif);
}

.back-page a {
background:url(/images/article/back.gif);
}

.back-page span {
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, .pageNumbers span {
margin:0 2px;
}

.pageNumbers a:hover,
.pageNumbers span {
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;
}

.noTopBorder {
border-top: 0 !important;
}

.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;
position: relative;
}

/* .memberPost .profileImg .photo-frame and
.memberPost .profileImg .photo-frame2 added 1.22.07 alberto
--------------------------------------------------------------*/
.memberPost .profileImg .photo-frame {
width: 100px;
height: 100px;
background: url(/images/misc/photo-frame-white-bg.png) no-repeat 0 0;
position: absolute;
top: 15px;
left: 0;
}

* html .memberPost .profileImg .photo-frame {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/misc/photo-frame-white-bg.png', sizingMethod='crop');
}

.memberPost .profileImg .photo-frame2 {
width: 100px;
height: 100px;
background: url(/images/misc/photo-frame-white-bg2.png) no-repeat 0 0;
position: absolute;
top: 15px;
left: 0;
}

* html .memberPost .profileImg .photo-frame2 {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/misc/photo-frame-white-bg2.png', sizingMethod='crop');
}

.memberPost .memberQuote {
width:414px;
float:left;
padding:20px 0px 0px 15px;
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;
_margin-left:-8px;
}

#cColumn h3 {
padding: 10px 0 0 10px;
}

.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 #listArticleTab ul li a,
#cColumn #listDiscussedTab ul li a,
#cColumn #favoriteBlogs ul li a {
display:block;
float:left;
background:url(/images/bg-right-list.gif) no-repeat 0 7px;
padding-left:11px;
color:#558599;
font:normal 11px/20px Arial, Helvetica, sans-serif;
}

/* More Articles Module styles start
-------------------------------------*/

#moreArticles {
background:#fff;
width:280px;
margin: 10px auto 6px 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 .tabs a.most-recent {
background:url(/images/most-recent.gif);
}

#moreArticles .tabs a.most-recent_active {
background:url(/images/most-recent-active.gif);
}

#moreArticles .tabs a.most-helpful {
background:url(/images/most-helpful.gif);
}

#moreArticles .tabs a.most-helpful_active {
background:url(/images/most-helpful-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:106px;
}

* 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;
min-height:17px;
}

* html #moreArticles .list-article ul li, #moreArticles .list-discussed ul li 
* html #moreArticles .list-article ul li,
* html #moreArticles .list-article ul li, 
* html #moreArticles .list-discussed ul li {
height:17px;
}

#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;
}

/* Favorite Blogs Module styles start
-------------------------------------*/

#favoriteBlogs {
background: #fff;
width:280px;
margin:5px auto 0 auto;
}

#favoriteBlogs h3 {
border-bottom: 1px solid #eaeaea;
height:24px;
}

#favoriteBlogs:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#favoriteBlogs ul {
width:276px;
padding:5px 0;
margin:0;
list-style:none;
float:left;
}

#favoriteBlogs ul li {
width:267px;
float:left;
padding-left:9px;
font:bold 12px Georgia, "Times New Roman", Times, serif;
color:#F67A47;
}

/* About Me Module styles start
-------------------------------------*/

#aboutMe {
background: #fff;
width:280px;
margin:5px auto 0 auto;
}

#aboutMe .aboutMeContent {
background:url(/images/blog/bg_aboutme.gif) no-repeat 162px 15px;
}

#aboutMe .aboutMeContent h3 {
font:bold 14px Georgia, "Times New Roman", Times, serif;
color:#F67A47;
}

#aboutMe .aboutMeContent p {
font-size:11px;
line-height:14px;
padding:10px;
color:#999;
margin:0;
}

.profile-guestbook-views {
width:260px;
padding:5px 0;
margin:0 0 0 10px;
height:18px;
}

a.view-profile {
display:block;
float:left;
background:url(/images/bg-view-profile.gif) no-repeat;
padding-left:22px;
border-right:1px solid #EAEAEA;
padding-right:10px;
margin-right:10px;
}

a.view-guestbook {
display:block;
float:left;
background:url(/images/bg-view-guestbook.gif) no-repeat;
padding-left:22px;
/*border-right:1px solid #EAEAEA;*/
padding-right:10px;
}

/* Additional Blog styles start
-------------------------------------*/

.blog-post {
margin:0px 0 20px 0;
float:left;
width:530px;
line-height:19px;
}

.blog-post a {
font-size:12px;
}

.blogImage {
float:right;
clear: both;
padding:0px 12px 10px 0px;
margin:0px 0px 0px 7px;
text-align:center;
}

.blogImage img {
display: inline;
}
.blogImageCaption {
font-size:10px;
line-height:14px;
overflow:hidden;
text-align:center;
padding:0px;
margin:0px;
width:250px;
}

.blog-post ul {
line-height:19px;
}

#blogContainer {
width:550px;
padding-left:20px;
padding-top:20px;
border-bottom:5px solid #F0F8FC;
border-left:10px solid #F0F8FC;
border-right:10px solid #F0F8FC;
}

#blogContainer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#blogMasthead {
width:590px;
height:129px;
background:url(/images/blog/bg-blogMasthead.gif) no-repeat;
text-align:center;
margin:0;
display:block;
}

#blogCredits {
float:left;

font:normal 14px Georgia, "Times New Roman", Times, serif;
margin:0;
color:#f67a47;
padding-top:18px;
}

#blogCredits a {
font-weight:bold;
font-style:italic;
font-size:14px;
}

#blogCredits a.viewAll {
font: bold normal 12px Arial, Helvetica, sans-serif;
}

#blogMasthead h1 {
clear:left;
color:#558599;
position:relative;
padding-top:16px;
}

#blogMasthead h3 {
color:#74b4cd;
font-weight:normal;
font-style:italic;
}

.useful-view {
width:260px;
padding:5px 0;
margin:0;
height:18px;
}

a.useful,
span.useful {
display:block;
float:left;
background:url(/images/check.gif) no-repeat;
padding-left:12px;
border-right:1px solid #EAEAEA;
padding-right:10px;
margin-right:10px;
font-size:11px;
}

.helpful-view {
font-size:10px;
padding:5px 0;
margin:0;
height:18px;
}

a.helpful,
span.helpful {
display:block;
float:left;
background:url(/images/check.gif) no-repeat;
padding-left:12px;
border-right:1px solid #EAEAEA;
padding-right:10px;
margin-right:10px;
}

div.helpful { font-size: 10px; margin-top: 10px; }

a.view-guestbook {
display:block;
float:left;
background:url(/images/bg-view-guestbook.gif) no-repeat;
padding-left:22px;
/*border-right:1px solid #EAEAEA;*/
padding-right:10px;
}

#aColumn a.read-more {
font-size:12px;
margin:0;
}

#aColumn h1 a {
font-size:24px;
color:#558599;
}

#memberViewsContainer .blog-header {
margin-left:10px;
}

.blog-comments-bottom:after {
clear: both;
content: ".";
height: 0;
display: block;
visibility: hidden;
}

.blog-comments-bottom {
width: 545px;
margin: 5px 0 0 5px;
padding: 0 0 5px 0 !important;
*height: 1%;
}

.blog-comments-bottom a.back {
float:left;
}

.blog-comments-bottom a.share-view {
float:right;
}

.left {
float:left;
margin-top:7px;
}

.errorShow {
margin-bottom: 10px;
padding: 5px;
border: 1px solid #f67a47;
color: #f67a47;
font: 11px Arial, Helvetica, sans-serif;
}

.summary {
line-height: 19px;
}

#flagAsInapp {
width:100%;
}

#blogUserHead {
display: none !important;
overflow: hidden;
}

/* added for sponsor logo add */

.sponsor_logos_add {
width: 100%;
}

#text_ads_fcom {
float:left;
}
