/*Global Styles */ #SON {background: #fff; margin: 0; padding: 0; text-align: center; width: 610px;} #SON * {border: none; color: #4d4d4b; clear: none; float: none; font-family: arial, verdana, sans; font-size: 12px; letter-spacing: normal; line-height: normal; margin: 0; text-indent: 0; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal;} #SON .ByLine {clear: both; background-color: #d4f8fd; border: #aaa 1px dashed; padding: 8px; margin-bottom: 10px;} #SON .ByLine * {margin: 0;} #SON #LeftColumn p font, #SON #LeftColumn font { color: #4d4d4b;} #SONSpamField {display:none;} #SON #PageWrapper h1, #SON #PageWrapper h2, #SON #PageWrapper h3, #SON #PageWrapper h4, #SON #PageWrapper h5, #SON #PageWrapper h6{display:block;} /* Links */ #SON a img {border: none;} #SON a {text-decoration: none; font-weight: normal; background: none;} #SON a:hover {text-decoration: underline;} #SON .RightLink {font-style: normal; clear: both; cursor: pointer; display: block; color: #066; float: right; padding-bottom: 10px;} #SON .ViewRightLink {width: 150px;margin-right: -10px;font-style: normal; clear: both; cursor: pointer; display: inline; color: #066; float: right; padding-bottom: 10px;} #SON #RightColumn .RightLink:hover {text-decoration: none;} #SON #RightColumn .ViewRightLink:hover {text-decoration: none;} #SON h2 .RightLink {clear: none; color: #066; display: inline; float: none; font-size: 11px; padding: 0; text-decoration: underline;} #SON h2 .ViewRightLink {clear: none; color: #066; display: inline; float: none; font-size: 11px; padding: 0; text-decoration: underline;} #SON #NewestFeature blockquote p {margin: 0; padding: 0;} #SON #NewestFeature blockquote * {font-size: 12px;} /* Default Styles */ #SON p, #SON li {margin-bottom: 15px; font-weight: normal;} #SON ul, #SON ol {padding-left: 30px;} #SON h1 {margin-bottom: 5px; font-weight: bold;} #SON h1, #SON h1 * {color: #036; font-size: 14px; font-style: normal; font-weight: bold;} #SON h2, #SON h2 * {font-size: 14px; font-style: normal; font-weight: bold !important; background: none;} #SON h2 {padding: 3px 0 3px 15px; position: relative; color:white;} #SON #LeftColumn h2 .Dropdown {float: none; padding: 0 0 1px 2px;} #SON #LeftColumn h3, #SON #LeftColumn h3 * {font-weight: bold;} #SON h4, #SON h4 * {font-size: 16px; margin-bottom: 10px;} #SON #PageWrapper {margin: 0 auto; padding-top: 10px; position: static; text-align: left; width: 595px;} #SON #Header {margin: 0 0 15px; width: 595px;} #SON #Logo {float: left; margin-bottom: 3px;} #SON #SponsorUnit {float: right; margin-top: 1px;} #SON #LeftColumn {float: left; width: 425px; background: #fff;} #SON #PageWrapper #LeftColumn .LeftColumn #NewestFeature .Wrapper h1 a {font-weight: bold;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .PromoRecipeLeft .PromoYellowContainerLeft h2 a {font-weight: bold;} /* Navigation */ #SON #Navigation {float: left; height: 20px; position: relative; width: 462px;} #SON #Navigation ul {margin: 0; padding: 0; height: 20px; position: relative;} #SON #Navigation li {margin: 0; padding: 0; background: url(http://liverightlivewell.com/images/navigation.gif) no-repeat; height: 20px; list-style: none; position: absolute; text-indent: -9999; top: 0;} #SON #Navigation li a {margin: 0; padding: 0; display: block; height: 20px; text-indent: -9999px;} #SON #Navigation #health {left: 0; width: 100px; background-position: 0 0;} #SON #Navigation #food {left: 100px; width: 116px; background-position: -100px 0;} #SON #Navigation #fitness {left: 216px; width: 115px; background-position: -216px 0;} #SON #Navigation #experts {left: 331px; width: 131px; background-position: -331px 0;} /*#SON #Navigation a:hover, #SON #Navigation a.Current {background: url(http://liverightlivewell.com/images/navigation.gif);}*/ #SON #Navigation #health a:hover, #SON #Navigation #health a.Current {background-position: 0 -20px;} #SON #Navigation #food a:hover, #SON #Navigation #food a.Current {background-position: -100px -20px;} #SON #Navigation #fitness a:hover, #SON #Navigation #fitness a.Current {background-position: -216px -20px;} #SON #Navigation #experts a:hover, #SON #Navigation #experts a.Current {background-position: -331px -20px;} /* Navigation_New */ #SON #Navigation_New {float: left; position: relative; z-index: 10000; width: 462px;} #SON #Navigation_New ul {padding: 0; position: relative;} #SON #Navigation_New li {margin: 0; list-style: none; position: absolute; text-indent: -9999; background: url(http://liverightlivewell.com/images/navigation_new.gif) no-repeat; } #SON #Navigation_New li a {margin: 0; padding: 0; display: block; height: 20px; text-indent: -9999px;} #SON #Navigation_New #lifestyle {left: 0; width: 105px; background-position: 0 0;} #SON #Navigation_New #treatment {left: 105px; width: 118px; background-position: -105px 0;} #SON #Navigation_New #faq {left: 223px; width: 110px; background-position: -223px 0;} #SON #Navigation_New #beyondheartburn {left: 312px; width: 150px; background-position: -312px 0;} #SON #Navigation_New a:hover, #SON #Navigation_New a.Current {background: url(http://liverightlivewell.com/images/navigation_new.gif) no-repeat; } #SON #Navigation_New #lifestyle a:hover, #SON #Navigation_New #lifestyle a.Current {background-position: 0 -20px;} #SON #Navigation_New #treatment a:hover, #SON #Navigation_New #treatment a.Current {background-position: -105px -20px;} #SON #Navigation_New #faq a:hover, #SON #Navigation_New #faq a.Current {background-position: -223px -20px;} #SON #Navigation_New #beyondheartburn a:hover, #SON #Navigation_New #beyondheartburn a.Current {background-position: -312px -20px;} /*Drop-downs*/ #SON #Navigation_New ul li ul {display: none;} #SON #Navigation_New ul li ul li {display:block; text-indent:none; position: relative; clear:both; margin:0; padding:0; float:none;} #SON #Navigation_New ul li:hover ul {display: block; position: absolute; z-index:10000; top:20px; width:150px; border:1px solid #91b1dd;} * html #SON #Navigation_New ul li ul li a {height: 20px;} #SON #Navigation_New ul li ul li a {font-size: 11px; border-bottom: 1px solid #91b1dd; display:block; background:#7fa0d5; text-indent:0; height:auto; text-align:left; padding:6px; color:#fff;} #SON #Navigation_New ul li ul li a:hover, #Nav ul li ul li a.current{background:#3f66a1; text-decoration: none;} #SON #Navigation_New #lifestyle ul {left: 9px;} /* Newest Feature */ #SON #NewestFeature {background: url(http://liverightlivewell.com/images/bg_newest_feature.gif) top left no-repeat; padding-bottom: 20px;} #SON #NewestFeature .LeftImage {float: left; padding-right: 10px;} #SON #NewestFeature .Wrapper {float: left; width: 225px;} * HTML #SON #NewestFeature .Wrapper {overflow: hidden;} #SON #NewestFeature h1 {color: #036; font-size: 14px; font-style: normal; font-weight: bold;} #SON #NewestFeature h2 {margin-bottom: 14px; padding: 0; font-style: normal;} #SON #NewestFeature h2 a {color: #259116; font-weight: bold; } #SON .ArticleNavigation {margin-bottom: 20px; text-align: center; } #SON .ArticleNavigation .LeftLink { cursor: pointer; display: block; color: #066; float: left; padding-bottom: 10px;} #SON .ArticleNavigation .RightLink {clear: none;} #SON .PrintFeature {margin-bottom: 0; text-align: center; } #SON .PrintFeature .LeftLink { cursor: pointer; display: block; color: #066; float: left; padding-bottom: 0px;} #SON .PrintFeature .RightLink {clear: none;} /* Newest Recipe */ #SON #NewestRecipe h2 .RightLink {color: #6c6906; position: absolute; right: 14px; top: 4px;} #SON #NewestRecipe .LeftImage {float: left; padding-right: 10px;} #SON #NewestRecipe .Wrapper {float: left; width: 225px;} #SON #NewestRecipe h2 {margin-bottom: 14px; padding: 0;} #SON #NewestRecipe h2 {color: #6c6906; font-weight: bold;} /* Newest Expert QA */ #SON #NewestExpertQA h2 .RightLink {color: #036; position: absolute; right: 14px; top: 4px;} #SON #NewestExpertQA .LeftImage {float: left; padding-right: 10px;} #SON #NewestExpertQA .Wrapper {float: left; width: 225px;} #SON #NewestExpertQA h2 {margin-bottom: 14px; padding: 0;} #SON #NewestExpertQA h2 {color: #036; font-weight: bold;} #SON #LeftColumn .ExpertQAWhite p, #SON #LeftColumn .ExpertQAGrey p {padding: 0;} #SON .ExpertQAWhite, #SON .ExpertQAGrey {padding: 10px 5px;} #SON .ExpertQAGrey {background: #ddd;} /* Quiz */ #SON #LeftColumn .BannerGreenWide {width: 425px; background: url(http://liverightlivewell.com/images/hdr_green_wide.gif) no-repeat;} #SON #GreenWideContainer {background: url(http://liverightlivewell.com/images/bg_green_wide.gif) no-repeat; position: relative; top: -5px; padding-top: 21px;} #SON #GreenWideContainer .Bottomcap {background: url(http://liverightlivewell.com/images/bottomcap_wide.gif) no-repeat; float: left; height: 12px; overflow: hidden; width: 425px;} #SON #GreenWideContainer .Wrapper {padding: 0 25px 10px 15px;} #SON #GreenWideContainer li {} /* Poll */ #SON #LeftColumn .BannerYellowWide {width: 425px; background: url(http://liverightlivewell.com/images/hdr_yellow_wide.gif) no-repeat;} #SON #YellowWideContainer {background: url(http://liverightlivewell.com/images/bg_yellow_wide.gif) no-repeat; position: relative; top: -5px; padding-top: 21px;} #SON #YellowWideContainer .Bottomcap {background: url(http://liverightlivewell.com/images/bottomcap_wide.gif) no-repeat; float: left; height: 12px; overflow: hidden; width: 425px;} #SON #YellowWideContainer .Wrapper {padding: 0 25px 10px 15px;} #SON #YellowWideContainer li {list-style: none;} /* Search Results */ #SON .SearchResults ul {list-style: none;} #SON .SearchResults h4 {margin-bottom: 0;} #SON .SearchResults h4 a {font-size: 12px;} #SON .SearchResults .HorizList {margin-bottom: 15px; width: 100%;} #SON .SearchResults .HorizList li {float: left; padding: 0 3px; border-right: 1px solid #ccc;} #SON .SearchResults .HorizList .Next {border: none;} #SON .SearchResults .HorizList li.Current, #SON .SONSearch .SONSearchLink {font-weight: bold;} #SON .SearchResults .HorizList li.Current {font-weight: bold;} * HTML #SON .NoBullet * {margin-left: 0;} /* Begin Poll Results Styles */ #SON .SONPollResultsTextCell {padding: 0 5px 0 0; margin: 0; text-align: right; color: #4DB5D7; font-weight: bold;} #SON .SONPollResultsBar {background: #4DB5D7 url(http://liverightlivewell.com/images/poll_resultbar.gif) repeat-x; height: 16px; } #SON .SONPollResultsTable td {padding-bottom: 10px; } #SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable {width: auto; background: none; } #SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable td {padding-bottom: 0;} #SON .SONPollResultsValueCell { font-size: 12px; font-weight: bold; color: #4DB5D7; padding-left: 5px; } /* Channel Archive */ #ArchiveNav {padding: 20px 0 0 0; clear: both;} #ArchiveNav a {font-style: normal; clear: both; cursor: pointer; display: block; color: #066; float: right; padding-bottom: 10px;} #ArchiveNav .NextFeatureDiv {float: left;} #ArchiveNav .PrevFeatureDiv {float: right;} /* Tip Archive */ #SON #LeftColumn .tipArchive {margin: 0; padding: 0;} #SON #PageWrapper #LeftColumn .tipArchive h2 {margin-bottom: 15px; padding: 0; color: #036;} #SON #LeftColumn .singleTip {border-top: 1px dotted #97828E; padding-top: 10px;} #SON #LeftColumn .tipArchive a:link {color: #066;} /* Promos */ #SON #PageWrapper #LeftColumn .BannerYellow h2 {width: 395px;} #SON .BannerYellow {background: url(http://liverightlivewell.com/images/hdr_promo_yellow.gif) 19px 0 no-repeat; position: relative;} #SON .BannerYellow h2 a {color: #75630e;} #SON .BannerYellow h2 .RightLink {position: absolute; right: 14px; top: 4px; color:white;} #SON .BannerGreen {background: url(http://liverightlivewell.com/images/hdr_promo_green.gif) 19px 0 no-repeat;} #SON .BannerBlue {background: url(http://liverightlivewell.com/images/hdr_promo_blue.gif) 19px 0 no-repeat; color: #fff;} #SON .BannerBlue h2 a {color: #fff;} #SON #YellowContainer h3 a {color: #6c6906; font-style: normal;} #SON #RecentContainer h3 a {font-style: normal; color: #466dab; font-size: 12px; position: relative; margin: 0; padding: 0;} #SON #RecipeContainer {background: url(http://liverightlivewell.com/images/bg_wrapper_recipe.gif) no-repeat; position: relative; top: -5px; padding-top: 11px;} #SON #RecentContainer {background: url(http://liverightlivewell.com/images/bg_wrapper_features.gif) no-repeat; position: relative; top: -5px; padding-top: 11px;} #SON #YellowContainer {background: url(http://liverightlivewell.com/images/bg_wrapper_yellow.gif) no-repeat; position: relative; top: -3px; padding-top: 11px;} #SON #BlueContainer {background: url(http://liverightlivewell.com/images/bg_wrapper_blue.gif) no-repeat; position: relative; top: -3px; padding-top: 11px;} #SON #GreenContainer {background: url(http://liverightlivewell.com/images/bg_wrapper_green.gif) no-repeat; position: relative; top: -3px; padding-top: 11px;} #SON #RepeatBG { background: url(http://liverightlivewell.com/images/repeat_bg.gif) repeat-y; position: relative; relative; top: -5px; padding-top: 11px;} #SON .Promo {padding-left: 19px;} #SON .Promo h1, #SON .Promo h1 a {color: #259116; #font-weight: bold;} #SON .OffsetImage {clear: both; float: left; left: -19px; top: 10px; position: relative;} #SON .Promo .Wrapper {float: left; margin-top: 15px; width: 270px; position: relative; left: -15px;} #SON .Promo .Wrapper h1 {margin-bottom: 5px;} #SON .Promo .Bottomcap, #SON .Promo .BottomCap {background: url(http://liverightlivewell.com/images/bottomcap_promo.gif) no-repeat;background-position: bottom; float: left; height: 12px; padding-top: 20px; width: 406px;} #SON .Promo p {padding-bottom: 10px; margin-bottom: 0;} #SON #LeftColumn .HorizontalRule {background: #9cb28e; clear: both; height: 1px; margin: 0 0 20px 10px; overflow: hidden; padding: 0; width: 377px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoRecipeLeft h3 {background: url(http://liverightlivewell.com/images/hdr_side_yellow_recipe.gif) no-repeat; padding: 3px 0 3px 15px; color: #4D4D4B; font-size: 12px; font-weight: bold; } #SON #PageWrapper #LeftColumn .LeftColumn .PromoTipsRight h3 {background: url(http://liverightlivewell.com/images/hdr_side_yellow.gif) no-repeat; padding: 3px 0 3px 15px; color: #4D4D4B; font-size: 12px; font-weight: bold; } #SON .PromoYellowContainerLeft {width: 226px; margin-bottom: 5px; position: relative; top: -5px;} #SON .PromoTipsContainerRight {width: 160px; margin-bottom: 5px; position: relative; top: -5px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoTipsRight .PromoTipsContainerRight p {width: 150px; margin-left:10px;padding-top: 10px; } #SON #PageWrapper #LeftColumn .LeftColumn .PromoRecipeLeft .PromoYellowContainerLeft p {width: 220px; margin-left:10px;padding-top: 10px; } #SON #PageWrapper #LeftColumn .LeftColumn .PromoRecipeLeft {float:left; width: 226px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoTipsRight {float:right; width: 160px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoTipsRight .Bottomcap{background-position: bottom; clear: both; height: 5px; overflow: visible; width: 160px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoRecipeLeft .Bottomcap{background-position: bottom; clear: both; height: 5px; overflow: visible; width: 226px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoRecipeLeft img {margin-top:15px; margin-left:10px;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .TipByLine {height:10px; font-weight: bold; text-align:right; margin:0px;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .TipLocation {text-align:right; margin:0px;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .RightLink {margin-right:10px;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer {margin-left:19px; width:398px; margin-bottom: 10px; background: url(http://liverightlivewell.com/images/fauxcolumn.gif) no-repeat; background-position: bottom left; } #SON #PageWrapper #LeftColumn .LeftColumn .PromoTipsRight .PromoTipsContainerRight {background: url(http://liverightlivewell.com/images/bg_side_yellow.gif) no-repeat;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .TipByLine {font-weight: normal; padding-bottom: 0;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .TipLocation {font-weight: normal; padding-top: 5px;} #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer .PromoTipsContainerRight a {margin-top: 38px; } #SON #PageWrapper #LeftColumn .LeftColumn #PromoRecipeTipsContainer h3 {font-style: normal;} #SON #PageWrapper #LeftColumn .LeftColumn .Promo #BannerGreen .Bottomcap {background: url(http://liverightlivewell.com/images/bottomcap_promo.gif) no-repeat;background-position: bottom; float: left; height: 12px; padding-top: 20px; width: 406px;} #SON #PageWrapper #LeftColumn .Promo .BannerYellow .RightLink {float: right;} * HTML #SON .HorizontalRule {margin-left: 5px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe { width: 398px; margin: 0 0 15px 19px;} * HTML #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe { margin-left 10px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe .Bottomcap {position: relative; top: -10px; height: 5px; background: url(http://liverightlivewell.com/images/bottomcap_yellow_wide.gif) no-repeat; width: 398px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe h2 {background: url(http://liverightlivewell.com/images/hdr_promo_yellow_recipe.gif) no-repeat; width: 398px; color:white;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe img {float: left; margin: 0 10px 10px 5px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe .Wrapper {position: relative; top: -5px; padding: 11px 10px 0 0; background: url(http://liverightlivewell.com/images/bg_side_yellow_recipe_new.gif) no-repeat; } #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalRecipe .Wrapper h1 a {font-weight: bold;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips { width: 398px; margin: 0 0 15px 19px;} * HTML #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips { margin-left 10px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips .Bottomcap {position: relative; top: -10px; height: 5px; background: url(http://liverightlivewell.com/images/bottomcap_green_tips.gif) no-repeat; width: 398px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips h2 {background: url(http://liverightlivewell.com/images/hdr_promo_green_tips.gif) no-repeat; width: 398px; color:white;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips img {float: left; padding: 0 10px 0 5px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips .Wrapper {position: relative; top: -5px; padding: 11px 10px 0 0; background: url(http://liverightlivewell.com/images/bg_side_green_recipe_new.gif) no-repeat; } #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips p {margin: 0 0 0 10px; padding-bottom: 10px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips .TipByLine {margin: 0px; padding: 0px; margin-left: 10px;} #SON #PageWrapper #LeftColumn .LeftColumn .PromoHorizontalTips .TipLocation {margin: 0px; padding: 0px; margin-left: 10px;} /* Right Column */ #SON #RightColumn {float: right; width: 160px; overflow:hidden;} #SON #PageWrapper #RightColumn .SideBoxYellow .SideYellowContainer h2 {font-weight: bold;} #SON #PageWrapper #RightColumn .SideBoxYellow .SideYellowContainer p {margin: 0 0 12px 0;} #SON #PageWrapper #SearchInput {width:120px} #SON #SearchBox input {border: 1px solid #999; width: 130px; margin-bottom: 10px; padding: 3px; color: #666666; font-size: 12px;} #SON #SearchBox #SearchSubmit {width: 26px; padding: 2px; cursor: pointer;} #SON #RightColumn ul, #SON #RightColumn ol {margin: 0; padding-left: 0px;} #SON #RightColumn li {list-style: none; margin-bottom: 10px; position: relative;} #SON #RightColumn .SideGreenContainer li {border: 1px solid #effee3;} #SON #RightColumn .SideYellowContainer li {border: 1px solid #fff8d6;} #SON #PageWrapper #RightColumn .SideBoxGreen .SideGreenContainer p {margin: 0 0 12px 0;} #SON #RightColumn p {padding: 10px 10px 0;} #SON #RightColumn .RightLink {padding-right: 10px;} #SON #RightColumn .ViewRightLink {width:145px; margin-right: 2px;} #SON #SideBoxSponsor {margin-bottom: 10px;} #SON .SideBoxYellow img, #SON .SideBoxGreen img {margin-top: 15px; margin-left: 10px;} #SON #RightColumn .SideBoxYellow h2 {padding: 10px 10px 0; font-weight: bold;} #SON .SideBoxYellow h3 {font-style: normal; color:white; background: url(http://liverightlivewell.com/images/hdr_side_yellow.gif) no-repeat; padding: 3px 0 3px 15px} #SON .SideBoxGreen h3 {font-style: normal; color:white; background: url(http://liverightlivewell.com/images/hdr_side_green.gif) no-repeat; padding: 3px 0 3px 15px} #SON .SideBoxBlue h3 {font-style: normal; background: url(http://liverightlivewell.com/images/hdr_side_blue.gif) no-repeat; color: #fff; padding: 3px 0 3px 15px} #SON .SideYellowContainer form, #SON .SideGreenContainer form {padding: 0 0 0 0;} #SON .SideYellowContainer {background: url(http://liverightlivewell.com/images/bg_side_yellow.gif) no-repeat; margin-bottom: 5px; position: relative; top: -5px;} #SON .SideGreenContainer {background: url(http://liverightlivewell.com/images/bg_side_green.gif) no-repeat; margin-bottom: 5px; position: relative; top: -5px;} #SON .SideBlueContainer {background: url(http://liverightlivewell.com/images/bg_side_blue.gif) no-repeat; margin-bottom: 5px; position: relative; top: -5px;} #SON .SideYellowContainer .Bottomcap {background: url(http://liverightlivewell.com/images/bottomcap_side_yellow.gif) no-repeat; background-position: bottom; clear: both; height: 5px; overflow: visible; width: 160px;} #SON .SideGreenContainer .Bottomcap {background: url(http://liverightlivewell.com/images/bottomcap_side_green.gif) no-repeat; clear: both; height: 5px; overflow: hidden; width: 160px;} #SON .SideBlueContainer .Bottomcap {background: url(http://liverightlivewell.com/images/bottomcap_side_blue.gif) no-repeat; clear: both; height: 5px; overflow: hidden; width: 160px;} #SON .SideBlueContainer p, #SON .SideBlueContainer li {margin-bottom: 5px; padding: 0 10px;} #SON #RightColumn .HorizontalRule {background: #1f8fb3; clear: both; height: 1px; margin: 0 0 0 10px; overflow: hidden; padding: 0; width: 140px;} #SON #RightColumn .ComingSoon {font-style: italic; margin: 0;} #SON #RightColumn .TipByLine {margin-bottom: 0;} #SON #RightColumn .TipLocation {padding-top: 0;} #SON .SideBoxTwitter{position:relative; margin:10px 0;} #SON .SideBoxTwitter *{ margin:0 !important; /* *position:static; _position:relative; */} #SON .SideBoxTwitter h3, #SON .SideBoxTwitter h4{text-indent:5px;} #SON .SideBoxTwitter p{float:left; clear:none; margin:0; padding:0; } #SON .SideBoxTwitter img{float:left; clear:none; margin:0; padding:0; } #SON .SideBoxTwitter a.twtr-reply{color:#436ba9 !important;} #SON .SideBoxTwitter img.twtr-profile-img{z-index:1;} #SON .SideBoxTwitter .twtr-timeline{width:158px !important;} #SON .SideBoxTwitter .twtr-timeline .twtr-avatar{display:none !important;} /* Form List */ #SON .FormList li {list-style: none; margin-bottom: 10px; position: relative; margin-left:15px; margin-right: 5px;} #SON .FormList .FormRadio {left: -1px; position: absolute; top: -1px;} #SON .FormList label {font-style: normal; display: block; margin-left: 18px; position: static; width: 120px;} #SON #LeftColumn .FormList li {border: #fff 1px solid;} /* Send to a Friend */ #SON #PageWrapper #LeftColumn .SendFriend h2 {color: #036; font-size: 14px; font-style: normal; font-weight: bold;} #SON #PageWrapper #LeftColumn .SendFriend table {width: 390px;} #SON #PageWrapper #LeftColumn .SendFriend tr {vertical-align: top;} #SON #PageWrapper #LeftColumn .SendFriend input {border: 1px solid #999; float: right; width: 240px;} #SON #PageWrapper #LeftColumn .SendFriend select {border: 1px solid #999; float: right;} #SON #PageWrapper #LeftColumn .SendFriend textarea {border: 1px solid #999; 95px; width: 240px; height: 200px;} #SON #PageWrapper #LeftColumn .SendFriend .SendButton {width: 75px; margin: 10px 36px 0 0; float: right; cursor: pointer;} #SON #PageWrapper #LeftColumn .SendFriend .field {width: 140px; padding-right: 10px;} #SON #PageWrapper #LeftColumn .SendFriend .field p {float: right;} #SON #LeftColumn .EmailFriendLink {font-weight: bold;} #SON #LeftColumn .EmailFriendLink a:link {color: #3963a5;} #SON #LeftColumn .EmailFriendLink a:visited {color: #6C6906;} #SON #LeftColumn .EmailFriendLink a:hover {color: #3963a5; text-decoration: underline;} #SON #LeftColumn .EmailFriendLink a:active {color: #FF910F; text-decoration: underline;} /* Email A Friend */ #SON #Thanks {padding: 10px 10px 300px} /* I Did It Submission & Tip Submission */ #SON #PageWrapper #LeftColumn #enter_form table {width: 400px;} #SON #PageWrapper #LeftColumn #enter_form tr {vertical-align: top;} #SON #PageWrapper #LeftColumn #enter_form h2 {margin: 0; padding: 0; color: #1E5A92;} #SON #PageWrapper #LeftColumn #enter_form h3 {font-style: normal; margin-top: 10px; margin-bottom: 10px;} #SON #PageWrapper #LeftColumn #enter_form input {border: 1px solid #999; width: 250px;} #SON #PageWrapper #LeftColumn #enter_form select {position: relative; z-index: 0; border: 1px solid #999; float: right; width: 250px;} #SON #PageWrapper #LeftColumn #enter_form textarea {border: 1px solid #999; width: 400px; height: 200px;} #SON #PageWrapper #LeftColumn #enter_form .submit_button {width: 75px; margin: 10px 20px 0 0; float: left; cursor: pointer;} #SON #PageWrapper #LeftColumn #enter_form .photo {float: left;} #SON #PageWrapper #LeftColumn #enter_form .field {width: 140px; padding-right: 10px;} #SON #PageWrapper #LeftColumn #enter_form .field p{float: right;} #SON #PageWrapper #LeftColumn #i_did_it_form .AgeInput, #SON #PageWrapper #LeftColumn #tip_form .AgeInput {width: 30px;} /*I Did It Gallery*/ #SON #ididit #ididit_wrapper { padding:0; width: 357px; background: url(http://liverightlivewell.com/images/bkg.gallery.gif) repeat-y;} #SON #ididit #ididit_wrapper #ididit_image {width: 337px; margin: 0 10px; background: url(http://liverightlivewell.com/images/bkg.wrapper.gallery.gif) repeat-y;} #SON #ididit #ididit_header {width: 357px; height: 15px;background: url(http://liverightlivewell.com/images/topcap.gallery.gif) no-repeat;} #SON #ididit #ididit_wrapper #gallery_nav { width: 337px; margin: 0 10px; height: 28px; padding-bottom: 8px; background: url(http://liverightlivewell.com/images/gallery.nav.gif) bottom no-repeat;} #SON #ididit #ididit_wrapper #gallery_nav a.back {float: left; padding: 7px 0 0 15px;} #SON #ididit #ididit_wrapper #gallery_nav a.forward{float: right; padding: 7px 15px 0 0;} #SON #ididit #ididit_wrapper #bottomcap {width: 357px; background: url(http://liverightlivewell.com/images/bottomcap_camera.gif) bottom no-repeat;} #SON #ididit #bottomcap p {width: 276px; float: right; margin-top: 23px; padding-right: 10px;} #SON #ididit #text_wrapper p {margin-bottom: 5px; font-weight: bold; font-size: 11px;} #SON #ididit #ididit_wrapper #ididit_image img {margin:0; padding: 0; margin-left: 6px; border: 1px solid #fff;} #SON #ididit {margin: 0 0 0 20px; padding-bottom: 300px; width: 350px;} #SON #ididit h2 {color: #bc7a10; font-size: 20px; } #SON #ididit h3 {color: #000; margin-bottom: 5px; font-size: 12px; font-weight: bold;} #SON #ididit #text_wrapper {width: 337px; margin: 0 10px; text-align: center;} #SON #ididit #text_wrapper h4 {color: #bc7a10; font-size: 14px; font-weight: bold;padding-top: 5px;margin-bottom: 0px;} #SON #ididit #text_wrapper .age {margin-bottom: 3px;} #SON #ididit #text_wrapper .country {margin-bottom: 3px;} #SON #ididit #text_wrapper .city {margin-bottom: 5px;} #SON #ididit #text_wrapper .story {margin-bottom: 0px;} #SON #ididit #text_wrapper .state{margin-bottom: 5px;} /* Search */ #SON #SearchResults ul {list-style-type: none; display: inline;} #SON #SearchResults li {list-style-type: none;} #SON #SearchResults a:link, #SON #SearchResults a:link * {color: #3A81B6; text-decoration: none; font-size: 12px;} #SON #SearchResults a:visited, #SON #SearchResults a:visited * {color: #003381; text-decoration: none;} #SON #SearchResults a:hover, #SON #SearchResults a:hover * {color: #FF910F; text-decoration: underline;} #SON #SearchResults a:active, #SON #SearchResults a:active * {color: #FF910F; text-decoration: underline;} /* Enter Form */ #SON .PostForm h3 {font-style: normal; margin-bottom: 10px; clear: both;} #SON .FormTable {width: 423px;} #SON .FormTable * {vertical-align: top;} #SON .FormTable .FormInput input, #SON .FormTable .FormInput textarea {padding: 2px; border: #aaa 1px solid; width: 200px;} #SON .FormTable .FormLabel {width: 100px; padding: 3px 3px 0 0; text-align: right;} #SON .FormTable .FormSubmit input {border: 1px solid #666666; margin: 10px 0;} /* Comments Styles */ #SON #Comments .Comment {background: #eee; border: 1px #666666 solid; margin-bottom: 10px;} #SON #Comments .Subject, #SON #Comments .TagLine {margin: 0; font-weight: bold; padding: 3px 10px;} #SON #Comments .Subject {border-bottom: 1px solid #666666; background: #ddd;} #SON #Comments .TagLine {text-align: right;} #SON #Comments p {padding: 10px;} /* Star Ratings */ #SON .Stars {float: left; height: 12px;} #SON .Ratings {float: left; margin-top: 5px; padding-left: 90px; height: 12px;} #SON .Low {float: left; padding-top: 2px;} #SON .High {float: left; padding-top: 2px;} #SON .StarsWrapper a {text-indent: -9999px;} #SON .Stars .StarOn {float: left; display: block; width: 12px; height: 12px; background: url(http://liverightlivewell.com/images/stars_on.gif) no-repeat;} #SON .Stars .StarOff {float: left; display: block; width: 12px; height: 12px; background: url(http://liverightlivewell.com/images/stars_off.gif) no-repeat;} #SON #NewestFeature .Title {font-weight: bold; font-size: 14px;} #SON #NewestFeature a:link, #SON #NewestFeature a:visited; {font-weight: bold; font-size: 14px; color: #1B557D;} #SON #NewestFeature .Directions {font-size: 10px; margin-top: 35px;} #SON #NewestFeature .Comment {border: 1px dashed;} #SON #NewestFeature .Subject {border-bottom: 1px dashed;} #SON #NewestFeature .TagLine {font-weight: normal; color: #999;} #SON #NewestFeature h3 {font-style: normal; font-weight: bold; font-size: 14px; color: #1B557D;} #SON #NewestFeature .FormLabel p {color: #1B557D;} #SON #NewestFeature .FormInput p {color: #1B557D;} #SON #NewestFeature .FormInput input {border: 1px solid #7e9eb7;} #SON #NewestFeature .FormInput textarea {border: 1px solid #7e9eb7;} #SON #NewestFeature .FormSubmit input {border: 1px solid #7e9eb7; color: #333;} #SON #NewestFeature font {color: #1B557D} #SON #NewestFeature .StarsWrapper {padding-top: 3px;} /* Poll Comments */ #SON .CommentsWrapper .HeartToHeart {margin-bottom: 30px;} #SON .CommentsWrapper h1 img {vertical-align: bottom;} #SON .CommentsWrapper .TagLine {font-weight: normal; color: #999;} #SON .CommentsWrapper h3 {font-style: normal; font-weight: bold; font-size: 14px; color: #1B557D;} #SON .CommentsWrapper .FormLabel p {color: #1B557D;} #SON .CommentsWrapper .FormInput p {color: #1B557D;} #SON .CommentsWrapper .FormInput input {border: 1px solid #7e9eb7;} #SON .CommentsWrapper .FormInput textarea {border: 1px solid #7e9eb7; height: 125px;} #SON .CommentsWrapper .FormSubmit input {border: 1px solid #7e9eb7; color: #333;} #SON .CommentsWrapper font {color: #1B557D} #SON .CommentsWrapper p span {font-weight: bold;} #SON .CommentsWrapper .FormTable .SubmitBlue {background: url(http://liverightlivewell.com/images/submit_blue.gif) no-repeat; color: #fff; width: 94px; height: 23px; border: none; cursor: pointer;} /*Pagination*/ #SON #CommentsWrapper .pagination{display:block; position:relative; clear:both;} #SON #CommentsWrapper .pagination a{text-decoration:none;} #SON #CommentsWrapper .pagination a:hover{text-decoration:underline;} #SON #CommentsWrapper .pagination .link_next{float:right; } #SON #CommentsWrapper .pagination .link_previous{float:left;} /* Threaded Comments */ #SON ul.comment{list-style:none; margin:25px 0 0 0; padding:0 0 0 4px; border-top:1px solid #3A81B6;} #SON ul.comment ul.comment{margin:0; border-left:4px solid #ccc} #SON ul.comment li{display:block; margin:10px 0; padding:0 0 0 5px;} #SON ul.comment li h1, #SON ul.comment li h2, #SON ul.comment li h3, #SON ul.comment li h4, #SON ul.comment li h6{margin:0 !important; padding:0; color:#003366;} #SON ul.comment li h5{margin:0 !important; padding:0; color:#999;} #SON ul.comment span.text{position:relative; display:block; clear:left; margin-bottom:35px; } #SON ul.comment li a.reply_to{position:relative; float:right; top:-35px; right:15px; background:#436ba9; color:#eee; padding:2px 5px; border:1px solid #3a63a5;} #SON ul.comment li a.reply_to:hover{background:#7e9ecf; text-decoration:none; color:#fff; border:1px solid #436ba9;} /* Heart to Heart */ #SON h3.HeartToHeart {color: #036;} #SON a.NewDiscussion {background: url(http://liverightlivewell.com/images/new_discussion.gif) no-repeat; width: 145px; height: 22px; color: #fff; padding-top: 4px; text-align: center; float: right;} #SON #HeartToHeartTopics {border-collapse: collapse; width: 425px;} #SON #HeartToHeartTopics td {padding: 5px;} #SON #HeartToHeartTopics th {background: #51aad4; color: #fff; padding:5px;} /*Form Responses*/ #SON .Error{color:#f00; border:1px dashed #f00; padding:10px; margin:10px 15px;} #SON .Error ul{} #SON .Error li, #SON .Error p{color:#f00; padding:2px 0; margin:0;} #SON .Success{color:#27c12d; border:1px dashed #27c12d; padding:10px; margin:10px 15px;} #SON .Success ul{} #SON .Success li, #SON .Success p{color:#27c12d; padding:2px 0; margin:0;} /* Footer */ #SON #Footer {border-top: #ccc 1px solid; clear: both; width: 595px;} #SON #Footer ul {padding-top: 10px;} #SON #Footer li {color: #117595; float: left; list-style: none; padding: 3px 5px;} #SON #Footer li a {color: #117595; font-style: normal;} /* SON Footer */ #SON #SONFooter {position: relative; clear: both; font-size: 11px; text-align: center; height: 50px; background: #FFF; padding-top: 5px; margin: 20px 0 30px 0;} #SON #SONFooter a:link {font-size: 10px; color: #000; text-decoration: underline; } #SON #SONFooter a:visited {font-size: 10px; color: #000; text-decoration: underline; } #son #sonfooter_alt p {font-size: 11px; margin-bottom: 10px;} /* Admin Styles */ #SON #Content #Submit {background-color: #ABD6C2; border: solid 1px black;} #SON #Content .AdminWebMessage h2 {padding: 0 220px 0 0;} #SON #Content .AdminWebMessage p {text-align: left;} #Admin_I_Did_It_Form {border: 1px solid #666; padding: 10px;} #SON #Admin_I_Did_It_Form input {padding: 5px; border: #666 solid 1px;} #SON #Admin_I_Did_It_Form .AdminIDidIt {border-bottom: 1px dashed #666666; margin-bottom: 30px;} /* Expert QA Submission */ #SON #ExpertQASubmit {clear: both;} #SON #ExpertQASubmit p {font-weight: bold;} #SON #ExpertQASubmit textarea {border: 1px solid #ccc; display: block; width: 400px;} #SON #ExpertQASubmit input {margin: 10px 0; border: 1px solid #ccc;} /* Comments Section */ #SON #AdminPage dl.comment { border: 1px solid #0073b4; padding:10px; margin:0 0 10px 0; } #SON #AdminPage dl.comment dt { color: #ff4000; font-weight: bold; } #SON #AdminPage dl.comment dd.body { margin-bottom: 0.5em; } #SON #AdminPage dl.comment dd.author { font-weight:bold; } #SON #AdminPage dl.comment dd.author span { font-style: italic; } #SON #AdminPage select{margin:10px 0; border:1px solid #0060B6; padding:2px; } #SON #AdminPage .CommentSubmit { color:#fff; font-weight:bold; background:#0073b4; padding:5px; float:right; cursor:pointer; } /* Slideshow */ #SON #SlideshowWrap {width: 395px; font-family: Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 15px 19px; position: relative; z-index: 1;} #SON #SlideshowWrap #SlideshowTC {background: url(http://liverightlivewell.com/images/slideshow_tc.gif) no-repeat; height: 4px; width: 395px; margin: 0; padding: 0; overflow: hidden;} #SON #SlideshowWrap #SlideshowBC {background: url(http://liverightlivewell.com/images/slideshow_bc.gif) no-repeat; height: 4px; width: 395px; margin: 0; padding: 0; overflow: hidden;} #SON #SlideshowWrap #Slideshow {background: url(http://liverightlivewell.com/images/slideshow_bg.gif) repeat-y; width: 395px; height: 200px; margin: 0; padding: 0;} #SON #SlideshowWrap #SlideNav {width: 116px; margin: 0; float: left; padding: 0;} #SON #SlideshowWrap #SlideNav .SlideWrap {width: 116px; margin: 2px 5px; position: relative; z-index: 2;} #SON #SlideshowWrap #SlideNav .SlideWrap .SlideTC {width: 116px; height: 2px; margin: 0; padding: 0; background: url(http://liverightlivewell.com/images/slide_tc.gif) no-repeat; overflow: hidden;} #SON #SlideshowWrap #SlideNav .SlideWrap .SlideBC {width: 116px; height: 2px; margin: 0; padding: 0; background: url(http://liverightlivewell.com/images/slide_bc.gif) no-repeat; overflow: hidden;} #SON #SlideshowWrap #SlideNav .SlideWrap .Slide {width: 116px; background: url(http://liverightlivewell.com/images/slide_bg.gif) repeat-y; height: 60px; margin: 0; padding: 0; cursor:pointer; overflow:hidden;} #SON #SlideshowWrap #SlideNav .SlideWrap .Slide a {color: #fff; text-decoration: none; margin: 0;} #SON #SlideshowWrap #SlideNav .SlideWrap .Slide h3 {color: #fff; text-decoration: none; margin: 0; padding:0 5px;} #SON #SlideshowWrap #SlideNav .SlideWrap .SlideArrow {width: 11px; height: 19px; background: url(http://liverightlivewell.com/images/slide_arrow.gif) no-repeat; position: absolute; top: 35%; right: -10px; z-index: 2000;} #SON #SlideshowWrap #SlideDetail {float: right; width: 264px; height: 198px; position: relative; margin-right: 5px; z-index: 1;} #SON #SlideshowWrap #SlideDetail .SlideDek {display:none;} #SON #SlideshowWrap #SlideDetail .SlideDek p, #SON #SlideshowWrap #SlideDetail .SlideDek a {font-size: 12px; color: #fff;} #SON #SlideshowWrap #SlideDetail .SlideDek a {float: right; text-decoration: none;} #SON #SlideshowWrap #SlideDetail .SlideDek .SlideText {background: url(http://liverightlivewell.com/images/slidedek_bg.png) repeat-y; padding: 5px; position: absolute; bottom: 0; width:254px;} #SON #SlideshowWrap #SlideDetail .SlideDek .SlideText form{margin:4px 0; padding:0; border:none;} #SON #SlideshowWrap #SlideDetail .SlideDek .SlideText ul.FormList{margin:0; padding:0;} #SON #SlideshowWrap #SlideDetail .SlideDek .SlideText form li{margin:4px 0; padding:0; border:none;} #SON #SlideshowWrap #SlideDetail .SlideDek .SlideText form li label{color:#eee; display:inline-block; clear:none; width:auto;} #SON #SlideshowWrap #SlideDetail .SlideDek .SlideText form li input{clear:none;} #SON #SlideshowWrap p {margin: 0;} #SON #SlideshowWrap .hide {display: none;} #SON #FeedbackForm #RatingTable {border: 1px solid #5975a2; border-collapse: collapse;} #SON #FeedbackForm #RatingTable td {padding: 0 10px;} #SON #FeedbackForm #RatingTable #RatingTableRow {border-collapse: collapse;} #SON #FeedbackForm #RatingTable #RatingTableRow .Label {padding: 20px 5px; width: 200px;} #SON #FeedbackForm #RatingTable #RatingTableRow .Inputs {padding: 0; text-align: center;} #SON #FeedbackForm #RatingTable #RatingTableRow td {border-top: 1px dotted #123888;} #SON #FeedbackForm #RatingTable #RatingTableRow td.FirstRow {border: none;} #SON #FeedbackForm #RatingTable #Numbers {width: 150px;} #SON #FeedbackForm #RatingTable #Numbers td {border: none; text-align: center; padding: 0;} #SON #FeedbackForm .submit_button {float: right; font-weight: bold;padding: 5px; border: 1px solid #999; margin: 10px 30px 0 0;;} #SON #FeedbackForm .submit_button:hover {color: #666; cursor: pointer; background: #fff;} #SON #FeedbackForm .Label {width: 100px; padding: 20px 0; text-align: left;} #SON #FeedbackForm .Inputs {padding: 0; text-align: left;} #SON #EnterForm h2 {color: #6c6906; position: relative; left: -14px; top: -4px;} #SON .FeedbackLabel {text-align: right;} #SON .FeedbackLabel span {margin: 0 10px 0 60px; font-weight: bold;} #SON .ErrorMessage {border: 1px solid #600; margin: 10px 0; width: 380px; padding: 10px; background: #eee;} #SON .RedText, #SON .RedText * {color: #600;} #SON .SuccessMessage {border: 1px solid #060; margin: 10px 0; width: 380px; padding: 10px; background: #eee;} #SON .GreenText, #SON .GreenText * {color: #060;} #SON #RatingsChart {width: 300px; border: 1px solid #ccc;} #SON #RatingsChart td {border: 1px solid #ccc;} #SON #RatingsChart .RatingTitle {width: 100px; font-weight: bold;} /* -- Alsett Clearing Method*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display: block;}