body
{
    background: #fff;
    color: #494949;
    font-family:MuseoSans-500;
    
}

 body.find-new-body {
        background: url(../Content/assets/images/body-bg-green.png) repeat-y left top;
}

ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a:focus
{
    outline: none;
}

a
{
    color: #10215c;
}
a.gonext:hover{
    text-decoration:none !important;
    color:white!important;
}
.clear-left
{
    clear: left;
}

.info-panel-preview
{
    position: relative;
    z-index: 999;
    clear: both;
    top: 0;
    padding-top: 0;
    margin-bottom: 15px;
    display: none;
}

.info-panel-tip-icon
{
    background: url(../Content/assets/images/info-tip-icon.png) no-repeat 0 0;
    width: 57px;
    height: 26px;
    position: absolute;
    top: -22px;
}

#ifQp
{
    border: 0px;
    height: 640px;
}

.warning-msg
{
    background: #fff url(../Content/assets/images/large-warning-icon.png) no-repeat left;
    padding-left: 60px;
    padding-top: 10px;
}

.clear
{
    clear: both;
    line-height: 0px;
    font-size: 0px;
}



.tip-pos1-add-to-pl
{
    left: 18px;
}

.tip-pos1-more-info
{
    left: 98px;
}

.tip-pos2-add-to-pl
{
    left: 198px;
}

.tip-pos2-more-info
{
    left: 278px;
}

.tip-pos3-add-to-pl
{
    left: 388px;
}

.tip-pos3-more-info
{
    left: 468px;
}

.tip-pos4-add-to-pl
{
    left: 568px;
}

.tip-pos4-more-info
{
    left: 648px;
}

.tip-pos5-add-to-pl
{
    left: 758px;
}

.tip-pos5-more-info
{
    left: 838px;
}


.tip-pos6-add-to-pl
{
     left: 948px;
}

.tip-pos6-more-info
{
    left: 1028px;
}



.tip-pos7-add-to-pl
{
     left: 1128px;
}

.tip-pos7-more-info
{
    left: 1208px;
}


.tip-pos8-add-to-pl
{
     left: 1318px;
}

.tip-pos8-more-info
{
    left: 1398px;
}


.tip-pos9-add-to-pl
{
     left: 1498px;
}

.tip-pos9-more-info
{
    left: 1578px;
}

.tip-pos10-add-to-pl
{
     left: 1678px;
}

.tip-pos10-more-info
{
    left: 1758px;
}


.tip-pos11-add-to-pl
{
     left: 1858px;
}

.tip-pos11-more-info
{
    left: 1948px;
}


.tip-pos12-add-to-pl
{
     left: 2058px;
}

.tip-pos12-more-info
{
    left: 2138px;
}


.tip-pos13-add-to-pl
{
     left: 2238px;
}

.tip-pos13-more-info
{
    left: 2318px;
}

.tip-pos14-add-to-pl
{
     left:2428px;
}

.tip-pos14-more-info
{
    left: 2508px;
}

.tip-pos15-add-to-pl
{
     left: 2608px;
}

.tip-pos15-more-info
{
    left: 2698px;
}


.tip-pos16-add-to-pl
{
     left: 2798px;
}

.tip-pos16-more-info
{
    left: 2878px;
}

.tip-pos17-add-to-pl
{
     left: 2978px;
}

.tip-pos17-more-info
{
    left: 3058px;
}

.tip-pos18-add-to-pl
{
     left: 3168px;
}

.tip-pos18-more-info
{
    left: 3248px;
}


.tip-pos19-add-to-pl
{
     left: 3348px;
}

.tip-pos19-more-info
{
    left: 3438px;
}


.tip-pos20-add-to-pl
{
     left: 3538px;
}

.tip-pos20-more-info
{
    left: 3618px;
}




.tip-pos1
{
    left: 56px;
}

.tip-pos2
{
    left: 238px;
}

.tip-pos3
{
    left: 420px;
}

.tip-pos4
{
    left: 610px;
}

.tip-pos5
{
    left: 800px;
}

.tip-pos6
{
    left: 986px;
}

.tip-pos7
{
    left: 1170px;
}

.tip-pos8
{
    left: 1354px;
}

.tip-pos9
{
    left: 1542px;
}

.tip-pos10
{
    left: 1730px;
}

.tip-pos11
{
    left: 1920px;
}

.tip-pos12
{
    left: 2100px;
}

.tip-pos13
{
    left: 2285px;
}

.tip-pos14
{
    left: 2468px;
}

.tip-pos15
{
    left: 2655px;
}

.tip-pos16
{
    left: 2845px;
}

.tip-pos17
{
    left: 3025px;
}

.tip-pos18
{
    left: 3220px;
}

.tip-pos19
{
    left: 3405px;
}

.tip-pos20
{
    left: 3585px;
}

.tip-pos21
{
    left: 3775px;
}

.tip-pos22
{
    left: 3967px;
}

.tip-pos23
{
    left: 4153px;
}

.tip-pos24
{
    left: 4335px;
}

.tip-pos25
{
    left: 4527px;
}

.tip-pos26
{
    left: 4703px;
}

.tip-pos27
{
    left: 4886px;
}

.tip-pos28
{
    left: 5060px;
}

.tip-pos29
{
    left: 5227px;
}

.tip-pos30
{
    left: 5403px;
}

.tip-pos31
{
    left: 5626px;
}

.tip-pos32
{
    left: 5783px;
}

.tip-pos33
{
    left: 5983px;
}

.tip-pos34
{
    left: 6103px;
}

.tip-pos35
{
    left: 6343px;
}

.tip-pos36
{
    left: 6573px;
}

.tip-pos37
{
    left: 6703px;
}

.tip-pos38
{
    left: 6953px;
}

.tip-pos39
{
    left: 7133px;
}

.tip-pos40
{
    left: 7293px;
}

.info-panel-tip-header
{
    background: #26549f url(../Content/assets/images/popup-header-bg.png) repeat;
    min-height: 90px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
}

    .info-panel-tip-header h5
    {
        font-family: MuseoSans-700;
        margin-bottom: 0;
        font-weight: 700;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        padding: 10px 45px 6px 24px;
        min-height: 57px;
    }

        .info-panel-tip-header h5 span
        {
            font-family: MuseoSans-700;
            font-weight: 700;
            font-size: 16px;
            color: #fff;
        }



        .info-panel-tip-header h5 small
        {
            font-family: MuseoSans-300;
            font-weight: 300;
            font-size: 16px;
            color: #fff;
        }


.absoluteModal
{
    position: absolute !important;
}

.row-fluid.span8 h5
{
    font-family: "MuseoSans-500";
    margin-bottom: 0;
    font-weight: 500;
    height: 40px;
    overflow: hidden;
}


.dla-category-rightcol li
{
    line-height: 14px;
    font-family: 'MuseoSans-300';
    font-weight: 300;
    margin-bottom: 5px;
    word-wrap: break-word;
}

ul.description-tags
{
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 13px;
    min-height: 30px;
    text-align: right;
}

    ul.description-tags li
    {
        margin-left: 8px;
        float: none;
        position: relative;
        margin-bottom: 5px;
        word-wrap: break-word;
        display: inline-block;
    }

        ul.description-tags li a
        {
            color: #592471;
            display: block;
            background: #c1e6fd;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            padding: 2px 4px;
            font-family: 'MuseoSans-700';
            font-size: 13px;
            word-wrap: break-word;
            cursor: default;
        }

.dla-search-description
{
    font-size: 14px;
    font-family: 'MuseoSans-500';
    padding: 0px 0px 0 20px;
    line-height: 18px;
    font-weight: 500;
}

ul.description-tags li a:hover
{
    text-decoration: none;
}

.tags-tooltip-popup
{
    position: absolute;
    min-width: 162px;
    left: -16px;
    top: 2px;
    display: none;
    z-index: 99;
}

.tags-tooltip-content
{
    background: #fff;
    border: solid 4px #c0e3fb;
    position: absolute;
    width: 180px;
    bottom: 10px;
    left: 0;
    -webkit-box-shadow: 0 1px 2px rgba(20,27,22,0.40);
    -moz-box-shadow: 0 1px 2px rgba(20,27,22,0.40);
    box-shadow: 0 1px 2px rgba(20,27,22,0.40);
    padding: 5px 10px;
    font-size: 14px;
    font-family: 'MuseoSans-500';
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-style: italic;
    color: #494949;
}

.tags-tooltip-arrowbox
{
    top: -16px;
    left: 35px;
    width: 24px;
    height: 18px;
    overflow: hidden;
    background: url(../Content/assets/images/small-tooltip-bg.png) no-repeat 0 0;
    position: absolute;
}

.description-box-container
{
    background: #fff;
    border: solid 1px #26549f;
    border-top: none;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}

.info-panel-icons-right li
{
    float: left;
}

    .info-panel-icons-right li a
    {
        height: 67px;
        width: 68px;
        display: block;
        text-align: center;
        line-height: 66px;
        margin-left: 25px;
        background: url(../Content/assets/images/add_to_playlist-780-ipad.png) no-repeat left top;
        border: none;
        position: relative;
    }


        .info-panel-icons-right li a:hover, .info-panel-icons-right li a.active
        {
            background: url(../Content/assets/images/add_to_playlist-780-ipad.png) no-repeat right top;
            border: none;
        }




    .info-panel-icons-right li.info-panel-icon-play a
    {
        background: url(../Content/assets/images/play-dla-icon2.png) no-repeat left top;
    }

        .info-panel-icons-right li.info-panel-icon-play a:hover, .info-panel-icons-right li.info-panel-icon-play a.active
        {
            background: url(../Content/assets/images/play-dla-icon2.png) no-repeat right top;
        }

.site-popup .info-panel-icons-right li a.add-to-playlist.selected
{
    background: url(../Content/assets/images/add_to_playlist-780-ipad.png) no-repeat right top;
}



.info-panel-icons-right li a
{
    display: block;
    margin-left: 25px;
}



h1.logo
{
    z-index: 999;
    top: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
}

    /*h1.logo a
    {
        width: 255px;
        height: 85px;
        overflow: hidden;
        display: block;
        background: url(../Content/assets/images/logo.png) no-repeat left top;
        text-indent: -9999px;
    }*/

    h1.logo a {
      width: 255px;
      height: 64px;
      overflow: auto;
      display: block;
      background: none;
      text-indent: 0px;
      padding-bottom: 15px;
      padding-left: 7px;

    }

header
{
    height: 121px;
    position: relative;
    background: url(../Content/assets/images/header-bg.png) repeat-x left -49px;
    z-index: 9;
}

#headerPar header
{
    height: 86px;
}

#vertical-tab
{
    /*	float: left;
margin: 44px 0 0 38.873626373626%;*/
    margin-left: 270px;
}

    #vertical-tab ul
    {
        padding: 40px 0 0 0;
    }

        #vertical-tab ul li
        {
            float: left;
            margin-right: 10px;
            text-align: center;
        }

            #vertical-tab ul li.my-students-tab
            {
            }

            #vertical-tab ul li.my-contents-tab
            {
            }

            #vertical-tab ul li a
            {
                color: #fff;
                font-size: 20px;
                padding: 10px 15px 10px 15px;
                text-decoration: none;
                display: block;
                font-family: 'Museo-500';
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                #vertical-tab ul li a:hover
                {
                    -moz-box-shadow: inset 0px 0px 35px rgba(0,0,0,0.50);
                    -webkit-box-shadow: inset 0px 0px 35px rgba(0,0,0,0.50);
                    box-shadow: inset 0px 0px 35px rgba(0,0,0,0.50);
                }

                #vertical-tab ul li a.active
                {
                    color: #fff;
                    -moz-box-shadow: inset 0px 0px 35px rgba(0,0,0,0.75);
                    -webkit-box-shadow: inset 0px 0px 35px rgba(0,0,0,0.75);
                    box-shadow: inset 0px 0px 35px rgba(0,0,0,0.75);
                }

#top-tab
{
    height: 36px;
    width: 100%;
    background: url(../Content/assets/images/sub-nav-bg.png) repeat-x top left;
    clear: both;
}

    #top-tab ul
    {
        padding-left: 270px;
    }

        #top-tab ul li
        {
            float: left;
            margin-right: 40px;
            text-align: center;
            padding-top: 9px;
        }

            #top-tab ul li a
            {
                color: #6f6f6f;
                font-size: 18px;
                text-decoration: none;
                display: block;
                font-family: 'Museo-500';
            }

                #top-tab ul li a.active
                {
                    color: #042060;
                    display: block;
                    border-bottom: solid 3px #042060;
                    padding-bottom: 3px;
                }

                #top-tab ul li a:hover
                {
                    color: #f7931e;
                    display: block;
                    border-bottom: solid 3px #f7931e;
                    padding-bottom: 3px;
                }

.right-side-box
{
    float: right;
    width: 240px;
    position: relative;
    padding-top: 5px;
    text-align: right;
    margin-right: 230px !important;
}

    .right-side-box .search-inp
    {
        margin-top: 0;
        font-style: italic;
        padding-right: 30px;
        margin-right: 8px;
        margin-bottom: 10px;
        width: 120px;
        font-size: 13px;
        color: #eeeded;
        background: none;
        border: none;
        padding-left: 8px;
        -moz-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.70);
        -webkit-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.70);
        box-shadow: inset 0px 0px 25px rgba(0,0,0,0.70);
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        opacity: 0.7;
        filter: alpha(opacity=70);
        font-family: 'MuseoSans-500';
        padding-top: 3px;
        padding-bottom: 0;
        height: 24px;
    }

.search-btn
{
    position: absolute;
    right: 16px;
    top: 11px;
    cursor: pointer;
}

