/* Global Styles */ #son_default_container {width: 100%; text-align: center;} #SON * {font-family: Arial,Helvetica,sans-serif;} #SON #Footer *, #SON .SideBox * {border: none; color: #4d4d4b; clear: none; float: none; font-family: arial, verdana, sans; font-size: 12px; letter-spacing: normal; line-height: normal; margin: 0; padding: 0; position: static; overflow: visible; text-align: left; text-indent: 0; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal;} #SON .Wrapper h1 * {text-decoration: none;} #SON {background: #fff; margin: 0 auto; padding: 0; width: 600px;} #SON #LeftColumn a:hover, #SON #Footer a:hover, #SON #LeftColumn a:hover *, #SON #Footer a:hover * {text-decoration: underline; color: #4A5A7D;} #SON #RecentFeatures li{text-align: left; width: 140px; margin: 5px 5px 5px 10px;} #SON #RightColumn .Wrapper{padding:0; margin:10px 8px;} #SON #SONFooter {text-align: center;} #SON #SONFooter a {font-size: 10px; color: #000;} /* HTML Styles */ #SON #LeftColumn a img, #SON .SideBox a img {border: none;} #SON #LeftColumn a, #SON #LeftColumn a *, #SON .SideBox a, #SON .SideBox a * {color: #4a5a7d;} #SON #LeftColumn p a, #SON .SideBox p a {color: #4A5A7D; padding-bottom: 15px;} #SON #LeftColumn .MoreLink, #SON .SideBox .MoreLink {float: right; font-weight: bold; text-decoration: none; color: #000; margin-bottom: 20px; display: block;} #SON #LeftColumn .MoreLinkAnswer, #SON .SideBox .MoreLinkAnswer {float: left; font-weight: bold; text-decoration: none; color: #000; margin-bottom: 20px; display: block;} #SON #LeftColumn .MoreLinkFAQ, #SON .SideBox .MoreLinkFAQ {float: left; font-weight: bold; text-decoration: underline; color: #000; margin-bottom: 0px; display: block;} #SON #LeftColumn .MoreLinkFAQ {float: none; width:120px; text-align: center; border: 1px solid #000; background: #e7f1db; padding: 8px; margin: 30px 0 30px 0;} #SON #LeftColumn .SubmitButton, #SON .SideBox .SubmitButton {background: url(../images/bg_button_search.gif) repeat-x; font-weight: bold;} #SON #LeftColumn {margin-top:-15px;} #SON #LeftColumn .MoreButton, #SON .SideBox .MoreButton {background: url(../images/bg_button_search.gif) repeat-x; font-weight: bold; text-decoration: none; float: right; border: solid 1px #0e88a7; padding: 2px 2px 0; text-align: center;} #SON #RightColumn .SideBox .MoreButton:hover {text-decoration: none;} #SON #RightColumn .SearchWrapper {border: none !important;} #SON #LeftColumn p, #SON #LeftColumn li, #SON .SideBox p {padding-bottom: 0px; line-height:17px; color:#444444;} #SON #LeftColumn h1, #SON .SideBox h1 *, #SON #LeftColumn h1, #SON #LeftColumn h1 * {color: #4a5a7d; font-size: 16px; font-weight: bold;} #SON #LeftColumn h1, #SON .SideBox h1 {margin-bottom: 10px; font-weight: bold;} #SON #LeftColumn h2, #SON .SideBox h2 {padding: 6px 15px 3px; margin-bottom: 18px; color: #fff; font-weight: bold; font-size: 14px; font-weight: bold;} #SON #LeftColumn h3, #SON .SideBox h3 *, #SON #LeftColumn h3, #SON #LeftColumn h3 * {color: #397f92; font-size: 11px; font-weight: bold; text-decoration: underline;} #SON #LeftColumn h3, #SON .SideBox h3 {margin-bottom: 5px; font-weight: bold;} #SON #LeftColumn h4, #SON .SideBox h4 *, #SON #LeftColumn h4, #SON #LeftColumn h4 * {padding-bottom: 5px; text-decoration: none; color: #4d4d4b; font-weight: bold;} #SON #LeftColumn h5, #SON .SideBox h5 {color: #1c739b; width: 140px; font-size: 12px; padding: 5px 0 3px 5px; margin-bottom: 10px; text-decoration: none; font-weight: bold;} #SON #LeftColumn ol, #SON #LeftColumn ul {padding-left: 30px;} /* Wide Curve */ #SON .CurveWide {clear: both; background: url(../images/bg_curve.gif) repeat-y; width: 394px;} #SON .CurveWide .TopCap {background: url(../images/tc_curve.gif) no-repeat; width: 394px; height: 6px; overflow: hidden; font-size: 1%;} #SON .CurveWide .BottomCap {background: url(../images/bc_curve.gif) no-repeat; width: 394px; height: 5px; overflow:hidden; font-size: 1%;} /* Message Boxes */ #SON .SuccessMessageBox {clear: both; text-align: center; border: 1px solid #060; width: 338px; background: #ddd; margin: 20px 0 20px 20px;} #SON .SuccessMessageBox h6 {color: #030; padding: 10px; font-size: 10px; margin: 0;} #SON .ErrorMessageBox {clear: both; text-align: center; border: 1px solid #600; width: 338px; background: #ddd; margin: 20px 0 20px 20px;} #SON .ErrorMessageBox h6 {color: #300; padding: 10px; font-size: 10px; margin: 0;} /* Header Styles */ #SON #Header {background: url(../images/bg_header_new.jpg); width: 600px; height: 114px; margin: 0; padding: 0;} #SON #Header #Logo {margin: 0 20px; float: left;} #SON #Header #Logo img {margin-top: 20px; border: 0;} #SON #Header #SponsorUnit {float: right; margin: 6px 10px 0;} /* Navigation */ #SON #Navigation {background: url(../images/bg_nav.gif) #464444 repeat-x; width: 600px; margin-bottom: 17px; position: relative;} #SON #Navigation ul {padding: 0; margin: 0;} #SON #Navigation .MainNav li {list-style-type: none; float: left;} #SON #Navigation .MainNav {float: left;} #SON #Navigation .MainNav li a {display: block; padding: 5px 20px; font-family: Arial; font-size: 12px; font-weight: 700; color: #fff; text-decoration: none; border-left: 1px solid #666666;} #SON #Navigation .MainNav li a:hover {background: url(../images/bg_nav_hover.gif) repeat-x;} #SON #Navigation .MainNav li a.First {border: none;} #SON #Navigation #RightNavWrapper {float: right; position: absolute; right: 0;} #SON #Navigation .RightNav {float: left; width: 90px;} #SON #Navigation .RightNav li {float: left; position: relative; margin: 0; list-style-type: none;} #SON #Navigation .RightNav li a {text-indent: -9999px; width: 16px; height: 16px; border: 0; padding: 0; cursor: pointer; margin: 3px 1px 0; display: block; overflow: hidden; font-family: Arial;} #SON #Navigation .NavFacebook {background: url(../socialnav/images/facebook.png) no-repeat;} #SON #Navigation .NavTwitter {background: url(../socialnav/images/twitter.png) no-repeat;} #SON #Navigation .NavRSS {background: url(../socialnav/images/rss.png) no-repeat;} #SON #Navigation .NavAddThis {background: url(../socialnav/images/addthis.png) no-repeat;} } #SON #Navigation .NavAddThis {overflow:hidden;} #SON #Navigation .NavAddThis span {background: none;} #SON #Navigation .RightNav ul {display: none;} #SON #Navigation .RightNav li li {background: #464444; width: 140px;} #SON #Navigation .RightNav li:hover ul {display: block; position: absolute; top: 16px; right: 0; width: 140px; z-index: 1000; margin: 0; padding-top: 5px;} #SON #Navigation .RightNav ul a {height: auto; margin: 0; width: auto; text-align: right; font-size: 14px; font-style: italic; padding: 3px 10px; border-bottom: 1px solid #666; text-decoration: none; color: #fff; display: block; line-height: 20px;} #SON #Navigation .RightNav ul a:hover {color: #9ed440;} /* Slide Show */ #SON #Slideshow {z-index:0; position:relative; width:400px; margin: 15px 0 20px 0;} #SON #Slideshow .FeaturedSlide {position: relative; width: 400px; height: 230px; overflow: hidden;} #SON #Slideshow .FeaturedSlide .TransBanner {position: absolute; bottom: 0; left: 0; z-index: 1000; width: 400px; background: url(../images/bg_transparent.png);} #SON #Slideshow .FeaturedSlide h2 {color: #fff; width: 380px; padding: 10px 20px; font-size: 22px; font-weight: 700; margin: 0; font-family: Arial,Helvetica, sans-serif;} #SON #Slideshow .FeaturedSlide strong {color: #9ed440; font-size: 22px; font-weight: 400; font-family: Arial,Helvetica, sans-serif; text-transform: uppercase;} #SON #Slideshow .FeaturedSlide .TransBanner:hover h2 {color: #DA7C0B;} #SON #Slideshow .InnerWrapper {width: 400px; overflow: hidden;} #SON #Slideshow .TextWrapper {padding: 8px 0; width: 380px; padding: 0 10px;} #SON #Slideshow .TextWrapper h1 a {font-size: 22px; margin: 0 0 5px; text-decoration: none; color: #4f2683; font-family: Arial,Helvetica, sans-serif; text-transform: uppercase; font-weight: 100;} #SON #Slideshow .TextWrapper h1 em {font-size: 22px; margin: 0 0 5px; text-decoration: none; color: #4f2683; font-family: Arial,Helvetica, sans-serif; text-transform: uppercase; font-weight: 100;} #SON #Slideshow .TextWrapper p {margin: 0 0 5px; font-family: Arial,Helvetica, sans-serif; color: #000;} #SON #Slideshow ul {padding-left: 0;} #SON #Slideshow .MoreLink {display: inline; font-family: Arial,Helvetica, sans-serif; color: #DA7C0B; font-size: 12px; text-transform: uppercase;} #SON #Slideshow .SlideHed span {background: none;} #SON #Slideshow li {list-style: none; float: left; width: 93px; height: 70px; overflow: hidden; margin-left: 5px;} #SON #Slideshow .FirstNav {margin: 0;} #SON #Slideshow li a {text-decoration: none; position: relative; display: block; width: 93px; height: 70px; overflow: hidden;} * 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: #DA7C0B;} #SON #Slideshow span {background: url(../images/bg_transparent.png); position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; font-weight: 700; padding: 5px 3px; width: 93px; height: 12px; display: block; font-size: 12px; line-height: 11px; font-family: Arial,Helvetica, sans-serif;} #SON .stripViewer {position: relative; overflow: hidden; width: 400px;} #SON .stripViewer .panelContainer { position: relative; } #SON .stripViewer .panelContainer .panel { float: left; position: relative; width: 400px; } #SON .stripViewer .panelContainer .panel {cursor:pointer;} #SON .stripViewer .panelContainer .panel h1:hover {text-decoration:underline; } #SON .stripNavL, .stripNavR, .stripNav{display: none; } #SON #SlideShowNav { margin-left:0; } /* 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; } #SON #Slideshow img { padding:0; } * html #SON #Slideshow span.nav-thumb { margin-bottom:-1px; } /* Left Column */ #SON #LeftColumn {width: 400px; float: left; overflow: hidden; font-size: 12px;} #SON #LeftColumn .LeftImage {float: left; padding-right: 21px; padding-bottom: 10px;} #SON #LeftColumn #NewestFeature .Wrapper {width: 198px; float: right;} #SON #LeftColumn #Channel .Container .Wrapper {width: 253px; float: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 14px 0 0 0; padding-top: 5px;} #SON #LeftColumn #NewestFeature {margin: 15px 0 0 0;} #SON #LeftColumn #NewestFeature .Left {float: left; margin: 0 15px 5px 0;} #SON #LeftColumn #NewestFeature .Right {float: right; margin: 0 0 5px 15px;} #SON #LeftColumn #NewestFeature.Blog p { overflow: hidden; } /* Channel */ #SON #LeftColumn #Channel .Wrapper {width: 265px; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 14px 0 0 0; padding-top: 5px;} #SON #LeftColumn #Channel .LeftImage {margin: 14px 0 0 0;} /* Video */ #SON #LeftColumn .PromoVideo {margin: 15px 0;} #SON #LeftColumn .PromoVideo h3 { color: #4A5A7D; font-size: 14px; margin: 10px 0; padding: 0; text-align: center; text-decoration: none;} /* FAQ */ #SON #LeftColumn #FAQ {background: url(../images/bg_laptop.gif) bottom no-repeat; margin-bottom: 0 !important;} #SON #LeftColumn #FAQ h1 {color: #000; margin-bottom: 5px;} #SON #LeftColumn #FAQ .Container {border: none; padding-left: 18px;} #SON #LeftColumn #FAQ .TopCap {background: url(../images/topcap_question.gif) no-repeat; padding-top: 20px;} #SON #LeftColumn #FAQ .Wrapper {width: 378px; background: url(../images/bottomcap_question.gif) bottom right no-repeat; padding: 0 0 20px 0; margin-bottom: 20px;} #SON #LeftColumn #FAQ .Wrapper p {padding: 0 0 0 40px; position: relative; width: 300px;} #SON #LeftColumn .Lquo {position: absolute; margin-top: -1px; margin-left: -22px;} #SON #LeftColumn .Rquo {position: absolute; margin-top: 3px; margin-left: 6px;} #SON #LeftColumn #NextFAQ {background: #fff1bd; width: 378px; font-weight: bold; padding: 15px 18px;} #SON #LeftColumn #NextFAQ p {width: 300px;} #SON #LeftColumn #FAQ a:hover {color: #2F2F2F;} #SON #LeftColumn .ReadAnswer {float: none; display: block;} /* FAQ Archive */ #SON #LeftColumn #FAQArchive .Wrapper1 {padding: 5px 10px; border-bottom: 1px dotted #c6b83e;} #SON #LeftColumn #FAQArchive .Wrapper2 {padding: 5px 10px; background: #fef2ba; border-bottom: 1px dotted #c6b83e;} /* Podcast */ #SON #LeftColumn #PlayerWrapper {width: 402px; background: url(../images/bottomcap_podcast.gif) left bottom no-repeat; margin-bottom: 30px;} #SON #LeftColumn #PlayerTopCap {width: 312px; padding: 50px 50px 0 40px; background: url(../images/topcap_podcast.gif) no-repeat;} #SON #LeftColumn #PlayerTopCap h1 {float: left;} #SON #LeftColumn #Podcast .Duration {float: right; padding: 0;} #SON #LeftColumn #Podcast .Wrapper1 .Duration {color: #fff;} #SON #LeftColumn #PlayerWrapper p {padding: 0 40px 30px;} #SON #LeftColumn #Podcast .Wrapper1 {background: #70bfd5;} #SON #LeftColumn #Podcast .Wrapper1, #SON #LeftColumn #Podcast .Wrapper2 {padding: 12px 8px;} #SON #LeftColumn #Podcast h4 {color: #fff; font-size: 14px; float: left; padding-bottom: 2px;} #SON #LeftColumn #Podcast .Wrapper2 h4 {color: #4d4d4d;} #SON #LeftColumn #Podcast .BorderBottom {border-bottom: 1px solid #fff; margin-bottom: 5px; width: 398px;} #SON #LeftColumn #Podcast .Wrapper2 .BorderBottom {border-bottom: 1px solid #4d4d4d;} #SON #LeftColumn #Podcast .MoreButton {padding: 0 2px;} #SON #LeftColumn #Podcast .MoreButton img {position: relative; top: 2px;} #SON #PodcastPlayer #SONpodcast {margin-left: 0px;} #SON #PodcastPlayer {width: 300px; margin-bottom: 10px;} #SON #RightColumn #PodcastPlayer {width: 115px;} #SON #RightColumn .Podcast .MoreButton {display: block; height: 15px; margin: 0 auto; width: 100px; text-align: center;} #SON #RightColumn .Podcast {width: 167px;} /* Promos */ #SON #LeftColumn .Promo {margin-bottom: 20px; width: 400px;} #SON #LeftColumn .Promo .Wrapper {padding: 0 15px 15px;} #SON #LeftColumn .TealPromo .Wrapper {padding: 0; width: 268px; float: left;} #SON #LeftColumn .BluePromo .Wrapper {width:385px;padding-bottom: 0;} #SON #LeftColumn .TealPromo .LeftImage {margin-bottom: 10px;} #SON #LeftColumn .YellowPromo {background: url(../images/bg_expert.gif) bottom repeat-x;} #SON #LeftColumn .YellowPromo h2 {background: #9ed440; font-family: Arial,Helvetica,sans-serif;} #SON #LeftColumn .GrayPromo h2 {background: #687679;} #SON #LeftColumn .GrayBluePromo h2 {background: #588693;} #SON #LeftColumn .BluePromo h2 {background: #588692;} #SON #LeftColumn .TealPromo h2 {background: #47a8c3;} #SON #LeftColumn .TealPromo p {padding-bottom: 10px;} #SON .YellowPromo p {} #SON #LeftColumn #FamilyFAQform {clear: both; position: relative; width: 325px;} #SON #LeftColumn #FAQBox {border-top: solid 2px #333; border-right: solid 1px #888; border-bottom: solid 1px #888; border-left: solid 1px #888; width: 260px; height: 34px;} #SON #LeftColumn #FAQSubmit {text-align: center; border: solid 1px #666; position: absolute; bottom: 0; right: 0; width: 55px; height: 19px; background: url(../images/bg_button_search.gif) repeat-x; font-weight: 700; font-size: 12px; text-transform: capitalize; font-family: Arial,Helvetica,sans-serif;} #SON #LeftColumn .Promo .Container {border-bottom: 1px solid #000; margin-bottom: 10px;} #SON #LeftColumn .Promo .Container .Wrapper {float: right; width: 253px;} #SON #LeftColumn .Promo .Container.Last {border-bottom: none; margin-bottom: 0;} /* Tech Tip */ #SON #LeftColumn #TechTip { overflow: hidden; width: 415px; padding-bottom: 100px; background: #f6f6f4 url(../images/bg_techtip.jpg) bottom no-repeat; margin-bottom: 0 !important;} #SON #LeftColumn #TechTip .Wrapper {padding: 35px 25px;} #SON #LeftColumn #TechTip .Wrapper p {margin-bottom: 25px; width: 350px;} #SON #LeftColumn #TechTip h1 {color: #000; margin-bottom: 25px;} #SON #LeftColumn #TechTip h2 {margin: 0;} #SON #TechTip .NextTechTip {display: inline;} #SON #TechTip .NextTechTip a {font-size: 12px; display: inline;} #SON #TechTip a {font-size: 14px; text-decoration: none; font-weight: bold} /* Tech Tip Archive */ #SON #LeftColumn #TechTipArchive h1 {color: #000; margin-bottom: 25px;} #SON #LeftColumn #TechTipArchive h2 {margin: 0;} #SON #LeftColumn #TechTipArchive .Wrapper {padding: 35px 25px; background: #f6f6f5;} #SON #LeftColumn #TechTipArchive ul {padding: 0;} #SON #LeftColumn #TechTipArchive li {padding: 0; margin-bottom: 5px; list-style: none;} #SON #LeftColumn #TechTipArchive a:link {font-size: 12px; color: #000; text-decoration: underline; font-weight: bold;} #SON #LeftColumn #TechTipArchive a:visited {color: #000;} #SON #LeftColumn #TechTipArchive a:visited, #SON #LeftColumn #TechTipArchive a:hover{font-weight: bold; font-size: 12px; text-decoration: underline;} #SON #LeftColumn #TechTipArchive a:hover {color: #f2a11a;} /* Feature */ #SON #AuthorBio {background: #ddd; border: 1px dashed #aaa; padding: 10px 15px 0; margin-bottom: 15px;} #SON #AuthorBio strong {color: #4a5a7d;} #SON #FeatureNextBox {border: 1px solid #687679; margin-bottom: 20px; font-size: 12px;} #SON #FeatureNextBox h2, #SON #FeatureArchiveBox h2 {margin: 0;} #SON #FeatureArchiveBox {border: 1px solid #687679; font-size: 12px;} #SON #LeftColumn #NewestFeature TABLE.LinksTable TD { vertical-align: top; padding:6px; width:auto; } #SON #LeftColumn #NewestFeature TABLE.LinksTable TD.Title { font-weight: bold; } #SON #LeftColumn #NewestFeature TABLE.LinksTable TD.Wrapper ul {margin-left: 0; padding-left: 0; margin-bottom: 15px;} #SON #LeftColumn #NewestFeature TABLE.LinksTable TD.Wrapper li {list-style: none; margin-bottom: 5px;} #SON #LeftColumn .SponsoredURL a {color: #502D7F; text-decoration: underline;} /* Word Alert */ #SON #LeftColumn #WordAlert {background: url(../images/bg_expert.gif) bottom repeat-x; width: 400px;} #SON #LeftColumn #WordAlert .Container {border: none; padding-left: 18px; width: 400px;} #SON #LeftColumn #WordAlert .TopCap {background: url(../images/topcap_word_alert.png) no-repeat; padding: 15px 0 0 10px; margin-bottom: 45px;} #SON #LeftColumn #WordAlert .Wrapper {background: url(../images/bottomcap_word_alert.png) 0 100% no-repeat; padding: 0 0 10px 0; width: 400px; margin-bottom: 10px;} * HTML #SON #LeftColumn #WordAlert .TopCap {margin-bottom: 25px; background: url(../images/topcap_word_alert2.gif) no-repeat;} * HTML #SON #LeftColumn #WordAlert .Wrapper {background: url(../images/bottomcap_word_alert2.gif) left bottom no-repeat; width: 400px;} #SON #LeftColumn #WordAlert h1 {font-size: 24px; color: #3f3f3f;} #SON #LeftColumn #WordAlert .TopCap .CorrectAnswer {font-size: 16px; font-weight: bold;} #SON #LeftColumn #WordAlert .TopCap p {display: block; padding: 0 0 10px 0; color: #3f3f3f; width:300px;} /* Do's And Dont's */ #SON .Promo #DDTable { color:#000; } #SON .Promo #DDTable th, #SON .Promo #DDTable td { padding:0 10px 10px 0; } #SON .Promo #DDTable td p { margin:0; padding:0; } #SON .Promo #DDTable td a { display:inline; } /* Search */ #SON #SearchS { padding:2px; } #SON .SBSearch #SearchS #searchfield { width:105px; border:1px solid gray; padding:1px; float:left; } #SON .SBSearch #SearchS #SearchSubmit {width:45px; float:right; border:1px solid gray; background:#502D7F; color:#fff; padding:1px; font-size:11px; cursor:pointer; margin-top: -1px; } /* Search Pages */ #SON .ResultsPages .HorizList { margin-bottom:10px; list-style:none; } #SON .ResultsPages .HorizList li {float:left; padding:0 5px; border-right:1px solid #ccc; } #SON .ResultsPages .HorizList .Next { border:none; } #SON .ResultsPages .HorizList li.Current a, #SON .SONSearch .SONSearchLink { font-weight:700; } /* Comment of the Week */ #SON .COW .CommenterImage { float:left; width:115px; height:115px; } #SON .COW .CommenterComment { float:right; width:240px; margin-right:5px; color:#000; } #SON .COW .CommenterComment p {margin-top: 0;} #SON .COW .Commenter { clear:both; padding-top:10px; color:#000; font-weight:700; } #SON .COW .CommenterComment p a { padding: 0; display: inline;} #SON .COW .CommenterComment i a { padding: 0; display: inline;} #SON .CommenterComment a:link{display: inline;} #SON .Promo a { display:block; margin-bottom:10px; } #SON .Promo #MoreLink { color:#DA672E; text-transform:uppercase; text-decoration:none; float:right; clear:both; } #SON .Promo #MoreLink:hover { text-decoration:underline; color:#f2a11a; } /* Do's and Dont's Archive */ #SON #PageDDs h1 { padding-bottom:5px; } #SON #PageDDs hr { margin:20px 0; } #SON .DDContainer .DDDo, #SON .DDContainer .DDDont { margin:5px 0; color:#000; } /* e-Resources Archive */ #SON #PageEResources h1 { padding-bottom:5px; } #SON #PageEResources a { display:block; margin:10px 0; } /* Comment of the Week Archive */ #SON #PageArchiveCommentOfTheWeek h1 { padding-bottom:10px; } #SON #PageArchiveCommentOfTheWeek .CommentWrapper { clear:left; margin-bottom:30px; background: url(../images/bg_expert.gif) bottom repeat-x; } #SON #PageArchiveCommentOfTheWeek .CommentWrapper .CommenterImage { float:left; width:115px; height:115px; overflow:hidden; margin:0 15px 10px 0; } #SON #PageArchiveCommentOfTheWeek .CommentWrapper p { margin:0; padding:0 0 10px 0; } /* Daily Chatter Archive */ #SON #PageArchiveDailyChatter h1 { padding-bottom:10px; } #SON #PageArchiveDailyChatter .ChatWrapper { padding:7px; } #SON #PageArchiveDailyChatter .ChatWrapper p { margin:0; padding:0; } #SON #PageArchiveDailyChatter .Shade { background:#efefef; } /* Voting receptacles for some archive pages */ #SON .voting_receptacle { padding:2px 0; clear:both; } #SON .voting_receptacle img { cursor:pointer; } #SON .voting_receptacle td { font-size:11px; color:#000; } #SON .voting_receptacle .UpVotes { color:#333300; } #SON .voting_receptacle .DownVotes { color:#f00; } #SON .voting_receptacle .SomeSpace { padding:0 2px; } /* Archive Page Pagination */ #SON .Feature { margin-top:20px; } #SON .Feature p .PageNext { float:right; } #SON .Feature p .PagePrev { float:left; } #SON .Feature p .PageNext, #SON .Feature p .PagePrev { display:block; text-decoration:none; font-size:13px; text-transform:uppercase; } #SON .Feature p .PageNext:hover, #SON .Feature p .PagePrev:hover { text-decoration:underline; } /* Right Column */ #SON #RightColumn {width: 162px; float: right;} #SON .SideBox h2 {border-bottom: solid 1px #7d7d7d; margin-bottom: 0; background: #502d7f;} #SON .SideBox h3 {text-align:center; margin-bottom: 0;} #SON .SideBox .MoreButton {float: none; text-align: center;} #SON .SideBox, #SON #LatestThreat {margin-bottom: 15px;} #SON .SideBox .Wrapper {padding: 10px 15px; text-align: center;} #SON .SideBox .Wrapper * {text-align: left;} #SON .SideBox .Wrapper p {clear: both; margin-bottom: 12px;} #SON .SideBox ul{margin-bottom: 15px; list-style: none;} #SON .SideBox li {list-style: none;} #SON .SideBox {border: 1px solid #7d7d7d;} #SON .SideBox .ProgramTool {text-align: center; padding: 10px 0 0 0;} #SON .SponsorSidebox .ProgramTool {padding: 0;} #SON .SideBox .LeftImage {float: left; padding: 0 5px 10px 0;} #SON .SideBox .WordLink {display: block; width: 66px; height: 22px; margin: 0 auto; text-align: center; font-weight: bold; padding-top: 6px; background: url(../images/btn_answer.gif) no-repeat;} #SON .SideFAQ .Wrapper {padding-top: 60px;} #SON .SideFAQ h4 {text-indent: 10px; margin-bottom: 20px;} #SON #RightColumn li{text-decoration: none; font-weight: bold; padding: 2px;} #SON #RightColumn a:hover {text-decoration: underline;} #SON #LatestThreat {text-align: left; background-color: #d5d3c7; margin-bottom: 10px; padding-bottom: 10px; width: 166px;} #SON #RightColumn .MoreLinkRecent {float: right; font-weight: bold; text-decoration: none; color: #000; margin-right: 10px; margin-bottom: 20px; display: block;} #SON #RightColumn #RecentFeatures {width: 167px;} #SON .SideBox .Wrapper #MoreLink { color:#DA672E; text-transform:uppercase; text-decoration:none; float:right; clear:both; } #SON .SideBox .Wrapper #MoreLink:hover { text-decoration:underline; color:#f2a11a; } #SON .SideBox #DoAndDont { padding:5px; } #SON .SideBox #DoAndDont #DDText { margin-bottom:5px; } #SON .SideBox #DoAndDont #DDText p { color:#000; margin:0; padding:2px 0; } #SON .SideBox #DoAndDont #DDText p strong { color:#000; } #SON .SideBox #DoAndDont a { cursor:pointer; } #SON #SBPoll { padding:10px 10px 10px 5px; } #SON #SBPoll p { color:#000; font-weight:700; margin-bottom:10px; } #SON #SBPoll td { padding:5px 4px 5px 0; } #SON #SBPoll label { color:#000; } #SON #SBPoll .SubmitButton { display:block; margin:10px 0 0 5px; padding-top:1px; width:40px; text-align:center; cursor:pointer; } #SON #SBPoll .PollName { color:#000; } #SON #SBPoll .PollRow { background:#9ED440; height:15px; margin:0 0 2px; } #SON #SBPoll .PollRowWrapper { background:#ddd; } #SON #SBPoll .PollPercentage { vertical-align:bottom; } #SON #SBPoll .PollPercentage { color:#502D7F; } #SON #SBPoll #NextPollLinkContainer { margin:10px 10px 10px; float:right; } #SON #SBPoll #NextPollLinkContainer #NextPollLink { cursor:pointer; } /* GBS Poll */ #SON .PollName { color:#000; } #SON .PollRow { background:#9ED440; height:15px; margin:0 0 2px; } #SON .PollRowWrapper { background:#ddd; } #SON .PollPercentage { vertical-align:bottom; } #SON .PollPercentage { color:#502D7F; } /* Sponsor List */ #SON #RightColumn .SideYellow {background: #fff9bb;} #SON #RightColumn .Wrapper1 {margin: 10px 5px; border-bottom: #7d7d7d 1px dashed;} #SON #RightColumn .Wrapper2 {margin: 5px; border-bottom: #7d7d7d 1px dashed;} #SON #RightColumn .Wrapper1 h4 {margin-bottom:10px;} #SON #RightColumn .Wrapper2 h4 {margin-bottom:10px;} #SON #RightColumn .Wrapper1 h4 a {color: #707000; text-decoration: underline;} #SON #RightColumn .Wrapper2 h4 a {color: #707000; text-decoration: underline;} #SON #RightColumn .ProgramToolImage {padding: 0px 0 5px 0;} #SON #RightColumn .TTSponsorTools1 { position: absolute; top: 182px; width: 169px; z-index: 55;} #SON #RightColumn .TTSponsorTools2 { position: relative; left:0px; top: 0px; } #SON #RightColumn .FAQSponsorTools1 { position: absolute; top: 428px; width: 169px; z-index: 55;} #SON #RightColumn .FAQSponsorTools2 { position: relative; left:0px; top: 0px; } /* Sponsor ProgramSend */ #SON #RightColumn #SponsorWrap {position: relative; width: 169px;} #SON #RightColumn #SponsorWrap .SponsorTools1 {position: absolute; top: 0;} #SON #RightColumn #SponsorWrap .TTSponsorTools1 {position: absolute; top: 0;} #SON #RightColumn #SponsorWrap .FAQSponsorTools1 {position: absolute; top: 0;} /* Form List */ #SON .SideBox .FormList li {list-style: none; position: relative;} #SON .SideBox .FormList .FormRadio {left: -1px; position: absolute; top: -1px;} #SON .SideBox .FormList label {display: block; margin-left: 18px; position: relative; width: 110px;} #SON .FormList li {border: #fff 1px solid;} /* Footer */ #SON #Footer {clear: both; width: 596px; text-align: center; background: url(../images/bg_footer.gif) 0 40px repeat-x; margin-top: 30px; padding-bottom: 20px;} #SON #Footer .BackToTop {float: none; display: block; width: 100%; text-align: center; } #SON #Footer ul {text-align: center; padding-top: 10px;} #SON #Footer li {list-style: none; display: inline;} #SON #Footer li a {text-decoration: none; padding: 2px 10px;} #SON .Footer {text-align:center; font-family:arial; font-size:10px;} #SONSpamField {display: none;} /* Comments */ #SON .Comments {margin: 0 0 25px;} #SON .Comments fieldset {border: none;} #SON .Comments form {padding-left: 12px;} #SON .Comments .CommentWrapper {padding-left: 8px;} #SON .Comments input, #SON .Comments textarea {border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 332px; margin: 0 0 8px; font-size: 10px; padding: 2px; color: #8c8c8c;} #SON .Comments textarea {height: 120px;} #SON .Comments .SubmitButton {width: 63px; height: 18px; border: none; overflow: hidden; float: right; margin: 0 23px;} * hmtl #SON .Comments .SubmitButton {color: #fff;} #SON #LeftColumn .Comments .CommentWrapper .CommentList {margin: 20px; width: 338px;} #SON #LeftColumn .Comments .CommentWrapper .CommentList .CommentWrapper {border: 1px solid #8c8c8c; background: #eee; padding: 5px; margin: 0 0 20px;} #SON #LeftColumn .Comments .CommentWrapper .CommentList h1 {background: #ccc; padding: 3px; font-size: 14px;} #SON #LeftColumn .Comments .CommentWrapper .CommentList h2 {font-style: italic; font-size: 11px; color: #8c8c8c; text-align: right;} #SON #LeftColumn .Comments .CommentWrapper h3 {color: #502D7F; font-size: 18px; padding-left: 20px; background: url(../images/arw_purple.gif) 0 4px no-repeat; margin: 0 0 8px; text-decoration: none;} #SON #LeftColumn .Comments .CommentWrapper .CommentList p {padding: 0 5px; margin: 0;} /* -- More Links */ #SON .LinkNav {padding: 10px 0 5px;} #SON .LinkNav a {color: #00B7E7;} /* -- 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;} /* Threat Meter Styles */ #SON .itm_syn_itm_bottom {height: 301px;} /*add this*/ #SON .addthis_toolbox .hover_effect { width: 350px; padding: 10px 0 6px 10px; border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #SON .addthis_toolbox .hover_effect div { float: left; } #SON .addthis_toolbox .hover_effect a { border: 2px solid #fff; padding: 2px 2px 2px 16px; position: relative; text-decoration: none; } #SON .addthis_toolbox .hover_effect a:hover { border: 2px solid #105CB6; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; color: #105CB6; text-decoration: none; } #SON .addthis_toolbox .hover_effect span { position: absolute; width: 16px; height: 16px; top: 2px; left: 1px; } /* Admin */ #Admin fieldset {margin: 10px 0; padding: 10px; background: #eee;} #SON #Admin fieldset .Btn_Submit {background: #666; color: #fff; padding: 3px; cursor: pointer; clear: both;} #Admin .Item {border-bottom: 1px solid #666; margin: 0 0 10px 0; width: 300px; } #SON #Admin .Item h1 {font-size: 14px; color: #90278e;} #SON #Admin .Item h2 {font-size: 12px; font-style: italic; color: #888; color: #90278e;} #AdminComments .PageTitle {margin-bottom:5px;} #AdminComments li {margin: 0 0 5px;} #AdminComments p {color:#000; margin: 25px 0 0;} #AdminHome li {margin: 10px 20px;}