As you have observed, each member of Mayor Keller’s task force views the need for change from his or her role in the community and specialization perspective. Whether their issues stem from a lack of teaching staff and resources to training for employees, task force members are committed to addressing the learning and development needs of Grand City’s children, students, and citizens.
Discussion 2: Target Areas for Change
As you have observed, each member of Mayor Keller’s task force views the need for change from his or her role in the community and specialization perspective. Whether their issues stem from a lack of teaching staff and resources to training for employees, task force members are committed to addressing the learning and development needs of Grand City’s children, students, and citizens. With such myriad needs, how should the mayor’s task force prioritize these issues to enact both educational and community change?
For this Discussion, you will evaluate programs within your specialization to determine target areas of improvement for educational and social change in Grand City.
To prepare:
· Review all Learning Resources for this module. Think about the meaning of educational change, the impact of data collection on change initiatives, and the impact of positive social and educational change on all individuals in a community.
· Review the Grand City data and media for this module as well as your analysis of the data from the Module 1 Discussion 1. Consider what programs are most critical in supporting Grand City’s children and students, including both those in early childhood programs and K–12 schools. Think about how data supports the need for change initiatives. How might a successful change in those programs impact the community as a whole?
· Hargreaves and Fullan (2013) note the difference between business capital and professional capital. Reflect on the concept of capital, your investment in your own education, and the benefits you anticipate in your career and in the lives of the children you reach.
· Review Walden University’s mission and vision for social change. Imagine you are on the Grand City task force representing your specialization, and consider the areas needing improvement or change. How might you propose the task force address those areas? What impact might such changes have on social change in the Grand City community?
By Day 3 of Week 2
Post
a response that explains:
· At least three target areas that are in need of improvement or change in your specialization
· A rationale for each area supported with specific data from Grand City
· How and why targeting these areas would be most effective in supporting positive change within both your specialization and the Grand City community
For this Discussion, and all scholarly writing in this course and throughout your program, you will be required to use APA style and provide reference citations.
By Day 7 of Week 2
Read a selection of your colleagues’ posts.
Respond to at least two or more of your colleagues in any of the following ways:
· Explain an additional target area that would apply to both your and a colleague’s program or specialization.
· Offer additional support or a reference to the data to support your colleague’s target area(s).
· Support or refute a colleague’s claim regarding how his or her target area(s) would support positive change in the Grand City community.
References
https://go.openathens.net/redirector/waldenu.edu?url=https://dx.doi.org/10.1177/1478210316649287
https://search.ebscohost.com/login.aspx?direct=true&db=eric&AN=EJ1058943&site=eds-live&scope=site&authtype=shib&custid=s6527200
Fullan, M. (2016). The new meaning of educational change (5th ed.). New York, NY: Teachers College Press.
1. Chapter 1, “A Brief History of Educational Change” (pp. 3–17)
1. Chapter 2, “The Meaning of Educational Change” (pp. 18–38)
http://www.michaelfullan.ca/wp-content/uploads/2013/08/JSD-Power-of-Professional-Capital
https://www.waldenu.edu/about/who-we-are
http://academicguides.waldenu.edu/writingcenter/templates/general
JSD | www.learningforward.org June 2013 | Vol. 34 No. 336
theme INTERNATIONAL TRENDS
By Andrew Hargreaves and Michael Fullan
P
rofessional capital has a fundamental con-
nection to transforming teaching every
day, and we’ve seen many examples of
this at work in schools and school systems
around the world. Here, we explore the
powerful idea of capital and articulate its
importance for professional work, profes-
sional capacity, and professional effectiveness. Systems
that invest in professional capital recognize that education
spending is an investment in developing human capital
from early childhood to adulthood, leading to rewards of
economic productivity and social cohesion in the next gen-
eration (Hargreaves & Fullan, 2012).
Professional capital requires attention not only to po-
litical and societal investments in education but also to
leadership actions and educator needs, contributions, and
career stages.
THE CONCEPT OF CAPITAL
Many teachers find the concept of capital a difficult
idea because of where it comes from. Capital is not some-
thing we’d normally associate with teaching. The origi-
nal idea of capital comes from the economic sector, and
whether you are Warren Buffett or Adam Smith or Karl
Marx, one part of the idea is basically the same. Capital is
something that adds value to net worth. If you want to get
a return, you need to make an investment.
TWO APPROACHES TO TEACHING
Right now, there are two visions for capital and how
it can be used to improve teaching in the U.S. and else-
where. One is a business capital approach. In this view, the
purpose of public education is increasingly to yield a short-
term profit with quick returns for its investors. The pur-
pose of public education is to be a market for technology,
for testing products, for charter schools and companies and
chains and their look-alikes in Sweden and England and
other parts of the world.
There’s nothing wrong with business or making a
profit. But when the overwhelming orientation of public
education is to yield short-term profits in a fast market, it
distorts fundamentally what it is that we do, and it carries
troubling assumptions with it about teachers and teaching.
One of the ways you increase the returns on public educa-
tion in the short term is by reducing the cost of teaching,
education’s greatest expense.
In the business capital view, teaching is technically sim-
ple. Teaching doesn’t require rigorous training, hard work
in universities, or extensive practice in schools. In this view,
teaching can be learned over six weeks in the summer, as
long as you are passionate and enthusiastic. Imagine if we
said that about our doctors or architects or engineers.
A business capital approach says that teaching can be
driven by data, that data give you all the answers, that
numbers and spreadsheets will set you free. This business
capital view of teaching also says that technology can often
replace teachers.
THE POWER
of PROFESSIONAL
CAPITAL
WITH AN INVESTMENT IN COLLABORATION, TEACHERS BECOME NATION BUILDERS
June 2013 | Vol. 34 No. 3 www.learningforward.org | JSD 37
theme INTERNATIONAL TRENDS
The opposite stance toward teaching is a professional
capital approach. In this approach, teaching is hard. It’s
technically difficult, for example, knowing the signs of As-
perger’s, differentiating instruction, learning all the skills to
deal with difficult adults. It requires technical knowledge,
high levels of education, strong practice within schools,
and continuous improvement over time that is undertaken
collaboratively, and that calls for the development of wise
judgment.
Over time, professional capital policies and practices
build up the expertise of teachers individually and collec-
tively to make a difference in the learning and achievement
of all students. In a professional capital approach, teachers
should and do work with technology to enhance teaching,
but not where the mouse becomes a replacement for the
teacher.
Our book spells out the three kinds of capital that
comprise professional capital: human capital (the talent of
individuals); social capital (the collaborative power of the
group); and decisional capital (the wisdom and expertise to
make sound judgments about learners that are cultivated
over many years). That’s the vision of professional capital.
CAPITAL AT WORK
A simple but powerful study from Carrie Leana of the
University of Pittsburgh helps to illustrate the idea of the
relationship between human and social capital. She did
a study in New York City with a sample of 130 elemen-
tary schools (Leana, 2011). She measured three things.
She looked at human capital — the qualities of the indi-
viduals, their qualifications and competencies on paper.
She measured social capital with questions like: To what
extent do teachers in this school work in a trusting, col-
laborative way to focus on learning and the engagement
and improvement of student achievement? And then she
measured math achievement in September and June as an
indicator of teachers’ impact.
Leana found that schools with high social capital
showed positive achievement outcomes. Schools with strong
social and human capital together did even better. Most im-
portant, Leana found that teachers with low human capital
who happened to be working in a school with higher social
capital got better outcomes than those in schools with lower
social capital. Being in a school around others who are work-
ing effectively rubs off on teachers and engages them.
Human and social capital are both important, but hu-
man capital is not as influential as social capital as a lead strategy. To
enact change faster and more effectively, to reduce variation in effec-
tive teaching in a school or between and among schools in terms of
networks, our advice is to use social capital. Use the group to change
the group. This means developing how teachers as a team or group
can best identify and respond to the needs of individual students.
Back this up with the human capital that comes with being able to
attract the best people in the profession, develop them as they come
in, and build on that to be effective.
To attract people to the profession, you need a good set of
schools for those people to work in. Continuous professional de-
velopment pays off in Finland, Singapore, Alberta, and Ontario.
The best way you can support and motivate teachers is to create the
conditions where they can be effective day after day, together. And
this isn’t just about intraschool collaboration It’s about interschool
and interdistrict collaboration. It’s about the whole profession.
DECISIONAL CAPITAL
We know that both human and social capital have links to stu-
dent achievement. Decisional capital, a notion that comes from the
field of law, is about how you develop your capabilities over time,
particularly your capacity to judge. All professions involve judgment
in situations and circumstances where the evidence and the answers
aren’t incontrovertibly clear.
Judges have to judge because the facts of the case do not speak
This article is adapted from a keynote address by Andy Hargreaves and Michael Fullan at
Learning Forward’s Annual
Conference in Boston,
Mass., in December 2012.
The concept of professional
capital and how it can
affect the future of teaching
and public education is
also the subject of their
book, Professional Capital:
Transforming Teaching in Every
School (Teachers College
Press, 2012). Professional
Capital shows how to
demand more of the teaching
profession and from the systems that support it. The
book includes action guidelines for groups, individual
teachers, administrators, schools and districts, and
state and federal leaders. Available at http://store.
learningforward.org.
JSD | www.learningforward.org June 2013 | Vol. 34 No. 338
theme INTERNATIONAL TRENDS
for themselves. How do judges learn to judge? By dealing with
many cases over many years, by themselves, with other people,
in the courtroom, out of the courtroom reflectively, alone in-
trospectively, and collectively with their colleagues. This is what
all professionals do. In part, Finland does so well in education
because of the amount of time teachers spend in their day out-
side of the classroom. They spend less time in the classroom per
day than any other country, which gives them time to reflect,
discuss, and develop judgment.
THE ROLE OF CAREER STAGES
In teachers’ development, we look at a couple of factors
that bear on the development of decisional capital. One is com-
mitment: How enthusiastic, how dedicated, how driven by a
moral purpose are you as a teacher? The other is capability: How
good are you, can you do the job, can you manage a class of
kids, can you differentiate instruction? Both of these things are
important, but one is often confused for the other.
There are three career stages that are critical in considering
the development of decisional capital. In the early career — one
to three years’ experience — teachers are, on average, more
enthusiastic than at any other point in their career. They are
more committed, more dedicated. But, on average, they are less
competent; there’s still a lot to learn.
In the later years of teaching — 22 years and onwards — we
see that teachers’ commitment is, on average, declining. It has
to do with many things — their lives, aging parents, experiences
with change, principal turnover, etc. And their capabilities are
all over the map.
The stereotype is that teachers late in their career are resist-
ers, but, in fact, there are four types of teachers. There are the
renewed, who are constantly learning and challenged. The dis-
enchanted teachers were once very excited about change, but
through negative experiences have become discouraged; however,
they can be re-enchanted. Then there are the quiet ones. Introverts
are more likely to work with two or three people rather than the
entire school to make improvements, and that’s the best way to
work with them. The fourth group is the resisters and reprobates.
These are the educators that those running performance evalua-
tions often focus on, the deadwood to get out of the way. While
there may be a few teachers in this category, don’t confuse the
other types of late-career teachers with them.
And then there are teachers in the mid-career range — with
anywhere from four to 20 years’ experience. These are, on aver-
age, the most committed and capable. Their time in teaching
adds up to about 10,000 hours, which is the time that Malcolm
Gladwell in Outliers tells us is how long it takes in any profes-
sion to become the equivalent of orchestra class as a musician
(Gladwell, 2008). If you want to play in the pub on a Saturday
night, it will take you about 4,000 hours, which is about the
equivalent of three years of teaching.
In teaching, do we want to create teachers who are good
enough to play in the pub on a Saturday night, with three years
or so of experience? Or do we want to keep developing, to wire
in all the skills and stretch the capacities, so educators reach that
moment where they’re in the zone, where they can improvise
with a range of strategies effortlessly? If so, it takes most teach-
ers an investment of around 10,000 hours to get to that point.
This career stage is important — and it’s the one we com-
monly neglect. We focus on the first three years to get teachers
going. And then we focus on the people who may sometimes
prove difficult at the end. We think we can leave the people in
the middle alone. If we leave them alone, though, there’s the
danger that things become too easy, that they won’t stretch
themselves. And then we’re headed for a worrying end, and
instead of quiet ones or disenchanted ones or especially renewed
ones, we find ourselves dealing with reprobates — and we cre-
ated them. We need to focus more on the teachers in the middle
and to keep challenging and stretching them.
SOCIAL CAPITAL
In considering how to create a professional capital culture,
it’s critical to know that there isn’t just one way to collabo-
rate. Social capital is not only or sometimes even mainly about
professional learning communities sitting down and looking at
spreadsheets of student data together. Here are five examples
from five countries that we’ve worked with that use social capi-
tal in different ways.
Andrew Hargreaves, left, (andrew.hargreaves@bc.edu) is the
Thomas More Brennan Chair in the Lynch School of Education
at Boston College and cofounder of the International Centre
for Educational Change at the Ontario Institute for Studies in
Education at the University of Toronto. His website is www.
andyhargreaves.com, and you can follow him on Twitter at
@hargreavesbc.
Michael Fullan, right, (mfullan@me.com) is professor emeritus
and the former dean at Ontario Institute for Studies in Education
at the University of Toronto. He is the special advisor to the
premier and minister of education in Ontario, Canada. His website
is http://michaelfullan.ca.
June 2013 | Vol. 34 No. 3 www.learningforward.org | JSD 39
The power of professional capital
Finland: Local curriculum development
One of the things teachers do in Finland that makes them
effective is that they create curriculum together, school by
school, district by district. They don’t just implement curricu-
lum, they create curriculum together.
Singapore: Give away best ideas
Singapore is the highest-performing country on the Pro-
gramme for International Student Assessment (PISA), and it’s
a place where people excel at every level. Here, educators give
away their best ideas to other people. Think of that at a school
— this notion makes educators have to keep inventing new
ideas to stay ahead. They don’t hog their ideas. How can you
expect your teachers to collaborate if their schools compete?
Alberta: Collaborative innovation and inquiry
Alberta is one of the two highest-performing provinces in
Canada. For the last 11 years, in collaboration with the govern-
ment, the Alberta Teachers’ Association has spent 50% of its
resources on professional development. The College of Alberta
School Superintendents has also worked cooperatively to pro-
mote inquiry and innovation in schools and districts. Profes-
sional inquiry fostered by leaders at all levels has become central
to the development of the profession.
Ontario: Collective responsibility and transparency
When teachers look at data together in Ontario, they aren’t
just looking for quick fixes for how to lift up achievement scores.
Behind every number is a child. Teachers sit together with the
transparency of the data, and all teachers take collective respon-
sibility for all children across grades. The teachers say, “They’re
our children,” not “my children, my class.” It’s what’s behind the
data, not what’s in the data that is most important for Ontario.
California Teachers Association: Teacher leaders drive
system change
California is of the lowest-performing states in the U.S. Years
ago, the California Teachers Association sued then-Gov. Arnold
Schwarzenegger for several billion dollars. With the money that
it won, the association collaboratively set up the Quality Educa-
tion Investment Act for several hundred low-performing schools
in the state. The early data indicate that with teachers as drivers
of system change, achievement gains are being made, especially
with Hispanic and African-American populations.
PUSH-PULL-NUDGE LEADS TO PROFESSIONAL CAPITAL
Professional capital is a function of the interactive, multipli-
cative combination of the three kinds of capital discussed above.
With our responsibility to move professional capital forward,
proactive action is necessary. A combination of push, pull, and
nudge will move systems forward. We explore a range of actions
for leaders to take in our book, but here is a quick overview of
the push-pull-nudge idea.
Push is when you assert, pay attention, and intervene for
more professional capital. When you push someone who is reluc-
tant, they change, and they thank you afterwards. But you can be
too pushy, and what started as a push for people’s own good can
turn into a shove that is enforcing compliance for its own sake.
It can be your habitual first move, rather than your next or last
one when other strategies fail. Pull is when you draw people into
the excitement, into the vision, into the development. But not
everyone is always ready to be pulled in this way. In between is
nudging. Nudge is a way to enable people to make choices but to
try and guide them a bit at a time into making better ones. Some
of the ways to nudge people are: to use key language constantly
that repeats and affirms what is important; to adopt tools like
data walls that are visible to everyone, conceptual anchor charts
in every classroom to emphasize key learning skills, or critical
friends protocols to promote deeper discussion; or to change the
structures by positioning a struggling new teacher alongside an
experienced pro, rather than placing him or her out in a portable
hut where no one else wants to teach.
All good leadership is a judicious mixture of push, pull,
and nudge. This is a sophisticated practice. It’s a combination
of nonjudgmentalism, not being pejorative about where people
are at the beginning, combined with moving them forward. In
all this, there is a not a reluctance to insist on collaboration, but
there is a sensitivity to career cycle issues and different starting
points. In the end, it’s best to pull whenever you can, push
whenever you must, and nudge all the time.
LOOKING AHEAD
As we state in our book, “Professional capital is about enact-
ing more equal, higher-attaining, more healthy countries in just
about every way that counts. This is why successful countries
treat their teachers as nation builders, and how they come to
yield high returns in prosperity, social cohesion, and social jus-
tice,” (Hargreaves & Fullan, 2012, p. 185). But this can’t be just
a slogan. Our book has hit a responsive chord with educators
at all levels of the system. Professional capital has turned out
to be a “sticky concept” — it resonates with where people are
and what they see as a promising and necessary solution. What
we need now is a committed effort to implement this powerful
conception of the profession across the system. The responsibility
is ours. Let’s make professional capital our primary investment.
REFERENCES
Gladwell, M. (2008). Outliers: The story of success. New
York, NY: Back Bay Books.
Hargreaves, A. & Fullan, M. (2012). Professional
capital: Transforming teaching in every school. New York, NY:
Teachers College Press.
Leana, C.R. (2011, Fall). The missing link in school
reform. Stanford Social Innovation Review, 9(4), 34. ■
Illustration: Thinkstock/iStock
Teachers know all the terms: data-driven decision making, data-informed deci-
sion making, data-based decision making, data use, iterative cycles of inquiry, and
more. Whatever you call it, data-driven decision making is a hot topic
in education. It also has become a focal point for strong opinions —
positive and negative. Policy makers believe student achievement
will improve when educators use data to inform their teaching.
Yet the research evidence proving this is inconsistent at best
(Carlson, Borman, & Robinson, 2011; Hamilton et al., 2009;
Konstantopoulos, Miller, & van der Ploeg, 2013).
Many educators worry about the growing emphasis and reli-
ance on data. Some teachers actually refer to data as “the other
four-letter word” — time being the fi rst one. Teachers say that
poring over reams of data takes time from where they want to be
— in the classroom with students. Skepticism abounds, and con-
cerns about how data are used are very real. Some educators
worry that data are part of the “gotcha,” being used
to evaluate their performance in unrealistic ways.
What’s more, they say the data they are being re-
quired to examine has little utility in their practice.
ELLEn B. MandInach (emandin@wested.org)
is senior research scientist and director of the Data
for Decisions initiative at WestEd, San Francisco,
Calif. BrEnnan M. Parton is a senior associate,
state policy and advocacy for Data Quality Campaign,
Washington, D.C. EdIth S. GUMMEr is a senior
research associate in the evaluation research program
at WestEd. rachEL andErSon is a policy analysis
and research associate at Data Quality Campaign.
Privacy and school data
V96 N5 kappanmagazine.org 25
Ethical and appropriate
data use requires
data literacy
Student data can be a powerful, transformative tool in teaching,
but to reap those potential benefi ts practitioners must become
more data literate.
By Ellen B. Mandinach, Brennan M. Parton,
Edith S. Gummer, and rachel anderson
Comments?
Like PDK at www.
facebook.com/pdkintl
K1502_February.indd 25 12/19/14 10:31 AM
26 Kappan February 2015
Gummer and Mandinach (in press) have defi ned a
construct they call data literacy for teaching:
The ability to transform information into actionable
instructional knowledge and practices by collecting,
analyzing, and interpreting all types of data (assess-
ment, school climate, behavioral, snapshot, longitu-
dinal, moment-to-moment, etc.) to help determine
instructional steps. It combines an understanding
of data with standards, disciplinary knowledge and
practices, curricular knowledge, pedagogical content
knowledge, and an understanding of how children
learn.
The construct has three main domains of knowl-
edge, which combine to enable teachers to know
what the data mean in terms of their content area
and within a learning progression and then to trans-
late that knowledge into instructional steps.
• Data use for teaching or what might be
considered the ability to analyze and use data.
• Content knowledge or the teacher’s under-
standing of a specifi c domain or subject.
• Pedagogical content knowledge (Shulman,
1986) or the ability to apply knowledge of
pedagogy in the context of the content area.
These domains are composed of components
comprising specifi c skills that are all part of an in-
quiry cycle and include:
• How to identify problems of practice;
• How to frame questions;
• How to use data;
• How to transform data into information;
• How to transform information into a decision;
• How to evaluate the outcomes of a decision.
Ethical and responsible data use is part of knowing
how to use data, and that knowledge focuses on how
to protect student privacy and maintain confi denti-
ality of student data. Such knowledge includes how
and when to discuss students’ performance, behav-
ior, attitudes, etc. with other teachers, administra-
tors, and parents. It also includes knowing how to
remove identifying information from a student re-
cord and how to maintain proper student records —
whether electronic or in paper-and-pencil format. It
includes knowing who has access to student records
and when, how, and the process by which to release
data or results. Responsible data use also includes
knowing
when and when not to discuss a student’s
performance in public.
Take, for example, two teacher colleagues who run
into each other in the grocery story checkout line
and begin talking about a student who’s experiencing
Parents and the broader public share those con-
cerns and have raised issues about what data are
being collected about students, how they are be-
ing used, whether they are secure, and who has
access to them. Data breaches at the federal level
and in the private sector have garnered media at-
tention and stoked fears. Regulations to guide data
use and protect the privacy and confi dentiality of
student data exist in the Family Educational Rights
and Privacy Act (FERPA). But FERPA is not easy
to understand. Parents likely receive a legal notice
about FERPA from their school district each year.
Teachers and administrators likely receive FERPA
compliance training annually. But such notices and
training don’t help parents and teachers understand
their rights and roles in protecting student privacy,
and they sometimes lead to fear that nothing should
be done with the data.
For teachers, using data ethically — in a way that’s
mindful of their responsibility to keep individual stu-
dent information private — is a requirement of us-
ing data effectively. So how do we help educators
understand their role in protecting student data and
using data responsibly? The short answer is that they
need to be data literate.
data literacy and ethics
Data use is not an isolated event (Earl & Katz,
2006). Data use should be a continuous, integrated
part of practice that is used all the time. In fact,
Mandinach (2012) maintains that good teachers
have been employing data-driven decision making
all along — it just hasn’t been recognized by that
term. But there is more work to be done to ensure
that educators know how to continuously, effectively,
and ethically use data — that is, to help them to be
data literate.
Ethical and responsible data use is part of
knowing how to use data, and that knowledge
focuses on how to protect student privacy and
maintain confi dentiality of student data.
K1502_February.indd 26 12/19/14 10:31 AM
V96 N5 kappanmagazine.org 27
data literate requires that teachers know what consti-
tutes responsible data use and what is inappropriate.
But the characterization of a construct such as data
literacy in terms of cognitive aspects of knowledge
and skills is only part of what we need to examine
to truly understand what teachers need to know and
be able to do. Educators also need to consider how
data literacy plays out in teacher identity, values, and
epistemic beliefs. How teachers see themselves as
data users — as individualists or part of a team —
infl uences what they do. The extent to which data
use is seen as a valuable addition to teacher practice
some diffi culties. Someone passes by and overhears
the teachers’ discussion. That is a violation of the stu-
dent’s privacy, even if the teachers didn’t mean to do
so and even if the passerby did not know the student.
But such a conversation would not be a privacy vio-
lation if the teachers were working in a data team or
a professional learning community, where the expec-
tation is professional discourse about student perfor-
mance, learning issues, and potential remediation.
See Table 1 for a more comprehensive assessment
of data practices.
These may be fi ne lines of distinction, but being
• Using data to differentiate instruction and group
students.
• Using data walls to organize and clearly understand
student data
• Using data walls to talk to other teachers about
what the data show and problems of practice
• Placing data walls that contain student names
and other identifi ers in rooms accessible only to
teachers and school leaders
• Removing student identifi ers when those data walls
are moved to common areas
• Discussing student data at school in collaboration
with colleagues to set goals and identify problems
of practice
• Using student artifacts in collaboration with
other educators for collaboration and improving
practice
• Communicating about an individual student’s data
with his or her parents
• Using only secure systems to upload and
manipulate personally identifi able information, such
as those provided by the state or district
• Using data to track or label students as unable to
succeed.
• Hanging data walls with student names and other
identifi ers in classrooms where anyone who comes
into the room can see them
• Keeping data walls with student names or other
identifi ers in rooms where the public might see
them during events or meetings
• Talking about individual student successes and
challenges in public
• Sharing student artifacts outside of an education
setting, such as on a web site like Pinterest,
Facebook, or Twitter
• Dismissing parent requests for data, or ignoring
their concerns about how it will be used
• Comparing a student’s performance to that of other
individual students in conversations with parents
• Storing or manipulating student data through
applications like Dropbox, on thumb drives, or in
email
taBLE 1.
an assessment of data use practices
Good practice Practices to avoid
K1502_February.indd 27 12/19/14 10:31 AM
28 Kappan February 2015
conclusion
Data literacy is a critical part of effective teach-
ing, and as the proliferation of data increases, and as
parent and public concerns about the safety of data
remain, the ethical use of data must be a focus for
teachers. Teachers are the front-line communicators
to parents and their communities about education.
But as parents and the public at large express con-
cerns over data use in education, they’re also dem-
onstrating that they don’t fully trust educators to
use data in ways that benefit students. Teachers have
a new role to not only explain the value of data to
parents and the community but also to demonstrate
that they only and always use information in the best
interest of students.
Teachers cannot gain valuable data use skills in a
vacuum. There is much more to do to provide educa-
tors the support they need to access, interpret, act on,
and communicate data effectively and ethically, and
this includes promoting data literacy among state and
district leaders, and in teacher preparation programs.
Teachers need preservice and ongoing instruction in
using student data and their role in protecting it —
training on FERPA compliance alone won’t lead to
ethical data use. All these actors have a role to play to
be sure that the public and teachers feel comfortable
that data are a tool for helping students, not tracking,
labeling, or shaming. K
References
Carlson, D., Borman, G.D., & Robinson, M. (2011). A
multistate district-level cluster randomized trial of the impact of
data-driven reform on reading and mathematics achievement.
Educational Evaluation and Policy Analysis, 33 (3), 378-398.
Earl, L.M. & Katz, S. (2006). Leading schools in a data-rich
world: Harnessing data for school improvement. Thousand
Oaks, CA: Corwin Press.
Gummer, E.S. & Mandinach, E.B. (in press). Building a
conceptual framework for data literacy. Teachers College
Record.
Hamilton, L., Halverson, R., Jackson, S.S., Mandinach,
E., Supovitz, J.A., & Wayman, J.C. (2009). Using student
achievement data to support instructional decision making.
Washington, DC: U.S. Department of Education, Institute of
Education Sciences, National Center for Education Evaluation.
Konstantopoulos, S., Miller, S., van der Ploeg, A., Li, C.H.,
& Traynor, A. (2013). The impact of Indiana’s system of
benchmark assessments on mathematics achievement.
Educational Evaluation and Policy Analysis, 35 (4), 481-499.
Mandinach, E.B. (2012). A perfect time for data use: Using
data-driven decision making to inform practice. Educational
Psychologist, 47 (2), 71-85.
Shulman, L.S. (1986). Those who understand: Knowledge
growth in teaching. Educational Researcher, 15 (2), 4-14.
is important. And what teachers consider important
data or evidence has real implications for what they
will use.
States, districts, and educator preparation pro-
grams must do more to promote teacher data lit-
eracy and ethical use of data through policy, training,
and practice.
the setting matters
Data literacy skills can become a powerful tool to
inform teacher practice. Teachers need to use data,
and they need to do it foremost in a way that is in
the interest of their students. Student-focused data
use includes:
• Using data to inform instruction;
• Using access to student data appropriately;
• Displaying data appropriately; and
• Disclosing and communicating data
appropriately.
Responsible data use also includes knowing
when and when not to discuss a student’s
performance in public.
“Not only did the cat eat my homework, it went viral on
YouTube.”
K1502_February.indd 28 12/19/14 10:31 AM
Copyright of Phi Delta Kappan is the property of Sage Publications, Inc. and its content may
not be copied or emailed to multiple sites or posted to a listserv without the copyright holder’s
express written permission. However, users may print, download, or email articles for
individual use.
Rubric Detail
Select Grid View or List View to change the rubric’s layout.
Content
Name: EDSD_7900_Module1_Discussion2_Rubric
Grid View
List View
Unacceptable Graduate-Level Work
Minimal Graduate-Level Work
Advanced Graduate-Level Work
Exemplary Advanced Graduate-Level Work
Initial Discussion Post
Points:
Points Range:
0 (0%) – 3.5 (34.99%)
Post is vague, incomplete, or demonstrates a low level of thinking.
Post is posted after the due date, or it is off-task from the instructions.
Post includes information from resources but does not include appropriate APA in-text citations and references.
Feedback:
Points:
Points Range:
3.5 (35%) – 4 (40%)
Post is acceptable but does not consistently demonstrate higher-order thinking.
Post is posted by the due date, but does not address all components of the instructions.
Post includes information from resources and notes either an incomplete APA in-text citation or reference.
Feedback:
Points:
Points Range:
4 (40%) – 4.5 (45%)
Post is clear, easy to understand, and demonstrates higher-order thinking.
Post is posted by the due date, and addresses all components of the instructions.
Post includes information from resources and uses APA in-text citations and references when appropriate.
Feedback:
Points:
Points Range:
4.5 (45%) – 5 (50%)
Post is original, thought provoking, and stimulates inquiry, investigation, and higher-order thinking.
Post is posted by the due date, and exceeds the expectations of the instructions.
Post includes information from resources and uses APA in-text citations and references when appropriate to effectively support assertions and build on collaborative learning opportunities.
Feedback:
Discussion Response Post
Points:
Points Range:
0 (0%) – 3.5 (34.99%)
Posts are vague, incomplete, or demonstrate a low-level of thinking.
Posts are posted after the due date or they are off-task from the assignment instructions.
Posts include information from resources but do not include appropriate APA in-text citations and references.
Feedback:
Points:
Points Range:
3.5 (35%) – 4 (40%)
Posts are acceptable, but they do not consistently demonstrate higher-order thinking.
Posts are posted by the due date, but they do not address all components of the instructions.
Posts include information from resources and note either an incomplete APA in-text citation or reference.
Feedback:
Points:
Points Range:
4 (40%) – 4.5 (45%)
Posts are clear, easy to understand, and demonstrate higher-order thinking.
Posts are posted by the due date, and they address all components of the instructions.
Posts include information from resources and use APA in-text citations and references when appropriate.
Feedback:
Points:
Points Range:
4.5 (45%) – 5 (50%)
Posts are original, thought provoking, and stimulate inquiry and investigation.
Posts are posted by the due date, and they exceed the expectations of the instructions.
Posts include information from resources and use APA in-text citations and references when appropriate to effectively support assertions and build on collaborative learning opportunities.
Feedback:
Show Descriptions
Show Feedback
Initial Discussion Post–
Levels of Achievement:
Unacceptable Graduate-Level Work
0 (0%) – 3.5 (34.99%)
Post is vague, incomplete, or demonstrates a low level of thinking.
Post is posted after the due date, or it is off-task from the instructions.
Post includes information from resources but does not include appropriate APA in-text citations and references.
Minimal Graduate-Level Work
3.5 (35%) – 4 (40%)
Post is acceptable but does not consistently demonstrate higher-order thinking.
Post is posted by the due date, but does not address all components of the instructions.
Post includes information from resources and notes either an incomplete APA in-text citation or reference.
Advanced Graduate-Level Work
4 (40%) – 4.5 (45%)
Post is clear, easy to understand, and demonstrates higher-order thinking.
Post is posted by the due date, and addresses all components of the instructions.
Post includes information from resources and uses APA in-text citations and references when appropriate.
Exemplary Advanced Graduate-Level Work
4.5 (45%) – 5 (50%)
Post is original, thought provoking, and stimulates inquiry, investigation, and higher-order thinking.
Post is posted by the due date, and exceeds the expectations of the instructions.
Post includes information from resources and uses APA in-text citations and references when appropriate to effectively support assertions and build on collaborative learning opportunities.
Feedback:
Discussion Response Post–
Levels of Achievement:
Unacceptable Graduate-Level Work
0 (0%) – 3.5 (34.99%)
Posts are vague, incomplete, or demonstrate a low-level of thinking.
Posts are posted after the due date or they are off-task from the assignment instructions.
Posts include information from resources but do not include appropriate APA in-text citations and references.
Minimal Graduate-Level Work
3.5 (35%) – 4 (40%)
Posts are acceptable, but they do not consistently demonstrate higher-order thinking.
Posts are posted by the due date, but they do not address all components of the instructions.
Posts include information from resources and note either an incomplete APA in-text citation or reference.
Advanced Graduate-Level Work
4 (40%) – 4.5 (45%)
Posts are clear, easy to understand, and demonstrate higher-order thinking.
Posts are posted by the due date, and they address all components of the instructions.
Posts include information from resources and use APA in-text citations and references when appropriate.
Exemplary Advanced Graduate-Level Work
4.5 (45%) – 5 (50%)
Posts are original, thought provoking, and stimulate inquiry and investigation.
Posts are posted by the due date, and they exceed the expectations of the instructions.
Posts include information from resources and use APA in-text citations and references when appropriate to effectively support assertions and build on collaborative learning opportunities.
Feedback:
Name: EDSD_7900_Module1_Discussion2_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-wrap: break-word; }
.vtbegenerated_div { position: relative; overflow-wrap: break-word; margin-bottom: 1em; }
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: 0px; padding: 0px; }
.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:not([title=””]):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); }
.breadcrumb-controls #editModeToggleLink:hover::after, .breadcrumb-controls #helpTextToggleLink:hover::after { right: 0px; left: auto; margin-top: 5px; }
.breadcrumb-controls .switch a:focus:hover::after { display: none; }
.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-decoration: underline; }
.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-decoration: underline; }
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 “) 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 { padding: 2px 1px 2px 20px; }
.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.btn-with-img { font-size: 1px; border: 0px; background: transparent; }
.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; margin: 0px 0px 4px; }
.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 { background-position: -32px -16px; }
.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; }
.actionBarMicro #expandAllLink a:hover span, .actionBarMicro #expandAllLink.active a span { background-position: -208px -16px; }
.actionBarMicro #collapseAllLink a span { background-position: -224px 0px; }
.actionBarMicro #collapseAllLink a:hover span, .actionBarMicro #collapseAllLink.active a span { background-position: -224px -16px; }
.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 { background-position: -80px -16px; }
.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: inline-block; vertical-align: middle; border-right: 1px dotted 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 { }
.editLangPackTextWrapping { word-break: break-word; }
@supports ( -ms-ime-align:auto ) {
.attachments.editLangPackTable { table-layout: fixed; }
.editLangPackTextWrapping { overflow-wrap: break-word; }
}
.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 { background-color: rgb(255, 255, 255); }
.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; }
.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 “) -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 “); 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 “) -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 “) -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; padding: 4px 20px 4px 10px; }
#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: 25px; 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; padding: 2px 6px 0px 0px; }
.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; padding: 0px; zoom: 1; z-index: 2; }
.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 a.comboLink_active, .tools a.comboLink_active, .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 “); 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; padding: 10px 0px 9px 12px; }
.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; vertical-align: middle; }
.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; padding: 0px 0px 6px; }
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: 0px; padding: 0px; }
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; }
.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 { 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; padding: 2px 2px 2px 20px; }
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; }
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 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: 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 { 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 “); 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 { margin: -10px -30px; }
.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; transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
.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; }
.contentList > li, .buildList > li, .contentListPlain > li, .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; padding: 12px 0px 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; padding-top: 100px; }
.table-scroll-wrapper .helphelp { display: block; margin: 0px auto; }
.details .attachments { margin-bottom: 9px; word-break: normal; overflow-wrap: break-word; }
.buildList > li.separator { background: rgb(237, 237, 237); }
.separator h3.item, .external-breadcrumbs .receipt { margin: 0px; padding: 0px; }
.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: solid; border-color: rgb(172, 194, 223) rgb(85, 119, 187) 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; }
.freq2 { font-size: 105%; padding: 0px 1px; }
.freq3 { font-size: 120%; padding: 0px 1px; }
.freq4 { font-size: 135%; padding: 0px 1px; }
.freq5 { font-size: 150%; 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: 0px; padding: 0px; }
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; vertical-align: top; }
.itemIconLink-square img { width: 0.8em; height: 0.8em; vertical-align: top; }
.itemIconLink-horizontal img { width: 1em; height: 0.8em; vertical-align: top; }
.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: normal; overflow-wrap: break-word; }
.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; 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; }
.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-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); 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; margin: 6px 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 { padding-left: 32px; }
.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; }
p#searchAgainByDb, p#searchAgainByDbDescription { text-align: center; }
p#searchAgainByDb { padding-top: 12px; font-weight: bold; }
.modalOverlay { display: none; opacity: 0.01; position: fixed; inset: 0px; z-index: 90; 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; }
.actionBar ul li.mainButton a.liveAreaTab, .actionBar ul 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 input[type=”text”], .smallControls select { width: 100%; padding: 0px !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); font-weight: normal; text-decoration: none; display: block; 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; }
.bcMenuDiv-2 { width: 380px; }
.bcMenuDiv-3 { width: 570px; }
.bcMenuDiv-4 { width: 760px; }
.bcMenuDiv-5 { width: 950px; }
.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; width: 16px; height: 16px; }
.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; padding-left: 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); padding: 18px 3px 29px 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; position: relative; margin: 0px 3px 6px 0px; top: 2px; vertical-align: middle; }
.search-element input[type=”text”] { width: 60%; 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; padding: 0px; margin: 0px; border-style: none; }
.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; inset: 0px; z-index: 1000; 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 li.stepInfo { padding: 6px 10px; margin-bottom: 12px; }
.stepcontent ol li div.label { font-weight: normal; margin-right: 15px; }
.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 .stepInfo .stepHelp { margin: 0px; padding: 0px; }
.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; margin-right: 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: initial; border-right-color: initial; border-bottom-color: initial; 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 { vertical-align: middle; }
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); 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 { padding: 0px 24px 18px 58px; }
span.stepTitleRight p.taskbuttondiv, span.contentListRight p.taskbuttondiv { font-weight: bold; margin: 0px !important; padding: 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 { padding: 15px 30px; position: relative; }
#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; }
#dataCollectionContainer .noLabelField > .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); border-image: initial; border-top-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; 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; }
.imgWrapper { overflow: auto; margin: 6px auto; text-align: 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 0px; padding: 0px 0px 0px 16px; }
.portlet .courseDataBlock { text-indent: -4px; margin: 4px 0px; padding: 0px 0px 0px 4px; }
.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 rgb(204, 204, 204); font-weight: bold; }
.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; font-weight: normal; }
.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); border-radius: 2px; }
.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: 300px; border: 2px solid rgb(187, 187, 187); }
.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; vertical-align: top; }
.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; }
.alignPanel td.actionCell { padding: 4px 0px; white-space: nowrap; width: 1%; }
.pageBreadcrumb { height: 1em; padding: 6px; }
.pageBreadcrumb ul { list-style: none; margin: 0px; padding: 0px; font-size: 90%; }
.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%; }
.legendbox-2 { width: 48%; }
.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; inset: 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 th, 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; }
.smallControls { font-size: 90%; min-width: 19em; margin-top: 3px !important; }
.smallControls .label { width: 29%; }
.smallControls .field { width: 70%; }
.smallControls .stepHelp { padding: 0px; font-size: 100% !important; }
.customFormBuilderLabel { display: block; width: 88%; overflow-wrap: break-word; }
.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%; 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; font-size: 90%; }
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 { background-color: rgb(64, 64, 64); }
.mybb-tools a { background-image: url(“/images/ci/mybb/mybb_nav_sprite_sm “); 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; }
.mybb-tools .ltilaunchtool a { background-size: contain; width: auto; }
#ftueTooltip { top: 40px; right: 12px; width: 200px; margin: 0px 0px 6px; border: 1px solid rgb(221, 221, 221); font-weight: normal; padding: 10px; line-height: 1.3em; border-radius: 3px; box-shadow: rgb(102, 102, 102) 1px 1px 5px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); position: absolute; }
#ftueTooltip .arrow { right: 0%; top: -30px; border-style: dashed dashed solid; border-color: transparent transparent rgb(255, 255, 255); border-width: 15px; font-size: 0px; height: 0px; position: absolute; }
#ftueTooltip span { display: block; }
#ftueTooltip .tooltipTitle { font-weight: bold; margin-top: 3px; margin-bottom: 10px; font-size: 16px; }
#ftueTooltip .tooltipButton { top: 4px; display: block; float: right; }
#ftueLightbox .lb-header { display: none; }
#ftueLightbox { max-width: min-content; }
#ftueLightbox .lb-content { width: inherit; }
#ftueLightboxWrapper { width: inherit; }
#ftueLightboxWrapper span, #ftueLightboxWrapper img { display: block; padding: 0px 10px; width: inherit; box-sizing: border-box; }
#ftueLightboxWrapper .ftueTitle { margin-bottom: 15px; margin-top: 10px; font-size: 140%; }
#ftueLightboxWrapper .ftueText { font-size: 120%; margin-top: 10px; margin-bottom: 70px; }
#ftueFooter { height: 50px; border-top: 1px solid rgb(183, 183, 183); background-color: rgb(231, 231, 231); position: absolute; bottom: 0px; width: 100%; }
#ftueFooter .ftueButton { display: block; float: right; margin: 10px; }
.litLaunch-wrap { height: 450px; }
@media only screen and (min-width: 0px) and (max-width: 1037px) {
#ftueTooltip { display: block; position: fixed; top: 50px; right: auto; margin-left: 5px; line-height: 1em; }
#ftueTooltip .arrow { left: 0%; right: auto; }
}
#global-nav .profile img { width: 30px; height: 30px; margin: 5px; padding: 0px; }
.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(255, 255, 255); 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(15, 126, 149); 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 “); 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; }
#global-nav-flyout .accordion_toggle { border-width: 0px; padding: 0px; margin: 0px; width: 100%; text-align: left; }
.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 { border: none; }
#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; inset: 0px; z-index: 1001; opacity: 0.5; }
div.lb-wrapper { position: fixed; z-index: 10000; box-shadow: rgba(0, 0, 0, 0.6) 0px 4px 12px; border-radius: 5px; }
div.lb-wrapper-absolute { position: absolute; }
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; }
.keyboardAccess .x-arrows { 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; }
.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; }
#clearAttemptsFlyOut { z-index: 1500; }
.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 “) no-repeat; }
li.changed { background: url(“/images/ci/icons/item_analysis_changed “) no-repeat; }
li.notallgraded { background: url(“/images/ci/icons/item_analysis_allgraded “) 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 “); 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 “) 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 “) 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 “) 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-bottom: 1px solid rgb(255, 255, 255); }
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 “); 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; 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; 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; }
.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); }
.userEmailLabel li { height: 22px; border-radius: 2px; line-height: 22px; vertical-align: middle; }
.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; transition: all 0.2s ease 0s; }
#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 “); 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 0px 0px 5px; background: rgb(255, 255, 255); }
.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%; }
.quick_links_header_h3 { margin-left: 6%; }
.quick_links_header_h4 { margin-left: 9%; }
.quick_links_header_h5 { margin-left: 12%; }
.quick_links_header_h6 { margin-left: 15%; }
.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: 4px; vertical-align: middle; }
.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: 0; 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; }
.inventoryListCardView .cardPiece30 { height: 30px; max-height: 30px; overflow: hidden; padding: 0px 0px 0px 18px; }
.inventoryListCardView .cardPiece40 { height: 40px; max-height: 40px; overflow: hidden; padding: 0px 0px 0px 18px; }
.inventoryListCardView .cardPiece50 { height: 50px; max-height: 50px; overflow: hidden; padding: 0px 0px 0px 18px; }
.inventoryListCardView .cardPiece60 { height: 60px; max-height: 60px; overflow: hidden; padding: 6px 0px 0px; }
.inventoryListCardView .cardPiece70 { height: 70px; max-height: 70px; overflow: hidden; padding: 6px 0px 0px; }
.inventoryListCardView .cardPiece80 { height: 80px; max-height: 80px; 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 “) right center / 90% 70% no-repeat transparent; left: 0px; }
.noItems.container-empty .arrow-right { background: url(“/images/ci/misc/overlay_arrow_right “) 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; 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; padding-top: 25px; }
.bltiLaunchForm div.field { width: 100%; }
.bltiLaunchForm div#dataCollectionContainer .taskbuttondiv:first-child { padding: 18px 24px; }
@media only screen and (max-width: 736px) and (min-width: 0) {
.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%; }
#skip-to-content { position: absolute; top: 0px; left: -100000px; }
#skip-to-content:focus { background: rgb(255, 255, 255); left: 0px; padding: 10px; z-index: 10000; }
img.ax-image-placeholder, .mybb-tools li a:focus img.ax-image-placeholder { outline: none; position: absolute; top: auto; }
span.negativepointshelp { white-space: normal; }
.mceToolbar.mceToolbarRow2.Enabled { margin-right: 105px; margin-left: 0px; }
.horizontalList li { display: -webkit-inline-box; }
.tox-tinymce-aux { z-index: 10000 !important; }
pre.codeblock { background: rgb(245, 242, 240); padding: 1em; border-radius: 0.3em; margin: 0.5em 0px; overflow: auto; text-align: left; white-space: pre; overflow-wrap: normal; line-height: 1.5; hyphens: none; }
span.inline-code { background: rgb(245, 242, 240); padding: 0.1em; border-radius: 0.3em; white-space: normal; overflow-wrap: normal; line-height: 1.5; hyphens: none; }
.ltiLinkContainer { cursor: pointer; }
@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; }
.icon-3x { font-size: 3em; }
.icon-3x.icon-border { border-width: 3px; border-radius: 5px; }
.icon-4x { font-size: 4em; }
.icon-4x.icon-border { border-width: 4px; border-radius: 6px; }
.icon-5x { font-size: 5em; }
.icon-5x.icon-border { border-width: 5px; border-radius: 7px; }
.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-glass::before { content: “”; }
.icon-music::before { content: “”; }
.icon-search::before { content: “”; }
.icon-envelope-alt::before { content: “”; }
.icon-heart::before { content: “”; }
.icon-star::before { content: “”; }
.icon-star-empty::before { content: “”; }
.icon-user::before { content: “”; }
.icon-film::before { content: “”; }
.icon-th-large::before { content: “”; }
.icon-th::before { content: “”; }
.icon-th-list::before { content: “”; }
.icon-ok::before { content: “”; }
.icon-remove::before { content: “”; }
.icon-zoom-in::before { content: “”; }
.icon-zoom-out::before { content: “”; }
.icon-power-off::before, .icon-off::before { content: “”; }
.icon-signal::before { content: “”; }
.icon-gear::before, .icon-cog::before { content: “”; }
.icon-trash::before { content: “”; }
.icon-home::before { content: “”; }
.icon-file-alt::before { content: “”; }
.icon-time::before { content: “”; }
.icon-road::before { content: “”; }
.icon-download-alt::before { content: “”; }
.icon-download::before { content: “”; }
.icon-upload::before { content: “”; }
.icon-inbox::before { content: “”; }
.icon-play-circle::before { content: “”; }
.icon-rotate-right::before, .icon-repeat::before { content: “”; }
.icon-refresh::before { content: “”; }
.icon-list-alt::before { content: “”; }
.icon-lock::before { content: “”; }
.icon-flag::before { content: “”; }
.icon-headphones::before { content: “”; }
.icon-volume-off::before { content: “”; }
.icon-volume-down::before { content: “”; }
.icon-volume-up::before { content: “”; }
.icon-qrcode::before { content: “”; }
.icon-barcode::before { content: “”; }
.icon-tag::before { content: “”; }
.icon-tags::before { content: “”; }
.icon-book::before { content: “”; }
.icon-bookmark::before { content: “”; }
.icon-print::before { content: “”; }
.icon-camera::before { content: “”; }
.icon-font::before { content: “”; }
.icon-bold::before { content: “”; }
.icon-italic::before { content: “”; }
.icon-text-height::before { content: “”; }
.icon-text-width::before { content: “”; }
.icon-align-left::before { content: “”; }
.icon-align-center::before { content: “”; }
.icon-align-right::before { content: “”; }
.icon-align-justify::before { content: “”; }
.icon-list::before { content: “”; }
.icon-indent-left::before { content: “”; }
.icon-indent-right::before { content: “”; }
.icon-facetime-video::before { content: “”; }
.icon-picture::before { content: “”; }
.icon-pencil::before { content: “”; }
.icon-map-marker::before { content: “”; }
.icon-adjust::before { content: “”; }
.icon-tint::before { content: “”; }
.icon-edit::before { content: “”; }
.icon-share::before { content: “”; }
.icon-check::before { content: “”; }
.icon-move::before { content: “”; }
.icon-step-backward::before { content: “”; }
.icon-fast-backward::before { content: “”; }
.icon-backward::before { content: “”; }
.icon-play::before { content: “”; }
.icon-pause::before { content: “”; }
.icon-stop::before { content: “”; }
.icon-forward::before { content: “”; }
.icon-fast-forward::before { content: “”; }
.icon-step-forward::before { content: “”; }
.icon-eject::before { content: “”; }
.icon-chevron-left::before { content: “”; }
.icon-chevron-right::before { content: “”; }
.icon-plus-sign::before { content: “”; }
.icon-minus-sign::before { content: “”; }
.icon-remove-sign::before { content: “”; }
.icon-ok-sign::before { content: “”; }
.icon-question-sign::before { content: “”; }
.icon-info-sign::before { content: “”; }
.icon-screenshot::before { content: “”; }
.icon-remove-circle::before { content: “”; }
.icon-ok-circle::before { content: “”; }
.icon-ban-circle::before { content: “”; }
.icon-arrow-left::before { content: “”; }
.icon-arrow-right::before { content: “”; }
.icon-arrow-up::before { content: “”; }
.icon-arrow-down::before { content: “”; }
.icon-mail-forward::before, .icon-share-alt::before { content: “”; }
.icon-resize-full::before { content: “”; }
.icon-resize-small::before { content: “”; }
.icon-plus::before { content: “”; }
.icon-minus::before { content: “”; }
.icon-asterisk::before { content: “”; }
.icon-exclamation-sign::before { content: “”; }
.icon-gift::before { content: “”; }
.icon-leaf::before { content: “”; }
.icon-fire::before { content: “”; }
.icon-eye-open::before { content: “”; }
.icon-eye-close::before { content: “”; }
.icon-warning-sign::before { content: “”; }
.icon-plane::before { content: “”; }
.icon-calendar::before { content: “”; }
.icon-random::before { content: “”; }
.icon-comment::before { content: “”; }
.icon-magnet::before { content: “”; }
.icon-chevron-up::before { content: “”; }
.icon-chevron-down::before { content: “”; }
.icon-retweet::before { content: “”; }
.icon-shopping-cart::before { content: “”; }
.icon-folder-close::before { content: “”; }
.icon-folder-open::before { content: “”; }
.icon-resize-vertical::before { content: “”; }
.icon-resize-horizontal::before { content: “”; }
.icon-bar-chart::before { content: “”; }
.icon-twitter-sign::before { content: “”; }
.icon-facebook-sign::before { content: “”; }
.icon-camera-retro::before { content: “”; }
.icon-key::before { content: “”; }
.icon-gears::before, .icon-cogs::before { content: “”; }
.icon-comments::before { content: “”; }
.icon-thumbs-up-alt::before { content: “”; }
.icon-thumbs-down-alt::before { content: “”; }
.icon-star-half::before { content: “”; }
.icon-heart-empty::before { content: “”; }
.icon-signout::before { content: “”; }
.icon-linkedin-sign::before { content: “”; }
.icon-pushpin::before { content: “”; }
.icon-external-link::before { content: “”; }
.icon-signin::before { content: “”; }
.icon-trophy::before { content: “”; }
.icon-github-sign::before { content: “”; }
.icon-upload-alt::before { content: “”; }
.icon-lemon::before { content: “”; }
.icon-phone::before { content: “”; }
.icon-unchecked::before, .icon-check-empty::before { content: “”; }
.icon-bookmark-empty::before { content: “”; }
.icon-phone-sign::before { content: “”; }
.icon-twitter::before { content: “”; }
.icon-facebook::before { content: “”; }
.icon-github::before { content: “”; }
.icon-unlock::before { content: “”; }
.icon-credit-card::before { content: “”; }
.icon-rss::before { content: “”; }
.icon-hdd::before { content: “”; }
.icon-bullhorn::before { content: “”; }
.icon-bell::before { content: “”; }
.icon-certificate::before { content: “”; }
.icon-hand-right::before { content: “”; }
.icon-hand-left::before { content: “”; }
.icon-hand-up::before { content: “”; }
.icon-hand-down::before { content: “”; }
.icon-circle-arrow-left::before { content: “”; }
.icon-circle-arrow-right::before { content: “”; }
.icon-circle-arrow-up::before { content: “”; }
.icon-circle-arrow-down::before { content: “”; }
.icon-globe::before { content: “”; }
.icon-wrench::before { content: “”; }
.icon-tasks::before { content: “”; }
.icon-filter::before { content: “”; }
.icon-briefcase::before { content: “”; }
.icon-fullscreen::before { content: “”; }
.icon-group::before { content: “”; }
.icon-link::before { content: “”; }
.icon-cloud::before { content: “”; }
.icon-beaker::before { content: “”; }
.icon-cut::before { content: “”; }
.icon-copy::before { content: “”; }
.icon-paperclip::before, .icon-paper-clip::before { content: “”; }
.icon-save::before { content: “”; }
.icon-sign-blank::before { content: “”; }
.icon-reorder::before { content: “”; }
.icon-list-ul::before { content: “”; }
.icon-list-ol::before { content: “”; }
.icon-strikethrough::before { content: “”; }
.icon-underline::before { content: “”; }
.icon-table::before { content: “”; }
.icon-magic::before { content: “”; }
.icon-truck::before { content: “”; }
.icon-pinterest::before { content: “”; }
.icon-pinterest-sign::before { content: “”; }
.icon-google-plus-sign::before { content: “”; }
.icon-google-plus::before { content: “”; }
.icon-money::before { content: “”; }
.icon-caret-down::before { content: “”; }
.icon-caret-up::before { content: “”; }
.icon-caret-left::before { content: “”; }
.icon-caret-right::before { content: “”; }
.icon-columns::before { content: “”; }
.icon-sort::before { content: “”; }
.icon-sort-down::before { content: “”; }
.icon-sort-up::before { content: “”; }
.icon-envelope::before { content: “”; }
.icon-linkedin::before { content: “”; }
.icon-rotate-left::before, .icon-undo::before { content: “”; }
.icon-legal::before { content: “”; }
.icon-dashboard::before { content: “”; }
.icon-comment-alt::before { content: “”; }
.icon-comments-alt::before { content: “”; }
.icon-bolt::before { content: “”; }
.icon-sitemap::before { content: “”; }
.icon-umbrella::before { content: “”; }
.icon-paste::before { content: “”; }
.icon-lightbulb::before { content: “”; }
.icon-exchange::before { content: “”; }
.icon-cloud-download::before { content: “”; }
.icon-cloud-upload::before { content: “”; }
.icon-user-md::before { content: “”; }
.icon-stethoscope::before { content: “”; }
.icon-suitcase::before { content: “”; }
.icon-bell-alt::before { content: “”; }
.icon-coffee::before { content: “”; }
.icon-food::before { content: “”; }
.icon-file-text-alt::before { content: “”; }
.icon-building::before { content: “”; }
.icon-hospital::before { content: “”; }
.icon-ambulance::before { content: “”; }
.icon-medkit::before { content: “”; }
.icon-fighter-jet::before { content: “”; }
.icon-beer::before { content: “”; }
.icon-h-sign::before { content: “”; }
.icon-plus-sign-alt::before { content: “”; }
.icon-double-angle-left::before { content: “”; }
.icon-double-angle-right::before { content: “”; }
.icon-double-angle-up::before { content: “”; }
.icon-double-angle-down::before { content: “”; }
.icon-angle-left::before { content: “”; }
.icon-angle-right::before { content: “”; }
.icon-angle-up::before { content: “”; }
.icon-angle-down::before { content: “”; }
.icon-desktop::before { content: “”; }
.icon-laptop::before { content: “”; }
.icon-tablet::before { content: “”; }
.icon-mobile-phone::before { content: “”; }
.icon-circle-blank::before { content: “”; }
.icon-quote-left::before { content: “”; }
.icon-quote-right::before { content: “”; }
.icon-spinner::before { content: “”; }
.icon-circle::before { content: “”; }
.icon-mail-reply::before, .icon-reply::before { content: “”; }
.icon-github-alt::before { content: “”; }
.icon-folder-close-alt::before { content: “”; }
.icon-folder-open-alt::before { content: “”; }
.icon-expand-alt::before { content: “”; }
.icon-collapse-alt::before { content: “”; }
.icon-smile::before { content: “”; }
.icon-frown::before { content: “”; }
.icon-meh::before { content: “”; }
.icon-gamepad::before { content: “”; }
.icon-keyboard::before { content: “”; }
.icon-flag-alt::before { content: “”; }
.icon-flag-checkered::before { content: “”; }
.icon-terminal::before { content: “”; }
.icon-code::before { content: “”; }
.icon-reply-all::before { content: “”; }
.icon-mail-reply-all::before { content: “”; }
.icon-star-half-full::before, .icon-star-half-empty::before { content: “”; }
.icon-location-arrow::before { content: “”; }
.icon-crop::before { content: “”; }
.icon-code-fork::before { content: “”; }
.icon-unlink::before { content: “”; }
.icon-question::before { content: “”; }
.icon-info::before { content: “”; }
.icon-exclamation::before { content: “”; }
.icon-superscript::before { content: “”; }
.icon-subscript::before { content: “”; }
.icon-eraser::before { content: “”; }
.icon-puzzle-piece::before { content: “”; }
.icon-microphone::before { content: “”; }
.icon-microphone-off::before { content: “”; }
.icon-shield::before { content: “”; }
.icon-calendar-empty::before { content: “”; }
.icon-fire-extinguisher::before { content: “”; }
.icon-rocket::before { content: “”; }
.icon-maxcdn::before { content: “”; }
.icon-chevron-sign-left::before { content: “”; }
.icon-chevron-sign-right::before { content: “”; }
.icon-chevron-sign-up::before { content: “”; }
.icon-chevron-sign-down::before { content: “”; }
.icon-html5::before { content: “”; }
.icon-css3::before { content: “”; }
.icon-anchor::before { content: “”; }
.icon-unlock-alt::before { content: “”; }
.icon-bullseye::before { content: “”; }
.icon-ellipsis-horizontal::before { content: “”; }
.icon-ellipsis-vertical::before { content: “”; }
.icon-rss-sign::before { content: “”; }
.icon-play-sign::before { content: “”; }
.icon-ticket::before { content: “”; }
.icon-minus-sign-alt::before { content: “”; }
.icon-check-minus::before { content: “”; }
.icon-level-up::before { content: “”; }
.icon-level-down::before { content: “”; }
.icon-check-sign::before { content: “”; }
.icon-edit-sign::before { content: “”; }
.icon-external-link-sign::before { content: “”; }
.icon-share-sign::before { content: “”; }
.icon-compass::before { content: “”; }
.icon-collapse::before { content: “”; }
.icon-collapse-top::before { content: “”; }
.icon-expand::before { content: “”; }
.icon-euro::before, .icon-eur::before { content: “”; }
.icon-gbp::before { content: “”; }
.icon-dollar::before, .icon-usd::before { content: “”; }
.icon-rupee::before, .icon-inr::before { content: “”; }
.icon-yen::before, .icon-jpy::before { content: “”; }
.icon-renminbi::before, .icon-cny::before { content: “”; }
.icon-won::before, .icon-krw::before { content: “”; }
.icon-bitcoin::before, .icon-btc::before { content: “”; }
.icon-file::before { content: “”; }
.icon-file-text::before { content: “”; }
.icon-sort-by-alphabet::before { content: “”; }
.icon-sort-by-alphabet-alt::before { content: “”; }
.icon-sort-by-attributes::before { content: “”; }
.icon-sort-by-attributes-alt::before { content: “”; }
.icon-sort-by-order::before { content: “”; }
.icon-sort-by-order-alt::before { content: “”; }
.icon-thumbs-up::before { content: “”; }
.icon-thumbs-down::before { content: “”; }
.icon-youtube-sign::before { content: “”; }
.icon-youtube::before { content: “”; }
.icon-xing::before { content: “”; }
.icon-xing-sign::before { content: “”; }
.icon-youtube-play::before { content: “”; }
.icon-dropbox::before { content: “”; }
.icon-stackexchange::before { content: “”; }
.icon-instagram::before { content: “”; }
.icon-flickr::before { content: “”; }
.icon-adn::before { content: “”; }
.icon-bitbucket::before { content: “”; }
.icon-bitbucket-sign::before { content: “”; }
.icon-tumblr::before { content: “”; }
.icon-tumblr-sign::before { content: “”; }
.icon-long-arrow-down::before { content: “”; }
.icon-long-arrow-up::before { content: “”; }
.icon-long-arrow-left::before { content: “”; }
.icon-long-arrow-right::before { content: “”; }
.icon-apple::before { content: “”; }
.icon-windows::before { content: “”; }
.icon-android::before { content: “”; }
.icon-linux::before { content: “”; }
.icon-dribbble::before { content: “”; }
.icon-skype::before { content: “”; }
.icon-foursquare::before { content: “”; }
.icon-trello::before { content: “”; }
.icon-female::before { content: “”; }
.icon-male::before { content: “”; }
.icon-gittip::before { content: “”; }
.icon-sun::before { content: “”; }
.icon-moon::before { content: “”; }
.icon-archive::before { content: “”; }
.icon-bug::before { content: “”; }
.icon-vk::before { content: “”; }
.icon-weibo::before { content: “”; }
.icon-renren::before { content: “”; }
@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-weight: inherit; font-style: inherit; font-family: inherit; 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:not([data-mce-style]) :not(.vtbegenerated) { 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; padding-left: 40px; }
.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:not([data-mce-style]) { 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; }
.topTabs-compact .bannerImage, .topTabs-compact .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; }
.resourcePickerContainer .container { min-height: 380px; }
.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-2 { width: 50%; }
.column-3 { width: 33.3%; }
.column-4 { width: 25%; }
.column-5 { width: 20%; }
#lightbox .column-3, #lightbox .column-2 { margin: 0px; min-height: 200px !important; }
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; }
.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; }
a.cmimg { zoom: 1; }
div.field .vtbegenerated em { color: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-style: italic; 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”); }
@font-face { font-family: “Open Sans”; font-style: normal; font-weight: 400; src: url(“fonts/open-sans/open-sans-regular.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: italic; font-weight: 400; src: url(“fonts/open-sans/open-sans-italic.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: normal; font-weight: 600; src: url(“fonts/open-sans/open-sans-600.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: italic; font-weight: 600; src: url(“fonts/open-sans/open-sans-600italic.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: normal; font-weight: 700; src: url(“fonts/open-sans/open-sans-700.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: italic; font-weight: 700; src: url(“fonts/open-sans/open-sans-700italic.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: normal; font-weight: 800; src: url(“fonts/open-sans/open-sans-800.woff”) format(“woff”); }
@font-face { font-family: “Open Sans”; font-style: italic; font-weight: 800; src: url(“fonts/open-sans/open-sans-800italic.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-700.woff”) format(“woff”); }
@font-face { font-family: “Noto Serif”; font-style: italic; font-weight: 700; src: url(“fonts/noto-serif/noto-serif-700italic.woff”) format(“woff”); }
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-weight: inherit; font-style: inherit; font-family: inherit; 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 { }
.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; padding-left: 40px; }
.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 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%; }
body { height: 100%; }
.scroller-top { height: 89px; }
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; }
.topTabs-compact .bannerImage, .topTabs-compact .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); }
.contcollapsed { margin-left: 15px; }
.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-2 { width: 50%; }
.column-3 { width: 33.3%; }
.column-4 { width: 25%; }
.column-5 { width: 20%; }
#lightbox .column-3, #lightbox .column-2 { margin: 0px; min-height: 200px !important; }
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; padding: 4px 1px 4px 2px !important; }
a.cmimg { zoom: 1; }
@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; overflow: visible; }
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); }
.external-breadcrumbs .breadcrumbs { padding: 12px 40px 0px 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: 0px; padding: 0px; }
.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 “) 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; }
#puller.pullcollapsed a:hover img, #puller.pullcollapsed a:focus img, #puller a:hover img, #puller a:focus img { }
#puller.pullcollapsed a:hover img, #puller.pullcollapsed 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; }
.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-bottom-style: solid; border-bottom-color: rgb(205, 205, 205); background: rgb(255, 255, 255); }
.external-breadcrumbs .breadcrumbs { padding: 12px 40px 0px 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; }
.paneTabs .active a, .paneTabs .active a:hover, .paneTabs .active a:focus, .paneTabs .activepersonal a, .paneTabs .activepersonal a:hover, .paneTabs .active h3 { position: relative; font-weight: bold; color: rgb(0, 133, 165); text-decoration: none; margin: 0px 5px 0px 10px; }
.paneTabs .active a::before { bottom: 0px; }
.paneTabs .active a::after { bottom: -1px; }
.paneTabs .activepersonal a, .paneTabs .activepersonal a:hover { font-weight: bold; padding: 5px 22px 5px 16px; }
.paneTabs .personal a { display: block; text-decoration: none; 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: url(“images/small_external_content.gif”) 2px center no-repeat rgb(255, 241, 197); }
.paneTabs .activepersonal a.paneTabOptions, .paneTabs .personal a.paneTabOptions { background-color: transparent; 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 { background-image: url(“images/indicators “); background-repeat: no-repeat; background-position: center 6px; }
.paneTabs a.hiddenTabsLink img { height: 2px; width: 2px; 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 “) 100% 50% no-repeat transparent; }
.path .placeholder, .simplePath .placeholder { color: rgb(51, 51, 51); margin: 0px; font-weight: normal; padding: 2px 10px 5px; background-image: none; }
.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; margin-right: 10px; }
.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 { 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; }
.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 { margin: 6px 0px 0px; }
.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 input[type=”radio”] { position: absolute; left: 0px; top: 0px; }
.paletteItems li:hover, .paletteItems li:focus { background: rgb(255, 255, 255); }
.paletteItems li a:hover, .paletteItems li a:focus { text-decoration: underline; }
.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; padding: 0px 2px 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 “) 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-decoration: underline; }
.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 “) 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; vertical-align: middle; }
.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-decoration: underline; }
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 “) 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-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: 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 “) 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-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: 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 { background-color: rgb(255, 255, 255); }
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, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-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 { 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 { 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 { 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 { 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; margin: 0px 0px 4px; }
.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-color: rgb(235, 235, 235) !important; }
.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 “); background-repeat: no-repeat; vertical-align: middle; }
.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 { background-position: -32px -16px; }
.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; }
.actionBarMicro #expandAllLink a:hover span, .actionBarMicro #expandAllLink.active a span { background-position: -208px -16px; }
.actionBarMicro #collapseAllLink a span { background-position: -224px 0px; }
.actionBarMicro #collapseAllLink a:hover span, .actionBarMicro #collapseAllLink.active a span { background-position: -224px -16px; }
.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 { background-position: -80px -16px; }
.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: inline-block; vertical-align: middle; border-right: 1px dotted transparent; min-width: 57px; }
.modeSwitchWrap { font-size: 90%; font-weight: bold; display: inline-block; vertical-align: middle; border-right: 1px dotted 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; 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 { background-color: rgb(255, 255, 255); }
.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 “) -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 “) -320px -125px no-repeat scroll transparent; margin: 0px; width: 16px; height: 16px; display: inline-block; }
a.cmimg.cmMore { background: 0px center; }
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: 9px; margin: 0px; padding: 0px; background-image: url(“images/controls “); 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 “) -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 “) -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; }
input[type=”text”], input[type=”password”], select { border-radius: 4px; border: 1px solid rgb(255, 255, 255); padding: 5px; }
.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; }
a.save { background: url(“images/controls “) -50px -123px no-repeat transparent; }
a.cancel { background: url(“images/controls “) -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; border: 1px solid rgb(187, 187, 187); }
#pageHeader, .pageTitle, .pageTitleSmall { margin: 0px; padding: 4px 20px 4px 10px; }
#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); }
#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; 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 { 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); font-weight: normal; }
.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; border-radius: 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: 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 { 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 { border-radius: 0px; }
.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; 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; 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: rgb(51, 51, 51) !important; }
.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; }
.navPaletteContent .submenu li a, h4#cs_search + ul div a { color: rgb(255, 255, 255); }
.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 .cmLink-empty img { display: none; }
#courseMenuPalette { background-color: rgb(51, 51, 51); margin-bottom: 0px; }
.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; font-weight: normal; text-decoration: none; display: block; 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; padding: 0px; zoom: 1; z-index: 2; }
.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; }
.navPaletteContent h3 a { background: url(“images/portlet_contract_alt.gif”) 8px 8px no-repeat transparent; color: rgb(255, 255, 255); font-weight: bold; border-top: 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; }
#courseMenu { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51) !important; }
#courseMenuPalette div.navPaletteContent { padding-top: 14px; 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 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 a.comboLink_active, .tools a.comboLink_active, .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 “); 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; padding: 10px 0px 9px 12px; }
.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; }
.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: 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 { 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 { 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; vertical-align: middle; }
.cmLink-hidden img, .cmLink-empty img { width: 14px; height: 14px; opacity: 0; }
.cmLink-empty { background: url(“images/controls “) -389px -123px no-repeat transparent; display: inline-block; }
.cmLink-hidden { background: url(“images/controls “) -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 { background-image: none; }
.pickerMenu a.open, .pickerMenu a:hover, .pickerMenu a:focus { background: url(“images/indicators “) 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; }
.navPaletteContent .submenu li a, h4#cs_search + ul div a { 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 { background-color: rgb(255, 255, 255); }
.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: url(“images/indicators “); background-repeat: no-repeat; background-position: 97% center; }
.navPaletteCol h3 a, .navPaletteCol h3 a.comboLink { background: url(“images/portlet_expand_alt.gif”) 8px 8px no-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); background: transparent; }
.shortcuts li a:hover, .shortcuts li a:focus { background: url(“images/indicators “) 100% center no-repeat transparent; text-decoration: none; }
#courseMenu_folderView.treeContainer { overflow-x: auto; }
div.expTreeContainer { background: rgb(51, 51, 51); }
div.treeContainer ul.tree, ul.tree { list-style: none; margin: 0px; padding: 0px 0px 6px; }
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; }
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 { background-color: rgb(237, 237, 237); }
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: 0px; padding: 0px; }
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; color: rgb(255, 255, 255) !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; color: rgb(255, 255, 255) !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; }
.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: 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: rgb(0, 0, 0) !important; }
.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 -125px; border: 0px; }
.inventory tr:hover .dndHandle { background: url(“images/reorder_bg “) 0px 0px repeat scroll; }
.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; }
.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; padding: 2px 2px 2px 20px; }
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 “) -20px -180px no-repeat rgb(255, 255, 255); }
div.status a.buttonMicro { padding: 0px 5px; background: url(“images/backgrounds_h “) 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; }
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; }
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 “) 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 “) -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 “) -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”] { 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 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 “); 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 “) 0px -450px no-repeat transparent; text-decoration: none; }
.contentBlock a.collapse { display: block; background: url(“images/indicators “) 0px -1045px no-repeat transparent; text-decoration: none; }
.contentBlock a.collapse:hover, .contentBlock a.hover { text-decoration: underline; }
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 “) -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 “) -1974px center no-repeat scroll transparent; }
.rumble_top { margin: 12px 0px 0px; background: url(“images/selected_items “) 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; 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: 0px; }
.inventory_paging input { background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); }
.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 { margin: -20px -10px; }
.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 { margin: -10px -30px; }
.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; transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
.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; }
.contentList > li, .buildList > li, .contentListPlain > li, .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 “) 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, .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: “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; padding: 12px 0px 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%; padding: 0px; margin: 3px 0px 9px; }
.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; padding-top: 20px; }
.table-scroll-wrapper .helphelp { display: block; margin: 0px auto; }
.details .attachments { margin-bottom: 9px; word-break: normal; overflow-wrap: break-word; }
.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: 0px; padding: 0px; }
.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: solid; border-color: rgb(172, 194, 223) rgb(85, 119, 187) rgb(85, 119, 187) rgb(172, 194, 223); border-image: initial; 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 { font-size: 90%; padding: 0px 1px; }
.freq2 { font-size: 105%; padding: 0px 1px; }
.freq3 { font-size: 120%; padding: 0px 1px; }
.freq4 { font-size: 135%; padding: 0px 1px; }
.freq5 { font-size: 150%; padding: 0px 1px; }
.freq6 { font-size: 165%; padding: 0px 1px; }
.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: 0px; padding: 0px; }
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 “); 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 “) 0px 0px no-repeat transparent; }
.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; 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; vertical-align: top; }
.itemIconLink-square img { width: 0.8em; height: 0.8em; vertical-align: top; }
.itemIconLink-horizontal img { width: 1em; height: 0.8em; vertical-align: top; }
.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: normal; overflow-wrap: break-word; }
.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; 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; 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, 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; 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-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); 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 { 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 “) -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; margin: 6px 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: 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; 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 rgb(68, 177, 14); font-weight: bold; }
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: url(“images/portlet_contract_alt.gif”) 6px 6px no-repeat scroll 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-color: rgb(217, 217, 217); border-left-color: rgb(217, 217, 217); border-image: initial; border-top-style: initial; border-top-color: 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; }
.paneTabs .active a, .paneTabs .active a:hover, .paneTabs .active a:focus, .paneTabs .activepersonal a, .paneTabs .activepersonal a:hover, .paneTabs .active h3 { position: relative; font-weight: bold; color: rgb(51, 51, 51); text-decoration: none; }
.paneTabs .active a::after, .paneTabs .active a::before { display: none; }
.paneTabs .active a::after { bottom: -1px; }
.paneTabs .activepersonal a, .paneTabs .activepersonal a:hover { font-weight: bold; padding: 5px 22px 5px 16px; }
.paneTabs .personal a { display: block; text-decoration: none; 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: url(“images/small_external_content.gif”) 2px center no-repeat rgb(255, 241, 197); }
.paneTabs .activepersonal a.paneTabOptions, .paneTabs .personal a.paneTabOptions { background-color: transparent; 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 { background-image: url(“images/indicators “); background-repeat: no-repeat; background-position: center 6px; }
.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; }
.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); background-color: rgb(105, 105, 105); }
.container div.dropzone { top: 3px !important; }
.modalOverlay { display: none; background-color: rgb(0, 0, 0); opacity: 0.01; position: fixed; inset: 0px; z-index: 90; 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 + 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, ul.nestedList { box-shadow: none; }
.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); 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, .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; box-shadow: none; color: rgb(255, 255, 255); background: rgb(85, 85, 85); filter: none; }
.actionBar ul li.mainButton a.liveAreaTab, .actionBar ul 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 input[type=”text”], .smallControls select { width: 100%; padding: 0px !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; }
.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); font-weight: normal; text-decoration: none; display: block; 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; }
.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; 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%; }
.bcMenuDiv-1 { width: 190px; }
.bcMenuDiv-2 { width: 380px; }
.bcMenuDiv-3 { width: 570px; }
.bcMenuDiv-4 { width: 760px; }
.bcMenuDiv-5 { width: 950px; }
.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; 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%; }
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; width: 16px; height: 16px; }
.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 “); 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%; 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: url(“images/backgrounds_h “) 0px -50px repeat-x rgb(221, 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: rgb(153, 153, 153); border-left-color: rgb(153, 153, 153); border-image: initial; border-bottom-style: initial; border-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, 255); border-radius: 0px; }
div.lb-wrapper div.lb-content div.lb-loading { background: url(“/images/ci/misc/progress/progress_learningSystem.gif”) 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; inset: 0px; z-index: 1000; 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; }
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; }
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; clear: both; visibility: hidden; }
.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; 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 { 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%; 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; margin-right: 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: initial; border-right-color: initial; border-bottom-color: initial; 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); background-color: rgb(255, 255, 255); }
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 { vertical-align: middle; }
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: 0px; font-size: 95%; }
.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 { padding: 0px 24px 18px 58px; }
span.stepTitleRight p.taskbuttondiv, span.contentListRight p.taskbuttondiv { font-weight: bold; margin: 0px !important; padding: 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; padding-left: 12px; }
.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 { padding: 15px 30px; position: relative; }
#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; }
#dataCollectionContainer .noLabelField > .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 .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 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-color: rgb(204, 204, 204); border-image: initial; border-top-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 “) 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: url(“images/backgrounds_h “) 0px -320px repeat-x rgb(170, 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: rgb(51, 51, 51) !important; }
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 { background-color: rgb(239, 239, 239); }
.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; }
#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, background; transition-duration: 200ms; transition-timing-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 0px; vertical-align: middle; }
.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: url(“images/portlet_contract_alt.gif”) 8px 6px no-repeat scroll 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; }
.imgWrapper { overflow: auto; margin: 6px auto; text-align: 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; border-radius: 0px; }
.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 0px; padding: 0px 0px 0px 16px; }
.portlet .courseDataBlock { text-indent: -4px; margin: 4px 0px; padding: 0px 0px 0px 4px; }
.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: url(“images/indicators “) 0px -891px no-repeat transparent; 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); margin-bottom: 3px; }
.submission_list { margin: 0px; padding: 3px 12px; }
.submission_list li { padding: 9px 6px; border-top: 1px dotted rgb(204, 204, 204); font-weight: bold; }
.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; font-weight: normal; }
.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); border-radius: 0px; }
.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; margin: 0px 0px 0px 3px; }
.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 { background: url(“images/portlet_expand_alt.gif”) 2px 11px no-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: url(“images/portlet_contract_alt.gif”) 1px 9px no-repeat 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; }
.portlet #loginBoxFull li label { font-weight: normal; font-size: 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; vertical-align: top; }
.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-weight: bold; color: rgb(85, 85, 85); }
.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; }
.alignPanel td.actionCell { padding: 4px 0px; white-space: nowrap; width: 1%; }
.pageBreadcrumb { background: rgb(255, 255, 255); height: 1em; padding: 6px; }
.pageBreadcrumb ul { list-style: none; margin: 0px; padding: 0px; font-size: 90%; }
.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: rgb(198, 117, 210); font-weight: bold; }
.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%; }
.legendbox-3 { width: 33%; }
.legendbox-2 { width: 48%; }
.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 { 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, .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 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; inset: 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 th, table.reorderable .vtbegenerated tbody tr:hover td, table.reorderable .vtbegenerated tbody tr:hover th, 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; 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); }
.smallControls { font-size: 90%; min-width: 19em; margin-top: 3px !important; }
.smallControls .label { width: 29%; }
.smallControls .field { width: 70%; }
.smallControls .stepHelp { padding: 0px; font-size: 100% !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%; overflow-wrap: break-word; }
.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: 12px; border: 1px solid rgb(187, 187, 187); }
#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 “) 0px -443px no-repeat transparent; }
.infoListWrapper h3 a.open { background: url(“images/indicators “) 0px -1040px no-repeat transparent; }
.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 “) 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 “) 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 { background-color: rgb(230, 229, 221); }
.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 “); background-repeat: no-repeat; background-position: center center; display: inline-block; width: 24px; height: 24px; }
.timePickerButton { background-image: url(“images/icon_clock “); background-repeat: no-repeat; background-position: center center; display: inline-block; width: 24px; height: 24px; }
.datePickerButton img, .timePickerButton img { width: 0px; height: 0px; }
p#top_submitButtonRow input { display: none; }
.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 { 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; }
.inventory > tbody tr:last-child td, .inventory > tbody tr:last-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”] { padding: 6px 8px 7px; }
.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 “) no-repeat; left: 15px; margin-top: 3px; position: absolute; right: 0px; text-indent: -9999px; }
.pager.next a span { background: url(“/images/ci/gradebook/right “) 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%; font-weight: bold; }
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 { font-weight: bold; }
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; padding-left: 6px; }
#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; font-weight: bold; }
.login-page { background-color: rgb(248, 248, 248); width: 100%; height: 100%; position: relative; background-image: url(“images/homepage-hero-image “); 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 “); 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); width: 16px; height: 17px; }
#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 “); margin: 62px auto 31px; height: 58px; width: 330px; 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%; }
.portlet #loginBoxFull li label { font-weight: normal; font-size: 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 “); 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; padding-bottom: 3px; }
.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; clear: both; visibility: hidden; }
.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, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-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; padding-left: 4px; }
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: 30px; border: 0px; }
.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 “) 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 “) 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; padding: 0px 0px 0px 12px; }
.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: 0px; position: relative; }
.navigationPaneWizard .navPalette ul li.currentStep { font-weight: bold; color: rgb(0, 0, 0); }
.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 14px; vertical-align: middle; }
.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; display: inline-block; }
.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 “) 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 “) 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 “) 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; font-weight: bold; }
.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; }
.vtbegenerated ul, .vtbegenerated menu, .vtbegenerated dir { 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 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, .vtbegenerated ul ul ul li { list-style-type: square; }
.vtbegenerated table { border-collapse: separate; }
.vtbegenerated h4, .vtbegenerated h5, .vtbegenerated h6 { margin-bottom: 1.5em; }
.vtbegenerated h4 { font-size: 120%; }
.vtbegenerated h5 { font-size: 110%; }
.vtbegenerated h6 { font-size: 100%; }
.vtbegenerated blockquote { margin: 1em 35px; }
.vtbegenerated ul[type=”circle”] li { list-style-type: circle; }
.vtbegenerated ul[type=”square”] li { list-style-type: square; }
.vtbegenerated ul[type=”disc”] li { list-style-type: disc; }
.inlineVtbegenerated { display: inline; }
.tree .treeNodeIcon { width: 16px; height: 16px; }
.navPaletteContent .submenu li.favorite { padding-left: 10px; }
.navPaletteContent ul[id*=”files_groupContents”] .favorite { padding-left: 0px; }
.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; inset: 20px 20px auto auto; margin: 0px; padding: 4px; position: absolute; }
.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: rgb(0, 0, 0); font-weight: bold; }
.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 18px 12px !important; }
#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; padding: 1px !important; }
.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; }
s-column .column-nav-inner { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(119, 119, 119); 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; }
s-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; inset: 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 solid rgb(218, 218, 218) !important; }
.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-position: -2px -2px; }
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; vertical-align: middle; }
.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 “) 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-switch .currentTheme a::after { content: “”; display: block; font-family: FontAwesome; font-size: 12px; position: absolute; left: 3px; top: 6px; }
body div.lb-overlay { background: url(“images/reorder_bg “) -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; margin: 1px 0px 0px 1px; }
#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 “) no-repeat; }
#wizard .accordion_toggle_choosetheme .right-image { background: url(“/images/ci/icons/wizard_step-2 “) no-repeat; }
#wizard .accordion_toggle_help .right-image { background: url(“/images/ci/icons/wizard_step-4 “) 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: rgb(153, 153, 153); display: block; }
#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); position: relative; }
#wizard .accordion_toggle_help .number { background: url(“/images/ci/icons/step_star_light “) 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; text-align: center; }
.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 { background-color: rgb(119, 119, 119); }
.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; padding-left: 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; border: 1px solid rgb(204, 204, 204); }
#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); position: relative; }
#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 “) 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 “); 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 “) 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: url(“/images/ci/misc/progress/progress_learningSystem.gif”) 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; position: relative; }
.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 “) 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 “) 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 input[type=”radio”] { position: absolute; left: 0px; top: 0px; }
.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; margin-right: 6px; }
.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 “) no-repeat; }
li.changed { background: url(“/images/ci/icons/item_analysis_changed “) no-repeat; }
li.notallgraded { background: url(“/images/ci/icons/item_analysis_allgraded “) no-repeat; }
.questionDetails .rumble_top { margin: -16px -11px 0px 0px; }
.questionDetails .backLink:first-child { inset: 0px auto auto 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 rgb(204, 204, 204); display: block; }
#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 4px; vertical-align: middle; }
.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; appearance: none; padding: 0px 6px; line-height: 21px; border: 1px solid rgb(153, 153, 153); background-image: url(“../../../images/ci/icons/arrowDown-topnav-rvrsd “); 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; background-color: transparent; }
.gray .previewLaunch { background-position: left top; }
.previewLaunchOn { display: block; width: 15px; height: 14px; cursor: pointer; background-image: url(“../../../images/ci/ng/small_new_window.gif”); background-repeat: no-repeat; background-position: left top; background-color: transparent; }
.favStatus { display: block; width: 15px; height: 14px; cursor: pointer; background-image: url(“../../../images/ci/icons/favorites-item_off “); background-repeat: no-repeat; background-position: -100px -100px; background-color: transparent; }
.gray .favStatus { background-position: left top; }
.favStatusOn { display: block; width: 15px; height: 14px; cursor: pointer; background-image: url(“../../../images/ci/icons/favorites-item_on “); background-repeat: no-repeat; background-position: left top; background-color: transparent; }
.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%; font-weight: normal; }
.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 “); 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 “); 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); border: 1px solid rgb(204, 204, 204); }
.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 “) !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 !important; padding-left: 20px !important; }
.pathAllContentFolder { background-repeat: no-repeat; display: inline-block; background-image: url(“/images/ci/icons/tiny-allcontent.gif”) !important; background-position: left top !important; padding-left: 20px !important; }
.pathBookmarkFolder { background-repeat: no-repeat; display: inline-block; background-image: url(“/images/ci/icons/tiny-bookmark “) !important; background-position: left top !important; padding-left: 20px !important; }
.pathInstitutionFolder { background-repeat: no-repeat; display: inline-block; background-image: url(“/images/ci/icons/tiny-institution “) !important; background-position: left top !important; padding-left: 20px !important; }
.pathLibraryFolder { background-repeat: no-repeat; display: inline-block; background-image: url(“/images/ci/icons/tiny-library “) !important; background-position: left top !important; padding-left: 20px !important; }
.pathMyContentFolder { background-repeat: no-repeat; display: inline-block; background-image: url(“/images/ci/icons/tiny-mycontent.gif”) !important; background-position: left top !important; padding-left: 20px !important; }
.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: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) 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 “) 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%; background-color: rgb(245, 245, 245); }
.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%; font-weight: normal; }
.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 { inset: -3px 17px 17px 11px; box-shadow: rgba(0, 0, 0, 0.4) 0px 17px 14px; content: “”; position: absolute; 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; padding-left: 0px; }
.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; text-align: center; }
.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 (min-width: 0) and (max-width: 667px) {
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-top { height: 34px; }
.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; }
table.inventory a.cmimg { opacity: 1; }
#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; }
#courseMenuPalette div.navPaletteContent { padding-top: 0px; }
#courseMenuPalette a, #controlPanelPalette_contents a, #courseMenuPalette span, #controlPanelPalette_contents span { 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: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); border-radius: 0px; }
.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; }
.contcollapsed { margin-left: 0px; }
.contentPaneWide .pageTitle { padding: 20px 10px; }
.stepcontent input[type=”button”] { float: left; clear: both; }
.leftColumn-narrow { width: 100%; background: rgb(238, 238, 238); border-radius: 6px; }
.leftColumn-wide { width: 100%; }
.colophon { float: none; width: auto; margin: 0px; left: 0px; padding-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; }
.contentPaneWide .pageTitle { padding: 20px 10px; }
.contentPaneWide .pageTitle { padding: 20px 10px; }
.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; }
div[id*=”step”], .submittitle, #infoStep, #taskStatusStep, #linkedContentStep { border-top: 0px; }
.actionBar ul.u_floatThis-right { float: left; }
.u_floatThis-left { clear: both; width: 100%; }
.expandedModule .moduleDetails, .expandedModule .moduleSample { 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, .announcementList-read .item, #announcementList .item { padding-right: 5px; width: 100%; }
.announcementFilter { text-align: left; padding-left: 25px; }
.itemDetails, .announcementInfo { width: 100%; float: left; position: relative; }
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; }
.contentPaneWide .pageTitle { padding: 20px 10px; }
.contentPaneWide .pageTitle { padding: 20px 10px; }
.stepcontent input[type=”button”] { margin-top: 20px; }
div[id*=”step”], .submittitle, #infoStep, #taskStatusStep, #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; }
.u_indent { margin-left: 0px !important; }
#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: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); 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; }
.inventoryListTableContainerDiv table.inventory > tbody tr td.smallCell .table-data-cell-value, .inventoryListTableContainerDiv table.inventory > thead tr th.smallCell .table-data-cell-value { float: left; }
.inventoryListTableContainerDiv table.inventory > tbody tr 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; }
table.inventory a.cmimg { opacity: 1; }
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; padding: 20px; margin: 33px 0px 0px; }
.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; }
s-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%; margin-bottom: 20px; }
.quickAddPal .stepcontent .field { width: 100%; }
div.quickAddPal div.field input[type=”text”], div.quickAddPal div.field select, div.quickAddPal div.field textarea { width: 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; padding-bottom: 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 (min-width: 320px) and (max-width: 420px) {
.colspan2 { width: 300px; }
}
@media only screen and (min-width: 421px) and (max-width: 500px) {
.colspan2 { width: 410px; }
}
@media only screen and (min-width: 501px) and (max-width: 580px) {
.colspan2 { width: 500px; }
}
@media only screen and (min-width: 581px) and (max-width: 667px) {
.colspan2 { width: 580px; }
}
@media only screen and (min-width: 0) and (max-width: 337px) {
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-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.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-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.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-glass::before { content: “”; }
.fa-music::before { content: “”; }
.fa-search::before { content: “”; }
.fa-envelope-o::before { content: “”; }
.fa-heart::before { content: “”; }
.fa-star::before { content: “”; }
.fa-star-o::before { content: “”; }
.fa-user::before { content: “”; }
.fa-film::before { content: “”; }
.fa-th-large::before { content: “”; }
.fa-th::before { content: “”; }
.fa-th-list::before { content: “”; }
.fa-check::before { content: “”; }
.fa-remove::before, .fa-close::before, .fa-times::before { content: “”; }
.fa-search-plus::before { content: “”; }
.fa-search-minus::before { content: “”; }
.fa-power-off::before { content: “”; }
.fa-signal::before { content: “”; }
.fa-gear::before, .fa-cog::before { content: “”; }
.fa-trash-o::before { content: “”; }
.fa-home::before { content: “”; }
.fa-file-o::before { content: “”; }
.fa-clock-o::before { content: “”; }
.fa-road::before { content: “”; }
.fa-download::before { content: “”; }
.fa-arrow-circle-o-down::before { content: “”; }
.fa-arrow-circle-o-up::before { content: “”; }
.fa-inbox::before { content: “”; }
.fa-play-circle-o::before { content: “”; }
.fa-rotate-right::before, .fa-repeat::before { content: “”; }
.fa-refresh::before { content: “”; }
.fa-list-alt::before { content: “”; }
.fa-lock::before { content: “”; }
.fa-flag::before { content: “”; }
.fa-headphones::before { content: “”; }
.fa-volume-off::before { content: “”; }
.fa-volume-down::before { content: “”; }
.fa-volume-up::before { content: “”; }
.fa-qrcode::before { content: “”; }
.fa-barcode::before { content: “”; }
.fa-tag::before { content: “”; }
.fa-tags::before { content: “”; }
.fa-book::before { content: “”; }
.fa-bookmark::before { content: “”; }
.fa-print::before { content: “”; }
.fa-camera::before { content: “”; }
.fa-font::before { content: “”; }
.fa-bold::before { content: “”; }
.fa-italic::before { content: “”; }
.fa-text-height::before { content: “”; }
.fa-text-width::before { content: “”; }
.fa-align-left::before { content: “”; }
.fa-align-center::before { content: “”; }
.fa-align-right::before { content: “”; }
.fa-align-justify::before { content: “”; }
.fa-list::before { content: “”; }
.fa-dedent::before, .fa-outdent::before { content: “”; }
.fa-indent::before { content: “”; }
.fa-video-camera::before { content: “”; }
.fa-photo::before, .fa-image::before, .fa-picture-o::before { content: “”; }
.fa-pencil::before { content: “”; }
.fa-map-marker::before { content: “”; }
.fa-adjust::before { content: “”; }
.fa-tint::before { content: “”; }
.fa-edit::before, .fa-pencil-square-o::before { content: “”; }
.fa-share-square-o::before { content: “”; }
.fa-check-square-o::before { content: “”; }
.fa-arrows::before { content: “”; }
.fa-step-backward::before { content: “”; }
.fa-fast-backward::before { content: “”; }
.fa-backward::before { content: “”; }
.fa-play::before { content: “”; }
.fa-pause::before { content: “”; }
.fa-stop::before { content: “”; }
.fa-forward::before { content: “”; }
.fa-fast-forward::before { content: “”; }
.fa-step-forward::before { content: “”; }
.fa-eject::before { content: “”; }
.fa-chevron-left::before { content: “”; }
.fa-chevron-right::before { content: “”; }
.fa-plus-circle::before { content: “”; }
.fa-minus-circle::before { content: “”; }
.fa-times-circle::before { content: “”; }
.fa-check-circle::before { content: “”; }
.fa-question-circle::before { content: “”; }
.fa-info-circle::before { content: “”; }
.fa-crosshairs::before { content: “”; }
.fa-times-circle-o::before { content: “”; }
.fa-check-circle-o::before { content: “”; }
.fa-ban::before { content: “”; }
.fa-arrow-left::before { content: “”; }
.fa-arrow-right::before { content: “”; }
.fa-arrow-up::before { content: “”; }
.fa-arrow-down::before { content: “”; }
.fa-mail-forward::before, .fa-share::before { content: “”; }
.fa-expand::before { content: “”; }
.fa-compress::before { content: “”; }
.fa-plus::before { content: “”; }
.fa-minus::before { content: “”; }
.fa-asterisk::before { content: “”; }
.fa-exclamation-circle::before { content: “”; }
.fa-gift::before { content: “”; }
.fa-leaf::before { content: “”; }
.fa-fire::before { content: “”; }
.fa-eye::before { content: “”; }
.fa-eye-slash::before { content: “”; }
.fa-warning::before, .fa-exclamation-triangle::before { content: “”; }
.fa-plane::before { content: “”; }
.fa-calendar::before { content: “”; }
.fa-random::before { content: “”; }
.fa-comment::before { content: “”; }
.fa-magnet::before { content: “”; }
.fa-chevron-up::before { content: “”; }
.fa-chevron-down::before { content: “”; }
.fa-retweet::before { content: “”; }
.fa-shopping-cart::before { content: “”; }
.fa-folder::before { content: “”; }
.fa-folder-open::before { content: “”; }
.fa-arrows-v::before { content: “”; }
.fa-arrows-h::before { content: “”; }
.fa-bar-chart-o::before, .fa-bar-chart::before { content: “”; }
.fa-twitter-square::before { content: “”; }
.fa-facebook-square::before { content: “”; }
.fa-camera-retro::before { content: “”; }
.fa-key::before { content: “”; }
.fa-gears::before, .fa-cogs::before { content: “”; }
.fa-comments::before { content: “”; }
.fa-thumbs-o-up::before { content: “”; }
.fa-thumbs-o-down::before { content: “”; }
.fa-star-half::before { content: “”; }
.fa-heart-o::before { content: “”; }
.fa-sign-out::before { content: “”; }
.fa-linkedin-square::before { content: “”; }
.fa-thumb-tack::before { content: “”; }
.fa-external-link::before { content: “”; }
.fa-sign-in::before { content: “”; }
.fa-trophy::before { content: “”; }
.fa-github-square::before { content: “”; }
.fa-upload::before { content: “”; }
.fa-lemon-o::before { content: “”; }
.fa-phone::before { content: “”; }
.fa-square-o::before { content: “”; }
.fa-bookmark-o::before { content: “”; }
.fa-phone-square::before { content: “”; }
.fa-twitter::before { content: “”; }
.fa-facebook-f::before, .fa-facebook::before { content: “”; }
.fa-github::before { content: “”; }
.fa-unlock::before { content: “”; }
.fa-credit-card::before { content: “”; }
.fa-feed::before, .fa-rss::before { content: “”; }
.fa-hdd-o::before { content: “”; }
.fa-bullhorn::before { content: “”; }
.fa-bell::before { content: “”; }
.fa-certificate::before { content: “”; }
.fa-hand-o-right::before { content: “”; }
.fa-hand-o-left::before { content: “”; }
.fa-hand-o-up::before { content: “”; }
.fa-hand-o-down::before { content: “”; }
.fa-arrow-circle-left::before { content: “”; }
.fa-arrow-circle-right::before { content: “”; }
.fa-arrow-circle-up::before { content: “”; }
.fa-arrow-circle-down::before { content: “”; }
.fa-globe::before { content: “”; }
.fa-wrench::before { content: “”; }
.fa-tasks::before { content: “”; }
.fa-filter::before { content: “”; }
.fa-briefcase::before { content: “”; }
.fa-arrows-alt::before { content: “”; }
.fa-group::before, .fa-users::before { content: “”; }
.fa-chain::before, .fa-link::before { content: “”; }
.fa-cloud::before { content: “”; }
.fa-flask::before { content: “”; }
.fa-cut::before, .fa-scissors::before { content: “”; }
.fa-copy::before, .fa-files-o::before { content: “”; }
.fa-paperclip::before { content: “”; }
.fa-save::before, .fa-floppy-o::before { content: “”; }
.fa-square::before { content: “”; }
.fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: “”; }
.fa-list-ul::before { content: “”; }
.fa-list-ol::before { content: “”; }
.fa-strikethrough::before { content: “”; }
.fa-underline::before { content: “”; }
.fa-table::before { content: “”; }
.fa-magic::before { content: “”; }
.fa-truck::before { content: “”; }
.fa-pinterest::before { content: “”; }
.fa-pinterest-square::before { content: “”; }
.fa-google-plus-square::before { content: “”; }
.fa-google-plus::before { content: “”; }
.fa-money::before { content: “”; }
.fa-caret-down::before { content: “”; }
.fa-caret-up::before { content: “”; }
.fa-caret-left::before { content: “”; }
.fa-caret-right::before { content: “”; }
.fa-columns::before { content: “”; }
.fa-unsorted::before, .fa-sort::before { content: “”; }
.fa-sort-down::before, .fa-sort-desc::before { content: “”; }
.fa-sort-up::before, .fa-sort-asc::before { content: “”; }
.fa-envelope::before { content: “”; }
.fa-linkedin::before { content: “”; }
.fa-rotate-left::before, .fa-undo::before { content: “”; }
.fa-legal::before, .fa-gavel::before { content: “”; }
.fa-dashboard::before, .fa-tachometer::before { content: “”; }
.fa-comment-o::before { content: “”; }
.fa-comments-o::before { content: “”; }
.fa-flash::before, .fa-bolt::before { content: “”; }
.fa-sitemap::before { content: “”; }
.fa-umbrella::before { content: “”; }
.fa-paste::before, .fa-clipboard::before { content: “”; }
.fa-lightbulb-o::before { content: “”; }
.fa-exchange::before { content: “”; }
.fa-cloud-download::before { content: “”; }
.fa-cloud-upload::before { content: “”; }
.fa-user-md::before { content: “”; }
.fa-stethoscope::before { content: “”; }
.fa-suitcase::before { content: “”; }
.fa-bell-o::before { content: “”; }
.fa-coffee::before { content: “”; }
.fa-cutlery::before { content: “”; }
.fa-file-text-o::before { content: “”; }
.fa-building-o::before { content: “”; }
.fa-hospital-o::before { content: “”; }
.fa-ambulance::before { content: “”; }
.fa-medkit::before { content: “”; }
.fa-fighter-jet::before { content: “”; }
.fa-beer::before { content: “”; }
.fa-h-square::before { content: “”; }
.fa-plus-square::before { content: “”; }
.fa-angle-double-left::before { content: “”; }
.fa-angle-double-right::before { content: “”; }
.fa-angle-double-up::before { content: “”; }
.fa-angle-double-down::before { content: “”; }
.fa-angle-left::before { content: “”; }
.fa-angle-right::before { content: “”; }
.fa-angle-up::before { content: “”; }
.fa-angle-down::before { content: “”; }
.fa-desktop::before { content: “”; }
.fa-laptop::before { content: “”; }
.fa-tablet::before { content: “”; }
.fa-mobile-phone::before, .fa-mobile::before { content: “”; }
.fa-circle-o::before { content: “”; }
.fa-quote-left::before { content: “”; }
.fa-quote-right::before { content: “”; }
.fa-spinner::before { content: “”; }
.fa-circle::before { content: “”; }
.fa-mail-reply::before, .fa-reply::before { content: “”; }
.fa-github-alt::before { content: “”; }
.fa-folder-o::before { content: “”; }
.fa-folder-open-o::before { content: “”; }
.fa-smile-o::before { content: “”; }
.fa-frown-o::before { content: “”; }
.fa-meh-o::before { content: “”; }
.fa-gamepad::before { content: “”; }
.fa-keyboard-o::before { content: “”; }
.fa-flag-o::before { content: “”; }
.fa-flag-checkered::before { content: “”; }
.fa-terminal::before { content: “”; }
.fa-code::before { content: “”; }
.fa-mail-reply-all::before, .fa-reply-all::before { content: “”; }
.fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: “”; }
.fa-location-arrow::before { content: “”; }
.fa-crop::before { content: “”; }
.fa-code-fork::before { content: “”; }
.fa-unlink::before, .fa-chain-broken::before { content: “”; }
.fa-question::before { content: “”; }
.fa-info::before { content: “”; }
.fa-exclamation::before { content: “”; }
.fa-superscript::before { content: “”; }
.fa-subscript::before { content: “”; }
.fa-eraser::before { content: “”; }
.fa-puzzle-piece::before { content: “”; }
.fa-microphone::before { content: “”; }
.fa-microphone-slash::before { content: “”; }
.fa-shield::before { content: “”; }
.fa-calendar-o::before { content: “”; }
.fa-fire-extinguisher::before { content: “”; }
.fa-rocket::before { content: “”; }
.fa-maxcdn::before { content: “”; }
.fa-chevron-circle-left::before { content: “”; }
.fa-chevron-circle-right::before { content: “”; }
.fa-chevron-circle-up::before { content: “”; }
.fa-chevron-circle-down::before { content: “”; }
.fa-html5::before { content: “”; }
.fa-css3::before { content: “”; }
.fa-anchor::before { content: “”; }
.fa-unlock-alt::before { content: “”; }
.fa-bullseye::before { content: “”; }
.fa-ellipsis-h::before { content: “”; }
.fa-ellipsis-v::before { content: “”; }
.fa-rss-square::before { content: “”; }
.fa-play-circle::before { content: “”; }
.fa-ticket::before { content: “”; }
.fa-minus-square::before { content: “”; }
.fa-minus-square-o::before { content: “”; }
.fa-level-up::before { content: “”; }
.fa-level-down::before { content: “”; }
.fa-check-square::before { content: “”; }
.fa-pencil-square::before { content: “”; }
.fa-external-link-square::before { content: “”; }
.fa-share-square::before { content: “”; }
.fa-compass::before { content: “”; }
.fa-toggle-down::before, .fa-caret-square-o-down::before { content: “”; }
.fa-toggle-up::before, .fa-caret-square-o-up::before { content: “”; }
.fa-toggle-right::before, .fa-caret-square-o-right::before { content: “”; }
.fa-euro::before, .fa-eur::before { content: “”; }
.fa-gbp::before { content: “”; }
.fa-dollar::before, .fa-usd::before { content: “”; }
.fa-rupee::before, .fa-inr::before { content: “”; }
.fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: “”; }
.fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: “”; }
.fa-won::before, .fa-krw::before { content: “”; }
.fa-bitcoin::before, .fa-btc::before { content: “”; }
.fa-file::before { content: “”; }
.fa-file-text::before { content: “”; }
.fa-sort-alpha-asc::before { content: “”; }
.fa-sort-alpha-desc::before { content: “”; }
.fa-sort-amount-asc::before { content: “”; }
.fa-sort-amount-desc::before { content: “”; }
.fa-sort-numeric-asc::before { content: “”; }
.fa-sort-numeric-desc::before { content: “”; }
.fa-thumbs-up::before { content: “”; }
.fa-thumbs-down::before { content: “”; }
.fa-youtube-square::before { content: “”; }
.fa-youtube::before { content: “”; }
.fa-xing::before { content: “”; }
.fa-xing-square::before { content: “”; }
.fa-youtube-play::before { content: “”; }
.fa-dropbox::before { content: “”; }
.fa-stack-overflow::before { content: “”; }
.fa-instagram::before { content: “”; }
.fa-flickr::before { content: “”; }
.fa-adn::before { content: “”; }
.fa-bitbucket::before { content: “”; }
.fa-bitbucket-square::before { content: “”; }
.fa-tumblr::before { content: “”; }
.fa-tumblr-square::before { content: “”; }
.fa-long-arrow-down::before { content: “”; }
.fa-long-arrow-up::before { content: “”; }
.fa-long-arrow-left::before { content: “”; }
.fa-long-arrow-right::before { content: “”; }
.fa-apple::before { content: “”; }
.fa-windows::before { content: “”; }
.fa-android::before { content: “”; }
.fa-linux::before { content: “”; }
.fa-dribbble::before { content: “”; }
.fa-skype::before { content: “”; }
.fa-foursquare::before { content: “”; }
.fa-trello::before { content: “”; }
.fa-female::before { content: “”; }
.fa-male::before { content: “”; }
.fa-gittip::before, .fa-gratipay::before { content: “”; }
.fa-sun-o::before { content: “”; }
.fa-moon-o::before { content: “”; }
.fa-archive::before { content: “”; }
.fa-bug::before { content: “”; }
.fa-vk::before { content: “”; }
.fa-weibo::before { content: “”; }
.fa-renren::before { content: “”; }
.fa-pagelines::before { content: “”; }
.fa-stack-exchange::before { content: “”; }
.fa-arrow-circle-o-right::before { content: “”; }
.fa-arrow-circle-o-left::before { content: “”; }
.fa-toggle-left::before, .fa-caret-square-o-left::before { content: “”; }
.fa-dot-circle-o::before { content: “”; }
.fa-wheelchair::before { content: “”; }
.fa-vimeo-square::before { content: “”; }
.fa-turkish-lira::before, .fa-try::before { content: “”; }
.fa-plus-square-o::before { content: “”; }
.fa-space-shuttle::before { content: “”; }
.fa-slack::before { content: “”; }
.fa-envelope-square::before { content: “”; }
.fa-wordpress::before { content: “”; }
.fa-openid::before { content: “”; }
.fa-institution::before, .fa-bank::before, .fa-university::before { content: “”; }
.fa-mortar-board::before, .fa-graduation-cap::before { content: “”; }
.fa-yahoo::before { content: “”; }
.fa-google::before { content: “”; }
.fa-reddit::before { content: “”; }
.fa-reddit-square::before { content: “”; }
.fa-stumbleupon-circle::before { content: “”; }
.fa-stumbleupon::before { content: “”; }
.fa-delicious::before { content: “”; }
.fa-digg::before { content: “”; }
.fa-pied-piper-pp::before { content: “”; }
.fa-pied-piper-alt::before { content: “”; }
.fa-drupal::before { content: “”; }
.fa-joomla::before { content: “”; }
.fa-language::before { content: “”; }
.fa-fax::before { content: “”; }
.fa-building::before { content: “”; }
.fa-child::before { content: “”; }
.fa-paw::before { content: “”; }
.fa-spoon::before { content: “”; }
.fa-cube::before { content: “”; }
.fa-cubes::before { content: “”; }
.fa-behance::before { content: “”; }
.fa-behance-square::before { content: “”; }
.fa-steam::before { content: “”; }
.fa-steam-square::before { content: “”; }
.fa-recycle::before { content: “”; }
.fa-automobile::before, .fa-car::before { content: “”; }
.fa-cab::before, .fa-taxi::before { content: “”; }
.fa-tree::before { content: “”; }
.fa-spotify::before { content: “”; }
.fa-deviantart::before { content: “”; }
.fa-soundcloud::before { content: “”; }
.fa-database::before { content: “”; }
.fa-file-pdf-o::before { content: “”; }
.fa-file-word-o::before { content: “”; }
.fa-file-excel-o::before { content: “”; }
.fa-file-powerpoint-o::before { content: “”; }
.fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: “”; }
.fa-file-zip-o::before, .fa-file-archive-o::before { content: “”; }
.fa-file-sound-o::before, .fa-file-audio-o::before { content: “”; }
.fa-file-movie-o::before, .fa-file-video-o::before { content: “”; }
.fa-file-code-o::before { content: “”; }
.fa-vine::before { content: “”; }
.fa-codepen::before { content: “”; }
.fa-jsfiddle::before { content: “”; }
.fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: “”; }
.fa-circle-o-notch::before { content: “”; }
.fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: “”; }
.fa-ge::before, .fa-empire::before { content: “”; }
.fa-git-square::before { content: “”; }
.fa-git::before { content: “”; }
.fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: “”; }
.fa-tencent-weibo::before { content: “”; }
.fa-qq::before { content: “”; }
.fa-wechat::before, .fa-weixin::before { content: “”; }
.fa-send::before, .fa-paper-plane::before { content: “”; }
.fa-send-o::before, .fa-paper-plane-o::before { content: “”; }
.fa-history::before { content: “”; }
.fa-circle-thin::before { content: “”; }
.fa-header::before { content: “”; }
.fa-paragraph::before { content: “”; }
.fa-sliders::before { content: “”; }
.fa-share-alt::before { content: “”; }
.fa-share-alt-square::before { content: “”; }
.fa-bomb::before { content: “”; }
.fa-soccer-ball-o::before, .fa-futbol-o::before { content: “”; }
.fa-tty::before { content: “”; }
.fa-binoculars::before { content: “”; }
.fa-plug::before { content: “”; }
.fa-slideshare::before { content: “”; }
.fa-twitch::before { content: “”; }
.fa-yelp::before { content: “”; }
.fa-newspaper-o::before { content: “”; }
.fa-wifi::before { content: “”; }
.fa-calculator::before { content: “”; }
.fa-paypal::before { content: “”; }
.fa-google-wallet::before { content: “”; }
.fa-cc-visa::before { content: “”; }
.fa-cc-mastercard::before { content: “”; }
.fa-cc-discover::before { content: “”; }
.fa-cc-amex::before { content: “”; }
.fa-cc-paypal::before { content: “”; }
.fa-cc-stripe::before { content: “”; }
.fa-bell-slash::before { content: “”; }
.fa-bell-slash-o::before { content: “”; }
.fa-trash::before { content: “”; }
.fa-copyright::before { content: “”; }
.fa-at::before { content: “”; }
.fa-eyedropper::before { content: “”; }
.fa-paint-brush::before { content: “”; }
.fa-birthday-cake::before { content: “”; }
.fa-area-chart::before { content: “”; }
.fa-pie-chart::before { content: “”; }
.fa-line-chart::before { content: “”; }
.fa-lastfm::before { content: “”; }
.fa-lastfm-square::before { content: “”; }
.fa-toggle-off::before { content: “”; }
.fa-toggle-on::before { content: “”; }
.fa-bicycle::before { content: “”; }
.fa-bus::before { content: “”; }
.fa-ioxhost::before { content: “”; }
.fa-angellist::before { content: “”; }
.fa-cc::before { content: “”; }
.fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: “”; }
.fa-meanpath::before { content: “”; }
.fa-buysellads::before { content: “”; }
.fa-connectdevelop::before { content: “”; }
.fa-dashcube::before { content: “”; }
.fa-forumbee::before { content: “”; }
.fa-leanpub::before { content: “”; }
.fa-sellsy::before { content: “”; }
.fa-shirtsinbulk::before { content: “”; }
.fa-simplybuilt::before { content: “”; }
.fa-skyatlas::before { content: “”; }
.fa-cart-plus::before { content: “”; }
.fa-cart-arrow-down::before { content: “”; }
.fa-diamond::before { content: “”; }
.fa-ship::before { content: “”; }
.fa-user-secret::before { content: “”; }
.fa-motorcycle::before { content: “”; }
.fa-street-view::before { content: “”; }
.fa-heartbeat::before { content: “”; }
.fa-venus::before { content: “”; }
.fa-mars::before { content: “”; }
.fa-mercury::before { content: “”; }
.fa-intersex::before, .fa-transgender::before { content: “”; }
.fa-transgender-alt::before { content: “”; }
.fa-venus-double::before { content: “”; }
.fa-mars-double::before { content: “”; }
.fa-venus-mars::before { content: “”; }
.fa-mars-stroke::before { content: “”; }
.fa-mars-stroke-v::before { content: “”; }
.fa-mars-stroke-h::before { content: “”; }
.fa-neuter::before { content: “”; }
.fa-genderless::before { content: “”; }
.fa-facebook-official::before { content: “”; }
.fa-pinterest-p::before { content: “”; }
.fa-whatsapp::before { content: “”; }
.fa-server::before { content: “”; }
.fa-user-plus::before { content: “”; }
.fa-user-times::before { content: “”; }
.fa-hotel::before, .fa-bed::before { content: “”; }
.fa-viacoin::before { content: “”; }
.fa-train::before { content: “”; }
.fa-subway::before { content: “”; }
.fa-medium::before { content: “”; }
.fa-yc::before, .fa-y-combinator::before { content: “”; }
.fa-optin-monster::before { content: “”; }
.fa-opencart::before { content: “”; }
.fa-expeditedssl::before { content: “”; }
.fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: “”; }
.fa-battery-3::before, .fa-battery-three-quarters::before { content: “”; }
.fa-battery-2::before, .fa-battery-half::before { content: “”; }
.fa-battery-1::before, .fa-battery-quarter::before { content: “”; }
.fa-battery-0::before, .fa-battery-empty::before { content: “”; }
.fa-mouse-pointer::before { content: “”; }
.fa-i-cursor::before { content: “”; }
.fa-object-group::before { content: “”; }
.fa-object-ungroup::before { content: “”; }
.fa-sticky-note::before { content: “”; }
.fa-sticky-note-o::before { content: “”; }
.fa-cc-jcb::before { content: “”; }
.fa-cc-diners-club::before { content: “”; }
.fa-clone::before { content: “”; }
.fa-balance-scale::before { content: “”; }
.fa-hourglass-o::before { content: “”; }
.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-hourglass::before { content: “”; }
.fa-hand-grab-o::before, .fa-hand-rock-o::before { content: “”; }
.fa-hand-stop-o::before, .fa-hand-paper-o::before { content: “”; }
.fa-hand-scissors-o::before { content: “”; }
.fa-hand-lizard-o::before { content: “”; }
.fa-hand-spock-o::before { content: “”; }
.fa-hand-pointer-o::before { content: “”; }
.fa-hand-peace-o::before { content: “”; }
.fa-trademark::before { content: “”; }
.fa-registered::before { content: “”; }
.fa-creative-commons::before { content: “”; }
.fa-gg::before { content: “”; }
.fa-gg-circle::before { content: “”; }
.fa-tripadvisor::before { content: “”; }
.fa-odnoklassniki::before { content: “”; }
.fa-odnoklassniki-square::before { content: “”; }
.fa-get-pocket::before { content: “”; }
.fa-wikipedia-w::before { content: “”; }
.fa-safari::before { content: “”; }
.fa-chrome::before { content: “”; }
.fa-firefox::before { content: “”; }
.fa-opera::before { content: “”; }
.fa-internet-explorer::before { content: “”; }
.fa-tv::before, .fa-television::before { content: “”; }
.fa-contao::before { content: “”; }
.fa-500px::before { content: “”; }
.fa-amazon::before { content: “”; }
.fa-calendar-plus-o::before { content: “”; }
.fa-calendar-minus-o::before { content: “”; }
.fa-calendar-times-o::before { content: “”; }
.fa-calendar-check-o::before { content: “”; }
.fa-industry::before { content: “”; }
.fa-map-pin::before { content: “”; }
.fa-map-signs::before { content: “”; }
.fa-map-o::before { content: “”; }
.fa-map::before { content: “”; }
.fa-commenting::before { content: “”; }
.fa-commenting-o::before { content: “”; }
.fa-houzz::before { content: “”; }
.fa-vimeo::before { content: “”; }
.fa-black-tie::before { content: “”; }
.fa-fonticons::before { content: “”; }
.fa-reddit-alien::before { content: “”; }
.fa-edge::before { content: “”; }
.fa-credit-card-alt::before { content: “”; }
.fa-codiepie::before { content: “”; }
.fa-modx::before { content: “”; }
.fa-fort-awesome::before { content: “”; }
.fa-usb::before { content: “”; }
.fa-product-hunt::before { content: “”; }
.fa-mixcloud::before { content: “”; }
.fa-scribd::before { content: “”; }
.fa-pause-circle::before { content: “”; }
.fa-pause-circle-o::before { content: “”; }
.fa-stop-circle::before { content: “”; }
.fa-stop-circle-o::before { content: “”; }
.fa-shopping-bag::before { content: “”; }
.fa-shopping-basket::before { content: “”; }
.fa-hashtag::before { content: “”; }
.fa-bluetooth::before { content: “”; }
.fa-bluetooth-b::before { content: “”; }
.fa-percent::before { content: “”; }
.fa-gitlab::before { content: “”; }
.fa-wpbeginner::before { content: “”; }
.fa-wpforms::before { content: “”; }
.fa-envira::before { content: “”; }
.fa-universal-access::before { content: “”; }
.fa-wheelchair-alt::before { content: “”; }
.fa-question-circle-o::before { content: “”; }
.fa-blind::before { content: “”; }
.fa-audio-description::before { content: “”; }
.fa-volume-control-phone::before { content: “”; }
.fa-braille::before { content: “”; }
.fa-assistive-listening-systems::before { content: “”; }
.fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: “”; }
.fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: “”; }
.fa-glide::before { content: “”; }
.fa-glide-g::before { content: “”; }
.fa-signing::before, .fa-sign-language::before { content: “”; }
.fa-low-vision::before { content: “”; }
.fa-viadeo::before { content: “”; }
.fa-viadeo-square::before { content: “”; }
.fa-snapchat::before { content: “”; }
.fa-snapchat-ghost::before { content: “”; }
.fa-snapchat-square::before { content: “”; }
.fa-pied-piper::before { content: “”; }
.fa-first-order::before { content: “”; }
.fa-yoast::before { content: “”; }
.fa-themeisle::before { content: “”; }
.fa-google-plus-circle::before, .fa-google-plus-official::before { content: “”; }
.fa-fa::before, .fa-font-awesome::before { content: “”; }
.fa-handshake-o::before { content: “”; }
.fa-envelope-open::before { content: “”; }
.fa-envelope-open-o::before { content: “”; }
.fa-linode::before { content: “”; }
.fa-address-book::before { content: “”; }
.fa-address-book-o::before { content: “”; }
.fa-vcard::before, .fa-address-card::before { content: “”; }
.fa-vcard-o::before, .fa-address-card-o::before { content: “”; }
.fa-user-circle::before { content: “”; }
.fa-user-circle-o::before { content: “”; }
.fa-user-o::before { content: “”; }
.fa-id-badge::before { content: “”; }
.fa-drivers-license::before, .fa-id-card::before { content: “”; }
.fa-drivers-license-o::before, .fa-id-card-o::before { content: “”; }
.fa-quora::before { content: “”; }
.fa-free-code-camp::before { content: “”; }
.fa-telegram::before { content: “”; }
.fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: “”; }
.fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: “”; }
.fa-thermometer-2::before, .fa-thermometer-half::before { content: “”; }
.fa-thermometer-1::before, .fa-thermometer-quarter::before { content: “”; }
.fa-thermometer-0::before, .fa-thermometer-empty::before { content: “”; }
.fa-shower::before { content: “”; }
.fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: “”; }
.fa-podcast::before { content: “”; }
.fa-window-maximize::before { content: “”; }
.fa-window-minimize::before { content: “”; }
.fa-window-restore::before { content: “”; }
.fa-times-rectangle::before, .fa-window-close::before { content: “”; }
.fa-times-rectangle-o::before, .fa-window-close-o::before { content: “”; }
.fa-bandcamp::before { content: “”; }
.fa-grav::before { content: “”; }
.fa-etsy::before { content: “”; }
.fa-imdb::before { content: “”; }
.fa-ravelry::before { content: “”; }
.fa-eercast::before { content: “”; }
.fa-microchip::before { content: “”; }
.fa-snowflake-o::before { content: “”; }
.fa-superpowers::before { content: “”; }
.fa-wpexplorer::before { content: “”; }
.fa-meetup::before { content: “”; }
.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; content: “”; color: rgb(233, 234, 229); float: right; font-size: 1.3em; margin-top: 0px; }
#courseMenuPalette div.navPaletteContent { background-color: rgb(0, 133, 165) !important; }
#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 { color: rgb(211, 160, 42) !important; }
#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-family: FontAwesome; content: “”; color: rgb(0, 133, 165); font-size: 1.3em; }
#Faculty\ Help a::before { font-family: FontAwesome; content: “”; color: rgb(0, 133, 165); font-size: 1.3em; }
#Self\ Enroll a::before { font-family: FontAwesome; content: “”; color: rgb(0, 133, 165); font-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; color: rgb(255, 255, 255) !important; }
.blockGroups .itemHead, .blockGroups .itemHeadOpen { color: rgb(1, 117, 140) !important; }
.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 “) !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 !important; height: 40px !important; }
#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 !important; height: 40px !important; }
#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 { color: rgb(255, 255, 255) !important; }
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; }
.navPaletteContent h3 a { background: 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 { color: rgb(255, 255, 255) !important; }
#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; }
@media only screen and (min-width: 0) and (max-width: 667px) {
#courseMenuPalette a, #controlPanelPalette_contents a, #courseMenuPalette span, #controlPanelPalette_contents span { 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; 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; }
.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; 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(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%; }
.collapsible { border-top: none !important; }
.portlet .portletList li { border-top: none !important; }
.mceItemIframe { background-image: url(“images/no_preview “); }
.mceItemMedia { border: 1px dotted rgb(204, 0, 0); background-position: center center; background-repeat: no-repeat; background-color: rgb(234, 234, 234) !important; }
#CCT\ Toolbox a::before { font-family: FontAwesome; content: “”; color: rgb(0, 133, 165); font-size: 1.3em; }
#You\’re\ Using\ Login\ As a::before { font-family: FontAwesome; content: “”; color: rgb(0, 133, 165); font-size: 1.3em; }
#You\’re\ Using\ Login\ As { display: none !important; }
.se_link_msg { display: none; }
@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; inset: 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); font-weight: bold; color: rgb(77, 77, 77); display: flex; justify-content: flex-end; }
#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 { display: inline-block; 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”;
code[class*=”language-“], pre[class*=”language-“] { color: black; background: none; text-shadow: white 0px 1px; font-family: Consolas, Monaco, “Andale Mono”, “Ubuntu Mono”, monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; }
pre[class*=”language-“]::selection, pre[class*=”language-“] ::selection, code[class*=”language-“]::selection, code[class*=”language-“] ::selection { text-shadow: none; background: rgb(179, 212, 252); }
@media print {
code[class*=”language-“], pre[class*=”language-“] { text-shadow: none; }
}
pre[class*=”language-“] { padding: 1em; margin: 0.5em 0px; overflow: auto; }
:not(pre) > code[class*=”language-“], pre[class*=”language-“] { background: rgb(245, 242, 240); }
:not(pre) > code[class*=”language-“] { padding: 0.1em; border-radius: 0.3em; white-space: normal; }
.token.comment, .token.prolog, .token type, .token.cdata { color: slategray; }
.token.punctuation { color: rgb(153, 153, 153); }
.namespace { opacity: 0.7; }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: rgb(153, 0, 85); }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: rgb(102, 153, 0); }
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: rgb(154, 110, 58); background: rgba(255, 255, 255, 0.5); }
.token.atrule, .token.attr-value, .token.keyword { color: rgb(0, 119, 170); }
.token.function, .token.class-name { color: rgb(221, 74, 104); }
.token.regex, .token.important, .token.variable { color: rgb(238, 153, 0); }
.token.important, .token.bold { font-weight: bold; }
.token.italic { font-style: italic; }
.token.entity { cursor: help; }
@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 { content: “”; padding: 0px 5px; }
a.videoIntegrationLinkViewRecording i.fa.fa-video-camera::before { content: “”; padding: 0px 5px; }
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 screen and (max-width: 1300px) and (min-height 700px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 700px; }
}
@media screen and (max-height: 650px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 572px; }
.video-integration .container { max-width: 960px; }
}
@media screen and (max-height: 600px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 500px; }
.video-integration .container { max-width: 800px; }
}
@media screen and (max-height: 500px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 400px; min-width: 300px; }
.video-integration .container { max-width: 700px; }
}
@media screen and (max-height: 450px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 400px; min-width: 300px; }
.video-integration .container { max-width: 640px; }
}
@media screen and (max-height: 420px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 328px; min-width: 300px; }
.video-integration .container { max-width: 576px; }
}
@media screen and (max-height: 400px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 320px; max-width: 600px; margin: auto; }
.video-integration .container { max-width: 600px; }
}
@media screen and (max-height: 370px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 300px; max-width: 600px; margin: auto; }
.video-integration .container { max-width: 500px; }
}
@media screen and (max-height: 350px) {
.video-integration, .video-integration body, .video-integration .locationPane, .video-integration .contentPaneWide, .video-integration .contentBox, .video-integration .container { max-height: 270px; 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, .announcementList-read .item, #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; }
module 1: Initiating Data-Informed Change (Weeks 1 and 2)
Dramatic changes are taking place in Grand City, from changes in the economy and workforce, to shifts in the city’s demographic makeup. Grand City now is also experiencing the influx of many refugees from Risa. The impact on local schools and services has been tremendous, including falling test scores. Changes are needed at all levels to accommodate a growing population and new job opportunities. In the recent city elections, Mayor Tara Keller won a decisive victory by promising to address these issues. Additionally, she sees this as an opportunity to identify needs based on data, invest in new ideas, and make program improvements.
One of Mayor Keller’s initiatives is to form a task force with representatives from across the community to study the issues and to form a plan for addressing them. Unlike some task forces convened previously, this one will include leaders from across the community. Among the institutions participating will be early childhood programs, the school district, the community college, and private schools. Mayor Keller’s task force will be reviewing, analyzing, and evaluating quantitative and qualitative data about the city’s children, students, and citizens.
Beginning in this module, and throughout this course, you will take on the role of a member of Mayor Keller’s task force to analyze the issues and trends affecting education and the city’s future growth and to plan for needed changes.
Note that throughout this course, you will be asked to represent the perspective of your specialization. Whether your background is in early childhood, educational technology, special education, or another area, you will draw on your experience and expertise to contribute to the task force.
Learning Objectives
Students will:
· Analyze trends in educational and demographic data
· Evaluate guiding principles for educational change
· Evaluate educational program areas of improvement
· Develop philosophies of educational change
· Evaluate the use of data for change in educational programs and communities
Response1
Rica Glaze
RE: Discussion 2 – Module 1
COLLAPSE
Top of Form
The three target areas in Edtech that I would like to focus on will be:
1. Internet access
As we all know, this became an apparent problem when the schools shut down in March 2020 due to COVID19. Teachers were scrambling to gather all their students online because many of them did not have internet access at home. The school district provided them wifi hotspots, but it took them a while to reach the students’ homes. Learning was difficult during that crisis mode. It was all dependent on how accessible and speedy the teachers’ and students’ home internet connections were. In my school district in Southern California, we waited more than a year to go back to school in-person. By then, it was hybrid. The students SHOULD have internet access at home. Otherwise, they could not attend their classes on the days they were scheduled to stay home. No attendance equates no learning. Similarly, in Grand City, if only 53% of the students have internet access at home (Walden University, 2016b), what education do we expect from those 47% who also have the same assignments, research papers, and homework as the 53%? According to Fullan (2016), the “implementation of educational change involves change in practice” (p.28). The school district budget increased $2000+ per student from 5 years ago (Walden University, 2016b), and they should provide mobile wifi hotspots, especially to the low-income students who cannot afford it. There should be a continuity of practice from the classroom to home to aid in mastering their academic skills. Having internet access is a fitting start.
1. Adequate training for teachers, both in academic areas and technology use
State testing scores of Grand City Grades 3-5 students show a decline within 5 years (Walden University, 2016b). The number of students who do not meet ELA proficiency increased by 10 percentage points, while the state decreased by 3 points. Likewise, the number of students who do not meet Math proficiency increased by 5 percentage points, while the state decreased by 12 points (Walden University, 2016b). What is going on? I do not agree with blaming teachers. Certainly, these teachers are worried the district uses this data in evaluating their performance, and they will be pressured to do better in unrealistic ways (Mandinach, et al., 2015). I do not believe that all Grades 3-5 teachers in Grand City are incompetent. Instead of playing the blame game, this data should be a driving force for all decision makers in the district, school administrators and teachers alike that something needs to be done at the classroom level. Teachers should be given training on how to be data literate, in addition to strengthening their pedagogical practices district-wide (Mandinach, et al., 2015). There are many digital tools available nowadays. There are also numerous programs online that give teachers instant feedback and class/student activity analysis. They can be differentiated for the students, depending on their academic level. If applied well in the classroom, these digital tools can be powerful in learning. If the teachers were data literate, they could use the information for instruction, appropriate data display, and appropriate communication (Mandinach, et al., 2015).
3. strong data infrastructure at the national/state level
Mandinach, et al. (2015) stated that teachers have been teaching in the classroom using data, but it did not have a name then. All this data that they have been using needs a strong infrastructure at the national/state level to store students’ information for many years. Mandinach, et al. (2015) believes that longitudinal data systems is a solution to this. It is best to have this infrastructure wherein administrators and educators can have access to understand a student, a class, school, or even a whole district at a certain year or even a long period of time. This would surely aid the data-literate school administrators and teachers in making decisions to improve not just academic proficiency of students, but also their behavior, attendance, and social and emotional needs.
When all these target areas above are addressed, educational technologists like me would create a great impact not just on a classroom or district level, but also on a state and national level. There will be organization of data for the school officials and teachers to employ so they can make the appropriate decisions for the best of their students. If these target areas are addressed in Grand City, there will be improvement in students’ attendance, proficiency in Math and ELA, and graduation rates. This has a ripple effect throughout the city in the aspect of workforce, social services, etc.
References
:
Gonzalez-Sancho, C., & Vincent-Lancrin, S. (2016). Transforming education by using a new generation of information systems. Policy Futures in Education, 14(6), 1-18. doi: 10.1177/1478210316649287.
Mandinach, E. B., Parton, B., Gummer, E. S., & Anderson, R. (2015). Ethical and appropriate data use requires data literacy. Phi Delta Kappan, 96(5), 25–27. doi:10.1177/0031721715569465
Walden University, LLC. (Producer). (2016b). Grand City education and demographic data files [PDF]. Baltimore, MD: Author.
Bottom of Form
References
Response 2
Kendall Pankake
Kendall Pankake: Initial Discussion Post
COLLAPSE
Top of Form
Good afternoon,
Coming from the view of an administrator, it is difficult to choose only three areas on which to focus as I feel a sense of responsibility to support and grow all initiatives about which the task force members spoke (Walden, 2017a). Working at the secondary level, I will choose to focus on graduation rate, occupational data, and office referrals/suspensions (Walden 2016b).
Student graduation rate is a key performance indicator of a high school. Increased graduation rates mean that stakeholders are creating an environment that supports high achievement and access for all students. Grand City data demonstrated that, overall, the graduation rate has decreased from five years ago (Walden, 2016b). To go into greater detail, it is evident that graduation rates for White students, African American students, Asian students, and American Indian students have increased (Walden, 2016b). Graduation rates for Hispanic students and Native Hawaiian and Pacific Islander students have decreased (Walden, 2016b). There is not sufficient historical data to determine past graduation rates for students from Riza, but the current graduation rate for students from Riza is a staggering 20 percent (Walden, 2016b). An increased graduation rate is important as it is an indicator of student engagement, access to advanced coursework, and opportunities for students to think critically and collaboratively (Heinrich et al., 2021). As an administrator, these are all items on which I am able to have a positive effect.
Second, I would like to focus on occupational data. Reflecting on the data presented, it is clear that over the last five years, there has been a decrease in the education level achieved by the people of the Grand City community (Walen, 2016b). The unemployment rate has almost doubled in the city while it has actually decreased in the state (Walden, 2016b). Furthermore, the population of blue collar workers has decreased by 19% in the last five years (Walden, 2016b). Included within the goals of any high school, there should be one related to preparing students for post-secondary success. The rationale for choosing this as a focus area is because, at the high school level, there are many ways to expose students to postsecondary opportunities when the appropriate structures are put into place.
Finally, I chose to focus on office referrals and suspensions. In the data representation, they are two separate focus areas. However, I would argue that they go hand-in-hand. Looking at the data, office referrals have increased for all students (Walden, 2016b). However, there have been greater increases for African American, Hispanic/Latino, and Riza students (Walden, 2016b). The same is true to an even greater extent for suspension rates (Walden, 2016b). This is a crucial focus area as students are not able to grow and achieve academically when they are removed from the educational setting. If students’ behavior is getting in the way of their learning, an effective administrator would look at the systems involved in supporting students to grow behaviorally so that they are able to access their education. Decreasing these numbers would ultimately lead to higher achievement in other areas.
References
Heinrich, C. J., & Darling-Aduana, J. (2021). Does online course-taking increase high school
completion and open pathways to postsecondary education opportunities? Educational Evaluation & Policy Analysis, 43(3), 367–390.
https://doi.org/10.3102/0162373721993485
Walden University, LLC. (Producer). (2017a). Grand City opening task force meeting [Video
file]. Baltimore, MD: Author.
Walden University, LLC. (Producer). (2016b). Grand City education and demographic data files
[PDF]. Baltimore, MD: Author.
Bottom of Form
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.
Read moreEach paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.
Read moreThanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.
Read moreYour email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.
Read moreBy sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.
Read moreOur specialists are always online to help you! We are available 24/7 via live chat, WhatsApp, and phone to answer questions, correct mistakes, or just address your academic fears.
See our T&Cs