.lng
{
    position: absolute;
    left: 0px;
    top: 5px;
}

    .lng a
    {
        color: #fcfcfc;
        font-size: 13px;
        font-family: "Museo 700";
        text-decoration: underline;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

        .lng a:hover
        {
            color: #030c1b;
        }

.user-box
{
    /*position: relative;
    float: right;
    margin-top: 5px;
    padding-right: 2px;
    font-family: 'MuseoSans-700';*/
     font-family: 'MuseoSans-700';
    margin-top: 0px;
    position: absolute;
    right: 10px;
    top: 0;
}

    .user-box a.usr-wlcm-msg, a.user-wlcm-msg
    {
        font-size: 24px;
        z-index: 999999;
        position: relative;
        background: url(../Content/assets/images/username-arrow.png) no-repeat right 14px;
        color: #f7f9fa;
        padding-top: 0px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 30px;
        display: block;
        text-decoration: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 177px;
        text-align:right;
    }

        .user-box a.usr-wlcm-msg span, a.user-wlcm-msg span
        {
            font-family: 'MuseoSans-300';
        }

        .user-box a.usr-wlcm-msg:hover, a.user-wlcm-msg:hover
        {
            font-size: 24px;
            color: #f7f9fa;
            text-decoration: none;
        }

    .user-box ul
    {
        position: absolute;
        width: 200px;
        display: none;
        padding-top: 40px;
        box-shadow: 0 1px 2px #444;
        right: 0px;
        top: -5px;
        z-index: 99999;
        background: #20498b;
        text-align: left;
        padding-left: 15px;
        padding-bottom: 10px;
        margin-right: 2px;
    }

        .user-box ul li
        {
            margin: 7px 0;
        }

            .user-box ul li a
            {
                display: block;
                color: #fff;
                font-family: 'MuseoSans-500';
            }

                .user-box ul li a:hover
                {
                    color: #030c1b;
                    font-family: 'MuseoSans-500';
                    background: none;
                    text-decoration: none;
                }


.site-container
{
    background: #fff;
    min-height: 800px;
    position: relative;
    padding-top: 0px;
}

.vertical-col
{
    display: none;
}

.dla-thumb-box
{
    border-bottom: solid 1px #c5c6c7;
    border-left: solid 1px #e3e4e4;
    border-top: solid 1px #e3e4e4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    moz-box-shadow: 1px 1px 0px 0px #dbdedf;
    -webkit-box-shadow: 1px 1px 0px 0px #dbdedf;
    box-shadow: 1px 1px 0px 0px #dbdedf;
    padding: 0px;
    margin-top: 10px;
    height: 256px;
    /* Need to find another solution for position: relative.  It is displaying playlist items above the grade selector*/
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    background: #fcfbf9;
}


    .dla-thumb-box > img
    {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        -webkit-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
    }

    .dla-thumb-box .thumb-caption img
    {
        min-width: 100%;
        min-height: 100px;
        max-height: 100px;
        overflow: hidden;
    }


    .dla-thumb-box .thumb-caption p
    {
        font-family: "MuseoSans-300";
        font-weight: 300;
        margin-right: 32px;
        /* Need to find another solution for position: absolute.  It is displaying playlist items above the grade selector*/
        position: absolute;
        bottom: 36px;
        font-size: 12px;
        color: #2e2e2e;
        left: 9px;
    }

    .dla-thumb-box .thumb-caption h5
    {
        font-family: "MuseoSans-500"!important;
        margin-bottom: 0;
        font-weight: 500;
        line-height: 16px;
        padding-bottom: 30px;
        font-size: 14px;
        padding-left: 9px;
        padding-right: 9px;
    }

.thumb-caption
{
    color: #494949;
    font-size: 14px;
    padding: 0 0px;
}

.search-found
{
    font-family: 'MuseoSans-500';
    font-size: .9em;
    font-style: italic;
    margin-top: 20px;
}

.search-aria
{
    margin-top: 20px;
}

.margin-none
{
    margin-left: 0px !important;
}

.left-margin
{
    margin-left: 0px;
}

.info-panel-icons-right ul
{
    float: right;
    margin-top: 10px;
    padding-right: 24px;
}

.dla-search-description-text
{
    padding-top: 20px;
    min-height: 90px;
    word-wrap:break-word
}

.dla-lng-description-text
{
    padding-top: 20px;
    font-family: 'MuseoSans-500';
    font-size: 13px;
    color: #592471;
    line-height: 14px;
}

    .dla-lng-description-text p
    {
        margin-bottom: 5px;
    }

        .dla-lng-description-text p strong
        {
            font-family: 'MuseoSans-700';
            font-weight: normal;
        }

.museoSans-700
{
    font-family: 'MuseoSans-700';
}

.dla-category-rightcol
{
    padding-top: 14px;
    padding: 20px 10px;
    font-size: 13px;
    border-left: 1px solid #abacae;
}

.iconplay
{
    margin-left: 20%;
}

.margin-none
{
    margin-left: 0 !important;
}

/*new css  19 April 2013*/

.left-section
{
    background: #CEE1A6;
    min-height: 600px;
    position: absolute;
    width: 335px;
}

#dlaInfoPanel
{
    margin-left: 355px;
}

#search-form
{
    margin-left: 1em;
    padding-top: 10px;
    position:relative
}

h3.keyword
{
    font-size: 18px;
    color: #598103;
    font-family: 'MuseoSans-500';
    padding-bottom: 5px;
    margin: 0;
    line-height: 25px;
}

h3.grade
{
    font-size: 18px;
    color: #598103;
    font-family: 'MuseoSans-500';
    padding-bottom: 5px;
    margin: 0;
    line-height: 25px;
}

.grade-img
{
    background: #fff;
    padding: 0 12px 0 11px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #4a5306;
    max-width: 300px;
}

h3.subject
{
    font-size: 18px;
    padding-bottom: 5px;
    line-height: 25px;
    margin: 20px 0 0 0;
    padding-top: 25px;
}

.input-append .search-field
{
    width: 235px;
    border: solid 1px #598103;
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding: 6px 10px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    font-size: 15px;
    margin-top: 5px;
}

.input-append .btn
{
    display: inline-block;
    *display: inline;
    padding: 7px 9px;
    margin-bottom: 0;
    *margin-left: .3em;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #7e8b1a;
    *background-color: #636d14;
    background-image: -moz-linear-gradient(top, #79b003, #5a8203);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#79b003), to(#5a8203));
    background-image: -webkit-linear-gradient(top, #79b003, #5a8203);
    background-image: -o-linear-gradient(top, #79b003, #5a8203);
    background-image: linear-gradient(to bottom, #79b003, #5a8203);
    background-repeat: repeat-x;
    border: 1px solid #598103;
    *border: 0;
    -webkit-border-radius: 0 8px 8px 0 !important;
    -moz-border-radius: 0 8px 8px 0 !important;
    border-radius: 0 8px 8px 0 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f8c1a', endColorstr='#636d14', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .input-append .btn:hover, .input-append .btn:focus, .input-append .btn:active, .input-append btn.active, .input-append .btn.disabled, .input-append .btn[disabled]
    {
        color: none;
        background-color: #5a8203;
        *background-color: #5a8203;
    }



.left-navigations
{
    position: relative;
    padding-left: 8px;
    margin-left: 0.45em;
    margin-right: 1em; /*height:398px;*/
}

.subject-sub-width1
{
    width: 246px;
}

.subject-sub-width2
{
    width: 454px;
}

.subject-sub-width3
{
    width: 661px;
}

.subject-sub-width4
{
    width: 830px;
}

.subject-sub-width5
{
    width: 868px;
}

.subject
{
    font-family: 'Museo-500';
}

    .subject li
    {
        font-size: 20px;
        padding-left: 35px;
        border: 1px solid #fff;
        border-bottom: 2px solid #eeeeef;
        font-family: 'Museo-500';
        height: 42px;
        line-height: 42px;
        display: block;
        color: #598103;
        background: #fff;
    }

        .subject li:hover, .subject li.active
        {
            border: 1px solid #fdbc36;
            border-bottom: 2px solid #fdbc36;
        }
/*.subject li.math {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px 12px;}
.subject li.math:hover, .subject li.math.active {background-position:7px -437px; color:#df554b; background-color:#ffd56f;}

.subject li.lng-art {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -46px;}
.subject li.lng-art:hover, .subject li.lng-art.active{background-position:7px -495px; color:#df554b; background-color:#ffd56f;}

.subject li.science {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -96px;}
.subject li.science:hover, .subject li.science.active {background-position:7px -545px; color:#df554b; background-color:#ffd56f;}

.subject li.s-studies {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -153px;}
.subject li.s-studies:hover, .subject li.s-studies.active {background-position:7px -602px; color:#df554b; background-color:#ffd56f;}

.subject li.art-music {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -204px;}
.subject li.art-music:hover, .subject li.art-music.active {background-position:7px -653px; color:#df554b; background-color:#ffd56f;}

.subject li.technology {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -259px;}
.subject li.technology:hover, .subject li.technology.active {background-position:7px -708px; color:#df554b; background-color:#ffd56f;}

.subject li.world-lng {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -316px;}
.subject li.world-lng:hover, .subject li.world-lng.active {background-position:7px -765px; color:#df554b; background-color:#ffd56f;}

.subject li.your-life {background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -367px;}
.subject li.your-life:hover, .subject li.your-life.active {background-position:7px -816px; color:#df554b; background-color:#ffd56f;}

.subject li.s-tools { background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -1360px;}
.subject li.s-tools:hover, .subject li.s-tools.active {background-position:7px -1310px; color:#df554b; background-color:#ffd56f;}

.subject li.t-tools { background:#fff url(../Content/assets/images/subject-icons-img.png) no-repeat 7px -1511px;}
.subject li.t-tools:hover, .subject li.t-tools.active {background-position:7px -1461px; color:#df554b; background-color:#ffd56f;}


.subject li.math:active { background-color:#df455b; color:#fff; background-position:7px -867px;}
.subject li.lng-art:active { background-color:#df455b; color:#fff; background-position:7px -924px;}
.subject li.science:active { background-color:#df455b; color:#fff; background-position:7px -975px;}
.subject li.s-studies:active { background-color:#df455b; color:#fff; background-position:7px -1031px;}
.subject li.art-music:active { background-color:#df455b; color:#fff; background-position:7px -1082px;}
.subject li.technology:active { background-color:#df455b; color:#fff; background-position:7px -1138px;}
.subject li.world-lng:active { background-color:#df455b; color:#fff; background-position:7px -1194px;}
.subject li.your-life:active { background-color:#df455b; color:#fff; background-position:7px -1245px;}
.subject li.s-tools:active { background-color:#df455b; color:#fff; background-position:7px -1410px;}
.subject li.t-tools:active { background-color:#df455b; color:#fff; background-position:7px -1561px;}
*/

.subject-sub
{
    height: 358px;
    border: 1px solid #fcb119;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    left: 300px;
    top: 0;
    z-index: 99999;
    background: #ffe7ab;
}

    .subject-sub ul
    {
        float: left;
        width: 245px;
        border-right: 1px solid #fff;
        height: 358px;
        overflow: auto;
        word-wrap: break-word;
    }

.subject-sub
{
    height: 466px;
    border: 1px solid #fcb119;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    left: 300px;
    top: 0;
    z-index: 99999;
    background: #ffe7ab;
}

    .subject-sub ul
    {
        float: left;
        width: 245px;
        border-right: 1px solid #fff;
        height: 452px;
        overflow: auto;
        word-wrap: break-word;
        border-top: 2px solid #fbfbfb;
    }

        .subject-sub ul li
        {
            padding: 5px 5px 5px 10px;
            font-size: 14px;
            color: #2d2d2d;
        }
        /*.subject-sub ul li:hover, .subject-sub ul li.active{ background:#ffd56f; border-color:#ffd56f;}*/


        .subject-sub ul.level-1
        {
            width: 230px;
        }

        .subject-sub ul.level-2
        {
            width: 167px;
            height: 438px;
            padding-top: 20px;
            overflow: auto;
        }

.level-2 li:first-child
{
    border: none;
}

.subject-sub ul.level-3
{
    width: 204px;
    height: 428px;
    padding-top: 20px;
    overflow: auto;
    border-left: solid 1px #fff;
}

.level-3 li:first-child
{
    border: none;
}

.subject-sub ul.level-4
{
    width: 205px;
    height: 290px;
    padding-top: 10px;
    border-right: none;
}

.level-4 li:last-of-type
{
    border-bottom: 1px solid #fbfbfb;
    border-top: 1px solid #fbfbfb;
}

.subject-sub ul.level-3a
{
    width: 204px;
    height: 499px;
    padding-top: 20px;
    overflow: auto;
}

.level-3a li:first-child
{
    border: none;
}

.subject-sub ul.level-4a
{
    width: 205px;
    height: 190px;
    padding-top: 10px;
    border-right: none;
}

.level-4a li:last-of-type
{
    border-bottom: 1px solid #fbfbfb;
    border-top: 1px solid #fbfbfb;
}
/*.subject-sub ul li:active{ background:#df455b; color:#fff; border-color:#df455b}
.subject-sub ul.level-4 li:hover,.subject-sub ul.level-4a li:hover { background:#ffd56f; border-color:#ffd56f; color:#2d2d2d;}*/
.subject-sub ul.level-4 .selected b, .subject-sub ul.level-4a .selected b
{
    color: #df455b;
}

.selected-nav-heading
{
    font-weight: 500;
    color: #df554b;
    padding: 15px 0 10px 10px;
    position: relative;
    margin-left: -1px;
    border-left: 1px solid #fdd368;
    font-size: 12px;
    font-family: 'MuseoSans-500';
    margin-left: 0px;
    padding-bottom: 10px;
    float: left;
    line-height: 16px;
}

.result-box
{
    padding: 20px 0px 0px 18px;
    float: left;
    width: 185px;
}

.make-stnd
{
    font-size: 12px;
    padding-right: 20px;
    font-style: italic;
    line-height: 15px;
    padding-top: 10px;
    clear: both;
}

.math-title
{
    font-size: 14px;
    font-weight: bold;
    color: #df554b;
    background: #ffe7ab;
    padding: 5px 0 5px 5px;
    margin-left: -1px;
    border-left: 1px solid #fdd368;
    float: left;
    width: 220px;
}

ul.math-label
{
    width: 228px;
}

ul.math-label2
{
    width: 245px;
    border-right: 0;
}

.trim_description_3_line_info
{
    height: 30px;
    overflow: hidden;
}

.trim_description_2_line_info
{
    height: 40px;
    overflow: hidden;
    padding-top: 10px!important;
}

.trim_domain_name_play_list
{
    height: 95px;
    display: none;
}

.trim_upto_2_lines_tree
{
     height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    display: block;
}

.roster_class_ellipsis_trim_1
{
    width: 150px;
    /*height: 20px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    
}

.roster_class_ellipsis_trim_2
{
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
    white-space: pre;
    display: block;
}

.trim_teachername_educator_assign
{
    height: 20px;
    overflow: hidden;
}

.listStandardSubmit
{
    height: 33px;
    overflow: hidden;
}

.category-selection-result
{
    margin: .1em 10px 1em 1em;
    padding: 0;
    background-color: #fcfcfd;
    border: 1px solid #f4bc44;
    box-shadow: 0px 1px 2px #999;
    -webkit-box-shadow: 0px 1px 2px #999;
    -moz-box-shadow: 0px 1px 2px #999;
}

ul.domain
{
    height: auto;
}



.search-keyword-box-input
{
    float: left;
    width: 200px;
    z-index: 9999;
    position: relative;
    margin-left: 10px;
}

.search-keyword-box-image
{
    border-radius: 3px;
    margin-left: 3px;
}

.boldSpan
{
    font-weight: bold;
    display: block;
    background: #9F9F9F;
}

.see-result
{
    float: left;
    font: 900 12px arial;
}


.standard-data ul
{
    padding: 0;
    list-style: none;
}


        .standard-data ul li a.close-list
        {
            position: relative;
        }

            .standard-data ul li a.close-list span
            {
               background-image: url('../Content/assets/images/red_close_x.png');
                background-repeat: no-repeat;
                float: left;
                width: 22px;
                display: inline-block;
                padding: 5px;
                height: 25px;
                position: absolute;
                left: 10px;
                top: 12px;
            }

.result-div
{
    margin: 30px 0 0 20px;
}

.standard-tooltip
{
    left: 452px;
    top: 10px;
}

.standard-tooltip2
{
    left: 660px;
    top: 10px;
}

.standard-tooltip3
{
    left: 210px;
    top: 10px;
}

.standard-tooltip4
{
    left: 480px;
    top: 10px;
}

.standard-tooltip5
{
    left: 226px;
    top: 10px;
}

.standard-tooltip6
{
    left: 3px;
    top: 10px;
}



.play-arrow
{
    position: absolute;
    display: none;
    height: 85px;
    left: 0;
    padding-top: 15px;
    text-align: center;
    top: 0;
    width: 164px;
    background: url(../Content/assets/images/black-dla-hover.png) repeat;
}

    .play-arrow > img
    {
        max-width: 100%;
    }




.select-grade
{
    clear: left;
    margin-bottom: 0;
    padding-left: 13px;
    padding-top: 10px;
}

ul.cl_crt li
{
    line-height: normal;
    border-top: 0;
    line-height: 24px;
    padding: 0;
    line-height: normal;
}

    ul.cl_crt li a
    {
        border-top: solid 1px #fbb019;
        padding: 8px 10px 8px 18px;
        display: block;
        color: #2d2d2d;
    }

        ul.cl_crt li a:hover, ul.cl_crt li a:visited, ul.cl_crt li a:focus
        {
            text-decoration: none !important;
        }

    ul.cl_crt li ul li
    {
        line-height: 24px;
        padding: 0;
        line-height: normal;
    }
/*ul.cl_crt li ul li a {
    border-top: solid 1px #fbb019;
    padding: 8px 10px 8px 18px;
    color:#2d2d2d; 
    display:block;
}
    ul.cl_crt li ul li a:hover,ul.cl_crt li ul li a:visited,ul.cl_crt li ul li a:focus {
        text-decoration: none !important;
    }

ul.chosen-l1 li a{ padding-left:55px !important; font-family:Museo700; font-weight:bold; font-size:20px; color:#2d2d2d; border-top:none; }
ul.chosen-l2 li a{ padding-left:73px !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
ul.chosen-l3 li a{ padding-left:91px !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
ul.chosen-l4 li a{ padding-left:109px !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
ul.chosen-l5 li a{ padding-left:127px !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }*/

ul.cl_crt
{
    font-weight: normal;
}

    ul.cl_crt ul li
    {
        font-weight: normal;
    }






.playlist-custom-disabled
{
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.content-before-load-hide
{
    display: none;
}

.exiting-playlist
{
    margin-left: 24px;
}

.exiting-listing
{
    height: 140px;
    overflow-y: scroll;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #abacae;
    padding: 2px 0 2px 15px;
}

.exiting-playlist h3
{
    font-size: 16px;
    font-family: 'MuseoSans-700';
    color: #042060;
    margin-bottom: 5px;
}

.exiting-listing ul li
{
    padding-top: 8px;
    font-family: 'MuseoSans-500';
    font-size: 14px;
    color: #042060;
}

    .exiting-listing ul li input
    {
        float: none;
        margin-right: 10px;
        margin-top:0
    }

.new-playlist
{
    margin-left: 24px;
    float: right;
}

    .new-playlist h3
    {
        font-size: 16px;
        font-family: 'MuseoSans-700';
        color: #042060;
        margin-bottom: 5px;
    }

.playliste-content
{
    width: 290px;
}

input.playlist-name
{
    height: 40px;
    width: 255px;
    box-shadow: inset 0 0px 4px #abacae;
    -moz-box-shadow: inset 0 0px 4px #abacae;
    -o-box-shadow: inset 0 0px 4px #abacae;
    -webkit-box-shadow: inset 0 0px 4px #abacae;
    border: 1px solid #abacae;
    font-family: 'MuseoSans-300';
    padding: 0 15px;
    line-height: 40px;
    font-size: 18px;
    color: #5e6a7c;
}

input.error
{
    box-shadow: inset 0 0px 4px #B94A48;
    -moz-box-shadow: inset 0 0px 4px #B94A48;
    -o-box-shadow: inset 0 0px 4px #B94A48;
    -webkit-box-shadow: inset 0 0px 4px #B94A48;
    border: 1px solid #B94A48;
    color: #5e6a7c;
}

.playliste-content p
{
    color: #010001;
    font-size: 12px;
    font-family: 'MuseoSans-300';
    font-style: italic;
    line-height: normal;
    margin-top: 5px;
}

.playlist-actions
{
    text-align: right;
    margin-top: 22px;
    padding-right: 100px;
}

    .playlist-actions a.cancel-link
    {
        font-family: 'MuseoSans-500';
        color: #1b55f5;
        font-size: 16px;
        text-decoration: underline;
        padding-right: 18px;
    }

        .playlist-actions a.cancel-link:hover
        {
            text-decoration: none;
        }

.leave-page-form a.cancel-link
{
    font-family: 'MuseoSans-500';
    color: #1b55f5;
    font-size: 16px;
    text-decoration: underline;
    padding-right: 18px;
    margin-top: 10px;
}

    .leave-page-form a.cancel-link:hover
    {
        text-decoration: none;
    }

.leave-page-form .form-button
{
    margin-left: 20px;
    float: left;
}



.description-box-container
{
    background: #f5fbff;
    border: solid 1px #26549f;
    border-top: none;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}






.popup-header
{
    height: 98px;
    position: relative;
    background: url(../Content/assets/images/popup-header-bg.png) repeat;
    z-index: 9;
}

    .popup-header h1.logo
    {
        z-index: 999;
        top: 0px;
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .popup-header h1.logo a
        {
            width: 216px;
            height: 98px;
            overflow: hidden;
            display: block;
            background: url(../Content/assets/images/wp/play_window_large.png) no-repeat left top;
            text-indent: -9999px;

        }


    .popup-header button.close
    {
        position: absolute;
        right: 10px;
        top: 6px;
        background: url(../Content/assets/images/popup-close-btn.png) no-repeat right;
        width: 22px;
        height: 22px;
        opacity: 100;
        filter: alpha(opacity=100);
        color: #fff;
    }

        .popup-header button.close span
        {
            display: none;
        }

        .popup-header button.close:hover
        {
            display: block;
            position: absolute;
            right: 10px;
            width: 138px;
            top: 6px;
        }

            .popup-header button.close:hover span
            {
                display: block;
                position: relative;
                left: 0px;
                width: 138px;
                top: 1px;
                opacity: 100;
                filter: alpha(opacity=100);
                font-size: 13px;
                color: #fff;
                text-shadow: none;
                font-family: 'MuseoSans-700';
                font-weight: normal;
            }





    .popup-header .user-box
    {
        /*margin-top:54px;*/ margin-right: 4%;
    }

        .popup-header .user-box a.usr-wlcm-msg
        {
            font-size: 24px;
            z-index: 999999;
            position: relative;
            background: url(../Content/assets/images/username-arrow.png) no-repeat right 14px;
            color: #f7f9fa;
            padding-top: 0px;
            padding-bottom: 5px;
            padding-left: 0px;
            padding-right: 30px;
            display: block;
            text-decoration: none;
            text-align: right;
        }

.popup-content-box
{
    margin: 13px 2%;
}

.popup-iframe
{
    width: 100%;
    height: 900px;
    overflow: scroll
}

.quiz-pack-iframe
{
    width: 100%;
    height: 900px;
}

.quiz-pack-iframe-report
{
    width: 100%;
    height: 900px;
}

.popup-content-box iframe
{
    background-color: #fff;
}

.site-popup
{
    max-height: none;
    z-index: 99999;
}

.popup-header .info-panel-icons-right ul
{
    margin-top: 0px;
    height: 75px;
    position: relative;
    padding-right: 0px;
    width: 100%;
}

.site-popup .info-panel-icons-right li
{
    padding-top: 20px;
}
    /*.site-popup .info-panel-icons-right li a{ margin:0px; position:absolute; right:30%; }*/


    .site-popup .info-panel-icons-right li a
    {
        margin: 0px;
        position: absolute;
        right: 50%;
    }

        .site-popup .info-panel-icons-right li a.info-btn
        {
            right: -10%;
        }

/*.site-popup .info-panel-icons-right li a.info-btn { right:-30%;}*/




.popup-header
{
    height: 128px;
}

    .popup-header h1.logo a
    {
        height: 128px;
          background-position: 6px 16px;
    }

.site-popup .span5 h3
{
    font-size: 14px;
}

.site-popup .span5 h5
{
    font-size: 13px;
}

.site-popup .span5 p
{
    font-size: 10px;
}

.site-popup .info-panel-icons-right li
{
    padding-top: 0px;
    margin-top: 10px;
}





.popup-header .user-box
{
    margin-right: 1%;
    margin-top: 90px;
}

.popup-header button.close
{
    background: url(../Content/assets/images/close-750-ipad.png) no-repeat right;
    height: 44px;
    width: 44px;
}

    .popup-header button.close span
    {
        display: none!important;
    }

.site-popup .info-panel-icons-right li a.add-to-playlist
{
    height: 67px;
    width: 67px;
    background: url(../Content/assets/images/add_to_playlist-780-ipad.png) no-repeat left top;
}

    .site-popup .info-panel-icons-right li a.add-to-playlist:hover
    {
        background: url(../Content/assets/images/add_to_playlist-780-ipad.png) no-repeat -82px top;
    }



    .site-popup .info-panel-icons-right li a.add-to-playlist.selected
    {
        background: url(../Content/assets/images/add_to_playlist-780-ipad.png) no-repeat right top;
    }

    .site-popup .info-panel-icons-right li a.add-to-playlist:hover:before
    {
        top: -500px!important;
    }

.site-popup .info-panel-icons-right li a.info-btn
{
    height: 67px;
    width: 67px;
    background: url(../Content/assets/images/info-750-ipad.png) no-repeat left top;
}

    .site-popup .info-panel-icons-right li a.info-btn:hover
    {
        background: url(../Content/assets/images/info-750-ipad.png) no-repeat right top;
    }

    .site-popup .info-panel-icons-right li a.info-btn.selected
    {
        background: url(../Content/assets/images/info-750-ipad.png) no-repeat right top;
    }

    .site-popup .info-panel-icons-right li a.info-btn:hover:before
    {
        top: -500px!important;
    }

.popup-header .info-panel-icons-right ul
{
    width: 145px;
    margin-right: -112px;
}

.popup-content-box iframe
{
    width: 100%;
}








.site-popup .span5 h3
{
    font-size: 16px;
    font-family: 'MuseoSans-700';
    color: #fff;
    height: 36px;
    overflow: hidden;
    margin-top: 7px;
    line-height: normal;
    margin-bottom: 0px;
}

.site-popup .span5 h5
{
    font-size: 14px;
    font-family: 'MuseoSans-300';
    color: #fff;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 0px;
}

.site-popup .span5 p
{
    font-size: 11px;
    font-family: 'MuseoSans-500';
    color: #fff;
    line-height: normal;
}

    .site-popup .span5 p a
    {
        font-size: 11px;
        font-family: 'MuseoSans-500';
        color: #fff;
    }

.site-popup .description-box-container
{
    background: #f5fbff;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    position: relative;
}

.site-popup .exiting-playlist h3
{
    line-height: 40px;
    font-size: 16px;
    font-family: 'MuseoSans-700';
    color: #042060;
}

.site-popup .playliste-content
{
    width: 290px;
    float: left;
}

.site-popup .playlist-actions
{
    margin-top: 0px; margin-bottom: 5px; clear: both
}

.site-popup .popup-header .span5 p
{
    margin-bottom: 0px;
}

#myModal .playlist-actions
{
  
    text-align: right;
    padding-right: 15px;
}

#myModal .site-popup .playliste-content
{
    margin-right: 10px;
}

#myModal .site-popup .exiting-listing
{
    height: 90px;
}


.description-box-hide
{
    color: #81b8d9;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 16px;
    font-family: 'MuseoSans-700';
    text-decoration: underline;
}

    .description-box-hide:hover
    {
        text-decoration: none;
    }



.error-msg
{
    color: #B94A48;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0px 0 50px;
    float: left;
    width: 50%;
    line-height: normal;
}

.error-msg-duplicate
{
    padding: 0 10px 0 0px;
    float: left;
    width: 99%;

}


.heading-error
{
    float: left;
}


.error
{
    font-weight: bold;
    padding-left: 24px;
    padding-top: 10px;
}

#userLoginForm span.error
{
    background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
    padding-left: 30px;
    line-height: 15px;
    font-family: 'MuseoSans-300';
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #494949;
    font-weight: 300;
    margin-top: 5px;
    position: relative;
    top: 5px;
}

#userLoginForm span.valid
{
    background: url(../Content/assets/images/check-icon.png) no-repeat left 6px;
    padding-left: 30px;
    line-height: 15px;
    font-family: 'MuseoSans-300';
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #494949;
    font-weight: 300;
    margin-top: 5px;
    position: relative;
    top: 5px;
}


.web-dialog
{
    display: none;
    position: fixed;
    width: 36%;
    min-height: 200px;
    top: 18%;
    left: 50%;
    margin-left: -18%;
    margin-top: -100px;
    background-color: #ffffff;
    border: 1px solid #26549f;
    padding: 0px;
    z-index: 9999;
    padding: 15px 20px;
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .20);
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .20);
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .web-dialog h2
    {
        font-size: 36px;
        font-family: 'museo700';
        color: #fba138;
        text-align: center;
    }

    .web-dialog h3
    {
        font-size: 24px;
        font-family: 'MuseoSans-700';
        color: #042060;
        text-align: center;
        margin-bottom: 4px;
    }

    .web-dialog p
    {
        font-size: 18px;
        font-family: 'MuseoSans-500';
        line-height: 24px;
        color: #494949;
        text-align: center;
    }

#dialogQPackWarn
{
    width: 470px!important;
    margin-left: -235px !important;
}

#overlayQPackWarn
{
    position: fixed;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=40);
    width: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
}

.action-btn
{
    height: 45px;
    margin: 20px 10%;
}

    .action-btn .grey-btn
    {
        float: right;
    }

    .action-btn .grey-btn-back
    {
        float: left;
    }

.grey-btn
{
    width: 165px;
    height: 43px;
    display: block;
    font-weight: normal;
    font-family: 'MuseoSans-700';
    font-size: 20px;
    line-height: 43px;
    background: url(../Content/assets/images/grey-btn.png) left -45px;
    color: #fff;
    text-align: center;
}

    .grey-btn:hover
    {
        text-decoration: none!important;
        background: url(../Content/assets/images/grey-btn.png) left top;
        color: #fff;
    }

.grey-btn-back
{
    width: 165px;
    height: 43px;
    display: block;
    font-weight: normal;
    font-family: 'MuseoSans-700';
    font-size: 20px;
    line-height: 43px;
    background: url(../Content/assets/images/grey-btn-back.png) left -45px;
    color: #fff;
    text-align: center;
}

    .grey-btn-back:hover
    {
        text-decoration: none!important;
        background: url(../Content/assets/images/grey-btn-back.png) left top;
        color: #fff;
    }




.play-list-name
{
    padding: 0 34px 20px 34px;
}

    .play-list-name ul li
    {
        padding: 5px 0 0 0;
    }

    .play-list-name .btn
    {
        margin-top: 10px;
    }

        .play-list-name .btn:hover
        {
            background: none!important;
        }


#findnewdiv
{
    float: left;
    min-width: 100%;
}

.layout-slider .right-border
{
    display: none;
}

/* Begin modal medium popup*/
.modal-medium
{
    position: fixed;
    top: 48px;
    left: 50%;
    z-index: 1050;
    width: 634px;
    margin-left: -317px;
    background-color: transparent;
}

.modal-header
{
    background: url(../Content/assets/images/modal-assets.png) no-repeat 0 0;
    height: 43px;
    padding:0px!important
}

    .modal-header .modal-close
    {
        background: url(../Content/assets/images/modal-assets.png) no-repeat -1px -77px;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        float: right;
        margin: 6px 7px 0 0;
    }

.modal-medium .modal-content-box
{
    background: url(../Content/assets/images/modal-bg.png) repeat-y;
    padding: 18px 24px;
    font-family: 'MuseoSans-500';
    max-height: none;
    overflow-y: auto;
    position: relative;
}
#myModalRenderPlaylistDetails .modal-medium .edit-checkpoint-model {  padding:20px;}
#myModalRenderPlaylistDetails .modal-medium .edit-checkpoint-model a{  text-decoration:none; color:#e4831c;

}

.modal-content-box h3
{
    font-size: 24px;
    color: #042060;
    font-family: 'MuseoSans-700';
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: 700;
    line-height: 35px;
}

.modal-box-welcome-info
{
    font-size: 18px;
    line-height: 24px;
}

    .modal-box-welcome-info p
    {
        padding-top: 3px;
        margin-bottom: 5px;
    }

    .modal-box-welcome-info ul
    {
        padding-top: 0;
    }

    .modal-box-welcome-info li
    {
        line-height: 24px;
        padding-bottom: 5px;
        background: url(../Content/assets/images/lidot.png) no-repeat left 9px;
        padding-left: 10px;
    }

    .modal-box-welcome-info a
    {
        color: #1b55f5;
        text-decoration: underline;
    }

.modal-quote-box
{
    width: 74%;
    margin: 35px auto 50px;
    background: #FFF;
    padding: 15px 30px 0 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .modal-quote-box h4
    {
        color: #909192;
        font-size: 18px;
        font-family: 'MuseoSans-300';
        padding-bottom: 15px;
        font-weight: normal;
        margin-top: 5px;
    }

.modal-testimonial
{
    font-size: 14px;
    line-height: 21px;
    background: url(../Content/assets/images/blockquote-img.png) no-repeat left 4px;
    padding-left: 22px;
    margin-top: 5px;
    padding-bottom: 20px;
}

    .modal-testimonial p
    {
        padding: 0 0 5px 0;
        margin: 0;
    }

    .modal-testimonial .testim-name
    {
        display: block;
        text-align: right;
        font-family: 'MuseoSans-700';
    }

        .modal-testimonial .testim-name em
        {
            font-style: italic;
            font-family: 'MuseoSans-500';
        }

.modal-bottom-img
{
     height: 14px;
    background: url(../Content/assets/images/modal-assets.png) no-repeat 0 -54px;
   
}

.modal-login-section
{
    width: 160px;
    margin: 0 auto;
    background: #FFF;
    padding: 10px 25px 10px 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    color: #6f6f6f;
    font-family: 'museo700';
    line-height: 27px;
    margin-top: 10px;
}

    .modal-login-section a.login
    {
        font-size: 16px;
        font-weight: 500;
        font-family: 'MuseoSans-500';
        line-height: 27px;
    }

ul.signup-tabs
{
    height: 44px;
}

    ul.signup-tabs li
    {
        float: left;
        padding: 0;
        margin-left: 14px;
    }


        ul.signup-tabs li.first
        {
            margin-left: 0px;
        }

        ul.signup-tabs li a
        {
            display: block;
            color: #4f6e9c;
            text-decoration: none;
            font-family: 'MuseoSans-700';
            font-size: 20px;
            background: url(../Content/assets/images/modal-assets.png) no-repeat -37px -71px;
            width: 175px;
            text-align: center;
            height: 42px;
            line-height: 42px;
        }

            ul.signup-tabs li a:hover
            {
                background: url(../Content/assets/images/modal-assets.png) no-repeat -238px -71px;
            }

            ul.signup-tabs li a.active
            {
                background: url(../Content/assets/images/modal-assets.png) no-repeat -455px -71px;
            }

.signup-form
{
    padding-bottom: 50px;
}

.signup-note
{
    width: 330px;
    padding-bottom: 2px;
}


/* 15 MAY*/

.modal-signup-section
{
    background: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    color: #6f6f6f;
    font-family: 'museo700';
    line-height: 27px;
    padding: 10px 20px;
    width: 190px;
    color: #31487d;
}

.login-field
{
    width: 293px;
}

.signup-inp-field
{
    width: 324px;
}

.inp-field-city
{
    width: 236px;
}

.inp-field-sml
{
    width: 52px;
}

.form-filed
{
    margin-top: 6px;
    position: relative;
    width: 338px;
}

.forgot-pw-text
{
    font-size: 16px;
    font-family: 'MuseoSans-500';
    margin-top: 5px;
}

.btn-field
{
    text-align: right;
    padding: 0px 2px 0 0;
    height: 42px;
}

.add-child-btn-filed
{
    float: right;
    position: relative;
}

.login-btn-field
{
    height: 92px;
}

.btn-field .login-btn-container
{
    margin-top: 20px;
}

.btn-field .login-btn
{
    background: url(../Content/assets/images/login-btn.png) no-repeat;
    width: 162px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-weight: 700;
    font-size: 20px;
    float: right;
    text-decoration: none;
}

.btn-field .getaccount-btn
{
    background: url(../Content/assets/images/get-account-bg.png) no-repeat;
    width: 182px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-size: 20px;
    float: right;
    text-decoration: none;
}

.form-filed span.note
{
    text-align: right;
    font-family: 'MuseoSans-300';
    font-size: 11px;
    font-weight: 500;
    text-align: right;
    display: block;
    padding-right: 5px;
    float: right;
}

.form-filed label
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
}

    .form-filed label span
    {
        font-family: 'MuseoSans-500';
        font-weight: 500;
    }

.form-filed .tags-tooltip-popup
{
    left: 108px;
    top: 28px;
}

.form-filed .tags-tooltip-arrowbox
{
    left: 45%;
}

.form-filed .tags-tooltip-content
{
    width: 200px;
}

.form-filed label.error
{
    background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
    padding-left: 30px;
    line-height: 15px;
    font-family: 'MuseoSans-300';
    font-size: 13px;
    width: 195px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    left: 360px;
    top: 20px;
    color: #494949;
    font-weight: normal;
}

.form-filed label.valid
{
    background: url(../Content/assets/images/check-icon.png) no-repeat left 6px;
    left: 360px;
    top: 20px;
    font-family: 'MuseoSans-300';
    font-size: 13px;
}

#classNameDiv label.error
{
    left: 4px!important;
    top: 60px!important;
    width: 260px;
}

#classNameDiv label.valid
{
    left: 4px!important;
    top: 60px!important;
}



.form-filed label.warn
{
    background: url(../Content/assets/images/warning.png) no-repeat left 6px;
    left: 360px;
    top: 20px;
    font-family: 'MuseoSans-300';
    font-size: 13px;
}

.accept-terms .form-filed label.error, .accept-terms .form-filed label.valid
{
    top: 0px;
}



.error-terms
{
    top: 0px;
}

.field-multiple
{
    height: 42px;
}

.field-multiple2
{
    height: 66px;
    position:relative;
}

.select-month
{
    float: left;
    width: 147px;
}

.inp-day
{
    float: left;
    width: 66px;
    margin-left: 5px;
}

.select-year
{
    float: right;
    width: 114px;
}

.inp-city
{
    float: left;
    width: 217px;
}

.select-state
{
    float: right;
    width: 82px;
}

.accept-terms
{
    clear: both;
    margin-top: 10px;
}

    .accept-terms .form-filed label
    {
    }

    .accept-terms a
    {
        color: #1b55f5;
        text-decoration: underline;
    }

.checkbox-filed
{
    width: 18px;
    float: left;
}

.checkbox-terms
{
    margin-left: 18px;
    display: block;
    padding-top: 3px;
    font-family: 'MuseoSans-500';
    font-size: 14px;
    font-weight: 500;
}

.form-container
{
    padding-bottom: 50px;
}

.chk-human
{
    margin-top: 10px;
}

.spambot-chk
{
    display: none;
}

.btn-cont
{
    float: right;
    width: 182px;
    height: 42px;
}


div.span6.allClassesCont, div.span6.selectedClassesCont
{
    display: none;
}




/***** 20 May ( create playlist navigation) ********/

.subject-core-standard
{
    /*background: #fcfbf9;*/
}

    .subject-core-standard #grade
    {
        margin-left: 0px!important;
    }


    .subject-core-standard .selected-nav-heading
    {
        color: #DF554B;
        font-family: 'MuseoSans-500';
        font-size: 12px;
        font-weight: 500;
        line-height: 32px;
        margin: 0px 0 0;
        padding-bottom: 0px;
        padding-top: 0px;
    }



    .subject-core-standard h3.subject
    {
        color: #494949;
        font-family: 'MuseoSans-700';
        font-size: 14px;
        line-height: 32px;
        margin: 0px 0 0;
        padding-bottom: 3px;
        padding-top: 0px;
    }


    .subject-core-standard .left-navigations .subject li:hover
    {
        background-color: #ffe8a8;
    }

    .subject-core-standard .left-navigations .subject li.active
    {
        background-color: #ffe8a8;
    }


    .subject-core-standard .left-navigations
    {
        background: #fff!important;
        padding-left: 0px;
        border: 1px solid #ffaf01;
        height: 503px;
        margin-bottom: 10px;
    }

        .subject-core-standard .left-navigations .subject-sub
        {
            background: none repeat scroll 0 0 #fdf7e6;
            background-color: #ffe8a8;
            border: 1px solid #ffaf01;
            font-family: Arial,Helvetica,sans-serif;
            left: 210px;
            position: absolute;
            top: -1px;
            z-index: 99999;
        }


/*.subject-core-standard .left-navigations .subject-sub-width1 {
   width:211px!important;
}
    .subject-core-standard .left-navigations .subject-sub .first-nav-box ul.math-label2 {width:173px!important; padding-right:5px;
    }

    .subject-core-standard .left-navigations .subject-sub .second-nav-sub .level-3 {width:210px!important; height: 350px!important; padding-top:0px!important;
    }


    .subject-core-standard .fourth-nav-box .subject-sub ul.level-4 {
    
    width: 210px; border-bottom:1px solid #ccc;
}

.subject-core-standard .left-navigations .subject-sub ul {width:210px;padding-top:0px;
}
    .subject-core-standard .left-navigations .subject-sub ul.mathSubject { height:218px;
    }
    */
/*.subject-core-standard .left-navigations .subject-sub ul li {
    
    color: #000;
    font-size: 14px;
    padding: 5px 5px 5px 10px;
}
    .subject-core-standard .left-navigations .subject-sub .first-nav-box .math-title {
        padding: 15px 0 10px 10px;
        width: 184px;
    }*/

/*.subject-core-standard .left-navigations .subject-sub-width2 { width:422px;
}
.subject-core-standard .left-navigations .subject-sub-width3 { width:664px;
}


.subject-core-standard .fourth-nav-boxs .subject-sub ul {
    width: 210px;
}


.subject-core-standard .left-navigations .fourth-nav-box .level-4 {width:239px!important;height:210px!important;overflow-y:scroll;
}*/

.subject-section-left-navigation
{
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.subject-core-standard .left-navigations .third-nav-box
{
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}

.third-nav-box
{
    border-left: 1px solid #fff !important;
}

.subject-core-standard .left-navigations .subject-sub .first-nav-box
{
    /*height:350px!important;*/
    /*height:450px !important;
    width:210px!important;*/
}

#subjectCommonCore .first-nav-box
{
    /*height:457px !important;*/
}

.subject-core-standard .left-navigations .subject-sub .second-nav-box
{
    /* height:350px!important;
   width:210px!important;*/
}

.subject-core-standard .subject-sub-width2a
{
    /*width: 422px;*/
}

.subject-core-standard .subject-sub ul.level-3a
{
    /*height:350px;*/
}

.subject-core-standard .subject-sub-width3a
{
    /*width: 633px;*/ border-right: none;
}

.subject-core-standard .subject-sub ul.level-4a
{
    /* height:210px!important;width:238px;*/
}

.subject-core-standard .subject-sub ul.level-4
{
    /* height:210px!important;width:238px;*/
}

.subject-core-standard .subject-sub-width5a
{
    /*width: 873px;*/
}

.domain-label-title
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 0px;
    position: absolute;
    top: -30px;
}

.subdomain-label-title
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 250px;
    position: absolute;
    top: -30px;
}

.cluster-label-title
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 249px;
    position: absolute;
    top: -30px;
}

.standard-label-title
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 460px;
    position: absolute;
    top: -30px;
}

.cluster-label-title-a
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 480px;
    position: absolute;
    top: -30px;
}

.standard-label-title-a
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 707px;
    position: absolute;
    top: -30px;
    width: 200px;
    background-color:white;
}

.for-select-standard-background .standard-label-title-a
{   
    background-color:#f3f6fb;
        margin-left: -30px;
    padding-left: 30px;
}
.standard-a-label-title
{
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #011d61;
    left: 10px;
    position: absolute;
    top: -30px;
}

.subject-core-standard .left-navigations .subject-sub .second-nav-sub .diffrent-option
{
    background-color: #e7e6e4;
    margin-top: 0;
    position: relative;
    height: 501px!important;
}

    .subject-core-standard .left-navigations .subject-sub .second-nav-sub .diffrent-option li
    {
        background-color: #e7e6e4;
    }

        .subject-core-standard .left-navigations .subject-sub .second-nav-sub .diffrent-option li.active
        {
            background: #F07865 url(../Content/assets/images/arrow-right-white.png) no-repeat right center;
            color: #fff;
        }


            .subject-core-standard .left-navigations .subject-sub .second-nav-sub .diffrent-option li.active a
            {
                color: #fff;
            }

/***** 20 May ( End) ********/










/***** Loading Overlay ********/
.load-wrapper
{
    position: relative;
}

.load-overlay
{
    background: #fff;/*url('../Content/assets/images/popup-video-bg.png');*/
    opacity: 0.56;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99998;
}

.loading-cont
{
    position: absolute;
    z-index: 99999;
}

    .loading-cont img
    {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -21px;
        margin-left: -25px;
    }
/************ END *********************/

.contentLoad
{
    text-align: center;
    padding: 10px 0;
    color: #6f6f6f;
    font-size: 18px;
    font-style: italic;
    font-family: MuseoSans-300;
    clear: left;
}

.dlaLoad
{
    text-align: center;
    padding-top: 100px;
    color: #6f6f6f;
    font-size: 18px;
    font-style: italic;
    font-family: MuseoSans-300;
    clear: left;
}

    .dlaLoad .load-message
    {
        margin-bottom: 20px;
    }

.modal-signup-section a.signup-btn
{
    float: left;
    background: url(../Content/assets/images/modal-assets.png) no-repeat -37px -71px;
    width: 180px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    padding: 0;
    margin-left: 0;
    color: #4f6e9c;
    text-decoration: none;
    font-family: 'MuseoSans-700';
    margin-top: 10px;
}

.form-filed.username
{
    margin-top: 5px;
}

.form-filed p
{
    margin-top: 15px;
}

.modal-signup-section.signup-now
{
    margin-top: 10px;
    padding-bottom: 20px;
}

.login-sec
{
    margin-right: 3px;
    font-family: 'MuseoSans-300';
    font-size: 18px;
    margin-top: 12px;
    color: #fff;
    white-space: nowrap;
}

    .login-sec a
    {
        margin-right: 4px;
        font-family: 'MuseoSans-700';
        font-size: 18px;
        color: #fff;
        margin-left: 4px;
    }

        .login-sec a:hover
        {
            color: #042060;
            text-decoration: none;
        }

header.anonymousHeader
{
    height: 87px !important;
}






.forgot-password-form
{
    padding: 25px 0 50px 0;
}
#resetPasswordInfoBox .forgot-password-form
{
    padding: 0 0 50px 0 !important;
}



.form-button
{
    background: url(../Content/assets/images/form-btn-bg.png) no-repeat right;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-weight: 300;
    font-size: 20px;
    float: right;
    text-decoration: none;
    padding: 0 20px 0 19px;
    border-left: solid 1px #efb427;
}

    .form-button:hover
    {
        color: #e4831c;
        text-decoration: none;
    }

.forgot-pw-form
{
    margin-top: 10px;
}

#joinClassPopup .modal-content-box
{
    padding-left: 38px;
}

.join-class-form
{
    padding-bottom: 15px;
}

#joinClassForm .form-button, #leaveClassForm .form-button
{
    float: left;
}

#joinClassForm a.cancel-link, #leaveClassForm a.cancel-link
{
    float: left;
    margin: 5px 0 0 10px;
    font-family: 'MuseoSans-500';
    color: #1b55f5;
    font-size: 16px;
    text-decoration: underline;
    padding-right: 18px;
}

    #joinClassForm a.cancel-link:hover, #leaveClassForm a.cancel-link:hover
    {
        text-decoration: none;
    }

#joinClassForm .load-wrapper, #leaveClassForm .load-wrapper
{
    float: left;
}

.class-teachers
{
    color: #494949;
    padding-top: 5px;
}

    .class-teachers strong
    {
        color: #666;
    }

.associatedTeacherList span
{
    padding-left: 5px;
}

#sidebarJoinClassForm div.load-overlay
{
    top: 0px !important;
}

.associatedTeachersSidebar
{
    color: #fff;
    padding: 0 10px;
    color: #E5EBFF;
}

    .associatedTeachersSidebar div
    {
        font-weight: bold;
    }

    .associatedTeachersSidebar ul li
    {
        margin-left: 27px;
        list-style-type: circle;
    }

#sidebarJoinClassForm label.error
{
    padding: 10px 0 10px 30px;
    font-size: 12px;
    background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
    color: #fda;
    font-weight: normal;
}

    #sidebarJoinClassForm label.error.valid
    {
        background: url(../Content/assets/images/check-icon.png) no-repeat left 6px;
    }

.title-or
{
    text-align: center;
    font-size: 20px;
    display: block;
    margin-top: 10px;
    width: 338px;
}

.form-btn-filed
{
    margin-top: 35px;
}

.datatab
{
    display: none;
}

.fixMinHeightInfoSuccessPopup
{
    min-height: 216px;
}

/* General class to show and hide the element */
.show
{
    display: block !important;
}

.hide
{
    display: none;
}
/* General class to show and hide the element */

/* End modal medium popup*/


.right-side-box a:active, .right-side-box a:focus
{
    color: #10215c;
    text-decoration: none;
}


#leaveClassForm label
{
    display: none !important;
}

.typeahead
{
    min-width: 450px;
    max-width: 550px;
    white-space: normal;
}

    .typeahead.dropdown-menu
    {
        max-height: none;
        overflow-y: auto;
        height: 179px;
        left: 0px !important;
    }


.selectpicker
{
    position: absolute;
    z-index: -999;
    display: block !important;
}

.select-year label
{
    z-index: 9997 !important;
    background-color: #F3F6FB !important;
}

.select-month label
{
    z-index: 9999 !important;
    background-color: #F3F6FB !important;
}

#studentRegistrationForm label.error.valid, #studentForgotForm label.error.valid, #addChildParentForm label.error.valid
{
    z-index: 9 !important;
}

.inp-day label
{
    z-index: 9998 !important;
    background-color: #F3F6FB !important;
}


.alert-dla
{
    margin: 20px 0 0 20px;
    padding-right: 25px;
    display: block;
}

.cancel-btn
{
    float: right;
    font-size: 16px;
    margin: 10px 20px 0 0px;
    color: #1b55f5;
}




.left
{
    float: left;
}

.right
{
    float: right !important;
}


.playlist-save > .load-wrapper
{
    float: right;
}

.form-content-holder
{
    border: solid 1px #ccc;
    background: #f5f5f5;
    padding: 10px 20px;
    margin-top: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .form-content-holder h4
    {
        font-size: 18px;
        margin: 10px 0;
        padding: 0;
    }




/*Start: new css 10 june 2013*/
.class-container .playlist-detail
{
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.class-header h2 small
{
    font-size: 14px;
    font-family: 'MuseoSans-500';
    color: #494949;
    font-weight: 500;
    margin-left: 5px;
}

a.create-playlist-btn
{
    float: right;
    background: url(../Content/assets/images/create_playlist_btn.png) no-repeat;
    width: 156px;
    height: 36px;
    text-indent: -9999px;
    margin-top: 25px;
}

    a.create-playlist-btn:hover
    {
        background-position: 0 -36px;
    }

.playlist-box-title-bar
{
    border-top: none;
    padding: 0 0px 0 15px;
    /*background: #ffe7ab url(../Content/assets/images/class-detail-th-bg.png) repeat-x bottom;*/
    background: #ffe7ab url(../Content/assets/images/playlist-header-repeat-bg.png) repeat-x top left;
    color: #494949;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 40px;
}

    .playlist-box-title-bar h3
    {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin: 0;
        color: #fff;
        padding: 8px 0;
        font-family: 'museo700';
    }

ul.plylist-opt
{
    float: right;
    height: 40px;
}

    ul.plylist-opt li
    {
        float: left;
        /*background: url(../Content/assets/images/playlist-opt-line.png) no-repeat left top;*/
        padding: 0 20px 0 12px;
        border-left: 1px solid #EAC38E;
    }

        ul.plylist-opt li a
        {
            display: block;
            background: url(../Content/assets/images/create_playlist_btn.png) no-repeat;
            padding: 9px 0 9px 22px;
            font-size: 14px;
            font-family: 'MuseoSans-500';
            color: #494949;
            font-weight: 500;
        }

            ul.plylist-opt li a.copy-playlist
            {
                background-position: -185px -1px;
            }

            ul.plylist-opt li a.edit
            {
                background-position: -180px -39px;
                padding-left: 28px;
            }

            ul.plylist-opt li a.delete
            {
                background-position: -181px -82px;
            }

.assignd-value
{
    background: url(../Content/assets/images/create_playlist_btn.png) no-repeat 0 -78px;
    text-align: center;
    font-family: 'MuseoSans-700';
    font-size: 14px;
    color: #494949;
    height: 33px;
    width: 108px;
    line-height: 33px;
    margin: 0 auto;
}

.playlist-leftcol
{
    float: left;
    width: 15%;
    height: 164px;
    background: url(../Content/assets/images/more-info-grad-bg.png) repeat-y right;
    position: relative;
}

    .playlist-leftcol p
    {
        padding: 15px 20px;
        margin: 0;
        font-family: 'MuseoSans-500';
        font-size: 16px;
        color: #592471;
        line-height: 22px;
        font-weight: 500;
    }

.playlist-rightcol
{
    float: left;
    width: 18%;
    height: 164px;
    position: relative;
}

.pl-more-info
{
    position: absolute;
    left: 20px;
    bottom: 15px;
    color: #376AF6;
    font-family: 'MuseoSans-500';
    font-weight: 500px;
    text-decoration: underline;
    font-size: 14px;
}

    .pl-more-info a
    {
        color: #376AF6;
        font-family: 'MuseoSans-500';
        font-weight: 500px;
        text-decoration: underline;
        font-size: 14px;
    }

        .pl-more-info a:hover
        {
            color: #376AF6;
        }

.pl-viewedit
{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.pl-more-info:hover
{
    color: #376AF6;
}

.more-tooltips
{
    margin-top: 20px;
}

.info-panel-tip-playlist
{
    background: #26549f url(../Content/assets/images/popup-header-bg.png) repeat;
    min-height: 26px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
}

.playlist-assign-btn
{
    background: url(../Content/assets/images/form-btn-bg.png) no-repeat right;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-weight: 700;
    font-size: 20px;
    float: right;
    text-decoration: none;
    padding: 0 20px 0 20px;
    border-left: solid 1px #efb427;
    cursor: pointer;
}

    .playlist-assign-btn:hover
    {
        color: #e4831c;
    }

.dla-search-description h4
{
    font-family: 'MuseoSans-700';
    color: #042060;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0;
}

ul.assigned-list li
{
    font-family: 'Museo-500';
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.assign-to
{
    border: solid 1px #dddee0;
    padding: 0 10px 0px 10px;
    overflow: auto;
    height: 188px;
    background: #fff;
    margin-left: 1em;
    margin-right: 0.1em;
}

    .assign-to ul
    {
        font-family: 'Museo-500';
        font-size: 14px;
        color: #10215c;
        padding: 7px 0 10px 0;
    }

        .assign-to ul li
        {
            line-height: 22px;
            margin-top: 3px;
        }

            .assign-to ul li ul
            {
                margin-left: 24px;
                padding: 0px;
                display: none;
            }

            .assign-to ul li a
            {
                background: url(../Content/assets/images/create_playlist_btn.png) no-repeat -181px -248px;
                padding-left: 12px;
                color: #10215c;
                display: block;
                margin-left: 20px;
                position: relative;
                top:0px
            }

                .assign-to ul li a.expanded
                {
                    background-position: -180px -203px;
                    padding-left: 12px;
                }

            .assign-to ul li li a
            {
                background: none;
                padding-left: 0;
            }

    .assign-to a:hover, .select-student-list a:hover
    {
        color: #10215c;
    }

    .assign-to ul input[type="checkbox"]
    {
        float: left;
        width: 20px;
        margin-top: 5px;
    }




.select-student-list
{
    border-top: 0;
    height: 190px;
    overflow: auto;
    margin-right: 1em;
    border:solid 1px #dddee0
}

h4.select-student-title
{
    margin-left: 1em;
}

.select-student-list ul
{
    margin-left: 0px;
    background: #f8f8f8;
    border: solid 1px #dddee0;
    border-top: 0;
}

    .select-student-list ul li
    {
        font-family: 'Museo-500';
        font-size: 14px;
        font-weight: 500;
        border-top: solid 1px #dddee0;
        padding: 5px;
    }

        .select-student-list ul li ul
        {
            margin-left: 20px;
            border: 0;
        }

        .select-student-list ul li li
        {
            font-family: 'MuseoSans-700';
            font-size: 14px;
            color: #10215c;
            font-weight: 700;
            border: 0;
        }

.select-student-list a.delete
{
    background: url(/Content/assets/images/delete.png) no-repeat;
    width: 19px;
    height: 19px;
    float: left;
    text-indent: -9999px;
    margin-right: 3px;
}

.cancel-assign
{
    float: right;
    margin-top: 10px;
    margin-right: 1.2em;
    color: #376AF6;
    font-family: 'MuseoSans-500';
    font-weight: 500;
    text-decoration: underline;
    font-size: 16px;
}


.playlist-assign-btn-box
{
    margin-top: 180px;
}

    .playlist-assign-btn-box .load-wrapper
    {
        float: right;
    }

.info-panel-tip-playlist .close-icon
{
    background: url(../Content/assets/images/sm_close.png) no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    float: right;
    margin: 2px 6px 0 0;
}



.playlist-slider
{
    width: 59%;
    float: left;
    height: 164px;
    padding: 0 4% 0 4%;
    background: url(../Content/assets/images/slider-bg-img.png) repeat-y right;
}

    .playlist-slider p
    {
        font-family: 'Museo-500';
        font-size: 14px;
        font-weight: 500;
        padding-top: 10px;
    }


.view-edit-assign-box
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.view-edit-assign-container
{
    top: -50px;
    padding-top: 28px;
}

    .view-edit-assign-container .tip-playlist
    {
        top: 6px;
    }
/*End: new css 10 june 2013*/






/*Start: new css 12 june 2013*/

ul.plylist-opt li a.assign-playlist
{
    background-position: -181px -118px;
    padding-left: 28px;
}

ul.plylist-opt li a.prev-student
{
    background-position: -181px -153px;
}

ul.plylist-opt li:hover, ul.plylist-opt li.active
{
    /*background-color: #fdf7e6;
   
    border-bottom: solid 1px #deddd8;*/
     text-decoration: none;
}

    ul.plylist-opt li a:hover, ul.plylist-opt li.active a:hover
    {
        text-decoration: none;
    }

.playlist-content
{
    padding: 20px 260px 30px 44px;
    font-family: 'MuseoSans-500';
    font-weight: 500;
}

.subject-core-standard
{
    padding: 0 25px 30px 20px;
    font-family: 'MuseoSans-500';
    font-weight: 500;
}

.subject-core-selector
{
    padding-top: 20px;
    font-family: 'MuseoSans-500';
    font-weight: 500;
}

    .subject-core-selector p.guidance-txt
    {
        font-size: 16px;
    }

.playlist-content h3
{
    font-size: 30px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    color: #042060;
    padding: 8px 0;
    font-family: 'museo700';
}

.playlist-content h4
{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    color: #042060;
    padding: 5px 0;
    font-family: 'museo700';
    font-weight: 700;
}

.playlist-content ul.assignment-listview
{
    padding-bottom: 10px;
    font-size: 16px;
}

    .playlist-content ul.assignment-listview li
    {
        line-height: 26px;
    }

.playlist-content h4 span
{
    color: #494949;
    font-family: 'museo-500';
    font-weight: 500;
}

.playlist-content a
{
    color: #2458ea;
    text-decoration: underline;
}

.hightlight-sort
{
    padding: 0;
    margin: 9px 9px 29px 9px;
    width: 164px;
    float: left;
    border: 1px dashed #c0c0c0;
    height: 237px;
}

.playlist-box
{
    width: 164px;
    margin: 0 10px 30px 10px;
    padding-top: 10px;
    float: left;
    position: relative;
}

    .playlist-box .close-thumn
    {
        background: url('../Content/assets/images/close-playlist-thumb.png') no-repeat;
        height: 32px;
        position: absolute;
        right: -10px;
        top: 0px;
        width: 32px;
        z-index: 999;
        text-indent: -9999px;
    }

.playlist-content-container
{
    padding: 40px 40px 35px 40px;
}

.playlist-viewb
{
    padding-bottom: 65px;
}

.playlist-content-bg
{
    background: #f1f2f6 url(../Content/assets/images/playlist-content-bg.png) repeat-y left;
    border-bottom: solid 1px #e5e5e3;
    border-right: solid 1px #e5e5e3;
}

.playlist-content-bgtop
{
    background: url(../Content/assets/images/playlist-content-bg-top.png) repeat-x top;
    padding: 20px 35px 0 15px;
}

.plnum
{
    background: url(../Content/assets/images/plnun-img.png) no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: center;
    color: #fff;
    font-family: 'MuseoSans900';
    font-weight: 900;
    line-height: 26px;
}
  #playlist-Info-Dla-image-Div-id  #missionItemSlider .sel-playlist-link .plnum {
             background: transparent url("../Content/assets/images/plnun-img.png") no-repeat scroll 0% 0%;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 30px;
    right: 0px;
    text-align: center;
    color: #FFF;
    font-family: "MuseoSans900";
    font-weight: 900;
    line-height: 26px;
}
 #playlist-Info-Dla-image-Div-id .plnum
{
    background: url(../Content/assets/images/plnun-img-20.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 4px;
    text-align: center;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-weight: 700;
    line-height: 20px;
    font-size:13px
}
 .plnum-20
{
    background: url(../Content/assets/images/plnun-img-20.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    left: 12px;
    text-align: center;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-weight: 700;
    line-height: 20px;
    font-size:13px
}

  .plnumgrey-20
{
    background: url(../Content/assets/images/plnun-img-20.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    text-align: center;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-weight: 700;
    line-height: 20px;
      font-size: 13px;
      background: #666;
      -moz-border-radius: 15px;
border-radius: 15px;
}

.playlist-thumb-box
{
    border-bottom: solid 1px #c5c6c7;
    border-left: solid 1px #e3e4e4;
    border-top: solid 1px #e3e4e4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 1px 1px 0px 0px #dbdedf;
    -webkit-box-shadow: 1px 1px 0px 0px #dbdedf;
    box-shadow: 1px 1px 0px 0px #dbdedf;
    padding: 0px;
    height: 235px;
    position: relative;
    overflow: hidden;
    background: #fcfbf9;
}

    .playlist-thumb-box > img
    {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        -webkit-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        height: 95px !important;
        width: 163px !important;
        min-width: 135px!important;
    }

    .playlist-thumb-box .thumb-caption p
    {
        font-family: "MuseoSans-300";
        font-weight: 300;
        position: absolute;
        bottom: -8px;
        font-size: 13px;
        color: #2e2e2e;
        margin-right: 32px;
        left: 9px;
        word-wrap: break-word;
        width: 122px;
    }

    .playlist-thumb-box .thumb-caption h5
    {
        font-family: "MuseoSans-500";
        margin-bottom: 0;
        font-weight: 500;
        line-height: 16px;
        padding-bottom: 30px;
        font-size: 14px;
        padding-left: 9px;
        padding-right: 9px;
    }



.playlist-detail-para
{
    padding-left: 45px;
    padding-bottom: 10px;
    font-family: 'MuseoSans-500';
    padding-top: 10px;
}

.added-label-list
{
    border: solid 1px #FFAF01;
    background: #f8f8f8;
    height: 460px;
    overflow-y: auto;
    width: 180px;
    word-wrap: break-word;
}

    .added-label-list ul li
    {
        font-family: 'Museo-500';
        font-size: 14px;
        font-weight: 500;
        border-bottom: solid 1px #FFAF01;
        padding: 10px 5px;
        background-color: #fff;
    }

        .added-label-list ul li a
        {
            color: #333;
        }

            .added-label-list ul li a:hover
            {
                color: #333;
                text-decoration: none;
            }

    .added-label-list a.delete
    {
       background: url(/Content/assets/images/red_close_x.png) no-repeat;
        width: 22px;
        height: 21px;
        float: left;
        text-indent: -9999px;
        margin-right: 6px;
    }

    .added-label-list ul li.listalt
    {
        background: #f0f0f0;
    }

.edit-inp-icon
{
    background: url('../Content/assets/images/playlist-title-edit-icon.png') no-repeat;
    height: 22px;
    position: absolute;
    text-indent: -9999px;
    top: 10px;
    width: 21px;
    right: 0;
    margin-right: 5px;
}

.addlabel-inp-icon
{
    background: url("../Content/assets/images/add-btn.png") no-repeat transparent;
    display: inline-block;
    height: 41px;
    left: -24px;
    position: relative;
    text-indent: -9999px;
    top: -9px;
    width: 75px;
}

input.playlist-inp
{
    font-size: 22px;
    font-family: 'Museo-500';
    padding: 5px 4% 5px 1%;
    line-height: 30px;
    width: 94.8%;
    border-radius: 0;
    display: block;
}

input.add-editlable-inp
{
    font-size: 22px;
    font-family: 'Museo-500';
    padding: 5px 10px;
    line-height: 30px;
    width: 46%;
    border-radius: 0;
    padding-right: 30px;
}

.yourdesc-box
{
    margin-top: 20px;
}

    .yourdesc-box span.info
    {
        font-size: 11px;
        top: -5px;
        position: relative;
        font-family: 'Museo-500';
        font-weight: 500;
    }

.relative
{
    position: relative;
}

.playlist-title-container
{
}

.mce-container.disabled
{
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.mce-stack-layout-item div.mce_overlay
{
    position: absolute;
    background: url("../Content/assets/images/gray-disabled-editor.png") repeat;
    width: 100%;
    height: 34px;
    z-index: 999;
    top: 0;
    left: 0;
}

.text-editor-opts
{
    float: right;
    height: 35px;
    display: none;
}

    .text-editor-opts li
    {
        float: left;
        border: solid 1px #d3d3d3;
        border-top: 0;
    }

        .text-editor-opts li a
        {
            text-indent: -9999px;
            width: 19px;
            height: 16px;
            display: block;
            margin: 3px 4px 4px 4px;
        }

        .text-editor-opts li.cross
        {
            float: left;
            border-left: 0;
        }

        .text-editor-opts li a.check
        {
            background: url(../Content/assets/images/check-icon-editor.png) no-repeat;
        }

        .text-editor-opts li.cross a
        {
            background: url(../Content/assets/images/cross-icon-editor.png) no-repeat;
        }

.editor-block
{
    width: 100%;
}

.assignements-content
{
    padding: 0 130px 15px 24px;
    font-family: 'MuseoSans-500';
    font-weight: 500;
}

    .assignements-content .select-student-list
    {
        margin-right: 0;
    }

    .assignements-content ul.assigned-list
    {
        padding-bottom: 10px;
    }

        .assignements-content ul.assigned-list li
        {
            font-size: 16px;
            line-height: 28px;
        }

    .assignements-content .assign-to ul
    {
        font-size: 16px;
    }

.student-list span.optional-txt
{
    font-family: 'MuseoSans-300';
    font-weight: 300;
}

.subject-core-standard h4
{
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    margin: 0;
    color: #042060;
    padding: 5px 0;
    font-family: 'MuseoSans-700';
}

.add-label-or-playlist
{
    float: left;
    width: 600px;
    margin-top: 20px;
}

.playlist-thumb-box-blank
{
    border: dashed 1px #b7b8bc;
    margin-top: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 235px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.assign-top
{
    margin-top: 20px;
}

.sel-block-container
{
    margin-right: 3em;
}

.left-nav-box
{
    margin-top: 20px;
    float: left;
    width: 772px;
}

.add-new-content-block
{
    padding: 15px 40px;
}

.last-saved, auto-saved
{
    height: 42px;
    font-family: 'MuseoSans-500';
    font-weight: 500;
}

.auto-saved ul
{
    float: right;
    position: relative;
    top: 0;
    padding-top:20px
}

    .auto-saved ul li
    {
        float: left;
        padding-left: 10px;
        line-height: 43px;
    }

.last-saved ul
{
    float: right;
    position: relative;
    top: -15px;
}

    .last-saved ul li
    {
        float: left;
        padding-left: 10px;
        line-height: 43px;
    }

a.bluebtn
{
    background: url(../Content/assets/images/modal-assets.png) no-repeat -37px -71px;
    float: left;
    color: #52709d;
    font-family: 'MuseoSans-700';
    font-size: 20px;
    position: relative;
    line-height: 42px;
    display: block;
    padding: 0 18px 0 20px;
    position: relative;
}

    a.bluebtn span
    {
        background: url(../Content/assets/images/modal-assets.png) no-repeat -214px -71px;
        line-height: 42px;
        display: block;
        position: absolute;
        width: 2px;
        height: 42px;
        right: -2px;
        top: 0;
    }

.blue-link
{
    color: #2458ea;
    text-decoration: underline;
    margin-right: 10px;
}

.playlist-save
{
    height: 100px;
    padding: 40px 44px 0 0;
    font-family: 'MuseoSans-500';
    font-weight: 500;
}

    .playlist-save .autosave-save
    {
        width: 330px;
        margin: 0 auto;
    }

    .playlist-save .autosave
    {
        padding-right: 10px;
    }

.addedlabel-from-menu
{
    float: right;
    width: 180px;
    margin-top: 10px;
}

.parents-class-header
{
    position: relative;
    padding-top: 0px;
    height: auto!important;
    margin: 0px 20px 20px 20px;
}

    .parents-class-header p
    {
        clear: left;
        font-family: 'MuseoSans-500';
        font-size: 14px;
        color: #494949;
    }

.student-class-header
{
    margin: 0px 20px 20px 20px;
}




/*End: new css 12 june 2013*/

.playlist-form label.error
{
    background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
    padding-left: 30px;
    line-height: 15px;
    font-family: 'MuseoSans-300';
    font-size: 13px;
    width: 195px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    right: -240px;
    top: 0px;
    color: #494949;
    font-weight: normal;
}

.children-classes
{
    display: none;
}



/*renderPlaylist View  1-June-2013*/
.activity
{
    height: 140px;
    background: #fff;
    z-index: 999999;
    position: absolute;
    left: 0px;
    top: 175px;
    /*-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;*/
}

.activity-box
{
    width: 144px;
    height: 90px;
    background: url(../Content/assets/images/popup-header-bg.png) repeat;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    /*-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;*/
    -webkit-box-shadow: 0px 1px 2px 1px rgba(80, 80, 80, .6);
    box-shadow: 0px 1px 2px 1px rgba(80, 80, 80, .6);
    padding: 10px 3px;
}


    .activity-box .activity-action
    {
        float: right;
        width: 106px;
        color: #fff;
        font-family: 'MuseoSans-700';
        font-weight: normal;
    }

        .activity-box .activity-action a
        {
            font-size: 13px;
            color: #fff;
            text-decoration: underline;
        }

        .activity-box .activity-action img
        {
            margin-top: 8px;
            height: 69px;
            width: 69px;
        }

    .activity-box .left-arrow
    {
        float: left;
        margin-top: 5px;
    }

.back-to-playlist
{
    font-family: 'MuseoSans-500';
    text-decoration: underline;
    color: #1b55f5;
    position: absolute;
    bottom: 5px;
}




.activity-right
{
    height: 140px;
    background: #fff;
    z-index: 999999;
    position: absolute;
    right: 0px;
    top: 175px;
    /*-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;*/
}

.activity-box-right
{
    width: 144px;
    height: 90px;
    background: url(../Content/assets/images/popup-header-bg.png) repeat;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    /*-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;*/
    -webkit-box-shadow: 0px 1px 2px 1px rgba(80, 80, 80, .6);
    box-shadow: 0px 1px 2px 1px rgba(80, 80, 80, .6);
    padding: 10px 3px;
}


    .activity-box-right .activity-action
    {
        float: left;
        width: 106px;
        padding-left: 6px;
        color: #fff;
        font-family: 'MuseoSans-700';
        font-weight: normal;
    }

        .activity-box-right .activity-action a
        {
            position: absolute;
            font-size: 13px;
            color: #fff;
            text-decoration: underline;
        }

        .activity-box-right .activity-action img
        {
            margin-top: 28px;
            height: 69px;
            width: 69px;
        }

    .activity-box-right .left-arrow
    {
        float: right;
        margin-top: 5px;
    }

    .activity-box-right .back-to-playlist
    {
        font-family: 'MuseoSans-500';
        text-decoration: underline;
        color: #1b55f5;
        position: absolute;
        bottom: 5px;
        width: 150px;
        left: 15px;
    }

.handler
{
    width: 83px;
    background: url(../Content/assets/images/popup-header-bg.png) repeat;
    position: absolute;
    z-index: 999999;
    position: absolute;
    left: -100px;
    top: 115px;
    color: #fff;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-size: 14px;
    padding: 5px 35px 0 10px;
    line-height: normal;
    height: 40px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    /*-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;*/
}

    .handler .handler-dot
    {
        background-position: center center;
    }

        .handler .handler-dot img
        {
            display: none;
        }

.handler-dot
{
    width: 24px;
    height: 43px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../Content/assets/images/handler-dot.png) no-repeat center left;
    text-align: right;
    padding-right: 5px;
    padding-top: 2px;
}


.handler-slide
{
    width: 83px;
    background: url(../Content/assets/images/popup-header-bg.png) repeat;
    position: absolute;
    z-index: 9999;
    position: absolute;
    left: 0px;
    top: 115px;
    color: #fff;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-size: 14px;
    padding: 5px 35px 0 10px;
    line-height: normal;
    height: 40px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    /*-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;*/
}

.activity-none
{
    height: 54px;
    width: 54px;
    overflow: hidden;
}

    .activity-none .activity-box
    {
        width: 43px;
        height: 44px;
        padding: 10px 3px 0px 8px;
    }

        .activity-none .activity-box .activity-action
        {
            display: none;
        }

        .activity-none .activity-box .back-to-playlist
        {
            display: none;
        }

        .activity-none .activity-box .left-arrow
        {
            margin-top: 0px;
        }

    .activity-none .activity-box-right
    {
        width: 43px;
        height: 44px;
        padding: 10px 3px 0px 8px;
    }

        .activity-none .activity-box-right .activity-action
        {
            display: none;
        }

        .activity-none .activity-box-right .back-to-playlist
        {
            display: none;
        }

        .activity-none .activity-box-right .left-arrow
        {
            margin-top: 0px;
        }

/*Style Added For Anonymous User Header*/

#inside
{
    height: 204px;
    background: url(assets/images/Marketing/hbg-inner.png) repeat;
}

.header-bg
{
    background: url(assets/images/Marketing/header-shadow.png) no-repeat left;
}

#header-wrap-inside
{
    background: url(assets/images/Marketing/hbg-inner.png) repeat;
    height: auto;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
}

.title-shadow-ins
{
    background: url(assets/images/Marketing/hbg.png) no-repeat left top;
    height: 204px;
}

#title
{
    float: left;
    position: absolute;
    left: 3.4%;
    top: 0;
}

    #title a
    {
        background: url(assets/images/Marketing/large_logo.png) no-repeat;
        width: 333px;
        height: 172px;
        display: block;
        text-indent: -9999px;
    }

h1 .new
{
    position: absolute;
    background: url(assets/images/Marketing/new.png) no-repeat;
    width: 50px;
    height: 50px;
    left: 335px;
    top: 17px;
}

.right-box
{
    float: right;
    margin-top: 5px;
    margin-right: 4%;
}

ul.top-menu
{
    float: left;
    padding-right: 25px;
}

    ul.top-menu li
    {
        float: left;
        padding: 8px 15px;
        font-size: 30px;
        font-weight: 300;
        font-family: 'MuseoSans-700';
    }

        ul.top-menu li a.lang
        {
            text-decoration: underline;
            font-size: 12px;
            font-family: 'museo700';
            color: #abcade;
            padding-right: 5px;
            position: relative;
            top: -8px;
        }

        ul.top-menu li a
        {
            color: #f7f9fa;
        }

.right-box .search-inp
{
    margin-top: 0;
    font-style: italic;
    padding-right: 30px;
    margin-bottom: 10px;
    width: 120px;
    font-size: 13px;
    color: #eeeded;
    background: none;
    border: none;
    padding-left: 8px;
    -moz-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.70);
    -webkit-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.70);
    box-shadow: inset 0px 0px 25px rgba(0,0,0,0.70);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-family: 'MuseoSans-500';
    padding-top: 2px;
    padding-bottom: 1px;
    height: 24px;
}

p.create-accout
{
    font-size: 22px;
    font-family: 'MuseoSans-700';
    color: #fff;
    width: 786px;
    line-height: 27px;
    right: 4%;
    top: 70px;
    position: absolute;
    text-align: right;
}

a.create-free-account-btn
{
    background: url(assets/images/Marketing/create_account_off.png) no-repeat;
    width: 337px;
    height: 48px;
    text-indent: -9999px;
    float: right;
    position: relative;
    margin-top: -10px;
    margin-right: 2px;
    font-size: 0;
    margin-left: 20px;
}

    a.create-free-account-btn:hover
    {
        background-position: 0 -52px;
    }
/*** Menu ***/
.menu
{
    position: absolute;
    right: 4%;
    top: 165px;
}

    .menu li
    {
        float: left;
    }

        .menu li a
        {
            margin: 0 0 0 7px;
            font-family: 'museo700';
            font-size: 18px;
            text-align: center;
            width: 131px;
            display: block;
            background: url(assets/images/Marketing/nav-bg.png) no-repeat 0 0;
            height: 39px;
            line-height: 39px;
        }

            .menu li a:hover, .menu li.active a, .menu li a:focus
            {
                background-position: 0 -45px;
                text-decoration: none;
            }

            .menu li a.find-content-nav
            {
                color: #494949;
            }

            .menu li a.educators-nav
            {
                color: #1c4681;
            }

            .menu li a.parents-nav
            {
                color: #da8015;
            }

            .menu li a.students-nav
            {
                color: #6b9c41;
            }

/* changes end here*/

.certified-playlist-thumb1
{
    width: 32.5%;
    float: left;
    margin-left: 0;
}

.certified-playlist-thumb2
{
    width: 32.5%;
    margin-left: 1.25%;
    float: left;
}

.certified-playlist-thumb3
{
    width: 32.5%;
    margin-left: 1.25%;
    float: left;
}

.font12
{
    font-size: 12px;
    color: #494949;
}

.subject-footer-container
{
    background: #163c73;
    border-bottom: solid 1px #2d5185;
}

.subject-footer-menu
{
    height: 22px;
    padding: 0;
    width: 92%;
    margin: 0 auto;
    padding-top: 6px;
    overflow: hidden;
}

    .subject-footer-menu ul
    {
        width: 100%;
    }

    .subject-footer-menu li
    {
        float: left;
        padding: 0 3%;
        border-right: solid 1px #0163a4;
    }

        .subject-footer-menu li.first
        {
            float: left;
            padding-left: 0;
        }

        .subject-footer-menu li.last
        {
            border-right: 0;
        }

        .subject-footer-menu li a
        {
            color: #fff;
            display: block;
            line-height: 16px;
        }


.other-role-select label.error
{
    top: 0px !important;
}

.other-role-select-educator label.error
{
    top: 32px !important;
}

.form-filed-all
{
    margin-top: 20px;
}

    .form-filed-all label.error
    {
        background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
        padding-left: 30px;
        line-height: 15px;
        font-family: 'MuseoSans-300';
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #494949;
        font-weight: normal;
    }

.list-bullet ul
{
    margin: 10px 0;
}

.list-bullet li
{
    margin-left: 25px;
    padding: 0 0 10px 0;
    list-style: disc;
}

.activ-usage-rep-block
{
    padding: 30px 10px 10px 10px;
}

    .activ-usage-rep-block .time-period-txt
    {
        display: inline-block;
        vertical-align: top;
        padding-top: 7px;
        padding-right: 7px;
    }


    .activ-usage-rep-block .to-txt
    {
        display: inline-block;
        padding-top: 32px;
        text-align: center;
        vertical-align: top;
        width: 40px;
    }



    .activ-usage-rep-block .date-created-block
    {
        display: inline-block;
        margin-top: 0px;
    }


.url-copyright
{
    word-break: break-all;
     display: block;
}

.add-to-playlist-field.marginLeft {
        margin-left:30px
    }

 .student-assignment-counts-media {
       display:none;
    }

@media (min-width: 750px) and (max-width: 1024px)
{
    body
    {
        overflow: visible !important;
    }

    .popup-content-box
    {
       
      overflow: scroll !important; -webkit-overflow-scrolling: touch; height: 900px  !important
    }

    .class-header h2 small {
        display: block;
    }
    
}

@media (min-width: 750px) and (max-width: 979px)

{
#studentPreviewCheckpoint ul.description-tags{
    width:58%!important;
    }
    




    .playlist-leftcol p
    {
        color: #5A2073;
        font-family: 'MuseoSans-500';
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        margin: 0;
        padding: 15px 10px 15px 20px;
        width: 78px;
        word-wrap: break-word;
    }

   .row-fluid  .eduspan {
        width: auto;
    }

    .assignements-content {
  
    padding: 0 10px 15px 0;
}
    .user-box ul
    {
        width: 177px;
    }

    .url-copyright
    {
        word-break: break-all;
        white-space: normal;
        display: block;
        padding: 0;
    }


    
#myModal .playlist-actions {

    text-align: left;
}



    .playlist-detail .playlist-slider
    {
        width: 57%;
        padding: 0 5% 0 5%;
    }

    .playlist-assign-btn-box .playlist-assign-btn
    {
        padding: 0 30px 0 30px;
    }

    .playlist-assign-btn-box .cancel-assign
    {
        margin-right: 0.5em;
    }

    .playlist-content-container .playlist-box
    {
        width: 164px;
        margin: 0 10px 30px 10px;
        padding-top: 10px;
        float: left;
        position: relative;
    }

    .user-box a.usr-wlcm-msg, a.user-wlcm-msg
    {
        width: 150px;
    }

    .product-list .span3
    {
        width: 29.7%!important;
        float: left!important;
        margin-right: 3.6%;
        margin-left: 0px;
    }

    .span8
    {
        width: 57.29167%!important;
    }

    .search-aria
    {
        width: 34.895833%!important;
    }

    .right-side-box
    {
        margin-right: 1%;
        transition: all .5s;
        -webkit-transition: all .5s;
    }

    .tip-pos2
    {
        left: 68%;
    }

    .tip-pos3
    {
        left: 78%;
    }

    #vertical-tab
    {
        margin-left: 28.473626373626%;
        position: absolute;
    }

    #top-tab ul
    {
        padding-left: 28.473626373626%;
    }

    .site-popup .span5 h3
    {
        font-size: 14px;
        font-family: 'MuseoSans-700';
        color: #fff;
        min-height: 30px;
        padding-left: 28px;
        margin-top: 7px;
        line-height: normal;
        margin-bottom: 0px;
        height: 36px;
    }

    .site-popup .span5 h5
    {
        font-size: 13px;
        font-family: 'MuseoSans-300';
        color: #fff;
        margin-bottom: 0px;
        padding-left: 28px;
        font-weight: normal;
        margin-bottom: 3px;
        margin-top: 7px;
    }

    .site-popup .span5 p
    {
        font-size: 10px;
        font-family: 'MuseoSans-500';
        color: #fff;
        line-height: normal;
        padding-left: 28px;
        white-space: pre
    }

        .site-popup .span5 p a
        {
            font-size: 10px;
            font-family: 'MuseoSans-500';
            color: #fff;
        }

.stu-prompt-validation .editor-block .mce-container
{

        border-right-width:1px !important;
  
}






}











/*Start: new css 27May 2013*/


.class-container
{
    margin: 0 20px;
}

.class-header
{
    height: 70px;
    position: relative;
    padding-top: 0px;
}

    .class-header h2
    {
        font-size: 28px;
        font-family: 'museo700';
        color: #042060;
        float: left;
        margin-right: 14px;
        padding-top: 10px;
    }

    .class-header p a
    {
        float: left;
        color: #1b55f5;
        text-decoration: underline;
        font-family: 'MuseoSans-500';
        color: #1b55f5;
        font-size: 14px;
        margin-top: 33px;
        margin-right: 10px;
    }

.alert-box
{
    width: 546px;
    font-family: 'MuseoSans-500';
    color: #000;
    margin: 0 auto;
    line-height: 24px;
    font-size: 18px;
    position: relative;
    padding: 10px 25px 10px 45px;
    min-height: 50px;
    background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 8px;
    margin-top: 10px;
}

.alert-box-blue
{
    width: 690px;
    font-family: 'MuseoSans-500';
    color: #000;
    margin: 0 auto;
    line-height: 24px;
    font-size: 18px;
    position: relative;
    padding: 5px 25px 5px 45px;
    border: 1px solid #e1e2e4;
    margin-top: 15px;
    background: #f1f4fa url(../Content/assets/images/yield_icon.png) no-repeat 8px 6px;
}

.class-header .alert-box
{
    float: left;
    margin-left: 16px;
    width: 490px;
    padding-bottom: 5px;
}

.alert-box-blue a
{
    color: #376af6;
    text-decoration: underline;
}

.alert-box a
{
    color: #376af6;
    text-decoration: underline;
}

.class-header .alert-box a
{
    color: #376af6;
    text-decoration: underline;
}

.alert-box .alert-arrow
{
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 22px;
    background: url(../Content/assets/images/alert-arrow.png) no-repeat;
}

.alert-close
{
    position: absolute;
    right: 3px;
    top: 3px;
}

.class-detail
{
    color: #494949;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 2px 1px #ccc;
    box-shadow: 1px 2px 2px 1px #ccc;
    margin-top: 5px;
    margin-bottom: 45px;
    border: solid 0px #ddd;
    border-top: 0;
}

.class-detail-table
{
    margin-bottom: 0px;
}

.class-detail .class-detail-table th
{
    border-top: none;
    padding-left: 15px;
    background: #ffe7ab url(../Content/assets/images/class-detail-th-bg.png) repeat-x bottom;
    font-size: 16px;
    font-family: 'MuseoSans-700';
    color: #494949;
}

    .class-detail .class-detail-table th:last-child
    {
        -webkit-border-radius: 0px 5px 0px 0px;
        border-radius: 0px 5px 0px 0px;
    }

    .class-detail .class-detail-table th:first-child
    {
        -webkit-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px;
    }

    .class-detail .class-detail-table th a
    {
        font-size: 14px;
        color: #1b55f5;
        font-family: 'MuseoSans-500';
        font-weight: normal;
        text-decoration: underline;
        margin-left: 3px;
    }

.class-detail .class-detail-table td
{
    font-size: 16px;
    padding-left: 15px;
    padding-bottom: 17px;
    font-family: 'MuseoSans-500';
    color: #494949;
    vertical-align: middle;
    border-top: none;
}

    .class-detail .class-detail-table td.class-name
    {
        font-size: 18px;
        font-family: 'MuseoSans-700';
    }

.detail-table-description
{
    width: 15%;
}

.detail-table-teacher
{
    width: 15%;
}

.detail-table-class-code
{
    width: 15%;
}

.detail-table-class-name
{
    width: 15%;
}

.detail-table-Leaderboard
{
    width: 20%;
}


.student-list
{
    background: #e8e9e9;
    border-top: 1px solid #dddfe0;
    font-family: 'MuseoSans-500';
    padding: 0 15px;
    color: #494949;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
}

.collapse
{
    background: url(../Content/assets/images/collapse-expand_icon.png) no-repeat bottom;
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

.expand
{
    background: url(../Content/assets/images/collapse-expand_icon.png) no-repeat top;
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

.student-count
{
    font-size: 14px;
    padding-left: 10px;
}

.playlists-count
{
    font-size: 14px;
    padding-left: 5px;
}

.student-table-listing
{
}

    .student-table-listing th
    {
        font-size: 16px;
        font-family: 'MuseoSans-700';
        background: #fdf7e6;
        border: none;
    }

        /*.student-table-listing th:first-child
        {
            padding-left: 45px;
        }*/

    .student-table-listing td
    {
        border: 0px;
        font-family: 'MuseoSans-500';
        font-size: 14px;
        padding: 5px 5px;
    }

        .student-table-listing td a
        {
            color: #1b55f5;
            text-decoration: underline;
            margin-right: -22px;
            cursor: pointer;
        }

        .student-table-listing td:first-child
        {
            padding-left: 45px;
        }

.zebra-strip
{
    background: #f8f8f8;
}

.table .algn-right
{
    text-align: right;
}

.class-code
{
    background: url(../Content/assets/images/class-code-bg.png) no-repeat 5px 0px;
    font-family: 'MuseoSans-700'!important;
    font-size: 18px!important;
    color: #000!important;
    height: 42px;
}

.edit-btn
{
    margin-right: 8px;
}

.class-detail .alert-box
{
    margin-top: 20px;
}

.alert-code
{
    padding: 1px 5px;
    background: #fff;
}

.table-username
{
    width: 20%;
}

.table-firstname
{
    width: 23%;
}

.table-lastname
{
    width: 23%;
}

.table-birthday
{
    width: 19%;
}

.table-action
{
    width: 15%;
}



.alert-box-success
{
    min-width: 265px;
    float: left;
    font-family: 'MuseoSans-500';
    color: #000;
    margin: 0 auto;
    line-height: 24px;
    font-size: 18px;
    margin-top: 20px;
    position: relative;
    padding: 10px 25px 10px 45px;
    margin-left: 10px;
    background: #fbf8b8 url(../Content/assets/images/success.png) no-repeat 8px 8px;
}

    .alert-box-success a
    {
        color: #376af6;
        text-decoration: underline;
    }

    .alert-box-success .alert-arrow
    {
        width: 20px;
        height: 20px;
        position: absolute;
        left: -20px;
        top: 11px;
        background: url(../Content/assets/images/alert-arrow.png) no-repeat;
    }

.assignment-container .alert-box-success
{
    background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 8px;
    width: 30%;
    float: none;
    margin-left: inherit;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

.class-container .left-col
{
    margin-right: 260px;
}

.class-container .right-col
{
    position: absolute;
    right: 20px;
    top: 75px;
}

.class-assignment-header
{
    background: #fba138 url(../Content/assets/images/iTask/big-header-bg.png) repeat-x bottom;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    min-height: 44px;
    color: #fff;
    padding: 0px 20px;
    font-size: 20px;
    font-family: 'MuseoSans-700';
    background-size: contain;
}

    .class-assignment-header ul li
    {
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 0px;
        margin-right: 80px;
    }

#dashboard-div .class-assignment-header
{
    background: #fba138 url(../Content/assets/images/assignment-header-bg.png) repeat-x bottom;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    min-height: 30px;
    color: #fff;
    padding: 5px 20px;
    font-size: 20px;
    font-family: 'MuseoSans-700';
}
 #reports-parent-cum-stu .class-assignment-header
{
    background: #fba138 url(../Content/assets/images/assignment-header-bg.png) repeat-x bottom;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    min-height: 23px;
    color: #fff;
    padding: 9px 20px;
    font-size: 20px;
    font-family: 'MuseoSans-700';
}
.assignment-counts
{
    font-family: 'MuseoSans-500';
    background: #e8e9e9;
    color: #494949;
    border-top: 1px solid #fff;
    font-size: 20px;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
}

.class-detail .assignment-list
{
    padding: 5px 0px 0px 0px;
    display: none;
}

    .class-detail .assignment-list ul li
    {
        padding-bottom: 17px;
        padding: 8px 47px;
    }

        .class-detail .assignment-list ul li a
        {
            font-family: 'MuseoSans-500';
            color: #1b55f5;
            text-decoration: underline;
            font-size: 16px;
        }

/* June 27, 2013 : Student : My Assignments */

.class-container.assignment-container
{
    margin-right: 0px;
    position: relative;
}

.class-container .left-col-assignment
{
    margin-left: 240px;
    margin-right: 0px;
    padding: 0px;
    background: #eeeeee;
    padding-bottom: 15px;
    min-height: 380px;
}

.class-container .right-col-assignment
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 240px;
}
.right-col.parent-assign-col { position:static !important; float:left

}

    .class-container .right-col-assignment .join-box
    {
        width: 225px;
        border-radius: 0px;
        padding-bottom: 0px;
        border-top: 1px solid #024879;
        margin-top: 1px;
    }

        .class-container .right-col-assignment .join-box h2
        {
            color: #fff;
            font-size: 16px;
            font-family: 'MuseoSans-700';
            margin-bottom: 3px;
            padding-left: 2px;
            text-shadow: none;
            line-height: normal;
        }

        .class-container .right-col-assignment .join-box .code-form
        {
            margin-top: 6px;
            width: 223px;
        }

        .class-container .right-col-assignment .join-box .hide-classes
        {
            width: 223px;
            text-align: center;
            padding: 2px 7px 20px 7px;
        }


.assignment-box ul li
{
    position: relative;
}


    .assignment-box ul li ul li a
    {
        height: auto!important;
        line-height: normal;
        padding: 5px 15px 5px 26px;
        min-height: 20px;
        font-size: 15px;
        background-image: none;
    }

        .assignment-box ul li ul li a:hover
        {
            background-image: none;
        }

    .assignment-box ul li a
    {
        display: block;
        padding: 0 15px 0 25px;
        height: 42px;
        line-height: 42px;
        color: #494949;
        font-family: 'MuseoSans-500';
        color: #494949;
        border: 1px solid #ddd;
        font-size: 17px;
        border-bottom: none;
        background: url(assets/images/sliding-arrow.png) no-repeat 8px 17px;
    }

    .assignment-box ul li:last-child
    {
        border-bottom: 1px solid #ddd;
    }

    .assignment-box ul li ul li:last-child
    {
        border-bottom: none;
    }

    .assignment-box ul li a:hover
    {
        text-decoration: none;
        color: #042060;
        border-right: 1px solid #eeeeed;
        border-left: 1px solid #eeeeed;
        background: #eeeeed;
        font-family: 'MuseoSans-700';
        background: url(assets/images/sliding-arrow.png) no-repeat 8px 17px;
    }

    .assignment-box ul li a.selected
    {
        text-decoration: none;
        color: #042060;
        border-right: 1px solid #eeeeed;
        border-left: 1px solid #eeeeed;
        background: #eeeeed;
        font-family: 'MuseoSans-700';
        background: url(assets/images/sliding-arrow.png) no-repeat 8px -73px;
    }

    .selected-child
    {
        background-color: #eeeeed !important;
    }

    .assignment-box ul li a.selectednoarrow
    {
        text-decoration: none;
        color: #042060;
        border-right: 1px solid #eeeeed;
        border-left: 1px solid #eeeeed;
        font-family: 'MuseoSans-700';
        background: #eeeeed;
        background-image: none;
    }

    .assignment-box ul li a.selectedwitharrow
    {
        text-decoration: none;
        color: #042060;
        border-right: 1px solid #eeeeed;
        border-left: 1px solid #eeeeed;
        font-family: 'MuseoSans-700';
        background-color: #eeeeed;
    }

.Assignment-child
{
    padding: 0 15px 0 25px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-top: none;
}

    .Assignment-child a
    {
        font-family: 'MuseoSans-500';
        color: #1b55f5;
        font-size: 17px;
        text-decoration: underline!important;
        background-image: none!important;
    }

.assignment-page-alert
{
    padding: 20px;
    font-family: 'MuseoSans-500';
    color: #494949;
    font-size: 17px;
    line-height: 23px;
}

    .assignment-page-alert a
    {
        color: #1b55f5;
        text-decoration: underline;
    }


.assignment-box ul li a.selected.first
{
    border-top: none;
}


.assignment-box ul li .nav-info-btn a
{
    background: url(assets/images/exclamation.png) no-repeat;
    width: 20px;
    height: 19px;
    position: absolute;
    right: 10px;
    border: none;
    padding: 0px;
    line-height: 0px;
    z-index: 9;
    top: 11px;
}

.navInfoBtn
{
    background: url(assets/images/exclamation.png) no-repeat;
    width: 20px;
    height: 19px;
    position: absolute;
    right: 10px;
    border: none;
    padding: 0px;
    line-height: 0px;
    z-index: 9;
    top: 11px;
}

.assignment-header
{
    height: 18px;
    color: #042060;
    padding: 12px 20px;
    font-size: 18px;
    font-family: 'MuseoSans-700';
    padding-left: 0px;
    padding-left: 30px;
    border-bottom: 1px solid #e1e2e2;
}

    .assignment-header ul li
    {
        display: inline-block;
        padding-bottom: 0px;
        margin-right: 30px;
    }

        .assignment-header ul li:last-child
        {
            margin-right: 0px;
        }

.student-assignment-counts
{
    font-family: 'MuseoSans-500';
    background: #e8e9e9;
    color: #494949;
    font-size: 18px;
    padding: 0 30px;
    height: 32px;
    line-height: 32px;
    background: url(assets/images/student_assignments-count-bg.png) repeat-x;
}
.student-no-class
{
    margin-bottom: -15px;
}
.left-col-assignment .class-detail
{
    margin: 0 30px 30px 30px;
}

    .left-col-assignment .class-detail .class-assignment-header
    {
        height: 38px;
        padding: 0px 15px;
        font-size: 18px;
        font-family: 'MuseoSans-500';
        line-height: 38px;
    }

    .left-col-assignment .class-detail .student-assignment-playlist-box
    {
        background: #fff;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        padding: 5px 15px;
    }

.student-assignment-playlist-box .student-assignment-date
{
    font-size: 14px;
    font-family: 'MuseoSans-500';
    color: #494949;
    text-align: right;
    padding-right: 20px;
    position: relative;
    height: 22px;
}

.left-col-assignment .class-detail .playlist-slider
{
    width: 92%;
    height: 260px;
    padding: 0 1% 0 1%;
    background: url(assets/images/slider-bg-img.png) repeat-y right;
    border: 1px solid #edeaea;
    margin: 12px 20px 15px 20px;
    auto;
    float: none;
    margin-bottom: 50px;
    position: relative;
}

    .left-col-assignment .class-detail .playlist-slider .playlist-box
    {
        width: 161px;
        margin-left: 15px;
        float: left;
        position: relative;
    }



        .left-col-assignment .class-detail .playlist-slider .playlist-box .thumb-caption
        {
            color: #000;
            font-size: 16px;
            padding: 0 0px;
        }

.view-instruction
{
    position: absolute;
    bottom: -37px;
    left: 0px;
}

    .view-instruction a
    {
        font-size: 13px;
        color: #1b55f5;
        text-decoration: underline;
    }


.left-col-assignment .class-detail .bx-pager-item
{
    display: inline-block;
}

.left-col-assignment .class-detail .bx-wrapper .bx-pager.bx-default-pager
{
    display: inline-block;
}

    .left-col-assignment .class-detail .bx-wrapper .bx-pager.bx-default-pager a
    {
        text-indent: -9999px;
        display: block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        outline: 0;
        background: url(assets/images/slide-pager-bg.png) no-repeat right top;
    }

        .left-col-assignment .class-detail .bx-wrapper .bx-pager.bx-default-pager a.active
        {
            background: url(assets/images/slide-pager-bg.png) no-repeat left top;
        }

.left-col-assignment .class-detail .bx-controls
{
    text-align: center;
}

.left-col-assignment .class-detail .slide
{
    padding: 0px;
    /*position: relative;*/
    overflow: hidden;
    /*width: 154px!important;*/
    /*display: block;*/
    height: 250px;
    /*margin:0px!important;
	max-width:none;*/
}

.left-col-assignment .class-detail .bx-wrapper .bx-viewport
{
    margin-top: 0px;
    height: 270px!important;
}

.left-col-assignment .class-detail .bx-wrapper img
{
    width: 136px;
    display: block;
    height: 78px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 1px 1px 0 #a5a5a5;
    -webkit-box-shadow: 1px 1px 0 #a5a5a5;
    box-shadow: 1px 1px 0 #a5a5a5;
    border-left: solid 1px #e3e4e4;
    border-top: solid 1px #e3e4e4;
    background: #fff;
    border: none;
    border-radius: none;
}

.left-col-assignment .class-detail .bx-wrapper .bx-pager.bx-default-pager
{
    margin-top: 8px;
}

.left-col-assignment .class-detail .bx-wrapper .bx-controls-direction a
{
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    width: 23px;
    height: 27px;
    text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a
{
    z-index: 99 !important;
}

.left-col-assignment .class-detail .bx-wrapper .bx-prev
{
    left: -38px;
    background: url(assets/images/small-controls.png) no-repeat left top;
}

.left-col-assignment .class-detail .bx-wrapper .bx-next
{
    right: -43px;
    background: url(assets/images/small-controls.png) no-repeat right top;
}

.left-col-assignment .class-detail .bx-wrapper .bx-controls-direction .bx-prev.disabled
{
    background: url(/Content/assets/images/controls.png) no-repeat 0 -57px;
    height: 32px !important;
}

.left-col-assignment .class-detail .bx-wrapper .bx-controls-direction .bx-next.disabled
{
    background: url(/Content/assets/images/controls.png) no-repeat -52px -57px;
    height: 32px;
}

.left-col-assignment .class-detail .playlist-new
{
    position: absolute;
    left: 0px;
    top: -4px;
}

    .left-col-assignment .class-detail .playlist-new img
    {
        vertical-align: text-bottom;
    }

    .left-col-assignment .class-detail .playlist-new span
    {
        color: #042060;
        font-size: 18px;
        font-family: 'MuseoSans-700';
        padding-left: 5px;
    }

.student-playlists-container
{
    padding-top: 30px;
}
/* End Student : My Assignments */





.join-box
{
    width: 206px;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 5px;
    background: #2967a8;
    background-image: linear-gradient(bottom, rgb(38,84,159) 11%, rgb(42,109,172) 80%);
    background-image: -o-linear-gradient(bottom, rgb(38,84,159) 11%, rgb(42,109,172) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(38,84,159) 11%, rgb(42,109,172) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(38,84,159) 11%, rgb(42,109,172) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(38,84,159) 11%, rgb(42,109,172) 80%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.11, rgb(38,84,159)), color-stop(0.5, rgb(42,109,172)) );
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

    .join-box h2, .leave-class
    {
        font-size: 32px;
        color: #fba138;
        font-family: 'Museo700';
        margin-top: 0px;
        text-shadow: 0px 1px 0 #255b99, -2px -2px 0 #255b99, 2px -2px 0 #255b99, -2px 2px 0 #255b99, 2px 2px 0 #255b99;
    }

.code-form
{
    margin-top: 10px;
    padding-bottom: 35px;
    background: url(../Content/assets/images/code-form-line.png) repeat-x left bottom;
    position: relative;
    width: 206px;
    left: -14px;
    padding-left: 14px;
}

    .join-box p, .code-form p
    {
        color: #fff;
        font-size: 14px;
        font-family: 'MuseoSans-700';
        margin-bottom: 3px;
        padding-left: 2px;
    }

    .code-form .code-inp
    {
        border: none;
        outline: none;
        width: 181px;
        height: 40px!important;
        padding: 0px 5px!important;
        background: url(../Content/assets/images/code-inp-bg.png) no-repeat;
    }

    .code-form .join
    {
        background: url(../Content/assets/images/join-buttons.png) no-repeat left top;
        width: 189px;
        display: block;
        margin: 3px 0 0 1px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        color: #fff;
        font-size: 20px;
        text-decoration:none

       
    }

        .code-form .join:hover
        {
            background: url(../Content/assets/images/join-buttons.png) no-repeat left bottom;
        }

.join-box h2.leave-class
{
    margin-top: 5px;
    font-size: 22px;
    padding-bottom: 0px;
    margin-bottom: 4px;
    text-shadow: 0px 1px 0 #244d90, -2px -2px 0 #244d90, 2px -2px 0 #244d90, -2px 2px 0 #244d90, 2px 2px 0 #244d90;
}


.join-box .collapse, .join-box .expand
{
    margin-top: 0px;
}

.hide-classes
{
    background: #245396;
    padding-bottom: 20px;
    position: relative;
    width: 204px;
    margin-top: 10px;
    left: -14px;
    padding-left: 14px;
    padding-top: 2px;
    border: 1px solid #024a7a;
}

    .hide-classes ul li
    {
        display: block;
        padding: 8px 5px 0 3px;
        line-height: normal;
    }

        .hide-classes ul li a
        {
            color: #fff;
            font-size: 16px;
            font-family: 'MuseoSans-700';
            text-decoration: underline;
        }


.editor-block
{
    position: relative;
}

.editor-inp-icon
{
    position: absolute;
    bottom: 5px;
    right: 7px;
    left: auto;
    top: auto;
}

#leavePageModal .form-btn-filed
{
    width: 90%;
}

/*End:New css 27 May 2013*/



.layout-slider table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}


.layout-slider td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}



#search-form .input-append .btn
{
    margin-top: 5px;
}


h3.subject
{
    padding-left: 15px;
}

.left-section h3 a
{
    font-family: MuseoSans-300;
    font-weight: 300;
    font-size: 14px;
    color: #1b55f5;
    text-decoration: underline;
    margin-left: 8px;
}

.inp-field-addemail
{
    width: 250px;
}

/** Style for subject page footer */

.font12
{
    font-size: 12px;
    color: #494949;
}

.subject-footer-container
{
    background: #163c73;
    border-bottom: solid 1px #2d5185;
}

.subject-footer-menu
{
    height: 22px;
    padding: 0;
    width: 92%;
    margin: 0 auto;
    padding-top: 6px;
    overflow: hidden;
}

    .subject-footer-menu ul
    {
        width: 100%;
    }

    .subject-footer-menu li
    {
        float: left;
        padding: 0 3%;
        border-right: solid 1px #0163a4;
    }

        .subject-footer-menu li.first
        {
            float: left;
            padding-left: 0;
        }

        .subject-footer-menu li.last
        {
            border-right: 0;
        }

        .subject-footer-menu li a
        {
            color: #fff;
            display: block;
            line-height: 16px;
        }







@media (max-width: 767px)
{
     
    .search-aria
    {
        width: 43.61979167%!important;
        float: left!important;
    }


    .row-fluid .span4
    {
        width: 43.61979167%!important;
        float: left!important;
    }

    .span8
    {
        width: 52.47395833%!important;
        float: right!important;
    }

    .product-list .span3
    {
        width: 40.931034482758620689655172413793%!important;
        float: left!important;
        margin-right: 5%;
        margin-left: 0px;
    }

    header
    {
        height: 170px;
        background-position: top left;
    }

    h1.logo a
    {
        height: 134px;
        width: 230px;
        background-position: -45px top;
    }

    #vertical-tab
    {
        margin-left: 198px;
        position: absolute;
    }

    #top-tab ul
    {
        padding-left: 198px;
    }

    #vertical-tab ul
    {
        padding: 87px 0 0 0;
    }

    .user-box
    {
        position: absolute;
        left: 25%;
        top: 0;
    }

    .lng
    {
        top: 99px;
        right: 20px;
    }

    .right-side-box
    {
        margin-right: 10px;
        position: static;
    }

    .search-btn
    {
        right: 24px;
        top: 10px;
    }

    .tip-pos2
    {
        left: 57%;
    }

    .error-msg
    {
        width: 30%;
    }



    .popup-header
    {
        height: 164px;
        position: relative;
        background: url(../Content/assets/images/popup-header-bg.png) repeat;
        z-index: 9;
    }

        .popup-header h1.logo
        {
            z-index: 999;
            top: 0px;
            margin: 0px;
            padding: 0px;
            float: left;
        }

            .popup-header h1.logo a
            {
                width: 216px;
                height: 164px;
                overflow: hidden;
                display: block;
                background: url(../Content/assets/images/popup-logo.png) no-repeat left top;
                text-indent: -9999px;
            }

    .modal.fade.in
    {
        top: 0px;
    }

    .modal
    {
        position: fixed;
        left: 50%;
        z-index: 1050;
        width: 100%;
        margin-left: -50%;
        background-color: transparent;
        outline: none;
    }

    .popup-header .row-fluid .span2
    {
        width: 14.893617021276595%!important;
    }

    .popup-header .row-fluid .span5
    {
        width: 45.425532%!important;
        float: left;
    }

    .popup-header .row-fluid .info-panel-icons-right
    {
        width: 18.893617%!important;
        float: left;
        padding-top: 35px;
    }

    .popup-header .row-fluid .span3 .user-box
    {
        position: absolute;
        right: 55px;
        top: -45px;
        left: inherit!important;
    }

    .site-popup .span5 h3
    {
        font-size: 16px;
        font-family: 'MuseoSans-700';
        color: #fff;
        min-height: 30px;
        margin-left: -30px;
        margin-top: 7px;
        line-height: normal;
        margin-bottom: 2px;
        padding-top: 18px;
    }

    .site-popup .span5 h5
    {
        font-size: 14px;
        font-family: 'MuseoSans-300';
        color: #fff;
        margin-bottom: 0px;
        margin-left: -30px;
        font-weight: normal;
        margin-bottom: 3px;
        margin-top: 0px;
    }

    .site-popup .span5 p
    {
        font-size: 11px;
        font-family: 'MuseoSans-500';
        color: #fff;
        line-height: normal;
        margin-left: -30px;
        margin-bottom: 0px;
        padding-right: 50px;
    }

        .site-popup .span5 p a
        {
            font-size: 11px;
            font-family: 'MuseoSans-500';
            color: #fff;
        }

    .popup-header button.close
    {
        right: 30px;
    }

    .site-popup .info-panel-icons-right li a
    {
        margin: 0px;
        position: absolute;
        right: 46%;
    }

        .site-popup .info-panel-icons-right li a.info-btn
        {
            right: -20%;
        }

    .exiting-playlist h3
    {
        margin-left: 0px!important;
        line-height: 40px!important;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .description-box-container .span5
    {
        float: left;
        width: auto;
        margin-right: 20px;
    }

    #myModal .site-popup .exiting-listing
    {
        height: 140px;
    }

    #myModal .playlist-actions
    {
        clear: right;
        padding-right: 130px;
        text-align: right;
    }


    .site-popup .dla-search-description .span8
    {
        float: left!important;
        width: 60%!important;
    }

        .site-popup .dla-search-description .span8 .dla-search-description-text
        {
            padding-left: 20px;
            min-height: inherit;
            padding-top: 20px;
        }

    .site-popup .dla-search-description-text .lang-tooltip-text
    {
        padding-left: 20px;
    }

    .site-popup .dla-search-description .span4
    {
        float: left;
        width: 58%!important;
        padding-left: 20px;
    }

        .site-popup .dla-search-description .span4 .dla-lng-description-text
        {
            padding-top: 10px;
        }

    .site-popup .description-box-container .span3
    {
        width: 265px;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }

    .site-popup .dla-search-description .span8 .description-tags
    {
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 50px;
    }

    .scroll-width
    {
        width: 1500px!important;
        max-width: inherit;
    }

    .class-detail-table
    {
        width: 1500px!important;
        max-width: inherit;
    }

    .student-list
    {
        width: 1500px!important;
        max-width: inherit;
    }

    .student-table-listing
    {
        width: 1500px!important;
        max-width: inherit;
    }


    .main-scroll-panel
    {
        width: 700px;
    }


    .popup-header button.close:hover:before
    {
        content: "Close Activity";
        position: absolute;
        left: -117px;
        width: 138px;
        display: none;
        top: 0px;
        font-size: 13px;
        color: #fff;
        text-shadow: none;
        font-family: 'MuseoSans-700';
        font-weight: normal;
    }

    .assignment-header ul li:last-child {
        display: none;
    }


}

@media (max-width: 768px) {
    .assignment-header ul li:last-child {
        display: none;
    }
    .student-assignment-counts-media {
        background:#dedfdf; font-size:15px; color:#000; font-family: 'MuseoSans-500';
        background-image:none;
         height: 32px;
    line-height: 32px;
    padding: 0 30px;
    display:block;
    }

    .view-edit-assign-container{width:95%!important;}
    .popup-header h1.logo a {
          background-image: url(../Content/assets/images/wp/play_window_sm.png);
  background-position: 6px 8px;
    }
    #myModalRenderPlaylistDetails .popup-header .user-box {
  margin-top: 12px!important;
}
    #PlayActivityWellPopup .popup-header .user-box {
  margin-top: 0px!important;
}

#studentPreviewCheckpoint ul.description-tags{
    width:56%!important;
    text-align:left!important;
    }
.left-col-assignment .pull-right {
    float: right!important;
}

    #MissionPlayViewModel .selected-playlist-item-Div { overflow:hidden!important;
    }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
 .left-col-assignment .pull-right {
    float: right!important;
}

}







.ways-to-add-alert-box
{
    width: 640px;
    font-family: 'MuseoSans-500';
    margin: 0 auto;
    font-size: 17px;
    position: relative;
    padding: 12px 0 20px 45px;
    background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px;
    margin-top: 10px;
    clear: both;
    margin-bottom: 20px;
}

    .ways-to-add-alert-box p
    {
        padding: 0;
        margin: 0;
        color: #000;
        line-height: 25px;
        padding-bottom: 5px;
    }

    .ways-to-add-alert-box h4
    {
        padding: 0;
        margin: 0;
        font-size: 16px;
        color: #000;
        font-family: 'MuseoSans-700';
        padding-bottom: 5px;
    }

.ways-to-adds
{
    float: left;
}

    .ways-to-adds.search
    {
        margin-left: 5%;
        width: 31%;
    }

    .ways-to-adds.findnew
    {
        margin-left: 0%;
        width: 24%;
    }

    .ways-to-adds.organize
    {
        width: 30%;
        margin-left: 5%;
    }

    .ways-to-adds p
    {
        font-size: 14px;
        color: #494949;
        line-height: 18px;
    }

    .ways-to-adds a
    {
        color: #1c55ea;
        text-decoration: underline;
    }

th .box-icon
{
    margin-top: 0;
}

.student-table-listing a.hide-table
{
    background: url(../Content/assets/images/collapse-expand_icon.png) no-repeat 0 0;
    margin-top: 12px;
    margin-left: -24px;
    padding: 3px 0 3px 24px;
    color: #042060;
    font-family: 'museo700';
}

.student-table-listing a.open-table
{
    background: url(../Content/assets/images/collapse-expand_icon.png) no-repeat 0 -27px;
    margin-left: -25px;
    padding: 3px 0 3px 25px;
    color: #042060;
    font-family: 'museo700';
}

.student-table-listing td .student-child-table
{
    border: solid 1px #ccc;
    background: #fff;
}

    .student-table-listing td .student-child-table th
    {
        background: #fef7e7;
        text-align: left;
        padding: 3px 14px;
        border-bottom: solid 1px #ccc;
        font-size: 14px;
        font-weight: normal;
    }

    .student-table-listing td .student-child-table td
    {
        padding: 0 14px;
        border: 0;
        border-left: solid 1px #ccc;
    }

.togglebox
{
    height: 25px;
    font-family: 'MuseoSans-500';
}

    .togglebox ul
    {
        float: right;
    }

        .togglebox ul li
        {
            float: left;
        }

            .togglebox ul li a
            {
                padding: 0 6px;
                color: #1b55f5;
            }

                .togglebox ul li a.selected
                {
                    padding: 0 6px;
                    color: #494949;
                }

                    .togglebox ul li a.selected span
                    {
                        font-family: 'MuseoSans-700';
                    }

.table-date-box
{
    padding-bottom: 30px;
    padding-top: 5px;
}

.class-detail .class-detail-table th.math-period-desc
{
    width: 68%;
}

.class-detail .class-detail-table th.period-name
{
    width: 14%;
    padding-left: 5px;
}

.class-detail .class-detail-table th.del-icon-col
{
    width: 4%;
    padding-left: 5px;
}

.student-table-listing table td.childtable-colspan
{
    padding-left: 10px;
    padding-right: 10px;
}

.class-container .assignment-botmargin
{
    margin-bottom: 7px;
    padding-bottom: 8px;
}





.alert-no-classes
{
    width: 450px;
    font-family: 'MuseoSans-500';
    margin: 0 auto;
    font-size: 17px;
    position: relative;
    padding: 12px 25px 12px 45px;
    background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px;
    margin-top: 60px;
    clear: both;
    margin-bottom: 20px;
}

    .alert-no-classes p
    {
        padding: 0;
        margin: 0;
        color: #000;
        line-height: 25px;
        padding-bottom: 5px;
    }

    .alert-no-classes a
    {
        color: #1B55F5;
        text-decoration: underline;
    }


.new-assignment-noalertbox
{
    font-family: 'MuseoSans-500';
    margin: 0 auto;
    font-size: 17px;
    position: relative;
    padding: 0;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .new-assignment-noalertbox p
    {
        padding: 0;
        margin: 0;
        line-height: 25px;
        padding-bottom: 5px;
        font-size: 16px;
        font-family: 'MuseoSans-700';
    }

    .new-assignment-noalertbox h4
    {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-family: 'MuseoSans-700';
        padding-bottom: 10px;
        color: #494949;
    }

    .new-assignment-noalertbox .ways-to-adds
    {
        float: left;
    }

        .new-assignment-noalertbox .ways-to-adds.search
        {
            margin-left: 5%;
            width: 31%;
        }

        .new-assignment-noalertbox .ways-to-adds.findnew
        {
            margin-left: 0%;
            width: 18%;
        }

        .new-assignment-noalertbox .ways-to-adds.organize
        {
            width: 33%;
            margin-left: 5%;
        }

        .new-assignment-noalertbox .ways-to-adds p
        {
            font-size: 16px;
            color: #494949;
            font-size: 16px;
        }

        .new-assignment-noalertbox .ways-to-adds a
        {
            color: #1c55ea;
            text-decoration: underline;
        }



.subject-sub-width1
{
    width: 246px;
}

.subject-sub-width2
{
    width: 454px;
}

.subject-sub-width2a
{
    width: 476px;
}

.subject-sub-width2b
{
    width: 208px;
}

.subject-sub-width2c
{
    width: 415px;
}

.subject-sub-width2d
{
    width: 687px;
}

.subject-sub-width2e
{
    width: 477px;
}

.subject-sub-width2f
{
    width: 231px;
}

.subject-sub-width2g
{
    width: 439px;
}

.subject-sub-width2h
{
    width: 208px;
}


.subject-sub-width3
{
    width: 664px;
}

.subject-sub-width3a
{
    width: 705px;
}

.subject-sub-width4
{
    width: 830px;
}

.subject-sub-width5
{
    width: 868px;
}

.subject-sub-width5a
{
    width: 911px;
}

.subject-sub ul.level-3a
{
    width: 228px;
    padding-top: 0px;
    overflow: auto;
}

.standard-tooltip2
{
    left: 723px;
    top: 10px;
}

.activities-count
{
    padding-top: 25px;
    height: 25px;
}

    .activities-count li
    {
        float: left;
        margin-right: 5px;
        height: 25px;
    }

        .activities-count li a
        {
            font-size: 20px;
            margin: 0 10px;
            font-family: MuseoSans-500;
            color: #494949;
            font-size: 16px;
            float: left;
        }

            .activities-count li a.active
            {
                color: #042060;
                font-family: MuseoSans-700;
            }

            .activities-count li a span.count-num
            {
                font-size: 12px;
            }

            .activities-count li a.first
            {
                margin-left: 0;padding: 0;
            }

ul.plylist-opt li a.save
{
    background-position: -176px -275px;
    padding-left: 28px; color:#fff;
}

ul.plylist-opt li a.save:hover{ color:#fff;}






/* min-Hieght and max Height*/
@media screen and (max-height: 699px)
{
    .modal-medium .modal-content-box
    {
        max-height: 450px;
    }
}
/* min-Hieght*/
@media screen and (min-height: 700px) and (max-height: 900px)
{
    .modal-medium .modal-content-box
    {
        max-height: 550px;
    }


}


.class-assignment-header h2
{
    margin: 0;
    font-size: 20px;
    font-family: 'MuseoSans-700';
    color: #fff;
    font-weight: 700;
    padding: 10px 0 5px 10px;
    line-height: 22px;
}

.playlist-assignd-date
{
    text-align: right;
    padding-right: 25px;
    padding-top: 10px;
    float: right;
    font-family: 'Museo-500';
}


.class-container .playlist-boxmt
{
    margin-top: 20px;
}


.collbar
{
    margin-bottom: 35px;
}





/* SlimScroll Horizontal with both top and bottom*/
.slimScrollDiv
{
    margin-bottom: 20px;
}

.slimScrollRail
{
    background: url(../Content/assets/images/scroll-bg.png) repeat-x !important;
    border-radius: inherit!important;
    border-left: 1px solid #eaeae8!important;
    border-right: 1px solid #eaeae8!important;
    height: 15px!important;
}

.slimScrollBar
{
    background: #c0c0c0!important;
}



.row-fluid .product-list .span3
{
    width: 164px !important;
    float: none;
    display: inline-block;
    margin-right: 21px;
    margin-left: 0px !important;
}




.dlainfo-box
{
    width: 164px !important;
    float: left!important;
    margin-right: 22px;
    margin-left: 0px !important;
}

.margin-top
{
    margin-top: 5px;
}

.studentProfilePopupBox .alert-box
{
    width: 500px;
}


.account-popup-btn
{
    margin: 10px 0px;
}

    .account-popup-btn span
    {
        width: 250px;
        float: left;
        text-align: center;
        color: #000000;
        font-family: 'MuseoSans-500';
        font-size: 18px;
        line-height: 24px;
    }

.parents-name-list
{
    border: 1px solid #dedfe1;
    background: #f8f8f8;
    padding: 6px 6px 3px 6px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
    min-height: 24px;
    color: #555555;
}

    .parents-name-list a
    {
        vertical-align: bottom;
        margin-right: 3px;
    }


.modal-body
{
    max-height: none!important;
}

.cancel-left
{
    float: left;
    margin: 10px 20px 0 0px;
}

a.cancel-left2
{
    margin-left: 305px;
}

.okey-btn
{
    background: url(/Content/assets/images/okay_button.png) no-repeat;
    width: 97px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 45px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-size: 20px;
    text-decoration: none;
    text-indent: -9999px;
    margin: 20px auto;
}

    .okey-btn:hover
    {
        background-position: 0 -44px;
    }

h3.success-message-popup
{
    background: url(/Content/assets/images/check-icon.png) no-repeat left;
    padding-left: 33px;
}

p.success-message-para
{
    padding-left: 33px;
    padding-top: 0;
}

/**** Footer ****/
#footer-section #footer
{
    background: url(assets/images/Marketing/footer_bg_pattern.png) repeat-x top;
    color: #fff;
    height: 262px;
}

#footer-section .footer-wrap
{
    width: 92%;
    margin: 0 auto !important;
    min-height: 262px;
}

#footer-section #footer h5
{
    color: #ffe7ab;
    font-size: 15px;
    font-family: 'museo700';
    padding-bottom: 12px !important;
}

#footer-section #footer a
{
    color: #fff;
    font-family: 'MuseoSans-700';
    white-space: nowrap;
}

#footer-section #footer .aboutpml
{
    float: left;
    width: 30%;
    margin-top: 34px;
    padding-right: 10%;
}

    #footer-section #footer .aboutpml p
    {
        line-height: 18px;
        padding-bottom: 0;
        font-family: 'MuseoSans-500';
    }

#footer-section #footer .fnav
{
    float: left;
    width: 10%;
    margin-top: 34px;
    padding-left: 5%;
}

    #footer-section #footer .fnav ul
    {
        margin-top: 4px;
    }

#footer-section #footer .cfy
{
    float: right;
    margin-top: 34px;
    width: 221px;
}

#footer-section #footer .cfy-logo
{
    background: url(assets/images/Marketing/cfy_logo.png) no-repeat 0 0;
    padding-top: 90px;
    font-family: 'MuseoSans-700';
    font-size: 12px;
    line-height: 17px;
}

#no-footer-div
{
    position: fixed;
    bottom: 0;
}

.copyright-container
{
    background: #1c4681;
}

#copyright-wrap
{
    background: #1c4681;
    height: 70px;
    padding: 0;
    width: 92%;
    margin: 0 auto;
}

.copyright-container a
{
    color: #fff;
    font-family: 'MuseoSans-700';
}

.copyright-container p
{
    float: left;
    font-size: 12px;
    padding-top: 15px;
    color: #fff;
}

.copyright
{
    padding-right: 15px;
    font-family: 'MuseoSans-500';
}

    .copyright .terms
    {
        padding-left: 15px;
    }

.copyright-container .social
{
    float: right;
    margin-top: 17px;
    width: 220px;
}

    .copyright-container .social li
    {
        float: left;
    }

        .copyright-container .social li a
        {
            float: left;
            background: url(assets/images/Marketing/social-icon.png) no-repeat 0 0;
            width: 32px;
            height: 32px;
            text-indent: -9999px;
        }

            .copyright-container .social li a.fb
            {
                background-position: 0 0;
            }

            .copyright-container .social li a.twitter
            {
                background-position: -45px 0;
                margin-left: 12px;
            }

            .copyright-container .social li a.pinit
            {
                background-position: -90px 0;
                margin-left: 12px;
            }

            .copyright-container .social li a.fb:hover
            {
                background-position: 0 -36px;
            }

            .copyright-container .social li a.twitter:hover
            {
                background-position: -45px -36px;
            }

            .copyright-container .social li a.pinit:hover
            {
                background-position: -90px -36px;
            }

#dp_swf_engine
{
    display: none;
}

.premium-content
{
    margin-left: 1em;
    margin-top: 37px;
}

a.kaplan-btn
{
    background: url(../Content/assets/images/kaplan-btn.png) no-repeat;
    width: 130px;
    height: 34px;
    text-indent: -9999px;
    display: block;
}

    a.kaplan-btn:hover
    {
        background-position: 0 -37px;
    }

/*Break Point 940 */
@media (min-width: 750px) and (max-width: 939px)
{

     .dashboard-view-all-assignment
    {
        bottom: 3px;
    }

    .left-col-assignment .activ-usage-rep-block .time-period-txt
    {
        display: block;
        padding-bottom: 8px;
        padding-top: 8px;
        vertical-align: top;
    }

    .left-col-assignment .activ-usage-rep-block select
    {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        width: 190px;
    }


    .left-col-assignment a.send-to-printer-btn
    {
        background: none;
        color: #124DF9;
        display: block;
        font-weight: bold;
        text-indent: 0;
        position: absolute;
        top: -30px;
        white-space: nowrap;
        left: -160px;
    }

    .left-col-assignment a.send-to-printer-btn-disabled
    {
        background: none;
        color: #124DF9;
        display: block;
        font-weight: bold;
        text-indent: 0;
        width: auto;
        position: absolute;
        top: -30px;
        white-space: nowrap;
        left: -160px;
    }


    .left-col-assignment .activ-usage-rep-block .date-created-block
    {
        padding-top: -114px;
    }

    .activ-usage-rep-block
    {
        padding: 0px 10px 10px 10px;
    }

        .activ-usage-rep-block .time-period-txt
        {
            display: block;
            vertical-align: top;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .activ-usage-rep-block .date-created-block
        {
            margin-top: -20px;
        }

        .activ-usage-rep-block .to-txt
        {
            padding-top:11px;
        }

    .left-col-assignment .pull-right
    {
        float: left;
    }








    .class-detail .class-detail-table td.class-view-Leaderboard
    {
        text-align: left!important;
    }

    .student-table-listing td.algn-right
    {
        text-align: left;
    }


    #title a
    {
        background: url(assets/images/Marketing/small_logo.png) no-repeat;
        width: 323px;
    }

    h1 .new
    {
        left: -8px;
        top: 7px;
    }

    p.create-accout
    {
        width: 338px;
        top: 45px;
    }

    #footer-section #footer .aboutpml
    {
        width: 28%;
        padding-right: 0%;
    }

    #footer-section #footer .fnav
    {
        width: 13%;
        padding-left: 4%;
        padding-right: 1%;
    }

    ul.top-menu
    {
        float: left;
        padding-right: 20px;
    }

        ul.top-menu li
        {
            padding: 8px 10px;
            font-size: 20px;
        }

    a.create-free-account-btn
    {
        margin-top: 5px;
        font-size: 0;
    }


    .user-box
    {
        position: absolute;
        margin-top: 5px;
        /*right: 250px;*/
         right: 0px;
        font-family: 'MuseoSans-700';
        top: 0;
    }

    #footer-section #footer h5
    {
        white-space: nowrap;
    }

    .popup-header .user-box
    {
        /*margin-top:60px;*/ margin-right: 2%;
        right: 0;
    }


    .popup-header button.close:hover span
    {
        left: -25px;
        text-align: right;
    }




    .dashboard-class-box-right
    {
        float: left!important;
        width: 100%!important;
    }

    .dashboard-class-box-left
    {
        float: left!important;
        width: 100%!important;
    }

    .dashboard-class-box .ui-tabs .ui-tabs-scroll-container
    {
        margin-left: 250px;
    }

    .dashboard-class-box .ui-tabs .ui-tabs-nav-arrows
    {
        margin-left: 250px;
    }

    .dashboard-class-box .ui-tabs
    {
        margin-top: -40px;
    }

     .sce-search-header .btn { width: auto!important; }

    #leaderboard-table-container { min-height: 100px!important; padding-bottom:35px; }

    #leaderboard-container .sce-leader-board-widget-aria { min-height: inherit!important; }

    .ui-tabs .ui-tabs-panel { min-height: inherit!important;    }
    
    .sce-left-col .row-fluid .span3 { width: 32.9282%; }

    .sce-left-col .row-fluid .span9 { width: 64.3094%; }

    .add-to-playlist-field.marginLeft {
        margin-left:0px
    }

    .create-activity-section .task-view-image {
	    margin-top: 0
        }

    .create-activity-section .create-atcivtity-title p strong{ font-family:'MuseoSans-500'}
 #vertical-tab ul li a
            {
            
                padding-right: 10px;
                padding-left: 10px;
            }

              #vertical-tab ul li
            {
            
                margin-right: 5px;
              
            }

       #educatorPlaylistListViewDiv .playlist-subject-meta-data-list-view{
       width:150px!important;
   }
    #educatorPlaylistListViewDiv .playlist-tablw-title-list-view {
        width: 20%;
    }
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
    .site-popup .info-panel-icons-right li
    {
        padding-top: 0px;
        margin-top: 10px;
    }
   
}

.noBGData {background:none!important}
.noLeaderBoardData {
     background:url(assets/images/dasbboard-block-bg.png) repeat !important

    }


























































@media (min-width:940px) and (max-width:1191px)
{


    .left-col-assignment .activ-usage-rep-block .time-period-txt
    {
        display: block;
        padding-bottom: 8px;
        padding-top: 8px;
        vertical-align: top;
    }

    .left-col-assignment .activ-usage-rep-block select
    {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        width: 190px;
    }


    .left-col-assignment a.send-to-printer-btn
    {
        background: none;
        color: #124DF9;
        display: block;
        font-weight: bold;
        margin-top: 0px;
        text-indent: 0;
        width: auto;
    }

    .left-col-assignment a.send-to-printer-btn-disabled
    {
        background: none;
        color: #124DF9;
        display: block;
        font-weight: bold;
        margin-top: 0px;
        text-indent: 0;
        width: auto;
    }


    .left-col-assignment .activ-usage-rep-block .date-created-block
    {
        margin-top: 0;
    }

    .activ-usage-rep-block
    {
        padding: 0px 10px 10px 10px;
    }

        .activ-usage-rep-block .time-period-txt
        {
            display: block;
            vertical-align: top;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .activ-usage-rep-block .date-created-block
        {
            margin-top: -20px;
        }

        .activ-usage-rep-block .to-txt
        {
            padding-top: 11px;
        }

    .left-col-assignment .pull-right
    {
        float: left;
    }






    .detail-table-Leaderboard
    {
        width: 18%;
    }

    .table-birthday
    {
        width: 18%;
    }

    .table-action
    {
        width: 16%;
    }

    p.create-accout
    {
        width: 338px;
        top: 50px;
    }

    a.create-free-account-btn
    {
        margin-top: 5px;
        font-size: 0;
    }

    #footer-section #footer .aboutpml
    {
        padding-right: 2%;
    }

    #footer-section #footer .fnav
    {
        width: 13%;
        padding-left: 4%;
        padding-right: 0%;
    }

    ul.top-menu
    {
        float: left;
        padding-right: 20px;
    }

        ul.top-menu li
        {
            padding: 8px 10px;
            font-size: 24px;
        }

    /* CSS For Subject Pages added on 12/08/2013 -- Starts  */
    .exploring-subject-dla-box
    {
        height: 133px;
        margin-top: 0;
    }

    .subject-col-left
    {
        padding: 20px 25px 0 30px;
        margin-top: 10px;
    }

    .next-gen-pml-block
    {
        padding: 40px 25px 30px 30px;
    }

    .start-subject-exploring-block
    {
        padding-top: 50px;
        width: 696px;
        margin: 0 auto;
        padding-left: 0;
    }
    /* CSS For Subject Pages added on 12/08/2013 -- Ends  */
    .certified-playlist-thumb1
    {
        width: 39%;
        float: left;
        margin-left: 6%;
        margin-right: 5%;
    }

    .certified-playlist-thumb2
    {
        width: 39%;
        margin-left: 5%;
        margin-right: 6%;
        float: left;
        text-align: right;
    }

    .certified-playlist-thumb3
    {
        width: 339px;
        margin: 30px auto 0;
        float: none;
        clear: both;
        padding-top: 25px;
    }

        .certified-playlist-thumb3 .certified-playlist-link
        {
            text-align: center;
        }

    .certified-playlist-thumb2 .certified-playlist-link
    {
        text-align: left;
        width: 323px;
        float: left;
    }

    .certified-playlist-section .certified-playlist-content
    {
        padding: 40px 0 30px 30px;
    }

    .subject-col-left
    {
        padding: 20px 45px 0 30px;
    }


    .next-gen-pml-block
    {
        padding: 40px 45px 30px 30px;
    }

        .next-gen-pml-block h4
        {
            margin-bottom: 5px;
        }

    .subject-footer-menu li
    {
        float: left;
        padding: 0 2.0%;
        border-right: solid 1px #0163a4;
    }



    .search-pro-container
    {
        margin-left: 0;
    }
}


/*new css create dla*/

.create-dla-form
{
    width: 810px;
    font-family: 'MuseoSans-500';
}

    .create-dla-form h2
    {
        font-size: 28px;
        font-family: 'museo700';
        color: #042060;
        margin-right: 14px;
        padding-top: 10px;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .create-dla-form .dla-form-field
    {
        margin-top: 15px;
        position: relative;
    }

        .create-dla-form .dla-form-field label
        {
            font-size: 16px;
            line-height: 24px;
            font-weight: 700;
            margin: 0;
            color: #042060;
            padding: 5px 0 2px 0;
            font-family: 'MuseoSans-700';
            font-weight: 700;
            cursor: default;
        }

    .create-dla-form .create-desc-txt-box
    {
        font-size: 16px;
        font-family: 'MuseoSans-500';
        padding: 5px 10px;
        line-height: 30px;
        width: 790px;
        border-radius: 0;
        height: 150px;
    }

    .create-dla-form input.info-txt-box-inp
    {
        font-size: 16px;
        font-family: 'MuseoSans-500';
        padding: 5px 10px;
        line-height: 30px;
        width: 790px;
        border-radius: 0;
        height: 30px;
    }

    .create-dla-form .choose-file-btn
    {
        background: url(assets/images/choos_file_btn.png) no-repeat left 0;
        width: 141px;
        height: 43px;
        display: block;
        text-align: center;
        line-height: 43px;
        color: #e4831c;
        font-family: 'MuseoSans-700';
        font-size: 20px;
        float: left;
        text-decoration: none;
        text-indent: -9999px;
    }

        .create-dla-form .choose-file-btn:hover
        {
            background-position: 0 -44px;
        }

    .create-dla-form .upload-file-btn
    {
        background: url(assets/images/upload_file-_btn.png) no-repeat left 0;
        width: 151px;
        height: 43px;
        display: block;
        text-align: center;
        line-height: 43px;
        color: #e4831c;
        font-family: 'MuseoSans-700';
        font-size: 20px;
        float: left;
        text-decoration: none;
        text-indent: -9999px;
        margin-left: 25px;
    }

        .create-dla-form .upload-file-btn:hover
        {
            background-position: 0 -43px;
        }

.upload-file-field-box
{
    height: 45px;
    /*margin-top: 20px;*/
}

.upload-file-field-box .choose-attachment-btn 
{
	background: url(assets/images/upload_off.png) no-repeat left 0;
	width: 170px;
	height: 43px;
	display: block;
	text-align: center;
	line-height: 43px;
	color: #e4831c;
	font-family: 'MuseoSans-700';
	font-size: 20px;
	float: left;
	text-decoration: none;
	text-indent: -9999px
}

.upload-file-field-box .choose-attachment-btn-removed {
	background: none !important;
}

.upload-file-field-box .choose-save-button-attachment {
	background: url(assets/images/save.png) no-repeat left 0!important;
	height: 40px;
	text-indent: -9999px;
	display: block
}

    .upload-file-field-box .displaySaveImage {
	    background: url(assets/images/check-icon.png) no-repeat left 0!important;
        height:30px;
        padding-left:30px;
        margin-left:80px;
        margin-right:10px;
        margin-top: -15px;
    }

.create-dla-form input.upload-file-browse-input
{
    font-size: 16px;
    font-family: 'MuseoSans-500';
    padding: 5px 10px;
    line-height: 30px;
    border-radius: 0;
    height: 30px;
    float: left;
    width: 222px;
    margin: 2px 0 0 3px;
}

.create-dla-form .thumb-preview-image-box
{
    position: relative;
    float: left;
    width: 232px;
    margin-left: 5px;
}

.create-dla-form .thumb-preview-image
{
    position: absolute;
    width: 164px;
    height: 95px;
    left: 10px;
    top: -50px;
}

.create-dla-form .thumb-preview-loader
{
    position: absolute;
    left: 78px;
    top: -40px;
    width: 25px;
    height: 22px;
    background: url(assets/images/loading.gif) no-repeat;
    background-size: 24px 24px;
    display: block;
}

.create-dla-form .remove-thumb-image
{
    color: #1b55f5;
    float: right;
    margin-top: 29px;
}

    .create-dla-form .remove-thumb-image:hover
    {
        color: #1b55f5;
    }

.create-dla-form .btn-form-submit
{
    background: url(assets/images/button-marketing.png) no-repeat right -2px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-size: 20px;
    float: left;
    text-decoration: none;
    border-left: solid 1px #ecb329;
    padding: 0 50px 0 50px;
}

    .create-dla-form .btn-form-submit:hover
    {
        background-position: 100% -49px;
        color: #e4831c;
        text-decoration: none;
    }

.create-dla-form .submit-box-create-dla
{
    padding: 28px 0 45px 280px;
    height: 40px;
}

.create-dla-form .create-dla-cancel
{
    color: #1b55f5;
    margin: 22px 10px 0 0;
    float: left;
}

.create-dla-form .add-to-playlist-field
{
    width: 380px;
}

.create-dla-form .image-prev-sec
{
    border-bottom: solid 4px #e3e3e3;
    border-top: solid 4px #e3e3e3;
    padding: 15px 0 25px 0;
}

.create-dla-form .upload-image-info-para
{
    font-size: 16px;
}


.ccss-icon
{
    background: url(assets/images/ccss.png) no-repeat;
    height: 14px;
    /*left: 3px;*/
    position: relative;
    top: -4px;
    width: 29px;
    display: inline-block;
}

.bold
{
    font-weight: bold;
}

.search-by-cc
{
    color: #799934;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 5px;
    font-family: MuseoSans-500;
}

h3.pb0
{
    padding-bottom: 0;
}

.dla-type-qpack
{
    height: 900px!important;
}

.center-ok
{
    width: 30px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

ul.ptop24
{
    padding-top: 24px;
}

a.join-btn-disabled
{
    zoom: 1;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.pg-height
{
    margin-top: 28px!important;
}

.your-user
{
    margin: 15px 0px!important;
}

.pg-b-height
{
    margin-bottom: 15px!important;
}

.info-panel-icons-right li a:hover img
{
    display: none;
}

.info-panel-icons-right li a:hover:before
{
    border: none;
    width: 68px;
    position: absolute;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-family: 'MuseoSans-700';
    font-size: 15px;
    left: 0px;
    top: 14px;
    text-decoration: none;
}

.info-panel-icons-right li:last-child a:hover:before
{
    top: 22px;
}

.info-panel-icons-right li.info-panel-icon-play a:hover:before
{
    top: 22px;
}

.info-panel-icons-right li a:hover
{
    text-decoration: none;
}



#childAddedCont
{
    display: none;
}

.child-added-btn
{
    padding-top: 25px;
    padding-bottom: 35px;
}


/*DLA info Popup*/




@media (min-width: 919px) and (max-width: 1128px)
{
    /*.dla-search-desc-box
    {
        width: 53%;
        float: left;
    }*/

   .dla-lang-desc-box
    {
        width: 100%;
        float:none
      
    }

    .dla-tag-desc-box
    {
       
        padding-top:10px;
           width: 27%;
        float: left;
    }

    /*.dla-cate-desc-box
    {
        width: 47%;
        float: left;
    }*/

    /*.dla-category-rightcol
    {
        padding: 20px;
        border-left: 0;
        min-height: 100%;
        font-size: 13px;
        line-height: 14px;
        color: #592471;
    }*/


    .dla-lng-description-text
    {
        padding-top: 20px;
        font-family: 'MuseoSans-500';
        color: #494949;
        border-left: 0;
       
    }

    .dla-search-description-text
    {
        padding-right: 20px;
    }






    .info-panel-icons-right
    {
        padding-left: 0;
    }

        .info-panel-icons-right ul
        {
            margin-top: 10px;
            padding-right: 10px;
            float: right;
        }

        .info-panel-icons-right li a
        {
            margin-bottom: 5px;
            margin-left: 10px;
        }

    .info-panel-tip-header .info-panel-icons-right
    {
        float: right;
    }


    input.playlist-name
    {
        width: 235px;
        border-radius: 0;
    }

    .playlist-actions
    {
        text-align: left;
        margin-top: 22px;
        padding-left: 34px;
        padding-right: 0;
    }


    .new-playlist
    {
        margin-left: 11px;
        margin-right: 0;
    }


    .row-fluid .product-list .span3
    {
        margin-right: 15px;
    }

    .playliste-content p
    {
        margin-top: 5px;
    }
}

@media (min-width: 1105px)
{

    .dla-search-desc-box
    {
        width: 45%;
        float: left;
    }

    .dla-lang-desc-box
    {
        width: 27%;
        float: left;
    }

    .dla-tag-desc-box
    {
        width: 45%;
        float: left;
        padding-bottom: 19px;
    }

    .dla-cate-desc-box
    {
        width: 28%;
        float: right;
    }

    .dla-lng-description-text
    {
        padding: 20px;
        font-family: 'MuseoSans-500';
        font-size: 13px;
        color: #592471;
        line-height: 14px;
        border-left: 0;
       
    }


    .dla-category-rightcol
    {
        padding: 20px;
        border-left: solid 2px #d1d6da;
        min-height: 150px;
    }

    input.playlist-name
    {
        width: 255px;
    }
    /*.playlist-actions {
       width:288px
    }*/

}

@media (min-width: 919px) and (max-width: 1104px)
{
    .dla-search-description
    {
        background: url(assets/images/line-dlainfo.png) repeat-y 294px top;
    }

    .site-popup .dla-search-description
    {
        background: none;
    }

    .site-popup .dla-category-rightcol
    {
        border-left: solid 2px #d1d6da;
    }

    

    .dla-lang-desc-box
    {
        left: 0;
    }
}


.right-nav-assignment
{
    padding-bottom: 3px;
    padding-right: 0;
}

    .right-nav-assignment ul.plylist-opt
    {
        margin-top: -5px;
    }

        .right-nav-assignment ul.plylist-opt li
        {
            display: inline-block;
            padding-top: 1px;
            padding-bottom: 0px;
            margin-right: 0px;
        }

    .right-nav-assignment h2
    {
        padding-top: 3px;
        padding-bottom: 7px;
    }

@media (min-width: 750px) and (max-width: 918px)
{

    #headerPar header
    {
        height: 121px;
    }

    .info-panel-icons-right ul
    {
        margin-top: 5px;
        padding-right: 0;
        float: right;
    }

    .info-panel-icons-right li a
    {
        margin-bottom: 3px;
    }

    .dla-search-desc-box
    {
        width: 38%;
        float:left; padding-right:2%

    }

    .dla-lang-desc-box
    {
        width:100%;
        float: none; padding-top:10px
    }

    .dla-tag-desc-box
    {
        width: 28%;
        float: left;
        padding-bottom: 19px; padding-top:10px
    }

    .dla-cate-desc-box
    {
        width: 32%;
        float: left;
      
    }


    .dla-lng-description-text
    {
        padding: 20px;
        font-family: 'MuseoSans-500';
        font-size: 13px;
        color: #592471;
        line-height: 14px;
        border-left: 0;
        padding-left:0
       
    }
    .site-popup .dla-search-description    .dla-lng-description-text{ padding: 0px;}
    
    .dla-category-rightcol
    {
        padding-bottom: 20px;
       
        padding-right: 20px;
    
    }


    .info-panel-icons-right li
    {
        float: none;
    }



    .info-panel-tip-header h5
    {
        padding: 10px 25px 6px 14px;
    }

    .info-panel-tip-header .info-panel-icons-right
    {
        float: right;
    }



    .info-content-box .row-fluid .span4, .dla-search-description .row-fluid .span4
    {
        width: 43.61979167%!important;
        float: right!important;
    }

    .info-content-box .span8, .dla-search-description .span8
    {
        width: 52.47395833%!important;
        float: left!important;
    }

    .description-box-container .span5
    {
        float: none;
        width: auto;
    }

    .description-box-container .span7
    {
        float: none;
        width: auto;
    }

    .exiting-playlist
    {
        padding-right: 24px;
    }

    .playlist-actions
    {
        padding-right: 12px;
        padding-bottom: 24px;
    }

    .new-playlist
    {
        margin-left: 23px;
        margin-right: 8px;
        float: none;
    }

        .new-playlist h3
        {
            margin-bottom: 0;
            line-height: 30px;
            margin-right: 33px;
            margin-left: 0;
        }

    input.playlist-name
    {
        width: 268px;
        border-radius: 0;
    }





    .row-fluid .product-list .span3
    {
        margin-right: 20px;
    }

    .search-pro-container
    {
        margin-left: 0;
    }


    .playliste-content p
    {
        margin-top: 10px;
    }


    /* CSS For Subject Pages added on 12/08/2013 -- Starts  */
    .exploring-subject-dla-box
    {
        height: 125px;
        margin-top: 0;
    }

    .subject-col-left
    {
        padding: 20px 25px 0 30px;
        margin-top: 10px;
    }

    .next-gen-pml-block
    {
        padding: 40px 25px 30px 30px;
    }

    .start-subject-exploring-block
    {
        padding-top: 50px;
        width: 696px;
        margin: 0 auto;
        padding-left: 0;
    }

    .next-gen-pml-block h4 .new-tick-icon
    {
        margin-bottom: 30px;
    }
    /* CSS For Subject Pages added on 12/08/2013 -- Ends  */
    .certified-playlist-section .certified-playlist-content
    {
        padding: 40px 0 30px 15px;
    }

    .subject-col-left
    {
        padding: 20px 11px 0 15px;
    }

    .next-gen-pml-block
    {
        padding: 20px 11px 30px 15px;
    }


    .activities-row .left
    {
        width: 125px;
    }

    .featurd-activity-info
    {
        margin-left: 137px;
    }

    .certified-playlist-thumb1
    {
        width: 49%;
        float: left;
        margin-left: 0%;
        margin-right: 1%;
    }

    .certified-playlist-thumb2
    {
        width: 49%;
        margin-left: 1%;
        margin-right: 0%;
        float: left;
    }

    .certified-playlist-thumb3
    {
        width: 339px;
        margin: 30px auto 0;
        float: none;
        clear: both;
        padding-top: 25px;
    }

    .featured-activities-block h4
    {
        padding-bottom: 5px;
    }

    .next-gen-pml-block h4
    {
        margin-bottom: 5px;
    }

        .next-gen-pml-block h4 .new-tick-icon
        {
            margin-bottom: 0;
        }

    .subject-footer-menu li
    {
        float: left;
        padding: 0 1.0%;
        border-right: solid 1px #0163a4;
    }



    /*Start create dla page*/
    .create-dla-form
    {
        width: 684px;
        padding-left: 11px;
    }

    input.playlist-inp
    {
        width: 665px;
        padding-right: 10px;
    }

    .create-dla-form .create-desc-txt-box
    {
        width: 665px;
    }

    .create-dla-form input.info-txt-box-inp
    {
        width: 665px;
    }

    .upload-file-field-box
    {
        height: auto;
        margin-top: 20px;
    }

    .create-dla-form .upload-file-btn
    {
        margin-left: 0px;
    }

    .upload-field-image
    {
        position: relative;
        clear: both;
        padding-top: 82px;
    }

    .create-dla-form .submit-box-create-dla
    {
        padding: 28px 0 45px 245px;
        /*End create dla page*/
    }



    .dob-note-modify-acc
    {
        font-size: 12px;
        line-height: 16px;
    }

    .parents-name-list2
    {
        border: 1px solid #dedfe1;
        background: #f8f8f8;
        padding: 6px 10px 3px 6px;
        font-size: 14px;
        line-height: 20px;
        min-height: 24px;
        color: #555555;
        display: inline-block;
        min-width: 320px;
    }

        .parents-name-list2 a
        {
            vertical-align: bottom;
            margin-right: 3px;
        }
}



#dlaPLayModal #myModal
{
    position: absolute;
    margin-top: -120px;
}

.form-filed.find-your-school
{
    width: 460px;
}

.form-filed .select-state.state-left
{
    float: left;
    margin-right: 10px;
}

.form-filed .inp-city.inp-your-school
{
    width: 343px;
}

.form-filed .field-multiple2 .inp-your-school label.error, .form-filed .field-multiple2 .state-left label.error
{
    margin-left: 80px;
    width: 120px;
}

.moreinfo-manage-playlist
{
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    top: -15px;
}

    .moreinfo-manage-playlist a
    {
        color: #2458ea;
        text-decoration: underline;
    }

.moreinfo-manage-playlist-popoover
{
    padding-bottom: 0px;
    top: -45px;
}

.playlist-share h2
{
    font-family: MuseoSans-700;
    font-size: 24px;
    color: #042060;
}

.playlist-share p
{
    font-family: MuseoSans-500;
    font-size: 16px;
    color: #494949;
}

.educator-share-box
{
    background: #fbf9b5;
    margin-right: 20%;
    padding: 5px 25px 25px 25px;
    margin-top: 25px;
    margin-bottom: 30px;
    margin-left: 25px;
}

    .educator-share-box h3
    {
        font-family: MuseoSans-700;
        font-size: 16px;
        color: #494949;
        margin-top: 0px;
    }

.share-box-yes
{
    float: left;
    width: 40%;
    font-family: MuseoSans-500;
    font-size: 14px;
    color: #494949;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #a4a380;
}

.share-box-no
{
    float: left;
    font-family: MuseoSans-500;
    font-size: 14px;
    color: #494949;
    width: 45%;
}

.educator-share-box a
{
    color: #1b55f5;
    text-decoration: none;
}

    .educator-share-box a:hover
    {
        color: #1b55f5;
        text-decoration: underline;
    }


/*dashboard notifications*/

#StudentDashboardNotification
{
    margin-left: 0px;
    margin-right: 0px;
}

    #StudentDashboardNotification .dashboard-notif-classes
    {
        font-family: 'MuseoSans-500';
        font-size: 17px;
        position: relative;
        padding: 12px 25px 12px 45px;
        background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px;
        margin-top: 10px;
        clear: both;
        margin-bottom: 20px;
        margin-top: 20px;
        -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        -moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
    }

        #StudentDashboardNotification .dashboard-notif-classes p
        {
            padding: 0;
            margin: 0;
            color: #000;
            line-height: 25px;
            padding-bottom: 5px;
        }

        #StudentDashboardNotification .dashboard-notif-classes a
        {
            color: #1B55F5;
            text-decoration: underline;
        }

#DashboardNotification
{
    margin-left: 355px;
    margin-right: 70px;
}

    #DashboardNotification .dashboard-notif-classes
    {
        font-family: 'MuseoSans-500';
        font-size: 17px;
        position: relative;
        padding: 12px 25px 12px 45px;
        background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px;
        margin-top: 10px;
        clear: both;
        margin-bottom: 20px;
        margin-top: 20px;
        -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        -moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
    }

        #DashboardNotification .dashboard-notif-classes p
        {
            padding: 0;
            margin: 0;
            color: #000;
            line-height: 25px;
            padding-bottom: 5px;
        }

        #DashboardNotification .dashboard-notif-classes a
        {
            color: #1B55F5;
            text-decoration: underline;
        }

.class_name_desc_width
{
    width: 350px;
}


@media (min-width:1300px)
{
    #DashboardNotification .dashboard-notif-classes
    {
        width: 830px;
    }

 
}


@media (min-width: 1106px) and (max-width: 1300px)
{
    #DashboardNotification .dashboard-notif-classes
    {
        width: 665px;
    }

 

}

@media (min-width: 750px) and (max-width: 920px)
{
    #DashboardNotification .dashboard-notif-classes
    {
        width: 282px;
    }
}

@media (min-width: 450px) and (max-width: 750px)
{

    .dashboard-class-box-right
    {
        float: left!important;
        width: 100%!important;
    }

    .dashboard-class-box-left
    {
        float: left!important;
        width: 100%!important;
    }

    .dashboard-class-box .ui-tabs .ui-tabs-scroll-container
    {
        margin-left: 250px;
    }

    .dashboard-class-box .ui-tabs .ui-tabs-nav-arrows
    {
        margin-left: 250px;
    }

    .dashboard-class-box .ui-tabs
    {
        margin-top: -40px;
    }
}


.ui-widget
{
}

.ui-tabs-nav
{
    position: relative;
}

.ui-tabs .ui-tabs-nav-arrows
{
    position: absolute;
    top: 2px;
    right: 1px;
    left: 1px;
    margin: .1em;
    padding: 0;
}

    .ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next
    {
        float: right;
    }

    .ui-tabs .ui-tabs-nav-arrows li
    {
        list-style: none;
        position: relative;
        cursor: pointer;
        z-index: 1000;
        line-height: 1;
        margin: 0;
        padding: 0;
    }

        .ui-tabs .ui-tabs-nav-arrows li a
        {
            display: block;
            width: 38px;
            height: 41px;
            border: 1px solid #5c8704;
            background: #76ab03;
        }

    .ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous
    {
        float: left;
    }

.ui-tabs .ui-tabs-scroll-container
{
    position: relative;
    height: 43px;
    overflow: hidden;
}

.ui-tabs .ui-tabs-nav-scrollable
{
    position: absolute;
    left: 0;
    right: 0;
}

    .ui-tabs .ui-tabs-nav-scrollable ul
    {
        position: relative;
        width: 10000px;
        padding-top: 0px;
        padding-left: 0px;
    }

.leaderboard-msg
{
    padding: 15px 0px 0px 20px;
}

    .leaderboard-msg a
    {
        text-decoration: underline;
        color: #1B55F5;
    }

.dashboard-class-box .power-progress-block h3
{
    line-height: normal;
}

.dashboard-class-box .leaderboard-friends-classmates .leaderboard-display
{
    margin-bottom: 0px;
}

.dashboard-class-box .leaderboard-friends-classmates h1
{
    padding-left: 35px;
    background: url(../Content/assets/images/active-watch.png) top left no-repeat;
    line-height: 30px;
}

.dashboard-class-box .leaderboard-friends-classmates .help
{
    float: none;
    margin: 0px;
    vertical-align: top;
}








#leaderboard-container
{
    box-shadow: 1px 2px 2px 1px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 25px;
}

    #leaderboard-container .sce-leader-board-widget-aria
    {
        min-height: 335px;
        padding-top: 10px;
    }

    #leaderboard-container .panes ul li .power-progress-bar .progress-slider
    {
        background-color: #ffd665;
    }

.dashboard-class-header
{
    font-family: 'MuseoSans-700';
    font-size: 20px;
    color: #fff;
    height: 39px;
    
    line-height: 39px;
    border-radius: 5px 5px 0px 0px;
    padding-left: 23px;
}

.dashboard-class-box
{
    background: #f28d44 url(../Content/assets/images/dashboard-class-box-bg.png) top left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 50px;
    border-radius: 0px 0px 5px 5px;
}

.dashboard-class-box-left
{
    float: left;
    width: 49%;
}

    .dashboard-class-box-left h3
    {
        font-family: 'MuseoSans-700';
        font-size: 24px;
        color: #fff;
        margin: 0px;
        padding-top: 30px;
    }

.dashboard-class-box-right
{
    float: right;
    width: 49%;
}

    .dashboard-class-box-right h3
    {
        font-family: 'MuseoSans-700';
        font-size: 24px;
        color: #fff;
        margin: 0px;
        padding-top: 30px;
        padding-bottom: 5px;
    }

#leaderboard-table-container {
            border-radius: 5px;
            background: #fff;
            min-height: 464px;
            position: relative;
        }

.dashboard-table
{
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    background: #fff;
}

    .dashboard-table th
    {
        text-align: left;
        font-family: 'MuseoSans-700';
        font-size: 14px;
        background: #eeeeed;
        padding: 2%;
        color: #494949;
    }

    .dashboard-table td
    {
        padding: 11px 5px 11px 10px;
        color: #494949;
    }

    .dashboard-table th:first-child
    {
        border-radius: 5px 0px 0px 0px;
    }

    .dashboard-table th:last-child
    {
        border-radius: 0px 5px 0px 0px;
    }

    .dashboard-table .zebra-strip
    {
        background: #f8f8f8;
    }

        .dashboard-table .zebra-strip td
        {
            border-bottom: 1px solid #eeeeed;
        }

    .dashboard-table a
    {
        color: #124ef9;
    }

.dashboard-view-all-assignment {
            background: none;
            border-radius: 0px 0px 5px 5px;
            padding: 25px 15px 0px 15px;
            text-align: right;
            position: absolute;
            bottom: 7px;
            right: 10px;
        }

    .dashboard-view-all-assignment a
    {
        background: url(../Content/assets/images/blue-arrow-anchor.png) right 4px no-repeat;
        font-weight: bold;
        padding-right: 10px;
        margin-right: 10px;
        text-decoration: none;
        color: #124df9;
    }


.dlasFindNew
{
    float: left !important;
    /*display:inline-block;*/
}

#_activitiesFindNew .noresults-message
{
    margin: 30px 20px 20px 20px;
}


    #_activitiesFindNew .noresults-message h2
    {
        font-size: 24px;
        font-family: 'MuseoSans-500';
        font-weight: 500;
        color: #000;
        line-height: 30px;
    }

    #_activitiesFindNew .noresults-message h3
    {
        padding: 10px 0 8px 0;
        font-size: 16px;
        font-family: 'MuseoSans-500';
        color: #000;
        font-weight: 500;
        line-height: 20px;
        margin: 0;
    }

    #_activitiesFindNew .noresults-message ul
    {
        list-style: disc;
    }

    #_activitiesFindNew .noresults-message li
    {
        font-size: 16px;
        font-family: 'MuseoSans-500';
        color: #000;
        margin-bottom: 4px;
        margin-left: 16px;
        list-style: disc;
    }

#_playlistsFindNew .noresults-message
{
    margin: 30px 20px 20px 20px;
}


    #_playlistsFindNew .noresults-message h2
    {
        font-size: 24px;
        font-family: 'MuseoSans-500';
        font-weight: 500;
        color: #000;
        line-height: 30px;
    }

    #_playlistsFindNew .noresults-message h3
    {
        padding: 10px 0 8px 0;
        font-size: 16px;
        font-family: 'MuseoSans-500';
        color: #000;
        font-weight: 500;
        line-height: 20px;
        margin: 0;
    }

    #_playlistsFindNew .noresults-message ul
    {
        list-style: disc;
    }

    #_playlistsFindNew .noresults-message li
    {
        font-size: 16px;
        font-family: 'MuseoSans-500';
        color: #000;
        margin-bottom: 4px;
        margin-left: 16px;
        list-style: disc;
    }



    #childrenAssignmentSection .clildrem-assign-notif
    {
        font-family: 'MuseoSans-500';
        font-size: 17px;
        position: relative;
        padding: 12px 25px 12px 45px;
        background: #fbf8b8 url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px;
        clear: both;
        -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        -moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.23);
        width: 70%;
        margin: 20px auto;
    }


.certified-keywords-playlist-info
{
}

.last-updated-inform .certified-keywords-playlist-info h5
{
    font-weight: bold;
    font-size: 13px;
    color: #592471;
    padding: 0;
    margin: 0;
}

.last-updated-inform .certified-keywords-playlist-info ul
{
    font-size: 13px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .last-updated-inform .certified-keywords-playlist-info ul li
    {
        float: left;
        width: 92px;
    }

.dla-search-description-text p
{
    padding-top: 0;
}

.last-updated-inform .modified-details
{
    padding-top: 20px;
    border-left: solid 1px #ccc;
    padding-left: 15px;
    font-size: 13px;
}


.last-updated-inform .tag-desk-upd
{

    padding-top: 20px;
}

.last-updated-inform .grades-range-info
{
    padding: 20px;
}


@media (min-width: 750px) and (max-width: 939px)
{
    .class-detail .class-detail-table td {
    font-size: 12px;

}

.class-detail .class-detail-table th {
 font-size: 12px;

}

.class-code {
    font-size: 12px !important;
  
}


    .last-updated-inform
    {
        padding-left: 10px;
        padding-right: 10px;
    }

        .last-updated-inform .dla-search-description
        {
            padding-left: 10px;
            padding-right: 10px;
        }


        .last-updated-inform .modified-details
        {
            border-left: 0;
            padding: 20px 0 20px 0;
        }

        .last-updated-inform .row-fluid .span6
        {
            width: auto;
            margin-left: 0;
        }

        .last-updated-inform .dla-lng-description-text
        {
            padding-left: 0;
            min-height: 40px;
        }

        .last-updated-inform .grades-range-info
        {
            padding: 20px 0;
        }
}

.edu-keyworkd-ul ul
{
    float: left;
    width: 15%;
}



.edit-a-class-box
{
    float: left;
}

.class-leader-board
{
    padding: 10px 15px 0px 30px;
    font-size: 14px;
    float: left;
    width: 200px;
}

    .class-leader-board .inp
    {
        float: left;
        margin-right: 0px;
    }

.class-leader-board-text
{
    width: 180px;
    margin-left: 20px;
    margin-top: -6px;
    line-height:normal;
}

.class-leader-board-text-clr
{
    color: #000;
}

    .class-leader-board-text-clr a
    {
        color: #1b55f5;
        text-decoration: underline;
    }

.class-leader-board-form
{
    height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .class-leader-board-form span
    {
        margin-left: 0px;
        float: left;
    }

.class-leader-board-form-text
{
    padding: 3px 0px 0px 5px;
    width: 155px;
    color: #000;
    position: relative;
    top: 0px;
    display: block;
}

.class-leader-board-form-text-inactive
{
    padding: 3px 0px 0px 5px;
    width: 155px;
    color: #999999;
    position: relative;
    top: 0px;
    display: block;
}

.class-leader-board-form .inp
{
    margin-right: 0px;
}

.class-view-Leaderboard
{
    text-align: right!important;
}

    .class-view-Leaderboard a
    {
        color: #1b55f5;
        text-decoration: underline;
    }


.class-leader-board-container
{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    background: #4688B4;
}

    .class-leader-board-container .sce-leader-board-widget-aria .leaderboard-friends-classmates .leaderboard-display .panes ul li h3
    {
        line-height: normal!important;
    }


    .class-leader-board-container .panes ul li .power-progress-bar .progress-slider
    {
        background-color: #ffd665;
    }

    .class-leader-board-container .sce-leader-board-widget-aria
    {
        width: auto;
    }

    .class-leader-board-container .ui-tabs .ui-tabs-panel
    {
        padding: 1px 0;
    }

.dont-assign-class
{
    margin-bottom: 15px;
    padding: 5px 0 5px 10px;
    background: #ddd ;
    
}

    .dont-assign-class a
    {
        color: #1B55F5;
        text-decoration: underline;
        background: #ddd url(../Content/assets/images/wizmo-world-arrow.png) no-repeat 0px 2px;
        padding-left:16px;
    }


    .dont-assign-class a.active
    {
        background: #ddd url(../Content/assets/images/wizmo-world-arrow.png) no-repeat 0px -20px;
    }

.dont-assign-class-container
{
    background: #ddd;
    margin-top: -10px;
    position: relative;
    margin-bottom: -1px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 0 17px 13px;
}

.dont-assign-class-container-list
{
    margin-right: 40%;
    background: #fff;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .dont-assign-class-container-list ul li
    {
        padding: 7px 10px 7px 25px;
    }

        .dont-assign-class-container-list ul li.zebra
        {
            background: #eeeeed;
        }

.class-leader-board-container .sce-leader-board-widget-aria
{
    margin: 0px;
}

h1.power-icon-gray
{
    background: url(../Content/assets/images/sce/power-icon-gray.png) no-repeat left;
    padding: 8px 0 8px 25px !important;
}

p.msg-updt
{
    background-color: #fff;
    padding: 15px 0px 12px 10px;
    width: 95%;
    font-style: italic;
    margin-top: 8px;
}
/*@media (min-width: 750px) and (max-width: 939px) {
     .class-view-Leaderboard {text-align:left!important;
}
     .table .algn-right { text-align:left;}
}*/


.dlaInfo-buttons
{
    position: absolute;
    height: 44px;
    width: 100%;
    bottom: 0px;
    font-family: MuseoSans-300;
    font-size: 12px;
    font-weight: normal;
    color: #2e2e2e;
    border-top: 1px solid #e6e8e9;
}

    .dlaInfo-buttons a
    {
        width: 81px;
        line-height: normal;
        text-decoration: none;
        padding-top: 6px;
        border-right: 1px solid #e6e8e9;
        text-align: center;
        height: 38px;
        display: block;
        float: left;
        background: #f5fbff;
    }

.dlaInfo-buttons-last {
    border-left: 1px solid #E6E8E9;
    border-right: medium none !important;
    float: none !important;
    margin-left: 81px;
}
/*.dlaInfo-buttons a:hover
{background: #ffe8a7;
}*/

h5.activity-info-title
{
    color: #042060;
    font-family: MuseoSans-700;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
}

.handAnchor
{
    float: left;
    padding: 5px 0;
}
@media (min-width: 1298px) and (max-width: 1366px){

.product-list .info-panel-preview{width:905px}

}
@media (min-width: 1024px) and (max-width: 1298px)
{
  .product-list  .info-panel-preview{width:710px}
}

@media (min-width: 768px) and (max-width: 1023px)
{
     
    
  .product-list   .info-panel-preview{width:529px}
}
.info-panel-icons-right li a.info-btn
{
    height: 67px;
    width: 67px;
    background: url(../Content/assets/images/info-750-ipad.png) no-repeat left top;
}

.info-panel-icons-right li a.info-btn:hover
    {
        background: url(../Content/assets/images/info-750-ipad.png) no-repeat right top;
    }

.goalsAdd {
    position: relative;
    top: -58px;
    margin-right: 20px;
}


.power-goals .childname-leftcol ul li a.child-name {
    color: #494949;
}


.power-goals .childname-leftcol ul li a.child-name:hover {
    color: #042060;
}
.power-goals .childname-leftcol ul li a.selectedwitharrow {color:#042060
}

.fullWidth {width:200px!important
}

/*Summer Slide Css Begin */

.keep-active-block {
}
.keep-active-block h3 {
	font-size: 20px;
	color: #1c4681;
	font-family: 'museo700';
	font-weight: 700;
	margin: 25px 0 5px 0
}
.keep-active-block ul {
	padding-bottom: 7px
}
.keep-active-block li {
	padding: 5px 0 1px 0;
	background: url(assets/images/Marketing/blue-dot.png) no-repeat left 11px;
	padding-left: 16px
}
.playlist-topics {
	padding-top: 37px
}
.playlist-topics ul {
	padding-bottom: 30px;
	padding-right: 40px
}
.playlist-topics h4 {
	font-size: 20px;
	font-family: 'museo700';
	font-weight: 700;
	color: #666666;
	padding-top: 20px;
	margin-bottom: 2px
}
.playlist-topics li {
	padding-top: 9px;
	line-height: 16px;
	padding-bottom: 2px;
}

.summer-col-right {
	float: right;
	width: 535px;
	padding-top: 24px;
	padding-bottom: 40px
}
.summer-col-left {
	margin-right: 535px;
	padding-top: 24px;
}
.summer-content-left {
	padding-right: 50px;
}
h2.summer-title {
	background: url(assets/images/Marketing/sun.jpg) no-repeat 0 4px;
	min-height: 66px;
	padding-left: 72px;
	line-height: 34px;
	color: #536b94;
	width: 410px
}
.summer-col .summer-wizmo-img {
	float: left;
	margin: 10px 15px 0 0
}
.summer-col .summer-playlist-row {
	background-color: #fff7e2;
	padding-right: 40px;
	padding-top: 11px;
	padding-bottom: 15px;
	position: relative;
	margin-top: 30px
}
.summer-playlist-row .left-glutter {
	position: absolute;
	background-color: #fff7e2;
	left: -8%;
	top: 0px;
	padding-left: 8%;
	font-family: museo-500;
	font-size: 18px;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px
}
.summer-playlist-row .txt-blue {
	color: #194583
}
.summer-col .topic-left {
	width: 49%;
	float: left
}
.summer-col .topic-right {
	width: 51%;
	float: left
}
.summer-col .playlist-left-list {
	border-right: solid 2px #efefef;
	min-height: 645px
}
.summer-col .playlist-topic .math-block-rgt {
	padding-left: 20px;
	border-bottom: solid 2px #efefef
}
.summer-col .playlist-topic .career-explo-block {
	padding-left: 20px
}
.summer-col .featured-summer-playlist {
	padding-left: 40px
}
.summer-col .featured-summer-playlist h2 {
	color: #f18b46;
	font-size: 26px
}
.featured-summer-playlist ul li {
	padding: 15px 0
}
.featured-summer-playlist ul span {
	display: block;
	padding-top: 5px;
	padding-left: 15px;
	font-family: 'MuseoSans-700';
}
.featured-summer-playlist p.note {
	font-size: 16px;
	padding-top: 2px
}
.featured-summer-playlist p.note a {
	font-family: 'MuseoSans-700';
	font-weight: 700;
	color: #194583
}
.summer-wizmo p {
	line-height: 20px
}
.summer-slide {
	padding-top: 0;
	padding-bottom: 0;
	background: url(assets/images/Marketing/summer_slide_bg.jpg) repeat-y right top
}
.help-kids-top {
	display: none
}

.summer-content-left a, .featured-summer-playlist ul span a {
    color: #1b55f5;
}

/* Welcome US CSS Begin */

.summer-content-left h2.welcome-us, .summer-slide h2.welcome-us {
	background: url(assets/images/Marketing/flag-us.jpg) no-repeat 0 4px;
	min-height: 66px;
	padding-left: 75px;
	line-height: 34px;
	color: #536b94;
}
.summer-col .welcome-us-img {
	float: right;
	margin: 10px 0 0 20px
}
.summer-col .featured-summer-playlist h3 {
	color: #1C4681;
	font-size: 26px;
	font-family: 'museo700';
	line-height: 32px;
	padding-bottom: 8px;
	font-weight: normal
}
.keep-active-block p.more-about-pml {
	font-size: 16px;
	margin-top: 15px;
	padding-bottom: 50px
}

/* Welcome US CSS End */

 @media (min-width: 750px) and (max-width: 939px) {
.summer-col-right {
	float: none;
	width: 100%;
	text-align: center;
}
.summer-col-left {
	float: none;
	width: 92%;
	margin: 0 auto;
	padding-top: 0
}
h2.summer-title, .summer-col .featured-summer-playlist h2, h2.welcome-us {
	position: static
}

.help-kids-top h2.welcome-us {
	 padding-top:0; min-height:67px
}

.wrap750 {
	margin: 0;
	width: 100%
}
.summer-col-right {
	background: url(assets/images/Marketing/summer_slide_bg-940.jpg) repeat-y top left
}
.featured-summer-playlist ul span {
	text-align: left
}
.featured-summer-playlist ul li {
	width: 433px;
	margin: 0 auto
}
h2.summer-title {
	padding-right: 0;
	width: auto
}
.summer-content-left {
	padding-right: 0
}
.help-kids {
	display: none
}
.help-kids-top {
	padding: 24px 0;
	width: 92%;
	margin: 0 auto
}
.help-kids-top h2 {
	padding-top: 37px;
	min-height: 30px
}
.help-kids-top {
	display: block
}
.summer-slide {
	padding-top: 0;
	padding-bottom: 0;
	background: none
}
.summer-col .featured-summer-playlist {
	padding: 0
}
.summer-col .playlist-left-list {
	min-height: 500px
}
}
 @media (min-width:940px) and (max-width:1191px) {
.summer-col-right {
	float: right;
	width: 475px;
}
.summer-col-left {
	margin-right: 475px;
}
h2.summer-title {
	font-size: 30px;
	padding-right: 0;
	width:290px; margin-top:20px
}
.summer-slide {
	padding-top: 0;
	padding-bottom: 0;
	background: url(assets/images/Marketing/summer_slide_bg-940.jpg) repeat-y top right
}
.summer-col .summer-wizmo-img {
	width: 146px
}
.summer-col .featured-summer-playlist h2{font-size:24px; margin-top:20px}

.summer-col .playlist-left-list {
   
    min-height: 500px;
}


}
 @media (min-width:1191px)  {
.summ-wiz {
	min-height: 190px
}
}
 @media (min-width:940px) and (max-width:1050px) {
.playlist-topics {
	padding-top: 60px;
}
}

/*Summer Slide CSS End */



.modal-small
{
    position: fixed;
    top: 48px;
    left: 50%;
    z-index: 1050;
    width: 434px;
    margin-left: -222px;
    background-color: transparent;
    overflow:hidden;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.modal-bottom-img-sml
{
    background: url(../Content/assets/images/modal-header-big-bot-sml.png) no-repeat 0 0;
    height: 14px;
}



.playlist-content ul
{
    list-style: inherit;
    margin-left: 20px;
    padding:initial;
}



.assignment-box ul li a.selectedChild{
background: #eeeeed url(assets/images/sliding-arrow.png) no-repeat 8px -73px;

}

ul.list-none {
    list-style: none;
}

h3.keyword.ipad-filter-title {
margin:25px 0 10px 1em}

.ipad-filter-field{background-color:#DFE8D5; padding:13px 0 13px 1em ;margin-bottom:20px
}
.ipad-filter-field span{ font-size:14px;  font-family:'MuseoSans-700';  display:inline; margin:0; font-weight:700
}
    .ipad-filter-field input[type="checkbox"]  {
        margin: -2px 2px 0  0;
    }
.ipad-filter-field img{
    margin-left:6px; cursor:pointer
}
.dla-thumb-box .ipad-compatible, .playlist-thumb-box .ipad-compatible, .managePlaylistbx .ipad-compatible{background:url(../Content/assets/images/icon2.png) no-repeat; width:20px; height:20px; position:absolute;right:2px; top:80px
}

.left-margin .activity-type-txt {
    padding: 0 0 0 20px;
    font-size: 14px;
    cursor:pointer;
     font-family:'MuseoSans-700';
}
.activity-type-txt.close-icn {background:url(../Content/assets/images/minus-icon.png) no-repeat left;
}
.activity-type-txt.open-icn {background:url(../Content/assets/images/plus-icon.png) no-repeat left; 
}

ul.activity-type-list {padding:12px 0px 14px 14px
}
    ul.activity-type-list li {
        padding: 5px 0; font-size:14px;font-family:'MuseoSans-500';
    }

ul.activity-type-list input[type="radio"], ul.activity-type-list  input[type="checkbox"] { float:left
}

.ipad-filter-title .clear-filters {
    margin-left: 10px;
}

.activity-type-list .label-txt{margin-left:19px; display:block
}

.popover .close
{

    background:url(../Content/assets/images/small_x.png) no-repeat left;
    width:10px; height:10px; float:right; text-indent:-9999px; margin-right:2px
}

.ipad-comp-popover{
    font-size: 12px;
    left: 26px;
    line-height: 14px;
    top: -38px;
    width: 173px;
}

.ipad-comp-popover .popover-content {
    padding: 10px 7px 0;font-family:'MuseoSans-500';
}

.ipad-comp-popover  .popover.right .arrow:after {bottom: -11px;
}

.ipad-comp-popover .popover .arrow:after {
    border-width: 11px;
    content: "";
}
.alert-box-ipad-cont {position:relative; width:100px; margin:0 auto; height:1px

}
.alert-box-ipad
{
    width: 400px;
    font-family: 'MuseoSans-500';
    color: #000;
    margin: 10px auto 0;
    line-height: 24px;
    font-size: 14px;
    position: absolute;
    padding: 5px 25px 5px 45px;
  
    margin-top: 25px;
    background: #F8F8B5 url(../Content/assets/images/yield_icon.png) no-repeat 8px 12px;
    left:-200px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.55);
-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.55);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.55);
}

.ipad-compatible-count {padding: 20px 0;
}

#playListInfoDiv3 .ipad-compatible-count, #moreInfoPanelVMDIV .ipad-compatible-count {padding: 20px;
}


.clear-all-criteria {margin:10px 1em 0 1em
}

    .clear-all-criteria a {
        color: #0088cc; text-decoration:underline
    }

  .ipad-compatible-icon{background:url(../Content/assets/images/icon2.png) no-repeat; width:20px; height:20px; display:inline-block; margin-top:4px
}

   .ipad-incompatible-icon{background:url(../Content/assets/images/icon2-unchk.png) no-repeat; width:20px; height:20px; display:inline-block; margin-top:4px
}

.grades-range-info.ipad-icon
{
padding-left:5px; padding-bottom:0
}

#playListInfoDiv3  .ipad-compatible-count-ipad {padding-left:0px
}

.ipad-compatible-count-txt{margin-left:25px
}


.close-ip-alert {
background: url(../Content/assets/images/sce/close.png) no-repeat;
width: 10px;
height: 10px;
float: right;
text-indent: -9999px;
margin-right: 2px;
position:relative; right:-20px;
border:0;
}

/*********** ITASK BEGIN *************/

.itask {padding:20px 34px 0px 34px}
.itask-top-header { height:50px; padding-top:10px;}
.itask-status { float:left; margin-right:10px; padding:0px 10px; background-color:#fdefc8; height:34px; line-height:34px; font-family: 'MuseoSans-700'; font-size:13px; color:#042060;}
    .itask-status a { height:21px; line-height:21px;border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; font-size:11px; color:#fff;
-webkit-border-radius: 3px 3px 3px 3px; padding:0px 5px; display:inline-block; margin-left:10px;
    }

        .itask-status a.reviewd {
             background-color:#72a603;
        }
         .itask-status a.not-submit {
             background-color:#e15446;
        }
          .itask-status a.submitted {
             background-color:#f78421;
        }
          .itask-status a.blue {
             background-color:#72a603;
        }


.itask-score {float:left;  padding:0px 10px; background-color:#fdefc8; height:34px; line-height:34px; font-family: 'MuseoSans-700'; font-size:13px; color:#042060;}
.itask-print-btn { float:right;}
    .itask-print-btn a { width:74px; height:42px; display:block;
                         background: url(../Content/assets/images/sce/print-btn.png) no-repeat left top; text-indent:-9999px;
    }
    .itask-print-btn a:hover { 
                         background: url(../Content/assets/images/sce/print-btn.png) no-repeat right top;
    }
    .itask-save-btn { float:right;}
    .itask-save-btn a { width:80px; height:44px; display:block;margin-left:20px;
                         background: url(../Content/assets/images/sce/itask-save-btn.png) no-repeat left top; text-indent:-9999px;
    }
    .itask-save-btn a:hover { 
                         background: url(../Content/assets/images/sce/itask-save-btn.png) no-repeat right top;
    }
    .itask-submit-btn { float:right;}
    .itask-submit-btn a { width:115px; height:44px; display:block;margin-left:20px;
                         background: url(../Content/assets/images/sce/itask-submit-btn.png) no-repeat left top; text-indent:-9999px;
    }
    .itask-submit-btn a:hover { 
                         background: url(../Content/assets/images/sce/itask-submit-btn.png) no-repeat right top;
    }
.itask-score span { font-size:18px; color:#036dae;
}
    .itask-score small {font-size:13px;color:#036dae;
    }
.itask-container-header { height:25px;
}
.itask-container-header-heading {font-family: 'MuseoSans-500'; font-size:16px; color:#042060; float:left; padding-left:5px;
}
.itask-container-header-date {font-family: 'MuseoSans-500'; font-size:14px; color:#042060; float:right; padding-right:5px;
}
    .itask-container-header-date span { margin-left:30px;
    }
    .itask-container-header-date small { font-size:14px;
    }
.itask-container { padding-top:20px; padding-left:30px;
}
.itask-container-text {font-family: 'MuseoSans-500'; font-size:14px; color:#042060; border:1px solid #e5e5e6;
                       background-color:#e4f0f8; padding:10px;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.itask-full { margin-right:25%;
}
.itask-container-text-wt {font-family: 'MuseoSans-500'; font-size:13px; color:#494949; border:1px solid #e5e5e6;
                       background-color:#fff; padding:10px; height:145px; overflow:auto;
}

@media (min-width: 750px) and (max-width: 1024px) {
    .itask-full { margin-right:0px;
}

.top-task-step-container .student-isnt-box-congs {
width: auto;
}

}

.what-to-create h4{ font-size:18px; padding:5px 0; color:#000; font-weight:500;}
.itask-block-container {
width:595px; margin:35px auto;}
.info-popup-playlist{background-color:#fff;  border:solid 1px #3d66a8; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; width:420px; overflow:hidden}

.info-popup-playlist .info-popup-header{background: url(../images/popup-header-bg.png) repeat; height:42px;}

.info-popup-playlist .info-popup-header h4{ font-size:20px; color:#fff;font-family: 'MuseoSans-700';padding:10px 0 0 10px; font-weight:700}

.info-popup-playlist  .activity-select-block{padding:10px 25px; height:150px}

.info-popup-playlist  .activity-block{float:left; width:140px; text-align:center}

.info-popup-playlist  .activity-block p{ padding:0; margin:0; color:#042060; font-size:24px; font-family: 'MuseoSans-700'}
.info-popup-playlist  .activity-block ul{padding:0; margin:0; list-style:none}

.info-popup-playlist  .activity-block ul li{ float:left;} 

/************ ITASK END ********************/

.playlist-boxmt span.ticker-mp {
background-color: #60a7d9;
    border-radius: 4px;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-size: 12px;
    margin: 0 4px 0 0;
    padding: 1px 6px;
    position: relative;
    top: -2px; font-weight:700}

    .playlist-boxmt span.ticker-mp.pl-box { position: absolute;
    top: 10px; left:10px 
    }

.playlist-thumb-box .task-dla-mp{
    width:163px; 
    height:73px; 
    text-align:center; 
    background:#2564A9; 
    color:#fff; 
    line-height:73px; 
    font-size:30px; 
    font-weight:bold

}

.playlist-thumb-box  .task-status-label{
    width:163px; 
    height:20px; 
    text-align:center; 
    color:#fff; 
    font-size:12px; 
    font-weight:normal;
    font-family:MuseoSans-700


}

.playlist-thumb-box  .task-status-label.submitted{ background:#f7821f; 
}
.playlist-thumb-box  .task-status-label.not-submitted{ background:#e15446; 
}
.playlist-thumb-box  .task-status-label.reviewed{ background:#588202; 
}






.playlist-thumb-box  .caption-label .task-status-label{ position:absolute; left:85px; bottom:5px;
border-radius: 4px; width:95px
}


.playlist-Info-Dla-image-Div .slide .thumb-caption.caption-label h5 { right:auto; left:76px
}
















#playlistInfoDiv {
background: #ffffff; /*f5fbff*/
border: none;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-border-radius: 0px;
position: relative;
margin: 0 1%;
border: 4px solid #4688b4;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
    #playlistInfoDiv .lang-tooltip-text li { color: #592471;
    }

.playlist-Info-Dla-image-Div {
background: #2178b3;
border: none;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-border-radius: 0px;
position: relative;
margin: 0 1%;
border-bottom: 4px solid #2178b3;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; padding:5px 0px;

}
    .playlist-Info-Dla-image-Div .playlist-slider {background:none; height:auto;
    }
    .playlist-Info-Dla-image-Div .bx-wrapper .bx-viewport { height:auto!important;
    }
    .playlist-Info-Dla-image-Div .slide { width:182px!important; height:auto; border-radius:6px;}
.playlist-Info-Dla-image-Div .playlist-thumb-box {  width:179px!important; height:78px;
}
.playlist-Info-Dla-image-Div .playlist-thumb-box img { width:80px!important; height:48px!important; min-height:inherit; min-width:inherit!important; float:left; border:0px; border-radius:0px!important; box-shadow:none!important;
}

#myModalRenderPlaylistDetails .bx-viewport { height: 99px !important;
}

#myModalRenderPlaylistDetails .student-slider .bx-viewport { height: 79px !important;
}

.playlist-Info-Dla-image-Div .slide .thumb-caption h5 {
position: absolute;
right: 5px;
top: -6px;
width: 102px;
font-size: 12px!important;
font-weight: normal;
line-height: normal;

}
    .playlist-Info-Dla-image-Div .playlist-slider .bx-wrapper .bx-viewport { margin-top:0px;
    }

    .playlist-Info-Dla-image-Div .playlist-slider .dlaInfo-buttons {height:29px!important; bottom:0px; width:98%; right:1px; left:1px; -webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; }
    .playlist-Info-Dla-image-Div .playlist-slider .dlaInfo-buttons a {height:23px!important; padding-top:6px; border-right:0px; width:100%; position:relative;

-webkit-border-radius: 0px 0px 5px 5px!important;
-moz-border-radius: 0px 0px 5px 5px!important;
border-radius: 0px 0px 10px 5px!important;
    }


        .playlist-Info-Dla-image-Div .playlist-slider .dlaInfo-buttons a.active { width:180px; height:101px; background: #fbe967;}
        .playlist-Info-Dla-image-Div .playlist-slider .dlaInfo-buttons a.active:after {content : url(../Content/assets/images/iTask/slide-thumbnail-selected-img.png); position:absolute;top: -52px; left:-2px;
 }


.playlist-Info-Dla-image-Div .bx-wrapper .bx-controls-direction a { margin-top:21px;
}
#myModalRenderPlaylistDetails .dla-category-rightcol{
padding: 20px 20px 0px 20px;
border-left: solid 0px #d1d6da!important;
 min-height:inherit; 
}
#PlayActivityWellPopup .dla-category-rightcol{
padding: 20px 20px 0px 20px;
border-left: solid 0px #d1d6da!important;

}

#myModalRenderPlaylistDetails .dla-lng-description-text, #PlayActivityWellPopup .dla-lng-description-text {padding: 20px 12px 10px 20px;

 min-height:inherit; }

#myModalRenderPlaylistDetails ul.description-tags, #PlayActivityWellPopup ul.description-tags { padding-left:20px;}
#myModalRenderPlaylistDetails .description-box-container .span4, #PlayActivityWellPopup .description-box-container .span4 {border-left: solid 2px #d1d6da!important;

}
#myModalRenderPlaylistDetails .description-box-container .span3 {
    /*border-left: solid 2px #d1d6da !important;*/
}

#myModalRenderPlaylistDetails .span3 ul.description-tags, #PlayActivityWellPopup .span3 ul.description-tags { padding-left:0px;
}
.selected-playlist-item-Div {
background: #4688b4;
border: none;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-border-radius: 0px;
position: relative;
margin: 0 1%;
border: 4px solid #ffd665 !important;
-webkit-border-radius: 10px 10px 10px 10px!important;
-moz-border-radius: 10px 10px 10px 10px!important;
border-radius: 10px 10px 10px 10px!important;
 padding:5px 0px;
 margin-top: 10px;
}

#selectedPlaylistItemDivId .dla-search-description
{
    font-size: 13px; }

#selectedPlaylistItemDivId .dla-search-description p
{
    margin-bottom:3px;
}


#selectedPlaylistItemDivId h5.activity-info-title { margin-bottom:2px;
}
#selectedPlaylistItemDivId .dla-search-description-text {padding-top:20px;}
#myModalRenderPlaylistDetails .info-panel-icons-right { height:50px;   margin-top:51px;  position:relative;  background-color:#2178b3; border-radius:10px 10px 0 0;
                                                        /*-webkit-box-shadow: 3px 0 5px 0 #25407E;
box-shadow: 3px 0 5px 0 #25407E;*/
}

