body
{
    background-color: #fff;
    /* background-image: url('images/PageBack.png'); */
    background-repeat:repeat-x;
    font-size: 83%;
    font-family: Segoe UI,Tahoma,Verdana,Arial,sans-serif;
    margin: 0;
    padding: 0;
    color: #444;
}

input, select, textarea 
{   
    font-size: 10pt; 
    font-family: Segoe UI,Tahoma,Verdana,Arial,sans-serif;
    color:#444;    
}

a:link
{
    color: #2e7ddf;
    text-decoration: none;
    margin:0;
}

a:visited
{
    color: #2e7ddf;
    text-decoration: none;
}

a:hover
{
    color: #20c300;
    text-decoration:underline;
}

a:active
{
    
}

a img
{
    border-width:0px;
}

a:hover.hasImage
{
    text-decoration: none;
}

a:hover.hasImage span
{
    text-decoration: underline;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

.ui-tabs {
    position:relative;
}

div.collapsible .heading {padding:5px 0 5px 26px; margin-top:15px; cursor:pointer; border:solid 1px transparent; border-bottom:solid 1px #ddd; color:#555; font-weight:bold; }
div.collapsible .heading:hover {color: #2e7ddf; background-color:#eff6ff; border: solid 1px #cae2fd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}        
div.collapsible > .content {padding:20px 20px 5px 26px;}

div.collapsible .collapsibleIcon
{
    background-image:url('images/expandcollapse.png');
    background-repeat: no-repeat;
    height:12px;
    width:12px;
    background-position: 0 -49px;
    position:absolute;
    margin-top:5px;
    margin-left:-16px;
}

div.collapsible.collapsed .collapsibleIcon { background-position: -0px -33px; }
div.collapsible .heading:hover .collapsibleIcon {background-position: -0px -79px;}
div.collapsible.collapsed .heading:hover .collapsibleIcon {background-position: -0px -64px;}


.adminLinks {float:right; margin-left:10px; font-size:105%; background-color:#f2f7ff; padding:3px; border:solid 1px #97c1ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}
.adminLinks a {margin:0 5px;}

/* HEADINGS   
----------------------------------------------------------*/

h1
{
    font-size: 1.5em;
}
h2
{
    font-size: 1.3em;
    margin-top:22px;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

#main > h1 {margin-top:0px;}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page{    
    min-width:800px;
    position:relative;
}

#header
{
    height: 80px;
}

#siteLogo
{
    position:absolute;
    left:0;
    top:0;
    background-image: url(/content/logo.png);
    background-repeat:no-repeat;
}

#siteLogo a 
{
    text-decoration:none;
    width: 180px;
    height: 72px;
    display: block;
}

#logindisplay
{
    position:absolute;
    z-index: 10;
    top:0;
    right:0;
    margin:10px 30px 10px 10px;
    color:White;
}

#logindisplay a:link, #logindisplay a:visited
{
    color: white;
}

#main
{
    margin: 0 30px 0 30px;
}

#footer
{
    border-top: solid 1px #ccc;
    color: #888;
    padding: 10px 0;
    line-height: normal;
    margin: 30px 30px 0 30px;
    font-size: 90%;
    clear: both;
}

.footerText {
    display: inline-block;
    font-size: 13px;
    color: #626262;
}

.footerSocialIcons {
    display: inline-block;
    float: right;
}

.socialIcon {
    height: 35px;
    width: 35px;
}

.footerSplitText {
    color: #1776D5;
}

/* Top nav
----------------------------------------------------------*/

#topnav
{
    position: absolute;
    left: 175px;
    top: 26px;
}

ul#topMenu
{
    padding: 0;
    position: relative;
    margin: 0;
}

ul#topMenu li
{    
    display: inline;
    list-style: none;
}

ul#topMenu li a
{
    font-size:90%;
    color:#2e7ddf;
    background-color: #e1eeff;
    padding: 3px 8px;
    text-decoration: none;
    border:solid 1px #739cfe;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;
}

ul#topMenu li a:hover
{
    background-color: #fff;
}

ul#topMenu li a:active
{
    background-color: #ddffdd;
    text-decoration: none;
}

#altHome{background-color:#888; padding:3px; font-size:80%; }
#altHome a {color:#fff;}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.message
{
    color:#f9700c;
    border:solid 1px #f9700c;
    padding:2px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.maintenance
{
    margin-bottom:20px;
    color:#f9700c;
    border:solid 1px #f9700c;
    padding:2px 2px 2px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.closeMaintenance {float:right; margin-left:10px; background-color:#f9700c; color:White; cursor:pointer;  padding:0 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.positive{color:#007A00;}
.negative{color:#DB0000;font-weight: 400;}
.attention{color:#f9700c;}
.deemphasize{font-size:85%; color:#757575;}
.deemphasizeDetails{font-size:85%; color:#6B6B6B;}

.field-validation-error{color: #ff0000;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.invalid-keypress {background-color: #ffeeee;}
.input-required-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.input-comparison-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold; color: #ff0000;}
.error{color:Red;}
label.error{padding: 0 3px;}

.impersonating
{
    background-image:url('/Images/Impersonate.png');
    background-repeat:no-repeat;
    padding-left:29px;
    padding-bottom:3px;
}

.lastModified {font-size:80%; margin-top:14px;}

div.filterWrapper {margin-bottom:10px; border-top:solid 1px #c6c5c5; border-left:solid 1px #c6c5c5; border-right:solid 1px #d3d3d3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; box-shadow: rgba(0,0,0,0.2) 0 1px 3px;}
#filterHeader {background-color:#ededed; padding:2px 5px; border:solid 1px #ededed; border-bottom-color:#c6c5c5; border-top-color: #fff; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
div.filterWrapper img.remove {margin-left:6px; cursor:pointer; float:right;}

div.filter {background-color:#ededed; padding:2px 5px; border-top:solid 1px #fff; border-bottom:solid 1px #c6c5c5;}
div.composite div.filter { border: 0; }
div.filter .simpleBox {line-height:22px;}

div.filterWrapper > div.filter{-moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
div.filtersArea div.filter:last-child{border-bottom-left-radius:4px; border-bottom-right-radius:4px;}

/*padding is for IE 7 and lower -- prevents left and right borders from overflowing into margins  */
div.filterGroupWrapper{margin:4px 0 4px 24px; padding: 1px;}
div.filterGroup { border-top:solid 1px #c6c5c5; border-left:solid 1px #c6c5c5 ; border-right:solid 1px #d3d3d3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
div.filterGroup div.filter:first-child{border-top-left-radius:4px; border-top-right-radius:4px;}
div.filterGroup div.none {background-color:#ededed; padding:2px 5px; border-top:solid 1px #fff; border-bottom:solid 1px #c6c5c5;border-top-left-radius:4px; border-top-right-radius:4px;}

.searchForm .filtersTitleWrapper {}
.searchForm .filtersTitle {font-size:110%; font-weight:bold; line-height:24px; cursor:pointer;}
.searchForm .filtersTitle:hover {color: #2e7ddf;}
.searchForm .filtersTitle .collapsibleIcon 
{
    background-image:url('images/expandcollapse.png');
    background-repeat: no-repeat;
    height:12px;
    width:12px;
    background-position: 0 -19px;
    position:absolute;
    margin-top:8px;
    margin-left:-14px;
}
.searchForm .filtersTitle:hover .collapsibleIcon {background-image:url('images/expandcollapse.png');}
.searchForm .filtersTitle.collapsed .collapsibleIcon { background-position: -0px -3px; }

.searchResults {border:solid 1px #b1b1b1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;}
.searchResultsWrapper {border:solid 1px #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: auto; }
table.resultsTable td { word-wrap: break-word; }
table.resultsTable tr.even td { background-color:#FFF; }
table.resultsTable tr.odd td { background-color:#edf3fe; }

table.resultsTable th {background-color:#ededed; border-right: solid 1px #c6c5c5; border-left: solid 1px #fff; border-bottom:solid 1px #c6c5c5;}
table.resultsTable th:first-child {border-left:none;}
table.resultsTable th:last-child {border-right:none;}
table.resultsTable th.sortUp {background-image:url('/Images/tableSortUp.png'); background-position:right top; padding-right:20px; background-repeat:no-repeat;}
table.resultsTable th.sortDown {background-image:url('/Images/tableSortDown.png'); background-position:right top; padding-right:20px; background-repeat:no-repeat;}
table.resultsTable td .description {margin-top:3px; font-size:85%; color:#777;}
table.resultsTable td.editButtons {text-align:right; white-space:nowrap;}
table.resultsTable tfoot td { background-color:#f7f5f5; font-weight:bold; border-top:solid 1px #b1b1b1; padding-top:5px; padding-bottom:5px;}
table.resultsTable td.editButtons a{margin-left:4px;}
table.resultsTable td.number {text-align:right;}

.outputOptions {cursor:pointer; padding-right: 18px; background-image:url('/Images/DropdownArrow.png'); background-position:right top; background-repeat:no-repeat;}
.outputOptionsWrapper {background-color:#efefef; padding:5px; border:solid 1px #c6c5c5; position:absolute; margin-top:3px; z-index:1000; min-width:100px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 3px; box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;}
.closeOutputOptions {cursor:pointer; position:absolute; right:6px;}

.searchForm .loading {height:24px;}

.ui-effects-transfer {border:dashed 1px #666;}
#openSearchDialog.ui-dialog-content,#saveSearchDialog.ui-dialog-content {padding:0 !important;}
.no-close .ui-dialog-titlebar-close {display:none;}
.noTitleBar .ui-dialog-titlebar {display:none;}

.blockUI 
{
    padding:10px 0;
    margin:0;
    width:30%; 
    top:40%; 
    left:35%; 
    text-align:center; 
    color:#000; 
    border: 2px solid #97c1ff;
    background-color:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.blockUI .loadingMessage 
{
    font-size:130%; padding-left:30px; background-position:left center; background-image:url(/Images/ajax-loader.gif); background-repeat:no-repeat;
}

#logindisplay a.loginLink {font-size:110%;padding-bottom:5px;}
a.loginLink {background-image:url('Images/Login-s.png'); background-repeat:no-repeat; padding-left:20px;}
a.logoutLink {margin-left:10px; background-image:url('Images/Logout.png'); background-repeat:no-repeat; padding-left:16px; padding-bottom:3px;}

a.detailsLink {background-image:url('/Images/Details.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px; }
a.editLink {background-image:url('/Images/Edit.png'); background-repeat:no-repeat; padding-left:23px; padding-bottom:3px;}
a.deleteLink {background-image:url('/Images/Delete.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.createLink {background-image:url('/Images/Add.png'); background-repeat:no-repeat; padding-left:23px; padding-bottom:3px;}
a.searchLink {background-image:url('/Images/Search.png'); background-repeat:no-repeat; padding-left:20px; padding-bottom:3px;}
a.listLink {background-image:url('/Images/List.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.manageLink {background-image:url('/Images/Manage.png'); background-repeat:no-repeat; padding-left:23px; padding-bottom:3px;}
a.rosterLink {background-image:url('/Images/Roster.png'); background-repeat:no-repeat; padding-left:27px; padding-bottom:3px;}
a.calendarLink {background-image:url('/Images/Calendar.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.transcriptLink {background-image:url('/Images/Transcript.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.currentTrainingLink {background-image:url('/Images/Clock.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.jobPlacementLink{background-image:url('/Images/JobPlacementLink.png'); background-position:0 4px; background-repeat:no-repeat; padding-left:26px; padding-bottom:3px; }
a.enrollmentLink {background-image:url('/Images/Enrollment.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.assignmentLink {background-image:url('/Images/CourseAssignment-s.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:3px;}
a.membershipLink {background-image:url('/Images/ClubMembership-s.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:3px;}
a.trackAssignmentLink {background-image:url('/Images/Track-s.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:3px;}
a.trainingKeyRedemptionLink {background-image:url('/Images/TrainingKey-s.png'); background-repeat:no-repeat; padding-left:20px; padding-bottom:3px;}
a.logLink {background-image:url('/Images/Log.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.printLink {background-image:url('/Images/Print.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:3px;}
a.exportLink {background-image:url('/Images/Excel.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:4px;}
a.openLink {background-image:url('/Images/Open.png'); background-repeat:no-repeat; padding-left:23px; padding-bottom:4px;}
a.saveLink {background-image:url('/Images/Save.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:4px;}
a.notesLink {background-image:url('/Images/Notes-s.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:4px;}
a.notesLink.noNotes {background-image:url('/Images/NoNotes-s.png');}
a.labLink {background-image:url('/Images/Lab-s.png'); background-repeat:no-repeat; padding-left:19px; padding-bottom:4px;}
a.certificateLink {background-image:url('/Images/CourseCertificate-s.png'); background-repeat:no-repeat; padding-left:26px; padding-bottom:4px;}
a.pricingLink {background-image:url('/Images/Pricing.png'); background-repeat:no-repeat; padding-left:19px; padding-bottom:3px;}
a.materialsLink {background-image:url('/Images/Material-s.png'); background-repeat:no-repeat; padding-left:19px; padding-bottom:3px;}
a.addBookmarkLink {background-image:url('/Images/AddBookmark-20x.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:3px;}
a.deleteBookmarkLink {background-image:url('/Images/RemoveBookmark-20x.png'); background-repeat:no-repeat; padding-left:24px; padding-bottom:3px;}
a.addBookmark-s {background-image:url('/Images/AddBookmark-13x.png');  background-repeat:no-repeat; padding-left:14px; font-size:11px; background-position:0 0px;}
a.deleteBookmark-s {background-image:url('/Images/RemoveBookmark-13x.png');  background-repeat:no-repeat; padding-left:14px; font-size:11px; background-position:0 0px;}
a.filesLink {background-image:url('/Images/Files-s.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.attendanceLink {background-image:url('/images/Attendance.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.checklistLink {background-image:url('/images/Checklist.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:3px;}
a.signInSheetLink{background-image:url('/images/SignInSheet-s.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:2px;}
a.courseCertificatesLink {background-image:url('/images/CourseCertificate-s.png'); background-repeat:no-repeat; padding-left:26px; padding-bottom:2px;}
a.instructorLink {background-image:url('/images/instructor-s.png'); background-repeat:no-repeat; padding-left:26px; padding-bottom:2px;}
a.blockoutTimeLink {background-image:url('/images/blockouttime-s.png'); background-repeat:no-repeat; padding-left:26px; padding-bottom:2px;}
a.availabilityTimeLink {background-image:url('/images/availabilitytime-s.png'); background-repeat:no-repeat; padding-left:26px; padding-bottom:2px;}
a.instructorFeedbackLink {background-image:url('/Images/speech_bubble.yellow.png'); background-repeat:no-repeat; padding-left:22px; padding-bottom:4px;}
a.instructorFeedbackLink.noInstructorFeedback {background-image:url('/Images/speech_bubble.png');}
a.recordingLink {background-image:url('/images/recording-s.png'); background-repeat:no-repeat; padding-left:26px; padding-bottom:2px;}
a.historyLink {background-image:url('/Images/History-s.png'); background-repeat:no-repeat; padding-left:20px; padding-bottom:3px;}
a.surveyLink {background-image:url('/Images/Survey-s.png'); background-repeat:no-repeat; padding-left:23px; padding-bottom:3px;}
a.createLink-s {background-image:url('/Images/Add-s.png'); background-repeat:no-repeat; padding-left:16px; font-size:11px; background-position:0 0px;}
a.detailsLink-s {background-image:url('/Images/Details-s.png'); background-repeat:no-repeat; padding-left:14px; font-size:11px; background-position:0 0px;}
a.rosterLink-s {background-image:url('/Images/roster-s.png'); background-repeat:no-repeat; padding-left:19px; font-size:11px; background-position:0 0px;}
a.deleteLink-s {background-image:url('/Images/Delete-s.png'); background-repeat:no-repeat; padding-left:15px; font-size:11px; background-position:0 0px;}
a.uploadLink-s {background-image:url('/Images/Upload-s.png'); background-repeat:no-repeat; padding-left:14px; font-size:11px; background-position:0 3px;}
a.uploadLink { background-image: url('/Images/Upload-s.png');background-repeat: no-repeat; padding-left:15px; background-position:0 5px;}
a.fileLink {background-image:url('/Images/File.png'); background-repeat:no-repeat; padding-left:20px;background-position:1px 0px;}
a.downloadLink-s {background-image:url('/Images/Download-s.png'); background-repeat:no-repeat; padding-left:12px; font-size:11px; background-position:0 3px;}
a.editLink-s {background-image:url('/Images/Edit-s.png'); background-repeat:no-repeat; padding-left:14px; font-size:11px; background-position:0 0px;}
a.saveLink-s {background-image:url('/Images/Save-s.png'); background-repeat:no-repeat; padding-left:17px; font-size:11px; background-position:0 0px;}
a.approveLink { background: transparent url('/images/check.png') no-repeat 0px 0px; padding-left:22px; padding-bottom:3px; }
a.denyLink { background: transparent url('/images/x-lg.png') no-repeat 0px 0px; padding-left:22px; padding-bottom:3px; }
a.approveLink-s { background: transparent url('/images/checkbox-yes.gif') no-repeat 0px 0px; padding-left:14px; font-size:11px; margin-right: 10px; }
a.denyLink-s { background: transparent url('/images/checkbox-no.gif') no-repeat 0px 0px; padding-left:14px; font-size:11px; margin-right: 10px; }
a.okLink-s {background-image:url('/Images/ok-s.png'); background-repeat:no-repeat; padding-left:15px; font-size:11px; background-position:0 0px;}
a.emailLink {background-image:url('/Images/EmailLink.png'); background-repeat:no-repeat; padding-left:24px;background-position:0 2px;padding-bottom:2px;}
a.coursewareVouchersLink {background-image:url('/Images/Material-s.png'); background-repeat:no-repeat; padding-left:24px;background-position:0 2px;padding-bottom:2px;}
a.scormAttemptsLink {background-image:url('/Images/ScormAiccModule_s.png'); background-repeat:no-repeat; padding-left:24px;background-position:0 2px;padding-bottom:2px;}
span.online {background-image:url(/images/online.png);background-repeat:no-repeat;background-position: 0 4px; padding-left:10px; font-weight:normal; color:#444;}
span.offline{background-image:url(/images/offline.png);background-repeat:no-repeat; background-position: 0 4px; padding-left:10px; font-weight:normal; color:#999;}
a.coursewareNotes { padding-bottom: 3px; background-image: url("/Images/CoursewareNotes-s.png"); background-repeat: no-repeat; padding-left: 22px; }
a.coursewareNotes.noCoursewareNotes { background-image: url("/Images/NoCoursewareNotes-s.png"); }

.pager { font-size:11px;}
.pager input { font-size:11px;}
.pager select { font-size:11px;}
.pager span.pageNumber { margin: 0 5px; }
.pager span.current { font-weight: bold; }

.gridButtons{text-align:right;}
table.fields {border-collapse:collapse; border-spacing:0px;}
table.fields td { padding: 3px; }
table.fields td.fieldName {color:#757575; text-align:right; padding-right:8px;}
td.fieldName {color:#757575; text-align:right; padding-right:8px;}
.expandContainer .fieldName {color:#6B6B6B !important;}

.simpleBox { margin-right:5px; background-color:#fff; padding:2px 3px; border:solid 1px #aaa;  white-space:nowrap; }
.detailsBox { padding:10px; background-color:#f2f7ff; border:solid 1px #97c1ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}
.detailsBox2 {padding:10px; background-color:#fff; border:solid 1px #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}
.detailsBox3 {padding:10px; background-color:#f9f9f9; border:solid 1px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}
.detailsBoxNegative {color:red; padding:10px; background-color:#fff; border:solid 1px red; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}
.quickLinksBar {background-color:#f2f7ff; padding:6px; border:solid 1px #97c1ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height:24px;  -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px; box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;}
.quickLinksBar a { margin:0 6px; white-space:nowrap;display: inline-block; }

.collapseLinkSmall
{
    background-image:url('images/expandcollapse.png');
    background-repeat: no-repeat;
    height:12px;
    width:0px;
    background-position: 0px -76px;
    padding-left:12px;
}

.collapseLinkSmall.collapsed
{
    background-position: 0px -61px;
}

.button { cursor:pointer; background-image:url('images/Button.gif'); background-repeat:no-repeat; text-align:center; height:27px; width:120px;  background-color:transparent; border:0 none; background-position:0 -33px; color:#fff; }
.button:hover {  background-position:0 0; text-decoration: none; }
.button.disabled { cursor:pointer; background-image:url('images/ButtonDisabled.gif'); background-repeat:no-repeat; text-align:center; height:27px; width:120px;  background-color:transparent; border:0 none; background-position:0 -33px; color:#fff; }
.button.disabled:hover { background-position:0 -33px; cursor: not-allowed; }

.button.wide { cursor:pointer; background-image:url('images/ButtonWide.gif'); background-repeat:no-repeat; text-align:center; height:27px; width:163px;  background-color:transparent; border:0 none; background-position:0 -33px; color:#fff; white-space: nowrap; }
.button.wide:hover { background-position:0 0; text-decoration: none;}
.button.wide.disabled { cursor:pointer; background-image:url('images/ButtonWideDisabled.gif'); background-repeat:no-repeat; text-align:center; height:27px; width:163px;  background-color:transparent; border:0 none; background-position:0 -33px; color:#fff; }
.button.wide.disabled:hover { background-position:0 -33px; cursor: not-allowed; }

.button.small {font-size: 11px; cursor:pointer; background-image:url('images/ButtonSmall.png'); background-repeat:no-repeat; text-align:center; height:24px; width:107px;  background-color:transparent; border:0 none; background-position:0 0; color:#fff; }
.button.small:hover {  background-position:0 -26px; text-decoration: none; }
.button.small.disabled { font-size: 11px; cursor:pointer; background-image:url('images/ButtonSmallDisabled.png'); background-repeat:no-repeat; text-align:center; height:24px; width:107px;  background-color:transparent; border:0 none; background-position:0 0; color:#fff; }
.button.small.disabled:hover { background-position:0 0; cursor: not-allowed; }

.button.small.wide {font-size: 11px; cursor:pointer; background-image:url('images/ButtonSmallWide.png'); background-repeat:no-repeat; text-align:center; height:24px; width:160px;  background-color:transparent; border:0 none; background-position:0 0; color:#fff; }
.button.small.wide:hover {  background-position:0 -26px; text-decoration: none; }
.button.small.wide.disabled { font-size: 11px; cursor:pointer; background-image:url('images/ButtonSmallWideDisabled.png'); background-repeat:no-repeat; text-align:center; height:24px; width:160px;  background-color:transparent; border:0 none; background-position:0 0; color:#fff; }
.button.small.wide.disabled:hover { background-position:0 0; cursor: not-allowed; }

.pageTitle {font-weight:bold; background-repeat:no-repeat; margin-bottom:15px;}
.pageTitle .small {font-size:90%; color:#aaa;}
.pageTitle .large {font-size:140%; }

.ajaxLoadingMessage {position:fixed; left:0; bottom:0px; background-color:Yellow; padding:3px 20px; display:none;}
.clickable {cursor:pointer;}
table.resultsTable th.hover {background-color:#f7f5f5;}

.pagingButton{ vertical-align:middle; width:18px; height:17px; cursor:pointer; background-color:#fff; border:solid 1px #b1b1b1; margin-bottom:3px; }
.pagingButton.disabled { filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=40); opacity:.4; cursor:default;}
.pagingButton:hover { background-color:#e7eef3; }
.pagingButton.disabled:hover { background-color:#fff; }

span.remove { cursor: pointer; width:16px; height:16px; display: inline-block; background-repeat: no-repeat; background-image:url('/images/Remove.png');}        
span.remove:hover {background-position:0px -16px;}

span.up { cursor: pointer; width:16px; height:16px; display: inline-block; background-repeat: no-repeat; background-image:url('/images/Up.png');}        
span.up.hover {background-position:0px -16px;}
span.down { cursor: pointer; width:16px; height:16px; display: inline-block; background-repeat: no-repeat; background-image:url('/images/Down.png');}        
span.down.hover {background-position:0px -16px;}

.largeTextBox {-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; border:1px solid #ccc; font-size:14px; margin:0; padding:8px;}
.newStudent {color:green; border:solid 1px green; padding: 0px 2px; font-size:9px;}

.list div.item {margin-bottom:16px;}
.list div.name {font-size:105%;}
.list div.description {font-size:95%;}
.list div.buttons { float: right; }

.material .buttons { float: right; }

div.chooserDialog {padding:0 !important; }

#tabListValues #ListValues .collapsible { margin-top: 0; margin-left: 15px; }
#tabListValues #ListValues .collapsible .heading { margin-top:0; }
#tabListValues #ListValues .collapsible .content { padding: 5px; }
#ListValues .dependency { padding: 5px 15px; }

span.tip:before {
    content:""; 
    background-image:url(/Images/QuestionLink.png); 
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display:inline-block;
}
span.tip {outline:none; }
span.tip:hover {text-decoration:none;} 
span.tip span {
    z-index:20;display:none; padding:14px 20px;
    margin-top:20px; margin-left:-160px;
    width:300px; line-height:16px; text-align:left;
}
span.tip:hover span{
    display:inline; position:absolute; 
    border:2px solid #ccc;  color:#111;
    background:#ddd;
}

#profileImagePreview {
    margin-top: 5px;
    width: 800px;
    max-height: 332px;
    min-height: 332px;
    border: dashed;
    border-color: gainsboro;
    overflow: hidden;
}
#profileImagePreview img {
    width: 800px;
}

#AdobeConnectInfo {
    padding-top: 30px;
}

.orderLink {
    background-image: url('/Images/courseware-order.png');
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 3px;
    background-position: 0 0px;
}

.enableLink {
    background-image: url('/Images/courseware-enable.gif');
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 3px;
    background-position: 0 0px;
}

.disableLink {
    background-image: url('/Images/courseware-rescind.gif');
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 3px;
    background-position: 0 0px;
}

.orderLink-s {
    background-image: url('/Images/courseware-order-s.png');
    background-repeat: no-repeat;
    padding-left: 14px;
    font-size: 11px;
    background-position: 0 0px;
}

.enableLink-s {
    background-image: url('/Images/courseware-enable-s.gif');
    background-repeat: no-repeat;
    padding-left: 14px;
    font-size: 11px;
    background-position: 0 0px;
}

.disableLink-s {
    background-image: url('/Images/courseware-rescind-s.gif');
    background-repeat: no-repeat;
    padding-left: 14px;
    font-size: 11px;
    background-position: 0 0px;
}

.coursewareAccessLink {
    background-image: url('/Images/CoursewareMaterial-s.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 19px;
    background-position: 0 0px;
    display: inline-block;
}

.coursewareAccessLink-s {
    background-image: url('/Images/CoursewareMaterial-s.png');
    background-repeat: no-repeat;
    padding-left: 14px;
    font-size: 11px;
    background-position: 0 0px;
}

.coursewareAccessible {
    background-image: url('/Images/courseware-accessible.png');
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 3px;
    background-position: 0 0px;
}
.coursewareRedeemed {
    background-image: url('/Images/courseware-redeemed.png');
    background-repeat: no-repeat;
    padding-left: 28px;
    padding-bottom: 3px;
    background-position: 0 0px;
}
.coursewareAccessible-s {
    background-image: url('/Images/courseware-accessible-s.png');
    background-repeat: no-repeat;
    padding-left: 16px;
    font-size: 11px;
    background-position: 0 0px;
}
.coursewareRedeemed-s {
    background-image: url('/Images/courseware-redeemed-s.png');
    background-repeat: no-repeat;
    padding-left: 18px;
    font-size: 11px;
    background-position: 0 0px;
}
.coursewareNote {
    border: solid 1px #d1d1d1;
    margin-bottom: 10px;
    color: #444;
    background-color: #fff;
}
.coursewareNote .coursewareNoteHeading {
    font-weight: bold;
    background-color: #F5F5F5;
    padding: 6px;
    border-bottom: solid 1px #d1d1d1;
}
.coursewareNote .body {
    padding: 6px;
}
.coursewareNote .buttons {
    float: right;
}
.coursewareNote .buttons img {
    cursor: pointer;
}

.activity .title { display: inline-block; }
.activity .tip { float: right; margin-left: -20px; }

#logindisplay #AnnouncementBadge {
    color: black;
    background-color: rgba(0, 0, 0, 0) !important;
    margin-left: 7px !important;
    margin-right: 5px;
}

#CourseProfileImage {
    width: 500px;
    float: left;
    margin-right: 15px;
}
#CourseProfileImage #CourseProductImage[src=""]{
    display: none;
}

.courseImage {
    position: relative;
}
.courseImage #CourseProductImage {
    float: none;
    width: 100%;
}
.courseImage[onclick$=")"] {
    cursor: pointer;
}
.courseModalityOverlay {
    position: absolute;
    max-width: 34%;
    max-height: 32%;
    width: 34%;
    height: 32%;
    right: 3%;
    bottom: 8%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.courseModalityOverlay[data-modality="ILT"] {
    background-image: url("/images/Revolution/Modality/WithWords_ILT.png");
}
.courseModalityOverlay[data-modality="OND"] {
    background-image: url("/images/Revolution/Modality/WithWords_OnDemand.png");
}
.courseModalityOverlay[data-modality="ONDILT"] {
    background-image: url("/images/Revolution/Modality/WithWords_OnDILT.png");
}

textarea {
    min-width: 1024px;
}

textarea.mce-textbox {
    min-width: 50px;
}

#passwordPolicyLink {color:blue;text-decoration:underline;}

@media only screen and (max-width: 1115px) {
    #page {
        min-width: 430px;
    }

    #topnav {
        position: relative;
        clear: both;
        top: 0;
        margin-right: 200px;
    }

    #logindisplay {
        position: relative;
        float: right;
    }

    ul#topMenu li {
        display: inline-block;
        margin-bottom: 5px;
    }

    #header {
        height: auto;
        min-height: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    #profileImagePreview {
        width: 400px;
        height: 225px;
    }
    #profileImagePreview img {
        width: 400px;
    }
    #AdobeConnectInfo {
        position: relative !important;
        float: none !important;
        padding-top: 0;
    }
    #CourseProfileImage {
        width: 100%;
        margin: 0 0 10px 0;
    }

    textarea {
        min-width: 800px;
    }
}

@media only screen and (max-width: 300px) {
    textarea {
        min-width: 250px;
    }
}