@charset "utf-8";

body {
    background-color: #dcdcdc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.grandWrapper {
    background-color: #fff;
    background-image: url(images/bg_pagewrapper.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

.pageWrapper {
    background-color: transparent;
    background-image: url(images/bg_header.gif);
    background-position: 100% 0;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

table, input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

a {
    color: #1c74f8;
}

    a:visited {
        color: #0054a6;
    }

    a:hover {
        color: #5a9af9;
    }

h1, h2, h3, h4, h5, p {
    line-height: 1.3em;
    margin: 5px 0;
    padding: 0;
}

h1, h2, h3 {
    text-transform: capitalize;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 1em;
}

h3.noCamel {
    text-transform: none;
}

.note {
    font-size: 10px;
}

.linkToTop {
    line-height: 12px;
    text-align: right;
}

    .linkToTop a {
        background-image: url(images/icon_upArrow.gif);
        background-position: 100% 50%;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0 10px 0 0;
    }

p.loading {
    background-image: url(images/icon_loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 20px 0;
    width: 100%;
}

p.helpLink {
    margin-bottom: 15px;
}

.helpLink a {
    background-image: url(images/icon_symbol.png);
    background-position: 0 -300px;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
}

.headerWrapper {
    position: relative;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 0;
    z-index: 1;
}
/* height = logo image space, min 65px */
.mainLogoArea {
    background-image: url(images/skills_logo.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    margin: 5px 0 0 10px;
}

    .mainLogoArea a {
        display: block;
        height: 72px;
        width: 360px;
        text-decoration: none;
        text-indent: -9999px;
    }

.userControlArea {
    float: right;
    margin: 0 180px 0 0;
    padding: 0;
    position: relative;
}

    .userControlArea p {
        text-align: right;
    }

.linkLive {
    background-image: url(images/icon_symbol.png);
    background-position: 50px -550px;
    background-repeat: no-repeat;
    border-right: 1px solid #aaa;
    padding-right: 25px;
}

.username {
    background-image: url(images/blt_blueDown.gif);
    background-position: 100% 4px;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding: 0 13px 0 0;
}

    .username:hover {
        background-position: 100% -46px;
    }

.userControlDdMenu {
    background-color: #f6f6f6;
    border: 1px solid #6cb93e;
    list-style-type: none;
    margin: 0;
    padding: 5px 15px;
    position: absolute;
    top: 19px;
    right: 0;
    width: auto;
    display: none;
}
    /* s/h */
    .userControlDdMenu li {
        margin: 5px 0;
        padding: 0;
        white-space: nowrap;
    }

        .userControlDdMenu li.logout {
            margin-top: 20px;
        }

.contentWrapper {
    background-image: url(images/step_bgCurve.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0;
    padding: 55px 0 50px;
    background-color: transparent;
}

.contentWrapperAdmin {
    padding-top: 80px;
}

.stepnavArea {
    position: relative;
}

    .stepnavArea ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .stepnavArea li {
        background-image: url(images/step_bgNumbers.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        display: inline;
        position: absolute;
    }

li.stepnavActive {
    background-position: 0 -68px;
}

.stepnavArea a {
    color: #000;
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

    .stepnavArea a:hover {
        color: #666;
    }

.stepnavOff a, .stepnavOff a:hover {
    cursor: default;
    color: #aaa;
}

.stepnavArea span {
    background-image: url(images/step_numbers.png);
    background-repeat: no-repeat;
    padding: 0 0 0 46px;
}

.step1 {
    top: 19px;
    left: 215px;
    top: -36px;
}

.step2 {
    top: 7px;
    left: 377px;
    top: -48px;
}

.step3 {
    top: 4px;
    left: 560px;
    top: -51px;
}

.step4 {
    top: 6px;
    left: 730px;
    top: -49px;
}

.step1 a {
    width: 140px;
}

.step2 a {
    width: 160px;
}

.step3 a {
    width: 145px;
}

.step4 a {
    width: 150px;
}

.step1link span {
    background-position: 18px 0;
}

.stepnavOff .step1link span {
    background-position: 18px -200px;
}

.step2link span {
    background-position: 15px -50px;
}

.stepnavOff .step2link span {
    background-position: 15px -250px;
}

.step3link span {
    background-position: 16px -100px;
}

.stepnavOff .step3link span {
    background-position: 16px -300px;
}

.step4link span {
    background-position: 16px -150px;
}

.stepnavOff .step4link span {
    background-position: 16px -350px;
}

.stepnavArea li ul {
    background-image: url(images/subnav_bg_stem.png);
    background-repeat: no-repeat;
    display: none;
    margin: 0;
    padding: 8px 0 0;
    position: absolute;
    width: 600px;
    z-index: 100;
}

.stepnavArea li li {
    background-color: #f2fdee;
    background-image: url(images/subnav_bg_boxShadow.png);
    background-position: 0 100%;
    background-repeat: repeat-x;
    display: inline;
    margin: 0 0 0 -3px;
    padding: 14px 20px;
    position: static;
}
    /* 3px? */
    .stepnavArea li li a {
        display: inline;
        font-size: 12px;
    }

ul.step1child {
    background-position: 23px 0;
    left: -10px;
}

ul.step2child {
    background-position: 33px 0;
    left: -20px;
}

ul.step3child {
    background-position: 62px 0;
    left: -50px;
}

ul.step4child {
    background-position: 110px 0;
    left: -100px;
}

.stepnavArea li li.firstItem,
.stepnavArea li li.lastItem {
    background-color: transparent;
    background-image: url(images/subnav_bg_box.png);
    background-repeat: no-repeat;
}

.stepnavArea li li.firstItem {
    background-position: 0 0;
    padding-left: 40px;
}

.stepnavArea li li.lastItem {
    background-position: 100% 0;
    padding-right: 40px;
}

.clientNameArea {
    height: 20px;
    margin: 0 0 10px;
    padding: 0;
}

    .clientNameArea p {
        background-image: url(images/icon_symbol.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        font-size: 1.2em;
        line-height: 18px;
        margin: 0 0 0 75px;
        padding: 3px 0 0;
    }

    .clientNameArea a {
        color: #000;
        text-decoration: none;
        padding: 0 0 0 25px;
    }

        .clientNameArea a:hover {
            color: #666;
        }

.howtoArea {
    margin: 0;
    padding: 0 30px;
    position: relative;
}

.helpLinks {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -30px;
    right: 30px;
}

    .helpLinks a {
        display: block;
        float: right;
        height: 16px;
        margin: 0 0 0 10px;
        padding: 0;
        width: 18px;
        text-indent: -9999px;
    }

.howtoArea .shohiTriggerHowto {
    line-height: 19px;
    margin: -30px 0 0 700px;
    padding: 0;
    position: absolute;
    text-align: right;
    width: 240px;
}

    .howtoArea .shohiTriggerHowto a {
        background-image: url(images/icon_symbol.png);
        background-position: 0 -50px;
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 1px 0 1px 20px;
    }

.howtoLink a {
    margin: 0;
    padding: 2px 0 3px;
}

.howtoContents {
    border: 2px solid #ccc;
    margin: 0;
    min-height: 20px;
    padding: 0 20px 10px;
}

.howtoUtilLinks a {
    background-image: url(images/icon_symbol.png);
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 16px;
    cursor: pointer;
    margin: 5px 15px 0 0;
    padding: 0;
    width: 19px;
}

.howtoUtilLinks .glossaryIcon {
    background-position: 0 -450px;
    width: 16px;
}

.howtoContents h2 {
    margin-top: 15px;
}

*:first-child + html .howtoContents {
    margin-bottom: 55px;
}

.howtoVideoArea {
    margin: 25px 0 0;
}

    .howtoVideoArea .videoMonitor {
        float: left;
        margin: 0;
        height: 270px;
        width: 450px;
    }

.videoText {
    float: left;
    height: 270px;
    margin: 0 0 0 20px;
    overflow: auto;
    padding: 0;
    width: 420px;
}

p.flashDl {
    font-size: 1.3em;
    text-align: center;
    margin: 40px 10px 0;
}

.videoMonitor {
    background-color: #E9E9E9;
    background-image: url(images/logo_mainShort.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    height: 330px;
    margin: 0 auto 50px;
    padding: 0;
    width: 549px;
}

.contentsArea {
    margin: 0;
    min-height: 300px;
    padding: 0 30px;
}

.headerAreaNoColor,
.headerArea {
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin: 0 0 10px;
    padding: 0;
    height: 37px;
}

.headerArea {
    background-color: #f6f6f6;
    border-bottom: 1px solid #6cb93e;
    height: auto;
    padding: 0 10px;
}

    .headerAreaNoColor h2,
    .headerArea h2 {
        background-image: url(images/icon_curriculum22.png);
        background-repeat: no-repeat;
        height: 37px;
        line-height: 37px;
        margin: 0;
        padding: 0 0 0 25px;
    }

h2 .sub {
    font-weight: 400;
    font-size: 0.8em;
}

.default h2 {
    background-position: 0 5px;
    color: #000;
}

.currSoskill h2 {
    background-position: 0 -45px;
    color: #364078;
}

.currMotor h2 {
    background-position: 0 -195px;
    color: #a12829;
}

.currLanguage h2 {
    background-position: 0 -95px;
    color: #385a88;
}

.currAdaptive h2 {
    background-position: 0 -145px;
    color: #2a751f;
}

.currPlay h2 {
    background-position: 0 -245px;
    color: #8d540f;
}

.currExecfunc h2 {
    background-position: 0 -295px;
    color: #47225f;
}

.currCognition h2 {
    background-position: 0 -345px;
    color: #6c0e3e;
}

.currAcademic h2 {
    background-position: 0 -395px;
    color: #aeac1e;
}

.selectArea {
    float: right;
    margin: 10px 0 0;
    padding: 0;
}

    .selectArea label {
        margin: 0 0 0 20px;
    }

.bcNav {
    font-size: 10px;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0;
}

    .bcNav li {
        display: inline;
        line-height: 1.1em;
        margin: 0 5px 0 0;
        padding: 0 15px 0 0;
    }

        .bcNav li.previous {
            background-image: url(images/blt_grayRightArrow.gif);
            background-repeat: no-repeat;
            background-position: 100% 50%;
        }

/* tab navigations */
.tabnav {
    clear: left;
    height: 25px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .tabnav li,
    .tabnav a {
        background-image: url(images/tabs.gif);
        background-repeat: no-repeat;
    }

    .tabnav li {
        background-position: 0 -40px;
        float: left;
        margin: 0 3px 0 0;
        padding: 0 0 0 5px;
    }

    .tabnav a {
        background-position: 100% -40px;
        color: #000;
        display: block;
        height: 25px;
        line-height: 25px;
        margin: 0;
        padding: 0 7px;
        text-align: center;
        text-decoration: none;
        width: auto;
    }

    .tabnav li a:hover {
        color: #5a9af9;
    }

    .tabnav li.active,
    .tabnav li.active a {
        background-image: url(images/bg_tblHeaderCorners.png);
    }

    .tabnav li.active {
        background-color: #6cb93e;
        background-position: 0 0;
    }

        .tabnav li.active a {
            background-position: 100% -100px;
            color: #fff;
            text-decoration: none;
        }
        
        .tabnav li.active2 {
        background-color: #8FB28F;
        }

.tnW130 a {
    width: 120px;
}

.tnWnarrow a {
    width: 90px;
}

.tabnavContent {
    background-color: #f0f6f1;
    border: 1px solid #6cb93e;
    margin: 0;
    padding: 10px 5px;
}

.tabnavContentLinner {
    background-color: #fff;
    background-image: url(images/corners_dashbTabContentTopleft.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}

.statsPageContainer .tabnav {
    position: relative;
}

.tabnav2support {
    clear: left;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    display: none;
}
/* s/h */
.tabnav2level {
    background-color: #f0f6f1;
    border-color: #6cb93e;
    border-style: solid;
    border-width: 1px 1px 0;
    height: 24px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 120px;
    position: absolute;
    display: none;
    width: 818px;
    left: 0;
}
/* s/h */
.active .tabnav2level {
    display: inline;
}

.tabnav2level li,
.tabnav .active .tabnav2level .active,
.tabnav .active .tabnav2level a {
    background-color: transparent;
    background-image: none;
    color: #1c74f8;
    cursor: pointer;
    width: auto;
}

.tabnav2level li {
    margin: 0 30px 0 0;
}

.tabnav .active .tabnav2level a:hover {
    color: #5a9af9;
}

.tabnav .active .tabnav2level .active {
    background-image: url(images/img_navActiveIndicator.gif);
    background-position: 50% 0;
    background-repeat: no-repeat;
}

    .tabnav .active .tabnav2level .active a {
        color: #000;
        cursor: default;
    }

        .tabnav .active .tabnav2level .active a:hover {
            color: #000;
        }

.lessonSearch {
    border-bottom: 1px solid #6cb93e;
    margin: 10px 0 0;
}

.tabContentsContainer {
    background-color: #f0f6f1;
    border: 1px solid #6cb93e;
    margin: 0;
    padding: 10px 5px;
}

.tabContentsArms,
.tabContentsArms div,
.tabContentsLegs,
.tabContentsLegs div {
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 10px;
}

.tabContentsArms,
.tabContentsLegs,
.tabContentsBody {
    background-color: #fff;
}

.tabContentsArms {
    background-image: url(images/corners_dashbTabContentTopLeft.gif);
    background-position: 0 0;
}

    .tabContentsArms div {
        background-image: url(images/corners_dashbTabContentTopRight.gif);
        background-position: 100% 0;
    }

.tabContentsLegs {
    background-image: url(images/corners_dashbTabContentBtmLeft.gif);
    background-position: 0 100%;
}

    .tabContentsLegs div {
        background-image: url(images/corners_dashbTabContentBtmRight.gif);
        background-position: 100% 100%;
    }

.tabContentsBody {
    padding: 1px 10px;
}

/* Dashboard page */
.dashhbLeft {
    float: left;
    width: 280px;
}

.dashbRight {
    float: right;
    width: 650px;
}

.dashbBox {
    background-image: url(images/bg_tblHeaderCorners.png);
    background-position: 100% -100px;
    background-repeat: no-repeat;
    background-color: #6cb93e;
    color: #fff;
    margin: 10px 0 0;
    padding: 0;
}

    .dashbBox h3 {
        background-image: url(images/bg_tblHeaderCorners.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 0;
        padding: 3px 10px;
    }

a.dashbHeaderLink,
a.dashbHeaderLink:visited {
    color: #fff;
    float: right;
    line-height: 1.5em;
    margin: 3px 10px;
    padding: 0;
}

    a.dashbHeaderLink:hover {
        color: #eee;
    }

.dashbBoxContentArea {
    border: 1px solid #6cb93e;
    background-color: #f0f6f1;
    color: #000;
    margin: 0;
    padding: 0;
}

.toolLinks {
    list-style-type: none;
    margin: 15px 10px;
    padding: 0;
}

    .toolLinks li {
        background-image: url(images/blt_greenTriangle.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 0 0 8px;
        padding: 0 0 0 8px;
    }

.tblLayout {
    width: 100%;
    margin: 0;
}

    .tblLayout td {
        border-top: 2px solid #fff;
        padding: 4px 10px;
    }

.cellHeader {
    font-weight: 700;
    width: 30%;
}

.cellInfo {
    width: 70%;
}

.dashbTabsArea {
    background-color: #fff;
    margin: 0;
    padding: 5px 0 0 10px;
    height: 25px;
}

    .dashbTabsArea .tabnav li a {
        width: 110px;
    }

    .dashbTabsArea .tabnav li.active {
        background-color: transparent;
        background-image: url(images/tabs.gif);
        background-position: 0 0;
    }

        .dashbTabsArea .tabnav li.active a {
            color: #000;
        }

.dashbTabsAreaLink {
    text-align: right;
    margin: 0;
    padding: 0;
}

    .dashbTabsAreaLink a {
        background-image: url(images/icon_symbol.png);
        background-position: 0 -250px;
        background-repeat: no-repeat;
        color: #1c74f8;
        display: inline;
        float: right;
        line-height: 16px;
        margin: 0 20px 0 0;
        padding: 1px 0 1px 20px;
        width: auto;
        text-decoration: underline;
    }

.dashbTabContentsArea table {
    background-color: #fff;
    background-image: url(images/corners_dashbTabContentBtmLeft.gif);
    background-position: 0 100%;
    background-repeat: no-repeat;
    display: none;
    margin: 0 auto 10px;
    width: 635px;
}
    /* s/h */
    .dashbTabContentsArea table.active {
        display: table;
    }

    .dashbTabContentsArea table thead th {
        background-color: #f0f6f1;
        padding: 3px 0;
    }

    *:first-child + html .dashbTabContentsArea table.active table, /* tooltip */
    *:first-child + html .dashbTabContentsArea table.active {
        display: block;
    }

.dashbTabContentsArea td {
    border-top: 2px solid #f0f6f1;
    padding: 10px 0;
    text-align: center;
    width: 12%;
}

td.cellprogressCurrName {
    text-align: left;
    width: 23%;
}

.cellprogressCurrName p {
    background-image: url(images/icon_curriculum22.png);
    background-repeat: no-repeat;
    line-height: 22px;
    margin: 0;
    padding: 0;
}

    .cellprogressCurrName p span {
        padding: 0 0 0 30px;
    }

td.cellprogressCurrName a {
    color: #000;
    text-decoration: none;
}

    td.cellprogressCurrName a:hover {
        color: #5a9af9;
    }

.trProgressSocial .cellprogressCurrName p {
    background-position: 5px -50px;
}

.trProgressMotor .cellprogressCurrName p {
    background-position: 5px -200px;
}

.trProgressLanguage .cellprogressCurrName p {
    background-position: 5px -100px;
}

.trProgressAdaptive .cellprogressCurrName p {
    background-position: 5px -150px;
}

.trProgressPlay .cellprogressCurrName p {
    background-position: 5px -250px;
}

.trProgresExective .cellprogressCurrName p {
    background-position: 5px -300px;
}

.trProgressCognition .cellprogressCurrName p {
    background-position: 5px -350px;
}

.trProgressAdademic .cellprogressCurrName p {
    background-position: 5px -400px;
}

.topLeft {
    background-image: url(images/corners_dashbTabContentTopLeft.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.topRight {
    background-image: url(images/corners_dashbTabContentTopRight.gif);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.btmRight {
    background-image: url(images/corners_dashbTabContentBtmRight.gif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

td.cellprogressProgBar {
    width: 17%;
}

.progBarLgArea {
    margin: 0 auto;
    width: 100px;
}

.progBarLg {
    background-color: #eee;
    border: 1px solid #fff;
    float: left;
    font-size: 10px;
    height: 13px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 50px;
    float: right;
}

    .progBarLg span {
        background-position: 0 100%;
        background-repeat: repeat-x;
        display: block;
        height: 100%;
    }

p.progPercent {
    float: left;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    letter-spacing: -1px;
    width: 43px;
}

.trProgressSocial .progBarLg {
    border-color: #424796;
}

.trProgressMotor .progBarLg {
    border-color: #912727;
}

.trProgressLanguage .progBarLg {
    border-color: #2d5d93;
}

.trProgressAdaptive .progBarLg {
    border-color: #347f1b;
}

.trProgressPlay .progBarLg {
    border-color: #8b4e11;
}

.trProgresExective .progBarLg {
    border-color: #775190;
}

.trProgressCognition .progBarLg {
    border-color: #9d1f60;
}

.trProgressAdademic .progBarLg {
    border-color: #aca80e;
}

.trProgressSocial .progBarLg span {
    background-color: #eaecfd;
    background-image: url(images/bg_ProBarSocial.gif);
}

.trProgressMotor .progBarLg span {
    background-color: #fcdddd;
    background-image: url(images/bg_ProBarMotor.gif);
}

.trProgressLanguage .progBarLg span {
    background-color: #ecf4fd;
    background-image: url(images/bg_ProBarLanguage.gif);
}

.trProgressAdaptive .progBarLg span {
    background-color: #e4f7dd;
    background-image: url(images/bg_ProBarAdaptive.gif);
}

.trProgressPlay .progBarLg span {
    background-color: #f7e9d9;
    background-image: url(images/bg_ProBarPlay.gif);
}

.trProgresExective .progBarLg span {
    background-color: #d9d1e4;
    background-image: url(images/bg_ProBarExective.gif);
}

.trProgressCognition .progBarLg span {
    background-color: #fcdddd;
    background-image: url(images/bg_ProBarCognition.gif);
}

.trProgressAdademic .progBarLg span {
    background-color: #fcfcf5;
    background-image: url(images/bg_ProBarAcademic.gif);
}
/* Assessmet search */
.searchContainer {
    margin: 0;
    min-height: 500px;
    padding: 0;
}

.searchBar {
    background-color: #f6f6f6;
    border-bottom: 1px solid #6cb93e;
    height: 40px;
    margin: 0 0 10px;
    padding: 0 10px;
}

.keywordSearch {
    float: left;
    margin: 0;
    padding: 0;
}

.searchBox {
    border: 1px solid #dcdcdc;
    font-size: 17px;
    height: 17px;
    margin: 5px 0;
    padding: 5px;
    width: 330px;
    float: left;
}

.keywordSearch .buttonsArea {
    margin: 10px 0 0 10px;
    float: left;
}

    .keywordSearch .buttonsArea input {
        background-color: transparent;
        background-image: url(images/btn_genericBg080.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        height: 20px;
        line-height: 1em;
        margin: 0;
        padding: 0;
        width: 80px;
    }

        .keywordSearch .buttonsArea input:hover {
            background-position: 0 100%;
        }

.paging {
    float: right;
    list-style-type: none;
    line-height: 12px;
    margin: 15px 0;
    padding: 0;
}

    .paging li {
        float: left;
        margin: 0 0 0 7px;
    }

    .paging a {
        text-decoration: none;
    }

        .paging a.pgCurrent {
            color: #000;
            cursor: default;
        }

    .paging .pNavFirst,
    .paging .pNavLast,
    .paging .pNavPrevious,
    .paging .pNavNext {
        background-image: url(images/btn_pagingNav.gif);
        background-repeat: no-repeat;
        margin: 0;
        padding: 0 3px;
    }

    .paging .pNavFirst {
        background-position: 100% 0;
    }

    .paging .pNavLast {
        background-position: 100% 100%;
    }

    .paging .pNavPrevious {
        background-position: 0 0;
    }

    .paging .pNavNext {
        background-position: 0 100%;
    }

.asSearchLeft {
    float: left;
    width: 200px;
}

.asSearchRight {
    float: right;
    width: 730px;
}

.asSearchResNotFound {
    margin: 30px 50px;
    padding: 0;
}

    .asSearchResNotFound h4 {
        background-image: url(images/icon_symbol.png);
        background-repeat: no-repeat;
        background-position: 0 -348px;
        font-size: 14px;
        margin: 20px 0;
        padding: 0 20px;
    }

.emphNumber {
    font-weight: 700;
    font-size: 1.2em;
    margin: 0 5px 0 0;
    padding: 0;
}

.searchRefineArea {
}
/* display:none; s/h */
.numberOfResult {
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 0;
}

.filerBox,
.filerBox h3 {
    background-image: url(images/bg_tblHeaderCorners.png);
    background-repeat: no-repeat;
    font-size: 12px;
}

.searchRefineArea .filerBox {
    background-color: #6cb93e;
}

.searchPresetArea .filerBox {
    background-color: #dcdcdc;
}

.filerBox {
    background-position: 100% -100px;
    margin: 0 0 10px;
    padding: 0;
}

    .filerBox h3 {
        background-position: 0 0;
        margin: 0;
        padding: 3px 10px;
    }

        .filerBox h3 .smallFont {
            text-transform: lowercase;
            font-size: 0.9em;
            font-weight: 400;
            margin-right: 5px;
        }

.shohideFilterTrigger a {
    font-size: 0.9em;
}

.searchRefineArea h3 {
    color: #fff;
}

.searchRefineArea,
.searchPresetArea {
    margin: 0;
}

    .searchRefineArea .filterBoxContentArea {
        background-color: #f0f6f1;
        border: 1px solid #6cb93e;
    }

    .searchPresetArea .filterBoxContentArea {
        background-color: #fff;
        border: 1px solid #dcdcdc;
    }

.filterBoxContentArea {
    margin: 0;
    padding: 5px 10px;
}

.resultRow {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.rrHeaderLine {
    float: left;
    width: 600px;
}

.resultRow h4 a {
    background-image: url(images/icon_curriculum22.png);
    background-repeat: no-repeat;
    line-height: 22px;
    margin: 0;
    padding: 3px 0 3px 25px;
}

.currSoskill h4 a {
    background-position: 0 -50px;
}

.currMotor h4 a {
    background-position: 0 -200px;
}

.currLanguage h4 a {
    background-position: 0 -100px;
}

.currAdaptive h4 a {
    background-position: 0 -150px;
}

.currPlay h4 a {
    background-position: 0 -250px;
}

.currExecfunc h4 a {
    background-position: 0 -300px;
}

.currCognition h4 a {
    background-position: 0 -350px;
}

.currAcademic h4 a {
    background-position: 0 -400px;
}

.rrHeaderLine p {
    margin-left: 25px;
}

.rrLinks {
    float: right;
    width: 130px;
}

    .rrLinks p {
        text-align: right;
    }

    .rrLinks a,
    .rrLinks .linkCompleted {
        display: block;
        float: right;
        height: 16px;
        margin: 0 0 0 10px;
        padding: 0;
        text-decoration: none;
        width: 16px;
    }

a.linkCompleted {
    color: #000;
}

.assessmentQuestionArea {
    margin: 0 0 0 25px;
    padding: 0;
    width: 705px;
    display: none;
}
/* s/h */
.currSoskill .assessmentQuestionArea {
    background-color: #eaecfd;
}

.currMotor .assessmentQuestionArea {
    background-color: #fceaea;
}

.currLanguage .assessmentQuestionArea {
    background-color: #f0f7ff;
}

.currAdaptive .assessmentQuestionArea {
    background-color: #eeffe7;
}

.currPlay .assessmentQuestionArea {
    background-color: #fff3e6;
}

.currExecfunc .assessmentQuestionArea {
    background-color: #ece5f5;
}

.currCognition .assessmentQuestionArea {
    background-color: #fde8f4;
}

.currAcademic .assessmentQuestionArea {
    background-color: #fefddd;
}

.assessmentQuestionArea table {
    width: 100%;
}

.asTableQuestion {
    padding-left: 10px;
    width: 565px;
}

.assessmentQuestionArea th,
.assessmentQuestionArea td {
    border-bottom: 1px solid #fff;
    font-weight: 400;
}

tfoot .asTableQuestion {
    background-image: url(images/corners_whiteBtmLeft.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.asTableBtn {
    background-image: url(images/corners_whiteBtmRight.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.asTableRadio {
    width: 30px;
    text-align: center;
}

.asTableClear {
    width: 40px;
    text-align: center;
}

    .asTableClear a {
        color: #666;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

        .asTableClear a:hover {
            color: #5a9af9;
        }

.filterArea {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}

.tblHolder {
    clear: left;
    margin: 0;
    padding: 0;
}

.default .tblData01 thead th {
    background-color: #6cb93e;
    color: #fff;
}

.currSoskill .tblData01 thead th {
    background-color: #abafe1;
}

.currMotor .tblData01 thead th {
    background-color: #edb2b2;
}

.currLanguage .tblData01 thead th {
    background-color: #d5e9ff;
}

.currAdaptive .tblData01 thead th {
    background-color: #b9dcab;
}

.currPlay .tblData01 thead th {
    background-color: #ebc296;
}

.currExecfunc .tblData01 thead th {
    background-color: #b69adc;
}

.currCognition .tblData01 thead th {
    background-color: #d09bba;
}

.currAcademic .tblData01 thead th {
    background-color: #f0ed94;
}

.tblData01 {
    margin: 10px 0 20px;
    width: 100%;
}

    .tblData01 thead th {
        padding: 3px 10px;
    }

        .tblData01 thead th.firstCell,
        .tblData01 thead th.lastCell,
        thead th.firstCell,
        thead th.lastCell {
            background-image: url(images/bg_tblHeaderCorners.png);
            background-repeat: no-repeat;
        }

        .tblData01 thead th.firstCell,
        thead th.firstCell {
            background-position: 0 0;
        }

        .tblData01 thead th.lastCell,
        thead th.lastCell {
            background-position: 100% -100px;
        }

    .tblData01 tbody td {
        border-top: 2px solid #fff;
        padding: 10px;
        vertical-align: top;
    }

.default .tblData01 tbody td {
    background-color: #f0f6f1;
}

.currSoskill .tblData01 tbody td {
    background-color: #eaecfd;
}

.currMotor .tblData01 tbody td {
    background-color: #fceaea;
}

.currLanguage .tblData01 tbody td {
    background-color: #f0f7ff;
}

.currAdaptive .tblData01 tbody td {
    background-color: #eeffe7;
}

.currPlay .tblData01 tbody td {
    background-color: #fff3e6;
}

.currExecfunc .tblData01 tbody td {
    background-color: #ece5f5;
}

.currCognition .tblData01 tbody td {
    background-color: #fde8f4;
}

.currAcademic .tblData01 tbody td {
    background-color: #fefddd;
}

.contentsArea .tblData01 .rowHiliteGrey td,
.contentsArea .tblData01 .rowhiliteColored td {
    background-position: 0 100%;
    background-repeat: repeat-x;
}

.contentsArea .tblData01 .rowHiliteGrey td {
    background-color: #fff;
}

.contentsArea .tblData01 .rowHiliteGrey td {
    background-image: url(images/bg_cellHilite_grey.gif);
}

.currSoskill .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_soskills.gif);
}

.currMotor .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_motor.gif);
}

.currLanguage .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_language.gif);
}

.currAdaptive .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_adaptive.gif);
}

.currPlay .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_play.gif);
}

.currExecfunc .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_execfunc.gif);
}

.currCognition .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_cognitive.gif);
}

.currAcademic .rowhiliteColored td {
    background-image: url(images/bg_cellHilite_academic.gif);
}

.tblData01 p {
    margin: 0 0 5px;
}

.linkCompleted {
    background-image: url(images/icon_symbol.png);
    background-repeat: no-repeat;
    background-position: 0 -500px;
    line-height: 17px;
    margin: 0;
    padding: 1px 0 1px 20px;
    white-space: nowrap;
}

.iconBoy, .iconGirl {
    background-image: url(images/icon_gender.png );
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 auto;
    padding: 0;
    width: 16px;
}

.iconBoy {
    background-position: 0 100%;
}

.iconGirl {
    background-position: 0 0;
}

.tblData01 tbody td.cellMastered {
    text-align: right;
    padding-right: 60px;
    width: 60px;
}

.cellProgressbar {
    width: 200px;
}

.progressbarArea {
    background-color: #eee;    
    margin: 0 auto;
    padding: 0;
    /*width: 102px;
    border: 1px solid #999;
    height: 8px;*/
    width: 100px;
    height: 10px;
}

.progressbarArea > div {
    position: relative;
    float: left;
}

.pbAnsYes,
.pbAnsNo,
.pbNoAns,
.pbGeneralized,
.pbMastered {
    float: left;
    height: 10px;
    font-size: 3px;
    line-height: 10px;
    margin: 0;
    padding: 0;
}

.pbAnsYes {
    background-color: #2fbe43;
}

    .pbAnsYes:hover {
        background-color: #21f43f;
    }

.pbAnsNo {
    background-color: #cf6765;
}

    .pbAnsNo:hover {
        background-color: #fb0707;
    }

.pbGeneralized {
    background-color: #3eb4db;
}

    .pbGeneralized:hover {
        background-color: #2df2fe;
    }

.pbNoAns {
    /*background-color: transparent;*/
    background-color: #ccc;
}

.pbMastered {
    background-color: #acd5ac;
}

    .pbMastered:hover {
        background-color: #85b985;
    }

.progressbarArea, .progressbarArea * {
    box-sizing: border-box;
}

.progressbarArea p {
    top: -20px;
    color: #909090;
    display: none;
    font-size: 11px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 180px;
}

/*.progressbarArea div span:hover + p {
    display: block;
}*/

.howtoContents .pbAnsYes,
.howtoContents .pbAnsNo {
    border: 1px solid #999;
    margin: 0.5em 5px 0 0;
    padding: 0;
    width: 30px;
}

*:first-child + html .howtoContents .pbAnsYes,
*:first-child + html .howtoContents .pbAnsNo {
    float: none;
    font-size: 3px;
    height: 3px;
    padding: 0 15px;
}

.showLessonPurpose {
    background-image: url(images/btn_showhideSmall.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 13px;
}

.lessonPurposeShowing {
    background-position: -21px 0;
}

.showLessonPurpose span {
    background-color: #fff;
    text-decoration: underline;
}

.tblTaskStats {
    margin: 5px 0 0 auto;
    width: auto;
}

    .tblTaskStats tbody td {
        padding: 5px;
        text-align: center;
    }

    .tblTaskStats .progressbarArea p {
        text-align: left;
    }

    .tblTaskStats thead th {
        background-color: #efefef;
        padding: 3px 5px;
    }

        .tblTaskStats thead th.firstCell,
        .tblTaskStats thead th.lastCell {
            background-image: url(images/bg_tblHeaderCorners.png);
            background-repeat: no-repeat;
        }

        .tblTaskStats thead th.firstCell {
            background-position: 0 0;
        }

        .tblTaskStats thead th.lastCell {
            background-position: 100% -100px;
        }

    .tblTaskStats tbody td {
        border: 2px solid #eee;
        padding: 5px;
        vertical-align: top;
    }

.statsIconContainer {
    margin: 0;
    width: auto;
}

th .statsIconContainer {
    margin: 0 auto;
    width: 17px;
}

.cellStats .statsIconContainer {
    margin: 0 auto;
    width: 130px;
}

.statsIconContainer span,
.statsIconContainer b,
.statsIconContainer a {
    background-image: url(images/icon_task.png);
    background-repeat: no-repeat;
    color: #484848;
    display: block;
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    letter-spacing: -1px;
    line-height: 16px;
    margin: 0 1px 0 0;
    padding: 0;
    text-align: center;
    width: 16px;
}

.statsAge {
    background-position: 0 -150px;
    color: #545454;
    text-transform: uppercase;
}

.statsActivity {
    background-position: 0 -200px;
    color: #fff;
}

.statsIconContainer b {
    background-image: none;
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
}

.statsTypeFm span {
    background-position: 0 0;
}

.statsTypeEx span {
    background-position: 0 -50px;
}

.statsTypeBb span {
    background-position: 0 -100px;
}

.statsInfo {
    background-position: 0 -200px;
}

    .statsInfo:hover {
        background-position: 0 -250px;
    }

.statsVideo {
    background-position: 0 -300px;
}

    .statsVideo:hover {
        background-position: 0 -350px;
    }

.statsVideoNone, .statsVideoNone:hover {
    background-position: 0 -400px;
    cursor: default;
}

.statsStarred {
    background-position: 0 -450px;
}

    .statsStarred:hover {
        background-position: 0 -500px;
    }

.statsStarredNone {
    background-position: 0 -550px;
}

    .statsStarredNone:hover {
        background-position: 0 -600px;
    }

.statsStarredDisabled {
    background-position: 0 -550px;
    cursor: default;
}

.tableTitleArea h3 {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.taskLessonPurposeArea p {
    margin: 0;
    padding: 2px 5px;
    width: 570px;
}

.taskLessonPurposeArea span {
    font-weight: 700;
    margin-right: 5px;
}

.tblData01 td.cellLessonName {
    background-image: url(images/icon_curriculum22.png);
    background-repeat: no-repeat;
    margin: 0;
    padding-bottom: 0;
}

.lesnamCurSocial .cellLessonName {
    background-position: 10px -42px;
}

.lesnamCurMotor .cellLessonName {
    background-position: 10px -192px;
}

.lesnamCurLanguage .cellLessonName {
    background-position: 10px -92px;
}

.lesnamCurAdaptive .cellLessonName {
    background-position: 10px -142px;
}

.lesnamCurPlay .cellLessonName {
    background-position: 10px -242px;
}

.lesnamCurExecutive .cellLessonName {
    background-position: 10px -292px;
}

.lesnamCurCognitive .cellLessonName {
    background-position: 10px -342px;
}

.lesnamCurAcademic .cellLessonName {
    background-position: 10px -392px;
}

.cellLessonName h4 {
    height: 22px;
    padding: 0;
    margin: 0;
}

    .cellLessonName h4 span {
        padding: 0 0 0 30px;
    }

.cellLessonName p {
    margin: 5px 0 0;
    width: 350px;
}

.curDetails {
    padding: 0 0 7px 30px;
}

.default .curDetails {
    background-color: #f0f6f1;
}

.currSoskill .curDetails {
    background-color: #eaecfd;
}

.currMotor .curDetails {
    background-color: #fceaea;
}

.currLanguage .curDetails {
    background-color: #f0f7ff;
}

.currAdaptive .curDetails {
    background-color: #eeffe7;
}

.currPlay .curDetails {
    background-color: #fff3e6;
}

.currExecfunc .curDetails {
    background-color: #ece5f5;
}

.currCognition .curDetails {
    background-color: #fde8f4;
}

.currAcademic .curDetails {
    background-color: #fefddd;
}

.default td.hiliter .curDetails {
    background-color: #f4f9f5;
}

.currSoskill td.hiliter .curDetails {
    background-color: #eef0fe;
}

.currMotor td.hiliter .curDetails {
    background-color: #fdf0f0;
}

.currLanguage td.hiliter .curDetails {
    background-color: #f4f9ff;
}

.currAdaptive td.hiliter .curDetails {
    background-color: #f3ffee;
}

.currPlay td.hiliter .curDetails {
    background-color: #fff7ed;
}

.currExecfunc td.hiliter .curDetails {
    background-color: #f2edf8;
}

.currCognition td.hiliter .curDetails {
    background-color: #feeff7;
}

.currAcademic td.hiliter .curDetails {
    background-color: #fefee7;
}

.cellLinkStart a {
    background-image: url(images/blt_currColor.gif);
    background-repeat: no-repeat;
    display: block;
    padding-left: 15px;
    white-space: nowrap;
}

.lesnamCurSocial .cellLinkStart a {
    background-position: -10px -345px;
}

.lesnamCurMotor .cellLinkStart a {
    background-position: -10px -95px;
}

.lesnamCurLanguage .cellLinkStart a {
    background-position: -10px -195px;
}

.lesnamCurAdaptive .cellLinkStart a {
    background-position: -10px -145px;
}

.lesnamCurPlay .cellLinkStart a {
    background-position: -10px -295px;
}

.lesnamCurExecutive .cellLinkStart a {
    background-position: -10px -45px;
}

.lesnamCurCognitive .cellLinkStart a {
    background-position: -10px -245px;
}

.lesnamCurAcademic .cellLinkStart a {
    background-position: -10px 5px;
}

.lesnamCurSocial .cellLinkStart a:hover {
    background-position: 0 -370px;
}

.lesnamCurMotor .cellLinkStart a:hover {
    background-position: 0 -120px;
}

.lesnamCurLanguage .cellLinkStart a:hover {
    background-position: 0 -220px;
}

.lesnamCurAdaptive .cellLinkStart a:hover {
    background-position: 0 -170px;
}

.lesnamCurPlay .cellLinkStart a:hover {
    background-position: 0 -320px;
}

.lesnamCurExecutive .cellLinkStart a:hover {
    background-position: 0 -70px;
}

.lesnamCurCognitive .cellLinkStart a:hover {
    background-position: 0 -270px;
}

.lesnamCurAcademic .cellLinkStart a:hover {
    background-position: 0 -20px;
}

.cellWController150 p,
.cellWController200 p,
.cellWController300 p {
    margin: 0;
}

.cellWController150 p {
    width: 150px;
}

.cellWController200 p {
    width: 200px;
}

.cellWController300 p {
    width: 300px;
}

.cellWController200m p {
    width: 200px;
}

.cellWController300m p {
    width: 300px;
}

.cellWController450m p {
    width: 450px;
}

.cellWController550m p {
    width: 550px;
}

.cellWController600m p {
    width: 600px;
}

.cellWController750m p {
    width: 750px;
}

.msgArea {
    background-image: url(images/icon_checkLg.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 10px 0 50px;
    padding: 12px 0 3px;
}

    .msgArea p {
        background-image: url(images/icon_curriculum22.png);
        background-repeat: no-repeat;
        margin: 0 20px;
        padding: 3px 0 3px 30px;
    }

.default .msgArea p {
    background-position: 9px 0;
}

.currSoskill .msgArea p {
    background-position: 0 -50px;
}

.currMotor .msgArea p {
    background-position: 0 -200px;
}

.currLanguage .msgArea p {
    background-position: 0 -100px;
}

.currAdaptive .msgArea p {
    background-position: 0 -150px;
}

.currPlay .msgArea p {
    background-position: 0 -251px;
}

.currExecfunc .msgArea p {
    background-position: 0 -300px;
}

.currCognition .msgArea p {
    background-position: 0 -350px;
}

.currAcademic .msgArea p {
    background-position: 0 -400px;
}


.formSection {
    overflow: hidden;
    width: auto;
}

.shohiContents .formSection {
    position: relative;
}

.fmLine {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 600px;
}

.fmI01,
.fmI02 {
    float: left;
    position: relative;
    left: 500px;
    margin: 0;
}

.fmI01 {
    margin: 0 0 0 -500px;
    padding: 0 0 10px 0;
    text-align: right;
    width: 200px;
}

.fmI02 {
    margin: 0 0 0 -300px;
    padding: 0 0 10px 0;
    width: 300px;
}

.fmWider .fmLine {
    width: 100%;
}

.fmWider .fmI01 {
    left: 100%;
    margin-left: -100%;
    width: 35%;
}

.fmWider .fmI02 {
    left: 100%;
    margin-left: -65%;
    width: 65%;
}

.required {
    background-image: url(images/icon_symbol.png);
    background-position: 100% -200px;
    background-repeat: no-repeat;
}

.fmI01 label {
    line-height: 1.1em;
    padding: 3px 15px 0 0;
    display: block;
}

.fmI02 .error {
    display: block;
    padding-left: 5px;
    position: absolute;
}

.fmI02 label {
    margin-right: 30px;
}
/* verify if this is in use */
p.required {
    background-position: 0 -200px;
    padding-left: 15px;
}


.formArea {
    float: left;
    height: auto;
    margin: 15px 15px 15px 0;
    padding: 0;
}

.required {
    background-image: url(images/icon_symbol.png);
    background-position: 100% -200px;
    background-repeat: no-repeat;
}

p.required {
    background-position: 0 -200px;
    padding-left: 15px;
}

.formRow label,
.formRow .inputArea {
    float: left;
    line-height: 21px;
}

.inputArea .formNote {
    font-size: 0.9em;
    line-height: 1.1em;
    margin-top: 0;
}

.formRow label {
    display: block;
    margin: 0;
    padding: 0 15px;
    text-align: right;
    width: 180px;
}

.formRow .inputArea label {
    display: inline;
    float: none;
    padding: 0 30px 0 0;
    width: auto;
}

.formWider,
.formNarrower,
.formNarrowerer {
    float: none;
    width: 100%;
}

    .formNarrower label {
        width: 200px;
    }

    .formNarrowerer label {
        width: 70px;
    }

    .formWider label {
        width: 35%;
    }

    .formWider .inputArea {
        width: 60%;
    }

.inputShort {
    width: 30px;
}

.inputMed {
    width: 150px;
}

.inputLong {
    width: 300px;
}

.inputMedShort {
    width: 80px;
}

.inputMedLong {
    width: 125px;
}

.inputareaSmall {
    width: 230px;
    height: 50px;
}

.inputareaMedium {
    width: 500px;
    height: 150px;
}

.formLeg {
    clear: both;
    display: block;
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    padding: 10px 0;
}

.shoDiaInfo {
    margin-left: 360px;
}

/* Activity Guide page */
.actGuiLeft {
    float: left;
}

.actGuiLeftInfo {
    background-color: #f0f6f1;
    background-image: url(images/corners_200top.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 200px;
    margin: 0;
    padding: 0;
}

.actGuiLeftInfoLiner {
    background-image: url(images/corners_200btm.gif);
    background-position: 0 100%;
    background-repeat: no-repeat;
    margin: 0;
    padding: 20px 10px;
    width: 100%;
}

.tblactGuiLeftInfo {
    margin: 0 0 10px;
    width: 180px;
}

    .tblactGuiLeftInfo td {
        padding: 5px 0;
        vertical-align: top;
    }

    .tblactGuiLeftInfo h4 {
        margin: 0;
    }

    .tblactGuiLeftInfo p {
        margin: 0 0 5px;
    }

    .tblactGuiLeftInfo .trProgressSocial td, .tblactGuiLeftInfo .trProgressMotor td, .tblactGuiLeftInfo .trProgressLanguage td, .tblactGuiLeftInfo .trProgressAdaptive td, .tblactGuiLeftInfo .trProgressPlay td, .tblactGuiLeftInfo .trProgresExective td, .tblactGuiLeftInfo .trProgressCognition td, .tblactGuiLeftInfo .trProgressAdademic td {
        background-image: url(images/icon_curriculum22.png);
        background-repeat: no-repeat;
    }

    .tblactGuiLeftInfo .trProgressSocial td {
        background-position: 100% -40px;
    }

    .tblactGuiLeftInfo .trProgressMotor td {
        background-position: 100% -190px;
    }

    .tblactGuiLeftInfo .trProgressLanguage td {
        background-position: 100% -90px;
    }

    .tblactGuiLeftInfo .trProgressAdaptive td {
        background-position: 100% -140px;
    }

    .tblactGuiLeftInfo .trProgressPlay td {
        background-position: 100% -240px;
    }

    .tblactGuiLeftInfo .trProgresExective td {
        background-position: 100% -290px;
    }

    .tblactGuiLeftInfo .trProgressCognition td {
        background-position: 100% -340px;
    }

    .tblactGuiLeftInfo .trProgressAdademic td {
        background-position: 100% -390px;
    }

.actGuiLeft .toolLinks {
    width: 180px;
}

.actGuiRight {
    float: right;
    width: 730px;
}

.activityTabContent {
    background-color: #f0f6f1;
    border: 1px solid #6cb93e;
    margin: 0;
    padding: 10px 5px;
    width: 708px;
}

.activityTabContentLinner {
    background-color: #fff;
    background-image: url(images/corners_dashbTabContentTopleft.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}

p.utilityLinks {
    background-image: url(images/corners_dashbTabContentTopRight.gif);
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: 15px;
    margin: 0 0 -5px;
    padding: 5px 10px 0 0;
    text-align: right;
}

.dataLink,
.printLink,
.generateLink {
    background-image: url(images/icon_utility.gif);
    background-repeat: no-repeat;
    margin: 0 0 0 15px;
    padding: 1px 0 1px 18px;
}

.dataLink {
    background-position: 0 -400px;
}

.printLink {
    background-position: 0 0;
}

.generateLink {
    background-position: 0 -150px;
}

.helpLink {
    background-position: 0 -300px;
}

.glossaryIcon,
.helpIcon {
    background-image: url(images/icon_symbol.png);
    background-position: 0 -450px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 15px;
    padding: 1px 0 1px 18px;
    text-decoration: underline;
}

.glossaryIcon {
    background-position: 0 -450px;
}

.helpIcon {
    background-position: 0 -300px;
}

.activityTabBelly {
    padding: 0 10px 0 0;
}

    .activityTabBelly h4 {
        margin-bottom: 0;
    }

    .activityTabBelly li {
        margin-bottom: 5px;
    }

.activityTabContentLeg {
    background-color: #fff;
    background-image: url(images/corners_dashbTabContentBtmLeft.gif);
    background-position: 0 100%;
    background-repeat: no-repeat;
}

    .activityTabContentLeg div {
        background-image: url(images/corners_dashbTabContentBtmRight.gif);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        padding: 5px 0;
        height: 1px;
        width: 100%;
    }
/* height needed for IEs */
.actGuiSection {
    margin: 0 0 20px 30px;
    padding: 0;
}

    .actGuiSection ul {
        margin: 0;
        padding: 0 0 0 15px;
    }

    .actGuiSection ol {
        margin: 0;
        padding: 0 0 0 20px;
    }

    *:first-child + html .actGuiSection ol {
        padding: 0 0 0 25px;
    }

    .actGuiSection ul.noBullet {
        list-style-type: none;
        padding: 0;
    }

.tblPrompt td {
    padding: 5px 16px;
}

.tblPrompt .active {
    background-image: url(images/icon_checkSm.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.txOr {
    margin: 0 0 0 16px;
}

td.cellNumbering {
    padding-left: 0;
}

.cellCustPrompt input {
    width: 200px;
}

.cellDelay input {
    width: 30px;
}

.inlineDdl label {
    margin-right: 10px;
}

p.docLinkPdf {
    margin: 3px 0;
}

ul.docLinkPdf {
    margin: 10px 20px;
    padding: 0;
}

.docLinkPdf li {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
}

.docLinkPdf a {
    background-image: url(images/icon_pdf.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 18px;
}

.linkGetReader {
    float: right;
    margin: 0;
    padding: 0;
}

    .linkGetReader a {
        background-image: url(images/banner_GetAdobeReader.gif);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        display: block;
        height: 33px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 112px;
    }

.pdfLinksSection {
    margin: 10px 0 0;
}

    .pdfLinksSection .linkGetReader {
        float: none;
    }

    .pdfLinksSection a {
        margin: 0 0 0 auto;
    }

.exemplar2col,
.exemplar6col {
    border-bottom: 2px solid #d0e2ca;
    margin: 0 0 15px;
}

    .exemplar2col table,
    .exemplar6col table {
        border-bottom: 1px solid #d0e2ca;
        margin: 0;
        width: 100%;
    }

    .exemplar2col thead th,
    .exemplar6col thead th {
        background-color: #f0f6f1;
        border-top: 2px solid #d0e2ca;
        border-bottom: 1px solid #ddd;
        padding: 2px 0 2px 2px;
    }

        .exemplar2col thead th.cuarto01,
        .exemplar6col thead th.cuarto01 {
            padding-left: 30px;
            text-align: left;
            line-height:25px;
        }

    .exemplar2col tbody td p,
    .exemplar6col tbody td p {
        padding-right: 5px;
    }

    .exemplar2col td,
    .exemplar6col td {
        border-color: #ddd;
        border-style: solid;
        border-width: 1px 0;
        padding: 0;
        vertical-align: top;
    }

    .exemplar2col ul,
    .exemplar6col ul {
        margin: 5px 0;
        padding: 0 0 0 15px;
    }

    .exemplar2col .cuarto01,
    .exemplar6col .cuarto01 {
        padding-left: 2px;
    }

    .exemplar2col td.cuarto02,
    .exemplar6col td.cuarto06 {
        padding: 0;
        text-align: right;
    }

.exeEditHeader {
    margin: 0 0 0 auto;
    padding: 0;
    text-align: right;
    width: 103px;
}

.headStatus {
    float: left;
}

.exeEdit {
    margin: 2px 0 2px auto;
    padding: 0;
    width: 103px;
}

    .exeEdit a {
        float: right;
        height: 16px;
        width: 16px;
        margin-top: 4px;
        padding: 0;
        text-decoration: none;
    }

    .exeEdit p {
        float: left;
        font-size: 0.9em;
        line-height: 16px;
        text-align: left;
        margin: 3px 0 0;
        padding: 0;
        width: 78px;
    }

        .exeEdit p a,
        .exeEdit p a:visited {
            color: #000;
            float: none;
        }

            .exeEdit p a:hover {
                color: #5a9af9;
                text-decoration: underline;
            }

.txtExemplarDate, .txtStepsDate {
    border: 1px solid #c1d5c0;
    font-size: 12px;
    height: 16px;
    margin: 0 0 0 3px;
    padding: 0;
    width: 55px;
}

.txtDate {
    width: 65px;
}

.cbExemplar, .cbSteps {
    border: none;
    margin: 0;
    padding: 0;
    width: 12px;
}

.activityTabBelly input.dp-applied {
    width: 65px;
}

.activityTabBelly a.dp-choose-date {
    margin: 2px 0 0 3px;
    text-indent: 50px;
}

.exempNoNeed {
    display: none;
}

.checkedBullet {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}

    .checkedBullet li {
        background-image: url(images/blt_checkbox.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 0 0 10px;
        padding: 0 0 0 18px;
    }

.linksStatus {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}

    .linksStatus li {
        margin: 0;
        padding: 0 0 10px;
        float: right;
        margin-left: 30px;
    }

.showhideBox {
    display: none;
}
/**/

.btnDefault {
    background: url(images/btn_generic.gif) 0 0 repeat-x;
    border: 1px solid #c2bfbf;
    color: #000;
    font-size: 12px;
    margin: 0;
    padding: 2px 20px;
    text-decoration: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .btnDefault:hover {
        background-position: 0 -50px;
        color: #000;
    }

.buttonsArea {
    margin: 10px 0;
    padding: 0;
}

    .buttonsArea a {
        background-image: url(images/btn_genericBg.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        color: #000;
        font-size: 12px;
        margin: 0;
        padding: 3px 0 3px 20px;
        text-decoration: none;
    }

    *:first-child + html .buttonsArea a {
        padding-top: 0;
    }

        .buttonsArea a span {
            background-image: url(images/btn_genericBg.gif);
            background-position: 100% -100px;
            background-repeat: no-repeat;
            line-height: 20px;
            margin: 0;
            padding: 3px 20px 3px 0;
        }

        .buttonsArea a.btnNext span {
            background-image: url(images/btn_next.gif);
            padding-right: 25px;
        }

        .buttonsArea a:hover {
            background-position: 0 -50px;
        }

            .buttonsArea a:hover span {
                background-position: 100% -150px;
            }

        .buttonsArea a.disabled {
            background-position: 0 -50px;
            color: #999;
        }

            .buttonsArea a.disabled span {
                background-position: 100% -150px;
            }

        .buttonsArea a.loading {
            background-image: url(images/icon_loader.gif);
            background-position: 5px 50%;
            background-repeat: no-repeat;
            color: #999;
            padding-left: 25px;
        }

        .buttonsArea a.secondary {
            background-image: none;
            border: none;
            color: #1c74f8;
            text-decoration: underline;
        }

            .buttonsArea a.secondary:hover {
                color: #5a9af9;
            }

.rightShoulder {
    height: 8px;
    margin: 5px 0 0;
    padding: 0;
    position: relative;
}

    .rightShoulder p {
        margin-top: 10px;
        position: absolute;
        right: 0;
    }

.msgNotFoundExe {
    margin: 50px 0;
}

h3.short {
    width: 480px;
}

p.btnNavTo2,
p.btnNavTo3,
p.btnNavTo4 {
    margin: 30px 0 10px;
    padding: 0;
    text-align: right;
}

p.btnNavTo2top {
    margin: -35px 0 -5px auto;
}

a.btnNavLinkCont {
    background-image: url(images/btn_nextLeft.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 12px;
    margin: 0;
    padding: 10px 0 10px 6px;
    text-decoration: none;
}

    a.btnNavLinkCont:hover {
        background-position: 0 -42px;
    }

    a.btnNavLinkCont span {
        background-position: 100% 0;
        background-repeat: no-repeat;
        color: #000;
        line-height: 36px;
        margin: 0;
        padding: 10px 55px 10px 10px;
        text-decoration: none;
    }

    a.btnNavLinkCont:hover span {
        background-position: 100% -50px;
    }

.btnNavTo2 span {
    background-image: url(images/btn_next2.gif);
}

.btnNavTo3 span {
    background-image: url(images/btn_next3.gif);
}

.btnNavTo4 span {
    background-image: url(images/btn_next4.gif);
}

*:first-child + html a.btnNavLinkCont {
    padding-top: 0;
}

a.btnNavLinkPrev {
    background-image: url(images/arrow_leftPrevious.gif);
    background-position: 0 60%;
    background-repeat: no-repeat;
    float: left;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0 0 0 15px;
    text-decoration: underline;
}

a.btnNavLinkPrev2 {
    background-image: url(images/arrow_leftPrevious.gif);
    background-position: 0 60%;
    background-repeat: no-repeat;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0 0 0 15px;
    text-decoration: underline;
}

p.qLeft {
    text-align: left;
}

    p.qLeft span {
        font-weight: 700;
        color: #CC243E;
        font-size: 1.3em;
        margin: 0 3px;
        padding: 0;
    }

/* global */
.default table td.hiliter {
    background-color: #f4f9f5;
}

.currSoskill table td.hiliter {
    background-color: #eef0fe;
}

.currMotor table td.hiliter {
    background-color: #fdf0f0;
}

.currLanguage table td.hiliter {
    background-color: #f4f9ff;
}

.currAdaptive table td.hiliter {
    background-color: #f3ffee;
}

.currPlay table td.hiliter {
    background-color: #fff7ed;
}

.currExecfunc table td.hiliter {
    background-color: #f2edf8;
}

.currCognition table td.hiliter {
    background-color: #feeff7;
}

.currAcademic table td.hiliter {
    background-color: #fefee7;
}

.txWarning,
.txWarningSho {
    background-image: url(images/icon_symbol.png);
    background-position: 0 -348px;
    background-repeat: no-repeat;
    padding-left: 16px;
}

.txWarning {
    display: none;
}
/* s/h */
.txError {
    color: #e2232a;
    font-size: 11px;
    font-weight: 700;
    line-height: 12px;
    margin: 0;
    padding: 1px 0;
    white-space: nowrap;
    display: none;
}
/* s/h */
span.txError {
    margin-left: 5px;
}

.error {
    color: #e2232a;
    font-size: 11px;
    font-weight: 700;
    line-height: 12px;
}

.clearBlock {
    clear: both;
    display: block;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
}

.selectCompletedCurr {
    color: #aaa;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.txNoBreak {
    white-space: nowrap;
}

.preloader01, .preloader02 {
    position: absolute;
    top: -1000px;
}

.preloader01 {
    background-image: url(images/tooltip_corners.png);
}

.preloader02 {
    background-image: url(images/tooltip_body.png);
}

.bulletLink a {
    background-image: url(images/blt_greenTriangle.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 8px;
}

.linkExternal,
.linkPopup {
    background-image: url(images/icon_utility.gif);
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 12px;
    margin-left: 5px;
    padding: 0 6px;
}

.linkExternal {
    background-position: 0 -299px;
}

.linkPopup {
    background-position: 0 -347px;
}

.sortLinkDown, .sortLinkUp {
    background-image: url(images/icon_sorting.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 0 3px;
    padding: 0 5px;
    text-decoration: none;
}

.sortLinkDown {
    background-position: 0 100%;
}

.sortLinkUp {
    background-position: 0 0;
}

/* icons */
.lnkVideo, .icoLnkInfo {
    background-image: url(images/icon_task.gif);
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 1px 20px 1px 0;
    white-space: nowrap;
}

.icoLnkInfo {
    font-size: 16px;
    padding: 0 6px;
    text-decoration: none;
}

.lnkVideo {
    background-position: 100% -300px;
}

    .lnkVideo:hover {
        background-position: 100% -350px;
    }

.icoLnkInfo {
    background-position: 100% -200px;
}

    .icoLnkInfo:hover {
        background-position: 100% -250px;
    }

.icoLnkEdit,
.icoLnkAssessment,
.icoLnkDeficient,
.icoLnkDefiDisabled,
.icoLnkDelete,
.icoLnkDelDisabled {
    background-image: url(images/icon_action3.gif);
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 1px 0 1px 20px;
    white-space: nowrap;
}

.pdfIcon{background-image: url(images/icon_pdf.gif);
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 1px 0 1px 20px;
    white-space: nowrap;}
    
  .msWordIcon{background-image: url(images/msword2.gif);
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 1px 0 1px 20px;
    white-space: nowrap;}
    
    .editPen{background-image: url(images/skillsbook/pencil.png);
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 1px 0 1px 20px;
    white-space: nowrap;}
      
.icoLnkEdit {
    background-position: 0 -300px;
}

    .icoLnkEdit:hover {
        background-position: 0 -350px;
    }

.icoLnkAssessment {
    background-position: 0 -200px;
}

    .icoLnkAssessment:hover {
        background-position: 0 -250px;
    }

.icoLnkDeficient {
    background-position: 0 -100px;
}

    .icoLnkDeficient:hover {
        background-position: 0 -150px;
    }

.icoLnkDefiDisabled {
    background-position: 0 -550px;
    cursor: default;
}

.icoLnkDelete {
    background-position: 0 0;
}

    .icoLnkDelete:hover {
        background-position: 0 -50px;
    }

.icoLnkDelDisabled {
    background-position: 0 -500px;
    cursor: default;
}

.icoLnkAdd,
.icoLnkSee,
.icoLnkHistory,
.linkTimeEntry {
    background-image: url(images/icon_action1.gif);
    background-repeat: no-repeat;
    line-height: 17px;
    margin: 0;
    padding: 0;
}

.linkScheduler {
    background-image: url(images/calendar.png);
    background-repeat: no-repeat;
    padding-left:20px;  
}

.icoLnkAdd {
    background-position: 0 0;
}

    .icoLnkAdd:hover {
        background-position: 0 -50px;
    }

.icoLnkAddDisabled, .icoLnkAddDisabled:hover {
    background-position: 0 -100px;
}

.icoLnkSee {
    background-position: 0 -150px;
}

    .icoLnkSee:hover {
        background-position: 0 -200px;
    }

.icoLnkSeeDisabled, .icoLnkSeeDisabled:hover {
    background-position: 0 -250px;
}

.icoLnkHistory {
    background-position: 0 -300px;
    padding: 1px 0 1px 20px;
}

    .icoLnkHistory:hover {
        background-position: 0 -350px;
    }

.linkTimeEntry {
    background-position: 0 -450px;
    padding: 1px 0 1px 20px;
}

    .linkTimeEntry:hover {
        background-position: 0 -500px;
    }

.icoLnkLostSkill,
.icoLnkGeneralize,
.icoLnkMaster,
.icoLnkIntroduce,
.icoLnkHold {
    background-image: url(images/sba-icon_action4.gif);
    background-repeat: no-repeat;
    line-height: 17px;
    margin: 0;
    padding: 1px 0 5px 20px;
    white-space: nowrap;
}

.icoLnkLostSkill {
    background-position: 0 0;
}

a.icoLnkLostSkill:hover {
    background-position: 0 -50px;
}

.linkStatusOff .icoLnkLostSkill, .linkStatusOff a.icoLnkLostSkill:hover {
    background-position: 0 -100px;
}

.icoLnkGeneralize {
    background-position: 0 -450px;
}

a.icoLnkGeneralize:hover {
    background-position: 0 -500px;
}

.linkStatusOff .icoLnkGeneralize, .linkStatusOff a.icoLnkGeneralize:hover {
    background-position: 0 -550px;
}

.icoLnkMaster {
    background-position: 0 -300px;
}

a.icoLnkMaster:hover {
    background-position: 0 -350px;
}

.linkStatusOff .icoLnkMaster, .linkStatusOff a.icoLnkMaster:hover {
    background-position: 0 -400px;
}

.icoLnkIntroduce {
    background-position: 0 -150px;
}

a.icoLnkIntroduce:hover {
    background-position: 0 -200px;
}

.linkStatusOff .icoLnkIntroduce, .linkStatusOff a.icoLnkIntroduce:hover {
    background-position: 0 -250px;
}

.icoLnkHold {
    background-position: 0 -600px;
}

a.icoLnkHold:hover {
    background-position: 0 -650px;
}

.linkStatusOff .icoLnkHold, .linkStatusOff a.icoLnkHold:hover {
    background-position: 0 -700px;
}

.linkStatusOff a,
.linkStatusOff a:hover,
.linkStatusOff a:visited {
    color: #bbb;
    cursor: default;
    text-decoration: none;
}

.linkDelete2 {
    background-image: url(images/icon_action2.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 17px;
    font-size: 12px;
    margin: 0 0 0 3px;
    padding: 0 4px;
    text-decoration: none;
}

    .linkDelete2:hover {
        background-position: 0 -50px;
    }

.icoLnkEdit,
.cellBlockCenter .linkDelete2,
.cellBlockCenter .linkCompleted,
.cellBlockCenter .icoLnkDeficient,
.cellBlockCenter .icoLnkDefiDisabled,
.cellBlockCenter .icoLnkAssessment,
.cellBlockCenter .icoLnkDelete,
.cellBlockCenter .icoLnkDelDisabled,
.cellBlockCenter .lnkVideo,
.cellBlockCenter .icoLnkInfo {
    display: block;
    height: 16px;
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 16px;
}

/* form page specific */
.left {
    float: left;
}

.right {
    float: right;
}

.labels {
    width: 152px;
    height: 23px;
    vertical-align: middle;
    float: left;
}

    .labels span {
        font-size: 1.0em;
        font-weight: bold;
        vertical-align: middle;
        float: right;
    }

.labels2 {
    width: 205px;
    height: 23px;
    vertical-align: middle;
    float: left;
}

    .labels2 span {
        font-size: 1.0em;
        font-weight: bold;
        vertical-align: middle;
        float: right;
    }

.labels3 {
    width: 402px;
    vertical-align: middle;
    float: left;
}

    .labels3 span {
        font-size: 1.0em;
        font-weight: bold;
        vertical-align: middle;
        float: right;
    }

.separator {
    height: 30px;
}

.lengendclass {
    font-size: 1.5em;
    font-weight: bold;
    padding: 30px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
/* The inside class provides consistent padding. To be used often! */
.inside {
    padding: 30px;
}

.toprow {
    width: 100%;
}

.inputCenter {
    float: left;
    width: 268px;
}

.inputLeft {
    float: left;
}

.inputRight {
    width: 470px;
    float: right;
}

.divheight {
    height: 28px;
}

#inputArea {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    /* background-color: #d6e5f4; */
    padding: 10px;
    width: 960px;
    margin: auto 0;
    text-align: center;
    border: none;
}

    #inputArea input, #inputArea textarea {
        font-family: Arial, Sans-Serif;
        font-size: 13px;
        padding: 4px;
        width: 420px;
    }

.activeField {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #33677F;
}

.idle {
    border: solid 1px #85b1de;
    background-image: url('images/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}
/* Flat CSS3 button. Simple but elegant ========================================= */
input.minimal {
    background: #e3e3e3;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #33677F;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1;
    padding: 8px 0 9px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 100px;
    float: right;
}

    input.minimal:hover {
        background: #d9d9d9;
        -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
        -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
        box-shadow: inset 0 0 1px 1px #eaeaea;
        color: #222;
        cursor: pointer;
    }

    input.minimal:active {
        background: #d0d0d0;
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
        -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
        box-shadow: inset 0 0 1px 1px #e3e3e3;
        color: #000;
    }

/*.btnDefault, .btnDefault:visited {behavior: url(../../Scripts/PIE.htc)}*/
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.newspan {
    background-color: #6CB93E;
    color: #fff;
    padding: 0 2px 0 2px;
}

.betaspan {
    background-color: #FE764F;
    color: #fff;
    padding: 0 2px 0 2px;
}

.notify {
    background-color: #F9EDBE;
    border: 1px solid #F0C36D;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #222222;
    font-size: 11px;
    line-height: 14px;
    padding: 9px 15px;
    transition: all 0.218s ease 0s;
    font-weight: bold;
}

.inputLongest {
    width: 485px;
}

.inputLonger {
    width: 450px;
}

.tsRow .cuarto01 img {
    border: solid 1px #DDD;
    width: 10px;
    height: 12px;
}

.smallNote {
    font-size: 9px;
    font-weight: bold;
}

.sectionTextArea {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    padding: 4px;
    width: 900px;
    height: 300px;
}

.sectionMediumTextArea {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    padding: 4px;
    width: 900px;
    height: 100px;
}

.inputLongestArea {
    height: 80px;
    width: 705px;
}

.input100Percent {
    height: 80px;
    width: 100%;
}

.bordered {
    border: 1px solid;
    padding: 5px 15px;
    display: none;
}

.globalFormWrapper {
    margin-bottom: 7px;
    overflow: hidden;
}

.globalFormLeftSide {
    float: left;
    min-width: 180px;
    padding: 0 15px 0 0;
}

.globalFormRightSide {
    float: left;
    min-width: 300px;
}

.arrowImgSize {
    width: 15px;
    height: 15px;
    border: 0px;
}

a.gototop {
    background: url("images/totop.png") no-repeat scroll left center transparent;
    float: right;
    padding-left: 18px;
    color: #666666;
    text-decoration: none;
}

.normalTextArea {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    width: 100%;
    height: 100px;
}

.skillsBookContent {
    background-color: #fff;
    border: 1px solid #6cb93e;
    margin: 0;
    padding: 10px 5px;
}

.buttonsAreaMargin {
    margin-top: 5px;
}

.successMsg {
    color: Green;
}

.buttonLink {
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    /* Additional styles to look like a link */
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.buttonLinkIcon {
    border: none;
    cursor: pointer;
}

.buttonRemove {
    background-color: Red;
    color: White;
    font-size: 11px;
    padding: 0;
}

.buttonAdd {
    background-color: Green;
    color: White;
    font-size: 11px;
    padding: 0;
}

.checked {
    background-image: url(images/ico_check.gif);
    background-repeat: no-repeat;
}

.navLinkArea {
    width: 1000px;
}

    .navLinkArea p {
        float: left;
        width: 326px;
        text-align: center;
    }

    .navLinkArea a {
        background-repeat: no-repeat;
        line-height: 25px;
        padding: 5px 0;
        text-decoration: none;
    }

    .navLinkArea .left a,
    .navLinkArea .center a {
        background-image: url(images/prev.png);
        background-position: 0 0;
        padding: 5px 5px 15px 35px;
    }

    .navLinkArea .center a {
        background-image: url(images/arrow_up.gif);
    }

    .navLinkArea .right a {
        background-image: url(images/next.png);
        background-position: 100% 0;
        padding: 5px 35px 15px 5px;
    }

.clearStrip {
    clear: both;
    display: block;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 0 0;
    padding: 0 0;
}

.navLinkArea2 a {
    background-repeat: no-repeat;
    text-decoration: none;
}

.navLinkArea2 .left a {
    background-image: url(images/prev.png);
    padding: 5px 5px 15px 35px;
}

.navLinkArea2 .right a {
    background-image: url(images/next.png);
    background-position: 100% 0;
    padding: 5px 35px 15px 5px;
}

.vAligntop {
    vertical-align: top;
}

.hiddenError {
    color: Red;
    display: none;
}

.sbaexemboxone input {
    border: none;
}

.a12 {
        background-color: #6cb93e;
    color: #fff;
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 0;
        padding: 3px 10px;
    }
    .isa_success
        {
            margin: 10px 0px;
            padding: 12px;
            color: #4F8A10;
            background-color: #DFF2BF;
        }
        
        .isa_error
        {
            margin: 10px 0px;
            padding: 12px;
            color: #D8000C;
            background-color: #FFBABA;
        }
        .isa_warning 
        {
            margin: 10px 0px;
            padding: 12px;
    color: #9F6000;
    background-color: #FEEFB3;
}

.isa_notify
        {
            margin: 10px 0px;
            padding: 12px;
            color: #222222;
            background-color: #F9EDBE;
        }
.isa_entry
        {
            margin: 10px 0px;
            padding: 12px;
            color: #222222;
            background-color: #f0f6f1;
        }
.promobox{
color: #053D0B;
font-size: 13.5px;
background-image: url(images/overlayd.png);
text-align: left;
    padding: 20px;
        box-shadow: gray 7px 7px 14px;
}

.promobox a {
display: inline;
text-decoration: none;
font-size: 14px;
font-weight: 700;
color: inherit;
}

.promobox h3 {
display: inline;
font-size: 14px;
}

.statsMedness1 {background-position: 0 -650px;}
.statsMedness1:hover {background-position: 0 -700px;}                
.statsMedness2 {background-position: 0 -750px;}
.statsMedness2:hover {background-position: 0 -800px;}
.statsMedness3 {background-position: 0 -850px;}
.statsMedness3:hover {background-position: 0 -900px;}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*Parent Priorities start*/
 #goalsearch{
	margin-top:5px;
	width:100%;}

.gsearch{
	width: 90%;
	height: 25px;
  padding: 3px;
  margin-left: 15px;
	}
.gsubmit{
	border:none;
	vertical-align: bottom;
	}
#cglarea{
	width:350px;
	display:inline-block;
}
#gmainarea{
	width:570px;
	display:inline-block;
	float:left;
}
#gtrend{
	display:block;
	width:300px;
	margin:0 15px 30px 60px;}
#gtrend a{	text-decoration:none;
}	
#gtrend p {
	font-size:18px;	
	display:inline-block;
}
#gtrend img {
	vertical-align:middle;
	
}
#cglist {
	display: inline-block;
	width:350px;
	padding:3%;
	    height: 650px;
    overflow: auto;
}
#newgoal{
		display:inline-block;
	width:45%;
	margin-left:15px;
	}
#newgoal a{	text-decoration:none;
}	
#newgoal p {
	font-size:18px;
	display:inline-block;
}
#newgoal img {
	vertical-align:middle;
	
}	
#addnewg {
	
	width:85%;
	padding:3%;
	background-color:rgba(108, 185, 51, 0.3);
  	margin: 0 15px;
}
.invisible{
    visibility:hidden;
}
#glist{
	display:inline-block;
	margin:15px;
	height: 520px;
    overflow: auto;	 
    overflow-x:hidden;
	}
#glist .article {	
	 border-top: solid #9bbb59 1px;
  border-bottom: solid #9bbb59 1px;	
  width:520px;
}
.glisting p{
	display:inline;
	padding:5px;
}
.glisting img{
	vertical-align:baseline;
	display: inline;
}
.whodid{
	background-color:rgba(195,195,195,0.6);
	display:block;
	  width: 95%;
  margin: 20px 5px 5px 0px;
  padding: 1px;
	font-size: 9px;
  font-weight: 700;
	}
.whodid span{
	font-size: 12px;
  font-weight: 700;
}
/*****************************************************GOAL COMPLETED CHECKBOXES*/
.metcheck{
	position:relative;
	top:5px;
	left:0;
	font-size: 9px;
  font-weight: 700;
  display:inline-block;
}
.metcheck span{
	font-size: 12px;
  font-weight: 700;
}
.goaltools{
	  position: relative;
  left: 85%;
  top: 5px;
  font-size: 11px;
  font-weight: 700;
}
.smallFont {
    font-size: 9.5px;
}
/*Parent Priorities End*/
.showHideLB{
    background-image: url(images/plus.png);
    background-repeat: no-repeat;
    padding: 0px 18px 18px 0;
}

.stepnavArea li {
	background: linear-gradient(#cfc, #6cb93e, #cfc);
    text-align: center;
    width: 110px;
    height: 30px;
    line-height: 30px;
}

.stepnavArea li:hover {
	background: linear-gradient(#cfc, #6ccc3e, #cfc);
}

.stepnavArea li a:hover {
	color: #000;
}

.stepnavArea li.stepnavActive {
	background: linear-gradient(#fcc, #d22, #fcc);
}

.stepnavArea li.step1 {
	margin: 11px 0px 0 30px;
}

.stepnavArea li.step2 {
	margin: 12px 0 0 47px;
}

.stepnavArea li.step3 {
	margin: 13px 0 0 45px;
}


.stepnavArea li a {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #000;
}

.stepnavArea li a span {
	background: none;
	padding: 0;
}

.stepnavArea li.stepnavOff {
	pointer-events: none;
	opacity: 0.7;
}



body a.btnNavLinkCont {
    background: linear-gradient(#FDFDFD , #DCDBDB );
    margin: 0;
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    line-height: 1;
    width: auto;
    height: auto;
}

body a.btnNavLinkCont:hover {
    background: linear-gradient(#FDFDFD , #CCC);
}

body a.btnNavLinkCont::after {
    content: ' ►►';
    color: #999;
    font-size: 10px;
}

body a.btnNavLinkCont span {
    background: none;
    padding: 0;
    margin: 0;
}

.notify, .pageWrapper {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.pageWrapper {
    background-color: #fff;
}
@charset "utf-8";
/* browser detection */
.brwWarningContainer {background-color:#edf3f7;border:1px solid #ccc;margin:0 0 20px 0;padding:5px;}
.brwWarningContainer p.linkClose {text-align:right;margin:0;}
.brwWarningContainer .linkClose a {border:1px solid #bad1e1;font-family:Verdana, Geneva, sans-serif;text-decoration:none;padding:0 3px}
decoration:none;padding:0 3px}
/* maintenance */
.mainteNoteArea {background-color:#fe6239;border:1px solid #fa2f11;color:#fff;font-weight:700;position:absolute;font-size:11px;left:180px;top:10px;margin:0;padding:0 10px;width:450px}
.mainteNoteArea p {line-height:1.1em}

/* footer */
.footer {
	position:relative;
	clear: both;
	width: 1000px;
	height: 90px;
	margin: 0 auto;
	background: linear-gradient(bottom, rgb(255,255,255) 77%, rgb(237,237,237) 95%);
    background: -o-linear-gradient(bottom, rgb(255,255,255) 77%, rgb(237,237,237) 95%);
    background: -moz-linear-gradient(bottom, rgb(255,255,255) 77%, rgb(237,237,237) 95%);
    background: -webkit-linear-gradient(bottom, rgb(255,255,255) 77%, rgb(237,237,237) 95%);
    background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.77, rgb(255,255,255)),
	    color-stop(0.95, rgb(237,237,237))
    );}
.footerLinks {list-style-type:none; text-align: left; margin: 0; padding-top: 10px; padding-left: 20px;}
.footerLinks li {display:inline; margin:0 10px 0 0; padding:0}
.footerLinks a {text-decoration:underline;cursor:pointer}
.card_logo {padding-left: 360px; margin-top: 5px;}
.footerLogos{padding-right: 310px;}
.footerLogos a {background-repeat:no-repeat; display:block; float:right; height:40px; margin:-5px 0 0 5px;}
.linkCard {background-image:url(images/Autsim_Solutions_CARD_Footer.png); background-repeat:no-repeat; width:254px; height:29px; display:block;}
.linkIBT {background-image:url(images/logo_IBT.png); width:106px;}
.linkSkills {background-image:url(images/logo_Skills.png); width:63px;}
.ftLogoAssessment {background-image:url(images/logo_Assessment.png); width:77px;}
.linkAutismLive {background-image:url(images/logo_AutismLive.png); width:77px;}
.linkGames {background-image:url(images/logo_Games.png); width:77px;}
.copyrights {background-color: #005C8A; position: absolute; right: 0; color: #fff; text-align:center; width: 1000px; height: 10px; font-size: 0.7em; line-height: 10px; margin-top: 32px; }

/* Admin page */
.colored,
.colored td {background-color:#efefef}

.tblFormElements {background-color:#fff;margin:0 0 0 70px}
.tblFormElementsInPu {margin:0;width:100%}
.tblFormElementsinPuResults {margin:0 0 0 auto;width:343px}
.tblFormElements th,
.tblFormElements td {border:1px solid #eee;padding:3px 10px}
.tblFormElementsInPu th,
.tblFormElementsInPu td {padding:3px 5px}
.tblFormElements th {background-color:#f0f6f1}
.tblFormElements tbody th {text-align:right}
.tblFormElements tbody td {text-align:center;width:60px}
.tblFormElementsInPu tbody td {width:auto}
.tblFormElementsinPuResults thead th,
.tblFormElementsinPuResults tbody td {text-align:left;width:auto}
.tblFormElementsinPuResults tbody th {padding-left:0;padding-right:0;width:20px}

.tblAdminData {background-color:#fff;margin:0;width:100%}
.tblAdminData th,
.tblAdminData td {border:1px solid #eee;padding:3px 10px}
.tblAdminData th {background-color:#f0f6f1;text-align:left} 

a.PassdoceCancel, a.PassdoceCancel:visited {color:#b04c4c;font-family:Verdana, Geneva, sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;text-decoration:none;margin:0 0 0 5px;padding:0}
a.PassdoceCancel:hover {color:#b49696}
.labelInLeft {font-weight:400;margin-right:10px}

.supervisorSearch input {margin-right:5px}
p.supervisorSearchLabel {font-size:11px;height:11px;line-height:1em;margin-bottom:0;padding-bottom:0}
p.supervisorSearchLabel span {display:block;float:left;width:140px;margin:0;padding:0}
p.supervisorSearch {clear:left;line-height:1em;margin:0 0 10px;padding:0}
.nameInput {width:125px}
.inputBtn080 {background-color:transparent;background-image:url(images/btn_genericBg080.gif);background-position:0 0;background-repeat:no-repeat;border:none;cursor:pointer;font-size:12px;height:20px;line-height:1em;margin:0;padding:0;width:80px}
.inputBtn080:hover {background-position:0 100%}

.columns {float:left;min-height:300px;margin:0;padding:0;width:200px}
.colUserChil {padding-right:20px;width:180px;}
.colChilDet {width:505px;display:none}
.colUsersUsers {width:200px;margin-right:20px}
.colUsersDet {width:630px;display:none}
.nameBox {border:1px solid #ccc;margin:0;height:200px;margin:0;padding:5px 0;overflow-y:scroll;overflow-x:auto;width:180px}
.nameBox h4 {margin:0;padding:3px}
.nameBox p {cursor:pointer;margin:0 0 1px;padding:3px;white-space:nowrap}
.nameBox p:hover,
.nameBoxSelected {background-color:Yellow}
.colUsers .nameBox {height:400px}
.colUserChil .nameBox {height:165px}
.addRemBtnSection a {background-color:transparent;background-image:url(images/btn_addRemove.gif);background-repeat:no-repeat;border:none;display:block;text-indent:-9999px;width:35px;height:22px}
.addRemBtnSection a.disabled {cursor:default;opacity:50%;filter:alpha(opacity=50);-ms-filter:alpha(opacty=50)}
.btnRemove {background-position:0 0;margin:3px 0 -10px auto}
.btnAdd {background-position:0 -50px;margin:0 0 3px}
.childFilter {border-color:#ccc;border-style:solid;border-width:1px 0 0 1px;margin:0;padding:0;text-align:right}
.childFilter select {background-color:#efefef;font-size:11px;width:180px;border:none}
.personalInfoBox {border:1px solid #ccc;margin:0;padding:0 5px}
.changing {display:none}
.colUsersUsers table {border:1px solid #ccc;width:100%} 
.colUsersUsers th, 
.colUsersUsers td {padding:3px 10px;text-align:left}
.userInfoBox {border:1px solid #ccc}
.overflowCtrl {overflow:auto}
.colUsersUsers .overflowCtrl {height:330px}
.colUsersDet .overflowCtrl {height:160px}
.personalInfoBox b {margin-right:10px}
.personalInfoBox p {margin:5px 0 5px 30px}
.personalInfoBox ul {list-style-type:none;margin:5px 0 5px 30px;padding:0}
.personalInfoBox li {clear:left;height:18px;line-height:18px;white-space:nowrap}
.personalInfoBox button {font-size:11px;margin-left:10px}
.admProgress span {float:left;text-align:right;width:100px}
span.progCurr {width:120px}
span.progName {padding-left:30px;text-align:left;width:150px}
ul.admProgress {border:1px solid #ccc}
ul.admProgress li {margin:0;padding:2px 0}

/* manage position */
.manPosLeft {float:left;overflow:auto;width:450px}
.linkNewPos {text-align:right}
.linkNewPos a {margin-right:15px;padding-right:0}
.newposOn a {background-image:url(images/btn_adminTools.gif);background-position:100% -118px;background-repeat:no-repeat;margin-right:0;padding-right:15px}
.instNewPos {background-color:#f0f6f1;border:2px solid #eee;display:none}

.manPosLeft h4 {margin:20px 0 0}
.manPosLeft h4 a {background-color:#fff;color:#000;margin:0;padding:0;text-decoration:none}
.bltTriangle {border-bottom:4px solid transparent;border-left:5px solid #ccc;border-top:4px solid transparent;border-right:0;float:left;height:0;margin:3px 6px 0 0;width:0}
a:hover .bltTriangle {border-left-color:#999}
.opened .bltTriangle {border-bottom:0;border-left:4px solid transparent;border-top:5px solid #ccc;border-right:4px solid transparent;margin:5px 3px 0 0}
.opened a:hover .bltTriangle {border-left-color:transparent;border-top-color:#999}

.posTyPersons {margin:0 0 0 20px;padding:0;display:none}/**/
ul.posTyPersons a {text-decoration:none} /* review why this is needed */
.persHilite {color:#42be1a}

ul.posTyPersons  {list-style-type:none;margin:0 0 0 25px;max-height:200px;overflow:auto;padding:0}
ul.posTyPersons li {line-height:20px;margin:10px 0 0;padding:0}
.posTyPersons select {font-size:11px;margin:0 5px 0 10px}
a.inlineLink {font-size:11px;margin-right:5px} /* DEMO */

.more{display:none}

.manPosRight {border:1px solid #6cb93e;float:right;width:430px}
.manPosRtHeader {margin:0;padding:0 0 0 10px}
.linkCancel {float:right;font-size:0.9em;margin:3px 3px 0 0}
.manPosRtHeader input {margin:10px 0 5px;width:330px}
.breadcrumb {font-size:0.9em}
.manPosRight .buttonsArea {margin-right:3px}
.manPosRight .breadcrumb,
.iniPerm .manPosRtHeader, .iniPerm table, .iniPerm .buttonsArea,
.posPerm .ini,
.indPerm .ini {display:none}
.indPerm .breadcrumb {display:block}
.indPerm {border-color:#6cb93e}
.ini {font-size:1.2em;height:200px;margin:0;padding:100px 50px}
.tblPermission {margin:0 0 5px;width:100%}
.tblPermission thead td {background-color:#f0f6f1}
.pageName {padding:3px 0 3px 10px}
.tblPermission p {line-height:1.1em;margin:3px 0 0}
.tblPermission a {color:#000;cursor:pointer}
.bltLabel {float:left;margin-right:5px}
.colPosTyAns {text-align:right}
.radioheader {font-size:11px}
.radioheader span {margin-right:4px}
.colPosTyAns input {margin-right:8px}
.itemName {padding-left:40px}

.indPerm thead td {background-color:#6cb93e;color:#fff}

/* admin icon links */
.admSearchLink,
.admSearchLink:visited,
.admEditLink,
.admEditLink:hover,
.permActive {background-image:url(images/btn_adminTools.gif);background-repeat:no-repeat;color:#999;cursor:pointer;font-size:11px;line-height:14px;margin:0 0 0 10px;padding:0 0 0 13px;text-decoration:none;white-space:nowrap}
.admEditLink {background-position:0 0}
.admSearchLink {background-position:0 -60px}
.permActive {background-position:0 -120px}
.admEditLinkOn, 
.admSearchLink:hover,
.admEditLink:hover,
.testLink:hover {color:#444}
.permActive,
.admEditLinkOn:visited, .admEditLinkOn:hover {cursor:default}

h4 .admEditLink {font-weight:400}
.positionContainer {min-height:150px}
.lnkClose {float:right;font-size:10px;margin:3px}
.positionContainer .personalInfoBox {background-color:#fff;overflow:auto;max-width:450px;min-width:350px}/*display:none;*/
*html .positionContainer .personalInfoBox {height:280px;right:50px;width:350px}
.positionContainer .personalInfoBox li {margin:15px 0}

.disabledCheck0,
.disabledCheck1 {background-image:url(images/img_checkboxesDisabled.gif);background-repeat:no-repeat;display:block;font-size:1px;height:13px;margin:0 auto;padding:0;width:13px;background-color:aqua}
.disabledCheck0 {background-position:0 100%}
.disabledCheck1 {background-position:0 0}
/* .loginPage hides step nav .utilPage renders unique page style */
/* Utility pages */
.loginPage .contentWrapper {padding-top:0}
.loginPage .contentsArea {margin:30px 0 0}
.loginPage .utilPage {background-color:rgb(246, 246, 246);border-top:5px solid #55b050;border-bottom:5px solid #55b050;margin:17px 0 0;padding:20px 100px 60px}
.loginPageBg {/*background-image:url(images/bg_login.gif);*/background-position:-15px 100%;background-repeat:no-repeat;color:#666}
.loginPage .contentWrapper {background-image:none;padding-bottom:0}
.loginPage .pageWrapper {background-image:none}
.loginPage .contentsArea {min-height:1%}
.loginPage .stepnavArea,
.loginPage .clientNameArea,
.loginPage .howtoArea {display:none}
.btnAction a {background-position:0 -50px;background-repeat:no-repeat;display:block;height:23px;margin:0;text-indent:-9999px;width:79px}
.btnAction a:hover {background-position:0 0}
.mainLogoArea .btnAction {position:absolute}
.btnActBuyNow a {background-image:url(images/btn_buyNow.gif)}
.btnActFreeTrial a {background-image:url(images/btn_freeTrial.gif)}

/* Paid Login page */
.homeLeftCol {float:left;min-height:350px;width:530px}
.loginPageBg h1 {background-image:url(images/icon_curriculum22.png);background-position:0 5px;background-repeat:no-repeat;font-size:18px;font-weight:400;height:37px;line-height:37px;margin:0;padding:0 0 0 25px}
.homeLinks a {background-repeat:no-repeat;background-position:0 0;display:block;height:17px;margin:0 0 0 auto;text-indent:-9999px}
.homeLinks a:hover {background-position:0 -50px}
.linkLearn a {background-image:url(images/btn_learn.png);width:90px}
.linkLogin a {background-image:url(images/btn_login.png);width:181px}
.linkSignup a {background-image:url(images/btn_signup.png);width:197px}
.homeRightCol {float:right;margin:0;padding:0}
.homeLoginContainer,
.homeLoginContainerLeg {background-image: url(images/corners_loginBox.png);background-repeat:no-repeat;margin:0}
.homeLoginContainer {background-position: 0 0;padding:30px 20px;width:196px}
.homeLoginContainer h2 span {font-size:0.7em;font-weight:400}
p.linksForgot {font-size:0.9em;margin-top:30px}
.homeLoginContainerLeg {background-position:0 100%;padding:14px 0}
.homeLeftCol .btnActBuyNow {position:relative}
.homeLeftCol .btnActBuyNow a {position:absolute;top:5px;right:0}
p.homeLinks {margin:20px 0}

/* paid & free login common */
.loginInputs {margin:15px 0;padding:0}
.loginInputs input {border:1px solid #c1d5c0;width:180px}
.btnLogin, .btnLogin:visited {background-image:url(images/btn_login.gif);background-position:50% 0;background-repeat:no-repeat;color:#000;display:block;font-size:13px;height:20px;line-height:20px;text-align:center;text-decoration:none;width:80px}
.btnLogin:hover {background-position:50% 100%;color:#000}

.colRow {overflow:hidden;margin:0;padding:0;}
.col01,
.col02 {float:left;position:relative;left:100%;margin:0;padding:0}

/* Marketing buttons */
.linkButton {position:relative}
.skillsMarketing {margin-top:-40px}
.linkButton p {float:right;margin:0;padding:0}
.linkButton a {background-position:0 -50px;background-repeat:no-repeat;display:block;height:23px;margin:0;text-indent:-9999px;width:79px}
.linkButton a:hover {background-position:0 0}
.btnFreeTrial a {background-image:url(images/btn_freeTrial.gif)}
.btnBuyNow a {background-image:url(images/btn_buyNow.gif)}
.linkButton p.or {color:#666;padding-top:5px;text-align:center;width:40px}
.puContentArea .btnBuyNow a {background-position:0 -50px;display:block;height:23px;margin:0 auto;text-indent:-9999px;width:79px}
.puContentArea .btnBuyNow a:hover {background-position:0 0}

.notification, .notificationSho {background-image:url(images/bg_notification.gif);background-position:0 50%;background-repeat:no-repeat;height:18px;line-height:18px;padding:2px 0 2px 25px}
.notification {display:none}
.notification span, .notificationSho span {background-image:url(images/bg_notificationBody.gif);background-position:100% 50%;background-repeat:no-repeat;padding:2px 20px 2px 0}
*:first-child+html .notification span,
*:first-child+html .notificationSho span {padding:2px 20px 1px 0}
html>body .notification span,
html>body .notificationSho span {padding:1px 20px 2px 0}

.iconInfo {background-image:url(images/icon_symbol.png);background-position:0 -50px;background-repeat:no-repeat;font-size:16px;line-height:16px;margin:0;padding:0 6px}
h2 .tooltipTrigger {text-transform:none}

.linksArea {height:auto;margin:35px 0 0 10px;position:absolute;width:970px}
.linksArea a {background-position:50% 50%;background-repeat:no-repeat;display:block;text-indent:-9999px}
.lnksRight {float:right;height:39px;width:400px}
.lnksRight a {float:right;height:39px;margin:0 0 0 15px}
.linksLeft {float:left}
.linksLeft a {float:left;height:24px;margin:5px 5px 5px 0;width:24px}
.linkFacebook {background-image:url(images/icon_FaceBook_24x24.png)}
.linkTwitter {background-image:url(images/icon_Twitter_24x24.png)}

.linkBottom {margin-top:30px}
/* Activity Tracking */
.thYN {display:block;width:60px;word-spacing:10px}
.historyYN input,
.historyYNMastered input {margin-right:10px}
.historyUpdate, 
.historyMastered  {width:73px;text-align:center}
.historyUpdate span, 
.historyMastered a,
.historyUpdate a {display:none}
.historyMastered span {display:inline}

/* Graphs page */
.arrowRightTop {padding:0 0 30px}
.arrowRightTop span {background-image:url(images/img_arrowRightTop.gif);background-position:100% 0;background-repeat:no-repeat;line-height:17px;padding:3px 30px 0 0}
.statsPageContainer {width:100%}
.statsPageContainer .activityTabContent {width:928px}
.graphLegendSection {float:left;margin:50px 0 0 20px;padding:0}
.graphLegendSection p {margin:0 0 25px;padding:0}
.graphLegendSection strong {font-weight:400;margin:0 0 0 5px}
.graphLegendSection span {display:block;width:30px;float:left;margin:0;padding:0}
.graphSection {float:left;margin:0 0 20px;padding:0}
.graphSection table {width:auto}
.graphSection tbody th {background-image:url(images/graph_leftHead.gif);background-position:35px 100%;background-repeat:no-repeat;font-weight:400;line-height:30px;padding:0 10px 15px 0;text-align:right;vertical-align:bottom;width:30px}
.leftBarCrate,
.rightBarCrate {background-image:url(images/graph_body.gif);background-position:0 100%;background-repeat:repeat-x;height:315px;text-align:center;vertical-align:bottom;width:30px}
.graph10 .leftBarCrate,
.graph10 .rightBarCrate {width:26px}
.leftBarCrate {padding:0 0 2px 10px}
.rightBarCrate {padding:0 10px 2px 0}
.graphSection tbody td div {height:100%;float:left}
.graphSection tbody td span {cursor:pointer;display:block;font-size:1px;width:100%}
.barLeftBtm {background-color:#f00}
.barLeftTop {background-color:#005e20}
.barRightBtm {background-color:#005e20}
.barRightTop {background-color:#6c6}
.barExtra01 {background-color:#09c}
.barNoShow {background-image:url(images/graph_bodyNA.gif);background-position:50% 100%;background-repeat:no-repeat}
.barNoShow span {display:none}
.lastCell {background-image:url(images/graph_bodyTail.gif);background-position:100% 100%;background-repeat:no-repeat;padding:0 2px;width:0}
.lblAssessment,
.lblTreatment {background-image:url(images/lbl_TA.gif);background-repeat:no-repeat;padding:0;text-indent:-9999px}
.lblAssessment {background-position:100% 50%}
.lblTreatment {background-position:0 50%}
.graphSection tfoot td {background-image:url(images/icon_curriculum36.png);background-repeat:no-repeat;padding:45px 0 0;text-align:center}
.graph10  tfoot td {background-image:none;font-size:11px;line-height:1.1em;padding:5px 0 0;vertical-align:top}
.ghLblSocial {background-position:50% -40px}
.ghLblMotor {background-position:50% -190px}
.ghLblLanguage {background-position:50% -90px}
.ghLblAdaptive {background-position:50% -140px}
.ghLblPlay {background-position:50% -240px}
.ghLblExecutive {background-position:50% -290px}
.ghLblCognitive {background-position:50% -340px}
.ghLblAcademic {background-position:50% -390px}
.ghLblOverall {background-position:50% 10px}
.ghLblNada {background-position:50px 50px}
/* Clinical Timeline */
.flashChartContainer {width:850px;margin:0;padding:0 0 0 30px}
.tblHolderInTab {width:850px}
.tdTimelineDesc p {margin:0;padding:0}
.tblTimeline1 .tdTimelineDesc p {width:665px}
.tblTimeline2 .tdTimelineDesc p {width:575px}
.tblTimeline3 .tdTimelineDesc p {width:615px}
/* Lesson Details page */
.sliderWrapper {border:1px solid #aaa;height:5px;margin:10px 0;background-color:#eee;padding:0;width:910px}
.content-slider {height:5px;position: relative;width:900px}
.ui-slider-handle {background-image:url(images/slider_handle.gif);background-repeat:no-repeat;background-position:50% 50%;width:10px;height:18px;position: absolute;top: -6px;background-color:transparent}
.lessonDetContainer {height:auto;margin:0;padding:0;width:910px} 
.showCurrAll .lessonDetContainer {overflow:hidden}
.showCurrSingle .sliderWrapper {display:none}
.ldTableContainer {width:2200px;margin:0;padding:0}
.showCurrSingle .ldTableContainer {width:280px}
.ldTblCurricula {float:left;margin:0 5px 30px 0;width:270px}
.ldTblCurricula th {background-image:url(images/corners_lessDetailTblHead.png);background-position:0 0;background-repeat:no-repeat;padding:0}
.ldTblCurricula tfoot th {background-image:url(images/corners_lessDetailTblTail.png);background-position:0 100%;background-repeat:no-repeat;padding:0}
.ldTblSocial	th {background-color:#abafe1;color:#364078}
.ldTblMotor 	th {background-color:#edb2b2;color:#a12829}
.ldTblLanguage 	th {background-color:#d5e9ff;color:#385a88}
.ldTblAdaptive 	th {background-color:#b9dcab;color:#2a751f}
.ldTblPlay 		th {background-color:#ebc296;color:#8d540f}
.ldTblExecfunc 	th {background-color:#b69adc;color:#47225f}
.ldTblCognition th {background-color:#d09bba;color:#6c0e3e}
.ldTblAcademic 	th {background-color:#f0ed94;color:#aeac1e}
.ldTblMaintenance 	th {background-color:#CCC;color:#EEE}
.ldTblCurricula th p {background-image:url(images/icon_curriculum22.png);background-position:0 50%;background-repeat:no-repeat;font-size:1.2em;line-height:22px;margin:5px 0 0 10px;padding:0 0 5px 28px;text-align:left}
.ldTblSocial 	th p {background-position:0 0px}
.ldTblSocial 	th p {background-position:0 -50px}
.ldTblMotor 	th p {background-position:0 -200px}
.ldTblLanguage 	th p {background-position:0 -100px}
.ldTblAdaptive 	th p {background-position:0 -150px}
.ldTblPlay 		th p {background-position:0 -250px}
.ldTblExecfunc 	th p {background-position:0 -300px}
.ldTblCognition th p {background-position:0 -350px}
.ldTblAcademic 	th p {background-position:0 -400px}
.ldTblCurricula td {border-bottom:1px solid #fff}
.ldTblCurricula td.cellGraph {padding:2px 0 0;width:120px}
.ldTblCurricula .progressbarArea {margin: 10px auto 3px 5px}
.ldTblCurricula .progressbarArea p {top:-15px}
.ldTblCurricula .progressbarArea p span {background-color:#fff;margin:0;padding:0 3px 0 0}
.ldTblCurricula td.cellLesson {font-size:11px;line-height:1.1em;padding:2px 3px 2px 0}
.cellLesson a {color:#000;text-decoration:none}
.cellLesson a:hover {color:#5a9af9;text-decoration:underline}
.ldTblSocial	td {background-color:#eaecfd}
.ldTblMotor 	td {background-color:#fceaea}
.ldTblLanguage 	td {background-color:#f0f7ff}
.ldTblAdaptive	td {background-color:#eeffe7}
.ldTblPlay 		td {background-color:#fff3e6}
.ldTblExecfunc 	td {background-color:#ece5f5}
.ldTblCognition td {background-color:#fde8f4}
.ldTblAcademic 	td {background-color:#fefddd}
.ldTblMaintenance 	td {background-color:#EEE}
.default .ldTblCurricula 	tbody td.hiliter {background-color:#fff}
/* Support Center */
.supportItemSmall,
.supportItemLarge {background-image:url(images/icon_xtraxtra.gif);background-repeat:no-repeat;margin:0 0 20px;padding:0 0 0 30px}
.supportItemSmall {float:left;margin-right:20px;width:270px}
.sciStreaming {background-position:-150px 5px;margin-right:0}
.sciContact {background-position:-200px 5px}
.sciFaq {background-position:-250px 0}
.sciCommunity {background-position:-300px 0}
.sciGlossary {background-position:-350px 0}
.sciVideo {background-position:-100px 0;height:1%}
.sciSkiils {background-position:-400px 0}
.supportItemLiner {background-color:#fff;margin:0;padding:1px 0}
.supportContainer h3 {border-bottom:1px solid #d0e2ca;color:#6cb93e;font-size:1em;font-weight:400;height:17px;text-transform:none}
.supportContainer h3 .liveNow {color:red;font-size:10px;margin-left:10px}
.sciSkiils h4 {background-image:url(images/logoSm_Skills.gif);background-position:0 50%;background-repeat:no-repeat;font-size:1em;line-height:28px;margin:10px 0 0;height:20px;padding:0 0 0 45px}
.xtVideoMonitor {background-image:url(images/logo_mainGrayScale.gif);background-position:50% 50%;background-repeat:no-repeat;border:1px solid #eee;float:left;height:225px;width:400px}
.xtVideoMonitor img {height:225px;width:400px}
.xtVideoList {float:right;margin:0;width:490px;height:225px;overflow:auto;overflow-x:hidden}
.xtVideoItem {min-height:74px}
.xtVideoItem:hover {background-color:#eee}
.xtVideoItem img {border:none;float:left;height:54px;margin:10px 10px 10px 5px;width:96px}
.xtVideoItem img:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:alpha(opacity=80)}
.exActiveHilite img:hover {opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100)}
.xtVideoItem h5, .xtVideoItem p {font-size:1em;margin-left:111px}
.xtVideoItem h5 {padding-top:5px}
.xtVideoItem p  {line-height:1.1em}
.exActiveHilite,
.exActiveHilite:hover {background-color:#f0f6f1}
/* Contact Us */
.contactusContainer p {margin-top:15px}
.contactusContainer .formSection {border-top:1px solid #ccc;padding-top:30px;}
.contactusContainer .note {margin-top:0;}
/* FAQ */
.faqContainer h3 {margin-top:30px}
.faqContainer ul {margin:0;padding:0 0 0 15px}
.faqContainer li {margin:4px 0}
/* Login Recovery */
.unameDisplay {border:3px solid #ccc;font-size:1.3em;margin:50px auto;padding:10px 30px;text-align:center;width:300px}
/* My Account page */
.myAccountContainer {margin:0 auto;width:720px}
p.infoLine {margin:0}
/*.editInput {display:none} s/h */
.editInput {border:1px solid #c1d5c0}
.billingInfoArea,
.expiredInfoArea {margin:0 0 50px;padding:0}
.billingInfoArea p {margin-bottom:20px}
.expiredInfoArea  h3 {color:#900;margin-bottom:20px}
.expiredInfoArea p {margin-bottom:10px}
.billingDate {text-align:right}
.billingDate span {font-size:1.3em;margin-left:10px}
.cellCreditCard {text-align:right}
.cellNumber {text-align:right}
hr {background-color:#ccc;border:none;height:1px;margin:0 auto 30px;width:80%}

/* calendar */
.grandWrapper .ajax__calendar_container TABLE#ceScheduleDate_daysTable {border:1px solid #6cb93e} 
.grandWrapper .ajax__calendar_dayname,
.grandWrapper .ajax__calendar_day {width:auto}
.grandWrapper .ajax__calendar .ajax__calendar_day,
.grandWrapper .ajax__calendar .ajax__calendar_month,
.grandWrapper .ajax__calendar .ajax__calendar_year {border:none}
.grandWrapper .ajax__calendar .ajax__calendar_container {border:1px solid #b2de97}
.grandWrapper .ajax__calendar .ajax__calendar_dayname {border-bottom:none;background-color:#6cb93e;color:#fff;width:auto;font-weight:700}
.grandWrapper .ajax__calendar_body table {font-size:10px}
.grandWrapper .ajax__calendar_day,
.grandWrapper .ajax__calendar .ajax__calendar_dayname {text-align:center}
.grandWrapper .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#bcccb3;border-color:#fff;color:#72965c}
.grandWrapper .ajax__calendar .ajax__calendar_hover .ajax__calendar_day,
.grandWrapper .ajax__calendar .ajax__calendar_hover .ajax__calendar_month,
.grandWrapper .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#fff;border-color:#fff;color:#06c}
.exemplar2col td .ajax__calendar td, 
.exemplar6col td .ajax__calendar td {border:2px solid #fff;background-color:#b2de97}
.shohiTrigger a,
.shohiTriggerNoTxChange a {background-image:url(images/btn_showhideSmall2.gif);background-position:0 0;background-repeat:no-repeat;padding:0 0 0 12px}
.shohiShowing a {background-position:0 -50px}
.shohiContents {display:none}/* s/h */

/* Pop-up */
.puBackdrop, #puBackdrop {background-color:#ccc;height:100%;opacity:0.5;filter:alpha(opacity=50);-ms-filter:(opacity=50);margin:0;padding:0;position:absolute;top:0;left:0;z-index:1;display:none}
.puContainer {background-image:url(images/pu_bgBtm.png);background-position:0 100%;background-repeat:no-repeat;margin:0;padding:0 0 20px;position:fixed;top:500px;left:200px;width:408px;z-index:2;display:none}
.puCloseLink {background-image:url(images/pu_bgTop.png);background-position:0 0;background-repeat:no-repeat;margin:0;padding:10px 18px 0 0;text-align:right}
.puCloseLink a {background-image:url(images/icon_symbol.png);background-position:0 -400px;background-repeat:no-repeat;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;line-height:16px;margin:0;padding:1px 4px 1px 3px;text-decoration:none}
.puContentArea {background-image:url(images/pu_bgMdl.png);background-position:0 0;background-repeat:repeat-y;padding:5px 28px 10px 20px}
.modalArea {background-color:#fff;border-color:#55b050;border-style:solid;border-width:10px;position:fixed;z-index:10001;top:200px;left:20%;margin:0;padding:10px;width:500px}
.modalArea .buttonsArea a {margin:0 10px}
.puGrande {background-image:url(images/pu_bgBtmGrande.png);width:708px}
.puGrande .puCloseLink {background-image:url(images/pu_bgTopGrande.png)}
.puGrande .puContentArea {background-image:url(images/pu_bgMdlGrande.png)}
.puContOverflow {max-height:400px;overflow-y:auto}

.puGrandWrapper {background-color:#fff;margin:0 auto;padding:0;width:800px}
.puGrandWrapper .contentWrapper {padding:0}
.puContntesLiner {background-image:url(images/logo_mainShort.gif);background-position:10px 5px;background-repeat:no-repeat;margin:0;padding:10px 0 0 10px}
.puContntesLiner img {display:none}
.userUtilities {list-style-type:none;margin:0;padding:5px 20px 10px 0;text-align:right}
.userUtilities li {display:inline;margin:0;padding:0 10px}
.userUtilities li a {background-image:url(images/icon_utility.gif);background-repeat:no-repeat;line-height:16px;padding:1px 0 1px 20px}
.makeLarger {background-position:0 -250px}
.makeSmaller {background-position:0 -200px}
li.ucaPrintpage a {background-position:0 0} /* use li for IE6 */
.ucaColorpage a {background-position:0 -100px}
.ucaPrint a {background-position:0 -50px}
li.ucaColorpage,
li.ucaPrint {display:none}
p.closeLink {margin:0;padding:0 28px 0 0;text-align:right}
p.closeLink a {background-image:url(images/icon_close.gif);background-position:0 0;background-repeat:no-repeat;display:block;margin:0 0 0 auto;padding:0;text-decoration:none;text-indent:-9999px;width:17px;height:17px}
p.closeLink a:hover {background-position:0 -50px}
.puContentArea h3 {width:100%}
/* pu Detils */
.puGrandWrapper h1 {float:right;font-size:1em;line-height:1.1em;text-align:right;margin:10px 0 0;width:450px}
.puDetailsContainer {font-family:Georgia,"Times New Roman",Times,serif;font-size:12px}
.pudLeft,
.pudRight {width:350px}
.pudLeft {float:left;margin:0;padding:0 15px 0 0}
.pudRight {float:right;margin:0;padding:0 0 0 15px}
.pudDefault {margin:0;padding:0 15px}
.puDetailsContainer h3 {color:#256710;font-size:1.3em}
.puFooterArea {background-color:#fff;font-size:0.9em;margin:0 auto;padding:20px 0;text-align:center;width:800px}
/* pu Glossary */
.alphaLetters {list-style-type:none;margin:15px 0 0;padding:0}
.alphaLetters li {display:block;float:left;margin:0;padding:0;width:24px}
.alphaLetters li span {line-height:18px}
.alphaLetters a {display:block;font-size:14px;font-weight:700;text-decoration:none;position:relative}
.alphaLetters a:hover span {cursor:pointer;font-size:22px;display:block;left:0;line-height:30px;position:absolute;top:-8px;color:#6cb93e}
.glossaryContainer h3 {margin-top:20px}
/* pu Sharing Notes */
.noteEntry {border:1px solid #c1d5c0;height:20px;overflow-y:auto;margin:0;resize:none;width:100%}
.focused {height:80px}
.cellNoteDate {width:10%}
.cellNoteName {width:20%}
.cellNoteNotes {width:65%}
/* pu custom exemplar */
.cusExeEntryContainer {max-height:150px;overflow-y:auto}
.cusExeEntryRow {margin:0;padding:0}
.cusExeEntryRow textarea {border:1px solid #c1d5c0;height:40px;margin:5px 5px 0 0;overflow:auto;resize:none}
.cusExeEntry1 textarea {width:630px}
.cusExeEntry2 textarea {width:310px}
.cusExeEntry3 textarea {width:200px}
.cusExeEntry4 textarea {width:145px}
.cusExeEntry5 textarea {width:115px}
textarea.errorTxarea {background-color:#FF0}

/* tooltip - add "tooltipTrigger" to a tag, add "ttIcon" also if its an icon */
.ttIcon {background-image:url(images/icon_symbol.png);background-position:100% -100px;background-repeat:no-repeat;cursor:default;line-height:1em;margin:0 0 0 3px;padding:0 4px;font-size:11px}
th a.tooltipTrigger, th a.tooltipTrigger:hover, th a.tooltipTrigger:visited {color:#000}
.ttInner {margin:0;padding:0}
.ttInner table {background-color:transparent;border:none;display:table;width:auto}
.ttInner .ttTop td, 
.ttInner .ttBtm td {background-image:url(images/tooltip_corners.png);background-repeat:no-repeat;font-size:10px;line-height:10px;padding:0}
.ttInner .ttBtm td {padding:4px 0}
.ttInner .ttTopLeft {background-position:0 0}
.ttInner .ttTopRight {background-position:100% 0}
.ttInner .ttBtmLeft {background-position:0 100%}
.ttInner .ttBtmRight {background-position:100% 100%}
.ttInner .ttMdl td {background-image:url(images/tooltip_body.png);background-repeat:repeat-y}
.ttInner .ttMdlLeft {background-position:0 0;font-size:10px;line-height:10px;padding:0 5px}
.ttInner td.ttMdlRight {background-position:100% 0;font-weight:400;text-align:left;padding:0 17px 0 0}
.ttMdlRight p {margin:3px 0;padding:0} 

/* print page */
.printVer {background-color:#fff;background-image:none}
.printVer .grandWrapper {background-image:none;min-width:600px;width:100%}
.printVer .contentWrapper {background-image:none;padding-top:0}
.printVer .puContntesLiner {background-image:none;height:auto}
.printVer .puContntesLiner img {display:block;float:left;margin:0 30px 5px 0}
.printVer .contentsArea {clear:left}
.printVer p.closeLink {display:none}
.printVer .ucaText,
.printVer .ucaPrintpage {display:none}
.printVer li.ucaColorpage,
.printVer li.ucaPrint {display:inline}
.printVer .headerAreaNoColor {height:auto;padding:0}
.printVer h1 {float:none;text-align:left;padding:5px 0 0;width:auto;margin:0}
.printVer h2 {background-image:none;color:#000;font-size:1em;height:auto;line-height:1.3em;margin:0;padding:0}
.printVer h3 {color:#000}
.printVer .alphaLetters,
.printVer .linkToTop {display:none}
.printVer .pudLeft,
.printVer .pudRight {width:49%;margin:0;padding:0}
.printVer .footerArea {background-color:#fff;background-image:none;color:#000}
.printVer .footerArea ul {display:none}
.printVer .puFooterArea {width:100%}
.printVer .noteEntry {border:1px solid #ccc}
.printVer .tblData01 thead th {background-color:#efefef;border-bottom:2px solid #ccc;color:#000}
.printVer .tblData01 tbody td {background-color:#fff;border-bottom:2px solid #ccc;border-width:0 0 2px}
.printVer .linkDelete2,
.printVer .sortLinkDown, .printVer .sortLinkUp {display:none}

@media print{
body,
.puDetailsContainer {font-size:100%}
.mainLogoArea,
.userControlArea,
.stepnavArea, 
.howtoArea,
.buttonsArea,
.footerLogos,
.footerLinks,
.utilityLinks,
.userUtilities,
.tabActivity,
.actGuiLeftSub,
.tabnav,
.filterArea,
.leftElement
 {display:none}
.tblData01,
.tblData01 td  {border:1px solid #eee}
.tblactGuiLeftInfo td {padding:0}
.clientNameArea {height:auto;margin:0}
.clientNameArea p {margin:0 0 0 30px}
.clientNameArea a {padding:0}
.actGuiLeftSub li {padding:0}
.actGuiLeft,
.actGuiLeftInfo,
.tblactGuiLeftInfo,
.actGuiRight,
.activityTabContent {border:none;float:none;width:100%}
.tblactGuiLeftInfo h4 {float:left;margin-right:5pt}
.tblactGuiLeftInfo,
.actGuiLeftInfoLiner,
.activityTabContent {margin:0;padding:0}
.actGuiRight .actGuiSection {margin:0}
.graphSection table {border:1px solid #ccc}
.graphSection th {border-right:1px solid #ccc}
.graphSection tbody span {border-color:#000;border-style:solid;border-width:1px}
.graphSection tbody td {padding-bottom:0}
.atLabel td {border-top:1px solid #ccc}
.lblAssessment,
.lblTreatment {font-size:5pt;text-align:center;text-indent:0}
.graphSection tfoot td {font-size:8pt;padding:0}
.graphLegendSection {display:none}
}
.jqFullName{ display:none;}
.xtTrainingVideo {background-image:url(images/logo_mainGrayScale.gif);background-position:50% 50%;background-repeat:no-repeat;border:1px solid #eee;float:left;height:325px;width:700px}
.selectedRow{ background-color:Yellow;}

.tblShorter {background-color:#fff;margin:0;width:300px}
.tblShorter th,
.tblShorter td {border:1px solid #eee;padding:3px 10px; width:70px}
.tblShorter th {background-color:#f0f6f1;text-align:left} 
.hidden{display:none;}
@charset "utf-8";
/* CSS Document */

/* Pop-up */
.puBackdrop, #puBackdrop {background-color:#ccc;height:100%;opacity:0.5;filter:alpha(opacity=50);-ms-filter:(opacity=50);margin:0 0;padding:0 0;position:absolute;top:0;left:0;z-index:1;display:none;}
.puContainer {background-image:url(images/pu_bgBtm.png);background-position:0 100%;background-repeat:no-repeat;margin:0 0;padding:0 0 20px 0;position:fixed;top:500px;left:200px;width:408px;z-index:2;display:none;}
.puCloseLink {background-image:url(images/pu_bgTop.png);background-position:0 0;background-repeat:no-repeat;margin:0 0;padding:10px 18px 0 0;text-align:right;}
.puCloseLink a {background-image:url(images/icon_symbol.png);background-position:0 -400px;background-repeat:no-repeat;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;line-height:16px;margin:0 0;padding:1px 4px 1px 3px;text-decoration:none;}
.puContentArea {background-image:url(images/pu_bgMdl.png);background-position:0 0;background-repeat:repeat-y;padding:5px 28px 10px 20px;}
.modalArea {background-color:#fff;border-color:#55b050;border-style:solid;border-width:10px 10px;position:fixed;z-index:10001;top:200px;left:20%;margin:0 0;padding:10px 10px;width:500px;}
.modalArea .buttonsArea a {margin:0 10px;}
.puGrande {background-image:url(images/pu_bgBtmGrande.png);width:708px;}
.puGrande .puCloseLink {background-image:url(images/pu_bgTopGrande.png);}
.puGrande .puContentArea {background-image:url(images/pu_bgMdlGrande.png);}
.puContOverflow {max-height:400px;overflow-y:auto;}

.puGrandWrapper {background-color:#fff;margin:0 auto;padding:0 0;width:800px;}
.puGrandWrapper .contentWrapper {padding:0 0;}
.puContntesLiner {background-image:url(images/logo_mainShort.gif);background-position:10px 5px;background-repeat:no-repeat;margin:0 0;padding:10px 0 0 10px;}
.puContntesLiner img {display:none;}
.userUtilities {list-style-type:none;margin:0 0;padding:5px 20px 10px 0;text-align:right;}
.userUtilities li {display:inline;margin:0 0;padding:0 10px;}
.userUtilities li a {background-image:url(images/icon_utility.gif);background-repeat:no-repeat;line-height:16px;padding:1px 0 1px 20px;}
.makeLarger {background-position:0 -250px;}
.makeSmaller {background-position:0 -200px;}
li.ucaPrintpage a {background-position:0 0;} /* use li for IE6 */
.ucaColorpage a {background-position:0 -100px;}
.ucaPrint a {background-position:0 -50px;}
li.ucaColorpage,
li.ucaPrint {display:none;}
p.closeLink {margin:0px 0 0 0;padding:0px 28px 0 0;text-align:right;}
p.closeLink a {background-image:url(images/icon_close.gif);background-position:0 0;background-repeat:no-repeat;display:block;margin:0 0 0 auto;padding:0 0;text-decoration:none;text-indent:-9999px;width:17px;height:17px;}
p.closeLink a:hover {background-position:0 -50px;}
.puContentArea h3 {width:100%;}
/* pu Detils */
.puGrandWrapper h1 {float:right;font-size:1.0em;line-height:1.1em;text-align:right;margin:10px 0 0 0;width:450px;}
.puDetailsContainer {font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;}
.pudLeft,
.pudRight {width:350px;}
.pudLeft {float:left;margin:0 0;padding:0 15px 0 0;}
.pudRight {float:right;margin:0 0;padding:0 0 0 15px;}
.pudDefault {margin:0 0;padding:0 15px;}
.puDetailsContainer h3 {color:#256710;font-size:1.3em;}
.puFooterArea {background-color:#fff;font-size:0.9em;margin:0 auto;padding:20px 0;text-align:center;width:800px;}
/* pu Glossary */
.alphaLetters {list-style-type:none;margin:15px 0 0 0;padding:0 0;}
.alphaLetters li {display:block;float:left;margin:0 0;padding:0 0;width:24px;}
.alphaLetters li span {line-height:18px;}
.alphaLetters a {display:block;font-size:14px;font-weight:bold;text-decoration:none;position:relative;}
.alphaLetters a:hover span {cursor:pointer;font-size:22px;display:block;left:-0px;line-height:30px;position:absolute;top:-8px;color:#6cb93e;}
.glossaryContainer h3 {margin-top:20px;}
/* pu free expired */
/*.coverTblProgress {overflow-y:auto;max-height:250px;margin:10px 0;}*/
/* pu Sharing Notes */
.noteEntry {border:1px solid #c1d5c0;height:20px;overflow-y:auto;margin:0 0;resize:none;width:100%;}
.focused {height:80px;}
.cellNoteDate {width:10%;}
.cellNoteName {width:20%;}
.cellNoteNotes {width:65%;}
/* pu custom exemplar */
.cusExeEntryContainer {max-height:150px;overflow-y:auto;}
.cusExeEntryRow {margin:0 0;padding:0 0;}
.cusExeEntryRow textarea {border:1px solid #c1d5c0;height:40px;margin:5px 5px 0 0;overflow:auto;resize:none;}
.cusExeEntry1 textarea {width:630px;}
.cusExeEntry2 textarea {width:310px;}
.cusExeEntry3 textarea {width:200px;}
.cusExeEntry4 textarea {width:145px;}
.cusExeEntry5 textarea {width:115px;}
textarea.errorTxarea {background-color:#FF0;}

.inPuResultScroll {margin:0 0;padding:0 0;overflow-y:scroll;max-height:253px;}

.messageCntrSection {margin:0 0;padding:0 0;width:640px;}
.msgctRow {margin:0 0;padding:0 0;}
.messageCntrSection p {font-size:12px;margin:0 0 5px 0;}
.msgctDate, .msgctMessage, .msgctDelete {float:left;margin:0 0;}
.msgctDate {text-align:right;padding:9px 10px 0 0px;}
.msgctMessage {padding:5px 0 0 0;width:540px;}
.msgctMessage .msgctMsgSec {border:1px solid transparent;margin:0 0;overflow:hidden;padding:3px 4px;width:514px;}
*html .msgctRow {margin:0 0;padding:0 0;}
*html .msgctMessage .msgctMsgSec {overflow-y:auto;width:530px;}
.msgctDelete {padding:0 0;width:25px;}
.msgctDelete a {display:block;height:16px;margin:7px 0 0 auto;padding:0 0;width:16px;text-decoration:none;text-indent:-9999px;}

/* form page specific */
.left{ float: left; }
.right{ float: right; }
.labels{
	width:152px;
	height:23px;
	vertical-align:middle;
	float:left; }
.labels span{
	font-size: 1.0em; 
	font-weight: bold;
	vertical-align: middle;
	float:right; }
.labels2{
	width:205px;
	height:23px;
	vertical-align:middle;
	float:left; }
.labels2 span{
	font-size: 1.0em; 
	font-weight: bold;
	vertical-align: bottom;
	float:right; }
.labels3{
	width:452px;
	height:23px;
		margin-top:8px;
	vertical-align:bottom;
	float:left; }
.labels3 span{
	font-size: 1.0em; 
	font-weight: bold;
	vertical-align: middle;
	float:right; }
.separator
{
	height:30px;
}
.lengendclass{
	font-size: 1.5em; 
	font-weight: bold;
	padding:30px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 30px; }
.toprow{ width:100%;}
.otherrows{ width:100%;}
.inputCenter{
	float: left;
	width:268px; 
	}
.inputLeft{
	float: left;
	}
.inputRight{
	width:470px;
	float: right;
	}	
.divheight{
	height:28px;
		}
.divTaller{
	height:46px;
		}
#inputArea{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    /* background-color: #d6e5f4; */
	    padding: 10px;
	    float:left;
	    width:90%;
	    margin: auto 0;
	    text-align: center;
	    border: none;
	}
#inputArea input, #inputArea textarea{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    padding: 4px;
	    width: 420px;
	}

.activeField {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
.idle{
	    border: solid 1px #85b1de;
	    background-image: url('images/blue_bg.png');
	    background-repeat: repeat-x;
	    background-position: top;
        }
/* Flat CSS3 button. Simple but elegant ========================================= */		
button.minimal {
	background: #e3e3e3;
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #33677F;
	font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1;
	padding: 8px 0 9px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 100px;
	float:right; }
button.minimal:hover {
	background: #d9d9d9;
	-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
	-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
	box-shadow: inset 0 0 1px 1px #eaeaea;
	color: #222;
	cursor: pointer; }
button.minimal:active {
	background: #d0d0d0;
	-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
	-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
	box-shadow: inset 0 0 1px 1px #e3e3e3;
	color: #000; }
img {border: none;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 10px;
}

#navcontainer ul li { display: inline; margin:0; margin-left: -3px;}

#navcontainer ul li a
{
text-decoration: none;
padding: .4em 1em;
color: #000;
background-color: #fff;
border: solid 1px #ddd;
margin: 0;
}

#navcontainer ul li a.active
{
background-color: #6cb93e;
color: #fff;
border: solid 1px #ddd;
}


#navcontainer ul li a:hover
{
color: #fff;
background-color: #6cb93e;
}

#bodyCont 
{
	border: solid #6cb93e 1px;
	padding: 20px;
	margin-top: 6px;
	margin-left: -3px;
}

.data-tab {
width: 100%; margin-bottom: 4px;
}

.data-tab, .data-tab tr, .data-tab tr td
{
	padding: 5px;
}

.data-tab tr, .data-tab tr td, .data-tab tr th
{
	border: solid 1px #ddd;
}

.data-cont, .data-cont-wide, .data-cont-short
{
border: solid 4px #ddd;


}

.data-cont {
width: 430px;
max-height: 180px;
height: 180px;
overflow: auto;
}

.data-cont-short {
max-height: 180px;
height: 180px;
overflow: auto;
width: 212px;
margin-bottom:4px;
}

.data-cont-wide {
margin-top: 12px;
}

.data-no-scroll {
border: solid 4px #ddd;
}

.data-left
{
    float: left;
}

.data-right
{
    float: right;
}

.item-title, .item-title2
{
    background: #6cb93e; 
    color: #fff;
    padding: 8px;
    font-size: 14px;
}

.sub-title 
{
background: #e6e6e6;
color: #000;
margin-top: -2px;
width: 100%;
height: 20px;
}

.item-title2
{
margin-top:20px;
margin-bottom: -12px;
}

.pink-item
{
background-color: #fef1f8;
}

.blue-item
{
background-color: #daf3ff;
}

.red-item
{
background-color: #fb6a79;
}

.red-text
{
color: #fb6a79;
}

#add-note {
font-size: 80%;
margin-top: -10px;
}

.bottom-none {
border-bottom: none;
}

.green-back {
background: #6cb93e; color: #fff;	
}

.maxi-wide {
width: 100%;
}

.pull-right {
float: right;
}

.pull-left {
float: left;
}

.pull-clear {
clear: both;
}

.width-max {
width: 100%;
}

.strong {
font-weight: bold;
}

.cor-notes-item {
border: solid 1px #6cb93e;
padding: 10px;
margin-bottom: 20px;
}

.center-item {
	margin-left: 30%;
}

.lesson-item {
	width: 200px;
	list-style-type: none;
	padding: 10px;
}

.lesson-item li {
	border: solid 1px #ddd;
	padding: 16px;
	
}

.border-none {
border:  none;
}

.updated-item {
    padding: 4px;
    background: #f87;
    color: #fff;
    float: right;
}

.ui-icon-star {
    float: left;
}

.badge {
    background: red;
    color: #fff;
    padding: 4px;
}

#bar-social {
    background: #b79adc;
    padding: 10px;
    margin:0;
    font-size: 100%;
    font-weight: bold;
}

.lesson-table {
    width: 100%; 
    background: #ece5f5; 
    padding: 10px; 
    border: none;
}

.lesson-table td {
    padding: 10px;
}

.lesson-btn, a:visited.lesson-btn {
    color: #fff;
    text-decoration:none;
    padding: 4px;
}

.details-btn {
    background: #808080;
    border: solid 2px #808080;
}

.details-btn-sub {
    background: #808080;
    padding-left: 10px;
    padding-right: 10px;
}

.details-btn-active {
    background: #b69adc;
    border: solid 2px #404040;
}

.lesson-assign {
    margin-right: 40px;
}

.background-white {
    background: #fff;
}

.table-scroll
{
height: 200px; overflow: auto
}

.img-icon {
margin-right: 20px;	
border: none;
}

.ui-multiselect { height:24px; overflow-x:hidden; padding:2px 0 2px 4px; text-align:left;}
.ui-multiselect option {font-size: 8x;}

.magnify {
margin-right: -10px; margin-top: -24px;	
}

.u-line {
	text-decoration: underline;
}

.no-display {
	display:none;
}


.pager-knob {
margin-top: -2px; width: 40px	
}

.edit-entry {
border: 1px solid #000; padding: 6px;
margin-bottom: 6px;
}

.edit-toolbar {
width: 100%;
text-align: center;
}

.popup-title {
background: green; color: #fff; height: 30px;-moz-border-radius: 5px; border-radius: 5px; padding: 10px; width: 580px
}

.lessons-select {
    margin-top: -100px;
    float: right;
}

.corr-bg {
background: #6cb93e; width: 99%; padding: 6px;
}

.corr-bgtep {
background: #FFC0CB; width: 99%; padding: 6px;
}


.corr-notes-item {
 padding:5px; margin-top:10px;
}

.greenie {
background: #21620c;
color: #fff;
}

.corr-title {
padding: 6px; width: 887px;
}

.green-border {
border: solid 1px #6cb93e;
}

.sess-title {
width: 891px;
}

#add-clinic-note {
margin-top: -1px;
}

.n-dash {
margin: 4px;
width: 25px;
height: 25px;
}

.lessons-mastery {
margin-left: 330px;
}

.lessons-title {
width: 891px;
}

.gray-back {
background: #c8c8c8;
}

.clinic-notes-title {
width: 891px;
}

.behaviors-title {
width: 893px;
margin-bottom: 10px;
}

.behavior-freq {
margin-right: 20px;
margin-left: 36px;
}

.clinic-data-tab {
width: 870px;
margin-left: 14px;
margin-bottom: 14px;
}

.action-tab {
background: #f5f5f5;
}

#load-clinic-notes {
margin-top: -1px;
}

.clinic-oval {
-moz-border-radius: 6px; 
border-radius: 6px; 
padding: 10px; 
background: #f4f6f5; 
margin-bottom: 10px; 
width: 900px;
}

.clinic-textarea {
border: solid 1px #6cb93e;
width: 98%;
}

.ui-multiselect span {
font-size: 12px;
}

.ui-dialog  {
color: #000;
}

.green-button {
background: #477a35;
color: #fff;
}

.note-th {
width: 120px;
}

.add-textarea {
background: #f4f6f5; width: 590px;
} 

.view-all {
margin-top: -1px;
}

.reddie {
background: red; color: #fff;
}

.bottom6 {
margin-bottom: 6px;
}

.padding-ex {
padding: 4px;
}

.exemplar-form {
border: none; background: #fff; width: 98%; border-radius:15px; padding: 10px;
}

#dialog-new-exemplar {
height: 600px;
}

.table-head {
background: #e6e6e6; text-align: left
}

.height-dialog {
height: 600px
}

.width-total {
width: 100%:
}

.lesson-summary-item {
border: solid 1px #000;
padding: 6px;
}

.gray-button {
background: #8e8c8c; 
border: none;
}

.goldie {
color: #feb528;
}

.lt-gray-back {
background: #f5f5f5;
}


#lesson-language li.lesson-title, .social {background: #c7edfc;}
#lesson-language li {background: #e7f5fe;}

#lesson-academic li.lesson-title {background: #f7f9ac;}
#lesson-academic li {background: #fafcdc;}

#lesson-social li.lesson-title {background: #c9c9f8;}
#lesson-social li {background: #f0f6f1;}

#lesson-motor li.lesson-title {background: #e4b3b3;}
#lesson-motor li {background: #feebf5;}

#lesson-executive li.lesson-title {background: #d5b5f9;}
#lesson-executive li {background: #f2eafd;}

#lesson-cognition li.lesson-title {background: #f9aee4;}
#lesson-cognition li {background: #fce9fe;}

#lesson-maintainance li.lesson-title {background: #d6d6d6;}
#lesson-maintainance li {background: #eeeeee;}

#lesson-adaptive li.lesson-title {background: #a5dd9b;}
#lesson-adaptive li {background: #d8f1cf;}

#lesson-play li.lesson-title {background: #f8db85;}
#lesson-play li {background: #faf3de;}

.academic-icon {background: url('images/icon_curriculum22.png')  0  452px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.adaptive-icon {background: url('images/icon_curriculum22.png')  0  276px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.cognition-icon {background: url('images/icon_curriculum22.png')  0  502px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.executive-icon {background: url('images/icon_curriculum22.png')  0  127px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.motor-icon {background: url('images/icon_curriculum22.png')  0  276px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.language-icon {background: url('images/icon_curriculum22.png')  0  326px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.play-icon {background: url('images/icon_curriculum22.png')  0  176px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.social-icon {background: url('images/icon_curriculum22.png')  0  376px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.maintainance-icon {background: url('images/icon_curriculum22.png')  0  426px; height: 22px; width: 22px; float: left; margin-right: 4px;}
.sbSelectedRow{ background-color:#C3E2A6;}
.selectedNoteBox{border:1px solid #CCC; background-color:#EEE}
.leftRightMargin{ margin-left:5px; margin-right:5px;}
@charset "UTF-8";
/* CSS Document
*SBA STYLE MAY 2014
*
*/
.sbafont {
    font-family: ‘Roboto’, sans-serif;
    font-weight: 700;
}

    .sbafont a {
        font-family: ‘Roboto’, sans-serif;
        font-weight: 900;
        color: #14558E;
        text-decoration: none;
    }
/* NAV */
.sbanavwrap {
    display: inline-block;
    float: right;
    margin-right: 35px;
}

.sbanavicon {
    width: 20px;
    height: 20px;
    margin: 8px 0px 0 5px;
}


/* end of NAV */

.sbawrap {
    display: inline-block;
    margin-left: 50px;
    width: 300px;
}


.sbacurrlabel {
    background-color: #999;
}

    .sbacurrlabel h3 {
        font-family: ‘Roboto’, sans-serif;
        font-weight: 700;
        font-size: 1em;
    }

.sbalesson {
    height: 35px;
    border: solid 1px #CCC;
}

    .sbalesson p {
        text-align: left;
        display: inline;
        font-family: ‘Roboto’, sans-serif;
        font-weight: 700;
        color: #14558E;
        font-size: 12px;
        margin-left: 10px;
    }

.iconbox {
    float: right;
    width: 60%;
    height: inherit;
}

.sbaicon {
    margin: 0 5px 0 5px;
    width: 30px;
    height: 30px;
    margin: auto auto;
    display: inline;
    border: none;
    padding: 3px 0 0 10px;
    float: right;
}


/* LIST TEST */
.sbalessonlist {
    display: inline;
}

    .sbalessonlist p {
        text-align: left;
        display: inline;
        font-family: ‘Roboto’, sans-serif;
        font-weight: 700;
        color: #14558E;
        font-size: 12px;
        margin-left: 10px;
    }

#lessonbox {
}

    #lessonbox ul {
        line-height: 35px;
    }

    #lessonbox li {
        list-style: none;
        border: solid 1px #CCC;
    }

/* CURRICULUM STYLE */

.sbacurr h3 {
    margin: -30px 1px 1px 30px;
}

.sbacurrSocial {
    background-color: #abafe1;
    color: #364078;
    height: 45px;
    background-position: 0 -50px;
}

.sbacurrMotor {
    background-color: #edb2b2;
    color: #a12829;
    height: 45px;
    background-position: 0 -190px;
}

.sbacurrLanguage {
    background-color: #d5e9ff;
    color: #385a88;
    height: 45px;
    background-position: 0 -90px;
}

.sbacurrAdaptive {
    background-color: #b9dcab;
    color: #2a751f;
    height: 45px;
    background-position: 0 -140px;
}

.sbacurrPlay {
    background-color: #ebc296;
    color: #8d540f;
    height: 45px;
    background-position: 0 -240px;
}

.sbacurrExecfunc {
    background-color: #b69adc;
    color: #47225f;
    height: 45px;
    background-position: 0 -290px;
}

.sbacurrCognition {
    background-color: #d09bba;
    color: #6c0e3e;
    height: 45px;
    background-position: 0 -340px;
}

.sbacurrAcademic {
    background-color: #f0ed94;
    color: #aeac1e;
    height: 45px;
    background-position: 0 -390px;
}


/*lesson bg*/
.sbaSocial {
    background-color: #eaecfd;
}

.sbaMotor {
    background-color: #fceaea;
}

.sbaLanguage {
    background-color: #f0f7ff;
}

.sbaAdaptive {
    background-color: #eeffe7;
}

.sbaPlay {
    background-color: #fff3e6;
}

.sbaExecfunc {
    background-color: #ece5f5;
}

.sbaCognition {
    background-color: #fde8f4;
}

.sbaAcademic {
    background-color: #fefddd;
}

/* LESSON TABLES*/

.ldTblCurricula th {
    width: 530px;
}

.cellLesson a {
    font-size: 11px;
    padding: 2px 3px 2px 0;
}

.sbalessonalert {
    width: 90px;
}

    .sbalessonalert a {
        float: right;
    }
/*masonry */
#container {
    width: 928px;
}

.container {
    width: 928px;
    margin-bottom: 20px;
    position: relative;
}

.item {
    width: 270px;
}

/* ---- fit width ---- */

#fit-width {
    width: 928px;
}

    #fit-width .container {
        margin: 0 auto;
    }

/*BIP ARCHIVE*/

.sbabipfix {
    margin-top: 12px;
    width: 153px;
}

.sbabipfix img {
position: relative;
top: 9px;
}

.sbabipicon {
    margin: 10px 0 0 5px;
}

.sbabip {
    width: 20px;
    height: 20px;
    padding: 0;
}

/*EXEMPLAR */
#sbaexempbtnbox {
    float: left;
    display: inline;
    width: 65px;
}

.sbaexempalert {
    width: 60px;
    padding: 0 5px;
}

.sbaexemboxone {
    width: 25px;
    padding: 0 5px;
    vertical-align:bottom;
}
.sbaexemboxone2 {
    width: 75px;
    padding: 0 5px;
    vertical-align:bottom;
}

.sbaexemicon {
    height: 20px;
    width: 20px;
}


/* BUTTONS - hover states*/
.sbabtn {
    width: 20px;
    height: 20px;
    padding: 0 10px 10px 10px;
    white-space: nowrap;
    border: none;
    cursor: pointer;   
    background-color: white;
}

.asigneebtn {
    background-image: url(images/SBA-icon-asignee-active.png);
    background-repeat: no-repeat;
}

    .asigneebtn:hover {
        background-image: url(images/SBA-icon-asignee-hover.png);
        background-repeat: no-repeat;
    }

.notebtn {
    background-image: url(images/SBA-icon-note-active.png);
    background-repeat: no-repeat;
}

    .notebtn:hover {
        background-image: url(images/SBA-icon-note-hover.png);
        background-repeat: no-repeat;
    }

.graphbtn {
    background-image: url(images/SBA-icon-graph-active.png);
    background-repeat: no-repeat;
}

.graphbtnidle {
    background-image: url(images/SBA-icon-graph-idle.png);
    background-repeat: no-repeat;
}

.graphbtn:hover {
    background-image: url(images/SBA-icon-graph-hover.png);
    background-repeat: no-repeat;
}

.addbtn {
    background-image: url(images/SBA-icon-add.png);
    background-repeat: no-repeat;
}

    .addbtn:hover {
        background-image: url(images/SBA-icon-add-hover.png);
        background-repeat: no-repeat;
    }

.removebtn {
    background-image: url(images/SBA-icon-remove.png);
    background-repeat: no-repeat;
    margin-right:5px;
}

    .removebtn:hover {
        background-image: url(images/SBA-icon-remove-hover.png);
        background-repeat: no-repeat;
    }

.acceptbtn {
    background-image: url(images/SBA-icon-accept.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

    .acceptbtn:hover {
        background-image: url(images/SBA-icon-accept-hover.png);
        background-repeat: no-repeat;

    }

.denybtn {
    background-image: url(images/SBA-icon-deny.png);
    background-repeat: no-repeat;
}

    .denybtn:hover {
        background-image: url(images/SBA-icon-deny-hover.png);
        background-repeat: no-repeat;
    }

.updatebtn {
    background-image: url(images/SBA-icon-alert-btn-update.png);
    background-repeat: no-repeat;
    /*display: block;
    height: 16px;
    margin: 0 auto;
    padding: 0;
    width: 16px;*/
}

    .updatebtn:hover {
        background-image: url(images/SBA-icon-alert-btn-update-hover.png);
        background-repeat: no-repeat;
    }
/****icon test*****/
.updatebtn2 {
    background-image: url(images/SBA-icon-alert-btn-update-02.png);
    background-repeat: no-repeat;
}

    .updatebtn2:hover {
        background-image: url(images/SBA-icon-alert-btn-update-hover-02.png);
        background-repeat: no-repeat;
    }


.sbaalerticon {
    width: 20px;
    margin: 5px 5px 0 5px;
    padding: 0;
}
/*notes */
.sbanoteaddbtn {
    font-size: 15px;
    padding: 7px;
    float: left;
    width: 90px;
    margin-bottom: 15px;
}
/*DASHBOARD */
.sbadashone {
    width: 25px;
}

.sbadashicon {
    width: 20px;
    margin: 5px;
}

.sbadashbtn {
    font-size: 15px;
    float: right;
    height: 20px;
    margin: 0;
}
/*CUSTOM CURRNT */
.ldTblCurricula td.cellLesson {
    font-size: 11px;
    line-height: 1.1em;
    padding: 2px 3px 2px 10px;
}

.exeEdit a {
    float: right;
    height: 20px;
    width: 20px;
    margin-top: 4px;
    padding: 0;
    text-decoration: none;
}

.sbIcon {
    background-image: url(images/SBA-icon.png);
    background-repeat: no-repeat;
    cursor: default;
}

.sbIcon2 {
    background-image: url(images/SBA-icon.png);
    background-repeat: no-repeat;
}

.sbaInputBtn {
    padding-top: 5px;
}

.addbtnSelected {
        background-image: url(images/SBA-icon-add-hover.png);
        background-repeat: no-repeat;
    }
    
    .removebtnSelected {
        background-image: url(images/SBA-icon-remove-hover.png);
        background-repeat: no-repeat;
    }
      
      .jqTSLogBookStep {display:none;}

.jqTSLogBookStep input[type="checkbox"] {
    display:none;
}


  input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url("images/skillsbook/dis-prio.png") left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url("images/skillsbook/active-prio.png")  left top no-repeat;
}

.inslb{ padding:1%;}
.priority{ vertical-align:middle;}
h1, h2, h3, h4, h5, p {line-height: 2em;}
.inslb a{vertical-align:bottom;}
.agraph{width:20px;}

.exemplardttlogbook {
    background-image: url(images/SBA-DTT-logbook.png);
    background-repeat: no-repeat;
    margin-right:5px;
    cursor:default;
    height: 25px;
    width: 25px;
}
.exemplardttadd {
    background-image: url(images/SBA-DTT-add-default.png);
    background-repeat: no-repeat;
    margin-right:5px;
    height: 25px;
    width: 25px;
}
.exemplardttadd:hover {
    background-image: url(images/SBA-DTT-add-hover.png);
    background-repeat: no-repeat;
}
.exemplardttremove {
    background-image: url(images/SBA-DTT-remove-default.png);
    background-repeat: no-repeat;
    margin-right:5px;
    height: 25px;
    width: 25px;
}
.exemplardttremove:hover {
    background-image: url(images/SBA-DTT-remove-hover.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
}
.exemplarnetlogbook {
    background-image: url(images/SBA-NET-logbook.png);
    background-repeat: no-repeat;
    margin-right:5px;
    cursor:default;
    height: 25px;
    width: 25px;
}
.exemplarnetadd {
    background-image: url(images/SBA-NET-add-default.png);
    background-repeat: no-repeat;
    margin-right:5px;
    height: 25px;
    width: 25px;
}
.exemplarnetadd:hover {
    background-image: url(images/SBA-NET-add-hover.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;

}
.exemplarnetremove {
    background-image: url(images/SBA-NET-remove-default.png);
    background-repeat: no-repeat;
    margin-right:5px;
    height: 25px;
    width: 25px;
}
.exemplarnetremove:hover {
    background-image: url(images/SBA-NET-remove-hover.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
}
.sbap {
 line-height: 12px;
 font-size: 11px;
}

.marginleft10
{
    margin-left:10px;
}
.marginleft20
{
    margin-left:20px;
}
.marginright10
{
    margin-right:15px;
}