#myModalRenderPlaylistDetails .site-popup .info-panel-icons-right a { background:none!important;
 }
#myModalRenderPlaylistDetails .popup-header { height:101px;}
    #myModalRenderPlaylistDetails .popup-header .user-box {
margin-top: 12px;
    }

  #myModalRenderPlaylistDetails .popup-header h1.logo a {height:86px;padding-top:0px}
    #myModalRenderPlaylistDetails .popup-header button.close {
        position: absolute;
        right: 0px;
        top: 0px; height:50px; width:44px;
        background: url(../Content/assets/images/iTask/top-popup-close.png) no-repeat right;
        border-left: 1px solid #1c4681;
    }



    #myModalRenderPlaylistDetails .info-panel-icons-right .activity-info-title { color:#fff; font-size:14px; line-height:17px;padding: 11px 0 0 12px;}
     #myModalRenderPlaylistDetails .info-panel-icons-right .activity-info-title span {font-family: 'MuseoSans-500';}

#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div { height:65px; border-radius:10px; padding-right:75px; position:relative; padding-top:6px;
} 



#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div .bx-wrapper .bx-controls-direction a { margin-top:-36px!Important; border:0px;}

#itemTitlePublisher { color: #fff;
    font-size: 14px;
    margin: 5px 4%;
    line-height:20px;
}


