﻿#ColumnFull {margin: 0 auto; width: 960px; padding-left: 20px;}

#Header { height: 85px; margin: 0 auto; padding-left: 20px; border-bottom: 1px solid #DDE2E6; margin-bottom: 9px; }
#Header #Logo { position: relative; float: left; margin-top: 10px; text-align: center; color: #4A7195; font-family: Arial;}

.printarticle { width: 150px; text-align:center; border: 1px solid #DDE2E6; margin-bottom: 9px; padding:5px 0px 5px 25px; background: url(/ui/images/legacy/ico_print.gif) no-repeat 5px 5px;}

#ArticleHeader { margin-top: 5px; }

#ArticleThanks { float: left; position: relative; padding: 5px 15px 5px 30px; }

#ArticlePhoto {float:left;}
	#ArticlePhoto img { padding: 0 1px; padding-bottom: 0px; margin-top: 1px; margin-bottom: 0px; }
	#ArticlePhoto p { padding: 2px 1px; font-size: 10px; font-family: Arial; position: relative; top:-1px; }
	
#ArticleRating { border-top: 1px solid #DDE2E6;border-bottom: 1px solid #DDE2E6; padding-bottom: 46px; color: #4A7195; font-size: 14px; font-weight: bold;list-style:none;}
#ArticleRating li { position: relative; float: left;  background: #DDE2E6; width: 155px; height: 37px; text-align: center; border-top: 3px solid #fff;border-bottom: 3px solid #fff;border-right: 1px solid #fff; padding-top: 3px}
	
#ArticleUtils { margin: 10px 0px; border-bottom: 1px solid #DDE2E6; padding-bottom: 30px; list-style:none;  }
	#ArticleUtils li { position: relative; float: left;height: 18px; width: 120px; padding: 2px 0 0 20px;margin-left: 11px;}
	#ArticleUtils #lstComment { background: url(/ui/images/legacy/ico_add_com.gif) no-repeat 0 0px;}
	#ArticleUtils #lstList { background: url(/ui/images/legacy/ico_AddMyLists.gif) no-repeat 0 0px;}
	#ArticleUtils #lstSend { background: url(/ui/images/legacy/ico_send2friend.gif) no-repeat 0 0px;}
	
#Profile {float:left;padding: 2px; margin-bottom: 10px}
#NoProfile {float:left;padding: 2px; margin-bottom: 10px}

#UserInfo { position: relative; float: left; font-family: Arial; width: 323px }
	#UserInfo .Avatar { position: relative; float: left; margin-right: 5px}
	#UserInfo .ByLine { position: relative; float: left; font-size: 12px;color: #4A7195;}
	#UserInfo .UserName {font-family: Arial; font-size: 12px;color: #4A7195;}
	#UserInfo .UserName a { font-size: 16px; color: #4A7195; font-weight:bold;}
	#UserInfo .UserName .NoLink { font-size: 16px;}
	#UserInfo .Certified { clear: left; margin-left: 20px}
	#UserInfo .Certified img { position: relative; float: left; margin: 2px 4px 0 0;}
	
#ProfileButtons { position: relative; float: left; margin-right: 10px}
	#ProfileButtons li { list-style:none; padding-left: 25px; height: 20px; padding-top: 2px; margin: 2px 0}
	#ProfileButtons #lstProfile { background: url(/ui/images/legacy/ico_view_pro.gif) no-repeat 0 0;}
	#ProfileButtons #lstFriends { background: url(/ui/images/legacy/ico_add2friends.gif) no-repeat 0 0;}
	#ProfileButtons #lstArticles { background: url(/ui/images/legacy/ico_view_all_cats.gif) no-repeat 0 0;}
	
#Intro { margin: 10px 0;}

.Step { clear: left; margin: 10px 0; }
	.Step .StepNumber { background: url(/ui/images/legacy/Step.gif) no-repeat; height: 39px; width: 39px; color: #fff; text-align: center; font-size: 28px; position: relative; float: left; padding-top: 2px }
	.Step h4 { float: left; position: relative; margin: 10px 0 0 5px; padding-top: 2px; }
	.Step .StepContent { clear: left; margin: 0 5px 0 45px; }
	.Step .StepImage { position: relative; float: left; margin-right: 5px; width: 100px; text-align: center; clear: left;}
	.Step .StepImage .img { border: 1px solid #8E9AAA; padding: 3px 0; width: 100px; background:#EDF0F2 }
	.Step .StepImage a { font-size: 10px;}
	
.TipsAndWarnings { margin: 0 0 5px 8px; }
	.TipsAndWarnings li { padding: 8px 0 8px 40px; list-style: none; position: relative;}
	.TipsAndWarnings .lstTip { background: url(/ui/images/legacy/ico_Tip.gif) no-repeat 0 5px;}
	.TipsAndWarnings .lstWarning { background: url(/ui/images/legacy/ico_Warn.gif) no-repeat 0 5px;}
	
#ThingsYouWillNeed { margin-left: 4px;}
	
.Comment { border-bottom: 2px dotted #DDE2E6; margin: 5px 0 0 0}
	.Comment .CommentUser { margin-bottom: 5px; font-family: Arial; font-size: 12px;}
	.Comment .CommentFlag { text-align:right; }
	.Comment .CommentFlag a { font-size: 10px}
	.Comment .CommentText { margin-left:17px;}
	.Comment .CommentFlag span { font-family: Arial; color: #0364a4; font-size: 10px}

.Difficulty { font-size: 12px; color: #8A9AA6; margin: 10px 0;}
	.Difficulty span { font-weight: bold;color: #4A7195}
	
#WriteAnArticle .btn { background:url(/ui/images/legacy/DidYouKnow_Bottom3.gif) no-repeat left bottom;padding-left: 230px;}

.ListBox2 { margin-bottom: 15px;}

#VideoDescription { font-size: 12px; border: 1px solid #DDE2E6; width: 419px; padding: 5px }

#HowToFind { }
	#HowToFind p { margin: 5px 0;}
	#HowToFind #offers th { line-height: 20px }
	#HowToFind img { border: 0;}
	
#AllComments {}
	#AllComments p { margin-bottom: 20px;}
	
.StepTitle { font-size: 22px;}

