/* * Stylesheet written by COMAND Solutions * 10.09.09 - jef.collier@comandsolutions.com */ /* Global */ #son_default_container{margin:0 auto;} #SON * {outline: none; font-size: 13px; color: #3f3f3f; margin: 0; padding: 0; letter-spacing: normal; line-height: normal; float: none; font-family: arial, verdana, sans; position: static; clear: none; text-indent: 0; overflow: visible; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; background-color: transparent; border: none;} #SON {width: 100%;} #SON p, #SON li, #SON em, #SON strong {margin-bottom: 10px; line-height:20px; } #SON ul {padding-left: 25px;} #SON ul.Form{ padding:0; } #SON form li, #SON .Form li {list-style: none;} #SON h1, #SON h1 * {} #SON h2, #SON h2 * {color:#0073b4; margin:5px 0; font-size:14px; text-decoration:none; } #SON h3, #SON h3 * {color:#000; margin:0 0 5px 0; font-size:21px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } #SON h4, #SON h4 * {color:#000; margin:0 0 5px 0; font-size:14px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } #SON .Caps{ text-transform:capitalize; } /* Arrows */ #SON a.blueArrow{ float:right; display:block; margin:8px 5px 0 0; background:url(../images/arrow_blue.gif) no-repeat; color:#0071b5; font-weight:bold; text-decoration:none; background-position:right; padding:0 16px 0 0; text-transform:lowercase; clear: both; cursor: pointer;} #SON a.blueArrow:hover{text-decoration:underline;} #SON a.blueArrow span {color: #0071b5; font-size: 10px;} #SON a.greyArrow1{ position:relative; display:block; background:url(../images/arrow_grey1.gif) no-repeat; color:#484848; font-weight:bold; text-decoration:none; padding:10px 0 10px 24px;} #SON a.greyArrow1:hover{text-decoration:underline;} #SON a.greyArrow2{ position:relative; right:-10px; float:right; display:block; background:url(../images/arrow_grey2.gif) no-repeat; color:#0071b5; font-size:10px; text-decoration:none; text-transform:uppercase; background-position:right; padding:0 16px 0 0;} #SON a.greyArrow2:hover{text-decoration:underline;} #SON a.pinkArrow{ float:right; display:block; margin:18px 5px 15px 0; background:url(../images/arrow_blue.gif) no-repeat; color:#0071B5; font-weight:bold; text-decoration:none; background-position:right; padding:0 16px 0 0; text-transform:lowercase; clear: both;} #SON a.pinkArrow:hover{text-decoration:underline;} #SON a.pinkArrow span {color: #b00069; font-size: 10px;} #SON a.More{ color:#00ae4d; text-decoration:none;} #SON a.More:hover{text-decoration:underline;} /* Diagonal Lines Classes */ #SON .DiagonalGreen { background: url(../images/stripe_x.gif) #bae2c9; margin:0 0 20px 0; } #SON .DiagonalOrange { background: url(../images/stripe_x.gif) #f8dbcc; margin:0 0 20px 0; } #SON .DiagonalPurple { background: url(../images/stripe_x.gif) #d2becf; margin:0 0 20px 0; } #SON .DiagonalGrey { background: url(../images/stripe_x.gif) #d9e5de; margin:0 0 20px 0; } /* Main Wrapper */ #SON #ContentWrapper{ position:relative; display:block; width:605px; padding:20px 5px;} #SON #PageWrapper{ width:614px; margin:10px auto;} /* Header Styling */ #SON #Header{ position:relative; width:614px; height:149px; background:url(../images/new_logo.gif) no-repeat; } #SON #Header h1{ float:left; width:416px; height:100px; margin:0;} #SON #Header h1 a{position:relative; display:block; top:0px; left:10px; height:100%; width:100%; text-indent:-9999px;} #SON #ProgramUnit{ float:right; position: relative; top: 10px; right: 10px;} /* Navigation */ #SON #Navigation {text-align: left; width: 500px; position: absolute; bottom: 0; height: 35px;} #SON #Navigation ul {text-align: left; margin: 0; padding: 0; position: relative; z-index: 1000;} #SON #Navigation li {list-style-type: none; margin: 0; padding: 0;} #SON #Navigation ul.ULLevel1 li {float: left; position: relative; width: 70px; height: 35px; padding: 0 10px; font-weight:700; border-right: 1px dotted #fff; line-height:1px; text-align: center;} #SON #Navigation a {color: #fff; text-decoration: none;} #SON #Navigation a:hover {text-decoration: underline;} #SON #Navigation .FirstNav a {border: none;} #SON #Navigation .Border {display: none;} #SON #Navigation .ULLevel2 {display: none; position: absolute; z-index: 1000; top: 100%; left: 0; width: 150px;} #SON #Navigation .LILevel1:hover .ULLevel2 {display: block;} #SON #Navigation .LILevel1:hover {} #SON #Navigation ul.ULLevel2 li {position: relative; background: #0473B7; border-bottom: 1px solid #fff; border-right: none; text-align: left; padding: 4px 15px; width: 120px; height: 100%;} #SON #Navigation .ULLevel2 a {width: 130px; background: none; color: #fff; text-transform: none;} #SON #Navigation .ULLevel2 li:hover, #SON #Navigation .ULLevel2 a:hover {background: #A2DFE0; color: #0473B7; text-decoration: none;} #SON #Navigation .LILevel2:hover .ULLevel3 {display: block;} #SON #Navigation .ULLevel3 {display: none; position: absolute; left: 100%; top: 0; width: 150px; border-left: 1px solid #fff;} #SON #Navigation .ULLevel2 li:hover .ThirdUL {display: block;} #SON #Navigation .ULLevel3 li {background: #0473B7;} #SON #Navigation .ULLevel3 a {padding: 0; width: 100px; color: #fff;} #SON #Navigation .ULLevel3 a:hover {background: #A2DFE0; color: #0473B7;} #SON #MainColumn{padding:15px;} #SON #SocialLinks{ position:absolute; bottom:0; right:0; width:100px; } #SON #SocialLinks ul { margin:0; padding:0; } #SON #SocialLinks .at300bs{ background: none; } #SON #SocialLinks li { display:block; float:left; margin:0 0 3px; border:none; } #SON #SocialLinks li a { display:block; text-indent:-9999px; width:20px; height:19px; border:0; padding:0; cursor:pointer; margin:0 2px; } #SON #SocialLinks li a.NavFacebook { background: url(../socialnav/images/facebook.png) no-repeat; } #SON #SocialLinks li a.NavTwitter { background: url(../socialnav/images/twitter.png) no-repeat; } #SON #SocialLinks li a.NavRSS { background: url(../socialnav/images/rss.png) no-repeat; } #SON #SocialLinks li a.NavAddThis { background: url(../socialnav/images/addthis.png) no-repeat; } #SON #SocialLinks li a.NavAddThis { overflow:hidden; } /* Slide Show */ #SON #main-photo-slider {width: 392px; margin: 0; padding: 0;} #SON .FeaturedSlide {position: relative; width: 392px; height: 228px; overflow: hidden;} #SON .FeaturedSlide .GreenBanner {position: absolute; bottom: 0; left: 0; z-index: 1000;} #SON .FeaturedSlide h2 {color: #fff; background: #2687C1; width: 372px; padding: 12px 10px; font-size: 22px; font-weight: 400; margin: 0; font-family: trebuchet ms, helvetica, charcoal;} #SON .FeaturedSlide p {padding:0 0 5px 11px; color:#224f66; font-size:12px; font-family: trebuchet ms, helvetica, charcoal;} #SON .FeaturedSlide strong {color: #fff; font-size: 22px; font-weight: 700; font-family: trebuchet ms, helvetica, charcoal;} #SON .FeaturedSlide .GreenBanner:hover h2 {color: #ff0;} #SON #Slideshow .Wrapper {padding-bottom:6px; margin-bottom:20px; overflow: hidden; border:2px solid #2687C1; background: #ebf4f6;} #SON #Slideshow .InnerWrapper {width: 392px; overflow: hidden; position: relative; z-index: 1;} #SON #Slideshow .TextWrapper {padding: 5px 10px 8px 10px; width: 372px;} #SON #Slideshow .TextWrapper h1 a {font-size: 18px; margin: 0 0 10px; text-decoration: none; color: #000; font-family: trebuchet ms, helvetica, charcoal;} #SON #Slideshow .TextWrapper p {margin: 0 0 5px; color:#000; line-height: 22px; font-family: trebuchet ms, helvetica, charcoal;} #SON #Slideshow .TextWrapper .MoreLink {color: #2687C1; text-decoration: none; margin: 0 0 5px 0; float: right; font-family: trebuchet ms, helvetica, charcoal;} #SON #Slideshow #SlideShowNav li {list-style: none; float: left; width: 90px; height: 84px; overflow: hidden; margin: 0 0 0 6px; padding: 0;} #SON #Slideshow li.First {margin: 0;} #SON #Slideshow li a {text-decoration: none; position: relative; display: block; width: 90px; overflow: hidden;} #SON #Slideshow li a span {font-family: trebuchet ms, helvetica, charcoal; text-transform: uppercase;} #SON #Slideshow li .GreenBanner {height: 30px;} * html #SON #Slideshow li {padding-right: 1px; margin-left: 0;} #SON #Slideshow a:hover span, #SON #Slideshow a.active-thumb, #SON #Slideshow a.active-thumb span {color:#ff0; font-family: trebuchet ms, helvetica, charcoal;} #SON #Slideshow a.active-thumb span {height: 30px;} * html #SON #Slideshow a.active-thumb span {height: 30px;} #SON #Slideshow #SlideShowNav {width: 492px; padding: 0;} #SON #Slideshow span {position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; font-weight: 700; padding: 2px 0; width: 90px; display: block; font-size: 11px;} #SON .stripViewer {position: relative;} #SON .stripViewer .panelContainer { position: relative; overflow: hidden; width: 392px;} #SON .stripViewer .panelContainer .panel { float: left; position: relative; width: 419px; } #SON .stripViewer .panelContainer .panel {cursor:pointer;} #SON .stripViewer .panelContainer .panel h1:hover {text-decoration:underline; } #SON .stripNavL, .stripNavR, .stripNav{display: none; } #SON .stripViewer .GreenBanner {cursor: pointer; background:url(../images/bg_transparent.png); height: 50px;} * html #SON .GreenBanner {margin-bottom: -1px;} /* Gracefully degrade slideshow to CSS if JavaScript is not enabled */ #SON #Slideshow .panel {display: none;} #SON #Slideshow .panel.First, #SON #Slideshow .panel.Show { display: block;} /* Mom Talk Comment Styles */ #SON #Wrapper .CommentsWrap {margin: 10px 0; clear: both;} /* #SON #Wrapper .CommentsWrap h3 {color: #00ae4d;} */ #SON #PageWrapper #LeftColumn #Wrapper .CommentsWrap h3 {color: #0071CF; font-size:18px; } #SON #Wrapper h4 { clear:left; } /* #SON #Wrapper .CommentsWrap a.FormLink {background:url(../images/arrow_blue.gif) no-repeat; color:#0071b5; font-weight:bold; text-decoration:none; background-position:right; padding:0 16px 0 0; text-transform:lowercase; clear: both;} */ #SON #Wrapper .CommentsWrap a.FormLink { display:none; } #SON #Wrapper a.DiscussArchiveLink {float:right; display:block; margin:8px 0; background:url(../images/arrow_blue.gif) no-repeat; color:#0071b5; font-weight:bold; text-decoration:none; background-position:right; padding:0 16px 0 0; text-transform:lowercase; clear: both;} #SON #Wrapper .CommentsWrap li.Phone input {display: none;} #SON #Wrapper .Next {float: right; text-decoration: none;} #SON #Wrapper .Previous {float: left; text-decoration: none;} /* Follow Us */ #SON #FollowUs {margin:0 0 20px;} #SON #tweet {float:left; width:310px;} #SON #FollowUs li {list-style:none; margin-left:-40px;} #SON #FollowUs img {float:left;} /* Homepage Styles */ #SON #LeftColumn{ float:left; width:394px; padding:0 15px 0 0; } #SON #LeftColumn ol, #SON #LeftColumn ul{padding:0 0 0 57px;} #SON #LeftColumn .FeatureTopCap{ background:url(../images/bg_feature_top.gif) no-repeat; height:21px; } #SON #LeftColumn .Feature{position:relative; background:url(../images/bg_feature_bot.gif) no-repeat; background-position:bottom; padding:22px 20px 15px 20px; margin:0 0 14px 0;} #SON #LeftColumn .Feature h2{position:absolute; top:-25px; margin:0; background: url(../images/pink_balloon.gif) no-repeat; height:40px; width:153px; } #SON #LeftColumn .Feature h2 a{color:#fff; display:block; text-align:center; font-size:15px; height:100%;} #SON #LeftColumn .Feature h3, #SON #LeftColumn .Feature h3 a{color:#0071b5;} #SON #LeftColumn .Feature img{float:right;} #SON #LeftColumn .PromoBox{ position:relative; padding:0 5px 0 0; width:380px; } #SON #LeftColumn .PromoBox h2{position:relative; margin:0; padding:0; background-position:bottom; } #SON #LeftColumn .PromoBox h2 a{ color:#00a651; text-indent:-9999px; } #SON #LeftColumn .PromoBox .dots{background: url(../images/dots_blue.gif) repeat-x; height:1px; display:block; margin:0; padding:0;} #SON #LeftColumn .PromoTopCap{ background: url(../images/bg_promo_topcap.png) no-repeat; height:22px; } #SON #LeftColumn .PromoBotCap{ background: url(../images/bg_promo_botcap.png) no-repeat; height:22px; } #SON #LeftColumn .PromoExpertQA, #SON #LeftColumn .PromoDiscuss{ background: url(../images/bg_promo_mid.png) repeat-y; padding:0 15px;} #SON #LeftColumn .PromoExpertQA h2.schoolnurse{ position:relative; background: url(../images/schoolnurse.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoExpertQA h2.expertqa{ position:relative; background: url(../images/expertqa.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoExpertQA h2.pediatrician{ position:relative; background: url(../images/pediatrician.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoExpertQA h2.pharmacist{ position:relative; background: url(../images/pharmacist.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoExpertQA h2.nutritionist{ position:relative; background: url(../images/nutritionist.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoExpertQA h2.nursepractitioner{ position:relative; background: url(../images/nursepractitioner.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoExpertQA h2 a{text-indent:-9999px; position:relative; display:block; height:100%; width:200px; top:-6px;} #SON #LeftColumn .PromoExpertQA h3{ font-size:12px; font-weight:bold; padding:0 0 10px 35px; background: url(../images/bg_Q2.gif) no-repeat; margin:10px 0;} #SON #LeftColumn .PromoExpertQA .btnAnswer{display:block; clear:both; margin:5px auto;} #SON #LeftColumn .PromoExpertQA span{font-size:10px; font-weight:bold;} #SON #LeftColumn .PromoDiscuss h2{ position:relative; background: url(../images/hdr_momtalk.gif) no-repeat; overflow:hidden; margin:0; padding:0;} #SON #LeftColumn .PromoDiscuss h2 a{text-indent:-9999px; position:relative; display:block; height:100%; width:100px; top:-6px;} #SON #LeftColumn .PromoDiscuss h3{ font-size:12px; font-weight:bold; margin:15px 0;} #SON #LeftColumn .PromoDiscuss h3.Author {font-size: 12px; font-weight: 100;} #SON #LeftColumn .PromoDiscuss .Response{position:relative; width:330px; padding:0 10px; background: url(../images/bg_response_mid.gif) repeat-y;} #SON #LeftColumn .PromoDiscuss .ResponseTopCap{ width:350px; height:15px; background: url(../images/bg_response_topcap.gif) no-repeat; } #SON #LeftColumn .PromoDiscuss .ResponseBotCap{ width:350px; height:15px; background: url(../images/bg_response_botcap.gif) no-repeat; padding:0 0 10px 0; } #SON #LeftColumn .PromoDiscuss .Response h5{ font-style:italic; } #SON #LeftColumn .RecentFeatures{ width:382px; margin:0 0 10px 0;} #SON #LeftColumn .RecentFeatures h4{ background:url(../images/hdr_recentfeatures.gif) 10px 0 no-repeat; display:block; height:14px; width:382px; text-indent:-9999px;} #SON #LeftColumn .RecentFeatures h4 a{text-indent:-9999px; position:relative; display:block; height:100%; width:100%;} #SON #LeftColumn .RecentFeatures .FeatureTopCap{ background:url(../images/bg_recentfeature_top.gif) no-repeat; height:19px; background-position:11px 0; margin:20px 0 0 0; } #SON #LeftColumn .RecentFeatures .Feature{position:relative; background:url(../images/bg_recentfeature_bot.gif) no-repeat; background-position:bottom; padding:25px 30px 10px 25px; width:325px; margin:0;} #SON #LeftColumn .RecentFeatures .Feature h2{position:absolute; top:-25px; left: 25px; margin:0; background: url(../images/pink_balloon.gif) no-repeat; height:40px; width:153px; } #SON #LeftColumn .RecentFeatures .Feature h2 a{color:#fff; display:block; text-align:center; font-size:15px; height:100%;} #SON #LeftColumn .RecentFeatures .Feature h3, #SON #LeftColumn .Feature h3 a{color:#0071b5;} #SON #LeftColumn .RecentFeatures .Feature img{ padding:0 0 0 10px;} #SON #LeftColumn .RecentFeatures .RecentFeaturesBotCap{height:14px;} #SON #LeftColumn .RecentFeatures .Feature h2 {background: none; color:#1b9ea0; font-size:18px; position: absolute; top: -10px; left: 12px;} #SON #LeftColumn .RecentFeatures .Feature h2 a {color:#1b9ea0;} /* Sub-Pages */ #SON #LeftColumn #Wrapper{ padding:0 0 0 20px; } #SON #Wrapper.Channel h2, #SON #Wrapper.Channel h2 a{ color:#c11e72; font-size:18px; margin:10px 0 15px 0; } #SON #Wrapper.Channel .Feature{ background: url(../images/dots_blue.gif) no-repeat; background-position:bottom; padding:10px 0 25px 0; } #SON #Wrapper.Channel .Feature img{ float:left; padding:0 15px 0 0; } #SON #Wrapper.Channel .Feature span.clearArrow{ float:left; } #SON #LeftColumn #Wrapper.FullFeature h2, #SON #LeftColumn #Wrapper.FullFeature h2 a{ color:#1b9ea0; font-size:18px; margin:10px 0 15px 0;} #SON #LeftColumn #Wrapper.FullFeature h3, #SON #LeftColumn #Wrapper.FullFeature h3 a{ color:#0071b5; font-size:22px; } #SON #LeftColumn #Wrapper.FullFeature h3 em{ color:#0071b5; font-size:22px; } #SON #LeftColumn #Wrapper.FullFeature h5{ font-weight:normal; font-size:12px; margin:0 0 10px 0;} #SON #LeftColumn #Wrapper.FullFeature img{ float:left; padding:5px 18px 2px 0; } #SON #LeftColumn #Wrapper h2{ color:#1B9EA0; margin:0 0 10px 0; } #SON #LeftColumn #Wrapper h4{ color:#0071b5; font-weight:bold; } #SON #LeftColumn #Wrapper.Discuss h4{ color:#0071b5; padding:10px 0; } #SON #LeftColumn #Wrapper.Tips h4{ color:#0071b5; font-weight:normal; font-size:13px; } #SON #LeftColumn #Wrapper.ExpertQA h2 span {color:#00ae4d;} #SON #LeftColumn #Wrapper.ExpertQA h3.Question{ font-size:12px; font-weight:bold; padding:0 0 10px 35px; background: url(../images/bg_Q.gif) no-repeat; display:block; margin:15px 0;} #SON #LeftColumn #Wrapper.ExpertQA span.Answer{ display:block; color:#0071b5; padding:0 0 5px 0; background:url(../images/bg_A_blue.gif) no-repeat;} #SON #LeftColumn #Wrapper.ExpertQA .Answer p{ padding:0 0 5px 35px; } #SON #LeftColumn #Wrapper.ExpertQA .CurrentItem .Item h4{ font-size:15px; font-weight:bold; } #SON #LeftColumn #Wrapper.ExpertQA .CurrentItem .Item h4 a{color:#0071b5; font-weight:bold;} #SON #LeftColumn #Wrapper.ExpertQA .CurrentItem .Item p{ font-weight:bold; } #SON #LeftColumn #Wrapper.ExpertQA .NextItem .Item{ border-bottom:1px solid #a1d271; margin:15px 0 0 0;} #SON #LeftColumn #Wrapper.ExpertQA .NextItem .Item h4{ font-weight:normal; margin:0; padding:0; color:#3f3f3f; } #SON #LeftColumn #Wrapper.ExpertQA .NextItem .Item h4 a{color:#3f3f3f; font-weight:normal;} #SON #LeftColumn #Wrapper .SubmitWrapper{border-bottom:1px solid #0071b5; margin:0 0 20px 0;} #SON #LeftColumn #Wrapper .SubmitWrapper li input { padding:2px; width:293px; border:1px solid #000; } #SON #LeftColumn #Wrapper .SubmitWrapper li input.FormButtonAnswer{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_submit.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Tips .CurrentItem .Item h4{ font-size:15px; font-weight:bold; } #SON #LeftColumn #Wrapper.Tips .CurrentItem .Item p{ font-weight:bold; } #SON #LeftColumn #Wrapper.Tips .NextItem .Item{ border-bottom:1px solid #a1d271;} #SON #LeftColumn #Wrapper .CurrentItem { border-bottom:1px solid #e0f0d0; padding:0 0 15px 0;} #SON #LeftColumn #Wrapper .CurrentItem .Response{ margin:15px 0;} #SON #LeftColumn #Wrapper .CurrentItem .Response h5{ font-style:italic; } #SON #LeftColumn #Wrapper .NextItem { border-top:1px solid #a1d271; padding:15px 0 0 0;} #SON #LeftColumn #Wrapper .NextItem .Form{ padding:0 0 0 25px; } #SON #LeftColumn #Wrapper.ExpertQA .NextItem .Form, #SON #LeftColumn #Wrapper.Discuss .NextItem .Form{ padding:0; } #SON #LeftColumn #Wrapper .NextItem .Form li label{ color:#000; } #SON #LeftColumn #Wrapper.Quiz .CurrentItem .Form li input.FormButtonAnswer{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_answer.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Quiz .NextItem .Form li input.FormButtonAnswer{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_answer.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Poll .CurrentItem .Form li input.FormButtonSubmit{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_vote.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Poll .NextItem .Form li input.FormButtonAnswer{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_vote.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.ExpertQA .NextItem .Form li input, #SON #LeftColumn #Wrapper.Discuss .NextItem .Form li input { padding:2px; width:293px; border:1px solid #000; } #SON #LeftColumn #Wrapper.ExpertQA .NextItem .Form li input.FormButtonAnswer{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_submit.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Discuss .NextItem .Form li input.FormButtonAnswer{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_vote.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Discuss .NextItem .Form li input.FormButtonVote{ display:block; width:68px; height:26px; margin:0 0 0 10px; background: url(../images/btn_vote.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON #LeftColumn #Wrapper.Discuss h3.Author {clear: both; font-size: 14px;} #SON #LeftColumn #ExpertQASubmit label{display:none;} /* Author Bio */ #SON #LeftColumn .AuthorBio{ position:relative; background: url(../images/bg_authorbio_mid.gif); width:373px; } #SON #LeftColumn .CurrentItem .AuthorBio h4{ padding: 0 0 0 15px; color:#fff !important;} #SON #LeftColumn .AuthorBio span{ display:block; padding: 0 10px 0 15px; margin:0; } #SON #LeftColumn .AuthorBio .TopCap{ background: url(../images/bg_authorbio_topcap.gif) no-repeat; height:10px; width:373px; } #SON #LeftColumn .AuthorBio .BotCap{ background: url(../images/bg_authorbio_botcap.gif) no-repeat; height:10px; width:373px; } /* Star Rating */ #SON .Rating {display:block; margin:10px 0; clear:left; } #SON #RatingForm ol.Form{width:100px; height:20px; float:left; margin:0; padding:0; } #SON #RatingForm li{position:relative; display:inline; float:left; margin:0; clear:none;} #SON #RatingForm li input{position:relative; float:left; display:none;} #SON #RatingForm li label{position:relative;float:left; height:16px; width: 17px; margin: 2px 0;} #SON #RatingForm p #BtnRating{display:none; clear:both; float:left; cursor:default;} #SON #RatingForm p{ float:left; } #SON #RatingForm li label a, #SON #RatingForm li label a.StarOff {position:relative; display:block; text-indent: -9999px; height:100%; background: url(../images/bg_star_off.gif) no-repeat;} #SON #RatingForm li label a.StarOn, #SON #RatingForm li label a:hover {display: block; height:100%; background: url(../images/bg_star_on.gif) no-repeat;} #SON #RatingForm .StarLink {display:none;} /* Comments */ #SON #LeftColumn #CommentsWrapper{ display:block; clear:both; padding:15px 0;} #SON #LeftColumn #CommentsWrapper h5.addlink a:hover{ text-decoration:underline; } #SON #LeftColumn #CommentsWrapper .Comment{ clear:both; display:block; border-bottom:1px solid #a1a1a1; margin:10px 0;} #SON #LeftColumn #CommentsWrapper .Comment span{ color:#a1a1a1; font-size:10px; } #SON #LeftColumn #CommentsWrapper .Comment span strong{ color:#000; font-size:12px; } #SON #LeftColumn #Comments{ background:#e6e6e6; margin:10px 0; display:block; clear:both; } #SON #LeftColumn #Comments h5{ color:#fff; background:#a4a193; padding:4px; font-size:14px; font-weight:normal; } #SON #LeftColumn #Comments h6{ color:#000; margin:15px 0; font-size:12px; padding:0 10px; } #SON #LeftColumn #Comments ul.Form{padding:0 10px;} #SON #LeftColumn #Comments ul.Form li{ display:block; clear:both; } #SON #LeftColumn #Comments ul.Form li label{float:left; width:90px; text-align:right; padding:3px 4px 0 0;} #SON #LeftColumn #Comments ul.Form li input, #SON #LeftColumn #Comments ul.Form li select, #SON #LeftColumn #Comments ul.Form li textarea{ background:#fff; width:240px; padding:3px; } #SON #LeftColumn #Comments ul.Form li textarea {height:65px;} #SON #LeftColumn #Comments ul.Form li input#BtnPost { width:68px; height:26px; float:right; margin:0 25px 0 0; background: url(../images/btn_submit.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer; } #SON .Errors{ border:1px dashed #B00069; padding:5px 10px; margin:5px 15px; color:#fe8543; display:block; clear:both; } #SON .Errors li, #SON .Errors p{ color:#B00069; } #SON .Success{ border:1px dashed #578f0a; padding:5px 10px; margin:5px 15px; color:#578f0a; display:block; clear:both; } #SON .Success li, #SON .Success p{ color:#578f0a; } /* Discuss */ #SON #LeftColumn .Discuss #CommentsWrapper{ display:block; clear:both; padding:10px 0;} #SON #LeftColumn .Discuss #CommentsWrapper .Comment{ clear:both; display:block; border-bottom:none; margin:10px 0;} #SON #LeftColumn .Discuss .Comment .date{ display:none; } #SON #LeftColumn .Discuss .Comment strong.user{ font-style:italic; } #SON #LeftColumn #Comments a.FormLink {background: none; color: #000; margin: 0 0 0 10px;} #SON #LeftColumn #Comments li.Phone label {display: none;} /*Pagination*/ #SON #LeftColumn #CommentsWrapper .pagination{display:block; position:relative; clear:both;} #SON #LeftColumn #CommentsWrapper .pagination a{color:#0073b4; text-decoration:none;} #SON #LeftColumn #CommentsWrapper .pagination a:hover{text-decoration:underline;} #SON #LeftColumn #CommentsWrapper .pagination .link_next{float:right; } #SON #LeftColumn #CommentsWrapper .pagination .link_previous{float:left;} /* Send-to-a-Friend */ #SON #LeftColumn h5.SendFriend a{ float:right; color:#b00069; text-decoration:none; } #SON #LeftColumn h5.SendFriend a:hover{text-decoration:underline;} #SON #LeftColumn #SendToAFriend{ position:absolute; right:210px; top:45px; background:#e6e6e6; width:240px; border:1px solid #cfcfce; } #SON #LeftColumn #SendToAFriend a.Close{ font-weight:bold; color:#fff; position:absolute; right:10px; top:2px; text-decoration:none; } #SON #LeftColumn #SendToAFriend h4{ font-size:14px; background:#a4a193; padding: 2px 10px; color:#fff !important; font-weight:normal !important; } #SON #LeftColumn #SendToAFriend ul.Form{padding: 5px 15px;} #SON #LeftColumn #SendToAFriend ul.Form li{ margin:5px 0; padding:0; } #SON #LeftColumn #SendToAFriend ul.Form label{display:none;} #SON #LeftColumn #SendToAFriend ul.Form input{ color:#a4a193; font-size:11px; border:1px solid #cfcfce; background:#fff; width:200px; padding:4px; } #SON #LeftColumn #SendToAFriend ul.Form textarea{ height:65px; color:#a4a193; font-size:11px; border:1px solid #cfcfce; background:#fff; width:200px; padding:4px; } #SON #LeftColumn #SendToAFriend ul.Form input.FormButton{float:right; height:26px; width:91px; background: url(../images/btn_submit.gif) no-repeat; text-indent:-9999px; color:#009ee2; font-size:1%; border:none; cursor:pointer;} /* Page Tag */ #SON #PageTag a { text-decoration: none; color:#0073b4; } #SON #PageTag a:hover { text-decoration: underline; } #SON #PageTag h1 { color:#0073b4; margin-bottom:5px; } #SON #PageTag h2 { margin-bottom: 20px; font-size:16px; } /* Tag List */ #SON #LeftColumn #Wrapper #TagList h3 span a { text-decoration:none; } #SON #LeftColumn #Wrapper #TagList h3 span a:hover { text-decoration:underline; } #SON #LeftColumn #Wrapper #TagList { margin-bottom:5px; } #SON #LeftColumn #Wrapper #TagList h3 { font-size:14px; color:#000; } #SON #LeftColumn #Wrapper #TagList h3 span, #SON #LeftColumn #Wrapper #TagList h3 span a { font-size:12px; color:#0073b4; } /* Poll Graph */ #SON #PollResults dl{margin:10px 0; clear:both; width:370px; } #SON #PollResults dl dt{width:130px; float:left; padding:0 10px 0 0;} #SON #PollResults dl dd{width:230px; float:left;} #SON #PollResults dl dd div{float:left; background:#be2e84; height:100%; } #SON #PollResults dl dd span{font-weight:bold; padding:0 0 0 5px;} /* Search Results */ #SON #MainColumn{ padding:0 15px;} #SON #Wrapper.SearchResults{ padding:10px 25px; } #SON ul.HorizList { list-style:none; text-align:center; display:block; margin:5px 0;} #SON ul.HorizList li { display:inline; padding:0 2px;} #SON ul.HorizList li a { color:#00ae4d; text-decoration:none; } #SON ul.HorizList li span { color:#666; text-decoration:none; } #SON ul.HorizList li a.current { color:#0071b5; text-decoration:underline; } #SON #Wrapper.SearchResults h2{ color:#00ae4d; margin:0 0 15px 0; } #SON #Wrapper.SearchResults h4{ font-weight:bold; color:#0071b5; } #SON #MainColumn h5 a { color:#0071b5; text-decoration: none; } #SON #Wrapper.SearchResults h5 a:hover { text-decoration: underline; } #SON #Wrapper.SearchResults ol li{margin: 0 0 0 5px; list-style:none; } #SON .Item{ padding:5px 0;} #SON .Item h5{ float:none; display:block; clear:both; } #SON .Item h5 a{ color:#00ae4d; text-decoration:none; } #SON .Item h5 a:hover{ text-decoration: underline; } /* Sideboxes */ #SON #RightColumn{ float:left; width:188px; margin:0; } #SON #RightColumn .SBWrapper{ padding:4px 4px 4px 4px; } #SON #RightColumn .SBWrapper h3{ background: url(../images/dots.gif) repeat-x; background-position:bottom; height:20px; text-indent:4px; font-size:14px; color:#2cb9bb; font-weight:bold; } #SON #RightColumn .SBWrapper h4{ color:#0071b5; font-weight:bold; } #SON #RightColumn .SBWrapper h5{ padding:8px 0; } #SON #RightColumn .SBWrapper h5 a{ color:#000; text-decoration:none; } #SON #RightColumn .SBWrapper h5 a:hover{ text-decoration:underline; } #SON #RightColumn .SBRelated, #SON #RightColumn .SBTip, #SON #RightColumn .SBQuiz, #SON #RightColumn .SBPoll, #SON #RightColumn .SBResources{ background:#fff; padding:0 16px 0px 10px; background: url(../images/sb_whitebox.png) repeat-y;} #SON #RightColumn .SBProgramTool{ background:#eeeeee; padding: 5px 0; } #SON #RightColumn .SBProgramTool{text-align:center; } #SON #RightColumn .SBTip p {font-weight:bold; margin:20px 0 10px 0; padding:0 0 0 5px;} #SON #RightColumn .SBResources li, #SON #RightColumn .SBResources p{margin:0; padding:0; line-height:16px} #SON #RightColumn .SBWrapper .SBTopCap{ background:url(../images/sb_topcap.png) no-repeat; background-position:left bottom; height:14px; } #SON #RightColumn .SBWrapper .SBBotCap{ background:url(../images/sb_botcap.png) no-repeat; height:15px; } #SON #RightColumn .SBRelated a {text-decoration: none; font-weight: 700; display: block; padding: 5px 0;} /* Search */ #SON #RightColumn #Search, #SON #MainColumn #Search{ position:relative; background: url(../images/bg_search_box.gif) no-repeat; width:180px; height:25px; margin:0 0 15px 0;} #SON #RightColumn #Search input.Search, #SON #MainColumn #Search input.Search{ position:relative; top:5px; left:10px; color:#707070; width:125px; } #SON #RightColumn #Search span.Go a, #SON #MainColumn #Search span.Go a{ position:relative; top:5px; right:-16px; color:#fff; text-decoration:none; font-size:12px; } #SON #RightColumn #Search input.Go, #SON #MainColumn #Search input.Go{ position:absolute; top:5px; right:10px; color:#fff; text-decoration:none; font-size:12px; cursor:pointer;} /* Poll & Quiz Sideboxes */ #SON .SBQuiz p {font-weight:bold; margin:20px 0 10px 0;} #SON .SBQuiz form input{display:none;} #SON .SBQuiz form li{margin:0px 0; padding:0 0 0 1px; } #SON .SBQuiz form label {position:relative; display:block; width:140px !important;} #SON .SBQuiz form label a{position:relative; display:inline-block; font-weight:bold; text-decoration:none; margin:0; padding:0 0 8px 25px; height:100%; background: url(../images/orange_dot.gif) no-repeat; } #SON .SBQuiz form label a.off{background: url(../images/orange_dot.gif) no-repeat;} #SON .SBQuiz form label a:hover, #SON .SBQuiz form label a:active, #SON .SBQuiz form label a.on{background: url(../images/blue_dot.gif) no-repeat; text-decoration:none; } #SON .SBQuiz input.blueArrow { float:right; display:block; margin:4px 5px 0 0; background:url(../images/arrow_blue.gif) no-repeat; color:#0071b5; font-weight:bold; text-decoration:none; background-position:right; padding:0 16px 0 0; cursor:pointer; } #SON .SBQuiz input.blueArrow:hover { text-decoration:underline; } #SON .SBPoll p {font-weight:bold; margin:20px 0 10px 0;} #SON .SBPoll form input{display:none;} #SON .SBPoll form li{margin:0px 0; padding:0 0 0 15px; } #SON .SBPoll form label {position:relative; display:block; width:140px !important;} #SON .SBPoll form label a{position:relative; display:inline-block; font-weight:bold; text-decoration:none; margin:0; padding:0 0 8px 25px; height:100%; background: url(../images/orange_dot.gif) no-repeat; } #SON .SBPoll form label a.off{background: url(../images/orange_dot.gif) no-repeat;} #SON .SBPoll form label a:hover, #SON .SBPoll form label a:active, #SON .SBPoll form label a.on{background: url(../images/blue_dot.gif) no-repeat; text-decoration:none; } #SON .SBPoll input.blueArrow { float:right; display:block; margin:4px 5px 0 0; background:url(../images/arrow_blue.gif) no-repeat; color:#0071b5; font-weight:bold; text-decoration:none; background-position:right; padding:0 16px 0 0; cursor:pointer; } #SON .SBPoll input.blueArrow:hover { text-decoration:underline; } /* Footer */ #SON #Footer{ position:relative; border-top: 3px solid #d9f3fd; display:block; clear:both; padding:4px 0; margin:10px 0 0 0;} #SON #Footer ul{ margin:0; padding:0; } #SON #Footer ul li{ display:inline; padding:0; border-right:1px solid #ccc; padding:0 5px; } #SON #Footer ul li.last{ display:inline; padding:0; border:none; } #SON #Footer ul li a{ color:#2e8bc2; text-decoration:none; font-size:9px; padding:5px 3px; } #SON #Footer ul li a:hover, #SON #Footer ul li a.current{ background:#2e8bc2; color:#fff; } /* Admin 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; } #SON #AdminPage h1 {font-size: 16px;} #SON .AdminHome { padding: 10px 0; display: block;} #SON #TableWrapper{ position:relative; left:-50%; width:1500px;} #SON #SenderTable{ background:#fff; } #SON #SenderTable th{ font-size:14px; background:#999; color:#fff; } #SON #SenderTable td{ padding:4px;} #SON #SenderTable tr.alt{background:#ccc;} #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 .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;} /* -- Post a Comment*/ #SON .pac a:link { font-weight: bold; color: #09F; text-decoration: none; } #SON .pac a:visited { text-decoration: none; color: #09F; } #SON .pac a:hover { text-decoration: none; color: #09F; } #SON .pac a:active { text-decoration: none; color: #09F; } /* #SON .addthis_toolbox span {float: left;} */ /* Social Icons */ #SON .social_nav_container { float:left; width:230px; margin-bottom:10px; } #SON .addthis_toolbox { float:left; } #SON .addthis_toolbox .addthis_button_facebook_like { width:47px; overflow:hidden; height:20px; } #SON .social_nav_container a { float:left; margin-left:3px; }