#playlist-Info-Dla-image-Div-id .bx-wrapper {}
    #itemTitlePublisher h5 { color: #fff; font-family: 'MuseoSans-700';
    font-size: 14px; margin-top:0
    }
 #itemTitlePublisher p { font-size:13px;}
#myModalRenderPlaylistDetails .site-popup .info-panel-icons-right a:hover:after {
    content: url(../Content/assets/images/iTask/top-popup-info-hover.png);
    position: absolute; right:0px;  top:0px;
  
}

.padding-zero
{
    padding:0px;
}

.student-itask-popup-selected {
position: relative;
margin-top: -5px;
margin-bottom: -5px;
padding: 16px 20px 24px 20px;
background: #f5fbff;

}

.student-itask-popup-selected h5.activity-info-title { margin-bottom:0px; float:left; padding-top: 6px;}
.student-itask-popup-selected .itask-score { background:none; float:right;font-family: 'MuseoSans-500';  margin-right:0px;
font-size: 12px;
color: #494949; height:auto;
}

.student-itask-popup-selected .itask-score span{font-size: 14px; font-family: 'MuseoSans-700';
color: #2565aa;}

.student-itask-popup-selected .itask-score span small{font-size: 13px; 
color: #2565aa;}


.student-itask-popup-selected .itask-status {background:none; float:right; font-family: 'MuseoSans-500';  margin-right:15px;
font-size: 12px;
color: #494949; height:auto;  }

.student-itask-popup-selected .itask-status span{background:#56830B; color:#fff;  height:21px; line-height:21px;border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; font-size:12px; color:#fff;
-webkit-border-radius: 3px 3px 3px 3px; padding:0px 5px; display:inline-block;}

.student-itask-popup-selected .itask-status span.reviewed{background:#56830B;}
.student-itask-popup-selected .itask-status span.submitted{background:#f58422;}
.student-itask-popup-selected .itask-status span.notsubmitted{background:#f64f45;}
.student-itask-popup-selected .itask-status span.autoscored{background:#036DAE;}

.student-itask-popup-selected .itask-print-btn { margin-top:6px}
.student-itask-popup-selected .itask-score-detail { font-size:11px; float:right; background:none;} 
.itask-score-detail-day-reviewed { padding-left:15px;}

.student-itask-popup-selected .itask-score-detail { padding:0px;}
.student-itask-popup-selected .report-heading { padding-bottom:5px; font-size:16px; color:#042060; font-family: 'MuseoSans-700';}
.student-itask-popup-selected .task-report-block {
    background-color: #edeceb;
    color: #042060;
    font-size: 13px;
    padding: 10px;
    border: 1px solid #e7e8ea;
    word-wrap: break-word;
}

.student-itask-popup-selected .response-report-block {border: 1px solid #e7e8ea; color:#494949; font-size: 13px;}
    .student-itask-popup-selected .response-report-block p {
    width: 100%;
    word-break: break-word;
    }
.student-itask-popup-selected  .teacher-name-title {font-family: 'MuseoSans-500';
font-weight: normal;
font-size: 12px;
color: #494949;}


.playlist-form .task-error-msg {padding-bottom: 8px;
 
    padding-top: 10px;
    width:auto; 
    padding-left:0
}



  .playlist-box .edit-task-thumb
    {
        background: url('../Content/assets/images/edit-dla-icon.png') no-repeat;
        height: 39px;
        position: absolute;
        left: 5px;
        top: -2px;
        width: 38px;
        z-index: 999;
        text-indent: -9999px;
    }






 #createITask .playlist-box-title-bar
{

    background-color: #036DAE;
    background-image:none;

}
  #createITask h2.main-heading {

 font-size: 24px;
color: #042060;
font-family: 'MuseoSans-700';
padding-bottom:15px;
  }

.playlist-box-title-bar a:hover{ text-decoration:none;}
.playlist-box-title-bar a h3{ display:inline-block;}
    #createITask .add-playlist {
border-bottom: solid 1px #e8e9e9;
margin-top: 0px;
padding-top: 0px;
padding:0px 274px 10px 44px;
}
    #createITask .add-playlist .playlist-content {
padding: 20px 236px 30px 44px;
font-family: 'MuseoSans-500';
font-weight: 500;
}
    
    #createITask .add-playlist label{
cursor: default;
}
   #createITask .add-playlist .playliost-or { font-size:19px; font-weight:normal; color:#9f9f9f; text-align:center;}
    #createITask .add-playlist .form-control { width:100%}
    #createITask .playlist-title-container { margin-bottom:15px;}
    #createITask .playlist-title-editor-block {padding: 20px 236px 15px 44px; font-family: 'MuseoSans-500';}
    #createITask .playlist-title-editor-block-div { position:relative; width:100% }
    .playlist-title-editor-block .playlist-content { padding:0px;}

  .play-list-bottom-border {border-bottom: solid 1px #e8e9e9;}

  #createITask .grade-block-opt,   #editTopTask .grade-block-opt  { border-bottom:0px;}


  /* NEW CREATE PAGE CSS START*/
.create-activity-section { padding-top:24px
}
.create-activity-section .create-pl-def-btn {
	background: url(../Content/assets/images/iTask/create-grn-btn-bg.png) repeat-x;
	display: block;
	border-left: solid 1px #5c8603;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.create-activity-section .create-pl-def-btn span {
	background: url(../Content/assets/images/iTask/create-grn-btn-arrow.png) no-repeat right;
	display: block;
	height: 41px;
	line-height: 41px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-family: 'MuseoSans-700';
}
.create-activity-section .create-pl-def-btn:hover {
	background: url(../Content/assets/images/iTask/create-grn-btn-bg-hover.png) repeat-x;
	display: block;
	border-left: solid 1px #5c8603;
	text-decoration: none
}
.create-activity-section .create-pl-def-btn:hover span {
	background: url(../Content/assets/images/iTask/create-grn-btn-arrow-hover.png) no-repeat right;
	display: block;
	height: 41px;
	line-height: 41px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-family: 'MuseoSans-700';
}
.create-activity-section .create-activity-block {
	padding: 5px 0px 15px 0;
	font-size: 15px;
}
.create-activity-section .create-activity-block p {
	line-height: 19px;
	padding-bottom: 0px;
    padding-top:7px
}
.create-activity-section .create-activity-block strong {
	font-weight: normal;
	font-family: 'MuseoSans-700'
}
.create-activity-section .create-activity-block a {
	font-weight: normal;
	font-family: 'MuseoSans-700'
}
.create-activity-section .create-activity-block .create-activity-content {
	padding: 5px 3px
}
.create-activity-section .task-view-image {
	position: relative;
	width: 604px;
	margin: 0px 0 0 48px;
	top:-5px
}
.create-activity-section .task-view-image .taskview-arrow-left {
	background: url(../Content/assets/images/iTask/yellow_arrow1.png) no-repeat;
	width: 92px;
	height: 229px;
	position: absolute;
	left: -54px;
	top: -96px
}
.create-activity-section .task-view-image .taskview-arrow-mid {
	background: url(../Content/assets/images/iTask/yellow_arrow2.png) no-repeat;
	width: 47px;
	height: 256px;
	position: absolute;
	left: 344px;
	top: -135px
}
.create-activity-section .task-view-image .taskview-arrow-right {
	background: url(../Content/assets/images/iTask/yellow_arrow3.png) no-repeat;
	width: 47px;
	height: 125px;
	position: absolute;
	left: 526px;
	top: -46px
}
.create-activity-section .create-atcivtity-title {
	font-size: 18px;
	padding-bottom: 20px;
	color: #000;
}
.create-activity-section .create-atcivtity-title p {
	margin: 0;
	padding: 0;
	line-height: 23px
}
.create-activity-section .create-atcivtity-title p strong {
	font-weight: normal;
	font-family: 'MuseoSans-700';
}

.create-activity-content a{color:#1b55f5}


.create-activity-section .create-activity-col { width:215px; float:left; margin-right:40px; font-family:'MuseoSans-500'}

.create-activity-section .create-activity-col.last {  margin-right:0px}



#addTopTaskPopup h2 {
    font-size: 20px;
color: #042060;
padding: 0;
margin: 0;
}

#addTopTaskPopup a.cancel-btn-create { color:#1b55f5;top:13px
}


.btn-create-top-task-block{
    height: 40px;
    margin: 30px 0 0px 0px;
    clear: both;
}

    .btn-create-top-task-block ul { float:right
    }

     .btn-create-top-task-block ul li{ float:left
    }

        .btn-create-top-task-block ul li a.cancel-btn-create { color: #1b55f5;

margin: 13px 10px 0 0;
display: block;
        }

.for-tooltip .tags-tooltip-arrowbox {
  
    left: 119px;
  
}
.for-tooltip .tags-tooltip-popup {left: -125px;}
.for-tooltip .description-tags { padding:0px;}
.for-tooltip .for-tooltip-label { float:left; margin-right:2px;}

/*END*/

 .playlist-thumb-box .task-status{background-color:#62a2cc; color:#fff; font-family:MuseoSans-700; padding:0 5px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; position:absolute; left:4px; top:5px}


 .modal-full {
    background-color: transparent;
    left: 50%;
    margin-left: -48%;
    position: fixed;
    top: -76px;
    width: 96%;
    z-index: 1050;
    border-radius:10px;
    -mox-border-radius:10px;
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
overflow:hidden
}

    .modal-full .modal-header {
         background: url(../Content/assets/images/popup-header-bg.png) repeat;
    }

    .modal-full .modal-content-box {
    max-height: 450px;
}
.modal-full .modal-content-box {
    background:#f3f6fb;
    font-family: "MuseoSans-500";
    max-height: none;
    overflow-y: auto;
    padding: 18px 24px;
    position: relative;
}


#organizeDiv #search-form .search-field.searched-tag {
    padding-left: 35px;
    width: 262px;
}

#organizeDiv #search-form { margin-left:0;
}

    #organizeDiv #search-form .clear-search-field { left:8px; top:27px
    }

#organizeDiv .input-append .search-field.searched-tag { border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px;
}

#organizeDiv .input-append .search-field {
    
  
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;

    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.35) inset;
    height:44px
 
  
}

#organizeDiv #search-form form {
    margin:0;
}

