.instructorWindow {
    /* Instructor Window default size and position */
    position:absolute;
    bottom:0px;
    right:0px;
    width:500px;
    height:250px;
}

.instructorWindowContentOuterContainer {
    position:absolute;
    top:39px;
    left:10px;
    bottom:22px;
    right:10px;
    background-color:#CECECE;
    background-image:-moz-linear-gradient(top, #E7E7E7, #CECECE); /* FF3.6 */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #E7E7E7), color-stop(1, #CECECE));         /* Saf4+, Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#E4E4E4', EndColorStr='#C9C9C9');       /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#E4E4E4', EndColorStr='#C9C9C9')"; /* IE8 */
}

/* START: Instructor Window Title */
.instructorWindowTitle {
    position:absolute;
    top:10px;
    left:52px;
    right:95px;
    height:27px;
    vertical-align:middle;
    line-height:27px;
    white-space:nowrap;
    font-weight:bold;
    overflow:hidden;
    text-overflow: ellipsis;
}

.instructorWindowInfoIcon {
    position:absolute;
    top:15px;
    left:18px;
    width:21px;
    height:21px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/info_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowInfoIcon:hover {
    background-image:url('[themeFolder]/Images/info_icon_hover.png');
    cursor:pointer;
}

.instructorWindowTitleSeperatorIcon {
    position:absolute;
    top:16px;
    left:43px;
    width:2px;
    height:15px;
    background-image:url('[themeFolder]/Images/title_seperator.png');
    background-repeat:no-repeat;	
}

.instructorWindowHelpIcon {
    position:absolute;
    top:15px;
    right:72px;
    width:20px;
    height:20px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/help_icon_default.png');
    background-repeat:no-repeat;
}

.instructorWindowHelpIcon:hover {
    background-image:url('[themeFolder]/Images/help_icon_hover.png');
    cursor:pointer;
}

.instructorWindowCollapseIcon {
    position:absolute;
    top:15px;
    right:46px;
    width:20px;
    height:20px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/collapse_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowCollapseIcon:hover {
    background-image:url('[themeFolder]/Images/collapse_icon_hover.png');
    cursor:pointer;
}

.instructorWindowExpandIcon {
    position:absolute;
    top:15px;
    right:46px;
    width:20px;
    height:20px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/expand_icon_default.png');
    background-repeat:no-repeat;	
}


.instructorWindowExpandIcon:hover {
    background-image:url('[themeFolder]/Images/expand_icon_hover.png');
    cursor:pointer;
}

.instructorWindowCloseIcon {
    position:absolute;
    top:15px;
    right:20px;
    width:20px;
    height:20px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/close_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowCloseIcon:hover {
    background-image:url('[themeFolder]/Images/close_icon_hover.png');
    cursor:pointer;
}
/* END: Instructor Window Title */


/* START: Instructor Window Tabs Bar */
.instructorWindowTabBar {
    position:absolute;
    top:0px;
    height:40px;
    left:0px;
    right:15px;
}

.instructorWindowUserAssistanceButtonsArea {
    float:left;
    margin-top:7px;
    margin-bottom:7px;
    padding-left:20px;
}

.instructorWindowScreenModeInfoExpanded {
    display:inline-block;
    float:left;
    margin-left:20px;
    margin-top:12px;
    width:auto;
    height:26px;
}

.instructorWindowScreenModeInfoCollapsed {
    display:inline-block;
    float:left;
    margin-top:12px;
    margin-left:50px;
    width:auto;
    height:26px;
}

.instructorWindowScreenObjectivesIcon {
    display:inline-block;
    float:right;
    margin-right:4px;
    margin-top:7px;
    width:26px;
    height:26px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/screen_objectives_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowScreenObjectivesIcon:hover {
    background-image:url('[themeFolder]/Images/screen_objectives_icon_hover.png');
    cursor:pointer;
}

.instructorWindowAudioDisabledIcon {
    display:inline-block;
    float:right;
    margin-right:0px;
    margin-top:7px;
    width:26px;
    height:26px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/audio_disabled_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowAudioDisabledIcon:hover {
    cursor:pointer;
}

.instructorWindowAudioIcon {
    display:inline-block;
    float:right;
    margin-right:0px;
    margin-top:7px;
    width:26px;
    height:26px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/audio_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowAudioIcon:hover {
    background-image:url('[themeFolder]/Images/audio_icon_hover.png');
    cursor:pointer;
}

.instructorWindowStopIcon {
    display:inline-block;
    float:right;
    margin-right:0px;
    margin-top:7px;
    width:26px;
    height:26px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/audio_stop_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowStopIcon:hover {
    cursor:pointer;
}

.instructorWindowAudioDropDownIcon {
    display:inline-block;
    float:right;
    margin-right:4px;
    margin-top:18px;
    width:12px;
    height:12px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/audio_dropdown_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowAudioDropDownIcon:hover {
    cursor:pointer;
    background-image:url('[themeFolder]/Images/audio_dropdown_icon_hover.png');
}

.instructorWindowFeedbackIcon {
    display:inline-block;
    float:right;
    margin-right:4px;
    margin-top:7px;
    width:26px;
    height:26px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/feedback_icon_default.png');
    background-repeat:no-repeat;	
}

.instructorWindowFeedbackIcon:hover {
    background-image:url('[themeFolder]/Images/feedback_icon_hover.png');
    cursor:pointer;
}

.instructorAudioMenu {
    position:absolute;
    width: 130px;
    color:black;
    border:1px solid black;
    background-color:#D8D8D8;
    z-index:1000;
}

.instructorAudioMenuItem {
    height:20px;
    left:0px;
    right:0px;
    padding-left:8px;
    padding-right:8px;
    padding-top:3px;
}

.audioMenuPlayStartLessonAudioHyperLink {
    color:black;
    text-decoration:none;
}

.audioMenuPlayStartLessonAudioHyperLink:hover {
    color:#1D3BB5;
    text-decoration:underline;
}


/* END: Instructor Window Tabs Bar */


/* START: Instructor Window Content Area */
.instructorWindowContentArea {
    position:absolute;
    top:40px;
    left:20px;
    bottom:25px;
    right:20px;
    /*padding-right:12px;*/
    overflow-y:auto;
    overflow-x:hidden;
    
}
/* END: Instructor Window Content Area */


/* START: Instructor Window Border Styles */
.instructorWindowBottomLeftBorder {
    position:absolute;
    bottom:0px;
    left:0px;
}

.instructorWindowBottomBorder {
    position:absolute;
    bottom:0px;
    left:22px;
    right:22px;
    height:22px;
    background-image:url('[themeFolder]/Images/instructor_border_bottom.png');
    background-repeat:repeat-x;
}

.instructorWindowBottomRightBorder {
    position:absolute;
    bottom:0px;
    right:0px;
}

.instructorWindowLeftBorder {
    position:absolute;
    top:44px;
    left:0px;
    width:10px;
    bottom:22px;
    background-image:url('[themeFolder]/Images/instructor_border_left.png');
    background-repeat:repeat-y;
}

.instructorWindowRightBorder {
    position:absolute;
    top:44px;
    right:0px;
    width:10px;
    bottom:22px;
    background-image:url('[themeFolder]/Images/instructor_border_right.png');
    background-repeat:repeat-y;
}

.instructorWindowTopBorder {
    position:absolute;
    top:0px;
    left:22px;
    right:22px;
    height:44px;
    background-image:url('[themeFolder]/Images/instructor_border_top.png');
    background-repeat:repeat-x;
}

.instructorWindowTopLeftBorder {
    position:absolute;
    top:0px;
    left:0px;
}

.instructorWindowTopRightBorder {
    position:absolute;
    top:0px;
    right:0px;
}
/* END: Instructor Window border Styles */


/* START: Instructor Window Footer */
.instructorWindowFooter {
    position:absolute;
    bottom:0px;
    height:25px;
    left:0px;
    right:0px;
    overflow:auto;
}

.instructorWindowContentsIcon {
    position:absolute;
    bottom:1px;
    left:2px;
    width:16px;
    height:16px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/contents_icon_default.png');
    background-repeat:no-repeat;
}

.instructorWindowContentsIcon:hover {
    background-image:url('[themeFolder]/Images/contents_icon_hover.png');
    cursor:pointer;
}

/* END: Instructor Window Footer */

/* START: Instructor Window Progress Bar */

.instructorWindowProgressBar {
    position:absolute;
    left:20px;
    right:20px;
    height:18px;
    bottom:4px;
}

.instructorWindowProgressBarLeft {
    position:absolute;
    left:0px;
    bottom:0px;
    width:8px;
    height:18px;
    background-image:url('[themeFolder]/Images/progress_bar_background_left.png');
    background-repeat:no-repeat;
}

.instructorWindowProgressBarRight {
    position:absolute;
    right:0px;
    bottom:0px;
    width:8px;
    height:18px;
    background-image:url('[themeFolder]/Images/progress_bar_background_right.png');
    background-repeat:no-repeat;
}

.instructorWindowProgressBarMiddle {
    position:absolute;
    left:8px;
    right:8px;
    bottom:0px;
    height:18px;
    background-image:url('[themeFolder]/Images/progress_bar_background_middle.png');
    background-repeat:repeat-x;
}

.instructorWindowProgressBarBorderRadius {
    -moz-border-radius:6px;        /* FF1+ */
    -webkit-border-radius:6px;     /* Saf3-4 */
    border-radius:6px;             /* Opera 10.5, IE 9, Saf5, Chrome */
}

.instructorWindowProgressBarGradient {
    position:absolute;
    visibility:hidden;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    background-color:#609DDA;
    background-image:-moz-linear-gradient(left, #609DDA, #13508E); /* FF3.6 */
    background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #609DDA), color-stop(1, #13508E));         /* Saf4+, Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType='1', startColorStr='#609DDA', EndColorStr='#13508E');       /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType='1', startColorStr='#609DDA', EndColorStr='#13508E')"; /* IE8 */
}

.instructorWindowProgressBarBackground {
    position:absolute;
    left:53px;
    right:20px;
    bottom:4px;
    top:5px;
    background-color:#EBEBEB;
}

.instructorWindowProgressBarTransparentBackground {
    position:absolute;
    left:53px;
    right:20px;
    bottom:4px;
    top:5px;
    border:1px solid gray;
    filter:alpha(opacity=50); /* internet explorer */
    -khtml-opacity:0.5;      /* khtml, old safari */
    -moz-opacity:0.5;       /* mozilla, netscape */
    opacity:0.5;           /* fx, safari, opera */
}

.instructorWindowPreviousScreenIcon {
    position:absolute;
    bottom:1px;
    left:35px;
    width:15px;
    height:15px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/previous_screen_icon_default.png');
    background-repeat:no-repeat;
}

.instructorWindowPreviousScreenIcon:hover {
    background-image:url('[themeFolder]/Images/previous_screen_icon_hover.png');
    cursor:pointer;
}

.instructorWindowNextScreenIcon {
    position:absolute;
    bottom:1px;
    right:1px;
    width:15px;
    height:15px;
    border:0px;
    padding:0px;
    background-color:transparent;
    background-image:url('[themeFolder]/Images/next_screen_icon_default.png');
    background-repeat:no-repeat;
}

.instructorWindowNextScreenIcon:hover {
    background-image:url('[themeFolder]/Images/next_screen_icon_hover.png');
    cursor:pointer;
}

/* END: Instructor Window Progress Bar */

/* START: Task Item row */

.instructorWindowTaskNote {
    margin-top:7px;
    margin-bottom:7px;
}

/* END: Task Item row */


/* START: Instructor Window User Assistance Buttons */

.instructorWindowControlPointerButton {
    position:absolute;
    top:13px;
    margin-left:0px;
    float:left;
    width:20px;
    height:20px;
    background-image:url('[themeFolder]/Images/point_to_control_default.png');
    background-repeat:no-repeat;
    cursor:pointer;
}

.instructorWindowControlPointerButton:hover {
    background-image:url('[themeFolder]/Images/point_to_control_rollover.png');
}

.instructorWindowShowMeButton {
    position:absolute;
    top:13px;
    margin-left:25px;
    float:left;
    width:20px;
    height:20px;
    background-image:url('[themeFolder]/Images/show_me_how_default.png');
    background-repeat:no-repeat;
    cursor:pointer;
}

.instructorWindowShowMeButton:hover {
    background-image:url('[themeFolder]/Images/show_me_how_rollover.png');
}

/* END: Instructor Window User Assistance Buttons */


/* START: Task List User Assistance Buttons */

.taskListControlPointerButton {
    margin-left:0px;
    float:left;
    width:20px;
    height:20px;
    background-image:url('[themeFolder]/Images/point_to_control_default.png');
    background-repeat:no-repeat;
    cursor:pointer;
}

.taskListControlPointerButton:hover {
    background-image:url('[themeFolder]/Images/point_to_control_rollover.png');
}

.taskListShowMeButton {
    margin-left:5px;
    float:left;
    width:20px;
    height:20px;
    background-image:url('[themeFolder]/Images/show_me_how_default.png');
    background-repeat:no-repeat;
    cursor:pointer;
}

.taskListShowMeButton:hover {
    background-image:url('[themeFolder]/Images/show_me_how_rollover.png');
}

/* END: Task List User Assistance Buttons */


/* START: Task List */

.taskListUserAssistanceButtonsArea {
    margin-top:7px;
    margin-bottom:7px;
    margin-left:2px;
}

/* END: Task List */

/* START: Task List State Icons */

.taskListCorrectStateIcon {
    width:19px;
    height:19px;
    background-image:url('[themeFolder]/Images/correct_icon_default.png');
    background-repeat:no-repeat;
    /* This ensures that the element is centered in FF */
    margin-left: auto;
    margin-right: auto;
}

.taskListIncorrectStateIcon {
    width:19px;
    height:19px;
    background-image:url('[themeFolder]/Images/incorrect_icon_default.png');
    background-repeat:no-repeat;
    /* This ensures that the element is centered in FF */
    margin-left: auto;
    margin-right: auto;
}

.taskListSkippedStateIcon {
    width:19px;
    height:19px;
    background-image:url('[themeFolder]/Images/skipped_icon_default.png');
    background-repeat:no-repeat;
    /* This ensures that the element is centered in FF */
    margin-left: auto;
    margin-right: auto;
}

/* END: Task List State Icons */

.taskListGradientBackground {
    cursor:pointer;
    /*background-color:#D1D1D1;*/ /* IE8 gives preference to this */
    background-image:-moz-linear-gradient(top, #D1D1D1, #B8B8B8); /* FF3.6 */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D1D1), color-stop(1, #B8B8B8));         /* Saf4+, Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#D1D1D1', EndColorStr='#B8B8B8');       /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#D1D1D1', EndColorStr='#B8B8B8')"; /* IE8 */
}

.taskListGradientBackgroundHover {
    cursor:pointer;
    /*background-color:[TaskHighlightColorStart];*/ /* IE8 gives preference to this */
    background-image:-moz-linear-gradient(top, [TaskHighlightColorStart], [TaskHighlightColorEnd]); /* FF3.6 */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, [TaskHighlightColorStart]), color-stop(1, [TaskHighlightColorEnd]));         /* Saf4+, Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='[TaskHighlightColorStart]', EndColorStr='[TaskHighlightColorEnd]');       /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='[TaskHighlightColorStart]', EndColorStr='[TaskHighlightColorEnd]')"; /* IE8 */ 
}

.taskListGradientBackgroundSelected {
    cursor:default;
    /*background-color:#F5F5F5;*/ /* IE8 gives preference to this */
    background-image:-moz-linear-gradient(top, #F5F5F5, #DCDCDC); /* FF3.6 */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #DCDCDC));         /* Saf4+, Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#F5F5F5', EndColorStr='#DCDCDC');       /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorStr='#F5F5F5', EndColorStr='#DCDCDC')"; /* IE8 */
}

.taskListElementBorder {
    border-top:1px solid #BABABA;
    padding-left: 4px;
    padding-right: 4px;    
    border-bottom:1px solid #FFFFFF;
}

.taskListElementBorderSelected {
    border:4px solid [TaskHighlightColorSelected];
}

.taskListInstruction {
    padding:4px 18px 4px 4px;
}

.taskListInstructionSelected {
    padding:4px 18px 4px 4px;
}

.taskListNumber {
    padding-top:4px;
    vertical-align:top;
    width:15px;
    height:100%;
    text-indent:0px;
}

.taskListNumberSelected {
    padding-top:4px;
    vertical-align:top;
    width:15px;
    height:100%;
    text-indent:0px;
}

.taskListState {
    width:29px;
    height:100%;
    text-align:center;
}

.taskListStateSelected {
    width:29px;
    height:100%;
    text-align:center;
}

.taskListTable {
    margin-right:50px;
    width:100%;
    height:32px;
    min-height:32px;
}