/* Globals */
/*#SON * {font-size: 13px; color: #666; margin: 0; padding: 0; letter-spacing: normal; line-height: normal; float: none; font-family:trebuchet ms, helvetica, charcoal; position: static; clear: none; text-indent: 0; overflow: visible; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; border: none;}*/
#SON * {font-size: 13px; color: #666; margin: 0; padding: 0; letter-spacing: normal; line-height: normal; float: none; font-family:trebuchet ms, helvetica, charcoal; position: static; clear: none; text-indent: 0; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; border: none;}
#SON h1, #SON h2, #SON h3, #SON h4, #SON h5, #SON h6, #SON p {display: block;}
#SON img {border:none;}
#SON p, #SON li {margin: 0 0 10px;}
#SON a {color: #0060b6; text-decoration: none;}
#SON a:hover {text-decoration: underline;}
#SON .MoreLink {margin: 10px 0 0 0; display: block; cursor: pointer; white-space: nowrap;}
#SON .ArrowDouble {padding: 0 15px 0; background: url(../images/arw_grey_dbl.gif) right 8px no-repeat;}
* html #SON .GreyBanner {margin-bottom: -1px;}
#SON #LeftColumn ul {padding-left: 35px;}
#SON .social_nav_container .addthis_toolbox {float: left;}
#SON .social_nav_container .addthis_toolbox a {float:left;}
* html #SON .addthis_toolbox { height:16px; overflow: hidden; }
#SON #message {padding:5px; border:1px solid black; margin-top:5px; margin-bottom:5px;}

/* Message Boxes */
#SON #PageWrapper .SuccessMessageBox {clear: both; text-align: center; border: 1px solid #060; width: 310px; background: #ddd; margin: 20px 0 20px 20px;}
#SON #PageWrapper .SuccessMessageBox h6 {color: #030; padding: 10px; font-size: 12px; margin: 0;}
#SON #PageWrapper .ErrorMessageBox {clear: both; text-align: center; border: 1px solid #600; width: 310px; background: #ddd; margin: 20px 0 20px 20px;}
#SON #PageWrapper .ErrorMessageBox h6 {color: #300; padding: 10px; font-size: 12px; margin: 0;}

/* Layout */
#SON {background: #fff; text-align: center;}
#SON #PageWrapper {position: relative; text-align: left; width: 600px; margin: 10px auto; padding: 83px 0 0; background:  url(../images/bg_pagewrapper.gif) repeat-y;}
#SON #Columns {background: url(../images/bg_columns.gif) repeat-y; padding: 0 10px 10px 10px;}
#SON #LeftColumn {float: left; width: 396px; padding: 0 0 0 10px;}
#SON #RightColumn {float: right; width: 166px; margin-right: 7px;}
* html #SON #RightColumn {margin: 0 4px 0 0;}
* html #SON #LeftColumn {padding: 0 0 10px 5px;}

/* Global Classes */
#SON #LeftColumn .LeftImage {float: left; padding: 0 20px 10px 0;}
#SON .PageTitle.Indented {padding: 10px 10px 2px 10px;}
#SON .PageTitle {font-size: 30px; color: #8c8c8c; padding: 10px 10px 2px 0;}
#SON .PageTitle * {font-size: 30px; color: #8c8c8c; display: block; text-decoration: none;}
#SON .PageTitle a:hover {text-decoration: underline;}
#SON .SubTitle {margin: 0 0 5px; font-size: 14px;}
#SON .SubTitle * {text-decoration: none; font-size: 14px;}
#SON .LinkNav a, #SON .SponsoredURL {text-decoration: none; font-size: 15px; text-decoration: none; display: block; margin: 0 0 10px;}
#SON .LinkNav a:hover, #SON .SponsoredURL:hover {text-decoration: underline;}
#SON .SponsoredURL {color: #ff7f00;}
#SON .ContentTags {margin: 10px 0 20px 0; clear: both;}

/* Grey Wide */
#SON .GreyWide {width: 206px; background: url(../images/bg_grey_lg.gif) repeat-y;}
#SON .GreyWide .TopCap {background: url(../images/tc_grey_lg.gif) no-repeat;}
#SON .GreyWide .BottomCap {clear: both; background: url(../images/bc_grey_lg.gif) no-repeat; height: 10px; overflow: hidden;}

/* Grey Narrow */
#SON .GreyNarrow {width: 177px; background: url(../images/bg_grey_sm.gif) repeat-y;}
#SON .GreyNarrow .TopCap {background: url(../images/tc_grey_sm.gif) no-repeat;}
#SON .GreyNarrow .BottomCap {clear: both; background: url(../images/bc_grey_sm.gif) no-repeat; height: 8px; overflow: hidden;}

/* Header */
#SON #Header {z-index: 5; margin: 0 0 0 8px; top: 12px;  left: 0; width: 584px; height: 83px; background: url(../images/bg_header.png) no-repeat; position: absolute;}
#SON #Logo a {margin: 23px 0 0 26px; text-decoration: none; float: left;}
* html #SON #Logo a {margin-left:35px;}
#SON #SponsorUnit {float:right; margin: 12px 5px 0;}

