.info_box { 
    margin: 35px 0 30px 0;
    padding-left: 55px;
    padding-right: 10px; 
}
.round-box { 
    margin: 0 0 0 0; 
}

.complete { 
    color: #70b51b; 
}
.incomplete { 
    color: #2793c8; 
}
img { 
    border: none; 
}

/*  preloader bar for images   */
#status {
    background: url(preloader_bar.gif) no-repeat;
    width: 300px;
    height: 15px;
    margin: 0 auto;
}


.info_box_red {
     padding: 15px 0 15px 50px;
     margin: 10px 0 10px 0;
     color: #cc0000;
     text-align: center;
     background: url(bar_info_red.gif) no-repeat 10px center #f5cccc;
     border: 1px solid #2793C8;
     border-radius: 10px;
	border-color: #cc0000;
    
 }



/*  Statement P,PN   */
 
.statement_text {
    padding: 5px 10px 0 10px;
}
.statement_logo {
    text-align: center;
}
.statement_buttons {
      text-align: center;
      padding: 0 0 20px 0;
}
.statement label {
    font-weight: bold;
    padding: 0 20px 0 5px;
}

.statement_logo {
    float: right; 
}
.statement_title {
    padding-left: 10px;
    padding-top: 1em;
    font-weight: normal;
    font-size: 1.4em;
}   
.statement_header {   
   padding-bottom: 6px;
}

.statement_buttons {
    margin: 0 auto;
    text-align: center;
}

.statement_agree, .statement_disagree, .statement_submit {
    display: inline;
    text-align: center;
}


/*  Course Menu  */

.course_menu {
    width: 95%;
}

.course_menu td {
    padding: 5px;
}

.course_menu_title {
    font-size: 24px;
    font-weight: normal;
    padding-left: 10px;
}

.course_menu_subtitle {
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
}

.course_menu_score {
    font-size: 22px;
}

.course_menu_score_pass {
    color: #70b51b;
}
.course_menu_score_retake {
    color: #2793c8;
}
.course_menu_score img {
    vertical-align:middle;
}   


/*  Course Question and Answer   */

.course_question {
    width: 455px;
    font-size: 1.1em;
    font-weight: normal;
    padding: 10px;
    height:120px;
    border: 1px solid #ababab;
    margin: 0 5px 10px 0;
    border-radius: 10px; 
}

.course_answer_x3 {
    width: 425px; 
    height:130px;
    font-size: 1.1em;
    font-weight: normal;
    padding: 0 0;
    background-color: white;
    //background: url(answer_bg.gif) repeat-y 0 0;
    border: 1px solid #ababab;
    border-radius: 10px;   
}

.hide {visibility:hidden;}
.dd_section_title {align:center; color:#cc0000; margin-top:20px;}
.dd_note{font-size:0.7em;color:#666;padding-top:5px; font-style:italic;}



.course_answer_x4 {
    width: 425px; 
    height:100px;
    font-size: 1.1em;
    font-weight: normal;
    padding: 0 0;
    background-color: white;
    //background: url(answer_bg.gif) repeat-y 0 0;
    border: 1px solid #ababab;
    border-radius: 10px;   
}

.course_answer_x5 {
    width: 425px; 
    height:75px;
    font-size: 1.1em;
    font-weight: normal;
    padding: 0 0;
    background-color: white;
    //background: url(answer_bg.gif) repeat-y 0 0;
    border: 1px solid #ababab;
    border-radius: 10px;   
}

/*  Course Bottom Buttons   */

.course_buttons {
    margin:  0 0 0 0;
    padding: 0 0 0 0;
}
.course_buttons_right {
    float: right;
    margin: 10px 0;
    display:inline
}
.course_buttons_left {
    float: left;
    margin: 10px 0;
    display:inline
}

/*  Course Prompt   */

.course_prompt {
    font-size: 16px; 
    padding: 15px 15px 15px 45px;
    color: #2793C8;
    border: 1px solid #2793c8;
    margin: 5px 0 10px 0;
    border-radius: 10px;
    text-align: center;
    background-color: #b3e3fa;
}

.course_prompt_attention {
    background: url(bar_info.gif) no-repeat 10px center #B3E3FA;
}
.course_prompt_attention_red {
    background: url(bar_info_red.gif) no-repeat 10px center #f5cccc;
    border-color: #cc0000;
    color: #cc0000;
}

.course_prompt_correct {
   background: url(bar_correct.gif) no-repeat 10px center #eaf4dd;
   border-color: #70b51b;
   color: #70b51b;
}
.course_prompt_incorrect {
    background: url(bar_incorrect.gif) no-repeat 15px center #f5cccc;
    border-color: #cc0000;
    color: #cc0000;
}


/*  Course Correct Answer  */
.correct_answer {
    cursor: default;
    background: url(answer_correct.gif) no-repeat 98% 95%;
    min-height: 100%;
}

/*  Course Number 1-15   */

.course_numbers_container {
    text-align: center;
    margin: 0 auto; 
}
.course_numbers {
    display:block;
    float: left;
    height: 41px;
    width: 41px;
    padding: 11px 0 0 0;
    margin: 10px 5px 0 5px;
    font-size: 18px;
    font-weight: bold;
    background: url(progress_normal.gif) no-repeat 0 0 white;
}

.course_numbers_20 {
    display:block;
    float: left;
    height: 41px;
    width: 41px;
    padding: 11px 0 0 0;
    margin: 10px 0 0 0;
    font-size: 18px;
    font-weight: bold;
    background: url(progress_normal.gif) no-repeat 0 0 white;
}

.course_numbers_correct {
    background: url(progress_correct.gif) no-repeat 0 0 white;
}
.course_numbers_incorrect {
    background: url(progress_incorrect.gif) no-repeat 0 0 white;
}
.course_numbers_current {
     background: url(progress_selected.gif) no-repeat 0 0 white;
     color: white;
}
.course_numbers_current_correct {
     background: url(progress_selected_correct.gif) no-repeat 0 0 white;
     color: white;
}
.course_numbers_current_incorrect {
     background: url(progress_selected_incorrect.gif) no-repeat 0 0 white;
     color: white;
}

/*  Section Complete Section   */

.course_sect_complete_header {
    font-size: 20px;
    font-weight: bold;
}

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

.course_sect_complete_text {
    padding: 0 10px 0 0;
    font-size: 16px;
}

.course_sect_complete_score_fail {
    font-size: 30px;
    font-weight: bold;
    color: #2793c8;
    padding: 0;
    margin: 0; 
}

.course_sect_complete_score_pass {
    font-size: 30px;
    font-weight: bold;
    color: #70b51b;
    padding: 0;
    margin: 0; 
}

.course_green {
    color: #70b51b;
}

#roadrisk_sign_container {
    position: relative;
    font-size: 18px;
}

#roadrisk_sign_holder {
    height: 110px;
    width: 110px;
    position: absolute;
}



