/**
 *  YSA Progress Application - Styles
 */
/* Framework overrides */
.f_t {
    width:              150px;
} 

#juv_selector {
    width:              450px;
    padding:            10px;
    clear:              both;
}
    
    #juv_selector dl.f {
        display:        inline;
        float:          left;
        clear:          none;
    }
    
    #juv_selector div.f_r_submit {
        margin:         0;
        clear:          none;
        display:        inline;
        float:          left;
        width:          120px;
    }
    
    #juv_selector div.f_r_submit f_submit {
        float:          left;
        display:        inline;
        clear:          none;
    }

/* Juvenile selection warning message */
div.no_juv_selection {
    width:              400px;
    border:             1px dashed #CAA;
    background:         #FEE;
    padding:            10px;
}

.id_info span.name, .id_info span.referral, .id_info span.po, .id_info span.zone {
    float:              left;
    width:              300px;
}

.id_info span.name strong, .id_info span.referral strong, .id_info span.po strong, .id_info span.zone strong {
    width:              130px;
    display:            inline-block;
    display:            -moz-inline-box;
}

.id_info span.name {
}

.id_info span.referral {
    clear:              right;
}

.id_info span.po {
}

.id_info span.zone {
    clear:              right;
}

.cog_int {
    width:              660px;
    clear:              both;
    color:              #555;
}

    .cog_int .date, .cog_int .competency, .cog_int .category {
        float:              left;
        display:            inline-block;
        display:            -moz-inline-box;
        padding:            10px;
        width:              180px;
    }

    .cog_int .category {
    }

    .cog_int .date {
    }
    
    .cog_int .competency {
    }
/* DISCHARGE FORM  */
.instruction {
}

.instruction .hours, .instruction .avg {
    float:              left;
    display:            inline-block;
    display:            -moz-inline-box;
    padding:            10px;
}

.instruction .hours {
    width:              350px;
}

.instruction .avg {
}

.citizenship_tasks {
    margin-left:        40px;
}

/* REPORTS */
.report_row {
    clear:              both;
}
    .report_row .name, .report_row .val {
        display:            inline-block;
        display:            -moz-inline-box;
        float:              left;
        padding:            4px;
    }
    .report_row .name {
        font-weight:        bold;
        width:              160px;
    }
    .report_row .val {
    }

div.report_monthly {
    margin:             10px;
    padding:            10px;
    width:              500px;
    border-left:        1px dashed #CCF;
}

div.juv_list {
    width:              100%;
    clear:              both;
}

div.juv_list div.juvenile {
    float:              left;
    width:              200px;
    overflow:           hidden;
}
div.juv_list div.cw {
    float:              left;
    width:              200px;
    overflow:           hidden;
}
div.juv_list div.cw a.inactive {
    font-style:         italic;
    font-size:          85%;
}

div.hours_completed {
    clear:              both;
}

div.hours_completed strong {
    display:            inline-block;
    display:            -moz-inline-box;
    width:              150px;
} 

div.hours_completed span {
    display:            inline-block;
    display:            -moz-inline-box;
    width:              50px;
}

div.report_item {
    padding:            10px;
    border-top:         1px dashed #AAF;
    clear:              both;
}

div.report_item div.course_test_pre {
    background:         #AAC;
}

strong.stat {
    display:            inline-block;
    display:            -moz-inline-box;
    width:              225px;
}

div.total_avg {
    width:              400px;
    padding:            2px;
    background:         #DDD;
}

/* Discharge summary */
div#key {
    clear:              both;
}

.cat_title, .cat_comp, .cat_pre, .cat_post, .cat_diff {
    display:            inline-block;
    display:            -moz-inline-box;
}

.cat_title {
    width:              220px;
}

.cat_comp {
    width:              150px;
}

.cat_pre {
    width:              100px;
}

.cat_post {
    width:              100px;
}

.cat_diff {
    width:              100px;
}

li.svc_learning {
    margin-top:         10px;
    border-top:         1px solid #00E;
    border-left:        1px solid #00E;
    background:         #EEF;
    width:              250px;
}