/* Top Banner */
#SON #TopBanner {position: relative; height: 246px; overflow: hidden;}
#SON #TopBanner a {color: #ff0;}
#SON #TopBanner .Caption {background: url(../images/bg_caption.png) no-repeat; position: absolute; width: 379px; bottom: 11px; left: -5px; padding: 8px 25px 8px 30px;}
#SON #TopBanner .Caption * {color: #fff;}
#SON #TopBanner .Caption h1 a {text-transform: uppercase; font-size: 21px;}
#SON #TopBanner .Caption p {line-height: 13px; margin: 0;}
#SON #TopBanner .Caption .MoreLink {color: #ff0; font-weight: 700; display: inline; padding: 0 8px;  background: url(../images/arw_green.gif) right 8px no-repeat;}
#SON #TopBanner .Caption .BottomCap {background: url(../images/bc_caption.png) no-repeat; width: 434px; height: 5px; bottom: -5px; left: 0; position: absolute;}
* html #SON #TopBanner .Caption .BottomCap {bottom: -13px;}
#SON #PromoTip {overflow: hidden; background: url(../images/bg_trans_green.png); width: 156px; height: 100%; padding: 10px 5px 0; position: absolute; right: 0; top: 0; text-align: center; color: #fff;}
#SON #PromoTip p {color: #fff; line-height: 15px; margin: 0 0 5px;}
#SON #PromoTip h1 {display: block; color: #fff; font-size: 17px; font-weight: 400; margin: 0 0 10px;}
#SON #PromoTip .MoreLink {display: inline; margin: 0 auto; padding: 0 8px 0 0;  background: url(../images/arw_green.gif) right 8px no-repeat;}

/* Navigation */
#SON #Navigation {background: #F15A22; position: relative;}
//#SON #Navigation li {float: left; list-style: none; margin: 0;}
#SON #Navigation ul, #SON #Navigation li {margin: 0; padding: 0; list-style: none; }
#SON #Navigation li {float: left;}
#SON #Navigation .Level1 {float: left; position: relative;}
#SON .LeftNav {float: left; width: 494px;}
#SON .LeftNav  a { text-transform: uppercase; color: #fff; font-size: 11px; text-decoration: none; font-weight: 700; display: block; padding: 12px 7px 8px; font-family: helvetica, arial; background: url(../images/nav_bg.gif) bottom left no-repeat;}
#SON #Navigation .FirstNav a {background: none;}
#SON #Navigation .Current {color: #ff7f00;}
#SON #Navigation .LeftNav a:hover {background: #4396ad; color: #ff0;}
#SON #Navigation .FirstNav a {border: none;}
#SON #Navigation .SecondUL {display: none;}
#SON #Navigation .Level1:hover .SecondUL {position: absolute; z-index: 1000; display: block; background: #333; top: 100%; left: 0;}
#SON #Navigation .SecondUL a {width: 120px; padding: 3px 10px; background: none;}
#SON #Navigation .ThirdUL a {padding: 3px 10px 3px 30px; width: 100px;}

#SON #Navigation li li { float:none; }

#SON .RightNav {float: right; width: 100px; position: relative; top: 8px;}
#SON .NavFacebook {background: url(../images/icn_facebook.gif) no-repeat;}
#SON .NavTwitter {background: url(../images/icn_twitter.gif) no-repeat;}
#SON .NavTumblr {background: url(../images/icn_twitter.png) no-repeat;}
#SON .NavRSS {background: url(../images/icn_rss.gif) no-repeat;}
#SON .NavAddThis {background: url(../images/icn_addthis.gif) no-repeat;}
#SON .NavAddThis {overflow:hidden;}

#SON .RightNav a {text-indent: -9999px; width: 16px; height: 17px; padding: 0; cursor: pointer; margin-right: 2px; display: block; overflow: hidden;}
#SON .RightNav li {position: relative;}
#SON .RightNav ul {display: none; position: relative; z-index: 1000;}
#SON .RightNav li:hover ul {display: block; position: absolute; background: #4396ad; right: -15px; width: 120px; border: 1px solid #fff;}
#SON .RightNav ul a {text-indent: 0; margin: 0; width: 100px; text-align: right; font-size: 12px; font-style: italic; padding: 3px 10px; border-bottom: 1px solid #fff; height: auto; color: #fff;}
#SON .RightNav ul a:hover {background: #f15a22; text-decoration: none;}
#SON #Navigation .BottomCapLeft {width: 10px; height: 10px; background: url(../images/bc_nav_left.gif) no-repeat; top: 100%; position: absolute; left: 0;}
#SON #Navigation .BottomCapRight {width: 10px; height: 10px; background: url(../images/bc_nav_right.gif) no-repeat; top: 100%; position: absolute; right: 0;}

