@charset "UTF-8";
/*
Intelivert Common Stylesheet (c) 2014

Blue:  RGB: 14, 88, 139 | HEX: #0e588b
Green:   RGB: 113, 150, 62 | HEX: #71963e
/..................................  */


/* MEDIA
----------------------------------------------------------*/

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.alert {
    color: #a00;
    font-size: 10pt;
    font-weight: bold;
}

.alertSmall {
    color: #a00;
    font-size: 8pt;
    font-weight: normal;
}

/* Form */
/*
div.formContainer  { background-color: #eee; border: 1px solid #ccc; padding: 12px; margin: 0px 0px 0px 0px; }

.formTable              { padding: 6px; margin: 0px;}
.formTable th           { color: #125687; font-weight: bold; padding: 2px 6px 2px 6px; text-align: left; vertical-align: top; white-space: nowrap; }
.formTable td           { color: #777; padding: 2px 6px 2px 6px; text-align: left; }
.formTable td.info      { display: block; padding-bottom: 6px; }
.formTable td.header    { color: #7AB800; font-size: 12pt; font-weight: bold; white-space: nowrap; padding: 6px 0px 6px 0px; }
.formTable th.header    { color: #7AB800; font-size: 12pt; font-weight: bold; white-space: nowrap; padding: 6px 0px 6px 0px; text-align: center; }
.formTable th.headerBlue    { color: #669cc3; font-size: 12pt; font-weight: bold; white-space: nowrap; padding: 6px 0px 6px 0px; text-align: center; }
.formTable td.buttons   { display: block; padding: 6px; text-align: center; }
.formLabel              { color: #555; display: block; font-weight: bold; }
.formLabelRequired      { color: #a00; display: block; font-weight: bold; }
.formControl            { margin-bottom: 3px; }

.defaultForm        { margin: 0px auto 12px auto; }
.defaultForm th     { color: #6c953c; font-size: 10pt; font-weight: bold; text-align: left; vertical-align: top; }
.defaultForm td     { color: #6c953c; font-size: 10pt; font-weight: bold; padding: 6px; text-align: left; }
*/

/* Grid */
/*
.grid   { }
.grid a { color: #024731 !important; }
.grid a:hover { color: #3C8A2E !important; }
.grid .rgRow a, .rgAltRow a                 { color: #024731 !important; }
.grid .rgRow a:hover, .rgAltRow a:hover     { color: #3C8A2E !important; }
*/

/* gridview styles */
/*
.mGrid { width: 100%; background-color: #fff; margin: 0px; border: solid 1px #525252; border-collapse:collapse; font-size: 1.4em; font-weight: bold; }   
.mGrid caption { color: #6c953c; font-size: 1.2em; font-weight: bold; }
.mGrid td { padding: 3px; border: solid 1px #c1c1c1; color: #717171; font-size: 0.8em; }   
.mGrid th { padding: 4px 3px; color: #fff; background: #125687; border-left: solid 1px #525252; font-size: 0.8em; }   
.mGrid .alt { background: #efefef; }   
.mGrid .pgr { background: #424242; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td { border-width: 0; padding: 0 6px;border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }      
.mGrid .pgr a { color: #125687; text-decoration: none; }   
.mGrid .pgr a:hover { color: #125687; text-decoration: none; }  
.mGrid a:link      { color: #024731; font-weight: bold; text-decoration: none; }
.mGrid a:visited   { color: #024731; font-weight: bold; text-decoration: none; }
.mGrid a:hover     { color: #3C8A2E; font-weight: bold; text-decoration: none; }
.mGrid a:active    { color: #024731; font-weight: bold; text-decoration: none; }
.mGrid a[disabled=disabled]    { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.mGrid a:visited[disabled=disabled] { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.mGrid a:hover[disabled=disabled]   { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.mGrid a:active[disabled=disabled]  { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }

.mGrid-disabled { width: 100%; background-color: #fff; margin: 0px; border: solid 1px #949494; border-collapse:collapse; opacity:0.4; filter:alpha(opacity=40); }   
.mGrid-disabled td { padding: 3px; border: solid 1px #c1c1c1; color: #717171; font-size: 0.8em; }   
.mGrid-disabled th { padding: 4px 3px; color: #fff; background: #848484; border-left: solid 1px #949494; font-size: 0.8em; }   
.mGrid-disabled .alt { background: #fcfcfc; }   
.mGrid-disabled .pgr { background: #424242; }   
.mGrid-disabled .pgr table { margin: 5px 0; }   
.mGrid-disabled .pgr td { border-width: 0; padding: 0 6px;border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }      
.mGrid-disabled .pgr a { color: #949494; text-decoration: none; }   
.mGrid-disabled a:link      { color: #c8c8c8; font-weight: bold; text-decoration: none; }
.mGrid-disabled a:visited   { color: #c8c8c8; font-weight: bold; text-decoration: none; }
.mGrid-disabled a:hover     { color: #c8c8c8; font-weight: bold; text-decoration: none; }
.mGrid-disabled a:active    { color: #c8c8c8; font-weight: bold; text-decoration: none; }
*/

/* dataGrid gridview */
/*
.dataGrid { width: 100%; background-color: #fff; margin: 0px; border: solid 1px #555; border-collapse:collapse; }   
.dataGrid caption { color: #6c953c; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.dataGrid td { padding: 4px 12px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; color: #717171; font-size: 1.0em; }   
.dataGrid th { padding: 8px 12px; color: #fff; background: #125687; border-bottom: solid 1px #555; font-size: 1.2em; text-transform: uppercase; }   
.dataGrid .alt { background: #efefef; }   
.dataGrid .pgr { background: #424242; }   
.dataGrid .pgr table { margin: 5px 0; }   
.dataGrid .pgr td { border-width: 0; padding: 0 6px;border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }      
.dataGrid .pgr a { color: #125687; text-decoration: none; }   
.dataGrid .pgr a:hover { color: #125687; text-decoration: none; }  
.dataGrid a:link      { color: #024731; font-weight: bold; text-decoration: none; }
.dataGrid a:visited   { color: #024731; font-weight: bold; text-decoration: none; }
.dataGrid a:hover     { color: #3C8A2E; font-weight: bold; text-decoration: none; }
.dataGrid a:active    { color: #024731; font-weight: bold; text-decoration: none; }
.dataGrid a[disabled=disabled]    { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.dataGrid a:visited[disabled=disabled] { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.dataGrid a:hover[disabled=disabled]   { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.dataGrid a:active[disabled=disabled]  { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
*/

.progressMarkContainer {
    text-align: center;
}

/*
.button-action
{
    color: #efefef;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	padding: .15em 1.0em .20em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-size: 0.7em;
	white-space: nowrap;
	height: 32px;
	width: 220px;
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    -ms-user-select:none;
    user-select:none; 
    margin: 4px 0px 4px 0px;
}

.disabled 
{
	border: solid 1px #cccccc;
    font-weight: bold;
    background: #eeeeee; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); 
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); 
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); 
}

.button-action  { }
.disabled       { }
*/

/* Course */
.status-active {
    color: #1da109;
    font-weight: bold;
}

.status-inactive {
    color: #be0b18;
    font-weight: bold;
}

.status-unknown {
    color: #c3590b;
    font-weight: bold;
}

.courseContainer {
}

    .courseContainer tr.listItemHeader {
        background-color: #C6C6BC;
    }

    .courseContainer tr.listItem td {
        padding: 6px;
        vertical-align: middle;
    }

.courseInfoContainer {
}

.courseNavigationContainer {
    background-color: #eee;
    border: 1px solid #ccc;
    margin-bottom: 12px;
    padding: 12px;
}

.course {
    color: #efefef;
    display: inline-block;
    outline: none;
    text-align: left;
    text-decoration: none;
    /* font: Arial, Helvetica, sans-serif; */
    padding: .2em 1.5em .25em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-size: 12pt;
    font-weight: bold;
}

.courseComplete {
    background: #3c8a2e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOGEyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjQ3MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3c8a2e 0%, #024731 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c8a2e), color-stop(100%,#024731)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c8a2e 0%,#024731 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c8a2e 0%,#024731 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c8a2e 0%,#024731 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3c8a2e 0%,#024731 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3c8a2e', endColorstr='#024731',GradientType=0 ); /* IE6-8 */
}

.courseInProgress {
    background: #c6c6bc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzU4NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c6c6bc 0%, #676c70 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6bc), color-stop(100%,#676c70)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6c6bc 0%,#676c70 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6c6bc 0%,#676c70 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c6c6bc 0%,#676c70 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c6c6bc 0%,#676c70 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c6c6bc', endColorstr='#676c70',GradientType=0 ); /* IE6-8 */
}

