/* family.com category styles
-----------------------------*/

#mainContent {
    width:920px;
    float:left;
    background:url(/images/category/mainBG.gif) repeat-y 0 0;
    margin:1px 0 0 0;
    border-bottom:1px solid #eaeaea;
    padding-bottom:1px;
    }

/* family.com general category styles
----------------------------------*/

h1 {
    font:normal 36px Georgia, "Times New Roman", Times, serif;
    color:#40352A;
    margin:0;
    }

h2 {
    font:bold 14px Georgia, "Times New Roman", Times, serif;
    margin:0;
    }

h3 {
    font:bold 14px Georgia, "Times New Roman", Times, serif;
    margin:0;
    }

h3 a {
    font:bold 14px Georgia, "Times New Roman", Times, serif;
    margin:0;
    }

p {
    font-size: 12px;
    }

a.view, .view {
    display:block;
    float:left;
    background:url(/images/bg-views.gif) no-repeat;
    padding-left:22px;
    font-size: 11px !important;
    }

a.share-view {
    display:block;
    float:left;
    background:url(/images/bg-share-view.gif) no-repeat;
    padding-left:22px;
    padding-right:10px;
    margin-right:10px;
    }


h4#sponsored {
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/tagIndex/h_sponsLinks.gif) no-repeat top left;
    height:30px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

.line {
	border-bottom:1px solid #eaeaea;
	clear: both;
	margin: 0 0 10px 0;
	}
	
/* A Column profile start
----------------------------*/

#aColumn {
    width:190px;
    float:left;
    padding: 10px 0 0 0;
	margin:0;
    }
	
#aColumn h3 {
    width:180px;
	line-height:normal;
	margin-bottom:.5em;
    }
	
	#aColumn #tagleftFamily1k {
	height: 61px;
	width: 71px;
	margin: 0 0 0 -10px;
	z-index: 999;
	position: relative;
	background: url(/images/tagIndex/tag-left-family1k.gif) no-repeat 0 0;
	}

/* A Column  profile subnav start
----------------------------*/

#aColumn ul.textNav {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
	*padding: 0 10px 0 0;
    font-size: 11px;
    }

#aColumn ul.textNavMore {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 5px 5px 0;
	*padding: 0 10px 5px 0;
    font-size: 11px;
    }

#aColumn ul.textNav li {
    margin: 0 0 5px 0;
    padding: 0;
    color: #558599;
	line-height: 14px;
    }

#aColumn ul.textNavMore li {
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    background:url(/images/nav/subnav/bgArrow.gif) no-repeat 0 2px;
    color: #558599;
	line-height: 14px;
    }

#aColumn ul.textNav li a, #aColumn ul.textNav li a:visited, #aColumn ul.textNavMore li a, #aColumn ul.textNavMore li a:visited {
    color: #558599 !important;
    }

.left-recipes {
    width:187px;
    float:left;
    }

.left-recipes .left-img {
    margin:6px 0 0 -25px;
    height: 150px;
    position:relative;
    z-index: 1000;
    }

.left-recipes-box #notVisible {
    font: normal 11px Arial, Helvetica, sans-serif;
    margin: 10px 0 25px 0;
    padding: 0 0 5px 0;
    border-bottom:1px solid #eaeaea;
    }

.left-recipes-box #notVisible h4 {
    font: italic 11px Georgia, "Times New Roman", Times, serif !important;
    color: #ccc;
    margin: 0 0 0 0;
    }

.orangeBold {
    font:bold 11px Georgia, "Times New Roman", Times, serif;
    color:#F67A47;
    margin:5px 0 0 0;
    }

.left-recipes ul.nav,
.left-recipes ul.nav-people {
    padding:0;
    margin:9px 0 15px 0;
    list-style:none;
    border-top:1px solid #eee;
    width:187px;
    float:left;
    background:url(../images/bg-recipe-ul.gif) repeat-y 0 0;
    }

.left-recipes ul.nav li,
.left-recipes ul.nav-people li {
    width:182px;
    float:left;
    padding-left:3px;
    border-bottom:1px solid #eaeaea;
    }

.left-recipes ul.nav li.last-list,
.left-recipes ul.nav-people li.last-list {
    background:url(/images/profile/bg-recipe-list-bottom.gif) no-repeat 0 100%;
    border-bottom:0;
    padding-bottom:6px;
    }

.left-recipes ul.nav li a,
.left-recipes ul.nav-people li a {
    display:block;
    float:left;
    width:170px;
    background:url(/images/profile/bg-recipe-list.gif) repeat-y 100% 0;
    margin:1px 0;
    padding:6px 0 8px 12px;
    color:#0EA0E4;
    font-weight:bold;
    }