#questionDiv #search-form .search-field.searched-tag {
    padding-left: 35px;
    width: 262px;
}

#questionDiv #search-form {
    margin-left: 0;
}

    #questionDiv #search-form .clear-search-field {
        left: 8px;
        top: 27px;
    }

#questionDiv .input-append .search-field.searched-tag {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#questionDiv .input-append .search-field {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.35) inset;
    height: 44px;
}

#questionDiv #search-form form {
    margin: 0;
}

.pl .qb-left-col h2 {
    font-family: "museo700";
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 4px;
    color: #041d79;
    padding-top:10px;
}



 .student-itask-popup-selected .task-resp-btn-green,  .define-task-content .task-resp-btn-green {
	background: url(../Content/assets/images/iTask/create-grn-btn-bg.png) repeat-x;
	display: block;
	border-left: solid 1px #5c8603;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
    border-right: solid 1px #5c8603;
    color:#fff;
    padding:12px 10px 10px 10px;
    height:19px;
    font-size:16px;
    float:left;
    margin-left:10px
}

.student-itask-popup-selected .task-resp-btn-green:hover, .define-task-content .task-resp-btn-green:hover {
	background: url(../Content/assets/images/iTask/create-grn-btn-bg-hover.png) repeat-x;
	display: block;
	
	text-decoration: none;
    color:#fff
}

