/* ================================================================================= */
/* GLIG.com glig widgets base CSS file v. 0.1                                        */
/* ================================================================================= */

.pager_widget
{
}

    .pager_widget .index
    {
        font-weight: normal;
        margin-right: 12px;
    }

    .pager_widget .compact
    {
        margin-right: 5px;
    }

    .pager_widget .buttons a
    {
        border: 1px solid #b2c1db;
        text-decoration: none;
        padding: 1px 3px 1px 3px;
        margin-right: 2px;
    }

    .pager_widget .buttons a:hover
    {
        color: #cc6633;
    }

    .pager_widget .buttons .current
    {
        font-weight: bold;
        padding: 2px;
        margin-right: 2px;
    }

    .pager_widget .buttons .ellipsis
    {
        padding: 2px;
        margin-right: 2px;
    }

    .pager_widget .buttons .compact
    {
        padding: 1px;
        margin-right: 1px;
    }

.pager_simple_widget
{
}

    .pager_simple_widget .buttons a
    {
        text-decoration: none;
        padding: 2px;
        margin-right: 2px;
    }

    .pager_simple_widget .buttons a:hover
    {
        text-decoration: underline;
        color: #cc6633;
    }

    .pager_simple_widget .buttons .current
    {
        font-weight: bold;
        padding: 2px;
        margin-right: 2px;
    }

    .pager_simple_widget .buttons .ellipsis
    {
        padding: 2px;
        margin-right: 2px;
    }

    .pager_simple_widget .buttons .compact
    {
        padding: 1px;
        margin-right: 1px;
    }

.text_editor_widget
{
}

    .text_editor_widget .preview
    {
        visibility: hidden;
        margin-bottom: 10px;
    }

    .text_editor_widget .toolbar
    {
        margin-bottom: 5px;
        float: left;
    }

        .text_editor_widget .toolbar img
        {
            width: 16px;
            height: 13px;
        }

        .text_editor_widget .toolbar .button
        {
            margin-right: 5px;
            background-color: #f0f0f0;
            border: 1px solid #9ab09d;
            padding: 3px;
            float: left;
        }

        .text_editor_widget .toolbar div.button:hover
        {
            background-color: gold;
        }

    .text_editor_widget textarea
    {
        width: 410px;
        height: 8.4em;
        overflow: auto;
        margin-bottom: 8px;
        float: left;
    }

    .text_editor_widget .submit
    {
        width: 410px;
        float: left;
        text-align: right;
    }

        .text_editor_widget .submit a
        {
            display: block;
            margin-left: 8px;
            float: right;
        }

        .text_editor_widget .submit input[type=image]
        {
            margin-left: 8px;
            float: right;
            padding: 0;
        }

    .text_editor_widget .smilies
    {
        float: right;
        width: 85px;
        text-align: center;
    }

        .text_editor_widget .smilies .header
        {
            font-weight: bold;
            margin-bottom: 7px;
            color: #575757;
        }

        .text_editor_widget .smilies .matrix
        {
            margin-bottom: 4px;
        }

        .text_editor_widget .smilies a
        {
            padding: 2px;
            margin: 0;
            display: block;
        }

        .text_editor_widget .smilies img
        {
            margin: 0;
            padding: 0;
        }

.color_picker_widget
{
    padding: 3px 2px 5px 4px;
}

    .color_picker_widget .matrix
    {
    }

        .color_picker_widget .matrix .color
        {
            width: 10px;
            height: 8px;
            margin: 2px 3px 1px 1px;
            float: left;
            border: 1px solid #999999;
        }

        .color_picker_widget .matrix div.color:hover
        {
            margin: 1px 2px 0 0;
            border: 2px solid red;
        }

    .color_picker_widget .details
    {
        margin-top: 5px;
        text-align: center;
    }

        .color_picker_widget .details .hex
        {
            width: 48px;
            border: 1px solid #cccccc;
            float: left;
            margin-right: 5px;
        }

        .color_picker_widget .details .sample
        {
            width: 53px;
            font-size: 13px;
            text-align: center;
            float: left;
        }

.font_picker_widget
{
    padding: 0;
}

    .font_picker_widget ul
    {
        list-style: none;
    }

    .font_picker_widget li
    {
        padding: 2px 5px 2px 5px;
    }

    .font_picker_widget li:hover
    {
        background-color: #ccccdd;
    }

.link_adder_widget
{
    padding: 8px;
    margin-left: -170px;
}

    .link_adder_widget .url
    {
        width: 200px;
        border: 1px solid #cccccc;
        margin-left: 5px;
        margin-right: 8px;
    }

.image_adder_widget
{
    padding: 8px;
    margin-left: -180px;
}

    .image_adder_widget .url
    {
        width: 200px;
        border: 1px solid #cccccc;
        margin-left: 5px;
        margin-right: 8px;
    }

/* Used by generic galleries */

