/* Document   : campus-tool-themes */
a { outline: 0; }
img { border: 0; }
input:disabled { color: #777; }

/* THEME: basic */
.basic { width:97%; background-color: #E6E6E6; border:1px solid #aaa; padding:5px; margin:2px; margin-top: 5px; -moz-border-radius: 4px; }
/*.basic { width:97%; background-color: #FBFBFB; border:1px solid #aaa; padding:5px; margin:2px; margin-top: 5px; -moz-border-radius: 4px; }*/
.basic h3 { margin: 0px; cursor: pointer; }

/* THEME: classic */
.classic { margin-top:5px; background-color: #FAFAFA; border-bottom:1px solid #AAAAAA;}
.classic h3:hover { border:1px solid #777777; border-bottom: none; background: #DDD; }
.classic h3, .classic .forumCatHeader { display: block; cursor: pointer; margin:0px; background: url("../images/jQuery/classic/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; border:1px solid #AAAAAA; border-bottom: none; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
.classic h3 a, .classic .fourmCatHeader a { color: #121212; }
.classic .maindiv { padding: 5px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; background: #FDFDFD; border:1px solid #AAAAAA; border-bottom: none;}

.classic .task-controls { padding: 0px; }
.classic div .task-links { border: none; background: #F2F2F2; width: 100% }
.classic div .task-links .task-link { border: 0; background-color: #F2F2F2; padding: 3px 15px; display: table-cell; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; color: #121212; }
.classic div .task-links .menu-filler { border: 0; background-color: #F2F2F2; display: table-cell; border-bottom: 1px solid #BBB; width: 100%; }
.classic div .task-links .task-link.active { border: 0; background: #FDFDFD; border-right: 1px solid #BBB; border-bottom: 1px solid #FDFDFD; }
.classic div .task-link:hover { background-color: #DDD; cursor: pointer; }
.classic div .task-content { border: none; }
.classic div .task-sidebar { padding: 5px; width: 35%; float: right; border: none;}

/* THEME: boxes */
.boxes  { margin-top:5px; width:100%; border: 1px solid black; }
.boxes div { padding:10px; }
.boxes h3:hover { background-image: url("../images/AccordionTab2.gif"); }
.boxes h3 { margin: 0px; cursor:pointer; display:block; padding:5px; font-size: small; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; height: 20px; background-image: url("../images/AccordionTab0.gif"); }

.file-container { border-bottom: 1px solid #E2E2E2; padding: 5px; width: 100%; }
.file-container:hover { background-color: #F2F2F2; }
.file { display: block; min-height: 38px; background: url("../images/mime/mime-octet-stream.png") no-repeat; }
.fileinfo { font-size: 11px; display: block; }
.filetitle { font-weight: bold; }
.filetitle, .filesubtitle, .filedetails { padding-left: 40px; }
.fileEditLabel { font-weight: bold; }
.libUploader { border: solid 1px #E2E2E2; padding: 10px; background: #F2F2F2; }
.reuploadBox { border: solid 1px #E2E2E2; padding: 10px; background: #F2F2F2; margin-top: 10px; }

.file.application-msword, .file.application-rtf, .file.application-vnd-oasis-opendocument-text { background: url("../images/mime/mime-word.png") no-repeat; }
.file.application-pdf { background: url("../images/mime/mime-pdf.png") no-repeat; }
.file.application-octet-stream { background: url("../images/mime/mime-octet-stream.png") no-repeat; }
.file.application-vnd-ms-excel, .file.application-vnd-openxmlformats-officedocument-spre { background: url("../images/mime/mime-excel.png") no-repeat; }
.file.application-vnd-openxmlformats-officedocument-wordprocessingml-document,
.file.application-vnd-openxmlformats-officedocument-word, .file.application-vnd-ms-word-document-macroEnabled-12 { background: url("../images/mime/mime-word.png") no-repeat; }
.file.application-vnd-openxmlformats-officedocument-presentationml-presentation, .file.application-vnd-ms-powerpoint, .file.application-vnd-openxmlformats-officedocument-pres, .file.application-vnd-ms-powerpoint-presentation-macroEn { background: url("../images/mime/mime-powerpoint.png") no-repeat; }
.file.application-zip { background: url("../images/mime/mime-zip.png") no-repeat; }
.file.image-jpeg, .file.image-png { background: url("../images/mime/mime-image.png") no-repeat; }
.file.audio-mpeg { background: url("../images/mime/mime-audio.png") no-repeat; }
.file.video-quicktime { background: url("../images/mime/mime-video.png") no-repeat; }

.file.ref_video { background: url("../images/mime/mime-ref-video.png") no-repeat; }
.file.ref_audio { background: url("../images/mime/mime-ref-audio.png") no-repeat; }
.file.ref_link { background: url("../images/mime/mime-ref-link.png") no-repeat; }
.file.ref_text { background: url("../images/mime/mime-ref-text.png") no-repeat; }

.audioImageIcon .imageIcon { float: left; }
.audioImageIcon .file { margin: 10px 0px 0px 75px !important; height: 60px; }

.filestatus { float: right; font-size: 11px; text-align: right; display: block; min-height: 32px; }
.fileactions { display: table-row; font-size: 11px; margin-left: 40px; }

.revision { margin: 5px 0px 0px 40px; font-size: smaller; height: 32px; border-top: 1px solid #DDD; padding: 5px; }
.revision .file { height: 32px; width: 36px; display: block; float: left; }

#campus-library { margin-top: 10px; }
#campus-library-folders-container { float: right; width: 214px; display: block; margin-left: 10px; }
#campus-library-content { margin-right: 230px; }
#campus-library-folders, #campus-library-folders-js { min-height: 300px; padding-right: 18px; margin-bottom: 20px; }
#campus-library-folders a{ white-space: normal !important; height: auto; }
.campus-library-folders a { white-space: normal !important; padding: 0 0 0 1px; }
#campus-library-folders.basic ul { list-style-image: url(../images/icons/folder.png); list-style-position: inside; padding-left: 10px; }
#campus-library-folders li > ins { vertical-align: top; }
#campus-library-folder { display: block; border: 1px solid grey; }
#campus-library-folder>a { display: block; }
#campus-library-folders .jstree .jstree-title { display: block; padding-left: 20px; margin-top: -16px; }
#campus-library-folders .jstree ul ul .jstree-last > ins { display: inline-block; }
#campus-library-folders .jstree .nodeActive { font-weight: bold; }

.campusLibraryTitle, .campus-library-path { background-color: #F2F2F2; border-bottom: medium none; border-top: 1px solid #E2E2E2; padding: 4px 5px 5px; margin-bottom: 12px; font-size: 12px; font-weight: bold; }
#campus-files { width: 100%; margin-bottom: 15px; float: none; }
.campusFileUpdate { background-color: #FFFFE0; border: 1px solid #E6DB55; border-radius: 3px 3px 3px 3px; padding: 3px; margin-top: 3px; font-size: smaller; }

.real .campus-library-path { border: 1px solid #E2E2E2; padding: 10px; }
#campus-library.real { margin: 0px; }
.real .campusLibraryTitle { background: #FFF; border: none; color: #999; font-size: 22px; line-height: 26px; margin: 0; padding: 0px 0px 20px 0px; font-weight: normal; }
.real #campus-library-folders-container { float: left; }
.real #campus-library-content { margin-left: 350px; margin-right: 0px; }
.real #campus-library-folders { padding: 10px 20px 10px 10px; background: #F2F2F2; border: 1px solid #E2E2E2; }
.real #campus-library-folders-container { width: 300px; margin-left: 0px; }

.real #campus-library-folders .jstree ul ul li.jstree-open ul, .real ul ul li.jstree-closed ul { margin-left: 20px; }
.real #campus-library-folders .jstree .jstree-title { padding-left: 50px; margin-top: -25px; min-height: 25px; padding-bottom: 5px; }
.real #campus-library-folders .jstree li.jstree-open ul .jstree-title { padding-left: 43px; margin-top: -22px; }
.real #campus-library-folders .jstree .nodeActive { color: #007FC4; }

ul.intray, ul.submissions { margin: 0px; padding-left: 3px; list-style: none; }
ul.submissions { margin-bottom: 10px; }
.intray-icon, .submissions-icon { text-decoration: none; }
.intray-title, .submissions-title { padding-left: 3px; margin-top: 5px; display: inline-block; vertical-align: top; }
.intray a, .submissions a { text-decoration: none; outline: 0; }
.intray a.intray-closed, .submissions a.submissions-closed { color: #000000; }
.intray a.intray-open, .submissions a.submissions-open { font-weight: bold; }

.campusProfile table, .campusProfile input, .campusProfile select, .campusProfile textarea { width: 100%; }
.campusProfile .profileTitle { font-weight: bold; font-size: 14px; margin: 10px 0px 5px 0px; display: block; }
.campusProfile select { height: 20px; }
.campusProfile textarea { height: 120px; color: #121212; font-family: sans-serif; }
.campusProfile .profileSmallText { font-size: 11px; color: #777; font-weight: normal; }
.campusProfile tr { height: 23px; }
.campusProfile input[type=checkbox] { width: 15px; height: 15px; vertical-align: bottom; }

.profileLabel { width: 120px; }

.profile_progress, .pm_progress { position:relative; width:100%; border: 1px solid #aaa; padding: 1px; border-radius: 3px; }
.profile_bar, .pm_bar { background-color: #DDDDDD; width:0%; height:20px; border-radius: 3px; }
.profile_percent, .pm_percent { position:absolute; display:inline-block; top:3px; left:48%; }

.campus3_userProfile .profileTitle { color: #007FC4; }
.campus3_userProfile .profileColumn1 { display: inline-block; padding-bottom: 10px; width: 430px; }
.campus3_userProfile .profileColumn2 { display: inline-block; padding-bottom: 10px; width: 430px; float:right }

.taskStatusIcon { float: left; }
.taskResources { float: right; border-left: 1px solid #AAA; padding-left: 20px; margin: 15px; }
.taskResourcesLabel { font-weight: bold; font-size: 16px; }
.taskResourcesImage { background: url('../images/icon_libraryresources.png') no-repeat; width: 82px; height: 79px; float: left; }
.taskResourcesText { font-size: 11px; width: 80px; padding-top: 20px; display: inline-block; }
.taskDescription { font-weight: normal; margin: 0px 20px; min-height: 100px; }

.profileSubmit { margin-top: 20px; margin-bottom: 20px; }
#submit1_userprofile { display: block; height: 25px; }
#submit2_userprofile { display: none; }

.campus3_userProfile .profileSubmit { float: right; }
.campus3_userProfile .profileSave { color: transparent; font-size:0; line-height:0; margin-left: 15px; border: 0px; width: 75px; height: 26px; background: url('../images/real/btn_save.png') no-repeat; float: right; }
.campus3_userProfile .profileSave:hover { background-position: 0px -26px; }
.campus3_userProfile #submit1_userprofile { display: none; }
.campus3_userProfile #submit2_userprofile { display: block; }

#pass-strength-result { background-color: #EEEEEE; border-color: #DDDDDD !important; border-style: solid; border-width: 1px; margin: 5px 0px; padding: 3px 1px; text-align: center; width: 100%; }
#pass-strength-result.short { background-color: #FFA0A0; border-color: #F04040 !important; }
#pass-strength-result.bad { background-color: #FFB78C; border-color: #FF853C !important; }
#pass-strength-result.good { background-color: #FFEC8B; border-color: #FFCC00 !important; }
#pass-strength-result.strong { background-color: #C3FF88; border-color: #8DFF1C !important; }

/* Generic Styles */

form#upload { clear:both; }
.uploadform { width: 100%; margin-bottom: 15px; }
/* Task page */
.unitdiv h2.disabled, #content .unitdiv div.disabled h3 { background: url('../images/icons/icon_locked.png') 100% 50% no-repeat; cursor: auto; }
.unitdiv h2.complete, #content .unitdiv div.complete h3 { background: url('../images/icons/icon_click_to_proceed.png') 100% 50% no-repeat; padding-right: 55px; }
h3 span.complete { background: url('../images/icons/icon_click_to_proceed_small.png') 100% 50% no-repeat; width: 24px; height: 24px; float: right; }
.unitdiv h2.skipped, #content .unitdiv div.skipped h3 { background: url('../images/icons/icon_skip.png') 100% 50% no-repeat; }
.unitdiv h2.onapproval, #content .unitdiv div.onapproval h3 { background: url('../images/icons/icon_tutor_approval.png') 100% 50% no-repeat; }

.status-unit { background-color: #F2F2F2; border-bottom: medium none; border-top: 1px solid #E2E2E2; font-size: 12px; font-weight: bold; padding: 4px 1px 5px 4px; }
.status-task, .status-tool { border-bottom: 1px solid #E2E2E2; }
.status-task-title, .status-tool-title { padding: 4px 5px 5px; }
.tool-actions { padding-left: 5px; }
.status-tool:hover { background-color: #F8F8F8; cursor: pointer; }
.status-task.alternate, .status-task.alternate.onapproval, .status-task.alternate.complete { }

.unit-task .incomplete { background: url('../images/icons/icon_incomplete.png') 100% 50% no-repeat; }
.unit-task .complete { background: url('../images/icons/icon_click_to_proceed.png') 100% 50% no-repeat; }
.unit-task .onapproval { background: url('../images/icons/icon_tutor_approval.png') 100% 50% no-repeat; }
.unit-task .disabled { background: url('../images/icons/icon_locked.png') 100% 50% no-repeat; }
.unit-task .skipped { background: url('../images/icons/icon_skip.png') 100% 50% no-repeat; }

.moduleUnit .status-icon { width: 48px; height: 48px; display: block; padding: 5px 0px 0px 5px; }
.moduleUnit .incomplete { background: url('../images/icons/icon_incomplete.png') 100% 50% no-repeat; }
.moduleUnit .complete { background: url('../images/icons/icon_click_to_proceed.png') 100% 50% no-repeat; }
.moduleUnit .onapproval { background: url('../images/icons/icon_tutor_approval.png') 100% 50% no-repeat; }
.moduleUnit .disabled { background: url('../images/icons/icon_locked.png') 100% 50% no-repeat; }
.moduleUnit .skipped { background: url('../images/icons/icon_skip.png') 100% 50% no-repeat; }
.real .moduleUnit .status-icon { width: 48px; height: 48px; display: block; padding: 2px 0px 0px 0px; }
.real .moduleUnit .incomplete { background: url('../images/icon_todo_large.png') 100% 50% no-repeat; }
.real .moduleUnit .complete { background: url('../images/icon_complete_large.png') 100% 50% no-repeat; }
.real .moduleUnit .onapproval { background: url('../images/icon_tutor_large.png') 100% 50% no-repeat; }
.real .moduleUnit .disabled { background: url('../images/icon_disabled_large.png') 100% 50% no-repeat; }
.real .moduleUnit .skipped { background: url('../images/icon_skipped_large.png') 100% 50% no-repeat; }

.latestUnitComments { float: right; margin: 10px; width: 21%; padding-bottom: 230px; }
.latestUnitCommentsTitle { font-weight: bold; font-size: 16px; }

.moduleTask .status-icon { width: 35px; height: 35px; display: block; padding: 2px 1px; }
.moduleTask .incomplete { background: url('../images/icons/icon_incomplete_mid.png') 100% 50% no-repeat; }
.moduleTask .complete { background: url('../images/icons/icon_click_to_proceed_mid.png') 100% 50% no-repeat; }
.moduleTask .onapproval { background: url('../images/icons/icon_tutor_approval_mid.png') 100% 50% no-repeat; }
.moduleTask .disabled { background: url('../images/icons/icon_locked_mid.png') 100% 50% no-repeat; }
.moduleTask .skipped { background: url('../images/icons/icon_skip_mid.png') 100% 50% no-repeat; }
.real .moduleTask .status-icon { width: 27px; height: 26px; display: block; padding: 5px 3px; }
.real .moduleTask .incomplete { background: url('../images/icon_todo_mid.png') 100% 50% no-repeat; }
.real .moduleTask .complete { background: url('../images/icon_complete_mid.png') 100% 50% no-repeat; }
.real .moduleTask .onapproval { background: url('../images/icon_tutor_mid.png') 100% 50% no-repeat; }
.real .moduleTask .disabled { background: url('../images/icon_disabled_mid.png') 100% 50% no-repeat; }
.real .moduleTask .skipped { background: url('../images/icon_skipped_mid.png') 100% 50% no-repeat; }

.moduleTool .status-icon { width: 24px; height: 24px; display: block; padding: 5px 3px; }
.moduleTool .incomplete { background: url('../images/icons/icon_incomplete_small.png') 100% 50% no-repeat; }
.moduleTool .complete { background: url('../images/icons/icon_click_to_proceed_small.png') 100% 50% no-repeat; }
.moduleTool .onapproval { background: url('../images/icons/icon_tutor_approval_small.png') 100% 50% no-repeat; }
.moduleTool .disabled { background: url('../images/icons/icon_locked_small.png') 100% 50% no-repeat; }
.moduleTool .skipped { background: url('../images/icons/icon_skip_small.png') 100% 50% no-repeat; }
.real .moduleTool .status-icon { width: 21px; height: 22px; display: block; padding: 5px 3px; }
.real .moduleTool .incomplete { background: url('../images/icon_todo_small.png') 100% 50% no-repeat; }
.real .moduleTool .complete { background: url('../images/icon_complete_small.png') 100% 50% no-repeat; }
.real .moduleTool .onapproval { background: url('../images/icon_tutor_small.png') 100% 50% no-repeat; }
.real .moduleTool .disabled { background: url('../images/icon_disabled_small.png') 100% 50% no-repeat; }
.real .moduleTool .skipped { background: url('../images/icon_skipped_small.png') 100% 50% no-repeat; }

.moduleQuickComment { display: block; padding-right: 10px; float: right; width: 142px; margin: -200px 10px 0px 0px; clear: both; }
.moduleQuickCommentTitle { font-weight: bold; font-size: 16px; }
.moduleQuickCommentTB { font-size: 14px; height: 130px; margin-bottom: 10px; color: #121212; width: 100%; }
.real .moduleQuickComment { display: block; padding-right: 10px; float: right; width: 190px; margin: -226px 10px 0px 0px; clear: both; }
.real .moduleQuickCommentTB { height: 160px; }

.moduleAction { font-weight: bold; }
.moduleTool .contentWrapper { margin: 10px 0px 0px 35px; }
.moduleTool .toolContent { margin: 10px 15px 10px 0px; }
.moduleTool .upArrowAnchor { margin-left: -35px; }

.status-unit .incomplete, .status-task .incomplete, .status-tool .incomplete { background: url('../images/icons/icon_incomplete_small.png') 100% 50% no-repeat; }
.status-unit .complete, .status-task .complete, .status-tool .complete { background: url('../images/icons/icon_click_to_proceed_small.png') 100% 50% no-repeat; }
.status-unit .onapproval, .status-task .onapproval, .status-tool .onapproval { background: url('../images/icons/icon_tutor_approval_small.png') 100% 50% no-repeat; }
.status-unit .disabled, .status-task .disabled, .status-tool .disabled { background: url('../images/icons/icon_locked_small.png') 100% 50% no-repeat; }
.status-unit .skipped, .status-task .skipped, .status-tool .skipped { background: url('../images/icons/icon_skip_small.png') 100% 50% no-repeat; }

#content .unitdiv h2, #content .unitdiv h3 { /* padding-left: 70px;*/ min-height:48px; margin: 0; }
.disabled.taskdiv h3{ cursor: default; }

/* Thickbox Pre-3.3 compat */
#TB_window { visibility: hidden; display: block; }

/* Private Messages */
.campusMsgForm { font-weight: bold; font-size: 12px; }
.campusSelectUsers { border: solid 1px #111;  position: absolute;  background-color: #FFF;  margin-top: 21px; /*min-width: 200px;*/ display: none; z-index: 50; }
.campusMsgContact { display: block; height: 30px; padding: 5px; font-size: 12px; }
.campusMsgMember { display: inline-block; height: 30px; color: #14587F; padding: 5px; font-size: 12px; border: 1px solid #AAAAAA; background-color: #EDEFF4; margin-right: 5px; }
.campusMsgContact:hover, .campusMsgContact.selected { background-color: #EDEFF4; cursor: pointer; }
.campusMsgContact img { padding-right: 2px; }
.campusMsgInput { background-color: #FFF; border: 1px solid #AAA; color: #777777; float: left; font-size: 12px; overflow: hidden; padding: 3px; resize: none; width: 100%; display: inline-block; }
.campusMsgAddress { background: none repeat scroll 0 0 #E2E6F0; border: 1px solid #9DACCC; border-radius: 2px 2px 2px 2px; color: #1C2A47; cursor: default; display: block; font-size: 12px; float: left; height: 15px; margin: 4px 2px 0px 2px; padding: 0 3px; position: relative; white-space: nowrap; display: inline-block; }
.campusMsgReplyTextArea { width:483px; }
#newMsg p { margin: 0px; }
.newMsgBody { background: #FFF; margin-top: 2px; }
.campus-pm-container p { margin: 0px; }

.pmReplyTabHeader { border-bottom: 1px solid #AAA; }
.pmReplyTab { background-color: #EDEFF4; margin-bottom: 2px; padding: 4px; word-wrap: break-word; border: 1px solid #AAAAAA; border-top: none; }
.pmLabel, .pmReplyTabLabel { font-weight: bold; padding: 5px 2px 0px 0px; display: block; font-size: 13px; float: right; }
.pmInputPadding { padding: 1px 5px 1px 1px; min-height: 29px; }
.addCtrlsLabel { width: 35px; }
.fwdCtrlsLabel { width: 55px; }
.pmUserSelect { border: 0; outline: 0px; width: 120px; background: transparent; height: 20px; }
.pmFwdSubject { color: #000; }
.pmSubject, .pmFwdSubject { font-size: 13px; height: 28px; }

#pmReplyAddCtrls, #pmFwdCtrls { display: none; margin-bottom: 2px; }
#pmReplyFwdCtrls { margin-bottom: 3px; display: none; }
#replyUploader { display: none; padding: 2px; }
#campusPMreplyBtn { margin-top: 3px; }
#pmReplyBtn2 { border-left: none; }

.required { background-color: #FFEEEE; }
.campusCounter { background-color: #F03D25; border-radius: 2px 2px 2px 2px; color: #FFFFFF; font-weight: bold; padding: 0 4px; margin-left: 4px; font-size: 11px; position: relative; bottom: 2px; }
.campusMsgAddressName { position: relative; top: -3px; }
.deleteEmailBtn { background: url('../images/x1.png') no-repeat; width: 15px; height: 15px; display: inline-block; cursor: pointer; }
.deleteEmailBtn:hover { background: url('../images/x2.png') no-repeat; }
.pm-folder { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #777; color: #1C2A47; cursor: default; font-size: 12px; height: 15px; margin: 2px; padding: 3px; display: inline-block; }
.pm-folder input { font-size: 11px; padding: 0; margin: 0; vertical-align: top; position: relative; top: -1px; }
.editEmailBtn { background: url('../images/pen1.png') no-repeat; width: 15px; height: 15px; display: inline-block; cursor: pointer; }
.editEmailBtn:hover { background: url('../images/pen2.png') no-repeat; }
.confirmEmailBtn { background: url('../images/tick1.png') no-repeat; width: 15px; height: 15px; display: inline-block; cursor: pointer; }
.confirmEmailBtn:hover { background: url('../images/tick2.png') no-repeat; }
.moduleTargetDate .confirmEmailBtn { vertical-align: middle; margin-bottom: 3px; }
.campus-pm-container { width: 100%; }
.campus-pm-container p { margin-top: 0px; margin-bottom: 0px; }
.campus-pm { border-top: medium none; border-bottom: 1px solid #E2E2E2; padding: 4px 5px 5px; display: block; cursor: pointer; }
.campus-pm:hover { background-color: #F2F2F2; }
.campus-pm.unread { background-color: #FFFFA3; }
.campus-pm-wrapper { background: none repeat scroll 0 0 #F7F7F7; border-radius: 8px 8px 8px 8px; margin-bottom: 10px; padding: 10px; }
.campus-pm-detail { padding: 4px 5px 5px; display: block; background-color: #F2F2F2; border: 1px solid #AAAAAA; }
.campus-pm-detail .pm-body { padding: 5px; display: block; background-color: #FFF; border: 1px solid #AAAAAA; }
.pmFolderTitle { padding:5px 0 5px 0; font-weight: bold; }
.campus-pm-folder { padding: 0 2px 0 2px; }
a .campus-pm-folder { color: #000; }
.campus-pm-folder:hover { background-color: #DDD; }
.campus-attachment-link:hover { background-color: #FFF; border: 1px #555 solid; }
.emailAttachment { display: block; background: url(../images/attachment4x.png); width: 30px; height: 30px; overflow: hidden; cursor: pointer; }
.emailAttachment:hover { background: url(../images/attachment4x.png); width: 30px; height: 30px; background-position: 0px -30px; overflow: hidden; }
.campus-attachment { background: url('../images/pm.png') -80px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom;}
.campus-group { border: 1px solid #AAAAAA; padding: 4px 5px 5px; background-color: #EDEFF4; }

#campus-pm-menu-container { width: 270px; margin-left: 0px; float: left; }
#campus-pm-content { margin-left: 280px; margin-right: 0px; }
.campusPMFolders, .campusPMGroups { max-height: 300px; overflow-y: auto; }
.campusPMFolders .open, .campusPMFolders .closed { padding: 7px; }
.campusPMFolders .closed a { color: #121212; }
.campusPMFolders .open .PMfolderEdit { display: inline-block; font-size: 12px; }
.campusPMFolders .closed .PMfolderEdit { display: none; }
.campusPMBox { background: #FFF; border: 1px solid #BBB; padding: 7px; }
.campusPMBoxBottom { background: url('../images/bg_activities.png') #FFF repeat-x 0px -19px; border: 1px solid #BBB; border-top: none; padding: 7px 0px 7px 10px; margin-bottom: 15px; }

.pmIconGroup { background: url('../images/pm.png') -20px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconGroupActive { background: url('../images/pm.png') -40px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }

.pmIconGroupSmall { background: url('../images/pm.png') -20px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconGroup2Small { background: url('../images/pm.png') -20px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconNewGroupSmall { background: url('../images/pm.png') -60px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconInbox { background: url('../images/pm.png') -180px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconNewPM { background: url('../images/pm.png') -160px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconReply { background: url('../images/pm.png') -200px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconForward { background: url('../images/pm.png') -140px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconAddUser { background: url('../images/pm.png'); width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconFolder { background: url('../images/pm.png') -120px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconSentItems { background: url('../images/pm.png') -220px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.pmIconNewFile { background: url('../images/pm.png') -240px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: bottom; margin-right: 2px; }
.campusLoader { background: url('../images/ajax-loader.gif') no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: bottom; }
#moduleUpdateLoader .campusLoader { display: block; margin: 7px 0px 0px 7px; }
.campusLoader.pmLoader { vertical-align: middle; margin: 5px; }
.campusFileLoader { background: url('../images/loadingGIF.gif') no-repeat; width: 41px; height: 9px; display: none; }
.groupIcon0, .groupIcon1 { background: url('../images/group_icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; margin-right: 5px; }

.messageToBox { margin-bottom: 3px; background: #F2F2F2; padding: 4px 5px 5px; display: block; border: 1px solid #CCC; }

.pmTabActive { padding: 3px 10px 3px 10px; margin-bottom: -1px; display: inline-block; background: #EDEFF4; border: 1px solid #AAA; border-bottom: 1px solid #EDEFF4; height: 22px; }
.pmTabActive a { color: #121212; text-decoration: none; font-weight: bold; }
.pmTabInactive { padding: 3px 10px 3px 10px; margin-bottom: -1px; display: inline-block; background: #F7F7F7; border: 1px solid #AAA; height: 22px; }
.pmTabInactive a { color: #686868; text-decoration: none; }

.libraryUploader { margin-top: 10px; }
.libTabActive { padding: 3px 10px 3px 10px; margin-bottom: -1px; display: inline-block; background: #F2F2F2; border: 1px solid #E2E2E2; border-bottom: 1px solid #F2F2F2; font-weight: bold; }
.libTabInactive { padding: 3px 10px 3px 10px; margin-bottom: -1px; display: inline-block; background: #F7F7F7; border: 1px solid #E2E2E2; }
.libTabActive a, .libTabInactive a { color: #121212; outline: none; text-decoration: none; }
.libRefDetails { height: 100px; }
.libRefVideo { margin: 5px 0px 0px 40px; }
.buzzLine .libRefVideo { margin: 5px 0px 0px 0px; }

.campus-pm-container-parent { background: #FFF; border: 1px solid #BBB; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.msgIconGroup { width: 25px; height: 25px; background: url('../images/real/icon_group.png') no-repeat; display: inline-block; }
.msgIconGroup:hover { background: url('../images/real/icon_group.png') -25px 0px; }
.msgIconNewFolder { width: 20px; height: 20px; background: url('../images/pm.png') -100px 0px; display: inline-block; margin-right: 5px; vertical-align: middle; }
.msgIconNewGroup { width: 20px; height: 20px; background: url('../images/pm.png') -60px 0px; display: inline-block; margin-right: 5px; vertical-align: middle; }

.campus_llog_title { font-size: 18px; font-weight: bold; }

.updated { background-color: #FFFFE0; border: 1px solid #E6DB55; border-radius: 3px 3px 3px 3px; padding: 3px; display: block; clear: both; }
.campusNotice { background-color: #EEF2FF; border: 1px solid #5B77E6; border-radius: 3px 3px 3px 3px; padding: 3px; text-align: center; display: block; }
.warning { color: #FF0000; }

.mylist { border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; margin: 8px 0 8px 0; }
.UIImageBlock { padding: 12px 0px 12px 5px; margin-left: 5px; min-height: 50px; }
.UIImageBlock_Image { display: table-cell; padding-right: 8px; }
.UIImageBlock_Content { display: table-cell; vertical-align: top; width: 10000px; }

.alternate { background-color: #F3F3F3; }

.ui-state-focus { outline: none; }
.ui-accordion-header {outline: none;}
#unit-accordion h3:first-child { border-top: none; }
.box-sizing { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.moduleUnit { display: block; border: 1px solid #DDD; margin-bottom: 10px; width: 100%; background-color: #EEE; }
.moduleUnitHeader { display: block; width: 100%; background: url('../images/bg_strand_title.png'); height: 71px; }
.moduleUnitHeaderCtrls { padding: 5px; float: right; width: 220px; text-align: right; }
.moduleTargetDateLabel { font-weight: bold; color: #555; }
.targetDate_dd { font-size:11px; width:15px; padding:0; margin:0; }
.targetDate_mm { font-size: 11px; }
.targetDate_yy { font-size:11px; width:30px; padding:0; margin:0; }
.moduleUnitNameAnchor { padding: 5px 0px; display: block; margin-left: 60px; vertical-align: top; text-decoration: none !important; }
.moduleUnitName { color: #121212; font-size: 16px; }
.moduleUnitContent { background-color: #EEE; overflow: auto; }
.moduleUnitText { font-weight: normal; margin: 0px 15px; width: 73%; }
.moduleUnitComment { margin-top: 14px; font-size: 13px; }
.moduleUnitCommentUser { margin-top: 4px; font-weight: bold; font-size: 12px; color: #007FC4; }
.moduleUnitCommentUser.Member { color: #007FC4; }
.moduleUnitCommentUser.Tutor { color: #FF7300; }
.moduleUnitCommentUser.User-admin { color: #FF7300; }
.moduleUnitCommentUser.Administrator { color: #FF7300; }
.moduleUnitCommentLoader { display: none; vertical-align: middle; padding: 3px; }

.moduleTasks { width: 75%; margin: 0px 10px 0px 10px; }
.moduleTask { display: block; border: 1px solid #DDD; margin-bottom: 10px; width: 100%; background-color: #DDD; }
.moduleTaskHeader { display: block; width: 100%; background: url('../images/bg_lex_title.png') repeat-x #BABABA; min-height: 51px; }
.moduleTaskName { font-size: 14px; max-width: 570px; color: #121212; }
.moduleTaskNameAnchor { display: block; margin-left: 40px; padding: 5px 0px; text-decoration: none !important; }
.moduleTaskContent { background-color: #DDD; }

.moduleTools { background-color: #FFF; margin: 10px; }
.moduleToolsHeader { background: url('../images/bg_activities_title.png') repeat-x; height: 35px; }
.moduleToolsHeaderLabel { height: 35px; width: 95px; background-color: #FFF; font-size: 24px; letter-spacing: -1px; color: #212121; padding-left: 10px; padding-top: 2px; }
.real .moduleToolsHeaderLabel { color: #007FC4; }
.moduleToolHeader { background: url('../images/bg_activities_full.png') bottom no-repeat; min-height: 62px; }
.moduleToolName { font-weight: bold; font-size: 17px; padding: 7px; color: #222; }
.moduleToolName a { text-decoration: none; color: #121212; padding-left: 30px; display: block; }
.moduleToolNumber { float: left; padding: 0px 10px 0px 10px; font-size: 24px; color: #007FC4; }
.moduleToolNumber .toolNumber { text-decoration: none; display: block; }
.moduleToolNumber .toolCtrls { line-height: 12px; display: block; }

.btnArrowDown { width: 15px; height: 8px; background: url('../images/icons/icon_arrow_down_up.png') no-repeat; margin-top: 8px; display: inline-block; }
.btnArrowDown:hover { width: 15px; height: 8px; background: url('../images/icons/icon_arrow_down_over.png') no-repeat; }
.btnArrowUp { width: 15px; height: 8px; background: url('../images/icons/icon_arrow_up_up.png') no-repeat; margin-top: 8px; display: inline-block; }
.btnArrowUp:hover { width: 15px; height: 8px; background: url('../images/icons/icon_arrow_up_over.png') no-repeat; }
.btnBack { width: 75px; height: 26px; background: url('../images/default/btn_back.png') no-repeat; float: right; }
.btnBack:hover { background-position: 0px -26px; }
.btnClose { width: 75px; height: 26px; background: url('../images/default/btn_close.png') no-repeat; float: right; }
.btnClose:hover { background-position: 0px -26px; }
.btnDelete { width: 72px; height: 26px; background: url('../images/default/btn_delete.png') no-repeat; display: inline-block; }
.btnEdit { width: 38px; height: 26px; background: url('../images/default/btn_edit.png') no-repeat; display: inline-block; }
.btnEdit:hover { background-position: 0px -26px; }
.btnNewNote { width: 85px; height: 26px; background: url('../images/default/btn_newnote.png') no-repeat; display: inline-block; margin: 8px 0px; float: right; }
.btnNewNote:hover { background-position: 0px -26px; }
.btnOpen { width: 75px; height: 26px; background: url('../images/default/btn_open.png') no-repeat; float: right; }
.btnOpen:hover { background-position: 0px -26px; }
.btnPlus { width: 20px; height: 20px; background: url('../images/default/btn_plus.png') no-repeat; float: right; }
.btnPlus:hover { background-position: 0px -20px; }
.btnMinus { width: 20px; height: 20px; background: url('../images/default/btn_minus.png') no-repeat; float: right; }
.btnMinus:hover { background-position: 0px -20px; }
.moduleUnitHeaderCtrls .btnOpen { margin-top: 10px; }
.moduleUnitHeaderCtrls .btnClose { margin-top: 10px; }

.course { border: 1px solid #DDD; margin-bottom: 10px; background: #eee; }
.courseHeader {
    background: #eee;
    background: -ms-linear-gradient(bottom,#eee,#fff);
    background: -moz-linear-gradient(bottom,#eee,#fff);
    background: -o-linear-gradient(bottom,#eee,#fff);
    background: -webkit-gradient(linear,left bottom,left top,from(#eee),to(#fff));
    background: -webkit-linear-gradient(bottom,#eee,#fff);
    background: linear-gradient(bottom,#eee,#fff);
}
.courseHeadersShadow { box-shadow: 0px 7px 10px 0px #e0e0e0; -webkit-box-shadow: 0px 7px 10px 0px #e0e0e0; }
.courseHeader { min-height: 74px; }
.courseDetails { font-size: 0.8em; padding: 20px 0px 15px 0px; box-shadow: inset 0px 7px 10px 0px #e0e0e0; -webkit-box-shadow: inset 0px 7px 10px 0px #e0e0e0; }
.courseDetailsTable { float: left; padding: 0px 20px; }
.courseDetailToggle, .courseDetailToggle:active { background: url('../images/default/btn_details.png') 0px -52px; width: 75px; height: 26px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; color: transparent; float: right; margin: 10px 0px 10px 10px; }
.courseDetailToggle:hover { background-position: 0px -78px; }
.courseDetailToggle.campusAccordionToggleClosed { background-position: 0px 0px; }
.courseDetailToggle.campusAccordionToggleClosed:hover { background-position: 0px -26px; }
.real .courseDetailToggle { background-image: url('../images/real/btn_details.png'); }
.courseLinks { font-size: 0.75em; color: #2a2a2a; padding: 0px 10px 0px 60px; }
.courseLinks ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
.courseLinks li { display: inline-block; }
.courseLinks li:after { content: ' | '; }
.courseLinks li:last-child:after { content: ''; }
.courseIcon { float: left; margin: 7px 12px 15px 10px; width: 38px; height: 38px; }
.courseIconStatus0, .courseIconStatus { background: url('../images/icon_todo_large.png') no-repeat; }
.courseIconStatus1 { background: url('../images/icon_complete_large.png') no-repeat; }
.courseIconStatus2 { background: url('../images/icon_disabled_large.png') no-repeat; }
.courseTitle { padding: 6px 10px 0px 60px; font-weight: bold; color: #222; }

.openModuleTask.btnOpen { margin:13px 10px 0px 0px; }
.closeModuleTask.btnClose { margin:13px 10px 0px 0px; }

.sendDiscussionPostBtn { width: 75px; height: 26px; background: url('../images/default/btn_post.png') no-repeat; float: right; }
.sendDiscussionPostBtn:hover { background-position: 0px -26px; }

.moduleQuickComment .sendDiscussionPostBtn { margin: -6px -9px 6px 0px; }

.btnPrint { width: 38px; height: 26px; background: url('../images/default/btn_print.png') no-repeat; display: inline-block; }
.btnPrint:hover { background-position: 0px -26px; }
.btnSave { width: 75px; height: 26px; background: url('../images/default/btn_save.png') no-repeat; float: right; border: none; padding: 0px; color: transparent; }
.btnSave:hover { background-position: 0px -26px; }
.btnSearch { width: 32px; height: 24px; background: url('../images/default/btn_search.png') no-repeat; display: inline-block; color: transparent; border: none; }
.btnSearch:hover { background-position: 0px -24px; }
.btnViewSmall { width: 38px; height: 26px; background: url('../images/default/btn_view_small.png') no-repeat; display: inline-block; }
.btnViewSmall:hover { background-position: 0px -26px; }

.iconPrivate { width: 27px; height: 26px; background: url('../images/icon_private.png') no-repeat; display: inline-block; }
.iconShared { width: 27px; height: 26px; background: url('../images/icon_shared.png') no-repeat; display: inline-block; }
.iconWeblink { width: 45px; height: 43px; background: url('../images/icon_link.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 10px; }

.forumIcon { width: 48px; height: 48px; background: url('../images/icons/icon_forum_posting.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 10px; }
.real .forumIcon { width: 27px; height: 26px; background: url('../images/icon_comments_mid.png') no-repeat; }

.buzzPost { width: 16px; height: 16px; background: url('../images/icon_comments_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzComment { width: 16px; height: 16px; background: url('../images/icon_comments_reply_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzLibrary { width: 16px; height: 16px; background: url('../images/icon_library_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzStatus0 { width: 16px; height: 16px; background: url('../images/icon_todo_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzStatus1 { width: 16px; height: 16px; background: url('../images/icon_tutor_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzStatus2 { width: 16px; height: 16px; background: url('../images/icon_skipped_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzStatus3 { width: 16px; height: 16px; background: url('../images/icon_complete_tiny.png') no-repeat; display: inline-block; vertical-align: middle; padding-right: 3px; }
.buzzDate { color: #777; font-size: 12px; }
.buzzDeleted { color: #FF0000; font-size: 11px; font-style: italic; display: block; }
.buzzLine { padding: 5px; border-bottom: 1px solid #EEE; display: block; color: #121212; font-size: 14px; }
.buzzLine.avatar { min-height: 60px; }
.buzzTitleText { font-style: italic; font-size: 12px; }
.buzzLineText { margin-left: 65px; }
.buzzLineFile { padding-left: 40px; min-height: 35px; display: block; }
.buzzLineHeader { border-bottom: 1px solid #DDD; display: block; margin-top: 15px; padding: 5px 5px 5px 0px; font-size: 20px; color: #999; }
.buzzTabActive { display: inline-block; padding: 3px 15px 3px 15px; background: #F9F9F9; border: 1px solid #DDD; font-weight: bold; }
.buzzTabInActive { display: inline-block; padding: 3px 15px 3px 15px; background: #FFF; border: none; color: #686868; }
.discussionTopic.buzz { background: none; border: none; border-bottom: 1px solid #CCC; }
.buzzTabActive .buzzLabel { color: #121212 !important; }
.buzzTabInActive .buzzLabel { color: #686868 !important; }
#buzzFlyout .unread { background-color: #FFFFA3; }

.real .buzzTabActive { display: inline-block; padding: 3px 20px 1px 15px; background: #FFF; border: 2px solid #C4C4C4; border-bottom: none; border-left: none; font-weight: bold; }
.real .buzzTabInActive { background: url('../images/bg_buzz_tab.png') repeat-x; display: inline-block; padding: 3px 20px 0px 15px; border: 2px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; border-left: none; color: #686868; }
.real .buzzTabFirst { border-left: 2px solid #C4C4C4; }
.real .discussionTopic.buzz { height: 0px; padding-left: 40px; }
.real .buzzTabActive .icon { background: url('../images/icon-buzz.png') no-repeat; width: 28px; height: 25px; margin-top: -3px; padding-bottom: 2px; display: inline-block; vertical-align: middle; }
.real .buzzTabInActive .icon { background: url('../images/icon-buzz-inactive.png') no-repeat; width: 28px; height: 25px; margin-top: -3px; padding-bottom: 2px; display: inline-block; vertical-align: middle; }

.unitShadow { width: 100%; height: 8px; background: url('../images/bg_strand_title_shadow.png'); }
.taskShadow { width: 100%; height: 8px; background: url('../images/bg_lex_title_shadow.png'); }

.hiddenLink { color: #111 !important; text-decoration: none !important; }
.hide { display: none; }

#forum-loader { display: none; vertical-align: middle; padding: 10px; }
.forumCatHeaderLinks { display: none; }
.forumCatName { display:inline-block; font-size: 16px; margin: 7px 10px; font-weight: bold; color: #222; }
.discussionTopic { display: block; border: 1px solid #DDD; padding: 5px; background: #F9F9F9; margin-bottom: 5px; }
.discussionTopicPostCount { float: right; }
.discussionTopicPostCountLabel { font-weight: bold; }
.discussionTopicText { display: block; padding-right: 80px; }
.discussionTopicName { display: block; font-weight: bold; color: #222; }
.discusssionTopicDesc { display: block; font-size: 12px; }
.openDiscussionTopic { display: none; }
.closeDiscussionTopic { display: none; }
.forumCategory { background-color: #FFF; box-sizing: border-box; }
.discussionAllCatLink { font-weight: bold; }
.discussionPosts { margin-top: 15px; }
.discussionPostBreadCrumb { padding: 0px 5px 5px 0px; border-bottom: 1px solid #DDD; }

.forumPostForm { background: #FBFBFB; border: 1px solid #CCC; padding: 10px; margin-bottom: 25px; text-align: right; }
.forumPostForm textarea { font-size: 14px; min-height: 25px; margin-bottom: 10px; box-sizing: border-box; border: 1px solid #ccc; }
.btnPost { width: 75px; height: 26px; background: url('../images/default/btn_post.png') no-repeat; border: none; color: transparent; text-indent: -9999px; font-size: 0px; }
.btnPost:hover { background-position: 0px -26px; }
.real .btnPost { width: 66px; height: 26px; background: url('../images/real/btn_post.png') no-repeat; }
.real .btnPost:hover { background-position: 0px -26px; }

.real .forumCategory { display: block; border: 1px solid #DDD; margin-bottom: 10px; width: 100%; background-color: #EEE; }
.real .forumCatHeader { display: block; width: 100%; background: url('../images/bg_strand_title.png'); height: 71px; }
.real .forumCatHeaderLinks { display: block; float: right; text-align: right; padding-top: 7px; width: 200px; }
.real .forumCatHeaderCount { clear: right; padding-right: 13px; margin-bottom: 10px; display: inline-block; }
.real .forumCatHeaderLabel { font-weight: bold; color: #111; }

.real .discussionShadow { width: 100%; height: 8px; background: url('../images/bg_strand_title_shadow.png'); }
.real .discussionTopic { background: url('../images/bg_discussion.png') repeat-x #CACACA; margin: 10px; padding: 10px 10px 30px 10px; border: none; }
.real .discussionTopicText { padding-left: 40px; padding-right: 120px; }
.real .openDiscussionTopic, .real .closeDiscussionTopic { display: block; margin-top: -5px; }

.real .discussionPosts { margin: -10px 10px 0px 10px; background-color: #DDD; }
.real .discussionPostsWrapper { margin-left: 40px; margin-right: 40px; background: #FFF; border-left: 2px solid #C4C4C4; border-right: 2px solid #C4C4C4; }
.real .discussionPostsContainer { padding: 20px; width: 600px; }

.real .catIcon { width: 48px; height: 48px; display: block; padding-top: 2px; background: url('../images/icon_comments_large.png') 100% 50% no-repeat; }
.real .topicIcon { display: block; padding-top: 2px; width: 27px; height: 26px; background: url('../images/icon_comments_mid.png') 100% 50% no-repeat; }

.real .tablenav a { color: #007DC3; background: url('../images/btn_bkg.jpg') #CCC repeat-x; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-size: 12px; }
.real .tablenav a:hover { color: #111; }

.campusDefaultText { color: #121212; }
.campusDefaultTextActive { color: #999; }

.notebook { background: #eeeeee; }
.notebookContainer { display: block; width: 100%; height: 100% }
.notebookHeader { display: block; width: 100%; padding: 10px; }
.notebookHeader input, .notebookHeader select { height: 24px; }
.notebookBody { display: block; width: 100%; height: 100%; }
.notebookFooter { display: block; width: 100%; height: 20px; clear: both; }
.notebookCourseLabel { font-size: 16px; font-weight: bold; }
.notebookUnitList { width: 220px; display: inline-block; vertical-align: top; float: left; }
.notebookContent { background: #FFF; width: 718px; min-height: 550px; margin-left: 220px; }
.notebookMenuUnit { background: url('../images/default/bg_notesmenu.png') repeat-x #ddd; /* height: 70px; */ margin: 0px; overflow: hidden; font-weight: normal; }
.notebookMenuUnitLabel { color: #777; padding: 7px; font-size: 13px; height: 70px; display: block; }
.ui-state-active .notebookMenuUnitLabel { color: #000000; }
.notebookMenuTasks { background: url('../images/default/accordion_arrow.png') 10px 0px no-repeat; padding: 10px 0px 10px 0px; }
.notebookMenuTaskLabel { color: #777; padding: 5px 5px 5px 40px; display: block; font-size: 12px; outline: 0; }
a:hover .notebookMenuTaskLabel { color: #000; }
.notebookMenuTask a { text-decoration: none; outline: 0; }
.active .notebookMenuTaskLabel { color: #000000; background: url('../images/default/notebook_task_arrow.png') 15px 10px no-repeat; min-height: 32px; }
.nbPvShare { float: left; }
.nbPvCtrls { float: right; text-align: right; }
.nbPvInfo { margin-left: 40px; }
.notebookPreviewTitle { font-weight: bold; font-size: 16px; line-height: 12px; }
.notebookPreviewLinkedTask { font-size: 12px; color: #AAA; line-height: 13px; display: block;}
.notebookPreviewDate { font-size: 16px;}
.notebookPreviewBody { max-height: 80px; overflow: hidden; }
.notebookPreviewMeta { color: #121212; font-size: 12px; display: block; }
.notebookPreviewTutorInfo { color: #FF7300; font-weight: bold; }
#notebookStatus { font-size: 14px; min-height: 20px; display: block; margin: 10px; float: left; max-width: 580px; }
.notebookTitle { color: #007FC4; font-weight: bold; font-size: 16px; display: block; margin-left: 20px; padding-top: 10px; float: left; }
.notebookDateUpdate { color: #C72F48; }
.notebookCommentIcon { width: 27px; height: 26px; background: url('../images/icon_comments_mid.png') 100% 50% no-repeat; display: inline-block; }
.notebookCommentNumber { font-weight: bold; vertical-align: middle; color: #FF7300; height: 35px; display: inline-block; padding: 3px; }
.notebook .tablenav { margin-top: 5px; }
.notebook .tablenav a { color: #007DC3; background: url('../images/btn_bkg.jpg') #CCC repeat-x; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-size: 12px; }
.notebook .tablenav a:hover { color: #111; }
.notebookPrivacy { font-size: 12px; margin-top: 10px; min-height: 20px; }
.ajaxOverlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.8; background: url('../images/ajax-loader2.gif') no-repeat center #ffffff; z-index: 999; min-height: 32px; }

#dashboard-background, #bkgCampusTerms, #campusInfoBkg { position: fixed; background-color: black; opacity: 0.6; width: 100%; height: 100%; z-index: 1100; left: 0px; top: 0px; }
#dashboard-container, #campus-video-container, #lti-container, #containerCampusTerms, #campusInfoContainer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1200; }
#containerCampusTerms { font-size: 14px; }
.terms_btn { border: 1px solid #aaa; padding: 7px 50px; color: #333; margin-right: 10px;  background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #DDDDDD)); background-image: -webkit-linear-gradient(top, #ffffff, #DDDDDD); background-image: -moz-linear-gradient(top, #ffffff, #DDDDDD); background-image: -ms-linear-gradient(top, #ffffff, #DDDDDD); background-image: -o-linear-gradient(top, #ffffff, #DDDDDD); background-image: linear-gradient(top, #ffffff, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#DDDDDD); }
.terms_btn:hover { text-decoration: none; background-color: #CCCCCC; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%, #EEEEEE)); background-image: -webkit-linear-gradient(top, #CCCCCC, #EEEEEE); background-image: -moz-linear-gradient(top, #CCCCCC, #EEEEEE); background-image: -ms-linear-gradient(top, #CCCCCC, #EEEEEE); background-image: -o-linear-gradient(top, #CCCCCC, #EEEEEE); background-image: linear-gradient(top, #CCCCCC, #EEEEEE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCCCCC, endColorstr=#EEEEEE); }
.terms_btn.accept { font-weight: bold; }

/* .dashboard { background-color: white; margin-left: auto; margin-right: auto; margin-top: 60px; height: 550px; width: 800px; z-index: 110; overflow-y: hidden; border: 1px solid #C5C5C5; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; } */
#campusInfoLoaderFloat { float:left; height:50%; width: 100%; }
.campusInfoLoader { clear:both; position:relative; margin-left: auto; margin-right: auto; background: url('../images/loading.gif') no-repeat; width: 126px; height: 22px; vertical-align: bottom; }
.dashboard-float, #campusInfoFloat { float:left; height:10%; width: 100%; }
.dashboard, #campusInfo { clear:both; position:relative; background-color: white; margin-left: auto; margin-right: auto; height:80%; width: 80%; max-width: 800px; overflow-y: hidden; border: 1px solid #C5C5C5; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; overflow-y: scroll; font-size: 14px; }
.campusInfoPadding { padding: 30px; }

.boxCampusTerms { clear:both; position:relative; background-color: #EEEEEE; margin-left: auto; margin-right: auto; height: 80%; max-height: 424px; width: 80%; max-width: 620px; z-index: 110; overflow-y: auto; border: 1px solid #AAA; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); }
.campus-video-frame { clear:both; position:relative; background-color: #232323; margin-left: auto; margin-right: auto; height: 460px; width: 790px; z-index: 110; border: 1px solid #AAA; color: #FFF; }

.campusSliderImage { background: url('../images/sliding_bar.gif'); width: 220px; height: 37px; }
.campusSlider { width: 180px; margin: 10px 20px 10px 17px; }
.campusSlider .ui-slider-handle { background: #DDD !important; border: solid 1px #888 !important; }

.saqPage { font-size: 12px; }
.previousSaqPage { font-weight: bold; }
.previousSaqPage input { width: 100px; height: 25px; }
.nextSaqPage { font-weight: bold; float: right; }
.nextSaqPage input { width: 100px; height: 25px; }
.saqLabel { display: block; width: 190px; padding: 10px 18px 10px 18px; text-align: center; }
.saqTableLabel { display: block; padding-right: 10px; height: 24px; }
.saq6ScaleColor1 { background: #A84400; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor2 { background: #FF8B22; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor3 { background: #F6FC00; color: #000; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor4 { background: #FFD8B8; color: #000; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor5 { background: #38E200; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
.saq6ScaleColor6 { background: #145900; color: #FFF; font-size: 12px; padding: 3px; max-width: 100px; text-align: center; display: inline-block; }
#saqPageSummary table { margin-left: 0px; }
#saqPageReport table { margin-left: 0px; }

.saqAdminLabel { width: 160px; display: inline-block; font-weight: bold; }

/* A small place for a small fix */
.qq-upload-list {display: none;}

.smiley { background: url('../images/smileys.png') no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: top; }
.smiley.smile { background-position: 0px 0px; }
.smiley.frown { background-position: -16px 0px; }
.smiley.tongue { background-position: -32px 0px; }
.smiley.grin { background-position: -48px 0px; }
.smiley.gasp { background-position: -64px 0px; }
.smiley.wink { background-position: -80px 0px; }
.smiley.pacman { background-position: -304px 0px; }
.smiley.grumpy { background-position: -128px 0px; }
.smiley.unsure { background-position: -144px 0px; }
.smiley.cry { background-position: -160px 0px; }
.smiley.kiki { background-position: -240px 0px; }
.smiley.glasses { background-position: -96px 0px; }
.smiley.sunglasses { background-position: -112px 0px; }
.smiley.heart { background-position: -224px 0px; }
.smiley.devil { background-position: -176px 0px; }
.smiley.angel { background-position: -192px 0px; }
.smiley.squint { background-position: -256px 0px; }
.smiley.confused { background-position: -272px 0px; }
.smiley.upset { background-position: -288px 0px; }
.smiley.colonthree { background-position: -320px 0px; }
.smiley.like { background-position: -336px 0px; }

.popup-close { background: url('../images/real/btn_popup_close.png') no-repeat; width: 23px; height: 24px; position: absolute; right: 20px; top: 15px; }
.campusInfoClose { background: url('../images/real/btn_popup_close.png') no-repeat; width: 23px; height: 24px; float: right; margin: 20px; }
.campusInfoClose:hover, .popup-close:hover { background-position: 0px -24px; }

.progress { position:relative; width:100%; border: 1px solid #aaa; padding: 1px; border-radius: 3px; }
.bar { background-color: #DDDDDD; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }


.campusLike { background: url('../images/smileys.png') no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: top; background-position: -336px 0px; margin-right: 3px; }
.real .campusLike { background: url('../images/icon_like_tiny.png') no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: top; margin-right: 3px; }

.wide .campus-video-frame { width: 965px; height: 575px; }
.wide .popup-close { margin-left: 930px; }

.activityPost { padding-right: 8px; }
.sendActivityPostBtn { width: 75px; height: 26px; background: url('../images/default/btn_send.png') no-repeat; display: inline-block; margin: -6px -9px 6px 0px; float: right; }
.sendActivityPostBtn:hover { background-position: 0px -26px; }
.real .sendActivityPostBtn { width: 75px; height: 26px; background: url('../images/real/btn_send.png') no-repeat; display: inline-block; margin: -6px -9px 6px 0px; float: right; }
.real .sendActivityPostBtn:hover { background-position: 0px -26px; }
.activityForumPosts { margin-top: 26px; }
.activityForumPost { padding: 10px; border: 1px solid #AAA; background: #EEE; margin-top: 10px; }
.activityForumPostText { margin-right: 18px; display: block; }
.activityForumPost .deleteBtn { display: none; }
.activityForumPost:hover .deleteBtn { display: block; }

.activityRadioLabel { display: inline-block; vertical-align: top; width: 620px; }

#campusUM, #campusSettings { width: 98%; }
#campusUM-loader { padding: 10px; display: none; font-size: 16px; vertical-align: bottom;  }
.ciUserLoginStats .widefat { border-color: #dfdfdf; background-color: #fff; border-width: 1px; border-style: solid; border-spacing: 0; width: 100%; clear: both; margin: 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ciUserLoginStats .widefat tr { border: 1px solid #dfdfdf; }
.ciUserLoginStats .widefat tr.alternate { background: #F2F2F2; }
.ciUserLoginStats .widefat td,.widefat th { border-color:#dfdfdf; padding: 3px; }
.ciUserLoginStats .widefat th{ text-shadow:rgba(255,255,255,0.8) 0 1px 0; }
.ciUserLoginStats .widefat thead tr th, .ciUserLoginStats .widefat tfoot tr th { color:#333; background:#dfdfdf; }
.ciUserLoginStats .campusList { font-size: 12px; margin-top: 5px; }
.ciUserLoginStats .button { padding: 2px 30px; }
.tablenav-buttons { float: right; }

.ciUserActivity .buzzLineHeader { font-size: 18px; margin-top: 5px; }
.ciUserActivity .buzzLineText { font-size: 12px; }

.timer { font-size: 11px; color: #BBB; display: none; }
.campus-pager { padding: 10px 0px; }

/* Progress Page */
#campusProgressContainer { border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; margin: 8px 0 8px 0; }
.campusProgressCourseDropdown { float: right; }
.campusProgressCourseDropdown select { height: 25px; }

/* Search Box */
.campusProgressSearch { height: 25px; margin-top: -34px; }
.searchBoxContainer { float: right; width: 201px; }
.searchBoxInput { width: 160px; border: solid 1px #CCC; border-right: none; height: 16px; color: #777; margin-top: 0px; }

#campusProgress-loader { padding: 10px; display: none; font-size: 16px; vertical-align: bottom;  }
.activeBox { font-size: 12px; color: #777777; font-weight: bold; border: 1px solid #DDDDDD; padding: 2px 3px; background-color: #EEEEEE; width: 85px; display: block; text-align: center; }
.completedBox { font-size: 12px; color: #009900; font-weight: bold; border: 1px solid #009900; padding: 2px 3px; background-color: #DDFFDD; width: 85px; display: block; text-align: center; }
.withdrawnBox { font-size: 12px; color: #DD0000; font-weight: bold; border: 1px solid #DD0000; padding: 2px 3px; background-color: #FFEEEE; width: 85px; display: block; text-align: center; }
.completed { color: #009900; font-weight: bold; }
.withdrawn { color: #DD0000; font-weight: bold; }

/* .ciEphForm { max-width: 310px !important; max-height: 600px !important; } */