.modal-full .class-container { margin:0
}


.modal-full #createITask .add-playlist {
    border-bottom:0;
   
}

.modal-full .class-detail
{
   
    -webkit-box-shadow:  none;
    box-shadow:none;
    
}

.modal-full  #createITask h2.main-heading {

    line-height: 25px;
    padding-bottom: 0;
}

.modal-full .btn-create-task-block ul.save-task {
    margin: 0 0 0 230px;
  
}



#myModalRenderPlaylistDetails .slider-hide-container {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 15px;
    z-index:999
}

#myModalRenderPlaylistDetails .slider-hide-container a {
    background: url(../Content/assets/images/iTask/slider-show-hide-btn.png) no-repeat left top;
    font-family: MuseoSans-500;
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999px;
    margin-left: 10px;
}    

#myModalRenderPlaylistDetails .slider-hide-container a:hover {
    background: url(../Content/assets/images/iTask/slider-show-hide-btn.png) no-repeat left -64px;
    font-family: MuseoSans-500;
    width: 50px;
    height: 50px;
}

#myModalRenderPlaylistDetails .slide-height .slider-hide-container a {
    background: url(../Content/assets/images/iTask/slider-show-hide-btn.png) no-repeat right top;
    font-family: MuseoSans-500;
    width: 112px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    border: none;
    margin: 15px 10px 0 0;
}
#myModalRenderPlaylistDetails .slide-height .playlist-slider{
    width:87% !important;
}

#myModalRenderPlaylistDetails .slide-height .slider-hide-container a:hover {
    background: url(../Content/assets/images/iTask/slider-show-hide-btn.png) no-repeat right -76px;
}

#itemTitlePublisher .item-info-container a{ width:50px; height:50px; display:block; margin-left:10px; background: url(../Content/assets/images/iTask/info_buttons.png) no-repeat left top; text-indent:-999999px;}
#itemTitlePublisher .item-info-container a:hover{ width:50px; height:50px; background: url(../Content/assets/images/iTask/info_buttons.png) no-repeat left -73px; text-indent:-999999px;}

#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div .playlist-thumb-box{ width:auto; height:60px; width: 184px !important; border-bottom:none;
}
#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div .slide { width:196px!important;
height: 62px!important; border-radius:11px!important;
}
#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div a.sel-playlist-link { border: 3px solid #2178b3; 
 
    border-radius: 10px;
width: 186px;
height: 62px; 
display:block;
margin-left:4px !important}
#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div a.sel-playlist-link.active {border: 3px solid #ffd665;
border-radius: 10px;
width: 186px;
height: 62px;
/* margin-right: 15px!important; */
z-index: 99999;margin-left:0px}

#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div.slide-height a.active {border: 3px solid #2178b3;
border-radius: 0px;
width:33px;
height: 37px;
/* margin-right: 15px!important; */
z-index: 99999; }

#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div.slide-height a.sel-playlist-link {
height: 37px;
/* margin-right: 15px!important; */
width:40px;
z-index: 99999;margin-left:0px}

