/* * 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_pink.gif) no-repeat; color:#b00069; 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{ display:block; height:140px; background: url(../images/snf_logo.gif) no-repeat;} #SON #Header h1{ float:left; width:416px; height:50px; margin:0;} #SON #Header h1 a{position:relative; display:block; top:60px; left:20px; height:100%; width:100%; text-indent:-9999px;} #SON #ProgramUnit{ float:right; } /* Navigation */ #SON #Nav{ height:47px; padding:0; display:block; clear:both; } #SON #Nav ul{ margin:0; padding:0; } #SON #Nav ul li{ height:47px; display:block; float:left; border:none; } #SON #Nav ul li a{ position:relative; display:block; text-decoration:none; background:url(../images/bg_nav.jpg) no-repeat; height:100%; width:100%; text-indent:-9999px; padding:0; margin:0; overflow:hidden;} #SON #Nav ul li.Nav1 a{ width:196px; background-position:0px top; } #SON #Nav ul li.Nav2 a{ width:201px; background-position:-196px top; } #SON #Nav ul li.Nav3 a{ width:215px; background-position:-397px top; } #SON #Nav ul li.Nav1 a.current, #SON #Nav ul li.Nav1 a:hover{ background-position:0 bottom; } #SON #Nav ul li.Nav2 a.current, #SON #Nav ul li.Nav2 a:hover{ background-position:-196px bottom; } #SON #Nav ul li.Nav3 a.current, #SON #Nav ul li.Nav3 a:hover{ background-position:-397px bottom; } /* 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 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_Q.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/title_Promo_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 .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{ background:url(../images/bg_recentfeatures_mid.gif) repeat-y; width:382px; margin:0 0 10px 0;} #SON #LeftColumn .RecentFeatures h4{ background:url(../images/bg_heading_recentfeatures.gif) no-repeat; display:block; height:35px; 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{ background:url(../images/bg_recentfeatures_botcap.gif) no-repeat; height:14px;} /* 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:#c11e72; 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 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:#00ae4d; 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 #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;} #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 h5.addlink a:hover{ text-decoration:underline; } #SON #LeftColumn .Discuss #CommentsWrapper .Comment{ clear:both; display:block; border-bottom:none; margin:10px 0;} #SON #LeftColumn .Discuss #CommentsWrapper .Comment span strong{ color:#000; font-size:12px; } #SON #LeftColumn .Discuss #Comments{ background:#fff; margin:10px 0; display:block; clear:both; } #SON #LeftColumn .Discuss #Comments h5{ display:none; } #SON #LeftColumn .Discuss #Comments h5 a{ display:none; } #SON #LeftColumn .Discuss .Comment .date{ display:none; } #SON #LeftColumn .Discuss .Comment strong.user{ font-style:italic; } #SON #LeftColumn .Discuss #Comments h6{ border-top:1px solid E0F0D0; border-bottom:1px solid #A1D271; } #SON #LeftColumn .Discuss #Comments ul.Form{padding:0 10px;} #SON #LeftColumn .Discuss #Comments ul.Form li{ display:block; clear:both; } #SON #LeftColumn .Discuss #Comments ul.Form li label{display:none; } #SON #LeftColumn .Discuss #Comments ul.Form li input{ background:#fff; width:300px; padding:3px; border:1px solid #000;} #SON #LeftColumn .Discuss #Comments ul.Form li select{ background:#fff; width:300px; padding:3px; border:1px solid #000;} #SON #LeftColumn .Discuss #Comments ul.Form li textarea{ background:#fff; width:300px; padding:3px; border:1px solid #000; height:65px;} #SON #LeftColumn .Discuss #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; } /*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:#00ae4d; 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:#fff; 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 #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;}