/* Order of styles is as follows. Use the codes to search for categories */

    /*
    [BF001] - shared
    [BF002] - large feature
    [BF003] - medium feature
    [BF004] - small feature
    [BF005] - list feature
    [BF006] - carousel feature
    */


    /* shared elements  [BF001]								-------------------------------------------------- */

    .related-title a:hover
    {
        color:#7e7d79;
    }

    .related-link a
    {
        color:#76756d;
        text-decoration:underline;
        font-size:10px;
        float:left;
        width:100%;
        padding:0 0 8px;
    }

    .relations-small-group .related-link a
    {
        margin:-4px 0 0;
        float:left;
        width:100%;
    }

    .related-link a:hover
    {
        color:#ababa7;
    }

    .relations-medium-group, .relations-small-group, .relations-list-group
    {
        float: left;
        width: 235px;
    }



    /* large browse features  [BF002]							-------------------------------------------------- */

    .relation-large
    {
        float: left;
        padding: 0;
        width: 100%;
    }

    .relation-large .related-table table
    {
        border-top: 1px solid #e8e8e8;
        margin: 0 0 17px;
    }

    .relation-large .related-image
    {
        border: 1px solid #e1e1e1;
        margin: 20px 17px 0 0;
        padding: 2px;
    }

    .relation-large .related-image a
    {
        display: block;
        height: auto;
        line-height:0;
        overflow: hidden;
        position: relative;
        width: 166px;
    }

    .relation-large .center-center
    {
        padding: 17px 0 0;
        width: auto;
    }

    .relation-large .related-title
    {
        height: auto;
        line-height: 1.1em;
        margin: 0;
        max-width: 660px;
    }

    .relation-large .related-summary {
        overflow: hidden;
        padding: 4px 6px 0 0;
        width: auto;
        font-size:13px;
        line-height:19px;
    }



    /* medium browse features  [BF003]							-------------------------------------------------- */

    .relations-medium-group table tbody tr td:last-child, .relations-medium-group table tbody tr td:last-child td,
    .relations-medium-group table tbody tr td:last-child .related-image, .relations-medium-group td.top-left,
    .relations-medium-group td.top-right, .relations-medium-group td.top-center
    {
        padding:0 !important;
    }

    #pg .relations-medium-group table tr:first-child .center-left, #pg .relations-medium-group table tr:first-child .center-center
    {
        border:0;
    }

    .relation-medium .related-summary
    {
        font-size: 11px;
        float:left;
        width: 155px;
        line-height:17px;
    }

    .relation-medium .related-title
    {
        line-height: 1.1em;
        margin: 0;
        padding: 5px 0 4px;
        width: 155px;
    }

    .relation-medium .related-image
    {
        padding: 0 12px 0 0;
    }

    .relation-medium .related-image a
    {
		border: 1px solid #E8E8E8;
		display: block;
		float: left;
		height: 127px;
		margin: 0 0 12px;
		padding: 2px;
		position: relative;
		width: auto;
    }

    .member-profile .relation-medium .related-image a
    {
        border:0;
        display:block;
        height:80px;
        margin:0 0 7px;
        padding:2px;
        position:relative;
        width:100%;
    }

    .member-profile .relation-medium .related-summary {
        color: #b1b1b1;
        float: left;
        font-size: 11px;
        line-height: 14px;
        margin: 0 0 0 4px;
        width: 155px;
    }

    .member-medium #editor-content h3
    {
        background:none !important;
    }

    .relation-medium .related-table td {
        padding: 0 2px 12px 0;
        vertical-align: top;
    }

    #pg-home .relation-medium .related-table
    {
        margin:0 0 38px;
    }

    #pg .relation-medium .related-table, #pg-header .relation-medium .related-table
    {
        margin:25px 0;
    }

    #pg.member-profile .relation-medium .related-table
    {
        margin:	16px 0 0;
    }



    /* small browse features  [BF004]							-------------------------------------------------- */

    .frontpage .relation-small .related-table
    {
        margin: 0 0 9px 9px;
        width: 225px;
    }

    .relation-small .related-table td
    {
        padding: 0 0 2px;
        vertical-align: top;
    }

    .relation-small .center-left
    {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 1px solid #e8e8e8;
    }

    .relation-small .related-image
    {
        background: none repeat scroll 0 0 transparent;
        border: 1px solid #E8E8E8;
        float: left;
        height: 55px;
        margin: 17px 10px 0 0;
        padding: 2px;
        width: 60px;
    }

    .relation-small .related-image a
    {
        display: block;
        height: 55px;
        margin: 0 6px 0 0;
        overflow: hidden;
        position: relative;
        width: 60px;
    }

    .relation-small .center-center
    {
        border-bottom: 1px solid #e8e8e8;
    }

    .relation-small h3
    {
         float: left;
        height: auto;
        line-height: 1.3em;
        margin: 0;
        padding: 16px 0 5px;
        width: 100%;
    }

    #content-area .relation-small h3 a, #content-area .relation-small h3 a:link, #content-area .relation-small h3 a:visited
    {
        color: #1C1717;
        display: block;
        float: left;
        font-size: 13px;
        font-weight: bold;
        line-height: 14px;
        padding: 2px 0 0;
        text-decoration: none;
    }

    .relation-small .related-summary {
        display: inline;
        float: left;
        line-height: 14px;
        margin: 0 4px 3px 0;
        max-height: 72px;
        overflow: hidden;
        width: auto;
        font-size:10px;
    }



    /* list browse features  [BF005]							-------------------------------------------------- */

    .relation-list .related-table
    {
        margin-left: 1px;
        margin-top: 15px;
        width: 100%;
    }

    .relation-list h3
    {
        margin:0;
    }

    .relation-list .center-right
    {
        border-bottom: 1px solid #e1e1e1;
        height: auto;
    }

    .relation-list .related-title a
    {
        float: left;
        line-height: 16px;
        margin: 0;
        padding: 9px 0 10px 12px;
        width: auto;
    }

    .relation-list .related-title a:hover
    {
        background:#f7f7f7;
        color:#2F2E26;
    }

    #pg .relation-list .related-title
    {
        width: auto;
    }

    .relation-list .related-title a:hover
    {
        text-decoration:underline;
    }