/*#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div a.active::before {


 content:url(../Content/assets/images/iTask/yellow_tic.png);
 position: absolute;
bottom: -24px;
left: 88px;

}*/
/*#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div.slide-height a.active::before {
 display:none!important;
}*/


#myModalRenderPlaylistDetails .playlist-Info-Dla-image-Div .playlist-thumb-box img {height: 60px !important; width:90px;
}


#itemTitlePublisher .item-info-container, #itemTitlePublisher .addpl-info-container { float:left; margin-top:-3px 
 }

#myModalRenderPlaylistDetails .selected-playlist-item-Div, #PlayActivityWellPopup .selected-playlist-item-Div { margin-top: -8px;
    padding-top: 0;
    top:0px; background:#fff; border-radius: 10px 10px 0px 0px!important; width:97.5%;height:auto!important;
}

#myModalRenderPlaylistDetails #playlistInfoDiv { border: 4px solid #ffd665; border-bottom:none!important;
}
#myModalRenderPlaylistDetails .modal-body { background-color:#494949; padding:0px; 
}
#playlist-Info-Dla-image-Div-id.slide-height {  height:38px!important;
}
#playlist-Info-Dla-image-Div-id.slide-height  .student-assignment-playlist-box { height:52px;}

#playlist-Info-Dla-image-Div-id.slide-height .playlist-thumb-box {   height: 33px!important;
    width: 37px !important;
}
#playlist-Info-Dla-image-Div-id.slide-height a.active .playlist-thumb-box {   height: 33px!important;
    width: 37px !important; background:#ffd665;
}

    #playlist-Info-Dla-image-Div-id.slide-height .playlist-thumb-box img { display:none;
    }

#playlist-Info-Dla-image-Div-id.slide-height .slide { width:40px!important; min-width:inherit!important;
}

#playlist-Info-Dla-image-Div-id.slide-height .thumb-caption { display:none;
}

#playlist-Info-Dla-image-Div-id.slide-height .bx-wrapper .bx-controls-direction a {
    margin-top: -32px !important;
}


#myModalRenderPlaylistDetails .slide-height .bx-viewport { height: 69px !important;
}


#playlist-Info-Dla-image-Div-id.slide-height .slider-hide-container {
  
    padding-top: 0px!important;
   
}
.itask-playlist-slider-arrow-left { float:left;}
.itask-playlist-slider-arrow-right { float:left;}

#myModalRenderPlaylistDetails #itemTitlePublisher {

margin: 0px 100px 17px 60px;
}
    #myModalRenderPlaylistDetails #itemTitlePublisher p { margin-bottom:0px; padding-bottom:0px;padding-left: 36px;
    }


/*#playlist-Info-Dla-image-Div-id.slide-height .slider-hide-container a { padding-left:20px; color:#494949;background: url(../Content/assets/images/iTask/icon-down-task.png) no-repeat 6px 5px;margin-left:5px; font-family:MuseoSans-500;
}*/


#myModalRenderPlaylistDetails .playlist-thumb-box-number { color: #fff;
position: absolute;
left: 3px;
top: 3px;
font-size: 11px;
font-weight: bold;
background-color: #67a745;
border-radius: 16px;

text-align: center;
padding: 0px 7px;}

#myModalRenderPlaylistDetails .slide-height .playlist-thumb-box-number { color: #fff;
position: absolute;
left: 5px;
top: 4px;
font-size: 12px;
font-weight: bold;
background-color: #67a745;
border-radius: 35px;
text-align: center;
padding: 0px 7px;
width: 14px;
height: 27px;
line-height: 27px; z-index:9;}



.save-to-playlist .playlist-form label.error, .max-scroll-block .playlist-form label.error{right: -260px;

    width: 215px;
}


.add-to-playlist .playlist-form .error-msg-select
{
    background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
    padding-left: 30px;
    line-height: 15px;
    font-family: 'MuseoSans-300';
    font-size: 13px;
    width: 195px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    right: -240px;
    top: 0px;
    color: #494949;
    font-weight: normal;
}














.top-task-step-container .top-task-congrats-alert {
	background-color: #fdfebd;
	padding: 15px;
	color: #000;
	font-size: 18px;
	font-family: museoSans-700;
	width: 500px; margin-top:10px;
    position:relative
}
.top-task-step-container .top-task-congrats-alert .alert-close {
    position: absolute;
    right:15px;
    top:15px;
}
.top-task-step-container .top-task-congrats-alert strong, .top-task-defend-position  strong{ font-family:MuseoSans900; font-weight:normal
}

.top-task-step-container .top-task-defend-position {
	font-size: 18px;
	color: #011d61;
	font-family: MuseoSans-700;
	padding: 15px 0 10px 35px;
	margin: 0;
     background: url(../Content/assets/images/iTask/icon_playlist_task.png) no-repeat left 4px;
}
.top-task-step-container .top-task-tab-container {
	padding: 10px 20px
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu {
	padding: 0;
	margin: 24px 0 0 0;
	list-style: none;
	height: 50px;
	float:left
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu li {
	float: left;
	margin-right: 5px
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu li a {
	display: block;
	background-color: #e8e8e8;
	padding: 3px 15px;
	text-align: center;
	height:40px;
	vertical-align: middle;
	color: #011d61;
	font-family: MuseoSans-700;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border:solid 1px #e1e0e7; border-bottom:0;
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu li a.studnet-inst {
	height: 35px; line-height:16px
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu li a.top-task-info {
	height: 35px;
	line-height: 35px;
	color:#000
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu li a:hover {
	text-decoration: none
}
.top-task-step-container .top-task-tab-container ul.top-task-tab-menu li a.active {
	background-color: #edf2fd; 
}


.top-task-step-container .top-task-scoring-raio-group.tab-sel-radio{
	float:left; margin-left:20px; font-family:MuseoSans-500}

.top-task-step-container .top-task-defend-position .edit-inp-icon {
    position:relative; 
    display:inline-block; 
    margin-left:10px;top:0
}
.top-task-step-container .student-isnt-box-congs {
	width: 725px; margin-bottom:30px; margin-left:15px
}

.top-task-step-container .stu-inst-block {
    background-color: #edf3fb;
    padding: 10px 0;
    border: solid 1px #e1e0e7;
}

.top-task-step-container .stu-inst-block .last-modified{
   text-align:right; font-size:12px
}

.top-task-step-container .task-def-cont-block{
    padding:0px 20px 0 20px
}



#editTopTask .top-task-title{float:left; width:90px
}
#editTopTask .edit-task-text-view{margin-left:90px; position:relative; width:300px
}

#editTopTask .edit-task-input-view{margin-top:-28px; position:relative; width:300px;margin-left:90px; 
}


#editTopTask .student-ins-field-view{background-color: #fff;
	border: solid 1px #e2e1e4;
	color: #042060;
	position: relative;
     padding:10px 30px 10px 15px;
     min-height:22px;
     word-wrap:break-word;

}
    #editTopTask .student-ins-field-view p {
        margin-bottom: 0;
    }

#editTopTask .count-inp {
    float: left;
}
#editTopTask .count-inp-edit { float:left;
}

#editTopTask .edit-scoring-inp{ width:auto!important; font-size:14px; margin-top:0px;
}
#editTopTask .edit-scoring-label { margin:0px; font-size:14px; top:0px;
}


    #editTopTask .edit-scoring-inp .edit-inp-icon {
        top: 0; right:-30px;
    }


#editTopTask .stu-inst-block h4
{
    font-size: 16px;
    line-height: 24px;
    font-weight:normal;
    margin: 0;
    color: #042060;
    padding: 10px  0;
    font-family: 'MuseoSans-700';margin-left:15px
 
}

#editTopTask .stu-inst-block h4 span
{
    font-size: 14px;
    line-height: 24px;
    font-weight:normal;
    margin: 0;
    color: #999;
    padding: 5px 0;
    font-family: 'MuseoSans-500';
    font-style:italic
 
}


#editTopTask  .text-editor-opts {
    margin-left: 15px;
}

#editTopTask .top-task-step-container .student-list {
    color: #042060;
 
}

#editTopTask  .top-task-warning, .checkpoint-info-container .top-task-warning{margin:10px 70px 10px 34px;font-size:16px;background:#68A8D4 url(../Content/assets/images/warning.png) no-repeat 15px; padding:10px 10px 10px 60px; color:#fff
}
.create-activity-section .create-task-wrapper {
    width: 725px;margin: 0 auto;
}

#myModalRenderPlaylistDetails .popup-header button.close-task {

         position: absolute;
        right: 0px;
        top: 0px; height:35px; width:37px;
        border: 0;
        background: url(../Content/assets/images/iTask/small_x.png) no-repeat 15px;
        border-left: 1px solid #1c4681;
        border-bottom: 1px solid #1c4681;
    text-indent: -99999px;
    margin-right:0
}


#myModalRenderPlaylistDetails .popup-header button.close-task:hover {

        background: url(../Content/assets/images/iTask/small_x_selected.png) no-repeat 15px;
}




#myModalRenderPlaylistDetails .bx-wrapper .bx-prev
{
    left: -34px;
    background: url(assets/images/itask/arrow_lft.png) no-repeat left top;
}

#myModalRenderPlaylistDetails  .bx-wrapper .bx-next
{
    right: -35px;
    background: url(assets/images/itask/arrow_rt.png) no-repeat right top;
}

#myModalRenderPlaylistDetails .bx-wrapper .bx-controls-direction .bx-prev.disabled
{
     display:none;
   /*filter: alpha(opacity=40); 

  opacity: 0.4;*/
}

#myModalRenderPlaylistDetails .bx-wrapper .bx-controls-direction .bx-next.disabled
{
    display:none;
 /*filter: alpha(opacity=40); 
  
  opacity: 0.4;*/
}

#myModalRenderPlaylistDetails .plnum { line-height: 28px;right: auto;left: 8px;bottom: auto;top: 4px;font-family: MuseoSans900; font-weight: 900 ; font-size:14px;   }

#myModalRenderPlaylistDetails .slide-height .plnum { left: 13px; top: 7px; line-height:27px; font-size:13px; }

#myModalRenderPlaylistDetails .slide-height .slider-hide-container{
    top: -7px;
}

#addTopTaskPopup ul.dropdown-menu { max-height:125px!important;
}

.itemTitlePublisher-container .activity-title{float: left;font-size: 18px; font-family: Museo700}


.itemTitlePublisher-container .activity-info-no-publisher{margin-left: 85px;margin-top: -10px;position: relative; top:12px}

.itemTitlePublisher-container .seleted-activeity-title{font-weight:normal; font-family: MuseoSans-700; font-size:16px}
.itemTitlePublisher-container .seleted-activeity-subtitle{font-weight: normal;font-size: 13px; font-family: MuseoSans-500}


#createITask .bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 450px;
}


#playListForm .bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    display:block;
    white-space:nowrap
}

 #addTopTaskPopup ul.dropdown-menu { width:510px  }

 /*Create Task CSS*/
.define-task-content {
padding: 0px 20px; font-family:MuseoSans-500

}
 .defend-position-top-bar{height:47px}
.defend-position-top-bar .score{ float: left;margin-top: 15px}
.defend-position-top-bar .score span{ color:#255894; font-weight:bold}

.defend-position-top-bar .defend-pos-title{
    float: left; 
    color: #111f52;
    font-size: 20px;
    margin: 5px 0 0;
    padding:11px 0 11px 0;
    background: url(../Content/assets/images//itask/icon_playlist_task.png) no-repeat left; padding-left:28px;
}

.defend-position-top-bar .defend-pos-right-sec{float:right; padding:0 10px}

.defend-position-top-bar .defend-pos-right-sec .status-label{float: left; margin-left:60px; margin-top: 15px}


.defend-position-top-bar  .view-list {float: right; height: 40px}
.defend-position-top-bar  .view-list ul{ padding: 0; margin: 0; list-style: none; position: relative; top:0px; right:-20px; }
.defend-position-top-bar  .view-list ul li{ float: left; position: relative}

.defend-position-top-bar  .view-list ul li a{ color: #0e1d46; display: block; padding: 13px 5px; border-left: solid 1px #d9dce3;  border-bottom: solid 1px #d9dce3}

.defend-position-top-bar  .view-list ul li a.camera{ background: url(../Content/assets/images/camera_icon.png) no-repeat center; text-indent: -9999px; width: 40px; }
.defend-position-top-bar  .view-list ul li.view{ width: 35px; background-color: #fff; color: #494949;padding: 13px 5px; border-left: solid 1px #d9dce3;  border-bottom: solid 1px #d9dce3 }
.defend-position-top-bar  .view-list ul li a.view-option{ width: 60px; background-color: #fff; border-left:0; font-family: MuseoSans-700}
.defend-position-top-bar  .view-list ul li a.view-option.full{ background:#fff url(../Content/assets/images/full_view_icon.png) no-repeat 40px 10px; -webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;}

.defend-position-top-bar  .view-list ul li li{ float: none}
.defend-position-top-bar  .view-list ul li li a{ color:#7b7b7b}

.defend-position-top-bar  .view-list ul li a.view-option.half{ background:#fff url(../Content/assets/images/half_view_icon.png) no-repeat 40px 10px; -webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;}
.defend-position-top-bar  .view-list ul li a.view-option.mini{ background:#fff url(../Content/assets/images/mini_view_icon.png) no-repeat 40px 10px; -webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;}

.defend-position-top-bar  .view-list  ul ul.options-list{display: block; position: absolute; 
 left: -1px; top: 47px; background: #fff; border-left: solid 1px #d9dce3; 
 -webkit-box-shadow: -1px 5px 5px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 5px 5px -5px rgba(0,0,0,0.75);
box-shadow: -1px 5px 5px -5px rgba(0,0,0,0.75); width:69px; z-index:9999}

.defend-pos-col-left{width: 48%; float: left;}
.defend-pos-col-full{  padding:0 20px 20px 20px}
.defend-pos-col-right{width: 48%; float: right;}
.defend-pos-col-left h5, .defend-pos-col-right h5{color:#111f52 ; font-size: 16px; padding-bottom: 10px; margin-top:2px }

.screen-capture-thumb{width: 103px; height: 58px; background-color: #e3e3e3; border:solid 1px #d1d0d5; position: relative; margin-right:25px; float: left}
.screen-capture-thumb-dashed {
    border:dashed 2px #d1d0d5;
}
.screen-capture-thumb .close-screen{ background: url(../Content/assets/images/close_grey.png) no-repeat; width: 35px; height: 35px; display: block; position: absolute; right:-20px; top:-20px; text-indent:-9999px}

.defend-pos-col-left h4{color:#111f52 ; font-size: 18px; padding-bottom: 30px; font-family: MuseoSans-700;  margin: 0}

.screen-capture-thumb .camera-active{background: #fff url(../Content/assets/images/camera_icon.png) no-repeat center ; display: block; width: 38px; height: 38px; margin: 7px auto 0; border: solid 1px #d1d1d1}

.screen-capture-thumb .attachment-active{background: url(../Content/assets/images/image_icon.png) no-repeat center ; display: block; width: 60px; height: 44px; margin: 7px auto 0; }


.screen-capture-thumb .camera-disable{background:url(../Content/assets/images/camera_icon.png) no-repeat center ; display: block; width: 38px; height: 38px; margin: 8px auto 0; opacity: .5}

.defend-pos-col-left .last-update-info, .defend-pos-col-right .last-update-info{text-align: right; font-size: 12px; padding-top: 5px;  }

.defend-position-top-bar .view-list ul li li a{padding: 5px 5px;}

.defend-pos-col-left .inst-block, .defend-pos-col-right .inst-block, .defend-pos-col-full .inst-block{background-color:#edebec; border: solid 1px #e5e9ec; height: 167px; padding:5px 10px; color:#111f52; overflow:auto; line-height:17px
}

.define-task-content .screen-capture-block h4{padding-bottom:10px
}


.full-view-screen  .defend-pos-col-left, .full-view-screen  .defend-pos-col-right  {
    float: none;
    padding-top: 0px;
    width:auto;
}

.btn-task-pos { margin-top:20px
}
.full-view-screen .btn-task-pos { margin-top:80px
}

.full-view-screen.define-task-content .screen-capture-block {
   
    margin-top: 0px;
}

.defend-position-top-bar .defend-pos-right-sec .label-status{padding: 3px 10px; text-align: center; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size:14px}
.defend-position-top-bar .defend-pos-right-sec .not-submitted-label{background-color: #f64f45;}
.defend-position-top-bar .defend-pos-right-sec .submitted-label{background-color: #f58422;}
.defend-position-top-bar .defend-pos-right-sec .reviewed-label{background-color: #56830B;}

.itask-print-btn.print-btn-left {
    float: left;
}

.top-task-step-container .student-list.view-feedback {
    background-color: #e8e9e9;
    border-bottom: 1px solid #dddfe0; margin:15px 0 20px 0
}



 .top-task-manageplaylist .task-status{background-color:#62a2cc; color:#fff; font-family:MuseoSans-700; padding:0 5px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;    margin:9px 10px 0 10px; float:left; }

  .top-task-manageplaylist .toptask-ellipsis, .top-task-manageplaylist-view .toptask-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:60%;padding-right:0
}


.top-task-manageplaylist.top-task-manageplaylist-label {margin: 10px 40px 10px 20px; 
}

    .top-task-manageplaylist.top-task-manageplaylist-label label-status new-label top-task-manageplaylist-text toptask-ellipsis {
    }

.student-assignment-playlist-box .label-status, .top-task-manageplaylist-view .label-status, .class-assignment-header .label-status{ color:#fff; font-family:MuseoSans-700; padding:0 5px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;    margin:9px 10px 0 10px; float:left;}
 .student-assignment-playlist-box .not-submitted-detail, .top-task-manageplaylist-view .not-submitted-detail{background-color: #f64f45;}
 .student-assignment-playlist-box .submitted-detail, .top-task-manageplaylist-view .submitted-detail{background-color: #f58422;}
.student-assignment-playlist-box .reviewed-detail, .top-task-manageplaylist-view .reviewed-detail{background-color: #56830B;}
.student-assignment-playlist-box .new-label, .top-task-manageplaylist-view .new-label, .class-assignment-header .new-label{background-color: #62a2cc;}

.top-task-step-container .modal-small .modal-bg-white,  .student-itask-popup-selected .modal-small .modal-bg-white{background-color:#fff !important; padding:15px !important; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.modal-header.modal-wrap-head{-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}


#editTopTask .flexible-edit-icon-top-task{min-width:300px; width:auto; padding-right:115px}
#editTopTask .top-task-warning p { padding-right:25px
}

 /*Create Task CSS*/

@media (min-width: 750px) and (max-width: 1000px) {
    .roster_class_ellipsis_trim_1
{
    width: 120px;

}

.top-task-step-container .student-isnt-box-congs {
width: auto;
}

#myModalRenderPlaylistDetails .bx-wrapper .bx-prev, #MissionPlayViewModel .bx-wrapper .bx-prev{
    left: -24px;
    
}

#myModalRenderPlaylistDetails .bx-wrapper .bx-next, #MissionPlayViewModel .bx-wrapper .bx-next{ right: -25px;}


    .playlist-title-container.task-title-validation label.error {right: 374px;
    top: -36px;

    }

      .playlist-title-container.student-instructions-validation label.error {right: 240px;
    top: -36px; width:230px
   
    }



        .top-task-manageplaylist .toptask-ellipsis, .top-task-manageplaylist-view .toptask-ellipsis {

    width:33%; font-size:12px;
}


.top-task-manageplaylist.top-task-manageplaylist-label {
    margin: 10px 0;
}

.playlist-title-editor-block.scoring-radio-ipad-width {
    width: 600px;

}

.add-playlist .select-playlist-ipad-width { width:200px}

}


@media (min-width: 1000px) and (max-width: 1200px) {

    .top-task-manageplaylist .toptask-ellipsis, .top-task-manageplaylist-view .toptask-ellipsis {
        width: 50%;
    }

   

}




.dlaLoad-studenttaskview {

position: absolute;
z-index: 999999;
text-align: center;
width: 100%;
/*background:url(../Content/assets/images/bx_loader.gif) no-repeat center;*/
height:100px;
left:0; top:70px
}

.top-task-step-container .toptask-error-field.enter-score-error { float: right; line-height: 25px; margin-right: 20px;
}


.top-task-warning .close-icon
{
    background: url(../Content/assets/images/sm_close.png) no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    float: right;
    margin: 0px;
}

.plnum-left
{ 
    bottom: 70px;
    right: 137px;
}

.plnum-left-detail-dla
{ 
    bottom: 206px;
    right: 133px;
}


.screen-capture-thumb.active{border:solid 3px #ffd665; width: 99px; height: 54px; }

.screen-capture-thumb.active .aroow-active {


 background:url(../Content/assets/images/iTask/yellow_tic.png);
 position: absolute;
bottom: -20px;
left: 39px;
width:22px; height:19px

}

.screen-capture-container{
    /*border:4px solid #ffd665; 
    border-radius:10px; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;*/ 
    padding:10px; 
    /*margin-top:20px*/
}

.screen-capture-thumb.active .camera-active {
    margin-top: 5px;
}

#myModalRenderPlaylistDetails .site-popup .info-panel-icons-right a.instructions-link { padding:15px; position:absolute; right:52px; top:0; height:20px; color:#fff; font-family:MuseoSans-700; border-left: 1px solid #1c4681;
}


#myModalRenderPlaylistDetails .site-popup .info-panel-icons-right a.instructions-link.active {background-color:#1F619D !important; }


#myModalRenderPlaylistDetails .site-popup .info-panel-icons-right a.instructions-link:hover:after {
    content:none;
    position: absolute; right:0px;  top:0px;
  
}

#MissionPlayViewModel .site-popup .info-panel-icons-right a.instructions-link { padding:15px; position:absolute; right:52px; top:0; height:20px; color:#fff; font-family:MuseoSans-700; border-left: 1px solid #1c4681;
}


#MissionPlayViewModel .site-popup .info-panel-icons-right a.instructions-link.active {background-color:#1F619D !important; }


#MissionPlayViewModel .site-popup .info-panel-icons-right a.instructions-link:hover:after {
    content:none;
    position: absolute; right:0px;  top:0px;
  
}

.top-task-stu-ins {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}

.top-task-step-container.top-task-stu-ins h3{ color: #111f52;
    font-family: MuseoSans-700;
    font-size: 20px;
}

    .top-task-stu-ins .define-task-content {width:80%
    }

#DashboardNotification .dashboard-notif-classes.notinfication-teacher-blue { border:1px solid #e0e1e5; background: #f1f4fa url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px; box-shadow:none}

#StudentDashboardNotification .dashboard-notif-classes.notinfication-teacher-blue { border:1px solid #e0e1e5; background: #f1f4fa url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px; box-shadow:none}

  .modal-large-report {
background-color: transparent;
left: 50%;
margin-left: -500px;
position: fixed;
top: 30px;
width: 1000px;
z-index: 1050;
border-radius:10px;
-mox-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
overflow:hidden
}

.modal-large-report .modal-header-large {
background: url(../Content/assets/images/popup-header-bg.png) repeat;
}


.modal-large-report .modal-content-box {
background:#f3f6fb;
font-family: "MuseoSans-500";
overflow-y: auto;
padding: 18px 24px;
position: relative;
/*max-height: 450px;*/
}



#itemTitlePublisher .close-activity-modal { background: url(../Content/assets/images/close-750-ipad.png) repeat; float:right; width:44px; height:44px; display:block; text-indent:-9999px; margin-top:-5px
}



#PlayActivityWellPopup .popup-header .user-box {
margin-top: 12px;
}


#PlayActivityWellPopup .popup-header {
height: 86px;
}


#PlayActivityWellPopup .popup-header h1.logo a {
  background-position: 4px 10px;
  height: 86px;
}
#PlayActivityWellPopup .activity-info-topbar {margin:20px 20px 20px 60px
}
    .activity-info-topbar .activity-title { font-size:16px
    }

.activity-info-topbar .copyright-text{font-size: 12px; font-family: MuseoSans-500;font-weight: 400;
}

.defend-position-top-bar .view-list ul li.list-view-options  {-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;

}
.top-task-manageplaylist .toptask-ellipsis.toptask-title {

    width:70%;
}

@media (min-width: 750px) and (max-width: 939px) {
     .modal-large-report {
width: 750px;
margin-left:-376px;
}
        .modal-large-report .modal-content-box,#autoScoredPopUp,#autoScoredPopUpModal {
            max-height: 450px;
        }
        #autoScoredPopUpDIvIframe{
max-height: 405px;
        }
.top-task-manageplaylist .toptask-ellipsis.toptask-title {

    width:51%;
}
.defend-position-top-bar{height: auto}     

.student-itask-popup-selected .itask-status { margin-right:0; padding-left:0;}
   
}
@media (min-width: 940px) and (max-width: 1024px) {
     .modal-large-report {
width: 900px;
margin-left: -450px;
}
 .modal-large-report .modal-content-box,#autoScoredPopUp,#autoScoredPopUpModal {
            max-height: 450px;
        }
        #autoScoredPopUpDIvIframe{
max-height: 405px;
        }
.defend-position-top-bar{height: auto}

}


 .student-itask-popup-selected .task-status{background-color:#62a2cc;  color:#fff; font-family:MuseoSans-500; padding:0 5px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;    font-size: 12px;height: 21px; line-height: 21px; display:inline-block; font-weight:normal
 }

.OpenNav .slide {
    margin-right: 10px !important;
}

.text-ellipsis{ max-height:50px; width:100%;word-wrap:break-word }



.top-task-manageplaylist .toptask-ellipsis.toptask-ellipsis-educator {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:88%;padding-right:0
}




/*17-dec-2014 Playlist listview UI - Start*/
.my-playlist-activity {margin: 20px 0px;}

.playlist-activity-container {border:1px solid #ddd; padding:2px 7px; float:right;}
.playlist-activity-container ul li { padding:5px 2px;}
.playlist-activity-container ul li a { font-size:14px; color:#494949; font-family:MuseoSans-500;}
.playlist-activity-container ul li a img { margin-right:3px;}

.my-playlist-certified-content .table {

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; border:0px!important;
    -webkit-box-shadow: 1px 2px 2px 1px #ccc;
    box-shadow: 1px 2px 2px 1px #ccc;

}
.my-playlist-certified-content .table a.blue-link{color: #1b55f5;
    text-decoration: underline;}

#educatorPlaylistListViewDiv .edit-delete-pl-title { margin-right:0px!important; }
#educatorPlaylistListViewDiv .edit-delete-pl-title .load-wrapper {

}
#educatorPlaylistListViewDiv .edit-delete-pl-title .loading-cont {}


.my-playlist-certified-content .table td { border-top:0px;  height: 44px; vertical-align: middle;}

.my-playlist-certified-content .border-bottom {border-bottom: 1px solid #dddddd;}

.my-playlist-certified-content .border-bottom td {}
.my-playlist-certified-content .table-striped tbody > tr.border-bottom:nth-child(odd) > td {background:#f1f4f9!important;}
.my-playlist-certified-content .table-striped th:first-child{ border-left:0px;}
.my-playlist-certified-content .table-bordered th {
border-left: 1px solid #d9bd87; font-size:14px; color:#494949;  font-family:MuseoSans-700;
}
.my-playlist-certified-content .table-bordered { border-collapse: collapse;}
.my-playlist-certified-content .table th {

     background: #ffe7ab url(../Content/assets/images/class-detail-th-bg.png) repeat-x bottom;
    color: #494949;
  
}

.my-playlist-certified-content .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
background-color: #f8f8f8; height:24px;
}
#educatorPlaylistListViewDiv { margin-top:0px;}
#educatorPlaylistListViewDiv .filed-val-info {
    position: absolute;
    right: 0%;
    top: 7px;
}

#educatorPlaylistListViewDiv .edit-delete-pl-title .form-filed {
    margin-top: 6px;

    width: 100%;
}

#educatorPlaylistListViewDiv .list-view-add-content-btn {background: #fff url(../Content/assets/images/iTask/plus-icon.png) no-repeat 8px -45px;
    border: 1px dashed #999999;
    border-radius: 6px;
    color: #011d61 !important;
    font-size: 14px;
    text-shadow:none!important;
    padding: 8px 6px 8px 30px;
    position: relative;
    font-family: museo700;
    text-decoration: none !important;}

#educatorPlaylistListViewDiv .btn-link {color: #1b55f5;
text-decoration: underline; font-weight:normal; padding-left:0px;}
#educatorPlaylistListViewDiv .btn:focus { outline:none!important;}

#educatorPlaylistListViewDiv .btn-link.disabled, .btn-link[disabled] {

background-color: transparent!important;
}

#educatorPlaylistListViewDiv .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
z-index: 2;
outline: none;
}


#educatorPlaylistListViewDiv .btn-group.open .list-view-add-content-btn {
   color:#fff!important;
   text-shadow:none!important;
   background: #63a3cc url(../Content/assets/images/iTask/plus-icon.png) no-repeat 8px 10px!important;
    
}
#educatorPlaylistListViewDiv .btn-pl-blue { text-decoration:none; color:#fff;}

#educatorPlaylistListViewDiv .btn-group.open .dropdown-menu {
    border: 3px solid #63a3cc;
    margin-top: 0px;
    overflow: hidden;
    padding: 0;
    /*width:205px;*/
}

#educatorPlaylistListViewDiv .btn-group.open .dropdown-menu a {  text-decoration: none !important;}

#educatorPlaylistListViewDiv .caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #333;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}

#educatorPlaylistListViewDiv .open .caret {

    border-bottom: 6px solid #fff; border-top:0px;
   
}

#educatorPlaylistListViewDiv .btn-group.open .btn.dropdown-toggle {
    background-color:#63a3cc
}

#educatorPlaylistListViewDiv .view-edit-assign-container {
    padding-top: 0px;
    top: 29px;
}

#anchor_PlaylistModerationOptions{
    background:inherit;
}
#playlistPopupDiv .playListpopup-left-sideBar {border-right: solid 2px #d1d6da; padding:20px 2%; width:45.5%; float:left;}
#playlistPopupDiv .playListpopup-right-sideBar {padding:20px 2%; width:45.5%; float:left;}
#playlistPopupDiv .dla-tag-desc-box { padding-top:0px;}
#playlistPopupDiv ul.description-tags { padding-top:0px;}
 .playListTask-thumbnail-container{}
  .playListTask-thumbnail-container ul li { float:left; margin:5px 3px;}
  .playListTask-thumbnail-container ul li img{ border-radius:2px; width:85px; height:50px;}
  .playListpopup-right-sideBar-grade { float:left; width:45%}
  .playListpopup-right-sideBar-button {float:left; width:45% }

 #playlistPopupDiv .dla-tag-desc-box{width:100%;}
#educatorPlaylistListViewDiv .showPaylistInfo {padding-left:0px;color: #1b55f5;
text-decoration: underline;
white-space:nowrap;
}
#educatorPlaylistListViewDiv .showPaylistAssignement {color: #1b55f5;
text-decoration: underline;white-space:nowrap;
}

#educatorPlaylistListViewDiv .load-overlay-listview{
    width: 55px;
height: 36px;
position: absolute;
border: 1px solid rgb(204, 204, 204);
right: 0px;
top: -1px;
display: none;
padding: 0px 5px 0 5px;
}

#educatorPlaylistListViewDiv  .playlist-error-all-field{
    margin-left: 0px;
}

#educatorPlaylistListViewDiv .playlist-subject-meta-data-list-view{
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#educatorPlaylistListViewDiv .btn-group.open .dropdown-menu a img { max-width:none;}

/*17-dec-2014 Playlist listview UI - End*/

@media (min-width: 1024px) and (max-width: 1200px) {

   .top-task-manageplaylist .toptask-ellipsis.toptask-title {

    width:70%;
}

}

@media (min-width: 1200px) {

 .top-task-manageplaylist .toptask-ellipsis.toptask-title {

    width:79%;
}
}


.pl .task-error-all-field.ckpt-check {top:10px; left:0; float:left; width:auto
}

.chk-scoring .scoring-ena-txt {margin-top:7px; display:inline-block
}

#certifiedMissionContainer .playlist-thumb-box > img, #certifiedPlaylistContainer .playlist-thumb-box > img {height: 60px !important;
width: 80px !important; margin-left: inherit;
margin-right: inherit; min-width: 80px!important;border-radius: 0px;}

#certifiedMissionContainer .playlist-box, #certifiedPlaylistContainer .playlist-box {
width: 194px; margin:0px; padding-top:0px;

}
#certifiedMissionContainer .playlist-thumb-box,#certifiedPlaylistContainer .playlist-thumb-box { height:inherit;}
#certifiedMissionContainer .thumb-caption, #certifiedPlaylistContainer .thumb-caption {
    color: #494949;
    font-size: 14px;
    padding: 0 0px;
    position: absolute;
    top: 5px;
    left: 80px;
    width: 112px;
}

#certifiedMissionContainer .playlist-thumb-box .thumb-caption h5, #certifiedPlaylistContainer .playlist-thumb-box .thumb-caption h5 { padding-bottom:0px; margin-top:0px;
}

#certifiedMissionContainer .slide { margin-right:30px; height:auto;}
 #certifiedPlaylistContainer .slide { margin-right:0px; height:auto;}

#certifiedMissionContainer .playlist-box-title-bar ,#certifiedPlaylistContainer .playlist-box-title-bar {

border-bottom: solid 1px #d5d5d5;
padding:0px;
margin: 0px; background: #ffe7ab url(../Content/assets/images/iTask/big-header-bg.png) repeat-x; height:44px;
border-top: 0px solid #ddd;
}
#certifiedMissionContainer .playlist-box-title-bar h3 ,#certifiedPlaylistContainer .playlist-box-title-bar h3{
font-size: 18px;
line-height: 24px;
font-weight: 700;
margin: 0;
color: #fff;
padding: 11px 0 8px 20px;
font-family: inherit;
display: block;
overflow:hidden;
text-overflow:ellipsis;
width:auto;
white-space:nowrap;
position:absolute; 
width:78%;

}




#certifiedMissionContainer .bx-viewport ,#certifiedPlaylistContainer .bx-viewport{
height: 85px !important;
}


#certifiedMissionContainer .certifiedPlaylistContainer-slider-information ,#certifiedPlaylistContainer .certifiedPlaylistContainer-slider-information {
    border-top: solid 1px #d5d5d5;
    padding: 10px 20px;
    min-height: 23px;
    background-color: #fff;
}



#certifiedMissionContainer .certifiedPlaylistContainer-slider-information .clickPrevent ,#certifiedPlaylistContainer .certifiedPlaylistContainer-slider-information .clickPrevent {color: #1b55f5;
font-size: 16px;
font-family: MuseoSans-700;
font-weight: 700;
display: inline-block; 
text-decoration:underline; 
position:relative; 
z-index:999

}


#certifiedMissionContainer .bx-wrapper .bx-prev ,#certifiedPlaylistContainer .bx-wrapper .bx-prev {
background: url(/Content/assets/images/controls-playlist.png) no-repeat 0 -6px;
}

#certifiedMissionContainer .bx-wrapper .bx-next ,#certifiedPlaylistContainer .bx-wrapper .bx-next {
background: url(/Content/assets/images/controls-playlist.png) no-repeat -43px -6px;
}

#certifiedMissionContainer ul.plylist-opt , #certifiedPlaylistContainer ul.plylist-opt {
float: right;
height: 44px;
border-left: 0px solid #ccc;
background: url(../Content/assets/images/iTask/header-line.png) repeat-y left top;
}

#certifiedMissionContainer ul.plylist-opt li a, #certifiedPlaylistContainer ul.plylist-opt li a {
padding: 17px 0 13px 22px;

}

#certifiedMissionContainer ul.plylist-opt li a.save, #certifiedPlaylistContainer ul.plylist-opt li a.save  {
background-position: -176px -274px;
padding-left: 28px;
padding-top: 14px; font-weight:bold;
background:none;
    background-color: #ffa200!important;
    display: inline-block;
    padding: 2px 4px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px; margin-top:10px;
}
#certifiedMissionContainer ul.plylist-opt li ,#certifiedPlaylistContainer ul.plylist-opt li{ background-image:none;}
#certifiedMissionContainer .bx-wrapper .bx-controls-direction a , #certifiedPlaylistContainer .bx-wrapper .bx-controls-direction a{
position: absolute;
top: 33%;
margin-top: -27px;
outline: 0;
width: 40px;
height: 40px;
text-indent: -9999px;
z-index: 9999;
}

#certifiedMissionContainer .icon-exp ,#certifiedPlaylistContainer .icon-exp {
background: url(/Content/assets/images/icon-expand-coll.png) no-repeat;
width: 17px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
position: relative;
top: -2px;
}

