/* 00.0 - Related Post Styles
=====================================================================================================*/

    #related_posts, #related_posts *{ box-sizing: border-box;}
    #related_posts{
        background-color: #f5f5f5;
        border-radius: 12px;
        text-align: center;
        margin: -1.5em auto 1.5em;
        padding: 1em;
    }

    #related_posts:after{ content: ''; clear: both; display: block; }

    #related_posts li{
        position: relative;
        display: block;
        text-align: center;
        font-size: 1.2em;
        width: 33.3%;
        height: 120px;
        margin: 0;
        padding: 0;
        float: left;
        overflow: hidden;
    }

    #related_posts img{
        position: absolute;
        top: 0; left: 0;
        bottom: 0; right: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    #related_posts .cover{
        position: absolute;
        top: 0; left: 0;
        bottom:0; right: 0;
        z-index: 2;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.95) 90%, rgba(0,0,0,.95) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,.95)), color-stop(100%,rgba(0,0,0,.95)));
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.95) 90%,rgba(0,0,0,.95) 100%);
        background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.95) 90%,rgba(0,0,0,.95) 100%);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.95) 90%,rgba(0,0,0,.95) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,.95) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
        height: 100%;
        width: 100%;
        color: #fff;
        vertical-align: bottom;
    }

    #related_posts a{
        position: relative;
        z-index: 4;
        display: block;
        width: 100%;
        height: 100%;
    }
    #related_posts a span{
        position: absolute;
        bottom: .5em;
        left: 0; right: 0;
        text-shadow: 1px 1px 0 rgba(0,0,0,.8);
        color: #fff;
        padding: 0 .8em;
    }

    #related_posts li:after{
        content: '';
        position: absolute;
        bottom: 0; right: 0;
        z-index: 3;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 1.5em 1.5em;
        border-color: transparent;
        border-bottom-color: #fff;
        opacity: 1;
        transition: border .5s ease-in-out, background .2s ease-in-out, opacity 1s ease-in-out;
    }
    #related_posts li:hover:after{
        border-width: 0 0 30em 30em;
        height: 100%;
        opacity: 0.75;
        transition: border .5s ease-in-out, background 1.5s ease-in-out, opacity 1s ease-in-out;
    }
    #related_posts li.emp:after{ background-color: rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,1); }
    #related_posts li.for:after{ background-color: rgba(26,161,225,0);  border-bottom-color: rgba(26,161,225,1);  }
    #related_posts li.sto:after{ background-color: rgba(179,200,51,0);  border-bottom-color: rgba(179,200,51,1);  }
    #related_posts li.fut:after{ background-color: rgba(170,45,39,0);   border-bottom-color: rgba(170,45,39,1);   }
    #related_posts li.etf:after{ background-color: rgba(51,78,150,0);   border-bottom-color: rgba(51,78,150,1);   }
    #related_posts li.opt:after{ background-color: rgba(251,133,33,0);  border-bottom-color: rgba(251,133,33,1);  }

    #related_posts li.emp:hover:after{ background-color: #000; border-bottom-color: rgba(255,255,225,.5); }
    #related_posts li.for:hover:after{ background-color: #000; border-bottom-color: rgba(26,161,225,.5);  }
    #related_posts li.sto:hover:after{ background-color: #000; border-bottom-color: rgba(179,200,51,.5);  }
    #related_posts li.fut:hover:after{ background-color: #000; border-bottom-color: rgba(170,45,39,.5);   }
    #related_posts li.etf:hover:after{ background-color: #000; border-bottom-color: rgba(51,78,150,.5);   }
    #related_posts li.opt:hover:after{ background-color: #000; border-bottom-color: rgba(251,133,33,.5);  }

    #post_wrapper{ margin-bottom: 2em; }

    @media screen and (max-width: 1180px){
        #related_posts li{ font-size: 1em; width: 50%; height: 100px; }
    }
    @media screen and (max-width: 450px){
        #related_posts li{ font-size: 1.2em; width: 100%; }
    }

/* 00.0 - Post Moderation Styles
=====================================================================================================*/

    .bulk_approve, .bulk_deny{
        display: inline-block;
        width: 88px;
        height: 18px;
        vertical-align: middle;
    }
    .bulk_approve{ background-image: url(/img/btn_bulk_approve.gif); }
    .bulk_approve:hover{ background-image: url(/img/btn_bulk_approve_over.gif); }
    .bulk_deny{ background-image: url(/img/btn_bulk_deny.gif); }
    .bulk_deny:hover{ background-image: url(/img/btn_bulk_deny_over.gif); }

    #post-moderate .input.checkbox{ text-align: center; }

/* 00.0 - Financial Term Popup Styles
=====================================================================================================*/

    .term{
        cursor: pointer;
        position: relative;
        border-bottom: 1px dotted #999;
    }
    .term .term-anchor:hover{
        text-decoration: none !important;
        color: #999 !important;
    }

    .term-define{
        cursor: default;
        display: none;
        position: absolute;
        top: 1.5em; right: 0;
        z-index: 1000;
        background-color: rgba(0,0,0,.95);
        border-bottom: 1em solid rgba(0,0,0,.95);
        box-shadow: 10px 10px 0 rgba(0,0,0,.2);
        font-size: .8em;
        font-weight: normal !important;
        font-style: normal !important;
        line-height: 1.2em;
        color: #eee;
        width: 15em;
        max-height: 10em;
        padding: .8em 1em;
        overflow: auto;
    }
    .term-define strong{ color: #fff; }

	#affiliate_logo{
		max-height: 40px;
		padding-left:10px;
	}

	#sponsored_by{
		vertical-align:top;
		float:left
	}

	#sponsor{
		vertical-align:top;
		float:right;
		padding-left:5px
	}

    fieldset.sponsored{
        width: 95%;
        border-radius: 12px;
        border-color: #278717;
        box-shadow: 7px 7px 3px #ccc;
        margin-bottom: 30px;
	}

    fieldset.sponsored legend{
        font-weight: bold;
        font-size: 1.25em;
        color: #278717;
        padding: 0 5px;
    }