.left-recipes ul.nav li a:hover {
    text-decoration:none;
    color:#F67A47;
    background:#CDE9F5 url(/images/profile/bg-recipe-list-hover.gif) repeat-y 100% 2px;
    }

.left-recipes ul.nav-people li a:hover {
    text-decoration:none;
    color:#F67A47;
    background:#CDE9F5 url(/images/profile/bg-recipe-list-hover-people.gif) repeat-y 100% 2px;
    }

.left-recipes-box {
    width:187px;
    float:left;
    padding-bottom:50px;
    }

.left-recipes-box img {
    margin: 0 0 10px 0;
    }

.left-recipes-box h3 {
    font-size:11px;
    margin: 0 0 5px 0;
    padding: 0 5px 0 0;
    }

.left-recipes-box p {
    font-size:11px;
    margin: 0 0 10px 0;
    padding: 0 5px 15px 0;
    border-bottom:1px solid #eaeaea;
    }

.left-recipes-box a {
    font-size:11px;
    margin: 0 0 5px 0;
    padding: 0 5px 0 0;
    }

#sponsoredHeader {
    float: left;
    height: 30px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

ul.sponsLinks {
    float:left;
    list-style:none;
    padding:5px 0 0 0 !important;
    margin:0 0 0 0 !important;
    min-height:123px;
    border:0;
    background:url(/images/tagIndex/sponLinksBG.gif) repeat-y top left;
    }

ul.sponsLinks:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

* html ul.sponsLinks {
    height:123px;
    margin: -10px 0 0 0 !important;
    }

ul.sponsLinks li {
    padding:0 0 10px 0;
    margin: 5px 0 0 15px;
    width:150px !important;
    font-size: 11px;
    background:url(/images/tagIndex/sponLinksDottedLine.gif) repeat-x bottom left;
    background: expression((this.parentNode.lastChild == this)? "none" : "url(/images/tagIndex/sponLinksDottedLine.gif) repeat-x bottom left");
    }

ul.sponsLinks li:last-child {
    background: none !important;
    padding:0 0 5px 0;
    }

* html ul.sponsLinks li {
    padding:0 0 10px 0;
    margin: 5px 0 0 6px;
    width:150px !important;
    font-size: 11px;
    background:url(/images/tagIndex/sponLinksDottedLine.gif) repeat-x bottom left;
    background: expression((this.parentNode.lastChild == this)? "none" : "url(/images/tagIndex/sponLinksDottedLine.gif) repeat-x bottom left");
    }

ul.sponsLinks li h4 {
    font-size: 11px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #558599;
    display: block;
    }

ul.sponsLinks li a {
    display: block;
    background: none !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 11px;
    line-height: 12px !important;
    color:#0EA0E4 !important;
    }

ul.sponsLinks span {
    color:#F67A47;
    }

.sponsLinksBottom {
    background:url(/images/tagIndex/sponLinksBottom.gif) no-repeat bottom left;
    height: 21px;
    clear: both;
    }

/* B Col Styles Start
----------------------------------------------------*/

#bColumn {
    width:562px;
    float:left;
    margin: 0 0 0 0;
    padding:0 0 5px 0;
	position: relative;
    }

* html #bColumn {
    height: 1%;
    }
	
#bColumn #tagFamily1k {
	top: 0;
	left: 0;
	}

.food-recipes-box {
    width:560px;
    float:left;
    display:inline;
    margin:0 0 0 0;
    padding: 5px 0 10px 0;
    border-bottom:1px solid #eaeaea;
    }

.bottom-space {
	padding-bottom: 40px;
	}

.food-recipes-box h1 {
    font-size: 32px !important;
    text-align:center;
    }

.food-recipes-box#coupons {
    width:560px;
    float:left;
    display:inline;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    border-bottom:1px solid #eaeaea;
    }

.food-recipes-box#coupons h1 {
    font-size:32px !important;
    text-align:left;
    background:url(/images/tagIndex/h_couponsBG.gif) no-repeat 0px 10px;
	_height: 50px;
	min-height:50px;
	padding:10px 0 10px 152px;
	text-indent:-.4em;
    }

.food-recipes-box .gray-family {
    font:italic 14px Georgia, "Times New Roman", Times, serif;
    color:#999;
    display:block;
    text-align:center;
    }

#sortedBy {
    float: left;
    font-size: 11px;
    color:#999;
    margin: 10px 0 10px 0;
    padding: 0 0 0 10px;
    }

* html #sortedBy {
    font-size: 11px;
    color:#999;
    margin: 0 0 0 0;
    padding: 10px 0 10px 10px;
    }

#greenBanner {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	}

.orange {
    font:italic 12px Georgia, "Times New Roman", Times, serif;
    color:#F67A47;
    margin-bottom:6px;
    }


