/* Stylesheet written by COMAND Solutions - 06.22.09 - greg.croniser@comandsolutions.com */ /* Globals */ #son_default_container{margin:0 auto;} #SON * {outline: none; font-size: 12px; color: #231f20; 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%; padding: 42px 0 0; text-align: center; background: url(../images/bg.jpg) 50% 0 no-repeat;} #SON p, #SON li {margin-bottom: 10px;} #SON ul {padding-left: 25px;} #SON form li {list-style: none;} #SON .Form li {list-style: none;} #SON h1, #SON h1 * {font-weight: normal; font-size: 22px; text-transform: uppercase;} #SON h2, #SON h2 * {font-size: 13px; /* margin: 0 0 10px; */ font-family: geneva, arial, sans-serif;} #SON h3, #SON h3 * {} #SON .PromoAddThis {margin: 10px 0; clear: both;} #SON .Channel_health_fitness {background: url(../channel/health_fitness/banner.png) no-repeat; width: 208px; height: 58px; margin: 0 0 0 10px;} #SON #InnerWrap #PromoBlog .Item {background:url(../images/border_btm_top10.jpg) bottom no-repeat; padding: 0 0 10px 0; margin: 10px 0; width:359px;} #SON #PromoBlog .Item h4 {text-indent: 0; background: none; font-weight: 100;} #SON #PromoBlog .funny {background: url(../images/heyfunny.jpg) no-repeat; height: 160px; width: 144px; float: left;} #SON #PromoBlog .campus_news {background: url(../images/campnews.jpg) no-repeat; height: 160px; width: 144px; float: left;} #SON #PromoBlog .Dek {float: right; width: 215px;} #SON #LeftColumn a.NextLink {float: right; color: #f00; font-weight: 700; margin: 10px 0;} #SON #LeftColumn a.PreviousLink {float: left; color: #f00; font-weight: 700; margin: 10px 0;} #SON #top10 #top_heading {text-transform:uppercase; color:#000; font-size:18px; margin:0;} #SON #top10 .sub_heading {text-transform:lowercase; color:#FF0000; font-size:14px; font-weight:700; margin:0;} #SON #top10 li {color:#000; text-transform:capitalize; margin:3px 0 3px -12px; font-size:10px;} #SON #top10 .MoreLink2 {cursor:pointer; float:right !important;} #SON #top10 {background:url(../images/border_btm_top10.jpg) bottom no-repeat; padding-bottom:10px; width:359px;} #SON #top10 #top10logo {float:left; background:url(../images/logo_top10.jpg) no-repeat; width:172px; height:178px;} #SON #top10linkcontainer {float:right; width:180px;} #SON #top10 #top10linkcontainer #top10toplink {margin-bottom:5px;} #SON #top10 #top10recentlinks {clear:both; margin-top:15px;} #SON #PageTop10 h3 {margin-bottom:3px;} #SON #PageTop10 .top10description {margin-bottom:30px;} #SON #PageTop10 #top10heading {margin-bottom:10px;} #SON #PageTop10 #top10heading #top10subimage {float:left; margin-right:10px; width:103px;} #SON #PageTop10 #top10heading h1 {padding-top:35px;} #SON #Top10 h1 {margin-bottom:3px; padding-top:3px;} #SON #Top10 #top10heading {width:402px; } #SON #Top10 #top10heading #top10subimage {float:left; margin-right:10px; width:103px;} #SON #PageTop10 .top10 {width: 359px; margin: 10px 0; border-bottom: 1px solid #000; padding: 10px 0;} #SON #PageTop10 .top10 h3 a {font-size: 16px;} #SON #PageTop10 .top10 img {float: left;} #SON #PageTop10 .top10description {float: left; width: 200px; margin: 0 10px;} #SON .ChannelPage .top10.blogs { padding-top:0; margin-top:5px; padding-bottom:0; } #SON .ChannelPage .top10 {width: 359px; margin: 10px 0; border-bottom: 1px solid #000; padding: 10px 0;} #SON .ChannelPage .top10 h3 a {font-size: 16px;} #SON .ChannelPage .top10 img {float: left;} #SON .ChannelPage .top10description {float: left; width: 200px; margin: 0 10px;} #SON .ChannelPage h3.campus_news { min-height:67px; padding:0 0 0 67px; background: url(../images/icon_blog_news.gif) no-repeat;} #SON .ChannelPage h3.funny { min-height:67px; padding:0 0 0 67px; background: url(../images/icon_blog_funny.gif) no-repeat;} #SON .ChannelPage h3.top10 { min-height:67px; padding:0 0 0 67px !important; background:url(../images/icon_top10h3.gif) no-repeat !important; margin:auto !important; width:auto !important; border-bottom:none !important; } *html #SON .ChannelPage .campus_news, *html #SON .ChannelPage .funny, *html #SON .ChannelPage .top10heading { height:67px; } #SON #LeftColumn #top10feature a.selected {background: #ddd;} #SON #RightColumn #search_form {position:relative; left:35px; width:160px; border:1px solid #ccc; text-align:left; margin:0px auto 10px auto;} #SON #RightColumn #search_form #txt_search {border:1px solid #FFF; width: 110px; font-size:14px; color:#000; padding:2px 0;} #SON #RightColumn #search_form #btn_search {background:url(../images/bg_arrow.gif) no-repeat; height:14px; width:14px; cursor:pointer; position:absolute; top:4px; right:10px;} #SON #RightColumn #FollowUs {left:65px; position:relative; height:400px; width:192px; background:url(../images/bg_social_nav.png) no-repeat;} * html #SON #RightColumn #FollowUs {left:22px; position:relative; height:400px; width:192px; background:url(../images/bg_social_nav.png) no-repeat;} #SON #RightColumn #FollowUs #twitter_icon {position:absolute; top:80px; left:10px; width:187px; height:66px;} #SON #RightColumn #FollowUs #tweet ul {position:absolute; top:160px; left:10px; width:175px; height:120px; overflow-y:auto; padding:0; margin:0; list-style:none;} #SON #RightColumn #FollowUs #tweet p {position:absolute; top:230px; left:10px; width:175px; height:120px; overflow-y:auto; padding:0; margin:0;} #SON #RightColumn #FollowUs #tweet .twitterPrefix {display:none;} #SON #RightColumn #FollowUs #tweet .twitterStatus {color:#000; font-size:14px;} #SON #RightColumn #FollowUs #tweet .twitterStatus a {color:#e26d00; font-size:14px;} #SON #RightColumn #FollowUs #tweet .twitterTime {display:none;} /* Slide Show */ #SON #main-photo-slider {width: 392px; margin: 0; padding: 0;} #SON .FeaturedSlide {position: relative; width: 392px; height: 228px; overflow: hidden;} #SON .FeaturedSlide .GreenBanner {position: absolute; bottom: 0; left: 0; z-index: 1000;} #SON .FeaturedSlide h2 {color: #fff; width: 372px; padding: 11px 10px; font-size: 22px; font-weight: 400; margin: 0;} #SON .FeaturedSlide em {color: #fff; width: 372px; padding: 11px 6px; font-size: 22px; font-weight: 400; margin: 0;} #SON .FeaturedSlide p {padding:0 0 5px 11px; color:#224f66; font-size:12px;} #SON .FeaturedSlide strong {color: #fff; font-size: 22px; font-weight: 700;} #SON .FeaturedSlide .GreenBanner:hover h2 {color: #f00;} #SON #Slideshow .Wrapper {padding: 0 0 10px 0; overflow: hidden;} #SON #Slideshow .InnerWrapper {width: 392px; overflow: hidden; position: relative; z-index: 1;} #SON #Slideshow .TextWrapper {padding: 5px 10px 8px 10px; width: 372px;} #SON #Slideshow .TextWrapper h1 a {font-size: 18px; margin: 0 0 10px; text-decoration: none; color: #000;} #SON #Slideshow .TextWrapper p {margin: 0 0 5px; color:#000; line-height: 22px;} #SON #Slideshow .TextWrapper .MoreLink {color: #f00; margin: 0 0 5px 0;} #SON #Slideshow .TextWrapper .FloatDek {width: 275px; float: left; margin-top: 5px;} #SON #Slideshow .TextWrapper .AuthorBox {width: 76px; float: right; background: #ccc; padding: 7px; text-align: center; margin: 5px 0;} #SON #Slideshow .TextWrapper .AuthorBox p {font-size: 10px; margin: 0; line-height: 12px;} #SON #Slideshow .TextWrapper .AuthorBox .School {text-transform: uppercase;} #SON #Slideshow li {list-style: none; float: left; width: 75px; height: 70px; overflow: hidden; margin-left: 4px;} #SON #Slideshow li.First {margin: 0;} #SON #Slideshow li a {text-decoration: none; position: relative; display: block; width: 75px; overflow: hidden; } #SON #Slideshow li .GreenBanner {height: 30px;} * html #SON #Slideshow li {padding-right: 1px; margin-left: 0;} #SON #Slideshow a:hover span, #SON #Slideshow a.active-thumb, #SON #Slideshow a.active-thumb span {color:#f00;} #SON #Slideshow a.active-thumb span {height: 30px;} * html #SON #Slideshow a.active-thumb span {height: 30px;} #SON #SlideShowNav {padding: 0;} #SON #Slideshow span {position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; font-weight: 700; padding: 2px 0; width: 75px; display: block; font-size: 11px;} #SON .stripViewer {position: relative;} #SON .stripViewer .panelContainer { position: relative; overflow: hidden; width: 392px;} #SON .stripViewer .panelContainer .panel { float: left; position: relative; width: 419px; } #SON .stripViewer .panelContainer .panel {cursor:pointer;} #SON .stripViewer .panelContainer .panel h1:hover {text-decoration:underline; } #SON .stripNavL, .stripNavR, .stripNav{display: none; } #SON .stripViewer .GreenBanner {cursor: pointer; background:url(../images/bg_transparent.png);} * html #SON .GreenBanner {margin-bottom: -1px;} #SON #SlideShowNav a span {display: none;} /* 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;} /* How To Styles */ #SON #Top10 .glidecontentwrapper {position:relative; width:392px; height:300px; background:#fff; overflow:hidden; margin:10px 0;} #SON #Top10 .glidecontent {position:absolute; background:#fff; visibility:hidden; width:392px; font-family:arial; font-size:12px; margin-left: -10px; padding-right: 15px;} #SON #Top10 .glideimage {float:left; width:200px; margin:0 10px 10px;} #SON #Top10 .glidecontent p {color:black; font-weight: normal;} #SON #Top10 .glidecontent strong {color:black;} #SON #Top10 .glidecontent a {margin-top:5px;} #SON #Top10 #slider_buffer a {float: right; clear:both;} #SON #Top10 .glidecontenttoggler {width:450px; margin:15px 0; text-align:center; background:#FFF;} #SON #Top10 .glidecontenttoggler a{display:-moz-inline-box; display:inline-block; border:1px solid #DDD; color:#2e6ab1; padding:1px 3px; margin-right:3px; text-decoration:none; font-family:arial; font-size:14px; font-weight: 700;} #SON #Top10 .glidecontenttoggler a.selected{background:#fff; color:2e6ab1;} #SON #Top10 .contenttext {display:block; background-color:#FFF; position:absolute; left:51%; top:0%; width:230px;} #SON #Top10 .glidecontenttoggler a:hover {background:#ccc; color:2e6ab1;} #SON #Top10 .glidecontenttoggler a.prev, .glidecontenttoggler a.next {border:none; font-weight:bold;} #SON #Top10 .glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover, , .glidecontenttoggler a.selected {background:#FFF; color:#2e6ab1; border:none;} #SON #Top10 .glidecontent { display: none; } #SON #Top10 .glidecontent.First, #SON #Top10 .glidecontent.Show { display: block; } #SON #Top10 .Top10 {display: block;} /* Search Results */ #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 {font-size: 12px; padding: 3px;} #SON ul.HorizList li.Current a {text-decoration:underline;} #SON ul.HorizList li a:hover {text-decoration:underline; background: #ff0000;} #SON .SearchResults {padding: 10px;} #SON #SearchResults {padding: 10px;} #SON #LeftColumn #SearchResults .Wrapper h4 {margin-top:10px; text-indent:0;height: auto;} #SON #LeftColumn #SearchResults .Wrapper h4 a {color:#ff0000;} #SON #LeftColumn #SearchResults .Wrapper h4 a:hover {text-decoration: underline;} /* Social Nav */ /*#SON #SocialLinks { position:absolute; bottom:0; right:0; width:100px; }*/ #SON #Navigation { position:relative; } #SON #SocialLinks { position:absolute; bottom:6px; right:-40px; width:100px; } #SON #SocialLinks ul { margin:0; padding:0; } #SON #SocialLinks .at300bs{ background: none; } #SON #SocialLinks li { display:block; float:left; margin:0 0 3px; border:none; } #SON #SocialLinks li a { display:block; text-indent:-9999px; width:20px; height:19px; border:0; padding:0; cursor:pointer; margin:0 2px; } #SON #SocialLinks li a.NavTwitter { background: url(../socialnav/images/twitter.png) no-repeat; } #SON #SocialLinks li a.NavAddThis { background: url(../socialnav/images/addthis.png) no-repeat; } #SON #SocialLinks li a.NavAddThis { overflow:hidden; } #SON #SBBlog {height: 477px; width: 222px; background: url(../images/bg_sb_blog.png); position: relative; top: 0; left: 30px;} #SON #SBBlog .ArchiveLink {position: relative; top: 20px; left: 10px; display:block; height: 60px; width: 150px;} #SON #SBBlog #SBBlogContent {padding: 60px 20px 0 20px;} #SON #SBBlog #SBBlogContent img {margin-left:20px;} #SON #SBBlog h3 {margin: 0 0 5px; font-size: 16px;} #SON #SBBlog #Featuring {margin-bottom:10px; padding: 0; font-weight:700;} #SON #SBBlog #BlogAuthor {text-align:center; margin:5px 0; padding:0;} #SON #LeftColumn .Channel h3 a, #SON #LeftColumn .Channel h3, #SON #LeftColumn h3.Channel a, #SON #LeftColumn h3.BlogChannel {font-size: 20px; display:block; color:#000000; font-variant: small-caps; } #SON #LeftColumn .Channel h3, #SON #LeftColumn h3.Channel, #SON #LeftColumn h3.BlogChannel {margin: 0 0 8px;} #SON h4 {text-indent: -9999px; height: 20px;} #SON h5, #SON h5 * {font-size: 12px; margin: 0 0 3px;} #SON h6, #SON h6 * {} #SON a {text-decoration: none;} #SON a:hover {text-decoration: underline;} #SON a img {border: none;} #SON .FormSubmit, #SON #BtnPost {cursor: pointer;} .fan_box .connect_top {padding:0px;} #SON #about a * {color:blue;} #SON .SendToFriend {text-align: right; margin: 0 0 10px 0;} #SON .BlogPage .Wrapper img {float: left; padding: 0 15px 15px 0;} #SON #LeftColumn .MoreLink, #SON #RightColumn #SBBlog .MoreLink {float: left; margin: 0 0 5px; display: block; background: url(../images/arrow.gif) top right no-repeat; font-weight: bold; padding: 2px 35px 4px 0; color: #f00; border: none; width: auto; text-transform:lowercase;} #SON #LeftColumn .MailRA {float: left; margin: 0 0 5px; display: block; background: url(../images/btn_mailra.gif) top right no-repeat; font-weight: bold; padding: 2px 35px 4px 0; color: #f00; border: none; width: auto; text-transform:lowercase;} #SON #LeftColumn .Right {float: right;} #SON #LeftColumn .Right2 {float: right;} #SON #LeftColumn .Left {float: left;} #SON #LeftColumn .BtnWide {background: url(../images/btn_wide.png) no-repeat; width: 200px; margin: 0 0 20px; height: 25px; display: block; color: #fff; font-size: 12px; float: right; font-weight: bold; padding: 8px 0 0 8px;} #SON #LeftColumn .BtnWide:hover {text-decoration: none;} #SON #LeftColumn .BtnPrevious {background: url(../images/btn_previous.png) no-repeat; width: 120px; margin: 0 0 20px; height: 20px; display: block; color: #fff; font-size: 12px; float: left; font-weight: bold; padding: 8px 0 0 8px;} #SON #LeftColumn .BtnPrevious:hover {text-decoration: none;} #SON #LeftColumn .BtnPrevious span{display:none;} #SON #LeftColumn .BtnNext {background: url(../images/btn_next.png) no-repeat; width: 120px; margin: 0 0 20px; height: 20px; display: block; color: #fff; font-size: 12px; float: right; font-weight: bold; padding: 8px 0 0 8px;} #SON #LeftColumn .BtnNext:hover {text-decoration: none;} #SON #LeftColumn .BtnNext span{display:none;} #SON .FormSubmit input, #SON #BtnPost {cursor: pointer;} #SON .Caps{text-transform:uppercase; color:#fff;} #SON #PageWrapper {text-align: left; margin: 0 auto; width: 624px;} #SON .hidden { visibility: hidden; } #SON #TopShadow {width: 624px; height: 18px; background: url(../images/tc_shadow.png) no-repeat;} #SON #Shadow {width: 599px; padding: 0 13px 0 12px; background: url(../images/bg_shadow.png) repeat-y;} #SON #BottomShadow {width: 624px; height: 18px; background: url(../images/bc_shadow.png) no-repeat;} #SON #Header {position: relative; width: 599px; height: 148px; background: url(../images/bg_header.jpg) no-repeat;} #SON #ProgramLogo {cursor: pointer; width: 324px; height: 179px; position: absolute; left:-20px; top:-27px; background: url(../images/logo.jpg) no-repeat;} #SON #ProgramLogo a {display: block; text-indent: -9999px; float: right; width: 285px; margin-top: 28px; height: 148px;} #SON #ProgramUnit {float: right; margin: 12px 35px 0 0;} * html #SON #ProgramLogo {background: url(../images/logo.jpg) no-repeat; top: -27px;} * html #SON #ProgramUnit {margin-right: 17px;} #SON.Partner {padding: 0; background: none;} #SON #PartnerHeader {position: relative; width: 599px; height: 173px; background: url(../images/bg_partner_header.gif) no-repeat;} #SON #PartnerProgramLogo {cursor: pointer; width: 460px; height: 173px; position: absolute;} #SON #PartnerProgramLogo a {display: block; text-indent: -9999px; width: 460px; height: 173px;} #SON #PartnerHeader #ProgramUnit {margin:26px 19px 0 0;} #SON #PartnerHeader #ProgramUnit a.ProgramUnit img{width:120px !important; height:111px !important;} /* Navigation */ #SON #Navigation {text-align: left; width: 566px; padding: 5px 0 2px 20px; margin: 0 0 15px; background: url(../images/bg_navigation.gif) bottom left no-repeat;} #SON #Navigation ul, #SON #Navigation li {margin: 0; padding: 0; list-style: none; background: #fff;} #SON #Navigation .LILevel1 {float: left; position: relative;} #SON #Navigation a {color: #231f20; text-transform: uppercase; text-decoration: none; font-weight: 700; display: block; padding: 4px 5px; font-family: arial, verdana; font-size: 13px;} #SON #Navigation a:hover, #SON #Navigation .Current, #SON #Navigation .Current a {background: #231f20; color: #ff7f00;} #SON #Navigation .FirstNav a {border: none;} #SON #Navigation .Border {display: block; width: 3px; height: 17px; background: url(../images/brd_navigation.gif) no-repeat; margin: 3px 0 0; padding: 0; float: left;} #SON #Navigation .ULLevel2 {display: none; position: absolute; z-index: 1000; top: 100%; left: 0; width: 150px;} #SON #Navigation .LILevel1:hover .ULLevel2 {display: block;} #SON #Navigation .LILevel1:hover {background: #ff7f00;} #SON #Navigation .ULLevel2 li {position: relative; background: #231f20;} #SON #Navigation .ULLevel2 a {width: 130px; padding: 3px 10px; background: none; color: #fff; text-transform: none;} #SON #Navigation .ULLevel2 li:hover, #SON #Navigation .ULLevel2 a:hover {background: #ff7900; color: #231f20;} #SON #Navigation .ULLevel3 {display: none; position: absolute; left: 100%; top: 0;} #SON #Navigation .ULLevel2 li:hover .ThirdUL {display: block;} #SON #Navigation .ULLevel3 li {background: #ff7900;} #SON #Navigation .ULLevel3 a {padding: 3px 10px 3px 10px; width: 100px; color: #0060b6;} #SON #Navigation .ULLevel3 a:hover {background: #0060b6; color: #ff7f00} #SON #MainColumn{padding:15px;} #SON #MainColumn{padding:15px;} #SON #LeftColumn {margin-left: 15px; width: 359px; float: left;} #SON #TopInnerWrap{position:relative; width:392px; background: url(../images/bg_leftcolumn.gif) repeat-x;} #SON #TopInnerWrap.Channel{width:359px; padding: 17px 21px 0 13px;} #SON #InnerWrap{padding: 17px 21px 0 13px;} * html #SON #LeftColumn {margin-left: 7px;} #SON #RightColumn { margin-left: 360px; width: 222px; } #SON #NewestFeature {position: relative; padding: 0 0 20px;} #SON #NewestFeature .Wrapper p, #SON #NewestFeature .Wrapper p * {line-height: 20px;} #SON #NewestFeature img {margin-bottom: 16px;} #SON #NewestFeature .Wrapper {width: 283px;} #SON #NewestFeature .Author {background: #d6d6d6; width: 80px; text-align: center; padding: 6px 4px; position: absolute; bottom: 0 !important; right: -15px;} #SON #NewestFeature .Author img {margin-bottom: 6px;} #SON #NewestFeature .Author * { font-size: 10px; margin: 0; font-weight: bold; } #SON #NewestFeature .Author .School{text-transform:uppercase; font-weight:normal; } #SON #NewestFeature .RuleLine {width: 392px; position: absolute; bottom: 0; left: -13px; height: 1px; background: #bebebe; overflow: hidden;} #SON #ArchiveFeature h1{margin:0 0 15px 0;} #SON #RecentFeatures h4 {background: url(../images/hdr_recentfeatures.gif) no-repeat; margin: 20px 0 35px;} #SON #RecentFeatures h3 a {font-size:16px; text-transform:uppercase;} #SON #RecentFeatures h3 em {font-size:16px; text-transform:uppercase;} #SON #RecentFeatures .Item {clear: both; padding: 0 0 50px;} #SON #RecentFeatures img {margin-bottom: 16px;} #SON #RecentFeatures.ChannelPage h4 {background: url(../images/hdr_recentfeatures.gif) no-repeat; margin: 10px 0 15px;} #SON #RecentFeatures.ChannelPage {padding: 0 10px;} #SON #RecentFeatures.ChannelPage .MoreLink {margin: 0 0 15px;} #SON #Feature {position: relative; margin:0 !important; padding:0 !important; min-height:1900px;} #SON #Feature .GreyBox{position: relative; width:359px; padding: 17px 21px 10px 13px; margin:0 0 10px 0; background: url(../images/bg_leftcolumn.gif) repeat-x;} #SON #Feature ul, #SON #Feature ol{margin:10px 0;} #SON #Feature img {margin: 0 0 5px;} #SON #Feature h2{font-size:13px; margin:0 0 10px 0;} #SON #Feature h3{font-size:15px; margin:15px 0 0 0;} #SON #Feature p {margin:0 0 14px 0; line-height: 16px;} #SON #Feature li{margin-left:15px;} #SON #Feature .Wrapper a {color: #00f; text-decoration: underline;} #SON #FeatureNav {text-align: right; padding: 0 0 10px;} #SON #Feature #Networking strong {color: #000; font-size: 11px; padding: 1px; display: block;} #SON #Feature #Networking {margin: 0 0 0 2px;} #SON #Networking td {border: 0px solid #e3e5e6;} #SON #Networking .Link a {font-family: arial, sans-serif; display: block; font-size: 10px; font-weight: normal; padding: 2px 2px;} #SON #FeatureStats {margin: 5px 0; padding: 3px 5px; text-align: right;} #SON #FeatureStats #NumComments {float: right; color: #04b3db; padding: 0 4px; margin:0 3px 0 0;font- weight: bold; font-size: 14px; border-right: #7ed4e8 2px solid;} /* Star Rating */ #SON #Feature #RatingForm { } #SON #Feature #RatingForm .StarsWrapper{} #SON #Feature #RatingForm ol.Form{width:90px; height:20px; float:right; margin:0; padding:0;} #SON #Feature #RatingForm li{position:relative; display:inline; float:left; margin:0;} #SON #Feature #RatingForm li input{position:relative; float:left; display:none;} #SON #Feature #RatingForm li label{position:relative;float:left; height:14px; width: 17px; margin: 2px 0;} #SON #Feature #RatingForm li.debug {display:block; width:100px;} #SON #Feature #RatingForm p #BtnRating{display:none; clear:both; float:right; cursor:default;} #SON #Feature #RatingForm p{display:block; clear:both; float:right;} #SON #Feature #RatingForm li label a, #SON #Feature #RatingForm li label a.StarOff {position:relative; display:block; text-indent: -9999px; height:100%; background: url(../images/bg_star_off.gif) no-repeat;} #SON #Feature #RatingForm li label a.StarOn, #SON #Feature #RatingForm li label a:hover {display: block; height:100%; background: url(../images/bg_star_on.gif) no-repeat;} #SON #Feature #RatingForm .StarLink {display:none;} #SON .AuthorHeading {background: url(../images/bg_bio_wide.gif) repeat-y; margin: 0 0 4px 0; width:359px; padding: 5px 21px 5px 13px;} #SON .AuthorHeading h4{text-transform:uppercase; color:#606060 !important; padding:0 0 0 80px; text-indent:0; height:auto;} #SON .AuthorBio h4{text-transform:uppercase; color:#606060 !important; padding:0 0 0 80px;} #SON .AuthorBio {background: url(../images/bg_bio_wide.gif) repeat-y; margin: 0 0 10px; width:359px; padding: 5px 21px 5px 13px;} #SON .AuthorBio img {float: left; padding: 0 30px 0 0;} #SON .AuthorBio, #SON #Feature .AuthorBio * {text-indent: 0;color: #ff4000; font-size: 11px;} #SON .AuthorBio .AuthorBioText{float:left; display:block; width:265px;} #SON #PostComment {position: relative; padding: 6px 0 0; overflow: hidden; clear: both;} #SON #PostComment .RuleLine {width: 408px; position: absolute; top: 0; left: -28px; height: 1px; background: #bebebe; overflow: hidden;} #SON #PostComment h5 {background: #666; border: 1px solid #8c8c8c; float: left; color: #fff; font-size: 10px; font-weight: bold; padding: 3px; margin: 0 0 6px; } #SON #PostComment form {clear: both;} #SON #PostComment form input { height: 15px; } #SON #PostComment form input, #SON #PostComment form textarea {color: #8c8c8c; font-size: 10px; padding: 3px; background: #ededed; border: #9a9a9a 1px solid; display: block; margin: 0 0 6px; width: 148px;} #SON #PostComment form textarea {width: 300px; height: 68px; margin: 0 0 3px;} #SON #PostComment p {font-size: 10px; color: #000; clear:both;} #SON #PostComment em {font-size: 10px;} #SON #PostComment #BtnPost {background: url(../images/btn_form.gif) no-repeat 8px 2px; border: 0; width: 108px; height: 24px; display: block; color:#fff;} #SON .success { border: 1px solid #090; clear:both; padding: 5px; margin-bottom: 10px; } #SON .success p { color: #090; font-weight: bold; font-style: italic; } #SON .errors { border: 1px solid #FF4000; color: #FF4000; font-style: italic; padding: 10px; clear:both; margin-bottom: 10px; } #SON .errors p{margin:0; padding:0; color: #FF4000; font-weight:bold;} #SON .errors li { color: #FF4000; font-weight: bold; margin-bottom: auto; font-style: italic;} #SON #Comments .comment { border-bottom: 1px solid #ff4000; padding: 10px 0; } #SON #Comments .comment dt { color: #ff4000; font-weight: bold; } #SON #Comments .comment .body { margin-bottom: 0.5em; } #SON #Comments .comment .author { margin-bottom: auto; } #SON #Comments .comment .author span { font-style: italic; } #SON #Comments .pagination .link_previous { float: left; margin-right: 5px } #SON #Comments .pagination .link_next { float: right; margin-left: 5px } #SON #Comments .pagination span.disabled { color: #aaa } #SON #Comments .pagination a { color: #ff4000; text-decoration: none; } #SON #Comments .pagination a:hover, #SON #Comments .pagination a:active { text-decoration: underline; } #SON #ExpertQA .Wrapper {clear: right; margin: 0 0 25px; border-bottom: #ee4675 dashed 1px;} #SON #ExpertQA .Wrapper.Last {border: none} #SON #ExpertQA h1, #SON #ExpertQA h2{margin:0 0 20px 0;} #SON #ExpertQA .AuthorBio {background: url(../images/bg_bio.gif) repeat-y; margin: 0 0 5px 0; padding:5px;} #SON #ExpertQA .AuthorBio img {float: left; padding: 0 30px 0 0;} #SON #ExpertQA .AuthorBio, #SON #ExpertQA .AuthorBio * {text-indent: 0;color: #ff4000; font-size: 11px;} #SON #ExpertQA .AuthorBio .AuthorBioText{float:left; display:block; width:265px;} #SON #ExpertQA .AuthorHeading {background: url(../images/bg_bio.gif) repeat-y; margin: 0 0 4px 0; padding:5px;} #SON #ExpertQA .AuthorHeading h4{text-transform:uppercase; color:#606060 !important; padding:0 0 0 80px; text-indent:0; height:auto;} #SON #Tip .Wrapper {padding: 10px 0; border-bottom: #ee4675 dashed 1px;} #SON #Tip .Wrapper.Last {border: none} /* Tag Pages */ #SON #PageTag .PageTitle {margin-bottom:10px; font-size:20px; font-weight:normal;} #SON #PageTag .SubTitle {margin-bottom:10px; font-size:18px;} #SON #PageTag ul li h4 a {display:block;} #SON .ContentTags {margin: 10px 0; clear: both;} /* Related Content */ #SON #RelatedSpacer {float: left; height: 300px; width: 1px; clear: left;} #SON #RelatedFeatures {border: 2px solid #ff0000; padding: 10px; margin: 10px 20px 10px 0; width: 140px; float: left; clear: left;} #SON #RelatedFeatures p {font-size: 16px; font-weight: bold;} #SON #LeftColumn #RelatedFeatures a {display: block; margin: 10px 0; color:#e26d00;} #SON #Poll h1 {margin: 0 0 25px;} #SON #PollResults {margin:15px 0 50px 0;} /* Send To A Friend */ #SON #SendToFriend input { height: 15px; } #SON #SendToFriend input, #SON #SendToFriend textarea { background-color: #EDEDED; border: 1px solid #9A9A9A; color: #9A9A9A; display: block; margin-bottom: 1em; padding: 3px; width: 300px; } #SON #SendToFriend .submit { background: url(../images/btn_form.gif) no-repeat 8px 2px; border: 0; cursor:pointer; display: block; height: 24px; color:#fff; width: 108px; } /* Begin Send Styles */ #SON #LeftColumn #FeatureSend p strong {font:bold 15px arial,sans-serif; color:#58008a;} #SON #LeftColumn #FeatureSend p.req {font:normal 11px arial,sans-serif; color:#666;} #SON #LeftColumn #FeatureSend p.error {margin:0; padding:40px 0 10px 0; font:normal 26px arial,sans-serif; color:#000;} #SON #LeftColumn #FeatureSend p.msg {margin:0; padding:0 0 25px 0; font:normal 13px georgia,"times new roman",times, serif; color:#000;} #SON #LeftColumn #FeatureSend td {padding-bottom:10px;} #SON #LeftColumn #FeatureSend td.field {padding:3px 10px 0 0; font:normal 11px arial,sans-serif; color:#000; vertical-align:top;} #SON #LeftColumn #FeatureSend .BtnGrey input {display:block; float:right; width:87px; height:21px; border:none; line-height:0; font-size:0; text-indent:-9999px; background:url(images/btn_send)) no-repeat; margin: 10px 0 0;} #SON #LeftColumn #FeatureSend td.input input, #SON #LeftColumn #FeatureSend td.input textarea {width:285px; padding:2px 0; border:1px solid #c3c3c3;} #SON #LeftColumn #FeatureSend td.input textarea {height:100px;} #SON #LeftColumn #FeatureSend p.return {margin:0; padding:0; background:url(images/arrow_left)) 0 3px no-repeat;} #SON #LeftColumn #FeatureSend p.return a {padding-left:13px; font:normal 12px arial,sans-serif; color:#1f33c0; text-transform:uppercase;} /* End Send Styles */ /* Poll Rendering */ #SON #PollResults dl{margin:10px 0; clear:both; width:325px; } #SON #PollResults dl dt{width:200px; float:left; padding:0 10px 0 0; color:#005C95;} #SON #PollResults dl dd{width:110px; float:left;} #SON #PollResults dl dd div{float:left; background:#005C95; height:100%; } #SON #PollResults dl dd span{font-weight:bold; padding:0 0 0 5px;} #SON .SONPollResultsTextCell {padding: 0 5px 0 0; margin: 0; text-align: right; color: #005c95; font-weight: bold;} #SON .SONPollResultsBar {background: #005c95; height: 16px; } #SON .SONPollResultsTable td {padding-bottom: 10px;} #SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable {width: auto; background: none; } #SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable td {padding-bottom: 0;} #SON .SONPollResultsValueCell { font-size: 12px; font-weight: bold; color: #005c95; padding-left: 5px; } #SON #Poll .RuleLine {width: 392px; position: absolute; margin: -16px 0 0 0px; height: 1px; background: #bebebe; overflow: hidden;} #SON #NextPoll {margin: 0 0 30px;} #SON #NextPoll h1 {margin: 0 0 25px;} #SON #NextPoll #PollForm {margin-top:10px;} #SON #NextPoll form {padding: 0 0 20px 20px;} #SON #NextPoll td {padding: 0 0 10px 3px; vertical-align: top;} #SON #SONSpamField {display: none;} #SON #Send h1 {margin: 0 0 20px;} #SON #Send form table {margin: 0 0 50px;} #SON #Send form table input, #SON #Send form textarea {color: #8c8c8c; font-size: 10px; padding: 3px; background: #ededed; border: #9a9a9a 1px solid; display: block; margin: 0 0 6px; width: 250px;} #SON #Send label {float: right;} /* Right Column */ #SON .Sidebox {margin: 0 0 15px;} #SON #SocialNav {text-align: center; padding: 16px 0 30px 40px;} #SON #SocialNav li { list-style: none; margin-bottom: 2px; } /* Blog Sidebox */ //Contest #SON #Contestbackground { background: url(http://therealcollegeguide.com/images/trcg_contest_bg)); width:379px; height:750px;} /* Contest Sideboxes */ #SON #SBWincash { left:45px; position:relative; margin-bottom:15px; margin-top:-10px; } #SON #SBDreamPad { left:31px; position:relative; margin-bottom:17px; margin-top:-5px; } #SON #SBTip { background: url(../images/bg_sb_tip_NEW10052010.png) no-repeat left top; height: 287px; left: 50px; position: relative; width: 207px; } #SON #SBTip h2{position:absolute; top:45px; left:42px; width:130px; height:16px; } #SON #SBTip h2 a{display:block; height:100%; width:100%; text-indent:-9999px; } #SON #SBTip p { line-height: 14px; font-size: 11px; padding: 80px 40px 20px; width: 150px; } #SON #SBTip a { display: block; margin: 0 auto; width: 93px; } #SON #SBTool { left: 30px; margin: 0 5 0 5px; position: relative; text-align: center; } #SON #SBTool .Wrapper { background: url(../images/bg_sb_tool.gif) no-repeat; padding:10px 0px; margin: 6px auto; width: 160px; } #SON #SBExpertQA { background: url(../images/bg_sb_expertqa_top.png) no-repeat left top; left: 30px; margin-bottom: 110px; position: relative; width: 222px; clear: right; } #SON #SBExpertQA h2{position:absolute; top:90px; left:45px; width:130px; height:16px; background: url(../images/clear.gif); } #SON #SBExpertQA h2 a{position:relative; display:block; height:100%; width:100%; text-indent:-9999px; background: url(../images/clear.gif); } #SON #SBExpertQA .top_right { display: none; } #SON #SBExpertQA .bottom { background: url(../images/bg_sb_expertqa_bottom.png) no-repeat left top; position: absolute; height: 90px; bottom: -90px; width: 222px; } #SON #SBExpertQA dl { font-size: 16px; padding: 130px 40px 20px; } #SON #SBExpertQA dl dt { float: left; font-weight: bold; width: 10px; } #SON #SBExpertQA dl dd { margin-left: 20px; width: 130px; font-size:11px; } #SON #SBExpertQA p {line-height: 18px; } #SON #SBExpertQA a { display: block; margin: 0 auto; width: 93px; } #SON #SBPoll { left:30px; position:relative; width:222px; } #SON #SBPollTop { height:78px; width:222px; background:url(../images/sbPollTop.png) no-repeat; } #SON #SBPollMiddle { min-height:187px; width:222px; background:url(../images/sbPollMiddle.png); } #SON #SBPollBottom { height:37px; width:222px; background:url(../images/sbPollBottom.png) no-repeat; } * html #SON #SBPollTop { background:url(../images/sbPollBottomIE.gif) no-repeat; } * html #SON #SBPollMiddle { height:187px; background:url(../images/sbPollBottomIE.gif) no-repeat; } * html #SON #SBPollBottom { background:url(../images/sbPollBottomIE.gif) no-repeat; } #SON #SBPoll p{font-size:11px;} #SON #SBPoll form { padding: 10px 20px 15px; } #SON #SBPoll form input{display:none;} #SON #SBPoll form li{margin:0px 0; padding:0px 0; display:inline;} #SON #SBPoll form label {position:relative; display:block; width:175px;} #SON #SBPoll form label a{position:relative; display:inline-block; font-size:11px; margin:0; padding:0 0 8px 25px; height:100%; background: url(../images/rad_poll_off.gif) no-repeat; font-size:11px;} #SON #SBPoll form label a.off{background: url(../images/rad_poll_off.gif) no-repeat;} #SON #SBPoll form label a:hover, #SON #SBPoll form label a:active, #SON #SBPoll form label a.on{background: url(../images/rad_poll_on.gif) no-repeat; text-decoration:none; font-weight: normal;} #SON #SBPoll .FormSubmit input {display: block; margin: 8px auto 18px; width: 93px; height: 22px; line-height: 0; text-indent: -9999px; background: url(../images/btn_vote.gif) no-repeat;} * html #SON #SBPoll .FormSubmit input {background: url(../images/btn_vote.gif) no-repeat;} /* #SON #NavigationBottom {width: 599px; margin: 0 0 26px; height: 34px; clear:both; } #SON #NavigationBottom ul {padding: 0; position: relative;} #SON #NavigationBottom li {margin: 0; background: url(../images/bg_nav.gif) no-repeat; height: 34px; list-style: none; position: absolute; text-indent: -9999; top: 0;} #SON #NavigationBottom li a {display: block; height: 34px; text-indent: -9999px;} #SON #NavigationBottom #Nav1 {left: 0; width: 149px; background-position: 0 0;} #SON #NavigationBottom #Nav2 {left: 149px; width: 99px; background-position: -149px 0;} #SON #NavigationBottom #Nav3 {left: 248px; width: 120px; background-position: -248px 0;} #SON #NavigationBottom #Nav4 {left: 368px; width: 231px; background-position: -368px 0;} #SON #NavigationBottom a:hover, #SON #Navigation a.Current {background: url(../images/bg_nav.gif);} #SON #NavigationBottom #Nav1 a:hover, #SON #Navigation #Nav1 a.Current {background-position: 0 -34px;} #SON #NavigationBottom #Nav2 a:hover, #SON #Navigation #Nav2 a.Current {background-position: -149px -34px;} #SON #NavigationBottom #Nav3 a:hover, #SON #Navigation #Nav3 a.Current {background-position: -248px -34px;} #SON #NavigationBottom #Nav4 a:hover, #SON #Navigation #Nav4 a.Current {background-position: -368px -34px;} #SON #NavigationBottom a:active {outline: none;} */ #SON #AdminPage dl.comment { border: 1px solid #ff4000; 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:#ff4000; padding:5px; float:right; cursor:pointer; } #SON #AdminPage dl.comment dd.rating{ margin:5px 0; } #SON #AdminPage dl.comment dd.rating span{ font-weight:bold;} #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;} /* Feedback Form */ #SON .HedBlack {color: #000; font-weight: bold; margin: 2px 0;} #SON #FeedbackWrapper {border: 1px solid #5975a2; margin: 0 10px 0 0; padding: 10px; overflow-y: scroll; overflow-x:hidden; height: 250px;} #SON #FeedbackForm {margin: 20px 0;} #SON #FeedbackForm * {margin: 0; padding: 0;} #SON #FeedbackForm h6 {margin: 25px 0; padding: 2px 2px 10px 10px;} #SON #FeedbackForm #bottom p {text-align: left;} #SON #FeedbackForm #bottom .lower p {text-align: right;} #SON #FeedbackForm input {width: 100%;} #SON #FeedbackForm .radio {width: 10px;} #SON #FeedbackForm textarea {width: 100%; height: 100px; border: #5975a2 1px solid; margin: 5px 0 20px 0;} #SON #FeedbackForm input.submit_button {width: 80px; background: red; cursor: pointer; color: #fff; border: 1px solid #5975a2; margin: 0 20px 0 0;} #SON #FeedbackForm table {width: 350px;} #SON #FeedbackForm table td {padding: 2px 0;} #SON #FeedbackForm #Ratings td {padding: 0;} #SON #FeedbackForm #RatingTable {border: 1px solid #5975a2; border-collapse: collapse;} #SON #FeedbackForm #RatingTable td {padding: 0 10px;} #SON #FeedbackForm #RatingTable input {border: none;} #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 #Numbers {width: 150px;} #SON #FeedbackForm #RatingTable #Numbers td {border: none; text-align: center; padding: 0;} #SON #FeedbackForm .submit_button {border: none; background: none; float: right; font-weight: bold;} #SON #FeedbackForm .Label {width: 100px; padding: 20px 0; text-align: left;} #SON #FeedbackForm .Inputs {padding: 0; text-align: left;} #SON #FeedbackForm input,#SON #FeedbackForm textarea{border: 1px solid #5975a2;} #SON .ErrorMessage{ border:1px dashed red; padding:5px 10px; margin:5px 15px; color:red; display:block; clear:both; } #SON .ErrorMessage h6{ color:red; font-size:13px; } #SON .Errors{ border:1px dashed red; padding:5px 10px; margin:5px 15px; color:red; display:block; clear:both; } #SON .Errors li, #SON .Errors p{ color:red; } #SON .Success{ border:1px dashed green; padding:5px 10px; margin:5px 15px; color:green; display:block; clear:both; } #SON .Success li, #SON .Success p{ color:green; font-size:13px; } #SON .FeedbackBold {font-weight: bold; font-style: italic;} #SON .Feedback {border-bottom: 1px dotted #123888; margin: 10px 0; width: 340px;} #SON .Feedback .CommentPostBy p {margin: 0; font-weight: bold; font-style: italic;} #SON .Feedback .CommentBody p {margin: 0 0 20px 10px;} #SON #RatingsChart {width: 300px; border: 1px solid #ccc;} #SON #RatingsChart td {border: 1px solid #ccc;} #SON #RatingsChart .RatingTitle {width: 100px; font-weight: bold;} #SON #RatingsChart {width: 300px; border: 1px solid #ccc;} #SON #RatingsChart td {border: 1px solid #ccc;} #SON #RatingsChart .RatingTitle {width: 100px; font-weight: bold;} #SON #CopyRightText {text-align: center;} /* -- 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;} /* Testing */ #SON ol.debug {color:red !important; padding:0 0 0 50px; font-weight:bold;} #SON ol.debug li{color:red !important;} /* Video Player */ #SON #Feature #vcomments {position: relative; width: 580px; height: 700px; margin: 0; padding: 0; font-size:10px;} #SON #p-select {display: none;} /* Twitter Feed */ #SON .TwitterFeed * {position:relative; top:-50px; left:100} #SON .addthis_toolbox span {float: left;} #SON .addthis_toolbox.addthis_pill_combo a { float: left; } #SON .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet { margin-top: -2px; } #SON .addthis_button_compact .at15t_compact { margin-right: 4px; float: left; } .top10img tr { background: url(../images/border_btm_top10.jpg) no-repeat bottom center; } .top10img tr td { padding-top: 15px !important; } }