.gallery_matrix_widget
{
}

    .gallery_matrix_widget .row
    {
        margin-bottom: 0;
    }

    .gallery_matrix_widget .item
    {
        float: left;
    }

    .gallery_matrix_widget .item:hover
    {
        border: 1px solid orange;
        background-color: #f0e0d9;
        margin: -1px;
    }

    .image
    {
        position: relative;
        display: block;
    }

        .image img
        {
            position: absolute;
            top: 0;
            left: 0;
        }

    .cover
    {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

    .gallery_matrix_widget .info_block
    {
        width: 100%;
        color: #7e7e7e;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
        padding-top: 5px;
    }

        .gallery_matrix_widget .info_block p
        {
            margin-bottom: 1px;
        }

        .gallery_matrix_widget .info_block img
        {
            display: inline;
            margin-right: 2px;
        }

        .gallery_matrix_widget .info_block a
        {
            text-decoration: none;
        }

        .gallery_matrix_widget .info_block a:hover
        {
            text-decoration: underline;
        }

/* used specifically by graphics/layouts/etc galleries */

.items_gallery_widget
{
    margin-bottom: 15px;
}

    .items_gallery_widget .header
    {
        margin-bottom: 15px;
    }

    .items_gallery_widget .gallery_matrix_widget
    {
    }

    .items_gallery_widget .pager_widget
    {
        margin-top: 20px;
        text-align: center;
    }

/* used specifically by graphics/layouts/etc details */

.item_details_widget
{
    margin-bottom: 15px;
}

    .item_details_widget .header
    {
        margin-bottom: 15px;
    }

        .item_details_widget .header #fav_icon
        {
            display: inline;
            margin-right: 5px;
        }

    .item_details_widget .item
    {
        margin-bottom: 10px;
    }

    .item_details_widget .description
    {
        width: 400px;
        text-align: center;
        margin-bottom: 15px;
    }

    .item_details_widget .toolbox_widget
    {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .item_details_widget .item_comments_widget
    {
        margin-top: 15px;
    }

.toolbox_widget
{ }

.bookmark_widget
{ }

    .bookmark_widget img
    {
        display: inline;
        margin-left: 12px;
        margin-bottom: -3px;
    }

.item_vote_widget
{
    position: relative;
    text-align: center;
}

    .item_vote_widget .title
    {
        color: #575757;
    }

    .item_vote_widget .options
    {
        position: relative;
        text-align: center;
    }

        .item_vote_widget .options img
        {
            display: inline;
        }

    .item_vote_widget .icon
    {
        display: inline;
        margin-right: 2px;
    }

    .item_vote_widget .caption
    {
        margin-top: 6px;
    }

    .item_vote_widget .login_message
    {
        width: 100px;
    }

.tag_cloud
{
}

    .tag_cloud .title
    {
        color: #adbfb0;
        font-weight: bold;
    }

    .tag_cloud a
    {
        text-decoration: none;
    }

    .tag_cloud a:hover
    {
        color: #e8894d;
    }

/* generic comments widget */

.comments_matrix_widget
{
    position: relative;
}

    .comments_matrix_widget .entry
    {
        position: relative;
        margin-bottom: 10px;
    }

    .comments_matrix_widget .entry .avatar
    {
        position: absolute;
        padding-top: 10px;
        top: 0;
        left: 0;
        width: 70px;
    }

    .comments_matrix_widget .entry .comment
    {
        position: relative;
        margin-left: 70px;
    }

    .comments_matrix_widget .entry .comment .content
    {
        position: relative;
    }

    .comments_matrix_widget .entry .comment .content .title
    {
        color: #e8894d;
    }
    .comments_matrix_widget .entry .comment .content .title a
    {
        color: #e8894d;
    }
    
    .comments_matrix_widget .entry .comment .content .text
    {
        /* the max-width is determined by our container */
        max-height: 450px;
        overflow: auto;
    }

    .comments_matrix_widget .entry .comment .content .options
    {
        margin-top: 8px;
        color: #8a9e8d;
        text-align: center;
    }

    .comments_matrix_widget .entry .comment .content .options a
    {
        color: #8a9e8d;
        text-decoration: none;
        margin-left: 5px;
        margin-right: 5px;
    }

    .comments_matrix_widget .comment .options a:hover
    {
        text-decoration: underline;
    }

    .comments_matrix_widget .comment .content
    {
        position: relative;
    }

.comment_editor_widget
{ }

/* forum-specific widgets */

.forum_path_widget
{ }

    .forum_path_widget a
    {
        color: #8a9e8d;
        font-weight: bold;
        text-decoration: none;
    }
    .forum_path_widget a:hover
    {
        text-decoration: underline;
    }

.forums_widget
{
    position: relative;
}

    .forums_widget .forums
    {
        position: relative;
        width: 600px;
    }

    .forums_widget .entry
    {
        position: relative;
        margin-bottom: 1px;
        /* padding: 12px 10px 0 20px; */
        padding: 12px 10px 0 10px;
        height: 48px;
    }

        .forums_widget .inner
        {
            position: relative;
        }

        .forums_widget .entry .icon_new
        {
            position: absolute;
            left: 0;
            top: 3px;
        }

        .forums_widget .entry .box
        {
            position: absolute;
            overflow: hidden;
            height: 30px;
        }

        .forums_widget .entry .box1
        {
            left: 33px;
        }
        .forums_widget .entry .box2
        {
            left: 350px;
        }
        .forums_widget .entry .box3
        {
            right: 0;
            width: 120px;
            text-align: center;
        }

    .forums_widget .entry_news
    {
        background-image: url("/images/forum/main/news.png");
        padding-top: 12px;
        height: 48px;
    }

    .forums_widget .entry_general
    {
        background-image: url("/images/forum/main/general.png");
        padding-top: 16px;
        height: 44px;
    }

    .forums_widget .entry_arthouse
    {
        background-image: url("/images/forum/main/arthouse.png");
        padding-top: 16px;
        height: 44px;
        margin-bottom: -2px;
    }

    .forums_widget .entry_request
    {
        background-image: url("/images/forum/main/request.png");
        padding-top: 16px;
        height: 44px;
    }

    .forums_widget .entry_fashion
    {
        background-image: url("/images/forum/main/fashion.png");
        padding-top: 16px;
        height: 44px;
    }

    .forums_widget .entry_music
    {
        background-image: url("/images/forum/main/music.png");
        padding-top: 13px;
        height: 47px;
    }

    .forums_widget .entry_poetry
    {
        background-image: url("/images/forum/main/poetry.png");
        padding-top: 14px;
        height: 46px;
    }

    .forums_widget .entry_love
    {
        background-image: url("/images/forum/main/love.png");
        padding-top: 17px;
        height: 43px;
    }

    .forums_widget .entry_soultest
    {
        background-image: url("/images/forum/main/love.png");
        padding-top: 17px;
        height: 43px;
    }

    .forums_widget .entry_parenting
    {
        background-image: url("/images/forum/main/parenting.png");
        padding-top: 12px;
        height: 48px;
    }

    .forums_widget .entry_ideas
    {
        background-image: url("/images/forum/main/ideas.png");
        padding-top: 12px;
        height: 48px;
    }

    .forums_widget .entry_help
    {
        background-image: url("/images/forum/main/help.png");
        padding-top: 12px;
        height: 48px;
    }

    .forums_widget .entry_mods
    {
        background-image: url("/images/forum/main/mods.png");
        padding-top: 12px;
        height: 48px;
    }

    .forums_widget .title
    {
        color: #8a9e8d;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .forums_widget .description
    {
    }

    .forums_widget .title_views
    {
        color: #eca072;
        font-weight: bold;
    }

    .forums_widget .title_reactions
    {
        color: #a6b8a9;
        font-weight: bold;
    }

    .forums_widget .latest_comment img
    {
        display: inline;
        margin-left: 2px;
    }
    .forums_widget .latest_comment a
    {
        text-decoration: none;
    }
    .forums_widget .latest_comment a:hover
    {
        text-decoration: underline;
    }

.forum_threads_widget
{
    position: relative;
}

    .forum_threads_widget .header
    {
        margin-left: 5px;
        margin-bottom: 8px;
    }

    .forum_threads_widget .glig_slanted_box
    {
        padding: 16px;
    }

    .forum_threads_widget .threads
    {
        position: relative;
        padding: 1px;
        margin-bottom: 5px;
    }

        .forum_threads_widget .threads .entry
        {
            position: relative;
            margin-top: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #f0f0f0;
        }

        .forum_threads_widget .threads .entry:last-child
        {
            border: 0;
        }

        .forum_threads_widget .threads .entry .avatar
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
        }

            .forum_threads_widget .threads .entry .avatar img
            {
                border: 1px solid #cccccc;
            }

        .forum_threads_widget .threads .entry .thread
        {
            position: relative;
            margin-left: 45px;
        }

        .forum_threads_widget .thread .box
        {
            position: relative;
            float: left;
        }
        .forum_threads_widget .thread .box1
        {
            position: relative;
            text-align: left;
            width: 240px;
            width: 50%;
        }
        .forum_threads_widget .thread .box2
        {
            width: 130px;
            text-align: center;
            width: 20%;
        }
        .forum_threads_widget .thread .box3
        {
            text-align: center;
            white-space: nowrap;
            width: 30%;
        }

        .forum_threads_widget .title
        {
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden;
        }
        .forum_threads_widget .title a
        {
            font-size: 12px;
            color: #8a9e8d;
            font-weight: bold;
            text-decoration: none;
        }
        .forum_threads_widget .title a:hover
        {
            text-decoration: underline;
        }

        .forum_threads_widget .summary
        {
            color: #999999;
            margin-bottom: 0;
            overflow: hidden;
            white-space: nowrap;
        }

        .forum_threads_widget .pager
        {
            margin-left: 10px;
            color: #aaaaaa;
            font-size: 10px;
        }
        .forum_threads_widget .pager a
        {
            color: #aaaaaa;
            font-weight: normal;
            text-decoration: underline;
            font-size: 10px;
        }

        .forum_threads_widget .owner
        {
            color: #aaaaaa;
        }
        .forum_threads_widget .owner a
        {
            color: #eca072;
            font-weight: bold;
            text-decoration: none;
        }
        .forum_threads_widget .owner a:hover
        {
            text-decoration: underline;
        }

        .forum_threads_widget .reactions
        {
            color: #a6b8a9;
            font-weight: bold;
        }

        .forum_threads_widget .date
        {
        }

        .forum_threads_widget .latest_comment img
        {
            display: inline;
            margin-left: 2px;
        }
        .forum_threads_widget .latest_comment a
        {
            text-decoration: none;
        }
        .forum_threads_widget .latest_comment a:hover
        {
            text-decoration: underline;
        }

    .forum_threads_widget .pager_widget
    {
        margin-top: 15px;
        text-align: center;
    }

    .forum_threads_widget .pager_simple_widget
    {
        position: absolute;
        top: 0px;
        right: 5px;
    }

    .forum_threads_widget .toolbar
    {
        margin-top: 10px;
    }
    .forum_threads_widget .toolbar a
    {
        float: right;
    }

.forum_thread_editor_widget
{ }

    .forum_thread_editor_widget .header
    {
        margin-bottom: 8px;
    }

    .forum_thread_editor_widget .glig_slanted_box
    {
        background-color: #f4f4f4;
    }

    .forum_thread_editor_widget .error
    {
        margin-bottom: 10px;
        max-width: 500px;
        float: left;
        padding: 5px 10px 5px 5px;
        font-weight: normal;
        color: #ff3333;
        background-color: #ffeeee;
        border: 1px solid #ff3333;
    }

    .forum_thread_editor_widget .error img
    {
        display: inline;
        vertical-align: middle;
    }

    .forum_thread_editor_widget .editor
    {
        width: 510px;
        margin: 8px auto 8px auto;
    }

        .forum_thread_editor_widget .editor .label
        {
            float: left;
            font-weight: bold;
            margin-right: 8px;
            width: 45px;
            text-align: right;
            padding-top: 2px;
        }

        .forum_thread_editor_widget .editor .newline
        {
            margin-bottom: 12px;
            clear: both;
        }

        .forum_thread_editor_widget .editor .avatars
        {
        }

            .forum_thread_editor_widget .editor .avatars input[type=radio]
            {
                float: left;
                margin-top: 10px;
                margin-right: 3px;
            }

            .forum_thread_editor_widget .editor .avatars .button
            {
                float: left;
                margin-right: 7px;
                padding: 1px;
            }

            .forum_thread_editor_widget .editor .avatars .active
            {
                border: 1px solid black;
                padding: 0;
            }

            .forum_thread_editor_widget .editor .avatars .button:hover
            {
                border: 1px solid darkgray;
                padding: 0;
            }

        .forum_thread_editor_widget .editor select
        {
            float: left;
        }

        .forum_thread_editor_widget .editor input[type=text]
        {
            float: left;
            border: 1px solid #b9c4cb;
            width: 453px;
        }

        .forum_thread_editor_widget .editor .toolbar
        {
            margin-top: 2px;
        }

        .forum_thread_editor_widget .editor textarea
        {
            width: 508px;
            height: 11.55em;
            overflow: auto;
            margin-bottom: 8px;
            float: none;
        }

        .forum_thread_editor_widget .editor .smilies
        {
            width: auto;
            text-align: center;
            float: none;
        }

            .forum_thread_editor_widget .editor .smilies .matrix
            {
                float: left;
                margin-right: 5px;
            }

            .forum_thread_editor_widget .editor .smilies .header
            {
                display: none;
            }

            .forum_thread_editor_widget .editor .smilies .footer
            {
                float: left;
                margin-top: 2px;
            }

    .forum_thread_editor_widget .submit
    {
        width: auto;
        text-align: right;
        margin-top: 10px;
        float: none;
    }

.forum_comments_widget
{
}

    .forum_comments_widget .header
    {
        margin-bottom: 12px;
    }

    .forum_comments_widget .comments
    {
        position: relative;
    }

    .forum_comments_widget .pager_widget
    {
        margin-top: 25px;
        text-align: center;
    }

    .forum_comments_widget .pager_simple_widget
    {
        position: absolute;
        top: 0px;
        right: 5px;
    }

    .forum_comments_widget .comment_editor_widget
    {
        margin-top: 15px;
    }

.item_comments_widget
{
    position: relative;
}

    .item_comments_widget .header
    {
        margin-bottom: 12px;
    }

    .item_comments_widget .header h3
    { }

    .item_comments_widget .header .number
    {
        font-size: 75%;
        color: #aaaaaa;
    }

    .item_comments_widget .pager_widget
    {
        margin-top: 20px;
        text-align: center;
    }

    .item_comments_widget .pager_simple_widget
    {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .item_comments_widget .comment_editor_widget
    {
        margin-top: 15px;
    }

.soultest_widget
{
}

    .soultest_widget h1
    {
        margin-bottom: 15px;
    }

    .soultest_widget .title
    {
        color: #91a995;
        font-weight: bold;
        font-size: 110%;
        margin-bottom: 10px;
    }

    .soultest_widget #button_text
    {
        color: red;
    }

    .soultest_widget .question img
    {
        display: inline;
    }

    .soultest_widget .page
    {
        padding: 3px;
        margin-bottom: 3px;
    }

    .soultest_widget .question
    {
        margin-bottom: 25px;
    }

        .soultest_widget .question img[align=left]
        {
            margin-right: 15px;
        }

    .soultest_widget .answer
    {
        margin-bottom: 3px;
    }

        .soultest_widget .answer input[type=radio]
        {
            margin-right: 5px;
        }

    .soultest_widget .toolbar
    {
        height: 30px;
    }

.soultests_gallery_widget
{
}

    .soultests_gallery_widget a.title
    {
        font-weight: bold;
        font-size: 100%;
        color: #8a9e8d
    }

    .soultests_gallery_widget .box1 p
    {
        margin-top: 3px;
    }

    .soultests_gallery_widget .box1 p.inactive
    {
        color: #cccccc;
    }

    .soultests_gallery_widget .box2
    {
        padding-top: 3px;
    }

    .soultests_gallery_widget .box3 p
    {
        margin: 0;
    }


.code_widget
{
    display: block;
    width: 100%;
    text-align: left;
}

    .code_widget h3
    { margin-bottom: 3px; }

    .code_widget p
    { margin-bottom: 5px; }

    .code_widget textarea
    {
        width: 280px;
        height: 2.4em;
        margin: 0 0 15px 0;
        padding: 3px;
        border: 0;
        overflow: hidden;
        color: #a5a5a5;
        border: 1px solid #cccccc;
    }

.front_login_widget
{ }

.graphics_index_widget
{
}

.forum_index_widget
{
}

/* generic messages widget */

.messages_matrix_widget
{
    position: relative;
}

    .messages_matrix_widget .entry
    {
        position: relative;
        margin-bottom: 13px;
    }

    .messages_matrix_widget .entry .avatar
    {
        position: absolute;
        padding-top: 10px;
        top: 0;
        left: 0;
        width: 70px;
    }

    .messages_matrix_widget .entry .message
    {
        position: relative;
        margin-left: 70px;
    }

    .messages_matrix_widget .entry .message .content
    {
        position: relative;
    }

    .messages_matrix_widget .entry .message .content .title
    {
        color: #e8894d;
    }
    .messages_matrix_widget .entry .message .content .title a
    {
        color: #e8894d;
    }
    
    .messages_matrix_widget .entry .message .content .text
    {
        /* the max-width is determined by our container */
        max-height: 400px;
        overflow: auto;
    }

    .messages_matrix_widget .entry .message .content .options
    {
        margin-top: 8px;
        color: #8a9e8d;
        text-align: center;
    }

    .messages_matrix_widget .entry .message .content .options a
    {
        color: #8a9e8d;
        text-decoration: none;
        margin-left: 5px;
        margin-right: 5px;
    }

    .messages_matrix_widget .message .options a:hover
    {
        text-decoration: underline;
    }

    .messages_matrix_widget .message .content
    {
        position: relative;
    }

.message_box_widget
{
}

    .message_box_widget .header
    {
        margin-bottom: 5px;
    }

        .message_box_widget .header .title
        {
            color: #8a9e8d;
            font-size: 16px;
            font-weight: bold;
        }

    .message_box_widget .messages
    {
        position: relative;
    }

        .message_box_widget .messages .entry
        {
            padding-bottom: 3px;
            padding-top: 6px;
            border-bottom: 1px solid #eeeeee;
        }

        .message_box_widget .messages .entry:first-child
        {
            padding-top: 0;
        }

        .message_box_widget .messages .entry .control
        {
            float: left;
            padding-top: 5px;
            margin-right: 10px;
        }

        .message_box_widget .messages .entry .avatar
        {
            float: left;
            margin-right: 10px;
            width: 30px;
        }

        .message_box_widget .messages .entry .sender
        {
            float: left;
            margin-right: 10px;
            color: #e8894d;
            width: 70px;
            overflow: hidden;
            white-space: nowrap;
        }
        .message_box_widget .messages .entry .sender a
        {
            color: #e8894d;
        }

        .message_box_widget .messages .entry .content
        {
            float: left;
            width: 290px;
            overflow: hidden;
            white-space: nowrap;
            margin-right: 2px;
        }

        .message_box_widget .messages .entry .subject
        {
            color: #8a9e8d;
            font-weight: bold;
            margin-bottom: 1px;
        }
        .message_box_widget .messages .entry .subject a
        {
            color: #8a9e8d;
            text-decoration: none;
        }
        .message_box_widget .messages .entry .subject a:hover
        {
            text-decoration: underline;
        }

            .message_box_widget .messages .entry .subject .unread
            {
                margin-left: 10px;
                font-weight: normal;
                color: #ff0000;
            }

            .message_box_widget .messages .entry .subject img
            {
                display: inline;
            }

        .message_box_widget .messages .entry .summary
        {
            color: #999999;
        }

        .message_box_widget .messages .entry .date
        {
            float: right;
            width: 95px;
            color: #aaaaaa;
            white-space: nowrap;
            text-align: right;
        }

    .message_box_widget .pager_widget
    {
        margin-top: 15px;
        text-align: center;
    }

    .message_box_widget .pager_simple_widget
    {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .message_box_widget .selector a
    {
        text-decoration: none;
    }
    .message_box_widget .selector a:hover
    {
        text-decoration: underline;
    }

    .message_box_widget .top_toolbar
    {
        margin-bottom: 2px;
    }

    .message_box_widget .toolbar
    {
        margin-top: 8px;
    }

    .message_box_widget .toolbar .selector
    {
        margin-bottom: 9px;
    }

    .message_box_widget .toolbar a
    {
        text-decoration: none;
    }
    .message_box_widget .toolbar a:hover
    {
        text-decoration: underline;
    }

    .message_box_widget .toolbar img
    {
        display: inline;
        vertical-align: middle;
        margin-right: 8px;
    }

    .message_box_widget .toolbar .newline
    {
        margin-bottom: 5px;
        clear: both;
    }

    .message_box_widget .toolbar .column1
    {
        float: left;
        width: 160px;
    }

    .message_box_widget .toolbar .column2
    {
        float: left;
        width: 160px;
        margin-left: 30px;
    }

    .message_box_widget .toolbar .column3
    {
        float: left;
        width: 160px;
        margin-left: 30px;
    }

.message_widget
{
    position: relative;
}

    .message_widget .message .content
    {
        padding-bottom: 7px;
    }

    .message_widget .message .content div.header
    {
        position: relative;
        padding-bottom: 5px;
        border-bottom: 1px solid #eeeeee;
    }

        .message_widget .message .content .header .folder_name
        {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 35px;
            color: #eeeeee;
        }

        .message_widget .message .content .header .avatar
        {
            float: left;
            margin-right: 12px;
        }

        .message_widget .message .content .header .info_block
        {
            float: left;
        }

            .message_widget .message .content .header .info_block .label
            {
                float: left;
                width: 50px;
                text-align: right;
                margin-right: 8px;
                font-weight: bold;
                color: #8a9e8d;
            }

            /*
            .message_widget .message .content .header .info_block
            {
                color: #8a9e8d;
            }

            .message_widget .message .content .header .info_block a
            {
                color: #e8894d;
            }
            */

            .message_widget .message .content .header .info_block .view_all_messages
            {
                margin-left: 15px;
                color: #cccccc;
            }
            .message_widget .message .content .header .info_block .view_all_messages a
            {
                color: #cccccc;
            }

            .message_widget .message .content .header .info_block .newline
            {
                margin-bottom: 5px;
                clear: both;
            }

        .message_widget .message .content .text
        {
            position: relative;
            /* the max-width is determined by our container */
            max-height: 800px;
            overflow: auto;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .message_widget .message .toolbar
        {
            border-top: 1px solid #eeeeee;
            padding-top: 8px;
        }

            .message_widget .message .toolbar p.header
            {
                color: #e8894d;
                margin-bottom: 8px;
            }

            .message_widget .message .toolbar img
            {
                display: inline;
                vertical-align: middle;
                margin-right: 8px;
            }

            .message_widget .message .toolbar .column1
            {
                float: left;
                width: 160px;
            }

            .message_widget .message .toolbar .column2
            {
                float: left;
                width: 160px;
                margin-left: 30px;
            }

            .message_widget .message .toolbar .column3
            {
                float: left;
                width: 160px;
                margin-left: 30px;
            }

            .message_widget .message .toolbar a
            {
                text-decoration: none;
            }
            .message_widget .message .toolbar a:hover
            {
                text-decoration: underline;
            }

            .message_widget .message .toolbar .newline
            {
                margin-bottom: 5px;
                clear: both;
            }

.message_editor_widget
{ }

    .message_editor_widget .header
    {
        margin-bottom: 8px;
    }

    .message_editor_widget .glig_slanted_box
    {
        background-color: #f4f4f4;
    }

    .message_editor_widget .error
    {
        margin-bottom: 10px;
        max-width: 500px;
        float: left;
        padding: 5px 10px 5px 5px;
        font-weight: normal;
        color: #ff3333;
        background-color: #ffeeee;
        border: 1px solid #ff3333;
    }

    .message_editor_widget .error img
    {
        display: inline;
        vertical-align: middle;
    }

    .message_editor_widget .editor
    {
        width: 510px;
        margin: 8px auto 8px auto;
    }

        .message_editor_widget .editor .label
        {
            float: left;
            font-weight: bold;
            margin-right: 8px;
            width: 65px;
            text-align: right;
            padding-top: 2px;
        }

        .message_editor_widget .editor .newline
        {
            margin-bottom: 12px;
            clear: both;
        }

        .message_editor_widget .editor input[type=text]
        {
            float: left;
            border: 1px solid #b9c4cb;
            width: 433px;
        }

        .message_editor_widget .editor .toolbar
        {
            margin-top: 2px;
        }

        .message_editor_widget .editor textarea
        {
            width: 508px;
            height: 15.75em;
            overflow: auto;
            margin-bottom: 8px;
            float: none;
        }

        .message_editor_widget .editor .smilies
        {
            width: auto;
            text-align: center;
            float: none;
        }

            .message_editor_widget .editor .smilies .matrix
            {
                float: left;
                margin-right: 5px;
            }

            .message_editor_widget .editor .smilies .header
            {
                display: none;
            }

            .message_editor_widget .editor .smilies .footer
            {
                float: left;
                margin-top: 2px;
            }

    .message_editor_widget .submit
    {
        width: auto;
        text-align: right;
        margin-top: 10px;
        float: none;
    }


/* ======== TODO: look into this ======== */



.progress_box
{
    position: absolute;
    width: 80px;
/*    background-color: #ccddff;
    opacity: 0.60; */
    color: #333344;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.graphics_moderate_widget
{
}

    .graphics_moderate_widget #heading
    {
        margin-top: 10px;
    }

    .graphics_moderate_widget #mod_matrix
    {
        position: relative;
        margin: 20px 0 20px 0;
        overflow: hidden;
        height: 450px;
    }

    .graphics_moderate_widget #mod_matrix .entry
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 278px;
        min-height: 370px;
        padding: 10px 5px 5px 5px;
        border: 1px solid #cccccc;
    }

        .graphics_moderate_widget #mod_matrix .entry .thumb_cell
        {
            height: 250px;
        }

        .graphics_moderate_widget #mod_matrix .entry .thumb
        {
            max-width: 278px;
            max-height: 250px;
        }

        .graphics_moderate_widget #mod_matrix .entry .title
        {
        }

        .graphics_moderate_widget #mod_matrix .entry .control
        {
            width: 278px;
            bottom: 10px;
        }

        .graphics_moderate_widget #mod_matrix .entry .head
        {
            height: 2.2em;
        }
        .graphics_moderate_widget #mod_matrix .entry .title
        {
        }
        .graphics_moderate_widget #mod_matrix .entry .owner
        {
        }
        .graphics_moderate_widget #mod_matrix .entry .categoryID
        {
            font-size: 15px;
            font-weight: bold;
        }
        .graphics_moderate_widget #mod_matrix .entry .filterID
        {
        }
        .graphics_moderate_widget #mod_matrix .entry .tags
        {
        }
        .graphics_moderate_widget #mod_matrix .entry .description
        {
            height: 4.8em;
            width: 90%;
            overflow: auto;
            border: 1px dashed #cccccc;
            margin-bottom: 5px;
            padding: 2px;
        }

    .graphics_moderate_widget #mod_matrix #slider
    {
        height: 30px;
    }

    .graphics_moderate_widget #mod_matrix #slider .entry
    {
        width: 10px;
        height: 10px;
        border: 1px solid #cccccc;
        background-color: #eeeeee;
    }

.text_generator_widget
{
    margin-bottom: 30px;
}

    .text_generator_widget img
    {
        display: inline;
    }

    .text_generator_widget h3
    {
        margin-bottom: 5px;
    }

    .text_generator_widget #font_matrix
    {
        /*background-color: #f3f3f3;
        padding: 5px;
        border: 1px solid #e4e4e4;*/
        margin-bottom: 10px;
    }

    .text_generator_widget .entry
    {
        float: left;
        width: 50px;
        height: 50px;
        margin: 0 9px 9px 0;
        border: 1px solid #cccccc;
        padding: 1px;
        background-color: white;
    }

    .text_generator_widget .entry:hover
    {
        border: 2px solid orange;
        background-color: #ffdd99;
        padding: 0;
    }

    .text_generator_widget .selected
    {
        border: 2px solid orange;
        background-color: #ffdd99;
        padding: 0;
    }

    .text_generator_widget #enter_area
    {
        margin-bottom: 13px;
    }

        .text_generator_widget #enter_area textarea
        {
            width: 550px;
            height: 3.6em;
            /* border: 2px solid #cccccc; */
            border: 1px solid orange;
            background-color: #fff9f0;
            font-size: 18px;
            padding: 3px;
        }

    .text_generator_widget #preview_area
    {
        width: 538px;
        min-height: 70px;
        margin-bottom: 15px;
        border: 2px dashed #cccccc;
        padding: 8px;
    }

    .text_generator_widget #preview_area img
    {
        display: inline;
    }

    .text_generator_widget #code_area .p1
    {
        float: left;
        width: 260px;
        margin-right: 27px;
    }

    .text_generator_widget #code_area .p2
    {
        float: left;
        width: 260px;
    }

    .text_generator_widget #code_area .code
    {
        width: 100%;
        height: 3.6em;
        padding: 5px;
        border: 1px solid #cccccc;
        overflow: hidden;
        color: #a5a5a5;
    }

.unicode_text_generator_widget
{
}

    .unicode_text_generator_widget #enter_area
    {
        margin-bottom: 15px;
    }

        .unicode_text_generator_widget #enter_area img
        {
            float: left;
            width: 93px;
            height: 77px;
            margin-right: 15px;
        }

        .unicode_text_generator_widget #enter_area textarea
        {
            margin-top: 3px;
            float: left;
            width: 475px;
            height: 3.6em;
            border: 1px solid orange;
            background-color: #fff9f0;
            font-size: 18px;
            padding: 3px;
        }

    .unicode_text_generator_widget #preview_area
    {
    }

    .unicode_text_generator_widget #preview_area .entry
    {
        float: left;
        margin-bottom: 15px;
    }

    .unicode_text_generator_widget #preview_area .entry .title
    {
        color: #999999;
        background-color: #f0f0f0;
        padding: 3px 0 3px 6px;
        height: 1.4em;
    }

    .unicode_text_generator_widget #preview_area .code
    {
        width: 283px;
        height: 4.8em;
        border: 1px dashed #cccccc;
        border-top: 0;
        padding: 3px;
    }

    .unicode_text_generator_widget .toolbar
    {
    }

        .unicode_text_generator_widget .toolbar .button
        {
            margin-right: 5px;
            background-color: #f0f0f0;
            border: 1px solid #9ab09d;
            padding: 3px;
            float: left;
        }

        .unicode_text_generator_widget .toolbar div.button:hover
        {
            background-color: gold;
        }

        .unicode_text_generator_widget .toolbar .selected
        {
            background-color: gold;
        }

.register_widget
{
}

    .register_widget h1
    {
        margin-bottom: 10px;
    }

    .register_widget #error_message
    {
        position: absolute;
        top: -40px;
        display: none;
        margin-left: 130px;
        border: 1px solid #ff9999;
        background-color: #fff0f0;
        padding: 5px;
        color: red;
    }

    .register_widget form
    {
        margin-top: 20px;
        position: relative;
    }

    .register_widget form .help_panel
    {
        right: 0;
        left: auto;
        width: 180px;
    }

    .register_widget form ul
    {
        padding: 0;
        list-style: none;
    }

    .register_widget form li
    {
        clear: both;
        list-style: none;
        margin-bottom: 8px;
        display: block;
    }

    .register_widget form label
    {
        float: left;
        width: 120px;
        text-align: right;
        margin-right: 8px;
    }

    .register_widget form span
    {
        margin-left: 8px;
    }

    .register_widget form span.error
    {
        margin-left: 4px;
    }

    .register_widget form select
    {
        vertical-align: middle;
    }

    .register_widget form select[name=birthday_month]
    {
        margin-right: 5px;
    }

    .register_widget form select[name=birthday_day]
    {
        margin-right: 5px;
    }

    .register_widget #username_sub
    {
        margin-left: 0;
        margin-top: 2px;
        color: #999999;
    }

    .register_widget input[type=text]
    {
        float: left;
        border: 1px solid #bbbbbb;
        width: 200px;
    }

    .register_widget input[type=password]
    {
        float: left;
        border: 1px solid #bbbbbb;
        width: 200px;
    }

    .register_widget .overview
    {
        margin-top: 28px;
        background-color: #f3f3f3;
    }

    .register_widget .overview .ornament
    {
        position: absolute;
        z-index: 10;
        top: -92px;
        right: 58px;
    }

    .register_widget .overview .content
    {
        padding: 10px 10px 10px 20px;
    }

    .register_widget .overview ul
    {
        margin-top: 18px;
    }

    .register_widget .overview li
    {
        margin-bottom: 12px;
        font-size: 12px;
    }

.soultest_index_widget
{
}

    .soultest_index_widget .topics
    {
        margin-bottom: 25px;
    }

    .soultest_index_widget h3
    {
        font-size: 12px;
    }

.new_members_side_widget
{
    background-color: #f3f3f3;
    padding: 5px 5px 10px 10px;
}

    .new_members_side_widget h3
    {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .new_members_side_widget .name
    {
        overflow: hidden;
    }

.community_index_widget
{
    margin-bottom: 30px;
}

.community_index_widget h3
{
    font-size: 13px;
}

.community_index_widget .glig_side_flow
{
    margin-right: -2px;
    height: 600px;
}

.community_index_widget .members_wrapper
{
    margin-bottom: 20px;
}

.community_index_widget .members
{
}

.community_index_widget .members .entry
{
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 12px;
    margin-bottom: 30px;
}

    .community_index_widget .members .name
    {
        overflow: hidden;
        max-height: 2.5em;
    }

.community_index_widget .list_clubs
{
    width: 250px;
    margin-right: 40px;
    float: left;
}

    .community_index_widget .list_clubs .list
    {
        height: 195px;
        overflow: auto;
    }

.community_index_widget .list_staff
{
    width: 300px;
    float: left;
    margin-right: 20px;
}

    .community_index_widget .list_staff .avatar
    {
        float: left;
        margin-right: 2px;
        margin-bottom: 3px;
        width: 30px;
        height: 30px;
    }

        .community_index_widget .list_staff .avatar img
        {
            width: 30px;
            height: 30px;
        }

.community_index_widget .list_news
{
    width: 300px;
    float: left;
}

.news_side_widget
{
    background-color: #f3f3f3;
    padding: 5px 5px 8px 15px;
}

.front_forum_widget
{
    background-color: #f3f3f3;
    padding: 5px 5px 8px 15px;
}

.main_index_widget .news_side_widget
{
    background-color: white;
}

.support_widget
{
}

    .support_widget p
    {
        margin-bottom: 5px;
    }

    .support_widget h3
    {
        margin-top: 10px;
    }

    .support_widget li
    {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .support_widget ul
    {
        margin-bottom: 15px;
    }

    .support_widget .overview
    {
        margin-top: 28px;
        background-color: #f3f3f3;
    }

        .support_widget .overview li
        {
            margin-top: 12px;
            margin-bottom: 12px;
        }

    .support_widget .overview .ornament
    {
        position: absolute;
        z-index: 10;
        top: -92px;
        right: 58px;
    }