.roadrisk_sign_answer_container {
    border: 1px solid #ababab;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 0 0 0;
}

.roadrisk_sign_little_sign {
    padding: 0 34px;
}

#roadrisk_clicker_container {
    width: 906px;
    height: 360px;
    position: relative;
    font-size: 18px;
}

#roadrisk_haz_info_text {
    border: 1px solid #ababab;
    padding: 10px;
    text-align: center;
    background-color: white;
    position: absolute;
    width: 904px;
    height: 338px;
    left: 0;
    top: 0;
    z-index: 1;
}
#roadrisk_haz_info_text_finish {
    padding: 20px 20px 0 20px;
    text-align: center;
    background-color: white;
    position: absolute;
    left: 200px;
    top: 120px;
    min-width: 475px;
    border-radius: 5px;
    z-index: 1;
}
.hazard_clickers_timer_container {
     border: 1px solid #ababab;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0 0 0;
    text-align: center;
}
#clickers_start {
    position: absolute;
    left: 410px;
    top: 300px;
    z-index: 2;
}

/*
  Custom radio and checkboxes
*/ 



.att_radio { background: url(checkbox_normal.gif) no-repeat 7px 50%}

.custom-checkbox, .custom-radio { position: relative; }  
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
    position: absolute;
    left: 10px;
    top: 25px;
    margin: 0;
    z-index: -1;
}

.custom-checkbox label, 
.custom-radio label {
    display: block;
    position: relative;
    z-index: 1;
    padding: .75em .5em .75em 55px;
    cursor: pointer;
}

.custom-checkbox label_rr, 
.custom-radio label_rr {
    display: block;
    position: relative;
    z-index: 1;
    padding: .75em .5em .75em 55px;
    cursor: pointer;
}
   
/* states */
.custom-checkbox-beh label { background: url(./checkbox_normal.gif) no-repeat 7px 50%}
.custom-checkbox label { background: url(./checkbox_normal_lite.gif) no-repeat 7px 50%}

.custom-radio-beh label { background: url(./checkbox_normal.gif) no-repeat 7px 50%}
.custom-radio label { background: url(./checkbox_normal_lite.gif) no-repeat 7px 50%}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
    
}

.custom-checkbox label.checked, 
.custom-radio label.checked {    
    background: url(checkbox_checked_lite.gif) no-repeat  7px 50%;
}


.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {    
}

label.correct_answer {
    cursor: default;
}

label.incorrect_answer {
    cursor: default;
    margin: 0 auto;
}

#feedback-tabs_container {
    height: 45px;
    position: relative;
}

ul.feedback-tabs {
        display: inline-block;
        list-style-type: none;
        border-bottom: 10px solid #cc0000;
        min-width: 1000px;
        margin: 0 0 0 -15px;
        padding: 0;
        position: absolute; bottom: 0; left: 0;
    }
    
     .feedback-tabs li {
         float: left;
        font-size: 14px;
        position: relative;
        display: block;
        background-color: #939495;
        color: white;
        padding: 0;
        border-radius: 5px 5px 0 0;
        margin: 0 0 0 3px
    }
    
    .feedback-tabs a {
        float:left;
        height: 20px;
        line-height: 20px;
        display:block;
        position: relative;
        color: white;
        padding: 3px 8px 3px 8px;
        text-decoration: none;
    }
    
    .feedback-tabs a:hover {
        background-color: #cc0000;
        border-radius: 5px 5px 0 0;
    }
    
    .feedback-tabs-current {
        background-color: #cc0000;
        border-radius: 5px 5px 0 0;
    }
    
    .bp_text {
        height: 280px;
        width: 455px;
        overflow-y:scroll;
        border: 1px solid #ababab;
        padding: 0 10px;
    }