/* Dashboard / Assessment Report Styles */

.pretitle {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #007ac9;
    font-size: 22px;
    font-weight: normal;
}

.child_title {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #66c011;
    font-size: 22px;
    font-weight: bold;
}

.tstamp {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #444444;
    font-size: 15px;
    font-weight: normal;
}

.atitle {
    font-size: 17px;
    font-weight: bold;
    color: #4680d0;
    font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana;
}

.atext {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana;
}

.asubtitle {
    font-size: 13px;
    font-weight: bold;
    color: #444444;
    font-family: arial, helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Grande", verdana;
}

.stage_selected {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #222222;
    font-size: 14px;
    font-weight: bold;
}

.stage_unselected {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #bbbbbb;
    font-size: 12px;
    font-weight: normal;
}

.email_link {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #000099;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.small_print {
   font-family: arial, helvetica, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
    color: #222222;
    font-size: 10px;
    font-weight: normal;
}

.hr_dashed {
    width: 100%;
    height: 2px;
    margin: 8px 0px 8px 0px;
    border-bottom-style: dashed; 
    border-bottom-color: gray; 
    border-bottom-width: 1px;
}

/* Assessment: Stars for levels 0 (blank) and 1: - 4 */
.asmt_st0 {
    background: url(https://www.nativebrain.com/images/assessment/assess_stars.png) no-repeat;
    background-position: 0px 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
}

.asmt_st1 {
    background: url(https://www.nativebrain.com/images/assessment/assess_stars.png) no-repeat;
    background-position: -30px 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
}

.asmt_st2 {
    background: url(https://www.nativebrain.com/images/assessment/assess_stars.png) no-repeat;
    background-position: -60px 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
}

.asmt_st3 {
    background: url(https://www.nativebrain.com/images/assessment/assess_stars.png) no-repeat;
    background-position: -90px 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
}

.asmt_st4 {
    background: url(https://www.nativebrain.com/images/assessment/assess_stars.png) no-repeat;
    background-position: -120px 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
}

/* Assessment Styles */

.ctr40
{
    background-image: url(/images/odometer40.jpg);
    background-repeat: no-repeat;
    height: 40px;
    width: 27px;
}

.ctr40_0 { background-position: 0px 0px; }
.ctr40_1 { background-position: -27px 0px; }
.ctr40_2 { background-position: -54px 0px; }
.ctr40_3 { background-position: -81px 0px; }
.ctr40_4 { background-position: -109px 0px; }
.ctr40_5 { background-position: -136px 0px; }
.ctr40_6 { background-position: -163px 0px; }
.ctr40_7 { background-position: -190px 0px; }
.ctr40_8 { background-position: -217px 0px; }
.ctr40_9 { background-position: -244px 0px; }
.ctr40_dot { background-position: -271px 0px; }

/* Arabic Numerals */
.arabic
{
    background-image: url(/images/assessment/arabic_numerals.png);
    background-repeat: no-repeat;
    height: 216px;
    width: 160px;
    cursor: pointer;
}

.arabic_0 { background-position: 0px 0px; }
.arabic_1 { background-position: -160px 0px; }
.arabic_2 { background-position: -320px 0px; }
.arabic_3 { background-position: -480px 0px; }
.arabic_4 { background-position: -640px 0px; }
.arabic_5 { background-position: -800px 0px; }
.arabic_6 { background-position: -960px 0px; }
.arabic_7 { background-position: -1120px 0px; }
.arabic_8 { background-position: -1280px 0px; }
.arabic_9 { background-position: -1440px 0px; }

/* Small Numberals */
.smallnum
{
    background-image: url(/images/assessment/arabic_numerals_small.png);
    background-repeat: no-repeat;
    height: 108px;
    width: 80px;
    cursor: pointer;
}

.small_0 { background-position: 0px 0px; }
.small_1 { background-position: -80px 0px; }
.small_2 { background-position: -160px 0px; }
.small_3 { background-position: -240px 0px; }
.small_4 { background-position: -320px 0px; }
.small_5 { background-position: -400px 0px; }
.small_6 { background-position: -480px 0px; }
.small_7 { background-position: -560px 0px; }
.small_8 { background-position: -640px 0px; }
.small_9 { background-position: -720px 0px; }

/* Sets */
.sets
{
    background-image: url(/images/assessment/dot_sets.png);
    background-repeat: no-repeat;
    height: 216px;
    width: 160px;
}

.sets_0 { background-position: 0px 0px; }
.sets_1 { background-position: -160px 0px; }
.sets_2 { background-position: -320px 0px; }
.sets_3 { background-position: -480px 0px; }
.sets_4 { background-position: -640px 0px; }
.sets_5 { background-position: -800px 0px; }
.sets_6 { background-position: -960px 0px; }
.sets_7 { background-position: -1120px 0px; }
.sets_8 { background-position: -1280px 0px; }
.sets_9 { background-position: -1440px 0px; }

#number_canvas {
    width: 600px;
    height: 450px;
    position: relative;
}

.assessment_canvas1 {
    margin: 0px 0px 0px 0px;
    background-image: url(/images/assessment/canvas1.jpg);
    background-repeat: no-repeat;
}

.assessment_canvas2 {
    margin: 0px 0px 0px 0px;
    background-image: url(/images/assessment/canvas2.jpg);
    background-repeat: no-repeat;
}

.assessment_canvas3 {
    margin: 0px 0px 0px 0px;
    background-image: url(/images/assessment/canvas3.jpg);
    background-repeat: no-repeat;
}

.assessment_canvas4 {
    margin: 0px 0px 0px 0px;
    background-image: url(/images/assessment/canvas4.jpg);
    background-repeat: no-repeat;
}

.assessment_canvas5 {
    margin: 0px 0px 0px 0px;
    background-image: url(/images/assessment/canvas5.jpg);
    background-repeat: no-repeat;
}

.progress_canvas {
    height: 40px;
    width: 100%;
    margin: 0px 0px 4px 0px;
    padding-top: 2px;
    padding-left: 2px;
}

.number_canvas_object {
    position: absolute;
}

#assessment_canvas {
    position: relative;
}

#status_canvas {
    height: 50px;
    margin: 5px 15px 5px 15px;
/*    border: 1px solid red;*/
}

#status_left {
    width: 790px;
    float: left;
    text-align: left;
 /*   border: 1px solid green; */
}

#status_right {
    float: right;
    text-align: right;
/*    border: 1px solid blue; */
}

/* One Single Dot */
.one_single_dot
{
    background-image: url(/images/assessment/one_single_dot.png);
    background-repeat: no-repeat;
    height: 75px;
    width: 75px;
    cursor: pointer;
}

#number_donebutton {
    padding-top: 150px;
    padding-left: 70px;
}

.assess_taskcounter {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    font-family: arial, helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Grande", verdana;
}

.assess_instructions {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    font-family: arial, helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Grande", verdana;
}