.alert  {
    font: 12px Arial, Helvetica, sans-serif;
    color:#F67A47;
    margin-bottom:6px;
    }

.profilePromo {
    padding: 10px 0 0 0;
    }

.rated-views {
  width:185px;
  height: 19px;
  padding: 3px 0 0 0;
  }

* html .rated-views {
    height: 1%;
    }

.rated-views .rated {
  width:75px;
  height: 17px;
  float:left;
  padding:0 0 1px 0;
  margin: 0 0 0 0;
  }

* html .rated-views .rated {
  width:75px;
  height: 14px;
  float:left;
  padding:0 0 1px 0;
  margin: 0 0 0 0;
  height: 1%;
  }

.rated img {
  float:left;
  margin-right:2px;
  }

.rated-views .views {
  width:85px;
  float:left;
  padding:0 0 1px 10px;
  border-left:1px solid #eaeaea;
  font-size: 11px !important;
  }

.more {
    /*width:285px;*/
    color:#0EA0E4;
    padding: 5px 0 0 0;
    font-size: 11px;
    display:block;
    }

.more .moreAbout {
    display:block;
    float:left;
    background:url(/images/bg-more.gif) no-repeat 100% 50%;
    padding-right:8px;
    margin-right:8px;
    color: #999;
    }

a.moreAbout {
    font-size: 12px;
    }

/* .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;
  }

* html .rated-views .rater {
    height: 1%;
    }
  
.rater img {
  padding-right: 2px;  
  }
  
.rater .rateLevel {
  float:left;
  margin-left:7px;
  }

/* Member Views Styles start
----------------------------------------------------*/

.memberViews {
    width:561px;
    float:left;
    }

.memberViews:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

* html .memberViews {
    width:490px;
    float:left;
    height: 1%;
    }

.memberViewsContainer {
    width:540px;
    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;
    }
		
.memberViews .last {
	border-bottom:10px solid #F0F8FC;
	}

* html .memberViewsContainer {
    height: 1%;
    clear: both;
    }

.memberViewsTop {
    width:520px;
    float:left;
    padding:10px 0 0 10px;
    }

* html .memberViewsTop {
    height: 1%;
    }

.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;
    }

.share-read-views {
    width:500px;
    float:left;
    padding:5px 0;
    }
    
.memberViewsTop form {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    font: 11px Arial, Helvetica, sans-serif;
    color: #0f9fe5;
    }

.memberViewsTop form select {
    margin: 0 5px 0 5px;
    padding: 0 0 0 0;
    font:11px Arial, Helvetica, sans-serif;
    color: #0f9fe5;
    width: 180px;
    }

.memberViewsTop form #profileUpdate {
    margin: 0 0 0 5px;
    padding: 0 0 0 0;
    }

.blue-area-box {
    background:#F0F8FC;
    float: left;
    width:336px;
    margin: 1px 1px 1px 1px;
    padding:15px 0 10px 200px;
    border:1px solid #eaeaea;
}

* html .blue-area-box {
    height: 1%;
    float: left;
    display: block;
    }

.blue-area-box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* BLUE BOX EXCEPTION STARTS 
-------------------------------------*/

.blue-area-box-last {
    background:#F0F8FC;
    float: left;
    width:359px;
    margin: 0 1px 1px 0;
    padding:15px 0 10px 200px;
    }

* html .blue-area-box-last {
    height: 1%;
    width:360px;
    margin: -30px 1px 1px 0;
    }

.blue-area-box-last:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* Member Post/Quotes Styles start
----------------------------------------------------*/

.memberPost {
    width:515px;
    float:left;
    padding:0 0 15px 0;
    margin-left:5px;
    background:url(/images/bg-says-box.gif) repeat-x bottom left;
    background: expression((this.parentNode.lastChild == this)? "none" : "url(/images/bg-says-box.gif) repeat-x bottom left");
    position: relative;
    }

.memberPost:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

*html .memberPost {
    height: 1%;
    width: 500px;
    float:left;
    clear: both;
    padding:0 0 15px 0;
    margin:0 0 0 5px;
    }

.memberPost:last-child {
    background: none;
    }

.memberPost .partnerLogo {
	float: left;
	margin: 0 20px 5px 0;
	padding: 0 0 0 0;
}

.memberPost .productInfo {
	clear: none;
	float: left;
	padding-top: 30px;
	width: 400px;
}

.inResponse {
    font-size:10px !important;
    color:#ccc !important;
    margin:5px 0 5px 0;
    }

.memberPost .profileImg {
    float:left;
    width:115px;
    padding-top:15px;
    }

.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:500px;
    float:left;
    padding:10px 0;
    font-size:11px;
	background:url(/images/bg-says-box.gif) repeat-x bottom left;
    background: expression((this.parentNode.lastChild == this)? "none" : "url(/images/bg-says-box.gif) repeat-x bottom left");
    }