.stepContainer {
    background: #d1ec9b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZWM5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzdhYjgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #d1ec9b 0%, #7ab800 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1ec9b), color-stop(99%,#7ab800)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d1ec9b 0%,#7ab800 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d1ec9b 0%,#7ab800 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d1ec9b 0%,#7ab800 99%); /* IE10+ */
    background: linear-gradient(to bottom, #d1ec9b 0%,#7ab800 99%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ec9b', endColorstr='#7ab800',GradientType=0 ); /* IE6-8 */
    border: 1px solid #024731;
    padding: 8px 16px 8px 16px;
    margin: 8px;
}

.courseInfo {
    margin-bottom: 24px;
    width: 100%;
}

    .courseInfo th {
        color: #3C8A2E;
        font-size: 10pt;
        font-weight: bold;
        padding-right: 16px;
        vertical-align: top;
        white-space: nowrap;
    }

    .courseInfo td {
        color: #676c70;
        font-size: 10pt;
        vertical-align: top;
    }

.course-summary-info {
    font-weight: bold;
    margin-bottom: 12px;
}

.course-summary-info-highlight {
    color: #6c953c;
}

.course-description {
}

.course-personnel {
    margin-top: 12px;
}

.course-personnel-header {
    color: #000;
    font-size: 10pt;
    font-weight: bold;
}

/* Module */
.modulesContainer {
    position: relative;
}

.modulesList {
    padding: 3px 0px 0px 0px;
    vertical-align: middle;
}

.modulesListDisabled {
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35;
}

.xmodulesDisabled {
    border: 1px solid #00f;
    width: 50%;
    margin: 0px auto;
}

.modulesDisabled {
    bottom: 0px;
    color: #676c70;
    font-size: 28pt;
    font-weight: bold;
    left: 0px;
    margin: -48px 32px auto 32px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 50%;
}

.modulePercent {
    display: inline-block;
    width: 60px;
}

.moduleComplete {
    background-color: #FFCC00;
    border: 1px solid #000;
    display: inline-block;
    height: 12px;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 0px;
    width: 12px;
}

.moduleIncomplete {
    background-color: #C6C6BC;
    border: 1px solid #000;
    display: inline-block;
    height: 12px;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 0px;
    width: 12px;
}

.moduleThumbLink {
    position: relative;
}

.moduleThumbComplete {
    border: 1px solid #C6C6BC;
    display: inline-block;
    height: 108px;
    margin: 8px;
    width: 192px;
}

.moduleThumbIncomplete {
    border: 1px solid #C6C6BC;
    display: inline-block;
    height: 108px;
    margin: 8px;
    width: 192px;
}

.moduleThumbComplete img {
    height: 108px;
    width: 192px;
}

.moduleThumbIncomplete img {
    height: 108px;
    width: 192px;
}

.moduleStatusIcon {
    position: absolute;
    right: 10px;
    bottom: 1px;
}

.moduleTransferList {
    vertical-align: top;
}

    .moduleTransferList .rlbList {
        height: 400px !important;
        overflow: auto;
    }

/* Course Progress */
.arrowBoxContainer {
    font-size: 8pt;
    font-weight: bold;
}

.arrowBox-1 {
    z-index: 50;
}

.arrowBox-2 {
    z-index: 40;
}

.arrowBox-3 {
    z-index: 30;
}

.arrowBox-4 {
    z-index: 20;
}

.arrowBox-5 {
    z-index: 10;
}

.arrowBox-end-en {
    position: relative;
    background: #3c8a2e;
    border: 2px solid #024731;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-en {
    position: relative;
    background: #3c8a2e;
    border: 2px solid #024731;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-en:after, .arrowBox-en:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-en:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #3c8a2e;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-en:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #024731;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

.arrowBox-end-dis {
    position: relative;
    background: #ededed;
    border: 2px solid #676c70;
    color: #676c70;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-dis {
    position: relative;
    background: #ededed;
    border: 2px solid #676c70;
    color: #676c70;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-dis:after, .arrowBox-dis:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-dis:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #ededed;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-dis:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #676c70;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

.arrowBox-end-high {
    position: relative;
    background: #FECB00;
    border: 2px solid #856400;
    color: #856400;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-high {
    position: relative;
    background: #FECB00;
    border: 2px solid #856400;
    color: #856400;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-high:after, .arrowBox-high:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-high:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #FECB00;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-high:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #856400;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

.arrowBox-end-na {
    position: relative;
    background: #676c70;
    border: 2px solid #676c70;
    color: #ededed;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-na {
    position: relative;
    background: #676c70;
    border: 2px solid #676c70;
    color: #ededed;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-na:after, .arrowBox-na:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-na:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #676c70;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-na:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #676c70;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

/* Questions */
.questionContainer {
    background-color: #ededed;
    border: 1px solid #ccc;
    margin: 0px auto 12px auto;
    width: 100%;
}

    .questionContainer .button {
        margin: 16px;
    }

.questionHeader {
}

.vignette {
    color: #024731;
    font-size: 12pt;
    font-style: italic;
    font-weight: normal;
}

.vignette {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

    .vignette:before {
        color: #ccc;
        /* content: open-quote; */
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    .vignette p {
        display: inline;
    }

.quiz-audio-container {
    float: right;
    margin: 4px 8px;
    width: 240px;
}

.quiz-question-text {
    overflow: hidden;
}

.questionText {
    color: #024731;
    font-size: 12pt;
    font-weight: normal;
    padding: 16px 16px 0px 16px;
}

.answerContainer {
    color: #000;
    margin: 18px 0px 8px 24px;
    font-weight: bold;
}

    .answerContainer td {
        padding: 0px 6px 0px 6px;
    }

/* Certificate */
.certificateContainer {
    border: 1px solid #676c70;
    height: 700px;
    margin: auto;
    text-align: center;
    width: 530px;
}

/* Registration */
.registrationTable {
    margin: auto;
    width: 100%;
}

    .registrationTable td {
        text-align: center;
    }

/* Employee */
.userInfoContainer {
}

/* Employee Home */
.viewDisclosure {
    background-color: #fff6bf;
    border: 1px solid #fdd845;
    color: #a98e47;
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.viewQuiz {
    background-color: #fff6bf;
    border: 1px solid #fdd845;
    color: #a98e47;
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.viewEvaluation {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #a98e47;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

    .viewEvaluation a {
        color: #d8a556 !important;
    }

.viewCertificate {
    background-color: #cce9bd;
    border: 1px solid #407226;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

    .viewCertificate a {
        color: #407226 !important;
    }

.certificateAlert {
    background-color: #eecdc8;
    border: 1px solid #a00;
    color: #a00;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.course-locked-message {
    background-color: #eecdc8;
    border: 1px solid #8a0e1f;
    color: #8a0e1f;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
    margin-bottom: 12px;
}

.courseAdminOptions {
    background-color: #a5cae4;
    border: 1px solid #274257;
    color: #274257;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

/*
.alertMessageBox     { background-color: #fefacb; border: 1px solid #d8a556; color: #000; font-size: 1.2em; font-weight: bold; padding: 8px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); }
.alertMessageBox     { background-color: #fefacb; border: 1px solid #d8a556; color: #000; font-size: 1.2em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); }
.alertMessageBox     { background-color: #fefacb; border-bottom: 0px; border-left: 1px solid #d8a556; border-right: 1px solid #d8a556; border-top: 1px solid #d8a556; color: #000; font-size: 1.2em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px; }
*/
.alertMessageBox {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #8c590a;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

    .alertMessageBox a {
        color: #8a0e1f;
    }

.attendees-list {
    display: table;
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px));
    height: calc(100% - 60px));
}

/* Popup */
.popupContainer {
    margin: 0px;
    padding: 0px;
}
/* style="margin: 16px; width: 412px;" */

/* Rad Customizations */
.RadWindow_Default a.rwIcon {
    background-image: none !important;
}

/* Messages */
.messagesContainer, .messagesContainerPadded {
    font-family: "Trebuchet MS Bold Italic", Tahoma, Geneva;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.messagesContainerPadded {
    margin: 16px;
}
/*
.alertMessage
{
    background: #9f3019;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9f3019 0%, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f3019), color-stop(100%,#cf0404));
    background: -webkit-linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    background: -o-linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    background: -ms-linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    background: linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9f3019', endColorstr='#cf0404',GradientType=0 );
    color: #eeaaaa;
}
*/

/* html content viewer */
.htmlContentContainer {
    height: 100%;
    overflow: scroll;
    width: 100%;
}

.htmlContentContainerScroll {
    margin: 12px;
}

/* video player */
/*
.viewportContainer  { background-color: #eee; border-top: 8px solid #57584f; border-right: 10px solid #57584f; border-bottom: 10px solid #57584f; border-left: 8px solid #57584f; margin: 16px auto 32px auto; position: relative; }
*/
.viewportContainer {
    margin: 16px auto 32px auto;
    position: relative;
}

.playerContainer {
    border: 1px solid #ccc;
    height: 100%;
    width: 100%;
}

.vplayer-container {
    height: 432px;
    position: relative;
    opacity: 1.0;
    filter: alpha(opacity=100);
    width: 768px;
    z-index: 100;
}

.vplayer-container-hybrid {
    height: 144px;
    left: 31px;
    position: absolute;
    top: 21px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    width: 256px;
    z-index: 100;
}

.playerControlsContainer {
    background-color: #d6ebb2;
    border: 1px solid #004631;
    padding: 6px;
    vertical-align: middle;
}

    .playerControlsContainer img {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
        vertical-align: middle;
    }

        .playerControlsContainer img:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            -moz-opacity: 1;
            opacity: 1;
        }

        .playerControlsContainer img:active {
            -moz-transform: scaleY(-1);
            -webkit-transform: scaleY(-1);
            -o-transform: scaleY(-1);
            transform: scaleY(-1);
            -ms-filter: flipv; /*IE*/
            filter: flipv; /*IE*/
        }

.playerTime {
    display: inline-block;
    font-size: 1.4em;
    height: 43px;
    line-height: 43px;
    margin: 0px 16px 0px 16px;
    vertical-align: middle;
}

.playerVolumeSlider {
    margin: 10px;
    width: 200px;
    display: inline-block;
    margin: 16px 12px 0px 12px;
    vertical-align: top;
}

.optionsContainer {
    text-align: center;
}

.optionButtons {
}

.mediaNotes {
    color: #777;
    font-size: 1.2em;
}

/* quiz */
.published {
    color: #23538a;
}

.notPublished {
    color: #a00;
}

.publishedQuizMessageContainer {
    background-color: #a5cae4;
    border: 1px solid #274257;
    color: #274257;
    font-size: 1.0em;
    font-weight: bold;
    padding: 12px;
    overflow: auto;
    white-space: nowrap;
}

/* course */
/*
#courseMenu     { background-color: #fff; display: inline-block; margin-right: 16px; vertical-align: top; width: 180px; }
#courseContent  { display: inline-block; vertical-align: top; width: 792px; }

#courseMenu     { background-color: #fff; float: left; vertical-align: top; width: 180px; }
#courseContent  { float: right; padding-bottom: 16px; vertical-align: top; }
*/
#courseMenu {
    background-color: #fff;
    float: left;
    vertical-align: top;
    width: 180px;
}

#courseContent {
    overflow: hidden;
    padding-bottom: 16px;
    vertical-align: top;
}

.courseModuleActions {
    background-color: #dedede;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: 100%;
}

    .courseModuleActions th {
        font-size: 0.8em;
        padding: 2px;
        text-align: center;
    }

    .courseModuleActions .actionsLeft {
        border-right: 1px solid #000;
        cursor: pointer;
        width: 33%;
    }

    .courseModuleActions .actionsMiddle {
        cursor: pointer;
        width: 34%;
    }

    .courseModuleActions .actionsRight {
        border-left: 1px solid #000;
        cursor: pointer;
        width: 33%;
    }

.listHighlight {
    border: 1px solid #669cc3;
    background-color: #a6c9e1 !important;
}

    .listHighlight div {
        background-color: transparent !important;
    }

div.RadGrid_Simple .rgRow td,
div.RadGrid_Simple .rgAltRow td,
div.RadGrid_Simple .rgHeader,
div.RadGrid_Simple .rgFooter td,
div.RadGrid_Simple th.rgResizeCol,
div.RadGrid_Simple .rgFilterRow td {
    border: none;
}

.progressLabel {
    font-size: 1.2em;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 298px;
}

.progressContainer {
    text-align: center;
    width: 202px;
    z-index: 100;
}

.progressContainerRight {
    text-align: right;
    width: 202px;
    z-index: 100;
    float: right;
}

    .progressContainer img,
    .progressContainerRight img {
        vertical-align: middle;
    }

ul li.existingSite {
    background-color: #eee;
}

ul li.existingSiteLast {
    background-color: #eee;
    border-bottom: 1px solid #999;
}

li.existingSite span, li.existingSiteLast span {
    color: #999 !important;
}

.fileList {
    border: 1px solid #aaa;
    width: 100%;
}

    .fileList caption {
        background-color: #6c953c;
        color: #fff;
        font-size: 1.0em;
        font-weight: bold;
        padding: 4px;
    }

    .fileList td {
        padding: 4px;
    }

.fileList-row {
    background-color: #fff;
}

.fileList-altRow {
    background-color: #eee;
}

/* course styles */
.clearProgressContainer {
    margin-bottom: 6px;
    float: left;
}

.legendContainer {
    margin-bottom: 6px;
    float: right;
    text-align: right;
}

.courseHeader {
    background-color: #ec8e0c;
    border: 1px solid #e78f08;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 6px 0px 6px 0px;
}

    .courseHeader div {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    .courseHeader .courseHName {
        margin: 0px 6px 0px 6px;
        text-align: left;
        width: 650px;
    }

    .courseHeader .courseHDisc {
        width: 28px;
    }

    .courseHeader .courseHView {
        width: 28px;
    }

    .courseHeader .courseHQuiz {
        width: 28px;
    }

    .courseHeader .courseHEval {
        width: 28px;
    }

    .courseHeader .courseHCert {
        width: 28px;
    }

    .courseHeader .courseHStep {
        width: 94px;
    }

    .courseHeader .courseHProgress {
        width: 288px;
    }

.courses {
}

    .courses img {
        vertical-align: middle;
    }

    .courses div {
        display: inline-block;
    }

.course div {
    font-size: 9pt;
}

.noIcon .ui-icon {
    background: none;
}

.course .courseName {
    color: #125687;
    font-size: 1.0em;
    font-weight: bold;
    vertical-align: middle;
    width: 633px;
}

.course .courseDisc {
    text-align: center;
    width: 28px;
}

.course .courseView {
    text-align: center;
    width: 28px;
}

.course .courseQuiz {
    text-align: center;
    width: 28px;
}

.course .courseEval {
    text-align: center;
    width: 28px;
}

.course .courseCert {
    text-align: center;
    width: 28px;
}

.course .courseStep {
    text-align: center;
    width: 94px;
    z-index: 100;
}

.course .courseProgress {
    width: 288px;
    z-index: 100;
}

.modules {
}

.module a {
    color: #e78f08;
    font-weight: bold;
    margin-right: 12px;
}

.moduleThumbnail {
}

    .moduleThumbnail img {
        border: 1px solid #aaa !important;
        height: 158px;
        padding: 2px;
        width: 280px;
        position: relative;
    }

/* course search */
.noSearchResults {
    background-color: #fff;
    border: 1px solid #eee;
    color: #8a0e1f;
    font-size: 14pt;
    padding: 64px;
    text-align: center;
}

/* company site selection */
.siteName span {
    margin-left: 12px;
    color: #090 !important;
}

table.siteSelection {
    text-align: center;
    width: 100%;
}

    table.siteSelection th {
        padding: 6px;
    }

    table.siteSelection td {
        padding: 6px;
        text-align: left;
    }

.noTransferTo .rlbTransferTo,
.noTransferTo .rlbTransferToDisabled,
.noTransferTo .rlbTransferAllToDisabled,
.noTransferTo .rlbTransferAllTo {
    display: none !important;
}

/* module list */
.moduleList .rgMasterTable,
.moduleList .rgMasterTable td {
    border: #fff !important;
}

.moduleList .rgDetailTable,
.moduleList .rgDetailTable td {
    border: #fff !important;
}

.moduleList a {
    color: #015789 !important;
    font-weight: bold;
    text-decoration: none;
}

/* admin */
/*
.adminMenu              { }
.RadMenu .rmItem .rmExpandDown { font-size: 0.9em; }
.RadMenu .rmText { font-size: 0.9em; }
*/

/* classroom mode */
.userDisplayName-disabled {
    color: #777;
}

.completion-status-notstarted {
    color: #e9b330;
    font-weight: bold;
}

.completion-status-inprogress {
    color: #4479c2;
    font-weight: bold;
}

.completion-status-awaitingconfirmation {
    color: #3f51b5;
    font-weight: bold;
}

.completion-status-complete {
    color: #5d9300;
    font-weight: bold;
}

.completion-status-expiring {
    color: #fe9900;
    font-weight: bold;
}

.completion-status-expired {
    color: #b71c1c;
    font-weight: bold;
}

/* table */
.container-default {
    margin: 0px 0px 16px 0px;
    padding: 0px;
    vertical-align: top;
    width: 100%;
    box-shadow: 6px 6px 2px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.container-header {
    background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
    background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
    background: -o-linear-gradient(top,#4c4c4c,000000);
    background-color: #4c4c4c;
    border: 0px solid #000000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding: 6px;
}

.course-details {
    width: 100%;
}

    .course-details th {
        background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
        background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
        background: -o-linear-gradient(top,#4c4c4c,000000);
        background-color: #4c4c4c;
        border: 0px solid #000000;
        text-align: center;
        border-width: 0px 0px 1px 1px;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
        padding: 6px;
    }

    .course-details td {
        padding: 6px;
    }

        .course-details td:first-child {
            color: #000;
            font-size: 14px;
            font-weight: bold;
        }

.course-actions {
    color: #777;
    font-size: 1.4em;
    font-weight: bold;
    padding: 6px;
    text-align: center;
}

    .course-actions input {
        margin: 2px 0px 2px 0px;
    }

.course-progress {
    font-size: 12px;
    font-weight: bold;
}

.course-progress-complete {
    color: #008500;
}

.course-progress-incomplete {
    color: #a60000;
}

/* course view */
.course-status-complete {
    color: #008500;
    font-size: 12px;
    font-weight: bold;
}

.course-status-inprogress {
    color: #d58c23;
    font-size: 12px;
    font-weight: bold;
}

.course-status-incomplete {
    color: #a60000;
    font-size: 12px;
    font-weight: bold;
}

.course-date-complete {
    color: #008500;
    font-size: 12px;
    font-weight: bold;
}

/* ratings */
.rating-table {
    margin: auto;
}

    .rating-table .RadRating {
        display: inline-block;
        vertical-align: middle;
    }

    .rating-table th {
        color: #000;
        font-size: 0.9em;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
    }

    .rating-table td {
        vertical-align: middle;
    }

    .rating-table span {
        vertical-align: middle;
    }

.rating-value {
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

/* course modules/sections admin */
.command-item-container {
    padding: 3px 8px 3px 8px;
}

.course-contents-module-item {
    background-color: #cde2f2;
}

    .course-contents-module-item td {
        font-size: 1.0em;
        font-weight: bold;
    }

.course-contents-module-alternating-item {
    background-color: #cde2f2;
}

    .course-contents-module-alternating-item td {
        font-size: 1.0em;
        font-weight: bold;
    }

.course-contents-section-item {
    background-color: #fff;
}

    .course-contents-section-item td {
        padding-left: 16px;
    }

.course-contents-section-alternating-item {
    background-color: #eee;
}

    .course-contents-section-alternating-item td {
        padding-left: 16px;
    }

/*
.course-part            { background-color: #ddd; border: 2px solid transparent; border-radius: 8px; color: #777; display: table-cell; font-size: 1.2em; font-weight: bold; height: 86px; text-align: center; vertical-align: middle; width: 86px; }
.course-part-default    { background-color: #0e588b; border: 2px solid transparent; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #a5cae4; display: table-cell; font-size: 1.2em; font-weight: bold; height: 86px; text-align: center; vertical-align: middle; width: 86px; }
.course-part-selected   { background-color: #a5cae4; border: 2px solid transparent; border-radius: 8px; color: #0e588b; display: table-cell; font-size: 1.2em; font-weight: bold; height: 86px; text-align: center; vertical-align: middle; width: 86px; }
*/

/*
.course-part-container              { border: 2px solid #0e588b; border-radius: 8px; cursor: pointer; display: table-cell; height: 162px; width: 160px; }
.course-part-container:hover        { border: 2px solid #0e588b; }
.course-part-header-default         { background-color: #a5cae4; border-bottom: 2px solid #0e588b; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #0e588b; font-size: 1.2em; font-weight: bold; height: 36px; line-height: 36px; text-align: center; width: 160px; }
.course-part-description-default    { background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #0e588b; display: table-cell; font-size: 1.0em; font-weight: normal; height: 124px; text-align: center; vertical-align: middle; width: 160px; }

.course-part-header                 { background-color: #ddd; border-bottom: 2px solid #777; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #777; font-size: 1.2em; font-weight: bold; height: 36px; line-height: 36px; text-align: center; width: 160px; }
.course-part-description            { background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #0e588b; display: table-cell; font-size: 1.0em; font-weight: normal; height: 124px; text-align: center; vertical-align: middle; width: 160px; }
*/

.course-part-container-default {
    border: 2px solid transparent;
    display: table-cell;
    height: 90px;
    width: 130px;
}

.course-part-header-default {
    background-color: #0e588b;
    color: #a5cae4;
    font-size: 1.0em;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 130px;
}

.course-part-description-default {
    background-color: #fff;
    color: #0e588b;
    display: table-cell;
    font-size: 0.8em;
    font-weight: normal;
    height: 62px;
    padding: 0px 8px 0px 8px;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.course-part-container {
    border: 2px solid transparent;
    display: table-cell;
    height: 90px;
    width: 130px;
    text-decoration: none;
}

    .course-part-container:hover {
        border: 2px solid #0e588b;
        text-decoration: none;
    }

.course-part-header {
    background-color: #ddd;
    color: #777;
    font-size: 1.0em;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 130px;
}

.course-part-description {
    background-color: #fff;
    color: #0e588b;
    display: table-cell;
    font-size: 0.8em;
    font-weight: normal;
    height: 62px;
    padding: 0px 8px 0px 8px;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.course-part-container-selected {
    border: 2px solid transparent;
    display: table-cell;
    height: 90px;
    text-decoration: none;
    width: 130px;
}

    .course-part-container-selected:hover {
        border: 2px solid #0e588b;
        text-decoration: none;
    }

    .course-part-container-selected .course-part-header {
        background-color: #0e588b;
        color: #a5cae4;
        font-size: 1.0em;
        font-weight: bold;
        height: 28px;
        line-height: 28px;
        text-align: center;
        width: 130px;
    }

    .course-part-container-selected .course-part-description {
        background-color: #fff;
        color: #0e588b;
        display: table-cell;
        font-size: 0.8em;
        font-weight: normal;
        height: 62px;
        padding: 0px 8px 0px 8px;
        text-align: center;
        vertical-align: middle;
        width: 130px;
    }

.course-part:hover {
    border: 2px solid #0e588b;
}

.course-part-arrow {
    display: table-cell;
    height: 86px;
    text-align: center;
    vertical-align: middle;
}

    .course-part-arrow img {
    }

/* IE has layout issues when sorting (see #5413) */
.group {
    zoom: 1
}
/*
.accordion  { width: 100%; }
.accordion div  { margin: 0px !important; padding: 0px !important; width: 100%; }
#module .ui-icon { display: none; }
*/

#modules {
    background-color: transparent;
    border-bottom: 1px dashed #ccc;
}

    #modules .ui-icon {
        left: 0px;
    }

    #modules .ui-accordion-header {
        background-color: transparent;
        background-image: none;
        border: none;
        padding: 0px 0px 0px 18px;
    }

        #modules .ui-accordion-header a {
        }

    #modules .ui-accordion-content {
        padding: 6px;
    }

#module {
    background-color: transparent;
    border-bottom: 1px dashed #ccc;
}

    #module .ui-icon {
        left: 0px;
    }

    #module .ui-accordion-header {
        padding-left: 17px;
        background-color: transparent;
        background-image: none;
    }

        #module .ui-accordion-header a {
            padding-left: 0px;
        }

    #module .sections {
        margin-left: 12px;
    }

    #module .ui-accordion-content {
        padding: 6px;
    }

.ui-accordion-content-active {
    border-style: none;
    background-color: transparent;
    background-image: none;
}

.ui-accordion-link {
    border: none !important;
}

.section {
    margin-right: 40px !important;
}

.ui-accordion-right {
    width: 120px !important;
}

.courseTab {
    border-bottom: 1px dashed #ccc;
    color: #125687;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 18px;
    text-align: left;
}

    .courseTab:hover {
        background-color: #a5cae4;
    }

    .courseTab img {
        vertical-align: middle;
    }

.courseTab-selected {
    background-color: #a5cae4;
}

.courseTabTop {
    color: #125687;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 18px;
    text-align: left;
}

    .courseTabTop img {
        vertical-align: middle;
    }

.courseTabSub {
    color: #125687;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
}

    .courseTabSub:hover {
        background-color: #a5cae4;
    }

    .courseTabSub img {
        vertical-align: middle;
    }

.courseTabSub-selected {
    background-color: #a5cae4;
}

.courseTabSubBottom {
    border-bottom: 1px dashed #ccc;
    color: #125687;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
}

    .courseTabSubBottom:hover {
        background-color: #a5cae4;
    }

    .courseTabSubBottom img {
        vertical-align: middle;
    }

.courseTabSubBottom-selected {
    background-color: #a5cae4;
}

.courseTabSub-disabled {
    color: #ccc;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
}

    .courseTabSub-disabled img {
        vertical-align: middle;
    }

.courseTabSubBottom-disabled {
    border-bottom: 1px dashed #ccc;
    color: #ccc;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
}

    .courseTabSubBottom-disabled img {
        vertical-align: middle;
    }

.courseMenu ul {
    background-image: none;
}

    .courseMenu ul li {
        background-image: none;
    }

.active-anchor {
    color: #f00;
    text-decoration: underline;
}

.edit-anchor {
    float: right;
    font-size: 1.0em;
    font-variant: normal;
    margin-right: 6px;
}

.course-menu-who {
    margin: 8px;
}

.course-menu-who-label {
    font-size: 0.8em;
    font-weight: bold;
    margin: 4px;
}

.course-menu-who-value {
    font-size: 0.8em;
    margin: 4px;
    padding-left: 16px;
}

.module-column-reorder {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 36px;
}

.module-column-edit {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 24px;
}

.module-column-editquiz {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 24px;
}

.module-column-add {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 0px;
}

.section-column-reorder {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 46px;
}

.section-column-edit {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 20px;
}

.section-column-editquiz {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 11px;
}

.section-column-add {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 0px;
}

/* Telerik overrides */
/*
.RadListBox .rlbCheck       { float: left; margin-top: 7px; } 
.lb-selected    { background-color: #8ea3b9 !important; }
.RadListBox .rlbCheck   { float: left; margin-top: 5px !important; }
*/
.RadListBox .rlbCheck {
    float: left;
    margin-top: 5px !important;
}

/*
.cg-steps-container { height: 110px; margin: 0px 0px 16px 0px; }
.cg-step-container  { background-color: #e0e0e0; border: 1px solid #b0b0b0; border-top: 8px solid #b0b0b0; color: #777; cursor: pointer; display: inline-block; float: left; height: 85px; margin: 0px 12px; padding: 8px; position: relative; width: 145px; }
.cg-step-complete   { border-top: 8px solid #00693f; }
.cg-step-current    { border-top: 8px solid #7ab800; }
.cg-step-active     { color: #8ab800; }
.cg-step-text       { display: block; height: 70px; }
.cg-step-number     { font-size: 3.0em; font-weight: bold; left: 8px; position: absolute; top: 52px; }
*/

/*
.session-step-incomplete    { background-color: #ccc; color: #fff; display: inline-block; font-size: 1.0em; font-weight: bold; height: 30px; line-height: 30px; margin: 0px 1px 0px 1px; text-align: center; width: 30px; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }
.session-step-complete      { background-color: #3c8a2e; color: #fff; display: inline-block; font-size: 1.0em; font-weight: bold; height: 30px; line-height: 30px; margin: 0px 1px 0px 1px; text-align: center; width: 30px; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }
*/
.session-step-incomplete {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #000;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0px 1px 0px 1px;
    text-align: center;
    width: 30px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}

.session-step-complete {
    background-color: #cee1ca;
    border: 1px solid #3c8a2e;
    color: #000;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0px 1px 0px 1px;
    text-align: center;
    width: 30px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}

.session-complete {
    color: #3c8a2e;
    font-weight: bold;
    text-transform: uppercase;
}

.session-incomplete {
    color: #a90329;
    font-weight: bold;
    text-transform: uppercase;
}

.session-online {
    color: #3c8a2e;
    font-weight: bold;
    text-transform: uppercase;
}

.session-offline {
    color: #0054a4;
    font-weight: bold;
    text-transform: uppercase;
}

.formContainerMessage {
    background-color: #fefacb;
    border-bottom: 0px;
    border-left: 1px solid #d8a556;
    border-right: 1px solid #d8a556;
    border-top: 1px solid #d8a556;
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 8px;
}

    .formContainerMessage a {
        color: #8a0e1f;
    }

.formContainerMessageComplete {
    background-color: #cee1ca;
    border-bottom: 0px;
    border-left: 1px solid #3c8a2e;
    border-right: 1px solid #3c8a2e;
    border-top: 1px solid #3c8a2e;
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 8px;
}

    .formContainerMessageComplete a {
        color: #3c8a2e;
    }

.info {
    color: #777;
    font-style: italic;
    font-weight: bold;
}

/* Course search */
.searchContainer {
}

.searchResultsContainer {
}

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

.resultsGroupContainer {
    margin: 12px;
    text-align: left;
}

.resultsItemContainer {
    display: inline-block;
    /* margin: 0px 3px 0px 3px; */
    margin: 6px auto 6px auto;
    width: 286px;
}

table.courseResults {
    margin: 0px 0px 0px 14px;
}

    table.courseResults td {
        padding: 3px 12px 19px 12px;
        vertical-align: top;
        width: 272px;
    }

.result-courseName {
    font-size: 9pt;
    font-weight: bold;
    height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 9pt;
    margin-bottom: 6px;
}

.result-courseInfo {
    float: left;
    font-size: 7pt;
    font-weight: bold;
}

.result-courseDate {
    float: right;
    font-size: 7pt;
    font-weight: bold;
}

.item {
    height: 152px;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.last {
    margin: 20px 0 40px 0;
}

.item .title, .item .desc {
    /*
	background: #000;
	opacity: 0.75; 
*/
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    position: absolute;
    bottom: 0px;
    display: block;
}

.item .title {
    top: 0;
    font-size: 16px;
    padding: 12px 10px 25px 0;
    text-align: right;
}

.item .desc {
    bottom: 0;
    font-size: 12px;
    /* padding: 5px 0 15px 10px; */
    /* width: 274px !important; */
}

.moduleThumbnail .title {
    background-color: #000;
    color: #fff;
    height: 14px;
    padding: 6px;
    text-align: left;
    width: 100%;
    z-index: 100;
    display: none;
}

.moduleThumbnail .desc {
    color: #fff;
    height: 28px;
    padding: 6px;
    margin-left: 2px;
    width: 270px;
    z-index: 100;
    text-align: left;
}

.moduleThumbnail img {
    margin: 0px;
    padding: 0px;
}

.moduleLink {
}

    .moduleLink a {
        font-size: 1.4em;
        font-weight: bold;
    }

.courseCreated {
    display: none;
    float: left;
    font-size: 0.8em;
    color: #aaa;
    font-weight: normal;
}

.currentStep {
    float: right;
    font-size: 0.8em;
    color: #a00;
    font-weight: normal;
    margin-right: 32px;
}

/* Search Toolbar */
.searchFilterContainer {
    background-color: #aaa;
    color: #fff;
    /*
    height: 40px;
    line-height: 36px;
    */
    height: 28px;
    position: relative;
    width: 100%;
}

div.seachFilter {
    line-height: 20px;
}

    div.seachFilter:hover {
    }

    div.seachFilter .rmGroup {
        background-color: #e8e8e8;
        margin: 0px;
        padding: 0px;
    }

    div.seachFilter .rmItem {
        margin: 0px;
        padding: 0px;
    }

    div.seachFilter .rmLink {
        color: #555 !important;
    }

    div.seachFilter .rmRootLink {
        color: #fff !important;
        line-height: 40px;
    }

    div.seachFilter .rmItem:hover {
    }

/*
.searchFilterContainer div.RadMenu .rmGroup .rmText {
}

.searchFilterContainer div.RadMenu_Sitefinity ul.rmRootGroup, 
.searchFilterContainer div.RadMenu_Sitefinity div.rmRootGroup
{
	background: none;
	border: 0;
	height: 100%;
	padding-left: 20px;
}

.searchFilterContainer div.RadMenu_Sitefinity .rmHorizontal .rmItem
{
	padding: 0;
}

.searchFilterContainer div.RadMenu .rmItem {
    position: static;
}

.searchFilterContainer div.RadMenu_Sitefinity .rmLink .rmText,
.searchFilterContainer div.RadMenu_Sitefinity .rmFocused .rmText
{
	line-height: 36px;
	color: #FFF;
	text-transform: uppercase;
}

.searchFilterContainer div.RadMenu_Sitefinity .rmLink:hover,
.searchFilterContainer div.RadMenu_Sitefinity .rmFocused,
.searchFilterContainer div.RadMenu_Sitefinity .rmSelected,
.searchFilterContainer div.RadMenu_Sitefinity .rmExpanded
{
	background: transparent url('http://demos.telerik.com/aspnet-ajax/menu/examples/megadropdown/Img/RootBg.png') repeat-x 0 0;
}

* html .searchFilterContainer div.RadMenu_Sitefinity .rmLink:hover,
* html .searchFilterContainer div.RadMenu_Sitefinity .rmFocused,
* html .searchFilterContainer div.RadMenu_Sitefinity .rmSelected,
* html .searchFilterContainer div.RadMenu_Sitefinity .rmExpanded
{
	background: #FFF;
	filter: alpha(opacity=70);
}

.searchFilterContainer div.RadMenu_Sitefinity .rmSelected .rmText,
.searchFilterContainer div.RadMenu_Sitefinity .rmLink:hover .rmText,
.searchFilterContainer div.RadMenu_Sitefinity .rmExpanded .rmText
{
	color: #555;
}

.searchFilterContainer div.RadMenu_Sitefinity .rmHorizontal .rmItem a.rmLink .rmText
{
	border:0 none;
}
*/

.buttonItem {
    height: 36px;
    line-height: 36px;
    text-align: right;
}

.searchResultsHeaderContainer {
    margin: 0px 28px 0px 28px;
    padding: 6px;
}

#SearchResultsPager span {
    border: 1px solid #125687;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.previousNextLink {
    color: #125687 !important;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.numericLink {
    background-color: #669cc3;
    border: 1px solid #125687;
    color: #125687 !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.searchResultsPager {
    height: 29px;
}
/*
.searchResultsPagerContainer    { }
.searchResultsPager { height: 28px; }
.searchResultsPager .rdpWrap { line-height: 28px; }
.searchResultsPager .rdpPagerLabel { border: 1px solid #f00; vertical-align: middle; }
.searchResultsPager .riSingle .riTextBox { border: 1px solid #00f;  }
*/

/*
.RadDataPager_Default // changes the font size of the whole text
{
    font-size:large !important;
}
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput
{
    padding-left:5px !important;
    font-size:large !important;
}
div.RadDataPager .rdpWrap
{
    padding-left: 0px;
    padding-right: 0px;
} 
searchResultsPager .RadComboBox table td.rcbInputCell, .RadComboBox
{
    width: 60px !important;
}
*/

/* Course Progress */
.course-progress-container {
    border: 2px solid #5b812a;
    height: 24px;
    margin: auto;
    width: 168px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.course-progress-item {
    display: inline-block;
    font-size: 9pt;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

/* DISCLOSURE */
.course-progress-disclosure-disabled {
    background: #cccccc url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-right: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.course-progress-disclosure-enabled {
    background: #e1f1cb url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-right: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.course-progress-disclosure-complete {
    background: #a7d769 url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-right: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

/* CONTENTS */
.course-progress-contents {
    position: relative;
    width: 96px;
    background: #e1f1cb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
}

.course-progress-contents-text {
    color: #000;
    margin-left: 4px;
    position: absolute;
    text-align: left;
    width: 196px;
    z-index: 10;
}

.course-progress-contents-percentage {
    color: #000;
    position: absolute;
    text-align: right;
    width: 92px;
    z-index: 10;
}

.course-progress-contents-progress {
    border-right: 1px solid #5b812a;
    position: absolute;
    background: #a7d769; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
}

/* QUIZ */
.course-progress-quiz-disabled {
    background: #cccccc url('../images/icons/progress/progress-quiz-disabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
}

.course-progress-quiz-enabled {
    background: #e1f1cb url('../images/icons/progress/progress-quiz-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
}

.course-progress-quiz-complete {
    background: #a7d769 url('../images/icons/progress/progress-quiz.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
}

/* EVALUATION */
.course-progress-evaluation-disabled {
    background: #cccccc url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.course-progress-evaluation-enabled {
    background: #e1f1cb url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
    width: 22px;
    ;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.course-progress-evaluation-complete {
    background: #a7d769 url('../images/icons/progress/progress-evaluation.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
    width: 22px;
    ;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

#TestWindow {
    z-index: 100 !important;
}

#modalPopup1 {
    z-index: 700 !important;
}

#modalPopup2 {
    z-index: 800 !important;
}

/*
.step-complete      { color: #3c8a2e; }
.step-incomplete    { color: #8a0e1f; }
.step-incomplete    { color: #770000; }
*/

.step-complete {
    background-color: #3c8a2e;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.step-incomplete {
    background-color: #8a0e1f;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.step-header {
    background-color: #676c70;
    color: #fff;
    font-weight: bold;
    padding: 6px 6px 6px 20px;
}

/*
.rt-test .rtsLink {  
          border-bottom: 8px solid #3c8a2e; 
   }      
  .RadTabStripTop_Silk .rtsSelected,   
  .RadTabStripTop_Silk .rtsSelected:hover {  

   }  

.RadTabStripTop { !important; }
   */

ul.credits {
    list-style-type: none;
}

    ul.credits li {
        color: #6c953c;
        font-weight: bold;
    }

/* Modules and Sections */
.course-module-name {
    background-color: #aaa;
    border: 1px solid #aaa;
    color: #fff;
    font-size: 12pt;
    font-weight: normal;
    padding: 6px;
}

.course-section-name {
    background-color: #f1f0ee;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    font-size: 9pt;
    font-weight: normal;
    padding: 6px 6px 6px 36px;
}

    .course-section-name:nth-child(odd) {
        background-color: #fff;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        font-size: 9pt;
        font-weight: normal;
        padding: 6px 6px 6px 36px;
    }

.course-section-link {
    float: right;
}

/* User Course Confirmation */
.confirm-tasks {
    font-size: 10pt;
}

    .confirm-tasks ul {
    }

        .confirm-tasks ul li {
            color: #8a0e1f;
            font-size: 10pt;
            font-weight: bold;
        }

/* player */
.vplayer-thumbnail {
    position: relative;
}

.vplayer-thumbnail-time {
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    bottom: 3px;
    left: 2px;
    text-align: center;
    width: 65px;
}

/*
input:required, textarea, select { box-shadow: 4px 4px 20px rgba(200, 0, 0, 0.85); }
input:required:focus { border: 1px solid red; outline: none; }
input:required:hover { opacity: 1; }
input:focus:invalid,  textarea:focus:invalid { background: #fff url(../images/icons/checkmark_sm.png) no-repeat 98% center; box-shadow: 0 0 5px #d45252; border-color: #b03535 }
*/

/* QUALIFICATION
----------------------------------------------------------*/

body {
    background-color: #fff;
    font-size: .80em;
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}


.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

/* Popup */
.popupContainer {
    padding: 16px;
}

/* Messages */
.messagesContainer, .messagesContainerPadded {
    font-family: "Trebuchet MS Bold Italic", Tahoma, Geneva;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.messagesContainerPadded {
    margin: 16px;
}

.messagesContainer a {
    color: #fff;
}

/* PERFORMANCE
----------------------------------------------------------*/
a.header {
    color: #024731;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: none;
}

.header-large {
    color: #6c953c;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
}

/* Popup */
.popupContainer {
    padding: 16px;
}

.listHighlight {
    border: 1px solid #669cc3;
    background-color: #a6c9e1 !important;
}

    .listHighlight div {
        background-color: transparent !important;
    }

div.RadGrid_Simple .rgRow td,
div.RadGrid_Simple .rgAltRow td,
div.RadGrid_Simple .rgHeader,
div.RadGrid_Simple .rgFooter td,
div.RadGrid_Simple th.rgResizeCol,
div.RadGrid_Simple .rgFilterRow td {
    border: none;
}

.progressContainer {
    text-align: right;
    width: 288px;
    z-index: 100;
}

    .progressContainer img {
        vertical-align: middle;
    }

ul li.existingSite {
    background-color: #eee;
}

ul li.existingSiteLast {
    background-color: #eee;
    border-bottom: 1px solid #999;
}

li.existingSite span, li.existingSiteLast span {
    color: #999 !important;
}

.fileList {
    border: 1px solid #aaa;
    width: 100%;
}

    .fileList caption {
        background-color: #6c953c;
        color: #fff;
        font-size: 1.0em;
        font-weight: bold;
        padding: 4px;
    }

    .fileList td {
        padding: 4px;
    }

.fileList-row {
    background-color: #fff;
}

.fileList-altRow {
    background-color: #eee;
}

/* Inspection */
.status-compliant {
    color: #1da109;
    font-weight: bold;
}

.status-noncompliant {
    color: #be0b18;
    font-weight: bold;
}

#modules {
    background-color: transparent;
    border-bottom: 1px dashed #ccc;
}

    #modules .ui-icon {
        left: 0px;
    }

    #modules .ui-accordion-header {
        background-color: transparent;
        background-image: none;
        border: none;
        padding: 0px 0px 0px 18px;
    }

        #modules .ui-accordion-header a {
        }

    #modules .ui-accordion-content {
        padding: 6px;
    }

#module {
    background-color: transparent;
    border-bottom: 1px dashed #ccc;
}

    #module .ui-icon {
        left: 0px;
    }

    #module .ui-accordion-header {
        padding-left: 17px;
        background-color: transparent;
        background-image: none;
    }

        #module .ui-accordion-header a {
            padding-left: 0px;
        }

    #module .sections {
        margin-left: 12px;
    }

    #module .ui-accordion-content {
        padding: 6px;
    }

