﻿/*=== activity pages; info quest ===*/
#activity aside.builder
{
    float: right;
    width: 190px;
    margin: 10px 40px 0 0;
}

    #activity aside.builder h4
    {
        font: normal 16px/1 georgia, times, serif;
        color: #3b6f8f;
    }

        #activity aside.builder h4 a
        {
            color: #3b6f8f;
        }

    #activity aside.builder h5
    {
        font: normal 18px/1 georgia, times, serif;
        color: #3f9cd5;
        margin: 20px 0 10px 0;
    }

    #activity aside.builder h6
    {
        color: #969696;
        font-weight: normal;
        font-size: 14px;
    }

    #activity aside.builder ul
    {
        border: 1px solid #3f9cd5;
        margin: 0;
        padding: 10px;
    }

        #activity aside.builder ul ul
        {
            border: none;
            padding: 0;
            margin: 0 0 0 15px;
        }

        #activity aside.builder ul li
        {
            background: none;
            color: #444;
            margin: 0 0 10px 0;
            padding: 0 0 10px 0;
            font-size: 11px;
            border-bottom: 1px solid #3f9cd5;
        }

            #activity aside.builder ul li.last
            {
                border-bottom: none;
                margin: 0;
                padding: 0;
            }

        #activity aside.builder ul ul li
        {
            list-style-type: disc;
            margin: 5px 0;
            border-bottom: none;
            padding: 0;
        }

    #activity aside.builder a.generic-white-small
    {
        display: inline-block;
        zoom: 1;
        width: 76px;
        height: 19px;
        font-size: 11px;
        padding: 3px 0 0 22px;
        float: right;
        background: url(../../images//iq-white-small-bar.png) left top no-repeat;
        margin: -20px 0 0;
    }

#activity.builder .addDeletePage
{
    margin-top: 6px;
    margin-right: 30px;
    text-align: right;
}

    #activity.builder .addDeletePage a
    {
        color: #900;
    }

#activity aside.builder li h6
{
    display: inline;
}

#activity aside.builder li a
{
    margin-left: 10px;
}

#activity .builder li a.edit, #activity.builder a.edit
{
    background: url(../../images/icon-edit.png) no-repeat 0px center;
    padding-left: 12px;
    margin: 0 5px;
}

#activity .builder li a.delete, #activity.builder a.delete, .video-list .delete
{
    background: url(../../images/icon-delete.png) no-repeat 0px center;
    padding-left: 12px;
    margin: 0 5px;
}

#activity .builder li a.add, #activity.builder a.add
{
    background: url(../../images/icon-add.png) no-repeat 0px center;
    padding-left: 16px;
    margin: 0 5px;
}

.activityMedia li.more span.more
{
    display: block;
    padding: 0 0 10px 10px;
    color: #3B6F8F;
}

/* -- Activity Builder -- */
#activity.builder fieldset
{
    margin: 15px 0;
}

    #activity.builder fieldset legend
    {
        display: block;
        font-size: 18px;
        line-height: 1;
        color: black;
        padding: 0 0 8px 0;
    }


#general-content article.piece #remixWork ul
{
    margin: 0;
    padding: 0;
}

#remixWork li
{
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

    #remixWork li figure
    {
        position: relative;
        border: solid 1px #ccc;
        padding: 2px;
        margin: 0px;
        cursor: pointer;
        width: 139px;
        height: 79px;
        overflow: hidden;
        float: none;
    }

        #remixWork li figure img.selection
        {
            width: 100%;
        }

    #remixWork li img.play-that
    {
        position: absolute;
        top: 48px;
        left: 108px;
    }

    #remixWork li figcaption
    {
        font-size: 11px;
        color: #666;
    }


footer.new
{
    position: relative;
    background-color: inherit;
    height: inherit;
    clear: both;
}

    footer.new #footer-content
    {
        background: #e2e2e2;
    }

        footer.new #footer-content .panel
        {
            margin: 0;
            height: inherit;
            background: #e2e2e2;
            position: relative;
        }

            footer.new #footer-content .panel ul li
            {
                color: #444;
            }

    footer.new ul.nav
    {
        position: relative;
        left: 30px;
    }

        footer.new ul.nav li
        {
            background: #e2e2e2;
            border-radius: 10px 10px 0 0;
            -moz-border-radius: 10px 10px 0 0;
            -webkit-border-radius: 10px 10px 0 0;
            display: inline-block;
            font-weight: bold;
            font-size: 12px;
            font-family: Georgia, 'Times New Roman', Times, serif;
            z-index: 1;
            padding: 6px 10px;
            position: relative;
            top: 1px;
        }
        footer.new ul.nav li.selected {
            border-bottom: solid 1px #e2e2e2;
        }
        footer.new ul.nav li.unselected {
            border-bottom: solid 1px #c0c0c0;
        }

    footer.new a
    {
        color: #900;
    }



    footer.new #footer-content .panel ul li a
    {
        color: #900;
    }

    footer.new #footer-content section h1
    {
        color: #444;
    }

    footer.new section.bottom
    {
        background: url('../../images/Footer-bg.1.png');
        background-repeat: repeat-x;
        z-index: 10;
        position: relative;
        height: 100px;
        top: -4px;
    }

        footer.new section.bottom #the-end
        {
            float: right;
            text-align: right;
            padding: 20px 0 0 0;
            width: inherit;
        }

            footer.new section.bottom #the-end ul
            {
                margin: 10px 0;
            }

                footer.new section.bottom #the-end ul li
                {
                    display: inline-block;
                    padding: 2px 6px 0 6px;
                }
