﻿.Wrapper {
 
}

.BillboardSpacer
{
    clear: both;
    height: 10px;
    width: 900px;
}

.BillboardCWrapper
{
    position: relative;
    float: left;
    left: 50%;
    margin-left: -494px;
    margin-top: 0px;
    background-color: Transparent;    
}













.ModuleContent.ArticleFooterWrapper
{
    position: relative;
	margin-top: 5px;
	margin-left: 5px; 
	margin-bottom: 5px;
	overflow: hidden;
    max-width: 100% -10;
	background-color: #ffffff;
}


.ModuleContent.ArticleContentWrapper {
	font-size:.75em;
}

.ArticleFooter {
	height:125px;
	width: 677px;
	margin:5px 5px 5px 5px;
	background-color: #e6e3e3;
}

.ArticleFooterLeft {
	float:left;
	margin:5px 0px 0px 5px;
	width:495px;
	height:115px;
	overflow: hidden;
}

.ArticleFooterLeft a {
	
	text-decoration:none;
}

.ArticleFooterLeft a:hover {
	text-decoration:underline;
}

.ArticleFooterLeft .ArticleFooterDiscuss {
	display:block;
	color:#000;
	font-weight:bold;
	font-size:1em;
	margin: 0px 0px 5px 0px;
	background: url('../Images/Icons/Discuss.png') no-repeat left center;
	line-height:25px;
	height:25px;
	padding:0px 0px 0px 35px;

}

.ArticleFooterLeft .ArticleFooterRelatedArticles {
	font-size: .9em;
}

.ArticleFooterLeft .ArticleFooterRelatedArticles .RelatedArticlesLinks {
	margin: 0px 0px 0px 0px;
	line-height: 12px;
	font-size:.95em;
}

.ArticleFooterRight {
	float:right;
	border-left:1px solid #535353;
	width:160px;
	height:115px;
	padding:0px 0px 0px 10px;
	margin:5px 0px 0px 0px;
}

.ArticleFooterRight .AddThis {
	text-align:center;
}

.ArticleFooterRight a,
.ArticleFooterRelatedArticles a {
	font-weight:normal;
	color:#000;
	display:block;
	margin-top:5px;
	text-decoration:none;
	font-size:.85em;
	}

.ArticleFooterRight a {
	margin-top:5px;
	font-weight:bold;
}

.ArticleFooterRight a:hover {
	text-decoration:underline;
}

.ArticleFooterRight .ArticleFooterEmail {
	background: url('../Images/Icons/Email.png') no-repeat left center;
	line-height:25px;
	height:25px;
	padding:0px 0px 0px 35px;
	}

.ArticleFooterRight .ArticleFooterPrint {
	background: url('../Images/Icons/Print.png') no-repeat left center;
	line-height:25px;
	height:25px;
	padding:0px 0px 0px 35px;
}

.ArticleFooterRight .ArticleFooterDownload {
	background: url('../Images/Icons/Download.png') no-repeat left center;
	line-height:25px;
	min-height:25px;
	padding:0px 0px 0px 35px;
}

.ArticleNotFoundContent {
	height:875px;
	background: url('../Images/ErrorScreen.jpg') no-repeat;
	background-position: center 150px;
}

.ArticleNotFoundContent a {
	color:Blue;
	text-decoration:none;
}

.ArticleNotFoundContent a:hover {
	text-decoration:underline;
}

.SearchArea {
	margin:0 auto;
	position:relative;
}

.SearchArea .globalSearchControl {
	float:left;
	margin:0px 0px 0px 10px;
}

.SearchArea .globalSearchControl input {
	font-size:9pt;
}

.ArticleNotFoundImage {
	margin:0 auto;
	width:650px;
}

/* Global Smart Search Styles Custom to the Article Not Found Page */
.SearchArea .GlobalSmartSearchBox {
    left: 305px;
    top:21px;
    font-family: Arial;
    z-index:1000;
}