.ui-accordion-content-active {
    border-style: none;
    background-color: transparent;
    background-image: none;
}

.ui-accordion-link {
    border: none !important;
}

.section {
    border: 1px solid #f00 !important;
    margin-right: 40px !important;
}

.ui-accordion-right {
    border: 1px solid #f00;
    width: 120px !important;
}

.courseTab {
    border-bottom: 1px dashed #ccc;
    color: #125687;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 18px;
    text-align: left;
    width: 182px;
}

    .courseTab:hover {
        background-color: #a5cae4;
    }

    .courseTab img {
        vertical-align: middle;
    }

.courseTab-selected {
    background-color: #a5cae4;
}
/*
.courseMenu ul { background-image: none; }
.courseMenu ul li { background-image: none; }
*/
.active-anchor {
    border: 1px solid #f00;
    color: #f00;
    text-decoration: underline;
}

.edit-anchor {
    float: right;
    font-size: 1.0em;
    font-variant: normal;
    margin-right: 6px;
}

.courseMenu {
    display: inline-block;
    margin-bottom: 16px;
    vertical-align: top;
    width: 200px;
}

.courseContent {
    display: inline-block;
    margin-left: 16px;
    vertical-align: top;
    width: 779px;
}

/* inspections */
table.inspection-table {
}

    table.inspection-table h3 {
        text-align: center;
    }