/* Slide Show */
#SON #Slideshow {margin: 0; background: url(../images/slideshow_bg.gif) repeat-y; padding-top: 15px;}
#SON .FeaturedSlide {position: relative; width: 384px; height: 233px; overflow: hidden;}
#SON .FeaturedSlide .TransBanner {position: absolute;  bottom: 0; left: 0; z-index: 1000; width: 369px; background: url(../images/bg_trans_green.png);}
#SON .FeaturedSlide h2, #SON .FeaturedSlide h2 em {color: #fff; width: 349px; padding: 4px 10px; font-size: 22px; font-weight: 400; margin: 0; font-family: Arial,Helvetica, sans-serif;}
#SON .FeaturedSlide strong {color: #fff; font-size: 22px; font-weight: 700; font-family: Arial,Helvetica, sans-serif;}
#SON .FeaturedSlide .TransBanner:hover h2 {color: #ff0;}

#SON #Slideshow .InnerWrapper {width: 384px; overflow: hidden; margin-left: 12px;}
#SON #Slideshow .TextWrapper {padding: 8px 0; /*width: 381px;*/ width:365px; }
#SON #Slideshow .TextWrapper h1 a {font-size: 22px; margin: 0 0 5px; text-decoration: none; color: #666; font-family: Arial,Helvetica, sans-serif;}
#SON #Slideshow .TextWrapper h1 em {font-size: 22px; margin: 0 0 5px; text-decoration: none; color: #666; font-family: Arial,Helvetica, sans-serif;}
#SON #Slideshow .TextWrapper p {margin: 0 0 5px; font-family: Arial,Helvetica, sans-serif;}
#SON #Slideshow .TextWrapper p a {font-size: 22px; margin: 0 0 5px; text-decoration: none; color: #666; font-family: Arial,Helvetica, sans-serif;}
#SON #Slideshow ul {padding-left: 0;}
#SON #Slideshow .MoreLink {display: inline; padding: 1px 8px 0 0; background: url(../images/arw_grey.gif) right 8px no-repeat; font-family: Arial,Helvetica, sans-serif;}
#SON #Slideshow .SlideHed span {background: none;}
#SON #Slideshow li {list-style: none; float: left; width: 72px; height: 119px; overflow: hidden; margin-left: 2px;}
#SON #Slideshow .FirstNav {margin: 0;}
#SON #Slideshow li a {text-decoration: none; position: relative; display: block; width: 72px; height: 136px; 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: #ff0;}
#SON #Slideshow span {background: url(../images/bg_trans_green.png); position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; font-weight: 700; padding: 5px 3px; width: 66px; height: 40px; display: block; font-size: 11px; line-height: 11px; text-transform: uppercase; font-family: Arial,Helvetica, sans-serif;}
#SON .stripViewer {position: relative; overflow: hidden; width: 384px;}
#SON .stripViewer .panelContainer { position: relative; }
#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 #SlideshowBC {width: 394px; height: 10px; background: url(../images/slideshow_bc.gif) no-repeat; margin: 0 0 20px;}

/* Cute Promo */
#SON #PromoCute {float: left; margin-right: 2px; width: 206px;}
#SON #PromoCute h4 {text-transform: uppercase; font-size: 14px; color: #000; padding: 16px 14px; font-family: Arial,Helvetica,sans-serif;}
#SON #PromoCute .Item {padding: 0 0 20px 18px; width: 187px;}
#SON #PromoCute a {color: #666; font-family: Arial,Helvetica,sans-serif;}

/* Expert Promo */
#SON #PromoExpert {float: left; margin-right: 10px;}
#SON #PromoExpert h4 {text-transform: uppercase; font-size: 14px; color: #000; padding: 16px 14px 5px; font-family: Arial,Helvetica,sans-serif;}
#SON #PromoExpert img {float: right; padding: 0 0 0 3px; position: relative; top: -5px;}
#SON #PromoExpert .Item {padding: 0 6px 0 10px;}
#SON #PromoExpert .Item p {font-family: Arial,Helvetica,sans-serif;}
#SON #PromoExpert .ExpertItem {margin: 40px 0;}
#SON #PromoExpert .First {margin: 0;}
#SON #PromoExpert a {float: right; margin-right: 16px; font-family: Arial,Helvetica,sans-serif;}
* html #SON #PromoExpert a {margin-right: 8px;}

