/*****************************************************
******** Community Features - Style Sheet
*****************************************************/

/* POSITION */

.communityContent
{
    position: relative;
    float: left;
    margin-top: 0px;
    width: 452px;
}

.communityColumnContent
{
    position: relative;
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 160px;
    border: 1px solid #8B5CAA;
    padding: 5px;
}

.shim1
{
    margin-top: 10px;
}

/* CONTENT DISPLAY */

.communityToggleBar
{
    background-color: #A99A6F;
    cursor: pointer; 
    padding: 5px; 
    color: #FFFFFF; 
    margin-bottom: 10px;
    font-weight: bold;
}

.communityToggleBar:hover
{
    background-color: #DBD0B1;
    color: #4A3C14;
}

.communityMenuPanel
{
    color: #A545B3;
}

.communityMenuPanel h1
{
    font-weight: bold;
}

.communityMenuPanel a:link, .communityMenuPanel a:visited, .communityMenuPanel a:active
{
    color: #A545B3;
    text-decoration: underline;
}

.communityMenuPanel a:hover
{
    color: #AB8C48;
}

.communityPageBanner
{
    margin: 50px 0px 10px 0px;
}

.communityPageTitle, a.communityPageTitle:link, a.communityPageTitle:visited, a.communityPageTitle:active
{
    color: #8C5BAB;
    font: 24px/30px Arial, sans-serif;
    float: left;
    position: relative;
}

a.communityPageTitle a:hover
{
    color: #847A57;
}

.communityPostDate
{
    float: right;
    font: 14px/24px Arial, sans-serif;
    color: #fff;
    font-weight: bold; 
    padding-right: 10px; 
}

.communityPostTitle, .communityPostTitle a:link, .communityPostTitle a:visited, .communityPostTitle a:active
{
    color: #fff;
    font: 14px/24px Arial, sans-serif;
    font-weight: bold;
    float: left;
    position: relative;
    padding-left: 10px;
    background-color: #8B5CAA;
    text-decoration: none;
}

.communityPostTitle a:hover
{
    text-decoration: underline;
    color: #fff;
}

.communityPostBody
{
    margin: 0 auto;
    color: #666666;
    font: 12px/18px Arial, Sans-Serif;
    width: 435px;
    min-height: 200px;
    float: left;
    position: relative;
    padding-bottom: 40px;
    text-align: justify;
}

.communityPostData
{
    font: 12px/18px Arial, Sans-Serif;
    color: #666666;
    position: relative;
    padding-top: 12px;
}

.communityPostData a:link, .communityPostData a:visited, .communityPostData a:active
{
    color: #A545B3;
    text-decoration: underline;
}

.communityPostData a:hover
{
    color: #AB8C48;
}

.communityComments td
{
    background-color: Transparent;
}

.commentHeader
{
    font: 16px/24px Arial, sans-serif;
}

.commentItem
{
    font: 12px/18px Arial, Sans-Serif;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    border-top: 5px solid #8C5BAB;
}

/* GRID STYLES */

.communityPostGrid
{
    width: 450px;
    border: none;
    float: left;
    position: relative;
}

.communityPostGrid td
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.communityPostRow
{
    background-color: Transparent;
    float: left;
    position: relative;
}

.communityPostRowAlt
{
    background-color: #EFE8F2;
    float: left;
    position: relative;
}

.communityEditGrid
{
    width: 435px;
    border: 1px solid #8C5BAB;
    margin-top: 15px;
}

.communityEditGrid a:link, .communityEditGrid a:visited, .communityEditGrid a:active
{
    color: #C10534;
}

.communityEditGridHeader
{
    background-color: #A99A6F;
    border-bottom: 1px solid #A99A6F;
}

.communityEditGridRow
{
    background-color: #E7EFD1;
}

.communityEditGridRowAlt
{
    background-color: #F4F8E9;
}

/* EDITING */

.communityEditorTable
{
    width: 575px;
    border: 1px solid #A99A6F;
    background-color: #FFFFFF;
}

.communityEditorCell
{
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}
