﻿
h4 { color: #4A7195; font: normal 15px Georgia, Arial; }
a.unlink { color: #333; text-decoration: none; cursor: default; }
.RelatedAds { border: none; }

/* Video Content */
.Bubble {  }
	.Bubble .body { padding-bottom: 3px; }
	.Bubble .body .DetailHeader .SubHeader { margin: 0px; }
	.Bubble .body .description { width: 205px; float: right; padding: 5px 10px 0px 5px; }
		.Bubble .body .description .ViewIntroduction { margin-top: 5px; }
		.Bubble .body .description h2 { padding-bottom: 8px;}
	.Bubble .body .details { width: 205px; float: right; padding: 5px 10px; font-size: 11px; color: #666; }
		.Bubble .body .details .divider { border-top: solid 1px #e2e7ea; margin: 8px 0px; }
		.Bubble .body .details a { font-size: 11px; font-weight: bold; }
		.Bubble .body .details strong { color: #000; }
		.Bubble .body .details .tags a { padding-right: 7px; }
		.Bubble .SeriesTitle { font-size: 12px; font-weight: bold; padding: 6px 0px 0px 4px; }
		
#VideoContainer { float: left; width: 404px; margin: 10px 0px 3px 3px; }
.Stars input { background: none; padding: 0px; border: none; }

/* Text Content */
.TextHead h1 { font: normal 24px Georgia; }
.TextHead .Details{ padding: 10px 0px; }
	.TextHead .Details .Introduction { margin-top: 5px; }
	.TextHead .Details .Rating { font-size: 11px; font-weight: bold; }
		.TextHead .Details .Rating img { height: 10px; }
		.TextHead .Details .Rating span { color: #999; }
		.TextHead .Details .Rating .Stars input { height: 10px; }
	.TextHead .Details .Views { float: right; font-size: 11px; font-weight: bold;  }
	.TextHead .Details .ArticleImage { float: left; margin: 0px 10px 5px 0px; }
		.TextHead .Details .ArticleImage span { display: block; font-size: 10px; }

/* Video Series Thumbnails */
.ThumbnailViewer { padding-top: 5px; }
    .ThumbnailViewer .Button_Back, .ThumbnailViewer .Button_Forward { position: relative; top: 15px; }
	    .ThumbnailViewer .Button_Back { float: left; }
	    .ThumbnailViewer .Button_Forward { float: right; }
    .ThumbnailViewer ul { margin: 0px auto; width: 530px; }
        .ThumbnailViewer ul li { float: left; list-style-type: none;  margin: 0px 7px; }
	        .ThumbnailViewer ul li a { border: solid 1px #DDE2E6; padding: 5px; display: block; background: #fff; position: relative; }
	        .ThumbnailViewer ul li a:hover, .ThumbnailViewer ul li.Selected a { border: solid 1px #dfa641; }
		        .ThumbnailViewer ul li a img { width: 80px; height: 60px; }
		        .ThumbnailViewer ul li a .Overlay { width: 80px; height: 60px; position: absolute; left: 5px; }

/* Video Article Toolbar */
.ArticleTools { border: solid 1px #DDE2E6; padding: 8px; margin-top: 10px; position: relative; zoom: 1; }
	.ArticleTools .divider { border-top: solid 1px #DDE2E6; margin: 0px 10px 10px 0px; }
	.ArticleTools .SharingTools  { float: left; width: 315px; border-right: solid 1px #DDE2E6; }
		.ArticleTools .SharingTools .Ratings .Rating { float: left; width: 170px; }
		    .ArticleTools .SharingTools .Ratings .Rating .Stars { float: left; }
			.ArticleTools .SharingTools .Ratings .Rating span { position: relative; top: -1px; }
		.ArticleTools .SharingTools .Share small { float: left; display: block; margin: 2px 5px 0px 0px; }
	.ArticleTools .VideoLinks { float: right; width: 315px; }
		.ArticleTools .VideoLinks input { float: right; margin: 8px 8px 0px 7px; width: 240px; padding: 0; }
		.ArticleTools .VideoLinks label { float: right; margin: 8px 0px 0px 0px; }

/* Text Article Toolbar */
.TextArticleTools { border: solid 1px #DDE2E6; padding: 10px; zoom: 1; }
	.TextArticleTools ul { position: relative; left: -3px; }
		.TextArticleTools ul li { float: left; padding: 0px 4px 0px 4px; list-style-type: none; }
		.TextArticleTools .Share { border-top: solid 1px #DDE2E6; }
			.TextArticleTools .Share p, .TextArticleTools .Share label { float: left; margin: 10px 0px -5px 0px; }
	.TextArticleTools .Flag { float: right; margin: 10px 2px -10px 10px; padding-left: 10px; height: 10px; }

/* Article Notes */
.NotesSection ul { padding: 5px; }
    .NotesSection ul li { clear: both; list-style-type: none; padding: 5px 2px; }
		.NotesSection ul li .Text { display: block; margin-left: 25px; }

/* Article Comments */	
.Comments {  }
	.Comments .Head { border-bottom: solid 3px #DDE2E6; border-top: solid 1px #DDE2E6; margin-top: 10px; height: 30px; padding-top: 3px; }
		.Comments .Head .Options { float: right; margin-top: 5px; white-space: nowrap; }
		.Comments .Head .SubHeader { float: left; margin: 2px 0px; }
			.Comments .Head .SubHeader a { font-size: 12px; }
	.Comments .Comment { margin: 10px 10px 0px 10px; }
		.Comments .Comment .UserInfo { float: left; }
			.Comments .Comment .UserInfo .Avatar { float: left; margin: 0px 10px 10px 0px; }
			.Comments .Comment .UserInfo .SubHeader {  padding-top: 8px; font-size: 17px; float: left; }
				.Comments .Comment .UserInfo .SubHeader a { font: normal 17px Georgia; }
		.Comments .Comment .RateOrFlag { float: right; margin-top: 12px; white-space: nowrap; }
			.Comments .Comment .RateOrFlag img { float: left; margin-right: 10px; }
		.Comments .Comment .UserText { position: relative; top: -15px; }
			.Comments .Comment .UserText .Arrow { background: url("/images/comment_arrow.gif") no-repeat;  height: 13px; position: relative; margin-left: 75px; top: 1px; }
			.Comments .Comment .UserText p { border: solid 1px #DDE2E6; padding: 8px; }
			.Comments .Comment .UserText p span { color: #999; }
	
	.Comments .ViewComments { margin-bottom: 20px; }
	.Comments .Comment .RateOrFlag .Stars { float: left; }

/* Post a Comment Form */
.PostComment {  }
	.PostComment textarea { width: 458px; margin: 5px 0px; }
	.PostComment .Button_Orange { margin: 5px 0px; }

/* Related Articles and Videos */
.RelatedContent { margin-bottom: 10px; color: #999; }
	.RelatedContent .TabContentContainer { height: 240px; overflow: auto; border: solid 1px #c8d0d6; border-top: none; padding: 7px; }
		.RelatedContent .TabContent { display: none; }
		.RelatedContent .TabContent.Selected { display: block; }
		.RelatedContent .TabContent .divider { border-bottom: solid 1px #DDE2E6; height: 5px; margin-bottom: 7px; }
			.RelatedContent .TabContent .ListItem .Thumbnail { float: left; margin-right: 7px; width: 50px; }
			.RelatedContent .TabContent .ListItem .Title { font-size: 14px; }
			.RelatedContent .TabContent .ListItem .Details { float: left; width: 210px; }
			    .RelatedContent .TabContent .ListItem .Details img { height: 10px; }
			    .RelatedContent .Related.TabContent ul li { list-style-type: disc; list-style-position: inside; font-size: 10px; color: #4A7195; }
			        .RelatedContent .Related.TabContent ul li a { font-size: 11px; }
			.RelatedContent .TabContent.Text .ListItem .Details { width: 220px; }
			.RelatedContent .TabContent.Text .ListItem .Thumbnail { width: 40px; }

/* Article Content */
.Article { margin-top: 10px; }
	.Article .Head { border-bottom: 3px solid #DDE2E6; border-top: 1px solid #DDE2E6; height: 25px; padding-top: 6px; }
		.Article .Head .Difficulty span { color: #999; }
		.Article .Head .SubHeader { float: left; margin: -1px 0px 0px 0px; }
		.Article .Head .Tool { float: right; margin-left: 10px; line-height: 20px;  }
		.Article .Head .EmailOrPrint { padding: 0px 10px; }
			.Article .Head .EmailOrPrint * { float: left; }
			.Article .Head .EmailOrPrint .PagePrint { margin-left: 10px; }
		.Article .Head .TextSizer { line-height: 18px; }
	.Article .Steps { }
		.Article .Steps .ThingsYouNeed { float: right; width: 150px; border: 1px solid #DDE2E6; background: #EEF0F2; margin: 12px 0px 0px 12px; padding: 10px; }
			.Article .Steps .ThingsYouNeed h4 { padding:0; }
			.Article .Steps .ThingsYouNeed .Notes li { color:#FF8600 }
				.Article .Steps .ThingsYouNeed .Notes li span { color:#000; }
		.Article .Steps h4 { clear: left; padding-top: 10px; }
	    .Article .Steps .Notes { margin: 10px 0px; }
	        .Article .Steps .Notes li { margin-left: 2px; list-style-position: inside; }
		.Article .Steps .Step { padding: 10px 0px; clear: left; }
		    .Article .Steps .Step .Image { float: left; margin: 3px 10px 2px 0px; }
		        .Article .Steps .Step .Image img { border: solid 1px #DDE2E6; padding: 3px; float: left; }
		        .Article .Steps .Step .Image span { display: block; font-size: 10px; clear: left; }
			.Article .Steps .Step .label { font: normal 11px Georgia; color: #DFA641; padding-right: 10px; display: block; float: left; text-align: center; width: 25px; }
				.Article .Steps .Step .label .background { display: block; height: 25px; width: 25px; background: transparent url("/images/sprite-misc1.gif") no-repeat center -25px; }
				.Article .Steps .Step .label .number { position: relative; top: -4px; color: #fff; font-size: 21px; font-weight: normal; }
		/* .Article .Steps .ViewSteps { clear: both; margin: 10px 0px; } */
	.Article .ArticleNotes { float: right; width: 250px; border: 1px solid #DDE2E6; background: #eef0f2; margin: 12px 0px 0px 12px; padding: 10px; }
		.Article .ArticleNotes ul {  }
		    .Article .ArticleNotes ul li { font-size: 12px; margin: 5px 0px; list-style-type: none; clear: both; }
	.Article .RelatedAds { float: right; width: 250px; margin: 12px 0px 0px 0px; clear: both; padding: 10px; border: none; }
	.Article .Tools .TextSizer span { cursor: pointer; padding: 0px 2px; color: #0364A4; border: solid 1px #0364A4; padding: 0px 4px; }
	    .Article .Tools .TextSizer span:hover { background: #DDE2E6; }

/* More Articles List */
.MoreArticlesContainer { padding: 15px 0px; border-top: solid 1px #DDE2E6; border-bottom: solid 1px #DDE2E6; margin-bottom: 15px; zoom: 1; }
    .MoreArticlesContainer .SponsoredResults300 { float: left; border: none; margin: 5px 0px 0px 0px; }
	.MoreArticlesContainer .MoreArticles { float: left; width: 315px; margin-left: 10px; } #Column2 .MoreArticlesContainer .MoreArticles { width: 204px; }
        .MoreArticlesContainer .MoreArticles ul { margin: 5px 0px 0px 30px; border: none; }
            .MoreArticlesContainer .MoreArticles ul li { color:#4A7195; font-size: 11px; padding: 1px 0px; }
                .MoreArticlesContainer .MoreArticles ul li a { font-size: 13px; font-weight: normal; }

/* Related Articles */
.RelatedArticles { margin-top: 30px; }
    .RelatedArticles .Head { border-bottom: 3px solid #DDE2E6; border-top:1px solid #DDE2E6; margin-bottom: 5px; }
        .RelatedArticles ul li { text-transform: capitalize; }

/* Resources Section */
.Resources {  }
    .Resources ul li a { font-size: 13px; font-weight: normal; }

/* Member Badges */
.BadgeModule { border: solid 1px #DDE2E6; padding: 8px 8px 0px 8px; margin-bottom: 10px; position: relative; }
	.BadgeModule .name { font-weight: bold; }
	.BadgeModule .border { border-top: solid 1px #DDE2E6; border-bottom: solid 1px #DDE2E6; padding: 5px 0px; margin: 5px 0px; zoom: 1; }
	.BadgeModule .details { padding: 5px; font-size: 11px; font-weight: bold; zoom: 1; }
		.BadgeModule .details a { font-size: 11px; }
		.BadgeModule .details p { padding: 2px 0px; }
		.BadgeModule .details .avatar img { float: left; margin-right: 7px; border: solid 2px #fff; width: 50px; height: 50px; }
	.BadgeModule .nav li { float: left; padding: 0px 2px; line-height: 20px; color: #C1C9D0; }
		.BadgeModule .nav li, .BadgeModule .nav li a { list-style-type: none; font-size: 11px; }
		.BadgeModule .nav li.rss { float: right; position: relative; }
			.BadgeModule .nav li.rss img { margin-right: 4px; }

	/* Expert Badge */
	.BadgeModule.Expert .name { color: #DFA641; }
	.BadgeModule.Expert .details { background: #ccd5dc; }
		.BadgeModule.Expert .details span { color: #627b8f; }

	/* Editor Badge */
	.BadgeModule.Editor .name { color: #DFA641; }
	.BadgeModule.Editor .details { background: #ebeef1; }
		.BadgeModule.Editor .details span { color: #627b8f; }

	/* Author Badge */			
	.BadgeModule.Author .name { color: #666; }
	.BadgeModule.Author .details { background: #fff; }
		.BadgeModule.Author .details span { color: #999; }
		.BadgeModule.Author .details p.status { color: #DFA641; height: 18px; }
			.BadgeModule.Author .details p.status * { margin: 0px 3px; }
			.BadgeModule.Author .details p.status img { float: left; margin: 0px 3px 0px 0px; }

	/* Expert Village Badge */
	.BadgeModule.ExpertVillage { cursor: default; }
	    .BadgeModule.ExpertVillage .name { color: #4858b0; }
	    .BadgeModule.ExpertVillage .details { background: #4858b0; }
	        .BadgeModule.ExpertVillage .EVLogo { float: left; width: 200px; height: 32px; background: url("/images/expertvillage.jpg") no-repeat -65px -65px; }
		    .BadgeModule.ExpertVillage .details span { color: #b9c2f2; }
		    .BadgeModule.ExpertVillage .details a { color: #fff;  }
	    .BadgeModule.ExpertVillage .nav .rating img { height: 10px; }

/* Expert Village Label */
.ExpertVillageLabel { border-bottom: solid 1px #c8d0d6; padding-bottom: 5px; }
	.ExpertVillageLabel .Logo { width: 300px; height: 60px; background: url("/images/expertvillage.jpg"); display: block; }
	.ExpertVillageLabel p { color: #fff; background: #2a5682; padding: 12px; font-size: 12px; margin-bottom: 5px; cursor: default; }
	.ExpertVillageLabel a { font-size: 11px; }

/* Content Preview Overlay */
#ContentPreview {  }
    #ContentPreview .Overlay { position: absolute; top: 0px; left: 0px; z-index: 998; height: 132px; width: 100%; background-color: #fff; opacity: 0.9; }
    #ContentPreview .Interface { position: absolute; top: 0px; z-index: 999;  width: 980px; text-align: center; font-size: 15px; }
        #ContentPreview .Interface p { float: left; padding: 15px; }
        #ContentPreview .Interface .Buttons { float: left; }
            #ContentPreview .Interface .Buttons .Edit { margin: 15px; }