/* Breed Spotlight Promo */
#SON #BreedSpotlight {width: 177px; float: left; margin: 10px 10px 0 0; padding: 0; position:relative; background: url(../images/breed_bg.png) repeat-y;}
#SON #BreedSpotlight img {margin: 0;}
#SON #BreedSpotlightTC {width: 177px; background: url(../images/breed_tc.png) no-repeat;}
#SON #BreedSpotlightTC h4 {color: #fff; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; padding: 6px 10px 4px 10px;}
#SON #BreedSpotlightBC {width: 177px; height: 9px; background: url(../images/breed_bc.png) no-repeat; overflow: hidden;}
#SON #BreedSpotlight #buttons a p {font-family: Arial,Helvetica,sans-serif; font-size: 20px; text-transform: uppercase; color: #fff; padding: 0 3px;}
#SON #BreedSpotlight #buttons a:hover {text-decoration: none; cursor: pointer;}
#SON #buttons {margin: 5px 0; text-align: center;}
#SON #buttons p {font-size: 10px; margin: 0 2px; display: inline; color: #90278e; text-transform: uppercase;}
#SON #buttons a {display: inline; text-transform: uppercase;}
#SON #BreedSpotlight .Wrapper {width: 177px; overflow: hidden;}
#SON #BreedSpotlight #slider {width:170px; height: 200px; position:relative; left: 4px; overflow: hidden; background: #fff;}
#SON #BreedSpotlight #mask-gallery {overflow:hidden; height: 200px; width: 170px;}
#SON #BreedSpotlight #gallery {list-style:none; padding:0; z-index:0; width:170px; overflow:hidden;}
#SON #BreedSpotlight #gallery li {float:left;}
#SON #BreedSpotlight #gallery li img {padding: 0;}
#SON #BreedSpotlight #gallery li span {background: #fff; position: absolute; display: block; height: 24px; bottom: 0; padding-top: 4px; text-align: center; z-index: 1000; width: 177px;}
#SON #BreedSpotlight #mask-excerpt {position:absolute; top:0; z-index:500; width:177px; overflow:hidden;}
#SON #BreedSpotlight #excerpt {width: 170px; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0; opacity: 0; background-color:#007FC5; padding: 0; margin: 0;}
#SON #BreedSpotlight #excerpt li {list-style-type: none;}
#SON #BreedSpotlight #excerpt li span {padding:5px; display: block; font-size:10px; color:#fff;}
#SON #BreedSpotlight #excerpt li span p, #SON #BreedSpotlight #excerpt li span em, #SON #BreedSpotlight #excerpt li span strong {font-size: 10px; color: #fff;}
#SON #BreedSpotlight #BreedSpotlightTitle {margin: 5px; text-align: center;}
#SON #BreedSpotlight #BreedSpotlightTitle p span {margin: 0; display: block;}

/* Search Box */
#SON #Search {background: url(../images/search_bg.gif) no-repeat; width: 169px; height: 24px; margin: 18px 0 10px 0;}
#SON #Search #SearchBox {background: none; float: left; margin: 3px 0 0 8px; width: 140px;}
#SON #Search #SearchButton {width: 13px; height: 13px; background: url(../images/search_btn.gif) no-repeat; float: right; margin: 6px 4px 0 0;}
* html #SON #Search #SearchButton  { margin-right:2px; }

/* Twitter Sidebox */
#SON #TwitterTC {height: 41px; width: 166px; background: url(../images/sb_twitter_tc.jpg) no-repeat; position: relative;}
#SON #TwitterBC {height: 20px; width: 166px; background: url(../images/sb_twitter_bc.jpg) no-repeat;}
#SON #TwitterTC h2 {position: relative; left: 55px; top: 18px; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 14px; display: inline;}
#SON #TwitterBox {background: url(../images/sb_twitter_bg.jpg) repeat-y; padding: 0 20px; width: 126px;}
#SON #TwitterBox li, #SON #TwitterBox a {font-size: 10px; list-style-type: none;}

/* Sidebox Sponsor Unit */
#SON #SBSponsorToolTC {width: 166px; background: url(../images/sb_sponsortool_tc.gif) no-repeat; position: relative; text-align: center; padding-top: 4px;}
#SON #SBSponsorToolTC h2 {font-size: 16px;}
#SON #SBSponsorToolBC {height: 12px; width: 166px; background: url(../images/sb_sponsortool_bc.gif) no-repeat;}
#SON #SBSponsorToolWrap {width: 166px; background: url(../images/sb_sponsortool_bg.gif) repeat-y; text-align: center;}

/* Standard Sideboxes */
#SON #RightColumn .Sidebox .SideboxTC {width: 166px; background: url(../images/sb_standard_tc.jpg) no-repeat; position: relative;}
#SON #RightColumn .Sidebox .SideboxBC {height: 25px; width: 166px; background: url(../images/sb_standard_bc.jpg) no-repeat;}
#SON #RightColumn .Sidebox .SideboxTC h2 {position: relative; left: 15px; top: 10px; color: #fff; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; padding: 0 0 14px 0; font-weight: normal;}
#SON #RightColumn .Sidebox .SideboxWrap {background: url(../images/sb_standard_bg.jpg) repeat-y; width: 136px; padding: 5px 15px 0 15px; font-weight: normal;}
#SON #RightColumn .Sidebox .SideboxWrap h3 {font-weight: normal; font-family: Arial,Helvetica,sans-serif;}
#SON #RightColumn .Sidebox .SideboxWrap a {padding-left: 0;}
#SON #RightColumn .Sidebox .SideboxWrap .Item {margin-bottom: 10px;}