td.inspection-general {
    vertical-align: top;
}

    td.inspection-general table th {
        text-align: left;
    }

td.inspection-location {
    text-align: center;
    vertical-align: top;
}

    td.inspection-location img {
        border: 1px solid #777;
        cursor: pointer;
    }

td.inspection-photo {
    text-align: center;
    vertical-align: top;
}

    td.inspection-photo img {
        border: 1px solid #777;
        cursor: pointer;
    }

table.inspection-data {
    border: 1px solid #777;
    width: 100%;
}

    table.inspection-data tr:nth-child(odd) {
        background-color: #fff;
    }

    table.inspection-data tr:nth-child(even) {
        background-color: #eee;
    }

    table.inspection-data th {
        height: 26px;
        padding: 0px 16px 0px 4px;
    }

    table.inspection-data td {
        height: 26px;
        padding-right: 4px;
        text-align: right;
    }

        table.inspection-data td:last-child {
            text-align: right;
        }

.inspection-status-open {
    color: #c35454;
    font-size: 1.4em;
    font-weight: bold;
}

.inspection-status-closed {
    color: #5d9300;
    font-size: 1.4em;
    font-weight: bold;
}

.inspection-status-unknown {
    color: #ffa500;
    font-size: 1.4em;
    font-weight: bold;
}

