/* CSS for Article Comments */
/* TMFJamieS 25/10/07 */

.CommentCount {
    background: #ffffff url(http://g.fool.co.uk/Art/Global/MiniIconSprite.gif) no-repeat 0 4px scroll;
    margin: 0;
    padding: 0 0 3px 15px;
}

.CommentWrapper {
    border-top: 1px solid #ccc;
    margin: 10px 0;
    min-width: 0;
    position: relative;
}

/* Defines the decision center colours to apply to the comments module and post comments module */

/* 100% tint=#339933 */
/* 10% tint=#eaf5ea */
.YourMoney #CommentModule,
.YourMoney .CommentPostModule{
    background-color: #eaf5ea;
}

/* 100% tint=#cc0000 */
/* 10% tint=#fae5e5 */
.CcSavings #StaticArticle #CommentModule,
.CcSavings #StaticArticle .CommentPostModule,
.MoneySavingTips #CommentModule,
.MoneySavingTips .CommentPostModule {
    background-color: #fae5e5;
}

/* 100% tint=#008ACA */
/* 10% tint=#e5f3fa */
.CcLoans #StaticArticle #CommentModule,
.CcLoans #StaticArticle .CommentPostModule,
.GetOutOfDebt #CommentModule,
.GetOutOfDebt .CommentPostModule {
    background-color: #e5f3fa !important;
}

/* 100% tint=#92024D */
/* 10% tint=#f4e5ed */
.Property #CommentModule,
.Property .CommentPostModule {    
    background-color: #f4e5ed;
}

/* 100% tint=#c18307 */
/* 10% tint=#f9f2e6 */
.Pensions #CommentModule,
.Pensions .CommentPostModule {
    background-color: #f9f2e6;
}

/* 100% tint=#333333 */
/* 10% tint=#eaeaea */
.Investments #CommentModule,
.Investments .CommentPostModule {
    background-color: #eaeaea;
}

#CommentModule {
    margin: 15px 0 0 0;
}

/* Defines the Comments Module header */
#CommentModule h3 {
    background: #ffffff url(http://g.fool.co.uk/Art/Global/MiniIconSprite.gif) no-repeat 0 4px scroll;
    margin: 0;
    padding: 0 0 0 15px;
}

#CommentModule p.Disclaimer {
    background-color: #fff;
    font-size: 0.9em;
    padding: 0 0 5px 15px;
}

/* Resets line height and padding for the comments */
div#ed-body div.Even p{
    padding-bottom: 0.5em;
}

div#ed-body div.Odd p{
    padding-bottom: 0.5em;
}

/* Defines the general styles for the comments */

.CommentBody {
    padding: 0 0 0 10px;
    min-width: 0;
    position: relative;
}

.ReportLink {
    float: left;
    font-size: 0.75em;
}

.ArticleTop {
   font-size: 0.75em;
   float: right; 
}

.Clear {
    clear: both;
}

/* Defines the "odd" comment block */

.Odd {
    background-color: #ffffff;
    border-top: 1px dotted #444;
    border-bottom: 1px dotted #444;
    padding: 8px 15px 0 15px;
}

/* Defines the even comment block */

.Even {
    padding: 8px 15px 0 15px;
}

/* Defines the styling for the quoted text */
.CommentBody i {
    background: transparent url(http://g.fool.co.uk/Art/MasterSprites/QuotationSpriteMaster.gif) no-repeat 0 0 scroll;
    display: block;
    margin: 8px 0 8px 10px;
    text-indent: 25px;
}

br {
    line-height: 8px;
}


/* Even Quotes */
div.YourMoney div.Even div.CommentBody i {
    background-position: 0 -2100px;
}

.CcSavings div.Even div.CommentBody i,
div.MoneySavingTips div.Even div.CommentBody i {
    background-position: 0 -2450px;
}

.CcLoans div.Even div.CommentBody i, 
div.GetOutOfDebt div.Even div.CommentBody i {
    background-position: 0 -2800px;
}

div.Property div.Even div.CommentBody i {
    background-position: 0 -3150px;
}

div.Pensions div.Even div.CommentBody i {
    background-position: 0 -3500px;
}

div.Investments div.Even div.CommentBody i {
    background-position: 0 -3850px;
}

/* Odd Quotes */
#CommentModule div.YourMoney div.Odd {
	background-color: #DAF9DA;
}
    

#CommentModule div.YourMoney div.Odd div.CommentBody i {
    background-position: 0 0px;
}

.CcSavings div.Odd div.CommentBody i,
div.MoneySavingTips div.Odd div.CommentBody i {
    background-position: 0 -350px;
}

.CcLoans div.Odd div.CommentBody i,
div.GetOutOfDebt div.Odd div.CommentBody i {
    background-position: 0 -700px;
}

div.Property div.Odd div.CommentBody i {
    background-position: 0 -1050px;
}

div.Pensions div.Odd div.CommentBody i {
    background-position: 0 -1400px;
}

div.Investments div.Odd div.CommentBody i {
    background-position: 0 -1750px;
}

/* Defines the styling for the <strong> text */

div.YourMoney div.CommentHeader strong {
    color: #006600;
}

.CcSavings div.CommentHeader strong,
div.MoneySavingTips div.CommentHeader strong {
    color: #cc0000;
}

.CcLoans div.CommentHeader strong,
div.GetOutOfDebt div.CommentHeader strong {
    color: #008ACA;
}

div.Property div.CommentHeader strong {
    color: #802253;
}

div.Pensions div.CommentHeader strong {
    color: #996600;
}

div.Investments div.CommentHeader strong {
    color: #333333;
}

/*  Defines the post comment module */

.CommentPostModule {
    border-bottom: 1px dotted #444;
    margin: 8px 0 0 0;
    padding: 0 10px 0 10px;
}

.PostCommentButton {
    background: transparent url(http://g.fool.co.uk/Art/Buttons/postButton.gif) no-repeat left top scroll;
    border: none;
    cursor: pointer;
    display: block;
    height: 24px;
    margin: 5px 0 0 5px;
    width: 84px;
}

/* Defines the Comments H3 header */
.CommentPostModule h3 {
    background: #fff url(http://g.fool.co.uk/Art/Global/MiniIconSprite.gif) no-repeat 0 7px scroll;
    border-bottom: 1px dotted #444;
    margin: 0 -10px;
    padding: 5px 5px 5px 15px;
}

#PostComment {
    padding: 5px;
}

/* textbox style */
.CommentBox {
    border: 1px solid #444;
    width: 99%;
    height: 100px;
}
div.YourMoney .CommentBox { border-color: #339933; }
.CcSavings .CommentBox, div.MoneySavingTips .CommentBox { border-color: #eaadcc; }
.CcLoans .CommentBox, div.GetOutOfDebt .CommentBox { border-color: #008ACA; }
div.Property .CommentBox { border-color: #92024D; }
div.Pensions .CommentBox { border-color: #c18307; }
div.Investments .CommentBox { border-color: #cbc8b8; }