/* Dashboard */
.tab {border-bottom: 1px solid #bbb; margin: 20px 0;}
.tab_title {float: left; background: #183756; padding: 10px 20px; font-size: 1.6em; color:#fff; text-transform:uppercase; margin-right: 5px; -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px; }
.course_row {position: relative; background:#fff; color:#363636; border: 1px dashed #bbb; padding: 20px; margin-bottom: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.course_row table {height: 100px;}
.course_row table td {vertical-align:middle}
.course_row .c1 {font-size: 1.4em;}
.course_row .c1 img {display: block; margin-bottom: 10px;}
.course_row .c2 {text-align:center; background: url('../../images/private/dashboard_course_row_div.jpg') no-repeat left center}
.course_row .c3 {text-align:center; background: url('../../images/private/dashboard_course_row_div.jpg') no-repeat left center}
.course_row .note {padding-top:5px;font-size:.8em; color:#788999;}

.plt_graph {display:none; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc;}
.plt_graph table {margin: 0 auto;}
.plt_graph table td {text-align:center}
.dash_download_cert {text-align: center;}
.plt_graph .cat_per_complete {color:blue}
/*.dash_ce_subcourses {margin-top: 10px; padding-top:10px; border-top: 1px solid #bbb;}
.dash_ce_subcourses td {font-weight:bold;}*/
.ce_title {background: url('../../images/private/cert-download-dot.png') no-repeat left 50%; padding-left: 20px;}

.account_box {background:#fff; border:1px solid #ddd; padding:15px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.account_heading {font-family: "Lucida Grande", Helvetica, Arial, sans-serif; color:#183756; font-size:22px; font-weight:bold; margin-bottom:15px;}

.pc_active {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/pc_active.png') no-repeat;}
.pc_inactive {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/pc_inactive.png') no-repeat;}

.audio_active {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/audio_active.png') no-repeat;}
.audio_inactive {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/audio_inactive.png') no-repeat;}

.spanish_active {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/spanish_active.png') no-repeat;}
.spanish_inactive {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/spanish_inactive.png') no-repeat;}
.english_active {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/english_active.png') no-repeat;}
.english_inactive {font-size:10px; min-height: 26px; padding-left:30px; background: url('../../images/private/english_inactive.png') no-repeat;}

/* Mentor Goals */
.mentor_goals_wrapper div {font-weight:bold; font-size:10px; padding-left:30px; background: url('../../images/private/mentor_goal_dash_icon.png') no-repeat left 50%;}
.mentor_goals_wrapper span {display: block; color:blue; cursor: pointer}
.mentor_goals_wrapper p {font-style: italic; font-size: .9em;}
.mentor_goals_wrapper table {display:none}

/* Course Star Rating / Feedback */
#feedback_dialog {display:none}
#frm_feedback_review {width: 100%; height: 80px;}

.rating_star {display: table-cell; width: 20px; height: 19px; padding: 0; margin:0;}
.rating_star .star_full { width: 20px; height: 19px;background: url('/assets/images/public/star-full.png') no-repeat}
.rating_star .star_half { width: 20px; height: 19px;background: url('/assets/images/public/star-half.png') no-repeat}
.rating_star .star_empty { width: 20px; height: 19px;background: url('/assets/images/public/star-empty.png') no-repeat}
.rating_count {display: table-cell; padding-left: 5px; vertical-align: middle; color:blue; font-size: 12px;}
.course_rating {padding-bottom: 5px;}

.allow_feedback .rating_star {cursor: pointer}

.allow_feedback .star_hover .star_full,
.allow_feedback .star_hover .star_half,
.allow_feedback .star_hover .star_empty {background: url('/assets/images/public/star-hover.png') no-repeat}

.allow_feedback .star_remove .star_full,
.allow_feedback .star_remove .star_half,
.allow_feedback .star_remove .star_empty {background: url('/assets/images/public/star-empty.png') no-repeat}

#dashboard_myaccount_nav_center {display: table; margin: 0 auto;}
#dashboard_myaccount_nav {list-style: none;}
#dashboard_myaccount_nav li {float: left; width: auto; padding-right: 5px; margin-right: 5px; border-right: 1px solid #777;}
#dashboard_myaccount_nav li:last-child {border: none}

.dash_course_box {position: relative; width:100%;}
.dash_course_box .col1 {float: left; width: 40%;}
.dash_course_box .col2 {float: left; width: 30%;}
.dash_course_box .col3 {float: left; width: 30%;}
.dash_course_box .addon_box {border-top: 1px solid #ccc; padding: 4px 0;}
.plt_graph {display: table; margin:0 auto;}
.plt_graph div {float: left;}
.dash_archive {cursor: pointer; position: absolute; bottom:5px; right:5px; }
.dash_archive img {max-width:100%; width: 24px;}
.dash_summary {cursor: pointer; position: absolute; bottom:5px; left:5px; font-size:12px;}

.archived_block h3 {font-style: italic; color:#999;}

.account_box .acc_left {float: left; width: 48%; border-right: 1px dashed #ccc;}
.account_box .acc_right {float: right; width: 48%;}
.account_box .acc_left_large {float: left; width: 68%; border-right: 1px dashed #ccc;}
.account_box .acc_right_small {float: right; width: 28%;}

@media (max-width:800px)  {
    #dashboard_myaccount_nav li {float: none; width: 100%; border: none; border-bottom: 1px solid #aaa; padding: 3px 0;}
    .dash_course_box .col1 {float: none; width: 100%;}
    .dash_course_box .col2 {float: none; width: 100%; text-align: center}
    .dash_course_box .col3 {float: none; width: 100%; text-align: center}
    .plt_graph {display: block;}
    .plt_graph div {display: table; margin: 0 auto; float: none}
    
    .account_box .acc_left {float: none; width: 100%;border-right: none;}
    .account_box .acc_left_large {float: none; width: 100%;border-right: none;}
    .account_box .acc_right {float: none; width: 100%; margin-top: 20px; padding-top:20px; border-top: 1px solid #ccc;}
    .account_box .acc_right_small {float: none; width: 100%; margin-top: 20px; padding-top:20px; border-top: 1px solid #ccc;}
}