.DnDiUpsell 
{
	clear: both;
	height: 200px;	
	width: 665px;
	border: 1px solid #999999;
	background-color: #e5e3e3;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.DnDiUpsellWrapper 
{
	position: relative;
	float: left;
	width: 655px;
	margin: 5px;
}



.DnDiUpsellHeader {
	border-bottom: 1px solid #999999;
	margin-bottom: 3px;
}

.DnDiUpsellText {
	font-size:1em;
	line-height: 22px;
}

.DnDiUpsellTable {
	font-size: 1em;
	border: 0px;
}

.DnDiUpsellTable li {
	margin-left: 12px;
}

.DnDiUpsell a img {
	border:none;
}

.DnDiUpsell h4 {
	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.4em;
	font-weight: bold;
	color: #990000; 
	margin:0px;
	padding:0px;
}

.DnDiUpsellButton {
	margin-top: 10px;
}






.DnDiUpsellShort 
{
	clear: both;
	height: 105px;	
	width: 665px;
	border: 1px solid #999999;
	background-color: #e5e3e3;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.DnDiUpsellWrapperShort 
{
	position: relative;
	float: left;
	width: 655px;
	margin: 5px;
}



.DnDiUpsellHeaderShort  {
	border-bottom: 1px solid #999999;
	margin-bottom: 3px;
}

.DnDiUpsellTextShort  {
	font-size:1em;
	line-height: 22px;
}

.DnDiUpsellTableShort  {
	font-size: 1em;
	border: 0px;
}

.DnDiUpsellTableShort  li {
	margin-left: 12px;
}

.DnDiUpsellShort  a img {
	border:none;
}

.DnDiUpsellShort  h4 {
	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.4em;
	font-weight: bold;
	color: #990000; 
	margin:0px;
	padding:0px;
}

.DnDiUpsellButtonShort  {
	margin-top: 10px;
}











/*
<div class="ArticleSectionBox">
	<div class="ArticleSectionHeadline">Content Headline Test</div>
	<div class="ArticleSectionLine"><!-- line --></div>
	<div class="ArticleSectionBody"><!-- content -->content goes here content goes here .
	</div>
</div>
*/

.ArticleSectionBox
{	
 	position:relative;
 	float: left;
	width: 677px;
	margin-top: 15px;
	overflow:hidden;
}

.ArticleSectionHeadline
{
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.5em;
	color: #990000; 
}

.ArticleSectionLine
{
    position: relative;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 1px;
    width: 100%;	
	border-bottom: 1px solid #ededed;
	background-color: #cccccc;
	overflow: hidden;
}

.ArticleSectionBody
{
	color: #000000;
}

 
.fooltable
{
	border: 1px solid #aaaaaa;	
	background-color: #dddddd;
}

.fooltable tr td
{
	text-align: center;
	border: 1px solid #aaaaaa;	
	width: 30px;
	background-color: #ffffff;	
}

.fooltable tr td.foolempty
{
	background-color: #dddddd;	
	border: 1px solid #dddddd;		
} 


/* ======== classic monster quiz ============== */

.masterquizwrapper
{
	float: left;
	position: relative;
	width: 675px;
 

}

.quizwrapper
{
	float: left;
	position: relative;
	width: 225px;
	height: 260px;

}

.monsterimage
{
	width: 150px;
	height: 150px;	
	border: 0px;
}

.imagewrapper
{
	float: left;
	width: 225px;
	margin-top: 10px;
	text-align: center; 
}

.answerwrapper
{
	float: left;
	width: 180px;
	margin-left: 30px; 
	height: 18px;
}

.answerleft
{
	float: left;
	width: 20px;
	height: 18px;
	line-height: 18px;	
}

.ansimg
{
	margin-top: 2px;
	margin-left: 2px;
}

.answerright
{
	float: left;
	width: 160px;
	height: 18px;
	line-height: 18px;	
    font-size: .95em; 	
}

.ansbold
{
    font-weight: bold;
}

.ansgrey
{
    color: #777777;
}

.submitwrapper
{
	float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 210px;
    height: 250px;
    background-color: #dddddd;
}

.submitbody
{
	float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 190px;
    height: 240px;

}

.submittext
{
	float: left;
    width: 190px;
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
}


.submitbutton
{
	float: left;
    margin-top: 20px;
    width: 190px;
    text-align: center;
    cursor: pointer;
}


.trywrapper
{
	float: left;
	width: 190px;
	margin-left: 10px; 
	height: 18px;
}

.tryleft
{
	float: left;
	width: 20px;
	height: 18px;
	line-height: 18px;	
}

.tryright
{
	float: left;
	width: 160px;
	height: 18px;
	line-height: 18px;	
    font-size: .95em; 	
}

.correcttext
{
	float: left;
    width: 190px;
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}


.trybutton
{
	float: left;
    margin-top: 20px;
    width: 190px;
    text-align: center;
    cursor: pointer;
}

.classicmonsterspollwrapper
{
	float: left;
    border: 0px;
 
    height: 0px;
    width: 0px;
    overflow: hidden;
    visibility: hidden;
 

}












.ExcerptBlurbText
{
 
    float: left;
    margin-left: 3px;
    margin-bottom: 10px;
}

.RelatedArticlesDetailedWrapper
{
    height: 76px;
    width: 325px;
    float: left;
    margin-left: 4px;
}

.RelatedArticlesDetailedSpacer
{
    float: left;
    width: 320px;    
    height: 71px;
    margin-left: 0px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

.RelatedArticlesDetailedSpacer2
{
    float: left;
    width: 320px;    
    height: 71px;
    margin-left: 0px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #efefef;
    border: 1px solid #efefef;    
}

.RelatedArticlesDetailedSpacer3
{
    float: left;
    width: 320px;    
    height: 71px;
    margin-left: 0px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
}

.RelatedArticlesDetailedImage
{
    float: left;
    margin-top: 3px;
    margin-left: 3px; 
    height: 65px;    
    width: 65px;    
}

.RelatedArticlesDetailedImage img
{
    height: 63px;    
    width: 63px;
    border: 1px solid #777777;    
}


.RelatedArticlesDetailedImage2
{
    float: left;
    margin-top: 3px;
    margin-left: 3px; 
    height: 65px;    
    width: 65px;  
}

.RelatedArticlesDetailedImage2 img
{
    height: 63px;    
    width: 63px;
    border: 1px solid #777777;  
    
    filter: Alpha(Opacity=30, FinishOpacity=30, Style=2); 
    -moz-opacity:0.3; 
    opacity: 0.3;
    -khtml-opacity: 0.3;    
      
} 



.RelatedArticlesDetailedText
{
    float: left;
    width: 245px;
    margin-left: 5px;
    margin-top: 2px;
}

.RelatedArticlesDetailedHeadline
{
    float: left;
    width: 231px;   
    font-size: .9em; 
    height: 16px;      
    font-weight: bold;
    overflow: hidden;
}

.RelatedArticlesDetailedHeadline2
{
    float: left;
    width: 231px;   
    font-size: .9em; 
    height: 16px;      
    font-weight: bold;
    overflow: hidden;
    color: #888888;
}

.RelatedArticlesDetailedHeadline3
{
    float: left;
    width: 231px;   
    font-size: .9em; 
    height: 16px;      
    font-weight: bold;
    overflow: hidden;
    color: #CC0000;
}

.RelatedArticlesDetailedHeadline a
{
    text-decoration: none;
    color: Black;
}

.RelatedArticlesDetailedHeadline a:hover
{
    text-decoration: underline;
}

.RelatedArticlesDetailedSub
{
    float: left;
    width: 243px;  
    font-size: .8em;
    max-height: 16px;
    line-height: 12px;
    color: #666666;
    overflow: hidden;
    font-style: italic;
}

.RelatedArticlesDetailedSub2
{
    float: left;
    width: 243px;  
    font-size: .8em;
    max-height: 16px;
    line-height: 12px;
    color: #777777;
    overflow: hidden;
    font-style: italic;
}

.RelatedArticlesDetailedBlurb
{
    float: left;
    width: 243px;  
    height: 37px;
    font-size: .8em;
    line-height: 12px;
    overflow: hidden;
}

.RelatedArticlesDetailedBlurb2
{
    float: left;
    width: 243px;  
    height: 37px;
    font-size: .8em;
    line-height: 12px;
    overflow: hidden;
    color: #888888;    
}

.RelatedArticlesDetailedIcon
{
    float: left;
    margin-top: 2px;
    width: 12px;
    height: 12px;
}

.RelatedArticlesDetailedIcon2
{
    float: left;
    margin-top: 2px;
    width: 12px;
    height: 12px;
    filter: gray;
}