.inspection-message-open {
    background-color: #fff6bf;
    border: 1px solid #fdd845;
    color: #a98e47;
    font-weight: bold;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.inspection-status-label {
    font-size: 1.4em;
    font-weight: bold;
}

.inspection-status-value-open {
    color: #c35454;
    font-size: 1.4em;
    font-weight: bold;
}

.inspection-status-value-closed {
    color: #5d9300;
    font-size: 1.4em;
    font-weight: bold;
}

.noPhoto {
    background-color: #eee;
    border: 1px solid #000;
    color: #999;
    font-weight: bold;
    margin: auto;
    vertical-align: middle;
}

.noSignature {
    background-color: #eee;
    border: 1px solid #000;
    color: #999;
    font-weight: bold;
    margin: auto;
    vertical-align: middle;
}

/* Time Cards */
.clock-in {
    color: #1da109;
    font-weight: bold;
}

.clock-out {
    color: #be0b18;
    font-weight: bold;
}

/* Work Inspections */
.inspection-status-approved {
    color: #5d9300;
    font-size: 1.0em;
    font-weight: bold;
}

.inspection-status-approved-deficiencies {
    color: #ffa500;
    font-size: 1.0em;
    font-weight: bold;
}

.inspection-status-rejected {
    color: #c35454;
    font-size: 1.0em;
    font-weight: bold;
}

/* Repeaters */
/*
.repeaterTable              { width: 640px; }
*/
.repeaterTable {
}

    .repeaterTable th {
    }

    .repeaterTable td.columnOne {
        vertical-align: top;
        white-space: nowrap;
    }

    .repeaterTable td.columnTwo {
        vertical-align: top;
    }

/*
.reset-this, .reset-this:hover {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}
*/

.loading {
    background-color: Gray;
    height: 100%;
    width: 100%;
}

.ajaximage {
    position: relative;
    top: 300px;
}

.task-complete {
    color: #3c8a2e !important;
    font-weight: bold;
}

.task-incomplete {
    color: #a90329 !important;
    font-weight: bold;
}



/* ANALYTICS
----------------------------------------------------------*/
.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.alert {
    color: #a00;
    font-size: 10pt;
    font-weight: bold;
}

.alertSmall {
    color: #a00;
    font-size: 8pt;
    font-weight: normal;
}

/* Form */
/*
div.formContainer  { background-color: #eee; border: 1px solid #ccc; padding: 12px; margin: 0px 0px 0px 0px; }

.formTable              { padding: 6px; margin: 0px;}
.formTable th           { color: #125687; font-weight: bold; padding: 2px 6px 2px 6px; text-align: left; vertical-align: top; white-space: nowrap; }
.formTable td           { color: #777; padding: 2px 6px 2px 6px; text-align: left; }
.formTable td.info      { display: block; padding-bottom: 6px; }
.formTable td.header    { color: #7AB800; font-size: 12pt; font-weight: bold; white-space: nowrap; padding: 6px 0px 6px 0px; }
.formTable th.header    { color: #7AB800; font-size: 12pt; font-weight: bold; white-space: nowrap; padding: 6px 0px 6px 0px; text-align: center; }
.formTable th.headerBlue    { color: #669cc3; font-size: 12pt; font-weight: bold; white-space: nowrap; padding: 6px 0px 6px 0px; text-align: center; }
.formTable td.buttons   { display: block; padding: 6px; text-align: center; }
.formLabel              { color: #555; display: block; font-weight: bold; }
.formLabelRequired      { color: #a00; display: block; font-weight: bold; }
.formControl            { margin-bottom: 3px; }

.defaultForm        { margin: 0px auto 12px auto; }
.defaultForm th     { color: #6c953c; font-size: 10pt; font-weight: bold; text-align: left; vertical-align: top; }
.defaultForm td     { color: #6c953c; font-size: 10pt; font-weight: bold; padding: 6px; text-align: left; }
*/

/* Grid */
/*
.grid   { }
.grid a { color: #024731 !important; }
.grid a:hover { color: #3C8A2E !important; }
.grid .rgRow a, .rgAltRow a                 { color: #024731 !important; }
.grid .rgRow a:hover, .rgAltRow a:hover     { color: #3C8A2E !important; }
*/

/* gridview styles */
/*
.mGrid { width: 100%; background-color: #fff; margin: 0px; border: solid 1px #525252; border-collapse:collapse; font-size: 1.4em; font-weight: bold; }   
.mGrid caption { color: #6c953c; font-size: 1.2em; font-weight: bold; }
.mGrid td { padding: 3px; border: solid 1px #c1c1c1; color: #717171; font-size: 0.8em; }   
.mGrid th { padding: 4px 3px; color: #fff; background: #125687; border-left: solid 1px #525252; font-size: 0.8em; }   
.mGrid .alt { background: #efefef; }   
.mGrid .pgr { background: #424242; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td { border-width: 0; padding: 0 6px;border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }      
.mGrid .pgr a { color: #125687; text-decoration: none; }   
.mGrid .pgr a:hover { color: #125687; text-decoration: none; }  
.mGrid a:link      { color: #024731; font-weight: bold; text-decoration: none; }
.mGrid a:visited   { color: #024731; font-weight: bold; text-decoration: none; }
.mGrid a:hover     { color: #3C8A2E; font-weight: bold; text-decoration: none; }
.mGrid a:active    { color: #024731; font-weight: bold; text-decoration: none; }
.mGrid a[disabled=disabled]    { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.mGrid a:visited[disabled=disabled] { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.mGrid a:hover[disabled=disabled]   { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.mGrid a:active[disabled=disabled]  { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }

.mGrid-disabled { width: 100%; background-color: #fff; margin: 0px; border: solid 1px #949494; border-collapse:collapse; opacity:0.4; filter:alpha(opacity=40); }   
.mGrid-disabled td { padding: 3px; border: solid 1px #c1c1c1; color: #717171; font-size: 0.8em; }   
.mGrid-disabled th { padding: 4px 3px; color: #fff; background: #848484; border-left: solid 1px #949494; font-size: 0.8em; }   
.mGrid-disabled .alt { background: #fcfcfc; }   
.mGrid-disabled .pgr { background: #424242; }   
.mGrid-disabled .pgr table { margin: 5px 0; }   
.mGrid-disabled .pgr td { border-width: 0; padding: 0 6px;border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }      
.mGrid-disabled .pgr a { color: #949494; text-decoration: none; }   
.mGrid-disabled a:link      { color: #c8c8c8; font-weight: bold; text-decoration: none; }
.mGrid-disabled a:visited   { color: #c8c8c8; font-weight: bold; text-decoration: none; }
.mGrid-disabled a:hover     { color: #c8c8c8; font-weight: bold; text-decoration: none; }
.mGrid-disabled a:active    { color: #c8c8c8; font-weight: bold; text-decoration: none; }
*/

/* dataGrid gridview */
/*
.dataGrid { width: 100%; background-color: #fff; margin: 0px; border: solid 1px #555; border-collapse:collapse; }   
.dataGrid caption { color: #6c953c; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.dataGrid td { padding: 4px 12px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; color: #717171; font-size: 1.0em; }   
.dataGrid th { padding: 8px 12px; color: #fff; background: #125687; border-bottom: solid 1px #555; font-size: 1.2em; text-transform: uppercase; }   
.dataGrid .alt { background: #efefef; }   
.dataGrid .pgr { background: #424242; }   
.dataGrid .pgr table { margin: 5px 0; }   
.dataGrid .pgr td { border-width: 0; padding: 0 6px;border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }      
.dataGrid .pgr a { color: #125687; text-decoration: none; }   
.dataGrid .pgr a:hover { color: #125687; text-decoration: none; }  
.dataGrid a:link      { color: #024731; font-weight: bold; text-decoration: none; }
.dataGrid a:visited   { color: #024731; font-weight: bold; text-decoration: none; }
.dataGrid a:hover     { color: #3C8A2E; font-weight: bold; text-decoration: none; }
.dataGrid a:active    { color: #024731; font-weight: bold; text-decoration: none; }
.dataGrid a[disabled=disabled]    { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.dataGrid a:visited[disabled=disabled] { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.dataGrid a:hover[disabled=disabled]   { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
.dataGrid a:active[disabled=disabled]  { color: #c8c8c8; font-size: 1.0em; font-weight: bold; text-decoration: none; }
*/

.progressMarkContainer {
    text-align: center;
}

.button-action {
    color: #efefef;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: Arial, Helvetica, sans-serif;
    padding: .15em 1.0em .20em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-size: 0.7em;
    white-space: nowrap;
    height: 32px;
    width: 220px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 4px 0px 4px 0px;
}

.disabled {
    border: solid 1px #cccccc;
    font-weight: bold;
    background: #eeeeee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

/* Course */
.status-active {
    color: #1da109;
    font-weight: bold;
}

.status-inactive {
    color: #be0b18;
    font-weight: bold;
}

.status-unknown {
    color: #c3590b;
    font-weight: bold;
}

.courseContainer {
}

    .courseContainer tr.listItemHeader {
        background-color: #C6C6BC;
    }

    .courseContainer tr.listItem td {
        padding: 6px;
        vertical-align: middle;
    }

.courseInfoContainer {
}

.courseNavigationContainer {
    background-color: #eee;
    border: 1px solid #ccc;
    margin-bottom: 12px;
    padding: 12px;
}

.course {
    color: #efefef;
    display: inline-block;
    outline: none;
    text-align: left;
    text-decoration: none;
    /* font: Arial, Helvetica, sans-serif; */
    padding: .2em 1.5em .25em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-size: 12pt;
    font-weight: bold;
}

.courseComplete {
    background: #3c8a2e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOGEyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjQ3MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3c8a2e 0%, #024731 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c8a2e), color-stop(100%,#024731)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c8a2e 0%,#024731 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c8a2e 0%,#024731 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c8a2e 0%,#024731 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3c8a2e 0%,#024731 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3c8a2e', endColorstr='#024731',GradientType=0 ); /* IE6-8 */
}

.courseInProgress {
    background: #c6c6bc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzU4NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c6c6bc 0%, #676c70 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6bc), color-stop(100%,#676c70)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6c6bc 0%,#676c70 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6c6bc 0%,#676c70 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c6c6bc 0%,#676c70 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c6c6bc 0%,#676c70 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c6c6bc', endColorstr='#676c70',GradientType=0 ); /* IE6-8 */
}

.stepContainer {
    background: #d1ec9b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZWM5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzdhYjgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #d1ec9b 0%, #7ab800 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1ec9b), color-stop(99%,#7ab800)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d1ec9b 0%,#7ab800 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d1ec9b 0%,#7ab800 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d1ec9b 0%,#7ab800 99%); /* IE10+ */
    background: linear-gradient(to bottom, #d1ec9b 0%,#7ab800 99%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1ec9b', endColorstr='#7ab800',GradientType=0 ); /* IE6-8 */
    border: 1px solid #024731;
    padding: 8px 16px 8px 16px;
    margin: 8px;
}

.courseInfo {
    margin-bottom: 24px;
    width: 100%;
}

    .courseInfo th {
        color: #3C8A2E;
        font-size: 10pt;
        font-weight: bold;
        padding-right: 16px;
        vertical-align: top;
        white-space: nowrap;
    }

    .courseInfo td {
        color: #676c70;
        font-size: 10pt;
        vertical-align: top;
    }

.summaryInfo {
    font-weight: bold;
    margin-bottom: 12px;
}

.summaryInfoHighlight {
    color: #6c953c;
}

.courseDescription {
}

/* Module */
.modulesContainer {
    position: relative;
}

.modulesList {
    padding: 3px 0px 0px 0px;
    vertical-align: middle;
}

.modulesListDisabled {
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35;
}

.xmodulesDisabled {
    border: 1px solid #00f;
    width: 50%;
    margin: 0px auto;
}

.modulesDisabled {
    bottom: 0px;
    color: #676c70;
    font-size: 28pt;
    font-weight: bold;
    left: 0px;
    margin: -48px 32px auto 32px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 50%;
}

.modulePercent {
    display: inline-block;
    width: 60px;
}

.moduleComplete {
    background-color: #FFCC00;
    border: 1px solid #000;
    display: inline-block;
    height: 12px;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 0px;
    width: 12px;
}

.moduleIncomplete {
    background-color: #C6C6BC;
    border: 1px solid #000;
    display: inline-block;
    height: 12px;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 0px;
    width: 12px;
}

.moduleThumbLink {
    position: relative;
}

.moduleThumbComplete {
    border: 1px solid #C6C6BC;
    display: inline-block;
    height: 108px;
    margin: 8px;
    width: 192px;
}

.moduleThumbIncomplete {
    border: 1px solid #C6C6BC;
    display: inline-block;
    height: 108px;
    margin: 8px;
    width: 192px;
}

.moduleThumbComplete img {
    height: 108px;
    width: 192px;
}

.moduleThumbIncomplete img {
    height: 108px;
    width: 192px;
}

.moduleStatusIcon {
    position: absolute;
    right: 10px;
    bottom: 1px;
}

.moduleTransferList {
    vertical-align: top;
}

    .moduleTransferList .rlbList {
        height: 400px !important;
        overflow: auto;
    }

/* Course Progress */
.arrowBoxContainer {
    font-size: 8pt;
    font-weight: bold;
}

.arrowBox-1 {
    z-index: 50;
}

.arrowBox-2 {
    z-index: 40;
}

.arrowBox-3 {
    z-index: 30;
}

.arrowBox-4 {
    z-index: 20;
}

.arrowBox-5 {
    z-index: 10;
}

.arrowBox-end-en {
    position: relative;
    background: #3c8a2e;
    border: 2px solid #024731;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-en {
    position: relative;
    background: #3c8a2e;
    border: 2px solid #024731;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-en:after, .arrowBox-en:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-en:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #3c8a2e;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-en:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #024731;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

.arrowBox-end-dis {
    position: relative;
    background: #ededed;
    border: 2px solid #676c70;
    color: #676c70;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-dis {
    position: relative;
    background: #ededed;
    border: 2px solid #676c70;
    color: #676c70;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-dis:after, .arrowBox-dis:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-dis:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #ededed;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-dis:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #676c70;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

.arrowBox-end-high {
    position: relative;
    background: #FECB00;
    border: 2px solid #856400;
    color: #856400;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-high {
    position: relative;
    background: #FECB00;
    border: 2px solid #856400;
    color: #856400;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-high:after, .arrowBox-high:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-high:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #FECB00;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-high:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #856400;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

.arrowBox-end-na {
    position: relative;
    background: #676c70;
    border: 2px solid #676c70;
    color: #ededed;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

.arrowBox-na {
    position: relative;
    background: #676c70;
    border: 2px solid #676c70;
    color: #ededed;
    display: inline-block;
    font-weight: bold;
    line-height: 32px;
    margin-left: -6px;
    padding: 0px 12px 0px 24px;
}

    .arrowBox-na:after, .arrowBox-na:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrowBox-na:after {
        border-color: rgba(60, 138, 46, 0);
        border-left-color: #676c70;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }

    .arrowBox-na:before {
        border-color: rgba(2, 71, 49, 0);
        border-left-color: #676c70;
        border-width: 12px;
        top: 50%;
        margin-top: -12px;
    }

/* Questions */
.questionContainer {
    background-color: rgba(57, 137, 47, 0.2);
    border: 2px solid #224b68;
    margin: 0px auto 12px auto;
    padding: 12px;
    width: 768px;
}

.questionHeader {
}

.questionText {
    color: #024731;
    font-size: 12pt;
    font-weight: normal;
}

.answerContainer {
    color: #000;
    margin: 6px 0px 8px 24px;
    font-weight: bold;
}

    .answerContainer td {
        padding: 0px 6px 0px 6px;
    }

/* Certificate */
.certificateContainer {
    border: 1px solid #676c70;
    height: 700px;
    margin: auto;
    text-align: center;
    width: 530px;
}

/* Registration */
.registrationTable {
    margin: auto;
    width: 100%;
}

    .registrationTable td {
        text-align: center;
    }

/* Employee */
.userInfoContainer {
}

/* Employee Home */
.viewDisclosure {
    background-color: #fff6bf;
    border: 1px solid #fdd845;
    color: #a98e47;
    font-weight: bold;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.viewQuiz {
    background-color: #fff6bf;
    border: 1px solid #fdd845;
    color: #a98e47;
    font-weight: bold;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.viewEvaluation {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

    .viewEvaluation a {
        color: #d8a556 !important;
    }

.viewCertificate {
    background-color: #cce9bd;
    border: 1px solid #407226;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

    .viewCertificate a {
        color: #407226 !important;
    }

.certificateAlert {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

.course-locked-message {
    background-color: #eecdc8;
    border: 1px solid #8a0e1f;
    color: #8a0e1f;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
    margin-bottom: 12px;
}

.courseAdminOptions {
    background-color: #a5cae4;
    border: 1px solid #274257;
    color: #274257;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 6px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

/*
.alertMessageBox     { background-color: #fefacb; border: 1px solid #d8a556; color: #000; font-size: 1.2em; font-weight: bold; padding: 8px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); }
.alertMessageBox     { background-color: #fefacb; border: 1px solid #d8a556; color: #000; font-size: 1.2em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); }
.alertMessageBox     { background-color: #fefacb; border-bottom: 0px; border-left: 1px solid #d8a556; border-right: 1px solid #d8a556; border-top: 1px solid #d8a556; color: #000; font-size: 1.2em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px; }
*/
.alertMessageBox {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    width: -moz-calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}

    .alertMessageBox a {
        color: #8a0e1f;
    }

.attendees-list {
    display: table;
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px));
    height: calc(100% - 60px));
}

/* Popup */
.popupContainer {
    margin: 0px;
    padding: 0px;
}
/* style="margin: 16px; width: 412px;" */

/* Rad Customizations */
.RadWindow_Default a.rwIcon {
    background-image: none !important;
}

/* Messages */
.messagesContainer, .messagesContainerPadded {
    font-family: "Trebuchet MS Bold Italic", Tahoma, Geneva;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.messagesContainerPadded {
    margin: 16px;
}
/*
.alertMessage
{
    background: #9f3019;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9f3019 0%, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f3019), color-stop(100%,#cf0404));
    background: -webkit-linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    background: -o-linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    background: -ms-linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    background: linear-gradient(top,  #9f3019 0%,#cf0404 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9f3019', endColorstr='#cf0404',GradientType=0 );
    color: #eeaaaa;
}
*/

/* html content viewer */
.htmlContentContainer {
    height: 100%;
    overflow: scroll;
    width: 100%;
}

.htmlContentContainerScroll {
    margin: 12px;
}

/* video player */
.viewportContainer {
    background-color: #eee;
    border-top: 8px solid #224b68;
    border-right: 10px solid #224b68;
    border-bottom: 10px solid #224b68;
    border-left: 8px solid #224b68;
    margin: 16px auto 32px auto;
}

.playerContainer {
    border: 1px solid #ccc;
    height: 100%;
    width: 100%;
}

.playerControlsContainer {
    background-color: #d6ebb2;
    border: 1px solid #004631;
    padding: 6px;
    vertical-align: middle;
}

    .playerControlsContainer img {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
        vertical-align: middle;
    }

        .playerControlsContainer img:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            -moz-opacity: 1;
            opacity: 1;
        }

        .playerControlsContainer img:active {
            -moz-transform: scaleY(-1);
            -webkit-transform: scaleY(-1);
            -o-transform: scaleY(-1);
            transform: scaleY(-1);
            -ms-filter: flipv; /*IE*/
            filter: flipv; /*IE*/
        }

.playerTime {
    display: inline-block;
    font-size: 1.4em;
    height: 43px;
    line-height: 43px;
    margin: 0px 16px 0px 16px;
    vertical-align: middle;
}

.playerVolumeSlider {
    margin: 10px;
    width: 200px;
    display: inline-block;
    margin: 16px 12px 0px 12px;
    vertical-align: top;
}

.optionsContainer {
    text-align: center;
}

.optionButtons {
}

.mediaDescription {
    color: #777;
    font-size: 1.2em;
}

/* quiz */
.published {
    color: #23538a;
}

.notPublished {
    color: #a00;
}

.publishedQuizMessageContainer {
    background-color: #a5cae4;
    border: 1px solid #274257;
    color: #274257;
    font-size: 1.0em;
    font-weight: bold;
    padding: 12px;
    overflow: auto;
    white-space: nowrap;
}

/* course */
#courseMenu {
    display: inline-block;
    margin-right: 16px;
    vertical-align: top;
    width: 200px;
}

#courseContent {
    display: inline-block;
    vertical-align: top;
    width: 744px;
}

.courseModuleActions {
    background-color: #dedede;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: 100%;
}

    .courseModuleActions th {
        font-size: 0.8em;
        padding: 2px;
        text-align: center;
    }

    .courseModuleActions .actionsLeft {
        border-right: 1px solid #000;
        cursor: pointer;
        width: 33%;
    }

    .courseModuleActions .actionsMiddle {
        cursor: pointer;
        width: 34%;
    }

    .courseModuleActions .actionsRight {
        border-left: 1px solid #000;
        cursor: pointer;
        width: 33%;
    }

.listHighlight {
    border: 1px solid #669cc3;
    background-color: #a6c9e1 !important;
}

    .listHighlight div {
        background-color: transparent !important;
    }

div.RadGrid_Simple .rgRow td,
div.RadGrid_Simple .rgAltRow td,
div.RadGrid_Simple .rgHeader,
div.RadGrid_Simple .rgFooter td,
div.RadGrid_Simple th.rgResizeCol,
div.RadGrid_Simple .rgFilterRow td {
    border: none;
}

.progressLabel {
    font-size: 1.2em;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 298px;
}

.progressContainer {
    text-align: center;
    width: 202px;
    z-index: 100;
}

.progressContainerRight {
    text-align: right;
    width: 202px;
    z-index: 100;
    float: right;
}

    .progressContainer img,
    .progressContainerRight img {
        vertical-align: middle;
    }

ul li.existingSite {
    background-color: #eee;
}

ul li.existingSiteLast {
    background-color: #eee;
    border-bottom: 1px solid #999;
}

li.existingSite span, li.existingSiteLast span {
    color: #999 !important;
}

.fileList {
    border: 1px solid #aaa;
    width: 100%;
}

    .fileList caption {
        background-color: #6c953c;
        color: #fff;
        font-size: 1.0em;
        font-weight: bold;
        padding: 4px;
    }

    .fileList td {
        padding: 4px;
    }

.fileList-row {
    background-color: #fff;
}

.fileList-altRow {
    background-color: #eee;
}

/* course styles */
.clearProgressContainer {
    margin-bottom: 6px;
    float: left;
}

.legendContainer {
    margin-bottom: 6px;
    float: right;
    text-align: right;
}

.courseHeader {
    background-color: #ec8e0c;
    border: 1px solid #e78f08;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 6px 0px 6px 0px;
}

    .courseHeader div {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    .courseHeader .courseHName {
        margin: 0px 6px 0px 6px;
        text-align: left;
        width: 650px;
    }

    .courseHeader .courseHDisc {
        width: 28px;
    }

    .courseHeader .courseHView {
        width: 28px;
    }

    .courseHeader .courseHQuiz {
        width: 28px;
    }

    .courseHeader .courseHEval {
        width: 28px;
    }

    .courseHeader .courseHCert {
        width: 28px;
    }

    .courseHeader .courseHStep {
        width: 94px;
    }

    .courseHeader .courseHProgress {
        width: 288px;
    }

.courses {
}

    .courses img {
        vertical-align: middle;
    }

    .courses div {
        display: inline-block;
    }

.course div {
    font-size: 9pt;
}

.noIcon .ui-icon {
    background: none;
}

.course .courseName {
    color: #125687;
    font-size: 1.0em;
    font-weight: bold;
    vertical-align: middle;
    width: 633px;
}

.course .courseDisc {
    text-align: center;
    width: 28px;
}

.course .courseView {
    text-align: center;
    width: 28px;
}

.course .courseQuiz {
    text-align: center;
    width: 28px;
}

.course .courseEval {
    text-align: center;
    width: 28px;
}

.course .courseCert {
    text-align: center;
    width: 28px;
}

.course .courseStep {
    text-align: center;
    width: 94px;
    z-index: 100;
}

.course .courseProgress {
    width: 288px;
    z-index: 100;
}

.modules {
}

.module a {
    color: #e78f08;
    font-weight: bold;
    margin-right: 12px;
}

.moduleThumbnail {
}

    .moduleThumbnail img {
        border: 1px solid #aaa !important;
        height: 158px;
        padding: 2px;
        width: 280px;
        position: relative;
    }

/* course search */
.noSearchResults {
    background-color: #eee;
    border: 1px solid #777;
    color: #8a0e1f;
    padding: 6px 6px 6px 34px;
}

/* company site selection */
.siteName span {
    margin-left: 12px;
    color: #090 !important;
}

table.siteSelection {
    text-align: center;
    width: 100%;
}

    table.siteSelection th {
        padding: 6px;
    }

    table.siteSelection td {
        padding: 6px;
        text-align: left;
    }

.noTransferTo .rlbTransferTo,
.noTransferTo .rlbTransferToDisabled,
.noTransferTo .rlbTransferAllToDisabled,
.noTransferTo .rlbTransferAllTo {
    display: none !important;
}

/* module list */
.moduleList .rgMasterTable,
.moduleList .rgMasterTable td {
    border: #fff !important;
}

.moduleList .rgDetailTable,
.moduleList .rgDetailTable td {
    border: #fff !important;
}

.moduleList a {
    color: #015789 !important;
    font-weight: bold;
    text-decoration: none;
}

/* admin */
/*
.adminMenu              { }
.RadMenu .rmItem .rmExpandDown { font-size: 0.9em; }
.RadMenu .rmText { font-size: 0.9em; }
*/

/* classroom mode */
.userDisplayName-disabled {
    color: #ccc;
}

.completionStatus-inProgress {
    color: #e2af0e;
    font-weight: bold;
}

.completionStatus-complete {
    color: #299a0b;
    font-weight: bold;
}

/* table */
.container-default {
    margin: 0px 0px 16px 0px;
    padding: 0px;
    vertical-align: top;
    width: 100%;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.container-header {
    background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
    background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
    background: -o-linear-gradient(top,#4c4c4c,000000);
    background-color: #4c4c4c;
    border: 0px solid #000000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding: 6px;
}

.course-details {
    width: 100%;
}

    .course-details th {
        background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
        background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
        background: -o-linear-gradient(top,#4c4c4c,000000);
        background-color: #4c4c4c;
        border: 0px solid #000000;
        text-align: center;
        border-width: 0px 0px 1px 1px;
        font-size: 18px;
        font-family: Arial;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
        padding: 6px;
    }

    .course-details td {
        padding: 6px;
    }

        .course-details td:first-child {
            color: #000;
            font-size: 1.4em;
            font-weight: bold;
        }

.course-actions {
    color: #777;
    font-size: 1.4em;
    font-weight: bold;
    padding: 6px;
    text-align: center;
}

.course-progress {
    font-size: 1.2em;
    font-weight: bold;
}

.course-progress-complete {
    color: #008500;
}

.course-progress-incomplete {
    color: #a60000;
}

/* course view */
.course-status-complete {
    color: #008500;
    font-size: 1.2em;
    font-weight: bold;
}

.course-status-inprogress {
    color: #d58c23;
    font-size: 1.2em;
    font-weight: bold;
}

.course-status-incomplete {
    color: #a60000;
    font-size: 1.2em;
    font-weight: bold;
}

.course-date-complete {
    color: #008500;
    font-size: 1.2em;
    font-weight: bold;
}

/* ratings */
.rating-table {
    margin: auto;
}

    .rating-table .RadRating {
        display: inline-block;
        vertical-align: middle;
    }

    .rating-table th {
        color: #000;
        font-size: 0.9em;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
    }

    .rating-table td {
        vertical-align: middle;
    }

    .rating-table span {
        vertical-align: middle;
    }

.rating-value {
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

/* course modules/sections admin */
.command-item-container {
    padding: 3px 8px 3px 8px;
}

.course-contents-module-item {
    background-color: #cde2f2;
}

    .course-contents-module-item td {
        font-size: 1.0em;
        font-weight: bold;
    }

.course-contents-module-alternating-item {
    background-color: #cde2f2;
}

    .course-contents-module-alternating-item td {
        font-size: 1.0em;
        font-weight: bold;
    }

.course-contents-section-item {
    background-color: #fff;
}

    .course-contents-section-item td {
        padding-left: 16px;
    }

.course-contents-section-alternating-item {
    background-color: #eee;
}

    .course-contents-section-alternating-item td {
        padding-left: 16px;
    }

/*
.course-part            { background-color: #ddd; border: 2px solid transparent; border-radius: 8px; color: #777; display: table-cell; font-size: 1.2em; font-weight: bold; height: 86px; text-align: center; vertical-align: middle; width: 86px; }
.course-part-default    { background-color: #0e588b; border: 2px solid transparent; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #a5cae4; display: table-cell; font-size: 1.2em; font-weight: bold; height: 86px; text-align: center; vertical-align: middle; width: 86px; }
.course-part-selected   { background-color: #a5cae4; border: 2px solid transparent; border-radius: 8px; color: #0e588b; display: table-cell; font-size: 1.2em; font-weight: bold; height: 86px; text-align: center; vertical-align: middle; width: 86px; }
*/

/*
.course-part-container              { border: 2px solid #0e588b; border-radius: 8px; cursor: pointer; display: table-cell; height: 162px; width: 160px; }
.course-part-container:hover        { border: 2px solid #0e588b; }
.course-part-header-default         { background-color: #a5cae4; border-bottom: 2px solid #0e588b; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #0e588b; font-size: 1.2em; font-weight: bold; height: 36px; line-height: 36px; text-align: center; width: 160px; }
.course-part-description-default    { background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #0e588b; display: table-cell; font-size: 1.0em; font-weight: normal; height: 124px; text-align: center; vertical-align: middle; width: 160px; }

.course-part-header                 { background-color: #ddd; border-bottom: 2px solid #777; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #777; font-size: 1.2em; font-weight: bold; height: 36px; line-height: 36px; text-align: center; width: 160px; }
.course-part-description            { background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #0e588b; display: table-cell; font-size: 1.0em; font-weight: normal; height: 124px; text-align: center; vertical-align: middle; width: 160px; }
*/

.course-part-container-default {
    border: 2px solid transparent;
    display: table-cell;
    height: 90px;
    width: 130px;
}

.course-part-header-default {
    background-color: #0e588b;
    color: #a5cae4;
    font-size: 1.0em;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 130px;
}

.course-part-description-default {
    background-color: #fff;
    color: #0e588b;
    display: table-cell;
    font-size: 0.8em;
    font-weight: normal;
    height: 62px;
    padding: 0px 8px 0px 8px;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.course-part-container {
    border: 2px solid transparent;
    display: table-cell;
    height: 90px;
    width: 130px;
}

    .course-part-container:hover {
        border: 2px solid #0e588b;
    }

.course-part-header {
    background-color: #ddd;
    color: #777;
    font-size: 1.0em;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 130px;
}

.course-part-description {
    background-color: #fff;
    color: #0e588b;
    display: table-cell;
    font-size: 0.8em;
    font-weight: normal;
    height: 62px;
    padding: 0px 8px 0px 8px;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.course-part-container-selected {
    border: 2px solid transparent;
    display: table-cell;
    height: 90px;
    width: 130px;
}

    .course-part-container-selected:hover {
        border: 2px solid #0e588b;
    }

    .course-part-container-selected .course-part-header {
        background-color: #0e588b;
        color: #a5cae4;
        font-size: 1.0em;
        font-weight: bold;
        height: 28px;
        line-height: 28px;
        text-align: center;
        width: 130px;
    }

    .course-part-container-selected .course-part-description {
        background-color: #fff;
        color: #0e588b;
        display: table-cell;
        font-size: 0.8em;
        font-weight: normal;
        height: 62px;
        padding: 0px 8px 0px 8px;
        text-align: center;
        vertical-align: middle;
        width: 130px;
    }

.course-part:hover {
    border: 2px solid #0e588b;
}

.course-part-arrow {
    display: table-cell;
    height: 86px;
    text-align: center;
    vertical-align: middle;
}

    .course-part-arrow img {
    }

/* IE has layout issues when sorting (see #5413) */
.group {
    zoom: 1
}
/*
.accordion  { width: 100%; }
.accordion div  { margin: 0px !important; padding: 0px !important; width: 100%; }
#module .ui-icon { display: none; }
*/

#modules {
    background-color: transparent;
    border-bottom: 1px dashed #ccc;
}

    #modules .ui-icon {
        left: 0px;
    }

    #modules .ui-accordion-header {
        background-color: transparent;
        background-image: none;
        border: none;
        padding: 0px 0px 0px 18px;
    }

        #modules .ui-accordion-header a {
        }

    #modules .ui-accordion-content {
        padding: 6px;
    }

#module {
    background-color: transparent;
    border-bottom: 1px dashed #ccc;
}

    #module .ui-icon {
        left: 0px;
    }

    #module .ui-accordion-header {
        padding-left: 17px;
        background-color: transparent;
        background-image: none;
    }

        #module .ui-accordion-header a {
            padding-left: 0px;
        }

    #module .sections {
        margin-left: 12px;
    }

    #module .ui-accordion-content {
        padding: 6px;
    }

.ui-accordion-content-active {
    border-style: none;
    background-color: transparent;
    background-image: none;
}

.ui-accordion-link {
    border: none !important;
}

.section {
    border: 1px solid #f00 !important;
    margin-right: 40px !important;
}

.ui-accordion-right {
    border: 1px solid #f00;
    width: 120px !important;
}

.courseTab {
    border-bottom: 1px dashed #ccc;
    color: #125687;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 18px;
    text-align: left;
    width: 182px;
}

    .courseTab:hover {
        background-color: #a5cae4;
    }

    .courseTab img {
        vertical-align: middle;
    }

.courseTab-selected {
    background-color: #a5cae4;
}

.courseTabTop {
    color: #125687;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 18px;
    text-align: left;
    width: 182px;
}

    .courseTabTop img {
        vertical-align: middle;
    }

.courseTabSub {
    color: #125687;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
    width: 164px;
}

    .courseTabSub:hover {
        background-color: #a5cae4;
    }

    .courseTabSub img {
        vertical-align: middle;
    }

.courseTabSub-selected {
    background-color: #a5cae4;
}

.courseTabSubBottom {
    border-bottom: 1px dashed #ccc;
    color: #125687;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
    width: 164px;
}

    .courseTabSubBottom:hover {
        background-color: #a5cae4;
    }

    .courseTabSubBottom img {
        vertical-align: middle;
    }

.courseTabSubBottom-selected {
    background-color: #a5cae4;
}

.courseTabSub-disabled {
    color: #ccc;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
    width: 164px;
}

    .courseTabSub-disabled img {
        vertical-align: middle;
    }

.courseTabSubBottom-disabled {
    border-bottom: 1px dashed #ccc;
    color: #ccc;
    font-size: 1.2em;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 36px;
    text-align: left;
    width: 164px;
}

    .courseTabSubBottom-disabled img {
        vertical-align: middle;
    }

.courseMenu ul {
    background-image: none;
}

    .courseMenu ul li {
        background-image: none;
    }

.active-anchor {
    border: 1px solid #f00;
    color: #f00;
    text-decoration: underline;
}

.edit-anchor {
    float: right;
    font-size: 1.0em;
    font-variant: normal;
    margin-right: 6px;
}

.course-menu-who {
    margin: 8px;
}

.course-menu-who-label {
    font-size: 0.8em;
    font-weight: bold;
    margin: 4px;
}

.course-menu-who-value {
    font-size: 0.8em;
    margin: 4px;
    padding-left: 16px;
}

.module-column-reorder {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 36px;
}

.module-column-edit {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 24px;
}

.module-column-editquiz {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 24px;
}

.module-column-add {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 0px;
}

.section-column-reorder {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 46px;
}

.section-column-edit {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 20px;
}

.section-column-editquiz {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 11px;
}

.section-column-add {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 0px;
}

/* Telerik overrides */
.RadListBox .rlbCheck {
    float: left;
    margin-top: 7px;
}

.lb-selected {
    background-color: #8ea3b9 !important;
}

/*
.cg-steps-container { height: 110px; margin: 0px 0px 16px 0px; }
.cg-step-container  { background-color: #e0e0e0; border: 1px solid #b0b0b0; border-top: 8px solid #b0b0b0; color: #777; cursor: pointer; display: inline-block; float: left; height: 85px; margin: 0px 12px; padding: 8px; position: relative; width: 145px; }
.cg-step-complete   { border-top: 8px solid #00693f; }
.cg-step-current    { border-top: 8px solid #7ab800; }
.cg-step-active     { color: #8ab800; }
.cg-step-text       { display: block; height: 70px; }
.cg-step-number     { font-size: 3.0em; font-weight: bold; left: 8px; position: absolute; top: 52px; }
*/

/*
.session-step-incomplete    { background-color: #ccc; color: #fff; display: inline-block; font-size: 1.0em; font-weight: bold; height: 30px; line-height: 30px; margin: 0px 1px 0px 1px; text-align: center; width: 30px; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }
.session-step-complete      { background-color: #3c8a2e; color: #fff; display: inline-block; font-size: 1.0em; font-weight: bold; height: 30px; line-height: 30px; margin: 0px 1px 0px 1px; text-align: center; width: 30px; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }
*/
.session-step-incomplete {
    background-color: #fefacb;
    border: 1px solid #d8a556;
    color: #000;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0px 1px 0px 1px;
    text-align: center;
    width: 30px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}

.session-step-complete {
    background-color: #cee1ca;
    border: 1px solid #3c8a2e;
    color: #000;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0px 1px 0px 1px;
    text-align: center;
    width: 30px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}

.session-complete {
    color: #3c8a2e;
    font-weight: bold;
    text-transform: uppercase;
}

.session-incomplete {
    color: #a90329;
    font-weight: bold;
    text-transform: uppercase;
}

.formContainerMessage {
    background-color: #fefacb;
    border-bottom: 0px;
    border-left: 1px solid #d8a556;
    border-right: 1px solid #d8a556;
    border-top: 1px solid #d8a556;
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 8px;
}

    .formContainerMessage a {
        color: #8a0e1f;
    }

.formContainerMessageComplete {
    background-color: #cee1ca;
    border-bottom: 0px;
    border-left: 1px solid #3c8a2e;
    border-right: 1px solid #3c8a2e;
    border-top: 1px solid #3c8a2e;
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 8px;
}

    .formContainerMessageComplete a {
        color: #3c8a2e;
    }

.info {
    color: #777;
    font-style: italic;
    font-weight: bold;
}

/* Course search */
.searchContainer {
}

.searchResultsContainer {
}

.courseResultsContainer {
    width: 100%;
}

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

.resultsItemContainer {
    display: inline-block;
    margin: 0px 6px 0px 6px;
    width: 286px;
}

table.courseResults {
    margin: 0px 0px 0px 14px;
}

    table.courseResults td {
        padding: 3px 12px 19px 12px;
        vertical-align: top;
        width: 272px;
    }

.result-courseName {
    font-size: 9pt;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 9pt;
    margin-bottom: 6px;
}

.result-courseInfo {
    float: left;
    font-size: 7pt;
    font-weight: bold;
}

.result-courseDate {
    float: right;
    font-size: 7pt;
    font-weight: bold;
}

.item {
    height: 164px;
    width: auto;
    text-align: center;
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.last {
    margin: 20px 0 40px 0;
}

.item .title, .item .desc {
    /*
	background: #000;
	opacity: 0.75; 
*/
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    position: absolute;
    display: block;
}

.item .title {
    top: 0;
    font-size: 16px;
    padding: 12px 10px 25px 0;
    text-align: right;
}

.item .desc {
    bottom: 0;
    font-size: 12px;
    padding: 5px 0 15px 10px;
    width: 274px !important;
}

.moduleThumbnail .title {
    background-color: #000;
    color: #fff;
    height: 14px;
    padding: 6px;
    text-align: left;
    width: 100%;
    z-index: 100;
    display: none;
}

.moduleThumbnail .desc {
    color: #fff;
    height: 28px;
    padding: 6px;
    width: 100%;
    z-index: 100;
    text-align: left;
}

.moduleLink {
}

    .moduleLink a {
        font-size: 1.4em;
        font-weight: bold;
    }

.courseCreated {
    display: none;
    float: left;
    font-size: 0.8em;
    color: #aaa;
    font-weight: normal;
}

.currentStep {
    float: right;
    font-size: 0.8em;
    color: #a00;
    font-weight: normal;
    margin-right: 32px;
}

.searchFilterContainer {
    background-color: #aaa;
    color: #fff;
    height: 36px;
    line-height: 36px;
    width: 100%;
}

    .searchFilterContainer div.RadMenu .rmGroup .rmText {
    }

    .searchFilterContainer div.RadMenu_Sitefinity ul.rmRootGroup,
    .searchFilterContainer div.RadMenu_Sitefinity div.rmRootGroup {
        background: none;
        border: 0;
        height: 100%;
        padding-left: 20px;
    }

    .searchFilterContainer div.RadMenu_Sitefinity .rmHorizontal .rmItem {
        padding: 0;
    }

    .searchFilterContainer div.RadMenu .rmItem {
        position: static;
    }

    .searchFilterContainer div.RadMenu_Sitefinity .rmLink .rmText,
    .searchFilterContainer div.RadMenu_Sitefinity .rmFocused .rmText {
        line-height: 36px;
        color: #FFF;
        text-transform: uppercase;
    }

    .searchFilterContainer div.RadMenu_Sitefinity .rmLink:hover,
    .searchFilterContainer div.RadMenu_Sitefinity .rmFocused,
    .searchFilterContainer div.RadMenu_Sitefinity .rmSelected,
    .searchFilterContainer div.RadMenu_Sitefinity .rmExpanded {
        background: transparent url('http://demos.telerik.com/aspnet-ajax/menu/examples/megadropdown/Img/RootBg.png') repeat-x 0 0;
    }

    * html .searchFilterContainer div.RadMenu_Sitefinity .rmLink:hover,
    * html .searchFilterContainer div.RadMenu_Sitefinity .rmFocused,
    * html .searchFilterContainer div.RadMenu_Sitefinity .rmSelected,
    * html .searchFilterContainer div.RadMenu_Sitefinity .rmExpanded {
        background: #FFF;
        filter: alpha(opacity=70);
    }

        .searchFilterContainer div.RadMenu_Sitefinity .rmSelected .rmText,
        .searchFilterContainer div.RadMenu_Sitefinity .rmLink:hover .rmText,
        .searchFilterContainer div.RadMenu_Sitefinity .rmExpanded .rmText {
            color: #555;
        }

    .searchFilterContainer div.RadMenu_Sitefinity .rmHorizontal .rmItem a.rmLink .rmText {
        border: 0 none;
    }

.buttonItem {
    height: 36px;
    line-height: 36px;
    text-align: right;
}

.searchResultsHeaderContainer {
    margin: 0px 28px 0px 28px;
    padding: 6px;
}

#SearchResultsPager span {
    border: 1px solid #125687;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.previousNextLink {
    color: #125687 !important;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.numericLink {
    background-color: #669cc3;
    border: 1px solid #125687;
    color: #125687 !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.searchResultsPager {
    height: 29px;
}
/*
.searchResultsPagerContainer    { }
.searchResultsPager { height: 28px; }
.searchResultsPager .rdpWrap { line-height: 28px; }
.searchResultsPager .rdpPagerLabel { border: 1px solid #f00; vertical-align: middle; }
.searchResultsPager .riSingle .riTextBox { border: 1px solid #00f;  }
*/

/*
.RadDataPager_Default // changes the font size of the whole text
{
    font-size:large !important;
}
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput
{
    padding-left:5px !important;
    font-size:large !important;
}
div.RadDataPager .rdpWrap
{
    padding-left: 0px;
    padding-right: 0px;
} 
*/

/*searchResultsPager .RadComboBox table td.rcbInputCell, .RadComboBox
{
    width: 60px !important;
}*/

/* Course Progress */
.course-progress-container {
    border: 2px solid #5b812a;
    height: 24px;
    margin: auto;
    width: 168px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.course-progress-item {
    display: inline-block;
    font-size: 9pt;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}

/* DISCLOSURE */
.course-progress-disclosure-disabled {
    background: #cccccc url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-disclosure-disabled.png') no-repeat, linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-right: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.course-progress-disclosure-enabled {
    background: #e1f1cb url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-right: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.course-progress-disclosure-complete {
    background: #a7d769 url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-disclosure-enabled.png') no-repeat, linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-right: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

/* CONTENTS */
.course-progress-contents {
    position: relative;
    width: 96px;
    background: #e1f1cb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
}

.course-progress-contents-text {
    color: #000;
    margin-left: 4px;
    position: absolute;
    text-align: left;
    width: 196px;
    z-index: 10000;
}

.course-progress-contents-percentage {
    color: #000;
    position: absolute;
    text-align: right;
    width: 92px;
    z-index: 1000;
}

.course-progress-contents-progress {
    border-right: 1px solid #5b812a;
    position: absolute;
    background: #a7d769; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
}

/* QUIZ */
.course-progress-quiz-disabled {
    background: #cccccc url('../images/icons/progress/progress-quiz-disabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-quiz-disabled.png') no-repeat, linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
}

.course-progress-quiz-enabled {
    background: #e1f1cb url('../images/icons/progress/progress-quiz-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
}

.course-progress-quiz-complete {
    background: #a7d769 url('../images/icons/progress/progress-quiz.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-quiz-enabled.png') no-repeat, linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
}

/* EVALUATION */
.course-progress-evaluation-disabled {
    background: #cccccc url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-evaluation-disabled.png') no-repeat, linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.course-progress-evaluation-enabled {
    background: #e1f1cb url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmU0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -moz-linear-gradient(top, #e1f1cb 0%, #cfe4b3 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f1cb), color-stop(100%,#cfe4b3)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -o-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -ms-linear-gradient(top, #e1f1cb 0%,#cfe4b3 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, linear-gradient(to bottom, #e1f1cb 0%,#cfe4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1cb', endColorstr='#cfe4b3',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
    width: 22px;
    ;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.course-progress-evaluation-complete {
    background: #a7d769 url('../images/icons/progress/progress-evaluation.png') no-repeat; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZDc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWE2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -moz-linear-gradient(top, #a7d769 0%, #75a636 100%); /* FF3.6+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7d769), color-stop(100%,#75a636)); /* Chrome,Safari4+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -webkit-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Chrome10+,Safari5.1+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -o-linear-gradient(top, #a7d769 0%,#75a636 100%); /* Opera 11.10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, -ms-linear-gradient(top, #a7d769 0%,#75a636 100%); /* IE10+ */
    background: url('../images/icons/progress/progress-evaluation-enabled.png') no-repeat, linear-gradient(to bottom, #a7d769 0%,#75a636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d769', endColorstr='#75a636',GradientType=0 ); /* IE6-8 */
    background-position: center;
    border-left: 2px solid #5b812a;
    width: 22px;
    ;
    width: 22px;
    ;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

#TestWindow {
    z-index: 100 !important;
}

#modalPopup1 {
    z-index: 700 !important;
}

#modalPopup2 {
    z-index: 800 !important;
}

/*
.step-complete      { color: #3c8a2e; }
.step-incomplete    { color: #8a0e1f; }
.step-incomplete    { color: #770000; }
*/

.step-complete {
    background-color: #3c8a2e;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.step-incomplete {
    background-color: #8a0e1f;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.step-header {
    background-color: #676c70;
    color: #fff;
    font-weight: bold;
    padding: 6px 6px 6px 20px;
}

/*
.rt-test .rtsLink {  
          border-bottom: 8px solid #3c8a2e; 
   }      
  .RadTabStripTop_Silk .rtsSelected,   
  .RadTabStripTop_Silk .rtsSelected:hover {  

   }  
.RadTabStripTop { border: 1px solid #f00 !important; }
   */

ul.credits {
    list-style-type: none;
}

    ul.credits li {
        color: #6c953c;
        font-weight: bold;
    }

.adminHeader {
    font-weight: bold;
    color: #003366;
}

.adminCat {
    font-weight: bold;
    margin-top: 10px;
}
/*.adminLink { color: #125687; font-size: 1em; font-weight: normal; height: 12px; line-height: 12px; padding-left: 10px; text-align: left; width: 182px; }*/
.adminLink {
    padding-left: 10px;
}

.dgHeader {
    font-size: 10pt;
    font-weight: bold;
    background-color: gray; /*#3f4249;*/
    color: #FFFFFF;
}

.dgAlternate {
    background-color: #FFFFFF;
}

.gridTextbox {
    width: 100px;
}

/* Menu */
.report-menu {
    background-color: #ccc;
    border-bottom: 1px solid #555;
    height: 40px;
}

.report-select {
    color: #555;
    display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    line-height: 40px;
    padding: 0px 12px;
}

/* Evaluations */
.evaluation-question {
    color: #555;
    display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    padding: 6px 0px;
}

.evaluation-question-type-general {
    color: #68973c;
    display: inline-block;
    font-size: 8pt;
    font-weight: bold;
    margin-right: 8px;
}

.evaluation-question-type-course {
    color: #ff9900;
    display: inline-block;
    font-size: 8pt;
    font-weight: bold;
    margin-right: 8px;
}

.evaluation-question-total {
    color: #68973c;
    display: inline-block;
    font-size: 12pt;
    margin-left: 8px;
}

.evaluation-total {
    color: #68973c;
    font-size: 14pt;
    font-weight: bold;
    padding: 6px 0px;
}

.evaluation-answer {
    display: table-row;
    font-size: 10pt;
}

.evaluation-answer-text {
    color: #999;
    display: table-cell;
    font-size: 9pt;
    padding: 3px 16px;
    width: 200px;
}

.evaluation-answer-total {
    color: #000;
    display: table-cell;
    font-size: 9pt;
    padding: 3px 16px;
}

.evaluation-progress {
    color: #95d856;
    display: table-cell;
    width: 400px;
}

/*
progress::-moz-progress-bar { background: #0063a6; }
progress::-webkit-progress-bar-value, progress::-webkit-progress-value,
progress::-moz-progress-bar {background-color:orange; color: Purple;}
*/

/* Events */
.event-attended {
    color: #109618;
    font-weight: bold;
}

.event-not-attended {
    color: #dc3912;
    font-weight: bold;
}

/* Course Detail */
.part {
    border: 2px solid;
    height: 24px;
    width: 24px;
}

.part-disclosure-complete {
    border-color: #3366cc;
    background-color: #3366cc;
}

.part-disclosure-incomplete {
    border-color: #3366cc;
}

.part-content-complete {
    border-color: #dc3912;
    background-color: #dc3912;
}

.part-content-incomplete {
    border-color: #dc3912;
}

.part-quiz-complete {
    border-color: #ff9900;
    background-color: #ff9900;
}

.part-quiz-incomplete {
    border-color: #ff9900;
}

.part-evaluation-complete {
    border-color: #109618;
    background-color: #109618;
}

.part-evaluation-incomplete {
    border-color: #109618;
}

/* Report home */
.report-table {
    width: 100%;
}

    .report-table td {
        border: 1px solid #ccc;
        font-size: 12pt;
        padding: 16px;
        text-align: center;
        width: 33%;
    }

    .report-table tr:nth-child(odd) td {
        background-color: #fff;
    }

    .report-table tr:nth-child(even) td {
        background-color: #fff;
    }

.report-item {
    background-color: #eee;
    border: 1px solid #999;
    color: #777;
    display: inline-block;
    height: 94px;
    margin: 8px;
    padding: 12px;
    text-align: center;
    vertical-align: top;
    width: 260px;
}

    .report-item:hover {
        background-color: #125687;
        border: 1px solid #bfe7fa;
        color: #fff !important;
    }

.report-description {
    font-size: 9pt;
    font-weight: bold;
    height: 48px;
    padding-bottom: 12px;
}

.report-name {
    color: #125687;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 12px;
}

.report-item:hover .report-name {
    color: #fff;
}
/*
.report-link        { width: 200px; }
*/

/* Users/Courses */
.user-course-complete {
    color: #109618;
    font-weight: bold;
}

.user-course-notstarted {
    color: #ff9400;
    font-weight: bold;
}

.user-course-incomplete {
    color: #dc3912;
    font-weight: bold;
}

.user-course-awaiting {
    color: #0066ff;
    font-weight: bold;
}

.user-course-expired {
    color: #a90329;
    font-weight: bold;
}

.task-complete {
    color: #3c8a2e !important;
    font-weight: bold;
}

.task-incomplete {
    color: #a90329 !important;
    font-weight: bold;
}