/* Sidebox Quix */
#SON #Quiz p {font-family: Arial,Helvetica,sans-serif;}
#SON #Quiz a {float: right; font-family: Arial,Helvetica,sans-serif;}
#SON #Quiz li {float: none; margin: 10px 0; list-style-type: none;}
#SON #Quiz li label {font-family: Arial,Helvetica,sans-serif; margin-left: 5px;}
#SON #Quiz #NextQuizLink {cursor: pointer;}
#SON #Quiz .ArrowDouble {color: #0060b6; float: right; width: 42px; cursor: pointer;}
#SON #Quiz .ArrowDouble:hover {text-decoration: underline;}

/* GBS Quiz */
#SON #GBSQuizWrapper { padding:10px; }
#SON #GBSQuizWrapper p { margin:10px 0 20px; }

/* Sidebox Video */
#SON #Videos .SideboxTC h2 {float: left;}
#SON #Videos .SideboxTC img {float: right; padding: 12px 15px 0 0;}
#SON #Videos a {font-family: Arial,Helvetica,sans-serif;}

/* Sidebox Sponsor Video */
#SON #SponsorVideos .SideboxTC h2 {float: left;}
#SON #SponsorVideos .SideboxTC img {float: right; padding: 12px 15px 0 0;}
#SON #SponsorVideos a {font-family: Arial,Helvetica,sans-serif;}

/* Footer */
#SON #Footer ul {text-align: center; margin: 10px 0;}
#SON #Footer li {display: inline;}
#SON #Footer a {text-decoration: none; padding: 0 10px; font-size: 10px; font-weight: 100; border-left: 1px solid #eee; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif;}
#SON #Footer .FirstNav a {border: none;}
#SON #Footer a:hover {text-decoration: underline;}

#SON #Footer #FooterLinks {float: left; clear: both; text-align: center; width: 600px; margin: 10px 0 0;}
#SON #Footer #FooterLinks li {list-style: none; float: none; display: inline;}
#SON #Footer #FooterLinks .FirstNav a {border: none;}
#SON #Footer #FooterLinks a {text-decoration: none; padding: 0 15px; font-size: 12px; font-weight: 700; border-left: 1px solid #aaa;}
#SON #Footer #FooterLinks a:hover {text-decoration: underline;}
#SON #PageWrapper {width: 600px; margin: 10px auto; repeat-y;}
#SON #CopyFooter li {list-style-type: none; display: inline; padding: 0 10px;}
#SON #CopyFooter img {margin: 10px 0 0 0;}
#SON #CopyFooter a {border: none; text-decoration: underline; color: #333; font-size: 10px; font-weight: 700; font-family: arial, verdana, sans;}

/* Feature */
#SON #PageFeature {width: 370px; margin-left: 10px;}
#SON #PageFeature .Breadcrumb {margin: 10px 0; color: #3c855e;}
#SON #PageFeature .Breadcrumb a {color: #ffbf00; text-transform: uppercase; font-weight: 700; text-decoration: underline;}
#SON #PageFeature h1, #SON #PageFeature h1 em {font-size: 24px; margin: 24px 0 0 0; color: #000;}
#SON #PageFeature .Author {text-transform: uppercase; color: #8c8c8c; margin: 0;}
#SON #AuthorBio {margin: 0 0 10px; background: #e0e0e0; padding: 5px;}
#SON #AuthorBio h4 {font-family: Arial,Helvetica,sans-serif; margin-bottom: 10px;}
#SON #AuthorBio p {margin: 0; font-size: 12px; float: left;}
#SON #AuthorBio em {font-style: italic; font-size: 12px;}
#SON #AuthorBio img {margin: 0 10px 10px 0; float: left; display: block; width: 56px;}
#SON .PreviousLink {float: left; margin-right: 30px; padding-left: 22px;}
#SON .NextLink {float: right; padding-right: 22px;}
#SON .LinkNav {padding: 10px 0;}
#SON #RatingForm a {background: url(../images/star_off.gif) no-repeat; display: block; float: left; width: 12px; height: 12px; text-indent: -9999px; padding: 2px; cursor: pointer;}
#SON #RatingForm a:hover, #SON #RatingForm .StarOn  {background: url(../images/star_on.gif) no-repeat;}
#SON #RatingForm p {padding-left: 20px; font-size: 10px; float: left; font-weight: 700;}
#SON .EnhancedLink {margin: 10px 0;}