.memberPost .memberQuote .articleImg, .aggregateImg {
    height:160px;
	width:160px;
	overflow: hidden;
    float:left;
    }
	
.memberPost .memberQuote .articleImg img, .aggregateImg img{
	width:160px;
    }
	
.memberPost .memberQuote .articleDesc {
    width:320px;
    float:right;
	text-align: left;
    }
	
.memberPost .memberQuote:last-child {
    background: none;
    }

* html .memberPost .memberQuote {
    width:500px;
    float:left;
    padding-top:10px;
    font-size:11px;
    height: 1%;
    }

.memberPost .memberResponse {
    width:450px;
    float:left;
    clear: both;
    padding-top:10px;
    font-size:11px;
    }

.memberResponse .inResponse {
    font-size:11px !important;
    color:#666 !important;
    margin:3px 0 3px 0;
    }


.memberQuote .memberName, .memberResponse .memberName a, .memberQuote h3, .memberResponse h3, .memberQuote .memberName a, .memberResponse .memberName a, .memberQuote h3 a, .memberResponse h3 a {
    font:bold 14px Georgia, "Times New Roman", Times, serif;
    color:#558599 !important;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

.memberQuote .timestamp, .memberResponse .timestamp {
    display:block;
    color:#F67A47;
    font-style:italic;
    }

.memberQuote .helpful, .memberResponse .helpful {
    width:350px;
    float:left;
    padding:6px 0 0 0;
    font-size:10px;
    }

.linkURL {
	font-size: 12px;
	margin: 10px 0 0px 0 !important;
	padding: 0 0 0 0;
	}

.helpful a {
    font-size:10px !important;
    }

.helpful img {
    float:left;
    width:9px;
    height:9px;
    margin:2px 4px 0 0;
    }

.memberQuote p {
    margin:0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
	line-height: 16px !important;
	overflow: auto; /* If the content is clipped, the browser should display a scroll-bar to see the rest of the content */
    }

.memberResponse p {
    margin:0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
    width: 500px;
		line-height: 16px !important;
    }

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;
    }

.memberQuote .deleteComment {
    font:10px Arial, Helvetica, sans-serif;
    color: #0f9fe5;
    display:block;
    float:left;
    margin-top:5px;
    }


/* Article Pagination styles start
-----------------------------------------*/

#pageNavigate {
  margin:1px 1px 0 0;
  padding:1px 1px 0 0;
  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-active.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;
  }


/* c Column styles start
----------------------------*/

#cColumn {
    width:160px;
    float:right;
    clear: right;
    }

#cColumn h3 {
    margin: 10px 0 0 10px;
    width:163px;
    float:right;
    }

/* c Column Toolbox styles start
---------------------------------*/

/*#toolBox {
    width: 167px;
    margin: 0 0 10px -5px;
    padding: 0 0 0 0;
    float:right;
    background: #a7cf67;
    }*/

#toolHolder {
    float:right;
    width: 162px;
    background: #a7cf67;
    padding: 0 0 0 0;
    }

/* c Column Family1000  styles start
---------------------------------*/

#family1000 {
    width: 162px;
    margin: 5px 0 5px 0;
    padding: 0 0 0 0;
    float:right;
    border-bottom:1px solid #eaeaea;
    font: 11px;
    }

#family1000 .header {
    font:bold 11px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 5px 0;
    padding: 0 5px 0 10px;
    }

#family1000 .articleLinks {
    font:11px/16px Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 0 5px 0 10px;
    }

/* c Column Ive Rated  styles start
---------------------------------*/

#iveRated {
    width: 162px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    float:right;
    border-bottom:1px solid #eaeaea;
    font: 11px;
    }

#iveRated img {
    margin: 0 0 0 4px;
    padding: 0 5px 0 5px;
    }

#iveRated .header {
    font:bold 11px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 5px 0;
    padding: 0 5px 0 10px;
    }

#iveRated .articleLinks {
    font:11px/16px Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 0 5px 0 10px;
    }


/* disney.com category advertising styles
--------------------------------------*/

#cColumn .ad {
    width:162px;
    float: right;
    }

#cColumn .ad img {
    float: right;
    }

#Oops {
  margin: 0 0 100px 0;
  }

#aColumn .logo-f1k {
	margin: 10px 0 5px 0;
	}

#bColumn .logo-f1k {
	background: url(/images/family1000/logo-f1k.gif) no-repeat 0 0;
	position: absolute;
	top: 53px;
	left: 9px;
	height: 36px;
	width: 134px;
	}

.toggleLinks {
	text-align:right;
	padding:0 10px 4px 0;
	color:#939598;
}

.skyscraperLeft {
	float: left;
}