/*-----------------
CSS Document for WTF backend Articles
-----------------*/

body{
        color:#666;
        font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
        font-size:11px;
        line-height:16px;
}

p{
        margin: 0 0 15px 0;
}

b, strong{
        color:#562079;
}

i, em{
        font-style:italic;
}

a{
        color:#c60 !important;
}

strike{color:#999;}


.full-img-right, .full-img-left {
                margin: 0 0 10px 0;
                border: 1px solid #dab3e5;
                padding: 3px;
                background-color: #fff;
        }
       
                .full-img-right img, .full-img-left img {
                        display: block;
                }
       
                .full-img-right {
                        float: right;
                        margin-left: 10px;
                }

                .full-img-left {
                        float: left;
                        margin-right: 10px;
                }

ul {
                list-style: none;
                margin: 0;
        }
       
        li {
                        margin-bottom: 0px;
                        display: block;
                        padding-left: 10px;
                        font-size: 11px;
                        color: #666;
                        line-height: 16px;
                        background: url("../images/bg/full-bullet.gif") 0px 6px no-repeat;
        }

/* quotes */




.quote
{
        overflow: hidden;
        display: block;
        margin: 0px 0 0px 0px;
        width: 404px;
        background: #ddd2e4 url( "../images/bg/quote-top-bg.gif" ) top left no-repeat;
}

.quote-article
{
        overflow: hidden;
        float: left;
        display: inline;
        width: 161px;
        margin: 0px 15px 5px 0px;
        background: #ddd2e4 url( "../images/bg/quote_article_top.gif" ) top left no-repeat;
}

.quote-body
{
        clear: left;
        padding: 15px 0 10px 10px;
        background: url( "../images/bg/quote-bottom-bg.gif" ) bottom left no-repeat;
}
.quote-article .quote-body
{
        background: url( "../images/bg/quote_article_bottom.gif" ) bottom left no-repeat;
}
.quote-img
{
        overflow: hidden;
        width: 95px;
        float: left;
        margin-right: 5px;
}
.quote-article .quote-img
{
        width: 50px;
        display: inline;
}

.quote-img img
{
        border: 1px solid #a78bb9;
        padding: 3px;
        background-color: #fff;
}
.quote-article .quote-img img
{
        width: 45px;
        padding: 2px;
}

.quote-name
{
        margin: 0;
        padding-top: 5px;
        border-top: 1px solid #a78bb9;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        color: #562079;
}
.quote-article .quote-name
{
        float: right;
        border-top: 0px;
        margin-right: 15px;
        width: 80px;
}
.quote-article span.jobtitle
{
        font-size: 12px;
        line-height: 18px;
        color: #666666;
        font-weight: normal;
}
.quote-position
{
        padding-bottom: 5px;
        margin: 2px 0 0 0;
        border-bottom: 1px solid #a78bb9;
        color: #666666;
        font-size: 12px;
        font-weight: normal;
        line-height: 14px;
}
.quote-text
{
        float: left;
        width: 280px;
        padding-top: 5px;
}
.quote-article .quote-text
{
        float: none;
        clear: both;
        width: 161px;
        margin-left: -10px;
        margin-top: 3px;
        padding-bottom: 10px;
}
.quote-text p
{
        font-size: 12px;
        line-height: 18px;
        color: #666666;
}
.quote-article .quote-text p
{
        padding-top: 7px;
        line-height: 20px;
        margin-bottom: -6px;
        margin-left: 11px;
        margin-right: 12px;
        border-top: dotted 1px #dab3e5;
        background: url( "../images/bg/quote-up-bg.gif" ) top left no-repeat;
}


                       
.callout-content{
                float:left;
                width:162px;
                margin:0 8px 0px 0;
                padding:0px;
                padding-bottom:1px;
        }
       
        .callout-content-wide {
                width:404px;
                float:none;
                margin:0 0 5px 0;
                padding-bottom:0;
        }
       
                .callout-content p, .callout-content-wide p {
                        padding:5px 15px 10px;
                        line-height:18px;
                }
               
        .cc-purple{
                background:#f0e1f4 url("../images/bg/callout-purple-bottom.gif") bottom no-repeat;
        }
       
        .cc-purple-wide{
                background:#f0e1f4 url("../images/bg/callout-purple-wide-bottom.gif") bottom no-repeat;
        }
       
        .cc-gray{
                background:#e9e6dd url("../images/bg/callout-gray-bottom.gif") bottom no-repeat;
        }
       
        .cc-gray-wide{
                background:#e9e6dd url("../images/bg/callout-gray-wide-bottom.gif") bottom no-repeat;
        }
       
        .callout-content h4, .callout-content-wide h4 {
                margin:0;
                padding:10px 15px 5px;
                font-size:14px;
                color:#562079;
        }
       
        .cc-purple h4{
                background:#f0e1f4 url("../images/bg/callout-purple-top.gif") top no-repeat !important;
        }
       
        .cc-purple-wide h4{
                background:#f0e1f4 url("../images/bg/callout-purple-wide-top.gif") top no-repeat !important;
        }
       
        .cc-gray h4{
                background:#e9e6dd url("../images/bg/callout-gray-top.gif") top no-repeat !important;
        }
       
        .cc-gray-wide h4{
                background:#e9e6dd url("../images/bg/callout-gray-wide-top.gif") top no-repeat !important;
        }
       
                /* the text styles */
       
        .contitle {
                font-size:18pt;
                color:#562079;
                line-height:24px;
        }
       
        .contitle-tan {
                font-size:18pt;
                color:#a2966f;
                line-height:24px;
        }

        .contitle-black {
                font-size:18pt;
                color:#a2966f;
                line-height:24px;
        }       

		.contitle-black {
	     font-size:18pt;
		    color:#a2966f;
		    line-height:24px;
	    }


/* the text styles */
       
        .contitle {
                font-size:18pt;
                display:block;
                color:#562079;
                line-height:24px;
        }
       
        .contitle-tan {
                font-size:18pt;
                display:block;
                color:#a2966f;
                line-height:24px;
        }

		.contitle-black {
			font-size:18pt;
			color:#a2966f;
			line-height:24px;
		}        
       
        .contitle-alert {
                font-size:18pt;
                display:block;
                color:#cc310d;
                line-height:24px;
        }
       
        .subheadline-gray {
                font-size:14px;
                display:block;
                color:#666;
                line-height:18px;      
        }
                       
        .tagline-text {
                font-size:12px;
                display:block;
                color:#a769bd;
                line-height:16px;      
        }
       
        .tagline-tan {
                font-size:12px;
                display:block;
                color:#a2966f;
                line-height:16px;      
        }
       
        .sourcetitle {
                font-size:12px;
                color:#666;
                line-height:21px;
                font-style:italic;
        }
       
        .bodycopyintro-1 {
                font-size:20px;
                color:#562079;
                display:block;
                line-height:18px;
        }

        .subhead-purple {
                font-size:14px;
                color:#562079;
                display:block;
                line-height:18px;
        }

        .subhead-gray {
                font-size:14px;
                display:block;
                color:#666;
                line-height:18px;      
        }

        .normal-text {
        color:#666;
        font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
        font-size:11px;
        line-height:16px;
}


        .bodycopyintro-2 {
                font-size:11px;
                color:#562079;         
        }
       
        .rule {
            height: 0;
            overflow: hidden;
            padding-top: 10px;
            margin: 0 15px 10px 15px;
    }

    .rule-solid {
            border-bottom: 1px solid #dab3e5;
    }

    .rule-dotted {
            border-bottom: 1px dotted #dab3e5;
    }   
    
    .module {
    	color:#666;
    	padding:3px 0px;
    	margin-bottom:15px;
    }

    .module .mod-inset {
    	background:#f9e6a2 url('/Skins/1199ff/images/common/mod_action_bg.gif') no-repeat right bottom;
    }

    .mod-inset {
    	height:1%;
    	overflow:hidden;
    	border-top:1px solid #FFF;
    	border-bottom:1px solid #FFF;
    	padding:12px 14px;
    }	
    .module h3 {
    	color:#666;
    	border-bottom:1px dotted #CCC;
    	padding:0 0 6px !important;
    	margin:0 0 10px;
    }
    .module .input {
    	width:96%;
    	border:1px solid #CCC;
    }
    .module .align-right {
    	text-align:right;
    }
    .module label {
    	font-weight:bold;
    }

    
    	.secondary .mod-inset {
    		background:#dde4ec url('/Skins/1199ff/images/common/mod_blue_bg.gif') repeat-x;
    	}
    


    	/* --- --- */
    
    	.primary .mod-inset {
    		background:#eceae7 url('/Skins/1199ff/images/common/mod_beige_bg.gif') repeat-x;
    	}
    
    	.module.action {
    		width:171px;
    		float:right;
    		background-color:#f6da76;
    		margin-left:15px;
    	}

    	.module.action h3, .module.action a, .module.action input {
    		color:#726455;
    		border-color:#726455;
    		padding-bottom:3px;
    	}

    	.smallprint {
    		font-size:10px;
    	}

    	/* --- --- */
    	.module.cta {
    		width:171px;
    		float:right;
    		background-color:#f6da77;
    		margin-left:15px;
    	}
    
   
   
   /*-------------------------------------------------------*/