Rubric Detail Select Grid View or List View to change t.docx

Rubric Detail
Select Grid View or List View to change the rubric's layout.
Content
Name: NURS_6003_Module06_Week11_Assignment_Rubric
Grid ViewList View
Excellent
Good
Fair
Poor
Complete the following items and incorporate them into the
final version of your Academic Success and Professional
Development Plan:
· Write a paragraph or make a Nursing Specialty Comparison
table comparing at least two nursing specialties, including your
selected specialization and second-preferred specialization.
· Write a 2-3 paragraph justification statement identifying
your reasons for choosing your MSN specialization. Incorporate
feedback you received from colleagues in this week's
Discussion Forum.
· Identify the professional organization related to the
specialization you have chosen to focus on for this Assignment

and explain how you can become an active member of this
organization.
Points:
Points Range:
77 (77%) - 85 (85%)
A fully completed and detailed paragraph or comparison
matrix table is provided that accurately and fully describes the
selected and second-preferred specialization.
A clear and accurately justified statement describes in detail the
reasons for choosing the MSN specialization with sufficient
evidence of incorporating feedback from colleagues in this
week's Discussion Forum.

The response clearly identifies and accurately describes in
detail the professional organization related to the specialization
selected. The response clearly and accurately describes in detail
how to become an active member of this organization.
Feedback:
Points:
Points Range:
68 (68%) - 76 (76%)

A partially completed paragraph or comparison matrix table is
provided that partially describes the selected and second-
preferred specialization.
A partially justified statement describes the reasons for
choosing the MSN specialization with some evidence of
incorporating feedback from colleagues in this week's
Discussion Forum.
The response partially describes the professional organization
related to the specialization selected. The response partially
describes how to become an active member of this organization.
Feedback:

Points:
Points Range:
59 (59%) - 67 (67%)
A vague or inaccurately completed paragraph or comparison
matrix table is provided describing the selected and second-
A vague or inaccurately justified statement describes the
reasons for choosing the MSN specialization with vague
The response vaguely or inaccurately describes the professional
organization related to the specialization selected. The response
vaguely or inaccurately describes how to become an active
member of this organization.

Feedback:
Points:
Points Range:
0 (0%) - 58 (58%)
A vague and inaccurately completed paragraph or comparison
preferred specialization or is missing.

A vague and inaccurately justified statement describes the
reasons for choosing the MSN specialization with vague and
inaccurate evidence of incorporating feedback from colleagues
in this week's Discussion Forum, or is missing.
The response vaguely and inaccurately describes the
professional organization related to the specialization selected.
The response vaguely and inaccurately describes how to become
an active member of this organization, or is missing.
Feedback:
Written Expression and Formatting - Paragraph Development
and Organization:
Paragraphs make clear points that support well developed ideas,
flow logically, and demonstrate continuity of ideas. Sentences
are carefully focused--neither long and rambling nor short and
lacking substance. A clear and comprehensive purpose
statement and introduction is provided which delineates all
required criteria.

Points:
Points Range:
5 (5%) - 5 (5%)
Paragraphs and sentences follow writing standards for flow,
continuity, and clarity.
A clear and comprehensive purpose statement, introduction, and
conclusion is provided which delineates all required criteria.
Feedback:

Points:
Points Range:
4 (4%) - 4 (4%)
continuity, and clarity 80% of the time.
Purpose, introduction, and conclusion of the assignment is
stated, yet is brief and not descriptive.
Feedback:

Points:
Points Range:
3.5 (3.5%) - 3.5 (3.5%)
continuity, and clarity 60%- 79% of the time.
vague or off topic.

Feedback:
Points:
Points Range:
0 (0%) - 3 (3%)
continuity, and clarity < 60% of the time.

No purpose statement, introduction, or conclusion was provided.
Feedback:
Written Expression and Formatting - English writing
standards:
Correct grammar, mechanics, and proper punctuation
Points:
Points Range:
5 (5%) - 5 (5%)

Uses correct grammar, spelling, and punctuation with no
errors.
Feedback:
Points:
Points Range:
4 (4%) - 4 (4%)

Contains a few (1-2) grammar, spelling, and punctuation
errors.
Feedback:
Points:
Points Range:
3.5 (3.5%) - 3.5 (3.5%)

Contains several (3-4) grammar, spelling, and punctuation
errors.
Feedback:
Points:
Points Range:
0 (0%) - 3 (3%)

Contains many (≥ 5) grammar, spelling, and punctuation errors
that interfere with the reader’s understanding.
Feedback:
Written Expression and Formatting - The paper follows correct
APA format for title page, headings, font, spacing, margins,
indentations, page numbers, running head, parenthetical/in-text
citations, and reference list.
Points:
Points Range:
5 (5%) - 5 (5%)

Uses correct APA format with no errors.
Feedback:
Points:
Points Range:
4 (4%) - 4 (4%)

Contains a few (1-2) APA format errors.
Feedback:
Points:
Points Range:
3.5 (3.5%) - 3.5 (3.5%)

Contains several (3-4) APA format errors.
Feedback:
Points:
Points Range:
0 (0%) - 3 (3%)
Contains many (≥ 5) APA format errors.

Feedback:
Show Descriptions
Show Feedback
Complete the following items and incorporate them into the
final version of your Academic Success and Professional
Development Plan:
· Write a paragraph or make a Nursing Specialty Comparison
table comparing at least two nursing specialties, including your
selected specialization and second-preferred specialization.
· Write a 2-3 paragraph justification statement identifying
your reasons for choosing your MSN specialization. Incorporate

feedback you received from colleagues in this week's
Discussion Forum.
· Identify the professional organization related to the
specialization you have chosen to focus on for this Assignment
and explain how you can become an active member of this
organization.--
Levels of Achievement:
Excellent
77 (77%) - 85 (85%)
A fully completed and detailed paragraph or comparison matrix
table is provided that accurately and fully describes the selected
and second-preferred specialization.
A clear and accurately justified statement describes in detail the
reasons for choosing the MSN specialization with sufficient
The response clearly identifies and accurately describes in
detail the professional organization related to the specialization
selected. The response clearly and accurately describes in detail
how to become an active member of this organization.

Good
68 (68%) - 76 (76%)
A partially completed paragraph or comparison matrix table is
provided that partially describes the selected and second-
A partially justified statement describes the reasons for
choosing the MSN specialization with some evidence of
incorporating feedback from colleagues in this week's
Discussion Forum.
The response partially describes the professional organization
related to the specialization selected. The response partially
describes how to become an active member of this organization.
Fair
59 (59%) - 67 (67%)
A vague or inaccurately completed paragraph or comparison

A vague or inaccurately justified statement describes the
reasons for choosing the MSN specialization with vague
The response vaguely or inaccurately describes the professional
organization related to the specialization selected. The response
vaguely or inaccurately describes how to become an active
member of this organization.
Poor
0 (0%) - 58 (58%)
A vague and inaccurately completed paragraph or comparison
preferred specialization or is missing.
A vague and inaccurately justified statement describes the
reasons for choosing the MSN specialization with vague and
inaccurate evidence of incorporating feedback from colleagues
in this week's Discussion Forum, or is missing.

The response vaguely and inaccurately describes the
professional organization related to the specialization selected.
The response vaguely and inaccurately describes how to become
an active member of this organization, or is missing.
Feedback:
Written Expression and Formatting - Paragraph Development
and Organization:
Paragraphs make clear points that support well developed ideas,
flow logically, and demonstrate continuity of ideas. Sentences
are carefully focused--neither long and rambling nor short and
lacking substance. A clear and comprehensive purpose
statement and introduction is provided which delineates all
required criteria.--
Excellent
5 (5%) - 5 (5%)

continuity, and clarity.
A clear and comprehensive purpose statement, introduction, and
conclusion is provided which delineates all required criteria.
Good
4 (4%) - 4 (4%)
continuity, and clarity 80% of the time.
stated, yet is brief and not descriptive.
Fair
3.5 (3.5%) - 3.5 (3.5%)
continuity, and clarity 60%- 79% of the time.

vague or off topic.
Poor
0 (0%) - 3 (3%)
continuity, and clarity < 60% of the time.
No purpose statement, introduction, or conclusion was provided.
Feedback:
Written Expression and Formatting - English writing standards:
Correct grammar, mechanics, and proper punctuation--

Excellent
5 (5%) - 5 (5%)
Uses correct grammar, spelling, and punctuation with no errors.
Good
4 (4%) - 4 (4%)
Contains a few (1-2) grammar, spelling, and punctuation errors.
Fair
3.5 (3.5%) - 3.5 (3.5%)
Contains several (3-4) grammar, spelling, and punctuation
errors.
Poor
0 (0%) - 3 (3%)

Contains many (≥ 5) grammar, spelling, and punctuation errors
that interfere with the reader’s understanding.
Feedback:
Written Expression and Formatting - The paper follows correct
APA format for title page, headings, font, spacing, margins,
indentations, page numbers, running head, parenthetical/in-text
citations, and reference list.--
Excellent
5 (5%) - 5 (5%)
Uses correct APA format with no errors.

Good
4 (4%) - 4 (4%)
Contains a few (1-2) APA format errors.
Fair
3.5 (3.5%) - 3.5 (3.5%)
Contains several (3-4) APA format errors.
Poor
0 (0%) - 3 (3%)
Contains many (≥ 5) APA format errors.
Feedback:

Total Points:
100
Name: NURS_6003_Module06_Week11_Assignment_Rubric
@charset "utf-8";
#rubricToggleFeedback, label[for="rubricToggleFeedback"] {
display: none; }
@charset "utf-8";
@import url("../fonts/icon-core.css");

@import url("../fonts/icon-listing.css");
@import url("core.css");
h1 { font-size: 148%; }
h2 { font-size: 123.1%; }
h3 { font-size: 110%; }
h1, h2, h3 { margin: 1em 0px; }
table { font-size: 100%; }
thead th { font-weight: bold; }
.vtbegenerated a { text-decoration: underline; }

#content .vtbegenerated, #content .vtbegenerated p { position:
relative; overflow: visible; }
body.login-page { min-height: 800px; position: relative; }
body.popup { padding: 0px; margin: 0px; }
body.csMenuFrame, body.popupMenu { border: 0px; margin:
0px; padding: 0px; }
.csMenuFrame { font-size: 95%; }
body.external-breadcrumbs { background-image: none; }
body.picker { min-width: 400px; }
.external-breadcrumbs .breadcrumbs { padding: 12px 40px 0px
12px; }

.locationPane { padding-bottom: 12px; }
body.picker .locationPane { margin: 0px; display: block; }
.csPicker .locationPane { display: block; }
.navigationPane { width: 210px; margin: 0px; top: 0px; left:
0px; transition: margin-left 300ms cubic-bezier(0.42, 0, 1, 1)
0s; }
.contentPane { padding: 0px; transition: margin-left 300ms
cubic-bezier(0.42, 0, 1, 1) 0s; }
.contentPaneWide, .portalPane { padding: 0px; }
.popup .contentPaneWide, .picker .contentPaneWide { margin:
.course-tools-page #listContainer { padding: 0px 30px; }

.picker .container, .popup .container { padding: 12px 20px; }
#puller { position: absolute; right: -8px; z-index: 3; top: -1px;
bottom: 1px; transition: opacity 300ms cubic-bezier(0.42, 0, 1,
1) 0s; }
#puller a { height: 100%; width: 8px; border-radius: 0px 3px
3px 0px; box-shadow: rgba(0, 0, 0, 0.4) 1px 0px 3px inset;
border-width: 1px 1px 1px 0px; border-top-style: solid; border-
right-style: solid; border-bottom-style: solid; border-top-color:
rgb(119, 119, 119); border-right-color: rgb(119, 119, 119);
border-bottom-color: rgb(119, 119, 119); border-image: initial;
border-left-style: initial; border-left-color: initial; position:
relative; overflow: visible; opacity: 0; }
.menuWrap:hover #puller a, .menuWrap:focus #puller a {
opacity: 1; transition: opacity 300ms cubic-bezier(0.42, 0, 1, 1)
0s; }
#puller.pullcollapsed a { background-color: rgb(0, 173, 208);
opacity: 1; }
#puller a img { height: 24px; width: 10px; }

#puller.pullcollapsed a:hover, #puller.pullcollapsed a:focus {
transition: background-color 300ms cubic-bezier(0.42, 0, 1, 1)
0s; }
#puller.pullcollapsed a:hover img, #puller.pullcollapsed a:focus
img, #puller a:hover img, #puller a:focus img { }
.navcollapsed { margin-left: -210px; transition: margin-left
300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
#puller.pullcollapsed { right: -10px; opacity: 1; transition:
margin-left 300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
.navcollapsed .menuWrap { display: block !important; }
.contcollapsed { margin-left: 12px; transition: margin-left
300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
#topFrame .bgBanner { background-position: 0px 0px;
background-repeat: no-repeat; }

.brandingImgWrap a { display: inline-block; position: absolute;
}
.bannerImage { max-height: 35px; }
.topTabs-compact .bannerImage, .topTabs-compact
.brandingImgWrap, .topTabs-compact .hotItems { display: none;
}
.topTabs-compact { height: 52px; }
.tabWrapper-left, .tabWrapper-center, .tabWrapper-right {
width: auto; padding: 0px 28px; }
.appTabs { width: auto; position: relative; }
.topTabs-compact .tabWrapper-left, .topTabs-compact
.tabWrapper-center, .topTabs-compact .tabWrapper-right {
padding-top: 24px; }
.appTabs a { font-size: 110%; text-align: center; display: block;
text-decoration: none; padding: 10px 1.2em 19px; z-index: 100;

white-space: nowrap; position: relative; border-style: solid;
border-color: transparent; border-image: initial; border-width:
1px 1px 0px; }
.topTabs-compact .appTabs a span { padding-bottom: 0px; }
.appTabs .active .hideoff, .appTabs .active a:hover .hideoff,
.appTabs .active a:focus .hideoff, .toppTabs-compact .appTabs
.active .hideoff, .toppTabs-compact .appTabs .active a:hover
.hideoff, .toppTabs-compact .appTabs .active a:focus .hideoff {
border-left: 14px solid transparent; border-right: 14px solid
transparent; border-top: 0px; margin-left: -14px; bottom: 0px;
line-height: 0; left: 50%; top: auto; color: transparent; font-size:
0px; z-index: 100; }
.appTabs .active a span, .appTabs .active a:hover span, .appTabs
.active a:focus span { border: 0px; }
.topTabs-compact .appTabs .active .hideoff, .topTabs-compact
.appTabs .active a:hover .hideoff, .topTabs-compact .appTabs
.active a:focus .hideoff { border-width: 0px 7px 7px; margin-
left: -7px; }
.topTabs-compact .appTabs a, .topTabs-compact .appTabs
.active a:hover, .topTabs-compact .appTabs .active a:focus {
font-size: 95%; padding: 0.4em 1em 0.7em; }

.topGlobalLinks { background-color: rgba(0, 0, 0, 0.15); }
.topGlobalLinks ul { z-index: 1001; }
.topGlobalLinks ul li { display: inline-block; margin: 0px 0px
0px -4px; }
.topGlobalLinks ul li:first-child { margin: 0px; }
.topGlobalLinks a { display: inline-block; text-align: left;
padding: 3px 5px; text-indent: -10000px; min-width: 18px;
overflow: hidden; background: none !important; }
.topGlobalLinks a .link-icon { background-repeat: no-repeat;
display: block; float: right; height: 16px; width: 16px;
overflow: hidden; }
.topGlobalLinks .home .link-icon { background-position: -
129px 0px; }

.topGlobalLinks .home:hover .link-icon, .topGlobalLinks
.home:focus .link-icon { background-position: -129px -16px; }
.topGlobalLinks .logout .link-icon { display: none; }
.topGlobalLinks .logout { text-indent: 0px; padding: 2px 9px;
width: auto !important; }
.topGlobalLinks .help .link-icon { background-position: -145px
1px; }
.topGlobalLinks .help:hover .link-icon, .topGlobalLinks
.help:focus .link-icon { background-position: -145px 1px; }
.hotItems { position: relative; margin-right: 3px; width: 240px;
min-height: 28px; text-align: center; }
.hotSpots { max-height: 46px; overflow: auto; box-sizing:
border-box; padding: 3px 3px 5px; }
.hotSpots li { display: inline-block; padding: 0px 0px 2px; }

.hotSpots a { text-decoration: underline; background:
transparent; display: inline-block; padding: 0px 6px 0px 0px; }
.hotSpots li::after { position: relative; right: 1px; }
.hotSpots li:last-child::after { content: none; }
.path li, .simplePath li { padding: 0px 12px 0px 0px; margin:
0px; display: inline-block; vertical-align: middle; }
.path .label, .simplePath .label { padding: 0px 6px; color:
rgb(68, 68, 68); font-weight: normal; }
.path a:hover, .path a:focus, .simplePath a:hover, .simplePath
a:focus { color: rgb(51, 51, 51); text-decoration: underline; }
.path .button, .simplePath .button { padding: 0px; margin: 0px
8px 0px 0px; }

.path .root a:hover::before, .path .root a:focus::before,
.simplePath .root a:hover::before, .simplePath .root
a:focus::before { color: rgb(136, 136, 136); }
.path .button a, .simplePath .button a { background-image:
none; padding: 1px 1px 2px; }
.path li.contextPath { line-height: 0; font-weight: bold; padding:
0px 12px 0px 0px; margin: 0px; }
.path li.contextPath:last-child { background-image: none; }
.contextPath > div, .contextPath > div:hover, .contextPath >
div:focus { background: none; border: 0px; padding: 0px;
margin: 0px; opacity: 0.6; }
.contextPath:hover > div, .contextPath:hover > div:hover,
.contextPath:hover > div:focus { opacity: 1; }
.contextPath a.cmimg:hover, .contextPath a.cmimg:focus,
.courseArrow a.cmimg:hover, .courseArrow a.cmimg:focus {
background-position: -28px -142px; }

.courseArrow, .courseArrow a { display: inline-block; }
.coursePath:hover .courseArrow, .coursePath:focus
.courseArrow { opacity: 1; }
.banner + .breadcrumbs { margin: 0px; background-color:
inherit; }
.breadcrumb-controls { float: right; }
.mobile-course-instructor-settings-button { visibility: hidden; }
.lock-unlock-toggle { display: inline-block; height: 10px; width:
35px; overflow: visible; position: relative; }
.course-availability-button { height: 25px; width: 30px;
overflow: visible; display: inline-block; position: absolute; }
.course-availability-button:hover::after, .breadcrumb-controls
a:hover::after { content: attr(title); padding: 15px; color:
rgb(51, 51, 51); font-weight: bold; position: absolute; left: 0px;

top: 100%; z-index: 20; white-space: nowrap; border-radius:
5px; box-shadow: rgb(34, 34, 34) 0px 0px 4px; background:
rgb(255, 255, 255); }
.contextPath a.cmimg, .courseArrow a.cmimg { display: inline-
block; vertical-align: middle; }
.content { margin: 0px; padding: 0px; }
.popup .contentBox, .picker .contentBox { border: 0px; border-
radius: 0px; box-shadow: none; }
div.okContainer, div.ok div.container, .collabContainer {
padding-bottom: 60px; position: relative; }
.column-1, .column-2, .column-3, .column-4, .column-5 {
margin: 6px 0px 0px; }
.picker .leftColumn-narrow, .picker #bb-question-discover
.leftColumn-narrow { width: 25%; margin: -12px 0px 0px -
20px; }

.rightColumn-narrow { float: right; margin-left: 1%; width:
22%; }
.rightColumn-wide { float: right; width: 74%; }
.leftColumn-wide { float: left; width: 76%; margin-left: -3px; }
.picker .leftColumn-wide, .picker #bb-question-discover
.leftColumn-wide { width: 76%; margin-top: -12px; min-height:
430px; }
.picker .leftColumn-wide h1 { margin: 0px; padding: 6px 12px;
}
#bb-question-discover .leftColumn-wide { width: 80%; }
#bb-question-discover .leftColumn-wide + .leftColumn-wide {
border-left: none; margin: 0px; width: auto; }
#bb-question-discover .leftColumn-narrow { width: 24%; }

.leftColumn-narrow h3, .rightColumn-narrow h3 { position:
relative; margin: 0px 0px 3px; padding: 0px; color: rgb(102,
102, 102); font-size: 100%; }
.leftColumn-narrow h4, .rightColumn-narrow h4, .columnPalette
h4 { display: block; margin: 0px; padding: 0px; }
.leftColumn-narrow a.itemHead:hover, .leftColumn-narrow
a.itemHead:focus, .rightColumn-narrow a.itemHead:hover,
.rightColumn-narrow a.itemHead:focus, a.itemHead:hover,
a.itemHead:focus { text-decoration: underline; }
.leftColumn-narrow h3.hideoff { margin: 0px; }
.leftColumn-narrow .columnPalette:first-child { border-top:
0px; }
.paletteGroup, .columnPalette { position: relative; border-top:
2px groove rgba(255, 255, 255, 0.3); padding: 4px 0px 4px 6px;
}
.paletteGroup div.columnPalette { position: relative; margin:
0px 0px 6px; border: none; padding: 0px; background:

transparent; }
.paletteItems { margin: 0px 0px 4px; font-size: 95%; padding-
bottom: 60px; }
.paletteItems li { position: relative; margin: 0px 0px 0px 16px;
padding: 2px; }
.paletteItems div { margin: 0px 0px 0px 16px; }
#searchForm .paletteItems li { margin: 0px 0px 0px 24px; }
.paletteItems li a { padding: 6px 9px; line-height: 110%;
display: block; }
.paletteItems li label { display: inline-block; padding-left: 21px;
}
.picker .paletteItems li label { font-size: 94%; }

.paletteItems li:last-child { border: none; }
.paletteItems li input[type="checkbox"], ul.paletteItems li
input[type="radio"] { position: absolute; left: 0px; top: 0px; }
.paletteItems li a:hover, .paletteItems li a:focus { text-
decoration: underline; }
.columnActions ul li a { display: block; }
#copyright { display: inline-block; font-size: 82%; position:
relative; margin: 16px 0px 0px 9px; }
.newCopyright { margin: 0px 0px 0px 12px; padding: 20px
12px 6px 60px; position: relative; }
.logo, .productTitle, .legal, .additionalInfo { padding: 0px 0px
1px; }
.productTitle { padding: 9px 12px 0px 9px; min-height: auto; }

.logo { margin-top: -20px; position: absolute; left: 0px; }
.logo img { width: 150px; }
.additionalInfo { float: none; }
.legal p, .additionalInfo p { margin: 0px; display: inline-block;
}
.additionalInfo p:first-child { margin: 0px 9px 0px 0px;
padding: 0px 2px 0px 0px; }
.additionalInfo p:first-child::after { right: -1px; position:
relative; }
.additionalInfo p:first-child a { padding-right: 12px; }
.productTitle a { font-size: 125%; font-weight: bold; text-
decoration: none; line-height: 1.1em; text-align: right; display:
block; }

.productTitle a:hover, .productTitle a:focus { text-decoration:
underline; }
.additionalInfo a:hover, .additionalInfo a:focus { text-
.productImg { float: left; margin-top: 5px; }
.copyrightDetailContents ul { margin: 4px 0px 0px 24px; float:
left; text-align: left; }
.copyrightDetailContents ul li span { font-weight: bold; }
a.closeCopyright { float: right; position: relative; right: -16px;
top: -5px; }
.contentBlock ul.threeCol { float: left; width: 30%; }
.contentBlock ul.threeCol li { font-weight: bold; margin: 0px;
float: none; }

.contentBlock ul.threeCol li a { background-image: none; }
.contentBlock h3 input, .contentBlock h3 select, .contentBlock
input, .contentBlock select { font-size: 90%; font-weight:
normal; border: 1px solid rgb(153, 153, 153); margin-left: 6px;
padding: 1px 2px; vertical-align: middle; }
.contentBlock ol li input[type="checkbox"] { margin-right: 6px;
vertical-align: middle; }
.contentBlock h3 a.browse, .contentBlock a.browse,
.contentBlock input.browse { display: inline; }
div.landingListWrapper { text-align: center; margin: 1.6em 0px
0px; }
div.landingListWrapper ul.landingList, div.landingListWrapper
ul.landingList-2cols { width: 90%; margin: 0px auto; list-style:
none; padding: 0px; }
div.landingListWrapper ul.landingList li { margin: 0px 0px

1.6em 0em; width: 50%; text-align: left; }
div.landingListWrapper ul.landingList-2cols li { float: left;
margin: 0px 3em 1.6em 0em; width: 45%; text-align: left; }
div.landingListWrapper ul.landingList li.restart { margin-top: -
13.6em; }
div.landingListWrapper ul.landingList li a,
div.landingListWrapper ul.landingList-2cols li a { text-
decoration: none; }
div.landingListWrapper ul.landingList li a:hover,
div.landingListWrapper ul.landingList-2cols li a:hover,
div.landingListWrapper ul.landingList li a:focus,
div.landingListWrapper ul.landingList-2cols li a:focus { text-
div.landingListWrapper ul.landingList li p,
div.landingListWrapper ul.landingList-2cols li p { padding:
0.4em 0.6em 0px 1.4em; margin: 0px; border-top: 1px solid
rgb(221, 221, 221); }
div.landingListWrapper ul.landingList li ul { list-style-type:

square; margin: 0em 0.4em 0.4em 0.8em; }
div.landingListWrapper ul.landingList li ul li { clear: left;
padding: 0px; margin: 0px; color: rgb(0, 0, 0); }
div.landingListWrapper ul.landingList-2cols li ul li { float:
none; padding: 0px; margin: 0px; color: rgb(0, 0, 0); }
div.landingListWrapper ul.landingList li h3,
div.landingListWrapper ul.landingList-2cols h3 { margin: 0px;
padding: 0.4em 1.2em; font-size: 110%; }
.containerLanding, div.landing div.container, body.landingBody
div.container { min-height: 400px; padding: 10px 0px 12px; }
.inst-email div.landing div.container { padding: 20px 30px; }
div.landingPageColumn { margin: 1.2em 0px; padding: 0px;
float: left; }
.twoCol { margin: 1.2em 0px; width: 49%; }

.threeCol { margin: 1.2em 0px; width: 32.5%; }
.landingPageColumn ul { margin: 0px 0px 0px 30px; }
.landingPageColumn .outcomesLanding { padding: 0px 0px
0.4em; }
.landingPageColumn ul li { margin: 0px 0px 2.2em 0em; text-
align: left; }
.inst-email .landingPageColumn ul li { margin: 0px; }
.landingPageColumn .outcomesLanding li { margin: 0px 0px
1.2em 0em; }
.landingPageColumn ul li a { text-decoration: none; }
.landingPageColumn ul li a:hover, .landingPageColumn ul li
a:focus { text-decoration: underline; }

.landingPageColumn h3, .landingPageColumn
.outcomesLanding li a { margin: 0px; padding: 0.4em 0px; font-
size: 110%; }
.landingPageColumn .outcomesLanding li h3 { background-
image: none; padding: 0.4em 0px; font-size: 115%; border-
bottom: 1px solid rgb(221, 221, 221); }
.landingPageColumn .outcomesLanding li a { font-weight: bold;
font-size: 100%; }
.landingPageColumn .outcomesLanding li p { border-top: 0px
!important; }
.landingPageColumn h3 img { margin: 0px 0px 0px -12px; }
.landingPageColumn h3.hiddenlink img { opacity: 0.4; position:
absolute; top: 0px; left: 1.1em; }
.landingPageColumn ul li ul { list-style-type: square; margin:
0em 0.4em 0.4em 0.8em; padding: 0px 0px 0px 1.6em; }

.landingPageColumn ul li ul li { color: rgb(85, 85, 85); float:
none; padding: 1px 0px 2px; margin: 0px; }
.landingPageColumn ul li ul li.more { padding-top: 3px; }
.landingPageColumn ul li ul li.more a { padding: 0px 9px 0px
0px; color: rgb(85, 85, 85); background:
url("images/indicators.png") 0px 50% no-repeat transparent; }
.landingPageColumn ul li p { padding: 0px; margin: 0px; }
.landingPageColumn h3.hiddenlink { position: relative;
padding: 1em 1.2em 0.6em 4.2em; }
.landingPageColumn h3.hiddenlink a, .landingPageColumn
h3.hiddenlink a:hover, .landingPageColumn h3.hiddenlink
a:focus { color: rgb(119, 119, 119); text-decoration: none; }
.subhead_text { color: rgb(51, 51, 51); font-size: 90%; padding:
0pt 0pt 2px; }

.list_text { color: rgb(102, 102, 102); font-size: 85%; font-
weight: normal; padding: 0pt 2px 2px 1.3em; }
.landingPageColumn .outcomesLanding .list_text a {
background-image: none; font-weight: normal; margin-left: 3px;
padding: 0pt; }
div.datalistScroll { margin: 0.4em 0px 0.4em 1.4em; border:
1px solid rgb(221, 221, 221); background-color: white; height:
360px; overflow: auto; }
div.datalist { margin: 0.4em 0px 0.4em 1.4em; border: 1px solid
rgb(221, 221, 221); background-color: white; }
div.landingPageColumn ul li ul.datalistScroll { margin: 0.4em
0px 0.4em 1.4em; border-right: 1px solid rgb(221, 221, 221);
border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px
solid rgb(221, 221, 221); border-image: initial; border-top:
none; padding: 0px; background-color: white; height: 250px;
overflow: auto; list-style: none; }
div.landingPageColumn ul li ul.datalistScroll li { padding: 2px;
background-color: white; border-top: 1px solid rgb(221, 221,
221); }

div.landingPageColumn ul li ul.datalistScroll li:hover,
div.landingPageColumn ul li ul.datalistScroll li:focus {
background-color: rgb(255, 255, 204); }
div.datalist table thead tr th, div.datalistScroll table thead tr th
{ background-color: rgb(170, 170, 170); color: rgb(255, 255,
255); }
.emptylist { margin: 6px 0px 0px 1.4em; background-color:
white; border: 1px solid rgb(221, 221, 221); padding: 12px; }
div.landingPageColumn ul li ul.subcaret { margin: 0.4em 0em
0.4em 1.4em; padding: 0px; list-style-type: none; border-right:
1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221,
221, 221); border-left: 1px solid rgb(221, 221, 221); border-
image: initial; border-top: none; }
div.landingPageColumn ul li ul.subcaret li { margin: 0px;
padding: 2px 1px 2px 2px; list-style-type: none; background:
white; border-top: 1px solid rgb(221, 221, 221); font-weight:
normal; }
div.landingPageColumn ul li ul.subcaret li.complete { padding:
2px 1px 2px 20px; }

div.landingPageColumn ul li ul.subcaret li.inprogress {
.iconLegendLabel { margin: 1px 0px 1px 1.6em; font-size: 95%;
}
div.landingPageColumn ul li ul.subcaret li a,
div.landingPageColumn ul li ul.datalist li a,
div.landingPageColumn ul li div a, div.landingPageColumn ul li
table a, div.landingPageColumn ul li p a { text-decoration:
underline; }
.genericButton, .genericButtonImg, .browse, .browseIcon,
input[type="submit"].submit, .rumble a, .rumble_top a, .paging
a, .itemHeaderControl a, .actionMenuButton, .button-1, .button-
1-img, .button-2, .button-2-img, .button-3, .button-3-img,
.button-4, .button-4-img, .paletteSearch .button-4, h3#cs_search
+ ul div.none:first-child .button-4, .treeContainer .tree li
a.button-4-img, .inlineContextMenu a.browse { padding: 6px
16px 7px; text-decoration: none; vertical-align: middle; }
.mainButton h2, .secondaryButton h2 { margin: 0px; font-size:
100%; }

.sub a img, .sub .button-1 img, .sub .button-2 img,
.secondaryButton a img, .secondaryButton .button-2 img {
margin: -2px -4px 0px 0px; }
.mainButton a, .secondaryButton a, .actionBar .button-1,
.actionBar .button-2 { display: block; }
#primaryActionBrand, #secondaryActionBrand { color: rgb(233,
233, 233); background: rgb(85, 85, 85); }
.mainButton > a, .secondaryButton > a, .mainButton h2 > a,
.secondaryButton h2 > a { color: rgb(233, 233, 233); display:
block; padding: 12px 18px 13px; text-decoration: none; text-
shadow: rgb(0, 0, 0) 0px -1px 0px; font-size: 105%;
background: -webkit-linear-gradient(top, rgb(119, 119, 119)
0%, rgb(85, 85, 85) 100%); }
.mainButton > a, .mainButton h2 > a { border-right: 1px solid
rgb(89, 89, 89); border-left: 1px solid transparent; }
.secondaryButton > a, .secondaryButton h2 > a { border-left:
1px solid rgb(89, 89, 89); border-right: 1px solid transparent;
margin: 0px; }

.mainButton.sub a, .secondaryButton.sub a { padding-right:
12px; }
.mainButton > a { font-weight: 600; }
.containerOptions input.genericButton, .containerOptions
input[type="submit"].genericButton, .containerOptions
input.button-1, .containerOptions input.button-2,
.containerOptions input.button-3, .containerOptions
input.button-4, .containerOptions .browse, .containerOptions
input[type="submit"].button-1, input[type="text"] +
input[type="submit"], input[type="text"] +
input[type="submit"].submit,
input[type="button"].genericButton { padding: 3px 8px 2px; }
.genericButtonImg { display: inline-block !important; }
input[type="submit"].genericButton, .button-3 { font-weight:
bold; }
.searchbar input[type="submit"].genericButton { font-weight:
normal; }

#editGradeActionList.u_reverseAlign a.genericButton { display:
inline-block; margin-bottom: 5px; }
.contextArrow.button-4-img:hover, .contextArrow.button-4-
img:focus { box-shadow: none; }
.paletteSearch .button-4:hover, .paletteSearch .button-4:focus {
background-image: none !important; }
.button-5, .button-5-img { display: inline-block; border: 1px
solid rgb(204, 204, 204); background: white; padding: 0px
0.4em 2px; text-decoration: none; border-radius: 3px; }
.button-5:hover, .button-5-img:hover { background: rgb(237,
237, 237); color: black; }
.button-6 { text-decoration: none; }
a.disabled, a.disabled:hover, a.disabled:focus,
.disabled:not(input), .disabled:not(input):hover,
.disabled:not(input):focus, input.button-3.disabled,
input.button-3.disabled:hover, input.button-3.disabled:focus {
opacity: 0.6; border-color: rgb(204, 204, 204); background-
color: rgb(237, 237, 237); cursor: not-allowed; box-shadow:

none; background-image: none; color: inherit; }
.mainButton a.disabled, .mainButton a.disabled:hover,
.secondaryButton a.disabled:hover, .mainButton
a.disabled:focus, .secondaryButton a.disabled:focus {
background: transparent; color: rgb(204, 204, 204); cursor: not-
allowed; }
.rumble a, .rumble_top a { display: block; }
.rumble .sub a img, .rumble_top .sub a img { margin: -2px -1px
0px 3px; }
.paging a, .rumble_top .inventory_paging .gotolink, .rumble
.inventory_paging .gotolink { display: inline-block; }
.listItemSelect { background: transparent; color: rgb(85, 85,
85); margin: 0px; }
#threadArea .listItemSelect { margin: 0px; }
.rumble_top .listItemSelect { padding: 0px 0px 3px 32px;

.rumble .listItemSelect { padding: 3px 0px 0px 32px; margin:
4px 0px 0px; }
.rumble .listItemSelect a, .rumble_top .listItemSelect a {
display: inline; margin: 0px; border: none; padding: 0px 3px
2px; background: none; text-decoration: underline; }
.rumble .listItemSelect a:hover, .rumble_top .listItemSelect
a:hover { text-decoration: none; }
.listItemSelect label { display: inline; border-left: 1px dotted
rgb(153, 153, 153); padding: 0px 6px; }
.listItemSelect select { font-size: 95%; }
input.calcButton { width: 2em; display: inline-block; margin:
2px 0px; }
input#width, input#height, select#border, select#controls,
.smallControls input[type="text"].width, .smallControls

input[type="text"].height { width: 5em; }
.smallControls select.quality, .smallControls select.controls,
.smallControls select.border { width: auto; }
.actionBarMicro .mainButton > a, .actionBarMicro
.secondaryButton > a { padding: 6px; line-height: 1; }
.actionBarMicro .mainButton a img, .actionBarMicro
.secondaryButton a img { margin: 0px; }
.actionBarMicro a span img, .actionBar a span img { visibility:
hidden; }
.actionBarMicro a span, .actionBar a span { height: 16px;
width: 16px; overflow: hidden; line-height: 0; display: inline-
block; background-repeat: no-repeat; vertical-align: bottom; }
.actionBarMicro #quickViewLink a span, .actionBarMicro
#shortcutView a span { background-position: 0px 0px; }
.actionBarMicro #quickViewLink a:hover span, .actionBarMicro

#quickViewLink.active a span, .actionBarMicro #shortcutView
a:hover span, .actionBarMicro #shortcutView.active a span {
background-position: 0px -16px; }
.actionBarMicro #addCmItem > a span { background-position: -
16px 0px; }
.actionBarMicro #collapseAllLink ul li a { width: 90px; }
.actionBarMicro #addCmItem:hover > a span, .actionBarMicro
#addCmItem.active > a span { background-position: -16px -
16px; }
.actionBarMicro #expandAllLink a span, .actionBarMicro
#collapseAllLink a span, .actionBarMicro #folderView a span {
background-position: -32px 0px; }
.actionBarMicro #expandAllLink a:hover span, .actionBarMicro
#collapseAllLink a:hover span, .actionBarMicro
#expandAllLink.active a span, .actionBarMicro
#collapseAllLink.active a span, .actionBarMicro #folderView
a:hover span, .actionBarMicro #folderView.active a span {

.actionBarMicro #courseMapButton a span { background-
position: -192px 0px; }
.actionBarMicro #courseMapButton a:hover span,
.actionBarMicro #courseMapButton.active a span { background-
position: -192px -16px; }
.actionBarMicro #expandAllLink a span { background-position:
-208px 0px; }
#expandAllLink.active a span { background-position: -208px -
16px; }
.actionBarMicro #collapseAllLink a span { background-
.actionBarMicro #collapseAllLink a:hover span,
.actionBarMicro #collapseAllLink.active a span { background-
.actionBarMicro #refreshMenuLink a span, .actionBarMicro
#refreshView a span { background-position: -64px 0px; }

.actionBarMicro #refreshMenuLink a:hover span,
.actionBarMicro #refreshMenuLink.active a span,
.actionBarMicro #refreshView a:hover span, .actionBarMicro
#refreshView.active a span { background-position: -64px -16px;
}
a.access-reorder span { background-position: -80px 0px; }
a.access-reorder:hover span, a.access-reorder.active span {
.actionBar .sub a .chevron { background-position: -95px 0px; }
.actionBar .sub:hover a .chevron, .actionBar .sub a:focus
.chevron { background-position: -95px -16px; }
.actionBarMicro .active > a, .actionBarMicro .active > a:hover,
.actionBarMicro .active > a:focus { position: relative; }
.actionBarMicro ul:hover + ul .active a::after { display: none; }

.actionBarMicro.columnActions { margin: 0px 0px 3px;
padding: 3px 0px; background: transparent; }
.alignPanel li.sub { padding: 0px; }
.alignPanel li.sub a.button-4::after { content: none; }
.columnActions ul { margin: 0px 0px 2px; }
.columnActions .mainButton a { padding: 1px 4px; text-
decoration: none; }
.columnActions .mainButton a:hover { padding: 1px 4px; text-
decoration: none; }
.onOffToggleWrap { font-size: 90%; font-weight: bold; display:
inline-block; vertical-align: middle; border-right: 1px dotted
transparent; min-width: 57px; }
.modeSwitchWrap { font-size: 90%; font-weight: bold; display:

transparent; }
.modeSwitch { border-radius: 16px; background: rgb(204, 204,
204); padding: 0px 9px 0px 6px; text-decoration: none; text-
transform: uppercase; box-shadow: rgba(255, 255, 255, 0.3) 1px
1px 0px; }
.modeSwitch::before { content: "��"; font-size: 22px; line-
height: 0.9; color: rgb(187, 187, 187); left: 0px; vertical-align:
middle; font-weight: normal; position: relative; top: -2px;
margin-right: 2px; }
.read-on { margin-right: 0px; background-color: rgb(119, 119,
119); }
.read-on:hover { background: rgb(85, 85, 85); }
.read-on { color: rgb(255, 255, 255); }
.read-on::before { color: lime; }
.read-on.disabled::before, .read-on.disabled { color: rgb(153,

153, 153); }
.read-off::before, .read-off { color: rgb(153, 153, 153); }
.modeSwitch.read-off { }
a.read-off img { display: none; }
a.read-on img { display: none; }
a.read-on .hideoff, a.read-off .hideoff { }
.modeSwitch span { display: inline-block; vertical-align:
middle; }
.switcherLabel { color: rgb(102, 102, 102); font-weight: normal;
padding: 2px 4px 2px 0px !important; }
.vtbeSwitch { top: 2px; }

.vtbeSwitch span { padding: 0px; display: inline-block; font-
size: 100% !important; }
.legacy .vtbeSwitch { height: 2.2em; }
.vtbeSwitch div.modeSwitchWrap { right: 0px; top: 2px;
background-color: rgb(238, 238, 238); border-width: 1px 1px
0px; border-top-style: solid; border-right-style: solid; border-
left-style: solid; border-top-color: rgb(204, 204, 204); border-
right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204,
204); border-image: initial; border-bottom-style: initial; border-
bottom-color: initial; padding: 6px 12px; }
.vtbeSwitch div.modeSwitchWrap a span#statusText { padding:
0px 9px !important; }
.vtbeSwitch div.modeSwitchWrap a.read-off { background-
color: rgb(221, 221, 221); }
.vtbeSwitch div.modeSwitchWrap a.read-off:hover {

.vtbeSwitch div.modeSwitchWrap a.read-off:hover
span#statusText { color: rgb(0, 0, 0); }
table.vtbeTable-legacy { width: 100%; }
.vtbeTable-legacy textarea { width: 100%; }
.helpLink { border: 0px; margin: 0px; display: inline-block;
.helpLink a.browseIcon { display: inline-block; background:
rgb(119, 119, 119); border: 0px; position: relative; padding: 1px
1px 0px; border-radius: 12px; font-size: 115%; box-shadow:
none; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px; text-align:
center; }
#helpTextToggleLink { display: none; }
.helpLink a.browseIcon img { display: none; }
.helpLink a.browseIcon::before { content: "?"; color: rgb(255,
255, 255); display: inline-block; z-index: 1; height: 18px;

width: 18px; position: relative; font-weight: bold; }
.helpLink a.browseIcon:hover, .helpLink a.browseIcon:focus {
box-shadow: none; }
.helpLink a[title*="Off"].browseIcon:hover { background:
rgb(187, 187, 187); }
.helpLink a[title*="Off"], .helpLink a[title*="Off"]:hover,
.helpLink a[title*="Off"]:focus { background: none 0px 0px
repeat scroll rgb(204, 204, 204); color: rgb(153, 153, 153); }
.helpLink a[title*="Off"]::before, .helpLink
a[title*="Off"]:hover::before, .helpLink
a[title*="Off"]:focus::before { color: rgb(153, 153, 153); }
.reorder { top: 0px; left: 0px; bottom: 0px; height: auto; width:
18px; opacity: 0; border: 0px; z-index: 2; }
table.reorder { opacity: 1; }
.reorder span { display: inline-block; height: 20px; }

table.reorder span { height: auto; }
.item .reorder { top: 0px; left: 0px; bottom: 0px; height: auto;
width: 18px; opacity: 0; border: 0px; z-index: 2; }
.listCm .reorder, .subList-reorder .reorder, .buttonCm .reorder {
width: 16px; }
.portlet .reorder span { background-position: -237px -116px;
height: 24px; }
.portlet .reorder { border-style: solid; border-color: rgb(85, 85,
85); border-image: initial; border-width: 1px 0px 1px 1px;
bottom: -1px; left: -19px; opacity: 0; position: absolute; top: -
1px; border-radius: 3px 0px 0px 3px; }
.portlet.module-dragstate .reorder { border-width: 2px 0px 2px
2px; left: -20px; top: -2px; bottom: -2px; }
.reorder img { opacity: 0; }

.item .reorder img { margin: 6px 3px; }
.portlet .reorder img { width: 18px; height: 20px; }
.liItem:hover .reorder, .liItem:focus .reorder, .buildList li:hover
.reorder, .listCm li:hover .reorder, .buttonCm li:hover .reorder,
.portlet h2:hover .reorder, .contentListPlain li:hover
.contextMenuContainer a, .buildList li:hover
.contextMenuContainer a, .liItem:hover .contextMenuContainer
a, .liItem:hover .reorder, .contentList > li:hover
.contextMenuContainer a { opacity: 1; }
a.cmimg { background: url("images/controls.png") -320px -
125px no-repeat scroll transparent; margin: 0px; width: 16px;
height: 16px; display: inline-block; }
a.cmimg.cmMore { background: none; }
table.inventory a.cmimg { opacity: 0; }
table.inventory tr:hover a.cmimg, table.inventory tr
a.cmimg:focus { opacity: 1; }

a.cmimg:hover, a.cmimg:focus { background-position: -320px -
143px; }
a.cmimg img { width: 15px; height: 15px; }
.listCm .courseMenu a.cmimg, .buttonCm .courseMenu
a.cmimg, .portlet a.cmimg, a.cmimg-small { position: absolute;
right: 6px; top: 7px; margin: 0px; padding: 0px; background-
image: url("images/controls.png"); background-repeat: no-
repeat; background-position: -28px -124px; opacity: 0.7;
display: inline-block; height: 15px; overflow: hidden; }
.listCm .courseMenu a.cmimg:hover, .portlet a.cmimg:hover,
.listCm .courseMenu a.cmimg:focus, .portlet a.cmimg:focus,
.buttonCm .courseMenu a.cmimg:hover, .buttonCm .courseMenu
a.cmimg:focus, .cmimg-small:focus, .cmimg-small:hover {
opacity: 1; background: url("images/controls.png") -28px -
142px no-repeat transparent; zoom: 1; }
.courseMenu .subhead a.cmimg { top: 9px; }
.buttonCm .courseMenu .subhead .cmimg { top: 2px; }

.buttonCm .subhead h3 { padding: 6px 0px 6px 30px; margin:
0px 18px 0px 0px; }
.portlet a.cmimg { position: relative; right: 0px; top: 2px; }
.listCm .courseMenu a.cmimg img, .portlet a.cmimg img {
width: 15px; height: 15px; opacity: 0; }
.buildList li .contextMenuContainer a, .item
.contextMenuContainer a, .listCm .courseMenu a.cmimg {
opacity: 0; padding: 0px; vertical-align: baseline; }
.buildList li .contextMenuContainer a:focus, .item
.contextMenuContainer a:focus { opacity: 1; }
.listCm .courseMenu li:hover a.cmimg { opacity: 1; }
a.close, a.close-menu, .external-breadcrumbs .breadcrumbs
a.close { position: absolute; top: 11px; right: 10px; opacity: 0.7;
z-index: 100; }

.external-breadcrumbs .breadcrumbs a.close { top: 13px; right:
10px; }
a.close { top: 0px; right: 20px; }
a.close img, a.close-menu img { height: 1px; left: -10000px;
overflow: hidden; position: absolute; top: -1000px; width: 1px;
}
a.close::before { content: "X"; font: 18px/1 Utilicons; color:
rgb(170, 170, 170); }
span.close-contextmenu::before { content: attr(data-icon); font:
14px/1 Utilicons; color: rgb(170, 170, 170); }
a.close-menu:hover span.close-contextmenu::before { color:
rgb(136, 136, 136); }
a.close-menu::before { font-size: 14px; }
a.close:hover::before, a.close-menu:hover::before { color:

rgb(136, 136, 136); }
.liveArea a.close { right: 6px; top: 6px; }
a.colorChip { padding: 1px 0px 1px 2px; display: inline-block;
}
.pageTitle a.colorChip { padding: 4px 0px 4px 7px; vertical-
align: top; }
a.colorChip span { display: inline-block; padding: 2px;
background: url("images/controls.png") -320px -123px no-
repeat; vertical-align: middle; }
a.colorChip:hover span { background-position: -320px -141px;
}
a.colorChip span img { width: 16px; height: 16px; opacity: 0; }
a.colorChip img.chipSwatch { border-width: 1px; border-style:
solid; border-color: rgb(204, 204, 204) rgb(170, 170, 170)
rgb(170, 170, 170) rgb(204, 204, 204); border-image: initial;

width: 16px; height: 16px; }
span.colorChipName { vertical-align: middle; display: inline-
block !important; padding: 0px !important; }
.smallControls input[type="text"], .smallControls select {
width: 100%; padding: 0px !important; }
.courseMenu input, .courseMenu input[type="text"],
.renameCourseToc input { margin-left: 18px; width: 120px; }
.renameCourseToc input { margin-left: 0px; }
#calculatorValue { width: 10em; margin: 3px 0px; }
a.microControl { border: 0px; margin: 0px; padding: 0px; float:
none; display: inline; }
a.microControl img { width: 12px; height: 12px; }

.backLink { position: absolute; bottom: 0px; right: 0px; margin:
0px; }
.closeToContentBackLink { margin-top: 10px; margin-right:
20px; bottom: auto; }
.tocBottom_min .backLink { bottom: 48px; }
.tocBottom_max .backLink { bottom: 348px; }
.tocBottom_open .backLink { bottom: 178px; }
.shortDoc .backLink { position: relative; bottom: 0px; right:
0px; text-align: left; margin-top: 15px; }
.backLink a::before { content: "��"; font-size: 120%; line-
height: 1.2; color: rgb(153, 153, 153); }
.backLink a:hover { background: rgb(221, 221, 221); color:
rgb(51, 51, 51); }

.backLink a:hover::before { color: rgb(0, 173, 208); }
.sliderWrapper { padding: 7px 13px 7px 0px; font-size: 85%;
background: rgb(255, 255, 255); position: relative; border-
bottom: 1px solid rgb(221, 221, 221); display: inline-block; }
#sliderHandle { background: rgb(153, 153, 153); border: 1px
solid rgb(85, 85, 85); cursor: ew-resize; display: block; height:
4px; margin: -2px 0px 0px; width: 4px; }
#sliderTrack { background: rgb(237, 237, 237); border: 1px
solid rgb(204, 204, 204); display: inline-block; height: 2px;
margin: 0px 0px 0px 6px; width: 60px; position: relative; top: -
2px; }
.itemCounter { border-radius: 2px; background: rgb(205, 205,
205); padding: 1px 4px; font-size: 115%; text-align: center;
border: 1px solid rgb(187, 187, 187); }
#pageHeader, .pageTitle, .pageTitleSmall { margin: 0px;
#pageHeader, #schemePreviewHead, .pageTitle h1,

.pageTitleError h1 { padding: 0px; margin: 0px; line-height: 1;
color: rgb(0, 0, 0); }
.picker .pageTitle h1, .popup .pageTitle h1 { font-size: 160%; }
.pageTitle #titleicon, .pageTitle h1, .pageTitle a.cmimg {
display: inline-block; }
.pageTitle h1 + .contextMenuContainer { margin-left: 2px;
position: relative; top: 2px; vertical-align: top; }
.pageTitle a.cmimg { margin: 0px; }
.pageTitle #titleicon { margin: 0px 6px 0px 0px; display: none;
}
.pageTitle #titleicon[src*="slideshare"] { background: rgb(255,
255, 255); border-color: rgb(222, 222, 222); border-radius: 0px;
border-style: solid; border-width: 0px 0px 1px 1px; display:
block; height: 39px; padding: 4px 12px; position: absolute;
right: 7px; top: 1px; width: auto; }

.pageTitle #titleicon[src*="youtube"] { display: block; height:
44px; position: absolute; right: 14px; top: 8px; width: auto; }
.pageTitleSmall h1 { padding: 0px; font-size: 135%; margin:
0px; color: rgb(255, 255, 255); }
.picker .pageTitle, .popup .pageTitle { border-radius: 0px;
padding: 18px 18px 16px; }
#pageHeader, #schemePreviewHead { background-color:
rgb(222, 222, 222); }
.pageTitleIcon { display: table-row; }
.pageTitle .details { display: none; }
.pageTitle .contextMenuContainer, .pageTitle .titleButtons,
.pageTitleEdit { display: inline-block !important; }
#pageTitleBar { margin-right: 6px; display: inline-block; }

.pageTitle h2 { clear: both; margin: 0px; font-size: 100%; color:
rgb(51, 51, 51); }
.pageTitle h2 span { font-weight: normal; }
.contextString, .pageTitle .label { color: rgb(119, 119, 119);
font-weight: normal; }
.customBanner, .currentBannerWrapper { overflow: hidden;
text-align: center; margin: 0px; background-color: transparent;
}
div#lightboxContent h2 { font-size: 130%; margin: 0px;
padding: 18px 24px 0px; position: relative; }
.mapTabs + .helphelp, .mapTabs ~ .helphelp { border-top: 1px
solid rgb(187, 187, 187); margin: 0px -30px -20px; padding:
12px 30px 16px; background: rgb(234, 234, 234); }
.helphelp a { text-decoration: none; border-bottom: 1px dotted;
color: rgb(68, 68, 68); }

.helphelp a:hover { border-style: solid; }
div.helphelp ul { margin: 6px 0px; }
.version { font-size: 60%; color: rgb(102, 102, 102); font-
weight: 400; margin-top: 6px; display: inline-block; }
.version i { font-style: normal; font-weight: bold; }
.version span { display: inline-block; position: relative; width:
28px; overflow: hidden; top: 0px; left: -7px; color: rgb(153,
153, 153); font-weight: 100; text-align: right; }
.version span::before { content: "+"; font-size: 105%; color:
rgb(0, 173, 208); font-weight: bold; position: relative; top: -
2px; left: 0px; width: 20px; display: inline-block; text-align:
left; }
.colophon { float: right; width: 30em; background: transparent;
font-size: 85%; overflow: visible; position: relative; right: 0px;
margin: 0px 0px 0px 14px; padding: 0px 0px 3px 55px; }

.colophon img { position: absolute; left: 0px; }
.installation { line-height: 1.3em; color: rgb(102, 102, 102)
!important; }
.installation span.label { font-weight: bold; }
.actionBar ul li { position: relative; }
.actionBar ul li.mainButton { z-index: 210; }
.actionBar ul li.secondaryButton { z-index: 209; }
.actionBar .mainButton { float: left; margin: 0px; padding: 0px;
}
.actionBar .secondaryButton { float: right; margin: 0px; }
.actionMenu { z-index: 111; position: relative; }

.actionMenuItem { z-index: 123; position: relative; }
.csMenuFrame .actionBarMicro, .popupMenu .actionBarMicro {
border-radius: 0px; }
.portlet .actionBarMicro { padding: 4px; margin: 0px; }
.portlet .actionBarMicro ul { margin: 2px; }
.actionBarMicro ul li { padding: 0px; position: relative; float:
left; margin: 0px; }
.actionBarMicro .mainButton { z-index: 1000; }
.actionBarMicro .secondaryButton { z-index: 10; }
ul.nav.clearfix.u_floatThis-right::after,
#courseMenuPalette_actionbar::after { display: none; }

.searchbar, .searchbarPicker { position: relative; }
.searchbar.searchbarCanvas { background: none 0px 0px repeat
scroll rgb(223, 223, 223); display: block; margin: -24px -30px
20px; padding: 0px 20px; text-align: right; }
.picker .searchbar.searchbarCanvas { margin: -24px -20px 20px;
}
.picker .leftColumn-narrow h2, .picker .leftColumn-wide h2 {
font-size: 110%; margin: 1em 0px 9px; }
#bb-question-discover .searchbar.searchbarCanvas fieldset h2 {
display: inline-block; font-size: 100%; font-weight: normal; }
.searchbar table td, .searchbar table td table td { padding: 1px; }
.searchbar table fieldset { padding: 3px 4px; }
.searchbar table div { display: inline-block; padding: 0px; }

.searchbar form { padding: 0px; margin: 0px; }
.searchbarPicker { border: none; font-size: 90%; }
.searchbar::after, .searchbarPicker::after { content: "."; display:
block; height: 0px; clear: both; visibility: hidden; }
.receipt a.close { top: 1px; right: 4px; opacity: 0.7; }
.slideshowControls { font-size: 100%; margin: 8px auto 12px;
text-align: center; }
.searchbar fieldset, .searchbarPicker fieldset { padding: 6px
9px; }
.searchbar h2, .searchbarPicker h2 { margin: 0px; padding: 1px
6px; font-size: 110%; font-weight: bold; }
.picker .searchbar h2, .searchbarPicker h2 { display: inline;

font-size: 100%; font-weight: normal; }
.searchbar .groupLabel, .searchbarPicker .groupLabel, .liveArea
fieldset .groupLabel, .groupLabel label { font-weight: bold;
.searchbar ol li, .searchbarPicker ol li, .liveArea fieldset ol li {
float: left; margin: 5px; }
.searchbar ol li > div { display: inline-block; }
.searchbar ol li.options, .searchbarPicker ol li.options, .liveArea
fieldset ol li.options { float: right; }
.searchbarPicker span { display: inline; }
.searchbar .spacer { margin: 0px 4px; font-size: 70%; }
.searchbar .u_floatThis-left { margin: 0px 4px 4px; }

.searchbar select { padding: 2px 0px; }
.filterGroup select { width: 100%; max-width: 200px; }
.filterGroup p { margin: 2px 0px -18px; }
.filterGroupLabel { padding: 0px 4px; }
.cmImg { overflow: hidden; text-align: center; margin: 0px 0px
6px 12px; width: 180px; }
.cmImg img { width: 180px; }
.cmPreviewWrapper { width: 212px; }
.navPalette { margin: 0px 0px 6px; padding: 0px; zoom: 1; }
.csMenuFrame .navPalette { margin: 0px 0px 18px; }

.navPalette h3 { padding: 0px; margin: 0px; font-size: 105%;
position: relative; }
.navPaletteTitle { position: relative; }
.navPaletteTitle h3 + h3 { position: absolute; top: 0px; right:
0px; }
.navPaletteCol h3 { border-bottom: 0px; }
.navPalette h4 { margin: 0px; font-size: 100%; }
.navPaletteContent ul li { zoom: 1; position: relative; }
.navPaletteContent { margin-bottom: 0px; padding: 0px; }
.listCm .navPaletteContent, .singleControl .navPaletteContent,
.tools .navPaletteContent { border-bottom: 0px; padding-
bottom: 9px; padding-top: 6px; }

#courseMenuPalette div.navPaletteContent { padding-top: 14px;
padding-bottom: 14px; }
#courseMenuPalette { margin-bottom: 0px; }
.singleControl .navPaletteContent { padding: 0px !important; }
.singleControl, .navPalette .discover { margin: 24px 0px 0px;
padding: 0px; zoom: 1; z-index: 110; }
.navPaletteContent a { margin: 0px; padding: 3px 9px 3px 24px;
font-weight: normal; text-decoration: none; display: block;
word-break: normal; overflow-x: hidden; }
.navPaletteContent a:hover, .navPaletteContent a:focus { cursor:
pointer; }
.navPaletteContent a.comboLink, .navPaletteContent
a.comboLink_active { padding: 6px 20px 6px 30px; margin:
0px; }

.navPaletteContent a.comboLink_active, .navPaletteContent
a.open { color: rgb(51, 51, 51); border-bottom: 0px; }
.navPaletteContent a.submenuLink, .navPaletteContent
a.submenuLink_active { position: absolute; top: 0px; right: 0px;
.navPaletteContent a.submenuLink:hover, .navPaletteContent
a.submenuLink_active:hover, .navPaletteContent
a.submenuLink:focus, .navPaletteContent
a.submenuLink_active:focus { background-position: center 7px;
}
.navPaletteContent a.submenuLink img, .navPaletteContent
a.submenuLink_active img { width: 14px; height: 14px;
opacity: 0; }
.navPaletteContent ul li:first-child h4 a, .navPaletteContent ul
li:first-child a { border-top: none; }
.navPaletteContent ul li h4 a { padding: 6px 9px 6px 30px;
margin: 0px; }
.navPaletteContent h3 a { background:

url("images/portlet_contract_alt.gif") 8px 6px no-repeat
transparent; color: rgb(51, 51, 51); font-weight: bold; border-
top: 0px; text-shadow: rgb(249, 249, 249) 0px 1px 0px;
padding: 6px 9px 6px 30px; margin: 0px; overflow-wrap: break-
word; }
#previewCourseMenu .navPaletteContent h3 a { text-shadow:
none; }
.navPaletteContent h3 a:hover, .navPaletteContent h3 a:focus {
text-decoration: none; }
.controlpanel a.submenuLink, .controlpanel
a.submenuLink_active, .tools a.submenuLink, .tools
a.submenuLink_active, .navPaletteContent h3 a.submenuLink,
.navPaletteContent h3 a.submenuLink_active { border: none;
background-image: none; line-height: 1.4; text-decoration:
none; overflow: hidden; }
.navPaletteContent h3 a.submenuLink, .navPaletteContent h3
a.submenuLink_active { display: inline-block; }
.controlpanel a.comboLink_active, .tools a.comboLink_active,
.controlpanel h4 a.open, .navPaletteContent ul li:first-child h4
a.comboLink_active, .explore h4 { font-weight: bold; color:
rgb(255, 255, 255); margin-top: -1px; transition: all 100ms

cubic-bezier(0.42, 0, 1, 1) 0s; }
.controlpanel h4 a.open { position: relative; z-index: 1; }
.courseFilesPalette { border: 1px solid red; }
.paletteSearch { font-size: 95%; padding: 6px 0px 6px 12px; }
.classFiles h4#cs_search + ul li:first-child { border-bottom: 1px
dotted rgb(170, 170, 170); font-size: 95%; margin: 2px 9px 2px
0px; padding: 0px 3px 6px; }
.classFiles h4#cs_search + ul li { background-image: none; }
.classFiles a#filesPaletteContentCollectionLink { display:
block; padding: 3px 16px; background-image:
url("images/indicators.png"); background-position: 98% -143px;
background-repeat: no-repeat; color: rgb(170, 170, 170); }
.navPaletteContent .submenu .paletteSearchElement { border-
top: 1px dotted rgb(187, 187, 187); margin: 6px 0px 0px -16px;

.paletteSearchElement input { width: 99px; }
.classFiles ul.tree > li { background-image: none !important; }
.listCm .courseMenu { padding: 0px; }
.ineditmode div.listCm ul.courseMenu { margin: 0px; }
.ineditmode div.listCm ul.courseMenu li { border-width: 1px
1px 1px 0px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-top-color: transparent;
border-right-color: transparent; border-bottom-color:
transparent; border-image: initial; border-left-style: initial;
border-left-color: initial; margin: 0px -1px 0px 0px;
background-color: transparent; }
.ineditmode div.listCm ul.courseMenu li:hover { transition-
property: background, border, -webkit-box-shadow; transition-
duration: 200ms; transition-timing-function: cubic-bezier(0.42,
0, 1, 1); border-left: 0px; background-clip: padding-box; }

.listCm .courseMenu li, .buttonCm li { padding: 0px; margin:
0px; position: relative; }
.listCm .courseMenu a, .buttonCm .courseMenu a { margin: 0px
18px 0px 0px; padding: 6px 0px 6px 30px; border: 0px;
background: transparent; word-break: normal; overflow-x:
hidden; }
.listCm .courseMenu .here a.cmimg, .listCm .courseMenu .here
a.cmimg:hover { background-color: transparent; padding: 0px;
margin: 0px; }
.listCm h3 { padding: 0px; margin: 0px; font-size: 100%; }
.listCm .subhead h3 { padding: 6px 0px; margin: 0px 0px 0px
30px; }
#courseMenu_folderView h4 a { background-image: none; font-
weight: bold; border: 0px; }
#courseMenu_folderView .subhead { border: 0px; }

.navPaletteContent .subhead h3 a, .navPaletteContent .subhead
h3 a:hover { padding: 0px; margin: 0px; text-decoration: none;
font-weight: bold; background-color: transparent; }
.listCm .courseMenu .divider, .buttonCm .courseMenu .divider {
padding: 12px 18px; position: relative; }
.buttonCm .courseMenu .divider { background-image: none
!important; }
.noteditmode .listCm .courseMenu .divider, .noteditmode
.listCm .buttonCm .divider { padding: 8px 18px; }
.listCm .courseMenu .divider hr, .buttonCm .courseMenu
.divider hr { background-color: rgb(204, 204, 204); vertical-
align: middle; margin: 0px; border-width: 1px 0px 0px; height:
0px; position: relative; border-top-style: solid; border-top-
color: rgb(153, 153, 153); }
.listCm .courseMenu .collapsed { padding: 0px 0px 0px 14px;
height: 2px; }
.buttonCm .navPaletteContent { background: transparent; }

.buttonCm li { background-color: transparent; background-
repeat: no-repeat; background-position: 12px 0px !important; }
.buttonCm .courseMenu .here a, .buttonCm .courseMenu .here
a:hover { text-decoration: underline; background-color:
transparent; }
.cmLink-hidden, .cmLink-empty { margin: -2px 0px 0px 3px;
.cmLink-hidden img, .cmLink-empty img { width: 14px; height:
14px; opacity: 0; }
.buttonCm .invisible .cmLink-hidden, .buttonCm .invisible
.cmLink-empty { position: absolute; right: 26px; top: 5px; }
.buttonCm .invisible .cmLink-empty { right: 32px; }
.pickerMenu { position: absolute; top: 0px; left: 14px; width:
150px; margin: 0px; }

.pickerMenu ul li a, div.pickerMenu a.simpleLink {
background-image: none; }
.discover .navPaletteContent, .singleControl .navPaletteContent
{ }
.discover a img { display: none; }
.navPalette.discover { margin-bottom: 0px; }
.singleControl a:hover, .singleControl a:focus, .discover
a:hover, .discover a:focus { background: rgb(85, 85, 85); color:
rgb(255, 255, 255); text-decoration: none; }
.singleControl a.enrolled::before, .singleControl a.not-
enrolled::before, .discover a::before { content: "x"; font-family:
Utilicons; font-size: 19px; color: rgb(239, 59, 59); font-weight:
normal; position: relative; top: 1px; left: -4px; }
.singleControl a.not-enrolled::before { content: "+"; color:
rgb(51, 204, 0); }

.discover a::before { content: "F"; color: rgb(238, 238, 238); }
.navPaletteContent .submenu { padding: 0px 6px 12px 30px;
margin: 0px; border-bottom: 1px solid rgb(187, 187, 187);
transition: all 150ms cubic-bezier(0.42, 0, 1, 1) 0s; }
.explore .submenu { font-size: 90%; background: rgb(255, 255,
255); }
.navPaletteContent .submenu li { background-image: none;
padding: 0px; border: 0px; }
.navPaletteContent .submenu li ul li { padding-left: 12px; }
.navPaletteContent .submenu li a, h4#cs_search + ul div a {
padding: 2px 0px; margin: 0px; background: none transparent;
border: 0px; color: rgb(51, 51, 51); }
h4#cs_search + ul div { padding: 0px 9px 0px 0px; }

h4#cs_search + ul div a { font-size: 90%; display: block; }
.controlpanel .submenu a, .explore .submenu a { padding: 2px
9px 2px 6px; margin: 0px; background: transparent; border:
0px; color: rgb(51, 51, 51); }
.explore .submenu a { padding: 2px 0px; }
.explore .submenu .emptyMsg { color: rgb(119, 119, 119); }
.navPalette a.simpleLink, .controlpanel a.simpleLink { padding:
6px 9px 6px 30px; background-image: none; }
div.treeContainer ul.tree, ul.tree { list-style: none; margin: 0px;
div.treeContainer > ul.tree, div.treeContainer ul.tree > ul {
padding: 0px; }
div.treeContainer ul.tree ul, ul.tree ul { list-style: none; margin:
0px; padding: 0px 0px 0px 20px; }

div.listCm div.treeContainer ul.tree { overflow-x: auto; zoom:
1; }
div.treeContainer ul.tree li h4 + ul { overflow-x: auto; margin:
0px; padding: 0px 0px 18px 18px; zoom: 1; font-size: 90%; }
div.treeContainer ul.tree li, ul.tree li { margin: 0px; border:
0px; padding: 0px; background:
url("/images/ci/icons/nlstree/line.gif") 0px 0px repeat-y
transparent; white-space: nowrap; }
.sideTOC ul.tree > li { overflow-x: visible; }
div.treeContainer ul.tree li a, ul.tree li a { padding: 2px 1px 2px
0px; background: none; display: inline; border-top: none; }
div.treeContainer ul.tree li a.open_folder { padding: 2px 3px
2px 0px; display: inline; border-top: none; font-size: 95%; }
div.treeContainer h4.treehead { margin: 8px 0px 2px; padding:
0px 0px 0px 5px; font-weight: bold; font-size: 95%; }

div.treeContainer h4.first { margin: 0px 0px 2px; }
div#userTreeDiv { background: rgb(255, 255, 255); margin:
div.treeContainer ul.tree li.subhead { background-image: none;
margin: 0px; border-top: 1px dotted rgb(204, 204, 204); }
div.treeContainer ul.tree li.subhead h4 { margin: 0px; padding:
0px; }
div.treeContainer ul.tree li.subhead h4.first a { border-top:
none; }
div.treeContainer ul.tree li a.exp { padding: 0px 21px 0px 0px;
}
div.treeContainer ul.tree li a.collapse { padding: 0px 21px 0px
0px; }

.inventory > tbody tr td .item-description { max-width: 100%; }
.inventory > tbody tr td .item-description img { max-width:
300px; height: auto; }
.sortable a.sortheader { position: relative; padding-right: 17px;
margin-right: 0px; display: block; }
.sortable .sortarrow { color: rgb(255, 255, 0); text-decoration:
none; right: 0px; top: 0px; left: auto; }
.inventory .smallCell .reorder, .inventory > tbody .reorder,
.attachments .smallCell .reorder, .attachments tbody .reorder {
opacity: 0; min-height: 30px; cursor: move; position: static;
display: inline-block; width: 18px; z-index: 2; background:
transparent; }
.attachments { width: 100%; }
.inventory .dndHandle { padding: 5px 0px; position: static; }
.inventory .dndHandle .reorder img, .inventory .dndHandle

.reorder:hover img { height: 20px; }
.inventory .dndHandle .reorder, .inventory .dndHandle
.reorder:hover { padding: 0px; background-position: -172px -
125px; border: 0px; }
.reorderable > tbody tr:hover { box-shadow: rgba(0, 0, 0, 0.25)
0px 3px 7px, rgb(255, 255, 255) 1px 1px 0px inset; }
.reorderable > tbody tr:hover td, .reorderable > tbody tr:hover th
{ background-color: rgb(244, 244, 244); border-bottom: 1px
solid rgb(170, 170, 170); border-top: 1px solid rgb(170, 170,
170); transition-property: -webkit-box-shadow, border,
background; transition-duration: 200ms; transition-timing-
function: cubic-bezier(0.42, 0, 1, 1); }
.reorderable tbody tr td:first-child { border-left: 1px solid
transparent; }
.reorderable tbody tr td:last-child { border-right: 1px solid
transparent; }
#drawerItems.inventory tr td, #drawerItems.inventory tr th, #bb-
question-discover .inventory tr td, #bb-question-discover

.inventory tr th { padding: 6px 0px 6px 9px; }
.inventory > tbody tr:last-child td, .inventory > tbody tr:last-
child th { border-bottom: 2px solid rgb(204, 204, 204); }
.inventory > tbody tr th { font-weight: normal; text-align: left; }
.inventory > tbody tr td:first-child { border-left: none; }
{ border-bottom: 1px solid rgb(170, 170, 170); border-top: 1px
solid rgb(170, 170, 170); transition-property: -webkit-box-
shadow, border, background; transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
.attachments td, .attachments th, .inventory-simple td,
.inventory-simple th { padding: 4px 12px; }
table.inventory > tbody ul.subtabs { list-style: none; padding:

0px; margin: 0px; }
table.inventory > tbody ul.subtabs li { position: relative;
div.status { font-size: 90%; text-align: left; padding: 1px 6px
3px; margin: 0px; background: rgb(249, 249, 249); display:
block; }
div.status a img { vertical-align: middle; }
div.status p { padding: 1px; border: 1px solid rgb(204, 204,
204); font-size: 90%; color: rgb(68, 68, 68); margin: 2px auto
4px; line-height: 10%; background: rgb(255, 255, 255); text-
align: left !important; }
div.status p img { background-color: rgb(141, 175, 175); height:
8px; padding: 0px; margin: 0px !important; }
div.status div { position: relative; text-align: center; }
table.inventory-simple { margin: 0px 0px 12px; border-

collapse: collapse; width: 100%; }
table.stepItems-reorder { border-spacing: 0px; font-size: 85%;
margin-bottom: 12px; }
table.gbColumns { font-size: 90%; zoom: 1; }
table.stepItems-reorder td, table.stepItems-reorder th { padding:
6px 6px 6px 12px; }
table.stepItems-reorder thead tr th { background: rgb(255, 255,
255); border-bottom: 1px solid rgb(204, 204, 204); color:
rgb(153, 153, 153); text-align: left; }
6px 6px 6px 12px; }

table.stepItems-reorder tr th.clearCell { border: 0px; padding:
0px; }
table.stepItems-reorder tbody tr:first-child td, table.stepItems-
reorder tbody tr:first-child th, table.stepItems-reorder thead
tr:first-child { border-top: 0px; }
table.stepItems-reorder tbody tr td.dragCell { padding: 0px;
border: 0px; vertical-align: top; text-align: right; }
table.stepItems-reorder tbody tr td span.reorder { position:
relative; height: 20px; opacity: 1; border-radius: 3px 0px 0px
3px; border-right: 1px solid rgb(204, 204, 204); cursor: move;
display: block; left: auto; right: 0px; top: 2px; width: 18px
!important; }
table.stepItems-reorder tbody tr.frozenbar td span.reorder { top:
1px; }
table.stepItems-reorder tbody tr td input { vertical-align:
middle; padding: 2px 3px; width: 95%; }

table.stepItems-reorder tbody tr td.points input { width: 3em; }
table.stepItems-reorder tbody tr td.entry input[type="text"] {
width: 90%; }
table.stepItems-reorder tbody tr td.entry
input[type="checkbox"] { width: auto; }
table.stepItems-reorder tbody tr td input[type="checkbox"] {
margin: 0px 4px 0px 0px; }
table.gbColumns tbody tr td input[type="checkbox"] { width:
auto; margin: 0px; }
table.gbColumns tbody tr td { padding: 6px 6px 6px 12px;
vertical-align: top; }
table.gbColumns tbody tr.frozenbar td { background: rgb(204,
204, 204); color: rgb(68, 68, 68); font-size: 95%; border-top:
0px; }
table.gbColumns tfoot tr.lastRow td { background: rgb(153,

153, 153); border: 0px; height: 2px; line-height: 0; padding:
0px; }
table.gbColumns thead tr td.checkBox, table.gbColumns tbody
tr td.checkBox { padding: 3px 0px 1px 6px; text-align: center; }
table.gbColumns tbody tr.frozenbar td.dragCell { padding: 0px
!important; }
table.gbColumns tbody tr.placeholder td { height: 1px; padding:
0px; border: 0px; line-height: 0; }
table.gbColumns tbody tr.placeholder td.clear { background:
inherit; }
ul.dragableHighlight li table.gbColumns thead tr td.clear,
ul.dragableHighlight li td.clear, ul.dragableHighlight li
table.gbColumns tbody tr.frozenbar td.dragCell,
ul.dragableHighlight li table.gbColumns tbody tr td.dragCell,
ul.dragableHighlight li table.gbColumns tbody tr.frozen
td.dragCell, ul.dragableHighlight li table.gbColumns tfoot
tr.lastRow td.clear, table.gbColumns thead tr td.clear { border:

tr.rowdrag { background: rgb(204, 204, 204); z-index: 1; }
.insertImg { position: relative; top: 12px; z-index: 20; }
.insertImgUp { position: absolute; right: -10px; z-index: 20; }
table.inventory > tbody tr td.smallCell, table.inventory > thead
tr th.smallCell { padding: 9px 0px 9px 3px; width: 1%; white-
space: nowrap; }
table.inventory > tbody tr td.hideCell, table.inventory > thead tr
th.hideCell { display: none; }
.clickOrder { display: none; }
table.inventory > tbody tr td.clickOrder { border-left: none; }
table.inventory tr td.endCell { width: 1px !important; padding:
0px !important; }

table.inventory tr.orderRow td.clickOrder { text-align: center; }
table.inventory tr.orderRow td.clickOrder div { position:
relative; }
.sortedplus { background-image: url("images/controls.png");
background-repeat: no-repeat; background-position: 48% -
995px; }
.rumble { margin: 0px 0px 9px; }
.rumble_top { margin: 12px 0px 0px; }
#mapCanvasForm .rumble_top, #mapCanvasForm .rumble {
margin-left: 30px; margin-right: 30px; }
#mapCanvasForm .rumble_top { border-bottom: 2px solid
rgb(238, 238, 238); }
.noBatchActions { background-image: none !important;
padding: 5px !important; }

.rumbleBuildList { margin: 0px 0px 0px 18px; border-top: 2px
solid rgb(238, 238, 238); }
.rumbleBuildList ul li, .rumbleBuildListTop ul li { z-index:
1000; }
.rumble_top ul { padding: 4px 2px 4px 34px; }
.rumble ul { padding: 4px 2px 4px 34px; }
.rumble_top ul li, .rumble ul li, .rumble_top ul li.primary,
.rumble ul li.primary { display: inline-block; margin: 0px 3px
0px 0px; vertical-align: top; }
.rumble_top ul li.secondary, .rumble ul li.secondary { float:
right; margin: 0px 0px 0px 3px; position: relative; }
.contentListPlain .rumble li, .contentListPlain .rumble_top li {
padding: 0px; }

.rumble li.listActionDivider, .rumble_top li.listActionDivider,
.selectList .listActionDivider, .listActionDivider { border-right:
1px dotted rgb(153, 153, 153); margin-right: 9px; padding-
right: 9px; }
.rumble li.listActionGroup input, .rumble_top
li.listActionGroup input { font-size: 95%; }
.rumble li.listActionGroup a, .rumble_top li.listActionGroup a {
display: inline; }
.paging { clear: left; float: right; text-align: right; }
.pagingprefs { color: rgb(102, 102, 102); padding: 3px 0px 0px;
margin-top: 3px; text-align: right; }
.paging span { padding: 1px 6px 1px 0px; border-right: 1px
dotted rgb(204, 204, 204); margin: 0px 9px 0px 0px; }
.rumble_top .inventory_paging, .rumble .inventory_paging {
float: right; margin-left: 9px; padding: 2px 0px 0px 9px; }

.jumptopage input, .inventory_paging input { width: auto; text-
align: center; font-weight: bold; padding: 0px; border-radius:
2px; }
.jumptopage input { width: 2em; font-weight: normal; border-
radius: 0px; }
.rumble_top .inventory_paging a, .rumble .inventory_paging a,
.rumble_top .inventory_paging .abutton, .rumble
.inventory_paging .abutton { padding: 0px; }
.rumble_top .inventory_paging .gotolink, .rumble_top
.inventory_paging .gotolink { padding: 1px 3px; }
.inventory_paging a, .inventory_paging img, .inventory_paging
span, .inventory_paging div, .jumptopage div,
.inventory_paging .abutton { display: inline-block; }
.inventory_paging a img, .inventory_paging .abutton img {
margin: 0px; display: inline; float: none; padding: 0px; }
.inventory_paging img { margin: 2px 2px 3px; }

.inventory_paging a.inactive { opacity: 0.4; }
a.jumpToPageOpen, a.jumpToPageOpen:hover,
a.jumpToPageOpen:focus { border-top: none; border-right:
none; border-left: none; border-image: initial; border-bottom:
1px solid rgb(204, 204, 204); border-radius: 0px; background:
transparent; box-shadow: none; }
div.jumptopage input#currentpage_bot, div.jumptopage
input#currentpage_top, input#currentpage_bot,
input#currentpage_top { width: auto; }
.jumptopage { float: right; }
.jumptopage div { margin: 0px 0px 0px 3px; }
.jumptopage button { border: none; background: transparent;
padding: 0px; position: absolute; top: 0px; right: 0px; }
.jumptopage button img { margin: 0px; }

.rumble_top .secondaryControl, .rumble .secondaryControl {
float: right; }
.key-valueTable tr, .key-valueTable th, .key-valueTable td,
.key-valueTable tbody { border-bottom: none !important; }
.key-valueTable tbody td, .key-valueTable tbody th { padding:
2px 6px 2px 0px; vertical-align: top; border-top: 1px dotted
rgb(204, 204, 204) !important; background: transparent
!important; font-size: inherit !important; }
.key-valueTable tbody tr:first-child th, .key-valueTable tbody
tr:first-child td { border: none !important; }
.infoListWrapper .key-valueTable { margin: 3px 9px 6px; }
.contentList, .buildList, .contentListPlain, .announcementList {
margin: -20px -30px; }
.announcementFilter { margin: -20px -30px 24px; padding:
12px; border-bottom: 1px solid rgb(204, 204, 204); }

.gradingList, #survey.buildList, #manageFormCanvasForm
.buildList { margin: 0px -30px; }
#mapCanvasForm .buildList { margin: 0px 30px; }
.hierarchy-page #toolSettingsForm #dataCollectionContainer {
.leftColumn-wide .contentListPlain { margin: 0px; }
.contentList > li, .buildList > li, .contentListPlain > li,
.announcementList > li, .contentPageItem { padding: 20px
30px; margin: 0px -1px; position: relative; border-width: 1px;
border-style: solid; border-color: rgb(204, 204, 204) transparent
transparent; border-image: initial; transition-property: -webkit-
box-shadow, border, background; transition-duration: 200ms;
.contentList > li:first-child, .contentList > li.read:first-
child:hover, .buildList > li:first-child, .contentListPlain >
li:first-child, .announcementList > li:first-child { border-top:
1px solid transparent; }

.announcementList > li, .contentPageItem { min-height: 50px; }
.liItem a[onclick*="toggleDetails"] { position: relative; right: -
19px; top: -6px; visibility: hidden; }
.liItem:hover a[onclick*="toggleDetails"] { visibility: visible; }
.liItem a[onclick*="toggleDetails"] img { visibility: hidden; }
.contentListPlain .item_icon { display: none; }
.item { font-size: 110%; margin: 0px; padding: 0px 0px 12px;
cursor: move; }
.contentList .item { padding: 0px 0px 12px 60px; }
.gradingList .item { padding-right: 120px; }
.announcementList .item, .announcementList-read .item,
#announcementList .item { padding-right: 13em; word-break:

normal; overflow-wrap: break-word; }
.item:hover, .item:focus { cursor: move; }
.read .item, .announcementList-read .item { margin: 0px;
border: 0px !important; }
.contentList-slim .read .item { padding-left: 48px; }
.read .item:hover, .read .item:focus { background: transparent;
cursor: default; }
.tab-groups h3.item { border-bottom: 1px dotted rgb(204, 204,
204); margin: 0px 11em 8px -12px; padding: 0px 0px 8px 12px;
}
.tab-groups h3.item .reorder + span { color: rgb(153, 153, 153);
font-family: Georgia; font-size: 90%; font-style: italic; font-
weight: normal; margin: 0px 4px 0px 0px; }
.item_icon { position: absolute; left: 24px; top: 12px; margin:
0px; }

.read .item_icon { left: 18px; margin: 0px; }
.item h3, .item .contextMenuContainer { float: left; margin: 0px
3px 0px 0px; overflow-wrap: break-word; }
.item h3 + .contextMenuContainer { top: 2px; position: relative;
}
.tab-groups .item .contextMenuContainer { float: none; }
#announcementList .item .contextMenuContainer { float: none;
}
.item input[type="checkbox"] { float: left; margin: 2px 6px 0px
-6px; }
.iconsOnly { width: 80%; margin: 24px auto; border-bottom:
1px solid rgb(204, 204, 204); }

.iconsOnly li { text-align: center; width: 49%; padding: 0px;
margin: 0px; max-height: 116px; border: 1px solid rgb(204,
204, 204); float: left !important; }
.iconsOnly > li:first-child { border-top-color: rgb(204, 204,
204); }
.iconsOnly li:nth-child(2n) { border-left: 1px solid rgb(204,
204, 204); }
.iconsOnly li:nth-child(2n):hover, .iconsOnly li:nth-
child(2n):focus { border-left-color: rgb(102, 102, 102); }
.iconsOnly .read { border: 0px !important; }
.iconsOnly .item_icon { left: auto; min-height: 50px; top: 0px;
.iconsOnly .item { padding: 6px; border: 0px; min-height: 3em;
}
.iconsOnly .read .item { padding: 6px; margin: 0px; }

.iconsOnly .item h3, .iconsOnly .item .contextMenuContainer {
float: none; display: inline-block; top: 0px; }
.iconsOnly .item h3 a { overflow-wrap: break-word; word-
break: break-word; }
.iconsOnly .read .item_icon, .iconsOnly .item_icon { position:
relative !important; text-align: center !important; display: block
!important; }
.iconsOnly .read .item_icon, .iconsOnly .read .item { border:
0px; left: 0px; }
.iconsOnly .read:hover .item_icon, .iconsOnly .read:hover .item,
.iconsOnly .read:focus .item_icon, .iconsOnly .read:focus .item
{ background: transparent; }
.buildList li input { float: left; margin: 2px 8px; }
.buildList input.browse, .buildList input.genericButton,
.buildList input[type="button"] { margin: 0px 0px 6px; }

.contentListRight { font-weight: normal; position: absolute;
right: 6px; left: auto; }
.pagedContentListRight { top: 4px; }
.contentListRightOffset { margin-right: 12em; }
.contentList .details { padding-left: 60px; }
.contentListPlain .contentListRight + .details { padding: 1px
0px 1px 28px; overflow-x: auto; }
.announcementList .details, #announcementList .details {
margin-right: 12.8em; overflow: auto visible; }
.contentList-slim .read .details { margin-left: 48px; }
.staffInfoList .details { margin-right: 160px; }

.staffInfoList .hasPhoto .details { min-height: 135px; }
.details > p { padding: 0px 0px 12px; margin: 0px; font-size:
95%; }
.details .note { font-weight: bold; }
.details > p.important { font-weight: bold; font-size: 90%;
padding: 0px; margin: 3px 0px 9px; }
.itemDetails, .announcementInfo { position: absolute; right:
0px; top: 2px; bottom: 8px; width: 14em; border-left: 1px
dotted rgb(204, 204, 204); padding: 9px 9px 3px 14px; font-
size: 85%; overflow-wrap: break-word; }
.announcementInfo p, .itemDetails p { padding: 2px 4px 0px; }
.announcementInfo p span span { font-size: 95% !important; }
.noItems, .additional + p .warnFont { padding: 6px 0px; }

#listContainer .noItems, .additional + p .warnFont, .table-scroll-
wrapper .helphelp, .hierarchy-page .noItems { text-align: center;
.table-scroll-wrapper .helphelp { display: block; margin: 0px
auto; }
.details .attachments { margin-bottom: 9px; word-break:
.buildList > li.separator { background: rgb(237, 237, 237); }
.separator h3.item, .external-breadcrumbs .receipt { margin:
.separator .line, .external-breadcrumbs .contentPaneWide {
position: absolute; left: 30px; right: 0px; top: 50%; border-top:
1px dashed rgb(119, 119, 119); }
.external-breadcrumbs .contentPaneWide { position: relative;
top: 6px; left: 0px; margin: 0px 24px 0px 30px; }

.separator .text { z-index: 2; position: relative; padding: 0px
12px 0px 0px; }
.external-breadcrumbs .receipt, .external-breadcrumbs
.contentPaneWide .receipt { box-shadow: none; display: inline-
block; top: -9px; z-index: 2; position: relative; padding: 0px
12px 0px 0px; color: rgb(68, 68, 68); }
.external-breadcrumbs .student-preview-control ~
div.viewToggle ul li { float: none; position: static; margin: 0px;
}
.buildList .detailList .hidden { display: none; }
.buildList .detailList .tagContainer { position: relative; }
.buildList .detailList .tagContainer .hidden { display: none; }
.buildList .detailList .tagContainer, .buildList .detailList
.tagContainer span { float: none; display: inline; padding: 2px
2px 2px 0px; width: auto; font-weight: normal; }

.buildList .detailList .tagContainer input, .tagContainer input {
float: none; display: inline; margin: 0px; border: 1px solid
rgb(85, 85, 85); font-size: 95%; vertical-align: middle; }
.tagContainer .newTagForm { margin-left: 6px; border-left: 1px
dotted rgb(153, 153, 153); }
.tagContainer .newTagForm label { padding-left: 6px; }
.currentTags { display: none; position: absolute; top: 1.2em;
right: 0px; width: 16em; line-height: 1.8; zoom: 1; z-index: 100;
overflow: hidden; }
.currentTags span { display: block; padding: 18px 6px 6px; }
.currentTags a { font-weight: bold; }
.currentTags a.closeCloud { display: block; position: absolute;
top: 0px; left: 0px; padding: 0px 2px 1px; width: 98%; text-
align: right; line-height: 1; }

.auto_complete { width: 12em; border-width: 1px; border-style:
rgb(85, 119, 187) rgb(172, 194, 223); border-image: initial; z-
index: 1000; }
.auto_complete ul { margin: 0px; padding: 0px; width: 100%;
list-style-type: none; }
.auto_complete ul li { margin: 0px; padding: 2px 1% 2px 3%;
width: 96%; cursor: pointer; overflow: hidden; }
.auto_complete ul strong.highlight { margin: 0px; padding: 0px;
}
.freq1 { font-size: 90%; padding: 0px 1px; }

.freq6 { font-size: 165%; }
.freq1:hover, .freq2:hover, .freq3:hover, .freq4:hover,
.freq5:hover, .freq6:hover { text-decoration: none; background:
white; }
.currentTags a.tagDisabled { opacity: 0.7; text-decoration:
none; font-weight: normal; }
.currentTags a.tagDisabled:hover { background: transparent; }
.subList, .subList-reorder { margin: 3px 0px 6px; }
.subList-reorder { }
.subList li { padding: 6px 6px 6px 24px; border: none; font-

size: 95%; }
.buildList .detailList { margin: 0px; padding: 3px 3px 3px 23px;
}
.subList-reorder li { padding: 6px 6px 6px 24px; font-size:
95%; border: 1px solid transparent; }
.subList li a img, .subList-reorder li a img { vertical-align:
middle; }
.subList li p, .subList-reorder li p { padding: 0px; margin: 3px
6px 3px 24px; font-size: 90%; color: rgb(68, 68, 68); display:
none; }
.subList li p { visibility: hidden; }
.subList li p span, .buildList .detailList li .subList li p span,
.subList-reorder li p span { font-weight: bold; display: inline;
float: none; }
.subList-reorder .itemDetails, .subList-reorder .details, .subList

.details { display: none; }
.itemDetails + .details { margin-right: 13em; overflow: visible;
}
.subList li p span { font-weight: bold; }
.subListArtifact, .detailList .subListArtifact { clear: both; }
.subListArtifact li, .detailList .subListArtifact li { position:
static; }
.detailList .subListArtifact, .detailList .subListArtifact li,
.detailList .subListArtifact li a { zoom: 1; }
.buildList .detailList { margin: 0px 0px 0.6em 0.7em; }
.buildList .detailList .subList { margin: 0px 0px 6px; border:

ul.buildList ul.detailList ol.subList { list-style-type: decimal;
list-style-position: inside; }
ul.buildList ul.detailList li { border: none; margin: 0px 0px
0.2em; padding: 0px 0px 0.2em; display: table-row; }
ul.buildList ul.detailList .detail-item-title { float: left; width:
135px; font-weight: bold; display: block; }
ul.buildList ul li > div { float: none; padding: 0px 0px 0px
0.3em; width: 79%; display: block; margin-left: 135px; }
ul.buildList ul li div.contextMenuContainer, ul.noimg li
div.contextMenuContainer { display: inline; float: none; width:
auto; }
div.itemHeaderControl { position: absolute; right: 14.5em; top:
9px; }
div.itemHeaderControl a img { margin: 0px; padding: 0px; }
body.cartMode { padding-bottom: 49px; }

.addedRow img { opacity: 0.5; }
table#datatable2 tr td, table#datatable2 tr th { padding: 1px 3px;
font-size: 85%; }
table#datatable2 thead th { padding: 3px; }
.itemSelector { width: 20px; height: 20px; margin: 0px auto; }
.itemSelector input { opacity: 0; }
.itemTray { z-index: 10000; position: fixed; bottom: 0px; left:
18px; right: 18px; margin: 0px; border-width: 1px 1px 0px;
border-top-style: solid; border-right-style: solid; border-left-
style: solid; border-top-color: rgb(170, 170, 170); border-right-
color: rgb(170, 170, 170); border-left-color: rgb(170, 170, 170);
border-image: initial; border-bottom-style: initial; border-
bottom-color: initial; padding: 4px 9px; height: 40px; zoom: 1;
}
.picker .itemTray { left: 12px; right: 12px; }

div.itemTrayContentPane { left: 200px; }
div.itemTrayContentPaneWide { left: 0px; }
.itemTray h2, .itemTray h3 { font-size: 110%; padding: 6px
0px; background: transparent; margin: 0px; }
.itemTray h2 span.listToggle a, .itemTray h3 span.listToggle a {
text-decoration: none; border-bottom: 1px dotted rgb(204, 204,
204); }
.itemTray h2 span.listToggle a:hover, .itemTray h3
span.listToggle a:hover { border-bottom: 1px solid rgb(204,
204, 204); }
.itemTray div.noItems { text-align: center; }
.itemTray #cartList { padding: 9px 0px; }

.itemTray #selectedItemsWrapper { padding: 4px; }
.itemTray .cartTableWrapper { max-height: 130px; overflow-y:
auto; border: 1px solid rgb(85, 85, 85); background: rgb(255,
255, 255); }
.sideTOC .cartTableWrapper { overflow: auto; }
.mobile-toc-open { }
#count, .itemTray #numberOfElements { border-radius: 3px;
padding: 1px 6px; text-align: center; }
#progress { display: none; position: absolute; width: 100px;
margin: 300px 50%; z-index: 300; }
#progress div { margin-left: -100%; }
#cartSubmit { z-index: 200; }

#cartList fieldset { margin: 0px 12px; padding: 3px 3px 12px; }
#cartList fieldset ul li input[type="text"] { border: 1px solid
rgb(102, 102, 102); padding: 0px; width: 2.3em; }
.itemGallery { padding: 0px; margin: 0px; zoom: 1; }
.itemGallery > li { margin: 5px 5px 20px; text-align: center;
vertical-align: top; width: 1.2em; padding-top: 0.06em; zoom:
1; }
.itemGallery .stackFix { height: auto; width: 100%; }
.itemIconHolder { padding: 0px; height: 1em; width: 100%;
position: relative; margin: 0px auto 0.05em; }
.itemIconHolder a { display: block; overflow: hidden; border:
1px solid rgb(204, 204, 204); zoom: 1; }
.itemIconWrapper { border: 0.026em solid rgb(241, 241, 241);
position: absolute; bottom: 0px; margin: 0px 50%; width: auto;
}

.x-small li { font-size: 70px; width: 1.8em; }
.small li { font-size: 100px; }
.normal li { font-size: 140px; }
.large li { font-size: 180px; }
.x-large li { font-size: 220px; }
.u_resetFont-px { font-size: 12px; }
.itemIconLink-vertical a { width: 0.78em; height: 0.9em; }
.itemIconLink-square a { width: 0.78em; height: 0.78em; }
.itemIconLink-horizontal a { width: 1em; height: 0.78em; }

.itemIconLink-vertical img { width: 0.8em; height: 0.9em;
.itemIconLink-square img { width: 0.8em; height: 0.8em;
.itemIconLink-horizontal img { width: 1em; height: 0.8em;
.itemIconLink-vertical .itemIconWrapper, .itemIconLink-square
.itemIconWrapper { left: -0.39em; }
.itemIconLink-horizontal .itemIconWrapper { left: -0.5em; }
.itemInfo { padding: 0.2em 0px 0px; margin: 0px; font-size:
12px; width: 100%; border-top: 1px dotted rgb(204, 204, 204);
}
.itemInfo li { font-size: 95%; margin: 0px; text-align: center;
border: 0px; line-height: 1.25em; width: 100%; }

.itemInfo li span { vertical-align: top; }
.itemInfo li .label { text-align: right; }
.itemInfo .cmimg, .itemInfo .cmimg img { width: 18px; }
.itemInfo .title { margin-left: 0px; font-size: 100%; line-height:
1.15em; text-align: center; padding: 1px 0px 3px; word-break:
.itemInfo input[type="text"] { width: 100%; }
.itemInfo .high { margin-left: 0px; font-size: 100%; line-height:
1.15em; text-align: center; padding: 1px 0px 3px; overflow-x:
hidden; word-break: normal; overflow-wrap: break-word;
background: rgb(255, 241, 197); }
.lb-content .itemInfo { font-size: 95%; padding: 3px 0px 6px; }
.lb-content .itemInfo li { line-height: 1.45em; }

.lb-content .itemInfo .title { padding: 3px 0px; border-bottom:
1px dotted rgb(204, 204, 204); }
.iconGallery > li { width: 75px; margin: 5px 5px 12px
!important; }
.iconGallery .itemIconHolder { height: 60px; border: 0px; }
.iconGallery .itemIconHolder a { border: 0px; overflow: visible;
width: auto; height: auto; }
.iconGallery .itemTitle { font-size: 85%; }
.iconGallery .itemIconWrapper { left: -30px; padding: 4px;
border: 1px solid rgb(204, 204, 204); width: auto; }
.sideTOC_panelMin .container, .sideTOC_panel .container,
.sideTOC_panelMax .container { position: static !important; }

.tocWrapper { position: fixed; bottom: 0px; left: 0px; right:
18px; z-index: 200; margin: 0px; border-width: 1px 1px 0px;
bottom-color: initial; padding: 4px 9px; height: 40px; zoom: 1;
}
.tocBottom_max .tocWrapper { z-index: 211; }
.tocHidden { top: -10000px !important; }
.tocHead { margin: 0px; padding: 10px 12px; }
.tocHead h2, .tocActions { margin-top: 0px; margin-bottom:
12px !important; }
.sideTOC h2 { font-size: 110%; float: none !important; }
.tocActions { white-space: nowrap; }

.tocActions a, .tocActions span, .tocActions > img { display:
inline-block; margin: 0px 0px 0px -1px; }
.tocActions span { padding: 0px 3px; }
.tocTreeWrapper { overflow-y: auto; padding: 2px 0px 0px; }
.sideTOC .tocTreeWrapper { overflow: auto; }
ul#tocTree li { padding: 0px 0px 2px; }
ul#tocTree a.itemActive { font-weight: bold; text-decoration:
none; }
ul#tocTree span { color: rgb(85, 85, 85); padding: 0px 3px 0px
0px; }
.treeNodeIcon { padding: 0px 3px 0px 0px; }
.sideTOC { position: absolute; top: 0px; right: auto; bottom:

auto; width: 200px; margin: 0px; padding: 0px; border-width:
1px 0px 1px 1px; border-top-style: solid; border-bottom-style:
solid; border-left-style: solid; border-top-color: rgb(170, 170,
170); border-bottom-color: rgb(170, 170, 170); border-left-
color: rgb(170, 170, 170); border-image: initial; border-right-
style: initial; border-right-color: initial; }
.sideTOCMinimize { position: absolute; top: 0px; right: auto;
bottom: auto; margin: -4px 0px 0px 12px; padding: 0px; border:
none; border-radius: 3px 0px 0px 3px; width: 9px !important; }
.sideTOCMinimize .tocActions { background: transparent;
position: relative; left: -24px; padding: 1px; border-radius: 1px;
}
.sideTOCMinimize .tocActions a { display: block; margin: -1px
0px 0px; }
.tocBottom_pullExpanded { left: 228px; }
.tocBottom_pullExpanded .tocActions { margin: 0px 12px; }
.tocBottom_pullCollapsed { left: 18px; }

.tocSide_pullExpanded { left: 222px; top: 4px; }
.tocSide_pullCollapsed { left: 13px; }
.sideTOC_panel { padding-left: 201px; }
.sideTOC_panelMin { padding-left: 21px; }
.sideTOC_panelMax { padding-left: 351px; }
.tocBottom_min { padding-bottom: 30px; }
.tocBottom_max { padding-bottom: 330px; }
.tocBottom_open { padding-bottom: 160px; }
.tocBottom_open .container, .tocBottom_max .container,
.tocBottom_min .container, .sideTOC_panel .container,

.sideTOC_panelMax .container, .sideTOC_panelMin .container
{ padding: 18px 30px; }
.localViewToggle { zoom: 1; padding: 0px; text-align: right;
background: rgb(238, 238, 238); border-radius: 3px 3px 0px
0px; }
.filePickerWidget .localViewToggle { background: transparent;
}
.localViewToggle ul li { float: right; }
.localViewToggle ul li.active { position: relative; }
.localViewToggle a { display: block; padding: 6px 15px 7px;
font-size: 90%; text-decoration: none; margin: 0px; text-
transform: inherit; border-radius: 0px 0px 3px 3px; }
.localViewToggle a:hover { text-decoration: underline; }
.localViewToggle .active a:hover { text-decoration: none; }

.localViewToggle a.active, div.localViewToggle h2 { font-
weight: bold; margin: 0px; border-width: 0px 1px 1px; border-
right-style: solid; border-bottom-style: solid; border-left-style:
solid; border-right-color: rgb(221, 221, 221); border-bottom-
border-image: initial; border-top-style: initial; border-top-color:
initial; display: inline-block; }
.localViewToggle a.active::before, div.localViewToggle
h2::before, .localViewToggle a.active::after,
div.localViewToggle h2::after { content: ""; position: absolute;
bottom: 0px; border-width: 0px 8px 8px; border-bottom-style:
solid; border-bottom-color: rgb(204, 204, 204); border-left-
style: solid; border-left-color: transparent; border-right-style:
solid; border-right-color: transparent; border-top-style: initial;
border-top-color: initial; display: block; left: 50%; margin-left:
-8px; z-index: 3; }
.localViewToggle a.active::after, div.localViewToggle h2::after
{ bottom: -1px; border-bottom-color: rgb(238, 238, 238); z-
index: 4; }
.localViewToggle .separator { border-left: 1px dotted rgb(215,
187, 102); margin-left: 6px; padding-left: 6px; }
.localViewToggle a.miniComboButton { padding-right: 16px;

border: 1px solid rgb(215, 187, 102); text-decoration: none
!important; }
.containerTabs { font-size: 100%; margin: 6px 24px 0px; }
.containerTabs li { float: left; position: relative; }
.containerTabs li.active { }
.containerTabs li a, .containerTabs li h3 { padding: 9px 18px
12px; display: block; text-decoration: none; border-left: 1px
dotted rgb(204, 204, 204); margin: 0px; font-size: 100%; white-
space: nowrap; }
.containerTabs li:first-child a, .containerTabs li h3 { border:
0px; }
.containerTabs .active a, .containerTabs .active a:hover,
.containerTabs .active a:focus, .containerTabs .active h3 { font-
weight: bold; text-decoration: none; color: rgb(0, 0, 0); }
.containerTabs .active a::after, .containerTabs .active h3::after {

margin-bottom: -1px; z-index: 2; }
.containerTabs .tabhead h3 { padding: 9px 18px 12px 0px; }
.collapseTabs .containerTabs .active a::before { content: none; }
.portlet .containerTabs { font-size: 95%; padding: 8px 0px 0px;
.portlet .containerTabs li { padding: 0px; background-image:
none; }
.portlet .containerTabs li a { padding: 0px 9px 9px; }
.portlet .containerTabs .active a { margin: 0px; }
.collapseTabs .containerTabs { margin: 0px; }
.portlet .containerTabs .active a::before, .portlet .containerTabs
.active a::after { border-width: 0px 7px 7px; border-top-style:

initial; border-top-color: initial; left: 50%; margin-left: -4px; }
.portlet .containerTabs .active a::before { border-bottom-color:
rgb(221, 221, 221); }
.portlet .containerTabs .active a::after { border-bottom-color:
rgb(255, 244, 191); bottom: -1px; }
.mapTabs, .lesson-plan-page .mapTabs { clear: both; border-top:
1px solid rgb(170, 170, 170); margin: 20px -30px 0px; position:
relative; height: auto; }
.hierarchy-page .mapTabs, .lesson-plan-page .mapTabs,
.evidence-page .mapTabs { margin-top: 0px; top: 20px; }
.lesson-plan-page .mapTabs ul.containerTabs, .evidence-page
.mapTabs ul.containerTabs { position: relative; }
.evidence-page .mapTabs { border-bottom: 1px solid rgb(187,
187, 187); }
.evidence-page .mapTabs li::before, .evidence-page .mapTabs

li::after { display: block; content: ""; border-left: 12px solid
rgb(209, 234, 239); border-top: 23px solid transparent; border-
bottom: 23px solid transparent; border-right: none; position:
absolute; top: 0px; left: 0px; z-index: 101; }
.evidence-page .mapTabs li::before { display: block; content:
""; border-left: 12px solid rgb(187, 187, 187); border-top: 23px
solid transparent; border-bottom: 23px solid transparent;
border-right: none; position: absolute; top: 0px; left: 1px; z-
index: 100; }
.evidence-page .mapTabs li:first-child::before, .evidence-page
.mapTabs li:first-child::after { display: none; }
.evidence-page .mapTabs li a, .evidence-page .mapTabs li.active
h3 { padding-left: 30px; }
.mapTabs ul { margin-top: 0px; margin-left: 0px; }
div.mapTabs ul li { padding: 0px; }
.lesson-plan-page .mapTabs ul li.active h3, .mapTabs ul
li.active h3 { margin: 0px; font-size: 100%; padding: 14px;
border-left: 1px solid rgb(187, 187, 187); position: relative; }

.mapTabs ul li.active h3::after { border-bottom-color: rgb(234,
234, 234); bottom: -1px; }
.mapTabs ul li.active:first-child h3::after, .mapTabs ul
li.active:first-child h3::before { margin-left: 0px; }
.mapTabs ul li.active:last-child h3 { border-right: 1px solid
rgb(187, 187, 187); }
.lesson-plan-page .mapTabs ul li.active h3::after, .hierarchy-
page .mapTabs ul li.active h3::after { border-bottom-color:
rgb(85, 85, 85); bottom: 0px; }
.lesson-plan-page .mapTabs ul li.active h3::before, .hierarchy-
page .mapTabs ul li.active h3::before { display: none; }
.evidence-page .mapTabs ul li.active h3::after { border-bottom-
color: rgb(255, 255, 255); }
.mapTabs ul li a, .lesson-plan-page .mapTabs ul li a { border-
width: 0px 0px 0px 1px; border-top-style: initial; border-right-

style: initial; border-bottom-style: initial; border-top-color:
initial; border-right-color: initial; border-bottom-color: initial;
border-image: initial; padding: 14px; border-left-style: solid;
border-left-color: rgb(187, 187, 187); font-size: 100%; color:
rgb(1, 134, 158); }
.mapTabs ul li a:hover { text-decoration: underline; }
.mapTabs ul li span:hover { border-bottom-style: solid; }
.mapTabs a.inprogress, .mapTabs li:first-child a.inprogress {
padding-left: 32px; }
.mapTabs a.complete, .mapTabs li:first-child a.complete {
.mapTabs li:first-child a.complete { padding-left: 54px;
background-position: 30px 50%; }
.mapTabs ul li:first-child a, .mapTabs ul li:first-child h3 {
border: 0px; padding-left: 30px; }

.mapTabs ul li div { display: none; padding: 7px 12px; }
.mapTabs ul li.saveTab a, ul.containerTabs li.saveTab img {
display: none; }
.mapTabs ul li.saveFadeIn { opacity: 0; }
.mapTabs ul li.saveTab div { display: block; padding: 5px 12px
6px; color: white; background:
url("images/tab_receipt_back.gif") center bottom repeat-x
rgb(68, 177, 14); font-weight: bold; }
div.mapHelp { padding: 4px 12px 0px; margin: -1px 0px 0px; }
ul.setStatus { border: 1px solid rgb(238, 238, 238); margin:
15px 0pt 9px 30px; padding: 3px; list-style: none; }
ul.setStatus li { margin: 0px 6px 0px 0px; font-size: 95%; }
ul.setStatus li input { padding: 0px; margin: 0px; }

ul.setStatus li label { padding-left: 22px; }
ul.setStatus li label.complete { padding-left: 22px; }
form.mapCanvasForm div.steptitle, form.mapCanvasForm
h3.steptitle { margin: 15px 0px 0px 18px; padding-left: 0.8em;
}
.mapTabs .containerTabs { border-bottom: 0px; }
#mapCanvasForm { margin: 0px -30px; }
#mapCanvasForm #containerDiv { margin: 20px 0px; }
.evidence-page .infoListWrapper h3 a.itemHead { padding: 3px
0px 3px 22px; }
.evidence-page .infoListWrapper h3 a.itemHeadOpen { padding:
3px 0px 3px 22px; }

.evidence-page .leftColumn-narrow { margin: 0px; width: 26%;
padding: 6px; border-radius: 3px; border: 1px solid rgb(238,
238, 238); }
.evidence-page .leftColumn-wide { width: 69%; }
.sessionBox { width: 95%; }
.sessionBox .key-valueTable { margin: 3px 9px 6px 22px; }
.sessionBox .key-valueTable tbody td, .sessionBox .key-
valueTable tbody th { padding-right: 40px; }
.evidence-page .criteriaSummary { padding-top: 12px; border:
1px solid rgb(238, 238, 238); margin: 0px; }
.evidence-page .paletteItems li { margin-left: 0px; }
.paneTabs { background: rgb(239, 237, 227); }

.paneTabs .active a, .paneTabs .active a:hover, .paneTabs
.active a:focus, .paneTabs .activepersonal a, .paneTabs
.activepersonal a:hover, .paneTabs .active h3 { position:
relative; }
.paneTabs .active a::after, .paneTabs .active a::before { content:
""; position: absolute; border-width: 0px 8px 8px; border-
bottom-style: solid; border-bottom-color: rgb(239, 237, 227);
border-left-style: solid; border-left-color: transparent; border-
right-style: solid; border-right-color: transparent; border-top-
style: initial; border-top-color: initial; display: block; left: 50%;
margin-left: -8px; }
.paneTabs .active a::before { bottom: 0px; border-bottom: 8px
solid rgb(204, 204, 204); }
.paneTabs .active a::after { bottom: -1px; }
.paneTabs .activepersonal a, .paneTabs .activepersonal a:hover
{ padding: 5px 22px 5px 16px; }
.paneTabs .personal a { display: block; text-decoration: none;
padding: 3px 20px 3px 9px; margin: 0px; }

.paneTabs .external a { padding-left: 20px; }
.paneTabs .external a:hover { padding-left: 20px; }
.paneTabs .activepersonal a.paneTabOptions, .paneTabs
.personal a.paneTabOptions { display: inline; top: 4px; right:
5px; opacity: 0.3; padding: 0px; position: absolute !important; }
.paneTabs a.paneTabOptions { display: none; }
.paneTabs .activepersonal:hover a.paneTabOptions { opacity: 1;
}
.paneTabs a.hiddenTabsLink img { height: 2px; width: 2px;
opacity: 0; }
.panelTabs { list-style: none; padding: 0px; margin: 0px;
background: transparent; font-size: 90%; }
.panelTabs li { float: right; position: relative; margin: 0px
!important; padding: 0px !important; border-bottom: none

!important; top: 2px !important; }
.panelTabs li.active { z-index: 2; }
.panelTabs li a, .panelTabs li.active a { padding: 4px 9px; text-
decoration: none; display: inline-block; top: 0px !important; }
.collapseTabs { margin-bottom: 12px; }
.collapseTabsData { position: relative; background: rgb(209,
234, 239); padding: 12px 18px; overflow-wrap: break-word; }
.containerTabsCollapsed { border: none; }
.collapseTabs li a { text-decoration: underline; }
.collapseTabs li.active { z-index: 1000; }
.sequenceMapHead { margin: 6px 0px; }

.sequenceMapHead h3 { margin: 12px 0px 6px; }
.sequenceMapHead p { margin: 0px 0px 6px; padding: 0px;
font-size: 95%; }
div.searchResultList-sortOptions { border-bottom: 1px solid
rgb(187, 187, 187); padding: 10px; margin-bottom: 15px; text-
align: right; min-height: 20px; }
div.searchResultList-sortOptionsCount { width: auto; float: left;
}
.modalOverlay { display: none; opacity: 0.01; position: fixed;
top: 0px; left: 0px; z-index: 90; right: 0px; bottom: 0px; height:
100%; width: 100%; }
.actionBar .mainButton:first-child .flyout { margin: 0px 0px 0px
-2px; }
.liveArea, .previewArea { padding: 9px 14px; margin: 0px 0px
5px; width: auto; position: relative; }

ul.tree li a + img + a:focus, ul.tree li img + img + a:focus,
div.treeContainer ul.tree li a.itemActive, #learningUnitToc
ul.tree li a.itemActive, ul.tree li a.itemActive { border-width:
1px; padding: 1px 2px; margin: 0px 0px 0px -2px; border-
radius: 0px; }
.builderItem .liveArea { position: absolute; top: 12px; left:
22px; z-index: 100; }
.previewArea { border: 2px solid rgb(221, 221, 221); margin-
top: 0px; }
.jumptopage, .inventory_paging.jumptopage { padding: 8px
24px 8px 12px; text-align: left; position: relative; }
.jumptopage label { font-size: 90%; }
.liveAreaTab, a.liveAreaTab, a.liveAreaTab:hover,
a.liveAreaTab:focus, .actionBar ul li a.liveAreaTab:focus,
.actionBar ul li.mainButton a.liveAreaTab, .actionBar ul
li.secondaryButton a.liveAreaTab, .panelTabs li.active a.edit,
.panelTabs li.active a.edit:hover, .panelTabs li.active
a.edit:focus { position: relative; z-index: 2; }

li.secondaryButton a.liveAreaTab { overflow: hidden; }
.liveArea-slim { padding: 3px 5px; }
.smallControls { font-size: 90%; min-width: 19em; margin-top:
3px !important; }
.smallControls .stepHelp { padding: 0px; font-size: 100%
!important; }
.smallControls .label { width: 29%; }
.smallControls .field { width: 70%; }
.columnActions .nav .sub ul { margin-top: 0px; }

.nav .sub ul, .nav .sub .flyout { position: absolute; display:
none; }
.nav .sub ul li { margin: 0px; padding: 0px; float: none; }
.nav .sub ul ul, .nav .sub .flyout ul { display: block; }
.nav .sub:hover ul, .actionBarMicro .nav .sub:hover ul, .nav
.sub:hover .flyout { top: 22px; left: 0px; z-index: 101; }
.actionBarMicro .nav .sub:hover ul, .rumble_top .nav .sub:hover
ul, .rumble .nav .sub:hover ul { top: 18px; }
.quickAddPal { width: auto; }
.quickAddColor { width: 311px; }
.quickAddColor a.genericButton { float: left; margin: 2px 0px;
}

.nav .sub ul li a, .cmdiv a, .menumini a, #loginLang ul li a {
width: 190px; background: transparent; color: rgb(51, 51, 51);
margin: 0px; padding: 5px 6px 5px 12px; border: 0px; text-
shadow: none; zoom: 1; overflow: hidden visible; word-break:
normal; overflow-wrap: break-word; border-radius: 0px; font-
size: 95%; }
.cmdiv a { font-size: 95%; border: none; }
.nav .sub ul li a:hover, .nav li.sub ul li a:focus, .cmdiv a:hover,
.cmdiv a:focus, .menumini a:hover, .menumini a:focus,
#loginLang ul li a:hover, #loginLang ul li a:focus { border: 0px;
cursor: pointer; text-decoration: none; }
.paneTabs .nav .sub ul li a { text-align: left; }
.timediv ul li a:hover, .timediv ul li a:focus { padding: 3px 6px;
}
.topGlobalLinks .nav .sub:hover ul { top: 0px; left: 0px; z-
index: 101; }

.topGlobalLinks .nav .sub:hover ul { top: 0px; right: 0px; left:
auto; z-index: 101; }
.cmdiv li.contextmenubar_top a, .cmdiv li.contextmenubar_top
a:focus, .cmdiv li.contextmenubar_top a:hover, .currentTags
a.closeCloud, .currentTags a.closeCloud:hover, .currentTags
a.closeCloud:focus { padding: 6px 4px 4px; overflow: hidden; }
.quickAddPal h3, .keyboardAccess h3, .quickAddPal
.quickAddPalHeader { font-size: 105%; font-weight: bold;
margin: 0px 0px 8px; padding: 8px 8px 4px; }
.quickAddPal .controls, .keyboardAccess .controls, .comText
.controls, .e_expandArea .controls { border-top: 2px groove
rgba(255, 255, 255, 0.5); clear: both; margin: 9px -4px 2px;
padding: 8px 9px 4px; text-align: right; }
.keyboardAccess p.paletteHelp { margin: 6px 9px; padding: 3px
6px; white-space: normal; border: 1px solid rgb(255, 204, 0);
font-size: 90%; }
.bcMenuDiv-1 { width: 190px; }

.flyout { padding: 9px 12px !important; }
.nav .sub .flyout div { position: static; padding-bottom: 6px;
margin: 0px; min-height: 1px; float: left; }
.flyout h3 { font: italic 95% Georgia, serif; letter-spacing: 2px;
margin: 9px 0px 0px 9px; padding: 0px; }
.flyout h3 .line { border-top: 1px solid rgb(204, 204, 204);
height: 1px; }
.nav .sub .flyout ul { position: static; background: transparent;

padding: 6px 0px; margin: 0px; border-width: 1px 0px 0px;
border-right-style: initial; border-bottom-style: initial; border-
left-style: initial; border-right-color: initial; border-bottom-
color: initial; border-left-color: initial; border-image: initial;
border-top-style: dotted; border-top-color: rgb(204, 204, 204);
border-radius: 0px; z-index: 1000; box-shadow: none; }
.nav .sub .flyout div h3 + ul, .nav .sub .flyout div ul:first-child
{ border-top: 0px; }
.nav .sub .flyout a, .nav .sub .flyout a:hover, .nav .sub .flyout
a:focus { width: auto; border: 0px; text-shadow: none; }
.quickAddPal .colorlist { margin: 6px 0px 9px 6px; width:
288px; }
.quickAddPal .stepcontent .colorlist li { margin: 0px; padding:
0px; float: left; width: 14px; height: 14px; overflow: hidden;
cursor: pointer; border: 1px solid rgb(51, 51, 51) !important; }
.quickAddPal .colorlist li a, .quickAddPal .colorlist li a:link {
display: block; width: 14px; height: 14px; overflow: hidden; }
.quickAddPal .colorlist li a:hover { border: 1px solid rgb(51,

51, 51); width: 12px; height: 12px; }
.quickAddPal .colorlist li a:active, .quickAddPal .colorlist li
a:focus { border: 2px solid rgb(255, 255, 255); width: 10px;
height: 10px; }
.quickAddPal .colorlist li a.whiteSwatch:active, .quickAddPal
.colorlist li a.whiteSwatch:focus { border: 2px solid rgb(221,
221, 221); width: 10px; height: 10px; }
.quickAddPal .colorPreview { padding: 3px; background: white;
}
.quickAddPal .colorPreview img { background: black; width:
42px; height: 42px; border: 1px solid rgb(68, 68, 68); display:
block; margin: 3px; float: left; }
.quickAddPal .colorPreview div { float: left; margin-left: 3px;
width: 66%; }
.quickAddPal .colorPreview span { margin: 0px; padding: 0px;
color: black; font-size: 100%; }

.receipt, .warning, .inlineDialog { margin: 0px 0px 6px;
padding: 6px 9px; position: relative; border: 1px solid rgb(187,
187, 187); }
.tabbedPane.contentPaneWide .receipt { border: 0px; margin: -
12px 0px 10px; padding: 12px 24px; position: relative; z-index:
201; }
.contentPane .receipt, .contentPaneWide .receipt { border: 0px
none; margin: 0px 0px -5px; padding: 12px 24px 16px; z-index:
0; }
.container .receipt { border: 0px none; box-shadow: none;
margin: 0px 0px 6px; padding: 6px 12px; z-index: 0; display:
inline-block; }
.receipt ~ #editmodeWrapper, .receipt ~ .contentBox { z-index:
1; }
.sideTOC_panel .receipt ~ #editmodeWrapper { position: static;
}
.tabbedPane .receipt a.close img, .contentPane .receipt a.close

img, .contentPaneWide .receipt a.close img, a.closeCopyright
img { display: none; }
.tabbedPane .receipt a.close, .contentPane .receipt a.close,
.contentPaneWide .receipt a.close { right: 12px; top: 10px;
.receipt a.close::before, a.closeCopyright::before { content:
"X"; font: 18px/1 Utilicons; }
.receipt a.close:hover, .receipt a.close:focus { opacity: 1; }
.inlineDialog { border-radius: 2px; padding: 1px 4px; }
.inlineReceipt { margin: 6px 0px; padding: 6px 9px; position:
absolute; border-radius: 4px; display: none; }
.miniReceipt { position: absolute; z-index: 300; padding: 2px
12px; border: 1px solid rgb(187, 187, 187); }
.container .warningReceipt { padding-right: 24px; }

.contentPane .warningReceipt a.close { top: 5px; right: 5px; }
.infoAlert { border: 1px solid rgb(204, 204, 204); border-radius:
4px 4px 0px 0px; padding: 5px 24px; position: relative; margin-
bottom: -1px; }
.infoAlert span { display: block; min-height: 35px; position:
relative; padding: 5px 140px 5px 0px; border-top: 1px solid
rgb(204, 204, 204); }
.infoAlert span:first-child { border-top: 0px; }
.infoAlert .button-1 { margin-top: -15px; position: absolute;
right: 0px; top: 50%; }
.attention { border-width: 2px; font-weight: normal; margin:
0px 0px 0px 10px; padding: 4px 12px; }
.brokenFileLink, .portlet span.due.warning { border: 1px solid
rgb(191, 27, 23); display: inline-block; }

.infoBox { text-align: center; border: 1px solid rgb(175, 223,
97); margin: 6px 0px; padding: 6px 9px; }
.infoBox > .message { display: block; margin-bottom: 4px; }
.nestedReceipt { z-index: 1001; margin: 0px 20% 6px 0px
!important; padding: 6px 30px 12px 12px !important; }
.receipt[id*="receipt_nested"] { padding-right: 28px; }
.columnMsgWrapper { margin-left: 60%; }
.columnMsgWrapper .column-2 { min-height: 1px; }
.smsIssue, .t2vIssue { margin: 3px 3px 9px; position: relative; }
.bubbleStem-bottom-center { width: 0px; height: 0px; border-
width: 12px 10px 0px; border-left-style: solid; border-left-
color: transparent; border-right-style: solid; border-right-color:
transparent; border-top-style: solid; border-top-color: rgb(255,
204, 51); border-bottom-style: initial; border-bottom-color:

initial; position: absolute; bottom: -12px; left: 50%; margin-
left: -8px; }
.nextStepsReceipt { border-top: 1px solid rgb(204, 204, 204);
position: relative; padding: 0px; line-height: 1.4; margin: 10px -
30px -20px; }
.nextStepsText { padding: 18px 12px; margin: 0px 0px 0px
20px; }
.nextStepsText h5 { text-shadow: rgb(255, 255, 255) 1px 1px
1px; display: inline-block; line-height: 2em; min-width: 6em; }
.receiptCollapsed { font-size: 90%; position: relative; }
.stepcontent li.fieldError { border-bottom: 1px solid rgb(255,
255, 255); padding: 2px 0px 0px 2px; }
.stepcontent li.fieldError .fieldErrorText, span.warningMsg {
color: red; font-weight: bold; }
span.warningMsg { display: inline; margin-left: 0px; }

.criteriaSummary { border-bottom: 1px solid rgb(204, 204,
204); margin: 0px -28px 0px 0px; padding-bottom: 12px;
#bb-question-discover h2 { font-size: 110%; }
#filterContainer h2, #filterContainer .columnActions { margin-
left: 14px; }
.criteriaSummary h3 { margin: 6px 0px 3px; padding: 0px; font-
size: 100%; }
.criteriaSummary .hidden { display: none; visibility: hidden; }
.criteriaSummary ul { margin: 0px; padding: 0px; }
.criteriaSummary ul li { float: left; margin: 0px 1px; padding:
3px 0px 2px 9px; font-size: 90%; white-space: nowrap; border-
radius: 12px; }

.criteriaSummary ul li:first-child { margin-left: 0px; }
.criteriaSummary ul li strong { display: block; float: left; font-
weight: normal; margin: 0px; }
.criteriaSummary ul li strong::before { content: "+"; font-
weight: bold; font-size: 120%; line-height: 1; position: relative;
left: -2px; }
.criteriaSummary ul li:nth-child(2) strong::before { content:
none; }
.criteriaSummary ul li span, .criteriaSummary ul li a { display:
block; float: left; padding: 1px 5px; margin: 0px 3px; white-
space: nowrap; border-radius: 12px; }
.criteriaSummary ul li span { margin-left: 0px; }
.criteriaSummary ul li strong + span { margin-left: 3px; }
.criteriaSummary ul li a { padding-right: 18px; }

.search-element { border-bottom: 1px solid rgb(204, 204, 204);
.search-element h2 { display: inline-block; font-weight: normal;
font-size: 100%; width: 0px; height: 22px; overflow: hidden;
line-height: 1; vertical-align: middle; margin: 0px !important; }
.search-element h2::before { content: "F"; font: 17px/1
Utilicons; position: relative; margin: 0px 3px 6px 0px; top: 2px;
.search-element input[type="text"] { width: 60%; -webkit-
appearance: searchfield; }
.calPicker { z-index: 1500 !important; }
.calPicker .calHead { position: relative; padding: 3px; }
.calPicker h3 { margin: 0px 40px; border: none; padding: 0px;
background: none; text-align: center; }

.calPicker .previous { position: absolute; top: 2px; left: 2px; }
.calPicker .next { position: absolute; top: 2px; right: 2px; }
.calPicker div.calFoot { clear: both; padding: 6px 3px; text-
align: center; }
.calPicker a.contextmenubar, .calPicker a.contextmenubar:hover
{ display: block; padding: 0px 2px 2px; text-align: right; }
.pickerMonth { position: relative; margin: 6px auto; border-
collapse: collapse; font-size: 95%; min-width: 200px; }
.pickerMonth thead th { border-width: 1px; border-style: solid;
border-color: rgb(204, 204, 204) rgb(170, 170, 170) rgba(204,
204, 204, 0.8); border-image: initial; padding: 2px; width: 24px;
font-weight: bold; text-align: center; vertical-align: top; }
.pickerMonth tbody td { width: 24px; background: white;
border: 1px solid rgb(204, 204, 204); padding: 2px; text-align:
right; white-space: nowrap; }

.pickerMonth td a { display: block; position: relative; text-
decoration: none; width: 100%; }
.pickerMonth td a img { float: left; }
.pickerMonth .offday a { display: none; }
.timediv { padding: 2px 0px 0px 4px; }
.timediv ul { width: 8em; height: 200px; overflow: auto; }
.timediv ul li a { padding: 3px 6px; background-image: none; }
.csPicker { padding: 0px 12px 0px 6px; min-width: 300px; font-
size: 95%; }
.csPicker .actionBar, .csPicker .localViewToggle { font-size:
110%; }

.csPicker .contentPaneWide, .csPicker .breadcrumbs { margin-
left: 0px; margin-right: 0px; }
.csPicker .itemTray { z-index: 1000; }
.csPicker .itemTray .taskbuttondiv { margin: 0px; font-size:
105%; }
.csPicker .itemTray h3 { font-size: 115%; }
.csPicker #titleicon + h1 { margin-top: 2px; }
.csPicker .itemTray #numberOfElements { padding: 0px 2px; }
.lb-wrapper .contentBox { border: none; box-shadow: none; }
.lb-wrapper #dataCollectionContainer { margin: 0px; }
.lb-wrapper .contentPaneWide, .portalPane { margin: 0px; }

#lightboxWrapper { position: absolute; top: 0px; left: 0px;
right: 0px; z-index: 1001; }
#lightboxWrapper-inner { position: relative; top: 0px; left: 0px;
text-align: center; width: 100%; z-index: 1002; }
#lightbox { display: block; margin: 40px 0px 0px; position:
relative; top: auto; left: auto; z-index: 1003; text-align: left; }
#lightbox #lightboxContent { padding: 1px 0px 0px; width:
600px; margin: 0px auto; position: relative; border: 2px solid
rgb(51, 51, 51); }
.lb-container, .lb-content .container { padding: 10px 12px 12px;
min-height: 0px !important; }
#overlay { display: none; opacity: 0.3; position: fixed; top: 0px;
left: 0px; z-index: 1000; right: 0px; bottom: 0px; height: 100%;
width: 100%; }
#lightbox.done #lbLoadMessage { display: none; }

#lightbox.done #lbContent { display: block; }
#lightbox.loading #lbContent { display: none; }
#lightbox.loading #lbLoadMessage { display: block; }
.avatar { margin: auto; border: 1px solid rgb(204, 204, 204);
padding: 4px; }
.myavatar { overflow: hidden; max-height: 150px; margin-
bottom: 12px; }
#lightbox .tallPara { padding: 14px 10px; margin: 0px; }
#lightbox ul { margin: 4px 0px 12px; }
#lightbox ul li { padding: 3px 0px; }

#lightbox ul li a:hover { text-decoration: underline; }
div.lbContainer p.taskButtonsContent { margin: 12px 0px 6px;
}
.unsavedItem, .unsavedItem td:first-child { padding-left: 18px;
}
.unsavedItem td { background-image: none; }
a.selectedItem, a.selectedItem:focus { border-top: 2px solid
rgb(155, 180, 207); border-right: 2px solid rgb(155, 180, 207);
border-left: 2px solid rgb(155, 180, 207); border-image: initial;
border-bottom: none; border-radius: 2px 2px 0px 0px; padding:
3px 4px; top: 3px; position: relative; z-index: 10001; }
tr.inEditMode-row { border: 0px; }
.popup #dataCollectionContainer { margin: -12px -20px; }
div#dataCollectionContainer div.contentBlock { margin: 0pt

0px 0em; padding: 6px 0px; border: 0px; }
.inventoryListContainerDiv { padding: 0px; }
#bb-question-discover .inventoryListContainerDiv, .picker
.inventoryListContainerDiv { padding-left: 12px; }
.blogContainer .inventoryListContainerDiv { padding: 0px; }
div[id*="step"], .submittitle, #infoStep, #taskStatusStep,
#linkedContentStep { padding: 0px 24px 34px 12px; border-top:
1px solid rgb(204, 204, 204); }
div#step1 { margin-top: 34px; }
.submitStepTop + div#step1, .taskbuttondiv + div#step1 {
margin-top: 0px; }
.steptitle, .submittitle { font-size: 110%; margin: 0px 0px 24px
-14px; position: relative; text-transform: uppercase; letter-
spacing: 1.7px; word-spacing: 0px; top: -15px; padding: 0px
12px; color: rgb(68, 68, 68); display: inline-block !important; }

.submittitle { display: none !important; }
h3.steptitle { display: block; clear: both; }
.submittitle { padding: 18px 24px 18px 12px; margin: 0px; }
.steptitle span, .submittitle span { font-size: 140%; line-height:
1; text-align: right; display: inline-block; width: 0px; overflow:
hidden; opacity: 0; margin-left: -18px; }
.steptitle span, .submittitle span { color: rgb(147, 147, 147); }
.submittitle span { margin-right: 3px; }
#toolSettingsForm .steptitle span { display: none; }
#toolSettingsForm .stepcontent { padding-left: 20px; }

#toolSettingsForm .steptitle { padding-left: 9px; }
#toolSettingsForm .steptitle.submittitle { padding-left: 27px; }
h3.noNumber { padding: 4px 16px 5px; }
.stepcontent { padding: 0px; margin: 0px; border: none; }
.stepcontent li { margin-bottom: 6px; padding-bottom: 6px; }
.stepcontent ol li div.label { font-weight: normal; }
.stepcontent li li { border: 0px !important; }
.stepcontent li::after { content: "."; display: block; height: 0px;
clear: both; visibility: hidden; }
.stepcontent .stepHelp, .stepHelp { margin: 0px 0px 6px;
padding: 0px 0px 4px; border-bottom: none; font-family:

Georgia, serif; font-style: italic; display: inline-block; font-size:
105%; }
.stepcontent .fieldHelp { color: rgb(102, 102, 102); font-size:
100%; padding: 2px 0px 8px; display: block; }
a.browse + .fieldHelp { padding-top: 9px; }
.stepcontent .nestedList li { border: 0px; padding: 1px 0px;
margin: 0px; }
.nestedListSmall li { font-size: 90%; }
.nestedSubList { margin: 6px 6px 6px 30px; }
.stepLite { padding: 6px 16px 12px; }
.columnStep .column-3 { min-height: 200px; }
.columnStep .column-3 table.attachments { font-size: 90%; }

.columnStep div h3 { margin: 6px; }
.columnStep div div { padding: 6px; }
ol.nestedList li div.imgLabel { width: auto; }
ol.nestedList li div.imgLabel span.fileName { font-weight:
bold; padding: 0px 6px 0px 0px; display: inline; color: rgb(0, 0,
0); }
ol.nestedList li div.imgLabel span.control { display: inline; }
#title_color_value { padding-top: 6px; }
div.label, div.gb_gridCell_inner h3.label { float: left; width:
20%; min-width: 6em; max-width: 15em; margin: 0px 0px 3px;
position: relative; overflow-wrap: break-word; }
.required div.label label { padding-left: 20px; display: block; }

div.label-stack { display: block; float: none; width: auto; max-
width: none; }
div.field, div.noLabelField { float: left; width: 79%; margin:
0px 0px 3px; word-break: normal; overflow-wrap: break-word;
overflow: visible; }
div.noLabelField { width: 100%; }
div.label span.contextMenuContainer { display: inline; }
span.stepHelp br, span.fieldHelp br { display: block; }
div.field ol p, div.noLabelField ul p { padding-bottom: 3px; }
div.field em { font: italic 100% Georgia, serif; margin-top: 5px;
display: inline-block; color: rgb(136, 136, 136); }
.reqfield { float: left; padding: 24px 0px 0px 32px; font: italic

105%/2 Georgia, serif; position: relative; display: block; }
.reqfield::before, .required > .label > label::before { content:
"*"; position: relative; vertical-align: top; display: inline-block;
margin-right: 1px; color: rgb(255, 128, 0); }
.required > .label > label::before { position: absolute; left: 0px;
}
.reqfield img, .required > .label > label img { display: none; }
.requiredField { padding: 6px 0px 6px 16px; display: inline-
block; }
div.label img.indicator { position: absolute; left: -18px; top:
0px; }
.largeText div.label, .largeText div.field { font-size: 130%;
font-weight: bold; }
.largeText a.browse { font-weight: normal; margin: 0px 0px 0px
3px; font-size: 75% !important; }

.field a.browse { font-size: 95%; margin: 0px 0px 0px 3px; }
div.editBlock { float: left; margin-right: 12px; width: 100%; }
div.editBlock table.mceLayout table.mceToolbar { background-
color: transparent; }
.editgrade ol { padding: 16px; }
.gb_gridCell_inner ~ .contentAreaBlock { margin-left: 0px;
.largeText div.field div.editBlock label { font-size: 80%; font-
weight: normal; }
.largeText div.field div.exemptdiv label { font-size: 65%; }
.largeText textarea { font-size: 80%; }

li.inEditMode { padding: 3px 9px; border: 2px solid rgb(68, 68,
68) !important; }
.e_expandArea { margin-top: 21px; }
#e_groups_menu { border: 1px solid rgb(170, 170, 170); top:
8px; }
.parent-child-listing { width: 50%; }
.parent-child-listing .stepHelp { margin-left: 24px; }
.parent-child-listing ul { border-left: 1px dashed rgb(204, 204,
204); margin: -4px 0px 12px 10px; padding: 0px 0px 0px 9px; }
.parent-child-listing li { margin: 0px; padding: 4px 0px; }
.stepcontent .hierarchy { padding: 0px; margin: 0px; list-style:
none; }

.stepcontent .hierarchy li, ol.hierarchy li ol li { padding: 0px
0px 9px; margin: 0px; border-width: 1px 0px 0px; border-right-
style: initial; border-bottom-style: initial; border-left-style:
border-left-color: initial; border-image: initial; border-top-style:
solid; border-top-color: rgb(221, 221, 221); }
ol.hierarchy li ol { padding: 0px; margin: 8px 0px 0px 30px; }
ol.hierarchy li h5 { position: relative; font-size: 100%; margin:
0px; padding: 8px 11em 3px 3px; }
ol.hierarchy li h5 span { display: inline; font-size: 100%;
border-bottom: none; }
ol.hierarchy li h5 a { position: absolute; right: 0px; top: 9px;
font-weight: normal; font-size: 90%; }
ol.hierarchy li div { font-size: 95%; vertical-align: middle;
padding: 9px 2px 2px 12px; text-align: right; }
ol.hierarchy li div.gbData span { display: inline; font-size:

100%; padding: 2px 0px 2px 9px; margin: 0px 0px 0px 9px;
border-left: 1px dotted rgb(204, 204, 204); }
ol.hierarchy li div.gbData span:first-child { border-left: none;
margin-left: 0px; padding-left: 0px; }
ol.hierarchy li div input.points, ol.hierarchy li div input {
ol.hierarchy li div input.points { width: 2em; }
ol.hierarchy li div input.name { width: 16em; }
li.parent { padding-bottom: 0px !important; }
ol.hierarchy li.parent ol li h5 { background-image: none; }
.stepPanels { padding: 6px 0px 12px; margin: 0px; border:
none; }

.stepPanels li { border-bottom: none; }
.panelTitle { margin: 4px 0px 0px; padding: 3px 5px; position:
relative; cursor: pointer; }
.panelTitle a { display: block; width: 100%; }
.panelTitle .date { font-weight: normal; font-size: 95%; text-
decoration: none; position: absolute; right: 6px; top: 2px; }
.panelTitle a span { display: inline; padding: 2px 0px; color:
black; font-size: 100%; }
.mdList, .stepPanel { margin: 0px 0px 9px; padding: 9px 18px;
}
.mdList h4, .stepPanel h5 { margin: 0px; padding: 0px; font-
size: 95%; }
.mdList p, .stepPanel p { margin: 5px 5px 5px 12px; padding:
0px; font-size: 95%; }

.stepPanelControls { font-size: 90%; }
.contentAreaBlock { border: 1px solid rgb(221, 221, 221);
.contentAreaBlock #step1 { border-top: 0px; }
.taskbuttondiv, .taskButtonsContent, .okbutton { padding: 12px
24px 24px 58px; margin: 0px; text-align: right; }
#bottom_submitButtonRow { display: inline-block; float: right;
}
.picker .taskbuttondiv { padding: 9px 0px 9px 58px; }
.container .taskbuttondiv:first-child { margin-top: 0px; }
div#dataCollectionContainer .taskbuttondiv:first-child,
div#dataCollectionContainer .reqfield + .taskbuttondiv,
div#containerdiv .mapCanvasForm .taskbuttondiv:first-child {

padding: 18px 24px 18px 58px; margin: 9px 0px 0px; }
#customizeDataCollection .taskbuttonhelp { padding: 12px; }
div#dataCollectionContainer .taskbuttonhelp + .taskbuttondiv {
span.stepTitleRight p.taskbuttondiv, span.contentListRight
p.taskbuttondiv { font-weight: bold; margin: 0px !important;
.taskButtonsContent { padding: 9px 12px 0px; margin: 24px -
12px 0px; border-top: 1px solid rgb(221, 221, 221); }
p.okbutton input { font-size: 100%; padding: 1px 6px; }
.taskbuttonhelp { padding: 0px 0px 0px 38px; font-family:
Georgia, serif; font-style: italic; font-size: 105%; display:
inline-block; margin-top: 12px; }
#taskbuttondiv p { text-align: left; font-size: 90%; display:
block; font-style: italic; margin: 6px 0px; border: 1px solid red;

}
.stepTitleRight { left: auto; padding: 6px; position: absolute;
right: -2px; top: -2px; }
legend { position: absolute; top: -10000px; line-height: 0;
height: 0px; }
fieldset ol li span.tagContainer input, fieldset ol li
span.tagContainer a.browse { font-size: 95%; }
fieldset ol li span.tagContainer, fieldset ol li span.tagContainer
span, fieldset ol li ol li span.tagContainer, fieldset ol li ol li
span.tagContainer span { float: none; display: inline; padding:
2px 2px 2px 0px; width: auto; font-weight: normal; font-size:
100%; }
fieldset ol li span.tagContainer span.hidden, fieldset ol li ol li
span.tagContainer span.hidden { display: none; }
fieldset ol li span.hidden, fieldset ol li ol li span.hidden,
.contentBlock ol li span.hidden { display: none; }

.selectItems { padding: 6px; border: 1px solid rgb(204, 204,
204); display: none; }
.itemSetRestrictions .u_floatThis-left { width: 40%; }
.selectArrows.u_floatThis-left { width: 40px; padding-left:
20px; }
.selectItems select { display: block; font-size: 100%; height:
115px; margin: 6px 0px 0px; width: 300px; max-width: 300px;
}
#dataCollectionContainer .noLabelField > .selectItems {
#dataCollectionContainer .noLabelField >
.userRoleSelect::before, #dataCollectionContainer
.noLabelField > .selectItems::before { content: ""; position:
absolute; border-left: 1px dashed rgb(204, 204, 204); left:
347px; top: 0px; bottom: 0px; }
.userRoleSelect.selectItems::before { left: 358px; }

.selectItems input[type="button"] { margin: 6px 0px 0px; max-
width: 140px; white-space: normal; font-size: 90%; }
.selectItems input[type="text"] { display: block; margin: 6px
0px; width: 300px; font-size: 100%; }
.searchbar .selectItems .selectArrows, .selectArrows { margin-
top: 60px; position: relative; }
.selectArrows a, .selectArrows button { display: block; margin:
0px 0px 3px; border: none; padding: 0px; background-color:
transparent; }
.selectItems h4 { margin: 0px 0px 12px 56px; padding: 0px; }
.userRoleSelect { width: auto; }
.userSelectedRoles { position: relative; padding: 3px 0px 6px
56px; }

.userSelectedRoles .selectArrows { position: absolute; left:
20px; top: 28px; margin: 0px; }
.userSelectedRoles .selectArrows .disableArrows { pointer-
events: none; cursor: default; }
.selectItems .available-roles h4 { margin-left: 0px; }
.selectItems .available-roles select { height: 200px; }
.multiSelect { padding: 0px 0px 12px; }
.multiSelect > div { width: 46%; float: left; margin: 0px;
padding: 3px; }
.multiSelect select { width: 100%; }
.multiSelect .selectArrows { text-align: center; width: 5%;
margin: 40px 0px; }

.widget { border: 1px solid rgb(204, 204, 204); margin: 6px
0px; padding: 1px 6px; }
.widgetControls, table .widgetControls { font-size: 90%; }
.widget .spellCheck, .widget .textBoxItem { float: right; }
div.liveArea fieldset.stepcontent ol li { border: none; }
.quickAddPal .stepcontent { margin: 0px; padding: 3px 9px 3px
6px; }
.quickAddPal .stepcontent li { margin: 0px 2px; padding: 1px
1px 0px; border: 0px; }
.quickAddPal .stepcontent .label { width: 30%; padding-right:
2px; overflow: visible; }
.quickAddPal .stepcontent .field { width: 65%; }

.quickAddPal li.fieldError .fieldErrorText { color: red; display:
block; margin-left: 74px; font-weight: normal; font-size: 85%; }
div.quickAddPal div.field input[type="text"], div.quickAddPal
div.field select, div.quickAddPal div.field textarea { width:
100%; }
div.quickAddPal li.stepHelp, div.quickAddPal li div span {
width: auto; }
div.field span.fileName { font-weight: bold; padding: 0px 6px
0px 0px; display: inline; }
div.field span.control { display: inline; }
div.quickAddPal div.field input.datePickerInput,
div.quickAddPal div.field input.timePickerInput { width: 8em; }
.dtpickerEndDiv { padding-top: 10px; }
div#texteditor { margin: 0px; padding: 3px; float: left; }

div#texteditor textarea { width: 450px; display: block; margin-
left: 0px; }
div#texteditor a.textBoxItem { display: block; width: 80%; text-
align: right; padding: 2px; }
select.survey_question { max-width: 100%; }
.htmlarea .toolbar div > div { float: left; padding: 0px 1px;
height: 22px; }
.htmlarea iframe { min-width: 300px !important; }
.htmlarea .toolbar a.wikiButton, .htmlarea .toolbar a.wikiButton
img { width: auto !important; }
.vtbe_footer { font-size: 90%; color: rgb(102, 102, 102);
padding: 2px 6px; border-width: 0px 1px 1px; border-right-
style: solid; border-bottom-style: solid; border-left-style: solid;
border-right-color: rgb(204, 204, 204); border-bottom-color:
rgb(204, 204, 204); border-left-color: rgb(204, 204, 204);

initial; }
.vtbe_footer span { font-size: 100%; }
.vtbe_footer input[type="button"] { font-size: 95%; }
.vtbe_footer a { margin: 0px 0px 0px 3px; }
.resize_handle { height: 12px; cursor: n-resize; text-align:
center; border-top: 1px solid rgb(221, 221, 221); border-bottom:
1px solid rgb(187, 187, 187); }
.resize_handle img { width: 100%; height: 8px; }
.tabGroupsPreview { margin: -11px -12px 24px; font-size:
100%; }
.previewContent { position: relative; width: auto; padding:
14px; z-index: 1; margin: 0px; }

.previewContent iframe { height: 300px; width: 100%; }
.tabGroupsPreview table div { display: block; }
.previewOverlay { font-size: 300%; font-weight: bold; height:
89px; letter-spacing: 10px; position: absolute; text-align:
center; text-transform: uppercase; width: 100%; z-index: 0;
opacity: 0.3; box-sizing: border-box; }
.tabGroupsPreview .previewOverlay { top: 9px; }
.previewOverlay span { background-color: white; opacity: 0.3;
padding: 6px 12px 6px 24px; position: relative; top: 27px; user-
select: none; cursor: default; }
p.warning { padding: 9px 18px; margin: 12px 0px 24px; font-
size: 100%; }
div.tabPreview { position: relative; border: 12px solid rgb(205,
205, 205); width: auto; z-index: 1; margin: 0px 6px 6px; }

div.tabPreview div.paneTabs { margin-top: 12px; }
.buttonLibrary { position: relative; padding: 6px 0px 6px
207px; }
.buttonLibrary li { float: left; border: none !important; }
.buttonLibrary li a { display: block; padding: 3px 7px; text-
align: center; text-decoration: none; }
.buttonLibrary li a.selected { text-decoration: none; font-
weight: bold; }
.buttonLibrary li a:hover { text-decoration: underline; }
div.menuStyleStep { float: left; margin: 9px 40px 0pt 0pt;
width: 212px; }
div.menuDefaultStyleStep { margin: 9px auto; width: 212px; }

.schemeWrapper { float: left; margin: 0pt 12px 0px 0px; }
.buttonLibrary .schemeWrapper { float: none; margin: 0px 9px
0px 0px; padding: 10px; }
.buttonLibrary .selected .schemeWrapper { padding: 10px; }
.schemeWrapper span { text-align: center; display: block; font:
italic 100% Georgia; padding: 6px 0px; }
ul.buttonLibrary li.selected { position: absolute; top: 6px; left:
0px; }
ul.buttonLibrary li { padding: 0px 0px 12px; margin: 0px; }
.schemePreview { width: 160px; padding: 12px 0px 0px 16px; }
.modulePreview { width: 140px; height: 57px; font-size: 85%;
position: relative; bottom: 0px; right: 0px; left: auto; border-
width: 1px 0px 0px 1px; border-style: solid; padding: 0px
!important; margin: 6px 0px 0px auto !important; }

.schemePreviewHead { font-weight: bold; font-size: 110%;
padding: 6px 9px !important; }
.modulePreviewHead { font-weight: bold; padding: 4px 9px
!important; margin: 0px !important; }
.schemePreviewBody { padding: 3px 0px 0px 9px; position:
relative; overflow: hidden; }
.modulePreviewBody { padding: 4px 9px 3px !important; }
.moduleList { border-top: 1px solid rgb(204, 204, 204); }
.moduleItem { border-bottom: 1px solid rgb(204, 204, 204); }
.module { overflow: hidden; padding: 0px 10px; }
.moduleHeading { overflow: hidden; padding: 10px 0px; }

.module h3 { display: inline; font-size: 110%; margin: 0px; }
.moduleDescription { width: 90%; }
.more { display: none; }
.moduleAction { margin: 10px 0px; }
.moduleCategory { padding: 3px; }
.moduleCategory a { font-weight: bold; }
.moduleSample { display: none; padding-left: 10px; }
.expandedModule .moduleDetails, .expandedModule
.moduleSample { width: 47%; }
.expandedModule .more { display: inline; }

.expandedModule .moduleSample { display: block; }
#moduleList.leftColumn-wide .contentListPlain,
.moduleListActionBar { padding-left: 18px; }
#moduleList .contentListPlain > li.expandedModule
.moduleSample > div { overflow-wrap: normal; min-height:
50px !important; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution:
192dpi) {
.portlet { box-shadow: none; }
}
#moduleTitle, .portlet h2 { padding: 8px 8px 8px 12px;
background: transparent; margin: 0px; font-size: 110%;
position: relative; vertical-align: middle; overflow: visible; }
.portlet h2 .moduleTitle { overflow-wrap: break-word; }

.portlet h2.dragHandle { padding-left: 20px; }
.portlet h2.dragHandle:hover { cursor: move; }
.portlet h2 a { color: rgb(255, 255, 255); padding: 0px 12px 0px
0px; vertical-align: middle; }
.portlet h2 a:hover { text-decoration: underline; }
.portlet h2 a img { vertical-align: middle; }
.portlet h2.noTitle { margin: 0px; padding: 0px; background:
transparent; height: 1.4em; }
.portlet h2.noTitle:hover { background: rgb(237, 237, 237); }
.portlet a { text-decoration: none; overflow-wrap: break-word; }
.edit_controls { padding: 7px 6px 0px 0px; text-align: right;
float: right; }

.edit_controls a { margin-left: 1px; vertical-align: top; padding:
0px; text-decoration: none; z-index: 201; position: relative;
opacity: 0; }
.portlet .edit_controls a:hover, .portlet .edit_controls a:focus,
.portlet:hover .edit_controls a { text-decoration: none; opacity:
1; }
.edit_controls .moduleToggleLink { height: 14px; left: -4px;
opacity: 0.5; padding: 3px; position: absolute; top: 3px; width:
14px; z-index: 201; }
.edit_controls a img { opacity: 0; width: 0px; height: 0px; }
.collapsible { overflow: auto; padding: 6px 12px 12px; border-
top: 1px solid rgb(204, 204, 204); clear: both; border-radius:
0px 0px 3px 3px; }
.collapsible table { border-spacing: 3px 2px; border-collapse:
separate; font-size: 90%; }

.collapsible .help, .portlet h1 + p, .portlet h1 + p + p { margin:
0px 9px 6px; font-size: 100%; font-style: italic; line-height:
1.45; }
.imgWrapper { overflow: auto; margin: 6px auto; text-align:
center; }
center; }
.portlet h3, #lightbox h3, .portlet div.portletBlock h4, .portlet
div.blockContents h4, .flyout h3, .labelMenuItem { margin: 9px
0px 3px; font-size: 100%; padding: 2px 0px; font-weight:
normal; }
.labelMenuItem { display: block; margin: 0px; }
.flyout-menu .labelMenuItem { padding: 18px 6px 0px 12px;
text-transform: uppercase; }
.portlet h4 { margin: 4px 0px 0px; padding: 1px 0px 2px; text-
indent: 0px; }

.body-portlet { background: transparent; }
.portletList { margin-bottom: 0px; }
.portletList:only-child { margin-bottom: 0px; }
.portlet .portletList li { padding: 7px 0px 0px; margin: 0px 0px
7px; border-top: 1px dotted rgb(204, 204, 204); }
.portlet .portletList li:first-child { border-top: none; }
.portlet .portletList li img { display: none; }
.portlet .courseListing li > a { font-weight: bold; }
.portlet .eventList li { padding: 0px; margin: 0px 0px 2px; }
.portlet .eventList li .event { padding: 2px 4px 2px 18px; }

.portlet .eventList li .description, .portlet .eventDate { font-
size: 90%; }
.portlet .eventList li .event a { font-weight: bold; }
.portlet span.origin { color: rgb(153, 153, 153); font-size: 90%;
font-weight: bold; border: 1px solid rgb(204, 204, 204);
padding: 0px 4px; border-radius: 2px; margin: 0px 0px 0px 3px;
}
.portlet .portletList-img > li { padding: 7px 0px 0px; margin:
0px 0px 7px; border-top: 1px dotted rgb(204, 204, 204); }
.portlet .portletList-img > li:first-child { border-top: none; }
.portlet .portletList-img > li img { display: none; }
.portlet .courseInformation { text-indent: -16px; margin: 4px

.portlet .courseDataBlock { text-indent: -4px; margin: 4px 0px;
.portlet .courseDataBlock ul { margin-top: 5px; }
.portlet .courseDataBlock ul li { text-indent: 0px; }
.portlet .calculatorModule { text-align: center; }
.portlet .calculator { width: 10em; margin: 0px auto; padding:
6px; }
.portlet .portletPath { font-size: 90%; margin: 4px; }
.portlet .portletPath span { display: inline-block; padding: 1px
3px 1px 6px; font-weight: bold; }
.portlet .courseDataBlock ul li { margin: 0px 0px 1px; padding:
0px 0px 0px 14px; }

.portletHelp { margin: 4px 7px; font-size: 95%; padding: 1px
0px 2px; }
div.module_actions { margin: 4px 0px; padding: 2px; line-
height: 1.8em; }
div.module_actions a:link { border: 1px outset rgb(204, 204,
204); font-size: 90%; font-weight: normal; margin-bottom: 5px;
padding: 0px 5px; text-decoration: none; white-space: nowrap;
}
div.module_actions img { vertical-align: middle; margin: 0px
3px; }
div.module_actions select { vertical-align: middle; font-size:
90%; }
div.module_actions label { font-weight: bold; }
div.scroll_div { overflow: auto; max-height: 300px; }
.portlet div.scroll_div { border-radius: 2px; border: 1px solid

rgb(221, 221, 221); margin-bottom: 3px; }
.submission_list { margin: 0px; padding: 3px 12px; }
.submission_list li { padding: 9px 6px; border-top: 1px dotted
.submission_list li:first-child { border-top: none; }
.submission_list li a { font-size: 90%; font-weight: normal;
margin-left: 6px; }
.submission_list li a.label { font-size: 100%; font-weight: bold;
margin-left: 0px; }
.submission_list li div.button { margin: 4px 0px 0px; float:
right; }
.submission_list li span { font-size: 90%; margin-left: 6px;

.eudModule, .styledModule-dark { margin: 0px; padding-
bottom: 24px; }
.portlet .noItems { text-align: center; font-style: italic; }
.eudModule .eudModule-inner, .styledModule-dark .module-
inner { overflow-y: auto; max-height: 500px; border-bottom:
1px dotted rgb(204, 204, 204); }
.eud-button-wrap { padding: 0px; float: right; }
img.eud-avatar { width: 28px; height: 28px; padding: 2px;
background: rgb(255, 255, 255); transform: rotate(-2deg);
.actionMenuButton { display: block; padding: 3px 8px 4px;
vertical-align: middle; filter: none; margin: 0px 4px 0px 0px;
float: right; background: rgb(238, 238, 238) !important; }
div[id*="actionMenu_"] { z-index: 1000; }

.portlet .portletBlock { margin: 0px; font-size: 100%; border-
top: 2px groove rgba(255, 255, 255, 0.6); padding: 6px 0px; }
.portlet .portletBlock:first-child, .moduleActions +
.portletBlock { border-top: 0px; }
.blockGroups li:first-child { border-radius: 3px 3px 0px 0px; }
.blockGroups li:last-child { border-radius: 0px 0px 3px 3px; }
.portlet .memberList { margin: 0px 0px 5px; }
.itemGroups { margin: 4px 9px 12px; padding: 0px; }
.itemGroups .itemGroups { margin-left: 0px; margin-bottom:
4px; }
.portlet .blockGroups li { font-size: 100%; }
.portlet .itemGroups li { padding: 0px 0px 7px; line-height:

120%; overflow-x: hidden; }
.portlet .memberList li { padding: 0px; margin-left: 14px
!important; }
.portlet .course, .portlet ul.memberList, .portlet span.refresh {
font-size: 90%; display: block; }
.portlet .course { padding: 0px 0px 0px 9px; }
.portlet span.noIndent, .portlet .whatsNew span.course, .portlet
span.course { margin-left: 0px !important; }
.portlet ul.hierarchyList { margin-left: 22px; }
.portlet ul.hierarchyList li { text-indent: -18px; overflow-x:
visible; }
.portlet ul.hierarchyList li *, .portlet ul.hierarchyList
li.childless { text-indent: 0px; }

.portlet ul li ul li span.warning, .portlet ul li ul li span.due,
.portlet ul li ul li span.newItemCount { border: 1px solid
rgb(191, 27, 23); white-space: nowrap; display: inline; padding:
0px 4px; border-radius: 2px; margin: 0px 0px 0px 3px; }
.flag { font-size: 90%; display: inline; font-weight: bold;
border: 1px solid rgb(239, 164, 149); padding: 0px 4px; margin:
0px 0px 0px 3px; }
.portlet ul.memberList span, .portlet ul.memberList
span.newItemCount { font-size: 100%; }
.portletInfoFooter { font-size: 90%; position: absolute; bottom:
5px; right: 0px; padding: 2px 9px; }
.dateSelector { padding: 4px; border-bottom: 1px dotted
rgb(204, 204, 204); }
.portlet .portletBlock h4 { border: 0px; display: block; letter-
spacing: 0px; margin: 0pt; padding: 4px 9px; text-decoration:
none; }
.portlet .subCategories li a, .blockGroups .itemHead { border-

top: 1px dotted rgb(204, 204, 204); display: block; font-weight:
bold; margin: 0pt; padding: 8px 5px 8px 18px; text-decoration:
none; }
.blockGroups li img.spacer { height: 0px; width: 50px; }
.viewHeader { border: 0pt none; display: block; }
.moduleControlWrapper a { position: relative; margin: 0px 2px;
}
.moduleControlWrapper a::after { position: relative; right: 0px;
}
.moduleBlock { margin: 6px; }
.portlet h1 { margin: 6px; font-size: 120%; }
ul.itemGroups li ul.items { padding: 2px 9px; display: block;
margin: 0px; font-size: 110%; }

ul.itemGroups li ul.items li a { font-weight: normal; }
.blockContents ul li, ul.memberList li { background-image:
none; padding: 0px; margin: 0px; }
.portlet #loginBoxFull { margin: 0px auto; padding: 0px 0px
16px; position: relative; width: 300px; }
.portlet #loginBoxFull p { margin: 0px 0px 12px; font-size:
0.95em; padding-left: 0px; }
.portlet #loginBoxFull p.welcome { margin: 10px; padding: 0px;
font-weight: bold; background: none; font-size: 1em; }
.portlet #loginBoxFull ul { padding: 0px; }
.portlet #loginBoxFull li { margin: 0px; padding: 2px 0px;
background-image: none; clear: both; }
.portlet #loginBoxFull li label { font-weight: normal; font-size:
100%; }

.portlet #loginBoxFull input[type="text"], .portlet
#loginBoxFull input[type="password"], .portlet #loginBoxFull
button { box-sizing: border-box; box-shadow: none; font-size:
100%; margin: 0px 0px 3px -4px; padding: 3px 5px; width:
.portlet #loginBoxFull a { font-size: 0.9em; }
.portlet #loginBoxFull p a, .portlet #loginBoxFull p.welcome a
{ font-size: 1em; }
.portlet #loginBoxFull form li + li + li { display: inline-block;
.portlet #loginBoxFull form li + li + li + li { text-align: right;
float: right; display: inline-block; vertical-align: top; }
.portlet #loginBoxFull li input.submit { margin: 0px -3px 0px
0px; }
.portlet #loginBoxFull #loginRedirectProviders { width: 300px;

}
.portlet #loginBoxFull #loginRedirectProviders button::after {
border-width: 4px 3px 3px; }
.portlet #loginBoxFull #loginRedirectProviderList { box-
shadow: none; margin-left: -4px; width: 300px; }
.portlet #loginBoxFull #loginRedirectProviderList li { padding:
0px; }
.portlet #loginBoxFull #loginRedirectProviderList li img,
.portlet #loginBoxFull #loginRedirectProviderList li
.defaultProviderIcon { height: 18px; margin-right: 5px; width:
18px; }
#body { padding-bottom: 60px; }
#loadstatus { position: relative; height: 180px; }
.builderItem .item { font-size: 100%; padding: 12px 9px;
border: 1px solid transparent; }

li.builderItem { min-height: auto; }
.builderItem .close { position: absolute; right: 5px; top: 5px;
cursor: pointer; }
.builderItem iframe { width: 100% !important; }
div.subheading { font-weight: bold; }
div.required div.inputField { margin-left: -1.5em; padding-left:
1.5em; }
.inputOptions { border-top: 1px dotted rgb(204, 204, 204);
padding: 0.5em; }
.label a:hover, .label a:focus { cursor: pointer; }
#lessonPlanForm #customFormBuilderDiv { margin: 0px; }

#lessonPlanForm #dataCollectionContainer, #lessonPlanForm
#dataCollectionContainer .contentListPlain { margin: 0px; }
.alignPanelLightbox { min-height: 250px; min-width: 650px;
padding: 10px 12px; }
.alignHeader { padding: 6px 0px 0px; font-size: 95%; font-
weight: bold; color: rgb(85, 85, 85); }
.alignPanel table td, .alignPanel table th { font-size: 90%; }
.alignPanel td.actionCell { padding: 4px 0px; white-space:
nowrap; width: 1%; }
.alignPanel table td.descriptionCell { word-break: break-word;
overflow-wrap: break-word; min-width: 120px; }
.alignPanel table td.descriptionCell div { }
.alignPanel table td.infoCell div, .collapseTabs .alignPanel table

td.descriptionCell div { }
.collapseTabs .alignPanel table td.infoCell div { }
.alignPanel thead th.smallCell { padding: 4px 0px; }
.alignPanel thead th { white-space: nowrap; }
.pageBreadcrumb { height: 1em; padding: 6px; }
.pageBreadcrumb ul { list-style: none; margin: 0px; padding:
.pageBreadcrumb li { float: left; font-weight: bold; margin-left:
3px; }
.pageBreadcrumb li a { text-decoration: none; font-weight:

bold; margin-right: 3px; }
.pageBreadcrumb li a.active { text-decoration: none; font-
weight: bold; }
.sStatus { padding: 0px; font-size: 90%; margin-left: 8px;
height: 14px; }
.sStatusI { color: rgb(204, 0, 0); padding: 0px; font-size: 90%;
margin-left: 8px; height: 14px; }
.panelList { padding: 0px; margin: 2px 0px 3px; overflow-wrap:
break-word; }
.panelList > li { margin: 0px 0px 1px; }
.panelNested { margin: 4px 0px 0px; padding: 4px; overflow:
hidden; }
.panelHead { position: relative; margin: 0px; padding: 6px 8px;
overflow-wrap: break-word; }

.panelItem { position: relative; border-bottom: 1px solid
rgb(238, 238, 238); padding: 6px 8px; }
.panelItem:last-child { border-bottom: none !important; }
.panelList_leftCol { position: absolute; left: 6px; top: 6px; }
.panelList_rightCol { position: absolute; right: 6px; top: 6px; }
.panelList_centerCol { padding: 0px 18px; }
ul.logMessages { list-style: none; margin-left: 0px; padding-
left: 1em; text-indent: -1em; }
li.logError { color: red; }
li.logWarning { color: blue; }

li.logInfo { }
li.logMessage { margin-top: 0.1em; }
.connectionWrapper { position: relative; margin-top: 1px;
padding-right: 30px; }
.connectionWrapper a { position: absolute; right: 0px; top: 50%;
margin-top: -14px; }
.invertItems { margin-right: 26px; position: relative; display:
block !important; }
.invertItems a { position: absolute; right: -33px; top: -14px; }
.subcategories { padding: 6px 11px !important; }
.subcategories h3 { margin: 0px; padding: 0px; font-size: 100%;
}

.diffbox-wrapper { width: 80%; margin: 9px auto; }
.legendbox-wrapper { width: 90%; margin: 9px auto; }
.legendbox-wrapper > div { border-left: 1px solid rgb(221, 221,
221); }
.legendbox-wrapper > div:first-child { border-left: none; }
.diffbox-left, .diffbox-right, .diffbox-arrow, .legendbox { float:
left; }
.diffbox-left, .diffbox-right { width: 44%; }
.legendbox-3 { width: 33%; }
.diffbox-left > div, .diffbox-right > div, .legendbox > div {
padding: 3px 6px; }

.legendbox > div { padding: 3px 9px; }
.diffbox-right > div { border: 2px solid rgb(221, 221, 221); }
.diffbox-left ul li, .diffbox-right ul li, .legendbox ul li { border-
top: 1px dotted rgb(221, 221, 221); padding: 4px 0px 2px; }
.diffbox-left ul li:first-child, .diffbox-right ul li:first-child,
.legendbox ul li:first-child { border-top: 0px; }
.diffbox-left .label, .diffbox-right .label, .legendbox .label {
width: 30%; }
.diffbox-left .field, .diffbox-right .field { width: 59%; }
.legendbox .label { width: 45%; font-size: 90%; }
.legendbox .field { width: 55%; }

.diffbox-arrow { width: 6%; text-align: center; padding-top:
50px; }
.diffLegend-sample { width: 90px !important; height: 17px
!important; position: static !important; }
.addedImg-sample, .removedImg-sample, .changedImg-sample {
height: 13px !important; }
.diff-html-added, .diff-html-removed, .added-sample, .removed-
sample { position: relative; display: inline-block; font-size:
100%; cursor: pointer; }
.diff-html-added img, .addedImg-sample { border: 2px solid
rgb(204, 255, 204) !important; }
.diff-html-removed img, .removedImg-sample { border: 2px
solid rgb(253, 198, 198) !important; }
.diff-html-changed img, .changedImg-sample { border: 2px
dotted rgb(0, 0, 153) !important; }

div.diff-removed-image, div.diff-added-image, .diff-addedImg-
sample { position: absolute; left: 0px; top: 0px; right: 0px;
bottom: 0px; margin: 2px; opacity: 0.55; }
div.blogContainer div.wikiPage h4 { font-size: 120%;
background-image: none; padding: 9px 12px 0px 30px; }
div.blogContainer div.entryFooter h4 { font-size: 100%;
padding: 0px; }
div.blogContainer div.entryDate { font-size: 95%; padding: 6px
0px 6px 30px; }
.editWiki { margin: 9px; }
.playerControls { position: relative; margin-bottom: 2px;
margin-top: 0px; padding: 6px !important; }
img.managedPluginStatusIcon { margin: 1px 7px 3px 0px; }

ul.metaDataList { margin: 0px; padding: 0px; list-style: none; }
ul.metaDataList li { margin: 0px; padding: 2px 0px; clear: both;
}
ul.metaDataList li h3 { display: inline; margin: 0px; }
.bb-cpgbtd { font-size: 90%; }
.bb-cpgbth { font-size: 90%; }
.bb-cpmgtd { color: rgb(0, 0, 0); font-size: 85%; }
.bb-cpmgth { font-size: 85%; font-weight: bold; }
#resizeHandle { position: absolute; left: 200px; bottom: 0px;
top: 0px; border: 1px solid rgb(153, 153, 153); margin-top: 0px;
width: 3px; }
#resizeHandle .collapseControl, #resizeHandle .pullcollapsed {

margin-top: 200px; position: relative; width: 11px; height:
22px; left: -5px; font-size: 8px; display: block; border: 1px
solid rgb(153, 153, 153); }
.caretTitleModifier { padding: 1px 0px 0px 3px; font-weight:
normal; font-size: 90%; }
.landingPageColumn h3.hiddenlink .linkStatus { margin: 0px;
font-size: 85%; font-weight: normal; display: block; padding:
0.4em 0px 0px; }
table.inventory .vtbegenerated tbody tr td, table.inventory
.vtbegenerated tbody tr th, table.reorderable .vtbegenerated
tbody tr td, table.reorderable .vtbegenerated tbody tr th,
table.inventory .vtbegenerated tbody tr:hover td, table.inventory
.vtbegenerated tbody tr:hover th, table.reorderable
.vtbegenerated tbody tr:hover td, table.reorderable
.vtbegenerated tbody tr:hover { border: 0px; box-shadow: none;
background: transparent; }
.additional { padding: 2px 3px 3px; margin: 0px 0px 6px; }
.additional .left { float: left; }

.additional .right { float: right; padding: 2px 3px; }
.additional .right span.size { font-weight: bold; }
.additional .left span.suboption { display: block; }
3px !important; }
!important; }
.customFormBuilderLabel { display: block; width: 88%;

.textareaWrapper textarea, .textareaWrapper table { width:
100%; }
.portlet #loginFooter { margin: 0px; padding: 0px 0pt 9px 0px;
background-image: none; font-size: 0.9em; }
.portlet #loginFooter ul { margin: 0px; padding: 0px; list-style:
none; }
.portlet #loginFooter ul li { float: left; padding: 0px 10px;
border-left: 1px dotted rgb(153, 153, 153); background-image:
none; }
.portlet #loginFooter ul li:first-child { border-left: none; }
#table1_viewport + div::-webkit-scrollbar { margin-top: 3px;
height: 12px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1)
0px 2px 6px inset; border: 1px solid rgb(187, 187, 187); }
#table1_viewport + div::-webkit-scrollbar-thumb { border-
radius: 6px; height: 12px; }

.navPalette.tools { border-top: 2px groove rgba(255, 255, 255,
0.3); }
.designAreaHeader, .designAreaFooter { border: 1px solid
rgb(204, 204, 204); margin: 0px; padding: 6px 9px 9px; }
.designAreaHeader h3, .designAreaFooter h3 { margin: 0px;
padding: 0px; }
.designAreaHeader .headertext, .designAreaFooter .footertext {
margin: 0px; padding: 0px 0px 0.4em 12px; }
div#emptyText { margin: 0.6em 16px; }
.infoListWrapper { position: relative; border: 1px solid rgb(238,
238, 238); border-radius: 3px; margin: 0px 0px 6px; padding:
6px; }
.infoListWrapper h3 { margin: 0px; padding: 0px; }
.infoListWrapper h3 a { display: block; padding: 3px 16px; }

.infoList { margin: 6px 12px; }
.infoList > li { border-top: 1px dotted rgb(221, 221, 221);
margin: 0px 0px 3px; padding: 3px 0px 0px !important; }
.infoListWrapper .infoList > li { border-top: 1px dotted
rgb(205, 205, 205); }
.infoList li:first-child { border-top: none; }
.infoList li div h3 { margin: 0px; padding: 0px; font-size:
100%; font-weight: normal; }
.details .infoList { margin-top: 0px !important; }
.infoListFloat { margin: 0px; }
.infoListFloat li { float: left; border: none; font-size: 95%;

div.contentListRight { font-weight: normal; position: absolute;
z-index: 1000; right: 9px; top: 9px; padding: 4px; text-align:
right; }
div.contentListRight a { font-weight: bold; margin-left: 4px; }
div.contentListRight span:first-child + span,
div.contentListRight span:first-child + span + span { font-size:
85%; }
div.contentListRight span:first-child + span::before,
div.contentListRight span:first-child + span + span::before {
content: "("; }
div.contentListRight span:first-child + span::after,
div.contentListRight span:first-child + span + span::after {
content: ")"; }
div.contentListRight span:first-child[style*="none"] + span,
div.contentListRight span:first-child[style*="none"] + span +
span { display: none; }

div.contentListRight span span { display: block; padding: 9px
div.contentListRight strong { padding: 0pt 0.4em 2px; }
div.multiAssign { margin: 3px 0px 9px; }
div.multiAssign ul { list-style: none; border: 0px; padding: 0px;
margin: 0px; }
div.multiAssign ul li, div.multiAssign ul li.read { line-height:
1.3em; text-align: center; width: 13em; clear: none; float: left;
margin: 0px 9px 0px 0px; border: 0px; padding: 1px 6px 6px;
font-size: 90%; }
div.multiAssign ul li a, div.multiAssign ul li a { font-weight:
bold; font-size: 100%; }
div.multiAssign ul li p { padding: 1px 0px 2px; }
div.multiAssign ul li.label { line-height: 1.1em; border: 0px;
font-weight: normal; padding: 0px; width: 12em; white-space:

normal; text-align: left; }
div.multiAssign a.buttonMicro, h3 a.buttonMicro { padding:
0px 5px; font-size: 90%; text-decoration: none; border: 1px
solid rgb(204, 204, 204); margin: 1px auto 12px; white-space:
nowrap; }
div.multiAssign a.simpleLink { display: block; }
h3 span.status a.buttonMicro { font-size: 90%; font-weight:
normal; margin-left: 6px; }
h3 span.status, h3 div.status { font-weight: normal; font-size:
80%; margin-left: 6px; padding: 3px 6px; }
h3 div.status { display: inline; }
.annSliderWrapper { margin: 25px 25px -5px; }
.colophon img { float: left; width: 150px; position: absolute;
left: -120px; top: -13px; }

#globalNavPageContentArea #copyright { padding: 0px; }
#globalNavPageContentArea #copyright .newCopyright {
padding: 0px; margin: 0px; }
#globalNavPageContentArea #copyright .newCopyright img {
position: relative; clear: both; left: -12px; }
#globalNavPageContentArea #copyright .newCopyright .legal {
position: relative; clear: both; float: left; margin-top: 20px; left:
0px; }
#globalNavPageContentArea { position: relative; }
.container { position: relative; }
.submitStepBottom p.taskbuttonhelp { float: left; }
.submitStepTop { height: 75px; }

.submitStepBottom { background: rgb(255, 255, 255); border:
0px; }
.submitStepFixed { background-color: rgb(238, 238, 238);
border: 1px solid rgb(205, 205, 205); box-shadow: rgba(0, 0, 0,
0.13) 0px -5px 4px -3px; z-index: 100; position: fixed; bottom:
0px; }
.taskbuttondiv_wrapper { height: 75px; width: 100%; }
div.blogContainer div.entryFooter div.addBlogComment {
display: none; }
div.blogContainer div.entryFooter a.genericButton { display:
block; float: right; }
.legend-visible { display: block; font-size: 100%; margin: 0px;
padding: 0px; height: auto; line-height: 1.2; position: static;
top: auto; overflow-wrap: break-word; }
.legend-visible-header { font-weight: bold; }

.u_controlsWrapper { padding: 6px 0px; }
.u_reverseAlign { text-align: right; }
tr.dummyVTBEFooter td { padding: 2px; text-align: right; }
div.blogContainer ul.entryComments { margin: 0px; padding:
0px; }
div.blogContainer ul.entryComments li { list-style: none;
margin: 0px; padding: 6px 0px; }
div.blogContainer ul.entryComments li p { margin: 0px 0px
4px; padding: 12px; overflow: hidden; }
div.blogContainer ul.entryComments li p.commentDate {
position: relative; z-index: 10; margin: 2px 0px -1px; padding:
0px 0px 4px; text-align: right; }
div.blogContainer ul.entryComments li h5 { display: inline;

margin: 0px; padding: 3px 0px 0px; }
.comment-delete { background:
url("/images/ci/actionbar/clp_item_remove.gif") 0px 0px no-
repeat; overflow: hidden; display: inline-block; height: 17px;
width: 24px; }
.comment-delete img { opacity: 0; }
div.liveArea fieldset.stepcontent { margin: 0px; padding: 0px; }
div.liveArea fieldset.stepcontent ol li { margin: 0px; }
div.liveArea fieldset.stepcontent textarea { width: 98%; }
div.liveArea fieldset.stepcontent span.inlineHelp { display:
inline; }
.subStep { padding: 0px; margin: 0px 0px 10px; border: none; }

.collapsibleStepTitle { color: rgb(0, 116, 139); background-
color: rgb(238, 238, 238); padding: 0px 12px; height: 40px;
line-height: 40px; text-decoration: underline; cursor: pointer;
border-bottom: 1px solid transparent; }
h3.collapsibleStepTitle { margin-bottom: 0px; }
.collapsibleStepTitle:focus { border-bottom: 1px solid rgb(204,
204, 204); }
.collapsibleStepContent { background-color: rgb(238, 238, 238)
!important; }
.collapsibleStepContent > ol { margin: 0px 15px 30px; }
.collapsibleStepContent li { padding: 10px 0px !important; }
#mybb-nav .flyout-menu { width: 400px; }
.mybb-tools li { height: 40px; width: 40px; overflow: hidden; }

.mybb-tools li:hover { opacity: 1; }
.mybb-tools li a { height: 39px; width: 39px; position: relative;
opacity: 0.8; }
.mybb-tools li a:focus, .mybb-tools li a:focus img { outline:
rgb(204, 204, 204) dotted 1px; }
#global-list-tools { margin: 4px; width: 40px; }
.mybb-tools li a:focus, .mybb-tools li a:focus img, .mybb-tools
li a:hover { opacity: 1; }
.mybb-tools li span.badge { background-color: rgb(185, 0, 0);
position: absolute; right: 0px; top: 2px; }
.mybb-tools li.home, .mybb-tools li.logout { background-color:
rgb(102, 102, 102); }
.mybb-tools li.home:hover, .mybb-tools li.logout:hover {

.mybb-tools a { background-image:
url("/images/ci/mybb/mybb_nav_sprite_sm.png"); background-
repeat: no-repeat; background-color: transparent; }
.mybb-tools .overview a { background-position: 5px 7px; }
.mybb-tools .stream a { background-position: -72px 7px; }
.mybb-tools .messages a { background-position: -115px 7px; }
.mybb-tools .grades a { background-position: -156px 7px; }
.mybb-tools .people a { background-position: -202px 7px; }
.mybb-tools .spaces a { background-position: -247px 7px; }
.mybb-tools .todo a { background-position: -293px 7px; }

.mybb-tools .alerts a { background-position: -336px 7px; }
.mybb-tools .more-link a { background-position: -417px 7px; }
.mybb-tools .calendar a { background-position: -459px 7px; }
.mybb-tools .logout a { background-position: -372px 7px; }
.mybb-tools .profile { height: auto; margin-bottom: 5px; }
.mybb-tools .profile a { padding: 0px; height: auto; background-
image: none; }
#global-nav .profile img { width: 30px; height: 30px; margin:
.bottom-buttons { width: 210px; background-color: white;
height: 25px; line-height: 25px; position: absolute; bottom: 0px;
right: 0px; }

.bottom-buttons li { border-right: 1px solid rgb(238, 238, 238);
float: left; font-size: 11px; overflow: hidden; width: 105px;
box-sizing: border-box; }
.bottom-buttons li:last-child { border: none; }
.bottom-buttons a { text-indent: -9999px; }
.bottom-buttons a:hover, .bottom-buttons a:focus { color: rgb(0,
0, 0); background-color: rgb(221, 221, 221) !important; }
.accordion_toggle_active { color: rgb(0, 0, 0); background-
color: rgb(204, 204, 204) !important; }
.accordion_content { background-color: rgb(238, 238, 238);
color: rgb(68, 68, 68); overflow: auto; box-shadow: rgb(0, 0, 0)
0px 5px 10px -7px inset; }
.accordion_content li { margin: 0px 12px; padding: 4px 0px; }
.accordion_content li:last-child { border-bottom: none; }

.accordion_content li a { color: rgb(18, 143, 168); padding: 0px;
font-size: 110%; line-height: 1.2em; }
.accordion_content .course-list li a, .accordion_content
.accordion-list li a { border-bottom: 1px dotted; font-weight:
600; display: inline; }
.accordion_content .course-list li a:hover, .accordion_content
.course-list li a:focus, .accordion_content .accordion-list li
a:hover, .accordion_content .accordion-list li a:focus { border-
bottom-style: solid; }
.accordion-list { margin-top: 6px; }
.accordion_content .noItems { margin-top: 12px; display: block;
text-align: center; font-size: 110%; }
.accordion_content li span { display: block; font-size: 9px; line-
height: 100%; }
.accordion_content #menuShortcutText { margin-top: 100%;

font-style: italic; font-size: 75%; }
.global-nav-bar-wrap { position: absolute; top: 0px; height: 0px;
width: 100%; z-index: 1010; }
.mobile-nav-menu-icon { visibility: hidden; }
.global-nav-bar-wrap-mobile-nav { visibility: hidden; height:
0px; width: 0px; overflow: hidden; }
.global-nav-bar { font-size: 12px; height: 25px; z-index: 999;
float: right; margin-left: 3px; position: relative; }
.global-nav-bar.logout { }
.global-nav-bar .badge, .side-nav .menu-icon span.badge {
display: inline-block; font-size: 10px; font-weight: 800; height:
12px; background-color: rgb(185, 0, 0); text-align: center; line-
height: 0.9; color: rgb(255, 255, 255); margin-left: 5px; border-
radius: 2px; box-shadow: none; padding: 3px 3px 0px; }
.global-nav-bar a { display: block; }

.nav-link { position: relative; display: block; padding: 0px 49px
0px 28px; background: rgba(0, 0, 0, 0.2); zoom: 1; color:
rgb(238, 238, 238); height: 25px; line-height: 25px; text-
decoration: none; user-select: none; white-space: nowrap; }
.nav-link:hover, .nav-link:focus { background: rgba(0, 0, 0,
0.6); }
.global-nav-bar .logout-link { width: 32px; padding: 0px;
background-image:
url("/images/ci/mybb/mybb_nav_logout.png"); background-
repeat: no-repeat; background-position: 50% 0px; text-indent: -
10000px; overflow: hidden; }
.global-nav-bar .logout-link:hover, .global-nav-bar .logout-
link:focus { background-position: 50% -22px; }
.nav-link .badge { position: absolute; right: 22px; top: 5px; }
.global-toggle { position: absolute; right: 0px; top: 9px; }

.flyout-menu { box-shadow: rgb(34, 34, 34) 0px 4px 15px 2px;
box-sizing: border-box; background-color: rgb(68, 68, 68);
position: absolute; top: 25px; right: 0px; width: 260px; }
.flyout-menu a { color: rgb(18, 143, 168); }
.flyout-menu .list li { padding: 0.5em; border-bottom: 1px solid
rgb(238, 238, 238); }
.flyout-menu .list li:last-child { border-bottom: none; }
.flyout-menu .list li:hover { background-color: rgb(238, 238,
238); }
.flyout-menu .accordion-wrapper { position: absolute; top: 0px;
bottom: 0px; right: 0px; background-color: rgb(221, 221, 221);
width: 211px; overflow: hidden; }
.flyout-menu .accordion_toggle { outline: none; }
.flyout-menu .accordion_toggle span { background-color:
rgb(221, 221, 221); border-bottom: 1px solid rgb(204, 204,

204); color: rgb(85, 85, 85); display: block; font-size: 110%;
font-weight: bold; line-height: 25px; margin: 0px; padding: 0px
10px; text-shadow: none; user-select: none; cursor: pointer; }
.flyout-menu .accordion_toggle:focus span, .flyout-menu
.accordion_toggle:hover span { background-color: rgb(204, 204,
204); }
.flyout-menu .mybb-tools { float: left; height: 100%;
background-color: rgb(51, 51, 51); position: relative; }
#global-nav .global-top-avatar { position: absolute; top: 4px;
left: 6px; height: 16px; width: 16px; }
#global-nav-link span.observing { background:
url("/images/console/icons/observing.gif") 4px -3px no-repeat
scroll transparent; display: inline; padding: 3px 1px 3px 30px;
top: -5px; }
#global-nav .more-tools { position: absolute; right: 100%;
bottom: 6px; background-color: rgb(64, 64, 64); box-shadow:
rgb(17, 17, 17) 0px 0px 12px 1px; }
.more-tools li { float: left; padding: 4px; }

.previewContent .global-nav-bar { position: relative; float:
right; }
.previewContent .nav-link { white-space: nowrap; }
div.section-loading { background:
url("/images/ci/misc/progress/progress_learningSystem.gif")
center center no-repeat; display: block; }
div.lb-overlay { position: fixed; left: 0px; top: 0px; bottom:
0px; right: 0px; z-index: 1001; opacity: 0.5; }
div.lb-wrapper { position: fixed; z-index: 100000; box-shadow:
rgba(0, 0, 0, 0.6) 0px 4px 12px; border-radius: 5px; }
div.lb-wrapper div.lb-header { padding: 0.6em 3em 0.6em 1em;
outline: none; background: rgb(231, 231, 231); border-radius:
5px 5px 0px 0px; }
body > div.lb-wrapper div.lb-header { margin-bottom: 0px
!important; }

div.lb-wrapper div.lb-header h2 { margin: 0px; padding: 0px
15px 0px 0px; min-height: 1.23em; overflow: hidden; font-
weight: normal; }
div.lb-wrapper div.lb-content { overflow: auto; padding: 0px; }
.lbAction { background-color: rgb(85, 85, 85); border: 2px solid
rgb(238, 238, 238); border-radius: 100px; color: rgb(238, 238,
238); height: 20px; line-height: 17px; position: absolute; right:
-7px; top: -7px; width: 20px; text-align: center; z-index: 1010;
}
.lbAction img { height: 10px; width: 10px; top: 0px; position:
relative; }
.u_floatThis-right { float: right; }
.u_floatThis-left { float: left; }
.u_floatWrapper-right > div, .u_floatWrapper-right > li { float:
right; }

.u_floatWrapper-left > div, .u_floatWrapper-left > li,
.u_floatWrapper-left > label, .u_floatWrapper-left > input {
float: left; }
.u_floatWrapper-left::after, .u_floatWrapper-right::after,
.u_controlsWrapper::after { content: "."; display: block; height:
0px; clear: both; visibility: hidden; }
.u_clearFloatsWrapper > div, .u_clearFloatsWrapper > li {
float: none !important; }
.clearfix::after, .clearfixParent > div::after, .clearfixParent >
li::after { content: "."; display: block; height: 0px; clear: both;
visibility: hidden; }
.clearfix, .clearfixParent > div, .clearfixParent > li { display:
inline-block; }
.clearfix, .clearfixParent > div, .clearfixParent > li { display:
block; }

.clearfixInlineBlock { display: inline-block; }
.welcomeOverlay { background: none 0px 0px repeat scroll
rgba(0, 0, 0, 0.75); bottom: 0px; font-family: "Helvetica Neue";
height: 100%; left: 0px; position: fixed; right: 0px; top: 0px;
width: 100%; z-index: 1001; }
.welcomeMessage strong, .whatsNew h2 { color: rgb(50, 208,
219); font-weight: bold; }
.welcomeMessage { right: 550px; position: absolute; top: 75px;
width: 370px; max-width: 450px; color: rgb(221, 221, 221);
text-shadow: rgb(0, 0, 0) 2px 0px 2px; z-index: 1002; }
.welcomeMessage h2 { margin: 18px 0px 10px; font-size: 64px;
font-weight: bold; line-height: 1; overflow-wrap: break-word; }
.welcomeMessage h2 .welcomeText { float: left; line-height:
normal; }
.welcomeMessage p { font-size: 22px; margin-bottom: 10px;
line-height: 125%; }

.whatsNew { font-size: 16px; position: absolute; right: 60px;
top: 100px; width: 380px; line-height: 125%; color: rgb(221,
221, 221); text-shadow: rgb(0, 0, 0) 2px 0px 2px; z-index:
1002; }
.whatsNew li { position: relative; }
.whatsNew .number { background: -webkit-gradient(linear, 0%
0%, 0% 90%, from(rgb(21, 206, 219)), to(rgb(12, 143, 152)));
border-radius: 40px; box-shadow: rgb(0, 0, 0) 2px 2px 2px;
color: rgb(0, 0, 0); font-size: 32px; font-weight: bold; left: -
70px; line-height: 48px; padding: 0px 10px; position: absolute;
text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0px
1px 0px; top: -10px; width: 30px; }
.whatsNew h2 { font-family: "Helvetica Neue", Arial, sans-
serif; font-size: 26px; margin: 15px 0px 10px; text-shadow:
rgba(0, 0, 0, 0.7) 0px 1px 0px; line-height: 120%; }
.whatsNew li { }
.whatsNew .arrow { background:
url("overview_global_nav_arrow.png") no-repeat; height: 90px;
position: absolute; right: -10px; top: -70px; width: 40px; }

.whatsNew ol > li:first-child { margin-bottom: 48px; }
ul.newMenu { margin: 10px 0px 20px; }
.newMenu li { display: inline-block; margin: 0px 10px 10px
0px; min-width: 100px; }
#spacesHelp { font-size: 12px; line-height: 1.3; margin: 6px
0px 12px; }
.social-buttons li { float: left; width: auto; margin: 3px 6px 6px
0px; }
.social-buttons li { display: inline-block; vertical-align: middle;
width: auto; margin: 12px 14px 12px 0px; }
.social-buttons li a { display: block; }
.social-buttons li a img { border-radius: 6px; }

li.socialConnections, li.anotherAccount { background: -webkit-
gradient(linear, 0% 0%, 0% 90%, from(rgb(222, 222, 222)),
to(rgb(202, 202, 202))); border-radius: 5px; color: rgb(0, 0, 0);
padding: 9px 18px 8px 24px; text-shadow: none; width: 160px;
}
li.anotherAccount { background: none; color: rgb(213, 253,
253); padding-top: 5px; font-size: 12px; }
li.socialConnections img { position: absolute; left: 20px; }
li.socialConnections h3 { font-size: 13px; margin: 0px; line-
height: 1; }
li.socialConnections p { font-size: 12px; }
li.socialConnections h3 a, li.socialConnections p a { color:
rgb(0, 0, 0); }
li.anotherAccount p a { color: rgb(33, 172, 182); }

.confirmation { }
#finishLater { background: transparent; border-top: none;
border-right: none; border-left: none; border-image: initial;
border-bottom: 1px dotted rgb(33, 172, 182); color: rgb(33,
172, 182); font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px; font-weight: bold; padding: 2px 0px; text-
shadow: rgba(0, 0, 0, 0.7) 0px 1px 0px; }
#finishLater:hover { cursor: pointer; }
.cmdiv { padding: 0px; z-index: 10000 !important; }
.cmdiv, .menumini, div.quickAddPal, div.keyboardAccess {
position: absolute; display: none; z-index: 2000; }
.cmdiv { }
.cmdiv ul { padding: 3px 4px; }
.cmdiv ul.cmul-hide { padding: 0px 4px; border-top: 0px;

display: none; }
.nav .sub ul li a, .cmdiv a, .menumini a { width: 190px; display:
block; margin: 0px; padding: 5px 6px 5px 12px; zoom: 1;
overflow: hidden visible; word-break: normal; overflow-wrap:
break-word; }
.cmdiv a { width: auto !important; }
.cmdiv a.cmitem-hide { display: none; }
a.cmimg { zoom: 1; }
a.cmimg:hover, a.cmimg:focus { opacity: 1; }
a.cmimg img { width: 16px; height: 14px; padding: 0px;
margin: 0px; opacity: 0; }
a.cmimg.cmimg-hide { display: none; }

.cmdiv li.contextmenubar_top, .menumini li.contextmenubar {
position: absolute; text-align: right; display: block; width:
190px; right: -1px; top: -20px; padding: 0px; }
.cmdiv li.cmli-hide, .cmdiv li.cmitem-hide { display: none; }
.providerList { list-style-type: disc; list-style-position: inside;
margin: 1.5em 2em; }
.providerList li { margin: 0px; }
.tooltip { color: rgb(255, 255, 255); display: none; font-size:
12px; font-family: arial; padding: 0.5em 1em; position:
absolute; width: 170px; z-index: 99; text-align: center; text-
shadow: rgb(17, 17, 17) 0px -1px 1px; border-radius: 4px; box-
shadow: rgb(0, 0, 0) 0px 1px 2px, rgb(34, 34, 34) 0px 0px 0px
1px inset, rgb(102, 102, 102) 0px 2px inset, rgb(68, 68, 68) 0px
-2px 2px inset; background-color: rgb(59, 59, 59); background-
image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(85,
85, 85)), to(rgb(34, 34, 34))); overflow: hidden; text-overflow:
ellipsis; }
.tooltipContainer, .tooltipContainer-bot, .tooltipContainer-right,
.tooltipContainer-left { position: relative; display: inline-block;
}

.tooltipContainer .tooltip { margin: 0px 0px 10px -85px; left:
50%; bottom: 100%; }
.tooltipContainer-bot .tooltip { margin: 10px 0px 0px -85px;
left: 50%; top: 100%; }
.tooltipContainer-left .tooltip { top: 0px; right: 100%; margin:
0px 10px 0px 0px; }
.tooltipContainer-right .tooltip { top: 0px; left: 100%; margin:
0px 0px 0px 10px; }
.tooltipContainer:hover .tooltip, .tooltipContainer-bot:hover
.tooltip, .tooltipContainer-right:hover .tooltip,
.tooltipContainer-left:hover .tooltip, .tooltipContainer:focus
.tooltip, .tooltipContainer-bot:focus .tooltip, .tooltipContainer-
right:focus .tooltip, .tooltipContainer-left:focus .tooltip {
display: block !important; }
.tooltip::after, .tooltipContainer .tooltip::after,
.tooltipContainer-right .tooltip::after, .tooltipContainer-bot
.tooltip::after, .tooltipContainer-left .tooltip::after { content:
"��"; display: block; font-size: 2em; height: 0px; line-height:
0; position: absolute; }

.tooltipContainer .tooltip::after { color: rgb(42, 42, 42); bottom:
0px; left: 50%; margin-left: -0.3em; text-align: center; text-
shadow: rgb(0, 0, 0) 1px 0px 2px; transform: rotate(90deg); }
.tooltipContainer-bot .tooltip::after { bottom: auto; color:
rgb(79, 79, 79); left: 50%; margin-left: -0.3em; top: 0px; text-
align: center; text-shadow: none; transform: rotate(-90deg); }
.tooltipContainer-left .tooltip::after { color: rgb(34, 34, 34);
right: -0.375em; top: 10px; margin-top: -0.05em; text-shadow:
rgb(0, 0, 0) 0px 1px 2px; transform: rotate(0deg); }
.tooltipContainer-right .tooltip::after { color: rgb(34, 34, 34);
left: -0.375em; top: 10px; margin-top: 0.1em; text-shadow:
rgb(0, 0, 0) 0px -1px 2px; transform: rotate(180deg); }
.data-summary tr:hover .tooltipContainer-bot .tooltip, .data-
summary-vert tr:hover .tooltipContainer-bot .tooltip { display:
block; }
.data-summary .tooltipContainer-bot { position: absolute;
bottom: 3px; left: 50%; margin-left: -8px; }

.reportSummary .data-summary-container { float: left; clear:
none; }
.reportSummary .data-summary, .reportSummary .data-
summary-vert { float: left; position: relative; margin: 0px 12px
0px 0px; }
.reportSummary h3 { font-weight: normal; margin: 9px 0px; }
.reportSummary .data-summary tr { float: left; border: 1px
solid; margin: 1px 0px 0px -1px; }
.reportSummary .data-summary th { font-weight: normal; font-
size: 120%; padding: 16px 0px; float: left; display: block;
width: 100%; text-align: center; }
.reportSummary .data-summary td { border-top: 1px dotted;
display: block; float: left; font-size: 80%; height: 30px;
padding: 5px 0px 18px; position: relative; text-align: center;
width: 100%; }
.data-summary table { min-height: 98px; min-width: 120px;

border: none; }
.data-summary-vert table { min-height: 102px; min-width:
120px; display: block; border: 1px solid; padding: 2px; box-
sizing: border-box; }
.data-summary-vert th { min-width: 1.5em; text-align: center;
padding: 3px 1px 1px; font-size: 120%; vertical-align: baseline;
}
.data-summary-vert td { text-align: left; padding: 3px 3px 1px;
font-size: 80%; vertical-align: baseline; }
.data-summary table tr:hover, .data-summary-vert table tr:hover
{ cursor: help; }
.runReportContainer { margin: 0px 0px 20px; padding: 10px
11px; position: relative; top: -12px; }
.previousReports ul { margin: 5px 24px; }
.previousReports li { margin: 4px 0px; }

.previousReports .previousReports linear { border-bottom: 1px
dotted; padding: 5px 0px; display: block; margin-right: 10px; }
.reportTitle { border-bottom: 1px solid; padding-bottom: 10px;
}
.questionDetails .searchResultList-sortOptions { display: none;
}
.questionDetails .reportTitle { margin: 10px 0px; }
.reportTitle h2 { margin: 10px 0px 5px; }
.reportTitle .actions { float: right; margin-top: -30px; }
.reportSummary { position: relative; border-bottom: none;
width: 100%; margin-bottom: 10px; }
.questionDetails .reportSummary { padding: 0px; }

.reportSummary.answerOptions { margin-top: 20px; }
.answerOptions h4 { margin: 20px 0px; }
.answerOptions table { margin: 20px 0px; border-collapse:
collapse; min-width: 400px; max-width: 800px; }
.answerOptions table td { padding: 5px; border: 1px solid; }
.interrogativesTable td:first-child, .phraseTable td:first-child,
.calculatedNumeric td:first-child { width: 150px; }
.questionDetails .reportTable table { min-width: 400px; height:
auto; margin: 10px 0px; border: 1px solid; }
.reportTable table { border: 1px solid; }
.questionDetails .reportTable th, .questionDetails .reportTable
td, .matching th, .matching td { vertical-align: top; border: 1px

solid; padding: 15px 10px; }
.matchingNumber { display: inline-block; vertical-align: top; }
.orderCanvasWide { width: 100%; }
.questionDetails .reportTable th, .matching th { padding: 10px
15px; vertical-align: middle; border: 1px solid; }
.matching .lastOption td { border-bottom: 4px solid; }
.reportKey { display: inline-block; border: 1px solid; margin:
20px 0px; padding: 10px 8px; }
.reportKey h3 { margin: 0px; }
.reportKey div { font-weight: bold; margin: 4px 0px 0px 16px;
}
.ordering table td img { margin: 0px 5px; }

.calculated { margin-top: 20px; clear: both; float: left; }
ul.key { margin: 20px 0px; width: 100%; }
ul.key li { float: left; margin-right: 10px; padding-left: 17px;
width: auto; }
.smallCell ul { width: 50px; }
li.recommended, li.changed, li.notallgraded { display: block;
float: left; margin: 0px; height: 16px; }
.smallCell li.recommended, .smallCell li.changed, .smallCell
li.notallgraded, .questionTextId li.recommended,
.questionTextId li.changed, .questionTextId li.notallgraded {
width: 16px; }
.smallCell li.recommended, .smallCell li.changed, .smallCell
li.notallgraded { float: right; }

li.recommended { background:
url("/images/ci/icons/item_analysis_recommended.png") no-
repeat; }
li.changed { background:
url("/images/ci/icons/item_analysis_changed.png") no-repeat; }
li.notallgraded { background:
url("/images/ci/icons/item_analysis_allgraded.png") no-repeat;
}
.previousReports a:hover { text-decoration: underline; }
.reportKey h4 { margin: 0px; padding: 10px 0px 0px 25px; }
.questionFilter div div { float: left; margin-right: 20px;
padding-right: 20px; border-right: 1px solid; }
.questionFilter div div:last-child { padding-top: 10px; border:
none; }

.answerBlock { width: 100%; margin-bottom: 20px; }
.answerBlock span { white-space: nowrap; }
.answerValueStyle { width: 400px; height: 45px; padding: 4px;
overflow: auto; vertical-align: top; }
.pickerMonth .today a { outline: 0px; }
body.filePickerWidget { background: url("none"); }
.filePickerWidget .locationPane { margin-top: 0px; padding-
bottom: 60px; }
.filePickerWidget .contentPaneWide { margin: 0px; background:
url("none"); }
.filePickerWidget .contentBox, .filePickerWidget #content {
border: 0px; box-shadow: none; border-radius: 0px; }

.pathFolder { background-image: url("/images/ci/icons/tiny-
folder.png"); background-position: left top; background-repeat:
no-repeat; display: inline-block; padding-left: 20px !important;
}
.pathSlash { display: inline-block; padding-left: 5px !important;
padding-right: 5px !important; }
.pathFolder a { color: rgb(12, 128, 172); text-decoration:
underline; }
.pathfolder::before { content: "after"; margin: 0px 4px; }
#tabsBar { }
.tabsBar { min-height: 47px; background: rgb(209, 234, 239);
border-top-left-radius: 2px; border-top-right-radius: 2px;
border-bottom: 1px solid rgb(187, 187, 187); }
.tabsBar a { text-decoration: none; }
.tabsBar #tabs { float: left; height: 47px; display: inline; }

.tabsBar .tabs { height: 47px; }
.tabsBar .localViewToggle { border-top-right-radius: 2px; float:
right; }
img.zoneIcon { margin: 0px 5px; }
#contentSearch { background: transparent; padding: 5px; white-
space: nowrap; }
.contentInput, .locationInput { box-shadow: rgb(102, 102, 102)
0px 0px 2px 0px inset; border: 1px solid rgb(204, 204, 204);
background: rgb(247, 247, 247); padding: 3px 1px; outline:
none; display: inline; margin: 0px; border-radius: 2px; }
#contentSearch .contentInput input[type="text"], .locationInput
input[type="text"] { border: 0px; background: transparent;
padding: 0px; outline: none; height: 22px; line-height: 22px; }
#contentSearch .contentInput, .locationInput { margin-right:
4px; margin-left: 10px; }

#contentActions { margin: 0px 0px 10px; display: block; }
#levelUp { margin: 2px 0px; }
#levelUp button { padding: 5px 7px 5px 5px; cursor: pointer; }
#editablePath, #quickPath { display: inline-block; background: -
webkit-gradient(linear, 0% 0%, 0% 90%, from(rgb(221, 221,
221)), to(rgb(255, 255, 255))) rgb(231, 231, 231); box-shadow:
rgb(204, 204, 204) 0px 2px 0px 0px inset; border-top-left-
radius: 4px; border-top-right-radius: 4px; border: 0px;
overflow: hidden; }
#quickPath { padding: 0px 0px 0px 5px; }
.linkables { display: table; width: 100%; border-spacing: 5px; }
.linkables .link { display: table-cell; vertical-align: top; white-
space: inherit; }

.linkables .folder-nav-up { width: 1%; }
#quickPath ol li { display: inline-block; margin: 4px 0px; }
#quickPath ol li.folderIncluder, #quickPath ol li.folderCreator {
margin: 0px; }
.checkmark-btn { width: 22px; height: 20px; margin-left: 10px;
vertical-align: top; padding: 0px !important; }
.checkmark-btn.mark-inactive { background:
url("../../../images/cs/icons/include-folder-sprite.png") 3px -
29px no-repeat rgb(255, 255, 255) !important; }
.checkmark-btn.mark-active { box-shadow: rgb(153, 153, 153)
0px 0px 2px 1px inset; background:
url("../../../images/cs/icons/include-folder-sprite.png") 3px 3px
no-repeat rgb(255, 255, 255) !important; }
.linkables .button-5 { padding: 3px 8px; border-radius: 2px;
color: rgb(51, 51, 51); font-size: 95%; text-shadow: rgb(238,
238, 238) 0px 1px 0px; border: 1px solid rgb(204, 204, 204);
display: inline-block; box-shadow: rgba(255, 255, 255, 0.3) 1px

1px 0px inset; outline: none; cursor: pointer; }
.pressed { box-shadow: rgb(153, 153, 153) 0px 0px 3px 1px
inset; background: url("../../../images/ci/icons/diag-thick-
bg.png") left top repeat rgb(255, 255, 255) !important; }
#storageQuota { font-size: 95%; color: rgb(102, 102, 102);
padding-left: 110px; position: relative; margin-top: 8px; }
#storageQuota strong { color: rgb(51, 51, 51); }
.quotaGauge { width: 100px; height: 7px; line-height: 7px; font-
size: 7px; border: 1px solid rgb(51, 51, 51); background-color:
rgb(231, 231, 231); position: absolute; top: 3px; left: 0px; }
.quotaGauge div { height: 7px; line-height: 7px; background-
image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgb(0,
173, 208)), to(rgb(1, 137, 164))); }
ul.dropdown { position: relative; height: 47px; border-top-left-
radius: 2px; }

ul.dropdown li { font-weight: bold; float: left; zoom: 1;
background: transparent; height: 47px; }
ul.dropdown > li { border-right: 1px solid rgb(187, 187, 187);
box-shadow: rgb(238, 238, 238) -1px 0px 0px inset; }
ul.dropdown > li:first-child { border-left: none; }
ul.dropdown > li:first-child, ul.dropdown > li:first-child > a {
border-top-left-radius: 2px; }
ul.dropdown a:hover { color: rgb(0, 0, 0); }
ul.dropdown a:active { color: rgb(255, 165, 0); }
ul.dropdown li a { display: block; color: rgb(1, 134, 158);
height: 47px; line-height: 46px; font-weight: normal; }
ul.dropdown > li > a { padding: 0px 32px; }

ul.dropdown li:hover ul li a { padding: 0px 12px 0px 4px; }
ul.dropdown li.active { background: rgb(255, 255, 255); border-
ul.dropdown li.active a { font-weight: bold; color: rgb(0, 0, 0);
}
ul.dropdown li#zoneChooser > a { padding: 0px 12px 0px 4px;
}
ul.dropdown li#uploadType > a { padding: 0px 12px 0px 20px;
}
ul.dropdown li#zoneChooser > a::after, ul.dropdown
li#uploadType > a::after { content: ""; background-image:
url("../../../images/ci/icons/tab-expand-chevron.png");
background-repeat: no-repeat; display: inline-block; width:
20px; height: 9px; margin-left: 8px; }
ul.dropdown li.hover, ul.dropdown li:hover { background:
rgb(246, 246, 246); color: rgb(0, 0, 0); position: relative; }

ul.dropdown > li.hover, ul.dropdown > li:hover { z-index: 99; }
ul.dropdown li.hover a { color: black; z-index: 999; }
ul.dropdown li.active:hover { background: rgb(255, 255, 255); }
ul.dropdown ul { visibility: hidden; position: absolute; top:
100%; left: -1px; z-index: 100; border-width: 1px 1px 0px;
bottom-color: initial; min-width: 200px; }
ul.dropdown > li:hover > ul, ul.dropdown > li:focus > ul { z-
index: 100; top: 46px; }
ul.dropdown ul li { font-weight: normal; background: rgb(246,
246, 246); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(204,
204, 204); float: none; padding: 0px; white-space: nowrap;
display: block; }
ul.dropdown ul li a { background: none; }

ul.dropdown li#uploadType ul li a { padding: 0px 12px 0px
20px; }
ul.dropdown ul li > a.hover, ul.dropdown ul li > a:hover {
background: rgb(255, 255, 255); padding: 0px; }
#uploadEngine { border: 0px; }
#uploadEngine #dataCollectionContainer { margin: 0px -10px;
padding: 0px; }
#legalAgreement { border: 1px solid rgb(204, 204, 204); height:
80%; margin: 15px; overflow: auto; padding: 8px; }
#legalButtons { margin-right: 15px; margin-left: 15px; }
#cloudSettingsForm .stepcontent .label { width: 34%; min-
width: 0px; max-width: none; }

#cloudSettingsForm .stepcontent .field { width: auto; }
#socialProfileSettings .splashTable tr > td:first-child,
#cloudSettingsForm .splashTable tr > td:first-child { width:
33%; }
.u_nopad { padding: 0px !important; }
.u_nowrap { white-space: nowrap !important; }
.insideContainer { padding: 20px; }
.profileCardAvatarThumb a { }
.profileCardAvatarThumb img { height: 18px; width: 18px;
border: 1px solid rgb(221, 221, 221); display: inline-block;
padding: 1px; border-radius: 2px; box-shadow: rgba(0, 0, 0,
0.2) 0px 1px 1px; background: rgba(255, 255, 255, 0.8); }
.avatar { max-height: 140px; width: auto; }

.hideoff.skipLink { opacity: 0; background: rgba(0, 0, 0, 0.1); }
#topNavSkipLink { color: rgb(255, 255, 255); font-size: 11px;
top: -4px; left: 9px; padding: 9px; border-radius: 5px; }
.skipLink { color: rgb(255, 255, 255); position: absolute;
padding: 9px; background: rgba(0, 0, 0, 0.7); text-align: center;
font: 11px/1.4 Georgia, serif; text-transform: uppercase; border-
radius: 5px; top: 9px; left: 9px; opacity: 1; transition: all 0.3s
ease-in-out 0s; z-index: 1000; width: 140px !important; }
.skipLink:focus { outline: 0px; }
div.skipLink { background: transparent; padding: 0px; height:
0px; width: 0px; overflow: visible; z-index: 10000; }
.abutton { text-decoration: none; background-color: transparent;
padding: 0px; border: none; }
.abutton:hover { cursor: pointer; }

#quick_links_wrap { position: absolute; z-index: 1111; right:
100%; margin-right: -20px; font-size: 0.8em; border-left: 0px;
border-bottom: 0px; border-radius: 0px 4px 0px 0px; width:
auto; white-space: nowrap; height: 21px; line-height: 20px;
background: rgba(0, 0, 0, 0.2); display: inline-block; }
#quick_links_wrap:hover,
#quick_links_wrap.quick_link_wrap_focus { margin-right: auto;
right: auto; left: -5px; background: rgb(51, 51, 51); }
#quick_links_wrap a { display: block; height: 21px; line-height:
21px; background-image: url("/images/console/icons/ax-
links.png"); background-repeat: no-repeat; background-position:
right 3px; padding: 0px 21px 0px 7px; color: rgb(250, 249,
246); }
.ax-content { display: table; width: 100%; }
.content-lite { display: table-cell; width: 70%; padding: 20px;
border-right: 1px solid rgb(204, 204, 204); border-radius: 5px
.content-lite h2 { font-size: 1.2em; font-weight: normal;
margin-bottom: 10px; display: block; background: rgb(231, 231,
231); padding: 4px 8px; }

.content-lite h4 { }
.content-lite ul.shortcut-list { list-style: none; margin-left:
10px; margin-bottom: 20px; }
.content-lite ul.shortcut-list li { margin-bottom: 6px; }
.content-lite ul.shortcut-list a { text-decoration: underline; }
.shortcut-list { }
#quick_links_headings_list > ul { clear: both; margin-top: 10px;
margin-left: 12px; }
#quick_links_headings_list ul { margin-left: 20px !important;
margin-top: 5px !important; }
.quick_links_header_h1 { }

.quick_links_header_h2 { margin-left: 3%; }
.legend { display: table-cell; width: 30%; padding: 20px; }
.legend h2 { font-size: 1.2em; font-weight: normal; margin-
bottom: 10px; display: block; }
.legend ul { list-style: none; margin-left: 0px; }
.legend ul li { margin-bottom: 12px; padding: 9px; border: 1px
solid rgb(204, 204, 204); background: white; border-radius:

7px; }
.legend .keycombo { display: table; width: 100%; vertical-align:
middle; }
.legend span.presskey { display: inline-block; margin: 0px 0px
3px; width: 36px; height: 30px; line-height: 30px; overflow:
hidden; text-align: center; border: 1px solid rgb(51, 51, 51);
background: rgb(102, 102, 102); color: white; text-transform:
uppercase; font-size: 80%; font-weight: normal; border-radius:
.legend span.presskey.alpha { font-weight: bold; }
.blockReceipt { display: block !important; }
.hideoff { position: absolute; overflow: hidden; left: -10000px;
top: -1000px; width: 0px; height: 0px; }
.hideoff[tabindex="0"] { top: auto; }
.fileInputWrapper { float: left; position: relative; overflow:

hidden; padding: 0px 3px 0px 0px; margin-right: 9px; }
.fileInputWrapper input.hiddenInput { position: absolute; top:
0px; right: 0px; z-index: 2; padding: 0px; opacity: 0; text-align:
right; font-size: 210%; }
.fileInputWrapper input[type="file"] { }
.fileInputWrapper input.visibleInput { position: relative; right:
0px; top: 0px; z-index: 1; }
.hideme { display: none !important; }
.hidden { display: none; }
.clearfloats { clear: both; }
.containerTabs li a { cursor: pointer; }
.containerTabs li.active a { cursor: default; }

.inlineContextMenu a.browse { font-weight: normal; word-
break: normal; box-shadow: rgba(255, 255, 255, 0.3) 1px 1px
0px inset; border: 1px solid rgb(136, 136, 136); display: inline-
block; }
.inlineContextMenu.inlineContextMenu-hide { display: none; }
.contentList .details .contextItemDetailsHeaders { background:
transparent; font-size: inherit; padding: 2px 0px 2px 6px; font-
weight: normal; word-break: normal; color: rgb(85, 85, 85); }
.contextItemDetailsHeaders > .detailsValue { display: inline-
block; margin: 0px 0px 0px 10px; }
.minWidthLabel { min-width: 65px; }
span.reviewButtons { display: inline; }
span.reviewButtons a { margin-right: 5px; }

.inventoryListCardView li { display: inline; float: left; padding:
3px; }
.inventoryListCardView div.block { display: block; padding:
10px; border: 1px solid rgb(225, 225, 225); background-color:
rgb(250, 250, 250); width: 200px; height: 130px; overflow:
hidden; margin: 3px; border-radius: 3px; }
.inventoryListCardView div.block div { display: block; }
.noImgRumble.rumble_top, .noImgRumble.rumble {
background: none; }
.inventoryListCardView div.smallCell input[type="checkbox"] {
display: block; }
.inventoryListCardView div.smallCell
input[type="checkbox"]:checked, .inventoryListCardView
div.block:hover div.smallCell input[type="checkbox"] {
display: block; }
.inventoryListCardView div.block div.smallCell { float: left;
padding: 6px 0px 0px; width: 20px; }

.inventoryListCardView div.block div.inlineMenuItems { }
.inventoryListCardView div.block div.inlineMenuItems
ul.inlineMenuItems li { padding: 0px 5px 0px 0px; }
.inventoryCardViewToggle { float: right; margin: 0px 0px 0px
8px; }
.inventoryCardViewToggle a.cardView,
.inventoryCardViewToggle a.tableView { padding: 1px 3px;
color: rgb(153, 153, 153); }
.inventoryCardViewToggle a.cardView.active,
.inventoryCardViewToggle a.tableView.active { color: rgb(0, 0,
0); }
.inventoryCardViewSorting { margin: 0px 10px 0px 0px; float:
right; }
.inventoryCardViewSorting .cardSortTitle,
.inventoryCardViewSorting .cardSortOrder,

.inventoryCardViewSorting .cardSortLabel { float: left; }
.inventoryCardViewSorting .cardSortLabel { padding: 2px 6px;
}
.inventoryCardViewSorting a.sortColumnMenu { border-radius:
2px 0px 0px 2px; }
.inventoryCardViewSorting a.sortOrderMenu { border-radius:
0px 2px 2px 0px; border-width: 1px 1px 1px 0px; }
.inventoryCardViewSorting a.sortColumnMenu::after,
.inventoryCardViewSorting a.sortOrderMenu::after { height:
4px; vertical-align: middle; content: ""; display: inline-block;
border-left: 4px solid transparent; border-right: 4px solid
transparent; border-top: 4px solid rgb(0, 0, 0); margin-top: 4px;
opacity: 0.3; }
.inventoryCardViewSorting a.sortColumnMenu:hover::after,
.inventoryCardViewSorting a.sortOrderMenu:hover::after {
opacity: 1; }
.inventoryListSortColumns li, .inventoryListSortOrder li { }

.inventoryListSortColumns li:hover, .inventoryListSortOrder
li:hover { }
.inventoryListCardView .inventoryListCardHoverText {
display: none !important; }
.inventoryListCardView ul.inlineMenuItems { border-top: 1px
solid rgb(225, 225, 225); margin: 0px -10px; }
.inventoryListCardView ul.inlineMenuItems li { min-height:
30px; padding: 0px; width: 33.3%; }
.inventoryListCardView ul.inlineMenuItems_1_0 li { width:
100%; }
.inventoryListCardView ul.inlineMenuItems_2_0 li { width:
50%; }
.inventoryListCardView ul.inlineMenuItems li a { padding: 6px
0px 12px; display: block; text-align: center; white-space:
nowrap; text-overflow: ellipsis; overflow: hidden; height: auto
!important; }

.inventoryListCardView ul.inlineMenuItems li a.cmimg,
.inventoryListCardView ul.inlineMenuItems li a.cmimg img {
height: 0px; width: auto; }
.inventoryListCardView .cardPiece20 { height: 20px; max-
height: 20px; overflow: hidden; padding: 0px 0px 0px 18px; }
height: 60px; overflow: hidden; padding: 6px 0px 0px; }

.inventoryListSortOrder, .inventoryListSortColumns {
background: rgb(225, 225, 225); display: inline-table; position:
relative; border: 1px solid rgb(170, 170, 170); }
.inventoryListSortOrder li a, .inventoryListSortColumns li a {
width: 100%; display: block; }
.noItems.container-empty { padding-top: 90px; text-align:
center; position: relative; }
.noItems.container-empty .arrow-left, .noItems.container-empty
.arrow-right { position: absolute; width: 25%; height: 150px;
top: 0px; opacity: 0.3; }
.noItems.container-empty .arrow-left { background:
url("/images/ci/misc/overlay_arrow_left.png") right center /
90% 70% no-repeat transparent; left: 0px; }

.noItems.container-empty .arrow-right { background:
url("/images/ci/misc/overlay_arrow_right.png") left center /
90% 70% no-repeat transparent; right: 0px; }
.noItems.container-empty .main-message { text-align: center;
width: 45%; margin: 0px auto 12px; }
.noItems.container-empty .secondary-message { text-align:
center; width: 45%; margin: 0px auto; }
#globalNavPageContentArea .dropzone, li.dropzone { margin:
10px; font-weight: bold; line-height: 1.3em; border: 4px
dashed; border-radius: 10px; padding: 20px; }
#globalNavPageContentArea #dropzone.in, li#dropzone.in {
line-height: 200px; font-size: larger; }
#globalNavPageContentArea .dropzone.hover, li.dropzone.hover
{ color: rgb(255, 255, 255); background: rgb(197, 111, 213);
border: 4px dashed rgb(197, 111, 213); }
#globalNavPageContentArea .dropzone.fade, li.dropzone.fade {
transition: all 0.3s ease-out 0s; opacity: 1; }

body > .dropzone[style*="position: absolute;"] { height: 0px;
padding: 0px; margin: 0px; }
#treeTableBody img[src*="rempty"] { opacity: 0; width: 0px; }
.bb-dialog.ui-dialog { text-align: center; width: 50% !important;
left: 25% !important; }
.bb-dialog.ui-dialog .ui-dialog-title { float: none; }
.bb-dialog.ui-dialog .ui-dialog-content.ui-widget-content {
padding: 10px 30px 30px; font-size: 22px; font-weight: lighter;
}
.bb-dialog.ui-dialog .ui-button-text-only { position: relative;
margin: 10px; }
.bb-dialog.ui-dialog .ui-dialog-buttonset { float: none; text-
align: center; width: 100%; }

.bb-dialog.ui-dialog ul { list-style: none !important; }
@media only screen and (min-width: 668px) {
span.mobile-table-label { display: none; }
}
.bltiLaunchForm img { display: block; padding-top: 10px;
margin: auto auto -36px; }
#bltiLaunchForm .submitStepBottom { display: table; margin:
auto; width: auto !important; position: relative !important; }
#lti-launch-iframe #containerdiv { padding: 12px; }
#bltiLaunchForm div.field { overflow-x: auto; }
.bltiLaunchForm h3.steptitle { height: 14px; text-align: center
!important; margin: 0px auto !important; }
.bltiLaunchForm #dataCollectionContainer #step1 { padding:

0px; height: 85px; text-align: center; border: none !important; }
.bltiLaunchForm #dataCollectionContainer #step1 #stepcontent1
{ text-align: center; padding: 0px; height: inherit; border: none
!important; }
.bltiLaunchForm #dataCollectionContainer #step1 #stepcontent1
p { text-align: center; display: block; margin: auto; }
.bltiLaunchForm #dataCollectionContainer { margin: auto;
.bltiLaunchForm div.field { width: 100%; }
.bltiLaunchForm div#dataCollectionContainer
.taskbuttondiv:first-child { padding: 18px 24px; }
@media not all {
.bltiLaunchForm #dataCollectionContainer { height: 230px;
width: 93% !important; }
.bltiLaunchForm #dataCollectionContainer { width: 92%;
padding: 10px; }

.bltiLaunchForm .submitStepBottom { left: 0px; position:
relative; width: 100% !important; }
.bltiLaunchForm div#dataCollectionContainer
.taskbuttondiv:first-child { padding: 5px 20px; }
.bltiLaunchForm #dataCollectionContainer #step1 { margin:
0px 0px 20px 24px; }
}
.fluidWrapper { margin: auto; max-width: 100%; }
.fluidFrame { position: relative; padding-bottom: 56.25%;
padding-top: 0px; height: 0px; overflow: hidden; }
.fluidFrame iframe { position: absolute; top: 0px; left: 0px;
width: 100%; height: 100%; }
@charset "utf-8";
@font-face { font-family: FontAwesome; src:
url("FontAwesome/fontawesome-webfont.eot?#iefix&v=3.2.1")
format("embedded-opentype"),
url("FontAwesome/fontawesome-webfont.woff?v=3.2.1")

format("woff"), url("FontAwesome/fontawesome-
webfont.ttf?v=3.2.1") format("truetype"),
url("FontAwesome/fontawesome-
webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family:
FontAwesome; font-weight: normal; font-style: normal; text-
decoration: inherit; -webkit-font-smoothing: antialiased; }
[class^="icon-"]::before, [class*=" icon-"]::before { text-
decoration: inherit; display: inline-block; vertical-align: middle;
speak: none; }
.icon-large::before { vertical-align: -10%; font-size: 1.33333em;
}
a [class^="icon-"], a [class*=" icon-"] { display: inline; }
[class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-
width { display: inline-block; width: 1.14286em; text-align:
right; padding-right: 0.28571em; }
[class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-

"].icon-fixed-width.icon-large { width: 1.42857em; }
.icons-ul { margin-left: 2.14286em; list-style-type: none; }
.icons-ul > li { position: relative; }
.icons-ul .icon-li { position: absolute; left: -2.14286em; width:
2.14286em; text-align: center; line-height: inherit; }
[class^="icon-"].hide, [class*=" icon-"].hide { display: none; }
.icon-muted { color: rgb(238, 238, 238); }
.icon-light { color: white; }
.icon-dark { color: rgb(51, 51, 51); }
.icon-border { border: 1px solid rgb(238, 238, 238); padding:
0.2em 0.25em 0.15em; border-radius: 3px; }

.icon-2x { font-size: 2em; }
.icon-2x.icon-border { border-width: 2px; border-radius: 4px; }
.pull-right { float: right; }

.pull-left { float: left; }
[class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-
right: 0.3em; }
[class^="icon-"].pull-right, [class*=" icon-"].pull-right {
margin-left: 0.3em; }
@charset "utf-8";
.icon-
.icon-music::before { content: "
.icon-
.icon-envelope-

.icon-
.icon-
.icon-star-
.icon-user::before { content:
.icon-
.icon-th-
.icon-
.icon-th-
.icon-

.icon-
.icon-zoom-
.icon-zoom-
.icon-power-off::before, .icon-
.icon-
.icon-gear::before, .icon-
.icon-
.icon-
.icon-file-

.icon-
.icon-
.icon-download-
.icon-do
.icon-
.icon-
.icon-play-
.icon-rotate-right::before, .icon-
.icon-refresh::befor

.icon-list-
.icon-
.icon-
.icon-
.icon-volume-
.icon-volume-down
.icon-volume-
.icon-
.icon-

.icon-
.icon-
.icon-book::befor
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-italic::before { con

.icon-text-
.icon-text-
.icon-align-
.icon-align-
.icon-align-
.icon-align-
.icon-
.icon-indent-
.icon-indent-

.icon-facetime-
.icon-picture::before { cont
.icon-
.icon-map-
.icon-
.icon-
.icon-
.icon-share::before { content:
.icon-

.icon-
.icon-step-
.icon-fast-
.icon-
.icon-play::before { co
.icon-
.icon-
.icon-
.icon-fast-

.icon-step-
.icon-eject::before
.icon-chevron-
.icon-chevron-
.icon-plus-
.icon-minus-
.icon-remove-
.icon-ok-
.icon-question-

.icon-info-
.icon-
.icon-remove-
.icon-ok-circle::before
.icon-ban-
.icon-arrow-
.icon-arrow-
.icon-arrow-
.icon-arrow-

.icon-mail-forward::before, .icon-share-alt::before { content:
.icon-resize-
.icon-resize-
.icon-
.icon-
.icon-asteri
.icon-exclamation-
.icon-
.icon-

.icon-
.icon-eye-
.icon-eye-
.icon-warning-
.icon-
.icon-
.icon-
.icon-
.icon-

.icon-chevron-
.icon-chevron-
.icon-
.icon-shopping-
.icon-folder-close::before {
.icon-folder-
.icon-resize-
.icon-resize-
.icon-bar-

.icon-twitter- ; }
.icon-facebook-
.icon-camera-
.icon-
.icon-gears::before, .icon-
.icon-
.icon-thumbs-up-
.icon-thumbs-down-
.icon-star-

.icon-heart-
.icon-
.icon-linkedin-sign::before {
.icon-
.icon-external-
.icon-
.icon-
.icon-github-
.icon-upload-

.icon-
.icon-
.icon-unchecked::before, .icon-check-empty::before { content:
.icon-bookmark-
.icon-phone-sign::b
.icon-
.icon-
.icon-
.icon-

.icon-credit-
.icon-rss::
.icon-
.icon-
.icon-
.icon-
.icon-hand-
.icon-hand-l
.icon-hand-

.icon-hand-
.icon-circle-arrow-
.icon-circle-arrow-
.icon-circle-arrow-up::befor
.icon-circle-arrow-
.icon-
.icon-
.icon-
.icon-

.icon-briefcas
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-cut::befo
.icon-
.icon-paperclip::before, .icon-paper-
}

.icon-
.icon-sign-
.icon- "; }
.icon-list-
.icon-list-
.icon-
.icon-
.icon-
.icon-magic::before { conte

.icon-
.icon-
.icon-pinterest-
.icon-google-plus-
.icon-google-
.icon-m
.icon-caret-
.icon-caret-
.icon-caret-

.icon-caret-
.icon-
.icon-
.icon-sort-
.icon-sort-
.icon-
.icon-
.icon-rotate-left::before, .icon-und
.icon-

.icon-
.icon-comment-
.icon-comments-
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-

.icon-cloud- ; }
.icon-cloud-
.icon-user-
.icon-
.icon-
.icon-bell-
.icon-coffee::before {
.icon-
.icon-file-text-

.icon-
.icon-
.icon-
.icon-medkit::b
.icon-fighter-
.icon-
.icon-h-
.icon-plus-sign-
.icon-double-angle-

.icon-double-angle-
.icon-double-angle-
.icon-double-angle-
.icon-angle-
.icon-angle-
.icon-angle-
.icon-angle-
.icon-
.icon-

.icon-
.icon-mobile- }
.icon-circle-
.icon-quote-
.icon-quote-
.icon-
.icon-
.icon-mail-reply::before, .icon-
.icon-github-

.icon-folder-close-
.icon-folder-open-
.icon-expand-
.icon-collapse-alt
.icon-
.icon-
.icon-
.icon-
.icon-

.icon-flag-alt::be
.icon-flag-
.icon-
.icon-
.icon-reply-
.icon-mail-reply-
.icon-star-half-full::before, .icon-star-half-empty::before {
.icon-location-

.icon-
.icon-code-
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-eraser::before { content:

.icon-puzzle-
.icon-
.icon-microphone-
.icon-
.icon-calendar-
.icon-fire-
.icon-
.icon-
.icon-chevron-sign-

.icon-chevron-sign-
.icon-chevron-sign-up:
.icon-chevron-sign-
.icon-
.icon-
.icon-
.icon-unlock-
.icon-
.icon-ellipsis-

.icon-ellipsis-
.icon-rss-
.icon-play-
.icon-ticket::before
.icon-minus-sign-
.icon-check-
.icon-level-
.icon-level-
.icon-check-

.icon-edit-
.icon-external-link-
.icon-share-
.icon-
.icon-
.icon-collapse-top::befor
.icon-
.icon-euro::before, .icon-
.icon-

.icon-dollar::before, .icon-
.icon-rupee::before, .icon-inr::
.icon-yen::before, .icon-
.icon-renminbi::before, .icon-
.icon-won::before, .icon-
.icon-bitcoin::before, .icon-btc::before { conten
.icon-
.icon-file-
.icon-sort-by-

.icon-sort-by-alphabet-
.icon-sort-by-
.icon-sort-by-attributes-
.icon-sort-by-
.icon-sort-by-order-
.icon-thumbs-
.icon-thumbs-
.icon-youtube-
.icon-

.icon-
.icon-xing-
.icon-youtube-
.icon-dropbox::before { content:
.icon-
.icon-
.icon-
.icon-
.icon-

.icon-bitbucket-sign::bef
.icon-
.icon-tumblr-
.icon-long-arrow-
.icon-long-arrow-
.icon-long-arrow-left::before { content: "
.icon-long-arrow-
.icon-
.icon-

.icon-
.icon-
.icon-dribbble::before { co
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-gittip::before { conte

.icon-
.icon-
.icon-
.icon-
.icon-
.icon-
.icon-
@charset "utf-8";
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

caption { margin: 0px; padding: 0px; border: 0px; outline: 0px;
font-weight: inherit; font-style: inherit; font-family: inherit;
font-size: 100%; }
table, tbody, tfoot, thead, tr, th, td { margin: 0px; outline: 0px;
font-size: 100%; }
font { margin: 0px; padding: 0px; border: 0px; outline: 0px;
font-weight: inherit; font-style: inherit; font-family: inherit; }
body { background: rgb(255, 255, 255); }
ol, ul { list-style: none; }
table { border-collapse: collapse; }
th { font-weight: normal; }
caption, th, td { text-align: left; }

blockquote::before, blockquote::after, q::before, q::after {
content: ""; }
blockquote, q { quotes: "" ""; }
input, button, select { font-weight: inherit; font-style: inherit;
font-family: inherit; font-size: 100%; vertical-align: middle; }
input:focus, button:focus, select:focus, a:focus { outline: rgb(0,
118, 208) solid 2px; }
input:hover, input:active, button:hover, button:active,
select:hover, select:active, a:hover, a:active { outline: none; }
.field select, .noLabelField select { max-width: 100%; }
.field select#filterQueryCondition { max-width: 300px; min-
height: 75px; }
.vtbegenerated { overflow-x: auto; padding: 0px !important;
margin: 0px !important; background: transparent !important; }

.vtbegenerated img { }
.vtbegenerated ul, .vtbegenerated menu, .vtbegenerated dir {
list-style-type: disc; margin: 1em 0px; padding-left: 40px; }
.vtbegenerated ul li { list-style-type: inherit; }
.vtbegenerated ol { list-style-type: decimal; margin: 1em 0px;
.vtbegenerated ol li { list-style-type: inherit; }
.vtbegenerated li { display: list-item; list-style-position:
outside; }
.vtbegenerated ul ul, .vtbegenerated ul ol, .vtbegenerated ul dir,
.vtbegenerated ul menu, .vtbegenerated ul dl, .vtbegenerated ol
ul, .vtbegenerated ol ol, .vtbegenerated ol dir, .vtbegenerated ol
menu, .vtbegenerated ol dl, .vtbegenerated dir ul, .vtbegenerated
dir ol, .vtbegenerated dir dir, .vtbegenerated dir menu,
.vtbegenerated dir dl, .vtbegenerated menu ul, .vtbegenerated

menu ol, .vtbegenerated menu dir, .vtbegenerated menu menu,
.vtbegenerated menu dl, .vtbegenerated dl ul, .vtbegenerated dl
ol, .vtbegenerated dl dir, .vtbegenerated dl menu, .vtbegenerated
dl dl { margin-top: 0px; margin-bottom: 0px; }
.vtbegenerated ol ul li, .vtbegenerated ul ul li, .vtbegenerated
menu ul li, .vtbegenerated dir ul li, .vtbegenerated ol menu,
.vtbegenerated ul menu, .vtbegenerated menu menu,
.vtbegenerated dir menu, .vtbegenerated ol dir, .vtbegenerated
ul dir, .vtbegenerated menu dir, .vtbegenerated dir dir { list-
style-type: circle; }
.vtbegenerated ol ol ul, .vtbegenerated ol ul ul, .vtbegenerated
ol menu ul, .vtbegenerated ol dir ul, .vtbegenerated ol ol menu,
.vtbegenerated ol ul menu, .vtbegenerated ol menu menu,
.vtbegenerated ol dir menu, .vtbegenerated ol ol dir,
.vtbegenerated ol ul dir, .vtbegenerated ol menu dir,
.vtbegenerated ol dir dir, .vtbegenerated ul ol ul, .vtbegenerated
ul ul ul, .vtbegenerated ul menu ul, .vtbegenerated ul dir ul,
.vtbegenerated ul ol menu, .vtbegenerated ul ul menu,
.vtbegenerated ul menu menu, .vtbegenerated ul dir menu,
.vtbegenerated ul ol dir, .vtbegenerated ul ul dir, .vtbegenerated
ul menu dir, .vtbegenerated ul dir dir, .vtbegenerated menu ol
ul, .vtbegenerated menu ul ul, .vtbegenerated menu menu ul,
.vtbegenerated menu dir ul, .vtbegenerated menu ol menu,
.vtbegenerated menu ul menu, .vtbegenerated menu menu menu,
.vtbegenerated menu dir menu, .vtbegenerated menu ol dir,
.vtbegenerated menu ul dir, .vtbegenerated menu menu dir,
.vtbegenerated menu dir dir, .vtbegenerated dir ol ul,
.vtbegenerated dir ul ul, .vtbegenerated dir menu ul,
.vtbegenerated dir dir ul, .vtbegenerated dir ol menu,
.vtbegenerated dir ul menu, .vtbegenerated dir menu menu,

.vtbegenerated dir dir menu, .vtbegenerated dir ol dir,
.vtbegenerated dir ul dir, .vtbegenerated dir menu dir,
.vtbegenerated dir dir dir { list-style-type: square; }
.vtbegenerated ul[type="circle"] li { list-style-type: circle; }
.vtbegenerated ul[type="disc"] li { list-style-type: disc; }
.vtbegenerated ul[type="square"] li { list-style-type: square; }
.vtbegenerated table { border-collapse: separate; }
.vtbegenerated blockquote { margin: 1em 24px; }
.vtbegenerated caption, .inventory .vtbegenerated caption { text-
align: center; }
.inlineVtbegenerated { display: inline; }
td[align="center"] { text-align: center !important; }

tr[align="center"] { text-align: center !important; }
.altHideoff1 { position: absolute; left: -10000px; width: 1px;
height: 1px; overflow: hidden; }
.boldme { font-weight: bold; }
.u_inlineStack, .u_inlineStackWrapper > li,
.u_inlineStackWrapper > div { display: inline-block; vertical-
align: top; zoom: 1; }
.u_inlineStack.filterGroup { vertical-align: middle; }
.u_inlineStack select { max-width: 300px; }
.u_resetFont { font-size: 100%; }
.u_centerAlign { text-align: center; }

.u_normalAlign { text-align: left; }
.u_indent { margin-left: 24px !important; }
.u_scrollPanel-vertical { overflow-y: auto; }
.u_panel-short { height: 70px; max-height: 100px; }
.u_panel-medium { height: 70px; max-height: 150px; }
.u_panel-long { height: 70px; max-height: 200px; }
html { height: 100%; min-height: 600px; }
body { height: 100%; }
.scroller-top { height: 89px; }

body.topFrame { height: 89px; overflow-y: hidden; }
body.filePicker { min-width: 400px; }
body.popup { min-width: 100%; }
body.popup div.locationPane { width: 100%; margin: 0px;
padding: 0px; }
body.csMenuFrame, body.popupMenu { min-width: 210px;
width: 100%; }
img { vertical-align: middle; border: 0px; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; }
em { font-style: italic; }

table.bouncer { width: 100%; }
table.bouncer td { padding: 0px; }
.brandingImgWrap { overflow: hidden; }
.brandingImgWrap { display: none; }
.topTabs { position: relative; overflow-y: hidden; }
.topTabs-compact { position: relative; }
.topTabs .tabWrapper-center .appTabs, .topTabs-compact
.tabWrapper-center .appTabs { margin: 0px auto; }
.topTabs .tabWrapper-right .appTabs, .topTabs-compact
.tabWrapper-right .appTabs { float: right; }
.breadcrumbs { position: relative; }

.locationPane { position: relative; zoom: 1; min-width: 100%; }
.navigationPane { position: absolute; top: 0px; left: 0px; clear:
both; overflow: visible; zoom: 1; width: 200px; }
.menuWrap { position: relative; zoom: 1; }
.contentPane { margin: 0px 14px 0px 212px; min-width: auto;
zoom: 1; overflow: visible; display: block; }
.contentPaneWide, .portalPane { }
#puller { position: absolute; z-index: 3; }
#puller a { display: block; height: 30px; width: 15px;
background: rgb(204, 204, 204); }
.navcollapsed { }

.contcollapsed { margin-left: 15px; }
#puller.pullcollapsed { }
.content, .container, .containerPortal { min-width: auto; display:
block; zoom: 1; min-height: 400px; }
.popup .container { min-height: 400px; }
.container, .containerOptions { overflow: visible; }
.column-1, .column-2, .column-3, .column-4, .column-5 { float:
left; margin: 6px 0px 0px; min-height: 400px; height: auto; }
.column-1 { width: 100%; }

.column-3 { width: 33.3%; }
#lightbox .column-3, #lightbox .column-2 { margin: 0px; min-
input[type="submit"].submit, .mainButton a, .actionBarMicro
.mainButton a, .rumble .mainButton > a, .rumble_top
.mainButton > a, .button-1, .button-1-img { font-weight: bold; }
.modeSwitchWrap { right: 0px; top: 6px; left: auto; margin-left:
9px; }
.modeSwitchWrap div { display: inline-block; vertical-align:
middle; }
.modeSwitch { position: relative; display: block; overflow:
hidden; }

.read-on { margin-right: 0px; }
a.read-off { }
a.read-off img { position: absolute; left: 0px; bottom: 0px; }
a.read-on img { position: absolute; right: 0px; bottom: 0px; }
.switcherLabel { display: inline-block; vertical-align: middle; }
.helpLink { top: 1px; position: relative; }
.helpLink a.browseIcon { display: inline-block; }
.vtbeSwitch { position: relative; float: right; }
.vtbeSwitch span { display: inline-block; }

a.colorChip, a.colorChip span { display: inline-block; }
input[type="button"], input[type="submit"], button { }
form#content { border: 0px; box-shadow: none; background:
transparent; }
.reorder { position: absolute; cursor: move; }
.contextMenuContainer { zoom: 1; }
.gbtable .contextMenuContainer, .gbtable_header
.contextMenuContainer { display: inline; }
@charset "utf-8";

@font-face { font-family: "Open Sans"; font-style: normal;
font-weight: 300; src: url("fonts/open-sans/open-sans-
300.woff") format("woff"); }
@font-face { font-family: "Open Sans"; font-style: italic; font-
weight: 300; src: url("fonts/open-sans/open-sans-
300italic.woff") format("woff"); }
regular.woff") format("woff"); }
weight: 400; src: url("fonts/open-sans/open-sans-italic.woff")
format("woff"); }

@font-face { font-family: "Noto Serif"; font-style: normal;
font-weight: 400; src: url("fonts/noto-serif/noto-serif-
regular.woff") format("woff"); }
@font-face { font-family: "Noto Serif"; font-style: italic; font-
weight: 400; src: url("fonts/noto-serif/noto-serif-italic.woff")
format("woff"); }

@font-face { font-family: "Noto Serif"; font-style: normal;
font-weight: 700; src: url("fonts/noto-serif/noto-serif-
@font-face { font-family: "Noto Serif"; font-style: italic; font-
weight: 700; src: url("fonts/noto-serif/noto-serif-
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption { margin: 0px; padding: 0px; border: 0px; outline: 0px;
font-size: 100%; }
table, tbody, tfoot, thead, tr, th, td { margin: 0px; outline: 0px;
font-size: 100%; }
font { margin: 0px; padding: 0px; border: 0px; outline: 0px;
font-weight: inherit; font-style: inherit; font-family: inherit; }
body { background: rgb(255, 255, 255); }

ol, ul { list-style: none; }
table { border-collapse: collapse; }
th { font-weight: normal; }
caption, th, td { text-align: left; }
blockquote::before, blockquote::after, q::before, q::after {
content: ""; }
blockquote, q { quotes: "" ""; }
input, button, select { font-weight: inherit; font-style: inherit;
font-family: inherit; font-size: 100%; vertical-align: middle; }
.field select, .noLabelField select { max-width: 100%; }
.field select#filterQueryCondition { max-width: 300px; min-

height: 75px; }
.vtbegenerated { overflow-x: auto; padding: 0px !important;
margin: 0px !important; background: transparent !important; }
.vtbegenerated img { }
list-style-type: disc; margin: 1em 0px; padding-left: 40px; }
.vtbegenerated ul li { list-style-type: inherit; }
.vtbegenerated ol { list-style-type: decimal; margin: 1em 0px;
.vtbegenerated ol li { list-style-type: inherit; }
.vtbegenerated li { display: list-item; list-style-position:
outside; }

.vtbegenerated ul ul, .vtbegenerated ul ol, .vtbegenerated ul dir,
.vtbegenerated ul menu, .vtbegenerated ul dl, .vtbegenerated ol
ul, .vtbegenerated ol ol, .vtbegenerated ol dir, .vtbegenerated ol
menu, .vtbegenerated ol dl, .vtbegenerated dir ul, .vtbegenerated
dir ol, .vtbegenerated dir dir, .vtbegenerated dir menu,
.vtbegenerated dir dl, .vtbegenerated menu ul, .vtbegenerated
menu ol, .vtbegenerated menu dir, .vtbegenerated menu menu,
.vtbegenerated menu dl, .vtbegenerated dl ul, .vtbegenerated dl
ol, .vtbegenerated dl dir, .vtbegenerated dl menu, .vtbegenerated
dl dl { margin-top: 0px; margin-bottom: 0px; }
.vtbegenerated ol ul li, .vtbegenerated ul ul li, .vtbegenerated
menu ul li, .vtbegenerated dir ul li, .vtbegenerated ol menu,
.vtbegenerated ul menu, .vtbegenerated menu menu,
.vtbegenerated dir menu, .vtbegenerated ol dir, .vtbegenerated
ul dir, .vtbegenerated menu dir, .vtbegenerated dir dir { list-
style-type: circle; }
.vtbegenerated ol ol ul, .vtbegenerated ol ul ul, .vtbegenerated
ol menu ul, .vtbegenerated ol dir ul, .vtbegenerated ol ol menu,
.vtbegenerated ol ul menu, .vtbegenerated ol menu menu,
.vtbegenerated ol dir menu, .vtbegenerated ol ol dir,
.vtbegenerated ol ul dir, .vtbegenerated ol menu dir,
.vtbegenerated ol dir dir, .vtbegenerated ul ol ul, .vtbegenerated
ul ul ul, .vtbegenerated ul menu ul, .vtbegenerated ul dir ul,
.vtbegenerated ul ol menu, .vtbegenerated ul ul menu,
.vtbegenerated ul menu menu, .vtbegenerated ul dir menu,
.vtbegenerated ul ol dir, .vtbegenerated ul ul dir, .vtbegenerated
ul menu dir, .vtbegenerated ul dir dir, .vtbegenerated menu ol
ul, .vtbegenerated menu ul ul, .vtbegenerated menu menu ul,
.vtbegenerated menu dir ul, .vtbegenerated menu ol menu,
.vtbegenerated menu ul menu, .vtbegenerated menu menu menu,

.vtbegenerated dir dir dir { list-style-type: square; }
.vtbegenerated caption, .inventory .vtbegenerated caption { text-
align: center; }

td[align="center"] { text-align: center !important; }
tr[align="center"] { text-align: center !important; }
.altHideoff1 { position: absolute; left: -10000px; width: 1px;
height: 1px; overflow: hidden; }
.boldme { font-weight: bold; }
.u_inlineStack, .u_inlineStackWrapper > li,
.u_inlineStackWrapper > div { display: inline-block; vertical-
align: top; zoom: 1; }
.u_inlineStack select { max-width: 300px; }
.u_resetFont { font-size: 100%; }

.u_centerAlign { text-align: center; }
.u_normalAlign { text-align: left; }
.u_scrollPanel-vertical { overflow-y: auto; }
.u_panel-short { height: 70px; max-height: 100px; }
.u_panel-medium { height: 70px; max-height: 150px; }
.u_panel-long { height: 70px; max-height: 200px; }
html { height: 100%; }
body { height: 100%; }

body.topFrame { height: 89px; overflow-y: hidden; }
body.filePicker { min-width: 400px; }
body.popup { min-width: 100%; }
.content-system-page { min-width: 780px; }
body.popup div.locationPane { width: 100%; margin: 0px;
padding: 0px; }
body.csMenuFrame, body.popupMenu { min-width: 210px;
width: 100%; }
img { vertical-align: middle; border: 0px; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; }

em { font-style: italic; }
table.bouncer { width: 100%; }
table.bouncer td { padding: 0px; }
.brandingImgWrap { overflow: hidden; }
.brandingImgWrap { display: none; }
.topTabs { position: relative; overflow-y: hidden; }
.topTabs-compact { position: relative; }
.topTabs .tabWrapper-center .appTabs, .topTabs-compact
.tabWrapper-center .appTabs { margin: 0px auto; }

.topTabs .tabWrapper-right .appTabs, .topTabs-compact
.tabWrapper-right .appTabs { float: right; }
.breadcrumbs { position: relative; }
.locationPane { position: relative; zoom: 1; min-width: 100%; }
.navigationPane { position: absolute; top: 0px; left: 0px; clear:
both; overflow: visible; zoom: 1; width: 200px; }
.menuWrap { position: relative; zoom: 1; }
.contentPane { margin: 0px 14px 0px 212px; min-width: auto;
zoom: 1; overflow: visible; display: block; }
#puller { position: absolute; z-index: 3; }
#puller a { display: block; height: 30px; width: 15px;
background: rgb(204, 204, 204); }

.content, .container, .containerPortal { min-width: auto; display:
block; zoom: 1; min-height: 400px; }
.popup .container { min-height: 400px; }
.container, .containerOptions { overflow: visible; }
.column-1, .column-2, .column-3, .column-4, .column-5 { float:
left; margin: 6px 0px 0px; min-height: 400px; height: auto; }
.column-3 { width: 33.3%; }

#lightbox .column-3, #lightbox .column-2 { margin: 0px; min-
input[type="submit"].submit, .mainButton a, .actionBarMicro
.mainButton a, .rumble .mainButton > a, .rumble_top
.mainButton > a, .button-1, .button-1-img { font-weight: bold; }
.modeSwitchWrap { right: 0px; top: 6px; left: auto; margin-left:
9px; }
.modeSwitchWrap div { display: inline-block; vertical-align:
middle; }
.modeSwitch { position: relative; display: block; overflow:
hidden; }
.read-on { margin-right: 0px; }

a.read-off img { position: absolute; left: 0px; bottom: 0px; }
a.read-on img { position: absolute; right: 0px; bottom: 0px; }
.switcherLabel { display: inline-block; vertical-align: middle; }
.helpLink { top: 1px; position: relative; }
.helpLink a.browseIcon { display: inline-block; }
.vtbeSwitch { position: relative; float: right; }
.vtbeSwitch span { display: inline-block; }
a.colorChip, a.colorChip span { display: inline-block; }
input[type="button"], input[type="submit"], button { }

form#content { border: 0px; box-shadow: none; background:
transparent; }
.reorder { position: absolute; cursor: move; }
.contextMenuContainer { zoom: 1; }
.gbtable .contextMenuContainer, .gbtable_header
.contextMenuContainer { display: inline; }
.gbtable_header th, .gbtable thead th { border: 0px !important;
@font-face { font-family: Utilicons; src: local("☺"),
url("fonts/utilicons/utilicons-web-webfont.woff")
format("woff"), url("fonts/utilicons/utilicons-web-webfont.ttf")
format("truetype"), url("fonts/utilicons/utilicons-web-
webfont.svg#webfontphKv1xv9") format("svg"); font-weight:
normal; font-style: normal; }

* { font-family: "Open Sans", sans-serif; text-shadow: none
!important; letter-spacing: normal !important; }
dt { color: rgb(51, 51, 51) !important; }
html { font-family: "Open Sans", sans-serif; font-weight: 400;
line-height: 1.2; background-color: rgb(250, 250, 250); font-
size: 16px !important; }
h1 { font-size: 148%; }
h2 { font-size: 123.1%; }
h3 { font-size: 110%; }
h1, h2, h3 { margin: 1em 0px; }
a { color: rgb(139, 87, 42); text-decoration: none; }
.mceContentBody.vtbegenerated { background-color: rgb(255,

255, 255) !important; }
.vtbegenerated a { text-decoration: underline; }
table { font-size: 100%; }
thead th { font-weight: bold; }
#contentFrame, #schemePreview, .schemePreviewBody, body {
position: relative; background: rgb(250, 250, 250); margin: 0px
auto; overflow: visible; }
body.topFrame { background: rgb(255, 255, 255); }
body.login-page { position: relative; display: table; width:
100%; height: 100%; }
body.popup { padding: 0px; margin: 0px; background: rgb(255,
255, 255); }

body.csMenuFrame, body.popupMenu { border: 0px; margin:
0px; padding: 0px; background: 0px center; }
.csMenuFrame { font-size: 95%; }
body.external-breadcrumbs { background-image: none;
body.picker { min-width: 400px; background: rgb(255, 255,
255); }
.breadcrumbs { margin: 0px; padding: 12px 9px 12px 12px;
border-width: 0px 1px; border-right-style: solid; border-left-
style: solid; border-right-color: rgb(217, 217, 217); border-left-
color: rgb(217, 217, 217); border-image: initial; border-top-
style: initial; border-top-color: initial; border-bottom-style:
initial; border-bottom-color: initial; border-radius: 0px;
background: rgb(255, 255, 255); }
12px; }
.locationPane { padding-bottom: 12px; background: rgb(250,
250, 250); }

body.picker .locationPane { margin: 0px; display: block; }
.csPicker .locationPane { display: block; }
.navigationPane { width: 210px; background-color: rgb(51, 51,
51); margin: 0px; top: 0px; left: 0px; transition: margin-left
300ms cubic-bezier(0.42, 0, 1, 1) 0s; height: 100% !important; }
.menuWrap { border-radius: 0px; box-shadow: none; border:
0px; margin: 0px; padding: 0px; background-color: rgb(51, 51,
51); color: rgb(255, 255, 255); min-height: 100%; }
.contentPane { margin: 0px 0px 0px 210px; padding: 0px;
transition: margin-left 300ms cubic-bezier(0.42, 0, 1, 1) 0s;
background: rgb(250, 250, 250); }
.contentPane .shadow { border-top: 6px solid rgb(238, 238,
238); }
.contentPaneWide, .portalPane { padding: 0px; }

.popup .contentPaneWide, .picker .contentPaneWide { margin:
.container { padding: 20px 10px; background-color: rgb(250,
250, 250); }
.course-tools-page #listContainer { padding: 0px 30px; }
.picker .container, .popup .container { padding: 12px 20px; }
#puller { position: absolute; right: -8px; z-index: 3; top: -1px;
bottom: 1px; transition: margin-left 300ms cubic-bezier(0.42, 0,
1, 1) 0s; }
.tool-menu { background: none !important; border: 0px
!important; margin: 0px !important; padding: 0px !important; }
#puller a { height: 100%; width: 8px; background:
url("images/reorder_bg.png") repeat-y rgb(187, 187, 187);
border-radius: 0px 3px 3px 0px; box-shadow: rgba(0, 0, 0, 0.4)
1px 0px 3px inset; border-width: 1px 1px 1px 0px; border-top-
style: solid; border-right-style: solid; border-bottom-style:

solid; border-top-color: rgb(119, 119, 119); border-right-color:
rgb(119, 119, 119); border-bottom-color: rgb(119, 119, 119);
border-image: initial; border-left-style: initial; border-left-
color: initial; position: relative; overflow: visible; opacity: 0; }
.menuWrap:hover #puller a, .menuWrap:focus #puller a {
opacity: 1; transition: opacity 300ms cubic-bezier(0.42, 0, 1, 1)
0s; }
#puller a::after { content: "‹"; position: fixed; left: 217px; top:
50%; font-size: 180%; color: rgb(255, 255, 255); padding: 4px
6px 8px 2px; background-color: rgb(119, 119, 119); border-
radius: 0px 12px 12px 0px; line-height: 1; border-style: solid;
border-color: rgb(102, 102, 102); border-image: initial; border-
width: 1px 1px 1px 0px; transition: left 300ms cubic-
bezier(0.42, 0, 1, 1) 0s; opacity: 0; z-index: 9000; }
#puller.pullcollapsed a::after { content: "›"; opacity: 0; left:
9px; transition: left 300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
#puller.pullcollapsed a { background-color: rgb(0, 173, 208);
opacity: 1; }
#puller a:hover, #puller a:focus { background-color: rgb(119,
119, 119); }

#puller a img { height: 24px; width: 10px; }
#puller.pullcollapsed a:hover, #puller.pullcollapsed a:focus {
background-color: rgb(119, 119, 119); transition: background-
color 300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
#puller.pullcollapsed a:hover::after, #puller a:hover::after,
#puller.pullcollapsed a:focus::after, #puller a:focus::after {
opacity: 1; }
img, #puller a:hover img, #puller a:focus img { }
img { }
.navcollapsed { margin-left: -210px; transition: margin-left
300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
#puller.pullcollapsed { right: -10px; opacity: 1; transition:
margin-left 300ms cubic-bezier(0.42, 0, 1, 1) 0s; }

.navigationPane.navcollapsed { background: transparent; }
.navcollapsed .menuWrap { background: transparent; display:
block !important; }
.navcollapsed .menuWrap .menuWrap-inner { opacity: 0; }
.contcollapsed { margin-left: 12px; transition: margin-left
300ms cubic-bezier(0.42, 0, 1, 1) 0s; }
.breadcrumbs, .paneTabs { margin: 0px; border-width: 0px 0px
1px; border-top-style: initial; border-right-style: initial; border-
left-style: initial; border-top-color: initial; border-right-color:
initial; border-left-color: initial; border-image: initial; border-
background: rgb(255, 255, 255); }
12px; }
.paneTabs ul { clear: both; margin-left: 15px; margin-top: 0px;
}

.paneTabs ul li { float: left; margin: 15px 0px 0px; text-align:
center; position: relative; padding: 1px 0px; z-index: 200; }
.paneTabs .active { padding: 0px; float: left; position: relative;
}
.paneTabs a { display: block; text-decoration: none; border-left:
1px solid rgb(204, 204, 204); padding: 5px 5px 5px 10px; }
.paneTabs ul li:first-child a { border-left: 0px; padding-left:
0px; }
.paneTabs a:hover { text-decoration: underline; }
.paneTabs .active a:hover { text-decoration: none; }
relative; font-weight: bold; color: rgb(0, 133, 165); text-
decoration: none; margin: 0px 5px 0px 10px; }

.paneTabs .active a::before { bottom: 0px; }
{ font-weight: bold; padding: 5px 22px 5px 16px; }
padding: 3px 20px 3px 9px; margin: 0px; background: rgb(222,
222, 222); }
.paneTabs .external a { padding-left: 20px; background:
url("images/small_external_content.gif") 2px center no-repeat
rgb(222, 222, 222); }
.paneTabs .external a:hover { padding-left: 20px; background:
rgb(255, 241, 197); }
.personal a.paneTabOptions { background-color: transparent;

display: inline; top: 4px; right: 5px; opacity: 0.3; padding: 0px;
position: absolute !important; }
}
.paneTabs a.hiddenTabsLink { background-image:
url("images/indicators.png"); background-repeat: no-repeat;
background-position: center 6px; }
opacity: 0; }
.path, .simplePath { font-weight: bold; color: rgb(0, 0, 0);
padding: 0px; position: relative; float: left; }
.simplePath { background: transparent; padding: 4px 12px 0px;
}
.breadcrumbs .noToggle { padding: 0px; }

.path li, .simplePath li { display: inline-block; float: left;
position: relative; margin: 0px; background:
url("images/indicators.png") 100% 50% no-repeat transparent; }
.path .placeholder, .simplePath .placeholder { color: rgb(51, 51,
51); margin: 0px; font-weight: normal; padding: 2px 10px 5px;
.path .label, .simplePath .label { padding: 0px 6px; color:
rgb(68, 68, 68); font-weight: normal; }
.path a, .simplePath a { font-weight: normal; color: rgb(51, 51,
51); position: relative; display: inline-block; padding: 0px 0px
5px; text-align: left; }
.path a:hover, .path a:focus, .simplePath a:hover, .simplePath
a:focus { color: rgb(51, 51, 51); text-decoration: underline; }
.path .root, .simplePath .root { background-image: none;

.path .root a, .simplePath .root a { text-decoration: none; font-
weight: bold; margin: 2px 15px 0px 10px; }
.path .root a[href*="course_id"], .simplePath .root
a[href*="course_id"], .path .root a[href*="admin"], .simplePath
.root a[href*="admin"], .path .root a[href*="tabId="],
.simplePath .root a[href*="tabId="] { display: inline-block;
vertical-align: middle; overflow: hidden; margin: 2px 5px 0px
10px; }
.path .button, .simplePath .button { padding: 0px; margin: 0px
8px 0px 0px; }
.path .root a:hover::before, .path .root a:focus::before,
.simplePath .root a:hover::before, .simplePath .root
a:focus::before { color: rgb(136, 136, 136); }
.path .button a, .simplePath .button a { background-image:
none; padding: 1px 1px 2px; }
.path li.contextPath { line-height: 0; font-weight: bold; margin:
0px; padding: 4px 12px 0px 10px !important; }
.path li.contextPath:last-child { background-image: none; }

.contextPath > div, .contextPath > div:hover, .contextPath >
div:focus { background: 0px center; border: 0px; padding: 0px;
margin: 0px; opacity: 0.6; }
.contextPath:hover > div, .contextPath:hover > div:hover,
.contextPath:hover > div:focus { opacity: 1; }
.contextPath a.cmimg, .courseArrow a.cmimg { height: 13px;
display: inline-block; vertical-align: middle; }
.contextPath a.cmimg:hover, .contextPath a.cmimg:focus,
.courseArrow a.cmimg:hover, .courseArrow a.cmimg:focus {
.courseArrow, .courseArrow a { display: inline-block; }
.coursePath:hover .courseArrow, .coursePath:focus
.courseArrow { opacity: 1; }
.banner + .breadcrumbs { margin: 0px; background-color:
inherit; }

.breadcrumb-controls { float: right; }
.content { margin: 0px; padding: 0px; }
#contentArea, #schemePreviewBody, .contentBox { border-
radius: 0px; }
.popup .contentBox, .picker .contentBox { border: 0px;
background: rgb(255, 255, 255); border-radius: 0px; box-
shadow: none; }
#contentArea, .containerOptions, .containerPortal { margin:
0px; border-radius: 0px; color: rgb(17, 17, 17); min-height:
auto; }
.containerOptions .searchbar, .containerOptions .liveArea,
#addFolderForm { border: 0px; margin: 0px; padding: 12px
35px; border-radius: 0px; }
div.okContainer, div.ok div.container, .collabContainer {
padding-bottom: 60px; position: relative; }

.column-1, .column-2, .column-3, .column-4, .column-5 {
.leftColumn-narrow { float: left; margin: 0px; width: 22%;
overflow: auto; }
.picker .leftColumn-narrow, .picker #bb-question-discover
.leftColumn-narrow { width: 25%; margin: -12px 0px 0px -
20px; }
.rightColumn-narrow { float: right; margin-left: 1%; width:
22%; }
.rightColumn-wide { float: right; width: 74%; }
.leftColumn-wide { float: left; width: 76%; margin-left: -3px; }
.picker .leftColumn-wide, .picker #bb-question-discover
.leftColumn-wide { width: 76%; margin-top: -12px; min-height:
430px; }

.picker .leftColumn-wide h1 { margin: 0px; padding: 6px 12px;
}
#bb-question-discover .leftColumn-wide { margin: -20px -20px
0px -3px; width: 80%; }
#bb-question-discover .leftColumn-wide + .leftColumn-wide {
border-left: 0px; margin: 0px; width: auto; }
#bb-question-discover .leftColumn-narrow { width: 24%; }
.leftColumn-narrow h3, .rightColumn-narrow h3 { position:
relative; margin: 0px 0px 3px; padding: 0px; color: rgb(102,
102, 102); font-size: 100%; }
.leftColumn-narrow h4, .rightColumn-narrow h4, .columnPalette
h4 { display: block; margin: 0px; padding: 0px; }
.leftColumn-narrow a.itemHead, .rightColumn-narrow
a.itemHead, a.itemHead { display: block; padding: 3px 9px 6px
24px; background: url("images/portlet_expand_alt.gif") 6px 6px
no-repeat scroll transparent; text-decoration: none; }

.leftColumn-narrow a.itemHead:hover, .leftColumn-narrow
a.itemHead:focus, .rightColumn-narrow a.itemHead:hover,
.rightColumn-narrow a.itemHead:focus, a.itemHead:hover,
a.itemHead:focus { text-decoration: underline; }
.leftColumn-narrow a.itemHeadOpen, .rightColumn-narrow
a.itemHeadOpen, a.itemHeadOpen { background:
url("images/portlet_contract_alt.gif") 6px 6px no-repeat scroll
transparent; }
.leftColumn-narrow h3.hideoff { margin: 0px; }
.leftColumn-narrow .columnPalette:first-child { border-top:
0px; }
.paletteGroup, .columnPalette { position: relative; border-top:
2px groove rgba(255, 255, 255, 0.3); padding: 4px 0px 4px 6px;
}
.paletteGroup div.columnPalette { position: relative; margin:
0px 0px 6px; border: 0px; padding: 0px; background:
transparent; }

.paletteItems { margin: 0px 0px 4px; font-size: 95%; }
.paletteItems li { position: relative; margin: 0px 0px 0px 16px;
padding: 2px; }
.paletteItems div { margin: 0px 0px 0px 16px; }
#searchForm .paletteItems li { margin: 0px 0px 0px 24px; }
.paletteItems li a { padding: 6px 9px; line-height: 110%;
display: block; }
.paletteItems li label { display: inline-block; padding-left: 21px;
}
.picker .paletteItems li label { font-size: 94%; }
.paletteItems li:last-child { border: 0px; }

.paletteItems li input[type="checkbox"], ul.paletteItems li
.paletteItems li:hover, .paletteItems li:focus { background:
rgb(255, 255, 255); }
.paletteItems li a:hover, .paletteItems li a:focus { text-
.paletteItems li.selectedItem, .paletteItems
li.selectedItem:hover, .paletteItems li.selectedItem:focus,
.paletteItems li.active, .paletteItems li.active:hover,
.paletteItems li.active:focus { background: rgb(255, 244, 191);
color: rgb(0, 0, 0); }
.columnActions ul li a { display: block; }
#copyright { display: inline-block; font-size: 82%; color:
rgba(0, 0, 0, 0.6); position: relative; margin: 16px 0px 0px 9px;
}
.newCopyright { margin: 0px 0px 0px 12px; padding: 20px
12px 6px 60px; position: relative; }

.logo, .productTitle, .legal, .additionalInfo { padding: 0px 0px
1px; }
.productTitle { padding: 9px 12px 0px 9px; min-height: auto; }
.logo { margin-top: -20px; position: absolute; left: 0px; }
.logo img { width: 150px; display: none; visibility: hidden; }
.additionalInfo { float: none; }
.legal p, .additionalInfo p { margin: 0px; display: inline-block;
}
.additionalInfo p:first-child { margin: 0px 9px 0px 0px;
.additionalInfo p:first-child::after { content: "•"; color: rgb(204,
204, 204); right: -1px; position: relative; }

.additionalInfo p:first-child a { padding-right: 12px; }
.additionalInfo p:first-child a:hover, .additionalInfo p:first-child
a:focus { background: url("images/micro_popup.png") right 2px
no-repeat; }
.productTitle a { font-size: 125%; font-weight: bold; text-
decoration: none; line-height: 1.1em; color: rgb(51, 51, 51);
text-align: right; display: block; }
.productTitle a:hover, .productTitle a:focus { text-decoration:
underline; }
.additionalInfo a:hover, .additionalInfo a:focus { text-
.copyrightDetailContents { background-color: rgb(119, 119,
119); border: 1px solid rgb(85, 85, 85); border-radius: 3px;
clear: left; color: rgb(255, 255, 255); left: 0px; right: 0px;
margin: 0px auto; min-height: 5em; padding: 12px 24px;
position: absolute; top: 0px; display: none; }

.productImg { float: left; margin-top: 5px; }
.copyrightDetailContents ul { margin: 4px 0px 0px 24px; float:
left; text-align: left; }
.copyrightDetailContents ul li span { font-weight: bold; }
a.closeCopyright { float: right; position: relative; right: -16px;
top: -5px; }
.contentBlock ul { margin: 0px; padding: 10px 0px; list-style-
type: none; }
.contentBlock ul.threeCol { float: left; width: 30%; }
.contentBlock ul.threeCol li { background:
url("images/indicators.png") 0px 3px no-repeat transparent;
font-weight: bold; margin: 0px; padding: 0px 0px 0px 15px;
float: none; }
.contentBlock ul.threeCol li a { background-image: none; }

.contentBlock h3 input, .contentBlock h3 select, .contentBlock
input, .contentBlock select { font-size: 90%; font-weight:
normal; border: 1px solid rgb(153, 153, 153); margin-left: 6px;
padding: 1px 2px; vertical-align: middle; }
.contentBlock ol li input[type="checkbox"] { margin-right: 6px;
.contentBlock h3 a.browse, .contentBlock a.browse,
.contentBlock input.browse { display: inline; background-
image: none !important; }
div.landingListWrapper { text-align: center; margin: 1.6em 0px
0px; }
div.landingListWrapper ul.landingList, div.landingListWrapper
ul.landingList-2cols { width: 90%; margin: 0px auto; list-style:
none; padding: 0px; }
div.landingListWrapper ul.landingList li { margin: 0px 0px
1.6em; width: 50%; text-align: left; }

div.landingListWrapper ul.landingList-2cols li { float: left;
margin: 0px 3em 1.6em 0px; width: 45%; text-align: left; }
div.landingListWrapper ul.landingList li.restart { margin-top: -
13.6em; }
div.landingListWrapper ul.landingList li a,
div.landingListWrapper ul.landingList-2cols li a { text-
decoration: none; }
div.landingListWrapper ul.landingList li a:hover,
div.landingListWrapper ul.landingList-2cols li a:hover,
div.landingListWrapper ul.landingList li a:focus,
div.landingListWrapper ul.landingList-2cols li a:focus { text-
div.landingListWrapper ul.landingList li p,
div.landingListWrapper ul.landingList-2cols li p { padding:
0.4em 0.6em 0px 1.4em; margin: 0px; border-top: 1px solid
rgb(221, 221, 221); }
div.landingListWrapper ul.landingList li ul { list-style-type:
square; margin: 0px 0.4em 0.4em 0.8em; }

div.landingListWrapper ul.landingList li ul li { clear: left;
padding: 0px; margin: 0px; color: rgb(0, 0, 0); }
div.landingListWrapper ul.landingList-2cols li ul li { float:
none; padding: 0px; margin: 0px; color: rgb(0, 0, 0); }
div.landingListWrapper ul.landingList li h3,
div.landingListWrapper ul.landingList-2cols h3 { margin: 0px;
padding: 0.4em 1.2em; font-size: 110%; background:
url("images/indicators.png") 0px 0px no-repeat transparent; }
.containerLanding, div.landing div.container, body.landingBody
div.container { min-height: 400px; padding: 10px 0px 12px; }
.inst-email div.landing div.container { padding: 20px 30px; }
div.landingPageColumn { margin: 1.2em 0px; padding: 0px;
float: left; }
.twoCol { margin: 1.2em 0px; width: 49%; }

.threeCol { margin: 1.2em 0px; width: 32.5%; }
.landingPageColumn ul { margin: 0px 0px 0px 30px; }
.landingPageColumn .outcomesLanding { padding: 0px 0px
0.4em; }
.landingPageColumn ul li { margin: 0px 0px 2.2em; text-align:
left; }
.inst-email .landingPageColumn ul li { margin: 0px; }
.landingPageColumn .outcomesLanding li { margin: 0px 0px
1.2em; }
.landingPageColumn ul li a { text-decoration: none; }
.landingPageColumn ul li a:hover, .landingPageColumn ul li
a:focus { text-decoration: underline; }

.landingPageColumn h3, .landingPageColumn
.outcomesLanding li a { margin: 0px; padding: 0.4em 0px; font-
size: 110%; }
.landingPageColumn .outcomesLanding li h3 { background-
image: none; padding: 0.4em 0px; font-size: 115%; border-
.landingPageColumn .outcomesLanding li a { font-weight: bold;
font-size: 100%; }
.landingPageColumn .outcomesLanding li p { border-top: 0px
!important; }
.landingPageColumn h3 img { margin: 0px 0px 0px -12px; }
.landingPageColumn h3.hiddenlink img { opacity: 0.4; position:
absolute; top: 0px; left: 1.1em; }
.landingPageColumn ul li ul { list-style-type: square; margin:
0px 0.4em 0.4em 0.8em; padding: 0px 0px 0px 1.6em; }

.landingPageColumn ul li ul li { color: rgb(85, 85, 85); float:
none; padding: 1px 0px 2px; margin: 0px; }
.landingPageColumn ul li ul li.more { padding-top: 3px; }
.landingPageColumn ul li ul li.more a { padding: 0px 9px 0px
0px; color: rgb(85, 85, 85); background:
url("images/indicators.png") 0px 50% no-repeat transparent; }
.landingPageColumn ul li p { padding: 0px; margin: 0px; }
.landingPageColumn h3.hiddenlink { position: relative;
padding: 1em 1.2em 0.6em 4.2em; }
.landingPageColumn h3.hiddenlink a, .landingPageColumn
h3.hiddenlink a:hover, .landingPageColumn h3.hiddenlink
a:focus { color: rgb(119, 119, 119); text-decoration: none; }
.subhead_text { color: rgb(51, 51, 51); font-size: 90%; padding:
0px 0px 2px; }
.list_text { color: rgb(102, 102, 102); font-size: 85%; font-

weight: normal; padding: 0px 2px 2px 1.3em; }
.landingPageColumn .outcomesLanding .list_text a {
background-image: none; font-weight: normal; margin-left: 3px;
padding: 0px; }
div.datalistScroll { margin: 0.4em 0px 0.4em 1.4em; border:
1px solid rgb(221, 221, 221); background-color: white; height:
360px; overflow: auto; }
div.datalist { margin: 0.4em 0px 0.4em 1.4em; border: 1px solid
rgb(221, 221, 221); background-color: white; }
div.landingPageColumn ul li ul.datalistScroll { margin: 0.4em
0px 0.4em 1.4em; border-width: 0px 1px 1px; border-right-
initial; padding: 0px; background-color: white; height: 250px;
overflow: auto; list-style: none; }
div.landingPageColumn ul li ul.datalistScroll li { padding: 2px;
background-color: white; border-top: 1px solid rgb(221, 221,
221); }

div.landingPageColumn ul li ul.datalistScroll li:hover,
div.landingPageColumn ul li ul.datalistScroll li:focus {
div.datalist table thead tr th, div.datalistScroll table thead tr th
{ background-color: rgb(170, 170, 170); color: rgb(255, 255,
255); }
.emptylist { margin: 6px 0px 0px 1.4em; background-color:
white; border: 1px solid rgb(221, 221, 221); padding: 12px; }
div.landingPageColumn ul li ul.subcaret { margin: 0.4em 0px
0.4em 1.4em; padding: 0px; list-style-type: none; border-width:
0px 1px 1px; border-right-style: solid; border-bottom-style:
solid; border-left-style: solid; border-right-color: rgb(221, 221,
style: initial; border-top-color: initial; }
div.landingPageColumn ul li ul.subcaret li { margin: 0px;
padding: 2px 1px 2px 2px; list-style-type: none; background:
white; border-top: 1px solid rgb(221, 221, 221); font-weight:
normal; }

div.landingPageColumn ul li ul.subcaret li.complete { padding:
2px 1px 2px 20px; background:
url("/images/ci/icons/workflow_detail_complete_ti.gif") 2px
2px no-repeat white; }
div.landingPageColumn ul li ul.subcaret li.inprogress {
padding: 2px 1px 2px 20px; background:
url("/images/ci/icons/workflow_detail_active_ti.gif") 2px 2px
no-repeat white; }
.iconLegendLabel { margin: 1px 0px 1px 1.6em; font-size: 95%;
}
div.landingPageColumn ul li ul.subcaret li a,
div.landingPageColumn ul li ul.datalist li a,
div.landingPageColumn ul li div a, div.landingPageColumn ul li
table a, div.landingPageColumn ul li p a { text-decoration:
underline; }
.genericButton, .genericButtonImg, .browse, .browseIcon,
input[type="submit"].submit, .rumble a, .rumble_top a, .paging
a, .itemHeaderControl a, .actionMenuButton, .button-1, .button-
1-img, .button-2, .button-2-img, .button-3, .button-3-img,
.button-4, .button-4-img, .paletteSearch .button-4, h3#cs_search
+ ul div.none:first-child .button-4, .treeContainer .tree li
a.button-4-img, .inlineContextMenu a.browse { padding: 6px
16px 7px; text-decoration: none; vertical-align: middle; border-
radius: 2px; }

.mainButton h2, .secondaryButton h2 { margin: 0px; font-size:
100%; }
.button-4-img { box-shadow: none !important; }
#primaryButton, input[type="submit"].submit, .rumble
.mainButton > a, .rumble_top .mainButton > a, .button-1,
.button-1-img { -webkit-appearance: none; border-style: solid;
border-width: 0px; cursor: pointer; font-family: "Open Sans",
Arial, sans-serif; font-weight: 400; position: relative; text-align:
center; text-decoration: none; display: inline-block; font-size:
0.875rem; color: rgb(255, 255, 255); background-color: rgb(51,
51, 51); box-shadow: rgb(51, 51, 51) 0px 0px 0px 2px inset;
border-radius: 2px; transition: transform 100ms ease 0s,
background-color 250ms ease 0s, color 250ms ease 0s, box-
shadow 250ms ease 0s, opacity 250ms ease 0s; line-height: 1.4;
}
input[type="submit"].submit:hover,
input[type="submit"].submit:focus, .rumble .mainButton >
a:hover, .rumble .mainButton > a:focus, .rumble_top
.mainButton > a:hover, .rumble_top .mainButton > a:focus,
.button-1:hover, .button-1:focus, .button-1-img:hover, .button-
1-img:focus { -webkit-appearance: none; border-style: solid;
border-width: 0px; cursor: pointer; font-family: "Open Sans",
Arial, sans-serif; font-weight: 400; position: relative; text-align:
center; text-decoration: none; display: inline-block; font-size:

0.875rem; color: rgb(51, 51, 51); background-color: rgb(255,
255, 255); box-shadow: rgb(51, 51, 51) 0px 0px 0px 2px inset;
border-radius: 2px; transition: transform 100ms ease 0s,
background-color 250ms ease 0s, color 250ms ease 0s, box-
shadow 250ms ease 0s, opacity 250ms ease 0s; line-height: 1.4;
}
#secondaryButton, .button-2, .button-2-img { -webkit-
appearance: none; border-style: solid; border-width: 0px;
cursor: pointer; font-family: "Open Sans", Arial, sans-serif;
font-weight: 400; position: relative; text-align: center; text-
decoration: none; display: inline-block; font-size: 0.875rem;
color: rgb(51, 51, 51); background-color: rgb(218, 218, 218);
box-shadow: rgb(218, 218, 218) 0px 0px 0px 2px inset; border-
radius: 2px; transition: transform 100ms ease 0s, background-
color 250ms ease 0s, color 250ms ease 0s, box-shadow 250ms
ease 0s, opacity 250ms ease 0s; line-height: 1.4; border-color:
rgb(218, 218, 218); }
#secondaryButton, .button-2:hover, .button-2:focus, .button-2-
img:hover, .button-2-img:focus { background: rgb(255, 255,
255); color: rgb(82, 82, 82); box-shadow: none; border-color:
rgb(82, 82, 82); transition: background 250ms ease-in-out 0s; }
.sub a img, .sub .button-1 img, .sub .button-2 img,
.secondaryButton a img, .secondaryButton .button-2 img {
margin: -2px -4px 0px 0px; }

.mainButton a, .secondaryButton a, .actionBar .button-1,
.actionBar .button-2 { display: block; }
#primaryActionBrand, #secondaryActionBrand { color: rgb(233,
233, 233); background: rgb(85, 85, 85); }
.mainButton > a, .secondaryButton > a, .mainButton h2 > a,
.secondaryButton h2 > a { color: rgb(233, 233, 233); display:
block; padding: 12px 18px 13px; text-decoration: none; font-
size: 105%; background: -webkit-linear-gradient(top, rgb(119,
119, 119) 0px, rgb(85, 85, 85) 100%); }
.mainButton > a, .mainButton h2 > a { border-right: 1px solid
rgb(89, 89, 89); border-left: 1px solid transparent; }
.secondaryButton > a, .secondaryButton h2 > a { border-left:
1px solid rgb(89, 89, 89); border-right: 1px solid transparent;
margin: 0px; }
.mainButton.sub a, .secondaryButton.sub a { padding-right:
12px; }
.mainButton > a:hover, .mainButton > a:focus, .mainButton h2
> a:hover, .mainButton h2 > a:focus, li.mainButton:hover > a,

li.mainButton:focus > a, li.mainButton:hover h2 > a,
li.mainButton:focus h2 > a, .secondaryButton > a:hover,
.secondaryButton > a:focus, .secondaryButton h2 > a:hover,
.secondaryButton h2 > a:focus { background: rgb(85, 85, 85);
transition: background 250ms ease-in-out 0s; color: rgb(255,
255, 255); border-color: rgb(51, 51, 51) !important; }
.mainButton > a { font-weight: 600; }
.actionBar li.mainButton:first-child h2 > a, .actionBar
li.mainButton:first-child > a { padding-left: 20px; margin-left:
1px; }
.popup .actionBar li.mainButton:first-child h2 > a, .popup
.actionBar li.mainButton:first-child > a, .picker .actionBar
li.mainButton:first-child h2 > a, .picker .actionBar
li.mainButton:first-child > a { padding-left: 10px; }
.genericButton, .genericButtonImg,
input[type="submit"].genericButton, .browse, .browseIcon,
.rumble h3 + ul > li > a, .rumble h3 + ul > li > a, .rumble_top
h3 + ul > li > a, .rumble_top h3 + ul > li > a, .paging a,
.itemHeaderControl > a, .actionMenuButton, .button-3, .button-
3-img, .button-4, .button-4-img, #toolsSearchBox + .button-4,
.treeContainer .tree li a.button-4-img, .rumble a, .rumble_top a,
.rumble .abutton, .rumble_top .abutton { -webkit-appearance:
none; cursor: pointer; font-family: "Open Sans", Arial, sans-
serif; font-weight: 400; border: 0px; display: inline-block;

position: relative; text-align: center; text-decoration: none;
padding: 0.5625rem 1.125rem 0.625rem; font-size: 0.875rem;
color: rgb(51, 51, 51); background-color: rgb(218, 218, 218);
box-shadow: rgb(218, 218, 218) 0px 0px 0px 2px inset; border-
radius: 2px; transition: transform 100ms ease 0s, background-
color 250ms ease 0s, color 250ms ease 0s, box-shadow 250ms
ease 0s, opacity 250ms ease 0s; line-height: 1.4; background-
image: none; }
.paging a { min-width: 65px !important; }
.containerOptions input.genericButton, .containerOptions
input[type="submit"].genericButton, .containerOptions
input.button-1, .containerOptions input.button-2,
.containerOptions input.button-3, .containerOptions
input.button-4, .containerOptions .browse, .containerOptions
input[type="submit"].button-1, input[type="text"] +
input[type="submit"], input[type="text"] +
input[type="submit"].submit,
input[type="button"].genericButton { padding: 3px 8px 2px; }
.genericButtonImg, .button-3-img, .button-4-img,
.itemHeaderControl a, .browseIcon, .treeContainer .tree li
a.button-4-img { padding: 2px 3px 3px; }
.genericButton, .button-3, .button-4 { margin: 0px; }

.genericButtonImg { display: inline-block !important; }
input[type="submit"].genericButton, .button-3 { font-weight:
bold; }
.searchbar input[type="submit"].genericButton { font-weight:
normal; }
input[type="button"][disabled],
input[type="button"][disabled]:hover { color: rgb(153, 153,
153); border-color: rgb(204, 204, 204); background: rgb(240,
240, 240); }
#editGradeActionList.u_reverseAlign a.genericButton { display:
inline-block; margin-bottom: 5px; }
.genericButton:hover, .genericButton:focus,
.genericButtonImg:hover, .genericButtonImg:focus,
.browse:hover, .browse:focus, .browseIcon:hover,
.browseIcon:focus, input[type="submit"].genericButton:hover,
input[type="submit"].genericButton:focus, .rumble h3 + ul > li
> a:hover, .rumble h3 + ul > li > a:focus, .rumble_top h3 + ul >
li > a:hover, .rumble_top h3 + ul > li > a:focus, .paging a:hover,
.paging a:focus, .itemHeaderControl a:hover,
.itemHeaderControl a:focus, .actionMenuButton:hover,

.actionMenuButton:focus, .button-3:hover, .button-3:focus,
.button-4:hover, .button-4:focus, .button-3-img:hover, .button-
3-img:focus, .button-4-img:hover, .button-4-img:focus,
.navPaletteContent ul li:first-child .paletteSearch .button-
4:hover, .navPaletteContent ul li:first-child .paletteSearch
.button-4:focus, h3#cs_search + ul div.none:first-child .button-
4:hover, h3#cs_search + ul div.none:first-child .button-4:focus,
#toolsSearchBox + .button-4:hover, #toolsSearchBox + .button-
4:focus, .treeContainer .tree li a.button-4-img:hover,
.treeContainer .tree li a.button-4-img:focus, .rumble a:hover,
.rumble_top a:hover, .rumble a:focus, .rumble_top a:focus {
border-color: rgb(136, 136, 136); color: rgb(0, 0, 0);
background-color: rgb(240, 240, 240); transition: background
250ms ease-in-out 0s; text-decoration: none !important; }
.contextArrow.button-4-img:hover, .contextArrow.button-4-
img:focus { box-shadow: none; }
.paletteSearch .button-4:hover, .paletteSearch .button-4:focus {
background-image: none !important; }
.button-5, .button-5-img { display: inline-block; border: 1px
solid rgb(204, 204, 204); background: white; padding: 0px
0.4em 2px; text-decoration: none; border-radius: 2px; }
.button-5:hover, .button-5-img:hover { background: rgb(237,
237, 237); color: black; }

.button-6 { text-decoration: none; }
a.disabled, a.disabled:hover, a.disabled:focus,
.disabled:not(input), .disabled:not(input):hover,
.disabled:not(input):focus, input.button-3.disabled,
input.button-3.disabled:hover, input.button-3.disabled:focus {
opacity: 0.6; border-color: rgb(204, 204, 204); background-
color: rgb(237, 237, 237); cursor: not-allowed; box-shadow:
none; background-image: none; color: inherit; }
.mainButton a.disabled, .mainButton a.disabled:hover,
.secondaryButton a.disabled:hover, .mainButton
a.disabled:focus, .secondaryButton a.disabled:focus {
background: transparent; color: rgb(204, 204, 204); cursor: not-
allowed; }
.rumble a, .rumble_top a { display: block; text-align: left;
margin-bottom: 0px !important; }
.rumble .sub a img, .rumble_top .sub a img { margin: -2px -1px
0px 3px; }
.paging a, .rumble_top .inventory_paging .gotolink, .rumble
.inventory_paging .gotolink { display: inline-block; }

.listItemSelect { background: transparent; color: rgb(85, 85,
85); margin: 0px; }
#threadArea .listItemSelect { margin: 0px; }
.rumble_top .listItemSelect { padding: 0px 0px 3px 32px;
.rumble .listItemSelect { padding: 3px 0px 0px 32px; margin:
4px 0px 0px; }
.rumble .listItemSelect a, .rumble_top .listItemSelect a {
display: inline; margin: 0px; border: 0px; padding: 0px 3px 2px;
background: 0px center; text-decoration: underline; }
.rumble .listItemSelect a:hover, .rumble_top .listItemSelect
a:hover { text-decoration: none; }
.listItemSelect label { display: inline; border-left: 1px dotted
rgb(153, 153, 153); padding: 0px 6px; }

.listItemSelect select { font-size: 95%; }
input.calcButton { width: 2em; display: inline-block; margin:
2px 0px; }
input#width, input#height, select#border, select#controls,
.smallControls input[type="text"].width, .smallControls
input[type="text"].height { width: 5em; }
.smallControls select.quality, .smallControls select.controls,
.smallControls select.border { width: auto; }
.actionBar li.mainButton > a { border-radius: 0px; }
#actionBarBrand, .actionBarMicro { background-color:
transparent; margin-left: 10px; }
.actionBar ul li a { background: none !important; color:
rgb(102, 102, 102) !important; }

.actionBar ul li a:hover { color: rgb(0, 0, 0); box-shadow: none
!important; border-color: transparent !important; background-
.secondaryButton > a, .mainButton h2 > a, .secondaryButton h2
> a { color: rgb(255, 255, 255); border: 0px; background:
rgb(51, 51, 51) !important; }
.secondaryButton > a, .secondaryButton h2 > a { border: 0px; }
.mainButton > a { color: rgb(255, 255, 255); border: 0px;
background: rgb(51, 51, 51); text-shadow: none; }
.actionBarMicro .mainButton > a, .actionBarMicro
.secondaryButton > a { padding: 8px 7px; line-height: 1; box-
shadow: none; }
.actionBarMicro .mainButton a img, .actionBarMicro
.secondaryButton a img { margin: 0px; }
.actionBarMicro a span img, .actionBar a span img { visibility:
hidden; }

.actionBarMicro .access-reorder { border-radius: 0px; }
.actionBarMicro a span, .actionBar a span { height: 16px;
width: 16px; overflow: hidden; line-height: 0; display: inline-
block; background-image:
url("images/utilicons_sprite_rev.png"); background-repeat: no-
.actionBarMicro #quickViewLink a span, .actionBarMicro
#shortcutView a span { background-position: 0px 0px; }
.actionBarMicro #quickViewLink a:hover span, .actionBarMicro
#quickViewLink.active a span, .actionBarMicro #shortcutView
a:hover span, .actionBarMicro #shortcutView.active a span {
background-position: 0px -16px; }
.actionBarMicro #addCmItem > a span { background-position: -
16px 0px; }
.actionBarMicro #collapseAllLink ul li a { width: 90px; }
.actionBarMicro #addCmItem:hover > a span, .actionBarMicro
#addCmItem.active > a span { background-position: -16px -

16px; }
.actionBarMicro #expandAllLink a span, .actionBarMicro
#collapseAllLink a span, .actionBarMicro #folderView a span {
background-position: -32px 0px; }
#collapseAllLink a:hover span, .actionBarMicro
#expandAllLink.active a span, .actionBarMicro
#collapseAllLink.active a span, .actionBarMicro #folderView
a:hover span, .actionBarMicro #folderView.active a span {
.actionBarMicro #courseMapButton a span { background-
.actionBarMicro #courseMapButton a:hover span,
.actionBarMicro #courseMapButton.active a span { background-
.actionBarMicro #expandAllLink a span { background-position:
-208px 0px; }

#expandAllLink.active a span { background-position: -208px -
16px; }
.actionBarMicro #collapseAllLink a span { background-
.actionBarMicro #collapseAllLink a:hover span,
.actionBarMicro #collapseAllLink.active a span { background-
.actionBarMicro #refreshMenuLink a span, .actionBarMicro
#refreshView a span { background-position: -64px 0px; }
.actionBarMicro #refreshMenuLink a:hover span,
.actionBarMicro #refreshMenuLink.active a span,
.actionBarMicro #refreshView a:hover span, .actionBarMicro
#refreshView.active a span { background-position: -64px -16px;
}
a.access-reorder span { background-position: -80px 0px; }
a.access-reorder:hover span, a.access-reorder.active span {

.actionBar .sub a .chevron { background-position: -95px 0px; }
.actionBar .sub:hover a .chevron, .actionBar .sub a:focus
.chevron { background-position: -95px -16px; }
.actionBarMicro .active > a, .actionBarMicro .active > a:hover,
.actionBarMicro .active > a:focus { position: relative; }
.mainButton.sub:hover h2 > a::before, .mainButton.sub >
a:hover::before, .mainButton.sub:hover > a::before,
.secondaryButton.sub:hover h2 > a::before,
.secondaryButton.sub > a:hover::before,
.secondaryButton.sub:hover > a::before { display: none; border:
0px; }
.mainButton.sub:hover h2 > a::after, .mainButton.sub >
a:hover::after, .mainButton.sub:hover > a::after,
.secondaryButton.sub:hover h2 > a::after, .secondaryButton.sub
> a:hover::after, .secondaryButton.sub:hover > a::after {
display: none; border: 0px; }
.actionBarMicro ul:hover + ul .active a::after { display: none; }

a.liveAreaTab::after, .nav .sub.mainButton h2 > a:hover::after,
.nav .sub.mainButton:hover > h2 a::after, .nav
.sub.secondaryButton h2 > a:hover::after, .nav
.sub.secondaryButton:hover > h2 a::after, #loginLang
h2:hover::after, #loginLang:hover h2::after, .nav .sub:hover >
a::after { border-bottom-color: rgb(255, 255, 255); }
.actionBarMicro.columnActions { margin: 0px 0px 3px;
padding: 3px 0px; background: transparent; }
.alignPanel li.sub { padding: 0px; }
.alignPanel li.sub a.button-4::after { content: none; }
.columnActions ul { margin: 0px 0px 2px; }
.columnActions .mainButton a { padding: 1px 4px; text-
decoration: none; }
.columnActions .mainButton a:hover { padding: 1px 4px; text-
decoration: none; }

.onOffToggleWrap { font-size: 90%; font-weight: bold; display:
transparent; min-width: 57px; }
.modeSwitchWrap { font-size: 90%; font-weight: bold; display:
transparent; }
.modeSwitch { border-radius: 16px; background: rgb(204, 204,
204); padding: 0px 9px 0px 6px; text-decoration: none; text-
transform: uppercase; box-shadow: rgba(255, 255, 255, 0.3) 1px
1px 0px; }
.modeSwitch::before { content: "•"; font-size: 22px; line-height:
0.9; color: rgb(187, 187, 187); left: 0px; vertical-align: middle;
font-weight: normal; position: relative; top: -2px; margin-right:
2px; }
.read-on { margin-right: 0px; background-color: rgb(119, 119,
119); }
.read-on:hover { background: rgb(85, 85, 85); }

.read-on { color: rgb(255, 255, 255); }
.read-on::before { color: lime; }
.read-on.disabled::before, .read-on.disabled { color: rgb(153,
153, 153); }
.read-off::before, .read-off { color: rgb(153, 153, 153); }
a.read-off img { display: none; }
a.read-on img { display: none; }
a.read-on .hideoff, a.read-off .hideoff { }
.modeSwitch span { display: inline-block; vertical-align:
middle; }
.switcherLabel { color: rgb(102, 102, 102); font-weight: normal;

.vtbeSwitch { top: 2px; }
.vtbeSwitch span { padding: 0px; display: inline-block; font-
size: 100% !important; }
.legacy .vtbeSwitch { height: 2.2em; }
.vtbeSwitch div.modeSwitchWrap { right: 0px; top: 2px;
background-color: rgb(238, 238, 238); border-width: 1px 1px
0px; border-top-style: solid; border-right-style: solid; border-
right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204,
204); border-image: initial; border-bottom-style: initial; border-
bottom-color: initial; padding: 6px 12px; }
.vtbeSwitch div.modeSwitchWrap a span#statusText { padding:
.vtbeSwitch div.modeSwitchWrap a.read-off { background-
color: rgb(221, 221, 221); }

.vtbeSwitch div.modeSwitchWrap a.read-off:hover {
.vtbeSwitch div.modeSwitchWrap a.read-off:hover
span#statusText { color: rgb(0, 0, 0); }
table.vtbeTable-legacy { width: 100%; }
.vtbeTable-legacy textarea { width: 100%; }
.helpLink { border: 0px; margin: 0px; display: inline-block;
vertical-align: middle; max-height: 23px; }
.helpLink a.browseIcon { display: inline-block; background:
rgb(119, 119, 119); border: 0px; position: relative; padding: 1px
1px 0px; border-radius: 12px; font-size: 115%; box-shadow:
none; text-align: center; }
#helpTextToggleLink { display: none; }
.helpLink a.browseIcon img { display: none; }

.helpLink a.browseIcon::before { content: "?"; color: rgb(255,
255, 255); display: inline-block; z-index: 1; height: 18px;
width: 18px; position: relative; font-weight: bold; }
.helpLink a.browseIcon:hover, .helpLink a.browseIcon:focus {
box-shadow: none; }
.helpLink a[title*="Off"].browseIcon:hover { background:
rgb(187, 187, 187); }
.helpLink a[title*="Off"], .helpLink a[title*="Off"]:hover,
.helpLink a[title*="Off"]:focus { background: none 0px 0px
repeat scroll rgb(204, 204, 204); color: rgb(153, 153, 153); }
.helpLink a[title*="Off"]::before, .helpLink
a[title*="Off"]:hover::before, .helpLink
a[title*="Off"]:focus::before { color: rgb(153, 153, 153); }
.reorder { top: 0px; left: 0px; bottom: 0px; height: auto; width:
18px; opacity: 0; border: 0px; background: rgb(229, 229, 229);
z-index: 2; }

table.reorder { opacity: 1; }
.reorder span { display: inline-block; height: 20px; }
table.reorder span { height: auto; }
.item .reorder { top: 0px; left: 0px; bottom: 0px; height: auto;
width: 18px; opacity: 0; border: 0px; background: rgb(197, 111,
213); z-index: 2; }
.item .reorder span, .liItem .reorder span, .listCm .reorder span,
.subList-reorder .reorder span, .buttonCm .reorder span,
.dndHandle .reorder span, .portlet .reorder span { background:
url("images/controls.png") -174px -118px no-repeat; }
.listCm .reorder, .subList-reorder .reorder, .buttonCm .reorder {
width: 16px; }
.portlet .reorder span { background-position: -237px -116px;
height: 24px; }
.portlet .reorder { border-style: solid; border-color: rgb(85, 85,

85); border-image: initial; border-width: 1px 0px 1px 1px;
bottom: -1px; left: -20px; opacity: 0; position: absolute; top: -
1px; border-radius: 3px 0px 0px 3px; }
.portlet.module-dragstate .reorder { border-width: 1px 0px 1px
1px; left: -20px; top: -1px; bottom: -1px; }
.reorder img { opacity: 0; }
.item .reorder img { margin: 6px 3px; }
.portlet .reorder img { width: 18px; height: 20px; }
.liItem:hover .reorder, .liItem:focus .reorder, .buildList li:hover
.reorder, .listCm li:hover .reorder, .buttonCm li:hover .reorder,
.portlet h2:hover .reorder, .contentListPlain li:hover
.contextMenuContainer a, .buildList li:hover
.contextMenuContainer a, .liItem:hover .contextMenuContainer
a, .liItem:hover .reorder, .contentList > li:hover
.contextMenuContainer a { opacity: 1; }
a.cmimg { background: url("images/controls.png") -320px -
125px no-repeat scroll transparent; margin: 0px; width: 16px;
height: 16px; display: inline-block; }

a.cmimg.cmMore { background: 0px center; }
table.inventory tr:hover a.cmimg, table.inventory tr
a.cmimg:focus { opacity: 1; }
a.cmimg:hover, a.cmimg:focus { background-position: -320px -
143px; }
a.cmimg img { width: 15px; height: 15px; }
.listCm .courseMenu a.cmimg, .buttonCm .courseMenu
a.cmimg, .portlet a.cmimg, a.cmimg-small { position: absolute;
right: 6px; top: 9px; margin: 0px; padding: 0px; background-
image: url("images/controls.png"); background-repeat: no-
repeat; background-position: -28px -124px; opacity: 0.7;
display: inline-block; height: 15px; overflow: hidden; }
.listCm .courseMenu a.cmimg:hover, .portlet a.cmimg:hover,
.listCm .courseMenu a.cmimg:focus, .portlet a.cmimg:focus,

.buttonCm .courseMenu a.cmimg:hover, .buttonCm .courseMenu
a.cmimg:focus, .cmimg-small:focus, .cmimg-small:hover {
opacity: 1; background: url("images/controls.png") -28px -
142px no-repeat transparent; zoom: 1; }
.courseMenu .subhead a.cmimg { top: 9px; }
.buttonCm .courseMenu .subhead .cmimg { top: 2px; }
.buttonCm .subhead h3 { padding: 6px 0px 6px 30px; margin:
0px 18px 0px 0px; }
.portlet a.cmimg { position: relative; right: 0px; top: 2px; }
.listCm .courseMenu a.cmimg img, .portlet a.cmimg img {
width: 15px; height: 15px; opacity: 0; }
.buildList li .contextMenuContainer a, .item
.contextMenuContainer a, .listCm .courseMenu a.cmimg {
padding: 0px; vertical-align: baseline; }
.buildList li .contextMenuContainer a:focus, .item

.contextMenuContainer a:focus { opacity: 1; }
.listCm .courseMenu li:hover a.cmimg { opacity: 1; }
a.close, a.close-menu, .external-breadcrumbs .breadcrumbs
a.close { position: absolute; top: 11px; right: 10px; opacity: 0.7;
z-index: 100; }
.external-breadcrumbs .breadcrumbs a.close { top: 13px; right:
10px; }
a.close { top: 0px; right: 20px; }
a.close img, a.close-menu img { height: 1px; left: -10000px;
overflow: hidden; position: absolute; top: -1000px; width: 1px;
}
a.close::before { content: "X"; font: 18px/1 Utilicons; color:
rgb(170, 170, 170); }
span.close-contextmenu::before { content: attr(data-icon); font:
14px/1 Utilicons; color: rgb(170, 170, 170); }

a.close-menu:hover span.close-contextmenu::before { color:
rgb(136, 136, 136); }
a.close-menu::before { font-size: 14px; }
a.close:hover::before, a.close-menu:hover::before { color:
rgb(136, 136, 136); }
.builderItem a.close { opacity: 1; }
.liveArea a.close { right: 6px; top: 6px; }
.cmdiv a.close-menu { top: 0px; right: 0px; opacity: 1; z-index:
100; position: relative !important; }
a.colorChip { padding: 1px 0px 1px 2px; display: inline-block;
}
.pageTitle a.colorChip { padding: 4px 0px 4px 7px; vertical-

align: top; }
a.colorChip span { display: inline-block; padding: 2px;
background: url("images/controls.png") -320px -123px no-
a.colorChip:hover span { background-position: -320px -141px;
}
a.colorChip span img { width: 16px; height: 16px; opacity: 0; }
a.colorChip img.chipSwatch { border-width: 1px; border-style:
span.colorChipName { vertical-align: middle; display: inline-
block !important; padding: 0px !important; }
input[type="text"], input[type="password"], select { border-
radius: 4px; border: 1px solid rgb(255, 255, 255); padding: 5px;
}

.courseMenu input, .courseMenu input[type="text"],
.renameCourseToc input { margin-left: 18px; width: 120px; }
.renameCourseToc input { margin-left: 0px; }
#calculatorValue { width: 10em; margin: 3px 0px; }
a.microControl { border: 0px; margin: 0px; padding: 0px; float:
none; display: inline; }
a.microControl img { width: 12px; height: 12px; }
a.save { background: url("images/controls.png") -50px -123px
no-repeat transparent; }
a.cancel { background: url("images/controls.png") -70px -123px
no-repeat transparent; }

.backLink { position: absolute; bottom: 0px; right: 0px; margin:
0px; }
.closeToContentBackLink { margin-top: 10px; margin-right:
20px; bottom: auto; }
.tocBottom_min .backLink { bottom: 48px; }
.tocBottom_max .backLink { bottom: 348px; }
.tocBottom_open .backLink { bottom: 178px; }
.shortDoc .backLink { position: relative; bottom: 0px; right:
0px; text-align: left; margin-top: 15px; }
.backLink a { border-radius: 0px; background: rgb(255, 255,
255); color: rgb(118, 118, 118); display: inline-block; font-
weight: bold; padding: 8px 18px 8px 12px; text-decoration:
none; margin: 20px; }

.shortDoc .backLink a { border-width: 1px; border-radius: 0px;
}
.backLink a::before { content: "←"; font-size: 120%; line-
height: 1.2; color: rgb(153, 153, 153); }
.backLink a:hover { background: rgb(221, 221, 221); color:
rgb(119, 119, 119); }
.backLink a:hover::before { color: rgb(0, 173, 208); }
.sliderWrapper { padding: 7px 13px 7px 0px; border-radius:
0px; font-size: 85%; background: rgb(255, 255, 255); position:
relative; border-bottom: 1px solid rgb(221, 221, 221); display:
inline-block; }
#sliderHandle { border-radius: 0px; background: rgb(153, 153,
153); border: 1px solid rgb(85, 85, 85); cursor: ew-resize;
display: block; height: 4px; margin: -2px 0px 0px; width: 4px; }
#sliderTrack { border-radius: 0px; background: rgb(237, 237,
237); border: 1px solid rgb(204, 204, 204); display: inline-
block; height: 2px; margin: 0px 0px 0px 6px; width: 60px;
position: relative; top: -2px; }

.itemCounter { border-radius: 0px; background: rgb(205, 205,
205); padding: 1px 4px; font-size: 115%; text-align: center;
#pageHeader, .pageTitle, .pageTitleSmall { margin: 0px;
#pageHeader, #schemePreviewHead, .pageTitle h1,
.pageTitleError h1 { padding: 0px; margin: 0px; line-height: 1;
color: rgb(0, 0, 0); }
.picker .pageTitle h1, .popup .pageTitle h1 { font-size: 160%; }
.pageTitle #titleicon, .pageTitle h1, .pageTitle a.cmimg {
.pageTitle h1 + .contextMenuContainer { margin-left: 2px;
position: relative; top: 2px; vertical-align: top; }
.pageTitle a.cmimg { margin: 0px; }

.pageTitle #titleicon { margin: 0px 6px 0px 0px; display: none;
}
.pageTitle #titleicon[src*="slideshare"] { background: rgb(255,
255, 255); border-color: rgb(222, 222, 222); border-radius: 0px;
border-style: solid; border-width: 0px 0px 1px 1px; display:
block; height: 39px; padding: 4px 12px; position: absolute;
right: 7px; top: 1px; width: auto; }
.pageTitle #titleicon[src*="youtube"] { display: block; height:
44px; position: absolute; right: 14px; top: 8px; width: auto; }
.pageTitleSmall h1 { padding: 0px; font-size: 135%; margin:
0px; color: rgb(255, 255, 255); }
#pageHeader, #schemePreviewHead, .pageTitle { padding: 10px
30px 20px; margin: 0px; border-radius: 0px; position: relative;
}
.pageTitle { padding: 20px 30px; }
.contentPaneWide .pageTitle { padding: 20px 30px; }

.picker .pageTitle, .popup .pageTitle { border-radius: 0px;
#pageHeader, #schemePreviewHead { background-color:
rgb(222, 222, 222); }
.pageTitleIcon { display: table-row; }
.pageTitle .details { display: none; }
.pageTitle .contextMenuContainer, .pageTitle .titleButtons,
.pageTitleEdit { display: inline-block !important; }
#pageTitleBar { margin-right: 6px; display: inline-block; }
.pageTitle { border: 0px !important; background: none
!important; margin: 10px 0px !important; }
.pageTitle h2 { clear: both; margin: 0px; font-size: 100%; color:

rgb(51, 51, 51); }
.pageTitle h2 span { font-weight: normal; }
.contextString, .pageTitle .label { color: rgb(119, 119, 119);
.error .pageTitle { background: -webkit-gradient(linear, 0 0, 0
100%, from(rgb(252, 2, 2)), to(rgb(219, 15, 15))); }
.error .pageTitle h1 { color: rgb(255, 255, 255); }
.customBanner, .currentBannerWrapper { overflow: hidden;
text-align: center; margin: 0px; background-color: transparent;
}
div.localViewToggle + div.pageTitle { padding-top: 0px;
div#lightboxContent h2 { font-size: 130%; margin: 0px;
padding: 18px 24px 0px; position: relative; }

.helphelp, .pageTitle p, .details.label { padding: 0px; clear:
both; color: rgb(51, 51, 51); margin: 5px 0px 0px -6px; font-
style: italic; }
.helphelp { margin-left: 0px !important; }
.mapTabs + .helphelp, .mapTabs ~ .helphelp { border-top: 1px
solid rgb(187, 187, 187); margin: 0px -30px -20px; padding:
.helphelp a { text-decoration: none; border-bottom: 1px dotted;
color: rgb(68, 68, 68); }
.helphelp a:hover { border-style: solid; }
div.helphelp ul { margin: 6px 0px; }
.version { font-size: 60%; color: rgb(102, 102, 102); font-
weight: 400; margin-top: 6px; display: inline-block; }

.version i { font-style: normal; font-weight: bold; }
.version span { display: inline-block; position: relative; width:
28px; overflow: hidden; top: 0px; left: -7px; color: rgb(153,
153, 153); font-weight: 100; text-align: right; }
.version span::before { content: "+"; font-size: 105%; color:
rgb(0, 173, 208); font-weight: bold; position: relative; top: -
2px; left: 0px; width: 20px; display: inline-block; text-align:
left; }
.colophon { float: right; width: 30em; background: transparent;
font-size: 85%; overflow: visible; position: relative; right: 0px;
margin: 0px 0px 0px 14px; padding: 0px 0px 3px 55px; }
.colophon img { position: absolute; left: 0px; }
.installation { line-height: 1.3em; color: rgb(102, 102, 102)
!important; }
.installation span.label { font-weight: bold; }

.actionBar { z-index: 210; border-radius: 0px; margin: 0px; }
.actionBar ul li { position: relative; }
.actionBar ul li.mainButton { z-index: 210; }
.actionBar ul li.secondaryButton { z-index: 209; }
.pageTitle + .actionBar { border-radius: 0px; border-top: 1px
solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235,
235, 235); padding-left: 15px; padding-right: 15px; }
.actionBar .mainButton { float: left; margin: 0px; padding: 0px;
}
.actionBar .secondaryButton { float: right; margin: 0px; }
.actionMenu { z-index: 111; position: relative; }
.actionMenuItem { z-index: 123; position: relative; }

.actionBarMicro { border-radius: 0px; }
.csMenuFrame .actionBarMicro, .popupMenu .actionBarMicro {
.portlet .actionBarMicro { padding: 4px; margin: 0px; }
.actionBarMicro .secondaryButton > a { box-shadow: none; }
.portlet .actionBarMicro ul { margin: 2px; }
.actionBarMicro ul li { padding: 0px; position: relative; float:
left; margin: 0px; }
.actionBarMicro .mainButton { z-index: 1000; }
.actionBarMicro .secondaryButton { z-index: 10; float: right; }

ul.nav.clearfix.u_floatThis-right::after,
#courseMenuPalette_actionbar::after { display: none; }
#courseMenu_combo { display: none; }
#actionBarBrand, .actionBar, .actionBarMicro { background:
0px center; }
.searchbar, .searchbarPicker { position: relative; }
.searchbar.searchbarCanvas { background: none 0px 0px repeat
scroll rgb(223, 223, 223); display: block; margin: -24px -30px
20px; padding: 0px 20px; text-align: right; }
.picker .searchbar.searchbarCanvas { margin: -24px -20px 20px;
}
.picker .leftColumn-narrow h2, .picker .leftColumn-wide h2 {
font-size: 110%; margin: 1em 0px 9px; }
#bb-question-discover .searchbar.searchbarCanvas fieldset h2 {

display: inline-block; font-size: 100%; font-weight: normal; }
.searchbar table td, .searchbar table td table td { padding: 1px; }
.searchbar table fieldset { padding: 3px 4px; }
.searchbar table div { display: inline-block; padding: 0px; }
.searchbar form { padding: 0px; margin: 0px; }
.searchbarPicker { border: 0px; font-size: 90%; }
.searchbar::after, .searchbarPicker::after { content: "."; display:
block; height: 0px; clear: both; visibility: hidden; }
.receipt a.close { top: 1px; right: 4px; opacity: 0.7; }
.slideshowControls { font-size: 100%; margin: 8px auto 12px;

.searchbar fieldset, .searchbarPicker fieldset { padding: 6px
9px; }
.searchbar h2, .searchbarPicker h2 { margin: 0px; padding: 1px
6px; font-size: 110%; font-weight: bold; }
.picker .searchbar h2, .searchbarPicker h2 { display: inline;
font-size: 100%; font-weight: normal; }
.searchbar .groupLabel, .searchbarPicker .groupLabel, .liveArea
fieldset .groupLabel, .groupLabel label { font-weight: bold;
padding: 2px 6px 0px 0px; vertical-align: middle; }
.searchbar ol li, .searchbarPicker ol li, .liveArea fieldset ol li {
float: left; margin: 5px; }
.searchbar ol li > div { display: inline-block; }
.searchbar ol li.options, .searchbarPicker ol li.options, .liveArea
fieldset ol li.options { float: right; }

.searchbarPicker span { display: inline; }
.searchbar .spacer { margin: 0px 4px; font-size: 70%; }
.searchbar .u_floatThis-left { margin: 0px 4px 4px; }
.searchbar select { padding: 2px 0px; }
.filterGroup select { width: 100%; max-width: 200px; }
.filterGroup p { margin: 2px 0px -18px; }
.filterGroupLabel { padding: 0px 4px; }
.cmImg { overflow: hidden; text-align: center; margin: 0px 0px
6px 12px; width: 180px; }
.cmImg img { width: 180px; }

.navDivider { font-size: 1.1rem; padding: 20px 0px 0px 30px;
border-top: 1px solid rgb(0, 0, 0); }
.cmPreviewWrapper { width: 212px; }
.navPalette { margin: 0px 0px 6px; padding: 0px; zoom: 1; }
.popup .navPalette { background-color: rgb(51, 51, 51); }
.cmPreviewWrapper div.navPaletteContent ul li a { color:
.cmPreviewWrapper div.navPaletteTitle a { color: rgb(51, 51,
51) !important; }
.cmPreviewWrapper #previewCourseMenu_link { color: rgb(51,
51, 51) !important; }
.csMenuFrame .navPalette { margin: 0px 0px 18px; }

color: rgb(255, 255, 255); }
.navPalette h3 { padding: 0px; margin: 0px; font-size: 105%;
.navPaletteTitle { position: relative; }
.navPaletteTitle h3 + h3 { position: absolute; top: 0px; right:
0px; }
.navPaletteCol h3 { border-bottom: 0px; }
.navPalette h4 { margin: 0px; font-size: 100%; }
.navPaletteContent ul li { zoom: 1; position: relative; }
.navPaletteContent { margin-bottom: 0px; padding: 0px; }

.listCm .navPaletteContent, .singleControl .navPaletteContent,
.tools .navPaletteContent { border-bottom: 0px; padding-
bottom: 9px; padding-top: 6px; }
#courseMenuPalette .cmLink-empty img { display: none; }
#courseMenuPalette { background-color: rgb(51, 51, 51);
.singleControl .navPaletteContent { padding: 0px !important; }
.singleControl, .navPalette .discover { margin: 24px 0px 0px;
padding: 0px; zoom: 1; z-index: 110; background: rgb(119, 119,
119); border-radius: 0px; }
.navPaletteContent a { margin: 0px; padding: 3px 9px 3px 24px;
background: url("images/portlet_expand_alt.gif") 8px 8px no-
repeat scroll; word-break: normal; overflow-x: hidden; color:
rgb(255, 255, 255); }
.navPaletteContent a:hover, .navPaletteContent a:focus { cursor:
pointer; }

.navPaletteContent a.comboLink, .navPaletteContent
a.comboLink_active { padding: 6px 20px 6px 30px; margin:
0px; }
.navPaletteContent a.comboLink_active, .navPaletteContent
a.open { background: url("images/portlet_contract_alt.gif") 8px
8px no-repeat scroll; color: rgb(51, 51, 51); border-bottom: 0px;
}
.navPaletteContent a.submenuLink, .navPaletteContent
a.submenuLink_active { position: absolute; top: 0px; right: 0px;
.navPaletteContent a.submenuLink:hover, .navPaletteContent
a.submenuLink_active:hover, .navPaletteContent
a.submenuLink:focus, .navPaletteContent
a.submenuLink_active:focus { background-position: center 7px;
}
.navPaletteContent a.submenuLink img, .navPaletteContent
a.submenuLink_active img { width: 14px; height: 14px;
opacity: 0; }

.navPaletteContent ul li:first-child h4 a, .navPaletteContent ul
li:first-child a { border-top: 0px; }
.navPaletteContent ul li h4 a { padding: 6px 9px 6px 30px;
margin: 0px; }
transparent; color: rgb(255, 255, 255); font-weight: bold;
border-top: 0px; padding: 6px 9px 6px 30px; margin: 0px;
#previewCourseMenu .navPaletteContent h3 a { text-shadow:
none; }
.navPaletteContent h3 a:hover, .navPaletteContent h3 a:focus {
#courseMenu { color: rgb(255, 255, 255); background-color:
padding-bottom: 14px; background-color: rgb(51, 51, 51); }

#courseMenuPalette ul a:hover, #courseMenuPalette ul
span:hover { background-color: transparent; }
.controlpanel ul li { padding: 0px; }
.controlpanel a.submenuLink, .controlpanel
a.submenuLink_active, .tools a.submenuLink, .tools
a.submenuLink_active, .navPaletteContent h3 a.submenuLink,
.navPaletteContent h3 a.submenuLink_active { border: 0px;
background-image: none; line-height: 1.4; text-decoration:
none; overflow: hidden; }
.navPaletteContent h3 a.submenuLink, .navPaletteContent h3
a.submenuLink_active { display: inline-block; }
.controlpanel a.submenuLink::after, .controlpanel
a.submenuLink_active::after, .tools a.submenuLink::after, .tools
a.submenuLink_active::after, .navPaletteContent h3
a.submenuLink::before, .navPaletteContent h3
a.submenuLink_active::before { color: rgb(102, 102, 102); top:
3px; right: 4px; position: relative; font-weight: bold; font-size:
16px; }
.controlpanel a.submenuLink:hover::after, .controlpanel

a.submenuLink_active:hover::after, .tools
a.submenuLink:hover::after, .tools
a.submenuLink_active:hover::after, .navPaletteContent h3
a.submenuLink:hover::before, .navPaletteContent h3
a.submenuLink_active:hover::before { color: rgb(68, 68, 68); }
.controlpanel h4 a.open, .navPaletteContent ul li:first-child h4
a.comboLink_active, .explore h4 { font-weight: bold; color:
rgb(255, 255, 255); margin-top: -1px; transition: all 100ms
cubic-bezier(0.42, 0, 1, 1) 0s; }
.controlpanel h4 a.open { position: relative; z-index: 1; }
.courseFilesPalette { border: 1px solid red; }
.paletteSearch { font-size: 95%; padding: 6px 0px 6px 12px; }
.classFiles h4#cs_search + ul li:first-child { border-bottom: 1px
dotted rgb(170, 170, 170); font-size: 95%; margin: 2px 9px 2px
0px; padding: 0px 3px 6px; }
.classFiles h4#cs_search + ul li { background-image: none; }

.classFiles a#filesPaletteContentCollectionLink { display:
block; padding: 3px 16px; background-image:
url("images/indicators.png"); background-position: 98% -143px;
background-repeat: no-repeat; color: rgb(170, 170, 170); }
.navPaletteContent .submenu .paletteSearchElement { border-
top: 1px dotted rgb(187, 187, 187); margin: 6px 0px 0px -16px;
.paletteSearchElement input { width: 99px; }
.classFiles ul.tree > li { background-image: none !important; }
.listCm .courseMenu { padding: 0px; }
.ineditmode div.listCm ul.courseMenu { margin: 0px; }
.ineditmode div.listCm ul.courseMenu li { border-width: 1px
1px 1px 0px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-top-color: transparent;
border-right-color: transparent; border-bottom-color:

transparent; border-image: initial; border-left-style: initial;
border-left-color: initial; margin: 0px -1px 0px 0px;
.ineditmode div.listCm ul.courseMenu li:hover { transition-
property: background, border, -webkit-box-shadow; transition-
duration: 200ms; transition-timing-function: cubic-bezier(0.42,
0, 1, 1); border-left: 0px; background-clip: padding-box; }
.ineditmode div.listCm ul.courseMenu li:hover .reorder {
transition: opacity 350ms cubic-bezier(0.42, 0, 1, 1) 0s; }
.ineditmode div.listCm ul.courseMenu li:hover .reorder::before
{ transition: visibility 350ms cubic-bezier(0.42, 0, 1, 1) 0s; }
.listCm .courseMenu li, .buttonCm li { padding: 0px; margin:
.listCm .courseMenu a, .buttonCm .courseMenu a { margin: 0px
18px 0px 0px; padding: 6px 0px 6px 30px; border: 0px;
background: transparent; word-break: normal; overflow-x:
hidden; }
.listCm .courseMenu .here { background: white; border-width:

1px !important; border-style: solid !important; border-color:
rgb(187, 187, 187) rgb(136, 136, 136) rgb(170, 170, 170)
rgb(187, 187, 187) !important; border-image: initial !important;
}
.listCm .courseMenu .here a.cmimg, .listCm .courseMenu .here
a.cmimg:hover { background-color: transparent; padding: 0px;
margin: 0px; }
.listCm h3 { padding: 0px; margin: 0px; font-size: 100%; }
.listCm .subhead h3 { padding: 6px 0px; margin: 0px 0px 0px
30px; }
#courseMenu_folderView h4 a { background-image: none; font-
weight: bold; border: 0px; }
#courseMenu_folderView .subhead { border: 0px; }
.navPaletteContent .subhead h3 a, .navPaletteContent .subhead
h3 a:hover { padding: 0px; margin: 0px; text-decoration: none;
font-weight: bold; background-color: transparent; }

.listCm .courseMenu .divider, .buttonCm .courseMenu .divider {
.buttonCm .courseMenu .divider { background-image: none
!important; }
.noteditmode .listCm .courseMenu .divider, .noteditmode
.listCm .buttonCm .divider { padding: 8px 18px; }
.listCm .courseMenu .divider hr, .buttonCm .courseMenu
.divider hr { background-color: rgb(204, 204, 204); vertical-
align: middle; margin: 0px; border-width: 1px 0px 0px; height:
0px; position: relative; border-top-style: solid; border-top-
color: rgb(153, 153, 153); }
.listCm .courseMenu .collapsed { padding: 0px 0px 0px 14px;
height: 2px; }
.buttonCm .navPaletteContent { background: transparent; }
.buttonCm li { background-color: transparent; background-
repeat: no-repeat; background-position: 12px 0px !important; }

.buttonCm .courseMenu .here a, .buttonCm .courseMenu .here
a:hover { text-decoration: underline; background-color:
transparent; }
.cmLink-hidden, .cmLink-empty { margin: -2px 0px 0px 3px;
.cmLink-hidden img, .cmLink-empty img { width: 14px; height:
14px; opacity: 0; }
.cmLink-empty { background: url("images/controls.png") -
389px -123px no-repeat transparent; display: inline-block; }
.cmLink-hidden { background: url("images/controls.png") -
389px -138px no-repeat transparent; display: inline-block; }
.buttonCm .invisible .cmLink-hidden, .buttonCm .invisible
.cmLink-empty { position: absolute; right: 26px; top: 5px; }
.buttonCm .invisible .cmLink-empty { right: 32px; }

.pickerMenu { position: absolute; top: 0px; left: 14px; width:
150px; margin: 0px; }
.pickerMenu ul li a, div.pickerMenu a.simpleLink {
.pickerMenu a.open, .pickerMenu a:hover, .pickerMenu a:focus
{ background: url("images/indicators.png") 100% center no-
repeat rgb(255, 255, 255); }
.discover .navPaletteContent, .singleControl .navPaletteContent
{ background-color: rgb(51, 51, 51); }
.discover a img { display: none; }
.navPalette.discover { margin-bottom: 0px; }
.singleControl a, .navPalette .discover a { color: rgb(255, 255,
255); display: block; font-size: 105%; padding: 14px 18px
12px; text-decoration: none; background-image: none; text-
align: left; font-weight: 600; }

.singleControl a:hover, .singleControl a:focus, .discover
a:hover, .discover a:focus { background: rgb(85, 85, 85); color:
rgb(255, 255, 255); text-decoration: none; }
.singleControl a.enrolled::before, .singleControl a.not-
enrolled::before, .discover a::before { content: "x"; font-family:
Utilicons; font-size: 19px; color: rgb(239, 59, 59); font-weight:
normal; position: relative; top: 1px; left: -4px; }
.singleControl a.not-enrolled::before { content: "+"; color:
rgb(51, 204, 0); }
.discover a::before { content: "F"; color: rgb(238, 238, 238); }
.navPaletteContent .submenu { padding: 0px 6px 12px 30px;
margin: 0px; border-bottom: 1px solid rgb(187, 187, 187);
transition: all 150ms cubic-bezier(0.42, 0, 1, 1) 0s; }
.explore .submenu { font-size: 90%; background: rgb(255, 255,
255); }
.navPaletteContent .submenu li { background-image: none;
padding: 0px; border: 0px; }

.navPaletteContent .submenu li ul li { padding-left: 12px; }
padding: 2px 0px; margin: 0px; background: none transparent;
border: 0px; color: rgb(255, 255, 255); }
h4#cs_search + ul div { padding: 0px 9px 0px 0px; }
h4#cs_search + ul div a { font-size: 90%; display: block; }
.controlpanel .submenu a, .explore .submenu a { padding: 2px
9px 2px 6px; margin: 0px; background: transparent; border:
0px; color: rgb(51, 51, 51); }
.explore .submenu a { padding: 2px 0px; }
.explore .submenu .emptyMsg { color: rgb(119, 119, 119); }
.controlpanel .submenu a:hover, .controlpanel .submenu a.here,

.controlpanel .submenu a:focus { color: rgb(197, 111, 213); }
.explore .submenu a:hover, .explore .submenu a:focus {
.tools .submenu { background: transparent; }
.controlpanel .submenu, .controlpanel .submenu li ul,
#explore_contents { transition: all 150ms cubic-bezier(0.42, 0,
1, 1) 0s; }
#explore_contents { background-color: transparent; }
.navPalette a.simpleLink, .controlpanel a.simpleLink { padding:
6px 9px 6px 30px; background-image: none; }
.navPalette a.simpleLink:hover, .navPalette a.simpleLink:focus,
.controlpanel a.simpleLink:hover, .controlpanel
a.simpleLink:focus { background-image:
background-position: 97% center; }

.navPaletteCol h3 a, .navPaletteCol h3 a.comboLink {
repeat transparent; }
.navPaletteCol .navPaletteContent h3 { background-image:
none; }
.navPaletteCol .actionBarMicro { display: none; }
.shortcutViewCs ul li a { text-align: center; border-top: 1px
dotted rgb(237, 237, 237); }
.shortcuts li a { border-top: 1px dotted rgb(204, 204, 204);
.shortcuts li a:hover, .shortcuts li a:focus { background:
url("images/indicators.png") 100% center no-repeat transparent;
#courseMenu_folderView.treeContainer { overflow-x: auto; }
div.expTreeContainer { background: rgb(51, 51, 51); }

div.treeContainer ul.tree, ul.tree { list-style: none; margin: 0px;
div.treeContainer > ul.tree, div.treeContainer ul.tree > ul {
padding: 0px; }
div.treeContainer ul.tree ul, ul.tree ul { list-style: none; margin:
div.listCm div.treeContainer ul.tree { overflow-x: auto; zoom:
1; }
div.treeContainer ul.tree li h4 + ul { overflow-x: auto; margin:
0px; padding: 0px 0px 18px 18px; zoom: 1; }
div.treeContainer ul.tree li, ul.tree li { margin: 0px; border:
0px; padding: 0px; background:
url("/images/ci/icons/nlstree/line.gif") 0px 0px repeat-y
transparent; white-space: nowrap; }
.sideTOC ul.tree > li { overflow-x: visible; }

div.treeContainer ul.tree li.last, ul.tree li.last { background-
image: none; }
div.treeContainer ul.tree li.here a, ul.tree li.here a {
div.treeContainer ul.tree li a, ul.tree li a { padding: 2px 1px 2px
0px; display: inline; border-top: 0px; background: transparent
!important; }
div.treeContainer ul.tree li a.open_folder { padding: 2px 3px
2px 0px; background: rgb(235, 239, 250); display: inline;
border-top: 0px; font-size: 95%; }
div.treeContainer ul.tree li a.exp { background:
url("/images/ci/icons/nlsTree/folder.gif") 18px 0px no-repeat
transparent; padding: 0px 21px 0px 0px; }
div.treeContainer ul.tree li a.collapse { background:
url("/images/ci/icons/nlsTree/folderopen.gif") 18px 0px no-
repeat; padding: 0px 21px 0px 0px; }

div.treeContainer h4.treehead { margin: 8px 0px 2px; padding:
0px 0px 0px 5px; font-weight: bold; font-size: 95%; }
div.treeContainer h4.first { margin: 0px 0px 2px; }
div#userTreeDiv { background: rgb(255, 255, 255); margin:
div.treeContainer ul.tree li.subhead { background-image: none;
margin: 0px; border-top: 1px dotted rgb(204, 204, 204); }
div.treeContainer ul.tree li.subhead h4 { margin: 0px; padding:
0px; }
div.treeContainer ul.tree li.subhead h4.first a { border-top: 0px;
}
div.treeContainer ul.tree li.subhead h4 a { padding: 6px 20px
6px 30px; background-image:
url("images/portlet_contract_alt.gif"); background-position: 8px
6px; background-size: initial; background-repeat: no-repeat;
background-attachment: initial; background-origin: initial;
background-clip: initial; font-weight: bold; display: block; text-

decoration: none; background-color: transparent !important;
ul.tree li.subhead:first-child { margin-top: 0px; }
ul.tree li.subhead:first-child > a { border-top: 0px; }
div.treeContainer ul.tree li.subhead h4.treeSubhead-collapsed a
{ background-image: url("images/portlet_expand_alt.gif");
background-position: 8px 6px; background-size: initial;
background-repeat: no-repeat; background-attachment: initial;
background-origin: initial; background-clip: initial; font-
weight: normal; background-color: transparent !important;
.tableOverflowControl { overflow-x: auto; }
.inventoryListTableContainerDiv { overflow-x: auto; }
.inventory { background: rgb(255, 255, 255); color: rgb(0, 0, 0);
overflow: auto visible; border-collapse: separate; border-
spacing: 0px; width: 100%; padding: 0px 0px 1px; margin: 0px;
clear: both; }

.inventory caption { text-align: left; color: rgb(153, 153, 153);
font-size: 85%; }
.inventory > thead tr th, .splashTable thead tr th { padding:
12px 0px 12px 12px; color: rgb(102, 102, 102); font-weight:
normal; text-transform: uppercase; border-bottom: 1px solid
rgb(235, 235, 235); }
.inventory > thead tr th:first-child { border-left: 0px; padding:
3px; }
.inventory > thead tr th:last-child, .splashTable thead tr th:last-
child { border-right: 0px; }
.inventory > tbody { border-bottom: 2px solid rgb(204, 204,
204); }
.inventory > tbody tr { border-bottom: 1px solid rgb(204, 204,
204); }
.inventory > tbody tr td, .inventory > tbody tr th { border-width:
1px 0px; border-right-style: initial; border-left-style: initial;

border-right-color: initial; border-left-color: initial; border-
image: initial; border-top-style: solid; border-top-color:
transparent; border-bottom-style: solid; border-bottom-color:
rgb(238, 238, 238); max-width: 200px; overflow-x: hidden;
text-overflow: ellipsis; white-space: normal; word-break:
normal; overflow-wrap: normal; vertical-align: middle; padding:
9px 0px 9px 12px !important; }
.inventory > tbody tr td .item-description { max-width: 600px; }
.inventory > tbody tr td .item-description img { max-width:
300px; height: auto; }
#drawerItems.inventory tr td, #drawerItems.inventory tr th, #bb-
question-discover .inventory tr td, #bb-question-discover
.inventory tr th { padding: 6px 0px 6px 9px; }
child th { border-bottom: 2px solid rgb(204, 204, 204); }
.inventory > tbody tr th { font-weight: normal; text-align: left; }
.inventory > tbody tr td:first-child { border-left: 0px; }

.inventory > tbody .gray td, .inventory > tbody .gray th {
background: rgb(248, 248, 248); }
.inventory > thead tr th.sorted, th.sorted, .splashTable thead tr
th.sorted { background: rgb(238, 238, 238); }
.inventory > tbody tr td.sorted { background: rgb(238, 238,
238); }
.inventory > thead tr th.sorted a { font-weight: bold; color:
.sortable > thead th a { color: rgb(102, 102, 102); margin-right:
9px; }
.sortable > thead th a:hover { color: rgb(51, 51, 51); }
.sortable a.sortheader { position: relative; padding-right: 17px;
margin-right: 0px; display: block; }

.sortable .sortarrow { color: rgb(255, 255, 0); text-decoration:
none; right: 0px; top: 0px; left: auto; }
tr.high, .high { background: rgb(255, 244, 191); }
.disabledCell { background-color: rgb(240, 240, 240); }
.inventory .smallCell .reorder, .inventory > tbody .reorder,
.attachments .smallCell .reorder, .attachments tbody .reorder {
opacity: 0; min-height: 30px; cursor: move; position: static;
display: inline-block; width: 18px; z-index: 2; background:
transparent; }
.attachments { width: 100%; }
.inventory .dndHandle { padding: 5px 0px; position: static; }
.inventory .dndHandle .reorder img, .inventory .dndHandle
.reorder:hover img { height: 20px; }
.inventory .dndHandle .reorder, .inventory .dndHandle
.reorder:hover { padding: 0px; background-position: -172px -

.inventory tr:hover .dndHandle { background:
url("images/reorder_bg.png") 0px 0px repeat scroll; }
{ background-color: rgb(244, 244, 244); border-bottom: 1px
solid rgb(170, 170, 170); border-top: 1px solid rgb(170, 170,
170); transition-property: -webkit-box-shadow, border,
function: cubic-bezier(0.42, 0, 1, 1); }
.reorderable tbody tr td:first-child { border-left: 1px solid
transparent; }
.reorderable tbody tr td:last-child { border-right: 1px solid
transparent; }
.reorderable tbody tr:hover td:first-child, .reorderable tbody
tr:hover td:last-child { border-color: rgb(170, 170, 170); }

.inventory tr:hover .smallCell .reorder, .inventory > tbody
tr:hover .smallCell .reorder:hover, .attachments tr:hover
.smallCell .reorder, .attachments tbody tr:hover .smallCell
.reorder:hover { opacity: 1; }
.attachments thead tr, .inventory-simple thead tr { border-
bottom: 2px solid rgb(204, 204, 204); color: rgb(153, 153, 153);
}
.attachments tbody tr, .inventory-simple tbody tr { border-top:
1px solid rgb(238, 238, 238); }
.attachments td, .attachments th, .inventory-simple td,
.inventory-simple th { padding: 4px 12px; }
table.inventory > tbody ul.subtabs { list-style: none; padding:
0px; margin: 0px; }
table.inventory > tbody ul.subtabs li { position: relative;
div.status { color: rgb(0, 0, 0); font-size: 90%; text-align: left;

padding: 1px 6px 3px; margin: 0px; background: rgb(249, 249,
249); display: block; }
div.status a img { vertical-align: middle; }
div.status p { padding: 1px; border: 1px solid rgb(204, 204,
204); font-size: 90%; color: rgb(68, 68, 68); margin: 2px auto
4px; line-height: 10%; background: rgb(255, 255, 255); text-
align: left !important; }
div.status p img { background-color: rgb(141, 175, 175); height:
8px; padding: 0px; margin: 0px !important; }
div.stopped p img { background: url("images/controls.png") -
20px -180px no-repeat rgb(255, 255, 255); }
div.status a.buttonMicro { padding: 0px 5px; background:
url("images/backgrounds_h.png") 0px -50px repeat-x rgb(237,
237, 237); font-size: 90%; text-decoration: none; border: 1px
solid rgb(204, 204, 204); color: rgb(102, 102, 102); margin: 1px
auto; }
div.status div { position: relative; text-align: center; }

div.status a.buttonMicro:hover { background: rgb(255, 255,
255); border: 1px solid rgb(170, 170, 170); color: rgb(51, 51,
51); }
table.inventory-simple { margin: 0px 0px 12px; border-
collapse: collapse; width: 100%; }
table.inventory-simple thead tr { border-bottom: 2px solid
rgb(204, 204, 204); color: rgb(153, 153, 153); }
table.attachments thead tr.warningRow { border: 0px; }
table.inventory-simple thead tr th { padding: 4px 12px; }
table.inventory-simple tbody tr { border-top: 1px solid rgb(238,
238, 238); }
table.inventory-simple tbody tr th, table.inventory-simple tbody
tr td { padding: 4px 12px; }

table.inventory-simple tbody tr th { color: rgb(0, 0, 0); }
table.inventory-simple .removeCell { background: rgb(237, 237,
237); color: rgb(119, 119, 119); }
table.inventory-simple .removeCell td, table.inventory-simple
.removeCell th { color: rgb(153, 153, 153); }
table.inventory-simple .removeCell td a img { opacity: 0.4; }
table.inventory-simple .smallCell { padding: 0px; width: 1%;
white-space: nowrap; }
table.inventory-simple tbody tr.inEditMode { background:
rgb(237, 237, 237); border: 2px solid rgb(68, 68, 68)
!important; }
table.inventory-simple tbody tr.inEditMode td, table.inventory-
simple tbody tr.inEditMode th { border-top: 2px solid rgb(68,
68, 68) !important; }

6px 6px 6px 12px; }
table.stepItems-reorder thead tr th { background: rgb(255, 255,
255); border-bottom: 1px solid rgb(204, 204, 204); color:
rgb(153, 153, 153); text-align: left; }
table.gbColumns thead tr th, table.gbColumns thead tr td {
border-bottom: 2px solid rgb(153, 153, 153); background:
rgb(187, 187, 187); color: rgb(255, 255, 255); }
table.gbColumns thead tr th.sorted { background: rgb(153, 153,
153); border-left: 1px solid rgb(119, 119, 119); border-right:
1px solid rgb(119, 119, 119); }
table.gbColumns thead tr th a, table.gbColumns thead tr td a {
color: rgb(255, 255, 255); }

table.stepItems-reorder thead tr.lowerHeader th { border-
bottom: 2px solid rgb(204, 204, 204); color: rgb(51, 51, 51); }
table.stepItems-reorder tbody tr td.shaded, table.stepItems-
reorder thead tr th.shaded { background:
url("images/readback.png") rgb(246, 246, 246); }
table.stepItems-reorder tr th.clearCell { border: 0px; padding:
0px; }
table.stepItems-reorder tbody tr:nth-child(2n+1) { background:
rgb(246, 246, 246); }
table.stepItems-reorder tbody tr:first-child td, table.stepItems-
reorder tbody tr:first-child th, table.stepItems-reorder thead
tr:first-child { border-top: 0px; }
table.stepItems-reorder tbody tr td.dragCell { padding: 0px;
border: 0px; vertical-align: top; text-align: right; }
table.stepItems-reorder tbody tr td span.reorder { position:
relative; background: url("images/controls.png") -177px -122px
no-repeat rgb(237, 237, 237); height: 20px; opacity: 1; border-
radius: 0px; border-right: 1px solid rgb(204, 204, 204); cursor:

move; display: block; left: auto; right: 0px; top: 2px; width:
18px !important; }
table.gbColumns tbody tr td span.reorder { background:
url("images/controls.png") -237px -122px no-repeat rgb(237,
237, 237); }
table.stepItems-reorder tbody tr.frozenbar td span.reorder { top:
1px; }
table.stepItems-reorder tbody tr td input { vertical-align:
middle; padding: 2px 3px; width: 95%; }
table.stepItems-reorder tbody tr td.points input { width: 3em; }
table.stepItems-reorder tbody tr td.entry input[type="text"] {
width: 90%; }
table.stepItems-reorder tbody tr td.entry
input[type="checkbox"] { width: auto; }
table.stepItems-reorder tbody tr td input[type="checkbox"] {

table.gbColumns tbody tr td input[type="checkbox"] { width:
auto; margin: 0px; }
table.gbColumns tbody tr td { padding: 6px 6px 6px 12px;
table.gbColumns tbody tr.frozenbar td { background: rgb(204,
204, 204); color: rgb(68, 68, 68); font-size: 95%; border-top:
0px; }
table.gbColumns tfoot tr.lastRow td { background: rgb(153,
153, 153); border: 0px; height: 2px; line-height: 0; padding:
0px; }
table.gbColumns tbody tr.frozen td { background: rgb(237, 237,
237); }
table.gbColumns thead tr td.checkBox, table.gbColumns tbody
tr td.checkBox { padding: 3px 0px 1px 6px; text-align: center; }

table.gbColumns tbody tr.frozenbar td.dragCell { padding: 0px
!important; }
table.gbColumns tbody tr.placeholder td { height: 1px; padding:
0px; border: 0px; line-height: 0; }
table.gbColumns tbody tr.placeholder td.clear { background:
inherit; }
ul.dragableHighlight li table.gbColumns thead tr td.clear,
ul.dragableHighlight li td.clear, ul.dragableHighlight li
table.gbColumns tbody tr.frozenbar td.dragCell,
ul.dragableHighlight li table.gbColumns tbody tr td.dragCell,
ul.dragableHighlight li table.gbColumns tbody tr.frozen
td.dragCell, ul.dragableHighlight li table.gbColumns tfoot
tr.lastRow td.clear, table.gbColumns thead tr td.clear {
background: rgb(255, 255, 255); border: 0px; padding: 0px; }
tr.rowdrag { background: rgb(204, 204, 204); z-index: 1; }
.insertImg { position: relative; top: 12px; z-index: 20; }
.insertImgUp { position: absolute; right: -10px; z-index: 20; }

table.inventory > tbody tr td.smallCell, table.inventory > thead
tr th.smallCell { padding: 9px 0px 9px 3px; width: 1%; white-
space: nowrap; }
table.inventory > tbody tr td.hideCell, table.inventory > thead tr
th.hideCell { display: none; }
.clickOrder { display: none; }
table.inventory > tbody tr td.clickOrder { background-color:
rgb(221, 221, 221); border-left: 0px; }
table.inventory tr td.endCell { background-color: rgb(221, 221,
221) !important; width: 1px !important; padding: 0px
!important; }
table.inventory tr.orderRow td.clickOrder { background-color:
rgb(221, 221, 221); text-align: center; }
table.inventory tr.orderRow td.clickOrder div { position:
relative; }

.sortedplus { background-image: url("images/controls.png");
background-repeat: no-repeat; background-position: 48% -
995px; }
.dragCol { background-color: rgb(153, 153, 153); }
.cloudToolsSwitch { background: rgb(250, 250, 250); padding:
5px; border-top: 1px solid rgb(204, 204, 204); border-bottom:
1px solid rgb(238, 238, 238); }
.cloudToolsSwitch div.clearfix:first-child { padding-bottom:
5px; margin-bottom: 5px; border-bottom: 1px solid rgb(221,
221, 221); }
table.splashTable { margin: 3px 0px 12px; border-collapse:
collapse; width: 100%; border-bottom: 2px solid rgb(204, 204,
204); }
table.splashTable thead tr { color: rgb(153, 153, 153); }
table.splashTable thead tr th { padding: 9px 0px 9px 12px; }

table.splashTable thead tr th a { color: rgb(102, 102, 102);
background: none transparent; text-decoration: none; }
table.splashTable thead tr th a:hover { color: rgb(51, 51, 51);
background: none transparent; }
table.splashTable tbody tr { border-top: 1px solid rgb(221, 221,
221); }
table.splashTable tbody tr th, table.splashTable tbody tr td {
padding: 6px 0px 6px 12px; color: rgb(119, 119, 119); font-
size: 90%; }
table.splashTable tbody tr th { color: rgb(0, 0, 0); text-align:
left; }
table.splashTable th.smallCell, table.splashTable td.smallCell {
padding: 0px; width: 1%; white-space: nowrap; }
.contentBlock a { display: block; background:
url("images/indicators.png") 0px -450px no-repeat transparent;

.contentBlock a.collapse { display: block; background:
.contentBlock a.collapse:hover, .contentBlock a.hover { text-
table.splashTable tbody tr:nth-child(2n+1) { background:
rgb(250, 250, 250); }
table.reorderCols { border-collapse: collapse; clear: both; font-
size: 95%; margin: 18px 0px 9px; width: 100%; }
table.reorderCols thead tr th { border: 1px solid rgb(204, 204,
204); padding: 0px 4px; background: rgb(237, 237, 237); text-
align: left; cursor: move; }
table.reorderCols thead tr th.noReorderCol { border-width: 0px
0px 1px; border-top-style: initial; border-right-style: initial;
border-left-style: initial; border-top-color: initial; border-right-
color: initial; border-left-color: initial; border-image: initial;
border-bottom-style: solid; border-bottom-color: rgb(204, 204,
204); background: transparent; cursor: default; }

table.reorderCols tbody tr td, table.reorderCols tbody tr th {
border-bottom: 1px solid rgb(238, 238, 238); border-left: 1px
solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221,
221); padding: 2px 4px; text-align: left; vertical-align: top; }
table.reorderCols tbody tr th { background: rgb(237, 237, 237);
border-bottom: 1px solid rgb(204, 204, 204); color: rgb(85, 85,
85); }
table.reorderCols thead th span.reorderToolTip { background:
url("images/controls.png") -347px -122px no-repeat scroll
rgb(221, 221, 221); }
table.reorderCols thead tr th.axis { background: none 0px center
repeat scroll rgb(237, 237, 237); border-bottom: 1px solid
rgb(204, 204, 204); color: rgb(85, 85, 85); }
.ghostTd { width: auto; height: auto; padding: 2px 8px; border:
1px solid rgb(0, 0, 0); position: absolute; font: 10px arial;
background: rgb(238, 238, 238); }
table.reorderCols thead th.dragging { background: rgb(204, 204,
204); }

table.reorderCols thead th.hovering { background: rgb(102, 102,
102); }
table.reorderCols thead th.hovering img { display: none; }
.rumble { margin: 0px 0px 9px; background:
url("images/selected_items.png") -1974px center no-repeat
scroll transparent; }
.rumble_top { margin: 12px 0px 0px; background:
url("images/selected_items.png") 12px center no-repeat scroll
transparent; }
#mapCanvasForm .rumble_top, #mapCanvasForm .rumble {
margin-left: 30px; margin-right: 30px; }
#mapCanvasForm .rumble_top { border-bottom: 2px solid
rgb(238, 238, 238); }
.noBatchActions { background-image: none !important;

.jumptopage input, .inventory_paging input { width: auto; text-
align: center; font-weight: bold; padding: 0px; border-radius:
0px; }
.inventory_paging input { background: rgb(255, 255, 255);
.jumptopage input { width: 2em; font-weight: normal; border-
radius: 0px; }
.rumble_top .inventory_paging a, .rumble .inventory_paging a,
.rumble_top .inventory_paging .abutton, .rumble
.inventory_paging .abutton { padding: 0px; }
.rumble_top .inventory_paging .gotolink, .rumble_top
.inventory_paging .gotolink { padding: 1px 3px; }
.inventory_paging a, .inventory_paging img, .inventory_paging
span, .inventory_paging div, .jumptopage div,
.inventory_paging .abutton { display: inline-block; }
.inventory_paging a img, .inventory_paging .abutton img {
margin: 0px; display: inline; float: none; padding: 0px; }

.inventory_paging img { margin: 2px 2px 3px; }
.inventory_paging a.inactive { opacity: 0.4; }
a.jumpToPageOpen, a.jumpToPageOpen:hover,
a.jumpToPageOpen:focus { border-width: 0px 0px 1px; border-
top-style: initial; border-right-style: initial; border-left-style:
initial; border-top-color: initial; border-right-color: initial;
border-left-color: initial; border-image: initial; border-bottom-
style: solid; border-bottom-color: rgb(204, 204, 204); border-
radius: 0px; background: transparent; box-shadow: none;
padding-bottom: 1px !important; }
a.jumpToPageOpen:hover, a.jumpToPageOpen:focus { border-
bottom-color: rgb(51, 51, 51); }
div.jumptopage input#currentpage_bot, div.jumptopage
input#currentpage_top, input#currentpage_bot,
input#currentpage_top { width: auto; }
.jumptopage { float: right; }

.jumptopage div { margin: 0px 0px 0px 3px; }
.jumptopage button { border: 0px; background: transparent;
padding: 0px; position: absolute; top: 0px; right: 0px; }
.jumptopage button img { margin: 0px; }
.rumble_top .secondaryControl, .rumble .secondaryControl {
float: right; }
.key-valueTable tr, .key-valueTable th, .key-valueTable td,
.key-valueTable tbody { border-bottom: none !important; }
.key-valueTable tbody td, .key-valueTable tbody th { padding:
2px 6px 2px 0px; vertical-align: top; border-top: 1px dotted
rgb(204, 204, 204) !important; background: transparent
!important; font-size: inherit !important; }
.key-valueTable tbody tr:first-child th, .key-valueTable tbody
tr:first-child td { border: none !important; }

.key-valueTable tbody th { color: rgb(85, 85, 85); }
.infoListWrapper .key-valueTable { margin: 3px 9px 6px; }
td.removeCell, td.removeCell span a { color: rgb(153, 153,
153); text-decoration: line-through; }
td.removeCell span a img { opacity: 0.3; }
.contentList, .buildList, .contentListPlain, .announcementList {
.announcementFilter { margin: -20px -30px 24px; padding:
12px; border-bottom: 1px solid rgb(204, 204, 204); }
.gradingList, #survey.buildList, #manageFormCanvasForm
.buildList { margin: 0px -30px; }
#mapCanvasForm .buildList { margin: 0px 30px; }

.hierarchy-page #toolSettingsForm #dataCollectionContainer {
.leftColumn-wide .contentListPlain { margin: 0px; }
.announcementList > li, .contentPageItem { padding: 20px
30px; margin: 0px -1px; position: relative; border-width: 1px;
border-style: solid; border-color: rgb(204, 204, 204) transparent
transparent; border-image: initial; transition-property: -webkit-
box-shadow, border, background; transition-duration: 200ms;
.contentList > li:first-child, .contentList > li.read:first-
child:hover, .buildList > li:first-child, .contentListPlain >
li:first-child, .announcementList > li:first-child { border-top:
1px solid transparent; }
.announcementList > li, .contentPageItem { min-height: 50px; }
.liItem:hover, .buildList > li:hover { background-color:
rgb(244, 244, 244); border: 1px solid rgb(102, 102, 102);
transition-property: -webkit-box-shadow, border, background;
transition-duration: 100ms; transition-timing-function: ease-in-
out; }

.buildList li:first-child:hover, .contentList > li:first-child:hover,
.gradingList > li:first-child:hover { border-top-color: rgb(102,
102, 102); }
.liItem a[onclick*="toggleDetails"] { position: relative; right: -
19px; top: -6px; visibility: hidden; }
.liItem:hover a[onclick*="toggleDetails"] { visibility: visible; }
.liItem a[onclick*="toggleDetails"] img { visibility: hidden; }
.liItem a[title*="Hide"][href="#"] { background:
url("images/portlet_contract_alt.gif") 0px 0px no-repeat; }
.liItem a[title*="Show"][href="#"] { background:
url("images/portlet_expand_alt_rev.png") 0px 0px no-repeat; }
.contentListPlain .item_icon { display: none; }

.item { font-size: 110%; margin: 0px; padding: 0px 0px 12px;
cursor: move; }
.contentList .item { padding: 0px 0px 12px 60px; }
.gradingList .item { padding-right: 120px; }
#announcementList .item { padding-right: 13em; word-break:
.item:hover, .item:focus { cursor: move; }
.read .item, .announcementList-read .item { margin: 0px;
border: 0px !important; }
.contentList-slim .read .item { padding-left: 48px; }
.read .item:hover, .read .item:focus { background: transparent;
cursor: default; }

.tab-groups h3.item { border-bottom: 1px dotted rgb(204, 204,
204); margin: 0px 11em 8px -12px; padding: 0px 0px 8px 12px;
}
.tab-groups h3.item .reorder + span { color: rgb(153, 153, 153);
font-family: "Open Sans", Arial, sans-serif; font-size: 90%;
font-style: italic; font-weight: normal; margin: 0px 4px 0px
0px; }
.item_icon { position: absolute; left: 24px; top: 12px; margin:
0px; }
.read .item_icon { left: 18px; margin: 0px; }
.item h3, .item .contextMenuContainer { float: left; margin: 0px
3px 0px 0px; overflow-wrap: break-word; }
.item h3 + .contextMenuContainer { top: 4px; position: relative;
}
.tab-groups .item .contextMenuContainer { float: none; }

#announcementList .item .contextMenuContainer { float: none;
}
.item input[type="checkbox"] { float: left; margin: 2px 6px 0px
-6px; }
.iconsOnly { width: 80%; margin: 24px auto; border-bottom:
1px solid rgb(204, 204, 204); }
.iconsOnly li { text-align: center; width: 49%; padding: 0px;
margin: 0px; float: left !important; }
.iconsOnly > li:first-child { border-top-color: rgb(204, 204,
204); }
.iconsOnly li:nth-child(2n) { border-left: 1px solid rgb(204,
204, 204); }
.iconsOnly li:nth-child(2n):hover, .iconsOnly li:nth-
child(2n):focus { border-left-color: rgb(102, 102, 102); }

.iconsOnly .read { border: 0px !important; }
.iconsOnly .item_icon { left: auto; min-height: 50px; top: 0px;
.iconsOnly .item { padding: 6px; border: 0px; min-height: 3em;
}
.iconsOnly .read .item { padding: 6px; margin: 0px; }
.iconsOnly .item h3, .iconsOnly .item .contextMenuContainer {
float: none; display: inline-block; top: 0px; }
.iconsOnly .item h3 a { overflow-wrap: break-word; word-
break: break-word; }
.iconsOnly li:hover .item_icon, .iconsOnly li:hover .item,
.iconsOnly li:focus .item_icon, .iconsOnly li:focus .item {
background: rgb(237, 237, 237); }
.iconsOnly .read .item_icon, .iconsOnly .item_icon { position:
relative !important; text-align: center !important; display: block

!important; }
.iconsOnly .read .item_icon, .iconsOnly .read .item { border:
0px; left: 0px; }
.iconsOnly .read:hover .item_icon, .iconsOnly .read:hover .item,
.iconsOnly .read:focus .item_icon, .iconsOnly .read:focus .item
{ background: transparent; }
.buildList li input { float: left; margin: 2px 8px; }
.buildList input.browse, .buildList input.genericButton,
.buildList input[type="button"] { margin: 0px 0px 6px; }
.contentListRight { font-weight: normal; position: absolute;
right: 6px; left: auto; }
.pagedContentListRight { top: 4px; }
.contentListRightOffset { margin-right: 12em; }

.contentList .details { padding-left: 60px; }
.contentListPlain .contentListRight + .details { padding: 1px
0px 1px 28px; overflow-x: auto; }
.announcementList .details, #announcementList .details {
margin-right: 12.8em; overflow: auto visible; }
.contentList-slim .read .details { margin-left: 48px; }
.staffInfoList .details { margin-right: 160px; }
.staffInfoList .hasPhoto .details { min-height: 135px; }
.details > p { padding: 0px 0px 12px; margin: 0px; font-size:
95%; }
.details .note { font-weight: bold; }

.details > p.important { font-weight: bold; font-size: 90%;
.details > p.important span { font-weight: normal; color:
rgb(136, 136, 136); }
.itemDetails, .announcementInfo { position: absolute; right:
0px; top: 2px; bottom: 8px; width: 14em; border-left: 1px
dotted rgb(204, 204, 204); padding: 9px 9px 3px 14px; font-
size: 85%; overflow-wrap: break-word; }
.announcementInfo p, .itemDetails p { padding: 2px 4px 0px; }
.announcementInfo p span, .announcementInfo span,
.itemDetails span { color: rgb(103, 103, 103); }
.announcementInfo p span span { font-size: 95% !important; }
.noItems, .additional + p .warnFont { color: rgb(102, 102, 102);
padding: 6px 0px; font-weight: normal; font-family: "Open
Sans", Arial, sans-serif; font-style: italic; }

.noItems .arrow-left { display: none; }
.noItems .arrow-right { display: none; }
.noItems.container-empty { padding-top: 20px !important; }
.helphelp, .pageTitle p, .details.label { font-family: "Open
Sans", Arial, sans-serif; }
#listContainer .noItems, .additional + p .warnFont, .table-scroll-
wrapper .helphelp, .hierarchy-page .noItems { text-align: center;
.table-scroll-wrapper .helphelp { display: block; margin: 0px
auto; }
.details .attachments { margin-bottom: 9px; word-break:
.buildList > li.separator { background: rgb(237, 237, 237); left:
0px; margin: 0px; min-height: 1px; padding: 14px 30px;
position: relative; top: 0px; z-index: 0; }

.separator h3.item, .external-breadcrumbs .receipt { margin:
.separator .line, .external-breadcrumbs .contentPaneWide {
position: absolute; left: 30px; right: 0px; top: 50%; }
.external-breadcrumbs .contentPaneWide { position: relative;
top: 6px; left: 0px; margin: 0px 24px 0px 30px; }
.separator .text { background: rgb(237, 237, 237); z-index: 2;
position: relative; padding: 0px 12px 0px 0px; color: rgb(68,
68, 68); }
.external-breadcrumbs .receipt, .external-breadcrumbs
.contentPaneWide .receipt { background: rgb(239, 237, 227);
box-shadow: none; display: inline-block; top: -9px; z-index: 2;
position: relative; padding: 0px 12px 0px 0px; color: rgb(68,
68, 68); }
.external-breadcrumbs .student-preview-control ~
div.viewToggle ul li { float: none; position: static; margin: 0px;
}

.buildList .detailList .hidden { display: none; }
.buildList .detailList .tagContainer { position: relative; }
.buildList .detailList .tagContainer .hidden { display: none; }
.buildList .detailList .tagContainer, .buildList .detailList
.tagContainer span { float: none; display: inline; padding: 2px
2px 2px 0px; width: auto; font-weight: normal; }
.buildList .detailList .tagContainer input, .tagContainer input {
float: none; display: inline; margin: 0px; border: 1px solid
rgb(85, 85, 85); font-size: 95%; vertical-align: middle; }
.tagContainer .newTagForm { margin-left: 6px; border-left: 1px
dotted rgb(153, 153, 153); }
.tagContainer .newTagForm label { padding-left: 6px; }
.currentTags { display: none; position: absolute; top: 1.2em;

right: 0px; width: 16em; line-height: 1.8; zoom: 1; z-index: 100;
overflow: hidden; }
.currentTags span { display: block; padding: 18px 6px 6px; }
.currentTags a { font-weight: bold; }
.currentTags a.closeCloud { display: block; position: absolute;
top: 0px; left: 0px; padding: 0px 2px 1px; width: 98%; text-
align: right; line-height: 1; }
.auto_complete { width: 12em; border-width: 1px; border-style:
background: rgb(226, 238, 254); z-index: 1000; }
.auto_complete ul { margin: 0px; padding: 0px; width: 100%;
list-style-type: none; }
.auto_complete ul li { margin: 0px; padding: 2px 1% 2px 3%;
width: 96%; cursor: pointer; overflow: hidden; }

.auto_complete ul li.selected { background-color: rgb(255, 255,
255); }
.auto_complete ul strong.highlight { margin: 0px; padding: 0px;
}
.freq1:hover, .freq2:hover, .freq3:hover, .freq4:hover,
.freq5:hover, .freq6:hover { text-decoration: none; background:

white; }
.currentTags a.tagDisabled { opacity: 0.7; text-decoration:
none; font-weight: normal; }
.currentTags a.tagDisabled:hover { background: transparent; }
.tab-groups .tab-group-label { color: rgb(153, 153, 153); }
.subList, .subList-reorder { margin: 3px 0px 6px; }
.subList li { padding: 6px 6px 6px 24px; border: 0px; font-size:
95%; }
.buildList .detailList { margin: 0px; padding: 3px 3px 3px 23px;
}
.subList-reorder li { padding: 6px 6px 6px 24px; font-size:
95%; border: 1px solid transparent; }

.subList-reorder li:hover { background: rgb(255, 255, 255);
border-color: rgb(187, 187, 187) !important; }
.subList li a img, .subList-reorder li a img { vertical-align:
middle; }
.subList li p, .subList-reorder li p { padding: 0px; margin: 3px
6px 3px 24px; font-size: 90%; color: rgb(68, 68, 68); display:
none; }
.subList li p { visibility: hidden; }
.subList li p span, .buildList .detailList li .subList li p span,
.subList-reorder li p span { font-weight: bold; display: inline;
float: none; }
.subList-reorder .itemDetails, .subList-reorder .details, .subList
.details { display: none; }
.itemDetails + .details { margin-right: 13em; overflow: visible;
}

.subList li p span { font-weight: bold; }
.subListArtifact, .detailList .subListArtifact { clear: both; }
.subListArtifact li, .detailList .subListArtifact li { position:
static; }
.detailList .subListArtifact, .detailList .subListArtifact li,
.detailList .subListArtifact li a { zoom: 1; }
.buildList .detailList { margin: 0px 0px 0.6em 0.7em; }
.buildList .detailList .subList { margin: 0px 0px 6px; border:
ul.buildList ul.detailList ol.subList { list-style-type: decimal;
list-style-position: inside; }
ul.buildList ul.detailList li { border: 0px; margin: 0px 0px
0.2em; padding: 0px 0px 0.2em; display: table-row; }

ul.buildList ul.detailList .detail-item-title { float: left; width:
135px; font-weight: bold; display: block; }
ul.buildList ul li > div { float: none; padding: 0px 0px 0px
0.3em; width: 79%; display: block; margin-left: 135px; }
ul.buildList ul li div.contextMenuContainer, ul.noimg li
div.contextMenuContainer { display: inline; float: none; width:
auto; }
.buildList .pageBreak .item, .buildList .sectionBreak .item {
background-image: url("images/readback.png"); color: rgb(119,
119, 119); border-top: 2px dotted rgb(204, 204, 204); }
div.itemHeaderControl { position: absolute; right: 14.5em; top:
9px; }
div.itemHeaderControl a img { margin: 0px; padding: 0px; }
body.cartMode { padding-bottom: 49px; }

.addedRow, table.sortable tbody tr.addedRow th label a,
.addedRow td a { color: rgb(153, 153, 153); }
.addedRow img { opacity: 0.5; }
table#datatable2 tr td, table#datatable2 tr th { padding: 1px 3px;
font-size: 85%; }
table#datatable2 thead th { padding: 3px; }
.itemSelector { width: 20px; height: 20px; margin: 0px auto; }
.itemSelector input { opacity: 0; }
.remove { background: url("../../../images/ci/ng/remove_ti.png")
0px 0px no-repeat transparent; }
.itemTray { z-index: 10000; position: fixed; bottom: 0px; left:
18px; right: 18px; margin: 0px; border-width: 1px 1px 0px;

bottom-color: initial; border-radius: 0px; padding: 4px 9px;
background: rgb(221, 221, 221); height: 40px; zoom: 1; }
.picker .itemTray { left: 12px; right: 12px; }
div.itemTrayContentPane { left: 200px; }
div.itemTrayContentPaneWide { left: 0px; }
.itemTray h2, .itemTray h3 { font-size: 110%; padding: 6px
0px; background: transparent; margin: 0px; }
.itemTray h2 span.listToggle, .itemTray h3 span.listToggle {
color: rgb(238, 238, 238); font-weight: normal; }
.itemTray h2 span.listToggle a, .itemTray h3 span.listToggle a {
color: rgb(238, 238, 238); text-decoration: none; border-bottom:
1px dotted rgb(204, 204, 204); }
.itemTray h2 span.listToggle a:hover, .itemTray h3
span.listToggle a:hover { border-bottom: 1px solid rgb(204,

204, 204); }
.itemTray div.noItems { color: rgb(119, 119, 119); text-align:
center; }
.itemTray #cartList { padding: 9px 0px; }
.itemTray #selectedItemsWrapper { background: rgb(119, 119,
119); padding: 4px; }
.itemTray .cartTableWrapper { max-height: 130px; overflow-y:
auto; border: 1px solid rgb(85, 85, 85); background: rgb(255,
255, 255); }
.sideTOC .cartTableWrapper { overflow: auto; }
#count, .itemTray #numberOfElements { background: rgb(68,
68, 68); border-radius: 3px; padding: 1px 6px; text-align:
center; color: rgb(255, 255, 255); }
#progress { display: none; position: absolute; width: 100px;
margin: 300px 50%; z-index: 300; }

#progress div { margin-left: -100%; }
#cartSubmit { z-index: 200; }
#cartList fieldset { margin: 0px 12px; padding: 3px 3px 12px;
color: rgb(246, 246, 246); }
#cartList fieldset ul li input[type="text"] { border: 1px solid
rgb(102, 102, 102); padding: 0px; width: 2.3em; }
.itemGallery { padding: 0px; margin: 0px; zoom: 1; }
.itemGallery > li { margin: 5px 5px 20px; text-align: center;
vertical-align: top; width: 1.2em; padding-top: 0.06em; zoom:
1; }
.itemGallery .stackFix { height: auto; width: 100%; }
.itemIconHolder { padding: 0px; height: 1em; width: 100%;

position: relative; margin: 0px auto 0.05em; }
.itemIconHolder a { display: block; overflow: hidden; border:
1px solid rgb(204, 204, 204); zoom: 1; }
.itemIconHolder a:hover { border-color: rgb(119, 119, 119); }
.itemIconWrapper { border: 0.026em solid rgb(241, 241, 241);
position: absolute; bottom: 0px; margin: 0px 50%; width: auto;
}
.x-small li { font-size: 70px; width: 1.8em; }
.small li { font-size: 100px; }
.normal li { font-size: 140px; }
.large li { font-size: 180px; }
.x-large li { font-size: 220px; }

.u_resetFont-px { font-size: 12px; }
.itemIconLink-vertical a { width: 0.78em; height: 0.9em; }
.itemIconLink-square a { width: 0.78em; height: 0.78em; }
.itemIconLink-horizontal a { width: 1em; height: 0.78em; }
.itemIconLink-vertical img { width: 0.8em; height: 0.9em;
.itemIconLink-square img { width: 0.8em; height: 0.8em;
.itemIconLink-horizontal img { width: 1em; height: 0.8em;
.itemIconLink-vertical .itemIconWrapper, .itemIconLink-square
.itemIconWrapper { left: -0.39em; }

.itemIconLink-horizontal .itemIconWrapper { left: -0.5em; }
.itemInfo { padding: 0.2em 0px 0px; margin: 0px; font-size:
12px; width: 100%; border-top: 1px dotted rgb(204, 204, 204);
}
.itemInfo li { font-size: 95%; margin: 0px; text-align: center;
border: 0px; line-height: 1.25em; width: 100%; }
.itemInfo li span { vertical-align: top; }
.itemInfo li .label { text-align: right; }
.itemInfo .cmimg, .itemInfo .cmimg img { width: 18px; }
.itemInfo .title { margin-left: 0px; font-size: 100%; line-height:
1.15em; text-align: center; padding: 1px 0px 3px; word-break:

.itemInfo input[type="text"] { width: 100%; }
.itemInfo .high { margin-left: 0px; font-size: 100%; line-height:
1.15em; text-align: center; padding: 1px 0px 3px; overflow-x:
hidden; word-break: normal; overflow-wrap: break-word;
background: rgb(255, 241, 197); }
.lb-content .itemInfo { font-size: 95%; background-color:
rgb(240, 240, 240); padding: 3px 0px 6px; }
.lb-content .itemInfo li { line-height: 1.45em; }
.lb-content .itemInfo .title { padding: 3px 0px; border-bottom:
1px dotted rgb(204, 204, 204); }
.iconGallery > li { width: 75px; margin: 5px 5px 12px
!important; }
.iconGallery .itemIconHolder { height: 60px; border: 0px; }
.iconGallery .itemIconHolder a { border: 0px; overflow: visible;
width: auto; height: auto; }

.iconGallery .itemTitle { font-size: 85%; color: rgb(102, 102,
102); }
.iconGallery .itemIconWrapper { left: -30px; background:
rgb(255, 255, 255); padding: 4px; border-width: 1px; border-
style: solid; border-image: initial; border-color: rgb(255, 255,
255) rgb(204, 204, 204) rgb(204, 204, 204) rgb(255, 255, 255);
width: auto; }
.sideTOC_panelMin .container, .sideTOC_panel .container,
.sideTOC_panelMax .container { position: static !important; }
.tocWrapper { position: fixed; bottom: 0px; left: 0px; right:
18px; z-index: 200; margin: 0px; border-width: 1px 1px 0px;
bottom-color: initial; border-radius: 0px; padding: 4px 9px;
background: rgb(221, 221, 221); height: 40px; zoom: 1; }
.tocBottom_max .tocWrapper { z-index: 211; }

.tocHidden { top: -10000px !important; }
.tocHead { margin: 0px; padding: 10px 12px; color: rgb(51, 51,
51); }
.tocHead h2, .tocActions { margin-top: 0px; margin-bottom:
12px !important; }
.sideTOC h2 { font-size: 110%; float: none !important; }
.tocActions { white-space: nowrap; }
.tocActions a, .tocActions span, .tocActions > img { display:
inline-block; margin: 0px 0px 0px -1px; }
.tocActions span { padding: 0px 3px; }
.tocTreeWrapper { overflow-y: auto; padding: 2px 0px 0px; }
.sideTOC .tocTreeWrapper { overflow: auto; }

ul#tocTree li { padding: 0px 0px 2px; }
ul#tocTree a.itemActive { font-weight: bold; text-decoration:
none; }
ul#tocTree span { color: rgb(85, 85, 85); padding: 0px 3px 0px
0px; }
.treeNodeIcon { padding: 0px 3px 0px 0px; }
.sideTOC { position: absolute; top: 0px; right: auto; bottom:
auto; width: 200px; margin: 0px; padding: 0px; border-width:
1px 0px 1px 1px; border-top-style: solid; border-bottom-style:
solid; border-left-style: solid; border-top-color: rgb(170, 170,
color: rgb(170, 170, 170); border-image: initial; border-right-
style: initial; border-right-color: initial; border-radius: 0px;
background: rgb(221, 221, 221); box-shadow: none; }
.sideTOCMinimize { position: absolute; top: 0px; right: auto;
bottom: auto; margin: -4px 0px 0px 12px; padding: 0px; border:
0px; border-radius: 0px; width: 9px !important; }

.sideTOCMinimize .tocActions { background: transparent;
position: relative; left: -24px; padding: 1px; border-radius: 0px;
}
.sideTOCMinimize .tocActions a { display: block; margin: -1px
0px 0px; }
.tocBottom_pullExpanded { left: 228px; }
.tocBottom_pullExpanded .tocActions { margin: 0px 12px; }
.tocBottom_pullCollapsed { left: 18px; }
.tocSide_pullExpanded { left: 222px; top: 4px; }
.tocSide_pullCollapsed { left: 13px; }
.sideTOC_panel { padding-left: 201px; }

.sideTOC_panelMin { padding-left: 21px; }
.sideTOC_panelMax { padding-left: 351px; }
.tocBottom_min { padding-bottom: 30px; }
.tocBottom_max { padding-bottom: 330px; }
.tocBottom_open { padding-bottom: 160px; }
.tocBottom_open .container, .tocBottom_max .container,
.tocBottom_min .container, .sideTOC_panel .container,
.sideTOC_panelMax .container, .sideTOC_panelMin .container
{ padding: 18px 30px; }
.localViewToggle { zoom: 1; padding: 0px; text-align: right;
background: rgb(238, 238, 238); border-radius: 0px; }
.filePickerWidget .localViewToggle { background: transparent;
}

.localViewToggle ul { border-radius: 0px; margin: 0px;
padding: 0px; }
.localViewToggle ul li { float: right; }
.localViewToggle ul li.active { position: relative; }
.localViewToggle a { display: block; padding: 6px 15px 7px;
font-size: 90%; text-decoration: none; margin: 0px; text-
transform: inherit; border-radius: 0px; }
.localViewToggle .active a:hover { text-decoration: none; }
.localViewToggle a.active, div.localViewToggle h2 { font-
weight: bold; margin: 0px; color: rgb(51, 51, 51); background:
rgb(255, 255, 255); border-width: 0px 1px 1px; border-right-
initial; display: inline-block; }

.localViewToggle a.active::before, div.localViewToggle
h2::before, .localViewToggle a.active::after,
div.localViewToggle h2::after { position: absolute; bottom:
0px; border-width: 0px 8px 8px; border-bottom-style: solid;
border-bottom-color: rgb(204, 204, 204); border-left-style:
solid; border-left-color: transparent; border-right-style: solid;
border-right-color: transparent; border-top-style: initial; border-
top-color: initial; display: block; left: 50%; margin-left: -8px;
z-index: 3; }
.localViewToggle a.active::after, div.localViewToggle h2::after
{ bottom: -1px; border-bottom-color: rgb(238, 238, 238); z-
index: 4; }
.filePickerWidget .localViewToggle a.active::after { border-
bottom-color: rgb(255, 255, 255); }
.localViewToggle .separator { border-left: 1px dotted rgb(215,
187, 102); margin-left: 6px; padding-left: 6px; }
.localViewToggle a.miniComboButton { background:
url("images/controls.png") -1px -500px no-repeat rgb(245, 231,
189); padding-right: 16px; border: 1px solid rgb(215, 187, 102);
color: rgb(68, 68, 68); text-decoration: none !important; }
.containerTabs { font-size: 100%; margin: 6px 24px 0px; }

.containerTabs li { float: left; position: relative; }
.containerTabs li a, .containerTabs li h3 { padding: 9px 18px
12px; display: block; text-decoration: none; border-left: 1px
dotted rgb(204, 204, 204); margin: 0px; font-size: 100%; white-
space: nowrap; }
.containerTabs li:first-child a, .containerTabs li h3 { border:
0px; }
.containerTabs .active a, .containerTabs .active a:hover,
.containerTabs .active a:focus, .containerTabs .active h3 { font-
weight: bold; text-decoration: none; color: rgb(0, 0, 0); }
.containerTabs .active a::after, .containerTabs .active h3::after {
border-bottom-color: rgb(255, 255, 255); margin-bottom: -1px;
z-index: 2; }
.containerTabs .tabhead h3 { padding: 9px 18px 12px 0px;
color: rgb(85, 85, 85); }

.collapseTabs .containerTabs .active a::after { border-bottom-
color: rgb(255, 255, 255); }
.collapseTabs .containerTabs .active a::before { content: none; }
.portlet .containerTabs { font-size: 95%; padding: 8px 0px 0px;
.portlet .containerTabs li { padding: 0px; background-image:
none; }
.portlet .containerTabs li a { padding: 0px 9px 9px; }
.portlet .containerTabs .active a { margin: 0px; }
.collapseTabs .containerTabs { margin: 0px; }
.portlet .containerTabs .active a::before, .portlet .containerTabs
.active a::after { border-width: 0px 7px 7px; border-top-style:
initial; border-top-color: initial; left: 50%; margin-left: -4px; }

.portlet .containerTabs .active a::before { border-bottom-color:
rgb(221, 221, 221); }
.portlet .containerTabs .active a::after { border-bottom-color:
rgb(255, 244, 191); bottom: -1px; }
.mapTabs, .lesson-plan-page .mapTabs { clear: both;
background: rgb(255, 255, 255); border-top: 1px solid rgb(170,
170, 170); margin: 20px -30px 0px; position: relative; height:
auto; }
.hierarchy-page .mapTabs, .lesson-plan-page .mapTabs,
.evidence-page .mapTabs { margin-top: 0px; top: 20px; }
.lesson-plan-page .mapTabs ul.containerTabs, .evidence-page
.mapTabs ul.containerTabs { position: relative; }
.evidence-page .mapTabs { border-bottom: 1px solid rgb(187,
187, 187); }
.evidence-page .mapTabs li::before, .evidence-page .mapTabs
li::after { display: block; content: ""; border-width: 23px 0px
23px 12px; border-left-style: solid; border-left-color: rgb(255,

255, 255); border-top-style: solid; border-top-color: transparent;
border-bottom-style: solid; border-bottom-color: transparent;
border-right-style: initial; border-right-color: initial; position:
absolute; top: 0px; left: 0px; z-index: 101; }
.evidence-page .mapTabs li::before { display: block; content:
""; border-width: 23px 0px 23px 12px; border-left-style: solid;
border-left-color: rgb(187, 187, 187); border-top-style: solid;
border-top-color: transparent; border-bottom-style: solid;
border-bottom-color: transparent; border-right-style: initial;
border-right-color: initial; position: absolute; top: 0px; left:
1px; z-index: 100; }
.evidence-page .mapTabs li.active + li::after { border-left-color:
rgb(234, 234, 234); }
.evidence-page .mapTabs li:first-child::before, .evidence-page
.mapTabs li:first-child::after { display: none; }
.evidence-page .mapTabs li a, .evidence-page .mapTabs li.active
h3 { padding-left: 30px; }
.mapTabs { height: auto !important; }

.mapTabs ul { margin-top: 0px; margin-left: 0px; }
div.mapTabs ul li { padding: 0px; }
.lesson-plan-page .mapTabs ul li.active h3, .mapTabs ul
li.active h3 { margin: 0px; font-size: 100%; padding: 14px;
border-left: 1px solid rgb(187, 187, 187); position: relative;
background: rgb(234, 234, 234); }
.mapTabs ul li.active h3::after { border-bottom-color: rgb(234,
234, 234); bottom: -1px; }
.mapTabs ul li.active:first-child h3::after, .mapTabs ul
li.active:first-child h3::before { margin-left: 0px; }
.mapTabs ul li.active:last-child h3 { border-right: 1px solid
rgb(187, 187, 187); }
.lesson-plan-page .mapTabs ul li.active h3::after, .hierarchy-
page .mapTabs ul li.active h3::after { border-bottom-color:
rgb(85, 85, 85); bottom: 0px; }

.lesson-plan-page .mapTabs ul li.active h3::before, .hierarchy-
page .mapTabs ul li.active h3::before { display: none; }
.evidence-page .mapTabs ul li.active h3::after { border-bottom-
color: rgb(255, 255, 255); }
.mapTabs ul li a, .lesson-plan-page .mapTabs ul li a { border-
width: 0px 0px 0px 1px; border-top-style: initial; border-right-
style: initial; border-bottom-style: initial; border-top-color:
border-image: initial; padding: 14px; border-left-style: solid;
border-left-color: rgb(187, 187, 187); font-size: 100%; color:
rgb(1, 134, 158); }
.mapTabs ul li a:hover { text-decoration: underline; }
.mapTabs ul li span:hover { border-bottom-style: solid; }
.mapTabs a.inprogress, .mapTabs li:first-child a.inprogress {
padding-left: 32px; background:
url("images/workflow_detail_active.gif") 9px 33% no-repeat
transparent; }
.mapTabs a.complete, .mapTabs li:first-child a.complete {

padding-left: 32px; background:
url("images/workflow_detail_complete2.gif") 9px 50% no-
repeat transparent; }
.mapTabs li:first-child a.complete { padding-left: 54px;
background-position: 30px 50%; }
.mapTabs ul li:first-child a, .mapTabs ul li:first-child h3 {
border: 0px; padding-left: 30px; }
.mapTabs ul li div { display: none; padding: 7px 12px; }
.mapTabs ul li.saveTab a, ul.containerTabs li.saveTab img {
display: none; }
.mapTabs ul li.saveFadeIn { opacity: 0; }
.mapTabs ul li.saveTab div { display: block; padding: 5px 12px
6px; color: white; background:
url("images/tab_receipt_back.gif") center bottom repeat-x

div.mapHelp { padding: 4px 12px 0px; background: rgb(255,
241, 197); margin: -1px 0px 0px; }
ul.setStatus { border: 1px solid rgb(238, 238, 238); margin:
15px 0px 9px 30px; padding: 3px; list-style: none; }
ul.setStatus li { margin: 0px 6px 0px 0px; font-size: 95%; }
ul.setStatus li input { padding: 0px; margin: 0px; }
ul.setStatus li label { padding-left: 22px; background:
url("images/workflow_detail_active.gif") 1px 0px no-repeat; }
ul.setStatus li label.complete { padding-left: 22px; background:
url("images/workflow_detail_complete.gif") 1px 0px no-repeat;
}
form.mapCanvasForm div.steptitle, form.mapCanvasForm
h3.steptitle { margin: 15px 0px 0px 18px; padding-left: 0.8em;
}
.mapTabs .containerTabs { border-bottom: 0px; }

#mapCanvasForm { margin: 0px -30px; }
#mapCanvasForm #containerDiv { margin: 20px 0px; }
.evidence-page .infoListWrapper h3 a.itemHead { padding: 3px
0px 3px 22px; background: url("images/portlet_expand_alt.gif")
6px 6px no-repeat scroll transparent; }
.evidence-page .infoListWrapper h3 a.itemHeadOpen { padding:
3px 0px 3px 22px; background:
transparent; }
.evidence-page .leftColumn-narrow { margin: 0px; width: 26%;
background-color: rgb(249, 249, 249); padding: 6px; border-
radius: 0px; border: 1px solid rgb(238, 238, 238); }
.evidence-page .leftColumn-wide { width: 69%; }
.sessionBox { width: 95%; }

.sessionBox .key-valueTable { margin: 3px 9px 6px 22px; }
.sessionBox .key-valueTable tbody td, .sessionBox .key-
valueTable tbody th { padding-right: 40px; }
.evidence-page .criteriaSummary { padding-top: 12px; border:
1px solid rgb(238, 238, 238); margin: 0px; }
.evidence-page .paletteItems li { margin-left: 0px; }
.paneTabs { margin: 0px; border-width: 0px 1px 1px; border-
right-style: solid; border-bottom-style: solid; border-left-style:
solid; border-right-color: rgb(217, 217, 217); border-bottom-
initial; border-radius: 0px; background: rgb(255, 255, 255);
zoom: 1; }
.subtabs-framed .paneTabs { border-radius: 0px; }
.paneTabs ul { clear: both; }

.paneTabs ul li { float: left; margin: 0px; text-align: center;
position: relative; padding: 0px; z-index: 200; }
.paneTabs .active { padding: 0px; float: left; position: relative;
color: rgb(0, 133, 165); }
.paneTabs a { display: block; padding: 12px 24px; text-
decoration: none; border-left: 1px solid rgb(139, 87, 42); }
.paneTabs ul li:first-child a { border-left: 0px; }
.paneTabs a:hover { text-decoration: none; }
.paneTabs .active a:hover { text-decoration: none; }
relative; font-weight: bold; color: rgb(51, 51, 51); text-
decoration: none; }

.paneTabs .active a::after, .paneTabs .active a::before { display:
none; }
{ font-weight: bold; padding: 5px 22px 5px 16px; }
padding: 3px 20px 3px 9px; margin: 0px; background: rgb(222,
222, 222); }
.paneTabs .external a { padding-left: 20px; background:
rgb(222, 222, 222); }
.paneTabs .external a:hover { padding-left: 20px; background:
rgb(255, 241, 197); }
.personal a.paneTabOptions { background-color: transparent;
display: inline; top: 4px; right: 5px; opacity: 0.3; padding: 0px;

position: absolute !important; }
}
.paneTabs a.hiddenTabsLink { background-image:
background-position: center 6px; }
opacity: 0; }
.panelTabs { list-style: none; padding: 0px; margin: 0px;
background: transparent; font-size: 90%; }
.panelTabs li { float: right; position: relative; margin: 0px
!important; padding: 0px !important; border-bottom: none
!important; top: 2px !important; }
.panelTabs li.active { z-index: 2; }

.panelTabs li a, .panelTabs li.active a { padding: 4px 9px; text-
decoration: none; display: inline-block; top: 0px !important; }
.panelTabs li a:hover { background-color: rgb(246, 246, 246); }
.panelTabs li.active a { border-bottom: 0px; font-weight: bold;
color: rgb(51, 51, 51); }
.panelTabs li.active a.preview { background: rgb(255, 255,
255); border-width: 2px 2px 0px; border-top-style: solid;
border-right-style: solid; border-left-style: solid; border-top-
color: rgb(221, 221, 221); border-right-color: rgb(221, 221,
221); border-left-color: rgb(221, 221, 221); border-image:
initial; border-bottom-style: initial; border-bottom-color: initial;
}
.panelTabs li.active a.edit { border-bottom: 0px; margin: 0px
!important; }
.collapseTabs { margin-bottom: 12px; }

.collapseTabsData { position: relative; background: rgb(255,
255, 255); padding: 12px 18px; overflow-wrap: break-word; }
.containerTabsCollapsed { border: 0px; }
.collapseTabs li a { text-decoration: underline; }
.collapseTabs li.active { z-index: 1000; }
.sequenceMapHead { margin: 6px 0px; }
.sequenceMapHead h3 { margin: 12px 0px 6px; }
.sequenceMapHead p { margin: 0px 0px 6px; padding: 0px;
color: rgb(102, 102, 102); font-size: 95%; }
div.sequenceMapHead div.actionBar { border: 0px; background:
rgb(255, 247, 222); }
div.searchResultList-sortOptions { border-bottom: 1px solid

rgb(187, 187, 187); background-color: rgb(238, 238, 238);
padding: 10px; margin-bottom: 15px; text-align: right; min-
height: 20px; }
div.searchResultList-sortOptionsCount { width: auto; float: left;
}
div.dropzone { border: 1px dotted rgb(170, 170, 170);
.container div.dropzone { top: 3px !important; }
.modalOverlay { display: none; background-color: rgb(0, 0, 0);
opacity: 0.01; position: fixed; top: 0px; left: 0px; z-index: 90;
right: 0px; bottom: 0px; height: 100%; width: 100%; }
.nav .sub ul, .nav.gb_currView .sub > ul, .menumini ul,
.quickAddPal, .keyboardAccess, span.currentTags, .liveArea,
.liveArea-slim, .previewArea, .jumptopage, .panelTabs li.active
a.edit, .panelTabs li.active a.edit:hover, .panelTabs li.active
a.edit:focus, .flyout, .bcContent .flyout, ul.tree li a + img +
a:focus, ul.tree li img + img + a:focus, div.treeContainer ul.tree
li a.itemActive, #learningUnitToc ul.tree li a.itemActive, ul.tree
li a.itemActive, #loginLang ul { background: rgb(255, 255,
255); zoom: 1; padding: 4px; border-radius: 0px; border: 1px
solid rgb(170, 170, 170); }

.actionBar .mainButton .flyout, .actionBar .secondaryButton
.flyout, .actionBar .mainButton ul, .actionBarMicro .mainButton
ul { border-radius: 0px; }
.actionBar .mainButton:first-child .flyout { margin: 0px 0px 0px
-2px; }
div.quickAddPal.calPicker { border-radius: 0px; border: 1px
solid rgb(170, 170, 170); }
ul.tree li a.itemActive, ul.tree li a.itemActive, ul.nestedList {
box-shadow: none; }
.liveArea, .previewArea { padding: 9px 14px; margin: 0px 0px
5px; width: auto; position: relative; }
ul.tree li a.itemActive, ul.tree li a.itemActive { border-width:
1px; padding: 1px 2px; margin: 0px 0px 0px -2px; border-
radius: 0px; }

.builderItem .liveArea { position: absolute; top: 12px; left:
22px; z-index: 100; }
.previewArea { border: 2px solid rgb(221, 221, 221);
background: rgb(255, 255, 255); margin-top: 0px; }
.jumptopage, .inventory_paging.jumptopage { padding: 8px
24px 8px 12px; text-align: left; position: relative; }
.jumptopage label { font-size: 90%; }
.liveAreaTab, a.liveAreaTab, a.liveAreaTab:hover,
a.liveAreaTab:focus, .actionBar ul li a.liveAreaTab:focus,
li.secondaryButton a.liveAreaTab, .panelTabs li.active a.edit,
.panelTabs li.active a.edit:hover, .panelTabs li.active
a.edit:focus { position: relative; z-index: 2; box-shadow: none;
color: rgb(255, 255, 255); background: rgb(85, 85, 85); filter:
none; }
li.secondaryButton a.liveAreaTab { overflow: hidden; }

.liveArea-slim { padding: 3px 5px; }
3px !important; }
!important; }
.columnActions .nav .sub ul { margin-top: 0px; }
.nav .sub ul, .nav .sub .flyout { position: absolute; display:
none; }

.nav .sub ul li { margin: 0px; padding: 0px; float: none; }
.nav .sub ul ul, .nav .sub .flyout ul { display: block; }
.nav .sub:hover ul, .actionBarMicro .nav .sub:hover ul, .nav
.sub:hover .flyout { top: 22px; left: 0px; z-index: 101; }
.actionBarMicro .nav .sub:hover ul, .rumble_top .nav .sub:hover
ul, .rumble .nav .sub:hover ul { top: 18px; }
.quickAddPal { width: auto; }
.quickAddColor { width: 311px; }
.quickAddColor a.genericButton { float: left; margin: 2px 0px;
}
.cmdiv { background: rgb(255, 255, 255); border: 1px solid
rgb(153, 153, 153); border-radius: 0px; }

.cmdiv ul { border: 0px; }
.cmdiv ul:first-child, .menumini ul:first-child { border-top: 0px;
}
.cmdiv ul[role="presentation"]:first-child + ul, .menumini
ul[role="presentation"]:first-child + ul { border-top: 0px; }
.nav .sub ul li a, .cmdiv a, .menumini a, #loginLang ul li a {
width: 190px; background: transparent; color: rgb(51, 51, 51);
margin: 0px; border: 0px; text-shadow: none; zoom: 1;
overflow: hidden visible; word-break: normal; overflow-wrap:
break-word; border-radius: 0px; font-size: 95%; }
.cmdiv a { font-size: 95%; border: 0px; }
.nav .sub ul li a:hover, .nav li.sub ul li a:focus, .cmdiv a:hover,
.cmdiv a:focus, .menumini a:hover, .menumini a:focus,
#loginLang ul li a:hover, #loginLang ul li a:focus { background-
color: rgb(255, 255, 255); border: 0px; cursor: pointer; text-
decoration: none; color: rgb(0, 0, 0); }

.actionBarMicro .nav .sub ul li a:hover, .paneTabs .nav .sub ul
li a:hover, .actionBarMicro .nav li.sub ul li a:focus, .paneTabs
.nav .sub ul li a:focus { background-image: none; }
.nav li.sub ul li a:focus, .cmdiv a:focus, .menumini a:focus {
background-color: transparent !important; }
.nav .sub ul li:first-child a, .nav .sub ul li:first-child a:hover,
.nav .sub ul li:first-child a:focus { border: 0px; }
.rumble_top .nav .sub ul li a, .rumble .nav .sub ul li a {
background-color: rgb(255, 255, 255); box-shadow: none; filter:
none; }
.nav .sub ul li a:hover { background-color: rgb(235, 235, 235);
}
.paneTabs .nav .sub ul li a { text-align: left; }
.timediv ul li a:hover, .timediv ul li a:focus { padding: 3px 6px;
}

.timediv ul li a:focus { background-color: rgb(51, 102, 153);
color: rgb(68, 68, 68); }
.topGlobalLinks .nav .sub:hover ul { top: 0px; left: 0px; z-
index: 101; }
.topGlobalLinks .nav .sub:hover ul { top: 0px; right: 0px; left:
auto; z-index: 101; }
.cmdiv li.contextmenubar_top, .menumini li.contextmenubar {
background-image: none; border-radius: 0px; }
a.closeCloud:focus { padding: 6px 4px 4px; box-shadow: none;
overflow: hidden; background: rgb(255, 255, 255) !important; }
.cmdiv li.contextmenubar_top a:focus, .cmdiv
li.contextmenubar_top a:hover, .currentTags
a.closeCloud:hover, .currentTags a.closeCloud:focus {
background: rgb(255, 255, 255); }

.cmdiv li.contextmenubar_top { position: relative; width: auto;
top: -3px; }
.currentTags a.closeCloud { border: 0px !important; border-
radius: 0px !important; }
.quickAddPal h3, .keyboardAccess h3, .quickAddPal
.quickAddPalHeader { font-size: 105%; font-weight: bold;
margin: 0px 0px 8px; padding: 8px 8px 4px; }
.quickAddPal .controls, .keyboardAccess .controls, .comText
.controls, .e_expandArea .controls { border-top: 2px groove
rgba(255, 255, 255, 0.5); clear: both; margin: 9px -4px 2px;
padding: 8px 9px 4px; text-align: right; }
.keyboardAccess p.paletteHelp { margin: 6px 9px; padding: 3px
6px; white-space: normal; background: rgb(255, 241, 197);
border: 1px solid rgb(255, 204, 0); font-size: 90%; }

.flyout { padding: 9px 12px !important; }
.nav .sub .flyout div { position: static; padding-bottom: 6px;
margin: 0px; min-height: 1px; float: left; }
.flyout h3 { margin: 9px 0px 0px 9px; padding: 0px; }
.flyout h3 .line { border-top: 1px solid rgb(204, 204, 204);
height: 1px; }
.flyout h3 .text { background: rgb(255, 255, 255); }
.nav .sub .flyout ul { position: static; background: transparent;

span.title_color_name { color: rgb(102, 102, 102); }
.receipt, .warning, .inlineDialog { margin: 0px 0px 6px;
padding: 6px 9px; position: relative; border-radius: 0px; border:
1px solid rgb(187, 187, 187); }
.tabbedPane.contentPaneWide .receipt { border-radius: 0px;
border: 0px; margin: 0px 0px 10px; padding: 12px 24px;
position: relative; z-index: 201; }
.contentPane .receipt, .contentPaneWide .receipt { border: 0px
none; margin: 0px 0px -5px; padding: 12px 24px; z-index: 0; }
.container .receipt { border: 0px none; box-shadow: none;
margin: 0px 0px 6px; padding: 6px 12px; z-index: 0; display:
inline-block; }
.receipt ~ #editmodeWrapper, .receipt ~ .contentBox { z-index:
1; }
.sideTOC_panel .receipt ~ #editmodeWrapper { position: static;
}

.sideTOC_panel .receipt { border-radius: 0px; }
.tabbedPane .receipt a.close img, .contentPane .receipt a.close
img, .contentPaneWide .receipt a.close img, a.closeCopyright
img { display: none; }
.tabbedPane .receipt a.close, .contentPane .receipt a.close,
.contentPaneWide .receipt a.close { right: 12px; top: 10px;
.receipt a.close::before, a.closeCopyright::before { content:
"X"; font: 18px/1 Utilicons; color: rgba(255, 255, 255, 0.7); }
a.closeCopyright::before { color: rgba(255, 255, 255, 0.5); }
.receipt a.close:hover, .receipt a.close:focus { opacity: 1; }
.receipt a.close:hover::before, .receipt a.close:focus::before,
a.closeCopyright:hover::before { color: rgb(255, 255, 255); }

.inlineDialog { border-radius: 0px; padding: 1px 4px; }
.inlineReceipt { margin: 6px 0px; padding: 6px 9px; position:
absolute; border-radius: 0px; display: none; }
.miniReceipt { position: absolute; color: rgb(255, 255, 255); z-
index: 300; padding: 2px 12px; border-radius: 0px; border: 1px
solid rgb(187, 187, 187); }
.bad, .good, .removing, .adding, .infoReceipt, .infoReceipt a,
.brokenFileLink, .portlet span.due.warning, .good a.areceipt,
.bad a.areceipt { font-weight: bold; color: rgb(255, 255, 255); }
.bad, .removing, .brokenFileLink, .portlet span.due.warning {
background: rgb(255, 59, 48); border-color: rgb(255, 59, 48); }
.container .warningReceipt { padding-right: 24px; }
.warningReceipt, .warningReceipt a.areceipt { background:
rgb(38, 214, 253); border-color: rgb(38, 214, 253); color: rgb(0,
0, 0); font-weight: normal; }

.warningReceipt a.close::before, .attention a.close::before {
color: rgba(0, 0, 0, 0.58); }
.contentPane .warningReceipt a.close { top: 5px; right: 5px; }
.warningReceipt a.close:hover::before, .warningReceipt
a.close:focus::before, .attention a.close:hover::before, .attention
a.close:focus::before { color: rgba(0, 0, 0, 0.8); }
.warningReceipt.redInline { background-color: transparent
!important; color: rgb(255, 59, 48) !important; }
.good, .adding { background: rgb(197, 111, 213); border-color:
rgb(197, 111, 213); }
.good a.close::before, .adding a.close::before { color: rgba(255,
255, 255, 0.8); }
.infoReceipt { background: rgb(76, 107, 146); border-color:
rgb(98, 117, 143); }
.infoAlert { background-color: rgb(240, 240, 240); border: 1px

solid rgb(204, 204, 204); border-radius: 4px 4px 0px 0px;
padding: 5px 24px; position: relative; margin-bottom: -1px; }
.infoAlert span { display: block; min-height: 35px; position:
relative; padding: 5px 140px 5px 0px; border-top: 1px solid
rgb(204, 204, 204); }
.infoAlert span:first-child { border-top: 0px; }
.infoAlert a { color: rgb(1, 117, 140); font-weight: bold; }
.infoAlert .button-1 { color: rgb(255, 255, 255); margin-top: -
15px; position: absolute; right: 0px; top: 50%; }
.attention { background: rgb(255, 244, 191); border-color:
rgb(255, 204, 51); border-width: 2px; color: rgb(0, 0, 0); font-
weight: normal; margin: 0px 0px 0px 10px; padding: 4px 12px;
}
.removing, .adding, .brokenFileLink, .portlet span.due.warning
{ font-weight: normal; }

.brokenFileLink, .portlet span.due.warning { border-radius: 0px;
border: 1px solid rgb(191, 27, 23); display: inline-block; }
.infoBox { border-radius: 0px; text-align: center; border: 1px
solid rgb(175, 223, 97); margin: 6px 0px; padding: 6px 9px; }
.infoBox > .message { display: block; margin-bottom: 4px; }
.info-ok { background: rgb(217, 239, 164); border-color:
rgb(175, 223, 97); color: rgb(51, 102, 0); }
.nestedReceipt { z-index: 1001; margin: 0px 20% 6px 0px
!important; padding: 6px 30px 12px 12px !important; }
.receipt[id*="receipt_nested"] { padding-right: 28px; }
.columnMsgWrapper { margin-left: 60%; }
.columnMsgWrapper .column-2 { min-height: 1px; }

.smsIssue, .t2vIssue { margin: 3px 3px 9px; position: relative; }
.bubbleStem-bottom-center { width: 0px; height: 0px; border-
width: 12px 10px 0px; border-left-style: solid; border-left-
color: transparent; border-right-style: solid; border-right-color:
transparent; border-top-style: solid; border-top-color: rgb(255,
204, 51); border-bottom-style: initial; border-bottom-color:
initial; position: absolute; bottom: -12px; left: 50%; margin-
left: -8px; }
.nextStepsReceipt { color: rgb(84, 84, 84); border-top: 1px solid
rgb(204, 204, 204); position: relative; padding: 0px; line-
height: 1.4; margin: 10px -30px -20px; background-color:
rgb(238, 238, 238); background-image:
url("images/reorder_bg.png"); box-shadow: rgba(0, 0, 0, 0.03)
1px 1px 7px inset, rgba(255, 255, 255, 0.3) 1px 1px 1px; }
.nextStepsText { padding: 18px 12px; background: rgb(254,
254, 254); margin: 0px 0px 0px 20px; }
.nextStepsText h5 { color: rgb(84, 84, 84); text-shadow:
rgb(255, 255, 255) 1px 1px 1px; display: inline-block; line-
height: 2em; min-width: 6em; }
.receiptCollapsed { font-size: 90%; position: relative; }

.stepcontent li.fieldError { background: rgb(255, 241, 197);
border-bottom: 1px solid rgb(255, 255, 255); padding: 2px 0px
0px 2px; }
.stepcontent li.fieldError .fieldErrorText, span.warningMsg {
color: red; font-weight: bold; }
span.warningMsg { display: inline; margin-left: 0px; }
.criteriaSummary { background: rgb(249, 249, 249); border-
bottom: 1px solid rgb(204, 204, 204); margin: 0px -32px 0px
0px; padding-bottom: 2px; padding-left: 12px; min-height:
61px; }
#bb-question-discover h2 { font-size: 110%; }
#filterContainer h2, #filterContainer .columnActions { margin-
left: 14px; }
.criteriaSummary h3 { margin: 6px 0px 3px; padding: 0px;
color: rgb(102, 102, 102); font-size: 100%; }

.criteriaSummary .hidden { display: none; visibility: hidden; }
.criteriaSummary ul { margin: 0px; padding: 0px; }
.criteriaSummary ul li { float: left; margin: 0px 1px; padding:
3px 0px 2px 9px; font-size: 90%; white-space: nowrap; border-
radius: 12px; }
.criteriaSummary ul li:first-child { margin-left: 0px; }
.criteriaSummary ul li strong { display: block; float: left; font-
weight: normal; margin: 0px; color: rgb(170, 170, 170); }
.receipt-highlight { background: rgb(255, 244, 191); box-
shadow: rgb(255, 255, 255) 0px 0px 4px; }
.receipt-default { background: transparent; box-shadow: none; }
.criteriaSummary ul li strong::before { content: "+"; font-
weight: bold; color: rgb(170, 170, 170); font-size: 120%; line-

height: 1; position: relative; left: -2px; }
.criteriaSummary ul li:nth-child(2) strong::before { content:
none; }
.criteriaSummary ul li span, .criteriaSummary ul li a { display:
block; float: left; background: rgb(221, 221, 221); padding: 1px
5px; margin: 0px 3px; color: rgb(51, 51, 51); white-space:
nowrap; border-radius: 12px; }
.criteriaSummary ul li span { margin-left: 0px; }
.criteriaSummary ul li strong + span { margin-left: 3px; }
.criteriaSummary ul li a { padding-right: 18px; text-decoration:
none; background: url("../../../images/ci/icons/delete_li.gif")
96% 2px no-repeat rgb(238, 238, 238); }
.criteriaSummary ul li span:last-child, .criteriaSummary ul li
a:last-child { margin-right: 0px; }
.search-element { background: rgb(249, 249, 249); border-

bottom: 1px solid rgb(204, 204, 204); padding: 18px 3px 18px
9px; }
.search-element h2 { display: inline-block; font-weight: normal;
font-size: 100%; width: 0px; height: 22px; overflow: hidden;
line-height: 1; vertical-align: middle; margin: 0px !important; }
.search-element h2::before { content: "F"; font: 17px/1
Utilicons; color: rgb(170, 170, 170); position: relative; margin:
0px 3px 6px 0px; top: 2px; vertical-align: middle; }
.search-element input[type="text"] { width: 60%; -webkit-
appearance: searchfield; }
.calPicker { z-index: 1500 !important; }
.calPicker .calHead { position: relative; padding: 3px; }
.calPicker h3 { margin: 0px 40px; border: 0px; padding: 0px;
background: 0px center; text-align: center; }
.calPicker .previous { position: absolute; top: 2px; left: 2px; }

.calPicker .next { position: absolute; top: 2px; right: 2px; }
.calPicker div.calFoot { clear: both; padding: 6px 3px; text-
align: center; }
.calPicker a.contextmenubar, .calPicker a.contextmenubar:hover
{ display: block; padding: 0px 2px 2px; text-align: right; }
.pickerMonth { position: relative; margin: 6px auto; border-
collapse: collapse; font-size: 95%; min-width: 200px; }
.pickerMonth thead th { border-width: 1px; border-style: solid;
border-color: rgb(204, 204, 204) rgb(170, 170, 170); border-
image: initial; padding: 2px; background:
221, 221); width: 24px; color: rgb(51, 51, 51); font-weight:
bold; text-align: center; vertical-align: top; }
.pickerMonth tbody td { width: 24px; background: white;
border: 1px solid rgb(204, 204, 204); padding: 2px; text-align:
right; white-space: nowrap; }

.pickerMonth td a { display: block; position: relative; text-
decoration: none; width: 100%; }
.pickerMonth td a img { float: left; }
.pickerMonth td:hover, .pickerMonth td:focus, .pickerMonth
td:active { background: rgb(255, 244, 191); box-shadow:
rgba(0, 0, 0, 0.2) 1px 1px 2px; }
.pickerMonth th:hover, .pickerMonth th:focus, .pickerMonth
th:active { background-color: rgb(204, 204, 204); }
.pickerMonth .today, .pickerMonth .today:hover, .pickerMonth
.today:focus { background: rgb(153, 153, 153); }
.pickerMonth .today a { font-weight: bold; color: rgb(255, 255,
255); }
.pickerMonth .today a:hover, .pickerMonth .today a:active,
.pickerMonth .today a:focus { background-image: none; }

.pickerMonth .offday, .pickerMonth .offday:hover,
.pickerMonth .offday:focus { border: 1px solid rgb(168, 190,
218); background: rgb(238, 238, 238); color: rgb(68, 68, 68);
text-decoration: none; box-shadow: none; }
.pickerMonth .offday a { display: none; }
.timediv { padding: 2px 0px 0px 4px; }
.timediv ul { width: 8em; height: 200px; overflow: auto; }
.timediv ul li.contextmenubar_top { position: absolute; top: -
27px; width: 114px; border-width: 1px 1px 0px; border-top-
style: solid; border-right-style: solid; border-left-style: solid;
border-top-color: rgb(153, 153, 153); border-right-color:
bottom-color: initial; }
.timediv ul li a { padding: 3px 6px; background-image: none; }
.csPicker { padding: 0px 12px 0px 6px; min-width: 300px; font-
size: 95%; }

.csPicker .actionBar, .csPicker .localViewToggle { font-size:
110%; }
.csPicker .contentPaneWide, .csPicker .breadcrumbs { margin-
left: 0px; margin-right: 0px; }
.csPicker .itemTray { z-index: 1000; }
.csPicker .itemTray .taskbuttondiv { margin: 0px; font-size:
105%; }
.csPicker .itemTray h3 { font-size: 115%; }
.csPicker #titleicon + h1 { margin-top: 2px; }
.csPicker .itemTray #numberOfElements { padding: 0px 2px; }
div.lb-overlay { background-color: rgb(0, 0, 0); }

div.lb-wrapper { background-color: rgb(255, 255, 255)
!important; }
div.lb-wrapper div.lb-header a img { border: 0px; }
div.lb-wrapper div.lb-content { background-color: rgb(255, 255,
div.lb-wrapper div.lb-content div.lb-loading { background:
center center no-repeat scroll transparent; }
.lb-wrapper .contentBox { border: 0px; box-shadow: none; }
.lb-wrapper #dataCollectionContainer { margin: 0px; }
.lb-wrapper .contentPaneWide, .portalPane { margin: 0px 12px;
}
#lightboxWrapper { position: absolute; top: 0px; left: 0px;
right: 0px; z-index: 1001; }

#lightboxWrapper-inner { position: relative; top: 0px; left: 0px;
text-align: center; width: 100%; z-index: 1002; }
#lightbox { display: block; margin: 40px 0px 0px; position:
relative; top: auto; left: auto; z-index: 1003; text-align: left; }
#lightbox #lightboxContent { padding: 1px 0px 0px; width:
600px; margin: 0px auto; position: relative; border-radius: 0px;
border: 1px solid rgb(51, 51, 51); background-color: rgb(255,
255, 255) !important; }
.lb-container, .lb-content .container { padding: 10px 12px 12px;
min-height: 0px !important; }
#overlay { display: none; background-color: rgb(0, 0, 0);
opacity: 0.3; position: fixed; top: 0px; left: 0px; z-index: 1000;
right: 0px; bottom: 0px; height: 100%; width: 100%; }
#lightbox.done #lbLoadMessage { display: none; }
#lightbox.done #lbContent { display: block; }

#lightbox.loading #lbContent { display: none; }
#lightbox.loading #lbLoadMessage { display: block; }
.avatar { margin: auto; border: 1px solid rgb(204, 204, 204);
padding: 4px; }
.myavatar { overflow: hidden; max-height: 150px; margin-
bottom: 12px; }
#lightbox .tallPara { padding: 14px 10px; margin: 0px; }
#lightbox ul { margin: 4px 0px 12px; }
#lightbox ul li { padding: 3px 0px; }
#lightbox ul li a:hover { text-decoration: underline; }

div.lbContainer p.taskButtonsContent { margin: 12px 0px 6px;
}
.toBeRemoved, .toBeRemoved > td { background: rgb(240, 240,
240); text-decoration: line-through; color: rgb(102, 102, 102); }
.unsavedItem, .unsavedItem td:first-child { padding-left: 18px;
background-image:
url("../../../images/ci/ng/unsaved_changes.gif"); background-
repeat: no-repeat; background-position: 0px 50%; background-
color: rgb(255, 241, 197); }
.unsavedItem td { background-image: none; }
a.selectedItem, a.selectedItem:focus { background: rgb(239,
246, 255); border-width: 2px 2px 0px; border-top-style: solid;
border-right-style: solid; border-left-style: solid; border-top-
color: rgb(155, 180, 207); border-right-color: rgb(155, 180,
207); border-left-color: rgb(155, 180, 207); border-image:
initial; color: rgb(0, 0, 0); border-bottom-style: initial; border-
bottom-color: initial; border-radius: 0px; padding: 3px 4px; top:
3px; position: relative; z-index: 10001; }
tr.inEditMode-row { border: 0px; }

tr.inEditMode-row td { padding: 6px 0px !important; border-
style: solid !important; border-color: rgb(204, 204, 204)
!important; border-image: initial !important; border-width: 2px
0px !important; }
#dataCollectionContainer { margin: 0px 10px; }
.popup #dataCollectionContainer { margin: -12px -20px; }
div#dataCollectionContainer div.contentBlock { margin: 0px;
padding: 6px 0px; border: 0px; }
.inventoryListContainerDiv { padding: 0px; }
#bb-question-discover .inventoryListContainerDiv, .picker
.inventoryListContainerDiv { padding-left: 12px; }
.blogContainer .inventoryListContainerDiv { padding: 0px; }

#linkedContentStep { padding: 0px 24px 34px 12px; border-top:
1px solid rgb(204, 204, 204); }
div#step1 { margin-top: 34px; }
.submitStepTop + div#step1, .taskbuttondiv + div#step1 {
margin-top: 0px; }
div[id*="stepcontent"] { border-top: 0px; border-bottom: 1px
solid rgb(205, 205, 205); padding: 0px 20px 20px 0px;
background-color: rgb(255, 255, 255) !important; }
.steptitle, .submittitle { font-family: "Open Sans", Arial, sans-
serif; color: rgb(51, 51, 51); font-size: 110%; margin: 0px 0px
24px -14px; position: relative; text-transform: uppercase; letter-
spacing: 1.7px; word-spacing: 0px; top: -15px; padding: 0px
12px; display: inline-block !important; }
.steptitle, div[id*="step"], div[id*="Step"],
#dataCollectionContainer, .container { background-color:
rgb(250, 250, 250); }
.container > form { margin: 0px; }

.submittitle { display: none !important; }
h3.steptitle { display: block; clear: both; padding-top: 0px; }
.submittitle { padding: 18px 24px 18px 12px; margin: 0px; }
.steptitle span, .submittitle span { color: rgb(51, 51, 51); font-
size: 140%; line-height: 1; text-align: right; display: inline-
block; width: 0px; overflow: hidden; opacity: 0; margin-left: -
18px; }
.submittitle span { margin-right: 3px; }
#toolSettingsForm .steptitle span { display: none; }
#toolSettingsForm .stepcontent { padding-left: 20px; }
#toolSettingsForm .steptitle { padding-left: 9px; }

#toolSettingsForm .steptitle.submittitle { padding-left: 27px; }
h3.noNumber { padding: 4px 16px 5px; }
.stepcontent { padding: 0px; margin: 0px; border: 0px; }
.stepcontent li { margin-bottom: 6px; padding-bottom: 6px; }
.stepcontent li.required { color: rgb(0, 0, 0); }
.stepcontent ol li div.label { font-weight: normal; }
.stepcontent li li { border: 0px !important; }
.stepcontent li::after { content: "."; display: block; height: 0px;
.stepcontent .stepHelp, .stepHelp { color: rgb(102, 102, 102);
margin: 0px 0px 6px; padding: 0px 0px 4px; border-bottom:

0px; font-family: "Open Sans", Arial, sans-serif; font-style:
italic; display: inline-block; font-size: 105%; }
.stepcontent .stepHelp:focus { outline: rgb(0, 0, 0) dotted 1px; }
.stepcontent .fieldHelp { color: rgb(102, 102, 102); font-size:
100%; padding: 2px 0px 8px; display: block; }
a.browse + .fieldHelp { padding-top: 9px; }
.stepcontent .nonHelp { font-size: 95%; color: rgb(0, 0, 0); }
.stepcontent .nestedList li { border: 0px; padding: 1px 0px;
margin: 0px; }
.nestedListSmall li { font-size: 90%; }
.nestedSubList { margin: 6px 6px 6px 30px; }
.stepLite { padding: 6px 16px 12px; }

.columnStep .column-3 { min-height: 200px; }
.columnStep .column-3 table.attachments { font-size: 90%; }
.columnStep div h3 { margin: 6px; }
.columnStep div div { padding: 6px; }
ol.nestedList li div.imgLabel { width: auto; }
.lb-wrapper .contentPaneWide, .portalPane { margin: 10px 12px
0px; }
ol.nestedList li div.imgLabel span.fileName { font-weight:
bold; padding: 0px 6px 0px 0px; display: inline; color: rgb(0, 0,
0); }
ol.nestedList li div.imgLabel span.control { display: inline; }

#title_color_value { padding-top: 6px; }
div.label, div.gb_gridCell_inner h3.label { float: left; width:
20%; min-width: 6em; max-width: 15em; margin: 0px 0px 3px;
position: relative; overflow-wrap: break-word; }
.required div.label label { padding-left: 20px; display: block; }
div.label-stack { display: block; float: none; width: auto; max-
width: none; }
div.field, div.noLabelField { float: left; width: 79%; margin:
0px 0px 3px; word-break: normal; overflow-wrap: break-word;
div.noLabelField { width: 100%; }
div.label span.contextMenuContainer { display: inline; }
span.stepHelp br, span.fieldHelp br { display: block; }

div.field ol p, div.noLabelField ul p { padding-bottom: 3px; }
div.field em { margin-top: 5px; display: inline-block; color:
rgb(136, 136, 136); }
fieldset.info, div.info { background: rgb(246, 246, 246);
margin: 0px; padding: 10px; }
fieldset.info div.label { color: rgb(102, 102, 102); }
.reqfield { float: left; color: rgb(119, 119, 119); padding: 24px
0px 0px 32px; position: relative; display: block; line-height: 2;
font-family: "Open Sans", sans-serif !important; }
.reqfield::before, .required > .label > label::before { content:
"*"; color: rgb(255, 128, 0); position: relative; vertical-align:
top; display: inline-block; margin-right: 1px; top: 2px; }
.required > .label > label::before { position: absolute; left: 0px;
}

.reqfield img, .required > .label > label img { display: none; }
.requiredField { background:
url("../../../images/ci/icons/required.gif") 0px center no-repeat;
padding: 6px 0px 6px 16px; display: inline-block; }
div.label img.indicator { position: absolute; left: -18px; top:
0px; }
.largeText div.label, .largeText div.field { font-size: 130%;
.largeText a.browse { font-weight: normal; margin: 0px 0px 0px
3px; font-size: 75% !important; }
.field a.browse { font-size: 95%; margin: 0px 0px 0px 3px; }
div.editBlock { float: left; margin-right: 12px; width: 100%; }
div.editBlock table.mceLayout table.mceToolbar { background-

.editgrade ol { padding: 16px; }
.gb_gridCell_inner ~ .contentAreaBlock { margin-left: 0px;
.largeText div.field div.editBlock label { font-size: 80%; font-
weight: normal; }
.largeText div.field div.exemptdiv label { font-size: 65%; }
.largeText textarea { font-size: 80%; }
li.inEditMode { border-radius: 6px; background: rgb(237, 237,
237); padding: 3px 9px; border: 2px solid rgb(68, 68, 68)
!important; }
.e_expandArea { margin-top: 21px; }

#e_groups_menu { background: rgb(206, 234, 238); border: 1px
solid rgb(170, 170, 170); top: 8px; }
.parent-child-listing { width: 50%; }
.parent-child-listing .stepHelp { margin-left: 24px; }
.parent-child-listing ul { border-left: 1px dashed rgb(204, 204,
204); margin: -4px 0px 12px 10px; padding: 0px 0px 0px 9px; }
.parent-child-listing li { margin: 0px; padding: 4px 0px; }
.stepcontent .hierarchy { padding: 0px; margin: 0px; list-style:
none; color: rgb(153, 153, 153); }
.stepcontent .hierarchy li, ol.hierarchy li ol li { padding: 0px
0px 9px; margin: 0px; border-width: 1px 0px 0px; border-right-
style: initial; border-bottom-style: initial; border-left-style:
border-left-color: initial; border-image: initial; border-top-style:
solid; border-top-color: rgb(221, 221, 221); background-color:
rgb(255, 255, 255); }

ol.hierarchy li ol { padding: 0px; margin: 8px 0px 0px 30px;
color: rgb(153, 153, 153); }
ol.hierarchy li h5 { position: relative; font-size: 100%; margin:
0px; padding: 8px 11em 3px 3px; color: rgb(0, 0, 0);
ol.hierarchy li h5 span { display: inline; color: rgb(136, 136,
136); font-size: 100%; border-bottom: 0px; }
ol.hierarchy li h5 a { position: absolute; right: 0px; top: 9px;
font-weight: normal; font-size: 90%; }
ol.hierarchy li div { font-size: 95%; vertical-align: middle;
padding: 9px 2px 2px 12px; text-align: right; }
ol.hierarchy li div.gbData span { display: inline; font-size:
100%; padding: 2px 0px 2px 9px; margin: 0px 0px 0px 9px;
border-left: 1px dotted rgb(204, 204, 204); color: rgb(0, 0, 0); }
ol.hierarchy li div.gbData span:first-child { border-left: 0px;
margin-left: 0px; padding-left: 0px; }

ol.hierarchy li div input.points, ol.hierarchy li div input {
ol.hierarchy li div input.points { width: 2em; }
ol.hierarchy li div input.name { width: 16em; }
li.parent { padding-bottom: 0px !important; }
ol.hierarchy li.parent ol li h5 { background-image: none; }
.stepPanels { padding: 6px 0px 12px; margin: 0px; border: 0px;
}
.stepPanels li { border-bottom: 0px; }
.panelTitle { margin: 4px 0px 0px; padding: 3px 5px;
background: rgb(222, 222, 222); position: relative; cursor:
pointer; }

.mdHead a, .panelTitle a { color: rgb(0, 0, 0); text-decoration:
none; }
.panelTitle a { display: block; width: 100%; }
.panelTitle .date { color: rgb(102, 102, 102); font-weight:
normal; font-size: 95%; text-decoration: none; position:
absolute; right: 6px; top: 2px; }
.panelTitle a span { display: inline; padding: 2px 0px; color:
black; font-size: 100%; }
.mdHead a span.date { font-weight: normal; }
.mdList, .stepPanel { margin: 0px 0px 9px; background:
rgb(246, 246, 246); padding: 9px 18px; border-bottom: none
!important; }
.stepPanel p span { color: rgb(102, 102, 102); }

.mdList h4, .stepPanel h5 { margin: 0px; padding: 0px; font-
size: 95%; }
.mdList p, .stepPanel p { margin: 5px 5px 5px 12px; padding:
.stepPanelControls { font-size: 90%; }
.contentAreaBlock { border: 1px solid rgb(221, 221, 221);
background: rgb(255, 255, 255); margin: 0px 24px 24px; }
.contentAreaBlock #step1 { border-top: 0px; }
.taskbuttondiv, .taskButtonsContent, .okbutton { padding: 12px
24px 24px 58px; margin: 0px; text-align: right; }
#bottom_submitButtonRow { display: inline-block; float: right;
}
.picker .taskbuttondiv { padding: 9px 0px 9px 58px; }

.container .taskbuttondiv:first-child { margin-top: 0px; }
div#dataCollectionContainer .taskbuttondiv:first-child,
div#dataCollectionContainer .reqfield + .taskbuttondiv,
div#containerdiv .mapCanvasForm .taskbuttondiv:first-child {
padding: 18px 24px 18px 58px; margin: 9px 0px 0px; }
#customizeDataCollection .taskbuttonhelp { padding: 12px; }
div#dataCollectionContainer .taskbuttonhelp + .taskbuttondiv {
span.stepTitleRight p.taskbuttondiv, span.contentListRight
p.taskbuttondiv { font-weight: bold; margin: 0px !important;
.taskButtonsContent { padding: 9px 12px 0px; margin: 24px -
12px 0px; border-top: 1px solid rgb(221, 221, 221); }
p.okbutton input { font-size: 100%; padding: 1px 6px; }

.submitStepBottom .taskbuttonhelp { padding-top: 18px;
.taskbuttonhelp { color: rgb(102, 102, 102); font-family: "Open
Sans", Arial, sans-serif; font-style: italic; font-size: 105%;
display: inline-block; margin-top: 12px; }
#taskbuttondiv p { text-align: left; font-size: 90%; display:
block; font-style: italic; margin: 6px 0px; border: 1px solid red;
}
.stepTitleRight { left: auto; padding: 6px; position: absolute;
right: -2px; top: -2px; }
legend { position: absolute; top: -10000px; line-height: 0;
height: 0px; }
fieldset ol li span.tagContainer input, fieldset ol li
span.tagContainer a.browse { font-size: 95%; }
fieldset ol li span.tagContainer, fieldset ol li span.tagContainer
span, fieldset ol li ol li span.tagContainer, fieldset ol li ol li
span.tagContainer span { float: none; display: inline; padding:
2px 2px 2px 0px; width: auto; font-weight: normal; font-size:

100%; }
fieldset ol li span.tagContainer span.hidden, fieldset ol li ol li
span.tagContainer span.hidden { display: none; }
fieldset ol li span.hidden, fieldset ol li ol li span.hidden,
.contentBlock ol li span.hidden { display: none; }
.selectItems { padding: 6px; border: 1px solid rgb(204, 204,
204); background: rgb(238, 238, 238); display: none; }
.itemSetRestrictions .u_floatThis-left { width: 40%; }
.selectArrows.u_floatThis-left { width: 40px; padding-left:
20px; }
.selectItems select { display: block; font-size: 100%; height:
115px; margin: 6px 0px 0px; width: 300px; max-width: 300px;
}
#dataCollectionContainer .noLabelField > .selectItems {

.userRoleSelect::before, #dataCollectionContainer
.noLabelField > .selectItems::before { content: ""; position:
absolute; border-left: 1px dashed rgb(204, 204, 204); left:
347px; top: 0px; bottom: 0px; }
.userRoleSelect.selectItems::before { left: 358px; }
.selectItems input[type="button"] { margin: 6px 0px 0px; max-
width: 140px; white-space: normal; font-size: 90%; }
.selectItems input[type="text"] { display: block; margin: 6px
0px; width: 300px; font-size: 100%; }
.searchbar .selectItems .selectArrows, .selectArrows { margin-
top: 60px; position: relative; }
.selectArrows a, .selectArrows button { display: block; margin:
0px 0px 3px; border: 0px; padding: 0px; background-color:
transparent; }

.selectItems h4 { margin: 0px 0px 12px 56px; padding: 0px; }
.userRoleSelect { width: auto; }
.userSelectedRoles { position: relative; padding: 3px 0px 6px
56px; }
.userSelectedRoles .selectArrows { position: absolute; left:
20px; top: 28px; margin: 0px; }
.userSelectedRoles .selectArrows .disableArrows { pointer-
events: none; cursor: default; }
.selectItems .available-roles h4 { margin-left: 0px; }
.selectItems .available-roles select { height: 200px; }
.multiSelect { padding: 0px 0px 12px; }

.multiSelect > div { width: 46%; float: left; margin: 0px;
padding: 3px; }
.multiSelect select { width: 100%; }
.multiSelect .selectArrows { text-align: center; width: 5%;
margin: 40px 0px; }
.widget { background: rgb(238, 238, 238); border: 1px solid
rgb(204, 204, 204); margin: 6px 0px; padding: 1px 6px; }
.widgetControls, table .widgetControls { font-size: 90%; }
.widget .spellCheck, .widget .textBoxItem { float: right; }
div.liveArea fieldset.stepcontent ol li { border: 0px; }
.quickAddPal .stepcontent { margin: 0px; padding: 3px 9px 3px
6px; }

.quickAddPal .stepcontent li { margin: 0px 2px; padding: 1px
1px 0px; border: 0px; }
.quickAddPal .stepcontent .label { width: 30%; padding-right:
2px; overflow: visible; }
.quickAddPal li.fieldError .fieldErrorText { color: red; display:
block; margin-left: 74px; font-weight: normal; font-size: 85%; }
100%; }
div.quickAddPal li.stepHelp, div.quickAddPal li div span {
width: auto; }
div.field span.fileName { font-weight: bold; padding: 0px 6px
0px 0px; display: inline; }
div.field span.control { display: inline; }

div.quickAddPal div.field input.datePickerInput,
div.quickAddPal div.field input.timePickerInput { width: 8em; }
.dtpickerEndDiv { padding-top: 10px; }
div#texteditor { margin: 0px; padding: 3px; float: left; }
div#texteditor textarea { width: 450px; display: block; margin-
left: 0px; }
div#texteditor a.textBoxItem { display: block; width: 80%; text-
align: right; padding: 2px; }
select.survey_question { max-width: 100%; }
.htmlarea .toolbar div > div { float: left; padding: 0px 1px;
height: 22px; }
.htmlarea iframe { min-width: 300px !important; }

.htmlarea iframe html head { font-family: "Open Sans", sans-
serif; }
.htmlarea .toolbar a.wikiButton, .htmlarea .toolbar a.wikiButton
img { width: auto !important; }
.vtbe_footer { background-color: rgb(238, 238, 238); font-size:
90%; color: rgb(102, 102, 102); padding: 2px 6px; border-
width: 0px 1px 1px; border-right-style: solid; border-bottom-
style: solid; border-left-style: solid; border-right-color: rgb(204,
204, 204); border-bottom-color: rgb(204, 204, 204); border-left-
style: initial; border-top-color: initial; }
.vtbe_footer span { font-size: 100%; }
.vtbe_footer input[type="button"] { font-size: 95%; }
.vtbe_footer a { margin: 0px 0px 0px 3px; }
.resize_handle { height: 12px; background:

url("images/controls.png") 50% -1px no-repeat rgb(204, 204,
204); cursor: n-resize; text-align: center; border-top: 1px solid
rgb(221, 221, 221); border-bottom: 1px solid rgb(187, 187,
187); }
.resize_handle:hover { background-color: rgb(187, 187, 187);
border-bottom-color: rgb(153, 153, 153); border-top-color:
rgb(204, 204, 204); }
.resize_handle img { width: 100%; height: 8px; }
.tabGroupsPreview { margin: -11px -12px 24px; font-size:
100%; }
.previewContent { position: relative; width: auto; padding:
14px; z-index: 1; margin: 0px; background:
170, 170); }
.previewContent iframe { height: 300px; width: 100%; }
.tabGroupsPreview table div { display: block; }

.previewOverlay { color: rgb(85, 85, 85); font-size: 300%; font-
weight: bold; height: 89px; position: absolute; text-align:
center; text-transform: uppercase; width: 100%; z-index: 0;
opacity: 0.3; box-sizing: border-box; }
.tabGroupsPreview .previewOverlay { top: 9px; }
.previewOverlay span { background-color: white; opacity: 0.3;
padding: 6px 12px 6px 24px; position: relative; top: 27px; user-
select: none; cursor: default; }
p.warning { padding: 9px 18px; background-color: rgb(207, 29,
25); margin: 12px 0px 24px; color: rgb(255, 255, 255); font-
size: 100%; }
.warning { background: rgb(167, 208, 223); }
div.tabPreview { position: relative; border: 12px solid rgb(205,
205, 205); width: auto; z-index: 1; margin: 0px 6px 6px;
background: rgb(205, 205, 205); }
div.tabPreview div.paneTabs { margin-top: 12px; }

.buttonLibrary { position: relative; padding: 6px 0px 6px
207px; }
.buttonLibrary li { float: left; border: none !important; }
.buttonLibrary li a { display: block; padding: 3px 7px; text-
align: center; text-decoration: none; }
.buttonLibrary li a.selected { text-decoration: none; font-
weight: bold; }
div.menuStyleStep { float: left; margin: 9px 40px 0px 0px;
width: 212px; }
div.menuDefaultStyleStep { margin: 9px auto; width: 212px; }
.schemeWrapper { float: left; margin: 0px 12px 0px 0px; }
.buttonLibrary .schemeWrapper { float: none; margin: 0px 9px
0px 0px; padding: 10px; background: rgb(255, 255, 255);

border-radius: 0px; max-height: 127px; overflow: hidden; }
.buttonLibrary .selected .schemeWrapper { padding: 10px; }
#selectedPalette .schemePreview, .schemePreview { border:
10px solid rgb(187, 187, 187); border-radius: 0px; max-height:
150px; overflow: hidden !important; }
.schemeWrapper span { font-size: 95%; text-align: center;
display: block; padding: 6px 0px; }
ul.buttonLibrary li.selected { position: absolute; top: 6px; left:
0px; }
ul.buttonLibrary li.selected a.selected, ul.buttonLibrary
li.selected a.selected span, ul.buttonLibrary li.selected a,
ul.buttonLibrary li.selected a span { font-weight: bold; color:
ul.buttonLibrary li { padding: 0px 0px 12px; margin: 0px; }
.schemePreview { width: 160px; padding: 12px 0px 0px 16px; }

.modulePreview { width: 140px; height: 57px; font-size: 85%;
position: relative; bottom: 0px; right: 0px; left: auto; border-
width: 1px 0px 0px 1px; border-style: solid; padding: 0px
!important; margin: 6px 0px 0px auto !important; }
.schemePreviewHead { font-weight: bold; font-size: 110%;
.modulePreviewHead { font-weight: bold; padding: 4px 9px
!important; margin: 0px !important; }
.schemePreviewBody { padding: 3px 0px 0px 9px; position:
relative; overflow: hidden; }
.modulePreviewBody { padding: 4px 9px 3px !important; }
.moduleList { border-top: 1px solid rgb(204, 204, 204); }
.moduleItem { border-bottom: 1px solid rgb(204, 204, 204); }

.module { overflow: hidden; padding: 0px 10px; }
.moduleHeading { overflow: hidden; padding: 10px 0px; }
.module h3 { display: inline; font-size: 110%; margin: 0px; }
.moduleDescription { width: 90%; }
.more { display: none; }
.moduleAction { margin: 10px 0px; }
.moduleCategory { padding: 3px; }
.moduleCategory a { font-weight: bold; }
.moduleSample { display: none; padding-left: 10px; }

.expandedModule { background-color: rgb(239, 239, 239); }
.expandedModule .more { display: inline; }
.expandedModule .moduleSample { display: block; }
#moduleList.leftColumn-wide .contentListPlain,
.moduleListActionBar { padding-left: 18px; }
#moduleList .contentListPlain > li.expandedModule
.moduleSample > div { overflow-wrap: normal; min-height:
50px !important; }
#moduleBody, #moduleBorder { border-color: rgb(204, 204,
204); color: rgb(68, 68, 68); background-color: rgb(239, 237,
227); }
.portlet { padding: 0px; position: relative; color: rgb(68, 68,

68); margin: 0px 10px 20px; border-radius: 0px; background-
color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.24) 0px
4px 8px 0px !important; }
.reorderableModule:hover { border-color: rgb(85, 85, 85);
background: rgb(255, 255, 255); transition-property: border,
function: ease-in-out; }
.reorderableModule:hover h2 { color: rgb(0, 0, 0); }
.reorderableModule:hover .dragHandle { color: rgb(255, 255,
255); background-color: rgb(0, 133, 165); }
.module-dragstate { border-color: rgb(85, 85, 85); background:
rgb(255, 255, 255); border-width: 1px; transition-property:
border-width, border-color, background, -webkit-box-shadow;
transition-duration: 50ms; transition-timing-function: ease-in-
out; opacity: 0.9 !important; }
#moduleTitle, .portlet h2 { padding: 5px 0px 3px 25px;
background: transparent; margin: 0px; font-weight: normal;
position: relative; vertical-align: middle; overflow: visible;
color: rgb(0, 133, 165); font-size: 1.1rem; border-bottom: 1px
solid rgb(0, 133, 165); }

.portlet h2 .moduleTitle { overflow-wrap: break-word; font-
weight: normal; font-size: 1.2rem; }
.portlet h2.dragHandle { padding-left: 20px; background-color:
rgb(255, 255, 255); transition: background-color 0.5s ease 0s,
color 0.5s ease 0s; }
.portlet h2.dragHandle:hover { cursor: move; background-color:
rgb(0, 133, 165); color: rgb(255, 255, 255); }
.portlet h2 a { color: rgb(255, 255, 255); padding: 0px 12px 0px
.portlet h2 a img { vertical-align: middle; }
.portlet h2.noTitle { margin: 0px; padding: 0px; background:
transparent; height: 1.4em; }
.portlet h2.noTitle:hover { background: rgb(237, 237, 237); }

.portlet a { text-decoration: none; overflow-wrap: break-word; }
.edit_controls { padding: 7px 6px 0px 0px; text-align: right;
float: right; }
.edit_controls a { margin-left: 1px; padding: 0px; text-
decoration: none; z-index: 201; position: relative; opacity: 0; }
.portlet .edit_controls a:hover, .portlet .edit_controls a:focus,
.portlet:hover .edit_controls a { text-decoration: none; opacity:
1; }
.edit_controls .moduleToggleLink { height: 14px; left: -4px;
opacity: 0.5; padding: 3px; position: absolute; top: 3px; width:
14px; z-index: 201; }
.edit_controls a img { opacity: 0; width: 0px; height: 0px; }
.edit_controls a::before { font: 16px/1 Utilicons; color: rgb(188,
188, 188); }
.edit_controls a:hover::before { color: rgb(136, 136, 136); }

.edit_controls a.moduleToggleLink { background:
transparent; }
.edit_controls a.moduleToggleLink.expand { background:
url("images/portlet_expand_alt.gif") 8px 6px no-repeat scroll
transparent; }
.edit_controls a.moduleCloseLink::before { content: "X"; }
.edit_controls a.moduleDetachLink::before { content: "w"; font:
16px/1 Utilicons; }
.edit_controls a[href*="edit_module"]::before { content: "S"; }
.collapsible { overflow: auto; padding: 6px 12px 12px; clear:
both; border-radius: 0px; }
.collapsible table { border-spacing: 3px 2px; border-collapse:
separate; font-size: 90%; color: rgb(51, 51, 51); font-family:
"Open Sans", Arial, sans-serif; }

.collapsible .help, .portlet h1 + p, .portlet h1 + p + p { margin:
0px 9px 6px; font-size: 100%; color: rgb(102, 102, 102); font-
family: "Open Sans", Arial, sans-serif; font-style: italic; line-
height: 1.45; }
center; }
.portlet h3, #lightbox h3, .portlet div.portletBlock h4, .portlet
div.blockContents h4, .flyout h3, .labelMenuItem { margin: 9px
0px 3px; font-size: 100%; color: rgb(85, 85, 85); padding: 2px
0px; font-weight: normal; }
.labelMenuItem { display: block; margin: 0px; }
.flyout-menu .labelMenuItem { padding: 18px 6px 0px 12px;
text-transform: uppercase; color: rgb(106, 106, 106); }
.portlet h4 { margin: 4px 0px 0px; color: rgb(0, 0, 0); padding:
1px 0px 2px; text-indent: 0px; }

.body-portlet { background: transparent; }
.portletList { margin-bottom: 0px; padding-left: 10px; color:
rgb(139, 87, 42); list-style: none; }
.portletList:only-child { margin-bottom: 0px; }
.portlet .portletList li { padding: 7px 0px 3px; margin: 0px 0px
9px; border-bottom: 1px dashed rgba(239, 155, 22, 0.4); }
.portlet .portletList li::before { content: "▸"; font-size: 1em;
line-height: 0; position: relative; top: 0px; left: 0px; }
.portlet .portletList li:first-child { border-top: 0px; }
.portlet .portletList li img { display: none; }
.portlet .courseListing li > a { font-weight: bold; }
.portlet .courseRole, .portlet .dataBlockLabel, .portlet

.eventDate { color: rgb(119, 119, 119); }
.portlet .eventList li { padding: 0px; margin: 0px 0px 2px; }
.portlet .eventList li .date { font-weight: bold; background:
rgb(240, 240, 240); color: rgb(89, 114, 152); padding: 2px 6px;
.portlet .eventList li .event { padding: 2px 4px 2px 18px; }
.portlet .eventList li .description, .portlet .eventDate { font-
size: 90%; }
.portlet .eventList li .event a { font-weight: bold; }
.portlet span.origin { color: rgb(153, 153, 153); font-size: 90%;
font-weight: bold; border: 1px solid rgb(204, 204, 204);
padding: 0px 4px; border-radius: 0px; margin: 0px 0px 0px 3px;
}
.portlet .portletList-img > li { padding: 7px 0px 0px; margin:
0px 0px 7px; border-top: 1px dotted rgb(204, 204, 204); }

.portlet .portletList-img > li:first-child { border-top: 0px; }
.portlet .portletList-img > li img { display: none; }
.portlet .courseInformation { text-indent: -16px; margin: 4px
.portlet .courseDataBlock { text-indent: -4px; margin: 4px 0px;
.portlet .courseDataBlock ul { margin-top: 5px; }
.portlet .courseDataBlock ul li { text-indent: 0px; }
.portlet .calculatorModule { text-align: center; }
.portlet .calculator { width: 10em; margin: 0px auto; padding:
6px; }

.portlet .portletPath { background: rgb(240, 240, 240); border-
radius: 0px; font-size: 90%; margin: 4px; }
.portlet .portletPath span { display: inline-block; background:
rgb(221, 221, 221); color: rgb(102, 102, 102); border-radius:
0px; padding: 1px 3px 1px 6px; font-weight: bold; }
.portlet .courseDataBlock ul li { background:
margin: 0px 0px 1px; padding: 0px 0px 0px 14px; }
.portlet .courseDataBlock a, .portlet .courseDataBlock li a {
font-weight: normal; text-decoration: none; }
.portletHelp { margin: 4px 7px; font-size: 95%; color: rgb(104,
139, 168); padding: 1px 0px 2px; }
div.module_actions { margin: 4px 0px; padding: 2px; line-
height: 1.8em; }
div.module_actions a:link { background-color: rgb(238, 238,
238); border: 1px outset rgb(204, 204, 204); color: rgb(102,

102, 102); font-size: 90%; font-weight: normal; margin-bottom:
5px; padding: 0px 5px; text-decoration: none; white-space:
nowrap; }
div.module_actions a:hover, div.module_actions a:active {
border: 1px inset rgb(238, 238, 238); }
div.module_actions img { vertical-align: middle; margin: 0px
3px; }
div.module_actions select { vertical-align: middle; font-size:
90%; }
div.module_actions label { font-weight: bold; }
div.scroll_div { overflow: auto; max-height: 300px; }
.portlet div.scroll_div { background: rgb(255, 244, 191);
border-radius: 2px; border: 1px solid rgb(221, 221, 221);
.submission_list { margin: 0px; padding: 3px 12px; }

.submission_list li { padding: 9px 6px; border-top: 1px dotted
.submission_list li:first-child { border-top: 0px; }
.submission_list li a { font-size: 90%; font-weight: normal;
margin-left: 6px; }
.submission_list li a.label { font-size: 100%; font-weight: bold;
margin-left: 0px; }
.submission_list li div.button { margin: 4px 0px 0px; float:
right; }
.submission_list li span { font-size: 90%; margin-left: 6px;
.eudModule, .styledModule-dark { margin: 0px; padding-
bottom: 24px; }

.portlet .noItems { text-align: center; font-style: italic; }
.eudModule .eudModule-inner, .styledModule-dark .module-
inner { overflow-y: auto; max-height: 500px; border-bottom:
1px dotted rgb(204, 204, 204); }
.eud-button-wrap { padding: 0px; float: right; }
img.eud-avatar { width: 28px; height: 28px; padding: 2px;
background: rgb(255, 255, 255); transform: rotate(-2deg);
.actionMenuButton { display: block; padding: 3px 8px 4px;
vertical-align: middle; filter: none; margin: 0px 4px 0px 0px;
float: right; }
div[id*="actionMenu_"] { z-index: 1000; }
.portlet .portletBlock { margin: 0px; font-size: 100%; border-
top: 2px groove rgba(255, 255, 255, 0.6); padding: 6px 0px; }

.portlet .portletBlock:first-child, .moduleActions +
.portletBlock { border-top: 0px; }
.blockGroups li:first-child { border-radius: 0px; }
.blockGroups li:last-child { border-radius: 0px; }
.portlet .memberList { margin: 0px 0px 5px; }
.itemGroups { margin: 4px 9px 12px; padding: 0px; }
.itemGroups .itemGroups { margin-left: 0px; margin-bottom:
4px; }
.portlet .blockGroups li { font-size: 100%; }
.portlet .itemGroups li { padding: 0px 0px 7px; line-height:
120%; overflow-x: hidden; }
.portlet .memberList li { padding: 0px; margin-left: 14px

!important; }
.portlet .course, .portlet ul.memberList, .portlet span.refresh {
font-size: 90%; display: block; }
.portlet .course { padding: 0px 0px 0px 9px; }
.portlet span.noIndent, .portlet .whatsNew span.course, .portlet
span.course { margin-left: 0px !important; }
.portlet ul.hierarchyList { margin-left: 22px; }
.portlet ul.hierarchyList li { text-indent: -18px; overflow-x:
visible; }
.portlet ul.hierarchyList li *, .portlet ul.hierarchyList
li.childless { text-indent: 0px; }
.portlet ul li ul li span.warning, .portlet ul li ul li span.due,
.portlet ul li ul li span.newItemCount { color: rgb(239, 49, 44);
border: 1px solid rgb(191, 27, 23); white-space: nowrap;
display: inline; padding: 0px 4px; border-radius: 0px; margin:

0px 0px 0px 3px; }
.flag { color: rgb(204, 51, 0); font-size: 90%; display: inline;
background: rgb(255, 228, 223); font-weight: bold; border: 1px
solid rgb(239, 164, 149); padding: 0px 4px; border-radius: 0px;
.portlet ul.memberList span, .portlet ul.memberList
span.newItemCount { font-size: 100%; }
.portletInfoFooter { font-size: 90%; color: rgb(153, 153, 153);
position: absolute; bottom: 5px; right: 0px; padding: 2px 9px; }
.dateSelector { padding: 4px; border-bottom: 1px dotted
rgb(204, 204, 204); }
.blockGroups li span.newItemCount { font-weight: normal;
color: rgb(119, 119, 119); }
.blockGroups li span.itemHeadOpen + p, .blockGroups li
span.itemHeadOpen + p { background: rgb(255, 255, 255); }

.blockGroups li span.itemHead a:hover, .blockGroups li
span.itemHead a:focus { background-color: transparent; }
.portlet .portletBlock h4 a:hover, .portlet .portletBlock h4
a:focus, .portlet .portletBlock h4.blockTitle a:hover, .portlet
.portletBlock h4.blockTitle a:focus { background: rgb(238, 238,
238); }
.portlet .portletBlock h4 { background: rgb(241, 241, 241);
border: 0px; color: rgb(68, 68, 68); display: block; letter-
spacing: 0px; margin: 0px; padding: 4px 9px; text-decoration:
none; }
.portlet .subCategories li a, .blockGroups .itemHead {
repeat transparent; border-top: 1px dotted rgb(204, 204, 204);
display: block; font-weight: bold; margin: 0px; padding: 8px
5px 8px 18px; text-decoration: none; }
.blockGroups .itemHead:hover, .blockGroups .itemHead:focus {
cursor: pointer; }
.blockGroups .itemHeadOpen { background:
rgb(255, 255, 255); color: rgb(1, 117, 140); }

.blockGroups .itemHeadOpen:hover, .blockGroups
.itemHeadOpen:focus { background-color: rgb(255, 255, 255);
cursor: pointer; }
.blockGroups li img.spacer { height: 0px; width: 50px; }
.blockGroups li span.headerText:hover, .blockGroups li
span.headerText:focus { cursor: pointer; }
.viewHeader { background: transparent; border: 0px none;
display: block; }
.viewHeader h3 { font-weight: bold; color: rgb(102, 102, 102);
}
div.waitingFrame { background: rgb(255, 255, 255); }
.moduleControlWrapper a { position: relative; margin: 0px 2px;
}

.moduleControlWrapper a::after { color: rgb(187, 187, 187);
right: 0px; position: relative; font-weight: bold; font-size: 14px;
}
.moduleBlock { margin: 6px; }
.portlet h1 { margin: 6px; font-size: 120%; }
ul.itemGroups li ul.items { padding: 2px 9px; display: block;
margin: 0px; font-size: 110%; }
ul.itemGroups li ul.items li a { font-weight: normal; }
.blockContents ul li, ul.memberList li { background-image:
none; padding: 0px; margin: 0px; }
.portlet #loginBoxFull { margin: 0px auto; padding: 0px 0px
16px; position: relative; width: 300px; }
.portlet #loginBoxFull p { margin: 0px 0px 12px; font-size:
0.95em; color: rgb(68, 68, 68); padding-left: 0px; }

.portlet #loginBoxFull p.welcome { margin: 10px; padding: 0px;
font-weight: bold; background: 0px center; color: rgb(0, 0, 0); }
.portlet #loginBoxFull ul { padding: 0px; }
.portlet #loginBoxFull li { margin: 0px; padding: 2px 0px;
background-image: none; clear: both; }
100%; }
.portlet #loginBoxFull input[type="text"], .portlet
#loginBoxFull input[type="password"], .portlet #loginBoxFull
button { background-color: rgb(255, 255, 255); box-sizing:
border-box; box-shadow: none; font-size: 100%; margin: 0px
0px 3px -4px; padding: 3px 5px; width: 300px; border-radius:
0px; border: 1px solid rgb(187, 187, 187); color: rgb(102, 102,
102); }
.portlet #loginBoxFull input[type="text"]:focus, .portlet
#loginBoxFull input[type="password"]:focus, .portlet
#loginBoxFull button:focus, .portlet #loginBoxFull
button:hover { border-color: rgb(0, 173, 208); color: rgb(0, 0,
0); outline-offset: -2px; }

.portlet #loginBoxFull a { font-size: 0.9em; }
.portlet #loginBoxFull p a, .portlet #loginBoxFull p.welcome a
{ }
.portlet #loginBoxFull form li + li + li { display: inline-block;
.portlet #loginBoxFull form li + li + li + li { text-align: right;
float: right; display: inline-block; vertical-align: top; }
.portlet #loginBoxFull li input.submit { margin: 0px -3px 0px
0px; }
.portlet #loginBoxFull #loginRedirectProviders { width: 300px;
}
.portlet #loginBoxFull #loginRedirectProviders button::after {
border-width: 4px 3px 3px; }

.portlet #loginBoxFull #loginRedirectProviderList { border-
color: rgb(187, 187, 187); box-shadow: none; margin-left: -4px;
width: 300px; }
.portlet #loginBoxFull #loginRedirectProviderList li { padding:
0px; }
.portlet #loginBoxFull #loginRedirectProviderList li img,
.portlet #loginBoxFull #loginRedirectProviderList li
.defaultProviderIcon { height: 18px; margin-right: 5px; width:
18px; }
#body { padding-bottom: 60px; }
#loadstatus { position: relative; height: 180px; }
fieldset.highlight { background: rgb(238, 238, 238); }
fieldset.highlight div.input { border-color: rgb(204, 204, 204); }
.builderItem .item { font-size: 100%; padding: 12px 9px;

border: 1px solid transparent; }
.builderItem:hover, .builderItem:focus, #lessonPlanForm
#dataCollectionContainer .contentListPlain li:hover,
#lessonPlanForm #dataCollectionContainer .contentListPlain
li:focus { border-color: rgb(102, 102, 102); }
li.builderItem { min-height: auto; }
.builderItem .close { position: absolute; right: 5px; top: 5px;
cursor: pointer; }
.builderItem iframe { width: 100% !important; }
div.subheading { font-weight: bold; }
div.required div.inputField { margin-left: -1.5em; padding-left:
1.5em; background: url("../../images/ci/icons/required.gif") left
2px no-repeat; }
.inputOptions { border-top: 1px dotted rgb(204, 204, 204);
padding: 0.5em; }

.label a:hover, .label a:focus { cursor: pointer; }
#lessonPlanForm #customFormBuilderDiv { margin: 0px; }
#lessonPlanForm #dataCollectionContainer, #lessonPlanForm
#dataCollectionContainer .contentListPlain { margin: 0px; }
.alignPanelLightbox { min-height: 250px; min-width: 650px;
padding: 10px 12px; }
.alignHeader { padding: 6px 0px 0px; font-size: 95%; font-
.alignPanel table td, .alignPanel table th { font-size: 90%; }
.alignPanel table td.descriptionCell { word-break: break-word;
overflow-wrap: break-word; min-width: 120px; }
.alignPanel table td.descriptionCell div { }

.alignPanel table td.infoCell div, .collapseTabs .alignPanel table
td.descriptionCell div { }
.collapseTabs .alignPanel table td.infoCell div { }
.alignPanel thead th.smallCell { padding: 4px 0px; }
.alignPanel thead th { white-space: nowrap; }
.pageBreadcrumb { background: rgb(255, 255, 255); height:
1em; padding: 6px; }
.pageBreadcrumb ul { list-style: none; margin: 0px; padding:
.pageBreadcrumb li { float: left; font-weight: bold; color:

rgb(153, 153, 153); margin-left: 3px; }
.pageBreadcrumb li a { text-decoration: none; color: rgb(198,
117, 210); font-weight: bold; margin-right: 3px; }
.pageBreadcrumb li a.active { text-decoration: none; color:
.sStatus { color: rgb(198, 117, 210); padding: 0px; font-size:
90%; margin-left: 8px; height: 14px; }
.sStatusI { color: rgb(204, 0, 0); padding: 0px; font-size: 90%;
margin-left: 8px; height: 14px; }
.panelList { padding: 0px; margin: 2px 0px 3px; overflow-wrap:
break-word; }
.panelList > li { margin: 0px 0px 1px; }
.panelNested { background-color: rgb(255, 255, 255); margin:
4px 0px 0px; padding: 4px; overflow: hidden; }

.panelHead { position: relative; margin: 0px; padding: 6px 8px;
background: rgb(239, 239, 239); overflow-wrap: break-word; }
.panelHead a { text-decoration: none; color: rgb(0, 0, 0); }
.panelItem { position: relative; border-bottom: 1px solid
rgb(238, 238, 238); padding: 6px 8px; }
.panelItem:last-child { border-bottom: none !important; }
.panelList_leftCol { position: absolute; left: 6px; top: 6px; }
.panelList_rightCol { position: absolute; right: 6px; top: 6px; }
.panelList_centerCol { padding: 0px 18px; }
ul.logMessages { list-style: none; margin-left: 0px; padding-
left: 1em; text-indent: -1em; }

li.logError { color: red; }
li.logWarning { color: blue; }
li.logMessage { margin-top: 0.1em; }
.connectionWrapper { position: relative; margin-top: 1px;
padding-right: 30px; }
.connectionWrapper a { position: absolute; right: 0px; top: 50%;
margin-top: -14px; }
.invertItems { margin-right: 26px; position: relative; display:
block !important; }
.invertItems a { position: absolute; right: -33px; top: -14px; }
.subcategories { padding: 6px 11px !important; }

.subcategories h3 { margin: 0px; padding: 0px; font-size: 100%;
}
.diffbox-wrapper { width: 80%; margin: 9px auto; }
.legendbox-wrapper { width: 90%; margin: 9px auto; }
.legendbox-wrapper > div { border-left: 1px solid rgb(221, 221,
221); }
.legendbox-wrapper > div:first-child { border-left: 0px; }
.diffbox-left, .diffbox-right, .diffbox-arrow, .legendbox { float:
left; }
.diffbox-left, .diffbox-right { width: 44%; }

.diffbox-left > div, .diffbox-right > div, .legendbox > div {
padding: 3px 6px; background: rgb(249, 249, 249); border-
radius: 0px; }
.legendbox > div { background: rgb(255, 255, 255); padding:
3px 9px; }
.diffbox-right > div { border: 1px solid rgb(221, 221, 221); }
.diffbox-left ul li, .diffbox-right ul li, .legendbox ul li { border-
top: 1px dotted rgb(221, 221, 221); padding: 4px 0px 2px; }
.diffbox-left ul li:first-child, .diffbox-right ul li:first-child,
.legendbox ul li:first-child { border-top: 0px; }
.diffbox-left .label, .diffbox-right .label, .legendbox .label {
width: 30%; color: rgb(102, 102, 102); }
.diffbox-left .field, .diffbox-right .field { width: 59%; }

.legendbox .label { width: 45%; font-size: 90%; }
.legendbox .field { width: 55%; }
.diffbox-arrow { width: 6%; text-align: center; padding-top:
50px; }
.diffLegend-sample { width: 90px !important; height: 17px
!important; position: static !important; }
.addedImg-sample, .removedImg-sample, .changedImg-sample {
.diff-html-added, .diff-html-removed, .added-sample, .removed-
sample { position: relative; display: inline-block; font-size:
100%; cursor: pointer; }
.diff-html-added, .added-sample { background-color: rgb(204,
255, 204); }
.diff-html-removed, .removed-sample { text-decoration: line-

through; background-color: rgb(253, 198, 198); }
.diff-html-changed, .changed-sample { background:
url("images/diffunderline.gif") center bottom repeat-x; cursor:
pointer; }
.diff-html-added img, .addedImg-sample { border: 2px solid
rgb(204, 255, 204) !important; }
.diff-html-removed img, .removedImg-sample { border: 2px
.diff-html-changed img, .changedImg-sample { border: 2px
dotted rgb(0, 0, 153) !important; }
div.diff-removed-image, div.diff-added-image, .diff-addedImg-
sample { position: absolute; left: 0px; top: 0px; right: 0px;
bottom: 0px; margin: 2px; opacity: 0.55; }
div.diff-removed-image, .diff-removedImg-sample {
background-color: rgb(253, 198, 198); background-image:
url("images/diffmin.gif"); }

div.diff-added-image, .diff-addedImg-sample { background-
color: rgb(204, 255, 204); background-image:
url("images/diffplus.gif"); background-repeat: no-repeat; }
div.blogContainer div.wikiPage { border: 1px solid rgb(204,
204, 204); }
div.blogContainer div.wikiPage h4 { font-size: 120%;
background-image: none; padding: 9px 12px 0px 30px; }
div.blogContainer div.entryFooter h4 { font-size: 100%;
padding: 0px; }
div.blogContainer div.entryDate { color: rgb(102, 102, 102);
font-size: 95%; padding: 6px 0px 6px 30px; font-family: "Open
Sans", Arial, sans-serif; font-style: italic; }
.editWiki { margin: 9px; }
.playerControls { position: relative; margin-bottom: 2px;
margin-top: 0px; padding: 6px !important; }

img.managedPluginStatusIcon { margin: 1px 7px 3px 0px; }
ul.metaDataList { margin: 0px; padding: 0px; list-style: none; }
ul.metaDataList li { margin: 0px; padding: 2px 0px; clear: both;
}
ul.metaDataList li h3 { display: inline; margin: 0px; }
.bb-cpgbtd { font-size: 90%; }
.bb-cpgbth { font-size: 90%; }
.bb-cpmgtd { color: rgb(0, 0, 0); font-size: 85%; }
.bb-cpmgth { font-size: 85%; font-weight: bold; }
#resizeHandle { position: absolute; background: rgb(221, 221,
221); left: 200px; bottom: 0px; top: 0px; border: 1px solid

rgb(153, 153, 153); margin-top: 0px; width: 3px; border-radius:
0px; }
#resizeHandle:hover, #resizeHandle:focus { background:
rgb(170, 170, 170); cursor: e-resize; }
#resizeHandle .collapseControl, #resizeHandle .pullcollapsed {
margin-top: 200px; position: relative; width: 11px; height:
22px; left: -5px; font-size: 8px; background:
url("images/menu_collapse3.gif") -2px -3px no-repeat scroll
transparent; display: block; border-radius: 0px; border: 1px
solid rgb(153, 153, 153); }
.collapseControl:hover, .collapseControl:focus { cursor:
pointer; }
.caretTitleModifier { padding: 1px 0px 0px 3px; color: rgb(68,
68, 68); font-weight: normal; font-size: 90%; }
.landingPageColumn h3.hiddenlink .linkStatus { margin: 0px;
font-size: 85%; font-weight: normal; display: block; padding:
0.4em 0px 0px; }
table.inventory .vtbegenerated tbody tr td, table.inventory

.vtbegenerated tbody tr th, table.reorderable .vtbegenerated
tbody tr td, table.reorderable .vtbegenerated tbody tr th,
table.inventory .vtbegenerated tbody tr:hover td, table.inventory
.vtbegenerated tbody tr:hover td, table.reorderable
.vtbegenerated tbody tr:hover { border: 0px; box-shadow: none;
.additional { padding: 2px 3px 3px; margin: 0px 0px 6px; }
.additional .left { float: left; }
.additional .right { float: right; padding: 2px 3px; color:
rgb(119, 119, 119); }
.additional .right span.size { font-weight: bold; color: rgb(0, 0,
0); }
.additional .left span.suboption { display: block; }
a.add { background-color: rgb(179, 239, 179); border-color:
rgb(66, 175, 65); }

a.add:hover, a.add:focus { background-color: rgb(228, 255,
223); border-color: rgb(66, 175, 65); }
a.remove { background-color: rgb(255, 196, 191); border-color:
rgb(239, 59, 59); }
a.remove:hover, a.remove:focus { background-color: rgb(255,
210, 207); border-color: rgb(239, 59, 59); }
3px !important; }
!important; }
.listColumnHead { margin-bottom: 3px; color: rgb(85, 85, 85);

font-weight: bold; font-size: 90%; border-bottom: 1px dotted
rgb(204, 204, 204) !important; }
.customFormBuilderLabel { display: block; width: 88%;
.textareaWrapper textarea, .textareaWrapper table { width:
100%; }
.portlet #loginFooter { margin: 0px; padding: 0px 0px 9px;
background-image: none; font-size: 0.9em; color: rgb(68, 68,
68); }
.portlet #loginFooter ul { margin: 0px; padding: 0px; list-style:
none; }
.portlet #loginFooter ul li { float: left; padding: 0px 10px;
border-left: 1px dotted rgb(153, 153, 153); background-image:
none; }
.portlet #loginFooter ul li:first-child { border-left: 0px; }

.portlet #loginFooter ul li :link.active { color: rgb(102, 102,
102); text-decoration: none; }
#table1_viewport + div::-webkit-scrollbar { margin-top: 3px;
height: 12px; background: rgb(240, 240, 240); border-radius:
#table1_viewport + div::-webkit-scrollbar-thumb { background:
rgba(0, 0, 0, 0.5); border-radius: 12px; height: 12px; }
.navPalette.tools { border-top: 2px groove rgba(255, 255, 255,
0.3); }
a, .portlet .subCategories li a, .blockGroups .itemHead,
.blockGroups .itemHeadOpen { color: rgb(139, 87, 42); }
.portlet .subCategories li a { color: rgb(139, 87, 42) !important;
}
.listCm .courseMenu a:hover span, .listCm .courseMenu a:focus
span { color: rgb(197, 111, 213) !important; }

.item h3 a span, .individualContent-link > span, .read > a > span
{ text-decoration: underline; }
.item h3 a:hover span, .item h3 a:focus span,
.individualContent-link:hover > span, .individualContent-
link:focus > span { border-bottom-style: solid; }
.designAreaHeader, .designAreaFooter { border: 1px solid
rgb(204, 204, 204); margin: 0px; padding: 6px 9px 9px; }
.designAreaHeader h3, .designAreaFooter h3 { margin: 0px;
padding: 0px; color: rgb(102, 102, 102); }
.designAreaHeader .headertext, .designAreaFooter .footertext {
margin: 0px; padding: 0px 0px 0.4em 12px; }
div#emptyText { margin: 0.6em 16px; }
.infoListWrapper { position: relative; border: 1px solid rgb(238,
238, 238); border-radius: 0px; margin: 0px 0px 6px; padding:
6px; background: rgb(246, 246, 246); }

.infoListWrapper h3 { margin: 0px; padding: 0px; }
.infoListWrapper h3 a { display: block; padding: 3px 16px;
background: url("images/indicators.png") 0px -443px no-repeat
transparent; }
.infoListWrapper h3 a.open { background:
}
.infoList { margin: 6px 12px; }
.infoList > li { border-top: 1px dotted rgb(221, 221, 221);
margin: 0px 0px 3px; padding: 3px 0px 0px !important; }
.infoListWrapper .infoList > li { border-top: 1px dotted
rgb(205, 205, 205); }
.infoList li:first-child { border-top: 0px; }
.infoList li div h3 { margin: 0px; padding: 0px; font-size:
100%; color: rgb(85, 85, 85); font-weight: normal; }

.details .infoList { margin-top: 0px !important; }
.infoListFloat { margin: 0px; }
.infoListFloat li { float: left; border: 0px; background:
url("images/indicators.png") 0px 50% no-repeat; color: rgb(85,
85, 85); font-size: 95%; padding: 3px 10px !important; }
div.contentListRight { font-weight: normal; position: absolute;
z-index: 1000; right: 9px; top: 9px; padding: 4px; text-align:
right; }
div.contentListRight a { font-weight: bold; margin-left: 4px; }
div.contentListRight span:first-child + span,
div.contentListRight span:first-child + span + span { font-size:
85%; }
div.contentListRight span:first-child + span::before,
div.contentListRight span:first-child + span + span::before {
content: "("; }

div.contentListRight span:first-child + span::after,
div.contentListRight span:first-child + span + span::after {
content: ")"; }
div.contentListRight span:first-child[style*="none"] + span,
div.contentListRight span:first-child[style*="none"] + span +
span { display: none; }
div.contentListRight span span { display: block; padding: 9px
0px; color: rgb(102, 102, 102); font-size: 90%; }
div.contentListRight strong { padding: 0px 0.4em 2px; }
div.multiAssign { margin: 3px 0px 9px; }
div.multiAssign ul { list-style: none; border: 0px; padding: 0px;
margin: 0px; }
div.multiAssign ul li, div.multiAssign ul li.read { line-height:
1.3em; text-align: center; width: 13em; background: rgb(246,
246, 246); clear: none; float: left; margin: 0px 9px 0px 0px;

border-radius: 0px; border: 0px; padding: 1px 6px 6px; font-
size: 90%; }
div.multiAssign ul li a, div.multiAssign ul li a { font-weight:
bold; font-size: 100%; }
div.multiAssign ul li p { padding: 1px 0px 2px; }
div.multiAssign ul li.label { line-height: 1.1em; border: 0px;
color: rgb(136, 136, 136); background: transparent; font-weight:
normal; padding: 0px; width: 12em; white-space: normal; text-
align: left; }
div.multiAssign ul li p span { color: rgb(136, 136, 136); }
div.multiAssign a.buttonMicro, h3 a.buttonMicro { padding:
0px 5px; background: url("images/backgrounds_h.png") 0px -
50px repeat-x rgb(237, 237, 237); font-size: 90%; text-
decoration: none; border: 1px solid rgb(204, 204, 204); color:
rgb(102, 102, 102); margin: 1px auto 12px; white-space:
nowrap; }
div.multiAssign a.buttonMicro:hover, h3 a.buttonMicro:hover,
div.multiAssign a.buttonMicro:focus, h3 a.buttonMicro:focus {

background: rgb(255, 255, 255); border: 1px solid rgb(170, 170,
170); color: rgb(51, 51, 51); }
div.multiAssign a.simpleLink { font-weight: normal; color:
rgb(102, 102, 102); display: block; }
h3 span.status a.buttonMicro { font-size: 90%; font-weight:
normal; margin-left: 6px; }
h3 span.status, h3 div.status { font-weight: normal; font-size:
80%; margin-left: 6px; background: rgb(243, 243, 243);
padding: 3px 6px; }
h3 span.status span, h3 div.status span { color: rgb(136, 136,
136); }
h3 div.status { display: inline; }
.annSliderWrapper { margin: 25px 25px -5px; }
.annSliderHeader.expanded, .annSliderHeader > a:hover {

.tools-list { position: absolute !important; }
.tools-list ul li { border-radius: 0px; }
.tools-list ul li a:hover, .tools-list ul li a:focus { box-shadow:
none !important; background-color: rgb(255, 255, 255)
!important; }
.tools-list ul li.selected a::after { border-width: 10px 0px 10px
10px !important; }
.localViewToggle a.active, .localViewToggle a.active:hover,
.localViewToggle a.active:focus { color: rgb(242, 242, 242)
!important; background-color: rgb(82, 82, 82) !important; }
.theme-switch .nav .sub ul li h4 { color: rgb(0, 0, 0) !important;
}
.dividerRow { border-top: 1px dotted rgb(51, 51, 51)
!important; }

.localViewToggle a.active, .localViewToggle a.active:hover,
.localViewToggle a.active:focus { box-shadow: none
!important; }
.student-preview-control { padding: 0px 8px; border: 0px
!important; }
.student-preview-control a { padding: 6px; margin-top: -3px; }
.theme-switch { border: 0px; min-height: 27px; margin: 0px
!important; }
.theme-switch .sub > a { padding: 0px 10px !important; }
#pageTitleText { color: rgb(51, 51, 51); font-weight: 400;
margin: 0px; display: block; }
.navPaletteContent .submenu { border: 0px; }
#globalNavPageContentArea { height: auto; }

.student-preview-control:hover, .student-preview-control:focus
{ box-shadow: none !important; }
.theme-switch .sub > a:hover, .theme-switch .sub:hover > a {
box-shadow: none !important; }
.theme-switch a span, .theme-switch span span { margin-top:
5px; }
.submitStepTop { overflow-x: auto; height: 60px !important; }
.submitStepTop .reqfield { padding: 0px; }
.datePickerButton { background-image:
url("images/icon_calendar.png"); background-repeat: no-repeat;
background-position: center center; display: inline-block;
.timePickerButton { background-image:
url("images/icon_clock.png"); background-repeat: no-repeat;
background-position: center center; display: inline-block;

.datePickerButton img, .timePickerButton img { width: 0px;
height: 0px; }
p#top_submitButtonRow input { display: none; }
a.closeCloud:focus { background: rgb(255, 255, 255)
!important; }
.cmdiv ul:first-child, .menumini ul:first-child { border-top: 0px;
}
.cmdiv a:hover, .cmdiv a:focus, .menumini a:hover, .menumini
a:focus { background-color: rgb(235, 235, 235); }
.u_centerAlign { text-align: left !important; }
.mainButton > a:hover, .mainButton > a:focus, .mainButton h2

> a:hover, .mainButton h2 > a:focus, li.mainButton:hover > a,
li.mainButton:focus > a, li.mainButton:hover h2 > a,
li.mainButton:focus h2 > a, .secondaryButton > a:hover,
.secondaryButton > a:focus, .secondaryButton h2 > a:hover,
.secondaryButton h2 > a:focus { box-shadow: none; }
#listContainer_nav_batch_bot li a { text-align: left; }
#courseMenuPalette a, #controlPanelPalette_contents a,
#courseMenuPalette span, #controlPanelPalette_contents span {
color: rgb(255, 255, 255); }
#courseMenuPalette a:hover, #controlPanelPalette_contents
a:hover, #courseMenuPalette span:hover,
#controlPanelPalette_contents span:hover { color: rgb(197, 111,
213) !important; }
#searchGo:hover { color: rgb(102, 102, 102) !important; }
#student-preview-ribbon { background-color: rgb(255, 150, 0)
!important; text-shadow: none !important; border: none
!important; }
.stepcontent .stepHelp, .stepHelp { font-family: "Open Sans",

sans-serif !important; }
child th { border-bottom: 1px solid rgb(238, 238, 238)
!important; }
.tabsBar { background-color: rgb(233, 233, 233) !important; }
.attemptContent h4, .delegatedGraders h4 { text-transform: none
!important; font-family: "Open Sans", sans-serif !important; }
.attemptHeader { background-color: rgb(243, 227, 246)
!important; box-shadow: none !important; }
.gradingPanel .gradingPanelSection h3 { text-transform: none
!important; font-family: "Open Sans", sans-serif !important; }
#sfuDropMsg { font-size: 1rem !important; }
.theme-switch .nav .sub ul { left: -20px !important; }

.selectRows { }
.subActionBar div.block, .subActionBar div.button { border-
left: 0px !important; }
.gc_info ul { border: 0px !important; background-color:
rgb(235, 235, 235) !important; }
.inventory > thead tr th, .splashTable thead tr th, .inventory >
thead tr th.sorted, .inventory > thead tr th:first-child,
.splashTable thead tr th.sorted, .instructor-engagement .section
h4 { font-family: "Open Sans", sans-serif !important; }
.instructor-engagement .section h4 { border-bottom: 0px
!important; }
.indexBlock a.tabOpener { font-family: "Open Sans", sans-serif
!important; }
.vertical_filter h1 .current-page .icon { background-image: none
!important; }

.vertical_filter .stream_header { background: none !important; }
.fc-state-highlight, .ui-state-highlight, .ui-widget-content .ui-
state-highlight, .ui-widget-header .ui-state-highlight {
background: rgb(238, 218, 241) !important; }
.previewer { border-top: 0px !important; }
.contentDetailsHeader { border-bottom: 0px !important; }
.contentDetailsHeader h2 { margin: 0px; }
.submission.text { border: 0px !important; }
.unread-count { padding: 2px 8px; background: rgb(255, 59, 48)
!important; }
input[type="checkbox"] { margin-left: 0px; }

#headerForm { margin: 20px 0px !important; }
.contextual-buttons { margin: 0px 0px 20px !important; }
.inventoryCardViewSorting .cardSortLabel { padding: 6px; }
.CookieConsent .container, .CookieConsent .locationPane {
margin: 0px; padding: 0px; }
.CookieConsent .contentPaneWide { width: 425px !important; }
.CookieConsent .container { border: 0px; padding: 30px; text-
align: center; -webkit-font-smoothing: antialiased; }
.CookieConsent img { width: 140px; margin-bottom: 10px; }
.CookieConsent .consent-title { font-size: 24px; font-weight:
normal; margin: 20px 0px 15px; }
.CookieConsent .consent-message p { font-size: 14px; line-

height: 1.4 !important; }
.CookieConsent .consent-message a { color: rgb(51, 51, 51);
text-decoration: underline; }
.CookieConsent .buttons-container a { box-sizing: border-box;
font-size: 14px; margin-top: 12px; padding: 9px 18px 10px;
width: 170px; }
.CookieConsent .buttons-container a:hover, .CookieConsent
.buttons-container a:focus { text-decoration: none; }
.CookieConsent .buttons-container .button-2 { float: left; }
.CookieConsent .buttons-container .button-2:hover { box-
shadow: rgb(218, 218, 218) 0px 0px 0px 2px inset; }
.CookieConsent .buttons-container .button-1 { float: right; }
.CookieConsent .backLink { }

.CookieOptOut { background: rgb(255, 255, 255); }
.CookieOptOut .contentPaneWide { height: 100%; width: 100%;
}
.CookieOptOut .container { border: 0px; margin: 0px; padding:
80px 110px 0px; -webkit-font-smoothing: antialiased; }
.CookieOptOut .opt-out-title { font-size: 30px; font-weight:
lighter; margin: 0px 0px 25px; font-family: "Open Sans"
!important; }
.CookieOptOut .opt-out-message { font-size: 18px; font-style:
italic; font-weight: normal; line-height: 1.4; margin: 0px 0px
35px; max-width: 600px; font-family: "Noto Serif", serif
!important; }
.CookieOptOut .opt-out-message a { font-family: "Noto Serif",
serif !important; }
.CookieOptOut .button-1 { padding: 12px 18px 13px; width:
200px; font-size: 14px !important; }

span.mobile-table-label { display: none; }
#courseMenuPalette div.navPaletteContent ul li a,
#courseMenuPalette h3 a, #courseMenuPalette
div.navPaletteContent ul li a span { color: rgb(255, 255, 255)
!important; }
.colophon img[alt="Blackboard Logo"] { float: left; width:
150px; position: absolute; left: -120px; top: -13px; }
#globalNavPageContentArea #copyright { padding: 0px; }
#globalNavPageContentArea #copyright .newCopyright {
padding: 0px; }
#globalNavPageContentArea #copyright .newCopyright img {
position: relative; clear: both; left: -12px; }
#globalNavPageContentArea #copyright .newCopyright .legal {
position: relative; clear: both; float: left; margin-top: 20px; left:
0px; }

#contentPanel #copyright { padding-left: 10px; }
.tabletLabel { display: none !important; }
.navPageHeader { margin: 1em 0px; text-align: center; }
.navPageHeader h3 { margin-left: 12px; display: inline; }
.navPageHeader span { color: rgb(136, 136, 136); margin: 0px
6px 0px 0px; font-weight: normal; }
fieldset.secondaryActions { float: right; }
.bubble { display: none; padding: 0px; position: absolute;
width: 190px; z-index: 1000; }
.bubble ul { background-color: rgb(226, 238, 254); border-
width: 1px; border-style: solid; border-color: rgb(172, 194, 223)
rgb(85, 119, 187) rgb(85, 119, 187) rgb(172, 194, 223); border-
image: initial; list-style-type: none; margin: 0px; padding: 6px;

z-index: 1000; overflow: hidden; }
.bubble ul li { clear: left; color: rgb(102, 102, 102); float: left;
font-size: 90%; font-weight: bold; margin: 0px 0px 4px;
padding: 0px; width: 174px; }
.bubble ul li span { color: rgb(102, 102, 102); display: block;
float: left; font-weight: normal; margin-right: 3px; width: 80px;
}
.bubble ul li span.icon { float: left; width: 20px; overflow:
hidden; }
.bubble ul li span.label { font-size: 100%; font-weight: normal;
width: 147px; }
.gradeInfoHeader { border-radius: 3px; margin: 0px -12px;
padding: 3px; }
.gradeInfoHeader h3 { margin: 0px 4px 0px 12px; padding: 7px
0px; font-weight: normal; color: rgb(102, 102, 102); }

.gradeInfoHeader h3 span { font-weight: bold; color: rgb(0, 0,
0); }
.gradeInfoHeader h3.root { border-radius: 3px; padding: 3px;
background: rgb(136, 136, 136); color: rgb(255, 255, 255); }
.gradeInfoHeader h3.root span { color: rgb(255, 255, 255); }
.gradeInfoHeader h3 span.attempt-count { font-weight: normal;
color: rgb(85, 85, 85); }
.gradeInfoHeader .count { font-size: 10px; color: rgb(102, 102,
102); display: block; margin: 0px 0px 2px; font-weight: normal;
width: 100%; border-bottom: 1px solid rgb(204, 204, 204);
padding: 2px 0px; text-align: center; }
.navStatusButtons { margin: 15px 5px 0px 0px; }
.containerOptions .navStatusButtons input[type="button"],
.containerOptions .navStatusButtons input[type="submit"] {

.navStatusButtons .taskbuttondiv { padding: 0px; }
.user-navigator { display: block; position: relative; border: 1px
solid rgb(187, 187, 187); float: left; border-radius: 3px; margin:
0px 0px 0px 15px; background-image: -webkit-gradient(linear,
0 0, 0 90%, from(rgb(239, 239, 239)), to(rgb(207, 207, 207)));
width: 50%; }
.pager, .students-pager { display: inline-block; text-align:
center; }
.pager { width: 30px; vertical-align: bottom; position: absolute;
left: 0px; top: 0px; }
.pager.next { left: auto; right: 0px; top: 0px; padding: 0px;
margin: 0px; border-style: none; }
.pager a { display: block; margin: 0px -4px 0px 0px; border-
radius: 3px 0px 0px 3px; padding: 20px 6px 36px; }
.pager.next a { margin: 0px 0px 0px -4px; border-radius: 0px
3px 3px 0px; }

.pager a span { background:
url("/images/ci/gradebook/left.png") no-repeat; left: 15px;
margin-top: 3px; position: absolute; right: 0px; text-indent: -
9999px; }
.pager.next a span { background:
url("/images/ci/gradebook/right.png") no-repeat; left: 10px; }
.pager a:hover, .pager a:focus { background-color: rgb(255,
255, 255); }
.pager a.disabled, .pager a.disabled:hover, .pager
a.disabled:focus { background-color: rgb(237, 237, 237);
opacity: 0.3; }
.students-pager { border-left: 1px solid rgb(204, 204, 204);
border-right: 1px solid rgb(204, 204, 204); text-align: left;
display: block; margin: 0px 35px; position: relative; }
.students-pager img.user-avatar { width: 24px; height: 24px; }
tr.show { display: table-row; }

tr.hide { display: none; }
div.blogContainer { float: left; width: 74%; }
div.blogContainer h3.blogHead { margin: 0px 0px 12px;
padding: 3px 15px; background: rgb(119, 119, 119); font-size:
100%; color: rgb(255, 255, 255); }
div.blogContainer div.blogEntry { margin: 12px 0px; padding:
0px; border: 1px solid rgb(153, 153, 153); border-radius: 3px; }
div.blogContainer div.blogEntry h4 { padding: 9px 12px 0px
30px; font-size: 110%; background:
url("images/small_discussions.gif") 8px 9px no-repeat;
overflow: hidden; overflow-wrap: break-word; }
div.blogContainer div.blogEntry div.entryText { margin: 3px
12px 12px; padding: 9px 0px 18px; overflow-x: auto; }
div.blogContainer div.entryDate { font-size: 95%; color:
rgb(68, 68, 68); }

div.blogContainer div.entryDate a { font-weight: bold; }
div.blogContainer div.entryFooter { padding: 6px 12px 0px;
margin: 0px; background: rgb(234, 234, 234); border-radius:
0px 0px 3px 3px; }
div.blogContainer .comment-header { float: left; margin: 0px;
padding: 0px; background: 0px center; font-size: 100%; font-
weight: bold; }
div.blogContainer div.entryFooter div.addBlogComment table {
width: 98%; }
div.blogContainer div.entryFooter div.addBlogComment
textarea { width: 99.5%; }
div.blogContainer div.entryFooter div.addBlogComment { box-
shadow: none; border-width: 1px 0px 0px; border-right-style:
initial; border-bottom-style: initial; border-left-style: initial;
border-right-color: initial; border-bottom-color: initial; border-
left-color: initial; border-image: initial; border-top-style: solid;
border-top-color: rgb(153, 153, 153); margin: 0px -12px; }

div.blogContainer div.entryFooter div.addBlogComment h3 {
margin: 0px; padding: 0px; font-size: 100%; }
.addBlogComment .stepcontent ol, .addBlogComment
.stepcontent ol li { width: 100%; }
div.blogContainer div.entryFooter div.addBlogComment
div.controls { border: 0px; }
div.blogContainer ul.entryComments { background: rgb(234,
234, 234); }
div.blogContainer ul.entryComments li p { background:
rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
div.blogContainer ul.entryComments li p.commentDate {
border: 0px; background: url("images/bubble_top_thin.gif")
15px 100% no-repeat transparent; font-size: 90%; color: rgb(68,
68, 68); }
div.blogContainer ul.entryComments li h5 { color: rgb(68, 68,
68); font-size: 100%; }

div.blogContainer ul.entryComments li.newComment h5 { font-
weight: bold; }
div.blogNav, div.journalNav, div.contentAreaNav { float: right;
width: 25%; border-left: 4px double rgb(204, 204, 204);
padding-bottom: 40px; margin: -20px -20px -30px 0px
!important; }
#gradeDetailsFormList, #editGradeActionList { width: 100%
!important; }
div.blogNav ul, div.blogNav ul li { background: transparent; }
div.blogNav ul li { overflow: hidden; overflow-wrap: break-
word; }
div.blogNav ul.blogArchiveList li a { overflow-wrap: break-
word; width: 100%; }
.indentedWikiList { padding: 0px 0px 0px 22px !important; }

.indentedWikiList img { margin: 0px 3px 0px -22px; }
.blogNav #gradeDetailsForm, .journalNav #gradeDetailsForm {
margin: 0px 6px 0px -18px; }
.blogNav #gradeDetailsForm .liveArea, .journalNav
#gradeDetailsForm .liveArea { box-shadow: none; border: 1px
solid rgb(153, 153, 153); border-radius: 3px; padding: 6px; }
div.blogNav li.currentBlog { font-weight: bold; }
div.blogNav li.currentBlog span { font-weight: normal; }
div.blogContainer .newItems { background: rgb(255, 241, 197);
padding: 0px 3px; font-weight: normal; color: rgb(0, 0, 0); }
div.blogNav .newItems, div.blogNav .gradeStatus { margin: 0px
4px 0px 0px; padding: 0px 0px 0px 2px; text-align: center; }
div.blogContainer div.u_controlsWrapper span.newItems {
display: block; float: left; margin-left: 4px; }

div.blogNav ul.iconLegend, div.journalNav ul.iconLegend {
margin: 12px 0px 0px 24px; padding: 0px; }
div.blogNav ul.iconLegend li, div.journalNav ul.iconLegend li {
margin: 0px; padding: 0px 0px 4px; font-size: 82%; color:
rgb(102, 102, 102); }
div.blogNav ul ul { margin-left: 9px; }
div.blogNav ul#blogArchive ul { margin: 0px 9px 9px 18px; }
div.journalContainer { float: left; margin-right: 1%; width:
74%; }
div.journalContainer h3.blogHead { margin: 0px 0px 12px;
padding: 3px 15px; background: rgb(170, 170, 170); font-size:
100%; color: rgb(255, 255, 255); text-align: center; }
div.journalContainer div.blogEntry { margin: 12px 0px;
padding: 0px 0px 0px 36px; border-style: solid; border-color:
rgb(238, 238, 238); border-image: initial; border-width: 3px 3px

3px 0px; position: relative; background:
url("images/blog_notebook_paper.gif") 0px 0px repeat-y
rgb(255, 255, 255); }
div.journalContainer div.blogEntry h4 { padding: 12px 24px
0px 12px; margin: 0px; background: rgb(255, 255, 255); text-
align: center; font-size: 110%; overflow: hidden; }
div.journalContainer div.entryDate { margin: 0px; padding: 3px
24px 12px 12px; background: rgb(255, 255, 255); font-size:
95%; color: rgb(68, 68, 68); text-align: center; border-bottom:
1px solid rgb(192, 218, 206); z-index: 100; }
div.journalContainer div.entryDate a { font-weight: bold; }
div.journalContainer div.blogEntry div.entryText { margin: 0px;
padding: 12px 12px 18px; background: rgb(255, 255, 255);
overflow-x: auto; }
div.journalContainer div.entryFooter { margin: 0px 0px 0px -
31px; padding: 0px 12px 12px 43px; background:
url("images/blog_notebook_paper_bot.gif") center bottom
repeat-x; zoom: 1; }

div.journalContainer .comment-header { float: left; margin:
0px; padding: 0px; background: 0px center; font-size: 100%;
div.journalContainer div.entryFooter a.genericButton { display:
block; float: right; }
div.journalContainer div.entryFooter div.addBlogComment
table { width: 98%; }
div.journalContainer div.entryFooter div.addBlogComment
textarea { width: 99.35%; }
div.journalContainer div.entryFooter div.addBlogComment {
display: none; margin-bottom: 6px; }
div.journalContainer ul.entryComments { list-style: none;
margin: 0px; padding: 0px; background: rgb(255, 255, 255); }
div.journalContainer ul.entryComments li { list-style: none;
margin: 0px; padding: 6px 0px; border-top: 1px solid rgb(192,
218, 206); }

div.journalContainer ul.entryComments li p { margin: 4px 18px;
padding: 0px; }
div.journalContainer ul.entryComments li p.commentDate {
font-size: 90%; color: rgb(68, 68, 68); margin-left: 19px; }
div.journalContainer ul.entryComments li h5 { display: inline;
margin: 0px; padding: 3px 0px 0px 18px; background:
url("images/small_blog_comment.gif") 0px 3px no-repeat;
color: rgb(0, 0, 0); font-size: 100%; font-weight: normal; }
div.journalContainer ul.entryComments li.newComment h5 {
div.journalNav ul, div.journalNav ul li { background:
transparent; }
div.journalNav ul li { overflow: hidden; }
div.journalNav li.currentBlog { font-weight: bold; }

div.journalNav li.currentBlog span { font-weight: normal; }
.newItems { background: rgb(255, 241, 197); padding: 0px 3px;
font-weight: normal; color: rgb(0, 0, 0); }
div.journalNav .newItems { padding: 0px 2px 2px; }
div.journalContainer div.u_controlsWrapper span.newItems {
display: block; float: left; margin-left: 4px; }
div.journalNav ul ul { margin-left: 9px; }
div.journalNav ul#blogArchive ul { margin: 0px 9px 9px 18px;
}
#blogNavLinks { padding: 0px; position: absolute; right: 6px;
top: 6px; }
.contentAreaPalette ul#aboutBlog li.currentBlogView { margin-
bottom: 3px; border: 2px solid rgb(0, 120, 203); padding: 2px
4px; background: rgb(239, 246, 255); }

.currentBlogView a { text-decoration: none; color: black; }
ul.blogArchiveList { margin-left: 16px; }
ul.blogArchiveList li { padding-bottom: 4px; }
#gradeWidget span#blogGradeValue { position: relative;
#blogGradeValue img { position: absolute; top: 0px; left: 0px; }
.contentAreaNav a.itemHead { display: block; margin: 0px;
padding: 6px 60px 6px 24px; text-decoration: none; font-
weight: bold; }
.contentAreaNav a#aboutBlogLink { padding-right: 6px; }
.contentAreaPalette { position: relative; border-top: 2px groove
rgba(255, 255, 255, 0.3); padding: 4px 0px; }

div.blogNav .contentAreaPalette:first-child, div.journalNav
.contentAreaPalette:first-child, .rightColumn-narrow
.contentAreaPalette:first-child { border-top: 0px; }
.contentAreaPalette ul { padding: 0px; margin: 0px 0px 0px
24px; list-style: none; }
.contentAreaPalette li { padding: 0px 0px 6px; font-size: 90%; }
.contentAreaPalette li li { font-size: 100%; }
div.iconLegendBlog { border: 0px; }
.collapsibleInstructions { margin: 0px 0px 12px; }
.collapsibleInstructions > a { display: block; margin: 3px 0px;
.login-page { background-color: rgb(248, 248, 248); width:
100%; height: 100%; position: relative; background-image:

url("images/homepage-hero-image.jpg"); background-size:
cover; background-position: center center; background-repeat:
no-repeat; }
.login-page::before { width: 100%; height: 100%; content: "";
background-image: url("images/grid-100.png"); opacity: 0.5; z-
index: 0; position: absolute; }
#loginPageContainer { position: relative; z-index: 8000; float:
right; background: rgb(255, 255, 255); box-shadow: rgba(0, 0,
0, 0.12) 0px 0px 4px 0px, rgba(0, 0, 0, 0.24) 0px 4px 4px 0px;
height: 100vh !important; }
#loginHeader { position: absolute; right: 0px; top: 0px; }
#loginHeader ul li { background: rgba(0, 0, 0, 0.55); display:
inline-block; margin: 0px 0px 0px -4px; position: relative;
border-top: 0px; vertical-align: top; }
#loginHeader ul li a { text-indent: -10000px; display: inline-
block; padding: 6px 12px; width: 28px; height: 18px; }
#loginHeader ul li:hover, #loginHeader ul li:focus, #loginLang
h2:hover, #loginLang h2:focus, #loginLang:hover h2,

#loginLang:focus h2 { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px
24px inset; }
#loginHeader ul li:first-child, #loginHeader ul li:first-child a {
border-radius: 0px 0px 0px 3px; }
#loginHeader ul li img { display: none; }
#loginHeader ul li.font-size::before, #loginHeader ul
li.contrast::before { content: "T"; font: 130%/1 Utilicons; color:
rgb(240, 240, 240); text-align: center; position: absolute; right:
0px; left: 0px; top: 5px; text-shadow: rgba(0, 0, 0, 0.2) 0px -
1px 0px; z-index: 2; }
#loginHeader ul li.font-size a { z-index: 3; position: relative; }
#loginHeader ul li.contrast a { z-index: 3; position: relative; }
#loginHeader ul li.contrast::before { content: "c"; }
#loginHeader ul li:hover::before, #loginHeader ul
li:focus::before, #loginHeader ul li:hover, #loginHeader ul

li:focus { color: rgb(255, 255, 255); cursor: pointer; }
#loginHeader ul li.contrast { margin-left: -4px; border-left: 1px
solid rgb(85, 85, 85); }
#loginLang { left: 0px; position: absolute; top: 0px; }
#loginLang:empty { display: none; }
#loginLang h2 { font-weight: normal; font-size: 100%; border-
radius: 0px 0px 3px; display: inline-block; margin: 0px;
padding: 4px 16px 8px 14px; background: rgba(0, 0, 0, 0.55);
#loginLang h2 span { text-indent: -999px; display: inline-block;
width: 0px; overflow: hidden; }
#loginLang h2::before { content: "W"; font: 140%/1 Utilicons;
color: rgb(240, 240, 240); text-shadow: rgba(0, 0, 0, 0.2) 0px -
1px 0px; }
#loginLang h2:hover::before, #loginLang h2:focus::before {

color: rgb(255, 255, 255); }
#loginLang ul { position: absolute; top: -1000px; left: -1000px;
width: 150px; padding: 6px; }
#loginLang:hover ul, #loginLang:focus ul { top: 28px; left: 0px;
width: 175px; border-radius: 0px 3px 3px 0px; }
#loginLang h2:hover::after, #loginLang h2:focus::after,
#loginLang:hover h2::after, #loginLang:focus h2::after { z-
index: 100; }
#loginLang ul li a { width: auto; }
div.loginBody { padding: 5px 0px 0px; }
div.loginBody::before { content: ""; background-image:
url("images/walden_logo.svg"); margin: 62px auto 31px; height:
72px; width: 380px; display: block; background-size: cover; }
div.loginBody .receipt { margin: 0px auto 16px; padding: 12px
4px 14px 19px; width: 409px; }

#loginBox { text-align: center; }
#loginBox ul, #loginRedirectProviders { margin: 0px auto;
width: 434px; }
#loginRedirectProviders ul { z-index: 2; }
#loginBox li { padding: 0px 0px 12px; }
#loginBox form li + li + li { padding: 12px 0px 0px; text-align:
left; display: inline-block; vertical-align: top; float: left; }
#loginBox form li + li + li + li { display: inline-block; position:
relative; text-align: right; vertical-align: top; float: right; }
#loginBox li label, .portlet #loginBoxFull li label { color:
rgb(102, 102, 102); display: block; font-size: 120%; letter-
spacing: 1px; padding: 0px 0px 3px; text-align: left; text-
transform: uppercase; width: 100%; }

90%; padding: 0px 0px 2px; }
#loginBox li input, #loginRedirectProviders button { box-
shadow: rgba(0, 0, 0, 0.1) 3px 3px 12px; font-size: 140%;
padding: 10px; width: 100%; }
#loginBox input[type="text"], #loginBox
input[type="password"], #loginRedirectProviders button {
padding: 6px; color: rgb(51, 51, 51); margin: 0px; box-sizing:
border-box; border-bottom: 1px solid rgb(0, 133, 165); border-
radius: 0px !important; box-shadow: none !important; }
#loginBox input[type="text"]:focus, #loginBox
input[type="password"]:focus, #loginRedirectProviders
button:focus, #loginBox input[type="text"]:hover, #loginBox
input[type="password"]:hover, #loginRedirectProviders
button:hover { background: rgb(255, 255, 255); border-color:
rgb(1, 136, 163); color: rgb(51, 51, 51); }
#loginBox input:-webkit-autofill { background: rgb(51, 102,
153) !important; color: rgb(51, 51, 51) !important; }
#loginBox li input[type="submit"] { color: white; background:
rgb(0, 133, 165); font-size: 130%; border: 0px; width: 400px;

margin: 0px auto; box-shadow: none; border-radius: 2px; text-
align: center; display: block; padding: 10px 22px; }
#loginFormList::before { content: "Welcome"; font-size: 3rem;
font-weight: 100; color: rgb(139, 87, 42); text-align: center; }
#loginFormList:first-child { margin-top: 15px; }
#loginFormTitle, #loginFormText, #loginHeader h1,
#loginHeader h2, #loginHeader .productLogo, #loginOptions
#gatewayButtonsTitle, #loginOptions
#gatewayButtonsInstructions { position: absolute; top: -
10000px; left: -10000px; }
div.portlet #loginFormTitle, div.portlet #loginFormText {
position: static; display: block; }
#loginOptions { margin: 38px auto 26px; width: 600px; text-
align: center; }
#loginOptions h2 { margin: 10px; }

#loginOptions p { margin: 10px; font-size: 0.85em; color:
rgb(68, 68, 68); }
#loginOptions ul li, #loginOptions ul li.subOption { display:
inline-block; margin: 0px 9px 6px; }
#loginOptions ul li a, #loginOptions ul li.subOption a { border-
bottom: 1px dotted rgb(0, 153, 182); }
.forgot a { border-bottom: 1px dotted rgb(0, 153, 182); }
#loginOptions ul li a:hover, #loginOptions ul li a:focus,
#loginOptions ul li.subOption a:hover, #loginOptions ul
li.subOption a:focus, .forgot a:hover, .forgot a:focus { border-
bottom-style: solid; }
#loginText { padding: 12px 80px 18px; background: rgb(95, 96,
98); border-top: 1px solid rgb(119, 119, 119); text-align: center;
display: none; }
#loginText p span { font-weight: bold; font-size: 105%; color:
rgb(255, 255, 255); }

#loginText p { margin: 0px; font-size: 95%; color: rgb(237,
237, 237); }
#loginImage { text-align: center; background-color: rgb(255,
255, 255); padding: 0px; display: none; background-image:
url("images/walden_logo.svg"); margin: 0px; }
#loginImage img { margin: 0px auto; display: none; }
#loginAnnouncements { clear: both; padding: 0px 0px 7px;
margin: 0px auto; }
#loginAnnouncements h3 { margin: 0px 9px; padding: 6px 3px;
font-size: 110%; color: rgb(85, 85, 85); border-bottom: 1px
solid rgb(187, 187, 187); display: none; }
#loginAnnouncements ul { margin: 0px auto; text-align: center;
width: 800px; }
#loginAnnouncements ul li::before, #loginAnnouncements ul
li::after { content: ""; position: absolute; bottom: 15px; width:
50%; height: 20%; max-width: 300px; box-shadow: rgba(0, 0, 0,
0.5) 0px 15px 10px; z-index: -2; }

#loginAnnouncements ul li::before { left: 8px; transform:
rotate(-2deg); }
#loginAnnouncements ul li::after { right: 8px; transform:
rotate(2deg); }
#loginAnnouncements li { background: rgb(255, 255, 255);
color: rgb(102, 102, 102); font-size: 95%; padding: 18px 24px
12px; text-align: justify; vertical-align: top; margin: 0px 0px
12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; position:
relative; zoom: 1; }
#loginAnnouncements ul li strong:first-child { color: rgb(0, 0,
0); margin: 0px 0px 12px; font-size: 115%; }
#loginAnnouncements ul li strong + em { text-align: right;
margin: 0px; }
#loginAnnouncements ul li strong + em + br { display: none; }
#loginAnnouncements .announcementDate { float: right; }

#loginAnnouncements ul li .vtbegenerated { clear: both; line-
height: 1.38; }
#loginAnnouncements ul li:first-child { border-top: 0px; }
#loginAnnouncements a { border-bottom: 1px dotted rgb(18,
143, 168); }
#loginAnnouncements a:hover, #loginAnnouncements a:focus {
border-bottom-style: solid; }
#loginOptions #gatewayButtonsTitle, #loginOptions
#gatewayButtonsInstructions { display: none; }
.login-page #copyright { bottom: 24px; left: 0px; right: 0px;
margin: 24px auto 0px; position: absolute; width: 80%; text-
align: center; }
#loginAnnouncements + #copyright { position: relative; }

.loginCopyright { width: 580px !important; }
.login-page #copyright .logo { margin: 0px 0px 6px; padding:
0px; position: relative; background: rgb(239, 237, 227); display:
inline-block; }
.login-page #copyright .newCopyright { margin: 0px; padding:
0px; position: relative; display: inline-block; float: left; }
.loginCopyright .legal, .loginCopyright .additionalInfo { width:
24em; min-height: 2.5em; border: 1px solid red; }
.loginCopyright .legal { border-left: 0px; padding: 3px 12px
6px; width: 24.5em; }
#loginPane + #copyright .legal p, #loginPane + #copyright
.additionalInfo p { margin: 0px; display: inline; }
.login-page .copyrightDetailContents { min-height: 6.5em; }
#loginRedirectProviders { margin: 60px auto 30px; }

#loginRedirectProviders button { font-weight: normal; margin-
bottom: 5px; outline-offset: -2px; position: relative; text-align:
left; }
#loginRedirectProviders button::after { border-color: rgb(119,
119, 119) transparent transparent; border-width: 6px 4px 4px;
border-style: solid; content: ""; display: block; height: 0px;
position: absolute; right: 6px; top: 45%; }
#loginRedirectProviderList { background-color: rgb(255, 255,
255); border: 2px solid rgb(119, 119, 119); border-radius: 5px;
box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px
0px 5px; display: none; position: absolute; text-align: left; }
#loginRedirectProviderList.open { display: block; }
#loginRedirectProviderList li { padding: 0px; }
#loginRedirectProviderList li:first-child a { border-radius: 5px
5px 0px 0px; }

#loginRedirectProviderList li:last-child a { border-radius: 0px
0px 5px 5px; }
#loginRedirectProviderList li img, #loginRedirectProviderList li
.defaultProviderIcon { display: inline-block; height: 24px;
margin-right: 10px; vertical-align: middle; width: 24px; }
#loginRedirectProviderList li .defaultProviderIcon {
background-image: url("images/default-provider-icon.svg"); }
#loginRedirectProviderList li a { color: rgb(102, 102, 102);
display: block; font-size: 16px; padding: 6px; }
#loginRedirectProviderList li a:hover,
#loginRedirectProviderList li a:focus { background-color:
rgb(240, 240, 240); text-decoration: underline; }
h1.pageTitle, .caliperTitle, .discoverTitle { margin: -16px 0px
5px; padding-top: 0px; }
.unitHomePageTitle { margin: -60px -30px 5px; }

.caliperTitle h1 { padding: 0px; float: none; }
.unitHomePageTitle h1 { padding: 0px; margin: 0px; float:
none; }
.discoverTitle h1 { padding: 0px 12px; }
.unitHomePageTitle a.browse, .caliperTitle a.browse { float:
right; font-size: 55%; font-weight: normal; margin: 4px 0px 0px
6px; padding-top: 2px; padding-bottom: 1px; }
.unitHomePageTitle a.browseNoImg { padding-top: 2px;
.reports { background: rgb(240, 240, 240); min-width: 810px; }
.reports .navigationPane, .reports .locationPane, .reports
.contentPaneWide, .reports .container { padding: 0px; margin:
0px; background: transparent; }
.reports #dataCollectionContainer { margin: 0px; }

.reports div[id*="step"] { padding: 0px; border: 0px; }
.reports ul { margin: 12px; }
.reports .stepcontent { margin: 0px 0px 12px; padding: 0px; }
.reports ul li { clear: both; padding: 0px 12px 6px; }
.reports .label { color: rgb(119, 119, 119); }
.reports .field { color: rgb(0, 0, 0); }
.reports ul li::after { content: "."; display: block; height: 0px;
.reports h1 { padding: 9px 18px; margin: 0px; }
.reports h2 { padding: 3px 6px; margin: 6px 18px; color: rgb(0,

0, 0); }
.reports h3 { padding: 3px 6px; margin: 6px 18px; }
.reports h3 a img { margin-right: 6px; vertical-align: middle; }
.reports h3.steptitle { background: rgb(187, 187, 187); color:
rgb(255, 255, 255); font-size: 110%; margin: 0px; padding: 4px
12px; letter-spacing: 0px; }
.reports h4 { font-size: 115%; color: rgb(255, 255, 255);
background: rgb(187, 187, 187); margin: 0px 10px; padding:
3px 12px; }
.reports h5 { margin: 12px -12px 0px; padding: 0px 0px 6px;
font-size: 100%; border-bottom: 1px solid rgb(204, 204, 204); }
.reports .attachments { margin: 0px; }
.reports t.wide { width: 100%; margin: 0px; }

#toc { margin: 12px 0px; list-style-type: decimal; padding: 0px
0px 0px 20px; list-style-position: outside; }
#toc ul { margin: 0px 24px 24px; }
.toc_div { margin: 6px 18px 18px; clear: both; padding: 4px
0px 4px 8px; border: 2px solid rgb(204, 204, 204); border-
radius: 4px; }
.toc_div ol li ul li { padding: 0px; margin: 0px; }
.reports .toc_div h2 { margin: 0px; padding: 0px; background:
0px center; }
.toc_div h2 a img { margin-right: 6px; }
.toc_div a.toggle { text-decoration: none; background: rgb(246,
246, 246); font-size: 95%; float: right; font-weight: normal;
border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px
solid rgb(204, 204, 204); padding: 6px 10px; position: relative;
top: -4px; border-radius: 0px 4px 4px 0px; }

.toc_div a.toggle:hover { background: rgb(255, 255, 255); }
.backtotop, .dateofreport { float: right; }
.dateofreport { margin: 6px 18px 12px 0px; }
.reports .block { border: 1px solid rgb(204, 204, 204); margin:
0px 18px 24px; background: rgb(255, 255, 255); border-radius:
4px 4px 0px; }
.backtotop { margin-bottom: -40px; margin-right: -1px; float:
right; position: relative; }
.backtotop a { text-decoration: none; background: rgb(246, 246,
246); font-size: 95%; padding: 3px 12px 3px 8px; border-width:
0px 1px 1px; border-right-style: solid; border-bottom-style:
solid; border-left-style: solid; border-right-color: rgb(204, 204,
style: initial; border-top-color: initial; display: block; border-
radius: 0px 0px 4px 4px; }
.backtotop a:hover { background: rgb(255, 255, 255); }

.backtotop a img { margin-right: 5px; }
div.fontPreview { display: block; float: left; margin: 3px 0px;
background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);
padding: 4px; }
.textareaDiv { padding-bottom: 6px; }
.textareaDiv table { width: 98%; }
.textareaDiv table table, .textareaDiv table table table { width:
100%; }
.textareaDiv textarea { width: 100%; border-top: 2px solid
rgb(102, 102, 102); }
div.textToolbar { width: 97.7%; border: 1px solid rgb(204, 204,
204); background: rgb(246, 246, 246); padding: 4px 0px; }

div.textToolbar a { white-space: nowrap; font-size: 90%; }
div.textToolbar label { font-size: 90%; vertical-align: middle;
div.textToolbar select { font-size: 90%; vertical-align: middle;
}
.previewTextArea { display: none; border: 2px solid rgb(153,
153, 153); padding: 0px; width: 459px; height: 112px;
background: rgb(255, 255, 255); overflow: auto; }
.previewTextArea div.previewTitle { margin: 0px 0px 4px;
border-bottom: 2px solid rgb(238, 238, 238); padding: 2px;
background: rgb(238, 238, 238); }
.previewTextArea div.previewTitle a { float: right; }
.previewTextArea div.previewTitle h6 { float: left; margin: 0px;
font-size: 90%; }
.previewTextArea div.previewContent { padding: 3px; }

.messageContainer h6 { margin: 0px; padding: 0px; font-size:
95%; }
.messageContainer p { margin: 0px; padding: 6px 0px; }
.messageVariable { border-radius: 1px; color: rgb(0, 0, 0);
background-color: rgb(255, 241, 197); font-size: 100%; font-
weight: normal; padding: 0px 3px; border: 1px solid rgb(238,
221, 153); display: inline; }
.myPlaces .navPaletteContent, .explore .navPaletteContent {
padding: 9px 0px; }
.myPlaces a { background-color: transparent; padding-left:
.myPlaces a:hover, .myPlaces a:focus { text-decoration:
underline; }
.myPlaces a.home { padding-right: 20px; }

.myPlaces span.homeIconWrap { background:
url("/images/ci/icons/clphomepage/home_ti.gif") 0px 0px no-
repeat; position: absolute; top: 3px; right: 3px; }
.myPlaces span.homeIconWrap img { width: 16px; height: 16px;
}
.myPlaces a.unit, .myPlaces a.course, .myPlaces a.ee, .myPlaces
a.program, .myPlaces a.workspace { margin: 0px; list-style-
type: none; background-repeat: no-repeat; background-position:
6px 3px; }
.myPlaces a.unit, .myPlaces a.unit:hover { background-image:
url("/images/ci/icons/clp_unit_ti.gif"); }
.myPlaces a.course, .myPlaces a.course:hover { background-
image: url("/images/ci/icons/clp_course_ti.gif"); }
.myPlaces a.ee, .myPlaces a.ee:hover { background-image:
url("/images/ci/icons/clp_ee_ti.gif"); }
.myPlaces a.program, .myPlaces a.program:hover { background-

image: url("/images/ci/icons/clp_program_ti.gif"); }
.myPlaces a.workspace, .myPlaces a.workspace:hover {
background-image:
url("/images/ci/icons/clp_workspace_ti.gif"); }
.explore a { background: url("images/indicators.png") 9px -
1489px no-repeat; padding-left: 30px; }
.explore h4 a, .explore h4 a:hover, .explore h4 a:focus {
background: transparent; font-weight: bold; border: 0px; }
.wizardBody .locationPane { margin: 0px; display: block; }
.wizardBody .breadcrumbs .courseName, .wizardBody
.breadcrumbs .courseId { display: none; }
.wizardBody .breadcrumbs { height: 24px; }
.wizardBody .path .root a::before { content: "H"; color:
rgb(170, 170, 170); position: relative; top: -2px; font-family:
Pictos; font-size: 20px; font-weight: normal; }

.wizardBody .modeSwitchWrap { position: absolute; right:
12px; top: 15px; }
.wizardBody { background: rgb(255, 255, 255); }
.wizardBody .container { position: static; }
.wizardBody #contentPanel { margin-bottom: 10px; padding:
12px 0px 0px 210px; }
.wizardBody form#contentPanel { padding: 0px; }
.wizardBody #pageTitleDiv img { display: none; }
.wizardBody .reqfield { float: none; margin: 0px 0px 6px -6px;
}
.wizardBody #containerdiv { padding: 0px; }

.wizardHead h2 { margin: 0px; font-size: 110%; }
.wizardHead .helphelp { padding: 0px; }
.wizardBody .contentPaneWide > .contentBox > .pageTitle h1 {
font-size: 150%; }
.wizardBody .containerWizard { border-radius: 4px; padding:
0px 0px 12px; overflow: hidden; }
.wizardBody .contentPaneWide > .contentBox > .pageTitle {
border: 0px; margin: -13px -12px 24px -224px; padding: 14px
24px 18px; }
.wizardBody .contentPaneWide > .contentBox { border: 0px;
box-shadow: none; }
.wizardHead { background: rgb(239, 237, 227); margin-bottom:
24px; padding: 12px 18px; }

.wizardBody #dataCollectionContainer { margin: 0px; }
.wizardHead + .container { padding: 0px; background:
url("images/bblearn_2011_bg.png") 0px -5px repeat scroll
rgb(239, 237, 227); border: 1px solid rgb(170, 170, 170);
border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px
4px; }
.wizardBody .containerWizard .container { height: auto; }
.wizardBody .containerWizard .locationPane { margin-top:
12px; }
.wizardBody ul.contentList li div.details { overflow-x: visible;
}
.wizardFinishText { margin: 6px 0px 150px; }
.wizardSubmit { border-top: 1px solid rgb(204, 204, 204);
margin: 0px 0px -79px -210px; padding: 18px 18px 6px;
position: relative; top: 18px; }

.wizardSubmit input[name="cancel"], .wizardSubmit
input[name="Previous"], .wizardSubmit input[name="finish"] {
padding: 6px 16px 7px; text-decoration: none; vertical-align:
middle; border-radius: 4px; background: -webkit-
gradient(linear, 0 0, 0 90%, from(rgb(239, 239, 239)),
to(rgb(207, 207, 207))) rgb(207, 207, 207); border: 1px solid
rgb(187, 187, 187); color: rgb(68, 68, 68); font-size: 105%;
text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px; }
.wizardSubmit input[name="cancel"]:hover, .wizardSubmit
input[name="cancel"]:focus, .wizardSubmit
input[name="Previous"]:hover, .wizardSubmit
input[name="Previous"]:focus { background: -webkit-
gradient(linear, 0 0, 0 90%, from(rgb(207, 207, 207)),
to(rgb(207, 207, 207))) rgb(239, 239, 239); color: rgb(0, 0, 0);
box-shadow: none; border-color: rgb(153, 153, 153); }
.wizardSubmit input[type="image"] { padding: 2px 3px 3px; }
.wizardSubmit span { color: rgb(153, 153, 153); margin: 0px
18px; }
.wizardSubmit span strong { color: rgb(0, 0, 0); }
.navigationPaneWizard { margin-top: 63px; width: 190px;

.navigationPaneWizard .navPalette { border: 0px; }
.wizardBody #courseMenuPalette { border-radius: 0px 4px 4px
0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px, rgb(249,
249, 249) -1px 0px 1px inset, rgba(0, 0, 0, 0.2) -6px 6px 12px;
border-style: solid; border-color: rgb(153, 153, 153); border-
image: initial; border-width: 1px 1px 1px 0px; margin: 0px 0px
12px; padding: 0px; background: -webkit-gradient(linear, 0
100%, 100% 100%, from(rgb(222, 222, 222)), to(rgb(238, 238,
238))); width: 200px; }
.wizardBody #courseMenuPalette div.navPaletteContent {
border-radius: 0px 0px 3px; }
.navigationPaneWizard h2 { color: rgb(0, 173, 208); font-size:
90%; font-weight: 100; letter-spacing: 0.2em; margin: 0px;
padding: 6px 12px; text-transform: uppercase; }
.navigationPaneWizard .navPalette span { display: block;
padding: 6px 9px; background-color: rgb(237, 237, 237); }
.navigationPaneWizard .navPalette li { margin: 0px; overflow-
x: hidden; padding: 6px 12px; color: rgb(119, 119, 119); font-

size: 95%; }
.navigationPaneWizard .navPalette ul li:first-child { border-top:
.navigationPaneWizard .navPalette ul li.currentStep { font-
.navigationPaneWizard .navPalette ul li.currentStep::after {
color: rgb(153, 153, 153); content: "→"; font-size: 18px; line-
height: 0.5; position: absolute; right: 0px; top: 9px; }
.containerWizard .controlPanel .navPaletteContent a {
background: url("../../../images/ci/ng/portlet_expand.gif") 2px
6px no-repeat scroll transparent; display: block; font-weight:
normal; margin: 0px; overflow-x: hidden; padding: 4px 9px 4px
23px; text-decoration: none; }
.containerWizard .navPaletteContent h2 { margin: 0px; font-
size: 105%; }
.containerWizard .navPaletteContent h2 a { border-top: 0px
none; font-weight: bold; padding: 6px 9px 6px 23px; }

.containerWizard .controlpanel li { border: 0px; }
#logDetail { overflow-y: auto; height: 300px; }
.totalMsgs { color: rgb(85, 85, 85); font-weight: bold; font-size:
120%; padding: 11px 6px 9px 14px !important; }
.latestEntry { font-weight: normal; font-size: 85%; color:
rgb(102, 102, 102); float: right !important; }
.log-summary { border: 1px solid rgb(204, 204, 204); border-
radius: 4px; }
.log-summary a { display: inline-block; margin: 0px 3px; }
.log-summary li, .sis-seperator { border-left: 1px dotted
rgb(204, 204, 204); min-height: 26px; padding: 9px 3px 9px
.log-summary li:first-child { border-left: 0px; }

.log-type { color: rgb(255, 255, 255); text-decoration: none;
padding: 2px 6px; border-radius: 3px; font-weight: bold;
.log-summary .log-type { font-size: 120%; }
.log-error { background: rgb(239, 62, 54); }
.log-warning { background: rgb(252, 176, 64); }
.log-message { background: rgb(11, 148, 68); }
.log-debug { background: rgb(0, 174, 239); }
.log-header { margin: 0px 0px 9px; }
.attachments .log-type { font-weight: normal; text-transform:
uppercase; font-size: 90%; letter-spacing: 0.1em; min-width:
6em; text-align: center; }

.table-scroll-wrapper table { margin: 0px; }
.table-scroll-wrapper tbody { height: 200px; overflow: hidden
auto; }
.row-selected { background-color: rgb(226, 238, 254)
!important; }
.log-search > div > div { display: inline-block; margin: 6px 6px
0px 0px; border-right: 1px dotted rgb(187, 187, 187); padding:
0px 9px 0px 0px !important; }
#theGrid { position: relative; }
.gridOverflowControl { overflow-x: auto; padding-bottom:
24px; zoom: 1; }
.rubricTable tbody td textarea { width: 99%; min-width: 9em;
height: 6em; color: rgb(85, 85, 85); border: 1px solid rgb(204,
204, 204); }

.rubricTable tbody td textarea + script + div { text-align: right;
}
.rubricTable tbody td div input[type="text"] { border: 1px solid
rgb(204, 204, 204); width: 4em; }
#rubricColReorder { position: absolute; top: 3em; left: 15%; z-
index: 100; }
#rubricColReorder fieldset { position: relative; white-space:
nowrap; }
#rubricColSort { margin-right: 60px; white-space: nowrap; }
#rubricColSort li { display: inline-block; position: relative;
margin: 0px 1px; padding: 0px 6px 2px 24px; white-space:
nowrap; border-right: 1px dotted rgb(153, 153, 153) !important;
}
#rubricColSort li input { position: absolute; left: 0px; top: 0px;
}

#reorderPanelControls { position: absolute; right: 0px; top: 0px;
}
#reorderPanelControls a { text-decoration: none; }
#collabRubricList .collabRubricListTypeContainer { margin:
4px; }
.rubricGradingTable, .rubricTable { width: 100%; border-
collapse: separate; border-spacing: 9px; margin-left: -9px; }
.rubricGradingTable th, .rubricTable th { color: rgb(69, 88,
111); }
.rubricTable thead th { border-left: 1px solid rgb(204, 204,
204); padding: 3px 12px; }
.rubricTable thead th:first-child { border-left: 0px; }
.rubricGradingTable tbody td, .rubricTable tbody td { border:

1px solid rgb(204, 204, 204); border-radius: 3px; padding: 6px
12px; vertical-align: top; background: -webkit-gradient(linear,
0% 0%, 0% 100%, from(rgb(255, 255, 255)), color-stop(0.5,
rgb(243, 243, 243)), to(rgb(237, 237, 237))); box-shadow:
rgba(0, 0, 0, 0.25) 1px 1px 3px; color: rgb(68, 68, 68); }
.rubricTable tbody td { box-shadow: none; }
.rubricGradingTable tbody th, .rubricTable tbody th { border-
top: 1px solid rgb(204, 204, 204); padding: 9px 12px; font-
weight: bold; vertical-align: top; }
.rubricTable tbody th label, .rubricTable tbody th input,
.rubricTable tbody th > span { font-weight: normal; }
.rubricGradingTable .rubricCellHeader { padding: 0px 0px 6px;
}
.rubricGradingTable .radioLabel, .rubricGradingTable
.selectedCell .radioLabel, .rubricGradingTable .selectedCell
.rubricSelectedValue, .rubricGradingTable .selectedCell
.rubricCellDescription { display: block; padding: 6px 0px 6px
30px; }

.rubricGradingList .radioLabel { display: inline-block; padding:
3px 6px 3px 24px; font-weight: bold; }
.rubricGradingTable .rubricCellContainer { position: relative;
overflow: hidden; min-height: 30px; }
.rubricCellRadio { position: absolute; top: 6px; }
.rubricGradingList .rubricCellRadio { position: absolute; top:
2px; }
.selectedCell .rubricCellRadio { top: -60px; }
.pointContainer { font-weight: bold; }
.rubricGradingTable .feedback { display: none; }
.rubricGradingTable .selectedCell .feedback { display: block; }
.rubricGradingTable .feedback textarea { width: 99%; }

.rubricGradingTable .selectedCell { background:
url("images/button_ok_ia.png") 12px 12px no-repeat rgb(209,
234, 239); color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.3)
0px 0px 6px; }
.rubricGradingList .selectedCell { background:
url("images/button_ok_ti.png") 4px 3px no-repeat; }
.rubricGradingTable tbody td:hover { border-color: rgb(153,
153, 153); background: -webkit-gradient(linear, 0% 0%, 0%
100%, from(rgb(209, 234, 239)), to(rgb(181, 224, 232))); }
.rubricTable tbody td:hover { border: 1px solid rgb(204, 204,
204); background: -webkit-gradient(linear, 0% 0%, 0% 100%,
from(rgb(255, 255, 255)), color-stop(0.5, rgb(243, 243, 243)),
to(rgb(237, 237, 237))); }
.rubricGradingTable tbody .selectedCell:hover { background:
url("images/button_ok_ia.png") 12px 12px no-repeat rgb(209,
234, 239); }
.rubricCriteriaHead { width: 15% !important; }

.rubricInlineEdit { position: relative; }
.rubricInlineEdit > div { z-index: 100; position: absolute; white-
space: nowrap; }
.gridActionBar, .gridActionBar th { border: 1px solid rgb(221,
221, 221); background: rgb(241, 241, 241); border-radius: 3px;
padding: 6px; }
.gridActionBar ul { padding: 4px; }
.stepcontent .gridActionBar li { margin-bottom: 0px; padding-
bottom: 0px; }
.rubricGradingTable .data, .rubricTable .data { background:
transparent; }
.rubricSelectedValue { font-weight: bold; font-size: 130%;
display: block; }

.rangePercent { color: rgb(102, 102, 102); font-size: 90%; font-
weight: normal; }
.selectedCell .rangeValue { padding: 6px 0px 0px; margin: 6px
0px 0px; border-top: 1px dashed rgb(170, 170, 170); }
.rubricControlContainer .containerTabs,
.rubricControlContainer .contentAreaBlock { margin: 0px; }
.rubricGradingList .rubricGradingCell { position: relative;
margin: 1px 0px; overflow: hidden; }
.rubricGradingList .feedback { padding: 3px 6px; }
.rubricGradingList .feedback textarea { width: 99% !important;
}
.rubricGradingList h4 { position: relative; padding: 3px; }
.rubricGradingList h4 span { background-color: rgb(255, 241,
197); padding: 1px 4px; position: absolute; top: 0px; right: 0px;

.rubricGradingTotalPoints { font-size: 110%; margin: 6px 0px;
}
.rubricGradingOverride { padding-bottom: 6px; font-size:
110%; margin: 6px 0px; }
.rubricGradingComments .editor { margin-top: 20px; }
.rubricGradingComments .rubricVtbeLabel { margin-bottom:
10px; display: block; }
.alignmentPanel tr { color: rgb(85, 85, 85); }
.alignmentPanel .gradingRubric { background-color: rgb(255,
255, 221); color: rgb(0, 0, 0); }
.alignmentPanel .gradingRubric .title { font-weight: bold; }
.alignmentPanel ul.nav span { padding-left: 3px; }

.rubricPanel thead tr th { white-space: normal !important; }
.rubricPopupContainer .rubricControlContainer { margin: 0px
0px 10px; }
.rubricPopupContainer .changeRubricContainer.onlyOne
.pagelink.previous, .rubricPopupContainer
.changeRubricContainer.onlyOne .pagelink.next,
.rubricPopupContainer .changeRubricContainer.first
.pagelink.previous, .rubricPopupContainer
.changeRubricContainer.last .pagelink.next, .rubricGradingCell
.pointRangeEdit, .rubricGradingCell.selectedCell
.pointRangeView { display: none; }
.rubricPopupContainer .changeRubricContainer.first
.pagelink.next, .rubricPopupContainer
.changeRubricContainer.middle .pagelink.previous,
.rubricPopupContainer .changeRubricContainer.middle
.pagelink.next, .rubricPopupContainer
.changeRubricContainer.last .pagelink.previous { display:
inline; }
.rubricGradingTable .pointRangeView,
.rubricGradingCell.selectedCell .pointRangeEdit { display:
block; font-weight: bold; }

.vtbegenerated th { font-weight: bold !important; }
.vtbegenerated td[align="center"], .vtbegenerated
th[align="center"], .vtbegenerated tr[align="center"] > td,
.vtbegenerated tr[align="center"] > th { text-align: center
!important; }
.vtbegenerated td[align="right"], .vtbegenerated
th[align="right"], .vtbegenerated tr[align="right"] > td,
.vtbegenerated tr[align="right"] > th { text-align: right
!important; }
.vtbegenerated td[align="left"], .vtbegenerated th[align="left"],
.vtbegenerated tr[align="left"] > td, .vtbegenerated
tr[align="left"] > th { text-align: left !important; }
.vtbegenerated { font-size: small; padding: 0px !important;
margin: 0px !important; background: transparent !important;
display: block !important; }
.vtbegenerated p { margin-bottom: 1em; }

.vtbegenerated div.p { margin-bottom: 1em; }
.vtbegenerated address { display: block; font-style: italic; }
.vtbegenerated img { max-width: 100%; height: auto; }
margin: 1em 0px; padding-left: 40px; }
.vtbegenerated ul li { margin: 0px; padding: 0px; }
.vtbegenerated ol { margin: 1em 0px; padding-left: 40px; }
#loginAnnouncements li .vtbegenerated ol li,
#loginAnnouncements li .vtbegenerated ul li { margin: 0px;
padding: 0px; }
.vtbegenerated li { list-style-position: outside; }

.vtbegenerated dir dir dir, .vtbegenerated ul ul ul li { list-style-
type: square; }
.vtbegenerated h4, .vtbegenerated h5, .vtbegenerated h6 {
margin-bottom: 1.5em; }
.vtbegenerated h4 { font-size: 120%; }

.tree .treeNodeIcon { width: 16px; height: 16px; }
.navPaletteContent .submenu li.favorite { padding-left: 10px; }
.navPaletteContent ul[id*="files_groupContents"] .favorite {
.columnPalette h5 { color: rgb(85, 85, 85); margin: 6px 0px
3px; }

.blogNav .stepcontent { margin: 0px; padding: 6px 4px; }
.button-split-left { display: inline-block; float: left; border-
right: 2px solid rgb(246, 246, 246); border-top-right-radius:
0px; border-bottom-right-radius: 0px; }
.button-split-left:hover { border-right: 2px solid rgb(85, 85,
85); }
.button-split-right { display: inline-block; float: left; border-
left: 1px solid rgb(204, 204, 204); border-top-left-radius: 0px;
border-bottom-left-radius: 0px; padding: 4px 6px; margin-left: -
1px; }
.full_evaluation_view_component h3 { margin: 18px 0px 3px; }
.full_evaluation_view_component h3:first-child { margin: 9px
0px 3px; }
.gradeSide_panel .container { padding-right: 45%; position:
relative; }

.gradeSide_panel .contentListPlain { margin: -20px 0px 0px -
30px; }
.collabContainer { padding: 20px 30px 30px; }
.gradeSide { right: 20px; top: 20px; width: 36%; }
.gradeSide { background: none 0px 0px repeat scroll rgb(136,
136, 136); border: 3px solid rgb(85, 85, 85); border-radius: 4px;
bottom: auto; left: auto; margin: 0px; padding: 4px; position:
absolute; right: 20px; top: 20px; }
.collapseTabsData a.close { right: 4px; top: 4px; }
.evalColumn .taskbuttondiv { padding: 12px 0px; }
.gradeItemsWrapper { overflow: visible; }
.gradeSide .stepcontent { margin: 0px; padding: 6px 4px 12px;
}

.evalColumn { background-color: rgb(255, 255, 255); border:
1px solid rgb(187, 187, 187); box-shadow: rgba(0, 0, 0, 0.2)
2px 2px 4px; padding: 6px 18px 18px; }
.evalColumn .liveArea { border: 0px none; box-shadow: none; }
.column-wrapper { position: relative; overflow: visible
!important; }
.column-nav { width: 190px; float: left; }
.colspan2 { position: relative; margin-left: 190px; }
#standards-column.colspan2 { border-left: 3px double rgb(204,
204, 204); margin-bottom: -41px; padding-bottom: 12px; top: -
20px; left: -3px; }
.pageHead-2 { color: rgb(85, 85, 85); padding: 18px; overflow-
wrap: break-word; }
.column-nav .pageHead-2 { padding: 18px 6px; display: none; }

.pageHead-2 h2 { margin: 0px; font-size: 120%; font-weight:
normal; }
.pageHead-2 span { padding: 0px 6px; font-size: 120%; color:
.pageHead-2 span:first-child { border-right: 1px dotted rgb(170,
170, 170); }
.column-inner { padding: 6px 0px 12px 18px; }
.column-nav-inner { padding: 0px 0px 12px 12px; }
.category-column .column-nav-inner { border-width: 1px 1px
1px 0px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-top-color: rgb(204, 204,
204); border-right-color: rgb(204, 204, 204); border-bottom-
color: rgb(204, 204, 204); border-image: initial; border-left-
style: initial; border-left-color: initial; background: -webkit-
linear-gradient(left, rgb(238, 238, 238) 90%, rgb(236, 236, 236)
97%, rgb(187, 187, 187) 108%); }

#column_lrn_std_category { border-right: 3px double rgb(204,
204, 204); }
.column-inner { background: rgb(255, 255, 255); padding: 6px
#standards-column .column-inner { padding: 6px 0px 12px 18px
!important; }
.column-nav .column-inner { display: none; }
.navmenu-list-item { display: block; border-bottom: 1px solid
rgb(119, 119, 119); padding: 12px 21px 12px 18px; position:
relative; overflow-wrap: break-word; }
.navmenu-list > li:hover { background: rgb(119, 119, 119); }
.navmenu-list > li > a { text-decoration: none; color: rgb(246,
246, 246); font-weight: 200; font-size: 110%; }
.navmenu-list a span { display: none; }

.navmenu-list .active, .navmenu-list .active:hover { background:
rgb(238, 238, 238); color: rgb(0, 0, 0); box-shadow: rgb(119,
119, 119) -4px 3px 5px; font-weight: 600; padding: 12px 18px
12px 20px; border-radius: 4px 0px 0px 4px; left: -3px; width:
142px; border-style: solid; border-color: rgb(119, 119, 119);
border-image: initial; border-width: 1px 0px 1px 1px; }
.navmenu-list .active a { color: rgb(0, 0, 0); }
.column2-nav .category-column .navmenu-list li > a { padding-
left: 24px; }
.column-wrapper .actionBar > ul > li > a { padding: 8px 16px;
display: inline-block; text-decoration: none; color: rgb(51, 51,
51); font-weight: normal; }
.column-wrapper .actionBar > ul > li > a:hover { background:
rgb(204, 204, 204); }
.standards .button-2 { color: rgb(68, 68, 68); }

.standards .button-2:hover { border-color: rgb(170, 170, 170); }
.category-column .navmenu-list:first-child { margin: 12px 0px
0px; }
.category-column .navmenu-list-item { border-color: rgb(214,
214, 214); }
.category-column .navmenu-list-item a { color: rgb(51, 51, 51);
}
.category-column .navmenu-list-item:hover { background: -
webkit-linear-gradient(left, rgb(224, 224, 224) 31%, rgb(221,
221, 221) 93%, rgb(204, 204, 204) 100%); opacity: 1
!important; }
.category-column .navmenu-list .active { margin-right: -1px;
background: rgb(255, 255, 255); border-style: solid; border-
color: rgb(204, 204, 204); border-image: initial; border-radius:
4px 0px 0px 4px; border-width: 1px 0px 1px 1px; box-shadow:
rgb(221, 221, 221) -4px 3px 5px; position: relative; right: -4px;
z-index: 1001; }
.navmenu-list .inactive { opacity: 0.75; }

.standards .actionBar { display: block; background: transparent;
border-width: 0px 0px 1px; border-top-style: initial; border-
right-style: initial; border-left-style: initial; border-top-color:
initial; border-right-color: initial; border-left-color: initial;
border-image: initial; padding: 0px; box-shadow: none; margin:
0px 0px 20px -12px; height: 32px; border-bottom-style: solid;
border-bottom-color: rgb(204, 204, 204); }
#actionbarlrn_std_doc.actionBar { border-bottom-color:
rgb(119, 119, 119); }
#actionbarlrn_std_doc.actionBar > ul > li > a { border-radius:
4px 0px 0px; color: rgb(240, 240, 240); text-shadow: rgba(0, 0,
0, 0.4) 0px -1px 0px; }
#actionbarlrn_std_doc.actionBar > ul > li > a:hover,
#actionbarlrn_std_doc.actionBar > ul > li:hover > a { color:
rgb(255, 255, 255); background: rgb(119, 119, 119); }
#actionbarlrn_std_category.actionBar > ul > li > a { color:
rgb(102, 102, 102); text-shadow: rgba(255, 255, 255, 0.6) 0px
1px 0px; }

#actionbarlrn_std_category.actionBar > ul > li > a:hover {
color: rgb(0, 0, 0); background: rgb(204, 204, 204); }
#actionbarlrn_std.actionBar { background: rgb(240, 240, 240);
border: 0px none; margin: 9px 0px 20px; }
#actionbarlrn_std.actionBar > ul > li > a { color: rgb(102, 102,
102); text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; }
#actionbarlrn_std.actionBar > ul > li > a:hover { color: rgb(0, 0,
0); background: rgb(221, 221, 221); }
.standards .actionBar > ul { height: 32px; margin: 0px
!important; }
.standards .actionBar ul li { float: left; }
.standards .groupLabel { padding: 2px 6px 0px 0px; }
.standards .searchbar .selectedItem label span { font-size: 90%;
}

.navmenu-actions-1 { background: rgb(240, 240, 240); border:
1px solid rgb(204, 204, 204); border-radius: 2px; left: -4px;
padding: 1px; position: absolute; top: 4px; }
.active .navmenu-actions-1 { left: -4px; }
.navmenu-actions-2 { position: absolute; left: -4px; top: 22px;
.navmenu-list-item .contextMenuContainer { position: absolute;
right: 9px; top: 50%; opacity: 0; margin-top: -8px; }
.navmenu-list .active .contextMenuContainer, .navmenu-list
.active:hover .contextMenuContainer { opacity: 1; }
.navmenu-list-item:hover .contextMenuContainer { opacity: 0.5;
}
.navmenu-list-item:hover .contextMenuContainer:hover {
opacity: 1; }

.standards .column-1, .standards .column-2, .standards .column-
3 { font-size: 90%; min-height: 0px; }
.standards .column-2 { width: 46%; padding: 0px 1%; border-
left: 1px solid rgb(204, 204, 204); }
.standards .column-3 { width: 31%; margin: 0px; }
.standardForm > h3 + div.column-2 { border: 0px; }
.standards .stepcontent { margin: 0px; padding: 6px 4px 12px; }
.standards .stepcontent ol li { border: 0px; }
.standardForm { top: 38px; left: 6px; position: absolute
!important; }
.inline-form-title { margin: 6px 0px; }

.docs-column .column-nav-inner { border-width: 1px 0px 1px
1px; border-top-style: solid; border-bottom-style: solid; border-
bottom-color: rgb(119, 119, 119); border-left-color: rgb(119,
119, 119); border-image: initial; border-right-style: initial;
border-right-color: initial; border-top-left-radius: 6px; border-
bottom-left-radius: 6px; color: rgb(255, 255, 255); background:
-webkit-linear-gradient(left, rgb(153, 153, 153) 0px, rgb(153,
153, 153) 96%, rgb(102, 102, 102) 104%); min-height: 400px; }
.docs-column .navmenu-list:first-child { margin: 12px 0px 0px;
}
.iconToggleWrapper { display: inline-block; zoom: 1; }
.iconToggle { padding: 3px 5px; background: -webkit-
gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)),
color-stop(0.5, rgb(243, 243, 243)), color-stop(0.51, rgb(237,
237, 237)), to(rgb(255, 255, 255))); color: rgb(68, 68, 68);
border: 1px solid rgb(204, 204, 204); position: relative; display:
inline-block; zoom: 1; font-size: 95%; margin: 0px 0px 0px -
5px !important; }
.quickAddPal .iconToggle { margin: 0px 0px 0px -1px
!important; }

.iconToggle:first-child { border-radius: 2px 0px 0px 2px;
margin: 0px !important; }
.iconToggle:last-child { border-radius: 0px 2px 2px 0px; }
.iconToggle:hover { border-color: rgb(153, 153, 153);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,
from(rgb(232, 240, 254)), color-stop(0.5, rgb(217, 228, 247)),
color-stop(0.51, rgb(207, 221, 245)), to(rgb(232, 240, 254))); }
.stepcontent .iconToggle .fieldHelp { background: rgb(255, 255,
255); border: 1px solid rgb(85, 85, 85); display: none; position:
absolute; top: 100%; left: 0px; padding: 3px 6px; z-index: 100;
border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px;
font-size: 90%; min-width: 200px; }
.iconToggle:hover .fieldHelp { display: block; z-index: 10; }
.iconToggleWrapper .selectedItem { background: rgb(205, 205,
205); border-color: rgb(153, 153, 153); box-shadow: rgba(0, 0,
0, 0.2) 1px 1px 7px inset; color: rgb(0, 0, 0); }
.iconToggle label span { display: none; color: rgb(85, 85, 85); }

.selectedItem label span { display: inline; }
.selectedItem .fieldHelp strong { display: none; }
#lrn_std .panelHead { padding: 9px 16px 9px 25px; }
#lrn_std .sHeader { margin-left: -21px; }
#lrn_std .contextMenuContainer { }
.lb-content .itemTray { position: absolute; }
.lb-drawer { padding-bottom: 54px; }
.lb-noTitleBar #pageTitleBar { display: none; }
.lb-locationPane, .lb-locationPane #contentPanel { margin: 0px;
}

.lb-contentBox { border: 0px; border-radius: 0px; }
.overSoftLimit { color: red; }
.autocomplete_pos { top: 15px !important; left: 0px !important;
}
.autocomplete { position: absolute; width: 250px; background-
color: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136);
z-index: 5; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px; }
.autocomplete .selected { background-color: rgb(204, 204, 204);
}
.autocomplete ul li { display: block; width: 98%; padding: 2px;
cursor: pointer; }
.quickAddPal .field, .quickAddPal .noLabelField { position:
relative; }

.renameCategory { position: absolute; top: 0px; bottom: 0px;
right: 0px; left: 0px; z-index: 1200; display: block; }
.renameCategory a { display: inline; padding: 0px; }
li span.labelMenuItem { color: rgb(0, 0, 0); font-weight: bold; }
.tooltip { color: rgb(102, 102, 102) !important; background-
color: rgb(255, 255, 255) !important; box-shadow: none
!important; padding: 15px !important; font-family: "Open Sans"
!important; text-shadow: none !important; border-radius: 0px
!important; background-image: none !important; border: 1px
.tooltipContainer-bot .tooltip::after { display: none; }
.tooltipContainer .tooltip::after, .tooltipContainer-bot
.tooltip::after { color: rgb(59, 59, 59); }
.paddedMetadata { padding: 6px 6px 6px 0px !important; }

.quickAddPal .colorlist li a.transparent { background-image:
url("/images/swatches/transparent.gif"); background-position: -
1px -1px; color: transparent; }
.quickAddPal .colorlist li a.transparent:hover { background-
div.checkListActions { padding-bottom: 10px; }
.quickAddPal .colorlist li a.transparent:active, .quickAddPal
.colorlist li a.transparent:focus { background-position: -3px -
3px; }
.theme_scrollbar_content h2 { margin: -35px 0px 15px;
padding: 0px; color: rgb(51, 51, 51); text-align: left; font-size:
130%; font-style: italic; font-weight: normal; letter-spacing:
0.06em; }
#wizard .theme_scrollbar_content h2 { color: rgb(204, 204,
204); }
.theme-switch-wrapper { display: inline-block; }

.theme-switch { border-right: 1px solid rgb(204, 204, 204);
display: inline-block; margin: -14px 0px; position: relative;
.theme-switch .sub > a { display: block; line-height: 1;
overflow: hidden; padding: 14px 12px; }
.theme-switch .sub > a:hover, .theme-switch .sub:hover > a {
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 24px inset; }
.theme-switch.dummy-switch:hover { box-shadow: none; }
.theme-switch a span, .theme-switch span span { background:
url("images/pantone_fan.png") 0px 0px no-repeat scroll
transparent; display: inline-block; height: 16px; overflow:
hidden; width: 16px; }
.theme-switch:hover .cmdiv ul::before, .theme-switch:hover
.cmdiv ul::after { border-style: none solid solid; border-width:
0px 7px 7px; content: ""; left: 10px; position: absolute; top: -
7px; }
.theme-switch:hover .cmdiv ul::before { border-bottom-color:

rgb(153, 153, 153); top: -8px; }
.theme-switch .nav .sub ul { width: 180px; border-radius: 0px
0px 4px 4px; }
.theme-switch .nav .sub ul li h4 { margin: 2px 0px; font-size:
100%; color: rgb(153, 153, 153); padding: 9px 0px 2px 4px;
font-weight: normal; letter-spacing: 2px; }
.theme-switch .nav .sub ul a { width: 142px; padding: 4px 4px
4px 18px; font-size: 95%; overflow: hidden; position: relative;
}
.theme-
block; font-family: FontAwesome; font-size: 12px; position:
absolute; left: 3px; top: 6px; }
body div.lb-overlay { background:
url("images/reorder_bg.png") -10px 0px repeat scroll rgb(68,
68, 68); }
#wizard { position: fixed; width: 900px; margin-left: -450px;
top: 60px; left: 50%; background: content-box rgb(255, 255,
255); z-index: 1100; border: 0px solid rgb(102, 102, 102);

padding: 1.5625rem; }
#wizard h1 { color: rgb(102, 102, 102); padding: 10px 30px;
#wizard .accordion-wrapper { background: transparent; border-
radius: 0px 0px 6px 6px; margin: 0px 30px; }
#wizard .accordion_toggle, #wizard .accordion_content {
padding: 8px 0px; font-size: 115%; color: rgb(238, 238, 238); }
#wizard .accordion_toggle { border-top: 1px solid rgb(68, 68,
68); box-shadow: rgb(102, 102, 102) 0px 1px 0px inset; color:
rgb(170, 170, 170); position: relative; cursor: pointer; text-
align: right; padding-right: 60px; }
#wizard .accordion_toggle .accordionTabLabel { float: left;
color: rgb(102, 102, 102); text-decoration: none; }
#wizard .accordion_toggle span#selectedStructureName,
#wizard .accordion_toggle span#selectedThemeName { padding:
4px 19px 4px 5px; color: rgb(0, 0, 0); border-radius: 5px;
visibility: visible; margin-left: 3px; background:
url("/images/ci/ng/close_mini.gif") 96% 50% no-repeat scroll

rgb(170, 170, 170); }
#wizard .accordion_toggle_help { text-align: left; }
#wizard .accordion_toggle a#unselectStructure, #wizard
.accordion_toggle a#unselectTheme { margin-left: 5px; float:
right; display: none; padding: 2px 6px; font-size: 90%; color:
rgb(30, 200, 234); }
#wizard .accordion_toggle a#unselectStructure:hover, #wizard
.accordion_toggle a#unselectTheme:hover { visibility: visible; }
#wizard .accordion_toggle a#unselectStructure:hover span,
#wizard .accordion_toggle a#unselectTheme:hover span { text-
decoration: line-through; }
#wizard .accordion_toggle:first-child { border-top: 0px; box-
shadow: none; }
#wizard .accordion_content { padding: 0px; background:
rgb(61, 59, 59); text-align: left; overflow: hidden; height:
245px; }

#wizard .accordion_content a { color: rgb(30, 200, 234); }
#wizard .accordion_toggle_addstructure .right-image {
background: url("/images/ci/icons/wizard_step-1.png") no-
repeat; }
#wizard .accordion_toggle_choosetheme .right-image {
background: url("/images/ci/icons/wizard_step-2.png") no-
repeat; }
#wizard .accordion_toggle_help .right-image { background:
url("/images/ci/icons/wizard_step-4.png") no-repeat; }
#wizard .right-image { background-position: center center;
background-repeat: no-repeat; display: inline-block; height:
30px; width: 30px; opacity: 0.5; position: absolute; right: 8px;
top: 6px; }
#wizard .previewArea { background-color: rgb(71, 71, 71);
border-width: 0px; font-size: 85%; height: 235px; max-height:
235px; overflow: hidden; padding: 5px 10px; }
.course_welcome_help_scrollbar_track { position: absolute; top:

0px; right: 0px; width: 10px; cursor: move; margin: 1px 0px;
height: 99%; }
.course_welcome_help_scrollbar_handle.selected { width: 8px;
cursor: move; border-radius: 5px; background-color: rgb(85, 85,
85); border: 0px; }
.course_welcome_help_scrollbar_handle.selected { background-
color: rgba(0, 0, 0, 0.5); }
.course_welcome_help_container { position: relative; }
#wizard .previewArea .introduction, #wizard .previewArea
.helplink, #wizard .previewArea .customHelp { width: 80%; }
#wizard .previewArea .conclusion { width: 20%; background-
color: rgb(61, 59, 60); background-attachment: fixed; position:
absolute; top: 0px; right: 0px; padding: 0px 10px 10px; font-
size: 90%; color: rgb(187, 187, 187); }
#wizard .previewArea .customHelp { padding: 1em 0px;
margin-top: 0.5em; color: rgb(187, 187, 187); font-size: 90%;
border-top: 1px dotted rgb(85, 85, 85); width: 100%; }

#wizard .previewArea h3 { font-size: 140%; font-weight:
normal; margin-top: 0.2em; margin-bottom: 3px; }
#wizard .previewArea h3 span { color: rgb(136, 136, 136); text-
transform: uppercase; font-size: 65%; font-weight: normal;
display: block; }
#wizard .previewArea h3 span span { text-transform: lowercase;
font-style: italic; display: inline; font-size: 95%; }
#wizard .helplink .easylist { border: 0px; padding: 0px; margin-
top: 5px; margin-left: 0px !important; }
#wizard .helplink .easylist li { float: left; width: 46%; padding:
3px 0px 0px; border-top: 2px dotted rgb(85, 85, 85); margin:
0px 10px 10px; }
#wizard .helplink .easylist li p { padding-left: 0px; }
#wizard .helplink .easylist li p { color: rgb(221, 221, 221); }

#wizard .log-summary { border-width: 0px; border-radius: 0px;
}
#wizard .conclusion h3 { font-size: 100%; color: rgb(136, 136,
136); text-transform: uppercase; font-weight: normal; margin-
top: 10px; }
#wizard .conclusion ul { margin-bottom: 15px; }
#wizard .conclusion ul li { margin-bottom: 5px; }
#wizard .content-inner, .content-inner { height: 245px; position:
relative; overflow: hidden; background-color: rgb(245, 244,
239); border: 1px solid rgb(204, 204, 204); }
#wizard .content-inner { background-color: rgb(61, 59, 59);
border: 0px; }
#wizard .introtext { padding: 1em 2em 1em 0px; font-size:
100%; font-weight: normal; color: rgb(204, 204, 204); line-
height: 1.5em; float: left; width: 100%; }

#wizard .introtext label { margin-left: 15px; font-size: 85%;
font-style: italic; display: none; }
#wizard .introtext input { font-size: 200%; margin-bottom:
10px; font-style: italic; }
#wizard .introtext .courseNameAndDescription table table {
width: 99%; margin-left: 7px; }
#wizard .defaultSkin td.mceToolbar { min-width: 0px; }
#wizard .courseNameAndDescription > .textboxtable { margin-
left: 9px; width: 98% !important; }
#wizard .introtext .courseNameAndDescription .textboxtable
.mceSplitButton { margin-left: 0px; width: auto; margin-top:
3px; }
#wizard .introtext textarea { font-size: 110%; }
#wizard .introtext input, #wizard .introtext textarea { width:

96%; margin-left: 15px; padding: 7px 0px 7px 7px; font-family:
inherit; resize: none; }
#wizard .introtext .courseNameAndDescription { float: left;
width: 60%; margin-right: 1em; padding-right: 0.8em; border-
right: 3px dotted rgb(102, 102, 102); }
#wizard .introtext p { font-size: 90%; margin: 55px 20px 0px
0px; font-style: italic; line-height: 1.4em; }
.themes .horizontal-block { width: 230px; margin: 35px 10px
0px; height: 184px; padding: 8px 0px; text-align: center; cursor:
pointer; border: 1px solid rgb(221, 221, 221); }
#wizard .themes .horizontal-block { border-color: rgb(85, 85,
85); }
.help .horizontal-block { width: 250px; border: 0px; }
.themes .horizontal-block img { margin: 0px auto; width:
203px; height: 152px; }

.theme-selector { padding: 10px 26px 0px; text-align: left; }
.structure .theme-selector { padding: 4px; }
.theme-selector span { font-size: 110%; font-weight: bold; }
#wizard .selected .theme-selector span { color: rgb(51, 51, 51);
}
.selected .theme-selector span { color: rgb(255, 255, 255); }
.structure .horizontal-block:hover, .themes .horizontal-
block:hover { background-color: rgb(232, 231, 229); }
#wizard .structure .horizontal-block:hover, #wizard .themes
.horizontal-block:hover { background-color: rgb(91, 88, 88); }
#wizard li.selected a, #wizard li.selected, #wizard .selected,
.content-inner li.selected a, .content-inner li.selected, .content-
inner .selected, .content-inner .selected:hover { background-
color: rgb(54, 54, 54); border: 1px solid rgb(51, 51, 51); color:
rgb(51, 51, 51); }

#wizard li.selected a, #wizard li.selected, #wizard .selected,
#wizard .themes .horizontal-block.selected:hover { background-
color: rgb(245, 244, 239); color: rgb(51, 51, 51); }
div.scroller { height: 200px; overflow: hidden; }
.themes div.scroller { height: 245px; }
div.scroller div.section { float: left; height: 225px; overflow:
hidden; text-align: left; width: 780px; padding: 0px 0px 0px
28px; }
.horizontal-block { display: inline-block; font-size: 80%;
vertical-align: top; text-align: left; width: 167px; padding: 3px
0px 6px 18px; height: 214px; margin: 8px 0px 0px 7px; border-
radius: 5px; float: none; }
.horizontal-block ul { margin-left: 4px; }
.structure .horizontal-block { height: 178px; cursor: pointer; }

#wizard .gotocourse { padding: 20px; }
#wizard .gotocourse label { width: auto; display: inline-table; }
#wizard .gotocourse label span { font-size: 10px; color:
#wizard .gotocourse .button-2 { margin-left: 10px; }
#wizard .number { float: left; vertical-align: middle; margin-
right: 18px; font-weight: bold; color: rgb(102, 102, 102);
#wizard .accordion_toggle_help .number { background:
url("/images/ci/icons/step_star_light.png") 0% 0% / 100% 100%
no-repeat; text-indent: -9999px; width: 20px; height: 20px;
opacity: 0.4; margin-right: 14px; }
#wizard a.wizard-close::before { content: "X"; font: 150%
Utilicons; }

#wizard a.wizard-close { position: absolute; right: 25px; top:
25px; color: rgb(102, 102, 102); }
.theme_scrollbar_track { position: absolute; top: 0px; right:
2px; width: 10px; cursor: move; margin: 1px 0px; height: 99%;
}
#wizard .theme_scrollbar_handle.selected,
.theme_scrollbar_handle.selected { width: 8px; cursor: move;
border-radius: 5px; background-color: rgba(255, 255, 255, 0.4);
border: 0px; }
.theme_scrollbar_handle.selected { background-color: rgba(0, 0,
0, 0.5); }
.theme_scrollbar_content { overflow: hidden; height: 245px;
.structure_scrollbar_container { position: relative; }
.structure_scrollbar_track { position: absolute; top: 0px; right:
0px; width: 10px; cursor: move; margin: 1px 0px; height: 99%;
}

div.courseStructureDescriptions .structure_scrollbar_track {
top: 10px; margin: 1px 3% 1px 0px; }
#wizard .structure_scrollbar_track { margin: 1px 0px; top: 0px;
}
#wizard .structure_scrollbar_handle.selected,
.structure_scrollbar_handle.selected { width: 8px; cursor: move;
border-radius: 5px; background-color: rgb(85, 85, 85); border:
0px; }
#wizard .structure_scrollbar_handle.selected:hover {
.structure_scrollbar_handle.selected, #wizard
.courseStructureDescriptions
.structure_scrollbar_handle.selected { background-color:
rgba(0, 0, 0, 0.15); }
.structure_scrollbar_handle.selected:hover, #wizard
.courseStructureDescriptions
.structure_scrollbar_handle.selected:hover { background-color:
rgba(0, 0, 0, 0.3); }

.structure_scrollbar_content { overflow: hidden; height: 370px;
margin-top: 30px; }
#wizard .structure_scrollbar_content { height: 200px; margin-
top: 22px; }
.courseStructureOuterDiv { background-color: rgb(255, 255,
255); padding: 0px 10px 0px 0px; min-height: 400px; margin-
bottom: 10px; min-width: 800px; }
#wizard .courseStructureOuterDiv { min-height: 250px; margin-
bottom: 0px; background-color: rgb(61, 59, 59); padding: 0px; }
.courseStructureNameScroller { width: 170px; position:
relative; float: left; height: 400px; overflow: hidden;
background-color: rgb(255, 255, 255); border-top: 1px solid
rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204);
border-bottom: 1px solid rgb(204, 204, 204); border-top-left-
radius: 4px; border-bottom-left-radius: 4px; margin: 10px 0px
0px; box-shadow: rgb(204, 204, 204) -1px 0px 4px; }
#wizard .courseStructureNameScroller { height: 220px; border:
0px; border-radius: 0px; background-color: transparent; margin-

top: 0px; box-shadow: none; }
.courseStructureNameScroller ol li { margin-bottom: 3px;
cursor: pointer; }
.courseStructureNameScroller ol li:focus { outline: rgb(0, 0, 0)
dotted 1px; }
.courseStructureNameScroller ol
li.courseStructureChoiceLink:focus { outline-color: rgb(255,
255, 255); box-shadow: rgb(18, 143, 168) 0px 0px 6px inset; }
#wizard .courseStructureNameScroller ol li { margin-left: 13px;
}
.courseStructureHeader { color: rgb(153, 153, 153); padding:
15px 0px 5px 10px; font-size: 85%; font-style: italic; cursor:
default !important; }
#structureDescription h3 { text-align: center; margin-top:
110px; }

#wizard .courseStructureHeader { color: rgb(170, 170, 170);
text-shadow: rgb(34, 34, 34) 0px 0px 1px; padding-top: 0px;
.courseStructureChoiceLink { font-weight: normal; text-
decoration: none; display: block; font-size: 85%; padding: 5px
5px 5px 33px; }
#wizard .courseStructureChoiceLink { padding-left: 20px; }
.courseStructureChoiceSelected { color: rgb(61, 59, 59);
background-color: rgb(245, 244, 239); border-top-left-radius:
4px; border-bottom-left-radius: 4px; }
.courseStructureChoiceSelected a, #wizard
.courseStructureChoiceSelected a { color: rgb(51, 51, 51); }
.courseStructureDescriptions { position: relative; margin-left:
170px; height: 400px; }
#wizard .courseStructureDescriptions { height: 225px; position:
relative; margin: 10px 0px 10px 170px; }

.courseStructureDescriptionAndMenu { background-color:
rgb(245, 244, 239); border-radius: 5px; color: rgb(51, 51, 51);
line-height: 18px; font-size: 12px; padding: 0px 0px 0px 20px;
width: 95%; float: left; margin: 10px 0px 0px; overflow:
hidden; height: 400px; position: static; min-height: 400px;
#wizard .courseStructureDescriptionAndMenu { height: 225px;
min-height: 225px; border: 0px; width: 635px; margin-top: 0px;
position: static; }
.courseStructureDescriptions p { margin-bottom: 15px; }
.courseStructureDescriptions h3 { margin-top: 30px; margin-
bottom: 0px; text-align: center; font-size: 120%; color: rgb(102,
102, 102); }
.courseStructureDescriptions br { display: none; }
.structureIncludeSampleContentCheck { width: 100%;
background-color: rgb(244, 241, 227); display: block; height:
40px; padding-top: 10px; box-shadow: rgb(204, 204, 204) -10px
0px 6px inset; margin-left: -20px; padding-left: 15px; }

#wizard .structureIncludeSampleContentCheck { background-
color: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px;
border-top: 1px solid rgb(204, 204, 204); box-shadow: rgb(153,
153, 153) 0px 0px 2px; margin-left: -12px; padding: 7px 0px
7px 7px; position: absolute; top: 185px; width: 630px; height:
25px; z-index: 1; }
#wizard .accordion_content .useSelectedStructure { margin-
right: 15px; }
#wizard .accordion_content .useSelectedStructure, #wizard
.accordion_content .useExistingMenu { color: rgb(51, 51, 51); }
#wizard .courseStructureDescriptions .structure_scrollbar_track
{ right: 15px; }
.courseStructureMenu { float: right; width: 200px; min-height:
400px; overflow: hidden; border-top-right-radius: 5px; border-
bottom-right-radius: 5px; background-color: white; padding:
0px 10px; margin: 0px 0px 0px 20px; box-shadow: rgba(0, 0, 0,
0.15) 0px 1px 4px; border-left: 1px solid rgb(170, 170, 170);
#wizard .courseStructureMenu { min-height: 265px; padding-
bottom: 35px; }

.courseStructureMenu .listCm .courseMenu a { padding: 0px
0px 0px 30px; }
.courseStructureMenu .listCm .courseMenu .divider { padding:
6px 18px; }
.courseStructureMenu .actionBarMicro { display: none; }
.courseStructureMenu #courseMenuPalette
div.navPaletteContent { padding-top: 0px; }
.arrow_guide { background: url("/images/ci/icons/left-arrow-
point.png") no-repeat; width: 156px; height: 34px; position:
absolute; left: 3%; }
#wizard .arrow_guide { top: 81%; }
.courseStructureDescription img { margin: 10px 0px 5px; text-
align: center; }

.courseStructureDescription p.existing_text,
.courseStructureDescription p.existing_icon { text-align: center;
margin: 0px; color: rgb(102, 102, 102); font-size: 95%; }
.courseStructureDescription a.button-3 { margin-right: 15px;
color: rgb(51, 51, 51); }
.courseStructureDescription
a.unselectStructureButton.existingstructure { margin-right:
37%; margin-top: 5px; }
.courseStructureNameScroller .current-value { position:
absolute; top: 5px; left: 15px; font-size: 85%; font-weight:
normal; background-image:
url("/images/ci/icons/current_li.png"); background-repeat: no-
repeat; background-position: 0px 20%; padding-left: 17px;
padding-bottom: 6px; width: 130px; white-space: nowrap;
border-bottom: 1px solid rgb(85, 85, 85); box-shadow: rgb(51,
51, 51) 0px -1px 0px inset; }
#wizard .courseStructureNameScroller .current-value { top:
0px; }
.noSectionDivider { border-top: none !important; }

.dividerRow { border-top: 1px dotted rgb(172, 194, 223);
margin: 5px 0px 0px !important; padding: 5px 0px 0px
!important; }
.keyboardAccess .selectArrows a, .keyboardAccess .y-arrows a,
.keyboardAccess .y-arrows button, .keyboardAccess
.selectArrows button { display: inline-block; margin: 0px;
width: 18px; }
.keyboardAccess label { display: inline-block; color: rgb(119,
119, 119); margin-bottom: 3px; }
.keyboardAccess .selectArrows, .keyboardAccess .y-arrows {
margin: 3px 0px; text-align: center; }
.access-reorder-block { min-width: 200px; padding: 0px 6px; }
.access-reorder-block select { min-width: 200px; }
.y-arrows { text-align: center; clear: both; }

.brandingImgWrap img[src*="header_institution"] { left: 12px;
max-height: 60px; position: absolute; top: 0px; }
.sample-content { background:
url("images/bg_chalk_dark_s.png") 0px 0px repeat scroll
transparent; }
.sample-content .item h3 span { color: rgb(37, 191, 203)
!important; }
.sample-content .vtbegenerated ul { margin: 4px 0px; }
.sample-content .vtbegenerated br { height: 1px; }
.liItem.sample-content:hover, .buildList > li.sample-
content:hover { background-color: rgb(246, 246, 246); border-
color: rgb(102, 102, 102); }
div.loading-overwrite { background:
center 100px no-repeat scroll white; position: absolute; top:
0px; left: 0px; width: 100%; height: 100%; opacity: 100; z-
index: 10000; text-align: center; }

div.loading-overwrite span { font-size: 200%; top: 10px;
.sample-content dl { margin: 0px; }
.sample-content dt { float: left; margin: 0px; padding: 0px;
width: 9em; font-weight: bold; }
.sample-content dd { margin: 0px 0px 0px 10em; padding: 0px;
}
.dueDate { color: rgb(0, 102, 51); }
.dueDatePassed { color: rgb(153, 0, 0); }
.inventory_paging a.inactive, .inactive { opacity: 0.4; }
.linkLeftSpacesp { padding: 0px 0px 0px 5px; }

.codeFragment { font-family: "Courier New"; }
.filteredTextHeader { display: inline-block; text-align: center;
background-color: lightyellow; border-style: dotted; border-
width: 1px; line-height: 150%; padding: 5px; }
.filteredText { color: red; background-color: lightyellow; }
.floatedReceipt { width: 300px; line-height: 1.3em; border-
radius: 4px; box-shadow: rgb(102, 102, 102) 1px 1px 5px;
margin: 0px 0px 6px !important; background-color: rgb(252,
251, 209) !important; border: 1px solid rgb(221, 221, 221)
!important; font-weight: normal !important; padding: 10px 22px
10px 10px !important; color: rgb(51, 51, 51) !important; }
.floatedReceipt a.close::before { color: rgba(0, 0, 0, 0.7); }
.floatedReceipt a.close:hover::before { color: rgba(0, 0, 0, 0.9);
}
.floatedReceipt em { font-weight: bold; }

.floatedReceipt a { border: 0px; color: rgb(51, 51, 51)
!important; background: url("none") !important; padding: 0px
!important; margin: 0px !important; font-weight: normal
!important; }
.floatedReceipt a:hover { text-decoration: none !important; }
.floatedReceipt#receipt_floated_theme { position: absolute; top:
50px; right: 45px; z-index: 1001; }
.floatedReceipt#receipt_floated_courseMenu { position:
absolute; left: 180px; z-index: 1201; }
.floatedReceipt .arrow { border-style: dashed; border-color:
transparent; border-width: 15px; font-size: 0px; height: 0px;
position: absolute; }
.floatedReceipt.pointTop .arrow { left: 58%; top: -30px; border-
bottom-color: rgb(252, 251, 209); border-bottom-style: solid; }
.floatedReceipt.pointLeft .arrow { left: -30px; top: 10px;
border-right-color: rgb(252, 251, 209); border-right-style: solid;

}
.nav .sub .flyout .slideoutLink { font-weight: bold; }
.nav .sub .slideoutLink img { width: 16px; height: 16px;
background: url("images/utilicons_arrows_dark.png") 16px
16px; float: right; }
.nav .sub .slideoutLink-active { margin-right: -1px; box-
shadow: rgba(0, 0, 0, 0.3) -3px 0px 3px; border-style: solid;
border-color: rgb(204, 204, 204); border-image: initial; border-
width: 1px 0px 1px 1px; border-radius: 0px; }
.nav .sub .slideoutLink-active img { background:
url("images/utilicons_arrows_dark.png") 0px 16px; }
.slideoutOpen { background: -webkit-gradient(linear, 0% 0%,
100% 0%, from(rgba(0, 0, 0, 0)), color-stop(0.95, rgba(0, 0, 0,
0)), to(rgba(0, 0, 0, 0.08))); border-right: 1px solid rgb(204,
204, 204); margin-left: -1px !important; }
.statusFilter { padding-left: 8px; position: relative; font-size:
13px; }

label.statusFilter { top: 0px; }
span.statusFilter { top: 1px; }
.collapsible table.reportcard tr td:first-child { display: block
!important; }
div#filterItemContainer div.columnPalette div.paletteItems ul li
{ overflow: auto; }
.itemIconOverlay { top: 38px; position: absolute; background-
color: rgb(255, 204, 0); padding: 0px 2px 4px; border: 1px solid
rgb(85, 85, 85); box-shadow: rgba(0, 0, 0, 0.4) -1px -1px 3px;
border-radius: 2px 10px 10px; }
.contentList .itemIconOverlay { left: 54px; }
.paletteItems label { overflow-wrap: break-word; max-width:
90%; }

.paletteItems li input[type="checkbox"], .paletteItems li
.paletteItems .inactive { opacity: 0.4; margin: 0px; }
div.comments div div.collabComments { max-height: 100px;
background-color: white; overflow: auto !important; }
div.studentGradesCommentPreview { width: 200px; height:
110px; overflow: auto !important; }
div.grdDetEditTabCommentPreview { height: 110px; overflow:
auto !important; }
div.grdDetHistTabCommentPreview { width: 200px; height:
110px; overflow: auto !important; }
.tooltip_show:focus { width: auto; height: auto; overflow:
visible; position: static; }
.radio-list { padding-left: 20px; }

.radio-list li { text-indent: -26px; padding: 0px 0px 4px
!important; }
.radio-list li input[type="radio"] { vertical-align: bottom;
.radio-list li .button-4 { margin-left: 4px; }
.csPicker.cartMode #copyright { display: none; }
.details .key-valueTable + .vtbegenerated { margin-top: 12px
!important; }
.abutton { color: rgb(18, 143, 168); }
.runReportContainer { background-color: rgb(237, 237, 237);
border-bottom: 1px solid rgb(204, 204, 204); margin: -20px -
30px 20px; padding: 10px 24px; top: 0px; }
.itemReceipt a { color: rgb(254, 252, 117); }

.previousReports .previousReports linear, .reportTitle,
.answerOptions table td, .reportSummary .data-summary tr,
.reportSummary .data-summary td, .data-summary-vert table,
.questionDetails .reportTable table, .reportTable table,
.questionDetails .reportTable th, .questionDetails .reportTable
td, .matching th, .matching td, .questionFilter div div { border-
color: rgb(204, 204, 204); }
.data-summary table tr:hover, .data-summary-vert table tr:hover
{ background: rgb(255, 244, 191); }
.questionDetails .reportTable th, .matching th { background:
rgb(237, 237, 237); border-color: rgb(238, 238, 238); }
.matching td, .matching .lastOption td { border-color: rgb(204,
204, 204); }
.reportKey { background: rgb(252, 252, 252); border-color:
rgb(243, 243, 243); }
li.recommended { background:
url("/images/ci/icons/item_analysis_recommended.png") no-
repeat; }

li.changed { background:
url("/images/ci/icons/item_analysis_changed.png") no-repeat; }
li.notallgraded { background:
url("/images/ci/icons/item_analysis_allgraded.png") no-repeat;
}
.questionDetails .rumble_top { margin: -16px -11px 0px 0px; }
.questionDetails .backLink:first-child { bottom: auto; right:
auto; top: 0px; left: 0px; }
.questionDetails .backLink:first-child a { border-width: 0px 1px
1px 0px; }
#insideContent { position: relative; overflow: auto; border-top:
1px solid rgb(204, 204, 204); }
#insideContentCol { padding: 20px; }

.hasNav { padding-left: 230px; background: rgb(255, 255, 255);
}
.hasNavIcons { padding-left: 50px; background: rgb(255, 255,
255); }
#insideNav { width: 230px; position: absolute; left: 0px;
background-color: rgb(237, 237, 237); box-shadow: rgb(153,
153, 153) -1px 0px 1px 0px inset; }
#insideNavIcons { width: 50px; position: absolute; left: 0px;
background-color: rgb(237, 237, 237); box-shadow: rgb(153,
153, 153) -1px 0px 1px 0px inset; }
#insideNav ul.tabs, #insideNavIcons ul.tabs { display: block;
margin: 0px; }
#insideNav ul.tabs > li, #insideNavIcons ul.tabs > li { padding:
0px; background: transparent; border-bottom: 1px solid
#insideNav ul.tabs > li.active, #insideNavIcons ul.tabs >
li.active { background: rgb(255, 255, 255); z-index: 1; }

#insideNav ul.tabs > li:last-child, #insideNavIcons ul.tabs >
li:last-child { margin-bottom: 0px; }
#insideNav ul.tabs > li a, #insideNavIcons ul.tabs > li a {
padding: 20px 10px 20px 12px; display: block; color: rgb(51,
51, 51); outline: 0px; }
#insideNav ul.tabs > li a img { margin-right: 10px; }
#insideNavIcons ul.tabs > li a img { margin-right: 0px; }
#insideNav ul.tabs > li a:hover, #insideNavIcons ul.tabs > li
a:hover { background: rgb(231, 231, 231); box-shadow:
rgb(153, 153, 153) -1px 0px 1px 0px inset; }
#insideNav ul.tabs > li.active, #insideNavIcons ul.tabs >
li.active { padding-left: 0px; color: rgb(85, 85, 85); }
#insideNav ul.tabs > li.active a:hover, #insideNavIcons ul.tabs
> li.active a:hover { background: 0px center; box-shadow: none;
}

.split-vert { line-height: 0; height: 0px; font-size: 0px; border-
width: 1px 0px; border-bottom-style: solid; border-bottom-
color: white; border-image: initial; border-top-style: solid;
border-top-color: rgb(204, 204, 204); border-left-style: initial;
border-left-color: initial; border-right-style: initial; border-
right-color: initial; background-color: rgba(255, 0, 0, 0.5); }
.insideActionButton { display: inline-block; padding: 3px 8px
.lor-filter { background: transparent; border-bottom: 1px solid
rgb(204, 204, 204); padding-bottom: 12px; position: relative; }
.filter-knobs { list-style: none; padding: 0px; margin: 0px; }
.filter-knobs > li { display: inline; float: left; margin-right: 5px;
}
.filter-knobs > li:last-child { margin-right: 0px; }
.filter-knobs select { border-radius: 2px; -webkit-appearance:

none; padding: 0px 6px; line-height: 21px; border: 1px solid
rgb(153, 153, 153); background-image:
url("../../../images/ci/icons/arrowDown-topnav-rvrsd.png");
background-position: 100% 50%; background-repeat: no-repeat;
position: relative; top: -2px; }
#filter-knob_types { width: 150px; }
#filter-knob_statuses { width: 200px !important; }
#contentAllSearch { height: 23px; width: 210px; background-
color: rgb(238, 238, 238); background-image: -webkit-linear-
gradient(top, rgb(247, 247, 247) 20%, rgb(255, 255, 255) 80%);
box-shadow: rgb(51, 51, 51) 0px 0px 2px 0px inset; position:
relative; border-radius: 2px; }
#contentAllSearch #searchCriteria { border: 0px; background:
transparent; width: 200px; padding: 3px 5px; outline: 0px; }
.content-search { border: 1px solid rgb(204, 204, 204);
background: rgb(237, 237, 237); padding: 20px; }
.hide { display: none; }

.yellow { background-color: yellow; }
h3.insideNavHdr { position: relative; background: rgb(51, 51,
51); padding: 0px 12px; line-height: 28px; font-size: 20px;
color: rgb(255, 255, 255); margin: 0px 10px 10px; }
.handle { border-color: rgb(51, 51, 51); border-width: 8px;
height: 0px; width: 0px; line-height: 0; position: absolute; right:
4px; top: 28px; }
div.groupDelete { position: absolute; top: 6px; right: 4px; }
.obj_type, .editedby_user { color: rgb(153, 153, 153); }
ul.objectDescription { list-style: none; }
ul.objectDescription li { display: inline; }
ul.objectDescription li.objectActions { float: right; margin-left:
10px; }

.objectActions ul { background: transparent; list-style: none;
padding: 0px; margin: 0px; float: right; }
.objectActions ul li { display: inline; width: 24px; height: 24px;
float: left; white-space: nowrap; }
.previewLaunch { display: block; width: 15px; height: 14px;
cursor: pointer; background-image:
url("../../../images/ci/ng/small_new_window.gif"); background-
repeat: no-repeat; background-position: -100px -100px;
.gray .previewLaunch { background-position: left top; }
.previewLaunchOn { display: block; width: 15px; height: 14px;
url("../../../images/ci/ng/small_new_window.gif"); background-
repeat: no-repeat; background-position: left top; background-
.favStatus { display: block; width: 15px; height: 14px; cursor:
pointer; background-image:
url("../../../images/ci/icons/favorites-item_off.png");

background-repeat: no-repeat; background-position: -100px -
100px; background-color: transparent; }
.gray .favStatus { background-position: left top; }
.favStatusOn { display: block; width: 15px; height: 14px;
url("../../../images/ci/icons/favorites-item_on.png");
background-repeat: no-repeat; background-position: left top;
.objStatus { margin-right: 5px; position: relative; top: -2px; }
.img-swap { cursor: pointer; display: inline-block; }
.groupLabelRow { background-image: -webkit-gradient(linear,
0 0, 0 90%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221))); }
.groupLabelRow h5, .groupLabelRow th { margin: 0px; line-
height: 100%; padding: 4px !important; }
.groupLabelRow h5 { text-transform: uppercase; font-size: 90%;

.groupLabelRow h5 a { color: rgb(102, 102, 102); text-
decoration: none; }
div.overlays { display: none; }
.overlay { width: 60px; padding: 10px; background-color:
transparent; border-radius: 5px; border: 1px dashed rgb(204,
204, 204); text-align: center; }
.singleActionContainer { display: inline; float: left; margin-left:
24px; position: absolute; margin-top: -5px; }
.singleActionContainer .actionBarMicro .mainButton > a,
.singleActionContainer .actionBarMicro .secondaryButton > a {
}
.formLayer { clear: both; display: block; padding-bottom: 10px;
}
.formLayer li { display: inline; float: left; padding: 2px;

margin: 0px !important; }
.formLayer label { line-height: 24px; }
.formLayer li { padding-right: 12px; }
#searchLaunchBar { padding: 10px 0px; margin-top: 10px;
border-top: 1px solid rgb(204, 204, 204); clear: both; }
.modalExtra { border-radius: 0px 0px 6px 6px; }
#modalContent > p, #modalContent > div { margin: 10px 0px; }
#modalContent { background: rgb(255, 255, 255); border: 1px
solid rgb(255, 255, 255); padding: 19px; }
.modal-type-warning, .modal-type-success { padding: 9px; }
.modal-type-warning { background-image:
url("../images/reorder_bg.png"); background-position: left top;

background-repeat: repeat; background-color: rgb(252, 255,
214); border-radius: 0px 0px 3px 3px; }
.modal-type-success { background-image:
url("../images/ci/icons/icon_confirm.png"); background-
position: 20px 20px; background-repeat: no-repeat; background-
color: rgb(255, 255, 255); padding-left: 100px; }
.modal-type-warning #modalContent { padding: 10px; }
.modal-type-warning #modalContent { border: 1px solid
rgb(231, 231, 231); }
.optionsGroup { padding: 10px; border-bottom: 1px solid
rgb(204, 204, 204); }
.optionsGroup ul { list-style: none; padding-top: 10px; padding-
left: 10px; }
.optionsGroup ul > li { margin-right: 20px; }
.optionsGroup ul > li:last-child { margin-right: 0px; }

.actionsGroup { padding: 10px 0px 0px; }
.u_nopad { padding: 0px !important; }
.insideContainer { padding: 20px; border-left: 1px solid
rgb(204, 204, 204); }
.CookieConsent { min-width: auto; }
.CookieConsent .container, .CookieConsent .content,
.CookieConsent .containerPortal { min-height: auto; }
.CookieConsent .contentPaneWide { width: 560px; margin: 0px
auto; }
.CookieConsent .container p { margin: 0px 0px 15px; line-
height: 16px; }
div.CookieConsent div.lb-header { display: none; }

div.CookieConsent { background-color: transparent; }
.editIsolationForm .steptitle, .editIsolationForm .submittitle {
margin-left: 48px; }
.editIsolationForm .receipt { width: 687px; margin: 0px 0px
10px 186px; }
.editIsolationForm .default { background: rgb(238, 238, 238);
.overtimeStyle { color: red; font-weight: bold; }
div.resourcePickerContainer div.localViewToggle { float: right;
}
#quickPath { padding: 10px 150px 10px 10px; position:
relative; }

#editablePath, #quickPath { margin-left: 12px; padding: 3px; }
#quickPath ol li.folderIncluder, #quickPath ol li.folderCreator {
position: absolute; right: 6px; top: 6px; }
.pathFolder { background-repeat: no-repeat; display: inline-
block; background-image: url("/images/ci/icons/tiny-
folder.png") !important; background-position: left top
!important; padding-left: 20px !important; }
.pathCourseFolder { background-repeat: no-repeat; display:
inline-block; background-image: url("/images/ci/icons/tiny-
course.gif") !important; background-position: left top
.pathAllContentFolder { background-repeat: no-repeat; display:
allcontent.gif") !important; background-position: left top
.pathBookmarkFolder { background-repeat: no-repeat; display:
bookmark.png") !important; background-position: left top

.pathInstitutionFolder { background-repeat: no-repeat; display:
institution.png") !important; background-position: left top
.pathLibraryFolder { background-repeat: no-repeat; display:
library.png") !important; background-position: left top
.pathMyContentFolder { background-repeat: no-repeat; display:
mycontent.gif") !important; background-position: left top
.pathOrganizationFolder { background-repeat: no-repeat;
display: inline-block; background-image:
url("/images/ci/icons/tiny-organization.gif") !important;
background-position: left top !important; padding-left: 20px
!important; }
#contentActions { display: block; margin: 0px 0px 10px; }
#levelUp { margin: 4px 2px; }

#levelUp button { cursor: pointer; padding: 5px 7px 5px 5px; }
.contentInput { outline: none medium; padding: 3px; }
#contentSearch .contentInput { margin-right: 4px; }
.formElements .selectItems select { width: 100%; height:
200px; }
div.deploymentTabs { margin: 40px 0px 20px; position:
relative; width: 96%; }
.tab_title { margin-bottom: 10px; display: none; }
div.tab_content { margin: -1px 20px 0px 0px; display: inline;
float: left; width: 100%; min-height: 110px; border: 1px solid
rgb(204, 204, 204); padding: 25px 15px 15px; }
.deploymentTabs .arrow::before, .deploymentTabs .arrow::after
{ border-style: none solid solid; border-width: 0px 15px 15px;

content: ""; display: block; top: -15px; position: absolute; }
.deploymentTabs .arrow.outer::before, .deploymentTabs
.arrow.outer::after { border-style: none solid solid; border-
width: 0px 16px 16px; content: ""; display: block; top: -16px;
margin-left: -1px; position: absolute; }
.arrow.firstButton::before, .arrow.firstButton::after { left: 9%; }
.arrow.secondButton::before, .arrow.secondButton::after { left:
35%; }
.arrow.thirdButton::before, .arrow.thirdButton::after { left:
58%; }
div#tab-bar { padding: 0px 0px 140px; margin: 0px 10px 0px
0px; background: rgb(250, 250, 250); display: inline; }
div#tab-bar .mt-tab:first-child { margin-top: -1px; }
div#tab-bar div.mt-tab { float: left; position: relative; text-
align: center; margin: -1px -1px 0px 0px; cursor: pointer;

border: 1px solid rgb(204, 204, 204); display: inline;
background-color: rgb(234, 234, 234); font-size: 14px; font-
weight: normal; color: rgb(153, 153, 153); padding: 18px 40px;
}
div#tab-bar div.mt-tab-active { text-align: center; margin: -1px
-1px 0px 0px; cursor: pointer; border-width: 1px; border-style:
rgb(255, 255, 255); border-image: initial; display: inline; font-
size: 14px; font-weight: bold; color: rgb(51, 51, 51);
background: url("/images/ci/icons/active_ti.png") 93% 50% no-
repeat; }
.survey-count { position: absolute; right: -42px; top: 43px;
width: 170px; border: 1px solid rgb(204, 204, 204); padding:
25px 20px; box-shadow: rgb(204, 204, 204) 1px 5px 10px; text-
align: center; color: rgb(153, 153, 153); font-size: 90%;
.survey-count .right-triangle { border-bottom: 10px solid
rgb(102, 102, 102); border-left: 10px solid transparent; height:
0px; left: -10px; position: absolute; top: 0px; width: 0px; }
.survey-count span { color: rgb(0, 150, 178); font-size: 300%;

.survey-count span img#recipient_count_preview_progress {
height: 20%; width: 20%; position: relative; top: 0px; left: 0px;
}
.survey-count img { position: absolute; right: 20px; top: 43%; }
.survey-count input.genericButton { margin-top: 3px; margin-
bottom: 10px; }
.survey-count #revert { transition-duration: 0.3s; transition-
timing-function: ease-in; }
.tag-node { display: inline; margin-right: 10px; padding: 4px
25px 4px 10px; border-radius: 9px; border: 1px solid rgb(204,
204, 204); background-color: rgb(245, 245, 245); font-size:
11px; font-weight: bold; position: relative; }
.tag-node::after { content: "x"; position: absolute; top: 10%;
right: 9px; font-size: 14px; color: rgb(204, 204, 204); font-
weight: normal; cursor: pointer; text-shadow: rgb(255, 255,
255) 1px 1px 0px; }
.field.toggles { width: 100%; position: relative; z-index: 1; }

.toggle-button { position: relative; padding: 7px 0px 7px 15px;
}
.toggle-button.active { background-color: rgb(245, 244, 239);
border-radius: 5px 0px 0px 5px; }
.toggle-button.active::after { bottom: 17px; box-shadow: rgba(0,
0, 0, 0.4) 0px 17px 14px; content: ""; left: 11px; position:
absolute; right: 17px; top: -3px; z-index: -1; }
.toggle-button input[type="radio"] { display: inline-block; }
.toggle-button label { display: inline-block; padding: 10px 20px
10px 10px; cursor: pointer; width: 100px; vertical-align:
middle; }
.selectButton { width: 180px; cursor: pointer; border-radius:
22px; border: 1px solid rgb(204, 204, 204); margin-right: 10px;
float: left; position: relative; padding: 15px 0px; text-align:
center; background: -webkit-linear-gradient(top, rgb(254, 254,
254) 0px, rgb(247, 247, 247) 100%); }

.selectButton.active { background: -webkit-linear-gradient(top,
rgb(245, 250, 251) 0px, rgb(209, 234, 239) 100%); }
.selectButton.active::before, .selectButton.active::after {
border-color: rgb(209, 234, 239) transparent transparent;
border-style: solid solid none; border-width: 15px 15px 0px;
content: ""; display: block; bottom: -15px; left: 50%; margin-
left: -15px; position: absolute; }
.tab_content .formElements { float: left; width: 56%; padding:
17px 180px 17px 17px; background-color: rgb(245, 244, 239);
min-height: 180px; }
.tab_content .radio-selection { width: 175px; float: left; }
.tab_content .formElements .label { width: 28%; }
.tab_content .formElements .field { width: 72%; }
.tab_content .formElements .field.column { width: 31%; }
.type-label { font-weight: bold; font-style: italic; margin-

bottom: 5px; }
.deploymentTabs .selectItems .u_floatThis-left { width: 43%; }
.deploymentTabs .selectItems, .deploymentTabs .selectItems
.u_floatThis-left.selectArrows { width: auto; }
#numOfSurveyQuestion { display: inline-block; }
.response-periods-list { position: relative; }
.stepcontent li .response-periods-list li, .response-periods-list li
{ width: 95%; background-color: rgb(255, 255, 255); margin:
0px 0px 15px; padding: 10px 10px 10px 30px; position:
relative; border: 1px solid rgb(204, 204, 204) !important; }
.stepcontent li .response-periods-list li.selected, .response-
periods-list li.selected { background-color: rgb(240, 240, 240);
}
.response-periods-list input[type="checkbox"] { position:
absolute; left: 2px; top: 50%; margin-top: -8px; }

.response-periods-list label { display: block; color: rgb(51, 51,
51); font-style: normal; font-size: 110%; line-height: 150%;
cursor: pointer; }
.response-period-description, .response-period-data span { float:
left; width: 80%; color: rgb(102, 102, 102); font-style: italic;
font-size: 90%; }
.response-period-data { float: right; width: 20%; line-height:
150%; }
.response-period-data span { width: 100%; display: block; }
.secondary-options { margin-left: 40px; }
.tertiary-options { margin-left: 80px; }
.field p, .secondary-options p, .tertiary-options p { margin-top:
5px; margin-bottom: 5px; }

#receipt_floated_surveyReport.floatedReceipt { position:
absolute; width: 135px; z-index: 1201; }
.floatedReceipt.pointRight .arrow { border-left-color: rgb(252,
251, 209); border-left-style: solid; right: -30px; top: 100px; }
.evalColumn { z-index: 1000; }
div#nodeFilter > input.browse { vertical-align: top; }
div.md_linear { margin: 6px 0px; font-family: arial, helvetica,
sans-serif; border-left: 1px solid rgb(101, 124, 163); border-
bottom: 1px solid rgb(101, 124, 163); display: inline; padding-
left: 3px; }
div.md_linear a { font-style: italic; font-family: arial, helvetica,
sans-serif; }
div.md_linear p { display: inline; font-size: 95%; }
div.md_linear p span { display: none; }

div.md_tabular { font-family: arial, helvetica, sans-serif;
border-left: 1px solid rgb(101, 124, 163); margin: 0px 0px 6px
12px; padding-left: 3px; }
div.md_tabular a { font-style: italic; font-family: arial,
helvetica, sans-serif; }
div.md_tabular p { margin: 0px; padding: 1px 0px; font-size:
95%; }
div.md_tabular p span { font-style: italic; color: rgb(68, 68,
68); }
div.sample_data { margin: 0px 0px 0px 24px; }
div.sample_data div { float: left; }
div.sample_data div.sample_head { font-weight: bold; border:
0px; margin: 6px 10px 2px 1px; }

.noItems.container-empty .main-message { color: rgb(119, 119,
119); }
.noItems.container-empty .secondary-message { color: rgb(119,
119, 119); }
.listTable { background-color: rgb(255, 255, 255); color:
rgb(115, 115, 115); margin-bottom: 70px; }
.listTable td:first-child { border-left: 1px solid rgb(216, 216,
216); }
.listTable td:last-child { border-right: 1px solid rgb(216, 216,
216); }
.listTable td { height: 43px; border-top: 1px solid rgb(216, 216,
216); border-bottom: 1px solid rgb(216, 216, 216); }
.listTable .lastColumn { border-right: 1px solid rgb(216, 216,
216) !important; }

.listTable .toolName { font-size: 15px; font-weight: bold;
.listTable th { border: 0px; font-weight: bold; background-
color: rgb(255, 255, 255); }
.listTable .col { display: inline-block; padding: 0px 10px;
height: 30px; margin: 0px 32px; line-height: 30px; width: 80px;
.listTable .col img { margin: 0px; }
.listTable .row { height: 30px; }
.listTable .lockCell { display: inline-block; margin-left: 10px;
text-align: left !important; }
.listTable .lockCell img { margin-left: 7px; }
.padlock { height: 14px; width: 17px; margin: 0px; padding:
4px 2px 4px 7px; border: 1px solid rgb(238, 238, 238); }

.padlock:hover, #switch:hover { cursor: pointer; background-
color: rgb(238, 238, 238); border: 1px solid rgb(221, 221, 221);
}
.lockOptions { display: block; margin-left: 0px; margin-top:
6px; }
.lockOptions select { display: block; }
.ondemand-module { margin: 14px 3px; position: relative; }
.ondemand-module div { margin-bottom: 12px; }
.ondemand-module div a { background: rgb(0, 173, 208); color:
rgb(255, 255, 255); font-size: 120%; font-weight: bold;
padding: 10px 12px 10px 4%; display: block; border-radius:
5px; }
.ondemand-module div a:hover { background: rgb(0, 179, 190);
box-shadow: rgb(44, 182, 115) 0px 0px 12px; text-decoration:
none; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px; }

.ondemand-module div a > span { font-size: 80%; font-weight:
normal; display: block; margin-bottom: 3px; }
.ondemand-module span.release { background: rgb(157, 221,
234); border-radius: 12px; color: rgb(0, 0, 0); font-size: 85%;
padding: 3px 10px 3px 13px; position: absolute; right: -4px;
top: -7px; border: 1px solid rgb(0, 173, 208); text-shadow:
rgba(255, 255, 255, 0.3) 0px 1px 0px; }
.ondemand-module p { color: rgb(102, 102, 102); margin: 0px
13px; }
@media only screen and (max-width: 667px) and (min-width: 0)
{
body { line-height: 1.75; font-size: 14px; overflow-x: hidden
!important; }
div.loginBody { padding: 100px 0px 0px; background-size:
50%; background-position: center 40px; width: auto; }
#loginBox ul { width: 300px; }
#loginBox li { padding: 0px 0px 9px; }
#loginBox li + li + li { padding: 12px 0px 0px; float: none;
display: block; }

#loginBox li + li + li + li { text-align: center; float: none;
display: block; }
#loginBox li input[type="submit"] { font-size: 110%; padding:
6px 22px; margin: 0px; width: 100%; border-radius: 2px; }
.forgot a { font-size: 95%; }
#loginBox input[type="text"], #loginBox
input[type="password"] { font-size: 110%; padding: 4px 6px;
border-width: 2px; border-radius: 2px; }
#loginOptions ul li, #loginOptions ul li.subOption { display:
block; }
#loginBox li label, .portlet #loginBoxFull li label { font-size:
75%; padding: 0px 0px 1px; }
#loginOptions ul li a, #loginOptions ul li.subOption a { font-
size: 100%; }
#loginOptions { margin: 24px auto 0px; width: auto; }
#loginAnnouncements ul { width: 300px; }
.login-page #copyright { margin: 16px auto 0px; position:
relative; bottom: auto; width: auto; left: inherit; }
html { }
iframe#navFrame { height: 34px !important; }
.scroller-top, .scroller-bottom { width: 100%; }

.scroller-bottom { margin-top: 34px; }
.selected-tab-header { height: 34px; width: 140px; padding-
top: 8px; font-size: 14px; font-weight: bold; }
.contextMenuContainer { margin-left: 10px; top: 13px; }
#listContainer th { position: relative; }
.tabWrapper-left, .tabWrapper-center, .tabWrapper-right {
padding: 0px 6px; }
.brandingImgWrap { position: fixed; width: 71px; top: -3px;
left: 10px; z-index: 2000; height: 47px !important; }
.brandingImgWrap img { display: none; }
.tabs-pulldown { display: block; position: absolute; opacity: 0;
left: 0px; top: 0px; height: 30px; width: 140px; }
.breadcrumbs { overflow-x: scroll; }
.breadcrumb-controls { display: none; }
.contentList .details { padding-top: 10px; padding-left: 0px; }
.menuWrap-inner { overflow: auto; }
.menuWrap { box-shadow: rgba(255, 255, 255, 0.5) 0px 1px
0px inset, rgba(255, 255, 255, 0.5) 1px 1px 0px; border-radius:
0px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); border-
image: initial; border-width: 1px 1px 1px 0px; }
.ineditmode div.listCm ul.courseMenu li { border: 0px; height:

50px; }
.ineditmode div.listCm ul.courseMenu li:hover { transition:
none 0s ease 0s; box-shadow: none; border: 0px; background-
color: rgba(0, 0, 0, 0.1) !important; }
.listCm .courseMenu li a.cmimg { opacity: 1; }
.listCm .courseMenu a, .buttonCm .courseMenu a { margin:
0px 26px 0px 0px; padding: 6px 0px 6px 9px; }
.listCm .courseMenu .divider, .buttonCm .courseMenu .divider
{ padding: 12px 22px 12px 9px; }
}
color: rgb(255, 255, 255); font-size: 15px; margin-bottom:
18px; }
.navDivider { padding: 18px 6px 4px 9px; font-size: 75%; }
.contentPaneWide, .portalPane { margin: 0px 3px; }
.containerPortal, .portal .container { min-width: 0px; margin:
0px !important; }
.container { padding: 12px; margin: 20px 0px; border-left:
0px; border-right: 0px; }
.filePickerWidget .container { margin: 0px; }
.paneTabs { margin: 0px 0px 3px; border-width: 0px 0px 1px;
border-top-style: initial; border-right-style: initial; border-left-

style: initial; border-top-color: initial; border-right-color:
.paneTabs a { padding: 11px 7px; }
.container #column0, .container #column1, .container
#column2, .container .column-1, .container .column-2,
.container .column-3, .container .column-4, .container .column-
5 { width: 100%; min-height: 70px; margin: 10px 0px 0px; }
.portlet h2 { padding-left: 10px; }
.path[role="navigation"] { width: 300%; }
.path li.contextPath { display: none; }
.searchbar fieldset { float: left; width: 100%; padding-right:
20px; padding-left: 0px; }
.searchbar fieldset input, .searchbar fieldset select, .searchbar
fieldset label { float: left; clear: both; margin-bottom: 20px;
width: 100%; padding: 5px 0px; }
#userInfoSearchOperatorString { margin-bottom: 30px; }
.helphelp, .pageTitle p, .details.label { word-break: normal; }
.stepcontent input[type="button"] { float: left; clear: both; }
.leftColumn-narrow { width: 100%; background: rgb(238, 238,

.leftColumn-wide { width: 100%; }
.colophon { float: none; width: auto; margin: 0px; left: 0px;
.colophon img[alt="Blackboard Logo"] { position: relative;
float: left; clear: both; top: 0px; left: -10px; }
.colophon div { float: left; clear: both; margin-bottom: 20px; }
.newCopyright img { float: left; clear: both; position: relative;
left: -10px; }
.newCopyright div { float: left; clear: both; position: relative;
}
.selectItems { width: 100%; }
select#bound { float: left; clear: both; width: 78%; }
input#boundvalue { margin-top: 10px; margin-bottom: 60px; }
label[for="boundminvalue"] { clear: both; }
label[for="boundmaxvalue"] { float: left; }
#linkedContentStep { border-top: 0px; }
.actionBar ul.u_floatThis-right { float: left; }

.u_floatThis-left { clear: both; width: 100%; }
.required div.label, .required div.label label { width: 100%; }
.actionBar ul li { width: 100%; }
#sortSelectedTop { display: none; }
.rumble_top ul li { width: 100%; margin-bottom: 10px
!important; }
.rumble, .pagingprefs { overflow: hidden; }
.rumble li, .localViewToggle li { width: 100%; }
.rumble li a, .localViewToggle li a { width: 90%; margin: 10px
0px; text-align: left; }
.announcementList .details, #announcementList .details,
#announcementList .item { padding-right: 5px; width: 100%; }
.announcementFilter { text-align: left; padding-left: 25px; }
.itemDetails, .announcementInfo { width: 100%; float: left;
ul.nav { width: 100%; }
.actionBarMicro .nav { width: 50%; }
div[id*="step"] { padding: 20px 0px; }

div.field { width: 100%; overflow-x: scroll; }
div.field table { overflow: scroll; }
.defaultSkin .mceIframeContainer { max-height: 130px;
overflow-y: scroll; display: block; }
#dataCollectionContainer { width: 100%; margin-left: 5px; }
#step1, #step2, #step3, #step4, #step5 { padding: 20px 0px; }
span.reviewButtons { float: left; }
#content_color_link, #content_color_color_name_label {
margin-top: 10px; }
#bbFilePicker_dropzone_newFile { border: 0px; margin-top:
0px; }
#due_date_in_use { height: 30px; float: left; text-align: left;
width: 18px; margin-bottom: 14px; }
#dp_dueDate_date, #tp_dueDate_time { width: 75%; margin-
bottom: 20px; }
.stepcontent { padding-top: 0px; }
.stepcontent .datePickerButton, .stepcontent .timePickerButton
{ float: right; clear: right; margin-right: 18px; }
.stepcontent input[type="button"] { margin-top: 20px; }

#linkedContentStep { border-top: 0px; }
.required div.label, .required div.label label { width: 100%; }
.stepcontent input[type="checkbox"], #start_limitAvailability,
#end_limitAvailability, #isTracked, #isAvailable { height:
30px; width: 18px; margin-right: 20px; float: left !important; }
.stepcontent .fieldHelp { float: left; clear: both; width: 100%;
}
.stepcontent input[type="text"] { width: 75%; margin-bottom:
10px; clear: left; float: left; }
#dp_limitAvailability_start_date,
#tp_limitAvailability_start_time,
#dp_limitAvailability_end_date,
#tp_limitAvailability_end_time, #possible { width: 75%;
margin-bottom: 20px; clear: left; float: left; }
.stepcontent ol li div.label, .stepcontent ol li label { width:
80%; display: block; float: left; }
.stepcontent .nestedSubList ol li div.label, .stepcontent
.nestedSubList ol li label { width: 70%; }
.columnPalette form { min-height: 110px; float: left; }
form[name="searchForm"] li { float: left; width: 100%; }
form[name="searchForm"] li input, form[name="searchForm"]
li select, form[name="searchForm"] li label,
form[name="searchForm"] li a { float: left; width: 100%; }

form[name="searchForm"] li input[type="radio"] { float: right;
width: 30px; height: 30px; clear: right; margin-top: 10px; }
form[name="searchForm"] li input[type="checkbox"] { float:
right; width: 30px; height: 30px; clear: right; margin-top: 10px;
}
form[name="searchForm"] li input[type="radio"] + label {
width: 60%; float: left; clear: none; }
form[name="searchForm"] li input[type="checkbox"] + label {
width: 60%; float: left; clear: none; }
form[name="searchForm"] li a { width: 109px; margin: auto;
clear: both; display: inherit; }
.columnPalette { float: left; width: 100%; }
.columnPalette form { float: left; width: 100%; }
.columnPalette form .genericButton { margin-top: 10px; }
.columnPalette form .paletteItems { width: 100%; position:
relative; }
#content_name { float: left; }
#content_color_color_name_label { float: left; margin-top:
12px; }
#content_color_link { float: left; clear: left; margin-right:
20px; margin-top: 10px; }
.helptext, .helpText { float: left; }
#UserInformation .button-4 { height: 30px; }

#bcMenu { width: 100% !important; }
.submitStepFixed, .submitStepBottom { left: 0px; position:
fixed; width: 100% !important; }
.submitStepFixed .taskbuttondiv_wrapper { height: 0px; }
.submitStepFixed .taskbuttonhelp { padding: 0px 0px 0px
10px; }
.submitStepFixed .taskbuttondiv, div#dataCollectionContainer
.taskbuttondiv:first-child { padding: 5px 20px 5px 58px; }
.taskbuttonhelp { font-size: 10px; }
#dataCollectionContainer #title, #dataCollectionContainer
#contentName { width: 94%; }
.nestedList p { width: 100%; display: block; height: auto;
float: left; clear: both; }
.stepcontent .nestedList li { margin-bottom: 20px; }
#puller.pullcollapsed { right: -2px; }
#puller { z-index: 9000; }
#puller.pullcollapsed a::after, #puller a::after { font-size:
21px; top: 10px; left: 8px; height: 36px; position: absolute;
width: 9px; padding-left: 5px; opacity: 1; padding-top: 16px; }
input[type="checkbox"] + label { display: block; float: left;
margin-top: 8px; margin-bottom: 10px; }
.nestedList p input[type="radio"] { margin-top: 10px; }

fieldset[role="radiogroup"] input { float: right; clear: both; }
#help_forumPostFirst { display: none; }
#possiblePoints { margin: 10px 0px; width: 94%; }
.steptitle { left: 10px; }
li.mainButton, li.secondaryButton { border-bottom: 1px solid
rgb(204, 204, 204); }
.leftColumn-narrow, .leftColumn-wide { width: 100%; }
input[type="radio"] { width: 24px; height: 20px; margin-left:
13px; }
input[type="radio"] + label { display: block; float: left;
margin-top: 0px; }
#filterItemContainer input[type="radio"] { margin-left: -5px;
height: 20px; }
.nestedList p label { width: 80%; margin-top: 8px; margin-left:
11px; }
.stepcontent ol li div.label { font-weight: bold; width: 100%;
padding-bottom: 5px; border-bottom: 1px solid rgb(204, 204,
204); margin-bottom: 10px; }
.fileInputWrapper { width: 100%; }
input[type="button"].browse { float: left; clear: left; margin-
top: 0px; margin-bottom: 10px; }

#isAvailable_true, #isAvailable_false { width: 9%; }
.inventoryListCardView div.block { height: 160px; }
.inventory > tbody { border-bottom: 0px; }
.inventoryListTableContainerDiv tr { border: 1px solid
rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14) 1px 1px
10px 0px; }
.inventoryListTableContainerDiv td { border-width: 0px 0px
1px; border-top-style: initial; border-right-style: initial; border-
left-style: initial; border-top-color: initial; border-right-color:
position: relative; padding-left: 50%; }
.inventoryListTableContainerDiv .item-description { width:
100%; }
.inventoryListTableContainerDiv .vtbegenerated { width:
300px; word-break: keep-all; text-align: right; }
.inventoryListTableContainerDiv td::before { position:
absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px;
white-space: nowrap; }
.inventoryListTableContainerDiv .inventory > tbody tr td
.item-description { width: 100%; max-width: 600px; }
.inventoryListTableContainerDiv table.inventory > tbody tr
td.smallCell, .inventoryListTableContainerDiv table.inventory >
thead tr th.smallCell { width: auto; }

td.smallCell .table-data-cell-value,
.inventoryListTableContainerDiv table.inventory > thead tr
th.smallCell .table-data-cell-value { float: left; }
td.smallCell input, .inventoryListTableContainerDiv
table.inventory > thead tr th.smallCell input { width: 30px;
height: 30px; float: left; }
.rumble_top { display: none; }
.rumble ul { padding-left: 0px; }
.inventory > tbody tr td, .inventory > tbody tr th { max-width:
660px; width: auto; }
.smallCell.dndHandle { display: none; }
.inventory > tbody tr { border-bottom: 1px solid rgb(204, 204,
204); margin: 0px 0px 20px; }
div.field, div.noLabelField { width: 100%; }
.inventory thead { display: none; }
span.mobile-table-label { text-align: left; padding-right: 7px; }
.table-data-cell-value { float: right; margin-right: 15px; }
span.total-count { float: right; }
fieldset.secondaryActions { float: left; }
.searchbar .u_floatThis-left { margin-left: 0px; }

ul.selectList li { float: left; clear: both; margin-bottom: 10px;
}
table[title="Installed Tools"] tr td { text-align: right; padding-
right: 10px !important; }
table[title="Properties of various discussions"] tr td { text-
align: right; padding-right: 10px !important; }
table[title="Installed Tools"] th:nth-of-type(1) { font-weight:
bold; }
form[name="languagePackForm"] .pagingprefs a { display:
none; }
form[name="courseManagerForm"] table td { text-align: right;
padding-right: 10px !important; }
form[name="courseManagerForm"] table tr th:nth-of-type(1) {
display: none; }
.block table { overflow-x: scroll; display: block; }
p.location { overflow-x: scroll; }
p.location .inlineDialog { width: 100%; display: block;
.steptitle { margin-bottom: 7px; }
.user-navigator { width: 100%; margin-left: 0px; }
.u_controlsWrapper input { float: left; width: 100%; margin:
10px 0px; }

.localViewToggle ul li { width: 100%; float: left; }
.localViewToggle ul li a { width: 100%; }
div#cart { position: relative; left: 0px; }
.linkables div { width: 90%; float: left; margin-left: 0px; }
div.resourcePickerContainer div.localViewToggle { float: left;
width: 90%; }
div#quickPath { display: none; }
div#contentSearch { float: left; }
div#contentSearch div { float: left; }
div#contentSearch a { float: left; margin-top: 10px; }
table[title="Models"] .smallCell .mobile-tablet-label { display:
none; }
.pagingprefs a { width: 100%; margin-top: 10px; }
.u_controlsWrapper { width: 100%; }
#cartSubmit #tocButtons { display: none; }
#levelUp { width: 100%; }
.link.folder-nav-up, .link.folder-nav-up button { width: 100%;
}
#resourcePickerForm #containerdiv { padding: 0px !important;
}

.linkables #contentSearch .contentInput, .linkables
#contentSearch .contentInput input { width: 100%; }
#contentSearch { width: 100%; }
.linkables .contentInput input, .linkables #contentSearch a {
width: 100%; }
#contentSearch { width: 100%; }
.linkables .contentInput input, .linkables #contentSearch a {
width: 100%; }
#tabs[role="menubar"] { height: 100%; }
#tabs[role="menubar"] li { width: 100%; }
div.noLabelField { overflow: scroll; }
table[title="Models"] .mobile-table-label { display: none; }
.paging { float: none; }
#workflowForm .label { width: 100%; max-width: 100%; }
.reorder { display: none; }
div.itemHeaderControl { right: 20px; }
.itemHeaderControl a { padding: 13px; }
.isUltra #globalNavPageContentArea { padding-bottom:
500px; height: 100%; }
.isUltra .contentPane { z-index: 1; position: fixed; width:
100%; transition: width 300ms cubic-bezier(0.42, 0, 1, 1) 0s;

padding-left: 10px; padding-bottom: 300px; right: 0px; height:
auto; overflow: hidden scroll; }
.contentPane.contcollapsed, .isUltra
.contentPane.contcollapsed { width: 100%; }
.isUltra .contcollapsed { margin: 0px; }
.isUltra .contentPane { margin: 0px; }
.isUltra .navigationPane { left: 0px; margin: 0px; z-index:
1000; width: 240px; }
.isUltra .navcollapsed { left: -240px; margin: 0px; }
.tab_content .radio-selection { width: 100%; }
.collection_type_tab_content div, .tab_content .formElements
.field { width: 98%; float: left; clear: both; padding-left: 5px; }
.restriction-options { margin-left: 0px; padding-left: 0px; }
.backLink { position: relative; float: left; width: 100%; }
#contentPanel .contentBox#content { margin-left: 0px; }
.tools-list { position: fixed; z-index: 1000; top: 0px; padding:
10px; background: rgb(119, 119, 119); transition: all 300ms
ease 0s; border-radius: 6px; left: -130px; }
.tools-list.tools-list-open { left: 0px; }
.tools-list.tools-list-closed { left: -110px; }
.tools-list::after { content: "‹"; position: absolute; right: -25px;
top: 122px; font-size: 180%; color: rgb(255, 255, 255);

padding: 8px 6px 8px 8px; background-color: rgb(119, 119,
119); border-radius: 0px 12px 12px 0px; line-height: 1; border-
style: solid; border-color: rgb(102, 102, 102); border-image:
initial; border-width: 1px 1px 1px 0px; transition: left 300ms
cubic-bezier(0.42, 0, 1, 1) 0s; z-index: 9000; width: 10px;
height: 30px; }
div.localViewToggle { width: 100%; position: relative; top:
0px; }
.tools-list ul::before { border: 0px; }
#standards-column.colspan2 { border: 0px; }
#standards-column.colspan2 { border: 0px; }
.column-wrapper { overflow-x: scroll; }
.column-nav { width: 99%; height: 200px; overflow: scroll;
border: 2px solid rgb(153, 153, 153); border-radius: 0px;
margin-bottom: 30px; margin-top: 30px; box-shadow: rgb(0, 0,
0) 0px 0px 10px inset; }
.docs-column .column-nav-inner { min-height: 190px; }
.category-column .column-nav-inner,
#column_lrn_std_category { border: 0px; min-height: 200px; }
.navmenu-list .active, .navmenu-list .active:hover { width:
85%; }
#cat-stdBlk { margin: 0px; width: 100%; overflow: scroll; }
#cat-stdBlk #standards-column { float: left; width: 98%;
margin-left: 0px; margin-top: 30px; padding: 0px; }

#pageTitleDiv { padding-left: 30px; }
#evidenceSetListing li div { float: left; width: 100%; max-
width: 100%; text-align: left; margin-bottom: 10px; margin-left:
0px; }
#evidenceSetListing li .goal-status { float: right; max-width:
30px; }
#evidenceSetListing li .days-left { float: left; max-width:
230px; }
#evidenceSetListing li .item { padding-left: 0px; margin-left:
0px; }
#evidenceSetListing li .detailsValue { margin-top: 20px; }
.quickAddPal .stepcontent .label { width: 100%; }
#containerdiv { padding: 0px; }
#doc-head, #category-head { width: 100%; float: left; display:
block; border: 0px; background: rgb(255, 255, 255); padding-
left: 0px; margin: 15px 0px; }
.inventoryListContainerDiv { height: 30px; float: left; }
.quickAddPal .controls input { float: left; width: 100%;
95%; border: 1px solid rgb(153, 153, 153); }

.quickAddPal { box-shadow: rgb(70, 69, 69) 0px 11px 44px
6px; top: 0px !important; }
#globalNavPageContentArea #copyright { bottom: 13px;
background-color: rgb(248, 248, 248); width: 100%; left: -20px;
#listContainer { width: 100%; height: auto; margin: 0px auto;
}
ul#listContainer_databody { width: 100%; float: left; }
ul#listContainer_databody li { margin: 0px auto; width: 98%;
}
.inventoryListCardView div.block { width: 93%; height:
260px; }
.inventoryCardViewSorting, .inventoryCardViewToggle {
width: 97%; margin: 10px 0px; float: right; text-align: right; }
#copyright { padding: 0px; }
.inventoryListTableContainerDiv { width: 100%; float: left; }
#contentPanel #copyright { padding-right: 20px; }
}
@media only screen and (max-width: 420px) and (min-width:
320px) {
.colspan2 { width: 300px; }

}
421px) {
}
501px) {
}
581px) {
}
{
input[type="radio"] { margin-left: 3px; }

.u_floatWrapper-left { clear: both; }
.u_floatWrapper-left button { margin-top: 10px; }
}
@font-face { font-family: FontAwesome; src:
url("./fonts/fa/fontawesome-webfont.eot?#iefix&v=4.7.0")
format("embedded-opentype"), url("./fonts/fa/fontawesome-
webfont.woff2?v=4.7.0") format("woff2"),
url("./fonts/fa/fontawesome-webfont.woff?v=4.7.0")
format("woff"), url("./fonts/fa/fontawesome-
webfont.ttf?v=4.7.0") format("truetype"),
url("./fonts/fa/fontawesome-
webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal; font-style: normal; }
.fa { display: inline-block; font-style: normal; font-variant:
normal; font-weight: normal; font-stretch: normal; line-height:
1; font-family: FontAwesome; font-size: inherit; text-rendering:
auto; -webkit-font-smoothing: antialiased; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-
align: -15%; }
.fa-2x { font-size: 2em; }

.fa-fw { width: 1.28571em; text-align: center; }
.fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-
type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14286em; width: 2.14286em;
top: 0.142857em; text-align: center; }
.fa-li.fa-lg { left: -1.85714em; }
.fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em

solid rgb(238, 238, 238); border-radius: 0.1em; }
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }
.fa.fa-pull-left { margin-right: 0.3em; }
.fa.fa-pull-right { margin-left: 0.3em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: 0.3em; }
.fa.pull-right { margin-left: 0.3em; }

.fa-spin { animation: 2s linear 0s infinite normal none running
fa-spin; }
.fa-pulse { animation: 1s steps(8) 0s infinite normal none
running fa-spin; }
@-webkit-keyframes fa-spin {
100% { transform: rotate(359deg); }
}
@keyframes fa-spin {
100% { transform: rotate(359deg); }
}
.fa-rotate-90 { transform: rotate(90deg); }

.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270,
:root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em;
height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width:
100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: rgb(255, 255, 255); }

.fa-
.fa-
.fa-
.fa-envelope-
.fa-
.fa-star::before { conte
.fa-star-
.fa-
.fa-

.fa-th-
.fa-
.fa-th-
.fa-che
.fa-remove::before, .fa-close::before, .fa-times::before {
.fa-search-
.fa-search-
.fa-power-
.fa-signal::

.fa-gear::before, .fa-
.fa-trash-
.fa-
.fa-file-
.fa-clock-
.fa-road::bef
.fa-
.fa-arrow-circle-o-
.fa-arrow-circle-o-

.fa-
.fa-play-circle-
.fa-rotate-right::before, .fa-
.fa-
.fa-list-
.fa-
.fa-
.fa-headphones::before { conte
.fa-volume-

.fa-volume-
.fa-volume-
.fa-
.fa-
.fa- "; }
.fa-
.fa-
.fa-
.fa-

.fa-
.fa-
.fa-bold::bef
.fa-
.fa-text-
.fa-text-
.fa-align-
.fa-align-
.fa-align-ri

.fa-align-
.fa-
.fa-dedent::before, .fa-
.fa-
.fa-video-camera::before { content: "
.fa-photo::before, .fa-image::before, .fa-picture-o::before {
.fa-
.fa-map-
.fa-

.fa-
.fa-edit::before, .fa-pencil-square-
.fa-share-square-
.fa-check-square-
.fa-
.fa-step-
.fa-fast-b
.fa-
.fa-

.fa-
.fa-
.fa-
.fa-fast-forward::bef
.fa-step-
.fa-
.fa-chevron-
.fa-chevron-
.fa-plus-

.fa-minus-
.fa-times-
.fa-check-
.fa-question-
.fa-info-
.fa-crosshairs::before { content
.fa-times-circle-
.fa-check-circle-
.fa-

.fa-arrow-
.fa-arrow-
.fa-arrow-up::before {
.fa-arrow-
.fa-mail-forward::before, .fa-
.fa-
.fa-
.fa-
.fa-min

.fa-
.fa-exclamation-
.fa-
.fa-
.fa-
.fa-eye::before
.fa-eye-
.fa-warning::before, .fa-exclamation-triangle::before { content:

.fa-
.fa-
.fa-
.fa-
.fa-
.fa-chevron-
.fa-chevron-
.fa-
.fa-shopping- ; }

.fa-
.fa-folder-
.fa-arrows-
.fa-arrows-
.fa-bar-chart-o::before, .fa-bar-
.fa-twitter-
.fa-facebook-
.fa-camera-
.fa-

.fa-gears::before, .fa-
.fa-comments::before { content:
.fa-thumbs-o-
.fa-thumbs-o-
.fa-star-
.fa-heart-
.fa-sign-
.fa-linkedin-square::before
.fa-thumb-

.fa-external-
.fa-sign-
.fa-
.fa-github-
.fa-upload::bef
.fa-lemon-
.fa-
.fa-square-
.fa-bookmark-

.fa-phone-
.fa-twitter::before
.fa-facebook-f::before, .fa-
.fa-
.fa-
.fa-credit-
.fa-feed::before, .fa-rss::before { content
.fa-hdd-
.fa-

.fa-
.fa-
.fa-hand-o-
.fa-hand-o-left::before { content:
.fa-hand-o-
.fa-hand-o-
.fa-arrow-circle-
.fa-arrow-circle-
.fa-arrow-circle-

.fa-arrow-circle-
.fa-
.fa-
.fa-
.fa-
.fa-
.fa-arrows-
.fa-group::before, .fa-
.fa-chain::before, .fa-

.fa-
.fa-
.fa-cut::before, .fa-scissor
.fa-copy::before, .fa-files-
.fa-
.fa-save::before, .fa-floppy-
.fa-
.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
.fa-list-

.fa-list-
.fa-
.fa-
.fa-table::before { content
.fa-
.fa-
.fa-
.fa-pinterest-
.fa-google-plus-

.fa-google-plus::befo
.fa-
.fa-caret-
.fa-caret-
.fa-caret-
.fa-caret-
.fa-columns::befor
.fa-unsorted::before, .fa-
.fa-sort-down::before, .fa-sort-

.fa-sort-up::before, .fa-sort-
.fa-
.fa-
.fa-rotate-left::before, .fa-
.fa-legal::before, .fa-
.fa-dashboard::before, .fa-
.fa-comment-o::before { cont
.fa-comments-
.fa-flash::before, .fa-

.fa-
.fa-
.fa-paste::before, .fa- }
.fa-lightbulb-
.fa-
.fa-cloud-
.fa-cloud-
.fa-user-
.fa-stethoscope::before { con

.fa-
.fa-bell-
.fa-
.fa-
.fa-file-text-
.fa-building-o::before { content
.fa-hospital-
.fa-
.fa-

.fa-fighter-
.fa-
.fa-h- "; }
.fa-plus-
.fa-angle-double-
.fa-angle-double-
.fa-angle-double-
.fa-angle-double-
.fa-angle-

.fa-angle-
.fa-angle-
.fa-angle-
.fa-
.fa-
.fa-
.fa-mobile-phone::before, .fa-
.fa-circle-
.fa-quote-

.fa-quote-
.fa-spinner::before
.fa-
.fa-mail-reply::before, .fa-
.fa-github-
.fa-folder-
.fa-folder-open-
.fa-smile-
.fa-frown-

.fa-meh-
.fa-
.fa-keyboard-
.fa-flag-
.fa-flag-
.fa-
.fa-
.fa-mail-reply-all::before, .fa-reply-
.fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-
half-

.fa-location-
.fa-
.fa-code-
.fa-unlink::before, .fa-chain-
.fa-question::before { c
.fa-
.fa-
.fa-
.fa-

.fa-
.fa-puzzle-piece::before {
.fa-
.fa-microphone-
.fa-
.fa-calendar-
.fa-fire-
.fa-rock
.fa-

.fa-chevron-circle-
.fa-chevron-circle-
.fa-chevron-circle-
.fa-chevron-circle-down::b
.fa-
.fa-
.fa-
.fa-unlock-
.fa-

.fa-ellipsis-h::before { c
.fa-ellipsis-
.fa-rss-
.fa-play-
.fa-
.fa-minus-
.fa-minus-square-o:
.fa-level-
.fa-level-

.fa-check-
.fa-pencil-
.fa-external-link- }
.fa-share-
.fa-
.fa-toggle-down::before, .fa-caret-square-o-down::before {
.fa-toggle-up::before, .fa-caret-square-o-up::before { content:
.fa-toggle-right::before, .fa-caret-square-o-right::before {

.fa-euro::before, .fa-
.fa-
.fa-dollar::before, .fa-
.fa-rupee::before, .fa-inr::before { c
.fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before
.fa-ruble::before, .fa-rouble::before, .fa-rub::before { content:
.fa-won::before, .fa-
.fa-bitcoin::before, .fa-
.fa-

.fa-file-
.fa-sort-alpha-
.fa-sort-alpha-
.fa-sort-amount-asc::before { content: "
.fa-sort-amount-
.fa-sort-numeric-
.fa-sort-numeric-
.fa-thumbs-
.fa-thumbs-

.fa-youtube-
.fa-
.fa-
.fa-xing-
.fa-youtube-
.fa-
.fa-stack-
.fa-
.fa-

.fa-
.fa-
.fa-bitbucket-
.fa-
.fa-tumblr-
.fa-long-arrow-
.fa-long-arrow-
.fa-long-arrow-
.fa-long-arrow-right::be

.fa-
.fa-
.fa-
.fa-
.fa-
.fa-skype::before { content:
.fa-
.fa-
.fa-

.fa-
.fa-gittip::before, .fa-
.fa-sun-o::before { c
.fa-moon-
.fa-
.fa-
.fa-
.fa-
.fa-

.fa-p
.fa-stack-
.fa-arrow-circle-o-
.fa-arrow-circle-o-
.fa-toggle-left::before, .fa-caret-square-o-left::before { content:
.fa-dot-circle-
.fa-
.fa-vimeo-

.fa-turkish-lira::before, .fa-
.fa-plus-square- }
.fa-space-
.fa-
.fa-envelope-
.fa-
.fa-
.fa-institution::before, .fa-bank::before, .fa-university::before {
.fa-mortar-board::before, .fa-graduation-cap::before { content:

.fa-
.fa-
.fa-
.fa-reddit-
.fa-stumbleupon-
.fa-
.fa-
.fa-
.fa-pied-piper- ; }

.fa-pied-piper-
.fa-
.fa-
.fa-
.fa-
.fa-
.fa-
.fa-
.fa-

.fa-
.fa-
.fa-
.fa-behance-square::bef
.fa-
.fa-steam-
.fa-
.fa-automobile::before, .fa-
.fa-cab::before, .fa-taxi::before { content:

.fa-
.fa-
.fa-
.fa-
.fa-
.fa-file-pdf- "; }
.fa-file-word-
.fa-file-excel-
.fa-file-powerpoint-

.fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-
image-
.fa-file-zip-o::before, .fa-file-archive-
}
.fa-file-sound-o::before, .fa-file-audio-
}
.fa-file-movie-o::before, .fa-file-video-
}
.fa-file-code-
.fa-
.fa-
.fa-

.fa-life-bouy::before, .fa-life-buoy::before, .fa-life-
saver::before, .fa-support::before, .fa-life-ring::before {
.fa-circle-o-
.fa-ra::before, .fa-resistance::before, .fa-rebel::before { content:
.fa-ge::before, .fa-
.fa-git-
.fa- }
.fa-y-combinator-square::before, .fa-yc-square::before, .fa-
hacker-
.fa-tencent-

.fa-
.fa-wechat::before, .fa-
.fa-send::before, .fa-paper-
.fa-send-o::before, .fa-paper-plane-
.fa-
.fa-circle-
.fa-
.fa-pa
.fa-

.fa-share-
.fa-share-alt-
.fa-
.fa-soccer-ball-o::before, .fa-futbol-o::before
.fa-
.fa-
.fa-
.fa-
.fa-

.fa- ; }
.fa-newspaper-
.fa-
.fa-
.fa-
.fa-google-
.fa-cc- }
.fa-cc-
.fa-cc-

.fa-cc-
.fa-cc-
.fa-cc-
.fa-bell-slash::before { conten
.fa-bell-slash-
.fa-
.fa-
.fa-
.fa-

.fa-paint-brush::before { content:
.fa-birthday-
.fa-area-
.fa-pie-
.fa-line-
.fa-
.fa-lastfm-square::before {
.fa-toggle-
.fa-toggle-

.fa-
.fa-
.fa-
.fa-angellist::before { content
.fa-
.fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content:
.fa-
.fa-
.fa-

.fa-
.fa-
.fa-
.fa-
.fa-
.fa-
.fa-
.fa-cart-
.fa-cart-arrow-

.fa-
.fa-
.fa-user- }
.fa-
.fa-street-
.fa-
.fa-
.fa-
.fa-

.fa-intersex::before, .fa-
.fa-transgender-
.fa-venus-
.fa-mars-
.fa-venus-
.fa-mars-
.fa-mars-stroke-
.fa-mars-stroke-
.fa-

.fa-
.fa-facebook-official::before { content
.fa-pinterest-
.fa-
.fa-
.fa-user-
.fa-user-
.fa-hotel::before, .fa-bed::be
.fa-

.fa-
.fa-
.fa-
.fa-yc::before, .fa-y-
.fa-optin-
.fa-
.fa-
.fa-battery-4::before, .fa-battery::before, .fa-battery-full::before

.fa-battery-3::before, .fa-battery-three-quarters::before {
.fa-battery-2::before, .fa-battery-
}
}
.fa-mouse-
.fa-i-
.fa-object-
.fa-object-
.fa-sticky-

.fa-sticky-note-o::before { conte
.fa-cc-
.fa-cc-diners-
.fa-
.fa-balance-
.fa-hourglass-
.fa-hourglass-1::before, .fa-hourglass-start::before { content:
.fa-hourglass-2::before, .fa-hourglass-half::before { content:

.fa-hourglass-3::before, .fa-hourglass-end::before { content:
.fa-
.fa-hand-grab-o::before, .fa-hand-rock-
}
.fa-hand-stop-o::before, .fa-hand-paper-o::before { content:
.fa-hand-scissors-
.fa-hand-lizard-
.fa-hand-spock-o::before { content:
.fa-hand-pointer-

.fa-hand-peace-
.fa-
.fa-
.fa-creative-
.fa-gg::before
.fa-gg-
.fa-
.fa-
.fa-odnoklassniki-

.fa-get-
.fa-wikipedia-
.fa-
.fa-
.fa-
.fa-
.fa-internet-
.fa-tv::before, .fa-
.fa-

.fa-
.fa-
.fa-calendar-plus-
.fa-calendar-minus-o::before {
.fa-calendar-times-
.fa-calendar-check-
.fa-
.fa-map-
.fa-map-

.fa-map-o:
.fa-
.fa-
.fa-commenting-
.fa-
.fa-
.fa-black-tie::before
.fa-
.fa-reddit-

.fa-
.fa-credit-card-
.fa-
.fa-modx::before
.fa-fort-
.fa-
.fa-product-
.fa-
.fa-

.fa-pause-circle::before
.fa-pause-circle-
.fa-stop-
.fa-stop-circle-
.fa-shopping-
.fa-shopping-
.fa-
.fa-
.fa-bluetooth-

.fa-
.fa-
.fa-
.fa-
.fa-
.fa-universal-
.fa-wheelchair-
.fa-question-circle-
.fa-blind::before { content

.fa-audio-
.fa-volume-control-
.fa-
.fa-assistive-listening-
.fa-asl-interpreting::before, .fa-american-sign-language-
.fa-deafness::before, .fa-hard-of-hearing::before, .fa-
.fa-
.fa-glide-
.fa-signing::before, .fa-sign-

.fa-low-
.fa-
.fa-viadeo-
.fa-
.fa-snapchat- "; }
.fa-snapchat-
.fa-pied-
.fa-first-
.fa-

.fa-
.fa-google-plus-circle::before, .fa-google-plus-official::before {
.fa-fa::before, .fa-font-
.fa-handshake-
.fa-envelope-
.fa-envelope-open- }
.fa-
.fa-address-
.fa-address-book-

.fa-vcard::before, .fa-address-
.fa-vcard-o::before, .fa-address-card-o::before { co
.fa-user-
.fa-user-circle-
.fa-user-
.fa-id-
.fa-drivers-license::before, .fa-id- }
.fa-drivers-license-o::before, .fa-id-card-o::before { content:

.fa-
.fa-free-code-
.fa-
.fa-thermometer-4::before, .fa-thermometer::before, .fa-
thermometer-
.fa-thermometer-3::before, .fa-thermometer-three-
.fa-thermometer-2::before, .fa-thermometer-half::before {
.fa-thermometer-1::before, .fa-thermometer-quarter::before {
.fa-thermometer-0::before, .fa-thermometer-empty::before {

.fa-
.fa-bathtub::before, .fa-s15::before, .fa-bath::before { content:
.fa-podcast::before
.fa-window-
.fa-window-
.fa-window-
.fa-times-rectangle::before, .fa-window-close::before { content:
.fa-times-rectangle-o::before, .fa-window-close-o::before {

.fa-
.fa-
.fa-
.fa-
.fa- }
.fa-
.fa-
.fa-snowflake-
.fa-

.fa-
.fa- "; }
.sr-only { position: absolute; width: 1px; height: 1px; padding:
0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px,
0px); border: 0px; }
.sr-only-focusable:active, .sr-only-focusable:focus { position:
static; width: auto; height: auto; margin: 0px; overflow: visible;
clip: auto; }
.brandingImgWrap a { background-position: 0px 85px
!important; }
.topTabs { background-color: rgb(255, 255, 255) !important; }
.topTabs:hover { background-color: rgb(255, 255, 255)
!important; }
.appTabs a { color: rgb(139, 87, 42) !important; text-transform:
uppercase !important; font-weight: 700 !important; }

.appTabs a span { font-size: 13px !important; }
.appTabs a::before { background-position: 0px -49px
!important; }
.appTabs a::after { background-color: rgb(139, 87, 42)
!important; }
.appTabs td { border-bottom: 3px solid rgba(255, 255, 255, 0)
!important; }
.appTabs td:hover { border-bottom: 3px solid rgb(139, 87, 42)
!important; }
.appTabs td.active { border-bottom: 3px solid rgb(12, 149, 182)
!important; }
.appTabs td { transition: background-color 0.3s ease 0s; }

.appTabs a::after { display: none !important; }
.portlet { border-radius: 8px !important; }
.portlet h2.dragHandle { border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important; padding-left: 25px
!important; }
.portlet h2 .moduleTitle { font-weight: 600 !important; font-
size: 1.2rem !important; font-family: Times, "Times New
Roman", serif !important; }
#moduleTitle, .portlet h2 { padding: 15px 0px 13px 25px
!important; border-bottom: none !important; }
.edit_controls .moduleToggleLink { top: 13px !important; }
.portlet .portletList li { border-bottom: 2px solid rgb(233, 234,
229) !important; padding: 5px 0px 10px !important; margin: 0px
!important; }
.portlet .portletList li:last-child { border-bottom: none

!important; }
.portlet .portletList li a { color: rgb(84, 68, 0) !important; text-
transform: uppercase !important; font-weight: bold !important;
font-size: 80% !important; }
.portlet .portletList li::before { display: none !important; }
.portlet .portletList li::after { font-family: FontAwesome;
-size:
1.3em; margin-top: 0px; }
#courseMenuPalette div.navPaletteContent { background-color:
#courseMenuPalette div.navPaletteContent ul li a { color:
rgb(255, 255, 255) !important; text-transform: uppercase
!important; font-weight: bold !important; font-size: 80%
!important; }
#courseMenuPalette div.navPaletteContent ul li a:hover,
#courseMenuPalette div.navPaletteContent ul li a:hover span {

#pageTitleText { color: rgb(84, 68, 0) !important; font-weight:
bold !important; font-size: 1.6em !important; font-family: "Gill
Sans", "Gill Sans MT", Calibri, sans-serif !important; }
#courseMenuPalette div.navPaletteContent ul li a span { color:
rgb(255, 255, 255) !important; }
#bbcms.label a::before { background-image:
url("images/icons/contentcollection.svg") !important; }
#Help a::before { font-
color: rgb(0, 133, 165); font-size: 1.3em; }
#Faculty Help a::before { font-family: FontAwesome; content:
-size: 1.3em; }
#Self Enroll a::before { font-family: FontAwesome; content:
-size: 1.3em; }
.actionMenuButton, .actionMenuButton:hover { box-shadow:
rgb(218, 218, 218) 0px 0px 0px 0px inset !important; color:
rgb(211, 160, 42) !important; text-transform: uppercase

!important; font-weight: 600 !important; font-size: 0.8em
!important; background-color: rgb(255, 255, 255) !important;
padding: 10px !important; border-radius: 20px !important;
height: 20px !important; border: 2px solid rgb(211, 160, 42)
!important; }
.eud-button-wrap { background-color: rgb(255, 255, 255)
!important; }
a#whatsNewViewMenu, a#alertsPastDueViewMenu,
a#needsAttentionViewMenu { background-color: rgb(211, 160,
42) !important; border: 2px solid rgb(211, 160, 42) !important;
.blockGroups .itemHead, .blockGroups .itemHeadOpen { color:
.newItemCount { border: none !important; }
.portletInfoFooter { text-transform: uppercase !important; font-
size: 76% !important; bottom: 10px !important; right: 2px
!important; }
.headerText { color: rgb(139, 87, 42) !important; }

.edit_controls a.moduleToggleLink { background:
url("images/portlet_contract.gif") 8px 6px no-repeat scroll
transparent !important; }
.button-4, .genericButton { box-shadow: rgb(218, 218, 218) 0px
0px 0px 0px inset !important; color: rgb(255, 255, 255)
!important; text-transform: uppercase !important; font-weight:
600 !important; font-size: 0.8em !important; background-color:
rgb(1, 117, 140) !important; padding: 10px !important; border-
radius: 20px !important; height: 20px !important; font-style:
normal !important; }
#saveAnswerSubmitId { line-height: 0; font-size: 0.7em
!important; height: 27px !important; }
.genericButton { min-width: 50px; }
input.genericButton[type="submit"] { font-weight: bold
!important; min-height: 40px !important; min-width: 70px
!important; }
#helpTextToggleLink { margin-top: -20px !important; }

.datePickerButton { background-image:
url("images/icon_calendar_white.png") !important; }
#datePicker_dateSearchDate { box-shadow: rgb(218, 218, 218)
0px 0px 0px 0px inset !important; color: rgb(255, 255, 255)
!important; text-transform: uppercase !important; font-weight:
600 !important; font-size: 0.8em !important; background-color:
rgb(1, 117, 140) !important; padding: 10px !important; border-
radius: 20px !important; height: 20px !important; font-style:
normal !important; }
form input.genericButton[value*="Browse"] { margin-bottom:
10px; margin-left: 10px; height: 40px !important; }
form input.button-4 { height: 40px !important; min-width: 50px
!important; }
.announcementFilter { margin: -20px -10px 24px !important; }
input[type="text"] { border: 1px solid rgb(204, 204, 204)
!important; margin-bottom: 10px !important; }

.stepcontent ol li div.label { border-bottom: none !important; }
input.submit { min-width: 50px; margin-top: -10px; margin-left:
10px; box-shadow: rgb(218, 218, 218) 0px 0px 0px 0px inset
!important; color: rgb(255, 255, 255) !important; text-
transform: uppercase !important; font-weight: 600 !important;
font-size: 0.8em !important; background-color: rgb(1, 117, 140)
!important; padding: 10px !important; border-radius: 20px
#bottom_submitButtonRow input.button-2 { margin-top: -10px;
box-shadow: rgb(218, 218, 218) 0px 0px 0px 0px inset
!important; color: rgb(255, 255, 255) !important; text-
transform: uppercase !important; font-weight: 600 !important;
font-size: 0.8em !important; background-color: rgb(1, 117, 140)
!important; padding: 10px !important; border-radius: 20px
#bottom_submitButtonRow input.button-1 { min-width: 50px;
margin-top: -10px; margin-left: 10px; box-shadow: rgb(218,
218, 218) 0px 0px 0px 0px inset !important; color: rgb(1, 117,
140) !important; text-transform: uppercase !important; font-
weight: 600 !important; font-size: 0.8em !important;
background-color: rgb(255, 255, 255) !important; border: 2px
solid rgb(1, 117, 140) !important; padding: 10px !important;
border-radius: 20px !important; height: 40px !important; }
div#UserInformation a.genericButton { margin-top: -10px

!important; }
form[name="ManageAddressBookForm"] a.genericButton {
margin-top: -10px !important; }
#courseMenuPalette h3 a, #courseMenuPalette h3 a:hover {
div[id*="actionMenu_"] { background-color: rgb(1, 117, 140)
!important; border: none !important; }
div[id*="actionMenu_"] ul li a { color: rgb(255, 255, 255)
!important; background: none !important; }
div[id*="actionMenu_"] ul li a:hover { color: rgb(0, 0, 0)
!important; background-color: rgb(255, 255, 255) !important; }
a { color: rgb(139, 87, 42) !important; }
.unread-count { padding: 2px 8px !important; font-size: 0.8em
!important; }

.read .item_icon { display: none !important; }
#controlPanelPalette_contents a { color: rgb(255, 255, 255)
!important; }
#controlPanelPalette_contents a:hover { color: rgb(12, 149,
182) !important; }
url("images/portlet_contract.gif") 8px 8px no-repeat transparent
!important; color: rgb(12, 149, 182) !important; }
.navPaletteCol h3 a { background:
url("images/portlet_expand.gif") 8px 10px no-repeat transparent
!important; }
#ccShortcutViewId_contents a,
#contentSysJumpToPaletteId_contents a { color: rgb(255, 255,
255) !important; }
.shortcuts li a { border-top: 1px solid rgb(68, 68, 68)
!important; }

a.detailsHeader, a.detailsHeader span { color: rgb(12, 149,
182); }
.portlet .noItems { font-style: normal !important; font-family:
"Gill Sans", "Gill Sans MT", Calibri, sans-serif !important; }
.portlet h3, .portlet p { font-size: 14px !important; margin-
bottom: 10px !important; }
#courseMenuPalette div.navPaletteContent ul li a:visited {
#courseMenuPalette div.navPaletteContent ul li a:hover { color:
rgb(211, 160, 42) !important; }
.headerText:hover { color: rgb(0, 133, 165) !important; }
.portlet .courseListing li > a:hover { color: rgb(0, 133, 165)
!important; }

.button-1:hover, .button-2:hover, .button-4:hover { color:
rgb(255, 255, 255) !important; }
{
margin-bottom: 0px !important; font-size: 14px !important; }
#courseMenuPalette div.navPaletteContent ul li a { font-size:
100% !important; }
}
.portlet .portletList li a:hover { color: rgb(0, 133, 165)
!important; }
.portlet h3 a:hover, .portlet td a:hover { color: rgb(0, 133, 165)
!important; }
.reply-lvl-0 .threadButtons .reply, a.reply { min-width: 50px;
box-sizing: border-box; box-shadow: rgb(218, 218, 218) 0px
0px 0px 0px inset !important; text-transform: uppercase
!important; border-radius: 20px !important; padding: 10px
!important; height: 40px !important; font-style: normal

!important; color: rgb(255, 255, 255) !important; background:
.reply-lvl-0 .threadButtons .browse, a.browse { min-width:
50px; box-sizing: border-box; box-shadow: rgb(218, 218, 218)
0px 0px 0px 0px inset !important; text-transform: uppercase
!important; border-radius: 20px !important; padding: 10px
!important; height: 40px !important; font-style: normal
!important; color: rgb(1, 117, 140) !important; border: 2px solid
rgb(1, 117, 140) !important; background: rgb(255, 255, 255)
!important; }
.reply-lvl-0 .message-wrapper-inner, .db-head-message
.message-wrapper-inner { background: rgb(255, 255, 255)
!important; box-shadow: unset !important; }
.dbThreadBody span { font-size: 1.1em !important; }
.gradeTableNew .activityType, .gradeTableNew .cell.grade
.pointsPossible { color: rgb(102, 102, 102); }
div.eval-links.horizontal > input.genericButton { line-height:
unset; color: rgb(12, 149, 182) !important; font-size: 1.3em
!important; text-transform: none !important; padding: 0px
!important; font-weight: normal !important; }

.gradingPanel .button-1, .gradingPanel .button-2, .gradingPanel
input[type="submit"].submit { min-width: 50px; box-sizing:
border-box; box-shadow: rgb(218, 218, 218) 0px 0px 0px 0px
inset !important; text-transform: uppercase !important; font-
weight: 600 !important; font-size: 0.8em !important; border-
radius: 20px !important; padding: 10px !important; height: 40px
!important; font-style: normal !important; color: rgb(255, 255,
255) !important; background: rgb(1, 117, 140) !important; }
.popup .navPalette ul.tree li a { color: rgb(255, 255, 255)
!important; }
.popup .navPalette ul.tree li a:hover { text-decoration:
underline; }
.takeQuestionDiv span.stepTitleRight .button-4 { line-height: 0;
font-size: 0.7em !important; height: 27px !important; }
.takeQuestionDiv .vtbegenerated.inlineVtbegenerated {
overflow: hidden; }
#listContainer_row:0 > th { width: 23%; }

#courseMenuPalette ul { background-color: rgb(0, 133, 165)
!important; }
.collapsible { border-top: none !important; }
.portlet .portletList li { border-top: none !important; }
.mceItemIframe { background-image:
url("images/no_preview.png"); }
.mceItemMedia { border: 1px dotted rgb(204, 0, 0);
background-position: center center; background-repeat: no-
repeat; background-color: rgb(234, 234, 234) !important; }

@charset "utf-8";
.rubricInlineEdit > div { left: 15px; }
#collabRubricList { float: none; margin: 0px 10px; color:
rgb(102, 102, 102); width: auto; font-size: 11px; }
#collabRubricList .collabRubricListType { margin: 0px 10px; }
#collabRubricList .columnPalette { padding: 5px 8px; line-
height: 20px; box-sizing: border-box; }
#collabRubricList .columnPalette.selected { background-color:
rgb(199, 232, 241); border-top: 1px solid rgb(185, 226, 237);
border-right: 1px solid rgb(185, 226, 237); border-left: 1px
solid rgb(185, 226, 237); border-image: initial; border-bottom:
none; }
#collabRubricList .paletteGroup, .columnPalette { border-top:
1px dashed rgb(185, 226, 237); }
#collabRubricList .columnPalette h4 { margin: 0px; padding:

0px; }
#collabRubricList .columnPalette .itemHead, #collabRubricList
.columnPalette .itemHeadOpen { background: none; display:
block; padding: 0px; text-decoration: underline; font-family:
"Lucida Grande"; font-weight: 600; }
#collabRubricList .genericButtonImg { position: relative; }
#collabRubricList .genericButtonImg::after { content: "";
position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
background: url("/images/ci/ng/small_new_window.gif") center
center no-repeat; }
#collabRubricList .genericButtonImg > img { opacity: 0; }
.showOnRubricGrade .button-4 { margin: 0px; float: none; }
.showOnRubricGrade { text-indent: 15px; position: relative;
box-sizing: border-box; margin: 0px 10px 10px; border: 1px
solid rgb(185, 226, 237); }

.showOnRubricGrade > div { text-indent: 0px; }
.rubricControlContainer { padding-top: 3px; }
.rubricGradingList > .u_controlsWrapper { padding: 12px 15px;
text-indent: 0px; color: rgb(3, 113, 143); }
.rubricGradingRow { padding: 6px 15px 12px; text-indent: 0px;
}
.rubricGradingComments { padding: 12px 15px 66px; }
.showOnRubricGrade > h3 { display: none; }
.showOnRubricGrade .taskbuttondiv { display: none; }
.showOnRubricGrade .rubricGradingComments + .taskbuttondiv
{ display: block; padding: 12px 15px 18px; position: absolute;
bottom: 0px; left: 0px; right: 0px; z-index: 10; }

.rubricGradingList h4 { margin: 0px; padding: 0px; }
.rubricGradingList h4 span { border-radius: 2px; line-height:
1.2; background: rgb(249, 249, 249); color: rgb(85, 85, 85); top:
9px; }
.rubricGradingList h4 .rangePercent { top: 0px; }
.rubricGradingList .rubricRowPoints { background-color:
rgb(222, 240, 244); }
#collabRubricList .collabRubricListTypeContainer { margin:
0px 6px; }
#collabRubricList h4 { margin-top: 5px; }
.rubricGradingComments .editableFeedback textarea { width:
100%; border: 1px solid rgb(185, 226, 237); }
.rubricGradingComments .editableFeedback div.vtbe_footer {
background: none; border: none; }

.rubricGradingTotalPoints, .rubricGradingOverride { margin:
0px; padding: 12px 15px 0px; border-top: 1px solid rgb(185,
226, 237); font-weight: bold; font-size: 100%; }
.rubricGradingOverride { border: none; padding: 0px 15px
12px; }
.rubricGradingComments .editor { margin: 0px; }
#collabRubricList a.itemHead { text-shadow: none; }
#collabRubricList .warnFont { display: inline-block; font-size:
11px; background-color: rgb(255, 255, 255); opacity: 0.7;
padding: 6px; }
@charset "utf-8";
.attemptContent a.videoIntegrationLinkAddRecording,
.attemptContent a.videoIntegrationLinkViewRecording {
position: absolute; bottom: 9px; right: 40px; color: rgb(68, 68,
68); text-decoration: none; }

.attemptContent a.videoIntegrationLinkAddRecording.hide,
.attemptContent a.videoIntegrationLinkViewRecording.hide {
display: none; }
.cell.grade a.videoIntegrationLinkViewRecording { position:
relative; top: -2px; text-decoration: none; display: inline
!important; font-size: 16px !important; }
a.videoIntegrationLinkAddRecording i.fa,
a.videoIntegrationLinkViewRecording i.fa { font: 14px/1
FontAwesome; }
a.videoIntegrationLinkAddRecording i.fa-microphone::before {
a.videoIntegrationLinkViewRecording i.fa.fa-video-
img[data-bbtype="collab_video"] { cursor: pointer; }
.video-integration { background: rgb(248, 248, 248); min-
height: 0px; }

.video-integration, .video-integration body, .video-integration
.locationPane, .video-integration .contentPaneWide, .video-
integration .contentBox, .video-integration .container { max-
height: 700px; }
.edit-video-integration.video-integration, .edit-video-
integration.video-integration body, .edit-video-
integration.video-integration .locationPane, .edit-video-
integration.video-integration .contentPaneWide, .edit-video-
integration.video-integration .contentBox, .edit-video-
integration.video-integration .container { min-height: 0px; }
.video-integration .locationPane { margin-top: 0px; }
.video-integration .contentBox { position: relative; top: 20px;
min-height: 100px; }
.video-integration .contentBox .container { padding: 20px;
border: 1px solid rgb(205, 205, 205); margin: auto; }
.edit-video-integration .contentBox .container { padding-right:
30px; }

.video-integration .contentPaneWide { max-height: 600px; }
.video-integration #insertLinkId { padding: 6px 16px 7px; float:
right; margin-top: 20px; }
.video-info-container { display: inline-block; position: relative;
top: -8px; }
#videoInfoHeader { border: 1px solid rgb(211, 211, 211);
width: 100%; padding: 10px 0px 0px 5px; margin-bottom: 12px;
}
div#videoInfoHeader { }
div#videoInfoHeader { }
#videoNameId { font-weight: bold; font-size: 13px; }
#videoImageId { height: 35px; width: 35px; }

#videoInfoId input { border-radius: 3px; width: 100%; padding:
5px 0px 5px 5px; }
#videoInfoId input:focus { border: 1px solid rgb(197, 111, 213);
}
#videoDurationId { float: left; clear: both; }
#videoTitle, #videoAltText { font-weight: bold; font-size: 13px;
margin-bottom: 10px; display: block; }
#videoTitle::before, #videoAltText::before { content: "*";
position: relative; vertical-align: top; display: inline-block;
margin-right: 1px; color: rgb(255, 128, 0); }
#videoInfoId #insertLinkId { position: relative; right: -5px; }
@media not all {

height: 700px; }
}
@media screen and (max-height: 650px) {
height: 572px; }
.video-integration .container { max-width: 960px; }
}
height: 500px; }
}

height: 400px; min-width: 300px; }
}
}
}

height: 320px; max-width: 600px; margin: auto; }
}
}
.video-integration .container, .video-integration #containerDiv
{ max-width: 440px; margin: 0px auto; }
}

@media screen and (max-width: 736px) and (min-width: 0) {
.video-integration #containerdiv { padding: 20px; margin:
auto; }
}
@charset "utf-8";
body, html { height: auto; }
body, div.topGlobalLinks { min-width: 0px; }
.navigationPane { display: none; }
.contentPane { margin: 0px 14px; }
.questionDiv .submission_text, .completionContainer,
.completionContainerLarge, .blogEntry h4, .blogEntry
.entryText, .blogContainer .entryComments li p, .journalNav ul
li, .calMonth, .calMonth table thead th, .calMonth table tbody

td, .calMonth table td div, .modeSwitch, .listCm .courseMenu
a.cmimg, .buttonCm .courseMenu a.cmimg, .portlet a.cmimg,
a.cmimg-small, .fileInputWrapper, .field, .noLabelField,
.liveArea .stepcontent textarea, .buttonLibrary,
.previewTextArea, .rating li a:hover, .dbThreadTree, .nav .sub
ul li a, .cmdiv a, .menumini a, .timediv ul, .currentTags,
.auto_complete ul li, .lb-wrapper, .lb-wrapper .lb-header h2, .lb-
wrapper .lb-content, .myPlacesContent, .myavatar, .bubble ul,
.bubble .detailComments, .gradeDetailsStep,
.tableOverflowControl, .inventory, .brandingImgWrap,
#announcementList .item, .contentList .details,
.contentListPlain .contentListRight + .details,
.announcementList .details, #announcementList .details,
.datalistScroll, .landingPageColumn ul li ul.datalistScroll,
.panelNested, .module, .moduleHeading, .collapsible,
.imgWrapper, .scroll_div, .eudModule .eudModule-inner,
.styledModule-dark .module-inner, .portlet .itemGroups li,
.portlet ul.hierarchyList li, .customBanner, .loggedInAs,
#loggedInUserName, .topTabs .hotItems ul.hotLinks, .cmImg,
.itemTray .cartTableWrapper, .sideTOC .cartTableWrapper,
.itemIconHolder a, .itemInfo .title, .itemInfo .high,
.tocTreeWrapper, .sideTOC .tocTreeWrapper,
.navPaletteContent a, .listCm .courseMenu h3, .buttonCm
.courseMenu a, .expTreeContainer, .listCm .treeContainer .tree,
.buttonCm .treeContainer .tree, .treeContainer .tree li h4 + ul,
#pickerPalette .tree > li, .treeScrollable, #logDetail, .table-
scroll-wrapper, .gridOverflowControl, .gradeItemsWrapper,
.gradeSide .tocTreeWrapper, div ul li div.collabComments,
div.comments div div.collabComments,
div.studentGradesCommentPreview,
div.grdDetEditTabCommentPreview,
div.grdDetHistTabCommentPreview, .u_scrollPanel-vertical,
.currentScore, .gbContainer, .gbtable div, .gbtable_header div,
.gc_info ul, .gblist li, .gblist li span, .cumulativeSelectItems
.selected_items .itemList, .flynav ul, .overrow div,

.weightField, .criteriaItem { overflow: visible !important;
height: auto !important; max-height: none !important; }
div.locationPane { display: block; }
Week 6 | Part 6: Finalizing the Plan
I have considered various options for my nursing specialty,
including a close look at my selected (or currently preferred)
specialty and second-preferred specialty. I have also developed
a justification of my selected (or preferred) specialty. Lastly, I
have examined one professional organization related to my
selected or preferred specialty and considered how I can become
a member of this organization.
The results of my efforts are below.
Directions: Complete Step 1 by writing 2-3 paragraphs in the
space below comparing the nursing specialty you have selected
– or the one you prefer if your choice is still under
consideration - to your second preference. Identify each
specialty and describe the focus and the role that graduates are
prepared for. Identify any other differentiators you feel are
significant, especially those that helped or may help you reach a
decision.
Complete Step 2 by writing a paragraph identifying and
justifying your reasons for choosing your MSN specialization.
Be sure to incorporate any feedback you received from
colleagues in this week’s Discussion Forum.

Complete Step 3 by examining and identifying one professional
organization related to your selected or preferred specialty.
Explain how you can become a member of this organization.
Step 1: Comparison of Nursing Specialties
Use the space below to write 2-3 paragraphs comparing the
nursing specialty you have selected – or the one you prefer if
your choice is still under consideration - to your second
preference. Identify each specialty and describe the focus and
the role that graduates are prepared for. Identify any other
differentiators you feel are significant, especially those that
helped or may help you reach a decision.
Step 2: Justification of Nursing Specialty
Use the space below to write a paragraph identifying and
justifying your reasons for choosing your MSN specialization.
Be sure to incorporate any feedback you received from
colleagues in this week’s Discussion Forum.
Step 3: Professional Organizations
Use the space below to identify and examine one professional
organization related to your selected or preferred specialty.
Explain how you can become a member of this organization.

Rubric Detail Select Grid View or List View to change t.docx

Rubric Detail Select Grid View or List View to change t.docx

More Related Content

Similar to Rubric Detail Select Grid View or List View to change t.docx (10)

More from ShiraPrater50 (20)

Recently uploaded (20)

Rubric Detail Select Grid View or List View to change t.docx