#SON #CommentSubmission {background: #e6e6e6;}
#SON #CommentSubmission h3 {background: #a4a193; padding: 4px; font-family: Arial,Helvetica,sans-serif; color: #fff; font-weight: 100;}
#SON #CommentSubmission h4 {padding: 10px 20px; color: #000; font-family: Arial,Helvetica,sans-serif;}
#SON #CommentSubmission td {padding: 5px 0;}
#SON #CommentSubmission .Label {text-align: right; padding-left: 40px; vertical-align: top;}
#SON #CommentSubmission .Label label {font-family: Arial,Helvetica,sans-serif;}
#SON #CommentSubmission .Input input, #SON #CommentSubmission .Input textarea {width: 200px;}
#SON #CommentSubmission .Input textarea {height: 80px;}
#SON #CommentSubmission .Input #Submit {float: right; width: 68px; height: 25px; background: url(../images/btn_submit.gif) no-repeat; text-indent: -9999px; cursor: pointer; font-size: 0;}

/* AdSense */
#SON .adsense.top {}
#SON .adsense.middle,
#SON .adsense.bottom { clear: both; padding: 12px 0; text-align: center; }

/* RevContent */
#SON .rc-wc { margin: 12px 0; }
#SON .rc-item, .rc-row > div { float: left; }
#SON a.rc-cta { margin: 3px; }
#SON .rc-content { padding-bottom: 2px; font-size: 18px; line-height: 25px; }

/* Expert QA */
#SON #PageExpertQA {width: 350px; margin-left: 10px;}
#SON #PageExpertQA h1, #SON #PageExpertQA h1 em {font-size: 24px; margin: 24px 0; color: #000;}
#SON #PageExpertQA .Item {border-bottom: 1px solid #000; margin-bottom: 20px;}
#SON #PageExpertQA .Item .Question {font-weight: 700; color: #000;}
#SON #PageExpertQA .Item .Answer {font-weight: 100; color: #333;}
#SON #PageExpertQA h4 {margin: 10px 0; color: #000;}
#SON #PageExpertQA #SubmissionForm {border: 1px solid #999; background: #e5e8e5;}
#SON #PageExpertQA #SubmissionForm .Label {width: 65px; padding: 10px 5px 0 5px; vertical-align: top;}
#SON #PageExpertQA #SubmissionForm .Label label {color: #000; font-weight: 700;}
#SON #PageExpertQA #SubmissionForm .Input {padding: 10px 5px 0 5px;}
#SON #PageExpertQA #SubmissionForm .Input input, #SON #PageExpertQA #SubmissionForm .Input textarea {border: 1px solid #999; width: 200px;}
#SON #PageExpertQA #SubmissionForm .Input textarea {height: 125px;}
#SON #PageExpertQA #SubmissionForm #Submit {width: 75px; background: #33825a; color: #fff; font-size: 16px; margin-bottom: 10px;}

/* Video */
#SON #PageVideo {width: 370px; margin-left: 10px;}
#SON #PageVideo h1, #SON #PageVideo h1 em {font-size: 24px; margin: 24px 0 0 0; color: #000;}

/* Tags & Web Pages */
#SON #PageTag {width: 370px; margin-left: 10px;}
#SON #PageTag h1, #SON #PageFeature h1 em {font-size: 24px; margin: 24px 0 0 0; color: #000;}
#SON #PageTag p {width: 370px;}

/* Rescue & Cute */
#SON #PageRescue {width: 370px; margin-left: 10px;}
#SON #PageRescue h1, #SON #PageRescue h1 em {font-size: 24px; margin: 24px 0; color: #000;}
#SON #PageRescue #RescueWrap {background: #e5e8e5; padding: 6px; text-align: center;}
#SON #PageRescue #RescueWrap p, #SON #PageRescue #RescueWrap strong {color: #000; margin: 0; text-align: left;}
#SON #PageRescue #RescueWrap .PreviousLink {padding: 0; margin: 0; color: #2d8058;}
#SON #PageRescue #RescueWrap .NextLink {padding: 0; margin: 0; color: #2d8058;}
#SON #PageRescue h4 {margin: 10px 0 0 40px; color: #000;}
#SON #PageRescue a {color: #2d8058; margin-left: 40px;}
#SON #PageRescue .Rating h5 {text-align: left;}
#SON #PageRescue .Rating #RatingForm p {padding: 0; clear: left;}
#SON #PageRescue .Rating #RatingForm a {margin: 0;}
#SON #PageRescue .social_nav_container a {margin: 0;}

/* Social Nav */
#SON .social {float: left; padding: 5px 0; width: 100%;}
#SON .socialWrapper {float: right;}
#SON .left .socialWrapper {float: none;}
#SON .social a {float: left; padding: 0 !important;}
#SON .social .smIcon{margin-top: 30px;}
#SON .social a {margin: 0 2px;}
#SON .social .addthis_button_google_plusone {margin-top: 2px;}
#SON .social iframe {overflow: hidden;}

/* Cute & Rescue Submission */
#SON #RescueWrap table {border-collapse: collapse;}
#SON #RescueWrap td {padding: 4px; text-align: left;}
#SON #RescueWrap label {font-family: Arial,Helvetica,sans-serif; color: #000;}
#SON #RescueWrap input, #SON #RescueWrap textarea {border: 1px solid #000; width: 250px; font-family: Arial,Helvetica,sans-serif;}
#SON #RescueWrap #Submit {width: 75px; background: #4297AC; color: #fff;}
#SON #RescueWrap .SuccessMessageBox {width: 310px;}
#SON #RescueWrap .HideField { display: none; }