#certifiedMissionContainer .icon-exp.minus ,#certifiedPlaylistContainer .icon-exp.minus {
background-position: 0 -19px;
}


#certifiedMissionContainer .student-playlists-container ,#certifiedPlaylistContainer .student-playlists-container{ padding-top:0px;}

#certifiedMissionContainer .cert-playlist-slider ,#certifiedPlaylistContainer .cert-playlist-slider{
    height: 105px;
    width:92%;
    background-image: none;
    background-color: #f8f8f8;
}


.playlist-dla-block  .task-status-label{   
    height:20px; 
    text-align:center; 
    color:#fff; 
    font-size:12px; 
    font-weight:normal;
    font-family:MuseoSans-700;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin-left:84px;
    margin-right:5px
}

.playlist-dla-block .task-status-label.submitted { background: #f7821f; }

.playlist-dla-block .task-status-label.not-submitted { background: #e15446; }

.playlist-dla-block .task-status-label.reviewed { background: #588202; }

.playlist-dla-block .task-status {
    background-color: #62a2cc;
    color: #fff;
    font-family: MuseoSans-700;
    padding: 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 12px;
    line-height: 18px;
     z-index:9999;
}
.caret-left-pl {
    border-color: transparent;
    border-left-color: #333;
    border-style: solid;
    border-width: 5px 0 5px 5px !important;
    display: inline-block;
}

#itemTitlePublisher .addpl-info-container a{ width:50px; height:50px; display:block; margin-left:10px;
                                                      background: url(../Content/assets/images/iTask/add-to-playlist-sml.png) no-repeat left top; text-indent:-999999px;}
#itemTitlePublisher .addpl-info-container a:hover, #itemTitlePublisher .addpl-info-container a.active{ background-position:right bottom }


.class-assignment-header .label-status ,.mission-assignment-header .label-status {
    font-size: 14px;
    line-height: 20px;
    margin: 2px 7px 0 0;
}


.alert-box-light-blue {
    border: 1px solid #e0e1e5;
    background: #f1f4fa url(../Content/assets/images/small_thunder_bolt.png) no-repeat 8px 11px;
    box-shadow: none;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    position: relative;
    padding: 10px 25px 10px 45px;
    margin-top: 10px;
}
  

 @media (min-width:750px) and (max-width:890px) {


    .defend-pos-col-left .inst-block, .defend-pos-col-right .inst-block, .defend-pos-col-full .inst-block {
        height:201px
    }

    .defend-position-top-bar .defend-pos-right-sec {
        padding-top: 10px;
    }
}

.assignment-header ul li.active-uncheck {
    color: #000;
    float: right;
    font-family: MuseoSans-500;
    font-size: 15px;
    padding: 7px;
    margin-top: -6px;
}

.assignment-header ul li.active-check {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #63a3cc;
    padding: 5px;
    position: relative;
    top: 0;
}

#filterDiv ul.activity-type-list input[type="checkbox"] { margin-top:4px
}
#FindNewWellGridrange .search-by-cc {
    margin-bottom: -20px;
}
#FindNewWellGridrange .grade-block-opt .grade-block  {
    padding: 0px 0px 0px 0px !important;
}
#FindNewWellGridrange  .grade-block-opt {
    border-bottom: none;
    padding-bottom:0
}

.opacityClass05{
opacity: 0.5;
}

ul.cl_crt li a.pro-active {
   
     background-color:#f07865 !important;

}

.left-navigations.addtags-left-menu { float:left; width:210px
}


.info-panel-preview .addedlabel-from-menu {
    margin-top: -33px;
}

.defend-pos-col-left .inst-block p, .defend-pos-col-right .inst-block p, .defend-pos-col-full .inst-block p{margin-bottom:0;
}

.no-search .top-menu{
    padding-right:0px;

}
.no-search .top-menu li:last-child { padding-right:0px;}
.lang-right-position{right:35px;left:auto;}

.dla-modal-iframe-only {width:90%; margin-left:-45%; 
                     
                        border-radius:10px; 
                        -moz-border-radius:10px; 
                        -webkit-border-radius:10px;



                        background: #fff;




border: 4px solid #ffd665 !important;
-webkit-border-radius: 10px 10px 10px 10px!important;
-moz-border-radius: 10px 10px 10px 10px!important;
border-radius: 10px 10px 10px 10px!important;
 padding: 0px;
 margin-top: 10px;
 z-index:9999;
 position:absolute

}


.dla-modal-iframe-only .modal-content-box
{
    background:#fff;
    padding:0;
    font-family: 'MuseoSans-500';
    max-height: none;
    overflow-y: auto;
    position: relative;
}



#FindActivityInPlayWindow .info-panel-preview .description-box-container
{

    border: solid 1px #26549f;
    border-top: none;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}

#myModalRenderPlaylistDetails #FindActivityInPlayWindow ul.description-tags {
    padding-left: 0;
}


#myModalRenderPlaylistDetails #FindActivityInPlayWindow .dla-category-rightcol {
  padding: 20px;
border-left: solid 2px #d1d6da !important;
min-height: 150px;
}

#myModalRenderPlaylistDetails #FindActivityInPlayWindow .input-append .search-field { height:43px
}

#certifiedMissionContainer .bx-wrapper .bx-pager.bx-default-pager ,#certifiedPlaylistContainer .bx-wrapper .bx-pager.bx-default-pager{
    display: inline-block;
}

    #certifiedMissionContainer .bx-wrapper .bx-pager.bx-default-pager a , #certifiedPlaylistContainer .bx-wrapper .bx-pager.bx-default-pager a {
        text-indent: -9999px;
        display: block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        outline: 0;
        background: url(assets/images/slide-pager-bg.png) no-repeat right top;
    }

    #certifiedMissionContainer .bx-wrapper .bx-pager.bx-default-pager a.active , #certifiedPlaylistContainer .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: url(assets/images/slide-pager-bg.png) no-repeat left top;
    }

        #certifiedMissionContainer .bx-pager-item ,#certifiedPlaylistContainer .bx-pager-item {
            display: inline-block;
        }

#certifiedMissionContainer .bx-controls ,#certifiedPlaylistContainer .bx-controls {
    text-align: center;
    margin-top: 15px;
}

.student-playlists-container {
    position:relative;
}
.slider-overlay-image {
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -16px;
    width: 100px;
    z-index: 999;
}

.slider-overlay {
    position: absolute;
    width: 100%;
    height: 150px;
    top: 44px;
    background: #fff;
    z-index: 999;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.class-detail {
    overflow: hidden;
}

#_playlistsFindNew .class-detail {margin-bottom:26px;
}

 .left-col-assignment #class-assignment-container .class-detail {
    margin-bottom: 0;
}

.welcome-modal-inof-block {padding:8px 0
}

.welcome-modal-inof-block .thumb-img-welcome {float:left; margin:2px 18px 0 0
}

.whats-new-in-pml { padding:10px 0; font-size:18px; min-height:77px
}

.whats-new-in-pml .icon-what-new{float:left; margin:2px 20px 0px 24px}

.modal-header .modal-headbar-title { color: #fff;
    font-size: 22px;
    padding: 6px 0 0 20px;
    font-family:MuseoSans-700
}

.whats-new-in-pml p.desc-txt{ 
    padding-top:0px;
    font-size: 17px;
}

.whats-new-in-pml p.desc-txt-first{ padding-top:15px
}

.pl.learnmore-new-inpml {width: 141px; margin: 0px auto; padding: 20px 0px 0px;
}



#playlistpresentationmodal .slide {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}


.modal-medium-screenshots
{
  
}
.modal-medium-screenshots .modal-body {
        background: #fff;
        border-radius:10px; padding:10px;
        box-shadow: 2px 1px 7px #333;
        -mox-box-shadow: 2px 1px 7px #333;
        -webkit-box-shadow: 2px 1px 7px #333;
    }
.modal-medium-screenshots .carousel {
    margin-bottom: 0;
}

.modal-medium-screenshots .carousel-control.right{ background:url(../content/assets/images/arrow1.png) no-repeat; width:41px; height:44px; text-indent:-9999px; border:0;opacity:1; margin-right: 18px; }

.modal-medium-screenshots .carousel-control.left  { background:url(../content/assets/images/arrow2.png) no-repeat; width:41px; height:44px; text-indent:-9999px; border:0;opacity:1
}


.modal-medium-screenshots .carousel-indicators {
position: absolute;
top: 926px;
LEFT: 344px;
z-index: 9999;

}
.modal-medium-screenshots .carousel-indicators li {
display: block;
float: left;
width:20px;
height: 20px;
background-color: #f9b814;
border-radius: 10px;
cursor:pointer; 
margin-left:20px;
-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.85);
-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.85);
box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.85);
}

 .modal-medium-screenshots  .carousel-indicators .active {
background-color: #999;
-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0,0,0,0.85);
-moz-box-shadow: inset 1px 2px 3px 0px rgba(0,0,0,0.85);
box-shadow: inset 1px 2px 3px 0px rgba(0,0,0,0.85);
}

 .modal-medium-screenshots  .modal-close-screens {
    background: url(../content/assets/images/close_circle.png) no-repeat;
    width: 41px;
    height: 44px;
    position: absolute;
    right: 15px;
    top: 15px;
    text-indent:-9999px;
    z-index:9999
}

  .fancybox-close {
    background: url(../content/assets/images/close_circle.png) no-repeat !important;
    width: 41px !important;
    height: 44px !important;
    position: absolute !important;
    right: 22px !important;
    top: 22px !important;
    text-indent:-9999px !important;
    z-index:9999 !important;
 }


    .modal-medium-screenshots .item {
        height:990px;
    }
    
    #certifiedMissionContainer .bx-wrapper .bx-controls-direction a.disabled , #certifiedPlaylistContainer .bx-wrapper .bx-controls-direction a.disabled {
    display:none;
    }

.content_desc ul { 
    list-style-type:disc;
    padding:10px 16px;
    margin:0 0 0 20px     
}

@media (min-width:1400px) and (max-width:2200px) {
    .playlist-dla-title.playlist-dla-title-height.ellipsis-educator {
        height:41px;
    }
    .playlist-dla-title.ellipsis-educator {
        height:40px!important;
    }
}

@media (min-width:760px) and (max-width:1325px) {
    #educatorPlaylistListViewDiv .btn-group.open .dropdown-menu {min-width:135px;}
}

.lng-art .langart-ccss{position: absolute;
top: 3px;
right: 44PX;
}

#nitroCookies {
    display: none;
}

.define-task-content .pltask-view-secion {
    padding-bottom: 10px;
}

.subtitle-not-visible-text {
    color: #494949;
    font-style: italic;
    font-weight: 500;
    font-family: MuseoSans-500;
}

#myModalRenderPlaylistDetails .modal-body.site-popup, #MissionPlayViewModel .modal-body.site-popup {
        overflow: hidden;overflow-y:hidden!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#myModalRenderPlaylistDetails .modal-body.site-popup, #MissionPlayViewModel .modal-body.site-popup {
        overflow-y:visible!important; overflow: visible;
}
}

/*For spanish lang only*/
.espanol-lang {
    padding: 0;
    margin: 0;
}
 .espanol-lang .menu li a.find-content-nav {
        line-height: 18px;
    }

 .espanol-lang p.create-accout {
        width: 800px;
    }



.espanol-lang ul.subject-flyout-sml li a.p-resource {
        height: 29px;
        padding-bottom: 6px;
        padding-top: 7px;
        line-height: 14px;
        padding-right: 60px;
    }


.espanol-lang .pl .dropdown-menu > li > a {
  padding: 8px 5px 8px 33px;
  line-height: 14px;
  white-space: normal;
    position:relative;
}

.espanol-lang  .pl .dropdown-menu > li > a > span.icon-pl {
  position: absolute;
  left: 6px;
  top:12px;
}
.espanol-lang  .math .ccss-icon {
  position: absolute;
  top: 9px;
}

 .espanol-lang  .subject-footer-menu li
    {
        padding: 0 2.2%;
    }

@media (max-width: 1191px) and (min-width: 767px) {
    .espanol-lang p.create-accout {
        width: 448px;
    }
}

@media (max-width: 1023px) and (min-width: 767px) {
     .espanol-lang  .subject-footer-menu li{
       padding: 0 0.8%;
        font-size:12px
   }
}

@media (max-width: 1191px) and (min-width: 1024px) {
     .espanol-lang  .subject-footer-menu li{
       padding: 0 1.3%;
 }
}
/*PML-2913*/
.plnum-left-playlist-ipad-compatible {
   background: url("../Content/assets/images/icon2.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    bottom: -15px;
    margin-bottom: 20px;
    right: -110px;
    text-indent: -9999px;
    /*z-index: 9999;*/
    width:17px;
    height:12px;
    position:absolute;
}
/*PML-2778*/
.screen-block img {
   width: 100%;
}
/*PML-2898*/
.modal-header .modal-title {
    color: #fff;
    font-size: 18px;
    padding: 6px 0 0 10px;
}
.pl .playlist-url {
    border: 1px solid #0a6fb2;
    color: #666;
    height: 30px;
    line-height: 30px;
    position: relative;
}
.pl .playlist-url .link-icon {
    background: url("../Content/assets/images/link-icon.png") no-repeat scroll center center #0a6fb2;
    float: left;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
}
.pl .playlist-url .link-url {
    height: 28px;
    margin-right: 10px;
    overflow: hidden;
    padding-left: 40px;
    white-space: nowrap;
}

.rounded-botton-modal {

-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.45);
box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.45);

}
 a.form-button-yellow
{
    background: url(../Content/assets/images/yellow-round-btn.png) repeat-x;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #e4831c;
    font-family: 'MuseoSans-700';
    font-weight: 300;
    font-size: 20px;
    text-decoration: none;
    padding: 0 20px 0 19px;
    border-left: solid 1px #efb427;
    border-right: solid 1px #efb427;
    border-radius:3px;
    -webkit-border-radius:3px;
    -mox-border-radius:3px; 
    margin:0 10px
}

a.form-button-yellow:hover
    {
        color: #e4831c;
        text-decoration: none;
    }

.modal-box-welcome-info .account-conf-regis-info { text-align:center; margin-top:25px; margin-bottom:15px
}


.account-credintial-sso {
}

.account-credintial-sso h3{ font-size:18px; color:#666}
.account-credintial-sso .signup-note{ width:310px; margin:20px auto 0}
.account-credintial-sso  a.form-button {  color: #e4831c; padding-left:10px; padding-right:10px; float:none; text-decoration:none}


.modal-box-welcome-info .success-info-modal-sso{
     background: url(../Content/assets/images/check-icon.png) no-repeat left 6px;
    padding-left: 32px;
    line-height: 24px;
    font-family: 'MuseoSans-500';
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #494949;
    font-weight: 500;
    margin-top: 5px;
}



.tile_scroll_bind .collapse
{
    background:none;
    width: auto;
    height: auto;
    float: none;
    margin-top: 0;
    margin-right: 0;
    color:#1b55f5
}

.tile_scroll_bind .expand
{
   background:none;
    width: auto;
    height: auto;
    float: none;
    margin-top: 0;
    margin-right: 0;
    background-color:#fff
}


.tile_scroll_bind .accordion-heading .accordion-toggle {
  display: block;
  padding: 4px 15px;
  border-radius: 6px;
   background: url(../Content/assets/images/wizmo-world-arrow.png) no-repeat left 6px;
   margin-left:5px
}

.tile_scroll_bind .accordion-heading .accordion-toggle {
  display: block;
 padding: 4px 15px;
  border-radius: 6px;
   background: url(../Content/assets/images/wizmo-world-arrow.png) no-repeat left -15px; color:#10215c; font-size:16px; font-family:MuseoSans-700; text-decoration:none;
 
}

.tile_scroll_bind .accordion-heading .accordion-toggle.collapsed
{
    background: url(../Content/assets/images/wizmo-world-arrow.png) no-repeat left 7px;
    width: auto;
    height: auto;
    float: none;
    margin-top: 0;
    margin-right: 0;
    color:#10215c;
     
}

    .tile_scroll_bind .accordion-heading .accordion-toggle:hover, .tile_scroll_bind .accordion-heading .accordion-toggle:focus { color:#10215c; 
    }


     .tile_scroll_bind .accordion-inner {

   border-top:0 ; padding-top:0 !important;
   height: 198px;
  overflow-y: auto;
}


   .tile_scroll_bind .simbol-block {margin:2px 3px; height:131px;  border-radius:5px; background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #dddddd));
background: -webkit-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: -o-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: linear-gradient(to bottom, #fbfbfb 0%, #dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dddddd', GradientType=0 );
}

.simbol-block-holder {

height:132px; overflow:auto;
background: -moz-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #dddddd));
background: -webkit-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: -o-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%, #dddddd 100%);
background: linear-gradient(to bottom, #fbfbfb 0%, #dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dddddd', GradientType=0 );border-radius:5px;
}

 .tile_scroll_bind .accordion-group {
    border: 1px solid #999;
}

 .tile_scroll_bind .ee-button i{ font-weight:normal; font-style:normal
}

  .tile_scroll_bind .tooltip {

  background-color: transparent; border:none

}


 .tile_scroll_bind .tooltip-inner {
      
  background-color: #1977b5; font-size:12px

}



 .tile_scroll_bind .tooltip.bottom .tooltip-arrow {

  border-bottom-color: #1977b5;
 
}


 .tooltip.right .tooltip-arrow {

  border-right-color: #1977b5;

}

.tooltip.left .tooltip-arrow {

  border-left-color: #1977b5;

}

.tooltip.top .tooltip-arrow {

  border-top-color: #1977b5;
  
}








.math-editor-block-container {float:right; width:215px; background-color:#d3d3d3; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left:0
}


 .tile_scroll_bind .tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}



#mathtool_addTopTaskStudentInstructions .ee-button {  width: 37px;
}
#mathtool_editTopTaskStudentInstruction .ee-button {  width: 34px;
}
#mathtool_topTaskStudentResponse .ee-button {  width: 34px;
}


.class-leader-board.usagemins {
    position: absolute;
    right: 0px;
}

.form-filed.minGrade {
    width:135px;float:left

}
.minGrade label.valid {
  left: 0px!important;
  top: 60px;
}

.minGrade label.error {
        left: 0px!important;
  top: 60px;
}

.form-filed .addClassRange {
position: absolute;
  left: 100px;
  top: 22px;
  width: 155px;
}
        .form-filed .addClassRange a.class-range-link {
        margin-top: 10px;
        display: inline-block; color:#1b55f5
    }
        .form-filed .addClassRange a#removeRange {
   position: absolute;
  width: 100px;
  /* margin-left: 15px; */
  left: 109px;
  top: 0px;
    }

#classsublebel.valid {
      position: relative;
  left: 0px;
  top: -8px;
  float: left;
}

#classOtherlebel.valid {
      top: 62px;
      left: 0px;
}
.mendatoryClass::before { 
    content: "*";
    position:relative;
    left:-2px;
      color: rgb(190, 0, 0);

}





#divSubjectSelection .subject-aria-block {
    width: 300px;
}


.modal-body.visible-overflow-add-child {overflow:visible; min-height:560px; overflow-y: visible;}
.modal-body.visible-overflow {overflow: visible; overflow-y: visible;}


.form-filed span.note.fnone{float:none
}

.min-max-range-class{
    font-size: 28px;
  position: absolute;
  left: -10px;
  top: -2px;
  color: #777;
}

.hidefirstliclass ul.dropdown-menu li:first-child {
 display: none;
 }

.ellipsis-title.dashboard-assignment-row {
  text-overflow: ellipsis;
  overflow: hidden;
}

.content_desc p img {
    vertical-align: inherit !important
}

a.form-button:active,a.form-button:focus {
    color:#e4831c; text-decoration:none
}
.form-filed label.ssoerror
{
    background: url(../Content/assets/images/cross-icon.png) no-repeat left 6px;
    padding-left: 30px;
    line-height: 15px;
    font-family: 'MuseoSans-300';
    font-size: 13px;
    width: 195px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    left: 360px;
    top: 20px;
    color: #494949;
    font-weight: normal;
}

.mAngle var { vertical-align: 16%; }

.new-font{
  font-family: 'MuseoSans-500'; font-size:16px;
}
.tile_scroll_bind .student-list .collapse
{
    background: url(../Content/assets/images/collapse-expand_icon.png) no-repeat bottom !important;
    width: 21px !important;
    height: 21px;
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

.tile_scroll_bind .student-list .expand
{
    background: url(../Content/assets/images/collapse-expand_icon.png) no-repeat top !important;
    width: 21px !important;
    height: 21px;
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

*, ::before, *::after { box-sizing:content-box;
}
.task-resp-btn-green {
    line-height:20px!important;
}

#tagList span {
    background-color: white;
  display: inline-block;
  padding: 0px;
  border: 1px solid #ccc;
  border-radius: 8px;
  line-height: normal;
  padding: 5px 7px;
  margin-right: 5px;
  color: #000;
  font-family: 'MuseoSans-500';
  margin-bottom: 0px;
  line-height: normal;
  margin: 3px;
}

.topic-and-standered-dropbox a.taglist-selected {
  color: #021e62;
  height: auto;
  background: none;
  border: 1px solid #ccc;
  width: 567px;padding-bottom: 1px; padding-top: 1px;
    padding-left: 35px;
    line-height: 37px;
}
#tagList .caret {border-right-width: 8px;
  border-left-width: 8px;
  border-top-width: 7px;
  position: absolute;
  left: 11px;
  top: 17px;}
#QuestionPopupDiv .modal-header-ques{
    background:#26549f url("../Content/assets/images/popup-header-bg.png") repeat scroll 0 0;
     border-radius: 7px 7px 0 0;
}

.incorrect-correct-response-Feedback-help-tip {
    left: 22px;
    top: -13px;
}
.incorrect-correct-response-Feedback-help-tip p {
    font-weight:200;
    color:black;
}
#addRationaHelpTip.add-Rational-help-tip {
    left: 22px;
    top: -29px;
}

#playListDivInner .playlist-title-container {width: 605px;}
#playListDivInner .btn-create-task-block {
    width: 605px!important;
    margin-top: 15px!important;
    margin: inherit;
}

#playListDivInner .btn-save-checkpoint { float:right}

#playListDivInner .playlist-title-container .bootstrap-select.btn-group{    width: 240px!important;}

#show-check-point .playlist-title-container { width:100%;
}

#admin_student_preview_create_question .admin-student-preview-description-prompt .tags-tooltip-popup {
   position: absolute;
   min-width: 162px;
   left: -50px;
   top: 30px;
   display: none;
   z-index: 99;
}


#admin_student_preview_create_question .admin-student-preview-description-prompt .tags-tooltip-arrowbox {

   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
       top: -12px;
   left: 65px; 
}

#admin_student_preview_create_question .admin-student-preview-description-prompt  ul.description-tags li { height:25px;}

#admin_student_preview_create_question .admin-student-preview-description-prompt .tags-tooltip-content {    bottom: inherit;
   top: 0px;
   left: -91px;
   text-align:left;
}
.margin-zero{
    margin:0px !important;
}
.padding-right{
    padding:30px 30px 10px 0px !important;
}

#playListDivInner .description-box-container {
    background: #fff;

}


#studentPreviewCheckpoint ul.description-tags{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width:64%;
    text-align:left!important;
}

#studentPreviewCheckpoint .student-itask-popup-selected .task-report-block {
 background: #fff;
}



#studentPreviewCheckpoint .close-preview-link{
text-decoration:underline;
}

.info {
    line-height:18px;
}

.select-answer-choice-mce-tinymce-mce-container .mce-tinymce {
border-width:0px!important;
}

.toptask-ellipsis{
     display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:95%
}

.set-Score-From-Top {
    margin-top:-4px;
}

#selectedPlaylistItemDivId ul.description-tags, #PlayActivityWellPopup ul.description-tags { padding-left:11px !important;}
#ActivityInfoPanelPopup .trim_description_3_line_info{min-height: 50px!important;max-height: 100px!important;}
#ques-list-page p {margin: 0px 0px 0px 0px !important}

.disable-link-student-preview-info {
    cursor: not-allowed; 

}
    .disable-link-student-preview-info:hover { background: url(/Content/assets/images/iTask/small_i_off.png) no-repeat left top!important;
    }
   

    .admin-student-preview-description-prompt .tags-tooltip-arrowbox {
    left: 150px;
}

     .admin-student-preview-description-prompt .tags-tooltip-popup {
    
    left: -130px;
  
}

     .answerChoiceRationalFixed {
    position: absolute!important;
    top: -35px!important;
    right: 0px
}

  .answerChoiceRationalOptionalFixed {
    position: absolute!important;
    top: -32px!important;
    right: -2px
}
.nopadding-assignment
{
    padding-top: 0px !important;
}

.admin-student-preview-description-prompt ul.description-tags {
    text-align: left!important;
}

    /* Self Accuracy and Question Detail Popups */

    .modal-content-self-accuracy { padding: 35px;background-color: #fff!important;background-image: none !important;}
    .modal-content-self-accuracy p{margin: 0 0 25px;
    line-height: 18px;}
    .student-self-accuracy-table { text-align: center;line-height: normal; font-family: MuseoSans-500;color: #000; border: 2px solid #ddd; border-right: 1px solid #ddd; }
    .student-self-accuracy-table th { background-color: #ddd;    font-size: 17px;
    font-family: museosans-700;     padding: 5px;
    line-height: 25px; }
    .student-self-accuracy-table td {border-right: 2px solid #ddd; border-bottom: 1px solid #ddd;padding: 5px 10px;}
    .student-self-accuracy-table-yellow td {background-color: #FEFDE4;     border-bottom: 0px;}
    
    .popup-question-detail { background: none!important;}
#multipleChoiceChkPnt .quiz-container .question-number ul li span.option-text-next {
    color: #000;
    font-family: "MuseoSans-500";
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    float: left;
    padding-left: 30px;
    padding-top: 7px;
}

.option-text-active { color: #809645!important;}

.subject-aria-block .dropdown-menu {
 
    padding: 5px 0!important;
    margin: 2px 0 0!important;
 
    border: 1px solid #ccc!important;
    border: 1px solid rgba(0, 0, 0, 0.2)!important;
 
}

.subject-aria-block  .dropdown-menu > li > a {
        padding: 3px 20px!important;
       color: #333333!important;
           line-height: 20px!important;
   border-bottom: solid 0px #dddddd!important;

}

.subject-aria-block  .bootstrap-select.btn-group .dropdown-menu dt {

        background-color: #FFFEDC;
    color: #000;
    font-size: 13px;
}
.subject-aria-block .dropdown-menu .divider {
    height: 0px;
    margin: 9px 1px;margin-bottom: 0px;

    border-bottom: 0px solid #ffffff;
}

@media (min-width: 320px) and (max-width: 960px){
    #site-header{
        display: none!important;
    }
}
.edu-reprot-tabs > li {
    margin-bottom: 0;
    float: left;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0px;
    padding: 9px 10px;
    font-size: 16px;
    background:#C1E6FD ;
}
.edu-reprot-tabs > li.active {
    background:#FFF ;
}
.green-cls{
    background:#9FF781;
}
.red-cls{
    background:#FA5858;
}
.yellow-cls{
background:#FFFF00;
}
/* flip in */
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
 .playlistItemSliderPopUpcls .playlist-tile-dla-slider .active {border: 3px solid #ffd665;
border-radius: 10px;
width: 186px;
height: 62px;
/* margin-right: 15px!important; */
z-index: 99999;margin-left:0px ;overflow:visible;}

 .playlistItemSliderPopUpcls .playlist-tile-dla-slider .active::before {
content:url(../Content/assets/images/iTask/yellow_tic.png);
 position: absolute;
bottom: -26px;
left: 88px;
z-index:0;
}

    .cert-playlist-slider .playlist-tile-dla-slider {
        padding-top:20px;
    }
    #playlist-Info-Dla-image-Div-id a.playlist-dla-close {
	    background: url(/Content/assets/images/playlist-dla-close.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    right: 6px;
    top: 5px;
    z-index: 9999;
    text-indent: 9999px;
}
      span.playlist-dla-close {
	    background: url(/Content/assets/images/playlist-dla-close.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    right: 3px;
    top: 3px;
    z-index: 0;
    text-indent: 9999px;
}

.slide .active {
    border: 3px solid #FFD665;
    border-radius: 10px;
    width: 186px;
    height: 62px;
    z-index: 99999;
}

     .plnumSlidernew {
             background: transparent url("../Content/assets/images/plnun-img.png") no-repeat scroll 0% 0%;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 29px;
    right: 0px;
    text-align: center;
    color: #FFF;
    font-family: "MuseoSans900";
    font-weight: 900;
    line-height: 26px;
}

         .slider_temp div.active::before {
    content: url(../Content/assets/images/iTask/yellow_tic.png);
    position: absolute;
    bottom: -26px;
    left: 88px;
    padding-top: 4px;
    z-index: 0;
}
.margin30Right{
    margin-right:30px;
}   
.margin20Right{
    margin-right:20px;
} 
.margin15Right{
    margin-right:15px;
}   
.marginHideNavigation{
    margin-right:15px !important;
}    
.playlist-dla-container-div{
   position: relative;
        padding: 0;
    max-width: 1300px !important;
}
.slider_temp {
    width: 100%;
    overflow: hidden;
    position: relative;
    transition-duration: 0.001s;
    transform: translate3d(0px, 0px, 0px);
}

/*Slider New*/

    .pml-slider {
            width: 100%;
    padding: 15px 30px;
    position: relative;
    box-sizing: border-box;
    }

    .pml-slider-container {
            width: 100%;

    height: 68px;
    }

    .pml-slider-item {
        float: left;
    margin: 0 13px 5px 13px;
    width: 185px;
    height: 64px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 1px 1px 0 #a5a5a5;
    -webkit-box-shadow: 1px 1px 0 #a5a5a5;
    box-shadow: 1px 1px 0 #E4E4E4;
    border-bottom: solid 1px #c5c6c7;
    border-left: solid 1px #e3e4e4;
    border-top: solid 1px #e3e4e4;
    background: #fff;
    position:relative; 
    }


    .pml-slider-arrow-next {
       background: url(/Content/assets/images/controls-playlist.png) no-repeat -43px -7px;
    position: absolute;
    outline: 0;
    width: 21px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
    right: 8px;
    top: 50%;
    margin-top: -16px;
}

     .pml-slider-arrow-pre {
       background: url(/Content/assets/images/controls-playlist.png) no-repeat -17px -7px;
    position: absolute;
    outline: 0;
    width: 21px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
    left: 8px;
    top: 50%;
    margin-top: -16px;
}
 #playlist-Info-Dla-image-Div-id .bx-next-new,  #myModalRenderPlaylistDetails   .pml-slider-arrow-next {
       background: url(assets/images/itask/arrow_rt.png) no-repeat right top;
    position: absolute;
    outline: 0;
    width: 21px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
    right: 8px;
    top: 50%;
    margin-top: -16px;
}
      #playlist-Info-Dla-image-Div-id .bx-prev-new,  #myModalRenderPlaylistDetails  .pml-slider-arrow-pre {
       background: url(assets/images/itask/arrow_lft.png) no-repeat left top;
    position: absolute;
    outline: 0;
    width: 21px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
    left: 8px;
    top: 50%;
    margin-top: -16px;
}
     .pml-slider-arrow-pre-certified {
    left:-20px !important;
}
     .pml-slider-arrow-pre-playlist {
   left:22px
}
    .thumbnail-img {
        height: 64px;
        width: 70px;
        border-right: 1px solid #B1B2B3;
        min-width: 70px;
    }
    .thumbnail-img-edu{
        width: 80px !important;
        border-radius:6px;
    }
    .pml-slider-content {
    color: #494949;
    font-size: 13px;
    padding: 0 0px;
    position: absolute;
    top: 4px;
    left: 84px;
    width: 90px;   
    line-height: normal;
    }


    .pmlNbr{
    background: url(../Content/assets/images/plnun-img-20.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 2px;
    text-align: center;
    color: #fff;
    font-family: 'MuseoSans-700';
    font-weight: 700;
    line-height: 20px;
    font-size: 13px;
}
    #myModalRenderPlaylistDetails .pml-slider{ padding:0 30px; margin-bottom:12px
    }

    #myModalRenderPlaylistDetails a.pml-item-task-anchor .pml-slider-item {  border: 3px solid #2178b3;
    border-radius: 10px;
    box-shadow: none;
    }
    #myModalRenderPlaylistDetails a.pml-item-task-anchor.active { position:relative; float:left; height: 62px;
    }

      #myModalRenderPlaylistDetails a.pml-item-task-anchor.active .pml-slider-item ,#missionItemSlider .active .pml-slider-item {  border: 3px solid #ffd665;
    border-radius: 10px;
    width: 185px;
    height: 62px;
    z-index: 99;

    }
  

#myModalRenderPlaylistDetails a.pml-item-task-anchor.active::after {
    content: url(../Content/assets/images/iTask/yellow_tic.png);
    position: absolute;
    bottom: -24px!important;
    left: 101px!important;
}
#missionItemSlider a.pml-item-task-anchor.active::after {
    content: url(../Content/assets/images/iTask/yellow_tic.png);
    position: absolute;
    bottom: -24px!important;
    left: 101px!important;
}


    .student-assignment-playlist-box .pml-slider-content {    width: 94px; font-size:13px;
    }
   
    .plnum-left-playlist-ipad-compatible {
    background: url("../Content/assets/images/icon2.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    bottom: -15px;
    margin-bottom: 20px;
    right: 10px;
    text-indent: -9999px;
  
    width: 17px;
    height: 12px;
    position: absolute;
}

 .task-status-label {
    position: absolute;
    bottom: 2px;
    height: 20px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    font-family: MuseoSans-700;
    border-radius: 4px;
    left: 84px;
    background: #ccc;
    width: 97px;
}

#playlist-Info-Dla-image-Div-id .pml-slider-item {
    margin-right:10px
}

#educatorPopUpSlider .pml-slider-item { 
    margin-right: 0px !important;
margin-left: 10px;
}

.playlist-dla-container-div .pml-slider {padding: 0px 30px;
}
.assignment-new-tag {
    height: 11px;
    width: 11px;
    min-width: 11px;
    background-color: transparent;
    padding-left: 0px;
    position: absolute;
    left: 32px;
    top: 6px;
}
.assignment-updated-tag {
    background-color: #62a2cc;
    color: #fff;
    font-family: MuseoSans-700;
    padding: 0 5px;
    border-radius: 4px;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 12px;
    line-height: 18px;
    z-index: 999;
}
.set-ellipsis-title-new {
    width: 95px;right: auto;left: 82px;    position: absolute;top: -6px;width: 102px;font-size: 12px!important;font-weight: normal;line-height: normal;
}
.pml-slider-arrow-next-blue {
background: url(assets/images/itask/arrow_rt.png) no-repeat right top !important;right:55px;
}
.pml-slider-arrow-prev-blue {
   background:  url(/Content/assets/images/itask/arrow_lft.png) no-repeat left top;
}

.active-new {
    border: 3px solid #ffd665;
    border-radius: 10px;
    width: 186px;
    height: 62px;
    z-index: 99999;
}
.pml-slider-visible-overflow{
    overflow:visible !important;
}

.modal-medium-screenshots .item {
    height: 100%!important;
    width: 100%!important;
    z-index:0!important;
        border: 0px solid #FFD665!important;
    border-radius: 0px!important;
}

.pml-anchor {
    color:#1b55f5;
    text-decoration:underline;
}
.pml-anchor:hover{
    color:#1b55f5;
}

.check-point-congrats-alert {
    background-color: #fdfebd;
    padding: 10px;
    color: #000;
    font-size: 15px;
    font-family: museoSans-500;
    width: 500px;
    margin-top: -10px;
    position: relative;
    margin-bottom:15px
}
#check-point-congrats-alert .alert-close {
    right: 11px;
    top: 11px;
}
.checkpoint-saved {
    font-style: italic;
    font-size: 15px;
    top: 3px;
    position: relative;
}
a:hover, a:active, a:focus {
     outline: 0 !important;
}

.vcex-feature-box-content {
    width: 64% !important;
}
.vcex-feature-box.left-content-right-image .vcex-feature-box-media {
    max-height: 200px;
}

.assmnt-rpt-stu-response-wdth p {  
    width: 300px;
    word-wrap: break-word;
}
.assmnt-rpt-stu-response-wdth span {  
    width: 300px;
    word-wrap: break-word;
}
.assmnt-rpt-stu-response-wdth div {  
    width: 300px;
    word-wrap: break-word;
}