/* Tip Archive */
#SON #PageTipArchive {width: 350px; margin-left: 10px;}
#SON #PageTipArchive h1, #SON #PageTipArchive h1 em {font-size: 24px; margin: 24px 0; color: #000;}
#SON #PageTipArchive .Item {border-bottom: 1px solid #000; margin: 10px 0;}
#SON #PageTipArchive .Item h3 {color: #000;}
#SON #PageTipArchive .Item em {color: #F15A22; font-style: normal;}
#SON #PageTipArchive .Item p {color: #000;}

/* Channel */
#SON #PageChannel {width: 350px; margin-left: 10px;}
#SON #PageChannel h1, #SON #PageChannel h1 em {font-size: 24px; margin: 24px 0; color: #000;}
#SON #PageChannel .Item {margin: 10px 0; border-bottom: 1px solid #000;}
#SON #PageChannel .Item h2 {margin: 5px 0;}
#SON #PageChannel .Item h2 a {font-size: 16px; color: #000;}
#SON #PageChannel .Item p {color: #000;}
#SON #PageChannel .Item a.More {float: right; display: inline; padding: 0 8px; background: url(../images/arw_grey.gif) right 8px no-repeat;}
#SON #PageChannel .Image {position: relative; z-index: 0; float: left; padding: 0 10px 10px 0;}
#SON #PageChannel .Image .Mask {width: 139px; height: 163px; background: url(../images/lg_img_mask.png) no-repeat; position: absolute; top: 0; z-index: 1000;}
* html #SON #PageChannel .Image .Mask {left: 0;}
#SON #PageChannel .Right .Image {float: right; padding: 0 0 10px 10px;}
* html #SON #PageChannel .Right .Image .Mask {left: 10px;}

/* Ratings */
#SON #RatingForm a {background: url(../images/star_off.gif) no-repeat; display: block; float: left; width: 12px; height: 12px; text-indent: -9999px; padding: 2px; cursor: pointer;}
#SON #RatingForm a:hover, #SON #RatingForm .StarOn  {background: url(../images/star_on.gif) no-repeat;}
#SON #RatingForm p {padding-left: 20px; font-size: 10px; float: left; font-weight: 700;}

/* Comments */
#SON .Comments {margin: 0 0 25px;}
#SON .Comments h3 {color: #ea8c2f; font-size: 18px; padding-left: 20px; background: url(../images/arw_green.gif) 0 4px no-repeat; margin: 0 0 8px;}
#SON .Comments form {padding-left: 22px;}
#SON .Comments .Wrapper {padding-left: 8px;}
#SON .Comments input, #SON .Comments textarea {border: 1px solid #8c8c8c; width: 332px; margin: 0 0 8px; font-size: 10px; padding: 2px;}
#SON .Comments textarea {height: 120px;}
#SON .Comments .SubmitButton {line-height: 0; font-size: 0; border: 0; padding: 0; text-indent: -9999px; display: block; width: 62px; height: 15px; background: url(../images/btn_submit.gif) no-repeat; cursor: pointer; clear: both;}

#SON .CommentList {margin: 20px; width: 338px;}
#SON .CommentList .Wrapper {border: 1px solid #8c8c8c; background: #eee; padding: 5px; margin: 0 0 20px;}
#SON .CommentList h1 {background: #ccc; padding: 3px; font-size: 14px;}
#SON .CommentList h2 {font-style: italic; font-size: 11px; color: #8c8c8c; text-align: right;}
#SON .CommentList p {padding: 0 5px; margin: 0;}

/* Admin */
#Admin fieldset {margin: 10px 0; padding: 10px; background: #eee;}
#Admin fieldset .Btn_Submit {line-height: 0; font-size: 0; border: 0; padding: 0; text-indent: -9999px; width: 68px; height: 25px; background: url(../images/btn_submit.gif) no-repeat; cursor: pointer; clear: both;}
#Admin .Item {border-bottom: 1px solid #666; margin: 0 0 10px 0;width: 525px;}
#Admin .Item h1 {font-size: 18px;}
#Admin .Item h2 {font-size: 14px;}
#AdminComments .PageTitle {margin-bottom:5px;}
#AdminComments li {margin: 0 0 5px;}
#AdminComments p {color:#000; margin: 25px 0 0;}

/* Search Results */
#SON #SearchPage h1 {font-size: 24px; margin: 24px 0 10px 0; color: #000;}
#SON #SearchHeader {margin: 10px 0;}
#SON #SearchHeader p {font-size: 16px; color: #0060b6;}
#SON #SearchHeader strong {font-size: 16px;}
#SON .ResultsPages ul {list-style: none;}
#SON #LeftColumn .ResultsPages ul.HorizList {margin-bottom: 15px; width: 100%; padding: 0;}
#SON .ResultsPages .HorizList li {float: left;}
#SON .ResultsPages .HorizList li a {padding: 2px 8px; text-decoration: none; border-right: 1px solid #ccc;}
#SON .ResultsPages .HorizList li a:hover {background: #0060b6; color: #fff; border-right: 1px solid #0060b6;}
#SON .ResultsPages .HorizList .Next a {border: none;}
#SON .ResultsPages .HorizList li.Current a, #SON .SONSearch .SONSearchLink {font-weight: bold;}
#SON #SearchResults .Wrapper li {list-style: none;}

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





/* Pages */
/* Quiz */
#SON #PageQuiz h3 {font-size: 16px; margin: 0 0 20px;}
#SON #PageQuiz h3 span {font-style: italic; font-size: 16px; font-weight: 400;}
#SON .QuizCorrect {color: #060; font-size: 22px; margin: 0 0 10px; background: #eee; padding: 20px; border: 1px solid #060;}
#SON .QuizIncorrect {color: #600; font-size: 22px; margin: 0 0 10px; background: #eee; padding: 20px; border: 1px solid #600;}
#SON #NextQuiz {border-top: 1px solid #ccc;}
#SON #NextQuiz fieldset {padding: 10px;}
#SON #NextQuiz td {padding: 2px 2px;}
#SON #NextQuiz input {cursor: pointer;}
#SON #NextQuiz label {position: relative; top: -2px; cursor: pointer;}
#SON #NextQuiz .SubmitButton {margin: 10px 0 0; line-height: 0; font-size: 0; border: 0; padding: 0; text-indent: -9999px; width: 62px; height: 15px; display: block; background: url(../images/btn_submit.gif) no-repeat; cursor: pointer;}
* html #SON #NextQuiz .SubmitButton {text-indent: 0;}

/* Page Tip */
#SON #PageTip h1 {font-size:30px;}
#SON #PageTip .Wrapper {margin-bottom:5px; padding-top:10px; border-bottom:1px solid #CCC;}
#SON #PageTip .Wrapper p, #SON #PageTip .Wrapper em {color:#000;}
#SON #PageTip .Wrapper h1 {font-size:12px; color:#000;}

/* Page Tag */
#SON #PageTag {width: 430px;}
#SON #PageTag a {text-decoration: none;}
#SON #PageTag a:hover {text-decoration: underline;}
#SON #PageTag h2 {margin-bottom: 20px;}


/* Right Column */
/* Sidebox */

#SON .Sidebox .Wrapper {margin: 0 0 10px; padding: 0 0 10px;}
#SON .Sidebox .Offset {border-bottom: 1px solid #ccc;}
#SON .Sidebox .LeftImage {float: left; padding: 0 10px 0 0;}
#SON .Sidebox p {margin: 0;}

#SON .Sidebox h3 span {display: block;}
#SON .Sidebox h2 a {font-size: 14px; color: #666; text-decoration: none;}
#SON .Sidebox h2 a:hover{ text-decoration: underline;}
#SON .Sidebox .SBArrow {margin: 0 4px 0 2px;}

/* Sidebox Blog */
#SON #RightColumn #SBBlog img {float: left; padding: 0 10px 0 0;}
#SON #RightColumn #SBBlog a {text-decoration: none;}
#SON #RightColumn #SBBlog h2 a {font-size: 15px; color: #8c8c8c; text-decoration: none;}
#SON #RightColumn #SBBlog .MoreLink {margin: 10px 0;}

/* Sidebox Quiz */
#SON #SBQuiz input {cursor: pointer;}
#SON #SBQuiz label {cursor: pointer; display: block; padding: 2px; position: relative; top: -1px;}
#SON #SBQuiz .SubmitButton {margin: 10px 0 0; line-height: 0; font-size: 0; border: 0; padding: 0; width: 62px; height: 15px; background: url(../images/btn_submit.gif) no-repeat; cursor: pointer;}

/* Sidebox Tag */
#SON #SBTagged h2 a {font-size: 12px; margin: 10px 0; display: block; line-height: 14px; color: #0060b6;}
#SON #SBTagged h2 a * {font-size: 12px; color: #0060b6;}

/* Contest Lightbox */
#SON #LeftColumn .black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#SON #LeftColumn .boxclose {background: url(../images/fancybox_sprite.png) no-repeat; text-indent:-9999px; cursor: pointer; height: 36px; position: absolute;right: -18px;top: -18px; width: 36px;z-index: 8040;}
#SON #LeftColumn .white_content {display: none;position: absolute;top: 5%;left: 25%;width: auto; height:auto;padding: 16px;border: 16px solid #f15a22;background-color: white;z-index:1002;overflow: visible;}


	/* Twitter */
#SON #Twitter h4 {text-indent: -9999px; position: relative;}
#SON #Twitter #twitter-widget-0 {min-width: 130px !important;}

#element::-webkit-scrollbar { 
    display: none; 
}